body {
	font-family: 'Now', sans-serif !important;
	font-size: 0.9em !important;
}
.form-control { 
  font-size: 0.9em !important; 
}

.rouge{
	color:#e85125 !important;
}	

.noir {
	color:#212529 !important;
}

.blanc {
	color:#fff !important;
}

.orange{
  color: #e85125 !important;
}

.fond-orange{
  color: white;
  background :#e85125 url(../img/graphisme_fond_etoile.png) no-repeat bottom right;
}

.bleu{
  color: #049dc5 !important;
}

.fond-bleu{
  color: white;
  background :#049dc5 url(../img/graphisme_fond_etoile.png) no-repeat bottom right;
}

.fond-bleu-clair{
  background-color: #049dc50a;
}

.fond-noir{
  color: white;
  background :#000 url(../img/graphisme_fond_etoile.png) no-repeat bottom right;
}

/* vert tres fonce */
.vert1{
  color: #005129 !important;
}

.fond-vert1{
  color: white;
  background :#005129 url(../img/graphisme_fond_etoile.png) no-repeat bottom right;
}

/* vert fonce */
.vert2{
  color: #017841 !important;
}

.fond-vert2{
  color: white;
  background :#017841 url(../img/graphisme_fond_etoile.png) no-repeat bottom right;
}

/* vert clair */
.vert3{
  color: #6aa943 !important;
}

.fond-vert3{
  color: white;
  background :#6aa943 url(../img/graphisme_fond_etoile.png) no-repeat bottom right;
}
.fond-vert3-mobile{
  color: #6aa943;
  background :#6aa9430f;
}
.fond-vert1-mobile{
  color: #ffffff;
  background :#005129;
}
.fond-vert3inverse{
  color: white;
  background :#6aa943 url(../img/graphisme_fond_etoile.png) no-repeat bottom left;
}

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

.padding5 {
    padding: 5px!important;
}

.cc-box-home{
  background :#ffffff;
  width: 100%;
  padding: 12px;
  line-height: 1.1em;
  color: #000;
  border: 1px solid #017841;
}

.h-100 {
    height: 100% !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #69a82f !important;
    border-color: #5f9b27 !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #5f9b27 !important;
    border-color: #5f9b27 !important;
}

.btn-bleu {
    color: #fff !important;
    background-color: #049dc5 !important;
    border-color: #0692b7 !important;
}

.btn-bleu:hover {
    color: #fff !important;
    background-color: #0692b7 !important;
    border-color: #0692b7 !important;
}

.btn-gris {
    color: #000 !important;
    background-color: #cccccc !important;
    border-color: #aeaeae !important;
}

.btn-gris:hover {
    color: #000 !important;
    background-color: #c5c5c5 !important;
    border-color: #aeaeae !important;
}

.box {
    width: 100%;
    margin-bottom: 5px;
}

.pull-left {
    float: left!important;
}

.groupResaNaissance {
    margin-top: -28px;
    line-height: 20px;
}

.formulaireResaEtape3 {
    display: block;
    padding-top: 15px;
    margin-top: 15px;
}

.hrfonce{
  border-top: 1px solid #005129 !important;
  margin-top: 3px;
}

.fondbleutitre {
    background-color: #005129;
    color: #fff;
    padding-left: 10px;
    font-size: 1.25em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hauteur1 {
    min-height: 41px;
    line-height: 40px;
}

.icone_plus{
  display: inline-block !important;
  margin: 5px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

.icone_plus_mobile{
  display: inline-block !important;
  margin: 5px;
  margin-right: 5px;
  vertical-align: middle;
}

.icone_plus_m{
  display: inline-block !important;
  margin: 5px;
  margin-right: 5px;
  vertical-align: text-center;
  max-height: 40px;
}


.titre-plus{
  font-size: 2.2em;  
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important; 
  color: #fff;
  
}

.h1, h1, .h2, h2, .h3, h3 {
    font-size: 1.3em !important;
}

.note-grande-texte, .titre{
  font-size: 2.2em;  
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important; 
  color: #000; 
}

.margecaroussel{
  margin-right: 50px !important;
  margin-left: 50px !important;
}


.cache_submit_etape2{
    position:absolute;
    right:5px;
    top:0px;
    /*width:200px;*/
    width: 100%;
    height:52px;
    background-image:url(../img/pixel_blanc_transparent.png);
    
}
  
#cache_for_chargement{
    display: none;
}


#cardNumber::placeholder, #cardExp::placeholder, #cardCvx::placeholder, .champs_form::placeholder{
    color:  #d3d3d3 !important;
}

.alert-danger {
    color: #f8f9fa !important;
    background-color: #000 !important;
    border-color: red !important;
}

.alert-danger a {
  color: white !important;
}

.champs_form {
  width:100%;
}

.texterouge{
  color: #e85125;
}


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

div.onglet-mois-actif:after {
  content: url(../img/onglet_actif_vert.png);
  display: block;  
  position: absolute;
  left: 50%; 
  margin-left: -12px; /*moitié de sa largeur*/
  top: 100%;
  width: 0;
  height: 0;
}

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

.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: 'Now', sans-serif !important;
  
}

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

div.onglet-moisvert-actif:after {
  content: url(../img/onglet_actif_vert.png);
  display: block;  
  position: absolute;
  left: 50%; 
  margin-left: -12px; /*moitié de sa largeur*/
  top: 100%;
  width: 0;
  height: 0;
}


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

.tableau-resa-date{
  background-color:#017841;
  color:white;  
  font-size:0.8em;
  text-align:center;
  letter-spacing: .1rem;
  font-family: 'Now', sans-serif !important;
  border:1px solid black;
}

.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-prix td, .table-prix th {
    border-top: 1px solid black !important;
}

.table-prix thead th {
    border-bottom: 1px solid black !important;
}

.noheight{
    height: 65px !important;
    padding: 0px !important;
}

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

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

.tableau-resa-prix1{
  background-color:#fff;
  background-clip: padding-box;
  color:#000;  
  font-size:0.8em;
  text-align:center;
  /*letter-spacing: .02rem;*/
  font-family: 'Now', sans-serif !important;
  border:1px solid black;
  position: relative;
}

.tableau-resa-prix1-hauteur {
  height: 200px;
  vertical-align: middle!important;
}

.tableau-resa-prix1:hover{
  background-color:#efeeed !important;
  background-clip: padding-box;
}

.tableau-resa-prix2{
  background-color:#fff;
  background-clip: padding-box;
  color:#000; 
  font-size:0.8em;
  text-align:center;
  /*letter-spacing: .02rem;*/
  font-family: 'Now', sans-serif !important;
  border:1px solid black;
  position: relative;
}

.tableau-resa-prix2-hauteur {
  height: 240px;
  vertical-align: middle!important;
}

.tableau-resa-prix2:hover{
  background-color:#efeeed !important;
  background-clip: padding-box;
}

.tableau-resa-complet{
  color:#c2c2c1;  
  font-size:1em;
  text-align:center;
  letter-spacing: .02rem;
  font-family: 'Now', sans-serif !important;
  border:1px solid black;
}

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

.entourage{
	/*border-radius:5px;*/	
	margin-left:0px !important;
	margin-right:0px !important;
	/*border:#e6e6e6 1px solid;*/
}

#div_tableau_resa{
	/*background-color:white;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding:15px;
	margin-top:15px;*/
	padding:0px !important;
}

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

.complet {
  color:#a9a9a9 !important; 
}

.titre-hebergement-page {
    width: 100%;
    color: #fff;
    background-color: #005129;
    font-size: 1.2em;
    padding: 5px;
    padding-top: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    margin-bottom: 5px;
    height: 39px;
}

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

.tableau-resa-descriptif{
  background-color:#ffffff;
  background-clip: padding-box;
  color:#444444;
  font-size:0.8em;
  text-align:left;
  letter-spacing: .02rem;
  font-family: 'Now', sans-serif !important;
  border:1px solid black;
}

.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;
}

/*.jauge1{
  position: absolute !important; 
   right: 0px;  
   top: -28px; 
   height:48px;
}*/
.jauge1{
   height:48px;
}

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

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

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

.fondchic{
  background-color: #ececec;
  background-clip: padding-box;
}

#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;
}

.btn-server-tableau-resa-chic{
  text-transform: uppercase;
  background-color: #017841;
  color: white;
  font-size: 1.4em;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px;
  align-items: center;
  justify-content: center;
}

.btn-server-tableau-resa{
  text-transform: uppercase;
  background-color: #6aa943;
  color: white;
  font-size: 1.4em;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px;
  align-items: center;
  justify-content: center;
}

.fond-gris-transparent{
  background: rgba(255, 255, 255, .5);
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.photo-hebergement-hover{
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  text-align: center;
  vertical-align: middle;
}

.etiquete-prix-rouge {
  color:white;
  font-size:0.8rem;
  background-color:#017841;
  padding: 5px;
  line-height:2em !important;
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !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-bleu {
  color:white;
  font-size:0.7rem;
  background-color:#00aeef;
  -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:black;
  font-size:0.7rem;
  background-color:#f9f000;
  -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;
}

.drapeau-menu {
  color: transparent;
  border-radius:50%;
  height: 1em;
  width: 1.1em;
  line-height: 1em !important;  
  margin-top: -4px !important;
}

.drapeau-FR {
  background: linear-gradient(90deg, mediumblue 33.3%, white 33.3%, white 66.6%, red 66.6%);
}

.drapeau-NL {
  background: linear-gradient(-180deg, red 33.3%, white 33.3%, white 66.6%, mediumblue 66.6%);
}

.drapeau-DE {
  background: linear-gradient(-180deg, black 33.3%, red 33.3%, red 66.6%, gold 66.6%);
}

.drapeau-ES {
  background: linear-gradient(red 25%, yellow 25%, yellow 75%, red 75%);
}

.drapeau-IT {
  background: linear-gradient(90deg, #00ae00 33.3%, white 33.3%, white 66.6%, red 66.6%);
}

.drapeau-EN {
  background-image: url(anglais.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.nopadding {
	padding:0 !important;
}

.nomargin {
	margin:0 !important;
}

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

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

.texte-petit2{
  font-size: 0.85em !important;
}

/*.texte-normal{
	font-size: 0.9em !important;
}*/

 .texte-avis{ font-size: 1.1em !important;}

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

.texte-moyen{
	font-size: 1.3em !important;
	font-weight: normal;
}

.gras{
  font-weight: bold;
}

.bouton-orange{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:7px; 
  padding-right:7px;
  background-color:#017841 !important;
  color:white !important;
  display:inline-block;
  cursor: pointer;
  /*white-space: nowrap;*/
  font-size:1.3em;
  position: relative;
  /*letter-spacing: .1rem;*/
  max-width: 100%;
  line-height: 1.2em;
  
}

.bouton-blanc{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:7px; 
  padding-right:7px;
  background-color:#fff !important;
  color:black !important;
  display:inline-block;
  cursor: pointer;
  /*white-space: nowrap;*/
  font-size:1.3em;
  position: relative;
  /*letter-spacing: .1rem;*/
  max-width: 100%;
  line-height: 1.2em;
  
}

.bouton-vert2{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:7px; 
  padding-right:7px;
  background-color:#017841 !important;
  color:white !important;
  display:inline-block;
  cursor: pointer;
  /*white-space: nowrap;*/
  font-size:1.3em;
  position: relative;
  /*letter-spacing: .1rem;*/
  max-width: 100%;
  line-height: 1.2em;
  
}

.bouton-vert3{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:7px; 
  padding-right:7px;
  background-color:#6aa943 !important;
  color:white !important;
  display:inline-block;
  cursor: pointer;
  /*white-space: nowrap;*/
  font-size:1.3em;
  position: relative;
  /*letter-spacing: .1rem;*/
  max-width: 100%;
  line-height: 1.2em;
  
}

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

.swiper {
  width: 95%;
  height: 260px;
}

.swiper-slide{
	border:1px solid #123456;
	border-radius: 10px;
}


.cc-titre{
  font-size: 2em;  
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important; 
  color: #005129;
}

.cc-camping-etoile{
  margin-top:-1.6em;
  height:13px;
  margin-left: 3px;
}

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

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

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

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

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

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

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

.hauteur-photo-cc {
  height:240px !important;
}

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

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

.cc-prix{
  font-size: 2em;  
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important; 
  color: #6aa943;
  
}

p {
	margin:0 !important;
}

/*.container a {
  color: #000 !important;
}*/

#navbar a:hover {
  color: #e85125 !important;
}

.container-fluid2 a {
  color: #000 !important;
}

.container-fluid2 a:hover {
  color: #e85125 !important;
}

.bloc-home{
  padding: 10px;
  border: 1px solid #005129;
  line-height: 1.8em;
}

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

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

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

.marge-haute-diaporama {
	margin-top: 170px !important;
	/*border: 1px solid black;*/
	z-index:5;
}


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

.etoile {
  margin-top: -0.7em;
  margin-right: 5px;
  width: 22px;
}

.mascotte-plantouille{
  display: block;
  float: right;
  margin-top: -180px;
}

.mascotte-fleur{
  display: block;
  float: right;
  margin-top: -180px;
}

.mascotte-arbre{
  display: block;
  float: left;
  margin-top: -80px;
}

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

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

.btn-cliquez-ici-blanc a {
  text-transform: uppercase;
  font-size: 1.4em;
  color: #000;
  border: 1px solid #000;
  padding: 7px;
}

.btn-cliquez-ici-blanc a:hover{
  border: 1px solid #e85125 !important;
  color: #000 !important;
  padding: 7px;
  text-decoration: none;
  line-height: 30px !important;
}

#navbar-btn-reserver{
  display: block; 
  position: absolute; 
  right: 10px; 
  top: 85px;
  font-size: 1.0em !important;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
}

#img-reserver-blanc {
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
}

.btn-cliquez-ici a {
  text-transform: uppercase;
  font-size: 1.4em;
  color: #035129;
  border: 1px solid #035129;
  padding: 7px;
}

.btn-cliquez-ici a:hover{
  border: 1px solid #e85125 !important;
  color: #fff !important;
  padding: 7px;
  text-decoration: none;
}

.bloc-btn-reserver{
  float: right;
  margin-top: -80px;
}

.bloc-btn-reserver2{
  float: right;
  margin-top: 40px;
}

.fond-gris{
  background-color: #f4f6f2;
  padding-left: 10px !important;
  text-align: justify;
}

.contenu-box{
  padding: 5px;
}

.titre-ft{
  font-size: 2.8em;  
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important;
}

.footer a {
  color: black;
}
.footer a:hover {
  color: black;
}

/************** navbar *****************/
#navbar {
  overflow: hidden;
  /*background-color: #6aa943;*/
  /*background-color: #007841;*/
  /*background-color: #005129;*/
  /*background-color: #000;*/
  background-color: #fff;

  /*padding: 60px 10px;*/ /* Large padding which will shrink on scroll (using JS) */
  height: 170px;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  z-index: 999;
	
	/*ombre*/
	-webkit-box-shadow: 0 8px 6px -6px #cdcdcd;
    -moz-box-shadow: 0 8px 6px -6px #cdcdcd;
    box-shadow: 0 8px 6px -6px #cdcdcd;
}

.lien-navbar-petit{
    font-size: 1em !important;
    color: black !important;
    margin-left: 70px !important;  
    line-height: 18px !important; 
    padding: 0px !important; 
    text-transform: none !important;
}

.lien-navbar-petit a:hover {
  /*background-color: #ddd;*/
  color: #e95125 !important;
  border-bottom:none !important;
  transition: 0.1s; /* Adds a transition effect when the padding is decreased */
}

/* Style the navbar links */
#navbar a {
  float: left;
  /*color: white;*/
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 25px;
  /*border-radius: 4px;*/
  text-transform: uppercase;
  padding-bottom: 4px;
}

/* Style the logo */
#navbar #logo {
  width: 170px;
  margin-left: 20px;
  /*border: 1px solid black;*/
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
}

/* Links on mouse-over */
#navbar a:hover {
  /*background-color: #ddd;*/
  color: #e95125 !important;
  border-bottom: 1px solid #e95125;
  padding-bottom: 3px;
  transition: 0.1s; /* Adds a transition effect when the padding is decreased */
}

/* Style the active/current link */
#navbar a.active {
  color: #e95125;
  transition: 0.1s;
}

#navbar-right a:hover {
  border-bottom: none !important;
}
#a-reserver-blanc a:hover {
  border-bottom: none !important;
}

#navbar-left {
	margin-top: 30px;
  padding-left: 10px;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  display: inline-block !important;
  width: 70%;
  color: white;
}

#navbar-right {
  margin-top: 30px;
  padding-left: 10px;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  display: inline-block !important;
  color: white;
  float: right;
  /*margin-right: 30px;*/
  font-size: 1.2em;
}

.nav-link{
  margin-left: 10px;
  margin-right: 10px;
}

.menu-picto{
  margin-left: -5px;
  margin-right: -5px;
  line-height: 0.9em;
}


.dropdown-menu{
  background-color: #000 !important;
}

.nodeco a.hover {
  border-bottom:none;
}
.nodeco a.active {
  border-bottom:none;
}

#navbar-titre{
  color: black;
  display: inline-block !important;
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important;
  font-size: 2.6em;
  width: 70%;
  text-align: center;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  margin-top: 20px;
}

#navbar-titre-couloir {
    color: black;
    display: inline-block !important;
    text-transform: uppercase;
    font-family: 'BabyDoll', sans-serif !important;
    font-size: 2em;
    width: 70%;
    text-align: left;
    transition: 0.4s;
    /*margin-top: 10px;*/
    margin-left: 20px;
}

#btn-menu-mobile-on, #btn-menu-mobile-off {    
    position: absolute;
    top: 50px;
    left: 100px;
    color: black;
    line-height: 5px;
    text-align: center;
}

#btn-menu-mobile-off{
  display: none;
}

.owl-dots{display: none !important;} /* points du slider */

.titre-couloir-petit{
    font-size: 1em !important;
    color: black;
    margin-left: 70px;
}

.titre{
  text-transform: uppercase;
  font-family: 'BabyDoll', sans-serif !important;
}

.taille1{
  font-size : 1.8em;
}
.taille2{
  font-size : 3.4em;
}

.prenom-avis{
  font-size : 1.8em;  
}

.prenom-avis-petit{
  font-size : 1.5em;  
}

.graphisme-partir{
    margin-top: 30px;  
}
.decal-partir{
    display: inline;
    margin-top: 60px;
}

.accroche{
    display: inline-block;
    font-size: 1.15em;
    font-weight: bold;
}

.accroche-petit{
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
}

.couloir_hebergement{
    font-size: 1.2em;
    font-weight: bold;  
}

.photo-couloir-reservation{
  position: absolute;
  right: 15px;
}

.blocGrisResa {
    background-color: #69a844 !important;
    color: #FFF;
    padding: 10px 0 10px 5px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.blocGrisResaAvecMarge {
    background-color: #69a844 !important;
    color: #FFF;
    padding: 10px 0 10px 5px !important;
    margin-left: 10px !important;
    margin-right: -15px !important;
}

#paginationResultat>.pagination>.active>a, #paginationResultat>.pagination>.active>a:focus, #paginationResultat>.pagination>.active>a:hover, #paginationResultat>.pagination>.active>span, #paginationResultat>.pagination>.active>span:focus, #paginationResultat>.pagination>.active>span:hover {
    background-color: #e85125;
    border-color: #ad4020;
}
.page-link {
    color: #000000 !important;
}

#box_loading {
    position: fixed;
    z-index: 2000;
    background-color: #fff;
    border: 1px solid #666;
    width: 200px;
    height: 170px;
    padding-top: 10px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    display: none;
    text-align: center;
    top: 50%;
}

.retenir{
    font-size: 1.4em;
}

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

.quote{
  margin-top: -5px;
  vertical-align: top;
}

.lineheight2{
  line-height: 2.2em !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

.lineheight2petit{
  line-height: 2em !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tarif-form-recherche{
  color: #FFFFFF;
  background-color: #017841;
  padding: 15px;
}

.footer{
  background-color: white;
  color: black;
  font-size: 0.8em;
  
  /*ombre*/
	-webkit-box-shadow: 0 -5px 6px 0px #cdcdcd;
    -moz-box-shadow: 0 -5px 6px 0px #cdcdcd;
    box-shadow: 0 -5px 6px 0px #cdcdcd;
  
}

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

.btn-vert {
    background-color: #005129 !important;
    color: #fff!important;
}

.blanc{
  color: white !important;
}

.texteBlanc{
  color: white !important;
}

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #navbar {
    height: 80px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    /*float: none;*/
	position: fixed;
    top: -30px;
    right: 0px;
  }
  .marge-haute-diaporama {
	margin-top: 80px !important;
  }
  #navbar #logo {
  	width: 97px !important;
	margin-top: -10px !important;
    margin-left: 0px !important;
  }
}
/*********** fin navbar ****************/


/*********** carousel ******************/

.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: 105px !important;
    width: 28px !important;
}

/*********** fin carousel **************/


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

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

.libre{
    background-color: #e64f25;
}
.libre:hover {
    background-color: #e76845;
    color:white;
}

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

.mois-header {
  background-color: #005129;
  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.55em;
}

#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;
}



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


.bouton-bleu{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#017841 !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: 'Raleway-Medium', sans-serif !important;
	
}

.bouton-bleu2{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:7px;	
	padding-right:7px;
	background-color:#049dc5 !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: 'Raleway-Medium', sans-serif !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 #017841;
	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-bleu2: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 #049dc5;
	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;
}

.ui-widget-header{
	/*border: 1px solid #e64f25 !important;*/
	border: 1px solid #fff !important;
}

/* notes */
.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-rond-bleu{
  position: inline-block;
  margin-top: 3px;
  margin-left: 3px;
  bottom: 0;
  right: 0;
  width: 55px;
  height: 55px;
  background: #017841;
  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:#005129;
  /*line-height:3.5em;*/
}
.note-moyenne-note{
	width:100%;
	line-height: 1.3em;
	text-align:center;
	font-size:2.4em;
	transform: rotate(-7deg);
}
.note-fond{
	width:90%;
	background-color:#e6e6e6;
	height:5px;
}

.note-excellent{
	width:99%;
	background-color:#6aa943;
	height:5px;
}
.note-bien{
	width:75%;
	background-color:#6aa943;
	height:5px;
}
.note-satisfaisant{
	width:55%;
	background-color:#6aa943;
	height:5px;
}
.note-insuffisant{
	width:35%;
	background-color:#6aa943;
	height:5px;
}
.note-nsp{
	width:100%;
	background-color:#fff;
	height:5px;
}
.note-moyenne-dix{
	width:100%;
	text-align:center;
	font-size:1em;
	transform: rotate(-7deg);
	margin-top:-1em;
	padding-left:15px;
}
.Paint_the_town {
	font-family: 'BabyDoll', sans-serif !important;
}


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

/* Mode Mobiles ON */
@media (max-width: 768px) { 
  .mobile{display:block !important;}
  body { font-size: 0.8em !important; }
  .form-control { font-size: 0.8em !important; }
	.pas-sur-mobile{display:none !important;}
  .hauteur-photo-cc-2020{ height:140px !important; }
  .hauteur-photo-cc-camping-2020{ height:230px !important; }   
  .tableau-resa-prix1-hauteur, .tableau-resa-prix2-hauteur{ height: 150px; }
  .fond-gris{padding-left: 5px !important;}
  .quote {  margin-top: -2px; }
  #navbar-titre { font-size: 1.4em !important; position: absolute !important; top: 0px !important; right: 0px !important;}
  .etoile { display:none !important; }
  .margecaroussel{margin-right: 20px !important; margin-left: 20px !important;}
  .tableau-resa-date{padding: 0.30em !important;}
  .etiquete-prix-rouge { font-size: 0.rem !important; padding-left: 2px !important; padding-right: 2px !important;}
  .fond-gris-transparent { bottom: 0px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
  .cc-titre{font-size: 1.8em !important;}
  .pointille_fichetechnique{margin-top: -30px;}
  #navbar-left{margin-top: 0px !important; }
  .jauge1{ right: -20px;  top: -28px; height:30px;}
  .bloc-home{  border: none !important;}
  .prenom-avis-petit{  font-size : 1.3em !important;}
  .swiper{ height: 200px !important;}
  .note-grande-texte, .titre { font-size: 1.5em !important;}
  .footer{font-size: 1em !important; margin-top:15px !important; }
  .noheight{ height: 85px !important; }
}

/* 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:190px !important; }  
  .hauteur-photo-cc-camping-2020{ height:180px !important; } 
  .tableau-resa-prix1-hauteur, .tableau-resa-prix2-hauteur{ height: 165px; }
  .borderright{border-right: solid 2px black;}  
	.fond-gris-transparent { top : 10px; }
  #btn-menu-mobile-on, #btn-menu-mobile-off { display: none !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .hauteur-photo-cc-2020{ height:190px !important; }  
  .hauteur-photo-cc-camping-2020{ height:220px !important; } 
  .tableau-resa-prix1-hauteur, .tableau-resa-prix2-hauteur{ height: 185px; }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .texte-petit2{ font-size: 0.9em !important; }
  .hauteur-photo-cc-2020{ height:190px !important; }  
  .hauteur-photo-cc-camping-2020{ height:240px !important; }  
  .tableau-resa-prix1-hauteur, .tableau-resa-prix2-hauteur{ height: 250px; }
}

@media (min-width: 1300px) {
  .hauteur-photo-cc-2020{ height:210px !important; }
  .hauteur-photo-cc-camping-2020{ height:260px !important; }
  .tableau-resa-prix1-hauteur, .tableau-resa-prix2-hauteur{ height: 260px; }

}

@media (min-width: 1500px) {
  body { font-size: 1em !important; }
  .form-control { font-size:1em !important; }
  /*.texte-normal{ font-size: 1em !important;}*/
  .texte-avis{ font-size: 1.2em !important;}
  .hauteur-photo-cc-2020{ height:300px !important; }  
  .hauteur-photo-cc-camping-2020{ height:300px !important; }
  .tableau-resa-prix1-hauteur, .tableau-resa-prix2-hauteur{ height: 340px; }
}

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

@font-face {
    font-family: 'Now';
    src: url('../bootstrap/font/Now-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'BabyDoll';
    src: url('../bootstrap/font/BabyDoll.ttf') format('truetype');
}

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

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

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

.Paint_the_town {font-family: 'Paint_the_town';}
.GardenBed {font-family: 'GardenBed';}
.Now {font-family: 'Now';}
.Now-Medium {font-family: 'Now-Medium';}
.Now-Bold {font-family: 'Now-Bold';}
.BabyDoll {font-family: 'BabyDoll';}



/* ------------- ANIMATION ------------- */
body {
    animation: myfadeInAnimation 1s;
}
@keyframe myfadeInAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes myfadeInAnimation {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* -------------------------------------- */