/**********************************************************************************************************************************************************/
/**************************************************************************** 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,
    body.home h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    h2 {
        font-size: 2rem;
        line-height: 2rem;
    }

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

    h4 {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }
    
    .container-logo {
        height: 100px;
        width: 150px;
        padding: 15px;
    }
    
    
    body.page-template-page-liste-membres .top-page,
    body.page-template-page-connexion .top-page,
    body.page-template-page-membres .top-page,
    .top-page {
        height: 30vh;
    }

    .top-page-home {
        height: 60vh;
    }

    .youtube_player {
        height: 450px;
    }

    .youtube_player iframe {
        height: 450px;
        width: 100%;
    }

    
    .owl-home .owl-nav {
        position: relative;
        left: auto;
        top: 30px;
    }


    .owl-home .owl-prev {
        top: auto;
        position: relative;
    }

    .owl-home .owl-next {
        margin-top: auto;
        position: relative;
        margin-left: 60px;
    }
    
    footer.footer img {
        max-width: 150px;
        height: auto;
    }
    
    
    .rendez-vous .flex-item-moitie {
        width: 100%;
        margin-bottom: 15px;
    }
    
    body.page-template-page-actualites .image-post {
        height: 180px;
    }
    
    .flex-item-tiers.item-actu {
        width: 48%;
    }
    
    
}



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

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

    
    #sidebar-top-header {
        margin-right: 75px;
    }
    
    .declenche-search.scroll,
    .declenche-search {
        right: 60px;
    }
    
    
    .flex-item-40,
    .flex-item-60 {
        width: 50%;
    }
    
    .image-post {
        height: 200px;
    }
    
    .date-item,
    .type-item {
        font-size: .8rem;
        line-height: 1.1rem;
    }
    
    .type-item::before {
        font-size: 1.1rem;
    }

    section.section-actus {
        padding-bottom: 250px;
    }
    
    #wpmem-ul-list .wpmem-ul-user,
    #wpmem-ul-list .wpmem-ul-user-odd {
        width: 31%;
    }
    
    
}




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

@media only screen and (max-width: 768px) {
    
	.widgettitle {
		margin-right:0;
	}
    .container-flex.vert {
        flex-direction:column;
        align-items: center;
    }

    .flex-item-moitie60,.flex-item-moitie40 {
        width: 100%;
        margin-bottom: 20px;
    }

    .flex-item-moitie {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .top-image .flex-item-moitie {
        width: 48%;
        margin-bottom: 0;
    }
    
    .flex-item-moitie.item-actu {
        width: 48%;
    }
    
    .flex-item-quart {
        width: 48%;
        margin-bottom: 20px;
    }
    
    .flex-item-tiers,
    .flex-item-deux-tiers {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .item-actu .flex-item50 {
        width: 100%;
    }
    
    .extrait-item {
        padding: 20px;
    }

    .container1190.video {

        overflow: hidden;
    }

    button.prev, button.next {
        position:sticky;
        top:50%;
    }
    
    h1,
    body.home h1 {
        font-size: 2rem;
        line-height: 2rem;
    }

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

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

    h4 {
        font-size: .9rem;
        line-height: 1.1rem;
    }
    
    .youtube_player {
        height: 350px;
    }

    .youtube_player iframe {
        height: 350px;
    }

    /*.fil-twitter {
        display: none;
    }*/
    
    section.section-actus {
        padding-bottom: 200px;
    }
    
    
    #sidebar-footer-droite h2,
    #sidebar-footer-droite,
    footer.footer {
        text-align: center;
    }
    
    footer.footer li,
    footer.footer li a {
        text-align: center;
    }

    .big,
    .big p,
    p.big {
        font-size: 1.1rem;
        line-height: 1.5rem;
        margin-bottom: 12px;
    }
    
    .superbig {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    
    .rendez-vous .flex-item-moitie {
        width: 100%;
        margin-bottom: 15px;
    }
    
    body.page-template-page-actualites .image-post {
        height: 140px;
    }
    
    .rendez-vous .image-post {
        height: 220px !important;
    }
    
    body.page-template-page-actualites section.wrap,
    .search section.wrap,
    section.contenu-page {
        padding-bottom: 150px;
    }
    
    .top-page-sans-image {
        padding: 40px;
    }
    
    header.header.scroll .liens-connexion {
        margin-right: 80px;
    }
    
    
    
    #wpmem-ul-list .wpmem-ul-user,
    #wpmem-ul-list .wpmem-ul-user-odd {
        width: 48%;
    }
    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** 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;
    }

    .accepte-tout,
    .choix-cookies {
        height: 24px !important;
        border-radius: 0 !important;
        line-height: 24px !important;
        padding: 0 15px !important;
        margin: 6px auto!important;
        font-size: .8rem !important;
        float: none;
    }
    
    
    .flex-item-quart {
        width: 100%;
    }
    
    .flex-item-cinq {
        width: 48%;
    }
    
    .owl-carousel .owl-item img {
        height: 100px;
    }

    .cartouche-degrade {
        padding: 30px;
    }
    
    .container-logo {
        height: 73px;
        width: 90px;
        padding: 8px;
    }

    header.header.scroll #sidebar-top-header #nav_menu-2 {
        display: block;
        margin-top: 15px;
    }
    
    .renseignements {
        min-height: 30px;
    }
    
    header.header.scroll .liens-connexion {
        margin-right: 0;
    }
    
    header.header.scroll {
        height: auto;
        padding: 15px 0;
    }
    
    
}




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

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

    section.wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .flex-item-moitie.item-actu {
        width: 100%;
    }
    
    section.section-actus {
        padding-bottom: 120px;
    }
    
    footer.footer img {
        max-width: 120px;
        height: auto;
    }
    
    .youtube_player {
        height: 250px;
    }

    .youtube_player iframe {
        height: 250px;
    }

    
    .top-page-home {
        background-position: top left;
    }
    
    .top-page-home .flex-item-60,
    .top-page-home .flex-item-40 {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    
    .top-page-home h1.titre-home {
        text-align: center !important;
        padding-right: 0 !important;
        margin-top: -130px;
            
    }
    
    .top-page-home h1.titre-home::before {
        margin: 0 auto 20px;
    }
    


    
}

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

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

    
    
}