@media screen and (min-width: 1200px) {

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ACCUEIL

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* -----------------------------------------------------------
					EN-TÊTE
------------------------------------------------------------ */
    
/* Séparation forme organique blanche */ 
.gtmHeroBack::before{
                width: 50%;
                height: 100%;
                border-bottom-left-radius: 50%;
                border-bottom-right-radius: 0%;
                border-top-left-radius: 50%;
                border-top-right-radius: 0%;
}
    
/* Dimenssion et positionnement du titre de la section */ 
.gtmTitreEnTete {
                max-width: 40%;
                margin: 0;
                position: absolute;
                z-index: 17;
                bottom: 50%;
                left: 79%;
                transform: translate(-50%, 50%);
                text-align: right;
}
    
/* Taille du titre de la section */ 
    
.gtmTitreEnTete h2{
                font-size: 5rem;
                line-height: 4.8rem;
}
    
.gtmTitreEnTete p {
                font-size: 1.5rem;
                line-height: 1.7rem;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

HISTORIQUE ET MISSION

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* -----------------------------------------------------------
					EN-TÊTE
------------------------------------------------------------ */

.gtmEnTeteHisto {
    display: flex;
    align-items: center;
}

.gtmEnTeteHisto h2 {
    font-size: 5.5rem;
    line-height: 5.3rem;
    width: 50%;
}

.gtmEnTeteHisto p {
    font-size: 1.8rem;
    line-height: 2rem;
    width: 50%;
}

.gtmEnTete::after {
	width: 45%;
    max-width: 650px;
}

}

@media screen and (min-width: 1800px) {

    .gtmEnTete::after {
        width: 45%;
        max-width: 700px;
    }
}




















/* -----------------------------------------------------------
         L'ENTREPRISE
------------------------------------------------------------ */





.gtm_fond_couleur {
    margin-top: 100px;
}


/* -----------------------------------------------------------
         RESTAURATION
------------------------------------------------------------ */