/* Font */
@font-face {font-family: "Walkway";src: url('font/Walkway-rounded.ttf');}
h5{font-variant:small-caps;}
p{text-align: justify;}
h3, h5{background:linear-gradient(transparent, transparent, transparent, transparent, transparent, transparent,transparent,transparent, transparent,transparent,transparent,transparent, transparent,transparent, transparent,transparent, transparent,transparent,transparent,transparent, transparent,transparent,transparent,transparent, #f7a717,transparent,transparent,transparent,transparent, transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent);}
h3 span, h5 span{background:#fff; padding-right: 5px;}
body{background: url(../img/fond_site.jpg) no-repeat;}

/* Diapo Orbit */
.orbit-previous, .orbit-next{font-size: 35px;}
.orbit-caption{visibility: hidden;transition:all .7s;}
.orbit-container:hover .orbit-caption{visibility: visible;}

/* Template */
.top-bar,.top-bar-right ul {background: transparent;}
.dropdown menu{background: white;}
.top-bar-right ul li{padding-top:5%;}
.menu a{color:#5c5b5a; font-size: 100%;}
.menu a:hover{color:#f77016;}
.logo {max-width: 31%; height: auto; padding-top:30px; }
.realisation, .chantier, .projet {padding-bottom: 130px;}
footer {margin-top: 130px;}
.trait {background: transparent; border-color : #f7a717; border-width: 0 0 1px; border-style: solid; margin-bottom: 90px;margin-top: -10px;}
.traitfooter {background: transparent; border-color: #f7a717; border-width: 0 0 1px; border-style: solid;}
.diapo {padding-bottom: 130px;}
.texte-intro{margin-left: -15px;}
.img-intro{margin-right: -15px;}
.pied{padding-top: 30px; padding-bottom: 30px;}
.active a{color : #F7A716;}
.copy{font-size: 80%;color:gray;}
.clear{clear:both}
.logofooter{margin-top: 5px; margin-left: -25px;}
.bla{color : black;
      background-color:#F7A716;
      max-height: 150px; }

/* Agence */
.agence_thumb{margin-bottom: 20px;}
.menu-3{margin-top: 130px;}
.agence{width: 100%; height: 100%;}
.image_equipe{margin-bottom: 50px;}

/* Références */
.filterControls {margin-left: 35px;}
.filterControls li{list-style: none; margin-left: -10px; width: 200px; margin-right: 45px; display: inline-block;}
.info_ref{height: 100%; position: absolute;left: 0;background: rgba(250,250,250,.7);width:100%;opacity: 0;transition:all .5s;z-index: 2;padding : 10px;}
.info_ref h6{text-align: center;margin-top: 45%;}
.title{margin-bottom:25px;text-align: center;font-size: 18pt; color: #cf8d43}
.contents{border-top: solid 0.5px #b9b098;border-bottom: solid 0.5px #b9b098;font-size: 14px;padding-top: 10px; color:#b9b098;}
.imagepres{width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: auto 300px;
    background-position: center;
	margin-bottom: 50px;}
.wrapper:hover .info_ref{bottom:0;opacity: 1;}
.wrapper .bg_post{height: 25px;left: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 1;transition:all .5s;}
.wrapper:hover .bg_post{opacity: 0;}
.image{position:relative;overflow:hidden;padding-bottom:100%;}
.image img{position:absolute;}
.thumb{margin-left: 0px;}
.thumb li{list-style: none; display: inline-block; width: 129px; overflow: hidden;margin-bottom: 15px;}

.legend {height: 40px;margin-top: 12px;}
.miniature {
    width: 115px;
    height: 115px;
    background-size: auto 200px;
    background-position: center;
    display: inline-block;
    

}
.retour{padding-bottom:25px;}
.retour2{margin-left:50px; }

/* Actualités */
.actu_image{margin-bottom: 100px;
margin-left: 0.9375rem;}
.image_actu{margin-left: 15px; margin-right: 20px; width: 25%; vertical-align:top; float:left;}
.content_actu{display: inline-block;margin-left: 15px;}

/* Moyen */
.image_moyen{margin-right: 20px; width: 25%; vertical-align: top; float: left;}
.moyen{margin-left: 15px; margin-bottom: 50px;}


.grid {position: relative;}
.item.muuri-dragging, .item.muuri-releasing {z-index: 2;}
.item.muuri-hidden {z-index: 0;}
.item-content {position: relative; width: 100%; height: 100%;}
.fonction{font-size: small;font-style: italic;}
#toggle{height:auto; background:#eee; border:1px solid #900; margin:1em;text-align:center}

/*ref Slider*/
#wrapper{width:1100px;height:700px;position:relative;left:-50px;}
#slider-wrap{width:1000px;height:700px;position:relative;overflow:hidden;left:50px;}
#slider-wrap ul#slider{width:100%;height:100%;position:absolute;top:0;left:0;}
#slider-wrap ul#slider li{left:-20px;list-style:none;float:left;position:relative;width:1000px;height:700px;}
#slider-wrap ul#slider li img{max-height:700px; max-width: 100%; margin-left: auto; margin-right: auto;margin-top: 0vh; /* poussé de la moitié de hauteur de viewport */transform: translateY(-0%); /* tiré de la moitié de sa propre hauteur */}
.btns{position:absolute;width:50px;height:60px;top:45%; line-height:57px; text-align:center;cursor:pointer;	z-index:100;}
#next{right:0px;}
#previous{left:0px;}
#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*LIGHTBOX*/


/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}


/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */
.container-1 {
  max-width: 1170px;
  width: 100%;

  margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.container-1 .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container-1 .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}



.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:1;display:none;z-index:1050}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:1060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:1060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}



/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}

h4{
  font-weight: bold;
  text-transform: capitalize;
  font-size: 18px;
}

.desc_moyens{
  margin-top: -15px;
}