@charset "utf-8";
html, body { height: 100%; margin: 0; padding: 0; behavior:url(css/csshover.htc); } /* Ne pas virer ce qui est derriere behavior / indispensable pour le survol dans Explorer ! */
body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-color: #222725; height: 100%; }

#container { width: 750px; text-align:center; margin: 0 auto; margin-top:0; background-color: #303532; border-left:solid; border-left-color:#000000; border-left-width:10px; border-right:solid; border-right-color:#000000; border-right-width:10px; padding-left:10px; padding-right:10px; } 

/*  ------------------------------------------
/*  Headers 
/*  ------------------------------------------ */
#header_intro { background-image: url(../medias/bandeaux/bandeau_intro.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_hotel { background-image: url(../medias/bandeaux/bandeau_hotel.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_cuisine { background-image: url(../medias/bandeaux/bandeau_cuisine.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_chef { background-image: url(../medias/bandeaux/bandeau_chef.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_gite { background-image: url(../medias/bandeaux/bandeau_gite.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_restaurant { background-image: url(../medias/bandeaux/bandeau_restaurant.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_etang { background-image: url(../medias/bandeaux/bandeau_etang.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_foie_gras { background-image: url(../medias/bandeaux/bandeau_foie_gras.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_hiver { background-image: url(../medias/bandeaux/bandeau_hiver.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_equipe { background-image: url(../medias/bandeaux/bandeau_equipe.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_equipe2 { background-image: url(../medias/bandeaux/bandeau_equipe2.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#header_nouvel_an { background-image: url(../medias/bandeaux/bandeau_nouvel_an.jpg); background-repeat:no-repeat; height:110px; margin: 0; }
#mainContent { width: 750px; text-align:center; }
#listmenu { width: 750px; text-align:center; } 

a { border:0px; color:#FF6600; text-decoration:none; margin:0; padding:0; }
a:hover {text-decoration:underline;}
img {border:0px;}
.right {float:right;}

#bkg_cuisine { width: 750px; text-align:center; background-image: url(../medias/bandeaux/fond_cuisine.jpg); background-repeat:no-repeat; background-position:top center; margin: 0; }
#bkg_chambres { width: 750px; height:590px; text-align:left; margin: 0; background-color:#96A4A7; }
#bkg_restaurant { width: 750px; height:525px; text-align:center; background-image: url(../medias/bandeaux/fond_restaurant.jpg); background-repeat:no-repeat; background-position:center bottom; margin: 0; background-color:#303030; }
#bkg_foie_gras { width: 750px; text-align:center; background-image: url(../medias/bandeaux/fond_foie_grasXXX.jpg); background-repeat:no-repeat; background-position:top; margin: 0; }
#bkg_carte { width: 750px; text-align:center; background-image: url(../medias/bandeaux/fond_cuisine.jpg); background-repeat:repeat-y; margin: 0; background-position: 0, 0; }
#bkg_vins { width: 750px; text-align:center; background-image: url(../medias/bandeaux/fond_vins.jpg); background-repeat:repeat-y; background-position:top; margin: 0; }
#bkg_gite { width: 750px; background-repeat:no-repeat; background-position:right top; margin: 0; background-color: #29322D; }
#bkg_ete { width: 750px; height:700px; text-align:center; background-image: url(../medias/environnement_ete/fond.jpg); background-repeat:no-repeat; background-position:bottom; margin: 0; background-color: #040404; }
#bkg_etang { width: 750px; height:565px; text-align:center; background-image: url(../medias/bandeaux/fond_etang.jpg); background-repeat:no-repeat; background-position:top center; margin: 0; background-color: #222725; }
#bkg_hiver { width: 750px; height: 550px; text-align:center; background-image: url(../medias/environnement_hiver/fond.jpg); background-repeat:no-repeat; background-position:bottom; margin: 0; background-color: #314E70; }
#bkg_nouvel_an { width: 750px; height:1150px; text-align:center; background-image: url(../medias/bandeaux/fond_restaurant.jpg); background-repeat:no-repeat; background-position:center bottom; margin: 0; background-color:#303030; }
#bkg_horaires { width: 750px; height: 400px; text-align:center; background-image: url(../medias/bandeaux/fond_horaires_hiver.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#303030; margin: 0; }
#bkg_carte { width: 750px; text-align:center; background-image: url(../medias/bandeaux/fond_cuisine.jpg); background-repeat:repeat-y; background-position-y:0; margin: 0; background-color:#303030; }

.plain { width: 750px; margin: 0; margin-top:15px; }
.titre { width: 475px; margin: 0; margin-top:15px; text-align:left; height:65px; margin-left:275px; }
.titre_seminaires { width: 475px; margin: 0; margin-top:15px; text-align:left; height:65px; margin-left:225px; }
.titre_foie_gras { width: 750px; margin-bottom: 0; text-align:left; height:60px; }
.half_left { width: 365px; height:200px; float:left; margin: 0; background-color:#666666; margin-right:25px; margin-top:10px; }
.half_left_hidden { width: 350px; float:left; margin: 0; margin-right:10px; margin-top:10px; text-align:left; margin-left:10px; }
.half_right_hidden { width: 335px; height:200px; float:right; margin: 0; margin-right:25px; margin-top:10px; text-align:left; padding:0px; }
.half_left_hidden2 { width: 350px; float:left; margin: 0; margin-right:10px; margin-top:10px; text-align:left; margin-left:10px; }
.half_right_hidden2 { width: 350px; float:right; margin: 0; margin-right:10px; margin-top:10px; text-align:left; margin-left:10px; }
.half_right { width: 350px; height:200px; float:right; margin: 0; background-color:#404040; margin-top:10px; border:solid; border-color:#666666; border-width:2px; }
.deux_tiers_left { width: 500px; float:left; margin: 0; }
.link_left { width: 340px; height:100px; min-height:100px; float:left; margin: 0; background-color:#666666; margin-right:10px; margin-top:10px; margin-left:15px; padding:5px; }
.link_right { width: 340px; height:100px; min-height:100px; float:right; margin: 0; background-color:#666666; margin-right:10px; margin-top:10px; padding:5px; }
.link_center { width: 350px; height:100px; margin: 0; background-color:#666666; margin-left:175px; margin-right:175px; margin-top:10px; padding:5px; }

.cadre { margin:0; background-color:#333333; border:solid; border-color:#666666; border-width:2px; padding:5px; width:675px; }

.tiers_right { width: 225px; float:right; margin: 0; background-color:#404040; border:solid; border-color:#666666; border-width:2px; text-align:left; }
.tiers_left { width: 200px; height:65px; float:left; margin: 0; background-color:#333333; margin-left:25px; margin-top:15px; border:solid; border-color:#666666; border-width:2px; padding:5px; }
.tiers_left2 { width: 200px; height:75px; float:left; margin: 0; background-color:#333333; margin-left:20px; margin-top:15px; border:solid; border-color:#666666; border-width:2px; }
.quart_left { width: 155px; height:40px; float:left; margin: 0; background-color:#333333; margin:10px; margin-left:15px; border:solid; border-color:#666666; border-width:2px; }
.quart_left_us { width: 175px; height:40px; float:left; margin: 0; background-color:#333333; margin:10px; margin-left:15px; border:solid; border-color:#666666; border-width:2px; }


.spacer { clear: both; }
.horizontal_barre { clear: both; background-image: url(../medias/barre_horizontale.jpg); height:12px; margin: 0px; }

/*  ------------------------------------------
/*  Typography 
/*  ------------------------------------------ */
p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color: #FFFFFF; margin-top:10px; margin-bottom:10px; padding-left:5px; padding-right:5px; }
h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; font-style: italic; }
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #FF6600; margin-top:25px; margin-bottom:10px; margin-left:15px; text-decoration:underline; font-weight:500; }
h3 { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #FFFFFF; margin-top:10px; margin-bottom:25px; font-weight:500; font-variant:small-caps; color:#FF9900; }
h4 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color: #FF6600; margin-top:10px; margin-bottom:10px; }
h5 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; font-style: italic; margin-top:10px; margin-bottom:5px; }
h6 { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #FFFFFF; margin-top:10px; margin-bottom:15px; font-weight:500; font-variant:small-caps; color:#FF9900; }
.paragraph { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px; color: #CCCCCC; margin-top:10px; margin-bottom:10px; padding-left:15px; padding-right:5px; }
.intro_JB { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color: #CCCCCC; margin-top:0px; padding-left:10px; padding-right:10px; margin-bottom:5px; }
.paragraph_blk { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; line-height:22px; color: #333333; margin-top:5px; margin-bottom:10px; padding-left:25px; }
.paragraph_blk_2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; line-height:22px; color: #333333; margin-top:5px; margin-bottom:10px; }
.titre_etang { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:700; color: #FF6600; margin-top:1px; margin-bottom:2px; font-variant: small-caps; }
.text_etang { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height:15px; color: #999999; margin-top:0px; padding-left:5px; padding-right:5px; }
.agrandissement { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; font-style: italic; }

.vin { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color: #FF6600; }

/*  ------------------------------------------
/*  Typography Carte 
/*  ------------------------------------------ */
.carte_menu { font-size:18px; font-weight:500; color:#FF9900; padding-top:25px; padding-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; line-height:28px;}
.carte_menu_carte { font-size:18px; font-weight:500; color:#FF9900; padding-top:25px; padding-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; line-height:28px; text-align:left; padding-left:35px; }
.carte_recette { font-size:14px; color:#FFFFFF; margin:-5px; line-height:20px; }
.carte_recette_carte { font-size:13px; color:#FFFFFF; text-align:left; padding-left:35px; line-height:18px; }
.carte_separateur { font-size:14px; color:#FF9900; }

/*  ------------------------------------------
/*  Typography Restaurant 
/*  ------------------------------------------ */
.p_restaurant { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height:18px; text-align:left; color: #FFFFFF; margin-bottom:10px; margin-left:10px; padding-right:5px; }

/*  ------------------------------------------
/*  Typography Foie Gras 
/*  ------------------------------------------ */
.menu_foie_gras { font-size:16px; font-weight:500; color:#FF9900; padding-bottom:10px; font-family: Georgia, "Times New Roman", Times, serif; text-align:left; padding-left:15px; }
.recette_foie_gras { font-size:12px; color:#FFFFFF; text-align:left; padding-left:50px; line-height:14px; }

/*  ------------------------------------------
/*  Typography Hebergement 
/*  ------------------------------------------ */
.tarifs_net { font-size:12px; font-weight:700; color:#FF6600; font-family: Arial, Helvetica, sans-serif; }
.encart { width: 220px; height:50px; margin: 0; float:left; background-color:#8c9c9c; border:solid; border-color:#336666; border-width:2px; margin:10px; margin-left:15px; text-align:left; }

/*  ------------------------------------------
/*  Typography Gite 
/*  ------------------------------------------ */
.tarifs_gite { font-size:14px; font-weight:500; color:#FF6600; font-family: Arial, Helvetica, sans-serif; background-color:#29322D; margin-bottom:0px; height:30px; }
.chauffage { font-size:12px; font-weight:500; color:#FF6600; font-family: Arial, Helvetica, sans-serif; }
.entete_tableau_gite { font-size:12px; font-weight:500; color:#FF6600; font-family: Arial, Helvetica, sans-serif; background-color:#333333; margin:0px; height:20px; vertical-align:middle; padding-top:5px; border:1px; border-color:#000000; border-style:solid;  }
.cellule_tableau_gite { font-size:12px; font-weight:500; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; background-color:#666666; margin:0px; padding:5px; }
.sous_titre_gite { font-size:14px; color:#FF6600; font-family: Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline; padding-left:20px; }
.descriptif_gite { font-size:12px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left:35px; }
.descriptif_peche { font-size:11px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left:75px; line-height:14px; }

/*  ------------------------------------------
/*  Typography Plan 
/*  ------------------------------------------ */
.plan_rubrique a {
	font-size:18px;
	text-align:left;
	color:#FFF;
	line-height:24px;
	margin-left:50px;
	font-variant: small-caps;
}

.plan_sous_rubrique a { color:#FFF; font-size:14px; line-height:16px; text-align:left; margin-left:100px;}
.plan_sous_sous_rubrique a { color:#FFF; font-size:12px; line-height:14px; text-align:left; margin-left:125px;}

.plan_rubrique a:hover, .plan_sous_rubrique a:hover, .plan_sous_sous_rubrique a:hover {color:#FF9900;}

/*  ------------------------------------------
/*  Typography Historique 
/*  ------------------------------------------ */
.titre_historique { font-size:16px; font-weight:500; color:#FF9900; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom:10px; margin-top:20px; margin-left:15px; text-align:left; }
.paragraph_historique { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px; color: #FFFFFF; margin-top:10px; margin-bottom:10px; margin-left:15px; text-align:left; }

/*  ------------------------------------------
/*  Typography Team 
/*  ------------------------------------------ */
.name_team { font-size:16px; font-weight:500; color:#FF9900; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom:15px; }
.fonction_team { font-size:14px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; } 

/*  ------------------------------------------
/*  Typography Livre 
/*  ------------------------------------------ */
.titre_livre { font-size:18px; font-weight:500; color:#FF9900; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom:15px; margin-left:15px; font-variant: small-caps; }
.paragraph_livre { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; color: #FFFFFF; margin-top:10px; margin-bottom:10px; margin-left:15px; }

/*  ------------------------------------------
/*  Typography Liens 
/*  ------------------------------------------ */
.title_links { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF6600; margin-top:10px; margin-bottom:5px; font-weight:600; }
.paragraph_links { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; color: #FFFFFF; text-align:left; }

/*  ------------------------------------------
/*  Footer 
/*  ------------------------------------------ */
#footer { width: 750px; height:50px; background-color:#222725; bottom:0px; margin:0; border-bottom:1px; border-bottom-color:#303532; border-bottom-style: solid; }
.footer {width: 700px; font-size:11px; color:#999999; margin-top:5px; }
.footer a {font-size:11px; color:#999999; padding-top:5px; text-decoration:none;}
.footer a:hover { color:#FF6600; text-decoration:underline; }
.footer_rights { font-size:8px; color:#666666; margin-top:-10; padding-right:50px; margin-top:5px;}
.footer_rights a { color:#666666; text-decoration:none; }
.footer_rights a:hover { color:#FF6600; text-decoration:underline; }

/*  ------------------------------------------
/*  Menu Navigateur Deroulant 
/*  ------------------------------------------ */
*html div#listmenu ul {border-left: 1px ; } 
*html div#listmenu ul li ul {border-left: 1px;}
body div#listmenu ul li ul{display: none;}
div#listmenu { width:750px; padding: 0px; margin: 0px; height:30px; background-color: #222725; }
div#listmenu a { font-family:Geneva, Arial, Helvetica, sans-serif; background-color: #222725; display: block; padding: 0 10px; padding-top:2px; font-size: 12px; color: white; text-decoration: none; font-weight: bold; }
div#listmenu a:hover, active { color: #FF6600; text-decoration: underline; font-weight: bold;  }
div#listmenu ul { margin: 0;  padding: 0; }
div#listmenu li { line-height: 25px; float:left; width: 125px; position: relative; list-style-type: none; padding: 0; margin: 0; }

div#respond {background-color: #222725;}
div#respond:hover {background-color: #222725;}
div#listmenu ul li ul{ background-color: #222725; position: absolute; width:150px; left:-1px; float: left; padding: 0; margin: 0; }
div#listmenu ul li ul li{ text-align: left; width:100%; float: left; padding-top: 6px; padding-bottom:10px; line-height:15px; }
div#listmenu ul li ul li:hover { background-color: #222725; }
div#listmenu ul li ul li:first-child{ float: left; }
div#listmenu ul li:hover ul {display: block;}
div#listmenu ul li:hover ul, div#listmenu ul li ul:hover {display: block;}


body div#listmenu ul li ul li ul li{display: none;}
div#listmenu ul li ul li:hover ul li, div#listmenu ul li ul li ul:hover {display: block;}
div#listmenu ul li ul li ul{ background-color:#222725; position: absolute; width:100%; top:5px; left:145px; float: left; padding: 0; margin: 0; }
div#listmenu ul li ul li ul li{ background-color:#222725; width:150px; border-bottom:solid 1px; }
div#listmenu ul li ul li ul li a{ font-size:11px; }
div#listmenu ul li ul liul li:first-child{ float: left; }