/*Global*/
@font-face {
     font-family: "segoeui";
     src: url("fonts/segoeui.ttf");
}
@font-face {
     font-family: "segoeui-bold";
     src: url("fonts/segoeuib.ttf");
}
@font-face {
     font-family: "segoeui-semibold";
     src: url("fonts/seguisb.ttf");
}
@font-face {
     font-family: "segoeui-light";
     src: url("fonts/segoeuil.ttf");
}

@font-face {
     font-family: "segoeui-italic";
     src: url("fonts/seguili.ttf");
}

p,div,ul,li,section,table,aside,h1,h2,h3,h4,span,a{
     font-family: "segoeui";
}

button.slick-arrow {
    font-size: 0 !important;
}

body{
    overflow-x: hidden;
}

.contenu-page {
    max-width: 1300px;
    width: 90%;
    margin: auto;
}


h2.titre-page {
    color: #183597;
    font-size: 50px;
    line-height: 67px;
    text-transform: uppercase;
    font-family: 'segoeui-bold';
    display: flex;
    align-items: center;
    width: 100%;
    white-space: nowrap;
}



/*Global*/
/*top header*/
.element-top-header {
    background: #E8E8E8;
    padding: 10px 0;
}


.element-top-header .contenu-page {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 1486px;
}

.element-contact,.element-contact a {
    color: #24214A;
    font-size: 23px;
    font-family: 'segoeui-bold';
    margin-right: 41px;
    text-decoration: none;
}

.containeur-banniere {
    margin-top: -102px;
}

.backtop {
    margin: auto;
    margin-top: 20px;
}

.sociaux {
    font-size: 28px;
}

.sociaux a {
    color: #24214a;
}

.element-contact span.text {
    font-family: 'segoeui-bold';
}

.containeur-banniere--child {
    position: relative;
    z-index: 1;
}

.containeur-top-header {
    position: relative;
    z-index: 5;
}

.bouton-play {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 50px;
    background: #ffffff59;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 100%;
    cursor: pointer;
    z-index: 50;
}

.element-bouton-play i {
    line-height: 0;
    position: relative;
    left: 5px;
}

.bouton-play:hover {
    background: #000 !important;
}






/*top header*/
/*menu*/
.elements-menu {
    width: 100%;
    border-bottom: 10px solid #13208D;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 7% 100%, 0 0);
    background: #fff;
    max-width: 90%;
    margin-left: auto;
}

.elements-menu .contenu-page {
    display: flex;
    align-items: center;
    width: 100%;
}
@media(min-width:769px){
    ul.menu-principale {
        display: flex !important;
        justify-content: flex-end;
    }
}

li.menu-item a:after {
    content: '\2023';
    transform: rotate(-89deg);
    display: flex;
    color: #28ABDF;
    font-size: 74px;
    line-height: 0;
    position: absolute;
    bottom: -22px;
    visibility:hidden;
}

   body a:hover {
    color: #28ABDF!important;
   /* background: #ffff !important;*/
}

li.menu-item:last-child a {
    padding: 0;
}

li.menu-item a {
    font-size: 22px;
    line-height: 30px;
    color: #343434;
    font-family: 'segoeui-semibold';
    padding-right: 38px;
    text-decoration: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
}

li.menu-item:last-child {
    padding: 0;
}

.element-menu {
    width: 100%;
}






/*menu*/
/*Banniere*/
.containeur-banniere--child video {
    height: 725px;
    max-width: 100%;
    width: 100%;
}










/*Banniere*/
/*Notre societe*/
.containeur-notre-societe {
    background-image: url('../img/fond-societe.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 58px 0;
    margin-top: -20px;
}

.containeur-notre-societe--child h2.titre-page {
    font-size: 39px;
    line-height: 52px;
    text-transform: none;
    color: #fff;
    flex-direction: column;
    align-items: flex-start;
}

.containeur-notre-societe--child h2.titre-page:after {
    content: '';
    background: #fff;
    height: 6px;
    width: 53px;
    display: flex;
    margin: 0;
}

.containeur-notre-societe--child {background: #13208D;max-width: 1119px;padding: 37px 0;clip-path: polygon(0% 0%, 100% 0, 100% 0, 91% 100%, 0% 100%);}


.containeur-notre-societe--child .contenu-page {
    max-width: 697px;
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-left: auto;
    padding-right: 117px;
}

.description-page {
    padding: 24px 0;
    font-size: 20px;
    color: #fff;
    line-height: 27px;
}

a.bouton-page {
    font-family: 'segoeui-semibold';
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    background: #28ABDF;
    padding: 10px 30px;
    clip-path: polygon(0% 0%, 100% 0, 100% 0, 91% 100%, 0% 100%);
    text-transform: uppercase;
}

.containeur-bouton {
    display: flex;
    margin-top: 20px;
}


/*Nos societe*/
/*Nos prestations*/
.containeur-nos-prestations {
    background-image: url('../img/15.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.containeur-nos-prestations:before {
    content: '';
    display: flex;
    background: #fff;
    opacity: 0.60;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.containeur-nos-prestations--child {
    position: relative;
    padding: 123px 0;
}


.image-prestations {
    max-width: 413px;
    height: 273px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.element-prestation:hover {
    transform: scale(1.02);
}

.element-prestation {
    max-width: 413px;
    transition: 300ms;
    cursor: pointer;
}

.elements-prestations {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 33px;
    padding-top: 50px;
    padding-bottom: 20px;
}

.elements-description {
    background: #13208D;
    color: #fff;
    padding: 33px;
    margin-top: 12px;
    clip-path: polygon(0% 0%, 100% 0, 100% 0, 89% 100%, 0% 100%);
}
.conteneur-fleche {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;

}
.fleches {
    display: flex;
    justify-content: flex-end;

}



.fleche {
    margin-top: -2%;

}

div#fleche1 {
    margin-right: 3%;
     display: none;
}

div#fleche2 {
    margin-right: 8%;
     display: none;
}

.titre-prestation {
    font-size: 26px;
    font-family: 'segoeui-bold';
    margin-bottom: 15px;
    line-height: 35px;
}

.description-prestation {
    font-size: 20px;
    line-height: 27px;
    max-width: 268px;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*Nos prestations*/

/*Nos realisations*/
.containeur-nos-realisations--child a.bouton-page {
    padding-left: 40px;
    background: #fff !important;
    color: #13208D;
    clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);
}
.containeur-actualites--child a.bouton-page:hover{
    background: #1C399B !important;
    color: #ffff !important;
}
.containeur-nos-realisations--child a.bouton-page:hover{
    color:#ffff  !important ;
    background : #13208D  !important ;
}
.containeur-nos-realisations {
    background-image: url('../img/fond-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 92px 0;
}

.containeur-nos-realisations--child h2.titre-page {
    color: #fff;
}

.containeur-certifications--child h2.titre-page:before,.containeur-certifications--child h2.titre-page:after {
    background: #9b9b9b;
}

.containeur-nos-realisations--child h2.titre-page:before,.containeur-nos-realisations--child h2.titre-page:after {
    background: #fff;
}

.album {
    background: #132F91;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -78px;
    z-index: 0;
}

.image-prest {
    transition: 300ms;
    cursor: pointer;
}

.image-prest:hover {
    transform: scale(1.02);
}

.image-album {
    height: 279px !important;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.containeur-nos-realisations--child .titre-page {
    margin-bottom: 50px;
}

.containeur-nos-realisations--child .containeur-bouton {
    justify-content: flex-end;
    margin-bottom: -40px;
}

.elements-album {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 35px;
    padding: 20px 0;
    position: relative;
    max-width: 810px;
}


.autre-element {
    display: flex;
    margin-left: 16%;
    align-items: center;
}

.element-autre, .image-album-1 {
    max-width: 555px;
    height: 432px;
    z-index: 5;
    width: 100%;
    position: relative;
}

.album {
    width: 100%;
}

.album .contenu-page {
    width: 100%;
    margin-left: 9%;
    max-width: 100%;
}
img.plus {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/*Nos realisations*/








/*Actualites*/
.description-prestation.description-actu {
    display: block !important;
    padding-bottom: 10px;
}


.containeur-actualites--child a.bouton-page {
    color: #1C399B;
    background: #FFFFFF;
    text-transform: uppercase;
    font-family: 'segoeui-semibold';
}

.containeur-actualites--child .elements-description {
    clip-path: polygon(0% 0%, 100% 0, 100% 52%, 88% 100%, 0% 100%);
    background: #28ABDF;
    margin: 0;
}


.containeur-actualites {
    background-image: url('../img/14.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.containeur-actualites:before {
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.83;
}

.containeur-actualites--child {
    position: relative;
    padding: 100px 0;
}

.containeur-actualites--child {}

.containeur-actualites--child #bouton-actu {
    background: #1C399B;
    color: #fff;
}
.containeur-actualites--child #bouton-actu:hover{
    background:#ffff !important;
    color: #1C399B !important;
}












/*Actualites*/
/*Certification*/

.image-certification {
    width: 173px;
    height: 179px !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.images-certifications {
    display: flex !important;
}

button.slick-prev.slick-arrow:before {
    content: '';
    background-image: url('../img/prev.png');
    width: 29px;
    height: 47px;
    display: flex;
}


button.slick-next.slick-arrow:before {
    content: '';
    background-image: url('../img/next.png');
    width: 29px;
    height: 47px;
    display: flex;
}

.containeur-certifications--child {
    padding: 50px 0;
}

.containeur-certifications--child h2.titre-page {
    color: #9B9B9B;
    margin-bottom: 50px;
}

button.slick-arrow {
    background: transparent;
    border: unset;
    cursor: pointer;
}

.containeur-footer {background: #132F91;color: #fff;}

ul.menu-footer li a {
    color: #fff !important;
    font-size: 20px;
    align-items: flex-start;
    text-transform: unset !important;
}



/*Certification*/
/*Footer*/


.top-footer {
    display: flex;
    padding-top: 60px;
    padding-bottom: 50px;
    font-size: 20px;
    line-height: 28px;
}

.bottom-footer ul {
    display: flex;
    justify-content: space-around;
    max-width: 851px;
    margin: auto;
}

.footer-bas span {
    text-align: center;
}

.footer-element {
    width: 33%;
    padding-left: 3%;
}

.backtop {
    width: fit-content;
}

.footer-bas {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    border-top: 1px solid #D0D0D0;
    flex-wrap: wrap;
}

.footer-bas span a:hover,ul.menu-footer li a:hover {
    color: #ffffffb3 !important;
    background: transparent !important;
}

.footer-bas span a {
    padding: 0px 11px;
    color: #fff;
    text-decoration: none;
}

.contact-footer {
    padding: 8px 0;
}

h2.titre-footer {
    color: #28ABDF;
    text-transform: uppercase;
    font-family: 'segoeui-bold';
    font-size: 18px;
    margin-bottom: 15px;
}

.horaire {
    font-size: 22px;
    font-family: 'segoeui-semibold';
}

.horaires-ouvertures {
    margin-top: 10px;
}


/*Footer*/

/*Responsive*/
@media(max-width: 1660px){
    ul.menu-principale {
        padding-right: 20px;
    }

    .logo-site {
        margin-left: 10%;
    }
    .containeur-banniere--child video {
        height: 100%;
    }
}

@media(max-width:1400px){
    li.menu-item a{
        font-size:16px !important;
    }
}

@media(max-width: 1330px){
    li.menu-item a {
        font-size: 18px;
        padding-right: 20px;
    }

    .logo-site img {
        height: 50px;
    }

    .containeur-notre-societe--child h2.titre-page {
        font-size: 35px;
    }

    h2.titre-page {
        font-size: 40px;
    }

    .containeur-nos-prestations--child {
        padding: 50px 0;
    }

    .description-page {
        font-size: 18px;
    }

    .description-prestation {
        font-size: 18px;
    }

    .titre-prestation {
        font-size: 22px;
    }

    .elements-prestations {
        grid-gap: 20px;
    }

    a.bouton-page {
        font-size: 15px;
    }

}

@media(max-width: 1198px){
.fleche {
    margin-top: 2%;
    
}
}

@media(max-width: 1024px){
    .elements-menu {
        clip-path: none;
        max-width: 100%;
    }
    div#fleche2 {
    margin-right: 26%;
     display: none;
}

    .logo-site {
        margin: 0;
    }

    .containeur-notre-societe--child {clip-path: unset;}

    .elements-prestations {
        grid-template-columns: repeat(2,1fr);
    }

    li.menu-item a{
        font-size: 15px;
    }

    .containeur-notre-societe--child .contenu-page {
        margin: auto !important;
        justify-content: center;
        padding: 0;
    }
    .containeur-banniere {
        margin-top: 0;
    }
}

@media(max-width: 1460px){

    .containeur-notre-societe {
        margin-top: -2px;
    }
    .logo-footer.footer-element {
        padding: 25px;
    }
    .logo-footer.footer-element {
        width: 100%;
    }

    .top-footer {
        flex-wrap: wrap;
    }

    .footer-element {
        width: 25%;
    }

    .logo-footer.footer-element {
        width: 100%;
        justify-content: center;
        margin-bottom: 50px;
        text-align: center;
    }

    .containeur-actualites--child {
        padding: 50px 0;
    }
    .logo-footer.footer-element:before {
        clip-path: unset !important;
        right: -200% !important;
        display:  !important;
    }

    .logo-footer.footer-element {
        justify-content: center !important;
        display: flex !important;
        padding: 0 !important;
        width: 100% !important;
        padding-bottom: 20px !important;
    }

    .logo-footer.footer-element img {
        margin: 0 !important;
    }
}

@media(max-width:768px){
    .element-prestation.slick-slide {
        max-width: 100% !important;
    }
    .element-autre {
        display: none !important;
    }
    .top-footer {
        flex-direction: column;
        justify-content: center;
    }

    .footer-element {
        width: 100%;
    }
    ul.menu-principale {
        display: none;
    }

    h2.titre-footer {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        width: 90%;
    }

    h2.titre-footer:after {
        content: '\002B';
        font-size: 50px;
        line-height: 0;
    }

    h2.titre-footer.actif:after {
        content: '\2212';
    }

}

@media(max-width: 600px){
    .elements-prestations {
        grid-template-columns: 1fr;
    }
    h2.titre-page {
        font-size: 25px;
    }

    .containeur-notre-societe--child h2.titre-page {
        font-size: 25px;
    }

    .element-prestation {
        margin: auto;
    }
    div#fleche2 {
    margin-right: 40%;
    display: none;
}
}


/*Responsive*/
/*Rectifications*/
}
body a.bouton-page:hover {
    background: #ffff !important;
    color: #28ABDF !important;
}
a.bouton-page:hover {
    background: #ffff;
}

@media(max-width: 1650px){
    .autre-element {
        margin-left: 4%;
    }
}


@media(max-width: 1200px){
    .element-autre, .image-album-1 {
        background-repeat: no-repeat;
        max-width: 400px;
        width: 100%;
        background-size: 100%;
        display: flex;
        align-items: center;
        height: 321px;
    }

    .element-autre {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .image-album {
        height: 200px;
    }

    .containeur-nos-realisations--child a.bouton-page {
        margin-bottom: 15px;
    }
}

@media(max-width: 1024px){
    .autre-element {
        margin-left: 0;
        flex-direction: column;
    }

    .album {
        margin-left: 0;
    }

    .album .contenu-page {margin: 0;width: 90%;}

    .containeur-nos-realisations--child .containeur-bouton {
        margin: 0;
        justify-content: center;
    }
}
@media(max-width: 930px){
    div#fleche2 {
    margin-right: 20%;
}
}
@media(max-width: 779px){
    div#fleche2 {
    margin-right: 40%;
}
}

@media(max-width: 768px){
    ul.menu-principale {
        position: absolute;
        flex-direction: column;
        background: #fff;
        width: 100%;
        left: 0;
        margin-top: 45px;
        padding: 0 5%;
        z-index: 9999;
    }

    li.menu-item a {
        font-size: 20px !important;
        line-height: 30px;
        padding: 10px 0;
        display: flex;
    }
    h2.titre-page {
        text-align: center;
        justify-content: center;
        align-items: center !important;
    }

    .containeur-notre-societe--child h2.titre-page:after {
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .bouton-mobile {
        display: block !important;
        margin-right: 12px;
        font-size: 41px;
        cursor: pointer;
    }

    .elements-menu {
        padding: 10px 0;
    }

    button.slick-next.slick-arrow:before {
        width: 15px;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    button.slick-prev.slick-arrow:before {
        width: 15px;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .elements-prestations {
        grid-gap: unset !important;
    }
}

@media(max-width:600px){
    .elements-album {   grid-template-columns: 1fr;}
    .element-autre, .image-album-1 {height: 245px;}
}

.logo-footer.footer-element {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    max-height: 135px;
    padding-right: 4%;
    box-sizing: border-box;
}

.logo-footer.footer-element:before {
    content: '';
    background: #fff;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: -200%;
    bottom: 0;
    max-height: 135px;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0% 0%, 100% 0, 100% 0, 93% 100%, 0% 100%);
}

.logo-footer.footer-element img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -23%;
}





.access-direct-top {
    position: fixed;
    right: 0;
    z-index: 100;
    top: 50%;
}

.element-access-direct {
    font-size: 32px;
    color: #fff;
    text-align: center;
    display: flex;
    background: #28ABDF;
    margin-bottom: 10px;
    padding: 20px 30px;
    clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);
    align-items: center;
    cursor: pointer;
}

.element-access-direct .texte {
    font-family: 'segoeui-semibold';
    margin-left: 20px;
    line-height: 34px;
}

.element-access-direct.devis {
    background: #00208D;
}

.element-access-direct.etre-rapple:hover {
    background: #00208d;
}

.element-access-direct.devis:hover {
    background: #28abdf;
}

@media(max-width: 1250px){
    .access-direct-top {
        display: none;
    }
}

.element-top-header i {
    color: #28ABDF;
}

.containeur-notre-societe--child h2.titre-page:before {
    display: none;
}

h2.titre-page:after {
    content: '';
    display: flex;
    height: 4px;
    background: #183597;
    width: 60%;
    margin-left: 15px;
}

h2.titre-page:before {
    content: '';
    display: flex;
    height: 4px;
    background: #183597;
    width: 5%;
    margin-right: 15px;
}

li.menu-item a:hover::after {
    visibility: visible;
}

.element-footer li.menu-item a:after {
    display: none;
}

.elements-album.slick-initialized.slick-slider {
    grid-gap: unset !important;
}

@media(max-width: 1663px){
    li.menu-item a {
        font-size: 20px;
    }
}

/*Rectifications*/