/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1466PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1466px) {

html {
    font-size: 95%;
    -webkit-text-size-adjust: 95%;
    -ms-text-size-adjust: 95%;
}
    
    
    

    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1280PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1280px) {

    

    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1024 PX ****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1024px) {


    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 800 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 800px) {

    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 768 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
    
    section {
        padding: 30px 0;    
    }
    
    
    .flex-item-moitie {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .flex-item-quart {
        width: 48%;
        margin-bottom: 20px;
    }
    
    .flex-item-tiers,
    .flex-item-deux-tiers {
        width: 100%;
        margin-bottom: 20px;
    }
    

    .slider {
	   height: 50vh;
    }

    footer.footer .copyright {
        text-align: center;
    }
    
    #menu-menu-footer {
        text-align: center;
    }
    
    footer.footer .flex-item-moitie {
        margin-bottom: 0;    
    }
    
    .section-equipe .flex-item-tiers {
        width: 25%;
        margin-bottom: 0;
    }
    
    .section-equipe .flex-item-deux-tiers {
        width: 75%;
        margin-bottom: 0;
    }
    
    .section-equipe .photo-membre {
        background-size: cover;
        background-position: top left;
    }
    
    
    .section-equipe .liste-equipe li,
    .section-equipe .liste-equipe li.actif,
    .section-equipe .liste-equipe li:hover {
        margin-left: 0;    
    }
    
    .section-equipe .wrap {
        width: 100%;
        max-width: 100%;
        padding-left: 5%;
    }
    
    .op-image {
        height: 50vh;
    }

    .op-image .nom-op {
        left: 40px;
        bottom: 40px;
    }

    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 698 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 698px) {


    #toTop {
        display: none !important;
        visibility: hidden !important;
    }
    
        
    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 600 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 600px) {

    
    html {
        font-size: 90%;
        -webkit-text-size-adjust: 90%;
        -ms-text-size-adjust: 90%;
    }
    
    #tarteaucitronDisclaimerAlert {
        padding: 0 20px;
        max-width: 100%;
        float: none;
        text-align: center;
    }

    .flex-item-quart {
        width: 100%;
    }
    
    .flex-item-cinq {
        width: 48%;
    }

    
    .logo-header {
        width: 150px;
        height: 45px;
    }

    header.header {
        padding: 10px 0;
    }
    
    #content {
        padding-top: 70px;    
    }

    .slider {
	   height: 40vh;
    }

    .wrap {
        max-width: 90%;
    }

    .rangee-page.bkg-couleur01,
    .rangee-page.bkg-couleur02 {
        padding: 45px 0;    
    }
    
    .tableau-conseil .entete-tableau li {
        width: 100%;
        margin-bottom: 12px;
    }
    
    
    .op-image .nom-op {
        left: 20px;
        bottom: 20px;
    }

    .op-image .nom-op h2 {
        font-size: 1rem;
        line-height: 1.2rem;
    }

    .op-image .nom-op h3 {
        font-size: .9rem;
    }
    
    body.home h1 {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    body.home .slidecontent p.big.blanc {
        padding: 8px 18px;
        font-size: 1.3rem;
        line-height: 1.7rem;
        max-width: 92%;
    }
    
    .slidecontent {
        margin-top: 20px;    
    }
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 500 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 500px) {

    
    section.section-equipe {
        background: #f1f1f1;
    }
    
    .section-equipe .flex-item-tiers {
        width: 100%;
        margin-bottom: 0;
    }
    
    .section-equipe .flex-item-deux-tiers {
        width: 100%;
        margin-bottom: 0;
    }
    
    .section-equipe .photo-membre {
        background-size: cover;
        height: 500px;
        background-position: top center;
        top: 20px;
    }
    
    .liste-equipe li {
        display: inline-block;
        margin: 0 10px 15px;
        max-width: 45%;
    }

    .liste-equipe {
        padding-bottom: 0;
    }
    
    .section-equipe .flex-item-deux-tiers {
        height: 450px;
    }
    
    .section-equipe .photo-membre {
        
    }
    
    .flxmap-container {
        height: 300px !important;    
    }
    

    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 375 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 375px) {

    .section-equipe .flex-item-deux-tiers {

    }
    
    
}


@media only screen and (max-height: 700px) and (orientation: landscape) {
    
    .slide {
        background-size: contain
    }
}