body, #page, #header, #main, #right, #left, #content, #footer,h1, h2,h3, h4, h5, h6, p {margin:0px; padding:0px;top:0px;bottom:0px;left:0px;right:0px;}
body {font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:0.8em;color: #6E210F ;background-image:url(/commun/styles/fonds/degrmarron.jpg);
background-repeat: repeat; background-attachment: fixed; }
#bordg{background:transparent url(/commun/styles/fonds/ocre8.png) repeat-y;padding-left:10px;}
#bordd{background:transparent url(/commun/styles/fonds/ocre8.png) repeat-y 100% 100%;padding-right:10px;}
#page	{width:95%; max-width:1155px; margin-left:auto; margin-right:auto;margin-bottom:50px;
	background: #DEEBF4 url(/commun/styles/fonds/pict6095_2_1.jpg);background-repeat:no-repeat; background-position:50% 100%;height:90%;color: #6e210f;
	}
/*#page	{width:95%; max-width:1155px; margin-left:auto; margin-right:auto;margin-bottom:50px;
	background: #DEEBF4 url(/commun/styles/fonds/pict6095_2_1.jpg);background-repeat:no-repeat; background-position:50% 100%;height:90%;color: #27545F;
	}
*/
#header{width:100%;background-image:url(/commun/styles/fonds/dsc00190.jpg);background-repeat:no-repeat; background-position:50% 51%;}
#header h1 {font-size:2.50em;text-align:left;}

#main{width:100%;margin-bottom:50px;}

#right{float:right; width:18%;}
#left{float:left; width:18%;}

#content{float:left;width:63%;margin-bottom:50px;}

#footer{margin-bottom:150px}

/*#content h1, #content h2, #footer,div.floatg,div.floatd {background-image:url(/commun/styles/fonds/bleu_ff_50.png) !important;}*/
#content h1, #content h2, #footer,div.floatg,div.floatd {background-image:url(/commun/styles/fonds/q_bleu6.png) !important;}
#content h1, #content h2, #footer{border-top:2px solid #F1E8D1;border-left:2px solid #F1E8D1;border-bottom:1px solid #AC996C;border-right:1px solid #AC996C;margin:0 0.2em 0 0.2em;}
#content h1{
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-top-right-radius: 10px;
	}
#content h2{
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-top-right-radius: 10px;
	}
#footer{
	-moz-border-radius:0 0 10px 10px ;
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px;
	}
h1 div{padding:0.1em 1em 0.1em 1em;margin:0.5em 1em 0.5em 1em; background-image:url(/commun/styles/fonds/blanc40.png) !important;}						
#content h1	{padding: 0.5em 0 0.5em 0;text-align:center;}   
#content h2	{padding: 0.5em 1em 0.5em 0;text-align:right}

.corps, .menutitre, .menuG, .menuD, .menuGen {margin:0 0.3em 1em 0.3em ;
	border-top:2px solid #F1E8D1;border-left:2px solid #F1E8D1;border-bottom:1px solid #AC996C;border-right:1px solid #AC996C;
	/*background-image:url(/commun/styles/fonds/blanc40.png) !important;*/
	background-image:url(/commun/styles/fonds/q_blanc.png) !important;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px;
	}
		
h1, h2, h3, h4, h5, h6, .h3, .h4, .h5, .h6 {font-weight: bold; }

h1{font-size:1.50em;}   
h2{font-size:1.30em;} 
h3, .h3{font-size:1.20em;} 
h4, .h4{font-size:1.15em;}
h5, .h5{font-size:1.10em;}
h6, .h6{font-size:1.00em;} 

h3{margin: 0.7em 2% .5em 2.0%;} 
h4{margin: 0.7em 2% .4em 4.0%;}
h5{margin: 0.7em 2% .3em 6.0%;}
h6{margin: 0.7em 2% .2em 8.0%;} 

p		{margin: 0.5em 1em 0.2em 1em; }
.p1 {margin :.3em 2% .2em 0%;}
.p2 {margin :.3em 2% .2em 0%;}
.p3 {margin :.3em 2% .2em 3%;}
.p4 {margin :.3em 2% .2em 5%;}
.p5 {margin :.3em 2% .2em 7%;}
.p6 {margin :.3em 2% .2em 9%;} 
	
div.floatg,div.floatd {border:1px solid #8A803E; font-weight: bold;margin:0.5em 0.5em 0.5em 0.5em ;}
div.floatg {float:left; text-align:left; }
div.floatd {float:right; text-align:right;}
.important{border-left:solid 2px red;padding-left:1em;}



/* le menu */

/*#menuD{z-index:20;}*/
#menuG {width:100%;}
#menuD {width:100%; float:right; text-align:right;}

#menuG ul,#menuG li,#menuG a {display:block;margin:0;padding:0;border:0;}
#menuD ul,#menuD li,#menuD a {display:block;margin:0;padding:0;border:0;}

#menuG ul {width:100%;border:none;background:#A9C8D7;list-style:none;}
#menuD ul {width:100%;border:none;background:#A9C8D7;list-style:none;}

#menuG a {padding:2px;border: 1px solid white;text-decoration:none;color:black;width:100%; }/* IE */
#menuD a {padding:2px;border: 1px solid white;text-decoration:none;color:black;width:100%; }/* IE */

#menuG li>a { width:auto; } /* others */
#menuD li>a { width:auto; } /* others */

/* regular hovers */
#menuG a:hover {border-color:gray;background-color:#bbb7c7;color:black;}
#menuD a:hover {border-color:gray;background-color:#bbb7c7;color:black;}

#menuG li.folder a:hover {background-color:#bbb7c7;}
#menuD li.folder a:hover {background-color:#bbb7c7;}
 
/* hovers with specificity */
#menuG li.folder:hover {z-index:20;}
#menuD li.folder:hover { z-index:20; }

#menuG ul ul,#menuG li:hover ul ul {display:none;}
#menuD ul ul,#menuD li:hover ul ul {display:none;}

#menuG li:hover ul,#menuG  li:hover li:hover ul {display:block;}
#menuD li:hover ul,#menuD  li:hover li:hover ul {display:block;}



/* le menu GAUCHE*/
#menuG li {position:relative;padding:1px;padding-right:0px;   z-index:9;}
#menuG li.folder ul {position:absolute;left:99.5%; top:2px;}/* IE */
#menuG li.folder>ul { left:100%; } /* others */
#menuG li a.submenu {background:url("/commun/styles/icones/Image5G.gif") right no-repeat;}


/* le menu DROITE*/
#menuD li {position:relative;padding:1px;padding-left:0px;  z-index:20;}
#menuD li.folder ul {position:absolute;right:99.5%; top:2px;}/* IE */
#menuD li.folder>ul { right:100%; } /* others */
#menuD li a.submenu {background:url("/commun/styles/icones/Image5D.gif") left no-repeat;}


.p3 a.info {position: relative;color: black;text-decoration: none;border-bottom: 1px gray dotted; /* on souligne le texte */}
.p3 a.info span {display: none; /* on masque l'infobulle */}
.p3 a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
color:red;
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.p3 a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
		padding: 3px;
		
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   background: white;
   color: black;
   border: 1px solid #A9C8D7;
   border-left: 4px solid #A9C8D7;
}

ul#menu_horizontal {  /*Ici , c'est ma configuration, à vous de la changer */
width : 93%;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal li a{
text-decoration:none;
color: #27545F;
}
ul#menu_horizontal li {
display:inline;
margin : 0 0 0 0.5em; /* Pour espacer les boutons entre eux */
padding : 5px 5px 5px 5px;height:50px;text-decoration:none;
/*border:solid 1px #f7ff83; */
border-top: solid 3px red ;
background-image:url(/commun/styles/fonds/pointsjaunes1.png);background-repeat:repeat;background-position:50% 0%;color:black;font-weight: bold;font-size:1.2em;
}

.log{margin:1em auto 0 auto;overflow:hidden;background-image: url(/commun/styles/sprites/sprite_logos.gif);background-repeat:no-repeat;}
div .aude{background-position:-11px -11px;width:80px;height:80px;}
div .cdos{background-position:-10px -112px;width:80px;height:80px;}
div .gites{background-position:-5px -211px;width:80px;height:80px;}
div .ministere{background-position:-11px -311px;width:80px;height:80px;}
div .valvvf{background-position:-12px -411px;width:80px;height:80px;}
div .gdf{background-position:-10px -511px;width:90px;height:70px;}
div .cdrp11{background-position:-5px -650px;}
div .cdrp11_logo{background-position:-8px -711px;}
div .rejoins{background-position:-2px -811px;width:200px;height:100px;}

hr {color: red;background-color: red;height: 1px;border: 0;width:70%;}


.diapo{float:left; margin:0px; width:100%; overflow:hidden;}


.services h3 {font-size:1.20em;} 
.services h4 {font-size:1.15em;}
.services h4{margin: 0.7em 2% .4em 3em;}
.services p{margin: 0em 2% 0em 5em;border-left:solid red 2px;padding-left:1em;}
#div_map span{ 
    display:none;  
} 

.content { /* boite prenant toute la page sauf le menu fixe*/
height: 120%; /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto} /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */

.fixed {position: absolute ; left: 0 ;width: 98% ;margin-left:20%;text-align:center;} /* Bordure haute du menu */

#bordd>.fixed {position:fixed;bottom: 15px;width: 80% ;margin-left:8%;} /* annule le hack "fixed" pour les autres navigateurs que IE */