@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } .contextual-region .contextual .contextual-links li {display: block !important;} .contextual-region .contextual .contextual-links a { background-color: #fff; color: #333 !important; display: block !important; font-family: sans-serif !important; font-size: small !important; line-height: 0.8em !important; margin: 0.25em 0 !important; padding: 0.4em 0.6em !important;} /*iframe {width: 100%}*/ body.role--anonymous #block-sparadrap-local-tasks {display: none;} div.red {background-color: #CE3632; height: 1px; width: 100%; display: block; clear: both; margin-bottom: 0.75em;} div.blue {background-color: #109EB6; height: 1px; width: 100%; display: block; clear: both; margin-bottom: 0.75em} div.green {background-color: #80C2A3; height: 1px; width: 100%; display: block; clear: both; margin-bottom: 0.75em} div.yellow {background-color: #FBD548; height: 1px; width: 100%; display: block; clear: both; margin-bottom: 0.75em} div.orange {background-color: #ff7b23; height: 1px; width: 100%; display: block; clear: both; margin-bottom: 0.75em} .clear {clear: both;} img.align-right {margin-left: 10px; margin-bottom: 10px;} body {background: #fff7f1; font-size: 14px} body.sparadrap-yellow , body.section-sparadrap, body.section-nous-aider { background: rgba(255,246,212,1); } b, strong {font-weight: bold !important} pre {font-family: 'Open Sans'; font-size: 14px} .layout-container {margin: 0 !important} .layout-container section#content #block-sparadrap-content article a {color: #ff7b23; text-decoration: underline;} body.section-enfants .layout-container section#content #block-sparadrap-content article a {color: #e67e22} body.section-parents .layout-container section#content #block-sparadrap-content article a {color: #e67e22} body.section-professionnels .layout-container section#content #block-sparadrap-content article a {color: #e67e22;} body.section-sparadrap .layout-container section#content #block-sparadrap-content article a {color: #e67e22;} #header {background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.5); position: relative; z-index: 90} #header #top > .container {display: block;} #header #top > .container > div {width: 100%;} #top {border-bottom: 1px solid #fbfbfb; padding: 10px 0; margin-bottom: 30px} #top nav {float: left; /* width: calc(83% - 140px); */ width: calc(83% - 180px); text-align: right;} #top nav li {display: inline-block; font-size: 14px; padding: 0 5px 0 0; text-transform: uppercase; font-weight: 600} #top nav li:after {content: "|"; font-size: 12px; text-transform: uppercase; font-weight: 600; vertical-align: text-bottom; color: #373737} #top nav li a {display: inline-block; padding: 0 5px 0 0; color: #373737 } #top nav.menu--menu-boutique { float: left; width: 132px; margin-right: 40px; } #top nav.menu--menu-boutique a { position: relative; font-size: 14px; color: #fff; background: #ff6600; padding: 2px 20px; box-shadow: none; font-weight: 600; display: inline-block; text-transform: uppercase; transition: all ease .3s; } #top nav.menu--menu-boutique a:hover { transition: 0.6s; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5); } #top nav.menu--menu-boutique li::after { display: none; } /*Found for you block*/ .found-for-you-wrapper { background: rgba(255,246,212,1); margin-top: 50px; padding: 30px 0 115px; } /*search*/ .block-formulaireexposerecherchepage-1-2 > form { display: none; margin: 10px auto 0; max-width: 450px; width: 100%; padding: 0 15px; font-size: 0; } .block-formulaireexposerecherchepage-1-2 > form div { display: inline-block; width: calc(100% - 38.5px); margin-bottom: 0; } .block-formulaireexposerecherchepage-1-2 > form > div:nth-child(2) { width: 38.5px; vertical-align: top; } .block-formulaireexposerecherchepage-1-2 > form .form-text { margin-bottom: 0; } .block-formulaireexposerecherchepage-1-2 > form label { display: none; } .block-formulaireexposerecherchepage-1-2 > form input.form-submit { background-color: #ff7b23; height: 100%; width: 100%; padding: 0; text-indent: -9999px; border-radius: 0; background-image: url(../../images/search.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; width: 100%; height: 38.5px; } #block-formulaireexposerecherchepage-1 {float: left; width: 17%;} #block-formulaireexposerecherchepage-1 form>div {display: inline-block; overflow: hidden; vertical-align: top; height: 25px;} #block-formulaireexposerecherchepage-1 form>div:first-child {width: 84%;} #block-formulaireexposerecherchepage-1 form>div:first-child label {display: none;} #block-formulaireexposerecherchepage-1 form>div:first-child input {height: 100%; border-radius: 0; padding: 0 0 0 5px} #block-formulaireexposerecherchepage-1 form>div:last-child {width: 16%; overflow: hidden;} #block-formulaireexposerecherchepage-1 form>div:last-child {position: relative; margin-left: -5px;} #block-formulaireexposerecherchepage-1 form>div:last-child input {background-color: #ff7b23; height: 100%; width: 100%; padding: 0; text-indent: -9999px; border-radius: 0; background-image: url(../../images/search.svg); background-repeat: no-repeat; background-position: center; background-size: 16px} #block-formulaireexposerecherchepage-1 form>div:last-child:after {} #block-formulaireexposerecherchepage-1 form #edit-actions {padding-bottom: 0; margin-top: 0} #block-sparadrap-search {float: right;width: 100%; max-width: 300px} #block-sparadrap-search .form-actions {display: none} #block-sparadrap-search input[type="search"] {margin: 0; height: 26px; border: 1px solid #a7a7a7; border-radius: 0; width: 250px; display: inline-block;} #block-sparadrap-search .form-item:before {content: "\f002"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; vertical-align: middle; margin: 0 5px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #header-region {position: relative; z-index: 15; background:#fff;} #block-sparadrap-branding {position: absolute; top: -70px; left: 20px; z-index: 30} #header-region .menu {padding-left: 286px;} #header-region .menu li {display: inline-block; vertical-align: middle;} #header-region .menu li a {display: inline-block; text-transform: uppercase; padding: 20px 0px 45px; font-weight: bold; position: relative; font-size: 18px; transition: all ease .3s; color: #000; z-index: 15} #header-region .menu li a.enfants {margin-right: 86px} #header-region .menu li a.parents {margin-right: 55px} #header-region .menu li a.professionnels {margin-right: 42px} #header-region .menu li a.sparadrap {margin-right: 30px} #header-region .menu li:hover a.enfants, #header-region .menu li a.enfants.active, #header-region .menu li a.enfants.is-active {color: #CE3632; transition: 0.6s;} #header-region .menu li:hover a.parents, #header-region .menu li a.parents.active, #header-region .menu li a.parents.is-active {color: #109EB6; transition: 0.6s;} #header-region .menu li:hover a.professionnels, #header-region .menu li a.professionnels.active, #header-region .menu li a.professionnels.is-active {color: #80C2A3; transition: 0.6s} #header-region .menu li:hover a.sparadrap, #header-region .menu li a.sparadrap.active, #header-region .menu li a.sparadrap.is-active {color: #FBD548; transition: 0.6s} #header-region .menu li a.enfants:after, #header-region .menu li a.parents:after, #header-region .menu li a.professionnels:after, #header-region .menu li a.sparadrap:after {content: ""; display: block; text-transform: uppercase; width: 100%; height: 40px; bottom: -20px; left: 0; position: absolute; background-size: 40px; background-position: center; background-repeat: no-repeat; transition: all .2s} #header-region .menu li a.enfants:after {background-image: url(../../images/galet-enfants.svg)} #header-region .menu li a.parents:after {background-image: url(../../images/galet-parents.svg)} #header-region .menu li a.professionnels:after {background-image: url(../../images/galet-professionnels.svg)} #header-region .menu li a.sparadrap:after {background-image: url(../../images/galet-sparadrap.svg)} /* #header-region .menu li a.nous-aider:after {background-image: url(../../images/nous-aider.svg)} */ #header-region .menu li a.nous-aider:after {background-image: url(../../images/coeur-2.svg); background-size: 60px;} #header-region .menu li a.enfants:hover::after, #header-region .menu li a.enfants.active::after {background-size: 50px} #header-region .menu li a.parents:hover::after, #header-region .menu li a.parents.active::after {background-size: 50px} #header-region .menu li a.professionnels:hover::after, #header-region .menu li a.professionnels.active::after {background-size: 50px} #header-region .menu li a.sparadrap:hover:after, #header-region .menu li a.sparadrap.active:after {background-size: 50px} #header-region .menu li a.nous-aider:hover:after, #header-region .menu li a.nous-aider.active:after {background-size: 70px} #header-region .menu li a.boutique {color: #fff; background: #ff6600; padding: 8px 20px; box-shadow: none ; margin: 0 20px 25px; font-weight: 600} #header-region .menu li a.boutique:hover, #header-region .menu li a.boutique.is-active {transition: 0.6s; box-shadow: inset 3px 3px 5px rgba(0,0,0,0.5);} #header-region .menu li a.don {margin-left:20px; top:-7px; text-indent: -9999em; background: url(../../images/faire_un_don_new.svg) center no-repeat; width: 102px; height: 42px; margin-bottom: 25px; attribut: valeur; attribut: valeur; transition: 0.9s; background-size: 100%} #header-region .menu li a.don:hover {background: url(../../images/faire_un_don_new_hover.svg) center no-repeat; transition: 0.9s; background-size: 100%} #sidebar-first fieldset#edit-support--wrapper div.fieldset-wrapper {display: none;} #sidebar-first .form-item-title-ref {position: relative; overflow: hidden; margin-bottom: 20px;} #sidebar-first .form-item-title-ref:after {content: "\f002"; font: normal normal normal 14px/1 FontAwesome; color: #fff; background-color: #ff7b23; padding: 11px 11px 13px 11px; position: absolute; top: 26px; right: 0} #sidebar-first .form-item-title-ref label {font-weight: bold; font-size: 14px; margin-bottom: 5px; display: block;} #sidebar-first .form-item-title-ref #edit-title-ref {overflow: hidden; margin-bottom: 0; padding: 11px; font-size: 11px; text-transform: uppercase; color: #444; border-radius: 0} #sidebar-first .form-item-title-ref #edit-title-ref::placeholder {color: #6d6e76} #sidebar-first .form-item-title-ref #edit-submit-boutique-catalogue {position: absolute; top: 26px; right: 0; width: 35px; opacity: 0; height: 38px; z-index: 50;} #sidebar-first #block-lientoutlecatalogue, #sidebar-first #block-lientoutlecatalogue-2 {margin-top: -20px;} #sidebar-first #block-lientoutlecatalogue div.basic__body, #sidebar-first #block-lientoutlecatalogue-2 div.basic__body {text-align: center;} #sidebar-first #block-lientoutlecatalogue div.basic__body a, #sidebar-first #block-lientoutlecatalogue-2 div.basic__body a {display: inline-block; padding: 4px 10px; border:1px solid #ff7b23; color: #ff7b23; font-weight: 600; line-height: normal; transition: 0.6s} #sidebar-first #block-lientoutlecatalogue div.basic__body a:hover, #sidebar-first #block-lientoutlecatalogue-2 div.basic__body a:hover {background-color: #ff7b23; color: #fff; transition: 0.6s} /* ONLY CHROME CSS */ /*@media screen and (-webkit-min-device-pixel-ratio:0) { #sidebar-first .form-item-nom:after {padding: 11Px; top: 29px;} }*/ /* END CHROME CSS*/ div#main div.container section#content {position: relative;} #sidebar-first, #sidebar-second { background: #fff;} #sidebar-first { padding: 100px 15px 15px;} #sidebar-second , #content {background: #fff; margin-top: 30px; padding: 25px} /*.section-boutique #content {background: transparent; margin-top: 30px; padding: 0} .product_layout.commerce-product.commerce-product--view-mode-full.ds-2col {background: #fff7f1} */ .commerce-product--view-mode-full.ds-2col {margin: -25px} .commerce-product--view-mode-full.ds-2col .group-left {padding: 30px 60px; background: #fff; float: left; width: 72.4%; border-right: 25px solid #fff7f1; position: relative;} .commerce-product--view-mode-full.ds-2col .group-left div.default__body {font-weight: 600} div.default__dynamic-block-fieldcommerce-product-share, div.links {position: absolute; top: 25px; right:-18.5px;} div.links div>ul {padding: 0 !important} div.links div>ul>li {list-style-type: none !important;} .se-links-container {} .se-links-container ul {padding:0 !important} .se-links-container ul li {list-style-type: none !important; } .se-links-container ul li a {height: 37px; width: 37px; text-align: center; display: inline-block; border-radius: 50%; background-image:url(../../images/reseaux-sociaux.png); border:3px solid #fff7f1; text-indent: -9999px; background-repeat: no-repeat; background-position: top center; transition: 0.6s} .se-links-container ul li.mail a {background-position: -1px -37px;} .se-links-container ul li.mail a:hover {background-position: -1px -37px; border:3px solid #ff7b23;} .se-links-container ul li.print a {background-position: -1px 0px ;} .se-links-container ul li.print a:hover {background-position: -1px 0px ; border:3px solid #ff7b23;} .se-links-container ul li.facebook_share a {background-image: url(../../images/facebook.svg); background-color: #3A589E; background-size: 20px; background-position: center;} .se-links-container ul li.facebook_share a:hover {border:3px solid #3A589E;} .se-links-container ul li.facebook_share a:after {content: '\f09a'; position: absolute; top: 0; left: 0} .se-links-container ul li.twitter a {background-image: url(../../images/twitter.svg); background-color: #429CD6; background-position: center; background-size: 20px;} .se-links-container ul li.twitter a:hover {border:3px solid #429CD6;} .se-links-container ul li.googleplus a {background-image: url(../../images/pinterest.svg); ;background-color: #F06564; background-position: center; background-size: 20px;} .se-links-container ul li.googleplus a:hover { border:3px solid #F06564; } .se-links-container ul li.linkedin a {background-image: url(../../images/linkedin.svg); background-color: #0D77B7; background-size: 20px; background-position: center 4px;} .se-links-container ul li.linkedin a:hover {border:3px solid #0D77B7;} .se-links-container ul li a:hover {border: 3px solid #444; transition: 0.6s} .commerce-product--view-mode-full.ds-2col .group-right {padding: 25px 24px; background: #fff; float: right; width: 27.4%;} .commerce-product--view-mode-full.ds-2col .group-right .default__dynamic-block-fieldcommerce-product-grille-prix-produit {margin-top: 40px;} .commerce-product--view-mode-full.ds-2col .group-right .default__variations .field--type-decimal {margin-bottom: 20px;} .commerce-product--view-mode-full.ds-2col .group-right .default__variations input#edit-actions--2 {text-align: center;} #sidebar-first .block, #sidebar-second .block {margin-bottom: 40px;} #sidebar-first #block-jecherchedanslaboutique {margin-bottom: 10px;} #sidebar-first h2, #sidebar-second h2 {color: #ff7b23; font-size: 16px;} /* breadcrumb */ div.group-left nav.breadcrumb {position: relative; left: -30px;} nav.breadcrumb li {font-size: 11px !important; font-weight: bold; color: #000} nav.breadcrumb li a {text-decoration: underline; !important; color: #000 !important; font-size: 11px; font-weight: bold;} nav.breadcrumb li a:hover {transition: 0.6s; text-decoration: underline !important; } nav.breadcrumb li span {font-size: 11px; font-weight: bold;} nav.breadcrumb li:after {content: " > "; text-decoration: none !important;} nav.breadcrumb li:last-child::after {content: ""} /* page title */ #block-sparadrap-page-title h1 {font-size: 20px; background: #ff7b23; color: #fff; max-width: 90%; margin: 20px 0 20px -43px; padding: 4px 30px; font-weight: 600} body.section-parents #block-sparadrap-page-title h1 {background-color: #109eb6} body.section-professionnels #block-sparadrap-page-title h1 {background-color: #80C2A3} body.section-sparadrap #block-sparadrap-page-title h1, body.ssection-nous-aider #block-sparadrap-page-title h1{background-color: #FBD548} body.section-contact #block-sparadrap-page-title h1{background-color: #FBD548;color: black;} /* bottom */ #footer {background: #3a3e47; padding: 40px 0; color: #d6d6d6; margin-top: 30px;} #footer a {color: #d6d6d6} #footer a:hover {color: #fff; text-decoration: underline} .menu--bottom {width: 100%; margin: auto; float: left; max-width: 800px;} .menu--bottom:after {content: ""; clear: both;display: block} .menu--bottom ul li.menu-item--expanded {width: 33%; float: left; padding-right: 30px} .menu--bottom ul li {font-size: 22px; text-transform: uppercase; padding-bottom: 15px; font-weight: 700} .menu--bottom ul li ul {padding-top: 15px;} .menu--bottom ul li ul li {font-size: 18px; text-transform: none; padding-bottom: 5px; font-weight: 600} .nous-suivre:before {clear: both; content: ''} .nous-suivre {clear: both; text-align: center; margin: 40px 0} .nous-suivre h2 {font-size: 20px; font-weight: 600; text-transform: uppercase; color: #d6d6d6 !important} .nous-suivre a {display: inline-block; margin: 0 5px; width: 40px; height: 40px; border-radius: 50%; border: 5px double #131313; box-sizing: content-box; transition: all ease .5s} .nous-suivre a:last-child {margin-left: 9px;} .nous-suivre a i {display: inline-block; margin: 0; width: 40px; height: 40px; border-radius: 50%;font-size: 28px; line-height: 40px; background: #131313; transition: all ease .5s} .nous-suivre a:hover {border: 5px solid #fff;} .nous-suivre a:hover i.fa-facebook {background: #2e5894} .nous-suivre a:hover i.fa-twitter {background: #44a5ef} .nous-suivre a:hover i.fa-linkedin {background: #2e7db3} .nous-suivre a:hover i.fa-youtube {background: #ea3f33} .nous-suivre a:hover i.fa-pinterest {background: #c64941} .nous-suivre a:hover i.fa-instagram { background: #c5246a } #block-sparadrap-footer {} #block-sparadrap-footer li.menu-item a {font-weight: 600} #block-sparadrap-footer li.menu-item:last-child a {background-image: url(../../images/UK.png); background-repeat: no-repeat; background-position: left 3px; background-size: 16px; padding-left: 20px; } #block-sparadrap-footer li.menu-item:last-child a:hover {filter: grayscale(100%); transition: 0.6s} .menu--footer {text-align: center; margin-top: 15px} .menu--footer li {display: inline-block; text-transform: uppercase} .menu--footer li:after {content: "|"} .menu--footer li:last-child:after {content: ""} #footer .block-ideas {float: right; width: 100%; max-width: 380px;} #footer .block-ideas:after {clear: both;} #footer .block-ideas div.basic__body {} #footer .block-ideas div.basic__body div.acces_rapides {text-align: center; } #footer .block-ideas div.basic__body div.acces_rapides a {display: inline-block; vertical-align: middle; width: 70px; height: 70px; background-color: #ccc; background-image: url(../../images/footer-icons-2.png); text-indent: -9999px; background-repeat: no-repeat; border-radius: 50%; background-size: 58px; margin-right: 13%; transition: 0.6s} #footer .block-ideas div.basic__body div.acces_rapides a:nth-child(1) {background-position: 5px -88px;} #footer .block-ideas div.basic__body div.acces_rapides a:nth-child(2) {background-position: 5px 15px;} #footer .block-ideas div.basic__body div.acces_rapides a:nth-child(3) {background-position: center -195px; margin-right: 0} #footer .block-ideas div.basic__body div.acces_rapides a:hover {transition: 0.6s; background-color: #ffcd47} #footer .block-ideas div.basic__body div.ideas {margin-top: 25px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} #footer .block-ideas div.basic__body div.ideas a {display: inline-flex; background: none; vertical-align: middle; height: 82px; padding: 0 8px; vertical-align: middle; align-items: center; font-size: 11px; color: #fff; line-height: 16.5px; text-align: justify; } #footer .block-ideas div.basic__body div.ideas a:first-child {background-image: url(../../images/logo-ideas.png); background-repeat: no-repeat; background-position: left center; background-size: 100% auto; height: 72px; width: 160px; padding: 0; text-indent: -9999px} #footer .block-ideas div.basic__body div.ideas a:last-child {width: calc(100% - 160px);} #footer .block-ideas div.basic__body div.ideas a:hover {text-decoration: none;} /* Vue boutique */ .view-boutique {margin: 30px 0} .view-boutique header {margin: 0 0 30px 0; text-align: center;} .view-boutique .views-view-grid .views-col {padding: 0 25px; margin-bottom: 60px} .view-boutique .views-field-title {font-size: 14px; line-height: 1.25em; font-weight: 600; padding: 8px 0; min-height: 87px;} .view-boutique .views-field-view-commerce-product a {background: #ff7b23; color: #fff; text-decoration: none; display: block; padding: 4px; text-align: center; font-size: 16px; font-weight: 600; transition: 0.6s} .view-boutique .views-field-view-commerce-product a:hover {background-color: #444; transition: 0.6s;} .view-boutique .pager ul {position:relative; display:block; margin:0 auto; text-align:center;} .view-boutique .pager ul li a {color: #000} .view-boutique .pager .pager__item--previous a :before {content: ''; background-color: #fff; background-image: url(../../images/triangle.png); background-repeat: no-repeat; background-position: center; height: 16px; width: 10px; position: absolute; top: 0px; left: -10px; opacity: 1; transform: rotate(180deg); border:1px solid #9c9c9c; padding:10px;} .view-boutique .pager .pager__item--previous a {position: relative;} .view-boutique .pager .pager__item--next a {position: relative; } .view-boutique .pager .pager__item--next a:after {content: ''; background-color: #fff; background-image: url(../../images/triangle.png); background-repeat: no-repeat; background-position: center; height: 16px; width: 10px; position: absolute; top: 0px; left: 0px; opacity: 1; border:1px solid #9c9c9c; padding: 10px;} .view-boutique .pager .pager__item--next a, .view-boutique .pager .pager__item--previous a {color:#ff7b23; font-weight:bold} .view-boutique .pager__item--first, .view-boutique .pager__item--last {display:none} .view-boutique .pager__item {margin:0 7px;} .view-boutique .pager__item--active {} .view-boutique ul li.pager__item--active a {font-weight:bold; color: #ff7b23; box-sizing: border-box; } .facet-item label, .views-exposed-form label {font-size: 12px; display: inline} .field-label-inline {display: inline} .more-products .default__feuilletage {width: 100%; margin-left: 0;} .more-products .default__feuilletage a {display: block; width: 100%; font-size: 14px} .view-boutique .views-field-field-visuel .field-content a {width: auto; height: 220px; display: table-cell; vertical-align: middle; text-align: center; margin: auto;} .view-boutique .views-field-field-visuel .field-content a img {max-width: 100%; max-height: 220px; width: auto; height: auto} #block-texteaccueilboutique {text-align: justify} #block-texteaccueilboutique div.basic__body p {font-weight: bold; line-height: 26px;} #sidebar-first .block#block-titrefiltresboutique {margin-bottom: 15px; color: #ff7b23; font-weight: 700; font-size: 16px} .bef-exposed-form.block fieldset {margin-bottom: 15px; display: block} .bef-exposed-form.block fieldset legend {font-size: 14px; font-weight: 700; cursor: pointer} .bef-exposed-form.block fieldset legend span {text-decoration: none;} .bef-exposed-form.block fieldset legend:before {content: "+"; font-size: 18px; font-weight: 700; color: #ff7b23; display: inline-block; width: 18px} .bef-exposed-form.block fieldset legend.open:before {content: "-"} .bef-exposed-form.block .form-actions {text-align: center; margin-top: 30px} .bef-exposed-form.block .form-actions input {padding: 10px 40px 5px; text-transform: none; font-family: 'Open Sans'; padding:6px 25px; border-radius: 0} .bef-exposed-form.block .form-item-nom label {font-size: 16px; font-weight: 700; margin-bottom: 5px; display: block;} .bef-exposed-form.block fieldset#edit-support--wrapper legend:before {content: "-"} .bef-exposed-form.block fieldset#edit-support--wrapper legend.open:before {content: "+"} /* Cachons la case à cocher */ .bef-exposed-form.block [type="checkbox"]:not(:checked), .bef-exposed-form.block [type="checkbox"]:checked { position: absolute; left: -9999px; } /* on prépare le label */ .bef-exposed-form.block [type="checkbox"]:not(:checked) + label, .bef-exposed-form.block [type="checkbox"]:checked + label { position: relative; /* permet de positionner les pseudo-éléments */ padding-left: 25px; /* fait un peu d'espace pour notre case à venir */ cursor: pointer; /* affiche un curseur adapté */ } .bef-exposed-form.block [type="checkbox"]:not(:checked) + label:before, .bef-exposed-form.block [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:0; bottom: 2px; width: 15px; height: 15px; /* dim. de la case */ border: 1px solid #aaa; background: #fff; } /* Aspect général de la coche */ .bef-exposed-form.block [type="checkbox"]:not(:checked) + label:after, .bef-exposed-form.block [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; bottom: -7px; left: 0; font-size: 26px; color: #ff7b23; transition: all .2s; /* on prévoit une animation */ } /* Aspect si "pas cochée" */ .bef-exposed-form.block [type="checkbox"]:not(:checked) + label:after { opacity: 0; /* coche invisible */ transform: scale(0); /* mise à l'échelle à 0 */ } /* Aspect si "cochée" */ .bef-exposed-form.block [type="checkbox"]:checked + label:after { opacity: 1; /* coche opaque */ transform: scale(1); /* mise à l'échelle 1:1 */ } /* produit full */ h1, .default__dynamic-token-fieldcommerce-product-title h1 {font-size: 20px; background: #ff7b23; color: #fff; max-width: calc(90% + 37px); margin: 20px 0 20px -77px; padding: 4px 30px; font-weight: 600;} h2 {font-size: 20px; color: #ff7b23; font-weight: bold; margin-top: 15px; margin-bottom: 15px} h3 {font-size: 17px; font-weight: bold; margin-top: 15px; margin-bottom: 8px} h4, h5, h6 {font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 4px;} body p {font-size: 14px;} .default__visuel {float: left; padding-right: 20px; max-width: 200px; height: auto} #product_image_gallery {font-size: 0; width: auto; float: left} #product_image_gallery:after {content: ""; display: block; clear: both} #product_image_gallery .thumbnails {width: 60px; float: left; cursor: pointer} #product_image_gallery .visuel {width: 200px; float: left; margin-left: 10px; position: relative; margin-right: 40px;} #product_image_gallery img {max-width: 100%; height: auto} #product_image_gallery .visuel img {display: none} #product_image_gallery .visuel img:first-child {display: block} #product_image_gallery .thumbnails img {margin-bottom: 5px;} .field_description__corps {/* float:left */float: none ; text-align: justify;} .field-collection-item.field-collection-item--name-field-description.field-collection-item--view-mode-full {clear: both} .field_description__titre {color: #ff7b23; font-size: 21px; border-bottom: 1px solid #ff7b23; padding: 10px 0 0px; font-weight: 600; margin-bottom: 20px; cursor: pointer} .field_description__titre:before {content: "+"; font-size: 25px; color: #fbd700; font-weight: 700; display: inline-block; width: 25px} .field_description__titre.open:before {content: "-"; font-size: 25px; color: #fbd700; font-weight: 700} .commerce-price-table {padding: 20px 25px; padding-bottom: 0; border: 1px solid #eee; border-bottom: 0} .commerce-price-table-subtotal {display: inline-block; padding: 5px 20px; border: 1.5px solid #ff7b23; margin-bottom: 25px; border-radius: 3px; font-weight: 600; font-size: 18px} .commerce-price-table-subtotal span {font-weight: 400; display: inline-block; padding: 0 15px} .commerce-order-item-add-to-cart-form {padding: 25px; border: 1px solid #eee; border-top: 0;} .field--name-quantity label, .field--name-quantity input {display: inline; font-size: 18px} .field--name-quantity input {width: 70px; text-align: center} .commerce-price-table h3 {margin: 0 0 10px 0; font-size: 21px; font-weight: 600; color: #ff7b23; padding: 3px 0px 3px 0px; display: block; text-align: center;} .commerce-price-table p {font-size: 14px; color: #666} .commerce-price-table strong {margin: 5px 0 15px; font-size: 18px; font-weight: normal !important; display: block; color: #333} .commerce-price-table ul li {margin: 0; font-size: 14px; color: #666} .commerce-price-table p {margin: 0} .produit-indisponible {background: #737373; color: #fff; padding:8px 5px; text-align:center; font-weight:bold;} .commerce-order-item-add-to-cart-form #edit-actions {text-align: center;} .more-products .layout {width: 20%; padding: 0 40px 0 0; float: left} .more-products .layout h3 {font-size: 13px; font-weight: 600; min-height: 83px;} .more-products .layout a.more {background: #ff7b23;color: #fff; text-decoration: none; display: block; padding: 4px; text-align: center; font-size: 14px; font-weight: 600; transition: 0.6s} .more-products .layout a.more:hover {background-color: #444; transition:0.6s} .more-products .layout .default__visuel {float: none; padding-right: 0; margin-bottom: 5px;max-height: 160px;} .more-products .layout .default__visuel img {max-width: 100%; height: auto} .more-products h2 {color: #ff7b23; font-size: 24px; border-bottom: 1px solid #ff7b23; padding: 10px 0 4px; font-weight: 600; margin-bottom: 20px; cursor: pointer; clear: both;} .more-products h2:before {content: "+"; font-size: 28px; color: #fbd700; font-weight: 700; display: inline-block; width: 25px} .more-products h2.open:before {content: "-"; font-size: 28px; color: #fbd700; font-weight: 700} .more-products .layout .default__visuel a {width: 160px; height: 160px; display: table-cell; vertical-align: middle; text-align: center} .more-products .layout .default__visuel a img {max-width: 100%; max-height: 160px; width: auto; height: auto} .field_ref {color: #808080; font-size: 13px; margin-bottom: 15px} .default__star {overflow: hidden;} .default__feuilletage {clear: both; margin: 0 0 55px 0; position: relative; max-width: 310px; text-align: center; margin-left: 17px} .default__feuilletage a {color: #fff !important; font-size: 16px; display: inline-block; padding: 5px 15px; font-weight: 600; background-color: #ff7b23; position: relative; top: 12px; text-decoration: none !important; transition: 0.6s; margin: 0 auto} .default__feuilletage a:hover {background-color: #444444} /* body.role--anonymous .default__feuilletage:after {content: 'Connectez-vous ou créez un compte pour feuilleter le document'; position: absolute; transform: scale(0); transition: 0.6s; background-color: #fff; font-weight: bold; border:1px solid #000; padding:15px; width: 200px; left: 300px; top: -70px; text-align: center; z-index: 1;} body.role--anonymous .default__feuilletage:hover:after {transform: scale(1);} */ .lien-download {padding: 20px 25px; border: 1px solid #eee; margin-top: 25px; display: none;} .lien-download .field-label-above{margin: 0 0 10px 0; font-size: 21px; font-weight: 600; color: #ff7b23; padding: 3px 0px 3px 0px; display: block; text-align: center;} .lien-download div span {display: block; margin-top: 10px; font-size: 12px;} .more-products h2.field-label-above{font-size: 21px;} /* cart block */ .commerce-cart-block--contents__heading {font-size: 21px; color: #fff; font-weight: 600; background: #737373; text-align: center; height: 50px; border-radius: 4px; line-height: 40px; cursor: pointer} .commerce-cart-block--contents__heading span.tt {background: #737373; display: inline-block; padding: 5px; height: 50px;} .commerce-cart-block--contents__heading span.nb {background: #ff7b23; display: inline-block; float: right; padding: 5px 15px; height: 50px; position: relative; border-radius: 0 4px 4px 0} .commerce-cart-block--contents__heading span.pp {display: inline-block; padding: 5px; background: #ff7b23 url(../../images/panier.svg) center no-repeat; background-size: 35px; height: 50px; width: 60px; float: left; border-radius: 4px 0 0 4px} .commerce-cart-block--contents__heading span.nb:before {content: ""; display: block; width: 0; height: 0; position: absolute; left: -24px; top: 14px; border: 12px solid transparent; border-right: 12px solid #ff7b23} #block-panier div.cart-block header {margin: 20px 0; text-align: center;} #block-panier div.cart-block header strong {color: #ff7b23} .commerce-cart-block {position: relative} .cart-inner {display: none; width: 100%; background: #fff; border-radius: 0 0 6px 6px; padding: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); position: absolute; top: 50px; left: 0; z-index: 30} .commerce-cart-block--contents__heading.open span.nb:before {content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50px; border: 12px solid transparent; border-top: 12px solid #ff7b23; z-index: 100; margin-left: -12px;} .cart-inner div.views-row {} .cart-inner .views-field-nothing {margin-bottom: 10px; padding: 10px; height: 119px; overflow: hidden;} .cart-inner .views-field-nothing div span {display: inline-block; float: right} .commerce-cart-block .cart-inner .visuel {display: block; width:100%; padding: 0; float: left; max-width: 68px; margin-right: 10px; min-height: 100px;} .commerce-cart-block .cart-inner .title {display: block; vertical-align:top; padding:0; line-height: 17px} .commerce-cart-block .cart-inner .title p {display: none;} .commerce-cart-block .cart-inner .quantite {display: block; margin-top: 6px; padding-right: 31px} .commerce-cart-block .cart-inner .quantite span:before {} .commerce-cart-block .cart-inner .quantite span {display: inline-block; text-align: right;} .commerce-cart-block .cart-inner .prix {display: block;} .commerce-cart-block .cart-inner .prix span:before {} .commerce-cart-block .cart-inner .prix span {display: inline-block; text-align: right;} .commerce-cart-block--contents__links {text-align: center; margin: 25px 0 10px} .commerce-cart-block--contents__links a {color: #fff; display: inline-block; padding: 4px 15px; background: #ff7b23; text-decoration: none; font-size: 14px; font-weight: 600; transition: 0.6s} .commerce-cart-block--contents__links a:hover {background-color: #444; transition: 0.6s;} /* cart page */ input.delete-order-item.button {text-indent: -9999em; background-color: transparent; background-image: url(../../images/btn-delete-panier.png); background-repeat: no-repeat; background-position: center; height: 22px; width:21px; display: block; margin: auto; padding: 0;} input.delete-order-item.button:before {content: "x" } /* checkout */ ol.checkout-progress {display: block; margin: 20px 0} .block-commerce-checkout li.checkout-progress--step {padding: 14px 0px; background: #3e454d; color: #fff; margin: 30px 0.2% 30px 0; width: 24.8%; float: left; text-align: center;} .block-commerce-checkout li.checkout-progress--step.checkout-progress--step__current {background: #ff7200; position: relative; font-weight: normal;} .block-commerce-checkout li.checkout-progress--step.checkout-progress--step__current:after {background: #ff7200; position: absolute; content:''; top: 50%; height: 16px; width: 16px; transform: rotate(45deg); margin-top: -8px; right: -9px; border-top: 2px solid #fff; border-right: 2px solid #fff;} /* USER-ORDER */ body.user-order #block-sparadrap-content div.customer__address {color: #333; border-bottom: 0} body.user-order .default__mail {margin: 30px 0;} body.user-order .default__mail div {display: inline-block;} body.user-order .default__mail div:first-child {font-weight: bold; color: #ff7b23} body.user-order #block-sparadrap-content div.customer__address {margin-bottom: 0; padding-bottom: 0} body.user-order #block-sparadrap-content div.customer__address div:first-child {display: none;} body.user-order #block-sparadrap-content div.customer__address p.address {margin-bottom: 0} body.user-order div.customer-information__shipping div.field__label {font-weight: bold; margin-bottom: 10px; color: #ff7b23; font-size: 16px; border-bottom: 1px solid #ff7b23; padding-bottom: 10px; margin-top: 10px;} body.user-order div.customer-billing {margin-top: 20px;} body.user-order div.customer-billing div.field__label {font-weight: bold; margin-bottom: 10px; color: #ff7b23; font-size: 16px; border-bottom: 1px solid #ff7b23; padding-bottom: 10px; margin-top: 10px;} body.user-order div.customer__telephone {margin-bottom: 5px} body.user-order div.customer__telephone-portable {margin-bottom: 5px;} body.user-order #block-sparadrap-content div.customer__statut {margin-bottom: 10px;} body.user-order #block-sparadrap-content div.customer__statut div:first-child {width: auto; text-align: left;} body.user-order #block-sparadrap-content p.address span.given-name, body.user-order #block-sparadrap-content p.address span.family-name, body.user-order #block-sparadrap-content p.address span.address-line1, body.user-order #block-sparadrap-content p.address span.address-line2, body.user-order #block-sparadrap-content p.address span.postal-code, body.user-order #block-sparadrap-content p.address span.locality, body.user-order #block-sparadrap-content p.address span.country {font-weight: normal;} body.user-order div.default__shipping-method div:first-child {display: none;} body.user-order div.default__shipping-method div:last-child {font-weight: bold;} body.user-order div.default__shipping-method div:last-child:after {content: ' : '} body.user-order div.order-information {margin-top: 20px;} body.user-order div.order-information div.default__placed div {display: inline-block;} body.user-order div.order-information div.default__placed div:first-child {font-weight:bold;} body.user-order div.order-information div.default__placed div:first-child:after {content: ' : '} body.user-order div.order-information div.default__state div {display: inline-block;} body.user-order div.order-information div.default__state div:first-child {font-weight: bold;} body.user-order div.order-information div.default__state div:first-child:after {content: ' : '} body.user-order div.views-element-container {margin-top: 20px;} /* CONNEXION - PAGE */ .page-user-login #block-sparadrap-content {border:1px solid #e3e3e3; max-width: 600px; padding: 20px; clear: both; margin-top: 10px;} .page-user-login #block-sparadrap-content label {font-weight: bold;} .page-user-login #block-sparadrap-content div.description {font-size: 12px; margin-bottom: 10px;} #block-sparadrap-local-tasks nav.tabs ul.tabs {border:0; max-width: 600px; margin-bottom: 10px;} #block-sparadrap-local-tasks nav.tabs ul.tabs:after {clear: both; content: '';} #block-sparadrap-local-tasks nav.tabs ul.tabs li:first-child {margin-left: 0;} #block-sparadrap-local-tasks nav.tabs ul.tabs li a {transition: 0.6s} #block-sparadrap-local-tasks nav.tabs ul.tabs li.tabs__tab--active a {background-color: #3e454d} #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 32.9%; vertical-align: middle;} #block-sparadrap-local-tasks nav.tabs ul.tabs li a {display: block; width: 100%; background-color: #ff7b23; color: #fff; text-align: center; border:0; border-radius: 0; padding: 10px 20px; transition: 0.6} #block-sparadrap-local-tasks nav.tabs ul.tabs li a:hover {background-color: #3e454d; transition: 0.6s} /* ADMIN AHTH */ .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs {max-width: 100%} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li {/*width: 14%;*/ width: auto; margin-bottom: 30px;} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li:nth-child(2) a, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li:nth-child(2) a {background-color: #ff7b23} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li a:hover, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li a:hover {background-color: #3e454d; opacity: 1} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li.tabs__tab--active a, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li.tabs__tab--active a {background-color: #3e454d} /* INSCRIPTION */ .page-user-register #block-sparadrap-content #edit-account {border:1px solid #e3e3e3; max-width: 48.4%; padding: 20px; margin-top: 10px; display: block; width: 100%; float: left; margin-bottom: 20px;} .page-user-register #block-sparadrap-content #edit-account label {font-weight: bold;} .page-user-register #block-sparadrap-content #edit-user-picture-wrapper {display: block; max-width: 49%; width: 100%; float: right; padding: 20px; border: 1px solid #e3e3e3; margin-top: 10px;} .page-user-register #block-sparadrap-content #edit-user-picture-wrapper label {font-weight: bold;} .page-user-register #block-sparadrap-content #edit-contact {clear: both; margin-top: 20px;} .page-user-register #block-sparadrap-content #edit-contact summary {font-weight: bold; margin-bottom: 10px;} .page-user-register #block-sparadrap-content #edit-contact input, .page-user-register #block-sparadrap-content #edit-contact label {display: inline-block;} .page-user-register #block-sparadrap-content #edit-timezone {margin: 20px auto;} .page-user-register #block-sparadrap-content #edit-timezone summary {font-weight: bold; margin-bottom: 10px;} .page-user-register #block-sparadrap-content #edit-timezone select {padding: 5px; margin-bottom: 10px;} .page-user-register #block-sparadrap-content div.description {font-size: 12px;} /* REINIT MDP */ .page-user-password #block-sparadrap-content {border:1px solid #e3e3e3; max-width: 600px; padding: 20px; clear: both; margin-top: 10px;} .page-user-password #block-sparadrap-content label {font-weight: bold;} .page-user-password #block-sparadrap-content p {font-size: 12px;} /* CONNEXION - COMMANDE */ .form-wrapper__returning-customer {border:1px solid #e3e3e3 ; padding-top: 70px; position: relative;} .form-wrapper__returning-customer .fieldset-wrapper>a {margin-top: 20px; display: block; padding: 8px 15px 8px 0; color: #ff7b23;} .form-wrapper__returning-customer input {border-radius: 0;} #edit-login>.form-wrapper__returning-customer>legend {position: absolute; padding: 5px 30px; color: #fff; top: -4px; left: 0; width: auto;} #edit-login>.form-wrapper__guest-checkout {border:1px solid #e3e3e3; padding-top: 70px; position: relative;} #edit-login>.form-wrapper__guest-checkout>legend {position: absolute; padding: 5px 30px; color: #fff; top:-4px; left: 0; width: auto;} .form-wrapper__login-option label {font-weight: bold;} .form-wrapper__login-option input.button {font-weight: normal; margin-top: 10px; display: block; float: right; padding: 8px 15px; white-space: normal;} .form-wrapper__login-option input {border-radius: 0} .form-wrapper__login-option #edit-login-register-name--description, .form-wrapper__login-option div.password-confirm, .form-wrapper__login-option div#edit-login-register-password--description {font-size: 12px;} .form-wrapper__login-option #edit-login-register-password {margin-top: 10px;} /* ORDER INFORMATION - COMMANDE */ .layout-checkout-form div.layout-region.layout-region-checkout-main {border:1px solid #e3e3e3; padding: 20px; width: 60%; margin-bottom: 20px;} .layout-checkout-form div.layout-region.layout-region-checkout-footer {float: none; margin-top: 20px; clear: both; width: 60%; padding-right: 0} label.form-required:after{content:' *'; color: red;} div.address-container-inline > .form-item {width: 49%; margin-right: 1.9%;} div.address-container-inline > .form-item:last-child {margin-right: 0; margin-left: -0.31em;} div#edit-payment-information-billing-information-address-0-address-country-code select {width: 100%; padding: 7px; text-shadow: none; box-shadow: none; border:1px solid #ddd;} #menu_mobile {display: none; position: absolute; top:20px; right: 20px; cursor: pointer;} #menu_mobile>i {font-size: 20px;} #menu_mobile>i::before {color: #000000;} /* body.role--administrator div#header-region nav ul.menu li:last-child, body.role--administrator div#header-region nav ul.menu li:nth-child(7), div#header-region nav ul.menu li:last-child, div#header-region nav ul.menu li:nth-child(7) {display: none;} */ body.role--anonymous div#header-region nav ul.menu li:nth-child(6), body.role--anonymous div#header-region nav ul.menu li:nth-child(8), body.role--anonymous div#header-region nav ul.menu li:nth-child(9) { display: none; } .layout-checkout-form div.layout-region.layout-region-checkout-main label {font-weight: bold;} #edit-sidebar-order-summary-summary .views-field-purchased-entity {width: 50%} #edit-sidebar-order-summary-summary .views-field-quantity {text-align: center; width: 25%} #edit-sidebar-order-summary-summary .views-field-total-price__number {text-align: center; width: 25%} .page-checkout-15-order_information li.checkout-progress--step {width: 33.1%} /* REVIEW - COMMANDE */ /*.section-checkout .layout-checkout-form div.layout-region.layout-region-checkout-main fieldset legend {background-color: #ff7b23; color: #fff; padding:10px; margin-bottom: 20px; position: relative; left: -25px; padding-left: 30px; width: 80%; font-size: 16px;}*/ span.btn-commande {text-decoration: underline; color: #ff7b23} .role--authenticated .block-commerce-checkout li.checkout-progress--step {width: 33.1%} .section-checkout .js-form-item-shipping-information-shipments-0-shipping-method-0:nth-child(2){display:none;} .section-checkout .layout-checkout-form select.form-select {width: 100%; padding: 7px 10px; box-sizing: border-box;} .section-checkout .layout-checkout-form select.form-select option {color: #303030; border-color: #ff6600;} .section-checkout input#edit-shipping-information-recalculate-shipping {border-radius: 0; font-family: 'Open Sans'; text-decoration: center; padding:6px 10px; font-size: 14px; line-height: normal;} .layout-checkout-form #edit-shipping-information-shipments {margin-top: 20px;} .layout-checkout-form #edit-shipping-information-shipments .js-form-type-radio input {display: inline-block; vertical-align: middle;} .layout-checkout-form #edit-shipping-information-shipments .js-form-type-radio label {display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: normal;} .layout-checkout-form #edit-review-contact-information {margin-top: 10px;} .layout-checkout-form #edit-review-payment-information {margin-top: 30px;} .layout-checkout-form #edit-review-payment-information a {color: #ff6600; text-decoration: underline;} .layout-checkout-form #edit-review-contact-information div.fieldset-wrapper:before {content: 'E-mail : '; font-weight: bold;} .layout-checkout-form .layout-region-checkout-secondary h3 {margin-bottom: 20px;} .layout-checkout-form #edit-actions {text-align: center;} .layout-checkout-form #edit-actions input, .layout-checkout-form #edit-shipping-information-recalculate-shipping {display: block; margin: 10px auto 0; max-width: 240px; padding: 6px; font-family: 'Open Sans'; font-size: 14px; font-weight: 600; width: 100%; line-height: normal; border-radius: 0} .layout-checkout-form #edit-actions>a {display: block; margin: 1px auto 0; color: #fff; font-weight: 600; background-color: #444; max-width: 240px; padding: 6px; width: 100%;} .layout-checkout-form #payment-information-wrapper, .layout-checkout-form #shipping-information-wrapper {margin-top: 20px;} .layout-checkout-form .form-item-copier-adresse {display:block; margin:15px 0;} .layout-checkout-form .form-item-copier-adresse input {float:left;} .layout-checkout-form .form-item-copier-adresse label {padding:0; margin:0;} .layout-checkout-form .field--name-field-adresse-de-livraison summary {text-align: left; border-bottom: 1px solid #ff7b23; padding-bottom: 10px; margin: 20px 0; width: 100%;} .layout-checkout-form fieldset legend, .layout-checkout-form fieldset legend {text-align: left; border-bottom: 1px solid #ff7b23; padding-bottom: 10px; margin: 20px 0; width: 100%; cursor: pointer;} .layout-checkout-form fieldset#edit-address-list--wrapper legend {border: 1px solid #ff7b23; padding: 10px; cursor: auto; width: auto;} .layout-checkout-form .js-form-item-cgv {margin: 30px 0 0 0px; border-top: 1px solid #ff7b23; padding-top: 20px;} .layout-checkout-form #edit-cgv {position:relative; float:left; top:5px;} .layout-checkout-form label {font-weight:normal !important} .layout-checkout-form label a {text-decoration:underline} .layout-checkout-form #payment-information-wrapper fieldset div.fieldset-wrapper.close {display: none} .layout-checkout-form #payment-information-wrapper fieldset div.fieldset-wrapper.open, .layout-checkout-form #shipping-information-wrapper fieldset div.fieldset-wrapper.open {display: block;} .layout-checkout-form .field--name-field-adresse-de-livraison summary a, .layout-checkout-form fieldset legend span, .layout-checkout-form fieldset legend span {font-weight: bold; color: #ff7b23; display: block; text-align: left; font-size: 16px;} .layout-checkout-form .field--name-field-adresse-de-livraison summary[aria-expanded="true"]:before {content: ' + '; font-weight: bold; color: #fbd700; width: 20px; float:left} .layout-checkout-form #payment-information-wrapper fieldset legend span:before, .layout-checkout-form #shipping-information-wrapper fieldset legend.open span:before {content: ' + '; font-weight: bold; color: #fbd700; width: 20px; display: inline-block;} .layout-checkout-form .field--name-field-adresse-de-livraison summary[aria-expanded="false"]:before {content: ' - '; font-weight: bold; color: #fbd700; width: 20px; float:left} .layout-checkout-form #payment-information-wrapper fieldset legend.open span:before, .layout-checkout-form #shipping-information-wrapper fieldset legend span:before {content: ' - '; font-weight: bold; color: #fbd700} #edit-payment-information .js-form-item-payment-information-billing-information-reuse-profile {margin-bottom: 10px;} #edit-payment-information .js-form-item-payment-information-billing-information-reuse-profile input {display: inline} #edit-payment-information .js-form-item-payment-information-billing-information-reuse-profile label {display: inline} #edit-payment-information-billing-information summary>a.details-title {float: left; position: relative;} #edit-payment-information-billing-information summary>a.details-title:after {content: ''; position: absolute; top: 6px; right: -9px; background-color: #fff; height: 15px; width: 10px;} #shipping-information-shipments-wrapper input, #shipping-information-shipments-wrapper label {display: inline} #edit-address-list div input {display: inline; margin-right: 10px; vertical-align: middle;} #edit-address-list div label {display: inline; vertical-align: middle;} #block-sparadrap-content #edit-entity-customer summary {border-bottom: 1px solid; padding-bottom: 10px; margin-bottom: 10px;} #block-sparadrap-content #edit-entity-customer summary[aria-expanded="true"]:before {content: ' + '; font-weight: bold; color: #fbd700; width: 20px; background-color: #fff;} #block-sparadrap-content #edit-entity-customer summary[aria-expanded="false"]:before {content: ' - '; font-weight: bold; color: #fbd700; width: 20px; background-color: #fff;} /* ONLY CHROME */ @media screen and (-webkit-min-device-pixel-ratio:0) { #block-sparadrap-content #edit-entity-customer summary[aria-expanded="true"]:before {float:left; position: absolute; background-color: #fff; left: 0; top: 0} #block-sparadrap-content #edit-entity-customer summary[aria-expanded="false"]:before {float:left; position: absolute; background-color: #fff; left: -1px; top: 0} } /* END ONLY CHROME */ .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 {display: block; width: 100%; text-align: center; margin-bottom: 5px;} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tbody {display: block; width: 100%; text-align: center;} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tr {display: block; width: 100%; text-align: center; border:1px solid #ddd; margin-top: 20px;} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tr th {display: block; width: 100%; text-align: center;} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tr td {display: block; width: 100%; text-align: center; border-bottom: 0} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-purchased-entity {background-color: #eee;} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-quantity:before {content: 'Quantité : '; font-weight: bold;} .section-checkout .layout-region.layout-region-checkout-secondary .checkout-pane #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-total-price__number:before {content: 'Prix : '; font-weight: bold;} .section-checkout .checkout-pane-order-summary .non-assujettie-tva {display:block; font-size:13px; padding:0 0 15px 0; text-align:center;} .section-checkout .order-total-line {max-width: 200px; margin: auto;} .section-checkout .order-total-line.order-total-line__total {clear: both; padding: 5px 10px; border-radius: 5px; border:2px solid #ff7b23; color: #ff7b23; margin-top: 20px; text-transform: uppercase;} .section-checkout .order-total-line span:first-child {width: 50%; text-align: left;} .section-checkout .order-total-line span:last-child {width: 50%; text-align: right;} div.retour-boutique>a {display: inline-block; padding: 4px 8px; background-color: #ff7b23; color: #fff; font-weight: 600; transition: 0.6s} div.retour-boutique>a:hover {background-color: #3a3e47} /* MODIFY ACCOUNT */ form.profile-customer-delete-form div#edit-actions {padding:20px; display: block; max-width: 280px; width: 100%} form.profile-customer-delete-form div#edit-actions a#edit-cancel {float: left; display: inline-block; padding: 4px 15px; background-color: #555; color: #fff; font-weight: bold;;} form.profile-customer-delete-form div#edit-actions input#edit-submit {float: right;} input#edit-set-default {display: none;} .section-user #block-sparadrap-content label {font-weight: bold; margin-top: 10px;} .section-user #block-sparadrap-content .description {font-size: 12px;} .section-user #block-sparadrap-content div.password-confirm {font-weight: bold;} .section-user #block-sparadrap-content summary {font-weight: bold;} .section-user #block-sparadrap-content details {margin-top: 10px;} .section-user #block-sparadrap-content details input {display: inline-block;} .section-user #block-sparadrap-content details label {display: inline-block; font-weight: normal;} .section-user #block-sparadrap-content input#edit-submit {margin-top: 20px;} .section-user #block-sparadrap-content div#edit-account, .section-user #block-sparadrap-content div#edit-user-picture-wrapper, .section-user #block-sparadrap-content div#edit-language, .section-user #block-sparadrap-content details#edit-contact, .section-user #block-sparadrap-content details#edit-timezone {margin-top: 10px; border:1px solid #e3e3e3; padding: 20px;} .section-user #block-sparadrap-content div#edit-account {float: none; width: 49%; margin-bottom: 20px;} .section-user #block-sparadrap-content div#edit-user-picture-wrapper {float: right; width: 49%} .section-user #block-sparadrap-content div#edit-language {float: right; width: 49%} .section-user #block-sparadrap-content details#edit-contact {float: right; width: 49%;} .section-user #block-sparadrap-content details#edit-timezone {float: right; width: 49%;} .section-user #block-sparadrap-content div#edit-actions {clear: both;} .section-user #block-sparadrap-content details#edit-entity-customer {float: none; width: 49%; border:1px solid #e3e3e3; padding: 20px; margin-top: 20px;} .section-user #block-sparadrap-content details#edit-entity-customer summary {color: #ff7b23; font-size: 16px; position: relative;} .section-user #block-sparadrap-content details#edit-entity-customer>summary {display: none;} .section-user #block-sparadrap-content details#edit-entity-customer summary a {color: #ff7b23; font-size: 16px;} .section-user #block-sparadrap-content details#edit-entity-customer label {font-weight: bold;} .section-user #block-sparadrap-content details#edit-entity-customer select {padding: 8px; width: 100%; box-sizing: border-box;} .section-user #block-sparadrap-content details#edit-entity-customer select option {} .section-user #block-sparadrap-content details#edit-entity-customer select option:hover {} .section-user #block-sparadrap-content {display: block; border:1px solid #ddd; padding: 20px;} .section-user #block-sparadrap-content .dropbutton-action>a {display: inline-block; background-color: #ff7b23; padding: 4px 8px; color: #fff} .section-user #block-sparadrap-content li.edit.dropbutton-action a {margin-top: 20px;} .section-user #block-sparadrap-content li.edit.dropbutton-action {width: 200px; text-align: center;} .section-user #block-sparadrap-content p.address br, .section-checkout #block-sparadrap-content p.address br {display: none;} .section-user #block-sparadrap-content p.address span.organization:before, .section-checkout #block-sparadrap-content p.address span.organization:before {content: 'Société :'; font-weight: bold; display: inline-block; margin-top: 20px; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.organization, .section-checkout #block-sparadrap-content p.address span.organization {display: block; margin-bottom: 5px; } .section-user #block-sparadrap-content p.address span.given-name:before, .section-checkout #block-sparadrap-content p.address span.given-name:before {content: 'Prénom :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.given-name {display: block; margin-bottom: 5px;} .section-checkout #block-sparadrap-content p.address span.given-name {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.family-name:before, .section-checkout #block-sparadrap-content p.address span.family-name:before {content: 'Nom :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.family-name, .section-checkout #block-sparadrap-content p.address span.family-name {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.address-line1:before, .section-checkout #block-sparadrap-content p.address span.address-line1:before {content: 'Adresse :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.address-line1, .section-checkout #block-sparadrap-content p.address span.address-line1 {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.address-line2:before, .section-checkout #block-sparadrap-content p.address span.address-line2:before {content: 'Complément :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.address-line2, .section-checkout #block-sparadrap-content p.address span.address-line2 {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.postal-code:before, .section-checkout #block-sparadrap-content p.address span.postal-code:before {content: 'Code Postal :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.postal-code, .section-checkout #block-sparadrap-content p.address span.postal-code {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.locality:before, .section-checkout #block-sparadrap-content p.address span.locality:before {content: 'Ville :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.locality, .section-checkout #block-sparadrap-content p.address span.locality {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.country:before, .section-checkout #block-sparadrap-content p.address span.country:before {content: 'Pays :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.country, .section-checkout #block-sparadrap-content p.address span.country {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content p.address span.sorting-code:before, .section-checkout #block-sparadrap-content p.address span.sorting-code:before {content: 'Cedex :'; font-weight: bold; display: inline-block; margin-right: 5px; width: 100px; text-align: right;} .section-user #block-sparadrap-content p.address span.sorting-code, .section-checkout #block-sparadrap-content p.address span.sorting-code {display: block; margin-bottom: 5px;} .section-user #block-sparadrap-content div.customer__address>div:first-child, .section-checkout #block-sparadrap-content div.customer__address>div:first-child, .section-user #block-sparadrap-content div.customer__adresse-de-livraison>div:first-child, .section-checkout #block-sparadrap-content div.customer__adresse-de-livraison>div:first-child {font-weight: bold; margin-bottom: 10px; color: #ff7b23; font-size: 16px; border-bottom: 1px solid #ff7b23; padding-bottom: 10px; margin-top: 10px;} .section-user #block-sparadrap-content div.customer__civilite div:first-child, .section-checkout #block-sparadrap-content div.customer__civilite div:first-child {display: inline-block; vertical-align: middle; font-weight: bold; width: 100px; text-align: right;} .section-user #block-sparadrap-content div.customer__civilite div:first-child:after, .section-checkout #block-sparadrap-content div.customer__civilite div:first-child:after {content: ' :'} .section-user #block-sparadrap-content div.customer__civilite div:last-child, .section-checkout #block-sparadrap-content div.customer__civilite div:last-child {display: inline-block; vertical-align: middle;} .section-user #block-sparadrap-content div.customer__statut div:first-child, .section-checkout #block-sparadrap-content div.customer__statut div:first-child {display: inline-block; vertical-align: middle; font-weight: bold; width: 100px; text-align: right;} .section-user #block-sparadrap-content div.customer__statut div:first-child:after, .section-checkout #block-sparadrap-content div.customer__statut div:first-child:after {content: ' :'} .section-user #block-sparadrap-content div.customer__statut div:last-child, .section-checkout #block-sparadrap-content div.customer__statut div:last-child {display: inline-block; vertical-align: middle;} .section-user #block-sparadrap-content div.customer__telephone div:first-child, .section-checkout #block-sparadrap-content div.customer__telephone div:first-child {display: inline-block; vertical-align: middle; font-weight: bold; width: 100px; text-align: right;} .section-user #block-sparadrap-content div.customer__telephone div:first-child:after, .section-checkout #block-sparadrap-content div.customer__telephone div:first-child:after {content: ' :'} .section-user #block-sparadrap-content div.customer__telephone div:last-child, .section-checkout #block-sparadrap-content div.customer__telephone div:last-child {display: inline-block; vertical-align: middle;} .section-user #block-sparadrap-content div.customer__fonction div:first-child, .section-checkout #block-sparadrap-content div.customer__fonction div:first-child {display: inline-block; vertical-align: middle; font-weight: bold; width: 100px; text-align: right;} .section-user #block-sparadrap-content div.customer__fonction div:first-child:after, .section-checkout #block-sparadrap-content div.customer__fonction div:first-child:after {content: ' :'} .section-user #block-sparadrap-content div.customer__fonction div:last-child, .section-checkout #block-sparadrap-content div.customer__fonction div:last-child {display: inline-block; vertical-align: middle;} .section-user #block-sparadrap-content div.customer__telephone-portable div:first-child, .section-checkout #block-sparadrap-content div.customer__telephone-portable div:first-child {display: inline-block; vertical-align: bottom; font-weight: bold; width: 100px; text-align: right; line-height: normal;} .section-user #block-sparadrap-content div.customer__telephone-portable div:first-child:after, .section-checkout #block-sparadrap-content div.customer__telephone-portable div:first-child:after {content: ' :'} .section-user #block-sparadrap-content div.customer__telephone-portable div:last-child, .section-checkout #block-sparadrap-content div.customer__telephone-portable div:last-child {display: inline-block; vertical-align: bottom;} .section-user #block-sparadrap-content .views-view-grid .views-col {width: 100% !important} .section-checkout #edit-review-shipping-information {margin-top: 20px;} .section-checkout #edit-review-shipping-information span>a {color: #ff7b23; text-decoration: underline;} .section-checkout #edit-review-shipping-information div.customer__address div:first-child {display: none;} .layout-checkout-form #edit-review-payment-information div.customer__address div:first-child {display: none;} .section-checkout .layout-checkout-form #edit-actions input#edit-actions-next {margin-top: 0; float: right; display: inline-block; max-width: initial; width: auto; padding-left: 30px; padding-right: 30px;} .section-checkout .layout-checkout-form #edit-actions a {float: left; display: inline-block; max-width: initial; width: auto; padding-left: 15px; padding-right: 15px; margin-top: 0} .section-checkout div.default__shipping-method {display: none;} .page-user-register.section-user #block-sparadrap-content div#edit-account {float: none; width: 49%; margin-bottom: 15px; min-height: 190px; max-width: 49%} .page-user-register.section-user #block-sparadrap-content div#edit-user-picture-wrapper {float: right; width: 49%; min-height: 190px;} .page-user-register.section-user #block-sparadrap-content div#edit-language {float: right; width: 49% } .page-user-register.section-user #block-sparadrap-content details#edit-contact {float: right; width: 49%; min-height: 190px;} .page-user-register.section-user #block-sparadrap-content details#edit-timezone {float: left; width: 49%; min-height: 190px;} .page-user-register.section-user #block-sparadrap-content div#edit-actions {clear: both;} #block-sparadrap-content .profile-customer-edit-form {max-width: 49%; padding: 20px; border:1px solid #eee; width: 100%; padding-bottom: 50px;} #block-sparadrap-content .profile-customer-edit-form input {border-radius: 0} #block-sparadrap-content .profile-customer-edit-form select {width: 100%; padding: 0.5em; box-sizing: border-box; border:1px solid #ddd;} #block-sparadrap-content .profile-customer-edit-form summary {color: #ff7b23; font-size: 16px; position: relative; border-bottom: 1px solid #ff7b23; font-weight: bold; padding-bottom: 10px; font-weight: bold; margin-bottom: 20px;} #block-sparadrap-content .profile-customer-edit-form summary a {color: #ff7b23; font-size: 16px; position: relative;} #block-sparadrap-content .profile-customer-edit-form label {font-weight: bold;} #block-sparadrap-content .profile-customer-edit-form #edit-field-adresse-de-livraison-wrapper {margin-top: 20px;} /* MY ACCOUNT */ div.customer__address>div:first-child {font-weight: bold; margin-bottom: 10px; color: #ff7b23; font-size: 16px; border-bottom: 1px solid #ff7b23; padding-bottom: 10px; margin-top: 10px;} .section-profile a#edit-delete {display: inline-block; background-color: #555; padding: 4px 15px; color: #fff; font-weight: bold; float: left;} .section-profile a#edit-delete:after {content: ''; clear: both;} .section-profile input#edit-submit {float: right; font-size: 14px; font-weight: bold;} /* PAGE DETAIL */ .lien-download div p {text-align: center;} .lien-download a {display: inline-block; background-color: #ff7b23; color: #fff; font-weight: 600; margin: 10px auto 0; text-align: center; padding:5px 15px; transition: 0.6s; vertical-align: middle; border-radius: 2Px; font-size: 16px; border-radius: 0} .lien-download a:hover {background-color: #444; transition: 0.6s;} .commerce-product--view-mode-full.ds-2col .group-left .default__body p {text-align: justify;} input#edit-submit {padding: 5px 15px; font-weight: 600; font-size: 16px; border-radius: 0; font-family: 'Open Sans'; line-height: normal; display: block; margin: auto;} /* EDITO */ div#main div.container section#content div#content-area article p {text-align: justify;} div#main div.container section#content div#content-area article ol, div#main div.container section#content div#content-area article ul {padding-left: 18px; margin-bottom: 10px;} div#main div.container section#content div#content-area article ol li {list-style-type: decimal;} div#main div.container section#content div#content-area article ul li {list-style-type: disc;} div#main div.container section#content div#content-area article table {text-align: center; margin-bottom: 10px;} div#main div.container section#content div#content-area article table th {text-align: center;} blockquote {background-image: url('../../images/blockquote.png'); background-repeat: no-repeat; background-position: left center; margin: 0; padding-left: 48px;} blockquote p {font-style: italic;} /* PANIER */ .page-cart table.cols-5 {margin-bottom: 20px;} .page-cart #edit-actions {text-align: right; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd} .page-cart #edit-actions input#edit-submit {display: inline-block; background-color: #f4f4f4; border: 1px solid #ddd; border-radius: 0; color: #000; padding: 4px 15px; font-weight: bold; font-size: 14px; font-family: 'Open Sans'; line-height: normal;} .page-cart #edit-actions input#edit-submit:hover {background-color: #ff7b23; color: #fff; transition: :0.6s; border-color: #ff7b23} .page-cart #edit-actions input#edit-checkout {display: inline-block; background-color: #ff7b23; border: 1px solid #ff7b23; border-radius: 0; color: #fff; padding: 6px 25px; font-weight: 600; font-size: 16px; font-family: 'Open Sans'; line-height: normal; top: 200px} .page-cart #edit-actions input#edit-checkout:hover {background-color: #ff7b23; color: #fff; transition: 0.6s; border-color:#ff7b23;} .page-cart #edit-actions input:first-child {} .page-cart #edit-actions input:hover {background-color: #ff7b23; color: #fff; transition: 0.6s; border-color:#ff7b23;} .page-cart td.views-field-edit-quantity div input {max-width: 60px; text-align: center; margin: 0 auto} .page-cart .cart-form table th {text-align: center; color: #808080; font-weight: normal;} .page-cart .cart-form table td {font-weight: bold; color: #303030} .page-cart .cart-form table th.views-field-field-visuel, .page-cart .cart-form table td.views-field-field-visuel, .page-cart .cart-form table th.views-field-purchased-entity, .page-cart .cart-form table td.views-field-purchased-entity {text-align: left;} .page-cart .cart-form td.views-field-field-visuel a {display: block; height: 137px;} .page-cart .cart-form td.views-field-field-visuel a img {display: block; height: 100%; width: auto;} .page-cart .cart-form table td.views-field-purchased-entity {font-style: italic; color: #ff7b23; font-weight: normal;} .page-cart .cart-form table td.views-field-purchased-entity div.default__product-id {font-weight: bold; font-style: normal; color: #303030; margin-bottom: 5px;} .page-cart .cart-form table td {text-align: center;} .page-cart .cart-form div.order-total-line__subtotal {margin-top: 20px;} .page-cart .cart-form div.order-total-line__total {color: #ff7b23; padding: 5px 10px; border:2px solid #ff7b23; border-radius: 5px; max-width: max-content; float: right; margin-bottom: 30px; margin-top: 30px; text-transform: uppercase;} .page-cart .cart-form #edit-actions {clear: both;} .page-cart #block-boutique-2 {margin-top: 40px;} .page-cart #block-boutique-2 ul {text-align: center;} .page-cart #block-boutique-2 ul li {display: inline-flex; max-width: 136px; height: 115px; vertical-align: middle; margin-bottom: 13px; text-align: center; width: 100%; margin-right: 1.3%} .page-cart #block-boutique-2 ul li a {display: flex; color: #444; vertical-align: middle; justify-content: center; align-items: flex-end; width: 100%; transition: 0.6s; background-color: #fff; padding:0 20px; font-size: 14px; background-repeat: no-repeat; background-position: center; background-size: auto; padding-bottom: 10px; font-weight: 600; background-position-x: center; background-position-y: 10px; line-height: 18px;} .page-cart #block-boutique-2 ul li:last-child {margin-right: 0} .page-cart #block-lesaviezvous h2 {text-transform:uppercase; text-align:center; color:#000;} .page-cart #block-lesaviezvous {background:#f4f4f4; width:100%; padding:15px; border:1px solid #e3e3e3; max-width: 450px; position: relative; margin: 0 auto} .page-cart #block-lesaviezvous:after {content: ' '; background-color: #f4f4f4; right: -16px; position: absolute; top: 50%; height: 30px; width: 30px; transform: rotate(45deg); margin-top: -15px; border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3} .page-cart .continuer-achats {background: #f4f4f4; border: 1px solid #ddd; color: #000; padding: 4px 15px; margin:0 15px 0 0; font-weight: bold; font-size: 14px; font-family: 'Open Sans'; line-height: normal; display: inline-block; vertical-align: middle; transition: 0.6s} .page-cart .continuer-achats:hover {background: #ff7b23; color: #fff; transition: 0.6s; border-color: #ff7b23;} /* SIDE BAR */ .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos {max-width: 286px; margin: 40px auto 0;} #sidebar-second .menu--boutique {max-width: 286px; margin: auto;} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul, #sidebar-second .menu--boutique ul.menu {} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li, #sidebar-second .menu--boutique ul li {display: inline-flex; max-width: 136px; height: 115px; vertical-align: middle; margin-bottom: 13px; text-align: center; width: 100%;} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(odd), #sidebar-second .menu--boutique ul li:nth-child(odd) {margin-right: 10px;} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li a, #sidebar-second .menu--boutique ul li a {display: flex; color: #444; vertical-align: middle; justify-content: center; align-items: flex-end; width: 100%; transition: 0.6s; background-color: #fff; padding:0 20px; font-size: 14px; background-repeat: no-repeat; background-position: center; background-size: auto; padding-bottom: 10px; font-weight: 600; background-position-x: center; background-position-y: 10px; line-height: 18px;} .page-cart #block-boutique-2 ul li:nth-child(1) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(1) a, #sidebar-second .menu--boutique ul li:nth-child(1) a {background-image: url(../../images/commander.png);} .page-cart #block-boutique-2 ul li:nth-child(2) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(2) a, #sidebar-second .menu--boutique ul li:nth-child(2) a {background-image: url(../../images/papier-numerique.png); padding: 0 15px 10px;} .page-cart #block-boutique-2 ul li:nth-child(2) a:after, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(2) a:after, #sidebar-second .menu--boutique ul li:nth-child(2) a:after {content: ' ?'} .page-cart #block-boutique-2 ul li:nth-child(3) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(3) a, #sidebar-second .menu--boutique ul li:nth-child(3) a {background-image: url(../../images/donnees-perso.png); background-size: 40px;} .page-cart #block-boutique-2 ul li:nth-child(4) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(4) a, #sidebar-second .menu--boutique ul li:nth-child(4) a {background-image: url(../../images/frais-envoi.png);} .page-cart #block-boutique-2 ul li:nth-child(5) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(5) a, #sidebar-second .menu--boutique ul li:nth-child(5) a {background-image: url(../../images/paiement.png); background-size: 65px; padding: 0 5px 10px} /* Suppression d'un lien qui entraine un décalage dans les pictos */ /* .page-cart #block-boutique-2 ul li:nth-child(6) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(6) a, #sidebar-second .menu--boutique ul li:nth-child(6) a {background-image: url(../../images/panier.png); background-size: 60px; padding: 0 5px 10px; background-position-x: 30px} .page-cart #block-boutique-2 ul li:nth-child(7) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(7) a, #sidebar-second .menu--boutique ul li:nth-child(7) a {background-image: url(../../images/livraison.png); background-size: 60px;} .page-cart #block-boutique-2 ul li:nth-child(8) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(8) a, #sidebar-second .menu--boutique ul li:nth-child(8) a {background-image: url(../../images/cgv.png); background-size: 60px; padding: 0 25px 10px} */ .page-cart #block-boutique-2 ul li:nth-child(6) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(6) a, #sidebar-second .menu--boutique ul li:nth-child(6) a {background-image: url(../../images/livraison.png); background-size: 60px; padding: 0 5px 10px; background-position-x: 30px} .page-cart #block-boutique-2 ul li:nth-child(7) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(7) a, #sidebar-second .menu--boutique ul li:nth-child(7) a {background-image: url(../../images/cgv.png); background-size: 60px;} .page-cart #block-boutique-2 ul li:nth-child(8) a, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(8) a, #sidebar-second .menu--boutique ul li:nth-child(8) a {background-image: url(../../images/cgv.png); background-size: 60px; padding: 0 25px 10px} .page-cart #block-boutique-2 ul li a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li a:hover, #sidebar-second .menu--boutique ul li a:hover {color: #fff; background-color: #ff7b23; transition: 0.6s} .page-cart #block-boutique-2 ul li:nth-child(1) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(1) a:hover, #sidebar-second .menu--boutique ul li:nth-child(1) a:hover {background-image: url(../../images/commander-white.png);} .page-cart #block-boutique-2 ul li:nth-child(2) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(2) a:hover, #sidebar-second .menu--boutique ul li:nth-child(2) a:hover {background-image: url(../../images/papier-numerique-white.png);} .page-cart #block-boutique-2 ul li:nth-child(3) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(3) a:hover, #sidebar-second .menu--boutique ul li:nth-child(3) a:hover {background-image: url(../../images/donnees-perso-white.png);} .page-cart #block-boutique-2 ul li:nth-child(4) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(4) a:hover, #sidebar-second .menu--boutique ul li:nth-child(4) a:hover {background-image: url(../../images/frais-envoi-white.png);} .page-cart #block-boutique-2 ul li:nth-child(5) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(5) a:hover, #sidebar-second .menu--boutique ul li:nth-child(5) a:hover {background-image: url(../../images/paiement-white.png);} /* Suppression d'un lien qui entraine un décalage dans les pictos */ /* .page-cart #block-boutique-2 ul li:nth-child(6) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(6) a:hover, #sidebar-second .menu--boutique ul li:nth-child(6) a:hover {background-image: url(../../images/panier-white.png);} .page-cart #block-boutique-2 ul li:nth-child(7) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(7) a:hover, #sidebar-second .menu--boutique ul li:nth-child(7) a:hover {background-image: url(../../images/livraison-white.png);} .page-cart #block-boutique-2 ul li:nth-child(8) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(8) a:hover, #sidebar-second .menu--boutique ul li:nth-child(8) a:hover {background-image: url(../../images/cgv-white.png);} */ .page-cart #block-boutique-2 ul li:nth-child(6) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(6) a:hover, #sidebar-second .menu--boutique ul li:nth-child(6) a:hover {background-image: url(../../images/livraison-white.png);} .page-cart #block-boutique-2 ul li:nth-child(7) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(7) a:hover, #sidebar-second .menu--boutique ul li:nth-child(7) a:hover {background-image: url(../../images/cgv-white.png);} .page-cart #block-boutique-2 ul li:nth-child(8) a:hover, .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(8) a:hover, #sidebar-second .menu--boutique ul li:nth-child(8) a:hover {background-image: url(../../images/cgv-white.png);} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos .retour-liste .retour-achats{color: #fff; background: #737373; text-align: center; cursor: pointer; width: 165px; padding: 5px 15px; font-weight: 600; font-size: 16px; border-radius: 0; font-family: 'Open Sans'; line-height: normal; display: block; margin: auto; margin-bottom: 40px;} /* OTHER */ .cart-block .order-total-line.order-total-line__subtotal {display: none} div.group-right #edit-quantity-wrapper div label {margin-right: 20px;} div.group-right #edit-quantity-wrapper div input {font-size: 14px} .text-align-left {text-align: left !important;} .text-align-right {text-align: right !important;} .text-align-center {text-align: center !important;} div.group-left p {text-align: justify;} div.group-left ol, div.group-left ul {padding-left: 18px; margin-bottom: 10px;} div.group-left ol li {list-style-type: decimal; font-size: 14px} div.group-left ol li ol li {list-style-type: decimal; font-size: 14px} div.group-left ul li {list-style-type: disc; font-size: 14px;} div.group-left ul li ul li {list-style-type: circle; font-size: 14px} div.group-left table {text-align: center; margin-bottom: 10px; font-size: 14px;} div.group-left table th {text-align: center; font-size: 14px} div.group-left table tr td {text-align: center; font-size: 14px} div.group-left a {color: #ff7b23; text-decoration: underline;} body.sidebar-second.one-sidebar div#main div.container section#content {width: 72.6%;} #block-sparadrap-content .add-new-compte-client {display: none;} p.mes-adresses, div.votre-compte-client {display: inline-block; padding: 5px 10px; color: #ff7b23; font-weight: 600; font-size: 16px; border: 1px solid #ff7b23; margin-bottom: 20px;} div.node-preview-container {padding: 20px; border-bottom: 2px solid #eee; background-color: rgba(255,255,255,0.8); } div.node-preview-container a {color: #ff7b23; text-decoration: underline;} div.node-preview-container a:before {content: '< '} div.node-preview-container label {display: block; margin-top: 10px; font-weight: bold;} div.node-preview-container label:after {content: ' :'} div.node-preview-container select {margin-bottom: 10px; margin-top: 10px; padding: 5px;} div.node-preview-container input#edit-submit {display: inline-block;} /* PAGE CONTACT */ body.page-contact{background: rgba(255,246,212,1);} body.page-contact #block-sparadrap-content {max-width: 600px;} body.page-contact #block-sparadrap-content input {border-radius: 0; font-size: 14px;} body.page-contact #block-sparadrap-content label {font-weight: bold;} body.page-contact .webform-submission-contact-form #edit-actions {margin-top:25px; margin-bottom:30px;} body.page-contact #edit-preview {display:none} body.page-contact .webform__webform form{width: 93%;margin-left: 135px;} body.page-contact.section-contact #block-sparadrap-content input.webform-button--submit{background: #FBD548;color: black;padding: 20px;} body.page-contact #sidebar-second{min-height: 992.75px;} /* body.page-contact #sidebar-second div{display: none;} */ /* PAGE PLAN D'ACCES */ body.page-plan-d-acces iframe {width: 100%; max-width: 600px;} /* SITE INSTITUTIONNEL */ body.section-parents #block-sparadrap-content {} /* MENU */ #header-region .menu li a.is-active:after {background-size: 50px;} #block-bigmenuparents {display: none;} /* SITE INSTITUTIONNEL */ sub,sup, pre {white-space: pre-wrap;} /* HOME */ body.page-accueil {background-color: #fff;} /* body.page-accueil .contextual-region {position: initial;} */ body.page-accueil .promo-home, #block-promohome2 {text-align: center; margin: 100px 0} body.page-accueil div#main div.container {max-width: 100%; width: 100%;} body.page-accueil div#main div.container section#content {margin-top: 0; border-top: none; padding: 0} body.page-accueil div#block-headerhome {position: relative; margin-bottom: 10px;} body.page-accueil div.header_home__body {position: absolute; top: 50%; left: 10%; background-image: url('../../images/home/bulle-home.png'); background-repeat: no-repeat; background-size: 100%; padding: 10px; width:600px; height: 500Px; margin-top: -250px; padding-top: 110px} body.page-accueil div.header_home__body p {font-size: 26px; font-weight: normal; color: #242424;} .header_home__header-home-image { position: relative; height: 32vw; overflow: hidden; } .header_home__header-home-image img { width: 100%; height: inherit; object-fit: cover; } body.page-accueil.role--authenticated div#main div.container nav#block-enfantsaccueil h2 {top: -300px;} body.page-accueil div#main div.container nav#block-enfantsaccueil h2 {margin: 0; position: absolute; left: 50%; top: -148px; height: 214px; width: 244px; background-image: url(../../images/home/bulle-enfant-home.png); background-repeat: no-repeat; background-position: center; margin-left: -122px; text-align: center; font-weight: bold; color: #fff; line-height: 214px; font-size: 24px; background-size: 100%;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu {margin-bottom: 50px;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu:after {content: ''; clear: both; display: block;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li {float: left; width: 16.6%; text-align: center;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a {display: block; background-repeat: no-repeat; height: 190px; width: 190px; background-position: top center; margin: auto; padding-top: 220px; font-size: 18px; font-weight: bold;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.hopital {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_l_hopital_off.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.hopital:hover {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_l_hopital_on.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.lettres {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_la_boite_aux_lettres_off.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.lettres:hover {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_la_boite_aux_lettres_on.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.medicaments {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_medicaments_off.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.medicaments:hover {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_medicaments_on.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.dico {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_le_dico_off.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.dico:hover {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_le_dico_on.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.piqures {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_piqures_off.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.piqures:hover {display: block; background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_piqures_on.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.hp-videos {display: block; background-image: url('../../images/videos.svg');} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a.hp-videos:hover {display: block; background-image: url('../../images/videos-hover.svg');} body.page-accueil div#main div.container .home_enfants_wrapper nav#block-enfantsaccueil, body.page-accueil div#main div.container .home_parents, body.page-accueil div#main div.container .home_professionnels, body.page-accueil div#main div.container .home_sparadrap {max-width: 1200px; width: 100%; margin:auto;} body.page-accueil div#main div.container .home_enfants_wrapper {padding: 150px 0 100px; position: relative; margin-top: 52px;} body.page-accueil div#main div.container .home_enfants_wrapper nav#block-enfantsaccueil {} body.page-accueil div#main div.container .home_parents_wrapper {background-color: #e0f1f9; padding: 120px 0; position: relative;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents {} body.page-accueil div#main div.container .home_parents_wrapper .home_parents h3 {margin: 0; position: absolute; left: 50%; top: -100px; height: 214px; width: 244px; background-image: url(../../images/home/bulle-parent-home.png); background-repeat: no-repeat; background-position: center; margin-left: -122px; text-align: center; font-weight: bold; color: #fff; line-height: 214px; font-size: 24px;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .home__home-parents {margin-left: -10px; margin-right: -10px;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .home__home-parents:after {display: block; content: ''; clear: both;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent {width: 50%; padding: 10px; float: left;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro {display: block; text-decoration: none !important; position: relative; overflow:hidden; width: 100%; height: 295px;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro .block_home_pro_image {} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro .block_home_pro_image img {width: 100%;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro .block_home_pro_title {padding: 16px; background-color: #109eb6; text-align: right; color: #fff; transition: 0.6s; position: absolute; bottom: 0; width: 100%; font-size: 17px;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro .block_home_pro_title span:before {content: '+'; font-size: 24px; color: #ffe645; font-weight: bold; vertical-align: middle; margin-right: 10px;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro .block_home_pro_title span {vertical-align: middle;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro:hover .block_home_pro_title {left: 50%; top: 50%; width: 90%; height: 80%; opacity: 0.8; margin-left: -45%; margin-top: -20%; align-items: center; text-align: center;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro:hover .block_home_pro_title span:before {display: block;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro:hover .block_home_pro_title span {display: block;} body.page-accueil div#main div.container .home_professionnels_wrapper {padding: 140px 0; position: relative;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels {} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels h3 {margin: 0; position: absolute; left: 50%; top: -100px; height: 214px; width: 244px; background-image: url(../../images/home/bulle-pro-home.png); background-repeat: no-repeat; background-position: center; margin-left: -122px; text-align: center; font-weight: bold; color: #fff; line-height: 214px; font-size: 23px; background-size: 100%;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels {margin-left: -10px; margin-right: -10px;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels:after {clear: both; display: block; content: ''} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div {width: 50%; padding: 10px; float: left;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro {display: block; display: block; text-decoration: none !important; position: relative; overflow:hidden; width: 100%;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro img {width: 100%; display: block;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro .block_home_pro_title {display: block; padding: 16px; background-color: #80c6a4; text-align: right; color: #fff; transition: 0.6s; position: absolute; bottom: 0; width: 100%; font-size: 17px;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro:hover .block_home_pro_title {left: 50%; top: 50%; width: 90%; height: 80%; opacity: 0.8; margin-left: -45%; margin-top: -20%; align-items: center; text-align: center;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro .block_home_pro_title span:before {content: '+'; font-size: 24px; color: #ffe645; font-weight: bold; vertical-align: middle; margin-right: 10px;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro .block_home_pro_title span {vertical-align: middle;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro:hover .block_home_pro_title span:before {display: block;} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro:hover .block_home_pro_title span {display: block;} .home_professionnels_wrapper .home__home-lien-pro {display: block; width: 100%; text-align: center; font-size: 24px;} .home_professionnels_wrapper .home__home-lien-pro a {color: #fff !important; text-decoration: none !important; display: block; background-color: #80c6a4; padding: 40px 20px; transition: 0.6s} .home_professionnels_wrapper .home__home-lien-pro a:hover {background-color: #71ae90;} .home_professionnels_wrapper .home__home-lien-pro a:before {content: '+'; font-size: 24px; color: #ffe645; font-weight: bold; vertical-align: middle; margin-right: 10px;} body.page-accueil #cboxOverlay {opacity: 0.6 !important} body.page-accueil #cboxLoadedContent {overflow-y: hidden !important;} body.page-accueil iframe.cboxIframe {overflow: hidden;} body.page-accueil iframe.cboxIframe h1 {background-color: red; padding: 10px;} body.page-accueil #colorbox {position: fixed !important} body.page-accueil #cboxClose {top: 0} body.page-accueil div#main div.container .home_sparadrap_wrapper {background-color: #fffcf1; padding: 140px 0; position: relative;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap {} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap h3 {margin: 0; position: absolute; left: 50%; top: -100px; height: 214px; width: 244px; background-image: url(../../images/home/bulle-sparadrap-home.png); background-repeat: no-repeat; background-position: center; margin-left: -122px; text-align: center; font-weight: bold; color: #000; line-height: 214px; font-size: 24px; text-transform: uppercase; } body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-bloc-large {width: 66.66666%; float: left; position: relative;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-bloc-large img {width: 100%;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-bloc-large a.block_home_pro .block_home_pro_title {position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fbd547; color: #000 !important; padding: 26px; text-decoration: none !important; font-size: 17px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-bloc-large a.block_home_pro:hover .block_home_pro_title, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs a.block_home_pro:hover .block_home_pro_title {background-color: #ffbf14} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap {width: 33.333333%; float: right;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires {padding: 0 0 28px 20px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages a {background-position: 20px 24px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse a {background-position: 20px -97px} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires a {background-position: 20px -223px} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages a, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse a, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires a {padding: 10px; display: block;background-color: #fbd547; color: #000 !important; text-decoration: none !important; text-align: center; font-size: 24px; height: 94px; line-height: 74px;background-image: url(../../images/footer-icons-2.png); background-repeat: no-repeat; } body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages a:hover, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse a:hover, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires a:hover {background-color: #ffbf14;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs:after {clear: both; display: block; content: ''} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs {margin-left: -10px; margin-right: -10px; clear: both; } body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs>div {width: 33.33333%; float: left; padding: 20px 10px 0;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs>div img {display: block; width: 100%;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs a.block_home_pro {display: block; display: block; text-decoration: none !important; position: relative; overflow:hidden; width: 100%;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs a.block_home_pro .block_home_pro_title {display: block; padding: 26px; background-color: #fbd547; text-align: right; color: #000; position: absolute; bottom: 0; width: 100%; font-size: 17px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1, body.page-accueil #block-views-block-quoi-de-neuf-block-2 {margin: auto; max-width: 1200px; overflow: hidden;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 { padding-bottom: 115px; } body.page-accueil #block-views-block-quoi-de-neuf-block-1 footer, body.page-accueil #block-views-block-quoi-de-neuf-block-2 footer {text-align: right; padding-right: 10px; clear: both;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 footer {padding-right: 30px; margin-top: 30px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 footer a.voir-tout, body.page-accueil #block-views-block-quoi-de-neuf-block-2 footer a.voir-tout {display: inline-block; vertical-align: middle; color: #000; background-color: #ffd304; padding: 7px 12px; text-transform: uppercase; font-weight: bold;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 h2, body.page-accueil #block-views-block-quoi-de-neuf-block-2 h2 {color: #000; border-bottom: 5px solid #ffd304; position: relative; display: none; padding-bottom: 2px;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 h2 {margin-bottom: 30px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 h2:after, body.page-accueil #block-views-block-quoi-de-neuf-block-2 h2:after {position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ffd304; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.page-accueil #block-views-block-quoi-de-neuf-block-1>div>div {margin-left: -10px; margin-right: -10px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1>div>div:after {clear: both; display: block; content: ''} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row {width: 50%;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field {color: #fff; padding: 40px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field a {color: #fff;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field a div.qdn-content div {margin-bottom: 10px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field a div.qdn-image {float: left; width: 150px; margin-right: 20px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field a div.qdn-content {} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field a div.qdn-content div.qdn-titre {font-weight: bold; font-size: 20px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row .views-field a div.qdn-content div.qdn-body {margin-bottom: 0} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element {padding: 10px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.type-1 {height: 320px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.type-2 {height: 600px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.public-1 .views-field {} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.public-2 .views-field {background-color: #109eb6;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.public-3 .views-field {background-color: #80c6a4;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.public-58 .views-field {background-color: #ffbf14;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element .views-field {height: 100%;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-1 {padding: 10px; color: #fff;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-1 .views-field {background-color: #80c6a4; height: 100%;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-2 {padding: 10px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-2 .views-field {background-color: #109eb6;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-3 {padding: 10px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-3 .views-field {background-color: #ffbf14} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-4 {padding: 10px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-4 .views-field {background-color: #109eb6} body.page-accueil #block-views-block-quoi-de-neuf-block-2 {} body.page-accueil #block-views-block-quoi-de-neuf-block-2>div>div {margin-left: -30px; margin-right: -30px;} body.page-accueil #block-views-block-quoi-de-neuf-block-2>div>div:after {display: block; content: ''; clear: both;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row {width: 50%; float: left; padding: 10px 30px; min-height: 250px;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field {border-bottom: 1px solid #ccc; padding-bottom: 20px;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field p, body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field a {color: #000} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field .rpv-titre {font-weight: bold; font-size: 17px;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field .rpv-date {color: rgba(0,0,0,0.8);} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field .rpv-lien {display: block; text-align: right; text-decoration: underline; text-transform: uppercase; font-weight: bold;} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row .views-field .rpv-lien span {font-size: 22px; color: #ffbf14; display: inline-block; vertical-align: middle; margin-right: 5px;} body.page-accueil iframe {padding-top: 0; height: 1000px} #block-inscriptionnewsletterhomeiframe {background-color: rgb(255, 225, 127); margin-top: 100px;} #block-inscriptionnewsletterhome {background-color: #ffbf14; padding: 50px;} #block-inscriptionnewsletterhome h2 {color: #000;} .sib-container div.form_eleme>div {float: left; width: 33.33333;} body.page-accueil footer#footer {margin-top: 0;} /* BIG MENU */ body.toolbar-tray-open div.bm {top: 92px !important} div#bm_enfants, div#bm_professionnels, div#bm_parents, div#bm_sparadrap, div#bm_help {position: absolute; background-color: #fff; max-width: 1290px; width: 100%; top: 92px; padding: 60px 40px 40px; border-radius: 10px; box-shadow: inset 0 7px 7px -7px rgba(0,0,0,0.5), 0px 2px 5px -1px rgba(0,0,0,0.5); z-index: 10; border-top-left-radius: 0; border-top-right-radius: 0; display: none; left: 50%; margin-left: -645px; display: block; visibility: hidden; opacity: 0;} div#bm_enfants.active, div#bm_professionnels.active, div#bm_parents.active, div#bm_sparadrap.active {display: block !important;} /*#header-region div#bm_enfants {opacity: 1; visibility: visible;}*/ #header-region div#bm_enfants nav ul li a.dico, #header-region div#bm_enfants nav ul li a.piqures , #header-region div#bm_enfants nav ul li a.medicaments, #header-region div#bm_enfants nav ul li a.hopital, #header-region div#bm_enfants nav ul li a.jeux, #header-region div#bm_enfants nav ul li a.lettres, #header-region div#bm_enfants nav ul li a.enfant-videos {width: 200px; height: 150px; background-repeat: no-repeat; background-position:top center; background-size: 100px; padding-top: 105px; display: block; text-align: center; margin: auto;} #header-region div#bm_enfants nav ul li a.dico {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_le_dico_off.svg);} #header-region div#bm_enfants nav ul li:hover a.dico {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_le_dico_on.svg); color: #ce3632;} #header-region div#bm_enfants nav ul li a.piqures {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_les_piqures_off.svg);} #header-region div#bm_enfants nav ul li:hover a.piqures {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_les_piqures_on.svg); color: #ce3632;} #header-region div#bm_enfants nav ul li a.medicaments {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_les_medicaments_off.svg);} #header-region div#bm_enfants nav ul li:hover a.medicaments {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_les_medicaments_on.svg); color: #ce3632;} #header-region div#bm_enfants nav ul li a.hopital {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_l_hopital_off.svg);} #header-region div#bm_enfants nav ul li:hover a.hopital {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_l_hopital_on.svg); color: #ce3632;} #header-region div#bm_enfants nav ul li a.jeux {background-image: url(../../images/enfants/accueil/picto_espace_enfant_2018_les_jeux_off.svg);} #header-region div#bm_enfants nav ul li:hover a.jeux {background-image: url(../../images/enfants/accueil/picto_espace_enfant_2018_les_jeux_on.svg); color: #ce3632;} #header-region div#bm_enfants nav ul li a.lettres {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_la_boite_aux_lettres_off.svg);} #header-region div#bm_enfants nav ul li:hover a.lettres {background-image: url(../../images/enfants/accueil/picto_accueil_enfant_2018_la_boite_aux_lettres_on.svg); color: #ce3632;} #header-region div#bm_enfants nav ul li a.enfant-videos {background-image: url(../../images/videos.svg);} #header-region div#bm_enfants nav ul li:hover a.enfant-videos {background-image: url(../../images/videos-hover.svg); color: #ce3632;} /* #header-region ul.menu li.menu-item:hover>div.bm {visibility: visible; opacity: 1;display: block !important;} */ #header-region ul.menu li.menu-item a.enfants:hover {color: #CE3632} #header-region ul.menu li.menu-item a.parents:hover {color: #109EB6} #header-region ul.menu li.menu-item a.professionnels:hover {color: #80C2A3} #header-region ul.menu li.menu-item a.sparadrap:hover {color: #FBD548} #header-region div.bm {columns: 3; column-rule: 1px solid #ccc; column-gap: 50px;} #header-region div.bm nav {font-size: 14px;} #header-region div.bm nav h2 {font-size: 20px;} #header-region div.bm nav>ul>li>ul {margin-bottom: 15px;} #header-region div.bm nav>ul>li:last-child>ul {margin-bottom: 0;} #header-region div.bm nav>ul {display: inline-block; padding: 0 15px; width: 100%;} #header-region div.bm nav ul {padding: 0} #header-region div.bm nav ul.menu {padding: 0} #header-region div.bm nav ul li {display: block;} #header-region div.bm nav ul li a {color: #343e5c; font-size: 20px; font-weight: bold; display: block; padding: 0; text-transform: none; transition: none;} #header-region div.bm nav ul li ul li a {font-size: 14px; font-weight: normal; padding: 0} #header-region div#bm_enfants nav ul li a:hover {color: #ce3632;} #header-region div#bm_professionnels nav ul li a:hover {color: #80C2A3} #header-region div#bm_parents nav ul li a:hover {color: #109EB6} #header-region div#bm_sparadrap nav ul li a:hover {color: #FBD548} body.role--administrator div#header-region div.bm nav ul.menu li:last-child, body.role--administrator div#header-region div.bm nav ul.menu li:nth-child(7), div#header-region div.bm nav ul.menu li:last-child, div#header-region div.bm nav ul.menu li:nth-child(7) {display: block;} aside#sidebar-article-left {} aside#sidebar-article-left div.wrapper-sticky-left {position: sticky; top: 0} aside#sidebar-article-left div.wrapper-sticky-left div.wrapper_titre_h1 {padding: 60px 20px 0} aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1 {display: inline-block; border-bottom: 5px solid #109eb6; margin-bottom: 0; padding-bottom: 2px; position: relative; color: #000; font-weight: bold; font-size: 17px;} aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1:after {position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #109eb6; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.section-sparadrap aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1 {border-color: #FBD548} body.section-sparadrap aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1:after {border-left-color: #FBD548} body.section-parents aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1 {border-color: #109eb6} body.section-parents aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1:after {border-left--color: #109eb6} body.section-professionnels aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1 {border-color: #80C2A3} body.section-professionnels aside#sidebar-article-left div.wrapper-sticky-left div.titre_h1:after {border-left-color: #80C2A3} aside#sidebar-article-left #acces_direct {padding: 20px;} aside#sidebar-article-left #acces_direct h3 {display: inline-block; border-bottom: 5px solid #109eb6; margin-bottom: 0; padding-bottom: 2px; position: relative; color: #000} aside#sidebar-article-left #acces_direct h3:after {position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #109eb6; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} aside#sidebar-article-left #acces_direct div.inner {border: 1px solid #109eb6; padding: 20px} aside#sidebar-article-left #acces_direct div.inner>div {margin-bottom: 15px;} aside#sidebar-article-left #acces_direct div.inner>div:last-child {margin-bottom: 0;} aside#sidebar-article-left #acces_direct div.inner>div a {font-weight: bold; color: #000; transition: 0.2s; display: inline-block; width: 100%;} aside#sidebar-article-left #acces_direct div.inner>div a:hover {color: #109eb6} div.article__lire-aussi div.layout--onecol div.layout__region--content {} div.article__lire-aussi div.layout--onecol div.layout__region--content div.article__image {margin-top: 4px;} div.article__lire-aussi div.layout--onecol div.layout__region--content div.article__image img {width: 100%;} div.article__lire-aussi div.layout--onecol div.layout__region--content div.article__node-title {color: #000;} div.article__lire-aussi div.layout--onecol div.layout__region--content h2, div.article__lire-aussi div.layout--onecol div.layout__region--content div.article__node-title h2, div.article__lire-aussi div.layout--onecol div.layout__region--content div.article__node-title h3 {color: #000; font-size: 14px; margin: 10px 0 0} div.article__lire-aussi div.layout--onecol div.layout__region--content div.article__node-title a {color: #000} div.page_base__chapo {font-weight: bold;} body.section-sparadrap section#content.article, body.section-parents section#content.article, body.section-professionnels section#content.article {padding: 0} body.section-professionnels h1 {background-color: #80C2A3; margin-left: -37px;} body.section-professionnels h2 {color: #80C2A3;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item {clear: both;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article {width: 100%; position: relative; padding-left: 40px; margin-bottom: 30px;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article:before {content: ''; background-image: url('../../images/galet-parents.svg'); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0px; top: -4px; background-size: 30px; background-position: center;} body.section-enfants div#main.page_liste div.page_liste__elements div.page-list-item>article:before {content: ''; background-image: url('../../images/galet-enfants.svg'); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0px; top: -4px; background-size: 30px; background-position: center;} body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article:before {content: ''; background-image: url('../../images/galet-professionnels.svg'); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0px; top: -4px; background-size: 30px; background-position: center;} body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article:before {content: ''; background-image: url('../../images/galet-sparadrap.svg'); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0px; top: -4px; background-size: 30px; background-position: center;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article div.content, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article div.content, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article div.content {} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article div.content:after, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article div.content:after, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article div.content:after {clear: both; content: ''; display: block;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article h3 a, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article h3 a, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article h3 a {color: #000 !important; text-decoration: none !important} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article div.content div.article__image, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article div.content div.article__image, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article div.content div.article__image {width: 140px; float: left; margin-right: 10px;} body.section-sparadrap .block-sparadrap-content article {width: 100%} body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article, body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article, body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article {width: 100%; position: relative; padding-left: 40px; margin-bottom: 30px;} body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article:before {content: ''; background-image: url('../../images/galet-sparadrap.svg'); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0px; top: 10px; background-size: 30px; background-position: center;} body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article header h2 {color: #000; font-size: 18px; font-weight: bold;} body.section-sparadrap section#content #block-sparadrap-content article div.page_liste__elements div>article header h2 a {color: #000; text-decoration: none;} body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article div.content {} body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article div.content:after {clear: both; content: ''; display: block;} body.section-sparadrap .block-sparadrap-content article div.page_liste__elements div>article div.content div.page_base__image {float: left; max-width: 125px; margin-right: 20px;} body.section-parents #block-sparadrap-content aside#sidebar-article-left, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left {display: table-cell; width: 20.3%; background-color: #fff; float: none; vertical-align: top;} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire {margin-bottom: 50px; padding: 20px; max-height: 500px; overflow-y: auto;} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item {margin-bottom: 15px; position: relative; padding-left: 35px;} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:before, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:before, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:before {background-image: url('../../images/galet-gris.svg'); background-repeat: no-repeat; width: 30px; height: 30px; content: ' '; position: absolute; left: 0; background-size: 30px; background-position: center;} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:after, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:after, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:after {height: 100%; background-color: #cdcdcd; width: 1px; position: absolute; content: ''; left: 15px; top: 20px; z-index: 10} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:last-child:after, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:last-child:after, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:last-child:after {display: none;} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:hover:before {background-image: url('../../images/galet-parents.svg'); background-size: 40px; z-index: 20} body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:hover:before {background-image: url('../../images/galet-professionnels.svg'); background-size: 40px; z-index: 20} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item.active:before {background-image: url('../../images/galet-parents.svg'); background-size: 40px; z-index: 20} body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item.active:before {background-image: url('../../images/galet-professionnels.svg'); background-size: 40px; z-index: 20} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item:hover:before {background-image: url('../../images/galet-sparadrap.svg'); background-size: 40px; z-index: 20} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item.active:before {background-image: url('../../images/galet-sparadrap.svg'); background-size: 40px; z-index: 20} body.section-parents #block-sparadrap-content article.node, body.section-professionnels #block-sparadrap-content article.node, body.section-sparadrap #block-sparadrap-content article.node {display: table-cell; width: 52.3%; padding: 20px; background-color: #fff; float: none; border-left: 25px solid #e4f7fe; vertical-align: top; position: relative;} body.section-actualites #block-sparadrap-content article.node {position: initial;;} body.section-parents div#main.temoignage #block-sparadrap-content article.node, body.section-professionnels div#main.temoignage #block-sparadrap-content article.node, body.section-sparadrap div#main.temoignage #block-sparadrap-content article.node, body.section-actualites div#main.actualite #block-sparadrap-content article.node, body.section-parents div#main.temoignage #block-sparadrap-content article.node, body.section-professionnels div#main.temoignage #block-sparadrap-content article.node {border-left: none;} body.section-sparadrap div#main div.container aside#sidebar-second {border-color:rgba(255,246,212,1)} body.section-parents div#main div.container aside#sidebar-article-right .views-element-container.block-views-block-actualites-block-3-2, body.section-sparadrap div#main div.container aside#sidebar-article-right .views-element-container.block-views-block-actualites-block-1-2, body.section-professionnels div#main div.container aside#sidebar-article-right .views-element-container.block-views-block-actualites-block-2-2 {padding:0; margin-left: 0; margin-right: 0} body.section-parents div#main div.container aside#sidebar-second .views-element-container.block-views-block-actualites-block-3--2 {} body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content, body.section-sparadrap div#main div.container aside#sidebar-article-right .views-element-container .views-content, body.section-professionnels div#main div.container aside#sidebar-second .views-element-container .views-content, body.section-professionnels div#main div.container aside#sidebar-article-right .views-element-container .views-content, body.section-parents div#main div.container aside#sidebar-second .views-element-container .views-content, body.section-parents div#main div.container aside#sidebar-article-right .views-element-container .views-content, body.section-actualites div#main div.container aside#sidebar-article-right .views-element-container .views-content, body.section-actualites div#main div.container aside#sidebar-second .views-element-container .views-content {margin-bottom: 20px; padding: 0;} body.section-actualites div#main div.container {background: transparent;} body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-image, body.section-sparadrap div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-image, body.section-professionnels div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-image, body.section-professionnels div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-image, body.section-parents div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-image, body.section-parents div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-image, body.section-actualites div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-image, body.section-actualites div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-image {display: none;} body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-title span a, body.section-sparadrap div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-title span a, body.section-professionnels div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-title span a, body.section-professionnels div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-title span a, body.section-parents div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-title span a, body.section-parents div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-title span a, body.section-actualites div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-title span a, body.section-actualites div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-title span a {font-weight: 700; color: #000} body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-date-affichee, body.section-sparadrap div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-date-affichee, body.section-professionnels div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-date-affichee, body.section-professionnels div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-date-affichee, body.section-parents div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-date-affichee, body.section-parents div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-date-affichee, body.section-actualites div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-field-date-affichee, body.section-actualites div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-field-date-affichee {text-decoration: underline; color: #000; font-weight: 600} body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-nothing, body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-nothing, body.section-parents div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-nothing {} body.section-sparadrap div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-view-node, body.section-professionnels div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-view-node, body.section-professionnels div#main div.container aside#sidebar-article-right .views-element-container .views-content .views-field-view-node, body.section-parents div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-view-node, body.section-sparadrap div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-view-node, body.section-actualites div#main div.container aside#sidebar-second .views-element-container .views-content .views-field-view-node {display: none;} body.section-parents #block-sparadrap-content article.node {border-color: #e4f7fe !important} body.section-professionnels #block-sparadrap-content article.node {border-color: rgba(128,194,163,0.2) !important} body.section-sparadrap #block-sparadrap-content article.node {border-color: rgba(255,246,212,1) !important} body.section-parents #block-sparadrap-content article.node.no-sidebar, body.section-professionnels #block-sparadrap-content article.node.no-sidebar, body.section-sparadrap #block-sparadrap-content article.node.no-sidebar {border-left: none; width: 72.6%; border-right: 25px solid} body.section-parents #block-sparadrap-content aside#sidebar-article-right.no-sidebar, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right.no-sidebar, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right.no-sidebar {border-left: none; width: 27.4%;} body.section-parents #block-sparadrap-content article.node, body.section-professionnels #block-sparadrap-content article.node, body.section-sparadrap #block-sparadrap-content article.node {padding: 20px 30px 20px 20px;} body.section-parents #block-sparadrap-content aside#sidebar-article-right, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right {display: table-cell; width: 27.4%; padding: 20px; background-color: #fff; float: none; border-left: 25px solid #e4f7fe;} body.section-professionnels #block-sparadrap-content aside#sidebar-article-right {border-color: rgba(128,194,163,0.2)} body.section-parents #block-sparadrap-content aside#sidebar-article-right, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right {vertical-align: top;} body.section-parents #block-sparadrap-content aside#sidebar-article-right .views-element-container, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right .views-element-container, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right .views-element-container {padding-top: 0;} body.section-parents #block-sparadrap-content aside#sidebar-article-right .views-element-container>h2 {display: inline-block; border-bottom: 5px solid #109eb6; margin-top: 0; padding-bottom: 2px; position: relative; color: #000; font-weight: bold; font-size: 20px;} body.section-professionnels #block-sparadrap-content aside#sidebar-article-right .views-element-container>h2 {display: inline-block; border-bottom: 5px solid #109eb6; margin-top: 0; padding-bottom: 2px; position: relative; color: #000; font-weight: bold; font-size: 20px;} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right .views-element-container>h2 {display: inline-block; border-bottom: 5px solid #109eb6; margin-top: 0; padding-bottom: 2px; position: relative; color: #000; font-weight: bold; font-size: 20px;} body.section-parents #block-sparadrap-content aside#sidebar-article-right h2, body.section-parents div.main div.container aside#sidebar-second h2, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right h2, body.section-professionnels div#main div.container aside#sidebar-second h2, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right h2 body.section-sparadrap div.main div.container aside#sidebar-second h2 {color: #000; position: relative; padding-bottom: 2px; border-bottom: 5px solid #109eb6; display: inline-block; margin-top: 0; margin-bottom: 15px;} body.section-parents #block-sparadrap-content aside#sidebar-article-right div.layout__region--content h2, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right div.layout__region--content h2, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right div.layout__region--content h2 {padding: 0; border: 0; display: block;} body.section-parents #block-sparadrap-content aside#sidebar-article-right div.layout__region--content h2:after, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right div.layout__region--content h2:after, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right div.layout__region--content h2:after {display: none;} body.section-parents #block-sparadrap-content aside#sidebar-article-right h2:after, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right h2:after, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right h2:after {position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #109eb6; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.section-parents #block-sparadrap-content aside#sidebar-article-right h2 {border-color: #109eb6 !important;} body.section-parents #block-sparadrap-content aside#sidebar-article-right h2:after {border-left: 10px solid #109eb6 !important} body.section-professionnels #block-sparadrap-content aside#sidebar-article-right h2 {border-color: #80C2A3 !important} body.section-professionnels #block-sparadrap-content aside#sidebar-article-right h2:after {border-left: 10px solid #80C2A3 !important} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right h2 {border-color: #FBD548 !important} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right h2:after {border-left: 10px solid #FBD548 !important} body.section-parents #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-content, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-content, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-content {float: none; width: 100%; padding: 10px 0} body.section-parents #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-content div.views-row, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-content div.views-row, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-content div.views-row {height: auto; box-shadow: none;} body.section-parents #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-row div.views-field, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-row div.views-field, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-row div.views-field {padding: 0;} body.section-parents #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term, body.section-parents #block-sparadrap-content aside#sidebar-article-right div.views-element-container div.views-row div.views-field.views-field-view-node {display: none;} body.section-parents #block-sparadrap-content aside#sidebar-article-right .article__autopromo, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right .article__autopromo, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right .article__autopromo {text-align: center; margin-bottom: 20px;} body.section-enfants .se-links-container ul li a {border-color: #fff7f1} body.section-parents .se-links-container ul li a {border-color: #e4f7fe} body.section-professionnels .se-links-container ul li a {border-color: #e6f3ed;} body.section-sparadrap .se-links-container ul li a {border-color: rgba(255,246,212,1)} body.section-actualites .se-links-container ul li a {border-color: rgba(255,246,212,1)} body.section-parents aside#sidebar-article-left #acces_direct div.inner, body.section-parents aside#sidebar-article-left #acces_direct h3, body.section-parents div.wrapper-accordion div#accordion div.accordion-item .accordion-item-header {border-color: #109eb6;} body.section-parents div.wrapper-accordion, body.section-parents div.wrapper-accordion div#accordion div.accordion-item div.accordion-item-content {border-color: #e4f7fe;} body.section-parents aside#sidebar-article-left #acces_direct h3:after {border-left-color: #109EB6} body.section-professionnels aside#sidebar-article-left #acces_direct div.inner, body.section-professionnels aside#sidebar-article-left #acces_direct h3, body.section-professionnels div.wrapper-accordion div#accordion div.accordion-item .accordion-item-header {border-color: #80C2A3;} body.section-professionnels div.wrapper-accordion, body.section-professionnels div.wrapper-accordion div#accordion div.accordion-item div.accordion-item-content {border-color: rgba(128,194,163,0.2);} body.section-professionnels aside#sidebar-article-left #acces_direct h3:after {border-left-color: #80C2A3} body.section-sparadrap h2 {color: #000} body.section-sparadrap aside#sidebar-article-left #acces_direct div.inner, body.section-sparadrap aside#sidebar-article-left #acces_direct h3, body.section-sparadrap div.wrapper-accordion div#accordion div.accordion-item .accordion-item-header {border-color: #FBD548;} body.section-sparadrap div.wrapper-accordion, body.section-sparadrap div.wrapper-accordion div#accordion div.accordion-item div.accordion-item-content {border-color: rgba(255,246,212,1);} body.section-sparadrap aside#sidebar-article-left #acces_direct h3:after {border-left-color: #FBD548;} body.section-parents #block-sparadrap-content aside#sidebar-art icle-left div#sommaire div.sommaire--item a:hover, body.section-parents aside#sidebar-article-left #acces_direct div.inner>div a:hover {color: #109eb6} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item a.active, body.section-parents aside#sidebar-article-left #acces_direct div.inner>div a.active {color: #109eb6} body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item a:hover, body.section-professionnels aside#sidebar-article-left #acces_direct div.inner>div a:hover {color: #80C2A3} body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item a.active, body.section-professionnels aside#sidebar-article-left #acces_direct div.inner>div a:active {color: #80C2A3} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item a:hover, body.section-sparadrap aside#sidebar-article-left #acces_direct div.inner>div a:hover {color: #FBD548} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire div.sommaire--item a.active, body.section-sparadrap aside#sidebar-article-left #acces_direct div.inner>div a.active {color: #FBD548} /* LISTE */ body.section-actualites #block-sparadrap-content div.views-element-container>div:after {clear: both; display: block; content: ''} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form {padding: 10px; margin-bottom: 30px;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form:after {display: block; clear: both; content: ''} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form legend {margin-bottom: 10px; display: block; font-size: 17px; font-weight: bold; color: #000} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form>.js-form-item {width: 33.3333%; float: left; padding: 10px;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .js-form-item .js-form-type-checkbox {float: none; width: auto;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .js-form-item .js-form-type-checkbox.form-item-public-58 label {text-transform: uppercase;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .js-form-item .js-form-type-checkbox input {display: inline; vertical-align: middle; margin-right: 2px;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .js-form-item .js-form-type-checkbox label {display: inline; vertical-align: middle; font-size: 14px;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .form-item-year {} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .form-item-year>select {padding: 5px; width: 100%;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .form-item-year>label {display: block; margin-bottom: 10px; font-size: 17px; font-weight: bold; color: #000; position: relative; top: -10px;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content {width: 100%; margin-bottom: 30px; clear: both;} body.section-actualites.page-actualites #block-sparadrap-content div.views-element-container div.views-content {width: 100%; margin-bottom: 30px; clear: both;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-row {clear: both; padding-left: 35px;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-row:after {clear: both; display: block; content: ''} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-field.views-field-title {position: relative;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-field.views-field-title:before {background-image: url(../../images/galet-sparadrap.svg); background-repeat: no-repeat; width: 30px; height: 30px; content: ' '; position: absolute; left: -35px; background-size: 30px; background-position: top center;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-field.views-field-field-image {float: left; margin-right: 10px; width: 140px;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-field.views-field-field-date-affichee {color: #888; font-style: italic; font-size: 13px; margin-bottom: 5px;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-field.views-field-nothing p {margin: 0} body.section-actualites #block-sparadrap-content div.views-element-container div.views-content div.views-field.views-field-view-node {display: none;} .role--authenticated .site-logo { display: block; text-align: center; } .role--authenticated .site-logo img{ max-width: 87%; } body.section-parents #block-sparadrap-content div.views-element-container, body.section-professionnels #block-sparadrap-content div.views-element-container, body.section-sparadrap #block-sparadrap-content div.views-element-container, body.section-actualites #block-sparadrap-content div.views-element-container {position: relative; margin-left: -10px; margin-right: -10px; padding: 20px} body.section-parents #block-sparadrap-content div.views-element-container>div:after, body.section-professionnels #block-sparadrap-content div.views-element-container>div:after, body.section-sparadrap #block-sparadrap-content div.views-element-container>div:after, body.section-actualites #block-sparadrap-content div.views-element-container>div:after {clear: both; display: block; content: ''} body.section-parents #block-sparadrap-content div.views-element-container div.views-content, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-content, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-content {float: left; width: 33.33333%; padding: 10px;} body.section-parents #block-sparadrap-content div.views-element-container div.views-content:last-child:after, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-content:last-child:after {clear: both; content: ' '} body.section-parents #block-sparadrap-content div.views-element-container div.views-row, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-content div.views-row, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); display: block; margin: 0; height: 425px; overflow: hidden;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field {color: #000000; padding: 0 25px} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field .field-content, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field .field-content, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.field-content, {} body.section-actualites #block-sparadrap-content div.views-element-container div.views-row div.views-field.field-content {} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field a, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field a, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field a, body.section-actualites #block-sparadrap-content div.views-element-container div.views-row div.views-field a {display: block; color: #000000;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-title a {font-size: 17px; font-weight: bold; margin-top: 15px; margin-bottom: 10px;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field a img , body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field a img, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field a img {display: block; width: 100%;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-field-image, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-field-image, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-field-image {padding: 0; max-height: 200px; overflow: hidden;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-name, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-name, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-field-name, body.section-actualites #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-field-name {color: #000000; font-size: 15px;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-description__value, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-description__value, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-description__value, {min-height: 70px; font-size: 13px;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-description__value p, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-description__value p, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-description__value p {margin: 0} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term span.field-content, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term span.field-content, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term span.field-content {text-align: right;} body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node span.field-content {text-align: right; display: block;} body.section-sparadrap #sidebar-first h2, body.section-sparadrap #sidebar-second h2 {color: #000; padding-bottom: 2px; border-bottom: 5px solid #FBD548; position: relative; display: inline-block;} body.section-sparadrap #sidebar-first h2:after, body.section-sparadrap #sidebar-second h2:after {position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #FBD548; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.section-parents #block-sparadrap-content .default__feuilletage, body.section-professionnels #block-sparadrap-content .default__feuilletage, body.section-sparadrap #block-sparadrap-content .default__feuilletage, body.section-actualites #block-sparadrap-content .default__feuilletage {margin-left: 0; margin-bottom: 10px; text-align: left;} body.section-parents #block-sparadrap-content .default__feuilletage a {background-color: #109EB6} body.section-professionnels #block-sparadrap-content .default__feuilletage a {background-color: #80C2A3;} body.section-sparadrap #block-sparadrap-content .default__feuilletage a {background-color: #FBD548;} body.section-actualites #block-sparadrap-content .default__feuilletage a {} div.contextual-region:after {clear: both; content: ''; display: block;} /* PARENTS */ body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term, body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node {text-align: right; padding: 0 10px;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term span.field-content a, body.section-parents #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node span.field-content a {display: inline-block; color: #109eb6; font-weight: bold; font-size: 40px;} body.section-parents #block-sparadrap-content div.views-element-container {} body.section-parents #block-sparadrap-content div.views-element-container>div {} body.section-parents #block-sparadrap-content div.views-element-container>div:after {display: block; clear: both; content: ''} /* PROFESSIONNELS */ body.section-professionnels {background-color: rgba(128,194,163,0.2);} body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node {text-align: right; padding: 0 10px;} body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term span.field-content a, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node span.field-content a {display: inline-block; color: rgba(128,194,163,1); font-weight: bold; font-size: 40px;} body.section-parent div.js-view-dom-id-e3445901c12bdbeb8c6794b8d392f0b4db56b3101211add66a1a41b3e6c13838 {} body.section-parent #block-sparadrap-content> div:after {position: relative; display: block; content: ''; clear: both; width: 100%;} /* SPARADRAP */ body.section-sparadrap, body.section-actualites, {background-color: rgba(255,246,212,1);} body.section-nous-aider h1, body.section-sparadrap h1, body.section-actualites h1, body.section-sparadrap #block-sparadrap-page-title h1 {background-color: #FBD548; color: #000; margin-left: -37px;} body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node, {text-align: right; padding: 0 10px;} body.section-actualites #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node {text-align: right; padding: 0 10px;} body.section-sparadrap #block-sparadrap-content div.views-element-container>div:after {clear: both; display: block; content: '';} body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-taxonomy-term span.field-content a, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node span.field-content a, body.section-actualites #block-sparadrap-content div.views-element-container div.views-row div.views-field.views-field-view-node span.field-content a {display: inline-block; color: #FBD548; font-weight: bold; font-size: 40px;} body.section-sparadrap #block-sparadrap-content article.node {border-color: rgba(255,246,212,1);} body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right {border-color: rgba(255,246,212,1);} /* ACCORDION */ div.wrapper-accordion {position: relative;background-color: #fff; margin-bottom: -55px; padding: 25px; border-top: 25px solid #e4f7fe} div.wrapper-accordion div#accordion {width: 100%; position: relative; max-width: 1290px; margin: auto;} div.wrapper-accordion div#accordion div.accordion-item {} div.wrapper-accordion div#accordion div.accordion-item .accordion-item-header {position: relative; display: inline-block; cursor: pointer; border-bottom: 1px solid #1ea9dd; padding-bottom: 10px; width: 100%; vertical-align: middle;} div.wrapper-accordion div#accordion div.accordion-item .accordion-item-content {} div.wrapper-accordion div#accordion div.accordion-item .accordion-item-header:before {display: inline-block; content: " + "; font-weight: bold; color: #ffd304; position: relative; margin:0 10px; font-size: 20px; transition: 0.6s; vertical-align: middle;} div.wrapper-accordion div#accordion div.accordion-item .accordion-item-header.active:before {content: " - "} div.wrapper-accordion div#accordion div.accordion-item div.accordion-item-content {position: relative; background-color: #fff; border:25px solid #e4f7fe; padding: 15px;} div.wrapper-accordion div#accordion div.accordion-item.documents {} div.wrapper-accordion div#accordion div.accordion-item.documents .accordion-item-header {} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol {float: left; width: 16%; height: 450px; padding: 20px;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol h3 {font-size: 14px; min-height: 60px;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__visuel {float: none; padding-right: 0;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__visuel img {width: 100%;} body.section-parents div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__feuilletage a {background-color: #109eb6; margin-top: -5px; width: 100%; display: block;} body.section-professionnels div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__feuilletage a {background-color: #80C2A3; width: 100; display: block;} body.section-parents div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol a.more {color: #109eb6} body.section-professionnels div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol a.more {color: #80C2A3;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__feuilletage {max-width: 100%;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__feuilletage a {color: #fff !important; font-size: 16px; display: inline-block; padding: 5px 15px; font-weight: 600; background-color: #ff7b23; position: relative; top: 12px; text-decoration: none !important; transition: 0.6s; margin: 0 auto; width: 100%; text-align: center;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__feuilletage:after {top: -145px; left: 0; width: 100%; display: block;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol a.more {text-decoration: underline; display: block; width: 100%; text-align: center; font-weight: 600} div.wrapper-accordion div#accordion div.accordion-item.videos {} div.wrapper-accordion div#accordion div.accordion-item.videos div.article__videos>div:nth-child(odd) {float: left; width: 49%;} div.wrapper-accordion div#accordion div.accordion-item.videos div.article__videos>div:nth-child(even) {float: right; width: 49%} div.wrapper-accordion div#accordion div.accordion-item.temoignages {} div.wrapper-accordion div#accordion div.accordion-item.liens-utiles {} div.wrapper-accordion div#accordion div.accordion-item.liens-utiles div a {display: inline-block; text-decoration: underline;} body.section-parents div.wrapper-accordion div#accordion div.accordion-item.liens-utiles div a {color: #e67e22} body.section-professionnels div.wrapper-accordion div#accordion div.accordion-item.liens-utiles div a {color: #e67e22} body.section-parents div.wrapper-accordion div#accordion div.accordion-item.bibliographie div a {color: #e67e22} body.section-professionnels div.wrapper-accordion div#accordion div.accordion-item.bibliographie div a {color: #e67e22} div.wrapper-accordion div#accordion div.accordion-item.bibliographie {} body.section-parents div.wrapper-accordion div#accordion div.accordion-item ul {list-style-type: disc; padding-left: 18px;} .align-left {margin-right: 10px; margin-bottom: 5px;} /* ENFANT */ body.section-enfants div#main div.container section#content div#content-area article ul li.share-everywhere {list-style-type: none; position: absolute; right: -45px; top: 0; display: none;} body.section-enfants div.default__dynamic-block-fieldcommerce-product-share, body.section-enfants div.links {position: initial; top: initial; right: :initial;} body.section-enfants div.letter_date {display: none;} body.section-enfants h1 {background-color: #ce3632; margin-left: -37px;} /* ASIDE MENU */ #sidebar-first nav ul.menu {text-align: center;} #sidebar-first nav ul.menu:after {display: block; clear: both; content: ''} #sidebar-first nav ul.menu li {padding: 7.5px; display: inline-block;} #sidebar-first nav ul.menu li a {background-position: top center; background-size: 90px; background-repeat: no-repeat; display: block; width: 100%; width: 90px; height: 90px; text-align: center; text-indent: -9999px; margin: auto;} #sidebar-first nav ul.menu li:nth-child(1) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_le_dico_off.svg');} #sidebar-first nav ul.menu li:nth-child(2) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_piqures_off.svg');} #sidebar-first nav ul.menu li:nth-child(3) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_medicaments_off.svg');} #sidebar-first nav ul.menu li:nth-child(4) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_l_hopital_off.svg');} #sidebar-first nav ul.menu li:nth-child(5) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_la_boite_aux_lettres_off.svg');} #sidebar-first nav ul.menu li:nth-child(6) a {background-image: url('../../images/enfants/accueil/picto_espace_enfant_2018_les_jeux_off.svg');} #sidebar-first nav ul.menu li a.side-videos {background-image: url('../../images/videos.svg');} #sidebar-first nav ul.menu li:nth-child(1):hover a, #sidebar-first nav ul.menu li.menu-item--active-trail:nth-child(1) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_le_dico_on.svg');} #sidebar-first nav ul.menu li:nth-child(2):hover a, #sidebar-first nav ul.menu li.menu-item--active-trail:nth-child(2) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_piqures_on.svg');} #sidebar-first nav ul.menu li:nth-child(3):hover a, #sidebar-first nav ul.menu li.menu-item--active-trail:nth-child(3) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_les_medicaments_on.svg');} #sidebar-first nav ul.menu li:nth-child(4):hover a, #sidebar-first nav ul.menu li.menu-item--active-trail:nth-child(4) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_l_hopital_on.svg');} #sidebar-first nav ul.menu li:nth-child(5):hover a, #sidebar-first nav ul.menu li.menu-item--active-trail:nth-child(5) a {background-image: url('../../images/enfants/accueil/picto_accueil_enfant_2018_la_boite_aux_lettres_on.svg');} #sidebar-first nav ul.menu li:nth-child(6):hover a, #sidebar-first nav ul.menu li.menu-item--active-trail:nth-child(6) a {background-image: url('../../images/enfants/accueil/picto_espace_enfant_2018_les_jeux_on.svg');} #sidebar-first nav ul.menu li:hover a.side-videos, #sidebar-first nav ul.menu li.menu-item--active-trail a.side-videos {background-image: url('../../images/videos-hover.svg');} /* DICO */ body.page-enfants-dictionnaire #content-area, body.page-enfants-dictionnaire-lhopital #content-area, body.page-enfants-dictionnaire-lhopital-admissions-service-des-admissions #content-area {position: relative;} a.btn_proposer_un_mot {position: absolute; top: 30px; right: 0; background-image: url('../../images/enfants/dico/bouton_dico_2018_propose_un_mot_off.svg'); background-position: center; height: 60px; width: 60px; background-size: 60px; text-indent: -9999px; display: block; background-repeat: no-repeat;} a.btn_proposer_un_mot:hover {background-image: url('../../images/enfants/dico/bouton_dico_2018_propose_un_mot_on.svg');} a.btn_proposer_un_mot.mobile {position: static;margin: 0 0 0 15px;display: none;} body.section-dictionnaire #block-sparadrap-page-title h1 {background-color: #ce3632;} body.section-dictionnaire .layout-container section#content #block-sparadrap-content article a {color: #ce3632} body.page-enfants-dictionnaire #block-sparadrap-content .contextual-region, body.page-enfants-dictionnaire #block-sparadrap-content div.views-element-container {max-width: 720px; width: 100%;} body.page-enfants-dictionnaire #block-sparadrap-content div.views-element-container>div:after {content: ''; display: block; clear: both;} body.page-enfants-dictionnaire #block-sparadrap-content .views-row {display: block; float: left; width: 100%; height: 180px; max-width: 150px; padding: 10px;} body.page-enfants-dictionnaire #block-sparadrap-content .views-row .views-field {} body.page-enfants-dictionnaire #block-sparadrap-content .views-row .views-field.views-field-field-image {} body.page-enfants-dictionnaire #block-sparadrap-content .views-row .views-field.views-field-name {text-align: center; background-size: 100px; background-position: center; background-repeat: no-repeat; height: 100px;} body.page-enfants-dictionnaire #block-sparadrap-content .views-row .views-field.views-field-name a {display: inline-block; padding-top: 100px; width: 100%; vertical-align: bottom; font-weight: bold; } body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(2) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_a_l_hopital_off.svg'); } /* hopital */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(3) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_l-operation_off.svg');} /* l'opéraition */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(4) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_le_corps_humain_off.svg');} /* le corps humain */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(5) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_le_meteriel_medical_off.svg');} /* materiel medical */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(6) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les_papiers_de_la_sante_off.svg');} /* papiers santé */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(7) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-examens_les soins_off.svg');} /* examens-soins */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(8) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-lieux_off.svg');} /* lieux soigne */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(9) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-maladies_off.svg');} /* maladies */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(10) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-personnes_off.svg');} /* personnes soin de ta santé */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(11) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-sensations_off.svg');} /* sensation-symptomes */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(12) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les_traitements_les_medicaments_off.svg');} /* triatement-medicaments */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(13) .views-field.views-field-name {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les_transports_off.svg');} /* transports-medicalises */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(2) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_a_l_hopital_on.svg'); } /* hopital */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(3) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_l-operation_on.svg');} /* l'opéraition */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(4) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_le_corps_humain_on.svg'); background-size: 100px} /* le corps humain */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(5) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_le meteriel-medical_on.svg');} /* materiel medical */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(6) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les_papiers_de_la_sante_on.svg');} /* papiers santé */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(7) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-examens_les soins_on.svg');} /* examens-soins */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(8) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-lieux_on.svg');} /* lieux soigne */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(9) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les maladies_on.svg');} /* maladies */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(10) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-personnes_on.svg');} /* personnes soin de ta santé */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(11) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les-sensations_on.svg');} /* sensation-symptomes */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(12) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les_traitements_les_medicaments_on.svg');} /* triatement-medicaments */ body.page-enfants-dictionnaire #block-sparadrap-content .views-row:nth-child(13) .views-field.views-field-name:hover {background-image: url('../../images/enfants/dico/boutons_theme_dico_2018_les_transports_on.svg');} /* transports-medicalises */ body.section-enfants.page-enfants-dictionnaire div#main div.container section#content {padding-bottom: 50px;} #block-dicosearch {margin-left: 10px;} #block-dicosearch h3 {font-weight: bold; font-size: 17px; color: #ce3632; margin-bottom: 10px; margin-left: -10px;} #block-dicosearch form {max-width: 75%; margin: 0 0 40px; width: 100%; position: relative;} #block-dicosearch form:after {content: ''; display: block; clear: both;} #block-dicosearch form .js-form-type-entity-autocomplete {width: 100%; overflow: hidden;} #block-dicosearch form .js-form-type-entity-autocomplete>input {margin-bottom: 0; display: block; width: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} #block-dicosearch form .js-form-type-entity-autocomplete>input:focus {box-shadow: none;} #block-dicosearch form #edit-actions {width: 50px; position: absolute; top: 0; right: 0; height: 100%;} #block-dicosearch form #edit-actions>input {display: block; width: 100%; height: 100%; background-color: #ce3632; background-image: url('../../images/enfants/dico/loupe.svg'); background-repeat: no-repeat; background-position: center; background-size: 30px; text-indent: -9999px;} #block-dicosearch form #edit-actions>input:hover {border: 2px solid #FBD548;} body.page-enfants-dictionnaire #block-sparadrap-content .views-element-container header {font-weight: bold; font-size: 17px; color: #ce3632; margin-bottom: 10px;} #block-views-block-dictionnaire-themes-block-1 .views-row {padding-left: 35px; position: relative; margin-bottom: 10px;} #block-views-block-dictionnaire-themes-block-1 .views-row a:hover {color: #ce3632; text-decoration: underline;} #block-views-block-dictionnaire-themes-block-1 .views-row a:before { content: ''; width: 30px; display: inline-block; vertical-align: middle; height: 30px; margin-right: 10px; background-image: url(../../images/galet-enfants.svg); background-repeat: no-repeat; background-position: top center; background-size: 30px; left: 0; position: absolute;} .owl-carousel {max-width: 250px; width: 100%;} body.section-enfants.page-enfants-piqures .views-row .views-field-title, body.section-enfants.page-enfants-hopital .views-row .views-field-title, body.section-enfants.page-enfants-medicaments .views-row .views-field-title {display: block;} body.section-enfants #block-sparadrap-content div.content:after {clear: both; display: block; content: '';} .definition__def-images.owl-carousel {margin-right: 20px; float: left; margin-bottom: 20px;} .definition__def-images.owl-carousel .owl-nav {display: none;} .definition__def-images.owl-carousel .owl-dots button.owl-dot span {background-color: #ce3632; opacity: 0.4} .definition__def-images.owl-carousel .owl-dots button.owl-dot.active span {background-color: #ce3632; opacity: 1} .definition__le-sais-tu, .definition__voir-aussi {padding-top: 20px; border-top: 1px solid #ccc; margin-top: 20px; clear: both;} .definition__le-sais-tu>div:first-child, .definition__voir-aussi>div:first-child {color: #ce3632; font-weight: bold; font-size: 16px; margin-bottom: 10px;} .definition__body {padding-left: 270px;} div.retour-dico {margin-top: 20px; text-align: center;} div.retour-dico a.retour {display: inline-block; height: 60px; width: 60px; background-image: url('../../images/enfants/dico/bouton_dico_2018_cherche_un_autre_mot_off.svg'); background-repeat: no-repeat; background-position: center; background-size: 60px; text-indent: -9999px;} div.retour-dico a.retour:hover {background-image: url('../../images/enfants/dico/bouton_dico_2018_cherche_un_autre_mot_on.svg')} body.section-enfants #block-sparadrap-page-title h1 {background-color: #ce3632; margin-left: -37px;} body.section-enfants #main h2 {color: #ce3632;} body.section-enfants div#main div.container aside#sidebar-first {display: table-cell; vertical-align: top; float: none;} body.section-enfants div#main div.container section#content {margin-top: 0; display: table-cell; vertical-align: top; float: none;} body.section-enfants .layout-container section#content #block-sparadrap-content article a {color: #ce3632} body.section-enfants nav.pager {} body.section-enfants nav.pager ul {} body.section-enfants nav.pager ul li.pager__item.pager_current {position: relative; top: 20px; font-weight: bold; display: inline-block;} body.section-enfants nav.pager ul li.pager__item.pager_prev>a {display: inline-block; background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_gauche_off.svg'); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; text-indent: -9999px; background-position: center; margin-right: 10px;} body.section-enfants nav.pager ul li.pager__item.pager_prev>a:hover {background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_gauche_on.svg');} body.section-enfants nav.pager ul li.pager__item.pager_next>a {display: inline-block; background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_droite_off.svg'); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; text-indent: -9999px; background-position: center; margin-left: 10px;} body.section-enfants nav.pager ul li.pager__item.pager_next>a:hover {background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_droite_on.svg');} /* BOITE AUX LETTRES */ body.page-enfants-boite-aux-lettres .views-element-container>div:after {content: ''; display: block; clear: both;} body.page-enfants-boite-aux-lettres .views-row {display: block; float: left; width: 100%; margin-top: 20px; background-image: url('../../images/enfants/lettres/image_message_2018_la_boite_aux_lettres_jaune_OK.svg'); background-repeat: no-repeat; background-size: 60px; background-position: left center; padding: 20px;} body.section-enfants.page-enfants-boite-aux-lettres .views-row .views-field-title {padding-left: 50px;} body.page-enfants-boite-aux-lettres .views-row .views-field-title:hover span a {text-decoration: underline;} body.page-enfants-boite-aux-lettres .views-row .views-field-title span a {font-weight: bold; color: #ce3632; display: block;} body.page-enfants-boite-aux-lettres .views-row .views-field-view-node {display: none;} body.page-enfants-boite-aux-lettres .views-row .views-field.views-field-body {padding-left: 50px;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 {} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 h2 {font-size: 16px;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1>div>div:after {display: block; content: ''; clear: both;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .contextual-region:after {display: block; content: ''; clear: both;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .views-row {float: left; width: 20%; padding: 10px; text-align: center;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .views-row .views-field-title:hover span a {text-decoration: underline;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .views-row .views-field-title span a {display: block; font-weight: normal; color: #ce3632; padding: 20px; background-image: url('../../images/enfants/lettres/image_message_2018_la_boite_aux_lettres_jaune_OK.svg'); background-repeat: no-repeat; background-size: 60px; background-position: top center; padding-top: 65px; text-align: center; text-decoration: underline; font-size: 14px;} body.section-enfants .letter_nav:after {clear: both; content: ''; display: block;} body.section-enfants .letter_nav {clear: both; margin-top: 30px; margin-bottom: 30px; text-align: center;} body.section-enfants .letter_nav>a {display: block; padding: 5px 15px; color: #fff !importrtant; background-color: #ce3632; text-align: center; text-decoration: none !important; border-radius: 10px;} body.section-enfants .letter_nav a.prev {position: relative; background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_gauche_off.svg'); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; text-indent: -9999px; background-position: center; display: inline-block; margin-right: 20px;} body.section-enfants .letter_nav a.prev:before {} body.section-enfants .letter_nav a.next {position: relative; background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_droite_off.svg'); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; text-indent: -9999px; background-position: center; display: inline-block; margin-left: 20px;} body.section-enfants .letter_nav a.prev:hover {background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_gauche_on.svg'); background-size: 62px} body.section-enfants .letter_nav a.next:hover {background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_droite_on.svg'); background-size: 62px} body.section-enfants .letter_nav a.next:after {} body.section-enfants h3.field-content a {color: #ce3632;} body.section-enfants h3.field-content a:before {content: ''; width: 40px; display: inline-block; vertical-align: middle; height: 40px; margin-right: 10px; background-image: url(../../images/galet-enfants.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; display: none;} body.section-enfants .views-field.views-field-body {padding-left: 70px;} body.section-enfants .views-field-field-def-images {width: 60px; margin-right: 20px; display: inline-block; vertical-align: middle; margin-top: 20px; margin-bottom: 10px;display: none;} body.section-enfants .views-field-field-def-images img {width: 100%;} body.section-enfants .views-field.views-field-title, body.section-enfants .views-field.views-field-nothing {display: inline-block; vertical-align: middle;} body.section-enfants .views-field.views-field-title h3 {padding-left: 40px;position: relative;} body.section-enfants .views-field.views-field-title h3:before {content: '';background-image: url('../../images/galet-enfants.svg');background-repeat: no-repeat;width: 30px;height: 30px;position: absolute;left: 0px;top: -4px;background-size: 30px;background-position: center;} body.section-enfants #block-views-block-bloc-bal-lire-aussi-block-1 .views-field.views-field-title, body.section-enfants #block-views-block-bloc-bal-lire-aussi-block-1 .views-field.views-field-nothing {padding-left: 0;} body.section-enfants .views-field.views-field-view-node {display: none;} nav.pager {text-align: center; margin-top: 20px;} body.page-enfants-boite-aux-lettres #content-area {position: relative;} .envoi-temoignage {position: absolute; top: 30px; right: 0; background-image: url(../../images/enfants/lettres/bouton_boite_aux_lettres_2018_envoie_ton_message_off.svg); background-position: center; height: 60px; width: 60px; background-size: 60px; text-indent: -9999px; display: block; background-repeat: no-repeat;} .envoi-temoignage:hover {background-image: url(../../images/enfants/lettres/bouton_boite_aux_lettres_2018_envoie_ton_message_on.svg); background-size: 62px;} body.section-enfants #content-area {position: relative;} /* PIQURES */ body.page-enfants-piqures #block-sparadrap-content .views-element-container>div:after {display: block; clear: both; content: '';} body.page-enfants-les-piqures .views-row, body.page-enfants-piqures .views-row {width: 33.3333333%; float: left; padding: 20px; } /*body.page-enfants-les-piqures .views-row:last-child, body.page-enfants-piqures .views-row:last-child {width: 100%; float: none; padding: 20px; clear: both;}*/ body.page-enfants-les-piqures .views-row .views-field, body.page-enfants-piqures .views-row .views-field {} body.page-enfants-les-piqures .views-row .views-field.views-field-title a, body.page-enfants-piqures .views-row .views-field.views-field-title a {text-align: center; color: #ce3632; font-weight: bold; font-size: 16px; margin-top: 10px; min-height: 50px;} body.page-enfants-les-piqures .views-row .views-field a, body.page-enfants-piqures .views-row .views-field a {display: block; margin:auto;} body.page-enfants-les-piqures .views-row .views-field a img, body.page-enfants-piqures .views-row .views-field a img {display: block; width: 100%; max-width: 275px; margin:auto;} .medicament_more {text-align: center; margin-top: 70px;} .medicament_more a:hover {border-radius: 10px; border:4px solid #fbd700; box-sizing: border-box; padding: 6px;} .medicament__quiz-lie, .medicament__video-liee, .medicament__lien-piqures, .medicament__lien-vers-article-ex-conse {display: inline-block; vertical-align: middle;} .medicament__video-liee a, .medicament__lien-piqures a {display: inline-block; background-position: center; height: 60px; width: 60px; display: block; background-color: #ce3632; color: #fff !important; font-weight: bold; vertical-align; padding: 5px; text-decoration: none !important; border-radius: 10px; font-size: 11px; text-align: center;} .medicament__lien-vers-article-ex-conse a {display: inline-block; background-position: center; height: 60px; width: 60px; display: block; background-image: url('../../images/enfants/medicaments/picto_espace_enfant_2018_pour_tes_parents_off.svg'); color: #fff !important; font-weight: bold; vertical-align; padding: 10px; text-decoration: none !important; border-radius: 10px; font-size: 17px; text-align: center; text-indent: -9999px;} .medicament__lien-vers-article-ex-conse a:hover {background-image: url('../../images/enfants/medicaments/picto_espace_enfant_2018_pour_tes_parents_on.svg'); border: none;} .medicament__lien-piqures a:hover {border:none;} /* MEDICAMENTS */ body.page-medicaments {} body.page-medicaments #block-sparadrap-content {} body.page-medicaments #block-sparadrap-content .contextual-region {} body.page-medicaments #block-sparadrap-content .contextual-region:after {display: block; clear: both; content: ''} body.page-medicaments #block-sparadrap-content .contextual-region .views-row {width: 33.3333%; float: left; padding: 20px;} body.page-medicaments #block-sparadrap-content .contextual-region .views-row .views-field-title {} body.page-medicaments #block-sparadrap-content .contextual-region .views-row .views-field-title span a {display: block; border: 1px solid #ce3632; padding: 10px; width: 100%; border-radius: 10px; color: #ce3632; font-weight: bold;} .medicament__questions-reponses div.item-meds {margin-bottom: 40px;} .medicament__questions-reponses div.item-meds div.content:after {clear: both; display: block; content: ''} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__question {margin-bottom: 10px; font-weight: bold; color: #ce3632; font-size: 18px; padding-left: 280px;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__med-image {float: left; margin-right: 35px; max-height: 201px; overflow: hidden;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__reponse {padding-left: 280px;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- {padding-left: 280px;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__reponse table {} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__reponse table tr td {border: none; padding: 0 10px;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- button.show_le_sais_tu_wrapper {background-image: url('../../images/enfants/medicaments/picto_rubrique_enfant_2018_le_sais_tu_off.svg'); background-position: center; height: 40px; width: 40px; background-size: 40px; display: block; text-indent: -9999px; background-color: transparent; position: absolute; right: 0} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- button.show_le_sais_tu_wrapper:hover {background-image: url('../../images/enfants/medicaments/picto_rubrique_enfant_2018_le_sais_tu_on.svg');} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper {display: none; position: fixed; top: 50%; left:50%; background-color: #fff; padding: 20px; z-index: 100; max-width: 500px; width: 100%; max-height: 300px; margin-top: -150px; margin-left: -250px; overflow: auto;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper.show-modal {display: block;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper h3 {font-weight: bold; color: #ce3632; font-size: 17px; margin: 0 0 20px} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper h3:before {display: inline-block; content: '+'; width: 30px; color: #fff; background-color: #ce3632; margin-right: 10px; font-size: 24px; text-align: center; border-radius: 5px; vertical-align: middle;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper a.close-modal {position: absolute; display: block; color: #ce3632; font-size: 20px; right: 20px; top: 17px; font-weight: bold; text-decoration: none !important;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- div.modal-fix.active {display: block;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- div.modal-fix {position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); top: 0; left: 0; display: none; z-index: 90} body.modal-active {overflow-y: hidden;} .medicament_nav {position: relative; margin-top: 40px; padding-bottom: 20px; text-align: center;} .medicament_nav:after {clear: both; display: block; content: ''} .medicament_nav .prev {display: inline-block; background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_gauche_off.svg'); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; text-indent: -9999px; margin-right: 20px;} .medicament_nav .prev:before {} .medicament_nav .next {display: inline-block; background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_droite_off.svg'); background-repeat: no-repeat; background-size: 60px; height: 60px; width: 60px; text-indent: -9999px; background-position: center; margin-left: 20px;} .medicament_nav .prev:hover {background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_gauche_on.svg')} .medicament_nav .next:hover {background-image: url('../../images/enfants/lettres/bouton_rubrique_enfant_2018_fleche_droite_on.svg')} a.retour-sommaire {display:none !important; position: absolute; left: 50%; padding: 4px 8px; background-color: #fff; color: #ce3732 !important; text-decoration: none !important; display: inline-block; text-align: center; border: 2px solid #ce3632; font-weight: bold; border-radius: 10px; margin-left: -67px; top: -3px;} body.page-enfants-medicaments .views-element-container footer {text-align: center;} body.page-enfants-medicaments .views-element-container {} body.page-enfants-medicaments .views-element-container>div {} body.page-enfants-medicaments .views-element-container>div:after {clear: both; display: block; content: '';} body.page-enfants-medicaments .views-element-container .views-row {padding: 20px; width: 33.33333%; float: left;} body.page-enfants-medicaments .views-element-container .views-row .views-field-title a {text-align: center; font-weight: bold; color: #ce3632; font-size: 16px; min-height: 55px; display: block; margin-top: 10px;} body.page-enfants-medicaments .views-element-container .views-row .views-field-field-image img {width: 100%; margin: auto; display: block; max-width: 275px} /*body.page-enfants-medicaments .views-element-container .views-row .views-field-title span a {border: 1px solid #ce3632; padding: 20px; border-radius: 10px; display: block; background-repeat: no-repeat; background-position: center; background-size: auto; height: 213px; text-indent: -9999px;} body.page-enfants-medicaments .views-element-container .views-row:nth-child(1) .views-field-title span a {background-image: url('../../images/enfants/medicaments/Ch-1-Picto.jpg');} body.page-enfants-medicaments .views-element-container .views-row:nth-child(2) .views-field-title span a {background-image: url('../../images/enfants/medicaments/Ch2-Picto.jpg');} body.page-enfants-medicaments .views-element-container .views-row:nth-child(3) .views-field-title span a {background-image: url('../../images/enfants/medicaments/Ch3-Picto.jpg');} body.page-enfants-medicaments .views-element-container .views-row:nth-child(4) .views-field-title span a {background-image: url('../../images/enfants/medicaments/Ch4-Picto.jpg');} body.page-enfants-medicaments .views-element-container .views-row:nth-child(5) .views-field-title span a {background-image: url('../../images/enfants/medicaments/Ch5-Picto.jpg');} body.page-enfants-medicaments .views-element-container .views-row:nth-child(6) .views-field-title span a {background-image: url('../../images/enfants/medicaments/Ch6-Picto.jpg'); margin-bottom: 40px;}*/ body.page-enfants-medicaments a.link-quiz, .medicament__quiz-lie a {display: inline-block; background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_faire_le quiz_off.svg'); background-position: center; background-repeat: no-repeat; text-indent: -9999px; height: 60px; width: 60px; clear: both;} body.page-enfants-medicaments a.link-quiz:hover {background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_faire_le_quiz_on.svg');} /* CORRECTIONS */ body.section-enfants.page-enfants-hopital div.views-element-container>div:after {display: block; clear: both; content: ''} body.section-enfants.page-enfants-hopital .views-field.views-field-title, body.section-enfants.page-enfants-hopital .views-field.views-field-nothing {padding: 0} body.section-enfants.page-enfants-medicaments .views-field.views-field-title, body.section-enfants.page-enfants-medicaments .views-field.views-field-nothing {padding: 0} body.section-enfants.page-enfants-piqures .views-field.views-field-title, body.section-enfants.page-enfants-piqures .views-field.views-field-nothing {padding: 0} /* QUIZZ */ body.page-enfants-quiz-du-medicament #block-sparadrap-content {} body.page-enfants-quiz-du-medicament #block-sparadrap-content h1 {background-color: #ce3632; color: #fff; margin-left: -37px;} .quiz__body {} .quiz_question .field-collection-item--name-field-questions-quiz {margin-bottom: 20px;} .quiz_question {margin-top: 30px;} .quiz_question h4 {color: #ce3632; margin:0; padding: 10px 20px;} .quiz_question .field_questions_quiz__reponses-quiz {padding: 20px;} .quiz_question .field_questions_quiz__reponses-quiz>div {margin-bottom: 10px;} .quiz_question .field_questions_quiz__reponses-quiz>div:last-child {margin-bottom: 0px;} .quiz_question input.rep {display: inline; margin-right: 15px;} .quiz_question div.field_reponses_quiz__reponse-quiz {display: inline;} .quiz_question .btn-valide {background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_OK_off.svg'); background-position: center; height: 60px; width: 60px; background-size: 60px; text-indent: -9999px; display: block; background-repeat: no-repeat; margin: auto; background-color: transparent;} .quiz_question .btn-valide:hover {border-radius: 10px; border: 3px solid #fbd700} .quiz_question .btn-valide:after {width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 20px; border-color: #fff #fff #fff #ce3732; display: block; position: absolute; right: 0; top: 0; content: ''; display: none;} .final_quiz {} .final_quiz .final_quiz_title {background-color: #ce3632; color: #fff; padding: 10px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: none;} .final_quiz .final_quiz_content {padding: 30px; text-align: center;} .final_quiz .final_quiz_content>span {display: block; border-radius: 10px; padding: 10px; text-align: center; background-color: green; color: #fff; font-weight: bold; margin: 0 auto 40px; width: 80%} .final_quiz .final_quiz_content .reset_quiz:before {position: absolute; top: 0; content: '?'; width: 50px; height: 50px; background-color: #ce3632; border-radius: 100%; color: #fff; font-weight: bold; font-size: 20px; line-height: 50px; left: 50%; margin-left: -25px; display: none;} .final_quiz .final_quiz_content .reset_quiz {background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_refaire_le_quiz_off.svg'); background-position: center; height: 60px; width: 60px; background-size: 60px; text-indent: -9999px; display: inline-block; background-repeat: no-repeat; margin: auto; background-color: transparent; margin-right: 40px;} .final_quiz .final_quiz_content .reset_quiz:hover {background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_refaire_le_quiz_on.svg');} .final_quiz .final_quiz_content .show_br:before {position: absolute; top: 0; content: '↓'; width: 50px; height: 50px; background-color: #ce3632; border-radius: 100%; color: #fff; font-weight: bold; font-size: 20px; line-height: 45px; left: 50%; margin-left: -25px; display: none;} .final_quiz .final_quiz_content .show_br {background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_voir_les_reponses_off.svg'); background-position: center; height: 60px; width: 60px; background-size: 60px; text-indent: -9999px; display: inline-block; background-repeat: no-repeat; margin: auto; background-color: transparent;} .final_quiz .final_quiz_content .show_br:hover {background-image: url('../../images/enfants/medicaments/bouton_quiz_2018_voir_les_reponses_on.svg');} .block_br {margin-top: 20px; font-weight: bold;} .block_br ol {font-weight: normal; margin-top: 10px;} .block_br ol li {margin-bottom: 5px} /* HOPITAL */ body.page-enfants-hopital div.views-row {padding: 20px; width: 33.33333%; float: left;} body.page-enfants-hopital div.views-row div.views-field-field-image {} body.page-enfants-hopital div.views-row div.views-field-field-image img {width: 100%; margin: auto; display: block; max-width: 275px} body.page-enfants-hopital div.views-row div.views-field-field-image a {} body.page-enfants-hopital div.views-field-title a {text-align: center; color: #ce3632; font-weight: bold; font-size: 16px; margin-top: 10px; display: block; min-height: 55px;} body.page-enfants-hopital h3.field-content a:before {display: none;} /* FORM */ body.page-enfants-boite-aux-lettres-envoi-ton-temoignage form label {font-weight: bold;} body.page-enfants-boite-aux-lettres-envoi-ton-temoignage form select {width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 2px; display: block;} #edit-actions {text-align: center;} body.section-enfants #edit-actions input {display: inline-block; background-color: #ce3632; padding: 8px 15px} body.page-merci-pour-ton-temoignage h1 {background-color: #ce3632; margin-left: -37px;} /* ACTUS */ body.section-actualites #sidebar-first h2, body.section-actualites #sidebar-second h2 {color: #000; position: relative; border-bottom: 5px solid #FBD548; padding-bottom: 2px; margin-bottom: 20px; display: inline-block; font-size: 20px; margin-top: 0;} body.section-actualites #sidebar-first h2:after, body.section-actualites #sidebar-second h2:after {color: #000; position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #FBD548; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.section-actualites.section-parents {background-color: #e4f7fe; } body.section-actualites.section-parents #block-sparadrap-page-title h1 {background-color: #01a1b9; margin-left: -37px;} body.section-parents .layout-container div#main div.container aside #sidebar-first h2, body.section-parents .layout-container div#main div.container aside#sidebar-second h2, body.section-actualites.section-parents #sidebar-first h2, body.section-actualites.section-parents #sidebar-second h2 {color: #000; position: relative; border-bottom: 5px solid #109EB6; padding-bottom: 2px; margin-bottom: 20px; display: inline-block; font-size: 20px; margin-top: 0;} body.section-parents .layout-container div#main div.container aside #sidebar-first h2:after, body.section-parents .layout-container div#main div.container aside#sidebar-second h2:after, body.section-actualites.section-parents #sidebar-first h2:after, body.section-actualites.section-parents #sidebar-second h2:after {color: #000; position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #109eb6; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.section-actualites.section-parents div#main div.container section#content {float: none;} body.section-actualites.section-parents div#main div.container aside#sidebar-second {border-color: #e4f7fe; float: none;} body.section-actualites.section-professionnels {background-color: rgba(128,194,163,0.2);} body.section-actualites.section-professionnels #block-sparadrap-page-title h1 {background-color: #80C2A3} body.section-professionnels .layout-container div#main div.container aside#sidebar-second h2, body.section-actualites.section-professionnels #sidebar-first h2, body.section-actualites.section-professionnels #sidebar-second h2 {color: #000; position: relative; border-bottom: 5px solid #80C2A3; padding-bottom: 2px; margin-bottom: 20px; display: inline-block; font-size: 20px; margin-top: 0;} body.section-professionnels .layout-container div#main div.container aside#sidebar-second h2:after, body.section-actualites.section-professionnels #sidebar-first h2:after, body.section-actualites.section-professionnels #sidebar-second h2:after {color: #000; position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #80C2A3; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} body.section-actualites.section-professionnels div#main div.container aside#sidebar-second {border-color: rgba(128,194,163,0.2); float: none;} body.section-actualites.section-professionnels div#main div.container section#content {float: none;} body.section-actualites.section-sparadrap {} body.section-actualites.section-sparadrap #block-sparadrap-page-title h1 {} body.section-sparadrap .layout-container div#main div.container aside#sidebar-first h2, body.section-sparadrap .layout-container div#main div.container aside#sidebar-second h2, body.section-actualites.section-sparadrap #sidebar-first h2, body.section-actualites.section-sparadrap #sidebar-second h2 {color: #000; position: relative; border-bottom: 5px solid #FBD548; padding-bottom: 2px; margin-bottom: 20px; display: inline-block; font-size: 20px; margin-top: 0;} body.section-sparadrap .layout-container div#main div.container aside#sidebar-first h2:after, body.section-sparadrap .layout-container div#main div.container aside#sidebar-second h2:after, body.section-actualites.section-sparadrap #sidebar-first h2:after, body.section-actualites.section-sparadrap #sidebar-second h2:after {color: #000; position: absolute; content: ' '; left: 60%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #FBD548; margin-left: -5px; bottom: -15px; transform: rotate(-45deg);} div#main div.container aside#sidebar-second .voir-tout, .article #content-area #block-sparadrap-content #sidebar-article-right .voir-tout{ text-transform: uppercase; font-weight: bold;text-decoration: underline;float: right;margin-bottom: 30px;} div#main div.container aside#sidebar-second .voir-tout:before, .article #content-area #block-sparadrap-content #sidebar-article-right .voir-tout:before{content: '+'; display: inline-block;color: #FBD548; font-weight: bold;font-size: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;} div#main div.container aside#sidebar-second .block-views-block-actualites-block-2-3 .voir-tout:before {color: rgba(128,194,163,1);} div#main div.container aside#sidebar-second .block-views-block-actualites-block-2 .voir-tout:before {color: rgba(128,194,163,1);} div#main div.container aside#sidebar-second .block-views-block-actualites-block-3 .voir-tout:before {color: #109eb6;} .article #content-area #block-sparadrap-content #sidebar-article-right .block-views-block-actualites-block-2-2 .voir-tout:before{color: rgba(128,194,163,1);} .article #content-area #block-sparadrap-content #sidebar-article-right .block-views-block-actualites-block-1-2 .voir-tout:before{color: #FBD548;} .article #content-area #block-sparadrap-content #sidebar-article-right .block-views-block-actualites-block-3-2 .voir-tout:before{color:#109eb6;} body.section-actualites.section-sparadrap div#main div.container aside#sidebar-second {} div#main div.container section#content div.actualite__date-affichee {color: #888; font-style: italic;} div#main div.container section#content div.actualite__categorie-actualite {font-weight: 600; color: #000; margin-bottom: 10px;} body.section-parents div#main.page_liste div.container section#content {display: table-cell; width: 72.6%; border-right: 25px solid #e4f7fe; } body.section-professionnels div#main.page_liste div.container section#content {display: table-cell; width: 72.6%; border-right: 25px solid rgba(128,194,163,0.2);} body.section-sparadrap div#main.page_liste div.container section#content {display: table-cell; width: 72.6%; border-right: 25px solid rgba(255,246,212,1);} body.section-parents div#main.page_liste div.container aside#sidebar-second {float: none; display: table-cell; width: 27.4%; vertical-align: top; border-top-color: 25px solid #e4f7fe;} body.section-professionnels div#main.page_liste div.container aside#sidebar-second {float: none; display: table-cell; width: 27.4%; vertical-align: top; border-top-color: rgba(128,194,163,0.2);} body.section-sparadrap div#main.page_liste div.container aside#sidebar-second {float: none; display: table-cell; width: 27.4%; vertical-align: top; border-top-color: rgba(255,246,212,1);} body.section-parents div#main.page_liste div.container section#content article.node, body.section-professionnels div#main.page_liste div.container section#content article.node, body.section-sparadrap div#main.page_liste div.container section#content article.node {border-left: none; width: 100%; display: block; padding: 0; vertical-align: top;} .temoignage__body iframe {max-width: 100%; } body.section-actualites div#main div.container.actualites section#content {width: 72.6%; display: table-cell; border-right: 25px solid rgba(255,246,212,1); vertical-align: top; float: none;} body.section-actualites div#main div.container.actualites aside#sidebar-second {width: 27.4%; display: table-cell; float: none; vertical-align: top; border-top-color: rgba(255,246,212,1); float: none;} /* RESPONSIVE */ @media screen and (min-width: 1025px) { #header-region ul.menu li.menu-item:hover>div.bm {visibility: visible; opacity: 1;display: block !important;} } @media screen and (min-width: 1320px) { .sidebar-first.one-sidebar div#main div.container section#content {border-right:0} } @media screen and (max-width: 1319px) { .sidebar-first.one-sidebar div#main div.container section#content {border-right: 25px solid #fff7f1} } @media screen and (max-width: 1300px) { #header-region nav ul.menu {padding-left: 200px;} } @media screen and (min-width: 1025px) { #header-region .menu {display: block !important; position: relative; } #header-region .menu li a.don { position: absolute; right: 10px; } #sidebar-first .form-item-nom input#edit-title-ref {max-width: 197px;} .menu-item .btn-toggle { display: none; } #header-region .menu li a.nous-aider {margin-left: 32px} div.group-left {min-height: 1251px;} div#main div.container {background-color: #fff} .page-contact div#main div.container {background-color: rgba(255,246,212,1);} div#main div.container aside#sidebar-first {margin-right: 0;} body.section-actualites div#main div.container section#content {border-color: rgba(255,246,212,1); margin-top: 0;} body.section-actualites.section-professionnels div#main div.container aside#sidebar-second, body.section-actualites.section-parents div#main div.container aside#sidebar-second {display: table-cell;} body.section-actualites.section-professionnels div#main div.container section#content, body.section-actualites.section-parents div#main div.container section#content {display: table-cell;} body.section-parents div#main div.container section#content {border-top: 30px solid #e4f7fe; margin-top: 0; border-color: #e4f7fe; border-left: none;} body.section-actualites.section-parents div#main div.container section#content {border-color: #e4f7fe;} body.section-professionnels div#main div.container section#content {border-top: 30px solid rgba(128,194,163,0.2); margin-top: 0; border-left: none;} body.section-actualites.section-professionnels div#main div.container section#content {border-color: rgba(128,194,163,0.2);} body.section-sparadrap div#main div.container section#content {border-top: 30px solid rgba(255,246,212,1); margin-top: 0; border-color: rgba(255,246,212,1); border-left: none;} body.section-actualites.section-sparadrap div#main div.container section#content {border-color: rgba(255,246,212,1); display: table-cell; float: none;} body.section-actualites.section-sparadrap div#main div.container aside#sidebar-second {display: table-cell; float: none;} div#main div.container section#content {margin-right: 0; margin-top: 30px; border-left: 25px solid #fff7f1; border-right: 25px solid #fff7f1; border-top: 30px solid #fff7f1; min-height: 992.75px} .page-contact div#main div.container section#content {border-left: 25px solid rgba(255,246,212,1);border-right: 25px solid rgba(255,246,212,1);border-top: 30px solid rgba(255,246,212,1);min-height: 992.75px;} body.section-boutique div#main div.container section#content, body.two-sidebars div#main div.container section#content {margin-top: 0; width: 52.3%;} body.page-contact div#main div.container section#content {width: 72.6%;} body.section-boutique.no-sidebar div#main div.container section#content {width: 100%;} body.section-parents div#main div.container aside#sidebar-second {border-color: #e4f7fe} div#main div.container aside#sidebar-second {margin-left: 0; margin-top: 0; border-top: 30px solid #fff7f1; width: 27.4%} .page-contact div#main div.container aside#sidebar-second {border-top: solid rgba(255,246,212,1);margin: 27px 0 0;} .no-sidebar div#main div.container section#content {width: 100%; border-right: 0; border-left: 0; min-height: auto} .sidebar-first.one-sidebar div#main {} .sidebar-first.one-sidebar div#main div.container {background-color: transparent;} .sidebar-first.one-sidebar div#main div.container section#content {width: 79.3%; min-height: 761.75px;} /* body.page-contact div.container{display: flex;} */ body.page-contact #footer div.container > div {width: 100%;} .role--authenticated #header-region .menu li:nth-child(8), .role--administrator #header-region .menu li:nth-child(8) {display: none;} .role--authenticated #header-region .menu li:nth-child(6), .role--administrator #header-region .menu li:nth-child(6) {display: none;} .role--authenticated #header-region .menu li:nth-child(9), .role--administrator #header-region .menu li:nth-child(9) {display: none;} .role--authenticated #header-region .menu li:nth-child(10), .role--administrator #header-region .menu li:nth-child(10) {display: none;} .role--authenticated #header-region .menu li:last-child, .role--administrator #header-region .menu li:last-child {display: none;} .menu--bottom ul li.menu-item--expanded:last-child ul li:last-child {max-width: 200px;} .support-open {min-height: 1315.75px !important; transition: 0.6s} } @media screen and (min-width: 1025px) and (max-width: 1300px) { #header-region .menu li a.enfants {margin-right: 20px} #header-region .menu li a.parents {margin-right: 20px} #header-region .menu li a.professionnels {margin-right: 20px} #header-region .menu li a.sparadrap {margin-right: 20px} .more-products .layout {width: 25%; padding:0 30px 0 0; margin-bottom: 30px} #footer .menu--bottom {max-width: 700px} #footer .container {padding: 20px} #footer #block-ideas {max-width: 280px;} #footer #block-ideas div.basic__body div.acces_rapides a {margin-right: 10%;} #footer #block-ideas div.basic__body div.ideas a:last-child {width: 201px;} } @media screen and (min-width: 1150px) and (max-width: 1300px) { #header-region nav ul.menu {padding-left: 300px !important} #header-region .bm nav ul.menu {padding-left: 0 !important} } @media screen and (max-width: 1150px) { .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 19.7%; margin-bottom: 3px;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol {width: 20%} } @media screen and (min-width: 1025px) and (max-width: 1150px) { #block-sparadrap-branding {width: 170px; top: -20px; transition: 0.6s;} } @media screen and (min-width: 1025px) and (max-width: 1225px) { .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li, #sidebar-second .menu--boutique ul li {display: flex; margin: 0 auto 13px;} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(odd), #sidebar-second .menu--boutique ul li:nth-child(odd) {margin-right: auto;} } @media screen and (min-width: 1025px) and (max-width: 1085px) { .commerce-cart-block--contents__heading span.pp {width: 50px;} .commerce-cart-block--contents__heading span.tt {font-size: 19px;} .commerce-cart-block--contents__heading span.nb {padding:5px 10px;} } @media screen and (min-width: 1025px) and (max-width: 1058px) { #header-region .menu li a.don {margin-left: 0} } @media screen and (max-width: 1550px) { body.page-accueil div.header_home__body { width: 400px; height: 340px; right: 50px; margin-top: -170px; padding-top: 90px;} body.page-accueil div.header_home__body p {font-size: 16px; line-height: normal;} } @media screen and (min-width: 1025px) and (max-width: 1281px) { body.section-enfants #sidebar-first nav ul.menu li {float: none; margin: auto;} } @media screen and (min-width: 768px) { body.section-enfants, body.section-enfants p {font-size: 16px} } @media screen and (max-width: 1200px) { body.page-accueil div#main div.container .home_parents_wrapper .home_parents .home__home-parents {margin-left: 0; margin-right: 0;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels {margin-left: 0; margin-right: 0;} body.page-accueil div#main div.container .home_sparadrap_wrapper {padding: 140px 30px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs {} /*body.page-accueil #block-views-block-quoi-de-neuf-block-1>div>div {margin-left: 0; margin-right: 0;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-1 {padding: 10px 30px; height: auto; width: 100%;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-2 {padding: 10px 10px 10px 30px; height: auto; width: 50%;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-3 {padding: 10px 30px 10px 10px; height: auto; width: 50%;}*/ body.page-accueil #block-views-block-quoi-de-neuf-block-2>div>div {margin-left: 0; margin-right: 0;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 h2, body.page-accueil #block-views-block-quoi-de-neuf-block-2 h2 {margin-left: 30px;} body.page-accueil div#main div.container .home_professionnels_wrapper {padding:120px 30px;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div {padding: 10px;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div:first-child {padding: 10px 10px 20px 0} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div:last-child {padding: 10px 0 20px 10px} body.page-accueil div#main div.container .home_parents_wrapper {padding: 120px 20px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.type-1 {height: auto;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.type-2 {height: 500px;} body.page-contact .webform__webform form{margin-left: unset;} } @media screen and (min-width: 1025px) { body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li { width: 16.6%; } body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a { height: auto; width: 90%; } } @media screen and (max-width: 1024px) { #header-region.active { padding-top: 10px; } #header-region nav ul.menu.active { display: flex !important; flex-direction: column; } #header-region nav ul.menu li:nth-child(1) { order: 1; } #header-region nav ul.menu li:nth-child(2) { order: 2; } #header-region nav ul.menu li:nth-child(3) { order: 3; } #header-region nav ul.menu li:nth-child(4) { order: 4; } #header-region nav ul.menu li:nth-child(5) { order: 5; } #header-region nav ul.menu li:nth-child(6) { order: 7; } #header-region nav ul.menu li:nth-child(7) { order: 6; } #header-region nav ul.menu li:nth-child(8) { order: 8; } #header-region nav ul.menu li:nth-child(9) { order: 8; } #header-region nav ul.menu li:nth-child(10) { order: 8; } #header-region nav ul.menu li:nth-child(11) { order: 8; } #header-region nav ul.menu li:nth-child(12) { order: 8; } .role--authenticated .site-logo img{ max-width: 55%; } #header-region .menu--main > ul.menu > li.menu-item > .bm {display: none;} #header-region .menu--main > ul.menu > li.menu-item > a.enfants:hover, #header-region .menu--main > ul.menu > li.menu-item > a.parents:hover, #header-region .menu--main > ul.menu > li.menu-item > a.professionnels:hover, #header-region .menu--main > ul.menu > li.menu-item > a.sparadrap:hover, #header-region .menu--main > ul.menu > li.menu-item > a.boutique:hover { color: #ffffff; } body.role--anonymous div#header-region nav ul.menu li:nth-child(6), body.role--anonymous div#header-region nav ul.menu li:nth-child(8), body.role--anonymous div#header-region nav ul.menu li:nth-child(9) { display: block; } body.role--authenticated div#header-region nav ul.menu li:nth-child(10) { display: none; } .active .block-formulaireexposerecherchepage-1-2 > form { display: block; } a.btn_proposer_un_mot {} /* HOME */ body.page-accueil #top {margin-bottom: 0} body.page-accueil div#header-region div#block-sparadrap-branding {top: -50px;} body.page-accueil div#main div.container section#content {width: 100%;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu {display: block;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li {width: 33.33333%;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a {height: 290px; padding-top: 210Px;} body.page-accueil div#main div.container .home_parents_wrapper {padding: 100px 20px;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro {overflow: auto; height: auto;} body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent a.block_home_pro .block_home_pro_title {position: relative; bottom: initial; left: initial;} body.page-accueil div#main div.container nav#block-enfantsaccueil h2, body.page-accueil div#main div.container .home_parents_wrapper .home_parents h3, body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels h3, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap h3 {height: auto; width: 180px; background-size: 100%; margin-left: -90px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-bloc-large {width: 100%; float: none;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap {width: 100%; float: none; margin-top: 50px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires {width: 33.33333%; float: left; padding: 10px;} body.page-accueil .promo-home, #block-promohome2 {margin:60px 0;} #header-region div#bm_enfants nav ul li a.dico, #header-region div#bm_enfants nav ul li a.piqures, #header-region div#bm_enfants nav ul li a.medicaments, #header-region div#bm_enfants nav ul li a.hopital, #header-region div#bm_enfants nav ul li a.jeux, #header-region div#bm_enfants nav ul li a.lettres, #header-region div#bm_enfants nav ul li a.enfant-videos {height: auto; display: block; width: auto; padding-top: 10px; } #header-region div#bm_enfants nav ul li a.dico {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.dico {background-image: none;} #header-region div#bm_enfants nav ul li a.piqures {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.piqures {background-image: none;} #header-region div#bm_enfants nav ul li a.medicaments {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.medicaments {background-image: none;} #header-region div#bm_enfants nav ul li a.hopital {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.hopital {background-image: none;} #header-region div#bm_enfants nav ul li a.jeux {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.jeux {background-image: none;} #header-region div#bm_enfants nav ul li a.lettres {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.lettres {background-image: none;} #header-region div#bm_enfants nav ul li a.enfant-videos {background-image: none;} #header-region div#bm_enfants nav ul li:hover a.enfant-videos {background-image: none;} /* ENFANTS */ body.section-enfants aside#sidebar-first {display: none;} body.section-enfants div#main div.container section#content {padding-top: 70px;} nav ul.menu {display: none;} footer#footer .lien-boutique {text-transform: uppercase; font-size: 22px !important;} #sidebar-second .menu--boutique ul.menu {display: block;} .page-cart #block-boutique-2 ul {display: block;} div#header-region div#block-sparadrap-branding {margin-left: -75px; left: 50%; width: 150px; transition: 0.6s; top:-80px; z-index: 30} div#header-region.active div#block-sparadrap-branding {top: -75px; margin-left: -40px; width: 80px; transition: 0.6s;} div#header-region nav ul.menu {padding: 10px 0 0} div#header-region nav ul.menu li {display: block; float: none;} div#header-region nav ul.menu li a {display: block; width: 100%; text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; font-size: 15px;} #header-region .menu--main > ul.menu > li.menu-item { position: relative; } #header-region .menu--main > ul.menu > li.menu-item .btn-toggle { position: absolute; top: 0; right: 0; width: 55px; height: 43px; line-height: 30px; cursor: pointer; padding: 5px; z-index: 15; text-align: center; } #header-region .menu--main > ul.menu > li.menu-item .btn-toggle span { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #000000; vertical-align: middle; -webkit-transition: ease-in-out all 200ms; -o-transition: ease-in-out all 200ms; transition: ease-in-out all 200ms; } #header-region .menu--main > ul.menu > li.menu-item .btn-toggle.open span { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: ease-in-out all 200ms; -o-transition: ease-in-out all 200ms; transition: ease-in-out all 200ms; } div#header-region nav ul.menu li div.bm {display: block; position: static; top: 0; margin-left: 0; left: 0; opacity: 1; visibility: visible;} div#header-region nav ul.menu li a.enfants {color: #CE3632;} div#header-region nav ul.menu li a.enfants:hover {color: #fff; background-color: #CE3632;} #header-region .menu--main > ul.menu > li.menu-item a.enfants + .btn-toggle span {border-color: transparent transparent transparent #CE3632;} div#header-region nav ul.menu li a.parents {color: #109EB6} div#header-region nav ul.menu li a.parents:hover {color: #fff; background-color: #109EB6} #header-region .menu--main > ul.menu > li.menu-item a.parents + .btn-toggle span {border-color: transparent transparent transparent #109EB6;} div#header-region nav ul.menu li a.professionnels {color: #80C2A3} div#header-region nav ul.menu li a.professionnels:hover {color: #fff; background-color: #80C2A3} #header-region .menu--main > ul.menu > li.menu-item a.professionnels + .btn-toggle span {border-color: transparent transparent transparent #80C2A3;} div#header-region nav ul.menu li a.sparadrap {color: #FBD548} div#header-region nav ul.menu li a.sparadrap:hover {color: #fff; background-color: #FBD548} #header-region .menu--main > ul.menu > li.menu-item a.sparadrap + .btn-toggle span {border-color: transparent transparent transparent #FBD548;} div#header-region nav ul.menu li a.boutique {margin: 0; box-shadow: none; padding: 10px 0; background-color: #fff; color: #ff6600; font-weight: bold;} div#header-region nav ul.menu li a.boutique:hover {background-color: #ff6600; color: #fff;} div#header-region nav ul.menu li a.don {background-color: #fff; text-indent: 0; color: #E10F21; width: 100%; height: auto; margin: 0; top: 0; font-weight: bold; position: relative; background-image: none;} div#header-region nav ul.menu li a.don:hover {background-color: #E10F21; background-size: auto; background-image: none; color: #fff;} div#header-region nav ul.menu li a.don:after {content: ''; background-image: url(../../images/coeur.svg); background-repeat: no-repeat; background-position: center 5px; background-size: 20px 17px; display: inline-block; margin-left: 10px; height: 22px; width: 20px; vertical-align: -3px;} div#header-region nav ul.menu li a.don:hover:after {background-image: url(../../images/coeur_blanc.svg);} div#header-region nav ul.menu li a.enfants:after, div#header-region nav ul.menu li a.parents:after, div#header-region nav ul.menu li a.professionnels:after, div#header-region nav ul.menu li a.sparadrap:after {display: none;} div#header-region nav ul.menu li:last-child, div#header-region nav ul.menu li:nth-child(7) {display: block;} div#bm_enfants, div#bm_professionnels, div#bm_parents, div#bm_sparadrap, div#bm_help {box-shadow: none; padding: 0px 20px 20px} /*#header-region div.bm nav>ul {columns: 1}*/ /* SITE INSTUTU */ div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol {width: 25%; margin-bottom: 20px;} /* ENFANTS*/ body.section-enfants div#main div.container aside#sidebar-first {display: block;} body.section-enfants div#main div.container section#content {display: block; padding-top: 20px;} body.section-enfants #sidebar-first nav ul.menu {text-align: center;} body.section-enfants #sidebar-first nav ul.menu li {width: auto; float: none; display: inline-block;} /* FOOTER */ .menu--bottom {float: none;} .menu--bottom ul li .is-active {font-size: 18px; text-align: center;} .menu--bottom ul li a {font-size: 16px;} .menu--bottom ul li ul li {padding-bottom: 0} .menu--bottom ul li.menu-item--expanded {text-align: center;} #block-bottom ul.menu {display: block;} #block-sparadrap-footer ul.menu {display: block;} /* NAV MOBILE */ #menu_mobile {display: block; z-index: 999} div#header-region nav ul.menu li div.bm {columns: 1;} /* HOME */ div#main div.container aside#sidebar-first {float: none; width: 90%; margin: 0 auto 30px} div#main div.container aside#sidebar-first nav ul.menu {display: block;} div#main div.container section#content {float: none; width: 90%; margin: 0 auto; padding: 30px 20px 20px; min-height: 250px; border-right: 0 !important} .no-sidebar div#main div.container section#content {padding-top: 80px;} div#main div.container aside#sidebar-second {float: none; width: 90%; margin: 30px auto 0;} .view-boutique .views-view-grid .views-col {padding: 0 50px;} .view-boutique .views-field-title {margin-top: 20px;} /* DETAIL */ .commerce-product--view-mode-full.ds-2col .group-left {width: 100%; margin: 0 auto; float: none; border-right: none; padding: 30px 40px 0 40px;} .commerce-product--view-mode-full.ds-2col .group-right {width: 100%; float: none; clear: both; border-top: 25px solid #fff7f1;} .more-products .layout .default__visuel {margin:auto;} .more-products .layout .default__visuel a {display: block; margin:auto;} .view-boutique .views-field-field-visuel .field-content a {display: block;} h1, .default__dynamic-token-fieldcommerce-product-title h1 {margin: 20px 0 40px 0px; width: 100%; max-width: 100%} div.group-left nav.breadcrumb {left: -18px} /* CONNEXION */ .page-checkout-13-login section#content, .page-checkout-15-login section#content {padding-top: 100px;} /* ORDER - INFO */ .page-checkout-13-order_information div#main div.container section#content {padding-top: 100px;} /* ALL */ #search-block-form {display: none;} #top {padding: 30px 0} /* HOME */ .view-boutique .views-view-grid .views-col {width: 33% !important;} /* DETAIL */ .more-products .layout {width: 33%; padding:0 30px; margin-bottom: 20px;} .more-products .layout h3 {margin-top: 15px;} /* INSCRIPTION */ .page-user-register #block-sparadrap-content #edit-account {width: 100%; float: none; max-width: 100%} .page-user-register #block-sparadrap-content #edit-user-picture-wrapper {width: 100%; float: none; max-width: 100%} .section-user #block-sparadrap-content details#edit-entity-customer {width: 100%; max-width: 100%} /* MODIFY ACCOUNT */ .section-user #block-sparadrap-content {max-width: 600px;} .section-user #block-sparadrap-content div#edit-account, .section-user #block-sparadrap-content div#edit-user-picture-wrapper, .section-user #block-sparadrap-content div#edit-language, .section-user #block-sparadrap-content details#edit-contact, .section-user #block-sparadrap-content details#edit-timezone {float: none !important; width: 100% !important; max-width: 100%} .page-user-register.section-user #block-sparadrap-content div#edit-account {max-width: 100%} /* OTHER */ .default__variations {} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 24%; margin-bottom: 3px;} body.sidebar-second.one-sidebar div#main div.container section#content {width: 90%;} #block-formulaireexposerecherchepage-1 {display: none;} #sidebar-first fieldset#edit-public--wrapper div.fieldset-wrapper {display: none;} #sidebar-first fieldset#edit-thematique--wrapper div.fieldset-wrapper {display: none;} #sidebar-first fieldset#edit-support--wrapper div.fieldset-wrapper {display: none;} .bef-exposed-form.block fieldset legend.open:before {content: '+'} .bef-exposed-form.block fieldset legend:before {content: '-'} #block-sparadrap-content .profile-customer-edit-form {max-width: 100%;} /* FOOTER */ #footer #block-ideas {float: none; margin: 20px auto;} /* INSTITUTIONNEL */ body.section-actualites.section-parents div#main div.container section#content, body.section-actualites.section-professionnels div#main div.container section#content {padding-top: 70px;} body.section-actualites div#main div.container.actualites section#content {display: block;} body.section-actualites div#main div.container.actualites section#content div#block-sparadrap-content div.views-element-container div.views-content {width: 100%;} body.section-actualites div#main div.container.actualites aside#sidebar-second {display: block; width: 90%} body.section-parents #block-sparadrap-content div.views-element-container div.views-content, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-content, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-content, body.section-actualites #block-sparadrap-content div.views-element-container div.views-content {width: 50%;} body.section-parents div#main div.container section#content.article, body.section-sparadrap div#main div.container section#content.article, body.section-professionnels div#main div.container section#content.article {background: transparent; padding: 0; width: 100%; padding:0 40px;} body.section-parents #block-sparadrap-content aside#sidebar-article-left, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left {display: block; width: 100%; border:none; margin-bottom: 30px; padding: 80px 40px 40px;} body.section-parents #block-sparadrap-content article.node, body.section-sparadrap #block-sparadrap-content article.node, body.section-professionnels #block-sparadrap-content article.node {display: block; width: 100% !important; border:none !important; margin-bottom: 30px; padding: 40px} body.section-parents #block-sparadrap-content aside#sidebar-article-right, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right {display: block; width: 100% !important; border:none;} body.section-parents #block-sparadrap-content aside#sidebar-article-right:blank, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right:blank, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right:blank {padding: 0} div.wrapper-accordion {width: 100% !important; left: initial !important; margin-bottom: 0; padding: 40px; border-top: 30px solid #e4f7fe;} body.section-sparadrap div#main.page_liste div.container section#content, body.section-professionnels div#main.page_liste div.container section#content {display: block; width: 90%;} body.section-sparadrap div#main.page_liste div.container aside#sidebar-second, body.section-professionnels div#main.page_liste div.container aside#sidebar-second {display: block; width: 90%;} #block-sparadrap-content div.content iframe {width: 100%;} body.section-enfants h1 {max-width: 90%} } @media screen and (max-width: 980px) { .view-boutique .views-view-grid .views-col {width: 50% !important;} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 32%; margin-bottom: 2px;} .page-cart #block-lesaviezvous {margin: 0} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .views-row {width: 33.333333%;} body.page-accueil div.header_home__body {width: 320px; height: 310px; margin-top: -145px; padding-top: 64px;} body.page-accueil div.header_home__body p {font-size: 14px;} /* SITE INSTITUTIONNNEL */ div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol {width: 33%;} } @media screen and (max-width: 768px) { /* HOME SITE */ body.page-accueil div#main div.container .home_parents_wrapper .home_parents .item-parent {width: 100%; float: none;} body.page-accueil #cboxOverlay, body.page-accueil #colorbox {display: none !important} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires {width: 100%; padding: 0; margin-bottom: 10px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs>div {width: 50%; padding: 20px 10px} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div {padding: 10px 0; width: 100%; float: none;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div:first-child {padding: 10px 0;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels .home__home-professionnels>div:last-child {padding: 10px 0;} body.page-accueil .promo-home, #block-promohome2 {margin:30px 0;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a {height: 230px; padding-top: 160px; width: 150px} .home_professionnels_wrapper .home_professionnels .home__home-professionnels a.block_home_pro .block_home_pro_title, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-bloc-large a.block_home_pro .block_home_pro_title {position: relative; bottom: initial; left: initial;} body.page-accueil div.header_home__body {width: 280px; height: 230px; margin-top: -115px; padding-top: 62px;} body.page-accueil div.header_home__body p {font-size: 12px;} /* ENFANT */ body.page-enfants-medicaments .views-element-container .views-row {width: 50%} body.page-enfants-les-piqures .views-row, body.page-enfants-piqures .views-row {width: 50%;} body.page-enfants-hopital div.views-row {width: 50%;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__question {padding-left: 0;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__reponse {padding-left: 0;} body.page-enfants-dico #block-sparadrap-content .views-element-container {text-align: center;} body.page-enfants-dico #block-sparadrap-content .views-element-container header {text-align: left;} body.page-enfants-dico #block-sparadrap-content .views-row {display: inline-block; vertical-align: top; float: none; max-width: 200px;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- {padding-left: 0} /* SITE INSTITUTIONNEL*/ div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol {width: 50%;} div.wrapper-accordion div#accordion div.accordion-item.videos div.article__videos>div {margin-bottom: 20px;} div.wrapper-accordion div#accordion div.accordion-item.videos div.article__videos>div:nth-child(odd) {width: 100%; float: none;} div.wrapper-accordion div#accordion div.accordion-item.videos div.article__videos>div:nth-child(even) {width: 100%; float: none;} /* DETAIL */ .more-products .layout {width: 50%; padding:0 30px; margin-bottom: 30px;} .more-products .layout h3 {margin-top: 10px; min-height: 53px;} .more-products .layout .default__visuel {margin: auto;} .more-products .layout .default__visuel a {display: block; margin: auto;} /* HOME */ .view-boutique .views-view-grid .views-col {padding: 0 20px} /* CONNEXION - COMMANDE */ .form-wrapper__guest-checkout {margin-top: 40px;} .block-commerce-checkout li.checkout-progress--step, .role--authenticated .block-commerce-checkout li.checkout-progress--step {width: 100%; float: none; display: block; margin: 0 0 2px} .block-commerce-checkout li.checkout-progress--step.checkout-progress--step__current:after {left: 50%; margin-left: -8px; transform: rotate(135deg); top: 50px;} .section-checkout .checkout-progress--step {width: 100%} /* ORDER INFO - COMMANDE */ .layout-checkout-form div.layout-region.layout-region-checkout-main {width: 100%; margin-bottom: 30px;} .views-field.views-field-quantity {text-align: center;} /* REVIEW - COMMANDE */ .page-checkout-15-review li.checkout-progress--step {width: 100%} /* PAGE PANIER */ .page-cart #block-sparadrap-content table, .page-cart #block-sparadrap-content table tbody {display: block; width: 100%} .page-cart #block-sparadrap-content table thead {display: none;} .page-cart #block-sparadrap-content table tr {width: 100%; display: block; margin: 40px 0; border:1px solid #ddd; text-align: center;} .page-cart #block-sparadrap-content table tr td {display: block; width: 100%} .page-cart #block-sparadrap-content table tr th {display: block; width: 100%} .page-cart #block-sparadrap-content table td.views-field-field-visuel {text-align: center; width: auto; display: inline-block;} .page-cart #block-sparadrap-content table td.views-field-purchased-entity {background: #eee; border:1px solid #eee; text-align: center;} .page-cart #block-sparadrap-content table td.views-field-purchased-entity div a {color: #333; font-weight: bold; text-align: center;} .page-cart #block-sparadrap-content table td.views-field-total-price__number:before {content: 'Total : '; font-weight: normal;} .page-cart #block-sparadrap-content table td.views-field-edit-quantity label {height: auto; width: auto; position: relative !important; clip: initial; overflow: auto; display: inline-block; vertical-align: middle; margin: 0; font-weight: normal;} .page-cart #block-sparadrap-content table td.views-field-edit-quantity label:after {content: ' :'} .page-cart #block-sparadrap-content table td.views-field-edit-quantity div input {margin:0 0 0 5px; display: inline-block; vertical-align: middle; max-width: 45px;} .page-cart #block-sparadrap-content table td.views-field-unit-price__number:before {content: 'Prix : '; font-weight: normal;} .page-cart #block-sparadrap-content table td.views-field-remove-button {border-bottom: 0} #edit-sidebar-order-summary-summary table.cols-0 {border-bottom: 0} #edit-sidebar-order-summary-summary table.cols-0, #edit-sidebar-order-summary-summary table.cols-0 tbody {display: block; width: 100%} #edit-sidebar-order-summary-summary table.cols-0 tr {display: block; width: 100%; border:1px solid #ddd;} #edit-sidebar-order-summary-summary table.cols-0 tr td {display: block; width: 100%} #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-purchased-entity {font-weight: bold; padding: 10px 10px; background-color: #eee} #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-total-price__number:before {content: 'Prix : '; font-weight: bold;} #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-total-price__number {border-bottom: 0} #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-quantity:before {content: 'Quantité : '; font-weight: bold;} #edit-sidebar-order-summary-summary table.cols-0 tr td.views-field-quantity {} .page-cart #edit-actions input#edit-submit {margin-right: auto; } .page-cart #edit-actions input#edit-checkout {right: 50%; margin-right: -115px; top: 190px} .checkout-pane #edit-sidebar-order-summary-summary .order-total-line {text-align: left;} .checkout-pane #edit-sidebar-order-summary-summary .order-total-line.order-total-line__subtotal {margin: 20px auto 0; max-width: 200px;} .checkout-pane #edit-sidebar-order-summary-summary .order-total-line.order-total-line__total {max-width: 200px; clear: both; margin: 30px auto 30px;} .checkout-pane #edit-sidebar-order-summary-summary .order-total-line.order-total-line__total span.order-total-line-value, .checkout-pane #edit-sidebar-order-summary-summary .order-total-line.order-total-line__subtotal span.order-total-line-value {float: right;} .page-cart #block-sparadrap-content .order-total-line {text-align: left;} .page-cart #block-sparadrap-content .order-total-line.order-total-line__subtotal {margin: 0 auto; max-width: 250px;} .page-cart #block-sparadrap-content .order-total-line.order-total-line__subtotal span.order-total-line-value {float: right;} .page-cart #block-sparadrap-content .order-total-line.order-total-line__total {margin: 20px auto 30px; max-width: 250px; clear: both; float: none;} .page-cart #block-sparadrap-content .order-total-line.order-total-line__total span.order-total-line-value {float: right} .page-cart #block-boutique-2 ul {margin: auto; text-align: center;} input.delete-order-item.button {font-weight: 600; padding:4px 10px; line-height: normal; font-size: 14px; font-family: 'Open Sans'} div.cart #edit-actions input {display: block; width: 230px; text-align: center; margin: 0 auto 1px; padding-bottom: 6px; clear: both; padding: 4px 15px; font-weight: 600; font-family: 'Open Sans'; font-size: 14px; line-height: normal;} /* OTHER */ #sidebar-second .menu--boutique {max-width: 293px} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 49%; margin-bottom: 3px;} .role--administrator table.cols-4, .role--authenticated table.cols-4 {display: block; width: 100%} .role--administrator table.cols-4 thead, .role--authenticated table.cols-4 thead {display: none} .role--administrator table.cols-4 tbody, .role--authenticated table.cols-4 tbody {display: block; width: 100%} .role--administrator table.cols-4 tbody tr, .role--authenticated table.cols-4 tbody tr {display: block; width: 100%; text-align: center; border: 1px solid #ddd; margin-bottom: 20px;} .role--administrator table.cols-4 tbody tr th, .role--authenticated table.cols-4 tbody tr th {display: block; width: 100%; text-align: center;} .role--administrator table.cols-4 tbody tr td, .role--authenticated table.cols-4 tbody tr td {display: block; width: 100%; text-align: center;} .role--administrator table.cols-4 tbody tr td.views-field-order-number a:before, .role--authenticated table.cols-4 tbody tr td.views-field-order-number a:before {content: 'Numéro de commande : '; font-weight: bold;} .role--administrator table.cols-4 tbody tr td.views-field-placed.is-active:before, .role--authenticated table.cols-4 tbody tr td.views-field-placed.is-active:before {content: 'Date : '; font-weight: bold;} .role--administrator table.cols-4 tbody tr td.views-field-total-price__number:before, .role--authenticated table.cols-4 tbody tr td.views-field-total-price__number:before {content: 'Total : '; font-weight: bold;} .role--administrator table.cols-4 tbody tr td.views-field-state, .role--authenticated table.cols-4 tbody tr td.views-field-state {border-bottom: 0} .role--administrator table.cols-4 tbody tr td.views-field-state:before, .role--authenticated table.cols-4 tbody tr td.views-field-state:before {content: 'Statut : '; font-weight: bold;} .page-cart #edit-actions {margin-bottom: 30px;} .page-cart #block-lesaviezvous {margin: 125px auto 0;} .page-cart #block-lesaviezvous:after {top: -15px; right: 50%; margin-top: 0; margin-right: -15px; border-left:1px solid #e3e3e3; border-right: 0} .layout-checkout-form div.layout-region.layout-region-checkout-footer {width: 100%;} /* ENFANT */ body.page-enfants-boite-aux-lettres .views-row {} body.section-enfants .letter_nav {text-align: center;} body.section-enfants .letter_nav a.prev {display: inline-block; float: none;} body.section-enfants .letter_nav a.envoi-temoignage {position: initial; left: initial; top: initial; margin-left: initial; display: inline-block;} body.section-enfants .letter_nav a.next {display: inline-block; float: none;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .views-row {width: 50%;} /* FOOTER */ .menu--bottom ul li.menu-item--expanded {float: none; margin: auto; text-align: center; padding-right: 0; max-width: 250px; width: 100%} .menu--bottom ul li.menu-item--expanded:last-child ul li:last-child {margin: auto;} .menu--bottom ul li.menu-item--expanded a {} #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 100%; display: block; margin-bottom: 2px;} #block-sparadrap-local-tasks nav.tabs ul.tabs li:first-child a {line-height: normal;} div.wrapper-accordion div#accordion div.accordion-item div.accordion-item-content {border: none;} body.page-definition a.btn_proposer_un_mot {display: none;} body.page-definition a.btn_proposer_un_mot.mobile {display: inline-block;} footer .nous-suivre .basic__body {max-width: 200px;margin: 0 auto;} footer .nous-suivre .basic__body a {margin: 0 5px 15px;} } @media screen and (max-width: 650px) { /* HOME SITE */ body.page-accueil div.header_home__body {position: relative; top: initial; left: initial; margin-left: initial; margin-top: initial; right: initial; width: 100%; background-color: rgba(251,213,71,0.55); background-image:none; height: auto; /* padding: 30px 0 60px; */ padding: 20px 0 20px; } body.page-accueil div.header_home__body p {font-size: 16px} body.page-accueil #block-views-block-quoi-de-neuf-block-2 .views-row {width: 100%; float: none;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-1, body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-2, body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-3, body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element-4 {width: 100%; float: none; padding: 10px 30px} body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.type-1, body.page-accueil #block-views-block-quoi-de-neuf-block-1 .views-row.element.type-2 {height: auto;} body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li a {height: 210px; padding-top: 130px; width: 120px;} body.page-accueil #block-views-block-quoi-de-neuf-block-1 footer, body.page-accueil #block-views-block-quoi-de-neuf-block-2 footer {text-align: center; margin-top: 20px} body.page-accueil div#main div.container .home_enfants_wrapper {padding: 100px 0 0; margin-top: 100px;} body.page-accueil div#main div.container nav#block-enfantsaccueil h2, body.page-accueil div#main div.container .home_parents_wrapper .home_parents h3, body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels h3, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap h3 {width: 140px; font-size: 17px; margin-left: -70px;} body.page-accueil div#main div.container .home_professionnels_wrapper .home_professionnels h3 {width: 160px; font-size: 15px; margin-left: -80px;} .home_professionnels_wrapper .home__home-lien-pro {padding: 30px 20px;} .home_professionnels_wrapper .home__home-lien-pro a {font-size: 20px;} /* ENFANTS */ .definition__def-images.owl-carousel {float: none; margin: 0 auto 20px;} .definition__body {padding-left: 0} body.page-accueil div#main div.container nav#block-enfantsaccueil h2 { top: -200px; } /* SITE INSTITUTIONNEL */ div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol {width: 100%; text-align: center;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol img {margin: auto;} div.wrapper-accordion div#accordion div.accordion-item.documents div.accordion-item-content div.layout--onecol .default__visuel {margin: auto;} /* LSITE ACTUS */ body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form {margin-bottom: 0;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form>.js-form-item {width: 100%; margin-bottom: 15px;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .form-item-date {margin-bottom: 0;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form legend {margin-bottom: 0;} body.section-actualites #block-sparadrap-content div.views-element-container form.views-exposed-form .form-item-date>label {margin-bottom: 0;} } @media screen and (max-width: 600px) { #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 100%; margin-bottom: 1px;} body.section-parents #block-sparadrap-content div.views-element-container div.views-content, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-content, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-content, body.section-actualites #block-sparadrap-content div.views-element-container div.views-content {width: 100%;} body.section-parents #block-sparadrap-content div.views-element-container div.views-row, body.section-professionnels #block-sparadrap-content div.views-element-container div.views-content div.views-row, body.section-sparadrap #block-sparadrap-content div.views-element-container div.views-row, body.section-actualites #block-sparadrap-content div.views-element-container div.views-row {height: auto;} } @media screen and (max-width: 570px) { /* HOME */ .view-boutique .views-view-grid .views-col {width: 50% !important} .view-boutique .views-field-field-visuel .field-content a {display: block; margin: auto;} .view-boutique .views-field-field-visuel .field-content a img {margin: auto; display: block;} /* ENFANTS */ body.page-enfants-medicaments .views-element-container .views-row {width: 100%} div.default__dynamic-block-fieldcommerce-product-share, div.links {position: relative; top: initial; right: initial; margin: 20px auto;} div.default__dynamic-block-fieldcommerce-product-share .se-links-container, div.links .se-links-container {max-width: 239px; margin: auto;} div.default__dynamic-block-fieldcommerce-product-share .se-links-container ul li, div.links .se-links-container ul li {display: inline-block;} div.default__dynamic-block-fieldcommerce-product-share .se-links-container ul li a, div.links .se-links-container ul li a {border:3px solid #fff;} .page-cart .continuer-achats {display: block; max-width: 230px; float: none; margin: auto; text-align: center;} .page-cart #edit-actions input#edit-submit {display: block; max-width: 230px; float: none; margin: 10px auto 0; margin-right: auto !important;} .page-cart #edit-actions input#edit-checkout {top: 230px;} body.page-accueil div#main div.container .home_sparadrap_wrapper {padding: 90px 30px 30px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs>div {width: 100%; padding: 20px 0} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap .home__home-sparadrap-blocs a.block_home_pro .block_home_pro_title {text-align: left;} } @media screen and (max-width: 480px) { /* ALL */ body {font-size: 13px;} /* HOME SITE */ body.page-accueil div#main div.container nav#block-enfantsaccueil ul.menu li {width: 50%;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-temoignages a, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse a, body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires a {font-size: 20px; padding-right: 30px; text-align: right; height: 84px; line-height: 64px; background-size: 60px} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-espace-presse a {background-position: 20px -85px;} body.page-accueil div#main div.container .home_sparadrap_wrapper .home_sparadrap #liens-sparadrap .home__home-lien-partenaires a {background-position: 20px -158px; background-size: 50px !important} /* ENFANTS */ body.page-enfants-les-piqures .views-row, body.page-enfants-piqures .views-row {width: 100%;} body.page-enfants-hopital div.views-row {width: 100%;} /* MEDICAMENTS */ .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper {max-width: 320px; margin-left: -160px;} /* HOME BOUTIQUE */ .view-boutique .views-view-grid .views-col {width: 100% !important} /* DETAIL */ #product_image_gallery {float: none;} .field_description__titre, .more-products h2 {font-size: 20px;} .more-products .layout {width: 100%; margin-bottom: 30px;} .more-products .layout .default__visuel a {display: block; margin: auto;} .more-products .layout h3 {min-height: auto} .commerce-product--view-mode-full.ds-2col .group-left {position: relative;} .commerce-product--view-mode-full.ds-2col .group-left .default__feuilletage {position: relative; top: 0; width: 100%} .commerce-product--view-mode-full.ds-2col .group-left .default__body {margin-top: 20px;} /* CONNEXION - COMMANDE */ .block-commerce-checkout li.checkout-progress--step.checkout-progress--step__current:after {top: 48px;} #edit-login>.form-wrapper__returning-customer>legend, #edit-login>.form-wrapper__guest-checkout>legend {padding: 5px 0 5px 10px} .form-wrapper__returning-customer>legend:before {height: 30px} .form-wrapper__guest-checkout>legend:before {height: 30px;} div.address-container-inline > .form-item {width: 100%; margin-right: 0;} /* ORDER INFO - COMMANDE */ div.address-container-inline > .form-item:last-child {margin-right: 0; margin-left: 0} .layout-checkout-form div.layout-region.layout-region-checkout-footer input {display: block; margin: 20px auto 0} /* EDITO */ .page-node-2 figure img {width: 100%} .commerce-product--view-mode-full.ds-2col .group-left {padding: 50px 20px 0 20px;} .commerce-cart-block--contents__heading span.pp {width: 50px; background-size: 25px} .commerce-cart-block--contents__heading span.nb {font-size: 19px; padding: 5px 10px} .commerce-cart-block--contents__heading span.nb:before {left: -23px;} .commerce-cart-block--contents__heading span.tt {font-size: 18px;} .no-sidebar div#main div.container section#content {padding-top: 70px;} #product_image_gallery .visuel {margin-right: 0;} /* FOOTER */ #block-sparadrap-footer li.menu-item {display: block;} #block-sparadrap-footer li.menu-item:after {content: '--'; display: block;} #block-sparadrap-footer li.menu-item:last-child::after {display: none;} #block-sparadrap-footer li.menu-item a {} /* OTHER */ .section-checkout .layout-checkout-form #edit-actions input#edit-actions-next {float: none; width: 100%; max-width: 200px;} .section-checkout .layout-checkout-form #edit-actions a {float: none; width: 100%; max-width: 200px; margin-top: 1px;} /* SITE INSTITUTIONNEL */ body.section-parents div#main div.container section#content.article, body.section-sparadrap div#main div.container section#content.article, body.section-professionnels div#main div.container section#content.article {padding: 0 20px} body.section-parents #block-sparadrap-content aside#sidebar-article-left, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left {padding: 80px 30px 10px;} body.section-parents #block-sparadrap-content aside#sidebar-article-left div#sommaire, body.section-professionnels #block-sparadrap-content aside#sidebar-article-left div#sommaire, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-left div#sommaire {padding: 20px 0;} body.section-parents #block-sparadrap-content article.node, body.section-sparadrap #block-sparadrap-content article.node, body.section-professionnels #block-sparadrap-content article.node {padding: 30px;} body.section-parents #block-sparadrap-content aside#sidebar-article-right, body.section-professionnels #block-sparadrap-content aside#sidebar-article-right, body.section-sparadrap #block-sparadrap-content aside#sidebar-article-right {padding: 30px;} aside#sidebar-article-left div.wrapper-sticky-left div.wrapper_titre_h1 {padding: 0;} /* ENFANT */ body.page-enfants-boite-aux-lettres .views-row {width: 100%} body.page-enfants-boite-aux-lettres .views-row .views-field-title {min-height: initial;} .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__med-image {float: none; width: 100%; margin-right: 0; text-align: center; margin-bottom: 20px;} body.section-enfants div.block-views-block-bloc-bal-lire-aussi-block-1 .views-row {width: 100%;} /* LSITE ACTUS */ body.section-actualites #block-sparadrap-content div.views-element-container div.views-content .views-field.views-field-field-image {float: none; margin-bottom: 10px;} body.section-parents #block-sparadrap-content div.views-element-container, body.section-professionnels #block-sparadrap-content div.views-element-container, body.section-sparadrap #block-sparadrap-content div.views-element-container, body.section-actualites #block-sparadrap-content div.views-element-container {padding: 10px;} div.wrapper-accordion {padding: 30px;} } @media screen and (max-width: 383px) { .commerce-product--view-mode-full.ds-2col .group-left .default__feuilletage {top: 0;} .commerce-product--view-mode-full.ds-2col .group-left .default__body {margin-top: 0px;} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li, #sidebar-second .menu--boutique ul li {display: flex; margin: 0 auto 13px} .default__dynamic-block-fieldcommerce-product-menu-boutique-pictos ul li:nth-child(odd), #sidebar-second .menu--boutique ul li:nth-child(odd) {margin-right: auto;} .role--administrator #block-sparadrap-local-tasks nav.tabs ul.tabs li, .role--authenticated #block-sparadrap-local-tasks nav.tabs ul.tabs li {width: 100%; margin-bottom: 3px; display: block;} #product_image_gallery .visuel {width: 180px;} body.user-order #block-sparadrap-content div.customer__statut div:first-child {display: inline;} body.user-order #block-sparadrap-content div.customer__statut div:last-child {display: inline;} body.user-order #block-sparadrap-content div.customer__statut div:first-child:after {content: ':'; margin-left: 5px; display: inline;} img.align-right, img.align-left {display: block; width: 100%; margin: 0 0 10px 0; float: none;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article div.content div.article__image, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article div.content div.article__image, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article div.content div.article__image {float: none; width: 100%; margin-bottom: 10px;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article, body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article, body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article {padding-left: 0;} body.section-parents div#main.page_liste div.page_liste__elements div.page-list-item>article:before {display: none;} body.section-professionnels div#main.page_liste div.page_liste__elements div.page-list-item>article:before {display: none;} body.section-sparadrap div#main.page_liste div.page_liste__elements div.page-list-item>article:before {display: none;} } @media screen and (max-width: 320px) { .medicament__questions-reponses div.item-meds div.content .field_questions_reponses__le-sais-tu- .le_sais_tu_wrapper {max-width: 300px; margin-left: -150px;} } @media screen and (min-width: 38em) { .layout-container {margin: 0;} } /******************************************* ************** pour exemple *************** *******************************************/ body.section-enfants {} body.section-parents {background: #e4f7fe;} body.section-professionnels {} body.section-sparadrap {} .section-parents h1, .section-parents #block-sparadrap-page-title h1 {background-color: #01a1b9; margin: 20px 0 20px -37px;padding: 4px 30px;} .section-parents h2, .section-parents #sidebar-first h2, .section-parents #sidebar-second h2 {color: #01a1b9} /*.block-sparadrap-content article {width: 600px; float: left; clear: none;} #sidebar-article-left {width: 250px; float: left;} #sidebar-article-right {width: 250px; float: right;}*/ .checkout-payment-complete .block-commerce-checkout.block-checkoutprogress { display: none; }