/*---------------------------*\
		Nom du projet
\*---------------------------*/
/*---------------------------*\
	@author:
	@date:
	@compagny:
	@todo:
\*---------------------------*/
/*---------------------------*\
		$base
\*---------------------------f
<link rel="stylesheet" href="https://use.typekit.net/dph0qcc.css">



font-family: "amatic-sc", sans-serif;
font-weight: 400;700;
font-style: normal;

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

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  width: 100%;
}

body {
  width: 100%;
  height: 100%;
  position: relative;
  background:  url(../img/fond-page.png);
  background-size: contain;
  background-position: left -100px top 50px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow-x: hidden !important;
  box-sizing: border-box;
  font-family: 'montserrat', sans-serif;
}


.ar {
  width: 100%;
  height: auto;
  position: relative;
  /*background:#ffffff;
	background:#f7eedf;*/
  background: url(../img/fond-page.png);
  background-size: auto, contain;
  background-position: left top, left -100px top 50px;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;

  overflow-x: hidden !important;
  box-sizing: border-box;
  font-family: 'montserrat', sans-serif;
}

/*h1, h2, h3, h4, h5 {font-family: 'montserrat', 'Arial', sans-serif; color:#666}
h3 {margin:0px;}*/

.h1, h1 {
  font-size: 2.0rem;
}

a {
  text-decoration: none;
  outline: none;
}

a {
  color: #bec358;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

a, img {
  border: none;
}

li, td, ul {
  font-family: 'phenomenaregular', arial, sans-serif;
  font-size: 1.5rem;
  color: #000;
  line-height: 16pt;
  text-align: left;
}

p {
  font-family: 'montserrat', sans-serif;
  font-weight: 400 !important;
  font-size: 0.9rem;
  color: #000;
  line-height: 1.5rem;
  text-align: justify;
}

p em {
  font-size: 1.1rem;
  font-style: normal;
}

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

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

.faceIndex {
  display: none;
}

.wrapperGalerie {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  text-align: center;
  padding: 0px 40px;
}

img.lazy {
  max-width: 100%;
  height: auto;
}

img.quote {
  max-width: 30px;
  width: 100%;
  height: auto;
  margin: 0px 10px 30px 10px;
}

#galerie img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  margin: 5px;
}

.logoattente img {
  max-width: 450px;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  margin-top: -30px;
}

/*
@media (min-width: 1680px) {.wrapperRelatif{max-width:1360px; width:95%; height : auto;
	 position: relative;
    display:block;
	margin:0 auto;
margin-top: 30vh;
    transform: translateY(-30%);
}}
@media (max-width: 1679px) {
.wrapperRelatif{max-width:1360px; width:95%; height : auto;
	 position: relative;
    display:block;
	margin:0 auto;margin-top: 0vh;

}
	}*/

i.place {
  font-size: 2.5rem;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.wrapperRelatif2 {
  max-width: 1300px;
  width: 90%;
  height: auto;
  position: relative;
  display: block;
  /*margin:0px auto 70px auto;
	padding-top:70px;*/
  margin: 0px auto 0px auto;
  padding-top: 50px;
}

@media (min-width: 1680px) {
  .wrapperRelatif2 {
    max-width: 1500px;
  }

}

.wrapperRelatif3 {
  max-width: 1920px;
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  margin: 0px auto;
  padding-left: 45px;
  padding-right: 45px;
}

.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;
  z-index: 100;
}

.gras {
  font-weight: 700;
}

.galerie h3, .galerie h4 {
  font-family: 'montserrat', sans-serif !important;
  font-size: 3rem !important;
  color: #666 !important;
  width: 80% !important;
  margin: 30px auto 0 auto !important;
  font-weight: normal;
}

.galerie h4 {
  color: #898b5c !important;
  margin: 30px auto 30px auto !important;
}

.gal {
  padding: 50px 20px 50px 20px
}

.gal img {
  padding: 10px 0px 10px 0px;
  opacity: 1.0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0px auto;
  display: block;
}

.gal img:hover {
  padding: 10px 10px 10px 10px;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.texteStructure ul {
  padding: 0px 0px 0 40px !important;
  border-left: 7px solid #e97926;
}

.texteStructure ul li {
  color: #868735;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 90px;
  font-style: normal;
  margin-left: 0px;
  color: #868735;
}

.glyph {
  display: inline-block;
  width: 9em;
  margin: 1em;
  text-align: center;
  vertical-align: top;
  background: #FFF;
}

.glyph .glyph-icon {
  padding: 10px;
  display: block;
  font-family: "Flaticon";
  font-size: 64px;
  line-height: 1;
}

.glyph .glyph-icon:before {
  font-size: 64px;
  color: #222;
  margin-left: 0;
}

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

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: #666;

}

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: 'montserrat', sans-serif;
  font-size: 3rem;
  color: #666;
}

blockquote p {
  font-style: italic;
}

.distillation {
  background: #fd4f00 !important;
  padding: 15px 20px !important;
  list-style-type: none !important;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  margin: 10px auto;
}

.wrapper2 {
  max-width: 970px;
  width: 80%;
  height: auto;
  position: absolute;
  top: 20%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

.wrapper3 {
  max-width: 970px;
  width: 80%;
  height: auto;
  position: absolute;
  top: 10%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

.padding10 {
  padding: 10px;
}

.padding30 {
  padding: 30px;
}

.padding30 {
  padding: 30px;
}

.paddingT30B30 {
  padding: 40px 0px !important;
}

.paddingT50B50 {
  padding: 50px 0px !important;
}

.paddingT65B50 {
  padding: 65px 0px 50px 0px !important;
}

.paddingT65B30 {
  padding: 65px 0px 30px 0px !important;
}

.paddingT20 {
  padding: 20px 0px 0px 0px !important;
}

.paddingT50 {
  padding: 50px 0px 0px 0px !important;
}

.paddingB50 {
  padding: 0px 0px 50px 0px !important;
}

.paddingT80 {
  padding: 80px 0px 0px 0px !important;
}

.paddingT70B70 {
  padding: 170px 0px 170px 0px;
}

.paddingcarre3Bis {
  padding: 20px 30px 20px 30px !important;
}

.marginT-50B-40 {
  margin-top: -50px;
  margin-bottom: -40px;
}

.marginT-70B-40 {
  margin-top: -70px;
  margin-bottom: -40px;
}

.marginT50 {
  margin-top: 50px
}

.marginBTN {
  margin: 0px auto 20px auto;
}

.margeneg3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.marginB55 {
  margin-bottom: 55px;
  margin-top: 15px !important;
}

.marginStructure {
  margin-top: 5px !important;
}

.floatGauche {
  float: left;
  margin: 0 20px 0px 0;
}

.floatDroite {
  float: right;
  margin: 0 0px 0px 20px;
}

.pub {
  font-family: 'montserrat', sans-serif, Arial, sans serif;
  font-size: 5rem;
  line-height: 5rem;
  color: #666;
  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 #666;
  border-radius: 5px;
}

.damion {
  font-family: 'montserrat', sans-serif;
  font-size: 1.5em;
  line-height: 1.0em;
  color: inherit;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0px 45px;
}

.damion a {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}

.damion a:hover {
  color: #666;
}

.sousligne {
  text-decoration: underline !important;
  color: #de562c;
  font-weight: 600;
}

h2.plus img {
  max-width: 250px;
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
  filter: drop-shadow(rgb(102, 102, 102) 0px 5px 0.3rem);
  border-radius: 50%;
  display: none;
}

h2.plus {
  text-align: center;
  font-family: "amatic-sc", 'montserrat', sans-serif !important;
  font-size: 2.5rem !important;
  line-height: 2.7rem;
  color: #fff;
}

.parenthese {
  display: block;
  position: relative; /*background: #f2f4dc;*/
  background: rgba(0, 0, 0, 0.80);
  padding-top: 20px;
}

h2.plus i {
  display: block;
  margin-bottom: 15px;
}

h2.plus [class^="flaticon-"]:before {
  font-family: Flaticon;
  font-size: 90px;
  font-style: normal;
  margin-left: 0px;
  color: #fff;
}

.parenthese h2 {
  color: #fff;
}

.parenthese h2.premier {
  margin-bottom: 60px;
}

.parenthese h2.plus {
  padding-bottom: 20px;
}

.parenthese .titrePresentation:after {
  display: none;
}

.valeursPhone {
  display: none
}

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


h2.titre {
  font-family: 'montserrat', 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: 'montserrat', 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: 20px 0px 50px 0px;
  display: block;
  position: relative;
}

.partenaires h3 {
  font-family: 'montserrat', sans-serif;
  font-size: 2.7rem;
  line-height: 2.7rem;
  color: #666;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0px;
  margin-bottom: 20px;
}

.partenaires img {
  max-height: 135px;
  padding: 10px;
  width: auto;
  margin: 10px auto;
  /*
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1.0;
  max-width: 100%;
}

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

.animations img {
  margin: 10px auto;

}

/**********************************************/
.row {
  margin-top: -40px;
}

#sectionA {
  width: 100%;
  height: 100vh;
  position: relative;
  display: block;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}


#AddTrois {
  background: rgba(229, 17, 20, 0.50);
  display: none;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.0;
}

#AddTrois.visibilite {
  display: block;
  opacity: 1.0;
}

#une, #deuxe, #troise {
  color: #666;
  width: 100%;
  max-width: 320px;
  display: block;
  text-align: center;
  padding: 0px;
  background: rgba(255, 255, 255, 0.10);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  margin: 0;
  cursor: pointer;
}


body.bodyMargeNoire {
  background: #065963;
  border: 20px solid #000;
}

.titreUn .societe {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 1.0rem;
  letter-spacing: 0.1em;
}

.titreUn .perenne {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

.titreUn {
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

.titreUn .descriptionUn {
  color: #666;
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  padding: 20px 20px;
  border: 1px solid #fff;
  border-top: none;
  background: rgba(255, 255, 255, 0.00);
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  position: absolute;
  top: 118px;
  left: 0;
  margin-left: -1px;
  margin-right: -1px;
  width: 100.7%;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .3s cubic-bezier(.23, 1, .32, 1) .3s, border-color .2s linear;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
}

/*#boutonA .titreUn .descriptionUn, #boutonB .titreUn .descriptionUn, #boutonC .titreUn .descriptionUn, #boutonD .titreUn .descriptionUn{color:#666;width:100%;height:auto;display:block;text-align: center;padding:20px 20px;border:1px solid #fff;border-top:none;background: rgba(255,255,255,0.00); -webkit-transition: background 0.5s;transition: background 0.5s;
		position: absolute;
    top: 118px;
    left: 0;    margin-left: -1px;
    margin-right: -1px;
    width: 100.7%;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .3s cubic-bezier(.23,1,.32,1) .3s,border-color .2s linear;
			-webkit-transition: all 0.5s;transition: all 0.5s;z-index:0;
		}*/


.titreUn:hover .descriptionUn {
  transform: scale(1);
  transition-delay: 0s;
  top: 100%;
}

/*
#boutonA.ouvert .titreUn .descriptionUn, #boutonB.ouvert .titreUn .descriptionUn, #boutonC.ouvert .titreUn .descriptionUn, #boutonD.ouvert .titreUn .descriptionUn {
   transform: scale(1);transition-delay: 0s;    top: 100%;
}*/


.descriptionUn ul {
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
}

.descriptionUn ul li, .descriptionUn ul li a {
  font-size: 0.9rem;
  color: #625b48;
  text-align: left;
  font-size: 1.4rem;
  font-family: 'phenomenaregular';
}

.descriptionUn ul li a span {
  text-align: left;
  padding-left: 39px;
  font-size: 0.8rem;
  font-weight: 300;
  font-family: 'montserrat', sans-serif;
  display: block;
  margin-bottom: -4px;
}

.descriptionUn ul li a::before {
  content: ".";
  font-size: 2.0em;
  letter-spacing: 0.08em;
  display: inline-block;
  transform: rotate(-17deg);
  margin-right: 10px;
  vertical-align: 3px;
}

.descriptionUn ul li {
  margin-bottom: 5px;
}

.descriptionUn ul li a:hover {
  color: #bec358;
  text-decoration: none;
}

.descriptionUn ul.rencontre {
  list-style: none;
}

.descriptionUn ul.rencontre li a.book {
  padding: 10px 10px 10px 10px;
  border-radius: 30px;
  background: #e97926;
  margin: 15px auto 10px auto;
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  max-width: 240px;
}

.descriptionUn ul.rencontre li a.book:hover {
  background: #404040;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.descriptionUn ul.rencontre li a.book::before {
  display: none;
}

.descriptionUn ul.rencontre li a.book i {
  margin-right: 5px;
}

#Row h3 { /*font-family: 'phenomenabold';*/
  font-family: "amatic-sc", sans-serif;
  font-weight: 700;
  color: #625b48;
  margin-bottom: -10px;
  margin-top: 20px;
}

#Row h3 i {
  display: block;
}

.titreUn {
  color: #625b48;
  width: 100%;
  height: auto;
  display: block;
  text-align: left;
  padding: 30px;
  border: 1px solid #fff;
  position: relative;
  z-index: 1;
  text-transform: none;
  font-weight: 100;
  font-size: 1.3rem;
  letter-spacing: 0.15em;
  word-wrap: break-word !important;
  white-space: normal;
}

.titreUn span {
  text-transform: uppercase;
  font-weight: 700;
}

.titreUn .societe {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 1.0rem;
  letter-spacing: 0.1em;
}

.titreUn .perenne {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.0rem;
  letter-spacing: 0.1em;
}


#une .icone, #deuxe .icone, #troise .icone, #A .icone, #B .icone, #C .icone, #D .icone {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.5rem;
  background: #000;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.icone {
  display: block;
  position: absolute;
  right: 0px;
  top: 0;
  background: #000;
  height: 100%;
  width: 25px;
  text-align: center;
}

.icone i {
  margin-top: 10px;
  display: block;
}

.icone span {
  display: block;
  text-transform: uppercase;
  font-size: 0.9rem;
  line-height: 1.1rem;
}

/*	.une:hover .icone, .deuxe:hover .icone, .troise:hover .icone{
			transform: rotate(45deg)!important;
	-webkit-transform: rotate(45deg)!important;
	-moz-transform: rotate(45deg)!important;
	-ms-transform: rotate(45deg)!important;
	-o-transform: rotate(45deg)!important;-webkit-transition: all 0.3s;transition: all 0.3s;}*/

#Row {
  min-height: 90%;
  display: flex;
  -webkit-transition: all 2s;
  transition: all 2s;
  padding-top: 120px;
  justify-content: center; /*align-items: center;*/
  box-sizing: border-box;
  overflow: hidden;
  color: #fff;
}

/*******************/
#iterateEffects {
  position: relative;
}

#sectionA {
  background: #065963;
  border: 0px solid #bec358;
  padding: 0px;
  height: 100vh;
  box-sizing: border-box;
  z-index: 1000000;
  overflowA: hidden;
}

#sectionB {
  background: #bec358;
  border: 0px solid #065963;
  padding: 0px;
  height: 100vh;
  box-sizing: border-box;
  z-index: 1000000;
  overflowA: hidden;
}

#boutonDown {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
}

/****Presentation***/

/*p:first-of-type {margin-top:30px;}*/

#sectionPresentationA {
  width: 100%;
  height: 100vh;
  position: relative;
  display: block;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#sectionPresentationA.opacityZero {
  margin-top: -0vh;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}


#sectionPresentationA { /*background: rgba(255,255,255,0.7);*/


  border: 0px solid #bec358;
  padding: 0px;
  padding-top: 65px;
  padding-bottom: 80px; /*height:100vh;*/
  height: auto;
  box-sizing: border-box;
  z-index: 1000000;
  overflowA: hidden;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.overlayBlanc {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}

/*#sectionPresentationA:hover{background: rgba(6,89,89,1.0);-webkit-transition: background2s;transition: background 2s;}*/

#sectionPresentationA .logoattente img {
  max-width: 450px;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  margin-top: 0px;
}

#sectionPresentationA .wrapperRelatif {
  max-width: 1020px;
  padding-top: 80px;
  padding-bottom: 40px;
  /*display: flex;
    align-items: center;justify-content: center;*//*min-height:100vh;*/
  box-sizing: border-box;
  margin: 0px auto;
}

.surTitre {
  display: block
}

.titrePresentation span {
  color: #e97926;
  font-weight: 100;
  font-family: 'montserrat', sans-serif;
  font-size: 1.7rem;
  display: block;
}

h1.h1portrait img {
  border-radius: 50%;
  max-width: 120px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  margin-right: 10px;
  border: 5px solid #bec358;
}

.titrePresentation span i {
  font-size: 1.5rem;
  vertical-align: 4px;
}

.titrePresentation:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px; /*background:#bec358;*/
  margin: 25px auto 20px auto; /*border-bottom: 1px solid #e97926; */
  border-bottom: 2px dotted #ccc;
}

.titreMenu {
  color: #fff;
  font-weight: 100;
  font-size: 1.0rem;
  letter-spacing: 0.05em;
  display: none;
  padding-left: 0px;
  font-family: 'montserrat', sans-serif;
}

.titreMenu:after {
  content: "";
  width: 200px;
  height: 1px;
  background: none;
  display: block;
  position: relative;
  margin: 20px auto 50px auto;
  border-bottom: 2px dashed #fff;
}

#sectionPresentationA ul {
  font-weight: 100;
  list-style: square;
  margin-top: 15px;
}

#sectionPresentationA ul ul {
  font-weight: 100;
  list-style: none;
  margin-top: 10px;
  border-left: 1px solid #bec358;
  padding-left: 20px;
}

#sectionPresentationA ul ul li {
  color: #bec358;
}

#sectionPresentationA ul ul li i {
  margin-right: 5px;
}

#sectionPresentationA ul li {
  margin-bottom: 5px;
  font-weight: 200;
  font-size: 0.95rem;
}

#sectionPresentationA ul li a {
  color: #bec358;
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: 0.05em;
}

#sectionPresentationA ul li a:hover {
  color: #404041;
}

#sectionPresentationA h4 {
  font-weight: 100;
  text-align: center;
}

#sectionPresentationA h4 i {
  font-size: 3.0rem;
  vertical-align: 5px;
}

#sectionPresentationA h4.jet i {
  vertical-align: -10px;
}

#sectionPresentationA ul.items {
  font-weight: 100;
  list-style: none;
  margin-top: 50px;
}

#sectionPresentationA ul.items li {
  color: #bec358;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  font-size: 0.8rem;
  padding-left: 45px;
}

/*#sectionPresentationA ul.items li span {    background: #000;padding: 2px 3px; color: #bec358;border-radius: 50%;min-width: 26px;display: inline-block;text-align: center; margin-right: 5px;text-transform: uppercase;}*/
#sectionPresentationA h3 {
  font-size: 1.75rem;
  font-weight: 300;
  color: #404041;
  font-family: 'phenomenaregular', arial, sans-serif;
}

#sectionPresentationA ul.items li span {
  font-size: 1.2em;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.0em;
  display: inline-block;
  color: #666; /*margin-right:30px;float: left;*/
  left: 20px;
  position: absolute;
}

#sectionPresentationA ul.items li span:after {
  content: "";
  width: 2px;
  height: 15px;
  position: absolute;
  background: #bec358;
  margin-top: 3px;
  display: inline-block;
  left: 25px;
  /*vertical-align: -2px; margin: 3px 15px 0px 15px;*/
}

img.logoRond {
  display: block;
  max-width: 100%;
  height: auto;
}

.graphique {
  text-align: center;
  position: relative;
  margin-top: 0px;
}

.graphique .social, .graphique .environnement, .graphique .economie {
  text-transform: uppercase;
  color: #bec358;
  display: block;
  border: 0px solid #000;
  letter-spacing: 0.0em;
  font-size: 1.2rem;
}

.graphique .social {
  position: absolute;
  left: 23%;
  top: 30%;
  width: 90px;
}

.graphique .economie {
  position: absolute;
  right: 23%;
  top: 30%;
  width: 105px;
}

.graphique .environnement {
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: translateX(-50%);
  width: 160px;
}

.graphique .social i, .graphique .environnement i, .graphique .economie i {
  font-size: 2.0rem;
  display: block;
}

.graphique img {
  width: 100%;
  max-width: 400px;
  height: auto;
}

span.societe {
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-family: 'phenomenaregular', arial, sans-serif;
  display: block;
  margin-bottom: 0px;
  color: #008e84;
}

span.perenne {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

span.titrePresentation {
  font-weight: 300;
}

.valeurs {
  position: relative;
  background: #bec358;
  border-radius: 50%;
  display: flex;
  width: 100%;
  max-width: 180px;
  height: 180px;
  padding: 20px;
  margin: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

.valeurs h2 {
  font-size: 1.5rem;
  font-weight: 300;
  color: #666;
  display: block;
}

.valeurs i {
  font-size: 2.0rem;
  display: block;
  margin: -20px auto 5px auto;
  font-weight: 100 !important;
}

.parties {
  position: relative;
  background: #065963;
  border-radius: 50%;
  display: flex;
  width: 100%;
  max-width: 150px;
  height: 150px;
  padding: 20px;
  margin: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
}

.parties h2 {
  font-size: 1.0rem;
  font-weight: 300;
  color: #666;
  display: block;
}

.parties i {
  font-size: 2.0rem;
  display: block;
  margin: -20px auto 5px auto;
  font-weight: 100 !important;
}

.parties.hg {
  margin: auto -30px auto auto;
}

.parties.hm {
  margin: -20px auto 30px auto;
}

.parties.hd {
  margin: auto auto auto -30px;
}

.parties.mg {
  margin: auto ;
}

.parties.mm {
  margin: auto auto 30px auto;
  background: #bec358;
}

.parties.md {
  margin: auto auto auto auto;
}

.parties.bg {
  margin: -20px -30px auto auto;
}

.parties.bm {
  margin: 20px auto -30px auto;
}

.parties.bd {
  margin: -20px auto auto -30px;
}

.parties.hg:after {
  content: "";
  display: block;
  width: 120%;
  height: 1px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: 100%;
  right: -80%;
  z-index: -1;
  transform: rotate(35deg);
}

.parties.hd:before {
  content: "";
  display: block;
  width: 120%;
  height: 1px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: 100%;
  left: -80%;
  z-index: -1;
  transform: rotate(-35deg);
}

.parties.bm:after {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: -40%;
  right: 50%;
  z-index: -1;
}

.parties.mm:before {
  content: "";
  display: block;
  width: 140%;
  height: 1px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: -1;
}

.parties.mm:after {
  content: "";
  display: block;
  width: 140%;
  height: 1px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: 50%;
  right: -138%;
  z-index: -1;
}

.parties.hm:before {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  bottom: -20%;
  right: 50%;
  z-index: -1;
}

.parties.bg:after {
  content: "";
  display: block;
  width: 120%;
  height: 1px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: 0%;
  right: -80%;
  z-index: -1;
  transform: rotate(-35deg);
}

.parties.bd:after {
  content: "";
  display: block;
  width: 120%;
  height: 1px;
  background: rgba(255, 255, 255, 0.50);
  position: absolute;
  top: 0%;
  left: -80%;
  z-index: -1;
  transform: rotate(35deg);
}

#sectionJaune {
  width: 100%;
  height: auto;
  padding: 17% 20px 50px 100px;
  display: block;
  opacity: 1.0;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100; /*background: rgba(217,168,21,1.00);*/
  background: #f2f4dc;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;

}

#sectionJaune.superMenu {
  display: block;
  opacity: 1.0;
  position: absolute;
  top: -150vh;
  left: 0px;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}

#sectionJaune.classBGD {
  background: rgba(0, 0, 0, 0.00);
  -webkit-transition: background 0.0s;
  transition: background 0.0s;
}

#sectionJaune h1, #sectionJaune h2 {
  text-align: center;
  margin-bottom: -10%;
}

#boutonA, #boutonB, #boutonC, #boutonD {
  display: block;
  width: 100%; /*height:150px;border:4px solid red;*/
  position: relative;
  min-height: 125px;
  cursor: pointer;
}

.schema {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 450px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
}

.schema img {
  width: 100%;
  max-width: 800px;
  height: auto;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.8;
}

.schema .etape1, .schema .etape2, .schema .etape3 {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 250px;
  height: 250px;
  padding: 15px 30px 30px 30px;
  border: 2px solid #065963;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  margin: 30px;
  background: rgba(6, 89, 89, 0.50);
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 0px 0 rgb(217 168 21 / 100%);
  box-shadow: 0 5px 0px 0 rgb(217 168 21 / 100%);
}

.schema h3 {
  font-weight: 300 !important;
}

.schema .etape1 i {
  font-size: 2rem;
  color: #bec358;
  line-height: 5rem;
}

.schema .etape2 i {
  font-size: 3rem;
  color: #bec358;
  line-height: 5rem;
}

.schema .etape3 i {
  font-size: 4rem;
  color: #bec358;
  line-height: 5rem;
}

#sectionPresentationA .schema ul {
  margin-top: 0px;
}

/*****LINK*******/
.activites .paddingLink h3::after {
  margin-bottom: 10px;
  margin-bottom: 10px;
  font-size: 8rem;
  top: -1px;
  bottom: 10px;
  margin-top: -25px;
  /* line-height: 0rem; */
}

.paddingLink h3 {
  color: #404041;
  line-height: 1.5rem;
  text-transform: none;
  font-weight: 300;
  font-size: 1.4rem;
}

.paddingLink p i {
  color: #404041;
  font-size: 1.7rem !important;
}

.paddingLink p {
  margin-bottom: 0px;
}

.paddingLink {
  padding-right: 0px !important;
  padding-left: 0px !important;
  background: rgba(255, 255, 255, 0.80);
  margin-bottom: 20px
}

.paddingLink a.link figcaption {
  padding: 10px 10px 22px 10px; /*transform: rotate(-3deg)*/
}

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: rgba(0, 0, 0, 0.50);
  position: absolute;
  bottom: -60px;
  padding: 20px 10px 20px 10px;
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}


a.link figcaption h4 {
  color: #ffd833;
  font-family: 'montserrat', 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: 'Montserrat', sans-serif;
  text-align: center;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
}


.banniere-fdc {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: auto;
}

.banniere-fdc img {
  width: 100%;
  height: auto;
  display: block;
}

.photos {
  text-align: center;
  margin-top: -30px;
  margin-bottom: -40px;
}

#sectionPresentationA .photos h4, #sectionPresentationA .plan h4 {
  color: #868735;
}

#sectionPresentationA .photos h4 i {
  font-size: 3.0rem;
  vertical-align: -8px;
}

#sectionPresentationA .plan h4 i {
  margin-right: 10px;
}

#sectionPresentationA .plan h4 {
  margin-bottom: 33px;
}

.photos h4 [class^="flaticon-"]:before {
  vertical-align: -25px;
  margin-right: 5px;
}

.paddingL30R30 {
  padding: 0px 10px;
  margin: 10px auto 20px auto;
}

.zoom {
  position: relative;
  display: block;
}

.zoom img {
  opacity: 1.0;
}

.zoom:hover img {
  opacity: 0.7;
}

.zoom .iconediapo {
  position: absolute;
  top: 10px;
  left: 20px;
  display: block;
}

.zoom .iconediapo i {
  font-size: 3.5rem;
  color: #bec358;
}

.zoom:hover .iconediapo i {
  color: #222;
}

/*****LINK*******/

a.link {
  background: #000;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  margin-bottom: 0px;
}

a.link img {
  max-width: 100%;
  height: auto;
  opacity: 1.0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

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

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


a.link figcaption h3 {
  color: #404041;
  font-family: "brandon-grotesque", sans-serif;;
  margin-bottom: 20px;
  font-size: 1.6rem;
  text-align: center;
}

a.link:hover figcaption h3 {
  color: #404041 !important;
}

a.link figcaption p {
  color: #d4b173;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  text-align: center;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
}

/*---------------------------*\
/*****LINK*******/
.activites {
  padding: 80px 0px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paddingLink {
  padding-right: 0px !important;
  padding-left: 0px !important;
  background: rgba(255, 255, 255, 0.00);
  margin-bottom: 20px
}

a.link {
  background: rgba(255, 255, 255, 0.00);
  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;
  padding: 0px;
  margin-bottom: -60px;
  border-radius: 100px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  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 img.durable, .encartsverspages .col-xs-12.col-sm-6.col-md-6.col-lg-4.col-xl-4:last-of-type a.link img, .col-xs-12.col-sm-6.col-md-6.col-lg-4.col-xl-3:last-of-type a.link img {
  border-radius: 100px;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0);
}

a.link:hover img {
  transform: scale(1.1) rotate(0deg);
  -webkit-transform: scale(1.1) rotate(0deg);
  -moz-transform: scale(1.1) rotate(0deg);
  -ms-transform: scale(1.1) rotate(0deg);
  -o-transform: scale(1.1) rotate(0deg);
  opacity: 1.0;
  border-radius: 0px;
}

a.link figcaption {
  display: block;
  background: rgba(134, 135, 53, 0.00);
  position: relative;
  paddinL: 20px 10px 20px 10px;
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s; /*border-radius: 30px 30px 0% 0%;*/
}

a.link:hover figcaption {
  background: rgba(190, 195, 88, 1.00);
  bottom: 0px;
}


.majuscule {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 0.9em;
}

.structure h3 {
  text-align: center;
  padding: 15px 0px !important;
}

.structure {
  position: relative; /*padding-bottom:80px;padding-top:20px;padding-left:50px;*/
  text-align: center;
  margin-bottom: 50px;
}

.structure h5 {
  text-align: left;
  color: #625b48
}

.structure .structureEconomie {
  position: relative;
  border: 0px solid red;
  width: 100%;
  display: block;
  padding: 30px 20px 0px 30px;
  box-sizing: border-box;
}

.structure .structureEconomie .fleche {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 25%;
  min-width: 200px;
}

.structure .structureEconomie .texteStructure {
  display: inline-block;
  width: auto;
  position: relative;
}

.structure .structureEconomie .texteStructure h4, .structure .structureEnvironnement .texteStructure h4, .structure .structureSocial .texteStructure h4 {
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: 300;
  color: #868735;
  font-family: 'phenomenaregular', arial, sans-serif;
  text-align: left !important;
}

.structureEconomie .texteStructure h4 i {
  margin-right: 5px;
}

.structure .structureEconomie .texteStructure ul {
  padding-left: 18px
}

.structure .structureEconomie .texteStructure ul li {
  font-family: 'montserrat', sans-serif;
  font-weight: 400 !important;
}

.structure .structureEconomie .texteStructure::after, .structure .structureEnvironnement .texteStructure::after, .structure .structureSocial .texteStructure::after {
  content: "";
  position: absolute;
  top: -22px;
  left: -30px;
  height: 50px;
  width: 50px;
  display: none;
  border-left: 1px solid #bec358;
  border-top: 1px solid #bec358;
  z-index: 1000;
}

.structure .structureEconomie .texteStructure::before, .structure .structureEnvironnement .texteStructure::before, .structure .structureSocial .texteStructure::before {
  content: "";
  position: absolute;
  bottom: -22px;
  right: -30px;
  height: 50px;
  width: 50px;
  display: none;
  border-right: 1px solid #bec358;
  border-bottom: 1px solid #bec358;
  z-index: 1000;
}

.structure .structureEconomie .fleche img, .structure .structureEnvironnement .fleche img, .structure .structureSocial .fleche img {
  width: 100%;
  height: auto;
}

.structure .structureEnvironnement {
  position: relative;
  border: 0px solid red;
  width: 49%;
  display: inline-block;
  padding: 30px 0px 0px 30px;
  box-sizing: border-box;
}

.structure .structureEnvironnement .texteStructure {
  display: inline-block;
  width: 50%;
  position: relative;
}

.structure .structureEnvironnement .fleche {
  position: absolute;
  top: 0px;
  display: inline-block;
  width: 25%;
  min-width: 200px;
}

.structure .structureSocial {
  position: relative;
  border: 0px solid red;
  width: 50%;
  display: inline-block;
  padding: 30px 0px 0px 30px;
  box-sizing: border-box;
}

.structure .structureSocial .texteStructure {
  display: inline-block;
  width: 50%;
  position: relative;
}

.structure .structureSocial .fleche {
  position: absolute;
  top: -20px;
  right: 45px;
  display: inline-block;
  width: 25%;
  min-width: 200px;
  transform: rotate(-28deg);
}

/****FIN Presentation***/
/****SROLLBAR***/

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


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

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

*::-webkit-scrollbar-thumb {
  background-color: #bec358;
  border-radius: 20px;
  border: 3px solid #000;
}

/***icone menu****/
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex; /*background: #bec358;*/
  border-radius: 50%;
  padding: 0;
  outline: none !important;
}

.line {
  fill: none;
  /* stroke: #bec358;*/
  stroke: #625b48;
  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);
}

#trappeMenu:hover .line {
  stroke: #bec358;
}

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


/**********************************************/
.googleCarte iframe {
  width: 100%;
  height: 950px;
}

.googleCarte h3 {
  margin-bottom: 30px;;
}

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

.nom {
  display: none;
}

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

#charentaises, #irlandaises {
  text-align: center;
  font-family: 'montserrat', sans-serif;
  color: #bec358;
  background: rgba(255, 255, 255, 0.00);
  padding: 5px 20px;
  border-radius: 20px
}

#charentaises::after, #irlandaises::after {
  content: "";
  width: 75%;
  height: 1px;
  background: #bec358;
  display: block;
  margin: 10px auto
}

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

#menu {
  z-index: 10002;
  position: fixed;
  top: 0px;
}

#sousMenu {
  z-index: 400;
  position: relative;
}

#sousMenu2 {
  z-index: 0;
  position: fixed;
}

#alphabet {
  z-index: 600;
  position: relative;
  top: 0px;
}

#menu .sociaux {
  position: absolute;
  display: block;
  top: 0px;
  left: 10px;
  width: 270px;
  height: auto;
  z-index: 10000000;
  padding: 7px 0px 3px 0px;
  text-align: left;
}

#menu .boutique {
  position: absolute;
  display: block;
  top: -45px;
  left: 0px;
  min-height: 45px;
  width: 600px;
  height: auto;
  z-index: 1000;
  padding: 10px 10px 3px 10px;
  background: #e97926;
  text-align: left;
}

#menu .boutique em {
  font-style: normal;
}

.boutiquetriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 45px 40px;
  border-color: transparent transparent #bec358 transparent;
  position: absolute;
  top: -45px;
  left: 560px;
  z-index: 1001;
}

#menu .sociaux a { /*color:#fcbd32!important;*/
  color: #625b48 !important;
  text-decoration: none;
  font-size: 0.9rem !important;
  line-height: 1.6rem;
  margin: 0 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#menu .boutique a, #menu .boutique h2 {
  color: #fff !important;
  text-decoration: none;
  font-family: 'amatic-sc', sans-serif, 'montserrat', Arial, sans serif;
  font-size: 1.5rem !important;
  margin: 0 5px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#menu .sociaux a:hover, #menu .boutique a:hover { /*color:#bec358!important;*/
  color: #bec358 !important;
  text-decoration: none;
}

#menu .sociaux a i {
  font-size: 1.5rem;
  margin-right: 5px;
  vertical-align: -5px;
}

#menu .sociaux a i.bi-phone-vibrate + span, #menu .sociaux a i.bi-phone-vibrate-fill + span {
  font-weight: 600;
  font-size: 1.3rem;
}

#menu .sociaux h2 {
  font-size: 1.1rem;
  display: block;
  width: auto;
  position: relative;
  font-family: 'phenomenaregular', arial, sans-serif;
  color: #fff;
  transform: rotate(2deg);
  margin-bottom: 0px;
}

#menu .sociaux .encart {
  position: absolute;
  left: 0px;
  top: -8px;
  background: #bec358;
  padding: 15px 20px 10px 20px;
  transform: rotate(-2deg);
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.3);
}

#menu.fixNavigation {
  margin-top: 0px;
  overflow: hidden !important;
  height: 72px;
  /*-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.0);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.0);*/
  z-index: 102;
}

/*
#menu.fixNavigation .sociaux {
    top: 10px;
}
#menu.fixNavigation .boutique {
    top: 5px!important;
}
#menu.fixNavigation .sousTitre {
    top: 15px;
}
#menu.fixNavigation .leLogo {
    width: 160px;
    height: 115px;
}*/
.leLogo {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  /* transform: translateX(-50%);border: 1px solid #000;width:410px;*/
  height: auto;
  padding: 0px 5px;
  z-index: 10000000;
  text-align: left;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
}

#menu.fixNavigation .leLogo {
  top: -137px;

}

/*
#menu.fixNavigation .leLogo img{filter: drop-shadow(0px 5px 2px rgba(0, 0, 0, 0.10));
    -webkit-filter: drop-shadow(0px 5px 2px rgba(0, 0, 0, 0.10));
    -moz-filter: drop-shadow(0px 5px 2px rgba(0, 0, 0, 0.10));}*/
/*Marennes*/


#module2020 {
  position: absolute;
  display: block;
  z-index: 1000;
  bottom: -2px;
  top: auto;
  min-width: 885px;
  margin: 0px auto;
  background: #f7eedf;
  border-radius: 5px 5px 0% 0%;
  left: 50%;
  border: 5px solid #f7eedf;
  border-bottom: none;
  /*transform: translate(-50%, 0%);*/
  transform: translateX(-50%);
  -webkit-animation: 1s ease-out 0s normal forwards slideDown;
  animation: 1s ease-out 0s normal forwards slideDown;
  -webkit-transition: top 0.1s;
  transition: top 0.1s;
}

#module2020.slidenain {
  bottom: auto;
  top: 560px;
}

#module2020.stickyx {
  position: fixed;
  bottom: auto;
  top: 72px;
  border-radius: 0px 0px 5px 5px;
  border: 5px solid #f2f4dc;
  border-bottom: 0px solid #f2f4dc;
  border-top: none;
  background: #f2f4dc;
  -webkit-animation: 1s ease-out 0s normal forwards slideDown;
  animation: 1s ease-out 0s normal forwards slideDown;
  -webkit-transition: top 0.1s;
  transition: top 0.1s;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.0);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.0);
}

#module2020.portable {
  display: block;
  position: relative;
}

#module2020.index.portable {
  display: none;
}

#module2020.portable.stickyx {
  position: sticky;
  top: 72px; /* left: 25%; */
  transform: translateX(0px);
  border-bottom: 0px solid #f2f4dc;
}

#module2020.portable.stickyx .search div {
  margin-bottom: 0px;
}

#module2020 .search input {
  background: #fff;
}

#module2020 .search input.search_bouton {
  max-width: 115px;
}

#module2020.portable .search input.search_bouton {
  max-width: 115px;
  margin-left: 5px !important;
}

#module2020 #form_search_front select {
  margin-top: 0px;
}

#module2020 #form_search_front {
  padding-bottom: 5px;
}

#module2020 #CDSWIDSSP .widSSPData .widSSPWrap {
  display: none;
}

/*#module2020 .fluid {float:none;}
#module2020 .fluid.search {text-align: center;}
#module2020 .fluid.search div {display:inline-block;}*/
.leLogo h3 {
  font-family: 'montserrat', sans-serif;
  color: #666;
  font-size: 2.5rem;
  text-align: center;
  /*text-shadow: 0 1px 2px #666666;*/
}

/*M*/
.leLogo h3::first-letter {
  vertical-align: -10%;
}

/*Oleron*/
.leLogo h3 span {
  margin-left: -5px;
}

/*greyscale ;
blur ;
saturate ;
sepia ;
hue rotate ;
invert ;
brightness ;
contrast ;
opacity.*/
.leLogo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 0px 0px 0px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  /* filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.50));
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.50));
    -moz-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.50));*/
}

.leLogo h2 {
  color: #bec358;
  font-size: 2.8rem;
  display: inline-block;
  text-align: left;
  font-family: 'phenomenaregular', arial, sans-serif;
  padding-top: 30px;
  margin-left: -30px;
}

.leLogo h2 span {
  font-size: 0.8rem;
  display: block;
  color: #000;
  font-family: 'montserrat', arial, sans-serif;
  margin: -7px auto 0px 18px;
  letter-spacing: 0.22em;
  font-weight: 400;
}

#menu.fixNavigation .leLogo h2 {
  padding-top: 0px;
}

.boutonMenu {
  position: fixed;
  top: 55px;
  left: 50%;
  margin-left: 115px;;
  background: none;
  padding: 0px;
  border-radius: 50%;
  z-index: 1000000000;
  border: 0px solid #000;
}

#menu.fixNavigation .boutonMenu {
  top: 10px;
}

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

	#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;
}
	#menu .sociaux a {
    font-size: 0.9rem!important;
    margin: 0 2px;
    display: block;line-height: 1.8rem;
}
	#menu .sociaux a i.fa-facebook {
    margin-top:10px;
}

}*/


#exampleModal.show {
  z-index: 1051;
}

#exampleModal .form-group {
  width: 100%
}

.contact_form {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
  padding-right: 0px;
}

.form-group {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.form-control {
  color: #bec358 !important;
  border-color: #ccc !important;
  background-color: rgba(255, 255, 255, 1.00);
  text-align: left !important;
}

input {
  border: none !important;
  border: 1px solid #ccc !important;
  padding: 8px 10px;
  width: 99% !important;
  margin-bottom: 5px !important;
  background: rgba(255, 255, 255, 0.50);
  height: 48px;
}

textarea {
  width: 99% !important;
  border: 1px solid #ccc !important;
  padding: 5px 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.50);
  min-height: 100px;
  margin-bottom: 15px;
}

.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label {
  padding-left: 0px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

/*::placeholder {
  color: #bec358!important;font-weight: 700;text-align: left!important;
}
input#Email::placeholder, input#Email2::placeholder {
  color: #bec358!important;font-weight: 100;text-align: left!important;
}
:placeholder-show {color: #fff!important;font-weight: 700;text-align: left!important;}
*/

input {
  border: none !important;
  border: 1px solid #ccc !important;
  padding: 8px 10px;
  width: 99% !important;
  margin-bottom: 5px !important;
  background: rgba(255, 255, 255, 0.50);
  height: 48px;
}

input#Email {
  padding: 5px 10px;
  width: auto !important;
  margin-bottom: 5px !important;
  text-align: left !important;
  width: 99% !important;
}

input#Email2 {
  border: none !important;
  border-bottom: 0px solid #999999 !important;
  padding: 5px 10px;
  width: auto !important;
  margin-bottom: 5px !important;
  text-align: left !important;
  height: 39px;
  border-radius: 5px;
  background: #fff;
  width: 99% !important;
}

.form-group {
  display: inline-block;
  width: 100%;
}

.iframeNews {
  border: none;
  width: 100%;
  max-width: 250px;
  height: 135px;
  background: transparent;
}

input[data-reset="reset"] {
  width: 46% !important;
  margin: 1% !important;
  display: inline-block;
  border: none !important;
  background: rgba(187, 24, 131, 1.00);
  color: #000 !important;
  cursor: auto;
  padding: 20px 5px;
}

input[data-submit="submit"] {
  width: 46% !important;
  margin: 1% !important;
  display: inline-block;
  border: none !important;
  background: rgba(199, 212, 12, 1.00);
  cursor: auto;
  padding: 20px 5px;
}

.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label {
  padding-left: 0px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

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

textarea.form-control {
  height: auto;
  margin: 8px 4px;
  width: 100% !important;
}

select {
  color: #999;
  padding: 8px 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.00);
  border: 1px solid #ccc !important;
  margin-top: 5px;
  outline: none !important;
  width: 100%;
}

#menuModalCenter h4 {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #666;
  text-align: left;

}

#menuModalCenter h4:after {
  content: "";
  width: 25px;
  height: 1px;
  background: #bec358;
  margin: 10px auto 10px 0px;
  display: block;
  position: relative;

}

#menuModalCenter .modal-content {
  background: rgba(0, 0, 0, 0.00);
  border: none;
}

#menuModalCenter ul {
  margin-bottom: 10px;
}

#menuModalCenter li a {
  color: #666;
  text-align: left !important;
  font-weight: 200;
  margin-top: 10px;
}

#menuModalCenter li a:hover {
  color: #bec358;
  text-decoration: none;
}

#menuModalCenter li {
  color: #666;
  text-align: left !important;
  margin-bottom: 5px;
}

#menuModalCenter ul {
  list-style: none
}

#menuModalCenter .close {
  color: #000fff;
  font-size: 2rem;
  text-shadow: none;
  opacity: 1;
  text-align: center;
}

#menuModalCenter .modal-dialog {
  max-width: 100%;
  width: 100%;
  margin: 0px auto 30px auto;
}

#menuModalCenter {
  background-color: rgba(0, 0, 0, 0.60);
  z-index: 10000000;
  padding: 50px 30px 50px 100px;
}

#menuModalCenter .modal-body {
  padding-top: 0px;
}

.modal-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background: #bec358;
}

.modal-title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 800;
}

.modal-title span {
  text-transform: none;
  font-weight: 300;
  font-size: 1.0rem;
  display: block;
}

.modal-body {
  color: #666;
  padding-top: 10px;
}

.modal-body p {
  color: #666;
  padding-top: 10px;
  font-size: 1.0rem;
  font-weight: 300;
}

.modal-body p i {
  font-size: 2.0rem;
}

.modal-body ul {
      list-style: none;
    padding-left: 0;
    margin-top: 0px;
}
.modal-body p + ul {
    margin-top: -10px;
	padding-left: 15px;list-style: square;
}
.modal-body p + ul li p{color:#fff;}

.modal-body li {
  font-family: 'montserrat', arial, sans-serif;
  font-size: 1.0rem;
  color: #666;
  line-height: 1.2rem;
  text-align: left;
  margin-bottom: 5px;
}

.modal-body li u {
  display: block;
}

.modal-body ul li p {
  padding-top: 0px;
}

.modal-footer {
  padding: 0 .75rem 0 .75rem;
}

.modal-body h4 {
  font-weight: 400;
  color: #065963;
  margin-top: 7px;
  margin-bottom: 2px;
  font-size: 1.2rem;
}

.modal-body em {
  color: #666;
  margin-top: 10px;
}

.modal-header {
  border-bottom: 1px solid #fff;
}

.modal-header .close {
  outline: none !important;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 700px;
  }
}


.gestionMarge {
  padding-top: 230px !important;
}

/*.fixNavigation .leLogo img {display: inline-block;width:150px;height: auto;margin:0 auto 0px auto;
}*/
.fixNavigation .leLogo h3 {
  display: inline-block;
  font-family: 'montserrat', sans-serif;
  color: #666;
  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: 70px!important;
-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);max-width:1680px;
}*/
#alphabet.fixMenu {
  position: fixed;
  top: 100px;

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

.height-fill {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /*height:100vh;*/
}

.box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementcentrervert {
  margin-top: 40vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

ul.elementcentrervert {
  margin-top: 40vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  /*border :1px solid #fff;*/
  padding: 40px 15%; /*background: rgba(31,36,70,0.50);*/
  background: rgba(145, 120, 35, 0.80);
  right: 20px;
  position: absolute; /*width:48%;*/
}

#content.main-content {
  margin: 0px auto 0 auto;
  padding-top: 0px;
  max-width: 1920px;
  width: 100%;
  overflow: hidden;
}

#content.main-content2 {
  margin: -12px 0 0 0;
  padding-top: 50px;
  display: block;
  position: relative;
}

.recette, .recherche {
  border: 1px solid #ccc;
  margin: 0px 0 10px 0;
  padding: 15px 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.recette:hover, .recherche:hover {
  background: rgba(0, 0, 0, 0.05)
}

.recette a, .recherche a {
  display: block;
  text-align: center;
}

.recette p {
  text-align: left !important;
  font-size: 0.9rem !important;
  line-height: 1.0rem !important;
  margin-bottom: 0px;
}

.recherche p {
  text-align: center !important;
  font-size: 0.9rem !important;
  line-height: 1.0rem !important;
  margin-bottom: 0px;
}

.recette p strong, .recherche p strong {
  color: #666;
  font-family: 'montserrat', sans-serif;
  font-size: 1.7rem;
  line-height: 1.2rem;
  text-decoration: none;
  margin-bottom: 0px;
}

.recherche p strong {
  font-size: 2.0rem;
  line-height: 1.5rem;
}

.recette img, .recherche img {
  display: block;
  text-align: center !important;
  margin: 10px auto 15px auto !important;
  border: 1px solid #ccc;
}

.recette p.lire, .recherche p.lire {
  color: #fff;
  text-align: center !important;
  padding: 10px 15px;
  background: rgba(222, 86, 44, 1.00);
  margin: 10px auto 0px auto;
  text-transform: uppercase;
  font-size: 0.8rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.recette p.lire:hover {
  background: rgba(222, 86, 44, 0.80);
}

.recherche p.lire:hover {
  background: rgba(222, 86, 44, 0.80);
}

.recette a.mail {
  text-decoration: underline !important;
}

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

#logo a {
  color: transparent;
}

.conso {
  margin-left: 50px;
}

.conso button {
  letter-spacing: 0em !important;
}


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


.fixNavigation {
  top: 0px;
  position: fixed !important;
  /*margin-bottom:550px;*/
  -webkit-transition: all 0.2s;
  transition: all 0.2s;

}

.relatived-footer {
  position: relative;
  background: #B3DDDF !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;

  -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: 15px auto;
  text-align: center;
  color: #ffffff;
}

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


/*.petitleLogo {
    width: 90px;
    height: auto;
    margin: 12px 58px 0 58px;
}*/
/********************ajout Bootstrap************************/
.navbar {
  padding: 0rem !important;
  /* padding: .5rem 1rem; */
}

.bg-inverse {
  background-color: transparent !important;
}

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(171, 192, 186, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


#menu {
  width: 100%; /*height : 120px; max-width:1920px;*/
  height: 72px;
  margin-top: 45px;
  background: #f2f4dc;
  text-align: center;
  /*  background: url(../img/courbe.png);
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat; background: #B3DDDF;-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); */
  /*background: #B3DDDF url(../images/fond-menu.png);
    background-size: cover;
    background-position:  bottom -261px left -100px;
    background-repeat: no-repeat;*/

}

#menu .navbar ul {
  height: 50px;
  list-style-type: none;
  text-align: center;
  margin-top: 90px;
}

#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: #666;
  font-family: 'montserrat', Arial, sans serif;
  font-size: 0.7em;
  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: #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: #666;
  font-family: 'montserrat', Arial, sans serif;
  font-size: 0.7em;
  letter-spacing: 0.0em;
  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: #dd562c !important; /*background:#c9917b!important;*/
}

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


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

.dropdown-menu a.dropdown-item:hover {
  color: #fff !important;
  text-decoration: none;
  background: #c7d40c !important;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border: none !important;
}

ul.coordonnees {
  color: #666 !important;
  list-style-type: none;
}

#bas .coordonnees a, #bas .coordon a, .pays {
  color: #625b48;
  display: block;
  word-wrap: break-word !important;
  white-space: normal;
  margin-bottom: 0px;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#bas .coordonnees a:hover, #bas .coordon a:hover {
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#bas .coordonnees a i, #bas .coordon a i, .pays i {
  font-size: 1.8rem;
  display: inline-block;
  margin: 0px 7px 0px 0px;
}

#bas .coordonnees a.marker i, #bas .coordon a.marker i {
  font-size: 1.8rem;
  display: inline-block;
  margin: 0px 7px 6px 0px;
  float: none;
  vertical-align: -5px;
}


/*fond*/

section {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

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: #666;
  text-align: center;
}

.flecheDown a, .flecheDownUn a, .flecheDown a:visited {
  color: #dd562c;
  text-decoration: none;
}

.flecheDown2 a, .flecheDown2 a:visited {
  color: #666fff;
  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;
}



.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: 'montserrat', sans-serif, Times New Roman, serif;
  font-size: 1.2em !important;
  line-height: 1em !important;
}

.membre p span {
  font-style: italic !important;
  color: #c2b49e !important;
  font-family: 'montserrat', 'Arial', sans-serif !important;
  font-size: 0.7em !important;
  line-height: 0.7em !important;
}

a.portrait3 {
  width: 100% !important;
  display: inline-block;
}

a.portrait3 img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border: #000 10px solid;
  webkit-transition: all 0.5s;
  transition: all 0.5s;
}

a.portrait3 img:hover {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border: #fd4f00 10px solid;
}

#equipe {
  padding-top: 100px !important;
}


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

/********************************************GAMME********************************/





.gamme a, .gamme p {
  color: #317e91;
  font-family: 'montserrat', sans-serif;
  font-size: 2.2rem;
  text-decoration: none;
  text-align: center;
  line-height: 2.4rem;
}

.gamme a span, .gamme p span {
  color: #317e91;
  font-family: 'montserrat', sans-serif;
  font-size: 0.6em;
  line-height: 1.8rem;
  text-decoration: none;
  text-align: center;
  display: block;
}

.gamme h2, .gamme h2 a {
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem; /*color:#1f2446;*/
  color: #317e91;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 30px;
  margin-bottom: 30px;
}

.gamme h2 a:hover {
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem;
  color: #de562c;
  text-decoration: none;
}

.gamme a:hover p {
  color: #666 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.gamme img {

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

.gamme a:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  opacity: 0.8;
}

img.logomarennesoleron {
  margin-top: -20px;
  margin-bottom: -50px;
}

section h2 {
  /* font-size: 4.0rem;*/
  font-family: 'montserrat', sans-serif;
  display: block;
  width: 100%;
  text-align: center;
}

/*section h2 span {
    font-size: 1.3rem;
    font-family: 'montserrat', sans-serif;
    display: block;
    text-align: left;
}*/
h1.h1portrait {
  padding-left: 140px;
  position: relative;
}

.contacter h1.h1portrait {
  padding-top: 0px;
}

.contacter .structure .structureEconomie {
  padding: 0px 20px 0px 10px;
}


@media (max-width: 1410px) {
  h1.h1portrait {
    padding-left: 140px;
  }
}

@media (max-width: 1320px) {
  #menu .boutique h2 span, .slogan a span {
    display: none;
  }

  .boutiquetriangle {
    left: 370px;
  }

  #menu .boutique {
    width: 410px;
  }

}


@media (max-width: 1370px) {
  section wrapperRelative h2 {
    font-size: 3.0rem;
  }

}

@media (max-width: 1360px) {
  .titreUn {
    padding: 30px 30px 30px 15px;
    letter-spacing: 0.05em
  }

}


section.sombre h2 {
  color: #bec358;
}

section.sombre p { /*color:#888;*/
  color: #ddd;
}


section.fondbleu h2 {
  color: #666;
}

section.fondbleu p { /*color:#888;*/
  color: #ddd;
}

.traitsGlobe {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.cadre2 {
  padding: 30px 30px;
  color: #bec358;
}

.cadre2 ul, .cadre2 ul li {
  text-align: left;
  color: #404041;
}

.cadre2 ul, .cadre2 ul li i {
  font-size: 1.2rem;
}

.cadre2 img.portraitRSE {
  max-width: 190px;
  width: 100%;
  height: auto;
  height: auto;
  border: 10px solid #fff;
  position: relative;
  margin: -5px auto 20px 0px;
  display: block;
  -webkit-box-shadow: 4px 4px 10px 2px rgb(0 0 0 / 30%);
  box-shadow: 4px 4px 10px 2px rgb(0 0 0 / 30%);
}

.cadre2.une img.portraitRSE {
  transform: rotate(-5deg);
}

.cadre2.deuxe img.portraitRSE {
  transform: rotate(0deg);
}

.cadre2.troise img.portraitRSE {
  transform: rotate(-4deg);
}

.cadre2.quatreu img.portraitRSE {
  transform: rotate(4deg);
}

.cadre2 h3 {
  font-weight: 300;
  line-height: 1.75rem;
}

.cadre2 h3:after {
  content: "";
  width: 30px;
  height: 2px;
  display: block;
  position: relative;
  background: #bec358;
  margin: 10px auto 15px 0px
}

.cadre2 h4 {
  font-weight: 500;
  font-size: 1.0rem;
  line-height: 1.0rem;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 1px;
  letter-spacing: 0.1em;
}

.cadre2 p:first-of-type {
  margin-top: 0px;
  margin-bottom: 10px;
}

.cadre2 button {
  border-radius: 50%;
  background: #bec358;
  margin: 0px auto 0px auto;
  font-size: 2.0rem;
  position: relative;
  border: none;
  outline: none !important;
  color: #666;
  padding: 1px 11px 3px 11px;
  display: block;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
}

.cadre2 button:hover {
  background: #000;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 0%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 0%);
}

#sectionPresentationA .annuaire .cadre2 ul li:first-of-type {
  font-weight: 400;
  text-transform: uppercase;
}

#sectionPresentationA .annuaire .cadre2 ul li:last-of-type {
  font-weight: 400;
}

#sectionPresentationA .cadre2 ul {
  padding-left: 10px;
}

#sectionPresentationA .cadre2 ul li {
  font-size: 1.2rem;
}

#sectionPresentationA .cadre2 ul li:first-of-type {
  text-transform: uppercase;
}

.mot {
  font-size: 1.1em;
  color: #ccc;
}

.mot:after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 2px;
  background: #ccc;
  margin: 10px auto 10px 0px
}

.mot:before {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 4px;
  background: none;
  margin: 0px auto 0px 0px;
  font-weight: 200 !important;
}

.cadre1 {
  padding: 30px 30px;
  color: #bec358;
}

.cadre1 ul, .cadre1 ul li {
  text-align: left;
}

.cadre1 img {
  max-width: 220px;
  width: 100%;
  height: auto;
  height: auto;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  position: relative;
  margin: -35px auto -5px auto;
  display: block;
}

.cadre1 img.portraitRSE {
  max-width: 200px;
  width: 100%;
  height: auto;
  height: auto;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  position: relative;
  margin: -5px auto -15px auto;
  display: block;
}

.cadre1 h3 {
  font-weight: 300;
  line-height: 1.75rem;
}

.cadre1 h3 span {
  font-size: 0.5em;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cadre1 h3:after {
  content: "";
  width: 30px;
  height: 2px;
  display: block;
  position: relative;
  background: #bec358;
  margin: 10px auto 15px 0px
}

.cadre1 h4 {
  font-weight: 500;
  font-size: 1.0rem;
  line-height: 1.0rem;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 1px;
  letter-spacing: 0.1em;
}

.cadre1 p:first-of-type {
  margin-top: 0px;
  margin-bottom: 10px;
}

.cadre1 p {
  text-align: left;
  line-height: 1.5rem;
}

.cadre1bis {
  padding: 0px 0px;
  color: #bec358;
}

/*.cadre1 i:first-of-type , .cadre1bis i:first-of-type {
    font-size: 2rem;
    color: #1f2446;
	background: #bec358;
    padding: 20px;
    margin: 0px 20px 10px 0px;
}*/

.cadre1::after, .cadre1bis::after {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  height: 50px;
  width: 50px;
  display: block;
  border-left: 1px solid;
  border-top: 1px solid;
  z-index: 1000;
}

.cadre1::before, .cadre1bis::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 50px;
  width: 50px;
  display: block;
  border-right: 1px solid;
  border-bottom: 1px solid;
  z-index: 1000;
}

.cadre3 {
  padding: 10px 10px 0px 10px;
  color: #bec358;
}

.cadre3 ul, .cadre1 ul li {
  text-align: left;
}

.cadre3 img {
  max-width: 220px;
  width: 100%;
  height: auto;
  height: auto;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  position: relative;
  margin: -35px auto -5px auto;
  display: block;
}

.cadre3 img.portraitRSE {
  max-width: 200px;
  width: 100%;
  height: auto;
  height: auto;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%);
  position: relative;
  margin: -5px auto -15px auto;
  display: block;
}

.cadre3 h3 {
  font-weight: 300 !important;
  line-height: 1.75rem;
  font-size: 1.3rem !important;
}

.cadre3 h3 span {
  font-size: 1.5em;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.0em;
  display: inline-block;
  float: left;
}

/*.cadre3 h3:after{content:"";width:30px;height:2px;display:block;position:relative;background:#bec358;margin:10px auto 15px 0px}*/


.cadre3 h3 span:after {
  content: "";
  width: 2px;
  height: 30px;
  position: relative;
  background: #bec358;
  margin: 0px 15px 0px 15px;
  display: inline-block;
  vertical-align: -5px;
}

.cadre3 h4 {
  font-weight: 500;
  font-size: 1.0rem;
  line-height: 1.0rem;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 1px;
  letter-spacing: 0.1em;
}

.cadre3 p:first-of-type {
  margin-top: 0px;
  margin-bottom: 10px;
}

.cadre3 p {
  text-align: left;
  line-height: 1.5rem;
}

.cadre3 p i.bi-arrow-right-square {
  margin-right: 5px;
  margin-left: 45px;
}


.cadre3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  height: 50px;
  width: 50px;
  display: block;
  border-left: 1px solid;
  border-top: 1px solid;
  z-index: 1000;
  opacity: 0;
}

.cadre3::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 50px;
  width: 50px;
  display: block;
  border-right: 1px solid;
  border-bottom: 1px solid;
  z-index: 1000;
  opacity: 0;
}


h2.traitsGlobe {
  color: #666;
}

.fond-section-blanche h2.traitsGlobe, .fond-section-blanche2 h2.traitsGlobe {
  color: #666;
}

.traitsGlobe::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 50%;
  display: block;
  border-bottom: 1px solid;
  right: 100%;
  margin-right: 10px;
  opacity: 1;
}

.traitsGlobe::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 50%;
  display: block;
  border-bottom: 1px solid;
  left: 100%;
  margin-left: 10px;
  opacity: 1;
}

/********************************************FULL PHOTO********************************/
.fullPhoto {
  background: rgba(255, 255, 255, 1.00);
  padding-top: 30px !important;
}

.fullPhoto a {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  display: inline-block;
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem;
  color: #1f2446;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 30px;
  width: 49% !important;
  text-align: center;
}

.fullPhoto a:hover {
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem;
  color: #de562c;
  text-decoration: none;
}

/********************************************VIDEOS********************************/
.videos {
  background: rgba(171, 192, 186, 1.00);
  padding-top: 20px;
  padding-bottom: 50px;
  display: block;
  position: relative;
}

.videos a {
  text-decoration: none;
}

.video p {
  color: #666;
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
}

.videos h2, .videos h2 a {
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem;
  color: #1f2446;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 30px;
}

.videos h2 a:hover {
  font-family: 'montserrat', sans-serif;
  font-size: 1.0rem;
  color: #de562c;
  text-decoration: none;
}

.videos h3 {
  font-family: 'montserrat', sans-serif;
  font-size: 2.7rem;
  line-height: 2.7rem;
  color: #666;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0px;
  margin-bottom: 20px;
}

/********************************************CONTENU********************************/
.contenu, .contenu3 {
  background: #ffffff;
  padding-top: 50px;
  padding-bottom: 30px;
}

.contenu2 {
  padding-top: 10px;
  padding-bottom: 30px;
}

.contenu a, .contenu2 a, .contenu3 a {
  text-decoration: none;
}

.contenu p, .contenu ul li, .contenu3 p, .contenu3 ul li {
  color: #555;
  font-family: 'montserrat', sans-serif;
  font-size: 0.9rem;
  line-height: 1.3rem;
  text-decoration: none;
  font-weight: 100;
  list-style-type: none;
}

.contenu2 p, .contenu2 ul li {
  color: #666;
  font-family: 'montserrat', sans-serif;
  font-size: 0.9rem;
  line-height: 1.3rem;
  text-decoration: none;
  font-weight: 100;
  list-style-type: none;
}

.contenu2 ul li strong {
  color: #666;
  font-family: 'montserrat', sans-serif;
  font-size: 2.0rem;
  line-height: 1.8rem;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
  margin-top: 30px;
}

.contenu3 ul li strong {
  color: #666;
  font-family: 'montserrat', 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: 1.0rem !important;
}

.contenu h1, .contenu3 h1 {
  font-family: 'montserrat', sans serif;
  font-weight: 300;
  font-size: 1.5rem;
  color: #1f2446;
  text-decoration: none;
  margin-top: 30px;
}

.contenu h1 strong, .contenu3 h1 strong {
  font-weight: 700;
}

.contenu h1 span, .contenu3 h1 span {
  font-family: 'montserrat', sans-serif !important;
  font-size: 2.5rem;
}

.contenu h1 span span, .contenu3 h1 span span {
  vertical-align: -10%;
}

.contenu h2, .contenu2 h2, .contenu3 h2 {
  font-family: 'montserrat', sans serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #1f2446;
  text-align: left;
  text-decoration: none;
  margin-top: 30px;
  margin-bottom: 30px;
}


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

.cinq h2 {
  color: #666;
  font-size: 3em;
  font-family: 'montserrat', 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: #625b48;
  font-size: 2.6rem;
  line-height: 1.2rem;
  font-family: "amatic-sc", sans-serif;
  font-weight: 700;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding: 0px 20px 0px 0px;
}

#bas h2 span {

  font-family: 'phenomenaregular', arial, sans-serif;
  font-size: 1.7rem;
  line-height: 1.9rem;
  font-weight: 100;
  text-transform: none !important;
  display: block;
  margin-top: 0px;
  display: block;
}

#bas h2 span:first-of-type {
  padding-top: 10px;
}

#bas h5 {
  color: #625b48;
  font-family: "amatic-sc", sans-serif;
  font-size: 2.6rem;
  /* font-weight: 700; */
  line-height: 1.2rem;
  position: relative;
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: left;
  font-weight: 700;
}

#bas .RS {
  text-align: left;
}

#bas .RS a i {
  color: #625b48;
  font-size: 2.0rem;
  margin: 5px;
}

#bas .RS a:hover i {
  color: #fff;
}

#bas .RS form {
  max-width: 200px;
}

#bas .RS form input.boutonNL {
  background: #404040;
  color: #fff;
}

#bas .RS form input.boutonNL:hover {
  background: #666;
  color: #fff;
}

.ligneB::after {
  content: "";
  display: block;
  margin: 20px auto 0px auto;
  width: 50%;
  border-bottom: 1px solid #fff;
  border-color: inherit !important;

}

.ligneDessous::after {
  content: "";
  display: block;
  margin: 30px auto 0px auto;
  width: 20%;
  min-width: 300px;
  border-bottom: 1px solid #fff;
  border-color: inherit !important;

}

.ligneDessous2::after {
  content: "";
  display: block;
  margin: 11px auto 0px auto;
  width: 20%;
  min-width: 250px;
  border-bottom: 1px solid #fff;
  border-color: inherit !important;

}

.ligneH::before {
  content: "";
  display: block;
  margin: 0px auto 20px auto;
  width: 50%;
  border-top: 1px solid #fff;
  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: 'montserrat', Arial, sans serif;
  background: rgba(255, 255, 255, 0.70);
  padding: 20px 60px; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/
  display: table;
  margin-left: auto;
  margin-right: auto;
}


.sousTitre {
  padding: 0px 0px;
  text-align: center;
  display: block;
  width: 100px;
  position: absolute;
  top: 68px;
  right: 20px;
  z-index: 1000;
}

.sousTitre img {
  padding: 5px 2px;
  width: 45px;
  height: auto;
}

.sousTitre a {
  color: #de562c !important;
  text-decoration: none !important;
}

.sousTitre i {
  font-size: 1.5rem !important;
  padding: 5px 5px 5px 5px;
  vertical-align: -2px;
}

.sousTitre a:hover {
  color: #666 !important;
  text-decoration: none !important;
}


#bas h3 {
  color: #bec358;
  text-transform: uppercase;
  font-size: 0.7em;
  line-height: 2.2em;
  letter-spacing: 0.2em;
  font-family: 'montserrat', Arial, sans serif !important;
  padding: 0px 20px 0px 20px;
}

#bas h3 span {
  text-transform: none !important;
  font-size: 2.0rem;
  font-weight: 700;
  display: block;
  letter-spacing: 0.2rem !important;
  color: #666 !important;
  margin-top: 10px;
}


.ombre {
  text-shadow: 0 1px 3px #000000
}

.ombreBlanc {
  text-shadow: 0 1px 3px #ffffff;
}

.avecOmbre {
  -webkit-box-shadow: 0 20px 15px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 20px 15px 0 rgba(0, 0, 0, 0.3);
}

.avecOmbre2 {
  -webkit-box-shadow: 0 -20px 15px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -20px 15px 0 rgba(0, 0, 0, 0.3);
}

.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: #666 !important;
}

.colorRose {
  color: #bb1883;
}

.colorVert {
  color: #c7d40c;
}

.colorKaki {
  color: #898b5c;
}

.colorOrange {
  color: #fd4f00;
}

.colorGris {
  color: #999999;
}

.colorBleuClair {
  color: #41ae9f;
}

::placeholder {
  color: #666666 !important;
  font-weight: 300;
}

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

input[data-reset="reset"] {
  width: 46% !important;
  margin: 1% !important;
  display: inline-block;
  border: none !important;
  background: rgba(187, 24, 131, 1.00);
  color: #666 !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: #666;
}

input[data-submit="submit"]:hover {
  background: #666;
  cursor: auto !important;
}

.bgdOrange {
  background: #fd4f00 !important;
}

.dottedNoir {
  border-top: 8px dotted #999;
  border-bottom: 8px dotted #999;
}

textarea {
  width: 98% !important;
  border: 1px solid #ccc !important;
  padding: 5px 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.50);
}

.fondAlpha {
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 30px 30px 30px;
}

.fondAlpha h2 {
  font-size: 2.2em;
  font-family: 'montserrat', 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: 'montserrat', sans-serif, 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: #666fff;
}

.fond p, .fondPineaux p, .fondAlpha p {
  color: #666666 !important;
}

.fond h3, .fondPineaux h3, .fondAlpha h3 {
  color: #666666 !important;
  margin-bottom: 5px;
}

.fondPineaux {
  padding-left: 70px !important;
}

.fondPineaux ul {
  padding-left: 20px !important;
}

.sansOmbre {
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.0) !important;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.0) !important;
}

.sansFond {
  background: rgba(255, 255, 255, 0.0) !important;
}

/*
.fond .fond2 {padding : 10px 30px; background : #437a75; margin-top : 20px; margin-left: 0px; border : 1px solid #c2b49e; border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.fond .fond2 p {font-size:1.3em; text-align: left; line-height: 1.4em; font-family: 'montserrat', Arial, sans serif;  color:#c2b49e; }
.fond .fond2 p span{margin-right:10px; }*/
/*#bas*/
#bas {
  width: 100%;
  height: auto;
  position: relative;
  bottom: 0px !important;
  z-index: 100;
  padding: 50px 30px 20px 50px;
  margin-bottom: 0px; /*background: #B3DDDF url(../img/vagues-huitres-cocollos-marennes-oleron.png);background-position:  bottom left;background-repeat: repeat-x;*/
  font-family: 'montserrat', Arial, sans serif;
  text-align: center;
}


/*#bas ul {height : 50px; list-style-type : none; margin:0 auto; width:auto; display:table;}
#bas ul li {float: left; height : 30px; padding : 0 20px;}
/*
#bas ul li a{color : #bb1883; font-size:1em; text-transform : none; height : 45px; display : block; line-height : 45px;text-decoration:underline; 	-webkit-transition: all 0.5s;
    transition: all 0.5s;	border:2px dashed #fff; border-color: inherit;    padding: 3px 20px; }*/
#bas ul li.reseaux {
  padding: 10px 20px;
  height: 60px;
}

#bas ul li a:hover {
  color: #eee;
}

#bas ul li a span {
  margin-right: 10px;
}

#bas p {
  margin: 0 auto;
  text-align: center;
  color: #c2b49e;
}

/*
#bas img{display: block;width: 100%;max-width: 250px;background: #fff;padding: 20px 7px;position: relative;margin: -120px auto -145px auto;border-radius:50%; }
#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; }*/

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

/***************css parallax****************/
section.transparent {
  background: rgba(0, 0, 0, 0.20);
  display: block;
  position: relative;
}

.calageParallax { /*margin:0px auto 0px auto;*/
  margin: -40px auto 25px auto;
  display: block; /*background: #c2ddce*/
}

.containerparallax {
  margin: 0px auto 0px auto;
  width: 100%;
  background: transparent;
  height: 800px;
  position: relative;
}

/*[data-parallax-img] {
  opacity: 0.5
}*/


.containerparallax div {
  height: 800px;
  position: relative;


}

.parallax {
  position: relative;
  z-index: 1;
  opacity: 0.5;
}

.containerparallax div.bgdNoirAlpha {
  background: rgba(132, 110, 87, 0.50);
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  top: 0px;
  left: 0px;
  z-index: 0
}

.containerparallax h2 {
  font-size: 4.0rem;
  font-weight: 400;
  opacity: 1.0;
  font-family: "amatic-sc", 'montserrat', sans-serif !important;
  color: #90a996;
  padding: 0px 30px 0px 30px;
  text-align: center;
  text-shadow: 3px 1px 2px #fff;
}

.containerparallax h2 span {
  color: #000;
  font-size: 3.3rem;
  letter-spacing: 0rem;
  font-family: 'chennai', arial, sans-serif !important;
  font-weight: 400;
  display: block;
  margin-top: 15px;
  opacity: 1.0;

}

/*.containerparallax h2 span{font-size:2.5rem;color:#000333;text-shadow: 0 2px 3px #ffffff;}*/
.containerparallax h2 span.or {
  font-size: 2.5rem;
  color: #bf9a53;
  text-shadow: 0 2px 3px #000000;
}

@media (max-width: 1200px) {
  #sectionJaune {
    padding: 250px 20px 50px 20px;
  }
}


@media (max-width: 991px) {
  .containerparallax h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .containerparallax h2 span {
    color: #000;
    font-size: 2.3rem;
    line-height: 2.0rem;
  }

}


.containerparallax h1 span {
  font-size: 3.9rem;
  line-height: 5.0rem !important;
  font-family: 'chennai', arial, 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: #bcb08a;
  font-size: 1.8rem;
  letter-spacing: 0rem;
  font-family: 'chennai', arial, sans-serif !important;
  font-weight: 400;
  display: block;
  margin-top: 15px;
  opacity: 1.0;
  text-align: center; /* text-shadow: 3px 1px 10px #000000;*/
}

.containerparallax span {
  color: #666;
  font-size: 1.0em;
  line-height: 2rem;
  opacity: 1.0;
  font-family: montserrat, sans-serif;
}

.containerparallax em {
  font-size: 0.8em;
  display: block;
  margin-top: 20px;
}

.containerparallax div.wrapper2 {
  max-width: 970px;
  width: 80%;
  height: auto;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 2; /*border-left: 10px solid #fff;border-right: 10px solid #fff;*/
}

.border-width {
  width: 60px;
  height: 3px;
  background: #bcb08a;
  margin: 30px 0;
}

/**************fin css parallax*************/
.slogan {
  color: #fff;
  position: relative; /*top:67px;*/
  width: 100%;
  font-family: 'phenomenaregular', arial, sans-serif;
  z-index: 10000;
  text-align: right;
  font-size: 1.3rem;
  background: #bec358;
  min-height: 45px;
  height: auto;
  padding: 2px 20px 0px 20px;
}

.slogan a {
  color: #fff;
  padding: 0px 5px;
}

.slogan a i {
  font-size: 1.7rem;
}

.slogan a:hover {
  color: #333;
}

.courbe {
  text-align: center;
  display: block;
  position: relative;
  width: 100%;
  height: 140px;
  z-index: 1000000;
  background: url(../img/courbe1.png);
  background-size: cover;
  background-position: center center !important;
  background-repeat: no-repeat;
  margin-top: -30px;
  margin-bottom: 0px;
}


/*footer*/
footer {
  width: 100%;
  height: auto;
  position: relative;
  bottom: 0px !important;
  z-index: 1000000;
  padding: 0px 15px 0px 15px;
  margin-bottom: 0px;
  font-family: 'chennai', Arial, sans-serif;
  background: #bec358;
  border-top: 0px dotted #bec358;
}

/*
footer ul {min-height : 30px; list-style-type : none; margin:0 auto; width:100%; display:table;padding: 16px 50px;text-align:center;}
footer ul li { height : 30px; padding : 0 20px;width:auto;display:inline-block;}*/
footer ul {
  list-style-type: none;
  text-align: right;
  padding-right: 100px;
  padding-bottom: 20px;
}

footer ul li {
  display: inline-block;
}

footer ul li a {
  color: #625b48;
  font-size: 1.0rem;
  text-transform: none;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

footer ul li.reseaux {
  padding: 0 5px 0 0px;
}

footer ul li a:hover {
  color: #000;
}

footer ul li a span {
  margin-right: 10px;
}

footer p {
  margin: 0 auto;
  text-align: center;
  color: #c2b49e;
}

footer p span {
  color: #666666 !important;
  font-style: italic;
  font-size: 0.9em;
}

footer .dernier h2, footer .dernier h3 {
  text-align: left !important;
}

footer .dernier img {
  max-width: 150px;
  height: auto;
  width: 100%;
}

#tubular-container {
  top: 0;
}

/* -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');

  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-youtube:before {
  content: "\f167";
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

ul.description li a {
  font-size: 1.0rem;
  line-height: 1.0rem;
  padding-top: 4px;
  padding-bottom: 8px;
  width: 100%;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

ul.description, ul.description li, ul.description li a {
  list-style: none;
  font-size: 1.0rem;
  font-family: 'new-order', sans-serif !important;
  color: #fe0000;
  text-align: left;
  text-transform: uppercase;
}

ul.description li a::after {
  content: "";
  display: block;
  margin: 10px auto 0px auto;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  border-color: inherit;
}

.cadre5ter {
  border: 0px dotted #fff;
  padding: 30px 30px 30px 30px;
  margin: 10px 0px 30px 0px;
  color: #fff;
  /*background: #bec358;*/
  background: #bec358;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 30px;
}

.cadre5ter [class^="flaticon-"]:before {
  color: #fff;
  background: #bec358;
  text-align: center;
  padding: 10px 10px 10px 15px;
  border-radius: 50%;
}

.cadre5ter i {
font-size: 3.0rem;
    vertical-align: 5px;
    text-align: center;
    display: block;
}
.cadre5ter .sidebar-first{margin-top: -70px;margin-bottom: -10px;text-align: center;}

.cadreVert {
  border: 4px dotted #94c11f;
  padding: 20px 30px 20px 30px;
  margin: 10px 0px 30px 0px;
  color: #94c11f;
  /*background: #bec358;*/
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
}

.cadreVert h4 {
  color: #94c11f
}

.cadreVert .btn.resa {
  min-width: 200px;
  background: #94c11f;
  margin-bottom: -55px;
}

.cadreVert .btn.resa:hover {
  background: #df0e8d;
}

.card.car-body .cadre5ter {
  border: 0px dotted #fff !important;
}

.card.car-body .cadre5ter img {
  margin-top: 10px;
}

.card.car-body .cadre5ter h3 {
  padding-bottom: 40px !important
}

.cadre5ter.cadreJaune {
  border: 0px dashed #fff;
  padding: 20px 30px 20px 30px;
  margin: 10px 0px 30px 0px;
  color: #fff;
  background: rgba(217, 168, 21, 0.5);
  border-radius: 30px;
}

.cadre5ter.cadreBlanc {
  border: 2px dotted #999;
  padding: 80px 30px 25px 30px;
  margin: 10px 0px 30px 0px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 30px;
}

.cadre5ter.cadreBlanc img:first-of-type {
  width: 100%;
  height: auto;
  max-width: 200px;
  top: -30px;
  position: absolute;
}

.cadre5ter.cadreBlanc:before {
  content: "";
  height: 126px;
  width: 93px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-54%);
  top: -35px;
  background: #fff;
  border-radius: 35px;
}

.cadre5ter.cadreBlanc img:nth-of-type(2), .cadre5ter.cadreBlanc a.fancy img {
  width: 100%;
  height: auto;
  max-width: 300px;
  position: relative;
  top: 0;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 1;
}

.cadre5ter.cadreBlanc a.fancy {
  background: rgba(0, 0, 0, 1.00);
  position: relative;
}

.cadre5ter.cadreBlanc a.fancy:hover img {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.cadre5ter.cadreBlanc a.fancy i {
  font-size: 3rem;
  z-index: 0;
  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 */
}

.cadre5ter.cadreBlanc a.fancy:hover i {
  z-index: 2;
  color: #008e84;
}

.cadre5ter.cadreJaune p, .cadre5ter.cadreJaune h3, .cadre5ter.cadreBlanc h3 {
  color: #404041 !important;
}

.cadre5ter.cadreBlanc p {
  text-align: justify;
  color: #666 !important;
  font-size: 0.85rem;
  margin-bottom: 15px;
}

.cadre5ter.cadreBlanc h4 {
  color: #bec358 !important;
}

.cadre5ter.cadreBlanc h4 i {
  font-size: 2.5rem;
}

.cadre5ter.cadreBlanc h4 i.velo {
  font-size: 3.5rem;
  vertical-align: -10px;
}

.cadre5ter ul {
  color: #fff;
  font-size: 1.3rem !important;
  letter-spacing: 0.05em;
  width: 95%;
  margin-left: 10px;
}

.cadre5ter ul li {
  color: #fff;
  font-size: 1.5rem !important;
  letter-spacing: 0.05em;
  margin-left: 10px;
  line-height: 1.5rem;
}

.cadre5ter ul li strong {
  font-weight: 800;
}

.cadre5ter.cadreBlanc ul {
  position: absolute;
  top: 10px;
  right: 30px;
  list-style: none !important;
}

.cadre5ter.cadreBlanc ul li {
  font-size: 1.1rem !important;
}

.cadre5ter.cadreBlanc ul.lieux {
  top: 10px;
  right: 0px;
  left: -13px;
}

.cadre5ter.cadreBlanc ul.lieux li i {
  background: #fff;
}

.cadre5ter.cadreJaune ul {
  color: #404041;
  font-size: 1.3rem !important;
  letter-spacing: 0.05em;
}

.cadre5ter.cadreJaune ul {
  padding-left: 30px;
}

.cadre5ter.cadreJaune strong {
  font-weight: 800
}

.cadre5ter h3 {
  color: #fff !important;
  font-family: "amatic-sc", 'montserrat', sans-serif !important;
  font-size: 2.5rem !important;
  line-height: 2.7rem;
  text-align: center;
}
.cadre5ter h3 em{margin-top: 0px;display: block;font-size: 1.7rem;color: red;font-weight: 800;font-style: normal;line-height:1.5rem;}

.cadre5ter h3 span {
  color: #fff !important;
  font-family: 'montserrat', sans-serif !important;
  font-size: 1.1rem !important;
}

.cadre5ter h3 i {
  margin-right: 10px;
}

.cadre5ter h5 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 200;
}

.card.card-body h3 {
  font-family: "amatic-sc", 'montserrat', sans-serif !important;
  font-size: 2.5rem !important;
  color: #008e84 !important;
}

.cadre5ter ul li a {
  color: #bec358 !important;
  font-size: 1.0rem;
  line-height: 1.0rem;
  text-decoration: none;
}

.cadre5ter ul li a i, .cadre5ter p i {
  font-size: 1.9rem;
}

.cadre5ter p i {
  margin: 0px 5px;
}

.cadre5ter p {
  margin: 0px 0px 0px 0px;
  color: #fff;
}

.cadre5ter ul li a:hover {
  color: #000 !important;
}

.cadre5ter .btn.resa i {
  font-size: 1.5rem;
  vertical-align: -4px;
  margin-right: 5px;
}

.photoBorderRadius {
  border-radius: 50%
}

.tampon {
  height: 300px;
}

.btn-secondary {
  border-radius: 0px;
  height: 35px;
  padding: 0;
  margin: 30px auto;
}

.btn-secondaryActu {
  height: 35px;
  padding: 0;
}

.img-fluid-eco {
  width: 100%;
  height: auto;
  max-width: 300px;
}

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

a .btn-secondary, a .btn-secondary2, a .btn-secondary3, a .btn-secondaryActu {
  font-family: 'montserrat', Arial, sans serif;
  text-transform: uppercase;
  text-decoration: none !important;
  width: 100%;
  letter-spacing: 0.2em;
  padding: 11px 20px;
  color: #666;
  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: #222;
  color: #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none !important;
}

.btn {
  display: block;
  height: auto;
  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: 10px;
}

.btn.resaNews {

  margin-top: 0px;

}

.btn.resa {
  min-width: 200px;
  background: #404041;
}

.btn.resaM {
  background: #e05a0a;
  width: 100%
}

.btn.resaS {
  background: #bec358;
  width: 100%
}

.btn.resaK {
  background: #909555;
  width: 100%
}

.btn.resaE {
  background: #e24a84;
  width: 100%
}

.btn.resaL {
  background: #ed046d;
  width: 100%
}

.btn.resaNews:hover, .btn.resa:hover, .btn.resaM:hover, .btn.resaS:hover, .btn.resaK:hover, .btn.resaE:hover, .btn.resaL:hover {
  background: #bec358;
  color: #fff;
}

.btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus {
  color: #000;
  background-color: #bec358;
  border: 0px solid #bec358;
}

.btn {
  font-weight: 400;
  color: #bec358;
  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: #000;
  color: #bec358;
  border: 0px solid #bec358;
}

img.lancezVous {
  width: 100%;
  max-width: 150px;
  height: auto;
  position: relative;
  margin: -55px -380px 10px auto;
  z-index: -1;
}

p.contact {
  font-family: 'montserrat', arial, sans-serif;
  font-size: 1.1rem;
  color: #bec358;
  line-height: 1.6rem;
  text-align: center;
  font-weight: 300;
}

p.contact a {
  color: #000;
  text-decoration: underline;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 700;
}

p.contact a:hover {
  color: #666;
}

#boutonDown {
  position: absolute;
  bottom: 40px;
  left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%);
}

/*.pt-triggers {
    background: rgba(0,0,0,0.00);height: auto;width: 155px;position: fixed;bottom: 20px;right:0px;stext-align: center;}*/
@media (max-width: 1200px) {
  .titreUn span {
    font-size: 0.8em;
  }

  .titreMenu:before {
    margin: 10px 0 10px auto;
  }

  .titreMenu:before {
    margin: 10px 0 10px auto;
  }

  /*#sectionJaune {padding: 0px 30px 50px 30px;}
			#sectionJaune h1, #sectionJaune h2 {margin-bottom: 0px;}*/
}

@media (max-width: 991px) {
  /*.icone {width:25px;}*/
  #Row {
    align-items: flex-start;
    margin-top: 0px;
  }

  #boutonA, #boutonB, #boutonC, #boutonD {
    min-height: 94px;
  }

  .icone i {
    margin-top: 0px;
  }

  .icone span {
    font-size: 0.9rem;
    line-height: 0.9rem;
  }

  .titreUn {
    padding: 15px 30px 15px 15px;
  }

  #sectionJaune { /*padding: 0px 40px 50px 40px;*/
    padding: 0px 40px 50px 75px;
  }

  #sectionJaune h1, #sectionJaune h2 {
    margin-bottom: 0px;
    display: none;
  }

  img.lancezVous {
    max-width: 150px;
    margin: -67px -75px 10px auto;
  }

  .logoattente img {
    max-width: 300px;
  }
}

.search div.fluid.rental {
  max-width: 24%;
}

@media (max-width: 900px) {
  #module2020.portable, #module2020.index.portable {
    display: block;
  }

  #module2020.ecran {
    display: none;
  }

  #module2020 {
    min-width: 320px;
    width: 100%;
  }

  #module2020.portable {
    position: relative;
  }
}


@media (max-width: 770px) {
  .search div.fluid {
    max-width: 25%;
  }

  .search div.fluid.rental {
    max-width: 30%;
  }

  .search div.fluid.date, .search div.fluid.date {
    max-width: 110px;
  }

  .search div.fluid.personne {
    max-width: 90px;
  }
}

@media (max-width: 725px) {
  img.lancezVous {
    max-width: 150px;
    display: block;
    margin: 10px auto 10px auto;
  }
}

@media (max-width: 500px) {
  img.lancezVous {
    max-width: 100px;
    display: block;
    margin: 10px auto 10px auto;
  }

  img.quote {
    display: none;
  }

  p.contact {
    font-size: 1.0rem;
    line-height: 1.3rem;
  }

  .logoattente img {
    max-width: 250px;
    margin-bottom: -10px;
    margin-top: -20px;
  }

  .btn.btn-primary {
    margin-top: -10px;
  }
}

a.noDecoration {
  text-decoration: none !important;
}

.go-b {

  position: fixed;
  width: 60px;
  height: 60px;
  border: 0px solid #000;
  z-index: 2000001;
  right: 10px;
  bottom: 0px;
  text-align: center;
}

.go-b i {
  font-size: 3rem;

}

.go-b a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fd4f00 !important;

}

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

.liste {
  margin: 0 0 0px 0px;
  padding: 0 0 0 20px;
  border-left: 30px solid #82714a;
}

ul.liste li {
  list-style: none;
  color: #ddd !important;
  font-family: 'montserrat', Arial, sans serif;
  font-size: 1.3em;
}

.flag {
  position: absolute;
  right: 20px;
  top: 18px;
}

.flag img {
  width: 100%;
  max-width: 30px;
  height: auto;
  opacity: 1.0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.flag img:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.flag a {
  margin: 5px;
}

h7 {
  font-family: 'montserrat', sans-serif;
  font-size: 1.5em;
  line-height: 0.9em;
}

.centrage {
  text-align: center;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.centrageitem {
  display: flex;
  align-items: center;
  justify-content: center;
}

.centrageitem1 {
  display: block;
  text-align: center;
  position: relative;
  margin: 0 auto;
}

.centrageitem2 {
  position: absolute !important;
  top: 50% !important; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%) !important; /* tiré de la moitié de sa propre hauteur */
}

.centrageitem3 {
  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 */
}

.card {
  background: rgba(255, 255, 255, 0.2);
}

.card-body {
  margin-bottom: 20px;
}


.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: #666fff;
  margin: 1px 0px 0px 0px;
  border: 0px solid #d4124a;
  padding-top: 15px;
  padding-bottom: 0px;
}

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

div.inscription ul {
  margin-bottom: 0px;
  padding-left: 20px;
}

div.inscription ul i {
  font-size: 2.5rem;
  background: #bec358;
  padding: 10px 10px;
  min-width: 60px;
  text-align: center;
}

div.inscription ul li, div.inscription p {
  list-style: square;
  color: #666;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 0.9rem;
  line-height: 16pt;
  text-align: left;
  font-weight: 400;
}

div.inscription a, div.inscription a i {
  color: #666 !important;
}

div.inscription ul li span {
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-family: 'montserrat', sans-serif;
  margin-right: 10px
}

div.inscription {
  padding: 25px 35px;
  border: 0px solid #fff;
  background: rgba(31, 36, 70, 1.0);
  margin: 12px auto;
}

div.inscription h4 {
  font-family: 'montserrat', arial, sans-serif;
  color: #666;
  font-size: 1.3rem;
  font-weight: 800;
  margin-top: 0px;
  margin-bottom: 10px;
}

/*div.inscription ul li span:after{content: "\f101";margin-right: 5px;display: inline-block;
    font-family: 'Font Awesome 5 Free'; font-weight: 900;}*/
div.inscription h4:before {
  content: "\f101";
  margin-right: 5px;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

div.nosproduits h4, .nosproduits p, div.nosproduits ul li {
  color: #fff !important;
}

div.nosproduits ul {
  padding-left: 18px;
}

div.nosproduits img, div.inscription img, div.plan img {
  max-width: 100%;
  height: auto;
}

/*---------------------------SWIPER-----------------------------*/
.swiper-container {
  width: 100%;
  background-color: #f2f4dc;
  width: 100%;
  display: block;
  position: relative;
}

.swiper-container h1, .swiper-container h2, .swiper-slide h2 {
  color: #fff;
  font-size: 3.5rem;
  font-family: "amatic-sc", 'montserrat', sans-serif;
  background: rgba(0, 0, 0, 0.00);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  line-height: 3.2rem;
  /*text-shadow: 2px 2px 2px #000000;*/
}

.swiper-container #nain h1, .swiper-container #nain h2, .swiper-slide #nain h2 {
  padding-top: 65px;
}

.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
  font-size: 2.7rem;
  line-height: 2.5rem !important;
  margin-top: 0px;
  font-family: 'montserrat', sans-serif !important;
  font-weight: 900;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1rem !important;
  /*text-shadow: 0 3px 5px #666;*/
}

.swiper-container h3, .swiper-slide h3 {
  /* color: #61b9ab; */
  color: #fff;
  font-size: 0.9rem;
  font-family: 'montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2rem !important;
  background: rgba(0, 0, 0, 0.00);
  padding: 0px 50px 20px 0px;
  margin-left: 200px;
  text-align: left;
}

.swiper-container h3 span, .swiper-slide h3 span {
  font-size: 2.9rem;
  line-height: 3.0rem !important;
  font-family: "amatic-sc", 'montserrat', sans-serif;

  letter-spacing: 0.0rem;
  text-transform: none !important;
  letter-spacing: 0rem !important;
  display: block;
  margin-bottom: 15px;
}

.swiper-container.merci {
  width: 100%;
  /*background: url(../img/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*************/

.slide-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 85vh;
}

#nain .slide-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 450px !important;
}

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


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

@media (min-width: 1800px) {
  .swiper-slide.slide-cover  {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 88vh;
  }
}


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

.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}


.swiper-slide .blocTexte {
  /* position:absolute;
		top:0px;
		left:70px;height:100%;*/
  width: 50%;
  min-width: 320px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(134, 135, 53, 0.50) !important;
  /*background: #bec358!important;*/
  padding: 30px 20px 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;

}

.swiper-slide .blocTexte2 {
  /* position:absolute;
		top:0px;
		left:70px;height:100%;*/
  width: 100%;
  min-width: 320px;
  height: 450px;
  /*min-height:320px;*/
  /*height:380px!important;*/
  margin-left: 0%;
  background: rgba(8, 82, 148, 0.70) !important;
  padding: 20px 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display: flex;
}

/*
.swiper-slide .blocTexte h1, .swiper-slide .blocTexte h2 {
display:flex;
		 align-items: center;
  justify-content: center;
			margin:auto;
    }*/
.swiper-slide .blocTextemerci {
  position: absolute;
  top: 120px;
  left: 90px;
  /*width:35%;*/
  width: 400px;

  background: rgba(0, 76, 76, 0.80) !important;
  /*background: rgba(171,156,143,0.80)!important;*/
  padding: 15px 20px 15px 20px;
  border: 2px dotted #4f83b1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.swiper-slide .blocTexte .btn {
  /*   position:absolute;
	bottom:50px;
		left: 50%;
  transform: translateX(-50%);*/

}

.swiper-slide .pslide {
  display: block !important;
  position: relative !important;
  margin: 0px auto;
}

.swiper-slide .title, .swiper-slide h1.title {
  font-size: 2.1rem;
  font-weight: 100;
  line-height: 2.3rem;
  text-align: left;
  /*color:#afa69f!important;*/
  color: #666fff;
  text-shadow: 0 2px 5px #666666;

  font-family: 'Verveine', sans-serif !important;
}

.swiper-slide .subtitle {
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: left;
  font-family: 'Lato', sans-serif;
  color: #666 !important;
}

/*
.swiper-slide .subtitle::after{
	content: "";
    display: block;
	margin:10px auto 10px auto;
    width: 100%;
    border-bottom:1px dashed #666666;
	border-color:inherit;

}*/
.swiper-slide .text p {
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: left;
  font-weight: 400;
  color: #666 !important;
}

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

.swiper-pagination.jeux {
  margin-bottom: -50px;
}


.swiper-pagination-bullet-active {
  opacity: 1;

  background: #bec358 !important;
}

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

.swiper-button-next {
  right: 0px
}

.swiper-button-prev {
  left: 0px;
}

/***********************/
/*--------------------------------- partie FR---------------------------- */
.introG {

  width: 100%;
  min-height: 100vh;
  float: none;
  display: flex;
  z-index: 1;
}

.introG .fr {
  margin: auto;
  width: 75%;
  text-align: center;
  background: rgba(255, 255, 255, 0.60);
  padding: 10px 30px 30px 30px;
  text-align: center;

}

.introG .fr p {
  text-align: center;
  font-family: 'montserrat', sans-serif;
  color: #000000;
  font-weight: 100;

}

.introG .fr p span {
  text-align: center;
  font-family: 'montserrat', sans-serif;
  color: #666666;
  font-weight: 100;
  font-style: italic;

}

.introG .fr h2 {
  font-family: 'montserrat', sans-serif;
}

.introG .fr h3 {
  font-family: 'montserrat', 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: 'montserrat', 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: 1000px) {
  #menu .sociaux .encart {
    position: absolute;
    left: 0px;
    top: -3px;
    background: none;
    padding: 15px 20px 10px 20px;
    transform: rotate(0deg);
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 250px;
    text-align: left;
  }

  #menu .sociaux h2 {
    font-size: 1.1rem;
    display: block;
    width: auto;
    position: relative;
    font-family: 'phenomenaregular', arial, sans-serif;
    color: #212529;
    transform: rotate(0deg);
    margin-bottom: 0px;
  }
}

@media (max-width: 1150px) {
  #sectionPresentationA .wrapperRelatif {
    max-width: 930px;
    width: 100%;
    padding: 40px;
  }

  .cadre3 {
    padding: 15px 0px;
  }

}

@media (max-width: 1092px) {
  #menu ul li a {
    padding: 0 15px !important;
    letter-spacing: 0.2em !important;
  }
}

@media (max-width: 991px) {
  .descriptionUn ul.rencontre li a.book {
    margin: 15px auto 10px 0px;
  }

  .swiper-slide .blocTexte {
    width: 85%;
  }

  #menu .boutique h2 em {
    display: none;
  }

  .boutiquetriangle {
    left: 226px;
  }

  #menu .boutique {
    width: 265px;
  }

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

  .titreMenu {
    letter-spacing: 0.0em;
  }

  .paddingT50B50 {
    padding: 0px 0px 50px 0px !important;
  }

  #menu .sociaux a .nom {
    display: inline-block;
  }

  /*
	#menu .sociaux a:not(.email) {display:block;}
	.email{display:none;}
	#menu .sociaux {width: 225px;}
	.leLogo {left: 0px;}
	.leLogo img {max-width: 110px;margin: 0 20px 0px 0px;}
	.boutonMenu {left: 385px;}*/
  .schema .etape1, .schema .etape2, .schema .etape3 {
    margin: 30px auto 0px auto;
  }

  h1.h1portrait {
    font-size: 2.0rem;
    padding-left: 140px;
  }

  #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;}*/
  #menu ul {
    height: auto !important;
    list-style-type: none;
    text-align: center;
    background: rgba(171, 192, 186, 1.00);
    /*margin-top: 20px;margin-bottom: -20px!important;*/
  }

  #menu ul li {
    height: auto;
    line-height: normal;
  }

  #menu ul li a {
    display: block;
    height: inherit;
    padding: 20px 30px;
    color: #fff !important;
    font-family: 'montserrat', Arial, sans serif;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
  }

  #menu .navbar ul {

    list-style-type: none;
    text-align: center;
    margin-top: 17px;
    /* height: 50px;height: 100vh!important;*/
  }

  #menu .navbar ul li a {
    font-size: 0.8rem;
    height: 60px;
  }

  #menu .navbar ul li a:hover {
    color: #000;
    text-decoration: none;
    background: rgba(171, 192, 186, 0.0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-bottom: none;
  }


  .navbar-toggler {
    margin-top: 35px;
    margin-left: 10px;
    margin-bottom: -10px;
    border-radius: 50% !important;
    border: 2px solid #666 !important;
    width: 58px !important;
    height: 58px !important;
    z-index: 1000 !important;
  }

  /*
.swiper-container {

    margin-top: 99px;
}	*/
  #alphabet {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 100px;
    text-align: center;
    padding: 15px;
    z-index: 1;
  }

  #alphabet.fixMenu {
    position: fixed;
    top: 0px !important;
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.0);
    box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.5);
  }

  .contenu4 {
    padding-top: 100px;
  }

}

h1.h1portrait {
  font-size: 1.8rem;
  padding-top: 20px;
}

h1.h1ssportrait, h2.h1ssportrait {
  font-family: "amatic-sc", sans-serif !important;
  font-size: 3.0rem;
  line-height: 2.5rem;
  padding-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  text-align: center;
}

@media (max-width: 800px) {
  #menu .sociaux {
    top: 10px;
    left: 5px;
  }

  #menu .sociaux a span {
    display: none;
  }

  #menu .sociaux a i {
    font-size: 2.0rem;
  }

  #menu .sociaux {
    width: 105px;
  }

  #menu .leLogo {
    width: 200px;
  }

  #menu.fixNavigation .leLogo {
    top: -116px;
  }

  #menu.fixNavigation .leLogo {
    width: 220px;
  }
}

@media (max-width: 767px) {
  .descriptionUn ul.rencontre li a.book {
    margin: 15px auto 10px auto;
  }

  .descriptionUn ul.rencontre {
    padding-top: 20px;
  }

  footer ul {
    padding-right: 0px;
    padding-left: 0px;
  }

  .structure .structureEconomie {
    padding: 30px 0px 0px 0px;
  }

  h1.h1ssportrait, h2.h1ssportrait {
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
  }

  #bas h2 {
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0px 0px 0px 0px;
  }

  #bas h5 {
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .trip {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
  }

  #sectionJaune {
    padding: 17% 20px 50px 100px;
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .premiereimage {
    display: none;
  }

  #Row h3 i {
    display: inline-block;
  }

  #Row h3 {
    margin-top: 15px;
    margin-bottom: -5px;
  }

  #Row {
    padding-top: 75px;
  }

  .paddingT50B50 {
    padding: 30px 0px 50px 0px !important;
  }

  .height-fill {
    display: -webkit-block;
    display: -ms-block;
    display: block; /*height:100vh;*/
  }

  #bas {
    height: auto;
    bottom: 0px !important;
    padding: 20px 10px 20px 10px;
    margin-bottom: 0px;

  }

  #bas .coordonnees a, #bas .coordon a, .pays {
    color: #404041;
    display: block;
    word-wrap: break-word !important;
    white-space: normal;
    margin-bottom: 0px;
    text-align: center;
  }

  #bas .coordonnees a i, #bas .coordon a i, .pays i {
    float: none;
  }

  #bas img {
    max-width: 200px;
    padding: 20px 7px;
    position: relative;
    margin: -120px auto -145px auto;
    border-radius: 20%;
  }

  #menu .sociaux a i.fab.fa-facebook, #menu .sociaux a i.fab.fa-twitter, #menu .sociaux a i.fab.fa-youtube {
    /* color: #bec358!important;*/
    color: #008e84 !important;
  }

  #menu .sociaux a:hover i.fab.fa-facebook, #menu .sociaux a:hover i.fab.fa-twitter, #menu .sociaux a:hover i.fab.fa-youtube {
    /* color: #bec358!important;*/
    color: #666 !important;
  }

  .calageParallax {
    display: none;
  }

  footer ul {
    text-align: center;
  }

  #bas .RS form {
    margin: 0px auto;
  }

  #bas h5 {
    text-align: center;
  }

  #bas img {
    margin: -120px auto 30px auto;
  }

  #bas h2 {
    text-align: center;
  }

  #bas .coordonnees a, #bas .coordon a {
    text-align: center;
  }

  #bas .RS {
    text-align: center;
  }

  #menu .sociaux .encart {
    display: none;
  }


  .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
  }

  .valeurs h2 {
    font-size: 1.0rem;
  }

  .valeurs {
    max-width: 140px;
    height: 140px;
  }

  .col-md-12.valeursPhone2 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .valeursOrdi {
    display: none
  }

  .valeursPhone {
    display: block
  }

  /*#sectionPresentationA .wrapperRelatif {
    padding: 40px 10px;
}*/
  .schema img {
    display: none;
  }

  .logoattente img {
    max-width: 300px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-top: -30px;
  }

  #nain .swiper-container h1, #nain .swiper-container h2, #nain .swiper-slide h2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  #nain .swiper-container h1 span, #nain .swiper-container h2 span, #nain .swiper-slide h2 span {
    font-size: 3.0rem;
    line-height: 3.0rem !important;
    margin-bottom: 0px;
    margin-top: 20px;
  }

  /*	.cadre1::after, .cadre1bis::after {
    margin-top: 20px;
}*/
  .embed-responsive {
    margin-bottom: 25px;
  }


  #alphabet {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 0px;
    background: rgba(171, 192, 186, 1.0);
    text-align: center;
    padding: 15px;
    z-index: 1;
  }

  #alphabet.fixMenu {
    position: fixed;
    top: 0px !important;
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.5);
  }

  .contenu4 {
    padding-top: 20px;
  }


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

  .swiper-container {
    margin-top: -2px;
  }

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

 }*/
  .wrapper2 {
    max-width: 970px;
    width: 90%;
    height: auto;
    position: relative;
    display: block;
  }

  .pub {
    font-family: 'montserrat', sans-serif, Arial, sans serif;
    font-size: 5rem;
    line-height: 5rem;
    color: #666;
    text-align: center;
    background: rgba(187, 24, 131, 0.70);
    border-radius: 50%;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    border: 7px dotted #fff;
    position: relative;
    /*
  top: 45%; left: 50%;
  transform: translate(-50%, -50%);*/
  }


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

  footer {
    position: relative;
  }

  #sousMenu, #sousMenu2 {
    margin-top: -90px;
    padding-top: 0px;

  }

}

@media (max-width: 650px) {
  #menu .boutique h2 {
    display: none;
  }

  .boutiquetriangle {
    left: 86px;
  }

  #menu .boutique {
    width: 125px;
  }

  .flag {
    position: absolute;
    right: auto;
    top: -38px;
    left: 10px;
    z-index: 1000;
  }

  .containerparallax h3 {
    font-size: 1.0rem;
    line-height: 1.3rem;
    padding: 20px 20px;
  }

  .containerparallax h2 {
    font-size: 2.5rem;
    padding: 50px 20px 20px 20px;

  }

  img.quote {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px auto 10px auto;
  }

  .containerparallax h2 {
    font-size: 3.0rem;
  }

  .containerparallax h2 span {
    font-size: 1.5rem;
  }







  .swiper-pagination, .swiper-button-next, .swiper-button-prev {
    display: none !important;
  }

}

@media (max-width: 630px) {
  /*
	#sectionJaune {
    padding: 0px 20px 50px 20px;height:auto;
}
	#Row {margin-top: 0px;padding-top: 80px;}
	#Row h3 i {display: inline-block;}
	#Row h3 {
    font-family: 'phenomenabold';
    padding-top: 10px;
    margin-bottom: 0px;
}


.descriptionUn ul li, .descriptionUn ul li a {
    font-size: 1.1rem;
    min-height: 40px;
    margin-bottom: 0px;
font-family: 'montserrat';
}*/
  .structure {
    margin-bottom: 30px;
  }

  .paddingLink {
    margin-bottom: 10px;
  }

  /*a.link img {padding: 0px 20px;max-width:350px;width:100%;margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;}*/
  a.link img {
    border-radius: 50px;
  }

  .damion {
    font-size: 1.1em;
    line-height: 1.2em;
    color: inherit;
    letter-spacing: 0.0em;
    padding: 0px 20px;
  }

  .sousTitre {
    width: 48px;
    top: 7px;
    right: 6px;
  }

  .sousTitre img {
    padding: 0px 2px;
    width: 45px;
    height: auto;
  }

  /*#menu .sociaux {top: 2px;left: 5px;width: 80px;}*/
  .wrapperRelatif {
    max-width: 1360px;
    width: 95%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 0vh;
    transform: translateY(0%);
    margin-bottom: 50px;
  }
}

@media (max-width: 575px) {
  #sectionPresentationA .plan {
    padding-top: 50px;
  }

  #sectionPresentationA .plan h4 {
    margin-bottom: 10px;
  }

  .wrapperRelatif2 {
    padding-top: 30px;
  }

  .photos {
    margin-top: 0px;
    margin-bottom: -50px;
  }

  #menu .sociaux a {
    margin: 0 0px 0 5px;
  }

  #menu.fixNavigation .leLogo {
    width: 200px;
  }

  #menu.fixNavigation .leLogo {
    top: -105px;
  }

  #menu.fixNavigation .sociaux {
    top: 17px;
  }

  a.link img {
    border-radius: 150px;
  }

  .descriptionUn ul.rencontre li a.book {
    margin: 15px auto 10px auto;
  }

  #Row {
    padding-top: 100px;
  }

  #sectionJaune {
    padding: 17% 20px 50px 30px;
  }

  #sectionJaune.fix {
    position: fixed;
    overflow-y: scroll;
    height: 100vh;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  #sectionJaune.fix #Row {
    padding-top: 0px;
  }

  .gal {
    padding: 20px 20px 20px 20px;
  }

  textarea.form-control {
    height: auto;
    margin: 8px 4px;
    width: 97% !important;
  }

  h1.h1portrait {
    padding-top: 40px;
    padding-left: 0px;
  }

  .contacter h1.h1portrait {
    padding-top: 0px;
  }

  h1 {
    font-size: 1.5rem;
  }

  .wrapperRelatif2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .cadre5ter.cadreBlanc {
    padding: 100px 25px 25px 25px;
  }

  h1.h1portrait img {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .cadre5ter.cadreBlanc img:first-of-type {
    top: -10px;
  }

  .cadre5ter {
    padding: 20px 20px 20px 20px;
    margin: 10px 0px 40px 0px;
  }

  .cadre5ter.cadreBlanc:before {
    top: -15px;
  }

  .cadre5ter h5 {
    text-align: center;
  }

  /*	.descriptionUn ul li a::before {
    content: ".";
    font-size: 2.0em;
    letter-spacing: 0.08em;
    display: inline-block;
    transform: rotate(-17deg);
    margin-right: 5px;
    vertical-align: 3px;
}*/
  .containerparallax#special h2, .containerparallax#special h2 span {
    font-size: 1.5rem;
  }

  .structure {
    padding-left: 20px;
  }

  .structure .structureEconomie, .structure .structureEnvironnement, .structure .structureSocial {
    width: 100%;
  }

  .structure .structureEconomie .fleche {
    top: -22px;
    width: 25%;
    min-width: 170px;
    right: -120px;
    margin-bottom: -54px;
  }

  .structure .structureEnvironnement .fleche {
    top: 0px;
    /* width: 25%; */
    min-width: 170px;
    right: -32px;
    transform: rotate(-57deg);
  }

  .structure .structureSocial .fleche {
    top: 23px;
    right: -13px;
    width: 25%;
    min-width: 170px;

  }

  .structure .structureEconomie .texteStructure {
    width: 90%;
  }

  .structure .structureEnvironnement .texteStructure {
    width: 90%;
  }

  .structure .structureSocial .texteStructure {
    width: 90%;
  }

  .structure .structureSocial {
    margin-top: 30px;
  }

  .structure .structureEconomie {
    padding: 30px 0px 0px 0px;
  }

  .structure h3 {
    padding: 0px 0px !important;
  }

  #sectionPresentationA ul.items.deuxieme {
    margin-top: -13px;
  }

  .valeurs {
    margin-bottom: 10px;
  }

  .graphique .economie {
    right: 10%;
    top: 30%;
  }

  .graphique .social {
    left: 17%;
    top: 30%;
  }

  .cadre3 p i.bi-arrow-right-square {
    margin-left: 0px;
  }

  .cadre2 {
    padding: 30px 0px;
  }

  .cadre1 img {
    margin: -10px auto 15px auto;
  }

  .modal {
    top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: #bec358;
    padding-top: 40px;
  }

  .titreUn span {
    margin-bottom: 30px;
    display: inline-block;
  }

  #sectionPresentationA {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #sectionPresentationA ul {
    padding-left: 20px;
  }

  /*	.descriptionUn ul li, .descriptionUn ul li a {
    font-size: 1.1rem;
    min-height: 40px;margin-bottom:0px;
}*/
  #A.fondPresentation, #B.fondForce, #C.fondPropos, #D.fondContact {
    background-size: cover;
  }


  #A, #B, #C, #D {
    background-size: cover;
    width: 100%;
  }

  #A, #A.fondPresentation {
    background-position: top 20px left 16%;
  }

  #B, #B.fondForce {
    background-position: center left 17%;
  }

  #C, #C.fondPropos {
    background-position: center right 38%;
  }

  #D, #D.fondContact {
    background-position: center right 30%;
  }

  body {
    border: 0px solid #000;
    border-top: 0px solid #000;
    border-right: 0px solid #000;
  }

  /*body#accueil {border: 20px solid #000;overflow: hidden!important;}*/
  #sectionPresentationA .wrapperRelatif {
    padding: 30px 10px 20px 10px;
  }

  .titreUn .descriptionUn {
    border: 0px solid #fff;
  }

  #Row {
    min-height: 0vh;
  }

  #boutonA, #boutonB, #boutonC, #boutonD {
    min-height: auto;
  }

  .titreUn .societe, .titreUn .perenne, .icone {
    display: none;
  }

  .titreUn .descriptionUn {
    transition-delay: all 0s;
    padding: 0px 0px;
    transition: transform 0.0s cubic-bezier(.23, 1, .32, 1) 0.0s, border-color .2s linear;
    -webkit-transition: all 0.0s;
    transition: all 0.0s;
  }

  .titreUn:hover .descriptionUn {
    position: relative;
    transform: scale(1);
    transition: transform .0s cubic-bezier(.23, 1, .32, 1) .0s, border-color .2s linear;
    -webkit-transition: all 0.0s;
    transition: all 0.0s;
    top: 100%;
  }

  /*
		#boutonA.ouvert .titreUn .descriptionUn, #boutonB.ouvert .titreUn .descriptionUn, #boutonC.ouvert .titreUn .descriptionUn, #boutonD.ouvert .titreUn .descriptionUn {position:relative;
   transform: scale(1);transition-delay: 0s;    top: 100%;
}
	#boutonA.clic .titreUn .descriptionUn, #boutonB.clic .titreUn .descriptionUn, #boutonC.clic .titreUn .descriptionUn, #boutonD.clic .titreUn .descriptionUn {position:relative;
   transform: scale(1);transition-delay: 0s;    top: 100%;
}*/
  .titreUn {
    padding: 0px 0px 0px 0px;
    border: 0px solid #fff;
  }

  section.fondblanc2 {
    background-size: auto;
  }

  .gamme {
    background-size: contain;

  }

  section.sombre {
    background-size: contain;
  }

  section.fondbleu {
    background-size: contain;
  }

  .cadre1 {
    padding: 20px 20px;
  }

  .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.0rem;
    line-height: 2.2rem !important;
  }

  #nain .swiper-container h1 span, #nain .swiper-container h2 span, #nain .swiper-slide h2 span {
    font-size: 2.1rem;
    line-height: 2.3rem !important;
    margin-bottom: 0px;
    margin-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    word-wrap: break-word !important;
    white-space: normal;
  }

  #nain .swiper-container h1, #nain .swiper-container h2, #nain .swiper-slide h2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .swiper-container h1, .swiper-container h2, .swiper-slide h2 {
    font-size: 2.5rem;
    line-height: 2.7rem;
  }

  .gamme img {
    margin-bottom: -20px;
  }

  #bas h3 {
    padding: 0px 70px 0px 70px;
  }

  #bas h3 span {
    line-height: 2rem;
    margin-bottom: 10px;
  }

  .wrapperRelatif3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .cadre5ter.wow {
    visibility: visible !important
  }
}

@media (max-width: 510px) {
  .structure .structureEconomie .texteStructure::after, .structure .structureEnvironnement .texteStructure::after, .structure .structureSocial .texteStructure::after {
    display: none;
  }

  .structure .structureEconomie .texteStructure::before, .structure .structureEnvironnement .texteStructure::before, .structure .structureSocial .texteStructure::before {
    display: none;
  }

  .cadre2 {
    padding: 40px 0px 0px 0px;
  }

  .cadre2 img.portraitRSE {
    max-width: 220px;
    width: 100%;
    height: auto;
    margin: 10px auto 20px auto;
  }

  #sectionPresentationA .cadre2 ul {
    padding-left: 20px;
  }

  footer {
    padding: 20px 15px 40px 15px;
  }

  #sectionPresentationA ul {
    padding-left: 10px;
  }

  #sectionPresentationA ul.lieux {
    position: relative;
    margin-top: 0px;
  }

  #sectionPresentationA ul.lieux li {
    color: #bec358 !important;
  }

  .paddingB50 {
    padding: 0px 0px 20px 0px !important;
  }

  #menu .sociaux a i.fab.fa-facebook, #menu .sociaux a i.fab.fa-twitter, #menu .sociaux a i.fab.fa-youtube {
    display: none;
  }

  footer ul {
    padding: 16px 20px;
  }

}

@media (max-width: 480px) {
  search div.fluid {
    max-width: 33%;
  }

  #menu .leLogo {
    width: 155px;
  }

  .slogan {
    padding: 2px 5px 0px 5px;
  }

  .leLogo {
    top: -20px;
  }

  .boutonMenu {
    left: auto;
    right: 20px;
  }

  /*.boutonMenu {left: 290px;top: 9px;}*/
  .menuGraphique {
    background-size: cover;
    background-position: center right;
  }

  .menuminiPousse {
    background-size: cover;
    background-position: center right;
  }

  #sectionPresentationA .wrapperRelatif {
    padding: 0px 15px;
  }

  .structure {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /*#sectionPresentationA .wrapperRelatif h1:first-of-type {
    padding-top: 65px;
}*/
  .structure .structureEconomie .texteStructure h4, .structure .structureEnvironnement .texteStructure h4, .structure .structureSocial .texteStructure h4 {
    font-size: 1.9rem;
  }

  .titrePresentation span {
    font-size: 1.5rem;
    display: block;
    line-height: 1.8rem;
    font-weight: 300;
  }

  span.titrePresentation {
    font-weight: 300;
    line-height: 2.7rem;
    font-size: 2.5rem;
  }

  .parenthese h2.premier span.titrePresentation {
    font-weight: 300;
    line-height: 2.2rem;
    font-size: 1.8rem;
  }

  ul.elementcentrervert {
    margin-top: 40vh;
    transform: translateY(-50%);
    /* border: 1px solid #fff; */
    padding: 40px 20px;
    /* background: rgba(31,36,70,0.50); */
    background: rgba(145, 120, 35, 0.80);
  }

  .wrapper2 {
    top: 10%;
  }

  .containerparallax span {
    font-size: 1.3em;
    line-height: 1.8rem;
  }

  .containerparallax h3 {
    padding: 20px 30px;
  }

  .sousTitre {
    width: 97px;
    top: 7px;
    right: 6px;

  }

  .wrapperRelatifCentre {
    max-width: 970px;
    width: 90%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto !important;
  }

  .leLogo h3 {
    font-family: 'montserrat', sans-serif;
    color: #666;
    font-size: 2.5rem;
    text-align: right;
    display: none;
    /* text-shadow: 0 1px 2px #666666; */
  }


}

@media (max-width: 380px) {
  .courbe {
    margin-bottom: -50px;
  }

  /*.sousTitre { border-radius: 0 0 30px 30px; text-align: center; display:block; width:100%;
	position:relative; margin: 20px auto 0 auto;
}*/
  .pub {
    font-family: 'montserrat', sans-serif, Arial, sans serif;
    font-size: 5rem;
    line-height: 5rem;
    color: #666;
    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: 'montserrat', sans-serif;
	color:#666;
	font-size:2.2rem;

}*/
  .swiper-slide .blocTexte {
    width: 95%;
    min-width: 200px;

  }

  footer ul li {
    float: none;
    height: 30px;
    padding: 0 80px 0 20px;
    display: block !important;
  }

  footer.relatived-footer p {
    margin: 20px auto 10px auto;
    text-align: center;
    color: #ffffff;
  }
}

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


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

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  border-bottom: 100px solid #388c9e;
  position: relative;
  margin-top: 140px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 3rem;
  background: rgba(0, 0, 0, 0.20);
  padding: 20px 30px 0px 30px;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}

.carousel-item p {
  color: #eee;
}

.carousel-item h3 {

  font-size: 2.8rem;

}

.carousel-item h3 span {
  font-family: 'Oswald', arial, sans-serif;
  font-size: 3.2rem;
  font-weight: 800;
  position: relative;

}

.carousel-item h3 span sup {
  font-family: 'Oswald', arial, sans-serif;
  font-size: 0.5em;
  font-weight: 800;

}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


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

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing h2 {
  font-weight: normal;
}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;

}


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

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

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


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

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

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

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