body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
	padding: 0;
	font-size: 10px;
	background: url('images/traitDiag.gif') #BCB2A8;
}

a {
	color: #000000; /*#894D59 ;*/
	text-decoration: none ;
}

a:hover{
	color: #FFFFFF; /*#DCC2CC;*/
}

img{
border: 0px ;
}

#header {
	background: url('images/bandeau0.jpg') #B5C284;
	color: #A19472;
	font-weight: bold;
	font-size: 10pt;
	height: 149px;
	border-bottom: 3px groove #5E9B9E;
}


#contenant {
/* 	border:2px solid #666666 ; */
	background-color: #64A1CD; /*#64A6A4; 5E9B9E; #83B9E7; #6699CC ; *//*marron : #A19472*/
	width: 792px; /* Largeur de la page */
	padding: 0; 
	margin: 20px auto; /* Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche */
	text-align: center; /* Justifier le texte à gauche */

}

	
#colgauche { 
	width: 130px; 
	/*margin: 2; */
 	margin-left: 2px!important; /* Pour les navigateurs standards */
 	margin-left: 5px; /* Pour Internet Explorer */
	padding: 0;
	}

	
#coldroite { 
	float: right; 
	width: 192px; 
	padding-top: 5px;
	margin-right: 2px!important; /* Pour les navigateurs standards */
	margin-right: 5px; /* Pour Internet Explorer */
	display: block; /* On le cache puisque l'on veut seulement 2 colonnes sur la page d'accueil */
/* 	background: #DEDEDE; */
	height: 100% ;
}
	
td{
	font-size: 10px;	
}

#colcentre { 
	text-align: justify ;
	font-size: 10px;
	padding: 3 0 3 10; 
}

#colcentre .titlegauche{
	background: url('images/menu/menu_gauche.gif') no-repeat;
	height: 50px ;
	width:30px ;
}

#colcentre .titledroit{
	background: url('images/menu/menu_droit.gif') no-repeat;
	height: 50px ;
	width:30px ;
}

#colcentre .title{
	font-weight: bold ;
	font-size: 16px;
	font-variant: small-caps;
 	padding: 2 10 2 10 ;
	height:50px ;
	color: #000 ;
	background: url('images/menu/menu_centre.gif');
}

#colcentre .chapo{
	font-weight: bold ;
	text-align: justify ;
	padding: 5px ;
	font-size: 11px;
	padding: 5 30 5 5 ;
}

#colcentre .celltitle{
	color: #FFFFFF ;
	font-size: 11px;
	padding: 2 10 5 10 ;
	font-weight: normal;
/* 	background: url('images/traitD.gif'); */
}

#colcentre .cell{
	font-size: 9px;
	text-align: justify ;
	padding: 2 30 5 20 ;
}
#colcentre .celllink{
	color: #B5C284 ;
	font-size: 10pt;
	font-weight: bold ;
}

#footer{
	text-align: center;
/* 	border-top: 1px solid #B5C284; */
	background: url('images/footer.jpg') #B5C284;/* #B5C284;*/
 	padding-bottom : 2  ;
	height: 43px;
}

#footer .cell{
	color: #e9eff4 ;
	font-size: 7pt;
	font-weight: bold;
	padding: 0 3 0 3 ;
}

.onglet_activ {
	background-color:#000;
	border: 1px solid #999;
	font-weight:bold ;
	height: 20px;
	color: #FFF;
}
.onglet{
	background-color: #DCD3D5;
	border: 1px solid #999;
	height: 20px ;	
	color: #000;	
}

#box{
/* 	border:2px solid #B5C284 ; */
	margin: 5px;
	font-size: 10px;
	background-color: #BCB2A8; /*B3BE9E; #E4EACE;*/
}

#box .head{
	background-color: #64A1CD; /* vert : #B5C284 ; */
	font-size: 11px;
	color: #FFFFFF;
	padding: 2 10 5 10;
	font-variant: small-caps;
}

#box a#none{
	color:#FFFFCC;
}

#box .cell{
	background: #DCD3D5;
	font-size: 10px;
	color: #FFFFCC;
	padding: 2 2 3 10;
	font-variant: small-caps;
}
#box li{
	text-decoration: none ;
	font-size: 10px;
	font-weight: bold;
	list-style-type:none;
	padding-left:10px ;
	background: url('images/puce_li.gif') no-repeat;
}

#box a{
	font-variant:small-caps;
	color: #000000;
}
#box a.hover{
	color: #FFFFFF; /*#64A1CD; */
	font-weight: bold;
	font-variant:small-caps;
} 

#box a:hover{
	color: #64A1CD; 
	font-weight: bold;
}


.tarif{
	border-top:1px solid #000;
	font-size:10px ;
}

.select{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
}

input.text{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 220px;
}

input.textmini{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 50px;
}

input.textlong{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 455px;
}

input.text_date2{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 20px;
}

input.text_date4{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 40px;
}
.textarea{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 450px;
	height: 80px;
}

.textarea_adr{
	border: solid 1px #cccccc;
    font-size: 10px;
    color: #666666;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
	width: 450px;
	height: 40px;
}

input.button{
	border: solid 1px #cccccc;
    font-size: 10px;
	font-weight: bold ;
    background : #B5C284; /*#B5C284;*/
    color: #FFF; /*#A19472 ;*/
	padding: 3px ;
}


input.delete{
	border: 0px;
    font-size: 6px;
	color: red ;
    background : url('images/close.jpg') no-repeat; /*#B5C284;*/
	width: 25px;
	height: 18px;
}


#div_img{
	background-color: #FFFFFF;
	border: 5px groove #83755A;
	position:absolute;
	top:auto;
	left: 350px;
	margin-top:5px;
	display:none;
}

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */




#calendar .title{
	font-weight: bold ;
	font-size: 10px;
	text-align: center ;
	font-variant: small-caps;
 	padding: 2; 
	background-color: #FFFFB4;
}



#calendar .daysWeek{
/* 	font-weight: bold ; */
	font-size: 9px;
	text-align: center ;
	font-variant: small-caps;
 	padding: 2; 
	background-color: #DEDEDE;
}