/**
 * Place your custom styles here.
 */

 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i|Noto+Serif:400,400i,700,700i');

/*General*/
/**
font-family: 'Noto Serif', serif;
font-family: 'Noto Sans', sans-serif;
*/
.container1{ border: solid red 1px;}
 
body { 
	font-family: 'Noto Sans', sans-serif; 
	color:#002f4f; 
}


H1,H2,H3,H4,H5,H2 A, H5 A  {
  color: #ffffff;
  font-family: 'Noto Serif', serif;
  padding-top: 0; 
  margin-top:0px;
}

H2 A:hover, H5 A:hover,  H2 A:focus, H5 A:focus {
	color: #fff;
} 
a:hover, a:focus {
    color: #002f4f;
    text-decoration: underline;
}
H1 {
  font-size: 50px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.0;
  letter-spacing: normal;
  text-align: left;	
} 
 
H2 {
	font-size : 60px;
	line-height: 1.1;
}

H3 {
	font-size : 29px;
	line-height : 30px;
	color: #002543;
	font-weight: bold;
}

H4 {
	line-height : 33px;
	font-size: 120px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 3px;
	text-align: left;
	color: #002543;
}

H5  {
	font-size: 20px;
	line-height: 1.3;
	font-size: 20px;
	letter-spacing: 3px;
}
 
p, ul {
	font-size : 18px;
	margin-bottom: 15px;
}

a { color: #002f4f;}

a:hover, a:focus {
    color: #002f4f;
    text-decoration: underline;
}


.semi-bold {font-weight : 600; }

.bold{ font-weight : 700;}

hr {
	margin-top: 0px;
	margin-bottom: 40px;
	border-top:1px solid #002543;
}


.white, .white p, .white a {
	color: #fff !important;
}

.relative { position: relative;}

.v-center {
   display: grid;
   align-items: center;
   text-align: center;
}



.centerBlock {
	display: table;
	margin: auto;
}
.row-centered { text-align: center; }
.row-justify { text-align: justify; }
.row-left {  text-align: left;}


.no-pad { margin-bottom: 0px; margin-top: 0px;}


.margin-bloc {
	margin-top: 50px;
	margin-bottom: 50px;
}

.padding-bloc {
	padding-top: 50px;
	padding-bottom: 50px;
}

 
.margin-bloc-small {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-bloc-top {
	margin-top: 40px;
}

.margin-bloc-bottom {
	margin-bottom: 40px;
}


.vertical-align > * {
    float: none;
    display: inline-block;
	vertical-align: bottom;
}
.vertical-align > *:last-child {
    vertical-align: bottom;
}
 
@media (max-width: 767px) {
	
	.vertical-align > * {
		float: none;
		display: block;
	}
	.row-centered {
		text-align: left;
	}
}

/*Home page Video*/

 
#video-bg {
	position: relative;
	width: 100%;
	min-width: 100%;
	height: auto;
	background: transparent url(video-bg.jpg) no-repeat;
	background-size: cover;
}
video {
	display: block;
}
.video-container {
	position: relative;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	top: 0;
	right: 0;
	z-index: -100;
}
.video-container h1 {
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center;
  z-index:999;
  font-size: 72px;
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  line-height: 0.96;
  letter-spacing: normal;
  text-align: center;
  color: #002543;
}
 /*Header*/
.navbar {
 
	padding : 20px 0;
	margin-bottom: 0;
}
#navbar {  
	background : #002543;
}

.navbar-header-top {
    margin-top: 59px  !important;  
}
 
/**Menu principal*/
.navbar-inverse .navbar-nav>li{
  padding: 0px 8px;
}

.navbar-inverse .navbar-nav>li>a{
  font-family: 'Noto Serif', serif;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 3.2px;
  text-align: left;
  color: #ffffff;
  padding: 0px 0px;
    position: relative;
  text-decoration: none;
}

.navbar-inverse .navbar-nav>li> a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -8px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; 
}

.navbar-inverse .navbar-nav>li> a:hover:before, .navbar-inverse .navbar-nav>li> a.is-active:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

 
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus
{
	background: none; 
	text-decoration: none;
}

.navbar .navbar-collapse {
  text-align: left;
}

 
.small-icon-bar {
	display: block;
    width: 8px;
    height: 3px;
	background:#ffffff; 
    text-align: center;
    margin-left: 41%;
    width: 9px;
	margin-top: 5px;
}
.navbar-inverse .navbar-nav > .active > span, #navebar-mobile {
	display: none;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: #002543;    
}

#nav-right {
    position: relative;
    padding-top: 0;
    color: white;
    text-align: right;
    margin-right: 45px;
} 

#nav-right button{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 4px;
}



#sidebar-wrapper {
	margin-right: -500px;
	right: 0;
	/*	top: 0px;*/
	width: 0px;
	background: #40637B;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 1000;
	transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	padding: 50px 0 0 60px;
}
#sidebar-wrapper.active {
	right: 500px;
	width: 500px;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
}

.sidebar-nav, .sidebar-nav ul  {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-nav li {
	padding: 10px 20px;
}

.sidebar-nav li a {
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: left;
  color: #ffffff;
  margin-left: 40px;
}

.sidebar-nav a.btn  { color: #fff;  background: none;     border:none;}


.sidebar-nav li a:hover, .sidebar-nav li a.is-active {
	color: #fff;
	background: rgba(255,255,255,0.2);
	text-decoration: none;
	background: url(img/fleche-blanche.png) no-repeat left;
	padding-left: 40px;
	margin-left: 0px;
}
.sidebar-nav i.glyphicon{
    display: none !important;
}
 
.is-active .language-link {
	display: none;
}

#menu-toggle {
  top: 0;
  z-index: 1;
  padding: 0;  
  margin: 0px;
  border: 0px solid transparent;
  border-radius: 0px;
  border: none;
  display: none !important;
}
.user-logged-in #menu-toggle{
    display: block !important;
}
 
/*Container*/
.banner{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat; 
	background-image: url("/sites/default/files/2017-07/header-accueil.jpg"); 
	min-height: 940px;
}

.boxContainer{ 
	width: 517px;
    position: absolute;
    top: 15%;
    left: 8%;
}

.innerText p{
    font-family: 'Noto Serif', serif;
	font-size: 72px;
	font-weight: bold;
	font-style: italic;
	line-height: 0.96;
	text-align: left;
	color: #002543; 
	padding-bottom: 30px;
	/*text-shadow: 2px 2px 6px #000 !important;*/
}

a.btn {  
	border: #58595B 1px solid;
	padding: 10px 20px;
	cursor: pointer; 
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	text-align: left;
	color: #002543;
	border-radius: 0;
}

H2, H5 {
	font-weight: bold;
}

.Box img{
 max-width: 100%;
 width: 100%;
} 

.Box  H2, .Box  H5 {
	font-weight: bold;
}

.Box hr {
	width: 20%;
	padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
	border-top:1px solid #eee;
}

.Box {
	padding: 0;
	position: relative;
}
.Box img{
	max-width: 100%;
}

.HomeBox {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
}

.HomeBox:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.05);
}
.firstBox{
	background-image: url("/sites/default/files/2018-04/menu-services.jpg"); 
	min-height: 960px;
		background-size:cover;
	background-position:center;
	background-repeat:no-repeat; 
}

.secondBox{
	background-image: url("/sites/default/files/2018-04/menu-produits.jpg"); 
	min-height: 480px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat; 
}

.thirdBox{
	background-image: url("/sites/default/files/2017-07/menu-réalisations.jpg"); 
	min-height: 480px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat; 
}

.fourthBox{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat; 
	background-image: url("/sites/default/files/2017-07/menu-capabilitylist.jpg"); 
	min-height: 480px;
}



.lineBox .dark_blue, .lineBox .blue   {
	background: #3F6E95;  
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 4.4px; 
	padding: 15px 0;
}
.lineBox .dark_blue { 
	background :  #002543 ; 
}
.lineBox .blue { 
	background: #3F6E95;  
}
 
 

.content li  { position: relative; margin: 0 0 10px; }

.content > li:before, .content  li:before { content: ""; position: absolute; width: 10px; height: 10px; top: 8px; left: -15px; background-image: url("img/check.png"); background-position: left top; background-repeat: no-repeat; }

.content > li ul li, .content   li ul li { list-style-type: disc; }

.img-background {
 	padding: 0px 0px 500px;
	height: 500px;
	background : -moz-linear-gradient( 90deg, rgb(150,153,155) 0%, rgb(189,190,191) 48%, rgb(227,227,227) 70%);
	background: -webkit-linear-gradient( 90deg, rgb(150,153,155) 0%, rgb(189,190,191) 48%, rgb(227,227,227) 70%);
	background: -ms-linear-gradient( 90deg, rgb(150,153,155) 0%, rgb(189,190,191) 48%, rgb(227,227,227) 70%);
}

.grey-box {
	background: #E2E2E2; 
	height: 500px; 
	position: relative; 
} 
.white-box {
	height: 500px; 
	position: relative; 
}

.blue-box{
    height: 320px; 
    background-color: #002543;
    padding: 70px 90px 60px 90px;
}    

.gray-white-box{
    height: 320px; 
	position: relative; 
    background-image: linear-gradient(to bottom, #e2e3e4, #ffffff);
}

.vertical-align-text {
	position: absolute;
	top: 30%;
	width: 48%;
	padding: 0 15px;

}
.Absolute-Center {
  width: 50%;
  margin: auto;
  position: absolute;
  padding: 0 30px 0 15px;
  top: 50%;  
  transform: translateY(-50%);
}

.some-absolute-div {
  width: 70%;
  height: 70%;
  background: yellow;
  border: 1px solid red;
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 10px;
  border-radius: 10px;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.centered-in-absolute {
  border: 1px solid red;
  padding: 10px;
  border-radius: 10px;
  max-width: 250px;
}

.margin-left {  
	margin-left: 50%!important;
}
.no-padding {
	padding: 0;
} 


.services img {
	width: 100%;
}
.hover-product{
    background: rgb(76, 109, 131);
	opacity: 0.7;
	cursor: pointer;
}
.blue .hover-product H2 A{
     color: #fff!important; 
}

.hover-product .blue H2 A:hover{
     color: #fff!important; 
}

.products .white-box , .products .grey-box, .products .img-background 
{
 	padding: 0px 0px 0px;
	height: auto;
	 
}

 

.vertical-align {
	position: absolute;  
	top: 50%;  
	transform: translateY(-50%);
}

/* capability-list Page */
.grey-background {
	background: #E2E2E2; 
	padding-bottom:30px;
}

.view-capability-list-maintenance-ajax, .view-capability-list-manufacturing-ajax{
    margin-top: 10px;
}

.capability-list H2{
    color: #002f4f;
    font-size: 30px;
    padding-left: 15%;
    margin: 60px 0;
}

.capability-list H3 {
 
	font-size: 14px;
    line-height: 2;
    border-top: 1px solid #002f4f;
    width: 80%;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 0;
} 

.view-header  H3 {
	border-top: none
} 
.capability-list H4 {
	padding: 0px 10px;
	display: inline-block;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 1px;
}
.capability-list H4.arrow {
	background: #002f4f;
	color: #fff;
	float: left;
	clear: left;
}

.capability-list H4.title {
	background: #fff;
	color: #002f4f;
	cursor: pointer;
}
.capability-list H4.date {
	 font-size: 10px;
	 font-weight: normal;
	 font-style: italic;
	 font-stretch: normal;
	 line-height: 2;
	 letter-spacing: -0.2px;
	 text-align: left;
	 color: #002543;
}
.capability-list H5 {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0.2px;
  text-align: left;
  color: #002f4f;
  border-bottom: 1px solid #002f4f;
}

.capability-list .manufacturer {
  float: left;
  width: 30%;
} 

.capability-list .model  {
  float: left;
  width: 55%;
  margin-left: 5%;
} 

/*Search*/
.capability-list form label {
	float: left;
	font-size: 14px;
	background: #002f4f;
	color: #fff;
	height: 28px;
}

form label i {
	transform: rotate(90deg);
	padding: 8px 5px;
}

.capability-list form input.form-control  {
	background: #fff;
    border-bottom:none !important ;
	height: 28px;
    margin-right: 11px;
}

.capability-list H4.title, .capability-list form input.form-control  {
	width: 345px;
}
.capability-list form .form-submit {
	padding: 6px 0px;
    cursor: pointer;
    font-weight: 600;
    background: none;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.75;
	letter-spacing: 1.6px;
	text-align: left;
	color: #002f4f;
	text-transform: uppercase;
	border: none;
	border-bottom: solid 2px #002543;
}
.capability-list  form .form-submit:hover {
    opacity: 0.9;
    background: none;
    color: #002543;
}
.capability-list .views-row, .capability-list H5  {
	/*display: none*/

}
.capability-list .ajax_maintenance, .capability-list .ajax_manufacturer{
    padding-bottom: 10px;
    display:none;
}

.capability-list H5.show  {
	display: block;
}

/* Produits Page */

H1.blue , .blue H1, .blue P {
	color: #002f4f !important;
} 
H1.white , .white H1, .white P, P.white  {
	color: #fff !important;
} 

.blue H2{
	font-size: 38PX;
	line-height: 1;
}
.blue H2 A, .careers_presatation h2{
	color: #002f4f !important;
}

.banner-page {
	position: relative;
	/*height: 640px;*/
}

 

.banner-page .text {
	position: absolute;
	top:15%;
	width: 30%;
}
.banner-page .text_full {
	position: absolute;
	top:25%;
}

.banner-page .arrow-down {
	position: absolute;
	left: 49.7%;
	cursor: pointer;
    background-image: url(img/fleche-bleu.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 22px;
    bottom: 15px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.banner-page p {
	padding-top: 40px;
	color: #ffffff;
}

/* Careers Page */
.banner-page  .job-description p, .field--item .job-description h1 {
    display: none;
}

.careers_banner .container {
    position: relative;
}

.careers_banner h1.careers{
    display: block;
    position: absolute;
    top: 184px !important;
}

.gray-white-box h2 a{
    font-style: italic;
    font-stretch: normal;
    color: #002543;
    line-height: normal;
    letter-spacing: -2.1px;
}
.blue-box p{
    color: #fff !important;
    margin-bottom: 45px;
}
.apply-btn{
    display: inline-block;
    padding: 15px 30px;
    background-color: #fff;
    color: #002543;
    text-align: center;
    text-transform: uppercase;
    font-size: 21.5px;
    font-weight: bold;
    letter-spacing: 3.2px;

}

.careers_presatation h2,.careers_presatation p {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    
}
.careers_presatation h2{
    padding-top: 95px;
    padding-bottom: 20px;
}
.careers_presatation p{
    padding-bottom: 95px;
}
    
article.career{
    padding-top: 55px;
}

.job-title{
    margin-bottom: 48px; 
    font-size: 39.5px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -2px;
    text-align: left;
    color: #002543;
}

/*Article Detail*/
 
.article  {
	margin-bottom: 50px;
} 
article h3 {
	margin: 50px 0 30px 0; 
}

p img {
	width: 100%;
	margin: 30px 0;
}
p.margin img {
	
} 

.produits-valign { 
		position: relative;
		height: 300px;
		margin-bottom: 5px;
}
.produits-valign h3{ 
			margin: 0; 
}

.produits-valign div{ 
	position: absolute;  
	top: 50%;  
	transform: translateY(-50%);
}
.produits-valign div:nth-child(2){ 
	left:34%;
}

.banner-page .doc, .banner-page .video{
	cursor: pointer;
	padding-left: 60px;
	margin-left: 15px;
	padding-top: 25px;
    background-position: left top;
    background-repeat: no-repeat;
    height: 75px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
	margin-top: 15px;
}
.banner-page a, .banner-page .fa-download, .banner-page  .fa-play-circle {
	padding-top: 40px;
	font-size: 18px;
}
 

.btn-blue a{
	text-transform: uppercase;
	background: #3F6E95;
	color: #fff;
	padding: 10px 30px;
	text-align: center;
	display: inline-block;
	margin: 20px 0;
	
}

.modal {
    top: 5%;
	height: auto;
}

/*Slider Home page*/
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.slick-dots {
    bottom: 9px;
}
.slick-dots li button::before {
	font-size: 1.25rem;
}

/*Intranet home page*/
.intranet{
    margin: 20px 0 !important;
    padding: 20px 0;
}
.intranet h3{
    padding-bottom: 20px;
}

/*Download page*/
.block_download{
    margin-top: 50px;
    margin-bottom: 70px;
}

/*Form*/
form {
    font-size: 16px;
    color: #5A5A64; 
}
form .form-control{
    border-radius: 0;
    box-shadow: none;
	background: none;
	border: none;
}


#block-banner-pages .form-group, .products .form-group {
    margin-bottom: 0px;
}

 
 form input.form-control  {
    border-radius: 0;
    box-shadow: none;
	background: none;
	border-bottom: 1px solid #002543 !important;;
	height: 25px;
    padding: 0px;
	font-size: 15px;
}
form textarea.form-control  {
    border:  #002543 solid 1px !important;
    border-radius: 0;
    box-shadow: none;
	background: #fff !important;
}

form .captcha,  form legend {
	float: left;
}

form .captcha label, form legend {
	font-size: 16px;
	line-height: 1.25;
	width: auto;
}

form legend span{
    font-size: 18px;
    color: #002543;
    letter-spacing: 3px;
}

.vl {
    border-left: 1px solid #002543;
	padding-left: 8%;
}

.alert-danger {
    display: grid !important;
}

.alert a {
    display: none;
}

form label.required {
	 color:#1B51A5 ;
	 font-weight:  normal;
	 font-size: 14px;
}
.form-required:after {
	font-size: 12px;
}

form label {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 3px;
	text-align: justify;
	color: #002543;
	border-bottom: 0px;
	text-transform: uppercase;
	margin-bottom:0px !important;
}

form label.careers_form_title, form label.careers_from_description{
    text-align: center;
}

form label.careers_form_title{
    font-size: 38px;
    margin-bottom: 14px !important;
    width: 100%;   
}

form label.careers_form_title:after{
    content: "";
    display: block;
    margin: 0 auto; 
    width: 20%;
    padding-top: 20px;
    border-bottom: #002543 solid 1px;
}

form label.careers_from_description{
    
    font-size: 15px;
    letter-spacing: -0.8px;
    margin-bottom: 45px !important;
}
 


form .btn { 
     font-size: 18px;
}

form .form-submit, form .webform-file-button{ 
	cursor: pointer;
	border-radius: 0;
	font-weight:  600;
	background-color: #FFF;
	border: solid 2px #002543;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 3px;
	text-align: CENTER;
	color: #002543;
	float: right;
	margin-right:0px!important;
}

form .form-submit:hover, form .webform-file-button:hover { 
	opacity: 0.9;
	 background-color: #FFF;
	 color: #002543;
	 
}

form .webform-file-button{
    font-size: 18px;
    float: none;
}

.author {display: none; }

.form-career  label {color: #1B51A5; font-size: 16px; padding-top: 15px; font-weight: 600px; }
.form-career textarea, .form-product textarea {
	min-height: 200px;
}

form .custum .fieldset-wrapper {
	float: right;
}

form .custum legend{ 
	display: inline-block;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
	width:  auto;
    padding: 0;
    margin-bottom:  0px;
    font-size: inherit;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0;
}

form .custum { 
	display: block;
	background: #EAEAEA;
	padding: 6px 12px;
    font-size: 14px;
	color: #555;
	margin-top: 5px;
}
form .custum .radio {  
	padding: 0;
}
form .custum label {  
	color: #EAEAEA;
}

form .custum input {  
	width: 70%;
    height: 20px;
}

form  p.small-blue {  
	font-size: 14px;
	color: #1B51A5;
	line-height: 20px;
}

.form-required:after {
	background-image: none;
	content: " *";
}
.btn-danger{
    float: none !important;
}
 

.alert-danger  ul { 
	list-style-type: none;
}
 
 

.radio, .checkbox { 
	padding-left: 12px;
	    margin-top:  0px; 

}
#edit-transparence-1:before, #edit-rigidite-1:before, #edit-resistance-1:before, #edit-scellage-1:before { content: "\f068"; margin-left: -15px; font-size: 10px; color:#58595B;  } 
#edit-transparence-5:after, #edit-rigidite-5:after, #edit-resistance-5:after, #edit-scellage-5:after   { content: "\f067"; margin-left: 25px; font-size: 10px; color:#58595B; } 
  
 
#edit-captcha-response, input[name=captcha_response]  { width: inherit; padding: 0 3px; display: inline-block; }

/*User Login Form */
.user-login-form{
    margin: 50px auto;
}

.user-login-form button {
    margin-bottom: 50px;
}


/* Intranet Form */
.content .none-intranet{
    display: none;
}

/* Intranet Form */
.none{
    display: none;
}

.intranetForm {
    margin-top: 80px;
}
.intranetForm div{
    margin-bottom: 0;
}

.intranetForm .form-group{
    margin: 10px 0;
}

.intranetForm h3, .intranetForm p{
    margin-left: 15px !important;
}

.intranetForm label, .intranetForm legend{  
    padding-bottom: 27px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    line-height: normal;
}

.intranetForm  .intranetRadio legend span {
	letter-spacing: normal;
}


.intranetForm legend{
    color: #002543;
}

.intranetForm .lastElementGroup{
    margin-bottom: 40px;
}

.intranetForm input.intranetInput, .intranetForm textarea.intranetTextArea{
    padding-left: 10px;
    box-shadow: inset 0 0 3px 0 rgba(0, 37, 67, 0.42);
    background: #e1e1e1 !important;
    border: solid 1px #f1f1f1 !important;
    font-size: 18px;
}

.intranetForm textarea.intranetTextArea{
    margin-top: 10px;
}

.intranetForm .textareaLabel{
    margin-top: 0;
}

.intranetForm input.intranetInput{
    height: 40px;
}

.intranetForm textarea.sectiona, .intranetForm textarea.sectionc{
    height: 140px;
}

.intranetForm .sectionb1 textarea{
    height: 105px;
}

.intranetForm .sectionb1 label{
    padding-bottom: 0;
}

.intranetForm textarea.sectionb2{
    height: 48px;
}
.intranetForm textarea.sectionComment{
    height:190px;
}

.intranetForm input.intranetInput:focus, .intranetForm textarea.intranetTextArea:focus{
    border: solid 1px #002543 !important;  
}

.intranetForm .intranetSubmit{
    float: none;
    margin-bottom: 20px;
    margin-left: 15px;
}

.intranetForm .incidentForm, .intranetForm .safetyPolicyText{
    margin-bottom: 70px;
}


/*Fotter*/

footer{ 
	margin-top: 0px; 
	background: #002543; 
}

.footer {
    margin-top: 0px;
    padding: 20px 0;
   /* border-top: none;*/
}
 /*menu Fotter*/ 
 
 
footer ul {
    padding-left: 0 !important;;
}

footer .nav > li, footer .nav2 {
	border-left: 1px solid #ffffff;
	min-height: 220px;
}

footer .nav2 > li {
	list-style: none;
	vertical-align: top;
	padding: 0px 0px 15px 20px;
}
 
footer .nav > li {
	display: inline-block;
	list-style: none;
	vertical-align: top;
    max-width: 210px;
	padding-left: 25px; padding-right: 25px;
}
footer .nav > li:last-child{
    max-width: 225px;
    padding-right: 0px;
}

footer  .nav > li ul li {
    display: block;
	padding: 0px 0px 8px 0;
	border: none;
}
 

footer .nav>li>a, footer li>a, footer H5{
	text-decoration: none;
	font-family: 'Noto Serif', serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2.2px;
	text-align: left;
	color: #ffffff;
	padding: 0px 0 10px 0;
	margin-top: 0px; 
    margin-bottom: 0px; 
}

footer .nav>li ul li>a, footer li ul li a, footer P {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	padding: 0px;
	letter-spacing: inherit;
}

 
footer .nav > li > a:hover, footer .nav > li > a:focus {
	text-decoration:  underline;
    background:none;
}

footer .contact-info {
	padding-left: 5%;
}
footer .location, footer .tel, footer .mail { 
	border-left: 1px solid #ffffff;
	padding-left: 15px;
	margin-bottom: 20px;
}

footer .tel a, footer .mail a { 
	font-size: 15px;
	color: #fff;
}

footer a:hover, footer a:focus {
    color: #fff;
    text-decoration: underline;
}
footer .icon {
	float: left;
	margin-left: -35px;
	font-size: 15px !important;
	padding-top: 3px;
	color: #FFF;
}
.hidden-md, .mobile-box, .tablette-box {
	display: none;
}

.border-right {
	border-right: 1px solid #002543;
}

/**Mac Book**/
@media (max-width: 1600px) {
	
	H1 {
		font-size: 39px;
	}
	
	H2 {
		font-size: 40px;
		line-height: 1;
	}
	
	p, ul {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.products .white-box , .products .grey-box, .products .img-background 
		{
			padding: 0px 0px 0px;
			height: auto;
		}
	.banner-page .text { width: 40%}	
	.banner-page p {
		padding-top: 0px;
		font-size: 18px;
	}	
	
	.banner-page a, .banner-page .fa-download, .banner-page .fa-play-circle {
		padding-top: 20px;
		font-size: 16px;
	}
}
/**Ipad*/
@media (max-width: 1024px) {
	H1, h1.careers {
		font-size: 30px;
	}

    h1.careers{
        padding-left: 40%;
    }
	.video-container h1 {
		font-size: 40px;
	}
	
	H2 {
		font-size: 25px;
	}

	H5 {
		font-size: 17px;
		line-height: 1.5;
		letter-spacing: 2px;
	}
	
	.lineBox .dark_blue, .lineBox .blue {
		font-size: 18px;
	}
	/*Menu*/	
	.navbar-header-top {
		margin-top: 65px!important;
	}
		
	.navbar-inverse .navbar-nav>li {
		padding: 0px 6px;
	}
	
	.logo img {width: 130%;} 
	.navbar-inverse .navbar-nav>li>a, #nav-right button{
		font-size: 16px;
		letter-spacing: 1px;
	}
    #nav-right{
        margin-right: 125px;
    }
    
    
  
	/*Banner*/
	.img-background {
		background-position: center right!important;
	}

	.banner-page .text { width: 50%}
	.banner-page p {
		padding-top: 0px;
		font-size: 18px;
	}
	.arrow-down {
		display: none;
	}
	/*Produits*/
	
	.blue H2, .job-title {
		font-size: 28PX;
	}
	.products .white-box, .products .grey-box, .products .img-background {
		padding: 0px 0px  0px;
		height: auto;
	}
	.products .img-background img {
		/*padding-top: 55px;*/
	}

.capability-list H2 {
    padding-left: 5%;
    margin: 30px 0;
}	
	/* Careers */
    
    .apply-btn{
        padding: 10px 25px;
        font-size: 17.5px;
        letter-spacing: 3.2px
    }
	
	/*Footer*/
	
	footer .nav > li {
		max-width:100% !important;
		padding-left: 5px;
        padding-right: 0px;
	}
	
}	
@media (max-width: 768px) {
	.hidden-xs {display: none;}
	.visible-xs {
		display: block;
	}
	H1 {
		font-size: 28px;
	}
	.banner-page .text {
		top: 5%;
		width: 55%;
	}
	.navbar-header-top {
		margin-top:25px !important; 
	}	
	.banner-page a, .banner-page .fa-download, .banner-page .fa-play-circle {
		font-size: 15px;
		padding-top: 10px;
	}
	
	.banner-page p {
		font-size: 15px;
	}
	
		/*Page service et about*/
	.tablette-box {
		display: block;
	}
 
	.tablette-box H3{
		padding-top: 30px;
	}
	
	.services .white-box, .services .img-background {
		display: none;
	}
	.footer .nav > li:last-child  {max-width:160px;}
	.left { float: left;}
    .services img	 {
		padding-bottom: 15px;
	}
	
	.capability-list H4.title, .capability-list form input.form-control {
		width: 80%;
	}
	
	.vl {
		padding-left: 5%;
	}
	
	.border-right {
		border-right: none;
	}

}
/*Mobile*/
@media (max-width: 767px) {
	
.navbar, .sidebar-nav {
    padding: 0px 0;
    margin-bottom: 0;
}
   
H1{
    font-size: 23px;
	padding-top: 10px;
}
.banner-page p { font-size: 14px;}

.video-container h1 {
    font-size: 30px;
}
H2 {
    font-size: 35px;
}

H3, .job-title {
    font-size: 20px;
    line-height: 25px;
}
H5 {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 2px;
}

.logo {
	max-width: 200px;
} 
.logo img {
	max-width: 100%;
}
/*Menu toogle*/

#nav-right{
    display: none;
}

#navebar-mobile{
    display:block;
    margin-top: 10px;
    margin-bottom: 25px;
    
}
.user-logged-in #navebar-mobile{
    border-top:solid 1px #fff;
}

.sidebar-nav{
    text-align: center;
}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	    margin-top: 35px;
		background: none; 
		border: none;
}
.navbar-inverse .navbar-nav>li>a{
	text-align: center;
	padding-top: 15px;
	   
}
.small-icon-bar { display: none;}
.navbar-inverse .navbar-nav>li> a:before, .sidebar-nav li>a:before {
	background: none;
}

.sidebar-nav li a:hover, .sidebar-nav li a:focus, .sidebar-nav li a.is-active{
    background: none;
    text-align: center;
}

.sidebar-nav li, .sidebar-nav li:active{
    margin: 0;
    padding-bottom: 0;
}

.sidebar-nav> li> a, .sidebar-nav> li> a.is-active, .sidebar-nav> li> a:hover, .sidebar-nav> li> a:focus{
    display: block;
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding-top: 0px;
    padding-left: 0 !important;
    letter-spacing: 1px;
    margin-left: 0 !important;
}
.sidebar-nav> li> a:focus{
    border: none;
    text-decoration: none;
}

#sidebar-wrapper, .user-logged-in #menu-toggle, .sidebar-nav .glyphicon-remove{
    display:none !important;
}



/*Banniere */
.banner-page .container {
	padding-right: 0px;
    padding-left: 0px;
}
.banner-page .text {
	position: inherit;
	width: 100%;
}

.banner-page p {
	padding-top:0px;
	font-weight: normal;
}

.banner-page .text_full {
	position: inherit;
}

.banner-page a, .banner-page .fa-download, .banner-page .fa-play-circle {
	font-size: 15px;
	padding-top: 10px;
}
.arrow-down {display: none}
.vl {
    border-left: none;
    padding-left:none;  
}

H1.white, .white H1, .white P, P.white {
    color: #002f4f  !important;
}

/*Produits*/

.mobile-box H2 {
    padding-top: 20px;
} 
.mobile-box img {
	padding-bottom: 10px;
}
.blue H2 {
    font-size: 24PX;
} 
article h3 {
    margin: 20px 0 20px 0;  
}
 
.produits-valign h3 {
	margin-top: 5px;
}
.produits-valign {
	height: auto;
	margin-bottom: 20px;
}
.produits-valign div {
      position: relative;  
      transform: initial;
}

.produits-valign div:nth-child(2) {
    left: 0%;
}

.mobile-box {
	display: block;
}
.mobile-box H3{
	padding-top: 20px;
}

.white-box, .img-background, .gray-white-box, .blue-box{
	display: none;
}

/* Careers */

h1.careers{
   font-size: 28px;
   padding-top: 10px;
}
.careers .row{
    padding-bottom: 20px;
}

h1.careers{
    padding-left: 0;
    letter-spacing: normal;
}
.careers_presatation {
    margin: 0 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.careers_presatation h2,.careers_presatation p {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    
}

.careers_presatation h2{
    padding-top: 25px;
}

.careers_presatation p{
    padding-bottom: 25px;
}

.apply-btn{
    padding: 5px 20px;
    border: #002543 solid 2px;
    font-size: 14px;
}

.btn{
    margin-bottom: 3%;
}

	/*Footer*/
	
footer .nav > li, footer .nav2 {
	border-left: none;
	min-height: auto;
}
footer .location, footer .tel, footer .mail {
	border-left: none;
}
footer .icon {
    margin-left: 0px;

}
footer .nav > li {
	max-width: max-content;
	display: block;
}
footer .nav > li ul li, .location {display: none}

footer .contact-info {
	clear: both;
}
footer .nav2 > li {
	padding: 0px 0px 10px 5px;
}
	
footer .location, footer .tel, footer .mail {
	padding-left: 0px;  
}
}