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

/*------------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 }
.clr7{ color:#9B9A9B }
.clr8{ color:#D8D8D8 }

@font-face { font-family: ms_th; src: url(/web/20171009053356im_//fonts/Montserrat-Thin.ttf);}
@font-face { font-family: ms_Lt; src: url(/web/20171009053356im_//fonts/Montserrat-Light.ttf);}
@font-face { font-family: ms_Lt-i; src: url(/web/20171009053356im_//fonts/Montserrat-LightItalic.ttf);}
@font-face { font-family: ms_md; src: url(/web/20171009053356im_//fonts/Montserrat-Medium.ttf);}
@font-face { font-family: ms_rg; src: url(/web/20171009053356im_//fonts/Montserrat-Regular.ttf);}
@font-face { font-family: ms_sb; src: url(/web/20171009053356im_//fonts/Montserrat-SemiBold.ttf);}
@font-face { font-family: ms_b; src: url(/web/20171009053356im_//fonts/Montserrat-Bold.ttf);}
@font-face { font-family: ms_bck; src: url(/web/20171009053356im_//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_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; }
.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; }
}

html {min-width: 320px;}
body{ padding-bottom: 20px; }
body *{ font-size: 14px; line-height: 20px; 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;}

.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  }
.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%) }



/*------------ 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;}
section, header{ padding-bottom: 74px; }
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-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 ------------*/
.nav>li>a:focus, .nav>li>a:hover { background: none }
#navMain { height: 80px; width: calc( 100% - 168px ); z-index:300; }
#navMain>.container { width: 100% }
.navbar-header { height: 80px; }
#navMain.navbar-default { border: 0; border-radius: 0; box-shadow: 0 13px 14px 0 rgba(0, 0, 0, 0.08);}
#navMain .navbar-brand{ width:255px; }
#navMain .navbar-right{ margin: 0; }
#navMain a.navItem, .nav-mob a.navItem { text-transform:uppercase;}
.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.clr6.f14.f_rg:hover .dropdown-menu { display: block!important; }
#navMain .dropdown-menu{ right: auto!important;  left: 0; min-width: 0; width: 100%; border: none; box-shadow: none; -webkit-box-shadow: none;  border-radius: 0; margin-top: -30px; position: absolute; width: 280px; left:50%; transform: translateX(-50%); background-color: transparent; }
#navMain .dropdown-menu li { float: left; }
#navMain .dropdown-menu>li>a{ padding: 0 13px; }
#navMain .dropdown-menu>li>a:hover, #navMain .dropdown-menu>li>a:focus{ background-color: transparent; outline: none }

/*------------ MAIN BOTTOM ------------*/
#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/20171009053356im_//img/prec.png') no-repeat; background-size: contain;  padding-right: 3em; width: 13px; }
#navBottom li:last-child a::after { content: ''; background: url('/web/20171009053356im_//img/suiv.png') no-repeat; background-size: contain;  padding-left: 1em; margin-left: 2em; width: 13px; }

.cartouche{ position: absolute; right: 0; top:0; width: 168px; z-index:300; }
.cartouche>.bg3{ height: 66px;}
.cartouche-items{ width: 70%; }
.cartouche-items ul{ width: 72px; }
.cartouche-items>*{ line-height: 20px; padding-left: 0;  margin: 30px 0;}
.cartouche ul li { float: left;}
.cartouche ul li:first-child a { border-right: 1px solid #FFFFFF; }
.cartouche ul li a { padding: 0 6px; }
.cartouche .svgHolder {height: 80px;}
.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;  }
@media (max-width: 900px){
	#navMain .logo-desk{ display: none; }
	#navMain .logo-mob{ display: block; }
	#navMain .navbar-brand{ width: auto; }
}
@media (max-width: 764px){
	#navMain .navbar-collapse{ background: rgba(255,255,255,0.95); }
	#navMain .navbar-header{ position: absolute; width: 100%; border-bottom: 1px solid #ECECEC; z-index: 500 }
	#navMain .in, #navMain .collapsing{ position: absolute; right: -153px; width: 100vw; top: 65px; border: 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 a[data-toggle="dropdown"] span.caret { transform: rotate(-95deg); }*/
	/*#navMain .navbar-collapse ul.dropdown-menu { position: absolute; top: 49px; left: 130px; transform:translateX(0); }*/
	#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; }
}

@media (min-width: 764px){
	.cartouche ul{ position: absolute; left:50%; transform:translate( -50%, 0%) }
	}
@media (min-width: 901px){
	#navMain .logo-desk{ display: block; }
	#navMain .logo-mob{ display: none; }
}
/*------------ HEADERS ------------*/
header{ z-index: 0; margin-left: -15px; margin-right: -15px; margin-top: -100px; padding: 0;  position:relative}
header h1 { margin-top: 80px; }

@media (min-width: 768px){
	.navbar-nav>li>a { padding-top: 30px; padding-bottom: 30px; }
	.navbar-right { margin-right: 0; }
}
/*------------ 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; }
}


/*------------ FOOTER ------------*/
#footer_main { margin-top: 80px; }
#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%;}
	}
/*
     FILE ARCHIVED ON 05:33:56 Oct 09, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:03:42 Jun 30, 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.334
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.023
  esindex: 0.006
  cdx.remote: 7.993
  LoadShardBlock: 67.411 (3)
  PetaboxLoader3.datanode: 58.987 (4)
  PetaboxLoader3.resolve: 319.19 (3)
  load_resource: 338.013
*/