/************************************************************************************************************************************/
/* Ensemble de la page
/************************************************************************************************************************************/
html
{
	margin:0;
	padding:0;
	min-width: 300px;
}
body
{
	background-color: #F4F4F4;
	margin:0;
	padding:0;
	/* min-width:300px; */
	min-width: 300px;
	 min-height:160px;
}

/* Body */
/*  Pour Js */

body:after
{
	content:'{"width":"_0_"}';
	display: none;
}

@media all and (min-width: 1024px)
{
	body:after
	{
		content:'{"width":"_1024_"}';
		display: none;
	}
}

/************************************************************************************************************************************/
/* Liens generaux
/************************************************************************************************************************************/

a
{
	color:black;
	text-decoration: none;
}

a:hover
{
	color:#D5E7CC;
}

ul
{
	list-style: none;
	margin:0;
	padding:0;
}

/************************************************************************************************************************************/
/* En Tete
/************************************************************************************************************************************/

header
{
	color:white;
	background-color: #F4F4F4;
}

#_div_en_tete
{

	height:100px;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
     justify-content: center;
     align-items: center;
     color:black;
	margin:0;
	padding:0;
}

#_div_en_tete a:hover
{
	color:#D5E7CC;
}

/************************************************************************************************************************************/
/* En Tete gauche (logo)
/************************************************************************************************************************************/

#_div_logo
{
	width:35%;
	height:100%;
}

#_div_texte_logo
{
     margin:auto;
	padding-top: 12px;
	height:100%;
	text-align:left;
	margin-left: 12%;
	font-size:24px;
	font-weight: bold;
	font-family: apple-chancery;
}


#_texte_logo_1_1
{
	display: block;
	color:black;
}

#_texte_logo_2_1
{
	margin-top:0px;
	color:#ED458F;
	padding-top: 0px;
	font-size:10px;
}

.texte_logo_coloration
{
	color:#94C21E;
}

#_image_logo
{
	padding-top: 10px;
	margin-left: 25px;
	height:80px;
	float:left;
	margin-right:10px;
}

#_div_texte_logo
{
	display: none;
}

@media all and (min-width: 650px)
{
	#_div_logo
	{
		width:39%;
	}

	#_div_texte_logo
	{
		display: block;
		margin-left: 8%;
		margin-top:10px;
	}

	#_texte_logo_1_1
	{
		font-size:16px;
	}

	#_texte_logo_2_1
	{
		font-size:13px;
	}
}

@media all and (min-width: 1000px)
{
	#_div_logo
	{
		width:22%;
	}
	#_texte_logo_2_1
	{
		font-size:11px;
	}
}

@media all and (min-width: 1200px)
{
	#_texte_logo_2_1
	{
		font-size:16px;
	}
}

@media all and (min-width: 1300px)
{
	#_div_logo
	{
		width:22%;
	}

	#_div_texte_logo
	{
		margin-left: 10%;
	}

	#_texte_logo_2_1
	{
		font-size:18px;
	}
}

@media all and (min-width: 1600px)
{
	#_texte_logo_1_1,#_texte_logo_2_1
	{
		font-size:22px;
	}
}

/************************************************************************************************************************************/
/* En Tete Millieu
/************************************************************************************************************************************/

#_div_menu_millieu
{
	width:30%;
	height:100px;
	text-align:center;
	font-family: apple-chancery;
	font-weight:bold;
}

#_menu_1_lx a
{
	font-family: apple-chancery;
	font-weight:bold;
}

#_div_menu_reservation
{
	width:100%;
	height:25px;
	font-size:16px;
	padding-top:17px;
	padding-bottom:15px;
}

@media all and (min-width: 650px)
{
	#_div_menu_millieu
	{
		width:22%;
	}
	#_div_menu_reservation
	{
		font-size:20px;
		padding-top:15px;
	}
}

@media all and (min-width: 1000px)
{
	#_div_menu_millieu
	{
		width:56%;
	}
	#_div_menu_millieu a
	{
		font-size:13px;
		margin-left:1px;
		margin-right:1px;
	}
	#_div_menu_reservation a
	{
		font-size:16px;
	}
}

@media all and (min-width: 1200px)
{
	#_div_menu_millieu a
	{
		font-size:14px;
		margin-left:5px;
		margin-right:5px;
	}
	#_div_menu_reservation a
	{
		font-size:16px;
	}
}

@media all and (min-width: 1300px)
{
	#_div_menu_millieu a
	{
		font-size:15px;
		margin-left:5px;
		margin-right:5px;
	}
	#_div_menu_reservation a
	{
		font-size:18px;
	}
}

@media all and (min-width: 1600px)
{
	#_div_menu_millieu a
	{
		font-size:18px;
		margin-left:15px;
		margin-right:15px;
	}
	#_div_menu_reservation a
	{
		font-size:20px;
	}
}

/************************************************************************************************************************************/
/* Menu Responsive
/************************************************************************************************************************************/

#_menu_1_l0
{
	display:block;
}

#_menu_1_lx
{
	display:none;
}

/* Niveau 1 */

#_menu_1_l0 .ul_n1
{
	z-index: 1000;
	display:none;
	position:absolute;
	width:100%;
	font-size:14px;
	left:0px;
	top:90px;
	margin:0px;
	padding:0px;
	background-color:white;
}
#_menu_1_l0 .li_n1
{
	margin:0;
	display:block;
	height:29px;
	padding-top:7px;
	border-bottom:1px solid black;
}

#_menu_1_l0 li:hover ul.ul_n1
{
	display:block;
}



#_menu_1_l0 .li_n1 span
{
	display:inline;
	height:100%;
	margin-top:0px;
	letter-spacing: 1px;
	font-size:15px;
}

#_menu_1_l0 .ul_n1 li:hover a
{
	color:#D5E7CC;
}


#_menu_1_l0 .ul_n2
{
	display:none;
}

@media all and (min-width: 1020px)
{
	#_menu_1_l0
	{
		display:none;
	}
	#_menu_1_lx
	{
		display:block;
	}

	li.li_n1
	{
		display:inline-block;
	}
}

/************************************************************************************************************************************/
/* En Tete Droite
/************************************************************************************************************************************/

#_div_menu_droite
{
	width:35%;
	height:100px;
	text-align:center;
}

#_div_menu_droite ul
{
	margin:auto;
	text-align:center;
}

#_div_menu_droite li
{
	display:inline;
	font-size: 20px;
	margin-right:2px;
	margin-left:2px;
	font-family: apple-chancery;
}

#_div_menu_droite img
{
	width:24px;
}

#_menu_langue
{
	display:block;
	height:50px;
}

#_menu_contact
{
	display:block;
	padding-top:15px;
	height:40px;
}

@media all and (min-width: 650px)
{
	#_div_menu_droite
	{
		width:39%;
	}

	#_menu_contact
	{
		margin-right:4%;
	}

	#_div_menu_droite li
	{
		font-size: 25px;
		margin-right:7px;
		margin-left:7px;
	}
	#_div_menu_droite img
	{
		width:28px;
	}
	#_menu_contact
	{
		display:inline-block;
		padding-top:10px;
	}

}

/* @media all and (min-width: 780px)
{
	#_div_menu_droite
	{
		width:22%;
	}
	#_div_menu_droite img
	{
		width:32px;
	}

} */
@media all and (min-width: 1000px)
{

	#_div_menu_droite
	{
		width:22%;
	}
	#_div_menu_droite img
	{
		width:32px;
	}
	#_div_menu_droite li
	{
		font-size: 20px;
		margin-right:5px;
		margin-left:5px;
		font-weight:bold;
	}
	#_menu_langue
	{
		display:inline-block;
	}
	#_div_menu_droite ul
	{
		margin-top:30px;
	}
}

@media all and (min-width: 1200px)
{
	#_div_menu_droite li
	{
		font-size: 25px;
		margin-right:8px;
		margin-left:8px;
		font-weight:normal;
	}
	#_div_menu_droite ul
	{
		margin-top:30px;
	}
}

@media all and (min-width: 1300px)
{
	#_div_menu_droite li
	{
		font-size: 30px;
		margin-right:12px;
		margin-left:12px;
	}
	#_menu_contact
	{
		padding-top:0px;
	}
	#_div_menu_droite ul
	{
		margin-top:25px;
	}
}

#_div_ligne_separation
{
	height:1px;
	width:100%;
	background-color: black;
}

/************************************************************************************************************************************/
/* Div Page
/************************************************************************************************************************************/

#_div_page
{
		width:100%;
		height:100%;
		margin-bottom:20px;
		margin-top:0px;
		text-align:center;
}

/************************************************************************************************************************************/
/* Div Page DROITE ET GAUCHE
/************************************************************************************************************************************/

#_div_page a, #_div_page a
{
	width:calc(50% - 86px);
	display:inline-block;
	vertical-align: middle;
	background-color: #F4F4F4;
	border:3px solid black;
	padding:40px;
	font-size:25px;
	font-weight:bold;
	font-family: apple-chancery;
}

#_div_page a:hover
{
	/* background-color: #ED458F; */
	background-color: #D5E7CC;
	color:black;
}

#_div_page_droite img, #_div_page_gauche img
{
	display:inline-block;
	text-align: center;
	margin:auto;
	width:100%;
	vertical-align: middle;
}

@media all and (min-width: 700px)
{
	#_div_page_droite img, #_div_page_gauche img
	{
		display:inline-block;
		text-align: center;
		margin:auto;
		width:60%;
		vertical-align: middle;
	}
}

#_div_page_droite span, #_div_page_gauche span
{
	display:inline-block;
	text-align: center;
	margin:auto;
	vertical-align: middle;
	margin-left:3%;
	padding-top:10px;
}

/************************************************************************************************************************************/
/* Photos Accueil
/************************************************************************************************************************************/

#photo-accueil
{
	width:100%;
	margin:0px;
}



/************************************************************************************************************************************/
/* Diaporama Accueil
/************************************************************************************************************************************/

/* Diapo Accueil */
/* Largeur : >0 */

#diaporama_accueil
{
	width:100%;
	overflow:hidden;
	height:0px;
	height:40vh;
	position: relative;
}

#diaporama_accueil #contenant_1 ,
#diaporama_accueil #contenant_2,
#diaporama_accueil img
{
	position:absolute;
	margin:auto;
	right:-2000px;
	left:-2000px;
	top:-2000px;
	bottom:-2000px;
	opacity: 1;
	height:100%;
}

#diaporama_accueil #contenant_1
{
	opacity: 1;
}

#diaporama_accueil #contenant_2
{
	opacity: 0;
}

/* Diapo Accueil */
/* Largeur : >0 */
/* Orientation : Paysage */

@media all and (orientation:landscape)
{
	#diaporama_accueil
	{
		height:0px;
		height:65vh;
	}

	#diaporama_accueil #contenant_1 ,
	#diaporama_accueil #contenant_2,
	#diaporama_accueil img
	{
		width:100%;
		height:auto;
	}
}

/* L - Diaporama Accueil */

@media all and (orientation:landscape) and (min-width: 1200px)
{
	#diaporama_accueil
	{
		height:0px;
		height:75vh;
	}
}


/* Diaporama Accueil grand ecran */
/* @media all and (min-width: 1024px)
{
} */