/* Commun tablette et mobile */
@media (max-width: 12in){
	#page{
		overflow: visible;
		/*background-attachment: scroll !important;*/
		background-repeat: repeat !important;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-position: center center !important;
	}
	img{
		max-width:100%;
	}
	.responsive_none{
		display: none;
	}
	/*object{
		display: none;
	}*/
	h1{
		padding-left:0;
	}
	#page #contenu_bandeau,
	#page #contenu_bandeau #header.container{
		margin-top: 0px;
	}
	#page #contenu_bas{
		margin-top: 0px;
	}
	#header{
		min-height: 0px;
	}
	.no_responsive_none{
		display: inline-block;
		vertical-align:top;
	}
	.display-block_tablette_mobile{
		display:block;
	}
	.display-flex_tablette_mobile{
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
	}
	.flex-wrap-wrap_tablette_mobile{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
	}
	.flex-flow-row-wrap_tablette_mobile{
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
	}
	.flex-1_tablette_mobile{
		flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1 1 auto;
		-o-flex: 1;
	}
	.flex-none_tablette_mobile{
		flex: none;
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		-o-flex: none;
	}
	.flex-direction-column_tablette_mobile{
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
	}
	.justify-content-flex-end_tablette_mobile{
		justify-content: flex-end;
	  	-webkit-justify-content: flex-end;
	  	-moz-justify-content: flex-end;
	  	-ms-justify-content: flex-end;
	  	-o-justify-content: flex-end;
	}
	.align-items-stretch_tablette_mobile{
		align-items: stretch;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-ms-align-items: stretch;
		-o-align-items: stretch;
	}

	.float-shadow,.float-shadow-down {
	  -webkit-transition:none;
	  -moz-transition:none;
	  -o-transition:none;
	  transition:none;

	  -webkit-transform: none;
	  transform: none;
	  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
	}
	.float-shadow-down:hover, .float-shadow-down:focus, .float-shadow-down:active {
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
	.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
	  -webkit-transform: translateY(-10px);
	  transform: translateY(-10px);
	  opacity: 0.7;
	  /* move the element up by 5px */
	}
	
	/*BANDEAU*/
	#image_bandeau{
		z-index: 1;
		width:100%;
	}
	/*FIN BANDEAU*/
	
	/*MENU*/
	#contenu_menu_responsive .bande_blanche_menu{
		width: 20px;
		height: 2px;
		background-color: white;
		margin-top: 2px;
		margin-bottom: 4px;
	}
	#contenu_menu_responsive ul li a{
		text-decoration: none;
	}
	#contenu_menu_responsive ul li .actif{
	    background-image	:none;
	    text-decoration		:underline;
	}

	#contenu_menu_responsive ul li .actif a:hover{
	    background-image	:none;
	}
	/*FIN MENU*/
	
	/*PAGE*/
	#main_contenu,
	#main_contenu .wrapper_colonne{
		width: 100%;
	}
	/* FIN PAGE */

	/* FOOTER */
	#wrap_footer{
		width:100%;
	}
	#signature_footer{
		margin-top:10px;
	}
	#footer_logo_local{
		position: relative;
		top: 22px;
	}
	#footer_local_texte{
		width: auto;
	}
	/* FIN FOOTER */
	
		/* MODULES */
	/******* MPLAN *******/
	#map_canvas {
	    position: relative;
	    padding-bottom: 0;
	    padding-top: 30px;
	    height: 0;
		width: 83%!important;
	    overflow: hidden;
	}
	/******* FIN MPLAN *******/
	
	table{
		width: 100% !important;
	}
	
	/* FIN MODULES */

	/*GALERY*/
	.fancybox-next {
		right: -20px !important;
		visibility: visible !important;
	}
	.fancybox-prev {
		left: -20px !important;
		visibility: visible !important;
	}
	/*FIN GALERY*/	
}	

/* Mobile */
@media (max-width: 6in){
	html {
	    -webkit-text-size-adjust: none; /* Empêche le changement de taille de police sur la vue paysage (iPhone) */
	}
	.responsive_none_mobile{
		display: none;
	}
	.no_responsive_none_mobile{
		display: inline-block;
		vertical-align:top;
	}
	.display-block_mobile{
		display:block;
	}
	.display-flex_mobile{
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
	}
	.flex-wrap-wrap_mobile{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
	}
	.flex-flow-row-wrap_mobile{
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
	}
	.flex-1_mobile{
		flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
	}
	.flex-none_mobile{
		flex: none;
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		-o-flex: none;
	}
	.flex-direction-column_mobile{
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
	}
	.justify-content-flex-end_mobile{
		justify-content: flex-end;
	  	-webkit-justify-content: flex-end;
	  	-moz-justify-content: flex-end;
	  	-ms-justify-content: flex-end;
	  	-o-justify-content: flex-end;
	}
	.align-items-stretch_mobile{
		align-items: stretch;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-ms-align-items: stretch;
		-o-align-items: stretch;
	}
	
	/* FOOTER */
	#contenu_footer .bloc_statique{
		width:100%;
		border:none;
		border-top:1px dotted;
		margin:5px 0px 5px 0px;
		padding:0;
	}
	#footer_logo_local{
		text-align: center;
	}
	#contenu_footer .bloc_statique p.suivez_nous,
	#contenu_footer .bloc_statique:last-child{
		text-align: center;
	}
	#mentions_legales_contenu{
		font-size:14px;
	}
	/* FIN FOOTER */	
	
	/*MENU*/
	#contenu_menu_responsive{
		width: 100%;
		text-align: left;
		font-weight: bold;
		font-size: 15px;
		vertical-align: top;
		cursor: pointer;
		z-index: 99;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
	}
	#menu_responsive_mobile{
		min-height: 30px;
		line-height: 30px;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 10px;
	}
	#contenu_menu_responsive ul{
		display: none;
		list-style-type: none;
		margin: 0;
		padding:0;
	}
	#contenu_menu_responsive ul li{
		min-height: 25px;
		padding: 0 10px 0 10px;
	}
	#contenu_menu_responsive ul ul{
		display: none;
		margin-top:8px;
	}
	#contenu_menu_responsive .sous_menu_responsive{
		float: right;
		margin-top: 5px;
	}
	#contenu_menu_responsive li a{
		/*color: #FFFFFF;
		font: bold 12px Verdana;*/
	}
	/*FIN MENU*/	
	
	/*PAGE*/
	#main_contenu .wrapper_colonne .colonne{
		margin-left:0;
		width:100%;
	}
	/*FIN PAGE*/
	
	/*HEADER*/
	#header{
		width: 100%;
	}
	/*FIN HEADER*/
}

/* Tablette */
@media (max-width: 12in) and (min-width: 6in){
	.responsive_none_tablette{
		display: none;
	}
	.display-inline-block_tablette,
	.no_responsive_none_tablette{
		display: inline-block;
		vertical-align:top;
	}
	.display-block_tablette{
		display:block;
	}
	.display-flex_tablette{
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
	}
	.flex-wrap-wrap_tablette{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
	}
	.flex-flow-row-wrap_tablette{
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
	}
	.flex-1_tablette{
		flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
	}
	.flex-none_tablette{
		flex: none;
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		-o-flex: none;
	}
	.flex-direction-column_tablette{
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
	}
	.justify-content-flex-end_tablette{
		justify-content: flex-end;
	  	-webkit-justify-content: flex-end;
	  	-moz-justify-content: flex-end;
	  	-ms-justify-content: flex-end;
	  	-o-justify-content: flex-end;
	}
	.align-items-stretch_tablette{
		align-items: stretch;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-ms-align-items: stretch;
		-o-align-items: stretch;
	}

	/* BARRE SMO */
	#tools .tools_bar {
		width:auto;
	}
	#tools ul li{
		margin:0;
		padding:0;
	}
	.pusher_smo_menu_haut{
		margin-top: 33px;
	}
	/* FIN BARRE SMO */
	
	/*MENU*/
	#contenu_menu_responsive{
		width: 100%;
		height: auto;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
	}
	#contenu_menu_responsive ul{
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;		
		display: -ms-flex;		
		display: -o-flex;
		
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#contenu_menu_responsive li{
		flex: auto;
		-webkit-flex: auto;
		-moz-flex: auto;
		-ms-flex: auto;
		-o-flex: auto;
		
		text-align: center;
		border-right: 1px solid #777788;
		min-width: 99px;
	}
	#contenu_menu_responsive .sous_menu_responsive{
		display: inline-block;
		width: 20px;
		padding-left: 10px;
		padding-top: 5px;
		vertical-align: top;
	}
	#contenu_menu_responsive li a{
		color: #FFFFFF;
		font: bold 12px Verdana;
		display:inline-block;
		vertical-align: top;
		padding-top:6px;
		padding-bottom:6px;
	}
	#contenu_menu_responsive ul ul{
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		
		position: absolute;
		display: none;
		width: 100%;
		z-index: 99;
	}
	#contenu_menu_responsive ul ul li{
		margin: 0;
	}
	/*FIN MENU*/

	/* PAGE */
	.colonne_left_1{
		flex-basis: 1004px;
		-webkit-flex-basis: 1004px;
		-moz-flex-basis: 1004px;
		-ms-flex-basis: 1004px;
		-o-flex-basis: 1004px;
	}
	.colonne_left_3{
		flex-basis: 198px;
		-webkit-flex-basis: 198px;
		-moz-flex-basis: 198px;
		-ms-flex-basis: 198px;
		-o-flex-basis: 198px;
	}

	.colonne_main_3{
		flex-basis: 538px;
		-webkit-flex-basis: 538px;
		-moz-flex-basis: 538px;
		-ms-flex-basis: 538px;
		-o-flex-basis: 538px;
	}

	.colonne_right_3{
		flex-basis: 208px;
		-webkit-flex-basis: 208px;
		-moz-flex-basis: 208px;
		-ms-flex-basis: 208px;
		-o-flex-basis: 208px;
	}
	/* FIN PAGE */

	/* FOOTER */
	#contenu_footer .bloc_statique p.suivez_nous,
	#contenu_footer .bloc_statique:last-child{
		text-align: left;
	}
	/* FIN FOOTER */
	
	/*HEADER*/
	#header{
		width: 100%;
	}
	/*FIN HEADER*/

}