@charset "utf-8";

body {
	background-image:url(../img/fond.jpg);
	margin-left:auto;
	margin-right:auto;
	background-position:top;
	background-repeat:no-repeat;
	font-size: 90%;
	background-color:#4f605b;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}

#logo{
	float:left;
	width:170px;
	height:113px;
	margin:0;
	>margin:0!important;
	>margin:0 0 0 1px;
	}
	


.content h1{color:#008628; background-color:#e4ffb9; padding:7px; font-size:18px; font-weight:normal; margin-top:0}
.content h2{color:#008628; font-weight:bold}
.content h3{color:#ea6307; font-weight:bold}
.content h4{color:#9aa595; font-weight:bold}
.content h5{color:#008628; font-weight:bold;}
.content h6{color:#ea6307; font-weight:bold;}

a{
	color:#008628;
	text-decoration:underline;
}

dd{
	margin-left:5px;
	border-left:1px solid #999999;
	padding-left:5px;
}

a:hover{
	text-decoration:underline;
}

.content table{
	margin:0;
	padding:0;

}

td{
	vertical-align:top;
	margin:0 0 0 0;
	padding:0;
}
th{
	background-color:#f0ffd4;
	font-weight:bold;
	padding:4px!important;
	margin:0 0 0 0;
	vertical-align:top;
	}

ul li{
	list-style-image:url(puce.gif);
}


	
.content {
	margin-left:auto;
	margin-right:auto;
	padding:0px !important;
	width:956px;
	
}
.bouton{
	background-color:#a6afa9;
	color:#FFFFFF;
    border:1px solid #000;
	margin-left:10px;
	padding:0;
	margin-bottom:20px;
	margin-top:20px;
	float:right;
	font-weight:bold;
}
.boutonLeft{
	background-color:#a6afa9;
	color:#FFFFFF;
    border:1px solid #000;
	margin-left:0px;
	padding:0;
	margin-bottom:10px;
	>margin-bottom:0px;
	margin-top:10px;
	font-weight:bold;
}
.bouton:hover,.boutonLeft:hover{
	background-color:#76a786;
}


/*__________________________MENU HAUT _____________________________________________*/

#menuHaut{
	float:left;
	font-size:150%;
	width:775px;
	height:113px;
	color:#038b38;
	font-weight:bold;
}
#menuHaut ul {
	margin:20px 0 0 0;
	padding:0;
}

#menuHaut ul li{
	list-style-type:none;
	display:inline;
	padding:0 25px 0 0;

}
#menuHaut ul li a{
	color:#014514;
	text-decoration:none;
}
#menuHaut ul li a.ouvert{
	color:#038b38;
}
#menuHaut ul li a:hover{
	color:#038b38;
	text-decoration:none;
}
/*__________________________accueil_____________________________________________*/

.accueilCentral{
	background-image:url(../img/BlocAccueil.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:448px;
}
.accueilCentral p{
	padding-left:15px;
	padding-right:10px;
}
.accueilDroite{
	background-image:url(../img/bulle.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.accueilDroite ul li{
	list-style-type:none;
	list-style-image:none;
}
.accueilDroite ul li a{
	color:#47b85f;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	line-height:1.5em;
}
.accueilDroite ul li a:hover{
	color:#038b38;
	text-decoration:none;
}

.titreaccueil2{
	color:#ea6307;
	font-size:20px;
	margin-bottom:15px;

}
.titreaccueil1{
	color:#008628;
	font-size:22px;
	padding-top:15px;
	padding-left:15px;
	margin-bottom:20px;

}
.titreaccueil3{
	font-size:13px;
	font-weight:normal;
	color:#008628;
}
.accueilDroite ul li a.motdepasse{
	text-decoration:underline;
	font-size:11px;
	color:#000000;
	font-weight:normal;
}

#membres{
	border:1px solid #c0e681;
	padding:10px;
	margin:0;
}
#membres form{
background-color:#fff;


}
#membres ul{
margin-bottom:0;

}
/*__________________________principaux_____________________________________________*/

#chemin{
	float:left;
	margin-top:155px;
	margin-left:15px;
	height:25px;
	width:87%;
}
.print{
	background-image:url(../img/agt_print.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-right:15px;
	float:right;
	height:23px;
	margin-top:153px;
	margin-bottom:10px;
		padding-top:2px;

}
.print a{
	color:#666666;

}
.print a:visited{
	color:#666666;
}

#chemin a{
	color:#000000;
}
table#contenu{
	width:955px;
	>width:955px!important;
	>width:956px;
	float:left;
	background-color:#fff;
	margin:0!important;
	padding:10px;
	>margin-left:0px!important;
	>margin-left:1px;
	height:200px;
	
}

table#contenu td{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.colonneGauche{
	background-image:url(../img/degrad.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:177px;
	padding:0 0 0 23px;
	margin:0!important;
}
.colonneGauche ul{
margin:0 0 0 7px;
}
.colonneGauche ul li{
	list-style-type:none;
	list-style-image:none;
	color:#038b38;
	font-weight:bold;
	line-height:1.8em;
	font-size:12px;
}
.colonneGauche ul ul li{
	font-size:11px;
	font-weight:bold;
	text-indent:0.6em;
}
.colonneGauche ul ul li a{
	font-size:11px;
	font-weight:normal;
}
.colonneGauche ul ul li a:hover{
	font-weight:bold;
}
.colonneGauche ul li a{
	color:#014514!important;
	font-size:12px;
	text-decoration:none!important;
	font-weight:bold;
	line-height:1.8em;
}
.colonneGauche ul li a:hover{
	color:#038b38!important;
	text-decoration:none;
}
.titreMenuVertical{
	font-size:15px;
	font-weight:bold;
	color:#006c00;
	margin-bottom:10px;
	margin-top:10px;
}
.navigation{
	margin-top:10px;
	>margin-top:0px;
	margin-bottom:10px;
}
.precedent{
	background-color:#008628;
	color:#FFFFFF;
	padding:4px;
	float:right;
	margin-left:20px;
}
.suivant{
	background-color:#008628;
	color:#FFFFFF;
	padding:4px;
	float:right;
	margin-left:5px;
}
.retour{
	background-color:#ea6307;
	color:#FFFFFF;
	padding:4px;
	float:right;
	margin-left:15px;
}
.precedent a, .suivant a, .retour a{
color:#FFFFFF!important;
display:block;
text-decoration:none;
}
/*__________________________phototheque_____________________________________________*/

table.phototheque_principal{
	float:left;
	border:1px solid #008628;
	width:30%;
	margin-top:15px;
	margin-right:15px;
}

table.phototheque_principal td a{
		color:#008628;
		text-decoration:none;
}
table.phototheque_principal td a:hover{
		color:#008628;
		text-decoration:underline;
}
td.textePhototheque{
background-image:url(../img/pixel.jpg);
background-repeat:repeat-x;
background-position:top;
padding:10px;
height:150px;
overflow:hidden;
}

td.img_phototheque{
margin-left:auto;
margin-right:auto;
height:210px;
padding:0!important;
overflow:hidden;
}

table.phototheque_niveau2{
	float:left;
	border-left:1px solid #008628;
	border-top:1px solid #008628;
	width:100%;
/*	margin-top:15px;*/
margin-bottom:10px;
	margin-right:15px;
}
table.phototheque_niveau2 td{
	border-right:1px solid #008628;
	border-bottom:1px solid #008628;
	padding:7px;
}
table.phototheque_niveau2 td p{
margin-bottom:0!important;
margin-top:5px;
}
.titre{
color:#008628;
font-weight:bold;
font-size:115%;
}
.thumbs{
position:relative;
float:left;
width:80px;
height:80px;
overflow:hidden;
text-align:center;
background-color:#f6ffe2;
margin:0 10px 10px 0;
border:1px solid #008628;
padding:3px;
}
/*__________________________activites_____________________________________________*/

.lieuActivite{
	color:#ea6307;
	font-weight:normal;
	font-size:170%;
	margin-bottom:7px;
	margin-top:15px;
}
.dateActivite{
	font-style:italic;
	font-size:120%;
	font-weight:bold;
	margin-bottom:7px;
	color:#008628;
}
.heureActivite{
	font-size:100%;
	border-bottom:1px solid #008628;
	padding-bottom:5px;
	font-weight:bold;
	margin-bottom:10px;
}



/*__________________________pied_____________________________________________*/
.pied{
	background-image:url(../img/bas.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:104px;
	width:955px;
	>width:955px!important;
	>width:956px;
	float:left;
	>margin-left:0px!important;
	>margin-left:1px;
}
.logospied{
	height:68px;
	float:left;
	margin-top:25px;
	margin-left:20px;
}
.logospied img{
	margin-right:20px;
}
.menuPied{
	float:right;
	color:#FFFFFF;
	text-align:right;
	margin-top:35px;
	padding-right:25px;
	line-height:2em;
}
.menuPied a{
	color:#FFFFFF;
	text-decoration:none;
}
.menuPied a:hover{
	text-decoration:underline;
}
/* ------------ plan du site ---------------- */
.plan{
	margin:15px 0 0 0;
	width:70%;

}
.plan ul li{
	list-style-type:none;
	padding-left:15px;
	line-height:2em;
	border:1px solid #03803b;
	list-style-image:none;
	margin:2px 0 3px 0;
}
.plan ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
.plan ul li a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#03803b;
}
.plan ul ul li{
	margin:0 5px 5px 0;
	border:0 ;
	background-color:#f0ffd4;
	font-size:90%;
	
}

.plan ul ul ul li{
	margin:0;
	border-left:2px solid #03803b;
	font-size:80%;
}
/* ------------ contact ---------------- */
table.formulaire{
border:none!important;
}
table.formulaire td,table.formulaire th{
border:none!important;
padding:4px;
}

.coordonnees{
float:right;
padding:10px;
border:1px solid #008628;
width:300px;
}