@media screen and (max-width:1200px){
	#page > header{
		padding: 0 10px 40px 10px;
		max-width: 100%;
	}
	.diap{
		width: 100%;
		height: 35vw;
	}
	header nav ul li a {
	  padding: 4px;
	}
	section, #mainHome, .home #moduleActu .actu, footer .innerFooter{
		width: 100%;
		padding-left : 2%;
		padding-right: 2%;
	}
	.arrow-left{
		left: 50px;
	}
	.arrow-right{
		right: 50px;
	}
    article {
    width: auto;
}
}

@media screen and (max-width: 1170px){
	.home .post-thumbnail, .home .secCont, footer .adresse, footer .innerFooter > div, .home #moduleActu .actu article, .home #moduleActu .actu article, #secondary article, #secondary .thumbsArticles, #secondary h2.conc{
		width: 100%;
	}
}
@media screen and (max-width:980px){
	header nav ul li a {
		font-size: 12px;
	}
	.arrow-left, .arrow-right{
		top: 70px;
		bottom: initial;
	}
    
    .content-tarifs, .content-accueil{
        display:flex;
        flex-flow: column wrap;
        justify-content: space-around;
    }
    #primary #col1, #primary #col2{
        width:90%;
        margin-left:5%;
        text-align:center;
        
    }

    #contenu-archives, .listing-post{
        display:flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .post-list{
        width:48%;
    }

    .archive-single{
        width:32%;
    }
    
    
}

@media screen and (max-width: 900px){
	header nav ul li a {
		font-size: 10px;
	}
	header nav ul li a {
		padding: 2px;
	}
}
@media screen and (max-width: 1024px) {
	.visuel-page {
		display: none;
	}
}

@media screen and (min-width: 750px){
	header .custom-logo {
		width: 160px;
	}
	.home .post-thumbnail, .home .secCont, footer .adresse, footer .innerFooter > div, .home #moduleActu .actu article, .home #moduleActu .actu article, #secondary article .post-thumbnail, #secondary article .secCont, .page-template-template-programmation .post-thumbnai, .secCont{
		width: 100%;
	}
	 #secondary article .post-thumbnail, #secondary article .secCont{max-width: 100%}
	footer .innerFooter nav{display: none;}
    
    
    .post-list{
        width:94%;
        margin-left:3%;
    }
}

@media screen and (max-width: 480px){
	
	.diap{
		background: url("../img/travers-chant-320.jpg") 0 0 no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		display: block;
		width: 100%;
		height:55vw;
	}
	.home .post-thumbnail, .home .secCont, footer .adresse, footer .innerFooter > div, .home #moduleActu .actu article, .home #moduleActu .actu article, .page-template-template-programmation .post-thumbnail{
		width: 100%;
	}
	.home #moduleActu .actu article{ padding-bottom: 70px;}
	.arrow-left{
		left: 50px;
	}
	.arrow-right{
		right: 50px;
	}
	.arrow-left, .arrow-right{
		top: initial;
		bottom: 20px;
	}
	footer .adresse{font-size: 14px;}
	footer .innerFooter nav{display: none;}
	.adresse img{ float: left;padding-right: 5%;padding-bottom: 50px;}
	footer .innerFooter > div{ line-height: 1.4em;font-size: 14px;}
	#content h1{
		font-size: 30px;
	}
	#secondary article .secCont .entry-title a, #secondary article .secCont .entry-title, .secCont h2, #moduleActu article h2, #main article h2{ font-size: 20px}
}