@font-face {
    font-family: 'TekoBold';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoBold.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoBold.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoBold.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoBold.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoBold.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoBold.svg#TekoBold') format('svg');
}
@font-face {
    font-family: 'TekoLight';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoLight.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoLight.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoLight.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoLight.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoLight.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoLight.svg#TekoLight') format('svg');
}

@font-face {
    font-family: 'OswaldMedium';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldMedium.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldMedium.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldMedium.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldMedium.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldMedium.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldMedium.svg#OswaldMedium') format('svg');
}
@font-face {
    font-family: 'YsabeauRegular';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauRegular.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauRegular.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauRegular.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauRegular.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauRegular.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauRegular.svg#YsabeauRegular') format('svg');
}
@font-face {
    font-family: 'YsabeauMedium';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauMedium.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauMedium.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauMedium.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauMedium.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauMedium.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauMedium.svg#YsabeauMedium') format('svg');
}
@font-face {
    font-family: 'YsabeauBold';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauBold.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauBold.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauBold.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauBold.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauBold.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauBold.svg#YsabeauBold') format('svg');
}
@font-face {
    font-family: 'YsabeauLight';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauLight.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauLight.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauLight.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauLight.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauLight.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauLight.svg#YsabeauLight') format('svg');
}

@font-face {
    font-family: 'YsabeauExtraBold';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauExtraBold.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauExtraBold.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauExtraBold.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauExtraBold.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauExtraBold.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/YsabeauExtraBold.svg#YsabeauExtraBold') format('svg');
}

@font-face {
    font-family: 'OswaldBold';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldBold.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldBold.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldBold.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldBold.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldBold.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldBold.svg#OswaldBold') format('svg');
}
@font-face {
    font-family: 'TekoMedium';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoMedium.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoMedium.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoMedium.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoMedium.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoMedium.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoMedium.svg#TekoMedium') format('svg');
}
@font-face {
    font-family: 'OswaldRegular';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldRegular.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldRegular.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldRegular.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldRegular.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldRegular.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldRegular.svg#OswaldRegular') format('svg');
}
@font-face {
    font-family: 'TekoRegular';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoRegular.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoRegular.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoRegular.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoRegular.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoRegular.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/TekoRegular.svg#TekoRegular') format('svg');
}
@font-face {
    font-family: 'OswaldLight';
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldLight.eot');
    src: url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldLight.eot') format('embedded-opentype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldLight.woff2') format('woff2'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldLight.woff') format('woff'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldLight.ttf') format('truetype'),
         url('https://www.rmtoitureetferronnerie.be/smarty/wireframe20/media/fonts/OswaldLight.svg#OswaldLight') format('svg');
}

body {
background:#252525;
    color: #d9d9d9;  font-family: 'YsabeauLight';
    font-size: 16px;
    line-height: 22px;
}
a {
    color: #fff;
    text-decoration: underline;
    transition: all .4s;
 
}
a:active, a:hover, a:focus {
  color: #fff;
    text-decoration: none;
}
 

.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
 .container{    width: 1315px!important;position: relative;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.1em;
       text-transform:uppercase;
 font-family: 'OswaldMedium';
    letter-spacing:0em;
    text-shadow: none;
	font-weight:normal;
}

h1, .h1{
font-size: 35px;
    color: #fff;


}
h2, .h2{
    font-size: 27px;
    color: #cbcbcb;

}
h3, .h3{
    font-size: 18px;

	color:#fff;
	
	
}
h4, .h4{
    font-size: 17px;
	color:#cbcbcb;
	  

}
h5, .h5{
    font-size: 16px;
	color:#fff;

	
}
h6, .h6{
    font-size: 15px;
	color:#cbcbcb;


}

hr {
	border-color: #fff;
}
.h-top {
    position: absolute;
min-height:133px;
    width: 100%;
left:0px;
top:0;
}
.h-top .part-top{       display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0px 0px 0px 0px;}


.h-top .part-top .logo {
position: relative;
    z-index: 5;
    display: inline-block;
    pointer-events: auto;
    float: left;
    margin-top: 19px;

}
.h-top .part-top .logo img {
 padding-bottom:5px; 
}
.h-top .part-top .logo .facebookn{
 padding-left:30px; 
  float:right;
}

.h-top .part-top .cta1 {
    width: 187px;
    min-height: 17px;
    position: relative;
    margin-top: 47px;
    padding-left: 62px;
    background: url(../images/icon-cta.png) left 0px no-repeat;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #fff;
    font-family: 'TekoBold';
    line-height: 20px;
    position: relative;
    z-index: 5;
    display: block;
    min-height: 47px;
    padding-top: 4px;

}
.h-top .part-top .cta1 a{color:#fff; text-decoration:none;}
.h-top .part-top .cta1:hover a{ color:#a5a5a5;}


nav.main-nav  .bouton{  display:none;}
.is-sticky nav.main-nav  .bouton{      position: absolute;
    pointer-events: auto;
    width: 480px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0em;
    font-size: 20px;
    color: #fff;
    right: 15px;
    bottom: -48px;
font-family: 'YsabeauLight';
    z-index: 2;
    display: block;}
.is-sticky nav.main-nav .cta1{ display:none;}
.is-sticky nav.main-nav  .bouton a{ color:#fff; text-decoration:none;}


.is-sticky .bouton:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #252525;
z-index:-2;
border-radius: 28px;

}
.is-sticky .bouton:hover:before {
    opacity:0;
}

.is-sticky .bouton:after {
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    top: 0;
    bottom: 0;
    background:#656565;
    transition: width .3s;z-index:-1;
border-radius: 28px;

width:0;
}
.is-sticky .bouton:hover:after {
    width:100%;
}

.is-sticky .bouton:hover{ color:#fff; text-shadow:none;}

nav.main-nav {
    position: absolute;
    z-index: 15;
    top: 0px;
    width: 100%;
    height:180px;
    top: 133px;
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
    width: 100%;



 

}


.is-sticky nav.main-nav {
box-shadow:0px 0px 5px rgba(0,0,0,.35);
background:#000;      height: 80px;

}



nav.main-nav .mobile-nav {
    display: none;
    text-align: center;
    align-self: center;pointer-events: auto;
}
nav.main-nav .mobile-nav a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    line-height: 40px;
    font-size: 24px;
}
nav.main-nav .mobile-nav i.fa {
background: #474747;
  text-align: center;
  color: #fff;
  line-height: 40px;
  width: 43px;
  line-height: 40px;
  display: inline-block;
}

div#sticky-wrapper {
    position: absolute;
    width: 100%;
    top: 0px;
}


header.top {
    position: relative;
    height:600px;

	    width: 100%;
    z-index: unset;
box-shadow:0px 0px 21px rgba(0,0,0,0.65);float: left;



}
header.top:before{    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    content: '';
    background:url(../images/bg-slide.png) left top no-repeat;
    height: 100%;
    z-index: 3;
    pointer-events: none;}

header.top.big {
    height:921px;
}

header.top .banner {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0 auto;
    left: 0px;
    bottom: 0px;
    margin: 0 auto!important;
    width: 100%;

}
header.top .banner #slideshow {
 position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin-bottom:0px!important;
}

header.top  .container {
    position: relative;
	height:100%;
	pointer-events: none;
}



header.top .banner #slideshow {
position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index:inherit;
	margin-bottom: 0px !important;
}



section.banner.contact {
width: 100%;
    overflow: hidden;
    position: absolute;}
section.banner iframe {
	position: absolute;

	top: 0;
	bottom: 0;
	height: 100%;
	width: 200vw;
}

section.cta {
    position: absolute;
    bottom: 30%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: left;
    pointer-events: auto;
    z-index: 5;

}
header.top.small section.cta {

    bottom: 15%;}
section.cta a{ color:#fff; text-decoration:none;}


section.cta .content-cta h2{
    font-size: 49px;
    line-height: 49px;
    font-family: 'YsabeauExtraBold';
    letter-spacing: 0em;
    color: #fff;
    margin: 0px 0px 10px;
    text-transform: uppercase;
    pointer-events: auto;
    letter-spacing: -0em;}
section.cta .content-cta h6{
    font-size: 39px;
    letter-spacing: 0em;
    font-family: 'YsabeauExtraBold';
    color: #fff;
    margin: 0px 0px 25px;
    text-transform: uppercase;
    pointer-events: auto;}
section.cta .content-cta .bouton{        position: relative;
    pointer-events: auto;
   width: 480px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0em;
    font-size: 20px;
    color: #fff;
font-family: 'YsabeauLight';
    z-index: 2;box-shadow:0px 0px 21px rgba(0,0,0,0.65);border-radius: 28px;

    text-transform: none;}
section.cta .content-cta .bouton:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #252525;
z-index:-2;
border-radius: 28px;

}
section.cta .content-cta .bouton:hover:before {
    opacity:0;
}

section.cta .content-cta .bouton:after {
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    top: 0;
    bottom: 0;
    background:#676767;
    transition: width .3s;z-index:-1;
border-radius: 28px;

width:0;
}
section.cta .content-cta .bouton:hover:after {
    width:100%;
}

section.cta .content-cta .bouton:hover a{ color:#fff; text-shadow:none;}










section.home-content {
    position: relative;
    padding: 160px 0 80px 0px;
    min-height: auto;
    width: 100%;
    float: left;

}

.moretext {
  display: none;
}
a.moreless-button {
    cursor: pointer;
    position: relative;
    width: 168px;
    height: 49px;font-family: 'YsabeauBold';
    text-align: left;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0em;
    text-transform:uppercase;
    text-decoration: none;
      line-height: 49px;
    display: block;
    margin-top: 50px;
border-radius:28px;
padding-left:26px;


 

}
a.moreless-button:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
background:#000000;border-radius:28px;
z-index:-2;
}
a.moreless-button:hover:before {
background:#a5a5a5;
}
a.moreless-button:after {
    position: absolute;
    content: '';
    width: 24px;
    height: 12px;
    top: 19px;
    right: 25px;
    background: url(../images/fleche.png) no-repeat;
    transition: width .3s;
    z-index: -1;
}

a.moreless-button:hover{ color:#000;}
section.page-content {
    position: relative;
    padding: 70px 0 70px 0px;
    min-height: auto;    width: 100%;
    width: 100%;
    float: left;



}
.table-page  td{ padding:10px;}
.table-page tr:nth-child(n) {
    background: #eee;
}
.table-page tr:nth-child(2n) {
      background: #efe0d6;
}


article.content {
    position: relative;
 letter-spacing: 0.14em;
	    line-height: 22px;    width: 100%;
text-shadow: 0px 0px 0px #d9d9d9;

}


article.content a{ text-shadow:none;}
 article.content img
 {
    height: auto;
    max-width: 100%;
    outline: none;}

article.content img.img-contenu {display: table;float: right;max-width: 450px;height: 650px;object-fit: cover;margin: 0 0 30px 30px;}
div#photo-h {
float: right;
    margin: 0px 10px 0px 0px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    width: 100%;
    max-width:499px;
    position: relative;

}
div#photo-h img{ max-width: 100%;
  height: auto;}

a.btp_class img {
position: relative;
    border-radius: 0;
    width: 100%!important;
   

}
a#btp_id {
    position: absolute;
    text-align: center;
    width: 148px;
    height: 148px;
    left: 0px;
    top: 0px;
    z-index: 4;
background:rgba(255,255,255,0.84);
padding:22px 22px;


}

.contenu-h {
    float: left;
    max-width:57%;
    position: relative;
}




header.page-title {
    margin-bottom:40px;
    position: relative;
    text-align: left;
    position: relative;
    width: 100%;
    float: left;


}
header.page-title h1 {
    margin: 0px;
    text-align: left;
    position: relative;
    z-index: 1;
    padding-left: 28px;
}
header.page-title h1:before{ position:absolute; left:0px; top:0px; bottom:0px; width:11px; content:''; background:#fff;}
header.page-title h1 span:first-child{ position:relative;}


@keyframes preloader {
  100% { transform: scale(0.75); }
}

header.page-title h1 span.subtitle{
display: block;
  position: relative;
  margin-top: 6px;
  text-shadow: none;
  color: #cbcbcb;


}





header.page-title h5 {
    margin: 0;
}

header.page-title + h2 {
    margin-top: 0;
  
}
article.content p {
margin: 0 0 15px;
}


article.content ul {
    list-style: outside disc;
    margin-left: 0;
    padding-left: 20px;
}
article.content ul li {
    list-style: none;
    background: url(../images/list-icon01.png) no-repeat 0 4px;
    padding-left: 20px;
}
article.content ul ul li {
    background: url(../images/list-icon02.png) no-repeat 0 4px;
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #f2f2f2;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #ccc;
    padding: 2px 5px;
}
table td {padding: 10px 5px;}
table tr:nth-child(n) {
    background: rgba(255,255,255,0.1);
}
table tr:nth-child(2n) {
background: rgba(255,255,255,0.3);
}
article.content .news-footer {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #000;
    padding: 10px;color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
article.content .news-footer .news-share .addthis_toolbox {
    display: inline-block;
    vertical-align: middle;
}
article.content .news-footer .news-share .addthis_toolbox a {
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
}
article.content .news-footer .news-share .addthis_toolbox a::after {
  font-family: 'FontAwesome';
    font-weight: 400;
    color: #fff;
    background: #000;
    border-radius: 3px;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    transition: background .6s;
}
article.content .news-footer .news-share .addthis_toolbox a:hover:after {
    background: #cbcbcb;
color:#000;
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_facebook:after {
       content: "\f09a";
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_twitter:after {
    content: '\f099';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_linkedin:after {
    content: '\f0e1';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone_share:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_email:after {
  font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f0e0';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_pinterest_share:after {
    content: '\f231';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a span {
    display: none;
}
article.content .news-footer .news-back a {
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px 20px;
    text-align: center;
    display: block;
position:relative;
}
article.content .news-footer .news-back a:before {
    content: "";
    font-family: 'FontAwesome';
    height: 23px;
    width: 5px;
    top: 4px;
    font-size: 16px;
    position: absolute;
    left: 9px;
}
article.content .news-footer .news-back a:hover {
    background: #cbcbcb;
color:#000;
}

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

section.boxes {
    position: relative;
text-align: center;

    padding:50px 0px 0px;
 width: 100%;
    float: left;




}

section.boxes h2{ font-size:64px; color:#cbcbcb; margin:0px 0px 70px;}

section.boxes .titrh2{ color:#fff;}

section.boxes .boxes-grid {
padding: 0px 0px 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0px;
    position: relative;
    margin-top: 0px;    padding: 0px 28px 0px;


}

section.boxes .boxes-grid div[class*="box"] {
position: relative;
    padding-left: 0px;

    transform: translate3d(0,0px,0);
width: 100%;
    max-width: 404px;


top:0;
 transition: top  .4s;
	 
}
section.boxes .boxes-grid div[class*="box"] .img{     position: relative;
    width: 100%;
    height: 100%;
}
section.boxes .boxes-grid div[class*="box"] .img img{ position:relative; width:100%; height:100%; }








section.boxes .boxes-grid div[class*="box"] .img:before{  
background:rgba(0,0,0,0.3);opacity:1;z-index:1;
    position: absolute;
    content: '';
   top: 0;
    bottom: 0;
    left: 0;
    right: 0px;
}

section.boxes .boxes-grid div[class*="box"] .img:after{      position: absolute;
    content: '';

    width: 24px;z-index:1;
    right: 30px;
    bottom: 33px; transition: width .5s; height:12px; background:url(../images/fleche.png) no-repeat;}

section.boxes .boxes-grid div[class*="box"]:hover  .img:after {
    width:84px; height:84px; bottom:50%;
right:0px;
left:0px;
margin:0 auto;
background:url(../images/plus-h.png) no-repeat;
}


section.boxes .boxes-grid a{ text-decoration:none; }


section.boxes .boxes-grid div[class*="box"]  h3 {

    text-align: left;
    position: absolute;
    margin-top: 0px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 33px;
    color: #fff;
    letter-spacing: 0em;
    z-index: 6;
    left: 24px;
top:33px;


    
}


section.boxes .boxes-grid div[class*="box"]  h6{       position: absolute;
    /* height: 100%; */
    /* bottom: -94px; */
    left: 38px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .26em;
    font-size: 14px;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    text-decoration: none;
    transition: 0.3s ease;
    animation-name: side-btn;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    z-index: 5;
    text-align: center;
    transform-origin: 0 0;
    transform: rotate(180deg);
    font-family: 'OswaldLight';
    z-index: 6;
    /* top: 78%; */
    background-position: bottom;
    bottom: -206px;
  }


/****************************************************/
section.boxes2 {
    position: relative;
text-align: center;

    padding:80px 0px 80px;
margin-top:0px;
z-index:5;    width: 100%;
    float: left;




}

section.boxes2 h2{     font-size: 51px;
    color: #cbcbcb;
    margin: 0px 0px 0px;
    text-align: left;
    padding-bottom: 60px;}

section.boxes2 .titrh2{ color:#fff;}

section.boxes2 .boxes-grid {
padding: 0px 0px 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 169px;
    position: relative;
    margin-top: 0px;


}
section.boxes2 .content-h2{ position:relative;}
section.boxes2 .content-h2:before{position: absolute; left:0; bottom:0; height:4px; content:''; background:#4a4a4a;    width: 100%;}
section.boxes2 .boxes-grid:before{ position:absolute; left:0px; right:0px; margin:0 auto; top:0px; bottom:0px; width:4px; background:#4a4a4a; content:'';}
section.boxes2 .boxes-grid div[class*="box"] {
position: relative;
    padding-left: 0px;
    padding:0px 0px 0px 0px;
    transform: translate3d(0,0px,0);
width: 100%;
    max-width: 559px;


top:0;
 transition: top  .4s;
	 
}
section.boxes2 .boxes-grid div[class*="box"] .img{     position: relative;
    width: 100%;

}
section.boxes2 .boxes-grid div[class*="box"] .img img{ position:relative; width:100%; height:100%; }








section.boxes2 .boxes-grid div[class*="box"] .img:after{      position: absolute;
    content: '';

    width: 78px;z-index:1;
    right: 36px;
    bottom: -39px; transition: width .5s; height:78px; background:url(../images/plus-box2.png) no-repeat;}

section.boxes2 .boxes-grid div[class*="box"]:hover  .img:after {
background:url(../images/plus-box2-h.png) no-repeat;
}


section.boxes2 .boxes-grid a{ text-decoration:none; }


section.boxes2 .boxes-grid div[class*="box"]  h3 {

    text-align: left;
    position: relative;
    margin-top: 45px;
margin-bottom:30px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 29px;
    color: #fff;
    letter-spacing: 0em;
    z-index: 6;



    
}







section.realisation .holder{ display:none;}
section.realisation {
position: relative;
    padding: 0px 0px 60px;
    text-align: right;
    width: 100%;
    float: left;
overflow:hidden;


	
}
section.realisation .content-h2{position: relative;    width: 100%;}
section.realisation .content-h2:before{   position: absolute;
    left: -318px;
    bottom: 61px;
    height: 1px;
    content: '';
    background: #fff;

    right: 0;}


section.realisation h2 {
    font-size: 50px;
    line-height: 56px;
    color: #cbcbcb;
    margin: 0px 0px 60px;
    padding-left: 27px;
    text-align: right;
    position: relative;
    width: auto;
    display: inline-block;
    z-index: 2;
    background: #252525;
}
section.realisation p{ text-transform:uppercase;}

section.realisation  .titrh2{ color:#fff;display: block;}
section.realisation h2 a{ text-decoration:none;color: #cbcbcb;}
section.realisation h2 a:hover{color:#fff}
section.realisation h2 a:hover .titrh2{color:#cbcbcb}

section.realisation p{ text-transform:uppercase;}
section.realisation div#HomeImages {
    position: relative;
    min-height: 0 !important;
    padding: 0px 0px 0px;
    margin: 0px -161px 0px;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 5px;

}

section.realisation div#HomeImages .highslideContainer {
    position: relative;
    float: none;
    padding: 0px 0px 0px;
    opacity: 1 !important;
	padding: 0px 0px;	
}
section.realisation div#HomeImages .highslideContainer .highslide {
   display: block;
position: relative;

}
section.realisation div#HomeImages .highslideContainer .highslide::after {
display:none;
}
section.realisation div#HomeImages .highslideContainer .highslide:hover { opacity:1;}
section.realisation div#HomeImages .highslideContainer .highslide::before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0;
	background:url(../images/plus.png) center center no-repeat rgba(0,0,0,0.3)!important;
opacity:0;

	

}
section.realisation div#HomeImages .highslideContainer .highslide:hover::before{ opacity:1!important;		
}
section.realisation div#HomeImages .highslideContainer .highslide img {
    width: 100%;
    height:556px;

    object-fit: cover;
    object-position: center left;
    transition: object-position .6s;

}


/***************************************/
section.home-news{position:relative;padding:0px 0 112px;    width: 100%;
    float: left; text-align:left;}

section.home-news .content-h2{    position: relative;
    width: 100%;}
section.home-news .content-h2:before{position: absolute; left:0; bottom:0; height:4px; content:''; background:#454545;    width: 100%;}

section.home-news h2{
    margin: 0 0px 0px;
    padding-bottom: 60px;
    width: auto;
    display: inline-block;
    position: relative;
    font-size: 51px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0em;
    text-align: center;
    font-family: 'OswaldMedium';




}
section.home-news h2 a{ text-decoration:none; color:#fff;}
section.home-news h2 a:hover{ color:#767676;   }
section.home-news h2:hover{ color:#767676;   }

section.home-news #AllNews {
 display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 178px;
}
section.home-news #AllNews figure.Item {
    position: relative;
    margin: 0;
    text-align: left;


}

section.home-news #AllNews figure.Item .photo {
    display:none;
}


section.home-news #AllNews figure.Item figcaption {
    z-index: 10;
      padding: 0px 0px 45px;
color:#262626;
font-size:13px;
letter-spacing:0.08em;
line-height:25px;
}
section.home-news #AllNews figure.Item figcaption h3 {
    margin: 0 0 25px;
    font-size: 21px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fff;
    position: relative;
    min-height: 216px;
    padding-top: 120px;
    line-height: 24px;
    z-index: 1;

}
section.home-news #AllNews figure.Item figcaption h3:before {
    position: absolute;
    left: 0;
    top: 45px;
color:#767676;
font-size:85px;
text-align:left;
font-size: 85px;

}


section.home-news #AllNews figure.Item:nth-child(1) h3:before {
    content: '1';
}
section.home-news #AllNews figure.Item:nth-child(2) h3:before {
    content: '2';
}
section.home-news #AllNews figure.Item:nth-child(3) h3:before {
    content: '3';
}
section.home-news #AllNews figure.Item:nth-child(2):after{    position: absolute;
      left: -35px;

    margin: 0 auto;
    top: 0px;
    bottom: 0px;
    width: 4px;
    background: #4a4a4a;
    content: '';}
section.home-news #AllNews figure.Item:nth-child(3):after{    position: absolute;
    left: -35px;
    margin: 0 auto;
    top: 0px;
    bottom: 0px;
    width: 4px;
    background: #4a4a4a;
    content: '';}

section.home-news #AllNews figure.Item figcaption p {
    margin: 0;
    text-align: center!important;

}section.home-news #AllNews figure.Item:hover figcaption h3:before{ color:#fff;}
section.home-news #AllNews figure.Item figcaption a.button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;

    z-index: 1;    font-size: 0;
}
section.home-news #AllNews figure.Item figcaption .plus{     width: 24px;
    height: 12px;
    font-family: 'YsabeauBold';
    line-height: 29px;
    text-align: left;
    color: #fff;
    letter-spacing: 0.08em;
    font-size: 0px;
    margin-top: 50px;
    background: url(../images/fleche.png) no-repeat;
    position: relative;
    text-transform: uppercase;
    line-height: 12px;}

section.home-news #AllNews figure.Item:hover .plus{font-size:15px; background:url(../images/fleche.png) right center no-repeat; width:120px;}

/*********************************/
section.contactform {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
	
}


section.cta2{ position: relative;
padding:50px 0px;
    text-align: center;
    background:url(../images/bg-cta2.jpg) center center no-repeat;   z-index: 3;
background-size:cover;
    min-height: auto;

    width: 100%;
  text-align: center;

    z-index: 5;
    float: left;}

section.cta2:before{ position:absolute; left:0px; right:0px; top:0px; height:100%; content:''; background:rgba(0,0,0,0.5);}
section.cta2 a{ color:#fff; text-decoration:none;}


section.cta2 .bouton{        position: relative;
    pointer-events: auto;
   width: 480px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0em;
margin:0 auto;
    font-size: 20px;
    color: #fff;
font-family: 'YsabeauLight';
    z-index: 2;box-shadow:0px 0px 21px rgba(0,0,0,0.65);border-radius: 28px;

    text-transform: none;}
section.cta2 .bouton :before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #252525;
z-index:-2;
border-radius: 28px;

}
section.cta2 .bouton:hover:before {
    opacity:0;
}

section.cta2 .bouton:after {
    position: absolute;
    content: '';
    left: 0;
    width: 0;
    top: 0;
    bottom: 0;
    background:#676767;
    transition: width .3s;z-index:-1;
border-radius: 28px;

width:0;
}
section.cta2 .bouton:hover:after {
    width:100%;
}

section.cta2 .bouton:hover a{ color:#fff; text-shadow:none;}


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

/*****************************************/
article.content .news-footer {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
background: #efefef;
    padding: 10px;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
article.content .news-footer .news-share .addthis_toolbox {
    display: inline-block;
    vertical-align: middle;
}
article.content .news-footer .news-share .addthis_toolbox a {
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
}
article.content .news-footer .news-share .addthis_toolbox a::after {
  font-family: 'FontAwesome';
    font-weight: 400;
    color: #fff;
    background: #839e2c;
    border-radius: 3px;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    transition: background .6s;
}
article.content .news-footer .news-share .addthis_toolbox a:hover:after {
    background: #839e2c;
color:#fff;
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_facebook:after {
       content: "\f09a";
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_twitter:after {
    content: '\f099';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_linkedin:after {
    content: '\f0e1';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone_share:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_email:after {
  font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f0e0';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_pinterest_share:after {
    content: '\f231';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a span {
    display: none;
}
article.content .news-back a {
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px 20px;
    text-align: center;
    display: table;
position:relative;
}
article.content .news-back a:before {
    content: "";
    font-family: 'FontAwesome';
    height: 23px;
    width: 5px;
    top: 4px;
    font-size: 16px;
    position: absolute;
    left: 9px;
}
article.content .news-back a:hover {
    background: #aaa;
}
article.content #AllNews {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    clear: both;
}
article.content #AllNews .row {
    display: flex;
}
article.content #AllNews .row > [class*='col-'] {
    flex-direction: column;
}
article.content #AllNews .Item {
    position: relative;
    margin-bottom: 30px;
    padding: 15px;
    background: rgba(255,255,255,0.2);
    transition: background .4s;
}
article.content #AllNews .Item:hover {
    background: rgba(255,255,255,0.1);
}
/*article.content #AllNews .Item .photo {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
article.content #AllNews .Item .photo img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .4s;
}
article.content #AllNews .Item:hover .photo img {
    filter: brightness(70%) contrast(70%);
}
article.content #AllNews .Item .photo.nophoto {
    position: relative;
    height: 100%;
    background: #eee;
    background-size: 50%;
    filter: grayscale(100%);
    transition: background-color .4s;
}
article.content #AllNews .Item:hover .photo.nophoto {
    background-color: #ccc;
}
article.content #AllNews .Item .photo::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 40px;
    background: #fff;
    z-index: 10;
    transition: top .4s;
}
article.content #AllNews .Item .photo::after {
    content: '';
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 1px;
    background: #fff;
    z-index: 10;
    transition: left .4s;
}
article.content #AllNews .Item:hover .photo::before {
    top: 50%;
}
article.content #AllNews .Item:hover .photo::after {
    left: 50%;
}*/
article.content #AllNews .Item .photo {
    display: none;
}
article.content #AllNews .Item figcaption {
    position: relative;
}
article.content #AllNews .Item figcaption h3 {
    margin: 0 0 15px;
    transition: color .4s;
    font-size: 20px;
    text-transform: none;
}
article.content #AllNews .Item:hover figcaption h3 {
    color: #ccc;
}
article.content #AllNews .Item figcaption .button {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background: #fff;
    text-shadow: 0 0 0 #000;
    transition: background .4s;
}
article.content #AllNews .Item:hover figcaption .button {
    background: #aaa;
}

article.content .networks_linking a {
    display: inline-block;
    font-size: 1.1em;
    line-height: 2em;
    width: 2em;
    border-radius: 50%;
    background: #839e2c;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin-left: 5px;
    transition: background .4s,color .4s;
}
article.content #AllNews .Item:hover figcaption .button {
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}
article.content #AllNews .Item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;z-index:2
}
footer.maps {
    position: relative;
    height: 300px;
    width: 100%;
    float: left;
padding-top:68px;
box-shadow:0px 0px 32px rgba(0,0,0,0.15);    overflow: hidden;
    
}

footer.maps .link a {
	font-size: 0;
}
footer.maps .link a.iframe.fancyIFrame {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5;
}

footer.maps span.googlemaps_v2 {
    width: 100%;
    height: 100%;
}
footer.maps .googlemaps_v2 label.modal-label{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5;
	font-size:0px;  
}
footer.maps:before {
    position: absolute;
    bottom: 0;
    left: 0;

   
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    background: rgba(0,0,0,.6);
     width: 80vw;
    height: 80vw;

    opacity: .8;
    pointer-events: none;
  z-index: 3;
    transition: background .4s, width .4s, height .4s, clip-path .4s;
content:'';
}

footer.maps:hover:before {
    background: rgba(0,0,0,.6);
  
    width: 330px;
    height: 330px;
}

footer.bottom{      position: relative;
    padding: 0px 0px 60px;
    min-height: 378px;
    width: 100%;
    float: left;
    color: #ffffff;
    background:url(../images/bg-footer.jpg) top center no-repeat;
background-size:cover;
    line-height:24px;
    font-size: 17px;
    letter-spacing: 0.06em;    overflow: hidden;

}


.bloc-footer{ 
 display: flex;
    justify-content: space-between;
    align-items: top;
    text-align: left;
    padding: 71px 0px 0px 0px;
    position: relative;
    min-height: 180px;
    width: 100%;
    float: right;
    display: flex;


}

.bloc-footer .bloc1 {
padding-left: 40px;
    background: url(../images/ligging.png) left 13px no-repeat;
    position: relative;
}
.bloc-footer .bloc2 {
    padding-left: 40px;
    background: url(../images/tel.png) left 12px no-repeat;
    position: relative;
}
.bloc-footer .bloc3 {
padding-left: 49px;
    background: url(../images/mail.png) left 15px no-repeat;
    position: relative;
}span.phone.phone2 {
    margin-left: 53px;
}
.bloc-footer .bloc2:before{ position: absolute;
    left: -154px;
    top: -74px;
    bottom: 0px;
    content: '';
    background: rgba(255,255,255,0.2);
    height: 179px;
    width: 1px;
}.logo-f {
    margin: 0 auto;
    display: table;
}
.bloc-footer .bloc3:before{position: absolute;
    left: -138px;
    top: -74px;
    bottom: 0px;
    content: '';
    background: rgba(255,255,255,0.2);
    height: 179px;
    width: 1px;
}
.footer-logo:before{ position:absolute; left:0px; right:0px; top:0px; height:1px; content:'';background:rgba(255,255,255,0.2);}
.footer-logo{ float:left; width:100%; position:relative; padding-top:38px;}

.bloc-footer .logo-f{
margin:0 auto;
  position: relative;
display:table;
}

.bloc-footer a{ color:#b9b9b9!important; text-decoration:underline!important;text-shadow:0px 0px 0px #b9b9b9;}
.bloc-footer a:hover{ color:#b9b9b9!important; text-decoration:none!important; }




 .googlemaps_v2 label.modal-label{  color:#b9b9b9!important; text-decoration:underline!important;text-shadow:0px 0px 0px #b9b9b9;

}
 .googlemaps_v2 label.modal-label:hover{text-decoration:none!important;}



footer.bottom img{      

    max-width: 100%;
}

a#scrollTopBtn {
bottom: 40px;
    left: auto;
     right: 11px;
    transform: translateX(-50%);
    padding: 1px 12px 5px;
    background: #b9b9b9;
    border-radius: 3px;
    color: #000;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
  z-index:1;
}
a#scrollTopBtn:hover {
    background: #fff;
	color:#000;
   
}
a#scrollTopBtn i.fa::before {
    content: '\f0d8';
}


.phone-responsive {
    display: none;
}


#footerSlideButton {
color: #b9b9b9!important;
    right: 10px!important;
    font-size: 12px;
}
.box_googlemapsv2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}
@media only screen and (min-width : 1920px) {
section.boxes .boxes-grid {
  padding: 0px 155px 0px;


}
}
@media only screen and (max-width : 1600px) {

}
@media only screen and (max-width : 1366px) {
 section.realisation div#HomeImages {

    margin: 0;
  }
}
@media only screen and (max-width : 1315px) {
	.container{ width:100%!important;}

article.content .contenu-h {
 
width: 49%;
}


.sf-menu a {

    padding: 0px 13px!important;

}

div#photo-h {

  margin: 0 15px 20px 0px;}
section.realisation div#HomeImages .highslideContainer .highslide img {
  width: 100%;
  height: auto;

}



}
	@media only screen and (max-width : 1279px) { 
h1, .h1 {
  font-size: 28px;}
.h-top .part-top {

  padding: 0px 0px 0px 0px;
}
.logo img{ width:100%;}

footer.bottom img {
  max-width: 100%;
}
.sf-menu a {
    letter-spacing: 0!important;    padding: 0px 15px!important;
}

}
@media only screen and (max-width : 1199px) {


footer.bottom img {
  max-width: 300px;
} 




	nav.main-nav .container{padding-right: 15px;

padding-left: 15px;}




.sf-menu a {

    letter-spacing: 0!important;    padding: 0px 14px!important;

}
div#photo-h {
margin: 0 15px 20px 0px;
    width: 354px;}


}

@media only screen and (max-width : 1179px) {
.sf-menu a {

letter-spacing: 0 !important;
    padding: 0px 6px !important;

}

footer.bottom {
letter-spacing: 0.05em;
  font-size: 14px;

}

.bloc-footer .logo-f img{
max-width:80%;

}
}
@media only screen and (max-width : 1023px) {

.sf-menu a {

letter-spacing: 0 !important;
    padding: 0px 4px !important;

}


}
@media only screen and (max-width : 991px) {

section.home-news #AllNews {
  grid-gap: 20px;
  padding-bottom: 0;
display: grid;
  grid-template-columns: repeat(1, 1fr);
  }
.bloc-footer .logo-f {
    display: table;
    margin: 0 auto;
    margin-bottom: 36px;min-width: 100%;
  }
section.page-content {  margin-top: 0;}
	nav.main-nav ul.sf-menu {  display: none;    }
      nav.main-nav .mobile-nav {position: absolute;display: table;right: 15px;/* margin-top: 28px; */left: 15px;top: 10px;margin: 0 auto;/* margin-top: 0px; *//* margin-top: 0px; */margin-top: 20px;}
	.is-sticky nav.main-nav .mobile-nav {top: 0px;}
   nav.main-nav ul.sf-menu {   display: none;    }

footer.bottom .footer-wrapper {  display: block;}
footer.bottom img {  max-width: 100%;}
    header.top .container {        height: 100%;    }

section.home-content {padding:130px 0 35px;margin-top: 0;}

article.content .img {position: relative;    width: auto; max-width:100%;}
.contenu-h{position: relative;width: 100%;float: none;margin: 0 auto;margin-top: 95px;}
header.top.big {    height: 700px;}
header.top { height: 600px;}

.diy-slideshow .next{ right:2%!important;}
.diy-slideshow .prev{ left:2%!important;  }

footer.bottom::before { display:none;}

header.page-title span:first-child {
  padding-left: 0;
  background:none;
}
header.top.big .banner {
  height: 100%;
  width:100%;
}
header.top .banner {
  height: 100%;
    width:100%;
}

	header.top .slogan {
left: 0px;
right: 0px;
margin: 0 auto;
letter-spacing: 0.05em;
text-align: center;
}

.contenu-h {
  width: 100%;
max-width: 100%;}


header.page-title {
  margin-bottom: 30px;
  margin-top: 0;
}


header.top .slogan p {

  text-align: center;
}


article.content .contenu-h {
  float: left;
  width: 100%;margin-top: 20px;max-width: 100%;
}

section.boxes .boxes-grid {
  grid-template-columns: repeat(1,1fr);
  width: 100%;
  float: left;
  text-align: center;
max-width: 100%;
}
section.boxes .boxes-grid .box {

  float: none;

  height: auto;
  margin: 0 auto;
}
section.boxes .box01 {

  float: none;

  margin: 0 auto;
}

footer.bottom nav.footer-nav ul li {

  background: none;
  list-style: none;
float:none;
}
div#photo-h {
  float: none;
  width: 100%;
  position: relative;
  max-width: 435px;
  text-align: center;display: table;    margin: 0 auto;margin-bottom: 30px;
}



section.cta {

  text-align: center;bottom: 7.5%;}
footer.bottom img {
margin: 0 auto;
  max-width: 100%;
}
.bloc-footer .bloc1 {

  margin: 0 auto;
  display: table;
text-align:center;
padding-top:50px;
background-position:top center;
margin-top:20px;padding-left: 0;
    padding-top: 71px;
  }

.bloc-footer .bloc2{
  margin: 0 auto;
  display: table;
text-align:center;
padding-top:50px;
background-position:top center;
padding-left: 0;
    padding-top: 71px;
margin-top:20px;

  }
.bloc-footer .bloc3{
  margin: 0 auto;
  display: table;
text-align:center;
padding-top:50px;
background-position:top center;
padding-left: 0;
    padding-top: 71px;
margin-top:20px;

  }

section.boxes4 .box4 .content {
  width: 100%;
  float: none;
  margin: 0 auto;text-align: center;margin-bottom: 30px;
}

section.boxes4 .box4 .content .plus {

  float: none;

  margin: 0 auto;
}



section.boxes4 .box4 .img {

    position: relative;
    margin: 0 auto;
    float: none;
    display: table;
    width: 100%;
  max-width: 585px;

}
section.boxes {

  padding: 20px 0px 0px;}
.bloc-footer {
margin: 0 auto;
    float: none;
    max-width: 648px;
    height: auto;
    text-align: left;
    padding: 35px;
    width: 100%;
    display: block;
}
section.boxes .box01 {

  text-align: center;
  float: none;
  margin: 0 auto;
}
.bloc-footer:before{ display:none;}
.is-sticky nav.main-nav .bouton {display:none;}
section.boxes2 .boxes-grid {
  padding: 0px 0px 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  position: relative;
  margin-top: 0px;
  text-align: center;
}
section.boxes2 .boxes-grid div[class*="box"] h3 {

  text-align: center;}
section.boxes2 h2 {
  font-size: 37px;

  text-align: center;

}

section.boxes2 .boxes-grid::before {
display:none;

}
.bloc-footer .bloc3::before {
display:none;
}
.bloc-footer .bloc2::before {
display:none;
}
section.boxes2 .boxes-grid div[class*="box"] {

  margin: 0 auto;
}
}


@media only screen and (max-width : 991px) {

article.content #AllNews {
    grid-template-columns: 1fr 1fr;
}
}

@media only screen and (max-width : 767px) {
    article.content img.img-contenu{
        float:none;
        margin:auto;
        max-width:inherit;
        width:100%;
        height:280px;
        object-fit:cover
    }
section.boxes4 .box4 h2 {
  font-weight: normal;
  font-size: 39px;

  line-height: 51px;}
h2, .h2 {
  font-size: 28px;}
header.page-title h1 span.subtitle {
font-size: 24px;
    line-height: 30px;
}
article.content p {

  width: 100%;
  float: left;
}
.diy-slideshow .next, .diy-slideshow .prev{    top: 93% !important;}
section.cta {
text-align: center;}

section.cta2 .content-cta .phone { display:none;}

h1, .h1 {
font-size: 30px;}


	.phone{ display:none;}
	.phone-responsive {
  display:inline-block;
}
	a.moreless-button {

  display: table;

}

article.content #AllNews {
    grid-template-columns: 1fr;
}
footer.bottom .number-responsive {
display:inline-block;

}

footer.bottom .number{ display:none;}

    header.top .slogan .number{ display:none;}
	  section.style .number-responsive{display: table;
    margin: 0 auto;
    float: none;}

header.top .slogan .cta1 .number{ display:none;}



section.cta2 span.number-responsive{ display: table;
float: none;
margin: 0 auto;}


header.top .slogan p {

  text-align: center;
}




header.top .slogan .cta1 .tel-resp {
  display: inline-block;
}


section.cta .content-cta .phone-responsive {
  display: table;
margin:0 auto;

}
section.cta .content-cta .phoner{margin-top: 0;
    display: table;}

section.cta2 .phone-responsive {
  display: table;
margin:0 auto;color: #fff;
}
 section.cta2 .phoner{margin-top:15px;display: block;}span.titrs {
display:none;
}
section.cta .content-cta .phone {display:none;}
section.cta2 .content-cta .phone-responsive {
  display:inline-block;
}
section.cta2 .content-cta .phone {
display:none;

}
section.cta2 .content-cta .phone-responsive {
  display: table;
}
section.boxes4 .box4 .titrh2 {

  font-size: 59px;

  letter-spacing: 0;

}
section.realisation h2 {
letter-spacing: 0;
    font-size: 30px;
    text-align: center;
    line-height: 35px;width: 100%;}
section.cta .content-cta h2 {
  font-size: 27px;}
section.cta .content-cta h6 {
  font-size: 30px;}
.h-top .part-top .logo {

  max-width: 260px;
}
}
@media only screen and (max-width : 640px) {

section.cta .content-cta p {
font-size: 28px;
    line-height: 32px;}

section.cta .content-cta {
background: none;
    width: 99%;
    height: auto;
    margin: 0 auto;
max-width: 100%;


}

section.cta2 .content-cta {

background: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
 

}




	header.top.big {
  height: 500px;
}
header.top {
  height: 500px;
}

    header.top .slogan .cta1 .number-responsive{ display: inline-block;
}

article.content p {
    text-align: left!important;
}
.slideshow .next, .diy-slideshow .prev {

  top: 93% !important;
}

section.cta2 .content-cta h2 {
  font-size: 27px;}
section.cta2 .content-cta h6 {
  font-size: 20px;}section.cta .content-cta .bouton {

  width: 100%;

  height: auto;

  line-height: 24px;
  padding: 10px 5px;
}
section.cta2 .bouton {width: 100%;

  height: auto;

  line-height: 24px;
  padding: 10px 5px;}
.h-top .part-top .mail {
font-size: 12px;
    letter-spacing: 0;

}

}
@media only screen and (max-width : 480px) {
.h-top .part-top .cta1 {
letter-spacing: 0;
font-size: 13px;width: 144px;

}
.logo {
max-width: 135px;
}
section.cta .content-cta h2 {
  font-size: 21px;}
section.cta .content-cta h6 {
  font-size: 20px;}
section.realisation div#HomeImages {

  grid-template-columns: repeat(1,1fr);
}
.h-top .part-top{display:block}
  .h-top .part-top .logo{float:none;display:table;margin:15px auto}
  .h-top .part-top .cta1{float:none;display:table;margin:0 auto}


header.top .slogan .cta1 .tel-resp{  display: table;
  float: none;
  margin: 0 auto; margin-top:0px;}


	span.titr{ display:none;}


	table{
		position: relative;
		width: 100%;
		display:block;
		border:none;
		float:left;
	}
	table  tr{
		width: 100%;
		display:table;
		float:left;
	}
	table   tr  td{
		width: 100%;
		display:table-row;
		float:left;
		
    text-align: left!important;
	}
	article.content p {
  
    text-align: left!important;
}



	span.tv {
    display: block;
}






nav.main-nav .logo img{ max-width:100%;}

table{
		position: relative;
		width: 100%;
		display:block;
		border:none;
		float:left;
	}
	table  tr{
		width: 100%;
		display:table;
		float:left;
	}
	table   tr  td{
		width: 100%;
		display:table-row;
		float:left;
text-align:left!important;
	}
section.boxes4 .box4 .titrh2 {font-size:54px}
}

/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/

  .sf-menu,  .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
 .sf-menu li {
	position: relative;
}
 .sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
 .sf-menu > li {
	float: left;
}
 .sf-menu li:hover > ul,
 .sf-menu li.sfHover > ul {
	display: block;
}

 .sf-menu a {
	display: block;
	position: relative;
}
 .sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
 .sf-menu {
float: right;
border-top:1px solid #646464;
}.is-sticky nav.main-nav  .sf-menu {    margin-top: 20px;}
  .sf-menu li {
    position: relative;
    position: relative;
    padding: 0px 1px 0px;
    position: relative;

}


  .sf-menu li:first-child {
    padding-left: 0;
	border-left:none;
	background:none;
}
  .sf-menu li:last-child { padding-right:0px;}

  .sf-menu a {
text-decoration: none;
    color: #fff;
    font-size: 14px;
    height: 62px;
    line-height: 107px;
    padding: 0px 15px;
    text-transform: uppercase;
    font-family: 'YsabeauRegular';
    letter-spacing: 0.08em;
    position: relative;
    text-align: center;
    z-index: 5;
    pointer-events: auto;




}
.is-sticky   .sf-menu a {    line-height: 56px;}

  .sf-menu a:before{ position:absolute; left:0px; right:0px; top:-3px; height:9px; content:''; background:#fff; opacity:0;}
 .sf-menu > li > a:hover:before ,  .sf-menu > li.sfHover > a:before , 
 .sf-menu > li.active > a:before ,  .sf-menu > li.selected > a:before  {
   opacity: 1;
}
 .sf-menu > li > a:hover,  .sf-menu > li.sfHover > a, 
 .sf-menu > li.active > a,  .sf-menu > li.selected > a {

text-shadow:1px 0px 1px #fff;



}


 .sf-menu ul {
background: rgba(0,0,0,0.5);
    padding: 0px 0px;
    width: 98%;
    margin-top: 0px;
    margin-left: 2px;  min-width: 142px;


}
 .sf-menu ul li {
	border-top: 1px solid rgba(255,255,255,.2);
	background:none;
	border-left:none!important;
	    white-space: initial;
		width:100%;
		padding:0px;
}
 .sf-menu ul li:before { display:none;}
 .sf-menu ul li:first-child {
	border-top: 0;
}
 
 .sf-menu ul a {
    color: #fff!important;
    font-size: 12px;
    height: auto;
    line-height: 1.2em;
    text-align: center;
    padding: 8px 10px 10px!important;
    max-width: 100%!important;
    border: none;
	
}
 .sf-menu ul a:before { display:none;}
 .sf-menu ul li a:hover,  .sf-menu ul li.sfHover > a,
 .sf-menu ul li.active > a,  .sf-menu ul li.selected > a {
color:#000;
	border:none;
background:#fff;border-radius:0px;

}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {

}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 37px;
    right: 50%;
    transform: translateX(50%);
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #fff/* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #fff; 
}


@media only screen and (max-width : 1024px) {

}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #000;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.5em;
}
.mobile-menu ul ul {
	background: rgba(0,0,0,.15);
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
	left: 10px;
}
.mobile-menu a {
	padding: 0 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	transition: color .4s, background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	color: #fff;
	background: #767676;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}

.gdpr_policy {line-height: 20px;margin: 10px 0;}
.contactForm .gdpr_policy label {
    width: 90%;
    margin: -5px 0 0 20px;
}
.contactForm input.form-upload {
    width: 100%;
}
.contactForm .gdpr_policy input[type=checkbox] {
    position: absolute;
    margin-top: 5px;
}
form.contactForm .g-recaptcha{
    float: none;
}
@media only screen and (max-width : 480px) {
    .contactForm .gdpr_policy input[type=checkbox] {
        margin-top: 0px;
    }
/*submit btn*/
    .contact-submit,
    .contactForm .form-submit-button{
        width:100%;
    }
}
/*recaptcha*/
.contactForm .g-recaptcha {
    margin-bottom: 20px;
}
@media only screen and (max-width: 420px){
	.contactForm .g-recaptcha {
	    float: none;
	    margin-left: 0px;
	}
	.g-recaptcha * {
	    width: 100% !important;
	}
}



/**CSS News sharing**/
.news-share {
  position: relative;
  margin-top: 20px;
  background: none;
  padding: 10px 20px;
  border: 1px solid #c3c2c2;
  /*display: flex;*/
  display:grid;
  grid-template-columns:auto auto 45px;
  /*justify-content: space-between;*/
  align-items: center;
}
.news-share span.share-icons {
  text-align: right;
  position: relative;
}
.news-share span.share-icons div#ContainerBlockSocial {
  padding-right: 20px;
}
span.share-icons::after {
  content: '';
  position: absolute;
  width: 1px;
  top: -9px;
  bottom: -9px;
  background: #c3c2c2;
}
span.share-icons::after {
  right: 0;
}
.news-share #ContainerBlockSocial a{
  background-color:#484848 !important;
  border-radius: 15px!important;
}
.news-share .networks_linking a {
  display: inline-block;
  margin: 0 2px;
  width: 35px;
  height: 35px;
  background: #bfa45a;
  border-radius: 50%;
  color: #fff;
  line-height: 35px;
  transition: all .4s;
}
.news-share #ContainerBlockSocial a {
  transition: all .4s;
}
.news-share #ContainerBlockSocial a:hover {
  background: #000000 !important;
}
.news-share .networks_linking a:hover {
  color: #fff;
  background-color: #222 !important;
}
.news-share .networks_linking a.networks_google i, .news-share .networks_linking a.networks_tiktok i {
  font-size: 0;
}
.news-share .networks_linking a.networks_google {
  background-image: url(../images/gmb.png) !important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
.news-share .networks_linking a.networks_tiktok {
  background-image: url(../images/tiktok.png)!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}

.backbtn {
    background: #aaaaaab0;
    text-indent: 0;
    text-decoration: none;
    width: 30px;
    height: auto;
    margin: 5px auto;
    color: #fff;
    padding: 5px 12px;
    border-radius:14px;
}
.backbtn:hover {
    text-decoration: none;
    color: #fff;
    background: #aaa;
}