/* -------------------------- ALL -------------------------- */

.template2{
    padding-top: 180px;
}

@media (max-width: 992px){
    .template2{
        padding-top: 110px;
    }
}

.template2 .nomPageParent{
    padding: 0px 10% 0px 10%;
}

.template2 .section{
    display: flex;
    gap: 85px;
    align-items: center;
    padding: 0px 13% 80px 13%;
}

.template2 .section > div,
.template2 .section > figcaption{
    max-width: 50%;
}

.template2 .section .titre{
    margin-bottom: 13px;
}

.page-447 .section1 .goldenTitle strong{
    word-break: break-all;
}

.page-141 .section1 .goldenTitle strong{
    word-break: break-all;
}

@media (max-width: 1600px){
    .template2 .section .titre,
    .template2 .section .titre p,
    .template2 .section .titre strong{
       font-size: 60px;
       line-height: 60px;
    }
    .template2 .section{
        padding: 0px 10% 80px 10% !important;
    }
    .template2 .nomPageParent{
        padding: 0px 10%;
    }
}

@media (max-width: 1300px){
    .template2 .section{
        gap: 65px;
    }
    .template2 .section .titre,
    .template2 .section .titre p,
    .template2 .section .titre strong{
       font-size: 50px;
       line-height: 50px;
    }
}

@media (max-width: 992px){
    .template2 .section{
        gap: 30px;
        flex-direction: column-reverse;
    }
    .template2 .section > div,
    .template2 .section > figcaption{
        width: 100%;
        max-width: none;
    }
    .template2 .section{
        padding: 0px 80px 80px 80px !important;
    }
    .template2 .nomPageParent{
        padding: 0px 80px;
    }
    .template2 .nomPageParent{
        margin-bottom: 6px;
    }
}

@media (max-width: 600px){
    .template2 .section{
        padding: 0px 36px 60px 36px !important;
    }
    .template2 .nomPageParent{
        padding: 0px 36px;
    }
    .template2 .nomPageParent{
        padding: 0px 36px;
        font-size: 30px;
        line-height: 46px;
        gap: 14px;
    }
    .template2 .section .titre,
    .template2 .section .titre p,
    .template2 .section .titre strong{
       font-size: 30px;
       line-height: 36px;
    }
}

/* -------------------------- SECTION 1 -------------------------- */

.template2 .section1{
    display: grid;
    grid-template-columns: 0px 1fr 1fr;
    grid-template-rows: auto auto auto;
    margin-top: 13px;
    padding: 0px 10% 90px 10%;
    gap: 0px 120px;
}

.template2 .section1 h1{
    font-size: 119px;
    line-height: 119px;
    margin-bottom: 33px;
    text-transform: uppercase;
    font-weight: 100;
    grid-column: 1/3;
    grid-row: 1/2;
    /* word-break: break-all; */
}

.template2 .section1 .paragraphe1{
    grid-column: 2/3;
    grid-row: 2/3;
    margin-bottom: 55px;
}

.template2 .section1 > div{
    grid-column: 2/3;
    grid-row: 3/4;
}

.template2 .section1 > div h2{
    margin-bottom: 13px;
}

.template2 .section1 .image__container{
    grid-column: 3/4;
    grid-row: 1/4;
}

.template2 .section1 .image__container img{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='588.241' height='662.678' viewBox='0 0 588.241 662.678'%3E%3Cpath id='Tracé_19653' data-name='Tracé 19653' d='M561.225,146.51,320.635,7.606a53.02,53.02,0,0,0-53.028,0L27.013,146.51A53.024,53.024,0,0,0,.5,192.434V470.245a53.028,53.028,0,0,0,26.513,45.924l240.593,138.9a53.02,53.02,0,0,0,53.028,0l240.591-138.9a53.031,53.031,0,0,0,26.516-45.924V192.434A53.027,53.027,0,0,0,561.225,146.51Z' transform='translate(0 0)' stroke='%23000' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='588.241' height='662.678' viewBox='0 0 588.241 662.678'%3E%3Cpath id='Tracé_19653' data-name='Tracé 19653' d='M561.225,146.51,320.635,7.606a53.02,53.02,0,0,0-53.028,0L27.013,146.51A53.024,53.024,0,0,0,.5,192.434V470.245a53.028,53.028,0,0,0,26.513,45.924l240.593,138.9a53.02,53.02,0,0,0,53.028,0l240.591-138.9a53.031,53.031,0,0,0,26.516-45.924V192.434A53.027,53.027,0,0,0,561.225,146.51Z' transform='translate(0 0)' stroke='%23000' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1600px){
    .template2 .section1{
        padding: 0px 8% 90px 10% !important;
        gap: 0px 90px;
    }
}

@media (max-width: 1500px){
    .template2 .section1 h1{
        font-size: 100px;
        line-height: 100px;
    }
}

@media (max-width: 1300px){
    .template2 .section1{
        padding: 0px 5% 90px 10% !important;

        gap: 0px 60px !important;
    }
    .template2 .section1 h1{
        font-size: 70px;
        line-height: 70px;
    }
}

@media (max-width: 992px){
    .template2 .section1{
        padding: 0px 80px 90px 80px !important;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
    }
    .template2 .section1 h1{
        grid-column: 1/2;
        grid-row: 1/2;
        margin-bottom: 22px;
        font-size: 90px;
        line-height: 90px;
    }
    .template2 .section1 .paragraphe1{
        grid-column: 1/2;
        grid-row: 2/3;
        margin-bottom: 48px;
    }
    .template2 .section1 > div{
        grid-column: 1/2;
        grid-row: 3/4;
        margin-bottom: 14px
    }
    .template2 .section1 .image__container{
        grid-column: 1/2;
        grid-row: 4/5;
        margin-bottom: 0px;
        margin-top: 60px;
    }
    .template2 .section1 > div h2{
        margin-bottom: 6px;
    }
}

@media (max-width: 700px){
    .template2 .section1{
        padding: 0px 36px 60px 36px !important;
    }
    .template2 .section1 h1{
        font-size: 42px;
        line-height: 42px;
    }
    .template2 .section1 > div h2,
    .template2 .section1 > div h2 p,
    .template2 .section1 > div h2 p strong{
        font-size: 29px;
        line-height: 32px;
    }
}

/* -------------------------- SECTION 3 -------------------------- */

.template2 .section3{
    flex-direction: row-reverse;
}

.page-447 .section3 .paragraphe{
    gap: 17px;
}

@media (max-width: 992px){
    .template2 .section3{
        flex-direction: column-reverse;
    }
}

/* -------------------------- SECTION 5 -------------------------- */

.template2 .section5{
    flex-direction: row-reverse;
}

@media (max-width: 992px){
.template2 .section5{
    flex-direction: column-reverse;
}
}

/* -------------------------- SECTION CONTACT -------------------------- */

.template2 .sectionRDV{
    margin: 0px;
    padding: 0px 13% 140px 13%;
}

/* -------------------------- CIRCLE -------------------------- */

body.moteur .template2 .image__container img,
body.camera .template2 .image__container img,
body.apropos .template2 .section2 .image__container img,
body.apropos .template2 .section5 .image__container img,
body.about .template2 .section2 .image__container img,
body.about .template2 .section5 .image__container img{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='615.652' height='615.652' viewBox='0 0 615.652 615.652'%3E%3Cg id='Ellipse_29' data-name='Ellipse 29' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='307.826' cy='307.826' r='307.826' stroke='none'/%3E%3Ccircle cx='307.826' cy='307.826' r='307.326' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='615.652' height='615.652' viewBox='0 0 615.652 615.652'%3E%3Cg id='Ellipse_29' data-name='Ellipse 29' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='307.826' cy='307.826' r='307.826' stroke='none'/%3E%3Ccircle cx='307.826' cy='307.826' r='307.326' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

body.moteur .template2 .image__container > svg,
body.camera .template2 .image__container > svg,
body.apropos .template2 .section2 .image__container > svg,
body.apropos .template2 .section5 .image__container > svg,
body.about .template2 .section2 .image__container > svg,
body.about .template2 .section5 .image__container > svg{
    right: -6%;
    top: -4%;
    width: 100%;
}

/* -------------------------- TRIANGLE -------------------------- */

body.action .template2 .image__container img,
body.apropos .template2 .section1 .image__container img,
body.apropos .template2 .section4 .image__container img,
body.about .template2 .section1 .image__container img,
body.about .template2 .section4 .image__container img{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='628.063' height='679.009' viewBox='0 0 628.063 679.009'%3E%3Cpath id='Tracé_19691' data-name='Tracé 19691' d='M105.459,678A105.574,105.574,0,0,1,0,572.545V105.46A105.34,105.34,0,0,1,157.317,13.71l416.2,235.515a105.422,105.422,0,0,1-.637,183.867L156.66,664.643A105.573,105.573,0,0,1,105.459,678' transform='translate(0.499 0.505)' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='628.063' height='679.009' viewBox='0 0 628.063 679.009'%3E%3Cpath id='Tracé_19691' data-name='Tracé 19691' d='M105.459,678A105.574,105.574,0,0,1,0,572.545V105.46A105.34,105.34,0,0,1,157.317,13.71l416.2,235.515a105.422,105.422,0,0,1-.637,183.867L156.66,664.643A105.573,105.573,0,0,1,105.459,678' transform='translate(0.499 0.505)' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
}

body.action .template2 .image__container > svg,
body.apropos .template2 .section1 .image__container > svg,
body.apropos .template2 .section4 .image__container > svg,
body.about .template2 .section1 .image__container > svg,
body.about .template2 .section4 .image__container > svg{
    right: -8%;
    top: 49%;
    transform: translate(0%, -50%);
}

@media (max-width: 600px){
    body.action .template2 .image__container > svg,
    body.apropos .template2 .section1 .image__container > svg,
    body.apropos .template2 .section4 .image__container > svg,
    body.about .template2 .section1 .image__container > svg,
    body.about .template2 .section4 .image__container > svg{
        right: -5%;
        top: 49%;
    }
}

/* -------------------------- HEXAGONE -------------------------- */

body.lumiere .template2 .image__container img,
body.apropos .template2 .section3 .image__container img,
body.apropos .template2 .sectionRDV .image__container img,
body.light .template2 .image__container img,
body.about .template2 .section3 .image__container img,
body.about .template2 .sectionRDV .image__container img{
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648.771' height='730.881' viewBox='0 0 648.771 730.881'%3E%3Cpath id='Tracé_19692' data-name='Tracé 19692' d='M619.023,161.56,353.633,8.339a58.485,58.485,0,0,0-58.494,0L29.746,161.56A58.49,58.49,0,0,0,.5,212.218V518.664a58.494,58.494,0,0,0,29.246,50.657L295.139,722.543a58.484,58.484,0,0,0,58.494,0l265.39-153.222a58.5,58.5,0,0,0,29.249-50.657V212.218A58.493,58.493,0,0,0,619.023,161.56Z' transform='translate(0 0)' stroke='%23000' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648.771' height='730.881' viewBox='0 0 648.771 730.881'%3E%3Cpath id='Tracé_19692' data-name='Tracé 19692' d='M619.023,161.56,353.633,8.339a58.485,58.485,0,0,0-58.494,0L29.746,161.56A58.49,58.49,0,0,0,.5,212.218V518.664a58.494,58.494,0,0,0,29.246,50.657L295.139,722.543a58.484,58.484,0,0,0,58.494,0l265.39-153.222a58.5,58.5,0,0,0,29.249-50.657V212.218A58.493,58.493,0,0,0,619.023,161.56Z' transform='translate(0 0)' stroke='%23000' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}

body.lumiere .template2 .image__container > svg,
body.apropos .template2 .section3 .image__container > svg,
body.apropos .template2 .sectionRDV .image__container > svg,
body.light .template2 .image__container > svg,
body.about .template2 .section3 .image__container > svg,
body.about .template2 .sectionRDV .image__container > svg{
    right: -1%;
    top: 1%;
}

/* -------------------------- CONTACT -------------------------- */

body .template2 .sectionRDV .image__container > svg{
    width: auto;
}

@media (max-width: 600px){
    .template2 .sectionRDV{
        gap: 40px;
        padding-bottom: 90px;
    }
}