@charset "utf-8";
/* CSS Document */

/*Table of contents

	BODY
	PARAMETER
	HOME - HEADER

	HOME - A PROPOS DE SNEF
	HOME - RA 2019
	HOME - NEWS
	HOME - VIDEO

	GROUPE - HEADER
	GROUPE - HISTORY
	GROUPE - STRATEGIE
	GROUPE - ATOUTS
	GROUPE - GOUVERNANCE
	GROUPE - CHIFFRES

	OFRRE - HEADER
	OFRRE - FORCE
	OFRRE - SPECIFICITES
	OFRRE - MARCHES

	RSE - HEADER
	RSE - SPONSORING
	RSE - POLITIQUES
	RSE - SECURITE
	RSE - ENVIRONNEMENT


* ===================================
	BODY
====================================== */

body {
	font-family: 'century gothic','CenturyGothic';
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	color:#626262;
	line-height:23px;
	letter-spacing: 0.02em;
	margin: 0;
	padding:0;
	background-color: #fff;
	overflow-x: hidden!important;
}

/* ===================================
	PARAMETER
====================================== */

/* 	TEXT */

h1 {
	font-size:40px;
	font-weight:bold;
	line-height: 50px;
	color: #2a373e;
}
h2 {
	font-size:40px;
	font-weight:bold;
	line-height: 40px;
	color: #2a373e;
	text-transform: uppercase;
	letter-spacing: -0.05em;
}
h3 {
	font-size:18px;
	line-height: 25px;
	color: #396176;
}
h4 {
	text-transform:none;
	font-size:24px;
	line-height: 26px;
}
h5 {
	font-weight:600;
	font-size:14px;}
h6 {letter-spacing:0.02em;
	font-size: 14px;
	font-weight:bold;
	line-height: 16px;
}
p {
	font-size: 14px;
}
a {
	text-decoration: none;
	outline: none;
	color:#626262;
}
a:hover {
	color:#396176;
}

/* MARGIN */
.margin-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.margin-50 {
	margin-top: 50px!important;
	margin-bottom: 50px!important;
}
.margin-100 {
	margin-top: 100px!important;
	margin-bottom: 100px!important;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-25 {
	margin-top: 25px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-top-45 {
	margin-top: 45px;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-top-100 {
	margin-top: 100px;
}
.margin-top-150 {
	margin-top: 150px;
}
.margin-top-200 {
	margin-top: 200px;
}
.margin-top-250 {
	margin-top: 250px;
}
.margin-bottom-25 {
	margin-bottom: 25px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
.margin-bottom-150 {
	margin-bottom: 150px;
}
.margin-bottom-200 {
	margin-bottom: 200px;
}
.margin-bottom-250 {
	margin-bottom: 250px;
}

/* 	BACKGROUND */
.bg-orange {
	background-color: #ff9a15;
}
.bg-blue {
	background-color: #396176;
}
.bg-light-gray {
	background : #F3F3F3;
}
.bg-middle-gray {
	background: #e8e8e8;
}
.bg-black {
	background : #000000;
}

/* 	COLOR TEXT */
.orante-text {
	color: #ff9a15;
}
.white-text {
	color: #ffffff;
}
.dark-blue-text {
	color: #2A373E;
}
.blue-text {
	color: #396176;
}

/* 	SEPARATOR LINE */
.separator-line-white {
	border-bottom: 2px solid #fff;
	border-radius: 3px;
	margin: 25px auto;
	width: 100px;
}
.separator-line-blue {
	border-bottom: 2px solid #2a373e;
	margin: 25px auto;
	width: 100px;
}
.separator-line-history {
	border-bottom: 2px solid #2a373e;
	margin: 25px auto;
	width: 100px;
}
.separator-line-blue-left {
	border-bottom: 2px solid #2a373e;
	margin: 0 0 70px;
	width: 100px;
}
.separator-line-blue-right {
	border-bottom: 2px solid #2a373e;
	width: 100px;
	margin-left:80%;
	margin-bottom:70px;
}
.separator-line-orange {
	border-bottom: 2px solid #ff9a15;
	margin: 100px 0;
	width: 100px;
}
.separator-line-li {
	border-bottom: 2px solid #2a373e;
	margin: 50px 0;
	width: 50px;
}
.separator-line-news {
	height: 2px;
	margin: 50px 0;
	width: 50px;
}
.separator-line-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* BTN Header */

.btn-header {
    background-color:#7d4799;
	border: 3px solid #000;
    background-image: linear-gradient(rgba(94,197,194,1.00), rgba(94,197,194,0));
	border-radius:0;
	font-size: 16px;	
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 10px 20px;
	margin: 25px 0;
}
.btn-header:hover {
	background-color:#294756;
	color: #fff;

}
.btn-header i, .btn-header i:hover {
	color:#fff;
}
.btn-header:focus,
.btn-header:active,
.btn-header:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}
.btn-header-white {
	border: 2px solid #fff;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 10px 20px;
}
.btn-header-white:hover {
	background-color: #fff;
	color: #000;
}

.btn-header-white:focus,
.btn-header-white:active,
.btn-header-white:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.btn-circle {
	margin-top: 290px;
	padding: 10px 14px;
	border: 2px solid #fff;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle:hover {
	background-color: #fff;
}

.btn-circle i {
	color:#fff;
}
.btn-circle:hover i {
	color:#000;
	-webkit-transition:1s;transition:1s;
}
.btn-circle-blue {
	margin-top: 290px;
	padding: 10px 14px;
	border: 2px solid #396176;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-blue:hover {
	background-color: #396176;
}

.btn-circle-blue i {
	color:#396176;
}
.btn-circle-blue:hover i {
	color:#fff;
	-webkit-transition:1s;transition:1s;
}


.btn-header-blue {
    background-color: #396176;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	border-radius:0;
	font-size: 16px;	
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 10px 20px;
}
.btn-header-blue:hover {
	background-color:#294756;
	color: #fff;

}
.btn-header-blue i, .btn-header-blue i:hover {
	color:#fff;
}
.btn-header-blue:focus,
.btn-header-blue:active,
.btn-header-blue:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

/* ===================================
	HOME - HEADER
====================================== */

.home-header {
	height: 850px;
	background-color: #fff;
	background:url("../images/home/groupesnef_bg_home_header_fr_xl.jpg") no-repeat right;
	color:#021331;
}
.home-header-en {
	height: 850px;
	background-color: #fff;
	background:url("../images/home/groupesnef_bg_home_header_en_xl.jpg") no-repeat right;
	color:#021331;
}

.title-header {
	margin-top: 260px!important;
	margin-left: 15px;
	padding: 0;
}

/* ===================================
	HOME - RA
====================================== */

#home-ra{
}
.portrait-jpd {
	background: url("../images/home/groupesnef_home_jpd.jpg") no-repeat;
	height: 760px;
}
.portrait-jpd .bloc {
	margin-top:150px;
	color: #396176;
	font-size: 30px;
	line-height:40px;
	padding-right:50px;
}
.portrait-jpd p {
	line-height: 20px;
	margin-top: 50px;
}

.portrait-scl {
	background: url("../images/home/groupesnef_home_scl.jpg") right no-repeat;
	height: 760px;
}
.portrait-scl .bloc {
	text-align: right;
	margin-top:150px;
	color: #396176;
	font-size: 30px;
	line-height:40px;
	padding-left:50px;
}
.portrait-scl p {
	line-height: 20px;
	margin-top: 50px;
}

.container-ra {
	padding-bottom:50px;
}
.bloc-ra {
	margin-left: 15px;
	font-size: 18px;
	line-height: 24px;
	background-color: #FFF;
	height: 465px;
	-webkit-box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	-moz-box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);

}
.title-ra {
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	margin: 30px 0 30px;
	color:#021331;
}
.space-ra {
	padding:30px!important;
}
.text-ra { margin-bottom: 30px;}


.ra-book{
	height:465px;
	width:100%;
	}
.ra-book img {
	height:465px;
	width:660px;
}
.btn-header-ra {
	border: 2px solid #021331;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #021331;
	padding: 10px 20px;
}
.btn-header-ra:hover {
	background-color: #021331;
	color: #fff;
}

.btn-header-ra:focus,
.btn-header-ra:active,
.btn-header-ra:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

/* ===================================
	HOME - SNEF EN BREF
====================================== */
#bref {
	background-color: #FFF;
}
.counter {
	margin-bottom:150px;
}
.counter-number {
	margin:0 0 25px;
	font-size:65px;
	line-height:60px;
	font-weight: bold;
	color:#396076; 
	display:block; 
	letter-spacing: -0.02em!important;
}
.counter-title {
	font-size:16px;
	color:#396076;
}
/* ===================================
	HOME - NEWS
====================================== */
.bg-news {
	-webkit-box-shadow: 0px 0px 35px -25px rgba(57,97,118,1);
	-moz-box-shadow: 0px 0px 35px -25px rgba(57,97,118,1);
	box-shadow: 0px 0px 35px -25px rgba(57,97,118,1);
}
.bloc-news {padding:20px;}
.btn-news-blue {
    background-color: #396176;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:-0.01em !important;
	color: #fff;
	padding: 10px 20px;
	margin-top:10px; 
	text-decoration: none!important;
	outline: 0!important;
	box-shadow:none!important;
	border: none!important;
}
.btn-news-blue:hover {
	background-color:#294756;
	color: #fff;
}

.btn-news-blue:focus,
.btn-news-blue:active,
.btn-news-blue:visited {
	text-decoration: none!important;
	outline: 0!important;
	box-shadow:none!important;
}
.right-gradient  {
	right:15px;
	
}
.gradient-bg-news {
	position: absolute;
	background-color:transparent;
	width: 50%;
	height: 100%;
	padding: 90px 50px 50px;
	color: #fff;
}
.gradient-bg-news h4 {
	font-size: 20px;
	text-transform: uppercase;
}
.gradient-bg-news h3 {
	font-size: 47px;
	line-height: 50px;
	letter-spacing: -0.03em;
	margin: 15px 0 10px 0;
}
.gradient-bg-news p {
	font-size: 18px;
	line-height: 24px;
}
.gradient-bg-news img {
	width: 100%;
}
.gradient-bg-news button {
	border: 2px solid #fff;
	color :#fff;
	background: transparent;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	border-radius:0;
	padding: 10px 20px;
	letter-spacing: 0.1em;
	margin-top:25px;
}
.gradient-bg-news button:hover {
	border: 2px solid #fff;
	background-color: #fff;
	color: #000;
}
.gradient-bg-news button:active,
.gradient-bg-news button:focus,
.gradient-bg-news button:visited {
	text-decoration: none;
	box-shadow: none;
}
.bg-news img  {
	width: 100%;
}
.btn-news {
	color: #396176;
	border-radius: 0;
	border: 2px solid #396176;
}
.btn-news:hover {
	color: #fff;
	background-color: #396176;
}
.news-date{
	font-size: 11px;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 10px;
	color: #B1B1B1;
}
.news-title{
	font-size: 16px;
	letter-spacing:0;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #396176
}

.modal h4 {
	font-size: 40px;
	line-height: 45px;
	margin-bottom: 10px;

}
.modal h5 {
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 0;

}
.modal h6 {
	font-size: 11px;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #B1B1B1;

}
.modal span {
	font-size:15px;
	line-height: 15px;
	font-weight: bold;
}
.modal a {
	color: #396176;
}
.modal ul {
	margin: 0 0 10px;
	padding: 0;
}
.modal li {
	margin-left:15px;
	padding: 0;
	list-style: disc;
	font-size: 10px;
}
.modal li span {
	font-size: 14px;
	font-weight: normal;
}
.close-news {
	margin-top:20px;
	border: none;
    background-color: #396176;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-news:hover {
	background-color:#294756;
}
.big-news {
	display: none;
}

/* ===================================
	HOME - VIDEO
====================================== */

/* PARALLAX*/
#video {
	background: url(../images/home/groupesnef_bg_video_2.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.film {
-webkit-box-shadow: 0px 0px 64px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 64px -14px rgba(0,0,0,0.75);
box-shadow: 0px 0px 64px -14px rgba(0,0,0,0.75);
}

.logo-115ans img {
	width: 202px;
	height: 278px;
}
.logo-120ans img {
	width: 200px;
	height: 200px;
}

.text-115ans p {
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	font-weight: bold;
	margin-top:0;
	padding-top:0;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.75);
}
.text-115ans p::before,
.text-115ans p::after {
	display: inline;
	line-height: 0;
	vertical-align: text-bottom;
	content: "“";
	font-size: 90px;
}

.text-115ans p::after {
	content: "”";
	margin: 20px 0 0;
	display: inline;
	vertical-align: text-top 0px;
	line-height: 0;
}

.btn-video {
	border: 2px solid #fff;
	color :#fff;
	background: transparent;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	border-radius:0;
	padding: 10px 20px;
	letter-spacing: 0.1em;
	margin-top:25px;
}
.btn-video:hover {
	border: 2px solid #fff;
	background-color: #fff;
	color: #000;
}
.btn-video:active,
.btn-video:focus,
.btn-video:visited {
	text-decoration: none;
	box-shadow: none;
}
/* ===================================
	GROUPE - HEADER
====================================== */
#groupe-header{
	background: url("../images/groupe/groupesnef_bg_groupe_header.jpg") center no-repeat;
	height: 750px;
}

.bg-opacity {
	background-color: rgba(28,33,45,0.30);
	height: 100%;
	width: 100%;
}
/* ===================================
	GROUPE - HISTORY
====================================== */
#history {
	background: #fff;
}
#history .img-bottom {
	background: url("../images/groupe/groupesnef_bg_history.jpg") center no-repeat;
	height: 504px;
	margin: 50px auto;
}
#history .img-01 img, #history .img-02 img, #history .img-03 img, #history .img-04 img {
	width: 100%;
	margin-bottom: 50px;
}
#history .timeline-mobile {
		display: none;
}
#history .title {
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #2a373e;
	line-height: 45px;
	text-align: center;
}
#history .history-mobile {
	display:none;
}
#history .history-desk {
	display:block;
}
/* ===================================
	GROUPE - STRATEGIE
====================================== */

#strategie {
	background-color: #f3f5fa;
	color: #000;
}
#strategie img {
	width: 100%;
}
#strategie-gradient-top {
	height: 20px;
	width: 100%;
	margin:0;
	padding: 0;
	background: #fff;
}
#strategie-gradient-down {
	height: 20px;
	width: 100%;
	margin:0;
	padding: 0;
	background: linear-gradient(#f3f5fa,#e9ebf0);
}
.startegie-logo-groupesnef {
	width: 150px;
	height: 150px;
	padding: 30px 15px 0px 30px;
}
.bloc-strategie-big-text {
	padding: 30px 30px 10px 15px;
}
.strategie-logo img {
	width: 80px!important;
	margin: 20px auto 10px;
}
.strategie-logo-v img {
	width: 50px!important;
	margin: 0 auto 10px;
}
.strategie-logo-fl-little {
	width: 80px;
	margin: 15px auto 10px;
}
.strategie-logo-snef {
	width: 150px;
	height: 50px;
	margin: 25px auto 20px;
}
.strategie-logo-fl {
	width: 150px;
	height:60px;
	margin: 30px auto 25px;
}
.strategie-logo-ekium {
	width: 100px;
	height: 90px;
	margin: 5px auto 20px;
}
.strategie-logo-firac {
	width: 150px;
	height: 50px;
	margin: 30px auto 35px;
}
.strategie-logo-watt {
	width: 90px;
	height: 90px;
	margin: 5px auto 20px;
}
.strategie-icon {
	height: 70px;
	width: 50px;
	float: left;
	margin: 0 10px;
}
.strategie-title {
	height: 40px;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	line-height: 18px;
	margin: 0 0 40px 0;
	text-align: left;
	padding-top: 20px;
}
.strategie-title-big {
	margin-top:20px!important;
	font-size: 10px;
	color: #000;
	letter-spacing: -0.03em;
	line-height: 14px;
	text-align: left;
}
.bloc-strategie-big {
	width: 100%;
	margin: 0;
	padding:50px 0;
}

.bloc-strategie {
	background:linear-gradient(#fff 70%, #F4F6FA);
	width: 100%;
	height: 570px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 35px -25px rgba(57,97,118,1);
	-moz-box-shadow: 0px 0px 35px -25px rgba(57,97,118,1);
	box-shadow: 0px 0px 35px -25px rgba(57,97,118,1);
		
}
.bloc-strategie p {
	font-size: 12px;
}
.bloc-link-snef {
	font-size: 12px;
	position: absolute;
	bottom:30px;
	height: 80px;
	width: 210px;
	text-align: center;
	margin: auto;
	color:#626262;
	line-height: 20px;
}
.bloc-link-snef-small {
	font-size: 12px;
	position: absolute;
	bottom:30px;
	height: 40px;
	width: 210px;
	text-align: center;
	margin: auto;
	color:#626262;
	line-height: 20px;
}
.bloc-link-snef a, .bloc-link-snef-small a {
	font-size: 12px;
	text-decoration: underline;
	color: #0096a4;
}
.bloc-link-snef a:hover, .bloc-link-snef-small a:hover {
	text-decoration: none;
	color: #0096a4;
}
.text-map {
	margin-top: 50px;
}
.text-map .separator-line-blue {
	margin: 25px 0;
}
.text-map ul {
	list-style-type: disc;
	padding: 18px;
}
.text-map li {
	font-size: 10px;
}
.text-map li span {
	font-size: 14px;
}

/* ===================================
	GROUPE - STRATEGIE - PAGE SOCIETE
====================================== */

/* Page SNEF */

.page-snef {
	background: url("../images/groupe/pagesnef.jpg") no-repeat center;
	width: 2560px;
	height: 3927px;
}


/* ===================================
	GROUPE - ATOUTS
====================================== */
#atouts {
	background-color: #fff;
}
#atouts i {
	font-size: 40px;
	margin:5px 0 0 ;
	padding:0;
}
#atouts .icon {
	text-align: center;
	margin: 0;
	padding: 0;
}
.bloc-atouts .separator-line {
	margin: 25px 0;
	width: 50px
}
.bloc-atouts h4 {
	color: #000;
}
.bloc-atouts ul {

	padding:0 0 0 13px;

}
.bloc-atouts li {
	list-style: disc;
	font-size: 8px;
	padding: 0 10px 0 5px;
}
.bloc-atouts li span {
	font-size: 14px;
	line-height: 18px
}
.atouts-description {
	margin:0;
	padding: 0;
	height: 285px;
}
.map-mobile {
	display: none;
}
/* ===================================
	GROUPE - GOUVERNANCE
====================================== */
#gpuvernance {
	background-color: #fff;
}
#gouvernance ul {
	padding:0;
	margin:0;
}
#gouvernance h4 {
	font-weight: bold;
	color:#000;
}
#gouvernance p {
	line-height: 16px;
}
.dir {
	margin: 20px 0 0;
}
.dir .nom {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

.dir .separator-line {
	margin: 15px auto;
	width: 50px;
}
.ca {
	margin: 25px 0 0;
}
.ca .separator-line, .ed .separator-line {
	margin: 15px 0;
	width: 50px;
}
.ed li {
	padding:0;
	margin:0 0 10px 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
.ed li span {
	font-weight: normal;
	text-transform: none;
	color: #626262;
}

/* ===================================
	GROUPE - CHIFFRE
====================================== */
#chiffres {
	background-color:#fff;
}
#chiffres img {
	height: 380px;
	width: 560px;
}

.chiffres-description {
	margin: 0 0 0 25px;
	text-align: center;
}
.titre-chiffres {
	color: #000;
	font-size:15px;
}
.trad-chiffres {
	color:#396176;
	font-style: italic;
}
.btn-ra-off {
	border: 2px solid #ccc;
	background-color: #ccc;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #999;
	width: 350px;
	padding: 15px 0;
	cursor: default;
}
.btn-ra-off:hover {
	border: 2px solid #ccc;
	background-color: #ccc;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #999;
	width: 350px;
	padding: 15px 0;
	cursor: default;
}
.btn-ra {
	border: 2px solid #396176;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #396176;
	width: 350px;
	padding: 15px 0;
}
.btn-ra:hover {
	background-color: #396176;
	color: #fff;
}

.btn-ra:focus,
.btn-ra:active,
.btn-ra:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

/* ===================================
    14 - SOLUTIONS - HEADER
====================================== */

#solutions-header{
	background: url("../images/solutions/groupesnef_bg_solutions_header.jpg") center no-repeat;
	height: 900px;
}
.title-header-solutions {
	padding:0 80px 0 0;
}

/* ===================================
	OFFRE - FORCE
====================================== */
#force {
	background-color: #fff;
}
#force p {
	text-align: justify;
}

#force .separator-line-blue {
	margin: 25px 0;
}
.force {
	padding-left:100px;
}
.plaquette-desk {
	display: block;
}
.plaquette {
	-webkit-box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	-moz-box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	margin: 0!important;
	padding:0!important;
}
.plaquette img {
	width:100%;
}

/* ===================================
	OFFRE - SPECIFICITES
====================================== */

#specificites {
	background: url("../images/solutions/groupesnef_bg_offre_specificites.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#specificites h2,
#specificites h3,
#specificites p,
#specificites .title,
#specificites .subtitle {
	color: #fff;
}

#specificites img {
	margin: auto;
	padding: 0;
	width: 70px;
	height: 70px;
}
#specificites .title {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#specificites .subtitle {
	font-size: 16px;
	line-height: 20px;
	margin: 20px 0 0;
	padding: 0;
}

/* ===================================
	OFFRE - MARCHES
====================================== */
#marches {
	background-color: #fff;
	color: #000;
}
#marches img {
	width:100%;
	padding: 0;
	margin: 0;
}
.img-marches {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	padding: 0;
}
.img-marches-desktop, .carousel-desktop {
	display: block;
}
.img-marches-mobile, .carousel-mobile {
	display: none;
}
.marches-title {
	font-size:30px;
	text-transform: uppercase;
	color: #396176;
}
.marches-subtitle {
	font-size: 20px;
	margin: 5px 0 20px 0;
}
.marches-info {
	padding-left: 50px;
}
.picto-title {
	font-size: 12px;
	line-height: 14px;
	margin:5px 0 20px;
	padding: 0;
	text-align: center;
	color: #396176;
	
}

.ref-left:hover,
.ref-middle:hover,
.ref-right:hover {
	cursor:pointer;
}
.carousel-indicators {
	top:200px;
}
.ref-left {
	margin:0!important;
	padding:8px 4px 0 0!important;
}
.ref-middle {
	margin:0!important;
	padding:8px 2px 0 2px!important;
}
.ref-right {
	margin:0!important;
	padding:8px 0 0 4px!important;

}
/* ===================================
	RSE - HEADER
====================================== */
#rse-header{
	background: url("../images/rse/groupesnef_bg_rse_header.jpg") center no-repeat;
	height: 800px;
}
/* ===================================
	RSE - SPONSORING
====================================== */
#sponsoring {
    background-color: #fff;
}
#sponsoring p {
    text-align: justify;
}
#sponsoring img {
	width: 100%;
}

.text-sponsoring h2 {
	font-weight: normal;
	text-transform: none;
	font-size:30px;
	line-height: 30px;
}
.text-sponsoring h3 {
	padding-bottom: 30px;
}
.text-sponsoring a {
	text-decoration: underline;
}
.text-sponsoring a:hover {
	text-decoration: none;
}

.text-sponsoring h2, .text-sponsoring h3 {
	text-align: left;
}

.btn-blue {
	border: 2px solid #396176;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #396176;
	padding: 10px 20px;
}
.btn-blue:hover {
	background-color: #396176;
	color: #fff;
}

.btn-blue:focus,
.btn-blue:active,
.btn-blue:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}
/* ===================================
	RSE - DEVELOPPEMENT DURABLE
====================================== */

#developpement {
	position: relative;
	color: #fff;
	background:url("../images/rse/groupesnef_bg_rse_developpement_durable.jpg") no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

 #developpement .col-lg-6, #developpement .col-md-12, #developpement .col-12 {
	padding-left:15px!important;
	padding-right: 8px!important;
}
#developpement .col-lg-12 {
	padding:0 0 0 16px!important;
	margin-left: 0px;
}

#developpement .white-bloc {
	background-color: #fff;
	color:#000;
	padding: 70px 50px;
	opacity: .90;
}

#developpement .sub-title {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 10px;
}
#developpement .space-right {
	padding-bottom: 99px;
}
#developpement .title {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 35px;
	margin-bottom:30px;
}
#developpement .img-hidden {
	display: none;
}
#developpement .legend {
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	margin-top: 10px;
}
#developpement .legend span {
	font-size: 8px;
}
#developpement .space-bloc {
	margin-bottom: 16px;
}
#developpement ul {
	padding:0 0 0 13px;
}
#developpement li {
	list-style: disc;
	font-size: 8px;
	padding: 0 10px 0 5px;
}
#developpement li span {
	font-size: 14px;
	line-height: 18px
}
/* ===================================
	RSE - SANTE
====================================== */
#sante {
    background-color: #fff;
}
#sante p {
	text-align: justify;
}
#sante h4 {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 35px;
	margin-bottom:30px;
}
#sante ul {
	padding:0 0 0 13px;
}
#sante li {
	list-style: disc;
	font-size: 8px;
	padding: 0px 10px 12px 5px;
}
#sante li span {
	font-size: 14px;
	line-height: 18px
}

.bloc-securite .separator-line {
	margin: 25px 0;
	width: 50px
}
.img-mobile {
	display: none;
}

/* ===================================
	RSE - PARTENARIAT & MECENAT
====================================== */
#partenariat {
	color: #fff;
	background-color: #e1251b;
}
#partenariat a {
	color: #fff;
	text-decoration: underline;
}
#partenariat a:hover {
	text-decoration: none;
}
#partenariat .col-lg-5{
	padding-left: 80px;
	padding-right:80px;
}
#partenariat .title {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 35px;
	margin-bottom:30px;
	text-align: left;
}
#partenariat ul {
	padding: 12px;
}
#partenariat li {
	list-style: disc;
	text-align: left;
	padding: 0 5px 0 10px;
	font-size: 8px;
	line-height: 15px;
	margin-bottom: 20px;
}
#partenariat li span {
	font-size: 16px;
}

/* ===================================
	RSE - RESPONSABILITE
====================================== */
#responsabilite {
    background-color: #fff;
}
#responsabilite .title {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 35px;
	margin-bottom:30px;
	margin-top: 50px;
}
#responsabilite .sub-title {
	font-size: 20px;
	line-height: 35px;
	margin-bottom:30px;
	margin-top: 50px;
}
#responsabilite p {
	text-align: justify;
}
#responsabilite .great-place {
	width: 150px;
	height: 150px;
	margin-top: 30px;
}
#responsabilite .great-place img {
	width: 100%;
}
#responsabilite .pacte-mondiale {
	width: 250px;
	position: absolute;
	bottom:0;
	margin: 0 25%;
}
#responsabilite td {
	text-align: center;
	font-size: 17px;
}

.dpef {
	-webkit-box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	-moz-box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	box-shadow: 11px 4px 49px -26px rgba(0,0,0,0.5);
	margin: 0!important;
	padding:0!important;
}
.dpef img {
	width:100%;
}
/* ===================================
	CARRIERES - HEADER
====================================== */
#carrieres-header{
	background: url("../images/carrieres/groupesnef_bg_carrieres_header_old.jpg") center no-repeat;
	height: 800px;
}
.title-header-carrieres {
	padding-right:150px;
}

/* ===================================
	CARRIERES - CUTURE
====================================== */
#culture {
	background-color: #fff;
}
#culture p {
	text-align: justify;
}
#culture .text-description {
	margin-bottom: 150px;
}

/* ===================================
	CARRIERES - OFFRE
====================================== */
#offreemploi {
	background: url("../images/carrieres/groupesnef_bg_carrieres_mot.jpg");
	background-color: #0a0a1e;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
#offreemploi .separator-line {
	margin :100px 0;
}
#offreemploi p {
	font-size: 20px;
	line-height: 30px;
	font-style: italic;
}
#offreemploi .nom {
	font-size: 20px;
	font-weight: bold;
}
#offreemploi .fonction {
	font-size: 16px;
}
#offreemploi .title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
#offreemploi .description {
}

.bloc-btn-offre{
	background-color: #0a0a1e;
}
.btn-orange-offreemploi {
	width: 100%;
	border: 2px solid #ff9a15;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 10px 20px;

}
.btn-orange-offreemploi:hover {
	background-color: #ff9a15;
	color: #fff;
}
.btn-orange-offreemploi:focus,
.btn-orange-offreemploi:active,
.btn-orange-offreemploi:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}
/* ===================================
	CARRIERES - UNIVERSITE
====================================== */
#universite {
	background-color: #fff;
}
#universite img {
	width: 100%;
}
#universite-logo {
	text-align: center;
	width:250px;
	height:250px;
	margin:0 auto 0 auto!important;
	padding: 0!important;
}
#universite p {
	text-align: justify;
}
#universite a {
	text-decoration: underline;
}
.logo-ecole {
	filter: saturate(0);
}
.logo-ecole:hover {
	filter: saturate(1);
	cursor: pointer;
}

#graduate ul {
	list-style-type: disc;
	padding: 15px;
}
#graduate li {
	padding: 5px;
}
/* ===================================
	CARRIERES - PAGE OFFRE EMPLOI
====================================== */

#pageoffres {
	background: url("../images/carrieres/groupesnef_bg_carrieres_offres_header.jpg") center top no-repeat;
	background-color: #fff;
}
#pageoffres .container {
	padding-top: 200px;
}
.btn-research {
	border: none;
	border-radius:5px;
	background-color: #396176;
	color: #fff;
	text-align: center;
	margin: 0;
	width:100%;
	
}
.btn-research:hover {
	background-color: #213844;
}
.btn-bottom {
	border: 1px solid #396176;
	border-radius:5px;
	background-color: #fff;
	color: #396176;
	text-align: center;
	margin: 20px 0 0;
	width:100%;	
}
.btn-bottom:hover {
	border: 1px solid #396176;
	background-color: #396176;
	color: #fff;
}
.btn-retour {
	border: none;
	border-radius:5px;
	background-color: #396176;
	color: #fff;
	text-align: center;
	margin: 20px 0 0;
	width:100%;
	
}
.btn-retour:hover {
	background-color: #213844;
}
.btn-apply {
	border: none;
	border-radius:5px;
	background-color: #396176;
	color: #fff;
	text-align: center;
	margin: 5px 0 0;
	font-size: 14px;
}
.btn-apply:hover {
	background-color: #213844;
}
.btn-clear {
	border: none;
	border-radius:5px;
	background-color: #999999;
	color: #fff;
	text-align: center;
	margin: 20px 0 0;
	font-size: 14px;
}
.btn-clear:hover {
	background-color: #686868;
}
.btn-candspont {
	border: none;
	border-radius:5px;
	background-color: #396176;
	color: #fff;
	text-align: center;
	margin: 0;
	width:100%;
}
.btn-candspont:hover {
	background-color: #213844;
}
#title-offres {
	font-size:25px;
	font-weight: bold;
	line-height: 25px;
	margin: 25px auto 25px;
	color: #396176;
}
#nb-offres {
	font-weight: bold;
	color: #396176;
	font-size: 20px;
	text-align: center;
}

.liste a {
	font-size:18px;
	letter-spacing:inherit;
	font-weight: normal;
	line-height: 25px;
	color:#626262;
}
.detail-liste il a {
	font-size:14px;
	letter-spacing:inherit;
	font-weight: normal;
	line-height: 25px;
	color:#626262;
}

.liste-offre {
	border: 1px solid #f2f2f2;
	padding: 15px;
	border-radius: 5px;
}
.big-puce-active {
	background: url("../images/carrieres/puce_active.svg") center left no-repeat;
	padding-left: 23px; 
	font-size:18px;
	color: #1d3c7c;
	text-decoration:underline;
}
.small-puce-active {
	background: url("../images/carrieres/puce_active.svg") center left no-repeat;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 10px;
	color: #1d3c7c;
	text-decoration:underline;
}
.annonce {
	border: 1px solid #f2f2f2;
	padding: 15px;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 5px;
}
.annonce a {
	text-decoration: none;
}
.annonce_intitule {
	font-size:18px;
	letter-spacing:inherit;
	font-weight: normal;
	line-height: 25px;
	color:#1d3c7c;
}
.annonce_ref {
	font-size:12px;
	letter-spacing:inherit;
	font-weight: normal;
	line-height: 16px;
	color:#626262;
}
.button-detail-offre {
	padding: 10px 0 10px 0;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #ccc;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.button-detail-offre:hover {
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
	border-radius: 5px;
}
.debase {
	font-size:18px;
	color:#1d3c7c;
	text-decoration:none;
}
.debase:hover {
	text-decoration:underline
;}
.libelle {
	font-size:14px;
}
.libelle_datas {
	font-size:20px;
	color:#396176;
}
.datas {
	font-size: 16px;
	color: #626262;
	margin-top: 5px;
}
.spacer {
	margin-top: 15px;
}
.message-retour {
	text-align:center;
	font-size:18px;
	margin: 50px 0px 70px 0; color:#E2001A;
}
.message-error {
	text-align:center;
	font-size:14px;
	margin: 5px auto 50px;
	color:#E2001A;
}
.icon-contact {
	float: left;
	width: 30px;
	height: 30px; 
	margin: 5px 10px 0 0;
}
#detail-offre {
	background: url("../images/carrieres/groupesnef_bg_carrieres_offres_header.jpg") center top no-repeat;
	background-color: #fff;
}
#detail-offre .container {
	padding-top: 200px;
}
#detail-offre .detail-offre {
	font-size: 20px;
	color: #626262;
	text-align: center;
	margin-bottom: 10px;
}
#detail-offre .detail-offre-intitule {
	font-size:30px;
	text-transform: uppercase;
	color:#1d3c7c;
	text-align: center;
	margin-bottom: 80px;
}
div.erreur {
	text-align: center;
	color:#E2001A;
}
table#offres_detail td.erreur {padding-bottom: 50px; text-align: right; color: #E2001A;}
.input-file {
	background-color: #FFF;
	border: solid 1px #a9a9a9;
	cursor: pointer;
	padding:10px;
	font-size: 12px;
	line-height: 15px;
	border-radius: 5px;
}
.valider {
	text-align: center;
	background-color:#396176;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
	border-radius: 5px;
}
.valider:hover {
	background-color:#213844;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
#rgpd {
	margin: 0 auto 50px auto;
	padding:30px;
	border: solid 1px #E2001A;
	border-radius: 5px;
}
#rgpd ul {
	padding-left: 13px;
}
#rgpd li {
	color: #E2001A;
	margin: 10px;
	font-size: 13px;
}
#rgpd span {
	color: #E2001A;
}
#rgpd #titre {
	color: #E2001A;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
.filterField {
	color: #396176;
	font-size: 15px;
	margin-bottom: 10px;
}
.filterField label {
	display: block;
	margin-bottom: 3px;
}
.filterField select {
	width: 100%;
	height: 30px;
}
.tableHeader {
	padding: 10px;
	border:1px solid #ddd;
	border-radius: 5px;
}
.tableRow {
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
	color: #396176;
}
.tableRow:hover {
	background-color:#F9FBFC;
	font-weight: bold;
}
.table-padding {
	padding:0  0 0 25px;
}
.multipleSelection {
	width: 300px;
	background-color: #396176;
}
.selectBox {
	position: relative;
}
.selectBox select {
	width: 100%;
}
.overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.checkBoxes {
	display: none;
}
.checkBoxes label {
	display: block;
	color: black;
	font-size: 13px;
}
.checkBoxes label:hover {
	background-color: #396176!important;
	color: #fff;
}
::placeholder {
	color : #ccc!important;
}
.border {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 40px 50px;
}
.pagination {
	margin:20px auto;
	height: 35px;
	text-align: center;
	width: 200px;;
}
.pagination a {
	color: #396176;
	font-weight: bold;
	padding: 5px 15px;
	text-align: center;
	border-radius: 5px;
}
.active-page {
	background: #396176;
	font-weight: bold;
	padding: 5px 15px;
	text-align: center;
	color: #fff!important;}
.error {
		color:red;
		font-size: 12px;
		margin: 5px 0 15px;
}
/* ===================================
	CONTACT
====================================== */

#contact-header {
	background: url("../images/contact/groupesnef_bg_contact_header.jpg") center top no-repeat;
	height: 900px;
	background-color: #fff;
}

#contact .head-office p {
	font-size: 17px;
	line-height: 23px;
	text-align: center;
}
#contact a {
	text-decoration: underline;
}
#contact a:hover {
	text-decoration: none;
}

#contact .table {
	color:#626262;
	text-align: center;
	font-size: 17px;
}
#contact .table th,
#contact .table td,
#contact .table tbody {
	border-top: 0;
	border-bottom: 0;
}
#contact .table td {
	line-height: 23px;
}
#contact .table th,
#contact .table td {
	padding: 0.40em;
}
.adress {
	margin-top: 60px!important;
}
.logo-contact-groupesnef{
	width: 165px;
	height: 165px;
	margin: 0 auto 10px;
}
.logo-contact-snef{
	width: 180px;
	height: 110px;
	margin: auto;
	padding-top: 40px;
}
.logo-contact-iqanto{
	width: 180px;
	height: 110px;
	margin: auto;
	padding-top: 40px;
}
.logo-contact-iqanto img{
	width: 100%;
}
.logo-contact-square{
	width: 132px;
	height: 110px;
	margin: auto;
	padding-top:0px;
}
.logo-contact-ekium{
	width: 120px;
	height: 120px;
	margin: auto;
	padding-top: 10px;
}
.logo-contact-fl{
	width: 165px;
	height: 110px;
	margin: auto;
	padding-top: 40px;
}
.logo-contact-watt{
	width: 120px;
	height: 120px;
	margin: auto;
	padding-top: 10px;
}

.logo-contact-imsat{
	width: 155px;
	height: 110px;
	margin: auto;
	padding-top: 40px;
}
.logo-contact-sfl{
	width: 132px;
	height: 110px;
	margin: auto;
	padding-top: 30px;
}

#traitement-header{
	background-color: #fff;
}
#traitement-header .container {
	padding-top: 200px;
	padding-bottom: 200px;
}
#traitement-header a {
	text-decoration: none;
}

/* ===================================
    FOOTER
====================================== */
footer h5 {
	color: #000;
}
.margin-footer{
 margin: 10px auto;	
}
footer .bloc-footer-text {
	padding-right:50px;
}
footer .footer-text { 
	line-height:22px;
	text-align:justify;
}

footer .footer-text a:hover {
	opacity:0.7;
}
footer .footer-middle {
	padding-top:80px;
	padding-bottom: 20px;
}

footer ul li {
	padding: 1px 0;
}
footer ul li a {
	color: #626262;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
footer ul li a:hover {
	opacity:0.7;
	text-decoration: none;
}
footer ul.list-inline li a {
	color: #000;
	font-weight: 600;
}
footer ul.list-inline li a:hover {
	opacity:0.7;
	font-weight: 600;
}
footer ul.list-inline li:first-child {
	padding-left: 4px;
}
.footer-middle ul, .footer-middle ul {
	margin: 0;
	padding: 0;
	
}
.spacing-line { 
	margin-top: 60px;
}
.logo-societe a:hover {
	opacity:0.7!important;
}
.footer-social {
	text-align: right;
}
.footer-social i {
	font-size: 20px;
}
.footer-social a {
	margin: 0 5px;
	border: solid 1px #000;
	border-radius: 100%;
	padding:10px;
}
.footer-social a:hover {
	background-color: #000;
}
.footer-social a:last-child {
	margin-right: 0;
}
.footer-social a i {
	color: #000;
}
.footer-social a:hover i {
	color: #fff;
}
.footer-social img {
	width: 35px;
	height: 35px;
}
.footer-social .padding-facebook {
	padding: 0 2px;
}
.copyright {
	margin-top: 15px;
	font-size: 11px;
	color: #000;
}
.footer-signature img{
	width: 140px;
	height: 44px;
}
.footer-bottom {
	margin-top: 30px;
	margin-bottom: 30px;
}
.container-fluid {margin-top: 0!important; padding-top: 0!important;}


/* ===================================
	MENTIONS LEGALES
====================================== */

#mentions {
	text-align: justify;
}

/* ===================================
	PRIVACY-POLICY
====================================== */
#privacy-policy {
	margin: 150px auto 100px;
}
/* ===================================
	PAGE TUNNEL - FL
====================================== */

#fl h2 {
	color: #e30613;
	font-weight: normal!important;
}
#fl h3 {
	color: #888888;
}

#fl-header {
	height: 700px;
	background-image: url('../images/fl/groupesnef_page_fl_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
}
.btn-circle-fl {
	margin-top: 320px;
	padding: 10px 14px;
	border: 2px solid #e30613;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-fl:hover {
	background-color: #e30613;
}

.btn-circle-fl i {
	color:#e30613;
}
.btn-circle-fl:hover i {
	color:#fff;
	-webkit-transition:1s;transition:1s;
}
#fl-brand {
	margin: 200px auto 0;
	width: 250px;
}

#fl-societe p {
	text-align:justify;
}

#fl-societe .map {
	width: 300px;
	margin: auto;
}

#fl-forces {
	background: url("../images/fl/groupesnef_page_fl_bg_forces.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#fl-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#fl-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#fl-forces .separator-line-fl {
	border-bottom: 2px solid #e30613;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#fl-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#fl-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#fl-band {
	background-color: #000;
	color: #fff;
}
#fl-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-fl-active {
	border: 2px solid #e30613;
	background-color: #e30613;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-fl-active:hover {
	border: 2px solid #C10510;
	background-color: #C10510;
	color: #fff;
}
.btn-fl {
	border: 2px solid #e30613;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-fl:hover {
	background-color: #e30613;
	color: #fff;
}

.btn-fl:focus,
.btn-fl:active,
.btn-fl:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-fl {
	border-bottom: 2px solid #e30613;
	margin: 25px auto;
	width: 100px;
}
#fl-specialites p {
	text-align: justify;
}
#fl-specialites h5 {
	text-align: center;
}
#fl-specialites .bloc-picto {
	margin-bottom:25px;
}
#fl-specialites .fl-picto {
	width: 80px;
	height: 80px;
	margin: auto;
}
#fl-specialites .marches {
	font-size: 16px;
	color: #e30613;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}
#fl-specialites .marches .float {
	float: left;
	margin-top: 25px;
}
#fl-specialites .marches img {
	width: 60px;
	height: 60px;
	margin-left:15px;
}
#fl-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #888888;
}
#fl-specialites .title-liste {
	font-size: 16px;
	color: #e30613;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}

#fl-specialites ul  {
	list-style-type: disc;
	padding-left: 15px;

}
#fl-specialites ul li {
	font-size: 10px;
	margin-bottom: 10px;

}
#fl-specialites ul li span {
	font-size: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
	filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-fl {
	text-align: center;
	margin:20px auto;
}
.close-fl {
	border: none;
    background-color: #e30613;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-fl:hover {
	background-color:#B9090C;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#fl-contact .separator-line-fl {
	margin-top: 50px!important;
}
#fl-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#fl-contact #mail:hover {
	color: #e30613!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-fl {
	text-align: center;
	background-color:#e30613;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-fl:hover {
	background-color:#B9090C;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/* ===================================
	PAGE TUNNEL - EKIUM
====================================== */

#ekium h2 {
	color: #ea8d00;
	font-weight: normal!important;
}
#ekium h3 {
	color: #888888;
}

#ekium-header {
	height: 700px;
	background-image: url('../images/ekium/groupesnef_page_ekium_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
}
.btn-circle-ekium {
	margin-top: 320px;
	padding: 10px 14px;
	border: 2px solid #ea8d00;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-ekium:hover {
	background-color: #ea8d00;
}

.btn-circle-ekium i {
	color:#ea8d00;
}
.btn-circle-ekium:hover i {
	color:#fff;
	-webkit-transition:1s;transition:1s;
}
#ekium-brand {
	margin: 160px auto 0;
	width: 220px;
}

#ekium-societe p {
	text-align:justify;
}
#ekium-societe .map {
	width: 300px;
	margin: auto;
}
#ekium-societe a {
	color:#ea8d00;
	text-decoration: underline;
}
#ekium-societe .chiffres {
	color:#ea8d00;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#ekium-societe .picto {
	width: 100px;
	margin: auto;
}
#ekium-societe a:hover {
	text-decoration: none;
}

#ekium-forces {
	background: url("../images/ekium/groupesnef_page_ekium_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#ekium-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#ekium-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#ekium-forces .separator-line-ekium {
	border-bottom: 2px solid #ea8d00;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#ekium-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#ekium-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#ekium-band {
	background-color: #000;
	color: #fff;
}
#ekium-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-ekium-active {
	border: 2px solid #ea8d00;
	background-color: #ea8d00;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-ekium-active:hover {
	border: 2px solid #ea8d00;
	background-color: #ea8d00;
	color: #fff;
}
.btn-ekium {
	border: 2px solid #ea8d00;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-ekium:hover {
	background-color: #ea8d00;
	color: #fff;
}

.btn-ekium:focus,
.btn-ekium:active,
.btn-ekium:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-ekium {
	border-bottom: 2px solid #ea8d00;
	margin: 25px auto;
	width: 100px;
}
#ekium-specialites p {
	text-align: justify;
}
#ekium-specialites h5 {
	text-align: center;
}
#ekium-specialites .bloc-picto {
	margin-bottom:25px;
}
#ekium-specialites .ekium-picto {
	width: 80px;
	height: 80px;
	margin: auto;
}
#ekium-specialites .marches {
	font-size: 16px;
	color: #ea8d00;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}
#ekium-specialites .marches .float {
	float: left;
	margin-top: 25px;
}
#ekium-specialites .marches img {
	width: 60px;
	height: 60px;
	margin-left:15px;
}
#ekium-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #ea8d00;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-ekium {
	text-align: center;
	margin:20px auto;
}
.close-ekium {
	border: none;
    background-color: #ea8d00;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-ekium:hover {
	background-color:#C57600;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#ekium-contact .separator-line-ekium {
	margin-top: 50px!important;
}
#ekium-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#ekium-contact #mail:hover {
	color: #ea8d00!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-ekium {
	text-align: center;
	background-color:#ea8d00;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-ekium:hover {
	background-color:#C57600;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


/* ===================================
	PAGE TUNNEL - WATT DESIGN BUILD
====================================== */

#wattdesignbuild h2 {
	color: #C0916D;
	font-weight: normal!important;
}
#wattdesignbuild h3 {
	color: #888888;
}

#wattdesignbuild-header {
	height: 700px;
	background-image: url('../images/wattdesignbuild/groupesnef_page_wattdesignbuild_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
}
.btn-circle-wattdesignbuild {
	margin-top: 320px;
	padding: 10px 14px;
	border: 2px solid #C0916D;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-wattdesignbuild:hover {
	background-color: #C0916D;
}

.btn-circle-wattdesignbuild i {
	color:#C0916D;
}
.btn-circle-wattdesignbuild:hover i {
	color:#fff;
	-webkit-transition:1s;transition:1s;
}
#wattdesignbuild-brand {
	margin: 160px auto 0;
	width: 220px;
}

#wattdesignbuild-societe p {
	text-align:justify;
}
#wattdesignbuild-societe .map {
	width: 300px;
	margin: auto;
}
#wattdesignbuild-societe a {
	color:#C0916D;
	text-decoration: underline;
}
#wattdesignbuild-societe .chiffres {
	color:#C0916D;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#wattdesignbuild-societe .picto {
	width: 100px;
	margin: auto;
}
#wattdesignbuild-societe a:hover {
	text-decoration: none;
}

#wattdesignbuild-forces {
	background: url("../images/wattdesignbuild/groupesnef_page_wattdesignbuild_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#wattdesignbuild-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#wattdesignbuild-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#wattdesignbuild-forces .separator-line-wattdesignbuild {
	border-bottom: 2px solid #C0916D;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#wattdesignbuild-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#wattdesignbuild-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#wattdesignbuild-band {
	background-color: #000;
	color: #fff;
}
#wattdesignbuild-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-wattdesignbuild-active {
	border: 2px solid #C0916D;
	background-color: #C0916D;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-wattdesignbuild-active:hover {
	border: 2px solid #C0916D;
	background-color: #C0916D;
	color: #fff;
}
.btn-wattdesignbuild {
	border: 2px solid #C0916D;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-wattdesignbuild:hover {
	background-color: #C0916D;
	color: #fff;
}

.btn-wattdesignbuild:focus,
.btn-wattdesignbuild:active,
.btn-wattdesignbuild:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-wattdesignbuild {
	border-bottom: 2px solid #C0916D;
	margin: 25px auto;
	width: 100px;
}
#wattdesignbuild-specialites p {
	text-align: justify;
}
#wattdesignbuild-specialites h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	margin-top: 50px;
	margin-bottom:15px;
	color:#C0916D;
}
#wattdesignbuild-specialites h5 {
	text-align: center;
}
#wattdesignbuild-specialites .bloc-picto {
	margin-bottom:25px;
}
#wattdesignbuild-specialites .wattdesignbuild-picto {
	width: 80px;
	height: 80px;
	margin: auto;
}
#wattdesignbuild-specialites .marches {
	font-size: 16px;
	color: #C0916D;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}
#wattdesignbuild-specialites .marches .float {
	float: left;
	margin-top: 25px;
}
#wattdesignbuild-specialites .marches img {
	width: 60px;
	height: 60px;
	margin-left:15px;
}
#wattdesignbuild-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #C0916D;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-wattdesignbuild {
	text-align: center;
	margin:20px auto;
}
.close-wattdesignbuild {
	border: none;
    background-color: #C0916D;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-wattdesignbuild:hover {
	background-color:#AF8366;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#wattdesignbuild-contact .separator-line-wattdesignbuild {
	margin-top: 50px!important;
}
#wattdesignbuild-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#wattdesignbuild-contact #mail:hover {
	color: #C0916D!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-wattdesignbuild {
	text-align: center;
	background-color:#C0916D;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-wattdesignbuild:hover {
	background-color:#AF8366;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


/* ===================================
	PAGE TUNNEL - SNEF TELECOM
====================================== */

#telecom h2 {
	color: #0096a4;
	font-weight: normal!important;
}
#telecom h3 {
	color: #888888;
}



#telecom-header {
	height: 700px;
	background-image: url('../images/telecom/groupesnef_page_telecom_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.btn-circle-telecom {
	margin-top: 180px;
	padding: 10px 14px;
	border: 2px solid #fff;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-telecom:hover {
	background-color: #fff;
}

.btn-circle-telecom i {
	color:#fff;
}
.btn-circle-telecom:hover i {
	color:#0096a4;
	-webkit-transition:1s;transition:1s;
}
#telecom-brand {
	margin: 300px auto 0;
	width: 350px;
}

#telecom-societe p {
	text-align:justify;
}
#telecom-societe .map {
	width: 400px;
	margin: 0 auto 50px;
}
#telecom-societe a {
	color:#0096a4;
	text-decoration: underline;
}
#telecom-societe .chiffres {
	color:#0096a4;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#telecom-societe .picto {
	width: 100px;
	margin: auto;
}
#telecom-societe a:hover {
	text-decoration: none;
}

#telecom-societe ul, #telecom-specialites ul  {
	list-style-type: disc;
	padding-left: 15px;
	text-align: justify;

}
#telecom-societe ul li,#telecom-specialites ul li {
	font-size: 10px;
	margin-bottom: 10px;
	padding-left:10px;

}
#telecom-societe ul li span, #telecom-specialites ul li span {
	font-size: 14px;
}

#telecom-forces {
	background: url("../images/telecom/groupesnef_page_telecom_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#telecom-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#telecom-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#telecom-forces .separator-line-telecom {
	border-bottom: 2px solid #0096a4;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#telecom-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#telecom-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#telecom-band {
	background-color: #000;
	color: #fff;
}
#telecom-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-telecom-active {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-telecom-active:hover {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	color: #fff;
}
.btn-telecom {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-telecom:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-telecom:focus,
.btn-telecom:active,
.btn-telecom:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-telecom {
	border-bottom: 2px solid #0096a4;
	margin: 25px auto;
	width: 100px;
}
#telecom-specialites p {
	text-align: justify;
}
#telecom-specialites h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	margin-top: 50px;
	margin-bottom:15px;
	color:#0096A4;
}
#telecom-specialites h5 {
	text-align: center;
}
#telecom-specialites .modal p {
	text-align: center;
}
#telecom-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #0096a4;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-telecom {
	text-align: center;
	margin:20px auto;
}
.close-telecom {
	border: none;
    background-color: #0096a4;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-telecom:hover {
	background-color:#007580;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#telecom-contact .separator-line-telecom {
	margin-top: 50px!important;
}
#telecom-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#telecom-contact #mail:hover {
	color: #0096a4!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-telecom {
	text-align: center;
	background-color:#0096a4;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-telecom:hover {
	background-color:#007580;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


/* ===================================
	PAGE TUNNEL - SNEF POWER SERVICES
====================================== */

#powerservices h2 {
	color: #0096a4;
	font-weight: normal!important;
}
#powerservices h3 {
	color: #888888;
}
#powerservices-header {
	height: 700px;
	background-image: url('../images/powerservices/groupesnef_page_powerservices_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.btn-circle-powerservices {
	margin-top: 180px;
	padding: 10px 14px;
	border: 2px solid #fff;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-powerservices:hover {
	background-color: #fff;
}

.btn-circle-powerservices i {
	color:#fff;
}
.btn-circle-powerservices:hover i {
	color:#0096a4;
	-webkit-transition:1s;transition:1s;
}
#powerservices-brand {
	margin: 300px auto 0;
	width: 350px;
}

#powerservices-societe p {
	text-align:justify;
}
#powerservices-societe .map {
	width: 450px;
	margin: 0 auto 50px;
}
#powerservices-societe a {
	color:#0096a4;
	text-decoration: underline;
}
#powerservices-societe .chiffres {
	color:#0096a4;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#powerservices-societe .picto {
	width: 100px;
	margin: auto;
}
#powerservices-societe a:hover {
	text-decoration: none;
}
#powerservices-societe ul, #powerservices-specialites ul {
	list-style-type: disc;
	padding-left: 15px;
	text-align: justify;
}
#powerservices-societe ul li, #powerservices-specialites ul li {
	font-size: 10px;
	margin-bottom: 10px;
	padding-left:10px;
}
#powerservices-societe ul li span, #powerservices-specialites ul li span {
	font-size: 14px;
}

#powerservices-forces {
	background: url("../images/powerservices/groupesnef_page_powerservices_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#powerservices-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#powerservices-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#powerservices-forces .separator-line-powerservices {
	border-bottom: 2px solid #0096a4;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#powerservices-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#powerservices-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#powerservices-band {
	background-color: #000;
	color: #fff;
}
#powerservices-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-powerservices-active {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-powerservices-active:hover {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	color: #fff;
}
.btn-powerservices {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-powerservices:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-powerservices:focus,
.btn-powerservices:active,
.btn-powerservices:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-powerservices {
	border-bottom: 2px solid #0096a4;
	margin: 25px auto;
	width: 100px;
}
#powerservices-specialites p {
	text-align: justify;
}
#powerservices-specialites h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	margin-top: 50px;
	margin-bottom:15px;
	color:#0096A4;
}
#powerservices-specialites h5 {
	text-align: center;
}
#powerservices-specialites .modal p {
	text-align: center;
}
#powerservices-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #0096a4;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-powerservices {
	text-align: center;
	margin:20px auto;
}
.close-powerservices {
	border: none;
    background-color: #0096a4;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-powerservices:hover {
	background-color:#007580;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#powerservices-contact .separator-line-powerservices {
	margin-top: 50px!important;
}
#powerservices-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#powerservices-contact #mail:hover {
	color: #0096a4!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-powerservices {
	text-align: center;
	background-color:#0096a4;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-powerservices:hover {
	background-color:#007580;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/* ===================================
	PAGE TUNNEL - SNEF MAINTENANCE
====================================== */

#maintenance h2 {
	color: #0096a4;
	font-weight: normal!important;
}
#maintenance h3 {
	color: #888888;
}
#maintenance-header {
	height: 700px;
	background-image: url('../images/maintenance/groupesnef_page_maintenance_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.btn-circle-maintenance {
	margin-top: 180px;
	padding: 10px 14px;
	border: 2px solid #fff;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-maintenance:hover {
	background-color: #fff;
}

.btn-circle-maintenance i {
	color:#fff;
}
.btn-circle-maintenance:hover i {
	color:#0096a4;
	-webkit-transition:1s;transition:1s;
}
#maintenance-brand {
	margin: 300px auto 0;
	width: 350px;
}

#maintenance-societe p {
	text-align:justify;
}
#maintenance-societe .map {
	width: 300px;
	margin: auto;
}
#maintenance-societe a {
	color:#0096a4;
	text-decoration: underline;
}
#maintenance-societe .chiffres {
	color:#0096a4;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#maintenance-societe .picto {
	width: 100px;
	margin: auto;
}
#maintenance-societe a:hover {
	text-decoration: none;
}
#maintenance-societe ul, #maintenance-specialites ul {
	list-style-type: disc;
	padding-left: 15px;
	text-align: justify;
}
#maintenance-societe ul li, #maintenance-specialites ul li {
	font-size: 10px;
	margin-bottom: 10px;
	padding-left:10px;
}
#maintenance-societe ul li span, #maintenance-specialites ul li span {
	font-size: 14px;
}

#maintenance-forces {
	background: url("../images/maintenance/groupesnef_page_maintenance_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#maintenance-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#maintenance-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#maintenance-forces .separator-line-maintenance {
	border-bottom: 2px solid #0096a4;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#maintenance-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#maintenance-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#maintenance-band {
	background-color: #000;
	color: #fff;
}
#maintenance-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-maintenance-active {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-maintenance-active:hover {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	color: #fff;
}
.btn-maintenance {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-maintenance:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-maintenance:focus,
.btn-maintenance:active,
.btn-maintenance:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-maintenance {
	border-bottom: 2px solid #0096a4;
	margin: 25px auto;
	width: 100px;
}
#maintenance-specialites p {
	text-align: justify;
}
#maintenance-specialites h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	margin-top: 50px;
	margin-bottom:15px;
	color:#0096A4;
}
#maintenance-specialites h5 {
	text-align: center;
}
#maintenance-specialites .modal p {
	text-align: center;
}
#maintenance-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #0096a4;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-maintenance {
	text-align: center;
	margin:20px auto;
}
.close-maintenance {
	border: none;
    background-color: #0096a4;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-maintenance:hover {
	background-color:#007580;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#maintenance-contact .separator-line-maintenance {
	margin-top: 50px!important;
}
#maintenance-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#maintenance-contact #mail:hover {
	color: #0096a4!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-maintenance {
	text-align: center;
	background-color:#0096a4;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-maintenance:hover {
	background-color:#007580;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/* ===================================
	PAGE TUNNEL - SNEF CONNECT
====================================== */

#connect h2 {
	color: #0096a4;
	font-weight: normal!important;
}
#connect h3 {
	color: #888888;
}
#connect-header {
	height: 700px;
	background-image: url('../images/connect/groupesnef_page_connect_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.btn-circle-connect {
	margin-top: 180px;
	padding: 10px 14px;
	border: 2px solid #fff;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-connect:hover {
	background-color: #fff;
}

.btn-circle-connect i {
	color:#fff;
}
.btn-circle-connect:hover i {
	color:#0096a4;
	-webkit-transition:1s;transition:1s;
}
#connect-brand {
	margin: 300px auto 0;
	width: 350px;
}

#connect-societe p {
	text-align:justify;
}
#connect-societe .map {
	width: 300px;
	margin: auto;
}
#connect-societe a {
	color:#0096a4;
	text-decoration: underline;
}
#connect-societe .chiffres {
	color:#0096a4;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#connect-societe .picto {
	width: 100px;
	margin: auto;
}
#connect-societe a:hover {
	text-decoration: none;
}
#connect-societe ul, #connect-specialites ul {
	list-style-type: disc;
	padding-left: 15px;
	text-align: justify;
}
#connect-societe ul li, #connect-specialites ul li {
	font-size: 10px;
	margin-bottom: 10px;
	padding-left:10px;
}
#connect-societe ul li span, #connect-specialites ul li span {
	font-size: 14px;
}

#connect-forces {
	background: url("../images/connect/groupesnef_page_connect_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#connect-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#connect-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#connect-forces .separator-line-connect {
	border-bottom: 2px solid #0096a4;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#connect-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#connect-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#connect-band {
	background-color: #000;
	color: #fff;
}
#connect-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-connect-active {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-connect-active:hover {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	color: #fff;
}
.btn-connect {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-connect:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-connect:focus,
.btn-connect:active,
.btn-connect:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-connect {
	border-bottom: 2px solid #0096a4;
	margin: 25px auto;
	width: 100px;
}
#connect-specialites p {
	text-align: justify;
}
#connect-specialites h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	margin-top: 50px;
	margin-bottom:15px;
	color:#0096A4;
}
#connect-specialites h5 {
	text-align: center;
}
#connect-specialites .modal p {
	text-align: center;
}
#connect-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #0096a4;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-connect {
	text-align: center;
	margin:20px auto;
}
.close-connect {
	border: none;
    background-color: #0096a4;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-connect:hover {
	background-color:#007580;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#connect-contact .separator-line-connect {
	margin-top: 50px!important;
}
#connect-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#connect-contact #mail:hover {
	color: #0096a4!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-connect {
	text-align: center;
	background-color:#0096a4;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-connect:hover {
	background-color:#007580;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/* ===================================
	PAGE TUNNEL - SNEF CLIM
====================================== */

#clim h2 {
	color: #0096a4;
	font-weight: normal!important;
}
#clim h3 {
	color: #888888;
}
#clim-header {
	height: 700px;
	background-image: url('../images/clim/groupesnef_page_clim_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.btn-circle-clim {
	margin-top: 180px;
	padding: 10px 14px;
	border: 2px solid #fff;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-clim:hover {
	background-color: #fff;
}

.btn-circle-clim i {
	color:#fff;
}
.btn-circle-clim:hover i {
	color:#0096a4;
	-webkit-transition:1s;transition:1s;
}
#clim-brand {
	margin: 300px auto 0;
	width: 350px;
}

#clim-societe p {
	text-align:justify;
}
#clim-societe .map {
	width: 300px;
	margin: auto;
}
#clim-societe a {
	color:#0096a4;
	text-decoration: underline;
}
#clim-societe .chiffres {
	color:#0096a4;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#clim-societe .picto {
	width: 100px;
	margin: auto;
}
#clim-societe a:hover {
	text-decoration: none;
}
#clim-societe ul, #clim-specialites ul {
	list-style-type: disc;
	padding-left: 15px;
	text-align: justify;
}
#clim-societe ul li, #clim-specialites ul li {
	font-size: 10px;
	margin-bottom: 10px;
	padding-left:10px;
}
#clim-societe ul li span, #clim-specialites ul li span {
	font-size: 14px;
}

#clim-forces {
	background: url("../images/clim/groupesnef_page_clim_bg_forces.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#clim-forces .title {
	font-size: 36px;
	line-height: 40px;
	font-style: italic;
	text-align: right;
}
#clim-forces .sub-title  {
	font-size: 20px;
	font-style: italic;
	margin: 20px 0;
	text-align: right;
}
#clim-forces .separator-line-clim {
	border-bottom: 2px solid #0096a4;
	margin: 50px 0 50px 80%;
	width: 100px;
}
#clim-forces .margin {
	margin-top: 100px;
	margin-bottom:100px;
}
#clim-band .margin {
	margin-top: 50px;
	margin-bottom:25px;
}
#clim-band {
	background-color: #000;
	color: #fff;
}
#clim-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-clim-active {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-clim-active:hover {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	color: #fff;
}
.btn-clim {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-clim:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-clim:focus,
.btn-clim:active,
.btn-clim:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-clim {
	border-bottom: 2px solid #0096a4;
	margin: 25px auto;
	width: 100px;
}
#clim-specialites p {
	text-align: justify;
}
#clim-specialites h4 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	margin-top: 50px;
	margin-bottom:15px;
	color:#0096A4;
}
#clim-specialites h5 {
	text-align: center;
}
#clim-specialites .modal p {
	text-align: center;
}
#clim-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #0096a4;
	line-height: 14px;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-clim {
	text-align: center;
	margin:20px auto;
}
.close-clim {
	border: none;
    background-color: #0096a4;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-clim:hover {
	background-color:#007580;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#clim-contact .separator-line-clim {
	margin-top: 50px!important;
}
#clim-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#clim-contact #mail:hover {
	color: #0096a4!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-clim {
	text-align: center;
	background-color:#0096a4;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-clim:hover {
	background-color:#007580;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


/* ===================================
	PAGE TUNNEL - SNEF LAB
====================================== */

#lab h2 {
	color: #0096a4;
	font-weight: normal!important;
}
#lab #title-header {
	color: #0096a4;
	font-weight: normal!important;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 35px;
}
#lab h3 {
	color: #888888;
}
#lab-header {
	position: relative;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
#lab-header video {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn-circle-lab {
	margin-top: 300px;
	padding: 10px 14px;
	border: 2px solid #0096a4;
	border-radius : 50px;
	background-color: transparent;
}
.btn-circle-lab:hover {
	background-color: #0096a4;
}

.btn-circle-lab i {
	color:#0096a4;
}
.btn-circle-lab:hover i {
	color:#fff;
	-webkit-transition:1s;transition:1s;
}
.btn-lab-white {
	border: 2px solid #fff;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.05em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-lab-white:hover {
	border: 2px solid #fff;
	color: #0096a4;
	background-color:#fff;
}

.btn-lab-white:focus,
.btn-lab-white:active,
.btn-lab-white:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}
.btn-lab-blue {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-lab-blue:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-lab-blue:focus,
.btn-lab-blue:active,
.btn-lab-blue:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

#lab-brand {
	margin: 180px auto 50px;
	width: 250px;
}
.lab-forces {
	background: url("../images/lab/groupesnef_page_lab_bg.png");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
.lab-forces .title {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 50px;
}
.lab-forces .sub-title  {
	font-size: 20px;
	line-height: 30px;
	margin: 20px 0 50px;
}
.lab-forces .bloc-icon {
	margin:10px auto;
	padding:0;
}
.lab-forces .text-icon {
	color: #fff;
	font-size: 15px;
	line-height: 15px;
	margin:5px 0;
	letter-spacing: 0.02em;
}

.lab-forces .icon {
	float: left;
	width: 50px;
	margin: 0 10px 50px 0;
}

.lab-forces .margin {
	margin-top: 150px;
	margin-bottom:150px;
}
#lab-band .padding {
	padding-top: 50px;
	padding-bottom:25px;
}
#lab-band {
	background-color:rgba(0,0,0,0.2);
	color: #fff;
}
#lab-band .baseline {
	font-size:16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.btn-lab-active {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-lab-active:hover {
	border: 2px solid #0096a4;
	background-color: #0096a4;
	color: #fff;
}
.btn-lab {
	border: 2px solid #0096a4;
	background-color: transparent;
	border-radius:0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1em !important;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.btn-lab:hover {
	background-color: #0096a4;
	color: #fff;
}

.btn-lab:focus,
.btn-lab:active,
.btn-lab:visited {
	text-decoration: none;
	outline: 0;
	box-shadow:none;
}

.separator-line-lab {
	border-bottom: 2px solid #0096a4;
	margin: 25px auto;
	width: 100px;
}

#lab-enjeux .text {
	color: #0096a4;
}
#lab-enjeux .pad {
	text-align: justify;
	padding-right:50px;
	margin-bottom: 25px;
}
#lab-enjeux h5 {
	text-align: center;
}
#lab-enjeux .modal p {
	text-align: center;
}
#lab-specialites p {
	text-align: justify;
}
#lab-specialites h4 {
	font-size: 35px;
	line-height: 45px;
	margin-top: 80px;
	margin-bottom:15px;
	color:#0096A4;
}
#lab-specialites h5 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	margin-top: 20px;
	margin-bottom:10px;
	color:#0096A4;
}
#lab-specialites .modal-body h5, #lab-specialites .modal-body p {
	text-align: center;
}
#lab-specialites .specialites {
	text-align: center;
	font-size: 12px;
	color: #0096a4;
	line-height: 14px;
}
#lab-specialites .left{
	display: none;
}
.bloc-folio {
	border: solid #fff 5px;
}
.folio {
	margin:0!important;
	padding:0!important;
	border: solid #fff 5px;
	filter: saturate(0.2);
}
.folio:hover {
		filter: saturate(1);
	cursor: pointer;
}
.square {
	display:none;
}
.bloc-close-lab {
	text-align: center;
	margin:20px auto;
}
.close-lab {
	border: none;
    background-color: #0096a4;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding:7px 15px;
	letter-spacing: 0.1em;
}
.close-lab:hover {
	background-color:#007580;
}

#lab-joinus {
	background: url("../images/lab/groupesnef_page_lab_bg.png");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
#lab-joinus .title {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 50px;
}
#lab-joinus .sub-title  {
	font-size: 20px;
	line-height: 30px;
}
#lab-joinus .recrut  {
	background-color: rgba(255,255,255,0.10);
	padding: 25px;
	margin-bottom: 25px;
	height: 250px;
}
#lab-joinus .margin-item-navigation {
	margin-bottom: 50px;
}
#lab-joinus .recrut .poste {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;
}
#lab-joinus .recrut .entite {
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
#lab-joinus .recrut .localisation {
	font-size: 16px;
	color: #A1E6FF;
	margin-bottom: 20px;
}
#lab-joinus .recrut .contrat {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
}
#lab-joinus .recrut .plus {
	position: absolute;
	width: 100%;
	text-align: right;
	font-size: 40px;
	color: #fff;
	bottom:45px;
	right:40px;
}
#lab-joinus .btn-offre {
	font-size: 40px;
	color: rgba(255,255,255,0.8);
}
#lab-joinus .btn-offre:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

#lab-joinus .carousel-control-prev {
  position: absolute;
  top: 25%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align:center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  width: 100px;
  height: 100px;
  text-align: left;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
#lab-joinus .carousel-control-next {
  position: absolute;
  top: 25%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: flex-end;
  width: 100px;
  height: 100px;
  text-align: right;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
#lab-joinus .carousel-control-prev:hover, #lab-joinus .carousel-control-next:hover {
	opacity:1;
}

#lab-joinus .carousel-indicators {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

#lab-joinus .carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  border-radius: 30px;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
#lab-joinus .carousel-indicators {
	top:0px;
}
#lab-joinus .carousel-indicators .active {
	  opacity: 1;
}
.logo-contact {
	margin:0 0 50px;
}
.adress {
	font-size: 16px;
	margin: 20px 0;
}
#lab-index-hf {
	background-color: #0096a4!important;
	color: #fff;
}

#lab-contact .separator-line-lab {
	margin-top: 50px!important;
}
#lab-contact #mail {
	font-size: 16px!important;
	margin-top: 20px;
	text-decoration: underline;
}
#lab-contact #mail:hover {
	color: #0096a4!important;
	text-decoration: none;
}
.logo-contact {
	margin: 0 auto 50px ;
}
.logo-contact img{
	width: 60%;
}
.valider-lab {
	text-align: center;
	background-color:#0096a4;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding:10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	box-shadow:none;
	border: none;
}
.valider-lab:hover {
	background-color:#007580;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/* ===================================
    SCROLL TO TOP
====================================== */

#scroll_to_top {
	cursor: pointer;
	opacity: 0;
}
.scrollToTop {
	display: none;
	font-weight: bold;
	padding: 0;
	position: fixed;
	right: 45px;
	text-align: center;
	text-decoration: none;
	top: 91%;
	width: 40px;
	height: 40px;
	background-color:#396176;
	z-index: 555;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s
}
.scrollToTop i {
	color:#fff;
	font-size:20px;padding: 5px 0 0;
}
.scrollToTop:hover {
	background-color:#2a373e;
}

#fl .scrollToTop {
	background-color:#e30613!important;
}
#fl .scrollToTop:hover {
	background-color:#B9090C!important;
}
#ekium .scrollToTop {
	background-color:#ea8d00!important;
}
#ekium .scrollToTop:hover {
	background-color:#C57600!important;
}
#wattdesignbuild .scrollToTop {
	background-color:#C0916D!important;
}
#wattdesignbuild .scrollToTop:hover {
	background-color:#AF8366!important;
}
#telecom .scrollToTop, #powerservices .scrollToTop, #lab .scrollToTop, #maintenance .scrollToTop, #connect .scrollToTop, #clim .scrollToTop {
	background-color:#0096a4!important;
}
#telecom .scrollToTop:hover #powerservices .scrollToTop:hover, #lab .scrollToTop:hover,#maintenance .scrollToTop:hover, #connect .scrollToTop:hover, #clim .scrollToTop:hover {
	background-color:#007580!important;
}


.checkBoxes label:hover {
	background-color: #4F615E;
}