body{

	margin : 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	height: 100%;

}



img{

	border : 0;	

}



p{

	text-align: justify;

}



div.clearboth, div.clear, hr.clear{

	float: none;

	clear: both;

	visibility: hidden;

}



#tools{

	display: none;

}



#page{

        background:url("/images/fond-site.jpg") repeat-y 0 0;

	height: 100%;

	width: 100%;

	border-top: 0px solid #006600;

	border-right: 1px solid #006600;

	border-bottom: 0px solid #006600;

	border-left: 0px solid #006600;

}



#banner{

	height: 120px;

	background: url("/images/banner/fond_bando.gif") no-repeat 0 80px;

}


#banner a{
float:left;
}

#images-bando{
position:absolute;
right:10px;
top:0;
}

#fond_banner{
background: white  url("/images/banner/bando-repeat.jpg") repeat-x 0 0px;
}


#menu{

	background-color: #325D3D;

	width: 164px;

	margin-top: 0;

	position: absolute;

	top: 118px;

	left: 0px;



}



#menu #outils ul{

	padding-left: 0px;

	margin: 0px;

}



#menu #outils li{

	display: inline;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}



#menu #navigation ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#menu #navigation li{

	margin: 0 0 20px 0;

	padding: 0 0 0 0;

}



#menu #navigation a{

	padding-left: 20px;

	font-weight: bold;

	color: #FFFFFF;

	background-image: url("/images/menu/tiret-blanc.gif");

	background-repeat: no-repeat;

	background-position: 0px;

	text-decoration: none;

}

#menu #navigation ul li.active a{

padding-left: 20px;

	color: #CCCC00 !important;

	background-image: url("/images/menu/tiret-jaune.gif");

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: 0px;

}



#menu #navigation a:hover{

	padding-left: 20px;

	color: #CCCC00;

	background-image: url("/images/menu/tiret-jaune.gif");

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: 0px;

} 



/*

#menu #navigation a:active{

	padding-left: 20px;

	color: #CCCC00;

	background-image: url(images/menu/tiret-jaune.gif);

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: 0px;

}

*/

#menu #coordonnees{

	background-image: url("/images/menu/outils/coordonnees.gif");

	background-repeat: no-repeat;

	color: #f8f6c3;

	height: 103px;

	line-height:12px;

	padding: 16px 0 0px 20px;

	font-size: 11px;

	margin: 0;

}



#menu #telephone{

	font-size: 9px;

}

#fond-contents{

}

#contents{
border-left:164px solid #325D3D;

margin-left:0px;

	width: auto;

	padding:10px 10px 10px 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;


}

#contents a{
color:#315c3c;
font-weight:bold;
}

#contents a:hover{
color:#4e915f;
}	


#fond-footer{
background:#325D3D url("/images/footer/pied-repeat.jpg") repeat-x 164px 0;
}

#footer{

color: white;

	background: url("/images/footer/pied.gif") no-repeat -3px 0;

	height: 80px;

	width: 760px;

	margin: 0 0 0 0;

}



#footer div{

left:300px;

	position : absolute;

margin-top:60px;

}



#footer div a{

color: white;

text-decoration:none;

font-size:11px;

font-weight:normal;

}



#footer div a:hover{

color: #cce70b;

}



#contents h2 {

	font-weight: bold;

	font-size: 18px;

	color: #A87A00;

	background-image: url("/images/contents/feuille.gif");

	background-repeat: no-repeat;

	height: 20px;

	padding-left: 33px;

}



#contents h3 {

	font-weight: bold;

	font-size: 14px;

	color: #A87A00;

}



#contents h4 {

	font-weight: normal;

	font-size: 12px;

	color: #A87A00;

	font-style: italic;



}

a.links-contents {

	font-weight: bold;

	color: #2FAE58;

	text-decoration: underline;





}

a.links-contents : hover {

	font-weight: bold;

	color: #325D3D;

	text-decoration: underline;



}



.texte-gras {

	font-weight: bold;

}



.sous-titre. {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: A87A00;

	font-size: 12px;

}



.commentaire {

	color: #666666;

	font-size: 11px;

}



.formulaire {

	color: #333333;

	background-color: #E2E2E2;

	border: 2px solid #325D3D;

}

.liste{

	list-style-type: square;

}



.une_colonne, .deux_colonnes{

	clear:both;

}



.colleft{

	float:left;

	width:48%;

	margin:0; 

        padding:0;

	margin-right:3%;

}



.colright{

	float:left;

	width:49%;

	margin:0; padding:0;

}



.intext_left{

	float: left !important;

	padding: 0px 15px 15px 0px !important;

}



.intext_right{

	float: right !important;

	padding: 0px 0px 15px 15px !important;

}



.above_left{

	text-align: left;

	padding: 0px 0px 0px 0px !important;

}



.above_right, p.right{

	text-align: right;

}



.above_center, p.center{

	text-align: center;

}



p.center{

	margin-left: 35%;

}



.below_center{

	text-align: center;

	padding: 15px 0px 0px 0px !important;

}



.below_right{

	text-align: right;

	padding: 15px 0px 0px 0px !important;

}



.below_left{

	text-align: left;

	padding: 15px 0px 0px 0px !important;

}



.above_center img, .above_right img, .above_left img, .below_center img, .below_right img, .below_left img{

	float: none !important;

}



#formulaire {

	margin:0 4px 0 0;

	padding:0;

}

/*** / Cas form ***/



#formulaire fieldset{

	border:0;

}

#formulaire legend{

	color:black;

	font-weight:bold;

	margin-bottom:7px;

}

#formulaire form {

	/*width : 99%;*/

	padding:5px;

	text-align: center;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;







}



#formulaire div{

	width:100%;

}



#formulaire label{

	float : left;

	width:25%;

	font-size:small;

	text-align:right;

	padding:0;

	color:black;

	clear:none;

	background-color: #EAEAEA;





}



#formulaire div.error{

	padding:0;

}

#formulaire label.error, #formulaire div.error{

	color:#F00;

	font-weight: bolder;

	background:#fff;

	font-size:small;

}



#formulaire span{

	float:right;

	width:70%;

	overflow:hidden;

}



#searchcontent #formulaire span{

	width: 40%;

}



#formulaire input , #formulaire textarea, #formulaire select {

	border : 2px inset #CCCCCC;

	margin-bottom : 0.5em;

	padding : 0;

	width:99%;

	font-family:verdana;

	font-size:small;

	color:#666666;

	clear:none;

	background-color: #FFFFFF;



}



#formulaire input.valid, #formdroits input.valid, #formulaire input.reset, #formdroits input.reset{

	background:#fff;

	color:#000;

	border : 1px solid #636363;

	width : 20%;

	padding : 0;

	cursor : pointer;

}



#formulaire fieldset div{

	clear:both;

}



#formdroits #groupes input.valid{

	float: right;

}



#formulaire #submit, #formdroits #submit {

	text-align: center;

	margin:auto;

}



#formulaire #includeRessource span{

	float: left;

}



#formulaire .heure{

	width:20px;

}



#formulaire .inputdate{

	width:80%;

}

#contents h5 {

	font-weight: normal;

	font-size: 10px;

	color: #325D3D;

	font-style: italic;

}

.liste-ol {

	list-style-position: inside;

	list-style-type : decimal;

	font-family: Geneva, Arial, Helvetica, sans-serif;



}

.liste-ul {

	list-style-position: inside;

	list-style-type : square;

	font-family: Geneva, Arial, Helvetica, sans-serif;



}

hr {

	border: thin solid #A87A00;

	background-color: #00CCCC;

}

	

#tableau {

	font-size: 12px;

	color: #333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 2px solid #325D3D;

}



#tableau td {

	border: 0px solid #003300;

	border: 0px solid;

	margin: 0px;

	

}

.liengeneral, .LinkFile{

	font-weight: bold;

	color: #006633;

}



}.liengeneral : hover {

	font-weight: bold;

	color: #009966;

}





.lien-dt {

	font-size: 10px;

	color: #999900;

	text-decoration: none;

}

.actu {

	height: auto;

	padding: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #006600;

	border-top: 0px solid #006600;

	border-right: 0px solid #006600;

	border-bottom: 1px solid #006600;

	border-left: 1px solid #006600;

}



#contents div.actu h2{

	color: #006600;

	/*font-weight: bold;*/

	font-size: 16px;

	background-image: url("/images/contents/picto-actu.gif");

	background-repeat: no-repeat;

	height: 23px;

	padding-left: 35px;

}



.rubriques {

	float: right;

}

.blocgauche {

	width: 430px;

}