body{width:100%; height:100%; color:#58595b; font-size:75%; line-height:150%; font-family:Arial, Verdana, Helvetica, sans-serif; border-top:4px solid #bf2f38; background:#ffffff url(../images/fond_body.jpg) center top no-repeat;}
/***** 1em = 12pt = 16px = 100% ------  donc 75% = 12px et le reste de mes fonts sont basé là-dessus ******/
/***** behavior:url(js/PIE.htc); *****/

@font-face {
    font-family: 'HelvetNeueLightCond';
    src: url('../fonts/helvetica_light_cond.eot');
    src: local('☺'),
		url('../fonts/helvetica_light_cond.woff') format('woff'),
		url('../fonts/helvetica_light_cond.ttf') format('truetype'),
		url('../fonts/helvetica_light_cond.svg#HelvetNeueLightCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1{color:#bf2f38; font-size:2.1975em; line-height:1.1667em; font-weight:normal; font-family:'HelvetNeueLightCond';}
.fleche_titre{position:relative; margin-right:4px; vertical-align:middle;}
h2{padding-bottom:0.5em; color:#bf2f38; font-size:2em; line-height:1em; font-weight:normal; font-family:'HelvetNeueLightCond';}
h3{color:#bf2f38; font-size:1.5em; line-height:1.1667em; font-weight:normal; font-family:'HelvetNeueLightCond';}
h4{font-size:1.5em; line-height:1.1667em; font-weight:bold;}
h5{font-size:1.1667em; line-height:1.1667em; font-weight:bold;}
h6{color:#000000; font-size:1.1667em; line-height:2em; font-weight:normal;}

.rouge{color:#bf2f38;}

p, ul{padding-bottom:1em;}
a{cursor:pointer; text-decoration:underline;}
a:hover{}
hr{clear:both;}

#container{position:relative; min-width:980px; max-width:1240px; margin:0 auto; padding:0 4px; z-index:2; }

header{position:relative; display:block; height:125px; margin:0; padding-bottom:5px;}

#logo{position:absolute; top:0; left:10px;}

#menu_haut{position:absolute; top:5px; right:0;}
#menu_haut ul li{display:inline;}
#menu_haut ul li a{padding:0 10px; color:#000000; text-decoration:none;}
#menu_haut ul li a:hover, #menu_haut ul li a.actif{text-decoration:underline;}

#sociaux{position:absolute; top:48px; right:0px; text-align:right;}
/*#sociaux img{float:right; margin-left:4px;}
img[alt="Partager"]{clear:both;}*/

nav{position:relative; top:97px; height:20px; margin:0; padding:3px 0; border:1px solid #c8c8c8; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#ffffff;}
nav ul{position:relative; height:20px; padding-bottom:0; text-align:center;}
nav ul li{display:inline;}
nav ul li a{display:inline-block; margin:0; padding:0 1.88%; color:#000000; line-height:20px; text-decoration:none;}
nav ul li a:hover, nav ul li a.actif{text-decoration:none; background:#e5e5e5;}

#centre{position:relative; display:block; margin:0; padding-top:5px;}

#video{float:right; width:290px; height:320px; margin-left:20px;}
#video h1{display:block; margin-bottom:30px; color:#ffffff; text-align:center; line-height:40px; border:1px solid #cccccc; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#bf2f38;}

#diaporama{position:relative; height:320px; /*margin-right:310px;*/ border:1px solid #cccccc; overflow:hidden; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#ffffff;}
#diapo li{position:absolute; left:50%; margin-left:-465px;}

#quoi_de_neuf{position:relative; margin:20px 0; padding-left:165px; line-height:34px; border:1px solid #cccccc; overflow:hidden; background-color:#e5e5e5;}
#quoi_de_neuf h1{position:absolute; top:0; left:0; width:140px; padding-left:10px; color:#ffffff; line-height:35px; background-color:#a7a9ac;}
#quoi_de_neuf .fleche{position:absolute; top:0; left:149px; width:0; height:0; border-width:18px 0 18px 9px; border-color:transparent transparent transparent #a7a9ac; border-style:solid;}
.toutes{float:right; margin-right:20px;}
#quoi_de_neuf ul{padding-bottom:0;}
#quoi_de_neuf ul li{display:inline; margin-left:0; margin-right:2%;}
#quoi_de_neuf a{color:#000000; font-weight:bold; text-decoration:none;}
#quoi_de_neuf a:hover{text-decoration:underline;}
.image_nouvelle{border:1px solid #cccccc;}

#onglets{width:100%;}
#onglets .first{position:relative; float:left; width:23.5%; margin-right:2%;}
#onglets .third{margin-right:0;}
#onglets .last{float:right; margin-right:0;}
#onglets .cadre{position:relative; width:100%; height:150px; padding-top:40px; border-width:8px 1px 1px 1px; border-color:#bf2f38 #c8c8c8 #c8c8c8 #c8c8c8; border-style:solid; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc;}
#onglets .details{position:absolute; bottom:5px; right:10px; color:#000000;}
#onglets .centre{display:block; margin:0 auto; cursor:pointer;}
#onglets h1{position:absolute; top:5px; left:50%; margin-left:-75px;}
#onglets h1 span{display:block; margin-top:-10px; margin-left:80px;}

#intro{position:relative; /*height:120px;*/ padding:20px 35% 20px 20px; border:1px solid #cccccc; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#ffffff; z-index:1;}
#nous_joindre_intro{position:relative; height:120px; padding:20px 40% 20px 20px; border:1px solid #cccccc; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#ffffff; z-index:1;}
.bulle{position:absolute; top:0; right:0;}

#contenu{position:relative; padding:0 20px;}

#menu_produits{float:left; width:225px; padding-top:20px; border:1px solid #cccccc; border-top:none; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#e7e7e7;}
#menu_produits a{text-decoration:none;}
#menu_produits ul, #menu_produits li{margin:0; list-style:none; list-style-image:none;}
#menu_produits h3, #menu_produits li{padding:0 20px; line-height:24px;}
#menu_produits h3:hover, #menu_produits h3.actif, #menu_produits li:hover, #menu_produits li.actif{background-color:#d5d5d5;}
#menu_produits li a{display:block; padding:0 5px; color:#000000; text-decoration:none; border-bottom:1px solid #ffffff;}

.mini_fiches{position:relative; width:48%; height:150px; margin-top:20px; color:#000000; border:1px solid #cccccc; overflow:hidden;}
.mini_fiches.gauche{float:left; clear:left;}
.mini_fiches.droite{float:right; clear:right;}
.mini_fiches h5, #liste_intro h5{padding-top:10px; text-transform:uppercase;}
.mini_fiches a.lien_image{float:left; line-height:150px;}
.mini_fiches img{/*float:left;*/ vertical-align:middle;}
.mini_fiches p{padding-right:10px;}

.fleche_produits{position:relative; float:left; width:0; height:0; border-width:75px 10px 75px 15px; border-color:transparent transparent transparent #bf2f38; border-style:solid;}

#liste_intro{position:relative; min-height:150px; margin-top:20px; padding-right:20px; color:#000000; border:1px solid #cccccc;}
#liste_intro div{padding-left:20px;}
#liste_intro img{float:left;}

#liste_produits{color:#000000; border:1px solid #cccccc; border-top:none; overflow:hidden;}
.liste_mini_fiches{float:left; width:29.2%; height:240px; padding:15px 2%; border-right:1px solid #cccccc;}
.ie7 .liste_mini_fiches{width:29%;}
.liste_mini_fiches.last{float:right; border-right:none;}
.liste_mini_fiches h5{text-align:center; text-transform:uppercase;padding-bottom:5px;}
.liste_mini_fiches img{display:block; margin:0 auto; padding-bottom:8px;}
.liste_mini_fiches p{font-size:0.86em; line-height:1.4em;text-align:left;width:160px;}

#detail_produits{position:relative; margin-top:20px; padding:20px; border:1px solid #cccccc; overflow:hidden;}
#detail_produits img{float:left; clear:left; margin-right:20px; margin-bottom:10px; border:1px solid #cccccc;}

.bouton{display:block; width:160px; height:30px; color:#ffffff; line-height:30px; text-align:center; text-decoration:none; background-color:#bf2f38;}
.bouton:hover{background-color:#990000;}

.fleche_prec{position:relative; display:inline-block; width:0; height:0; margin-right:5px; border-width:5px 5px 5px 0; border-color:transparent #ffffff transparent transparent; border-style:solid;}
.fleche_suiv{position:relative; display:inline-block; width:0; height:0; margin-left:5px; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #ffffff; border-style:solid;}
.ie7 .fleche_suiv, .ie7 .fleche_prec{display:inline; top:-10px; margin-bottom:-10px; zoom:1;}

#menu_recettes{position:relative; margin:0; background-color:#bf2f38; z-index:20;}
#menu_recettes ul, #menu_recettes li{margin:0; list-style:none; list-style-image:none;}
#menu_recettes ul{position:relative; /*height:26px;*/ padding-bottom:0; text-align:center;}
#menu_recettes ul li{display:inline; color:#ffffff; font-family:'HelvetNeueLightCond';}
#menu_recettes ul li a{display:inline-block; margin:0; padding:0 10px; color:#ffffff; font-size:1.25em; line-height:26px; font-family:'HelvetNeueLightCond'; text-decoration:none;}
#menu_recettes ul li a:hover, #menu_recettes ul li a.actif{background-color:#990000;}

#partage{position:absolute; top:10px; right:7px; vertical-align:middle;}
#partage img{float:none; clear:none; margin-right:0; margin-bottom:0; border:none; vertical-align:middle;}

#formulaire_courriel{position:absolute; display:none; top:57px; right:90px; width:300px; padding:20px; border:4px solid #bf2f38; background-color:#e7e7e7; z-index:60;}
/*#formulaire_recherche{width:600px; margin:0 auto; padding-bottom:20px; border:1px solid #cccccc;}*/
#formulaire_courriel label{display:inline-block; width:110px; padding-top:3px; text-align:right;}
#formulaire_courriel label em{color:red;}
#formulaire_courriel input[type="text"]{width:170px;}
#formulaire_courriel textarea{width:170px; height:100px; vertical-align:text-top; font-family:Arial, Verdana, Helvetica, sans-serif; resize:none;}
#formulaire_courriel .erreur{display:block; margin-left:114px; color:red; font-size:.8571em;}
#fermer{position:absolute; top:5px; right:5px;}


#formulaire_courriel_2{position:relative; display:none; width:340px; padding:6px; background-color:#e7e7e7; z-index:60;}
/*#formulaire_recherche{width:600px; margin:0 auto; padding-bottom:20px; border:1px solid #cccccc;}*/
#formulaire_courriel_2 label{display:inline-block; width:150px; padding-top:5px; text-align:right;}
#formulaire_courriel_2 label em{color:red;}
#formulaire_courriel_2 input[type="text"]{width:170px;}
#formulaire_courriel_2 textarea{width:170px; height:30px; vertical-align:text-top; font-family:Arial, Verdana, Helvetica, sans-serif; resize:none;}
#formulaire_courriel_2 .erreur{display:block; margin-left:154px; color:red; font-size:.8571em;}



#cadre_bas{position:relative; padding:20px; border:1px solid #cccccc; border-top:none; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#ffffff; overflow:hidden;}

#photos_ambiance{position:absolute; bottom:0; left:0; width:100%; background:#bf2f38 url(../images/services_resto_fond.jpg) bottom right no-repeat; overflow:hidden;}
#photos_ambiance img{border:1px solid #cccccc; margin:10px 10px 10px 5%;}

#formulaire_recherche{width:600px; margin:0 auto; padding-bottom:20px; border:1px solid #cccccc;}
#formulaire_recherche label{display:inline-block; width:160px; padding-top:3px; text-align:right;}
#formulaire_recherche label em{color:red;}
#formulaire_recherche input[type="text"]{width:200px;}
#formulaire_recherche input[id="code_postal"]{width:66px;}
#formulaire_recherche textarea{width:400px; height:100px; vertical-align:text-top; font-family:Arial, Verdana, Helvetica, sans-serif; resize:none;}
#formulaire_recherche .erreur{display:block; margin-left:165px; color:red; font-size:.8571em;}

.liste_regions{width:46%; margin-top:20px;}
.liste_regions a{text-decoration:none;}
.liste_regions a:hover h2{text-decoration:underline; color:#bf2f38;}

#emplois_menu{float:left; width:225px; padding-top:20px; border:1px solid #cccccc; border-top:none; -moz-box-shadow:-1px 1px 4px #cccccc; -webkit-box-shadow:-1px 1px 4px #cccccc; box-shadow:-1px 1px 4px #cccccc; background-color:#e7e7e7;}
#emplois_menu a{text-decoration:none;}
#emplois_menu ul, #emplois_menu li{margin:0; list-style:none; list-style-image:none;}
#emplois_menu h3, #emplois_menu li{padding:0 20px; line-height:24px;}
#emplois_menu h3{padding-bottom:10px;}
#emplois_menu li:hover, #emplois_menu li.actif{background-color:#d5d5d5;}
#emplois_menu li a{display:block; padding:0 5px; color:#000000; text-decoration:none; border-bottom:1px solid #ffffff;}

#emplois_description{padding:20px 20px 510px; border:1px solid #cccccc; border-top:none; overflow:hidden; background:#ffffff url(../images/emplois_personna.jpg) bottom right no-repeat;}
#emplois_description label{display:inline-block; width:160px; padding-top:3px; text-align:right; vertical-align:top;}
#emplois_description input, #emplois_description textarea{width:250px; font-family:Arial, Verdana, Helvetica, sans-serif; resize:none;}
#emplois_description #code_postal_1, #emplois_description #code_postal_2, #emplois_description #tel_1, #emplois_description #tel_2, #emplois_description #tel_3, #emplois_description #tel_autre_1, #emplois_description #tel_autre_2, #emplois_description #tel_autre_3{width:40px;}
#emplois_description em{color:red;}
#emplois_description .erreur{display:block; margin-left:165px; color:red; font-size:.8571em;}

footer{position:relative; display:block; clear:both; top:-60px; width:100%; min-width:980px; height:350px; overflow:hidden;}
footer .thym{position:absolute; top:0; left:84%; z-index:1;}
footer ul{position:relative; top:232px; height:27px; padding-bottom:0; text-align:center; border-bottom:4px solid #bf2f38; background-color:#e5e5e5;}
footer ul li{display:inline;}
footer ul li a{position:relative; padding:0 7px; color:#000000; font-size:0.8333em; line-height:27px; text-decoration:none;}
footer ul li a:hover, footer ul li a.actif{text-decoration:underline;}