@charset "UTF-8";
/*
@import "workflow.css";
*/
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;}
/*fonts.css*/
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}
a {color:#00b1eb}
.sep {clear:both; display:block;}
.small {font-size:0.95em; font-weight:normal;}
img.left, .left img  {margin:0 10px 0 0;}
img.right, .right img  {margin:0 0 0 10px;}
img.middle { vertical-align:middle}
ul.list {padding-left:20px;}
ul.list li {list-style:disc;padding-bottom:0.5em;}
body {color:#fff; background:#004d96;}
p.legal {padding-top:8px;}
.legal, .legal p, p.legal {font-size:11px; line-height:15px;}
.image-droite { float:right; margin:0 10px 0 10px;}
.image-gauche {float:left; margin:0 10px 10px 0;}
.tableau-bordure {border:1px solid #999; border-width:1px 1px 0 0;  width:100%;}
.tableau-bordure td, .tableau-bordure th {border:1px solid #999; border-width:0 0 1px 1px; padding:5px; vertical-align:top;}
.tableau-bordure th {background:#e5e5e5;}
.tableau-simple {border:none; width:100%;}
.tableau-simple td {border:none; padding:5px; vertical-align:top;}
div.encadre1 { padding:1em; margin:0 0 0.5em 0; background:#ff9; border:1px solid #BAB677;}
div.encadre2 { padding:1em; margin:0 0 0.5em 0; background:#eee; border:1px solid #999}

/*
---------------------
TOP & NAV
---------------------
*/
#top {background:url(../i/bg/top.png) no-repeat 240px 0; height:130px; position:absolute; top:0; width:100%; z-index:2000; }
#top #logo { position:absolute; top:0; left:0; width:240px;}
#top #logo a {text-decoration:none;}
#top .brand {padding:0 0 0 249px;}
#top .ban h3 { height:80px; overflow:hidden;}
#top .ban h3 { color:#00b1e6; font-size:30px; padding-top:30px; line-height:38px; height:38px; font-weight:normal; letter-spacing:-1px; padding-bottom:0; margin:0;}
#extranav {}
#extranav ul { width:993px; height:24px;}
#extranav ul li {display:block; margin:0 0 0 14px; float:right; padding:0;}
#extranav ul li a {text-decoration:none;}
/* background:url(../i/bg/ombre.png) no-repeat 2px 2px; width:186px; height:26px;}
#extranav ul li:hover { }
#extranav ul li a { display:block; text-align:center; color:#fff; font-size:13px; text-decoration:none; line-height:24px; background:#fc0; width:182px; height:24px;}
*/

#nav { overflow:hidden; padding: 0 0 0;}
#nav ul {}
#nav ul li {display:block; margin:0 0 5px 0; padding:0; background:url(../i/bg/ombre.png) no-repeat 2px 2px; width:186px; height:26px;}
#nav ul li a { display:block; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; line-height:24px; padding:0 }
#nav ul li span { display:block; padding:0 5px 0 10px; margin-right:4px;font-size:13px; line-height:24px;}
#nav ul li.li-pres span {background:#00B1EB;}
#nav ul li.li-pres span:hover {background:#00CFFF;}
#nav ul li.li-prod span {background:#EF7C00;}
#nav ul li.li-prod span:hover {background:#FF7F00;}
#nav ul li.li-recettes span {background:#F086AA;}
#nav ul li.li-recettes span:hover {background:#FF92BC;}
#nav ul li.li-confidences span {background:#965DA3;}
#nav ul li.li-confidences span:hover {background:#AB6CBA;}
#nav ul li.li-conseils span {background:#C8D400;}
#nav ul li.li-conseils span:hover {background:#DDDD00;}
#nav ul li.li-ecoute {margin-top:40px;}
#nav ul li.li-ecoute span {background:#004B97;}
#nav ul li.li-ecoute span:hover {background:#0060AF;}

#nav ul li.sub {background:none; height:auto; margin:0 0 3px 10px}
#nav ul li.sub a  {background:none; height:auto; line-height:16px; padding:3px 0;}

body .content strong.nonsucre {color:#0097DD;}
body .content strong.forme {color:#39AA34;}
body .content strong.gourmand {color:#EF7C00;}
.pagePres .content strong {color:#00B1EB;}
.pageRecettes .content strong {color:#F086AA;}
.pageConseils .content strong {color:#C8D400;}
.pageEcoute .content strong {color:#004B97;}
.pageAime .content strong {color:#965DA3;}

/*
---------------------
MAIN
---------------------
*/
.main {background:#fff5bd url(../i/bg/main.gif) repeat; color:#81331b; margin-top:82px; min-width:1002px;}

.content { font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.content p,
.content li { line-height:19px;}
.content p { padding-bottom:1em;}
.content p.intro {font-size:15px;}
.content .intro p {font-size:15px;}
.content ul,
.content ol { padding-bottom:1em; padding-top:0; padding-left:1em;}
.content li { list-style:disc; padding-left:0; padding-bottom:0.125em;}

.main .split {background:url(../i/bg/colc.gif) repeat-y 764px 0;}
.main .split .splitIn {width:1002px;}
.main .split .colA {float:left; width:249px; margin-top:95px; }
.main .split .colB {float:left; width:500px; margin-right:15px; overflow:hidden; margin-top:88px;}
.main .split .colC {float:left; width:238px; overflow:hidden; }
.main .split .colC .img { background:#fff; float:left; margin-top:90px; border:6px #FFF solid; width:226px; overflow:hidden; }
.main .split .colC .img img { width:226px;}

.main .demi {}
.main .demi .col1 {float:left; width:240px; margin-right:15px; overflow:hidden;}
.main .demi .col2 {float:left; width:240px; overflow:hidden;}
.main .demi .col12 {clear:both; width:495px; overflow:hidden;}

/* Only if not flash 9 */
#colScroll {position:relative;}
#colScrollIn {position:absolute; top:0; z-index:500;}
#colScrollIn img {margin:0 0 4px 0;}

#frise {padding-left:4px;}

.title {}
h1 {font-size:24px; /*color:#FBCB0C;*/ color:#81331b; line-height:26px; margin:0 0 20px 0; padding:0;}
h1 a:link, h1 a:visited {color:#eb0;text-decoration:underline; }
h1 a:hover, h1 a:active {color:#369;text-decoration:underline}
h2 {font-size:18px; /*color:#FF8A0B;*/ color:#81331b; line-height:18px; margin:4px 0; padding:0;}
h3 {font-size:18px; /*color:#eb0;*/ color:#81331b; line-height:18px; margin:0; padding: 4px 0; font-weight: normal;}
h4 {font-size:16px;}


/*
---------------------
BOT
---------------------
*/
#footer { background:#004d96; color:#fff; padding:0 20px 4px 249px;}
#footer #links {width:100%}
#footer #links .items {}
#footer #links table {width:100%;}
#footer #links table th,
#footer #links table td {color:#fff; vertical-align:top; font-size:14px; padding:4px 0;}
#footer #links table th { text-align:right; padding-right:8px;}
#footer #links table td { text-align:left;}
#footer #links table td a {color:#00b1e6; text-decoration:none;}
#footer #links table td a:hover {text-decoration:underline;}
#footer p.copyright { color:#003; font-size:11px; text-align:left;}
#footer p.copyright a { color:#003;} 
#footer #phrase { padding-bottom:5px;color:#ecf6ff; font-weight:normal;}
#footer #phrase a {color:#ecf6ff; text-decoration:none;}
/*
---------------------
FORM
---------------------
*/
.interactif {}
.interactif h4 { border-top:2px solid #fff;color:#999; line-height:20px; margin: 0; padding:4px 0; font-weight: bold; border-top : 1px solid #E5E5E5;  background : #fff url(../i/bg_interactif.gif) repeat-x; padding:0 0 0 4px; margin-top:8px}
.fitem, .fbutton {padding:6px 4px; margin-bottom:0; background:#ff9; border-top:1px solid #81331B; border-bottom:1px solid #fff;}
.fitem p.label {font-weight:bold; padding:0 0 6px 0}
.fitem textarea {width:99%}
.fbutton {border-top-width:1px; border-bottom:1px solid #81331B; background:#ff6; text-align:center; margin-bottom:8px;}
.main .content .fbutton p {padding:0;}
input.formv {color:#000; font-size:12px;}
/*
---------------------
NL N TAF
---------------------
*/
.newsletter-a {margin:10px 0; width:185px; background: #F397B7; -webkit-border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0;  border-radius:0 20px 20px 0;}
/*
background:#ffc; border:1px solid #FFCC66; border-left:none;
.newsletter-a .nl-t { background:url(../i/nl/nl-bloc-t.gif) no-repeat top left; height:87px;}
.newsletter-a .nl-m { background:url(../i/nl/nl-bloc-m.gif) repeat-y top left; padding:0 8px}
.newsletter-a .nl-b { background:url(../i/nl/nl-bloc-b.gif) no-repeat top left; height:11px;}
*/
.newsletter-a .nl-m {  padding:0 4px 0 10px}
.newsletter-a h2 { margin:0; padding-top:8px; color:#fff;font-family:Georgia, "Times New Roman", Times, serif;}
.newsletter-a .nl-m p {margin:0; padding:4px 0; font-size:12px; color:#be3968;}
.newsletter-a .nl-fields input { width:156px; border: 1px solid #F3578E; padding:2px 0; color:#be3968; text-align:center; font-size:11px;}
.newsletter-a .nl-fields .nl-bt { display:block; color:#fff;  text-align:center; height:19px; width:156px; background:url(../i/nl/newsletter-bt.gif) no-repeat top right; text-decoration:none; margin-top:4px; line-height: 19px; }
.newsletter-a .nl-gif {padding:4px 0;}
.newsletter-a .nl-gif td {padding:0; margin:0}
.newsletter-a .nl-gif h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fff; line-height:18px; font-weight:bold;} 
.newsletter-a .nl-gif h3 span {color:#be3968; display:block;}
.newsletter-a td.nl-gif-detail {padding:2px 0 0; color:#be3968; font-size:11px;}

.taf {margin:10px 10px 0 0; background:#f397b7 url(../i/nl/tell-a-friend-illu.gif) right top no-repeat; border:1px solid #f397b7; border-width:1px 0;}
.taf .taf-intro {border-top:1px solid #fff; padding:5px 10px 0;}
.taf p {margin:0; padding:4px 0; font-size:13px; color:#fff;}
.taf .taf-fields {padding:0 10px 5px; border-bottom:1px solid #fff;}
.taf .taf-fields input { width:280px; border: 1px solid #F3578E; padding:3px 0 3px 3px; color:#999;}
.taf .taf-fields .taf-bt { display:block; color:#fff; background:url(../i/nl/bt.gif); text-align:center; height:19px; width:208px; background:url(../i/nl/bt.gif) no-repeat; text-decoration:none; margin-top:4px; }
.taf .taf-ast {font-size:11px; color:#f397b7; padding:5px 230px 0 0}



/*
---------------------
QUIZZ
---------------------
*/
.quizz { padding-bottom:20px;}
.quizz h3 {font-size:14px; margin-top:0; padding-top:0  }
.quizz h3 a {text-decoration:none}
.quizz .cg input {margin-top:4px}
.quizz table td {padding:0 10px 10px 0; vertical-align:top;}
.qReponse {text-align:left}
.qReponse h3 {color:#fff}
.qReponse p {color:#3B2F00}
.qReponse .true  h3 {color:#009900}
.qReponse .true p {color:#1B431A}

.cg {background:  url(../i/f/cg02.gif) no-repeat bottom right; color:#000;}
.cgIn {background:  url(../i/f/cg01.gif) no-repeat; padding:8px; color:#000;}

.cj {background:  url(../i/f/cj04.gif) no-repeat bottom right;}
.cjIn {background:  url(../i/f/cj03.gif) no-repeat bottom left;}
.cjIn2 {background:  url(../i/f/cj02.gif) no-repeat top right;}
.cjIn3 {background:  url(../i/f/cj01.gif) no-repeat top left; padding:8px}

.cv {background:  url(../i/f/cv04.gif) no-repeat bottom right; }
.cvIn {background:  url(../i/f/cv03.gif) no-repeat bottom left;}
.cvIn2 {background:  url(../i/f/cv02.gif) no-repeat top right;}
.cvIn3 {background:  url(../i/f/cv01.gif) no-repeat top left; padding:8px}

.cvc {background:  url(../i/f/cvc04.gif) no-repeat bottom right; color:#000;}
.cvcIn {background:  url(../i/f/cvc03.gif) no-repeat bottom left;}
.cvcIn2 {background:  url(../i/f/cvc02.gif) no-repeat top right;}
.cvcIn3 {background:  url(../i/f/cvc01.gif) no-repeat top left; padding:8px}

.cr {background:  url(../i/f/cr02.gif) no-repeat bottom right; color:#000;  }
.cr .in {background:  url(../i/f/cr01.gif) no-repeat; padding:8px}

.cb {background:  url(../i/f/cb02.gif) no-repeat bottom right; color:#000; }
.cb .in {background:  url(../i/f/cb01.gif) no-repeat; padding:8px}

.cve {background:  url(../i/f/cve02.gif) no-repeat bottom right; color:#000;  }
.cve .in {background:  url(../i/f/cve01.gif) no-repeat; padding:8px}

.rA.true .cj, .rB.true .cj, .rC.true .cj, .rD.true .cj, .true .cj {background:  url(../i/f/cv04.gif) no-repeat bottom right;}
.rA.true .cjIn, .rB.true .cjIn, .rC.true .cjIn, .rD.true .cjIn, .true .cjIn {background:  url(../i/f/cv03.gif) no-repeat bottom left;}
.rA.true .cjIn2, .rB.true .cjIn2, .rC.true .cjIn2, .rD.true .cjIn2, .true .cjIn2 {background:  url(../i/f/cv02.gif) no-repeat top right;}
.rA.true .cjIn3, .rB.true .cjIn3, .rC.true .cjIn3, .rD.true .cjIn3, .true .cjIn3  {background:  url(../i/f/cv01.gif) no-repeat top left;}

/* PAGIN */
.pagin 	{  height:19px; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px;  margin-top:4px; }
.pagin ul {margin:0; padding:0; height:19px; list-style:none; float:left }
.pagin li, .text .pagin li {margin:0; padding:0; height:19px; background:#fff; display:block; float:left; width:19px; margin:0 4px; line-height:normal;}
.pagin li a {display:block; float:left; width:19px; height:19px; background:#fff url(../i/pagin/nb.gif); line-height:19px; text-align:center;  color:#4189dd; font-size:11px;}
.pagin li a:hover {background:#fff url(../i/pagin/nb_.gif);}
.pagin li.sel a, .pagin li.sel a:hover {color:#fff; background:#fff url(../i/pagin/nbs.gif);}
.pagin li.next {background: url(../i/pagin/next_.gif);}
.pagin li.next a, .pagin li.next a:hover {background: url(../i/pagin/next.gif);}
.pagin li.back {background: url(../i/pagin/back_.gif);}
.pagin li.back a, .pagin li.back a:hover {background: url(../i/pagin/back.gif);}
.pagin li.last {background:#fff url(../i/pagin/last_.gif)}
.pagin li.last a, .pagin li.last a:hover {background:#fff url(../i/pagin/last.gif)}
.pagin li.first {background:#fff url(../i/pagin/first_.gif)}
.pagin li.first a, .pagin li.first a:hover {background:#fff url(../i/pagin/first.gif)}
.pagin li.pginfo,
.pagin li.pginfo2 { width:100px; text-align:right; font-size:11px; line-height:19px; color:#81331b;}
.pagin li.pginfo2 {text-align:left;}

.share { background:#fff; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; padding:10px 10px 5px; margin:10px 0 15px}
.share .shareTitle { font-weight:bold; background:url(../i/share/partager.gif) no-repeat; height:26px; font-size:10px; color:#960; margin:0; padding:0;}
.share a { color:#ef7a00; font-weight:bold; text-decoration:none; line-height:35px}
.share a:hover {  text-decoration:underline;}
.share .shareTitle em { display:none;}
.share .shareLike { padding-bottom:0; padding-top:5px; margin-top:5px; border-top:1px solid #fc6;}
.share .shareLikeIframe {border:none; overflow:hidden; width:95%; height:28px;}
.share .shareFacebook {background:url(../i/share/facebook-s.png) no-repeat;height:40px; float:left; width:150px; margin-right:10px}
.share .shareFacebook a {display:block; padding:5px 0 0 45px; }
.share .shareTwitter {background:url(../i/share/twitter-s.png) no-repeat;height:40px; float:left; width:150px; margin-right:10px}
.share .shareTwitter a {display:block; padding:5px 0 0 45px; }
.share .shareBlog {background:url(../i/share/embed-s.png) no-repeat;height:40px; float:left; width:150px;}
.share .shareBlog a {display:block; padding:5px 0 0 45px; }
.share { background:#ffc; border:1px solid #fc6}