/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
font: 76% verdana;
background-color:#fff;
}
caption, legend {font-size:medium; font-weight:bold; color:#000066; text-align:left}
b{font-size: 110%;}
em{color: red;}


/****************Moteur de recherche************/
div#box2{margin:0 auto;background-color:#d0ecff;margin-bottom:20px;width:700px}
div#box2 ul{margin-left:25px;padding:0}
div#box2 ul li{padding:0; list-style-image:url(../habillage/puce_carree.gif);font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small}
div#box2 #separation {border-top:dashed #FFFFFF 1px;margin-right:10px; margin-left:-15px; margin-top:5px}
div#box2 #separation2 {border-top:dashed #FFFFFF 1px;margin-right:10px; margin-left:0px; margin-top:5px}
.boxes {font-size: 8pt;	font-family: Arial, Helvetica, sans-serif;color: #000080;}
div#box2 #ok a{border:solid #FFFFFF 1px; padding:2px; background-color:#0066FF; text-decoration:none; color:#FFFFFF; font-weight:bold}
div#box2 #ok a:hover{border:solid #FFFFFF 1px; padding:2px; background-color: #FF0000; text-decoration:none; color:#FFFFFF; font-weight:bold}




/*********** barre menus ********************/
div#menu{float:left;width: 100%;margin-top:5px;padding-top:25px;background-image:url(../habillage/Fd_Marianne.gif); background-repeat:no-repeat; background-position:top left;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 15px;}
ul#nav li{float:left;margin-left: 2px;text-align: center; font-weight:bold}
ul#nav a{
	float:left;
	width: 145px;
	padding: 5px 0;
	background-color: #738eaa;
	text-decoration:none;
	color: #fff;
	background-image: url(../habillage/Fd_Bt2.gif);
	background-repeat: repeat-x;
}
ul#nav a:hover{background-color: #738eaa;color: #FFF; background-image: url(../habillage/Fd_Bt2_On.gif);background-repeat: repeat-x;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #FFF; background-color: #fff}



/*********** cadre infos générales ********************/
div#box{padding: 10px  0; text-align:left;background: #0066CC url(../habillage/2.gif) repeat-x 0 -5px;color:#FFFFFF}
div#box h1{margin:0px;padding: 5px 0 0;text-align:center;color: #FFFFFF;font-size: 120%;font-family: "Arial Black";}
p{margin:0 20px}
div#box ul{margin:10px 20px;padding:0}
div#box ul li{margin:0; padding:0;font-size: 11px;padding-bottom: 5px;list-style-position: outside;list-style-image: url(../habillage/puce_carree3.gif);	margin-left:15px}
div#box ul h3{color:#000066; text-align:center; background-color:#FFFFFF; border:solid #000066 1px}
div#box a{color: #FFFF00; text-decoration: none;}
div#box a:hover{color: #FF0000; text-decoration: underline;}
div#box a#autres_mandats {border-bottom:#FFFFFF 1px dashed; color: #FFFFFF; text-decoration: none;}
div#box a:hover#autres_mandats {border-bottom:#FF3300 1px dashed; color: #FF3300; text-decoration: none;}

/********** Cadre Intercommunalité***************/
div#interco,div#interco div{margin-top:10px;padding:0}
div#interco a{text-decoration:none}
div#interco a:hover{text-decoration:none; color: #FF0000; border-top:dotted #666666 1px; border-bottom:dotted #666666 1px}
div#interco div{margin:0 0px 0px 0}
div#interco h3{margin:0px;padding: 5px 0 0;text-align:center;color: #FFFFFF;font-size: 120%;font-family: "Arial Black";}
div#one h3{background: #432f5a;	background-image: url(../habillage/Ombre_Tit_Cadre_Interco.gif);background-repeat: repeat-x;background-position: bottom;}
div#interco div{background: #faf5f5;background-image: url(../habillage/Ombre_CEpci.gif);background-repeat: repeat-x;background-position: top;}
div#one div{border:2px solid #432f5a;}
div#interco ul{margin:10px 20px;padding:0}
div#interco ul li{margin-left:12px;padding:0;font-size: 11px;padding-bottom: 5px;list-style-position: outside;list-style-image: url(../habillage/puce_carree4.gif);	margin-right:15px}




/********** Cadre Autres infos***************/
div#autres_infos,div#autres_infos div{margin-top:10px;padding:0}
div#autres_infos div{margin:0 0px 0px 0}
div#autres_infos h3{margin:0px;padding: 5px 0 0;text-align:center;color: #FFFFFF;font-size: 120%;font-family: "Arial Black";}
div#two h3{background: #a51515;	background-image: url(../habillage/Ombre_Tit_C_Autres_Infos.gif);background-repeat: repeat-x;background-position: bottom;}
div#autres_infos div{background: #faf5f5;background-image: url(../habillage/Ombre_CAutresInfos.gif);background-repeat: repeat-x;background-position: top;}
div#two div{border:2px solid #a51515;}
div#autres_infos ul{margin:10px 20px;padding:0}
div#autres_infos ul li{margin-left:12px;padding:0;font-size: 11px;padding-bottom: 5px;list-style-position: outside;list-style-image: url(../habillage/puce_carree2.gif);	margin-right:15px}
div#autres_infos ul li a{text-decoration:none}
div#autres_infos ul li a:hover{text-decoration:none; color: #FF0000; border-top:dotted #666666 1px; border-bottom:dotted #666666 1px}
div#autres_infos ul li#nodecoration a:hover{text-decoration:none; color: #FF0000;border:0}
/*************** Imprimer/Retour******************/
#bt {float:right;margin-top:15px}	
		


/*************Ombre**********************/
.img-shadow {
  float:left;
  background: url(../habillage/shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 7px 10px 0 5px !important;
  margin: 10px 0 0 5px;
    }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  } 

#topsection{background: #fff url(../habillage/Fd_Header2.gif) repeat-x bottom left;line-height: 60px; /*Height of top section*/}
#topsection h1{font-family: "Arial Black";font-size:large;color: #ffffff;margin: 0;padding-left:10px;line-height:60px}
#topsection img{float: left;padding-right:10px;padding-left:10px}



#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 0 10px 60%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 60%; /*Width of left column in percentage*/
margin-left: -100%;
margin-top:10px;

}


#footer{margin-top:10px; clear: left; width: 100%; line-height:28px; color: #000000; text-align: right; font-size:90%; border-top: solid #CCCCCC 1px;}
#footer a{color: #000000; font-family:"Times New Roman", Times, serif; font-weight:bold; text-decoration:none}


#maire {margin-top:10px}
#maire ul {margin:10px 0 0 -5px; padding:0; min-height:100px}
#maire li{list-style:none;padding-bottom:5px}
#maire a{color: #0000FF}
#maire a:hover{color: #FF0000}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;}
#elus a#autres_mandats, #maire a#autres_mandats {border-bottom:#666666 1px dashed; color: #000000; text-decoration: none;}
#elus a:hover#autres_mandats, #maire a:hover#autres_mandats {border-bottom:#FF0000 1px dashed; color: #FF0000; text-decoration: none;}

th{background-color:#99CCFF;font-size:90%; text-align:left; font-weight: normal}
#collaborateurs ul li{margin-left:-25px;padding:0;font-size: 11px;padding-bottom: 5px;list-style-position: outside;}
#collaborateurs a#autres_mandats {border-bottom:#666666 1px dashed; color: #000000; text-decoration: none;}
#collaborateurs a:hover#autres_mandats {border-bottom:#666666 1px dashed; color: #000000; text-decoration: none;}
#leftcolumn li{margin-left:10px;padding-bottom:5px; list-style-position:outside}
#leftcolumn li#nom_maire{margin-left:10px; padding-bottom:5px; list-style:none;font-size:150%; list-style-position:outside}
#collaborateurs{margin-top:30px}