/* ---------------------- STRUCTURE DESCENDANTE ---------------------- */

body {
	margin: 0 auto;
    padding-top: 0px;
	text-align:center;
	background-color: #DBE6C8;
}

/* cadre général palissade bois */
.cadre{
	margin: 0px auto;
    padding: 0px auto;
	text-align: center;
	font: 12px normal Geneva, Arial, Helvetica, sans-serif; /* blindage saut de ligne IE !important! */
	width: 1000px;
}

#cadre-haut{
	background-image: url(commun/fond_body_haut.jpg);
	background-repeat: no-repeat;
	height: 15px;
}
#cadre-centre{
	background-image: url(commun/fond_body_centre.jpg);
	background-repeat: repeat-y;
}
#cadre-bas{
	background-image: url(commun/fond_body_bas.jpg);
	background-repeat: no-repeat;
	height: 23px;
}
/* fin cadre général palissade bois */


/* bandeau menu */

#bandeau-menu {
	position: relative;
	width: 900px;
	height: 174px; 	
	text-align: left;
	margin: 0 auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color:#FFFFFF;

}

#bandeau-liens {
	position: relative;
	top: 0px;
	right: 0px;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	background-image: url(commun/fond_menu-liens.gif);
	background-repeat: repeat-x;	
}
#bandeau-liens a{text-decoration: none; color: #FFFFFF; font: 10px normal Verdana, Arial, Helvetica, sans-serif;}
#bandeau-liens a:hover{color: #544F15;}

/* menu général */
#navcontainer{
	position:relative;
	top: 0px;
	left: 0px;
}

#navlist{
	margin: 0px;
	display: inline;
}

#navlist li{
	list-style: none;
	float: right;
}

#navcontainer a, #navlist li.extend{
	margin: 0px;
	display: block;
	border-bottom: 4px solid #544F15;
	padding: 1px 14px;
	text-decoration: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	background-color: #FFFFFF;
}

#navcontainer a:hover, #navcontainer a#navcurrent{
	border-bottom: 4px solid #8AAF4F;
	color: #544F15;
}

#navcontainer a#navcurrent{
	border-bottom: 4px solid #ffffff;
	font-weight: bold;
	color: #8AAF4F;
	padding: 1px 17px 0px 16px;
}
/* fin menu général */

/* animation */
#anim {
	top: 0px;
	left: 0px;
	text-align: right;
}
/* fin animation */





/* page : entre bandeau menu et footer */
#page {
	width: 900px;
	background-color: #ffffff;
	margin: 0px auto;
	padding-top: 5px;
	text-align: left;
	font: 12px normal verdana, arial, helvetica, sans serif;
	position: relative;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
/* fin page : entre bandeau menu et footer */


/* sidebars */

.sidebar{
	position: relative;
	float: left;
	width: 158px !important;
	width: 164px;
	/*
	border-bottom: 1px solid #544F15;
	border-right: 1px solid #544F15;
	background :#DBE6C8;
	*/
	border: 3px solid #DBE6C8;
	background: #f4f4f4;
	
}

#sidebarsousmenu1{
	margin: 25px 0px 2px 2px !important;
	margin: 24px 0px 2px 1px;
}

#sidebarsousmenu2{
	margin: 230px 0px 2px -163px !important;
	margin: 230px 0px 2px -166px;
}
		
.sidebartitle{
	/*
	border-bottom: 1px solid #fff;
	background-image: url(commun/fond_sousmenutitle.gif);
	color: #000;
	*/
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-image: url(commun/fond_sousmenutitle_new.gif);
	background-repeat: repeat-x;
	padding: 3px 0px 1px 4px;
}

.sidebarcontent ul{
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 158px;
	line-height: 0px;
}

.sidebarcontent ul li a{
	display: block;
	background: transparent url(accueil/decouvrez-out.jpg) left no-repeat;
	padding-left: 17px;
	text-align: left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #544F15;
}

.sidebarcontent ul li a:hover{
	background: transparent url(accueil/decouvrez-over.jpg) left center no-repeat;
	background-color: #dbe6c8;
}

/*.sidebarcontent ul{ padding: 0px; margin: 0px; list-style-type: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.sidebarcontent li{margin: 0 0 2px 0;}
.sidebarcontent a{display: block;width: 138px !important;width: 138px;background-color: #f4f4f4;}
.sidebarcontent a:link{text-decoration: none;background: url(accueil/decouvrez-out.jpg) no-repeat; padding: 0 0 0 20px; color: #544F15; background-color: #f4f4f4;}
.sidebarcontent a:hover{background: url(accueil/decouvrez-over.jpg) no-repeat; background-color: #dbe6c8;}
*/

/* fin sidebars */


/* vous etes ici */

#veicontainer{
    margin: 0px 20px 10px 170px;
	height: 14px;
	border-bottom: 1px solid #8AAF4F;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 16px;
	background-image: url(commun/vei.gif);
	background-repeat: no-repeat;
	color: #8AAF4F;

}

#veilist{
	margin: 0px;
	padding: 0px;
	display: inline;
}

#veilist li{display: inline; list-style-type: none;}
#veicontainer a, #navlist li.extend{padding: 0 10px 0 15px;text-decoration: none;color: #666666; background: url(commun/chemin-ferme.gif) no-repeat 5px 4px;}
#veicontainer a:hover, #navcontainer a#current{background: url(commun/chemin-ouvert.gif) no-repeat 5px 4px;text-decoration: none;color: #8AAF4F;}
#veicontainer a#current{color: #544F15;text-decoration: none;background: url(commun/chemin-ouvert.gif) no-repeat 5px 4px;}

/* fin vous etes ici */

/* contenu texte des pages */
#content {
	float: none;
	border-left: 1px solid #544F15;
	border-top: 1px solid #544F15;
	padding: 0px 10px 0px 10px;
	text-align:left;
	background-image:url(commun/fond-content.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content p{text-align:justify; padding: 3px 0 3px 0; margin: 0px;}
#content a{color: #666666; text-decoration: none;}
#content a img {border-width:2px; border-color:#666666;} 
#content a:hover{color: #8AAF4F; text-decoration: underline;}
#content a:hover img {border-width:2px; border-color:#8AAF4F;} 
/* fin contenu texte des pages */



/* Pied de page */
#footer {
	width: 900px;
	height: 26px;
	background-image: url(commun/footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 auto;

}
#footer a{text-decoration:none; color:#ffffff;}
#footer a:hover{color:#544F15;}  

/* Fin Pied de page */





/* ---------------------- CLASSES ET ELEMENTS UNIQUES ---------------------- */

/* positionnements */
.float-left { /* images */
	float:left;
	margin-right:5px;
}

.float-right { /* images */
	float:right;
	margin-left:10px;
	margin-right: 10px;
}


.marges-popup { /* marges du textes des popup */
    margin: 10px 10px 10px 10px;
}

.marges-page { /* marges du textes des pages */
margin: 10px 20px 10px 170px;
}

.marges-projets { /* marges du textes des pages */
margin: 10px 20px 10px 10px;
}
/* fin positionnements */

/* titres */
h1{font: 15px normal Geneva, Arial, Helvetica, sans-serif; color: #544F15; font-weight: bold; text-align: center;}
h2{font: 14px normal Geneva, Arial, Helvetica, sans-serif; color: #532900; font-weight: bold; text-indent: 10px;}
h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666666; padding-bottom: 0px; margin-bottom: 0px;}
/* fin titres */

/* tableaux */
table {
	margin-left:10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000;
	border-collapse: collapse;
}
table#sans-bordure, table#sans-bordure td{border:0}

td,th {border: 1px solid #000}

td.mini {
	padding: 5px;
	font: normal 9px verdana, serif;
	color:#333333;
	text-align: center;
	vertical-align: middle;
	height:120px;
	width:120px;
}
 
#tablecontent ul{
	list-style-type: none;
	text-align: left;
	margin: 5px;
	padding: 0px 0px;
	display: block;
}

#tablecontent ul li a{
	background: transparent url(commun/chemin-ferme.gif) left center no-repeat;
	padding-left: 10px;
	text-align: left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
}

#tablecontent ul li a:hover{
	background: transparent url(commun/chemin-ouvert.gif) left center no-repeat;
	color: #8AAF4F;
}
/* fin tableau */

/* blocs de texte type menu */

.bloc-contenant
  {
  	position: absolute;
	width: 670px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	display : block;
	border-left: 1px solid #DBE6C8;
	border-right: 1px solid #DBE6C8;
	border-bottom: 1px solid #DBE6C8;
	border-top: 1px solid #DBE6C8;	
  }
  
  
.bloc-onglet{
   display: inline;
	font-weight: bold;
	padding: 0px 5px;
	border-left: 1px dashed #8AAF4F;
	border-right: 1px dashed #8AAF4F;
	border-top: 1px dashed #8AAF4F;
 	background-image:url(commun/footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* fin blocs de texte type menu */





/*elements uniques */
#accueil_left{
	position: relative;
	float: left;
	width: 160px;
	height: 350px;
	background-image: url(accueil/photoaccueil_mayom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


/* Formulaire de contact  */
#contenant_formulaire{
	text-align: center;
	width: 650px;
	position: relative;
	margin: 0px 0px 0px 30px;
}

form select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* Table de coordonnées  */

#contenant_coordonnees{
	border: 0px;
	margin: 0px 0px 0px 70px;	/*Je decale vers la droite*/
	text-align:justify; font: 11px normal "Verdana", Arial, Helvetica, sans-serif;
}