/* CSS Document */
html, body{  font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{ background:url(../images/design/fond-bois.jpg); }
a, a img{border:none;}
a{color:#bc2729;}
a:hover{ text-decoration:none;}
.rss, .rss:hover{background:none;}
.ombre{ background:url(../images/design/ombre.png) repeat-y;width:920px; margin:0 auto; margin-top:20px; }
#conteneur{width:870px; margin:0 auto; background:#e2d19b; padding:10px; position:relative; top:-20px;  }
h1{ background:url(../images/design/bord-haut.jpg) no-repeat; padding-top:10px; margin-bottom:0px; margin-top:0px; margin-bottom:0;}
h1 a{ display:block; background:#F4F3D7; width:303px;}

.obligatoire{color:red;}


/*================================================================================*/
/*================================ MENU-PRINCIPAL ================================*/
/*================================================================================*/
#block{width:303px; background:url(../images/design/bord-bas.jpg) bottom no-repeat; padding-bottom:15px; margin-top:-10px; }
#block #google-map, #menu-principal, #coordonnees{ background:#F4F3D7; margin-top:0px; margin-bottom:0px; padding-left:25px;  }
#block #google-map, #menu-principal{padding-top:50px;}
#menu-principal{ padding-bottom:350px; padding-left:50px;}
#menu-principal li{ list-style:none; margin-bottom:10px;}
#menu-principal li a{ color:#000; background:url(../images/design/sigle.jpg) no-repeat; padding-left:50px; display:block; padding-bottom:20px;}

/*================================================================================*/
/*================================ MENU-SECONDAIRE ===============================*/
/*================================================================================*/
#menu-secondaire{ }

/*================================================================================*/
/*================================ MENU-UTILITAIRE ===============================*/
/*================================================================================*/
#menu-utilitaire{position:absolute; top:0px; margin-left:620px; text-align:right; width:200px;}
#menu-utilitaire li{ list-style:none; display:inline;}
#menu-utilitaire a{color:#bc2729;}


/*================================================================================*/
/*=================================== CONTENU ====================================*/
/*================================================================================*/
.contenu{ margin-top:-1000px; margin-left:303px; min-height:990px;}
.contenu .txt{ padding-left:250px; margin-bottom:50px; min-height:200px;}
#le_motel .txt{ padding-left:10px;}
.contenu .illustration{ float:left; margin-right:10px; margin-bottom:10px; margin-left:10px; margin-top:-10px;}
.contenu, #pied-page{ }
.contenu h2{ background:url(../images/design/bord-titre.jpg) right no-repeat; height:40px; padding-right:10px; }
.contenu h2 a, .contenu h2 span{ display:block;padding-top:0 ;  height:35px; margin-top:-5px; padding-top:5px;  background:#F4F3D7 url(../images/design/sigle.jpg) 20px 5px no-repeat; padding-left:80px; color:#000;}
.contenu h3{  }
.contenu .date{ font-size:0.8em;  }

/*================================================================================*/
/*================================ NOUS-JOINDRE ==================================*/
/*================================================================================*/
.contenu #form-nous-joindre{margin-left:20px;}
.contenu #form-nous-joindre label{ display:block; float:left; text-align:right; width:100px; margin-right:10px;}
.contenu #form-nous-joindre fieldset{ border-color:#F4F3D7; margin-bottom:20px;}
.contenu #form-nous-joindre legend{ background:#F4F3D7; padding:10px;}

/*================================================================================*/
/*================================== GALERIE =====================================*/
/*================================================================================*/
.contenu #galerie li{ display:inline;}

/*================================================================================*/
/*================================ PIED DE PAGE ==================================*/
/*================================================================================*/
#pied-page{font-size:0.7em; background:url(../images/design/pied-page.jpg) no-repeat; padding-top:1px; }
#pied-page #logo-phenix-creation{ float:left; margin-right:-10px; margin-left:-25px; margin-top:0px;}
#pied-page li {display:inline;}

#menu-bas{ position:relative; top:-50px; margin-left:400px; margin-bottom:0px; width:480px;}
#menu-bas li{ background: url(../images/design/sigle.jpg) no-repeat; padding-left:50px; padding-top:5px; padding-bottom:20px; margin-right:15px; }
#menu-bas a{color:#000; }