@charset "utf-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url('https://fonts.googleapis.com/css?family=Ubuntu|Asap|Source+Sans+Pro');
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* CSS Document */
html {
	font-size: 16px;
}
body {
    font-family: 'Roboto', sans-serif;
	color: #333333;
	font-weight: 300;
	background-color: #FFF;
    font-size: 0.9rem;
}
/*header {
	position:relative;
}
*/
.ctnDetailTraitement .bgTransparent,
.transparent {
	background: rgba(255, 255, 255, 0.1) !important;
}
h1 { 
	margin-top: 1rem;
	color: #000066;
	font-family: Roboto !important;
	font-size: 1.3rem;
	font-weight: 700;
}
h2 {
	color: #000066;
	font-family: Roboto !important;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
}
h3 {
	padding-top: 1rem;
	font-family: Roboto !important;
	color: #333333;
	font-weight: 300;
	font-size: 0.94rem;
}
.texteBlanc h4 {
	padding-top: 1rem;
	font-size: 2.2rem;
	font-weight: 700;
	color: #FFFFFF;
}
h5 {
	font-family: Roboto !important;
	color: #333333;
	font-size: 0.8rem;
	font-weight: 700;
}
h6 {
	padding-top: 0.6rem;
	font-family: Roboto !important;
	color: #333333;
	font-size: 1rem;
	font-weight: 700;
}

a {
    color: #1c3f95
}
a:hover {
    text-decoration: underline;
    color: #990000;
}
a:active {
    color: #990000;
}
.lienRouge {
    color: #990000;
}
.form-control {
border: 1px solid #1c3f95 !important;
border-radius: 0 !important;
}
/*
input[type=text],
input[type=radio] {
  background-color: #e6e6f1;
}
textarea {
  background-color: #e6e6f1 !important;
}
*/
footer a {
	color: #1c3f95;
}
footer a:hover {
    text-decoration: underline;
    color: #1c3f95;
}
strong {
	font-weight: 700;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons {
	vertical-align: middle;
}
.left {
	margin-left: 1rem;
}
.right {
	float: right;
	margin-right: 1rem;
}
.rightFooter {
	font-size: 0.7rem;
	text-align: right;
}
.center {
	
	text-align: center;

}
.right-align {
	text-align: right;
}
/* pour homepage - accueil */
hr.home {
	opacity: 0.5;
  	height: 10px;
  	
  	margin: 0;
  	color: #FFF;
  	/*background-color: #FFF; */
  	background-color: transparent;
  	border-bottom: 1px;
}
/* ########################################################### */
/* #########################       Mega Menu     ############# */
/* ########################################################### */
.bg-light{
	border-top: solid 5px #1c3f95;
	border-bottom: solid 2px #1c3f95;
	background-color: #FFF0D6 !important;
	padding: .4rem 2rem;
}
.posRelative {
	padding: 0; 
	margin: auto;
	}
.fixedMenu {
	background-color: #b2cbef !important;
	top: 0;
  	left: 0;
	right: 0;
	height: 100px;
    border-top: solid 2px #1c3f95;
	border-bottom: solid 2px #1c3f95;
}
.posContainer {
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	display: block;
    }
.posContainerHome {
	margin-top: 30px;
	margin-bottom: 0px;
	position: relative;
    }

.nav-link{
	font-family: Roboto !important;
	/*background-color: #1c3f95; */
	color: #1c3f95 !important;
	font-size: 1.1rem;
	float: left;
}
.nav-link:hover{
	color: #990000 !important;
}

.dropdown-menu {
	border: 0;
	margin-left: auto !important;
  	margin-right: auto !important;
  	left: 0 !important;
	right: 0 !important;
	/*top:70px; 
	transform:translate3d(0px, 73px, 0px) !important; */
	border: solid 1px #1c3f95;
	background-color: #b2cbef ;
	border-radius: 0 !important;
	min-width: 15rem !important;
}
.dropdown-item {
	font-size: 1rem;
	border-bottom: 1px solid #1c3f95;
	padding: 0.5rem 0 0.5rem 0;
}
.dropdown-item:hover {
	font-size: 1rem;
	border-bottom: 1px solid #990000;
	padding: 0.5rem 0 0.5rem 0;
	color:#1c3f95;
	background-color: #fff;
}
.lienLangue{
	font-family: Roboto;
	color: #c5c4c4;
	font-size: 0.88rem;
	font-weight: 400;
}
.navbar {
	/*position: absolute; */
	width: 100%;
	text-align: left;
	/*padding-top: 0.5rem; */
}
.navbar-expand-md .navbar-nav .dropdown-menu {
	
	margin-bottom: 2rem !important;
	}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(28, 63, 149, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* ########################################################### */
/* #########################       Caroussel - slogan   ###### */
/* ########################################################### */
.sloganPos {
    top: 20%;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}
.homeSlogan {
	/*font-family: 'Ubuntu', sans serif !important; */
	font-family: Roboto !important;
	color: #FFF0D6;
	font-size: 2rem;
	font-weight: 700;
	text-align: left;
	margin: auto; 
	/*vertical-align: middle; */
}
.buttonSlider {
	border-radius: 5px;
	border-width: 1px;
	border-color: #c5c4c4;
	border-style: solid;
	background-color: #313642;
	width: 280px;
	height: 50px;

}
.buttonSliderTexte{
	padding: 7px 5px 5px 5px;
	font-family: Roboto;
	color: #c5c4c4;
	font-size: 1.13rem;
	font-weight: 500;
	text-align: left;
}
.posFleche {
	float: right;
	padding-top: 5px;
}
.carousel-item {
  height: 70vh;
  min-height: 90px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption{
	left: 5% !important;
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin: 0 0.5rem 0 0.5rem;
    /*background-color: #404040; */
}
.bandeauSlide {
    position: relative;
}
/************** juste après le carousel ********************/
/************** juste après le carousel ********************/
.bgNoirBlanc {
	background-image: url("/skins/fi/images/home/bandeau-noir-blanc.jpg");
	background-repeat: no-repeat;
	background-size: 100%, 100%;
	min-height: 7rem; 
}
/*.bgNBsloganHome {
	
	background-image: url("/skins/fi/images/home/firstindustrie-middle.jpg");
	background-repeat: no-repeat;
	/*background-size: contain; */
/*	background-size: 100% 100%;
	/*min-height: 100%;
	min-height: 731px; */
}
.parallax-window {
    min-height: 800px;
    background: #FFFFFF;
    background-attachment: fixed;
    overflow: hidden;
  	position: relative;
  	background-size: auto;
  	background-repeat: no-repeat;
  	
  	height: 800px;
  	position: fixed;
  	z-index: -1;
}
div#myDiv1 {
  -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */
  -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */
  transform: matrix(1, -0.3, 0, 1, 0, 0); /* Standard syntax */
}
.bgNBsloganHome {
	  /* The image used */
  background-image: url('/skins/fi/images/home/firstindustrie-middle.jpg');

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.NBsloganHome {
	margin: 4rem 0 4rem 0;
	font-family: 'Exo 2', sans serif !important;
	color: #ffffff;
	font-size: 3rem;/* Approximation causée par une substitution de police */
	font-weight: 700;
	text-align: center;
}

/* pour produitsSommaire PC */
.bgCouleur {
	background-color: #e4f1fd;
	background-size: cover;
	display: flex;
}

.navigFirst {
	padding-top: 1rem;
	margin: auto !important;
	text-align: center !important;
	display:inline-flex;
	max-width: 100%;
}
ul  {
	/*list-style-type: none; */

}
li {
	margin: 0 1rem 0 1rem;
}
.containerHead {
    width: 100% !important;
    height: 100px !important;
    background-color:#1c3f95;
    position: fixed;
	z-index: 1000;
	display: block;
}
.navbar-toggler{
	color: #1c3f95 !important;
	border-color: #1c3f95 !important;
}
.navbar-toggler-icon {
	
	color: #1c3f95 !important;
	
}
.navbar-light .navbar-nav .nav-link {
    /*margin-bottom: 1.8rem !important; */
}
.navbar-nav {
    margin-bottom: 1.8rem !important; 
}
.noEspace {
	padding-right: 0px;
	padding-left: 0px;
}
.navTop {
    font-family: Roboto;
	color: #ffffff;
	font-size: 0.813;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
}
.navTop:hover {
    font-family: Roboto;
	color: #990000;
	font-size: 0.813;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
}
.navTopFirst {
    font-family: Roboto;
	color: #ffffff;
	font-size: 0.813;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
}
.navTopFirstActive {
    font-family: Roboto;
	color: #297fca;
	font-size: 0.813;
	font-weight: 400;
	display: block;
	padding-bottom: 0.5rem;
	border-bottom: solid 2px #297fca;
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
}
.navbar-collapse {
	background-color: #b2cbef;
}
.titel {
    font-family: Roboto;
	color: #000000;
	font-size: 1.5rem;
	font-weight: 500;
}
.case {
    background-color: #04457b;
}
.caseTexte {
	margin: 0 1rem 0 1rem;
}
.caseTexte ul {
   list-style-type: none;
   padding-left: 1rem; 

}
.caseTexte li {
	list-style-image: url('/skins/fi/images/tiret.png') ;
	margin-left: 0; 
	
}
.logoTexte {
    font-family: Roboto;
	color: #818a91;
	font-size: 9px;
	font-weight: 400;
}
.mainButton {
	display: block;
	align-content: center;
	max-width: 335px;
	height: 50px;
	border-radius: 4px;
	border-width: 1px;
	border-color: #297fca;
	border-style: solid;
}
.mainButtonText {
	margin: auto;
	padding: 0.8rem 0 0.6rem 0.6rem;
	color: #297fca;
	font-size: 1rem;
	font-weight: 400;
}
.espaceRem {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	background-color: #FFFFFF;
}
.espaceRemTransparent {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}
.espaceRem1 {
	margin-top: 1rem;
	background-color: #FFFFFF;
}
.espaceRem1bottomFooter {
	margin-bottom: 0.5rem;
}
.espaceRem1bottom {
	margin-bottom: 1rem;
}
.espaceRem2bottom {
	margin-bottom: 2rem;
}
.espaceRemSmall {
	margin-top: 1rem;
	margin-bottom: 3rem;
}
.espaceMegaMenu {
	margin-top: 2rem;
}
.espaceMegaMenuDroit {
	padding-right: 2rem;
}
.espaceRemApresNavigation {
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.photoBottom {
	vertical-align: bottom;
}
.homeTextDemarche {
	font-family: Roboto;
	color: #000000;
	font-size: 1.13rem;
	font-weight: 300;

}
.homeTextDemarche h1{
	font-size: 1.38rem;
	font-weight: 700;
}

.miHauteur {
	margin-top: 0px;
	padding-top: 0px;
	vertical-align: middle;
}
.padLeft10 {
	padding-left: 1rem;
}
.bloc-normal {
    /*color: #212C56; */
	text-align: left;
	padding: 0 20px 20px 20px;
	}
.blocGoogleMap {
	padding: 20px 0 0 0;
	margin:0;
}
.blocDroite {
	border-top: solid 1px #1c3f95;
	border-right: solid 1px #1c3f95;
	border-left: solid 3px #1c3f95;
	border-bottom: solid 3px #1c3f95;
	
	margin-top: 1.5rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
}
.blocDroite img {
	padding: 20px 0 0 0;
	/*border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	*/
	}
.blocDroite h1 {
	/*background-color: #1c3f95; */
	margin: 0;
	padding-top:1rem;
	padding-left:1rem;
	color: #1c3f95;
	font-family: Roboto !important;
	font-size: 1.2rem;
	font-weight: 700;
	}
.blocDroite .bleu {
	padding: 0;
	min-height: 30px;
	/*background-color: #1c3f95; */
}
.blocDroite h2 {
	padding-top: 1rem;
	padding-bottom: 0rem;
	margin-bottom: 0rem;
	color: #1c3f95;
	font-family: Roboto !important;
	font-size: 1rem;
	font-weight: 700;
	}
.blocDroite .corps {
	padding-top: 1rem;
	}

.pt_text_italique{
	font-family: Ubuntu;
	color: rgba(0,0,0,.5);
	font-style: italic;
	font-size: 0.7rem;
	font-weight: 300;
}
/* ******************************* footer ********************** */
footer {
	margin-top: 1rem;
    background-color: #b2cbef;
    border-bottom: solid 2px #1c3f95;
    border-top: solid 2px #1c3f95;
}
.footer {
	padding: 2rem 0 2rem 0;
	align-content: center;
	font-family: Ubuntu;
	color: #1c3f95;
	font-size: 0.81rem;
	font-weight: 400;
	background-color: #b2cbef;
}
.footerWebPublishing {
	background-color: #FFFFFF;
	color: #1c3f95;
}
.footerWebPublishingLink {
	color: #1c3f95;
}
a.footerWebPublishingLink {
	color: #1c3f95;
}
a:hover.footerWebPublishingLink {
	text-decoration: underline;
	color: #1c3f95;
}
.font11 {
	font-size: 0.688rem;
}
.footerButton {
	display: block;
	
	max-width: 335px;
	height: 50px;
	border-radius: 4px;
	border-width: 1px;
	border-color: #FFF0D6;
	border-style: solid;
	color: #FFF0D6;
}
.footerButtonText {
	padding: 0.8rem 0 0.6rem 0.6rem;
    font-family: Ubuntu;
	color: #FFF;
	font-size: 1.13rem;
	font-weight: 500;
	text-align: left;
}
hr.lineBlanc10px {
	border-top: 10px solid #FFFFFF;
	background-size: cover;
}
/* les logos et les deux boutons historique / partenaires */
.footerAvant {
	/* background-color: #FFFFFF; */
	background-size: cover;
	margin-bottom: 1rem;
}
.iconsFooter{
	padding-top: 3rem;
	text-align: left;
}
.footerEspaceAdresse {
	padding-top: 0;
}
a.gris {
	color: #c5c4c4;
}
.rouge {
	color: #990000;
}
.verte {
    color: #009900;
}
.btn-normal {
    background-color: #1c3f95;
	color: #FFFFFF;
	font-weight: 700;
	border-radius: 0;
}
.btn-normal:hover {
    background-color: #1c3f95;
	color: #99ccff;
	font-weight: 700;
	border-radius: 0;
}
/************************************* produitsDetail ************************/
.navDetail {
	min-width: 100%;
	display: flex;
	align-content: center;
}
.detailButton {
	display: block;
	align-content: center;
	/*min-width: 100%; */
	max-width: 120px;
	height: 40px;
	border-radius: 4px;
	border-width: 1px;
	border-color: #297fca;
	border-style: solid;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: 400;
	padding: 0.6rem 2rem 0.6rem 2rem;
}
.detailButtonActive, .detailButton:hover {
	background-color: #297fca;
	color: #FFFFFF;
}
/************************************* hauteur....  ************************/
@media only screen and (min-width: 1200px) and (max-height: 900px) {
		.carousel-item {
		  height: 75vh;
		  min-height: 90px;
		  background: no-repeat center center scroll;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
	}
/************************************* hauteur....  ************************/
@media only screen and (min-width: 1200px) and (min-height: 901px) {
		.carousel-item {
		  height: 60vh;
		  min-height: 90px;
		  background: no-repeat center center scroll;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
	}
/************************************* laptop 15pouces ************************/
/*@media only screen and (max-width: 1200px) {
		.carousel-item {
  			height: 70vh;
  		}
}
*/
/************************************* iPad vertical ************************/
@media only screen and (max-width: 992px) {
		.carousel-item {
  			height: 60vh;
  		}
		.homeSlogan {
			font-size: 1.5rem;
			/*margin: 2rem 0 6rem 0; */
		}
		.NBsloganHome{
			font-size: 2.5rem;
		}
		/* concerne "Bonne Pratiques dans détail traitement" */
		.texteBlanc h4 {
			padding-top: 1rem;
			font-size: 1.0rem;
			font-weight: 700;
			color: #FFFFFF;
		}
		.espaceRem {
			margin-top: 1.5rem;
			margin-bottom: 1.5rem;
			background-color: #FFFFFF;
		}		
}
/************************************* iPad vertical ************************/
@media only screen and (max-width: 768px) {
		.carousel-item {
  			height: 50vh;
  		}
  		.homeSlogan {
			font-size: 1rem;
			/*margin: 2rem 0 6rem 0; */
		}
		.NBsloganHome{
			font-size: 2.5rem;
		}
		/* concerne "Bonne Pratiques dans détail traitement" */
		.texteBlanc h4 {
			padding-top: 1rem;
			font-size: 1.0rem;
			font-weight: 700;
			color: #FFFFFF;
		}
		.espaceRem {
			margin-top: 1.5rem;
			margin-bottom: 1.5rem;
			background-color: #FFFFFF;
		}		

}
/************************************* smartPhone ************************/
@media only screen and (max-width: 576px) {
		.navTopFirstActive, .navTopFirst {
			font-size: 0.2rem;
			padding-left: 0.1rem !important;
			padding-right: 0.1rem !important;
		}
		h1 {
			font-size: 1.2rem;
		}
		body {
		    font-size: 1rem;
		}
		.fixedMenu {
			min-height: 80px;
		}
		.dropdown-menu {
			border: none;
		}
		.texteBlanc h4 {
			padding-top: 1rem;
			font-size: 1.4rem;
			font-weight: 700;
			color: #FFFFFF;
		}
		.titreBlanc {
			font-size: 2.25rem;
		}
		.sousTitreBlanc{
			font-size: 1.5rem;
		}
		.carousel-item {
  			height: 40vh;
  		}
		/*.slideHeight .carousel-item {
			height: 30vh;
		}
		*/
  		.homeSlogan {
			font-size: 1.3rem;
			padding-top: 2rem;
			/*margin: 0.1rem 0 6rem 0; */
		}
		.NBsloganHome{
			font-size: 1.88rem;
		}
		.bgImage {
			max-height: 25rem;
		}
		.espaceRem {
			margin-top: 1.5rem;
			margin-bottom: 1.5rem;
			background-color: #FFFFFF;
		}
		.espaceRemApresNavigation {
			padding-top: 1rem;
			padding-bottom: 0;
		}
		.mainButton {
			display: block;
			max-width: 100%; 
			border-radius: 0px;
			height: 50px;
			border: solid 2px #297fca;
			border-left: none;
			border-right: none;
		}
		.footer {
			padding-left: 10px;
			padding-right: 10px;
		}
		.footerButton {
		
		}
		.footerButtonText {
			font-size: 0.8rem;
		}
		.iconsFooter{
			padding-top: 2rem;
			text-align: center;
		}
		.footerEspaceAdresse {
			padding-top: 2rem;
		}
		.megamenu {
			padding: 0;
		}
		.megaMenuHome {
			position: relative;

		}
		.navbar-nav .dropdown-menu {
			float: left;
		}
	}