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

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

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





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

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

    

    

    h1 {

    }

    h2 {

    }


    h3 {

    }

    h4 {

    }
    

    header.header ul li {
        padding: 0 5px;    
    }
    

    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1170 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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


    .vc_col-sm-3 {
        width: 50%;
    }

}
    
/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 992 PX *****************************************************************/
/**********************************************************************************************************************************************************/

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


    .vc_col-sm-3 {
        width: 100%;
    }
    
h1 {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: 0px;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin: 0 0 20px 0;
}

h3 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}
    
    .vc_cta3-content-header h2 {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    

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

@media only screen and (max-width: 768px) {
    
    
    .flex-item-moitie {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .flex-item-quart {
        width: 48%;
        margin-bottom: 20px;
    }
    
    .flex-item-cinq {
        width: 31%;
        margin-bottom: 20px;
    }

    .flex-item-tiers,
    .flex-item-deux-tiers {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .youtube-full,
    .dailymotion_player,
    .youtube_player,
    .youtube-full iframe {
        height: 300px;
    }

    .youtube-deux-tiers,
    .youtube-deux-tiers .dailymotion_player,
    .youtube-deux-tiers .youtube_player,
    .youtube-deux-tiers iframe {
        height: 230px;
    }

    .youtube-moitie,
    .youtube-moitie .dailymotion_player,
    .youtube-moitie .youtube_player,
    .youtube-moitie iframe {
        height: 300px;
    }

    .youtube-tiers,
    .youtube-tiers .dailymotion_player,
    .youtube-tiers .youtube_player,
    .youtube-tiers iframe {
        height: 230px;
    }

    .youtube-quart,
    .youtube-quart .dailymotion_player,
    .youtube-quart .youtube_player,
    .youtube-quart iframe {
        height: 230px;
    }
    
    .padding40 {
        padding: 30px;
    }

    .padding30 {
        padding: 20px;
    }

    .floatleft,
    .floatright {
        float: none;
        margin-bottom: 30px;
    }
    
    header.header .flex-item-quart,
    header.header .flex-item-trois-quart {
        margin-bottom: 0;    
    }
    
    header.header .flex-item-trois-quart.right {
        text-align: left;
    }
    
    .banniere-footer {
        height: 100px;    
    }
    
    footer.footer .flex-item-quart {
        text-align: center;    
    }
    
    
    .logo-footer {
        width: 100px !important;
    }

    .vc_col-sm-3 {
        width: 100%;
    }
    
    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** 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-cinq {
        width: 48%;
    }

    

    
    
}




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

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

    
    h1 {

    }

    .flex-item-trois-quart {
        width: 100%;    
    }
    
    p.big,
    .big p,
    .big {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    
    .flex-item-quart {
        width: 100%;
    }

    .contenu-flexible iframe {
        height: 200px;    
    }
    
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
        display: block !important;
        text-align: center !important;
        margin-bottom: 12px;
        padding: 0 20px;
    }
    
    
    
}

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

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

    
    
    
}