@media screen and (max-width: 900px) /* propriétés pour mobile */
{

	*
	{
		width:100% !important;
	}

	img 
	{ 
		max-width: 100%; 
		width: auto !important;
	}


	html
	{
	
		
	}

	.not_mobile { display: none; }
	.not_fullscreen { display: block; }

	body
	{
		height: auto;
	}

	
	.loisir_droite
	{
		position:relative !important; 
		width:100%;
	}

	#site
	{
		background-image: none !important;
	}


	#ombre
	{
		background-image: none !important;
	}

	#droite {
		float: none;
		width: 100% !important;
	    padding-bottom: 50px;
	    background-color:#FFFFFF !important;
	}
	#gauche
	{
		float: none;
		width: 100% !important;
		background-color:#FFFFFF !important;
	}



	#bandeau
	{
		background-image: none;
		max-width:100% !important;
		height: 10% !important;
	}



/*MENU RESPONSIVE*/

#navigation
{
	width: 100% !important;
}

	#menu
	{
		width: 100%;
		background: url(images/fond_mobile.jpg) center fixed;
		height: auto !important;
		color: #fff;
		padding-left:0;
	
	}


	#menu ul
	{
		display: block;
		width: 100% !important;
	}

	#menu ul li
	{
		background-image: none;
		float:none;
		height: 30px !important;
		padding: 0;
		margin: 0;
		line-height: 10px;
	}

	#menu a
	{
		color: black;
		font-size: 18px;
	}

	#menu ul li:hover
	{
		background-image: none;
	}

	#menu p
	{
		text-align: center;
		padding-top: 10px;
		font-weight: bold;
		font-size: 30px;
	}



/* Switching box model for all elements */
	* 	
	{
			-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	nav + * {
		position: relative;
	}

/* Theming opened nav */	
	nav ul {		
		
/* maximum height */
		max-height: 25em;

/* translate with hardware acceleration */
		-webkit-transform: translateZ(0); 
		-ms-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transition: max-height .4s;
		        transition: max-height .4s;
		will-change: max-height;

/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav a {
		display: block;
		padding: 1.2rem;
		color: #333;
		background: #fff;
		text-decoration: bold;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}
	nav a:hover, 
	nav a:focus,
	nav a:active
	{
		background: #eee;
	}
	
/* Theming closed nav */
	nav.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

/* Global styling nav button */	
	nav > button {
		display: block;
		position: absolute;
			top: 2.5rem; right: 1rem;
		z-index: 1;
		height: 3.5rem; width: 3.5rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
		background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
		background-image: linear-gradient(to right, #fff, #fff),
			linear-gradient(to right, #fff, #fff),
			linear-gradient(to right, #fff, #fff);
		background-position: right 20px top, right 20px center, right 20px bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 3.5rem .9rem;
		        background-size: 3.5rem .9rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: .2s;
		        transition: .2s;
	}
	
/*  Removing Firefox's dotted outline on button */	
	nav > button::-moz-focus-inner {
		border: 0;
	}
	
	
	
	
/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}

/* BONUS deco */

/* Global deco */
	html {font-size: 62.5%;}
	body {
		margin: 0;
		padding: 1rem;
		background: #e3e3e3;
		color: #000;
		font-family: helvetica, arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.5;
	}
	section {
		position: relative;
		margin-top: 1rem;;
		padding: 1rem;
		background: #fff;
	}

	
	h2 {margin-top: 2rem;}
	a {color: #345}
	ul {padding-left: 1em; list-style-position: inside}
	section li {list-style: none;}
	section li::before {content: "\2713 "; margin-right: .8rem;}


/* orientation */
	@media (orientation: landscape) and (max-device-width: 767px) {
		html,
		body {
			-webkit-text-size-adjust: 100%;
		}
	}

	pre {
		-moz-tab-size: 4;
	    -o-tab-size: 4;
		     tab-size: 4;
	    padding: 1em;
	    margin: auto 1em;
	    border-radius: 6px;
	    border: 1px solid rgba(0,0,0,.1);
	    background: rgba(255,255,255,.6);
	    white-space: pre-wrap;
		word-wrap: break-word;
		font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
		line-height: 1em;
	}

/*Titres gauche "Nos photos"*/
	

/*Gauche-bas contact*/
	.contact_plan
	{
		text-align: center;
	}
	.zone_contact
	{
		text-align: center;	
		margin-top: 20px;
	}

	.zone_bas_contact
	{
		padding: 0;
	}

	.titre_zone_contact
	{
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	



	.picto a, strong
	{
		font-size: 16px;
	}

	.zone_dispo
	{
		margin-top: 20px;
	}

/*Reseaux sociaux mobile*/

.reseaux_mobile img
{
	margin-right: 15px;
	margin-top: 20px;
}

/*droite*/

#droite h1 
{
    text-align: center;
}

#droite h1.int
{
	background-image: none;
}

#droite h1.int, h2
{
	text-align: center;
}

#droite h2.int
{
	margin-top: 0px;
	margin-bottom: 20px;
}

#droite h2.type_h1
{
	height: 28px;
}

#paragraphe .gauche,#paragraphe .droite,#paragraphe .centre
{
	display: block;
	max-width: 100%; 
	width: auto !important;
	margin: 20px auto !important;
	min-height: 25px;
}

#droite h2
{
	background-image: none;
	margin: 20px 0;
}
/*Gauche*/

#gauche img.gauche
{
	margin-right:20px;	
}

#gauche p.fleche_vert
{
	background-image: none;
}

/*fotter*/

	#footer2 
	{
		background-image:url(images/fond_mobile.jpg);
		background-repeat:no-repeat;
		width: 100%; 
		line-height: 30px;

	}

	#contenu
	{
		background-image: none;
		background-color: #ffffff;
	}
	#footer2 ul
	{
		text-align: center;
		display: block;
	}


	#footer2 li
	{
		max-width: 100px;
		display: inline-block;
		float: none;
	}

	#footer2 li a
	{
		color: #ffffff;
	}

	#footer2 a:hover
	{
		text-decoration: underline;
	}





/*Scenarii*/
	#copy
	{
		max-width: 200px !important;
	}

/*Page Tarif*/

		.tarif_titre div
	{
		margin-right: 100px;
	}

		.photo_tarif
		{
			padding: 0 20px;
		}	

/*Page Réservation*/	
	#form1
	{
		text-align: center;
	}

	.bloc-vignette 
	{
		margin-bottom: 10px;
		text-align: center;

	}

	.zone_formulaire
	{
		margin: auto !important;
	}

	

/*Accueil*/
	.sem_dispo
	{
		text-align: center;
		margin-bottom: 15px;
	}

	.bouton_dispo
	{
		text-align: center;
	}

	#gauche h2
	{
	background-color: #DAD9DE;	
	background-image: none;
	width: 100%;
	background-repeat:no-repeat;
	background-position:none;
	padding-left:0;
	margin-top:0;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	margin-top: 10px;
	}

	#case 
	{
    float: none;
    margin: 0;
    padding: 20px 20px;
    width: auto 20px;
    text-align: center;
	}

	h2.type_h1
	{
		background-color: #DBDBDB;
		margin-top: 20px;
		margin-bottom: 20px;
	}

   	.contact_accueil
   	{
   		display: block;
		text-align: center;	
   	}

   	.bloc-vignette
   	{
   		display: block;
   		text-align: center;
   	}

/*Slider*/


	.fotorama__nav-wrap, .fotorama__nav.fotorama__nav--thumbs
	{
		display: none !important;
	} 

	.fotorama__arr.fotorama__arr--next, .fotorama__arr.fotorama__arr--prev
	{
		display: none !important;
	}

	/**********/

	#texte
	{
		max-width: 380px;
	}

	.fleche_vert_sty
	{
		padding: 20px;
	}


}