/*---------------------------*\
		Nom du projet
\*---------------------------*/
/*---------------------------*\
	@author:
	@date:
	@compagny:
	@todo: 
\*---------------------------*/
/*---------------------------*\
		$base
\*---------------------------f

font-family: 'Birthstone', cursive
font-family: 'Birthstone', cursive;
font-family: 'montserrat', sans-serif;
font-family: 'Birthstone', cursive;
font-family: 'Birthstone', cursive;

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


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


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

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

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

font-family: poppins, sans-serif;
font-weight: 200;300;400;500;600;700;800;
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', 'Arial', sans-serif; color : #fff;}
h3 {margin:0px;}*/
a {text-decoration :none; outline : none;}
a, img {border : none;}
li, td, ul {font-family : 'montserrat', arial, sans-serif; font-size : 1em; color : #666; line-height : 16pt; text-align : justify; }
p{font-family : 'montserrat', arial, sans-serif; font-size : 0.9rem; color : #666; line-height : 1.3rem; text-align : justify; }

.mrg-center {margin-right: auto; margin-left: auto;}
.clear {clear: both;  margin:0; padding:0;height:0px;}
.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;
	overflow-x: hidden;}
#menu .navbar ul li.liensup{display:none}
.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;
}
.wrapperRelatif{max-width:970px; width:90%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
iframe#formulaire{width: 100%;
    border: none;
    overflow: hidden;
    height: 700px;
    background: transparent;
    padding: 0px!important;
  margin: 0px!important;}

	  @media (max-width: 875px) {
iframe#formulaire{height: 800px;}
}
	  @media (max-width: 680px) {
iframe#formulaire{height: 900px;}
}

h1 + h5{font-size: 1.10rem;margin-bottom: 30px;
        font-family: 'montserrat', sans serif;
    font-weight: 400;
    line-height: 1.3;
    color: #666;}
.height-fill {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.height-fill.encart {
    flex-direction: row;
}
 a img.sensorielle{max-width:600px;height:auto;width:100%;opacity: 1;transition: all ease-in-out .5s;}
	   a:hover img.sensorielle{opacity: 0.7;transition: all ease-in-out .5s;}
	   
	   em.tool{    display: block;
    margin: auto;
    background: rgba(0,0,0,0.70);
    padding: 77px 30px 30px 30px;
    position: absolute;width:220px;height:220px;border-radius: 50%;
    top: 48.5%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%)!important; /* décalage de 50% de sa propre taille */
		   color:#fff!important;text-align: center;text-transform: uppercase;font-style: normal;
    font-weight: 600;
    letter-spacing: 0.15em;
    font-size: 1rem;

}
.choisir {
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0px auto 0px auto;
}

.choisir .logo {
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    position: relative;margin:0px auto;
}
ol{margin-left:10px;}
.choisir .logo img{max-width:100%;height:auto;}
.choisir .title{text-transform: uppercase;font-size:2rem;line-height:1.9rem;color:#7f9c8e;margin-bottom:15px;}
.choisir .title b{font-weight:900;font-size:0.75em;}
.cta .button {
    background: #D3B173;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    transform: rotate(-4.16deg);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 32px;
    padding: 10px 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: 0.3s all ease;
}
.cta .button:hover {
    background: #7f9c8e;
	box-shadow:none;}

  a em.tool{opacity:0;transition: all ease-in-out .3s;}
	   a:hover em.tool{opacity:1;transition: all ease-in-out .3s; }
	  #audi{margin-top:20px;}
	 #hp{display:block;width:45px;padding:10px;color:#fff!important;background:#292b2c;border-radius:50%;cursor:pointer;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
	   font-family: 'Font Awesome 6 Free';
    font-weight: 900;		
		     -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
	   }
	   #hp::before{ content: "\f028";}
	   .couleur #hp::before{ content: "\f6a9";}
	   #bouton, #bouton2, #bouton3, #bouton4{ background:#94c5e1;outline: none!important;border:none!important;width:56px;padding:10px 15px 10px 10px;border-radius:50%;cursor:pointer;-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);}
	  
	  #bouton2{background:#87ac9f;}
	  #bouton3{background:#d2b42a;}
	  #bouton4{background:#93955a;}
	  
	 
	  
	  
	   #bouton:hover, #bouton2:hover, #bouton3:hover, #bouton4:hover{-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);background:#2d3d44;}
	  
	  #bouton:hover + span, #bouton2:hover + span, #bouton3:hover + span, #bouton4:hover + span{color:#2d3d44;}
	  
	   #bouton i, #bouton2 i, #bouton3 i, #bouton4 i{ color:#fff;font-size: 1.5rem;}
	   .couleur #hp, #bouton.couleur, .couleur #hp2, #bouton2.couleur, #bouton3.couleur, #bouton4.couleur{ background:red;}
	   
	  #hp:hover, #ancre:hover #hp{background:#7e9c8e;-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);}
	  i#hp {color:#fff!important;font-size:1.3rem;margin-right:5px!important;}
.gamme p.podcast span{
    color: #999;
    position: relative;
    z-index: 1;
	    font-family: 'Birthstone', cursive;
    text-decoration: none;
    margin-top: 7px;
    text-align: center;
    font-size: 1.8rem;display:block;
}
	  .gamme p.podcast{
    text-align: center;margin-top: -10px;
}
	   p.podcast.audio1 span {color: #94c5e1;}
	   p.podcast.audio2 span {color: #87ac9f;}
	   p.podcast.audio3 span {color: #d2b42a;}
	   p.podcast.audio4 span {color: #93955a;}
	  
	   p.podcast.audio2.bientot span, p.podcast.audio3.bientot span, p.podcast.audio4.bientot span{color: #bbb!important;cursor:not-allowed;}
	  p.podcast.audio2.bientot #bouton2, p.podcast.audio3.bientot #bouton3, p.podcast.audio4.bientot #bouton4{background: #bbb!important;cursor:not-allowed;}
@media (min-width: 1600px) {
.wrapperRelatif {
    max-width: 1100px;
    width: 90%;
}
}
@media (min-width: 1800px) {
.wrapperRelatif {
    max-width: 1400px;
    width: 90%;
}
}

p em img, figure em img{width:49%;height:auto;max-width:230px;margin:0px 10px 0px 10px;display:inline-block;}
/*figure {width: 100%!important;max-width: 100%!important;margin-left: auto!important;margin-right: auto!important;display: flex; align-items: center; justify-content: center;margin-left:auto;margin-right:auto;max-width: 100%;height: auto;}*/
figure em {text-align: center;display:block;}
figure img {display:block;position:relative;margin-left:auto;margin-right:auto;max-width: 100%;height: auto;border-radius: 0px;}

.video-container, figure.film {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;margin: 10px auto;
}
 
.video-container iframe,
.video-container object,
.video-container embed, figure.film iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 1200px) {
	p em img, figure em img {width: 45%;}
}
@media (max-width: 991px) {	
	p em img, figure em img {width: 42%;}
	}
@media (max-width: 767px) {
	p em img, figure em img {
    width: 45%;
    max-width: 320px;
    margin: 30px 10px 0px 10px;
}
}
@media (max-width: 354px){
	p em img, figure em img {
    width: 100%;max-width:100%;
    height: auto;
}
}
.wrapperG{max-width:1300px; 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 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 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: 'Birthstone', cursive!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; }


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: "Birthstone", cursive; 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;}
.paddingB20{padding-bottom: 20px;}
.paddingB30{padding-bottom: 30px;}
.paddingB50{padding-bottom: 50px;}
.paddingT50{padding-bottom: 0px;padding-top: 50px;}
.paddingB100{padding-bottom: 100px;}
.paddingB200{padding-bottom: 200px;}
.paddingT20{padding-bottom: 0px;padding-top: 20px;}
.paddingT50B50{padding-bottom: 50px;padding-top: 50px;}
.floatGauche{float:left;margin: 0 20px 0px 0;}
.floatDroite{float:right;margin: 0 0px 0px 20px;}
.actu h4{color:#666;text-transform: uppercase; }
.actu.actuindex hr{display:none;}
.actu h4 + h5{color:#7e9c8e;margin-bottom:15px;}
.actu h4 + h6{color: #7e9c8e;font-size: 1.25rem;margin-bottom:15px;}
.actu h4 + h5::before{content:"\f274";font-family: 'Font Awesome 6 Free';
  font-weight: 400; font-size:1.5rem;display:inline-block;margin-right: 5px;vertical-align: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.actu.annonces h4 + h5::before{content:"\f46c";font-family: 'Font Awesome 6 Free';
  font-weight: 900; font-size:1.5rem;display:inline-block;margin-right: 5px;vertical-align: 0px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.pub {font-family: 'Birthstone', cursive, 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 #7e9c8e; border-radius:5px;}
.damion{font-family: 'Birthstone', cursive;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; 
	background-attachment: fixed;
}

ul.saveurs li{clear:both;margin-bottom:0px;min-height: 57px;display:flex;align-items: center;
  justify-content: flex-start;}
ul.saveurs li img{    float: left;
    max-width: 40px;
    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: 290px;*/
	height:93%;
    width: 1px;
    border-left: 4px dotted #555;
    /* background: red; */
    top: 3px;
    left: 53px;}
.roue img{border-radius:50%;height:auto;width:100%;max-width:700px;display:block;position:relative;margin:40px auto 0px auto;}
.roue2 img{border-radius:50%;height:auto;width:100%;max-width:700px;display:block;position:relative;margin:-15px auto 0px auto;}
img.imgHuitre{width:100%;height:auto;max-width:500px;}
h2.titre{
	font-family: 'Birthstone', 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: 'Birthstone', cursive;}
.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: 20px 0px 50px 0px;
display: block;position: relative;}
.partenaires h3 {font-family: 'Birthstone', cursive;
font-size: 2.7rem;line-height: 2.7rem; color:#7e9c8e; text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:0px;margin-bottom: 20px; }

.partenaires img{
	max-height: 100px;
	padding:0px 20px;
	width:auto;
	margin:10px auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	 -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	opacity: 0.5;
}

.partenaires img:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	opacity: 1.0;
}

.animations img{
	margin:10px auto;
   
}
/****SROLLBAR***/

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


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

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

*::-webkit-scrollbar-thumb {
  background-color: #7e9c8e;
  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: #7e9c8e;
  stroke-width: 6;
  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: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
		.menu svg{width:45px;height:45px;}
	
/**********************************************/
.boutonMenu{position:absolute;top:55px;left: 39%;
    transform: translateX(-50%);/*position:relative;margin:0px auto 0px auto;width:45px;*/background:none;padding:0px;border-radius:50%;z-index:1000000000;border: 0px solid #000;}
@media (max-width: 1380px) {
.boutonMenu {left: 35%;}
}




.fixNavigation .boutonMenu{position:absolute;top:6px;left: 36%;}


/*

@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:120px;height:auto;}
.banniere-fdc img{width:100%;height:auto;display:block;}
/**********Menu Modal******/
.descriptionUn ul{list-style: none;margin-bottom:0px;padding-left:6px;}
.descriptionUn ul li, .descriptionUn ul li a{color:#666;text-align:left;font-size:0.7rem;font-family: 'montserrat';font-weight:400;line-height:0.7rem;padding:4px 0px;}
.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:0.8em;display:inline-block;/*transform:rotate(-17deg);*/margin-right: 5px;vertical-align: 0px;}
.descriptionUn ul li{margin-bottom:5px;}
.descriptionUn ul li a:hover{color:#7e9c8e;text-decoration: none;}
	#Row{min-height:90vh; height:auto;
  -webkit-transition: all 2s;transition: all 2s;
  /*display: flex;justify-content: center;align-items: center;*/box-sizing: border-box;overflow: auto;color:#333;}
#Row h3{font-family: 'montserrat';font-size:0.7rem;line-height:1.0rem;color:#7e9c8e;margin-top:0px;margin-bottom:0px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;}
#Row h3:hover{color:#666;}

#sectionJaune{width:100%;max-width:380px;min-height:100vh;padding:130px 20px 20px 20px;display:block;opacity:1.0;position:fixed;top:0px;left:0px;z-index:200;/*background: rgba(217,168,21,1.00);background:#7e9c8e;*/background:#fff;
	/*background: url(../images/fond_alphaAAA.png),  url(../img2020/fd2.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;*/
	/*background: rgb(3,124,185);
background: linear-gradient(180deg, rgba(3,124,185,1) 25%, rgba(105,198,226,1) 54%, rgba(161,209,172,1) 78%, rgba(151,212,231,1) 95%);*/
	-webkit-transition: left 0.5s;transition: left 0.5s;}
	   
	#sectionJaune.superMenu{width:100%;height:100vh;display:block;opacity:1.0;position:fixed;top:0px;left:-400px;z-index:200;-webkit-transition: left 0.5s;transition: left 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}

#sectionJaune.fix, #sectionJaune.fix.superMenu{padding:90px 20px 20px 20px;-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%;}


.card-header {
    padding: 10px 20px 0px 20px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0px solid rgba(0,0,0,.125);
}
.accordion, .card {
    background-color: transparent;width:100%;
}
.card-title {
    margin-bottom: 0.75rem;cursor:pointer;
}
.card{border: 0px solid rgba(0,0,0,.125);
    border-radius: 0.0rem;}
.accordion .card-header:after {margin-top: -15px;color:#7e9c8e;font-size: 0.8rem;font-weight: 100;}
	  .accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.accordion .card-header.noAfter.collapsed:after {
    /* symbol for "collapsed" panels */
    content: ""; 
}
a.card-title:hover, a.card-title:hover h3, a.card-title h3:hover {
    text-decoration: none!important;outline: none!important;border-bottom: none!important;
}
a.card-title h3 span{display:block;}
.accordion .card-header.noAfter.collapsed a h3 i{float: left;margin: 2px 5px 10px 0px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.accordion .card-header.noAfter.collapsed a:hover h3 i{float: left;margin: 2px 5px 10px 5px;-webkit-transition: all 0.2s;transition: all 0.2s;}
/*****LINK*******/
.paddingLink{padding-right: 0px!important;
    padding-left: 0px!important;background: rgba(0,0,0,0.80);}
 a.link {background: #000;position: relative;
    overflow: hidden;width:100%;height:auto;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(8,82,148,0.70);position:absolute;bottom:-60px;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:hover figcaption {background: rgba(8,82,148,0.80);bottom:0px;}

a.link figcaption h3 {color:#ffffff; font-family: 'Birthstone', cursive;margin-bottom:20px;font-size: 2.0rem;text-align:center;}
a.link figcaption p {color:#d4b173;text-transform: uppercase;font-family: 'montserrat', Arial, sans serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;}
/*---------------------------*\
/*****LINK*******/
.paddingLink{padding-right: 0px!important;
    padding-left: 0px!important;background: #8d6f4c;margin-bottom:20px}
 a.link {background: #8d6f4c;position: relative;
    overflow: hidden;width:100%;height:auto;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(137,162,147,0.70);position:absolute;bottom:-60px;paddinL: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:hover figcaption {background: rgba(0,0,0,0.80);bottom:0px;}
/**********************************************/
@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', sans serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #7e9c8e;
    text-align: left;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;}
.modal-content h2 span{font-family: 'Birthstone', cursive;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:30px auto 30px auto;width:100%;border-color:#999;}
/*****************table***********************/
table tr:nth-child(odd) { /*background-color: #eee;*/ 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;*/ background-color: #fff; }
table thead tr td{ /*background-color: #333;*/ padding:15px 10px;}
table thead tr td:nth-of-type(2) { background-color: #94c5e1;}
table thead tr td:nth-of-type(3) { background-color: #93955a;}
table thead tr td:nth-of-type(4) { background-color: #87ac9f;}
table thead tr td:nth-of-type(5) { background-color: #d2b42a;}
table thead tr td{ color:#333!important}
table thead tr td:first-child{ color:#333!important}
table td{text-align: center;font-size:0.8rem;}
table tr td:first-child { text-align: left}
table tbody tr td:first-child { /*background-color: #c3f3f5;*/background-color: #fff;}
table a {font-weight: 200;
    font-family: montserrat, sans-serif;background: #1e898f;
    color: #fff!important;padding:5px 20px;}
table a:hover {background: #e73440;}

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

@media (max-width: 450px){
	
	.contenu table td { display:block}
	.contenu table tr td:first-child { text-align: center; font-weight: 700;align-content: }
	.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.0rem;}
	.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;
    }


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

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

#menu { z-index: 500;position:relative;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: 101;position:relative;top:0px;}

#menu .sociaux{position:absolute;display: block; top:5px;left:10px;width:140px;height:auto;z-index: 1000;}
#menu .boutique{position:absolute;display: block; top:5px;right:10px;width:385px;height:auto;z-index: 1000;text-align: right;}
#menu .sociaux a{color:#7e9c8e!important;text-decoration: none;font-size: 1.4rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#menu .boutique a{color:#7e9c8e!important;text-decoration: none;font-family: 'montserrat', sans-serif;/*font-family:'Birthstone', cursive,  'montserrat', Arial, sans serif;*/font-size: 0.8rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#menu .sociaux a:hover, #menu .boutique a:hover{color:#d4b173!important;text-decoration: none;} 



.leLogo {
	position: absolute;
    top:0;
	/*left:0;*/
	left: 50%; 
  transform: translateX(-50%); /* décalage de 50% de sa propre taille */
	width:390px;
    height: 100px;;
    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 {
	height: 50px}

/*Marennes*/
.leLogo h3{
	font-family: "Birthstone", cursive;
	color:#2d3d44;
	font-size:2.3rem;
	text-align: center;
	/*text-shadow: 0 1px 2px #666666;*/
}
/*M*/
/*.leLogo h3::first-letter { 
    vertical-align: -10%;
}*/
/*Oleron*/
.leLogo h3 span{
	margin-left:-5px;
}
.leLogo h3 span.huitre{
	color:#7e9c8e;font-family: "monserrat", Arial, sans-serif; display:block;font-size:0.7em;line-height: 0.5rem;margin-bottom:-6px;font-weight: 100;text-transform: uppercase;font-size: 0.7rem;letter-spacing: 0.2em;}
/*.fixNavigation .leLogo h3 span.huitre{
	margin-left:0px;display:none;
}*/
.leLogo h4{
	font-family: "montserrat", sans-serif;
	color:#fff;
	font-size:0.8rem;font-weight:100;
	text-align: center;text-transform: uppercase;letter-spacing: 0.1em;
	margin-top:-8px;
	/*transform: rotate(-4.16deg);*/
	padding: 10px 20px 7px 20px;
	background: #7e9c8e;border-radius:5px;max-width:380px;margin-left:auto;margin-right:auto;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.leLogo h4 span{
	font-size:0.8rem;font-weight:700;
	text-transform: uppercase;letter-spacing: 0.1em;
	
}/*
.leLogo h4:before{
	conten:"";
	
}
.cta .button {
    background: #D3B173;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    transform: rotate(-4.16deg);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 32px;
    padding: 10px 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: 0.3s all ease;
}

.fixNavigation .leLogo h4 {display: none;}
*/
/*greyscale ;
blur ;
saturate ;
sepia ;
hue rotate ;
invert ;
brightness ;
contrast ;
opacity.*/
#menu .leLogo.vertical{display:block}
#menu.fixNavigation .leLogo.vertical{display:none}

#menu .leLogo.horizontal{display:none}
#menu.fixNavigation .leLogo.horizontal{display:block}
#menu.fixNavigation .leLogo.horizontal {
    top: 0px!important;position:absolute;
    left: auto;
    transform: translateX(0%);
    right: auto;
    width: 100%;
}
.leLogo img {display: block;width:100%;max-width:45px;height: auto;margin:5px auto 5px auto;
	/*filter: brightness(300%);
        -webkit-filter: brightness(300%);
        -moz-filter: brightness(300%);
        -o-filter: brightness(300%);
        -ms-filter: brightness(300%);
	opacity: 0.3;*/
}
.gestionMarge {padding-top:230px !important;	}
.fixNavigation .leLogo img {display: inline-block;width:100%;max-width:40px;height: auto;margin:-20px auto 0px auto;
	
}
.fixNavigation .leLogo h3{
	display: inline-block;
	font-family: "Birthstone", cursive;
	color:#2d3d44;margin-left:5px;
	font-size:2.5rem;
	text-align: center;
	
}


#menu.fixNavigation .navbar ul {
    height: 50px;
    list-style-type: none;
    text-align: center;
    margin-top: 50px;
	
}
#menu.fixNavigation{
    height: 65px;	
-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:60px;

}


 #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 20px 0; padding: 15px 15px 60px 15px;-webkit-transition: all 0.5s; 
    transition: all 0.5s;border-radius:10px;}
.recherche{padding: 15px 15px 20px 15px;}
.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.8rem!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:#7e9c8e; font-family: 'montserrat', sans-serif;font-size: 1.0rem; line-height: 1.2rem;text-decoration: none;margin-bottom: 0px;font-weight:500;display:block;margin-bottom:0px;text-transform: uppercase;}
.recherche p strong{font-size: 1.2rem; 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:#7e9c8e;margin:10px auto 0px auto; text-transform: uppercase;font-size:0.8rem;-webkit-transition: all 0.5s; 
    transition: all 0.5s;position: absolute;width: 200px;bottom: 35px;left: 50%;transform:translateX(-50%);}
.recette p.lire:hover{background:#2d3d44; }
.recherche p.lire:hover{background:#2d3d44; }
.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;*/
	-webkit-transition: all 0.2s; 
    transition: all 0.2s;	
 background: rgba(255,255,255,1.00)!important;
 }

.relatived-footer {
    position: relative;  
	/*background : rgba(171,192,186,1.0)!important;*/background:#7e9c8e!important; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	border-top: 1px solid #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 : #7e9c8e;}

.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 : 120px; margin-top : 0px; /*height : 140px;background : rgba(92,140,146,1.0);*/background: #ffffff; /* -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); */}
    #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 : #7e9c8e; font-family : 'montserrat', 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', 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****************************************/
#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;
}
   
	  .pdv {
	display: flex;
	justify-content: center;
	max-width: 100%;
}
	  .pdv div {
	display: flex;
	flex-direction: column;
	flex: 1 1 300px;

}

.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; font-family : 'montserrat', 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 : #c7d40c!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;background:#aac0bc;}
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; }

.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: 'Birthstone', cursive, 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', 'Arial', sans-serif!important; font-size:0.7em!important;line-height: 0.7em!important;}
a.portrait3  {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;}
#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: 'Birthstone', cursive,  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}
/********************************************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, 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: 30px; padding-bottom: 40px;}
.gamme a, .gamme p{color:#666;position:relative;z-index:1;font-weight:200; font-family: montserrat, sans-serif;font-size: 1.2rem;text-decoration: none;}
.gamme a{width: 100%;font-size:0.9rem;
    height: auto;
    display: block;}
.gamme p.label{color:#ba9b64;font-style: italic;margin-bottom:5px;margin-top:-10px;text-align: center;}
/*.gamme h2 {font-family: 'montserrat', sans-serif;
font-size: 3.0rem;color:#7e9c8e;text-align: center; text-decoration: none;margin-top:0px;margin-bottom:30px;}
.gamme h2 span {font-family: 'Birthstone', cursive;
font-size: 3.0rem;line-height:2rem;color:#d4b173;display:block;text-align: center; text-decoration: none;margin-top:0px;margin-bottom:40px;}*/

.gamme h2 {
    color: #e0ce50;
    font-size: 0.7rem;     
font-family: 'montserrat', 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.10rem;line-height: 1.2rem;
	margin-bottom:15px;padding: 7px 10px 5px 10px;margin-top: 0px;
    z-index: 10;
    position: relative;border-radius:5px;
}

.gamme h2 span {
	text-shadow: none;
    font-size: 1.0rem;
    line-height: 1.0rem!important;	margin-top: 0px;
color:#fff;font-weight:700;
	font-family: 'montserrat', sans-serif;
display: block;margin-bottom: 2px;text-transform: uppercase;letter-spacing: 0.1em!important;
	/*text-shadow: 0 3px 5px #666;*/
}/*
.gamme a h2 {
  -webkit-transition: all 0.5s; 
    transition: all 0.5s;
}*/
.gamme h2.fine {
  background:#94c5e1; -webkit-transition: all 0.5s; 
    transition: all 0.5s;
}
.gamme h2.verte {
  background:#87ac9f;
}
.gamme h2.pousse {
  background:#d2b42a;
}
.gamme h2.speciale {
  background:#93955a;
}
.gamme a:hover h2.fine, .gamme a:hover h2.verte, .gamme a:hover h2.pousse, .gamme a:hover h2.speciale {
  background:#2f4048; -webkit-transition: all 0.5s; 
    transition: all 0.5s;
}


.gamme h3, .gamme h3 a {font-family: 'montserrat', sans-serif;
font-size: 2.0rem;color:#d4b173;font-weight: 300; ;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px;}
.gamme h2 a:hover {font-family: 'montserrat', 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;}

.gamme img, .gamme2 img{

   /* filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	opacity: 1.0;*/
	transform: scale(1.0);
	 -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	border-radius: 30px;
}

.gamme a:hover img, .gamme2 a:hover img{
    /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	opacity: 0.8;*/
	transform: scale(1.1);
}



/********************************************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:#7e9c8e; font-family: 'montserrat', sans-serif;font-size: 1.2rem;text-decoration: none;text-align: center; font-weight: 400;}
.info i{color:#7e9c8e!important;}

.info h3 {font-family: 'Birthstone', cursive;
font-size: 1.7rem;color:#7e9c8e; 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', sans-serif;
font-size: 1.0rem;color:#7e9c8e;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', sans-serif;font-size: 1.0rem;color:#de562c;text-decoration: none;}
/********************************************VIDEOS********************************/
.videos {background: #7e9c8e;
padding-top: 20px; padding-bottom: 50px;display: block;position: relative;}
.videos a {text-decoration: none;}
.video p{color:#7e9c8e; font-family: 'montserrat', sans-serif;font-size: 1.0rem;text-decoration: none;text-align: center; font-weight: 700;}
.videos h2, .videos h2 a {font-family: 'montserrat', sans-serif;
font-size: 1.0rem;color:#7e9c8e;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', sans-serif;font-size: 1.0rem;color:#de562c;text-decoration: none;}
.videos h3 {font-family: 'Birthstone', cursive;
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:-1px auto 0px auto;width: 100%;}
     .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: 50px;}
.contenu2 {padding-top: 10px; padding-bottom: 30px;}
.contenu p a, .contenu2 p a, .contenu3 p a {font-weight: 800;
    text-decoration: underline;
    font-size: 1.1em;}
.contenu li a, .contenu2 li a, .contenu3 li a {text-decoration: none;}
.contenu p, .contenu ul li, .contenu3 p, .contenu3 ul li{color:#555; font-family: 'montserrat', sans-serif;font-size: 0.8rem; line-height: 1.3rem;text-decoration: none; font-weight: 400;list-style-type: none;}
.contenu2 p, .contenu2 ul li{color:#fff; font-family: 'montserrat', 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: 'Birthstone', cursive;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:#7e9c8e; font-family: 'Birthstone', cursive;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;font-weight: 500;}

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

.contenu ol li {font-size: 0.8rem;line-height: 1.0rem;border-bottom: 1px solid #ccc;padding: 5px 0px 5px 5px;}
.contenu ol li strong:first-child {text-transform: uppercase;}

.contenu .actu ul  { padding-left:15px;}
.contenu .actu ul li { list-style: square;}
.contenu .actu p + ul  { margin-top:-15px;}

p.imgLogo img{width:100%;height:auto;max-width:130px;margin-top:10px;}
.embed-responsive {margin: 15px auto;}
.encartCouleurAAA, .contenu .encartCouleur p{background:#87ac9f;padding:30px 30px;color:#fff;text-transform: uppercase;display: flex;font-size: 1rem;line-height: 1.5rem;text-align: left;
  align-items: center;justify-content: center;height:94%;width:98%;margin-bottom:20px;flex-direction: column;font-family: 'montserrat', sans serif;}
.encartCouleur2AAA, .contenu .encartCouleur2 p{background:#d2b42a;padding:30px 30px;color:#fff;text-transform: uppercase;display: flex;font-size: 1rem;line-height: 1.5rem;text-align: left;
  align-items: center;justify-content: center;height:94%;width:98%;margin-bottom:20px;flex-direction: column;font-family: 'montserrat', sans serif;}
.encartCouleur2 ul li{color:#fff;border-bottom: 1px solid #fff;padding: 5px 0px;}
.encartCouleur2 ul {margin-bottom:0px;}
.encartCouleur2 ul li a {color:#fff;}
.encartCouleur2 ul li a:hover {color:#333;}
.encartCouleur2 ul li a i {vertical-align:-3px;margin-right:5px;font-size:1.5em!important;}
.encartCouleur3AAA, .contenu .encartCouleur3 p{background:#8bc9ae;padding:30px 30px;color:#fff;text-transform: uppercase;display: flex;font-size: 1rem;line-height: 1.5rem;text-align: left;
  align-items: center;justify-content: center;height:94%;width:98%;margin-bottom:20px;flex-direction: column;}
.contenu ul li{ line-height: 1.3rem;}
.contenu i, .contenu em.fa, .contenu em.fa-solid, .contenu em.fas,
.contenu em.far,
.contenu em.fa-regular,
.contenu em.fal,
.contenu em.fa-light,
.contenu em.fat,
.contenu em.fa-thin,
.contenu em.fad,
.contenu em.fa-duotone,
.contenu em.fab,
.contenu em.fa-brands{font-size:2.0rem!important;margin-right:5px;}
.contenu .nutrition ul{position:relative;}
.contenu ul.nutrition h2 i, .contenu .nutrition ul h2 i{font-size:2.5rem;display:block;}
.contenu ul.methode{ background: rgba(222,86,44,0.0);padding:0px 30px 30px 30px;border:1px solid #7e9c8e;border-radius:30px;}
.contenu ul.saveurs {padding-left:20px;}
.contenu ul.methode li{margin-bottom:10px;display:block;text-align: left;}
.contenu ul.nutrition, .contenu .nutrition ul{ background: rgba(255,255,255,0.5);padding:0px 30px 20px 30px;border:1px solid #7e9c8e;border-radius:30px;width:100%; display: flex;justify-content: center;flex-direction:column;}
.contenu ul.nutrition li, .contenu .nutrition ul li{margin-bottom:2px;display:block;text-align: left;}
.contenu .nutrition ul h2, .contenu .nutrition ul li:first-of-type { font-size: 1.0rem;line-height: 1.2rem;margin-top: 20px;margin-bottom: 10px;text-transform:uppercase;}


.contenu ul.nutrition li i, .contenu .nutrition ul li i, .contenu ul.degustation li i {font-size: 0.8rem!important;vertical-align: -1px; margin-right: 5px;}
.contenu ul.degustation li{text-transform: uppercase;color:#333;font-weight:700;letter-spacing: 0.1em;}
.contenu ul.nutrition li a, .contenu .nutrition ul li a{color:#666;font-weight:700;}
.contenu ul.nutrition li a:hover, .contenu .nutrition ul li a:hover{color:#333;}
.contenu .nutrition ul li:before{content: "\f054";font-family: "Font Awesome 6 Free";
  font-weight: 900;font-size: 0.8rem!important;vertical-align: -1px; margin-right: 5px; 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;}

/****/
	  .contenu ul.nutrition h2 i, .contenu .nutrition ul h2 i, .contenu .nutrition ul h2 em, .contenu .nutrition ul li:first-of-type em {
    font-size: 2.0rem!important;
    display: block;
    margin-bottom: 5px;
    position: absolute;
    top: -7px;color:#fff;
    /* background: #c6f2de; */
    background: #7e9c8e;
    padding: 7px 5px 0px 5px;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
    height: 48px;
    width: 50px;
    text-align: center;border: 1px solid #7e9c8e;
		  left: 50%;
    transform: translateX(-50%);

}
.contenu .nutrition ul li:first-of-type em {top:-28px;}
.contenu .nutrition ul h2, .contenu .nutrition ul li:first-of-type {font-family: 'montserrat', sans serif;
    font-weight: 700;
    font-size: 1.0rem;
    line-height: 1.2rem;
    color: #7e9c8e;
    text-align: left;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 10px;}
	.contenu ul.nutrition, .contenu .nutrition ul {
    padding: 10px 15px 20px 20px;
    margin: 15px auto;
}
.contenu .nutrition ul li:first-of-type::before{content:"";margin-right:0px;}
/***/

.contenu h1, .contenu3 h1 {font-family: 'montserrat', sans serif;font-weight: 300;text-align: center;
font-size: 1.5rem;color:#7e9c8e;  text-decoration: none;margin-top:0px;background: rgba(255,255,255,0.00); }


.contenu h1 strong , .contenu3 h1 strong {font-weight: 700; }
.contenu h1 strong  {display:block; }
.contenu h1 span, .contenu3 h1 span {font-family: 'Birthstone', cursive!important;font-size: 2.5rem;  }
.contenu h1 span span , .contenu3 h1 span span { 
    vertical-align: -10%;
}
.contenu h1 em{font-style: normal;font-size:0.7em;}
.contenu h2, .contenu2 h2, .contenu3 h2 {font-family: 'montserrat', sans serif;font-weight: 700;
font-size: 1.5rem;line-height: 1.5rem; color:#7e9c8e; text-align: left; text-decoration: none;margin-top:30px;margin-bottom:20px; }

.contenu ul.nutrition h2{
    font-size: 1.0rem;
    line-height: 1.2rem;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.contenu h2 + h3{margin-top:-15px;font-size:1.3rem;color:#666;}

/*
.contenu .telecharger ul.nutrition h2 {
    display:none;
}
.contenu .telecharger ul.nutrition {
    padding: 0px 20px 20px 20px;
}
.contenu .telecharger ul.nutrition li:first-of-type::before{  content: "DOCUMENTS À TÉLÉCHARGER";display:block;font-size: 1.0rem;
    line-height: 1.2rem;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;font-family: 'montserrat', sans serif;
    font-weight: 700;
    color: #7e9c8e;
    text-align: left;
    text-decoration: none;}*/

	.un {
		
		width:100%; height: 400px; display:block; position: relative;
		overflow: hidden;
	}
.un h2, .containerparallax h2 {display: block; color:#fff; font-size:0.8rem;  font-family: 'montserrat', sans serif;font-style: normal;letter-spacing: 0.5rem;	height:auto;  text-transform: uppercase;
margin:70px auto 0 auto;text-align: center;	
}
.un h2 span, .containerparallax h2 span {font-size:6.0rem;  font-family: 'Birthstone',  cursive,  Times New Roman, serif;letter-spacing: 0.0rem!important;	text-transform: none!important;
}
.un h2 span span, .containerparallax h2 span span { 
    vertical-align: -10%;
}
.containerparallax h2 a span {font-size:3.0rem;  font-family: 'Birthstone',  cursive,  Times New Roman, serif;letter-spacing: 0.0rem!important;	text-transform: none!important;display:inline-block;text-shadow: none;
}
.containerparallax h2 a i {font-size:2.0rem;text-shadow: none;}
.containerparallax h2 a:hover {text-decoration: none;}
.containerparallax h2 a.btn-primary {padding:12px 10px;border-radius:10px;}
.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: 'Birthstone',  cursive,  Times New Roman, serif;font-style: normal;	
}

.cinq h2 {color:#fff; font-size:3em;  font-family: 'Birthstone', cursive,  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:#2d3d44;*/color:#fff; font-size:2.2em;  font-family: 'montserrat', sans-serif; marge-top:-50px!important;	text-transform: uppercase;font-size: 0.8rem;font-weight: 200;letter-spacing: 0.2em;}
.ligneB::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 100%;
   border-bottom: 1px solid #fff;
	border-color: inherit!important;
	
}
#bas h2 a, #bas h2 a:link, #bas h2 a:visited {/*color:#2d3d44;*/color:#fff;}
#bas h2 a:hover {/*color:#2d3d44;*/color:#2d3d44;text-decoration: none;}
.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, .contenu h1::after{
	content: "";
    display: block;
	margin:20px auto 30px auto;
    width: 100%;
   border-bottom: 3px dotted #ccc;
	/*border-color: inherit!important;*/
	
}
.ligneBrd2::after{
	content: "";
    display: block;
	margin:10px auto 10px auto;
    width: 100%;
   border-bottom: 3px dotted #ccc;
	/*border-color: inherit!important;*/
	
}
.ligneHrd::before, .contenu h1::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:30px auto 30px 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', 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:'Birthstone', cursive,  'montserrat', 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:0px  0px ;  text-align: center; display:block; width:140px; 
	position:absolute; margin: 0 0px 0 auto;top:30px;right:10px;

}
.sousTitre img{padding:5px 2px;width:36px;height:auto;
}
.sousTitre a{color:#de562c!important; text-decoration: none!important;
}
.sousTitre i{font-size:1.5rem!important;padding:5px 5px 5px 5px;vertical-align: -2px;}
.sousTitre a:hover{color:#fff!important; text-decoration: none!important;
}


#bas h3 {color:#ffffff;text-transform: uppercase; font-size:0.8em;line-height: 2.2em; letter-spacing: 0.2em; font-family: 'montserrat', Arial, sans serif;   padding:0px 20px 0px 20px;   }
#bas h3 span { text-transform: none!important; font-size:2.0rem; letter-spacing: 0.0em!important; font-family: 'Birthstone', cursive, Arial, sans serif;   }
/*#bas h3 span span { 
    vertical-align: -10%;
}*/

.ombre{text-shadow: 0 1px 3px #000000}
.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: 'Birthstone', cursive,  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;
	}
.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;}
::placeholder {
  color: #999999!important;font-weight: 300;
}
input {border: none!important;border:1px solid #ccc!important;padding:15px 10px!important;width: 98%!important;margin:5px auto!important;background: rgba(255,255,255,0.50);text-align: left!important;}

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; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    width: 20px!important;
    display: inline-block!important;
}

.bgdOrange {background:#fd4f00!important;}
.dottedNoir{border-top:8px dotted #999;
border-bottom:8px dotted #999;}
textarea{width: 98%!important;border:1px solid #ccc!important;padding:15px 10px;text-align: left;background: rgba(255,255,255,0.50);}

.fondAlpha {background : rgba(255,255,255,0.9); padding:15px 30px 30px 30px; }
.fondAlpha h2 {font-size:2.2em;   font-family: 'Birthstone', cursive,  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: 'Birthstone',  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', 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: 100; padding:25px 15px 20px 15px;margin-bottom:0px;/*background : rgba(171,192,186,1.0);*/background:#7e9c8e; font-family: 'montserrat', Arial, sans serif;text-align: center;}

#bas ul {height : 50px; list-style-type : none; margin:0 auto; width:auto; display:table;}
#bas ul li {float: left; height : 30px; padding : 0 20px;}
#bas ul li a{color : #bb1883; font-size:1em; text-transform : none; height : 45px; display : block; line-height : 45px;text-decoration:underline; 	-webkit-transition: all 0.5s; 
    transition: all 0.5s;	border:2px dashed #fff; border-color: inherit;    padding: 3px 20px; }
#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{margin:0 auto; text-align: center; color : #c2b49e;}
#bas .certif img{margin:10px 20px;max-height: 100px;width: auto; }
#bas .certif  a img:nth-last-of-type(2){margin:10px 20px;max-height: 10px;width: auto; }
#bas .certif  a img:hover{-webkit-transition: all 0.5s; 
    transition: all 0.5s; opacity: 0.5; }
#bas h3 img#basLogo{width:100%;height:auto;max-width:200px; max-height:auto!important;}
.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: 100; padding:20px 15px 20px 15px;margin-bottom:0px;background : #7e9c8e!important;  font-family: 'montserrat', Arial, sans serif;border-top: 1px solid #ddd;
}





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', 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;
   
}

#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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.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, .contenu p:last-of-type a{text-align: center!important; display: block;max-width:300px;margin:20px auto 0px auto;background: #1e898f;color:#fff!important;padding:5px 15px;word-wrap: break-word!important; white-space: normal;text-transform: uppercase;font-weight: 300;font-size: 1em;    text-decoration: none;}
.contenu .btn-primary i, .contenu .btn-primary em{font-size: 1.5rem!important;margin-right: 5px;vertical-align: -3px;}
.contenu p:last-of-type a em{font-size: 1.5rem!important;margin-right: 5px;vertical-align: -2px;}
.btn-primary span{display:block;font-family: "Birthstone", cursive;font-size: 2.5rem;line-height: 1.8rem;}
.btn-primary:hover, .contenu p:last-of-type a:hover{display: block;width:auto;background: #7e9c8e!important;color:#fff;}
.btn-secondary {border-radius:0px; height : 35px;padding:0;margin:30px auto; }
.btn-secondaryActu { height : 35px;padding:0; }

.ouvrir a ~ p {margin-top:10px;text-align: left;}
.ouvrir a ~ p::first-letter {
  font-weight:800;color:#7e9c8e;
  font-size: 130%;
}
.ouvrir img{border-radius:10px;margin:10px auto 0px auto;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-transition: all 0.3s;opacity:1;}
.ouvrir img:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: all 0.3s;opacity:0.7;}

.gamme .btn-primary{text-transform:uppercase}
.gamme .btn-primary span{text-transform:none;font-size:2.0rem;}

.btn-primary span span{display:inline-block;    font-family: "monserrat", Arial, sans-serif;text-transform: uppercase;
    font-size: 0.8rem;letter-spacing: 0.2em;line-height: 1.8rem;}

.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', 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: 0px;
}
.btn.resaNews {
   
  margin-top:0px;
   
}
.btn.resa{min-width:200px; background: #2d3d44;}
.btn.resaM{background: #e05a0a;width:100%}
.btn.resaS{background: #2ea5ad;width:100%}
.btn.resaK{background: #909555;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: #002e46;background: #7e9c8e;
color:#fff;
}
			  .btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus, .contenu p:last-of-type a:link, .contenu p:last-of-type a:visited, .contenu p:last-of-type a:focus {
    color: #000;
    background-color: #2d3d44;
		  border: 0px solid #2d3d44;
}
		.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: 0rem;

}
			  .btn-primary:hover {

    background-color: #7e9c8e;
    color: #fff;
				  border: 0px solid #002e46;
}
a.podcast{    width: 55px!important;
        padding: 10px 5px 10px 11px!important;
    border-radius: 50%;margin: -82px 14px 0px auto!important;
}

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

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

.faceb{height: 125px;width:35px;/* display: table-cell; vertical-align: top;*/background: #7e9c8e url(../images2020/Official-Facebook-Logo-ter.png) no-repeat 0% 0%;cursor: pointer;position:absolute;left:290px;top:0px;-webkit-transition: all 0.3s; transform: rotate(0deg);transition: all 0.3s;}
.faceb:hover{background: #065963 url(../images2020/Official-Facebook-Logo-ter.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', Arial, sans serif; font-size : 1.3em; 
}
.flag{  position:absolute; right:20px; top:60px; 
}
h7{  font-family: 'montserrat', sans-serif; font-size:1.5em; line-height:0.9em;  }
.centrage {  text-align : center; margin:0 auto;position: relative;width: 100%;}
.centrerFlex{ display: flex;
  align-items: center;
  justify-content: center;}

.centrer{display: flex;/*align-items: center;*/justify-content: center;flex-direction: column;text-align: center;}
.bgdbleu{ background:#437a75;}
.fondgris{ background: rgba(0,0,0,0.20);margin: 0px auto 10px auto;padding-top: 10px;border: 1px solid #fff;}
.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: #7e9c8e;
	/*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
    }
.swiper-container h1, .swiper-container h2, .swiper-slide h2 {
    color: #fff;
    font-size: 0.85rem;     
font-family: 'montserrat', 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.15rem;line-height: 1.2rem;
	margin-bottom:15px;text-shadow: 1px 1px 2px #333333;font-weight:600;
}
.swiper-container h1.speciale, .swiper-container h2.speciale, .swiper-slide h2.speciale {
	color: #fbbb33;}
.swiper-container h1.fine, .swiper-container h2.fine, .swiper-slide h2.fine {
	color: #cf43e;}
.swiper-container h1.pousse, .swiper-container h2.pousse, .swiper-slide h2.pousse {
	color: #52518d;text-shadow: none;}
.swiper-container h1.verte, .swiper-container h2.verte, .swiper-slide h2.verte {
	color: #d9c94b;}
.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 {
	text-shadow: none;
    font-size: 2.0rem;
    line-height: 2.0rem!important;	margin-top: 0px;
color:#fff;font-weight:700;
	font-family: 'montserrat', sans-serif;
display: block;margin-bottom: 2px;text-transform: uppercase;letter-spacing: 0.05em!important;
	/*text-shadow: 0 3px 5px #666;*/
}
.swiper-container h3, .swiper-slide h3 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem; 
    font-family: 'montserrat', 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', 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;
		*/		
		
    }
@media (min-width: 1800px) {
.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.5rem;
    line-height: 2.5rem!important;
    margin-top: 0px;
	margin-bottom: 10px;
}
	.swiper-container h1, .swiper-container h2, .swiper-slide h2 {
    font-size: 1.0rem;     
letter-spacing: 0.2rem;line-height: 1.2rem;
	margin-bottom:25px;
}
	.swiper-slide .blocTexte {max-width: 570px;}
}
/*************slides index*************/

.swiper-slide.slide1 {
    background: url(../images/fond_alphaAAA.png),  url(../img2020/slide-fines-de-claire-huitres-marennes-oleron-IGP.jpg);
	background-size:  auto, cover;
		background-position:  top left, center right;
		background-repeat: repeat, no-repeat; 
	
}
.swiper-slide.slide2 {
     background: url(../images/fond_alphaAAA.png), url(../img2020/slide-fines-de-claire-vertes-huitres-marennes-oleron-IGP-Label-Rouge.jpg);
	background-size:  auto, cover;
		background-position:  top left, center right;
		background-repeat: repeat, no-repeat; 
}

.swiper-slide.slide3 {
     background: url(../images/fond_alphaAAA.png), url(../img2020/slide-pousses-en-claire-vertes-huitres-marennes-oleron-IGP-Label-Rouge.jpg);
	background-size:  auto, cover;
		background-position:  top left, center right;
		background-repeat: repeat, no-repeat; 
}



.swiper-slide.slide4 {
     background: url(../images/fond_alphaAAA.png), url(../img2020/slide-speciales-de-claire-vertes-huitres-marennes-oleron-IGP.jpg);
	background-size:  auto, cover;
		background-position:  top left, center right;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide5 {
     background: url(../images/fond_alpha2AAA.png), url(../images2020/slider/©Jeremie-Eloy_0156_HMO.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide6 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-6.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide7 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-13.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}

.swiper-slide.slide8 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-22.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide9 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-2.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide10 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-6.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide11 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-11.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide12 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-12.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide13 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-13.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide14 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-20.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide15 {
     background: url(../images/fond_alpha2.png), url(../img2020/traiteur-saujon-royan-charente-maritime©Agence_WinAir-3.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide16 {
     background: url(../images/fond_alpha2.png), url(../img2020/traiteur-saujon-royan-charente-maritime©Agence_WinAir-2.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide17 {
     background: url(../images/fond_alpha2.png), url(../img2020/traiteur-saujon-royan-charente-maritime©Agence_WinAir-5.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide18 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime-2.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
/******/
.swiper-slide.slide19 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-4.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide20 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-7.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide21 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-11.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide22 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-16.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide23 {
     background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-18.jpg);
	background-size:  auto, contain;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}

/************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{background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;
		width:100%; min-height: 70vh;	}
.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: 70vh;	}
 /*.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{background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;
		width:100%; min-height: 250px!important;	}

	.swiper-slide .blocTexte {
      /* position:absolute;
		top:0px;
		left:70px;height:100%;*/
			width:50%;
			min-width: 500px;max-width:470px;
			/*min-height:320px;*/
		/*height:380px!important;*/
				margin-left:20%;	margin-right:auto;	
			background: rgba(137,162,147,0.00)!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;	
			
    }
.swiper-slide .blocTexte .btn.resa{min-width:110px;padding:5px 3px 7px 7px;}
.swiper-slide img.curseurs{position: absolute;top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%);left:50px;width:100%;height:auto;max-width:300px;z-index:-1;}
.swiper-slide .blocTexte2 {
      /* position:absolute;
		top:0px;
		left:70px;height:100%;*/
			width:100%;
			min-width: 320px;height: 450px;
			/*min-height:320px;*/
		/*height:380px!important;*/
					margin-left:0%;	
			background: rgba(8,82,148,0.70)!important;
			padding:20px 50px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
		display:flex;	
    }/*
.swiper-slide .blocTexte h1, .swiper-slide .blocTexte h2 {
display:flex;
		 align-items: center;
  justify-content: center;	
			margin:auto;
    }*/
.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 .blocTexte p {
  text-align: center;margin-bottom:0px;margin-top:-10px;
    }
.swiper-slide .blocTexte p img {
    max-width: 100px;
    height: auto;
    width: 100%;
}/*
.swiper-slide .blocTexte p img.svg {
    max-width: 200px;
    height: auto;
    width: 100%;
}*/
.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: 15px!important;
  height: 15px!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: #7e9c8e!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;}

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

/****carousel******/
	   #demos{background: #fff;padding:30px 0px 30px 0px;margin-bottom:-1px;margin-top:-1px;}
	   .wrapperDemo {
    max-width: 1170px;
    width: 100%;
    position: relative;
    margin: 0px auto!important;
    display: block;
    padding: 0px 0px 0px 0px;
}
	  .owl-carousel .owl-stage-outer {
    position: relative;

    overflow-x: hidden;

    -webkit-transform: translate3d(0,0,0);
		  
}
	   #demos .owl-carousel .item {
    height: auto!important;  
    background: #fff;
    padding: 1rem;
}
	   .owl-item p{margin:10px auto 0px auto;text-align: center;color:#0063af; text-transform: uppercase,;font-weight: 700;}
a img{opacity:1.0;-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
	   .owl-item a img:hover, a img:hover{opacity:0.8;-webkit-transition: all 0.3s; 
    transition: all 0.3s;}

a img{border-radius:0px;opacity: 1.0;-webkit-transition: all 0.5s; 
    transition: all 0.5s;max-width:100%;height:auto;}
a[data-fancybox=gallery] img{padding:10px;}
a img:hover, a img:hover{opacity: 0.5;-webkit-transition: all 0.5s; 
    transition: all 0.5s;}
	   .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 3rem;border:none!important;outline: none;
}
	   .owl-carousel .owl-nav button.owl-prev {
    position:absolute;left:0;bottom:40%;overflow-y: hidden;border-color: #fff!important;border: none!important;
		   
}
	   .owl-carousel .owl-nav button.owl-next {
    position:absolute;right:-55px;bottom:40%;	
		   background: #fff;
    color: #7e9c8e;
    line-height: 1.5em;
    padding: 0px 14px 0px 14px!important;height: 50px;overflow-y: hidden;border-color: #fff!important;border: none!important;
}
	   .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -53px;
    bottom: 40%;
    background: #fff;
    color: #7e9c8e;
    line-height: 1.5em;
    padding: 0px 14px 0px 14px!important;height: 50px;
}
	   button.owl-prev span, button.owl-next span{height: 50px;display: block;line-height: 35px;}
	   .owl-carousel .owl-item img {
    display: block;
    width: 100%;height:auto;
}
.owl-theme .owl-dots{display:none;}
.owl-carousel{margin-bottom:20px;}

@media (max-width: 600px) {
.owl-carousel .owl-nav button.owl-next {
    right: -5px;
	bottom: -46px;}
.owl-carousel .owl-nav button.owl-prev {
    left: -5px;
    bottom: -46px;}
	.owl-carousel {
    margin-bottom: 45px;margin-top: -30px;
}
	}
/****fin carousel****/
/*--------------------------------- 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', sans-serif;color:#000000;	font-weight: 100;
		
	}
.introG .fr p span{text-align: center; font-family: 'montserrat', sans-serif;color:#666666;	font-weight: 100; font-style: italic;
		
	}
.introG .fr h2 {font-family: 'Birthstone', cursive;}
.introG .fr h3 {font-family: 'Birthstone', cursive;}
.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: 'Birthstone', cursive 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: 1150px) {
.gamme h2 span {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}
}

@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) {
.fixNavigation .boutonMenu {left: 33%;}
	}

@media (max-width: 1080px) {
.fixNavigation .boutonMenu {left: 30%;}
	.encartCouleur2 p, .encartCouleur3 p, .encartCouleur p{font-size: 0.8rem;}
}




@media (max-width: 900px) {
		.swiper-slide .blocTexte {
			width:100%;
			min-width: 100px;max-width:470px;
			/*min-height:320px;*/
		/*height:380px!important;*/
				margin-left:auto;	margin-right:auto;
			background: rgba(137,162,147,0.70)!important;

			
    }
.boutonMenu {left: 30px;}
.fixNavigation .boutonMenu {
    left: 145px;top:0px;
}

}
@media (max-width: 850px) {
/*.boutonMenu {left: 72%;}*/
	.fixNavigation .leLogo {top: 0px;}
}

@media (max-width: 991px) {
	.contenu p, .contenu2 p, .contenu3 p {
    text-align: left;
}
	.banniere-fdc{display: none;}
	.voletfacebook {position: absolute;}
#sousMenu {   
    margin-top: 0px;
    padding-top: 10px;  
}
	#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 : 120px; 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', 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 #7e9c8e!important;
    width: 58px!important;
    height: 58px!important;
		z-index: 1000!important;
}
	/*
.swiper-container {
   
    margin-top: 99px;
}	*/
	#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: 767px) {
	#menu .navbar ul li.liensup{display:block}
	
  a img{margin:10px auto 10px auto;}
  .contenu p, .contenu ul li, .contenu3 p, .contenu3 ul li {
    font-size: 0.9rem;
}
	.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:90%; height : auto; 
	 position: relative;
  display:block;
  }
	.pub {font-family: 'Birthstone', cursive, 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; }	
	#sousMenu, #sousMenu2 {
    margin-top: -90px;
    padding-top: 0px;

}

}
@media (max-width: 710px) {
.un h2 span, .containerparallax h2 span {font-size:5.0rem;  }
}

@media (max-width: 680px) {

	/*#menu.fixNavigation .leLogo{
top:0px!important;
left: auto; 
  transform: translateX(0%);
	right:-30px;
 }*/
  .leLogo h4 span, .fixNavigation .leLogo h3{display:none;}
	.leLogo {width: 220px;}
  .fixNavigation .leLogo {top: 15px;}
  .fixNavigation .leLogo h4 {margin-top: 5px;}
}

@media (max-width: 650px) {
	.descriptionUn ul li, .descriptionUn ul li a {
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding: 3px 0px;
}
	#Row h3 {font-size: 0.8rem;line-height: 1.5rem; margin-top: 0px;margin-bottom: 0px;letter-spacing: 0.00em;}
	.accordion .card-header.noAfter.collapsed a h3 i { margin: 6px 5px 6px 0px;}
	
	.containerparallax h2 {
		font-size: 3.0rem;}
	.containerparallax h2 span {
		font-size: 1.5rem;}
	.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;}
        
}
	  .receipe {
	display: flex;
	justify-content: center;
	max-width: 100%;
}
	  .receipe div {
	display: flex;
	flex-direction: column;
	flex: 1 1 300px;

}
@media (max-width: 595px) {
  .fixNavigation .boutonMenu {
    left: 30px;
    top: 10px;}
	.receipe {
    margin-left: auto;
    margin-right: auto;
}
	.voletfacebook {display:none;}
	.banniere-fdc{display:block;}
	.contenu h1, .contenu3 h1 {background: rgba(255,255,255,0.00); }
	.swiper-slide.slide1 {
	background-size:  auto, cover;
		background-position:  top left, center right -155px;
	
}
.swiper-slide.slide2 {
	background-size:  auto, cover;
		background-position:  top left, center right -155px;
}
.swiper-slide.slide3 {
	background-size:  auto, cover;
	background-position:  top left, center right -155px;
}
.swiper-slide.slide4 {
	background-size:  auto, cover;
		background-position:  top left, center right -155px;
}
	.swiper-slide.slide5 {
	background-size:  auto, cover;
		background-position:  top left, center right -333px;
}
	/*#menu.fixNavigation {
		height: 110px;}*/

  #menu .sociaux {
    position: absolute;
    display: block;
    top: 5px;
    left: 10px;
    width: 140px;
    height: auto;
    z-index: 1000;
}
    #menu.fixNavigation .sociaux {  
    display: none;
}
	.contenu ul li {
    text-align: left;
}
.un h2 span, .containerparallax h2 span {font-size:4.0rem;  }
	.sousTitre {top: 45px;right: 5px;width:45px;}

.sousTitre img {
    padding: 2px 2px;
    width: 36px;
    height: auto;
}
	#menu.fixNavigation .leLogo.horizontal {
    top: 45px!important;
    left: auto;
    transform: translateX(0%);
    right: auto;
    width: 100%;
}
  .contenu ul.nutrition li, .contenu .nutrition ul li {
    margin-bottom: 10px;
}
}
@media (max-width: 480px) {

	#menu .boutique span{display:none}
	.fixNavigation .leLogo h3 {
    display: none;
}
	#menu .boutique i{font-size: 1.5rem;margin-top: 10px;}
	

		/*.containerparallax span {
    font-size: 1.3em;
    line-height: 1.8rem;
}
	.containerparallax h3 {
    padding: 20px 30px;
}*/
	footer p {
    margin: 19px auto 0px auto;
}
.wrapperRelatifCentre{max-width:970px; width:90%; height : auto; 
	 position: relative;
  display:block;
	 margin:30px auto!important; 
}
/*	#menu .boutique{position:absolute;display: block; top:5px;right:0px;width:120px;height:auto;z-index: 1000;}
	#menu .boutique span{display:none;}
	.leLogo h3 {
    font-family: "Birthstone", cursive;
    color: #7e9c8e;
    font-size: 2.5rem;
    text-align: right;
		display: none;
}
	.sousTitre {padding:0px  0px ;  text-align: center; display:block; width:190px; 
	position:relative; margin: -20px 0px 0 auto;

}
	*/
	.un h2, .containerparallax h2 { 
margin:80px auto 0 auto;	
letter-spacing: 0.0rem!important;	
}
	
}


@media (max-width: 380px) {
/*.sousTitre { border-radius: 0 0 30px 30px; text-align: center; display:block; width:100%; 
	position:relative; margin: 20px auto 0 auto;
}*/
	.pub {font-family: 'Birthstone', cursive, 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: "Birthstone", cursive;
	color:#7e9c8e;
	font-size:2.2rem;

}*/

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

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


/* 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;
  }
}