/*-----------------------------------------------*\

1 - $GLOBAL
2 - $HELPERS
3 - $STYLES
4 - $HEADER
5 - $FOOTER
6 - $PAGES
7 - $FORMS
8 - $MEDIA QUERIES
9 - $FONTS

@ Colorz :
color: #292626; (noir)
color: #e82929; (rouge)

@ Font-family :
font-family: 'CoveredByYourGrace';
font-family: 'KarbonLight';
font-family: 'KarbonBold';
font-family: 'KarbonMedium';
font-family: 'KarbonRegular';
font-family: 'dnkicon';

@ Font-size :
font-size: 0.867em;  (13px)

\*-----------------------------------------------*/


/*-----------------------------------------------*\
1 -- $GLOBAL
\*-----------------------------------------------*/


body{
    font-size: 100%;
    font-size: 0.938em; /* 15px */
    line-height: 1.25em;
    font-family: "KarbonRegular", Verdana, Arial, sans-serif;
    color: #292626;
}

a{
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    text-decoration: none;
    color: inherit;
}

strong{
    font-weight: normal;
}

.wrapper_1200{
    margin: 0 auto;
    width: 1180px;
}

.wrapper_960{
    position: relative;
    margin: 0 auto;
    width: 960px;
}

.d-none {
    display: none!important;
}


/*-----------------------------------------------*\
2 -- $HELPERS
\*-----------------------------------------------*/


.ilb{
    display: inline-block;
    *display:inline; /* Hack IE7 */
    zoom:1;
}

.bb{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icon{
    text-indent: -9999px;
    background: url('../img/sprite-icons.png') no-repeat;
}

.fright{
    float: right;
}

.fleft{
    float: left;
}

.no-trans{
    -webkit-transition: none;
    transition: none;
}

.trans{
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

.upp{
    text-transform: uppercase;
}

.bold,
.text strong{
    font-family: 'KarbonBold';
}

.hidden{
    display: none;
}

.width50{
    float: left;
    width: 50%;
}

.pr68{
    padding-right: 68px;
}

.pl20{
    padding-left: 20px;
}
.text-center {
  text-align: center;
}



/*-----------------------------------------------*\
3 -- $STYLES
\*-----------------------------------------------*/

.bgGrey {
    background-color: #ededec;
}

.title-condensed{
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.title{
    font-family: "KarbonBold";
    font-size: 2.333em; /* 35px */
    line-height: 1.15em;
}

.title a{
    color: #292626;
}

.title a:hover{
   color: #e82929;
}

.intitule{
    font-size: 2em;
    line-height: 1.2em;
    font-family: "KarbonBold";
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.subTitle{
    font-family: 'CoveredByYourGrace';
    color: #e82929;
    font-size: 1.33em;
    letter-spacing: 0.05em;
}

.intro{
    font-size: 2.2em;
    line-height: 1.152em;
}

.cat{
    text-transform: uppercase;
    color: #888;
    letter-spacing: 0.06em;
}

.fGrace{
    font-family: 'CoveredByYourGrace';
}

.cRed{
    color: #e82929;
}

.btn,
.button{
    position: relative;
    width: 170px;
    height: 51px;
    line-height: 51px;
    padding-left: 20px;
    background: #fff;
    color: #292626;
    text-transform: uppercase;
    font-family: "KarbonBold";
    font-size: 0.867em;  /* 13px */
    letter-spacing: 0.05em;
    transition: background 500ms ease;
    -webkit-transition: background 500ms ease;
}

.btn span,
.button span{
    position: relative;
    display: block;
    left: 50%;
    margin-left: -60px;
    width: 100px;
    text-align: center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.btn:after,
.button:after{
    content: "";
    position: absolute;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    opacity: 0;
}

.btn:hover span,
.button:hover span{
    margin-left: -100px;
}

.btn-arrow {
    position: relative;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    font-family: "KarbonBold";
    font-size: 0.8125rem;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0;
    border-radius: 24px;
    background-color: rgba(78,75,73,0.1);
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
.btn-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: auto;
    margin-left: 20px;
    background: url('../img/sprite-icons.png') no-repeat -216px -34px;
    background-size: 250px;
    opacity: 1;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    /* Debug transform firefox */
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Debug transform chrome */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.btn-arrow:hover {
    background-color: rgba(78,75,73,0.3);
}
.btn-arrow:hover:after {
    transform: translateX(8px);
}
.btn-arrow.red {
    color: #fff!important;
    background-color: #e82929;
}
.btn-arrow.red:after {
    background-position: -216px -11px;
}
.btn-arrow.red:hover {
    background-color: #ce2626;
}

.readMore{
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.readMore:after{
    content: "";
    position: absolute;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-left : 40px;
    background: url('../img/sprite-icons.png') no-repeat -197px -7px;
    opacity: 0;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    /* Debug transform firefox */
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Debug transform chrome */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.seeMore{
    color: #e82929;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.seeMore:before{
    content: "—";
    margin-right: 3px;
}

.seeMore:hover{
    color: #000;
}

.contactPush {
    margin-top: 40px;
    padding: 105px 0 180px;
    text-align: center;
}
.contactPush-title {
    font-family: 'KarbonBold';
    font-size: 4.375rem;
    line-height: 1;
    color: #e82929;
    letter-spacing: -0.04em;
}
.contactPush + #footer {
    margin-top: 0;
}
.contactPush .btn {
    margin-top: 30px;
    background-color: #e82929;
    color: #fff;
}
.contactPush .btn:after {
    background-position: -216px -11px;
}
.contactPush .btn:hover {
    background-color: #B50000;
}


/*-----------------------------------------------*\
4 -- $HEADER
\*-----------------------------------------------*/

#header ul{
    display: inline-block;
    letter-spacing: 0.05em;
}

#header ul li{
    float: left;
    display: block;
    font-family: "KarbonBold";
    text-transform: uppercase;
}

#header #toolbox{
    height: 41px;
    line-height: 41px;
    color: #a9a9a8;
    background: #292726;
    font-size: 0.867em; /* 13px */
}

#header .newsletter{
    text-transform: uppercase;
    margin: 0 26px;
}

#header #toolbox li{
    margin-right: 16px;
}

#header #toolbox a{
    color: #a9a9a8;
}

#header #toolbox a:hover,
#header #toolbox a:active{
    color: #fff;
}

#header .blog{
    text-transform: uppercase;
}

#header .bold{
    font-family: "KarbonBold";
}

#header .rs{
    position: relative;
    height: 40px;
    top: 8px;
    margin-right: 10px;
}

#header .rs .icon{
    width: 17px;
    height: 19px;
    margin-right: 13px;
    opacity: 0.6;
}

#header .rs .icon:hover,
#header .rs .icon:active{
    opacity: 1;
}

#header .rs .icon.via{ background-position: -32px 0px;}
#header .rs .icon.tw{ background-position: -64px 0px;}

#header .searchBtn{
    position: relative;
    vertical-align: top;
    padding: 0 18px;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}

#header .searchBtn a{
    opacity: 0.6;
}

#header .searchBtn a:not(.open):hover,
#header .searchBtn a:not(.open):active
{
    opacity: 1;
}

#header .searchBtn .icon{
    height: 40px;
    width: 20px;
    background-position: -95px 10px;
}

#header .searchBtn.open{
    background-color: #e5e5e5;
}

#header .searchBtn.open a{
    -webkit-filter: brightness(0.3);
    -moz-filter: brightness(0.3);
    -ms-filter: brightness(0.3);
    -o-filter: brightness(0.3);
    filter: brightness(0.3);
}

#header .main-nav{
    height: 82px;
    line-height: 82px;
    position:relative;
}

#header .logo{
    position: absolute;
}

#header .logo img{
    display: block;
}

#header .logo a:hover img,
#header .logo a:active img,
#footer .logo a:hover img{
    opacity: 0.5;
}

#header .main-nav{
    background: #fff;
    z-index: 10;
}

#header .main-menu{
    display: inline-block;
    width: 100%;
    height: 53px;
    text-align: right;
    z-index: 10;
}

#header .main-menu .menu {
    height: 59px;
    margin-top: 6px;
    vertical-align: top;
}

#header .main-menu .menu > li{
    position: relative;
    height: 100%;
    line-height: 40px;
    padding: 0 20px;
    z-index: 10;
}
#header .main-menu .menu > li:last-child{
    padding-right: 0;
}

#header .main-menu .menu > li > a{
    position: relative;
    display: inline-block;
    height: 100%;
    color: #292626;
}
#header .main-menu .menu > li > a:before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    background: #e82929;
    z-index: 6;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: center;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
}

#header .main-menu .menu > li:hover > a:before,
.home #header .main-menu .menu > li:hover > a:before,
#header .main-menu .menu > li.current_page_item > a:before,
#header .main-menu .menu > li.current-menu-ancestor > a:before,
#header .main-menu .menu > li.current-marches-ancestor > a:before,
.category #header .main-menu li.current_page_parent > a:before,
.single-post #header .main-menu li.current_page_parent > a:before {
    /* height: 100%; */
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
.home #header .main-menu li.current_page_item > a:before,
.home #header .main-menu li.current-menu-ancestor > a:before{
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

#header .sub-menu{
    position: absolute;
    top: calc(100% + 1px);
    top: -webkit-calc(100% + 1px);
    left: 50%;
    width: 100%;
    min-width: 300px;
    height: 0;
    overflow: hidden;
    margin: auto;
    background: #fff;
    letter-spacing: 0;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    text-align: right;
    box-shadow: 0px 12px 50px -15px rgba(0, 0, 0, 0.35);
}
.home #header .sub-menu {
    top: 100%;
}
.home #header .sub-menu-inner {
    border-top: 1px solid #e2e2e2;
}
#header .sub-menu-inner{
    height: 100%;
    padding: 10px 20px;
    overflow: hidden;
    background: #fff;
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

#header .sub-menu li{
    display: block;
    padding: 15px 10px;
    font-family: 'KarbonMedium';
    font-size: 1.0625rem;
    line-height: 20px;
    letter-spacing: 0;
    border-bottom: 1px solid #e2e2e2;
    text-transform: none;
}

#header .sub-menu li:last-child{
    border-bottom: 0;
}

#header .sub-menu li.accroche1{
	padding-left: 0;
}

#header .sub-menu a{
    color: #292626;
}

#header .sub-menu a:hover{
    color: #e82929;
}

#header li:hover > a + .sub-menu,
#header li > a:hover + .sub-menu,
#header li > a:focus + .sub-menu,
.sub-menu:hover{
    /* height: 225px; */
    opacity: 1;
    height: auto;
    z-index: 5;
}

#header .sub-menu .sub-menu{
   	height: auto;
	overflow: visible;
	padding-left: 0;
	margin-top: 10px;
}

#header .sub-menu .sub-menu li{
	position: relative;
   	display: block;
	padding: 0;
	border: none;
	font-family: "KarbonRegular";
	margin-top: 12px;
    font-size: 0.95em;
	padding-right: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
}

#header .sub-menu .sub-menu li a{
	position: relative;
   	display: block;
	width: 100%;
	line-height: 1.3em;
}

#header .sub-menu .sub-menu .container{
	width: inherit;
	padding-left: 0;
}

#header .menu-item-has-children > a:after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url('../img/sprite-icons.png') no-repeat -122px -10px;
}

#header .sub-menu ul{
    display: block;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header .sub-menu li{
	position: relative;
    float: none;
}

#header .lang{
  position: relative;
  vertical-align: top;
  border-right: 1px solid #777;
  float: right;
  margin-left: 0;
}

/*#header .lang:hover a:not(.active){
  display: block;
}*/

#header .lang li{
	/*display: none;
    position: absolute;
	left: -1px;
	top: 41px;*/
	display: inline-block;
 	width: auto;
	height: 41px;
	margin: 0 10px;
	line-height: 49px;
	text-align: center;
    z-index: 11;
    background: #292726;
}

#header .lang li a {
    font-size: 0;
    filter: gray;
    filter: grayscale(0.7);
    -webkit-filter: grayscale(0.7);
}
/* #header .lang .lang-item-es,
#footer .lang .lang-item-es {
  display: none !important;
} */

/*#header .lang a.active{
	display: block;
	position: relative;
	width: 70px;
	left: 0;
	top: 0;
}*/

#header .lang a.active,
#header .lang .current-lang a {
	filter: none;
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

#header .lang li + li {
	margin-left: 0;
}

#header .lang a:hover{
	filter: none;
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
}


#header .main-menu .lang {
    display: none;
    float: none;
    padding: 20px 20px 10px;
    text-align: left;
    line-height: 0;
}
#header .main-menu .lang li {
    margin: 0;
    height: inherit;
    display: inline-block;
}
#header .main-menu .lang li + li {
    margin-left: 20px;
}
#header .main-menu .lang li a {
    display: block;
    line-height: 1;
}
#header .main-menu .lang li:first-child {
    padding-left: 6%;
}
#header .main-menu .lang li:last-child {
    padding-right: 6%;
}



/* #header nav ul > li:nth-child(2):hover > a + .sub-menu,
#header nav ul > li:nth-child(2) > a:hover + .sub-menu,
#header nav ul > li:nth-child(2) > a:focus + .sub-menu{
    height: 275px;
}
#header nav ul > li:nth-child(3):hover > a + .sub-menu,
#header nav ul > li:nth-child(3) > a:hover + .sub-menu,
#header nav ul > li:nth-child(3) > a:focus + .sub-menu{
    height: 430px;
} */

/* #header nav ul#menu-menu-principal-fr > li:nth-child(2):hover a + .sub-menu{
    height: 410px;
}

#header nav ul#menu-menu-principal-en > li:nth-child(2):hover a + .sub-menu{
    height: 260px;
} */

#header nav ul > li a + .sub-menu li.current-menu-item a{
    color: #e82929;
}

#menu-menu-principal-fr .accroche1,
#menu-menu-principal-fr .accroche2{
	padding-left: 23px !important;
}

#menu-menu-principal-fr .accroche1 > a:after,
#menu-menu-principal-fr .accroche2 > a:after{
	content: 'Fiabilisez vos projets clients avec une solution de bornes dédiées à nos partenaires';
	position: absolute;
	display: block;
	width: 89%;
	padding-top: 22px;
	font-family: "KarbonRegular";
	font-size: 0.95em;
	line-height: 1.2em;
}

#menu-menu-principal-fr .accroche2 > a:after{
	content: 'Accompagnement sur-mesure pour construire votre propre solution de bornes interactives';
}

#menu-menu-principal-en .accroche1,
#menu-menu-principal-en .accroche2{
	padding-left: 23px !important;
}

#menu-menu-principal-en .accroche1 > a:after,
#menu-menu-principal-en .accroche2 > a:after{
	content: 'Make more reliable your customers projects with our partners dedicated touch kiosks solution';
	position: absolute;
	display: block;
	width: 89%;
	padding-top: 22px;
	font-family: "KarbonRegular";
	font-size: 0.95em;
	line-height: 1.2em;
}

#menu-menu-principal-en .accroche2 > a:after{
	content: 'Personalized support to develop your own interactive kiosk solution';
}


/* -- Bouton menu -- */

#btnMenu{
    position: absolute;
    display: none;
    top: 0;
    right: 20px;
    font-family: "KarbonBold";
    text-transform: uppercase;
    color: #292726;
    font-size: 1.1em;
    letter-spacing: 0.1em;
    z-index: 110;
}

#btnMenu .icon-menu{
    position: relative;
    display: inline-block;
    width: 19px;
    height: 2px;
    background: #292726;
    top: -5px;
    margin-left: 8px;
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

#btnMenu .icon-menu:before,
#btnMenu .icon-menu:after{
    content: '';
    position: absolute;
    display: block;
    width: 19px;
    height: 2px;
    background: #292726;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
}

#btnMenu .icon-menu:before{
    top: -6px;
}

#btnMenu .icon-menu:after{
    top: 6px;
}

#btnMenu.isMenuOpen{
    color: #fff;
}


/* -- Hover -- */

#btnMenu:hover .icon-menu:before{
    top: -10px;
}

#btnMenu:hover .icon-menu:after{
    top: 10px;
}


/* -- Open -- */

#btnMenu.isMenuOpen .icon-menu:before,
#btnMenu.isMenuOpen .icon-menu:after {
  top: 0;
  transition: all 250ms ease-out;
  background: #fff;
  -webkit-transition: all 250ms ease-out;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#btnMenu.isMenuOpen .icon-menu:after{
   transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#btnMenu.isMenuOpen .icon-menu {
  background: none;
}


/*-----------------------------------------------*\
5 -- $FOOTER
\*-----------------------------------------------*/

#footer{
    position: relative;
    margin-top: 80px;
    padding: 55px 0 25px;
    color: #5b5959;
    background: #292726;
    font-size: 0.867em; /* 13px */
    line-height: 1.4em;
}

#footer:before{
    content: "";
    position: absolute;
    top: -73px;
    left: 0;
    width: 100%;
    height: 73px;
    background: url('../img/bg-footer.svg') no-repeat center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#footer li img{
    display: none;
}

#footer a{
    color: #fff;
}

#footer a.active{
    color: #fff !important;
}

#footer a:hover,
#footer a:active{
    color: #e82929;
}

#footer .current-menu-item a{
    color: #5b5959;
}

#footer .container{
    padding-bottom: 50px;
}

#footer .newsletter{
    text-align: right;
}

#footer .social,
#footer .social a{
    color: #5b5959;
}

#footer .social a:hover,
#footer .social a:active{
    color: #e82929;
}

#footer .rs{
    margin-bottom: 29px;
}

#footer .sub-menu{
    height: inherit;
}

/* #footer .menu-item-has-children > a{
    display: none;
} */

/* #footer .menu-item-240 a{
    color: #fff !important;
} */

#footer .menu-item-1989 a{
	display: block;
}

#footer .rs .icon{
    width: 57px;
    height: 57px;
    margin-right: 6px;
    border: 1px solid #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    opacity: 0.5;
}

#footer .rs .icon:hover,
#footer .rs .icon:active{
    opacity: 1;
    border: 1px solid #e82929;
}

#footer .rs .icon.in{ background-position: 18px -26px;}
#footer .rs .icon.via{ background-position: -40px -26px;}
#footer .rs .icon.tw{ background-position: -97px -28px;}

#footer .lang li {
    display: inline-block;
    text-transform: uppercase;
}
#footer .lang li + li:before {
    content: '/';
    margin-left: 2px;
    margin-right: 4px;
}
#footer .lang .current-lang a {
    color: #fff !important;
}




/*-----------------------------------------------*\
6 -- $PAGES
\*-----------------------------------------------*/

#content{
    padding-bottom: 80px;
    overflow-x: hidden;
}

/***** HOMEPAGE --> SLIDER *****/

.Slider{
    position: relative;
    width: 100%;
    height: 630px;
    min-height: 630px;
    max-height: 800px;
    background: #4e4b49;
    overflow: hidden;
}

.slide-zone, .nav-controls{
    opacity: 0;
}

.Slider .loader{
    position: absolute;
    height: 24px;
    width: 24px;
    top: 35%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px;
    opacity: 0;
    background: url('../img/ajax-loader.gif') no-repeat;
}

.slide-zone{
    position: absolute;
    width: 100%;
    height: 100%;
}

.Slider .contenu{
    position: relative;
    height: 100%;
    width: 40%;
    vertical-align: top;
    background: #e82929;
    z-index: 3;
}

.Slider .slide{
    position: absolute;
    width: 390px;
    left: 50%;
    margin-left: -175px;
}

.Slider .slide:first-child{
    z-index: 1;
}

.Slider .images{
    width: 60%;
    z-index: 2;
}

.js-slider .images{
    position: relative;
    height: 100%;
    overflow: hidden;
}

.js-slider .images .container{
    position: relative;
    height: 100%;
    width: 10000px;
}

.js-slider .img{
    position: relative;
    width: 1180px;
    height: 100%;
    float: left;
/*    overflow: hidden;*/
}

.page-template-tpl-home .js-slider .images img{
    height:100%;
	top: -30px;
}

.slide .accroche{
    position: relative;
    padding: 12px 0 15px;
    font-size: 3em;
    line-height: 1.06em;
    color: #fff;
}

.slide .accroche:before{
    content: "";
    position: absolute;
    width: 79px;
    height: 54px;
    top: 10px;
    left: -57px;
    background: url('../img/quotes.png') no-repeat;
}

/*.slide .accroche:after{
    content: "";
    position: absolute;
    width: 644px;
    height: 204px;
    bottom: 0;
    right: 0;
    background: url('../img/bulle.png') no-repeat;
    bottom: -73px;
    right: -245px;
}*/

.slide .borne{
    float: left;
    padding: 6px 35px 0 4px;
}

.slide .text{
    margin-bottom: 20px;
    font-size: 1.333em;
    line-height: 1.25em;
    font-family: "KarbonMedium";
}

.slide .btn:after{
    right: 40px;
    height: 9px;
    width: 5px;
    top: 21px;
    background: url('../img/sprite-icons.png') no-repeat -220px -9px;
}

.slide .btn:hover{
    background: #E6E6E6;
}

.slide .btn:hover:after{
    right: 20px;
    opacity: 1;
}

.Slider .nav-controls{
    width: 40%;
    bottom: 80px;
    z-index: 5;
    color: #fff;
}

.nav-controls{
    position: absolute;
    font-size: 2.333em;
    text-align: center;
}

.nav-controls .counter{
    width: 46px;
    padding: 0 6px;
    text-align: center;
}

.nav-controls .current{
    width: 18px;
}

.nav-controls .icon{
    height: 20px;
    width: 20px;
    margin: 0 16px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.nav-controls a{
    color: #fff;
    font-size: 24px;
    margin-top: -5px;
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.nav-controls a:hover{
    color: #000;
    -moz-transform: translateX(5px) translateY(-3px);
    -webkit-transform: translateX(5px) translateY(-3px);
    -o-transform: translateX(5px) translateY(-3px);
    -ms-transform: translateX(5px) translateY(-3px);
    transform: translateX(5px) translateY(-3px);
}

.nav-controls a.prev:hover{
    -moz-transform: translateX(-5px) translateY(-3px);
    -webkit-transform: translateX(-5px) translateY(-3px);
    -o-transform: translateX(-5px) translateY(-3px);
    -ms-transform: translateX(-5px) translateY(-3px);
    transform: translateX(-5px) translateY(-3px);
}




/***** HOMEPAGE --> BANDEAU *****/

.bandeau{
    position: relative;
    height: 310px;
    margin-top: -60px;
    z-index: 5;
    background: #4e4b49;
    overflow: hidden;

    transform: skew(-3deg) rotate(-3deg);
    -webkit-transform: skew(-3deg) rotate(-3deg);
    -moz-transform: skew(-3deg) rotate(-3deg);
    -ms-transform: skew(-3deg) rotate(-3deg);
    -o-transform: skew(-3deg) rotate(-3deg);

}

.bandeau .container{
    display: table;
    position: relative;
    height: 350px;
    width: 100%;
    background: #4e4b49;
    color: #fff;

    transform: skew(3deg) rotate(3deg);
    -webkit-transform: skew(3deg) rotate(3deg);
    -moz-transform: skew(3deg) rotate(3deg);
    -ms-transform: skew(3deg) rotate(3deg);
    -o-transform: skew(3deg) rotate(3deg);
}

.bandeau .bloc{
    display: table-cell;
    position: relative;
    width: 33.333%;
    height: 350px;
    text-align: center;
    color: #fff;
}

.bandeau .bloc .container-bloc{
    position: absolute;
    width: 100%;
    height: 350px;
    padding-top: 140px;
    overflow: hidden;
}

.bandeau .bloc .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
}

.bandeau .bloc:nth-child(1) .container-bloc{
    padding-top: 136px;
}

.bandeau .bloc:nth-child(2) .container-bloc{
    /* background: url('../img/preprod/bandeau1.jpg') no-repeat center; */
    /* background-size: 114%; */
    top: -26px;
}

.bandeau .bloc:nth-child(3) .container-bloc{
    /* background: url('../img/preprod/bandeau2.jpg') no-repeat center; */
    /* background-size: 106%; */
    top: -45px;
}

/* .bandeau .bloc:nth-child(2) .container-bloc:hover{
    background-size: 130%;
} */

.bandeau .bloc .container-bloc:hover .img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.bandeau .bloc .text{
    text-align: left;
}
.bandeau .bloc .title,
.bandeau .bloc .readMore{
    position: relative;
}

.bandeau .bloc .title + .readMore{
    margin-top: 6px;
}

.bandeau a.bloc:hover .readMore:after{
    margin-left: 15px;
    opacity: 1;
}

/***** HOMEPAGE --> SLICE TEXTE *****/

.SliceHome {
    padding: 145px 0 15px;
    text-align: center;
    font-size: 1.1875rem;
}
.SliceHome-title {
    display: block;
    margin: 0 0 15px;
    font-size: 5rem;
    line-height: 0.85;
    color: #e82929;
}
.SliceHome-subtitle {
    display: block;
    margin: 0 0 30px;
    font-family: 'KarbonBold';
    font-size: 1.25rem;
    letter-spacing: 0.4em;
    text-transform: uppercase;
}
.SliceHome-text {
    line-height: 1.26;
}


/***** TOUTES LES PAGES --> FILTRES *****/

.filtres li,
.filtres a{
    position: relative;
    display: inline-block;
    margin-left: 12px;
    color: #292626;
    text-transform: uppercase;
}

.filtres a:after{
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    left: 0;
    margin-top: -2px;
    background: #e82929;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
}

.filtres a:hover{
    color: #e82929;
}

.filtres a:hover:after{
    width: 100%;
}

.filtres a.active{
    font-family: "KarbonBold";
}


/***** HOMEPAGE --> ACTUS *****/

.Actus{
    margin-top: 95px;
}

.Actus .list-actus{
    margin-top: 40px;
}

.Actus .filtres{
    float: right;
    padding-top: 18px;
    font-size: 0.867em; /* 13px */
}

.no-gap{ /* Supprime les gouttières de grille */
    margin-left: 0;
    margin-right: 0;
}

.Actus .actu{
    /* height: 237px; */
    color: #292626;
    transition: none;
    -webkit-transition: none;
}

.Actus .actu:hover time{
    color: #e82929;
}

.Actus .actu:hover .textes:before{
    margin-left: -8px;
}

.Actus .actu:hover img{
    opacity: 0.5;
}

.Actus .actu .textes,
.Actus .actu .img{
    position: relative;
    width: 50%;
    height: 100%;
}
.Actus .actu .img::before {
    content: '';
    display: block;
    padding-top: calc(100% * (237 / 295));
}

.Actus .actu img{
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/** Actus avec le texte à gauche **/
.Actus .actu .textes{
    padding: 28px;
    float: left;
    z-index: 1;
}

.Actus .actu .textes:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -15px;
    border-style: solid;
    left: 100%;
    margin-left: -16px;
    border-width: 30px 0 30px 32px;
    border-color: transparent transparent transparent #fff;
    transition: margin 400ms ease;
    -webkit-transition: margin 400ms ease;
}

/** Actus avec le texte à droite **/
.Actus .actu:nth-child(4n + 3) .textes,
.Actus .actu:nth-child(4n + 3) + .actu .textes{
    float: right;
}

.Actus .actu:nth-child(4n + 3) .textes:before,
.Actus .actu:nth-child(4n + 3) + .actu .textes:before{
    left: 0;
    margin-left: -16px;
    border-width: 30px 32px 30px 0;
    border-color: transparent #ffffff transparent transparent;
}

/* hover reverse */
.Actus .actu:nth-child(4n + 3):hover .textes:before,
.Actus .actu:nth-child(4n + 3) + .actu:hover .textes:before{
    margin-left: -24px;
}

.Actus .actu .img{
    float: right;
    overflow: hidden;
    background: #000;
}

.Actus time{
    text-transform: uppercase;
    font-family: "KarbonBold";
    font-size: 1.2em; /* 18px */
}

.Actus time .big{
    font-size: 2.867em; /* 49px */
}

.Actus .text{
    margin: 10px 0 4px;
    font-size: 1.33em;
    line-height: 1.25em;
}

.Actus .actu img{
    display: block;
    height: auto;
    transition: opacity 400ms ease;
    -webkit-transition: opacity 400ms ease;
}

.Actus .highlight{
    display: table;
    position: relative;
    height: 474px;
    padding: 0 40px;
    background: #e82929;
    color: #fff;
}

.Actus .highlight:hover{
    background: #B50000;
}

.Actus .highlight .container-highlight{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.Actus .highlight .img{
    width: 240px;
    height: 240px;
    border-radius: 240px;
    -webkit-border-radius: 240px;
    overflow: hidden;
}

.Actus .highlight .accroche{
    position: relative;
    margin-top: -18px;
    padding: 0 30px 0 70px;
}

.Actus .highlight .accroche:before{
    content: "";
    position: absolute;
    width: 79px;
    height: 54px;
    top: -12px;
    left: 10px;
    background: url('../img/quotes.png') no-repeat;
}

.Actus .highlight .accroche .title{
    font-size: 2em; /* 30px */
    line-height: 1.22em;
}

.Actus .highlight .cat{
    margin-top: 10px;
    font-size: 1.33em;  /* 20px */
    color: #292626;
}

.lazy-loading{
    position: relative;
    text-align: center;
}

.lazy-loading .btn{
    width: 190px;
    margin-top: 70px;
    background: #e82929;
    text-align: left;
    color: #fff;
}

.presse .lazy-loading{
    margin-top: 40px;
}

.presse .lazy-loading .btn:after,
.lazy-loading .btn:after{
    content: "";
    position: absolute;
    right: 22px;
    height: 9px;
    width: 9px;
    top: -10px;
    background: url('../img/sprite-icons.png') no-repeat -151px -9px;
}

.presse .lazy-loading .btn{
    font-size: 0.7em;
}

.lazy-loading .btn:hover{
    background: #B50000;
}

.lazy-loading .btn:hover:after{
    top: 19px;
    opacity: 1;
}

.lazy-loading .loader{
    position: absolute;
    width: 100%;
    height: 32px;
    bottom: 0;
    background: url('../img/ajax-loader.gif') no-repeat center;
    opacity: 0;
}

.Actus .body .btn {
  margin-top: 50px;
}


/***** TOUTES LES PAGES --> MENU SECONDAIRE *****/

.menu-secondaire li{
    border-top: 1px dotted #b2b2b2;
    padding: 11px 12px 11px 19px;
    line-height: 1.05em;
}

.menu-secondaire ul:first-child li:last-child{
    border-bottom: 1px dotted #b2b2b2;
}

.menu-secondaire a{
    color: #292626;
    opacity: 0.5;
    font-size: 0.867em;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.secondMenu li.current_page_item a{
    color: #fff !important;
}

.menu-secondaire a:hover,
.menu-secondaire a:active,
.menu-secondaire a.active{
    opacity: 1;
}

.menu-secondaire a:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 14px;
    width: 10px;
    margin-left: -19px;
    background: url('../img/sprite-icons.png') no-repeat -197px -29px;
    margin-right: 10px;
}

.menu-secondaire .share-post {
    margin-top: 20px;
    border-bottom: 1px dotted #b2b2b2;
    border-top: 1px dotted #b2b2b2;
}
.menu-secondaire .share-post li {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 0;
    border-top: 0;
    display: inline-block;
    vertical-align: middle;
}


.menu-secondaire .share-post a:before {
    content: none;
}
.menu-secondaire .share-post [class*="icon-"] {
    margin-left: 4px;
    font-size: 16px;
}



/***** TOUTES LES PAGES --> ARIANE *****/

#ariane{
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

#ariane ul{
    white-space: nowrap;
}
#ariane ul li{
    display: inline-block;
    margin-right: 7px;
}

#ariane li:not(:first-child):before,
#ariane .return:before{
    content: "";
    display: inline-block;
    height: 13px;
    width: 10px;
    background: url('../img/sprite-icons.png') no-repeat -197px -28px;
    margin-right: 10px;
}

#ariane li {
    color: #000;
    font-size: 0.867em;
    letter-spacing: 0.05em;
}

#ariane a:hover{
    color: #e82929;
}

#ariane .return{
    float: right;
    font-family: "KarbonBold";
    text-transform: uppercase;
}

#ariane .return:before{
    background-position: -174px -28px;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

#ariane .return:hover{
    color: #e82929;
}

#ariane .return:hover:before{
    margin-right: 16px;
}

#ariane .post-solution-archive {
    display: none;
}




/***** TOUTES LES PAGES --> HEADER TITRAILLE *****/

.titraille{
    position: relative;
    padding: 48px 0 40px;
    background: #e82929;
    color: #fff;
}

.titraille.big{
    padding: 55px 0 315px;
}

.titraille:not(.big) + .body{
    margin-top: 140px;
}

.titraille:after{
    content: "";
    position: absolute;
    bottom: -74px;
    width: 100%;
    left: 0;
    height: 74px;
    background: url('../img/bg-aplat.svg') no-repeat center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.titraille .pre-title{
    display: block;
    margin-bottom: 5px;
    color: #000;
    /* text-transform: none;
    font-family: 'CoveredByYourGrace';
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0; */
}

.titraille .title{
    font-size: 3.125rem;
    line-height: 1;
}

.titraille .accroche{
    position: relative;
    margin-top: 10px;
    font-size: 2em;
    line-height: 1.2em;
    font-family: "KarbonLight";
}
.titraille .description{
    position: relative;
    margin-top: 42px;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #000;
}

.titraille .accroche:after{
/* .titraille .description:after{ */
    content: "";
    position: absolute;
    width: 42px;
    height: 29px;
    left: -34px;
    top: 7px;
    background: url('../img/mini-quotes.png') no-repeat;
}

.pageAccroche {
    font-family: 'KarbonMedium';
    font-size: 1.875rem;
    line-height: 1.2;
    text-align: center;
}

.pageBlocContent {
    margin: 40px 0;
    /* padding: 0 5%; */
    text-align: center;
}

/***** TOUTES LES PAGES --> SLIDER *****/

.Slider-page{
    position: relative;
    margin: -265px auto 0;
    height: 660px;
}

.Slider-page.override{
    width: 100%;
    overflow: hidden;
}

.Slider-page .img{
    background: #fff;
}

.Slider-page.override img{
    width: 100%;
    height: auto;
}

.Slider-page .nav-controls{
    width: 280px;
    height: 78px;
    line-height: 78px;
    bottom: 0;
    right: 30px;
    opacity: 1;
    background: #fff;
    color: #52514d;
}

.Slider-page .nav-controls .counter{
    width: auto;
    border-bottom: 1px solid #e5e5e5;
}

.Slider-page .nav-controls a{
    color: #000;
}

.Slider-page .nav-controls a:hover{
    color: #aaa;
}


/***** TOUTES LES PAGES --> BODY *****/

.Slider-page + .body{
    margin-top: 57px;
}

.body .text{
    font-size: 1.2em;
    line-height: 1.3em;
    color: #333;
}

.text-share *{
    display: inline-block;
}
.text-share a{
    margin-left: 8px;
}
.text img.aligncenter{
    position: relative;
    margin: 0 auto;
    display: block;
	max-width: 100%;
	height: auto;
}

.body .text p a{
    color: #e82929;
    border-bottom: 1px solid transparent;
}

.body .text p a:hover{
    border-bottom: 1px solid #e82929;
}

.body .text p + p{
    margin-top: 22px;
}

.body .text em{
    font-style: italic;
}

.body .text ul{
    margin-top: 25px;
}
.body .text form ul {
    margin-top: 0;
}

.body .text li:not(.gfield):not(.gfmc-column):not(.gchoice_1_21_1):before{
    content:"✔";
    font-size: 0.8em;
    color: #e82929;
    margin-right: 8px;
}

.body .title-section{
    margin-bottom: 17px;
    font-family: "KarbonBold";
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.body .center{
    text-align: center;
}

.body .btn,
.body .button{
    width: 240px;
    background: #e82929;
    text-align: left;
    color: #fff;
    margin-top: 30px;
}

.body .btn span,
.body .button span{
    width: 150px;
    margin-left: -85px;
}

.body .btn:after,
.body .button:after{
    content: "";
    position: absolute;
    right: 40px;
    height: 9px;
    width: 5px;
    top: 21px;
    background: url('../img/sprite-icons.png') no-repeat -220px -33px;
}

.body .btn:hover,
.body .button:hover{
    background: #B50000;
}

.body .btn:hover:after,
.body .button:hover:after{
    right: 20px;
    opacity: 1;
}

.body .btn:hover span,
.body .button:hover span{
    margin-left: -120px;
}


.body .titres{
    text-align: center;
}

.body .standard h3{
    margin-top: 23px;
}

.body .standard h3:first-child{
    margin-top: 0;
}




/***** SOLUTIONS --> BENEFICES *****/

.benefices{
    position: relative;
    color: #333;
    font-size: 1.2em;
    margin-bottom: 50px;
}

.benefices li{
    display: block;
    width: 100%;
    line-height: 43px;
    border-top: 1px solid #ccc;
    font-style: italic;
}

.benefices li:last-child{
    border-bottom: 1px solid #ccc;
}

.benefices li:before{
    content:"✔";
    display: inline-block;
    width: 41px;
    height: 43px;
    line-height: 43px;
    margin-right: 9px;
    text-align: center;
    border-right: 1px solid #ccc;
    color: #e82929;
    font-style: normal;
}




/***** SIDEBAR --> REFERENCES *****/

.references{
    padding-left: 43px;
    border-left: 1px solid #e5e5e5;
}

.reference{
    margin-bottom: 25px;
}

.reference img{
    display: inline-block;
    margin-right: 17px;
}

.reference .container-references{
    position: relative;
    vertical-align: top;
    margin-top: 12px;
}

.reference{
    font-size: 0.867em;
}

.reference .title-reference{
    text-transform: uppercase;
    font-family: "KarbonBold";
    letter-spacing: 0.05em;
}

.reference .cat{
    font-style: italic;
}

.references .see-all{
    margin-top: 30px;
    padding-top: 18px;
    border-top: 1px dotted #b2b2b2;
}

.references .see-all a{
    font-size: 0.867em;
    color: #c3c3c3;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.references .see-all a:after {
    content: "";
    display: inline-block;
    height: 14px;
    width: 10px;
    background: url('../img/sprite-icons.png') no-repeat -197px -28px;
    margin-left: 10px;
    opacity: 0.4;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

.references .see-all a:hover:after {
    margin-left: 16px;
}

.references .see-all a:hover{
    color: #e82929;
}




/***** METIERS --> SLICE *****/

.body{
    counter-reset: slice;
}

.slice{
    padding-bottom: 68px;
    border-top: 1px solid #ccc;
}

.slice:before{
    content: counter(slice);
    counter-increment: slice;
    position: absolute;
    display: inline-block;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -10px;
    background: #fff;
    color: #e82929;
    font-size: 2em;
    font-family: 'CoveredByYourGrace';
    text-align: center;
}

.slice .text{
    margin-top: -5px;
    font-size: 1.2em;
    line-height: 1.25em;
}

.slice h3{
    margin: 16px 0 36px;
    text-align: center;
}

.slice .image img{
    width: 100%;
    height: auto;
}




/***** PARTENAIRES --> TRANCHE *****/

.tranche{
    padding: 40px 0 60px;
    border-top: 1px solid #ccc;
}

.tranche:first-child{
    border: none;
    padding: 0 0 60px;
}

.tranche .texte{
    margin-top: 45px;
}

.tranche .width50:nth-of-type(odd){
    padding-right: 20px;
}

.tranche .width50:nth-of-type(even){
    padding-left: 20px;
}
.tranche-candid {
    margin-top: 40px;
}



/***** PARTENAIRES --> LOGOS *****/

.logos-row{
    text-align: center;
}

.logos-row .img{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    margin: 46px 45px 0;
}

.logos-row .img,
.ref .ref-logo{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

.logos-row .img:hover,
.ref .ref-logo:hover{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}



/***** REFERENCES *****/

.liste-ref, .liste-master{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.liste-ref .filtres{
    flex: 100%;
    margin-bottom: 40px;
}
/* .liste-ref .filtres li:nth-child(2),
.liste-ref .filtres li:nth-child(2) > a {
    margin-left: 0;
} */

.ref{
    position: relative;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 80px;
    vertical-align: top;
    padding-bottom: 50px;
}

.ref .cat{
    margin: 15px 0 12px;
}

.ref .subTitle{
    /* font-size: 2.4em;
    line-height: 0.8em; */
    font-family: 'KarbonMedium';
    font-size: 0.8rem;
    line-height: 1;
    color: #999;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.ref .subTitle a {
    color: inherit;
}
.ref .subTitle a:hover {
    color: #000;
}

.ref .title{
    /* font-size: 1.733em;
    line-height: 1.2em; */
    margin-top: 10px;
    font-size: 1.875rem;
    line-height: 1;
    color: #e82929;
}

.ref .text{
    margin: 12px 0 32px;
    font-size: 1.0625rem;
}

.ref .img{
    margin-bottom: 24px;
    height: 280px;
    overflow: hidden;
    position: relative;
    background: #000;
}

.ref .img > a:not(.ref-logo) img,
.ref .img > img{
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.ref .img > a:not(.ref-logo):hover{
    opacity: 0.7;
}

.ref .ref-logo{
    /* position: absolute; */
    display: inline-block;
    /* height: 65px; */
    /* line-height: 85px; */
    margin-top: 25px;
    line-height: 0;
    /* padding: 0 20px; */
    /* bottom: 8px; */
    /* right: 5px; */
    background: #fff;
    vertical-align: middle;
    z-index: 1;
}

.ref .ref-logo img{
    max-height: 50px;
    width: auto;
}

.ref .seeMore {
    width: 100%;
    color: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ref .seeMore:before {
    content: none;
}

.ref.actu .img {
    height: auto;
}
.ref.actu .img::before {
    content: '';
    display: block;
    padding-top: calc(100% * (237 / 295));
}



/***** MASTER PAGE *****/

.liste-master {
    margin-top: 50px;
}
.pageAccroche + .liste-master {
    margin-top: 90px;
}
/* .liste-master .ref .subTitle{
    font-size: 2em;
} */

/* .liste-master .ref .subTitle a{
    color: #e82929;
}

.liste-master .ref .subTitle a:hover{
    color: #888;
} */



/***** LISTE PRESSE & RECHERCHE *****/


.blocListe{
    margin-bottom: 25px;
    padding-bottom: 30px;
    border-bottom : 1px solid #e5e5e5;
}

.blocListe .title{
    font-size: 1.4em;
}

.blocListe .subTitle{
    margin-bottom: 10px;
}




/***** ACTUALITE *****/

.menu-secondaire .prev:before{
    background-position: -174px -29px;
}

.menu-secondaire .disabled{
    opacity: 0.1 !important;
    cursor: default;
}

.blocLogo{
    position: relative;
    padding: 40px;
    text-align: center;
}

.blocLogo a{
    height: 60px;
    padding: 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.blocLogo a:hover{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.blocLogo a img{
    height: 100%;
    width: auto;
}

.blocLogo:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    z-index: -1;
}

.text .photos img,
.actualiteFull .photos img{
    max-width: 100%;
    height: auto;
}

.actualiteFull .references .actu{
    width: 100%;
    height: auto;
    border-top: 1px dotted #b2b2b2;
    padding-top: 20px;
    margin-top: 16px;
}

.actualiteFull .references .actu:nth-child(2){
    padding-top: 10px;
    margin-top: 0;
    border: none;
}

.actualiteFull .references .actu img{
    width: 100%;
    height: auto;
    margin-bottom: 6px;
}

.actualiteFull .title-actu{
    margin-top: 3px;
    margin-bottom: 22px;
    font-family: "KarbonBold";
    line-height: 1.3em;
}

.actualiteFull .references .see-all {
    margin-top: 30px;
}

.actualiteFull p + .photos{
   margin-top: 40px;
}

.actualiteListe .liste-master {
    margin-top: 0;
}
.actualiteListe .ref {
    width: calc(100% / 3);
}
.actualiteListe .ref .img {
    margin-bottom: 15px;
}
.actualiteListe .ref .title {
    margin-bottom: 30px;
    font-size: 1.65rem;
}
.actualiteListe .ref .actu-date {
    color: #292626;
}

.actualiteListe .highlight {
    width: 100% !important;
    padding-bottom: 0;
}
.actualiteListe .highlight-inner {
    display: flex;
    padding: 20px;
    background: rgba(78,75,73,0.1);
}
.actualiteListe .highlight .img {
    flex: 1 0 calc((100% / 3) - 8px);
    margin-bottom: 0;
}
.actualiteListe .highlight-content {
    position: relative;
    flex: 0 1 auto;
    padding-bottom: 50px;
    padding-left: 60px;
    padding-right: 40px;
}
.actualiteListe .highlight .seeMore {
    left: 60px;
    right: auto;
    min-width: 250px;
}

.actualiteCat .current {
    font-family: 'KarbonMedium';
}
.actualiteCat .current,
.actualiteCat li a:hover {
    color: #e82929;
}
.actualiteCat ul {
    padding-right: 30px;
}
.actualiteCat li a {
    display: block;
    padding: 10px 10px 10px 5px;
    border-bottom: 1px dotted #b2b2b2;
}
.actualiteCat li:first-child a {
    border-top: 1px dotted #b2b2b2;
}

.actualiteListe .pagination {
    text-align: center;
    font-family: 'KarbonMedium';
}
.pagination .current {
    color: #e82929;
    font-family: 'KarbonBold';
}
.pagination a:hover{
    color: #e82929;
}
.pagination .page-numbers {
    position: relative;
    padding: 6px 8px;
}
.pagination .prev {
    padding-left: 15px;
}
.pagination .next {
    padding-right: 15px;
}
.pagination .prev:before,
.pagination .next:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 13px;
    width: 10px;
    background: url(../img/sprite-icons.png) no-repeat -197px -28px;
    transition: all 200ms ease-in-out;
}
.pagination .prev:before {
    background-position: -174px -28px;
    left: 0;
}
.pagination .next:after {
    right: 0;
}
.pagination .prev:hover:before {
    left: -5px;
}
.pagination .next:hover:after {
    right: -5px;
}


/*-----------------------------------------------*\
7 -- $FORMS
\*-----------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-size: 0.9em; /* 13px */
    font-family: "KarbonRegular";
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

input[type="submit"]{
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

textarea{
    height: 273px;
    padding-top: 10px;
}

.required,
.gfield_required {
    margin-left: 4px;
    color: #e82929;
    font-family: "KarbonBold";
}

.form-item,
.gfield {
    margin-bottom: 14px;
}

.gform_wrapper div.charleft{
  display: none;
}
.gfield_description,
.ginput_counter,
.gfield .screen-reader-text {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-style: italic;
    opacity: 0.75;
}
.validation_message {
    display: none;
}
.ginput_counter {
    margin-top: 0;
}
input[type="file"]{
    width: auto !important;
}

.gfmc-row-1-col-1-of-2,
.gfmc-row-1-col-2-of-2 {
    max-width: calc(50% - 10px);
}
.gfmc-row-1-col-1-of-2 {
    padding-right: 10px;
}
.gfmc-row-1-col-2-of-2 {
    padding-left: 10px;
}
.form-required {
    font-size: 16px;
    margin-top: 30px;
}

/***** NEWSLETTER *****/

.newsletter label{
    display: inline-block !important;
    color: #fff;
}

.newsletter input[type="email"]{
    width: 235px;
    margin-left: 18px;
    border: 1px solid #7d7c7c;
    color: #fff;
}

.newsletter input[type="submit"]{
    position: absolute;
    height: 38px;
    line-height: 38px;
    margin-left: -39px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

.newsletter input[type="submit"]:hover,
.newsletter input[type="submit"]:active
{
    color: #e82929;
}

.newsletter .wpcf7-response-output{
    margin-top: 10px;
    font-size: 1.2em;
    font-family: "KarbonRegular";
}


#menu-404 a{
    color: #e82929;
    border-bottom: 1px solid transparent;
}

#menu-404 a:hover{
    border-bottom: 1px solid #e82929;
}

/***** CONTACT *****/

.gfield .textarea {
    height: 301px;
}
.gform_wrapper .button {
    margin-top: 10px;
}
.gform_wrapper .gform_ajax_spinner {
    margin-left: 10px;
}

.wpcf7 .ajax-loader{
    display: none;
}

.wpcf7 .textarea{
    padding-left: 20px;
    margin-top: 40px;
}

.wpcf7 label,
.form_extranet label,
.gfield_label {
    display: block;
    margin-bottom: 6px;
}

.wpcf7-not-valid,
.gfield_error input,
.gfield_error textarea,
.gfield_error select{
    border: 2px solid #e82929 !important;
}

.wpcf7-not-valid-tip{
    display: none !important;
}

.screen-reader-response{
    display: none;
}

.gform_wrapper{
    display: block !important;
}
.wpcf7-response-output,
.gform_wrapper .validation_error,
.gform_confirmation_message {
    float: right;
    max-width: 92%;
    margin: 40px 0 0 auto!important;
    color: #369e0a;
    font-family: "KarbonBold";
}
.gform_wrapper .validation_error,
.gform_confirmation_message {
    float: none;
    max-width: none;
    text-align: center;
}
.gform_wrapper .validation_error{
    margin: 0 0 30px !important;
}
.gform_validation_container.gfield_visibility_visible {
    display: none;
}
.error{
    margin-bottom: 20px;
    font-family: "KarbonBold";
}

.wpcf7-validation-errors,
.error,
.gform_wrapper .validation_error{
    color: #e82929;
    border: none !important;
}

.wpcf7-mail-sent-ok{
    border: none !important;
}

.snsf_error{
    display: block;
    color: #e82929;
    margin-top: 30px;
    font-size: 1.2em;
    font-family: 'KarbonBold';
}

#snsf-wrapper{
    max-width: inherit;
}

#zoneMap{
    position: relative;
    width: 99.9%;
    height: 500px;
    bottom: -80px;
    margin-top: -110px;
    overflow: hidden;
}

#zoneMap .container-map{
    width: 100%;
    height: 600px;
}

#map_canvas {
    width: 100%;
    height: 600px;
}

.zoomIn_btn,.zoomOut_btn{
    width:44px;
    height:44px;
    background-color:#292726;
    color:#FFF;
    top:50%;
    margin-top:-45px;
    z-index:25;
    position:absolute;
    z-index:100;
    cursor:pointer;
    transition: 300ms ease-in-out;
}

.zoomIn_btn{
    background:url(../js/map/zoomIn.png) no-repeat #292726 center;
}
.zoomOut_btn{
    background:url(../js/map/zoomOut.png) no-repeat #292726 center;
    margin-top:2px;
}

.zoomIn_btn:hover,.zoomOut_btn:hover{
    background-color: #e82929;
}



/***** Recherche *****/

.searchZone{
    position: relative;
    width: 100%;
    height: 0;
    background-color: #e5e5e5;
    -moz-box-shadow: inset 0 -5px 10px rgba(0,0,0,.17);
    -webkit-box-shadow: inset 0 -5px 10px rgba(0,0,0,.17);
    box-shadow: inset 0 -5px 10px rgba(0,0,0,.17);
}

.searchZone .search-form{
    position: relative;
    height: 100%;
}

.searchZone .search-field{
    position: absolute;
    right: 130px;
    width: 260px;
    height: 100%;
    padding-left: 10px;
    background: transparent;
    border: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-size: 1.3em;
    color: #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.searchZone .search-field:focus{
    border: 1px solid #bbb;
    outline: none;
}

.searchZone .search-submit{
    position: absolute;
    right: 0;
    height: 100%;
    color: #292726;
    font-size: 1.1em;
    text-transform: uppercase;
    font-family: "KarbonBold";
    background: none;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}

.searchZone .search-submit:hover{
    color: #e82929;
}




/***** Popup *****/

.popup{
    position: fixed;
    display: none;
    width: 600px;
    height: 330px;
    left: 50%;
    top: 50%;
    margin-top: -165px;
    margin-left: -300px;
    padding: 60px;
    background: #fff;
    color: #000;
    z-index: 200;
    text-align:center;
}

.popup form{
    margin-top: 30px;
}

.popup input[type=email]{
    height: 51px;
    line-height: 51px;
    margin-top: 5px;
    background: #e2e2e2;
    border: none;
    margin-left: 0;
}

.popup .btn{
    width: 100%;
    margin-top: 0;
    text-align: center;
}

.popup input[type=submit]:hover{
    color: #fff;
}

.popupClose{
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    margin-top: -30px;
    margin-right: 30px;
    background: url('../img/close.png') no-repeat;
}

.popupClose:hover{
    opacity: 0.5;
}

.popup div.wpcf7-response-output {
    margin: 15px 0 0;
    padding: 0;
}

.overlay{
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 19;
    background: #000;
    background-color: rgba(0, 0, 0, 0.6);
    transition: none;
    -webkit-transition: none;
}



.popup .email-sent
{
    margin-top : 20px;
    color: #2AE82A;
    font-family: "KarbonBold";
    font-size: 1.2em;
}

.popup.newSite{
    height: 265px;
    margin-top: -132px;
}

.popup.newSite .title-condensed{
    color: #e82929;
}


/***** Call *****/

.call{
    position: absolute;
    padding: 25px;
    bottom: 100px;
    right: 20px;
    background: #fff;
    z-index: 5;
    text-align: center;
    transform: skew(-3deg) rotate(-3deg);
    -webkit-transform: skew(-3deg) rotate(-3deg);
    -moz-transform: skew(-3deg) rotate(-3deg);
    -ms-transform: skew(-3deg) rotate(-3deg);
    -o-transform: skew(-3deg) rotate(-3deg);
}

.call .container-call{
    transform: skew(3deg) rotate(3deg);
    -webkit-transform: skew(3deg) rotate(3deg);
    -moz-transform: skew(3deg) rotate(3deg);
    -ms-transform: skew(3deg) rotate(3deg);
    -o-transform: skew(3deg) rotate(3deg);
}

.call .ilb{
    vertical-align: middle;
}

.call .texte{
    padding-left: 14px;
    font-size: 16px;
    text-align: left;
    -webkit-transition: all 400ms ease;
    /* Debug transform firefox */
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Debug transform chrome */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.call .tel{
    font-size: 21px;
    color: #e82929;
    font-family: "KarbonBold";
}

.call .btn{
    width: 160px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
}

.call .btn:hover span {
    margin-left: -120px;
}

.call .btn:after {
    top: 13px;
}





/***** Recrutement *****/

.recrutement .grid_4{
    width: 370px;
}

.recrutement .btn{
    margin-top: 10px;
}

.recrutement .wpcf7-response-output{
    position: absolute;
    margin-top: -65px;
    left: 265px;
}

.jobFull-inner {
    position: relative;
}



/* -- Cookies -- */

.Cookies{
    position: fixed;
    z-index: 30;
    width: 100%;
    height: 50px;
	bottom: 0;
	line-height: 50px;
    text-align: center;
    color: #fff;
    background: #000;
    background: rgba(0,0,0, 0.95);
}

 .Cookies a{
	padding: 5px 0;
	margin-left: 22px;
	color: #666;
	border-bottom: 1px solid transparent;
}

.Cookies a:hover{
		border-bottom: 1px solid #666;
}

.Cookies a.Cookies-close{
	color: #e82929;
}

.Cookies a.Cookies-close:hover{
	border-bottom: 1px solid #e82929;
}

.js-VideoFrame,
.js-ImageFrame{
	overflow:hidden;
	position:relative;
	background: #000;

}
.js-VideoFrame{
	position:absolute;
	width: 100%;
	height: 100%;
}
.js-ImageFrame img{
	display:block;
	position:absolute;
	opacity:0;
}

.js-btnAccordeon{
	position: relative;
	display: block;
	width: 100%;
	margin-top: 18px;
	font-size:14px;
	line-height: 14px;

	&:after{
		position: absolute;
		right: 0;
	}
}


/*-----------------------------------------------*\
8 -- $MEDIA QUERIES
\*-----------------------------------------------*/


/* Version tablette */
@media screen and (max-width: 1279px) {
    .share-post li:first-child{
        display: block;
    }
}



/* Version mobile */
@media screen and (max-width: 640px) {

}




/*-----------------------------------------------*\
9 -- $FONTS
\*-----------------------------------------------*/

/*a:focus,
input:focus {
outline: 1px dashed #888;
box-shadow: 0 0 10px #888;
}

a:hover,
a:active,
input:focus{
outline: none;
}*/

*::selection { background: #e82929; color:#fff;}
*::-moz-selection { background: #e82929; color:#fff;}
*::-webkit-selection { background: #e82929; color:#fff;}
a::selection {  color:#000; }
a::-moz-selection { color:#000; }
a::-webkit-selection {color:#000; }



@font-face {
    font-family: 'CoveredByYourGrace';
    src: url('../fonts/coveredbyyourgrace-webfont.eot');
    src: url('../fonts/coveredbyyourgrace-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/coveredbyyourgrace-webfont.woff2') format('woff2'),
        url('../fonts/coveredbyyourgrace-webfont.woff') format('woff'),
        url('../fonts/coveredbyyourgrace-webfont.ttf') format('truetype'),
        url('../fonts/coveredbyyourgrace-webfont.svg#covered_by_your_graceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KarbonLight';
    src: url('../fonts/karbon-light-webfont.eot');
    src: url('../fonts/karbon-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/karbon-light-webfont.woff2') format('woff2'),
        url('../fonts/karbon-light-webfont.woff') format('woff'),
        url('../fonts/karbon-light-webfont.ttf') format('truetype'),
        url('../fonts/karbon-light-webfont.svg#karbonlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KarbonBold';
    src: url('../fonts/karbon-bold-webfont.eot');
    src: url('../fonts/karbon-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/karbon-bold-webfont.woff2') format('woff2'),
        url('../fonts/karbon-bold-webfont.woff') format('woff'),
        url('../fonts/karbon-bold-webfont.ttf') format('truetype'),
        url('../fonts/karbon-bold-webfont.svg#karbonbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KarbonMedium';
    src: url('../fonts/karbon-medium-webfont.eot');
    src: url('../fonts/karbon-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/karbon-medium-webfont.woff2') format('woff2'),
        url('../fonts/karbon-medium-webfont.woff') format('woff'),
        url('../fonts/karbon-medium-webfont.ttf') format('truetype'),
        url('../fonts/karbon-medium-webfont.svg#karbonmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KarbonRegular';
    src: url('../fonts/karbon-regular-webfont.eot');
    src: url('../fonts/karbon-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/karbon-regular-webfont.woff2') format('woff2'),
        url('../fonts/karbon-regular-webfont.woff') format('woff'),
        url('../fonts/karbon-regular-webfont.ttf') format('truetype'),
        url('../fonts/karbon-regular-webfont.svg#karbonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'dnkicon';
  src:  url('../fonts/dnkicon.eot?a98i1');
  src:  url('../fonts/dnkicon.eot?a98i1#iefix') format('embedded-opentype'),
    url('../fonts/dnkicon.ttf?a98i1') format('truetype'),
    url('../fonts/dnkicon.woff?a98i1') format('woff'),
    url('../fonts/dnkicon.svg?a98i1#dnkicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dnkicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-linkedin:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-viadeo:before {
  content: "\e902";
}