html{background:url(../images/design/fond-body.jpg) repeat-x #021116;}
body {font: 1.2em Verdana, Arial, sans-serif;}/*0.8*/
div#conteneur {position: relative; width: 100%; height: 100%; color:#FFFFFF;}
div#conteneur div.contenu div#accueil h1{background:url(../images/design/logo-rafiot.png) no-repeat; width:245px; height:233px; text-indent:-9999em; position:absolute; margin-left:9px;}

/*=====================================================================================*/
/*===================================== MENU PRINCIPAL ================================*/
/*=====================================================================================*/
div#conteneur div#entete{background:url(../images/design/fond-menu.jpg) repeat-x; height:51px; font-size:0.7em;}
div#conteneur div#entete #menu {position: relative; top: 15px; padding-left:50px; }
/*-------------------- mise en forme du menu---------------------------------------------*/
div#conteneur div#entete #menu li {float:left; color:#FFFFFF;  padding-top:10px; padding-bottom:10px; height:16px; margin:0 2px 0 2px;}
ul#menu li.active{background-color:#0180AD;}
ul#menu li.active a{color:#fff;}
#menu a {float:left; display:block;  color:#f5e2ab; text-decoration:none;padding-left:5px; padding-right:5px;}
#menu a:hover{background-color:#0180AD; padding-top:10px; padding-bottom:10px; margin-top:-10px; padding-left:5px; padding-right:5px; color:#fffffe}
li.active a:hover{margin-top:-10px; text-decoration:none;  margin-bottom:-10px;}
div#conteneur div#entete p {float: right; position: relative; right: 60px; margin-top:25px;}
div#conteneur div#entete div#menu_deroulant {position: relative;  height: 30px; background-color: #0180AD; width: 100%; margin: 0; top: 51px;}
div#conteneur div#entete div#menu_deroulant a {text-decoration: none; padding: 0 10px; height: 31px; top: -6px; display: block; position: relative;}
div#conteneur div#entete div#menu_deroulant a span {position: relative; top: 6px;}
div#conteneur div#entete div#menu_deroulant a {color: #FFFFFE;}
div#conteneur div#entete div#menu_deroulant a:hover {background-color: #0180AD;font-size: bold;}
div#conteneur div#entete div#menu_deroulant div {position: absolute;  padding: 3px;  width: 90%;}
div#conteneur div#entete div#menu_deroulant div ul {position: relative; width: 540px;}
div#conteneur div#entete div#menu_deroulant div ul li {float: left;}
div#conteneur div#entete div#menu_deroulant div#services_deroulant ul {left: 165px;}
div#conteneur div#entete div#menu_deroulant div#menus_deroulant ul {left: 110px;}
div#conteneur div#entete div#menu_deroulant div#promotions_deroulant ul {left: 225px;}

/*===================================== GALERIE =======================================*/
div#conteneur div.contenu div#banniere div#image-menu {}
div#conteneur div.contenu div#banniere div#image-menu ul#galerie { width:150px; height:20px; overflow:hidden; margin-left:5px;}
div#conteneur div.contenu div#banniere div#image-menu ul#galerie li {margin: 0; padding: 0; margin-top: -4px; display:inline-block; margin-left:0px;}
div#conteneur div.contenu div#banniere div#image-menu ul#galerie li img {}

/*----------TEST-------*/
#menu ul {padding: 0; margin: 0; list-style: none;}
/*=====================================================================================*/
/*===================================== ACCUEIL =======================================*/
/*=====================================================================================*/
/*-------------------- placement du logo et de l'image-----------------------------------*/
div#conteneur div.contenu #accueil{padding-top:9px;}
div#conteneur div.contenu span#image-titre{border:solid 10px #000000;}
/*-------------------- placement du fond noir--------------------------------------------*/
div#conteneur div#page-accueil{ height:545px; width: 776px; margin: auto; position: relative;  background-color:#000000;}
/*-------------------- placement de l'adresse au dessus du bloc noir---------------------*/
div#conteneur p#adresse {position: relative; width: 776px; color:#000000; margin:auto; margin-top:73px; margin-bottom:5px; text-align:right; font-size:0.7em;}
/*-------------------- placement du texte de bienvenue ----------------------------------*/
div#conteneur div.contenu div#boite_infos #bienvenue{width:245px; float:left; padding-top:30px; font-size:1.4em; text-align:center; padding-left:15px; color:#FFFFFF; font-size:0.8em;}
div#conteneur div.contenu div#boite_infos #bienvenue #le-chef{text-indent:-9999em; background:url(../images/design/chef.png) no-repeat; width:56px; height:35px; margin:auto; margin-top:8px;}
/*-------------------- placement des 3 images -------------------------------------------*/
div#conteneur div.contenu div#boite_infos #galerie-accueil{float:right; width:501px; padding-top:48px;}
div#conteneur div.contenu div#boite_infos #image-galerie-accueil li{float:left; margin-right:30px; margin-bottom:10px;}
/*-------------------- placement de l'image votre opinion -------------------------------*/
div #opinion a{background:url(../images/design/votre-opinion.png) no-repeat; position:absolute; width:150px; height:94px; text-indent:-9999em; margin-top:140px; margin-left:-18px; }
/*-------------------- placement de l'image cote droite du cadre ------------------------*/
div#conteneur div.contenu div#decoration{background:url(../images/design/decoration-body.png) no-repeat; width:170px; height:222px; position:relative; margin-left:776px; margin-top:79px;}
/*=====================================================================================*/
/*===================================== AUTRES PAGES ==================================*/
/*=====================================================================================*/
/* NOTE : L'affichage de la police des menus se trouve dans l'entete */
div#conteneur div.contenu{height:545px; width: 776px; margin: auto; position: relative;}
div#conteneur div.contenu #banniere h1{background:url(../images/design/logo.png) no-repeat; width:129px; height:115px; text-indent:-9999em; margin-top:-30px; margin-left:15px;}
div#conteneur div.contenu #banniere{background:#000000; width:161px; height:100%; float:left;}
div#conteneur div.contenu #banniere div#image-menu{text-align:center; margin-top:10px;}								/*583*/
div#conteneur div.contenu div#carte-menu div.image-fond{background:url(../images/design/fond-carte.jpg) no-repeat; width:563px; height:511px; margin-top:15px;}
div#conteneur div.contenu #carte-menu{background:#000000; float:left; width:580px; padding-left:12px; margin-left:180px; padding-right:12px; font-size:0.8em; margin-top:-545px;}
div#conteneur div.contenu #carte-menu{ min-height:600px; }
div#conteneur div.contenu #carte-menu .image-fond{ position:absolute; }

div#conteneur div.contenu #carte-menu #titre-menu-bistrot{background: url(../images/design/menu-bistrot.png) no-repeat; text-indent:-9999em; height:73px; margin-left:23px; margin-top:-3px; }
div#conteneur div.contenu #carte-menu #titre-menu-party-noel{background: url(../images/design/fetes-meres.jpg) no-repeat; text-indent:-9999em; height:73px; margin-left:23px; margin-top:-3px; }
div#conteneur div.contenu #carte-menu #titre-menu-promotion{background: url(../images/design/promotion.jpg) no-repeat; text-indent:-9999em; height:70px; margin-left:23px; margin-top:-3px; margin-bottom:-18px; }
div#conteneur div.contenu #carte-menu #titre-menu-restaurant{background: url(../images/design/salle-manger.png) no-repeat; text-indent:-9999em; height:70px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-table-hote{background: url(../images/design/table-hote.png) no-repeat; text-indent:-9999em; height:70px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-traiteur{background: url(../images/design/traiteur.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-contact{background: url(../images/design/contact.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-soiree-speciale{background: url(../images/design/soiree-speciale.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-anniversaire{background: url(../images/design/anniversaire.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-5-a-7{background: url(../images/design/5-a-7.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-salle-de-reunion{background: url(../images/design/salle-privee.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-plat-a-emporter{background: url(../images/design/plat-a-emporter.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-vins{background: url(../images/design/carte-vins.png) no-repeat; text-indent:-9999em; height:70px; margin-left:20px;}
div#conteneur div.contenu #carte-menu #titre-menu-express{background: url(../images/design/midi-express.png) no-repeat; text-indent:-9999em; height:49px; margin-left:20px;}

div#conteneur div.contenu div#carte-menu div.image-fond {padding-left:20px;}
div#conteneur div.contenu div#carte-menu div.image-fond ul{list-style:circle;padding-left:45px;}
div#conteneur div.contenu div#carte-menu div.image-fond li{margin-top:10px;}
div#conteneur div.contenu div#carte-menu div.image-fond h3{font-size:1.6em; /*margin-left:25px;*/ margin-top:25px; }
div#conteneur div.contenu div#carte-menu div.image-fond h3+p{/*margin-left:35px;*/ margin-top:25px;}
/*div#conteneur div.contenu div#carte-menu div.image-fond p{/*font-size:1.2em;/ margin-left:35px; margin-top:25px;}*/
/*-------------------- placement du contenu du cadre pour les menus ------------------*/
div#conteneur div#menu-bistrot div#carte-menu div.image-fond h3, div#conteneur div#menu-restaurant div#carte-menu div.image-fond h3, div#conteneur div#menu-table-hote div#carte-menu div.image-fond h3{font-size:1.2em; text-align:center; }
div#conteneur div#menu-bistrot div#carte-menu div.image-fond p, div#conteneur div#menu-restaurant div#carte-menu div.image-fond p, div#conteneur div#menu-table-hote div#carte-menu div.image-fond p{font-size:0.8em; text-align:center;font-family:Eras Demi ITC;}

#liste-menu-cadre .titre{ width:450px;}
#liste-menu-cadre table td{ padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #494232; }
#menu-table-hote .aligner-a-droite{ position:absolute; margin-left:50px; margin-top:-25px; margin-bottom:15px;}
div#conteneur div#menu-bistrot div#carte-menu div.image-fond li, div#conteneur div#menu-restaurant div#carte-menu div.image-fond li, div#conteneur div#menu-table-hote div#carte-menu div.image-fond li{font-size:1.2em; padding-right:5px; text-align:left;}
/*-------------------- placement de l'image cote droite du cadre ------------------------*/
#decoration-menu{background:url(../images/design/decoration-carte.png) no-repeat; width:185px; height:496px; position:relative; margin-left:700px; top:178px; }
#decoration-menu2{background:url(../images/design/decoration-carte.png) no-repeat; width:185px; height:496px; color:#fff; margin-left:700px; background-position:bottom; padding-top:178px;}
#midi-express #decoration-menu{background:url(../images/design/decoration-carte.png) no-repeat; width:185px; height:496px; position:relative; margin-left:705px;  }
#midi-express { }
#menu-bistrot{ z-index:2;}
div#conteneur div.contenu #carte-menu #titre-cadre-menu{ background:#000; border:1px solid #484131; width:555px; padding:5px 5px 5px 5px;  margin-top:10px; margin-left:-12px; margin-bottom:20px; color:#D33208; font-size:1em;  }
div#conteneur div.contenu #carte-menu #titre-cadre-menu-express{background:url(../images/design/fond-cadre-menu-contenu.png) no-repeat; width:570px; height:300px;  margin-top:30px; margin-left:-10px; padding:10px; }

div#conteneur div.contenu #carte-menu #liste-menu-cadre{ clear:both; position:relative; overflow-y:auto; background:#000; border:1px solid #484131; width:550px; margin-top:10px; height:230px;  margin-left:-10px;z-index:1; padding:10px; padding-bottom:30px; color:#daba83; text-align:left; font-size:0.8em;}
div#conteneur div.contenu #carte-menu #liste-menu-cadre-express{ position:relative; overflow-y:auto;background:url(../images/design/fond-cadre-menu-contenu.png) no-repeat; width:570px; margin-top:30px; min-height:300px; max-height:310px; margin-left:-10px;z-index:1; border:solid;}

/*-------------------- sous-menu-table hote --------------------*/
#sous-menu-rafiot {font-size:0.9em; width:620px; margin-left:-55px; padding-top:-10px; margin-top:-15px; }
#sous-menu-rafiot p{text-align:center;}
#sous-menu-rafiot li{ float:left;list-style:none; background:#000; border:1px solid #494232;  height:35px; width:86px; max-width:95px; color:#daba83; font-size:1em !important; text-align:center; margin-right:1px; margin-bottom: 5px;}
#sous-menu-rafiot li a, #sous-menu-rafiot li a:active{color:#fff; }
#sous-menu-rafiot li a:hover {color:#D33208; }
#sous-menu-rafiot .sous-menu-grand{}

#sous-menu-rafiot a{text-decoration:none;}
#sous-menu-rafiot .sous-menu-vin{padding-top:7px; padding-bottom:7px; color:#daba83;}
#sous-menu-rafiot .sous-menu-vin a{text-decoration:none; color:#daba83;}

/*=====================================================================================*/
/*===================================== PARTENAIRE ====================================*/
/*=====================================================================================*/
div#partenaire{margin: auto; position: relative;  margin-top:8px;}
div#partenaire #logo-partenaire li {margin-left:10px;}
div#partenaire #logo-partenaire li{display:inline; }
/*=====================================================================================*/
/*===================================== PIED DE PAGE ==================================*/
/*=====================================================================================*/
div#pied-page{ clear:both;font-size: 0.7em; width: 776px; position:relative; margin: auto;}
div#pied-page #copyright li {float:left;}
div#pied-page #copyright{position:absolute;margin-left: 545px; margin-top:-80px; font-size:0.7em; z-index:99; color:#fff;}
div#pied-page #logo-phenix-creation{float:right; margin-top:22px; margin-left:60px;}
/*=====================================================================================*/
/*======================================== CONTACT =====================================*/
/*=====================================================================================*/

div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact{margin-right:-22px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact #text-de-vente{ width:470px; margin-bottom:20px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form{ margin-bottom:50px; width:500px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form p{padding-bottom:20px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form label{width:100px; display:block; float:left; text-align:left; }
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form #p-message-{clear:both; text-align:left;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form #p-message- label{margin-bottom:10px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form p { margin-top:0px; margin-bottom:-10px; padding-top:0px;}
div#conteneur div#conact div#carte-menu div.image-fond #formulaire-de-contact form #p-commentaire-ajouter-un-commentaire{margin-top:20px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form textarea{ height:160px;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact form .obligatoire{ color:#BF0000;}
div#conteneur div#contact div#carte-menu div.image-fond #formulaire-de-contact li a{ color:#fff;}


#plan{position: absolute; margin-top:-438px; margin-left:275px;}
#form-nous-joindre #p-message- 	{  width:540px;}
/*======================= PAGE MIDI EXPRESS ==============================*/
div#conteneur #midi-express #carte-menu{font-size:1.2em; padding-left:14px; /*padding-right:3px;*/ }




#form-inscription{ width: 776px; margin:0 auto; margin-top:-45px; margin-bottom:10px; position:relative; z-index:99;}
#form-inscription #msg{ font-size:0.6em; font-style:italic;}
#form-inscription #courriel{ background:url(../images/design/newsletter.jpg) 0px 4px no-repeat;padding-bottom:10px; }
#form-inscription #courriel input{ border:none; background:none; margin-left:10px; width:180px; padding-right:15px; }


#form-newsletter textarea{ width:550px; height:300px;}







#liste-des-images ul{ text-align:center;}
#liste-des-images li{ display:inline-block; margin:30px;}
#texte-noel{ text-align:center; font-size:1.3em;}
#texte-noel a{ color:#d33208;}





.liste{  position:relative; top:-20px;}
#image-menu div{ border:2px solid #484131; width:120px; padding:0px; margin:10px auto;}
#image-menu div img{ margin:0px; padding:0px;}


.cadre{ margin-top:50px !important;}