/** * main style sheet * @author mac@zestedegenie.com * @creationDate 2012-06-04 * @editDate 2012-06-04 */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ins { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* migth as well since inherit doesn't work for IE7 and below */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } strong, b { font-weight: bold;} em, i { font-style: italic;} button::-moz-focus-inner { padding: 0; border: 0 } html { } body { background: #fff url(../img/bg.png) center 0 repeat-y; font-size: 14px; line-height: 1.4; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; z-index: 100} body.info { color: #666;} /* iphone */ @media only screen and (max-device-width: 568px) { body{ -webkit-text-size-adjust: none;} } /* bug chrome */ @-webkit-keyframes body { from { opacity: 1; } to { opacity: 1; } } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 7, 2012 */ @font-face { font-family: 'gotham_lightregular'; src: url('fonts/gotham-light-webfont.eot'); src: url('fonts/gotham-light-webfont.eot#iefix') format('embedded-opentype'), url('fonts/gotham-light-webfont.woff') format('woff'), url('fonts/gotham-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_mediumregular'; src: url('fonts/gotham-medium-webfont.eot'); src: url('fonts/gotham-medium-webfont.eot#iefix') format('embedded-opentype'), url('fonts/gotham-medium-webfont.woff') format('woff'), url('fonts/gotham-medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sentinel_lightlight'; src: url('fonts/sentinel-light-webfont.eot'); src: url('fonts/sentinel-light-webfont.eot#iefix') format('embedded-opentype'), url('fonts/sentinel-light-webfont.woff') format('woff'), url('fonts/sentinel-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .concours-bo-bebe a { text-decoration: underline !important; } .box-grossesse p, #box-grandit p, .isbn { font-family: 'sentinel_lightlight', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;} .content h5, .cat, #sub-menu, #ls-menu #sub-menu > a, .submenu, #sm-mobile .norm, #sm-mobile .full, .date, #nav-months-weeks span, .price, .prod-img span, #dixans .content, #dixans .content h1 { font-family: 'gotham_lightregular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;} #main-stories h1, #main-stories h2, .content h1, .content h2, .content h3, #ls-menu > li > a, .bull h3, #sm-mobile, .content h4, .gs-title, #article-text h5, #article-text .ase h3, .blockquote h5, .sec-choice, #foot h3, .resume, #nav-months-weeks, .bt-del, .all { font-family: 'gotham_mediumregular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;} .content h4 strong { font-weight: normal;} .content h4 .rule, .ls-products h4, .produits-relie h4 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} /** ******************************************************* * links */ a, html .ui-widget-content a { color: #00a8b0; text-decoration: none; outline: none;} a:hover, a:active, a:focus, html .ui-widget-content a:hover, html .ui-widget-content a:focus { color: #000;} a.selected:hover, .selected a:hover, .disabled a:hover { cursor: default !important; text-decoration: none!important;} a.selected:hover, a.selected:active, a.selected:focus, .selected a:hover, .disabled a:hover { cursor: default!important;} #slider a:visited h1, .ls-articles h1 a:visited, .ls-articles h2 a:visited, .ls-articles h3 a:visited, .ls-articles h4 a:visited, .ls-articles h6 a:visited, .ls-articles a:visited h1, .ls-articles a:visited h2, .ls-articles a:visited h3, .ls-articles a:visited h4, .ls-articles a:visited h6, .contest h4 a:visited, .ls-authors .article a:visited, #bloc-video h4 a:visited, .cats a:visited, #ls-firstname a:visited, .box.tags a:visited, .events-week a:visited, .ls-products a:visited h3, .ls-events.day h4 a:visited, .article-relie article a:visited, .produits-relie article a:visited { color: #007379;} /** ******************************************************* * transitions */ #head h1 img, #head .branding img, #nav-article-gal img, .ls-articles article img, .ls-products article img, .list-thumbs img, #share img, .cat, .contest img, #bloc-social img, #ls-gallery img, .ls-partners img, #bloc-video img, .article-relie img, .produits-relie img, #main-stories a, #mobile-menu, #mobile-compte, #mobile-search, .logos img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} /* { -webkit-transition: none 0 linear; -moz-transition: none 0 linear; -o-transition: none 0 linear; transition: none 0 linear;} */ /*#head h1 a:hover img,*/ #head h1 a:focus img #nav-article-gal .selected img, .ls-articles article.selected img, #ls-pics .selected img, #share a:hover img, #share a:focus img, .ls-articles article a:hover img, .ls-articles article a:focus img, .ls-products article a:hover img, .ls-products article a:focus img, .list-thumbs a:hover img, .list-thumbs a:focus img, .contest a:hover img, .contest a:focus img, #bloc-social a:hover img, #bloc-social a:focus img, #ls-gallery a:hover img, #ls-gallery a:focus img, .ls-partners a:hover img, .ls-partners a:focus img, #bloc-video a:hover img, #bloc-video a:focus img, .article-relie a:hover img, .article-relie a:focus img, .produits-relie a:hover img, .produits-relie a:focus img, #bt-halloween:hover img, #bt-halloween:focus img, .logos a:hover img, .logos a:focus img { opacity: 0.5;} #accueil #head h1 a:hover img, #accueil #head h1 a:focus img { opacity: 1;} /** ******************************************************* * class gen */ .hide { position: absolute!important; margin-left: -9000px!important; } .hidden { visibility: hidden;} .none, .printonly { display: none!important;} .ir { display: block; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;} .clear { clear: both;} .clearer { display: block!important; width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important} .selfclear { overflow: hidden;} .center { text-align: center;} .right { text-align: right;} .fl { float: left!important;} .fl-r { float: right!important;} .no-fl { float: none!important;} .no-space { margin-bottom: 0!important;} .space-sml { margin-bottom: 5px!important;} .space { margin-bottom: 10px!important;} .spaced { margin-bottom: 15px!important;} .space-top { margin-top: 15px!important;} .space-big { margin-bottom: 30px!important;} .space-bigger { margin-bottom: 45px!important;} .space-biggest { margin-bottom: 60px!important;} .space-top-big { margin-top: 30px!important;} .sup { font-size: 0.83em; position: relative; top: -2px;} /** * jquery-ui */ body #ui-datepicker-div { display: none; z-index: 10000;} body .ui-widget { font-size: 1em;} body .ui-dialog { text-align: left;} body .ui-dialog .ui-dialog-content { padding-top: 20px !important;} #cboxLoadedContent { text-align: left;} #tip { display: none; position: absolute; max-width: 300px; padding: 2px 10px; font-size: 11px; background: #222; color: #fff; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 5px #222; -webkit-box-shadow: 0 1px 5px #222; box-shadow: 0 1px 5px #222; z-index: 109999;} .rgba #tip { background: rgba(0,0,0,.75);} /** ******************************************************* * forms */ fieldset { margin-bottom: 30px;} form input, form select, form textarea, button { font-size: 1em;} form div { margin-bottom: 12px;} input[type=text], input[type=email], input[type=password], select, textarea, input.gsc-input { width: 250px; height: 32px; padding: 4px 5px 2px; background: #fafafa; border: 1px solid #ddd; outline-color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} textarea { height: 150px; overflow: auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} select { max-width: 250px;} form .label-in { color: #999;} input[type=text].sml, select.sml, .i-hg .col2 input[type=text].sml, .i-hg .col3 input[type=text].sml { width: 70px;} input[type=text].med, .i-hg .col2 input[type=text].med, .i-hg .col3 input[type=text].med { width: 100px;} input.i-date, input.i-mail, input.i-search { /*width: 130px;*/ background-image: url(../img/icn-cal.png); background-position: 96% center; background-repeat: no-repeat;} input.i-date { width: 130px;} input.i-mail { /*width: inherit;*/ background-image: url(../img/icn-mail.png);} input.i-search { width: inherit; background-image: url(../img/icn-search.png);} .i-multi {} .i-multi p, .i-multi span, .i-multi input[type=text], .i-multi input[type=email], .i-multi select { margin-right: 15px;} .i-multi .last { margin-right: 0;} .i-info { color: #ccc; font-size: 11px; line-height: 1; font-style: italic;} .i-lg {} .i-lg label, .i-lg .label { float: left; width: 100px; margin: 4px 0 0; line-height: 1.3; text-align: left; } .i-lg select.label { margin-top: 0;} .i-lg .i-textarea label { margin-top: 0;} .i-lg input[type=text], .i-lg input[type=email], .i-lg input[type=password], .i-lg input[type=file], .i-lg textarea, .i-lg select { float: left; margin-left: 10px;} .i-lg .submit, .inside, .i-lg #listePhotoAjax, .i-lg #thumbnails, .i-lg #divFileProgressContainer { margin-left: 110px;} .i-lg.narrow label, .i-lg.narrow .label { width: 80px;} .i-lg.narrow .submit, .narrow .inside, .i-lg.narrow #listePhotoAjax, .i-lg.narrow #thumbnails, .i-lg.narrow #divFileProgressContainer { margin-left: 90px;} .i-lg.large label, .i-lg.large .label { width: 120px;} .i-lg.large .submit, .large .inside, .i-lg.large #listePhotoAjax, .i-lg.large #thumbnails, .i-lg.large #divFileProgressContainer { margin-left: 130px;} .i-lg.large2 label, .i-lg.large2 .label { width: 150px;} .i-lg.large2 .submit, .large2 .inside, .i-lg.large2 #listePhotoAjax, .i-lg.large2 #thumbnails, .i-lg.large2 #divFileProgressContainer { margin-left: 160px;} .i-lg textarea { width: 325px;} .i-lg .i-xtra { float: left; margin: 6px 0 0 5px;} .i-lg .i-select .i-xtra { margin-top: 3px;} .i-lg .i-checkbox .i-multi, .i-lg .i-radio .i-multi { float: left; margin-left: 10px; margin-bottom: 0;} .i-lg .i-checkbox .label, .i-lg .i-radio .label { margin-top: 0;} .i-lg .i-checkbox label, .i-lg .i-radio label { display: block; float: none; width: auto; margin: 0 0 0 20px; font-weight: normal;} .i-lg input[type=checkbox], .i-lg input[type=radio] { float: left; width: auto; /*margin: 4px 0 0;*/} .i-hg .i-lg label, .i-hg .i-lg .label { float: left;} .i-hg {} .i-hg label, .i-hg .label { display: block; width: auto; margin-bottom: 2px; float: none; text-align: left;} .i-hg input[type=text], .i-hg input[type=email], .i-hg input[type=password], .i-hg input[type=file], .i-hg textarea, .i-hg select, .i-hg .i-checkbox p, .i-hg .i-radio p { margin-left: 0;} .i-hg .i-checkbox label, .i-hg .i-radio label { display: inline; font-weight: normal;} .i-hg textarea { width: 100%; box-sizing: border-box;} .i-hg .col2 input[type=text], .i-hg .col2 input[type=email], .i-hg .col3 input[type=text], .i-hg .col3 input[type=email] { max-width: 95%;} .i-hg .col2 select, .i-hg .col3 select { max-width: 95%;} .submit { margin: 15px 0 30px;} .submit button, .submit a { margin-right: 15px; vertical-align: middle;} button { display: inline; background: none; cursor: pointer; outline: none;} button>span { display: inline-block;} button span span, .bt, .nav a { display: inline-block; padding: 15px 30px; background: #E6007E; color: #fff; font-size: 14px; text-transform: uppercase; white-space: nowrap; } button:hover span span, button:focus span span, .bt.selected, .bt:hover, .bt:focus, .bt.grandit:hover, .bt.grandit:focus, .nav a:hover, .nav a:focus { background: #111; color: #fff;} .bt.smler { padding: 2px 5px; font-size: 10px;} .bt.sml, .nav a { padding: 5px 15px; font-size: 11px; } .nav a { padding: 3px 12px;} .bt.med { padding: 10px 25px; font-size: 12px;} .ui-widget-content .bt { color: #fff;} .disabled { text-decoration: line-through; } .bt.sml.thin-txt { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .bt.bt2 { background: #666; } .bt.bt2:hover, .bt.bt2:focus { background: #333;} .bt.sec, .bt.sec.disabled:hover, .bt.sec.disabled:focus, .nav a { background: #999; } .bt.sec:hover, .bt.sec:focus, .nav a:hover, .nav a:focus { background: #666;} .bt.sec.disabled { cursor: default; color: #ddd;} /* PPLV */ body.papapourlavie button span span, body.papapourlavie .bt, body.papapourlavie .nav a { background: #153e6f; } body.papapourlavie .bt.sec, body.papapourlavie .bt.sec.disabled:hover, body.papapourlavie .bt.sec.disabled:focus, body.papapourlavie .nav a { background: #999; } body.papapourlavie .bt.sec:hover, body.papapourlavie .bt.sec:focus, body.papapourlavie .nav a:hover, body.papapourlavie .nav a:focus { background: #666;} .bt.sec.disabled { cursor: default; color: #ddd;} .msgbox, .errorBox01, .successBox01 { position: relative; margin-bottom: 15px; padding: 15px 30px 15px 20px; color: #666; line-height: 1.4; border: 2px solid #666; font-size: 12px;} .msgbox p, .msgbox ul, .errorBox01 p, .errorBox01 ul, .successBox01 p, .successBox01 ul { padding: 15px 0 0;} .msgbox ul, .errorBox01 ul, .successBox01 ul { margin-left: 20px; list-style-type: disc;} .msgbox label, .errorBox01 label, .successBox01 label { display: block; float: none; margin: 0;} .msgbox .close, .errorBox01 .close, .successBox01 .close, .btCloseMess { position: absolute; top: 2px; right: 2px; display: none;} .browsehappy { display: block!important; padding: 10px 0; border-bottom: 2px solid #fa0202; text-align: center;} .browsehappy a { color: #fa0202; text-decoration: underline;} .successBox01 { background: #c4e5a9 url(../img/bg-success.png) 0 0 repeat; border-color: #869c74;} .errorBox01, .browsehappy { background: #f68c95 url(../img/bg-error.png) 0 0 repeat; border-color: #cb4343; } #carousel-home-page { margin-bottom: 5px; } .ads-placeholder { position: relative; } .ads-placeholder-close { position: absolute; bottom: 10px; right: 5px; z-index: 5; cursor: pointer; } .mplv-overlay-content { margin-top: 10%; text-align: center; position: relative; display: block; } .mplv-overlay-adunit { position: relative; display: block; } .mplv-overlay { position: fixed; display: none; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999; cursor: pointer; text-align: center; display: block; } .mplv-overlay-adunit { width: 300px; height: 250px; margin: auto; display: block; } .mplv-overlay-close { position: absolute; top: 5px; right: 5px; z-index: 9999; cursor: pointer; color: #fff; display: block; padding: 3px 5px; background: #000; } /** ******************************************************* * bts */ .msgbox .close, .successBox01 .close, .errorBox01 .close, .move, .btCloseMess, #count a span, #bt-sm, #mobile-menu, #mobile-compte, #mobile-search, .lock, .bt-del span { display: block; width: 18px; height: 18px; background: url(../img/icons.png) 0 0 no-repeat; text-indent: -9999px;} .ls-articles.vids article > a:after, .ls-articles .vid:after, .ls-articles .col2 .vid:after, .ls-articles .col2.vid:after, .ls-articles .col3 .vid:after, .ls-articles .col3.vid:after, .ls-articles .col4 .vid:after, .ls-articles .col4.vid:after, #bloc-video .vid:after, #vedette:after { display: block; width: 36px; height: 36px; background: url(../img/icons.png) -72px 0 no-repeat; text-indent: -9999px;} @media only screen and (-webkit-min-device-pixel-ratio: 2){ .msgbox .close, .successBox01 .close, .errorBox01 .close, .move, .btCloseMess, #count a span, #bt-sm, #mobile-menu, #mobile-compte, #mobile-search, .ls-articles.vids article > a:after, .ls-articles .vid:after, .ls-articles .col2 .vid:after, .ls-articles .col2 .vid:after, .ls-articles .col3 .vid:after, .ls-articles .col3.vid:after, .ls-articles .col4 .vid:after, .ls-articles .col4.vid:after, #bloc-video .vid:after, #vedette:after, .lock, .bt-del span { background-image: url(../img/icons-2x.png); background-size: 233px 72px;} } .success .close, .successBox01 .close, .successBox01 .btCloseMess { background-position: 0 0;} .errors .close, .errorBox01 .close, .errorBox01 .btCloseMess, .bt-del span { background-position: -18px 0;} .move { background-position: 0 -18px;} #count .prev span { background-position: -36px 0;} #count .next span { background-position: -54px 0;} #bt-sm { background-position: -36px -36px;} .lock { background-position: 0 -36px;} .ls-articles .vid:after, .ls-articles.vids .col1 > a:after, .ls-articles .col1 .vid:after, #vedette:after { background-position: -108px 0;} #mobile-menu { background-position: -180px 0;} #mobile-compte { background-position: -72px -36px;} #mobile-search { background-position: -180px -36px;} /** * cols */ #wrapper { position: relative; width: 990px; margin: 0 auto; padding: 5px 0 0; background: #fff; text-align: left;} .wrapper { position: relative; width: 990px; margin: 0 auto; padding: 5px 0 0; background: #fff; text-align: left;} #header-wrapper { background-color: #fff; /*width: 960px;*/ padding: 0 15px; } #nav-wrapper { background-color: #fff; /*width: 960px;*/ padding: 0 15px; /*margin-top: -6px;*/ } #menu-wrapper { background-color: #fff; /*width: 960px;*/ padding-top: 5px; height: 60px; } #caroussel-wrapper { background-color: #fff; padding: 0 15px; margin-top: 15px; } #content-wrapper { background-color: #fff; /*width: 960px;*/ padding: 0 15px; } #footer-wrapper { background-color: #fff; /*width: 960px;*/ padding: 0 15px; } #maintenance { background: #fff;} #maintenance #wrapper { width: 600px;} #maintenance .wrapper { width: 600px;} /** ******************************************************* * header */ /*#head { margin-bottom: 30px; font-size: 12px;}*/ #head { /*margin-bottom: 15px;*/ font-size: 12px;} #head .w-in .w-in { position: relative; padding: 0 0 10px; } #head #leaderboard { text-align: center; padding-top: 25px; } #head .banner728.is-banner { width: 728px; height: 108px; margin: 0 auto; /*padding-top: 25px;*/ } #head h1 { padding: 30px 0 0;} #head .branding { padding: 30px 0 0;} #head a, #foot a { color: #706f73;} #head a:hover, #head a:focus, #foot a:hover, #foot a:focus { color: #000;} #men-sec { position: absolute; top: -5px; right: -15px; left: -15px; font-weight: bold; text-align: right; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 9999; } #men-sec .profil { float: left; margin-left: 10px;} #men-sec .others { float: right; margin-right: 10px;} #men-sec li { float: left; display: inline;} #men-sec a { display: inline-block; padding: 3px 7px; color: #666;} #men-sec a:hover { color: #000;} #box-search { position: absolute; bottom: 11px; right: 0; width: 335px;} #box-search img { vertical-align: middle;} #box-search .gsc-input { float: left; width: 295px; height: 30px; line-height: 30px; padding: 0; font-size: 16px; background-position: 10px 50% !important; border: none; border-bottom: 1px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} #box-search input.gsc-input { border: none;} #box-search .gsc-search-button { float: right; /*position: relative; top: -4px;*/} #box-search .gsc-search-button { width: 32px; height: 32px; padding: 0; min-width: 0; background: url(../img/icn-search-big.png) center center no-repeat; border: none; text-indent: -9999px;} #box-search .gsc-search-box { margin-bottom: 0;} #box-search .gsc-control-cse { border: none; background-color: transparent;} #box-search .gsc-search-box td.gsc-input { padding: 0;} #box-search .gsc-control-cse { padding: 0;} #box-search .gsc-clear-button { width: 0;} #box-search .gsc-clear-button { display: none;} html .gsc-completion-container, html .cse .gsc-webResult, html .gsc-webResult, html .gsc-webresult .gsc-result, html .gsc-imageResult-classic, html .gsc-imageResult-column { border-color: #ccc;} html .gsc-completion-selected { background-color: #f2f2f2;} #head .gs-title { color: #00a8b0;} #men { font-size: 16px; line-height: 1.2; text-align: center;} #men li { float: left; display: inline;} #men a { display: inline-block; padding: 8px 8px;} #men .first a { border-left: none;} #men .last a { border-right: none;} #men a:hover, #men a:focus, #men .selected { } #ls-menu { position: relative; text-transform: uppercase; font-weight: bold; padding-top:10px;} #men #sub-menu { float: right;} #sub-menu > a span { padding-left: 13px; border-left: 1px solid #c6c5c7;} #sub-menu > a span em { font-style: normal;} #sub-menu > a { padding-right: 13px; padding-left: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #fff;} #sub-menu.on > a { position: relative; margin-bottom: -1px; padding-bottom: 9px; border-left: 1px solid #706f73; border-right: 1px solid #706f73; z-index: 11000;} #sub-menu.on > a span { border-left-color: #fff;} #sub-menu .sm { display: none; position: absolute; z-index: 99999; top: 35px; right: 0; width: 350px; padding: 15px 0 15px 30px; font-size: 14px; background: #fff; text-align: left; border: 1px solid #706f73;} #sub-menu.on .sm { display: block;} .boxshadow #sub-menu .sm { -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.3); box-shadow: 0 10px 15px rgba(0,0,0,0.3);} #sub-menu .sm li { float: left; display: block; width: 49%; white-space: nowrap;} #sub-menu .sm a { display: block;} #ls-menu #sub-menu li > .selected, #ls-menu #sub-menu li > .selected:hover, #ls-menu #sub-menu li > .selected:focus { color: #00a8b0; background-color: transparent;} #sub-selector { font-weight: bold; text-transform: uppercase;} #sm-profil { position: absolute; left: -15px; top: 17px; z-index: 9999; background: #fff; -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.3); box-shadow: 0 10px 15px rgba(0,0,0,0.3);} #sm-profil #box-profil { width: 500px;} #sm-profil #box-profil.no-logged { width: 265px;} #sm-profil .no-logged p { text-align: center;} #nav-member { font-size: 13px;} .profil-pic { float: left; width: 124px; margin-bottom: 14px;} .profil-info { margin-left: 134px; margin-bottom: 5px;} .gen { margin: -2px 0 10px;} .gen li { display: inline; margin-right: 20px;} /*.badge { display: inline-block; width: 15px; height: 15px; background: #00a8b0; color: #fff; font-style: normal; font-weight: bold; font-size: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center;}*/ .badge { background: #00a8b0; color: #fff; font-style: normal; font-weight: bold; font-size: 11px; } .men-profile h4, .men-store h4 { text-transform: uppercase;} .men-profile h4 a, .men-store h4 a { color: #00a8b0; font-weight: bold;} .men-profile { float: left; width: 50%;} .men-store { float: left; width: 50%; margin-bottom: 16px;} #nav-member .selected a { color: #00a8b0;} #head .disconnect { color: #999; text-decoration: underline;} #mobile-menu, #mobile-compte, #mobile-search, #sm-mobile { display: none;} /** ******************************************************* * content */ #col { float: left; width: 640px; padding-bottom: 1px;} #col.full { width: 100%;} #col.full .container { padding: 0 30px 15px;} .col { float: left; width: 640px; padding-bottom: 1px;} #side { float: right; width: 300px; padding-bottom: 1px;} .content { padding: 0 0 30px 0;} .content h1, .content h2, .content h3, .content h4, .content h6 { color: #333;} .content a h1, .content a h2, .content a h3, .content a h4, .content a h6 { color: #00a8b0;} .content a:hover h1, .content a:focus h1, .content a:hover h2, .content a:focus h2, .content a:hover h3, .content a:focus h3, .content a:hover h4, .content a:focus h4, .content a:hover h6, .content a:focus h6 { color: #000;} .content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong, .content h5 strong, .content h6 strong { font-weight: normal;} .content h1 { margin-bottom: 30px; font-size: 34px; line-height: 1;/* text-transform: uppercase;*/} .content h2 { margin-bottom: 15px; font-size: 22px; line-height: 1;} .content h3 { margin-bottom: 15px; font-size: 18px; line-height: 1;} .content h4 { margin-bottom: 5px; font-size: 14px; line-height: 1; } .content h5, .ase h3 { margin-bottom: 5px; font-size: 13px; color: #666; line-height: 1; } .content h6 { font-size: 12px; line-height: 1.2; font-weight: bold;} #article-text h5, #article-text .ase h3, .blockquote h5 { font-size: 18px;} #article-text p + h5, #article-text ul + h5, #article-text .ase p + h3, #article-text .ase ul + h3 { margin-top: 20px;} .ase h4 { text-transform: none; font-size: 16px; color: #666;} .ase h3 + h4 { margin-top: 15px;} h2 .sup { font-size: 12px; top: -10px; text-transform: none;} h4 .sup, h5 .sup { font-size: 10px; top: -5px; text-transform: none;} h1.type2 span, h1.type3 span, h1.type4 span, h1.type5 span, h1.type6 span, h1.type7 span, h1.type8 span, h1.type9 span, h2.type2 span, h2.type3 span, h2.type4 span, h2.type5 span, h2.type6 span, h2.type7 span, h2.type8 span, h2.type10 span, h2.type14 span, h2.type17 span, h2.type21 span, h2.type23 span, h2.type25 span, h2.type27 span, h2.typevideo span, h2.type9 span { display: inline-block; min-width: 46%; margin-left: -15px; padding: 5px 15px; color: #fff; background: #7f81b1; text-transform: none;} h2 a:hover span, h2 a:focus span { background-color: #333;} h1.type2 span, h1.type3 span, h1.type4 span, h1.type5 span, h1.type6 span, h1.type7 span, h1.type8 span, h1.type10 span, h1.type14 span, h1.type17 span, h1.type21 span, h1.type23 span, h1.type25 span, h1.type27 span, h1.typevideo span, h1.type9 span { padding: 10px 15px;} h1.type3 span, h2.type3 span { background: #e75524;} h1.type4 span, h2.type4 span { background: #bc3c65;} h1.type5 span, h2.type5 span { background: #6d6e70;} h1.type6 span, h2.type6 span { background: #00a8b0;} h1.type7 span, h2.type7 span { background: #7d478c;} /*h1.type8 span, h2.type8 span { background: #7ea53f;}*/ h1.type9 span, h2.type9 span { background: #e53b3a;} h1.type10 span, h2.type10 span { background: #7ea53f;} h1.type14 span, h2.type14 span { background: #4db5a4;} h1.type17 span, h2.type17 span { background: #ed135a;} h1.type21 span, h2.type21 span { background: #7d478c;} h1.type23 span, h2.type23 span { background: #5e2e6d;} h1.type25 span, h2.type25 span { background: #d9c026;} h1.typevideo span, h2.typevideo span { background: #6d6e70;} /*h1.type27 span, h2.type27 span { background: #ed135a;}*/ h1.type2 span a, h1.type2 span a:visited, h2.type2 span a, h2.type2 span a:visited, h1.type3 span a, h1.type3 span a:visited, h2.type3 span a, h2.type3 span a:visited, h1.type4 span a, h1.type4 span a:visited, h2.type4 span a, h2.type4 span a:visited, h1.type5 span a, h1.type5 span a:visited, h2.type5 span a, h2.type5 span a:visited, h1.type6 span a, h1.type6 span a:visited, h2.type6 span a, h2.type6 span a:visited, h1.type7 span a, h1.type7 span a:visited, h2.type7 span a, h2.type7 span a:visited { color: #fff;} #ls-menu .sec2 > a:hover, #ls-menu .sec2 > a:focus, #ls-menu .sec4 > a:hover, #ls-menu .sec4 > a:focus, #ls-menu .sec474 > a:hover, #ls-menu .sec474 > a:focus, #ls-menu .sec477 > a:hover, #ls-menu .sec477 > a:focus, #ls-menu .sec671 > a:hover, #ls-menu .sec671 > a:focus, #ls-menu .sec8 > a:hover, #ls-menu .sec8 > a:focus, #ls-menu .sec10 > a:hover, #ls-menu .sec10 > a:focus, #ls-menu .sec17 > a:hover, #ls-menu .sec17 > a:focus, #ls-menu .sec19 > a:hover, #ls-menu .sec19 > a:focus, #ls-menu .sec13 > a:hover, #ls-menu .sec13 > a:focus, #ls-menu .sec18 > a:hover, #ls-menu .sec18 > a:focus, #ls-menu .sec9 > a:hover, #ls-menu .sec9 > a:focus, #ls-menu .secActualites > a:hover, #ls-menu .sec9 > a:focus, #ls-menu .rentree > a:hover, #ls-menu .rentree > a:focus { color: #000;} h1.sec2, #ls-menu .sec2 > a, #sm-mobile .sec2 > a, .box.sec2 a { color: #4db5a4;} h1.sec4, #ls-menu .sec4 > a, #sm-mobile .sec4 > a, .box.sec4 a, .content .t-grossesse { color: #00a8b0;} /*PAMPERS LOGO*/ .mmplv #ls-menu .sec474{ position: relative; } /*.mmplv #ls-menu .sec474 > a:hover:before{ content: ''; display: block; position: absolute; top: -30px; right: -30px; background: url(../img/logo_pampers_menu.png) no-repeat; font-size: 8px; width: 117px; height: 34px;} .mmplv #ls-menu .sec474 > a.selected:hover:before{ top: -34px;}*/ /*Clearblue LOGO*/ .mmplv #ls-menu .sec2{ position: relative; } /*.mmplv #ls-menu .sec2:hover:before{ content: ''; display: block; position: absolute; bottom: -30px; right: 15px; font-size: 8px; width: 127px; height: 34px;}*/ /*.mmplv #ls-menu .sec2:hover:after{ content: ''; display: block; position: absolute; bottom: -60px; left: 0px; font-size: 8px; width: 970px; height: 60px;}*/ /*.mmplv #ls-menu .sec2 > a:hover:before{ content: ''; display: block; position: absolute; top: -30px; right: 15px; background: url(../img/logo_clearblue_menu.png) no-repeat; font-size: 8px; width: 127px; height: 34px;} .mmplv #ls-menu .sec2 > a.selected:hover:before{ top: -31px;} /*h1.sec8, #ls-menu .sec8 > a, #sm-mobile .sec8 > a, .box.sec8 a { color: #ed135a;}*/ h1.sec9, #ls-menu .sec9 > a, #sm-mobile .sec9 > a, .box.sec9 a { color: #e53b3a;} h1.sec10, #ls-menu .sec10 > a, #sm-mobile .sec10 > a, .box.sec10 a { color: #7ea53f;} /*h1.sec13, #ls-menu .sec13 > a, #sm-mobile .sec13 > a, .box.sec13 a { color: #e98123;}*/ h1.sec17, #ls-menu .sec17 > a, #sm-mobile .sec17 > a, .box.sec17 a { color: #ed135a;} /*h1.sec18, #ls-menu .sec18 > a, #sm-mobile .sec18 > a, .box.sec18 a { color: #d9c026;}*/ /*h1.sec19, #ls-menu .sec19 > a, #sm-mobile .sec19 > a, .box.sec19 a { color: #7ea53f;}*/ h1.sec474, #ls-menu .sec474 > a, #sm-mobile .sec474 > a, .box.sec474 a, .content .t-grandit { color: #7d478c;} h1.sec477, #ls-menu .sec477 > a, #sm-mobile .sec477 > a, .box.sec477 a { color: #5e2e6d;} h1.sec671, #ls-menu .sec671 > a, #sm-mobile .sec671 > a, .box.sec671 a { color: #ffcc00;} #ls-menu .rentree > a { color: #e0c62a;} /*Actualites*/ .mmplv #ls-menu > li > a > span {font-size: 14px !important;} .mmplv #ls-menu > li > a {padding: 8px;} .mmplv #ls-menu > li#sub-menu > a > span {font-size: 13px !important;} #ls-menu .secActualites > a, #sm-mobile .secActualites > a {color: #569db9; position: relative;} #ls-menu .secActualites > a:before{content: ''; display: block; position: absolute; top: -36px; left: 33px; background: url(../img/logo_planeteFMenu.png); width: 47px; height: 45px;} .mmplv #ls-menu { padding-top: 28px;} /*.mmplv #sub-menu .sm{ top: 60px; }*/ .mmplv #sub-menu .sm{ top: 58px; } #ls-menu li > .selected { background: #999;} #ls-menu .sec2 > .selected { background: #4db5a4;} #ls-menu .sec4 > .selected { background: #00a8b0;} /*#ls-menu .sec8 > .selected { background: #ed135a;}*/ #ls-menu .sec9 > .selected { background: #e53b3a;} #ls-menu .sec10 > .selected { background: #7ea53f;} /*#ls-menu .sec13 > .selected { background: #e98123;}*/ #ls-menu .sec17 > .selected { background: #ed135a;} /*#ls-menu .sec18 > .selected { background: #d9c026;}*/ /*#ls-menu .sec19 > .selected { background: #7ea53f;}*/ #ls-menu .sec474 > .selected, .sec-choice.sec474 a { background: #7d478c;} #ls-menu .sec477 > .selected, .sec-choice.sec477 a { background: #5e2e6d;} #ls-menu .sec671 > .selected, .sec-choice.sec671 a { background: #ffcc00;} #ls-menu .secActualites > .selected { background: #569db9;} #ls-menu .secPrenom > .selected { background: #e75524; } #ls-menu .secNoel > .selected { background: #df341a; } .cat.sec2, #bt-sm.sec2, #bt-sm.sec2.active:hover, #bt-sm.sec2.active:focus, .ls-articles .cat.sec2 { background-color: #4db5a4;} .cat.sec4, #bt-sm.sec4, #bt-sm.sec4.active:hover, #bt-sm.sec4.active:focus, .ls-articles .cat.sec4 { background-color: #00a8b0;} /*.cat.sec8, #bt-sm.sec8, #bt-sm.sec8.active:hover, #bt-sm.sec8.active:focus, .ls-articles .cat.sec4 { background-color: #ed135a;}*/ .cat.sec9, #bt-sm.sec9, #bt-sm.sec9.active:hover, #bt-sm.sec9.active:focus, .ls-articles .cat.sec9 { background-color: #e53b3a;} .cat.sec10, #bt-sm.sec10, #bt-sm.sec10.active:hover, #bt-sm.sec10.active:focus, .ls-articles .cat.sec10 { background-color: #7ea53f;} /*.cat.sec13, #bt-sm.sec13, #bt-sm.sec13.active:hover, #bt-sm.sec13.active:focus, .ls-articles .cat.sec13 { background-color: #e98123;}*/ .cat.sec17, #bt-sm.sec17, #bt-sm.sec17.active:hover, #bt-sm.sec17.active:focus, .ls-articles .cat.sec17 { background-color: #ed135a;} /*.cat.sec18, #bt-sm.sec18, #bt-sm.sec18.active:hover, #bt-sm.sec18.active:focus, .ls-articles .cat.sec18 { background-color: #d9c026;}*/ /*.cat.sec19, #bt-sm.sec19, #bt-sm.sec19.active:hover, #bt-sm.sec19.active:focus, .ls-articles .cat.sec19 { background-color: #7ea53f;}*/ #bt-sm.sec474, #bt-sm.sec474.active:hover, #bt-sm.sec474.active:focus, .cat.sec474, button span .bt-grandit, .bt.grandit/*, #side .outil-grandit, .ls-pag.bt-grandit a*/, .ls-articles .cat.sec474 { background-color: #7d478c;} .cat.sec477, #bt-sm.sec477, #bt-sm.sec477.active:hover, #bt-sm.sec477.active:focus, .ls-articles .cat.sec477 { background-color: #5e2e6d;} .cat.sec671, #bt-sm.sec671, #bt-sm.sec671.active:hover, #bt-sm.sec671.active:focus, .ls-articles .cat.sec671 { background-color: #ffcc00;} /* 2nd bookazine refonce*/ .ls-articles .cat.secBookazine { /*background-color: #e6007e;*/ text-transform: uppercase; padding-bottom: 5px; } article.fw-article { padding-bottom: 0px !important; } .fw-article { /*background-color: #e1e4e9;*/ padding-bottom: 0px; } .fw-article .imgHalfRight { /*float: right;*/ margin-bottom: 0px; } .fw-article .imgHalfLeft { /*float: left;*/ margin-bottom: 0px; } .fw-article h3 { border-bottom: 1px solid #333; margin-right: 50%; font-size: 20px; } .fw-article article img { margin-bottom: 0px; } article.fw-article a.vid:after { top: 110px; width: 72px; height: 72px; margin: -36px 0 0 -36px;} .nopadding { padding: 0 !important; margin: 0 !important; } /* /2nd bookazine refonte*/ #ls-menu li > .selected, #ls-menu li > .selected:hover, #ls-menu li > .selected:focus, #ls-menu .sec2 > .selected, #ls-menu .sec2 > .selected:hover, #ls-menu .sec2 > .selected:focus, #ls-menu .sec4 > .selected, #ls-menu .sec4 > .selected:hover, #ls-menu .sec4 > .selected:focus, /*#ls-menu .sec8 > .selected, #ls-menu .sec8 > .selected:hover, #ls-menu .sec8 > .selected:focus,*/ #ls-menu .sec9 > .selected, #ls-menu .sec9 > .selected:hover, #ls-menu .sec9 > .selected:focus, #ls-menu .sec10 > .selected, #ls-menu .sec10 > .selected:hover, #ls-menu .sec10 > .selected:focus, /*#ls-menu .sec13 > .selected, #ls-menu .sec13 > .selected:hover, #ls-menu .sec13 > .selected:focus,*/ #ls-menu .sec17 > .selected, #ls-menu .sec17 > .selected:hover, #ls-menu .sec17 > .selected:focus, /*#ls-menu .sec18 > .selected, #ls-menu .sec18 > .selected:hover, #ls-menu .sec18 > .selected:focus,*/ /*#ls-menu .sec19 > .selected, #ls-menu .sec19 > .selected:hover, #ls-menu .sec19 > .selected:focus,*/ #ls-menu .sec474 > .selected, #ls-menu .sec474 > .selected:hover, #ls-menu .sec474 > .selected:focus, #ls-menu .sec477 > .selected, #ls-menu .sec477 > .selected:hover, #ls-menu .sec477 > .selected:focus, #ls-menu .sec671 > .selected, #ls-menu .sec671 > .selected:hover, #ls-menu .sec671 > .selected:focus { color: #fff;} .text { margin-bottom: 30px;} .text p, .text ul, .text ol, .text dl { margin-bottom: 15px; line-height: 1.3;} .text ul, .ls { list-style-type: disc; margin-left: 20px;} .text ol { list-style-type: decimal; margin-left: 20px;} .text .no-ls { list-style-type: none; margin-left: 0;} .col2, .col2-3, .col2-5, .col3, .col3-4, .col4, .col5 { float: left; margin-right: 3.8%;} .col2 { width: 48%;} .col2-3 { width: 65.4%;} .col2-5 { width: 37.72%;} .col3 { width: 30.75%;} .col3-4 { width: 73.75%;} .col4 { width: 22.05%;} .col5 { width: 16.96%;} .col2.last, .col2-3.last, .col2-5.last, .col3.last, .col3-4.last, .col5.last, .col4.last { margin-right: 0;} .split { padding-top: 30px; border-top: 1px solid #eee;} .text .splitter { margin: 15px 0 0; padding: 0 0 15px; border-top: 1px solid #eee;} #select-section-cat, #select-months-weeks { display: none;} .box { margin-bottom: 30px; background: #eee;} .boxin { margin-bottom: 0; padding: 15px 15px 1px;} .box.email .boxin { background: url(../img/bg-email.png) right center no-repeat;} .box .text { margin-bottom: 0;} .box .alt { background: transparent;} .box.type2 { background: #566165; color: #cdd0d1;} .box.type2 h2, .box.type2 h3, .box.type2 h4 { color: #fff;} .box.type2 a { color: #fff;} .box.type2 a:hover, .box.type2 a:focus, .box.type2 .selected a { color: #ccc;} .box.type3 { background: #ebf7f5;} .box.type4, .promo { background: #ded1e2; color: #555;} .box.type4 a { color: #683179;} .box.type4 .bt, .box.type4 .bt:hover, .box.type4 .bt:focus { color: #fff;} .box.type4 a:hover, .box.type4 a:focus, .box.type4 .selected a { color: #000;} .box.type5 { background: #00a7af; color: #ececec;} .box.type5 h2, .box.type5 h3, .box.type5 h4 { color: #fff;} .box.type5 a { color: #eee;} .box.type5 a:hover, .box.type5 a:focus, .box.type5 .selected a { color: #fff;} .tbl-wrap { margin-bottom: 30px;} .tbl { width: 100%; margin-bottom: 30px;} .tbl .alt, .alt { background: #f6f6f6;} .tbl td, .tbl th { padding: 7px 15px; vertical-align: top;} .tbl tfoot th { background: #666;} .tbl th, #calendar th { background: #566165; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 1.2; font-weight: bold; vertical-align: middle;} .tbl td { border-bottom: 1px solid #ddd;} .tbl tr:hover td { background: #f2fbfb;} .tbl.post tr:hover td { background: inherit;} .tbl .selected, .tbl .selected:hover td { background: #00a8b0; color: #fff;} .tbl .selected a { color: #fff;} .tbl .v-mid { vertical-align: middle;} .tbl.sml { font-size: 12px; display: block; overflow: auto;} .tbl.forum td { vertical-align: top;} .tbl.forum td, .tbl.forum th { padding: 10px;} .ls-pag { margin-bottom: 30px; text-align: center;} .ls-pag li { display: inline; vertical-align: middle;} .ls-pag a { display: inline-block; padding: 5px 12px; color: #fff; background: #424d51; vertical-align: middle;} .ls-pag a:hover, .ls-pag a:focus { background: #000;} .ls-pag .extrem { background: #555;} .ls-pag .selected, .ls-pag .selected:hover, .ls-pag .selected:focus { background: #999;} .ls-pag .next, .ls-pag .prev { text-transform: uppercase; text-transform: uppercase; white-space: nowrap; } .ls-pag .prev a span:before { content: '\2190 '} .ls-pag .next a span:after, .nav .next span:after { content: ' \2192'} .ls-pag .next:hover a, .ls-pag .next:focus a, .ls-pag .prev:hover a, .ls-pag .prev:focus a { background: #111;} .num { margin: 0 20px; font-size: 16px;} #breadcrumb { margin-bottom: 15px; padding-bottom: 5px; font-size: 11px; border-bottom: 1px dotted #999;} #breadcrumb li { display: inline;} .info, .source, .rule, h4.info, .date { color: #999;} a .source { color: #00a8b0;} a:hover .source, a:focus .source { color: #000;} .rule, .content h5.rule, .rule p, label .rule { font-size: 11px; line-height: 1.1;} label .rule { display: block;} .over { color: red;} .FCKarrowGreen { display: block;} .more { display: inline-block; padding: 2px 5px; font-size: 10px; background: #666; color: #fff; text-transform: uppercase;} .box.type2 .more { background: #999;} .more:hover { color: #fff; background: #000;} .more:after { content: ' \2192';} .link-t, .link-t2 { float: right; margin: 3px 0 10px 10px;} .link-t2 { margin-top: -2px;} .options .link-t2 { margin-top: 4px;} #iframe { margin: -15px 0 -6px -15px;} #ovo, #aspq { margin: -15px -15px -8px;} #popUp, .txt-sml { font-size: 12px;} .by-huggies { float: right; margin: -8px 0 10px 10px;} .by-pampers { float: right; margin: -8px 0 10px 10px;} .by-clearblue { float: right; margin: -8px 0 10px 10px;} .by-huggies-article { margin-bottom: 15px;} h3.subt { margin: -20px 0 30px;} .ls-articles {} .ls-articles article { position: relative; margin-bottom: 25px; padding-bottom: 10px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15);} .ls-articles article.col3 { font-size: 12px;} .ls-articles article.col4 h4, .ls-articles article.col4 .info { font-size: 11px;} .ls-articles article.selected a { color: #000;} .ls-articles article h1 { margin-bottom: 12px; font-size: 30px; text-transform: none;} .ls-articles article h3 { font-size: 16px;} .ls-articles article h6 { font-size: 11px; margin-top: 10px;} .ls-articles article .text { margin-bottom: 0;} .ls-articles article img { display: block; margin-bottom: 10px;} .ls-articles article h1, .ls-articles article h2, .ls-articles article h3, .ls-articles article h4, .ls-articles article h5, .ls-articles article h6, .ls-articles article .cat, .ls-articles article p { margin-left: 10px; margin-right: 10px;} .ls-articles article .date { margin: 10px 0 0; padding: 10px 10px 0; border-top: 1px solid #ddd; font-size: 12px;} .ls-articles article .occup { margin-bottom: 10px; color: #999; font-size: 12px; font-style: italic; line-height: 1.2;} .ls-articles .m-vid { background-color: #ded1e2; border: 1px solid rgba(104,49,121,0.25); box-sizing: border-box;} .ls-articles .m-vid .cat { background-color: #683179;} .ls-articles .m-vid a h3, .ls-articles .m-vid a h4 { color: #683179;} .ls-articles .m-vid a:visited h3, .ls-articles .m-vid a:visited h4 { color: #4a1c59;} .ls-articles .m-vid a:hover h3, .ls-articles .m-vid a:hover h4 { color: #000;} .ls-articles .m-vid .date { border-top-color: rgba(104,49,121,0.25);} .ls-articles .m-dossier { background-color: #ebf7f5; border: 1px solid rgba(0,168,176,0.25); box-sizing: border-box;} .ls-articles .m-dossier .cat { background-color: #00a8b0;} .ls-articles .m-dossier .date { border-top-color: rgba(0,168,176,0.25);} .ls-articles .cat, #slider .cat, .ls-products .cat, .cat { display: inline-block; margin-bottom: 10px; padding: 2px 5px; background: #566165; color: #fff; font-size: 10px; text-transform: uppercase;} #slider .cat { position: absolute; left: 5px; top: 5px; margin-bottom: 0;} .cat:hover, .cat:focus, .ls-articles .cat:hover, .ls-articles .cat:focus, .ls-products .cat:hover, .ls-products .cat:focus, #slider .cat:hover, #slider .cat:focus { background: #333; color: #fff;} #box-sponsored .cat { font-size: 9px;} .ls-articles.cols4 article img { width: 100%; height: auto;} #bloc-video .vid img { display: block; margin-bottom: 5px;} /* video play */ /* video play */ .ls-articles.vids article > a, .ls-articles .vid, #vedette, #bloc-video .vid { position: relative; display: block;} .ls-articles.vids article > a:after, .ls-articles .vid:after, #vedette:after, #bloc-video .vid:after { position: absolute; content: ""; left: 50%; margin: -18px 0 0 -18px;} #vedette:after, .ls-articles.vids .col1 > a:after, .ls-articles .col1 .vid:after, .ls-articles .vid:after { top: 180px; width: 72px; height: 72px; margin: -36px 0 0 -36px;} #bloc-video .vid:after { top: 95px;} .ls-articles.vids .col2 > a:after, .ls-articles .col2 .vid:after, .ls-articles .col2.vid:after { /*top: 100px;*/ top: 10px; left: 10px; width: 36px; height: 36px; /*margin: -18px 0 0 -18px;*/ margin: 0; } .ls-articles.vids .col3 > a:after, .ls-articles .col3 .vid:after, .ls-articles .col3.vid:after { /*top: 65px;*/ top: 10px; left: 10px; width: 36px; height: 36px; /*margin: -18px 0 0 -18px;*/ margin: 0; } .ls-articles.vids .col4 > a:after, .ls-articles .col4 .vid:after, .ls-articles .col4.vid:after { /*top: 74px;*/ top: 10px; left: 10px; width: 36px; height: 36px; /*margin: -18px 0 0 -18px;*/ margin: 0; } #box-order {} .by-cat {} .by-cat h5 { display: inline; margin-right: 10px;} .by-type { margin: 15px 0;} .by-type.alone { margin-top: 0;} .by-type h5 { display: inline; margin-right: 10px;} .by-type ul, .by-type li { display: inline;} .by-type h5, .by-type li { vertical-align: middle;} /* banners */ #head .is-banner:before, .content .is-banner:before { display: block; margin-bottom: 2px; text-transform: uppercase; font-size: 9px; text-align: center; color: #999;} .fr #head .is-banner:before, .fr .content .is-banner:before { content: '- publicité -';} .en #head .is-banner:before, .en .content .is-banner:before { content: '- publicity -';} #banner160x600, #m300x250, #m300x250x2, #m300x250x3, #m300x250x4, #div-gpt-ad-1461270820031-9{ margin: 0 auto; text-align: center; } .content .banner970 { width: 970px; margin-left: -5px;, margin-top -20px; margin-bottom: 20px;} .banner970.is-banner > ins { margin-bottom: 19px;} .banner320, .banner320x2 { display: none;} .banner320.is-banner ins, .banner320x2.is-banner ins { max-height: 50px;} div[data-m32-dynamic-ad] { margin-left: -15px; margin-bottom: 30px; } .m300x250, .m300x250x2, .m300x250x3, .m300x250x4, .m300x250x5 { clear: both; display: none;} .m300x250.is-banner, .m300x250x2.is-banner, .m300x250x3.is-banner, .m300x250x4.is-banner, .m300x250x5.is-banner { margin-bottom: 30px; padding-bottom: 15px; background-color: rgba(204,204,204,0.1); border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;} .m300x250:before, .m300x250x2:before, .m300x250x3:before, .m300x250x4:before, .m300x250x5:before { padding-top: 15px;} .m300x250 > ins, .m300x250x2 > ins, .m300x250x3 > ins, .m300x250x4 > ins, .m300x250x5 > ins { width: 300px; margin-left: auto; margin-right: auto; max-height: 250px;} .m300x250 > div.dfp-zone, .m300x250x2 > div.dfp-zone, .m300x250x3 > div.dfp-zone, .m300x250x4 > div.dfp-zone, .m300x250x5 > div.dfp-zone { width: 300px; margin-left: auto; margin-right: auto; max-height: 250px;} .m300x250 > div[data-m32-ad], .m300x250x2 > div[data-m32-ad], .m300x250x3 > div[data-m32-ad], .m300x250x4 > div[data-m32-ad], .m300x250x5 > div[data-m32-ad] { width: 300px; margin-left: auto; margin-right: auto; max-height: 250px;} .m300x250 > div.dfp-zone { width: 300px; margin-left: auto; margin-right: auto; max-height: 600px;} .m300x250 > div[data-m32-ad] { width: 300px; margin-left: auto; margin-right: auto; max-height: 600px;} #slides + .m300x250.is-banner, #share + .m300x250.is-banner { margin-bottom: -1px;} div.dfp-zone-slim { height: 0px !important; overflow: hidden; } .dfp-zone-z640x100 { margin-bottom: 15px; } .banner-aqdfl > ins { width: 640px; margin: 0 0 15px 0;} .banner-commandite.is-banner { margin-top: 0; margin-bottom: 15px;} .dossier-351 .banner-commandite.is-banner { margin-top: -14px; margin-bottom: 15px;} /*stupid ad*/ #DM_1x1 { position: absolute; left: -9999px;} #box-print { display: none; position: absolute; z-index: 100500; top: 15px; right: 15px;} #side-event-img { margin-left: -15px; } /** ******************************************************* /* lists */ .list.thumb .avatar, #box-livres img, #box-comment-form .avatar, #listcomments .avatar, #box-author .avatar, .ls-authors .avatar, .ls-events.day .avatar, #contest-winner .avatar, #profil-public .avatar { float: left; margin-bottom: 12px;} #box-livres h4, #box-livres h5, #box-livres p, #box-comment-form form, #listcomments ul h4, #listcomments ul > div, #listcomments ul p, #listcomments .options, .ls-events.day h4, .ls-events.day .text, .list.thumb h4, .list.thumb h5, .list.thumb h6, .list.thumb p, .list.thumb .options { margin-left: 75px;} #box-author .text, .ls-authors .author, .ls-authors .article { margin-left: 130px;} #contest-winner .text, #profil-public h1, #profil-public p, #profil-public .other-statut { margin-left: 139px;} .list { margin-bottom: 30px;} .list ul { margin-bottom: 15px;} .list li { position: relative; padding: 10px; font-size: 12px;} #listcomments .avatar, .list.thumb .avatar { margin-bottom: 0;} .options { margin-top: 5px; font-size: 11px;} .options a { color: #999;} .options a:hover, .options a:focus { color: #000;} .list .star-rating-control { margin-left: 15px;} .list .text { margin-bottom: 0;} .list2 {} .list2 li { margin-bottom: 15px;} .list-thumbs { margin-bottom: 30px;} .list-thumbs ul { width: 100%; margin-bottom: 5px;} .list-thumbs img { display: block;} /*#listePhotoAjax .list-thumbs li { margin-right: 0;}*/ .list-thumbs li { float: left; /*width: 11.11%;*/ margin-bottom: 10px;} .list-thumbs .info { margin-top: 3px;} .list-thumbs.col2 li, .col2 .list-thumbs li, #side .list-thumbs li { width: 24%; margin-bottom: 10px;} .list-thumbs.big li, #listePhotoAjax .list-thumbs.big li { margin-bottom: 3.8%; margin-right: 3.8%;} .list-thumbs.big .last, #listePhotoAjax .list-thumbs.big .last { margin-right: 0;} .list-thumbs.big li img { width: 100%; height: auto;} #listePhotoAjax {} #listePhotoAjax li { display: inline; margin-right: 5px;} #listePhotoAjax .ls-pag { margin-top: 10px;} #listePhotoAjax .ls-pag li { margin-right: 0;} /** Copyright 2007 Google Inc. All rights reserved. */ .cse-closeResults { float: right; } .cse-closeResults a { display: block; text-align: center; color: #000; font-weight: bold; text-decoration: none; cursor: pointer; font-size: 11px; line-height: 21px;} .cse-overlay-bg { position: absolute; top: 0px; left: 0px; background-color: #000; z-index: 109998;} .cse-overlay { text-align: left; position: absolute; top: 0px; left: 0px; padding: 20px 20px 10px; width: 600px; background-color: #FFF; border: 1px solid #333; font-size: small;} .cse-overlay { z-index: 109999;} .gsc-thumbnail-inside, .gsc-url-top, .gsc-resultsHeader, .gs-visibleUrl-short, .gs-watermark { display: none; } .gs-visibleUrl { color: #000; font-weight: bold; font-size: 12px;} .gs-title { font-size: 16px;} .gsc-webResult { margin-bottom: 15px;} form.gsc-search-box { font-size: 14px; margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px; width: 300px;} table.gsc-search-box { width : 100%;} .gs-per-result-labels { margin-top: 5px;} .gs-per-result-labels span { margin-right: 10px;} a.gsc-branding-clickable { cursor : pointer;} .gsc-cursor-box.gs-bidi-start-align { padding-top: 15px; text-align: center; border-top: 1px solid #ccc;} .gsc-results .gsc-cursor { display : inline;} .gsc-results .gsc-cursor-box { margin-bottom : 10px;} .gsc-results .gsc-cursor-box .gsc-cursor-page { cursor: pointer; color : #00a8b0; margin : 0 15px; display : inline;} .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color : #999; text-decoration: none;} /** ******************************************************* /* home */ #slider, #slides { position: relative; width: 655px; overflow: hidden; margin-left: -15px;} #slider { margin-bottom: 10px;} #slider .w-in, #slides .w-in { width: 9999px; overflow:hidden;} .boutique #slider .w-in { margin-left: 0;} #slider article { position: relative; float: right; width: 655px;} .boutique #slider article { float: left;} #slider article div, #slider img, #slider .cat { margin-left: 15px;} #slider article div { position: absolute; right: 0; left: 15px; bottom: 0; margin: 0; padding: 15px 15px; background: url(../img/bg-slider.png) 0 0 repeat;} #slider h1 { margin-bottom: 0; text-transform: none;} #slider img { display: block;} #slider a:visited h1 a:hover, #slider a:visited h1 a:focus { color: #000;} #slider p { display: none; margin-top: 10px; color: #666;} #count { position: absolute; right: 5px; top: 5px;} #count a { float: left; padding: 5px; background: url(../img/bg-slider.png) 0 0 repeat;} #count .next { margin-left: 5px;} #count .prev:hover span, #count .prev:focus span { background-position: -36px -18px;} #count .next:hover span, #count .next:focus span { background-position: -54px -18px;} #mobile-count { position: absolute; z-index: 1; top: 10px; left: 160px; right: 160px; text-align: center;} #mobile-count li { display: inline-block; width: 7px; height: 7px; margin: 0 2px; background-color: rgba(255,255,255,0.75); border: 1px solid #00a8b0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-indent: -9999px;} #mobile-count .selected { background-color: #00a8b0;} #slides { margin-bottom: 10px; padding-left: 10px;} #slides .w-in { margin-left: -9349px;} #slides article { position: relative; float: right; width: 197px; margin: 0 5px 0 19px;} #main-stories { margin: -25px 0 15px;} #main-stories article { position: relative; float: left; overflow: hidden;} #main-stories article div.slide-txt { position: absolute; left: 15px; right: 15px; bottom: 10px; z-index: 2;} #main-stories article > a { display: block;} #main-stories a, #main-stories .date { color: #fff;} #main-stories strong a { color: #231f20 !important;} #main-stories a:hover, #main-stories a:focus, #main-stories a:hover .date, #main-stories a:focus .date { color: rgba(255,255,255,0.75);} #main-stories .date { margin-top: 5px; text-transform: uppercase; font-size: 12px;} #main-stories img { display: block;} #main-stories .story1 { width: 477px; margin-right: 6px;} #main-stories h1 { font-size: 36px; line-height: 1.1;} #main-stories h2 { font-size: 20px; line-height: 1.1;} #main-stories .story3 h2, #main-stories .story4 h2 { font-size: 16px;} #main-stories .story2 { width: 477px; margin-bottom: 6px;} #main-stories .story3 { width: 236px; margin-right: 6px;} #main-stories .story4 { width: 235px;} #main-stories article:after { content: ''; position: absolute; top: 30%; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(86,97,101,0); background: -moz-linear-gradient(top, rgba(86,97,101,0) 40%, rgba(86,97,101,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(86,97,101,0)), color-stop(100%, rgba(86,97,101,0.8))); background: -webkit-linear-gradient(top, rgba(86,97,101,0) 40%, rgba(86,97,101,0.8) 100%); background: -o-linear-gradient(top, rgba(86,97,101,0) 40%, rgba(86,97,101,0.8) 100%); background: -ms-linear-gradient(top, rgba(86,97,101,0) 40%, rgba(86,97,101,0.8) 100%); background: linear-gradient(to bottom, rgba(86,97,101,0) 40%, rgba(86,97,101,0.8) 100%);} #main-stories article.sec2:after { background-color: rgba(77,181,164,0.8); background: rgba(77,181,164,0); background: -moz-linear-gradient(top, rgba(77,181,164,0) 40%, rgba(77,181,164,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(77,181,164,0)), color-stop(100%, rgba(77,181,164,0.8))); background: -webkit-linear-gradient(top, rgba(77,181,164,0) 40%, rgba(77,181,164,0.8) 100%); background: -o-linear-gradient(top, rgba(77,181,164,0) 40%, rgba(77,181,164,0.8) 100%); background: -ms-linear-gradient(top, rgba(77,181,164,0) 40%, rgba(77,181,164,0.8) 100%); background: linear-gradient(to bottom, rgba(77,181,164,0) 40%, rgba(77,181,164,0.8) 100%);} #main-stories article.sec4:after { background-color: rgba(0,168,176,0.8); background: rgba(0,168,176,0); background: -moz-linear-gradient(top, rgba(0,168,176,0) 40%, rgba(0,168,176,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(0,168,176,0)), color-stop(100%, rgba(0,168,176,0.8))); background: -webkit-linear-gradient(top, rgba(0,168,176,0) 40%, rgba(0,168,176,0.8) 100%); background: -o-linear-gradient(top, rgba(0,168,176,0) 40%, rgba(0,168,176,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,168,176,0) 40%, rgba(0,168,176,0.8) 100%); background: linear-gradient(to bottom, rgba(0,168,176,0) 40%, rgba(0,168,176,0.8) 100%);} /*#main-stories article.sec8:after { background-color: rgba(237,19,90,0.8); background: rgba(237,19,90,0); background: -moz-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(237,19,90,0)), color-stop(100%, rgba(237,19,90,0.8))); background: -webkit-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: -o-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: -ms-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: linear-gradient(to bottom, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%);}*/ #main-stories article.sec9:after { background-color: rgba(229,59,58,0.8); background: rgba(229,59,58,0); background: -moz-linear-gradient(top, rgba(229,59,58,0) 40%, rgba(229,59,58,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(229,59,58,0)), color-stop(100%, rgba(229,59,58,0.8))); background: -webkit-linear-gradient(top, rgba(229,59,58,0) 40%, rgba(229,59,58,0.8) 100%); background: -o-linear-gradient(top, rgba(229,59,58,0) 40%, rgba(229,59,58,0.8) 100%); background: -ms-linear-gradient(top, rgba(229,59,58,0) 40%, rgba(229,59,58,0.8) 100%); background: linear-gradient(to bottom, rgba(229,59,58,0) 40%, rgba(229,59,58,0.8) 100%);} #main-stories article.sec10:after { background-color: rgba(126,165,63,0.8); background: rgba(126,165,63,0); background: -moz-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(126,165,63,0)), color-stop(100%, rgba(126,165,63,0.8))); background: -webkit-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: -o-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: -ms-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: linear-gradient(to bottom, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%);} /*#main-stories article.sec13:after { background-color: rgba(233,129,35,0.8); background: rgba(233,129,35,0); background: -moz-linear-gradient(top, rgba(233,129,35,0) 40%, rgba(233,129,35,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(233,129,35,0)), color-stop(100%, rgba(233,129,35,0.8))); background: -webkit-linear-gradient(top, rgba(233,129,35,0) 40%, rgba(233,129,35,0.8) 100%); background: -o-linear-gradient(top, rgba(233,129,35,0) 40%, rgba(233,129,35,0.8) 100%); background: -ms-linear-gradient(top, rgba(233,129,35,0) 40%, rgba(233,129,35,0.8) 100%); background: linear-gradient(to bottom, rgba(233,129,35,0) 40%, rgba(233,129,35,0.8) 100%);}*/ #main-stories article.sec17:after { background-color: rgba(237,19,90,0.8); background: rgba(237,19,90,0); background: -moz-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(237,19,90,0)), color-stop(100%, rgba(237,19,90,0.8))); background: -webkit-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: -o-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: -ms-linear-gradient(top, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%); background: linear-gradient(to bottom, rgba(237,19,90,0) 40%, rgba(237,19,90,0.8) 100%);} /*#main-stories article.sec18:after { background-color: rgba(217,192,38,0.8); background: rgba(217,192,38,0); background: -moz-linear-gradient(top, rgba(217,192,38,0) 40%, rgba(217,192,38,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(217,192,38,0)), color-stop(100%, rgba(217,192,38,0.8))); background: -webkit-linear-gradient(top, rgba(217,192,38,0) 40%, rgba(217,192,38,0.8) 100%); background: -o-linear-gradient(top, rgba(217,192,38,0) 40%, rgba(217,192,38,0.8) 100%); background: -ms-linear-gradient(top, rgba(217,192,38,0) 40%, rgba(217,192,38,0.8) 100%); background: linear-gradient(to bottom, rgba(217,192,38,0) 40%, rgba(217,192,38,0.8) 100%);}*/ /*#main-stories article.sec19:after { background-color: rgba(126,165,63,0.8); background: rgba(126,165,63,0); background: -moz-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(126,165,63,0)), color-stop(100%, rgba(126,165,63,0.8))); background: -webkit-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: -o-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: -ms-linear-gradient(top, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%); background: linear-gradient(to bottom, rgba(126,165,63,0) 40%, rgba(126,165,63,0.8) 100%);}*/ #main-stories article.sec474:after { background-color: rgba(125,71,140,0.8); background: rgba(125,71,140,0); background: -moz-linear-gradient(top, rgba(125,71,140,0) 40%, rgba(125,71,140,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(125,71,140,0)), color-stop(100%, rgba(125,71,140,0.8))); background: -webkit-linear-gradient(top, rgba(125,71,140,0) 40%, rgba(125,71,140,0.8) 100%); background: -o-linear-gradient(top, rgba(125,71,140,0) 40%, rgba(125,71,140,0.8) 100%); background: -ms-linear-gradient(top, rgba(125,71,140,0) 40%, rgba(125,71,140,0.8) 100%); background: linear-gradient(to bottom, rgba(125,71,140,0) 40%, rgba(125,71,140,0.8) 100%);} #main-stories article.sec477:after { background-color: rgba(94,46,109,0.8); background: rgba(94,46,109,0); background: -moz-linear-gradient(top, rgba(94,46,109,0) 40%, rgba(94,46,109,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(94,46,109,0)), color-stop(100%, rgba(94,46,109,0.8))); background: -webkit-linear-gradient(top, rgba(94,46,109,0) 40%, rgba(94,46,109,0.8) 100%); background: -o-linear-gradient(top, rgba(94,46,109,0) 40%, rgba(94,46,109,0.8) 100%); background: -ms-linear-gradient(top, rgba(94,46,109,0) 40%, rgba(94,46,109,0.8) 100%); background: linear-gradient(to bottom, rgba(94,46,109,0) 40%, rgba(94,46,109,0.8) 100%);} #main-stories article.sec671:after { background-color: rgba(255,204,0,0.8); background: rgba(255,204,0,0); background: -moz-linear-gradient(top, rgba(255,204,0,0) 40%, rgba(255,204,0,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(255,204,0,0)), color-stop(100%, rgba(255,204,0,0.8))); background: -webkit-linear-gradient(top, rgba(255,204,0,0) 40%, rgba(255,204,0,0.8) 100%); background: -o-linear-gradient(top, rgba(255,204,0,0) 40%, rgba(255,204,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(255,204,0,0) 40%, rgba(255,204,0,0.8) 100%); background: linear-gradient(to bottom, rgba(255,204,0,0) 40%, rgba(255,204,0,0.8) 100%);} #main-stories .no-bot-margin { margin-bottom: 0px !important; } #specialistes { margin-bottom: 15px;} #pic-contest { margin-bottom: 40px;} #pic-contest .contest { margin-bottom: 20px;} #pic-contest img { display: block; max-width: 100%; margin-bottom: 5px;} #pic-contest .more { float: right; margin-top: -2px;} .box-contest { margin-bottom: 30px;} .contest { margin-bottom: 20px;} .contest img { display: block; max-width: 100%; margin-bottom: 5px;} #mplv-babillard {} #mplv-babillard img { max-width: 100%;} /** ******************************************************* /* articles */ #article { margin-bottom: 15px; position: relative;} /*#article a { color: #0000EE; } #article a:hover { text-decoration: underline; } #article a:visiter { color: #551A8B; }*/ #article a.external {} #article a.external:after, .ls-articles article .external h1:after, .ls-articles article .external h2:after, .ls-articles article .external h3:after { display: inline-block; width: 18px; height: 18px; margin: 0 0 0 2px; content: ''; background: url(../img/icons.png) -18px -18px no-repeat; vertical-align: middle;} #article a.external:hover:after, .ls-articles article .external:hover h1:after, .ls-articles article .external:hover h2:after, .ls-articles article .external:hover h3:after { background-position: -18px -36px;} #article .source { font-size: 12px; line-height: 1.2;} .img { font-size: 12px;} .img.left, img[align=left], .imgLeft, .ase .pull-left { float: left; margin: 0 10px 10px 0;} .box .img.left, .box .img[align=left] { margin: 0 15px 15px 0;} .img.right, .imgRight, img[align=right], .ase .pull-right { float: right; margin: 0 0 10px 10px; text-align: left; clear: right;} .box .img.right, .box .img[align=right] { margin: 0 0 15px 15px;} .img.fullwidth { float: none; margin-bottom: 15px;} .img.fullwidth img { margin: 0 auto;} .img.main { float: right; width: 316px; margin: 0 0 10px 10px;} .img.main.full { float: none; width: auto; margin-left: 0;} .img img { display: block; margin-bottom: 5px;} .img p { margin-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc;} .img .credit { display: block;} .ase .pull-left, .ase .pull-right { margin-top: 10px;} .credit { font-size: 11px; color: #999; font-style: italic;} .blockquote, blockquote, .ase aside { clear: both; margin-bottom: 15px; padding: 15px; background: #ebf7f5;} .blockquote :last-child, blockquote :last-child { margin-bottom: 0;} .ase aside { background: #F69616; color: #fff;} #article-text .blockquote, #article-text blockquote, .ase aside { clear: right;} #article .article-date { margin: -27px 0 30px;} .text sup { position: relative; top: -4px; font-size: .8em;} .ase-ref { padding-top: 15px; font-size: 12px; border-top: 1px dotted #ccc;} .ase-ref h3 + p { margin-top: 15px;} .ase-ref p { margin-bottom: 12px;} .sharing { min-height: 28px; margin-bottom: 45px;} .sharing li { float: left; margin: 0 20px 3px 0; font-size: 12px; text-transform: uppercase;} .sharing .bt { display: inline;} #fb-big-share { float: right; margin: 0 0 5px 10px;} .sharing .fb-share-button, .sharing .twitter-share-button, .sharing .pin { position: relative!important; top: -3px;} #tw-share { max-width: 80px; height: 20px;} #social-share-default { position: absolute; right: 0px; } .share-buttons { width: 210px; } .share-buttons ul { margin: 0 -5px 0 0; } .share-buttons ul li { list-style: none; background: #566165; /*border-radius: 20px 20px 20px;*/ margin: 0 5px; padding: 5px 8px; text-align: center; width: 16px; float:right; } .share-buttons ul li:hover { background: #111; } .share-buttons ul li a { color: #fff; font-size: 17px; } .content h1.share_test { width: 525px; } #box-related { margin-bottom: 30px;} #bloc-video-article { margin-bottom: 30px;} #bloc-video-article img{ width: 100%;} /*#box-related article, #box-sponsored article { margin-bottom: 0;}*/ .produits-relie { margin-bottom: 15px;} .produits-relie article { margin-bottom: 15px;} .produits-relie img { float: left;} .produits-relie article h3, .produits-relie h4, .produits-relie p { margin-left: 90px;} .produits-relie article h3 { margin-bottom: 5px; font-size: 14px;} .produits-relie h4 { font-size: 12px; text-transform: none;} .stars { margin-bottom: 5px; overflow: hidden;} .stars .title { float: left; margin-right: 8px;} .star-rating-control { display:block;} .stars div { margin: 0;} .section-desc { margin-top: -15px;} .submenu { margin-top: -16px; font-size: 14px; line-height: 1.6; font-weight: bold; background: transparent; border-top: 1px solid #706f73; border-bottom: 1px solid #706f73;} .submenu .boxin { padding: 10px 0;} .submenu li { display: inline;} .submenu a { display: inline-block; padding: 0 7px; white-space: nowrap;} .submenu a:hover, .submenu a:focus { color: #000;} .submenu .selected { color: #000!important;} #bt-sm { float: right; width: 27px; height: 27px; margin-top: 5px; background-color: #00a8b0; display: none;} #bt-sm:hover, #bt-sm:focus { background-color: #000;} #bt-sm.active { background-color: #000;} .sec-choice { margin-bottom: 30px; text-transform: uppercase;} .sec-choice a { display: block; padding: 7px 0; color: #fff; text-align: center; font-size: 16px;} .sec-choice a:hover, .sec-choice a:focus { background: #000;} .sec-choice.sec474 {} .box.tags { margin-bottom: 15px; padding-bottom: 15px;} .box.tags h4, .box.tags p { display: inline;} .box.tags p { font-size: 13px; line-height: 1.2;} .box.tags a { white-space: nowrap;} #ls-gallery { margin-bottom: 30px;} #ls-gallery li { display: inline; margin-bottom: 15px;} #nav-article-gal { position: relative; width: 640px; margin-bottom: 30px;} #nav-article-gal .boxin { width: 610px; overflow: hidden; margin: 0 15px; padding-right: 0; padding-left: 0;} #nav-article-gal .boxin > a { position: absolute; z-index: 100; top: 50%; margin-top: -10px; padding: 2px 7px; background: #e6007e; color: #fff;} #nav-article-gal .boxin > a:hover { background: #000;} #nav-article-gal .boxin .prev { left: -5px;} #nav-article-gal .boxin .next { right: -5px;} #nav-article-gal ul { float: left; margin-bottom: 5px; width: 9999px;} #nav-article-gal li { float: left; width: 116px; margin-right: 10px; margin-bottom: 10px;} #nav-article-gal ul a { display: block; border: 1px solid transparent;} #nav-article-gal img { display: block;} #nav-article-gal a:hover, #nav-article-gal a:focus, #nav-article-gal .selected { border-color: #e6007e;} /** ******************************************************* /* specialist */ .ls-authors { margin-bottom: 30px;} .ls-authors article { padding: 10px; overflow:hidden;} .ls-authors .avatar { margin-bottom: 0;} .ls-authors .author { margin-bottom: 15px;} .ls-authors .author h5 { margin-bottom: 0;} .ls-authors .article h3 { margin-bottom: 5px;} .ls-authors .article p { font-size: 12px;} #box-author { margin-bottom: 15px;} #box-author .text { margin-bottom: 15px;} #box-author .text p, #box-author .text ul { margin-bottom: 0; margin-top: 12px;} #box-author .text p { font-size: 12px;} .text .ls-fl { margin-left: 230px;} /** ******************************************************* /* collaborators */ .ls-alpha { margin-bottom: 30px;} .ls-alpha li { padding: 10px;} .ls-alpha li a { vertical-align: middle;} /** ******************************************************* /* videos */ #video-player { width: 100%; height: auto; margin-bottom: 10px;} #zdg-player { width: 640px; height: 360px; } /** ******************************************************* /* addresses */ .cats { margin-bottom: 30px;} .cats ul { margin-left: 0;} .cats li { float: left; width: 47%; margin-left: 3%;} /** ******************************************************* /* astro */ #astro-desc { margin-bottom: 45px;} /** ******************************************************* /* prenom */ #letters { margin-bottom: 15px;} #letters li { display: inline;} #letters a { display: inline-block; padding: 0 3px; font-size: 18px;} #ls-firstname { margin-bottom: 30px;} #ls-firstname li { margin-bottom: 5px;} /** ******************************************************* /* events */ #calendar { margin-bottom: 15px;} #calendar h2 { display: none;} #calendar h6 { margin-bottom: 5px;} #calendar .calendar-top { overflow: hidden;} #calendar .calendar-top p { float: right;} .nav .prev { margin-right: 5px;} #calendar table { width: 100%; border-collapse: collapse;} #calendar td { width: 14.28%; height: 80px; border: 1px solid #ccc; vertical-align: top;} #calendar th { padding: 10px 10px; text-align: center;} #calendar td { padding: 5px 10px;} #calendar td { text-align: right; font-size: 18px;} #calendar .hover { background: #f2f2f2; cursor: pointer;} .event-type { position: relative; display: block; float: left; width: 9px; height: 9px; top: 7px; left: 0; margin: 0 1px 0 0; background: #f2f2f2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #legende .event-type, .ls-events .event-type { float: none; display: inline-block; top: 0; left: 0; margin: 0 5px 0 0;} .event-type.type1 { background: #566165;} .event-type.type2 { background: #fd1c63;} .event-type.type3 { background: #00a8b0;} #legende { width: 100%; overflow: hidden; margin-bottom: 30px; font-size: 12px;} #legende li { float: left; margin: 0 30px 0 0;} .ls-events {} .ls-events li { padding: 10px 10px 1px;} .events-week { margin-bottom: 10px;} .events-week p { margin-bottom: 2px;} .hour { text-transform: none; color: #666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4;} /** ******************************************************* /* static */ .ls-partners { /*text-align: center;*/} .ls-partners li { display: inline;} .ls-partners img { display: inline-block; margin: 0 10px 10px; vertical-align: middle;} #ls-faq {} #ls-faq .text > ul { margin-left: 0; list-style-type: none;} /** ******************************************************* /* picture contest */ #pic-banner { width: 100%; overflow:hidden; margin: 0 0 30px;} #pic-banner img { display: block; max-width: 100%;} #pic-contest-info { min-height: 205px;} #pictures { margin-bottom: 30px;} #ls-pics { width: 100%; overflow:hidden;} #ls-pics li { float: left; width: 74px; margin-bottom: 8px} #ls-pics li a { float: left;} #ls-pics img { display: block;} #pictures .ls-pag { font-size: 11px;} #pictures .ls-pag a { padding: 3px 8px; } #box-picture-votes {} #box-picture-votes ul { float: left; width: 395px; overflow: hidden; margin: 5px 0 15px;} #box-picture-votes ul li { float: left; width: 74px;} #box-picture-votes ul a { font-size: 11px;} #box-picture-votes img { display: block;} #box-picture-votes .empty { display: block; width: 60px; height: 60px; background: #ccc;} #contest-next { font-size: 12px;} #contest-winner { padding-top: 15px;} #contest-winner h6 { margin-bottom: 5px;} #contest-winner .text { padding-top: 15px;} #contest-winner .text p { line-height: 1.2;} #box-picture-votes {} #box-picture-votes .fl { margin-top: -15px;} .pic-partner { color: #ff4a00; font-weight: bold;} .i-lg .swfupload { float: left; margin-left: 10px;} .i-file .remove { float: left; margin: 5px 0 0 15px;} #thumbnails { clear: both; padding-top: 5px;} #divFileProgressContainer { padding: 10px; background: #f6f6f6; font-size: 12px;} #divFileProgressContainer .progressBarInProgress, #divFileProgressContainer .progressBarComplete, #divFileProgressContainer .progressBarError { font-size:0; width:0; height:3px; background-color:#333; margin-top:2px; } #divFileProgressContainer .progressBarComplete { width:100%; background-color:green;} #divFileProgressContainer .progressBarError { width:100%; background-color:red;} #divFileProgressContainer .progressName { margin-bottom: 0; font-weight: bold; white-space:nowrap; overflow:hidden;} .progressBarStatus { font-style: italic; color: #999;} /** ******************************************************* /* members */ .spacer { margin: 0 5px; color: #999;} .spacer:before { content: "|"; } #recaptcha_response_field { margin-bottom: 10px;} #preg_params { margin: 5px 0 10px;} #preg_params p { float: left; margin-right: 5px;} #preg_params select, #preg_params input { margin: 0;} #preg_params .i-text { margin-top: -5px;} .partner-similac { width: auto; padding: 0 15px 5px; background: #e3f7ff; border: 1px solid #a3e0f8;} .naitre-page-logo { margin-left: 15px; } .partner-naitre { width: auto; padding: 15px 15px 5px; /*background: #fce3de; border: 1px solid #f54d30;*/} .partner-similac img { float: none; margin: -30px 0 0 0;} .partner-similac .similac-photo { float: right; margin: -60px -25px 0 0;} #recrutementForm .partner-similac .i-checkbox { margin-bottom: 0;} #recrutementForm .partner-similac .i-checkbox input { float: left;} #recrutementForm .partner-similac .i-checkbox label { float: none; display: block; width: auto; margin-left: 20px;} .partner-similac .i-text input { max-width: 60%;} .partner-similac .i-info { color: #666;} .box-mission { padding: 15px 15px; background: url(../img/bg-mission.jpg) right 0 no-repeat; background-color:#4cc; color: #fff;} .box-mission h3 { color: #fff;} .box-mission p { width: 340px; margin: 10px 0px;} .box-mission .i-checkbox { margin: 3px 0; padding: 8px; background-color: #f8f8f8; color: #01aab1;} .box-mission .i-checkbox input { float: left; margin-top: 3px;} .box-mission .i-checkbox label { display: block; margin-left: 20px; line-height: 1.1;} .partner-thyme { border: 1px solid #000; background-color: #fff; color: #000;} .partner-thyme > div { float: left; width: 268px; margin-bottom: 0;} .partner-thyme .logo { display: block; margin: 0 auto 0; padding-top: 10px; background-color: #fff; text-align: center;} .partner-thyme .i-checkbox { padding: 20px 10px 10px; font-size: 11px; line-height: 1.2; margin-bottom: 0;} .partner-thyme .i-checkbox input { margin-top: 0;} .partner-thyme .i-checkbox label {} .partner-thyme .address { font-size: 11px; line-height: 1.2; padding: 0 10px; text-align: center;} .partner-thyme .bg { float: right; width: 239px; height: auto;} .partner-thyme .bar { padding: 3px; color: #7f8a98; background-color: #0a1223; font-size: 9px; line-height: 1.1;} .partner-thyme .bar a { color: #7f8a98;} .huggies-sub { margin-top: 40px; padding: 0 0 0 15px; font-size: 11px; line-height: 1.1; color: #3b3b3b; border: 1px solid #6a6a6a; /*background: #dbdbdb url(../img/opt-in/enfamil-opt-in.jpg) center center no-repeat; background-size: cover; height: 175px;*/ } .huggies-sub .col { float: left; width: 265px; margin-bottom: 0;} .huggies-sub .i-checkbox input { margin-top: 0;} .huggies-sub .logo { position: relative; top: -36px;} .huggies-sub .pack { margin: 15px 0 10px 23px;} .huggies-sub .copy { text-align: right; font-size: 9px;} .huggies-sub .bg { float: right; width: 225px;} .opt-in-img { width: 100%; } .dialog-promo-optin.ui-dialog.ui-draggable .ui-dialog-titlebar { background: transparent; border: 0; border-bottom: 3px solid #076fbf; border-radius: initial; margin-bottom: 10px; } .dialog-promo-optin.ui-dialog .ui-dialog-content{ padding: 0 !important; } .dialog-promo-optin.ui-dialog .ui-dialog-content { padding: 0; } .dialog-promo-optin.ui-dialog .ui-dialog-buttonpane button { margin-left: 0.5em; border: 1px solid #ccc; padding: 5px 10px; border-radius: 5px 5px 5px; } .naitre-grandir-news { height: 170px; width: 465px;margin-top: 40px; padding: 0; font-size: 11px; line-height: 1.1; color: #FFF; border: 1px solid #6a6a6a; background: #dec3ac url(../img/naitre-grandir/bg.jpg) 0 0 repeat-x;} .naitre-grandir-news .col { float: left; width: 175px; margin-bottom: 0;} .naitre-grandir-news .i-checkbox input { margin-top: 0; border: #FFF 2px solid; margin: 20px 0 20px 20px; float: none; } .naitre-grandir-news .logo { position: relative; top: 115px; left:145px;} .naitre-grandir-news .pack { margin: 15px 0 10px 23px;} .naitre-grandir-news .copy { text-align: right; font-size: 9px;} .naitre-grandir-news .bg { float: right; margin-right: -24px;} .naitre-grandir-opt-in { height: 170px; width: 465px;margin-top: 40px; padding: 0; font-size: 11px; line-height: 1.1; color: #FFF; border: 1px solid #6a6a6a; background: #dec3ac url(../img/ng-opt-in.png) 0 0 repeat-x; } .naitre-grandir-opt-in .col { float: left; width: 175px; margin-bottom: 0;} .naitre-grandir-opt-in .i-checkbox { margin-left: 23px; margin-top: 10px; } .naitre-grandir-opt-in .i-checkbox input { margin-top: 0; border: #FFF 2px solid; /*margin: 70px 0 20px 20px; float: left; width: 50px;*/} .naitre-grandir-opt-in .i-checkbox label { width: 230px; margin: 81px 0 20px 25px; color: #000; font-size: 1.1em; } .naitre-grandir-opt-in .logo { position: relative; top: 115px; left:145px;} .naitre-grandir-opt-in .pack { margin: 15px 0 10px 23px;} .naitre-grandir-opt-in .copy { text-align: right; font-size: 9px;} .naitre-grandir-opt-in .bg { float: right; margin-right: -24px;} #box-comment-form.large form { margin-left: 0;} #submitBoxComments { margin-top: 0;} .reply { clear: both; margin: 15px 0 -15px 30px;} .reply .alt { background: transparent;} #box-reply-form { clear: both; margin-top: 15px;} .list #box-reply-form .submit { margin-left: 0;} #situationsUser .i-xtra { margin-left: 10px;} .pourquoi .content .text img { border: 1px solid #ccc;} /* adresses */ .vcard {} .fn { display: block; margin-bottom: 5px; font-weight: bold;} .adr { font-style: italic;} .adr div { display: inline-block;} /* page membre */ #menu-account { margin-bottom: 20px; font-size: 12px; border-bottom: 1px solid #ccc;} #menu-account li { position: relative; display: inline;} #menu-account a { display: inline-block; margin-right: 1px; padding: 3px 10px; color: #666;} #menu-account .selected a { color: #000; background: #f6f6f6;} #menu-account a:hover, #menu-account a:focus { color: #000;} #menu-account .badge { display: inline-block; margin-left: 3px;} #box-comments, #box-favoris { margin-bottom: 30px;} #box-comments .forum p img { vertical-align: middle;} #profil-public {} #profil-public .avatar { float: left;} #frmfindfriendbyname {} #frmfindfriendbyname input { width: 170px;} #the-picture img { max-width: 100%;} .isCover .options span, .isCover .cover-action, .cover-action.isCover { display: none;} .move { position: absolute; top: 5px; right: 5px;} .box-children {} .box-children .col4 { overflow: hidden;} #nav-months-weeks { margin-bottom: 30px; text-align: center;} #nav-months-weeks .months { padding: 5px 0;} #nav-months-weeks .months li { float: left; width: 8.33%; font-size: 20px; line-height: 1;} #nav-months-weeks .months a { display: block; width: 42px; height: 37px; margin: 0 auto; padding-top: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #nav-months-weeks .months a:hover, #nav-months-weeks .months a:focus, #nav-months-weeks .months .selected { color: #fff;} #nav-months-weeks span { position: relative; top: 0; display: block; font-size: 10px; line-height: 1; text-transform: uppercase;} #nav-months-weeks .weeks { padding-top: 5px;} #nav-months-weeks .weeks li { float: left; margin-right: 2px;} #nav-months-weeks .weeks a { float: left; display: block; width: 10px; height: 10px; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} /* grossesse */ #side .box-grossesse { display: block; margin-bottom: 15px; height: 85px; background: url(../img/bg-box-grossesse.png) 0 -30px no-repeat; color: #fff;} #side .box-grossesse.sponsor { background-image: url(../img/bg-box-grossesse-huggies.png);} #side .box-grossesse h3 { margin-bottom: 0; padding: 20px 10px 5px; color: #fff;} .box-grossesse p { padding: 0 10px;} #graph p { font-size: 11px; color: #999;} #ls-journal {} #ls-journal h4 { float: left;} #ls-journal .stars { float: right;} #graphTip { position: absolute; width: 230px; z-index: 999; text-align: left; font-size: 12px;} #graphTip div { margin: 0 0 0 24px; padding: 7px; background: #EFEFEF; border: 1px solid #7f7f7f; } #nav-months-weeks.type3 .months li { width: 11.11%;} #nav-months-weeks.type3 .months a { background: #d6eaea;} #nav-months-weeks.type3 .months a:hover, #nav-months-weeks.type3 .months a:focus, #nav-months-weeks.type3 .months .selected { background: #00a8b0; color: #fff;} #nav-months-weeks.type3 .weeks { margin-left: 7px;} #nav-months-weeks.type3 .weeks li { float: left;} #nav-months-weeks.type3 .weeks a { background: #00a8b0; width: 14px; height: 14px;} #nav-months-weeks.type3 .weeks a:hover, #nav-months-weeks.type3 .weeks a:focus, #nav-months-weeks.type3 .weeks .selected { background: #d6eaea;} #nav-months-weeks.type3 .weeks .active { background: #000;} #frmJournalGrossesse textarea { width: 460px;} /* grandit */ #box-grandit { display: block; margin-bottom: 30px; height: 85px; background: url(../img/bg-box-grandit.png) 0 -30px no-repeat; color: #fff;} #box-grandit.sponsor { background-image: url(../img/bg-box-grandit2.jpg);} #box-grandit.sponsor { background-image: url(../img/bg-box-grandit2.jpg);} #box-grandit h3 { margin-bottom: 0; padding: 20px 10px 5px; color: #fff;} #box-grandit p { padding: 0 10px;} #nav-months-weeks.type4 .months a { background: #ded1e2; color: #683179;} #nav-months-weeks.type4 .months a:hover, #nav-months-weeks.type4 .months a:focus, #nav-months-weeks.type4 .months .selected { background: #683179; color: #fff;} #nav-months-weeks.type4 .weeks { margin-left: 7px;} #nav-months-weeks.type4 .weeks a { background: #683179;} #nav-months-weeks.type4 .weeks a:hover, #nav-months-weeks.type4 .weeks a:focus, #nav-months-weeks.type4 .weeks .selected { background: #ded1e2;} .enfamil { float: right;} /* messages */ #boxMessages {} #boxMessages .clickable { cursor: pointer;} #boxMessages .tbl a { color: #666;} #boxMessages .tbl .selected a { color: #fff;} #boxMessages .tbl .unread { font-weight: bold; color: #00a8b0;} #boxMessages .tbl .unread a { color: #00a8b0;} .msg-area { height: 300px; margin-top: 15px; padding: 10px; background: #fff; overflow: auto;} #receiverList .submit { margin-bottom: 10px;} html .ui-widget-content .bt:hover, html .ui-widget-content .bt:focus { color: #fff;} /** ******************************************************* * forum */ .stats { font-size: 11px; line-height: 1.1;} .stats p { margin-bottom: 3px;} .forum .desc { word-wrap: break-word; font-size: 12px; line-height: 1.2;} .forum .desc.thread { width: 521px; font-size: 14px;} .forum .desc img { vertical-align: middle;} .timestamp { float: left;} .actions { float: right;} .tools { margin-top: 5px; text-align: right;} .signature { margin-top: 25px; padding-top: 15px; border-top: 1px dotted #999; color: #999;} .pseudo { width: 75px; overflow: hidden; margin-bottom: 5px;} .forum .quote { margin: 10px 0; padding: 10px; background: #f2fbfb; border: 1px solid #ccc; font-size: 12px;} .forum .quote strong { display: block;} .forum .quote .quote { margin: 5px 0;} .forum.post img { max-width: 100%;} #myforumtools { margin-bottom: 30px; padding-bottom: 15px; font-size: 12px;} .max-char { margin-left: 10px;} #replyForm textarea { width: 475px;} /** ******************************************************* * galleries */ .gal-content { position: relative; margin: -15px 0; padding: 25px 10px 0;} #gal-nav { float: right; width: 57px; height: 25px; overflow: hidden;} #gal-nav a { float: left; display: block; width: 26px; height: 100%; background: url(../img/thyme/bt-nav-thyme.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;} #gal-nav .last { margin-left: 5px; background-position: 0 bottom;} #gal-left { position: relative; float: left; width: 334px;} #gal-thumbs { float: left; width: 334px; margin-bottom: 25px;} #gal-thumbs li { position: relative; float: left; width: 101px; height: 101px; margin: 0 10px 10px 0;} #gal-thumbs li a { display: block;} #gal-thumbs li a img { display: block;} #gal-thumbs .selected img { position: absolute; top: -2px; left: -2px; border: 2px solid #00a6dd;} #gal-left p { text-align: right; margin: 0 10px 25px 0;} #gal-left p a { display: inline-block; line-height: 1.2em; padding: 5px 25px; color: #00396a; background: #d6e3eb; text-transform: uppercase;} #gal-left p a:hover { background: #b0c3cc;} #gal-zoom { float: right; width: 597px; margin-bottom: 100px; overflow: hidden;} #gal-zoom ul { width: 9999px; overflow:hidden;} #gal-zoom ul li { float: left; width: 597px;} #gal-zoom > p { overflow: hidden;} #gal-zoom .over img { position: absolute;} #gal-zoom h4 { margin-bottom: 10px; color: #b87a85;} #gal-zoom div { float: left; width: 270px; margin-top: 5px; color: #666;} #gal-zoom .last { float: right; width: 305px;} #gal-zoom div p, #gal-zoom div ol { font-size: 12px;} #gal-zoom div ol { margin-left: 20px; list-style-type: disc; text-align: left;} #gal-zoom ol li { float: none; width: auto; margin-bottom: 5px;} #gal-zoom ol a { display: block; margin-right: 5px; color: #b87a85; font-weight: bold;} #gal-zoom ol a:hover { text-decoration: underline;} #gal-zoom ol span { margin: 0 5px;} #mht {} #mht-content { padding-top: 94px; background: url(../img/mht/bg-content-mht.jpg) 0 0 no-repeat;} #mht #gal-nav { margin-top: 10px; margin-bottom: 13px;} #mht #gal-nav a { background-image: url(../img/mht/bt-nav-mht.png);} #mht #gal-thumbs { margin-bottom: 15px;} #mht #gal-left p { margin-bottom: 5px; text-align: left;} #mht #gal-left p a { display: block; padding: 10px; background: #f2f2f2; color: #00a6dd; font-size: 13px; text-transform: none;} #mht #gal-left p a:hover { background: #ddd;} #mht .credits { font-size: 12px;} /* 10 ans */ #dixans { background: #ddd;} #dixans #wrapper { width: 100%; padding: 0; background-color: transparent;} #dixans .wrapper { width: 100%; padding: 0; background-color: transparent;} #dixans #head > .w-in, #dixans .content article .w-in, #dixans #foot .w-in { position: relative; width: 960px; margin: 0 auto; padding: 0 15px; text-align: left;} #dixans #head { margin-bottom: 0; background-color: #fff;} #dixans #head > .w-in { padding: 15px; background-color: #fff;} #dixans #foot { margin: 0; padding-left: 0; padding-right: 0;} #dixans .content { margin-top: 0;} #dixans .content section .w-in { width: 960px; padding: 180px 0 100px; margin: 0 auto;} #dixans .content #m11 .w-in { padding-top: 100px;} #dixans .content { color: #fff; font-size: 18px;} #dixans .content section { position: relative;} #dixans .content h1 { font-size: 40px; line-height: 1.1; color: #fff; text-transform: none;} #dixans .content .col2 h1 { text-align: left;} #dixans .content .center p { text-align: center;} #dixans #m00 .w-in { font-size: 24px;} #m00 { background: #7ea53f url(../img/mission/mis-bg0.jpg) center 0 no-repeat;} #m01, #m06 { background: #00a8b0 url(../img/mission/mis-bg1.jpg) center 0 no-repeat;} #m02 { background: #7d478c url(../img/mission/mis-bg2.jpg) center 0 no-repeat;} #m03 { background: #4db5a4 url(../img/mission/mis-bg3.jpg) center 0 no-repeat;} #m04 { background: #e53b3a url(../img/mission/mis-bg4.jpg) center 0 no-repeat;} #m05 { background: #7ea53f url(../img/mission/mis-bg5.jpg) center 0 no-repeat;} #m07 { background: #d9c026 url(../img/mission/mis-bg7.jpg) center 0 no-repeat;} #m08 { background: #e98123 url(../img/mission/mis-bg8.jpg) center 0 no-repeat;} #m09 { background: #7d478c url(../img/mission/mis-bg9.jpg) center 0 no-repeat;} #m10 { background: #00a8b0 url(../img/mission/mis-bg10.jpg) center 0 no-repeat;} #m11 { background: #fff url(../img/mission/mis-bg11.jpg) center 0 no-repeat;} #m01 .w-in { background: url(../img/mission/mis-no1.png) center 30px no-repeat;} #m02 .w-in { background: url(../img/mission/mis-no2.png) center 30px no-repeat;} #m03 .w-in { background: url(../img/mission/mis-no3.png) center 30px no-repeat;} #m04 .w-in { background: url(../img/mission/mis-no4.png) center 30px no-repeat;} #m05 .w-in { background: url(../img/mission/mis-no5.png) center 30px no-repeat;} #m06 .w-in { background: url(../img/mission/mis-no6.png) center 30px no-repeat;} #m07 .w-in { background: url(../img/mission/mis-no7.png) center 30px no-repeat;} #m08 .w-in { background: url(../img/mission/mis-no8.png) center 30px no-repeat;} #m09 .w-in { background: url(../img/mission/mis-no9.png) center 30px no-repeat;} #dixans #m00 .w-in, #dixans #m10 .w-in { background: url(../img/mission/mis-no10.png) center 30px no-repeat; padding-top: 245px; font-size: 24px;} #dixans .content #m11, #dixans .content #m11 h1 { color: #666;} .logos { margin-top: 45px;} .logos p { margin-bottom: 25px;} .logos p:after { content: ''; display: inline-block; height: 100%; vertical-align: middle;} .logos a { vertical-align: middle;} .logos img { margin-right: 30px; vertical-align: middle;} .logos .last { margin-right: 0;} /** ******************************************************* * side */ #side {} #side section, #side .is-banner { display: block; margin-bottom: 30px;} #share { margin-top: 30px;} #col #share { display: none; width: 300px; margin: 0 auto 15px;} #side .banner160 { display: block; /*width: 160px;*/ text-align: center; margin-left: auto; margin-right: auto;} #side #box-outils { margin-bottom: 5px; font-size: 12px; line-height: 1;} #side #box-outils li { float: left; width: 50%; margin: 0 0 10px;} #side #box-outils a { display: block; font-weight: bold;} #bloc-social { margin-bottom: 20px;} #bloc-social li { float: left; width: 50%; margin-bottom: 12px;} #bloc-social img { display: block; margin-bottom: 5px;} #bloc-social .btn { position: relative; top: -2px; display: inline-block; margin-right: 5px; padding: 2px 5px; background: #ececec; border: 1px solid #ccc; color: #333; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #bloc-social .btn:hover, #bloc-social .btn:focus { border-color: #999;} #bloc-social .nb { display: inline-block; line-height: 1;} .share-foot { clear: both; display: none; text-align: center; margin-top: 30px;} .banner-partner { min-height: 130px;} .dossier-vedette { position: relative; margin-bottom: 30px; padding: 8px; border: 1px solid #e0e0e1;} .dossier-vedette h2 { margin-bottom: 10px; font-size: 14px; color: #716f73; text-transform: uppercase;} .dossier-vedette.eggs h2 { text-transform: none;} .dossier-vedette h3 { margin-bottom: 2px;} .dossier-vedette h4 { margin: -5px 0 10px; font-size: 11px; color: #004d96; /*color: #b22029;*/} .dossier-vedette img { display: block; margin-bottom: 10px; max-width: 100%;} .dossier-vedette .all { font-size: 11px; color: #716f73; text-transform: uppercase;} .dossier-vedette .all:hover, .dossier-vedette .all:focus { color: #000;} .pedia { position: absolute; top: 9px; right: 8px;} .danino { position: absolute; top: 8px; right: 8px;} .calcul{ padding: 15px 15px 40px 15px; width: 270px; position: relative; margin-left: auto; margin-right: auto;} .calcul select{ width: 50px; } .calcul img.calc-logo { width: 150px; position: absolute; bottom: 8px; right: 8px;} .calcul input{ margin: 5px 0;} .calcul button { display: block; } .calcul button span span{ padding: 5px; font-size: 12px;} .calcul p{ margin: 5px 0; } .calcul img.bigbox{ width: 270px; position: static; } .calcul .banner { margin-bottom: 15px; } /** Remote products for boutique */ #boutique-grid-container { margin: 15px 0; } .remote-boutique-brand img { max-height: 50px; } .product-card { text-align: center; } .remote-prod-img { max-width: 90%; display: inline-block; margin: auto; } .product-card h4 { font-size: 10px; margin: 5px; } .remote-produc-price { color: #F6BF3D; font-size: 16px; font-weight: 700; } .remote-produc-price.discount { color: #f68c11; font-size: 18px; font-weight: 700; display: block; margin: auto; } .remote-produc-price.regular { color: #999; text-decoration: line-through; font-weight: 500; } .remote-produc-price .fa{ font-size: 14px; } /** ******************************************************* * footer */ #foot { clear: both; margin: 0 -15px; padding: 10px 15px; background: #eee; font-size: 12px;} #foot h3 { margin-bottom: 5px; font-size: 16px; text-transform: uppercase;} #foot h4 { font-size: 14px; font-weight: bold;} #foot h5 { text-transform: uppercase;} #foot a { color: #999;} #foot-static { margin-top: 12px;} #foot-static > ul { margin-left: 94px; margin-bottom: -20px;} #foot-static li { display: inline; margin-right: 5px;} #copy { float: left; width: 62.6%;} #foot .mplv { float: left; margin: -5px 15px 0 0;} #copy p:first-of-type { padding-top: 30px;} #telefilm { float: right; width: 260px; margin-top: 17px; text-align: right;} #telefilm img { float: right; margin-left: 10px;} #telefilm span { float: left; display: inline-block; margin-top: -4px;} #side #share { margin-bottom: 30px;} #share img { margin-right: 0;} /** ******************************************************* * Responsive */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-phone { } .hidden-tablet { } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } /** ******************************************************* * clear */ .clearfix:after, #menu-account:after, .i-lg .i-text:after, .i-lg .i-textarea:after, .i-lg .i-select:after, .i-lg .i-file:after, .i-lg .i-checkbox:after, .i-lg .i-radio:after, .i-lg .i-multi:after, .list li:after, .ls-details li:after, .blockquote:after, blockquote:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden;} /** ******************************************************* * ColorBox Core Style */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:109999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:url(images/overlay.png) repeat 0 0;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:hidden;}#cboxLoadedContent{overflow:auto;margin-bottom:28px;}#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;border:0;display:block;max-width:none;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;background:#fff;}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;}#cboxTopLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -100px 0;}#cboxTopRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -129px 0;}#cboxBottomLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -100px -29px;}#cboxBottomRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -129px -29px;}#cboxMiddleLeft{width:21px;background:url(images/controls.png) left top repeat-y;}#cboxMiddleRight{width:21px;background:url(images/controls.png) right top repeat-y;}#cboxTopCenter{height:21px;background:url(images/border.png) 0 0 repeat-x;}#cboxBottomCenter{height:21px;background:url(images/border.png) 0 -29px repeat-x;}#cboxError{border:1px solid #ccc;padding:50px;}#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;}#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}#cboxPrevious{position:absolute;bottom:0;left:0;background:url(images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}#cboxPrevious:hover{background-position:-75px -25px;}#cboxNext{position:absolute;bottom:0;left:27px;background:url(images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}#cboxNext:hover{background-position:-50px -25px;}#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}#cboxLoadingGraphic{background:url(../img/ajax-loader.gif) no-repeat center center;}#cboxClose{position:absolute;bottom:0;right:0;background:url(images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}#cboxClose:hover{background-position:-25px -25px;} /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:16px;height:16px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;} div.star-rating { width: 8px;} div.rating-cancel{width:16px;margin:1px 5px 0 0;} .smlRating div.rating-cancel,.smlRating div.star-rating{width:16px;height:16px;} div.rating-cancel,div.rating-cancel a{background:url(../img/delete.gif) no-repeat 0 -59px;} div.star-rating,div.star-rating a{background:url(../img/star.gif) no-repeat 0 0;} .smlRating div.star-rating,.smlRating div.star-rating a{background-image:url(../img/star.gif);} div.rating-cancel a{display:block;width:16px;height:100%;background-position:0 0;border:0;} div.star-rating a{display:block;width:8px;height:100%;background-position:0 0;border:0;} div.star-rating.odd a {background-position: right 0;} .smlRating div.star-rating a{width:16px;} .smlRating div.star-rating-on a,div.star-rating-on a{background-position:0 bottom;} div.star-rating-on.odd a{background-position:right bottom;} .smlRating div.star-rating-hover a,div.star-rating-hover a{background-position:0 center;} div.star-rating-hover.odd a{background-position:right center;} .smlRating div.rating-cancel a:hover,div.rating-cancel a:hover{background-position:0 -59px;} .smlRating div.star-rating-readonly a,div.star-rating-readonly a{cursor:default!important;} .smlRating div.star-rating,div.star-rating{background:transparent!important;overflow:hidden!important;} .nano-img { text-align: center; display: block; float: left; margin: 1px 3px 0px 3px; } .nano-text { margin: auto; display: block; font-weight: bold; margin-bottom: 30px; } .nano-2016-img { text-align: center; display: block; float: left; margin: 3px 0px 0px 0px; } .nano-2016-text { margin: auto; display: block; font-weight: bold; margin-bottom: 30px; color: #00a8b0; } sub { vertical-align: sub; font-size: smaller; } span.currency { font-family: 'Calder LC'; font-size: 20px; } .side-header-h2 { display: block; font-family: 'Roboto', sans-serif; font-size: 20px; margin-bottom: 10px; text-transform: none; color: #231f20; } .side-header-h3 { display: block; font-family: roboto,sans-serif; font-size: 20px; margin-bottom: 10px; line-height: 1; text-transform: none; color: #231f20; } .post-article-doorway { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 20px; margin-bottom: 15px; display: inline-block; min-width: 46%; color: #231f20 !important; } .quick-sub { position: relative; padding-bottom: 15px; } /* force contest to take full column width */ .contest-full-width { width: 100% !important; } #cookie-consent { background-color: rgba(20,20,20,0.8); min-height: 26px; font-size: 14px; color: #ccc; line-height: 26px; padding: 8px 0 8px 0; font-family: "Trebuchet MS",Helvetica,sans-serif; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; width: 100%; padding: -5px 0; text-align: center; } #cookie-consent .consent-policy { color: #ccc; text-decoration: underline; } #cookie-consent .consent-policy:hover { color: #fff; } #close-cookie-consent { float: right; position: absolute; display: inline; cursor: pointer; /*margin: 5px 25px 5px 5px;*/ padding: 0px 9px; border: 1px solid #fff; border-radius: 15px 15px 15px; font-weight: bold; color: #fff; top: 7px; right: 15px; } .cookie-consent-btn { margin: 5px auto; } .forum-review-highlight { white-space: normal !important; color: #555 !important; } /* CatFish Global */ /* #dfp-catfish-wrapper { position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba(20,20,20,0.8); } */ /* #dfp-catfish-ads { position: fixed; bottom: 0; left: 0; right: 0; height: 90px; width: 728px; background-color: #fff; margin: auto; } */ /* /CatFish Global */ /* Intersititiel Clearblue */ .formulaire_clearblue #ageParticipant, .formulaire_clearblue #accordParticipant, .formulaire_clearblue #marqueParticipant, .formulaire_clearblue .i-text, .formulaire_clearblue #connaissanceParticipant{ margin-top: 40px;} .formulaire_clearblue { background: url('../img/formulaire_clearblue.jpg') bottom right #3dc2ef; width:800px; margin:0 auto; color: white; padding: 10px 60px; text-align: left;} .formulaire_clearblue h1{text-transform: uppercase; font-size: 20px; text-align: center;} .formulaire_clearblue h2{text-transform: uppercase; font-size: 15px; color:#127ad1; text-align: center;} .formulaire_clearblue p.label { text-align: left; margin-bottom: 10px;} .formulaire_clearblue input[type=radio], .formulaire_clearblue input[type=checkbox]{ margin-left: 20px; margin-right: 5px; } .formulaire_clearblue input[type=radio]:first-child, .formulaire_clearblue input[type=checkbox]:first-child{ margin-left: 0; } .formulaire_clearblue .i-text{ text-align: left;} .formulaire_clearblue input[type=text], .formulaire_clearblue .i-xtra{margin-left: 60px; color: #000000; } .formulaire_clearblue #choixOpinion span.label {margin-right: 19px; width: 51px; display: inline-block; text-align: center;} .formulaire_clearblue #choixOpinionAccord{margin-left: 212px;} .formulaire_clearblue #choixOpinion{margin-left: 225px; margin-bottom: 15px;} .formulaire_clearblue #choixOpinionAccord span{margin: 5px; display: inline-block; width: 87px; text-align: center;} .formulaire_clearblue #marqueParticipant .i-xtra{margin-left: 0px;} .formulaire_clearblue #accordParticipant .i-xtra{margin: 5px;} .formulaire_clearblue #accordParticipant .i-xtra span, .formulaire_clearblue #marqueParticipant .i-xtra span{margin-right: 50px; width: 173px; display: inline-block;} .formulaire_clearblue #accordParticipant .i-xtra input{position: relative; top: -12px; margin-left:81px;} .formulaire_clearblue #accordParticipant .i-xtra input.tresAccord{margin-left: 20px;} .formulaire_clearblue #marqueParticipant .i-xtra input{margin-left:52px;} .formulaire_clearblue #marqueParticipant .i-xtra input.tresPositif{margin-left: 20px;} .formulaire_clearblue #soumettreclearblue span span{background: #127ad1;} .formulaire_clearblue #soumettreclearblue span span:hover{background: #FFF; color:#127ad1;} .formulaire_clearblue .submit{text-align: center;} #banc-filter { margin: 15px 0; border-top: 1px solid #ccc; padding: 15px 0 0 0; clear: both; } #banc-filter .i-select { margin: 0 0 10px 0; } #banc-filter ul li { margin: 5px; padding: 5px; background: #eee; border-radius: 5px 5px 5px; border: 1px solid #ccc; display: inline; float: left; } #banc-filter ul li.selected { background: #ddd; } #banc-filter ul li:first-child { margin-left: 0; } /*Redirection Huggies*/ .redirectionHuggies{ border: #797a7a 3px solid; padding: 15px; height: 90px; background: #f5f5f5;} .redirectionHuggies .info{ width: 70%; float: left; font-size: 16px; color: #696969;} .redirectionHuggies .compteur{ position: relative; float: right; font-size: 40px; height: 55px; text-align: center; border-radius: 55px; border:#797a7a 5px solid; width: 55px; background: #fff; color: #e33c2c; } @keyframes rot { from { transform: rotate(360deg) translate(-30px) rotate(-360deg); } to { transform: rotate(0deg) translate(-30px) rotate(0deg); } } .redirectionHuggies .compteur .circle {width: 11px; height: 11px; background: #fff; position: absolute; top: 48px; color: #e33c2c; left: 48px; margin: -26px; font-size: 100px; border-radius: 50%; animation: rot 2s infinite linear; } table#query-profiling { margin: 15px; width: 90%; } table#query-profiling, #query-profiling th, #query-profiling td { border: 1px solid; }