/* fonts */
/* https://fonts.google.com/ */
@font-face {
	font-family: "Rubik";
	src: url(/style/font/Rubik-VariableFont_wght.ttf);  
	font-display: swap;
}
/* variables */
:root {
	--font: "Rubik",arial,sans-serif;
	--font-titre: "Rubik",arial,sans-serif;
	--padding: 30px;
	--gris-clair: #cdcdcd;
	--gris-fonce: #58585a;
	--violet:#882552;
	--vert-clair:#679528;
	--vert-fonce:#3d5b11;
}
/* default styles */
*,*::before,*::after {box-sizing: border-box;padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover, :link, :visited {text-decoration: none;}
iframe {line-height: 1em; display: block;}
table {border-collapse: collapse;}
html {font-size: 62.5%;scroll-behavior: smooth;}
body {overflow-x: hidden;background-color: #fff;color: #000;font-family: var(--font);font-size: 1.4em; /* equiv 14px */line-height: 1.5em;}
input, select, textarea {font-size: 100%;}
.clearfix::after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.mir {letter-spacing: -1000em;}
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space: nowrap;}
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color: #008cd9;}

body {
	font-family: var(--font);
	font-weight : 400;
	font-size: 1.7em;
}
/* sections et blocs */
.page, .page_min {
	width: min(100%,1300px);
	margin: 0 auto;
}
.page_min {width: min(100%,800px);}
.page_demi {width: min(100%,650px);}
.section {padding: calc(var(--padding)*2) 0; position: relative;}

.col1-2, .col1-3, .col2-3,
.col3-4, .col1-4, .col1-5 {
	float: left;
}
.col,.flex1-1{width: 100%;}
.col3-4,.flex3-4{width: 75%;}
.col1-2,.flex1-2{width: 50%;}
.col1-3,.flex1-3{width: 33.33%;}
.col2-3,.flex2-3{width: 66.66%;}
.col1-4,.flex1-4{width: 25%;}
.col1-5,.flex1-5{width: 20%;}

/* flexbox */
.flexParent {
    display: flex;
    flex-wrap: wrap;
}
.flex, .flex1-1, .flex1-2, .flex1-3,
.flex2-3, .flex3-4, .flex1-4, .flex1-5 {
    display: flex;
}
.flexColumn {
	flex-direction: column;
	display: flex;
}
.flex_between {
    justify-content: space-between;
}
.flex_start_center {
    justify-content: flex-start;
    align-items: center;
}
.flex_center_center {
    justify-content: center;
    align-items: center;
}
.flex_between_center {
    justify-content: space-between;
    align-items: center;
}
.flex_end_center {
    justify-content: flex-end;
    align-items: center;
}
.flex_around_center {
    justify-content: space-around;
    align-items: center;
}

/* columns */
.column2, .column3 { column-gap: var(--padding); }
.column2 { columns: 2; }
.column3 { columns: 3; }

/* padding margin */
.padding{ padding: var(--padding); }
.paddingLR{
	padding-left: var(--padding);
	padding-right: var(--padding);
}
.paddingTB{ 
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}
.paddingNoTop {padding-top: 0;}
.paddingNoBottom {padding-bottom: 0;}

.margin_auto{margin: 0 auto;}
.marginNoBottom, .section p.marginNoBottom {margin-bottom: 0;}

/* gestion des couleurs/fonds */
.bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bg_ane {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height : 500px;
}
.bg_ane_1 {background-image: url(/style/bg-inter/ane-et-rando-10.jpg);}
.bg_ane_2 {background-image: url(/style/adherer-fnar/FNAR-anes-et-randonnees.jpg); min-height : 900px; background-position: center top;}
.bg_ane_3 {background-image: url(/style/decouvrir-ane/ane-et-rando-3.jpg); min-height : 900px; background-position: center top;}
.bg_ane_4 {background-image: url(/style/decouvrir-ane/ane-et-rando-2.jpg); min-height : 900px; background-position: center top;}


.bg_gris_fonce {background-color: var(--gris-fonce); color: #fff;}
.bg_gris_clair {background-color: var(--gris-clair); color: #000;}
.bg_blanc {background-color: #fff; color: #000;}
.bg_noir {background-color: #000; color: #fff;}
.bg_vert_clair{background-color: var(--vert-clair); color: #fff;}
.bg_vert_fonce{background-color: var(--vert-fonce); color: #fff;}
.bg_violet {background-color: var(--violet); color: #fff;}

.bg_pattern {
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(/style/fond-pattern.png);
}

.bg_gris_clair a:is(:link,:visited),
.bg_blanc a:is(:link,:visited) {color: #000;}
.bg_vert_fonce a:is(:link,:visited),
.bg_vert_clair a:is(:link,:visited),
.bg_gris_fonce a:is(:link,:visited),
.bg_violet a:is(:link,:visited),
.bg_noir a:is(:link,:visited) {color: #fff;}



.gris_fonce {color: var(--gris-fonce)!important;}
.gris_clair {color: var(--gris-clair)!important;}
.blanc {color: #fff!important;}
.noir {color: #000!important;}
.vert_clair{color: var(--vert-clair)!important;}
.vert_fonce{color: var(--vert-fonce)!important;}
.violet {color: var(--violet)!important;}

.block {display: block;}
.relative{position: relative;}
.oHidden {overflow: hidden;}

.float_left {float: left;}
.float_right {float: right;}

/* textes */
.section p {margin-bottom: 20px;}
.section p strong {font-weight: 600}
.align_center {text-align: center;}
.align_right {text-align: right;}

.maj {text-transform: uppercase;}
.lower {text-transform: none;}
.italic {font-style: italic;}
.noItalic {font-style: normal;}

.thin {font-weight: 100;}
.extralight {font-weight: 200;}
.light {font-weight: 300;}
.normal {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.extrabold {font-weight: 800;}
.black {font-weight: 900;}

.big {font-size: 120%;}
.extrabig {font-size: 140%;}
.small {font-size: 80%;}
.extrasmall {font-size: 60%;}

/* animations */
.zoom_container {
	display: block;
	overflow: hidden;
	line-height: 0;
}

.zoomup { transition: 0.4s; }
.zoomup:is(:hover,:focus) {transform: scale(1.2);}

.zoomdown { transition: 0.4s; }
.zoomdown:is(:hover,:focus) {transform: scale(0.8);}

.zoomtourne { transition: 0.4s;}
.zoomtourne:is(:hover,:focus) {transform: rotate(15deg) scale(0.9);}

.zoominfini:is(:hover,:focus) {
	animation-duration: 0.8s;
	animation-name: zoominfini;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes zoominfini {
  from { transform: scale(1); }
  to   { transform: scale(1.2); }
}

.fade {
	opacity: 0;
	transition: 1s;
}
.fondu_top {
	opacity: 0;
	position: relative;
	transform: translateY(-200px);
	transition: all 1s, width 0s;
}
.fondu_bottom {
	opacity: 0;
	position: relative;
	transform: translateY(200px);
	transition: all 1s, width 0s;
}
.fondu_left {
	opacity: 0;
	position: relative;
	transform: translateX(-1000px);
	transition: all 1s, width 0s;
}
.fondu_right {
	opacity: 0;
	position: relative;
	transform: translateX(1000px);
	transition: all 1s, width 0s;
}
.animActive {
	opacity: 1;
	transform: none;
	z-index: 100;
}

.transition05 { transition: 0.5s; }
.transition1 { transition: 1s; }
.transition15 { transition: 1.5s; }
.transition2 { transition: 2s; }
.transition25 { transition: 2.5s; }

.rond { position: relative; }
.rond::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

body::after {
	pointer-events: none;
	content : "";
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, transparent 90%);
	height : 90px;
	width : 100%;
	position : fixed;
	top : 0;
	left : 0; 
	z-index : 100;
}


/* header */
header {
	position: fixed;
	width: 100%;
	z-index: 1010;
	top: 0;
	left: 0;
	padding : 10px 30px;
	transition: all 0.5s;
}

header.nav-fix {  
	background: var(--vert-clair);
}

#logo {
	position: absolute;
	display: block;
	top : 30px;
	left : 30px;
	transition: 0.5s;
}
header #logo img.img_100{ max-height: 100px; transition: 0.5s; }

header.nav-fix #logo img.img_100{ 
	max-height: 55px;
  	width: auto;
}
header.nav-fix #logo { top : 50%; transform: translateY(-50%); }

/* menu */
nav {padding : 10px 30px;}
nav#mainNav ul { text-align: center; }
nav#mainNav li { display: inline-block; position: relative; vertical-align: middle;}
nav#mainNav li#nav-trouver{text-align : left; border-radius : 50px; padding : 9px 30px; line-height : 1.1em; }
nav#mainNav li a { 
	display: block; 
	padding: 0px 10px; 
	position: relative; 
	color : #fff;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 5px solid transparent;
	transition : all 0.5s;
} 
#menuBurger, #openNav { display: none; }

/* effets passage de souris */
nav#mainNav li:not(#nav-retour,#nav-trouver) a:is(:hover,:focus),
#accueil nav#mainNav li#nav-accueil > a,
#la_fnar nav#mainNav li#nav-la_fnar > a,
#la_fnar nav#mainNav li#nav-qui a,
#adhesion nav#mainNav li#nav-adherer a,
#conseils nav#mainNav li#nav-conseils > a,
.conseils nav#mainNav li#nav-conseils > a,
.itineraires nav#mainNav li#nav-conseils > a,
	#conseils nav#mainNav li#nav-conseils2 a,
	#rando_liberte nav#mainNav li#nav-liberte a,
	#rando_accompagnee nav#mainNav li#nav-accompagnee a,
	#rando_handicap nav#mainNav li#nav-handicap  a,
	#itineraires nav#mainNav li#nav-itineraires > a,
		.itineraires nav#mainNav li#nav-itineraires a, 
.decouvrir nav#mainNav li#nav-decouvrir > a,
	#reperes nav#mainNav li#nav-reperes a,
	#races nav#mainNav li#nav-races a,
	#alimentation nav#mainNav li#nav-alimentation a,
	#morphologie nav#mainNav li#nav-morphologie a,
	#fonctions nav#mainNav li#nav-fonctions a,
	#contes nav#mainNav li#nav-contes a,
#la_fnar nav#mainNav li#nav-la_fnar > a,
#actualites nav#mainNav li#nav-actualites > a,
#presses nav#mainNav li#nav-presses  a,
.presse nav#mainNav li#nav-presse > a,
#galeries nav#mainNav li#nav-galeries > a,
#contact nav#mainNav li#nav-contact > a {
	border-color : var(--violet)
}

/* sous-menu */
nav#mainNav .sousMenuParent ul {
	text-align: left;
	position: absolute;
	max-height: 0;
	overflow: hidden;
		background: var(--vert-clair);
	transition: 0.5s;
} 

nav#mainNav .sousMenuParent:is(:hover,:focus-within) ul,
nav#mainNav .sousMenuParent a:is(:hover,:focus) + ul {max-height: 250px;}
nav#mainNav .sousMenuParent ul li {padding : 5px; display: block;}
nav#mainNav .sousMenuParent ul a {white-space: nowrap;}
nav#mainNav .burgerOnly {display: none!important;}

nav#mainNav li#nav-trouver a {background: transparent url(/style/accueil/picto-ane-trouver-une-rando.png) no-repeat center left; padding-left : 60px;}

/* transformation en menu burger */
@media all and (max-width: 1350px) {
	#logo { position: relative; }

	header {background-color: var(--vert-clair); display: flex; 
		justify-content: space-between; padding-right : 0}
	nav {padding: 0}
	nav#mainNav .burgerOnly { display: block!important;; }

	nav#mainNav ul {
		position: absolute;
		display: flex;
		flex-direction: column;
		width: 100vw;	
		height: calc(100vh - 76px);
		top: 76px;
		left: 0;
		padding: calc(var(--padding) / 2);
		text-align: left;
		transform: translateX(-100%);
		transition: 0.5s;
		background: var(--vert-clair);
	}
	nav#mainNav > ul {
		overflow: hidden;
		z-index: 1;
	}
	nav#mainNav li { display: block; padding : 5px 0; }
	nav#mainNav li a { border-color: transparent !important; }

	/* sous-menu */
	nav#mainNav .sousMenuParent > a::after {
		content: '\f0da';
		font-family: "Font Awesome 6 Free";
		font-weight: 700;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}

	nav#mainNav #openNav:not(:checked) ~ ul .sousMenuParent ul { display: none; }
	nav#mainNav .sousMenuParent ul, nav#mainNav .sousMenuParent a:hover + ul {
		position: fixed;
		top: 0;
		left: 100%;
		max-height: none !important;
		z-index: 2;
		transform: none;
		box-shadow: none;
	}
	nav#mainNav .sousMenuParent > a.open + ul {	left: 0; }

	/* bars */
	#menuBurger { display: block; text-align: right;}
	#menuBurger label {
		display: inline-flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		position: relative;
		width: 80px;
		height: 56px;
		padding: 20px;
	}
	#menuBurger label::before,
	#menuBurger label::after {
		content: '';
		display: block;
		transform-origin: left;
	}
	#menuBurger label span,
	#menuBurger label::before,
	#menuBurger label::after {
		width: 20px;
		height: 2px;
		background-color: #fff;
		transition: 0.5s;
	}

	/* burger ouvert */
	nav#mainNav #openNav:checked ~ #menuBurger ~ ul { transform: none; }
	nav#mainNav #openNav:checked + #menuBurger label::before { transform: rotate(45deg); }
	nav#mainNav #openNav:checked + #menuBurger label span { opacity: 0; }
	nav#mainNav #openNav:checked + #menuBurger label::after { transform: rotate(-45deg); }

	nav#mainNav li a::before { display: none !important; }

}

/* accueil  */

	#rechercher-mobile-fixed {
		display: none;
	}
 	#bg_video {
		z-index: 20;
 		position: relative;
 		padding : 120px 0 120px;
 		overflow: hidden;
	  background: url(/style/slider/slider_01.jpg) no-repeat;
	  background-size: cover;
	   min-height: 950px;
 	}

 	video#bgvid {
	  position: absolute; 
	  left: 0; 
	  top: 0;
	  min-width: 100%; 
	  min-height: 950px;
	  width: auto; height: auto; z-index: -100;
	  background: url(/style/slider/slider_01.jpg) no-repeat;
	  background-size: cover;
	}


 	#bg_video .page {
 		position : relative;
 		z-index : 10;
 	}

#slider {
	position : relative; 
	overflow: hidden; 
	min-height: 650px;
	background : transparent none no-repeat center center; 
	background-size: cover;
}

	#accueil #slider {background-image : url(/style/slider/slider_01.jpg); min-height: 950px; }
	
	#contact #slider {background-image : url(/style/bandeau/deux-anes-copains.jpg); }
	 #actualites #slider {background-image : url(/style/actualites/regard-d-ane.jpg); }
	#la_fnar #slider {background-image : url(/style/la-fnar/FNAR-quisommesnous-bandeau.jpg); }
	#adhesion #slider {background-image : url(/style/la-fnar/FNAR-quisommesnous-bandeau.jpg); }
	#conseils #slider {background-image : url(/style/conseils-randos-anes/bandeau-conseils-rando-ane.jpg); }

	#itineraires #slider, 
	.itineraires #slider {background-image : url(/style/conseils-randos-anes/grands-itineraires/bandeau-rando-grands-itineraires.jpg); }
	#rando_liberte #slider,
	#rando_handicap #slider,
	#rando_accompagnee #slider {background-image : url(/style/conseils-randos-anes/bandeau-rando-liberte.jpg); }
	#trouver #slider {background-image : url(/style/trouver-une-rando/touver-rando-ane.jpg); }
	#fonctions #slider, #reperes #slider, #races #slider,
	#alimentation #slider, #morphologie #slider, #contes #slider {
		background-image : url(/style/decouvrir-ane/bandeau-decouvrir-l-ane---reperes.jpg); 
	}
	
	#galeries #slider {background-image : url(/style/bandeau/ane-dans-l-herbe.jpg); }
	#presses #slider {background-image : url(/style/bandeau/bivouac-anes-montagne.jpg); }

#slider h1, #bg_video h1, #slider .like_h1 {
	font-weight: 900;
	font-size : 450%; 
	line-height : 1.2em;
	text-transform: uppercase;
	text-shadow: 4px 2px 2px #000;
	display: block;
}

	.nav-recherche {border-radius: 50px;}
	#sejour_btn_mobile {display: none;}
	#lesAdherents .nav-recherche {margin-top : 0}
	.nav-recherche .col-3 {padding : 10px 30px;}

	.encart {
		padding : var(--padding);
		border-radius: 20px;
	}
	.encart strong {
		font-weight: 400;
		font-size : 130%;
		display: block;
		margin-bottom: 5px;
	}

	.type_sejours {transition: all 0.5s; }
	.type_sejours:hover, .type_sejours:focus {
		background: var(--violet);
	}
	.type_sejours {transition: all 0.5s}

	.type_sejours:hover, .type_sejours:focus {
		background: var(--violet);
	}
	.type_sejours a.block {overflow: hidden;}
	.type_sejours img.img_100, .type_sejours img.img_100 {transition : all 0.5s}
	.type_sejours:hover img.img_100, .type_sejours:focus img.img_100 {
		transform: scale(1.2);
	}

	.radius {border-radius: 30px; overflow: hidden;}

	#accueil .bg_citation {background-attachment: fixed;}
	.bg_citation strong {
		font-size : 160%;
		font-weight: 500;
		line-height: 1.6em;
		margin-bottom : 20px;
		display: block;
	}

	.bg_citation span {
		font-size : 90%;
		line-height: 1.1em;
		font-weight: 300;
		font-style: italic;
		display: block;
	}
	#accueil  .bg_citation div {padding : 30px 120px 300px 120px;}
	.titreActu, h3.titreActu {
		display: block;
		text-transform: none;
		margin : 30px 0 10px; 
		font-size: 120%; 
		font-weight: 500;
	}



	.desc_bloc {border-bottom : 1px solid var(--violet)}

	.desc_bloc a.suite_bloc  { 
		width : 100%; 
		position : relative; 
		display : block;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 140%;
		padding-right: 45px;
	}

	.desc_bloc a.suite_bloc  .fa {
		position : absolute; 
		right : 5px; 
		top : 50%; 
		transform : translateY(-50%); 
		color : var(--violet);
		font-size: 150%;
		pointer-events: none;
	}

	.desc_bloc .bloc_content a, .desc_actu a {color : var(--violet)!important;} 

	.desc_bloc > div {
	  display: none;
	}

	.tarif_adhesion {
		background: var(--vert-fonce);
		padding : 15px 30px; 
		border-radius: 50px;
		display: inline-block;
		line-height: 1;
		font-size : 110%; 
		font-weight: 500;
	}

	a.adherentSociete  {font-weight : 500; transition: all 0.5s; border-bottom : 2px solid transparent;}
	a.adherentSociete:is(:hover,:focus) {color : var(--violet)!important; border-color: var(--violet)!important;}

	.nav-sec-footer li{
		display: inline-block;
		padding : 0 10px 30px 10px;
	}
	.une_galerie {
		height : 280px;
		display: block;
		overflow: hidden;
		border-radius: 30px;
		margin-bottom : 10px;
	}

	.une_galerie img.img_100 {
		height : 100%; 
		width : 100%; 
		transition : all 0.5s; 
		object-fit: cover;
	}

	.une_galerie:is(:hover,:focus) img.img_100{
		transform: scale(1.2);
	}


	.masonry-css {
	  column-gap: 0px;
	}
	.padding10 {padding: 10px;}
	.padding20 {padding: 20px;}

	.masonry-css > .item {
	 transition : all 0.5s;
	 /* margin: 0 0 1em;*/
	}

	/* Masonry-css on large screens */
	@media only screen and (min-width: 1024px) {
	  .masonry-css {
	    column-count: 4;
	  }
	}

	/* Masonry-css on medium-sized screens */
	@media only screen and (max-width: 1023px) and (min-width: 768px) {
	  .masonry-css {
	    column-count: 3;
	  }
	}

	/* Masonry-css on small screens */
	@media only screen and (max-width: 767px) and (min-width: 540px) {
	  .masonry-css {
	    column-count: 2;
	  }
	} 
	.video-responsive {
		overflow:hidden;
		padding-bottom:56.25%;
		position:relative;
		height:0;
	}

	.video-responsive iframe {
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}

	
	a.upload_dossier  {transition: all 0.5s;}
	a.upload_dossier:is(:hover,:focus) {background: var(--vert-fonce)}

	.upload_dossier span{padding-left : 10px; font-weight: 400} 
 	.marker-cluster-large-2,
 	.marker-cluster-medium-2,
 	.marker-cluster-small-2 {
    	background-color: rgba(136, 37, 82, 0.3);
    	font-family: var(--font);
    	color : #fff!important;
    }
    .marker-cluster-small-2 div,
    .marker-cluster-medium-2 div, 
    .marker-cluster-large-2 div {
    	background-color: rgba(136, 37, 82, 0.8);
    	font-family: var(--font);
    	color : #fff!important;
    }
   
  
/* recherche */
	.nav-recherche  {display: inline-flex; padding : 15px 30px; margin-top : 50px; }
	#lesAdherents .nav-recherche  { padding : 0 }
	
	.nav-recherche-content div{display : inline-block; padding : 0 25px; }
	.selectStyle {position: relative; background : #fff;
		cursor : pointer;
		float : left;
		border: none;  
		overflow: hidden;
		position: relative;
		width : auto;
		margin-right: 30px ;
		max-width: 150px;

	}
	.selectItineraire, .selectTypeRando {max-width: 250px;}
	.selectStyle::after {
		position : absolute;
		right : 0;
		top : 0;
		background : #fff url(/style/fond-select.jpg) no-repeat right bottom;
		padding-right : 29px;
		width : 20px;
		height : 20px;
		pointer-events: none;
		content : "";
	}

	.selectStyle::before {
		position : absolute;
		left : 0;
		top : 0;
		display: block;
		content: "\f5a0";
		font-family: 'Font Awesome 6 Free'; 
		font-size: 120%;
		padding-right: 5px; 
		font-weight: bold;
		pointer-events: none;
		color : var(--violet); 
	}

	.selectPeriode::before {content: "\f073";	font-weight: normal;}
	.selectTypeRando::before {content: "\f7ab";}
	.selectItineraire::before {content: "\f6ec";}
	.selectRegion::before {content: "\e52f";}

		.selectStyle select {
			font-size: 90%;
			background : transparent;
			text-transform: uppercase;
			border:  none;
			box-shadow: none;
			color: #696363;
			margin: 0;
			padding: 5px 10px;
			width: 120%;
			outline: none;
			color : #000;
			cursor : pointer;
			
		}

	.selectStyle select option{background : #fff;font-family: var(--font); font-weight: 400;}
	button.btnSearch {
		background: no-repeat;
		border : none; 
		font-size: 150%;
		color : var(--violet);
		cursor : pointer;
	}
/* footer */
.nav-mentions li{display: inline-block;}
.nav-mentions li a{
	padding: 0 5px;
	font-size: 75%;
	border-left: 1px solid;
}
.nav-mentions li:first-child a{ border-left: none; }

.titre_footer {
	display:  block;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: 600;
	margin-bottom: 5px;
}

.lien_footer li {
	padding-bottom : 5px;
}

/* listes */
ul.list{
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 20px;
}
	ul.list ul.list{
		list-style-type: circle;
	}

	ul.list_aniers li{margin-bottom : 15px;}  

ul.inline li{
	display: inline-block;
	padding: 0 10px;
}

.liMarginBottom li { margin-bottom: 20px; }

/* images */
.img_100 {
	display: block;
	line-height: 1;
	max-width: 100%;
	width: auto;
	height: auto;
}
.img_cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img_arrondi {
	border-radius: 30px;
}

/* titres */
h2, .like_h2, h3, .like_h3, h4, .like_h4 {
	font-family: var(--font-titre);
	line-height: 1.2;
	display : block;
	margin-bottom: 20px;
}

h2, .like_h2 {
	font-size: 220%;
	text-transform: uppercase;
	font-weight: 800;
}

h3, .like_h3 {
	font-size: 120%;
	font-weight : 300;
	text-transform: uppercase;
}

	

h4, .like_h4 {
	font-size: 160%;
	font-weight: 700;
	text-transform: none;
	margin-bottom: 30px;
}
	
	.titre-trait {position: relative; }

	.titre-trait::after {
		content : ""; 
		width : 50px;
		height : 1px; 
		display: block;
		position: absolute;
		background: var(--violet);
		bottom: -10px;
		left : 0;
		right : 0;
	}

	.bg_vert_clair .titre-trait::after, 
	.bg_vert_fonce .titre-trait::after,
	.bg_violet .titre-trait::after {
		background: #fff;
	}
	.align_center .titre-trait::after {
		margin : 0 auto;
	}


/* liens */
.btn_suite {
	display: inline-block; 
	text-transform: uppercase;	
	padding: 15px 30px;
	border-radius: 30px;
	font-weight: 600;
	background: var(--violet);
	color: #fff !important;
	font-family: var(--font);
	border: none;
	appearance:none;
	transition: all 0.5s;
	cursor: pointer;
}
.btn_suite:is(:hover,:focus) {
	background: var(--vert-fonce);
}

.btn_suite_simplifie {
		color: var(--violet)!important; 
		background: #fff; 
		border-radius: 100%; 
		font-size: 200%;
		width: 34px;
		height: 34px;
		display: inline-block;
		transition: all 0.5s;
	}

.type_sejours:is(:hover,:focus) .btn_suite_simplifie, 
.btn_suite_simplifie:is(:hover,:focus) {
	color: var(--vert-clair)!important;
}

/* iframe responsive 16/9 */
.video-responsive {
	overflow:hidden;
	padding-block-end:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

/* icônes */
.ico::before{
	font-family: 'Font Awesome 6 Free'; 
	font-size: 120%;
	padding-right: 5px; 
	font-weight: bold;
}
.ico-regular::before{
	font-weight: normal;
}

.ico-violet::before{color : var(--violet); padding-right: 10px}
p.ico span{overflow: hidden; display: inline;}
p.ico::before{display: inline;}

.ico-eye::before { content: "\f06e";}
.ico-map::before { content: "\f3c5";}
.ico-map-marker::before { content: "\f041";}
.ico-mobile::before { content: "\f3cd";}
.ico-phone::before { content: "\f879";}
.ico-web::before { content: "\f0ac";}
.ico-mail::before { content: "\f0e0";}
.ico-recherche::before { content: "\f002";}
.ico-compte::before { content: "\f2bd";}
.ico-user::before { content: "\f007";}
.ico-pdf::before { content: "\f1c1";}
.ico-print::before { content: "\f02f";}
.ico-streetview::before {content: "\f21d";}
.ico-nav::before {content: "\f0c9";}
.ico-clock::before {content: "\f017";}
.ico-star::before {content: "\f005"; }
.ico-laptop::before {content: "\f109"; }
.ico-store::before {content: "\f54e"; }
.ico-exchange::before {content: "\f362"; }
.ico-desktop::before {content: "\f108"; }
.ico-arrow-right::before {content: "\f061"; }

/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* responsive */
@media all and (max-width: 1500px) {
}

@media all and (max-width: 1350px) {
	#logo {
		top: 0;
		left: 0;
	}
	header #logo img.img_100 { max-height: 55px; }
	#nav-trouver { align-self: flex-start;}
	main {padding-top: 76px;}
}

@media all and (max-width: 1200px) {
	.lColumnReverse { flex-direction: column-reverse; }
	.lCache { display: none; }
	.l1-1 { width: 100%; }
	.l1-2 { width: 50%; }
	.l1-3 { width: 33.33%; }
	.l1-4 { width: 25%; }
}

@media all and (max-width: 1000px) {
	.mColumnReverse { flex-direction: column-reverse; }
	.mCache { display: none; }
	.m1-1 { width: 100%; }
	.m1-2 { width: 50%; }
	.m1-3 { width: 33.33%; }
	.m1-4 { width: 25%; }
	.cn-cookie a.btnAccept, .cn-cookie a.btnDeny {
		position: relative;
		top: inherit;
		display: block;
		right: inherit;
		margin: 10px auto 0 auto;
		max-width: 200px;
		transform: translateY(0);
	}
	.nav-recherche {
		border-radius: 30px;
	}
	.selectStyle {
		width : 40%;
	  	max-width: inherit;
	}

	#slider h1, #slider .like_h1, #bg_video h1 {
	  font-size: 300%;
	}
	
	h2, .like_h2 {
	  font-size: 180%;
	} 
	h4, .like_h4 {
	  font-size: 140%;
	}
}

@media all and (max-width: 900px) {
	.w100-900 { width: 100%; }
	.w50-900 { width: 50%; }
}

@media all and (max-width: 750px) {
	.w100-750 { width: 100%; }
	.w50-750 { width: 50%; }

	#slider {min-height: 300px; }
	#slider h1, #slider .like_h1, #bg_video h1 {
    font-size: 220%;
  }

	#bg_video, video#bgvid  {min-height: calc(100vh - 126px); overflow: hidden;}
	
	#bg_video .nav-recherche, #slider .nav-recherche {display: none;}
	#rechercher-mobile-fixed {
		display: block;
		max-height : 50px;
		transition: all 0.5s;
		z-index: 700;
		background: var(--violet);
		position: fixed;
		bottom  : 0;
		left : 0;
		width : 100%;
		border-radius: 0;
		margin-top : 0;
		overflow: hidden;
		right: 0;
		-webkit-transform: translateZ(0);
	}
	.nav-recherche {margin-top : 0;}

	#rechercher-mobile-fixed.open {
	  max-height : 1000px;
	}
		
		.nav-recherche-content {
			margin-top : 20px;
		}
		
		.nav-recherche-content div {
			margin-bottom: 10px; 
			margin-right : 0;
		}

	#sejour_btn_mobile {
		display: block;
		cursor : pointer;
		text-align: center;
		padding: 13px 10px;
		width : 100%;
		color : #fff; 
		text-transform: uppercase;
		font-size: 110%; 
		font-weight: 400;
		line-height: 1.2em;
		margin-bottom: 0px;
	}

	#sejour_btn_mobile::before{
		font-family : 'Font Awesome 5 Free'; 
		font-size : 100%; 
		padding-right : 10px; 
		content : '\f077';
		font-weight: bold;
	}
	.nav-recherche.bg_blanc {background-color: var(--violet); }
	#sejour_btn_mobile.ico-up::before{content : "\f078";}
	.selectStyle::before { left: 5px;}
	button.btnSearch {
	  color: #fff;
	  margin-left  : 10px;
	  margin-top : 112px;
	}
	#lesAdherents .nav-recherche {display: none;}
	#accueil .bg_citation {background-attachment: inherit;}
} 

@media all and (max-width: 620px) {
	
	#accueil .bg_citation div { padding: 30px; }

	html, body { overflow-x: hidden; }
	.sColumnReverse { flex-direction: column-reverse; }
	.sCache { display: none; }
	.col1-2, .col1-3, .col2-3, .col1-4, .col3-4, .col1-5 {float: none; width: 100%; }
	.flex1-2, .flex1-3, .flex2-3, .flex1-4, .flex3-4, .flex1-5 {width: 100%;}
	.s1-1 { width: 100%; }
	.s1-2 { width: 50%; }
	.s1-3 { width: 33.33%; }
	.s1-4 { width: 25%; }

	.selectStyle {
		width : 80%;
	  	max-width: inherit;
	}

}

@media all and (max-width: 500px) {

}