html {background:#eee} body {min-width:952px;font-family:Trebuchet MS, Arial, Helvetica;} body, p, li {font-size:12px;} A, A:link, A:visited, A:active { color:#97c446; text-decoration:none; outline:none; } A:hover {color:#000; text-decoration:none; outline:none;} h1, h2, h3, .title {font-family:Trebuchet MS, Arial, Helvetica; } h1, #details h2 {font-size:24px; color:#9e9c9c; font-weight:normal; margin:12px 0 0 0;padding:0;text-transform:uppercase;} h2 {font-size:14px; color:#9e9c9c; font-weight:normal; padding:0;} h3 {font-size:14px; color:#9e9c9c; font-weight:bold; padding:0 0 12px 0;text-transform:uppercase;} h4 {font-size:14px;color:#b7b7b7;padding:0 0 12px 0;} h1 span, #details h2 span, h2 span {color:#97c446;} #details h2 {margin-bottom:43px;} P { padding: 0px 0px 15px 0px; } /* EM { font-style: italic; } */ ol li { list-style-position:outside;margin-left:19px;} ol li ol li {list-style-type:lower-alpha;} SUP { font-size: 0.7em;} .nobr { white-space:nowrap; } .min { text-transform:lowercase;font-style:normal;} span.min {color:#9e9c9c !important;} /* Util */ .clearer {clear:both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *html .clearfix { height:1px; } *+html .clearfix { display:inline-block; } hr { display:none; } #wrapSite { padding-top:81px; width:100%; text-align:left; position:relative; background:#fff; } #bd {position:relative;width:952px;margin:0 auto;padding-bottom:50px;background:#fff;display:block;} /* Header */ #hd {height:120px;position:relative;margin-bottom:12px;padding:0;display:block;} #hd a.logo {text-indent:-9999px;display:block;width:197px;height:120px;} #hd #menuTop {position:absolute;top:2px;right:0px;} #hd #menuTop li {float:left; text-transform:uppercase;margin-left:20px;} #hd #menuTop li a {color:#757575;} #newsletter-hd {position:absolute;top:-81px;right:0;height:81px;color:#8C8C8C;z-index:200;} #newsletter-hd .newsletter-ct { float:right;background:#eee;padding:4px; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px; } #newsletter-hd .newsletter-ct ul#form {margin:0;padding:0;} #newsletter-hd .newsletter-ct ul#form li {margin:0 5px 0 0;padding:0;border:none;float:left;position:relative;} #newsletter-hd .newsletter-ct ul#form li label {position:absolute;top:4px;left:8px;color:#757575;} #newsletter-hd .newsletter-ct ul#form li input {border-top:1px solid #8e8e8e;padding-left:7px;} #newsletter-hd .newsletter-ct ul#form li.error input {border:1px solid #97c446;background:#CEE3A8;} #newsletter-hd .newsletter-ct ul#form li.error label {color:#97c446;} #newsletter-hd .newsletter-ct ul#form li.btn-newsletter a.btn-rond { -moz-border-radius:5px;-webkit-border-radius:5px;padding:4px;display:block; } #newsletter-hd .newsletter-ct ul#form li#inscrivez-vous { display:block;text-indent:-9999px;width:225px;height:24px;margin-left:11px;} *html #newsletter-hd .newsletter-ct ul#form li label {top:5px;} *html #newsletter-hd .newsletter-ct ul#form li.btn-newsletter {margin-top:1px;} *html #newsletter-hd .newsletter-ct ul#form li#inscrivez-vous {margin-left:5px;} /* Content */ #ct {width:952px;font-size:12px;position:relative;margin-top:-14px; font-family:Arial, Verdana, Helvetica, Sans-Serif;color:#8c8c8c;} .conseils-igor { background:url(/static/images/conseils-igor.gif) no-repeat; padding:10px 0 0 80px;height:75px;margin-bottom:10px; } #conseils-dossier-special {height:90px;background:url(/static/images/conseils-dossier-special.gif) 0 5px no-repeat;padding-left:100px;} .boite-lunch-link { background:url(/static/images/push-page-boite-lunch.gif) no-repeat 0 2px; padding:10px 0 0 80px;height:75px;margin-bottom:10px; } .suggestions-barbecue-link { background:url(/static/images/push-page-suggestions-barbecue.gif) no-repeat 0 2px; padding:10px 0 0 80px;height:75px;margin-bottom:10px; } #cuisine-ct .conseils-igor h2, #cuisine-ct .boite-lunch-link h2, #cuisine-ct .suggestions-barbecue-link h2 {margin:0;} /***** title icones *****/ .title {font-size:14px;color:#b7b7b7;padding:1px 0 0 80px;position:relative;z-index:1;background:url(/static/images/h1-default.gif) no-repeat;line-height:22px;}/* */ #planificateur.title {background:url(/static/images/h1-planificateur.gif) no-repeat;padding-left:125px;} #coloriages.title {background:url(/static/images/h1-coloriages.gif) no-repeat;padding-left:90px;} #cuisine.title {background:url(/static/images/h1-cuisine.gif) no-repeat;padding-left:115px;} #cuisine-boite-lunch {background:url(/static/images/h1-boite-lunch.gif) no-repeat;padding-left:115px;} #sorties.title {background:url(/static/images/h1-sorties.gif) no-repeat;padding-left:160px;} #education.title {background:url(/static/images/h1-education.gif) no-repeat;padding-left:126px;} #vie-pratique.title {background:url(/static/images/h1-vie-pratique.gif) no-repeat;padding-left:105px;} #multimedia.title {background:url(/static/images/h1-multimedia.gif) no-repeat;padding-left:90px;} #faq.title, #nouvelles.title {background:url(/static/images/h1-faq.gif) no-repeat;padding-left:85px;} #nouvelles.title {background-position:0 9px;} .title, #planificateur.title, #coloriages.title, #cuisine.title, #sorties.title, #education.title, #vie-pratique.title, #multimedia.title, #produits.title, #faq.title, #default.title, #nouvelles.title {height:94px;} #cuisine-boite-lunch {background-position:0 9px;} #cuisine-boite-lunch.title {height:120px;} /* 2 colonne */ .colMain, .colRight {float:left;width:661px/*671*/;margin-right:8px;} .colRight {float:right;width:269px;margin-right:0;position:relative;right:-15px;} /* Footer */ #ft { width:100%;margin-bottom:20px;padding-top:80px; background:#fff url(/static/images/bg-site.gif) repeat-x bottom center; } .Home #ft {padding-top:0;} #ft #ft-content {width:952px;margin:0 auto;} #ft #ft-content div.hr {height: 2px; background: url(../images/hr.gif) repeat-x;} #ft #ft-content div.hr hr { display: none; } #ft #ft-content #copyright {margin-top:5px; float:left;} #ft #ft-content #logo_saputo {float:right; margin-top:5px;} #ft #ft-content .tousDroit {font-size:11px; color:#A9A7A7; float:left; margin:8px 0 0 1px; } #ft #ft-content .footerMenu {float:left; } #ft #ft-content .footerMenu li {float:left; font-size:11px; margin:8px 0 0 10px;} #ft #ft-content .footerMenu li a {text-decoration:underline;color:#A9A7A7; background:url(/static/images/legal-separator.gif) left center no-repeat; padding-left:10px; } #ft #ft-content #marqueDep{ float:right; color:#A9A7A7; font-size:11px; margin-top:10px; padding-right:8px;} #ft #ft-content #marqueDep sup{ font-size:85%;} #ft #ft-content .super {font-size: 0.7em; vertical-align: text-top;} /* Home */ #promo {width:977px;height:400px;position:relative;} #tabs {width:952px;height:310px;position:relative;margin-left:-25px;padding-top:35px;} #tabs ul {width:112px;margin:0 0 0 0;padding:0;font-family:Trebuchet MS, Arial;position:relative;} #tabs a.prev, #tabs a.next {width:73px;height:20px;position:absolute;top:0;right:3px;display:block;text-indent:-9999px;background:url(/static/images/home/home-nav-btn.gif) no-repeat;} #tabs a.prev {background-position:0 0;} #tabs a.prev:hover {background-position:-73px 0;} #tabs a.next {top:275px;background-position:0 -20px;} #tabs a.next:hover {background-position:-73px -20px;} #tabs-wrap {position:absolute;top:30px;right:20px;width:112px;} #tabs-nav {top:28px;position:relative;height:244px;overflow:hidden;} #tabs ul li {display:block;height:74px;background:url(/static/images/promo-active.gif) no-repeat;margin:0;padding:0 0 8px 0;} *html #tabs ul li {display:inline;} *+html #tabs ul li {display:inline;} #tabs ul li a.current {background:url(/static/images/promo-selected.gif) no-repeat;} #tabs ul li a.current, #tabs ul li a.current:hover {color:#fff;} #tabs ul li a:hover {color:#97c446;} #tabs ul li a {color:#9e9c9c;margin:0 0 0 0;padding:0;display:block;height:82px;position:relative;} #tabs ul li a span {position:absolute;top:4px;right:6px;display:block;height:66px;width:66px;} #tabs ul li#li1 a span {background-image:url(/static/images/home/promo-produits.gif);} #tabs ul li#li2 a span {background-image:url(/static/images/home/promo-concours.gif);} #tabs ul li#li3 a span {background-image:url(/static/images/home/promo-boite-lunch-2.gif);} #tabs ul li#li4 a span {background-image:url(/static/images/home/promo3.gif);} #tabs .promo-ct {margin-top:30px;} #tabs .promo-ct-wrap {float:left;width:470px;height:310px;padding-left:384px;margin:20px 0 0 20px;} #tabs .promo-ct-wrap .promo-ct {width:330px;} #tabs .promo-ct-wrap h2 {font-size:24px;color:#9e9c9c;margin-bottom:14px; text-transform:uppercase;} #tabs .promo-ct-wrap h2 span {color:#97c446;} #tabs .promo-ct-wrap p {line-height:22px;font-size:14px;} #tabs a.savoir-plus {margin-top:20px;float:right;color:#888;background:#eee;padding:10px;-moz-border-radius: 7px;-webkit-border-radius: 7px;} #tabs a:hover.savoir-plus {background:#97c446;color:#fff;} #tabs .promo-ct-wrap {background-position:0 -30px; background-repeat:no-repeat;} #tabs #tabs1, #tabs #tabs1 .promo-ct, #tabs #tabs2, #tabs #tabs2 .promo-ct {padding:0 0 0 20px;margin:0;} #tabs #tabs1, #tabs #tabs2 {position:absolute;top:0px;left:0;} #tabs #tabs3 {background-image:url(/static/images/home/home-cuisine-boite-lunch-2.jpg);} #tabs #tabs4 {background-image:url(/static/images/home/home-coloriage.jpg);} #tabs #tabs4.promo-ct-wrap {background-position:0 0;} .ui-tabs .ui-tabs-hide {display: none;} /* Concours produits */ a#concours-produits {display:block;width:937px;height:171px;position:relative;top:-12px;text-indent:-9999px;} *html a#concours-produits {cursor:pointer;background:none;} /***** Commun ****/ #ct a.btn-rond, a.btn-rond {color:#888;text-transform:uppercase;-moz-border-radius: 7px;-webkit-border-radius: 7px;background:#fff;padding:7px;} #ct a.btn-rond:hover, a.btn-rond:hover {background:#97c446;color:#fff;} #ct a.btn-rond:hover img, a.btn-rond:hover img {visibility:hidden;} #ct a.btn-rond-gris, a.btn-rond-gris {display:inline-block;padding:20px 12px;background:#eee;color:#888;text-transform:uppercase;-moz-border-radius: 7px;-webkit-border-radius: 7px;} #ct a.btn-rond-gris:hover, a.btn-rond-gris:hover {background:#97c446;color:#fff;} #ct a.btn-rond-gris:hover img, a.btn-rond-gris:hover img {visibility:hidden;} #ct a.ajouter-inviter {padding:7px;} #ct .pos1, #ct .pos2, #ct .pos3 {margin-top:20px;} #ct .pos1 {margin-left:69px;} #ct .pos2 {margin-left:190px;} #ct .pos3 {margin-left:44px;} .cadre-rond, .cadre-rond-blanc {-moz-border-radius:7px;-webkit-border-radius:7px;background:#eee;} .cadre-rond-blanc {background:#fff;} .btn-right, .txtRight {text-align:right;} .btn-center {text-align:center;} .btn-center a {text-align:left;} .mg-top {margin-top:20px;} .mg-bottom {margin-bottom:20px;} .img-lt {float:left;margin:0 42px 42px 0;} .img-rt {float:right;margin:0 0 20px 40px;} .mg-right {margin-right:10px;} /* Navigation */ #menuMain {position:absolute;top:36px;/*left:244px;*/right:0;} #menuMain li {float:left;font-size:14px;/*margin-right:5px;*/margin-left:5px;} #menuMain li, #menuMain li a {height:37px;} #menuMain li.selected, #menuMain li.selected a {height:37px;} #menuSub {display:none;} /* sous menu static */ #sousmenu li {position:relative;font-size:14px;padding:18px 0;float:left;margin-right:10px;} #sousmenu li, #sousmenu li a {width:140px;height:135px;} #sousmenu li.selected, #sousmenu li.selected a {height:135px;} #sousmenu li a {text-indent:-9999px;display:block;} #sousmenu li#canoo a {background:url(/static/images/menu-produits-canoo.gif) no-repeat;} #sousmenu li#canoo a:hover {background:url(/static/images/menu-produits-canoo-hover.gif) no-repeat;} #sousmenu li#bongo a {background:url(/static/images/menu-produits-bongo.gif) no-repeat;} #sousmenu li#bongo a:hover {background:url(/static/images/menu-produits-bongo-hover.gif) no-repeat;} #sousmenu li#bongo-chocolat a, #sousmenu li#bongo-chocolat {width:175px;} #sousmenu li#bongo-yogourt a, #sousmenu li#bongo-yogourt {width:199px;} #sousmenu li#conga a {background:url(/static/images/menu-produits-conga.gif) no-repeat;} #sousmenu li#conga a:hover {background:url(/static/images/menu-produits-conga-hover.gif) no-repeat;} #sousmenu li#conga-pepites a, #sousmenu li#conga-pepites {width:164px;} #sousmenu li#conga-chocolat a, #sousmenu li#conga-chocolat {width:147px;} #sousmenu li#bagaloo a {background:url(/static/images/menu-produits-bagaloo.gif) no-repeat;} #sousmenu li#bagaloo a:hover {background:url(/static/images/menu-produits-bagaloo-hover.gif) no-repeat;} #sousmenu li#bagaloo-collation a, #sousmenu li#bagaloo-collation {width:179px;height:139px;} /***** planificateur *****/ ul.plan-list {margin-bottom:10px;} ul.plan-list li {list-style-type:none; background:url(/static/images/icon-li.gif) 0 5px no-repeat;padding-left:10px;} ul.list-theme {} ul.list-theme li {float:left;} ul.list-theme li.first {width:140px;} ul.list-theme li.list-wide {width:170px;} ul.menu-etape {font-family:Trebuchet MS,Arial;width:661px;height:33px;padding:16px 0 0 14px;font-weight:bold;text-transform:uppercase;} ul#etape1.menu-etape {background:url(/static/images/planificateur-etape-1.gif) no-repeat;} ul#etape2.menu-etape {background:url(/static/images/planificateur-etape-2.gif) no-repeat;} ul#etape3.menu-etape {background:url(/static/images/planificateur-etape-3.gif) no-repeat;} ul.menu-etape li {float:left;width:204px;margin-right:16px;} ul.menu-etape li.selected {color:#fff;} ul.menu-etape li.last {margin:0 0 0 4px;} #conseils, #push-suggestions {margin-bottom:14px;} #conseils a {width:266px;height:237px;display:block;text-indent:-9999px;} #conseils-menu-hebdo {width:266px;height:237px;display:block;text-indent:-9999px;} #conseils-boite-lunch {width:266px;height:209px;display:block;text-indent:-9999px;} /* Forms / validation */ ul#form {font-family:Arial, Helvetica, Sans-Serif;padding:14px 0 0 69px;} ul#form li {border-top:1px dotted #a9a9a9;padding:20px 0 20px 43px;} ul#form li h2 {margin-left:-43px;font-family:Arial, Helvetica, Sans-Serif;text-transform:uppercase;font-weight:bold;margin-bottom:24px;} ul#form li ul li, ul#form li.first {border:none;} ul#form li ul li {padding:0 0 6px 0;} ul#form li.theme {padding-left:0;} ul#form li.theme h2 {margin-left:0;} ul#form li input, ul#form li textarea, ul#form li select {border:1px solid #cecece;padding:3px;} ul#form li span.no-border input {border:0px;} .special {color:#97c446;} ul#form h2.no-bot-margin {margin-bottom:0;} ul#form li ul.list {} ul#form li ul.list li {padding-bottom:12px;} ul#form li ul.list li label {width:200px;display:inline-block;} .destinataires-wrap {border-bottom:1px dotted #a9a9a9;margin-bottom:18px;padding-bottom:18px;} ul#form li ul.destinataires {} ul#form li ul.destinataires li {float:left;width:250px;} ul#form li ul.destinataires li.courriel {width:250px;} ul#form li ul.destinataires li.delete {width:10px;margin-top:4px;} ul#form li ul.destinataires li.delete a {padding:4px;} /* error */ ul#form li.error label, ul#form li.error h2, #form-popup ul#form li.error label {color:#97c446;} ul#form li.error input, ul#form li.error textarea, ul#form li.error select {border:1px solid #97c446;background:#CEE3A8;} #verifier-info {background:url(/static/images/bg-carton-apercu-resultat.gif) no-repeat;height:358px;margin:30px 0 20px 0;} #verifier-info ul li {float:left;padding:30px 10px 0 20px;/*padding:30px 20px 0 20px;width:274px;*/} #verifier-info ul li#liane {width:67px;padding-left:10px;} #verifier-info ul li#texte {width:225px;} #verifier-info ul li img {/*padding-top:30px;*/} #verifier-info ul li h3 {text-transform:uppercase;} #verifier-info .verifier-info-ct {} /******* Fiche produit *******/ #fiche-content {font-family:Arial, Helvetica, Sans-Serif;padding:10px 10px 0 10px;} #fiche-content h3 {color:#97c446;} #fiche-content .fiche-img {float:left;width:300px;} #fiche-content .fiche-details {float:left;width:370px;margin-top:22px;} #fiche-content .fiche-img .fiche-border {border:2px solid #000;} /******* FAQ ******/ #accordion {} #accordion a {background:url(/static/images/border-faq.gif) repeat-x;} #accordion a.ui-accordion-header { position:relative;font-weight:bold;display:block; color:#8c8c8c;font-size:13px;text-decoration:none;padding:10px 26px 10px 0;} #accordion a.ui-accordion-header span.ui-icon { position:absolute;top:8px;right:0px;width:20px; height:20px;background:url(/static/images/icon-plus.gif) 0 0 no-repeat;} #accordion a.ui-state-default {} #accordion a.ui-state-hover {color:#97C446;} #accordion a.ui-state-active {color:#97C446;} #accordion a.ui-state-active span.ui-icon { background:url(/static/images/icon-minus.gif) 0 0 no-repeat;} #accordion div.ui-accordion-content { /*line-height:17px;*/color:#8c8c8c;padding:10px 20px 10px 0;} #accordion div a {background:none;font-weight:bold;} /******* Planificateur résultats ******/ #accordion-resultats {margin:20px 0;} #accordion-resultats a, #accordion-resultats a.show span, #accordion-resultats a.hide span {font-size:14px;text-transform:uppercase;background:url(/static/images/border-resultats.gif) no-repeat;} #accordion-resultats a.show span, #accordion-resultats a.hide span {font-size:12px;background:none;} #accordion-resultats a span {text-transform:none;font-size:12px;color:#9e9c9c;} /* icon */ #accordion-resultats a#resultats-conseil strong {position:absolute;top:0;left:0;display:block;width:30px;height:43px;background:url(/static/images/icn-conseil.gif) 0 10px no-repeat;} #accordion-resultats a#resultats-costumes strong {position:absolute;top:0;left:0;display:block;width:30px;height:69px;background:url(/static/images/icn-costumes.gif) 0 10px no-repeat;} #accordion-resultats a#resultats-jeux strong {position:absolute;top:0;left:0;display:block;width:30px;height:60px;background:url(/static/images/icn-jeux.gif) 0 8px no-repeat;} #accordion-resultats a#resultats-menu strong {position:absolute;top:0;left:0;display:block;width:30px;height:41px;background:url(/static/images/icn-menu.gif) 0 12px no-repeat;} /* open state */ #accordion-resultats a#resultats-conseil.ui-state-active strong {background:url(/static/images/icn-conseil-selected.gif) 0 10px no-repeat;} #accordion-resultats a#resultats-costumes.ui-state-active strong {background:url(/static/images/icn-costumes-selected.gif) 0 10px no-repeat;} #accordion-resultats a#resultats-jeux.ui-state-active strong {background:url(/static/images/icn-jeux-selected.gif) 0 8px no-repeat;} #accordion-resultats a#resultats-menu.ui-state-active strong {background:url(/static/images/icn-menu-selected.gif) 0 12px no-repeat;} #accordion-resultats a.ui-accordion-header { position:relative;font-weight:bold;display:block; color:#8c8c8c;font-size:14px;text-decoration:none;padding:20px 26px 20px 40px;/*padding:10px 26px 10px 40px;*/} #accordion-resultats a.ui-accordion-header span.ui-icon { position:absolute;top:8px;right:0px;width:20px; height:20px;background:url(/static/images/icon-plus.gif) 0 0 no-repeat;} #accordion-resultats a.ui-state-default {} #accordion-resultats a.ui-state-hover, #accordion-resultats a.ui-state-active {color:#97c446;} #accordion-resultats a.ui-state-hover span, #accordion-resultats a.ui-state-active span {color:#9e9c9c;} #accordion-resultats a.ui-state-active span.ui-icon { background:url(/static/images/icon-minus.gif) 0 0 no-repeat;} #accordion-resultats div.ui-accordion-content {color:#8c8c8c;padding:0 20px 10px 40px;} #accordion-resultats div a {border:none;font-size:12px;text-transform:none;background:none;font-weight:bold;} #accordion-resultats .hide, #accordion-resultats .show-ct {display:none;} #accordion-resultats .show-ct {margin:10px 0;} #accordion-resultats ul {margin:0 0 12px 10px;} *html #accordion-resultats ul {margin:0 0 10px 8px;} #accordion-resultats ul li {list-style-type:none; background:url(/static/images/icon-li.gif) 0 5px no-repeat;padding:0 0 5px 7px;} #accordion-resultats .info-ct {} #accordion-resultats h2 {margin:10px 0 6px 0;text-transform:uppercase;font-family:Arial, Helvetica, Sans-Serif;color:#8C8C8C; font-weight:bold;} #accordion-resultats h3 {color:#97c446;margin-top:10px;padding-bottom:4px;text-transform:uppercase;font-family:Arial, Helvetica, Sans-Serif;font-weight:bold;font-size:12px;} #accordion-resultats ol {margin:5px 0 20px 30px;} *html #accordion-resultats ol {margin-left:32px;} #accordion-resultats ol li {margin-bottom:5px;} .hr { display:block;border:none;height:1px;background:url(/static/images/border-resultats.gif) no-repeat;} /**** Coloriages ****/ #coloriages-wrap {display:block;} .col-bricolages, .col-coloriages {position:relative;float:left;width:415px;height:562px;margin-right:17px;padding:23px 26px;} .col-coloriages {margin-right:0;} #coloriages-wrap h3, #coloriages-tous-wrap h3 {color:#97C446;} #coloriages-wrap ul {padding-top:34px;} #coloriages-wrap ul li {float:left;text-align:center;margin:0 40px 40px 0; background-position:top center;background-repeat:no-repeat;} #coloriages-wrap ul li.no-margin {margin-right:0;} #coloriages-wrap ul li a {text-transform:uppercase;font-size:11px;width:180px;height:23px;display:block;padding-top:157px;} #coloriages-wrap ul li a span, a.btnRond {color:#888;background:#fff;-moz-border-radius: 7px;-webkit-border-radius: 7px;padding:7px;} #coloriages-wrap ul li a:hover span, a.btnRond:hover {background:#97c446;color:#fff;} #coloriages-wrap .btn-rond {position:absolute;bottom:22px;right:26px;color:#888;} #autres-idees-wrap {display:block;margin-top:17px;padding:26px 26px;} #autres-idees-wrap ul li {float:left;width:500px;} #autres-idees-wrap ul li.first {width:270px;margin-right:57px;} #autres-idees-wrap ul li.first p, #autres-idees-wrap ul li ul li {font-size:14px;line-height:22px;} #autres-idees-wrap ul li ul {float:left;} #autres-idees-wrap ul li ul li {width:200px;float:none;} /* Page coloriages */ #coloriages-tous-wrap {display:block;margin-top:-14px;padding:23px 0 23px 26px;} #coloriages-tous-wrap ul {padding:34px 0 0 26px;} #coloriages-tous-wrap ul li {float:left;text-align:center;margin:0 40px 40px 0;background-position:top center; background-repeat:no-repeat;} #coloriages-tous-wrap ul li.no-margin {margin-right:0;} #coloriages-tous-wrap ul li a {text-transform:uppercase;font-size:11px;width:180px;height:23px;display:block;padding-top:157px;} #coloriages-tous-wrap ul li a span {color:#888;background:#fff;-moz-border-radius: 7px;-webkit-border-radius: 7px;padding:7px;} #coloriages-tous-wrap ul li a:hover span {color:#fff;background:#97c446;} #ct .pager {display:block;text-align:center;margin-top:30px;} #ct .pager a {color:#888;text-decoration:underline;} #ct .pager a:hover {color:#000;text-decoration:underline;} #ct .pager a.selected {color:#97c446;text-decoration:none;} #ct .pager #arrow-lt, .pager #arrow-rt {margin:0 5px -6px 5px;position:relative;display:inline-block;width:20px;height:20px;background:url(/static/images/arrow-lt.gif);} #ct .pager #arrow-rt {background:url(/static/images/arrow-rt.gif);} #ct .pager .num {margin:0 7px;} /* Page coloriage item */ .coloriages-item {display:block;text-align:center;position:relative;padding-right:30px;} .coloriages-item img {margin:30px 0;} .coloriages-item a img {margin:0 0 0 5px;} /* liste cuisine + sorties */ .list-img ul li {margin-bottom:33px;height:73px;} .list-img ul li a.img-list-ft-left {float:left;margin-right:21px;} .list-img ul.details li {margin-bottom:33px;height:97px;} #sorties-ct.list-img ul.details li {margin-bottom:26px;} /* Cuisine */ #cuisine-ct, #sorties-ct, #suggestion-ct, #multimedia-ct, #education-ct, #vie-pratique-ct, #nouvelles-ct {padding:46px 40px 23px 28px;} #cuisine-ct h2, #cuisine-ct h3, #sorties-ct h2, #sorties-ct h3, #multimedia-ct h2, #education-ct h2, #vie-pratique-ct h2, #nouvelles-ct h2 {font-weight:bold;text-transform:uppercase;font-family:Arial, Helvetica, Sans-Serif;} #cuisine-ct h2, #education-ct h2, #vie-pratique-ct h2, #nouvelles-ct h2 {color:#97c446;} #cuisine-ct h3, #education-ct h3, #vie-pratique-ct h3 {padding-bottom:3px;} #cuisine-ct ul {} #cuisine-ct #accordion a {background:url(/static/images/border-blanc.gif) repeat-x;} #cuisine-ct #accordion a.ui-accordion-header span.ui-icon {background:url(/static/images/icon-blanc-plus.gif) 0 0 no-repeat;} #cuisine-ct #accordion a.ui-state-active span.ui-icon {background:url(/static/images/icon-blanc-minus.gif) 0 0 no-repeat;} #cuisine-ct #accordion div a {background:none;} #cuisine-ct #accordion {margin-bottom:20px;} #cuisine-ct ol {margin-bottom:10px;} #cuisine-ct ol li {margin-bottom:4px;} /* Pratico Pratique */ #pratico-pratique {position:relative;} #pratico-pratique img {float:left;} #pratico-pratique span {display:block;padding-top:33px;} /* Recettes */ #recettes {padding:40px;} #recettes ol {margin-bottom:10px} #recettes ol li {margin-left:18px;} *html #recettes ol li {margin-left:22px;} #recettes h2 {margin-top:20px; text-transform:uppercase;font-weight:bold;color:#97c446;} #recettes h3 {margin-top:10px;} #recettes a.btn-rond {background:#f7f7f7;} #recettes a.btn-rond:hover {background:#97c446;} /* Liste d'épicerie */ #liste-epicerie {display:block;text-indent:-9999px;width:266px;height:695px;} #liste-epicerie-jambon {display:block;text-indent:-9999px;width:510px;height:640px;} /* Sorties, activités et sports */ #cuisine-ct h2, #sorties-ct h2, #multimedia-ct h2, #education-ct h2, #vie-pratique-ct h2, #nouvelles-ct h2 {color:#97c446;margin-bottom:20px;} #sorties-ct .hr, #cuisine-ct .hr {background:#fff;margin-bottom:15px;} /* Multimedia */ #multimedia-ct {padding:28px 0px 23px 23px;} #multimedia-ct .col-wrap {float:left;width:293px;margin-right:28px;display:block;text-align:center;} #multimedia-ct .col, #multimedia-ct .videos-ct {/*height:380px;*/padding:50px 10px 40px 10px;-moz-border-radius: 7px;-webkit-border-radius: 7px;background:#fff;} #multimedia-ct .videos-ct {text-align:center;height:353px;padding-top:30px;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;background:#fff;} #multimedia-ct .videos-ct .videos-list {text-align:left;margin:20px 20px 10px 20px;} #multimedia-ct .videos-ct .videos-list ul li {margin-bottom:8px;} #multimedia-ct .videos-ct .videos-list ul li a {color:#8c8c8c;padding-left:72px;height:60px;display:block;font-weight:bold;font-size:14px;} #multimedia-ct .videos-ct .videos-list ul li a#president {background:url(/static/images/multimedia-president.gif) no-repeat;} #multimedia-ct .videos-ct .videos-list ul li a#igor-auto {background:url(/static/images/multimedia-igor-auto.gif) no-repeat;} #multimedia-ct .videos-ct .videos-list ul li a#igor-cuisine {background:url(/static/images/multimedia-igor-cuisine.gif) no-repeat;} #multimedia-ct .last {margin-right:0;} #multimedia-ct h2 {margin-bottom:14px;} #multimedia-ct h2 em {font-weight:normal;font-size:12px;color:#9E9C9C;} #multimedia-ct .autres-videos-ct {display:none;} #multimedia-ct .tabs-videos li {float:left;} #multimedia-ct .tabs-videos li a { font-weight:bold;color:#9b9b9b;display:block;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; background:#f6f6f6;padding:16px 20px;text-transform:uppercase;margin-right:10px; } #multimedia-ct .tabs-videos li a.current {background:#fff;color:#97c446;} #multimedia-ct #capsules-radio, #multimedia-ct #capsules-videos {text-align:left;margin:0 10px;} #multimedia-ct #capsules-radio h4 {color:#97C446;font-weight:bold;border-bottom:1px solid #f0f0f1;margin:20px 0 10px 0;padding:0 0 7px 0;} #multimedia-ct #capsules-radio ul li {font-weight:bold;} #multimedia-ct #capsules-radio ul li a {display:block;height:20px;color:#8c8c8c;background:url(/static/images/icn-capsules-radio.gif) no-repeat;padding:6px 0 0 39px;margin-bottom:8px;} #multimedia-ct #capsules-radio ul li a:hover {color:#97C446;} #multimedia-ct #capsules-radio div {display:none;} #multimedia-ct #capsules-radio div.active, #multimedia-ct #capsules-radio div#pager, #multimedia-ct #capsules-radio #pager {display:block;} #multimedia-ct #capsules-radio #pager {text-align:center;margin:30px 0 0 50px;} #multimedia-ct #capsules-radio #pager ul li {padding:0;margin:0;background:none;} #multimedia-ct #capsules-radio #pager ul.pages li {float:left;margin:0 5px;color:#b7b7b7;} #multimedia-ct #capsules-radio #pager ul.pages li.pgCurrent {color:#97C446;} #multimedia-ct #capsules-radio #pager ul.pages li#pagerPrev, #multimedia-ct #capsules-radio #pager ul.pages li#pagerNext {margin-right:15px;width:6px;height:20px;display:block;text-indent:-9999px;background:url(/static/images/icn-prev.gif) no-repeat 0 3px;} #multimedia-ct #capsules-radio #pager ul.pages li#pagerNext {margin-left:15px;background:url(/static/images/icn-next.gif) no-repeat 0 3px;} /* Suggestions - formulaire */ #suggestion-ct {padding-bottom:60px;} #suggestion-ct ul {padding-bottom:20px;} #suggestion-ct ul#form li {} #suggestion-ct ul#form li span {float:left;width:140px;display:inline-block; text-align:right;margin-right:4px;margin-top:4px;font-weight:bold;} #suggestion-ct ul#form li, #infolettre-ct ul#form li {border:none;padding:0 0 10px 0;} #suggestion-ct .btn-suggestion {margin-left:213px;} /* Suggestions push */ a.hlk-suggestions {width:266px;height:164px;display:block;text-indent:-9999px;} #push-suggestions {width:237px;} #push-suggestions p {margin-right:20px;} /* Trousse PDF push */ a#push-trousse-pdf:hover {background-position:0 -241px;} li#trousse-pdf {margin-bottom:6px;} /* Promotion */ #promotion-ct {padding:35px 0px 35px 22px;} #promotion-ct .promo-shrek {height:387px;padding:0 0 0 269px;} #promotion-ct .promo-shrek h2 {color:#97C446; font-weight:bold;padding-bottom:12px;} #promotion-ct .promo-shrek h3 {margin-top:20px;} #promotion-ct .promo-shrek p {line-height:18px;} #promotion-ct .faite-vite {padding:10px 0 0 10px;color:#97C446; text-transform:uppercase; font-weight:bold;} #promotion-ct .faite-vite strong {font-size:18px;} .legal {font-size:10px;padding:10px 0 0 32px;} .legal-igor {color:#A9A7A7;padding-bottom:6px;} /* Produits */ #produits {/*height:73px;*/} #produits-ct {padding:21px;} #produits-ct #slider-wrap {height:204px;} #produits-ct #details {padding:60px 50px 80px 70px;min-height:450px;height:auto !important; height:450px;} #produits-ct #details ul#produit-famille {margin-left:20px;width:818px;height:200px;padding:100px 0 0 50px;} #produits-ct #details ul#produit-famille li {float:left;} #produits-ct #details ul#produit-famille li a {display:block;width:128px;height:155px;} #ct .fiche {float:left;width:447px;margin-right:80px;position:relative;} #ct .fiche a {font-weight:bold;} #ct .fiche ul {margin-bottom:16px;} #ct .fiche ul li {padding-left:7px;background:url(/static/images/icon-li.gif) no-repeat 0 5px;} #ct .fiche .fiche-ingrediens {display:none;width:499px;position:absolute;top:80px;left:-33px;background:url(/static/images/bg-fiche-ingredients.gif) no-repeat top center;min-height:300px;height:auto !important; height:300px;padding:30px 0 0 33px;} #ct .fiche .fiche-ingrediens a#fiche-close {position:absolute;top:11px;right:11px;width:42px;height:42px;display:block;text-indent:-9999px;background:url(/static/images/produits/fiche-ingredients-close.gif) no-repeat 0 0;} #ct .fiche .fiche-ingrediens a#fiche-close:hover {background-position:0 -42px;} #ct .fiche .fiche-ingrediens img {width:210px;float:left;padding:5px;border:1px solid #d1cfcf;margin-right:30px;} #ct .fiche .fiche-ingrediens .fiche-txt {width:210px;float:left;} #ct .fiche .fiche-ingrediens .fiche-txt h3 {color:#97c446;} #ct .fiche .fiche-ingrediens .fiche-txt p {font-size:10px;} #ct .info {float:left;width:255px;margin:0;} #ct .info img {margin-bottom:20px;} #ct .info a {display:block;text-indent:-9999px;width:209px;height:42px;} #ct .info h3 {text-transform:none;} #ct .info h3, #ct .info p {margin-left:16px;width:190px;font-weight:bold;} #ct .info h3 {margin-top:40px;padding-bottom:5px;color:#97C446;font-family:Arial, Helvetica, Verdana;font-size:12px;} #ct .info p strong {display:block;color:#81a9d0;} /* Promo page produit */ #details .produits-txt {padding:60px 50px 30px 70px;} #details .produits-promo-txt {position:relative;margin-top:-30px;color:#4b6a30;width:220px;height:189px;padding:26px 0 0 85px;background:url(/static/images/produits-promo-bg.jpg) no-repeat;} #details .produits-promo-txt h2 {color:#6e954d !important;line-height:19px; font-size:18px;margin:0 0 9px;} #details .produits-promo-txt p {padding-bottom:8px;} /**** Envoyer à un ami ****/ #form-popup { background:#f7f7f7; font-family:Arial, Helvetica, Sans-Serif; padding:41px 34px; width:525px; height:235px; } #form-popup h2 {text-transform:uppercase;font-family:Arial, Helvetica, Sans-Serif;font-weight:bold;} #form-popup .btn-ami {padding:10px 0 0 43px;} #form-popup ul#form {padding-left:43px;margin:20px 0;} #form-popup ul#form li {border:none;padding:0 0 10px 0;} #form-popup ul#form li label {width:200px;display:inline-block;color:#888;} /**** Merci ****/ .merci {margin-top:50px;} .merci .first {padding-top:80px;} /**** Push ****/ ul.push-list li {display:block;margin-bottom:14px;} a.push {text-indent:-9999px;width:266px;display:block;} /* Push infolettre */ #push-infolettre a {text-decoration:underline;} #push-infolettre { background:url(/static/images/push-infolettre-ft-r.gif) repeat-y; display:block; width:266px; } #push-infolettre p {padding:64px 0 10px 16px;} /**** Envoyer a un ami ****/ .envoyer-ami {float:right;margin-top:-45px;margin-right:0px;/*7px*/} .envoyer-ami a {text-indent:-9999px; display:block;width:176px;height:42px;} /**** recette rating ****/ .recette-info {color:#97c446;margin-bottom:20px;} .recette-info li {padding-bottom:5px; float:left;font-weight:bold;margin-right:35px; background-repeat:no-repeat;} .recette-info li#preparation, .recette-info li#cuisson {padding-left:46px;} .recette-info li#niveau {margin-right:0; color:#d37112;padding-right:125px;background-position:top right;} .recette-info li.temps-5 {background-image:url(/static/images/icons/recettes/i-temps-5min.gif);} .recette-info li.temps-10 {background-image:url(/static/images/icons/recettes/i-temps-10min.gif);} .recette-info li.temps-15 {background-image:url(/static/images/icons/recettes/i-temps-15min.gif);} .recette-info li.temps-20 {background-image:url(/static/images/icons/recettes/i-temps-20min.gif);} .recette-info li.temps-25 {background-image:url(/static/images/icons/recettes/i-temps-25min.gif);} .recette-info li.temps-30 {background-image:url(/static/images/icons/recettes/i-temps-30min.gif);} .recette-info li.temps-35 {background-image:url(/static/images/icons/recettes/i-temps-35min.gif);} .recette-info li.temps-40 {background-image:url(/static/images/icons/recettes/i-temps-40min.gif);} .recette-info li.temps-45 {background-image:url(/static/images/icons/recettes/i-temps-45min.gif);} .recette-info li.temps-50 {background-image:url(/static/images/icons/recettes/i-temps-50min.gif);} .recette-info li.temps-55 {background-image:url(/static/images/icons/recettes/i-temps-55min.gif);} .recette-info li.temps-60 {background-image:url(/static/images/icons/recettes/i-temps-60min.gif);} .recette-info li.temps-80 {background-image:url(/static/images/icons/recettes/i-temps-80min.gif);} .recette-info li.niv-1 {background-image:url(/static/images/icons/recettes/i-niveau-1.gif);} .recette-info li.niv-2 {background-image:url(/static/images/icons/recettes/i-niveau-2.gif);} .recette-info li.niv-3 {background-image:url(/static/images/icons/recettes/i-niveau-3.gif);} .menuCour {margin-bottom:10px;} .menuCour li.niv-1 {background-image:url(/static/images/icons/recettes/i-niveau-1b.gif);} .menuCour li.niv-2 {background-image:url(/static/images/icons/recettes/i-niveau-2b.gif);} .menuCour li.niv-3 {background-image:url(/static/images/icons/recettes/i-niveau-3b.gif);} /***** Concours *****/ #ct #concours-ct ul.form {padding:0;} #ct #concours-ct ul.form li {border:none;padding:4px 0;clear:both;display:block;} *html #ct #concours-ct ul.form li {padding:2px 0;} #ct #concours-ct ul.form li h2 {margin:30px 0 10px 0;padding:0; text-transform:uppercase; font-weight:bold;} #ct #concours-ct ul.form li label, #ct #concours-ct ul.form li input {float:left;} #ct #concours-ct ul.form li label {width:150px; text-align:right;margin:4px 10px 0 0;} #ct #concours-ct ul.form li input {padding:5px;width:200px;border:1px solid #CECECE;padding:3px;} #ct #concours-ct ul.form li span.no-border input {border:none;} #ct #concours-ct ul.form li em {margin-left:10px;position:relative;top:6px;} #ct #concours-ct ul.form li .question {float:left;margin-top:4px;margin-right:10px;font-weight:bold;} #ct #concours-ct ul.form li a.btn-ajout-ami {margin-left:160px; text-decoration:underline; font-weight:bold;outline:none;} #ct #concours-ct ul.form li.cbx label, #ct #concours-ct ul.form li.cbx input {float:none;width:auto;margin:0;} #ct #concours-ct ul.form li.cbx input {margin-right:10px;} #ct #concours-ct ul.form li.cbx a {font-weight:bold;text-decoration:underline;} #ct #concours-ct ul.form li.salutation .rd-btn label, #ct #concours-ct ul.form li.salutation .rd-btn input {width:auto;float:none;padding:0;margin:0;} #ct #concours-ct ul.form li.salutation .rd-btn label {margin:0 10px 0 5px;} #ct #concours-ct ul.form li.captcha div {width:180px;height:40px;float:left;} #ct #concours-ct ul.form li.captcha label {text-align:left;width:auto;margin-left:24px;} #ct #concours-ct ul.form li.captcha input {display:block;margin:5px 0 0 10px;} #ct #concours-ct ul.form li.error input, ul.form li.error select {border:1px solid #ff0000;background:#fee6e6;} #ct #concours-ct ul.form li.error label {color:#ff0000;} #ct #concours-ct ul.form li.courriel-ami a.btn-rond {background:none;color:#97c446;padding:0px 7px 0px 7px;} #ct #concours-ct ul.form li.courriel-ami a.btn-rond:hover {background:none;color:#000;} #ct #concours-ct ul.form li a.delete {position:relative;left:0px;top:4px;font-weight:bold;background:none;} #ct #concours-ct #form-header {padding:0 38px 0 48px;} #ct #concours-ct #form-header .img-concours {position:relative;top:-5px;} #ct #concours-ct #form-header .img-tirages {float:right;} #ct #concours-ct .img-chances {padding:30px 0 0 38px;} #ct #concours-ct .bg-jaune {position:relative;background:#f9f6c9;margin-bottom:14px;padding-bottom:40px;} #ct #concours-ct .bg-blanc {position:relative;background:#fff;} #ct #concours-ct #form-header .intro {margin-top:16px;} #ct #concours-ct ul.form {padding-left:38px;} #ct #concours-ct p.btn-participer a {margin:50px 0 10px 280px;display:block;text-align:center;width:121px;height:38px;text-indent:-9999px;} #ct #concours-ct #msg-erreur {padding:30px 0 0 30px;} /***** SLIDER *****/ .sliderGallery {width:880px;height:210px;overflow:hidden;padding:0/*30px 0 0 29px*/;position:relative;margin:0 0 0 30px;} .sliderGallery a {text-decoration:none;outline:none;} .sliderGallery .wrap {padding:0 0 0 17px;overflow:hidden;height:150px;position:relative;margin-bottom:12px;} .sliderGallery .wrap #slider-group {position:absolute;top:0;left:0;height:162px;width:200px;} .sliderGallery .wrap #slider-group .l, .sliderGallery .wrap #slider-group .r {position:absolute;top:0px;width:10px;height:162px;} .sliderGallery .wrap #slider-group .l {left:0;} .sliderGallery .wrap #slider-group .r {right:0;} .sliderGallery ul.items {height:140px;overflow:hidden;padding-top:14px;position:absolute;top:0;left:0;} .sliderGallery ul.items li {float:left;/*padding:0 18px;*/width:175px;height:140px;margin:0;} .sliderGallery ul.items li.sep {height:104px;width:1px;overflow:hidden;padding:0 15px;margin-top:16px;background:url(../images/slider/produit-sep.gif) center top repeat-y;} .sliderGallery .items li a {padding:10px 0 0 0;margin-bottom:20px;display:block;height:120px;width:100%;color:#6b6b6b;font-weight:bold;font-size:10px;text-align:center;text-transform:uppercase;} .sliderGallery .items li a img {margin-bottom:8px;} .sliderGallery .items li a.selected {color:#97c446;} .sliderGallery .items li a:hover, .sliderGallery .items li a.selected:hover {color:#97c446;} .sliderGallery .items li a span {display:block;} .sliderGallery .slider {width:811px;height:28px;background:url(../images/slider/slider.gif) 0 0 no-repeat;position:relative;padding-left:30px;} .sliderGallery .slider .ui-slider-handle {height:28px;position:absolute;top:0;left:0;cursor:pointer;z-index:10;background-image:url(../images/slider/handler.gif);background-repeat:no-repeat;width:252px;} .sliderGallery .slider span {color:#9e9c9c;text-transform:uppercase;font-weight:bold;font-size:11px;padding:8px 80px 0 70px/* 16px */;display:inline-block;cursor:pointer;z-index:20;position:relative;} .sliderGallery .slider span.active-reference {color:#ffffff;} .sliderGallery .slider .arrow {width:30px;height:28px;position:absolute;top:0;cursor:pointer;} .sliderGallery .slider #arrow-left {left:0;} .sliderGallery .slider #arrow-right {right:0;}