/********* Colors ********
body bg -> #efeeee
colLeft box bg bleu -> #6b9ca8
colLeft box bg jaune -> #d2a825
colRight box bg -> #e56648
********* Colors ********/

@import url(/lib/css/forms.css);
@import url(/lib/inc/ratings/ratings.css);

/********* RESET *********/
* {-moz-outline:none;}
html,body,div,input, p, h1, h2, h3, h4 {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body {font-size: 1em; font-weight: normal; font-style: normal; 
	/*font-family:"Lucida Grande", "Lucida Sans Unicode",arial,verdana,sans-serif;*/
	font-family:verdana,sans-serif;
	color:#000; background-color:#fff; text-align:center;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0; margin: 10px 0px 20px 0px;}
table tr {empty-cells:show;}
table tr td {display:table-cell; empty-cells:show;}

a {color:#000; font-weight:bold; text-decoration:none; -moz-outline:none; cursor:pointer;}
a:active {color:#333;}
a:hover {text-decoration:underline;}

.clearer,
.clear {clear:both; display: block; margin: 0; padding: 0; height: .1em; line-height: .1em; font-size: .1em; }
.dottedLine {display:block; clear:both; height:1px; line-height:1px; padding:0; margin:5px 0 5px 0; border:none; background: url(../images/dotted_line.png) repeat-x center;}
/********* RESET *********/

/*TMP*/
.superbanner {display:block; width:728px; height:90px; background:#999;}
.bigBoxTmp {width:300px; height:250px; background:#ccc;}
.bbBox {background-color:#fff; text-align:center; width:300px; margin:5px auto;}
#sky {width:160px; margin:10px auto;}

/*************Typo*************/
#mainContent {font-size:.78em; color:#999;}
a {color:#93C063;}
a:active {color:#999;}
a:hover {text-decoration:underline;}
ul, ol {list-style-position:outside;}
ul li, ol li {margin:4px 0;}
h1,h2,h3,h4 {line-height:1.5em; color:#83b551;}
h3.titreRecette {font-size:20px;}
p {margin:10px 0 15px 0;}
/*************Typo*************/

/*************Structure*************/
body, html {background-color:#efeeee;}
#mainWrap {width:980px; margin: 5px auto; text-align:left; overflow:hidden;}
#mainHeader,
#mainHeaderInner {position:relative; height:254px; margin:0; padding:0;}
#mainContent {clear:both;}
.deuxColRight {width:800px; float:right; overflow:hidden; margin:0; padding:0;}
.deuxColRight .box .colRight {width:255px; margin-top:20px;}
.colMain {width:488px; margin:0; float:left; overflow:hidden;}
.colRight {width:312px; float:right; overflow:hidden;}
.colLeft {width:180px; float:left;}
.colInner {padding:10px;}
#mainFooter {clear:both; background:#888;}
/*************Structure*************/

/*************header*************/
#mainHeader {padding:0 0 0 5px; margin:0; background: url(../images/headerV1/headerBg.png) no-repeat left top;}
#mainHeaderInner {padding:9px 0px 9px 0; background: url(../images/headerV1/headerBg.png) no-repeat right top;}
#hdSuperB {float:left; width:737px; height:90px; padding:0 0 0 4px;}
#hdLogin {float:left; width:224px; height:90px; border-left:1px solid #d7d7d7;}
#hdBasWrap {position:absolute; top:107px; left:0; width:969px; height:142px; background: #fff url(../images/headerV1/bgImg.jpg) no-repeat right -50px; overflow:hidden;}
#hdLogo {position:absolute; top:16px; left:10px;}
#hdMenu {position:absolute; bottom:0; left:-5px; width:976px; height:45px; background: url(../images/headerV1/menuSep.png) no-repeat left top;}
#hdMenu * {margin:0; padding:0;}
#hdMenu ul {display:block; float:left; width:760px; line-height:45px; height:45px; padding:0 0 0 10px; overflow:hidden; background: url(../images/headerV1/sepVert2.jpg) no-repeat right 11px;}
#hdMenu ul li {display:block; float:left; height:45px; background: url(../images/headerV1/sepVert.jpg) no-repeat left 11px;}
#hdMenu ul li a {font-weight:600; font-size:13px; letter-spacing:.03em; color:#83B651; padding:0 4px 0 10px;}
#hdMenu ul li a.hommes {color:#666;}
#hdMenu ul li.ajouter {float:right; background: url(../images/headerV1/sepVert2.jpg) no-repeat left 11px;}
#hdMenu ul li.ajouter a {color:#d2a825; padding-left:15px; padding-right:15px;}
#hdMenu ul li.noImg {background:none;}
#hdMenu #hdRecherche {float:right; margin:0 15px 0 0; height:45px; background: url(../images/forms/hdInputBg.png) no-repeat 5px 13px; overflow:hidden;}
#hdMenu #hdRecherche form {display:block; height:20px; padding:13px 11px 11px 5px;}
#hdMenu #hdRecherche form input#q {display:block; float:left; width:134px; padding:4px; margin:0; border:none; background:transparent;}
#hdMenu #hdRecherche form #hdBtn {display:block; float:left; width:23px; height:23px; text-indent:-99999px; background:url(../images/forms/hdBtn.png) no-repeat right top;}
/*************header*************/

/*************footer*************/
.superBanner002 {text-align:center;}
.menuFooter {text-align:center;}
.menuFooter a {color:#999999; font-size: .7em; width:100%;}
.copyright {display:block; font-size: .8em; color:#CCCCCC; text-align:center; font-family:"Lucida Grande","Lucida Sans Unicode",arial,verdana,sans-serif;}
.content.genFooter {text-align:center; font-size: .7em; color:#888;}
.content.genFooter ul { display:block; height: 15px; margin: 0; padding: 0;}
.content.genFooter li { display:inline; list-style-type: none; width:auto; margin: 0; padding: 0 8px 0 0; }
.content.genFooter a { font-weight:normal; color:#888; text-decoration:none; -moz-outline:none; cursor:pointer; }
.content.genFooter a:active { text-decoration:none; -moz-outline:none; cursor:pointer; }
.content.genFooter a:hover { color:#98ca65; text-decoration:underline; -moz-outline:none; cursor:pointer; }
/*************footer*************/

/*************box model*************/
.box {display:block; background-color:#fff;}
.box .content {height:auto; padding:0 0 0 5px; margin:0; background: transparent url(../images/box/shadowL.png) repeat-y left;}
.box .content .inner {height:1%; padding:8px 17px 8px 12px; margin:0; background: url(../images/box/shadowR.png) repeat-y right;}
.box .top {padding:0 0 0 5px; margin:0; background: transparent url(../images/box/shadowT.png) no-repeat left top;}
.box .top .inner {height:8px; line-height:8px; padding:0 5px 0 0; margin:0; background: transparent url(../images/box/shadowT.png) no-repeat right top;}
.box .bas {padding:0 0 0 5px; margin:0; background: transparent url(../images/box/shadowB.png) no-repeat left bottom;}
.box .bas .inner {height:8px; line-height:8px; padding:0 5px 0 0; margin:0; background: transparent url(../images/box/shadowB.png) no-repeat right bottom;}
.box.boxNoPadding .content .inner {padding:0 4px 2px 0;}
/*************box model*************/

/*************tables*************/
.tableGeneral {margin-top: 20px;}
.tableGeneral tr {empty-cells:show;}
.tableGeneral tr td {border-bottom: 1px solid #f5f5f5; padding: 5px 0px;}

.tableWithHeader th { background-color: #93c063; color: #fff; height: 30px;	text-align:left; }
.tableWithHeader .th2 { background-color: #99cc66; color: #fff; height: 30px;	text-align:left; }
.tableWithHeader .th3 { background-color: #b6e587; color: #fff; height: 30px;	text-align:left; }
.tableWithHeader tr { margin-top: 20px;}
.tableWithHeader li { margin-left: 15px;}
.tableWithHeader .colorBG { background-color: #f5f5f5;}
.tableFloatL { float: left; margin: 5px 15px 0 10px; }
.tableWithHeader .colorBGvert { background-color: #b6e587; color: #679936; }
.tableWithHeader .padding { padding-left: 15px; }
.tableWithHeader .colorBottom { border-bottom: 1px solid #f5f5f5; }
.tableWithHeader .ingredient { font-weight: bold; color: #93c063;}
/*************tables*************/

/*************colLeft*************/
.colLeft .box {background-color:#81AC56; color:#fff;}
.colLeft .box .top .inner,
.colLeft .box .content .inner .box .top .inner {height:auto; line-height:normal;}
.colLeft .box .content .inner {padding-left:7px; padding-right:5px;}
.colLeft .box .top {padding:0;}
.colLeft .box .top .inner {padding:0;}
.colLeft .box .top .inner h2  {background:#FFFFFF none repeat scroll 0 0; border:1px solid #BEBEBE; color:#999999; font-size:1.2em; overflow:hidden; padding:5px 18px; text-align:center;}
/*.colLeft .box .top .inner h2 {color:#999; font-size:1.2em; line-height:53px; height:53px; padding:20px 18px 10px 18px; text-align:center; background: url(../images/colLeft/titreBg.png) no-repeat center top; overflow:hidden;}*/
.colLeft .box .top .inner h2 a {color:#999;}
.colLeft .box.noTitle .top {padding:0 0 0 5px;}
.colLeft .box.noTitle .top .inner {height:8px; line-height:8px; padding:0 5px 0 0;}
.colLeft .box h2,
.colLeft .box h3,
.colLeft .box a {color:#fff;}
.colLeft .box h3 {font-size:1.15em;}
.colLeft .box ul {margin:10px 0 0 0; padding:0; list-style-type:none;}
.colLeft .box ul li {display:inline; margin:0; padding:0;}
.colLeft .box ul li a {display:block; font-weight:normal; padding:2px 0; margin:0;}
.colLeft .box ul li a.enVedette {ccolor:#FFFFFF; font-size:1.5em;}
.colLeft .box ul li ul {margin:0 0 0 12px; list-style-type:square;}
.colLeft .box .promo { width: 120px; height:60px; background-color:#333333; margin: 10px 0 0 18px; }
.colLeft .box .infoLettre { padding-top: 10px;}
.colLeft .box .infoLettre a { font-weight: normal;}
.colLeft .box .infoLettre input { margin-bottom: 5px; padding:2px; font-size: 10px; width: 90px; vertical-align: text-top;}
/*************colLeft*************/

/*************colRight*************/
.colRight .box {background-color:#d2a825; color:#fff;}
.colRight .box .top .inner,
.colRight .box .content .inner .box .top .inner {height:auto; line-height:normal;}
.colRight .box .top {padding:0;}
.colRight .box .top .inner {padding:0;}
.colRight .box .top .inner h2 {color:#999; font-size:1.2em ;background:#FFFFFF none repeat scroll 0 0; border:1px solid #BEBEBE; color:#999999; font-size:1.2em; overflow:hidden; padding:5px 18px; text-align:center;}
/*.colRight .box .top .inner h2 {color:#999; font-size:1.2em; line-height:53px; height:53px; padding:20px 18px 10px 18px; text-align:center; background: url(../images/colRight/titreBg.png) no-repeat center top; overflow:hidden;}*/
.colRight .box .content {font-size:.90em;}
.colRight .box a {color:#999;}
.colRight .box ul li a {color:#fff;}
.colRight .box.noTitle .top {padding:0 0 0 5px;}
.colRight .box.noTitle .top .inner {height:8px; line-height:8px; padding:0 5px 0 0;}
.colRight .box.bbBox .content .inner {padding:0 4px 2px 1px;}
.colRight .box ol, ul {margin:10px 0 0 25px; padding:0;}
/*.colRight .box ul li {display:inline; margin:0; padding:0;}
.colRight .box ul li a {display:block; font-weight:normal; padding:2px 0; margin:0;}*/
/*************colRight*************/

/*************colMain*************/
/*.colMain {padding-top:19px;}*/
/*************colMain*************/

/*************Gen style*************/
/*Add this*/
.vShareThis {float:left; display:inline; padding: 3px; margin: 5px 0; line-height:18px; font-size:11px; text-transform:uppercase;}
.vShareThis a {line-height:1.6em; text-decoration:none;}
.vShareThis a:hover {text-decoration:none;}
.secZoneGars .colMain .inner .vShareThis a img {float:none; vertical-align:middle;}

/*Titre section*/
h2.secTitle {font-size:1.3em; line-height:2em; padding:0 0 0 40px; background:url(../images/icones/fleche-double-droite-vertpale.png) no-repeat top left; height:37px;}
h2.secTitle strong {color:#83b551;}
/*Tools, imprimez, envoyez*/
.toolBox {width:22%; float:right;}
.toolBox a {display:block; font-size: 0.8em; line-height:24px; padding:0 0 0 30px;}
.toolBox a.print {background: url(../images/icones/print-m.png) no-repeat left center;}
.toolBox a.send {background: url(../images/icones/send-m.png) no-repeat left center;}

.floatTopRight {float:right; width:35%; margin-right: -5px; margin-top:0px; text-align:right;}
.floatTopRight a {display:block; font-size: 0.8em; padding:4px 40px 4px 0;}
.floatTopRight.icoVideo a {background: url(../images/icones/disponibleVideo-m.png) no-repeat right center;}

.imgFloatLeft {margin: 10px 10px 10px 0px; float:left;}
.bbFloatR {float:right; width:300px; padding:0 0 10px 10px;}

.noContent .noContentText p,
.noContentText p { padding: 0; margin: 15px 0 30px 10px; color:#000000;}
.itemList { padding:7px 10px 10px 10px; background: url(../images/dotted_line.png) repeat-x bottom;}
.imageList {float:left; width:52px; margin-bottom:7px;}
.textList {margin-left:65px; color:#000000;}
.textList p {margin:0;}
.textList span {display:block; color:#999999;}

.concours .imageList {width:100px;}
.concours .textList {margin-left:110px;}
.concours .textList a.lienConcours {padding-top:10px; display:block;}
.concours span.dateConcours {font-size:10px; padding-bottom:10px;}
.concours .formV1 .question label {width:31%;}

.imgFloatWrap {padding:15px 0;}
.imgFloatWrap .wrapImage {width:33.3333%; float:left; padding:0 0 10px 8px; text-align:center;}
.imgFloatWrap .wrapImage p {text-align:left; margin:5px 0 0 5px; padding:0;}
.imgFloatWrap .wrapImage a {color:#999;}
.imgFloatWrap .wrapImage em {display:block; font-size:.8em; color:#999; text-indent:5px; text-align:left;}

.imgCredit {text-align:center;}
.imgCredit em {display:block; font-size:.8em; color:#666666; text-align:left;}

.imgDesc {text-align:left; width: 145px;}
/*************Gen style*************/

/*************boxVHA*************/
.boxVHA {position:relative; height:262px; width:477px; margin:5px 0 0 5px;}
.boxVHA .dispImage {position:absolute; width:477px; height:262px; visibility:hidden;}
.boxVHA .dispImage#dispImageId1 {visibility:visible;}
.boxVHA .dispImage img {position:absolute; width:477px; height:262px;}
.boxVHA .boxTitle {position:absolute; top: 185px; background: url(../images/vha/boxTitle.png) no-repeat left top; height:42px; width: 477px; color:#fff; line-height:42px; }
.boxVHA .boxTitle a {text-indent:5px; color:#fff; float:left; display:block; width:70%; margin:0; padding:0;}
.boxVHA .boxTitle a.plus {text-align: right; color:#fff;  display:block; width:28%}
.boxVHA .boxButton {z-index:11; position:absolute; top: 233px; right:15px; height:17px; width: auto; display:inline;}
.boxVHA .boxButton .circleButton,
.boxVHA .boxButton #playPause {float: left; display:block; background: url(../images/vha/CircleAll4.png) no-repeat right top; height:17px; width: 17px; margin:2px; text-indent:-9999px;}
.boxVHA .boxButton #playPause {background: url(../images/vha/CircleAll4.png) no-repeat right bottom;}
.boxVHA .boxButton .circleButton.active,
.boxVHA .boxButton .circleButton:hover {background: url(../images/vha/CircleAll4.png) no-repeat left top;}
.boxVHA .boxButton #playPause.selected {background: url(../images/vha/CircleAll4.png) no-repeat left bottom;}
/*************boxVHA*************/

/************* site-map *************/
#site-map {padding:10px 0;}
#site-map ul { margin: 0; padding: 0 0 0 10px; line-height: 0.9em; }
#site-map li { list-style-type: none; line-height: 0.9em; margin-top:10px;}
#site-map li a { list-style-type: none; line-height: 0.9em; color:#83b551; }
#site-map li ul li { list-style-type: none; padding:0 0 0 15px;}
#site-map li ul li a { list-style-type: none; padding:0 0 0 15px; color:#666; font-weight:normal;}
#site-map li ul li ul li a { list-style-type: none; padding:0 0 0 20px; color:#999; font-weight:normal;}

/*************secPublicite*************/
.inner.publicite h4 { font-size:1em; padding-bottom: 25px; background: url(../images/dotted_line.png) repeat-x center;}

/*************secFAQ*************/
.faq ol { margin: 15px 0 ; padding-left: 25px;}
.inner.faq h4 { font-size:1em; padding: 10px 0 5px 0; margin-bottom:10px; background: url(../images/dotted_line.png) repeat-x bottom;}


/*************Page erreur*************/
.box .content .inner .titreMsg {color:#990000; border-top:#990000 1px solid; border-bottom:#990000 1px solid; padding:10px; margin:5px 0 5px 0;}


/********* secEnvoyerAmi.css *********/
#envoyerAmi { position:relative; margin:90px auto; width:457px; font-size:0.75em; line-height:1.2em; color: #999; text-align:left; }
#envoyerAmi.envoyerAmi #envoyerAmiBtnClose { position: absolute; top:0; right:0; margin: 5px 5px 0 0; cursor: pointer;}
#envoyerAmi.envoyerAmi .envoyerAmiFooter { clear:both; overflow:hidden; background:url(../images/box/bg-envoyer-ami.png) no-repeat bottom left; height:20px; }
#envoyerAmi.envoyerAmi .envoyerAmiInner {overflow:hidden; height:auto; _height:1%; padding: 30px 30px 0 30px; background: transparent url(../images/box/bg-envoyer-ami.png) no-repeat top left;}

.envoyerAmi .envoyerAmiInner p { margin: 0;}
.envoyerAmi .envoyerAmiInner h1 {background:url(../images/icones/enveloppe.gif) no-repeat ; height:41px; font-size:1.4em; padding-left: 50px; }
.envoyerAmi .envoyerAmiInner .description {color:#999; padding-bottom: 15px; }
.envoyerAmi .envoyerAmiInner .description h4 { font-size:1em; padding-top: 8px; }
.envoyerAmi .envoyerAmiInner .description img {  padding: 10px 10px 10px 0; float: left; }

.envoyerAmi .formV1 .question label {width:44%;}
.envoyerAmi .formV1 .question textarea {width:95%;}


.questcequonmange {background:url(../../concours/questcequonmange/bg.jpg) no-repeat top left; height:551px; width:468px; position:relative;}
.questcequonmange .btn {display:block; height:395px; left:0; position:absolute; text-indent:-9999px; top:0; width:456px;}
.questcequonmange .btn1 {bottom:80px; display:block; height:50px; left:60px; position:absolute; text-indent:-9999px; width:222px;}
.questcequonmange .btn2 {bottom:80px; display:block; height:50px; left:285px; position:absolute; text-indent:-9999px; width:113px;}
.questcequonmange .btn3 {bottom:7px; display:block; height:75px; left:383px; position:absolute; text-indent:-9999px; width:71px;} 
.questcequonmangesuite h2 {color:#83B551;}
.questcequonmangesuite a.btn {background:url(../../concours/questcequonmange/btn.jpg) no-repeat bottom left; color:#FFFFFF; display:block; font-size:17px; height:40px; text-align:center; width:110px; line-height:34px; float:left; margin:15px;}
.questcequonmangesuite a:hover.btn {background:url(../../concours/questcequonmange/btn.jpg) no-repeat top left; text-decoration:none;}

.starfrit {background:url(../../concours/starfrit/concours_image.jpg) no-repeat top left; height:900px; width:470px; position:relative;}
.starfrit .btn {display:block; height:54px; left:137px; position:absolute; text-indent:-9999px; top:449px; width:200px;}
.starfrit .btn1 {bottom:140px; display:block; height:50px; left:0; position:absolute; text-indent:-9999px; width:204px;}
.starfrit .btn2 {bottom:140px; display:block; height:50px; right:0; position:absolute; text-indent:-9999px; width:204px;}
.starfrit .btn3 {bottom:47px; display:block; height:50px; left:0; position:absolute; text-indent:-9999px; width:204px;}
.starfritInscription {position:relative;}
.starfritInscription .prix {float:left; text-align:center; width:50%; padding:0 0 20px 0; }
.starfritInscription .prix .nom {padding:10px 0;}
.starfritInscription .btn {display:block; height:38px; left:0; position:absolute; text-indent:-9999px; top:93px; width:200px;}
.starfritInscription .btn1  {display:block; height:38px; right:0; position:absolute; text-indent:-9999px; top:93px; width:200px;}

.derniereRecettesEmission { background:url(../images/fondBoxRecetteEmission.jpg) no-repeat top left; width:460px; height:245px; position:relative;}
.derniereRecettesEmission .linkTop {display:block; height:24px; left:10px; top:10px; width:150px; position:absolute; text-indent:-9999px;}
.derniereRecettesEmission .linkSide{display:block; height:245px; right:0; top:0; width:210px; position:absolute; text-indent:-9999px; z-index:8;}
.derniereRecettesEmission .linkBox {width:50%; position:absolute; top:50px; left:10px; height:245px;}
.derniereRecettesEmission .linkBox .itemList {padding:0px;}
.derniereRecettesEmission .linkBox .itemList .imageList {margin-bottom:4px;}
.derniereRecettesEmission .linkBox .itemList  textList { padding-top:10px;}
.derniereRecettesEmission .plusderecette {display:block; text-align:right;}

.concoursGagnant table tr td {text-transform:capitalize;}
.nomGagnant {font-weight:bold;padding-right:15px;}
#VHAbox {height:262px; margin:5px 0 0 5px; position:relative; width:477px; float:left; background:#FFF;}
#VHAbox .titleStripe {position:absolute; top:0; left:0; width:488px; height:31px; line-height:31px; color:#FFFFFF; background:url("../images/vha/noirTransparent.png") repeat scroll 0 0 transparent;z-index:9999;}
#VHAbox .vhaContainer {position:absolute; top:0; left:0px; opacity:0; }
#VHAbox .VHAdescription {position:absolute; top:190px; left:0; width:477px; height:45px;}
#VHAbox .VHAdescription .square {width:38px; height:45px; background:#81AC56; float:left; }
#VHAbox .VHAdescription .square2 {float:left; background:url("../images/vha/noirTransparent.png") repeat; height:45px; width:433px; margin-left:6px;}
#VHAbox .descriptionHolder {height:45px; left:42px; padding:10px 0 0 10px; position:absolute; top:180px; width:425px;}
#VHAbox .descriptionHolder h2 a,
#VHAbox .descriptionHolder h2 {color:#FFFFFF; font-size:13px; font-weight:bold; line-height:23px; text-transform:uppercase;}
#VHAbox .descriptionHolder span{color:#FFFFFF; display:block; float:left; font-size:12px; font-weight:normal; width:375px; line-height:15px; margin-top:4px;}
#VHAbox .descriptionHolder a:hover.voirPlus {text-decoration:none; }
#VHAbox .descriptionHolder .voirPlus strong {color:#fff; font-size:14px;}
#VHAbox .nav {position:absolute; bottom:4px; right:10px; outline:none; -moz-outline-style:none; outline:none; -moz-outline-style:none;}
#VHAbox .nav a {float:left; background-image:url("../images/vha/navBTNvha.png"); background-position:right top; background-repeat:no-repeat; display:block; text-indent:-9999px; width:17px; height:17px; margin:2px 3px; outline:none; -moz-outline-style:none;}
#VHAbox .nav a.active{background-position:left top; outline:none; -moz-outline-style:none;}
#VHAbox .titleStripe h2 {background:url("../images/vha/titleOrangeSquare.png") no-repeat scroll left 9px transparent; float:left; height:31px; line-height:31px; margin-left:10px; padding-left:10px; text-transform:uppercase;  }