@charset "UTF-8";
/* Communs */
@import url(commun.css);

body {
	background: url(../img/fond.jpg) repeat-x #fff;
	overflow-x: hidden;
}
/* General */
#container {
	width: 965px;
	margin: 0 0 0 50px;
}
#container h1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}

.logo{display:block;width:110px;height:144px;position:absolute;z-index:10;margin-left:30px;}

/* Nav */
#container ul#nav {
	padding: 15px 0 0 131px;
	height: 75px;
}
#container ul#nav li {
	float: left;
	padding: 16px 14px 15px;
	background: url(../img/nav/separ.jpg) no-repeat top right;
}
#container ul#nav li.last {
	background: none;
}

/* Sous Nav */
#container ul#nav ul.subNav {
	position: absolute;
	z-index: 2;
	display: none;
	left: 0;
	top: 60px;
	clear: both;
	height: 30px;
	width: 100% !important;
	padding-left: 0 !important;
	background: url(../img/nav/fond-ss-nav.png) repeat-x;
	display:block;
}
#container ul#nav ul.subNav li {
	float: left;
	margin-top: 10px;
	padding: 0 12px;
	border-right: 1px solid #fff;
	background: none;
}
#container ul#nav ul.subNav li.first {margin-left:185px}
#container ul#nav ul.subNav li.last {
	border-right: none;
}
#container ul#nav ul.subNav li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	white-space: nowrap;
}
#container ul#nav ul.subNav li a:hover {
	color: #c9df43;
}
#container ul#villes {
	clear: both;
	padding: 32px 0 0 255px;
}
#container ul#villes li {
	float: left;
	padding: 0 16px 0 8px;
	background: url(../img/puce-villes.jpg) no-repeat right 4px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
#container ul#villes li span {
	font-weight: normal;
	color: #666;
}
#container ul#villes li.last {
	background: none;
}

#container ul#footer {
	padding: 30px 0 0 150px;
}
#container ul#footer li {
	float: left;
	height: 9px;
	padding: 0 4px;
	color: #999;
	font-size: 9px;
	border-right: 1px solid #666666;
}
#container ul#footer li.last {
	border-right: none;
}
#container ul#footer li a {
	display: block;
	color: #9fb521;
	font-size: 9px;
	text-decoration: none;
}

#container ul#footer.footer_small {padding-top:80px}
.white #container ul#footer.footer_small {padding-top:13px}

/* Flash */
#container #flash {
	position: relative;
	z-index: 1;
	top: -30px;
}

#container #content {
	position: relative;
	z-index: 2;
	top: -75px;
}

/* Home */
#container.home #pushes li {
	float: left;
	width: 288px;
	padding: 12px 0 0 12px;
	background: url(../img/home/fond-scope.png) no-repeat;
}
#container.home ul#popins {
	position: absolute;
	top: -25px; left: -17px;
	display: none;
	background: url(../img/home/fond-popin.png);
	width: 940px;
	height: 240px;
}
#container.home ul#popins a {
	display: block;
}
#container.home ul#popins li {
	display: none;
}
#container.home ul#popins li#popin1 {
	padding: 80px 0 0 230px;
}
#container.home ul#popins li#popin1 #comment {
	padding-left: 5px;
}
#container.home ul#popins li#popin2 {
	padding: 50px 0 0 250px;
}
#container.home ul#popins li#popin2 .ou {
	padding-left: 203px;
}
#container.home ul#popins li#popin2 #unWok {
	padding-left: 80px;
}
#container.home ul#popins li#popin2 #suggestion {
	padding-left: 13px;
}
#container.home ul#popins li .ou {
	padding: 17px 0 17px 238px;
}

.level1 ul#popins li {
	display: none;
}
.level1 #popinSauveViande {
	position: absolute;
	z-index: 20;
	background: url(../img/noswoks/fond-sauce-viande.png) no-repeat;
	left: -2px;
	width: 920px;
	height:342px;
}
.level1 #popinSauveViande #flecheGauchePopin {
	float: left;
	padding: 100px 30px 0;
}
.level1 #popinSauveViande ul#carouselPopin {
	position: relative;
	float: left;
	width: 740px;
	height: 220px;
	padding-top: 30px;
	background: url(../img/noswoks/fond-carousel-popin.png) no-repeat;
	overflow: hidden;
}

.level1 #popinSauveViande {
	left: -2000px;
}
.level1 ul#carouselPopin li ul li {
	float: left;
	padding: 0 22px;
	height: 170px;
	border-right: 1px solid #bfbfbf;
}
.level1 ul#carouselPopin li ul li.last {
	border-right: none;
}
.level1 ul#carouselPopin li.sauces, .nosWoks ul#carouselPopin li.viandes {
	position: relative;
	left: 0;
}
.level1 ul#carouselPopin li h4 {
	margin-bottom: 8px; 
	color: #cc3300;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.level1 ul#carouselPopin li h5 {
	margin-bottom: 8px; 
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.level1 ul#carouselPopin li p {
	font-size: 11px;
	font-style: italic;
	height: 55px;
	color: #666;
}
.level1 ul#carouselPopin li.viandes h4 {
	width: 220px;
	padding-left: 5px;
}
.level1 ul#carouselPopin li.sauces h5 {
	margin-bottom: 8px; 
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.level1 ul#carouselPopin li.sauces p {
	font-size: 11px;
	font-style: italic;
	height: 55px;
	color: #666;
}
.level1 #popinSauveViande #flecheDroitePopin {
	float: left;
	padding: 100px 0 0 30px;
}
.level1 #popinSauveViande #boutonsPopin {
	clear: both;
	padding: 15px 0 0 70px;
	position: absolute;
	top: 250px;
}
.level1 #popinSauveViande ul#boutonsPopin li.clearfix {
	float: left;
	display: none;
}
.level1 #popinSauveViande ul#boutonsPopin li ul li {
	float: left;
	margin-right: 100px;
}
.level1 #popinSauveViande ul#boutonsPopin li ul li.last {
	margin-right: 0;
}

/* level1 */
body.level1 {background: url(../img/level1/fond.jpg) repeat-x #fff;}

.level1 #flash {height: 210px;}

.level1 #onglet {height: 21px;width: 864px;margin-top: 11px;padding: 13px 20px 0 27px;background: url(../img/level1/fond-onglet.png) no-repeat;}

.level1 h2 {float: left;}
.level1 h4 strong {color: #91a940;}

.level1 #cntWoks {position:relative;float:left;width:740px;height:250px;margin-top:20px;background: url(../img/level1/fond-carousel.png) no-repeat;	overflow:hidden;}
.level1.white #cntWoks {padding-top:20px;margin-top:0;height:330px;width:740px;background: url(../img/white/fond-carousel.png) no-repeat}

.level1 #woks h3 {float: left;padding: 14px 0 0 0;height: 38px;width: 96px;margin-bottom: 6px;text-transform: uppercase;font-size: 18px;font-weight: bold;color: #000;}
.level1 #woks h3 span {background: url(../img/level1/fond-titre.jpg) no-repeat top left;display:block;width:42px;height:42px;text-align:center;padding-top:5px;color: #fff;font-size: 28px;float:left;margin-left:60px;margin-top:-34px}
.level1 #woks h4 {clear: both;text-transform: uppercase;color: #91a940;font-size: 11px;margin-bottom: 15px;}
.level1 #woks h5 {float: right;padding: 10px 23px 0 0px;font-size: 19px;}
.level1 #woks p {margin-bottom: 5px;text-transform: uppercase;font-size: 9px;padding-left: 10px;}
.level1 #woks p.viande {color: #990033;	background: url(../img/noswoks/puce-viande.jpg) no-repeat 2px 1px;}
.level1 #woks p.sauce {color: #cc3300;background: url(../img/noswoks/puce-sauce.jpg) no-repeat 2px 1px;}
.level1 ul#woks {position: relative;left:0px;}
.level1 ul#woks li {float:left;width:278px;height:225px;margin-left:10px;padding-left:7px;background:url(../img/level1/bordure-wok.png) right 10px no-repeat;position:relative}
.level1.white ul#woks li{width:277px;height:287px;background:none;border-right:1px solid #bfbfbf}

.level1 #woks li.model2 h4{color:#666666;margin-bottom:2px}
.level1 #woks li.model2 h4 strong{color:black}
.level1 #woks li.model2 .choix{padding:3px 0px 3px 22px;color:#666666;font-size:11px;background:url(../img/level1/plus.gif) no-repeat center left;margin-bottom:10px}
.level1 #woks li.model2 .choix strong{color:#666666}

.level1 #woks li.model3 h3{font-size:14px;width:194px}
.level1 #woks li.model3 h4{color:#333333;font-size:11px;font-weight:bold;padding-right:25px;margin-bottom:0;color:#91A940}
.level1 #woks li.model3 em{color:#666666;font-size:11px;font-weight:bold;}

.level1 #woks li.model4 h3{color:#738608;font-size:14px;width:auto;height:24px}
.level1 #woks li.model4 h4{color:#333333;font-size:11px;font-weight:bold;padding-right:25px;margin-bottom:0}

.level1 #woks li.restaurant h3{color:#000000;font-size:14px;width:auto;height:24px}
.level1 #woks li.restaurant h4{color:#333333;font-size:11px;font-weight:bold;padding-right:25px;margin-bottom:0;height:50px}
.level1 #woks li.restaurant em{display:block;color:#666666;font-size:11px;font-weight:bold;padding-right:25px;margin-bottom:0;padding-bottom:20px}
.level1 #woks li.restaurant strong{color:#c9df43;font-size:18px;font-weight:normal;padding-right:25px;margin-bottom:0;}

.level1 .cntIllu {position:absolute;bottom:0;left:7px}
.level1 .restaurant .cntIllu {position:absolute;bottom:0;left:2px}

.level1 ul#arianne {float: right;display:none}
.level1 ul#arianne li {float: left;}
.level1 ul#arianne li a {text-decoration: none;font-size: 10px;color: #999;text-transform: uppercase;}
.level1 ul#arianne li.selected a {color: #b8cf34;}
.level1 ul#arianne li:after {content: ">";padding: 0 5px;color: #999;}
.level1 ul#arianne li.selected:after {content: "";padding: 0;}

.level1 #carousel {position: relative;left: -20px;width: 930px;}
.level1.white #carousel {left: -6px;width: 913px; height:338px; background:url(../img/white/fond_blanc.png) no-repeat;padding-left:10px}


.level1 #flecheGauche {float:left;	padding: 88px 12px 0 0;}
.level1 #flecheDroite {float:left;padding: 88px 0 0 15px;}
.level1.white #flecheGauche {padding: 115px 0px 0 0;}
.level1.white #flecheDroite {padding: 115px 0 0 0;}

.level1 ul.boutons {clear: both;margin: 0px 0 0 70px; height: 40px;}
.level1 ul.boutonjs {clear: both;margin: 0px 0 0 70px; height: 40px;}
.level1 ul#boutons2 li {float: left;margin-right: 101px;}
.level1 ul#boutons2 li.last {margin-right: 0;}
.level1 ul#boutons3 li {float: left;margin-right: 48px;}
.level1 ul#boutons3 li.last {margin-right: 0;}

.level1 ul#popins {position: absolute;display: none;top: -160px;left: 250px;width: 360px;height: 359px;padding: 21px 0 0 30px;background: url(../img/level1/fond-popin.png) no-repeat;z-index:10;}
.level1 ul#popins li {display: none;height:359px;cursor:pointer}

.simple .content{margin:20px 0; padding:0 40px;width:47%;float:left;height:290px;overflow:auto}
.simple p{color:#666666;font-size:12px;padding-bottom:10px;text-align:justify}
.simple strong{color:#666666;}
.simple .vignette{position:relative;left:40px;top:54px}

.simple.fidelite .content{margin:0;height:auto;padding:40px;width:45%;float:left}
.simple.fidelite h1{text-transform:uppercase;color:#9fb521;font-size:18px;position:static !important;padding-bottom:20px}
.simple.fidelite h2{text-transform:uppercase;color:#9fb521;background:url(../img/fidelite/bullet.gif) no-repeat center left;padding-left:8px;float:none}
.simple.fidelite p{color:#666666;font-size:12px;padding-bottom:20px}
.simple.fidelite strong{color:#666666;display:block;text-transform:uppercase;padding-bottom:20px}
.simple.fidelite .vignette{top:30px;left:0}

.simple.concept .vignette{position:relative;left:44px;top:37px}

.simple.identite h1{text-transform:uppercase;color:#9fb521;font-size:14px;position:static !important;padding-bottom:20px}
.simple.identite h2{text-transform:uppercase;color:#999999;font-size:12px;float:none}
.simple.identite ul{list-style-type:none;padding-bottom:20px;}
.simple.identite li{color:#333333;background:url(../img/identite/bullet.gif) no-repeat 0 5px;padding-left:10px;font-weight:bold;line-height:18px;padding-bottom:5px}

.simple.conditions h1{text-transform:uppercase;color:#9fb521;font-size:14px;position:static !important;padding-bottom:20px}
.simple.conditions h2{text-transform:uppercase;color:#999999;font-size:12px;float:none}
.simple.conditions ul{list-style-type:none;padding-bottom:20px;}
.simple.conditions li{color:#333333;background:url(../img/identite/bullet.gif) no-repeat 0 5px;padding-left:10px;font-weight:bold;}
.simple.conditions li span {color:#333333;font-weight:bold;width:170px;display:block;float:left}

.simple.inscription h1{text-transform:uppercase;color:#9fb521;font-size:14px;position:static !important;padding-bottom:20px}
.simple.inscription h2{text-transform:uppercase;color:#999999;font-size:12px;float:none}
.simple.inscription ul{list-style-type:none;padding-bottom:20px;}
.simple.inscription li{color:#333333;background:url(../img/identite/bullet.gif) no-repeat 0 5px;padding-left:10px;font-weight:bold;position:relative}
.simple.inscription a{display:block;font-size:13px;text-decoration:none;font-weight:bold;text-transform:uppercase;color:#9fb521;background:url(../img/fidelite/bullet.gif) no-repeat 0 5px;padding-left:8px;float:none;margin-bottom:35px}
.simple.inscription a:hover{text-decoration:underline}
.simple.inscription .address{text-align:center;font-size:11px;font-weight:bold}

.simple.presse{text-transform:uppercase}
.simple.presse h1{margin:25px 0 15px 0;background:#b8cf34;color:#ffffff;font-size:12px;position:static !important;padding-bottom:10px;display:inline-block !important;padding:3px 8px;}
.simple.presse h2{padding-left:10px;color:#738608;font-size:12px;float:none;font-style:italic;background:url(../img/presse/bullet.gif) no-repeat 0 5px;}
.simple.presse small, .simple.presse strong {padding-left:10px;display:block;color:#666666;font-size:11px}
.simple.presse a{display:block;margin:7px 0 20px 10px;padding-left:8px;background:url(../img/presse/bullet2.gif) no-repeat 0 3px;color:#738608;text-decoration:none;font-size:11px;font-weight:bold}
.simple.presse a small{display:inline;padding-left:0;font-weight:normal;color:#999999}

#votrewok{background:url(../img/votrewok/background.png) no-repeat;height:345px}
#votrewok .boutons{position:absolute;right:50px;bottom:50px}


form .col1 {padding:20px 25px;float:left; width:45%;}
form .col2 {padding:20px 0;float:left; width:45%;}
*+html forms .col2 {width:46%;}
form input.text {float:left; width:250px;border:1px solid #b8cf34;height:18px;color:black;margin-bottom:11px}
form textarea {float:left; width:250px;border:1px solid #b8cf34;height:115px;color:black;margin-bottom:11px}
form input.radio {float:left;border:0;}
*+html form input.radio {position:relative;top:-3px}
form label {display:block;color:#666666;font-weight:bold;font-size:12px;float:left; width:150px;clear:left;padding-bottom:11px}
form .questions {padding-top:20px}
form label.small {display:block;color:#666666;font-weight:bold;font-size:10px;float:left; width:25px;clear:none;padding-bottom:10px;padding-left:10px}
*+html form label.small{width:20px}
form small {display:block;color:#666666;font-weight:bold;font-size:10px;float:left; width:306px;clear:left;padding-bottom:10px}
form input.submit{margin-top:25px;float:right;border:0;background:#b8cf34;color:white;text-transform:uppercase;font-weight:bold;padding:2px 8px;font-size:11px}
.contactInfo{font-size:11px !important; position:absolute;margin-left:59px;margin-top:74px;}

#footer {
	clear: both;
}
.nosWoks #carousel {
	margin-left: 20px;
}
.nosWoks #flecheDroite {
	padding-left: 8px;
}
.nosWoks #flecheGauche {
	padding-right: 8px;
}
#messageForm {
	padding-top: 5px;
	color: #666;
	font-weight: bold;
	text-align: center;
}