/* MEDIA QUERIES */


@media not all and (min-width: 1512px) {
    :root {

        /* HEADER */

        .picto-burger{
            display: unset;
            margin-left: auto;
            margin-right: var(--wp--preset--spacing--20);
			fill: var(--wp--preset--color--primary);
			cursor: pointer;
			transition: fill .3s ease-in-out;
        }
		
		.picto-burger:hover, .picto-burger[aria-expanded="true"]{
			fill: var(--wp--preset--color--tertiary);
		}
		
		.navbar .menu .current-menu-item a,.navbar .menu a:hover{
			color: var(--wp--preset--color--white);
			text-decoration: underline;
		}

        .container-navbar .navbar{
            display: block;
			opacity: 0;
            pointer-events: none;
			transition: opacity .3s ease-in-out;
        }

        .navbar.is-open{
            opacity: 1;
            pointer-events: all;

        }

        .navbar .menu{
            flex-direction: column;
            align-items: flex-start;
            position: absolute;
            top: var(--wp--custom--wrapper--gap-6);
            right: 0;
            border-radius: 16px;
            padding: var(--wp--preset--spacing--20);
            gap: var(--wp--preset--spacing--30);
            background: #8686CE;
            text-align: left;
            text-wrap-mode: nowrap;
        }

        .navbar .menu a{
            color: var(--wp--preset--color--white);
            margin: unset;
        }

        /* FOOTER */
        
        .container-footer .footer-info {
            justify-content: space-between;
        }

        .footer-info .footer-info-localisation, .footer-info-phone, .footer-info-calendar{
            width: 25%;
        }

        /* PAGE ACCUEIL */

        .accueil.section-1 .section-1-text,
        .logiciel.section-1 .section-1-text,
        .formation.section-1 .section-1-text{
            width: 65%;
        }

        .accueil.section-1 .line-subtitle,
        .logiciel.section-1 .line-subtitle,
        .logiciel .section-4-title .line-subtitle,
        .formation.section-1 .line-subtitle{
            width: 120px;
        }

        .accueil.section-2 .section-2-text,
        .logiciel.section-2 .section-2-text,
        .formation.section-2 .section-2-text{
            width: 45%;
            margin-right: var(--wp--preset--spacing--30);
        }

        .accueil.section-4,
        .logiciel.section-5{
            margin: 0 var(--wp--preset--spacing--60);
        }

        .accueil.section-5{
            margin-bottom: var(--wp--preset--spacing--60);
        }

        .accueil.section-5 .section-5-text{
            margin-right: var(--wp--preset--spacing--30);
        }

        .section-6 .section-6-picto{
            width: unset;
        }

        /* PAGE LOGICIEL */
        
        .logiciel .section-4-block-top-right{
            width: auto;
        }

        .section-5-block-triangle figure, 
        .section-5-block-triangle .triangle-color{
            width: 75%;
        }

        /* PAGE FORMATION */

        .formation.section-4, 
        .formation.section-5{
            padding: unset;
        }

        .formation.section-4 img {
            width: 80%;
        }

        .formation.section-4 .section-4-right {
            width: 60%;
        }

        .formation.section-6{
            margin: 0 var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
        }

        .formation.section-6 .section-6-bottom {
            gap: var(--wp--preset--spacing--20);
        }

        /* PAGE HANDICAP */

        .handicap.section-2 .section-2-top, 
        .handicap.section-2 .section-2-body, 
        .handicap.section-2 .section-2-bottom {
            gap: var(--wp--preset--spacing--60);
        }

        /* PAGE FACTURATION */

        .facturation.section-3 figure,
        .facturation.section-3 .section-3-left {

            width: 100%;
        }

        /* PAGE CONTACT */

        .contact.footer-info,
        .contact.section-formulaire{
            margin: var(--wp--preset--spacing--60);
        }

    }
}

@media not all and (min-width: 1280px) {
    :root {

        /* GENERAL */
        --wp--preset--spacing--60: 60px;
        --wp--preset--font-size--h-1: 52px;
        --wp--preset--font-size--h-2: 36px;
        --wp--preset--font-size--h-3: 28px;


        /* FOOTER */

        .container-footer {
            padding: var(--wp--custom--wrapper--gap-4) var(--wp--preset--spacing--60) var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
        }

        .footer-background-secondary{
            width: 70%;
            height: 15%;
            clip-path: polygon(0% 30%, 0% 0%, 100% 70%, 100% 100%);
        }


        /* PAGE ACCUEIL */

        .accueil.section-1 figure,
        .logiciel.section-1 figure,
        .formation.section-1 figure{
            width: 55%;
        }

        .accueil.section-1 .section-1-p,
        .logiciel.section-1 .section-1-p,
        .formation.section-1 .section-1-p{
            width: 100%;
        }

        .accueil.section-2 .section-2-text,
        .logiciel.section-2 .section-2-text,
        .formation.section-2 .section-2-text{
            width: 60%;
            align-items: flex-start;
        }

        .accueil .section-3-block h3{
            width: 80%;
        }

        .accueil .section-4-left,
        .logiciel .section-5-left {
            width: 70%;
        }

        .accueil .section-4-left h2,
        .logiciel .section-5-left h2{
            overflow-wrap: break-word;
            hyphens: auto;
        }

        .accueil .section-4-right,
        .logiciel .section-5-right{
            width: 100%;
        }

        .accueil.section-5{
            margin-bottom: var(--wp--custom--wrapper--gap-7);
        }

       .accueil.section-5 .section-5-text{
            margin-right: var(--wp--preset--spacing--60);
        }

        .accueil .section-5-block-picto{
            flex-direction: column;
            padding-top: unset !important;
			margin-top : var(--wp--preset--spacing--30);
        }

        .accueil .section-5-text .wp-block-group{
            flex-direction: column;
            align-items: flex-start;
        }

        .accueil .section-5-text h2{
            margin-right: unset !important;
            margin-bottom: var(--wp--preset--spacing--30);
        }

        .accueil .section-5-block-gradient .block-gradient-3{
            height: 50%;
            clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 85% 100%);
        }

        .accueil .section-5-block-gradient .block-gradient-2{
            height: 40%;
            clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 89% 100%);
        }

        .accueil .section-5-block-picto .block-gradient-2, .accueil .section-5-block-picto .block-gradient-3{
            align-items: center;
        }

        .section-6 .section-6-text{            
            width: 65%;
        }

        /* PAGE LOGICIEL */

        .section-4-block-top{
            flex-direction: column;
            gap: var(--wp--preset--spacing--30);
            align-items: start;
        }

        .logiciel .section-4-block-top-left{
            width: 100%;
        }

        .section-5-block-triangle figure, 
        .section-5-block-triangle .triangle-color{
            width: 85%;
        }

        .section-5-block-triangle .triangle-color{
            top: var(--wp--custom--wrapper--gap-6);
        }

        /* PAGE FORMATION */ 

        .formation.section-4 figure{
            width: 45%;
        }

        .formation.section-4 img{
            width:100%;
        }

        .formation.section-4 .section-4-right{
            width: 50%;
        }
        
        .formation.section-5 .section-5-top{
            gap: var(--wp--preset--spacing--30);
        }

        .formation.section-5 .section-5-top p {
            width: 60%;
        }

        .formation.section-5 .section-5-top .section-5-top-right {
            width: unset;
        }

        .formation.section-6 {
            margin-bottom: var(--wp--custom--wrapper--gap-7);
        }

        .formation.section-6 .section-6-bottom, 
        .formation.section-6 .section-6-body{
            flex-direction: column;
            gap: var(--wp--preset--spacing--30);
        }

        .formation.section-6 .section-6-bottom .block-gradient-2, 
        .formation.section-6 .section-6-bottom .block-gradient-3 {
            width: 100%;
        }
        
        /* PAGE FACTURATION */

        .facturation.section-4{
            margin: 0 var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
        }

        /* PAGE CONTACT */

        .contact.section-formulaire figure {
            width: 95%;
        }
    }
}

@media not all and (min-width: 1024px) {
    :root {

        /* HEADER */

        .container-navbar img{
            width: 62px;
        }

        .navbar .menu{
            top: var(--wp--custom--wrapper--gap-2);
        }

        /* FOOTER */ 

        .footer-info img{
            width: 48px !important;
        }

        /* PAGE ACCUEIL */
    
        .accueil.section-1,
        .logiciel.section-1,
        .formation.section-1{
            padding-left: var(--wp--preset--spacing--30) !important;
            margin-top: calc(70px + 40px);
            height: auto;
            flex-direction: column-reverse;
        }

        .accueil.section-1 figure,
        .logiciel.section-1 figure,
        .formation.section-1 figure{
            width: 100%;
            position: unset;
        }

        .accueil.section-1 .section-1-text,
        .logiciel.section-1 .section-1-text,
        .formation.section-1 .section-1-text{
            width: 100%;
            padding-top: var(--wp--preset--spacing--30);
            padding-right: var(--wp--preset--spacing--30);
        }

        .accueil .section-1-text .wp-block-group,
        .logiciel .section-1-text .wp-block-group,
        .formation .section-1-text .wp-block-group{
            margin-bottom: var(--wp--preset--spacing--20) !important;
        }

        .accueil.section-2,
        .logiciel.section-2,
        .formation.section-2{
            padding-right: var(--wp--preset--spacing--30) !important;
            height: auto;
            flex-direction: column-reverse;
        }

        .accueil.section-2 figure,
        .logiciel.section-2 figure,
        .formation.section-2 figure{
            width: 100%;
            position: unset;
        }

        .accueil.section-2 .section-2-text,
        .logiciel.section-2 .section-2-text,
        .formation.section-2 .section-2-text{
            width: 100%;
            padding: var(--wp--preset--spacing--30) 0 0 var(--wp--preset--spacing--30);
            margin-right: unset;
        }

        .accueil.section-3{
            flex-direction: column;
            justify-content: center;
            gap: var(--wp--preset--spacing--20);
            height: 100%;
        }

        .accueil .section-3-block{
            position: relative;
            width: 100%;
            height: 300px;
        }

        .accueil .section-3-block figure{
            position: unset;
            top: unset;
            width: 100%;
            clip-path: polygon(20% 100%, 0% 0%, 80% 0%, 100% 100%);
        }

        .accueil .section-3-block h3{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50%;
        }    

        .accueil .section-3-block.section-3-block-start figure {
            clip-path: polygon(0% 100%, 0% 0%, 80% 0%, 100% 100%);
        }

        .accueil .section-3-block.section-3-block-end figure {
            clip-path: polygon(20% 100%, 0% 0%, 100% 0%, 100% 100%);
        }

        .accueil.section-4,
        .logiciel.section-5{
            flex-direction: column;
            margin: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
        }

        .accueil.section-4 .section-4-left,
        .logiciel.section-5 .section-5-left{
            width: 100%;
            margin-right: unset;
            margin-bottom: var(--wp--preset--spacing--30);
        }

        .accueil.section-5{
            margin-bottom: var(--wp--preset--spacing--30);
        }

        .accueil.section-5 .section-5-text{
            margin: 0 var(--wp--preset--spacing--30);
        }

        .accueil.section-5 .section-5-block-gradient {
            width: 20%;
        }

        .accueil .section-5-block-gradient .block-gradient-3{
            width: 90%;
        }

        .accueil.section-6{
            padding: 0 var(--wp--preset--spacing--60);
        }

        .accueil.section-6 .section-6-text{
            width: 100%;
        }

        /* PAGE LOGICIEL */ 

        .logiciel .section-4-block-bot .wp-element-button{
            text-wrap-mode: nowrap;
        }

        .logiciel.section-5{
            margin-bottom: var(--wp--preset--spacing--30) !important;
        }

        .logiciel.section-5 .section-5-left{
            flex-direction: row-reverse;
            margin-bottom: var(--wp--preset--spacing--60);
        }

        .section-5-block-triangle{
            display: none;
        }

        /*
        .section-5-block-triangle figure, 
        .section-5-block-triangle .triangle-color {
            width: 50%;
        }

        .section-5-block-triangle figure{
            top: 0;
        } 

        .section-5-block-triangle .triangle-color {
            top: var(--wp--preset--spacing--30);
        }

        */

        .logiciel.section-6{
            margin-top: unset;
        }

        /* PAGE FORMATION */

        .formation.section-3{
            flex-direction: column;
            align-items: flex-start;
            margin: 0 var(--wp--preset--spacing--30);
        }

        .formation.section-3 .section-3-text{
            width: 100%;
        }

        .formation.section-4{
            flex-direction: column;
            align-items: center;
            margin: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
            gap: var(--wp--preset--spacing--30);
        }

        .formation.section-4 figure{
            width: 100%;
        }

        .formation.section-4 .section-4-right{
            width: 100%;
        }

        .formation.section-5{
            margin: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
        }

        .formation.section-5 .section-5-top{
            flex-direction: column;
        }

        .formation.section-5 .section-5-top p {
            width: 100%;
        }

        .formation.section-5 .section-5-bottom {
            flex-direction: column;
        }


        .formation.section-5 .section-5-bottom-column {
			gap: var(--wp--custom--wrapper--gap);
            width: unset;
        }

        .formation.section-6{
            margin: 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
        }

        /* PAGE HANDICAP */

        .handicap.section-2 .section-2-body{
            flex-direction: column;
        }

        .handicap.section-2 .section-2-top, 
        .handicap.section-2 .section-2-bottom {
            flex-direction: column-reverse;
        }

        .handicap.section-2 .section-2-top p,
        .handicap.section-2 .section-2-body .section-2-body-left,
        .handicap.section-2 .section-2-bottom .section-2-bottom-right {
            width: 100%;
        }

        .handicap.section-2 figure {
            width: 100%;
            height: auto;
        }

        /* PAGE FACTURATION */

        .facturation.section-3,
        .facturation.section-4{
            flex-direction: column;
            margin-right: var(--wp--preset--spacing--30);
            margin-left: var(--wp--preset--spacing--30);
        }

        .facturation.section-3{
            flex-direction: column-reverse;

        }


        .facturation.section-4{
            align-items: flex-start;
            margin-bottom: var(--wp--custom--wrapper--gap-7);
        }

        /* PAGE CONTACT */

        .contact.section-formulaire {
            flex-direction: column-reverse;
        }
        
        .contact.footer-info, 
        .contact.section-formulaire {
            margin: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
        }

        .contact.footer-info {
            gap: var(--wp--preset--spacing--30);
        }

        .contact.section-formulaire figure {
            width: 100%;
        }

        /* POP UP FORMULAIRE */

        .popup-formulaire{
            width: 60%;
        }
    }
}

@media not all and (min-width: 768px) {
    :root {

        /* PAGE ACCUEIL */

        .accueil .section-5-block-gradient .block-gradient-3 {
            height: 35%;
            clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 70% 100%);
        }

        .accueil .section-5-block-gradient .block-gradient-2 {
            height: 30%;
            clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 78% 100%);
        }

        .accueil.section-6{
            padding: 0 var(--wp--preset--spacing--30);
        }

        /* PAGE LOGICIEL */

        .logiciel.section-4{
            margin: 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
            gap: var(--wp--preset--spacing--30);
        }

        .logiciel .section-4-title{
            align-items: start;
        }

        .logiciel .section-4-block-top-right {
            width: 100%;
            padding: var(--wp--preset--spacing--20);
        }

        .logiciel .section-4-block-top-right figure{
            margin-right: var(--wp--preset--spacing--20);
        }

        .logiciel .section-4-block-bot{
            width: 100%;
            flex-direction: column;
            text-align: center;
            gap: var(--wp--preset--spacing--20);
            padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
        }

        /*

        .logiciel .section-5-block-triangle figure{
            left: var(--wp--preset--spacing--10);
        }

        */

        /* PAGE FORMATION */

        .formation.section-3{
            align-items: center;
        }

        .handicap.section-2 .section-2-top, 
        .handicap.section-2 .section-2-body, 
        .handicap.section-2 .section-2-bottom {
            gap: var(--wp--preset--spacing--30);
        }

        /* PAGE FACTURATION */

        .facturation.section-3{
            padding: var(--wp--preset--spacing--20);
        }

        .facturation.section-4{
            margin-bottom: var(--wp--preset--spacing--30);
        }

        /* PAGE CONTACT */

        .contact.footer-info {
            padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
        }

        .contact.section-formulaire {
            gap: var(--wp--preset--spacing--30);
        }

        /* POP UP FORMULAIRE */

        .popup-formulaire{
            width: 70%;
        }

    }
}

@media not all and (min-width: 640px) {
    :root {

        /* GENERAL */
        --wp--preset--font-size--h-1: 44px;
        --wp--preset--font-size--subtitle: 20px;

        /* HEADER */

        header{
            padding: var(--wp--custom--wrapper--gap-5) var(--wp--preset--spacing--20);
        }

        .navbar .menu a {
            font-size: 24px;
            text-wrap-mode: wrap;
        }

        .container-navbar-button{
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
        }

        .container-navbar-button .button-contact{
            margin-right: unset;
        }

        .container-navbar-button .is-style-outline a{
            color: var(--wp--preset--color--white) !important;
        }

        .picto-burger {
            margin-right: unset;
        }

        /* FOOTER */

       .container-footer {
            padding: var(--wp--custom--wrapper--gap-4) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
        }

        .container-footer .footer-info{
            flex-direction: column;
            gap: var(--wp--preset--spacing--20);
        }
        
        .footer-info .footer-info-localisation, .footer-info-phone, .footer-info-calendar{
            width: 100%;
        }
        /* PAGE ACCUEIL */

        .accueil.section-1,
        .logiciel.section-1,
        .formation.section-1{
            padding-left: var(--wp--preset--spacing--20) !important;
        }

        .accueil.section-1 .section-1-text,
        .logiciel.section-1 .section-1-text,
        .formation.section-1 .section-1-text{
            padding-top: var(--wp--preset--spacing--20);
            padding-right: var(--wp--preset--spacing--20);
        }

        .accueil.section-1 .line-subtitle,
        .logiciel.section-1 .line-subtitle,
        .formation.section-1 .line-subtitle{
            width: 42px;
        }

        .accueil.section-2,
        .logiciel.section-2,
        .formation.section-2{
            padding-right: var(--wp--preset--spacing--20) !important;
        }

        .accueil.section-2 .section-2-text,
        .logiciel.section-2 .section-2-text,
        .formation.section-2 .section-2-text{
            padding-left: var(--wp--preset--spacing--20) !important;
        }

        .accueil .section-3-block h3{
            width: 60%;
        }

        .accueil.section-4 {
            margin: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
        }

        .accueil .section-4-right-block-formation{
            flex-direction: column;
            align-items: flex-start;
        }

        .accueil.section-4 .section-4-right-block-formation-logo {
            margin-right: unset;
            margin-bottom: var(--wp--custom--wrapper--gap-1);
        }

        .accueil.section-5 .section-5-block-gradient{
            display: none;
        }

        .accueil.section-5 .section-5-text{
            width: 100%;
            margin: 0 var(--wp--preset--spacing--20);
        }

        .accueil.section-6 {
            width: 80%;
            padding: unset;
            margin: 0 auto;
        }

        .accueil.section-6 .section-6-picto{
            display: none;
        }

        .swiper-icons{
            display: unset;
            margin: var(--wp--preset--spacing--30) 0;
        }

        /* PAGE LOGICIEL */

        .logiciel.section-4 {
            margin: 0 var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
        }

        .logiciel .section-4-block-top-right{
            flex-direction: column;
            align-items: start;
            gap: var(--wp--preset--spacing--20);
        }

        .logiciel.section-5{
            margin: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
        }

        .logiciel.section-5 .section-5-right .section-5-right-block-formation {
            flex-direction: column-reverse;
            align-items: start;
        }

        /*

        .section-5-block-triangle{
            display: none;
        }

        */
        /* PAGE FORMATION */

        .formation.section-3{
            margin: 0 var(--wp--preset--spacing--20);
            padding: var(--wp--preset--spacing--20);
        }


        .formation.section-3 .section-3-picto figure{
            max-width: 347px;
            width: auto;
        }

        .formation.section-4, 
        .formation.section-5,
        .formation.section-6{
            margin: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
        }

        .formation.section-4 .section-4-right-lien{
            flex-direction: column;
            align-items: flex-start;
        }

        .formation.section-6 .section-6-body-checks{
            flex-direction: column;
        }
        
        .formation.section-6 .section-6-body-check{
            width: 100%;
        }
        
        /* PAGE HANDICAP */

        .handicap.section-2{
            margin: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
        }

        /* PAGE FACTURATION */

        .facturation.section-2 .wp-block-buttons {
            margin-top: var(--wp--preset--spacing--20);
        }

        .facturation.section-3,
        .facturation.section-4{
            margin-right: var(--wp--preset--spacing--20);
            margin-left: var(--wp--preset--spacing--20);
            gap: var(--wp--preset--spacing--20);
        }

        .facturation.section-4 .section-4-right .wp-block-buttons {
            gap: var(--wp--preset--spacing--20);
        }

        /* PAGE CONTACT */

        .contact.footer-info, .contact.section-formulaire {
            margin: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
        }

        .contact.footer-info{
            flex-direction: column;
        }

        /* POP UP FORMULAIRE */

        .popup-formulaire{
            width: 80%;
            padding: var(--wp--preset--spacing--20);
        }

    }
}




/* - REPERES DEVELOPPEMENT - */
/* body.logged-in:before {
/* Valeurs à adapter selon les sites et au responsive */
/*     --nb-c: 12;
    --p: var(--wp--preset--spacing--60);
    --g: var(--wp--preset--spacing--20);

    --c: calc((100% - (var(--nb-c) - 1) * var(--g)) / var(--nb-c));

    content: '';
    position: fixed;
    top: 0;
    left: var(--p);
    height: 100%;
    width: calc(100% - 2 * var(--p));
    background-image:
        repeating-linear-gradient(90deg,
            red 0 calc(var(--c)),
            transparent calc(var(--c)) calc(var(--c) + var(--g)));
    background-size: 100%;
    opacity: 5%;
    z-index: 9;
    pointer-events: none;
} */


/* GENERAL */

.button-contact .wp-element-button{
    background: var(--wp--preset--gradient--gradient-anime-button);
    background-size: 300%;
    background-position: left;
    transition: background-position 1s ease-in-out;
}

.button-contact .wp-element-button:hover{
    background-position: right;
}

.block-gradient-2{
    background: var(--wp--preset--gradient--gradient-secondary);
}

.block-gradient-3{
    background: var(--wp--preset--gradient--gradient-tertiary);
}

.border-radius-360{
    border-radius: 360px;
}

.border-radius-18{
    border-radius: 18px;
}

.border-radius-12{
    border-radius: 12px;
}

.background-opacity-right{
    background: var(--wp--preset--gradient--gradient-opacity-right);
}

.background-opacity-left{
    background: var(--wp--preset--gradient--gradient-opacity-left);
}

.span-ancre{
    position: absolute;
    transform: translateY(-200px);
}

.button-border .wp-element-button{
    transition: all 0.2s ease-in-out;
}
.button-border-white .wp-element-button{
    transition: all 0.2s ease-in-out;
}

.button-border a {
	width: max-content;
}

.button-border .wp-element-button:hover{
    background-color: #D3D1E6 !important;

}

.button-border-white .wp-element-button:hover{
    background-color: #B9B8B8 !important;
    border-color: transparent;
}

/* ANIMATION H1 */

h1 {
  opacity: 0;
  transform: translateY(5px);
  scale: 0.995;
  animation: fadeInUp .6s ease forwards;
  animation-delay: .3s;
}

/* animation */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(5px); scale: 0.995;}
  to   { opacity: 1; transform: translateY(0); scale: 1;}
}


/* HEADER */

header{
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 10000;
    padding: var(--wp--custom--wrapper--gap-5) var(--wp--preset--spacing--60);
    background-color: var(--wp--preset--color--white);
    border-bottom: 1px solid transparent;
	box-sizing: border-box !important;
    transition: border-color .3s ease-in-out
}

header.scrolled{
    border-color: var(--wp--preset--color--primary);
}

.container-navbar {
    width: 100%;
    height: auto;
    position: relative;
}

.navbar .menu{
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar .menu a{
    font-family: var(--wp--preset--font-family--primary);
    color: var(--wp--preset--color--primary);
    text-decoration: none;
    margin: 0 var(--wp--preset--spacing--20);
}

.navbar .menu .current-menu-item a{
    color: var(--wp--preset--color--tertiary);
}

.navbar .menu a:hover{
    color: var(--wp--preset--color--tertiary);
}

.container-navbar-button .button-contact{
    margin-right: var(--wp--preset--spacing--20);
}

.picto-burger{
    display: none;
}

/* FOOTER */

footer{
    position: relative;
}

.logo-ebp {
	fill: #6C66AD;
	width: 100%;
	max-width: 184px;
}

.container-footer{
    padding: var(--wp--custom--wrapper--gap-4) var(--wp--preset--spacing--60) var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
}

.container-footer .footer-text{
    width: 100%;
    height: auto;
    margin-bottom: var(--wp--preset--spacing--30);
    text-align: center;
}

.footer-text img{
    width: 160px;
    margin-bottom: var(--wp--preset--spacing--30);
}

.container-footer .footer-info{
    width: 100%;
    margin-bottom: var(--wp--preset--spacing--30);
    text-align: center;
}

.footer-info .footer-info-localisation, .footer-info-phone, .footer-info-calendar{
    width: 15%;
    color: var(--wp--preset--color--primary);
}

.footer-info .footer-info-localisation p{
    width: 90%;
}

.footer-info .footer-info-localisation a, 
.footer-info .footer-info-phone a{
    text-decoration: none;
    color: var(--wp--preset--color--primary);

}


.container-footer .footer-logo{
    width: 184px;
}

.footer-background-primary{
    width: 100%;
    height: 98%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    clip-path: polygon(0% 100%, 0% 0%, 100% 15%, 100% 100%);
    background-color: var(--wp--preset--color--secondary);
}

.footer-background-secondary{
    width: 50%;
    height: 12%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0% 40%, 0% 0%, 100% 60%, 100% 100%);
    background-color: var(--wp--preset--color--tertiary);
}

body .netdev-footer{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}

body .netdev-footer .netdev-footer-content .netdev-footer-text a{
    color: var(--wp--preset--color--white);
    opacity: unset;
}

body .netdev-footer .logo{
    fill: var(--wp--preset--color--white);
    opacity: unset;
}

/* PAGE ACCUEIL */

.accueil.section-1,
.logiciel.section-1,
.formation.section-1{
    position: relative;
    height: 100vh;
    margin-top: var(--wp--custom--wrapper--gap-2);
}

.accueil.section-1 .section-1-text,
.logiciel.section-1 .section-1-text,
.formation.section-1 .section-1-text{
    width: 45%;
}

.accueil.section-1 .section-1-p,
.logiciel.section-1 .section-1-p{ 
    width: 50%;
}

.accueil.section-1 figure,
.logiciel.section-1 figure,
.formation.section-1 figure{
    position: absolute;
    z-index: -10;
    height: 100%;
    width: 75%;
    top: 0;
    right: 0;
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}

.accueil.section-1 figure img,
.logiciel.section-1 figure img,
.formation.section-1 figure img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.accueil.section-1 figure::after,
.logiciel.section-1 figure::after,
.formation.section-1 figure::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--wp--preset--gradient--gradient-opacity-right);
}

.has-subtitle-font-size{
    font-weight: 300;
}
.accueil.section-1 .line-subtitle,
.logiciel.section-1 .line-subtitle,
.logiciel .section-4-title .line-subtitle,
.formation.section-1 .line-subtitle{
    width: 163px;
    height: 6px;
    background: var(--wp--preset--gradient--gradient-tertiary);
    border-top: none;
    border-radius: 360px;
    margin-right: var(--wp--custom--wrapper--gap-1);
}

.accueil.section-2,
.logiciel.section-2,
.formation.section-2{
    height: 90vh;
    position: relative;
}

.accueil.section-2 figure,
.logiciel.section-2 figure,
.formation.section-2 figure{
    position: absolute;
    z-index: -10;
    height: 100%;
    width: 60%;
    top: 0;
    left: 0;
    clip-path: polygon(0% 100%, 0% 0%, 65% 0%, 100% 100%);
}

.accueil.section-2 figure::after,
.logiciel.section-2 figure::after,
.formation.section-2 figure::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--wp--preset--gradient--gradient-opacity-left);
}

.accueil.section-2 figure img,
.logiciel.section-2 figure img,
.formation.section-2 figure img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.accueil.section-2 .section-2-text,
.logiciel.section-2 .section-2-text,
.formation.section-2 .section-2-text{
    width: 30%;
    margin-right: var(--wp--custom--wrapper--gap-4);
}

.accueil.section-3{
    position: relative;
    --hover-scale: 1;
    --other-scale: calc(1 - (var(--hover-scale) - 1) / 3);
    }

.accueil.section-3:hover{
    --hover-scale: 1.10;
}

.accueil .section-3-block{
    width: 33%;
    height: 100%;
}

.accueil .section-3-block figure::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--wp--preset--color--dark);
    opacity: 60%;
}

.accueil .section-3-block h3{
    z-index: 1000;
    width: 60%;
    text-align: center;
    pointer-events: none;
}

.accueil .section-3-block figure{
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 30%;
    clip-path: polygon(15% 100%, 0% 0%, 85% 0%, 100% 100%);
    pointer-events: none;
    transform-origin: center center;
    transform: scaleX(1);
    transition: all 0.2s ease-in-out ;
}

.accueil .section-3-block figure:hover{
   background: var(--wp--preset--color--dark);
   transform: scaleX(var(--hover-scale));
   z-index: 100;
}

.accueil.section-3:hover figure:not(:hover){
  transform: scaleX(var(--other-scale));
}

.accueil .section-3-block figure:hover img{
    opacity: 0;
}

.accueil .section-3-block figure a{
    height: 100%;
    pointer-events: all;
}

.accueil .section-3-block figure img{
    height: 100%;
    object-fit: cover;
    transition: all 0.2s ease-in-out ;
}

.accueil .section-3-block.section-3-block-start figure{
    clip-path: polygon(0% 100%, 0% 0%, 85% 0%, 100% 100%);
    left: 0;
}

.accueil .section-3-block.section-3-block-end figure{
    clip-path: polygon(15% 100%, 0% 0%, 100% 0%, 100% 100%);
    right: 0;
}

.accueil.section-4,
.logiciel.section-5{
    margin: 0 var(--wp--custom--wrapper--gap-4);
}

.accueil .section-4-left{
    width: 100%;
}

.accueil.section-4 .section-4-left,
.logiciel.section-5 .section-5-left{
    margin-right: var(--wp--preset--spacing--60);
}

.accueil.section-4 .section-4-right .section-4-right-block,
.logiciel.section-5 .section-5-right .section-5-right-block{
    margin-bottom: var(--wp--custom--wrapper--gap-1);
}

.accueil.section-4 .section-4-right-block-formation-logo,
.logiciel.section-5 .section-5-right-block-formation-logo{

    margin-right: var(--wp--custom--wrapper--gap-1);
}

.accueil.section-4 .section-4-right-block-formation-logo img,
.logiciel.section-5 .section-5-right-block-formation-logo img{
    width: 173px;
}

.accueil.section-4 .section-4-right-block-formation-logo a,
.logiciel.section-5 .section-5-right-block-formation-logo a{
    text-wrap-mode: nowrap;
}

.accueil.section-4 .section-4-right-block-formation-picto,
.logiciel.section-5 .section-5-right-block-formation-picto{
    margin-right: var(--wp--custom--wrapper--gap);
}

.accueil.section-5{
    height: auto;
    margin-bottom: var(--wp--custom--wrapper--gap-3);
}

.accueil.section-5 .section-5-text{
    width: 60%;
    margin: 0 var(--wp--preset--spacing--60);
}

.accueil.section-5 .section-5-block-gradient{
    width: 35%;
    align-self:stretch;
    position: relative;
}

.accueil .section-5-block-gradient .block-gradient-3{
    width: 95%;
    height: 100%;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 70% 100%);
}

.accueil .section-5-block-gradient .block-gradient-2{
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 78% 100%);
}

.accueil .section-5-block-picto{
    width: 100%;
    color: var(--wp--preset--color--white);
    gap: var(--wp--preset--spacing--30);
}

.accueil .section-5-block-picto .block-gradient-2, 
.accueil .section-5-block-picto .block-gradient-3{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: transparent;
    position: relative;
}

.accueil .section-5-block-picto .block-gradient-2::before,
.formation.section-6 .section-6-bottom .block-gradient-2::before{
    opacity: 1;
    background: var(--wp--preset--gradient--gradient-secondary);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-radius: 12px;
    z-index: -1;
    transition: opacity .3s ease-in-out;
}

.accueil .section-5-block-picto .block-gradient-3::before,
.formation.section-6 .section-6-bottom .block-gradient-3::before{
    opacity: 1;
    background: var(--wp--preset--gradient--gradient-tertiary);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-radius: 12px;
    z-index: -1;
    transition: opacity .3s ease-in-out;
}

.accueil .section-5-block-picto .block-gradient-2::after,
.accueil .section-5-block-picto .block-gradient-3::after,
.formation.section-6 .section-6-bottom .block-gradient-2::after,
.formation.section-6 .section-6-bottom .block-gradient-3::after{
    background: var(--wp--preset--color--dark);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-radius: 12px;
    z-index: -2;
}


.accueil .section-5-block-picto .block-gradient-2:hover::before, 
.accueil .section-5-block-picto .block-gradient-3:hover::before,
.formation.section-6 .section-6-bottom .block-gradient-2:hover::before,
.formation.section-6 .section-6-bottom .block-gradient-3:hover::before{
    opacity: 0 !important;
}


.accueil .section-5-block-picto .block-gradient-2, 
.accueil .section-5-block-picto .block-gradient-3{
    color: var(--wp--preset--color--white);
    text-decoration: none;
}


.section-6 .section-6-text{
    width: 50%;
    text-align: center;
}

.section-6 .section-6-picto{
    width: 40%;
}

.section-6 .section-6-picto .logo-fci{
    margin: 0 var(--wp--custom--wrapper--gap-2);
}

.swiper-icons{
    display: none;
    width: 100%;
    overflow: hidden;
}

.swiper-icons .swiper-wrapper{
    align-items: center;
}

.swiper-icons a{
    width: fit-content;
}

.swiper-icons .wp-image-58{
    width: 100px !important;
}

.swiper-icons .wp-image-72{
    width: 260px !important;
}

.swiper-icons .wp-image-57{
    width: 240px !important;
}

/* PAGE LOGICIEL EBP */


.logiciel.section-2 .button-contact{
    margin-top: var(--wp--preset--spacing--20);
}

.logiciel.section-3{
    margin: var(--wp--preset--spacing--60);
    gap: var(--wp--preset--spacing--20);
    height: auto;
    flex-wrap: wrap;
}

.logiciel.section-3 .section-3-picto{
    width: 200px;
    height: 150px;
    border: solid 2px;
    padding: var(--wp--preset--spacing--20);
    text-align: center;
}

.logiciel.section-3 .border-primary{
    border-color: var(--wp--preset--color--primary);
}

.logiciel.section-3 .border-secondary{
    border-color: var(--wp--preset--color--tertiary);
}

.logiciel.section-4{
    margin: 0 var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
    gap: var(--wp--preset--spacing--60);
}

.logiciel .section-4-title .line-subtitle {
    margin-right: unset;
    margin-bottom: unset !important;

}

.logiciel .section-4-block-top-left{
    width: 35%;
}

.logiciel .section-4-block-top-left h3{
    margin-bottom: var(--wp--preset--spacing--20);
}

.logiciel .section-4-block-top-right{
    width: 40%;
    padding: var(--wp--preset--spacing--30);
    background-color: var(--wp--preset--color--grey);
}

.logiciel .section-4-block-top-right figure{
    width: 100%;
	max-width: 191px;
    margin-right: var(--wp--preset--spacing--30);
}

.logiciel .section-4-block-top-right figure a{
    width: 100%;
}

.logiciel .section-4-block-top-right-button{
    gap: var(--wp--preset--spacing--30);
}

.logiciel .section-4-block-top-right-button .wp-element-button{
    margin-top: var(--wp--preset--spacing--20);
    background-color: transparent;
    border: solid 1px;
    border-color: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--dark);
}

.logiciel .section-4-block-bot{
    margin-top: var(--wp--preset--spacing--30);
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
    border: solid 1px;
    border-color: var(--wp--preset--color--dark);
    gap: var(--wp--preset--spacing--30);
}

.section-5-left{
    align-self: stretch;
    flex-wrap: nowrap;
}

.section-5-block-triangle{
    margin-top: var(--wp--preset--spacing--30);
    position: relative;
    width: 100%;
}

.section-5-block-triangle figure, 
.section-5-block-triangle .triangle-color{
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
        position: absolute;
        top: var(--wp--preset--spacing--30);
        left: var(--wp--preset--spacing--20);
        height: auto;
        width: 70%;
        aspect-ratio: 381 / 706;
}

.section-5-block-triangle img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-5-block-triangle .triangle-color{
    background: var(--wp--preset--color--tertiary);
    top: var(--wp--preset--spacing--60);
    left: 0;
    z-index: -1;
}

.logiciel.section-6{
    margin-top: var(--wp--custom--wrapper--gap-3);
}

/* PAGE FORMATION */

.formation.section-3{
    width: auto;
    margin: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--60);
    border: solid 1px;
    border-color: var(--wp--preset--color--dark);
    padding: var(--wp--preset--spacing--30);
}

.formation.section-3 .section-3-text{
    width: 70%;
}

.formation.section-3 .section-3-text h2{
    margin-bottom: var(--wp--preset--spacing--20);
}

.formation.section-3 .section-3-picto figure{
    width: 347px;
}

.formation.section-3 .section-3-picto img{
    width: 100%;
}

.formation.section-4{
    width: auto;
    margin: var(--wp--preset--spacing--60);
    padding: 0 var(--wp--preset--spacing--60);
    justify-content: space-between;
    align-items: flex-start;
}

.formation.section-4 img{
    width: 75%;
    border-radius: 18px;
}

.formation.section-4 .section-4-right{
    width: 55%;
    gap: var(--wp--preset--spacing--20);
}

.formation.section-4 .section-4-right .button-handicap .wp-block-button__link{
    background-color: color-mix(in srgb, var(--wp--preset--color--primary) 70%, transparent);
    transition: background-color 0.2s ease-in-out;
}

.formation.section-4 .section-4-right .button-formation .wp-block-button__link{
    background-color: color-mix(in srgb, var(--wp--preset--color--tertiary) 70%, transparent);
    transition: background-color 0.2s ease-in-out;
}

.formation.section-4 .section-4-right .button-opco .wp-block-button__link{
    background-color: color-mix(in srgb, var(--wp--preset--color--dark) 70%, transparent);
    transition: background-color 0.2s ease-in-out;
}

.formation.section-4 .section-4-right-lien{
    gap: var(--wp--preset--spacing--20);
}

.formation.section-4 .section-4-right-lien a{
    text-decoration: none;
    color: var(--wp--preset--color--dark);
}

.formation.section-4 .section-4-right-lien p{
    border-bottom: 1px solid var(--wp--preset--color--dark);
    opacity: 0.6;
    transition: all 0.2s ease-in-out;
}

.formation.section-4 .section-4-right-lien p:hover,
.formation.section-4 .section-4-right-lien a:hover{
    border: transparent;
    opacity: 1;
    color: var(--wp--preset--color--tertiary);
    cursor: pointer;
}

.formation.section-5{
    margin: 0 var(--wp--preset--spacing--60) var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
    padding: 0 var(--wp--preset--spacing--60);
    gap: var(--wp--preset--spacing--30);
}

.formation.section-5 .section-5-top{
    height: 100%;
    width: 100%;
}
.formation.section-5 .section-5-top .section-5-top-right{
    align-items: flex-end;
    width: 40%;
    height: 100%;
    gap: var(--wp--preset--spacing--20);
}

.formation.section-5 .section-5-top .section-5-top-right .typo-100{
    font-size: 100px;
    line-height: 0.8 !important;
}

.formation.section-5 .section-5-top p{
    width: 45%;
}


.formation.section-5 .section-5-top .section-5-top-right p{
    width: 100%;
}

.formation.section-5 .section-5-bottom{
    gap: var(--wp--preset--spacing--30);
}

.formation.section-5 .section-5-bottom-column{
    gap: var(--wp--preset--spacing--30);
    width: 33%;
}

.formation.section-5 .column-organisation, 
.formation.section-5 .column-contenu, 
.formation.section-5 .column-animation{
    gap: var(--wp--preset--spacing--20);
    width: 100%;
}

.formation.section-5 .column-ts, 
.formation.section-5 .column-s{
    width: 100%;
    gap: 8px;
}

.formation.section-5 .column-ts-percentage, 
.formation.section-5 .column-s-percentage{
    background-color: var(--wp--preset--color--primary);
    border-radius: 4px;
    padding: 4px 8px;
    color: var(--wp--preset--color--white);
    width: 100%;
    text-align: end;
}

.formation.section-5 .column-organisation .column-ts-percentage{
    width: 87%;
} 

.formation.section-5 .column-contenu .column-ts-percentage{
    width: 76%;
}

.formation.section-5 .column-animation .column-ts-percentage{
    width: 52%;
}

.formation.section-5 .column-organisation .column-s-percentage{
    width: 13%;
} 

.formation.section-5 .column-contenu .column-s-percentage{
    width: 24%;
}

.formation.section-5 .column-animation .column-s-percentage{
    width: 43%;
}

.formation.section-6{
    margin: 0 var(--wp--custom--wrapper--gap-4) var(--wp--custom--wrapper--gap-3) var(--wp--custom--wrapper--gap-4);
}

.formation.section-6 .section-6-top{
    width: 100%;
    padding: var(--wp--preset--spacing--30);
    gap: var(--wp--preset--spacing--20);
    margin-bottom: var(--wp--preset--spacing--60);
    text-align: center;
    text-wrap-style: pretty;
}

.formation.section-6 .section-6-body, 
.formation.section-6 .section-6-body-right, 
.formation.section-6 .section-6-bottom{
    gap: var(--wp--preset--spacing--30);
}

.formation.section-6 .section-6-body-checks{
    gap: var(--wp--preset--spacing--20);
    width: 100%;
}

.formation.section-6 .section-6-body-check{
    width: 33%;
    padding: var(--wp--preset--spacing--20);
    gap: 4px;
    border: solid;
}

.formation.section-6 .section-6-bottom{
    width: 100%;
    margin-top: var(--wp--preset--spacing--40);
}

.formation.section-6 .section-6-bottom .block-gradient-2,
.formation.section-6 .section-6-bottom .block-gradient-3{
    width: 50%;
    padding: var(--wp--preset--spacing--20);
    gap: 4px;
    text-align: center;
    text-wrap-style: pretty;
    text-decoration: none;
    background: transparent;
    position: relative;
}

/* PAGE HANDICAP */

.handicap.section-2{
    margin: var(--wp--preset--spacing--60);
    gap: var(--wp--preset--spacing--60);
}

.handicap.section-2 .section-2-top,
.handicap.section-2 .section-2-body,
.handicap.section-2 .section-2-bottom{
    width: 100%;
    gap: var(--wp--custom--wrapper--gap-3);
}

.handicap.section-2 figure{
    width: 535px;
    height: 378px;
}

.handicap.section-2 img{
    border-radius: 18px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.handicap.section-2 .section-2-top p, 
.handicap.section-2 .section-2-body .section-2-body-left,
.handicap.section-2 .section-2-bottom .section-2-bottom-right{
    width: 60%;
}

.section-2-bottom-right p,
.section-2-bottom-right h2{
    width: 100%;
}

.handicap.section-2 .section-2-body .section-2-body-left,
.handicap.section-2 .section-2-bottom .section-2-bottom-right{
    gap: var(--wp--preset--spacing--20);
}

.handicap.section-2 .section-2-bottom .section-2-lien{
    border: solid 2px var(--wp--preset--color--tertiary);
    border-radius: 12px;
    padding: var(--wp--preset--spacing--20);
    width: 100%;
    color: var(--wp--preset--color--primary);
    box-sizing: border-box;
}

.handicap.section-2 .section-2-bottom .section-2-lien .lien-surlign{
    text-decoration-line: underline;
	color: var(--wp--preset--color--primary) !important;
}

.handicap.section-2 .section-2-body .section-2-body-left .list-disc {
	padding-left: 20px;
	list-style: disc;
}

.handicap.section-2 .section-2-body .section-2-body-left .list-disc li {
	padding-left: 10px;
}

/* PAGE FACTURATION ELECTRONIQUE */ 

.facturation.section-2{
    margin-bottom: unset;
}

.facturation.section-2 .wp-block-buttons{
    align-self: flex-start;
    margin-top: var(--wp--preset--spacing--30);
}

.facturation.section-3{
    margin: var(--wp--preset--spacing--60);
    padding: var(--wp--preset--spacing--30);
    border: solid 1px var(--wp--preset--color--dark);
    gap: var(--wp--preset--spacing--30);
}

.facturation.section-3 .section-3-left{
    gap: var(--wp--preset--spacing--20);
}

.facturation.section-3 .wp-element-button{
    border: solid 1px var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

.facturation.section-3 figure{
    width: 80%;
}

.facturation.section-3 img{
    border-radius: 18px;
    width: 100%;
}

.facturation.section-4{
    margin: var(--wp--custom--wrapper--gap-3) var(--wp--custom--wrapper--gap-4) var(--wp--custom--wrapper--gap-3) var(--wp--custom--wrapper--gap-4);
    gap: var(--wp--preset--spacing--30);
}

.facturation.section-4 .section-4-right{
    gap: var(--wp--preset--spacing--20);
}

.facturation.section-4 .section-4-right .wp-block-buttons{
    gap: var(--wp--preset--spacing--30);
}

.facturation .section-4-right .is-style-outline .wp-element-button{
    border: solid 1px var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

/* PAGE CONTACT */ 

.contact.section-1{
    height: 60vh;
}

.contact.footer-info{
    border: solid 1px var(--wp--preset--color--dark);
    border-radius: 18px;
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
    margin: var(--wp--preset--spacing--30) var(--wp--custom--wrapper--gap-4) var(--wp--preset--spacing--60) var(--wp--custom--wrapper--gap-4);
    gap: var(--wp--custom--wrapper--gap-2);
}

.contact.footer-info .footer-info-localisation,
.contact.footer-info .footer-info-phone,
.contact.footer-info .footer-info-calendar{
    text-align: center;
    width: 100%;
}

.contact.footer-info .footer-info-phone {
    margin: unset;
}

.contact.section-formulaire{
    margin: var(--wp--preset--spacing--60) var(--wp--custom--wrapper--gap-4);
    gap: var(--wp--preset--spacing--40);
}

.contact.section-formulaire figure{
    width: 70%;
}

.contact.section-formulaire img{
    border-radius: 18px;
}

.contact.section-formulaire .formulaire{
    gap: var(--wp--preset--spacing--10);
}

.contact.section-formulaire .formulaire .wpforms-container{
    margin-top: unset;
}

.contact.section-formulaire .formulaire .wpforms-field-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--10);
    width: 100%;
}

.contact.section-formulaire .formulaire .wpforms-field{
    padding: unset;
    width: 100%;
}

.contact.section-formulaire .formulaire .wpforms-field-label{
    margin-bottom: var(--wp--custom--wrapper--gap-5);
    font-family: var(--wp--preset--font-family--primary);
    font-weight: 400;
}

.contact.section-formulaire .formulaire .wpforms-field-large{
    border-radius: var(--wp--custom--wrapper--gap-5);
    padding: var(--wp--custom--wrapper--gap) var(--wp--preset--spacing--10);
}

.contact.section-formulaire .formulaire .wpforms-submit{
    background: var(--wp--preset--gradient--gradient-primary);
    border-radius: 360px;
    padding: 12px 24px;
}

.map-contact {
	overflow: hidden;
}

.map-contact > a{
 display: none;
}

/* POP UP FORMULAIRE */

.popup-formulaire{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--wp--preset--color--dark);
    border-radius: 18px;
    color: var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--60);
    gap: 26px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 640px;
    line-height: 1.2;
    text-align: center;
    z-index: 10000;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
}

.popup-formulaire .title-popup{
    font-size: var(--wp--preset--font-size--h-2);
    font-weight: 700;
}

.popup-formulaire .button-popup{
    background: var(--wp--preset--gradient--gradient-primary);
    color: var(--wp--preset--color--white);
    border-radius: 360px;
    padding: 12px 24px;
    border: none;
    font-family: var(--wp--preset--font-family--primary);
    font-weight: 600;
    cursor: pointer;
}

.popup-formulaire.active{
    opacity: 1;
    pointer-events: all;
}