/* Menu */
.horizontal-main, .horizontal-header {
    position : fixed;
    z-index : 1000;
    box-shadow: 8px 8px 12px #aaa;
}

/* Titre + icones */
.iconesContainer {
    padding-top : 20px;
}

h1 {
    text-align : center;
}

.titre h1 {
    padding : 3% 5%;
}

.bordure2 {
    border : none;
    z-index : 1;
    background : none;
}

/* Icones */
.cardContainer {
    background : none;
    z-index : 2;
    width : 90%;
    margin : 30px auto;
    border-radius : 10px;
}

.banner-1 .imgContainer {
    background-color: rgba(255, 255, 255, 0.6);
    height : 150px;
    padding : 15px 0px;
}

.textContainer {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius : 0px 0px 10px 10px;
}

@media (min-width : 768px) and (max-width : 991px) {
    .textContainer {
        height : 220px;
    }
}

@media (min-width : 992px) and (max-width : 1279px) {
    .textContainer {
        height : 180px;
    }
}

@media (min-width : 1280px) {
    .textContainer {
        height : 260px;
    }
}

@media (min-width : 1679px) {
    .textContainer {
        height : 210px;
    }
}


/* Boutons + vidéos */
.bouton {
    display : flex;
    align-items: center;
    justify-content: center;
}

.boutonVideo {
    width : 200px !important;
    box-shadow: 1px 1px 15px #22a5e0;

}

.mesureVideo {
    height : 200px;
    width : 90%;
    margin : auto;
    box-shadow: 0 0 5px #444, 0 0 8px #333, 0 0 10px #666;
}

.video {
    padding-top : 30px;
    text-align: center;
}

@media (min-width : 768px) {
    .mesureVideo {
        height : 300px;
    }

    .boutonVideo {
        width : 250px !important;
        margin-left : 50px;
    }
}

@media (min-width : 1280px) {
    .mesureVideo {
        height : 500px;
    }

    .boutonVideo {
        width : 400px !important;
        height : 50px;
        display : flex;
        justify-content: center;
        align-items: center;
    }
}



/* Ils nous accompagnent */
.text-left p {
    text-align : left;
}

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

.cat-item .partenaires img {
    width : auto;
    height : auto;
    max-height : 100px;
}

.WidthHeight {
    width : 100%;
    height : 150px !important;
}


/* Prestations */
.forfait {
    display : flex;
    justify-content : center;
}

.colorBlack {
    color : black !important;
}

.titrePrestations {
    margin-bottom : 30px;
    min-height: 54px;
}

.noClick {
    cursor : default !important;
}

.ombrePrestaJaune {
    box-shadow: 10px 10px 10px #92c83e;
}

.ombrePrestaVert {
    box-shadow: 10px 10px 10px #00e682 ;
}

.ombrePrestaOrange {
    box-shadow: 10px 10px 10px #e69600 ;
}

.ombrePrestaTurquoise {
    box-shadow: 10px 10px 10px #79ADB0;
}

.bg-turquoiseCustom{
    background-color: #79ADB0;
}

.ombrePrestaBleue {
    box-shadow: 10px 10px 10px #61A1EC;
}

.bg-blueCustom{
    background-color: #61A1EC;
}
.ombrePrestaVertPale{
    box-shadow: 10px 10px 10px #96B85E;
}

.bg-greenPaleCustom{
   background-color: #96B85E;
}

/* Présentation */
.objectif {
    display : flex;
    justify-content : center;
}

.textePresentation {
    display : flex;
    justify-content : center;
    text-align : center;
    border : solid 1px;
    padding : 3%;
    margin-right : 10%;
    font-size : 180%;
}

@media screen and (max-width : 757px) {
    .textePresentation {
        margin-right : 0%;
        margin-top : 5%;
    }
}

.texteObjectif {
    display : flex;
    vertical-align : middle;
    justify-content: center;
}

/* Boutons du bas */
.boutonsEnBas {
    padding-top : 80px;
}

.gauche, .milieu, .droite {
    box-shadow: 1px 1px 15px #22a5e0;
    width : 230px;
}

.app-btn .gauche {
    margin-right : 5%;
    margin-bottom : 0;
}

.milieu {
    margin-right: 5%;
}

.app-btn .droite {
    margin-top : 0;
}

.choixModal {
    font-size : 15px;
    font-weight : bold;
}

@media (max-width : 557px) {
    .gauche, .milieu, .droite {
        width : 230px !important;
    }

    .app-btn .droite {
        margin-left : 0;
        margin-top : 10% !important;
    }

    .app-btn .gauche {
        margin-right : 0 !important;
        margin-bottom : 10% !important;
    }
}

/* @media (min-width : 558px) and (max-width : 575px) {
    .gauche, .milieu, .droite {
        width : 300px !important;
    }

    .app-btn .gauche {
        margin-bottom  : 0 !important;
    }
} */

@media (min-width : 558px) and (max-width : 767px) {
    .gauche, .milieu, .droite {
        width : 350px !important;
    }

    .app-btn .droite {
        margin-left : 0;
        margin-top : 10% !important;
    }

    .app-btn .gauche {
        margin-right : 0 !important;
        margin-bottom : 10% !important;
    }
}

@media (min-width : 768px) and (max-width : 993px) {
    .gauche, .milieu, .droite {
        width : 200px !important;
    }
}

@media (min-width : 994px) and (max-width : 1279px) {
    .gauche, .milieu, .droite {
        width : 250px;
    }
}

@media (min-width : 1280px) {
    .gauche, .milieu, .droite {
        width : 350px;
    }
}