@font-face {
  font-family: 'Cremona';
  src:url('fonts/Cremona-Regular.ttf')
}

@font-face {
  font-family:'Nature-SV';
  src:url('fonts/Nature.ttf')
}

@font-face {
  font-family: 'Abadi';
  src:url('fonts/AbadiMTStd-ExtraLight.otf')
}

@font-face {
  font-family: 'Alegreya';
  src:url('fonts/AlegreyaSans-Light.ttf')
}

@font-face {
  font-family: 'Alegreya-Regular';
  src:url('fonts/AlegreyaSans-Regular.ttf')
}

@font-face {
  font-family: 'Heebo';
  src:url('fonts/Heebo-Light.ttf')
}

body{
	margin: 0;
	/*-webkit-font-smoothing: antialiased;  
	font-smoothing: antialiased;*/ 
	font-size:19px; 
	color:#000/*#6f6f6f*/; 
	font-weight: 400;
	line-height: 24px;
}

.Sizebody{
	font-size:19px!important; 
}


@media (max-width: 767px)
{
	body {
		font-size: 16px;
		line-height: 20px;
	}
	
	.Sizebody {
		font-size: 16px!important;
	}
}

@media (max-width: 673px)
{
	.Style-body,body,.Sizebody
	{
		/*font-family: 'Alegreya','Roboto', sans-serif;
		font-family: 'Heebo','Roboto', sans-serif; 		
		font-family: 'Abadi','Roboto', sans-serif;*/
		font-family: 'Alegreya-Regular','Abadi', sans-serif!important; 
		font-size: 17px!important;
	}
}



html { 
	font-size: 15px; 
}

body, html {
    height: 100%;
}

header {
    width: 100%;
    z-index: 99;
}

a, a:active, a:focus {
    text-decoration: none;
}

*, ::after, ::before {
    box-sizing: border-box;
}

section:not(.baniere) {
    padding: 50px 61px;
    overflow: hidden;
    text-align: justify;
	margin-right: 100px;/*205px;*/
    margin-left: 100px;/*60px;*/
}


@media (max-width: 1040px)
{
	section:not(.baniere){
		margin-right: 20px;
		margin-left: 20px;/*60px;*/
	}
}

@media (max-width: 1199px)
{
	section:not(.baniere){
		padding: 50px 11px;
	}
}

@media (max-width: 673px)
{
	section:not(.baniere){
		padding: 15px;
		margin-right: 0;
		margin-left: 0;
	}
}


.cursorPointer {
	cursor:pointer;
}

/*Couleur Police*/
.Green-color{
	color:#5B8F7E;
}

.Green-color-light{
	color:#8CB6A8;
}


.Orange-color{
	color:#D8A468;
}

.Violet-Color{
	color: #6768A4; 	
}


.Green-color-light-h:hover{
	color:#8CB6A8;
}

.White-color{
	color:#FFF;
}

.Black-color{
	color:#000;
}

.Red-color{
	color:#FF0000;	
}

.Orange-color-light-hover:hover{
	color:#E0B87C;	
}

.Green-color-light-hover:hover{
	color:#8CB6A8;	
}

/*Couleur de fond*/
.Green-bcolor{
	background-color:#5B8F7E;
}

.Green-bcolor-light{
	background-color:#8CB6A8;
}

.Orange-bcolor{
	background-color:#D8A468;
}

.Violet-bColor{
	background-color: #6768A4; 	
}

.Violet-bColor-light{
	background-color: #ECE9F8; 	
}

.Violet-bColor-Form{
	background-color: rgba(218,211,242,0.49); 	
}


.Green-bcolor-title{
	background-color:rgba(140,182,168,0.69);
}

.White-Bcolor70pct{
	background-color:rgba(255,255,255,0.7);
}

.Liens-bcolor
{
	background-color: #fffbf3!important;
}
/*Typo*/
.FontStyle-W{
	font-weight: 600!important;
}


.FontStyle-W0{
	font-weight: 100;
}

.Style-Cremona{
	font-family: 'Cremona','Roboto', sans-serif; 
}

.Style-Nature{
	font-family: 'Nature-SV','Roboto', sans-serif; 
}

.Style-body,body{
	/*font-family: 'Alegreya','Roboto', sans-serif; 
	font-family: 'Alegreya-Regular','Roboto', sans-serif; */
	font-family: 'Heebo','Roboto', sans-serif; 
	/*font-family: 'Abadi','Roboto', sans-serif;*/ 
}

.FontS-Chapeau{
	font-size: 24px;
}

.underline{
	text-decoration:underline;
}

.underline-h:hover{
	text-decoration:underline;
}

.underline-FF
{
	text-underline-position: from-font;
}

.underline-Under
{
	text-underline-position: under;
}

.italic{
	font-style:italic;
}


@media (min-width: 575px) { 
	.FontS-Chapeau{
		font-size: 35px;
	}
}

@media (min-width: 768px) { 
	.FontS-Chapeau{
		font-size: 40px;
	}
	
	.FontS-ChapeauGuide{
		font-size: 32px;
	}
}

.lineH2
{
	line-height: 2em;
}

.GuideH1{
	height: 1.4em;
}

.GuideH2{
	height: 2em;
}

.GuideH3{
	height: 2em;
}
/*Image*/

img{
	vertical-align:middle;
	max-width:100%;
	height:auto; 
}

.initial-background-position
{
	background-position: initial!important;
}

.CadreImage{
	border-radius: 0% 33%;
    border: 4px solid #DAD3F2;
	max-height:100%;
	background-size: auto 100%;
	background-position:center;
	background-repeat: no-repeat;
	width:200px;
}

.CadreImage2{
	border-radius: 0% 33%;
    border: 4px solid #DAD3F2;
	max-height:100%;
	background-size: auto 100%;
	background-position:center;
	background-repeat: no-repeat;
	width:350px;
}

.CadreImageGalerie{
	border-radius: 0% 33% 0% 50px;
    border: 2px solid #DAD3F2;
	max-height:100%;
    background-size: auto 190%;
    background-position: 12% 72%;
	background-repeat: no-repeat;
	width:16%;
	border-left: none;
    border-bottom: none;
	margin-top: -2px;
    margin-left: -2px;
	padding-bottom: 2px;
    padding-right: 2px;
}

.CardeImageQui{
	border-radius: 0% 45% 0% 45%;
    border: 2px solid #DAD3F2;
    max-height: 100%;
    background-size: auto 105%;
    background-repeat: no-repeat;

}

.FondFormulaire,.FondFormulaire2{
	border-radius: 0% 20% 0% 20%;
}

.FondFormulaire{
    background-size: auto 100%;
    background-repeat: no-repeat;
	width:100%;
	padding-bottom: 3%;
}

.FondFormulaire2{
    width: 60%;
    margin-left: 36%;
	background-color:rgba(255,255,255,0.69);
    padding-bottom: 23px;
    padding-top: 3%;
}

.CardeImageQui{
	width: 215px;
}

.CardeImageQuiSize{
	width: 275px;
}

.TextQuiGalerie
{
	position: absolute!important;
	top: 50%!important;
    right: 20px!important;
    width: 390px!important;
    height: 140px!important;
	padding-top: 18px;
    transform: translate(0%, -50%);
}
	
	
.TexteGalerie{
	width:83%;
	padding: 2% 5% 5% 5%;
}

.QuiGalerie{
	position: relative;
	display: flex;
	align-items: center;
	width:Calc(813px - 215px);
}


.QuiGalerie img{
	width:100%;
}

.TexteGalerie p{
	text-align: justify!important;
	margin:0px!important;
}

@media (max-width: 673px)
{
	.CadreImage{
		width: 200px;
		height: 150px;
		margin: 0 auto 5% auto;
		background-size: auto 125%;
	}
	
	.CadreImagePresta{
		background-size: auto 140%;
	}
	.FondFormulaire2{
		width: 98%;
		margin-left: 1%;
		border-radius: 3%;
		background-color: rgba(255,255,255,0.79);
	}
	
	.FondFormulaire{
		border-radius: 0%;
	}

	img:not(.BoutonChapeau,#pied img,#Logo-SV,.CardeImageQui img,.QuiGalerie img,#home img,.lb-overlay img,.carousel-inner img,#FormPageSuiv img,#FormEnvoyer img){
		max-width:50%;
	}
	
	#ImgPlanete
	{
		max-width:45%!important;
	}
}

.ImgFond{
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: -10%;
}

.GaleriePhoto
{
	width:673px;
	height:210px;
	margin:auto;
	border: 2px solid #DAD3F2;
	border-radius: 0% 50px;
	display: flex;
}

.GalerieCarnet
{
	width:90%;
	height:245px;
	margin:auto;
	border: 2px solid #DAD3F2;
	border-radius: 0% 50px;
	display: flex;
}

.GalerieGuide
{
	width:90%;
	height:143px;
	/*margin:auto;*/
	padding: 0px 10px;
	/*border: 2px solid #DAD3F2;*/
	/*border-radius: 0% 50px;/*
	/*display: flex;*/
}

.GalerieInspiration
{
	width:100%;
	height:100%;
	/*margin:auto;*/
	padding: 0px 10px;
	/*border: 2px solid #DAD3F2;*/
	/*border-radius: 0% 50px;/*
	/*display: flex;*/

}

.QuiPhoto
{
	width:813px;
	height:280px;
	margin:auto;
	display: flex;
}

.PresPhoto
{
	width:Calc(813px + 40px);
	margin:auto;
}

@media (max-width: 1040px) {
	.QuiGalerie{
		width:Calc(700px - 215px);
	}
	.QuiPhoto{
		width:700px;
	}
	.PresPhoto{
		width:Calc(700px + 40px);
	}
	.TextQuiGalerie
	{
		position: absolute!important;
		top: 50%!important;
		right: 20px!important;
		width: 310px!important;
		height: 135px!important;
		padding-top: 13px;
		padding-right: 0px;
		transform: translate(0%, -50%);
	}
		
}

@media (max-width: 767px) {
	.QuiGalerie{
		width:Calc(605px - 215px);
	}
	.QuiPhoto{
		width:605px;
	}
	.PresPhoto{
		width:Calc(605px + 40px);
	}
	.TextQuiGalerie
	{
		position: absolute!important;
		top: 50%!important;
		right: 20px!important;
		width: 245px!important;
		height: 128px!important;
		padding-top: 16px;
		padding-right: 0px;
		transform: translate(0%, -50%);
	}
}

@media (max-width: 673px) {
	.QuiGalerie{
		width:324px;
	}
	.QuiGalerie img{
		height: 115%;
		margin-top: 19px;
	}

	.QuiPhoto{
		width:324px;
		height:150px;
	}
	.PresPhoto{
		width:Calc(324px + 40px);
	}
	.TextQuiGalerie
	{
		position: absolute!important;
		top: 120px!important;
		right: 6px!important;
		width: 265px!important;
		height: 100px!important;
		padding-top: 0px;
		padding-right: 0px;
		transform: translate(0%, -50%);
	}
}


@media (max-width: 374px) {
	.QuiGalerie img{
		width: 90%;
	}
	
	.TextQuiGalerie
	{
		right: 40px!important;
		width: 235px!important;
	}
}

.GalerieCarnet img {
	cursor:pointer;
}

.ImageGalerieFix{
	width:20%;
}

.ImageGalerieFix img{
	width:100%;
}

@media (max-width: 673px)
{
	.ImgFond{
		    background-size: 0%;
	}
	.GaleriePhoto,.TexteGalerie
	{
		width:100%;
		/*height:180px;*/
	}
	.CadreImageGalerie,.CardeImageQui{
		display:none;
	}
}

.FondSection1{
	background-image:url('../img/plage.jpg');
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position-y:65%;
}

.FondEvasion{
	background-image:url('../img/Femme.jpg');
	background-repeat:no-repeat;
	background-size: auto 100%;
    background-position: center;
}

.FondYeux{
	background-image:url('../img/Plein_yeux.jpg');
	background-repeat:no-repeat;
	background-size: auto 100%;
    background-position: center;
}



.FondSection2{
	background-color:rgba(255,240,229,0.27);

}

.FondSection3{
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position-y:35%;
}

.FondSection4{
	background-image:url('../img/Chevaux.jpg');
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position-y: 87%;
}


.FondTexte{
	background-image:url('../img/Fond_texte_1.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.FondBouton{
	background-image:url('../img/Fond_texte_2.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	width: 101%;
    margin: -2px 0px 0px -3px;
}

.FondBouton:hover{
	cursor:pointer;
	background-image:url('../img/Fond_texte_2-hov.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.HRGuide
{
	margin-left: 0;
    margin-top: 0.8em;	
	height: 1px;
    border: none;
}

.HRCenter
{
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1500px) {
	.FondTexte{
		margin: 0px 12%!important;
	}
}

.FondOptions{
	padding: 0px 10px;
    border-radius: 0px 10px 0px 10px;
    max-width: 80%;
    margin: auto;
}

.FondOptionsForm{
	padding: 0px 10px;
    border-radius: 0px 10px 0px 10px;
	margin: 0px 5%;
}

 
.FondOptions-desc{
	padding: 15px 15px 15px 0px;
	margin-left:6%;
}

.FondDivFiches
{
    background-color: white;
    padding: 15px;
	display: flex;
	border: thin solid;
	border-radius: 10px;
}

.DivBoutonChapeau:hover .BoutonChapeau,.DivBoutonChapeauGuide:hover .BoutonChapeau {
    content:url('../img/BoutonChapeau-hover.png');
}

.DivPetitBoutonChapeau:hover .PetitBoutonChapeau,.DivPetitBoutonChapeauEnvoyer:hover .PetitBoutonChapeau {
    content:url('../img/PetitBoutonChapeau-hover.png');
}

.Feuilles,.Feuilles2
{
	
	width:20%;
	margin-left: -11.2%;
	margin-top: -12.5%;
	
	-webkit-transform:rotate(-5deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);   /* Standard syntax */
}

.Feuilles2
{
	margin-top: -20%;
}

.no-border
{
	border:none!important;
}

@media (max-width: 1200px)
{
	.FondOptions{
		max-width: 100%;
	}
}

@media (max-width: 673px)
{
	.FondSection1{
		background-size: 325% auto;
	}
	
	.FondSection3{
		background-size: 350% auto;
		background-position: center;
	}
	
	.FondSection4{
		background-size: 360% auto;
		background-position-y: center;
		background-position-x: 65%;
	}
	
	.Feuilles,.Feuilles2
	{
		width: 35%;
		margin-left: -19.2%;
		margin-top: -23.5%;
	}
	
	.FondDivFiches
	{
		padding: 10px;
	}
	
	.FondEvasion{
		background-size: 100% auto;
	}
	
	.FondYeux{
		background-size: 100% auto;
		background-position:center 8%
	}
	
	.FondOptions{
		max-width: 50%;
		margin: 0;

	}
	
	.FondOptions-desc
	{
		margin-left:0;
	}
	
	.PlusOptions{
	position: absolute;
    right: 18%;
	}
	
	.FondOptionsForm{
		width: 80%;
		margin: auto;
	}
	
	.DivContact
	{
	    height: auto!important;
		min-height:450px;
	}
    
}

@media (max-width: 374px)
{

}

/*Menu*/

.DivActu{
	width: calc(100% - 82px - 125px);
    /*text-align: center;*/
    position: absolute;

    /*width: fit-content;
	margin: auto;*/
	/*margin-top: -40px;*/
    /*margin-left: auto;
    margin-right: auto;*/
	font-size: 14px;
    padding-left: calc(11px + 61px);
}

.DivActuMobile{
	width: 100%;
    text-align: center;
    font-size: 14px;
}

header nav{
	width: 100%;
}


.barre-nav{
	padding: 0 50px!important;
	z-index: 9999;
	position: fixed;
}


@media (max-width: 1199px)
{
	.barre-nav{
		padding: 0!important;
	}
}

.contain-foot{

		width:100%;
		padding-right:calc(var(--bs-gutter-x) * .5);
		padding-left:calc(var(--bs-gutter-x) * .5);
		margin-right:auto;
		margin-left:auto
}

.content-fl
{
	display: flex;
    /*align-items: center;*/
	/*padding-top: 12px;*/
    width: 100%;
	padding-right:11px;
	padding-left:11px;
	/*--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);*/
}

@media (max-width: 767px) {
	.content-fl {
		align-items: normal!important;
		margin-top: 8px;
	}
}

.barre-nav-nav{
	flex-direction: column;
}

header nav .barre-nav-nav > li > a
{
    margin: 0 20px;
    letter-spacing: 0.015em;
	line-height: 20px;
	padding: 12px 0;
    display: block;
}

header nav .barre-nav-nav > li > ul > li > a {
    margin: 0 20px;
    letter-spacing: 0.015em;
	/*line-height: 20px;*/
	padding: 5px 0;
    display: block;
}

header nav .barre-nav-nav > li:last-child a {
    margin-right: 0;
}


ul.barre-nav > li > a {
    display: block;
}


.Right-barre{
	border-right: 2px solid #5B8F7E;
}

nav.barre-nav .barre-nav-nav li a{
	color:#D8A468;
	font-family: "Cremona";
	font-size:17px!important;/*20*/
	font-weight:100!important;
}


@media (max-width: 1200px) {
	nav.barre-nav .barre-nav-nav li a{
		font-size:15px!important;
	}
}

.collapse:not(.show) {
    display: none;
}

nav.barre-nav .barre-nav-nav li:hover{
	background-color:rgba(140,182,168,0.14)!important;
}

nav.barre-nav .barre-nav-nav li a:hover{
	color:#5B8F7E!important;
}

nav #Logo-SV{
	visibility:hidden;
}

#Logo-SV,#HiddenLogo-SV{
	width: 61px!important;;
}


.fixenav nav{
	background-color:#FFF;
}

.fixenav nav #Logo-SV{
	visibility:visible;
}

.navul{
	display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	flex-wrap: wrap;
}

.Menu-bar{ 
	display: block; 
	width: 22px; 
	height: 2px; 
	border-radius: 1px;
	background: #000; 
	margin-top: 4px;
}

.navulul{
    list-style: none;
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	flex-wrap: wrap;
	display: none; 
}



.navul li:hover > ul {
	display: block;
  }
  

.Only-s{
	position: absolute;
    clip: rect(0,0,0,0);	
}

.barre-nav-bascule {
	padding: 3px 11px;
	background-color: transparent;
    float: right;
    border: none;
}

#MenuPrincipal{
	
}

@media (min-width: 1040px)
{
	.barre-nav-bascule {
		display: none;
	}
}


@media (max-width: 1040px)
{
	.barre-nav-nav {
		background-color: #D8A468!important;
	}
	
	.barre-nav-collapse {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
	}

	
	.navulul{
		display: flex!important; 
		padding-left: 25px;
	}
}
@media (min-width: 1040px)
{
	.barre-nav-collapse{
		display: flex!important;
	}
}

@media (max-width: 1040px)
{
	.barre-nav-nav{
		background-color: rgba(23, 23, 23, 0.95);
	}
	
	.barre-nav-nav li a
	{
		margin: 0!important;
		padding: 9px 15px 8px!important;
		color: #fff!important;
	}
}

@media (min-width: 1040px)
{
	.barre-nav-nav{
		flex-direction: row;
	}
}

@media (min-width: 1040px)
{
	nav.barre-nav .barre-nav-nav li:not(.Nobarre)::before{
	  content: "|";
	  color:#8CB6A8;
	  font-size: 22px;
	  font-weight: 300;
	  position:absolute;
	  margin-top:9px;
	}
}

/*Header & Social icone*/
.header-icon{
    padding-left: 15px;
    line-height: 15px;	
}

.header-socialbar{
	font-size:22px;
	margin-top: 2px;
}

.header-socialbar a{
    padding-right: 4px;
}

.para {
    background-size: cover;
	transition-duration: 0s; 
}

#slogan h6,#slogan .h6{
	padding:9px 0px 0px 0px;	
}

#slogan{
	margin-top:-75px;/*60px;*/
	position: absolute;
	width: 100%;
	height: 75px;/*60px;*/
}


@media (max-width: 1040px) {
	#slogan{
		margin-top:-60px;
		position: absolute;
		width: 100%;
		height: 60px;
	}
	#slogan h6,#slogan .h6{
		padding:4px 0px 0px 0px;	
	}

}

@media (max-width: 767px) {
	#slogan{
		margin-top:-44px;
		position: absolute;
		width: 100%;
		height: 44px;
	}
	#slogan h6,#slogan .h6{
		padding:2px 0px 0px 0px;	
		font-size: 15px;
	}
}

.listePresta,.listePresta-Option,.listeInspiration{
  list-style: none;
  padding: 0!important;
}

.listePresta,.listeInspiration{
  text-align: justify;
}

.liste-style-none {
  list-style: none;
  padding: 0!important;
}

.listePresta li:before,.listePresta-Option li:before {
  content: '✓';
  color: #6768A4;
}

.listeInspiration li:before {
	content: '-';
}

.listePresta-Option li.Green-color-puce:before {
  color: #8CB6A8;
}

.listePresta,.listePresta-Option{
  line-height: 2em;
}

.listeInspiration{
	line-height: 2em;
}

.listePresta-Option{
	margin:0!important;
}

.tiret-milieu{
	font-weight:400;
	letter-spacing: -4px;
}
    
/* Entête onglet */
#home,#pied,.DivHomePC,.HomeMobile{
    position: relative;
	background-repeat:no-repeat;
}

.baniere
{
	padding: 0px!important;
    margin-Top: -23%;
    margin-bottom: Calc(23% - 120px);
}

#HiddenLogo-SV{
	padding-bottom:40px;
}

.Titre-Onglet
{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	
.Titre-Onglet h1,.Titre-Onglet h2
{
    text-align: center!important;
    font-weight: 100!important;
    background-color: #fff;
    border: thin solid #5B8F7E;
    border-radius: 50% 50%;
    width: 400px!important;
	padding: 50px 0px 23px 0px;
}

@media (max-width: 1040px) {
	.Titre-Onglet h1,.Titre-Onglet h2
	{
		width: 340px!important;
		padding: 45px 0px 20px 0px;
	}
	
	.Titre-Onglet
	{
		left: 50%;
	}
}

@media (max-width: 767px){
	.Titre-Onglet h1,.Titre-Onglet h2
	{
		width: 220px!important;
		padding: 25px 0px 8px 0px;
	}
	.Titre-Onglet
	{
		left: 50%
	}
	
	#home img,.DivHomePC img,.HomeMobile img{
		height: 190px;
	}
}

@media (max-width: 673px){
	.PiedIndex
	{
		background-position-y: 23%;
	}
	.PiedEco,.piedQui,.piedCarnet
	{
		background-position: center;
	}
    
	.contain-foot img {
		max-width: 62%!important;
	}
	
	.piedSejours
	{
		background-position: bottom;
	}
	
}


    
/*Footer*/

.scroll-top-fleche, .scroll-top-fleche:focus { 
	color: #fff; 
	background: #5B8F7E; 
	line-height: 32px; 
	display: none; 
	height: 30px; 
	width: 30px; 
	padding: 0; 
	position: fixed; 
	left: 8%;/*90px;*/ 
	text-align: center; 
	text-decoration: none; 
	top: 95%; 
	z-index: 10006; 
	border-radius: 100%;
}
.scroll-top-fleche:hover {
	background: #6768A4; 
	opacity:0.8; 
	color: #fff;
}
.scroll-top-fleche i {
	line-height: 30px;  
	position: relative;
}

/*.fleche-up {
    width: 18px;
    height: 14px;
    background-color: #fff;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    margin-top: 6px;
    margin-left: 6px;
}*/

footer
{  
	padding-top: 2%;
	background-color:#D8A468;
	padding-bottom: 40px;
	

}	

@media (max-width: 673px){
	footer
	{
		padding-bottom: 20px!important;
	}
}

/*Bouton*/
.bouton{
	border: 2px solid transparent;
	letter-spacing: 1px;
	border-radius: 50px;
	line-height: inherit;
	text-transform: uppercase;
	border-color: #dbdbdb;
    color: #fff;
	font-weight: 600;
	font-size: 11px;
    padding: 4px 22px;;
}


.bouton:hover{

	border-color: #dbdbdb;
    color: #fff!important;
	background-color:#5B8F7E!important
}

.DivBoutonChapeau,.DivPetitBoutonChapeau,.DivPetitBoutonChapeauEnvoyer,.DivBoutonChapeauGuide{
	text-align:center;
	font-family:'Cremona';
	color:#fff;
	cursor:pointer;
}

.DivBoutonChapeau{
    /*margin: 0px 0px 0px -18px;*/
	margin:auto;
    WIDTH: 254px;
}

.DivPetitBoutonChapeau{
	margin-left: auto;
    WIDTH: 180px;
}

.DivPetitBoutonChapeau p{
	FONT-SIZE: 22PX;
    margin: -55px -45px 0px 0px!important;
}


.DivBoutonChapeauGuide{
	margin-left: auto;
    WIDTH: 100%;
}

.DivBoutonChapeauGuide p{
	FONT-SIZE: 15PX;
    margin: -56px -40px 0px 0px!important;
}

.DivPetitBoutonChapeauEnvoyer{
	margin: auto;
    WIDTH: 200px;
	padding-bottom: 7px;
}

.DivPetitBoutonChapeauEnvoyer p{
	FONT-SIZE: 22PX;
    margin: -62px -45px 0px 0px!important
}
	
@media (max-width: 575px) {

	.DivBoutonChapeau p{
		FONT-SIZE: 11PX;
		margin: -49px -30px 0px 0px!important;
	}
}


@media (min-width: 575px) {
	.DivBoutonChapeau{
		padding:30px 0px;
		width:365px;
		margin:auto;
	}
	.LesPlus .DivBoutonChapeau{
		padding:0px 0px!important;
	}
	
	.DivBoutonChapeau p{
		margin:-70px -40px 0px 0px!important;
	}
}

@media (min-width: 768px) {
	.DivBoutonChapeau{
		padding:40px 0px;
		width:435px;
		margin:auto;
	}
	
	.LesPlus .DivBoutonChapeau{
		padding:0px 0px!important;
	}
	
	.DivBoutonChapeau p{
		margin:-80px -40px 0px 0px!important;
	}
	
	.DivBoutonChapeauGuide{
		padding:40px 0px;
	}
}


@media (max-width: 768px) {

	
	.DivPetitBoutonChapeau p{
		margin:-44px -30px 0px 0px!important
	}
	
	.DivPetitBoutonChapeau {
		WIDTH: 120px;
	}	
	
	.DivPetitBoutonChapeauEnvoyer p{
		margin:-44px -30px 0px 0px!important
	}
	
	.DivPetitBoutonChapeauEnvoyer {
		WIDTH: 120px;
	}	
}

/*Disposition*/
.Relative
{
	position:relative;
}

.Absolute
{
	position:absolute;
}

.ligne,.ligneButtonCarrousel
{
	display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}


.align-items-center
{
	align-items: center!important;
}

.colonne
{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;	
}

.col{
	flex: 1 0 0%;
}

@media (min-width: 1040px)
{
	.colonne-2
	{
		flex: 0 0 auto;
		width: 16.66666667%;
	}
}

.d-none,.DivMobile,.DivTelephone,.HomeMobile {
    display: none!important;
}

.DivPC-block{
	display: block!important;
}

.display-none {
    display: none;
}

.display-flex {
    display: flex;
}

.hidden{
	visibility:hidden;
}

.d-block{
    display: block!important;
}

.d-inline-block{
    display: inline-block!important;
}

@media (min-width: 768px)
{
	.display-inline-block {
		display: inline-block!important;
	}
}

.display-table{
	display: table!important;
}

.Width10{
	width:10%;
}
.Width20,.Width20f{
	width:20%;
}
.Width25{
	width:25%;
}

.Width30,.Width30f{
	width:30%;
}

.Width33,.Width33f{
	width:33.33%;
}

.Width35,.Width35f{
	width:35%;
}

.Width38{
	width:38%;
}


.Width40,.Width40f{
	width:40%;
}

.Width45{
	width:45%;
}

.Width47{
	width:47%;
}
.Width50,.Width50f{
	width:50%;
}

.Width55{
	width:55%;
}

.Width60,.Width60f{
	width:60%;
}

.Width62{
	width:62%;
}

.Width66{
	width:66.66%;
}

.Width70{
	width:70%;
}
.Width74{
	width:74%;
}
.Width80,.Width80f{
	width:80%;
}
.Width90{
	width:90%;
}

.Width95{
	width:95%;
}

.Width100{
	width:100%;
}
.widthRightImage{
	width:Calc(100% - 200px);
}

.widthRightImage2{
	width:Calc(100% - 350px);
}

.widthPhone{
	width: 673px;	
}

@media (max-width: 673px)
{
	.widthRightImage,.widthRightImage2,.Width70,.Width50,.Width47{
		/*padding-top:10px;*/
		width:100%;
	}
	
	.Width30,.Width35,.MobileW100,.Width80,.Width74,.Width20,.Width66,.Width38,.Width62,.Width40,.Width60{
		width:100%;
	}
	
	.Width33,.Width25{
		width: 100%;
		margin: auto;
	}
	.CadreImageMobile,.PresPhoto,.Etiquette1{
		display:none;
	}
	.DivMobile{
		display: block!important;
	}
	.DivPC,.DivTelephone,.DivPC-block{
		display: none!important;
	}
	.Width50Mob
	{
		width:50%!important;
		margin: 0;
	}
	
	.Width15Mob
	{
		width:15%!important;
	}
	
	.Width20Mob
	{
		width:20%!important;
	}
	
	.Width40Mob
	{
		width:40%!important;
	}
	.Width60Mob
	{
		width:60%!important;
	}
	.Width85Mob
	{
		width:85%!important;
	}
}

@media (max-width: 374px)
{
	.Width55,.Width45,.Width95{
		width:100%;
	}
	.DivNoTelephone{
		display: none!important;
	}
	
	.DivTelephone{
		display: block!important;
	}
}

@media (max-width: 340px)
{
	.DivHomePC{
		display: none!important;
	}
	.HomeMobile{
		display: block!important;
	}
	
}

.Height100{
	height:100%;
}

.Height0{
	height:0;
}

.height-fit-content{
	height: fit-content;
}

/*Marge et padding */

.margin-auto {
    margin: auto;
}

.margin-auto-verti {
    margin: auto 0;
}
	
.margin-0{
	margin: 0px !important;
}

.marginT-10{
	margin: 10px 0px 0px 0px !important;
}

.marginT-14px,.marginMenu{
	margin-top: 14px;
}

.marginT-24px{
	margin-top: 24px;
}
	
.margL3,.margL3f{
	margin-left:3%;
}

.margR3{
	margin-right:3%;
}

.margR1{
	margin-right:1%;
}

.margT2{
	margin-Top:2%;
}

.margT3{
	margin-Top:3%;
}

.margin-Titre-presta
{
	margin:0px 0px 0px -3px!important;
}

.margL20{
    margin-left: 20%;
}

.MargPresta{
	margin-top:-5%;
}

@media (max-width: 1040px)
{
	.margin-bottom-20 {
		margin-bottom: 20px !important;
	}
	.marginMenu{
		margin-top: 24px;
	}
}

@media (max-width: 673px)
{
	.margL3{
	margin-left:0%;
	}

	.margR3{
		margin-right:0%;
	}
	
	.marginMenu,.marginT-24px{
		margin-top: 0%
	}
	.margT3Mob{
	    margin-top: 3%	
	} 
	
	.margT6Mob{
	    margin-top: 6%	
	}
	
	.margT7Mob{
	    margin-top: 7%	
	} 
	
	.margin-autoMob {
		margin: 0 auto!important;
	}
	
	.MargPresta{
		margin-top:3%;
	}
}

.padding-0 {
    padding: 0!important;
}

.padL2{
	padding-left:2%;
}

.padL3,.padL3f{
	padding-left:3%;
}

.padL6,.padL6f{
	padding-left:6%;
}
.padR2,.padR2f{
	padding-right:2%;
}
.padR3,.padR3f{
	padding-right:3%;
}
.padR6,.padR6f{
	padding-right:6%;
}

.padLR3
{
	padding-left:1.5%;
	padding-right:1.5%;
}

.padLR6,.padLR6f
{
	padding-left:3%;
	padding-right:3%;
}

.padB1
{
	padding-bottom:1%;
}

.padB2,.padB2f
{
	padding-bottom:2%;
}

.padB3,.padB3f{
	padding-bottom:3%;
}


.padB4,.padB4f{
	padding-bottom:4%;
}


.padB5,.padB5f{
	padding-bottom:5%;
}


.padB6,.padB6f{
	padding-bottom:6%;
}

.padB8{
	padding-bottom:8%;
}

.padB10{
	padding-bottom:10%;
}

.padB13{
	padding-bottom:13%;
}

.padB15{
	padding-bottom:15%;
}

.padT10px{
	padding-top:10px;
}

.padT24px{
	padding-top:24px;
}

.padT1{
	padding-top:1%;
}

.padT2{
	padding-top:2%;
}

.padT3,.padT3f{
	padding-top:3%;
}

.padT4,.padT4f{
	padding-top:4%;
}

.padT5{
	padding-top:5%;
}

.padT6{
	padding-top:6%;
}

.padT7{
	padding-top:7%;
}

.padT8{
	padding-top:8%;
}

.padT9{
	padding-top:9%;
}

.padT10{
	padding-top:10%!important;
}

.padT12{
	padding-top:12%;
}

.padT15{
	padding-top:15%;
}

.padT25{
	padding-top:25%;
}

.padT30{
	padding-top:30%;
}

.padT20px{
	padding-top:20px;
}

.padTitre{
	padding-left:1.5%;
	padding-right:1.5%;
}

.no-padingB{
	padding-bottom:0px!important;
}

.no-padingT{
	padding-Top:0px!important;
}


.no-pading{
	padding:0px!important;
}

.no-margin{
	margin:0px!important;
}


.no-marginB{
	margin-bottom:0px!important;
}


.PaddingOnglet
{
	padding-bottom: 110px!important;
}

.MarginAuto
{
    margin: auto;
}

.SpacingTitle,.SpacingTitlem
{
    margin-bottom: 40px!important;
}

.FloatR{
	float:right;
}

.FloatL{
	float:left;
}

@media (max-width: 1040px)
{
	.content-fl.padB2Mob
	{
		padding-bottom:2%;
	}
}

@media (max-width: 673px)
{
	.padB2Mob
	{
		padding-bottom:2%!important;
	}
	
	.padB3Mob
	{
		padding-bottom:3%!important;
	}
	.padB4Mob
	{
		padding-bottom:4%!important;
	}
	.padB5Mob
	{
		padding-bottom:5%!important;
	}

	.padB6Mob
	{
		padding-bottom:6%!important;
	}

	.padB8Mob
	{
		padding-bottom:8%!important;
	}

	.padB2,.padB3,.padB4{
		padding-bottom:0%;
	}
	
	
	.padB10Mob
	{
		padding-bottom: 10%!important;	
	}
	
	.padB12Mob
	{
		padding-bottom: 12%!important;	
	}
	

	.padB15Mob
	{
		padding-bottom:15%!important;
	}
	
	.padT2Mob
	{
		padding-top:2%!important;
	}
	.padT3Mob
	{
		padding-top:3%!important;
	}
	.padT4Mob
	{
		padding-top:4%!important;
	}
	
	.padT5Mob
	{
		padding-top:5%!important;
	}
	
	.padT6Mob
	{
		padding-top:6%!important;
	}
	.padT8Mob
	{
		padding-top:8%!important;
	}
	.padT10Mob
	{
		padding-top:10%!important;
	}
	.padT15Mob
	{
		padding-top:15%!important;
	}

	
	.padL3{
		padding-left:0%;
	}

	.padR3{
		padding-right:0%;
	}
	.padR3{
		padding-right:0%;
	}
	.padT10px,.padT24px,.padT3,.padT4{
		padding-top:0%;
	}

	.padLR6
	{
		padding-left:0%;
		padding-right:0%;
	}
	
	.padLR6Mob
	{
		padding-left:6%;
		padding-right:6%;
	}

	.padR6Mob{
		padding-right:6%;
	}
	

	.padL6Mob{
		padding-left:6%;
	}
	
	.padSejour{
		padding-left: 10px!important;
	}
	    
		
	.MobilePad{
		padding-top: 25px!important;
	}
	.MobilePadOption{
	    padding: 0% 0% 0% 3%;
	}
	
	.MobileMarg{
		margin-top: 10px!important;
	}
	
	.MobilePad2{
		margin-bottom: 40px!important;
	}
	
	.padB10m{
		padding-bottom: 10%!important;
	}
	
	.SpacingTitlemSpacingTitlem{
		margin-bottom: 10px!important;
	}
	
	.no-marginBMob{
		margin-bottom:0px!important;
	}
	
	.margL6Mob{
		margin-left:6%!important;
	}
	
	.no-marginMob{
		margin:0px!important;
	}
}

@media (max-width: 374px)
{
	.padSejour{
		padding-left: 0px!important;
	}
	
	
	.padT2Tel{
		padding-top: 2%!important;
	}
	
	
	.padT10pxTel{
		padding-top: 10px!important;
	}
	
	.margB2Tel{
		margin-bottom: 2%!important;
	}
	
}

/*Texte et contenu*/
.text-center {
    text-align: center!important;
}


.text-right {
    text-align: right!important;
}

.text-left {
    text-align: left!important;
}

.text-justify {
    text-align: justify!important;
}

.QFAQalign p{
    text-align: left!important;
}
	
.Center-Content
{
	justify-content: center!important;
}

.display-contents {
    display: contents;
}

.GreenBarre{
  border-left:2px solid #8CB6A8;
}
	
@media (max-width: 673px)
{
	.GreenBarre{
		border-left:0px solid #8CB6A8;
	}
	
	.text-center-Mob {
		text-align: center!important;
	}
	
	.text-left-Mob {
		text-align: left!important;
	}
}

/* Tableau */

#TableComment,#TableCommentMob{
	border-spacing: 30px 0px;
}


.FondTableau-Presta{
	padding: 5px 15px 11px 15px!important;
	text-align: left;
}

#TableComment p,#TableCommentMob p{
	padding: 5px 15px 11px 15px!important;
	text-align: left;
	margin-top:12px;
}

.FondTitreTableau{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: table;
    height: 3em;
    width: 100%;
	border-radius: 4px 17px 6px 19px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 40%);
	cursor:pointer;
	background-image:url('../img/TitreTableau-2.png');
}

.FondTitreLiens {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: table;
    height: 3em;
	/*line-height: 3em;*/
    width: 80%;
    margin: auto;
    border-radius: 4px 17px 6px 19px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 40%);
    cursor: pointer;
    background-image: url(../img/TitreTableau-2.png);
}

.FondTitreTableau:hover{
	background-image:url('../img/TitreTableau-hover.png');
}

.TitreTableau{
	display: table-cell;
    vertical-align: middle;
}

.TitreLiens{
	display: table-cell;
    vertical-align: middle;
	width:inherit;
	padding-right: 20px;
}

.FondTableau{
	border-radius: 0px 20px 0px 50px;
	margin-bottom: 85px;
}

.FondTableau-Presta,.FondOptions-desc{
	
	border: 2px solid #D49A5A;
}

.FondOptions-desc{
	border-radius: 0px 30px 0px 30px;
	line-height: 2em;
}
 
.FondTableau-Presta{
	border-radius: 0px 0px 0px 50px;
	border-top:none;
	margin-top: -2px;
}
   
.FondTitre-Presta{
	/*border-left: thin solid #D49A5A;*/
	cursor:pointer;
}

.FondTitre-Presta:hover{
	background-image:url('../img/Fond_texte_1-hov.png');
}
 
@media (max-width: 673px)
{
	.FondTableau{
		border-radius: 0px 20px 0px 50px;
		margin-bottom: 20px;
		background-color:rgba(251,247,241)!important;	
	}
}

.ContenuCellule
{
	display:none;
}

.PadComment{
	padding-top:27%;/*15*/
}

.PadCommentButton{
	padding-top:15%;/*15*/
	padding-bottom: 3%;
}

@media (max-width: 1500px) {
	.PadComment,.PadCommentButton{
		padding-top:9%;
		padding-bottom: 3%;
	}
}


@media (max-width: 1040px) {
	.PadComment,.PadCommentButton{
		padding-top:5%;
		padding-bottom: 1%;
	}
}

@media (max-width: 767px) {
	.PadComment,.PadCommentButton{
		padding-top:4%;
		padding-bottom: 1%;
	}
}

/* Formulaire contact */
.DivContact{
	margin:0% 5% 2% 5%;/*vérifier combien et modifier selon écran*/
	height:600px/*vérifier combien et modifier selon écran*/
}

.InputTextForm{
	background-color: transparent;
    border: none;
    border-bottom: thin solid #8CB6A8;
	font-size:20px;
}

.InputTextFiche2{
	background-color: transparent;
    border: none;
	font-size:20px;
}

.InputTextFiche{
	background-color: transparent;
    border: none;
    border-bottom: thin solid #6768A4;
	font-size:20px;
}

@media (max-width: 673px) {
	.InputTextForm,.InputTextFiche2,.InputTextFiche{
		font-size:16px;
	}
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
 
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}
 
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

.TexteAreaForm{
	background-color: transparent;
    border: thin solid #8CB6A8;
	font-size:20px;
	height:250px;
}

.TexteAreaFormCarte{
	background-color: transparent;
    border: thin solid #8CB6A8;
	font-size:20px;
	height:150px;
}

.InputTextForm:focus,.TexteAreaForm:focus {
  outline-color: #8CB6A8;
}

.InputTextFiche:focus{
	outline-color: #6768A4;
}

.InputTextFiche2:focus{
	outline-color: transparent;
}


.ChampsNotOk:focus{
  outline-color: red;
}

.ChampsNotOk{
	background-color: transparent;
    border: thin solid red;
}

#Form2 .NosOptions,#Form3 .NosOptions,#Form4 .NosOptions,.ChoixBudget,#Form5 .NosOptions
{
	/*padding:5px;
	border-style: solid;
	border-width:thin;
	border-color:transparent;*/
	padding: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: transparent;
    border-radius: 100%;
}
.AutrePadding
{
	padding: 10px 17px!important;
}
.AutrePadding2
{
	padding: 10px 13px!important;
}

.AutrePadding3
{
	padding: 10px 2px!important;
}

.RadioActive,.OptionActive{
	border-color:#8CB6A8!important;
}


#Form3 select,#Form10 select{
  /*width:calc(100% - 30px);*/
	
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-bottom:none!important;
  padding-left: 24px;
  padding-right: 10px;
}


.selectdiv
{
	position:relative;
}

.selectdiv:after {
  content: '▼';
  color: #8CB6A8;
  top:0px;
  left:0px;
  position: absolute;
  pointer-events: none;
}

#Form3 select::-ms-expand ,#Form10 select::-ms-expand {
     display: none;
}

.CheckboxForm,.RadioForm {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 20px;
}


.w3docs,.w3docsRadios  {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 2px solid #8CB6A8;
}

.w3docsRadios  {
	border-radius: 10px;
}


.CheckboxForm .w3docs:after,.RadioForm .w3docsRadios:after {
	left: 4px;
	bottom: 3px;
	width: 8px;
	height: 14px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.RadioForm .w3docsRadios:after {
	width: 7px;
	height: 13px;
}

.CheckboxForm:hover input ~ .w3docs,.RadioForm input:checked ~ .w3docsRadios {
	background-color: #8CB6A8;
}
.CheckboxForm input:active ~ .w3docs,.RadioForm input:checked ~ .w3docsRadios {
	background-color: #8CB6A8;
}
.CheckboxForm input:checked ~ .w3docs,.RadioForm input:checked ~ .w3docsRadios {
	background-color: #8CB6A8;
}

.w3docs:after,.w3docsRadios:after {
	content: "";
	position: absolute;
	display: none;
}

.CheckboxForm input:checked ~ .w3docs:after,.RadioForm input:checked ~ .w3docsRadios:after {
	display: block;
}

.DivPagePrecedente{
	margin: auto 0 0 50px;
}
	  
.DisableOption{
	color:grey!important;
	border-color:transparent!important;
}

@media (max-width: 767px)
{
	.InputTextForm {
		font-size: 16px;
	}
}
@media (max-width: 673px)
{
	.selectdiv:after {
		content: '▼';
		color: #8CB6A8;
		top: -3px;
		left: 0px;
		position: absolute;
		pointer-events: none;
		font-size: 44px;
	}

}
/* Calendly*/
.VJL48qbQzWENTFAh1Knk 
{
	display:none!important;
}

/* Authentification */

#FenetreAuthentification,#EchecId
{
	display:none;
}

#FondAuthentification
{
	width:100%;
	height:100%;
	background-color: #5B8F7E;
	opacity: 0.33;
	position:fixed;
	left:0;
	Top:0;
	z-index:2;
}

#PanneauAuthentification
{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	Top:0;
	z-index:3;
	display: flex;
    justify-content: center;
    align-items: center;
}

.FormAuthEnr h4
{
	color:white;
	text-align:center;
	padding-top:5px;
}

.FormAuthEnr
{
	color:white;
	background-color:#5B8F7E;
	
	width:386px;
	/*margin:auto;
	margin-Top:17%;*/
	border-radius: 40px;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

#FormAuth{
	height:275px;
}

#FormEnr{
	height:290px;
	display:none;
}

#CreerCompte{
	line-height: normal;
    margin-top: 4px;
    margin-left: 19px;
}

@media (max-width: 1040px) {
	#FormAuth{
		height:260px;
	}
	#FormEnr{
		height:275px;
	}

}

@media (max-width: 767px) {
	#FormAuth{
		width:95%;
		height:235px;
	}
	#FormEnr{
		width:95%;
		height:240px;
	}

	.BoutonUnmask
	{
		margin-top: 0px!important;

	}
	#CreerCompte{
		margin-left: 0px;
	}
	.unmask{
		height: 17px!important;
	}
}

.FormAuthEnr:before, .FormAuthEnr:after
{
  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.FormAuthEnr:after
{
  right:10px;
   left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.labelAuth
{
	display: block;
	width: 185px;
	float: left; 
	padding-left:2em;
}

.InputAuth{
	width:12.2em;	
	height:1.8em;
	font-size:1em;
	vertical-align:middle;
}

#EchecId
{
	font-style:italic;
	font-weight: bold;
	font-size:0.75em;
    margin-left: 10%;
}

.BoutonUnmask
{
	stroke:#008080;
	fill:none;
	stroke-width:1;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-left: -2px;
}


.BoutonUnmask:hover
{
	stroke:#3A8D94;
	cursor:pointer;
}

.BoutonUnmask:active
{
	stroke:white;
}

.unmask{
    position: absolute;
    height: 20px;
    width: 27px;
    margin-left: -29px;
    margin-top: 3px;
    background-color: white;
    border: none;
}

.unmask:active {
	background-color: #5B8F7E;
	outline: none;
}

.unmask:focus {
	outline: none;
	border: none;
}

.AuthBoutton
{
	margin-Top:1em;	
	margin-left:4.5em;
	width:8em;
}

.FormAuthEnr .bouton{
	/*margin-left:45px;*/
	cursor:pointer;
}

#ValiderAuth,#ValiderEnr{
	position: relative;
    margin: 0px -50px;
    left: 50%;
}

.FormAuthEnr .bouton:hover{
    background-color: #6768A4!important;
}

tag-remove:before {
	content: 'x';
	color: #fff;
	font-weight: 300;
	font-family: Arial, sans-serif;
}


.AnnulerAuth
{
	width:25px;
	height:25px;
	/*border:1px solid white;*/
	float: right;
    margin-right: 22px;
    margin-top: 10px;
	cursor:pointer;
}
.mdiv
{
	height:25px;
	width:2px;
	margin-left:12px;
	background-color:white;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	Z-index:1;
}
.md
{
	height:25px;
	width:2px;
	background-color:white;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	Z-index:2;
}

.RedFocus{
	border-color:red!important;
}

.Fiabilite {
    background-color: rgb(215,215,215);
    height: 4px;
    width: calc(12.2em / 3 - 1px);
    border-radius: 40px;
	margin-left: 1px;
}

.InfoEnr{
	font-size: 0.7em;
	line-height: 3em;
	padding-left:185px;
}

#PassInfoEnr{
	padding-left:185px;
}

/*Liste et icon*/
ul, ol, dl {
    list-style-position: outside;
    margin-bottom: 25px;
	margin-top: 0;
}


.ItemCarnet,.ItemFAQ ul
{
    padding-inline-start: 0px;
	list-style: none;
	line-height: 1.3em;
}

.ItemGuide
{
    padding-inline-start: 75px;
	list-style: none;
	line-height: 1.3em;
}

.ItemCarteCadeau{

}

.ItemCarnet li:before,.ItemGuide li:before,.ItemFAQ ul li:before {
   content: '-';
}


.ItemGreen-color li:before
{
	color:#5B8F7E;
}

.icon-moyen 
{
	list-style: none;
    padding: 0;
}

.icon-moyen a {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 48px;
}

.vertical-li
{
	display: inline-block;
    width: 94%;
    vertical-align: top;	
}

footer .icon-moyen li:first-child{
	margin-left: 0;
}

.icon-moyen li {
    /*margin: 0 8px;*/
	margin:0px 0px 0px 8px;
	display: inline-block;
}

.icon-style a {
	text-align: center; 
	display:inline-block; 
	border-radius: 100%; 
	color: #232323; 
	background-color: #fff;
}

.icon-style a:hover{ 
	color: #fff; 
	transform: scale(1.2); 
}

footer a.fa-facebook-f:hover {
	border-color: #036AE3; 
	background-color: #036AE3
}

footer a.fa-instagram:hover{
	border-color: #F70282;
	background-color: #F70282
}

header i.fa-facebook {
	color: #036AE3; 
}

header i.fa-instagram{
	color: #F70282;
}

header i.fa-circle-user{
	color: #6768A4;
	cursor: pointer;
}

header i.fa-facebook:hover{
	color: #62A8FD; 
}

header i.fa-instagram:hover{
	color: #FE7EC1;
}

header i.fa-circle-user:hover{
	color: #5B8F7E;
}

.fa-Liens
{
	color: #ffffff;
    font-size: 1.5em;
    padding-left: 0.75em;
    margin-top: 0.5em;
}

.NosValeurs{
	color: #6768A4;
	font-size: 3.5em;
    padding-bottom: 20px;
}


.NosOptions{
	color: #6768A4;
	font-size: 2em;
    padding-bottom: 20px;
}

.NosDetails{
    color: #6768A4;
    font-size: 1.3em;
	width:1.5em;
}

.NosCarte{
    
    font-size: 1.3em;
	width:1.5em;
}

@media (max-width: 673px) {
	.ItemGuide
	{
		padding-inline-start: 30px;
	}
	.NosValeurs{
		font-size: 2.5em;
	}
}

@media (max-width: 374px) {
	.ItemGuide
	{
		padding-inline-start: 10px;
	}
}

h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;text-align:left!important;}
h1 {font-size:70px; line-height: 70px;}
h2 {font-size:55px; line-height:60px}
h3,.h3 {font-size:48px; line-height:54px}
h4,.h4 {font-size:40px; line-height:46px}
h5,.h5 {font-size:27px; line-height:40px}
h6,.h6 {font-size:25px; line-height:30px;font-weight: 1;}
.h7 {font-size:20px; line-height:26px;font-weight: 1;}
.h8 {font-size:16px; line-height:22px;font-weight: 1;}
.h9 {font-size:14px; line-height:20px;font-weight: 1;}

/*Responsive*/
@media (max-width: 1500px) {
	h2, h3, h4, h5, h6{margin:0 0 22px; padding:0; letter-spacing: 0; }
	h1 {font-size:65px; line-height: 65px;}
    h2 {font-size:50px; line-height:55px}
    h3,.h3 {font-size:42px; line-height:48px}
    h4,.h4 {font-size:35px; line-height:41px}
    h5,.h5 {font-size:24px; line-height:32px}
    h6,.h6 {font-size:22px; line-height:27px}
	.h7 {font-size:18px; line-height:22px;}
	.h8 {font-size:15px; line-height:20px;}
	.h9 {font-size:13px; line-height:18px;}
}

@media (max-width: 1040px) {
	h2, h3, h4, h5, h6 {margin:0 0 18px; padding:0; letter-spacing: 0; }
    h1 {font-size:57px; line-height: 58px;}
    h2 {font-size:43px; line-height:48px}
    h3,.h3 {font-size:36px; line-height:41px}
    h4,.h4 {font-size:30px; line-height:35px}
    h5,.h5 {font-size:22px; line-height:30px}
    h6,.h6 {font-size:20px; line-height:25px}
	.h7 {font-size:16px; line-height:20px;}
	.h8 {font-size:14px; line-height:18px;}
	.h9 {font-size:12px; line-height:16px;}
}

@media (max-width: 767px) {
	h2, h3, h4, h5, h6 {margin:0 0 17px; padding:0; letter-spacing: 0; }
    h1 {font-size:37px; line-height: 42px;}
    h2 {font-size:30px; line-height:36px}
    h3,.h3 {font-size:28px; line-height:34px}
    h4,.h4 {font-size:24px; line-height:30px}
    h5,.h5 {font-size:17px; line-height:28px}
    h6,.h6 {font-size:16px; line-height:20px}
	.h7 {font-size:14px; line-height:20px;}
	.h8 {font-size:13px; line-height:16px;}
	.h9 {font-size:11px; line-height:14px;}
	
/*	.scroll-top-fleche {display: none !important; opacity: 0 !important}	*/
}

@media (max-width: 673px) {
	h2, h3, h4, h5, h6 {margin:0 0 19px; padding:0; letter-spacing: 0; }
    h1 {font-size:39px; line-height: 44px;}
    h2 {font-size:32px; line-height:38px}
    h3,.h3 {font-size:30px; line-height:36px}
    h4,.h4 {font-size:26px; line-height:32px}
    h5,.h5 {font-size:17px; line-height:25px}
    h6,.h6 {font-size:16px; line-height:20px}
	.h7 {font-size:15px; line-height:18px;}
	.h8 {font-size:13px; line-height:16px;}
	.h9 {font-size:11px; line-height:14px;}
	
/*	.scroll-top-fleche {display: none !important; opacity: 0 !important}	*/
}
@media (max-width: 374px) {
	.fontsize14-tel{
		font-size:14px;	
	}
}
/* Carroussel */

.carrousel-in {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align:center;
}
.carrousel-in > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  /*height:100%;*/
  /*margin: auto;*/
}
.carrousel-in > .active,
.carrousel-in > .next,
.carrousel-in > .prev {
  display: block;
}
.carrousel-in > .active {
  left: 0;
}
.carrousel-in > .next,
.carrousel-in > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carrousel-in > .next {
  left: 100%;
}
.carrousel-in > .prev {
  left: -100%;
}
.carrousel-in > .next.left,
.carrousel-in > .prev.right {
  left: 0;
}
.carrousel-in > .active.left {
  left: -100%;
}
.carrousel-in > .active.right {
  left: 100%;
}


.CarrouselGalerie .carousel-inner {
    position: relative;
    width: 100%;
	height:143px;
    overflow: hidden;
}

.CarrouselInspiration .carousel-inner {
	position: relative;
    width: 93%;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.carousel-inner>.item {
    position: relative;
    display: none;
}

.carousel-inner>.active/*, .carousel-inner>.next, .carousel-inner>.prev*/ {
    display: block;
}

.multi-item-carousel .carousel-inner > .item {
/*    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: none!important;*/
}

.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.carousel-inner>.item {
 /*   -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;*/
}

	/*bouton carroussel*/
#carrousel .carousel-button li {
  background: #DAD3F2;
}
#carrousel .carousel-button .active {
  background: #6768A4;
}

#carrousel-Qui .carousel-button li {
  background: rgb(252,244,220);
}
#carrousel-Qui .carousel-button .active {
  background: #8CB6A8;
}

#carrousel-Qui .carrousel-in > .item {
  padding-top: 8px;
}


.div-carousel-button {
	margin: auto;
}

.itemMulti{
	min-height: 1px;
    padding:15px 5px; 
    /*float: left;*/
	display:inline-block;
}

.OneItem{
	text-align: center;
}

/*
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-20%;
      }
      &.right{
        left:20%;
      }
    }
    .next{
      left: 20%;
    }
    .prev{
      left: -20%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
}*/

.CarrouselGalerie .carousel-control {
	position: absolute;
	top: 0;
	font-size: 40px;
	margin-top: 51px!important;
	text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
}

.CarrouselInspiration .carousel-control {
	position: absolute;
	top: 0;
	font-size: 25px;
	margin-top: 51px!important;
	text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
}



.carousel-control {
	position: absolute;
	top: 0;
	font-size: 40px;
	margin-top: 85px;
	text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
}

.carousel-control.left {
	left: 0;
	right: auto;
}

.CarrouselGalerie .carousel-control.right {
  left: auto;
  right: 0;
  margin-right: 10%;
}

.CarrouselInspiration .carousel-control.right {
	left: auto;
	right: 0;
}

.CarrouselGalerie .carousel-inner img{		
	width: auto;
    height: 110px;
	max-width: fit-content;
}

.CarrouselInspiration .carousel-inner img{		
	width: -webkit-fill-available;
	max-width: fit-content;
	max-height: 350px;
}

@media (max-width: 673px)
{
	.CarrouselGalerie .carousel-control {
		position: absolute;
		top: 0;
		font-size: 40px;
		margin-top: 51px!important;
		text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
	}

	.CarrouselInspiration .carousel-control {
		position: absolute;
		top: 0;
		font-size: 20px;
		margin-top: 51px!important;
		text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
	}

	.CarrouselInspiration .carousel-inner {
		min-height: 250px;
	}

	.carousel-control {
		position: absolute;
		bottom: 0;
		font-size: 40px;
		margin-bottom: -45px;
		text-shadow: 0 1px 1px rgb(0 0 0 / 60%);
	}
	
	.div-carousel-button {
		width: 100%;
	}
	
	.ligneButtonCarrousel{
		display:block;
		width: 100%;
	}
	
	.div-carousel-button ul{
		text-align:center;
	}
	
	
	.carousel-inner img{		
		/*max-width: 160px!important;*/
	}
}

.div-carousel-button ol,.div-carousel-button ul  {
	/*padding-left: 16%;*/
	margin:0;
	padding:0;
}
.div-carousel-button ul {
	list-style:none;
}	
	

.carousel-button li {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 15px 15px 0px 0px;
  border-radius: 30px;
  cursor: pointer;
}

/* Light box image */


.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(91,143,112);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(91,143,112,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(91,143,112,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(91,143,112,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(91,143,112,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(91,143,112,1) 100%);
}
.lb-overlay > div{
	position: relative;
	margin: 40px auto 0px auto;
}

.lb-overlay a.lb-close{
	background: rgba(229,231,225);
	color: rgba(168,176,178);
	z-index: 1001;
	position: absolute;
	top: 90px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 57px;
	height: 24px;
	overflow: hidden;
	margin-left: -25px;
	border-radius: 20px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
	transition: opacity 0.5s linear;
}

.lb-prev, .lb-next{
	text-indent: -9000px;
	position: absolute;
	top: -32px;
	width: 24px;
	height: 25px;
	left: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}

.lb-prev{
	margin-left: -30px;
	background: transparent url('../img/arrows.png') no-repeat top left;
}
.lb-next{
	margin-left: 6px;
	background: transparent url('../img/arrows.png') no-repeat top right;
}

.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 120px 100px 50px 100px;
	
}

.lb-overlay:target img,
.lb-overlay:target a.lb-close,
.lb-prev:hover, .lb-next:hover{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-close:hover{
	background: rgba(250,246,242)!important;
}

@media (max-width: 673px) {
	.lb-overlay:target {
		width: auto;
		height: auto;
		bottom: 0px;
		right: 0px;
		padding: 50% 5% 5% 5%;
		
	}
}
/* DatePicker */

#datepicker {
  margin-bottom: 20px;
}

.ui-datepicker-hover a,
.ui-datepicker-hover:after {
  background-color: #8CB6A8!important;
  color: #fff !important;
}

.ui-datepicker-group {
  float: left;
  width: 50%;
}

.ui-datepicker-prev {
  color: #6768A4!important;
  left: 10px;
}
.ui-datepicker-next {
	color: #6768A4!important;
  right: 30px;
}

.ui-datepicker-prev, .ui-datepicker-next      {
    position: absolute;
    user-select: none;
}

.ui-state-disabled {
    opacity: 0.3;
}

.ui-datepicker-header {
  position: relative;
  text-align: center;
}

.ui-datepicker-calendar th,.ui-datepicker-calendar td 
{
  text-align: center;
  vertical-align: middle;
  width: 36px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  z-index: 1;
}

.ui-datepicker-calendar th 
{
  color: #62748c;
}

.ui-datepicker-calendar td {
			color: #8d8d8d;
      padding: 2px 0;
      position: relative;
}
.ui-datepicker-calendar td:before,
.ui-datepicker-calendar td:after{
  bottom: 2px;
  content: '';
  left: 0;
  top: 2px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.ui-datepicker-calendar a {
  color: inherit;
  display: inline-block;
  height: 30px;
  text-decoration: none;
  width: 30px;
}

.ui-datepicker-highlight:after {
	background: #5B8F7E;
}
   


.ui-datepicker-calendar td.ui-checkin:before,
.ui-datepicker-calendar td.ui-checkin:after,
.ui-datepicker-calendar td.ui-datepicker-hoverDateINV:before,
.ui-datepicker-calendar td.ui-datepicker-hoverDateINV:after{
  left: 50%;
  right: 0%;
  width: 50%;
}

.ui-datepicker-calendar td.ui-checkout:before,
.ui-datepicker-calendar td.ui-checkout:after,
.ui-datepicker-calendar td.ui-datepicker-hoverDate:before,
.ui-datepicker-calendar td.ui-datepicker-hoverDate:after,
.ui-datepicker-calendar td.ui-datepicker-chekcinINV:before,
.ui-datepicker-calendar td.ui-datepicker-chekcinINV:after
{
  right: 50%;
  left: 0%;
  width: 50%;
}

.ui-datepicker-calendar td.ui-datepicker-hoverDateOnly:before,
.ui-datepicker-calendar td.ui-datepicker-hoverDateOnly:after{
	width: 0%!important;
}

.ui-datepicker-highlight a {
  color: #fff;
}
.ui-checkin a,
.ui-checkout a,
.ui-datepicker-hoverDate a,
.ui-datepicker-hoverDateINV a{
  background-color: #8CB6A8;
  border-radius: 50%;
}

.ui-datepicker-today a {
  background: #D8A468;
  border-radius: 50%;
  color: #fff;
}

.ui-datepicker-calendar {
  border-collapse: collapse;
  cursor: default;	
}

.ui-datepicker {
	padding: 10px;
}

.ui-datepicker-next-hover:hover,.ui-datepicker-prev-hover:hover:not(.ui-state-disabled){
	color:#A6A7DC!important;
}

.ui-datepicker-next-hover,.ui-datepicker-prev-hover:not(.ui-state-disabled) {
	cursor:pointer;
}

#checkin,#checkout
{
  display:none;
}

/* container */

.WhiteBox{
	background-color:rgba(255,255,255,0.84);
	padding: 45px 0px 30px 0px;
	border-radius: 100px;
}

.MiniWhiteBox{
	background-color:rgba(255,255,255,0.90);
	padding: 18px 0px 10px 0px;
	border-radius: 30px;
	position: absolute;
	  top: 50%; /* poussé de la moitié de hauteur du référent */
	  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.contain{
    margin-right: auto;
    margin-left: auto;	
	max-width: 1000px;
	padding-bottom: 50px;
}

.FondTexte.contain{
	padding-bottom: 0px!important;
}

@media (max-width: 673px) {
	.contain{
		padding-bottom: 0px;
	}
	
	.WhiteBox{
		padding: 30px 0px 25px 0px;
		border-radius: 85px;
	}
}

@media (max-width: 374px) {
	.MiniWhiteBox{
		background-color: rgba(255,255,255,0.90);
		padding: 18px 0px 10px 0px;
		border-radius: 30px;
		position: inherit;
		top: 3%;
		transform: translateY(0%);
		width: 85%;
		height: 95%;
		margin: auto;
	}
}

@media (min-width: 673px) {/*575*/ 
	.contain-foot { max-width: 100%; } 
}

@media (min-width: 768px) {
	.contain-foot { max-width: 750px; } 
}

@media (min-width: 1040px) {
	.contain-foot { max-width: 970px; }
	.contain{
		padding-bottom: 75px;
	}	
	.FondTexte.contain{
		padding-bottom: 0px!important;
	}
}

@media (min-width: 1200px) {
	.contain-foot { max-width: 1170px; } 	
	.contain{
		padding-bottom: 100px;
	}
	.FondTexte .contain{
		padding-bottom: 0px!important;
	}

}