/*
Theme Name: Redbox Média - Thème Personnalisé
Theme URI: http://redboxmedia.ca/
Description: Ceci est un thème personnalisé créé par Redbox Média
Author: Redbox Média
Author URI: http://redboxmedia.ca/
Template: salient
Version: 1
*/



/* gravity forms */

.gform_fields{
	margin:0 -5px;
	list-style:none;
}

.gform_fields li{
	padding:0 5px;
	list-style: none !important;
	float:left;
	box-sizing: border-box;
}

.gform_fields:after{
	content: ' ';
	display:block;
	clear:both;
}

.col-gf-1  { width:   8%; }
.col-gf-2  { width:  16%; }
.col-gf-3  { width:  25%; }
.col-gf-4  { width:  33%; }
.col-gf-5  { width:  41%; }
.col-gf-6  { width:  50%; }
.col-gf-7  { width:  58%; }
.col-gf-8  { width:  66%; }
.col-gf-9  { width:  75%; }
.col-gf-10 { width:  83%; }
.col-gf-11 { width:  91%; }
.col-gf-12 { width: 100%; }

.validation_error{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.gform_confirmation_message{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

/* easy responsive */

@media(max-width:992px){ .visible-lg{display:none;} }
@media(min-width:992px){ .hidden-lg{display:none;} }

@media(max-width:992px) and (min-width:768px){ .hidden-md{display:none !important;} }
@media(min-width:992px){ .visible-md{display:none !important;} }
@media(max-width:768px){ .visible-md{display:none !important;} }

@media(max-width:768px) and (min-width:480px){ .hidden-sm{display:none !important;} }
@media(min-width:768px){ .visible-sm{display:none !important;} }
@media(max-width:480px){ .visible-sm{display:none !important;} }

@media(min-width:480px){ .visible-xs{display:none;} }
@media(max-width:480px){ .hidden-xs{display:none;} }

.row-flex{
	margin:0 -10px;
}

.row-flex.row-gutter-40{
	margin:0 -40px;
}

.row-flex.row-gutter-60{
	margin:0 -60px;
}

.row-flex:after{
	content:' ';
	display:block;
	clear:both;
}

.row-flex *[class*="span-flex"]{
	padding:0 10px;
}

.row-flex.row-gutter-40 *[class*="span-flex"]{
	padding:0 40px;
}

.row-flex.row-gutter-60 *[class*="span-flex"]{
	padding:0 60px;
}

.span-flex-lg-1, .span-flex-md-1, .span-flex-sm-1, .span-flex-xs-1  	{ width:   8%; margin:0; }
.span-flex-lg-2, .span-flex-md-2, .span-flex-sm-2, .span-flex-xs-2  	{ width:  16%; margin:0; }
.span-flex-lg-3, .span-flex-md-3, .span-flex-sm-3, .span-flex-xs-3  	{ width:  25%; margin:0; }
.span-flex-lg-4, .span-flex-md-4, .span-flex-sm-4, .span-flex-xs-4  	{ width:  33%; margin:0; }
.span-flex-lg-5, .span-flex-md-5, .span-flex-sm-5, .span-flex-xs-5  	{ width:  41%; margin:0; }
.span-flex-lg-6, .span-flex-md-6, .span-flex-sm-6, .span-flex-xs-6  	{ width:  50%; margin:0; }
.span-flex-lg-7, .span-flex-md-7, .span-flex-sm-7, .span-flex-xs-7  	{ width:  58%; margin:0; }
.span-flex-lg-8, .span-flex-md-8, .span-flex-sm-8, .span-flex-xs-8  	{ width:  66%; margin:0; }
.span-flex-lg-9, .span-flex-md-9, .span-flex-sm-9, .span-flex-xs-9  	{ width:  75%; margin:0; }
.span-flex-lg-10, .span-flex-md-10, .span-flex-sm-10, .span-flex-xs-10 	{ width:  83%; margin:0; }
.span-flex-lg-11, .span-flex-md-11, .span-flex-sm-11, .span-flex-xs-11 	{ width:  91%; margin:0; }
.span-flex-lg-12, .span-flex-md-12, .span-flex-sm-12, .span-flex-xs-12 	{ width: 100%; margin:0; }

@media (max-width:992px){
	.span-flex-lg-1, .span-flex-lg-2, .span-flex-lg-3, .span-flex-lg-4, .span-flex-lg-5, .span-flex-lg-6, .span-flex-lg-7, .span-flex-lg-8, .span-flex-lg-9, .span-flex-lg-10, .span-flex-lg-11, .span-flex-lg-12{
		width:100%;
	}
}

@media (max-width:768px){
	.span-flex-md-1, .span-flex-md-2, .span-flex-md-3, .span-flex-md-4, .span-flex-md-5, .span-flex-md-6, .span-flex-md-7, .span-flex-md-8, .span-flex-md-9, .span-flex-md-10, .span-flex-md-11, .span-flex-md-12{
		width:100%;
	}
}

@media (max-width:480px){
	.span-flex-sm-1, .span-flex-sm-2, .span-flex-sm-3, .span-flex-sm-4, .span-flex-sm-5, .span-flex-sm-6, .span-flex-sm-7, .span-flex-sm-8, .span-flex-sm-9, .span-flex-sm-10, .span-flex-sm-11, .span-flex-sm-12{
		width:100%;
	}
}



/**** général ***/
html body  {
	
	font-family: 'Red Hat Text', sans-serif;
	font-size: 18px;
	letter-spacing: .8px;
	color: #fff;
	font-weight: normal;
	line-height: 1.6;
}
body .bold, 
body strong, 
body b {
    font-family: 'Red Hat Text', sans-serif;
    font-weight: bold;
}

html body a {
	color: #fff;
}
html body a:hover {
	color: #f2cd00;
}

html body h1,
html body h2,
html body h3,
html body h4{
	font-family: 'Red Hat Display', sans-serif;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .5px;
}
html body h1 strong,
html body h2 strong,
html body h3 strong,
html body h4 strong {
	
}
html body.home h1 {
	font-size:90px ;
	text-transform: uppercase;
	letter-spacing: 4px;
}
html body.home h1 {
	opacity: 0;
	-webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all 500ms ease-out .7s;
    -moz-transition: all 500ms ease-out .7s;
    -o-transition: all 500ms ease-out .7s;
    transition: all 500ms ease-out .7s;
}

html body.home h1.visible {
	opacity: 1;
	-webkit-transform: translateX(0);
    transform: translateX(0);
}

html body h1,
html body h2 {
	font-size:42px ;
	text-transform: uppercase;
	letter-spacing: 1.87px;
}
html body .titre_tirait h2 {
	font-size:18px ;
	text-transform: uppercase;
	letter-spacing: 2.25px;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 500ms ease-out .7s;
    -moz-transition: opacity 500ms ease-out .7s;
    -o-transition: opacity 500ms ease-out .7s;
    transition: opacity 500ms ease-out .7s;
}

html body .titre_tirait h2:after {
	position: absolute;
    bottom: 9px;
    margin-left: 25px;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: #F2CD00;
      -webkit-transition: opacity 1000ms ease-out 1s;
    -moz-transition: opacity 1000ms ease-out 1s;
    -o-transition: opacity 1000ms ease-out 1s;
    transition: opacity 1000ms ease-out 1s;
    opacity: 0;
}
html body .titre_tirait.visible h2 {
	opacity: 1;
}
html body .titre_tirait.visible h2:after {
	opacity: 1;
}
html body h3 {
	font-size:42px ;
	text-transform: uppercase;
	letter-spacing: 1.87px;
	margin-bottom: 10px !important;
}


body .container {
	max-width: calc(1410px + 180px);
}

html body .gros_text {
	font-size: 26px;
}


html body .nectar-button {
	font-family: 'Red Hat Text', sans-serif;
	font-size: 16px !important;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 9px 36px !important;
	

}
html body .banner .nectar-button {
	margin-right: 30px ;
}
html body .nectar-button.see-through {
	
}
html body .nectar-button.accent-color {
	color: #131F2A !important;
	    border:2px solid #f2cd00!important;
}
body .nectar-button:hover, 
body .full-width-section .light .nectar-button:hover {
    opacity: 1;
   
}
.wpb_row > .span_12 {
	padding-top: 60px ;
	padding-bottom: 60px;
}

.wpb_row.no_pad_top > .span_12 {
	padding-top: 0 ;
	
}
.wpb_row.no_pad_bottom > .span_12 {
	
	padding-bottom: 0px;
}
.wpb_row .wpb_row > .span_12,
.wpb_row.no_padding > .span_12 {
	padding-top: 0;
	padding-bottom:0 ;
}


.material .titre_tirait.wpb_content_element {
    margin-bottom: 75px;
}
.material #avantages .titre_tirait.wpb_content_element {
    margin-bottom: 150px;
}


/***** form général *****/

body .gform_wrapper.gravity-theme input[type=color], 
body .gform_wrapper.gravity-theme input[type=date], 
body .gform_wrapper.gravity-theme input[type=datetime-local], 
body .gform_wrapper.gravity-theme input[type=datetime], 
body .gform_wrapper.gravity-theme input[type=email], 
body .gform_wrapper.gravity-theme input[type=month], 
body .gform_wrapper.gravity-theme input[type=number], 
body .gform_wrapper.gravity-theme input[type=password], 
body .gform_wrapper.gravity-theme input[type=search], 
body .gform_wrapper.gravity-theme input[type=tel], 
body .gform_wrapper.gravity-theme input[type=text], 
body .gform_wrapper.gravity-theme input[type=time], 
body .gform_wrapper.gravity-theme input[type=url], 
body .gform_wrapper.gravity-theme input[type=week], 
body .gform_wrapper.gravity-theme select, 
body .gform_wrapper.gravity-theme textarea {

	border: 1px solid #656D74;
	color: #fff;
	border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
        padding: 10px 15px;
        background-color: #131F2A;
}

body .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 138px;
}
body .gform_wrapper.gravity-theme .gform_footer, 
body .gform_wrapper.gravity-theme .gform_page_footer {
	text-align: right;
}
html body[data-button-style*="slightly_rounded"] .video_pop input[type=submit],
html body[data-form-submit="regular"] .container-wrap input[type=submit] {
	font-family: 'Red Hat Text', sans-serif;
	font-size: 16px !important;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 11px 34px !important;
	color: #131F2A !important;
	letter-spacing: 1.5px;
}
html body[data-button-style*="slightly_rounded"] .video_pop input[type=submit]:hover,
html body[data-form-submit="regular"] .container-wrap input[type=submit]:hover {
	color: #f2cd00 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

body .gform_fields {
	margin: 0;
}
body .gform_wrapper .gform_validation_errors {
    background: transparent;
    border-color: #CE0E2D;
    margin-bottom: 16px;
}
body .gform_wrapper .gform_validation_errors>h2 {
	color: #CE0E2D;
	font-size: 13px !important;
    text-transform: unset;
}
body .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    background: transparent;
    border: 0;
    margin-top: 3px;
    padding: 0 15px !important;
    font-size: 12px !important;
}




.les_projets .un_projet,
.les_emplois .un_poste .wrap_poste {
  cursor: url(images/cursor-emplois.svg) 40 40, auto ;
}

.les_temoignages{
   cursor: url(images/cursor-glisser-3.svg) 60 60, auto !important;
}
.slider_chiffre {
  cursor: url(images/cursor-glisser-3.svg) 60 60, grab !important;
}
html[lang="en-US"] .les_temoignages{
   cursor: url(images/cursor-glisser-EN.svg) 60 60, auto !important;
}
html[lang="en-US"] .slider_chiffre {
  cursor: url(images/cursor-glisser-EN.svg) 60 60, grab !important;
}
body .icon-button-arrow:before {
    font-size: 22px;
    font-weight: bold;
    line-height: .95;
}
html body.material .nectar-button.small.has-icon i {
    -webkit-transform: translate(0, -50%);
    transform: translate(0 ,-50%);
    -webkit-transition: all 250ms 2s ease-out;
  -moz-transition: all 250ms 2s ease-out;
  -o-transition: all 250ms 2s ease-out;
  transition: all 250ms ease-out;
}
html body.material .nectar-button.small.has-icon:hover i {
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px ,-50%);
}
html body.material .nectar-button.has-icon.small:not([class*="see-through"]) i {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
     -webkit-transition: all 250ms 2s ease-out;
  -moz-transition: all 250ms 2s ease-out;
  -o-transition: all 250ms 2s ease-out;
  transition: all 250ms ease-out;
}
html body.material .nectar-button.has-icon.small:not([class*="see-through"]):hover i {
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
}


/**** grille arrière plan ***/
body #footer-outer #copyright, 
body #footer-outer {
    background-color: transparent!important;
}
body .container-wrap {
	background-color: transparent;
}
.back-grid {
    position: fixed;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        max-width: 1410px;
        margin: 0 auto;

        display: flex;
            z-index: 2;
}
.back-grid div {
	border-left: 1px solid rgba(255,255,255,.1);
}
.back-grid div:nth-child(1) {
	width: 8.33%;
}
.back-grid div:nth-child(2) {
	width:  10.33%;
}
.back-grid div:nth-child(3) {
	width:  6.33%;
	border-style: dashed;
}
.back-grid div:nth-child(4) {
	width:  2.33%;
}
.back-grid div:nth-child(5) {
	width:  8.33%;
	border-style: dashed;
}
.back-grid div:nth-child(6) {
	width: 12.33%;
}
.back-grid div:nth-child(7) {
	width:  12.33%;
}
.back-grid div:nth-child(8) {
	width:  6.33%;
}
.back-grid div:nth-child(9) {
	width:  4.33%;
	
}
.back-grid div:nth-child(10) {
	width:  2.33%;
	border-style: dashed;
}
.back-grid div:nth-child(11) {
	width:  6.33%;
	
}
.back-grid div:nth-child(12) {
	width:  12.33%;
	border-style: dashed; 
}
.back-grid div:nth-child(13) {
	width:  8.33%;
	border-right: 1px solid rgba(255,255,255,.1);
}


.back-grid div:nth-child(14) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -16.6%;
	width:  8.33%;
	border-right: 1px solid rgba(255,255,255,.1);
}
.back-grid div:nth-child(15) {
	    width: 2.33%;
    right: -10.33%;
	position: absolute;
	top: 0;
	bottom: 0;
	
}
.back-grid div:nth-child(16) {
	position: absolute;
	top: 0;
	bottom: 0;
	
	    width: 2.33%;
    right: -12.66%;
	border-style: dashed; 
}

/****** header / menu *****/

html body #header-outer, 
html body[data-header-color="dark"] #header-outer {
    background-color: transparent;
}
html body #header-outer.small-nav, 
html body[data-header-color="dark"] #header-outer.small-nav {
    background-color: rgba(19,31,42,100);
}

body #top nav ul li a {
	font-size: 13px;
	letter-spacing: 1.63px;
	text-transform: uppercase;
	text-decoration:none;
}

	
.sf-menu a:hover{
	font-weight:bold;
}	
	
ul.sf-menu {
	
}
ul.sf-menu li, ul.sf-menu li a {
	display:inline-block;
	text-align:center;
}
ul.sf-menu a {
	text-decoration:none;
}
ul.sf-menu a:hover {
	font-weight:600;
}
ul.sf-menu a::after {
	display:block;
	content:attr(title);
	font-weight:bold;
	height:1px;
	color:transparent;
	overflow:hidden;
	visibility:hidden;
}

body #header-outer[data-lhe="default"] #top nav > ul > li > a {
	padding-left: 16px;
	padding-right: 16px;
}
body #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
	margin-left: 16px;
	margin-right: 16px;
}
body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a,
body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a {
	color: #131F2A !important;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-right: 43px !important;

}
body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"].sfHover:not(#social-in-menu) > a ,
body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover {
	color: #f2cd00!important;
}
body #header-outer[data-header-button_style="default"] #top nav >ul >li[class*="button_solid_color"] >a:hover:before {
	opacity: 1 !important;
}
body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a:after ,
body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a:after {
    content: "\e909";
    font-size: 22px;
    font-weight: bold;
    line-height: .95;
    text-decoration: inherit;
    speak: none;
    position: absolute;
    right: 14px;
    top: 40%;
    margin-left: ;
    -webkit-transform: translate(0, -50%);
    transform: translate(0 ,-50%);
    -webkit-transition: all 250ms 2s ease-out;
    -moz-transition: all 250ms 2s ease-out;
    -o-transition: all 250ms 2s ease-out;
    transition: all 250ms ease-out;
    display: inline-block;
    font-family: 'icomoon'!important;
    height: unset;
    color: #131F2A !important;
    overflow: unset;
    visibility: visible;
}

body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a:hover:after ,
body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a:hover:after {
	-webkit-transform: translate(10px, -50%);
    transform: translate(10px ,-50%);
     color: #f2cd00 !important;
}
html body[data-button-style*="slightly_rounded"] input[type=submit],
body body[data-button-style*="slightly_rounded"] .nectar-button,
html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before {
	    border-radius: 7px!important;
    -webkit-border-radius: 7px!important;
    border:  2px solid #f2cd00!important;
}
body .nectar-button[data-color-override="false"].regular-button.accent-color:hover,
html body[data-button-style*="slightly_rounded"] input[type=submit]:hover,
body body[data-button-style*="slightly_rounded"] .nectar-button:hover,
html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:hover:before {
	 background-color: #131F2A !important;
	 
   
}
body .nectar-button[data-color-override="false"].regular-button.accent-color:hover,
body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a:hover ,
body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a:hover {
	color: #f2cd00!important;
}
body.material .nectar-button.see-through {
	background-color: #131F2A !important;
}
body.material .nectar-button.see-through.accent-color[data-color-override="false"].see-through:hover {
	 background-color: #f2cd00 !important;
	 color: #131F2A!important;
}

html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before {
	height: 30px;
}

body #header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a {
	font-weight: 600;
}
body #header-outer[data-lhe="default"] #top nav .sf-menu.buttons > .current-menu-item > a {
	color: #131F2A !important;
}


html body[data-button-style="slightly_rounded_shadow"] .wp-block-button > .wp-block-button__link:hover, 
html body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover, 
html body[data-button-style="slightly_rounded_shadow"] .nectar-button:focus, 
html body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button.see-through:hover, 
html body[data-button-style="slightly_rounded_shadow"] input[type="submit"]:hover, 
html body[data-button-style="slightly_rounded_shadow"] input[type="submit"]:focus, 
html body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a:hover, 
html body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover, 
html body[data-button-style="slightly_rounded_shadow"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body[data-button-style="slightly_rounded_shadow"] .swiper-slide .button a:hover, 
html body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button.see-through-2:hover, 
html body[data-button-style="slightly_rounded_shadow"].ascend .nectar-button:hover, 
html body[data-button-style="slightly_rounded_shadow"].woocommerce-page .woocommerce p.return-to-shop a.wc-backward:hover, 
html body[data-button-style="slightly_rounded_shadow"] .sharing-default-minimal .nectar-love:hover, 
html body[data-button-style="slightly_rounded_shadow"] .sharing-default-minimal .nectar-social-inner > a:hover, 
html body[data-button-style="slightly_rounded_shadow"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover, 
html body[data-button-style="slightly_rounded_shadow"] .container-wrap input[type="submit"]:hover, 
html body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover, 
html body[data-button-style="slightly_rounded_shadow"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    box-shadow: unset !important;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

body #slide-out-widget-area-bg.fullscreen {
	background-color: rgba(19,31,42,100);
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child {
	display: none;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
	font-size: 3.4vw;
	font-size: 2.8vw;
	    line-height: 1;

	    font-family: 'Red Hat Text', sans-serif;
        color: #fff;
        font-weight: normal;

        letter-spacing: 1.63px;
        text-transform: uppercase;
        text-decoration: none;
        opacity: 1 !important;
        text-transform: uppercase;
        display: inline-block;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a:hover {
	font-weight: 500;
	color: #f2cd00 !important;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a {
	color: #131F2A !important;
    border: 2px solid #f2cd00 !important;
        border-radius: 7px!important;
    -webkit-border-radius: 7px!important;
    font-family: 'Red Hat Text', sans-serif;
    font-size: 2.4vw !important;
    font-size: 2.4vw !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
        padding: 0.8vw 3vw !important;
    background-color: #f2cd00;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:hover {
	background-color: #131F2A;
	color: #f2cd00 !important;
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:after {
	content: "\e909";
    font-size: 22px;
    font-weight: bold;
    line-height: .95;
    text-decoration: inherit;
    speak: none;
    position: absolute;
    top: 47%;
    margin-left: ;
    -webkit-transform: translate(0, -50%);
    transform: translate(0 ,-50%);
    -webkit-transition: all 250ms 2s ease-out;
    -moz-transition: all 250ms 2s ease-out;
    -o-transition: all 250ms 2s ease-out;
    transition: all 250ms ease-out;
    display: inline-block;
    font-family: 'icomoon'!important;
    height: unset;
    color: #131F2A !important;
    overflow: unset;
    visibility: visible;
    font-size: 2vw;
    right: .5vw;
    -webkit-transform: translate(-3px, -50%);    
    transform: translate(-3px ,-50%);
}
body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:hover:after  {
	color: #f2cd00 !important;
}

/****** avantages ******/


.avantages .iwithtext .iwt-icon {
	width: 329px;
	/*width: 48%;*/
	top: -56px;
	z-index: -1;
		opacity: 0;
		-webkit-transform: translateX(-30px);
	    transform: translateX(-30px);
	    -webkit-transition: all 500ms ease-out 1s;
	    -moz-transition: all 500ms ease-out 1s;
	    -o-transition: all 500ms ease-out 1s;
	    transition: all 500ms ease-out 1s;

}
.avantages .iwithtext.visible .iwt-icon {
	opacity: 1;
		-webkit-transform: translateX(0);
	    transform: translateX(0);
}
.row .col .avantages .iwithtext .iwt-icon img:not([srcset]) {
	width: auto;
	max-width: 100%;
}
.avantages .iwithtext .iwt-text {
    padding-left: 237px;
    /*padding-left: 34%;*/
    opacity: 0;
		
	    -webkit-transition: opacity 500ms ease-out 250ms;
	    -moz-transition: opacity 500ms ease-out 250ms;
	    -o-transition: opacity 500ms ease-out 250ms;
	    transition: opacity 500ms ease-out 250ms;
}
.avantages .iwithtext.visible .iwt-text {
	opacity: 1;
}

.avantages .wpb_column > .vc_column-inner{
	margin-bottom: 60px;
	/*margin-bottom: 3.4vw;*/
}


/**** banniere video ****/

body .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox {
	width: 120px;
	height: 120px;
}
body .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox:after {
	content: '';
	position: absolute;
	top: -15px;
	left: -15px;
	bottom: -15px;
	right: -15px;
	background-color: #CE0E2D;
	opacity: .3;
	  -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: -1;
		width: auto;
		height: auto;
}
body .nectar-video-box:hover .nectar_video_lightbox:after {
    -webkit-transform: unset;
    transform: unset;
}
body .nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow) .play,
body .nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {
	/*-webkit-transition: all 250ms ease-out ;
	    -moz-transition: all 250ms ease-out ;
	    -o-transition: all 250ms ease-out ;
	    transition: all 250ms ease-out ;*/
	        transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
}
body .nectar-video-box:hover a.nectar_video_lightbox:not(.play_button_mouse_follow) .play{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

body .nectar-video-box:hover a.nectar_video_lightbox:not(.play_button_mouse_follow):before{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
body .nectar-video-box:not([data-mouse-style="see_through_contrast"]) a.nectar_video_lightbox {
    box-shadow: unset;
}
body .nectar_video_lightbox svg,
body .nectar_video_lightbox .play img {
    width: 34px;
    height: 40px;
        margin-left: 4px;

        display: block;
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    transform: translateY(-50%) translateX(-50%) !important;
    -webkit-transform: translateY(-50%) translateX(-50%) !important;
}

body .nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {
	opacity: 1;
}

/**** emplois *****/


.les_emplois {
	display: flex;
	flex-wrap: wrap;

	margin: 0 -15px;
}
.les_emplois .un_poste {
	display: flex;
	width: 33.333%;
	padding: 0 15px;
	margin-bottom: 30px;
	opacity: 0;
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px) ;
	  -webkit-transition: all 500ms  ease-out ;
	-moz-transition: all 500ms  ease-out ;
	-o-transition: all 500ms ease-out ;
	transition: all 500ms  ease-out ; 
	  
}
.les_emplois .un_poste.visible:nth-child(4) ,
.les_emplois .un_poste.visible:nth-child(1) {
	
	   -webkit-transition: all 500ms  ease-out .500ms;
	-moz-transition: all 500ms  ease-out .500ms;
	-o-transition: all 500ms ease-out .500ms;
	transition: all 500ms  ease-out .500ms; 
}
.les_emplois .un_poste.visible:nth-child(5) ,
.les_emplois .un_poste.visible:nth-child(2) {
	
	   -webkit-transition: all 500ms  ease-out .75s;
	-moz-transition: all 500ms  ease-out .75s;
	-o-transition: all 500ms ease-out .75s;
	transition: all 500ms  ease-out .75s; 
}
.les_emplois .un_poste.visible:nth-child(6) ,
.les_emplois .un_poste.visible:nth-child(3) {
	
	   -webkit-transition: all 500ms  ease-out 1s;
	-moz-transition: all 500ms  ease-out 1s;
	-o-transition: all 500ms ease-out 1s;
	transition: all 500ms  ease-out 1s; 
}
.les_emplois .un_poste.visible {
	opacity: 1;
	  -webkit-transform: translateY(0);
	  transform: translateY(0) ;
	  
}
.les_emplois .un_poste h3 {
	letter-spacing: 0;
	margin-bottom: 24px;
}
.les_emplois .un_poste .wrap_poste {
	position: relative;
	background-color: rgba(61, 93, 122 ,.6);
	text-align: center;
	padding: 50px 15px;
	display: flex;
	    flex-direction: column;
	    min-height: 450px;
	    justify-content: center;
	    overflow: hidden;

}
.les_emplois .un_poste .wrap_poste .bg {
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
	transition: all .2s ease-in-out;
}
.les_emplois .un_poste .wrap_poste:hover .bg {
	transform: scale(1.1);
}
.les_emplois .un_poste .description {
	overflow: hidden;
	max-height: 0;
}
.les_emplois .un_poste .nectar-button {
	margin: 0;
	transition: all .2s ease-in-out;

}
.les_emplois .un_poste .wrap_poste:hover .nectar-button{
	background-color: #131F2A !important;
	color: #f2cd00 !important;
}
.les_emplois .un_poste .nectar-button svg {
	display: inline-block;
	margin-left: 10px;
}
.les_emplois .un_poste .wrap_poste:hover .nectar-button svg path {
	fill: #f2cd00 !important;
}


/***** témoignages *****/
.les_temoignages {
	padding-left: 25%;
	padding-right: 5%;
}
.les_temoignages .swiper-slide {
	padding: 60px 35px 60px 50px;
	background-color: #131F2A;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.9); 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.9);
}
.les_temoignages .swiper-slide .temoignage {
	
	font-style: italic;
	margin-bottom: 30px;
}
.les_temoignages .swiper-slide .photo_infos {
	display: flex;
}
.les_temoignages .swiper-slide .photo_infos .photo {
	width: 107px;
	height: 107px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.les_temoignages .swiper-slide .photo_infos .infos {
	width: calc(100% - 107px);
	padding-left: 12px;
}
.les_temoignages .swiper-slide .photo_infos .infos .nom {
	font-weight: bold;
	color: #F2CD00;
	margin-bottom: 8px;
}
.les_temoignages .swiper-slide .photo_infos .infos .lieu {
	font-size: 13px;
	color: #F2CD00;
	margin-top: 2px;
}
.les_temoignages .swiper-slide .photo_infos .infos .poste {
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	letter-spacing: 0;
}
.les_temoignages .swiper-slide .photo_infos .infos .anciennte {
	font-weight: bold;
	letter-spacing: normal;
}

/*** slider des chiffres ****/
.slider_chiffre {
	padding-right: 5%;
}
.slider_chiffre .swiper-slide {
	
	background-color: #131F2A;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.9); 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.9);
	display: flex;
	min-height: 725px;
	align-items: flex-end;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
}
.slider_chiffre .swiper-slide .textes_gauche{
	width: 45%;
	padding: 100px 70px 100px 80px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;

}
.slider_chiffre .swiper-slide .info_droite{
	width: 55%;
	position: relative;
}
.slider_chiffre .swiper-slide .info_droite .photo {
	display: flex;
	    justify-content: flex-end;
}
.slider_chiffre .swiper-slide .info_droite .photo img{
	margin-bottom: 0;
}
.slider_chiffre .swiper-slide .info_droite .titre {
	position: absolute;
	left: 20px;
	right: 80px;
	bottom: 90px;
	color: #F2CD00;
	font-size: 90px;
	font-weight: bold;
	font-family: 'Red Hat Display', sans-serif;
	text-transform: uppercase;
	line-height: 1;
}
.slider_chiffre .swiper-slide .info_droite .titre strong {
	font-size: 120px;
	font-size: 1.33em;
	display: inline-block;
}




/******** les_projets *******/
#projets .wpb_row {
	margin-bottom: 100px;
}
.les_projets .un_projet {
	opacity: 0;
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px) ;
	   -webkit-transition: all 500ms  ease-out ;
	-moz-transition: all 500ms  ease-out ;
	-o-transition: all 500ms ease-out ;
	transition: all 500ms  ease-out ; 
}
.les_projets .un_projet.visible {
	
	   -webkit-transition: all 500ms  ease-out .500ms;
	-moz-transition: all 500ms  ease-out .500ms;
	-o-transition: all 500ms ease-out .500ms;
	transition: all 500ms  ease-out .500ms; 
}
.les_projets .un_projet.visible:nth-child(2){
	 -webkit-transition: all 500ms  ease-out .7s;
	-moz-transition: all 500ms  ease-out .7s;
	-o-transition: all 500ms ease-out .7s;
	transition: all 500ms  ease-out .7s; 
}
.les_projets .un_projet.visible {
	opacity: 1;
	  -webkit-transform: translateY(0) ;
	  transform: translateY(0) ;
}
.les_projets .un_projet .description {
	overflow: hidden;
	max-height: 0;
}
.les_projets .un_projet .sous-titre {
	padding-bottom: 0;
}
.un_projet .photo {
	  -webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		overflow: hidden;
		margin-bottom: 20px;
} 
.un_projet .photo img{
	margin-bottom:0 ;
	display: block;
}
.video_pop.pop_projets h3 ,
html body .un_projet h3 {
	font-size: 18px;
	letter-spacing: .8px;
	margin-bottom: 3px !important;
	font-weight: bold;
	font-family: 'Red Hat Text', sans-serif;
}
.video_pop.pop_projets .sous-titre ,
html body .un_projet .sous-titre {
	font-size: 13px;
	letter-spacing: .58px;
	line-height: 1.2;
}

.projets_col {
display: flex;
}
.projets_col:nth-child(2n - 3) {
	    align-items: flex-end;
}
.projets_col .un_projet {
	width: 50%;
	margin-bottom: 100px;
}
.projets_col .un_projet:nth-child(2) {
	width: 45%;
	margin-left: 5%;
}
.projets_col:nth-child(2n) .un_projet:nth-child(2) {
	width: 50%;
	margin-left: 0;
}
.projets_col:nth-child(2n) .un_projet:nth-child(1) {
	width: 45%;
	margin-right: 5%;
}


/** contact   ***/
#contact .social {
	margin: 0;
	margin-left: -15px;
}
#contact .social li {
	display: inline-block;
	vertical-align: middle;
	list-style: unset;
	margin: 0 15px;
}
#contact .social li a {
	display: flex;
	width: 48px;
	height: 48px;
	background-color: #CE0E2D;
	color: #F2CD00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	align-items: center;
    justify-content: center;
    font-size: 29px;
    
}
#contact .social li a i[class*="fa-"] {
	top: 0;
}
#contact .wpb_column:nth-child(2) .vc_column-inner {
	padding-left: 5%;
}
#contact .img-with-aniamtion-wrap  {
	margin-bottom: 2em;
}


/**** footer ***/
#footer-outer .col {
    
    width: 100%;
    margin-right: 0;
}
body #footer-outer #copyright {
	font-size: 13px;
	text-transform: uppercase;
}


/*****popup ****/
html.popup {
	overflow-y: hidden;
}
.video_pop {
	display: block;
    position: fixed;
    top: 0;
    right: -101%;
    height: 100%;
    width: 100%;
    opacity: .7;
    background: rgba(19,31,42,.9);
    color: #fff;
    z-index: 100;
    overflow: hidden;
    -webkit-transition: all 500ms ease-out ;
        -moz-transition: all 500ms ease-out ;
        -o-transition: all 500ms ease-out ;
        transition: all 500ms ease-out ;
    /* border-radius: 999px; */
    overflow: auto;
	
}
.video_pop.open_pop {
    width: 100% !important;
    
   height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 9997;
    z-index: 99972;
    border-radius: 1px;
    opacity: 1;
    padding: 25px 25px;
}
.video_pop > .video_pop_wrap { 
	display: table;
	min-height: 100vh;
	width: 100%;
 }
.video_pop .wrap {
	display: table-row;
}
.video_pop .video {
	display: table-cell;
	vertical-align: middle;
}
.video_pop .wrap_video {

    
    display: block;
    vertical-align: middle;
  	background-color: #131F2A;
    position: relative;
    max-width: 1050px ;
     max-width: 1450px ;
    margin: 0 auto;
    	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.9); 
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.9);
    padding: 60px 65px;
}
.embauche .wrap_emploi {
	display: flex;
}
.embauche .wrap_emploi > div {
	width: 40%;
}
.embauche .wrap_emploi .description {
	padding-right: 30px;
	width:60% ;
	overflow: auto;
    max-height: 548px;
}
.embauche .wrap_emploi .form {
	padding-left: 3%;
}
.video_pop.gform_wrapper.gravity-theme .gform_footer {
	margin: 0;
	padding: 0;
}


.video_pop.pop_projets h2 {

}
.video_pop.pop_projets .une_video,
.video_pop.pop_projets .projet_video .photo {
	display: none;
}

.video_pop.pop_projets .projet_video .une_video {
	display: block;
}
.video_pop.pop_projets .projet_video .une_video {
	position: relative;
	padding-top: 56%;
	margin-bottom: 20px;
}
.video_pop.pop_projets .projet_video .une_video .image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  cursor: pointer;
}
.video_pop.pop_projets .projet_video .une_video .image:hover .play_icon svg{
	    transition: all 0.2s ease;
	
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
}
.video_pop.pop_projets .projet_video .une_video iframe {
	position: absolute;
	top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-50%);
    z-index: 1;
}
.video_pop.pop_projets .projet_video .une_video .play_icon {
	display: block;
		position: absolute;
		top: 50%;
	    left: 50%;
	   
	    transform: translate(-50%,-50%);
	    z-index: 2;
}
.video_pop.pop_projets .projet_video .une_video .play_icon svg {
	display: block;
}
.video_pop.pop_projets .projet_video .une_video .play_icon:after {
	content: '';
	position: absolute;
	top: -15px;
	left: -15px;
	bottom: -15px;
	right: -15px;
	background-color: #CE0E2D;
	opacity: .3;
	  -webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: -1;
		
}


body .video_pop input[type=text], 
body .video_pop textarea, 
body .video_pop input[type=email], 
body .video_pop input[type=password], 
body .video_pop input[type=tel], 
body .video_pop input[type=url], 
body .video_pop input[type=search], 
body .video_pop input[type=date], 
body .video_pop .material.woocommerce-page[data-form-style="default"] input#coupon_code, 
body .video_pop select {
   /* background-color:transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #818181;
    height: 65px;
    color: #0F4C82 ;
    font-size: 20px;*/
}
body .video_pop .coordonnees input[type=text], 
body .video_pop .coordonnees textarea, 
body .video_pop .coordonnees input[type=email], 
body .video_pop .coordonnees input[type=password], 
body .video_pop .coordonnees input[type=tel], 
body .video_pop .coordonnees input[type=url], 
body .video_pop .coordonnees input[type=search], 
body .video_pop .coordonnees input[type=date], 
body .video_pop .coordonnees .material.woocommerce-page[data-form-style="default"] input#coupon_code, 
body .video_pop .coordonnees select {
  /*  background-color:#dae0e8;
    border-radius: 4px;
    border: 0;
    border-bottom: 0;
    
    color: #0F4C82 ;
    font-size: 20px;*/
}
.gform_fields .gfield.custom_upload label {
   display: block;
   font-family: 'Red Hat Text', sans-serif;
   
   font-weight: normal; 
   background: url(images/upload-icon.png) no-repeat 98% 50%;

   text-align: left;

   margin-top: 0;
   border: 1px solid #656D74;
   color: #fff;
   border-radius: 0 !important;
   -webkit-border-radius: 0 !important;
   padding: 10px 36px 10px 15px;
}
.custom_upload .ginput_container_fileupload {
   position: relative;
}
.gform_fields .custom_upload  input[type='file'] {
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   z-index: -1;
}
body .gform_wrapper.gravity-theme .gform_fileupload_rules {
	display: none;
}
body .gform_wrapper .gfield_required {
	color: #fff;
}


.video_pop [type="radio"]:checked,
.video_pop [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.video_pop .gfield_radio > div {
	margin-bottom: 15px;
}
.video_pop [type="radio"]:checked + label,
.video_pop [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #0F4C82;
    font-size: 24px;
}
.video_pop [type="radio"]:checked + label:before,
.video_pop [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.video_pop [type="radio"]:checked + label:after,
.video_pop [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0F4C82;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.video_pop [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.video_pop [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}




.video_pop .video h2 {
	
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 25px;
}

.video_pop .close_form {
	margin-top: 60px;
	color: #fff !important;
	display: inline-block;
	cursor: pointer;
}
.video_pop .gform_fields {
    margin: 0;
    list-style: none;
}

.video_pop .close {
    display: inline-block;
    width: 35px;
    height:35px;
    text-align: center;
    font-size: 42px;
    position: absolute;
    opacity: 1;
    top: 22px;
    right: 10px;
    cursor: pointer;
    z-index: 22;
    color: #F2CD00;
    font-weight: 100;

   
            line-height: .85;
        -webkit-transition: transform 250ms ease-out ;
        -moz-transition: transform 250ms ease-out ;
        -o-transition: transform 250ms ease-out ;
        transition: transform 250ms ease-out ;
    transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform-origin: 50% 50%;
}

.video_pop .close:hover {
	transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}




/****** page d'un emmploi  *****/


.single-emploi .main-content .row{
	display: flex;
	    flex-wrap: wrap;

}
.single-emploi .main-content .emploi_titre {
	width: 100%;
	margin-bottom: 35px;
}
.single-emploi .main-content .info_emploi {
	
	width: 60%;
	padding-right: 4%;
}
.single-emploi .main-content .form_emploi_col{
	
	width: 40%;
}

@media(max-width:1590px){ 
	
	body #header-outer[data-lhe="default"] #top nav > ul > li > a {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a, 
	body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a {
	   
	    font-size: 14px;
	    letter-spacing: 1px;
	    padding-right: 32px !important;
	}
	body #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a {
		padding-left: 13px !important;
	}
	
	body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a:after, body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a:after {
	    font-size: 20px;
	    
	    right: 3px;
	    -webkit-transform: translate(-3px, -50%);
	    transform: translate(-3px ,-50%);
	    
	}
	body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a:hover:after, body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a:hover:after {
	    -webkit-transform: translate(3px, -50%);
	    transform: translate(3px ,-50%);
	    
	}
	html body.home h1 {
	    font-size: 5.6vw;

	    letter-spacing: .25vw;
	}
	
	html body .titre_tirait h2 {
	    font-size: 17px;
	}
	html body h1, html body h2,
	html body h3 {
	    font-size: 2.61vw;
	    letter-spacing: .11vw;
	}
	.wpb_row > .span_12 {
	    padding-top: 55px;
	    padding-bottom: 55px;
	}
	.avantages .iwithtext .iwt-icon {
		
		width: 48%;
		

	}
	
	.avantages .iwithtext .iwt-text {
	   
	    padding-left: 34%;
	    
	}
	

	.avantages .wpb_column > .vc_column-inner{
		
		margin-bottom: 3.4vw;
	}
	.les_emplois .un_poste .wrap_poste {
		    min-height: 28vw;
		        padding: 3vw 15px;
	}
	.material #avantages .titre_tirait.wpb_content_element {
	    margin-bottom: 9vw;
	}
	.slider_chiffre .swiper-slide .info_droite .titre {
	    left: 1.1vw;
	    right: 1.1vw;
	    bottom: 5vw;
	    font-size: 5.6vw;
	}
	.slider_chiffre .swiper-slide .textes_gauche {
	   
	    padding: 5vw 4.6vw 6vw 5vw;
	}
	.slider_chiffre .swiper-slide {
	    
	    min-height: 47vw;
	}
	
}
@media(max-width:1300px){ 
	.wpb_row > .span_12 {
	    padding-top: 45px;
	    padding-bottom: 45px;
	}
	.les_emplois {
	   
	    margin: 0 -10px;
	}
	.les_emplois .un_poste {

	    padding: 0 10px;
	        margin-bottom: 20px;
	}
	body .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox {
	    width: 9.5vw;
	    height: 9.5vw;
	        margin-left: -3.75vw;
    	margin-top: -3.75vw;
	}
	body .nectar_video_lightbox svg, body .nectar_video_lightbox .play img {
	   
	    height: 3vw;
	    margin-left: .2vw;
	}
	body .nectar-video-box[data-play-button-size="larger"] .nectar_video_lightbox:after {
	    
	    top: -1vw;
	    left: -1vw;
	    bottom: -1vw;
	    right: -1vw;
	}
	.les_temoignages {
	    padding-left: 10%;
	    padding-right: 5%;
	}
	.les_temoignages .swiper-slide .photo_infos .photo {
	    width: 80px;
	    height: 80px;
	}
	.les_temoignages .swiper-slide .photo_infos .infos {
	    width: calc(100% - 80px);
	    padding-left: 12px;
	}
    html body .gros_text {
        font-size: 2vw;
    }	
}
@media(max-width:1304px){ 
	body #top .span_9 nav .buttons {
		margin-right: 25px;
	}
	body #top .span_9 nav .buttons .menu-item {
	    position: relative;
	    visibility: visible;
	        pointer-events: unset;
	}
	body #top .span_9 nav .buttons .menu-item {
		white-space: nowrap;
	}
	html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before {
	    height: 26px;
	}
	body #header-outer #top .span_9 nav .sf-menu:not(.buttons) > li.wpml-ls-item {
		position: relative;
	    visibility: visible;
	        pointer-events: unset;
	}
	body #header-outer[data-format="centered-menu"] #top .span_9 nav .sf-menu:not(.buttons) {
		-webkit-justify-content: flex-end; 
		    -moz-justify-content: flex-end;
		    -ms-flex-pack: flex-end;
		    -ms-justify-content: flex-end;
		    justify-content: flex-end;
	}
}
	
@media(max-width:999px){ 
	html body .titre_tirait h2 {
	    font-size: 15px;
	}
	body .container {
	    max-width: 82%;
	}
	.avantages > .span_12 > .wpb_column {
		margin-top: 0 !important;
		    min-height: 28vw;
		    margin-bottom: 8vw !important;
	}
	.avantages:last-child > .span_12 > .wpb_column:last-child {
		margin-bottom: 0 !important;
	}
	.material .wpb_row.avantages {
		margin-bottom: 0;
	}
	html body .nectar-button {
	   
	    font-size: 14px !important;
	   
	    padding: 9px 31px !important;
	}
	.avantages .iwithtext .iwt-icon {
	    width: 41%;
	}
	.les_emplois .un_poste {
	    
	    width: 50%;
	}
	html body h3 {
	    font-size: 3.81vw;
	    letter-spacing: .11vw;
	}
	.les_emplois .un_poste .wrap_poste {
	    min-height: 39vw;
	    padding: 4vw 15px;
	}
	.video_pop.pop_projets h3, html body .un_projet h3 {
	    font-size: 16px;
	    letter-spacing: .4px;
	}
	.premier_projet {
		padding-top: 25px;
	}
	.les_temoignages {
	    padding-left: 20%;
	    padding-right: 10%;
	}
	.les_temoignages .swiper-slide {
	    padding: 6vw 4vw 6vw 5vw;
	}
	html body .gros_text {
	    font-size: 25px;
	}
	#contact .wpb_column:nth-child(2) .vc_column-inner {
	    padding-left: 0;
	    padding-top: 25px;
	}
	#contact .contact_infos .img-with-aniamtion-wrap {
		max-width: 50%;
	}
	body #footer-outer #copyright .col {
	    width: 100%;
	    
	}
	#footer-outer #footer-widgets {
	   
	    display: none;
	}
	.video_pop .video h2 {
	    font-size: 4.2vw;

	    margin-bottom: 2.5vw;
	}
	.video_pop.open_pop {
	    
	    padding: 25px 2.4vw;
	}
	.video_pop .wrap_video {
	    
	    padding: 60px 6vw;
	}
	body #header-outer #top nav {
	    display: flex!important;
	    float: left;
	}
	#header-outer[data-format="centered-menu"] #top nav >.sf-menu:first-child >li {
		display: none;
	}
	#header-outer[data-format="centered-menu"] #top nav >.sf-menu:first-child >li.wpml-ls-item{
		display: block;
	}
	body #header-outer[data-format="centered-menu"] #top nav >.buttons {
		position: relative;
	}
	html body[data-slide-out-widget-area="true"] #top .col.span_3 {
	    width: auto;
	}
	html body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before {
	    height: 20px;
	}
	body #header-outer #top nav > ul {

	    padding: 7px 0 15px 0;
	   
	}
	body.material .nectar-button.has-icon i {
	    right: 6px;
	}
	html body {
		font-size: 16px;
	}
}
@media(max-width:768px){ 
	.embauche .wrap_emploi {
	    
	    flex-direction: column;
	}
	.embauche .wrap_emploi > div {
	    width: 100%;
	    margin-bottom: 40px;
	}
	.embauche .wrap_emploi .description {
	    padding-right: 0;
	    width: 100%;
	    overflow: auto;
	    max-height: unset;
	}
	.embauche .wrap_emploi .form {
	    padding-left: 0;
	     width: 100%;
	    max-width: 500px;
	    margin: 0 auto;
	}
	.embauche .wrap_emploi > div:last-child {
		margin-bottom: 0;
	}
	.video_pop.pop_projets .projet_video .une_video .play_icon svg {
	   
	    width: 12vw;
	    height: 12vw;
	}
	.video_pop.pop_projets .projet_video .une_video .play_icon:after {
	    top: -1.5vw;
	    left: -1.5vw;
	    bottom: -1.5vw;
	    right: -1.5vw;
	}
	.single-emploi .main-content .row {
	    flex-direction: column;
	}
	.single-emploi .main-content .info_emploi {
	    width:100%;
	    padding-right:0;
	    margin-bottom: 35px;
	}
	.single-emploi .main-content .form_emploi_col {
	    width: 100%;
	    max-width: 500px;
	    margin: 0 auto;
	}
	html body[data-button-style*="slightly_rounded"] .video_pop input[type=submit], html body[data-form-submit="regular"] .container-wrap input[type=submit] {
	  
	    font-size: 14px !important;
	    
	    padding: 9px 29px !important;

	}
}
@media(max-width:690px){ 
	html body h1, html body h2, html body h3 {
	    font-size: 23px;
	    letter-spacing: 1.5px;
	}
	html body.home h1 {
	    font-size: 6.6vw;
	    letter-spacing: .45vw;
	}
	.avantages .iwithtext .iwt-icon {
	    
	    top: -6vw;
	}
	html body .un_poste h3 {
	    font-size: 3.8vw;
	    letter-spacing: 1.5px;
	}
	.projets_col {
	    
	    flex-direction: column;
	}
	#projets .wpb_row {
	    margin-bottom: 66px;
	}
	.projets_col .un_projet {
	    width: 100%;
	    margin-bottom: 66px;
	}
	.projets_col .un_projet:nth-child(2) {
	    width: 100%;
	    margin-left: 0;
	}
	.projets_col:nth-child(2n) .un_projet:nth-child(1) {
	    width: 100%;
	    margin-right: 0;
	}
	.projets_col:nth-child(2n) .un_projet:nth-child(2) {
	    width: 100%;
	    margin-left: 0;
	}
	.les_temoignages {
	    padding-left: 12%;
	    padding-right: 5%;
	}
	.slider_chiffre .swiper-slide {
	    
	    flex-direction: column;
	}
	.slider_chiffre .swiper-slide .textes_gauche {
	    padding: 6vw 5.6vw 6vw 7vw;
	    width: 100%;
	}
	.slider_chiffre .swiper-slide .info_droite {
	    width: 100%;
	    
	}
	.slider_chiffre .swiper-slide .info_droite .photo {
	  
	    max-width:55%;
	    float: right;
	}
	.slider_chiffre .swiper-slide .info_droite .titre {
	    left: 6.1vw;
	    right: 6.1vw;
	    bottom: 5vw;
	    font-size: 7.6vw;
	}
	.slider_chiffre .swiper-slide .info_droite .photo img {
		max-height: ;
	}
	.video_pop .video h2 {
	    font-size: 28px;
	    margin-bottom: 16px;
	}
	.slider_chiffre .swiper-slide .textes_gauche {
	    
	    justify-content: unset;
	}
	body #header-outer[data-lhe="default"] #top nav >ul >li[class*="button_solid_color"] >a, body #header-outer[data-lhe="animated_underline"] #top nav >ul >li[class*="button_solid_color"] >a {
	    font-size: 12px;
	   
	    padding-right: 29px !important;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
		font-size: 20px;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a {
		font-size: 17px;
		padding: 5.5px 20.5px;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:after {
		font-size: 15px;
	}
	html body .nectar-button {
	    font-size: 14px !important;
	    padding: 9px 19px !important;
	}
		  
}

@media(max-width:479px){ 
	html body {
	    
	    font-size: 16px;
	}
	body .container {
	    max-width: 86%;
	}
	.wpb_row > .span_12 {
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	html body.home h1 {
	    font-size: 7.5vw;
	    letter-spacing: .45vw;
	}
	html body h1, html body h2, html body h3 {
	    font-size: 5.7vw;
	    letter-spacing: 1.5px;
	}
	.les_emplois .un_poste {
	    width: 100%;
	}
	.les_emplois .un_poste .wrap_poste {
	    min-height:86vw;
	    padding: 5vw 15px;
	}
	html body .un_poste h3 {
	    font-size: 6.8vw;
	    letter-spacing: 1.5px;
	}
	html body .titre_tirait h2 {
	    font-size: 13px;
	}
	html body .titre_tirait h2:after {

	    bottom: 6px;
	}
	.les_temoignages {
	    padding-left: 8%;
	    padding-right: 5%;
	}
	.les_temoignages .swiper-slide .photo_infos .photo {
	    width: 50px;
	    height: 50px;
	}
	.les_temoignages .swiper-slide .photo_infos .infos {
	    width: calc(100% - 50px);
	    padding-left: 12px;
	}
	html body .gros_text {
	    font-size: 22px;
	}
	#contact.wpb_row > .span_12 {
		padding-bottom: 0;
	}
	html body[data-button-style*="slightly_rounded"] .video_pop input[type=submit], html body[data-form-submit="regular"] .container-wrap input[type=submit] {
	    
	    font-size: 12px !important;
    	padding: 6px 22px !important;

	    
	}
	.video_pop .video h2 {
	    font-size: 25px;
	    margin-bottom: 16px;
	}
	.video_pop .wrap_video {
	   
	    padding: 45px 6vw;
	}
	.video_pop .close {
	    
	    top: 9px;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
	    font-size: 5.4vw;
	}
	html body.material #header-outer[data-using-pr-menu="true"] #top nav >.buttons {
		display: none;
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child {
		display: block;
	}



	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a {
    
	    font-size: 4.4vw !important;
	    
	    padding: 1.8vw 6vw 1.8vw 4vw !important;
	    
	}
	body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li:last-child a:after {
	    
	    font-size: 4vw;
	    right: 0.5vw;
	    
	}
	html body .nectar-button {
	    font-size: 14px !important;
	    padding: 9px 19px !important;
	}
	.les_emplois .un_poste .wrap_poste {
	    min-height: 78vw;
	    padding: 5vw 15px;
	}
	.slider_chiffre {
	    padding-right: 10%;
	}
}