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

Proxima Nova Light
font-family: century-gothic, sans-serif;
font-weight: 300;
font-style: normal;

Proxima Nova Semiboldfg
font-family: century-gothic, sans-serif;
font-weight: 600;
font-style: normal;

Proxima Nova Extrabold
font-family: century-gothic, sans-serif;
font-weight: 800;
font-style: normal;

font-family: 'century-gothic', sans-serif;300 600 800


font-family: century-gothic, sans-serif;
font-weight: 300;400;700;800;
font-style: normal;

font-family: "century-gothic", sans-serif;
font-weight: 300;400 700 900
font-style: normal;

font-family: "ff-market-web", sans-serif;
font-weight: 200;500;
font-style: normal;
*/


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

* {margin : 0; padding : 0;}
html { height: 100%; width : 100%;}
body {width : 100%; height : 100%; position : relative; background : #ffffff;color:#92918c;overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, h7 {font-family: century-gothic, sans-serif;}
h4 i.taille{font-size: 3rem;float: left;margin-right: 10px;}
/*h3 {margin:0px;}*/
a {text-decoration :none; outline : none;}
a, img {border : none;}
a:hover {text-decoration: none!important;}
li, td, ul {font-family : 'century-gothic', arial, sans-serif; font-size : 0.9em; line-height : 16pt; text-align : right; font-weight:400;}
p {font-family: 'century-gothic', arial, sans-serif;font-size: 1.0rem;color: #666;line-height: 1.6rem;text-align: justify;font-weight: 100;width:100%;}
p.premierp{text-align:left;}

/*li::first-letter {
  font-size:3.5em!important;
  padding-right:0.2em!important;
  float:left!important;
  color:red!important;
}*/

.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:700px; width:80%; position: relative;margin:20px auto!important;
	 
}
.wrapper2{max-width:850px; width:100%; position: relative;margin:0px auto!important;
	 
}
.wrapperGalerie{width:100%; height : auto; position: relative;
 display:block;text-align: center;padding: 0px 40px;
}
.wrapperRelatif{max-width:1330px; width:95%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto!important;
	
}
.wrapperRelatifCentre{max-width:1200px; width:100%; height : auto; 
	 position: relative;
  display:block;
	 margin:0px auto!important; 
	
}
.wrapperRelatifCentre i {color:#c7d40c;font-size: 2.5rem;}
.wrapperRelatifCentre p {color:#c7d40c!important;font-size: 1.5rem; text-align: left!important;}

	
/*
* Gallery
*/

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

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

a[data-fancybox="gallery"], a[data-fancybox="gallery1"], a[data-fancybox="gallery2"], a[data-fancybox="gallery3"], a[data-fancybox="gallery4"] {position:relative;overflow: hidden; display: block;}
a[data-fancybox="gallery"] i, a[data-fancybox="gallery1"] i, a[data-fancybox="gallery2"] i ,a[data-fancybox="gallery3"] i, a[data-fancybox="gallery4"] i{font-size:3rem; position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* écalage de 50% de sa propre taille */    background: #333;
    color: #fff; padding: 20px;border-radius: 50%;-webkit-transition: all 0.3s; 
    transition: all 0.3s;opacity:0.0;}
a[data-fancybox="gallery"]:hover i, a[data-fancybox="gallery1"]:hover i, a[data-fancybox="gallery2"]:hover i, a[data-fancybox="gallery3"]:hover i, a[data-fancybox="gallery4"]:hover i{border-radius: 50%;-webkit-transition: all 0.3s; 
    transition: all 0.3s;opacity:1.0;}
h5.diapo i{font-size: 2.0em;vertical-align: -7px; margin-right: 5px;}
h5.diapo {text-transform: uppercase;background: #333;color: #fff;padding: 5px 20px;margin-bottom: 0px;
    font-size: 1.1rem;letter-spacing: 0.2em;font-weight: 300;position:relative;z-index:0;}
h5.diapo::after{content: "...";position: absolute;color: #da2a3f;font-size: 8.5rem;line-height: 0.1rem;
    letter-spacing: -0.05em; z-index: 10;top: -30px;right: 18px;}
/*
a[data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img{transform: scale(1.0);-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
a[data-fancybox="gallery"]:hover img, a[data-fancybox="gallery1"]:hover img, a[data-fancybox="gallery2"]:hover img, a[data-fancybox="gallery3"]:hover img, a[data-fancybox="gallery4"]:hover img{transform: scale(1.1);-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
.gallery-item {display: block;position: relative;z-index: 1;transition: .25s;}*/
section.agence .boxer h3{color:#555;line-height: 1.3; margin-bottom: .1em;font-weight: 700;font-size: 1.125em;font-style: normal;margin-top: .1em;    font-family: 'lato', arial, sans-serif;text-align:center;padding-top: 5px;}
section.agence .boxer h3 + p{text-align: center;margin-bottom: .1em;margin-top: .1em;font-size: 1rem;olor: #777777;}
.boxer {
    margin: 0 auto;padding-bottom: 30px;position: relative;width: 100%;box-sizing: border-box;transition: opacity .3s, transform .3s, background-color .3s;}
.box-image {
    height: auto;
    margin: 0 auto;
    overflow: hidden;box-sizing: border-box;
    position: relative;transition: opacity .3s, transform .3s, background-color .3s;
}
.image-cover {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.has-hover [class*=image-] img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.image-cover img {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;opacity: 1;
}
.has-hover:hover .image-glow img {
    filter: brightness(1.2)
}
/******/
section.agence{/*background: #f49406 url(../img/fond-degrade-vert.png);
		background-position:  bottom left;
		background-repeat: repeat-x;*/background:#fff;
text-align: center;padding:60px 0px 60px 0px;
	background: url(../images/fond_alpha2.png), url(../img/fd-entreprise-specialiste-installation-portails-royan-7.jpg);
	background-size:  auto, cover;
		background-position:  top left, top left;
		background-repeat: repeat, no-repeat; 
	background-attachment: fixed;
}
section.agence.fond {  background: #ededed;  
	/* background:url(../images/fond_alpha2.png), url(../img/fd2.png);
	background-size: auto,  cover;
		background-position:top left,  center center;
		background-repeat:repeat, no-repeat; background-attachment: fixed;	*/
}
section.agence.fond .row{/*background: rgba(255,255,255,0.50);padding:30px 30px;margin-bottom:50px;}
section.agence.project {
    padding: 55px 0px 100px 0px;*/
}
section.agence h3{text-align:left;font-size:2.2rem;font-family: "ff-market-web", sans-serif;}
section.agence h3 span{font-size:2.0rem;font-family: "century-gothic", serif;font-weight:700;}
img.agence{max-width:100%;height:auto;margin-bottom:30px;}
.agence ul{padding-left:30px;padding-right:20px;width:100%;}
.agence ul li{font-size: 1.2rem;line-height: 1.6rem;text-align: left;font-weight: 400;list-style-type: square;color: #c3422f;padding-bottom:7px;}
/*section.agence h2{font-size:1.9rem!important;color:#92918c!important;font-weight:100;letter-spacing: -0.05rem;}*/
.wrapperAgence{position:relative;display: block;margin:0px auto!important;width:80%;max-width:1400px;}


@media (max-width: 767px) {
	.wrapperAgence{width:100%;padding-left: 10px;
        padding-right: 10px;padding-top:30px}

	.btn.resaBorder2 {
       margin-top: 50px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.0em;}
	section.agence {
   /* background: #f49406 url(../img/fond-degrade-vert.png);
    background-position: bottom left;
    background-repeat: repeat-x;*/
    text-align: center;
    padding: 30px 10px 30px 10px;
}
}

.rdv {
    background: #92918c;
    padding: 30px 50px;
    text-align: center;
}
.rdv p img {
    max-width:250px;width:100%;height:auto;margin-top:30px;
}
.rdv p.rge {
    text-align:right;
}
.rdv p.pch {
    text-align:left;
}
.rdv.temoin {
    background: #c3422f;-webkit-box-shadow:inset 0 7px 5px 0 rgba(0,0,0,0.2);
box-shadow:inset 0 7px 5px 0 rgba(0,0,0,0.2);
}
.rdv.temoin p {height:100%;
    color:#fff;padding: 30px 100px; text-align: left;font-weight: 100;border: 1px dashed #fff;margin: 10px 30px;
}
.rdv.temoin p i {
   font-size:4.0rem;display:block;background:#c3422f;width:64px;margin-top: -50px;margin-bottom: 0px;}
.rdv h5 {
    font-size: 1.7rem !important;
    line-height: 2.5rem !important;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.rdv.temoin h5 {
    font-family: "ff-market-web", sans-serif;font-size: 2.2rem !important;margin-bottom:30px;
}
.rdv .btn.resa{margin-top:0px}

.nav-item.ordi, .nav-item.ordi{}
.nav-item.iphone, .nav-item.iphone{display:none!important;}

.miniMum iframe{min-width:350px!important;}
.picto{display:block;position: relative; max-width:156px;height:auto;margin:-120px auto 15px auto!important;background: rgba(91,186,144,1.00);padding:18px;border:10px solid #92918c;border-radius:50%;box-sizing: border-box;}

.picto2 {
    display: block;
    position: relative;
    max-width: 156px;
    height: auto;
    margin: -35px auto 15px auto!important;
    background: rgba(91,186,144,1.00);
    padding: 18px;
    border: 10px solid #92918c;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
}
.picto img{max-width: 100%;height:auto;box-sizing: border-box;}
.padding30{padding: 30px;}
.paddingT30B30{padding: 40px 0px!important;}
.paddingT100B30{padding: 100px 0px 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;}
.paddingB150{padding-bottom:150px!important;}
.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;
}
.gris {
    color: #646869;
}
.height-fill {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}



.RS{display: block;position: absolute;bottom: 0px;left: 0px;width: 120px;text-align: center;background: #92918c;
    height: 60px;}
.RS a:link,.RS a:visited,.RS a:focus{color:#92918c;margin:0px 5px;display:inline-block;}
.RS a:hover{color:#c3422f;}
.RS a svg {/*font-size: 2rem!important;*/width:25px;color:#fff;}
.RS i {font-size: 2.0rem;color:#fff;line-height:55px;}
.RS a:hover svg, .RS a:hover, .RS a:hover i{color:#c3422f;}
.RS a img {height:auto;max-width:29px;vertical-align: -3px;}
.fixNavigation .RS a{display:none;}
.fixNavigation .RS{height:66px;width:280px;}
.triangleD {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 90px 60px;
    z-index: 1001;
    border-color: transparent transparent #92918c transparent;
    position: absolute;
    top: 0px;
    right: 397px;
}

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

	.reservation, .reservation2 {display:block; position: absolute;background: #aa7d50!important;border:none!important;border-radius:0;font-family: 'century-gothic', sans-serif!important;font-style:italic;top:0px!important;font-size:1.2rem!important;top:120px!important;right:0px!important;text-align:center !important;padding-left:25px !important;padding-right:25px !important;
		z-index: 1000;-webkit-box-shadow: -0px 2px 10px 0 rgba(0,0,0,0.3);box-shadow: -0px 2px 10px 0 rgba(0,0,0,0.3);	
}
.ShadowsIntoLight{font-family: 'century-gothic', sans-serif!important;}
.bigtexte{font-size:3rem!important;line-height: 3.0rem!important;}
.mediumtexte{font-size:1.8rem!important;line-height: 1.8rem!important;}
.petittexte{font-size:1.3rem!important;line-height: 1.5rem!important;font-weight: 200;}
.bandeau{background: #fff; padding:0px 0px 0px 0px;height:auto;text-align: left;z-index:500;position:relative;width:100%;}
/*@media (min-width: 1700px) {
	.bandeau{padding:5px 30px 0px 410px;}
}
@media (min-width: 1800px) {
	.bandeau{padding:5px 30px 0px 420px;}
}
@media (min-width: 2300px) {
	.bandeau{padding:5px 30px 0px 440px;}
}*/


.bandeau h2{font-size: 1.2rem;color: #92918c;font-weight: 700;display:inline-block;padding-left:195px;width: 100%;box-sizing: border-box;}
.bandeau h2 strong{font-weight: 700;}
.bandeau h3, .bandeau h2 span{font-size: 1.0rem;color: #92918c;margin-left: 0px;font-weight: 400;padding:5px 0px;}
.bandeau h2 span, .bandeau h2 em{margin-left:10px;display:inline-block;}
.bandeau h2 span span{margin-left:0px;}
.bandeau h2 em{font-size: 1.3rem;color: #92918c;/*background: #92918c;*/margin-left: 0px;font-weight: 100;padding: 3px 20px 3px 25px;font-style: normal;display: block ;font-family: "ff-market-web", sans-serif;border-radius: 0 25px 25px 0px;width:320px;margin-left:-15px;}
.bandeau ul{list-style: none;display: block;position: relative;margin-bottom: 0px;height: auto;    padding: 2px 10px 3px 10px;background: #92918c;}
.bandeau ul li{display:inline-block;text-align:left;}
.bandeau ul li a i, .bandeau ul li a.te i{font-size:1.7em;margin: 0px 2px;}
.bandeau ul li a i.bi-geo-alt{margin: 0px 2px 0px -2px;}
.bandeau ul li a, .bandeau ul li a:visited{color:#fff; margin-right:10px;display:inline-block;margin-bottom:2px;}
.bandeau ul li a:hover {color:#bbb; }
/*.bandeau ul li a.te{font-size:1.5rem;}*/
.bandeau ul li a.te i.bi.bi-phone-vibrate{font-size:2.1em;}
.bandeau ul li:last-of-type{padding-left:5px;}
.bandeau ul li a.te span.tel{font-size :1.0rem;font-weight:700;}
.bandeau ul li a.te em.booking{font-size :1.0rem;text-transform: uppercase;font-style: normal;}
.bandeau ul li a em{font-style:normal;}
.bandeau ul li a i{vertical-align: -5px}

ul.description, ul.description li, ul.description li a{
	list-style: none;font-size:0.8rem;line-height: 0.9rem;min-height:3px;margin-bottom:4px;
font-family: 'century-gothic', sans-serif!important;color:#92918c;text-align: left;
}
ul.description li:first-of-type{text-transform: uppercase;font-weight:800;}
ul.description{padding-top:10px;/*padding-left:135px;*/padding-left:0px;margin-bottom:20px;}
ul.description li a{
	font-size:1.0rem;
line-height:1.0rem;
	padding-top:0px;padding-bottom:10px;width:100%;display:block;
	-webkit-transition: all 0.3s; 
    transition: all 0.3s;
}
ul.description li a:hover{
color:#fff;
}

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

.importateur {background: #fff;border:1px solid #ccc;padding:15px 25px 10px 25px;margin-top:20px;width:100%;}
.importateur img {display: block;width:50px;height:auto;margin:-30px auto 10px auto;}
.importateur h3{text-align: left;text-transform: uppercase;font-size:0.8rem;}

ul.inscription li, parcours li, aside.tags li{list-style: none; color:#92918c;margin-top:5px;margin-bottom:5px;font-size:1.0rem;line-height:1.2rem;text-align: left}
ul.inscription, parcours {padding: 0px 30px 25px 30px;border:1px solid #ccc; background: rgba(255,255,255,0.50);width:100%;}
ul.inscription h4{font-weight:400;background: #92918c;color:#fff;padding: 6px 15px; margin-left: -30px;margin-right: -30px;margin-bottom: 20px;text-align: left;}

.mission ul.inscription h4{background: #f49406;}
.mission img {
    -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);vertical-align: middle}
.box {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.box1 {display: flex;justify-content: center;flex-direction: column;}
.box1bis {display: flex;justify-content: center;flex-direction: column;padding-right:50px;}
.box.encart {background: rgba(255,255,255,0.70);padding:20px 30px;}
.picture i {position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
font-size:3rem;/*color:#92918c;*/color:#fff;}
a .picture i {font-size:3rem;/*color:#92918c;*/color:#fff;z-index:100;opacity:0}
a:hover .picture i {font-size:3rem;/*color:#92918c;*/color:#fff;z-index:100;opacity:1}
.boxbas {display: flex;align-items: center;justify-content: flex-end;}
ul.inscription li.coordonne, ul.inscription li.coordonne a {color:#f49406 ;font-size:1.2rem;text-align: left;}
ul.inscription li.coordonne a strong {font-weight:700;text-transform: uppercase}
ul.inscription li strong {font-weight:700;}
ul.inscription li.coordonne a:hover{color: #e05a0a;}
ul.inscription li.coordonne i{font-size:1.5rem;}
aside.tags {padding: 25px 35px;border:1px solid #ccc; background: rgba(255,255,255,0.00);margin-top:20px;}
aside.tags p {color:#ccc;font-size:0.8em;margin-bottom:0px;}

h2.titre::after{
	content: "";
    display: block;
	margin:20px auto 20px auto;
    width: 50%;
    border-bottom:2px dotted #ffffff;
	border-color:inherit;
	
}
.gras{font-weight: 800!important;}

.h4, h4 {
    font-size: 1.2rem;
	line-height: 1.5rem;
    margin-top: 0px;
    margin-bottom: 15px;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    text-align: left;
}
h4.form{margin-bottom:-20px;position:relative;z-index:10;}
.premiere{text-align:center; }
.deuxieme{text-align:left;}
.premiere img, .deuxieme img{border:15px solid #fff;transform: rotate(-3deg);}
.deuxieme img{-webkit-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.3);
box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.3);transform: rotate(5deg);margin: 0px auto auto -30px;}
.premiere img{-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);margin: 0px -30px auto auto;}

section.agence.fond .row.box {background: rgba(255, 255, 255, 0.00);padding: 30px 0px 0px 0px;margin-bottom: 0px;}
h5{font-size:1.5rem;font-weight:300;}
h4.tarifs{font-weight:400;}
h4 a{text-decoration: underline;font-weight:400;}
h4 a:hover{color:#f49406;text-decoration: underline!important;}
#exampleModal.show{z-index:1051;}
#exampleModal .form-group{width:100%}
#menuModalCenter h4 {
    font-size: 1.3rem;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 5px;color:#ffffff;text-align: left;
	font-family: 'century-gothic', sans-serif;
}
#menuModalCenter .modal-content{background: rgba(0,0,0,0.00);border:none;}
#menuModalCenter ul{margin-bottom:10px;}
#menuModalCenter li a{color:#FCBD32;text-align: left!important;}
#menuModalCenter li a:hover{color:#333}
#menuModalCenter li{color:#Fff;text-align: left!important;}
#menuModalCenter ul{list-style: none}
#menuModalCenter .close{color:#ffffff;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,161,153,0.80)}
#menuModalCenter .modal-body{padding-top:0px;}
.cadrephoto{border:2px solid #00aece;}
.cadremap{border:1px solid #cccccc;}

.modal-body ul{padding-left:20px;}
.modal-body ul li{text-align:left;color:#686868;font-size:1.2rem;line-height: 1.4rem;}
.modal-body ul li span{font-size: 1.5em;font-weight: 700;color: red;}
.modal-body h2 span{font-weight: 900;font-size: 1.1rem;text-transform: uppercase;color:#119bd6;}
/*---------------------------*\
		$layout
\*---------------------------*/
/*menu-index*/
.moteur{position: absolute;
    top: 0px;
    right: 86px;
    z-index: 1000;
    width: 280px;
}
.moteur .gsc-control-cse {
    border: none;
    padding:0px;
}
.moteur .gsc-control-cse form.gsc-search-box {
    margin-bottom: 0px;
}
.moteur .gsc-control-cse form.gsc-search-box table.gsc-search-box {
    margin-bottom: 0px;
}
.moteur .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px;
}
.moteur  table td {
    padding: 0px;
}
.moteur .gsib_a {
    padding: 4px 5px 4px 5px;
}
.moteur .gsib_a input{
    border-bottom:none!important;
}
.moteur .gsc-search-button {
    margin-left: 0px;
}
/**********facebook*******************/
.faceIndex{position:absolute;z-index:1002;display:block;top:0px;}

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

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

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



.bi-arrow-repeat {
 /* -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;*/
	animation-duration: 2s;
   animation-name: fa-spin;
   animation-iteration-count: infinite;
   transition: none;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/***************css parallax****************/
.containerparallax { margin:-1px auto 0px auto;width: 100%;position:relative;}
     .containerparallax div {
       height: 455px;position:relative;
       /*border: solid 1px #fff;*/
		
     }
.containerparallax div.bgd {
       position: absolute;top:0px;left:0px;background: rgba(181,119,17,0.00);z-index: 1;
    display: block;
    width: 100%;
       /*border: solid 1px #fff;*/
		
     }
.containerparallax h2{ font-size:2.5rem;  font-family: 'century-gothic', sans-serif!important;color:#d7451f;	letter-spacing: 0.0rem!important;/*text-shadow: 0 2px 3px #ffffff;*/ padding:50px 30px 20px 30px;text-align: center;font-weight:900;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50390px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.containerparallax h2 span{text-transform: uppercase;font-size:2.5rem;color:#004c4b;text-shadow: 0 2px 3px #ffffff;}
.containerparallax h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'century-gothic', sans-serif!important;	 letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; }
h2 span sup{font-size:0.2em;}
.containerparallax h3 {    color: #000;/*text-shadow: 2px 5px 5px #666;*/
    font-size: 2.4rem;z-index:2;
    line-height: 2.5rem;width:90%;max-width:750px;
    font-family: 'century-gothic', Arial, sans-serif;
    /* background: rgba(255, 255, 255, 0.70); */
    padding: 20px 30px;
    /* display: table; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "ff-market-web", sans-serif; }
.containerparallax h3 span{font-size: 3.2rem;line-height: 3.9rem;font-family: "century-gothic", sans-serif;font-weight:700;text-transform: uppercase;display:block;text-shadow: none;color:#000;border-bottom: 1px solid #000;
    margin-bottom: 15px;}
  /*   .containerparallax span {
       margin: 10px;
       padding: 5px;
       display: inline-block;
       font-family: sans-serif;
       background: rgba(0,0,0,0.5);
       color: #FFF;
       font-weight: bold;
     }*/
.containerparallax .parallax{background-position: right center;}
/**************fin css parallax*************/
.traitsGlobe {
	position: relative;
	display: inline-block;
	
}
h2.traitsGlobe{color: #92918c;}

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

.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;
}
table td{padding:5px;}
table{margin:30px auto 20px auto;width:100%;position:relative;}
table tbody td{border:1px solid #92918c;padding:10px;text-align:center;}
table thead td{border:1px solid #ffffff;padding:10px;text-align:center;}
table thead{background: #92918c;color:#fff;}
table td span{display:block;}
table tbody tr.promo td{background:#fff;text-transform: uppercase;}
table tbody tr td:first-of-type{text-transform: uppercase;}
form table{margin:0px auto 0px auto}

.contourBlancTexte{ 
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50390px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.contourBlancImg {
    filter: drop-shadow(0 3px 0px #92918c)
		drop-shadow(-4px 0px 0 #92918c)
		drop-shadow(4px 0px 0 #92918c);
    -webkit-filter: drop-shadow(0 3px 0px #92918c)
		drop-shadow(-4px 0px 0 #92918c)
		drop-shadow(4px 0px 0 #92918c);
}

.coordonnees .sociaux {
    position: absolute;display: block;top: 18px;right: 10px;width: 105px;height: 65px;z-index: 1000;
}
.coordonnees .sociaux img{width:35px;height:35px; margin: -17px 0 0 5px; }
.coordonnees .sociaux i{font-size:2rem;}
.coordonnees .sociaux a{color:#fff}
.coordonnees .sociaux a:hover{color:#4f83b1
!important;text-decoration: none;-webkit-transition: all 0.5s; 
    transition: all 0.5s;} 

.leLogo {position: relative;margin-top:0px;width:160px;top:-53px;z-index: 1;text-align: center;left:11px;z-index:1000;display: flex;align-items: center;justify-content: center;box-sizing: content-box;/*
background: url(../img/LOGO-LMJ-portails-menuiserie-pvc-alu-bois-17-royan.png);
	background-size:cover!important;background-position:  center center!important;background-repeat: no-repeat!important;*/
    background: #c3422f; border-radius: 50%;padding: 3px 15px 3px 15px; border: 3px solid #c3422f;
-webkit-box-shadow: 0 10px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 10px 5px 0 rgba(0,0,0,0.1);}
#horizonmenuiserie{position: absolute;display: block;right: 10px;top: -64px;max-width: 180px;height: auto;}
.leLogo h2{color:#fff;text-align: center;font-weight: 700;text-transform: uppercase;font-size:1.9rem;line-height:1.8rem;width:inherit;height:inherit;display: flex;align-items: center;justify-content: center;box-sizing: content-box;flex-direction: column; box-sizing: content-box;}
.leLogo h2 em, .leLogo h2 strong{display:block;font-weight: 300;padding:5px 0;}
.leLogo h2 em{letter-spacing: 0.3rem;font-style: normal;font-size: 1.5rem;text-transform: none;margin-top:5px;}
.leLogo h2 em.axelle:after{content:"";display:block;width:100%;height:1px;background:#fff;position:relative;margin: 2px auto -7px auto; }
.leLogo h2 span{letter-spacing: 0.06em;}
.leLogo h2 strong{letter-spacing: 0.1rem;font-size: 0.8rem;line-height:1.0rem;margin-top:0px;margin-bottom:-15px;}
.leLogo img {width:100%;height:auto;}
.leLogo.petitleLogo h2 em{display:none;}
.lelogo:hover{color:#c2b49e!important;}
.leLogo span a:link, .leLogo span a:visited, .leLogo span a:hover, .leLogo a:link, .leLogo a:visited, .leLogo a:hover  {
	color:#fff!important; text-align: center!important;
}

 #content.main-content {margin: 0px 0 0 0; padding-top:70px;}


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

.navbar-toggle .icon-bar {background: #fff;}	
.fixNavigation{
top:0px;
 position: fixed !important; }


.displayNone{
display: none!important;
 
 }
.leLogo.petitleLogo h2{padding-top:68px;align-items:end;padding-top:68px;font-size:1.7rem;line-height:1.5rem;padding: 20px 0px 20px 20px!important;}

.leLogo.petitleLogo {top:5px;width: 98px;/background: transparent;/box-shadow: none;border:none;}

.leLogo.petitleLogo img{}
.petitleLogo span {
  
}
.leLogo.petitleLogo h2 strong{display:none;}
/********************ajout Bootstrap************************/
.navbar {
   padding: 0rem!important;
    /* padding: .5rem 1rem; */
}
.bg-inverse {
    background-color: transparent!important; height:inherit;
}
/*.fixNavigation .bg-inverse {overflow:hidden;
 height:inherit;
}*/
.fixNavigation .bg-inverse {
    /*background-color: transparent!important;*/ /*background-color: rgba(255,255,255,1.00)!important;*/ height:inherit;
}

.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='transparent' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");margin-right:0px;
}
.navbar-toggler-icon {
   color: rgba(0,0,0,0.0);
    width: 58px!important;
    height: 58px!important;position: absolute;
    top: 5px;
    left: 5px;

}
.navbar-toggler-icon i {
font-size:4.2rem;color:#ffffff;
margin-top: 0px;position: absolute;
    top: -8px;
    right: -5px;
}
button.navbar-toggler {
    outline: none!important;cursor: pointer;padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    background: #92918c;border:0px solid #92918c;
    width: 60px;
    height: 00px!important;border-radius: 0px;top:8px;position:absolute;right:10px;
}/*
.navbar-inverse button.navbar-toggler {
    background: #fff;border:1px solid #151515;

}*//*
.navbar-toggler-icon i.closed, .navbar-toggler-icon.closed {
font-size:4.2rem;color:#151515;
margin-top: 0px;background: #fff;border:1px solid #ccc!important;
	transform: rotate(45deg)!important;
	-webkit-transform: rotate(45deg)!important;
	-moz-transform: rotate(45deg)!important;
	-ms-transform: rotate(45deg)!important;
	-o-transform: rotate(45deg)!important;
}*/
.navbar-toggler.collapsed .navbar-toggler-icon{transform: rotate(0deg)!important;
	-webkit-transform: rotate(0deg)!important;
	-moz-transform: rotate(0deg)!important;
	-ms-transform: rotate(0deg)!important;
	-o-transform: rotate(0deg)!important;}

.navbar-toggler.collapsed .navbar-toggler-icon i{color:#fff}
.navbar-toggler .navbar-toggler-icon i{color:fff;-webkit-transition: all 0.3s; 
    transition: all 0.3s;}
button.navbar-toggler.collapsed {background: #92918c;border: 0px solid #f49406!important;border-radius:0%;}
button.navbar-toggler {/*background: #fff;border: 0px solid #151515!important;*/-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 0%;#92918c;
    outline: none !important;
    border: none !important;
	/*-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);*/
}

.navbar-toggler .navbar-toggler-icon{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;}




.coordonnees {width : 100%; height : auto; margin : 0px auto -8px auto; background : #00aece;  padding: 30px 30px 0px 220px; }


.coordonnees h2{color: #fff;
    font-size: 2.5rem;
    line-height: 2.8rem;
    font-family: 'century-gothic', sans-serif;
    }
.coordonnees h2 span{color: #fff;
    font-size: 1.0em;    
    font-family: 'century-gothic', sans-serif;
    }
.coordonnees img{width : auto; height : 42px;margin-right:15px;  }

ul.chiffres{list-style: none;text-align: left;}
ul.chiffres li{margin-bottom:6px;text-align: left;}
ul span.chiffre, li.chiffre{font-size:1.8rem!important; line-height: 1.6rem;font-weight:700;margin-bottom:50px;}
.numero {font-size: 1.9rem;line-height:45px;text-align: center;margin:-40px auto 5px auto!important; color:#fff;display:block;width:45px;height:auto; /*background: #e05a0a;*/background: #4f83b1; padding:0px 10px; border-radius:0%;}
.cadre5 { border: 1px solid #92918c;padding: 30px;margin: 10px 0px 15px 0px;background: rgba(255, 255, 255, 1.0);display: flex;
    align-items: center;justify-content: center;flex-direction: column;width:100%;}
.cadre5 h3{font-size:1.2rem;font-family: century-gothic, sans-serif;font-weight: 700;padding-left:20px;padding-right:20px;text-align:center;margin-bottom:0px;}
.cadre5 h4{font-size:1.0rem;font-weight: 400;font-style: italic;padding-left:20px;padding-right:20px;text-align: center;}
.cadre5 ul{padding-left:25px;padding-right:25px;}
.cadre5 ul li {text-align: left;margin-left:10px;line-height:1.0rem;font-size: 0.95em;}
.cadre5ter { border: 1px dashed #fff; padding:20px 30px 20px 30px;margin:10px 0px 30px 0px;background:rgba(255,255,255,0.2);color: #fff;}
.cadre5ter a{color: #88d0e9;font-size:1.2rem;line-height: 1.5rem; text-decoration: underline;}

.agence ul.cadre5ter{border: none;
    padding: 25px 30px 20px 55px;
    margin: 10px 0px 30px 0px;
    /* background: rgba(255, 255, 255, 0.2); */
    background: #92918c;
    color: #fff;list-style: none;border-radius:20px;}
.agence ul.cadre5ter li{list-style: none;}
.agence ul.cadre5ter li a i{font-size:2.0rem;vertical-align: -8px;margin-right: 5px;}
.agence ul.cadre5ter li a{color:#fff;}

.cadre5 i{font-size:2.0rem;}
a.cadre5 {color:#f49406;font-weight:700;text-transform: uppercase;border:3px solid #f49406;z-index:2;-webkit-transition: all 0.3s; transition: all 0.3s;}
.formulaire{margin-top:0px;text-align: center;}
a.cadre5:hover {color:#fff;background:#f49406; -webkit-transition: all 0.3s; 
    transition: all 0.3s;}
.formulaire{margin-top:0px;text-align: center;}
.carte{padding-top:50px;text-align: center;margin-bottom:-6px;}
.carte.contact{padding-top:0px;}
.carte iframe{width:100%;height:600px;border-top:40px solid #92918c;border-bottom:40px solid #92918c;}
.cadre5bis {  padding:30px 23px 40px 23px;margin:15px 15px 15px 15px;background:#92918c;/*border: 2px dotted #fff; background:#79983c;*/color:#fff!important;text-align: center;position:relative;border-radius: 0px;    word-wrap: break-word !important;display:block;white-space: normal;border-radius: 50% 50% 50% 50%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;flex-direction: column;}
a.cadre5bis{-webkit-box-shadow: 2px 3px 7px 0 rgba(0,0,0,0.3);
box-shadow: 2px 3px 7px 0 rgba(0,0,0,0.3);}
a.cadre5bis:hover {background:#c3422f;-webkit-transition: all 0.3s; 
    transition: all 0.3s;box-shadow: none;}
a.cadre5bis.neg {background:#c3422f;}
a.cadre5bis.neg:hover {background:#c1d82f;}
a.cadre5bis:before {/*content:"";
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 0 90px 90px;
   border-color: transparent transparent #c3422f transparent;
	position:absolute;bottom:0;right:0;*/
}
a.cadre5bis.neg:before {
   border-color: transparent transparent #92918c transparent;
}
a.cadre5bis h3 + p i{/*position:absolute;bottom:10px; right:10px;*/}


.cadre5bis p, section.agence .cadre5bis h3{color:#fff;text-align: center;}
section.agence .cadre5bis h3 span{display:block;font-size:0.7em;}
.cadre5bis p i{font-size:2.0rem;}
.cadre5bis a img {max-width:100%;height:auto; 
transition: all 0.3s ease-in-out;}

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

.cadre5bis h3{font-family: 'century-gothic', arial, sans-serif!important;font-size:1.5rem!important;margin-bottom:20px;}
.cadre5bis h3 img{display:block;max-width:85px;height:auto;}
.cadre5bis h4{background: #f49406;padding: 30px 30px 0px 30px;width: 150px;text-align: center;position: relative;margin: -60px auto 10px auto;border-radius: 50% 50%;-webkit-box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);}
.cadre5bis h4 img{max-width:100%; height:auto;}
.cadre5bis h4 i, .cadre5bis h3 i{display: block;font-size: 3rem;line-height: 3rem;font-weight: 100;margin-bottom:10px;margin-top:20px;}
.cadre5bis.contact h3 i{font-size: 2.5rem;line-height: 2.5rem;margin-bottom:5px;}
/*.cadre5bis li:last-of-type{display: block; position: absolute; bottom:40px;}*/
 ul.notabene{   color: #666!important;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 200!important;
    list-style-type: none;
    padding: 30px 30px 20px 30px;
    border: 1px dashed #92918c;
    background: #D3D601;
}
h2 i.grospicto{font-size: 4rem; float:left;margin-right:30px;}

@media screen and (max-width: 1600px) {
    .wrapperAgence{width: 90%; max-width: 1400px;}
	.cadre5bis {padding: 30px 10px 40px 10px;margin: 10px 1px 10px 0px;}
}

#menu .navbar ul li a.dropdown-item#ongletTarifsEmplacements{display:none;}
.dropdown-menu.premier{z-index:-2000000;position:absolute;}
.dropdown-menu:before{    content: "";
    width: 20000px;
    height: 115px;
    background: rgba(255,255,255,1.00);
    position: absolute;
    left: -1000px;
    top: 0px;
    z-index: -1;/*-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);*/}
.dropdown-menu.premier:before{    content: "";
    height: 200px;
}
.dropdown-menu.troisieme:before{    content: "";
    height: 130px;
}
/*
.dropdown-menu:after{    content: "";
    position: absolute;
    left: -70px;
    top: 0px;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 100px 0;
border-color: transparent #f49406 transparent transparent;
}*/
 
.dropdown-menu {
    height: auto;
    line-height: normal;

	margin-top: -1px!important;background-color: transparent;top: 100%;border: 0px solid rgba(255,255,255,0.0);
	border-radius:0px!important;padding:15px 20px 0px 20px!important;z-index:200!important;
	width:1000%;
}

.dropdown-menu h3{font-size:1.4rem;padding-left:30px;margin:10px auto 5px -10px;color:#888!important;}
/*#ongletProjetE, #ongletProjetN, #ongletProjetR{border-left:1px solid #888;}*/
.dropdown-menu h3::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
/*.dropdown-menu h3 + a {padding-left:40px;}*/


.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .6em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid  transparent;opacity: 0.5;
	/*border-color: transparent #f49406 transparent*/
}
#trait{border-bottom: 0px solid #666666;display:block;background: rgba(255,255,255,0.50); width:100%;z-index:499;position:fixed;top:0px;height:113px;}
#trait.fixTrait{position:fixed;top:0px;height:62px;}
#menu { z-index: 500;position:relative;}
.wrapperMenu{display:block;width:100%;max-width:1440px;margin:0px auto;}



#gallery{padding-left:10px;padding-right:10px;}
@media (max-width: 1440px) {
	#gallery{padding-left:120px;padding-right:10px;}
}
@media (max-width: 1366px) {
	#gallery{padding-left:150px;padding-right:10px;}
}
@media (max-width: 1360px) {
	#gallery{padding-left:190px;padding-right:10px;}
}


#menu.fixNavigation .navbar ul {
    height: 66px;
    list-style-type: none;
    text-align: center;
    margin-top: 0px;
	
}
#menu.fixNavigation .navbar ul li {
    line-height: 66px;
}
#menu.fixNavigation .navbar ul li a{
    line-height: 66px;
}
#menu.fixNavigation{
    height: 66px;
	/*background: #92918c;-webkit-transition: background 1.5s; 
    transition: background 1.5s;*/
}

      #menu {width : 100%;max-width: inherit; height : 60px; margin-top : 0px; background : transparent;/*border-bottom:1px solid #666666; background:#92918c; */   background: #ededed;}

#menu .navbar ul { height : auto; list-style-type : none; text-align: center; top: 0px;position: absolute; left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%);display:block;width:100%;}

#menu ul li i{font-size:1.9rem;vertical-align: -7px;}
      #menu .navbar ul li {display: inline-block; height : inherit; line-height : 60px; position : relative}
      #menu .navbar ul li a{display : block;height : inherit; padding : 0 25px; color:#666; font-family :'century-gothic', Arial, sans-serif; font-size :0.7rem; letter-spacing: 0.2em; /*text-transform: uppercase; border-bottom:0px solid #fff;*/ text-transform: uppercase;font-weight:100; }
#menu .navbar ul li a span{display:none;} 
#menu .navbar ul li a em{font-style: normal;} 
#menu .navbar ul li.test a{color:#212121!important;}
#menu .navbar ul li #ongletOffres span{display:none;}

 #menu .navbar ul li a:hover,  #menu .navbar ul li.nav-item dropdown a:hover, #menu .navbar ul li.nav-item:hover {/*border-bottom:3px solid #00aece;color:#4f83b1;*/color:#c3422f;background:#fff;
-webkit-transition: all 0.2s; 
    transition: all 0.2s; }
      #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 {background : #92918c!important;color:#ffffff!important;border-bottom:0px solid #f49406; }
#menu .navbar ul li a.dropdown-item{color:#92918c;padding:0px 0px;font-size:0.85rem!important;}
#menu .navbar ul li a.dropdown-item:hover{color:#c3422f!important;}
#menu .navbar ul li.active2 a:hover, #menu .navbar ul li.active2, #menu .navbar ul li a.active2, #menu .navbar ul li.active a.active2 {background : transparent!important;color:#92918c!important;border-bottom:0px solid #f49406;font-weight:700!important; }
#menu .navbar ul li a#ongletDevis{background: #c1d82f;color:#fff;border-radius:20px;/*box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);*/}
#menu .navbar ul li a#ongletDevis:hover{box-shadow: none;border-radius:0;}

.dropdown-menu a.dropdown-item{display : block;height : 35px!important; padding : 0 30px; color : #333; font-family : 'century-gothic', Arial, sans-serif; font-size : 0.7rem!important;line-height: 35px!important; font-weight:100!important;text-transform: none!important;letter-spacing: 0.1em!important;}

.dropdown-menu a.dropdown-item:hover {color : #c3422f!important;text-decoration:none;background:rgba(255,255,255,0.0)!important;
 border:none!important; }
      
section.actu h2 i {font-size:0.8em;margin-right:10px;}
/************/
.actualite{margin-bottom:30px;border:0px solid #ccc}
.actualite p{padding-right:30px;}
.actualite a p{padding-right:0px;}
.actualite a{display:block;position:relative;overflow: hidden}
.actualite a img{max-width:100%;height:auto;overflow: hidden}
.actualite a .pictoFleche{position: absolute;display: block;width:29px;height:33px;overflow: hidden;
    bottom: -3px;
    right: 1px;z-index:100;}
.actualite a .pictoFleche i{color: #fff;font-size: 3rem;top: -40px;left: -20px;position: relative;}
.actualite a:hover .pictoFleche i{/*color: #92918c;*/color: #fff;font-size: 3rem;top: -40px;left: -20px;position: relative;}
.actualite a .zoom-item {
	position: absolute;
	left: -105%;
	top: 0;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	pointer-events: none;
}/*
.actualite a .zoom-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 300%;
	height: 160%;
	pointer-events: auto;
	background:rgba(191,154,83,0.80);
	transform: rotate(-57deg);
	transform-origin: left top;
}*/

.actualite a .zoom-item:after {
	content: "\f067";
	position: relative;
	z-index: 1;
	display: block;
	 font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	font-size: 30px;
	line-height: 1;
	color: #fff;
}
.actualite a:hover .zoom-item{
	transform: translate(2,2);-webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;transform: scale(4);
}
.actualite a:hover .zoom-item:before{
background:rgba(191,154,83,0.50);-webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;
}
.actualite a p.lireActu{position:absolute;text-transform: uppercase;top: 50%;
left: 50%;
transform:translate(-50%, -50%);/*color: #92918c;*/color: #fff;
    letter-spacing: 0.15em;z-index: 1000;opacity:0;font-weight:600;}
.actualite a:hover p.lireActu{opacity:1.0;-webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;transition-delay: 0.5s;}
.actualite h4, #accordions h4 {margin-top:10px;margin-bottom:5px;}
#accordion2{width:100%}
.actualite p.date, .actualite h4 span.date, #accordion2 h4 span.date{color:#f49406;margin-bottom:7px;display:block;font-size: 0.9rem;line-height: 1.2rem;font-weight: 300;}
#accordion2>h4{cursor:pointer;border-top:1px solid #151515;border-bottom:1px solid #151515;padding-top: 5px; margin: 15px 15px 15px 15px;outline: none;position:relative;padding-left:10px;}
#accordion2 .actualite>h4{display:none;}
#accordion2 .actualite>p{margin-top:10px;}
#accordion2 .actualite {margin-bottom: 0px;}
#accordion2>h4 i{position: absolute;top: 4px;right: 20px;font-size: 2.2rem;}
.actualite>h4 i, h4.ui-accordion-header-active i{display:none;}
h4.ui-accordion-header-active{background:#f49406;border-top:1px solid #f49406!important;border-bottom:1px solid #f49406!important; }
h4.ui-accordion-header-active span.date{color:#fff!important; }

#accordion2 .btn.resa {padding: 12px 20px;margin-top: 0px;background: #f49406; color:#151515!important;font-weight: 600!important;margin-bottom:20px;
}
#accordion2 .btn.resa i {font-size: 1.8em;line-height: 0.0rem;margin-right: -5px;margin-left: 10px;}
/*************/
/*
.projects {
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    max-width: 66.66666666666667rem;
    margin: 0 -5px;
    margin: 0 -0.3333333333333333rem;
    z-index: 10;
}
.projects-item {
    float: left;
    position: relative;
    width: 330px;
    width: 22rem;
    max-width: 330px;
    max-width: 29rem;
    height: 300px;
    height: 20rem;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
    padding: 0 0.3333333333333333rem;
    margin-bottom: 10px;
    margin-bottom: 0.6666666666666666rem;
    margin-left: 0;
    color: #fff;
    z-index: 1;
}
.projects-item__img {
    overflow: hidden;
    background: #000;
    height: 100%;
}
.projects-item__img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    min-width: 100%;
    min-height: 100%;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.projects-item__figcaption {
    position: absolute;
    top: 0;
    right: 5px;
    right: 0.3333333333333333rem;
    bottom: 0;
    left: 5px;
    left: 0.3333333333333333rem;
    color: #fff;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    padding: 0.3333333333333333rem;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 2;
}
.projects-item__figcaption:after {
    content: '';
    position: absolute;
    top: 30px;
    top: 2rem;
    right: 30px;
    right: 2rem;
    bottom: 30px;
    bottom: 2rem;
    left: 30px;
    left: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.projects-item__title, .lg-sub-html h3, .lg-sub-html h4 {
    margin: 0;
    font-size: 15px;
    font-size: 1rem;
    text-align: center;
    -webkit-transition: 0.3s 0.3s linear;
    transition: 0.3s 0.3s linear;
}
.projects-item__figcaption > .projects-item__title, .lg-sub-html .projects-item__figcaption > h3, .lg-sub-html .projects-item__figcaption > h4 {
    position: absolute;
    top: 50%;
    left: 40px;
    left: 2.6666666666666665rem;
    right: 40px;
    right: 2.6666666666666665rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}*/

/************/
	#myItems .item.first { order: -1; }
.myItems{width:100%;display: flex;display: flex;align-items: center;justify-content: center;}
.projets{margin: 10px;
    position: relative;
    /*height: 300px;*/
    width: 320px;
	margin:1%;
	width:23%;
    overflow: hidden;
    display: inline-block;z-index: 1;}
.projets .categorieProjet{background: rgba(255,255,255,0.70);display: block;position:absolute;top:0;left:0;;width:100%;height:100%;padding:20px 30px;text-align: center;z-index:10;}
.projets .categorieProjet h2 {display: block;padding: 20px 55px;font-size:2.5rem;
    text-align: center;
  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 */
}
.projets a:hover .categorieProjet{background: rgba(255,255,255,0.00);}

.titreProjets{margin-top:-50px;}
.titreProjets h1{font-size:3.0rem;margin-top: -115px;margin-left: 135px;font-weight:400;}
.titreProjets h2{font-size:1.5rem;color:#f49406;margin-left: 135px;}

.titreProjetsbis{margin-top:0px;padding-left:10px;}
.titreProjetsbis h1{font-size:2.3rem;margin-top: 0px;margin-left: 0px;font-weight:400;word-wrap: break-word!important;margin-bottom:0px
}
.titreProjetsbis h2{font-size:1.5rem;color:#f49406;margin-left: 0px;}
.trianglebis {
    position: absolute;top:0;left:120px;
     width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 60px 40px 0 0;
   border-color: #92918c transparent transparent transparent;
   transform: rotate(0deg);
}
.fixNavigation .RS .trianglebis{left:280px;border-width: 66px 40px 0 0;}
.titreProjetster{margin-top:0px;}
.titreProjetster h1{font-size:3.0rem;margin-top: 0px;margin-left: 0px;font-weight:400;text-align: left!important;letter-spacing: -0.02em;}
.titreProjetster h2{font-size:1.5rem;/*color:#f49406;*/color:#92918c;margin-left: 0px;text-align: left!important}
.titreProjetster{margin-top:6px;margin-bottom: 50px;padding-left:170px;}
@media (max-width: 1550px) {
.titreProjetster h1{font-size:2.7rem;margin-top: 0px;margin-left: 0px;font-weight:400;text-align: right!important;letter-spacing: -0.02em;}
.titreProjetster h2{font-size:1.5rem;color:#f49406;margin-left: 0px;text-align: right!important}
}
	
	
.titreProjets .triangle{   
    position: relative;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 150px 0;
border-color: transparent #f49406 transparent transparent;
}
.projets .blocTexteProjet{position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;background: rgba(0,0,0,0.70)}

.projets a{position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	
}
.projets a img{height: inherit;
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: hidden;
     transform: scale(1.0);
	-webkit-transform: scale(1.0));
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	opacity: 1.0;
	-webkit-transition: all 0.3s; 
    transition: all 0.3s;
	/*    aspect-ratio: 3 / 3.0;*/
}
.projets a:hover img{
transform: scale(1.1) ;
	-webkit-transform: scale(1.1));
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transition: all 0.3s; 
    transition: all 0.3s;

}
.projets a .pictoFleche{;width:29px;height:33px;overflow: hidden;
    bottom: -3px;opacity:1.0;
    right: 1px;z-index:100;}
.projets a i, .grid-item a i{color: #f49406;font-size: 2rem;position: relative;display: block;}
.projets a .zoom-item {
	position: absolute;
	left: -130%;
	top: 0;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.projets a .zoom-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 300%;
	height: 160%;
	pointer-events: auto;
	background:rgba(191,154,1,0.80);
	transform: rotate(-57deg);
	transform-origin: left top;
}

.projets a .zoom-item:after {
	content: "\f067";
	position: relative;
	z-index: 1;
	display: block;
	 font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	font-size: 30px;
	line-height: 1;
	color: #fff;
}
.projets a:hover .zoom-item{
	transform: translate(2,2);-webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;transform: scale(4);
}
.projets a:hover .zoom-item:before{
background:rgba(191,154,83,0.85);-webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;
}
.projets a p.lireActu{position:absolute;text-transform: uppercase;right: 50px; bottom:-8px;color: #92918c;
    letter-spacing: 0.15em;z-index: 1000;opacity:1;font-weight:600;padding:0px 0px;opacity: 0;}
.projets a:hover p.lireActu{opacity:1.0;-webkit-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out;transition-delay: 0.5s;}

.projets a:hover .blocTexteProjet{opacity:1;-webkit-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out;}
.projets a:hover p.lireActu{opacity: 1;}
.projets a:hover .pictoFleche{opacity: 1;}

.projets h4, .projets h2, .projects-item__figcaption h2, .projects-item__figcaption h4 {margin:0px auto!important;text-transform: uppercase;font-weight:600!important;color:#f49406;font-size: 1.2rem!important;text-align: center!important;padding-bottom:0px;}
.projets p{padding:20px 30px;text-align: justify;font-size:0.8rem;line-height:1.0rem;color:#fff;}
.projets p.categorie{color:#92918c;margin-bottom:10px;text-align: center;padding:0px 30px;margin-bottom:0px;}
.projets .liseret{border: 1px solid #f49406;
    width: 84%;
    height: 84%;
    position: absolute;
    display: block;
    opacity: 1;
    top: 8%;
    left: 8%;
    z-index: 200;
}

.pictoBig{font-size:3rem;}
/***********************************************/
.deuxTailles .item{width:33.33%;height:auto;overflow: hidden;display: flex;padding:0px 16px;flex-flow: column wrap;}
.deuxTailles .item.focus{width:66.66%;height:auto;overflow: hidden;display: flex;padding:0px 16px;flex-flow: column wrap;}
.deuxTailles .item.focus1{width:100%;height:auto;overflow: hidden;display: flex;padding:0px 16px;flex-flow: column wrap;}
@media (max-width: 991px) {
	.deuxTailles .item{width:50%;height:auto;overflow: hidden;display: flex;padding:0px 16px;}
}
/***********************************************/
.equipe{border:0px solid #ccc; margin-bottom:30px;}
.equipe h3{margin-top:20px;color:#92918c;}
.equipe h4{color:#f49406;}
.equipe h4::after{content:'';display: block;position:relative;margin-top:15px; width:10px;height:2px;color:#f49406;background:#f49406; }
.equipe p{padding-right:30px;text-align:left;}
/*.equipe i {font-size:2.5rem;margin:0px auto -15px auto;display: block;position: relative;color: #f49406;}*/
.equipe i {font-size:2.5rem;margin:0px auto -15px auto;display: block;position: absolute;color: #f49406;}
/**********************************************/
.carre3bis{ background:#f2fbff; border:1px solid #ddd; color:#92918c; margin:5px 0px;
 padding:10px 10px 10px 10px; width:100%;  }
 .carre3bis h7{  color:#fff; margin-bottom:10px;
 padding:5px; width:100%; display:block; text-align:center;   }
 .carre3bis ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em  }
  .carre3bis li{ margin-bottom:10px; }
  .carre3bis img{width : 120px; height : auto; border: 1px solid #fff; margin:5px;}
	.carre3bis img:hover{width : 120px; height : auto; border: 1px solid #ccc; margin:5px;}
.carre3bis i {color:white!important;margin-bottom:10px}
 blockquote {
        padding: 7px 20px 2px 20px;
        margin: 0px 0 0px 0px;
        background-color: #f2fbff; 
        border-top:1px solid #eee;
		 border-bottom:1px solid #eee; display:block; text-align:left;
        
    }
.carre3bis h2 {font-family: 'century-gothic', sans-serif!important;font-size:2rem!important;text-transform: uppercase!important;text-align: left;}
.carre3bis h4 {text-align: center;font-weight: 200;}

    blockquote p {
        color: #999;
        font-size: 12pt;
        fon-weight: 100;
        font-style: italic;
        font-family : 'century-gothic', arial, sans-serif;text-align:left;
        line-height: 16pt;
    }
/*****************/
.carre4bis{ background:#ffffff; border:2px dotted #4f83b1; color:#92918c; margin:5px 0px;
 padding:10px 10px 10px 10px; width:100%;  }

.carre4bis.M{ border:2px dotted #e05a0a; color:#e05a0a;  }
.carre4bis.S{ border:2px dotted #2ea5ad; color:#2ea5ad;  }
.carre4bis.K{ border:2px dotted #909555; color:#909555;  }
 .carre4bis h7{  color:#fff; margin-bottom:10px;
 padding:5px; width:100%; display:block; text-align:center;   }
 .carre4bis ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em  }
  .carre4bis li{ margin-bottom:10px; }
  .carre4bis img{ border: 1px solid #fff;}
.carre4bis.M img, .carre4bis.S img, .carre4bis.K img {border:none!important;margin:-100px auto -30px auto;}
	.carre4bis img:hover{border: 1px solid #ccc;margin:0px auto;}
.carre4bis.M img:hover, .carre4bis.S img:hover, .carre4bis.K img:hover {border:none!important;margin:-100px auto -30px auto;}
/*.carre4bis i {color:white!important;margin-bottom:10px}*/
.carre4bis p {text-align: left;color:#92918c;}
.carre4bis.M p, .carre4bis.M ul li  {text-align: left;color:#e05a0a;}
.carre4bis.S p, .carre4bis.S ul li {text-align: left;color:#2ea5ad;}
.carre4bis.K p, .carre4bis.K ul li {text-align: left;color:#909555;}
.carre4bis.M .tooltip-inner {
    max-width: 100%;
	width:100%;
    background-color: #e05a0a;
    border-radius: 0rem;margin-bottom:10px;
}
.carre4bis.S .tooltip-inner {
    max-width: 100%;
	width:100%;
    background-color: #2ea5ad;
    border-radius: 0rem;margin-bottom:10px;
}
.carre4bis.K .tooltip-inner {
    max-width: 100%;
	width:100%;
    background-color: #909555;
    border-radius: 0rem;margin-bottom:10px;
}
hr.separation{border-top: 3px dotted #f49406;margin:30px auto!important;width:100%;display:block;}
.carre4bis.M hr{border-top: 1px solid #e05a0a;}
.carre4bis.S hr{border-top: 1px solid #2ea5ad;}
.carre4bis.K hr{border-top: 1px solid #909555;}
 blockquote {
        padding: 7px 20px 2px 20px;
        margin: 0px 0 0px 0px;
        background-color: #f2fbff; 
        border-top:1px solid #eee;
		 border-bottom:1px solid #eee; display:block; text-align:left;
        
    }
.carre4bis h2 {font-family: 'century-gothic', sans-serif!important;font-size:2rem!important;text-transform: uppercase!important;text-align: left;word-wrap: break-word!important;white-space: normal;}
.carre4bis h4 {text-align: center;font-weight: 200;}
/*************************/
.carre3, .carre3Camping, .carre3Restau{ background:#ffffff; border:1px solid #ed046d; color:#92918c; margin:0px 0px 20px 0px;
width:100%;box-sizing: border-box!important;}
.carre3Camping{ border:1px solid #2ea5ad;}
.carre3Restau{ border:1px solid #e05a0a;}
 .carre3 h7, .carre3Camping h7, .carre3Restau h7{  color:#fff; 
 padding:5px; width:100%; display:block; text-align:center;min-height: 53px;background: #ed046d; }
.carre3Camping h7{background: #2ea5ad;}
.carre3Restau h7{background: #e05a0a;}
 .carre3 ul, .carre3Camping ul, .carre3Restau ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em;margin:5px auto;  }
  .carre3 li, .carre3Camping li, .carre3Restau li {
    text-align: center;
    padding: 0px 10px;
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #666!important;
}
.carre3 a, .carre3Camping a, .carre3Restau a {

    color: #666!important;
}
  .carre3 img, .carre3Camping img, .carre3Restau img{width : 100%;max-width:250px; height : auto;bottom:0px!important;filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);}
	.carre3 img:hover, .carre3Camping img:hover, .carre3Restau img:hover{filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
		-ms-filter: grayscale(1);}
    blockquote p {
        color: #999;
        font-size: 12pt;
        fon-weight: 100;
        font-style: italic;
        font-family : 'century-gothic', arial, sans-serif;text-align:left;
        line-height: 16pt;
    }
.modal-content {
    padding: 10px 20px;
}
.modal-title {
    text-transform: uppercase;
    font-weight: 700;color:#f49406;
}

#haut{ 

width:100%; position:fixed; z-index:1000;   display:block;  height:auto; margin-top:0px; padding-top:5px; margin-bottom:-0px; /*background:#fff;*/background:#133d79;
 }
.baseline {position: absolute;top: 7px;left: 145px;z-index: 1000;padding: 3px 0px 2px 0px;}

.baseline h2 {color:#fff;font-family: 'century-gothic', sans-serif;font-size: 1.4rem; font-weight: 700;display:block;letter-spacing: 0.1rem;text-transform: uppercase; padding: 3px 0px 2px 0px;margin-bottom:0px;}
.baseline h2 span{text-transform:none;font-size:0.6em; font-weight: 400;line-height: 1.7em;letter-spacing: 0.24rem!important;display:block;}
.fixNavigation .baseline{top: 1px;color:#fff;font-size: 0.9rem; font-family: 'century-gothic', sans-serif;font-weight: 400;line-height: 1.7em;letter-spacing: 0.23rem!important;}
/*.fixNavigation .baseline h2{font-size: 0.9rem; line-height: 1.7em;border-top: 0px solid #fff;border-bottom: 0px solid #fff;}*/


#slogan2{position: absolute; z-index:999;  height:auto; width:87%; max-width:inherit;
 padding-top:5px; color:#ffffff;font-size: 0.8rem; line-height:0.8rem;    font-family: 'century-gothic', sans-serif; text-transform: uppercase;letter-spacing: 0.05rem;text-align: center;font-weight:300;color:#fff;right:0px;

}
#slogan2 ul {list-style:none;text-align:center;}
#slogan2 ul li {display:inline-block;color:#fff;margin-right:10px;font-size:1em!important;line-height:16pt!important;}
#slogan2 ul li a, #slogan2 ul li a:visited {color:#f49406;}
#slogan2 ul li a:hover {color:#fff;}
#slogan2 ul li i {font-size:1.5em;}
.insta {
    position: absolute;
    z-index: 999;
    height: 36px;
    width: 150px;
    top: 0px;
    right: 30px!important;
    font-size: 1.6rem;
}
.insta a i, .insta a:visited i{color:#f49406;margin-left:5px;}
.insta a:hover i{color:#ffffff}
.insta a img{width:29px;height:auto;margin-left:5px;margin-top:-10px;opacity: 1}
.insta a img:hover{opacity: 0.7}
.jaune2020{ color:#f49406!important;/*color:#5172!important;*/}

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

@media (max-width: 1050px) {
	#menu2 .container-fluid{padding-left:10px;padding-right:10px;}
	aside.picto{display:none;}
	.owl-carousel .owl-nav button.owl-prev {left: -35px;}
	.owl-carousel .owl-nav button.owl-next {right: -30px;}
	.owl-item .item{padding:0px 10px 0px 10px;}
	
	.triangleD {left: -1px;}
	.sousTitre {width: 110px;}
	.sousTitre span, .sousTitre a span {display: none;}
	#menu .boutique {
    position: relative;
    display: inline-block;
    top: 6px;
    right: 50px;
    width: inherit;
    height: auto;
    z-index: 1000;
    text-align: left;
    width: 140px;
}
}
@media (min-width: 768px) {
	
	.gallery-item {
		max-height: none;
	}
	.gallery-item * + .exeption {
		margin-top: 13px;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

.desktop .gallery-item-1:hover:after {
	color: #ffffff;
}

/*fond*/

section {width:100%; height:auto; display:block; position: relative;background: #ffffff;}
section.transparent {background: transparent;/*top:-111px;margin-bottom:-111px;*/}
section.fondvert {background: url(../img/MRCB-2020_ROYAN_fonce.jpg);
		background-position: top center;
background-repeat:  no-repeat;}
section.fondjaune, .fondjaune {background: url(../img/MRCB-2020_ROYAN_jaune.jpg);
		background-position: top center;
background-repeat:repeat-y;}
.fondbleu{background:#f49406}
.fondorange{background:#d85845}
.fondgris{background:#92918c}
.fondbleu2{background:#517276}
section.reseauxSociaux {width:100%; height: auto!important; display:block; position: relative;
padding:30px 100px; background: rgba(255,255,255,1.00);}
section#swiper {width:100%; height: auto; display:block; position: relative; }
section#texte {width:100%; height: auto; display:block; position: relative;background: rgba(255,255,255,1.0);margin-top:-1px;}
section#textenoir {width:100%; height: auto; display:block; position: relative;background:#4f83b1;margin-top:-1px;}
section#ile {width:100%; height: auto; display:block; position: relative; padding:50px 0px;}
section#texte h2, section#textenoir h2{
    font-size: 1.8rem;
    line-height: 2.0rem;
    font-family: 'century-gothic', sans-serif;
	color:#00aece;margin-bottom:30px;
    }
section h2, section h1.h2{font-size: 1.8rem !important;    font-family: "ff-market-web", sans-serif;display: block;width: 100%;
    text-align: left;padding-bottom: 30px;color: #c3422f;font-weight:300;}
section h2 span, section h1.h2 span{font-size: 2.2rem;display: block;color:#92918c;font-weight: 700;font-family: "century-gothic", serif;text-transform: uppercase;}
section#texte h1, section#textenoir h1, section#ile h1{color:#00aece; font-size:1.8rem;  font-family: 'century-gothic', sans-serif;text-align: center;font-family: "ff-market-web", sans-serif;
}
section#texte h1 span, section#textenoir h1 span, section#ile h1 span{font-size:2.3rem; line-height: 3.2rem!important;font-family: 'century-gothic', sans-serif!important;text-transform: none; }

section .titreProjetster h1.h2{padding-bottom:0px;}
section.agence h2 span:after, section.agence h1.h2 span:after{content:"";width:8px;height:63px;background:#c3422f;display:block;position:absolute;left:-10px;top:4px;}

section#textenoir p{color:#fff;}
section#textenoir h4{color:#777;}
h2 span sup{font-size:0.2em;}
.sizereduit{font-size:0.7em!important;}

a.surligne{text-decoration: underline;font-size:1.2em;color:#d7451f;word-wrap: break-word!important;white-space: normal;}
    #bateau {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
	#bateau img{width : 150px; height : auto; border: 1px solid #ccc; margin:5px;background: #fff;-webkit-transition: all 0.5s; 
    transition: all 0.5s;}
	#bateau img:hover{ border: 1px solid #fff;}
	#bateau h2{ margin-bottom:40px;}

#instit {
    width: 100%;
    height: auto;
    text-align: center;

}
	#instit img{width : 180px; height : auto; margin:5px;background: #fff;}

.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:#748a8e
!important;*/
 color:#8d6f4c!important;text-align: center;}


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

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;

    }



#map {width:100%; height:467px;/*border-top:10px solid #748a8e;*/}
.map {/*background: #748a8e!important;*/background: #aa7d50!important;border: none!important;cursor: pointer!important;margin:-32px auto -5px auto!important}
.arMenu {max-width:2560px;margin-left:auto;margin-right:auto;width : 100%;
		/*background: #fff;
	overflow-x: hidden;*/
		
	}
.arTriangle {max-width:2560px;margin-left:auto;margin-right:auto;width : 100%;margin-bottom:-160px;
		/*background: #fff;
	overflow-x: hidden;*/
		
	}
.ar {max-width:2560px;margin-left:auto;margin-right:auto;width : 100%;
		background: #fff;
	overflow-x: hidden;
		
	}
.ar1 {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%;
		background:  url(../img/fond-Cabinet-Moreau-economie-ingenierie-batiment-2.jpg);	
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
	position:relative;
	background-attachment: fixed;
		 /*text-shadow: 1px 1px 6px #92918c;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;*/
	overflow-x: hidden;
		
	}
.ar2 {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%;
		background:  url(../img/fond-Cabinet-Moreau-economie-ingenierie-batiment-1.jpg);	
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
	position:relative;
	background-attachment: fixed;

	overflow-x: hidden;
		
	}
.ar3 {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%;
		background:  url(../img/fond-Cabinet-Moreau-economie-ingenierie-batiment-3.jpg);	
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
	position:relative;
	background-attachment: fixed;

	overflow-x: hidden;
		
	}


	.un {

		width:100%; /*height: 100vh;*/height: 400px; display:block; position: relative;
		overflow: hidden;
		
	}
.un h1, .mentions h2, .fond1 h1, .fond4 h1{/*color:#61b9ab;*/color:#fff; font-size:0.9rem;  font-family: 'century-gothic', sans-serif;text-transform: uppercase;	letter-spacing: 0.2rem!important;background: rgba(0,0,0,0.00); padding:50px 50px 20px 50px;text-align: center;
}
.un h1, .fond1 h1, .fond4 h1{
  margin:75px auto 0px auto;
}


#bas h2 {color:#fff; font-size:2.0em; line-height: 1.0em; font-family: 'century-gothic', sans-serif;display: block;margin: 0px auto;font-weight: 700;margin-bottom:10px;text-transform: uppercase;
}

#bas .coordonneesbas h2{text-align: left!important;margin-bottom:0px!important;max-width:100%;margin:0 auto 0 0; }
#bas h2 span{color:#f49406; font-size:0.8em;  font-family: 'century-gothic', sans-serif!important;font-weight:400;text-transform: none!important;
}
#bas .coordonneesbas {margin : 0px auto 0px auto;  font-family: 'century-gothic', Arial, sans-serif;font-weight: 300; font-size: 0.9em;  padding: 0px 0px 5px 0px;text-align: left;color:#ccc }
#bas .coordonneesbas{color:#fff;}
#bas .coordonneesbas a{color:#ffffff;}
#bas .coordonneesbas a:hover{color:#bbb;}
.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;
	
}

.delayDurationUn {-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;}
.un h1 span, .fond1 h1 span, .fond4 h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'century-gothic', sans-serif!important;	 letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; }
h2 span sup{font-size:0.5em;}
.un h3 {/*color:#c2b49e;*/color:#bb1883; text-transform: uppercase; font-size:0.8em;line-height: 1.2em; letter-spacing: 0.2em; font-family: 'century-gothic', 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; }

#myframe{border:none; background:none; overflow:hidden; background-color: transparent; height:320px; width:250px;}


#bas h3 {
    color: #ffff;/* text-transform: uppercase; */font-size: 1.2em;line-height: 1.4em;letter-spacing: 0.0em;font-family: 'century-gothic', Arial, sans-serif;font-weight: 300;}
#bas .ouverture{padding-top:5px;}
#bas .ouverture h3 i{display:block;font-size:2.0rem;margin:10px auto 5px 0px;}

#bas h3.aveclogo {text-align: right; border-right:1px solid #606060;
    display: inline-block;
    width: 200px;
}
#bas h3 span{display:block;}
.textalign{text-align: right;}

.ombre{text-shadow: 0 1px 3px #666666}
.ombre2{text-shadow: 2px 2px 2px #333333}
.ombre2bis{text-shadow: 2px 2px 2px #ffffff}
.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 -10px 15px 0 rgba(0,0,0,0.2);
box-shadow: 0 -10px 15px 0 rgba(0,0,0,0.2);}
.avecOmbre3 {-webkit-box-shadow:inset 0 10px 15px 0 rgba(0,0,0,0.3);
box-shadow:inset 0 10px 15px 0 rgba(0,0,0,0.3);}
.avecOmbre4{-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);}

.wrapperG{
   max-width: 1200px;
    width: 90%;

    position: relative;    
margin:0px auto!important;
    display: block;}
.wrapperG2{
max-width: 1300px;
    width: 90%;
    position: relative;    
margin:0px auto 0px auto!important;
    display: block;}
.wrapperC{
   max-width: 960px;
    width: 90%;
    position: relative;    
margin:0px auto!important;
    display: block;
padding:50px 0px;}
/* ---- grid ---- */

.grid {
 /*background: #EEE;*/
  max-width: 1200px;
	max-width:990px;
	max-width:1320px
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: 320px;
  height: 300px;
float: left;
  /*   vertical gutter */
  margin-bottom: 10px;
  background: #fff;
  border: 0px solid #333;
}
	.grid-item h2, .modalprojet h2{font-size:1.5rem!important;text-transform: uppercase;text-align: center;}
	.grid-item2{ width: 650px;height: 610px;float: right;}

.grid-item--width2 { width: 650px;height: 610px }

	.grid-item .projects-item__figcaption {
		display:block;width:100%;height:100%;
    position: absolute;
    top: 0;   
    left: 0px;   
    color: #fff;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 10%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
		display: flex;
  align-items: center;
  justify-content: center;text-align:center;flex-direction: column;
}
		.grid-item .projects-item__liseret{border: 1px solid #f49406;
    width: 90%;
    height: 90%;
    position: absolute;
    display: block;opacity: 0;
    top: 5%;
    left: 5%;}
	.projects-item__img {
    overflow: hidden;
    background: none;
    height: inherit;width:inherit
}
	.projects-item__img img {
width:inherit
}
	.grid-item:hover .projects-item__figcaption, .grid-item:hover .projects-item__liseret {opacity: 1.0;}

	
	
	@media screen and (max-width: 600px) {
  .grid-item, .grid-item.grid-item--width2 {
    width: 22rem;
    height: 19rem;
left: 50%!important;
       /* transform: translate(-50%, -50%);*/
	  transform: translateX(-50%);

}
}
/*******/

/*******/

.pageGalerie {width:96%; display:block; position: relative;max-width: 1200px;margin:30px auto;}
.pageGalerie .grid2 {width:100%; display:block; position: relative;height:9000px;}
#video {
	background:  rgba(0,76,76,0.40);
		width:100%; display:block; position: relative;
padding-top:50px;padding-bottom:50px;margin-bottom: -1px;height:100vh;
	}
.video{position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#galerie .row{ justify-content: center;}
#galerie img{width : 100%; height : auto; border: 1px solid #ccc; margin:5px;}
	#galerie img:hover{width : 100%; height : auto; border: 1px solid #fff; margin:5px;}

/********************************************INFO********************************/
.info {background:#ffffff /*url(../img/info-background.png)repeat-x */;
	background-position: left 0px top 8px;
padding-top: 30px; padding-bottom: 30px;}
.info a {text-decoration: none;}
.info p{/*color:#4f83b1;*/ font-family: 'century-gothic', sans-serif;font-size: 1.0rem;text-decoration: none;text-align: center; }
/*.info i{color:#4f83b1!important;}*/

.info .bande, .info .bande2 {position: absolute;width:100%;height:100px;display: block;background: #4f83b1;z-index:0;top:169px;}
.info .bande2 {top: 103px;}
.info h3 {font-family: 'century-gothic', sans-serif;
font-size: 2.0rem;/*color:#4f83b1;*/ text-align: center; text-decoration: none;margin-bottom:20px; }


.info a:hover h3, .info a:hover p, .info a:hover i{color:#949191!important;-webkit-transition: all 0.5s; transition: all 0.5s;}
.info img{
  filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 opacity: 1;
	margin-bottom:-20px;
}
.info a:hover img{
  filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	opacity: 0.7;
	 -webkit-transition: all 0.5s; 
	
}

.moins25 {

    margin-top: -25px!important;
}
.bgdGris {
    background: #eeeeee;
}
/*********************/
#galerieServices {
		/*background: url(../img/bgd-orange-gris.png);*background: rgba(255,255,255,1.00);*/
		background: background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );;
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; display:block; position: relative;
padding-top:100px;padding-bottom:100px;
	
	}
#galerieServices h3 {color:#6BCDBC; font-size:2em;  font-family: 'century-gothic', sans-serif; text-align: center; margin-bottom: 50px; font-style: normal;
	
}
#galerieServices h3 span {color:#6BCDBC;font-size:0.7em; font-style:italic;
	
}
/********************/
.detail p{font-size:1rem!important;color:#aa7d50!important;}
.detail p.laius{font-size: 1.2rem!important;line-height: 1.5rem;font-family: 'century-gothic', sans-serif;font-style: italic; margin-top:38px;}
.detail p.laius i{font-size: 2.5rem!important;float: left;margin-right:20px;}
a.fancy i {font-size:2rem;color:#aa7d50!important;text-decoration: none;}
a.fancy img {margin-top:10px; margin-bottom:10px; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3); }
a.fancy span, a.fancy:hover span, a.fancy :hover {font-size:1.5rem;color:#aa7d50!important;text-decoration: none!important;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.0);
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.0);}
.detail td{padding:5px 10px;}

/*****************/
/****SROLLBAR***/

* {
  scrollbar-width: thin;
  scrollbar-color: #92918c #fff;
}


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

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

*::-webkit-scrollbar-thumb {
  background-color: #92918c;
  border-radius: 20px;
  border: 3px solid #fff;
}

/*********/
.wrapperCoord{
   
    width: 90%;
    position: relative;    
margin:0px auto!important;
    display: block;}

/***********/
.btn.resaNews, .btn.resa, .btn.resaM, .btn.resaJ, .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:13px;
    background: #92918c;
text-transform: uppercase;
    color: #fff;letter-spacing: 0.1em;
	border:1px solid #92918c;
	word-wrap: break-word!important;
    white-space: normal;color:#fff;min-width:200px;font-weight:300;
}
.btn.resaBorder {
    text-decoration: none;
    font-size: 1.0rem;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
  margin-top:20px;
text-transform: uppercase;
    color: #fff;letter-spacing: 0.1em;
	border:1px solid #fff;
	word-wrap: break-word!important;
    white-space: normal;min-width:200px;font-weight:700;
}
.btn.resaBorder:hover {
    color: #c3422f;
	border:1px solid #fff;
}
.btn.resaBorder2 {
    text-decoration: none;
    font-size: 1.2rem;line-height:1.8rem;
    padding: 15px 25px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
  margin-top:50px;
text-transform: uppercase;
    color: #fff;letter-spacing: 0.1em;
	border:0px solid #fff;
	word-wrap: break-word!important;
    white-space: normal;min-width:200px;font-weight:700;
	    background: rgb(22, 176, 241);
    background: linear-gradient(180deg, rgba(22, 176, 241, 1) 50%, rgba(14, 144, 199, 1) 100%);
}
.btn.resaBorder2:hover {
   /* color: #f49406;*/
	color: #92918c;
	border:0px solid #fff;
}
.btn.resaBorder2.tarif {margin-top:0px;}
.mt {
  margin-top: 20px;
}
.btn.resa{border-radius:0px 0px 0px 0px;}
.btn.resa i {
    font-size: 2em;
    margin-top: -7px;
    margin-bottom: -7px;
    display: inline-block;
    vertical-align: -5px;
    padding: 0 !important;margin-right:-10px;
}

.small {
  width: 120px;
}

.medium {
  width: 160px;
}

.large {
  width: 230px;
}

.extra-large {
  width: 360px;
}

.diagonal {
  position: relative;
  line-height: 50px;
  background: #92918c;
  color: white;
 border:1px solid #fff;
  font-weight: bold;
  font-family: 'century-gothic', 'Open Sans', sans-serif;
  overflow: hidden;
  z-index: 1;
  padding: 0px;
}
.diagonal:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500%;
  height: 1000%;
  background:rgba(255,255,255,0.50);
  z-index: -1;
  transform-origin: 0% 0%;
  transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
  /transform: translateY(10%) translateX(16%) rotate(-45deg);
  transition: transform .3s;
}
.diagonal:hover::after {
  transform: translateY(10%) translateX(-25px) rotate(-45deg);
}
.btn .resaNews, .blocTexte .btn.resa {margin-top:0px;}
.btn.resaM{background: #e05a0a;width:100%}
.btn.resaJ{background: #fcbd32;}
.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.resaJ:hover, .btn.resaK:hover, .btn.resaE:hover, .btn.resaL:hover {
/*background: #085294;*/
    background: #c3422f;
color:#fff;border:1px solid #fff;
}
.rdv .btn.resa{ background: #c3422f;
color:#fff;border:1px solid #c3422f;}
.rdv .btn.resa:hover{ background: #92918c;
color:#fff;border:1px solid #ffffff;}
.horaires{padding-top:30px;}
.pagination {
    margin: 30px auto!important;
    display: block;
}
.paginationDescription a, .paginationDescription a:link, .paginationDescription a:visited{color:#92918c;font-size:1.3rem}
.paginationDescription a:hover{color:#f49406}
.paginationDescription a i{font-size:2.0em}
.paginationDescription .prev {text-align: left}
.paginationDescription .middle {text-align: center}
.paginationDescription .next {text-align: right}

.paginationDescription .middle a i{transform: rotate(-45deg);display: block;}

.fondbleu a.produits p {color:#fcbd32;}
.fondbleu a.produits span {display:block;color:#fcbd32;font-size:0.8em;line-height:1.2em;margin-top:-15px;}
.fondbleu a.produits:hover span {color:#ffffff; -webkit-transition: all 0.3s;transition: all 0.3s;}
.fondbleu a.produits img {padding:2px;background: #fcbd32;}
.fondbleu a.produits:hover p {color:#fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.fondbleu a.produits:hover img {opacity:0.8;-webkit-transition: all 0.3s;transition: all 0.3s;background: #ffffff;}

.responsive{width:100%;height:auto;}


.fondN {
    background: rgba(255,255,255,0.0);
	padding:50px 20px;
}
.fondN h2{text-align: left}
.fondA {
    background:  url(../images/fond_alpha.png), url(../img/Cabinet-Moreau-economie-ingenierie-batiment-4.jpg);
	background-size:  auto, cover;
		background-position:  center top, center center;
		background-repeat: repeat, no-repeat; 
	
}
.fondN1 {
    background: rgba(255,255,255,0.85) url(../img/fond1.png);
	/*background-size:  cover;*/
		background-position:  center top;
		background-repeat: no-repeat; 
	
}
.fondG {
    background: #92918c url(../img/fond1b.png);
	/*background-size:  cover;*/
		background-position:  center top;
		background-repeat: no-repeat; 
	
}
.fondB {
    background: #fff url(../img/fond1bleu.png);
	/*background-size:  cover;*/
		background-position:  center top;
		background-repeat: no-repeat; 
	
}
/*---------------------------SWIPER-----------------------------*/
.swiper-slide img{width:100%;height:auto;}
.swiper-container {
		width: 100%;
			
			background-color: none;
	/*background: url(../img/bas-page-11.jpg);
		background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;*/
		
		width:100%; min-height: 209px; display:block; position: relative
    }
.swiper-wrapperAAA, .swiper-container{max-height:100vh!important;overflow:hidden;align-items: center;
  justify-content: center;display:flex;background:#92918c;}
.swiper-container h1, .swiper-container h2, .swiper-slide h2 {
    /* color: #61b9ab; */
    font-size: 2.2rem!important; 
    font-weight:400;    
    letter-spacing: 0.1rem!important;
    text-align: center; /*text-shadow: 2px 2px 2px #333;*/
	margin-left:auto;margin-right:auto;
	border-top: 0px solid #000;
    border-bottom: 0px solid #000;font-family: "ff-market-web", sans-serif;
	padding-top:15px;padding-bottom:10px;color:#000;
}
.swiper-container.merci h1, .swiper-container.merci h2, #nain.swiper-slide h2 {
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
    padding-top: 0px;font-family: "ff-market-web", sans-serif;
    padding-bottom: 0px;
}
.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 3.0rem;
    line-height: 3.0rem!important;
    font-family: 'century-gothic', sans-serif!important;
    letter-spacing: 0.0rem;
    color:#000; color:#000;/*text-shadow: 2px 2px 2px #333;*/text-shadow: none;
    letter-spacing: 0rem!important;display: block;margin-bottom: 10px;font-weight:700;
}
.swiper-container h3, .swiper-slide h3 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem; 
    font-family: 'century-gothic', 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: 'century-gothic', sans-serif!important;
    letter-spacing: 0.0rem;
    text-transform: none!important;
    letter-spacing: 0rem!important;display: block;margin-bottom: 15px;
}
.swiper-container.merci {
		width: 100%;
     /*background: url(../img/bg22.jpg);
			
		background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;*/
		width:100%; min-height: 260px; display:block; position: relative;z-index: 0!important;top:-1px;margin-bottom:-1px;
    }
    .swiper-slide {background: #fff;
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		/*justify-content: start;
		background: transparent!important;
		 align-items: center;
  justify-content: center;
		*/		
		
    }
/*************slides index*************/
.swiper-slide.slideA {
    background: url(../verins-pneumatiques/type-a/verin-pneumatique-TYPE-A-1.jpg);
}
.swiper-slide.slideB {
    background: url(../verins-pneumatiques/type-b/verin-pneumatique-TYPE-B-1.jpg);
}
.swiper-slide.slideC {
    background: url(../verins-pneumatiques/type-c/verin-pneumatique-TYPE-C-1.jpg);
}
.swiper-slide.slideD {
    background: url(../verins-pneumatiques/type-d/verin-pneumatique-TYPE-D-1.jpg);
}
.swiper-slide.slideE {
    background: url(../verins-pneumatiques/type-e/verin-pneumatique-TYPE-E-1.jpg);
}
.swiper-slide.slideF {
    background: url(../verins-pneumatiques/type-f/verin-pneumatique-TYPE-F-1.jpg);
}
.swiper-slide.slideG {
    background: url(../verins-pneumatiques/type-g/verin-pneumatique-TYPE-G-1.jpg);
}
.swiper-slide.slideH {
    background: url(../verins-pneumatiques/type-h/verin-pneumatique-TYPE-H-1.jpg);
}
.swiper-slide.slideI {
    background: url(../verins-pneumatiques/type-i/verin-pneumatique-TYPE-I-1.jpg);
}
.swiper-slide.slideJ {
    background: url(../verins-pneumatiques/type-j/verin-pneumatique-TYPE-J-1.jpg);
}
.swiper-slide.slideDTL {
    background: url(../verins-pneumatiques/type-dtl/verin-pneumatique-TYPE-DTL-1.jpg);
}
.swiper-slide.slideDO11 {
    background: url(../verins-pneumatiques/type-do11/verin-pneumatique-TYPE-DO11-1.jpg);
}
.swiper-slide.slideINDEXAGE {
    background: url(../verins-pneumatiques/type-indexage/verin-pneumatique-TYPE-IDEXAGE-1.jpg);
}
.swiper-slide.slidePRESSE {
    background: url(../verins-pneumatiques/type-presse/verin-pneumatique-TYPE-PRESSE-1.jpg);
}
.swiper-slide.slideDETECTION {
    background: url(../verins-pneumatiques/type-detection/kit-detection-3d-1.jpg);
}
.swiper-slide.slideSURPRESSEUR {
    background: url(../verin-surpresseur/verin-surpresseur-GEP17-1.jpg);
}


.swiper-slide.slide1 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-1bid.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 	
}


.swiper-slide.slide2 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-2.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
#nain .swiper-slide.slide2 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-2.jpg);
	background-size:  auto, cover;
		background-position:  top left, bottom center!important;
		background-repeat: repeat, no-repeat; 
}


.swiper-slide.slide3 {    
	background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-3.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;	
}
.swiper-slide.slide4 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-4.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide5 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-5.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide6 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-6.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide6bis {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-6.jpg);
	background-size:  auto, cover;
		background-position:  top left, bottom center!important;
		background-repeat: repeat, no-repeat;
}

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


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

.swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3,  .swiper-slide.slide3bis, .swiper-slide.slide3quad, .swiper-slide.slide4, .swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide6bis, .swiper-slide.slide7, .swiper-slide.slide8,  .swiper-slide.slide9,  .swiper-slide.slide10,  .swiper-slide.slide11, .swiper-slide.slide12, .swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15, .swiper-slide.slide16, .swiper-slide.slide17, .swiper-slide.slide18, .swiper-slide.slide19, .swiper-slide.slide20, .swiper-slide.slide21, .swiper-slide.slide22, .swiper-slide.slide23, .swiper-slide.slide24, .swiper-slide.slide25, .swiper-slide.slide26, .swiper-slide.slide27, .swiper-slide.slide28, .swiper-slide.slide29, .swiper-slide.slide30, .swiper-slide.slide31, .swiper-slide.slide32, .swiper-slide.slide33, .swiper-slide.slide34, .swiper-slide.slide35, .swiper-slide.slide36, .swiper-slide.slide37, .swiper-slide.slide38, .swiper-slide.slide39, .swiper-slide.slide40, .swiper-slide.slide41, .swiper-slide.slide42, .swiper-slide.slide43, .swiper-slide.slide44, .swiper-slide.slide45{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 80vh;	}
.swiper-slide.slideA, .swiper-slide.slideSURPRESSEUR, .swiper-slide.slideB, .swiper-slide.slideC, .swiper-slide.slideD, .swiper-slide.slideE, .swiper-slide.slideF, .swiper-slide.slideG, .swiper-slide.slideH, .swiper-slide.slideI, .swiper-slide.slideJ, .swiper-slide.slideDTL, .swiper-slide.slideDO11, .swiper-slide.slideINDEXAGE, .swiper-slide.slidePRESSE, .swiper-slide.slideDETECTION {background-size:  contain;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 80vh;	}
 /*.swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 209px;	}*/
#nain .swiper-slide.slide1, #nain  .swiper-slide.slide2, #nain  .swiper-slide.slide3, #nain .swiper-slide.slide3bis, #nain  .swiper-slide.slide4, #nain .swiper-slide.slide5, #nain .swiper-slide.slide6, #nain .swiper-slide.slide7, #nain .swiper-slide.slide8,  #nain .swiper-slide.slide9, #nain .swiper-slide.slide10, #nain .swiper-slide.slide11, #nain .swiper-slide.slide12, #nain .swiper-slide.slide13, #nain .swiper-slide.slide14, #nain .swiper-slide.slide15, #nain .swiper-slide.slide16, #nain .swiper-slide.slide17, #nain .swiper-slide.slide18, #nain .swiper-slide.slide19, #nain .swiper-slide.slide20, #nain .swiper-slide.slide21, #nain .swiper-slide.slide22{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 400px;	}
/*
#nain .swiper-slide.slide2{    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-15.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
}
#nain .swiper-slide.slide3 {
 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-16.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
	
}
#nain .swiper-slide.slide4 {
    
	 background: url(../images/fond_alpha.png), url(../img/Cabinet-Moreau-economie-ingenierie-batiment-6.jpg);
	background-size:  auto, cover;
		background-position:  top left, right -110px;
		background-repeat: repeat, no-repeat; 
	
}
#nain .swiper-slide.slide5 {
    
	 background: url(../images/fond_alpha.png), url(../img/Cabinet-Moreau-economie-ingenierie-batiment-7.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
	
}
#nain .swiper-slide.slide6 {
    
	 background: url(../images/fond_alpha.png), url(../img/Cabinet-Moreau-economie-ingenierie-batiment-8.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat; 
	
}*/
.swiper-slide.slide7 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-7.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide8 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-8.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide9 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-9.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide10 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-10.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
#nain .swiper-slide.slide10 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-10.jpg);
	background-size:  auto, cover;
		background-position:  top left, top -200px center!important;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide11 {    
	 background: url(../images/fond_alpha5a.png), url(../img/1.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide12 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-13.jpg);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide13 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-14.jpg);
	background-size:  auto, cover;
		background-position:  top left, top -100px center!important;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide14 {    
	 background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-15.webp);
	background-size:  auto, cover;
		background-position:  top left, center center;
		background-repeat: repeat, no-repeat;
}
.swiper-slide.slide15 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-15bis.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide16 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-16bis.jpg);
	background-size:  cover;
		background-position:  bottom center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide17 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-17bis.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide18 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-18bis.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide19 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-19bis.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide20 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-20.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide21 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-21.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide22 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-22.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide23 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-23.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide24 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-24.jpg);
	background-size:  cover;
		background-position:  top -80px center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide25 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-25.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide26 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-26.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide27 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-27.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide28 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-28bis.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide29 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-29bis.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide30 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-30.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide31 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-31.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide32 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-32.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide33 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-33.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide34 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-34.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide35 {    
	  background: url(../img/menuiserie-alu-pvc-bois-poitou-travaux-fabrication-pose--amenagements-poitiers-vienne-35.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide36 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-61.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide37 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-62.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide38 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-63.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide39 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-64.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide40 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-65.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide41 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-66.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide42 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-67.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide43 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-68.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
.swiper-slide.slide44 {    
	  background: url(../img/camping-naturiste-la-palmyre-royan-charente-maritime-le-Petit-Dauphin-69.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 	
}
/************************/

/*****LINK******/
/*****LINK*******/
.gamme .activites .paddingLink h3::after {
    margin-bottom: 10px;
    margin-bottom: 10px;
    font-size: 8rem;
    top: -1px;
    bottom: 10px;
    margin-top: -25px;
    /* line-height: 0rem; */
}
.gamme .activites .paddingLink h3{color:#fff;line-height:1.5rem;font-weight:300;font-size: 0.9rem;letter-spacing: 0.05rem;text-transform: uppercase;margin-bottom:20px;text-align: left;font-family: century-gothic, sans-serif;}
.gamme .activites .paddingLink h3 span{font-weight: 700;font-size:1.7rem;display:block;line-height: 1.9rem;margin-top:5px;text-transform: none;}
.gamme .activites .paddingLink p i{font-size:2.0rem; color: #fff;}
.gamme .activites .paddingLink p {margin-bottom:0px;}
.paddingLink{padding-right: 0px!important;
    padding-left: 0px!important;background: rgba(255,255,255,0.80);margin-bottom:20px}
.gamme .activites .paddingLink a.link figcaption {padding: 15px 9px 25px 20px;/*transform: rotate(-3deg)*/border-radius: 0% 20px 0% 0%;}

 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);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);

	}

a.link figcaption {display:block;background: #f49406;position:absolute;bottom:-70px;padding:20px 10px 20px 10px;width:75%;min-width: 285px;transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;}
a.link:hover figcaption {background: #92918c;bottom:0px;}
a.link.int figcaption {display:block;background: #f49406;}
a.link.int:hover figcaption {display:block;background: #222;}

a.link figcaption h4 {color: #00a1b6; font-family: "raleway", 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: "raleway", sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;}
/************************/
.rowG {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  /*padding: 4px 4px;*/padding: 0px 0px;max-width:1200px;margin:0px auto 50px auto;background: #978585;background: #fff;
	 box-sizing: border-box;
}

/* Create four equal columns that sits next to each other */


.column img, .column2 img, .column3 img, .column4 img {
  margin: auto;
  vertical-align: middle;
  width: 100%!important;height:100%!important;/*padding:4px;*/padding:0px;overflow: hidden; box-sizing: border-box;
}
	.column img.deux {
height:102%!important;
}


	.column, .column2, .column3, .column4 { min-height: 100%;
   display: flex;
   flex-direction: column;}

  .column {
    -ms-flex: 33.34%;
    flex: 33.34%;
    max-width: 33.34%;
	  box-sizing: border-box;padding:0%;
  }
  .column2 {
    -ms-flex: 66.00%;
    flex: 66.00%;
    max-width: 66.00%;
	  box-sizing: border-box;padding:0%;
  }
	.column4 {
    -ms-flex: 33.34%;
    flex: 33.34%;
    max-width: 33.34%;
	  box-sizing: border-box;padding:0%;
  }
.column4 a.link{
    height: 99.25%!important;
  }
	 .column3 {
    -ms-flex: 66.00%;
    flex: 66.00%;
    max-width: 66.00%;
	  box-sizing: border-box;padding:0%;
  }
.rowG a.link img {/*padding-right:4px;*/padding-right:0px;}
.rowG + .rowG{margin:-55px auto 50px auto;}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, .column2, .column3, .column4 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

/***********************/
.imgbas1 img, .imgbas2 img, .imgbas3 img, .imgbas4 img, .imgbas5 img{width:100%;height:auto}
.imgbas1, .imgbas2, .imgbas3, .imgbas4, .imgbas5 {display:block;position: relative;}
 .imgbas1 h2,  .imgbas2 h2,  .imgbas3 h2, .imgbas4 h2, .imgbas5 h2 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem;
    font-family: 'century-gothic', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2rem!important;
    background: rgba(0,0,0,0.00);
    padding: 30px 30px 30px 30px;
    text-align: center;
	 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 */
	 width:100%;
}
.imgbas1 h2 span, .imgbas2 h2 span, .imgbas3 h2 span, .imgbas4 h2 span, .imgbas5 h2 span {
    font-size: 3.9rem;
    line-height: 4.0rem!important;
    font-family: 'century-gothic', sans-serif!important;
    letter-spacing: 0.0rem;
    text-transform: none!important;
    letter-spacing: 0rem!important;
    display: block;
	margin-bottom: 15px;}
@media (max-width: 767px) {
	.swiper-slide.slide13 {
    background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-14.jpg);
    background-size: auto, cover;
    background-position: top left, top 0px center !important;
    background-repeat: repeat, no-repeat;
}
	#nain .swiper-slide.slide10 {
    background: url(../images/fond_alpha5a.png), url(../img/menuiserie-alu-pvc-lmj-portails-automatismes-installateur-royan-10.jpg);
    background-size: auto, cover;
    background-position: top left, top 0px center !important;
    background-repeat: repeat, no-repeat;
}
	.carte {padding-top: 20px;}


.container {
    width: 100%;
    max-width: 100%;
}
#gallery {
    padding-left: 0px;
    padding-right: 0px;
}
	.rowG {
    padding: 0px 15px;
}
.titreProjetsbis h1, .titreProjetsbis h2 {
    text-align: right;padding-left:70px;
}


	}

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

    .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 i{font-size: 5rem;color: #000;text-shadow: none;display:block;position:relative;margin:-20px auto 0px auto;}

		.swiper-slide .blocTexte {


    min-width: 320px;
				margin-left:auto!important;	margin-right:auto!important;
			background: rgba(146,145,140,0.50)!important;
			padding:15px 40px 15px 40px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		 align-items: center;
  justify-content: center;	
			
    }
.swiper-slide .blocTexte2 {
			width:100%;
			min-width: 320px;height: 450px;
    margin-left: auto!important;
    margin-right: auto!important;
			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 {
 margin-top:20px;padding: 10px 15px;
		
    }
.swiper-slide .blocTexte .btn i {
font-size:2rem;vertical-align: -5px;margin-right: 5px;
		
    }
.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:#ffffff;
		text-shadow: 0 2px 5px #666666;
		
		font-family: 'century-gothic', 'Verveine', sans-serif!important;
    }
    .swiper-slide .subtitle {margin-top:10px;
        font-size: 1.5rem;
		line-height: 1.5rem;
		text-align: left;
		font-family: 'century-gothic', 'Lato', sans-serif;
		color:#fff!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(191,154,83,0.60)!important;
  opacity: 1.0;
	vertical-align: middle!important;
	font-size:1.0rem!important;
			line-height: 25px;
			color:#fff!important;
			border-radius:0%;
			/*border:3px solid #fff;*/
}
.swiper-pagination.jeux {
  margin-bottom:-50px;
}


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

.swiper-button-prev,
.swiper-button-next {
	background-color: transparent;padding:30px 25px!important;
	bottom:0%!important;top:50%;
} 
.swiper-button-next {
 right:0px
}
.swiper-button-prev{left:0px;}
.fond-section-blanche {background: rgba(255,255,255,0.80);}
.fond-section-blanche2 {background: rgba(255,255,255,0.50);}
.fond-section-noir {background:rgba(0,0,0,0.8)}


.cinq {
		/*background: url(../img/bgd-orange-gris.png);
		background: url(../img/bgd-1848-alpha.png);*/

	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 100vh; min-height: 100vh; display:block; position: relative;
		overflow: hidden;
	}

.mentions {
		background: rgba(0,0,0,0.70);
		
		
		width:100%;max-width: 970px; height: auto; display:block; position: relative;
		padding:100px 30px;
	margin:0 auto;
	}
.mentions a{
		color:#ccc;
	font-size:1.5em;text-decoration: underline;line-height: 1.5em;
	}
.colorJaune{color: #4f83b1!important}
.colorRose {color:#bb1883;}
.colorBleu {color:#2ea5ad;}
.colorBlanc {color:#fff!important;}
.colorBronze {color:#8d6f4c!important;}
.colorBleuClair{color:#61b9ab}
.colorVert {color:#c7d40c;}
.colorOrange {color:#e05a0a;}
.colorGris {color:#cccccc;}
.colorGrisFonce {color:#333333!important;}

.colorrose{ color:#d4124a!important;}

.colorDroles{ color:#e24a84!important;}
.colorvert{ color:#bbc109;}
.colorbleu{ color:#1d6eb9!important;}
.colororange{ color:#de670f!important;}
 .colorbeige{ color:#ab9c8f!important;}

.bgd1bis{ background:#0278b0; color:#fff;}
.bgd2bis{ background:#0296b0; color:#fff;}
.bgd3bis{ background:#269e8f; color:#fff;}
.bgd4bis{ background:#4ba76e; color:#fff;}
.bgd5bis{ background:#86b439; color:#fff;}
.bgd6bis{ background:#a7bc1b; color:#fff;}
.bgd7bis{ background:#bbc109; color:#fff;}
.bgd8bis{ background:#77ae5b; color:#fff;}


label{color:#000;font-weight: 700;display:none}
::placeholder {
  color: #92918c!important;font-weight: 300;text-align: left!important;font-size:0.8rem;letter-spacing: 0.05rem;
}
.mapContact{padding-right:40px;height: 590px;overflow: hidden;position:relative;}
.mapContact iframe{border:2px solid #f49406;width:100%;height:600px; margin-top: -54px;}
.mapContact:before{content:"";position:absolute;display:block;width:100%;height:2px;background:#f49406;top:0px;left:0px;}
.mapContact:after{content:"";position:absolute;display:block;width:40px;height:10px;background:#fff;top:0px;right:0px;}
.formulaire h3 {
    font-size: 2.5rem;
    font-weight: 400;
}
.formulaire h4 {color:#f49406;
    font-size: 2.0rem;
    font-weight: 400;
}
input#Email::placeholder, input#Email2::placeholder {
  color: #fff!important;font-weight: 300;text-align: center!important;
}
input, select {border:1px solid #ccc!important;padding:8px 10px;width: 99%!important;margin-bottom:15px!important;}

input#Email {border: none!important;border-bottom:0px solid #999999!important;padding:5px 10px;width: auto!important;margin-bottom:5px!important;text-align: center!important;height:48px;}
input#Email2 {border: none!important;border-bottom:0px solid #999999!important;padding:5px 10px;width: auto!important;margin-bottom:5px!important;text-align: center!important;height:39px;border-radius:5px;background: #fff;}
.form-group {
   display:inline-block;
}
.iframeNews{border: none;width: 100%;max-width:380px;height: 64px;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:#fff!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; }

.bgdOrange {background:#fd4f00!important;}
.dottedNoir{border-top:8px dotted #999;
border-bottom:8px dotted #999;}
textarea{width: 99%!important;border:1px solid #ccc!important;padding:5px 10px;text-align: center;min-height:217px;margin-bottom:15px;}

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

/*#bas*/
#bas {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 100; padding:0px 15px 0px 15px;margin-bottom:0px; font-family: 'century-gothic', Arial, sans-serif;}

#bas ul { list-style-type : none; margin:10px 0 auto 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{ color : #ffffff;}
#bas .adresse{padding-left:35px;}
#bas .adresse p{ color : #ffffff;text-align: left;display:block;}
#bas .adresse p:first-of-type{text-transform: uppercase;font-size:0.9rem;font-weight: 700;letter-spacing: 0.1em;margin-top:5px;}
#bas img.marker {max-width:50px; height:auto; width:100%;display:block;float:left;padding-bottom: 50px;
    margin-right: 15px;margin-left:15px;}
#bas img.logofooter {    height: auto; max-width: 100%; margin-bottom: 25px;}
#bas .contactez img{max-height:200px; width:auto;margin:15px;}

@media screen and (max-width: 1200px) {
	#bas .contactez img {width: 85%;max-width: 250px;height:auto;}
}

/*#bas .borderR:after{content:"";width:1px;height:140px;background: #fff;display:block;position:absolute;right:0px;top:-10px;}*/
#bas .adresse a:link, #bas .adresse a:visited,#bas .adresse a:active{font-size:1.1em;color:#fff;text-transform: none;font-weight:300;padding-bottom:5px;padding-top:10px;display:block;}
#bas .adresse a:hover{color:#ddd}
#bas .adresse a.tel{font-size:1.3rem;}
#bas .contactez{background: #fff;text-align: center;}
#bas .adresse{background: #c3422f;}
#bas .contactez a:link, #bas .contactez a:visited,#bas .contactez a:active{font-size:1.2em;color:#fff}
#bas .contactez a i{font-size:1.5em;vertical-align: -5px;margin-left: 5px;}
#bas .contactez a:hover{color:#999}
#bas .adresse a i{ font-size: 1.8rem;margin: 0px 10px 0px 0px;padding-bottom: 0px;display: inline-block;float: left;}
#bas .contactez a.resaBorder.btn {font-size:1.0em;}
#bas .contactez a.resaBorder.btn:hover {color:#f49406;border-color:#f49406; }

.trianglenom {
        position: absolute;top: 0;left: 0px;width: 0px;height: 0px;border-style: solid;border-width: 350px 100px 0 0;
    border-color: #92918c transparent transparent transparent;}
.triangleadresse {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 350px 100px;
    z-index: 1;
    border-color: transparent transparent #c3422f transparent;
    position: absolute;
    top: 0px;
    right: 0px;display:block;
}
.mention{z-index:200;background: #fff;margin-bottom:-16px;}
.borderR.G , .contactez, .adresse{padding-top:30px;padding-bottom:20px;}
.borderR.G{padding-left:30px;padding-right:30px;}
.adresse{padding-right:15px;}

/*footer*/
footer {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 100; padding:0px 0px 0px 0px;margin-bottom:0px; font-family: 'century-gothic', Arial, sans-serif;background: #92918c;overflow:hidden;}

footer ul { list-style-type : none; padding: 30px 15px; width:100%; display:block;text-align: center;}
footer ul li {padding : 0 20px;display:inline-block;}
footer ul li a{color : #119bd6; font-size:0.9rem; text-transform : none; height : 20px; display : block; line-height : 20px;text-decoration: none; 	-webkit-transition: all 0.5s; 
    transition: all 0.5s;    letter-spacing: 0.0em;	 }
footer ul li.reseaux{padding : 0 5px 0 0px; }
footer ul li a:hover {color : #f49406;}
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;}


#tubular-container {top:0;}

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

.tampon{height:450px;}

.btn {display: block; height: auto; text-decoration: none!important;}
.btn-secondary {border-radius:0px; padding:0; display:inline-block;}
.btn-form{background: #92918c;border-radius:0;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05em;padding:15px 50px;cursor:pointer;}
.btn-form:hover{background: #f49406!important;border:1px solid #f49406;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    /*color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff;*/
	color:#92918c;margin-bottom:20px;margin-right:20px;border:2px solid #92918c;
	background: #fff;border-radius:0;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05em;padding:15px 20px;
	/*-webkit-box-shadow:inset 0 -3px 5px 0 rgba(0,0,0,0.3);
box-shadow:inset 0 -3px 5px 0 rgba(0,0,0,0.3);*/
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /*color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff;background: #f49406;*/
	color:#fff;margin-bottom:20px;border:2px solid #92918c;
	background: #92918c;border-radius:0;text-transform: uppercase;font-weight: 700;letter-spacing: 0.05em;padding:15px 20px;/*-webkit-box-shadow:inset 0 0px 0px 0 #92918c;
box-shadow:inset 0 0px 0px 0 #92918c;*/
}

.btn-secondary{font-family: 'century-gothic', Arial, sans-serif; text-transform: uppercase;text-decoration: none!important; width:100%;letter-spacing: 0.2em; padding:11px 20px;color:#fff;font-weight: 300; font-size:0.8em;display: inline-block;width:auto; background:#f49406;}


a:hover .btn-secondary  {background:#7f7f7d; color:#fff; -webkit-transition: all 0.5s; 
    transition: all 0.5s; text-decoration: none!important;}
a.noDecoration {text-decoration: none!important;}

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

h7{  font-family: 'century-gothic', sans-serif; font-size:1.5em; line-height:0.9em;  }
.centrage {  text-align : center; margin:0 auto;position: relative;width: 100%;}
.centrageNews{  text-align : center; margin:0 auto;position: relative;width: 100%;max-width:500px;}
.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 */}
.bgdbleu{ background:#2ea5ad;}
.bgdvert{ background:#bbc109;   color:#fff;}
.bgdvert:hover{ background:#fff; color:#92918c; 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;}

.arMoutarde {background: #4f83b1!important}
.arRose {background: #f5b2e8!important}
.arKaki {background: #909555!important}
.arVert {background: #69a200!important}
.arMarron {background: #ba4a08!important}
.arFushia {background: #ed046d!important}
.arBleu {background: #2ea5ad!important}
.arOrange {background: #e05a0a!important}
.carre{ background:#437a75; border:0px solid #d4124a; color:#ffffff; margin:1px 0px 0px 0px;
border:0px solid #d4124a; padding-top:15px; padding-bottom:0px;  }

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



/*--------------------------------- partie FR---------------------------- */

.ligne2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 10%;
    background-color: #222222;
    height: 1px;	
}
	
	





/*******************************************MEDIA QUERRIES********************************/
/*@media (max-width:1600px) {
#menu .navbar ul li.prixemplacments {display: none;}
	#menu .navbar ul li a.dropdown-item#ongletTarifsEmplacements{display:block;}
}*/
/*
@media (max-width:1480px) {
.RS {bottom: 70px;}
	.RS i {color: #119bd6;}
	.fixNavigation .RS {display:none;}
}*//*
@media (max-width:1366px) {
	#menu .navbar ul li a {padding: 0 20px;}
.titreProjetster {
    padding-left: 240px;}
}
@media (max-width:1360px) {
	#menu .navbar ul li.offrespeciale{display:none;}
	#menu .navbar ul {right: auto;left:auto;transform: translateX(0%);}
	.bandeau {padding: 5px 30px 0px 388px;}
}*/

@media (max-width:1350px) {
/*.leLogo {width: 520px;}*/
	.cadre5bis {min-height:230px;}
	
}
@media (max-width:1250px) {
	.trianglenom, .triangleadresse {display:none;}
	.borderR.G {padding-left: 20px;}
	#bas .adresse {padding-left: 20px;padding-right: 10px;}
	
/*..bandeau h2 {display:none;}
	leLogo {width: 550px;background-size: contain !important;background-position: left center !important;}*/

}/*
@media (max-width: 1170px) {
	#menu .navbar ul li a {padding: 0 5px;}
	.baseline h2 {
    letter-spacing: 0.0rem;
}
	.baseline h2 span {
    letter-spacing: 0.165rem!important;

}

	.baseline {
    left: 110px;
}
}*/

@media (max-width: 1140px) {
.leLogo {width: 135px;top: -77px;}
	#menu .navbar ul li:last-of-type {display:none}
	#horizonmenuiserie {top: -76px;max-width: 150px;}
	.fixNavigation #horizonmenuiserie {top: -54px;}
	.bandeau h2{padding-left: 160px;}
	#horizonmenuiserie{right: 3px;}
	#menu .navbar ul li a {padding: 0 20px}
}

@media (max-width: 1016px) {
		 
	section.googleMap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important ;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
	height:auto;
	border-top:10px solid #aa7d50;
	background: rgba(255,255,255,1.00);
    }


.info {background:#ffffff url(../images/fond-footer2.png)no-repeat ;
	background-position: left 0px top 15px;
padding-top: 30px; padding-bottom: 30px;}
	 
	
}
@media (max-width: 1010px) {
    #menu .navbar ul li a {padding: 0 15px;}
   }


@media (max-width: 991px) {
	.bandeau{display:block;}
	.bandeau.retirer{display:none;}
	.dropdown-menu {width:100%;}
	.agence ul {padding-left: 30px;padding-right: 20px;width: 100%;margin-top: 30px;}
	.premierp{margin-top:0px;}
	#menu .navbar ul li.prixemplacments {display: block;}
	/*#menu .navbar ul li a.dropdown-item#ongletTarifsEmplacements{display:block;}*/
	.premiere{text-align:center; margin:5px auto 20px auto;}
	.deuxieme{text-align:center; margin:5px auto 0px auto;}

	#menu .navbar ul li.offrespeciale{display:block;}
	#menu .navbar ul li #ongletOffres span{display:inline-block;}
	#menu.fixNavigation { height: 66px;}
	leLogo.petitleLogo {top: 0px;}
	menu .navbar ul {top: 70px;}
	.grid {
    /* background: #EEE; */
    max-width: 1200px;
    max-width: 990px;
    max-width: 1320px;
    margin: 0 auto;
    /* position: relative !important; */
    width: 650px !important;
    /*background: red;*/
}
	/*.voletfacebook{z-index: 1500; position: fixed; margin: 0px 0px 0px; left: -290px; top: 120px; width: 340px;-webkit-transition: left 0.5s; 
    transition: left 0.5s;}

.voletfacebook a{cursor: pointer;}
.voletfacebook.voletfacebookopen{z-index: 1500; position: fixed; margin: 0px 0px 0px; left: 0px!important; top: 120px; width: 340px;
-webkit-transition: left 0.5s; 
    transition: left 0.5s;
}
#voletfacebook.voletfacebookopen2{ margin-top: -302px!important; 

}

	#slogan2 {
    padding-top: 2px;
}*/


	#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:#151515!important;border-bottom:0px solid #151515;background: #fff!important;/*text-shadow: 0px 0px 15px #000!important;*/ }


	#face.face2{position: fixed;top:70px;}
	

	.wrapper{
  top: 20%; 
 
}
   /* .bandeau h2 span span{display:none;}*/
	.leLogo {width: 114px;top: -77px;}
	#horizonmenuiserie {right:3px;top: -63px;max-width: 117px;}
	.leLogo {width: 93px;top: -65px;}
	.bandeau h2 {padding-left: 138px;}
	.bandeau h2 span {font-size: 0.9rem;}
	.bandeau h2 em {
    font-size: 1.1rem;padding: 0px 20px 3px 25px;margin-top: -5px;}

/* .leLogo span {display:none;}
 .leLogo {
   position: absolute;
	 top:25px;left:75px!important;
    margin: 0;
    width: 180px;
    height: auto;
overflow: hidden;
}	
.leLogo img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 0px 0px black);
    -webkit-filter: drop-shadow(0px 0px 0px black);

}
	.leLogo {
    position: absolute;
    top: 2px;
    left: 38px;
}*/
	
/*	
.dropdown-menu {display:none!important;}
	.dropdown-toggle::after {display: none;}*/
	#menu .navbar ul li .dropdown-menu a.dropdown-item{text-align: right!important;width: 100%;color: #666 !important;
        padding-right: 15px;}
	#menu .navbar ul li .dropdown-menu{padding: 0px 20px 0px 20px !important;}

#menu .navbar ul { width:100%;height : auto!important; list-style-type : none; text-align: center; background: rgba(255,255,255,1.00);top:60px;margin-top: 0px!important;z-index:-1;
	}	


	#menu .navbar ul li a, #menu .navbar ul li a:hover{text-align:left!important; border-bottom:0px solid #fff; }	




	/*#menu .navbar ul  {background : #f49406;}*/
	#menu.fixNavigation .navbar ul  {top : 66px;}
#menu .navbar ul li, #menu .navbar ul li a, #menu .navbar ul li a:hover {color:#151515!important;font-size: 0.8rem;text-align: right!important;display:block;}
	#menu .navbar ul li a{
		color:#151515!important;
    height: 50px;
   line-height: 50px;margin-left:0px;margin-right:20px;
    position: relative;
}
	#menu .navbar ul li a, #menu .navbar ul li a:hover{border-bottom: 0px solid #151515;}
		#menu .navbar ul li .dropdown-menu a{
		color:#151515!important;margin-left:0px;margin-right:0px;
		padding-left:0px!important;
			height: 40px!important;
   line-height: 40px!important;text-align: right;text-transform: none;
  border-bottom: 0px solid #151515;
}
	#menu .navbar ul li .dropdown-menu a{color:#666;}
	#menu .navbar ul li .dropdown-menu a:hover{border-bottom: 0px solid #151515!important;}
	#menu.fixNavigation .navbar ul li a {
    line-height: auto;
}
	#menu .navbar ul li a#ongletDevis {
    width: 160px;
    margin-left: auto;
    margin-bottom: 15px;
}
.navbar-toggler {
	margin-top: 7px;
     align-self: flex-end;  
}
#menu.fixNavigation 	.navbar-toggler {
	margin-top: 4px;
}


		.flecheDownCalage {
    bottom: 210px!important;}

	
	#menu.fixNavigation .navbar ul li a{
    line-height: 45px;
}
	#menu .navbar ul {
    overflow: auto!important;

}
	#slogan2 {
    width: 160px;
    right: auto;
    left: 180px;
    text-align: left;
    padding-left: 0;
}/*
.leLogo {
    position: absolute;
    width: 85px;
    top: -5px;
    left: 0px;
}*/


	.baseline {
    top: 7px;
    left: 85px;
}


	button.navbar-toggler.collapsed .navbar-toggler-icon i {font-size: 3.2rem;top: -1px;right: 6px;}
	button.navbar-toggler .navbar-toggler-icon i {font-size: 3.2rem;top: 2px;right: 8px;}
	button.navbar-toggler {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;width: 60px;height: 60px !important;
    top: 0px;right: 15px;}
	.leLogo.petitleLogo {top: 0px;width: 97px;}
    .fixNavigation #horizonmenuiserie {display: none;}
	.btn.resa { margin-left: auto;margin-right: auto;position: relative;display: block;width: 200px;}
	section h2 {padding-bottom: 15px;}
	.rdv h5 {font-size: 1.5rem !important;line-height: 1.9rem !important;}
	/*#bas .contactez img {max-width: 85%;}*/
}

@media (max-width: 920px) {
#bas p img {
    max-width: 220px;
    height: auto;
    width: 100%;
}

}
@media (max-width: 900px) {
    .bandeau h2 span span {display:none;}
	.bandeau h2 span {padding: 10px 0px;}
	}

@media (max-width: 880px) {
		/*.bandeau ul li:last-child{display:none;}*/
	#slogan2 ul li {
    display: block;
     width: 337px;
    margin-left: auto;
    text-align: left;
}


	
}
@media (max-width: 825px) {
.pageGalerie .grid2 {width:100%; display:block; position: relative;height:17500px;}
	.swiper-slide .blocTexte {max-width: 100%;}
}

.actusDesktop{display:block;}
.actusMobile{display:none;}

@media (max-width: 767px) {
	.triangleD {right:236px;}
	.bandeau ul li a em{display:none;}
	.videoindex {padding: 0 0%;margin-top: 0px;text-align: center;margin-bottom: -14px;}
	.cadre5bis {min-height: 200px;}
	#bas .contactez{text-align:center;padding-top:30px;}
	#bas .adresse a i {float: none;}
	#bas h3 br{display:none!important;}
	#bas h3 {text-align:center;}
	.containerparallax .parallax {background-position: right -160px center !important;}
	.cadre5bis { margin: 20px 0px 10px 0px;}
	.cadre5bis h3 {text-align: center !important;}
	.cadre5bis h3 img {position: relative;margin: 5px auto;}
	.fondN {
    padding: 100px 0px;
}
	.navbar-toggleable-md .navbar-nav .dropdown-menu {width: 100%;}
    .dropdown-menu h3 {font-size: 1.4rem;
    padding-left: 0px;padding-right:30px;
    margin: 10px 0px 5px auto;
    color: #000!important;
    text-align: right;
}
	    #menu .navbar ul li .dropdown-menu a.dropdown-item {
       text-transform: uppercase;
    }
	#menu .navbar ul li .dropdown-menu a{border-bottom: 0px solid #151515;}

	/*.dropdown-toggle::after{display:none}
	    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        display: none;
    }*/
	/*.navbar-toggler-icon i {top: -5px;right: -5px;}*/
	.titreProjetster {margin-top: 10px;margin-bottom: 20px;padding-left: 0px;}
		/*#menu.fixNavigation{position:relative!important;}*/
#trait.fixTrait{position:relative!important;}
	
	.paginationDescription a, .paginationDescription a:link, .paginationDescription a:visited {
    border-bottom: 1px solid #151515;width: 100%;display: block;padding: 8px;
}
	.paginationDescription .middle {order: -1;}
	.paginationDescription .middle a {padding-bottom:30px;;}
	.paginationDescription .next {text-align: center;}
	.paginationDescription .prev {text-align: center;}
	.paginationDescription .next i{float:right;margin-left: -50px;}
	.paginationDescription .prev i{float:left;margin-right: -50px;}
	.paginationDescription a i {font-size: 2.0em;line-height: 0;margin-top: -5px;}
	.titreProjets h2 {margin-left: 115px;margin-bottom: 50px;}
	.actusDesktop{display:none;}
	.actusMobile{display:block;}
	.row.formulaire {
    flex-direction: column-reverse!important;}
	.row.formulaire form {margin-bottom:80px;}
	.mapContact {padding-right: 0px;}
	.btn-form {margin-left: auto;margin-right: auto;}

	/*#bas .borderR:after{content:"";width:100%;height:1px;background: #fff;display:block;position:relative;right:0px;top:auto;bottom:-20px;margin-bottom: 30px;margin-top: 20px;}
	#bas .borderR{text-align:center;}
	#bas img.marker {
    max-width: 50px;
    height: auto;
    width: 100%;
    display: block;
    float: none;
    padding-bottom: 50px;
    margin-right: 15px;
    margin-left: 15px;
    position: absolute;
}*/
	
	label{color:#92918c;font-weight: 700;display:block}
::placeholder {
  color: #f49406!important;font-weight: 300;text-align: left!important;
}
input#Email::placeholder, input#Email2::placeholder {
  color: #f49406!important;font-weight: 300;text-align: center!important;
}
	
	#nain .swiper-slide.slide14 {
    background-size: auto, cover;
    background-position: top left, center center;
}
#nain .swiper-slide.slide3 {
	background-size:  auto, cover;
		background-position:  top left, center center;
}
#nain .swiper-slide.slide4 {
background-size:  auto, cover;
		background-position:  top left, center right;
		background-repeat: repeat, no-repeat; 
	
}
	#nain .swiper-slide.slide9 {
background-size:  auto, cover;
		background-position:  top left, center center;	
}
/*	#nain .swiper-slide.slide12 {
background-size:  auto, cover;
		background-position:  top left, center center;
	
}*/
	
	
	
			.picto {
       margin: -80px auto 15px auto!important;
}
	#bas .coordonneesbas h2 {
    text-align: center!important;
    margin-bottom: 0px!important;
    max-width: 100%;
    margin: 0 auto 10px auto!important;
}
	.boxbas {
    justify-content: center;
}
/*	.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 2.7rem;
    line-height: 2.5rem!important;
}*/
	#bas h2 {
    margin-top: 20px;text-align: center;
}
	#bas p img {
    max-width: 140px;
    height: auto;
    width: 100%;
}
	#bas .coordonneesbas {
    text-align: center!important;

}
	#bas p {
    margin: 0 auto;
    text-align: center!important;
}
	.actu h3{margin-top:30px;}
	.carre4bis.M img, .carre4bis.S img, .carre4bis.K img {
    margin: -35px auto -20px auto;
}
	.galerie img{margin-bottom:10px;}

	ul.description {
    padding-top: 35px;
    padding-left: 0px;
}
	.fond-section-blanche {		
		background: #ffffff url(../images/fond-footer2.png)!important;
		
	}
	.push-1{left:0!important;}
	

.wrapperG {
    max-width: 1200px;
    max-width: 1200px;
    width: 100%;
    position: relative;
    margin: 0px auto!important;
    display: block;padding-right:15px;padding-left:15px;
}
	.wrapper {
    max-width: 800px;
    width: 100%;
    position: relative;
    margin: 0px auto!important;
}
/*	#video {
   
    padding-top: 0px;
    padding-bottom: 0px;
    border-top:30px solid #4f83b1;border-bottom:30px solid #4f83b1;
}*/

	/*div {margin-left:0px!important;margin-right:0px!important;}*/
	
/*	.swiper-slide .blocTexte {
    width: 35%;
    min-width: 320px;
    margin-left: auto!important;
    margin-right: auto!important;
    align-items: center;
    justify-content: center;
}*/


}
@media (max-width: 800px) {
	.bandeau ul li a em {display: none;}
	.coordonnees h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.coordonnees {
    padding: 20px 30px 0px 20px;

}
	.coordonnees .sociaux {
    top: 6px;

}
	/*.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
        display: inline-block!important; }*/
	.fancybox-infobar__body {vertical-align: -13px;}
}
@media (max-width: 750px){
	.rdv {padding: 30px 30px;}
	.nav-item.ordi, .nav-item.ordi{display:none!important}
.nav-item.iphone, .nav-item.iphone{display:block!important;}
/*.bandeau ul li:first-child{display:none;}*/
	}
@media (max-width: 720px){
	#bateau img {
    width: 165px;
}
	#instit img {
    width: 160px;
}
#slogan2 {
    padding-top: 2px;
    text-align: right;
    padding-right: 5px;
}
	

}


    

@media (orientation: landscape) and (max-width : 767px){
	.fixNavigation{

 position: relative!important;

 }

}
@media (max-width: 680px) {
	.videoindex {padding: 0 0%;margin-top: 0px;text-align: center;margin-bottom: -14px;}
	
	.deuxTailles .item {
    width: 100%;
}
/*	li, td, ul, p {
    text-align: left!important;
}*/

	form table td {display:block!important}
	/*.leLogo { width:144px;margin: -40px auto 0 auto; }*/
	section#texte h2{padding-left:20px;padding-right:20px;}
			.flecheDownCalage {
    bottom: 180px!important;}
	footer { position : relative; }
	
	#coord {
		
	background: url(../img/repeat.png) repeat-x;
	
	    width:100%; display:block; position: relative;
padding-top:40px;padding-bottom:40px;
		/*margin-top: 200px;*/
	}

	.wrapperC{
   max-width: 960px;
    width: 100%;
    position: relative;    
margin:0px auto!important;
    display: block;}
}

@media (max-width: 665px) {
	.faceb {
    width: 43px;
    background: url(../img/Official-Facebook-Logo-2.png) no-repeat 0% 0%;
    position: absolute;
    top: 40px;
}
.swiper-slide .blocTexte {
    padding: 20px 25px;
}
	.picto2 {
    margin: 0px auto 15px auto!important;
}

	#bas h2 {
    font-size: 1.8em;
    font-family: 'century-gothic', sans-serif;
    text-align: center;
}
		#bas h2 span {
font-family: 'century-gothic', sans-serif!important;font-style: italic!important;
}
	.embed-responsive {
    margin-bottom: 15px;
}
.grid figure.effect-bubba img {
	
	right: 0px!important;
}

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

}

	.paddingT50B50 {
    padding: 20px 0px 20px 0px!important;
}
	.paddingT30B30 {
    padding: 15px 0px!important;
}
section h2 {
    font-size: 2.0rem;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

	#bas p img {
    margin-bottom: 20px;
}

	.containerparallax h2 {
    font-size: 2.5rem;
    padding: 50px 20px 20px 20px;

}
}
@media (max-width: 655px) {
	.containerparallax h3 {padding: 0px 0px;}
	.triangleD{display:none;}

}
@media (max-width: 650px) {

	.swiper-button-prev, .swiper-button-next {bottom:50px!important;top:auto;}
	section.agence.project {
    padding: 0px 0px 100px 0px;
}
	.cadre5{padding:10px 30px 15px 30px;}

	section h2, section h1.h2{padding-bottom:10px;}
	.agence ul {padding-left: 20px;}

	#slide.transparent {background: transparent;top:0px;margin-bottom:0px;}
/*	section.agence {
    background: #f49406 url(../img/fond-degrade-vert.png);
    background-position: center 120%;
    background-repeat: repeat-x;
    text-align: center;
    padding: 80px 0px 80px 0px;
}*/
		.ar1, .ar2, .ar3, .ar4, .ar5 {background: #fff;	}
	
	.slidedernier{display:none;}
.voletfacebook, .voletfacebook.voletfacebookopen {
   /* z-index: 150;
    position: absolute;
    margin: -200px 0px 0px;
    left: -291px;
    top: 50%;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;*/
	top:130px;
}
	
/*	.cadre5bis {
    min-height: 195px;
}
*/
	.un h1 span, .fond1 h1 span {
		line-height: 2.5rem!important;}
		.cadre5 { min-height:auto;}
}
@media (max-width: 620px) {
	.bandeau ul li a.te.book{display:none;}
}
@media (max-width: 600px) {
	
.grid {
        margin: 0 auto;
        /* position: relative !important; */
        width: 320px !important;
    
    }
	.grid-item {
    margin-bottom: 30px;
}
	/*.leLogo h2 em, .leLogo h2 strong {display: none;}
	.leLogo {height: 80px;}
	.leLogo h2 span {margin-bottom: 0px;}
	.leLogo h2{padding-top: 10px;padding-left: 5px;}*/
	    .fondN {padding: 30px 0px;}
	section  .titreProjetster.temoin h2 span, section  .titreProjetster.temoin h1.h2 span {margin-bottom: -30px;}
section  .titreProjetster h2, section .titreProjetster h1.h2 {font-size: 1.6rem !important;}
	.projets {width: 48%;}

}
/*
@media (max-width: 590px) {
	.RS {bottom: 16px;width: 115px;right: 100px;}
	.RS i {color: #fff;}
	    .bandeau {padding: 8px 20px 0px 160px;}
	.leLogo img {max-width: 90px;}
.leLogo h2 em {font-size: 1.2rem;margin-bottom: -23px;}
	.leLogo h2 {font-size: 1.5rem;line-height: 1.3rem;}
	.leLogo {width: 130px;height: 130px;top:-57px;left:5px;}
	.leLogo.petitleLogo {left:10px;}

}*/

@media (max-width: 580px) {
	.carte iframe {height: 400px;}	  

	#bas .adresse {
    padding-left: 15px;
}

	.containerparallax h2 {font-size: 2rem;}
	.paddingB150 {padding-bottom: 60px!important;}
	.titreProjets .triangle {
    border-width: 0 70px 120px 0;
    border-color: transparent #f49406 transparent transparent;
}
	.titreProjets h1 {margin-top: -115px;margin-left: 90px;}
	.titreProjets h2 {margin-left: 73px;margin-bottom: 50px;}
	
	.tampon{height:50px;}

.cadre5bis li:last-of-type{display: block; position: relative!important; bottom:0px;}
	#galerie img {
    margin: 5px auto!important;
}
 #video {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%;
		background: url(../images/fond_alpha8bis.png), url(../img/fond-saviboat-bateaux-electriques-base-de-loisirs-nautique.jpg);	
		background-size: auto, cover;
		background-position: center  center, center  center;
		background-repeat: repeat, no-repeat;
	position:relative;
	background-attachment: fixed;
	overflow-x: hidden;
		
	}

	.btn.resa {margin-top: 10px;margin-bottom: 10px;}
}	
	
@media (max-width: 560px) {
	.containerparallax h3 {	font-size: 2.0rem;}
	/*.bandeau ul li:last-of-type{display:none;}
	.bandeau ul {padding: 10px 10px 0px 14px;}*/
	.containerparallax h3 span {font-size: 2.8rem;}
	.containerparallax#special h2, .containerparallax#special h2 span {font-size:1.5rem;}
	
	.pageGalerie .grid2 {width:100%; display:block; position: relative;height:34800px;}

}
@media (max-width: 550px) {
	
	#bas .contactez img {max-height: 150px;}
	.cadre5bis {padding: 20px 23px 30px 23px;margin: 10px auto 10px auto;}
	section h2 span, section h1.h2 span {font-size: 1.8rem;}
	section h2, section h1.h2 {font-size: 1.5rem !important;}
	.swiper-container h1, .swiper-container h2, .swiper-slide h2{letter-spacing: 0em!important;}
	.swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span{font-size:2.5rem;line-height:2.8rem!important;}
	.paddingB150 .container {padding-right:0px;padding-left:0px;}
	.btn.resaBorder2 {
    font-size: 1.0rem;
    line-height: 1.8rem;
    padding: 15px 25px;
    margin-top: 10px;
    letter-spacing: 0.1em;
}
	.agence .btn.resaBorder2 {
    margin-top: 40px;

}
	.actualite p, .equipe p {
    padding-right: 0px;
}
	p {
    text-align: left;

}
	
	#bas ul li {
    float: none;
    height: 20px;
    padding: 0 20px;
    text-align: center;
}
	.swiper-slide .blocTexte {padding-left:0px; padding-right:0px;}
	#video h2{padding-left:20px;padding-right:20px;}
	#video{max-height:500px;}
	.faceb {
    height: 45px;
    width: 45px;
    background: url(../img/Official-Facebook-Logo-2.png) no-repeat 0% 0%;
    top: 35px;
}
	
	.modal-body{padding-top:0px;}
	.modal-content {padding: 10px 0px;}
	#slogan2 {
    width: auto;
    right: 0px;
}
	#bas h2 {
    font-size: 1.7em;
	}
	
.baseline {
    display:none;
}
	.coordonnees h2 {display:none;}
	.coordonnees .sociaux {
    position: relative;display: block;top: 0px;right: 0px;width:100%;height: 50px;z-index: 1000;
		text-align:center;
}
	.coordonnees {
    padding: 5px 30px 5px 30px;
}
	.coordonnees .sociaux i{font-size:2.5rem;}
.wrapperRelatif{max-width:970px; width:100%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto!important;padding-left:20px;padding-right:20px;
	
}
	.rdv {padding: 30px 15px;}
	.rdv h5 {font-size: 1.3rem !important;line-height: 2.0rem !important;}
	#bas h3 {font-size: 1.1em;}
}
@media (max-width: 510px) {
	#horizonmenuiserie {right: 90px;top: 0px;}
.bandeau ul li:last-of-type, .bandeau ul li, .bandeau ul li a.book, .bandeau ul li a{display:inline-block;}
	.bandeau ul li span{display:none;}
	.bandeau ul li a.te.book {display: inline-block; }
	.rdv.temoin p {padding: 30px 25px;margin: 10px 0px;}
	.rdv p.pch {text-align: center;}
	.rdv p.rge {text-align: center;}
	.rdv p img {margin-top: 0px;max-width: 200px;}
	.rdv p.pch img {margin-top: 0px;max-width: 180px;}
	    .cadre5bis {min-height: 180px;max-width: 220px;}
	.borderR.G {padding-top: 10px;}
	section.agence h3 {font-size: 2.0rem;}/*
@media (max-width: 500px) {
#menu .navbar ul li a span{display:inline-block;} 
	.bandeau ul li a.book {display:none;}
	.bandeau ul li a{display:block;padding: 0px 0px 5px 0px;}
	.bandeau ul {right: 10px;}*/
	}


@media (max-width: 450px) {
	.agence ul.cadre5ter {padding: 25px 20px 20px 25px;}
	
	.swiper-slide .blocTexte{min-width:100px;}
	
	#menu .navbar ul li a {margin-right: 2px;}
	    .voletfacebook.voletfacebookopen { top: 130px;}

	.RS {width: 70px;background: transparent;}
	.trianglebis{display:none;}

		/*.swiper-slide.slide1 {background-position:  left -500px center;}
.swiper-slide.slide2 {background-position:  right -300px center;}*/

	    
/*.containerparallax h3 {font-size: 2.8rem;line-height: 2.5rem;}*/
	.wrapperAgence {padding-top: 20px;}

/*	section.agence.fond .row {
    background: rgba(255, 255, 255, 0.50);
    padding: 30px 10px;
    margin-bottom: 50px;
}*/
	#bas h3.aveclogo {
    text-align: center;
    border-right: 0px solid #f49406;
    display: block;
    width: 100%;
}/*
#bas p img, #bas img {
    display: block;
    text-align: center;
    margin: -18px auto 10px auto;
}*/
	.boxbas {
    display: block;
    align-items: center;
    justify-content: center;
}
	
	ul.inscription h4 {
    margin-left: -20px;
    margin-right: -20px;
}
	ul.inscription, parcours {
    padding: 0px 20px 25px 20px;

}
	


.baseline {top: 7px;left: 85px;width: 180px;}
	.baseline h2 span{display:none}
	#slogan2 i{display:none;}
	#slogan2 {width: 100%;right: 0px;left: 0px;margin-bottom:0px;padding: 0px 20px;}
	#slogan2 ul li{display: inline-block;width:auto;}
	#slogan2 ul li:nth-of-type(3){display:none;}
	
	.flecheDownCalage {
    bottom: 190px!important;}
	
	.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0px;
      margin-top: 0px;
 
}

	.wrapperRelatif {width: 100%;}
	.modalprojet h2 {padding: 0 10px;font-size: 1.2rem !important;}
	.fancybox-caption-wrap {padding: 0px 60px 0 10px;text-align: left;z-index: 9999;}
	.fancybox-button--close {margin: 12px;top: -86vh;}
	#menu.fixNavigation .navbar ul, #menu .navbar ul {padding-top: 30px; padding-bottom: 30px;webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);}
	.agence ul {padding-left: 10px;padding-right:0px;}

	
}
@media (max-width: 400px) {
    .bandeau h2 em {font-size: 0.9rem;}
	}