@media only screen and (min-width:1270px){
	
	

}

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

	#accueil #pres .img{
		padding-top: 450px;
	}
	#accueil #pres .txt{
		margin: 60px 0 90px 0;
	}

}


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


	.creas #filters {
	    overflow: hidden;
	  }
	.creas #filters .container-fluid{
	    overflow-x: scroll;
	  }

	  .creas #filters ul.filter-button-group {
	    display: flex;
	    flex-wrap: nowrap;
	    width: max-content;
	    overflow-x: auto;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
	    touch-action: pan-x;
	    gap: 10px;
	    padding: 10px 15px;
	  }

	  .creas #filters li {
	  	padding-left: 0;
	  	padding-right: 0;
	  	margin: 0 10px;
	    flex: 0 0 auto;
	  }

	#header.scroll #logo{padding: 0 15px;}
	#header #btn_menu{display: block;}
	#header nav#menuhead{display: none;}


}

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

	
	#head.slidehome-wrapper{
		max-height: 550px;
		min-height: 350px;
	}

	#accueil #creas{
		margin-top: -250px;
	}

	.slidehome{
		height: 100%;
	}
	
	h1{font-size: 2.4em;
    line-height: 1.3em;}
	
	h2{font-size: 1.2em;
    line-height: 1.3em;}

    .btn.btn-fleche, .btn.btn-fleche-haut{
    	/*max-width: 80%;*/
    	text-align: center;
    	margin: 10px auto;
    }

    .btn.btn-fleche svg, .btn.btn-fleche-haut svg{
    	display: inline;
    	vertical-align: top;
    }

    .btn.btn-fleche svg{
    	top: 4px;
    }

    .btn.btn-fleche-haut svg{
    	top: -3px;
    }

    .btn.btn-fleche span, .btn.btn-fleche-haut span{
    	display: inline;
    	max-width: 200px;
    	font-size: 1.1em;
    	top: inherit;
    }

    .texte.is-multicol{
    	column-count: 1 !important;
    }

    #accueil #pres .txt{padding: 60px 30px;}

    #main_comp h3, #main_terr h3, #main_transm #pres h3{font-size: 1.6em; line-height: 1.4em;}

    #main_comp #equipe .contentP{padding-top: 350px;}
    #main_crea #blocs .item h2{font-size: 1.8em; line-height: 0.7em;}

    #main_singlecrea #pres .left{padding: 0}
    #main_singlecrea #pres .img{padding: 10px;}
    #main_singlecrea #pres .txt{margin-bottom: 30px;}
    #main_singlecrea #videos .ytplayer{max-width: 100%; height: auto;}
    #main_singlecrea #dist{padding: 60px 0}

    #main_cont h1{font-size: 3em;}
    #main_cont h2{font-size: 1.5em; line-height: 1.3em}
    #main_cont #contacts .item{margin-bottom: 60px;}

    footer .menu{padding-top: 30px;}
    footer .menu li{text-align: center;}

    #newsletter-form{padding: 30px 0;}
    #newsletter-form h3{ text-align: center; padding: 0 30px;}
    #newsletter-form .mailpoet_paragraph{width: 50%; text-align: center; padding: 10px;}

}

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

}