/*---------------------------*\
		Nom du projet
\*---------------------------*/
/*---------------------------*\
	@author:
	@date:
	@compagny:
	@todo: 
\*---------------------------*/
/*---------------------------*\
		$base
\*---------------------------f
8
font-family: 'futura-pt', sans-serif
font-family: 'futura-pt', sans-serif;
font-family: "transat-text", sans-serif;
font-family: 'futura-pt', sans-serif;

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


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


font-family: "transat-text", sans-serif;
font-weight: 200;
font-style: normal;

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

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

futura-pt Regular
font-family: 'futura-pt', sans-serif;
font-weight: 400;
font-style: normal;

transat-text Light
font-family: "transat-text", sans-serif;
font-weight: 300;400;600;800;
font-style: normal;

font-family: "transat-text", sans-serif;
font-weight: 300;400;500;700
font-style: normal;

font-family: 'futura-pt'

*//*
@font-face {
    font-family: 'futura-pt';
    src: url('../font/cano-webfont.woff2') format('woff2'),
         url('../font/cano-webfont.woff') format('woff');
    font-weight: normal;
    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: "transat-text", 'Arial', sans-serif; color : #fff;}
h3 {margin:0px;}*/
a {text-decoration :none; outline : none;}
a, img {border : none;}
li, td, ul {font-family: "transat-text", sans-serif;font-size : 1em; color : #666; line-height : 16pt; text-align : justify; }
strong{font-weight:600;}
ul.nb {font-family: "transat-text", sans-serif;font-size : 0.9rem; color : #666; line-height : 1.2rem; text-align : left; list-style: none;border-left:8px dotted #da2a3f;padding: 10px 0px 0px 20px;text-align: left;}
ul.nb li{margin-bottom:5px;}
ul.nb i{font-size:1.4em;vertical-align: -2px;margin-right:5px;}
h4{margin-bottom: 15px;color: #333;font-family: "futura-pt", sans-serif;}
ul.listing, ul.listing li{color:#f7a941;text-transform: uppercase;font-size: 0.9rem;font-weight: 700;}
ul.listing{margin-bottom:30px;}
h4 i::before{font-size: 4.5rem!important;float: left; margin-right: 10px;}
p{font-family: "futura-pt", sans-serif;font-size : 0.9rem; color : #666; line-height : 1.3rem; text-align : justify; }
#swiper ul.gris li {color:#666!important; text-align: left;}
#swiper ul.medailles { background:#5a5a58; padding:10px 20px;list-style-type: none;}
#swiper ul.medaillesPineaux {background:#Fd4f00; padding:10px 20px;list-style-type: none;}
#swiper p.italicDore {color:#c2b49e!important;  font-style:italic;font-size:1.2em;}
.mrg-center {margin-right: auto; margin-left: auto;}
.clear {clear: both;  margin:0; padding:0;height:1px;}
.borderBlack {border-bottom:5px solid #000;}
.ar {max-width:1920px;margin-left:auto!important;margin-right:auto!important;width : 100%;
		background: #fff;position:relative;display:block;
	overflow-x: hidden;}
#menu2{z-index:4;position:relative;    /*-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);*/ }
#menu2.fixMenu{z-index:4000;position:fixed;top:9px;width:100%;background: transparent !important;
    border: 0px solid #000;max-width: 700px;left: 50%;transform: translateX(-50%);box-shadow: none;}
#menu2.fixMenu .separationongletprestations {margin-right: 0px;}
#menu2.fixMenu .navbar-nav.onglets .separationongletcontact {width: 0px;}
#voletfacebook .widget_content{text-align:right;}
#voletfacebook .widget_content .btn-close{margin-right:10px;}

.engagement h3, .gamme .engagement h3 {display: inline-block;font-size: 1.5rem;line-height: 1.5rem;
    font-weight: 700;text-transform: none;border: 2px solid #ccc;border-radius: 20px;padding: 10px 10px 0px 20px;width: 90%;background:rgba(255,255,255,0.60); min-height: 110px;}
.engagement h3 span, .gamme .engagement h3 span{display:block;font-size:0.7em;}
.engagement h3 span a i {font-size:1.5rem;}
.engagement h3 span a  {display:block;margin-bottom:5px;}
.engagement h3::after, .gamme .engagement h3::after {
    content: ""; position: relative;height: 5px;width: 40px; display: block;margin: 10px 0px 10px 90px;opacity: 1;background:#f7a941;
}
.engagement h3 img {float: left;margin-top: 0px;width: 100%;max-width: 80px!important;height: auto;margin-right: 15px;}
.engagement h3 img.coord{margin-bottom:95px;}
.navbar-toggleable-md .navbar-nav .nav-link {
    color: #fff;
}
.navbar-toggleable-md .navbar-nav .nav-link:hover {
    color: #da2a3f;
}


	 .navbar-toggleable-md .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-family: "transat-text", sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
}
	 .navbar-toggleable-md .navbar-nav .nav-link i{font-size: 1.2rem;vertical-align: -2px;}
.navbar-toggleable-md .navbar-nav .nav-link i.fa-user-pen{font-size: 1.0rem;vertical-align: -1px;}

.navbar-nav.onglets{margin:0px auto;/*margin-left:20%;*/}
.fixMenu .navbar-nav.onglets {margin: 0px auto; /*margin-left: auto;*/}
.navbar-nav.onglets .separationongletcontact{width:0px;}
.navbar-nav.onglets .separationongletprestations{margin-right:0px;}
#menu2 .navbar-nav .nav-link {padding: 13px 25px 11px 25px;text-transform: uppercase;font-weight: 900;font-size: 0.9rem;    color: #333;letter-spacing:0.1em;}
#menu2 .navbar-nav .nav-link:hover {  color: #f7a941;}
		#menu2 .navbar-nav .nav-item a#ongletDevis {
    background: #c1d82f!important;
    color: #fff!important;
    border-radius: 20px!important;

}
.navbar-light .navbar-nav .nav-link i{font-size:1.2rem;margin-right:5px;}
.navbar-light .navbar-nav .nav-link.active{color:#999!important;}
#menus.fixMenu .navbar-nav.onglets .separationongletcontact {width: 0px;}
#menu .navbar ul li.liensup{display:none}
#menu .shadowheader {
    display: block;
    position: absolute;
    top: 120px;
    max-width: 930px;
    width: 100%;
    height: 44px;
    background: url(../images2020/shadow_menu.png) no-repeat;
    left: 50%;
    transform: translateX(-50%);
}
#menu.fixNavigation .shadowheader {top: 62px;}
.wrapper{max-width:970px; width:80%; height : auto; 
	 position: absolute;
  top: 30%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	left: 50%; 
  transform: translateX(-50%); display:block;
}
.wrapperGalerie{width:100%; height : auto; 
	 position: relative;
 display:block;text-align: center;
}
.wrapperRelatif{max-width:970px; width:90%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
            font-family: Flaticon;
            font-size: 30px;
            font-style: normal;
            margin-left: 20px;
            color: #333;
        }

        .glyph {display: inline-block;text-align: center;}
.glyph img{max-width:100px;height:auto;margin-bottom:10px;}
        .glyph .flaticon {padding: 10px;display: block;font-family: "Flaticon";font-size: 64px;line-height: 1;font-style: normal;}
.cadre5bis h3.glyph .flaticon {padding: 0px;}
        .glyph .flaticon:before {
            font-size: 85px;
            color: #333333;
            margin-left: 0;
        }
.cadre5bis h3.glyph .flaticon:before {color:#f7a941;background: #fff;border: 1px solid #fff;}
.cadre5bis h4.glyph span{display:block;}
 

        .glyph > input {
            display: block;
            width: 100px;
            margin: 5px auto;
            text-align: center;
            font-size: 12px;
            cursor: text;
        }

        .glyph > input.icon-input {
            font-family: "Flaticon";
            font-size: 16px;
            margin-bottom: 10px;
        }
.separation70{padding-bottom:70px;width:100%;}
.separation140{padding-bottom:140px;width:100%;}
.margecadre5bis{margin:30px auto 50px auto!important;position:relative;}
h5.troisd{font-size:2rem;color:#333;text-align: center;margin:30px auto;}
h5.troisd span{color:#da2a3f;}
h5.troisd i{font-size:1.5em;vertical-align: -7px; margin-right: 5px;color: #da2a3f;}
.img-couleur{max-width:600px;height:auto;width:100%;margin:30px auto 0px auto;}

 .photoorange, .photogris{text-align: center;position:relative;}
	 .photoorange img, .photogris img{max-width:100%;height:auto;z-index: 1;position: relative;}
	 .photoorange::after{content:'';width:200px;height:250px;display:block;background: #da2a3f;position:absolute;bottom:-50px;left:30px;z-index:0;}
	 .photogris::after{content:'';width:200px;height:250px;display:block;background: #333;position:absolute;top:-50px;right:30px;z-index:0;}
section.allo{text-align: center;padding: 50px 50px;
background: #333333 url(../img2020/fond-electricien-pac-climatisation-automatisme-domotique-la-tremblade-royan-1.png);
	background-size:  cover;
		background-position:  left center;
		background-repeat: no-repeat; 
}
section.allo h2{color:#fff;text-align: center;font-family: 'futura-pt', sans-serif;}
section.allo h5{color: #fff;font-weight: 800;font-size: 2.5rem;text-transform: uppercase;font-family: "transat-text", sans-serif;}
section.allo h5 span{text-transform: none;font-weight: 500;}
section.allo h5 a{display:block;color:#fff;border: 2px solid #c1d82f;padding: 10px 20px;width: 330px;margin: 20px auto 10px auto;border-radius: 30px;font-size:2.0rem;background: #c1d82f;}
section.allo h5 a:hover{display:block;color:#25217F;border: 2px solid #25217F;background: #c1d82f;}
section.allo h6 a{display:block;color:#fff;border-bottom: 0px solid #fff;font-size:1.3rem;font-family: 'futura-pt', sans-serif;}
section.allo h6 a:hover{color:#000;border-bottom: 0px solid #25217F;}

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

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

#blog {
    position: absolute;
    z-index: 10;
    right: 0px;
	-webkit-box-shadow:inset 0 5px 5px 0 rgba(0,0,0,0.3);
box-shadow:inset 0 5px 5px 0 rgba(0,0,0,0.3);
}
#blog.btn.btn-secondary{margin:0px auto;padding: 10px 30px;}
#blog.btn{margin:0px auto;background:#da2a3f;color:#da2a3f;font-size:0.7rem;color:#fff;font-weight:800;}
#blog.btn i{font-size:1.4rem;margin-right:5px;}
#blog.btn:hover{background:#333;}
.wrapperG{max-width:1300px; width:95%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
.wrapper2{max-width:1200px; width:95%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
.wrapperRelatifCentre{max-width:980px; width:80%; height : auto; 
	 position: relative;
  display:block;
	 margin:30px auto!important; 
	
}
.wrapperRelatifCentre i {color:#c7d40c;font-size: 2.5rem;}
.wrapperRelatifCentre p {color:#c7d40c!important;font-size: 1.5rem; text-align: left!important;}
.miniMum iframe{min-width:350px!important;}
.galerie {display: block!important;width:100%;text-align: center;}
.galerie a 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: 'futura-pt', sans-serif!important; font-size:3rem!important; color:#fff!important;width: 80%!important;margin:30px auto 0 auto!important; font-weight:normal;}
.galerie h4{color:#898b5c!important;margin:30px auto 30px auto!important; }
ul.retrait { margin:30px auto;padding : 10px 30px; border-left : 10px solid #de562c; border-right: 10px solid #de562c; border-radius:30px;background: rgba(0,0,0,0.00)}

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

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

	
}

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

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

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

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


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

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

/*.logoBurger{display:none;}*/
section.saveur{
    background: url(../images/fond_alpha.png),  url(../img2020/fd-saveurs.jpg);
	background-size:  auto, auto;
		background-position:  top left, top right;
		background-repeat: repeat, no-repeat; 
	
}
ul.saveurs li{clear:both;margin-bottom:20px;min-height: 75px;display:flex;align-items: center;
  justify-content: flex-start;}
ul.saveurs li img{    float: left;
    max-width: 75px;
    border-radius: 50%;
    border: 2px solid #333;position:relative;
    margin-right: 10px;z-index:1;}
/*ul.saveurs li::after{  content: "";width:100%;height;2px;position:absolute;bottom:0px;right:0px; border-bottom: 1px solid #999;min-height:inherit;}*/
ul.saveurs::before{    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    height: 440px;
    width: 1px;
    border-left: 4px dotted #555;
    /* background: red; */
    top: 4px;
    left: 51px;}
.roue img{border-radius:50%;height:auto;width:100%;max-width:700px;display:block;position:relative;margin:0px auto;}
h2.titre{
	font-family: 'futura-pt', 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: 'futura-pt', sans-serif;}
.encartPartenaire a, .encartPartenaire a p{color:#999!important;text-decoration: none!important;font-size: 0.8rem!important;line-height: 0.75rem; display: block;text-align: center;margin: 0px;padding: 0px;font-style: italic;min-height: 23px;}
.encartPartenaire a:visited, .encartPartenaire a:visited p{color:#999!important;}
.encartPartenaire a:hover, .encartPartenaire a:hover p{color:#666!important;}

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

.gamme h3.realisation{text-align: center;width:100%;color:#333333;margin-top: -50px;}
.gamme h3.realisation i{font-size:3.5rem;display:block;color:#333333;}

/*.partenaires a {}
.partenaires h3::after, .gamme h3::after {
    content: "...";
    position: relative;
    width: 50px;
    height: 17px;
    margin-bottom: 40px;
    color: #da2a3f;
    display: block;
    font-size: 3.5rem;
    line-height: 0.1rem;
}*/

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

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


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

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

*::-webkit-scrollbar-thumb {
  background-color: #f7a941;
  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: #333;
  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;display:none;}
.bandeau{display:block;position:relative;display:block;padding:2px 20px 2px 140px;background:#333333;}	
.bandeau h2{color:#fff;font-size: 0.7rem;margin-bottom: 4px;font-weight: 400;text-align: left;/*text-transform: uppercase;*/
    letter-spacing: 0.05em;}
/**********************************************/
/*.boutonMenu{position:absolute;top:48px;left: 39%;
    transform: translateX(-50%);background:none;padding:0px;border-radius:50%;z-index:1000000000;border: 0px solid #000;}*/
 .boutonMenu {
    position: absolute;
    top: 22px;
    right: -80px;
    transform: translateX(-50%);
    background: none;
    padding: 0px;
    border-radius: 50%;
    z-index: 1000000000;
    border: 0px solid #000;margin-left:-205px;
}






.fixNavigation .boutonMenu{position:absolute;top:7px;}

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

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


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

.banniere-fdc{display: block;position:absolute;top:0px;left:0px;width:200px;height:auto;}
.banniere-fdc img{width:100%;height:auto;display:block;}
/**********Menu Modal******/
.descriptionUn ul{list-style: none;margin-bottom:0px;padding-left:0px;}
.descriptionUn ul li, .descriptionUn ul li a{font-size:0.9rem;color:#fff;text-align:left;font-size:0.9rem;font-family: "transat-text";font-weight:100;line-height:1.4rem;}
.descriptionUn ul li a::before{content:"\f054";font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);font-size:1.0em;display:inline-block;/*transform:rotate(-17deg);*/margin-right: 5px;vertical-align: 0px;}
.descriptionUn ul li{margin-bottom:5px;}
.descriptionUn ul li a:hover{color:#333;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:#fff;}
#Row h3{font-family: "transat-text";font-size:1.1rem;color:#333;margin-top:15px;font-weight:400;}
#Row h3 a{color:#333;}
#sectionJaune{display:block;opacity:1.0;position:fixed;top:0px;left:50%;transform: translateX(-50%);z-index:3;background:#da2a3f;
	-webkit-transition: left 0.5s;transition: left 0.5s;
    width: 100%;
    height: auto;max-width:1920px;
		 padding: 130px 30px 30px 70px;}
ul.boutique, ul.boutique li{list-style: none;}
ul.boutique li{display:block;}
.fixnavigation ul.boutique li{display:inline-block;}
	 .sousTitre span{font-size:0.7rem;}
.sousTitre a span{font-size:1.1rem;}
.sousTitre .boutique a span{font-size:0.9rem;}
.sousTitre .boutique a span.numerotel{font-size:1.1rem;font-weight:900;}
	 .show>.dropdown-menu {
    display: block;
    background: #333;
    border-radius: 0;
}
	   
	#sectionJaune.superMenu{opacity:1.0;left:200vw;-webkit-transition: left 0.5s;transition: left 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
		#sectionJaune.classBGD{background: rgba(0,0,0,0.50); -webkit-transition: background 0.5s; 
    transition: background 0.5s;}
		#sectionJaune h1, #sectionJaune h2 {text-align: center;margin-bottom: -10%;}


/**********************************************/
button.close {
    text-align: right;
    margin-bottom: -29px;
}
@media (min-width: 320px){
.modal-lg {
    max-width: 1200px;
    width: 100%;padding:30px 10px 30px 10px;
}
	}
@media (min-width: 767px){
.modal-lg {
    max-width: 1200px;
    width: 100%;padding:30px 30px 30px 30px;
}
	}
@media (max-width: 575px){
.modal-dialog {
margin: 0px; 
}
	}

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

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

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

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

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

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

.carte {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
    }
/****/
.cadre5bis {  padding:30px 23px 10px 23px;margin:15px 0px 50px 0px;background:#446084;/*border: 2px dotted #fff; background:#79983c;*/color:#fff!important;text-align: center;position:relative;border-radius: 0px;    word-wrap: break-word !important;display:block;white-space: normal;width:100%}
a.cadre5bis{-webkit-box-shadow: 2px 3px 7px 0 rgba(0,0,0,0.3);
box-shadow: 2px 3px 7px 0 rgba(0,0,0,0.3);}
a.cadre5bis:hover {background:#446084;-webkit-transition: all 0.3s; 
    transition: all 0.3s;box-shadow: none;}
a.cadre5bis.neg {background:#446084;}
a.cadre5bis.neg:hover {background:#c1d82f;}
a.cadre5bis:before {content:"";
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 0 90px 90px;
   border-color: transparent transparent #FF4532 transparent;
	position:absolute;bottom:0;right:0;
}
a.cadre5bis.neg:before {
   border-color: transparent transparent #202e1c transparent;
}
a.cadre5bis h3 + p i{position:absolute;bottom:10px; right:10px;}


.cadre5bis p, section.agence .cadre5bis h3{color:#fff;text-align: center;}
section.agence .cadre5bis h3 span{display:block;font-size: 1.0rem;font-family: "filmotype-jade", sans-serif;font-style:italic;font-weight: 100;padding: 3px 20px 0px 20px;text-transform: none;}
.cadre5bis p i{font-size:2.0rem;}
.cadre5bis a img {max-width:100%;height:auto; 
transition: all 0.3s ease-in-out;}

.cadre5bis a:hover img {transform: scale(1.1);
transition: all 0.3s ease-in-out;
	}
.cadre5bis a h3 {box-sizing: border-box!important;
    font-family: 'transat-text', arial, sans-serif;
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.4rem;
    text-align: center;font-weight: 300;z-index: 100;position: absolute;width:100%;bottom:0px;
    background: #446084;padding: 5px 20px 6px 20px;margin: 0!important;transition: all 0.2s  ease-in-out 0.1s ;
}
.cadre5bis a:hover h3{
    background: #fcbd32; transition: all 0.2s  ease-in-out 0.1s ;padding: 5px 20px 36px 20px
}
.agence .cadre5bis ul {padding-left: 30px;padding-right: 0px;}
.cadre5bis a{font-family: 'transat-text', arial, sans-serif!important;font-size:1.0rem!important;color:#446084;}
.cadre5bis a:hover{color:#202e1c;}
.cadre5bis a i, .cadre5bis li i{display:inline-block;font-size:1.8rem;margin-top:5px;margin-right:5px;margin-left:5px;}

.cadre5bis h3{font-family: 'transat-text', arial, sans-serif!important;font-size:1.3rem!important;margin-bottom:10px;color:#f7a941;/*margin-top:-50px;*/text-align:center;}
.cadre5bis h3 img{display:block;max-width:85px;height:auto;font-family: "transat-text", sans-serif;}
.cadre5bis h4{background: #446084;padding: 30px 30px 0px 30px;width: 150px;text-align: center;position: relative;margin: -60px auto 10px auto;border-radius: 50% 50%;-webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);}
.cadre5bis h4 img{max-width:100%; height:auto;}
.cadre5bis ul li{color:#f7a941;text-transform: uppercase;font-size: 0.8rem;font-weight: 600;}
.cadre5bis ul{margin-bottom:0px;}
.cadre5bis h4 i, .cadre5bis h3 i{display: inline-block;font-size: 2.5rem;line-height: 2.5rem;margin-bottom:0px;margin-right:10px;vertical-align: -5px;}
.cadre5bis.contact h3 i{font-size: 2.5rem;line-height: 2.5rem;margin-bottom:5px;}
/*.cadre5bis li:last-of-type{display: block; position: absolute; bottom:40px;}*/
.atout .cadre5bis {padding: 20px 40px 30px 40px;border-radius: 20px;margin:30px 0px 30px 0px;background:rgba(250,250,250,0.50);border:1px solid #f7a941;min-height:175px;    filter: drop-shadow(0 0 21.5px rgba(0, 0, 0, 0.07));display: flex;align-items: center;flex-direction: column;-webkit-transition: all 0.3s;transition: all 0.3s;}

section.agence .atout .cadre5bis h3 {color: #446084;margin-bottom:10px;}
.atout .cadre5bis p{color:#777;font-size:1.0rem;line-height: 1.7rem;margin-bottom:10px;} 
.atout .cadre5bis img{max-width:270px;width:100%;height:auto;}
.atout .cadre5bis .iconatout {padding: 5px 10px 5px 10px;width: 95px;height: 95px;margin: 0px auto 10px auto; display: flex;align-items: center;justify-content: center;border-radius:0%;-webkit-transition: all 0.3s;transition: all 0.3s;box-sizing: border-box;}
.atout .cadre5bis .iconatout .euro{font-size:3.0rem;font-weight:100;}
.atout .cadre5bis .iconatout img{max-width:70px;width:100%;height:auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.atout .cadre5bis .iconatout img{max-width:48px;width:100%;height:auto;padding:0px 0px;-webkit-transition: all 0.3s;transition: all 0.3s;}

.atout .cadre5bis:hover .iconatout img {filter: contrast(0) brightness(10) hue-rotate(150deg);-webkit-transition: all 0.3s;transition: all 0.3s;}
.atout .cadre5bis:hover .iconatout { display: flex;align-items: center;justify-content: center;background: #c5ab30;border-radius:50%;-webkit-transition: all 0.3s;transition: all 0.3s;}

/****/

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

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

.partenaires.bouton{background:rgba(0,0,0,0.10) ;}
.bouton .cadre5ter {
    border: 8px dotted #da2a3f;
    padding: 20px 25px 20px 30px;
    margin: 10px 0px 30px 0px;
    color: #fff;
    /* background: #2ea5ad; */
    background: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    flex-direction: column;
}
.bouton .cadre5ter h4{color:#da2a3f}
.bouton .cadre5ter li a{font-weight:800;color:#333;}
.bouton .cadre5ter li a:hover{color:#2ea5ad;}
.bouton .cadre5ter h4 i {color: #da2a3f;}
.bouton button i {font-size:2em;margin-right:10px;vertical-align: -5px;margin-top: -5px;margin-bottom: -5px;}

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

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

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

#menu .sociaux{position:absolute;display: flex;align-items: center;justify-content: center;top:0px;left:0px;width:100px;height:inherit;z-index: 1000;    background: #da2a3f;padding-right:5px;}
#menu .boutique{position:relative;display: block; top:-10px;right:10px;width:inherit;height:auto;z-index: 1000;text-align: left;}
#menu .sociaux a{color:#fff!important;text-decoration: none;font-size: 1.4rem!important;margin:0 10px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#menu .boutique a, #bas a{color:#fff!important;text-decoration: none;font-family: "transat-text", sans-serif;/*font-family:futura-pt, sans-serif,  "transat-text", Arial, sans serif;*/font-size: 0.8rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#bas a{display:block;}
#bas a{color:#333!important;}

#menu .sociaux a:hover, #menu .boutique a:hover, #bas a:hover{color:#333!important;text-decoration: none;} 
#menu .boutique a i{font-size:1.5rem;margin-right:5px;}
#leLogo{position:absolute;margin:0px auto 0px auto;display:block;width:350px;height: auto;top:-15px;left:20px;}
.fixNavigation #leLogo{width:194px;height: auto;top:1px;}
.triangleG{width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 50px 0 50px 40px;
   border-color: transparent transparent transparent #da2a3f;
   transform: rotate(0deg);
	position:absolute;top:0px;left:100px;z-index: 1001;

}
.fixNavigation .triangleG{top:-18px;}
.triangleD{width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0px 0 86px 55px;
   border-color: transparent transparent transparent #ffffff;
   transform: rotate(0deg);
	position:absolute;top:0px;left:-1px;}
.triangleD2{width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 50px 0 50px 40px;
   border-color: transparent transparent transparent #333333;
   transform: rotate(0deg);
	position:absolute;top:0px;right:-40px;}

.leLogo {width:100%;height: auto;padding:0px;z-index: 1;border:none!important;text-align: center; }
#menu.fixNavigation .leLogo {
	height: 50px;box-shadow: none;}

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

.fixNavigation .leLogo h4 {display: none;}

/*greyscale ;
blur ;
saturate ;
sepia ;
hue rotate ;
invert ;
brightness ;
contrast ;
opacity.*/
.leLogo img {display: block;width:100%;height: auto;margin:0px auto 0px 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;margin:0px auto 0px auto;
	
}
.fixNavigation .leLogo h3{
	display: none;/*
	font-family: 'futura-pt', sans-serif;
	color:#333;
	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: 62px;overflow:hidden;-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);	
}

/*---------------------------*\
		détails
\*---------------------------*/
#logo { text-indent : -9999px; top:10px;}
#logo a { color:transparent;}

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


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



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

 }

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

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

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

.displayNone{
display: none!important;
 
 }


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


      #menu {width : 100%; height : 86px; margin-top : 0px; /*height : 140px;background : rgba(92,140,146,1.0);*/background: #fff;}
    #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 : #333; font-family : "transat-text", 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 : "transat-text", 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;
}
   


.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{font-weight: 400;display: block;height: 45px !important;padding: 0 20px; /* color: #c2b49e; */
    color: #333;font-family: "transat-text", Arial, sans serif;font-size: 0.7rem;line-height: 45px;text-transform: uppercase !important;letter-spacing: 0.05em;text-align: center;}

.dropdown-menu a.dropdown-item:hover { text-decoration: none;background : #f8f9fa!important;
-webkit-transition: all 0.4s;transition: all 0.4s; border:none!important;}
.navbar-expand-lg .navbar-nav .dropdown-menu {width:230px;border-radius: 0;border: none;background: #f8f9fa;}
.dropdown-menu a.dropdown-item.active2{font-weight:800;}
    
 ul.coordonnees{ color: #666!important; list-style-type : none; }
	


/*fond*/

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

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

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

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

.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: 'futura-pt', sans-serif, Times New Roman, serif;font-size:1.2em!important;line-height: 1em!important;}
.membre p span {font-style: italic!important; color:#c2b49e!important;font-family: "transat-text", '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: 'futura-pt', sans-serif,  Times New Roman, serif; border-radius:20px;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);text-align: center;}
.collection blockquote i{font-size: 3em; float: left;margin-right:20px;}
 a.brochure {
    background: #1e898f;
    border: none!important;
    text-transform: uppercase;
    font-family: 'transat-text', '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: "transat-text", sans-serif;color:#fff;font-weight:300;font-size:7rem;line-height:5rem;padding:50px}
.gamme {background: rgba(255,255,255,1.00);
	background: url(../images/fond_alpha.png), url(../img2020/fond-electricien-pac-climatisation-automatisme-domotique-la-tremblade-royan-1.png);background-size:  auto, contain;background-position:  top left, top left;background-repeat: repeat, no-repeat;background-attachment: fixed;padding-top: 50px; padding-bottom: 50px;height:auto;overflow: hidden;}
.gamme.soixantedix {padding-bottom: 70px;}
.gamme a, .gamme p{color:#666;position:relative;z-index:1;font-weight:400; font-family: "futura-pt", sans-serif;font-size: 1.1rem;line-height: 1.4rem;text-decoration: none;text-align: left;}
.gamme p{text-align:justify;}
.gamme p.label{color:#ba9b64;font-style: italic;margin-bottom:5px;margin-top:-10px;text-align: center;}
.gamme h2 {font-family: "transat-text", sans-serif;font-weight:900;
font-size: 2.3rem;line-height:2.5rem;color:#333;text-align: left; text-decoration: none;margin-top:0px;margin-bottom:40px;}
/*.gamme h2:after {  content: url('../img2020/tiret.png');position: relative;width: 50px;height: 17px;margin: -30px 0 13px auto;display: block;}*/
.partenaires h2 span {font-family: 'futura-pt', sans-serif;
font-size: 3.5rem;line-height:2rem;color:#da2a3f;text-align: center; text-decoration: none;margin-top:0px;margin-bottom:40px;margin-right:10px}
.gamme h2 span{color:#333333;display:block;text-transform: none;font-size:0.8em;font-weight:400;}
.gamme h4{margin-top:0px; /*background: #f8f9fa;*/padding: 0px 20px;color:#f7a941;    border-left: 5px solid #f7a941;}
.gamme h4 span{display:block;color:#da2a3f;text-transform: uppercase !important;font-family: "transat-text", Arial, sans serif;font-size: 0.8rem;letter-spacing: 0.1em;}
.gamme h4.forme{margin-top:0px;border-left:70px solid #da2a3f;padding-left:15px;}
.gamme h2 a:hover {font-family: "transat-text", 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 p a {color:#da2a3f!important;-webkit-transition: all 0.2s; transition: all 0.2s;text-decoration: underline;padding:5px 5px;display:block;}
.gamme p a i{font-size:1.5rem;margin-right:5px;}
.gamme p a:hover {color:#212529!important;-webkit-transition: all 0.2s; transition: all 0.2s;}
 .formes, .formes p {text-align: center;text-transform: uppercase;font-size:0.8rem;font-weight: 600;
    font-family: "transat-text", sans-serif;letter-spacing: 0.07em;}
	 .formes img {max-width:200px;height:auto;display:block;margin:0px auto;}
.activites img, .gamme img{

    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	opacity: 1.0;
	transform: scale(1.0);
}
/*.gamme .centrageFlex img{max-height: 240px;margin: 0px auto;display: block;}*/

.gamme .activites a:hover img{
    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);
	opacity: 0.9;transform: scale(1.1);
}
.gamme a:hover img{
	opacity: 0.7;transform: scale(1.0);
}

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

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

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

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

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

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

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

.containerparallax div.bgd, .slide0 div.bgd {
       position: absolute;top:0px;left:0px;background: rgba(181,119,17,0.20);z-index: 1;display: block;width: 100%;height:100%;/*border: solid 1px #fff;*/}

/**************fin css parallax*************/
/********************************************CONTENU********************************/
.contenu, .contenu3 {background:#ffffff;	padding-top: 50px; padding-bottom: 30px;}
.contenu2 {padding-top: 10px; padding-bottom: 30px;}
.contenu a, .contenu2 a, .contenu3 a {text-decoration: none;}
.contenu p, .contenu ul li, .contenu3 p, .contenu3 ul li{color:#555; font-family: "transat-text", sans-serif;font-size: 1.0rem; line-height: 1.3rem;text-decoration: none; font-weight: 400;list-style-type: none;}
.contenu2 p, .contenu2 ul li{color:#fff; font-family: "transat-text", 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: 'futura-pt', sans-serif;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;font-weight:100;}
.contenu3 ul li strong{color:#333; font-family: 'futura-pt', sans-serif;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;}

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

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


	.un {
		
		width:100%; height: 400px; display:block; position: relative;
		overflow: hidden;
	}
.un h2, .containerparallax h2 , .alpha h2 {display: block; color:#fff; font-size:1.2rem;  font-family: "transat-text", sans serif;font-style: normal;letter-spacing: 0.2rem;	height:auto;  text-transform: uppercase;
margin:70px auto 0 auto;text-align: center;	
}


.un h2 span, .containerparallax h2 span, .alpha h2 span {font-size:3.0rem;line-height:3.0rem; letter-spacing: 0.0rem!important;	text-transform: uppercase;display:block;font-weight:800;margin-bottom:15px;}/*
.containerparallax h2 span::after, .qlpha h2 span::after {
    content: "...";
    position: relative;font-family: "transat-text",  sans-serif;
    width: 50px;
    height: 17px;
    margin-bottom: 40px;
    color: #da2a3f;
    display: block;
    font-size: 5.5rem;margin-left: auto;
    margin-right: auto;
    line-height: 0.1rem;font-style: normal!important;
 
}*/
.un h2 span span, .containerparallax h2 span span { 
    vertical-align: -10%;
}
.alpha {
    background: rgba(103,136,152,0.30);
	display:flex;width:100%;height:inherit;position:absolute;top:0px;left:0;z-index:10;
}

element.style {
}
.centrageFlex, .partner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner img{max-height: 80px;height: auto;max-width: 100%;margin: 10px auto; display: block;}
.undeuxtrois {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
   /* background: rgba(48,173,99,0.50);*/
	background:#333;
    padding: 50px 30px 5px 30px;
    border-radius: 0px;
	    border-left: 8px dotted #da2a3f;height:100%;
}
.undeuxtrois h4 {
    font-size: 1.3rem;
    line-height: 1.3rem;
    /* font-family: pacifico, sans-serif; */
    max-width: 190px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.1em;color:#da2a3f;
}
.undeuxtrois p{color:#fff;font-weight:100;text-align:center;}
.undeuxtrois img, .undeuxtrois i {
       background: #da2a3f;
    width: 80px;
    height: 78px;
    /* max-width: 100px; */
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-top: -35px;
    padding: 0px 0px 0px 6px;position:absolute;top:0px;
}
.undeuxtrois i::before{font-size:3.3rem;color:#333;}


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

.cinq h2 {color:#fff; font-size:3em;  font-family: 'futura-pt', sans-serif,  Times New Roman, serif;font-style: italic;	
}
.cinq h3 {/*color:#c2b49e; */color:#333; font-size:2em;letter-spacing: 0.2em;  font-family: 'Monserrat', arial, sans serif;font-style: normal;font-weight: 600; margin-bottom:50px;/*text-transform: uppercase;	*/
}
#bas h2 {color:#da2a3f; font-size:1.2em; text-align:left;
}
#bas h2 span {color:#333;font-size: 1.2rem!important;text-align: left;font-weight: 400;padding: 0px 30px 0 0;font-family: 'futura-pt', sans-serif;text-tranform:none;}
.ligneB::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 100%;
   border-bottom: 1px solid #fff;
	border-color: inherit!important;
	
}
.ligneH::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 100%;
   border-top: 1px solid #fff;
	border-color: inherit!important;
	
}
.ligneB2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 100%;
   border-bottom: 3px dotted #fff;
	border-color: inherit!important;
	
}
.ligneH2::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 100%;
   border-top: 3px dotted #fff;
	border-color: inherit!important;
	
}
.ligneBrd::after{
	content: "";
    display: block;
	margin:20px auto 30px auto;
    width: 100%;
   border-bottom: 3px dotted #ccc;
	/*border-color: inherit!important;*/
	
}
.ligneHrd::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 100%;
   border-top: 3px dotted #ccc;
	/*border-color: inherit!important;*/
	
}
.txtform{color:#999;text-align: right!important;padding-right: 20px;}
.txtformcenter{color:#666;text-align: center!important;}
hr{
	content: "";
    display: block;
	margin:20px auto 200px 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: "transat-text", 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 {padding:1px  10px 0px  60px ;  text-align: left; display:block; width:420px; 
	position:absolute; margin: 0 0px 0 auto;top:0px;right:0px;height:inherit;background: #333333;

}
.sousTitre img{padding:5px 2px;width:36px;height:auto;}
.sousTitre a, .sousTitre span, .sousTitre a span, #bas a, #bas span{color:#fff; text-decoration: none!important;display:inline-block;}
.sousTitre a{display:inline-block;padding-bottom:1px;}
.sousTitre a:last-of-type{margin-top:-3px;}
#bas a, #bas span{text-align: left;font-size:1.0rem!important;padding-bottom:10px;font-family: 'futura-pt', sans-serif;}
#bas .suiveznous a{text-align: center;font-size:1.4rem!important;}
#bas a i, #bas span i{font-size:1.4em!important;margin-right:5px;}
.sousTitre i{font-size:1.5rem!important;margin-right:3px;vertical-align: -3px;margin-left:5px;margin-bottom:5px;}
.sousTitre a:hover, .sousTitre a:hover span{color:#333!important; text-decoration: none!important;
}
#bas a:hover, #bas a:hover i{color:#f7a941!important; text-decoration: none!important;
}
.fixNavigation .sousTitre span{display:none;}
.fixNavigation .sousTitre a span{display:none;}
#menu.fixNavigation .boutique li {display: inline-block;}
#menu.fixNavigation .sousTitre {
    padding: 28px 5px 0px 25px;
    text-align: left;
    display: block;
	width: 235px;}
.fixNavigation .triangleD {
     left: -12px;top:-4px
}
#menu.fixNavigation .boutique a i {
    vertical-align: 2px;
}
#menu.fixNavigation .boutique a {
    display:inline-block;
}
#bas h3 {color:#ffffff; font-size:0.8em;line-height: 2.2em; letter-spacing: 0.2em; font-family: "transat-text", Arial, sans serif;   padding:0px 20px 30px 20px; text-align: center;  }
#bas h3 em{font-style:normal;font-size:3.2rem;letter-spacing: 0.05;font-family: 'futura-pt', sans-serif;font-weight:200; }
#bas h3 em:nth-of-type(1){color:#fff;}
#bas h3 em:nth-of-type(2){color:#da2a3f;}

#bas h2 em, .gamme h2 em{font-style:normal;font-size:3.2rem;letter-spacing: 0.05;font-family: 'transat-text', sans-serif;font-weight:200; }
#bas h2 em:nth-of-type(1){color:#fff;font-family: 'futura-pt', sans-serif;font-weight:600;text-transform: uppercase;padding-right:10px;}
.gamme h2 em:nth-of-type(1){color:#333;}
#bas h2 em:nth-of-type(2){color:#333;font-family: 'futura-pt', sans-serif;font-weight:400;text-transform: none;}
@media (max-width: 1330px) {
	.bandeau h2 span{display:none;}
}
@media (max-width: 1130px) {
#menu2.fixMenu .navbar-nav .nav-item:first-of-type{display:none}
}
@media (max-width: 991px) {
	.triangleD {left: -1px;border-width: 0px 0 77px 55px;}
	.sousTitre span, .sousTitre a span {display: none;}

}

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



.ombre{text-shadow: 0 3px 0px #666}
.ombregamme{    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    z-index: 3;}
section.ombregamme{    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 3;margin:0;padding:0;width:100%;display:block;position:relative;height:25px;margin-top:-25px;}
.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: 'futura-pt', sans-serif,  Times New Roman, serif;font-style: italic; text-align: center;
	
}
.cinq {
		/*background: url(../img2020/bgd-orange-gris.png);*/
		background: url(../img2020/bgd-1848-alpha.png);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; min-height: 100vh; display:block; position: relative;
		overflow: hidden;
	}


@media (max-width: 1440px) {
#bas h2 em, .gamme h2 em {display:block;line-height: 2.7rem;}
}

@media (min-width: 1200px) {
	* + .buttons-group {
		margin-top: 43px;
	}
	* + .buttons-group-1 {
		margin-top: 36px;
	}
	.owl-carousel-3 + .button-wrap-lg {
		margin-top: 61px;
	}
}
@media (max-width: 670px) {
.triangleD {display:none;}
	#menu .boutique a{color:#333333!important;}
	#menu .boutique a:hove{color:#f7a941!important;}
	.sousTitre {background: transparent;}
	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Owl Pagination
 */
.owl-dots {
	text-align: center;
	margin-top: 20px;display:none;
}
@media (max-width: 576px){
		.owl-dots {display: none;}
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/*
* Gallery
*/
/*
a[data-fancybox="gallery"] p, a[data-fancybox="gallery1"] p, a[data-fancybox="gallery2"] p ,a[data-fancybox="gallery3"] p, a[data-fancybox="gallery4"] p{padding:10px 20px;background:#212529;position:absolute;bottom:15px;left:0px;color:#fff!important;}

a[data-fancybox="gallery"]:hover p, a[data-fancybox="gallery1"]:hover p, a[data-fancybox="gallery2"]:hover p ,a[data-fancybox="gallery3"]:hover p, a[data-fancybox="gallery4"]:hover p{padding:10px 20px;background:rgba(239,119,15,1.00);color:#fff!important;}

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

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

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

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

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

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

@media (max-width: 767px) {
	.gallery-item {
		min-height: 180px;
	}
	.gallery-item > img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

.desktop .gallery-item-1:hover:after {
	color: #ffffff;
}
/*****LINK*******/
.gamme .activites .paddingLink h3::after {
    margin-bottom: 10px;
    margin-bottom: 10px;
    font-size: 8rem;
    top: -1px;
    bottom: 10px;
    margin-top: -25px;
    /* line-height: 0rem; */
}
.gamme .activites .paddingLink h3{color:#fff;line-height:1.5rem;text-transform: none;font-weight:300;font-size:1.2rem;}
.gamme .activites .paddingLink h3 span{font-family: 'transat-text', sans-serif;font-weight: 700;font-size:1.3rem;display:block;line-height: 1.7rem;margin-top:5px;text-transform:uppercase;}
.gamme .activites .paddingLink p i{font-size:2.0rem; color: #fff;}
.gamme .activites .paddingLink p {margin-bottom:0px;}
.paddingLink{padding-right: 0px!important;
    padding-left: 0px!important;background: rgba(255,255,255,0.80);margin-bottom:20px}
.gamme .activites .paddingLink a.link figcaption {padding: 20px 10px 27px 15px;/*transform: rotate(-3deg)*/border-right: 0px solid #f7a941;}

.trianglefigcaption {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 79.5px 0 79.5px 10px;
   border-color: transparent transparent transparent #FF4532;
   transform: rotate(0deg);position:absolute;bottom:0px;left:0px;
}

 a.link {background: #fff;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: #333;*/background:rgba(0,0,0,0.5);position:absolute;bottom:-60px;padding:20px 10px 20px 10px;width:77%;min-width: 285px;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;left:0px;}
a.link:hover figcaption {background: #333333;bottom:0px;}

a.link figcaption h4 {color: #da2a3f; font-family: "transat-text", sans-serif;margin-bottom:20px;font-size: 0.8rem;letter-spacing: 0.2em;text-transform: uppercase; margin-top:0px;font-weight:800;text-align: center;}
a.link figcaption p, a.link:hover figcaption p {color:#ffffff!important;text-transform: uppercase;font-family: "transat-text", sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;}

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

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

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

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

#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 {text-align: left;color: #333;text-transform: uppercase;letter-spacing: 0.1em;font-size: 1.0rem;margin-bottom: 10px;font-family: "transat-text", sans-serif;font-weight: 700;}
#bas img{margin:10px 20px;max-height: 7px;width: 300px; }
#bas a img:nth-last-of-type(2){margin:10px 20px;max-height: 10px;width: auto; }
#bas a img:hover{-webkit-transition: all 0.5s; 
    transition: all 0.5s; opacity: 0.5; }
#bas .suivez a i{font-size:2.1rem!important;margin-righ:10px!important;color:#333;}
#bas .suivez a {display:block;text-align: center;margin:0px auto 20px auto;}
#bas .suivez {text-align:center;/*margin-left: -105px;margin-right: 40px;*/}
.triangleG2 {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 153.5px 0 153.5px 40px;
   border-color: transparent transparent transparent #f7a941;
   transform: rotate(0deg);position:absolute;left:0px;top:0px;}
.logoContact img{margin:10px 20px;max-height: 60px;width: auto; }

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



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

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: "transat-text", sans-serif;
font-size: 0.8rem;color:#fff;font-weight: 100; text-transform: uppercase;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px; }
footer ul li a:hover {color : #666; text-decoration: none;}
footer ul li a span{margin-right:10px;}
footer p{margin:0 auto; text-align: center; color : #666666;}
footer p span{color:#666666!important; font-style: italic; font-size:0.9em;}
footer.relatived-footer-video ul li a {

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


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 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{text-align: center!important; display: block;max-width:300px;margin:0px auto 0px auto;background: #1e898f;color:#fff!important;padding:10px 30px;word-wrap: break-word!important;
    white-space: normal;}
.btn-primary span{display:block;font-family: 'futura-pt', sans-serif;font-size: 2rem;line-height: 1.8rem;}
.btn-primary:hover{display: block;width:auto;margin:0px auto 0px auto;background: #333;color:#fff;}
.btn-secondary {border-radius:0px; height : 35px;padding:0;margin:30px auto; }
.btn-secondaryActu { height : 35px;padding:0; }

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

 a .btn-secondary,a .btn-secondary2,  a .btn-secondary3,  a .btn-secondaryActu{font-family: "transat-text", 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{background: #333;}
.btn.resaM{background: #e05a0a;width:100%}
.btn.resaS{background: #2ea5ad;width:100%;text-align: center;}
.btn.resaK{background: #da2a3f;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: #da2a3f;
color:#fff;
}
.btn.resaK:hover {
    background: #333;
color:#fff;
}
		
			  .btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus {
    color: #000;
    background-color: #333;
		  border: 0px solid #333;
}
		.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: #002e46;
    color: #fff;
				  border: 0px solid #002e46;
}

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

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

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


.voletfacebook a{cursor: pointer;}
.voletfacebook.voletfacebookopen{position: fixed;left: 0px!important; width: 340px;
-webkit-transition: left 0.5s; 
    transition: left 0.5s;
}*/
.faceIndex{position:absolute;z-index:1002;display:block;top:0px;}

.voletfacebook{z-index: 150; position: fixed; margin: 0px 0px 0px; left: -291px; top: 150px; -webkit-transition: left 0.5s; /* Safari */   transition: left 0.5s;}
.faceb{height: 60px;width:150px;background: #34495e;/* display: table-cell; vertical-align: top;background: #34495e url(../img/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;*/cursor: pointer;position:absolute;left:290px;top:-60px;    color: #fff;text-align: center;font-weight: 700;text-transform: uppercase;line-height:60px;}
.voletfacebook.voletfacebookopen .faceb{left:0px;top:-60px;}
.faceb i{color: #fff;font-size: 1.7rem;vertical-align: -5px;}
.voletfacebook .faceb:hover{background: #e74f20;}

.voletfacebook a{cursor: pointer;}
.voletfacebook.voletfacebookopen{z-index: 1500; position: fixed; margin: 0px 0px 0px; left: 0px!important; top: 150px; /*width: 340px;*/width: 290px;-webkit-transition: left 0.5s; transition: left 0.5s;}

	.faceIndex #voletfacebook iframe.ordinateur {width:500px; height:768px;display:block}
	.faceIndex #voletfacebook iframe.smartphone {width:290px; height:500px;display:none}
	.voletfacebook {left: -501px;top: 0px;width:500px}
	.voletfacebook.voletfacebookopen{top:0px;width:500px}
	@media (max-width: 991px) {
	.faceIndex #voletfacebook iframe.ordinateur {display:none}
	.faceIndex #voletfacebook iframe.smartphone {display:block}
	.voletfacebook {left: -291px;top: 150px;width:290px}
	.voletfacebook.voletfacebookopen{top:150px;width:290px}
}



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

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

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

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

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

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

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

.swiper-slide.slide1 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-1bis.webp);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide2 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-2.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}

.swiper-slide.slide3 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-3.webp);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide4 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-4.webp);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide5 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-5.webp);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
.swiper-slide.slide6 {
     background: url(../images/fond_alpha2aaa.png), url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-6.jpg);
	background-size:  cover;
		background-position:   center center;
		background-repeat: no-repeat; 
}
.swiper-slide.slide7 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/dragon-energie-pac-climatisation-la-rochelle-rochefort-charente-maritime-2.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide8 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/dragon-energie-vmc-plomberie-chauffage-installateur-depanneur-la-rochelle-rochefort-charente-maritime-1bis.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
#nain .swiper-slide.slide8 {
     background:  url(../img2020/dragon-energie-vmc-plomberie-chauffage-installateur-depanneur-la-rochelle-rochefort-charente-maritime-1bis.jpg);
	background-size:  cover;
		background-position:   top -120px center!important;
		background-repeat:  no-repeat; 
}
.swiper-slide.slide9 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/dragon-energie-vmc-plomberie-chauffage-installateur-depanneur-la-rochelle-rochefort-charente-maritime-1.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide10 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-10.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide11 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-11.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide12 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-12.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide13 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-13.jpg);
	background-size:  auto, cover;
		background-position:  top left, top center!important;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide14 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-14.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide15 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-15.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide16 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-16.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide17 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-17.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide18 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-18.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
/******/
.swiper-slide.slide19 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-19.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide20 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-20.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide21 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-21.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide22 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-22.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide23 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-23.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide24 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-24.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide25 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-25.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide26 {
     background: url(../images/fond_alpha2aaa.png), url(../img2020/dragon-energie-pac-climatisation-la-rochelle-rochefort-charente-maritime.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
.swiper-slide.slide27 {
     background: url(../images/fond_alpha2aaa.png), url(../img2020/plombier-chauffagiste-installateur-depanneur-vmc-pac-climatisation-la-rochelle-rochefort.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}

.swiper-slide.slide28 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-28.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide29 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-29.jpg);
background-size:  auto, cover;
		background-position:  top left, top center!important;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide30 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-30.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide31 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-31.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide32 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-32.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide33 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-33.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide34 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-34.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}
.swiper-slide.slide35 {
     background: url(../images/fond_alpha2AAA.png), url(../img2020/menuiserie-chauvet-bois-pvc-alu-fabricant-poseur-charente-maritime-35.jpg);
background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;  
}



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


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

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

	.swiper-slide .blocTexte {display: flex;width: 50%;border-radius: 0px;min-width: 320px;height: auto; margin-left: auto;   margin-right: auto;background: rgba(103, 136, 152, 0.50) !important;padding: 20px 20px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;align-items: center;justify-content: center;}
#nain .swiper-slide .blocTexte {margin-top: auto;border-radius: 30px 30px 0px 0px;margin-bottom: -10px;}
.swiper-slide .blocTexte2 {
			width:100%;max-width: 390px;
			min-width: 390px;height: 370px;
					margin:auto 0px auto auto;	
			background: #333!important;
			padding:20px 30px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
		display:flex;	
    }
.gamme .blocTexte2 {
			width:100%;height: 240px;
					margin: 0px auto;	
			background: #333!important;
			padding:20px 30px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
		display:flex;	margin:-70px auto 100px auto;
    }
.swiper-slide .blocTexte2 h1, .swiper-slide .blocTexte2 h2, .gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {
color:#fff;font-family: "transat-text", sans-serif;font-size:2rem;text-transform: none;
    }
.gamme .blocTexte2 h1, .gamme .blocTexte2 h2 {
width:450px;height:inherit;align-items: center;
  justify-content: center;	
		display:flex;flex-direction:column;
    }
.swiper-slide .blocTexte2 h1 em, .swiper-slide .blocTexte2 h2 em, .gamme .blocTexte2 h1 em, .gamme .blocTexte2 h2 em {font-weight:100;letter-spacing: 0.08em;
color:#fff;font-family: "transat-text", sans-serif;font-size:1.0rem;font-style: normal;
	margin-top:10px; text-align:center;   
    }
.swiper-slide .blocTexte2 h1 span, .swiper-slide .blocTexte2 h2 span, .gamme .blocTexte2 h1 span, .gamme .blocTexte2 h2 span {
color:#fff;font-family: 'futura-pt', sans-serif;font-weight: 200;font-size:3.5rem;font-style: normal;
	text-shadow: none;margin: 0px auto -10px auto;
    }
.gamme .blocTexte2.bis{padding: 0px 0px 0px 30px;box-sizing: border-box;overflow:hidden;margin: -70px auto 50px auto;}
.gamme .blocTexte2.bis h5 {
color:#fff;font-family: "transat-text", sans-serif;font-size:2rem;text-transform: none;
	    width: 50%;
    /*height: inherit;*/align-items: start;
    justify-content: center;
    display: flex;
    flex-direction: column;height:247px;
    background: #da2a3f;padding:30px;
    }
.gamme .blocTexte2.bis h5 span{    font-family: 'futura-pt', sans-serif;
    font-weight: 200;
    font-size: 4.0rem;
    font-style: normal;
    text-shadow: none;
    margin: -10px auto -13px 0px}
.gamme .blocTexte2.bis h1 {
    width: 50%;
    height: inherit;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.swiper-slide .blocTextemerci {
       position:absolute;
		top:120px;
		left:90px;
			/*width:35%;*/
			width: 400px;				
			
	background: rgba(0,76,76,0.80)!important;
	/*background: rgba(171,156,143,0.80)!important;*/
			padding:15px 20px 15px 20px;
	border:2px dotted #4f83b1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    }
.swiper-slide .blocTexte .btn {
    /*   position:absolute;
	bottom:50px; 
		left: 50%;
  transform: translateX(-50%);*/
		
    }
.swiper-slide .pslide{display: block!important;position:relative!important;margin:0px auto;}
    .swiper-slide .title, .swiper-slide h1.title{
        font-size: 2.1rem;
        font-weight: 100;
		line-height: 2.3rem;
		text-align: left;
		/*color:#afa69f!important;*/
		color:#666fff;
		text-shadow: 0 2px 5px #666666;
		
		font-family: 'Verveine', sans-serif!important;
    }
    .swiper-slide .subtitle {margin-top:10px;
        font-size: 1.5rem;
		line-height: 1.5rem;
		text-align: left;
		font-family: 'transat-text', sans-serif;
		color:#666!important;
    }
/*
.swiper-slide .subtitle::after{
	content: "";
    display: block;
	margin:10px auto 10px auto;
    width: 100%;
    border-bottom:1px dashed #666666;
	border-color:inherit;
	
}*/
    .swiper-slide .text p{
        font-size: 1.2rem;
        line-height: 1.4rem;
		text-align: left;
		font-weight: 400;
		color:#666!important;
    }

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


.swiper-pagination-bullet-active {
  opacity: 1;
  
	background: #333!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;}
.blocTextebas h2 span em {
    font-size: 1.2rem;
    font-style: normal;
    line-height: 1.9rem;
    margin-bottom: 10px;
    display: inline-block;color:#f7a941;
}
.swiper-slide .blocTextebas {


    max-width: 350px;
				margin-left:70px!important;	margin-right:auto!important;
			background: rgba(103,136,152,0.50);
	/*background: #333333;*/
background: linear-gradient(180deg, rgba(103, 136, 152, 1) 0%, rgba(103, 136, 152, 0.3) 91%);
			padding:0px 30px 0px 30px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
			z-index:2;display:block;min-height:649px;
	 display: flex;
  align-items: center;
  justify-content: center;margin-top:auto;
    }

.swiper-container .blocTextebas h2, .swiper-slide .blocTextebas h2 {
    /* color: #61b9ab; */
    font-size: 1.0rem; 
    font-weight:400;
    text-align: center; text-shadow: none;
	margin-left:auto;margin-right:auto;color:#fff;
    border-bottom: 0px solid #000;font-family: "mortise", serif;
	padding-top:15px;padding-bottom:10px;
}

.blocTextebas h2 span{
	font-size: 1.7rem;
    line-height: 2.1rem!important;
    font-family: "montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-shadow: none;
    color: #fff;
    border-bottom: 5px dotted #fff;
    margin-bottom: 9px;
}

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

/*--------------------------------- 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: "transat-text", sans-serif;color:#000000;	font-weight: 100;
		
	}
.introG .fr p span{text-align: center; font-family: "transat-text", sans-serif;color:#666666;	font-weight: 100; font-style: italic;
		
	}
.introG .fr h2 {font-family: 'futura-pt', sans-serif;}
.introG .fr h3 {font-family: 'futura-pt', sans-serif;}
.ligne2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 10%;
    background-color: #222222;
    height: 1px;	
}
	
	.introG .fr img {float: left; margin-right:10px;margin-top:-5px;margin-left:-10px;	}



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

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

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





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





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


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

	.wrapperG {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
}
@media (max-width: 991px) {
	
	.gamme {

    background-size: auto, auto;
    background-position: top left, bottom right;
    background-repeat: repeat, no-repeat;
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
    height: auto;
    overflow: hidden;
}
	
	#leLogo {width: 320px;}
	.leLogo {width: 100%;-webkit-box-shadow: none;box-shadow: none;background:transparent;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{background:#fff;}
	.navbar-expand-lg .navbar-nav .dropdown-menu li{text-align:left;}
	#menu {height: 77px;}
	.dropdown-menu a.dropdown-item{text-align:left;}
	.blocTextebas h2 span{font-size: 1.5rem;line-height: 1.5rem!important;}
	#swipebas .swiper-slide.slide0{background-position:  center center!important;}
	.swiper-slide .blocTextebas {max-width: 300px;margin-left:0px!important;width:50%;}
	.swiper-container .blocTextebas h2, .swiper-slide .blocTextebas h2 {font-size: 0.8rem; font-weight:700;letter-spacing:0;}
	
	.gamme .blocTexte2.bis h5 span { font-size: 2.8rem;line-height: 2rem;margin: -10px auto 10px 0px;}
	.gamme .blocTexte2.bis h5 {font-size: 1.5rem;}

	#bas h3 {
    color: #ffffff;
    font-size: 0.8em;
    line-height: 2.2em;
    letter-spacing: 0.2em;
    font-family: "transat-text", Arial, sans serif;
    padding: 0px 20px 0px 20px;
    text-align: center;
}
	/*#bas h2 {
    color: #da2a3f;
    font-size: 1.2em;
    text-align: center;
}
	#bas h2 span {
    color: #da2a3f;
    font-size: 1.2rem!important;
    text-align: center;
    font-weight: 100;
    padding: 0px 20px 15px 0;
}
	#bas .suivez {display:none;
    text-align: left;
    margin-left: -72px;
    margin-right: 30px;
}*/
	#bas {border-left: 32px solid #f7a941;}
	.triangleG2 {
    border-width: 165.5px 0 165.5px 40px;
    left: 0px;
    top: 0px;
}
	#menu2 .navbar-nav .nav-item a#ongletDevis {width: 200px;text-align: center;}
	.navbar-nav.onglets { margin: 0px auto; padding: 15px 0 30px 0;background:#fff;}
	#menu2{/*display:none;*/background-color: #fff!important;z-index:4000;top:10px;}
	.boutonMenu {top: 30px;margin-left: -150px;}
	.undeuxtrois img, .undeuxtrois i {
    margin-bottom: 10px;
    margin-top: -60px;
    position: relative;
}

	.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 : 100px; margin-top : 0; position: fixed; padding:0!important;}*/
	

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

.sousTitre {padding: 1px 10px 0px 30px;	width: 270px;margin: 0 0px 0 auto;top: 0px;left: auto;right: 60px;}
	#menu.fixNavigation .sousTitre {width: 250px;}
	#menu.fixNavigation .boutique {top: -29px;right: 22px;}
      #menu ul li a{display : inline-block;height : inherit; padding : 20px 5px; color : #fff!important; font-family : "transat-text", Arial, sans serif; font-size : 0.8em; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; }
	ul.boutique li {display: inline-block;}
#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 {border:none!important;width: 58px!important;height: 58px!important;z-index: 1000!important;margin: 0px 0px 0 auto;top: -78px;display: block;position: absolute;right: 0px;}
	#menu2.fixMenu .navbar-toggler {top: -60px;}
	#menu2.fixMenu .navbar-nav .nav-item:first-of-type {display: block;}
	.navbar-toggler:focus {text-decoration: none; outline: 0;box-shadow: none;}
	#menu .boutique {top: 2px;margin-bottom: 0px;}
	#menu2.fixMenu {z-index: 4000;position: fixed;top: 61px;width: 100%;max-width:100%;    background: #fff !important;}
	.contenu4{padding-top:100px;}
	
}
@media (max-width: 850px) {
	.sousTitre span, .boutique span{display:none;}
	.fixNavigation .sousTitre a span {display: none;}
	/*.sousTitre {width:30px;}
	#menu .boutique {width:30px;}*/
}
@media (max-width: 767px) {
	.triangleG {left: 64px;}
	.navbar-nav.onglets {padding: 30px 0 30px 0;}
	.navbar-toggler {margin: 0px 0px 0 auto;}

	section.allo h2 {font-size: 1.4rem;font-weight: 600;}
	section.allo h5 {font-size: 2.2rem;}
	#bas h2 {margin-bottom: 20px;}
	    #bas h2 em, .gamme h2 em {display: inline-block;}
	#bas .suivez, .triangleG2 {display:none;}
#bas {padding: 60px 20px 15px 30px;border-left: 15px solid #f4c256;}
	
	.gamme .blocTexte2.bis {margin: -70px auto 0px auto;}
	.separation140 {padding-bottom: 30px;width: 100%;}
	.separation70 {padding-bottom: 0px; width: 100%;}
	.photogris {margin-top: 70px;}
	.photoorange{margin-top: 30px;margin-bottom: 70px;}
	.gamme .activites h2 {margin-bottom: 50px;}

.gamme .blocTexte2 {
    width: 100%;
    height: 240px;
    margin: 0px auto;
    background: #333!important;
    padding: 20px 30px;
    margin: -70px auto 30px auto;
}
	.margecadre5bis {
    margin: 40px auto 0px auto!important;
}

.triangleG {left:60px;}
	/*#leLogo {
    position: relative;
    margin: 0px auto 0px 70px;
    display: block;
    width: 320px;
    height: 100px;
}
	.triangleD, .triangleG {display:none;}*/
	#menu .sociaux {width: 60px;display:block;padding-right: 0px;padding-left: 7px;padding-top: 16px;}
	/*.line {	stroke: red;}*/
	#menu.fixNavigation .sociaux a:last-of-type{display:none;}
	#bas {
    border-left: 0px solid #da2a3f;
}
	.gamme h4 {
    margin-top: 20px;
}
	.gamme h2 {
    font-family: "transat-text", sans-serif;
    font-size: 2.2rem;
    text-align: left;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 15px;
}
	.photoencart {
    position: relative;
    padding: 70px 130px 70px 70px;
    height: auto;
    margin-bottom: -1px;
    box-sizing: content-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
	.photoencart .cadre p {
    font-size: 1.0rem;
    line-height: 1.3rem;
    font-weight: 100;
    color: #fff;
    font-family: "transat-text", sans-serif;
    text-align: left;
}
	.photoencart .cadre {
    background: #333;
    padding: 30px 30px;
    max-width: 350px;
    display: block;
    position: absolute;
    top: 40%;
    left: auto;
    right: 0;
    box-sizing: border-box;
}
	.photoencart .cadre h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    font-family: "transat-text", sans-serif;
    text-transform: none;
    font-weight: 500;
}
	.gamme .centrageFlex img {
    max-height: 110px;
    margin: 10px auto;
    display: block;
    height: auto;
    max-width: 250px;
}

	#menu .navbar ul li.liensup{display:block}
	
	.don h2 {
    font-size: 6rem;
    line-height: 4rem;
    padding: 50px 80px 50px 80px;
}

	.contenu4{padding-top:20px;}
	
	
	.gestionMarge {padding-top:0px !important;	}

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

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

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

}
	.swiper-slide .blocTexte {width: 85%;min-width:300px;}
	.engagement h3, .gamme .engagement h3 {width: 100%;}
	.gamme p {font-size: 1.2rem;text-align: left!important;}
	.bgd {padding: 10px 10px;width: 100%;}

}






@media (max-width: 650px) {

	    #menu .boutique a { color: #fff!important;}
	#menu .boutique a:hover { color: #f7a941!important;}
	.bandeau h2{display:none}
	.bandeau{min-height:50px;}
	    #menu .boutique {top: -60px;}
	.photogris::after {right: -14px;}
	.photoorange::after {left: -14px;}
	.swiper-slide .blocTexte{width:80%;}
	
a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img {
    transform: scale(1.0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 300px;
    margin: 0px auto 20px auto;
    display: block;
}

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


@media (max-width: 615px) {
		#menu.fixNavigation .boutique a {display: none;}
	#menu.fixNavigation .boutique a:last-of-type {display: block;}
	#menu.fixNavigation .boutique{text-align:right;width: 46px;}
	#menu.fixNavigation .sousTitre {
    padding: 15px 15px 0px 15px;
    text-align: right;
    display: block;
    width: 100px;
}
	/*#menu.fixNavigation .sousTitre {display: none;}*/

	#sectionJaune {padding: 120px 30px 20px 30px;}

	}


@media (max-width: 595px) {
	iframe {margin-top:15px;}
	.swiper-slide .blocTextebas{max-width:300px;margin-left:auto!important;margin-right:auto!important;width:100%;display:flex;}
	.gamme p {text-align: left;}
	section.allo h5 a {width: 100%;}
	section.allo h5 {font-size: 2.2rem;line-height: 2.0rem;}
	.gamme .activites h2 {margin-bottom: 30px;}

.atout .cadre5bis {padding: 20px 30px 20px 30px;}
.un h2 span, .containerparallax h2 span {font-size: 2rem;line-height:2.0rem; margin-bottom: 10px;  }
	#menu .sociaux {width: 65px;}
	
		.un h2, .containerparallax h2 { 
margin:40px auto 0 auto;	
letter-spacing: 0.0rem!important;	
}/*
.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.5rem;margin-top:10px;
	line-height: 2.5rem!important;}
	.swiper-container {margin-top: 100px;}
	.swiper-container h1, .swiper-container h2, .swiper-slide h2 {letter-spacing: 0.1rem;font-size: 0.8rem;}
*/
.partenaires h3, .gamme h3 {font-size: 1.5rem;line-height: 1.8rem;}
	.gamme {padding-top: 30px;}
	.partenaires h3::after, .gamme h3::after {margin-bottom: 20px;}
	.paddingL30 {padding-left: 15px;}
	

	.cadre5ter h4 {font-size: 1.2rem;}
	.cadre5ter h4 i::before {margin-right: 10px; margin-bottom: -10px;}

	
	.wrapperG { width: 100%; padding: 0px 20px;}
	.partenaires {padding: 20px 0px 50px 0px;}
	.partenaires .fournisseurs img { max-height: 100px; margin: 5px 0px;padding: 0px 10px; max-width: 180px;}
	.gamme { padding-left: 0px;padding-right: 0px;}
	.partenaires img {
    max-height: 1000px;
    height: auto;
    padding: 0px 10px;
    max-width: 150px;
    margin: 10px auto;}
	
	.swiper-slide.slide2 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-2.jpg);
	background-size:  cover;
		background-position:  center right -445px!important;
		background-repeat: no-repeat; 
	
}
		#nain .swiper-slide.slide2 {
		background-position:  center center!important;
	}
	.swiper-slide.slide3 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-3.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
	
	.swiper-slide.slide4 {
    background: url(../img2020/aclimat-pac-climatisation-electricite-la-tremblade-royan-charente-maritime-4.webp);
	background-size:  cover;
		background-position:  center left -220px!important;
		background-repeat: no-repeat; 
	
}
	   #nain .swiper-slide.slide4 {
        background-position: center left -142px !important;
    }
	.gamme .blocTexte2.bis {
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    overflow: hidden;
    margin: -29px auto 0px auto;height:240px;
}
	
}

@media (max-width: 565px) {
	a.link figcaption {
		bottom: -62px;}
	.gamme .activites .paddingLink p {
    margin-bottom: 0px;
    margin-top: 15px;
}
	.photoencart .borderGorange{display:none;}
	.photoencart {
    padding: 0px 0px 70px 0px;
   
}
	.photoencart .borderGorange{display: none;}

}
@media (max-width: 565px) {
    .triangleG {left: 64px;}
	.swiper-container {margin-top: 0px;}
.gamme .centrageFlex img {max-height: 1100px; margin: 0px auto; display: block; height: auto; max-width:100%;padding: 0px 10px;}
	.gamme .centrageFlex.partner img {
    max-height: 120px;
    margin: 10px auto 10px auto;
    padding: 0px 10px;
}
	.gamme h4.forme {
    margin-top: 0px;
    border-left: 40px solid #da2a3f;}
	ul.bold li, ul li {text-align: left;}
}


@media (max-width: 480px) {
	.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.0rem;line-height: 2.0rem!important;}
	
	.atout .cadre5bis{margin:20px 0px 20px 0px;}
	ul.listing{margin-bottom:10px;}
	.gamme .activites .paddingLink h3 span{font-size: 1.4rem;line-height: 1.4rem;}
	.gamme.soixantedix {
    padding-bottom: 30px;
}
	.gamme .blocTexte2 {
    width: 100%;
    height: auto;
    padding: 20px 30px 20px 30px;
    margin: -30px auto 30px auto;
}
	.gamme .blocTexte2 h1 span, .gamme .blocTexte2 h2 span {
    font-size: 2.7rem;text-align: center;
    margin: 0px auto -10px auto;
}
	#Row h3 {
    margin-top: 5px;

}

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

	#sectionJaune {
    padding: 100px 30px 100px 30px;
    height: 100vh;
    overflow-y: scroll;
}
	#bas{padding: 25px 30px 15px 30px;}

	.leLogo h4 {display:none}
	.row.centrageFlex .paddingT50 {padding: 20px 30px 0px 30px;}

	.col-xs-12.col-sm-12.col-md-4.paddingL30{margin-bottom:15px;}
	.row.centrageFlexAAA .col-xs-12.col-sm-12.col-md-12.col-lg-12.paddingT50{padding: 20px 30px 0px 30px;}
	.embed-responsive{margin-bottom:15px;}
}

@media (max-width: 410px) {
	menu .sociaux {width: 56px;}
#menu.fixNavigation .sousTitre {width: 56px;}

	.fixNavigation .triangleD, .fixNavigation .triangleG{display:none;}

	    .leLogo {
box-shadow:none;
        /* -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); */
        /* box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2); */
    }
	.navbar-nav.onglets {padding: 0px 0 30px 0;}

	/*#leLogo { margin: 0px auto 0px 50px; width: 210px; height: auto;}
	#menu.fixNavigation .sousTitre a:nth-of-type(2) {display: none;}
	#menu.fixNavigation .sousTitre {padding: 15px 15px 0px 15px;text-align: left;display: block;width: 50px;}
	#menu.fixNavigation #leLogo {margin: 3px auto 0px 40px;width: 225px;height: auto;}*/
}

@media (max-width: 380px) {
	section.allo {padding: 50px 25px;}
	    #leLogo {width: 270px; top: -7px;left: 10px;}	
	.gamme .blocTexte2.bis h5 {padding: 10px;}
	.gamme .blocTexte2.bis {padding: 0px 0px 0px 0px;margin: -29px auto 0px auto;}
	.swiper-slide .blocTexte {
    width: 50%;
    min-width: 320px;
    /* min-height: 320px; */
    /* height: 380px!important; */
		margin-top: 0px;}
	a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img {
    transform: scale(1.0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 100%;
    margin: 0px auto 20px auto;
    display: block;
}
	.photoencart img {
    max-width: 600px;
    width: 100%;
    height: auto;
    min-width: 100px;
    position: relative;
}
	.photoencart .cadre {
    background: #333;
    padding: 30px 30px;
    max-width: 100%;
    display: block;
    position: relative;
    top: auto;
    bottom: 0px;
    left: auto;
    right: 0;
    box-sizing: border-box;
    border-top: 50px solid #da2a3f;
}
	#bas img {
    margin: 10px 20px;
    max-height: 7px;
    width: 180px;
}
/*.sousTitre { border-radius: 0 0 30px 30px; text-align: center; display:block; width:100%; 
	position:relative; margin: 20px auto 0 auto;
}*/
	.pub {font-family: 'futura-pt', sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%;
	padding-top:30px; width:300px; height:300px;border:7px dotted #fff;
  position: relative; 
}/*
leLogo h3{
	font-family: 'futura-pt', sans-serif;
	color:#333;
	font-size:2.2rem;

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

	.boutonMenu {top: 20px; margin-left: -150px;}


}

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


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