/* * Fiche centre : copie à l'identique des styles de controleplus.fr (thème « controleplus » de la prod, * règles .single-control-center / .store-locator__wrapper… et CSS additionnel), générée depuis le CSS en ligne. * Chargée uniquement sur les fiches centre (body.single-control-center). Les ajustements propres à la v2 * sont en fin de fichier (bloc « Ajustements v2 »). */ /* Styles de base de la prod (titres, listes, liens), limités à la carte de la fiche */ :where(.single-control-center .hero-wrapper) h1 { margin: 0.67em 0; font-size: 2em; } :where(.single-control-center .hero-wrapper) a { background-color: transparent; } :where(.single-control-center .hero-wrapper) strong { font-weight: bolder; } :where(.single-control-center .hero-wrapper) small { font-size: 80%; } :where(.single-control-center .hero-wrapper) img { border-style: none; } :where(.single-control-center .hero-wrapper) a { color: #ff0014; text-decoration: none; } :where(.single-control-center .hero-wrapper) a:hover, :where(.single-control-center .hero-wrapper) a:focus { color: #ff0014; text-decoration: underline; } :where(.single-control-center .hero-wrapper) p { margin: 0 0 16px; padding: 0; } :where(.single-control-center .hero-wrapper) strong { font-weight: 700; } :where(.single-control-center .hero-wrapper) h1, :where(.single-control-center .hero-wrapper) h2, :where(.single-control-center .hero-wrapper) h3, :where(.single-control-center .hero-wrapper) h4, :where(.single-control-center .hero-wrapper) h5, :where(.single-control-center .hero-wrapper) h6 { margin: 0 0 16px; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 1.2944; } :where(.single-control-center .hero-wrapper) h1 { font-size: 2.3em; } :where(.single-control-center .hero-wrapper) h2 { font-size: 1.8em; } :where(.single-control-center .hero-wrapper) h3 { font-size: 1.5em; } :where(.single-control-center .hero-wrapper) h4 { font-size: 1.3em; } :where(.single-control-center .hero-wrapper) h5 { font-size: 1.2em; } :where(.single-control-center .hero-wrapper) h6 { font-size: 1.1em; } :where(.single-control-center .hero-wrapper) ul, :where(.single-control-center .hero-wrapper) ol { margin: 0 0 16px; padding: 0; list-style-position: inside; } :where(.single-control-center .hero-wrapper) img { max-width: 100%; height: auto; vertical-align: top; } /* En-tête photo (.hero-wrapper) */ :where(.single-control-center) .hero-wrapper { position: relative; background: url("../img/prod/header/rdv.jpg"); background-size: auto 100%; background-position: 65% 0; background-repeat: no-repeat; text-align: center; padding: 10px; display: flex; flex-direction: column; margin-top: 55px; } :where(.single-control-center) .hero-wrapper .breadcrumb { color: #fff; font-size: 14px; padding: 20px 0; } :where(.single-control-center) .hero-wrapper .inner-wrap { display: flex; flex-direction: column; max-width: 1145px; margin-left: auto; margin-right: auto; width: 100%; min-height: 571px; } @media (min-width: 1024px) { :where(.single-control-center) .hero-wrapper { background-size: cover; height: auto; } } @media (min-width: 1024px) { :where(.single-control-center) .hero-wrapper { background-position: center top; text-align: left; margin-top: 0; } } :where(.single-control-center) .hero-wrapper h1, :where(.single-control-center) .hero-wrapper h2, :where(.single-control-center) .hero-wrapper .entry-title, :where(.single-control-center) .hero-wrapper .subtitle { color: #fff; } :where(.single-control-center) .hero-wrapper h1 { margin-left: auto; margin-right: auto; line-height: 1.1; font-weight: bold; margin-bottom: .5em; } :where(.single-control-center) .hero-wrapper h1 { font-size: 17.6px; } @media screen and (min-width: 320px) { :where(.single-control-center) .hero-wrapper h1 { font-size: calc(17.6px + 70.4 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .hero-wrapper h1 { font-size: 88px; } } @media (min-width: 1024px) { :where(.single-control-center) .hero-wrapper h1 { max-width: 575px; margin-left: 0; margin-top: 100px; } } @media (min-width: 1024px) { :where(.single-control-center) .hero-wrapper h1.larger { margin-top: 50px; max-width: 995px; } } :where(.single-control-center) .hero-wrapper h2, :where(.single-control-center) .hero-wrapper .entry-title, :where(.single-control-center) .hero-wrapper .subtitle { margin-bottom: 1em; max-width: 80%; margin-left: auto; margin-right: auto; font-weight: 600; } :where(.single-control-center) .hero-wrapper h2, :where(.single-control-center) .hero-wrapper .entry-title, :where(.single-control-center) .hero-wrapper .subtitle { font-size: 16.5px; } @media screen and (min-width: 320px) { :where(.single-control-center) .hero-wrapper h2, :where(.single-control-center) .hero-wrapper .entry-title, :where(.single-control-center) .hero-wrapper .subtitle { font-size: calc(16.5px + 13.5 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .hero-wrapper h2, :where(.single-control-center) .hero-wrapper .entry-title, :where(.single-control-center) .hero-wrapper .subtitle { font-size: 30px; } } @media (min-width: 1024px) { :where(.single-control-center) .hero-wrapper h2, :where(.single-control-center) .hero-wrapper .entry-title, :where(.single-control-center) .hero-wrapper .subtitle { margin-left: 0; } } /* Fil d'Ariane */ :where(.single-control-center) .breadcrumb { margin: 0 0 16px; display: none; } :where(.single-control-center) .breadcrumb .icon { width: 5px; height: 10px; fill: #ff0014; margin: 0 10px; } @media (min-width: 1024px) { :where(.single-control-center) .breadcrumb { display: block; } } /* Onglets Automobile / Moto / Poids lourd */ :where(.single-control-center) .steps__tabs { padding: 0 !important; max-width: 1074px!important; margin: 0 auto; width: 100%; } :where(.single-control-center) .steps__tabs ul { margin-bottom: 0; display: flex; flex-wrap: wrap; list-style: none; margin-left: 7px; margin-right: 7px; justify-content: center; } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul { margin-left: auto; margin-right: auto; margin-top: 30px; justify-content: center; } } :where(.single-control-center) .steps__tabs ul li { color: #ff0014; width: 33%; text-align: center; } :where(.single-control-center) .steps__tabs ul li.step__tabs-active { border-bottom: 5px solid #ff0014; color: #ff0014; } :where(.single-control-center) .steps__tabs ul li.step__tabs-active span { color: #ff0014; } @media (min-width: 1024px) { :where(.single-control-center) .steps__tabs ul li.step__tabs-active { border-bottom-width: 7px; } } :where(.single-control-center) .steps__tabs ul li span, :where(.single-control-center) .steps__tabs ul li a { display: block; padding: 15px 0; font-weight: bold; text-transform: uppercase; color: white; letter-spacing: 1px; } :where(.single-control-center) .steps__tabs ul li span, :where(.single-control-center) .steps__tabs ul li a { font-size: 15px; } @media screen and (min-width: 320px) { :where(.single-control-center) .steps__tabs ul li span, :where(.single-control-center) .steps__tabs ul li a { font-size: calc(15px + 5 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .steps__tabs ul li span, :where(.single-control-center) .steps__tabs ul li a { font-size: 20px; } } :where(.single-control-center) .steps__tabs ul li.type-vl.step__tabs-active a, :where(.single-control-center) .steps__tabs ul li.type-vl:hover a, :where(.single-control-center) .steps__tabs ul li.type-pl.step__tabs-active a, :where(.single-control-center) .steps__tabs ul li.type-pl:hover a, :where(.single-control-center) .steps__tabs ul li.type-l.step__tabs-active a, :where(.single-control-center) .steps__tabs ul li.type-l:hover a { color: #ff0014; text-decoration: none; } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-pl span:before, :where(.single-control-center) .steps__tabs ul li.type-pl a:before, :where(.single-control-center) .steps__tabs ul li.type-vl span:before, :where(.single-control-center) .steps__tabs ul li.type-vl a:before, :where(.single-control-center) .steps__tabs ul li.type-l span:before, :where(.single-control-center) .steps__tabs ul li.type-l a:before { content: ""; width: 59px; height: 37px; display: block; margin-left: auto; margin-right: auto; background-image: url("../img/prod/pixicons/sprite-vehicule.png"); background-repeat: no-repeat; margin-bottom: 5px; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-vl span:before, :where(.single-control-center) .steps__tabs ul li.type-vl a:before { background-position: 0 -37px; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-l span:before, :where(.single-control-center) .steps__tabs ul li.type-l a:before { background-position: 0 -194px; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-pl span:before, :where(.single-control-center) .steps__tabs ul li.type-pl a:before { background-position: 0 -111px; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-vl a, :where(.single-control-center) .steps__tabs ul li.type-pl a, :where(.single-control-center) .steps__tabs ul li.type-l a { color: #fff; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-vl.step__tabs-active span:before, :where(.single-control-center) .steps__tabs ul li.type-vl.step__tabs-active a:before, :where(.single-control-center) .steps__tabs ul li.type-vl:hover span:before, :where(.single-control-center) .steps__tabs ul li.type-vl:hover a:before { background-position: 0 0; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-l.step__tabs-active span:before, :where(.single-control-center) .steps__tabs ul li.type-l.step__tabs-active a:before, :where(.single-control-center) .steps__tabs ul li.type-l:hover span:before, :where(.single-control-center) .steps__tabs ul li.type-l:hover a:before { background-position: 0 -154px; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-pl.step__tabs-active span:before, :where(.single-control-center) .steps__tabs ul li.type-pl.step__tabs-active a:before, :where(.single-control-center) .steps__tabs ul li.type-pl:hover span:before, :where(.single-control-center) .steps__tabs ul li.type-pl:hover a:before { background-position: 0 -74px; } } @media (min-width: 768px) { :where(.single-control-center) .steps__tabs ul li.type-pl.step__tabs-active a, :where(.single-control-center) .steps__tabs ul li.type-pl:hover a, :where(.single-control-center) .steps__tabs ul li.type-vl.step__tabs-active a, :where(.single-control-center) .steps__tabs ul li.type-vl:hover a, :where(.single-control-center) .steps__tabs ul li.type-l.step__tabs-active a, :where(.single-control-center) .steps__tabs ul li.type-l:hover a { color: #ff0014; text-decoration: none; } } /* Boutons */ :where(.single-control-center) .button { display: inline-block; width: auto; padding: 13.5px 30px; border: 0; border-radius: 50px; color: #fff; background-color: #ff0014; font-weight: bold; line-height: 1; white-space: normal; text-decoration: none; cursor: pointer; position: relative; } @media (min-width: 896px) { :where(.single-control-center) .button { padding: 16px 30px; } } :where(.single-control-center) .button { font-size: 11.2px; } @media screen and (min-width: 320px) { :where(.single-control-center) .button { font-size: calc(11.2px + 2.8 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .button { font-size: 14px; } } @media (min-width: 1024px) { :where(.single-control-center) .button { padding: 17px 30px; } } :where(.single-control-center) .button:hover, :where(.single-control-center) .button:focus { outline: none; color: #e6e5e5; background-color: #cc0010; text-decoration: none; } /* Pictos adresse / téléphone */ :where(.single-control-center) .entry__address-icon, :where(.single-control-center) .entry__phone { padding: 4px 0 4px 28px; position: relative; font-weight: bold; color: #ff0014; text-align: left; } :where(.single-control-center) .entry__address-icon, :where(.single-control-center) .entry__phone { font-size: 14px; } @media screen and (min-width: 320px) { :where(.single-control-center) .entry__address-icon, :where(.single-control-center) .entry__phone { font-size: calc(14px + 0 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .entry__address-icon, :where(.single-control-center) .entry__phone { font-size: 14px; } } :where(.single-control-center) .entry__address-icon:before, :where(.single-control-center) .entry__phone:before { content: ""; width: 21px; height: 21px; position: absolute; left: 0; top: 4px; } :where(.single-control-center) .entry__phone:before { background: url("../img/prod/pixicons/phone.png"); background-size: cover; } :where(.single-control-center) .entry__address-icon:before { background: url("../img/prod/pixicons/address.png"); background-size: cover; } /* Étoiles de note (Avis Vérifiés) */ .single-control-center .c-rating { --cp-rs-0: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20stroke%3D%22red%22%20stroke-width%3D%2215px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); --cp-rs-1: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20stroke%3D%22red%22%20stroke-width%3D%2215px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ff0014%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); --cp-rs-2: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20stroke%3D%22red%22%20stroke-width%3D%2215px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ff0014%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); --cp-rs-3: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20stroke%3D%22red%22%20stroke-width%3D%2215px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ff0014%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); --cp-rs-4: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20stroke%3D%22red%22%20stroke-width%3D%2215px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ff0014%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } :where(.single-control-center) .rating-holder .c-rating button, :where(.single-control-center) .rating-holder .c-rating .rating-star { display: inline-block; float: left; width: 1.25em; height: 1.25em; border: 0; text-indent: -9999px; outline: none; background: var(--cp-rs-0) center/cover no-repeat; cursor: pointer; transition: background 0.25s ease; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0"] .rating-star:nth-child(-n+0) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.25"] .rating-star:nth-child(-n+1) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.25"] .rating-star:nth-child(1) { background: var(--cp-rs-2) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.5"] .rating-star:nth-child(-n+1) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.5"] .rating-star:nth-child(1) { background: var(--cp-rs-3) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.75"] .rating-star:nth-child(-n+1) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="0.75"] .rating-star:nth-child(1) { background: var(--cp-rs-4) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1"] .rating-star:nth-child(-n+1) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.25"] .rating-star:nth-child(-n+2) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.25"] .rating-star:nth-child(2) { background: var(--cp-rs-2) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.5"] .rating-star:nth-child(-n+2) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.5"] .rating-star:nth-child(2) { background: var(--cp-rs-3) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.75"] .rating-star:nth-child(-n+2) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="1.75"] .rating-star:nth-child(2) { background: var(--cp-rs-4) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2"] .rating-star:nth-child(-n+2) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.25"] .rating-star:nth-child(-n+3) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.25"] .rating-star:nth-child(3) { background: var(--cp-rs-2) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.5"] .rating-star:nth-child(-n+3) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.5"] .rating-star:nth-child(3) { background: var(--cp-rs-3) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.75"] .rating-star:nth-child(-n+3) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="2.75"] .rating-star:nth-child(3) { background: var(--cp-rs-4) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3"] .rating-star:nth-child(-n+3) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.25"] .rating-star:nth-child(-n+4) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.25"] .rating-star:nth-child(4) { background: var(--cp-rs-2) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.5"] .rating-star:nth-child(-n+4) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.5"] .rating-star:nth-child(4) { background: var(--cp-rs-3) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.75"] .rating-star:nth-child(-n+4) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="3.75"] .rating-star:nth-child(4) { background: var(--cp-rs-4) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4"] .rating-star:nth-child(-n+4) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.25"] .rating-star:nth-child(-n+5) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.25"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.25"] .rating-star:nth-child(5) { background: var(--cp-rs-2) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.5"] .rating-star:nth-child(-n+5) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.5"] .rating-star:nth-child(5) { background: var(--cp-rs-3) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.75"] .rating-star:nth-child(-n+5) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.75"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="4.75"] .rating-star:nth-child(5) { background: var(--cp-rs-4) center/cover no-repeat, var(--cp-rs-0) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating[data-rating-value="5"] button, :where(.single-control-center) .rating-holder .c-rating[data-rating-value="5"] .rating-star:nth-child(-n+5) { background: var(--cp-rs-1) center/cover no-repeat; } :where(.single-control-center) .rating-holder .c-rating .rating-star, :where(.single-control-center) .rating-holder .c-rating button { padding: 15px; margin: 0; } /* Styles de base de la prod dans le bloc avis */ :where(.single-control-center .avis) h1 { margin: 0.67em 0; font-size: 2em; } :where(.single-control-center .avis) a { background-color: transparent; } :where(.single-control-center .avis) strong { font-weight: bolder; } :where(.single-control-center .avis) small { font-size: 80%; } :where(.single-control-center .avis) img { border-style: none; } :where(.single-control-center .avis) a { color: #ff0014; text-decoration: none; } :where(.single-control-center .avis) a:hover, :where(.single-control-center .avis) a:focus { color: #ff0014; text-decoration: underline; } :where(.single-control-center .avis) p { margin: 0 0 16px; padding: 0; } :where(.single-control-center .avis) strong { font-weight: 700; } :where(.single-control-center .avis) h1, :where(.single-control-center .avis) h2, :where(.single-control-center .avis) h3, :where(.single-control-center .avis) h4, :where(.single-control-center .avis) h5, :where(.single-control-center .avis) h6 { margin: 0 0 16px; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 1.2944; } :where(.single-control-center .avis) h1 { font-size: 2.3em; } :where(.single-control-center .avis) h2 { font-size: 1.8em; } :where(.single-control-center .avis) h3 { font-size: 1.5em; } :where(.single-control-center .avis) h4 { font-size: 1.3em; } :where(.single-control-center .avis) h5 { font-size: 1.2em; } :where(.single-control-center .avis) h6 { font-size: 1.1em; } :where(.single-control-center .avis) ul, :where(.single-control-center .avis) ol { margin: 0 0 16px; padding: 0; list-style-position: inside; } :where(.single-control-center .avis) img { max-width: 100%; height: auto; vertical-align: top; } /* Avis clients (section.avis) */ @media (min-width: 768px) { :where(.single-control-center) .mobile-only { display: none; } } @media (max-width: 768px) { :where(.single-control-center) .desktop-only { display: none; } } :where(.single-control-center) .avis { background: white; padding: 50px 10px 125px; } @media (max-width: 1024px) { :where(.single-control-center) .avis { padding: 50px 10px 100px; } } :where(.single-control-center) .avis .link_page_page { text-align: center; font-size: 14px; margin-bottom: 30px; font-weight: 700; } @media (min-width: 1024px) { :where(.single-control-center) .avis .link_page_page { text-align: left; margin-top: 60px; } } :where(.single-control-center) .avis .link_page_page a { color: #122043; } :where(.single-control-center) .avis .avis_title { margin-bottom: 10px !important; } :where(.single-control-center) .avis .content { max-width: 1150px; margin: auto; } :where(.single-control-center) .avis_title { text-align: center; font-size: 20px; font-weight: 800; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 75px; } :where(.single-control-center) .avis_title .red { color: #ff0014; } :where(.single-control-center) .avis_general { letter-spacing: 1px; font-size: 16px; font-weight: 700; margin-bottom: 50px; } :where(.single-control-center) .avis_general a { color: #122043; text-decoration: underline; } :where(.single-control-center) .avis_general .score { text-align: center; } :where(.single-control-center) .avis_general .score .rating-holder { display: inline-flex; } :where(.single-control-center) .avis_general .score .rating-holder .c-rating { display: inherit; } @media (min-width: 1024px) { :where(.single-control-center) .avis_general .score .rating-holder .c-rating { margin-left: 20px; } } :where(.single-control-center) .avis_general .score .rating-holder span { font-weight: 600; margin: auto 0 auto 5px; } @media (min-width: 1024px) { :where(.single-control-center) .avis_general .score .rating-holder span { font-size: 16px; font-weight: 700; } } @media (max-width: 1024px) { :where(.single-control-center) .avis_general .score { display: block; } } :where(.single-control-center) .avis_slider { padding-bottom: 175px; } @media (max-width: 1024px) { :where(.single-control-center) .avis_slider { padding: 0; } } :where(.single-control-center) .avis_slider_slide { padding-right: 75px; font-size: 14px; } @media (max-width: 1024px) { :where(.single-control-center) .avis_slider_slide { margin-bottom: 50px; } } @media (max-width: 1024px) { :where(.single-control-center) .avis_slider_slide:nth-child(n+5) { display: none; margin-bottom: 0; height: 0; width: 0; transition: 0.8s opacity, 0.8s height; } } @media (max-width: 1024px) { :where(.single-control-center) .avis_slider_slide.active { display: block; margin-bottom: 50px; height: 100%; width: 100%; } } :where(.single-control-center) .avis_slider_slide header { margin-bottom: 25px; } :where(.single-control-center) .avis_slider_slide header .nom { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } :where(.single-control-center) .avis_slider_slide main { font-style: italic; font-weight: 700; margin-bottom: 25px; } :where(.single-control-center) .avis_slider_slide main p:first-child:before { content: '"'; } :where(.single-control-center) .avis_slider_slide main p:last-child:after { content: '"'; } :where(.single-control-center) .avis_slider_slide footer .avis-verifie { font-size: 22px; line-height: 1; font-weight: 600; } :where(.single-control-center) .avis_slider_slide footer .avis-verifie img { display: inline-block; margin-right: 5px; } :where(.single-control-center) .avis_slider .slick-next { margin: 0; left: 52%; } :where(.single-control-center) .avis_slider .slick-prev { margin: 0; left: auto; right: 52%; } :where(.single-control-center) .avis_plus { display: none; } @media (max-width: 1024px) { :where(.single-control-center) .avis_plus { text-align: center; display: block; padding-bottom: 50px; } } @media (max-width: 1024px) { :where(.single-control-center) .avis_plus span { color: #122043; cursor: pointer; text-decoration: underline; } } @media (max-width: 1024px) { :where(.single-control-center) .avis_plus.active { display: none; } } :where(.single-control-center) .avis_buttons { text-align: center; width: 100%; display: flex; } @media (max-width: 1024px) { :where(.single-control-center) .avis_buttons { display: block; } } :where(.single-control-center) .avis_buttons .button { width: 250px; } @media (max-width: 1024px) { :where(.single-control-center) .avis_buttons .button { max-width: 250px; width: 80%; } } :where(.single-control-center) .avis_buttons .button.red { margin: 0 auto 0 75px; } @media (max-width: 1024px) { :where(.single-control-center) .avis_buttons .button.red { margin: 10px auto; } } :where(.single-control-center) .avis_buttons .button.blue { background: #122043; margin: 0 75px 0 auto; } @media (max-width: 1024px) { :where(.single-control-center) .avis_buttons .button.blue { margin: 10px auto; } } :where(.single-control-center) .avis_buttons .button svg { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 8px; height: 14px; fill: #fff; } :where(.single-control-center) .rating-holder { line-height: 1.5; text-align: left; } :where(.single-control-center) .rating-holder span { margin-left: 5px; font-size: 22px; } :where(.single-control-center) .avis-main-container { display: flex; flex-direction: column; align-items: center; } :where(.single-control-center) .avis-main-container #netreviewsWidgetSingle { margin: 40px auto; border-radius: 50%; border: 5px solid #122043; } @media (min-width: 1024px) { :where(.single-control-center) .avis-main-container { flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; } } @media (min-width: 1024px) { :where(.single-control-center) .avis-main-container #netreviewsWidgetSingle { margin-left: 0; } } @media (min-width: 1024px) { :where(.single-control-center) .avis-main-container #reviews-main { width: calc(100% - 300px); } } @media (min-width: 1024px) { .single-control-center .avis_plus { display: none; } } /* Fiche centre */ :where(.single-control-center) section.article_content .centre { display: flex; align-items: flex-start; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre { flex-direction: column; } } :where(.single-control-center) section.article_content .centre > * { width: 100%; } :where(.single-control-center) section.article_content .centre .imageCentre { margin-right: 25px; width: auto; position: relative; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre { overflow-x: hidden; min-height: 175px; } } :where(.single-control-center) section.article_content .centre .imageCentre .wp-post-image { cursor: pointer; display: block; width: 267px; display: block; margin-bottom: 0; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .wp-post-image { display: none; } } :where(.single-control-center) section.article_content .centre .imageCentre .distance { position: absolute; bottom: 0; right: 0; background: #ff0014; font-size: 14px; color: #fff; font-weight: bold; padding: 6px 13px; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .distance { display: none; } } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery { cursor: pointer; width: 267px; margin-top: 6px; margin-bottom: 0; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery { margin: auto auto 50px; width: 245px; } } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-slide { margin: 0 3px; } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-list { margin: 0 -3px; } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-dots { position: absolute; bottom: 8px; left: 412px; display: flex; margin: 0; width: 145px; flex-wrap: wrap; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-dots { display: none !important; } } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-dots:before { position: absolute; top: -30px; left: 0; font-size: 14px; margin: 0; } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-dots li { width: auto; height: auto; margin: 0; } :where(.single-control-center) section.article_content .centre .imageCentre .slider-gallery .slick-dots li button { width: 30px; height: 10px; margin-top: 5px; margin-right: 12px; } :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next, :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-prev { display: block !important; height: 50px; width: 50px; position: absolute; border-radius: 0; background: transparent; top: auto; bottom: -18px; border: 1px solid #122043; padding: 15px 10px; } :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next svg, :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-prev svg { width: 30px; height: 20px; fill: #122043; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next, :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-prev { width: 45px; height: 45px; bottom: -75px; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next svg, :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-prev svg { width: 25px; height: 15px; } } :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next { margin: 0; left: 345px; background: #122043; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next { margin: auto; left: 55px; right: 0; } } :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-next svg { fill: white; } :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-prev { margin: 0; left: 295px; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .slick-slider:not(.slick-nav-loaded) .slick-prev { margin: auto; left: 0; right: 55px; } } @media (max-width: 480px) { :where(.single-control-center) section.article_content .centre .infosCentre { width: 100%; } } :where(.single-control-center) section.article_content .centre .infosCentre * { font-size: 14px; font-weight: 700; color: #122043; } @media (min-width: 1024px) { :where(.single-control-center) section.article_content .centre .infosCentre * { margin-right: -60px; } } :where(.single-control-center) section.article_content .centre .infosCentre h3 { font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; } :where(.single-control-center) section.article_content .centre .infosCentre .entry__phone { margin-bottom: 15px; } :where(.single-control-center) section.article_content .centre .infosCentre .entry__phone:before { top: 4px; } :where(.single-control-center) section.article_content .centre .infosCentre .entry__address-icon { margin-bottom: 5px; } :where(.single-control-center) section.article_content .centre .infosCentre .entry__address-icon:before { top: 5px; } :where(.single-control-center) section.article_content .centre .infosCentre .entry__contact { padding: 4px 0 4px 28px; position: relative; text-align: left; } :where(.single-control-center) section.article_content .centre .infosCentre .entry__contact:before { content: ""; width: 21px; height: 21px; position: absolute; left: 0; top: 6px; background: url(../img/prod/pixicons/mail.png); background-size: cover; } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .infosCentre { margin: 85px auto 25px; width: 100%; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .infosCentre h3, :where(.single-control-center) section.article_content .centre .infosCentre div { margin-bottom: 20px !important; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .infosCentre h3, :where(.single-control-center) section.article_content .centre .infosCentre div, :where(.single-control-center) section.article_content .centre .infosCentre div a { font-weight: 700; text-align: left; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .infosCentre h3:before, :where(.single-control-center) section.article_content .centre .infosCentre div:before, :where(.single-control-center) section.article_content .centre .infosCentre div a:before { width: 40px !important; height: 40px !important; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .infosCentre div { display: flex; align-items: center; height: 50px; padding: 4px 0 4px 55px !important; } } :where(.single-control-center) section.article_content .the_content { margin-top: 25px; margin-bottom: 50px; } :where(.single-control-center) section.article_content .the_content { font-size: 10.5px; } @media screen and (min-width: 320px) { :where(.single-control-center) section.article_content .the_content { font-size: calc(10.5px + 3.5 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) section.article_content .the_content { font-size: 14px; } } @media (max-width: 1181px) { .single-control-center .store-locator__wrapper__container { display: block !important; } } @media (max-width: 1181px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part__vehicules { margin: -25px -10px 0; padding-top: 24px; padding-bottom: 30px; background: #F4F5F7; } } @media (max-width: 1181px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations { background: #F4F5F7; margin: -25px -10px 0; padding-top: 24px; } } @media (max-width: 1024px) { :where(.single-control-center) .single-nav-block { position: fixed; bottom: 0; left: 0; width: 100%; border-top: 5px solid #122043; background-color: #fff; z-index: 999; } } @media (max-width: 1024px) { :where(.single-control-center) .single-nav-block ul { width: calc(100% - 20px); margin: 0 auto; display: flex; justify-content: space-between; padding-top: 10px; } } @media (max-width: 1024px) { :where(.single-control-center) .single-nav-block ul li { list-style-type: none; } } @media (max-width: 1024px) { :where(.single-control-center) .single-nav-block ul li a { color: #122043; font-size: 10px; font-weight: 700; } } @media (max-width: 1024px) { :where(.single-control-center) .single-nav-block ul li img { display: block; margin: 0 auto; width: 30px; height: 30px; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .centre .imageCentre .wp-post-image { margin: 0 auto !important; display: block; } } @media (max-width: 1024px) { :where(.single-control-center) section.article_content .the_content { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .imageCentre .slider-gallery ul.slick-dots { display: block !important; left: 200px; bottom: -40px; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .imageCentre .slider-gallery ul.slick-dots:before { top: -15px !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .imageCentre { width: 100% !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets { position: relative; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__left-part__vehicules__title { font-weight: 700; text-align: left; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets { display: flex; flex-wrap: wrap; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-list { padding-left: 20px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-next, .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-prev { appearance: none; padding: 0; margin: 0; background: transparent; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%); margin-top: -4px; width: 12px; right: 0; z-index: 999 !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-next:before, .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-prev:before { content: ""; cursor: pointer; display: block !important; width: 10px; height: 10px; border-left: 3px solid #ff0014; border-bottom: 3px solid #ff0014; position: absolute; right: 0; transform: rotate(-135deg); background: transparent; padding: 0; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-prev { left: 0; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .slick-prev:before { transform: rotate(45deg); z-index: 999 !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets_title { width: 25%; padding: 0 15px 13px 0; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets_title.active:after { position: absolute; left: 0; right: 0; z-index: 999 !important; } } @media (max-width: 1024px) and (max-width: 768px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets_title { border-bottom: 1px solid #ff0014; } } @media (max-width: 1024px) and (max-width: 768px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets_title.active:after { right: 18%; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__left-part__vehicules__vehicules-grid { flex-direction: row; margin-bottom: 20px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__left-part__vehicules__vehicules-grid .vehicules-grid__item { height: 45px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__left-part__vehicules__vehicules-grid .vehicules-grid__item img { width: 45px; max-width: 100%; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper { margin-right: -20px; margin-left: -20px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper h2, .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .entry-title { line-height: 1.8; width: 210px; padding-top: 70px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper h2 strong, .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .entry-title strong { display: inline; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper h2 strong:after, .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .entry-title strong:after { display: none; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper h2:before, .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .entry-title:before { width: 50px; right: 0; left: 0; margin: 0 auto; top: 20px; position: absolute; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times { padding-left: 0; padding-right: 0; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { margin-right: 0; margin-left: 0; padding-left: 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type span:after { display: none; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.ct-antipollution strong:before { background-repeat: no-repeat; background-size: 36.5px !important; background-position-y: 5px !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { text-align: left; min-width: 245px; position: relative; left: 0; top: 0; } } @media (max-width: 1024px) and (max-width: 540px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { min-width: 160px; } } @media (max-width: 1024px) and (max-width: 540px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong:before { left: 0; width: 35px; margin-right: 5px !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times ul.store-locator__wrapper__container__right-part__opening-times__other-details { margin-left: 20px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times ul.store-locator__wrapper__container__right-part__opening-times__other-details li { padding-left: 40px !important; text-align: left; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times ul.store-locator__wrapper__container__right-part__opening-times__other-details li:before { margin-right: 5px !important; background-size: 20px; width: 30px; left: 0; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times ul.store-locator__wrapper__container__right-part__opening-times__planning { margin: 0 auto; text-align: center; display: block; width: 100%; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times ul.store-locator__wrapper__container__right-part__opening-times__planning li span { min-width: 35%; text-align: left; padding-left: 10px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__buttons { margin: 0 auto; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .store-locator__wrapper__container__right-part__opening-times__buttons a.button { max-width: calc(100% - 20px); margin-left: auto !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .store-locator__wrapper__container__right-part.store-wrapper .store-locator__wrapper__container__right-part__opening-times .links { display: flex; justify-content: space-around; flex-direction: row !important; } } :where(.single-control-center) .prestations_title { font-size: 14px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 30px; position: relative; } :where(.single-control-center) .prestations_title .red { color: #ff0014; } :where(.single-control-center) .prestations_onglets { display: flex; font-size: 12px; font-weight: 700; margin-bottom: 40px; } :where(.single-control-center) .prestations_onglets_title { position: relative; text-decoration: none; display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); cursor: pointer; overflow: hidden; padding: 0 10px 10px; } :where(.single-control-center) .prestations_onglets_title:after { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #ff0014; height: 5px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; } :where(.single-control-center) .prestations_onglets_title.active, :where(.single-control-center) .prestations_onglets_title:focus, :where(.single-control-center) .prestations_onglets_title:active { color: #ff0014; } :where(.single-control-center) .prestations_onglets_title.active:after, :where(.single-control-center) .prestations_onglets_title:focus:after, :where(.single-control-center) .prestations_onglets_title:active:after { left: 10px; right: 10px; } :where(.single-control-center) .prestations_onglets_title:first-child { padding-left: 0; } :where(.single-control-center) .prestations_onglets_title:first-child.active:after, :where(.single-control-center) .prestations_onglets_title:first-child:focus:after, :where(.single-control-center) .prestations_onglets_title:first-child:active:after { left: 0; } :where(.single-control-center) .prestations_onglets_title:first-child:before { content: none; } :where(.single-control-center) .prestations_content { margin-bottom: 50px; } :where(.single-control-center) .prestations_content ul { display: none; } :where(.single-control-center) .prestations_content ul.active { display: block; } :where(.single-control-center) .prestations_content ul li { font-weight: 700; position: relative; list-style: none; background: #EDEFF5; padding: 5px 20px 5px 30px; text-align: left; min-height: 34px; } :where(.single-control-center) .prestations_content ul li:hover { transition: 0.4s; background: #122043; color: white; cursor: pointer; } :where(.single-control-center) .prestations_content ul li { font-size: 11.25px; } @media screen and (min-width: 320px) { :where(.single-control-center) .prestations_content ul li { font-size: calc(11.25px + 3.75 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .prestations_content ul li { font-size: 15px; } } @media (max-width: 768px) { :where(.single-control-center) .prestations_content ul li { padding: 5px 10px; } } :where(.single-control-center) .prestations_content ul li.prestations_content_ul_title { padding: 5px 20px; border-top: 1px solid #EDEFF5; border-bottom: 1px solid #EDEFF5; } :where(.single-control-center) .prestations_content ul li.prestations_content_ul_title:hover { cursor: pointer; } :where(.single-control-center) .prestations_content ul li.prestations_content_ul_title { font-size: 12px; } @media screen and (min-width: 320px) { :where(.single-control-center) .prestations_content ul li.prestations_content_ul_title { font-size: calc(12px + 4 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .prestations_content ul li.prestations_content_ul_title { font-size: 16px; } } :where(.single-control-center) .prestations_content ul li.prestations_content_ul_title .intitule { max-width: inherit; } :where(.single-control-center) .prestations_content ul li:nth-child(2n) { background: white; } :where(.single-control-center) .prestations_content ul li:nth-child(2n):hover { transition: 0.4s; background: #122043; color: white; cursor: pointer; } :where(.single-control-center) .prestations_content ul li .intitule { display: inline-block; max-width: calc(100% - 130px); } :where(.single-control-center) .prestations_content ul li .tarif { float: right; margin-left: 15px; color: #ff0014; } :where(.single-control-center) .prestations_conditions { line-height: 1.4; margin-bottom: 40px; } :where(.single-control-center) .prestations_conditions { font-size: 10.5px; } @media screen and (min-width: 320px) { :where(.single-control-center) .prestations_conditions { font-size: calc(10.5px + 3.5 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { :where(.single-control-center) .prestations_conditions { font-size: 14px; } } :where(.single-control-center) section#my-map-store-locator .store-locator-map { width: 100%; height: 475px; } @media (max-width: 1024px) { :where(.single-control-center) section#my-map-store-locator .store-locator-map { height: 230px; } } @media (max-width: 665px) { :where(.single-control-center) section#my-map-store-locator .store-locator-map { position: relative; left: -20px; } } :where(.single-control-center) section#my-map-store-locator .proximite { font-weight: 700; font-size: 13px; letter-spacing: 2px; padding: 20px 0 25px 35px; position: relative; text-align: left; } :where(.single-control-center) section#my-map-store-locator .proximite:before { content: ''; background-image: url(../img/prod/proximite.svg); background-repeat: no-repeat; background-size: contain; width: 15px; height: 18px; position: absolute; top: 21px; left: 0; margin: auto; } :where(.single-control-center) section#my-map-store-locator .proximite a { text-decoration: underline; color: #122043; } .single-control-center { height: inherit !important; position: relative; } .single-control-center .frontpage_block_lastnews { margin-top: 40px; } @media (min-width: 1024px) { .single-control-center .frontpage_block_lastnews { margin-top: 80px; } } @media (max-width: 1024px) { .single-control-center .after-content:not(.no-margin) { padding-bottom: 100px; } } .single-control-center .content-sidebar-wrap .content { display: none; } .single-control-center .hero-wrapper { background-size: auto 900px; background-position: 65% 0; text-align: left; } @media (max-width: 1152px) { .single-control-center .hero-wrapper { margin-top: 0; padding-left: 0; padding-right: 0; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .infosCentre { margin-top: 30px; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .infosCentre h3 { font-weight: 900; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .infosCentre div { height: auto; margin-bottom: 7px !important; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .infosCentre * { font-size: 12px; } } @media screen and (max-width: 1024px) and (min-width: 320px) { .single-control-center section.article_content .centre .infosCentre * { font-size: calc(12px + 4 * ((100vw - 320px) / 704)); } } @media screen and (max-width: 1024px) and (min-width: 1024px) { .single-control-center section.article_content .centre .infosCentre * { font-size: 16px; } } @media (max-width: 1024px) { .single-control-center section.article_content .centre .infosCentre h3:before, .single-control-center section.article_content .centre .infosCentre div:not(.entry__address-icon):before, .single-control-center section.article_content .centre .infosCentre a:before { width: 25px !important; height: 25px !important; } } @media (min-width: 1024px) { .single-control-center .single-nav-block { display: none; } } @media (min-width: 1024px) { .single-control-center .avis_plus { display: none; } } .single-control-center .single-nav-block { position: fixed; bottom: 0; left: 0; width: 100%; border-top: 5px solid #122043; background-color: #fff; z-index: 999; } .single-control-center .single-nav-block ul { width: calc(100% - 20px); margin: 0 auto; display: flex; justify-content: space-between; padding-top: 10px; } .single-control-center .single-nav-block ul li { list-style-type: none; } .single-control-center .single-nav-block ul li a { color: #122043; font-size: 10px; font-weight: 700; } .single-control-center .single-nav-block ul li .icon { stroke: red; display: block; margin: 0 auto; width: 30px; height: 30px; stroke-width: 20px; } .single-control-center .store-locator__wrapper { position: relative; top: -450px; margin-bottom: -455px; } .single-control-center .store-locator__wrapper.steps-tabs-none { top: -309px; margin-bottom: -234px; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper { top: -550px; margin-bottom: -540px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper.steps-tabs-none { top: -409px; } } @media (max-width: 768px) { .single-control-center .store-locator__wrapper.steps-tabs-none { top: -489px; margin-bottom: -489px; } } @media (min-width: 1024px) { .single-control-center .store-locator__wrapper .steps__tabs { min-height: 111px; } } .single-control-center .store-locator__wrapper__container { position: relative; max-width: 1145px; margin: auto; min-height: 200px; background-color: white; padding: 100px 40px 50px 30px; display: grid; grid-template-columns: 1fr 496px; grid-template-areas: "left-part right-part"; color: #122043; grid-gap: 65px; } @media (max-width: 1181px) { .single-control-center .store-locator__wrapper__container { grid-template-columns: 100%; width: calc(100vw - 20px); grid-template-areas: "left-part" "right-part"; padding: 50px 0 0; padding-bottom: 20px; } } .single-control-center .store-locator__wrapper__container h1 { margin: 0; color: #203463; } .single-control-center .store-locator__wrapper__container h1 { font-size: 24px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container h1 { font-size: calc(24px + 6 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container h1 { font-size: 30px; } } .single-control-center .store-locator__wrapper__container h1 span { color: #ff0014; } .single-control-center .store-locator__wrapper__container__left-part { grid-area: left-part; } @media (max-width: 1152px) { .single-control-center .store-locator__wrapper__container__left-part { padding: 0 20px; } } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part { padding: 0 10px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__left-part h1 { margin-bottom: 20px; max-width: 100%; } } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part h1 { text-align: left; } } .single-control-center .store-locator__wrapper__container__left-part .acf-map { height: 200px; width: 200px; } .single-control-center .store-locator__wrapper__container__left-part__vehicules__title { font-size: 14px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; } .single-control-center .store-locator__wrapper__container__left-part__vehicules__title .red { color: #ff0014; } .single-control-center .store-locator__wrapper__container__left-part__vehicules__title:before { display: inline-block; height: 20px; background-size: 18px; background-repeat: no-repeat; width: 20px; background: center; background-size: contain; background-image: url(../img/prod/info.png); content: ""; margin-right: 6px; position: relative; top: 4.4px; } .single-control-center .store-locator__wrapper__container__left-part__vehicules__vehicules-grid { display: flex; flex-wrap: wrap; grid-template-columns: 1fr 1fr 1fr 1fr; margin-bottom: 50px; grid-gap: 5px; } @media (max-width: 337px) { .single-control-center .store-locator__wrapper__container__left-part__vehicules__vehicules-grid { flex-direction: column; align-items: center; } } .single-control-center .store-locator__wrapper__container__left-part__vehicules__vehicules-grid .vehicules-grid__item { height: 38px; letter-spacing: .7px; display: inline-flex; align-items: center; word-break: normal; width: 25%; margin-top: 30px; } .single-control-center .store-locator__wrapper__container__left-part__vehicules__vehicules-grid .vehicules-grid__item img { width: 38px; display: inline-block; } .single-control-center .store-locator__wrapper__container__left-part__vehicules__vehicules-grid .vehicules-grid__item p { font-weight: 700; letter-spacing: 0px; color: #122043; text-transform: uppercase; display: inline-block; font-size: 10px; width: auto; margin: 0; position: relative; top: 3px; margin-left: 7px; } @media (max-width: 588px) { .single-control-center .store-locator__wrapper__container__left-part__vehicules__vehicules-grid .vehicules-grid__item { width: 49%; margin-top: 20px; } } .single-control-center .store-locator__wrapper__container__left-part__description { display: grid; grid-gap: 25px; grid-template-columns: 81px 1fr; grid-template-areas: "image text"; margin-top: 30px; margin-bottom: 30px; } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part__description { text-align: left; grid-template-columns: 54px 1fr; grid-gap: 10px; } } .single-control-center .store-locator__wrapper__container__left-part__description__image { background: #ff0014 url("../img/prod/car.png"); background-size: 75% auto; background-position: center; background-repeat: no-repeat; border-radius: 38%; max-width: 81px; height: 78px; } .single-control-center .store-locator__wrapper__container__left-part__description__image.lourd { background: #ff0014 url("../img/prod/truck-white.png"); background-size: 60% auto; background-position: center; background-repeat: no-repeat; } .single-control-center .store-locator__wrapper__container__left-part__description__image.moto { background: #ff0014 url("../img/prod/moto-white.png"); background-size: 60% auto; background-position: center; background-repeat: no-repeat; } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part__description__image { height: 50px; } } .single-control-center .store-locator__wrapper__container__left-part__description__text { grid-area: text; } .single-control-center .store-locator__wrapper__container__left-part__description__text h2, .single-control-center .store-locator__wrapper__container__left-part__description__text .entry-title { color: #203463; font-weight: bold; margin: 0; max-width: 100%; } .single-control-center .store-locator__wrapper__container__left-part__description__text h2, .single-control-center .store-locator__wrapper__container__left-part__description__text .entry-title { font-size: 16px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__left-part__description__text h2, .single-control-center .store-locator__wrapper__container__left-part__description__text .entry-title { font-size: calc(16px + 4 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__left-part__description__text h2, .single-control-center .store-locator__wrapper__container__left-part__description__text .entry-title { font-size: 20px; } } .single-control-center .store-locator__wrapper__container__left-part__description__text__avis { margin-top: 5px; } .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder { margin: 5px 0; } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder { display: flex; flex-wrap: wrap; margin-top: -10px; } } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder span, .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder small { font-size: 14px; } } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder > *:first-child { width: 100%; } } .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder .c-rating { display: inline-block; margin-left: -5px; } .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder .c-rating button, .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder .c-rating .rating-star { margin-top: 8px; padding: 10px; background-size: 15px; } .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder span { margin-left: 15px; font-weight: 600; } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder span { margin-left: 0; } } .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder small { font-weight: 600; margin-left: 10px; color: #203463; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__left-part__description__text__avis .rating-holder small { display: block; } } .single-control-center .store-locator__wrapper__container__right-part { grid-area: right-part; position: relative; height: 100%; } @media (max-width: 665px) { .single-control-center .store-locator__wrapper__container__right-part { padding: 0 10px; } } .single-control-center .store-locator__wrapper__container__right-part h2, .single-control-center .store-locator__wrapper__container__right-part .entry-title { color: #122043; font-weight: 900; max-width: 100%; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part h2, .single-control-center .store-locator__wrapper__container__right-part .entry-title { text-align: center; line-height: 1; } } .single-control-center .store-locator__wrapper__container__right-part h2 a, .single-control-center .store-locator__wrapper__container__right-part .entry-title a { color: inherit; text-decoration: none; } .single-control-center .store-locator__wrapper__container__right-part h2 a:hover, .single-control-center .store-locator__wrapper__container__right-part .entry-title a:hover, .single-control-center .store-locator__wrapper__container__right-part h2 a:focus, .single-control-center .store-locator__wrapper__container__right-part .entry-title a:focus { color: inherit; } @media (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part h2, .single-control-center .store-locator__wrapper__container__right-part .entry-title { position: -webkit-sticky; position: sticky; top: 50px; } } .single-control-center .store-locator__wrapper__container__right-part h2, .single-control-center .store-locator__wrapper__container__right-part .entry-title { font-size: 12.8px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part h2, .single-control-center .store-locator__wrapper__container__right-part .entry-title { font-size: calc(12.8px + 3.2 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part h2, .single-control-center .store-locator__wrapper__container__right-part .entry-title { font-size: 16px; } } .single-control-center .store-locator__wrapper__container__right-part h2:before, .single-control-center .store-locator__wrapper__container__right-part .entry-title:before { display: inline-block; background-repeat: no-repeat; height: 36px; background-size: 36px 30px; width: 36px; background-image: url("../img/prod/controleTechnique.png"); content: ""; margin-right: 10px; position: relative; top: 7px; } .single-control-center .store-locator__wrapper__container__right-part h2.moto:before, .single-control-center .store-locator__wrapper__container__right-part .entry-title.moto:before { background-image: url("../img/prod/controleTechniqueL.png"); } .single-control-center .store-locator__wrapper__container__right-part h2 small, .single-control-center .store-locator__wrapper__container__right-part .entry-title small { color: #ff0014; font-weight: 900; text-transform: uppercase; margin-right: 12px; } .single-control-center .store-locator__wrapper__container__right-part h2 strong, .single-control-center .store-locator__wrapper__container__right-part .entry-title strong { font-weight: 900; color: #ff0014; } .single-control-center .store-locator__wrapper__container__right-part h2 strong, .single-control-center .store-locator__wrapper__container__right-part .entry-title strong { font-size: 24.8px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part h2 strong, .single-control-center .store-locator__wrapper__container__right-part .entry-title strong { font-size: calc(24.8px + 6.2 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part h2 strong, .single-control-center .store-locator__wrapper__container__right-part .entry-title strong { font-size: 31px; } } .single-control-center .store-locator__wrapper__container__right-part h2 strong:after, .single-control-center .store-locator__wrapper__container__right-part .entry-title strong:after { display: inline-block; height: 23px; background-size: 23px; width: 23px; position: relative; top: 1.6px; background-image: url("../img/prod/calendar_red.png"); content: ""; margin-left: 8px; background-repeat: no-repeat; } .single-control-center .store-locator__wrapper__container__right-part h2 strong:after, .single-control-center .store-locator__wrapper__container__right-part .entry-title strong:after { transform: translateX(5px); } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part h2 .price-from, .single-control-center .store-locator__wrapper__container__right-part .entry-title .price-from { display: block; margin-top: 10px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times { background-color: #EDEFF5; min-height: 100px; padding: 30px 70px; } @media (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times { position: -webkit-sticky; position: sticky; top: 108px; } } @media (max-width: 1024) { .single-control-center .store-locator__wrapper__container__right-part__opening-times { padding: 30px 10px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times h3 { text-align: center; text-transform: uppercase; font-weight: 900; } .single-control-center .store-locator__wrapper__container__right-part__opening-times h3 { font-size: 13.6px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times h3 { font-size: calc(13.6px + 3.4 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times h3 { font-size: 17px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times ul { font-size: 12px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times ul { font-size: calc(12px + 4 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times ul { font-size: 16px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details { padding-top: 7px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li { font-weight: bold; list-style: none; margin-top: 15px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.currently-open { position: relative; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.currently-open:before { display: inline-block; height: 22px; background-size: 22px; width: 22px; background-image: url("../img/prod/flag.png"); content: ""; margin-right: 25px; position: relative; top: 4.4px; background-repeat: no-repeat; } @media (max-width: 512px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.currently-open:before { display: block; position: absolute; top: 0; left: -30px; right: 0; margin: 0; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.currently-closed { position: relative; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.currently-closed:before { display: inline-block; height: 22px; background-size: 22px; width: 22px; background-image: url("../img/prod/red_flag.png"); content: ""; margin-right: 25px; position: relative; top: 4.4px; background-repeat: no-repeat; } @media (max-width: 512px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.currently-closed:before { display: block; position: absolute; top: 0; left: -30px; right: 0; margin: 0; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.exceptional-event { color: #ff0014; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.exceptional-event:before { display: inline-block; height: 22px; background-size: 22px; width: 22px; background-image: url("../img/prod/warning.png"); content: ""; margin-right: 25px; position: relative; top: 4.4px; background-repeat: no-repeat; } @media (max-width: 512px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.exceptional-event { position: relative; } } @media (max-width: 512px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__other-details li.exceptional-event:before { margin: 0; display: block; position: absolute; top: 0; left: -30px; right: 0; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning { display: block; margin-top: 40px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li { margin-top: 10px; display: flex; font-weight: 700; justify-content: flex-start; word-spacing: 8px; word-wrap: revert; width: 100%; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li { font-size: 11.05px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li { font-size: calc(11.05px + 1.95 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li { font-size: 13px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li.current-day { background-color: white; margin-left: -40px; width: calc(100% + 80px); padding: 5px 40px 2px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li span { text-transform: uppercase; min-width: 110px; } @media (max-width: 1152px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li span { min-width: 30%; text-align: left; } } @media (max-width: 581px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__planning li span { margin-right: 0; text-align: center; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions { margin-top: 30px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions h3:after { position: relative; margin-left: 5px; content: "*"; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types { margin-bottom: 30px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types a { color: inherit; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types a:hover, .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types a:focus { color: inherit; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { font-weight: 900; background-color: white; margin-left: -40px; margin-right: -40px; padding: 0px 5px 10px 40px; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { font-size: .8em; text-align: left; position: relative; padding-left: 75%; } } @media (max-width: 589px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { padding-left: 0; text-align: center; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { font-size: 9.75px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { font-size: calc(9.75px + 3.25 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type { font-size: 13px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { display: inline-block; min-width: 220px; font-weight: 900; text-transform: uppercase; color: #ff0014; margin-right: 0px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { font-size: 9.75px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { font-size: calc(9.75px + 3.25 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { font-size: 13px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong { position: absolute; left: 50px; top: -10px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type strong:before { top: 5px; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.controle-technique strong:before { display: inline-block; height: 35px; background-size: 35px; width: 35px; background-image: url("../img/prod/controleTechnique.png"); content: ""; margin-right: 15px; position: relative; top: 12px; background-repeat: no-repeat; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.controle-technique.moto strong:before { background-image: url("../img/prod/controleTechniqueL.png"); } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.contre-visite { margin-top: 0; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.contre-visite strong:before { display: inline-block; height: 32px; background-size: 64px; background-position: top center; background-position-y: -5px; width: 32px; background-image: url("../img/prod/contre-visite.png"); content: ""; margin-right: 15px; position: relative; top: 9px; left: -5px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.ct-antipollution strong { margin-left: -5px; min-width: 225px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type.ct-antipollution strong:before { display: inline-block; height: 35px; background-size: 52.5px; background-position: top center; background-position-y: -5px; width: 53px; background-image: url("../img/prod/ct-antipollution.png"); content: ""; margin-right: 4px; left: -8px; position: relative; top: 14px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type span { text-transform: uppercase; color: #ff0014; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type span:after { display: inline-block; height: 22px; background-size: 22px; width: 22px; position: relative; top: 4.4px; background-image: url("../img/prod/calendar_red.png"); content: ""; margin-left: 10px; background-repeat: no-repeat; } .single-control-center .store-locator__wrapper__container__right-part__opening-times__promotions__list-of-types__type:not(:first-of-type) { border-top: 1px solid #EDEFF5; } .single-control-center .store-locator__wrapper__container__right-part__opening-times .button { text-align: center; display: block; margin: auto; width: 250px; margin-top: 15px; display: block; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .button { max-width: 250px; width: 80%; } } @media (max-width: 530px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .button { max-width: none; width: calc(100% + 80px) !important; margin-left: -40px !important; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .button.red { margin: 10px auto; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times .button.blue { background: #122043; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .button.blue { margin: 10px auto; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times .button.white { background: white; color: #122043; } .single-control-center .store-locator__wrapper__container__right-part__opening-times .button.white svg { fill: #122043; } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .button.white { margin: 10px auto; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times .button svg { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 8px; height: 14px; fill: #fff; } .single-control-center .store-locator__wrapper__container__right-part__opening-times .links { display: flex; justify-content: space-between; width: 100%; padding: 0 20px; margin-top: 15px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times .links { font-size: 11.25px; } @media screen and (min-width: 320px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .links { font-size: calc(11.25px + 3.75 * ((100vw - 320px) / 704)); } } @media screen and (min-width: 1024px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .links { font-size: 15px; } } @media (max-width: 640px) { .single-control-center .store-locator__wrapper__container__right-part__opening-times .links { flex-direction: column; padding: 0; } } .single-control-center .store-locator__wrapper__container__right-part__opening-times .links .link { text-decoration: underline; font-weight: bold; color: #122043; margin-top: 10px; } .single-control-center .store-locator__wrapper__container__right-part__opening-times .links .link svg { fill: #122043; height: 10px; width: 10px; margin-right: 5px; } /* CSS additionnel de la prod (Personnaliser > CSS additionnel) */ :where(.single-control-center) .steps__tabs ul li:not(.step__tabs-active).type-pl span:before, :where(.single-control-center) .steps__tabs ul li:not(.step__tabs-active).type-pl a:before, :where(.single-control-center) .steps__tabs ul li:not(.step__tabs-active).type-vl span:before, :where(.single-control-center) .steps__tabs ul li:not(.step__tabs-active).type-vl a:before, :where(.single-control-center) .steps__tabs ul li:not(.step__tabs-active).type-l span:before, :where(.single-control-center) .steps__tabs ul li:not(.step__tabs-active).type-l a:before { filter: invert(1) brightness(0); } :where(.single-control-center) .steps__tabs ul li.type-vl:hover a::before, :where(.single-control-center) .steps__tabs ul li.type-pl:hover a::before, :where(.single-control-center) .steps__tabs ul li.type-l:hover a::before { filter: none; } :where(.single-control-center) .steps__tabs { max-width: 1145px !important; position: sticky !important; top: 48px; z-index: 100; background-color: #ffffff !important; box-shadow: 0 13px 25px #00000012 !important; } @media (max-width: 768px) { :where(.single-control-center) .steps__tabs { top: 56px; } } @media (max-width: 1024px) { .single-control-center .store-locator__wrapper { top: -585px !important; } } @media (max-width: 1024px) { :where(.single-control-center) .steps__tabs ul li.type-vl a, :where(.single-control-center) .steps__tabs ul li.type-pl a, :where(.single-control-center) .steps__tabs ul li.type-l a { font-size: 14px; } } @media (max-width: 1181px) { .single-control-center .store-locator__wrapper__container { width: 100vw !important; overflow-x: hidden !important; } } :where(.single-control-center) .steps__tabs ul li.type-vl a, :where(.single-control-center) .steps__tabs ul li.type-pl a, :where(.single-control-center) .steps__tabs ul li.type-l a { color: black; } /* === Ajustements v2 (écrits à la main, conservés si le fichier est régénéré) === * Équivalents CSS des comportements jQuery / slick de la prod et neutralisation des styles v2 (main.css). */ /* Carte au-dessus de l'en-tête photo et du bloc « Les + » qui suit. */ .single-control-center .hero-wrapper { z-index: 1; } /* Onglets de tarifs : boutons (accessibles) habillés comme les div de la prod. */ .single-control-center button.prestations_onglets_title { margin: 0; border: 0; text-align: left; border-radius: 0; background: none; box-shadow: none; color: inherit; font: inherit; font-size: 12px; font-weight: 700; line-height: inherit; letter-spacing: inherit; text-transform: none; } .single-control-center .prestations_content ul[hidden] { display: none; } /* Carte : coins carrés comme Google Maps sur la prod. */ .single-control-center .store-locator-map.cp-map { min-height: 0; border-radius: 0; } /* Note sous les promos flash (style en ligne sur la prod). */ .single-control-center .promos-note { display: block; margin: 10px -40px 0; color: #878787; font-size: 12px; } /* Galerie : photo principale + vignettes 2 par 2 (slick sur la prod) avec flèches et barres à droite. */ .single-control-center .imageCentre .display_none_mobile { position: relative; width: 267px; } .single-control-center .imageCentre .display_none_mobile a { display: block; } .single-control-center .imageCentre .wp-post-image { height: auto; } .single-control-center .imageCentre .slider-gallery { position: relative; } .single-control-center .imageCentre .slider-gallery__track { display: flex; align-items: flex-start; margin: 0 -3px; padding: 0; list-style: none; } .single-control-center .imageCentre .slider-gallery__track > li { flex: 0 0 50%; padding: 0 3px; } .single-control-center .imageCentre .slider-gallery__track img { display: block; width: 100%; height: auto; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav:not([hidden]) { display: contents; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn { position: absolute; top: auto; bottom: -18px; width: 50px; height: 50px; margin: 0; padding: 15px 10px; border: 1px solid #122043; background: transparent; color: #122043; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn[data-cp-prev] { left: 295px; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn[data-cp-next] { left: 345px; background: #122043; color: #fff; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn .cp-icon { width: 30px; height: 20px; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__count { display: none; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__bars { position: absolute; bottom: 8px; left: 412px; display: flex; flex-wrap: wrap; width: 145px; margin: 0; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__bars i { width: 30px; height: 10px; margin: 5px 12px 0 0; } @media (max-width: 1024px) { .single-control-center .imageCentre .display_none_mobile { display: none; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn { bottom: -75px; width: 45px; height: 45px; margin: auto; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn[data-cp-prev] { left: 0; right: 55px; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn[data-cp-next] { left: 55px; right: 0; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__btn.cp-slider__btn .cp-icon { width: 25px; height: 15px; } .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__bars { left: 200px; bottom: -40px; } } .single-control-center .imageCentre .distance:empty { display: none; } .single-control-center .hero-wrapper .cp-breadcrumb { margin: 0 0 16px; padding: 20px 0; font-size: 14px; } .single-control-center .hero-wrapper .cp-breadcrumb a { font-weight: 400; } .single-control-center .single-nav-block a { text-decoration: none; } /* Onglets de tarifs en mobile : 2 (3 dès 500 px) visibles, flèches rouges, comme le slick de la prod. */ .single-control-center .prestations_arrow { display: none; } @media (max-width: 767px) { .single-control-center .prestations_onglets-wrap { position: relative; margin-bottom: 40px; padding-left: 20px; } .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets { flex-wrap: nowrap; margin-bottom: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .single-control-center .prestations_onglets::-webkit-scrollbar { display: none; } .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets_title { flex: 0 0 50%; width: 50%; scroll-snap-align: start; } .single-control-center .prestations_arrow { display: block; position: absolute; top: 50%; right: 0; z-index: 2; width: 12px; height: 20px; margin: -4px 0 0; padding: 0; border: 0; background: transparent; transform: translateY(-50%); cursor: pointer; } .single-control-center .prestations_arrow::before { content: ""; position: absolute; top: 5px; right: 0; width: 10px; height: 10px; border-left: 3px solid #ff0014; border-bottom: 3px solid #ff0014; transform: rotate(-135deg); } .single-control-center .prestations_arrow--prev { left: 0; right: auto; } .single-control-center .prestations_arrow--prev::before { transform: rotate(45deg); } } @media (min-width: 500px) and (max-width: 767px) { .single-control-center .store-locator__wrapper .store-locator__wrapper__container__left-part .prestations .prestations_onglets_title { flex-basis: 33.3333%; width: 33.3333%; } } /* Compteur « 2/2 » au-dessus des barres de la galerie en mobile (slick-dots:before sur la prod). */ @media (max-width: 1024px) { .single-control-center .imageCentre .cp-slider__nav.cp-slider__nav .cp-slider__count { position: absolute; left: 200px; bottom: -25px; display: block; margin: 0; font-size: 14px; } } /* « Les + d'un contrôle technique à … » (section after-content de la prod) : onglets juste sous le texte, pastille en h2 / p de base de la prod (1.8em semi-gras, texte courant en capitales), 220 px avant les avis. */ .single-control-center .cp-section--services { padding-bottom: 100px; } @media (min-width: 1024px) { .single-control-center .cp-section--services { padding-bottom: 220px; } } .single-control-center .cp-section--services .cp-services-wide .cp-tabs { margin-top: 0; } .single-control-center .cp-section--services .cp-services-wide .cp-services__badge--centre { display: block; font-size: inherit; line-height: 1.618; } .single-control-center .cp-section--services .cp-services-wide .cp-services__badge--centre strong { display: block; margin: 0 0 16px; font-size: 1.8em; font-weight: 600; line-height: 1.2944; } .single-control-center .cp-section--services .cp-services-wide .cp-services__badge--centre span { display: block; margin: 0 0 16px; font-size: 1em; font-weight: 400; line-height: 1.618; letter-spacing: normal; opacity: 1; } /* Avis : la pastille v2 porte déjà le cercle bleu nuit du widget de la prod. */ .single-control-center .avis-main-container #netreviewsWidgetSingle { border: 0; border-radius: 0; } .single-control-center .avis_buttons .button svg { position: absolute; top: 50%; right: 20px; width: 8px; height: 14px; transform: translateY(-50%); fill: #fff; } .single-control-center .cp-section--services .cp-services-wide .cp-tabs__panel { padding-top: 17px; }