/* -------------------------------------------------------------------------------------------------------------
 	Couleurs
----------------------------------------------------------------------------------------------------------------

* Couleur 0 => #da3730 (univers institutionnel => rouge)
* Couleur 1 => #da3730 (univers vapec => rouge)
* Couleur 2 => #006ab3 (univers ... => bleu)
* Couleur 3 => #6d1f80 (univers ... => violet)
* Couleur 4 => #202e5c (univers ... => bleu marine)
* Couleur 5 => #ff7900 (univers ... => orange)


* Couleur 10 => #ffffff (blanc)
* Couleur 11 => #193356 (bleu marine Vapec)
* Couleur 12 => #868889 (gris)
* Couleur 13 => #f1f1f1 (gris clair #1)
* Couleur 14 => #f7f7f7 (gris clair #2)
* Couleur 15 => #000000 (noir)

-------------------------------------------------------------------------------------------------------------- */

.color-0 {color:#da3730;}
.color-1 {color:#da3730 !important;background-color:transparent;}
.color-2 {color:#006ab3;}
.color-3 {color:#6d1f80;}
.color-4 {color:#202e5c !important;background-color:transparent;}
.color-5 {color:#ff7900;}

.color-10 {color:#ffffff !important;}
.color-11 {color:#193356 !important;}
.color-12 {color:#868889;}
.color-13 {color:#f1f1f1 !important;}
.color-14 {color:#f7f7f7;}
.color-15 {color:#000000;}


.bg-color-0 {background-color:#da3730;}
.bg-color-1 {background-color:#da3730 !important;}
.bg-color-2 {background-color:#006ab3 !important;}
.bg-color-3 {background-color:#6d1f80 !important;}
.bg-color-4 {background-color:#202e5c !important;}
.bg-color-5 {background-color:#ff7900 !important;}

.bg-color-10 {background-color:#ffffff !important;}
.bg-color-11 {background-color:#193356 !important;}
.bg-color-12 {background-color:#868889 !important;}
.bg-color-13 {background-color:#f1f1f1 !important;}
.bg-color-14 {background-color:#f7f7f7 !important;}
.bg-color-15 {background-color:#000000 !important;}

.border-color-0 {border-color:#da3730;}

.border-color-10 {border-color:#ffffff;}

/*-------------------------------------------------------------------------------------------------------------- */

/* .separator-2 {width:160px;margin-top:0px;margin-bottom:20px;height:1px;} */
/* .separator-3 {width:45px;margin-top:10px;margin-bottom:20px;height:1px;} */

/* -------------------------------------------------------------------------------------------------------------
  Eléments
-------------------------------------------------------------------------------------------------------------- */

body{color:#193356;font-family:'Montserrat',Arial,Helvetica,sans-serif;}
h1{font-family:'Montserrat';font-size:2.4em;font-weight:600;}
h2{font-family:'Montserrat';color:#193356;font-size:2em;font-weight:500;line-height:1.3em;}
h3{font-family:'Montserrat';font-size:1.5em;font-weight:500;line-height:1.3em;margin-bottom:0.5em;}
h4{font-family:'Montserrat';font-size:1.3em;margin-bottom:10px;}
h5{font-family:'Montserrat';font-size:1.2em;font-weight:600;margin-bottom:10px;}
h6{font-family:'Montserrat';}

section {padding:0;}
section p{font-size:1.1em;color:#193356;text-align:justify;line-height:1.65em;}
.cover-background h1{color:#fff !important;font-size:3em !important;line-height:1.2em;}
.cover-background p{color:#fff;}
.cover-background a{color:#f1f1f1;}

section div.min-height-100px p, section div.min-height-200px p{font-size:1em;}
section li{font-size:1.1em;color:#193356;margin-bottom:10px;}
section a{color:#193356;font-weight:600;}

.breadcrumb a{font-weight:400;color:#333;}

.text-large{font-weight:500;}

.jumbotron{margin:20px 0px;padding:15px 30px 20px 20px !important;background-color:#f1f1f1;}
.jumbotron p{color:#222222;font-size:1.1em;}
.jumbotron li{font-size:1.1em;margin-top:15px;}
.jumbotron li {list-style-type:none;}
.jumbotron li:before {content:"→  "; /* caractère UTF-8 */}

label {color:#666;}
label.view {
  color:#888;
  font-weight:normal !important;
  width:200px;
  text-align:right;
  padding-right:10px;
}

.btn {border:1px solid #868889 !important;color:#000;}
.btn:hover{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important;}

.step-box .number {background-color:#f1f1f1;display:table-cell; font-size:30px; height:80px; margin:0 auto; text-align:center; vertical-align:middle; width:80px; position:relative}
.step-box:hover .number {color:#fff }
.step-box:after {width:100%;position:absolute;content:"";height:1px;background:#ccc;top:45px;z-index:-1;}
.step-box:last-child:after {height:0px;}

/*--------------------------------------------------------------------------------------------------------------
	Général
-------------------------------------------------------------------------------------------------------------- */
.top-header-area a{font-size:1.1em !important;font-weight:500;}
.accroche {font-size:1.4em;line-height:1.55em;font-weight:600;color:#193356;font-family:'Montserrat';}

.u_0 .top-header-area{border-top:2px solid #da3730;}
.u_0 .top-header-area a.active{color:#da3730;}
.u_0 header #menu_univers a.active{color:#da3730;border-bottom:1px #da3730 solid;}
.u_0 h1 {color:#193356;}
.u_0 h2 {color:#da3730;}
.u_0 h3, .u_0 h4 {color:#193356;}

#actualite-view .u_0 h2{border-left:2px solid #da3730 !important;}
.u_0 .separator-1, .u_0 .separator-2 {background-color:#193356;}
.u_0 .color {color:#da3730;}
.u_0 .border-color {border-color:#da3730;}
.u_0 .bg-color {background-color:#da3730;}
.u_0 .aside-title:after {background:#da3730;}
.u_0 a:hover {color:#da3730;}
.u_0 .btn:hover {border:1px solid #da3730 !important;background:#da3730;color:#fff;}
.u_0 .step-box:hover .number {background:#da3730;color:#fff}
.u_0 .feature-box-10 .number{font-size:1.5em;}
.u_0 .feature-box-10:hover .number{background:#da3730;color:#fff;}

.u_1 .top-header-area{border-top:2px solid #da3730;}
.u_1 .top-header-area a.active{color:#da3730;}
.u_1 header #menu_univers a.active{color:#da3730;border-bottom:1px #da3730 solid;}
.u_1 h1, .u_1 h3, .u_1 h4 {color:#da3730;}
#actualite-view .u_1 h2{border-left:2px solid #da3730 !important;}
.u_1 .separator-1, .u_1 .separator-2 {background-color:#da3730;}
.u_1 .color {color:#da3730;}
.u_1 .border-color {border-color:#da3730;}
.u_1 .bg-color {background-color:#da3730;}
.u_1 .aside-title:after {background:#da3730;}
.u_1 a:hover {color:#da3730;}
.u_1 .btn:hover {border:1px solid #da3730 !important;background:#da3730;color:#fff;}
.u_1 .step-box:hover .number {background:#da3730;color:#fff}

.u_2 .top-header-area{border-top:2px solid #006ab3;}
.u_2 .top-header-area a.active{color:#006ab3;}
.u_2 header #menu_univers a.active{color:#006ab3;border-bottom:1px #006ab3 solid;}	
.u_2 h1, .u_2 h3, .u_2 h4 {color:#006ab3;}
#actualite-view .u_2 h2{border-left:2px solid #006ab3 !important;}
.u_2 .separator-1, .u_2 .separator-2 {background-color:#006ab3;}
.u_2 .color {color:#006ab3;}
.u_2 .border-color {border-color:#006ab3;}
.u_2 .bg-color {background-color:#006ab3;}
.u_2 .aside-title:after {background:#006ab3;}
.u_2 a:hover {color:#006ab3;}
.u_2 .btn:hover {border:1px solid #006ab3 !important;background:#006ab3;color:#fff;}
.u_2 .step-box:hover .number {background:#006ab3;color:#fff}

.u_3 .top-header-area{border-top:2px solid #6d1f80;}
.u_3 .top-header-area a.active{color:#6d1f80;}
.u_3 header #menu_univers a.active{color:#6d1f80;border-bottom:1px #6d1f80 solid;}	
.u_3 h1, .u_3 h3, .u_3 h4 {color:#6d1f80;}
#actualite-view .u_3 h2{border-left:2px solid #6d1f80 !important;}
.u_3 .separator-1, .u_3 .separator-2 {background-color:#6d1f80;}
.u_3 .color {color:#6d1f80;}
.u_3 .border-color {border-color:#6d1f80;}
.u_3 .bg-color {background-color:#6d1f80;}
.u_3 .aside-title:after {background:#6d1f80;}
.u_3 a:hover {color:#6d1f80;}
.u_3 .btn:hover {border:1px solid #6d1f80 !important;background:#6d1f80;color:#fff;}
.u_3 .step-box:hover .number {background:#6d1f80;color:#fff}


.u_4 .top-header-area{border-top:2px solid #202e5c;}
.u_4 .top-header-area a.active{color:#202e5c;}
.u_4 header #menu_univers a.active{color:#202e5c;border-bottom:1px #202e5c solid;}
.u_4 h1, .u_4 h3, .u_4 h4 {color:#202e5c;}
#actualite-view .u_4 h2{border-left:2px solid #202e5c !important;}
.u_4 .separator-1, .u_4 .separator-2 {background-color:#202e5c;}
.u_4 .color {color:#202e5c;}
.u_4 .border-color {border-color:#202e5c;}
.u_4 .bg-color {background-color:#202e5c;}
.u_4 .bg-color-alt {background-color:#009fe3;}
.u_4 .aside-title:after {background:#202e5c;}
.u_4 a:hover {color:#202e5c;}
.u_4 .btn:hover {border:1px solid #202e5c !important;background:#202e5c;color:#fff;}
.u_4 .step-box:hover .number {background:#202e5c;color:#fff}
.u_4 .slider-home h1{color:#fff !important;}
.u_4 .focus i{color:#202e5c;}
.u_4 .focus h2{color:#202e5c;border-left:0;padding-left:0;font-size:1.2em;font-weight:500;}


.u_5 .top-header-area{border-top:2px solid #ff7900;}
.u_5 .top-header-area a.active{color:#ff7900;}
.u_5 header #menu_univers a.active{color:#ff7900;border-bottom:1px #ff7900 solid;}
.u_5 h1, .u_5 h3, .u_5 h4 {color:#ff7900;}
#actualite-view .u_5 h2{border-left:2px solid #ff7900 !important;}
.u_5 .separator-1, .u_5 .separator-2 {background-color:#ff7900;}
.u_5 .color {color:#ff7900;}
.u_5 .border-color {border-color:#ff7900;}
.u_5 .bg-color {background-color:#ff7900;}
.u_5 .bg-color-alt {background-color:#009fe3;}
.u_5 .aside-title:after {background:#ff7900;}
.u_5 a:hover {color:#ff7900;}
.u_5 .btn:hover {border:1px solid #ff7900 !important;background:#ff7900;color:#fff;}
.u_5 .step-box:hover .number {background:#ff7900;color:#fff}
.u_5 .slider-home h1{color:#fff !important;}
.u_5 .focus i{color:#ff7900;}
.u_5 .focus h2{color:#ff7900;border-left:0;padding-left:0;font-size:1.2em;font-weight:500;}

/*--------------------------------------------------------------------------------------------------------------
  Header
-------------------------------------------------------------------------------------------------------------- */

.top-header-area {background-color:#efefef;color:#868889;padding-top:12px;padding-bottom:10px;border-bottom:0px #ccc solid;}
.top-header-area .separator-line-verticle-extra-small{background-color:#868889;margin:6px;}
.top-header-area a {font-size:1.1em !important;font-weight:600;color:#868889;padding:3px 0px;border-bottom:1px #efefef solid;}
.top-header-area a:hover{color:#333;border-bottom:1px #efefef solid;}
.top-header-area a.active{color:#fff;font-weight:600;}

.nav-header-container{/*padding-top:65px;*/padding-top:17px;padding-bottom:17px;}

header #menu_univers a{font-size:1.05em;font-weight:600;}
header #menu_univers a.active{font-weight:600;padding-bottom:5px;}
header nav.bootsnav .megamenu-content {padding:25px !important;}
header nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-transform:none;font-size:1em;}

header nav.bootsnav .simple-dropdown .dropdown-menu {min-width:400px;}


/*--------------------------------------------------------------------------------------------------------------
  Contain
-------------------------------------------------------------------------------------------------------------- */

.page-title-small h1 {
    font-size:2em;
	font-weight: 600;;
    line-height: 26px;
}

/*--------------------------------------------------------------------------------------------------------------
  Template
-------------------------------------------------------------------------------------------------------------- */

.image-hover-style-1 {background:transparent;}
.image-hover-style-1:hover img{opacity:0.5; transform:none; transition:all 0.3s ease 0s;}

.text-medium {font-size:14px; line-height:18px}

aside{padding:0 !important;}
aside .list-style-6{text-transform:none;font-family:'Montserrat',Arial,Helvetica,sans-serif;}
aside .list-style-6 li{padding-top:10px;padding-bottom:15px;font-size:0.9em;}
aside a{font-weight:500;}
aside a.active{font-weight:600;}


/*--------------------------------------------------------------------------------------------------------------
  Slider
-------------------------------------------------------------------------------------------------------------- */

.slider-home{height:700px;}
.slider-home h1{font-size:4.5em;line-height:1.1em;}

/*----- Inférieur à 768 px ----- */
@media screen and (max-width:768px) {
.slider-home h1{font-size:3.5em;line-height:1.1em;}	
}

/*----- Inférieur à 640 px ----- */
@media screen and (max-width:640px) {
.slider-home h1{font-size:3em;line-height:1.1em;}	
}

/*----- Inférieur à 320 px ----- */
@media screen and (max-width:640px) {
.slider-home h1{font-size:2.5em;line-height:1.1em;}	
}

/*--------------------------------------------------------------------------------------------------------------
  Fiche produit
-------------------------------------------------------------------------------------------------------------- */

.tab-style2 .tab-content{padding:0; border-top:1px solid #e5e5e5; }


/*--------------------------------------------------------------------------------------------------------------
  Adaptations
-------------------------------------------------------------------------------------------------------------- */

.list h2{border-left:0;padding-left:0;}
.list h2 a{line-height:1.5em;}
.list h3{border-left:0;padding-left:0;}

/* -------------------------------------------------------------------------------------------------------------
 * Vidéos */
/*-------------------------------------------------------------------------------------------------------------- */

.video-container 
{
  	position:relative;
  	padding-bottom:56.25%;
  	padding-top:30px;
  	height:0;
  	overflow:hidden; 
  	margin-bottom:30px;
}

.video-container iframe,
.video-container object,
.video-container embed 
{
  	position:absolute;
  	top:0;
  	left:0;
  	width:100%;
  	height:100%; 
}


/* -------------------------------------------------------------------------------------------------------------
 * Spécifique */
/*-------------------------------------------------------------------------------------------------------------- */

#external_linkedin_posts iframe {border:1px solid #868889;width:100%;height:450px;margin-bottom:30px;}

/*--------------------------------------------------------------------------------------------------------------
  Footer
-------------------------------------------------------------------------------------------------------------- */

footer{padding-top:15px;padding-bottom:15px;background:#f1f1f1;font-family: 'Montserrat', sans-serif;}
footer a{font-family: 'Montserrat', sans-serif;font-size:1em;color:#555555;font-weight:400;}
footer a:hover{background-color:transparent !important;}
footer a.active{font-weight:700;}