@media screen and (max-width: 500px){
	#slider { height:320px; }

    .narrow-100pc-block { display: block!important; width: 100%!important; }
	.narrow-100pc-block.photo {
		padding-top: 100%!important;
		border:none!important;
	}
    
    contenu p label { width: 100px; text-align:left; }
	#envoyer {  }
    #contact input[type="text"], #contact input[type="number"], #contact input[type="date"] { width: 90% }
    #contact p label { text-align: left }
    
    .section.article { background-size:100%!important; background-repeat:no-repeat!important; }
	.centre.fullpage { height:200px; }
	.centre.inner, .section.article .centre { width:90%; }
	
	.responsive td { display:block!important; width:100%!important; }
	.hamburger { margin:0; }
	#zone_ico { margin:0; }
	
	#logo img { width:250px; height:auto; }
	
	#encarts .encart:nth-child(n+3) { display:none; }
	
	#encarts2 { display:block; }
	#encarts2 .encart {display:none;}
	#encarts2 .encart:nth-child(n+3){display:block;}
	
	#encarts_couleur .contenu { flex-direction: column; justify-content: stretch; align-items: baseline; }
	#encarts_couleur .encart_couleur { width:100%; }
	
	#trieur_inner { flex-direction: column; } 
	#trieur_inner .title_trieur { width:40%; }
	#trieur_inner .title { width:100px; }
	
	.balade .centre { flex-direction:column; }
	.balade #photo_banner {height:50vh;}
	.balade #photo_banner, .balade .centre .contenu, .balade .centre .contenu .zone-texte {width:100%; }
	
	.balade #photo_banner .segways img.segway {width: 45px;}
	
	.lien_cta, .lien_cta2 { display:block; padding:3%; }
	
	.thematique { flex-wrap: wrap; justify-content: stretch; align-items: baseline; }
	.half { width:50%; }
	.plain { width:100%; order:-1; }
    
    #galerie { display: none }
    #galerie_resp { display: inline }
    
    .zone-texte img { width: 100%; height: auto }
    .zone-texte img.reel { width: auto }
    
    #products .product { width: 100%; margin: 20px 0 }
    .ico { width: 30px; margin-right: 10px }
    
    #zone_adresse { margin-left:20px; }
    #zone_adresse ul li, #zone_ico ul li  {
		width:25px;
		height:30px; 
		line-height:30px;
	}
	#zone_adresse img, #zone_ico img {
	    width: 25px;
	    height: auto;
	}
	
	#zone_adresse svg.fa-2x,#zone_ico svg.fa-2x {
	    font-size: 22px;
	    top: 5px;
	    position: relative;
	}
    
    #modal { width:90%; }
}

@media screen and (min-width: 501px) and (max-width: 900px){
	#slider { height:320px; }
    .contenu #galerie .fancy_picture { width: 47% }

    .narrow-100pc-block { display: block!important; width: 100%!important; }
	.narrow-100pc-block.photo {
		padding-top: 100%!important;
		border:none!important;
	}
    
    .section.article { background-size:100%!important; background-repeat:no-repeat!important; }
	.centre.fullpage { height:50vh; }
	.centre.inner, .section.article .centre { width:90%; }
	
	.responsive td { display:block!important; width:100%!important; }
	
	#logo img { width:250px; height:auto; }
	
	#encarts .encart:nth-child(n+3) { display:none; }
	
	#encarts2 { display:block; }
	#encarts2 .encart {display:none;}
	#encarts2 .encart:nth-child(n+3){display:block;}
	
	#encarts_couleur .contenu { flex-direction: column; justify-content: stretch; align-items: baseline; }
	#encarts_couleur .encart_couleur { width:100%; }
	
	#trieur_inner { flex-direction: column; } 
	#trieur_inner .title { width:100px; }
	
	.balade .centre { flex-direction:column; }
	.balade #photo_banner {height:50vh;}
	.balade #photo_banner, .balade .centre .contenu, .balade .centre .contenu .zone-texte {width:100%; }
	
	.thematique { flex-wrap: wrap; justify-content: stretch; align-items: baseline; }
	.half { width:50%; }
	.plain { width:100%; order:-1; }
    
    #galerie { display: inline }
    #galerie_resp { display: none }
    
    .zone-texte img { width: 100%; height: auto }
    .zone-texte img.reel { width: auto }
    
    #products .product { width: 100%; margin: 20px 0 }

    .ico { width: 30px; margin-right: 10px }
}

@media screen and (min-width: 901px) and (max-width: 1200px){
	#slider { height:500px; }
    #logo img { width:250px; height:auto; }
    .contenu #galerie .fancy_picture { width: 31.5% }
	
    #trieur_inner { flex-direction: column; } 
	#trieur_inner .title { width:150px; }

    .section.article { background-size:100%!important; background-repeat:no-repeat!important; }
	.centre.fullpage { height:50vh; }
	.centre.inner, .section.article .centre { width:90%; }
    #galerie { display: inline }
    #galerie_resp { display: none }
    .ico { width: 30px; margin-right: 10px }
}

@media screen and (min-width: 1201px){
    #slider { height:500px; }
    .contenu #galerie .fancy_picture { width: 24% }
    
    #logo { float: left; width: 50%; padding: 10px 0 10px 0; text-align: left }
    #zone_info { float: left; width: 45%; padding: 40px 5% 0 0 }
    #zone_info p { text-align: right; font-size: 180%; line-height: 28px }
    .zone_info_bis { display: inline }
    #logo img { width:350px; height:auto; margin-left: 30px }

    #galerie { display: inline }
    #galerie_resp { display: none }
	
	#haut { width:60px; height:100%; z-index:4000; background-color: #95b243 /*border-right: 2px solid #2f2f2f*/ }
	#haut .contenu { position:relative; height:100%; }
	.hamburger { float:none; position:relative; top:calc(50% - 50px); margin:0 5px; padding: 15px 5px }
	#zone_adresse { float: none; position: absolute; top: 0; width: 70px; height:auto; margin: 0 5px; }
	#zone_ico { float: none; position: absolute; bottom: 0; width: 70px; height:auto; margin: 0 5px; }
	
	#menu { height: 100%; top: 0; padding-left: 60px; }
	#haut0 { margin:0; }
    .centre.fullpage { height: 300px }
	.section:not(#haut) { padding-left: 60px; box-sizing: border-box; }
    .ico { width: 30px; margin-left: 10px; margin-right: 10px }
}