@media (max-width: 1599px){
  .zoneMenu{
    grid-template-columns: auto repeat(7, 170px);
    }  
    .boutonMenu{
    font-size: 0.85em;
    }
    
}

@media (max-width: 1399px){
    
    body,html{
	font-size: 16px;
    }
    
    /* FONT ------------ */
    .numeroCercle{
    width:35px;
    height: 35px;
    }
    /* ---------------- */
    
    .logo{
    width:175px;
    height: 185px;
    margin-right: 10px;
    margin-top: 20px;
    }
    .accorcheLogo{ font-size: 1.2em; }
    .zoneMenu{
    grid-template-columns: 145px repeat(7, auto);
    }
    .boutonMenu{
    white-space: normal;
    }
    .caseMenuG .boutonMenu{ white-space: nowrap; }
    
    /* INDEX -------------- */
    .patchSimple p{
    font-size: 1.2em;
    white-space: normal;
    }
    .caseIcone{ width:110px; min-height: 180px; margin: 10px; }
    .cadreIcone{ width:110px; height: 110px; }
    
    .zonePubCopy{
    width:calc(85% - 30px);
    height: auto;
    }
    .blocPubCopy.impression{ height: 140px; }
    .boutonCopy{
        width:200px;
        height: 40px;
        line-height: 40px;
        font-size: 1.3em;
    }
    
    /* IMPRESSION ------------ */
    .caseIcone2{
    width:75px;
    height: 75px;
    margin: 10px;
    }
    .bulleInfo:hover span{
    width:170px;
    }
    
    /* TELEPHONIE --------- */
    .cadreMEA .col50{ width:98%; }
    
    /* AFFICHAGE --------- */
    .caseMinPhoto{
    width:80px;
    height: 80px;
    margin: 10px 15px;
    }
    .caseLigneIcone{
    width:65px;
    height: 65px;
    }
	
	/* QUI -------------- */
	.flexTxt50.qui{ 
	width:calc(90% - 22px);
    padding: 10px;
	}
	.flexTxt50.qui .col100{
		width:calc(48% - 22px);
    	padding: 10px;
	}
	
	/* PARTENAIRE ---------------- */
	.logoPart{
		width:250px;
	}
	.logoPart img{ max-width: 100%; }

}



@media (max-width: 999px){
    
    body,html{
        font-size: 13px;
    }
    
    .zoneLogo{
    width:90%;
    height: 100px;
    left: 5%;
    }
    .logo{
    width:125px;
    height: 130px;
    margin-right: 10px;
    margin-top: 0;
    }
    .accorcheLogo{
    font-size: 1.1em;
    float: right;
    margin-top: 100px;
    }
    
    .zoneMenu{
    grid-template-columns: 0px repeat(7, auto);
    }
    
    /* COPYR --------------- */
    .zoneCopy{
    grid-template-columns: 150px auto auto auto;
    grid-template-rows: 90px 50px 50px;
    }
    .blocPubCopy.impression{ height: 120px; }
    .flexCopy img{ max-height: 35px; }
    
    /* INDEX ------------------- */
    .caseIcone{ width:80px; min-height: 140px; margin: 10px 3px; }
	.caseIcone.qui{ margin: 10px 3px; }
    .cadreIcone{ width:80px; height: 80px; }
    
    /* IMPRESSION ------------ */
    .caseIcone2{
    width:70px;
    height: 70px;
    margin: 5px;
    }
    .bulleInfo:hover span{
    width:150px;
    }
    
    /* AFFICHAGE ------------- */
    .caseMinPhoto{
    width:70px;
    height: 70px;
    margin: 5px;
    }
    
}


@media (max-width: 719px){
    
    body,html{
        background-color: #dfdfdf;
    }
    
}