@charset "utf-8";
/* Parametres genereaux */

/*html, body { overflow-x: hidden; }*/

/*------------TYPOS------------*/

.clr0{ color:#000000 }
.clr1, .clr1:hover{ color:#FFFFFF; fill:#FFFFFF }
.clr2{ color:#4A494A }
.clr3{ color:#52BDFE }
.clr4{ color:#193D7F; fill:#193D7F; }
.clr5{ color:#D0011B }
.clr6{ color:#6C6C6C!important; fill: #6C6C6C!important }
.clr7{ color:#9B9A9B }
.clr8{ color:#D8D8D8 }
.text-danger{
	color: #ff0000;
}

@font-face { font-family: ms_th; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-Thin.ttf);}
@font-face { font-family: ms_Lt; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-Light.ttf);}
@font-face { font-family: ms_Lt-i; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-LightItalic.ttf);}
@font-face { font-family: ms_md; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-Medium.ttf);}
@font-face { font-family: ms_rg; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-Regular.ttf);}
@font-face { font-family: ms_sb; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-SemiBold.ttf);}
@font-face { font-family: ms_b; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-Bold.ttf);}
@font-face { font-family: ms_bck; src: url(/web/20210629170230im_//assets/styles/fonts/Montserrat-Black.ttf);}

.f_md{ font-family: 'ms_md', Helvettica, Arial; }
.f_rg{ font-family: 'ms_rg', Helvettica, Arial; }
.f_lt{ font-family: 'ms_Lt', Helvettica, Arial; }
.f_lt-i{ font-family: 'ms_Lt-i', Helvettica, Arial; }
.f_b{ font-family: 'ms_b', Helvettica, Arial; }
.f_sb{ font-family: 'ms_sb', Helvettica, Arial; }
.f_bck{ font-family: 'ms_bck', Helvettica, Arial; }

.f11 { font-size:11px; }
.f12 { font-size:12px; line-height: 14px; }
.f15 { font-size:15px; }
.f14 { font-size:14px; }
.f18 { font-size:18px; line-height: 30px; }
.f20 { font-size:20px; line-height: 30px; }
.f22 { font-size:22px; line-height: 30px; }
.f24 { font-size:24px; line-height: 30px; }
.f28 { font-size:28px; line-height: 28px; }
.f30 { font-size:30px; line-height:30px; }
.f38 { font-size:38px; line-height:45px; }
.f48 { font-size:48px; line-height: 48px; }
.f56 { font-size:56px; line-height: 68px; }
@media only screen and (max-width: 960px) {
	.f30 { font-size:25px; line-height:25px; }
	.f38 { font-size:32px; line-height:38px; }
	.f48 { font-size:40px; line-height: 40px; }
	.f56 { font-size:44px; line-height: 52px; }
}

body { font-size: 14px; line-height: 20px; font-family: 'ms_rg', Helvettica, Arial; color:#4A494A; }
span { font-size: inherit; color: inherit; }
h1, h2, h3, h4{ text-transform:uppercase }
.fFilter0 { text-shadow: 0 0 48px rgba(0, 0, 0, 0.48); }
.fFilter1 { text-shadow: 0 0 48px rgba(255, 255, 255, 0.48); }


/*------------BACKGROUNDS------------

/**/
.bg0{ background-color:#000000;}
.bg1{ background-color:#FFFFFF;}
.bg2{ background-color:#E9EAF3; fill: #E9EAF3; }
.bg3{ background-color:#193E7F;}
.bg4{ background-color:#D0011B;}
.bg5{ background-color:#EAEBF4; fill: #EAEBF4;}
.bg6{ background-color: #c4d8ff; }

.bg100{ position: absolute; width: 100%; left: 0; }

/*------------outils------------*/
.spc74 { margin-top: 74px; }
.spc60 { margin-top: 60px; }
.spc40 { margin-top: 40px; }
.spc30 { margin-top: 30px; }
.spc20 { margin-top: 20px; }
.spc15 { margin-top: 15px; }
.spc10 { margin-top: 10px; }
.no-margin{ margin: 0; padding: 0  }
.no-padd{ padding: 0 }
.fixed { position: fixed; }
.centered { position: absolute; top:50%; left:50%; transform:translate( -50%, -50%) }
.centered-Y { position: absolute; top:50%; transform:translate( 0, -50%) }
.centered-X { position: absolute; left:50%; transform:translate( -50%, 0%) }
img.full{ min-width: 100%;}
.flex{ display: flex; align-items: center; height: 100%;}

.modal-backdrop
{
	opacity:0.5 !important;
}
.h-100{
	height : 100%;
}

.d-flex {
	display: flex;
}
.d-flex.center {
	align-items: center;
}

/*------------ GLOBAL ------------*/
@media (max-width: 480px){
	.col-xxs-12 { width: 100%}
}
.tiret { width: 64px; height: 2px; border-bottom: 2px solid red; content: ''; display: block; float: left;  }
q {display: table-cell;}
header{ padding-bottom: 74px; }
section {
	padding: 74px 0;
}
p, h1, h2, h3, h4, h5{white-space: normal;}
p.f48{ margin-bottom: 40px; }
h3.f30{ margin-bottom: 24px; }
.horizontal-list{ display: inline-block; margin: 0; margin-right: 30px; padding-left: 0;}
ul.horizontal{ margin: 0; padding: 0; }
figcaption{ margin-top: 15px; }
q { font-family: "Times New Roman", Times, serif; font-style: italic; }
img, video {
	max-width: 100%;
}
.img-center{ text-align: center; margin-right: auto; margin-left: auto; display: block; }
a:hover { text-decoration: none;}
@media (max-width: 768px){
	.tiret {width: 34px;}
}

/*------------ CTA ------------*/
button.cta { border: none; background: none; text-transform: uppercase;  }
button.cta text{ line-height: 20px; }
.cta svg { overflow: visible; }
@media (max-width: 320px){
	.cta svg { max-width: 280px!important; }
}
@media (max-width: 375px){
	.cta svg { max-width: 350px!important; }
}

/*------------ MAIN NAV ------------*/
#navbar,
#navMain .navbar-header {

}
.nav>li>a:focus, .nav>li>a:hover { background: none }
#navMain {
	width: calc( 100% - 168px );
	z-index:300;
}
#navMain>.container {
	width: 100%;
}
@media (min-width: 896px) {
	#navMain>.container {
		/*width: calc(100% - 120px);*/
		margin-right: 0;
	}
}
#navMain.navbar-default {
	min-height: 83px;
	border: 0;
	border-radius: 0;
	box-shadow: 0 13px 14px 0 rgba(0, 0, 0, 0.08);
}
#navMain .navbar-logo{
	width:40px;
	height: auto;
	position: absolute;
	top: 20px;
}
#navMain .navbar-brand{
	width:100%;
	height: auto;
	padding: 10px 0;
}
#navMain .navbar-brand .logo-desk img { width: 100%; height: auto; margin: auto }
#navMain .logo-mob {
	float: left;
	margin-right: 25px;
}
#navMain .navbar-brand .brand-subtitle {
	display: none;
	float: left;
	line-height: 44px;
	vertical-align: middle;
}
@media (min-width: 544px) {
	#navMain .navbar-brand .brand-subtitle {
		display: block;
	}
}
#navMain .navbar-brand .brand-subtitle em {
	font-family: 'ms_lt', Helvettica, Arial;
	font-style: normal;
	font-size: 14px;
}
#navMain .navbar-right{ margin: 0; }
#navMain a.navItem, .nav-mob a.navItem {
	text-transform:uppercase;
	color: #6C6C6C;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.cartouche button{ padding-top: 0; padding-left: 10px; padding-bottom: 0; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: #FFFFFF; }
#navMain li:hover .dropdown-menu { display: block!important; }
#navMain .dropdown-menu {
	position: absolute;
	top: calc(100% - 1px);
	left: -1px;
	background-color: #193E7F;
}
#navMain .dropdown-menu li {  }
#navMain .dropdown-menu>li>a{
	padding: 9px 13px;
	color: #fff !important;
}
#navMain .dropdown-menu>li>a:hover,
#navMain .dropdown-menu>li>a:focus { background-color: transparent; outline: none; text-decoration: underline; }
.cartouche{ position: absolute; right: 0; top:0; width: 168px; z-index:300; }
.cartouche>.bg3{ height: 68px;}
.cartouche-items{ width: 70%; top: 10px;}
@media (min-width: 896px) {
	.cartouche-items{ top: inherit;}
}
.cartouche-items ul{ width: 72px; }
.cartouche-items>*{ line-height: 20px; padding-left: 0;  margin: 0;}
.cartouche ul li { float: left;margin-bottom: 10px}
.cartouche ul li:nth-child(2n+1) a { border-right: 1px solid #FFFFFF; width: 2.4em }
.cartouche ul li a { padding: 0 6px; }
.cartouche ul li a:hover { text-decoration: underline; }
.cartouche .svgHolder {height: 83px;}
.cartouche svg{ width: 100%; height: 14px; position: absolute; bottom: 1px; right: 0;}
.cartouche path{ fill: #193D7F; display:inline-block;}
.container>ul.navbar-right{ position:absolute; right:0;}
.nav-mob { z-index: 300; position: absolute;right: 0; top: 0; padding-top: 80px; height: 100vh; background-color: rgba(255,255,255,0.9)}
.nav-mob .navbar-nav {margin: 0;  }
#navMain .logo-desk{ display: block; }
#navMain .logo-mob{ display: none; }
#navMain .navbar-header {
	display: none;
	user-select:none;
	font-size: 16px;
}
@media (min-width: 768px) {
	#navMain .navbar-header {
		display: block;
		float: none;
		text-align: center;
		width: calc(100% - 168px);
		margin: auto;
		padding: 25px 0;
		color: #183E7F;
	}
}
@media (min-width: 896px){
	#navMain {
		height: 120px;
		z-index:300;
	}
	#navMain .navbar-brand{
		padding: 20px 0;
	}
	#navMain .navbar-logo {
		width: 175px;
		height: 100px;
		top: 10px;
	}
	#navbar, #navMain .navbar-header {
		margin-left: 168px !important;
	}
	.cartouche .svgHolder {height: 123px;}
	.cartouche>.bg3{ height: 108px; padding-top: 43px}
}
@media (max-width: 896px){
	#navMain .logo-desk { display: none; }
	#navMain .logo-mob { display: block; width: 40px;}
	#navMain .navbar-brand { width: auto; margin-left: 0; }
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.navbar-right {
		float: none!important;
		margin-right: 0;
	}
	.navbar-nav>li {
		float: none ;
	}
	.navbar-toggle {
		display: block !important;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: -15px;
		margin-left: -15px;
	}
}
@media (max-width: 892px){
	#navMain .navbar-collapse{ background: rgba(255,255,255,0.95); }
	#navMain .navbar-header{
		position: relative;
		left: 0;
		top: 0;
		width: initial !important;
		height:auto;
		z-index: 500
	}
	#navMain .in, #navMain .collapsing{ position: absolute; right: -153px; width: initial; top: 65px; border: 0; left: 0 }
	#navMain .navbar-collapse>ul { margin-top: 13px;  }
	#navMain .navbar-collapse ul.navbar-nav>li:not(:last-child) { border-bottom: 1px solid #ECECEC }
	#navMain .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px; margin: 0 15px }
	#navMain .navbar-collapse ul.dropdown-menu { transform: translateX(0); position: relative; left: 15px; margin-top: -20px; }
	#navMain .navbar-collapse li#navProduct{ display: flex; flex-direction: column; }
	#navMain .navbar-collapse ul.dropdown-menu li { display: block; float: none; padding-top: 2px; padding-bottom: 2px; }
	.navbar-header { padding-bottom: 2px; }

}
@media (min-width: 892px){

}
@media (min-width: 896px){
	#navMain .navbar-brand .brand-subtitle {
		float: none;
		line-height: 20px;
	}
	#navMain .navbar-brand .logo-desk {
		float: none;
	}
	.cartouche ul{ position: absolute; left:50%; transform:translate( -50%, 0%) }
	#navMain .navbar-header { float: none; text-align: center;margin: auto}
	#navMain #navbar {
		width: calc(100% - 168px);
	}
	#navMain .navbar-brand { display: block; position: relative; margin: auto; float: none;}
	.navbar-header { padding-bottom: 0; }
}
@media (min-width: 896px){
	.cartouche ul{ position: absolute; left:50%; transform:translate( -50%, 0%) }
}
@media (min-width: 896px){
	.cartouche ul{ position: absolute; left:50%; transform:translate( -50%, 0%) }
	#navMain .navbar-header {
		padding: 25px 0;
	}
	#navMain .navbar-brand {
		display: block;
		position: relative;
		margin: auto;
		float: none;
	}
	#navMain .navbar-nav { display: flex; justify-content: center; float: none!important; }
}

/*------------ TIMELINE ------------*/
#timelineH { margin: 0; }

/*------------ MAIN BOTTOM ------------*/
#navBottom { background-color: #fff;}
#navBottom ul { width: 100% }
#navBottom li { display: inline-block; }
#navBottom li:last-child { float: right }
#navBottom li:first-child a::before { content: ''; background: url('/web/20210629170230im_//assets/images/prec.png') no-repeat; background-size: contain;  padding-right: 3em; width: 13px; }
#navBottom li:last-child a::after { content: ''; background: url('/web/20210629170230im_//assets/images/suiv.png') no-repeat; background-size: contain;  padding-left: 1em; margin-left: 2em; width: 13px; }

/*------------ HEADERS ------------*/
header{ z-index: 0; margin-left: -15px; margin-right: -15px; margin-top: -50px; padding: 0;  position:relative}

@media (min-width: 896px){
	.navbar-right { margin-right: 0; }
	.navbar-default .navbar-nav>li:focus,
	.navbar-default .navbar-nav>li:hover,
	.navbar-default .navbar-nav>li:hover a {
		background: #193E7F;
		color: #fff !important;
	}
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a.menu-active{
		background: #193E7F;
		color: #fff !important;
		text-decoration: none;
	}
}
/*------------ NAV BOTTOM ------------*/
@media (max-width: 380px){
	#navBottom li {width: 100%}
}
@media (max-width: 546px){
	#navBottom ul a { font-size: 77%; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0 }
	#navBottom li:first-child a::before { padding-right: 2em;}
	#navBottom li:last-child a::after { padding-left: 1em; }
	#navBottom .navbar-nav { margin: auto; }
}

/* carousel */
.jumbo-carousel {
	background-color: #193E7F;

}
.lazy-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	/*z-index: -5;*/
	top: 0;
	left: 0;
}

.has-spinner {
	position: absolute;
	width: auto!important;
}

/* position the bars and balls correctly (rotate them and translate them outward)*/
.bar1 {
	-moz-transform:rotate(0deg) translate(0, -40px);
	-webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12;
}
.bar2 {
	-moz-transform:rotate(45deg) translate(0, -40px);
	-webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25;
}
.bar3 {
	-moz-transform:rotate(90deg) translate(0, -40px);
	-webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37;
}
.bar4 {
	-moz-transform:rotate(135deg) translate(0, -40px);
	-webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50;
}
.bar5 {
	-moz-transform:rotate(180deg) translate(0, -40px);
	-webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62;
}
.bar6 {
	-moz-transform:rotate(225deg) translate(0, -40px);
	-webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75;
}
.bar7 {
	-moz-transform:rotate(270deg) translate(0, -40px);
	-webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87;
}
.bar8 {
	-moz-transform:rotate(315deg) translate(0, -40px);
	-webkit-transform:rotate(315deg) translate(0, -40px);opacity:1;
}

/* set up the three ball spinners */
.spinner {
	position:relative;
	width:100px;
	height:100px;
	margin:25px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	float:left;
	-moz-transform:scale(0.5);
	-webkit-transform:scale(0.5);

	-webkit-animation-name: rotateThis;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
.spinner div{
	width:20px;
	height:20px;
	background:#fff;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	position:absolute;
	left:40px;
	top:40px;
}
/* add a shadow to the first */
.spinner div {
	-moz-box-shadow:black 0 0 4px;
	-webkit-box-shadow:black 0 0 4px;
}

/* increase the balls in size */
.spinner .bar1 {
	-moz-transform:rotate(0deg)   translate(0, -40px) scale(0.1);
	-webkit-transform:rotate(0deg)   translate(0, -40px) scale(0.1);opacity:0.12;}
.spinner .bar2 {
	-moz-transform:rotate(45deg)  translate(0, -40px) scale(0.2);
	-webkit-transform:rotate(45deg)  translate(0, -40px) scale(0.2);opacity:0.25;}
.spinner .bar3 {
	-moz-transform:rotate(90deg)  translate(0, -40px) scale(0.4);
	-webkit-transform:rotate(90deg)  translate(0, -40px) scale(0.4);opacity:0.37;}
.spinner .bar4 {
	-moz-transform:rotate(135deg) translate(0, -40px) scale(0.6);
	-webkit-transform:rotate(135deg) translate(0, -40px) scale(0.6);opacity:0.50;}
.spinner .bar5 {
	-moz-transform:rotate(180deg) translate(0, -40px) scale(0.8);
	-webkit-transform:rotate(180deg) translate(0, -40px) scale(0.8);opacity:0.62;}
.spinner .bar6 {
	-moz-transform:rotate(225deg) translate(0, -40px) scale(1);
	-webkit-transform:rotate(225deg) translate(0, -40px) scale(1);opacity:0.75;}
.spinner .bar7 {
	-moz-transform:rotate(270deg) translate(0, -40px) scale(1.2);
	-webkit-transform:rotate(270deg) translate(0, -40px) scale(1.2);opacity:0.87;}
.spinner .bar8 {
	-moz-transform:rotate(315deg) translate(0, -40px) scale(1.4);
	-webkit-transform:rotate(315deg) translate(0, -40px) scale(1.4);opacity:1;}

/* uncomment this to use css animation in webkit browsers */
/* @-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
} */


/*------------ FOOTER ------------*/
#footer_main { margin-top: 80px; }
#footer_main .footer-vague { width: 100%; position: relative; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; height: 11px; }
#footer_main .footer-vague>div:first-child{ width: calc(100% - 168px); height: 100%; }
#footer_main .vagueHolder{ position: absolute;right: 0; top:1px; width: 168px; transform: rotate(180deg); height: 13px}
#footer_main .vagueHolder svg{ fill: #E9EAF3 ; height: 13px; }
#footer_main>.container-fluid{ background-color: #E9EAF3; padding-bottom: 40px; padding-top: 20px;}
#footer_main .horizontal-list:first-child { margin-left: 30px; }
@media only screen and (max-width: 409px) {
	#footer_main .horizontal-list { margin-right: 4%;}
	#footer_main .horizontal-list:first-child{ margin-left: 4%;}
}

/*------------ MARGIN ------------*/
.mb-100 {margin-bottom: 100px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mb-20 {margin-bottom: 20px;}
.mb-10 {margin-bottom: 10px;}
/*
     FILE ARCHIVED ON 17:02:30 Jun 29, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:43:22 Jun 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.38
  exclusion.robots: 0.034
  exclusion.robots.policy: 0.025
  esindex: 0.005
  cdx.remote: 8.385
  LoadShardBlock: 390.016 (3)
  PetaboxLoader3.resolve: 381.709 (4)
  PetaboxLoader3.datanode: 202.625 (4)
  load_resource: 199.407
*/