Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the acf domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/wkczpbe/www/wp-includes/functions.php on line 6121
/*
orange : e98607
gris : f5f5f5
anthracite : 425f6d
bleu gris : 415e6c
bleu : 56887f
*/
@font-face {
font-family: 'Montserrat-Regular';
src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
url('fonts/Montserrat-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Bold';
src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
url('fonts/Montserrat-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Italic';
src: url('fonts/Montserrat-Italic.woff2') format('woff2'),
url('fonts/Montserrat-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
/*
*
* *** SPRITE ***
*
*/
.has-sprite {
display:table-row;
/*background-color:red;*/
}
.has-sprite .sprite,
.has-sprite .sprite + span {
display:table-cell;
vertical-align:middle;
}
.bgw {
position:relative;
--filet:1.2; /* augmentera le padding-left de 10% */
}
.bgw .picto {
position:absolute;
left:0;
top:0;
bottom:0;
}
.bgw .picto::after {
content:'';
display:inline-block;
width:5px;
}
.bgw .picto::before {
content:'';
position:absolute;
left:0;
top:50%;
transform: translateY(-50%);
}
.bgw-picto_mail_blanc_50 {
padding-left:50px; /* fallback old browsers */
padding-left:calc(50px * var(--filet));
}
.bgw-picto_mail_blanc_50 .picto::before {
width:50px;
height:50px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -278px -2px;
}
.bgw-picto_mail_orange_39 {
padding-left:50px; /* fallback old browsers */
padding-left:calc(50px * var(--filet));
}
.bgw-picto_mail_orange_39 {
padding-left:39px; /* fallback old browsers */
padding-left:calc(39px * var(--filet));
}
.bgw-picto_mail_orange_39 .picto::before {
width:39px;
height:39px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -375px -2px;
}
.bgw-picto_mail_orange_50 {
padding-left:50px; /* fallback old browsers */
padding-left:calc(50px * var(--filet));
}
.bgw-picto_mail_orange_50 .picto::before {
width:50px;
height:50px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -224px -2px;
}
.bgw-picto_mail_orange_53 {
padding-left:53px; /* fallback old browsers */
padding-left:calc(53px * var(--filet));
}
.bgw-picto_mail_orange_53 .picto::before {
width:53px;
height:53px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -59px -2px;
}
.bgw-picto_tel_blanc_50 {
padding-left:50px; /* fallback old browsers */
padding-left:calc(50px * var(--filet));
}
.bgw-picto_tel_blanc_50 .picto::before {
width:50px;
height:50px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -170px -2px;
}
.bgw-picto_tel_orange_39 {
padding-left:39px; /* fallback old browsers */
padding-left:calc(39px * var(--filet));
}
.bgw-picto_tel_orange_39 .picto::before {
width:39px;
height:39px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -332px -2px;
}
.bgw-picto_tel_orange_50 {
padding-left:50px; /* fallback old browsers */
padding-left:calc(50px * var(--filet));
}
.bgw-picto_tel_orange_50 .picto::before {
width:50px;
height:50px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -116px -2px;
}
.bgw-picto_tel_orange_53 {
padding-left:53px; /* fallback old browsers */
padding-left:calc(53px * var(--filet));
}
.bgw-picto_tel_orange_53 .picto::before {
width:53px;
height:53px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -2px -2px;
}
.bgw-picto_calendrier {
padding-left:25px; /* fallback old browsers */
padding-left:calc(25px * var(--filet));
}
.bgw-picto_calendrier .picto::before {
width:25px;
height:20px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -560px -2px;
}
.bgw-picto_home_orange {
padding-left:27px; /* fallback old browsers */
padding-left:calc(27px * var(--filet));
}
.bgw-picto_home_orange .picto::before {
width:27px;
height:27px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -529px -2px; }
.bgw-picto_back {
padding-left:22px; /* fallback old browsers */
padding-left:calc(22px * var(--filet));
}
.bgw-picto_back .picto::before {
width:22px;
height:33px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -472px -2px; }
.bgw-picto_burger {
padding-left:50px; /* fallback old browsers */
padding-left:calc(50px * var(--filet));
}
.bgw-picto_burger .picto::before {
width:50px;
height:33px;
background: url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -418px -2px; }
/*
*
* *** BOX-SIZING ***
*
*/
* {
overflow-wrap: break-word;
box-sizing:border-box;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
************************
********* parent theme : susty ********
************************
*/
.skip-link {
display:none;
}
/*
************************
********* APM24 ********
************************
*/
a {
text-decoration:none;
}
.clearboth {
clear:both
}
.dib {
display:inline-block;
}
.wrapper {
width:1100px;
margin:auto;
position:relative;
}
@media screen and (max-width:1100px) {
.wrapper {
width:100%;
}
}
body {
font-family: 'Montserrat-Regular';
font-size:20px;
line-height:30px;
color:#55887e;
}
main {
margin-top:-42px;
}
body.no-banner main {
margin-top:42px;
}
body.banner-ext main {
margin-top:0;
}
header {
position:relative;
z-index:1000; /* pour que le nav recouvre le haut du */
}
header .top {
position:relative;
}
header .contact {
float:right;
width:320px
}
header .contact li {
padding-top:10px;
padding-bottom:10px;
}
header .contact .telephone {
font-family:'Montserrat-Bold';
font-size: 27px;
line-height: 33px;
}
header .contact .mail {
font-family:'Montserrat-Bold';
font-size: 16px;
line-height: 20px;
}
header .contact .mail a {
color:#e98607;
}
.menu-header-container {
clear:both;
text-align:center;
font-size:15px;
line-height:42px;
font-family:'Montserrat-Bold';
text-transform: uppercase;
}
body.no-banner .menu-header-container {
margin-left: -2000px;
margin-right: -2000px;
}
body.no-banner .menu-header-container ul {
width:100%;
}
.menu-header-container ul {
display:inline-block;
background-color:rgba(255,255,255,0.8);
padding:0 13px;
}
body.no-banner .menu-header-container ul {
background-color:#f5f5f5;
}
@media screen and (min-width:901px) {
body.banner-ext .menu-header-container ul {
background:none;
}
}
.menu-header-container li {
display:inline;
}
.menu-header-container li + li::before {
content:' | ';
}
.menu-header-container a {
color:inherit;
}
.menu-header-container .current-menu-item,
.menu-header-container a:hover {
color:#e98607;
}
.menu-header-container .menu-item-home a {
display: inline-block;
width: 27px;
overflow: hidden;
height: 26px;
position: relative;
top: 5px;
}
.menu-header-container .menu-item-home a::before {
content:'';
display:inline-block;
/* background: url('img/sprites-pictos.png') -37px -4px;*/
background:url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -498px -2px no-repeat;width:27px;height:27px; }
.home .menu-header-container .menu-item-home a::before {
background:url(https://www.apm24.fr/wp-content/uploads/nusprite/a/6/e/pictos-2.png) -529px -2px no-repeat;width:27px;height:27px; }
#burger {
display:none;
position:absolute;
top: 80px;
right: 20px;
z-index: 100000;
}
@media screen and (max-width:900px) {
/* menu burger */
#burger {
display:block;
}
header .contact {
display:none;
}
.menu-header-container {
display:none;
position: absolute;
top: 114px;
right: 0;
text-align:left;
}
.burger-active .menu-header-container {
display:block;
margin:auto !important;
}
.menu-header-container ul {
display:block;
background-color: #f5f5f5;
}
.menu-header-container li {
display:block;
}
.menu-header-container li + li::before {
content:none;
}
}
#des-questions {
background-color:#e98607;
color:#fff;
padding:40px 0;
text-align:right;
}
#des-questions .logos {
background-color:#fff;
float:right;
width:340px;
margin-left:25px;
padding:15px 10px;
}
#des-questions .logos img {
display:block;
float:left;
margin:15px 10px;
}
@media screen and (max-width:420px) {
#des-questions .logos {
width:160px;
/* margin:auto;*/
}
#des-questions .logos img {
/* float:none;*/
}
}
#des-questions .text {
float:left;
position:relative;
width:735px;
height:220px;
}
#des-questions em {
text-transform:uppercase;
font-family: 'Montserrat-Bold';
font-size:24px;
margin-bottom: 15px;
display: block;
}
@media screen and (max-width:1100px) {
#des-questions {
text-align:left;
}
#des-questions .wrapper {
/*width:640px;*/
padding:0 40px;
}
#des-questions .text {
float:none;
width:auto;
height:auto;
}
#des-questions .logos {
float:none;
margin:40px 0 0 0;
}
#des-questions .logos img {
margin:0
}
}
@media screen and (max-width:640px) {
#des-questions .wrapper {
padding:0 10px;
}
}
#des-questions a {
color:inherit;
}
#des-questions a:hover {
text-decoration:underline
}
/*
*
*** BREADCRUMB ***
*
*/
.breadcrumb {
padding:12px;
margin-bottom: 55px;
font-size: 19px;
}
.breadcrumb:not(.left) {
text-align: right;
}
.wysiwyg .breadcrumb {
padding:0;
margin-bottom: 35px;
}
.breadcrumb a {
color:inherit;
text-decoration:none !important;
}
.breadcrumb a:hover {
text-decoration:underline !important;
}
.breadcrumb .back {
text-transform:uppercase;
}
.breadcrumb .back::before {
content:'< ';
}
/*
*
*** BICOLORE ***
*
*/
.bicolore {
text-align:center;
text-transform:uppercase;
font-family: 'Montserrat-Bold';
}
.big.bicolore {
font-size: 29px;
line-height: 35px;
}
.bicolore .row {
display:block;
}
.bicolore .row + .row {
color:#e98607;
}
h2.bicolore.big {
padding-top:50px;
padding-bottom:50px;
}
/*
*
*** TPL TERRES FENETRE ***
*
*/
.apm-partenaire-terres {
position:relative;
z-index:1;
width:524px;
margin:auto;
text-align:left;
}
.custom-logo-link {
position: relative;
z-index: 1;
}
.apm-partenaire-terres .partenaire {
position: absolute;
left: 125px;
top: 65px;
font-family: 'Montserrat-Italic';
font-size: 14px;
color: #e98607;
letter-spacing: 1px;
}
.apm-partenaire-terres .terres {
position:absolute;
left:320px;
bottom:10px;
}
.banner-terres-fenetre p {
text-align:center;
max-width:760px;
margin:10px auto 20px;
font-size: 16px;
line-height: 21px;
padding:0 10px;
}
header .apm-partenaire-terres {
float:left;
padding-top:6px;
}
@media screen and (max-width:640px) {
.apm-partenaire-terres {
float:none;
transform: scale(0.7);
width:100%;
left: -40px;
top:-30px;
margin-bottom:-60px;
}
.apm-partenaire-terres .terres {
display:block;
position:relative;
bottom:15px;
left:100px;
}
.banner-terres-fenetre p {
text-align:left;
}
}
/*
*
*** DIPTYQUE CONTACT ***
*
*/
.diptyque-contact {
width:735px;
margin:auto;
text-align:left;
font-family:'Montserrat-Bold';
font-size: 18px;
line-height: 24px;
}
.diptyque-contact .telephone {
float:left;
}
.diptyque-contact .mail {
float:right;
}
.diptyque-contact b {
display:block;
font-size:24px;
}
@media screen and (max-width:1100px) {
.diptyque-contact {
width:640px !important;
}
}
@media screen and (max-width:730px) {
.diptyque-contact {
width:100% !important;
}
.diptyque-contact .telephone,
.diptyque-contact .mail {
float:none;
margin:30px 0
}
}
#des-questions .diptyque-contact {
position:absolute;
left:0;
bottom:0;
width:100%;
}
@media screen and (max-width:1100px) {
#des-questions .diptyque-contact {
position:static;
margin-top: 30px;
margin-left:0;
margin-right:0;
}
}
/*
*
*** ASIDE FLORIE ***
*
*/
.florie-vous-repond {
background-color:#f5f5f5;
text-align:center;
padding:40px 10px;
}
.florie-vous-repond p {
font-size: 27px;
line-height: 40px;
margin-bottom: 35px;
}
.florie-vous-repond a {
color:inherit;
}
@media screen and (max-width:730px) {
.florie-vous-repond {
text-align:left;
}
}
/*
*
**** FOOTER ****
*
*/
footer {
background-color:#415e6c;
padding-bottom:30px;
color:#fff;
}
footer a {
color:#e98607;
}
footer .block {
float:left;
padding:20px;
}
footer .block.copyright {
width:320px;
font-size: 18px;
line-height: 24px;
}
footer .block.copyright p {
margin-bottom:20px;
}
footer .block.menu {
/* background:fuchsia;*/
width:320px;
text-transform: uppercase;
font-size: 18px;
line-height: 36px;
}
footer .block.timetable {
/* background:fuchsia;*/
width:460px;
text-align:left;
}
footer .block.timetable .title {
color:#e98607;
text-transform: uppercase;
font-size: 16px;
}
footer .block.timetable table {
width:100%;
margin-bottom: 24px;
}
footer .block.timetable p {
font-size: 16px;
margin-bottom: 5px;
}
footer .block.timetable b {
font-family:'Montserrat-Bold';
font-size: 32px;
color:#e98607;
}
@media screen and (max-width:730px) {
footer .block {
float:none;
width:100%;
}
}
@media screen and (max-width:640px) {
footer .block.timetable {
width:100%;
}
.timetable th {
font-family:'Montserrat-Bold';
}
.timetable td {
display:block;
}
.timetable td + td {
margin-bottom:20px;
}
}
/*
* BANDEAU LOGOS
* @generator https://www.toptal.com/developers/css/sprite-generator/
*/
.florie-vous-repond + .bandeau-logos {
margin-top:35px;
}
.bandeau-logos {
/* background-color:#fff;*/
text-align:center;
margin-bottom:30px;
}
.bandeau-logos li {
display:inline-block;
/*background-image:url(img/sprites-logos.png);
/* width:96px;
height:100px;*/
/*float:left;*/
}
.bg-made_in_france {
background-position:-4px -4px;
}
.bg-QB {
background-position:-108px -4px;
}
.bg-NF {
background-position:-212px -4px;
}
.bg-acotherm {
background-position:-4px -112px;
}
.bg-label_vert {
background-position:-108px -112px;
}
.bg-garantie_20_ans {
background-position:-212px -112px;
}
body.home .cycle-slideshow {
width:100%;
overflow:hidden;
margin:auto;
}
body.home .cycle-slideshow .image-wrapper {
background-color:#f5f5f5;
background-position:center center;
background-size:cover;
width:100%;
height:600px;
margin:auto;
}
TODELETE body.home .cycle-slideshow img {
display:block;
}
body.home .cycle-pager {
position:absolute;
z-index:200;
top:50%;
transform:translateY(-50%);
left:0;
width:100%;
text-align:center;
font-family: 'Montserrat-Bold';
font-size: 29px;
line-height: 17px;
text-transform:uppercase;
}
body.home .cycle-pager a {
color:#fff;
}
body.home .cycle-pager b {
display:none;
}
body.home .cycle-pager span:not(.cycle-pager-active) + span a b,
body.home .cycle-pager span.cycle-pager-active:not(:last-child) a + b {
display:inline;
}
body.home .cycle-pager span.cycle-pager-active a,
body.home .cycle-pager span.cycle-pager-active a + b {
color:#e98607
}
@media screen and (max-width:1200px) {
body.home .cycle-pager b {
display:none !important;
}
body.home .cycle-pager a {
display:block;
line-height:38px;
}
}
body.home .preamble {
text-align:center;
padding-top:45px;
}
body.home .preamble h1 {
margin-bottom:22px;
font-family: 'Montserrat-Bold';
text-transform:uppercase;
color:#e98607;
font-size: 32px;
}
body.home .preamble .bicolore {
margin-bottom: 4px;
font-size: 29px;
line-height: 40px;
}
body.home .preamble p {
font-size: 27px;
margin-bottom: 40px;
}
body.home h2 {
margin:20px 0;
text-align:center;
text-transform:uppercase;
font-family: 'Montserrat-Bold';
font-size:28px;
}
body.home h2::after {
content:'';
display:block;
width:40px;
margin:10px auto 0;
border-top:1px solid #e98607;
}
.apm24category-item {
padding:30px 0;
}
.apm24category-item:nth-child(2n+1) {
background-color:#f5f5f5;
}
.apm24category-item:nth-child(2n) {
text-align:right;
}
.apm24category-item:nth-child(2n+1) .wrapper {
padding-left:355px; /* 340+15 */
}
.apm24category-item:nth-child(2n) .wrapper {
padding-right:355px; /* 340+15 */
}
.apm24category-item .image-wrapper {
position:absolute;
top:0;
background:transparent url() right center no-repeat;
width:340px;
height:220px;
margin-bottom:20px;
}
.apm24category-item:nth-child(2n+1) .image-wrapper {
left:0;
}
.apm24category-item:nth-child(2n) .image-wrapper {
right:0;
background-position:left center;
}
.apm24category-item .text {
position:relative;
min-height:220px;
}
.apm24category-item p {
margin-bottom:24px;
}
.apm24category-item h3 {
text-transform:uppercase;
font-family: 'Montserrat-Bold';
}
.apm24category-item .en-savoir-plus {
position:absolute;
bottom:0;
display:inline-block;
text-transform:uppercase;
font-size:12px;
line-height:24px;
font-family: 'Montserrat-Bold';
color:#fff;
}
.apm24category-item:nth-child(2n+1) .en-savoir-plus {
left:0;
}
.apm24category-item:nth-child(2n) .en-savoir-plus {
right:0;
}
.apm24category-item .en-savoir-plus span {
display:inline-block;
padding:0 6px;
background-color:#415e6c;
}
.apm24category-item .en-savoir-plus span + span {
background-color:#e98607;
}
.apm24category-item .en-savoir-plus:hover span:first-child {
background-color:#fff;
color:#415e6c;
}
.apm24category-item .en-savoir-plus:hover span + span {
background-color:#fff;
color:#e98607;
}
@media screen and (max-width:720px) {
.apm24category-item .wrapper {
padding: 10px !important;
text-align:left;
}
.apm24category-item .image-wrapper {
position:static;
}
.apm24category-item p {
margin-bottom:12px;
}
.apm24category-item .en-savoir-plus {
position:static;
}
}
.home-products {
background-color:#f5f5f5;
padding:40px 0;
}
.apm24products-item-wrapper {
width:100%;
overflow:hidden;
}
.apm24products-item {
margin:auto;
width:1920px;
}
@media screen and (max-width:1919px) {
.apm24products-item {
width:960px;
}
}
@media screen and (max-width:959px) {
.apm24products-item {
width:480px;
}
}
@media screen and (max-width:479px) {
.apm24products-item {
width:100%;
}
}
.home-products a {
position:relative;
display:block;
float:left;
width:480px;
max-width:100%;
height:317px;
color:inherit;
background:#fff url() center center no-repeat;
text-align:center;
margin:0;
}
.home-products a .overlay {
/*display:none;*/
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
transition-property: opacity, left, top, height;
transition-duration: 1s, 2s;
}
.home-products a:hover .overlay {
/* display:block;*/
background-color:rgba(255,255,255,0.85);
opacity:1;
}
.home-products a .overlay span {
position:relative;
top:50%;
margin-top:-12px;
/* display:inline-block;*/
line-height:24px;
color:#fff;
background-color:#425f6d;
font-family: 'Montserrat-Bold';
padding:0 8px;
text-transform:uppercase;
}
.apm24product-items {
width:1100px;
margin:50px auto 40px;
}
.apm24product-item {
display:block;
margin:1px;
float:left;
width:218px;
height:295px;
color:inherit;
background:transparent url() center center no-repeat;
text-align:center;
font-family: 'Montserrat-Bold';
text-transform:uppercase;
}
.apm24product-item.sep {
background-color:#425f6d;
}
.apm24product-item:nth-child(5n+1) {
clear:both;
}
.apm24product-item.sep.last:nth-child(5n+1) {
display:none;
}
@media screen and (max-width:1100px) {
.apm24product-items {
width:660px;
margin-left:auto;
margin-right:auto;
}
.apm24product-item:nth-child(5n+1) {
clear:none;
}
.apm24product-item.sep.last:nth-child(5n+1) {
display:block;
}
.apm24product-item:nth-child(3n+1) {
clear:both;
}
.apm24product-item.sep.last:nth-child(3n+1) {
display:none;
}
}
@media screen and (max-width:660px) {
.apm24product-items {
width:220px;
margin-left:auto;
margin-right:auto;
}
.apm24product-item:nth-child(3n+1) {
clear:none;
}
.apm24product-item.sep.last:nth-child(3n+1) {
display:block;
}
.apm24product-item.sep.last {
display:none !important;
}
.apm24product-item {
float:none;
}
}
.apm24product-item .table {
display:table;
opacity:0;
height:100%;
width:100%;
background: rgba(255,255,255,0.85);
transition-property: opacity, left, top, height;
transition-duration: 1s, 2s;
}
.apm24product-item:hover .table {
opacity:1;
}
.apm24product-item .table .cell {
display:table-cell;
vertical-align:middle;
padding:0 10px;
color:#425f6d;
}
.apm24product-item b {
display:block;
background-color:#425f6d;
color:#fff;
/* padding:0 8px;*/
font-size:12px;
line-height:24px;
width:155px;
margin:20px auto 0;
}
.thumbnails img {
display:block;
max-width:100%;
}
#apm24product-detail {
margin-bottom:50px;
}
#apm24product-detail .text {
float:right;
width:440px;
}
#apm24product-detail .images {
float:left;
width:620px;
}
#apm24product-detail h1 {
color:#e98607;
text-transform:uppercase;
font-family: 'Montserrat-Bold';
}
#apm24product-detail h2 {
text-transform:uppercase;
font-family: 'Montserrat-Bold';
}
#apm24product-detail .images .image-wrapper + .image-wrapper {
float:left;
margin-left:2.5px;
margin-bottom:2.5px;
}
#apm24product-detail .images .image-wrapper:nth-child(3n+2) {
margin-left:0;
}
@media screen and (max-width:1110px) {
#apm24product-detail {
padding:0 10px;
}
#apm24product-detail .text {
float:none;
width:100%;
}
#apm24product-detail .images {
float:none;
width:100%;
margin-top:20px;
}
#apm24product-detail .image-wrapper {
text-align:center;
float:none !important;
clear:both !important;
}
#apm24product-detail .images img {
display:inline;
/*
*/
max-width:100%;
}
}
/*
*** CATEGORIES ***
*/
.banniere-cat {
display:table;
width:100%;
height:600px;
background:#f5f5f5 url() center top no-repeat;
text-align:center;
}
.banniere-cat .title-wrapper {
display:table-cell;
vertical-align:middle;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 1);
font-size:200%;
line-height:120%;
}
.banniere-cat .h1 {
color:#fff;
text-transform:uppercase;
font-family: 'Montserrat-Bold';
}
/*
.cat-menuiseries-interieures .banniere-cat {
background-image:url(img/banniere-cat-menuiseries-interieures-1920.png);
}
*/
/*
*** CATEGORIE ***
*/
.single-apm24category .slogan {
padding:45px 0;
}
/*
*** SOUS-CATEGORIE ***
*/
.apm24subcategories {
text-align:center;
}
@media screen and (max-width:1100px) {
.apm24subcategories {
text-align:left;
padding-left:10px;
padding-right:10px;
}
}
.apm24subcategories h2 {
text-transform:uppercase;
font-family: 'Montserrat-Bold';
color:#e98607;
font-size: 28px;
padding: 8px 0 24px;
line-height: 35px;
}
.apm24subcategory-item {
padding-top:40px;
padding-bottom:40px;
}
.apm24subcategory-banner-wrapper {
position:relative;
}
.apm24subcategory-banner-wrapper:not(.produits-connexes)::before {
content:'';
position:absolute;
left:0;
right:0;
top:45px;
height:280px;
background-color:#f5f5f5;
}
.apm24subcategory-banner-wrapper.produits-connexes {
margin-bottom:90px;
}
.apm24subcategory-banner {
position:relative;
z-index:0;
display:table;
margin:auto;
text-transform:uppercase;
font-family: 'Montserrat-Bold';
text-align:center;
line-height:14px;
}
.apm24subcategory-banner a {
display:table-cell;
vertical-align:middle;
width:220px;
height:370px;
background:transparent url() center center no-repeat;
color:#fff;
line-height:24px;
position:relative;
}
.apm24subcategory-banner a::before {
display:none;
content:'';
position:absolute;
z-index: 0;
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(255,255,255,0.8);
}
.apm24subcategory-banner a:hover::before {
display:block;
}
@media screen and (max-width:840px) {
.apm24subcategory-banner a {
display:block;
}
}
.apm24subcategory-banner a.no-bg {
background-color:#f5f5f5;
}
.apm24subcategory-banner[data-cat="menuiseries-interieures"] a {
background-image:url(img/sprite-cat-menuiseries-interieures.png);
}
.apm24subcategory-banner span {
position: relative;
z-index: 1;
background-color:#e98607;
display:table;
min-height:85px;
width:100%;
}
.apm24subcategory-banner b {
display:table-cell;
vertical-align:middle;
}
.apm24subcategory-banner a:nth-child(2n+1) span {
background-color:#425f6d;
}
.apm24subcategory-banner a[data-subcat="le-mobilier-creation-fabrication-reparation"] {
background-position:-5px -5px;
}
.apm24subcategory-banner a[data-subcat="les-placards-portes-de-placards-et-dressings-sur-mesure"] {
background-position:-235px -5px;
}
.apm24subcategory-banner a[data-subcat="les-escaliers"] {
background-position:-465px -5px;
}
.apm24subcategory-banner a[data-subcat="les-portes-interieures-et-separations-de-pieces"] {
background-position:-695px -5px;
}
.apm24subcategory-banner a[data-subcat="les-sols"] {
background-position:-925px -5px;
}
/*
*** ACTUS ***
*/
.apm24actu-items {
margin:auto;
max-width:100%;
}
.apm24actu-item {
display:block;
float:left;
width:360px;
max-width:100%;
color:inherit;
margin-bottom:40px;
margin-right:10px;
}
.apm24actu-item span {
display:block;
}
.apm24actu-item .image-wrapper {
height:250px;
background:#f5f5f5;
}
.apm24actu-item img {
max-width:100%
}
.apm24actu-item .text {
padding:6px 12px;
}
.apm24actu-item .title {
font-family:'Montserrat-Bold';
color:#e98607;
font-size: 26px;
margin-bottom:5px;
}
.apm24actu-item:hover .title {
color:#425f6d;
}
.apm24actu-item .date {
font-family:'Montserrat-Bold';
font-size: 16px;
padding-left: 32px;
margin-bottom: 18px;
}
.apm24actu-item .date::after {
position: absolute;
bottom: -12px;
left: 0;
content: '';
border: 2px solid #e98607;
display: block;
width: 34px;
}
.apm24actu-item .excerpt {
font-size: 16px;
line-height: 22px;
}
/*
@media screen and (max-width:1100px) {
.apm24actu-items {
width:730px;
}
.apm24actu-item:nth-child(3n+1) {
clear:none;
}
.apm24actu-item:nth-child(2n+1) {
clear:both;
}
body.home .apm24actu-item + a + a {
display:none
}
}
@media screen and (max-width:730px) {
.apm24actu-items {
width:360px;
}
body.home .apm24actu-item {
margin-left:0;
float:none;
}
}
*/
@media screen and (min-width:1120px) {
/* 3 colonnes */
.apm24actu-item:nth-child(3n+1) {
clear:both;
}
.apm24actu-item:nth-child(3n) {
margin-right:0;
}
}
@media screen and (min-width:750px) and (max-width:1119px) {
/* 2 colonnes */
.apm24actu-items {
width:730px;
}
.apm24actu-item:nth-child(2n+1) {
clear:both;
outline:1px solid;
}
.apm24actu-item:nth-child(2n) {
margin-right:0;
}
}
@media screen and (max-width:749px) {
/* 1 colonne */
.apm24actu-items {
width:360px;
}
.apm24actu-item {
width:100%;
float:none;
}
}
h1.wysiwyg-like,
.wysiwyg main h1 {
font-size:200%;
line-height:120%;
margin:20px 0;
}
h1.wysiwyg-like {
margin:20px 10px;
}
.wysiwyg main .date {
margin:15px 0;
}
.wysiwyg main main {
padding-bottom:40px;
}
.wysiwyg main a {
color:inherit;
text-decoration:underline;
}
.wysiwyg main h3 {
font-size:120%;
font-weight:bold;
}
.wysiwyg main a:hover {
text-decoration:none;
}
.wysiwyg main ul {
list-style:square;
padding-left:20px;
}
.wysiwyg main h2,
.wysiwyg main h3,
.wysiwyg main p,
.wysiwyg main ul {
margin:40px 0;
}
.wysiwyg main h2 {
font-size:30px;
line-height:36px;
font-weight:bold;
}
.wysiwyg main h3 {
font-size:24px;
line-height:30px;
font-weight:bold;
}
.wysiwyg main a {
text-decoration:underline;
}
.wysiwyg main a:hover {
text-decoration:none;
}
.wysiwyg main .strong,
.wysiwyg main strong {
font-weight:bold;
}
.wysiwyg main em {
font-family:work_sanslight_italic;
font-style:italic;
}
.wysiwyg main strong em,
.wysiwyg main em strong {
font-weight:bold;
font-style:italic;
}
.wysiwyg main {
padding:0 10px;
}
.wysiwyg main img {
max-width:100%;
}
.quisommesnous .preambule,
.quisommesnous .intro,
.quisommesnous .accroche {
padding-left:10px;
padding-right:10px;
}
.quisommesnous b {
font-family:'Montserrat-Bold';
}
.quisommesnous p {
margin-bottom: 30px;
}
.quisommesnous main {
text-align:center;
}
.quisommesnous .banniere {
margin-bottom:35px;
}
.quisommesnous .preambule {
background-color:#f5f5f5;
padding:35px 10px 5px;
margin:20px 0 25px;
}
.quisommesnous .preambule .wrapper {
width:960px;
max-width:100%;
}
.quisommesnous .accroche {
font-family: 'Montserrat-Bold';
text-transform:uppercase;
font-size: 32px;
padding-top: 6px;
margin-bottom: 48px;
}
.quisommesnous .accroche b {
color:#e98607;
}
.quisommesnous .blocs {
width:991px;
max-width:100%;
margin:0 auto 30px;
}
.quisommesnous .bloc {
display:block;
float:left;
width:452px;
max-width:100%;
color:#fff;
}
.quisommesnous .bloc.interieur {
margin-right:87px;
background-color:#e98607;
}
.quisommesnous .bloc.exterieur {
background-color:#425f6d;
}
.quisommesnous .bloc .texte {
display:block;
min-height:210px;
padding:17px 5px 15px;
}
.quisommesnous .bloc b {
display:block;
text-transform:uppercase;
font-size:25px;
line-height:25px;
margin-bottom:13px;
}
.quisommesnous .bloc .desc {
display:block;
font-size: 26px;
padding:0 5px;
}
.quisommesnous .bloc i {
display:block;
position:relative;
max-width:452px;
background:transparent url() left bottom no-repeat;
background-size:cover;
background-size:100% auto;
padding-bottom:62.61%; /* 1 - 283/452 */
}
.quisommesnous .bloc i .overlay {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
transition-property: opacity, left, top, height;
transition-duration: 1s, 2s;
}
.quisommesnous .bloc:hover i .overlay {
background-color:rgba(255,255,255,0.85);
opacity:1;
}
.quisommesnous .bloc i .overlay span {
position:relative;
top:46%;
/*margin-top:-12px;*/
/* display:inline-block;*/
line-height:24px;
color:#fff;
background-color:#425f6d;
font-family: 'Montserrat-Bold';
padding:0 8px;
text-transform:uppercase;
}
@media screen and (max-width:1100px) {
.quisommesnous .bloc {
float:none;
margin-left:auto !important;
margin-right:auto !important;
}
.quisommesnous .bloc.interieur {
margin-bottom:30px;
}
}
.quisommesnous .english {
margin-bottom:50px;
}
.quisommesnous .contenu {
max-width:840px;
padding:0 10px;
margin:20px auto 0;
}
.quisommesnous .contenu a {
color:#e98607;
}
.quisommesnous .contenu h2 {
margin-top:-10px;
font-family: 'Montserrat-Bold';
text-transform:uppercase;
font-size: 32px;
line-height: 38px;
margin-bottom: 30px;
color:#e98607;
}
.quisommesnous .contenu h2 em {
color: #55887e;
font-size: 45px;
padding-top: 0;
display: block;
margin: 70px 0 -33px;
}
/*
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
url('fonts/Montserrat-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Light.woff2') format('woff2'),
url('fonts/Montserrat-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
url('fonts/Montserrat-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
url('fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Thin.woff2') format('woff2'),
url('fonts/Montserrat-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
url('fonts/Montserrat-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-ThinItalic.woff2') format('woff2'),
url('fonts/Montserrat-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
url('fonts/Montserrat-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-ExtraLight.woff2') format('woff2'),
url('fonts/Montserrat-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Black.woff2') format('woff2'),
url('fonts/Montserrat-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-BlackItalic.woff2') format('woff2'),
url('fonts/Montserrat-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-LightItalic.woff2') format('woff2'),
url('fonts/Montserrat-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-MediumItalic.woff2') format('woff2'),
url('fonts/Montserrat-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
url('fonts/Montserrat-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
url('fonts/Montserrat-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
*/