/**********************************************************************************************************************************************************/
/**************************************************************************** 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) {

h1 {
    font-size: 1.8rem;
    line-height: 2.1rem;
}

h2 {
    font-size: 1.6rem;
    line-height: 1.9rem;
}

body.home h2 {
    font-size: 1.8rem;
    line-height: 2.1rem;
}

h3 {
    font-size: 1.3rem;
    line-height: 1.6rem;
}

h4 {
    font-size: 1.1rem;
    line-height: 1.3rem;
}


h5 {
    font-size: 1rem;
    line-height: 1.3rem;
}


    .wrap {
        width: 96%;
        max-width: 96%;
    }

    
    
    
    
    
}



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

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

    .flex-item-trois-quart,
    .flex-item-quart {
        width: 48%;
    }
    
    header.header .flex-item-auto.right {
        margin-right: 120px;    
    }
    
    header.header.scroll #menu-menu-reseaux-sociaux {
        margin-top: 0;
    }
    
    header.header.scroll .logo-header,
    .logo-header {
        width: 250px;
        height: 50px;
    }
    
    #content {
        padding-top: 90px;
    }
    
    
    
}



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

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

    .flex-item-deux-tiers,
    .flex-item-tiers {
        width: 48%;   
        margin-bottom: 20px;
    }
    
    .flex-item-cinq {
        width: 31%;
        margin-bottom: 20px;
    }
    
    
    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 775 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 775px) {
    
    
    .flex-item-moitie {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .flex-item-trois-quart,
    .flex-item-quart {
        width: 48%;
        margin-bottom: 20px;
    }
    
    
    .menu-besoin li {
        width: 22%;
        margin-bottom: 30px;
    }

    
    section {
        padding: 30px 0;
    }

    #zone-besoins .container-flex .flex-item-auto {
        width: 31%;    
    }
    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** 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%;
    }
    
    .flex-item-deux-tiers,
    .flex-item-tiers {
        width: 100%;
        margin-bottom: 20px;
    }

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

    
    .superbig {
        font-size: 2rem;
        line-height: 2rem;
    }
    
    .flex-item-trois-quart,
    .flex-item-quart {
        width: 100%;
    }
    
    .container50 {
        width: 100%;    
    }
    
    .floatleft,
    .floatright {
        float: none;    
    }
    
    header.header.scroll .logo-header,
    .logo-header {
        width: 180px;
        height: 40px;
    }
    
    header.header .flex-item-auto.right {
        margin-right: 0;    
        margin-top: 30px;
    }
    
    header.header.scroll #menu-menu-reseaux-sociaux {
        margin-top: 0;
    }
    
    header.header.scroll {
        padding: 20px 0;
    }

    .menu-besoin li {
        width: 31%;
        margin-bottom: 30px;
    }

    #zone-besoins .container-flex .flex-item-auto {
        width: 48%;    
    }

	section.section-besoins .flex-item-auto {
		width: 31%;
		padding: 10px;
	}
    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 480 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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


    .flex-item-cinq,
    .flex-item-trois-quart,
    .flex-item-quart {
        width: 100%;
    }
    
    .section-outils .container-flex-nowrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .top-image-page {
        height: 110px;    
    }
    
    /*
    .menu-expertises,
    .menu-besoin {
        display: none;
    }
    
    .menu-besoin.menu-mobile {
        display: block;
        text-align: center;
    }

    */
    
    .menu-besoin {
        text-align: center;
    }
    
    .menu-besoin li {
        width: 45%;
        margin-bottom: 30px;
    }

    .wrap.rangee-page {
        padding: 15px 0;    
    }
    
    /*
    .menu-secteurs li {
        display: none;
    }
    
    .menu-secteurs li.item-actif {
        display: block;
    }
    */
    
    .menu-secteurs li {
        width: 45%;
        display: inline-block;
        margin-bottom: 15px;
    }
    
    .menu-secteurs li:nth-of-type(odd){
        margin-right: 8%;    
    }
    
    .secteur-image {
        height: 150px;    
    }
    
    .onglet-plateforme-quart,
    .onglet-plateforme-moitie,
    .onglet-plateforme-tiers {
        width: 100%;
        margin-right: 0;
    }
    
    .onglet {
        height: 70px;
    }

    
    body.single-secteur_type .section-actus,
    body.single-secteur_type .section-outils {
        display: none;
    }
    
    section {
        padding: 20px 0;
    }
    
	section.section-besoins .flex-item-auto {
		width: 48%;
		padding: 10px;
	}
    
    
}

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

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

    
    
}