
:root {
  --cl-blanc:#fff;
  --cl-gris:#f9f9f9;
  --cl-jaune:#FFD000;
  --cl-bleu:#203478;
  --cl-noir:#000;
  --container-width:1170px;
  --container-padding:0 30px;
}

* {
    box-sizing:border-box;
    margin:0;
    padding:0;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    line-height:1.2;
}

.overflow-container{width:100vw; overflow:hidden;}

/* Bascule sur éditeur Gutenberb */
.has-blanc-background-color{background-color:var(--cl-blanc);}
.has-gris-background-color{background-color:var(--cl-gris);}
.has-jaune-background-color{background-color:var(--cl-jaune);}
.has-bleu-background-color{background-color:var(--cl-bleu);}
.has-noir-background-color{background-color:var(--cl-noir);}

.has-blanc-color{color:var(--cl-blanc);}
.has-gris-color{color:var(--cl-gris);}
.has-jaune-color{color:var(--cl-jaune);}
.has-bleu-color{color:var(--cl-bleu);}
.has-noir-color{color:var(--cl-noir);}

mark{background-color:transparent;}

p{margin-bottom:10px;}

.overflow-container{width:100vw; overflow:hidden;}

.only-mobile{display:none;}

body{font-size:16px; font-family:"Montserrat", sans-serif; font-weight:400; color:var(--cl-noir); margin:0; background-color:var(--cl-blanc); }

strong, b{font-weight:900;}

.container{width:var(--container-width); max-width:100%; margin:0 auto; padding:var(--container-padding);}

/* Titre */
h1, h2, h3{text-transform:uppercase;}
h1{font-size:220%; margin:30px 0 10px;}
h2{font-size:150%; margin:20px 0 10px;}
h3{font-size:130%; margin:15px 0 10px;}

/* Textes */
p.has-small-font-size{font-size:80% !important;}
p.has-xlarge-font-size{font-size:130% !important;}
p.has-xxlarge-font-size{font-size:150% !important;}
p.has-xxxlarge-font-size{font-size:180% !important;}

/* Liste */
ul{padding-left:20px;}
ul li{margin-bottom:10px;}
ul li::marker{color:var(--cl-jaune)}
.has-bleu-color li::marker{color:var(--cl-bleu)}

/* Liens */
a{color:var(--cl-bleu); text-decoration:none;}
a:hover{text-decoration:underline;}

/* Group */
.wp-block-group:not(.alignwide):not(.alignfull){border-radius:20px;}
.wp-block-group.alignwide .wp-block-group__inner-container{width:var(--container-width); max-width:100%; margin:0 auto; padding:var(--container-padding);}
.wp-block-group.alignwide .wp-block-group{max-width:100%;}
.wp-block-group.alignwide .wp-block-group .wp-block-group > .wp-block-group__inner-container{width:max-content;}

.wp-block-group.has-background{padding:20px;}

.wp-block-group.has-background.big-marge{padding:50px 100px;}

.wp-block-group-is-layout-flex.is-content-justification-space-between{display:flex; justify-content:space-between;}


/* Bannière */
.wp-block-cover.alignwide .wp-block-cover__inner-container{width:var(--container-width); max-width:100%; margin:0 auto; padding:var(--container-padding);}
.wp-block-cover, .wp-block-cover-image{min-height:inherit;}
.alignfull:not(.wp-block-image), .alignwide:not(.wp-block-image){margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}



/* Images */
.wp-block-image:not(.logo):not(.legal) img{border-radius:20px;}

.wp-block-image.alignfull, .wp-block-image.alignwide{width:100%}
.wp-block-image img{object-fit:contain;}

.wp-block-image.cover{height:100%;}
.wp-block-image.cover img{height:100%; width:100%; object-fit:cover;}
.wp-block-image.cover.right img{object-position:right;}


.marg0{margin:0;}
.margt0{margin-top:0;}

/* Columns */
.wp-block-columns{gap:8rem;}
.wp-block-column.is-vertically-aligned-stretch{display:flex; flex-direction:column; justify-content:space-between;}

/* Form */
form{display:flex; gap:1rem; flex-direction:column;}
form input{padding:12px; border-radius:5px; background-color:var(--cl-blanc); color:var(--cl-bleu); border:none;}
form input[type="checkbox"]{width:20px; margin-right:10px;}
form button{background-color:var(--cl-jaune); border:1px solid var(--cl-jaune); padding:20px 15px; border-radius:5px; font-size:120%; color:var(--cl-blanc); outline:none;}
form button[disabled]{opacity:0.5; cursor:not-allowed}
form button:not([disabled]):focus, form button:not([disabled]):hover, form button.loading{background-color:var(--cl-bleu); border-color:var(--cl-blanc);}
form button i{margin-right:10px;}
.terms{display:flex; gap:.4rem; align-items:flex-start; font-size:80%;}

form .alert{width:100%; padding:15px; gap:1rem; position:relative; border-left:8px solid #bababa; border-left-color:rgb(186, 186, 186); background:#ededed; color:#a1a1a1; border-radius:4px; display:flex; justify-content:flex-start; align-items:flex-start; font-weight:bold;}
form .alert.success{border-color:#2ed573; background:#c3f3d7; color:#23ad5c;}
form .alert.failed{background:#ffe0e3; border-color:#ff4858; color:#ff4858;}


/* Boutons */
.wp-block-button__link.has-jaune-background-color:hover{background-color:var(--cl-bleu)}
.wp-block-button a:hover{text-decoration:none;}
.wp-block-button.is-style-outline:hover a{background-color:var(--cl-blanc); color:var(--cl-bleu)}

/* Spécifique */
.tel.wp-block-button a{border-radius:8px;}
.tel.wp-block-button a:before{content:"\f095"; font-family:"Font Awesome 6 Free"; font-weight:bold; margin-right:8px;}
.tel.wp-block-button:hover a{background-color:var(--cl-bleu)}

p.tel:before{content:"\f095"; font-family:"Font Awesome 6 Free"; font-weight:bold; margin-right:8px;}

/* Patterns */
.corner-top-left, .corner-bottom-right{position:relative;}
.corner-top-left:before{content:""; position:absolute; inset:0; background:url(../images/corn-tp-left.svg) scroll no-repeat left top; height:30px; width:30px;}
.corner-bottom-right:after{content:""; position:absolute; inset:auto 0 0 auto; background:url(../images/corn-btm-rght.svg) scroll no-repeat right bottom; height:30px; width:30px;}

.wp-block-heading.corner-top-left{padding-top:15px; padding-left:30px;}
.wp-block-group.corner-top-left:not(.alignwide):not(.alignfull){padding-top:15px; padding-left:30px;}
.wp-block-heading.corner-bottom-right{width:max-content; max-width:100%; padding-bottom:15px; padding-right:30px;}


@media all and (max-width:1399px){
    :root {
        --container-width:1280px;
    }
}

@media all and (max-width:1199px){
    :root {
        --container-padding:0 15px;
    }
    .wp-block-columns{gap:6rem;}

    .wp-block-group.has-background{padding:15px;}
    .wp-block-group.pad20{padding:20px !important;}
    .wp-block-group.has-background.alignwide .wp-block-group__inner-container, .wp-block-group.has-background.alignfull .wp-block-group__inner-container{padding:0;}
}

@media all and (max-width:781px){
    body{font-size:80%;}

    .wp-block-columns{gap:2rem;}

    .wp-block-columns.colonnes-mobile-collees{gap:0 !important;}
    .wp-block-columns.colonnes-mobile-inversees .wp-block-column:first-child{order:2;}
    .wp-block-columns.colonnes-mobile-inversees .wp-block-column:last-child{order:1;}

    .only-mobile{display:block;}
    .only-desktop{display:none;}

    .mobile-center, .mobile-center *{text-align:center;}
    .mobile-center .wp-block-image, .mobile-center img{margin:0 auto;}

    .wp-block-column .wp-block-spacer:last-child{display:none;}
    .wp-block-heading + .wp-block-spacer:not(.no-reduction){max-height:10px;}

    .wp-block-spacer{max-height:40px;}

    .wp-block-group.has-background.big-marge{padding:30px 50px;}

}

@media all and (max-width:600px){

    .wp-block-image.logo img{max-height:40px;}

    .wp-block-cover, .wp-block-cover-image{padding:0;}

    .wp-block-group.has-background.big-marge{padding:20px;}
    .wp-block-group.has-background.big-marge br{display:none;}
    .wp-block-group.has-background.big-marge .wp-block-button a{padding-inline:45px;}

    h1{font-size:160%;}
    h2{font-size:120%;}
    h3{font-size:110%;}

    form button{padding:10px;}

    /* Textes */
    p.has-large-font-size{font-size:100% !important;}
    p.has-xlarge-font-size{font-size:100% !important;}
    p.has-xxlarge-font-size{font-size:110% !important;}
    p.has-xxxlarge-font-size{font-size:115% !important;}

}

@media all and (max-width:360px){
    body{font-size:90%;}
    .wp-block-buttons .wp-block-button__link{font-size:90%;}

}