@charset "UTF-8";       /* Définit l'encodage de la feuille de style à Unicode UTF-8 */

@media screen and (max-width:1280px){
#menu_haut{
width:100%;border-radius:0}
	.sous_menu_haut{padding:20px 4% 10px !important;
	}
}
@media screen and (max-width:1024px){
	#logo{left:5%}
	#top h1 {
    padding: 32px 0 0 calc(5% + 240px);
	}
	.espace_prive, .deconnexion_prive,#form_recherche{right:5%}
	.choix p{display:none;}
	#top{background-size:50%;}	
	#ss_conteneur {flex-wrap:wrap;}
	#section_2 {
    max-width:100%;
	}
	#section_3 .titre_encart {
    font-size: 0.9em;
	}
	footer:before {
		background:none;
	}
}

@media screen and (max-width:921px){
    #nav_sec .navigation_sec{
        width:calc(100% - 2px) !important;
    }
}

@media screen and (max-width:768px){
#accessibilite{display:none}
#logo {
    top:45px;
    left:50%;
	transform:translate(-50%,0);
	text-align: center;
}
#logo:after{
	display:none;
}
#top h1{display:none}
	.espace_prive, .deconnexion_prive {display:none;}
	body{font-size:0.85em;}
	#top{padding: 45px 2% 2vw;height: 155px;}
	#menu_haut{width:100%;background:#2f7b8e;padding:5px;height:auto;top:155px;bottom:auto;left:0}
	#menu_haut ul > li {width:100%;margin:0;border-left:none;border-right:none;border-bottom: 1px solid rgba(255,255,255,0.4);	}
	#menu_haut ul > li:last-child {border-right: none;}
	#menu_haut > ul > li:after {content:none}
	#menu_haut .rub {padding:10px 0 20px;}
	#menu_haut .rub.current::after {bottom: 0px;}	
	#menu_haut .sous_menu_haut li{border:none !important}
	#menu_haut ul > li >a{display:block;padding:12px 5px;border-bottom:1px solid rgba(255,255,255,0.5);}	
	.sous_menu_haut{padding:0;position:static;flex-wrap: wrap;}
	.sous_menu_haut li,.sous_menu_haut .page {margin:0 !important;border-radius:0;border:none;}
	.sous_menu_haut .page {padding:10px;background-image:none;}
	.sous_menu_haut .picto {padding:0}
	#menu_haut ul > li.current .sous_menu_haut{flex-direction:column;padding:4px;}	
	#coordonnees{order:2;padding:0}
	#slider {min-height:0;}
	.flexslider .slides img {width: 100%;height:auto;}	
	
	.flexslider .slides .text_flex h2{font-size:1.6em;}	
	#ss_conteneur h1 {font-size: 1.5rem;background-image:none;padding: 5px 0 0;margin:0}
	#menu_page{display:none}
	#appel_action{top:40%;}
	#appel_action a{padding: 10px 15px;font-size:0.9em;}
	/* #bloc_reso {position:fixed;top: 8px;right: 15px;display:flex;width:30px;background:transparent;} */
	#form_recherche {display:none}
	#section_1,#section_2{width:100%;min-height:auto}
	#section_2{padding-top:40px}
	#section_1 img{width:100% !important}
	#section_3{display:none}
	/* footer{padding-bottom:80px;} */
	#menu_bas{font-size:0.8em;}
	#burger{
    position: fixed;
    color: #fff;
    left:0;
    width: 100%;
    text-align: center;
    background: #479db3;
    top: 0;
    height: 45px;
    z-index: 100000;
    font-size: 1.8em;
    text-decoration: none;
	}
	#burger .dashicons-menu{font-size:2em;width:auto}	
	#section_3 .choix {height:auto;flex-direction:row}
	#zone1,#zone2,#zone3{
	width:100% !important;	
	}
	#zone1 iframe,#zone2 iframe,#zone3 iframe{
	margin:0 !important;
	width:100% !important;
	}
	#section_2{
	width:100%;
	padding: 6vw 2% 0 2%;
	flex-direction: column;
	}
	#actus,
	#evenements{
	width:100%;
	margin: 5% 3%;
	}
}

@media screen and (max-width:480px){
	#top .villes{display:none}
	#appel_action{top:22%;}
	#retour_bo {display:none}
	#nav_sec .navigation_sec a {font-size: 0.8em;}
	.flexslider .slides .text_flex h2{display:none}
	.flexslider:hover .flex-next,.flexslider:hover .flex-prev {display:none}
	#section_3 h1{padding: 0;font-size: 1.6em;}
	#section_3 .choix{width:100%;min-height:auto}
	#section_3:before{height:6%;}
	#newsletter p {font-size: 0.75em;}
	footer:before{height:18px}	
	#menu_bas {display:none}
	#logotype >img{display:none}
}

@media screen and (min-width:769px){
  #burger{
    display:none !important;
  }
  #menu_haut{
	 display:block !important;
	 background:#2f7b8e;
  }
}