body {
	font-family: 'Neutra Text light', sans-serif !important;
	/*font-size: 0.9em !important;*/
	/* légère augmentation car plus petite que Raleway*/
	font-size: 1.1em !important;
}

/* Réinitialiser les fonts qui ne doivent pas être agrandies : Avant : body était à 0.9em , Maintenant : body est à 1.05em, Pour que ces fonts reviennent à leur taille d'origine (0.9em) : 0.9 / 1.05 = 0.85714em */
.Paint_the_town,
.GardenBed,
.Raleway,
.Raleway-Medium,
.Raleway-Bold {
	font-size: 0.85714em !important;  /* 0.9 / 1.05 = 0.85714 */
}

.bleu{
	color:#1ca9e3 !important;
}

.bg-bleu {
	background-color:#1ca9e3 !important;
}

.gris{
	color:#444 !important;
}

.grisclair {
	color:#e6e6e6 !important;
}

.grismoyen {
	color:#999999 !important;
}

.rouge{
	color:#e3001a !important;
}

.noir {
	color:#212529 !important;
}

.blanc {
	color:#fff !important;
}

.marron{
	color:#cc481b !important;
}

.bg-orange-clair {
	background-color:#fff4e2 !important;
}
.bg-bleu-clair {
	background-color:#dcecf6 !important;
}
.bg-gris {
	background-color:#d3d7d3 !important;
}
.bg-gris-clair {
	background-color:#ebedec !important;
}

.nopadding {
	padding:0 !important;
}

.nomargin {
	margin:0 !important;
}

.navbar {
	font-size: 1.2em !important;
	z-index:999;	
}

.marge-10{
	margin-top:10px !important;
}

.marge-20{
	margin-top:20px !important;
}

.vert {
	color:#20d831 !important;
}

.drapeau{
	margin-top:-4px !important;
}

.texte-petit{
	font-size: 0.8em !important;
}

.texte-normal{
	font-size: 1em !important;
}

.texte-petit-italic{
	font-size: 14px !important;
	font-style:italic;
	font-weight:normal !important;
	font-family: 'Neutra Text light', sans-serif !important;
}

.texte-moyen{
	font-size: 1.2em !important;
}

.fondbleutitre{
	background-color:#1ca9e3;
	color:white;
	padding:10px;
	margin-bottom:10px;
	font-size:1.4em;
	border-radius: 20px 20px 0 0;
}

.hauteur-tableau-resa-descriptif{
	height:1.2em !important;
}

.hauteur-tableau-resa-descriptif-resultat{
	height:2.4em !important;
}

.lineheigh12{
	margin-top:0.2em;
}

.table-responsive {
    overflow-x: hidden !important;
}

.gras {
	font-weight:bold !important;
}

.form-control {
	font-size:0.9em !important;
}

.menuselectionne{
    
    /*background: -webkit-linear-gradient(top, #1ca9e3 3px, white 3px),url('../img/triangle_bleu.png');
    background: -moz-linear-gradient(top, #1ca9e3 3px, white 3px),url('../img/triangle_bleu.png') ;
    background: -ms-linear-gradient(top, #1ca9e3 3px, white 3px),url('../img/triangle_bleu.png') ;
    background: linear-gradient(top, #1ca9e3 3px, white 3px),url('../img/triangle_bleu.png');*/
	background-image: url('../img/barre_triangle_bleu.png');
	background-position-x: center;	
	background-repeat: no-repeat;
	/*background: linear-gradient(top, #1ca9e3 3px, white 3px);*/
	/*background-position: top 5px right 50%;*/
}

#paginationResultat>.pagination>.active>a, #paginationResultat>.pagination>.active>span, #paginationResultat>.pagination>.active>a:hover, #paginationResultat>.pagination>.active>span:hover, #paginationResultat>.pagination>.active>a:focus, #paginationResultat>.pagination>.active>span:focus {
	background-color: #1ca9e3;
    border-color: #28c1f3;
}

#triangle-code{
 display : inline-block;
 height : 0;
 width : 0;
 border-top : 5px solid #1ca9e3;
 border-right : 3px solid transparent;
 border-left : 3px solid transparent;
 
}

.navlinktopright{
	padding-right:5px !important;
	padding-left:5px !important;
}

.nav-link:hover{
	color:#1ca9e3 !important;
	background-image: url('../img/barre_triangle_bleu.png');
	background-position-x: center;	
	background-repeat: no-repeat;
	transition: .3s ease-in-out;
}

.nav-link.active{
	color:#1ca9e3 !important;
	background-image: url('../img/barre_triangle_bleu.png');
	background-position-x: center;	
	background-repeat: no-repeat;
}


.nav-link:hover ~ nav-link {
	background-image: none;
}

.entourage-ombre{
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	/*padding-top:2px;
	padding-bottom:2px;*/
	margin-left:0px !important;
	margin-right:0px !important;
}

.entourage{
	border-radius:20px;	
	margin-left:0px !important;
	margin-right:0px !important;
	border:#e6e6e6 1px solid;
	background-color:white !important;
}

.entourage:hover{
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
}

.titrecamping{
	font-size:2.6em;	
	font-family: 'Neutra Text', sans-serif !important;	
}

.titre-camping-etoile{
	margin-top:-2.6em;
}

.titre-camping-recherche-etoile{
	margin-top:-1.6em;
}

.cc-camping-etoile{
	margin-top:-0.6em;
	height:15px;
}

.bouton-bleu{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:14px;	
	padding-right:14px;
	background-color:#1ca9e3 !important;
	color:white !important;
	display:inline-block;
	cursor: pointer;
	/*white-space: nowrap;*/
	font-size:1.1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;	
	border-radius:20px !important;
}

span.bouton-bleu:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #1ca9e3;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	transition: all 0.3s ease 0s; 
	-webkit-transition: all 0.3s ease 0s;
	opacity:0;
}

.bouton-rouge{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#e2001a !important;
	color:white !important;
	display:inline-block;
	cursor: pointer;
	/*white-space: nowrap;*/
	font-size:1.1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	border-radius: 0.9em;
	
}

/*span.bouton-rouge:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px;
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #e2001a;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	transition: all 0.3s ease 0s; 
	-webkit-transition: all 0.3s ease 0s;
	opacity:0;
}*/

span.bouton-bleu:hover:after {
	opacity:1;
}

a.bouton-bleu:hover {
	color:white;
	text-decoration:none;
}

.bouton-bleu-arrondi{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#1ca9e3 !important;
	color:white !important;
	display:block;
	cursor: pointer;
	/*white-space: nowrap;*/
	font-size:1.1em;
	position: relative;
	letter-spacing: .1rem;
	border-radius:20px;
	max-width: 100%;
	margin: 0 auto; /* Centrage si max-width < 100% */
	/*font-family: 'Neutra Text', sans-serif !important;*/
	
}
.bouton-bleu-inverse{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#1ca9e3;
	color:white;
	display:none;
	cursor: pointer;
	white-space: nowrap;
	font-size:1.1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	top:10px;
	font-family: 'Neutra Text', sans-serif !important;
	
}

span.bouton-bleu-inverse:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	bottom: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid #1ca9e3;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transition: all 0.3s ease 0s; 
	-webkit-transition: all 0.3s ease 0s;
	opacity:0;
}

span.bouton-bleu-inverse:hover:after {
	opacity:1;
}


.bouton-gris{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#e6e6e6;
	color:#1ca9e3;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:1.1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;
	
}

span.bouton-gris:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #e6e6e6;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transition: all 0.3s ease 0s; 
	-webkit-transition: all 0.3s ease 0s;
	opacity:0;
}

span.bouton-gris:hover:after {
	opacity:1;
}

.bouton-gris-inverse{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#e6e6e6;
	color:#1ca9e3;
	display:none;
	cursor: pointer;
	white-space: nowrap;
	font-size:1.1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	top:10px;
	font-family: 'Neutra Text', sans-serif !important;
	
}

span.bouton-gris-inverse:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	bottom: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid #e6e6e6;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transition: all 0.3s ease 0s; 
	-webkit-transition: all 0.3s ease 0s;
	opacity:0;
}

span.bouton-gris-inverse:hover:after {
	opacity:1;
}

.mascotte-samedi{
	margin-bottom:-8px;
}

.mascotte-gaufrette_studieuse{
	/*margin-bottom:-8px;*/
}

.mascotte-carabouille-cache{
	margin-top:-30px;
}

.mascotte-amnesia{
	margin-top:-200px;
	position: absolute;
	z-index:1002 !important; /*pour etre ud dessus du th sticky*/
}

.mascotte-grimace{
	bottom:0px !important;
}

.align-col-bottom {
	align-self: flex-end;
}

.mini-carte{
	margin-top:5px;
	margin-bottom:5px;
}


.les-plus{
	display:inline-block;
	line-height:2.5em;
	margin-left:20px !important;
	margin-top:30px !important;
}

.lien{
	text-decoration:none;
	cursor:pointer;
}

.lienbleu{
	text-decoration:none;
	cursor:pointer;
	color:#1ca9e3;
}

.lienbleu:hover{
	text-decoration:none;
	cursor:pointer;
	color:#1ca9e3;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.mission-camping{
	margin-top:-17px;
}

.bouton-reserver{
	max-width:100%;
	margin-top:0px;
	margin-right:-30px;
}

.bouton-rechercher{
	max-width:100%;
	margin-top:0px;
	margin-right:-30px;
	margin-top:-18px;
}

.bouton-reserver2{
	max-width:100%;
	margin-top:10px;
	margin-right:-40px;
	margin-bottom:-18px;
}

.bizouquet-menu {
    height: 39px;
    margin-top: -8px;
    margin-bottom: -7px;
}
	
.bouton-reserver-inverse{
	max-width:100%;
	margin-top:0px;
	margin-left:-36px;
}

.info-window-decalle{
	position:absolute; 
	top:30px; 
	left:12px; 
	/*background-color:#fff; */
	background-color: rgba(255, 255, 255, 0.85);
	border:1px solid #d4d6d6;
	width:300px; 
	height:580px; 
	z-index:97; 
	display:none;
}
.info-window-decalle-close{
	position:absolute; 
	top:31px; 
	left:296px;	
	z-index:98; 
	/*color:#bfbfbf;*/
	color:#e2001a;	
	display:none;
}

.info-window-decalle-nom-camping{
	font-size:1.6em;	
	font-family: "Raleway-Bold";
	color:#1ca9e3;
}

.ligne-de-plus{
	line-height:2em;
	display:inline-block;
	font-weight: 600 !important;
}

p {
	margin:0 !important;
}

.mt-moins-10 {
	margin-top:-10px;
}
.note-badge {
    position: relative;
    left: 15px;
    width: 55px;
    height: 55px;
    background: #00A6E8;
    border-radius: 50%;
    -webkit-border-radius: 50%; /* pour iphone bug fond gris */
    border: 3px solid white;
    box-shadow: 0 0 0 1px #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 27px;
    line-height: 1;
    z-index: 99 !important;
    overflow: hidden; /* pour iphone bug fond gris */
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* pour iphone bug fond gris */
	font-family: 'Neutra Text', sans-serif !important;
}

.note-badge::after {
    content: '/10';
    font-size: 11px;
    margin-top: 2px;
}	

.note-grande-badge {
    position: relative;
    /*margin-top: -55px;*/
    left: 15px;
    width: 95px;
    height: 95px;
    background: #00A6E8;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 0 0 1px #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 47px;
    line-height: 1;
    z-index: 90 !important;
	margin-right: 15px;
}

.note-grande-badge::after {
    content: '/10';
    font-size: 21px;
    margin-top: 2px;
}  
			   
.note-grande-rond-bleu{
  position: inline-block;
  margin-top: 3px;
  margin-left: 3px;
  bottom: 0;
  right: 0;
  width: 105px;
  height: 105px;
  background: #1ca9e3;
  border-radius: 50%;
  color:white;
  /*line-height:3.5em;*/
}

.note-grande-rond-blanc{
  position: inline-block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 113px;
  height: 113px;
  background: #fff;
  border-radius: 50%;
  border:solid 1px #a9a9a9;
}

.note-grande-note{
	width:100%;
	text-align:center;
	font-size:4em;
	transform: rotate(-7deg);
}

.note-grande-dix{
	width:100%;
	text-align:center;
	font-size:2em;
	transform: rotate(-7deg);
	margin-top:-1em;
	padding-left:25px;
}

.note-grande-texte{
	margin-left:10px;
	font-size:1.5em;
	line-height:1.25em;
	font-family: 'Neutra Text', sans-serif !important;
}

.note-grande-textegrand{
	font-size:2.2em;
	font-family: 'Neutra Text', sans-serif !important;
}

.note-moyenne-rond-bleu{
  position: inline-block;
  margin-top: 3px;
  margin-left: 3px;
  bottom: 0;
  right: 0;
  width: 55px;
  height: 55px;
  background: #1ca9e3;
  border-radius: 50%;
  color:#fff;
  /*line-height:3.5em;*/
}

.note-moyenne-rond-gris{
  position: inline-block;
  margin-top: 3px;
  margin-left: 3px;
  bottom: 0;
  right: 0;
  width: 55px;
  height: 55px;
  background: #e6e6e6;
  border-radius: 50%;
  color:#1ca9e3;
  /*line-height:3.5em;*/
}

.note-moyenne-rond-blanc{
  position: inline-block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 63px;
  height: 63px;
  background: #fff;
  border-radius: 50%;
  border:solid 1px #a9a9a9;
}

.note-moyenne-note{
	width:100%;
	text-align:center;
	font-size:2.2em;
	transform: rotate(-7deg);
}

.note-moyenne-dix{
	width:100%;
	text-align:center;
	font-size:1em;
	transform: rotate(-7deg);
	margin-top:-1em;
	padding-left:15px;
}

.note-moyenne-texte{
	font-size:1.5em;
	line-height:0.9em;
	font-family: 'Neutra Text', sans-serif !important;
}
.note-moyenne-texte2{
	font-size:1.5em;
	line-height:0.9em;
	font-family: 'Neutra Text', sans-serif !important;
}

.emilie-bulle{
	display:inline-block;
	width:100%;
	margin-top:-4px;
}

 .texte-avis-emilie p{
	display:inline !important;
}

 .texte-avis-emilie-mobile p{
	display:inline !important;
}

#carousel-avis .carousel-inner {
	min-height:190px;
	/*background-color:#e6e6e6;*/
	padding-left:10px;
	padding-right:10px;
}

#carousel-avis .carousel-indicators {
	margin-top:10px !important;
    bottom: -20px !important;
}

#carousel-avis .carousel-control-next {
	width: 7% !important;
	margin-right:-20px;
}
#carousel-avis .carousel-control-prev {
	width: 7% !important;
	margin-left:-30px;
}

.carousel-control-next-icon{
	background-image: url('../img/carousel-control-next-icon.png') !important;
}
.carousel-control-prev-icon{
	background-image: url('../img/carousel-control-prev-icon.png') !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image: no-repeat !important;
    height: 45px !important;
    width: 12px !important;
}

.carousel-control-next-icon-blanc{
	background-image: url('../img/carousel-control-next-icon-blanc.png') !important;
}
.carousel-control-prev-icon-blanc{
	background-image: url('../img/carousel-control-prev-icon-blanc.png') !important;
}
.carousel-control-next-icon-blanc, .carousel-control-prev-icon-blanc {
    background-image: no-repeat !important;
    height: 45px !important;
    width: 12px !important;
}

.carousel-indicators li {
	width: 10px;
  height: 10px;
  border-radius: 100%;
}

.carousel-indicators li {
    background-color: #444444 !important;
}

#diaporamaCamping .bx-viewport {min-height: 800px !important}

.vignettes{
	padding-left:5px;
	padding-bottom:5px;
}

.marge-haute-diaporama {
	margin-top: -60px !important;
	z-index:5;
}
.marge-haute-diaporama2 {
	margin-top: -40px !important;
	z-index:5;
}

.titre{
	font-size:1.6em;
	line-height:1.25em;
	font-family: 'Neutra Text', sans-serif !important;
	font-weight:bold;
	color:#1ca9e3;
}

.titre-capfun{
	font-size:1.7em;
	line-height:1.25em;
	font-family: 'GardenBed', sans-serif !important;
	color:#e3001a;
}

.popover {border:1px solid #1ca9e3 !important; max-width:800px !important;width: auto; }
.popover-content{display: inline-block; min-width: 170px !important; margin:-5px }


.fond-tarif{
	background-image: url('../img/tarif_fond.png') !important;
	background-size: 100% !important;
	padding:15px !important;
}

.tarif-form-recherche{
	background-color:white;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding:15px;
	line-height:2em !important;
}

#form-recherche-mobile {
	display:block;
	position:relative;
}

div.tarif-form-recherche:after {
	content: '';
	display: block;  
	position: absolute;
	left: 7%; 
	margin-left: -12px; /*moitié de sa largeur*/
	top: 100%;
	width: 0;
	height: 0;
	border-top: 15px solid #fff;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.tarif-checkbox{
	margin-left:15px;
}

#div_tableau_resa{
	background-color:white;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding:15px;
	margin-top:15px;
}
	
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #1496cb !important;
    background-color: #1ca9e3 !important;
}

.onglet-mois{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
	padding-right:8px;
	background-color:#85bde4;
	color:white;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:0.8em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;
	
}

.onglet-mois-actif{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
	padding-right:8px;
	background-color:#3894cd;
	color:white;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;	
}

div.onglet-mois-actif:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #3894cd;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.onglet-moisvert{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
	padding-right:8px;
	background-color: #58ba47;
	color:white;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:0.8em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;
	
}

.onglet-moisvert-actif{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
	padding-right:8px;
	background-color:#58ba47;
	color:white;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;	
}

div.onglet-moisvert-actif:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #58ba47;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}


.onglet-moisorange{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
	padding-right:8px;
	background-color: #e9a948;
	color:white;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:0.8em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;
	
}

.onglet-moisorange-actif{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;	
	padding-right:8px;
	background-color:#e9a948;
	color:white;
	display:inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size:1em;
	position: relative;
	letter-spacing: .1rem;
	max-width: 100%;
	font-family: 'Neutra Text', sans-serif !important;	
}

div.onglet-moisorange-actif:after {
	content: '';
	display: block;  
	position: absolute;
	left: 50%; 
	margin-left: -12px; /*moitié de sa largeur*/
	top: 100%;
	width: 0;
	height: 0;
	border-top: 10px solid #e9a948;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}


.padding-tableau-resa-date{
	padding:2px !important;
}

.tableau-resa-date{
	background-color:#3894cd;
	color:white;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .1rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
}

.case-tableau-resa-libre {
	padding: .75rem !important;
	text-align : center;
}

.tableau-resa-case{
	padding:4px;
	margin:1px;
	width:100%;
	vertical-align:middle;
	text-align:center;
}

.table td, .table th {
    border-top: none !important;
}

.table thead th {
    border-bottom: 4px solid white !important;
}

.tableau-resa-prix1{
	background-color:#f4dfbf;
	color:#444444;
	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
}

.tableau-resa-prix1:hover{
	background-color:#eacea2 !important;
}

.tableau-resa-prix2{
	background-color:#d5e9f6;
	color:#444444;
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
}

.tableau-resa-prix2:hover{
	background-color:#bcdaee !important;
}

.tableau-resa-orange{
	background-color:#f4dfbf;
	color:#444444;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
	padding: .35rem !important;
}

.tableau-resa-orange:hover{
	background-color:#eacea2 !important;
}

.tableau-resa-bleu{
	background-color:#e1f3ff;
	color:#444444;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
	padding: .35rem !important;
}

.tableau-resa-bleu-actif{
	background-color:#c8e2f3 !important;
}

.tableau-resa-bleu:hover{
	background-color:#c8e2f3 !important;
}
.tableau-resa-jaune{
	background-color:#fff6dc;
	color:#444444;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
	padding: .35rem !important;
}

.tableau-resa-jaune-actif{
	background-color:#ffe9b9 !important;
}

.tableau-resa-jaune:hover{
	background-color:#ffe9b9 !important;
}

.tableau-resa-vert{
	background-color:#d2e9d2;
	color:#444444;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
	padding: .35rem !important;
}

.tableau-resa-vert:hover{
	background-color:#b8e0b8 !important;
}

.tableau-resa-noir{
	background-color:#c9c6c6;
	color:#444444;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
	padding: .35rem !important;
}

.tableau-resa-noir:hover{
	background-color:#acacac !important;
}

.tableau-resa-complet{
	background-color:#f5f5f5;
	color:#a9a9a9;	
	font-size:0.8em;
	text-align:center;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
	padding: .35rem !important;
}

.tableau-resa-complet:hover{
	background-color:#f5f5f5 !important;
}

.complet {
	color:#a9a9a9 !important;	
}
	
.ligne-tarif-categ{
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;	
    /*border-right: none !important;	
    border-left: none !important;	*/
}

.tableau-resa-descriptif{
	background-color:#ffffff;
	color:#444444;
	font-size:0.8em;
	text-align:left;
	letter-spacing: .02rem;
	font-family: 'Neutra Text light', sans-serif !important;
	border:4px solid white;
}

.btn {
	font-size: 1em !important;
}

table a {
	text-decoration:none;
	color:inherit;
}

table a:hover {
	text-decoration:none;
	color:inherit;
}

.etiquete-prix-rouge {
	color:white;
	font-size:0.7rem;
	background-color:#e2001a;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-blanche {
	color:#e2001a;
	font-size:0.7rem;
	background-color:white;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-bleu {
	color:white;
	font-size:0.7rem;
	background-color:#1ca9e3;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-noir {
	color:white;
	font-size:0.7rem;
	background-color:#000;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-vert {
	color:white;
	font-size:0.7rem;
	background-color:#58ba47;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-orange {
	color:white;
	font-size:0.7rem;
	background-color:#f6bb61;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-violet {
	color:white;
	font-size:0.7rem;
	background-color:#6513e0;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-jaune {
	color:white;
	font-size:0.7rem;
	background-color:#000000;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-derniere-dispo {
	color:white;
	font-size:0.7rem;
	background-color:#3894cd;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.etiquete-prix-rose {
	color:white;
	font-size:0.7rem;
	background-color:#ec008c;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height:2em !important;
}

.decale-td-gauche {
	-webkit-box-shadow:inset 15px 0px 0px 0px #fff;
	-moz-box-shadow:inset 15px 0px 0px 0px #fff;
	box-shadow:inset 15px 0px 0px 0px #fff;
	padding-left: 2em !important;
	text-align:right !important;
}

.div-descriptif-hebergement{
	padding-top:5px;
	padding-bottom:5px;
}

.hebergement-bouton-close {
	position:absolute;
	right:20px;
	z-index:99;
}

.titre-hebergement-page{
	width:100%;
	color:white;
	background-color:#1ca9e3;
	font-size:1.2em;
	padding:5px;
	margin-top:15px;
	margin-bottom:15px;
	margin-top:0px;
	margin-bottom:5px;
	height:31px;
}

a[name] {
  padding-top: 40px;
  margin-top: -40px;
  display: inline-block; /* required for webkit browsers */
}

#menu-camping{
	position:fixed; 
	top:0px; 
	width:100%; 
	z-index:999; 
	display:none;
}

.bg-blanc-menu{
	background-image: url("../img/bg_menu_home.png");
	background-repeat: repeat-x;
}
  
  
#mascotte-legende{
}

#mascotte-legende-reserver{
	margin-top:-15px;
}

.div-mascotte-aleatoire-mobile{
	 background-size: 95% 100%; 
	 background-position: center; 
	 background-repeat: no-repeat;
}


.fa.fa-tiktok {
    background: url(../img/tiktok.svg) no-repeat;
    width: 19px;
    height: 21px;
}

.fond-cc{
	background-color:#f2ecf3;
}

.fond-gris{
	background-color:#f2f2f2;
}

/*.cc-box{
	border:1px solid #b5b5b5;
	background-color:white;
	width:100%;
	padding:12px;
	line-height:1.1em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#444444;
	font-size:0.9em !important;
}*/
.cc-box {
    border: 1px solid #b5b5b5;
    background-color: #fff;
    width: 100%;
    padding: 0; /* Changé de 12px à 0 pour permettre au slider de coller aux bords */
    line-height: 1.1em;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #444;
    /*font-size:1.2em !important;*/
    overflow: hidden; /* Important pour que le slider respecte les bords arrondis */
	font-family: 'Neutra Text', sans-serif !important; /* Ajout de la font */
}

.cc-box > *:not(.d-flex.w-100.justify-content-center) {
    padding-left: 12px;
    padding-right: 12px;
}
.d-flex.w-100.justify-content-center.mt-2 {
    margin-top: 0 !important; /* Coller le slider en haut */
}
.pgwSlider {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
	position:relative;
}
.pgwSlider img {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.pgwSlider::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -40 1200 140" preserveAspectRatio="none"><path d="M0,-40 C300,80 600,80 900,40 C1050,20 1150,0 1200,0 L1200,120 L0,120 Z" fill="white"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 10;
}

.pgwSlider.narrow .ps-current {
    margin-bottom: 0px !important;
}

.box{
	border:1px solid #b5b5b5;
	background-color:white;
	width:100%;
	padding:12px;
	line-height:1.1em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#444444;
	font-size:1em !important;
}

.weekend-box{
	width:100%;
	line-height:1.1em;
	color:#444444;
	font-size:0.9em !important;
	/*cursor:pointer;*/
}

.weekend-article-vente-macaron {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-position: 50% 50%;
}

/*.cc-box:hover {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
}
*/

.weekend-box:hover {
	background-color:#e6e6e6 !important;
}

.cc-box-home{
	border:1px solid #e6e6e6 !important; 
}

.row-cc-home{
	margin-left:-10px !important; 
	margin-right:-10px !important; 
}

.cc-titre{
	color:#1ca9e3 ;
	font-size:1.6em;
	font-weight:normal;
}

a:hover {
    text-decoration: none !important; 
}
.cc-localisation{
	/*color:#000 ;*/
	font-size:0.8em;
}
.cc-prix{
	color:#e2001a ;
	font-size:1.5em;
}

.hauteur-photo-cc {
	height:240px !important;
}
.footer-titre{
	color:#1ca9e3 ;
	font-size:1.1em;
	font-weight:bold;
}
.text-muted{
	font-size: 0.9em !important;
}

.text-muted li {
	list-style: none;
}

.modal-header {
    background-color: #1ca9e3;
    color: #fff;
    padding-left: 10px;
    font-size: 1.25em;
}

.btn-vert{
	background-color:#1ca9e3 !important;
	color:#fff !important;	
	border-radius:20px !important;
}

.note-fond{
	width:90%;
	background-color:#e6e6e6;
	height:5px;
}

.note-excellent{
	width:99%;
	background-color:#1ca9e3;
	height:5px;
}
.note-bien{
	width:75%;
	background-color:#1ca9e3;
	height:5px;
}
.note-satisfaisant{
	width:55%;
	background-color:#1ca9e3;
	height:5px;
}
.note-insuffisant{
	width:35%;
	background-color:#1ca9e3;
	height:5px;
}
.note-nsp{
	width:100%;
	background-color:#fff;
	height:5px;
}

.div-prenium{
	margin-left:4%;
	margin-right:4%;
}

.hauteur-photo-cc-2020 {
	height:400px !important;
	overflow:hidden !important;
}

.hauteur-photo-cc-camping-2020 {
	height:270px !important;
	overflow:hidden !important;
}

/* --------------------------- fancybox ---------------------------- */

.fancybox-nav {
    width: 60px !important;
}
.fancybox-nav span {
    visibility: visible !important;
    opacity: 0.5 !important;
}
.fancybox-nav:hover span {
    opacity: 1 !important;
}
.fancybox-next {
    right: -60px !important;
}
.fancybox-prev {
    left: -60px !important;
}

/*********** POPUP hebergement ***************/

.modalHebergement .modal {
}
	
.modalHebergement .modal-dialog {
	width: 100%;
	height: 100%;
	padding: 0;
	position:fixed;
	overflow:auto;
	right: 0;
	margin: auto;
	max-width: 90% !important;
	border-radius: 0;
	/*pointer-events: all;*/
}
.modalHebergement h3 {
	font-size:1.2em;
	padding: 8px;
	font-family: 'Raleway';
}

.modalHebergement .modal-content {
	height: auto;
	min-height: 100%;
	border-radius: 0;
	border-color:#dae0ed;
}

.modalHebergement .modal-body {
	font-weight:normal;
}

.modalHebergement .modal-header {
	background-color:#fff !important;
	color:#212529;
}

.modal.fade.modal-right .modal-dialog {
  transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
  transform: none;
}

.modalCarte2025 .modal-dialog {
	width: 100%;
	height: 100%;
	padding: 0;
	position:fixed;
	overflow:auto;
	right: 0;
	margin: auto;
	max-width: 800px !important;
	border-radius: 0;
	/*pointer-events: all;*/
}

@media (max-width: 768px) { 

	/*a cause du bug iphone qui met la div noir devant donc on la cache pour eux */
	@supports (-webkit-touch-callout: none) {
	  /* CSS specific to iOS devices */ 	  
		.modal-backdrop {
			display:none;
		}
	}
	
	.modalHebergement h2 {
		font-size:1.2em;
	}
	.modalHebergement h3 {
		font-size:1.2em;
		padding: 8px;
		font-family: 'Raleway';
	}
	.modalHebergement .modal-header {
		padding-bottom:2px;
	}
	.modalHebergement .modal-dialog {
		height: 90% !important;
		max-width: 100% !important;
		top:10% !important;
	}
	.modalHebergement .note-moyenne-texte {
		font-size:1.3em;
	}
	.ziehharmonika > div {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.modal.fade.modal-right .modal-dialog {
	  transform: translate(0px, 125%);
	}

	.modal.show.modal-right .modal-dialog {
	  transform: none;
	}
	
	.modalHebergement .modal-body {
		font-weight:normal; 
		max-height: calc(100vh - 210px);
		overflow-y: auto;
	}
		
}


/*********** POPUP hebergement ***************/



/*********** POPUP carte2025  ***************/

@media (max-width: 768px) { 
	/*a cause du bug iphone qui met la div noir devant donc on la cache pour eux */
	@supports (-webkit-touch-callout: none) {
	  /* CSS specific to iOS devices */ 	  
		.modal-backdrop {
			display:none;
		}
	}
	
	.modalCarte2025 h2 {
		font-size:1.2em;
	}
	.modalCarte2025 h3 {
		font-size:1.2em;
		padding: 8px;
		font-family: 'Raleway';
		background-color: transparent !important;
		color: white;
	}
	.modalCarte2025 .modal-header {
		padding-bottom:2px;
		height: 40px;
		min-height: 40px;
		flex-shrink: 0;
	}
	.modalCarte2025 .modal-dialog {
		height: 100vh !important;
		max-width: 100% !important;
		top: 0 !important;
		margin: 0 !important;
		position: fixed !important;
		width: 100vw !important;
	}
	/*.modalCarte2025 .modal-content {
		height: 100dvh !important;
		min-height: 100dvh !important;
		border-radius: 0 !important;
		display: flex !important;
		flex-direction: column !important;
	}
	.modalCarte2025 .modal-content {
		height: 100svh !important;
		min-height: 100svh !important;
		border-radius: 0 !important;
		display: flex !important;
		flex-direction: column !important;
	}*/
	.modalCarte2025 .modal-content {
		height: 100vh !important;
		max-height: 100vh !important; /* Ajout important */
		max-height: -webkit-fill-available !important; /* Pour Safari iOS */
		min-height: 100vh !important;
		border-radius: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important; /* Empêche le débordement */
	}

	/* Style pour le body du modal pour gérer le scroll interne */
	.modalCarte2025 .modal-body-carte {
		flex: 1 !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch !important; /* Scroll fluide sur iOS */
	}

	/* Empêcher le body de scroller quand le modal est ouvert */
	/*body.modal-open {
		overflow: hidden !important;
		position: fixed !important;
		width: 100% !important;
		height: 100% !important;
	}*/
	.modalCarte2025 .note-moyenne-texte {
		font-size:1.3em;
	}
	
	.modalCarte2025 .modal-body {
		font-weight:normal; 
		padding: 0rem !important;
		flex: 1 !important;
		overflow-y: auto !important;
	}
		
}

button.close {
	font-family: 'Raleway';
	font-size: 1.5rem !important;
}


/* ------------------- typeahead recherche mots cles ----------------- */

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
.twitter-typeahead .tt-hint {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;
}
.twitter-typeahead .hint-small {
    height: 30px;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 3px;
    line-height: 1.5;
}
.twitter-typeahead .hint-large {
    height: 45px;
    padding: 10px 16px;
    font-size: 16px;
    border-radius: 6px;
    line-height: 1.33;
}

.twitter-typeahead a {
	text-decoration:none !important;
	color:#444444 !important;
}

.dropdown-item{
	font-size:0.8em !important;
}

.dropdown-item-titres{
	color:#1ca9e3 !important;
	padding:2px;
}

.dropdown-toggle:after {
    display: none !important;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.tt-suggestion {
    display: block;
    padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}
.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}
.tt-suggestion p {
    margin: 0;
}

.typeahead_paragraphe{
	font-size:0.8em;
}


.divRechercheMotClef{
	padding: 0 !important;
	left:-100px !important;
}

.noborder {
	border:none !important;
}

.menu-accordeon{
	/*width:100%;*/
	margin-left:-30px;
	padding-left:10px;
	margin-right:-30px;
	height:36px;
	background-color:#e6e6e6 !important;
	color:#1ca9e3 !important;
	font-size:1.2em;
	line-height:2.4em;
}

.titre-accordeon{
	font-size:1.2em;	
	font-family: "Raleway-Bold";
}

#carte-camping-mobile{
	margin-top:-21px !important;
	margin-left:-10px !important;
	margin-right:-10px !important;
}

.btnPlus {
    top: 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: '+';
    background-color: #428bca;
    margin-right: 5px;
    font-size: 16px;
}

.dropdown-item.active, .dropdown-item:active {
   background-color: #1ca9e3 !important;
}

.alert-postit{
  background-color: #fbf070 !important;
  border-color: #f6d601 !important;
  color: #444444 !important;
  margin:10px !important;
}

#banniere-cookie {
	position: fixed;
	width:100%;
	bottom: 0px;
	z-index: 1000;
	background-color: #dfdfdf; 
	padding-top: 5px; 
	padding-bottom: 8px;
	padding-left:5px;
	line-height: 25px;
}

.form-group {
    display: inline-block !important;
    margin-bottom: 0;
    vertical-align: middle;
}

.formulaire #date_depart, .formulaire #cs_date_depart, .formulaire #cs_date_arrivee, .formulaire #nbr_jours {
    width: 130px !important;
    margin-bottom: 4px;
    display: inline-block !important;
}

.tableau-resa-nbpers {
    background-color: transparent ;
    color: #444444;
    font-size: 1.2em;
    text-align: center;
    letter-spacing: .02rem;
    font-family: 'Neutra Text light', sans-serif !important;
    border-left: 4px solid white;
    padding: .35rem !important;
    padding-top: .55rem !important;
    margin-left: 10px;
    margin-top: -6px;
    margin-bottom: -6px;
    height: 100%;
	width:37px;
}





/*********** Calendrier ******************/
.dispo{
    cursor: pointer;
}

.date_du{
    background-color: #428bca;
}
.libre a, .date_du a {
	color:white;
	font-size:1em;
}

.libre{
    background-color: #85bde4;
}
.libre:hover {
    background-color: #f4dfbf;
}

.peu{
    background-color: #FFBF91;
}
.promo{
    background-color: #FFAA2B;
}
.occupe{
    background-color: #FF9191;
}
.invalide{
    background-color: #e6e6e6;
}

.mois-header {
	background-color: #428bca;
	color: #FFF;
	font-size:1.1em;
}
.jour-header {
	/*background-color: #6F818F;
	color: #FFF;*/
	background-color: #FFF;
	color: #000;
}
.jour-expire{
	background-color: #E7E7E7 !important;
}
.jour-dispo{
	background-color: #B7DC99 !important;
}
.jour-non-dispo{
	background-color: #F6A8A4 !important;
}
.jour-coup_coeur{
	background-color: #EC9917 !important;
}

.jour-selected {
	background-color: #FFFF88 !important
}

.btn-mois-calendrier {
	padding:0px;
}
.libre a,.date_du a {color: #000 !important; font-weight: normal !important;}
.libre a:hover,.date_du a:hover {text-decoration: underline;}
.btnNextTableauLibre {min-height: 40px}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cel-eq-height {
	display: inline-flex;
}

.img-mascotte{
	max-height:270px !important;
}

/*********** Fin Calendirer ******************/


/********* diaporama owl ***************/
.owl-prev {
    width: 20px;
    height: 75px;
    position: absolute;
    top: 35%;
    margin-left: 25px;
    display: block !important;
    /*border:0px solid black;*/
}

.owl-next {
    width: 20px;
    height: 75px;
    position: absolute;
    top: 35%;
    right: 20px;
    display: block !important;
    /*border:0px solid black;*/
}
.owl-prev i, .owl-next i {transform : scale(4,8); color: #fff;}

.owl-prev i:active, .owl-next i:active {
	border:none !important;
}
/********* Fin diaporama owl ***************/


/******** MAP ***********/

#mapForm {
	background-color:#aad3df;
	border:#9c9cb6 1px solid;
	color:#000;
	line-height:1.0em;
}

#map {
	background-color:#fff;
	border-top:#9c9cb6 1px solid;
	border-bottom:#9c9cb6 1px solid;
}

.mapTitre {
	background-color:#1ca9e3;
	color:#000;
	width:100%;
	padding:5px;
	margin-left:-5px;
}

#mapFormCompteur{
	position:absolute; 
	left:-105px;
	top:-24px;
	z-index:999;
}

#mapFormCompteurmobile{
	position:absolute; 
	right:5px;
	top:5px;
	z-index:999;
}

#mapLoader {
	width:100%;
	position:absolute;
	z-index:999;
	background-color:#fff;
	top:250px;
	opacity:0.9;
}


.typeahead_paragraphe a:hover {
    background-color: #f5f5f5;
    text-decoration: none !important;
}

.typeahead_paragraphe {
    margin: 0 !important;
}

#div-btn-carte-recherche-mobile {
	display: none;
	flex: 0;
	color:white;
	justify-content: center;
	align-items: stretch;
	white-space: normal;
	/*background: rgba(0, 0, 0, .3);*/
	position: fixed;
	/*height: 57px;*/
	/*padding: 10px;*/
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	border: none;
	z-index:990;
	padding-bottom: env(safe-area-inset-bottom); /* bande blanche en bas sur iphone X et > */
}
.border-blanc{
	border:2px solid white;
}
.modal-header-carte {			  
  color: #fff !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 15px !important;
  border-bottom: none !important;
}

.modal-header-carte h2 {
  font-size: 1rem;
  margin: 0;
  line-height: 1;
  color: #fff;
}

.modal-header-carte .close {
  color: #fff !important;
  font-size: 1.5rem !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  background: none !important;
  border: none !important;
  font-family: 'Raleway';
}
.modal-body-carte {
	padding: 0rem !important;
}

/* tout ce qui est que pour les mobile */
.pas-sur-mobile{display:inline !important;}
.mobile{display:none !important;}
	

/* Mode Mobiles ON */
@media (max-width: 768px) { 
	/*.logocapfun {width:70% !important; margin-top: 5px !important;}*/
	.tailledivlogo { max-width:200px !important;}
	.divMotClef {display:none !important;}
	.nav-link {padding: .3rem 0.1rem !important;}
	.menuselectionne{ background-image:none !important;}
	.nav-link:hover{ background-image:none !important;}
	.navbar { padding-bottom: 1.2em !important;}
	.navbar-collapse { background-color:#fff !important }
	#menu-camping {display:none !important;}
	.marge-haute-diaporama { margin-top: -55px !important; margin-bottom: -15px !important;}
	.marge-haute-diaporama2 { margin-top: -20px !important;}
	.titrecamping {font-size: 1.6em !important;}
	.col-mobile{padding-right: 0px !important;padding-left: 0px !important;}
	.entourage{border:none !important;}
	.entourage:hover{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}
	.titre-camping-etoile{margin-top:-1.5em !important; height: 15px !important;}
	body{font-size: 0.8em !important;}
	.les-plus {line-height: 2em!important; margin-left: -10px !important; margin-top: 10px !important;}
	.navbar-toggler{padding:.2em .2em !important;}
	.note-moyenne-texte2{font-size:1em !important;}
	#carousel-avis .carousel-inner {min-height:200px !important;}
	.titre { font-size: 1.3em !important;}
	.titre-capfun { font-size: 1.4em !important;}
	.mobile{display:inline !important;}
	.pas-sur-mobile{display:none !important;}
	/*.cc-box{border:none !important;}*/
	//.cc-box:hover{ -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);}
	.mascotte-amnesia-mobile{position:absolute !important; right:-7px !important; top:0px !important; width:90px !important;}
	.onglet-mois-actif {    padding-top: 10px !important;    padding-bottom: 7px important; }
	.onglet-mois {    padding-top: 7px !important;    padding-bottom: 6px !important;    padding-left: 12px !important;    padding-right: 10px !important; }
	.hebergement-bouton-close { right: 0px !important; }
	.margintopmoins10{margin-top:-10px !important;}
	.tableau-resa-prix1{padding-left:0.5em !important;padding-right:0.5em !important;/*padding-bottom:1em !important;*/}
	.tableau-resa-prix2{padding-left:0.5em !important;padding-right:0.5em !important;/*padding-bottom:1em !important;*/}
	.tableau-resa-date{padding-left:0px !important;padding-right:0px !important;}
	.h3vert { background: #20d831 !important; color:white !important}
	.h3vert.active { background: #1ca9e3 !important; color:white !important}
	.h3rouge { background: #d82020 !important; color:white !important}
	.h3rouge.active { background: #1ca9e3 !important; color:white !important}
	.h3bleu { background: #3f51b5 !important; color:white !important}
	.h3bleu.active { background: #1ca9e3 !important; color:white !important}
	.hauteur-photo-cc-2020{	height:260px !important; }
	.hauteur-photo-cc-camping-2020{	height:230px !important; }
	.bg-blanc-menu{background-image: url("../img/bg_menu_home_m.png") !important}
	.mascotte-home-mobile{width:140px  !important; margin:0 !important}
	.box{padding:5px !important}
	.premium-mobile{padding:0px !important}
	/*.cc-box-home{border:none !important; }
	.cc-box{border:none !important; padding:0px !important }*/
	.navbar-nav{background-color: #ecf1f3;}
}

/*sur Iphone : */
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 	  
	.marge-haute-diaporama { margin-top: -20px !important;}
	.marge-haute-diaporama2 { margin-top: -25px !important;}
}

/* ========================================
   FIX MODAL iOS - Z-INDEX 
   ======================================== */

	/* Force le backdrop au-dessus de tout */
	/*.modal-backdrop {
		z-index: 99998 !important;
		background-color: rgba(0, 0, 0, 0.7);
	}*/

	/* Force le modal encore plus haut */
	.modal.modalHebergement {
		z-index: 99999 !important;
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.modal-dialog {
		z-index: 100000 !important;
		position: relative;
	}

	/* Quand modal ouvert, force tous les autres éléments en dessous */
	body.modal-open .note-camping,
	body.modal-open .btn,
	body.modal-open .badge,
	body.modal-open [class*="accordion"],
	body.modal-open .card,
	body.modal-open .camping-header,
	body.modal-open .camping-actions {
		z-index: 1 !important;
		position: relative;
	}

	/* Fix spécifique pour les boutons de localisation/carte */
	body.modal-open .btn-primary,
	body.modal-open .btn-info,
	body.modal-open button[class*="localiser"],
	body.modal-open button[class*="carte"] {
		z-index: 1 !important;
	}

	/* Empêche l'interaction avec le contenu sous le modal */
	body.modal-open > *:not(.modal):not(.modal-backdrop):not(script) {
		pointer-events: none;
	}

	body.modal-open .modal,
	body.modal-open .modal-backdrop {
		pointer-events: auto;
	}
/* ---------- FIN  FIX MODAL iOS  --------*/



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.hauteur-photo-cc-2020{	height:250px !important; }	
	.hauteur-photo-cc-camping-2020{	height:180px !important; }
	.navbar {font-size: 0.6em !important; }
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.hauteur-photo-cc-2020{	height:230px !important; }	
	.hauteur-photo-cc-camping-2020{	height:220px !important; }
	.navbar {font-size: 0.9em !important; }	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.hauteur-photo-cc-2020{	height:270px !important; }	
	.hauteur-photo-cc-camping-2020{	height:240px !important; }
	.navbar {font-size: 1em !important; }
}

@media (min-width: 1300px) {
	.hauteur-photo-cc-2020{	height:310px !important; }
	.hauteur-photo-cc-camping-2020{	height:260px !important; }
	.navbar {font-size: 1.2em !important; }	
}

@media (min-width: 1400px) {
	.hauteur-photo-cc-2020{	height:330px !important; }	
	.hauteur-photo-cc-camping-2020{	height:420px !important; }
	.navbar {font-size: 1.2em !important; }
}

@media (min-width: 1500px) {
	.hauteur-photo-cc-2020{	height:350px !important; }	
	.hauteur-photo-cc-camping-2020{	height:420px !important; }
	.navbar {font-size: 1.2em !important; }
}


@media (min-width: 1800px) {
	.hauteur-photo-cc-2020{	height:420px !important; }	
	.hauteur-photo-cc-camping-2020{	height:420px !important; }
	.navbar {font-size: 1.2em !important; }
}


@media (min-width: 2200px) {
	.hauteur-photo-cc-2020{	height:450px !important; }	
	.hauteur-photo-cc-camping-2020{	height:420px !important; }
	.navbar {font-size: 1.2em !important; }
}

@media (min-width: 2500px) {
	.hauteur-photo-cc-2020{	height:500px !important; }	
	.hauteur-photo-cc-camping-2020{	height:420px !important; }
	.navbar {font-size: 1.2em !important; }
}

@media (min-width: 2800px) {
	.hauteur-photo-cc-2020{	height:620px !important; }	
	.hauteur-photo-cc-camping-2020{	height:500px !important; }
	.navbar {font-size: 1.2em !important; }
}


@media (max-width: 768px) {
    .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }
    
    .owl-carousel .owl-item img,
    .owl-carousel .owl-item picture img {
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 1280 / 853; /* Force le ratio 1.5 */
    }
}

.carousel-inner {
    border-radius: 20px;
    overflow: hidden;
}

.carousel-item img {
    border-radius: 20px;
}

.arrondis {
	border-radius: 20px !important; 
}

/* ---------------------------- FONTS -------------------------------- */

@font-face {
    font-family: 'Raleway';
    src: url('../bootstrap2020/font/Raleway-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Paint_the_town';
    src: url('../bootstrap2020/font/Paint_the_town-1.ttf') format('truetype');
    src: url('../bootstrap2020/font/Paint_the_town-1.svg') format('svg');
    src: url('../bootstrap2020/font/Paint_the_town-1.woff') format('woff');
}

@font-face {
    font-family: 'GardenBed';
    src: url('../bootstrap2020/font/GardenBed.otf') format('truetype');
}

@font-face {
  font-family: "Raleway-Bold";
  src: url("../bootstrap2020/font/Raleway-Bold.eot"); /* IE9 Compat Modes */
  src: url("../bootstrap2020/font/Raleway-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../bootstrap2020/font/Raleway-Bold.otf") format("opentype"), /* Open Type Font */
    url("../bootstrap2020/font/Raleway-Bold.svg") format("svg"), /* Legacy iOS */
    url("../bootstrap2020/font/Raleway-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../bootstrap2020/font/Raleway-Bold.woff") format("woff"), /* Modern Browsers */
    url("../bootstrap2020/font/Raleway-Bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: "Raleway-Medium";
  src: url("../bootstrap2020/font/Raleway-Medium.eot"); /* IE9 Compat Modes */
  src: url("../bootstrap2020/font/Raleway-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../bootstrap2020/font/Raleway-Medium.otf") format("opentype"), /* Open Type Font */
    url("../bootstrap2020/font/Raleway-Medium.svg") format("svg"), /* Legacy iOS */
    url("../bootstrap2020/font/Raleway-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../bootstrap2020/font/Raleway-Medium.woff") format("woff"), /* Modern Browsers */
    url("../bootstrap2020/font/Raleway-Medium.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Neutra Text';
    src: url('../bootstrap2020/font/Neutra-Text-Light-Alt-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neutra Text light';
    src: url('../bootstrap2020/font/Neutra-Text-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.Paint_the_town {font-family: 'Paint_the_town';}
.GardenBed {font-family: 'GardenBed';}
.Raleway {font-family: 'Raleway';}
.Raleway-Medium {font-family: 'Raleway-Medium';}
.Raleway-Bold {font-family: 'Raleway-Bold';}
.Neutra {font-family: 'Neutra Text';}
.Neutra-light {font-family: 'Neutra Text light';}