@media only screen
and (min-width : 1800px){
	#accueil .entry{
		font-size: 150px;
		line-height: 150px;
	}
	/*
	#accueil > div{
		justify-content: center;
	}
	*/
}

@media only screen
and (min-width : 1260px){
    #evenements_flex{
        justify-content: center;
    }
        
    #evenement_entete .center{
        max-width: none;
    }
    
    #evenements_resume{
        flex-grow: 1;
        max-width: 800px;
    }
    
    #evenements_principal{
        max-width: 1000px;
    }
    
    #header #logo img{
        width: 158px !important;        
    }
    
    #accueil .entry,
    #bg{
		font-size: 94px;
		line-height: 101px;
    }
	
	#accueil .entry{
		font-size: 120px;
		line-height: 120px;
	}	
    
    .navigation_tool h2{
        font-size: 60px;
        line-height: 70px;
    }
    
    .kiosque{
        width: 300px;   
    }
    
    .kiosque_titre,
    .kiosque_sub_title{

    }
    
    .range {
        width: 33%;
        min-width: 1000px;
    }
}

@media only screen
and (max-width : 1240px){
	
	.call_action_slideshow .img_principal img {
	  display: none;
	}
	
	.promotion_slideshow {
		background: url("https://visitevirtuelle.lemont.ca/wp-content/uploads/2020/09/bg_degrade.svg") no-repeat center;
		background-size: auto;
	}
	
	.call_action_slideshow .promotion_slideshow{
        min-height: 300px !important;
        position: static;
        transform: none;
        background-size: cover !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
	
	.promotion_slideshow h2 {
		font-size: 28px;
		line-height: 32px;
	}
	
    #appel_action .center {
        width: calc(100% - 40px);
    }
    
    .range{
        width: 100%;
    }
    
    .range .colonne.largeur-50.bloc_image_texte {
        width: 50%;
        margin-right: 0;
    }
    
    .range .colonne.colonne-bloc_image_texte-2 .bloc_image_texte_content{
        margin-left: 0;
        padding: 60px 20px 60px 20px;
    }
}

@media only screen
and (max-width : 1200px){	
	#menu_box_elem{
		width: 100%;	
	}
}

@media only screen
and (max-width : 1000px){  
	.question{
		flex-wrap: wrap;
		flex-direction: column;
        justify-content: center;
		padding: 20px;
        min-height: auto;
	}
	
	.question .col{
		width: 100%;
	}
	
	.question .col:first-child{
		padding-bottom: 30px;	
	}
}

@media only screen
and (max-width : 820px){
	#appel_action .entry {
        font-size: 26px;
        line-height: 1.2em;
        padding-bottom: 25px;
    }
	
	#appel_action .half.two {
        width: auto;
        padding: 25px 0 20px !important;
        text-align: left;
        align-self: center;
    }
	
	#appel_action_left{
		text-align: left;
	}
	
	#appel_action .half:first-child {
        padding: 0;
        width: 36%;
        padding-right: 10px;
    }
	
    #appel_action .half:first-child img {
        max-width: 100%;
        vertical-align: bottom;
        margin-top: 0;
    }
	
	#appel_action .btn{
		font-size: 14px;
        padding: 15px 40px;
    }
}

@media only screen
and (max-width : 740px){
		
	#bandeau_annonce{
		padding: 25px 20px 20px;
		margin-top:20px;
		width: 100%;
		height: auto;
	}
	
	#bandeau_annonce h3{
		font-size: 32px;
		line-height: 1.1em;
		padding-bottom: 10px;
	}
	
	#bandeau_annonce h4{
		font-size: 20px;
		padding-bottom: 20px;
	}
	
    .swiper-button-prev,
    .swiper-button-next,
    .swiper-button-prev.visible,
    .swiper-button-next.visible{
        display:none !important;
    }
    
    .navigation_tirroir > div .bg_navigation{
        display:none;
    }
    
    .navigation_tirroir > div.active span {
        padding: 10px !important;
        font-size: 16px;
    }
    
    .navigation_tirroir > div.active span {
        padding: 10px !important;
        font-size: 16px;
    }
    
    .navigation_tirroir span {
        padding: 10px !important;
        font-size: 13px;
    }
    
    #appel_action .center {
        /*flex-wrap: wrap;*/
        text-align: left;
        width: 100%;
        background: none;
        z-index: 1;
        justify-content: center;
        padding: 0 20px;
    }
    
    #appel_action .half:first-child {
        padding: 0;
    }
    
    #appel_action .half:first-child img {
        max-width: 100%;
    }

    #appel_action .half.two {
        width: auto;
        padding: 25px 0 20px !important;
    }
    
    #appel_action #appel_action_left {
        width: 100%;
        margin-right: 0;
    }
    
    #appel_action .entry {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 25px;
    }
	
    #gform_submit_button_3{
		width: 100%;	
	}
    
	#mc_embed_signup #mce-EMAIL {
        margin-bottom: 15px;
    }
    
    #mc_embed_signup input[type=submit] {
        margin-bottom: 15px;
        font-size: 14px;
        padding: 15px 40px;
    }

	.range.full_screen.pad{
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% - 40px)
	}
	
	.range .colonne{
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    .range .colonne.largeur-25{
        width: calc(50% - 40px);
    }
    
    .range .colonne.largeur-33{
        width: calc(100% - 40px);
        padding-bottom: 20px;
    }
    
    .range .colonne.largeur-50{
        width: calc(100% - 40px);
        padding-bottom: 20px;
    }
    
    .range .colonne.largeur-67{
        width: calc(100% - 40px);
        padding-bottom: 20px;
    }

    .range .colonne.largeur-25.no_marge{
        width: 100%;
    }
    
    .range .colonne.largeur-33.no_marge{
        width: 100%;
        padding-bottom: 20px;
    }
    
    .range .colonne.largeur-50.no_marge{
        width: 100%;
        padding-bottom: 20px;
    }
    
    .range .colonne.largeur-67.no_marge{
        width: 100%;
        padding-bottom: 20px;
    }
    
    .range .colonne.largeur-75.no_marge{
        width: 100%;
        padding-bottom: 20px;
    }
    
    .bg_range.pad_top_25{
        padding-top: 25px;
    }
    
    .bg_range.pad_top_50{
        padding-top: 25px;
    }
    
    .bg_range.pad_top_75{
        padding-top: 37px;
    }
    
    .bg_range.pad_top_100{
        padding-top: 50px;
    }
    
    .bg_range.pad_bottom_25{
        padding-bottom: 25px;
    }
    
    .bg_range.pad_bottom_50{
        padding-bottom: 25px;
    }
    
    .bg_range.pad_bottom_75{
        padding-bottom: 37px;
    }
    
    .bg_range.pad_bottom_100{
        padding-bottom: 50px;
    }
    
    .range .colonne.largeur-50.bloc_image_texte{
        width: 100%;
    }
    
    .bloc_image_texte .bloc_image_texte_img{
        padding-bottom: 50%;
        height: 0;
    }
    
    .colonne-bloc_image_texte-1.colonne-bloc_image_texte-1{
        padding-bottom: 0 !important;;
    }
    
    .range .colonne.colonne-bloc_image_texte-2{
        padding-top: 0 !important;
    }
        
    .image-absolute{
        display: none;
    }
    
    .range .colonne .legende{
		padding: 20px;
    }
    
    .range .colonne.colonne-bloc_image_texte-2 .bloc_image_texte_content{
        padding: 20px;
    }
    
    .bloc_image_texte .bloc_image_texte_content_inner{
        max-width: none;
    }
        
    .range .colonne .shadow.shadow-10{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-20{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-30{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-40{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-50{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-60{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-70{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-80{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .range .colonne .shadow.shadow-90{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .hauteur_100vh {
        min-height: auto;
    }
	
	.mobile{
		display: block !important;
	}
	
	.desktop{
		display: none !important;
	}
	
	.center{
		padding: 0 20px;
	}
	
	#header_right{
		
	}
	
	#header_right #concours_link,
	#header_right #inscription_link{
		display: none;
	}
	
	#header #logo img{
		margin-left: 10px;
	}
	
	#header_right #menu_link,
	#header_right #menu_link_open{
		margin-top:10px;
	}
    
	#accueil > div{
        justify-content: flex-end;
		align-items: center;
		text-align: center;
        margin: 0;
    }
	
	#accueil .btn{
		margin-bottom:0;
	}
	
	#bg,
	#accueil .entry,
	.loading_content h2,
	.question h2,
	#parcours_filter h1,
	#fix_slideshow h1,
	#evenement_entete h1{
		font-size: 50px;
		line-height: 50px;
	}
	
	#accueil #navigation{
		padding-top: 20px;
        padding-bottom: 20px;
	}
	
	#menu_box #menu-principal a{
		padding: 15px 20px;
	}
	
	#concours_box.open,
	#inscription_box.open,
	.hotspot{
		width: 100%;
	}
	
	.audio_link {
		padding: 20px;
	}
	
	.st-custom-button{
		width: 40px;
		height: 40px;
	}
	
	.audio_link span{
		display:none;
	}
	
	.navigation{
		width: 100%;
		align-items: flex-start;
        min-width: 0;
	}
	
	.navigation_tirroir > div{
		width: calc(100% - 10px);
		margin-right: 0;
	}
    
    .navigation_tirroir > div:hover {
        width: calc(100%);
    }
	
	.fancybox-slide--video .fancybox-content, .fancybox-slide--html .fancybox-content{
		max-width: 100%;
	}
	
	#single_space, #parcours_space{
		flex-direction: column;
	}
	
	#single_space #single_filter, #parcours_space #parcours_filter{
		width: 100%;
		padding: 0 20px 30px 20px;
	}
	
	.swiper-container .img_principal{
		margin-top: 0;
	}
	
	#fix_slideshow{
		/*width: calc(100% - 40px);
		padding: 0 20px;*/
		width: 100%;
	}
	
	#fix_slideshow h1{
		left: 13px;
	}
	
	.swiper-slide{
		width: calc(100% - 40px) !important;
		padding: 0 20px;
	}
	
	#parcours_content{
		width: 100%;
	}
	
	.parcours_content_slide_info{
		padding-left: 0;
	}
	
	#parcours_filter h1{
		position: static;
		padding-bottom: 30px;
	}
	
    #img_before_content{
        margin-top: 39px;
    }
    
	#evenements_resume{
		padding-right: 0;
		width: 100%;
		padding-bottom: 20px;
	}
	
	#evenement_entete .center{
		flex-wrap: wrap;
		margin-bottom: 30px;
		margin-top: 100px;
	}
	
    #evenements_flex{
        margin-top: 0;
        flex-direction: column;
    }
	
	#evenements_resume h2{
		font-size: 30px;
		line-height: 35px;
		padding-bottom: 20px;
	}
	
	.evenements_fiche {
		width: 100%;
	}
	
	#evenements_principal .evenements_fiche_info_texte{
		margin-right: 0px;
	}
	
	.single-evenements .evenements_fiche_info_texte{
		margin-bottom: 20px;	
	}
	
	.single-evenements .evenements_fiche_info{
		margin-top:0;
	}
	
	.liste_documents_element{
		width: 100%;
	}
	
	.gallery.gallery-columns-3 .gallery-item{
		width: 50% !important;
	}
    
    .swiper-wrapper{
        display: flex;
        flex-direction: column;
    }
    
    .range .colonne.largeur-25.texte_simple,
    .range .colonne.largeur-33.texte_simple,
    .range .colonne.largeur-50.texte_simple,
    .range .colonne.largeur-67.texte_simple,
    .range .colonne.largeur-75.texte_simple{
        padding-top: 20px;
    }
    
    #parcours_filter .menu_link{
        padding: 5px 10px !important;
        background-color: rgba(0,0,0,0.42);
        font-size: 12px;
        line-height: 14px;
        border-radius: 0;
        width: 88px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-right: 0px;
        text-transform: uppercase;
        color: #fff;
        position: relative;
    }
    
    #parcours_filter .menu_link.stickIt{
        position: fixed;
        top: 4px;
        z-index: 3100;
        display: none !important;
    }
    
    #parcours_filter .menu_link.inline.hide{
        opacity: 0;
    }
    
    #parcours_filter .menu_link.stickIt.show{
        display: block !important;
    }
    
    #parcours_filter .menu_link span{
        position: absolute;
        top: -4px;
        right: -12px;
        background: #b81f30;
        border-radius: 100%;
        width: 22px;
        height: 22px;
        font-size: 14px;
        line-height: 22px;
        font-family: 'Montserrat';
        text-align: center;
    }
    	
	.promotion_slideshow h2{
		font-size: 28px;
		line-height: 32px;
	}
    
    .call_action_slideshow img{
        display:none !important;
    }
    
    .call_action_slideshow .promotion_slideshow{
        min-height: 300px !important;
        position: static;
        transform: none;
        background-size: cover !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
    
@media only screen
and (max-width : 500px) {
    .navigation_tool{
        top: 61px;
    }
    
    .loading_content h2,
    .navigation_tool h2{
        font-size: 30px;
        line-height: 30px;
    }
    
    #header #logo img{
        margin-top: 10px;
        width: 70px !important;
    }
    
    .range .colonne.largeur-25{
        width: calc(100% - 40px);
    }
    
    .range .colonne.largeur-25.no_marge{
        width: 100%;
    }
	
	.gallery.gallery-columns-3 .gallery-item{
		width: 100% !important;
	}
    
    .kiosque{
        width: 200px;
    }
    
    .kiosque_titre,
    .kiosque_sub_title{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 125px;
    }
    
    .navigation {
        justify-content: flex-start;
        padding-top: 61px;
    }
    
    .popup_titre{
        font-size: 20px;
        line-height: 22px;
    }
    
    .fancybox-slide--video .fancybox-content,
    .fancybox-slide--html .fancybox-content{
        padding: 34px 20px;
    }
    
    .fancybox-slide--html .fancybox-content{
        margin-bottom: 0 !important;
    }
    
    .fancybox-slide--html:before{
        display: none !important;
    }
    
    .fancybox-slide--html .gestion_popup {
        height: 100%;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    
    .fancybox-slide--html .gestion_popup .fancybox_auto{
        margin: auto 0;
    }

    .fancybox-container .fancybox-close-small{
        position: static;
        align-self: flex-end;
        margin-right: -10px;
        margin-top: -27px;
    }
    
    #evenements_resume h2{
        font-size: 23px;
        line-height: 27px;
    }
}