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

    .page:not(.home) .programmes .programme{ position:relative; width:100%; max-width:400pt; height:250pt; background-size:cover }
    .page:not(.home) .programmes .programme p{ position:absolute; bottom:0; left:0; padding:20px 75px 20px 35px; margin:0; color:#fff; font-size:16pt;line-height:26pt;letter-spacing:-0.43pt }

    .single-programme .programmes .programme{ position:relative; width:100%; max-width:400pt; height:250pt; background-size:cover }
    .single-programme .programmes .programme p{ position:absolute; bottom:0; left:0; padding:20px 75px 20px 35px; margin:0; color:#fff; font-size:16pt;line-height:26pt;letter-spacing:-0.43pt }
    
}

@media screen and (max-width: 1550px){
    body.home #primary{ max-width:1024px }
    body.home #primary .home-b{ width:300px; min-height:250px; padding:2%; line-height:21pt !important }
    body.home #primary .home-b p,
        body.home #primary .home-b a{ font-size:21pt !important; line-height:28pt !important }

        .single-programme .container .top-page .contenu{z-index:10}
        .single-programme .container .top-page .image{position:absolute; z-index:0}
        .single-programme .top-page div{ width:100%; }
        .single-programme .container .youtube{ position:relative }
    .single-programme #primary .container{ overflow:hidden  }
    .single-programme .container .youtube{ height:580px !important }
}

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


    .single-programme .container .youtube{ height:500px !important }
}

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

    .page:not(.home) .top-page{ flex-direction:column-reverse }
    .page:not(.home) .top-page div{ width:100% }
    .page:not(.home) .top-page div.image{ display:flex; justify-content:flex-end }
    .page:not(.home) .top-page div.image img{ opacity:0.1; width:50%; right:0 }

    .page:not(.home) .map .container div.grey{ width:100%; position:relative; height:auto !important; padding:40px 2% }
    .page:not(.home) .map .container div.grey h2{ margin:20px }
    .page:not(.home) .map .container .wpgmza_map{ position:relative }

    .single-programme .programme-contenu.contenu-1{ margin-top:40px }
    .single-programme .programme-contenu .container{ flex-direction:column }
    .single-programme .programme-contenu .container div{ width:100% }
    .single-programme .programme-contenu.contenu-2 .container{ flex-direction: column-reverse; }

    .home-map {
        flex-direction:column;
    }
    .home-map img {
        margin: 0 auto;
        width: 100%!important;
    }

}

@media screen and (max-width: 912px){
    .page:not(.home) .map .container div.grey h2{ text-align:left }
    .single-programme .grid .grid-green{ width:100% }

    #site-navigation.toggled .nav-menu li, #site-navigation.toggled .nav-menu li a{ font-size:16pt; max-width:220pt; line-height:21pt }

    nav.main-navigation a.fullscreen-toggle{ right:8%}
}

@media screen and (max-width: 768px){
    .page:not(.home) .top-page .contenu{ margin-top:-300px}
    .single-programme .localisation .desgn{ width:100% }

    .single-programme .container .youtube{ height:250px !important }
    .single-programme .atouts .container .les-atouts{ flex-direction:column }
    .single-programme .atouts .container .les-atouts div{ width:100% !important }
    nav.main-navigation a.fullscreen-toggle{ right:9%}

}

@media screen and (max-width: 500px){
    .page:not(.home) .top-page .contenu{ margin-top:-200px}
    body.home #primary .home-b{ width:100% !important; padding:20px 20% 20px 6% !important; min-height:inherit !important; background-position:90% 55% !important}

    body.home #primary{ max-width:1024px; flex-direction:column }
    body.home #primary .home-b{ width:300px; min-height:250px; padding:2%; line-height:21pt !important }
    body.home #primary .home-b p,
        body.home #primary .home-b a{ font-size:21pt !important; line-height:28pt !important }

    .single-programme .container .youtube{ height:200px !important }
    .single-programme .programme-contenu .container h2{ font-size:26pt; line-height:26pt; }
    .single-programme .cta .container div{ flex-direction:column !important; }
    .single-programme .cta .container div a{ margin-bottom:20px }

    .page:not(.home) .top-page h1{ font-size:40pt !important; line-height:40pt !important }
    .page:not(.home) .top-page .contenu h2{ font-size:18pt; line-height:18pt!important; font-weight:400 !important }

    .home-map img {
        margin: 0 auto;
        width: 90%!important;
    }

    nav.main-navigation a.fullscreen-toggle{ right:13%}
}

@media screen and (max-width: 1550px){
    #fullscreen-tool a {
        font-size: 1.25rem;
    }
}

/* Added by if */

@media screen and (max-width: 480px){
    .programmes .container div:nth-child(2){
        flex-direction: column;
		flex-wrap: nowrap;
    }
    .programmes .container div:nth-child(2) .programme{
        margin-bottom:  10px;
		flex : unset !important;
    }
	.page:not(.home).locative .programmes .programme p {
		width: 100%;
		height: 7rem;
	}
	.site-main .top-page .contenu h1{
		margin-top: 12rem !important;
	}
	a#fullscreen.fullscreen-toggle{
		display :none;
	}
	div.single-page-images-container-if{
		flex-direction: column;
		align-items: center;
	}
}