/*
Theme Name: Alix Construction
Theme URI: https://github.com/tidythemes/blankslate
Author: Impulsion Média
Author URI: http://impulsionmedia.com/
Description: Thème custom pour le site ALIX construction
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: alix
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
/* FONTS */


/* Webfont: Lato-Black */@font-face {
	font-family: 'LatoWebBlack';
	src: url('font/Lato-Black.eot'); /* IE9 Compat Modes */
	src: url('font/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('font/Lato-Black.woff2') format('woff2'), /* Modern Browsers */  url('font/Lato-Black.woff') format('woff'), /* Modern Browsers */  url('font/Lato-Black.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */@font-face {
	font-family: 'LatoWebBold';
	src: url('font/Lato-Bold.eot'); /* IE9 Compat Modes */
	src: url('font/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('font/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */  url('font/Lato-Bold.woff') format('woff'), /* Modern Browsers */  url('font/Lato-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */@font-face {
	font-family: 'LatoWebLight';
	src: url('font/Lato-Light.eot'); /* IE9 Compat Modes */
	src: url('font/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('font/Lato-Light.woff2') format('woff2'), /* Modern Browsers */  url('font/Lato-Light.woff') format('woff'), /* Modern Browsers */  url('font/Lato-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	font-display: block;
	text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular */@font-face {
	font-family: 'LatoWeb';
	src: url('font/Lato-Regular.eot'); /* IE9 Compat Modes */
	src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('font/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */  url('font/Lato-Regular.woff') format('woff'), /* Modern Browsers */  url('font/Lato-Regular.ttf') format('truetype');
	font-style: normal;
	font-display: block;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
/*  LAYOUT  */

* {
	margin: 0;
	padding: 0;
}
html {
}
body {
	font-family: 'LatoWeb', arial, sans-serif;
	font-size: 18px;
	color: #424e54;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
}

a, a:visited {
	color: #ed202b;
	text-decoration: none;
	-webkit-transition: color .3s cubic-bezier(.4, 0, 0, 1);
	transition: color .3s cubic-bezier(.4, 0, 0, 1);
}
a:hover, a:active, a:focus {
	outline: 0;
	color: #cc5605;
}
.clear {clear:both;height:0}
.uppercase {text-transform:uppercase}


#page, #container {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#content {
max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
        display: table;
    width: 100%;
}
.wrapper {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
    width: 100%;
}

#header {height:185px;display:block;position:relative;background:#181e22 url('img/hd-bg3.jpg') no-repeat center top;}
.header-wrapper {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
    z-index: 4;
    position:relative;
}

.header-overlay  {
    background: url('img/dots.png');
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
opacity:0.1;
}

#site-logo {display:block;position:relative;float:left;width:auto;}
#site-logo .logo {margin-top:45px;}
.top-right-container {display:block;position:relative;float:right;height:185px;}
.top-right-utility {display:block;position:relative;height:185px;width: auto;}
.top-right-utility .phone {display:block;position:relative;float:left;padding:26px 0 0 21px;height:85px}
.top-right-utility .phone span {color:#ababab;font-size:9px;display:block;margin: 0;padding: 0;line-height: 1.0;}
.top-right-utility .phone a {color:white;font-family:'LatoWebBlack';font-size:14px}
.top-right-utility .phone a:hover {color:#ed202b;}
.top-right-utility .email {display:block;position:relative;float:left;padding:26px 0 0 36px}
.top-right-utility .email span  {color:#ababab;font-size:9px;display:block;margin:0;padding:0;line-height: 1.0;}
.top-right-utility .email a {color:white;font-size:14px}
.top-right-utility .email a:hover {color:#ed202b;}
.top-right-utility .social {display:block;position:absolute;float:right;margin-top:29px;right: 0;}
.top-right-utility .social a {color:white;opacity:0.5;-webkit-transition: all .3s cubic-bezier(.4, 0, 0, 1);transition: all .3s cubic-bezier(.4, 0, 0, 1);}
.top-right-utility .social a:hover {opacity:0.9}
.top-right-utility .social a {font-size:23px;margin-left:3px}

.top-right-utility .language {display:none;position:relative;float:right;text-transform:uppercase;font-size:11px;font-family:'LatoWebBold';margin-top:20px;}
.top-right-utility .language a {color:white}
.top-right-utility .language a:hover {color:#ed202b}
.wpml-ls-legacy-list-horizontal {
    border: none!important;
    padding: 0!important;
    clear: both;
}
.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
    padding: 0!important;
    line-height: 49px!important;
}
.top-right-utility .language .lang.fr li.wpml-ls-item-en {display:none}
.top-right-utility .language .lang.en li.wpml-ls-item-fr {display:none}
.top-right-utility .language .wpml-ls-link .wpml-ls-display {display:none}


.wpml-ls-legacy-list-horizontal a:after  {
	content: "\e800";
	display: inline-block;
    padding: 0 10px;
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	margin-left: -20px;
	-webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	-o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	color: #ed202b;
	font-size: 14px;
	opacity: 0;
    margin-top:0;
    top:1px;
    position:relative;
}
.wpml-ls-legacy-list-horizontal a:hover:after {
	margin-left: -1px;
	opacity: 1.0;
}

#menu {display:block;height:100px;min-width: 600px;position:relative;clear:both}

.menu-main-menu-container .menu, .menu-main-menu-en-container .menu {
	text-align: right;
	list-style: none;
	font-family: 'LatoWebBold', Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	margin-top: 0;
	font-size: 15px;
    position:relative;
}
.menu-main-menu-container ul.menu li, .menu-main-menu-en-container ul.menu li {
	display: inline-block;
	position: relative; /*margin-bottom:20px;*/
    line-height:100px;
}

.menu-main-menu-container .menu a, .menu-main-menu-en-container .menu a {
	color: white;
	padding: 0 12px 0 12px;
    
}
.menu-main-menu-container .menu > li > a, .menu-main-menu-en-container .menu > li > a {
	display: inline-block;
    letter-spacing: 2px;
}
.menu-main-menu-container .menu a:hover, .menu-main-menu-en-container .menu a:hover {
	color: #ed202b;
}

.main-menu ul li:hover > a, .main-menu-en ul li:hover > a {
  color: #ed202b;
}

.menu-main-menu-container .menu li:first-child a, .menu-main-menu-en-container .menu li:first-child a {
	padding-left: 20px;
}
.menu-main-menu-container .menu li:last-child a, .menu-main-menu-en-container .menu li:last-child a {
	padding-right: 0;
}
nav#menu .menu-item-has-children:after {
    content: "\e806";
    padding: 0;
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	-webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	-o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	color: white;
	font-size: 14px;
	opacity: 0.2;
  bottom: -20px;
position: absolute;
left: 45%; 
}
nav#menu .menu-item-has-children:hover:after {
   	color: #ed202b;
    opacity: 1;
      bottom: -29px;
}

.menu-main-menu-container .menu .sub-menu, .menu-main-menu-en-container .menu .sub-menu {
    
	position: absolute;
	z-index: 9999;
	text-align: left;
	margin-left: 0px;
	left: 0;
    border-top: 4px solid #54606c;
    border-left: 5px solid #54606c;
    border-right: 5px solid #54606c;
    border-bottom: 5px solid #54606c;
}
.menu-main-menu-container .menu .sub-menu, .menu-main-menu-en-container .menu .sub-menu {
	visibility: hidden;
  opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.4s cubic-bezier(.4, 0, 0, 1);
	-o-transition: visibility 0s, opacity 0.4s cubic-bezier(.4, 0, 0, 1);
	transition: visibility 0s, opacity 0.4s cubic-bezier(.4, 0, 0, 1);
	
}
.menu-main-menu-container .menu .sub-menu li:before, .menu-main-menu-en-container .menu .sub-menu li:before {
	content: '';
}

.menu-main-menu-container .menu .sub-menu li a, .menu-main-menu-en-container .menu .sub-menu li a {
	display: block;
	background: #54606c;
	padding: 12px 10px 10px 16px;
	border-bottom: 1px solid #5c6b77;
    letter-spacing: 0;
}
.menu-main-menu-container .menu .sub-menu li, .menu-main-menu-en-container .menu .sub-menu li {
	display: block;
	min-width: 300px;
    line-height:1.2
}
.menu-main-menu-container .menu .sub-menu a, .menu-main-menu-en-container .menu .sub-menu a {
	color: white !important;
	font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;
}
.menu-main-menu-container .menu .sub-menu li:hover > a, .menu-main-menu-en-container .menu .sub-menu li:hover > a {
	color: white !important;
	background: #5c6b77;
}
.menu-main-menu-container .menu li:hover ul.sub-menu , .menu-main-menu-en-container .menu li:hover ul.sub-menu{
	 visibility: visible;
  opacity: 1;
    position:absolute;
}
.menu-main-menu-container .menu .sub-menu li .sub-menu, .menu-main-menu-en-container .menu .sub-menu li .sub-menu {
	display: none;
	left: 260px;
	top: 0px;
}
.menu-main-menu-container .menu .sub-menu li .sub-menu .menu-item-159 a, .menu-main-menu-en-container .menu .sub-menu li .sub-menu .menu-item-159 a, .main-menu .sub-menu li .sub-menu .menu-item-361 a, .main-menu-en .sub-menu li .sub-menu .menu-item-361 a {
	padding-top: 20px;
}

.menu-main-menu-container .menu.sub-menu li .sub-menu a, .menu-main-menu-en-container .menu.sub-menu li .sub-menu a {
	display: block;
	background: #93569c;
	padding: 15px 50px 15px 20px;
	border-bottom: 1px solid #9f6da6;
	border-left: 1px solid #9f6da6;
	min-width: 260px;
	max-width: 500px;
}
.menu-main-menu-container .menu .sub-menu li .sub-menu a:hover, .menu-main-menu-en-container .menu .sub-menu li .sub-menu a:hover {
	background: #7c3986;
}
.menu-main-menu-container .menu .sub-menu .sub-menu li:first-child a, .menu-main-menu-en-container .menu .sub-menu .sub-menu li:first-child a {
	border-left: none;
}
.menu-main-menu-container .menu .sub-menu li:hover ul, .menu-main-menu-en-container .menu .sub-menu li:hover ul {
	display: block;
}



/********************************************HOME CONTENT STYLES*******************************/


.container-full-width {
	width: 100%
}
.container-full-width.sectionbg {
	width: 100%;
    position:relative;
    background-repeat: no-repeat!important;
    background-size: auto!important;;
    -webkit-background-size: cover!important;;
    -moz-background-size: cover!important;;
    -o-background-size: cover!important;;
    background-size: cover!important;;
}
.container-full-width.sectionbg.bgrealisation {background-position: center!important;}
.sidebar-home-overlay-2 {
 background: #161d21;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
opacity:0.6;}
.container-full-width-content {
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px 0 20px;
	display: block;
}
.container-full-width-inside {
	color: #505050;
	text-align: center;
	padding: 0;
}
.container-full-width-inside h5 {
	font-size: 36px;
	font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;
	font-weight: normal;
	margin-bottom: 10px
}
.container-full-width-inside p.texte {
	font-size: 24px;
	padding: 0 60px 20px 60px
}
.container-full-width-inside-section {
	text-align: left;
	padding: 0;
}
.container-full-width.section {
	width: 100%
}
.container-section {
width: 100%;
display:table
}
.container-section-content {
	margin: 0 auto;
	max-width: 1240px;
	display: block;
	padding: 0 20px 0 20px;
}
.container-section-inside {
	color: #505050;
	text-align: left;
	padding: 0 0 0 0;
}

#carousel {display: block;
    min-height: 600px;}


.col-1-3 {float: left;
    width: 33.33333333%;
display: inline-block;}



.col-1-3 img {
  webkit-transition: 0.3s cubic-bezier(.3, 0, 0, 1);
	-o-transition: 0.3s cubic-bezier(.3, 0, 0, 1);
	transition: 0.3s cubic-bezier(.3, 0, 0, 1);
}

.col-1-3:hover img.photo-accueil {
  transform: scale(1.1);
}
.accueil-top {text-align:center;margin: 50px 0 80px 0;}
img.sep-accueil {width:100%;height:auto;display:block;}
.accueil-top h1 {color:#ed202b;font-family: 'LatoWebBold', Arial, Helvetica, Sans-serif;font-size:16px;}
.accueil-top h3 {font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;font-size:60px;letter-spacing:-1px;}
.accueil-bottom {text-align:center;margin: 0 0 80px 0;}
.accueil-bottom h3 {font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;font-size:60px;letter-spacing:-1px;}
.accueil-top p {}
.accueil-top strong {font-family: 'LatoWebBold', Arial, Helvetica, Sans-serif;}
.icone-accueil {}
img.photo-accueil {width:100%;height:auto;display:block;}
div.photo-accueil {width:100%;height:auto;display:block;overflow: hidden;margin-top:26px}
.col-1-3.accueil {text-align:left;margin-bottom:80px}
.col-1-3.accueil p a {color:#505050}
.col-1-3.accueil p a:hover {color:#505050}
.col-1-3.accueil h2 {font-family: 'LatoWebBold', Arial, Helvetica, Sans-serif;font-size:24px;text-transform:uppercase;margin:15px 0 15px 0;line-height: 1.0;color:#505050}
.col-1-3.accueil h2 a {color:#505050}
.col-1-3.accueil h2 a:hover {color:#505050}
.col-1-3.accueil h2:after {
    content: "\e800";
    display: inline-block;
    padding: 0;
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    speak: none;
    left: -20px;
    -webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    -o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    color: #6c7478;
    font-size: 26px;
    opacity: 0;
    margin-top: 1px;
    position: relative;
}
.col-1-3.accueil:hover h2:after {
	left: 10px;
	opacity: 1.0;
}
.inside-col-1 {padding:0 15px 0 15px}
.inside-col-2 {padding:0 15px 0 15px}
.inside-col-3 {padding:0 15px 0 15px}

.a-propos-shadow-top {background: url('img/a-propos-shadow-top.jpg') no-repeat center center;display:block;height:48px;width:100%}

#a-propos {
    text-align:center;
        background: rgba(0, 0, 0, 0.5);
    position:relative;
    padding:200px 0 200px 0;
}

#a-propos:after {
  content: "";
  background: url('img/parallax-bg-1.jpg') no-repeat center center fixed;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
z-index: -1; }

#a-propos h3 {font-size: 60px;color:white;
	font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;
	font-weight: normal;line-height:1.2;letter-spacing: -1px}
#a-propos p {font-size: 24px;
	font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;
	font-weight: normal;color:white;max-width:1060px;margin: 0 auto;line-height:1.2;margin-bottom:55px}

/* WIDGETS */



.sidebar-home-overlay {
 background: url('img/dots.png');
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
opacity:0.7;}

/* CAROUSSEL */

/* 
#carousel .n2-ss-slide-backgrounds:after
    {content: "";
    background: url('img/dots.png');
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;    
    z-index: 500;
    opacity:0.3;}
*/

#sidebar-home {
    text-align:center;
    position:relative;
    padding: 50px 0 54px 0;
     background: #ed202b ;
}
#sidebar-home .container-full-width-content {
    position:relative;
     z-index: 4;}

#sidebar-section {
    text-align:center;
    position:relative;
    padding:180px 0 180px 0;
     background: url('img/cta-bg.jpg') no-repeat center center ;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#sidebar-section .container-full-width-content {
    position:relative;
     z-index: 4;}

.sidebar-shadow-bottom {background: url('img/sidebar-shadow-bottom.jpg') no-repeat center center;display:block;height:48px;width:100%}

.cta-top {display:block;font-size: 36px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;font-weight: normal;color:white;line-height:1.2;letter-spacing:-1px}
a.cta-btn {display:inline-block;font-size: 24px;font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;font-weight: normal;color:white;width:auto;margin-top: 20px;

    /* margin-top: 30px; */
    position: absolute;
    /* bottom: 0; */
    /* margin: 0 auto; */
    left: 50%;
    transform: translate(-50%, 0);}
    


.cta-btn span {}
.cta-btn i {}
a.cta-btn.popup {position:relative;left:inherit;transform:none}

.cta-btn::-moz-focus-inner{
  border: 0;
  padding: 0;
}

.cta-btn {
    position: relative;
  *display: inline;
  zoom: 1;
  padding: 12px 44px 11px 48px;
  margin: 0;
  cursor: pointer;
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
text-align: center;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 3px 3px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
 
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cta-btn:hover{
  background-color: #eee;
  color: #555;
}

.cta-btn:active{
  background: #e9e9e9;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.cta-btn.blue {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}

.cta-btn.blue{
  background-color: #4e5b67;
  border-color: #4e5b67;
}

.cta-btn.blue:hover{
  background-color: #657583;
}

.cta-btn.blue:active{
  background: #657583;
}


.cta-btn span:after 
{
    content: "\e800";
    display: inline-block;
    padding: 0;
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    speak: none;
    left: -2px;
    -webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    -o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    transition: 0.3s cubic-bezier(.4, 0, 0, 1);
    color: white;
    font-size: 24px;
    opacity: 0;
    margin-top: 0;
    position: relative;
}

.cta-btn:hover span:after{
   left: 10px;
	opacity: 1.0;
}

/* SECTION */

.header {min-height:233px;display:block;position:relative;z-index:3;padding-top: 70px;}
.header h1 {font-size: 60px;color:white;font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.0;width: 80%;}
.header h6 {font-size: 16px;color:white;font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.0;text-transform:uppercase;margin-top: 5px;}
.contenu-section {float:left;display:block;position:relative;width:70%;margin-top:0;margin-bottom: 80px;background: url('img/contenu-section-bg.jpg') no-repeat top right;min-height: 600px;}


.contenu-section-full {display:block;position:relative;width:100%;margin-top: 30px;}
.contenu-section-full h4 {font-size: 24px;font-family: 'LatoWebBold', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.2;margin:0 0 30px 0;}

.contenu-section-droite {float:left;display:block;position:relative;width:30%;margin-top: 30px;}
.contenu-section-droite strong {font-family: 'LatoWebbold', Arial, Helvetica, Sans-serif;font-weight: normal;}

.contenu-section-droite  h3.widget-title {text-transform:uppercase;font-family: 'LatoWebbold', Arial, Helvetica, Sans-serif;font-weight: normal;margin:0 0 15px 0;clear:both;}
.contenu-section-droite li {padding:0 0 15px 30px;display: block;float: left;}
.contenu-section-droite li.current-menu-item {background: url('img/li-bg.gif') no-repeat 0 4px;}
.contenu-section-droite ul {margin:0 0 20px 0;display: table;}
.contenu-section-droite a {text-decoration:underline}
.contenu-section-droite li.current-menu-item a {color:#9aa2a9}
.contenu-section-pad {display:block;position:relative;padding:20px 48px 0 0}
.contenu-section-droite-pad {display:block;position:relative;padding:0 0 0 35px}

.contenu-section h2 {font-size: 36px;font-family: 'LatoWebLight', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.1;margin:0 0 20px 0;}
.contenu-section h3 {font-size: 24px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.1;margin:0 0 20px 0;}
.contenu-section h4 {font-size: 20px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.2;margin:0 0 30px 0;}
.contenu-section h6 {font-size: 20px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;font-weight: normal;line-height:1.2;margin:0 0 20px 0;}
.contenu-section p {line-height:1.4;    margin-bottom: 24px;}
.contenu-section img.full {width:100%;height:auto;margin:20px 0 20px 0}
.contenu-section ul {list-style-type:square;
  margin: 20px 0 20px 30px;
  padding: 0;}
.contenu-section li {padding:2px 0 2px 0;line-height:1.4}
.contenu-section strong {font-family: 'LatoWebBlack', Arial, Helvetica, Sans-serif;font-weight: normal;}
.contenu-section ol {list-style-type:decimal;
  margin: 20px 0 20px 30px;
  padding: 0;}
/* FAQ */

.faq .su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 7px 7px 34px;
    font-weight: bold;
    font-size: 18px;
}

.su-spoiler.faq {
    margin-bottom: 15px;
}

/* CONTACT */

.contact-left {float:left;display:block;width:40%;}
.contact-left p {padding-right:30px;padding-bottom:40px}
.contact-right {float:left;display:block;width:60%}
.google-maps-section {position: relative;
    padding-bottom: 30%;
    overflow: hidden;}

.google-maps-section iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/* FORMULAIRE */

.formulaire-section {padding-bottom: 50px;padding-top:40px;}
.formulaire-section .head-form {font-size:36px;font-family: 'LatoWebBold', Arial, Helvetica, Sans-serif;font-weight: normal;margin-bottom:20px;color:#0097d2}
.formulaire-section .head-form-2 {margin-bottom:25px;margin-top:15px;font-size:24px;}
.formulaire-section p {margin-bottom:30px}
.form-sep {}
#cf7md-form label.postulez {

    padding-left: 14px;
    margin-bottom: 10px !important;
    line-height: 30px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
}
#cf7md-form textarea {
    padding: 15px;
    border-radius: 4px;
    height: 150px;
    font-size: 16px;
}


/* FOOTER */

footer {margin-top: 80px;}
.footer-left {display:block;float:left;width:70%;}
.footer-left img.logo-footer {margin-bottom:15px}
.footer-left p {clear:both;padding:10px 80px 20px 0;color:#262626;font-size:16px;line-height:1.4;}
.footer-right {display:block;float:left;width:30%;line-height:1.5;font-size:16px;}
.footer-right strong {font-family: 'LatoWebBold'}
.footer-right a {font-family: 'LatoWebBold'}
.footer-right .social-footer {margin:15px 0 40px 0;}
.footer-right .social-footer a {color:#ed202b;opacity:0.5;-webkit-transition: all .3s cubic-bezier(.4, 0, 0, 1);transition: all .3s cubic-bezier(.4, 0, 0, 1);}
.footer-right .social-footer a:hover {opacity:0.9}
.footer-right .social-footer a {font-size:23px;margin-right:3px;top: 3px;position: relative;}
.footer-right h3.widget-title {text-transform:uppercase;font-family: 'LatoWebBlack', Arial, Helvetica, Sans-serif;font-weight: normal;font-size:18px;color:#262626;letter-spacing:2px;margin-top: 20px;
    margin-bottom: 20px;}

.footer-left a:after  {
	content: "\e800";
	display: inline-block;
    padding: 0;
	font-family: fontello;
	font-style: normal;
	font-weight: normal;
	speak: none;
	left: -18px;
	-webkit-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	-o-transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	transition: 0.3s cubic-bezier(.4, 0, 0, 1);
	color: #ed202b;
	font-size: 18px;
	opacity: 0;
    top:1px;
    position:relative;
}
.footer-left a:hover:after {
	left: 10px;
	opacity: 1.0;
}
#copyright {background:#e8eced;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;font-weight: normal;font-size:14px;line-height:52px;color:#262626;}


/* MEDIA QUERIES */


 @media screen and (max-width:1150px) {
     
#site-logo .logo {width: 218px;}
.container-full-width#carousel{padding:0 20px 0 20px;}
     
}

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

 @media screen and (max-width:1024px) {
     
#site-logo {float: none;}
#site-logo .logo {margin-top: 15px;width: 130px;}
.top-right-utility .social {display:none;}
#header {height: 130px;border-bottom: 2px solid #232729;}
.top-right-container {height: auto;margin-top: 0;float:none}
.top-right-utility .phone span, .top-right-utility .email span {}
.top-right-utility .phone, .top-right-utility .email {padding: 9px 0 0 20px;height: auto;}
.top-right-utility .phone {padding-left:2px;padding-right: 20px;
}
.top-right-utility {height:20px}
.top-right-utility .language {margin-top:11px}
.top-right-utility .language a {line-height: 20px !important;}
#responsive-menu-pro-additional-content .social a {font-size: 30px;margin-left: 10px;color:white}
#responsive-menu-pro-additional-content div.social:nth-child(1) > a:nth-child(1) {margin-left: 0;}
#responsive-menu-pro-container {background-size:auto!important;}
.form-sep {width:100%;height:auto}
.header h1 {font-size: 32px;line-height: 1.2;}
.header h6 {font-size: 18px;line-height: 1.4;}
.header {min-height: 275px;padding-top: 70px;}
.contenu-section {float: none;width: 100%;margin-top:0;background:none;} 
.contenu-section-droite {display:none}
.caroussel-section {float: none;width: 99%;margin-top: 30px;}
.formulaire-section {padding-bottom: 50px;padding-top: 20px;}
#footer .col-1-3 {width: 50%;}
.cta-top {font-size: 44px;}
.produit-liste.col-1-4 {width: 33.33%;}
     
}

 @media screen and (max-width:768px) {
     
footer {margin-top: 30px;}
.su-row .su-column {margin-bottom: 0!important;}
.accueil-top {margin: 30px 0 20px 0;}
.accueil-top h3 {font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;font-size: 32px;letter-spacing: -1px;line-height:1.4;}
.col-1-3.accueil {width:100%;text-align: center;}
.header {min-height: 200px;padding-top: 50px;}
.contenu-section {min-height:300px}
.contenu-section-pad {padding-top:0;}
.contenu-section-full {margin-top: 0;}
#a-propos {padding: 100px 0 60px 0;}
#a-propos h3 { font-size: 32px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;letter-spacing: -1px;}
#a-propos p {font-size: 20px;}
.cta-top {font-size: 32px;}
.cta-bot { font-size: 24px;}
.footer-left {display:none}
.footer-right {width: 100%;padding-bottom: 30px;text-align: center;}
.footer-right h3.widget-title {margin-top: 0;}
.footer-right .social-footer {display:none}
#copyright .container-section-inside {text-align: center;}
.formulaire-section .head-form {font-size: 32px;}
.formulaire-section #cf7md-form.cf7md-form+.wpcf7-response-output {text-align:center}
.contact-left {float: none;width: 100%;}  
.contact-left p {padding-right: 0;padding-bottom: 20px;} 
.contact-right {float: none;width: 100%;margin-bottom:40px}
.google-maps-section {padding-bottom: 65%;}  
     
}

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

}

 @media screen and (max-width:468px) {
     .top-right-utility .email {
    display: none;
}
.col-1-3.accueil {margin-bottom:30px}
.cta-top {line-height: 1.1;}
.cta-btn {padding: 10px 30px 11px 34px}
a.cta-btn {font-size:18px}
.contenu-section-pad  h2 {font-size: 24px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;}
.contenu-section-pad {padding: 0 0 0 0;}
.formulaire-section .head-form {text-align: center;line-height: 1.2;}
.formulaire-section {text-align: center;}
.formulaire-section button.wpcf7-form-control {margin-left:25px}
.contenu-section-pad { padding: 0 0 0 0;}
.contenu-section-mobile .col-1-3-list ul { margin: 0 0 0 30px; padding: 0;}
.col-1-3-list {float: none;width: 100%;}
.contact-left {float: none;width: 100%;}  
.contact-left p {padding-right: 0;padding-bottom: 20px;} 
.contact-right {float: none;width: 100%;margin-bottom:40px}
.google-maps-section {padding-bottom: 65%;}     
#copyright {font-size: 11px;}
.header h1 { font-size: 24px;line-height: 1.2;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;}
.header h6 { font-size: 14px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;}
}

 @media screen and (max-width:376px) {
     
#sidebar-section {padding: 100px 0 100px 0;}
#equipement-bottom .col-1-3 {width: 100%;}
.formulaire-section button.wpcf7-form-control {margin-left:0}
.cta-btn {padding: 10px 15px 11px 18px}
a.cta-btn {font-size:16px;font-family: 'LatoWeb', Arial, Helvetica, Sans-serif;}
.accueil-top h3 {line-height:1.2;}
#sidebar-home {padding: 30px 0 54px 0;}
.header h6 { font-size: 12px;}
.formulaire-section .head-form-2 {font-size: 18px;}  
     .formulaire-section .wpcf7-submit {width:100%}
     
}

 @media screen and (max-width:320px) {
     
.documentation a {font-size: 11px;}
ul.liste-produit-menu li {font-size: 12px;}
.top-right-utility .phone a {font-size:11px}
.top-right-utility .email a {font-size:11px}

.cta-top {font-size: 24px;}
.cta-bot { font-size: 20px;}
.formulaire-section .head-form {font-size: 24px;}
.formulaire-section button.wpcf7-form-control {margin-left:0}
#cf7md-form .cf7md-submit-btn {padding: 0 80px 0 80px!important;}
.header h1 { font-size: 24px;line-height: 1.2;}
.header h6 { font-size: 16px;}
.header h5 { font-size: 14px;}
     
}