/* ########################## PAGE  #################################### */
body {
 margin:0;
 text-align:center;
 background-color:#EBEBEB;
 color:#6B6350;
 font: 12px verdana, arial, sans-serif;
}

#all {
 margin-left: auto;
 margin-right: auto;
 margin-top: 5px;
 width: 900px;
 background: url("img/fond-arrondi.png") #FFF top center no-repeat;
}

.texture1 { background:#D5E3A7 url( "/images/texture1.png"); }
.texture2 { background:#D5E3A7 url( "/images/texture2.png"); }
.texture3 { background:#D5E3A7 url( "/images/texture3.png"); }
.texture4 { background:#D5E3A7 url( "/images/texture4.png"); }

#allbg {
  width: 900px;
  padding-left: 0px;
  /*border: 1px solid #CCC;*/
}

/* ########################## HEADER  #################################### */
#header {
 position:relative;
 text-align:left;
 /*background:#EEE url("/images/header.jpg");
 background-repeat:no-repeat;*/
 width:900px;
 height:140px;
}

#logo {
 float:left;
 margin-top:30px;
 /* border: 1px solid #000;*/
}

#header_droit {
 float:right;
 top:10px;
 width:450px;
}

#header_coordonnee {
 padding-left:110px;
 width:200px;
 /*border: 1px solid #000;*/
 height:70px;
 text-align:center;
}

#header_moteur {
 padding-left:40px;
 padding-top:10px;
 width:400px;
 /*border: 1px solid #000;*/
 height:55px;
}

#menu_lien {
 float:right;
 top:10px;
 width:220px;
 text-align:right;
 /* border: 1px solid #000;*/
 padding-right:5px;
}

li {
 text-align:left;
 list-style: circle outside; color:Black;
 /* margin-left:-15px; */
}


/********************* INFO **************/
#menu_rubrique {
 float:left;
 padding-top:10px;
 padding-left:50px;
 width:600px;
 white-space: nowrap;
 font-size:10px;
 font-weight:normal;
 text-align:left;
 z-index:99;
}

#menu_rubrique ul { margin-left:-20px; }

#menu_rubrique .info { position:relative; }
#menu_rubrique .info:hover { background:none;} 
#menu_rubrique .info span.sous_menu_rubrique  {display:none;}
#menu_rubrique .info:hover span.sous_menu_rubrique {
   display: inline; 
   position: absolute;
   min-width:180px;
   margin-top: 50px; 
   left: 4px;
   background: white;
   padding: 3px;
   border: 1px solid #00C1CC;
   border-top: 4px solid #00C1CC;
   z-index:100;
}

#menu_rubrique .info2 { position:relative; margin-left:5px; }
#menu_rubrique .info2:hover { background:none;} 
#menu_rubrique .info2 span.sous_menu_rubrique  {display:none;}
#menu_rubrique .info2:hover span.sous_menu_rubrique {
   display: inline; 
   position: absolute;
   min-width:180px;
   margin-top: 50px; 
   left: 4px;
   background: white;
   padding: 3px;
   border: 1px solid #D91C5C;
   border-top: 4px solid #D91C5C;
   z-index:100;
}

#menu_rubrique .info3 { position:relative; margin-left:5px; }
#menu_rubrique .info3:hover { background:none;} 
#menu_rubrique .info3 span.sous_menu_rubrique  {display:none;}
#menu_rubrique .info3:hover span.sous_menu_rubrique {
   display: inline; 
   position: absolute;
   min-width:180px;
   margin-top: 50px; 
   left: 1px;
   background: white;
   padding: 3px;
   border: 1px solid #FF9900;
   border-top: 4px solid #FF9900;
   z-index:100;
}

#menu_rubrique .info4 { position:relative; margin-left:5px; }
#menu_rubrique .info4:hover { background:none;} 
#menu_rubrique .info4 span.sous_menu_rubrique  {display:none;}
#menu_rubrique .info4:hover span.sous_menu_rubrique {
   display: inline; 
   position: absolute;
   min-width:180px;
   margin-top: 50px; 
   left: 4px;
   background: white;
   padding: 3px;
   border: 1px solid #A7D348;
   border-top: 4px solid #A7D348;
   z-index:100;
}

/****************************************** PIED DE PAGE *****************/
#footer {
 clear:left;
 text-align:right;
 width:900px;
 margin-top:20px;
 padding-top:5px;
 padding-bottom:5px;
 height:50px;
 font: 10px verdana, arial, sans-serif;
 color:#000;
 background: url("img/footer.png") bottom center no-repeat;
}

#footer_left {
 float:left;
 width:350px;
 padding-left:0px;
 padding-top:0px;
}

#footer a { /* color: #F47E33; */ }
#footer p { font: 10px verdana, arial, sans-serif; }

/****************************************** CONTENU *****************/
#content {
 text-align:left;
 width:900px;
 z-index:0;
 /*border: 1px solid green;*/
}

#main {
 float:left;
 padding-left:0px;
 width:900px;
 min-height:400px;
 z-index:0;
 /*background-image:url("/images/fd-semi-transparent.png");*/
}
#center_texte {
 padding-left:10px;
 padding-right: 10px;
 min-height:100px;
 z-index:0;
 /*background-image:url("/images/fd-semi-transparent.png");*/
}
.contenu {
 background-color: #FFF;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid #8CC63F;
 padding-right: 20px;
 min-height:140px;
 padding-left:20px;
 padding-bottom:5px;
 margin-top:5px;
 width:600px;
}

/***************************************** MENU ACTU DEROULANT *****************/
#actualite {
 float:right;
 left:0px;
 width:230px;
 /*border: 1px solid green;*/
 /* !margin-top:-300px;*/
 /*background-image:url("/images/fd-semi-transparent-menu.png");*/
}

#actualite_deroulante {
 left:0px;
 width:240px;
 height: 230px;
 color:#DD2561;
 background:url("/img/fond_actu.png") no-repeat;
}

#div_container {
 position:absolute;
 width: 200px;
 margin-left:15px;
 margin-top:20px;
 height: 180px;
 text-align:CENTER;
 display:block;
}
.vignette {
margin:auto;
padding:auto;
 text-align:CENTER;
  width:110px;
 background-image:url("/images/fd-semi-transparent-menu.png");

}


#actualite_calendrier {
 margin-top:0px;
 margin-left:7px;
 left:0px;
 width:227px;
 height: 200px;
}
#actualite_date{
 left:0px;
 width:220px;
 height: 16px;
 background-color:#CCC;
 color:#000;
 text-align:center;
 font: bold 9px verdana, arial, sans-serif;
}

#decouvrir {
 color:#24DCE6; 
 background:url("/img/decouvrir/cat.png") top center no-repeat;
 padding-top:60px;
 padding-left:20px;
 z-index:100;
}
#vivre {
 color:#DF2C66; 
 background:url("/img/vivre/cat.png") top center no-repeat;
 padding-top:60px;
 padding-left:20px;
 z-index:100;
}
#municipale {
 color:#FF9F00; 
 background:url("/img/municipale/cat.png") top center no-repeat;
 padding-top:60px;
 padding-left:20px;
 z-index:100;
}
#demarches {
 color:#AED778; 
 background:url("/img/demarches/cat.png") top center no-repeat;
 padding-left:20px;
 padding-top:60px;
 z-index:100;
}


#coordonnees_fiche{
 width:70%;
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #8CC63F;
padding: 10px;
  min-height:200px;
  padding-left:20px;
  margin-top:5px;

}

#coordonnees_fiche_photo{
float:left;
 width:70%;
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #8CC63F;
background-color:#8CC63F;
height: auto;
  padding-left:20px;
    padding-right:20px;
  margin-top:5px;

}

#coordonnees_fiche_texte{
float:left;
 width:80%;
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #8CC63F;
background-color:#FFF;
  min-height:100px;
  padding-left:20px;
    padding-right:20px;
  margin-top:5px;
}

.space {
 height:10px;
 width:510px;
 /*border:solid 1px #D5E3A7;*/
}

#liste_produit {
 width:100%;
}
#product_image {
 float:left;
 margin-right:20px;
}
#product_description {
 margin-top:30px;
}

#navbar {
 font-size:18px;
 font-weight:bold;
}





#newsletter {
 width:190px;
 margin:10px;
 margin-top:40px;
 padding-bottom:5px;
 text-align:center;
 background:#97BF0D;
 border:solid 1px white;
}
.newsletter-text {
 font-weight:normal;
 font-family:arial, helvetiva;
 font-size:10px;
}
.newsletter-title {
 font-weight:bold;
 line-height:24px;
}



#search_footer {
 font: 14px verdana, arial, sans-serif;
 color:#DDD;
}



/* --- TEXTES --- */
h1 {
 margin-top:10px;
 font: bold 18px verdana, arial, sans-serif;
 height:80px;
 margin-bottom:0px;
}
h1.decouvrir {padding-left:0px;  color:#24DCE6; background:url("/img/decouvrir/h1.png") bottom left no-repeat;}
h1.vivre {padding-left:0px; color:#DF2C66; background:url("/img/vivre/h1.png") bottom left no-repeat;}
h1.municipale {padding-left:0px; color:#FF9F00; background:url("/img/municipale/h1.png") bottom left no-repeat;}
h1.demarches {padding-left:0px; color:#AED778; background:url("/img/demarches/h1.png")bottom left no-repeat;}

h2 {
 /* margin-bottom: 0.1em; */
 font: bold 14px verdana, arial, sans-serif;
 color:#6B6350;
}

p, td, li {
 font: 12px verdana, arial, sans-serif;
 color:#6B6350;
}
li.checked {
 text-decoration: line-through ;
 color:#EEE;
}
img {
 border:none;
}
.petit {
 font: 11px verdana, arial, sans-serif;
 color:red;
}
A:link {
 color:#FF6600;
 text-decoration:none;
}
A:visited {
 color:#060;
 text-decoration:none;
} 
A:hover {
 color:#060;
 text-decoration:underline;
}

.asterix { color:red; }

.erreur { 
 font: 12px verdana, arial, sans-serif;
 background-color:#FCC;
 padding:3px;
 color:#F00;
 margin-bottom:10px;
 border:solid 1px #F00;
}

.succes { 
 font: 12px verdana, arial, sans-serif;
 background-color:#CFC;
 padding:3px;
 color:#390;
 margin-bottom:10px;
 border:solid 1px #390;
}

.info_avoir { 
 font: 11px verdana, arial, sans-serif;
 padding:10px;
 color:#999;
 margin-bottom:10px;
 border:solid 1px #CCC;
}

table#classic {
	/* background-color:#CCC;
	margin-top:10px; */
	width:100%;
}

table#classic th {
	background-color:#666; 
	color:#FFFFFF;
	padding:5px;
	/* font-family:arial,helvetica,sans-serif; */
	font-size: 10pt; 
}
table#classic td {
	/* background-color:#EEE; */
	padding:4px;
	/* color:#000; */
	font-size: 9pt; 
	vertical-align : top;
	
}
.right {
 text-align:right;
}
.center {
 text-align:center;
}
select {
 font-size:9pt;
}
table#galerie td {
 cellpadding:5px;
 background-color:#C1B18F;
 color:#FFF;
 border:1px solid #FFF;
}
.photo_description {
 font-size:8pt;
 font-weight:bold;
}


.ensavoir {
margin-top:-50px;
margin-left:540px;
height:40px;

}
.ensavoir_texte {
 margin-left:120px;
 width:500px;
}
.vignette a:hover {
 text-decoration:none;
}

.vignette_pdf {
 width:75px;
 height:75px;
 background-image:url("/images/fond_pdf.png");
 background-repeat: no-repeat;
 /* border: solid 1px red; */
 margin: 2px 15px 10px 0;
}


input { font-size:9pt; }

.actu_date { font-size:10px; color:#DA1C5C; font-weight:bold; }
.actu_titre { font-weight:bold; font-size:14px; }
.actu_resume { }

.moderation {
 background-color:#F00;
 color:#FFF;
 font-size:14pt;
 font-weight:bold;
}