.row{margin:0;padding:0;width:100%;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {margin:0;padding:0}

.developpement{
	background-color:yellow;
	font-size:0.8em;
	width:100%;
	overflow:hidden;
	text-align:left;
}

body{
	z-index:1;
	font-family:"Montserrat-Medium";
}



.remarque_developpement{
	background-color:#fcfcab;
	width:550px;
	height:auto;
	padding:10px;
	border:2px dashed red;
	margin:20px;
	border-radius:20px;
}


.locations_saisonnieres h2{
	text-align:center;
	border:none;
}
.locations_saisonnieres .resa{
	margin:0 auto;
}


.xs_entete .pictos .logo{
	text-align:center;
}
.xs_entete .pictos .logo img{
	height:70px;
}
.xs_entete .pictos .resa{
	text-align:center;
	
}
.xs_entete .pictos .resa a{
	font-size:0.8em;
	color:white;
	font-family:"Roboto-Condensed";
}
.xs_entete .pictos .resa a:hover{
	opacity:0.8;
}
.xs_entete .pictos .resa img{
	height:40px;
	padding-right:5px;
	
}
.xs_entete .pictos .resa .texte{
	font-family:"Dancing-Script";
	color:white;
	font-size:1.5em;
}
.panel .panel-body .lv2{
	padding-left:30px;
	background-color:black;
	font-family:"HeyOctober";
	font-size:1.6em;
}

.panel .panel-body .panel-collapse .lv3{
	padding-left:60px;
	font-family:"Montserrat-Light";
	font-size:1.2em;
}

.panel .panel-body .panel-collapse .lv3::before{
	 content: "> ";
}
		
		
.menu{
	background-color:white;
	position:fixed;
	top:0;
	z-index:1000;
	box-shadow:0 5px 10px #444444;
	height:90px;
}
.menu a:link{color:black;}
.menu a:hover{color:black;}
.menu a:visited{color:black;}


.menuLogo{
	height:100%;
}
.menuLogo img{
	padding:5px;
	max-height:90px;
	
}





.menuLgGauche{
	/*background-color:red;*/
	text-align:left;
	padding-left:8px;
	height:90px;
}

.menuLgGauchePicto{
	text-align:center;
	display:inline-block;
	margin:0;
	height:90px;
	overflow:hidden;
}
.menuLgGauchePicto:hover{
	opacity:0.7;
}
.menuLgGauchePicto img{
	height:40px;
	margin:0;
	padding:0;
}
.menuLgGauchePicto .texte{
	font-family: "Montserrat-Light";
	line-height:1em;
}








.menuLgDroite{
	display:inline-block;
	text-align:right;
	padding-right:10px;
}

.menuLgDroite > .texte:hover{
	background-size:100% 100%;
}


.menuLgDroite .langues img{
	height:12px;
}


@media(min-width:768px){ /* SM */
	.menuLgDroite .texte{
		font-size:1.3em;
		padding:5px 5px 0 0;
	}
}
@media(min-width:992px){ /* MD */
	.menuLgDroite .texte{
		font-size:1.4em;
		padding:5px 5px 0 0;
	}
}
@media(min-width:1200px){ /* LG */ 
	.menuLgDroite .texte{
		font-size:1.4em;
		padding:5px 10px 0 0;
	}
}




#accordeon_menu_page .panel-group{
	background:none;
	background-image:none;
	border:none;
	padding:0;margin:0;
}
#accordeon_menu_page .panel-default{
	background:none;
	background-image:none;
	border:none;
	padding:0;margin:0;
}
#accordeon_menu_page .panel-heading{
	background:none;
	background-image:none;
	border:none;
	padding:0;margin:0;
}
#accordeon_menu_page .panel-title{
	background:none;
	background-image:none;
	border:none;
	padding:0;margin:0;

}


#accordeon_menu_page{
	padding:50px;
}

#accordeon_menu_page .panel-title{
	padding:10px 0;
}
#accordeon_menu_page .panel-body{
	padding:10px 0 0 80px;
	
}

#accordeon_menu_page .fa-solid{
	font-size:0.6em;
	padding:5px;
	
}


#accordeon_menu_page .panel-title a:link, #accordeon_menu_page .panel-title a:hover , #accordeon_menu_page .panel-title a:visited{
	color:white;
	font-size:2em;
	font-family: "Montserrat-Medium";
}
#accordeon_menu_page .panel-body a:link, #accordeon_menu_page .panel-body a:hover, #accordeon_menu_page .panel-body a:visited{
	color:white;
	font-size:2.3em;
	font-family: "HeyOctober";
}






.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index:1000;
  background-color:black;
}
.sidebar .titre{
	color:red;
}

.sidebar a {
	padding: 2px;
	text-decoration: none;
	font-size: 20px; 
	display: block;
	transition: 0.3s;
}

.sidebar a:hover {
	color: #f1f1f1;
}

.sidebar .closebtn {
	position: absolute;
	top: 10px;
	left: 0;
	width:65px;
	height:65px;
	font-size:1.8em;
	color:white;
	padding:6px 13px;
	border:1px solid white;
	border-radius:10px;
	margin-left:15px;
	z-index:10;
	
}

.openbtn {
	width:65px;
	height:65px;
	font-size:1.8em;
	cursor: pointer;
	background-color: transparent;
	color: white;
	padding: 6px 13px;
	border: 1px solid white;
	border-radius:10px;
	position:fixed;
	z-index:1000;
	margin-left:15px;
}

.openbtn:hover {
	background-color: #444;
}





.menu_xs .panel-body{
	padding-left:40px;
}

.menu_xs .panel{
	border:none;
}

.menu_xs .panel-title a{
	background-color:black;
}

.menu_xs .panel-title a .menu_derouler{
	font-size:0.7em;
	padding:4px;
	
}

.menu_xs .panel-body{
	background:black;
}
.menu_xs .panel-group{
	color:white;
	margin:0;
}
.menu_xs .lv1 a{
	/*background-color:red;*/
	font-size:1.5em;
	padding-top:15px;
}
.menu_xs .lv3{
	/*background-color:navy;*/
	font-size:1.5em;
	font-family:"Dancing-Script";
}
.liensPictos{
	display:inline;
}
.liensPictos a{
	display:inline;
	color:white;
	font-size:0.9em;
}
			
.chemin_de_fer{
	padding-top:10px;
	width:100%;
}		

.index_carte{
	padding:0;
	margin-bottom:50px;
}
.index_carte .carte img{
	
}
.index_carte .descriptif{
	color:white;
	padding:5%;
}
.index_carte .descriptif .titre{
	font-family:"Roboto-Black-Italic";
	text-align:center;
}


.index_carte .descriptif .sous_titre{
	font-family:"HeyOctober";
	font-size:1.5em;
	padding:20px 0;
}
.index_carte .descriptif .texte{
	font-family:"Montserrat-Medium";
	text-align:justify;
}

	
	
#main {
  transition: margin-left .5s;
  position:fixed;
  z-index:0;
}

.xs_entete{
	height:90px;
	position: fixed;
	width:100%;
	z-index:1000;
	padding:10px 0;
	top:0;
	overflow:hidden;
}









	
.picto_menu_lg a{
	margin:0;
	padding:0;
}
.picto_menu_lg img{
	height:50px;
	margin:0;
	padding:0;
	
}


.page .contenu{
	padding:0 20px;
}
.page .contenu .adherents{
	max-width:1200px;
}
.page .contenu a:hover{
	cursor:pointer ;
}
.page .contenu .modal_labels:hover{
	opacity:1;
	
}
/* page */


li{
	list-style-type:disc;
	
}
li .fa-solid{
	padding-right:1em;
	
}
h3 .fa-solid{
	padding-right:1em;
	
}
.lien_texte{
	text-decoration:underline;
	cursor:hand;
}

.lien_texte:visited{
	color:black;
}
.lien_texte:hover{
	color:red;
}
.lien_texte .fa-solid{
	padding-right:1em;
	font-size:1.3em;
}
p{
	text-align:justify;
}

h1{
	font-family: "HeyOctober";
	text-align:center;
	margin:0;
	padding_bottom:50px;
}
h2{
	font-family: "HeyOctober";
	font-size:2em;
	color:#1D778B;
	padding:0;
	text-align:left;
	border-bottom:1px solid #99CC66;
	border-bottom-width: 2px;
	width:95%;
	
}
h3,h4,p{
	padding-right:20px;
	font-family:"Montserrat-Medium";	
}
h4{
	margin-top:30px;
}
.form_changer_style{
	
	
	border:1px solid lightgrey;
	
	border-radius:25px;
	background-color:white;
	z-index:2;
	display:inline-block;
}
.form_changer_style input{
	height:15px;

}
.form_changer_style .changer_style_ete{
	float:left;
}
.form_changer_style .changer_style_hiver{
	float:right;
}

.kb_control_left, .kb_control_left:hover, .kb_control_left:active, .kb_control_left:focus, .kb_control_right, .kb_control_right:hover, .kb_control_right:active, .kb_control_right:focus{
	opacity:0.1;
	background:none;
}
.slider_accueil{
	z-index:1;
}

@media(max-width:767px){ /* XS */
	.slider_accueil{padding-top:90px;}
}
@media(min-width:768px){ /* SM */
	.slider_accueil{padding-top:80px;}
}
@media(min-width:992px){ /* MD */
	.slider_accueil{padding-top:80px;}
}
@media(min-width:1200px){ /* LG */ 
	.slider_accueil{padding-top:80px;}
}





.pied{
	min-height:200px;
	background-color:#333333;
	margin-top:200px;
	border:1px solid black;
	z-index:10;
	position:relative;
}

.pied .bloc{
	margin:10px 0;
	padding:0 10px;
}
.pied .texte{
	text-align:left;
	padding:5px 10px;
	font-size:1em;
}
.pied .titre{
	font-size:1.3em;
	margin-top:20px;
	text-align:center;
}
.pied .fa-solid{
	font-size:1.2em;
	padding-right:20px;
	color:red;
}
.pied .texte .reseauxsociaux{
	text-align:center;
}
.pied .texte .reseauxsociaux .fa-brands{
	font-size:2em;
	padding:0 20px;
}
.pied .liens a{
	color:white;
	display:inline-block;
	padding:0 50px;
}
.pied .labels{
	text-align:center;
}
.pied .labels img{
	background-color:white;
	width:40px;
	height:40px;
	margin:5px;
	border-radius:15px;
}
.pied .reseauxsociaux{
	text-align:center;
	
}
.pied .reseauxsociaux .fa-brands{
	padding:0 5px;
	font-size:2em;
	
}
.pied .contact{
	text-align:center;
}	

.piedPictos{
	text-align:center;
}
.piedPictos .texte{
	color:white;
}

.pied .form_newsletter{
	text-align:center;
	padding:0 10px;
}
.pied .form_newsletter input{
	color:black;
	font-family:"Roboto-Light";
	height:2em;
	
}
.pied .form_newsletter .envoyer{
	height:30px;
	padding:5px;
	border-radius:5px;
}


.pied .liens{
	text-align:center;
	margin-top:30px;
}


.encartTitre{
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
}
@media(max-width:767px){ /* XS */
	
}
@media(min-width:768px){ /* SM */
	.encartTitre{min-height:736px;}
}
@media(min-width:992px){ /* MD */
	.encartTitre{min-height:736px;}
}
@media(min-width:1200px){ /* LG */ 
	.encartTitre{min-height:736px;}
}


.encartTitre h1{
	color:white;
	font-size:7vw;
	margin-top:200px;
  	text-shadow: 1px 1px 8px rgba(0,0,0,0.6);
	z-index:2;
	padding-bottom:20px;
}

.encartTitre video {
  object-fit: cover;
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
  width: 100%;
}
.encartTitre .video-wrapper {
  border: 2px solid #000;
  width: 100%;
  min-height: 736px;
  position: absolute;
  top:90px;
  overflow: hidden;
  text-align: center;
  align-items: center;
  justify-content: center;
}



.adherentListe .contenu{
	margin:0;
	padding:0;
	border:1px solid #383737;
	
}



.adherentListe .image{
	height:200px;
	max-height:200px;
	overflow:hidden; 
}
.adherentListe .image:hover{
	opacity:0.7; 
	/*box-shadow:2px 2px 2px black;*/
}
.adherentListe .backgroundImage{
	width:100%;
	height:250px;
	background-size: 10px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 50%;
}

.adherentListe .commune{
	padding:20px 15px 0 15px;
	color:#1D778B;
}
.adherentListe .commune .fa-solid{
	padding-right:5px;
}
.adherentListe .titre{
	font-size:1em;
	padding:15px 15px 0 15px;
	color:#383737;
}
.adherentListe .commentaire{
	padding:0 15px 10px 15px;
	color:#383737;
	text-align: justify;
	font-family: "Montserrat-Light";
	font-size:0.9em;
}
.adherentListe .commentaire .fa-solid{
	color:#00000075;
}
.adherentListe .labels{
	position:absolute;
	bottom:0;
	height:36px;
	width:100%;
}

.adherentListe .labels img{
	height:34px;
	border:1px solid black;
	margin:0 0 1px 1px;
	border-radius:5px;
}


.adherentListe .label_adherent{
	position:absolute;
	bottom:30px;
}
.adherentListe .label_adherent img{
	height:30px;
	margin:1px;
	border:1px solid grey;
	border-radius:5px;
}
.adherentListe .affichage_horaires{
	padding:1px;
	border-radius:10px;
	text-align:center;
}
.adherentListe .affichage_horaires .fa-solid{
	padding:0 10px;
}

.adherentListe .ligne_liste_semaine{
	text-align:center;
	font-size:0.8em;
}

.adherentListeXS{
	min-height:90px;
	margin:10px 0;
	padding:10px;
	border-radius:10px;
}
.adherentListeXS .affichage_horaires{
	text-align:center;
}
.adherentListeXS .affichage_horaires .fa-solid{
	padding:0 5px;
}

.adherentListeXS .backgroundImageXS{
	width:90%;
	height:90px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 50%;
}
.adherentListeXS .labels{
	height:36px;
	width:100%;
}
.adherentListeXS .labels img{
	height:30px;
	border:1px solid black;
	margin:0 0 1px 1px;
	border-radius:5px;
}
.adherentListeXS .details{
	text-align:center;
}
.adherentListeXS .details .fa-solid{
	font-size:1.8em;
	background-color:white;
	padding:10px;
	border-radius:40px;
	margin-bottom:5px;
}
.adherentListeXS .titre{
	padding:10px 0;
	text-align:left;
	font-size:1.2em;
}
.adherentListeXS .adresse{
	font-size:1em;
	font-family:"Montserrat-Light";
}
.adherentListeXS .adresse .fa-solid{
	padding-right:1em;
}


.affichageCarte{
	width:100%;
	z-index:1;
}
.carte{
	z-index:1;
}
.carteAdherents{
	position:relative;
	right:10px;
	bottom:0;
	min-height:500px;
	z-index:1;
	margin-top:30px;
	/*overflow-y:scroll;*/
}
.carteAdherents h2{
	color:black;
	font-family:"Roboto-Condensed";
	font-size:1em;
	padding:0;
	margin:0;
}
/*
.encartMenu{
	margin-top:90px;
	min-height:736px;
	background: url("../images/menu/encart_menu_ete.jpg") no-repeat center fixed; 
  	-webkit-background-size: cover; 
  	background-size: cover; 
}
*/
.rgpd{
	margin:10px 0;
	padding:10px;
	border-radius:10px;
}
.encartMenu .entree{
	padding:0 50px;
	font-family:"Roboto-Medium";
	
}
.encartMenu .menus{
	margin-top:100px;
}
.encartMenu .entree a{
	color:white;
	font-family:"Roboto-Bold";
	line-height:2em;
}
.encartMenu .entree a:hover{
	color:#2C665E;
}
.encartMenu .entree .italique{
	color:#2C665E;
	font-size:1.5em;
	font-family: "Dancing-Script";
	line-height:1.5em;
	font-weight:bold;
}
.encartMenu .sous_liens{
	position:absolute;
	right:0;
	margin-top:-80px;
}

.encartMenu .sous_liens a{
	color:#2C665E;
	font-family: "Dancing-Script";
	line-height:1.3em;
	font-weight:bold;

}
.encartMenu .sous_liens a:hover{
	color:white;
}



@media(min-width:768px){ /* SM */
	.encartMenu .entree{width:60%;}
	.encartMenu .sous_liens{width:40%;}
	.encartMenu .entree a{font-size:2.2em;}
	.encartMenu .sous_liens a{font-size:1.8em;}
}
@media(min-width:992px){ /* MD */
	.encartMenu .entree{width:50%;}
	.encartMenu .sous_liens{width:50%;}
	.encartMenu .entree a{font-size:2.2em;}
	.encartMenu .sous_liens a{font-size:2.5em;}
}
@media(min-width:1200px){ /* LG */ 
	.encartMenu .entree{width:50%;}
	.encartMenu .sous_liens{width:50%;}
	.encartMenu .entree a{font-size:2.5em;}
	.encartMenu .sous_liens a{font-size:2.5em;}
}


.modal-open{ /*couleur de fond de la page quand modal par dessus*/
	background-color:white;
	padding:0;
}
.modal-dialog{
	margin:0 auto;
}



.modal_photo{
	margin-top:10px;
}
.modal_photo .slider{
	border-radius:10px;
	width:90%;
	height:250px;
	margin:0 auto;
}


.modal_photo .slider img{
	margin:0 auto;

}
.modal_photo .nom{ 
	font-size:2em;
}
.modal_photo .descriptifs{
	padding:10px;
}
.modalAdherent{
	margin-top:50px;
	width:100%;
}
.modalAdherent .labels{
	text-align:right;
	padding-right:10px;
}
.modalAdherent .labels img{
	width:50px;
	margin:1px 0;
	padding:1px;
	border:1px solid grey;
	border-radius:5px;
}
.modalAdherent .nom{
	padding:0 15px;
	font-family: "Montserrat-Medium";
	color:white;
	line-height:2em;
}
.modalAdherent .type{
	margin:10px 0;
	font-style: italic;
}
.modalAdherent .commentaire{
	text-align:justify;
	font-family: "Montserrat-Light";
	padding:0 10px;
}
.modalAdherent .carto{
	width:100%;
	height:450px;
	margin:50px 0 0 0;
	padding:0;
}
.modalAdherent .carto iframe{
	width:100%;
	height:420px;
	margin:0;
	padding:0;
	border:none;
}
.modalAdherent .url_securise{
	color:green;
	padding-right:2px;
	font-size:0.8em;
}

.modalAdherent .horaires{
	background-color:lightgrey;
	font-family:"Montserrat-Light";
	padding:5px;
	border-radius:10px;
}
.modalAdherent .horaires .fa-solid{	
	padding:0 5px;
}

.modalAdherent .descriptifs .adresse{
	width:100%;
	font-size:0.9em;
	margin-top:20px;
	font-family:"Montserrat-Light";
}
.modalAdherent .descriptifs .adresse .element{
	padding:5px;
	
}
.modalAdherent .descriptifs .adresse .fa-solid{
	color:#1D778B;
	font-size:1.5em;
	float:left;
	padding-right:20px;
}

.modalAdherent .descriptifs .sous_titre{
	color:#1D778B;
	font-family: "HeyOctober";
	font-size:2.2em;
	margin-bottom:10px;
}

.modalAdherent .descriptifs .mode_de_paiement img{
	width:30px;
	padding:0 2px;
}

.modalAdherent .descriptifs .langues_parlees img{
	height:15px;
	padding:0 2px;
}

.modal_photo .chevron{margin-top:125px;font-size:1em;}




.boutique .ligne{
	background-color:#2C665E50;
	border-radius:10px;
	padding:10px;
	margin:20px 5%; 
	width:90%;
}

.boutique .ligne .nom, .boutique .tarif, .boutique .commentaire{
	padding:10px;
}
.boutique .ligne .photo{
	border-radius:10px;
	padding:2px;
	max-height:200px;
}
.boutique .ligne .nom{
	font-size:1.5em;
}
.boutique .ligne .fa-solid{
	margin:0 10px;
	background-color:white;
	padding:5px;
	border-radius:10px;
}
.boutique .ligne .telechargement .fa-solid{
	float:right;
	margin:10px 10px;
	background-color:white;
	padding:5px;
	border-radius:10px;
	font-size:2em;
}
.boutique .ligne .commentaire{
	padding-left:50px;
}
.boutique .ligne .commentaire li{
	margin-left:2em;
}

.encart{
	padding:20px;
}
.encart .fa-solid{
	font-size:1.2em;
	padding:5px;
	border-radius:20px;
	margin:0 5px 0 15px;
}
.encart a .fa-solid{
	font-size:1.2em;
	padding:5px;
	background-color:#2C665E50;
	border-radius:20px;
	margin:0 1em;
	color:black;
}

.randoland .balade{
	margin:20px 0;
	padding: 0 20px;
}

.randoland .balade .fa-solid{
	padding-right:10px;
	margin:0;
	color:black;
}

.randoland .balade .nom,.randoland .balade .description{
	display:inline;
}
.randoland .balade .telechargement{
	float:right;
}

.blocVideo{
	text-align:center;
}



.liens_page_sejours img{
	margin:0 auto;
}
.liens_page_sejours img:hover{
	opacity:0.8;
}

@media(max-width:767px){ /* XS */
	.liens_page_sejours img{width:80%}
}
@media(min-width:768px){ /* SM */
	.liens_page_sejours img{width:60%}
}
@media(min-width:992px){ /* MD */
	.liens_page_sejours img{width:60%}
}
@media(min-width:1200px){ /* LG */ 
	.liens_page_sejours img{width:60%}
}

.idees_sejour{
	background-image:url("../images/design/trait-suivi.png");
    	background-repeat: repeat-y;
	background-position:30px;
	margin:10px 0;
}
.idees_sejour .fa-solid{
	font-size:30px;
	color:white;
	padding:20px 27px;
	border-radius:50px;
	width:70px;
	height:70px;
}
.idees_sejour .titre{
	font-size:3em;
	font-family:"Dancing-Script";
	margin:0 auto;
}
@media(max-width:767px){ /* XS */
	.idees_sejour{
		padding-top:50px;
	}
	.idees_sejour .photo{
		float:right;
		width:75%;
	}
	.idees_sejour .titre{
		padding-left:50px;
		
	}
}
.slider_photos_repertoire{
	width:80%;
	margin:20px auto;
}

.confirmation_formulaire{
	background-color:lightgreen;
}

.iframeMoteurRecherche{
	width:100%;
}

.bloc_agenda{
	margin:20px 0;
}
.bloc_agenda .fa-solid{
	padding-right:1em;
}
.bloc_agenda img{
	max-height:150px;
	margin:0 auto;
	border-radius:10px;
	padding:0;
}
.bloc_agenda .titre{
	margin-bottom:20px;
}
.orange{
	background-color:#2C665E;
	padding:10px;
	border-radius:5px;
	margin-right:1em;
}


.agendaLigne{
	border:1px solid red;
	margin:10px 0;
}
#form_agenda{
	background-color:red;
	position:relative;
	width:100%;
	z-index:2;
	min-height:50px;
	padding:10px;
	background-color:#333333;
	color:black;
}
.message{
	background-color:lightgreen;
}

.categorie_etoile{
	font-size:0.8em;
	display:inline-block;
	margin-left:5px;
}


.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	margin: 0 auto;
}
.leaflet-top, .leaflet-left{
	z-index:1;
}
.leaflet-container{
	z-index:1;
}


.tableau_horaires{
	position:absolute;
	top:0;
	right:0;
	width:180px;
	z-index:1000;
	margin:10px;
	background-color:white;
	font-family:"Roboto-Regular";
}
.tableau_horaires table{
	border-collapse:collapse;
	width:100%;
}
.tableau_horaires td{
	border:1px solid black;
	padding:1.7px 1px;
	text-align:center;
	font-size:0.7em;
}
.tableau_horaires .lettrage{
	font-size:0.9em;
}

.tableau_horaires_xs .horaires{
	display:inline-block;
	background-color:#2C665E50;
	padding:0 8px;
	border-radius:5px;
	margin:2px 0;
	font-size:0.8em;
}


.carte_kml{
	width:100%; 
	height:400px;
}
.carte_kml h2{
	color:black;
	font-family:"Roboto-Regular";
	margin:0;
	padding:0;
	font-size:1.2em;
}

.incontournables{
	width:90%;
	margin:0 auto 50px auto;
}
.incontournables .boutons{
	text-align:center;
	padding:20px 0;
	
}
.incontournables .boutons button{
	color:white;
	border:none;
	font-size:1.2em;
	padding:3px;
	border-radius:15px;
	width:30px;
	height:30px;
}

.evenements img{
	width:100%;
	padding:50px;
	
}
.partenaires{
	width:100%;
	padding:20px;
	text-align:center;
	position:relative;
	background-color:white;
	z-index:1;
}
.partenaires img{
	height:60px;
}
.moteur_index{
	background-color:transparent;
	padding:5px;
	position:absolute;
	z-index:1;
	width:100%;
	
	opacity:0.7;
}


.moteur_index form{
	width:200px;
	margin:0 auto;
}

.moteur_index form .champ{
	text-align:center;
	
}
.moteur_index form input, .input-group-addon{
	background-color:white;
	border:1px solid grey;
	border-radius:10px;
	color:black;
}
.resultat_moteur_index{
	background-color:white;
	
}
.resultat_moteur_index .resultats{
	columns:2;
}
.questionnaire_famille_plus{
	background-color:#2C665E;
	margin-top:20px;
	padding:10px;
	border-radius:20px;
}

.brochure{
	margin:10px 20px;
	box-shadow:1px 1px 2px grey;
	border:15px solid white;
	border:1px solid grey;
	padding:10px;
	min-height:320px;
}
.brochure img{
	padding:0 10px;
}
.brochure .titre{
	text-align:center;
	font-size:1.2em;
	height:3em;
}
.brochure .telechargement{
	text-align:center;
	padding:10px 0;
}
.brochure .image img{
	margin:0 auto;
	max-height:250px;
}
.brochure .texte{
	padding:10px;
	text-align:justify;
}
.encartMenu span{
	font-family: 'Dancing-Script';font-size:1.5em;
}



.moteur{
	padding:5px;
	border-radius:10px;
	z-index:2;
	position:relative;
	margin:1px 0;
}
.moteur a:hover{
	color:red;
}
.moteur .fa-solid{
	padding-right:1em;
	font-size:1.5em;
}



.moteur form .champ{
	text-align:center;
}
.moteur form .champ input{
	margin:0 5px;
}

.infos_supp_meubles_directs{
	padding:0 15px;
	text-align:center;
}
.infos_supp_meubles_directs .info{
	padding-right:1em;
	display:inline-block;
	font-family:"Roboto-Condensed";
}
.infos_supp_meubles_directs .info .fa-solid{
	padding-right: 5px;
}


.webcams{
	width:75%;
	margin:0 auto;
}
.webcams .bloc{
	margin-top:30px;
	text-align:center;
}

.webcams .bloc .titre{
	color:#1D778B;
	font-family: "HeyOctober";
	font-size:1.5em;
}
.webcams .backgroundImage{
	width:100%;
	height:200px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: 50%;
	border-radius:10px;
}

.meteo .date{
	margin-top:50px;
	font-size:1.5em;
	text-align:center;
	padding:10px;
	border-radius:10px;
	color:white;
}
.meteo .ligne{
	margin-top:5px;
	background-color:#e8e8e8;
	padding:5px;
	border-radius:5px;
}


.meteo .ligne,.meteo .date{
	width:100%;
}

.meteo .ligne .fa-solid{
	margin:0 10px 0 0;
}

.meteo .ligne .fa-solid{
	margin:0 10px 0 0;
}
.meteo .ligne .texte{
	padding-top:10px;
}




.incontournables .photo img{
	max-height:400px;
}
.incontournables .carousel-control{
	font-size:3em;
	background-image:none;
}

.incontournables .textes{
	margin-top:5px;
	padding:5px 0;
	border-top:3px dashed #2C665E;
	border-bottom:3px dashed #2C665E;
	overflow:hidden;
	font-family:"Roboto-Light";
	text-align:justify;
	
}
.incontournables .textes .titre{
	font-family:"Roboto-Bold";
	font-size:1.5em;
	padding-bottom:10px;
	text-align:center;
}

.incontournables .carousel-indicators li{
	border:1px solid #2C665E;
	background-color:white;
}


.widget_resa{
	padding:20px 0;
}
.widget_resa .ing-widget-resa-horizontal .form-recherche{
	margin:0;
	padding:0;
	width:100%;
}
.widget_resa .ing-widget-resa-horizontal .form-recherche select{
	padding:0;
}

.iframe_widget_resa .widget{
	padding:40px 0;
}
.iframe_widget_resa .titre{
	width:100%;
	color:black;
	font-family:"Dancing-Script";
	text-align:center;
}
.iframe_widget_resa .titre img{
	padding-right:50px;
}

.telecharger_fichier{
	margin:0 20px;
	border-radius:20px;
}
	
.telecharger_fichier .image{
	padding:10px;
	line-height:200px;
}
.telecharger_fichier .image img{
	display:table-cell;
	vertical-align:middle;
}

.telecharger_fichier .texte{
	padding:0 10px 10px 30px;
	font-family:"Roboto-Light";
	text-align:center;
}
.telecharger_fichier .texte .fa-regular{
	font-size:1.5em;
	position:absolute;
	bottom:10px;
	left:10px;
}
.telecharger_fichier a{
	color:black;
}
.telecharger_fichier a:hover{
	color:red;
}




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

.affichage_film .titre{
	font-family:"Roboto-Bold"
}
.affichage_film .vignette{
	padding:10px;
}
.affichage_film .vignette img{
	margin:0;
	max-height:200px;
}
.affichage_film .titre .info_titre{
	font-size:0.5em;
	padding-left:20px;
}
.affichage_film .datesortie{
	padding:5px 0;
	width:90%;
	margin:0;
	text-align:justify;
}
.affichage_film .datesortie .fa-solid{
	padding:0 5px;
}
.affichage_film .acteurs{
	padding:5px 0;
	width:90%;
	margin:0;
	text-align:justify;
}
.affichage_film .synopsis{
	padding:5px 0;
	font-family:"Roboto-Light";
	width:90%;
	margin:0;
	text-align:justify;
	
}
.affichage_film .projections{
	width:90%;
	margin:0;
	text-align:justify;
}
.affichage_film ul{
	padding:0;
}
.affichage_film ul li{
	list-style-type:none;
	font-family:"Roboto-Light";
}
.affichage_film .bande_annonce{
	position:absolute;
	left:20px;
	bottom:20px;
	font-size:30px;
	text-shadow: 0.1em 0.1em black;
	
}

.favoris{
	text-align:center;
	margin:20px 0;
}

.favoris .bouton{
	padding:10px;
	border-radius:20px;
	color:black;
	font-family: "Dancing-Script";
	font-size:1.4em;
}


.favoris .bouton .fa-solid{
	color:red;
	padding:5px;
	background-color:white;
	border-radius:20px;
	margin-left:10px;
	font-size:0.7em;
}
.favoris .bouton:hover{
	cursor: grab;
}


.daterangepicker {
color: inherit;
border-radius: 10px;
text-align:center;

}

/* Calendars */ }
.daterangepicker:before, .daterangepicker:after {
position: relative;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: ''; }
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc; }
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent; }
.daterangepicker.opensleft:before {
right: 9px; }
.daterangepicker.opensleft:after {
right: 10px; }
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto; }
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto; }
.daterangepicker.opensright:before {
left: 9px; }
.daterangepicker.opensright:after {
left: 10px; }
.daterangepicker.dropup {
margin-top: -5px; }
.daterangepicker.dropup:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc; }
.daterangepicker.dropup:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu {
max-width: none;
z-index: 3001; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
float: none; }
.daterangepicker.show-calendar .calendar {
display: block; }
.daterangepicker .calendar {
display: none;
max-width: 270px;
margin: 4px; }
.daterangepicker .calendar.single .calendar-table {
border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td {
white-space: nowrap;
text-align: center;
min-width: 32px; }
.daterangepicker .calendar-table {
border: 1px solid #fff;
padding: 4px;
border-radius: 4px;
background: #fff; }
.daterangepicker table {
width: 100%;
margin: 0; }
.daterangepicker td, .daterangepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background: #eee; }
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
background-color: #fff;
border-color: transparent;
color: #999; }
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0; }
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date {
border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff; }
.daterangepicker th.month {
width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default; }
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%; }
.daterangepicker select.yearselect {
width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin-bottom: 0; }
.daterangepicker .input-mini {
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
height: 30px;
line-height: 30px;
display: block;
vertical-align: middle;
margin: 0 0 5px 0;
padding: 0 6px 0 28px;
width: 100%; }
.daterangepicker .input-mini.active {
border: 1px solid #08c;
border-radius: 4px; }
.daterangepicker .daterangepicker_input {
position: relative; }
.daterangepicker .daterangepicker_input i {
position: absolute;
left: 8px;
top: 8px; }
.daterangepicker .calendar-time {
text-align: center;
margin: 5px auto;
line-height: 30px;
position: relative;
padding-left: 28px; }
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed; }
.ranges {
font-size: 11px;
float: none;
margin: 4px;
text-align: left; }
.ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%; }
.ranges li {
font-size: 13px;
background: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 4px;
color: #08c;
padding: 3px 12px;
margin-bottom: 8px;
cursor: pointer; }
.ranges li:hover {
background: #08c;
border: 1px solid #08c;
color: #fff; }
.ranges li.active {
background: #08c;
border: 1px solid #08c;
color: #fff; }
/*  Larger Screen Styling */
@media (min-width: 564px) {
	.daterangepicker {
	width: auto; }
	.daterangepicker .ranges ul {
	width: 160px; }
	.daterangepicker.single .ranges ul {
	width: 100%; }
	.daterangepicker.single .calendar.left {
	clear: none; }
	.daterangepicker.single .ranges, .daterangepicker.single .calendar {
	float: left; }
	.daterangepicker .calendar.left {
	clear: left;
	margin-right: 0; }
	.daterangepicker .calendar.left .calendar-table {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0; }
	.daterangepicker .calendar.right {
	margin-left: 0; }
	.daterangepicker .calendar.right .calendar-table {
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0; }
	.daterangepicker .left .daterangepicker_input {
	padding-right: 12px; }
	.daterangepicker .calendar.left .calendar-table {
	padding-right: 12px; }
	.daterangepicker .ranges, .daterangepicker .calendar {
	float: left; } 
}
@media (min-width: 730px) {
	.daterangepicker .ranges {
	width: auto;
	float: left; }
	.daterangepicker .calendar.left {
	clear: none; } 
}

.bloc_info{
	margin:10px 0;
	border-radius:20px;
	padding:10px;
}

.bloc_info a{
	color:black;
}
.bloc_info a:hover{
	color:red;
}




.itineraire{
	margin:5px 0;
	padding:10px;
	border-radius:10px;
}
.itineraire .fa-solid{
	padding-right:5px;
}
.itineraire .difficulte img{
	padding:0 5px;
	
}

.itineraire .photo img{
	padding:0 5px;
	max-height:50px;
	margin:0 auto;
}
.itineraire .telecharger{
	text-align:center;
}
.itineraire .telecharger .fa-solid{
	font-size:1.5em;
}
.itineraire a:link{color:black;}
.itineraire a:hover{color:red;cursor:pointer;}
.itineraire a:active{color:red}

.itineraire a:visited{color:black}

.documentation .fa-solid{
	font-size:2em;
	margin:0;
	float:right;
	padding:10px;
}
.associations{
	font-size:0.9em;
	font-family:"Montserrat-Light";
	margin:0 auto;
	width:90%;
}
.associations .lien{
	margin-top:5px;
	padding:2px 10px;
	border-radius:10px;
	color:black;
}
.associations .lien:hover{
	color:red;
}

.video_modal{
	border-radius:10px;
	width:90%;
}
.meubles_infos_tarifaires{
	font-family:"Montserrat-Light";
	font-size:0.9em;
}
.modal_bandeau{
	width:100%;
	margin-bottom:50px;
}
.meubles_infos_tarifaires .info .fa-solid{
	padding-right:10px;
}
.info_premier_favori{
	border-radius:20px;
	padding:10px 40px;
	margin:30px 0;
}
.info_premier_favori .fa-solid{
	font-size:3em;
	margin:-23px 0 0 -60px;
	border:7px solid #2C665E;
	backgound-color:#2C665E;
	border-radius:30px;
	padding:0;
	
}
.menuRaccourcis{
	position:absolute;
	top:70px;
	padding-right:20px;
}
.pictos_menu{
	display:inline-block;
}
.pictos_menu form{
	display:inline;
	
}
.pictos_menu form .picto_image{
	height:20px;
}


.carousel-control{
	width:5%;
}
.carousel-control.right{
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);
}
.carousel-control.left{
	background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);
}

.ecart{
	padding-top:100px;
}
.ancre_ecart{
	padding-top:100px;
}
.lien_documentation{
	text-align:center;
	
	margin:2px;
	height:50px;
	width:50px;
	border-radius:5px;
	padding:2px;
	margin:2px;
}
.lien_documentation:hover{
	color:red;
	
	
}
.lien_documentation .fa-solid{
	
	margin:0;
	padding:0;
	
	

}

.lien_ancre:link{
	margin-top:10px;
	padding:1px;
	border-radius:10px;
	text-align:center;
	width:100%;
	display:inline-block;
	color:white;
}
.lien_ancre:hover{
	opacity:0.7;
	color:white;
}
.lien_ancre:visited{
	color:white;
}

.information .urgences{
	margin:10px 0;
	text-align:left;
}
.information .urgences .numero{
	color:white;
	font-size:1em;
	background-color:#FF0000;
	padding:2px;
	border-radius:5px;
	width:5em;
	display:inline-block;
}

.taxe_sejours_intitules{
	color:black;
	text-align:justify;
	border:1px solid navy;
	padding:5px;
}
.taxe_sejours_tarifs{
	color:black;
	width:150px;
	text-align:right;
	border:1px solid navy;
	padding:5px;
}
.modal_labels{
	position:absolute;
	top:200px;
	left:1px;
}
.modal_labels img{
	height:30px;
	margin-right:5px;
	border-radius:5px;
	border:1px solid black;
	background-color:white;
}
.texte_chapeau{
	margin:10px 0;
	font-family:"Montserrat-Medium";
	font-size:1.1em;
}

.bandeau_resa_lg{
	background-color:#FFFFFF50;
	position:absolute;
	margin-top:-120px;
	z-index:900;
}
.bandeau_resa_attente{
	height:120px;
	z-index:1;
}
.bandeau_resa_attente .titre{
	width:100%;
	color:black;
	font-family:"Dancing-Script";
	text-align:center;
	font-size:1.6em;
}
.bandeau_resa_attente .titre img{
	padding-right:50px;
	height:80px;
	margin:20px;
}
	
	
.locations_saisonnieres iframe{
	width:100%;
	height:450px;
	overflow:hidden;
	margin-bottom:50px;
}
.encart_image_liste_adherents{
	position:absolute;
	right:30px;
	background-color:#FFFFFF50;
	padding:10px;
	border-radius:10px;
}
.adherents_infos_supplementaires{
	padding:10px;
	font-family: "Roboto-Light";
	font-size:0.9em;

}
.adherents_infos_supplementaires .fa-solid{
	color:#1D778B;
}


.sidebar .xs_langues{
	position:absolute;
	top:10px;
	right:10px;
	display:inline-block;
}
.sidebar .xs_langues form{
	display:inline-block;
}
.sidebar .xs_langues .picto_langue_xs{
	width:30px;
	height:30px;
	z-index:1;
	position:relative;
	
}
.temperature_lac{
	background-color:#9DA65D;
	width:50%;
	margin-left:25%;
	margin-top:50px;
	color:white;
	font-size:1.4em;
	padding:10px;
	border-radius:10px;
	text-align:center;
} 
.derniere_minute{
	padding:50px 30px 30px 30px;
	
}
.derniere_minute img{
	padding-right:10px;
}
.derniere_minute p{
	font-family:"Roboto-Light";
}



.bandeau_resa{
	background-color:#CED2AD;
	padding:10px;
	border-radius:10px;
	max-width:800px;
	margin:50px auto 10px auto;
}
.bandeau_resa .texte{
	text-align:center;
	font-size:1.1em;
}
.lien_resa:hover{
	opacity:0.7;
}
.bandeau_resa .image img{
	height:50px;
}


.deposer_avis .ligne{
	margin:15px 0;
}

.deposer_avis .ligne textarea{
	height:200px;
}
.deposer_avis .notation img{
	width:100px;
	margin:0 10px;
}
.diffuse{
	background-color:#00800060;
	padding:10px;
	border-radius:20px;
	margin:20px 0;
}
.avis_depose{
	margin:20px 0;
	padding: 0 20%;
}
.avis_depose .commentaire{
	font-style: italic;
	font-family:"Roboto-Light";
	text-align:justify;
}




.affinage{
	
} 
.affinage .intitule{
	font-family:"Roboto-Condensed";
}
.affinage .bouton{
	border:none;
	background-color:#00000020;
	font-family:"Roboto-Light";
	font-size:0.8em;
	padding:2px;
	margin:2px 2px;
	border-radius:3px;
	min-width:30px;
}
.affinage .bouton_actif{
	background-color:#1D778B;
	color:white;
	cursor:pointer;
}
.affinage .bouton_possible{
	background-color:white;
	cursor:pointer;
}
.affinage .bouton_possible:hover{
	background-color:#1D778B;
	cursor:pointer;
}
.affinage .bouton_impossible{
	opacity:0.5;
	cursor:not-allowed;
}

.affinage .triage_ligne{
	margin-top:15px;
	padding-left:20px;
}
.affinage .intitule{
	font-size:1.2em;
	padding-right:10px;
}
.affinage .affinage_titre{
	text-align:center;
	font-size:1.8em;
	font-family:"Dancing-Script";
	font-weight:bold;
}

@media(max-width:767px){ /* XS */
	.affinage .intitule{text-align:left;}
}
@media(min-width:768px){ /* SM */
	.affinage .intitule{text-align:right;}
}
@media(min-width:992px){ /* MD */
	.affinage .intitule{text-align:right;}
}
@media(min-width:1200px){ /* LG */ 
	.affinage .intitule{text-align:right;}
}




.bouton_ouvrir{
	position:fixed;
	bottom:0;
	right:20px;
	z-index:100;
	width:200px;
	opacity:0.9;
	cursor:pointer;
	
}
.bouton_ouvrir:hover{
	opacity:0.7;
}
.bouton_ouvrir img{
}
.bouton_ouvrir .bouton_ouvrir_contenu{
	
	font-family:"Roboto-Condensed";
	padding:10px;
	background-color:#CCD9A3;
}

.bouton_fermer{
	float:right;
	border:none;
	width:30px;
	background-color:#ff000080;
	cursor:pointer;
	margin:10px;
	border-radius:10px;
	
}


.bloc_triage {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 100px;
  z-index:200;
  background-color:#CCD9A3;
}

.effacer_tout{
	text-align:center;
}

.bloc_reveillon{
	background-color:#1D778B50;
	width:95%;
	margin:2px 5% 2px 0;
	padding:10px;
	border-radius:10px;
}
.bloc_reveillon .nom{
	font-family:"Roboto-Bold";
}
.bloc_reveillon .adresse{
	font-family:"Roboto-Light";
}
.bloc_reveillon .tarif{
	font-family:"Roboto-Light";
}
.bloc_reveillon .lien{
	color:black;
}
.bloc_reveillon .lien{
	color:black;
	font-size:2em;
}
.bloc_reveillon .lien:hover{
	opacity:0.6;
}
.information_adherent{
	text-align: justify;
	font-family: "Roboto-Light";
	padding: 0 10px;
	margin-bottom:10px;
}
.bloc_moteur{
	padding:10px;

}
.bloc_moteur .affichage{
	border:1px solid black;
	padding:5px;
	min-height:55px;
}
.bloc_moteur .affichage .nom{
	text-align:center;
}

.agenda_lien_audio{
	position:absolute;top:40px;right:40px;
}


.infos_bulletin_neige{
	margin-bottom:50px;
	font-family:"Roboto-Light";
	padding:0 5px;
}
.infos_bulletin_neige .piste{
	
	font-size:1em;
	color:black;
	border-radius:20px;
	text-align:center;
	padding:5px;
	margin:0 10px;
}
.infos_bulletin_neige .piste_verte{
	background-color:#00800080;
}
.infos_bulletin_neige .piste_bleue{
	background-color:#0000FF80;
}
.infos_bulletin_neige .piste_rouge{
	background-color:#FF333380;
}
.infos_bulletin_neige .piste_noire{
	background-color:#00000080;
}
.bloc_bulletin{
	background-color:lightgrey;
	padding:5px;
	border-radius:5px;
	margin:5px 0;
}
.bloc_bulletin .texte{
	font-size:0.9em;
	font-family:"Roboto-Bold-Italic";
	text-align:justify;
}
			
.menu_xs .panel-title a, .menu_xs .panel-body a{
	font-family:"HeyOctober";
}
.bloc_info .covoiturage{
	border:1px solid black;
	padding:10px;
	border-radius:10px;
}
.horaires_pied{
	font-size:0.8em;
	text-align:center;
	padding-top:30px;
}
.horaires_pied .lien{
	margin-top:10px;
}
.horaires_pied a:link{
	color:#AD557A;
}
.horaires_pied a:hover{
	color:white;
}
.horaires_pied a:visited{
	color:#AD557A;
}
.lien_modal_texte{
	color:black;
	padding:0 10px;
	background-color: #1D778B50;
	border-radius:10px;
}
.lien_modal_texte .fa-solid{
	color:black;
	padding-right:10px;
}

.ajout_mention_fermeture{
	background-color:#FFFF0050;
	font-weight:bold;
	text-align:center;
}

@media(max-width:767px){ /* XS */
	.page{margin-top:90px;}
	h1{font-size:2em;margin-top:20px;}
	.index_carte .carte img{padding:5px;margin:30px 0;}
	.index_carte .descriptif .titre{font-size:1.5em;}
	.index_carte .descriptif .texte{font-size:1em;}
	.menuLogo img{margin-top:20px;}
	.iframe_widget_resa .titre{font-size:1.2em;padding:0;}
	.iframe_widget_resa .titre img{height:50px;}
	.pied .bordure{border:none;}
	.moteur_index{top:15%;}
	.modal-dialog{width:90%}
	.modalAdherent .nom{font-size:1.2em}
	.webcams .bloc{padding:0;}
	.adherentListe{padding:15px 15px 0 0;}
	.adherentListe .contenu{min-height:300px;}
	.locations_saisonnieres .resa{width:80%;}
	.incontournables .carousel-control{padding-top:30px;}
	.menuLgGauchePicto{padding:0 10px;}
	.menuLgGauchePicto .texte{font-size:1em;color:white;}
	.affichage_film .titre{font-size:1.2em;}
	.index_carte .descriptif .titre img{width:200px;}
	.slider_photos_repertoire .navigation{padding-top:100px;}
	.deposer_avis .ligne textarea{width:100%;}
	.deposer_avis .ligne input[type="text"]{width:100%;}
}
@media(min-width:768px){ /* SM */
	.page{margin-top:65px;}
	h1{font-size:3em;margin-top:30px;}
	.index_carte .carte img{padding:10px;margin:50px 0;border-right:3px solid white;}
	.index_carte .descriptif .titre{font-size:2.5em;}
	.index_carte .descriptif .texte{font-size:1.3em;}
	.menuLogo img{margin-top:20px;}
	.iframe_widget_resa .titre{font-size:2em;padding:20px 0;}
	.iframe_widget_resa .titre img{height:70px;}
	.pied .bordure{border-right:1px solid grey;min-height:180px;}
	.moteur_index{top:20%;}
	.modal-dialog{width:90%}
	.modalAdherent .nom{font-size:1.5em}
	.webcams .bloc{padding:0 40px;}
	.adherentListe{padding:15px 15px 0 0;}
	.adherentListe .contenu{min-height:520px;}
	.locations_saisonnieres .resa{width:50%;}
	.incontournables .carousel-control{padding-top:130px;}
	.menuLgGauchePicto{padding:10px 5px;}
	.menuLgGauchePicto .texte{font-size:0.7em;color:black;}
	.affichage_film .titre{font-size:2em;}
	.meteo .ligne,.meteo .date{width:80%;margin-left:10%;}
	.index_carte .descriptif .titre img{width:300px;}
	.slider_photos_repertoire .navigation{padding-top:100px;}
	.deposer_avis .ligne textarea{width:50%;}
	.deposer_avis .ligne input[type="text"]{width:50%;}
}
@media(min-width:992px){ /* MD */
	.page{margin-top:80px;}
	h1{font-size:3.5em;margin-top:30px;}
	.index_carte .carte img{padding:30px;margin:50px 0;border-right:3px solid white;}
	.index_carte .descriptif .titre{font-size:3em;}
	.index_carte .descriptif .texte{font-size:1.3em;}
	.menuLogo img{margin-top:20px;}
	.iframe_widget_resa .titre{font-size:2em;padding:20px 0;}
	.iframe_widget_resa .titre img{height:70px;}
	.pied .bordure{border-right:1px solid grey;min-height:180px;}
	.moteur_index{top:25%;}
	.modal-dialog{width:80%}
	.modalAdherent .nom{font-size:1.5em}
	.webcams .bloc{padding:0 40px;}
	.adherentListe{padding:30px 30px 0 0;}
	.adherentListe .contenu{min-height:450px;}
	.locations_saisonnieres .resa{width:40%;}
	.incontournables .carousel-control{padding-top:130px;}
	.menuLgGauchePicto{padding:10px 5px 10px 0;}
	.menuLgGauchePicto .texte{font-size:0.8em;color:black;}
	.affichage_film .titre{font-size:2em;}
	.meteo .ligne,.meteo .date{width:70%;margin-left:15%;}
	.index_carte .descriptif .titre img{width:300px;}
	.slider_photos_repertoire .navigation{padding-top:150px;}
	.deposer_avis .ligne textarea{width:50%;}
	.deposer_avis .ligne input[type="text"]{width:50%;}
}
@media(min-width:1200px){ /* LG */ 
	.page{margin-top:90px;}
	h1{font-size:4em;}
	.index_carte .carte img{padding:30px;margin:50px 0;border-right:3px solid white;}
	.index_carte .descriptif .titre{font-size:3em;}
	.index_carte .descriptif .texte{font-size:1.3em;}
	.menuLogo img{margin-top:3px;}
	.iframe_widget_resa .titre{font-size:2em;padding:20px 0;}
	.iframe_widget_resa .titre img{height:70px;}
	.pied .bordure{border-right:1px solid grey;min-height:180px;}
	.moteur_index{top:30%;}
	.modal-dialog{width:75%;}
	.modalAdherent .nom{font-size:1.5em}
	.webcams .bloc{padding:0 40px;}
	.adherentListe{padding:30px 30px 0 0;}
	.adherentListe .contenu{min-height:470px;}
	.locations_saisonnieres .resa{width:40%;}
	.incontournables .carousel-control{padding-top:130px;} /* longue : agenda.php - DÉCOUVERTE DE LA MONTAGNE ENNEIGÉE SPÉCIALE FAMILLES */
	.menuLgGauchePicto{padding:10px 10px}
	.menuLgGauchePicto .texte{font-size:0.8em;color:black;}
	.affichage_film .titre{font-size:1em;}
	.meteo .ligne,.meteo .date{width:50%;margin-left:25%;}
	.index_carte .descriptif .titre img{width:300px;}
	.slider_photos_repertoire .navigation{padding-top:200px;}
	.deposer_avis .ligne textarea{width:50%;}
	.deposer_avis .ligne input[type="text"]{width:50%;}
}

.temoin{
	position:fixed;
	right:0;
	bottom:0;
}