/*---------------------------*\
		Nom du projet
\*---------------------------*/
/*---------------------------*\
	@author:
	@date:
	@compagny:
	@todo: 
\*---------------------------*/
/*---------------------------*\
		$base
\*---------------------------f
8
font-family: 'flood-std', sans-serif
font-family: "flood-std", sans-serif;
font-family: "montserrat-alternates", sans-serif;
font-family: "flood-std", sans-serif;

Mr Eaves Mod OT Reg
font-family: "montserrat-alternates", sans-serif;
font-weight: 400;
font-style: normal;


Mr Eaves Mod OT Bold
font-family: "montserrat-alternates", sans-serif;
font-weight: 700;
font-style: normal;


font-family: "montserrat-alternates", sans-serif;
font-weight: 200;
font-style: normal;

Mr Eaves Mod OT Book
font-family: "montserrat-alternates", sans-serif;
font-weight: 300;
font-style: normal;

font-family: "montserrat-alternates", sans-serif;
font-weight: 300;400;500;600;700;800;900;
font-style: normal;

flood-std Regular
font-family: "flood-std", sans-serif;
font-weight: 400;
font-style: normal;

Montserrat Light
font-family: "montserrat-alternates", sans-serif;
font-weight: 300;400;600;800;
font-style: normal;

font-family: "montserrat-alternates", sans-serif;
font-weight: 300;400;500;700;800;900;
font-style: normal;

font-family: 'flood-std'

font-family: "flood-std", sans-serif;
font-weight: 400;
font-style: normal;

*/


* {margin : 0; padding : 0;}
html { height: 100%; width : 100%;}
body {width : 100%; height : 100%; position : relative; background : #fff; overflow-x: hidden;}
/*h1, h2, h3, h4, h5 {font-family: "montserrat-alternates", 'Arial', sans-serif; color : #fff;}
h3 {margin:0px;}*/
a {text-decoration :none; outline : none;}
a, img {border : none;}
li, td, ul {font-family: "montserrat-alternates", sans-serif;font-size : 1em; color : #666; line-height : 16pt; text-align : justify; }
strong{font-weight:600;}
ul.nb {font-family: "montserrat-alternates", sans-serif;font-size : 0.9rem; color : #666; line-height : 1.2rem; text-align : left; list-style: none;border-left:8px dotted #c43f2c;padding: 10px 0px 0px 20px;text-align: left;}
ul.nb li{margin-bottom:5px;}
ul.nb i{font-size:1.4em;vertical-align: -2px;margin-right:5px;}
h4{margin-bottom: 15px;color: #262626;font-family: "montserrat-alternates", sans-serif;}
ul.listing, ul.listing li{color:#c43f2c;}
h4 i::before{font-size: 4.5rem!important;float: left; margin-right: 10px;}
p{font-family: "montserrat-alternates", sans-serif;font-size : 0.9rem; color : #666; line-height : 1.3rem; text-align : justify; }
#swiper ul.gris li {color:#666!important; text-align: left;}
#swiper ul.medailles { background:#5a5a58; padding:10px 20px;list-style-type: none;}
#swiper ul.medaillesPineaux {background:#Fd4f00; padding:10px 20px;list-style-type: none;}
#swiper p.italicDore {color:#c2b49e!important;  font-style:italic;font-size:1.2em;}
.mrg-center {margin-right: auto; margin-left: auto;}
.clear {clear: both;  margin:0; padding:0;height:1px;}
.borderBlack {border-bottom:5px solid #000;}
.ar {max-width:1920px;margin-left:auto!important;margin-right:auto!important;width : 100%;
		background: #fff;position:relative;display:block;position:relative;
	overflow-x: hidden;}
#menu2{z-index:4;background: #262626!important;width:500px;margin:0px auto 0px auto;border-radius: 0 0 50px 50px;padding:0 0 0 50px!important;position:relative;}
#menu2.fixMenu{margin:62px auto 0px auto;;position:fixed;left:50%;transform: translateX(-50%)}
.navbar-toggleable-md .navbar-nav .nav-link {
    color: #fff;
}
.numero {font-size: 1.9rem;line-height: 45px;text-align: center;margin: -40px auto 5px auto!important;color: #fff;
    display: block;width: 45px;height: auto;background: #04355d;padding: 0px 10px;border-radius: 50%;}
#Parcours{width:100%;height:auto;padding:80px 50px 50px 50px;display:block;position:relative;}
	 #Infos{padding-top:80px;}
#Infos.paddingT120{padding-top:120px;}
.box {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.boxi {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.boxi h3{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;text-align: center;font-weight: 800;}
	 iframe#carte{width:100%;height:700px;display:block;position:relative;}
	iframe.formulaire{width:100%;height:1490px;display: block;max-width:850px;margin:0px auto;}
.lazy{max-width:100%;height:auto;margin-bottom:20px;}
.enfants .picto{padding:20px 20px 10px 20px;border:1px solid #ccc;}
.enfants .picto h2 {font-family: "flood-std", sans-serif;font-size: 2.5rem!important;text-transform: uppercase!important;margin-bottom: 20px;text-align: center;}
.enfants.alouettes .picto h2, .enfants.mouettes .picto h2, .enfants.goeland .picto h2, .enfants.albatros .picto h2, .enfants.herons .picto h2{font-weight: 300;}
.enfants.alouettes .picto h2, .enfants.alouettes .picto i, .enfants.alouettes .picto h4{color: #fff!important;}
.enfants.alouettes .picto{border:0px solid #d4124a;border-radius:30px;background: red;}
.enfants.mouettes .picto h2, .enfants.mouettes .picto i, .enfants.mouettes .picto h4{color: #ffff!important;}
.enfants.mouettes .picto{border:0px solid #de670f;border-radius:30px;background: #1d6eb9;}
.enfants.goeland .picto h2, .enfants.goeland .picto i, .enfants.goeland .picto h4{color: #fff!important;}
.enfants.goeland .picto{border:0px solid #bbc109;border-radius:30px;background:#78b154;}
.enfants.albatros .picto h2, .enfants.albatros .picto i, .enfants.albatros .picto h4{color: #fff!important;}
.enfants.albatros .picto{border:0px solid #ab9c8f;border-radius:30px;background: #edc911;}
.enfants.herons .picto h2, .enfants.herons .picto i, .enfants.herons .picto h4{color: #fff!important;}
.enfants.herons .picto{border:0px solid #1d6eb9;border-radius:30px;background: #de670f;}

.enfants {padding:0px 30px 30px 30px;}
.gamme .enfants .picto p{text-align: center;/*font-weight: 600;*/color:#fff;text-transform: uppercase;}
.gamme .enfants .picto img{max-width:100%;height:auto;}
.picto i{font-size:3.0rem;}
	 .gamme .picto h4{font-size:1.7rem;font-weight:800;margin-top:20px;}
	 .gamme .picto p {font-size: 1.0rem;
    line-height: 1.3rem;
    padding: 0px 25px;
    text-align: justify;}

img.label{max-width:100%;height:auto;margin-top:-30px;}
.navbar-toggleable-md .navbar-nav .nav-link:hover {
    color: #c43f2c;
}
 /*#menu{-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);}*/
h3.typePartenaire{font-family: "flood-std", sans-serif;color:#fff;background: #333333;padding:10px 20px;margin:30px auto 15px auto;width:100%;max-width:300px;border-radius:30px;font-weight:100;font-size: 1.7rem;}
	 .navbar-toggleable-md .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-family: "montserrat-alternates", sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
}
	 .navbar-toggleable-md .navbar-nav .nav-link i{font-size: 1.2rem;vertical-align: -2px;}
.navbar-toggleable-md .navbar-nav .nav-link i.fa-user-pen{font-size: 1.0rem;vertical-align: -1px;}


#menu .navbar ul li.liensup{display:none}
#menu .shadowheader {
    display: block;
    position: absolute;
    top: 120px;
    max-width: 930px;
    width: 100%;
    height: 44px;
    background: url(../images2020/shadow_menu.png) no-repeat;
    left: 50%;
    transform: translateX(-50%);
}
#menu.fixNavigation .shadowheader {top: 62px;}
.wrapper{max-width:970px; width:80%; height : auto; 
	 position: absolute;
  top: 30%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	left: 50%; 
  transform: translateX(-50%); display:block;
}
.wrapperGalerie{width:100%; height : auto; 
	 position: relative;
 display:block;text-align: center;
}
.wrapperG2{width:100%; height : auto; 
	 position: relative;
 display:block;padding:0px 50px;
}
.wrapperRelatif{max-width:970px; width:90%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
.separation70{padding-bottom:70px;width:100%;}
.separation140{padding-bottom:140px;width:100%;}
.margecadre5bis{margin:30px auto 50px auto!important;position:relative;}
h5.troisd{font-size:2rem;color:#262626;text-align: center;margin:30px auto;}
h5.troisd span{color:#c43f2c;}
h5.troisd i{font-size:1.5em;vertical-align: -7px; margin-right: 5px;color: #c43f2c;}
.img-couleur{max-width:600px;height:auto;width:100%;margin:30px auto 0px auto;}

 .photoorange, .photogris{text-align: center;position:relative;}
	 .photoorange img, .photogris img{max-width:100%;height:auto;z-index: 1;position: relative;}
	 .photoorange::after{content:'';width:200px;height:250px;display:block;background: #c43f2c;position:absolute;bottom:-50px;left:30px;z-index:0;}
	 .photogris::after{content:'';width:200px;height:250px;display:block;background: #262626;position:absolute;top:-50px;right:30px;z-index:0;}

/*.menuentreprise{display:none;}*/
@media (max-width: 991px) {
	.menuentreprise{display:block;}
}

@media (min-width: 1600px) {
.wrapperRelatif {
    max-width: 1100px;
    width: 90%;
}
}
@media (min-width: 1800px) {
.wrapperRelatif {
    max-width: 1300px;
    width: 90%;
}
}

#blog {
    position: absolute;
    z-index: 10;
    right: 0px;
	-webkit-box-shadow:inset 0 5px 5px 0 rgba(0,0,0,0.3);
box-shadow:inset 0 5px 5px 0 rgba(0,0,0,0.3);
}
#blog.btn.btn-secondary{margin:0px auto;padding: 10px 30px;}
#blog.btn{margin:0px auto;background:#c43f2c;color:#c43f2c;font-size:0.7rem;color:#fff;font-weight:800;}
#blog.btn i{font-size:1.4rem;margin-right:5px;}
#blog.btn:hover{background:#262626;}
.wrapperG{max-width:1200px; width:95%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}

@media (min-width: 1600px) {
.wrapperG {
    max-width: 1400px;
    width: 95%;
	}
}

.wrapper2{max-width:1200px; width:95%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
.wrapperRelatifCentre{max-width:980px; width:80%; height : auto; 
	 position: relative;
  display:block;
	 margin:30px auto!important; 
	
}
.wrapperRelatifCentre i {color:#c7d40c;font-size: 2.5rem;}
.wrapperRelatifCentre p {color:#c7d40c!important;font-size: 1.5rem; text-align: left!important;}
.miniMum iframe{min-width:350px!important;}
.galerie {display: block!important;width:100%;text-align: center;}
.galerie a.boxi img {display: inline-block!important;margin:10px;width:200px;height:auto;opacity: 1.0;-webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.galerie a.boxi img:hover {display: inline-block!important;margin:10px;width:200px;height:auto;opacity: 0.5}
.galerie a {display: inline-block!important;}
.gras{font-weight: 700;}
.galerie h3, .galerie h4{font-family: "flood-std", sans-serif;important; font-size:3rem!important; color:#fff!important;width: 80%!important;margin:30px auto 0 auto!important; font-weight:normal;}
.galerie h4{color:#898b5c!important;margin:30px auto 30px auto!important; }
ul.retrait { margin:30px auto;padding : 10px 30px; border-left : 10px solid #de562c; border-right: 10px solid #de562c; border-radius:30px;background: rgba(0,0,0,0.00)}

div.infobulle {
	z-index: 10; 
	position: absolute; 
	text-align: left; 
	background: rgba(0,0,0,1.00); 
	padding: 10px 20px; 
	width: 220px; 	
	display: none; 
	top:0;
	left:0;
	border: 1px solid #ffffff;
	border-radius:10px; 
	color:#fff;

}
div.infobulle  img {
	BORDER: 0px; 
	POSITION: absolute; 
	top:50px;
	left:220px; 
	
}
.vignetteatelier:hover DIV.vignetteatelier {
	DISPLAY: block;

	
}

.vignetteatelier:hover DIV.infobulle {
	DISPLAY: block
}

blockquote{ padding:0px 30px; border:4px dotted #fff;border-radius:10px;display: table;}
blockquote h3{ font-family: "flood-std", sans-serif; font-size:3rem; color:#fff;}
blockquote p{ font-style: italic;}

.distillation { background:#fd4f00!important; padding:15px 20px!important;list-style-type: none!important;display:block;overflow: hidden; border-radius:5px;margin:10px auto;}
.wrapper2 {max-width:970px; width:80%; height : auto; 
	 position: absolute;
  top: 20%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	left: 50%; 
  transform: translateX(-50%); display:block;
}
.wrapper3 {max-width:970px; width:80%; height : auto; 
	 position: absolute;
  top: 10%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	left: 50%; 
  transform: translateX(-50%); display:block;
}
.padding10{padding: 10px;}
.padding30{padding: 30px;}
.paddingL30{padding-left: 30px;}
.paddingL50{padding-left: 50px;}
.paddingL20R20{padding-left: 20px;padding-right:20px;}
.paddingT50B50{padding: 50px 0px;}
.paddingT50{padding: 50px 0px 0px 0px;}
.paddingT30{padding: 30px 0px 0px 0px;}
.gamme.paddingT120, paddingT120{padding: 120px 0px 0px 0px;}
.paddingT100{padding: 100px 0px 0px 0px;}
.paddingB50{padding: 0px 0px 50px 0px;}
.paddingB15{padding: 0px 0px 15px 0px;}
.floatGauche{float:left;margin: 0 20px 0px 0;}
.floatDroite{float:right;margin: 0 0px 0px 20px;}

.pub {font-family: 'flood-std', sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%;
	padding-top:50px; width:350px; height:350px;border:7px dotted #fff;
  position: absolute; /* postulat de départ */
  top: 45%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.dotted{border:3px dotted #262626; border-radius:5px;}
.damion{font-family: "flood-std", sans-serif;font-size:2em;color:inherit;}
.sousligne{text-decoration: underline!important;color:#de562c;font-weight:600;}


	p.floatGauche i{display: block; float:left;margin:0 20px 20px 0;color: #bb1883!important;}

.swiper-container i{color:#c7d40c!important;margin:5px auto!important;display: block;position: relative;font-size:2rem;}

/*.logoBurger{display:none;}*/

section.saveur{
    background: url(../images/fond_alpha.png),  url(../img2020/fd-saveurs.jpg);
	background-size:  auto, auto;
		background-position:  top left, top right;
		background-repeat: repeat, no-repeat; 
	
}
ul.saveurs li{clear:both;margin-bottom:20px;min-height: 75px;display:flex;align-items: center;
  justify-content: flex-start;}
ul.saveurs li img{    float: left;
    max-width: 75px;
    border-radius: 50%;
    border: 2px solid #333;position:relative;
    margin-right: 10px;z-index:1;}
/*ul.saveurs li::after{  content: "";width:100%;height;2px;position:absolute;bottom:0px;right:0px; border-bottom: 1px solid #999;min-height:inherit;}*/
ul.saveurs::before{    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    height: 440px;
    width: 1px;
    border-left: 4px dotted #555;
    /* background: red; */
    top: 4px;
    left: 51px;}
.roue img{border-radius:50%;height:auto;width:100%;max-width:700px;display:block;position:relative;margin:0px auto;}
h2.titre{
	font-family: "flood-std", sans-serif;
	font-size: 4rem;
	line-height: 3.7rem;
	font-style: normal;	
	width:100%;
	display: block;
	text-align: center;
	color:#999999;
	/*background: rgba(255,255,255,0.30)*/
}
h2.titre::after{
	content: "";
    display: block;
	margin:20px auto 20px auto;
    width: 50%;
    border-bottom:1px solid #ffffff;
	border-color:inherit;
	
}
.encartPartenaire, .encartAnimation{display: inline;  color:#999; text-align: center;margin:0px 0px 5px 0px!important;padding-bottom:10px; -webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.encartPartenaire:hover, .encartAnimation:hover{background: #fff;}
.encartAnimation p{color:#666!important;text-decoration: none!important;font-size: 0.9rem!important;line-height: 1.0rem; display: block;text-align: center;margin: 0px;padding: 0px;font-style: normal;min-height: 23px;}
.encartAnimation h2{color:#bb1883!important;text-decoration: none!important;font-size: 2.0rem!important;line-height: 2.0rem; display: block;text-align: center;margin: 0px auto 10px auto;padding: 0px;font-style: normal;font-family: "flood-std", sans-serif;}
.encartPartenaire a, .encartPartenaire a p{color:#999!important;text-decoration: none!important;font-size: 0.8rem!important;line-height: 0.75rem; display: block;text-align: center;margin: 0px;padding: 0px;font-style: italic;min-height: 23px;}
.encartPartenaire a:visited, .encartPartenaire a:visited p{color:#999!important;}
.encartPartenaire a:hover, .encartPartenaire a:hover p{color:#666!important;}

.encartPartenaireAA::after{
	content: "";
    display: block;
	margin:5px auto 0px auto;
    width: 50%;
    border-bottom:1px solid #ffffff;
	border-color:inherit;
	
}
.encartPartenaireAA::before{
	content: "";
    display: block;
	margin:0px auto 5px auto;
    width: 50%;
    border-top:1px solid #ffffff;
	border-color:inherit;
	
}
.partenaires {background: rgba(255,255,255,1.00);	
	padding: 50px 0px 50px 0px;
display:block;position: relative;}
.partenaires.paddingB100{padding: 50px 0px 100px 0px;}
.partenaires .centrage{display:flex;flex-direction: row;align-items: center;justify-content: center;}
.partenaires h3, .gammeAAA h3 {font-size: 1.7rem;line-height: 2.0rem;color: #262626;text-align: center;
    text-decoration: none;-webkit-transition: all 0.5s;transition: all 0.5s; margin: 0px auto 20px auto;
    text-transform: uppercase;font-weight: 800;display: inline-block;left: 50%;position: relative;    transform: translateX(-50%);text-align: left;}
/*.partenaires a {}
.partenaires h3::after, .gamme h3::after {
    content: "...";
    position: relative;
    width: 50px;
    height: 17px;
    margin-bottom: 40px;
    color: #c43f2c;
    display: block;
    font-size: 3.5rem;
    line-height: 0.1rem;
}*/

.partenaires img{
	max-height: 120px;
	padding:0px 30px;
	width:auto;
	margin:10px auto;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	opacity: 1.0;
}
.partenaires img.technal{}
.partenaires img.artipole{max-height:100px;}
.partenaires img:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	opacity: 0.5;
}
.partenaires .fournisseurs{text-align: center;}
.partenaires .fournisseurs img{
	max-height: 500px;
	margin:20px 0px;
	padding: 0px 20px;
	   max-width: 220px;
    height: auto;
    width: 100%;
	
}
.animations img{
	margin:10px auto;
   
}
/****SROLLBAR***/

* {
  scrollbar-width: thin;
  scrollbar-color: #c43f2c #000;
}


*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #000;
}

*::-webkit-scrollbar-thumb {
  background-color: #c43f2c;
  border-radius: 20px;
  border: 3px solid #000;
}
	/***icone menu****/	
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;/*background: #2ea5ad;background: #fff;*/border-radius:50%;
  padding: 0;outline:none!important;
}
.line {
  fill: none;
  stroke: #fff;
  stroke-width: 10;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 10;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 10;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 10;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 10;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 10;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 10;
}
		.menu svg{width:55px;height:55px;}
	
/**********************************************/
/*.boutonMenu{position:absolute;top:48px;left: 39%;
    transform: translateX(-50%);background:none;padding:0px;border-radius:50%;z-index:1000000000;border: 0px solid #000;}*/
 .boutonMenu {
    position: fixed;
    top: 10px;border-radius:50%;
    right: 10px;
    /*transform: translateX(-50%);border-radius: 0% 0% 50% 50%;*/
    background: none;
    padding: 0px;    
    z-index: 10000;
    border: 0px solid #000;background:#c43f2c;
}






.fixNavigation + .boutonMenu{top:0px;border-radius:0;}

/*
@media (max-width: 1280px) {
.fixNavigation .boutonMenu {left: 33%;}
	}

@media (max-width: 1050px) {
.boutonMenu {left: 68%;}
	.fixNavigation .boutonMenu {left: 68%;}
}
@media (max-width: 1000px) {
.boutonMenu {left: 72%;}
	.fixNavigation .boutonMenu {left: 72%;}
}
@media (max-width: 850px) {
.boutonMenu {left: 72%;}
	.fixNavigation .leLogo {top: 10px;}
}


@media (max-width: 1260px) {
.boutonMenu {left: 61%;}
	#menu .sociaux {
    position: absolute;
    display: block;
    top: 0px;
    right: 10px;
    width: 100%;
    height: auto;
    z-index: 1000;
    padding: 1px 0px 3px 20px;
    text-align: right;
}
	}*/

.banniere-fdc{display: block;position:absolute;top:0px;left:0px;width:200px;height:auto;}
.banniere-fdc img{width:100%;height:auto;display:block;}
/**********Menu Modal******/
.descriptionUn ul{list-style: none;margin-bottom:0px;padding-left:0px;padding-top:0px;}
.descriptionUn ul li, .descriptionUn ul li a{font-size:0.8rem;color:#fff;text-align:left;font-family: "montserrat-alternates";font-weight:100;line-height:1.3rem;}
.descriptionUn ul li a::before{content:"\f054";font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);font-size:1.0em;display:inline-block;/*transform:rotate(-17deg);*/margin-right: 5px;vertical-align: 0px;}
.descriptionUn ul li{margin-bottom:0px;}
.descriptionUn ul li a:hover{color:#fff58d;text-decoration: none;}
.descriptionUn a i{color:#fff;font-size:1.5rem;margin:5px;}
.descriptionUn a:hover i{color:#262626;}
	#Row{/*min-height:90vh;*/ height:auto;padding-bottom:10px;
  -webkit-transition: all 2s;transition: all 2s;
  /*display: flex;justify-content: center;align-items: center;*/box-sizing: border-box;overflow: auto;color:#fff;}
#Row h3{font-family: "montserrat-alternates";font-size: 0.8rem;color: #262626;margin-top: 5px;margin-bottom: 1px;
    font-weight: 700;text-transform: uppercase;}
#sectionJaune{display:block;opacity:1.0;position:fixed;top:0px;right:0px;/*left:50%;transform: translateX(-50%);*/z-index:3;background:#c43f2c;z-index:100;-webkit-transition: right 0.5s;transition: right 0.5s;width: 100%;
    height: auto;max-width:300px;padding: 15px 30px 30px 30px;-webkit-transition: all 0.5s;transition: all 0.5s;}
	 .sousTitre span{font-size:0.7rem;}
.sousTitre a span{font-size:1.1rem;}
.sousTitre .boutique a span{font-size:0.9rem;}
	 .show>.dropdown-menu {
    display: block;
    background: #262626;
    border-radius: 0;
}
	   
	#sectionJaune.superMenu{opacity:1.0;right:-300px;-webkit-transition: right 0.5s;transition: right 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
		#sectionJaune.classBGD{background: rgba(0,0,0,0.50); -webkit-transition: background 0.5s; 
    transition: background 0.5s;}
		#sectionJaune h1, #sectionJaune h2 {text-align: center;margin-bottom: -10%;}
h1.challenge img{max-width:100%;height:auto;float:left;margin-right:5px;margin-top:-15px;}
.challenge img{max-width:100%;height:auto;float:left;margin-right:5px;margin-top:0px;}
/**********************************************/
button.close {
    text-align: right;
    margin-bottom: -29px;
}
@media (min-width: 320px){
.modal-lg {
    max-width: 1200px;
    width: 100%;padding:30px 10px 30px 10px;
}
	}
@media (min-width: 767px){
.modal-lg {
    max-width: 1200px;
    width: 100%;padding:30px 30px 30px 30px;
}
	}
@media (max-width: 575px){
.modal-dialog {
margin: 0px; 
}
	}

.modal-content .modal-header h2{font-family: "montserrat-alternates", sans serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #668d93;
    text-align: left;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;}
.modal-content h2 span{font-family: "flood-std", sans-serif;font-size: 2.0rem;}
.modal-content .modal-header button span span {font-size:0.5em;vertical-align: 5px;}

table td{padding:5px 10px;}
table{margin:0px auto 20px auto;width:100%}
/*****************table***********************/
table tr:nth-child(odd) { background-color: #fff; }
table tr:nth-child(odd) td, table tr:nth-child(even) td {color:#666; }
table tr:nth-child(even) { background-color: #c3f3f5; }
table thead tr { background-color: #333!important;}
table thead tr td{ color: #fff!important;font-size:2.0rem;font-weight:800;padding:10px 5px;}
/*table tr:first-child td{ color:#fff!important}*/
table td{text-align: center}
table tr td:first-child { text-align: left}
table a {font-weight: 200;
    font-family: "montserrat-alternates", sans-serif;background: #1e898f;
    color: #fff!important;padding:5px 20px;}
table a:hover {background: #e73440;}
ul.bold li{font-weight:600;padding-bottom:5px;}
.anthracite{background: #252625;padding:30px 0px 30px 0px;margin-bottom:50px;}
.anthracite h4{color:#fff;}

table.tarifs td, table.tarifs tr{background-color: transparent!important;}
table.tarifs tbody tr td:nth-of-type(2) {
    color: #fff;font-weight:800;min-width: 120px;
    font-size: 2.5rem;line-height: 2.5rem;
}
table.tarifs tbody tr td:last-of-type {
    color: #fff;
}
table td strong{font-weight: 300;color: #333; font-size: 1.5rem;text-align: center;width:100%;}
.carre3, .carre3Camping, .carre3Restau {
    background: #ffffff;
    border: 1px solid #ed046d;
    color: #666;
    margin: 0px 0px 20px 0px;
    width: 100%;
    box-sizing: border-box!important;overflow: hidden;min-height: 197px;
}
.carre3 a, .carre3Camping a, .carre3Restau a {
    color: #666!important;
}
.carre3 a, .carre3Camping a, .carre3Restau a {
    color: #666!important;
}
.carre3 h7, .carre3Camping h7, .carre3Restau h7 {
    color: #fff;
    padding: 5px;
    width: 100%;
    display: block;
    text-align: center;
    min-height: 53px;
    background: #ed046d;
	position: relative;
    z-index: 1000; display: flex;
  align-items: center;
  justify-content: center;
}
.carre3Restau h7 {
    background: #e05a0a;
}
.carre3Restau {
    border: 1px solid #e05a0a;
}
.carre3Camping {border: 1px solid #2ea5ad;}
.carre3Camping h7 {background: #2ea5ad;}
.carre3 ul, .carre3Camping ul, .carre3Restau ul {margin-left: 0;padding-left: 0;list-style: none;line-height: 1.0em;margin: 5px auto;}
.carre3 li, .carre3Camping li, .carre3Restau li {text-align: center;padding: 0px 10px;font-size: 0.8rem;line-height: 1.3rem;color: #666!important;}
.carre3bis {
    background: #f2fbff;
    border: 1px solid #ddd;
    color: #666;
    margin: 5px 0px;
    /*padding: 10px 10px 10px 10px;*/
	padding:20px 30px;
    width: 100%;border-radius:20px;
}
.carre3bis i {color:#fff;font-size:4.0rem;}
 .carre4bis {background: #ffffff;border: 1px dotted #04355d;border-radius:20px;color: #666;margin: 5px 0px;padding: 20px 30px 20px 30px!important;width: 100%;margin-top:30px;}
	 .carre4bis h2{margin-bottom:10px;font-size: 1.8rem;}
	 
	.carre4bis h2 i {font-size: 2.5rem;display: block;background: #262626;color: #fff;width: 4rem;height: 3.9rem;
    padding: 10px 8px 0px 8px;border-radius: 50%;margin-top: -50px;text-align: center;}
	 
	 .carre4bis h4{margin-top: 10px;margin-bottom:15px;font-family: 'flood-std', sans-serif;background: #04355d;color:#fff;padding:5px 10px;border-radius:30px;}
	 

.accordion-body table tbody tr td:last-of-type {font-size: 1em;color: #666;line-height: 16pt;}
.accordion-body table tbody tr td {font-weight:500;padding:8px 5px;}
 .accordion-body .carre4bis ul li, .accordion-body .carre4bis p {text-align: left;}
 .carre4bis h3 {font-size: 1.75rem; line-height: 1.8rem;color: #04355d;}
	 .carre4bis h3 i {vertical-align: 3px;}
.carre4bis h3 span{font-size:0.7em;display:block;color:#d7451f;text-decoration: underline;margin-bottom: 20px;}
	 /*.accordion{margin-bottom:30px;}*/
	 .gamme .accordion-body h4{margin-top: 10px;}
	 .accordion-body p{text-align: justify;}
	 .accordion-body ul{list-style: none;padding-left:10px;}
	 .accordion-body ul li {color:#c43f2c;padding-bottom: 5px;font-weight:500;}
	 h2.accordion-header button{font-size:1.3rem;padding: 7px 20px;}
	 h2.accordion-header button i{margin-right:10px;font-size: 2.5rem;margin-bottom: -10px;margin-top: -10px;}
	 .accordion-item {background-color:rgba(255,255,255,0.80);border: 0px solid rgba(0,0,0,.125);margin-bottom: 12px;}
	 .accordion-button, .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #262626;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.0);
}
	 .gamme h2.accordion-header{margin-bottom:0px!important;}

	 .accordion-button.collapsed::after, .accordion-button.show::after, .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}




table.tarifs thead i{font-size:3.0rem;margin-bottom:10px;}
table.tarifs thead tr td:first-child {
    text-align: center;border-bottom: 1px solid #fff;
}
table.tarifs tbody tr td:first-child {
    color:#fff;letter-spacing: 0.1em;
}

@media (max-width: 575px){
	
	table tr td:nth-of-type(2) { display:none}
}

.paires .col-sm-12:nth-child(even) img {max-height: 110px;}
.paires {padding-top: 20px;}

@media (max-width: 450px){
	
	.contenu table td { display:block}
	.contenu table tr td:first-child { text-align: center; font-weight: 700; }
	.contenu table a{margin-bottom:10px!important;display:block;width:170px;margin-left:auto;margin-right:auto;line-height:45px;}
	.contenu table td {font-size: 1.3rem;}
	.contenu table td a{text-transform: uppercase;letter-spacing: 0.1em}
}
/******************fin table*****************/

section.googleMap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
	height:auto;
	
    }

.carte {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
    }
.cadre5 {
    border: 1px dashed #666;
    padding: 20px 30px 10px 30px;
    margin: 10px 0px 30px 0px;
    background: rgba(255,255,255,0.8);
}
.colorOrange {
    color: #e05a0a!important;
}
.petittexte {
    font-size: 1.3rem!important;
    line-height: 1.5rem!important;
    font-weight: 200;
}
a.surligne {
    text-decoration: underline!important;
    font-size: 1.2em!important;
    color: #d7451f!important;
    word-wrap: break-word!important;
    white-space: normal;
}
form table tr:nth-child(odd) {
    background-color:rgba(255,255,255,0.00);
}

.cadre5bis {
      padding: 20px 30px 0px 30px;
    margin: 0px auto 20px auto;
    color: #c43f2c;
    /* background: #2ea5ad; */
    background: #edc911!important;
    width: 100%;
    display: flex;text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;height:99%;
}
.cadre5bis h4{
  text-align: center;
    width: 100%;
    font-weight: 600;
    color: #262626;font-family: "montserrat-alternates", sans-serif;text-transform: uppercase;font-weight:600;
font-size: 1.6rem;margin-top: 0px;}
.gamme .cadre5bis p{text-align: center;font-size: 1.1rem;    line-height: 1.5rem;font-family: "montserrat-alternates", sans-serif;}
.gamme .cadre5bis img{max-width: 250px; top:0px;position:absolute;}
.comment .cadre5bis {
    padding: 0px 30px 0px 30px;
    margin: 0px auto 20px auto;
background: rgba(255,255,255,0.70)!important;
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 99%;
    border: 1px solid #04355d;border-radius: 10px;
}
.comment .cadre5bis h4 {
    width: 100%;
    text-transform: none;
    font-weight: 400;
    font-size: 1.3rem;
    color: #04355d!important;
    margin-top: 0px;
}
.comment .cadre5bis i {color: #04355d!important;}
.comment .paddingcadre5bis{padding:14px 15px;}
.gamme .comment .cadre5bis img {max-width: 45%;top: 0px;position: relative;}

ul.inscription{color:#fff;list-style: none;padding-top:20px;}
/*ul.inscription li{color:#fff;}*/
ul.inscription li a{color:#fff58d;}
ul.inscription2{color:#666;list-style: square; padding-top:20px;}
ul.inscription2 li{color:#666;}

ul.centreco {padding: 30px 40px;border: 1px solid #ccc;background: rgba(255,255,255,0.50);list-style: none; color: #666; margin-top: 5px;margin-bottom: 5px;    min-height: 95%;display: flex; /* align-items: center; */justify-content: center;flex-direction: column;}
ul.centreco li {text-align: left; margin-bottom: 5px;}
ul.centreco h3 {font-size: 1.75rem;text-align: left;line-height: 1.75rem;}
.arKaki {
    background: #909555!important;
}

.cadre5ter {
    border-left: 8px dotted #c43f2c;
    padding: 20px 25px 20px 30px;
    margin: 10px 0px 30px 0px;
    color: #fff;
    /* background: #2ea5ad; */
    background: #262626;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cadre5ter h3 {
    color: #fff!important;
    font-family: "montserrat-alternates", sans-serif!important;
    font-size: 2.5rem!important;
    line-height: 2.7rem;
    text-align: center;
}
.cadre5ter ul {
    color: #fff;
    font-size: 1.3rem!important;
    letter-spacing: 0.05em;
    width: 98%;
    margin-left: 0px;list-style: none;
}
.cadre5ter ul li {
    /*color: #c43f2c;*/color:#fff;
    font-size: 0.95rem!important;
    letter-spacing: 0.0em;margin-left: 0px;text-align: left;
}
.btn{text-align: center;}
.cadre5ter ul li i{margin-right:5px;}
.cadre5ter ul li .btn i{font-size:2rem;float: left;margin-right: -20px;}
.cadre5ter h4 {
    text-transform: uppercase;text-align: left;    width: 100%;
    font-weight: 400;color:#c43f2c;
    letter-spacing: 0.1em;
}
.cadre5ter h4 i{font-size:2.0rem;color:#c43f2c;margin-top:-15px;}
.cadre5ter h4 i::before, .cadre5bis h4 i::before{font-size: 5.0rem;float: left;margin-right: 10px;margin-bottom: -25px;}

.cadre5ter.avis {padding: 20px 20px 5px 20px;margin: 10px 0px 15px 0px;position:relative;}
.cadre5ter.avis .note {position:absolute;top:12px;right:15px;font-size:1.5rem;border: 2px solid #fff;padding: 0px 5px 2px 5px;border-radius: 10px;}
.cadre5ter.avis ul li i{font-size: 1.3rem;vertical-align: -4px; margin-bottom: 2px;}
#galerie img{width : 100%; height : auto; border: 1px solid #ccc; margin:5px;}
	#galerie img:hover{width : 100%; height : auto; border: 1px solid #fff; margin:5px;}

#galerie a img{opacity:0.5;}
#galerie a:hover img{opacity:0.7;}
.margeneg3 {
    margin-top: 10px;
    margin-bottom: 5px;
}
.partenaires.bouton{background:rgba(0,0,0,0.10) ;}
.bouton .cadre5ter {
    border: 8px dotted #c43f2c;
    padding: 20px 25px 20px 30px;
    margin: 10px 0px 30px 0px;
    color: #fff;
    /* background: #2ea5ad; */
    background: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.bouton .cadre5ter h4{color:#c43f2c}
.bouton .cadre5ter li a{font-weight:800;color:#333;}
.bouton .cadre5ter li a:hover{color:#2ea5ad;}
.bouton .cadre5ter h4 i {color: #c43f2c;}
.bouton button i {font-size:2em;margin-right:10px;vertical-align: -5px;margin-top: -5px;margin-bottom: -5px;}

#map {width:100%; height:467px;/*border-top:10px solid #748a8e;*/}
.map {border: none!important;cursor: pointer!important;margin:-32px 500px -5px auto!important}
.map2 {/*background: #748a8e!important;*/background: #d63313!important;border: none!important;cursor: pointer!important;margin:-32px 100px -5px auto!important}
.height-fill {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

/*---------------------------*\
		$layout
\*---------------------------*/
/*menu-index*/

#menu { z-index: 100;position:absolute;max-width:1920px;margin-left:auto;margin-right:auto;width : 100%;}
#sousMenu { z-index: 400;position:relative;}
#sousMenu2 { z-index: 0;position:fixed;}
#alphabet { z-index: 600;position:relative;top:0px;}

#menu .sociaux{position:absolute;display: block;text-align: center; top:10px;left:0px;width:165px;height:auto;z-index: 1000; /*background: #c43f2c;*/}
#menu .boutique{position:relative;display: block; top:5px;right:10px;width:inherit;height:auto;z-index: 1000;text-align: left;}
#menu .sociaux a{color:#f4ec41!important;text-decoration: none;font-size: 1.4rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#menu .sociaux a span{font-size:2.0rem;}
#menu .boutique a, #bas a{color:#fff45a!important;text-decoration: none;font-family: "montserrat-alternates", sans-serif;/*font-family:flood-std, sans-serif,  "montserrat-alternates", Arial, sans serif;*/font-size: 0.8rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#bas a{display:block;}

#menu .sociaux a:hover, #menu .boutique a:hover, #bas a:hover{color:#fff!important;text-decoration: none;} 
#menu .boutique a i{font-size:1.5rem;margin-right:5px;}
#leLogo{position:relative;margin:0px auto 0px auto;display:block;width:500px;padding-left:60px;height: auto;}
.triangleG{width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 40px;
border-color: transparent transparent #ffffff transparent;position:absolute;top:0px;left:100px;z-index: 1001;}
.triangleD{width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 40px;z-index: 1001;
border-color: transparent transparent #262626 transparent;position:absolute;top:0px;right:480px;}

.leLogo {

	/*left:0;*/
 /* décalage de 50% de sa propre taille */
	width:100%;
    height: auto;
    padding:5px!important;
	/*text-indent : -9999px;
	background: url(../img2020/logo.png) no-repeat;*/
	z-index: 1;
	border:none!important;
	/*background: rgba(235,82,84,0.00);*/
	text-align: center;
}
#menu.fixNavigation .leLogo {width:250px;margin-top:-6px;
	height: 95px;background: #04355d;border-radius: 0% 0% 50% 50%;}

/*Marennes*/
.leLogo h3{
	font-family: "montserrat-alternates", sans-serif;
	color:#c43f2c;
	font-size:1.3rem;margin-bottom:0px;
	text-align: center;text-transform: uppercase;letter-spacing: 0.4em;
	/*text-shadow: 0 1px 2px #666666;*/
}
/*M*//*
.leLogo h3::first-letter { 
    vertical-align: -10%;
}*/
/*Oleron*/
.leLogo h3 span{
	margin-left:-5px;
}
.leLogo h3 span.menuiserie{
	margin-left:0px;display:block;font-size:0.4em;line-height: 0.5rem;margin-bottom:3px;letter-spacing: 0.3em;color:#fff;font-weight:600;
}
.fixNavigation .leLogo h3 span.menuiserie{
	margin-left:0px;display:none;
}
.leLogo h2{
	font-family: "montserrat-alternates", sans-serif;
	color:#c43f2c;
	font-size:0.6rem;font-weight:400;
	text-align: center;text-transform: uppercase;letter-spacing: 0.2em;
	margin-top:-8px;
}
.leLogo h4{
	font-family: "flood-std", sans-serif;
	color:#fff;
	font-size:1.5rem;
	text-align: right;
	margin-top:-7px;
	    filter: drop-shadow(0 4px 0px #262626) drop-shadow(4px 0px 0 #262626) drop-shadow(-4px 0px 0 #262626);
    -webkit-filter: drop-shadow(0 4px 0px #262626) drop-shadow(4px 0px 0 #262626) drop-shadow(-4px 0px 0 #262626);
}
.leLogo h4 span{
	
	
}

.fixNavigation .leLogo h4 {display: none;}

/*greyscale ;
blur ;
saturate ;
sepia ;
hue rotate ;
invert ;
brightness ;
contrast ;
opacity.*/
.leLogo img{display:inline-block;}
.leLogo img:nth-of-type(1) {width:100%;max-width:320px;height: auto;	/*filter: brightness(300%);
        -webkit-filter: brightness(300%);
        -moz-filter: brightness(300%);
        -o-filter: brightness(300%);
        -ms-filter: brightness(300%);
	opacity: 0.3;*/}
.leLogo img:nth-of-type(2) {width: 100%;max-width: 115px;height: auto;margin-top: -80px;margin-left: -20px;}
.gestionMarge {padding-top:230px !important;	}
.fixNavigation .leLogo img {display: inline-block;width:180px;height: auto;padding: 5px 5px 5px 5px;}
.fixNavigation .leLogo img:nth-of-type(2) {display:none;}
.fixNavigation .leLogo h3{
	display: none;/*
	font-family: "flood-std", sans-serif;
	color:#262626;
	font-size:2.5rem;
	text-align: center;*/	
}
.fixNavigation #leLogo{margin: -5px auto 0px auto;width: 500px;padding-left: 110px;}

#menu.fixNavigation .navbar ul {
    height: 50px;
    list-style-type: none;
    text-align: center;
    margin-top: 50px;
	
}
#menu.fixNavigation{
    height: 55px;background:#04355d;	/*
-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);*/
}
#alphabet.fixMenu{
	position:fixed;
  	top:100px;

-webkit-box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5);
box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5);
}


 #content.main-content {margin: -2px 0 0 0; padding-top:0px;}
 #content.main-content2 {margin: -12px 0 0 0; padding-top:50px;}

.recette, .recherche{border:1px solid #ccc; margin:0px 0 10px 0; padding: 15px 15px;-webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.recette:hover, .recherche:hover{background: rgba(0,0,0,0.05)}
.recette a, .recherche a{display: block;text-align: center;}
.recette p{text-align: left!important;font-size: 0.9rem!important; line-height: 1.0rem!important; margin-bottom: 0px;}
.recherche p{text-align: center!important;font-size: 0.9rem!important; line-height: 1.0rem!important; margin-bottom: 0px;}
.recette p strong, .recherche p strong{color:#262626; font-family: "flood-std", sans-serif;font-size: 1.7rem; line-height: 1.2rem;text-decoration: none;margin-bottom: 0px;}
.recherche p strong{font-size: 2.0rem; line-height: 1.5rem;}
.recette img, .recherche img{display: block; text-align: center!important; margin:10px auto 15px auto!important;border:1px solid #ccc;}
.recette p.lire, .recherche p.lire{color: #fff;text-align: center!important; padding:10px 15px;background:rgba(222,86,44,1.00);margin:10px auto 0px auto; text-transform: uppercase;font-size:0.8rem;-webkit-transition: all 0.5s; 
    transition: all 0.5s; }
.recette p.lire:hover{background:rgba(222,86,44,0.80); }
.recherche p.lire:hover{background:rgba(222,86,44,0.80); }
.recette a.mail {text-decoration: underline!important;}
/*---------------------------*\
		détails
\*---------------------------*/
#logo { text-indent : -9999px; top:10px;}
#logo a { color:transparent;}

.conso{ margin-left:50px;;}
.conso button{ letter-spacing: 0em!important;}


.navbar-toggle .icon-bar {background: #fff;}



	
.fixNavigation{
top:0px;
 position: fixed !important;
/*margin-bottom:550px; background: rgba(255,255,255,1.00)!important;*/
	-webkit-transition: all 0.2s; 
    transition: all 0.2s;	

 }

.relatived-footer {
    position: relative;  
	/*background : rgba(171,192,186,1.0)!important;*/background:#262626!important; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	border-top: 2px dotted #ddd;
	-webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0);
box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0);
}
footer.relatived-footer p{margin:0 auto; text-align: center; color : #668d93;}

.relatived-footer-terroir {
    position: relative;  
	background : #e3cfae!important; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	border-top: 3px dotted #ddd;
	-webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0);
box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0);
}
.relatived-footer-video {
    position: relative;  
	background : #dd562c!important; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	border-top: 3px dotted #ddd;
	-webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0);
box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0);
}
footer.relatived-footer-terroir p, footer.relatived-footer-video p{margin:0 auto; text-align: center; color : #ffffff;}

.relatived-footer-info {
    position: relative;  
	background : #acc59e!important; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	border-top: 3px dotted #ddd;
	-webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0);
box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0);
}
footer.relatived-footer-info p{margin:0 auto; text-align: center; color : #ffffff;}

.displayNone{
display: none!important;
 
 }


/*.petitleLogo {
    width: 90px;
    height: auto;
    margin: 12px 58px 0 58px;
}*/
/********************ajout Bootstrap************************/
.navbar {
   padding: 0rem!important;
    /* padding: .5rem 1rem; */
}
.bg-inverse {
    background-color: transparent!important; 
}
.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(171, 192, 186, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


      #menu {width : 100%; height : 100px; margin-top : 0px;/*height : 140px;background : rgba(92,140,146,1.0);background: #fff;overflow: hidden;*/ /*-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);*/}
    #menu .navbar ul { height : 45px; list-style-type : none; text-align: center; margin-top:105px;}
      #menu .navbar ul li {display: inline-block; height : inherit; line-height : 50px; position : relative}
      #menu .navbar ul li a{display : block;height : inherit; padding : 0 30px; color : #262626; font-family : "montserrat-alternates", Arial, sans serif; font-size : 0.8em; letter-spacing: 0.2em; text-transform: uppercase;  }
      #menu .navbar ul li a:hover {color : #666; text-decoration: none;background : rgba(171,192,186,0.0);
-webkit-transition: all 0.4s; 
    transition: all 0.4s; /*border-bottom:3px solid #666;*/}

      #menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active {color : #fff!important;background: rgba(171,192,186,1.00)!important; text-decoration: none; border-bottom:0px solid #666;}


#menu .navbar ul li.activeTerroir a:hover, #menu .navbar ul li.activeTerroir, #menu .navbar ul li a.activeTerroir, #menu .navbar ul li.activeTerroir a.activeTerroir {color : #fff!important;background: #e3cfae!important;/*background: #c9917b!important;*/ text-decoration: none; border-bottom:0px solid #666;}


#menu .navbar ul li.activeVideo a:hover, #menu .navbar ul li.activeVideo, #menu .navbar ul li a.activeVideo, #menu .navbar ul li.activeVideo a.activeVideo {color : #fff!important;background: #e73440!important;/*background: #dd562c!important;background: #c9917b!important;*/ text-decoration: none; border-bottom:0px solid #666;}


#menu .navbar ul li.activeInfos a:hover, #menu .navbar ul li.activeInfos, #menu .navbar ul li a.activeInfos, #menu .navbar ul li.activeInfos a.activeInfos {color : #fff!important;background: #acc59e!important;/*background: #c9917b!important;*/ text-decoration: none; border-bottom:0px solid #666;}


/*****************************************sousMenu****************************************/
#sousMenu {
    width: 100%;
    height: auto;
    margin-top: -90px;
    margin-bottom: -17px;
    background: rgba(171,192,186,1.0);
}
#sousMenu2 {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background: rgba(171,192,186,1.0);
}
    #sousMenu ul { min-height : 50px;height:auto; list-style-type : none; text-align: center; margin-top:90px;}
#sousMenu2 ul { min-height : 50px;height:auto; list-style-type : none; text-align: center; margin-top:0px;margin-bottom:0px!important;padding-bottom:0px!important;}
      #sousMenu ul li {display: inline-block; height : inherit; line-height : 50px; position : relative}
#sousMenu2 ul li {display: inline-block; height : inherit; line-height : 50px; position : relative}
      #sousMenu ul li a, #sousMenu2 ul li a{display : block;height : inherit; padding : 0 30px; color : #fff; font-family : "montserrat-alternates", Arial, sans serif; font-size : 0.8em; letter-spacing: 0.05em; text-transform: uppercase;  }
      #sousMenu ul li a:hover, #sousMenu2 ul li a:hover {color : #777; text-decoration: none;background : rgba(0,0,0,0.0);
-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
#sousMenu ul li.active, #sousMenu ul li.active:hover, #sousMenu ul li.active a:hover, #sousMenu ul li.active a {color :#777!important; text-decoration: none;background : rgba(0,0,0,0.0)!important;font-weight: 700;
-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
#sousMenu2 ul li.active, #sousMenu2 ul li.active:hover, #sousMenu2 ul li.active a:hover, #sousMenu2 ul li.active a {color :#777!important; text-decoration: none;background : rgba(0,0,0,0.0)!important;font-weight: 700;
-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
#sousMenu {width: 100%;height: auto;background: #262626;position:relative;z-index:100000;padding-top:20px;padding-bottom:20px;z-index:1;margin-top:0px;}
		#sousMenu ul {min-height: 40px;height: auto;list-style-type: none;text-align: center;margin: 0px;}
		#sousMenu ul li {display: inline-block;height: inherit;line-height: 42px;position: relative;}
		#sousMenu ul li a {display: block;height: inherit;padding: 0 20px;color: #3c423f; text-transform: uppercase;
    font-family: "brandon-grotesque", sans-serif;font-size: 0.8rem;color: #000;border: 0px solid #000;background: #fff;margin: 0 0.5em;font-style: inherit;text-decoration: none;font-weight: 800;text-transform: uppercase;padding: 0.2em 1.5em;border-radius: 45px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
	 
	#sousMenu ul li a#Ap {background:rgba(0,79,122,1.00);color:#fff;}
	 
		#sousMenu ul li a span{font-weight:900;}
		#sousMenu ul li a:hover, #sousMenu ul li:last-of-type a:hover{color:#fff;background: #000;}
		#sousMenu.fixNavigation3 {position:fixed;top:107px;left:0px;background: #4f9cbf;z-index:2;}
#sousMenu ul li a.active {background: #78b925;color:#fff;}

/*****************************************sousMenu****************************************/
#alphabet {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
	top:0px;
    background: rgba(171,192,186,1.0);
	text-align:center;
	padding:15px;
}
#alphabet a{
	display:inline-block;
	padding:0px;
    width:3.5%!important;
	min-width:45px;
}
   


.bgdTerroir{background:#e3cfae!important;/*background:#c9917b!important;*/}
.bgdVideo{background:#e73440!important;/*background:#dd562c!important;background:#c9917b!important;*/}

.dropdown-menu {
    height: auto;
    line-height: normal;
	 padding: 0rem 0!important;
	margin-top: 0rem!important;
}


.dropdown-menu a.dropdown-item{display : block;height : 45px!important; padding : 0 30px; /*color : #c2b49e;*/color:#fff; font-family : "montserrat-alternates", Arial, sans serif; font-size : 0.8rem;line-height: 45px; text-transform: none!important;   }

.dropdown-menu a.dropdown-item:hover {color : #fff!important; text-decoration: none;background : #c43f2c!important;
-webkit-transition: all 0.4s; 
    transition: all 0.4s; border:none!important;}
    
 ul.coordonnees{ color: #666!important; list-style-type : none; }
	


/*fond*/

section {width:100%; height: auto; display:block; position: relative;}
section.reseauxSociaux {width:100%; height: auto!important; display:block; position: relative;
padding:30px 100px; background: rgba(255,255,255,1.00);}

.flecheDown{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */
  bottom: 50px; left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%); /* décalage de 50% de sa propre taille */
text-align: center;
background: rgba(255,255,255,0.3);border-radius:50%;    padding-top: 10px!important;
webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.flecheDown:hover{
background: rgba(255,255,255,0.8);}

.flecheDownUn{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */
  bottom: 100px; left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%); /* décalage de 50% de sa propre taille */
color:#bb1883!important;text-align: center;}

.flecheDownCalage{bottom: 200px!important;background: rgba(255,255,255,0.3);border-radius:50%;    padding-top: 10px!important;}
.flecheDown2{width:100%; display:block; position: relative; bottom:0px!important;  color:#fff;text-align: center;}
.flecheDown a, .flecheDownUn a, .flecheDown a:visited{color:#dd562c;text-decoration: none;}
.flecheDown2 a, .flecheDown2 a:visited{color:#ffffff; text-decoration: none;}
.flecheDown2 a:hover{color:#c2b49e;text-decoration: none; -webkit-transform: scale(1.5);
    -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
         transform: scale(1.2);
webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.portrait {border:10px solid #fff;background:#fff;margin-bottom:10px;line-height: 1.1rem; }

.mapa{padding-top:30px;background: #000;width:100%; height:480px;display: block;}
	.fullCognac {;
		background:  url(../img2020/full-cognac.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; height: 500px; display:block; position: relative;
		
		
	}
.portrait2 {padding:0px;border:#000 10px solid; margin:5px;webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.portrait2:hover {border:#fc4f00 10px solid;}
a.portrait2  {width:150px!important;height:150px;overflow: hidden;display: inline-block;}
a.portrait2 img  {height:150px;}

.portrait3 {padding:0px; webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.membre p {font-family: 'flood-std', sans-serif, Times New Roman, serif;font-size:1.2em!important;line-height: 1em!important;}
.membre p span {font-style: italic!important; color:#c2b49e!important;font-family: "montserrat-alternates", 'Arial', sans-serif!important; font-size:0.7em!important;line-height: 0.7em!important;}
a.portrait3  {width:100%!important;display: inline-block;}
a.portrait3 img  {width:100%;height:auto;border-radius:50%; border:#000 10px solid;webkit-transition: all 0.5s; 
    transition: all 0.5s;}
a.portrait3 img:hover   {width:100%;height:auto;border-radius:50%; border:#fd4f00 10px solid;}

.portrait img{border-radius:50%;min-width:250px;margin-bottom:10px;}
#equipe{padding-top:100px!important;}
	.fullCognac {
		background:  url(../img2020/full-cognac.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; height: 500px; display:block; position: relative;
		
		
	}
.fullHistoire {
		background:  url(../img2020/../img2020/bg4.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; height: 500px; display:block; position: relative;
		
		
	}

		
		
	
.fullFrance {
		background: url(../img2020/alpha-noir.png), url(../img2020/full-terroir.jpg);
		background-size: 256px 256px, cover;
		/*background-attachment: fixed, fixed;*/
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		width:100%; height: 500px; display:block; position: relative;vertical-align: middle;
	margin-top:-1px;
	
	}

.fullFrance img{/*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);*/opacity:0.8;}

.fullFrance img.floatLeft {position:absolute; left:30px; top: 50%; 
  transform: translateY(-50%); }
.fullFrance img.floatRight {position:absolute; top: 50%; 
  transform: translateY(-50%);right:30px;}
.fullFrance h2 {position: absolute; top: 30%; 
  transform: translateY(-50%); left: 50%; 
  transform: translateX(-50%);text-shadow: 0 3px 15px #333}
.fullFrance h2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 50%;
    background-color: #fff;
    height: 1px;	
}
.fullFrance h2::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 50%;
    background-color: #fff;
    height: 1px;	
}

 

.fullTerroir {
		background:  url(../img2020/full-terroir.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; height: 500px; display:block; position: relative;
		
		
	}
.fullElaboration {
		background:  url(../img2020/full-elaboration.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; height: 500px; display:block; position: relative;
		
		
	}
.fullDistillerie {
		background:  url(../img2020/fullDistillerie2.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; height: 500px; display:block; position: relative;
		border-top:5px solid #000000;
		
	}
.fullNature {
		background: url(../img2020/alpha-noir.png), url(../img2020/full-nature.jpg);
		background-size: 256px 256px, cover;
		background-position: top left, center center;
		background-repeat: repat, no-repeat;
		 /*text-shadow: 1px 1px 6px #666;*/
		width:100%; height: 500px; display:block; position: relative;		
		
	}
.collection {
		background: rgba(0,0,0,0.50);
		 /*text-shadow: 1px 1px 6px #666;*/
		width:100%; height: auto; display:block; position: relative;
		padding:50px;text-align: center;
		
	}
.collection h2 {
		color:#c2b49e!important;		
	}
.collection p {
		text-align: center!important;font-weight: 100;font-size: 1.0em;		
	}
.collection blockquote { border: 1px solid #c2b49e; color:#c2b49e;font-size:1.5em;font-family: 'flood-std', sans-serif,  Times New Roman, serif; border-radius:20px;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);text-align: center;}
.collection blockquote i{font-size: 3em; float: left;margin-right:20px;}
 a.brochure {
    background: #1e898f;
    border: none!important;
    text-transform: uppercase;
    font-family: 'Lato', 'Arial', sans-serif;
    border-radius: 0px;
    text-decoration: none;
    font-size: 13px;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin-top: 20px!important;
    letter-spacing: 0.1em;
    border: 0px solid #fff;
    word-wrap: break-word!important;
    white-space: normal;
    color: #fff;
    min-width: 200px;
    font-weight: 300;
}
		a.brochure:hover {background: #666;}
		a.brochure i {font-size:1.7rem;margin-right:5px}
.colorGold {margin: 40px auto 20px auto;
    color: #edc911!important;
}
h2.colorGold + .tiret {width:100%;height:10px;display:block;position:relative;margin-top:-50px;border-bottom: 1px solid #edc911;}
.colorSylver {margin: 40px auto 20px auto;
    color: #888!important;
}
h2.colorSylver + .tiret {width:100%;height:10px;display:block;position:relative;margin-top:-50px;border-bottom: 1px solid #888;}
.colorBronze {margin: 40px auto 20px auto;
    color: #8d6f4c!important;
}

h2.colorBronze + .tiret {width:100%;height:10px;display:block;position:relative;margin-top:-50px;border-bottom: 1px solid #8d6f4c;}
h2.colorGold, h2.colorSylver, h2.colorBronze{font-family: "montserrat-alternates", sans-serif;font-weight: 500;text-transform: uppercase; width:390px;background:#fff;position:relative;display:block;z-index:1; font-size: 1.5rem;
    letter-spacing: 0.3em; }
h2.colorGold span, h2.colorSylver span, h2.colorBronze span{font-family: "flood-std", sans-serif;font-size: 2.6rem;font-weight:300;display:block;letter-spacing:0;}

section.fondjaune {
    background: #fff58d;
  padding:50px 0px;
}
ul.description {
    padding-top: 20px;
    padding-left: 10px;list-style: none;
}
ul.description li a {
    list-style: none;
    font-size: 1.1rem;
    font-family: 'montserrat-alternates', sans-serif!important;
    color: #262626;padding:20px 0px 10px 0px;
    text-align: left;display:block;
	 border-bottom: 2px dotted#262626;
}
ul.description li a i{display: block;font-size: 1.6rem; margin-top: -15px;text-align: right;margin-right: 10px;}
ul.description li a i.breizh{font-size: 3.0rem;}
ul.description li a:hover {
        color: #c43f2c ;
}/*
ul.description li a::after {
    content: "";
    display: block;
    margin: 20px auto 20px auto;
    width: 100%;
    border-bottom: 2px dotted#262626;
    border-color: inherit;
}*/
/********************************************GAMME   #e73440 ********************************/

.bourriche { background: url(../img2020/BOURRICHE-LABEL-FETE-01.png), url(../img2020/BOURRICHE-huitre-marennes-oleron-2020.jpg);
	background-size:  contain, contain;
	background-color:#e73440;
		background-position:  right bottom, center center;
		background-repeat: no-repeat, no-repeat; 
	width:100%; min-height: 600px;	
	padding-top: 0px; padding-bottom: 0px;}
.don { background: #fff url(../img2020/fond-huitre-marennes-oleron.jpg);
	background-size:  cover;
		background-position:  center bottom;
		background-repeat: no-repeat; 
	width:100%; min-height: 600px;	
	padding-top: 0px; padding-bottom: 0px;}
.don h2{font-family: "montserrat-alternates", sans-serif;color:#fff;font-weight:300;font-size:7rem;line-height:5rem;padding:50px}
.gamme {background: rgba(255,255,255,1.00);padding-top: 50px; padding-bottom: 50px;}
.gamme.fond8{
 background: #fff url(../img2020/fond-page-2024-7.jpg);
	background-size:  contain;
		background-position:  top 55px  right;
		background-repeat: no-repeat;
	background-attachment: fixed;
}
.gamme.fond7{
 background: #fff url(../img2020/fond-page-2024-7.jpg);
	background-size:  cover;
		background-position:  top  right -200px;
		background-repeat: no-repeat;
}
.gamme.fond6{
 background: #fff url(../img2020/fond-page-2024-6.jpg);
	background-size:  contain;
		background-position:  top  right;
		background-repeat: no-repeat;
}
.gamme.fond5{
 background: #fff url(../img2020/fond-page-2024-5.jpg);
	background-size:  contain;
		background-position:  top  right;
		background-repeat: no-repeat;
}
.gamme.fond4{
 background: #fff url(../img2020/fond-page-2024-4.jpg);
	background-size:  cover;
		background-position:  bottom  right;
		background-repeat: no-repeat;
}
.gamme.fond3{
 background: #fff url(../img2020/fond-page-2024-3.jpg);
	background-size:  cover;
		background-position:  top  right;
		background-repeat: no-repeat;
}
.gamme.fond2{
 background: #fff url(../img2020/fond-page-2024-2.jpg);
	background-size:  cover;
		background-position:  bottom  right;
		background-repeat: no-repeat;
}
.gamme.fond1{
 background: #fff url(../img2020/fond-page-2024-2.jpg);
	background-size:  cover;
		background-position:  bottom  right;
		background-repeat: no-repeat;
}
.gamme.gamme1 {/*background:#262626;*/background: #000; padding-top: 20px; padding-bottom: 20px;}
.gamme.gamme2 {background:#262626;}

.gamme.soixantedix {padding-bottom: 70px;}
.gamme a, .gamme p{color:#262626;position:relative;z-index:1;font-weight:400; font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem;text-decoration: none;text-align: left;}
.gamme .pagination a{color:#fff;}

.gamme p.label{color:#ba9b64;font-style: italic;margin-bottom:5px;margin-top:-10px;text-align: center;}
.gamme h2 {font-family: "montserrat-alternates", sans-serif;font-weight:800;
font-size: 2.5rem;color:#04355d;text-align: left; text-decoration: none;margin-top:0px;margin-bottom:30px;}
.gamme h2 i{font-size: 3.0rem; margin-right: -5px; margin-left: 10px;}
.gamme h2.recompenses {font-size:1.8rem;font-weight: 400;margin-bottom: 0px;border-top: 0px solid #04355d;border-bottom: 0px solid #04355d;text-align: center;margin-top: 20px;background: #eee;padding: 5px 20px;}
.gamme h2.primes {font-size:1.8rem;font-weight: 400;margin-bottom: 14px;border-top: 0px solid #04355d;border-bottom: 0px solid #04355d;text-align: center;margin-top: 0px;background:#eee;padding:5px 20px;}

.fondjaune h2 {font-family: "flood-std", sans-serif;
font-size: 3.0rem;color:#04355d;text-align: left; text-decoration: none;margin-top:0px;margin-bottom:0px;}
.gamme h2 span:before, .fondjaune h2 span:before{font-family: "montserrat-alternates", sans-serif;
    content: '...';font-size: 9rem;line-height: 0.1rem; color: #262626;margin: 0px 20px 0px 0px;letter-spacing:-0.05em;}
.gamme.gamme2 h2 span:before {color: #f4ec41;}
.gamme.marathon {background:rgba(0,79,122,1.00);background:#04355d;padding-top:80px;padding-bottom: 50px;}
.gamme.marathon h2, .gamme.marathon h2 span{color:#fff;}
.gamme.marathon h2 span:before{color:#fff;}
.gamme.marathon p{color:#fff;margin-top:10px;font-size:0.8rem}
.gamme.marathon p span{font-size:2.0em;font-weight:800;}

.partenaires h2 span {font-family: "flood-std", sans-serif;
font-size: 3.5rem;line-height:2rem;color:#c43f2c;text-align: center; text-decoration: none;margin-top:0px;margin-bottom:40px;margin-right:10px}
.gamme h2 span{font-family: "montserrat-alternates", sans-serif;color:#262626;display:block;font-size: 1.9rem;    margin-top: -16px;font-weight:400;}
.fondjaune h2 span{font-family: "montserrat-alternates", sans-serif;color:#262626;display:block;font-size: 1.9rem;    margin-top: -30px;}
.gamme.gamme2 h2 {color:#f4ec41;}
.gamme.gamme2 h2 span{color:#fff;}
.gamme h4{margin-top:40px;}
.gamme h4.forme{margin-top:0px;border-left:70px solid #c43f2c;padding-left:15px;}
.gamme h2 a:hover {font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem;color:#de562c;text-decoration: none;}

.gamme a:hover p {color:#666!important;-webkit-transition: all 0.5s; transition: all 0.5s;}
 .formes, .formes p {text-align: center;text-transform: uppercase;font-size:0.8rem;font-weight: 600;
    font-family: "montserrat-alternates", sans-serif;letter-spacing: 0.07em;}
	 .formes img {max-width:200px;height:auto;display:block;margin:0px auto;}
.activites img, .gamme img{

    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	opacity: 1.0;
	transform: scale(1.0);
}
.activites figcaption img{filter: brightness(100);margin-bottom: -20px;transform: scale(1.0);margin-left: auto;
    margin-right: auto;display: block;}


.gamme .centrageFlex img{max-height: 240px;margin: 0px auto;display: block;}

.gamme .activites a:hover img{
    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);
	opacity: 0.9;transform: scale(1.1);
}
.gamme a:hover img{
	opacity: 0.7;transform: scale(1.0);
}
.activites figcaption:hover img{filter: none!important;transform: none!important;opacity:1!important; -webkit-transition: all 0.0s; 
    transition: all 0.0s;}

	 .photoencart {position: relative;padding: 130px 130px 130px 130px;height: auto;margin-bottom: -1px;box-sizing: content-box;box-sizing: border-box;display: block;width: 100%;}
	 .photoencart .cadre{background: #262626;padding: 30px 50px;max-width: 400px;display: block;position:absolute;    top: 40%; left: 40%;box-sizing: border-box;}
      .photoencart .cadre h3{font-size: 3.2rem;line-height: 3.0rem;color: #fff;font-family: "montserrat-alternates", sans-serif;text-transform: none;font-weight: 500;} 
	 .photoencart .cadre h3:after{display:none;}
       .photoencart .cadre p{font-size:1.2rem;line-height:1.5rem;font-weight:100;color:#fff;font-family: "montserrat-alternates", sans-serif;text-align: left;}  
	 .photoencart img{max-width:600px;width:100%;height:auto;min-width:500px;position:relative;}
        .photoencart .cadre img{max-width:150px;width:100%;height:auto;max-height:5px;min-width:100px;}
	 .photoencart .borderGorange {width:25%;height:100%;z-index: 0;position:absolute;top:0px;left:0px;display:block;background: #c43f2c;box-sizing: border-box;}

.pencart {position: relative;height: auto;box-sizing: content-box;box-sizing: border-box;display: block;}
	 .pencart .cadre{background: #262626;padding: 30px 50px 30px 50px;max-width: 290px;display: block;position:relative;    box-sizing: border-box;margin:20px auto;}
      .pencart .cadre h3{/*font-size: 2.5rem;line-height: 3.0rem;*/font-size: 2.0rem;line-height: 2.5rem;color: #fff;font-family: "montserrat-alternates", sans-serif;text-transform: none;font-weight: 500;text-align: center;margin-bottom:6px;} 
	 .pencart .cadre h3:after{display:none;}
       .pencart .cadre p{font-size:1.2rem;line-height:1.5rem;font-weight:100;color:#fff;font-family: "montserrat-alternates", sans-serif;text-align: left;}  
	 .pencart img{max-width:600px;width:100%;height:auto;min-width:500px;position:relative;}
        .pencart .cadre img{max-width:150px;width:100%;height:auto;max-height:5px;min-width:100px;}
	 .pencart .borderGorange {width:25%;height:100%;z-index: 0;position:absolute;top:0px;left:0px;display:block;background: #c43f2c;box-sizing: border-box;}

@media (min-width: 1700px) {
	.photoencart .cadre {background: #262626;padding: 30px 50px;max-width: 400px;display: block;position: absolute;
    top: 35%;left: 40%;box-sizing: border-box;}
	.photoencart {position: relative;padding: 130px 130px 130px 300px;height: auto;margin-bottom: -1px;/*box-sizing: content-box;*/ box-sizing: border-box; display: block; width: 100%;}
}

/********************************************INFO********************************/
.info {background:#ffffff url(../img2020/info-background.png)repeat-x ;
	background-position: left 0px top -15px;
padding-top: 0px; padding-bottom: 30px;margin: 30px auto -1px auto}
.info a {text-decoration: none;}
.info p{color:#262626; font-family: "montserrat-alternates", sans-serif;font-size: 1.2rem;text-decoration: none;text-align: center; font-weight: 400;}
.info i{color:#262626!important;}

.info h3 {font-family: "flood-std", sans-serif;
font-size: 1.7rem;color:#668d93; text-align: center; text-decoration: none;margin-top:30px; }

.info a:hover h3, .info a:hover p, .info a:hover i{color:#666!important;-webkit-transition: all 0.5s; transition: all 0.5s;}
/********************************************FULL PHOTO********************************/
.fullPhoto {background: rgba(255,255,255,1.00);
padding-top: 30px 0 0 0!important; }
.fullPhoto a {box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
-webkit-box-sizing: border-box!important;
	display: inline-block; font-family: "montserrat-alternates", sans-serif;
font-size: 1.0rem;color:#668d93;font-weight: 700; text-transform: uppercase;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px;
width:49%!important; text-align: center;
}
.fullPhoto  a:hover {font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem;color:#de562c;text-decoration: none;}
/********************************************VIDEOS********************************/
.videos {background: #262626;
padding-top: 20px; padding-bottom: 50px;display: block;position: relative;}
.videos a {text-decoration: none;}
.video p{color:#262626; font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem;text-decoration: none;text-align: center; font-weight: 700;}
.videos h2, .videos h2 a {font-family: "montserrat-alternates", sans-serif;
font-size: 1.0rem;color:#668d93;font-weight: 700; text-transform: uppercase;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px;}
.videos h2 a:hover {font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem;color:#de562c;text-decoration: none;}
.videos h3 {font-family: "flood-std", sans-serif;
font-size: 2.7rem;line-height: 2.7rem; color:#fff; text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:0px;margin-bottom: 20px; }
/***************css parallax****************/
.containerparallax { margin:0px auto 0px auto;width: 100%;padding-top:50px;z-index:0;position:relative;}
     .containerparallax div {
       height: 500px;
		
     }/*
.containerparallax h2{ font-size:3.5rem;  font-family: 'viktor-script', sans-serif!important;color:#fff;	letter-spacing: 0.0rem!important;
	text-shadow: 0 1px 3px #000000;
}
.containerparallax h2 span{color:#fff; font-size:1.8rem;font-family: 'century-gothic', sans-serif!important;font-weight:400;display:block}
.containerparallax h2 span.or{font-size:2.5rem;color:#bf9a53;text-shadow: 0 2px 3px #000000;}
.containerparallax h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'century-gothic', sans-serif;font-weight:900; letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; }
h2 span sup{font-size:0.2em;}
.containerparallax h3 {color:#fff; font-size:1.2rem;line-height: 1.5rem;  font-family: 'century-gothic', Arial, sans-serif;  background: rgba(145,120,35,0.70); padding:20px  60px ; margin-left:auto; margin-right:auto;  width:100%;
position:flex;
  align-items: center;
  justify-content: center;margin-bottom:0px;
}
  .containerparallax span {

       color: #FFF;font-size:1.5em;line-height: 2rem;
     }
 .containerparallax em {
font-size:0.8em;display: block;margin-top:20px;
     }*/

/**************fin css parallax*************/
/********************************************CONTENU********************************/
.contenu, .contenu3 {background:#ffffff;	padding-top: 50px; padding-bottom: 30px;}
.contenu2 {padding-top: 10px; padding-bottom: 30px;}
.contenu a, .contenu2 a, .contenu3 a {text-decoration: none;}
.contenu p, .contenu ul li, .contenu3 p, .contenu3 ul li{color:#555; font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem; line-height: 1.3rem;text-decoration: none; font-weight: 400;list-style-type: none;}
.contenu2 p, .contenu2 ul li{color:#fff; font-family: "montserrat-alternates", sans-serif;font-size: 1.0rem; line-height: 1.5rem;text-decoration: none; font-weight: 400;list-style-type: none;}
.contenu2 ul li strong{color:#fff; font-family: "flood-std", sans-serif;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;font-weight:100;}
.contenu3 ul li strong{color:#262626; font-family: "flood-std", sans-serif;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;}

.contenu p, .contenu2 p, .contenu3 p{text-align: justify;}
.contenu ul{padding:0px; background: rgba(222,86,44,0.0);}

.contenu ul li{ line-height: 1.5rem;}
.contenu i{font-size:2.0rem!important;}
.contenu ul.methode{ background: rgba(222,86,44,0.0);padding:0px 30px 30px 30px;border:1px solid #555;border-radius:30px;}
.contenu ul.methode li{margin-bottom:20px;display:block;}
.contenu h1, .contenu3 h1 {font-family: "montserrat-alternates", sans serif;font-weight: 300;
font-size: 1.5rem;color:#668d93;  text-decoration: none;margin-top:30px; }
.contenu h1 strong , .contenu3 h1 strong {font-weight: 700; }
.contenu h1 span, .contenu3 h1 span {font-family: "flood-std", sans-serif;important;font-size: 2.5rem;  }
.contenu h1 span span , .contenu3 h1 span span { 
    vertical-align: -10%;
}
.contenu h2, .contenu2 h2, .contenu3 h2 {font-family: "montserrat-alternates", sans serif;font-weight: 700;
font-size: 1.5rem;line-height: 1.5rem; color:#668d93; text-align: left; text-decoration: none;margin-top:30px;margin-bottom:20px; }


	.un {
		
		width:100%; height: 400px; display:block; position: relative;
		overflow: hidden;
	}

.containerparallax h2 span::after, .qlpha h2 span::after {
    content: "...";
    position: relative;font-family: "montserrat-alternates",  sans-serif;
    width: 50px;
    height: 17px;
    margin-bottom: 40px;
    color: #c43f2c;
    display: block;
    font-size: 5.5rem;margin-left: auto;
    margin-right: auto;
    line-height: 0.1rem;font-style: normal!important;
    /* background: #fff; */
}
.un h2 span span, .containerparallax h2 span span { 
    vertical-align: -10%;
}


element.style {
}
.centrageFlex, .partner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.centrageitem1 {
    display: block;
    text-align: center;
    position: relative;
    margin: 0 auto;
}
#instit {
    width: 100%;padding:30px 0px;
    height: auto;
    text-align: center;
}
#instit img {
    width: 180px;
    height: auto;
    margin: 5px;
    background: #fff;
}
#bateau {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 70px;
}
#bateau a img {
    width: 150px;
    height: auto;
    border: 0px solid #fff;
    margin: 7px;opacity:1.0;
    background: #fff;filter: grayscale(0%)!important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	filter: grayscale(100%);
}
#bateau a:hover img {
   filter: grayscale(100%)!important;
    border: 0px solid #ccc; opacity:1.0; 
	filter: grayscale(0%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.partner img{max-height: 80px;height: auto;max-width: 100%;margin: 10px auto; display: block;}
.undeuxtrois {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
   /* background: rgba(48,173,99,0.50);*/
	background:#262626;
    padding: 50px 30px 5px 30px;
    border-radius: 0px;
	    border-left: 8px dotted #c43f2c;height:100%;
}
.undeuxtrois h4 {
    font-size: 1.3rem;
    line-height: 1.3rem;
    /* font-family: pacifico, sans-serif; */
    max-width: 190px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.1em;color:#c43f2c;
}
.undeuxtrois p{color:#fff;font-weight:100;text-align:center;}
.undeuxtrois img, .undeuxtrois i {
       background: #c43f2c;
    width: 80px;
    height: 78px;
    /* max-width: 100px; */
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-top: -35px;
    padding: 0px 0px 0px 6px;position:absolute;top:0px;
}
.undeuxtrois i::before{font-size:3.3rem;color:#262626;}


.fullCognac h2, .fullNature h2, .fullTerroir h2, .fullElaboration h2, .fullDistillerie h2, .fullHistoire h2, .deuxElaboration h2, .mentions h2, .collection h2, .fullFrance h2 {color:#fff; font-size:2.2rem;  font-family: 'Damion',  cursive,  Times New Roman, serif;font-style: normal;	
}

.cinq h2 {color:#fff; font-size:3em;  font-family: 'flood-std', sans-serif,  Times New Roman, serif;font-style: italic;	
}
.cinq h3 {/*color:#c2b49e; */color:#333; font-size:2em;letter-spacing: 0.2em;  font-family: 'Monserrat', arial, sans serif;font-style: normal;font-weight: 600; margin-bottom:50px;/*text-transform: uppercase;	*/
}
#bas h2 {color:#fff45a; font-size:1.2em; text-align:left;
}
#bas h2 span {color:#fff45a;font-size: 1.3rem!important;text-align: left;font-weight: 100;padding: 0px 30px 0 0;}
.ligneB::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 100%;
   border-bottom: 1px solid #fff;
	border-color: inherit!important;
	
}
.ligneH::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 100%;
   border-top: 1px solid #fff;
	border-color: inherit!important;
	
}
.ligneB2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 100%;
   border-bottom: 3px dotted #fff;
	border-color: inherit!important;
	
}
.ligneH2::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 100%;
   border-top: 3px dotted #fff;
	border-color: inherit!important;
	
}
.ligneBrd::after{
	content: "";
    display: block;
	margin:20px auto 30px auto;
    width: 100%;
   border-bottom: 3px dotted #ccc;
	/*border-color: inherit!important;*/
	
}
.ligneHrd::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 100%;
   border-top: 3px dotted #ccc;
	/*border-color: inherit!important;*/
	
}
.txtform{color:#999;text-align: right!important;padding-right: 20px;}
.txtformcenter{color:#666;text-align: center!important;}
hr{
	content: "";
    display: block;
	margin:20px auto 20px auto;
    width: 100%;
   /*border-bottom: 3px dotted #ccc;
	border-color: inherit!important;*/
	
}
.alphabet{position: fixed; right:0px; background: rgba(0,0,0,0.10);  margin-top: 50vh; 
  transform: translateY(-50%);z-index:10000;}

.delayDurationUn {-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;}
.fullCognac h2 span, .fullNature h2 span, .fullTerroir h2 span, .fullDistillerie h2 span, .fullElaboration h2 span, .fullHistoire h2 span, .fullFrance h2 span{font-size:6.0rem; font-style: normal!important; }
h2 span sup{font-size:0.5em;}
.un h3, .quatre h3, .fullCognac h3, .fullNature h3, .fullTerroir h3, .fullElaboration h3, .fullHistoire h3 {/*color:#c2b49e;*/color:#bb1883; text-transform: uppercase; font-size:0.8em;line-height: 1.2em; letter-spacing: 0.2em; font-family: "montserrat-alternates", Arial, sans serif;  background: rgba(255,255,255,0.70); padding:20px  60px ; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/display:table;margin-left:auto; margin-right:auto; }


.sousTitre {/*color:#fff;  font-size:2rem;line-height: 1.2em;  font-family:flood-std, sans-serif,  "montserrat-alternates", Arial, sans serif;  background: rgba(199,212,12,1.00);background: #de562c;	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3) inset;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3) inset;
	font-style:normal!important;*/ padding:15px  25px 0px  25px ;  text-align: left; display:block; width:480px; 
	position:absolute; margin: 0 0px 0 auto;top:0px;right:0px;height:inherit;background: #262626;

}
.sousTitre img{padding:5px 2px;width:36px;height:auto;}
.sousTitre a, .sousTitre span, .sousTitre a span, #bas a, #bas span{color:#fff45a; text-decoration: none!important;display:inline-block;margin-bottom:2px;}
.sousTitre a{display:inline-block;}
#bas a, #bas span{text-align: left;font-size:0.85rem!important;}
#bas a{display:block;}
#bas a.btn.resa{text-align:center;max-width:190px;border: 2px solid #f4ec41;border-radius: 45px;margin-top: 24px;padding: 10px 20px 8px 20px;background: rgba(11, 97, 144, 0.00);font-weight: 500;z-index: 1000;letter-spacing: 0;color: #f4ec41;}
#bas a i, #bas span i{font-size:2.0em!important;margin-right:5px;}
.sousTitre i{font-size:1.5rem!important;margin-right:3px;vertical-align: -2px;margin-left:5px;margin-bottom:5px;}
.sousTitre a:hover, .sousTitre a:hover span, #bas a:hover{color:#fff!important; text-decoration: none!important;
}
.descriptionUn ul li a.minscris{ display:block;text-align:center;max-width:145px;border: 2px solid #fff;border-radius: 45px;margin-top: 0px;margin-bottom:7px;padding: 8px 15px 6px 15px;background: rgba(11, 97, 144, 0.00);font-weight: 500;z-index: 1000;letter-spacing: 0;color: #fff;}
.descriptionUn ul li a.minscris:hover{ display:block;text-align:center;max-width:145px;border: 2px solid #fff;border-radius: 45px;margin-top: 0px;margin-bottom:7px;padding: 8px 15px 6px 15px;background: rgba(0, 0, 0, 1.00);font-weight: 500;z-index: 1000;letter-spacing: 0;color: #fff;}


.fixNavigation .sousTitre span{display:none;}
.fixNavigation .sousTitre a span{display:none;}
#menu.fixNavigation .boutique {
    position: relative;
    display: inline-block;
    top: 5px;
    right: 10px;
    width: inherit;
    height: auto;
    z-index: 1000;
    text-align: left;
    width: 26px;
}
#menu.fixNavigation .sousTitre {
    padding: 15px 25px 0px 25px;
    text-align: left;
    display: block;
	width: 160px;}
.fixNavigation .triangleD {
     right: 160px;
}
#menu.fixNavigation .boutique a i {
    vertical-align: 2px;
}
#bas h3 {color:#ffffff; font-size:0.8em;line-height: 2.2em; letter-spacing: 0.2em; font-family: "montserrat-alternates", Arial, sans serif;   padding:0px 20px 30px 20px; text-align: center;  }
#bas h3 em{font-style:normal;font-size:3.2rem;letter-spacing: 0.05;font-family: "flood-std", sans-serif;font-weight:200; }
#bas h3 em:nth-of-type(1){color:#fff;}
#bas h3 em:nth-of-type(2){color:#c43f2c;}

#bas h2 em, .gamme h2 em{font-style:normal;font-size:3.2rem;letter-spacing: 0.05;font-family: "flood-std", sans-serif;font-weight:200; }
#bas h2 em:nth-of-type(1){color:#fff;}
.gamme h2 em:nth-of-type(1){color:#262626;}
#bas h2 em:nth-of-type(2){color:#c43f2c;}



@media (max-width: 1050px) {
	.triangleD {right: 160px;}
	.sousTitre {width: 160px;}
	.sousTitre span, .sousTitre a span {display: none;}
	#menu .boutique {
    position: relative;
    display: inline-block;
    top: 1px;
    right: 10px;
    width: inherit;
    height: auto;
    z-index: 1000;
    text-align: left;
    width: 26px;
}
}

#bas h3 span {font-size: 0.8rem!important;letter-spacing: 0.15em!important;font-weight: 100;color: #fff;font-family: "montserrat-alternates", Arial, sans serif;}
#bas h3 span, #bas h3 strong{display:block;text-align: center;}
#bas h3 strong span{display:inline-block;}
#bas h3 span span { 
    vertical-align: -10%;
}
.triangle{width: 0;height: 0;border-style: solid;border-width: 0 0 50px 1920px;border-color: transparent transparent #262626 transparent;margin-top: -55px;
    position: relative;
    z-index: 3;}
.triangle1{width: 0;height: 0;border-style: solid;border-width: 50px 1920px 0 0;border-color: #262626 transparent transparent transparent;position: relative;margin-top:-25px;
    z-index: 2;}



.ombre{text-shadow: 0 3px 0px #666}
.ombreBlanc{text-shadow: 0 1px 3px #ffffff;}
.avecOmbre {-webkit-box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3);}
.avecOmbre2 {-webkit-box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3);}
.deux {
		background:  url(../img2020/bg3.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;
	}
.deuxHistoire {
		background:  url(../img2020/bg9.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;
	}
.deuxElaboration {
		background:  url(../img2020/bg5.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;
	}
.deuxTerroir {
		background:  url(../img2020/bg10ter.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;

	}
.deuxCocktail {
		background:  url(../img2020/bg12.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;

	}
.deuxDiner {
		background:  url(../img2020/bg14.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;

	}
.deuxRepasNomades {
		background:  url(../img2020/bg15bis.jpg);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;

	}
.deuxSurMesure {
		background:  url(../img2020/bg18.jpg);
		background-size:  cover;
		background-position: top center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;

	}
.deuxCreations {
		background:  url(../img2020/bg19.jpg);
		background-size:  cover;
		background-position: top center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;

	}
.trois {
		/*background:  url(../img2020/repet.jpg);
		background-size:  256px 256px;
		background-position: top left;
		background-repeat:  repeat;*/
		width:100%; height: 100vh; min-height: 100vh; display:block; position: relative;
		overflow: hidden;
	}
.troisTerroir {
		background:  #ffffff url(../img2020/bgd-1848-alpha.png);
		background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; min-height: 100vh; display:block; position: relative;
		overflow: hidden;
	}
.quatre {
		background: url(../img2020/alpha-noir.png), url(../img2020/bg4.jpg);
		background-size: 256px 256px, cover;
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		 /*text-shadow: 1px 1px 6px #666;*/
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;
	}
.quatre h2 {color:#fff; font-size:3em;  font-family: 'flood-std', sans-serif,  Times New Roman, serif;font-style: italic; text-align: center;
	
}
.cinq {
		/*background: url(../img2020/bgd-orange-gris.png);*/
		background: url(../img2020/bgd-1848-alpha.png);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; min-height: 100vh; display:block; position: relative;
		overflow: hidden;
	}



@media (min-width: 1200px) {
	* + .buttons-group {
		margin-top: 43px;
	}
	* + .buttons-group-1 {
		margin-top: 36px;
	}
	.owl-carousel-3 + .button-wrap-lg {
		margin-top: 61px;
	}
}

@media (min-width: 1600px) {
	* + .button-wrap-lg {
		margin-top: 50px;
	}
	* + .buttons-group {
		margin-top: 54px;
	}
	* + .buttons-group-1 {
		margin-top: 44px;
	}
	.owl-carousel-3 + .button-wrap-lg {
		margin-top: 75px;
	}
}

/*
*
* Owl Carousel
*/
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

* + .owl-carousel {
	margin-top: 30px;
}

@media (min-width: 1200px) {
	h2 + .owl-carousel {
		margin-top: 43px;
	}
	h2 + .owl-carousel-1,
	h2 + .owl-carousel-3 {
		margin-top: 59px;
	}
}

@media (min-width: 1600px) {
	h2 + .owl-carousel {
		margin-top: 53px;
	}
	h2 + .owl-carousel-1,
	h2 + .owl-carousel-3 {
		margin-top: 72px;
	}
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	font: 400 40px/80px 'FontAwesome';
	cursor: pointer;
	z-index: 1;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
	content: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}

/*
 * Owl Navigation
 */
.owl-nav.disabled {
	display: none;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	overflow: hidden;
	line-height: 48px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);border:none;
	/*font: 400 40px/48px "Material Design Icons";*/
	
	  font-family: "Font Awesome 6 Free";
  font-weight: 900;
	
	color: #87c440!important;
	background: transparent;
	border-radius: 50%;
	transition: .3s;
	cursor: pointer;font-size:2rem;
}

.owl-prev:after,
.owl-next:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: linear-gradient(to bottom, transparent, #3a808c);
	opacity: 0;
	transition: inherit;
}

.owl-prev:hover,
.owl-next:hover {
	color: #87c440;
	background: linear-gradient(to bottom, transparent, #ffffff);
}

.owl-prev:hover:after,
.owl-next:hover:after {
	opacity: 0;
}

.owl-prev {
	left: -50px;
}

.owl-prev::before {
	/*content: '\f237';
	content: "\f053";*/
	
}

.owl-next {
	right: -50px;
}

.owl-next::before {
	/*content: '\f238';
	content: '\f054';*/
}

/*
 * Owl Pagination
 */
.owl-dots {
	text-align: center;
	margin-top: 20px;display:none;
}



@media (max-width: 576px){
		.owl-dots {display: none;}
	}

.owl-dots.disabled {
	display: none!important;
}

.owl-dot {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	outline: none;
	cursor: pointer;
	background-color: rgba(123, 89, 208, 0.4);
	transition: .2s;
}

.owl-dot:only-child {
	display: none;
}

.owl-dot:hover, .owl-dot:focus {
	background-color: #3a808c;
}

.owl-dot.active {
	background-color: #3a808c;
}

@media (min-width: 1200px) {
	.owl-dots {
		margin-top: 12px;
	}
	.owl-dot {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
	border-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus {
	background-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
	background-color: #ffffff;
}
 @media (max-width: 860px) {
#sousMenu ul li a {font-size: 0.7rem;letter-spacing: 0.1em;}
			  #sousMenu ul {padding: 0px;}
}

@media (max-width: 767px) {
	.owl-carousel-1 .owl-nav {
		display: none;
	}
}

@media (min-width: 768px) {
	.owl-carousel-1 {
		padding: 0 100px;
	}
	.owl-carousel-1 .owl-prev {
		left: 20px;
	}
	.owl-carousel-1 .owl-next {
		right: 20px;
	}
	.owl-carousel-1 .owl-dots {
		display: none;
	}
}

@media (min-width: 1200px) {
	.owl-carousel-1 {
		padding: 0 210px;
	}
	.owl-carousel-1 .owl-prev {
		left: 80px;
	}
	.owl-carousel-1 .owl-next {
		right: 80px;
	}
}

@media (min-width: 576px) {
	.owl-carousel-2 .owl-dots {
		position: absolute;
		bottom: 10px;
		right: 9px;
		margin: 0;
	}
	.owl-carousel-2 .owl-dot {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.owl-carousel-2 .owl-dot + .owl-dot {
		margin-top: 13px;
	}
	.owl-carousel-2 .quote-meta {
		padding-right: 15px;
	}
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

* + .owl-carousel {
	margin-top: 60px;
}

@media (min-width: 1200px) {
	h2 + .owl-carousel {
		margin-top: 43px;
	}
	h2 + .owl-carousel-1,
	h2 + .owl-carousel-3 {
		margin-top: 59px;
	}
}

@media (min-width: 1600px) {
	h2 + .owl-carousel {
		margin-top: 53px;
	}
	h2 + .owl-carousel-1,
	h2 + .owl-carousel-3 {
		margin-top: 72px;
	}
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	font: 400 40px/80px 'FontAwesome';
	cursor: pointer;
	z-index: 1;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
	content: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}



/*
* Gallery
*/
a[data-fancybox="gallery"], a[data-fancybox="gallery1"], a[data-fancybox="gallery2"], a[data-fancybox="gallery3"], a[data-fancybox="gallery4"] {position:relative;overflow: hidden; display: block;}
a[data-fancybox="gallery"] i, a[data-fancybox="gallery1"] i, a[data-fancybox="gallery2"] i ,a[data-fancybox="gallery3"] i, a[data-fancybox="gallery4"] i{font-size:3rem; position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* écalage de 50% de sa propre taille */    background: #262626;
    color: #fff; padding: 20px;border-radius: 50%;-webkit-transition: all 0.3s; 
    transition: all 0.3s;opacity:0.0;}
a[data-fancybox="gallery"]:hover i, a[data-fancybox="gallery1"]:hover i, a[data-fancybox="gallery2"]:hover i, a[data-fancybox="gallery3"]:hover i, a[data-fancybox="gallery4"]:hover i{border-radius: 50%;-webkit-transition: all 0.3s; 
    transition: all 0.3s;opacity:1.0;}
h5.diapo i{font-size: 2.0em;vertical-align: -7px; margin-right: 5px;}
h5.diapo {text-transform: uppercase;background: #262626;color: #fff;padding: 5px 20px;margin-bottom: 0px;
    font-size: 1.1rem;letter-spacing: 0.2em;font-weight: 300;position:relative;z-index:0;}
h5.diapo::after{content: "...";position: absolute;color: #c43f2c;font-size: 8.5rem;line-height: 0.1rem;
    letter-spacing: -0.05em; z-index: 10;top: -30px;right: 18px;}
a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img{transform: scale(1.0);-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
a[data-fancybox="gallery"]:hover img, a[data-fancybox="gallery1"]:hover img, a[data-fancybox="gallery2"]:hover img, a[data-fancybox="gallery3"]:hover img, a[data-fancybox="gallery4"]:hover img{transform: scale(1.1);-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
.gallery-item {
	display: block;
	position: relative;
	z-index: 1;
	/*max-height: 180px;
	overflow: hidden;*/
	transition: .25s;
}
	.owl-item .item{overflow: hidden;}

.gallery-item > img {
	width: 100%;transform: scale(1.0);transition: 300ms all ease-in-out;
}
	.gallery-item > img:hover {
	width: 100%;transform: scale(1.1);transition: 300ms all ease-in-out;
}

.gallery-item:after {
	/*content: "\f508";*/
	position: absolute;
	left: 0;
	bottom: 48px;
	z-index: 1;
	height: 48px;
	width: 48px;
	font-family: "Material Design Icons";
	font-size: 28px;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	background-color: rgba(135, 196, 64, 0.1);
	border-top-left-radius: 0px;
	transition: inherit;
}

.gallery-item .gallery-item-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 50px 15px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(41, 41, 58, 0.8);
	transition: inherit;
}

.gallery-item .gallery-item-content > * {
	width: 100%;
	color: #ffffff;
}

.gallery-item * + .exeption {
	margin-top: 9px;
}

@media (min-width: 768px) {
	.gallery-item {
		max-height: none;
	}
	.gallery-item * + .exeption {
		margin-top: 13px;
	}
}

@media (min-width: 1200px) {
	.gallery-item .gallery-item-content {
		padding: 3px 50px 15px 61px;
	}
	.gallery-item * + .exeption {
		margin-top: 18px;
	}
}

.desktop .gallery-item .gallery-item-content {
	opacity: 0;
}

.desktop .gallery-item:after {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.desktop .gallery-item:hover .gallery-item-content {
	opacity: 1;
}

.desktop .gallery-item:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.gallery-item-1 {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	transition: .25s;
}

.gallery-item-1 > img {
	width: 100%;
}

.gallery-item-1:after {
	content: "\f42b";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	font-family: "Material Design Icons";
	font-size: 60px;
	color: #ffffff;
	transition: inherit;
}

.gallery-item-1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(41, 41, 58, 0.8);
	transition: inherit;
}

.desktop .gallery-item-1:before {
	background: rgba(41, 41, 58, 0);
}

.desktop .gallery-item-1:after {
	color: transparent;
}

.desktop .gallery-item-1:hover:before {
	background: rgba(41, 41, 58, 0.8);
}

.desktop .gallery-item-1:hover:after {
	color: #ffffff;
}
/*****LINK*******/
.gamme .activites .paddingLink h3::after {
    margin-bottom: 10px;
    margin-bottom: 10px;
    font-size: 8rem;
    top: -1px;
    bottom: 10px;
    margin-top: -25px;
    /* line-height: 0rem; */
}
.gamme .activites .paddingLink h3{color:#fff;line-height:1.8rem;text-transform: none;font-weight:900;font-size:1.8rem;text-transform: uppercase;margin: 0px auto 0px auto;text-align: center;}
.gamme .activites .paddingLink h3 em{font-weight:500;font-size:1.2rem;font-style:normal;}
.gamme .activites .paddingLink h3 span{font-family: "flood-std", sans-serif;font-weight: 400;font-size:1.7rem;display:block;line-height: 1.9rem;margin-top:0px;color:#000;text-align: right;}
.gamme .activites .paddingLink .marathon:hover h3 span, .gamme .activites .paddingLink .semi:hover h3 span, .gamme .activites .paddingLink .dixkm:hover h3 span, .gamme .activites .paddingLink .enfants:hover h3 span{color:#fff;}
.gamme .activites .paddingLink p i{font-size:2.0rem; color: #fff;}
.gamme .activites .paddingLink p {margin-bottom:0px;}
.paddingLink{padding-right: 0px!important;
    padding-left: 0px!important;background: rgba(255,255,255,0.80);margin:5px}

#seloger .paddingLink{margin:0px;height:100%;}

.gamme .activites .paddingLink a.link figcaption {padding: 10px 20px 20px 20px;/*transform: rotate(-3deg)*/display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.gamme .activites .paddingLink a.link figcaption .btn.resa, .gamme .btn.resa, #bateau .btn.resa{font-family: "monserrat", sans-serif;background: #fff58d;border-radius:45px;color:#000;text-transform: none;font-weight:800!important;letter-spacing:0.1em!important;text-align: center;}
.gamme .btn.resa:hover, #bateau .btn.resa:hover{background: #2ea5ad;color:#fff;}
.gamme .btn.resa.options{width:100%;border-radius:0px;display:block;padding: 15px 25px;}
.gamme .btn.resa.options em{font-size: 1.0em;vertical-align: 0px;letter-spacing: 0;font-weight: 300;font-style: normal;}
.gamme .btn.resa.options i{float: right;margin-top: -5px;margin-right: -10px;}

.gamme .activites .paddingLink  a.link.marathon:hover figcaption .btn.resa{background: #0571b9;color:#fff;}
.gamme .activites .paddingLink  a.link.semi:hover figcaption .btn.resa{background: #8dc63f;color:#fff;}
.gamme .activites .paddingLink  a.link.hb:hover figcaption .btn.resa{background: #44b4bc;color:#fff;}
.gamme .activites .paddingLink  a.link.dixkm:hover figcaption .btn.resa{background: #f1ca00;color:#fff;}
.gamme .activites .paddingLink  a.link.enfant:hover figcaption .btn.resa{background: rgba(224,90,10,1.00);color:#fff;}

.gamme .activites .paddingLink .link figcaption i{font-size: 5.0rem;color: #fff;margin: 0 auto;display: block;text-align: center;}
.gamme .activites .paddingLink .link figcaption .btn.resa span, .gamme .btn.resa span, .gamme .btn.resa.options span, #bateau .btn.resa span{font-size: 1.5rem;line-height: 0.5rem;font-weight: 900;vertical-align: -4px;}
.gamme .btn.resa i{font-size:2rem;vertical-align: -8px;margin-left: 5px;}
 a.link {background: #fff;position: relative;
    overflow: hidden;width:100%;height:auto;min-height:100%;display:block;transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;margin-bottom: 0px;}
 /*a.link img {max-width:100%;height:auto;    opacity: 1.0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;}

a.link:hover img {transform: scale(1.1) rotate(5deg);
	-webkit-transform: scale(1.1) rotate(5deg);
	-moz-transform: scale(1.1) rotate(5deg);
	-ms-transform: scale(1.1) rotate(5deg);
	-o-transform: scale(1.1) rotate(5deg);
	opacity: .5;
	}*/

a.link figcaption {display: block;background: rgba(0,0,0,0.50); position: absolute;bottom: 0px;height: 100%;padding: 20px 10px 20px 10px;width: 100%;
    transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;}


a.link.marathon figcaption {background: rgba(0,79,122,1.00);}
a.link.semi figcaption {background: rgba(141,198,63,1.00);}
a.link.dixkm figcaption {background: rgba(255,214,2,1.00);}
a.link.hb figcaption {background: #44b4bc;}
a.link.enfant figcaption {background: rgba(224,90,10,1.00);}
a.link:hover figcaption, a.link.marathon:hover figcaption, a.link.semi:hover figcaption, a.link.dixkm:hover figcaption, a.link.enfant:hover figcaption, a.link.hb:hover figcaption {background:  rgba(0,0,0,0.30);}
a.link figcaption h4 {color: #fff; font-family: "montserrat-alternates", sans-serif;margin-bottom:20px;font-size: 0.8rem;letter-spacing: 0.2em;text-transform: uppercase; margin-top:0px;font-weight:800;text-align: center;}
a.link figcaption h4 span{display:block}
a.link figcaption p, a.link:hover figcaption p {color:#ffffff!important;text-transform: uppercase;font-family: "montserrat-alternates", sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;}

.gamme .activites #seloger .paddingLink a.link figcaption {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    flex-direction: column;
}
.gamme .activites #seloger .paddingLink .link figcaption i {
    font-size: 3.5rem;
}
.gamme .activites .paddingLink h3 {line-height: 1.6rem;font-weight: 700;font-size: 1.5rem;/*margin: -5px auto 0px auto;*/margin: 10px auto 0px auto;}
.col-cinq {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (max-width: 991px){
.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
margin-bottom:20px!important;
}
	}

@media (max-width: 750px){
.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
margin-bottom:20px!important;
}

	}
@media (max-width: 500px){
.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
margin-bottom:20px!important;
}

	
	}
/****news****/
	.triangleG, .sociaux, .sousTitre, #menu.fixNavigation .sousTitre{display:none;}
#decompte {position: relative;height: 85px;width: 430px;text-align: center;border-radius: 50px 50px 0% 0%;
    display: block;padding: 15px 0px 5px 0px;/* left: 50%; */top: 100vh;margin-top: -85px;/*background: #262626;*/background: #000;
    z-index: 2;margin-left: auto;margin-right: auto;}

@media (max-width: 1690px){
	#decompte {top: auto;margin-top: 0px;width:100%;max-width:100%;}
}
@media (max-width: 1400px){
	#decompte, #Row h3 {display:none;}
}


	#decompte i {float: left!important;margin-right: 10px;color: #d7451f;font-size: 1.5em;display: inline-block!important;margin-top: 5px;display:none!important;}
	#decompte span {font-family: 'Montserrat', sans-serif;text-transform: uppercase;display: block;font-size: 0.8rem;font-weight: 900;line-height: 0.5rem;color: #fff;}
	#decompte input {display: block;font-family: 'Monserrat', sans-serif;border: none!important;color:#fff58d;
    background: none;width: 430px!important;font-size: 2.4rem;font-weight: 900;margin: 0 auto!important;padding: 0px!important;}
	form.time{text-align: center;}
	.activites .courses{padding:0!important;margin:0!important;}
	.btn.resa.resultats, .btn.resa.inscris, .btn.resa.benevole{top:0px;left:175px;position: absolute;border:2px solid #f4ec41; border-radius:45px;margin-top:4px;padding: 10px 20px 12px 20px;background:rgba(11,97,144,0.50);font-weight:500;z-index:1000;letter-spacing: 0;color:#f4ec41;}
	.btn.resa.resultats span, .btn.resa.inscris span, .btn.resa.benevole span{font-weight:900;}
	.btn.resa.resultats:hover, .btn.resa.inscris:hover, .btn.resa.benevole:hover{border:2px solid #fff;background:rgba(196,63,44,0.00);color:#fff;background:rgba(11,97,144,1.00)}
.btn.resa.resultats em, .btn.resa.inscris em, .btn.resa.benevole em{font-style: normal;}
	.btn.resa.inscris{left:395px; animation-duration: .8s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

.btn.resa.benevole{left:auto;right:250px;}

@media (min-width: 1600px) {
.btn.resa.benevole{left:auto;right:330px;}
}
@media (min-width: 1850px) {
.btn.resa.benevole{left:auto;right:350px;}
}

@media (max-width: 1430px) {
#menu .sociaux{width:50px;}
#menu.fixNavigation .sociaux{display:none!important;}
.btn.resa.resultats{left:60px;}
.btn.resa.inscris{left:225px;}
}
@media (max-width: 1400px) {
.btn.resa.benevole{left:auto;right:250px;}
}
@media (max-width: 1200px) {
.btn.resa.benevole{left:auto;right:140px;}
}
@media (max-width: 991px) {
.btn.resa.benevole{left:auto;right:70px;}
	.btn.resa.resultats, .btn.resa.inscris, .btn.resa.benevole {
    padding: 10px 15px 12px 15px}
}
@media (max-width: 800px) {
	.btn.resa.benevole {display:none;}
}
@media (max-width: 650px) {
	.btn.resa.benevole {display:block;left: 305px;right: auto;}
}
@media (max-width: 540px) {
	.btn.resa.benevole {display:none;}
}
	
	.gamme h1 {font-family: "montserrat-alternates", sans-serif;font-size: 3.0rem;color: #04355d;text-align: left;
    text-decoration: none;margin-top: 0px;margin-bottom: 30px;text-transform: uppercase;font-weight:900;padding-left:50px;}
	.gamme h1 span {color: #262626;display: block;text-transform: none;font-size: 1.6rem;font-weight:500;margin-top: -25px;}
	.gamme h1 span:before{content:'...'; font-size: 9rem;line-height: 0.1rem;color: #262626;margin: 0px 20px 0px 0px;letter-spacing: -0.05em;}
	.modal-title { margin-bottom: 0;color:#2ea5ad;line-height: 2.0rem;font-size: 2rem;}
.modal-title span {font-size: 1.2rem;display:block;}
	.modal-title i{font-size:3rem;}
	.modal-content {padding: 10px 30px 10px 30px;}
/***********/

.mentions {
		background: rgba(0,0,0,0.70);
		
		
		width:100%;max-width: 970px; height: auto; display:block; position: relative;
		padding:100px 30px;
	margin:0 auto;
	}
.mentions a{
		color:#ccc;
	font-size:1.5em;text-decoration: underline;line-height: 1.5em;
	}
.colorBlanc {color:#fff!important;}
.colorRose {color:#bb1883;}
.colorVert {color:#c7d40c;}
.colorKaki {color:#898b5c;}
.colorOrange {color:#fd4f00;}
.colorGris {color:#999999;}
.colorBleuClair {color:#41ae9f;}

.colorrose {color: #d4124a!important;}
.colororange {color: #de670f!important;}
.colorBleu {color: #2ea5ad!important;}
.colorbronze {color: #8d6f4c!important;}

.arrose {background: #d4124a!important;}
.arorange {background: #de670f!important;}
.arbleu {background: #2ea5ad!important;}
.arbleu2 {background: rgba(0,113,182,1.00)!important;}
.arbronze {background: #8d6f4c!important;}
.arVert {background: #69a200!important;}
.arMoutarde {
    background: #edc911!important;
}

/***FORM***/
.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
::placeholder {
  color: #999999!important;font-weight: 300;
}
input, select {border: none!important;border:1px solid #ccc!important;padding:5px 10px;width: 98%!important;margin:5px auto!important;background: rgba(255,255,255,0.50);text-align: center!important;min-height: 40px;}

input[data-reset="reset"]{width:46%!important;margin:1%!important;display: inline-block; border:none!important;background: rgba(187,24,131,1.00); color:#fff!important;cursor: auto;padding:20px 5px;}
input[data-submit="submit"]{width:auto!important;margin:5px auto!important;display: block; border:none!important;background: rgba(171,192,186,1.00);cursor: auto!important;padding:5px 30px;color:#fff; }
input[data-submit="submit"]:hover{background:#666;cursor: auto!important; }
.form-group {
    margin-bottom: 5px;
}
.modal-dialog {
    max-width: 800px;width:95%;
    margin: 30px auto;;
}
.modal-dialog.modal-xl {
    max-width: 1800px;width:95%;
    margin: 30px auto;;
}
.modal-content {
/*padding:30px 30px;*/padding:10px 20px 20px 20px;
}
[type=checkbox] {
   float: left;
    display: inline-block;
    width: 25px!important;
    vertical-align: 10px;
    margin-top: -3px!important;
}
[type=checkbox] + label{    float: right;
    width: 95%;}
span.checkbox{display:block;width:100%;margin-top:10px;}
.bgdOrange {background:#fd4f00!important;}
.dottedNoir{border-top:8px dotted #999;
border-bottom:8px dotted #999;}
textarea{width: 99%!important;border:1px solid #ccc!important;padding:5px 10px;text-align: center;background: rgba(255,255,255,0.50);min-height:150px;margin-top:5px;}

.fondAlpha {background : rgba(255,255,255,0.9); padding:15px 30px 30px 30px; }
.fondAlpha h2 {font-size:2.2em;   font-family: 'flood-std', sans-serif,  Times New Roman, serif; font-weight:400; margin-left:0px; margin-bottom:15px; color:#c2b49e;}
.fondAlpha2{background : rgba(255,255,255,0.8)!important;
	padding-top:30px!important;
padding-bottom:30px!important;display: block;position: relative;margin-top:50px!important;}

.fond, .fondPineaux {padding : 10px 30px; background : rgba(255,255,255,0.8);  }
    .fond a {font-weight : bold; text-decoration : underline; color : #fff}
    .fond div, .fondPineaux div {border : 0px dashed #c2b49e; padding : 20px;}
.fond h2, .fondPineaux h2 {font-size:2.5rem;   font-family: 'Damion',  cursive,  Times New Roman, serif; font-weight:400;   background:#bb1883;  padding:2px 5px 2px 30px;margin-left:-50px; margin-bottom:15px;
-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3); color:#c2b49e;}
.fondPineaux h2{ background:#5a5a58; margin-left:-20px; margin-right:-50px;}
.fondPineaux h2 span{ font-size:0.8em; font-style:italic;color:#ffffff;}
.fond p, .fondPineaux p, .fondAlpha p {color:#666666!important;}
.fond h3, .fondPineaux h3, .fondAlpha h3 {color:#666666!important;margin-bottom:5px; }
.fondPineaux {padding-left : 70px!important;  }
.fondPineaux ul{padding-left : 20px!important;  }
.sansOmbre {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important;
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important;}
.sansFond{background : rgba(255,255,255,0.0)!important;}
/*
.fond .fond2 {padding : 10px 30px; background : #437a75; margin-top : 20px; margin-left: 0px; border : 1px solid #c2b49e; border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.fond .fond2 p {font-size:1.3em; text-align: left; line-height: 1.4em; font-family: "montserrat-alternates", Arial, sans serif;  color:#c2b49e; }
.fond .fond2 p span{margin-right:10px; }*/
/*#bas*/
#bas {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 1; padding:40px 50px 0px 50px;margin-bottom:0px;/*background : rgba(171,192,186,1.0);*/background:#04355d; font-family: "montserrat-alternates", Arial, sans serif;    border-left: 0px solid #c43f2c;}

#bas ul {list-style-type : none;text-align:left; padding:0;}
#bas ul li {display:inline-block;text-align:left;}
#bas ul li a{color : #fff58d; font-size:1em; text-transform : none; display : inline-block; -webkit-transition: all 0.5s; 
    transition: all 0.5s;	margin: 3px 3px; }

#bas ul li.reseaux{padding : 10px 20px; height: 60px; }
#bas ul li a:hover {color : #eee;}
#bas ul li a span{margin-right:10px;}
#bas p, #bas p a.titre  {text-align: left;color: #fff!important;text-transform: uppercase;letter-spacing: 0.1em;font-size: 0.85rem!important;margin-bottom: 2px;margin-top:12px;font-weight:800;}
#bas p:first-of-type{margin-top:22px;}

#bas p a.titre:hover {color: #fff58d!important;}
#bas img{margin:10px 20px 20px 20px;height: auto;max-width: 450px; }
#bas a img:nth-last-of-type(2){margin:10px 20px;max-height: 10px;width: auto; }
#bas a img:hover{-webkit-transition: all 0.5s; 
    transition: all 0.5s; opacity: 0.5; }
#bas .suivez a i{font-size:2.1rem!important;margin-righ:10px!important;color:#262626;}
#bas .suivez a {display:inline-block;}
#bas .suivez {text-align:left;margin-left: -72px;margin-right: 70px;}
.logoContact img{margin:10px 20px;max-height: 60px;width: auto; }

.logoContact a img:hover, .logoContact1 a img:{-webkit-transition: all 0.5s; 
    transition: all 0.5s; opacity: 0.5; }
img.logoContact1 {margin:0px 0px;max-height: 100px!important;width: auto!important; }



/*footer*/
footer {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 3; padding:40px 15px 20px 15px;margin-bottom:0px;font-family: "montserrat-alternates", Arial, sans serif;text-align: center;}
#bas footer a {font-family: "montserrat-alternates", Arial, sans serif;color:#777!important;font-size:0.8rem!important;text-align: center;}

footer ul {height : 30px; list-style-type : none; margin:0 auto; width:auto; display:table;}
footer ul li {float: left; height : 30px; padding : 0 20px;}
footer ul li a{font-family: "montserrat-alternates", sans-serif;
font-size: 0.8rem;color:#fff;font-weight: 100; text-transform: uppercase;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px; }
footer ul li a:hover {color : #666; text-decoration: none;}
footer ul li a span{margin-right:10px;}
footer p{margin:0 auto; text-align: center; color : #666666;}
footer p span{color:#666666!important; font-style: italic; font-size:0.9em;}
footer.relatived-footer-video ul li a {

    color: #dddddd;
   
}
#bas #footer ul li a{color : #fff; font-size:1em; text-transform : none; display : block; 	-webkit-transition: all 0.5s;     transition: all 0.5s;	padding: 3px 20px; }
#tubular-container {top:0;}


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}



.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.tampon{height:300px;}
.btn-primary{text-align: center!important; display: block;max-width:300px;margin:0px auto 0px auto;background: #1e898f;color:#fff!important;padding:10px 30px;word-wrap: break-word!important;
    white-space: normal;}
.btn-primary span{display:block;font-family: "flood-std", sans-serif;font-size: 2rem;line-height: 1.8rem;}
.btn-primary:hover{display: block;width:auto;margin:0px auto 0px auto;background: #262626;color:#fff;}
.btn-secondary {border-radius:0px; height : 35px;padding:0;margin:30px auto; }
.btn-secondaryActu { height : 35px;padding:0; }

.btn-secondary2, .btn-secondary3 {border-radius:0px; height : 35px;padding:0;margin-top:10px; }

 a .btn-secondary,a .btn-secondary2,  a .btn-secondary3,  a .btn-secondaryActu{font-family: "montserrat-alternates", Arial, sans serif; text-transform: uppercase;text-decoration: none!important; width:100%;letter-spacing: 0.2em; padding:11px 20px;color:#fff;font-weight: 300; font-size:0.8em;display: block;width:auto; background:#c2b49e;}
 a .btn-secondary3{background:#000;min-width: 235px; text-decoration: none!important;display:inline-block!important;}
 a .btn-secondaryActu{background:rgba(253,79,0,0.80);min-width: 235px; text-decoration: none!important;display:inline-block!important;vertical-align: middle;}

a:hover .btn-secondary ,a:hover .btn-secondary2, a:hover .btn-secondary3 {background:#7f7f7d; color:#fff; -webkit-transition: all 0.5s; 
    transition: all 0.5s; text-decoration: none!important;}
.btn {display: block; height: auto; text-decoration: none!important;}
a.noDecoration {text-decoration: none!important;}

.btn.resaNews, .btn.resa, .btn.resaM, .btn.resaS, .btn.resaK, .btn.resaE, .btn.resaL {
    text-decoration: none;
    font-size: 13px;
    /*padding: 15px 15px;*/
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
  margin-top:10px;

text-transform: uppercase;
    color: #fff;letter-spacing: 0.05em;
	border:0px solid #fff;
	word-wrap: break-word!important;
    white-space: normal;border-radius: 45px;
	    max-width: 270px;
    margin-left: auto;
    display: block;
    margin-right: auto;text-align: center;
}
.btn.resaK {background: #909555!important;}
.btn.resaS { background: #2ea5ad;}
.btn.resaL {background: #ed046d;}
.btn.resaNews {
   
  margin-top:0px;
   
}
.btn.resa{background: #262626;}
.btn.resaM{background: #e05a0a;width:100%}
.btn.resaS{background: #2ea5ad!important;text-align: center;max-width:320px;color:#fff!important;}
.btn.resaK{background: #c43f2c;width:100%}
.btn.resaE{background: #e24a84;width:100%}
.btn.resaL{background:#ed046d;width:100%}
.btn.resaNews:hover, .btn.resa:hover, .btn.resaM:hover, .btn.resaS:hover, .btn.resaK:hover, .btn.resaE:hover, .btn.resaL:hover {
    background: #c43f2c!important;
color:#fff;
}
.btn.resaK:hover {
    background: #262626;
color:#fff;
}
		
			  .btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus {
    color: #000;
    background-color: #262626;
		  border: 0px solid #262626;
}
		.btn {
    font-weight: 400;
    color: #e04f34;
    background-color: #000;
    border: 0px solid #000;
    padding: 20px 30px;text-transform: uppercase;
    font-size: 0.9rem;letter-spacing: 0.1em;
    line-height: 1.5;
    border-radius: 45px;

}
			  .btn-primary:hover {

    background-color: #002e46;
    color: #fff;
				  border: 0px solid #002e46;
}

.go-b{
	
	position:fixed; width:60px; height:60px; border:0px solid #fff;
	z-index:2001;
	right:0px; bottom: 5px;
}
.go-b a{
	display:block;
	width:100%; height:100%; 
    color:#fd4f00!important;
	
}

/**********facebook*******************/
.voletfacebook{z-index: 2000; position: fixed; left: -291px; top:100px; -webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;}

.faceb{height: 150px;width:38px;/* display: table-cell; vertical-align: top;*/background: #c43f2c url(../img2020/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;cursor: pointer;position:absolute;left:290px;top:150px;-webkit-transition: all 0.3s; transform: rotate(0deg);transition: all 0.3s;}
.faceb:hover{background: #262626 url(../img2020/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;}


.voletfacebook a{cursor: pointer;}
.voletfacebook.voletfacebookopen{position: fixed;left: 0px!important; width: 340px;
-webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;
}



.img-responsive-bas{ max-width: 100%; height:auto; margin:0 0 40px 0; padding:0;
	-webkit-box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3); border-top:1px solid #c2b49e;}

.liste{  margin:0 0 0px 0px; padding:0 0 0 20px; border-left:30px solid #82714a; 
}
ul.liste li{  list-style: none; color:#ddd !important;  font-family : "montserrat-alternates", Arial, sans serif; font-size : 1.3em; 
}
.flag{  position:absolute; right:20px; top:60px; 
}
h7{  font-family: "montserrat-alternates", sans-serif; font-size:1.5em; line-height:0.9em;  }
.centrage {  text-align : center; margin:0 auto;position: relative;width: 100%;}
.bgdbleu{ background:#437a75;}
.bgdblanc{ background:#fff;}
.bgdbleuclair{ background:#a9bfbc!important;}
.bgdbleu2{ background:#5c8c92!important;}
.bgdvert{ background:#acc59e;}
.bgdbleu:hover{ background:#fff; color:#666; text-decoration:none; text-shadow: 0 1px 2px #ffffff; -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
.carre{ background:#437a75; border:0px solid #d4124a; color:#ffffff; margin:1px 0px 0px 0px;
border:0px solid #d4124a; padding-top:15px; padding-bottom:0px;  }

.margeneg2{  margin-top:5px; margin-bottom:5px; }

/*
.swiper-container {
        width: 100%;
        height: auto;
	display: block;
	position: relative;
	margin-top:-2px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

     
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.swiper-slide img{max-width: 970px!important;width: 100%;height:auto;margin:0px auto;}*/
/*---------------------------SWIPER-----------------------------*/
.swiper-container {
		width: 100%;
			
			background-color: #262626;
	/*background: url(../img2020/bas-page-11.jpg);
		background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;*/
		
		width:100%; min-height: 209px; display:block; position: relative;
    z-index: 1;margin-top:0px;
    }
#nain.swiper-container {margin-top:55px;}

.swiper-container h1, .swiper-container h2, .swiper-slide h2 {
    color: #262626;
    font-size: 0.8rem;     
font-family: "montserrat-alternates", sans-serif!important;
    background: rgba(0,0,0,0.00);
    text-align: center;
	margin-left:auto;margin-right:auto;text-transform: uppercase;letter-spacing: 0.1rem;/*line-height: 3.2rem;*/
	text-shadow: 2px 2px 105px #000000;
}
.swiper-container #nain h1, .swiper-container #nain h2, .swiper-slide #nain h2 {
	padding-top:65px;
}
.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.5rem;
    line-height: 2.5rem!important;	margin-top: 10px;
	font-weight:600;
display: block;margin-bottom: 0px;text-transform: none!important;letter-spacing: 0.0rem!important;
	text-shadow: 0 3px 2px #fff;
}
.swiper-container h3, .swiper-slide h3 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem; 
    font-family: "montserrat-alternates", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2rem!important;
    background: rgba(0,0,0,0.00);
    padding: 0px 50px 20px 0px;
	margin-left:200px;
    text-align: left;
}
.swiper-container h3 span, .swiper-slide h3 span {
    font-size: 2.9rem;
    line-height: 3.0rem!important;
    font-family: "montserrat-alternates", sans-serif!important;
    letter-spacing: 0.0rem;
    text-transform: none!important;
    letter-spacing: 0rem!important;display: block;margin-bottom: 15px;
}
.swiper-container.merci {
		width: 100%;
     /*background: url(../img2020/bg22.jpg);
			
		background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;*/
		width:100%; min-height: 400px; display:block; position: relative;z-index: 0!important;top:-1px;margin-bottom:-1px;
    }
    .swiper-slide {background: #fff;
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		justify-content: start;
		/*background: transparent!important;
		 align-items: center;
  justify-content: center;
		*/		
		
    }

/*************slides index*************/

.swiper-slide.slide1 {
    /*background: url(../img2020/affiche-marathon-royan-nouvelle-aquitaine-2023-2.jpg);*/
	background: url(../img2020/affiche-marathon-royan-nouvelle-aquitaine-2023-3.jpg);
	background-size:  cover;
		background-position:  bottom  center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide2 {
    background: url(../img2020/tech-innov-fabricant-portails-charente-maritime-52.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}

.swiper-slide.slide3 {
    background: url(../img2020/tech-innov-fabricant-portails-charente-maritime-53.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide4 {
    background: url(../img2020/tech-innov-fabricant-portails-charente-maritime-54.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide5 {
    background: url(../img2020/tech-innov-fabricant-portails-charente-maritime-65.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
/************slides jeux**************/
.swiper-slide.slide6 {
    background: url(../images/slide2/marathon-royan-cote-de-beaute-8bis.jpg);
		
}
.swiper-slide.slide7 {
    background: url(../images/slide2/marathon-royan-cote-de-beaute-12bis.jpg);
		
}
.swiper-slide.slide8 {
   /* background: url(../images/slide2/marathon-royan-cote-de-beaute-7bis.jpg);*/
	background: url(../images/slide2/marathon-royan-cote-de-beaute-6bis.jpg);
}
.swiper-slide.slide9 {
    background: url(../images/slide2/marathon-royan-cote-de-beaute-14bis.jpg);
		
}
.swiper-slide.slide10 {
    background: url(../images/slide2/bandeau8.jpg);
		
}
.swiper-slide.slide11 {
     background: url(../images/slide2/marathon-7.jpg);
		
}
.swiper-slide.slide12 {
     /*background: url(../images/slide2/marathon-5bis.jpg);*/
	background: url(../images/slide2/marathon-5ter.jpg);
		
}
.swiper-slide.slide13 {
    background: url(../images/marathon-royan-12.jpg);
		
}
.swiper-slide.slide14 {
   /* background: url(../images/slide2/marathon-royan-cote-de-beaute-13.jpg);*/
	background: url(../images/slide2/marathon-royan-cote-de-beaute-13bis.jpg);	
}
.swiper-slide.slide15 {
    background: url(../images/slide2/marathon-9bis.jpg);
		
}
.swiper-slide.slide16 {
    background: url(../images/slide2/marathon-royan-cote-de-beaute-16.jpg);
}
.swiper-slide.slide20 {
    background: url(../images/slide2/marathon-32bis.jpg);
}
.swiper-slide.slide21 {
    /* background: url(../images/slide2/marathon-28bis.jpg); */
    background: url(../images/slide2/marathon-28ter.jpg);
}
.swiper-slide.slide23 {
    background: url(../images/slide2/port_plaisance_b.renu.jpg);
}

.swiper-slide.slide24 {
    background: url(../img/village-marathon.jpg);
}

/************situation******************/


/************slides jeux**************/

.swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3,  .swiper-slide.slide3bis, .swiper-slide.slide3quad, .swiper-slide.slide4, .swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide7, .swiper-slide.slide8,  .swiper-slide.slide9,  .swiper-slide.slide10,  .swiper-slide.slide11, .swiper-slide.slide12, .swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15, .swiper-slide.slide16, .swiper-slide.slide17, .swiper-slide.slide18, .swiper-slide.slide19, .swiper-slide.slide20, .swiper-slide.slide21, .swiper-slide.slide22, .swiper-slide.slide23, .swiper-slide.slide24, .swiper-slide.slide25, .swiper-slide.slide26, .swiper-slide.slide27, .swiper-slide.slide28, .swiper-slide.slide29, .swiper-slide.slide30, .swiper-slide.slide31, .swiper-slide.slide32, .swiper-slide.slide33, .swiper-slide.slide34, .swiper-slide.slide35{/*background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;*/
		width:100%; min-height: 100vh;	}
.swiper-slide.slideA, .swiper-slide.slideSURPRESSEUR, .swiper-slide.slideB, .swiper-slide.slideC, .swiper-slide.slideD, .swiper-slide.slideE, .swiper-slide.slideF, .swiper-slide.slideG, .swiper-slide.slideH, .swiper-slide.slideI, .swiper-slide.slideJ, .swiper-slide.slideDTL, .swiper-slide.slideDO11, .swiper-slide.slideINDEXAGE, .swiper-slide.slidePRESSE, .swiper-slide.slideDETECTION {
		width:100%; min-height: 75vh;	}
 /*.swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 209px;	}*/
#nain .swiper-slide.slide1, #nain  .swiper-slide.slide2, #nain  .swiper-slide.slide3, #nain .swiper-slide.slide3bis, #nain  .swiper-slide.slide4, #nain .swiper-slide.slide5, #nain .swiper-slide.slide6, #nain .swiper-slide.slide7, #nain .swiper-slide.slide8,  #nain .swiper-slide.slide9, #nain .swiper-slide.slide10, #nain .swiper-slide.slide11, #nain .swiper-slide.slide12, #nain .swiper-slide.slide13, #nain .swiper-slide.slide14, #nain .swiper-slide.slide15, #nain .swiper-slide.slide16, #nain .swiper-slide.slide17, #nain .swiper-slide.slide18, #nain .swiper-slide.slide19, #nain .swiper-slide.slide20, #nain .swiper-slide.slide21, #nain .swiper-slide.slide22, #nain .swiper-slide.slide23, #nain .swiper-slide.slide24, #nain .swiper-slide.slide25, #nain .swiper-slide.slide26, #nain .swiper-slide.slide27, #nain .swiper-slide.slide28, #nain .swiper-slide.slide29, #nain .swiper-slide.slide30, #nain .swiper-slide.slide31, #nain .swiper-slide.slide32, #nain .swiper-slide.slide33, #nain .swiper-slide.slide34, #nain .swiper-slide.slide35{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 410px!important;	}

@media (max-width: 1750px){
.btn.resa.resultats em, .btn.resa.inscris em, .btn.resa.benevole em{display:none;}
	.btn.resa.inscris{left:335px;}
	}


@media (max-width: 767px){
.swiper-slide.slide1 {
    /*background: url(../img2020/affiche-marathon-royan-nouvelle-aquitaine-2023-2.jpg);*/
	background: url(../img2020/affiche-marathon-royan-nouvelle-aquitaine-2023-3.jpg);
	background-size:  cover;
		background-position:  bottom  right -230px;
		background-repeat: no-repeat; }
	
}

	.swiper-slide .blocTexte {
      /* position:absolute;
		top:0px;
		left:70px;height:100%;*/
			width:50%;
			min-width: 320px;
			/*min-height:320px;*/
		/*height:380px!important;*/
				margin-left:auto;	margin-right:auto;	
			/*background: rgba(48,173,99,0.50)!important;*/
		background: rgba(255,255,255,0.60)!important;
			/*background: #e04f34!important;*/
			padding:20px 20px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
		-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
			
    }
.swiper-slide .blocTexte2 {
			width:100%;max-width: 900px;
			min-width: 390px;height: 370px;
					margin:auto auto auto auto;	
	background: rgba(0,0,0,0.00);
			padding:20px 30px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
		display:flex;flex-direction: column;
    }
.alpha {
    background:rgba(5,113,185,0.70);
	display:flex;width:100%;height:inherit;position:absolute;top:0px;left:0;z-index:10;
}
.alphasemi {
    background:rgba(141,198,63,0.70);
}
.alpha10km {
    background:rgba(255,214,2,0.70);
}
.alphaenfants {
    background:rgba(224,90,10,0.70);
}
.un h2, .containerparallax h2 , .alpha h2, .alpha h1 {display: block; color:#fff!important; font-size:1.2rem;  font-family: "montserrat-alternates", sans serif;font-style: normal;;	height:auto;  text-transform: uppercase;
margin:70px auto 0 auto;text-align: center;	
}
.alpha h2 em, .alpha h1 em{color:#fff;font-family: "montserrat-alternates", sans-serif;font-size:4.7rem;text-transform: uppercase;font-weight:900;/*text-shadow: 4px 4px 0 #FFFFFF;*/font-style: normal;display:block;}
.alpha img {filter: brightness(100);margin-top:-15px;max-width:300px;}

.un h2 span, .containerparallax h2 span, .alpha h2 span, .alpha h1 span {font-size:3.5rem;line-height:3.3rem;  font-family: 'flood-std',  sans-serif;letter-spacing: 0.0rem!important;	text-transform: none!important;display:block;
}
.gamme .blocTexte2 {
			width:100%;height: 240px;
					margin: 0px auto;	
			background: #262626!important;
			padding:20px 30px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
		display:flex;	margin:-70px auto 100px auto;
    }
.swiper-slide .blocTexte2 h1, .swiper-slide .blocTexte2 h2, .gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {
color:#000;font-family: "montserrat-alternates", sans-serif;font-size:4.7rem;text-transform: uppercase;font-weight:900;text-shadow: 4px 4px 0 #FFFFFF;
    }
swiper-slide .blocTexte2 h1 sup, .swiper-slide .blocTexte2 h2 sup{top: -0.9em;font-size: .5em;}
.gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {
width:450px;height:inherit;align-items: center;
  justify-content: center;	
		display:flex;flex-direction:column;
    }
.swiper-slide .blocTexte2 h1 em, .swiper-slide .blocTexte2 h2 em, .gamme .blocTexte2 h1 em, .gamme .blocTexte2 h2 em {font-weight: 500;letter-spacing: 0.5em;color: #000;font-family: "montserrat-alternates", sans-serif;font-size: 3rem;line-height: 3rem;font-style: normal;display: block;text-align: right;margin-top: -13px;margin-right: -20px;margin-bottom: -3px;}

.swiper-slide .blocTexte2 h3 {font-weight: 500;
    letter-spacing: 0.27em!important;
    color: #000;
    font-family: "montserrat-alternates", sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-style: normal;
    text-align: center!important;
    display: block;
    padding: 0px;
    margin: 0 auto -2px auto;}

.swiper-slide .blocTexte2 h1 span, .swiper-slide .blocTexte2 h2 span, .gamme .blocTexte2 h1 span, .gamme .blocTexte2 h2 span {color:#000;font-family: "flood-std", sans-serif;font-size:2.45rem;font-style: normal;
	margin: 0px auto -10px auto;}
.gamme .blocTexte2.bis{padding: 0px 0px 0px 30px;box-sizing: border-box;overflow:hidden;margin: -70px auto 50px auto;}
.gamme .blocTexte2.bis h5 {
color:#fff;font-family: "montserrat-alternates", sans-serif;font-size:2rem;text-transform: none;
	    width: 50%;
    /*height: inherit;*/align-items: start;
    justify-content: center;
    display: flex;
    flex-direction: column;height:247px;
    background: #c43f2c;padding:30px;
    }
.gamme .blocTexte2.bis h5 span{    font-family: "flood-std", sans-serif;
    font-weight: 200;
    font-size: 4.0rem;
    font-style: normal;
    text-shadow: none;
    margin: -10px auto -13px 0px}
.gamme .blocTexte2.bis h1 {
    width: 50%;
    height: inherit;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.swiper-slide .blocTextemerci {
       position:absolute;
		top:120px;
		left:90px;
			/*width:35%;*/
			width: 400px;				
			
	background: rgba(0,76,76,0.80)!important;
	/*background: rgba(171,156,143,0.80)!important;*/
			padding:15px 20px 15px 20px;
	border:2px dotted #4f83b1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    }
.swiper-slide .blocTexte .btn {
    /*   position:absolute;
	bottom:50px; 
		left: 50%;
  transform: translateX(-50%);*/
		
    }
.swiper-slide .pslide{display: block!important;position:relative!important;margin:0px auto;}
    .swiper-slide .title, .swiper-slide h1.title{
        font-size: 2.1rem;
        font-weight: 100;
		line-height: 2.3rem;
		text-align: left;
		/*color:#afa69f!important;*/
		color:#666fff;
		text-shadow: 0 2px 5px #666666;
		
		font-family: 'Verveine', sans-serif!important;
    }
    .swiper-slide .subtitle {margin-top:10px;
        font-size: 1.5rem;
		line-height: 1.5rem;
		text-align: left;
		font-family: 'Lato', sans-serif;
		color:#666!important;
    }
/*
.swiper-slide .subtitle::after{
	content: "";
    display: block;
	margin:10px auto 10px auto;
    width: 100%;
    border-bottom:1px dashed #666666;
	border-color:inherit;
	
}*/
    .swiper-slide .text p{
        font-size: 1.2rem;
        line-height: 1.4rem;
		text-align: left;
		font-weight: 400;
		color:#666!important;
    }

		.swiper-pagination-bullet {
  width: 20px!important;
  height: 20px!important;
  display: inline-block;
  border-radius: 50%;
 background: rgba(255,255,255,0.60)!important;
  opacity: 1.0;
	vertical-align: middle!important;
	font-size:1.0rem!important;
			line-height: 25px;
			color:#666!important;
			border-radius:50%;
			/*border:3px solid #fff;*/
}
.swiper-pagination.jeux {
  margin-bottom:-50px;
}


.swiper-pagination-bullet-active {
  opacity: 1;
  
	background: #262626!important;
}

.swiper-button-prev,
.swiper-button-next {
 /*background-color: #e04f34;*/
	background-color: transparent;padding:30px 25px!important;
} 
.swiper-button-next {
 right:0px
}
.swiper-button-prev{left:0px;}

/***********************/

/*--------------------------------- partie FR---------------------------- */
.introG {
		
		width:100%; min-height: 100vh;  float:none; display: flex; 
		z-index:1;
	}
	
	.introG .fr { margin: auto;width:75%; text-align:center;background:rgba(255,255,255,0.60);padding:10px 30px 30px 30px;text-align: center;	
		
	}
.introG .fr p {text-align: center; font-family: "montserrat-alternates", sans-serif;color:#000000;	font-weight: 100;
		
	}
.introG .fr p span{text-align: center; font-family: "montserrat-alternates", sans-serif;color:#666666;	font-weight: 100; font-style: italic;
		
	}
.introG .fr h2 {font-family: "flood-std", sans-serif;}
.introG .fr h3 {font-family: "flood-std", sans-serif;}
.ligne2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 10%;
    background-color: #222222;
    height: 1px;	
}
	
	.introG .fr img {float: left; margin-right:10px;margin-top:-5px;margin-left:-10px;	}



/*****************************************ACTUS****************************************/
/**************************************************************************/
.button.b-close {border-radius: 7px 7px 7px 7px;
box-shadow: none;
font: bold 131% sans-serif;
padding: 0 6px 2px;
position: absolute;
right: 0px;
top: -7px;}

.button {
background-color: #494949;
border-radius: 10px;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: none;
}

#actu
{background:rgba(255,255,255,1.00) ;
color: #111;
display: none;
width: 30%;
min-width: 280px;
	height:auto; min-height:500px;
padding: 25px 20px;}





#actu h2 {color:#fd4f00; font-size:2.2em;  font-family: 'flood-std', sans-serif Times New Roman, serif;font-style: normal; text-align: center;	
}
#actu h2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 50%;
    background-color: #fd4f00;
    height: 1px;	
}
#actu p {color : #666666;}





/*******************************************MEDIA QUERRIES********************************/

/*
@media (max-width: 1092px) {
	  #menu ul li a{padding : 0 15px!important; letter-spacing: 0.2em!important; }
	#menu .boutique a{display:block;text-align:right;}
	#menu .boutique {width:210px}
	.leLogo h3 span.huitre {display: none;}
	.leLogo img {margin: 0px auto -4px auto;}
	.don h2 {
    font-size: 6rem;
    line-height: 4rem;
    padding: 130px 90px 50px 90px;
}
}*/
@media (max-width: 1280px) {
.partenaires .centrage {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

	.wrapperG {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
}

@media (max-width: 1200px) {
.btn.resa.resultats{display:none;}
.btn.resa.inscris{left:60px;}
}


@media (max-width: 991px) {
	.btn.resa.inscris{left:4px;}
	#menu .sociaux {top: 70px;}
	img.label {
    max-width: 100%;
    height: auto;
    margin-top: 0px;
}
	
	.gamme .blocTexte2.bis h5 span { font-size: 2.8rem;line-height: 2rem;margin: -10px auto 10px 0px;}
	.gamme .blocTexte2.bis h5 {font-size: 1.5rem;}
	.cadre5bis {width: 100%;padding: 0px 30px 0px 30p;margin-top: 30px;}
	#bas h3 {
    color: #ffffff;
    font-size: 0.8em;
    line-height: 2.2em;
    letter-spacing: 0.2em;
    font-family: "montserrat-alternates", Arial, sans serif;
    padding: 0px 20px 0px 20px;
    text-align: center;
}
	#bas h2 {
    color: #c43f2c;
    font-size: 1.2em;
    text-align: center;
}
	#bas h2 span {
    color: #c43f2c;
    font-size: 1.2rem!important;
    text-align: center;
    font-weight: 100;
    padding: 0px 20px 15px 0;
}
	#bas .suivez {display:none;
    text-align: left;
    margin-left: -72px;
    margin-right: 30px;
}
	.cadre5bis h4 i {
    margin-top: 0px;
    float: none;
    margin-bottom: 1px;
    margin-right: 10px;
    display: block;
}
	.cadre5bis h4 i::before {
    float: left;
    margin-right: 13px;
    margin-bottom: 0px;
}
	#menu2{display:none;}

	.undeuxtrois img, .undeuxtrois i {
    margin-bottom: 10px;
    margin-top: -60px;
    position: relative;
}

	.voletfacebook {position: absolute;}

	#sousMenu2 {   
    margin-top: 0px;
    padding-top: 10px; 
		display:none;
}
	#content.main-content2 {
    margin: 0px 0 0 0;
    padding-top: 70px;
}
	

	.wrapper{
  top: 20%; /* poussé de la moitié de hauteur du référent */
 
}
	
	
/*
#menu.fixNavigation .leLogo{
top:40px!important;

 }*/
	#menu.fixNavigation .navbar ul {
    height: 50px;
    list-style-type: none;
    text-align: center;
    margin-top: 17px;
}
/*#menu {width : 100%; height : 100px; margin-top : 0; position: fixed; padding:0!important;}*/
	



	
	 #menu ul { height : auto!important; list-style-type : none; text-align: center; background: rgba(171,192,186,1.00);
	/*margin-top: 20px;margin-bottom: -20px!important;*/}
	#menu ul li {height :auto;line-height: normal;}
     	
      #menu ul li a{display : block;height : inherit; padding : 20px 30px; color : #fff!important; font-family : "montserrat-alternates", Arial, sans serif; font-size : 0.8em; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; }
#menu .navbar ul {
   
    list-style-type: none;
    text-align: center;
    margin-top: 17px;
	/* height: 50px;height: 100vh!important;*/
}
	 #menu .navbar ul li a {font-size : 0.8rem;height:60px; }
	
	      #menu .navbar ul li a:hover {color : #000; text-decoration: none;background : rgba(171,192,186,0.0);
-webkit-transition: all 0.4s; 
    transition: all 0.4s; border-bottom:none;}

	

	.navbar-toggler {
    margin-top: 35px;
    margin-left: 10px;
    margin-bottom: -10px; 
    border-radius: 50%!important;
   border:2px solid #262626!important;
    width: 58px!important;
    height: 58px!important;
		z-index: 1000!important;
}
/*	
.swiper-container {
   
    margin-top: 100px;
}	*/
	#alphabet {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 100px;
    background: rgba(171,192,186,1.0);
    text-align: center;
    padding: 15px;
    z-index: 1;
}
	#alphabet.fixMenu{
	position:fixed;
  	top:0px!important;  
-webkit-box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5);
box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5);
}
	.contenu4{padding-top:100px;}
	
}
@media (max-width: 850px) {
	.sousTitre span, .boutique span{display:none;}
	.fixNavigation .sousTitre a span {display: none;}
	/*.sousTitre {width:30px;}
	#menu .boutique {width:30px;}*/
}
@media (max-width: 767px) {
	#Tarifs ul.inscription, .cadre5bis ul.inscription {padding-top: 20px;padding-left: 15px;padding-right: 15px;}
	.gamme .activites .cadre5bis h2 {margin-bottom: 15px;}
	.activites img.running, .gamme img.running{width:100%;height:auto;max-width:250px;}
	.alpha h2 em, .alpha h1 em {font-size: 3.0rem;}
	.paddingL50{padding-left:15px;}
	img.affiche{margin: 0px auto 30px auto;max-width: 500px;width: 100%;display: block;}
	ul.description li a i.breizh {display: inline-block;margin: -30px auto 0px 0px;}
	.swiper-slide .blocTexte2 h1 em, .swiper-slide .blocTexte2 h2 em, .gamme .blocTexte2 h1 em, .gamme .blocTexte2 h2 em {text-align: center;}
	ul.description {padding-top: 0px;}
	ul.description li a i {margin-top: -10px;margin-bottom: -20px;}
	ul.description li a img {margin:0px auto 0px auto;display:block;}
	.wrapperG2 {padding: 0px 20px;}
	.leLogo img:nth-of-type(1) {max-width: 240px;}
	.leLogo img:nth-of-type(2) {max-width: 90px;margin-top: -49px;margin-left: -20px;}
	.swiper-slide .blocTexte2 h3 {letter-spacing: 0.0em!important;}
	.swiper-slide .blocTexte2 h1, .swiper-slide .blocTexte2 h2, .gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {
    font-size: 3.7rem;text-shadow: 4px 4px 0 #FFFFFF;}
	#bas img {margin: 10px auto 20px auto;height: auto;max-width: 100%;}
	
.swiper-slide .blocTexte2 h1 span, .swiper-slide .blocTexte2 h2 span, .gamme .blocTexte2 h1 span, .gamme .blocTexte2 h2 span {font-size: 2.0rem;}
	
	.gamme .blocTexte2.bis {margin: -70px auto 0px auto;}
	.separation140 {padding-bottom: 30px;width: 100%;}
	.separation70 {padding-bottom: 0px; width: 100%;}
	.photogris {margin-top: 70px;}
	.photoorange{margin-top: 30px;margin-bottom: 70px;}
	.gamme .activites h2 {margin-bottom: 50px;}
.enfants.alouettes .picto h2, .enfants.mouettes .picto h2, .enfants.goeland .picto h2, .enfants.albatros .picto h2, .enfants.herons .picto h2{margin-bottom: 25px;}
.gamme .blocTexte2 {
    width: 100%;
    height: 240px;
    margin: 0px auto;
    background: #262626!important;
    padding: 20px 30px;
    margin: -70px auto 30px auto;
}
	.margecadre5bis {
    margin: 40px auto 0px auto!important;
}
	.gamme .cadre5bis img {
    max-width: 190px;top: -30px;
}
	.cadre5bis {
    height:auto;
}

	.triangleD, .triangleG {
    display:none;
}

	/*.line {	stroke: red;}*/
	#bas {
    border-left: 0px solid #c43f2c;
}
	.gamme h4 {
    margin-top: 20px;
}

	.photoencart {
    position: relative;
    padding: 70px 130px 70px 70px;
    height: auto;
    margin-bottom: -1px;
    box-sizing: content-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
	.photoencart .cadre p {
    font-size: 1.0rem;
    line-height: 1.3rem;
    font-weight: 100;
    color: #fff;
    font-family: "montserrat-alternates", sans-serif;
    text-align: left;
}
	.photoencart .cadre {
    background: #262626;
    padding: 30px 30px;
    max-width: 350px;
    display: block;
    position: absolute;
    top: 40%;
    left: auto;
    right: 0;
    box-sizing: border-box;
}
	.photoencart .cadre h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    font-family: "montserrat-alternates", sans-serif;
    text-transform: none;
    font-weight: 500;
}
	.gamme .centrageFlex img {
    max-height: 110px;
    margin: 10px auto;
    display: block;
    height: auto;
    max-width: 250px;
}

	#menu .navbar ul li.liensup{display:block}
	
	.don h2 {
    font-size: 6rem;
    line-height: 4rem;
    padding: 50px 80px 50px 80px;
}
	
		#alphabet {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 0px;
    background: rgba(171,192,186,1.0);
    text-align: center;
    padding: 15px;
    z-index: 1;
}
	#alphabet.fixMenu{
	position:fixed;
  	top:0px!important;  
-webkit-box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5);
box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5);
}
	.contenu4{padding-top:20px;}
	
	
	.gestionMarge {padding-top:0px !important;	}

	/*
		.swiper-container {
    margin-top: -2px;
}
	#menu {position: relative!important; }
	.fixNavigation{
top:0px;
 position: relative !important;
	-webkit-transition: all 0.0s; 
    transition: all 0.0s;	
 background: rgba(255,255,255,1.00)!important;

 }*/
.trois {
		background: rgba(255,255,255,0.00);
		width:100%; height: auto!important; min-height: 100vh; display:block; position: relative;
		overflow: visible;padding-top:50px;padding-bottom:50px;
	}
	.trois #description{display: block;position: relative;}
	
	.trois .flecheDown{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */
  bottom: 50px; left: 10%; 
  transform: translateX(-50%); 
}
	
	.wrapper2 {max-width:970px; width:100%; height : auto; 
	 position: relative;
  display:block;padding-left: 10px;
    padding-right: 10px;
  }
	.pub {font-family: 'flood-std', sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%;
	padding-top:50px; width:350px; height:350px;border:7px dotted #fff;
  position: relative; /* 
  top: 45%; left: 50%; 
  transform: translate(-50%, -50%);*/
}
	

	#cinq .wrapper {max-width:970px; width:90%; height : auto; 
	 position: relative;
  display:block;padding-top:0px;
		top: 15%;
  }
	footer { position : relative; }	

	 .gamme .picto p { padding: 0px 20px;text-align: left;}
			 .gamme h1 {padding-left: 20px;}
			 #Parcours {padding: 20px 10px 50px 10px;}
			 h2.accordion-header button {font-size: 1.2rem;}
			 .gamme { padding-top: 50px;padding-bottom: 0px;}
	#sousMenu ul {display:none;}

}






@media (max-width: 650px) {
	.btn.resa.resultats, .btn.resa.inscris {position: relative;}
	.btn.resa.resultats {display: inline-block;left:5px;}
	#leLogo {margin: 10px auto 0px auto;}
	.swiper-slide .blocTexte2 {padding:20px 50px;}
	
	
	
	.photogris::after {right: -14px;}
	.photoorange::after {left: -14px;}
	.swiper-slide .blocTexte{width:80%;}
	
a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img {
    transform: scale(1.0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 300px;
    margin: 0px auto 20px auto;
    display: block;
}

	.don h2 {
    font-size: 5.5rem;
    line-height: 4rem;
    padding: 50px 30px 50px 30px;
}
	.trois .flecheDown{display:none; }
	
	.swiper-pagination, .swiper-button-next, .swiper-button-prev{display: none!important;}
  .wrapper2 {top: 10%;} 
	#menu.fixNavigation .btn.resa.resultats, #menu.fixNavigation .btn.resa.inscris, #menu.fixNavigation .btn.resa.benevole {display: none;}
}


@media (max-width: 615px) {
	#menu .boutique, #menu.fixNavigation .boutique {display:none;}
	.sousTitre {width: 60px;padding: 15px 13px 0px 13px;}
	#menu.fixNavigation .sousTitre {
    padding: 15px 15px 0px 15px;
    text-align: left;
    display: block;
    width: 100px;
}
	/*#menu.fixNavigation .sousTitre {display: none;}
#menu.fixNavigation	#leLogo {
    position: relative;
    margin: 0px auto 0px 70px;
    display: block;
    width: 225px;
    height: 100px;
}*/
	
	.gamme .activites .paddingLink h3 {font-size: 1.5rem;text-align: center;}
	.gamme .activites .paddingLink a.link figcaption .btn.resa{margin-top:5px;}
	.gamme .btn.resa {margin-top: 20px;}
	a.link figcaption p, a.link:hover figcaption p {font-size: 0.8rem;line-height: 1.0rem;letter-spacing: 0.1rem;}
.fixNavigation #leLogo {margin: -5px auto 0px auto;width: 100%;padding-left: 0px;}
	#menu.fixNavigation .leLogo {width: 250px;margin-top: -6px;margin-left: auto;margin-right: auto;}
	}

/*
@media (max-width: 595px) {

.un h2 span, .containerparallax h2 span {font-size: 3rem; margin-bottom: -40px;  }
	#menu .sociaux {width: 65px;}
	
		.un h2, .containerparallax h2 { 
margin:40px auto 0 auto;	
letter-spacing: 0.0rem!important;	
}
.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.5rem;margin-top:10px;
	line-height: 2.5rem!important;}
	.swiper-container {margin-top: 100px;}
	.swiper-container h1, .swiper-container h2, .swiper-slide h2 {letter-spacing: 0.1rem;font-size: 0.8rem;}

.partenaires h3, .gamme h3 {font-size: 1.5rem;line-height: 1.8rem;}
	.gamme {padding-top: 30px;}
	.partenaires h3::after, .gamme h3::after {margin-bottom: 20px;}
	.paddingL30 {padding-left: 15px;}
	
	.paddingB50 {padding: 0px 0px 20px 0px;}
	
	.cadre5ter h4 {font-size: 1.2rem;}
	.cadre5ter h4 i::before, .cadre5bis h4 i::before {margin-right: 10px; margin-bottom: -10px;}
	.cadre5bis {padding: 10px 20px 20px 20px;}
	.cadre5bis h4 i { margin-top: 0px;margin-bottom: 5px; margin-right: 0px;}
	
	.wrapperG { width: 100%; padding: 0px 20px;}
	.partenaires {padding: 20px 0px 50px 0px;}
	.partenaires .fournisseurs img { max-height: 100px; margin: 5px 0px;padding: 0px 10px; max-width: 180px;}
	.gamme { padding-left: 0px;padding-right: 0px;}
	.partenaires img {
    max-height: 1000px;
    height: auto;
    padding: 0px 10px;
    max-width: 150px;
    margin: 10px auto;}
	
	.swiper-slide.slide1 {
		background-position:  top left, center right -150px!important;

}
.swiper-slide.slide2 {
		background-position:  top left, center left -220px!important;
}

.swiper-slide.slide3 {
		background-position:  top left, center right -100px!important;
}
	.gamme .blocTexte2.bis {
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    overflow: hidden;
    margin: -29px auto 0px auto;height:240px;
}
	
}*/

@media (max-width: 575px) {
	.gamme h2 span:before, .fondjaune h2 span:before {
    font-family: "montserrat-alternates", sans-serif;
    content: '.';
    margin: 0px 10px 0px 0px;}
	.paddingT50 {padding: 20px 0px 0px 0px;}	
	.gamme h2 span {font-size: 1.4rem;}
	.gamme.fond8 {
    background: #fff;
    background-size: contain;
    background-position: top 55px right;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
	.enfants {padding: 0px 0px 30px 0px;}
	#Row h3 {font-size: 1.0rem;margin-top: 5px;margin-bottom: 1px;display:block;}
	.descriptionUn ul li, .descriptionUn ul li a {font-size: 0.9rem;line-height: 1.3rem;}	
	
	.accordion-body .carre4bis {
    background: transparent;
    border: 0px dotted #04355d;
    border-radius: 20px;
    margin: 5px 0px;
    padding: 20px 0px 0px 0px!important;
    margin-top: 30px;
}
	.accordion-body .carre4bis h2 i {margin-left: auto;margin-right: auto;}

	
	.gamme .accordion-body h2 {font-size: 2.0rem;}
	 .gamme .accordion-body h2 span{font-size: 1.5rem;}
	 .gamme .accordion-body .carre4bis h3 {font-size: 1.4rem;line-height: 1.6rem;text-align: center;}
	.gamme .activites .accordion-body h2 {margin-bottom: 20px;}
	/*.gamme .activites .accordion-body h2 i {display:none;}*/
	.gamme .btn.resa.options {padding: 15px 20px 15px 10px;letter-spacing: 0.0em!important;}
	a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img { max-width: 100%;}
	#map.padding30{padding:0px;}
	.wrapperG.accordeon {padding-left: 15px!important;padding-right: 15px!important;}
	.faceb {top: 180px;}
	.gamme .picto p {padding: 0px 15px;text-align: left;}
	.gamme.fond4 {
    background: #fff;
}
	.picto .col-xs-4{flex: 0 0 auto;width: 33.33333333%;padding-right: 0px;padding-left: 0px;}
	.gamme h1 {font-size: 1.7rem;margin-bottom: 20px;padding-left: 20px;word-wrap: break-word!important;
    white-space: normal;}
.paddingLink {max-width: 350px; margin: 0px auto 20px auto;}
	#bas {padding: 40px 20px 0px 20px;}
	#bas ul, #bas a, #bas p, #bas p a.titre  {text-align: center;}
	#bas p, #bas p a.titre {margin-bottom: 5px;margin-top: 10px;}
	#bas h3 span {line-height: 1.2rem;}
	#bas h3 {padding: 0px 5px 0px 5px;}
	#bas a i, #bas span i {font-size: 2.5em!important;margin-right: 5px;margin-left: 5px;}
	#decompte {height: 65px;width: 320px;padding: 15px 0px 5px 0px;top: 100vh;margin-top: -65px;}
	#decompte input{font-size: 1.8rem;width: 320px!important;}
	.gamme.gamme1 {padding-top: 15px;padding-bottom: 15px;}
	.swiper-slide .blocTexte2 h1 em, .swiper-slide .blocTexte2 h2 em, .gamme .blocTexte2 h1 em, .gamme .blocTexte2 h2 em {margin-top: -4px;margin-right: 0px;margin-bottom: 2px;}
	.blocTexte2 h1, .swiper-slide .blocTexte2 h2, .gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {font-size: 3.7rem;line-height: 3.7rem;}
	swiper-slide .blocTexte2 h1 sup, .swiper-slide .blocTexte2 h2 sup {top: -0.5em;}
	#leLogo {margin: 10px auto 0px auto;padding-left: 0px;width: 100%;}
	#menu .sociaux {display:none;}
	 .picto h4 {font-size: 1.3rem;}
		 .gamme .picto p {padding: 0px 10px;}
		 .gamme.marathon {padding-top: 40px;}
		 #Tarifs .wrapperG {padding-left: 10px;padding-right: 10px;}
		 #Infos {padding-top: 40px;}
		 h2.accordion-header button {font-size: 1.2rem;line-height: 1.5rem;}
		 #Tarifs .gamme .btn.resa.options i.fa-solid fa-utensils {display:block;}
}


@media (max-width: 565px) {
	 .carre4bis {padding: 20px 30px 20px 30px!important;}
.carre4bis ul {padding-left: 1rem;padding-top:10px;}
	.gamme .activites .paddingLink p {
    margin-bottom: 0px;
    margin-top: 15px;
}
	.photoencart .borderGorange{display:none;}
	.photoencart {
    padding: 0px 0px 70px 0px;
   
}
	.photoencart .borderGorange{display: none;}


	.leLogo {width: 100%;}
	/*#leLogo {width: 270px;height: 100px;}*/
	#menu {height: 90px;}
	.swiper-container {margin-top: 0px;}
.gamme .centrageFlex img {max-height: 1100px; margin: 0px auto; display: block; height: auto; max-width:100%;padding: 0px 10px;}
	.gamme .centrageFlex.partner img {
    max-height: 120px;
    margin: 10px auto 10px auto;
    padding: 0px 10px;
}
	.gamme h4.forme {
    margin-top: 0px;
    border-left: 40px solid #c43f2c;}
	ul.bold li, ul li {text-align: left;}
	.descriptionUn a i {color: #fff;font-size: 2.0rem;margin: 5px 8px;}
	#Tarifs .gamme .btn.resa.options {padding: 15px 25px 15px 10px;}
	table.tarifs td{display: block!important;}
}

 @media (max-width: 550px) {
	 .paddingB50 {padding: 0px 0px 20px 0px;}
	 .gamme h1 span {font-size: 1.6rem;line-height: 2rem; margin-top: -10px;}
	.abonnement iframe{min-height:700px;}
		    .abonnement .modal-content {padding: 10px 5px 20px 5px;}
	   .modal.abonnement {padding-left:5px;padding-right:0px;}
		  }
@media (max-width: 480px) {
	 
	.blocTexte2 h1, .swiper-slide .blocTexte2 h2, .gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {
    font-size: 3.2rem;line-height: 3.2rem;}
	.gamme.soixantedix {
    padding-bottom: 30px;
}
	.gamme .blocTexte2 {
    width: 100%;
    height: auto;
    padding: 20px 30px 20px 30px;
    margin: -30px auto 30px auto;
}
	.gamme .blocTexte2 h1 span, .gamme .blocTexte2 h2 span {
    font-size: 2.7rem;text-align: center;
    margin: 0px auto -10px auto;
}
	#Row h3 {
    margin-top: 5px;

}

	/*.leLogo {top: 14px;}	
	#menu .sociaux {width: 45px;}
	#leLogo {margin: 0px auto 0px 50px;width: 240px; height: auto;}*/
	/*#menu.fixNavigation .leLogo{top: 7px;}
	#menu.fixNavigation #leLogo {margin: 20px auto 0px 40px; width: 225px;height:auto;}
	#menu.fixNavigation .boutonMenu {right: -80px;}*/
	.photoencart .cadre {top: auto;bottom: 30px;}
	.gamme h2:after {
    margin: -10px -10px 10px auto;
	}
	.gamme h2 {font-size: 1.9rem; line-height: 2.2rem;}
.gamme {padding: 30px 0px 0px 0px;}
	.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.3rem;
    line-height: 2.3rem!important;   
}
	
	.partenaires img {
    max-height: 1000px;
    padding: 0px 10px;
    width: 130px;
		margin: 10px auto;}
	
.wrapperRelatifCentre{max-width:970px; width:90%; height : auto; position: relative;display:block;margin:30px auto!important; }

	#sectionJaune {
    padding: 20px 30px 50px 30px;
    height: 100vh;
    overflow-y: scroll;
}


	.leLogo h4 {display:none}
	.row.centrageFlex .paddingT50 {padding: 20px 30px 0px 30px;}
	.gamme h3{margin: 10px auto 0px auto;}
	.col-xs-12.col-sm-12.col-md-4.paddingL30{margin-bottom:15px;}
	.row.centrageFlexAAA .col-xs-12.col-sm-12.col-md-12.col-lg-12.paddingT50{padding: 20px 30px 0px 30px;}
	.embed-responsive{margin-bottom:15px;}
}
/*
@media (max-width: 410px) {
	#leLogo { margin: 0px auto 0px 50px; width: 210px; height: auto;}
	#menu.fixNavigation .sousTitre a:nth-of-type(2) {display: none;}
	#menu.fixNavigation .sousTitre {padding: 15px 15px 0px 15px;text-align: left;display: block;width: 50px;}
	#menu.fixNavigation #leLogo {margin: 3px auto 0px 40px;width: 225px;height: auto;}
}*/

@media (max-width: 420px) {
	.swiper-slide .blocTexte2 {min-width: 10px;}
	.gamme.gamme1 .btn.resa i{display:none;}
	.boutonMenu {top: 5px;left: 5px;right:auto;}
	.btn.resa.resultats {left: 70px;}
	.btn.resa.inscris {left: 75px;}
	.btn.resa.benevole {display:none;left:215px;}
	#sectionJaune {padding: 20px 30px 50px 70px;max-width: 350px;right: auto;left: 0px;}
	#sectionJaune.superMenu {right:auto;left:-350px;}
	/*.btn.resa.inscris {display:none}*/
	
	#instit img {width: 160px;height: auto;margin: 0px;}
	h2.colorGold span, h2.colorSylver span, h2.colorBronze span {font-size: 2.2rem;letter-spacing: 0;}
	h2.colorGold, h2.colorSylver, h2.colorBronze {width: 100%;font-size: 1.5rem;letter-spacing: 0.0em;margin: 20px auto 20px auto;}
	#bas img {margin: 20px auto 20px auto;height: auto;max-width: 100%;}
}

@media (max-width: 380px) {
	.btn.resa.resultats, .btn.resa.inscris, .btn.resa.benevole {padding: 10px 7px 12px 7px;}
	.btn.resa.benevole {display: none;left: 195px;}
	.gamme .blocTexte2.bis h5 {padding: 10px;}
	.gamme .blocTexte2.bis {padding: 0px 0px 0px 0px;margin: -29px auto 0px auto;}
	.swiper-slide .blocTexte {
    width: 50%;
    min-width: 320px;
    /* min-height: 320px; */
    /* height: 380px!important; */
		margin-top: 0px;}
	a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img {
    transform: scale(1.0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 100%;
    margin: 0px auto 20px auto;
    display: block;
}
	.photoencart img {
    max-width: 600px;
    width: 100%;
    height: auto;
    min-width: 100px;
    position: relative;
}
	.photoencart .cadre {
    background: #262626;
    padding: 30px 30px;
    max-width: 100%;
    display: block;
    position: relative;
    top: auto;
    bottom: 0px;
    left: auto;
    right: 0;
    box-sizing: border-box;
    border-top: 50px solid #c43f2c;
}

/*.sousTitre { border-radius: 0 0 30px 30px; text-align: center; display:block; width:100%; 
	position:relative; margin: 20px auto 0 auto;
}*/
	.pub {font-family: 'flood-std', sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%;
	padding-top:30px; width:300px; height:300px;border:7px dotted #fff;
  position: relative; 
}/*
leLogo h3{
	font-family: "flood-std", sans-serif;
	color:#262626;
	font-size:2.2rem;

}
	.leLogo {
    position: absolute;
	display:none;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 60px;
    padding: 0px!important; 
    z-index: 1;
    border: none!important;
    background: rgba(235,82,84,0.00);
    text-align: center;
}*/
	footer ul li {float: none; height : 30px; padding : 0 80px 0 20px;display: block!important;}
	footer.relatived-footer p {
    margin: 20px auto 10px auto;
    text-align: center;
    color: #ffffff;
}/*
	#menu .sociaux {width: 35px;}
	#leLogo {margin: 0px auto 0px 37px;width: 200px;height: auto;}
	#menu .sociaux a {margin: -23px 5px 0 5px;}
	#menu.fixNavigation .sociaux a {margin: -8px 5px 0 5px;}
	.boutonMenu {top: 20px; margin-left: -150px;}
	#menu.fixNavigation #leLogo {margin: 3px auto 0px 37px;width: 200px;height: auto;}*/

}

/******************


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
	    border-bottom: 100px solid #388c9e;
	position: relative;
	margin-top:140px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 3rem;
	background: rgba(0,0,0,0.20);
	padding:20px 30px 0px 30px;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item p {
  color:#eee;
}
.carousel-item h3 {
	
  font-size:2.8rem;
	
}
.carousel-item h3 span {
    font-family: 'Oswald', arial, sans-serif;
    font-size: 3.2rem;
     font-weight: 800; 
	position: relative;
  
}
.carousel-item h3 span sup {
    font-family: 'Oswald', arial, sans-serif;
    font-size: 0.5em;
     font-weight: 800;
	
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;

}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 640px) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/***********************Marthon***************************/


/************FIN Marathon*********************************/