/********************************/
/******* STYLES GLOBAUX ********/
/******************************/
html {-webkit-text-size-adjust: none; -ms-text-size-adjust:none;}
body {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 13px; line-height: 1.3333333; color: #595858;}
::-webkit-input-placeholder {font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #b5b5b5 !important; font-size: 18px; position: relative; top: -2px;}
:-moz-placeholder {/* Firefox 18- */font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #b5b5b5 !important; font-size: 18px; position: relative; top: -2px;}
::-moz-placeholder {/* Firefox 19+ */font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #b5b5b5 !important; font-size: 18px; position: relative; top: -2px;}
:-ms-input-placeholder {font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #b5b5b5 !important; font-size: 18px; position: relative; top: -2px;}

html {overflow-x: hidden;}
body {overflow-x: hidden;}

/********************************/
/****** STYLES GENERIQUES ******/
/******************************/

#page {}
sup {vertical-align: super; font-size: smaller;}
.is-hidden {display: none ;}
.is-visible {display: block;}

.clear {clear: both;}

/* GLOBAL TITLE */
h1,
.title-h1,
h2,
.title-h2,
h3,
.title-h3,
.title-xl {display: inline-block; width: 100%; vertical-align: middle; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif;}

h1,
.title-h1,
.main-content .title-h1 {font-size: 28px; color: #96C124; text-transform: uppercase; line-height: 32px; padding-top: 10px; padding-bottom: 18px; width: calc(100% - 57px);}
h2,
.title-h2 {font-size: 26px; color: #e5007e; padding-bottom: 10px; line-height: 30px; padding-top: 10px; }
h3,
.title-h3 {font-size: 25px; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #595858; padding-top: 30px; padding-bottom: 8px;}
h4,
.title-h4 {font-size: 20px; line-height: 22px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; color: #e5007e;}
h5,
.title-h5 {font-size: 21px; line-height: 1.2; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #FFF; padding-top: 10px; padding-bottom: 8px;}

.title-xl,
.bg-full-img .container .title-xl,
.main-content p.title-xl {font-size: 40px; line-height: 40px; color: #e5007e; text-transform: uppercase; margin-top: 60px;}
.title-xl,
.main-content p.title-xl {margin-top: 0; padding-top: 0;}

.title-m {font-size: 18px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; color: #e5007e; text-transform: uppercase; padding-bottom: 18px;}

h1 em,
.title-h1 em {display: block; font-size: 30px; font-style: normal;}
h1.solo-h1,
.title-h1.solo-h1 {padding-bottom: 0;}

.main-content .no-margin,
.main-content .no-margin .row > div {margin: 0; padding: 0;}

.text-big {font-family: titillium_weblight; font-size: 18px !important;}

/* GLOBAL FORM */
label,
.label-alt,
.label-radio {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 18px; color: #151515; font-weight: normal;}
label.kbis {display: block;}

.panel {margin-top: 20px;}

.radio-inline, 
.checkbox-inline,
.radio-inline + .radio-inline, 
.checkbox-inline + .checkbox-inline {font-size: 21px;}

input[type="radio"], 
input[type="checkbox"] {margin: 10px 0 0;}
input[type="file"] {padding: 8px 12px; display: inline-block; color: #ffffff; background-color: #96c124; border-radius: 3px;}

.form-control {height: 48px; border: 4px solid #FFF; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 16px;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
        box-shadow: none;
-webkit-border-radius: 0;
    -moz-border-radius: 0;
        border-radius: 0;}

.has-success .form-control {border-color: #D7E8C1;}
.has-error .form-control {border-color: #f7dddd;}

.label-radio + .form-left, 
.label-radio + .form-left + .form-right {width: 170px;}

.form-left,
.form-right {display: inline-block;}

.radio-inline {width: auto; font-size: 21px;}
.checkbox-inline {color: #595858; margin-bottom: 16px; padding-left: 26px; display: block;}
.styledRadio, 
.styledCheckbox {float: left; margin-top: 5px;}
.styledCheckbox {width: 15px; height: 15px; margin-top: 5px; padding: 0; margin: 0; border: 1px solid #acacac; border-radius: 2px;}

.help-block {display: inline-block; font-size: 15px; font-style: italic; color: #96c124;}
.requiered-field,
.end-notice {display: block; padding: 15px 0 40px; font-style: italic;}
.end-notice a {color: #96C124;}
.end-notice a:hover {text-decoration: underline;}

.w10 {width: 10%;}
.w20 {width: 20%;}
.w80 {width: 80%;}
.w90 {width: 90%;}

.bg-full-grey .title-h2 {color: #96C124}

.main-content p {font-size: 16px; line-height: 1.3; padding-bottom: 5px;}
.main-content p.intro {padding-bottom: 30px;}
.main-content p.intro strong {font-weight: normal; font-size: 21px; line-height: 1.3; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #595858;}
h1 + p.intro,
.title-h1 + p.intro {margin-top: -20px;}
.main-content p strong {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-weight: bold; font-size: 98%;}
.main-content p a, .editorial a, .intro a, .images-avec-debordement a {color: #8EC845;}
.main-content p small {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; color: #7f7f7f; font-size: 14px;}
.main-content ul:not(.list-unstyled):not(.validation-docs):not(.slick-dots):not(.list-check):not(.video-list):not(.large-button-list) > li,
.main-content .list-primary-color li,
.main-content .list-white-color li,
.main-content .list-blue-color li {list-style-type: none; background: url(../images/icone-liste-principale.png) 0 6px no-repeat; padding-left: 16px; font-size: 16px; margin-left: 30px; padding-bottom: 10px;}
.main-content .list-white-color li {background: url(../images/icone-liste-blanc.png) 0 6px no-repeat;}
.main-content .bg-full-grey div.hidden-xs-12 li,
.main-content .bg-full-grey ul:not(.list-unstyled):not(.validation-docs):not(.slick-dots):not(.list-check):not(.video-list)>li,
.main-content .list-blue-color li {background: url(../images/icone-liste-vert.png) 0 6px no-repeat;}

.main-content .list-check li {list-style-type: none;}
.main-content .list-check li:before {content: ""; background: #FFF url(../images/icone-coche.png) 50% no-repeat; display: inline-block; width: 32px; height: 32px; border: 4px solid #F0EEEF; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; float: left; clear: both;
-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
        border-radius: 20px;}

.main-content ul.large-button-list > li {
    display: block;
    background-color: #F6F6F6;
    padding: 20px 50px;
    border: 1px solid #AAA;
    margin: 5px 0 20px 0;
    font-size: 30px;
    cursor: pointer;
}
.main-content ul.large-button-list > li:last-child {
    margin-bottom: 35px;
}
.main-content ul.large-button-list > li:hover {
    background-color: #E0E0E0;
}
.main-content ul.large-button-list > li > a, .main-content ul.large-button-list > li > a:hover {
    color: #e5007e;
    text-decoration: none;    
}

.logo {padding: 15px 0 0 10px; display: block;}

.header .icon-back-container {margin-top: 20px;}
.header .icon-back-container .icon {margin-right: 10px; top: 0;}
.header .icon-back-container span {position: relative; top: 2px; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; color: #969696; font-size: 16px;}
.icon-back-container {margin-right: 20px; margin-bottom: 20px; top: -7px; position: relative;}

.header { border-bottom: 10px solid #ebeaea; }

/* Start Test nav */

#nav, #nav ul, #nav li, #nav a {
    z-index: 999;
    background-color: white;
    text-align: left;
}

#nav {
    display: inline-block;
}

#nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav ul li {
  display: block;
  position: relative;
  float: left;
}

#nav li ul { display: none; }

#nav ul li a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  white-space: nowrap;
}

#nav ul ul > li:not(:first-child) > a {
  border-top: 1px solid #eee;
}

#nav li.nav-with-right-children > a {
  padding-right: 35px;
  position: relative;
}

#nav li.nav-with-right-children > a:after {
    content: '►';
    position: absolute;
    right: 10px;
    color: #777;
}

#nav li.nav-with-right-children.nav-section1 > a:after, #nav li.nav-with-right-children.nav-section2 > a:after {
    color: white;
}

#nav li:hover > a,
#nav li.nav-section-main:hover > a { color: #8ec845; }

#nav li.nav-section1.nav-section-main > a, #nav li.nav-section2.nav-section-main > a { color: white; }

#nav li.nav-section1.nav-section-main > a { background-color: #94C119; color: white;}  
#nav li.nav-section1.nav-section-main:hover > a { background-color: #A9D435; color: white; }

#nav li.nav-section1.nav-section-child > a { background-color: #84ac16; color: white;}  
#nav li.nav-section1.nav-section-child:hover > a { background-color: #A9D435; color: white; }

#nav li.nav-section2.nav-section-main > a { background-color: #E6007F; color: white; }
#nav li.nav-section2.nav-section-main:hover > a { background-color: #F048A5; color: white; }

#nav li.nav-section2.nav-section-child > a { background-color: #cc0070; color: white; }
#nav li.nav-section2.nav-section-child:hover > a { background-color: #f692c9; color: white; }

#nav li.nav-section-main a { font-weight: bold; color: #505050;}

#nav li:hover > ul {
  display: block;
  position: absolute;
}
 
#nav li:hover li { float: none; }

#nav .main-navigation li ul li { border-top: 0; }

#nav ul ul ul {
  left: 100%;
  top: 0;
}

#nav ul:before,
#nav ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

#nav ul:after { clear: both; }

#nav ul.main-navigation {margin-top: 20px; padding-bottom: 0;}
#nav ul.main-navigation > li:after {content: ""; margin-left: 8px; margin-right: 8px; height: 20px; width: 1px; display: inline-block; vertical-align: top; background-color: #000;}
#nav ul.main-navigation > li:last-child:after {display: none;}
#nav ul.main-navigation > li > a {display: inline-block; font-size: 15px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; text-transform: uppercase; padding: 0 0 10px 0;}
#nav ul.main-navigation > li:hover > a {color: #8ec845; border-top: 2px solid #8EC845; text-decoration: none; position: relative; }
#nav ul.main-navigation ul { border: 1px solid #DDD; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

/* End Test nav */

/* Start current nav 
.main-nav {margin-top: 20px; padding-bottom: 0;}
.main-nav ul {margin-bottom: 0px;}
.main-nav li:after {content: ""; margin-left: 10px; margin-right: -2px; height: 20px; width: 1px; display: inline-block; vertical-align: top; background-color: #000;}
.main-nav li:last-child:after {display: none;}
.main-nav li a {font-size: 15px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; text-transform: uppercase; padding: 0 0 10px 0;}
.main-nav li a:hover,
.main-nav li a.active {color: #8ec845; border-top: 2px solid #8EC845; text-decoration: none; position: relative; }
.main-nav li a.active:after {content: ""; display: block; position: absolute; bottom: -3px; left: 0; left: 50%; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #ebeaea transparent;}
*/

.bg-subnav {border-top: 10px solid #ebeaea;}

.container-block-secure {position: relative;}
.container-block-secure .user-menu {display: none; position: absolute; z-index: 100; padding-top: 10px; background-color: #EBEAEA; right: 0; border: 2px solid #FFF; border-top: none; width: 130%;}
.hidden-xs .container-block-secure .block-secure {float: none;}
.container-block-secure:hover .user-menu {display: block;} 
.container-block-secure .user-menu:before {content: ""; display: block; position: absolute; top: -9px; left: 0; left: auto; right: 55px; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #ebeaea transparent;}
.container-block-secure .user-menu li a {font-size: 14px; padding: 8px 0 8px 30px; display: block;}
.container-block-secure .user-connected {color: #878686;}

.block-secure {padding: 12px 10px 10px 0; font-size: 14px; text-transform: uppercase; color: #E5007E; display: block; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif;}
.block-secure p {text-align: right; /*padding-right: 10px;*/ padding-right: 2px; width: 100px; display: inline-block; vertical-align: middle;}
.block-secure:hover,
.block-secure:focus {text-decoration: none;}
/*.block-secure p,
.block-secure .icon {float: left;}*/

.main-subnav {padding-top: 14px; padding-bottom: 16px;}
.main-subnav ul {margin-bottom: 0;}
.main-subnav li {padding-right: 10px; padding-left: 10px;}
.main-subnav a {color: #878686; font-size: 18px;}
.main-subnav a.active,
.main-subnav a:hover {color: #8EC845; text-decoration: none;}

/* menu deroulant souscrire en ligne */
li#souscrire ul {display: none; background: white; position: absolute; z-index: 100; list-style: none; padding: 5px; text-align: left;}
li#souscrire:hover ul{display: block;}

.breadcrumb li {padding-right: 0;}
.breadcrumb li,
.breadcrumb li a {color: #7F7F7F;}
.breadcrumb li:after {content: ">"; padding-left: 5px;}
.breadcrumb li a {text-decoration: underline;}
.breadcrumb li:last-child:after {display: none;}

.breadcrumb li br {display: none;}

.bg-full-grey {background-color: #F6F6F6;}
.bg-full-dark-grey {background: #c5c5c5;}
.bg-full-white,
.bg-full-grey,
.bg-full-dark-grey {padding: 12px 50px 50px;}

/*  Fix for templates with too much imbrications */
.container > .bg-full-white,
.container > .bg-full-grey,
.container > .bg-full-dark-grey,
.container > .bg-full-white > .container,
.container > .bg-full-grey > .container,
.container > .bg-full-dark-grey > .container {padding: 0px;}

.bg-full-size {padding: 50px;}

.prefooter .bg-full-white,
.prefooter .bg-full-grey,
.prefooter .bg-full-dark-grey {padding: 0;}

#popupCnil {
    display: none;
    position: fixed;
    bottom: 0%;
    width: 100%;
    z-index: 999999;
    opacity: 0.9;
    padding: 10px;
    background-color: #454545;  
    color: #DDD;
    font-weight: bold;
}
#setupCookies,#infoCookies {
    color: #94c119;
}
#closePopupCnil {
    background-color: #e6007f;
    color: white;
    padding: 5px;
    float: right;  
    margin-left: 20px;  
}
#closePopupCnil:hover {
    text-decoration: none;    
}

#rgpd-cookies-modal .modal-body {
    background-color: #f6f6f6;
    padding: 0px 10px 10px 25px;
}
#rgpd-cookies-modal .cookies-buttons {
    float: right;
    width: 30%;
    padding: 40px 5px 10px 5px;
    margin-left: 5px;
    min-height: 100px;
    text-align: center;
}
#rgpd-cookies-modal .cookies-buttons .radio-inline {
    font-size: 18px;
    margin-left: 0px;
}
#rgpd-cookies-modal h6 {
    font-weight: bold;
    padding-top: 20px;
}
#rgpd-cookies-modal .buttons {
    margin-top: 20px;    
}
#validate-setup-cookies {
    float: right;
    margin-right: 15px;
    margin-bottom: 10px;
}

img.logo-reseau-sociaux {
    width: 25px;
    margin-right: 6px;
}

.main-content .remote-container + .bg-full-grey,
.main-content .remote-container + .bg-full-white:first-child {padding-top: 20px;}

.bg-full-img {position: relative; margin-bottom: 30px;}
.main-content > div:last-child {margin-bottom: 0;}
.bg-full-img .container {position: absolute; left: 0; right: 0; z-index: 10;}
.bg-full-img .container p,
.bg-full-img .container li {color: #FFF;}
.bg-full-img .container img {margin-top: 15px;}

.bg-full-img .title-h1,
.bg-full-img .breadcrumb a {color: #FFF;}

.bg-full-img .titre-noir .title-h1,
.bg-full-img .titre-noir .breadcrumb a {color: #000;}
.bg-full-img .container.titre-noir p,
.bg-full-img .container.titre-noir li {color: #000;}
.bg-full-img .titre-noir .subtitle-h3 {color: #000;}

.bg-full-img .breadcrumb {margin-top: 20px;}

.bg-full-height {max-height: 100% !important; /*background-color: #333;*/}

.margin-t70 {margin-top: 70px;}

.nav-bottom-col {margin-top: 80px; border-left: 1px solid #000; padding-left: 30px;}
.nav-bottom-col li {padding-bottom: 12px;}
.nav-bottom-col li:last-child {padding-bottom: 0;}
.nav-bottom-col li li {padding-bottom: 8px;}
.nav-bottom-col a {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 16px; color: #242424; text-transform: uppercase;}
.nav-bottom-col a strong {font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; font-weight: normal;}
.nav-bottom-col ul ul {padding-top: 8px;}
.nav-bottom-col ul ul a {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 16px; color: #595959; text-transform: none;}

.phone-block span {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 16px; color: #242424; display: block; line-height: 1.2;}
.phone-block span.highlight {color: #8ec845;}
.phone-block span.phone {font-size: 24px;}

.link-logo {display: block; padding: 50px 0;}
.link-logo:hover {background-color: #A8A6A6;}
.link-logo img {margin: 0 auto;}

.mentions-line {margin-top: 60px; text-align: center; margin-bottom: 20px;}
.mentions-line li:after {content: ""; border-right: 1px solid #242424; padding-left: 10px; height: 12px; display: inline-block; position: relative; top: 2px;}
.mentions-line li:last-child:after {border-right: none;}
.mentions-line a {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 14px;}

.remote-container,
.backtop-container {position: fixed; right: -20px; top: 33%; z-index: 100;}
.backtop-container {display: none; top: auto; bottom: 10%;}
.remote-container li {margin-bottom: 6px;}
.remote-container a,
.backtop-container a {display: block; border: 8px solid #f0eeef; width: 75px; height: 75px; background-color: #FFF;
  -webkit-border-radius: 43px;
        border-radius: 43px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
  }
.remote-container a:hover,
.backtop-container a:hover {display: block; border: 8px solid #f0eeef; background-color: #8ec845;}
.remote-container div,
.backtop-container div {height: 58px; line-height: 58px; text-align: center;}


/* GAB1 HOME */

/* Couleurs des branches sur GAB1 et GAB15*/
.home .block-branches.branche-animation h2, .home .block-new .branche-animation .title-h2, .home .block-new .branche-animation .big-link {color: #3396b1;}
.home .block-new .branche-animation .big-link span:not(.icon) {border-bottom: 1px solid #3396b1;}
.bg-full-grey .branche-animation .block-new h2 {color: #3396b1;}
.branche-animation .block-new .new-feature {background-color: #3396b1;}

.home .block-branches.branche-maintenance h2, .home .block-new .branche-maintenance .title-h2, .home .block-new .branche-maintenance .big-link {color: #9c8f75;}
.home .block-new .branche-maintenance .big-link span:not(.icon) {border-bottom: 1px solid #9c8f75;}
.bg-full-grey .branche-maintenance .block-new h2 {color: #9c8f75;}
.branche-maintenance .block-new .new-feature {background-color: #9c8f75;}
.btn-blue:hover {background-color: #2e2a23;}

.home .block-branches.branche-sport h2, .home .block-new .branche-sport .title-h2, .home .block-new .branche-sport .big-link {color: #f04e30;}
.home .block-new .branche-sport .big-link span:not(.icon) {border-bottom: 1px solid #f04e30;}
.bg-full-grey .branche-sport .block-new h2 {color: #f04e30;}
.branche-sport .block-new .new-feature {background-color: #f04e30;}

.home .block-branches.branche-rouge h2, .home .block-new .branche-rouge .title-h2, .home .block-new .branche-rouge .big-link {color: #e5231b;}
.home .block-new .branche-rouge .big-link span:not(.icon) {border-bottom: 1px solid #e5231b;}
.bg-full-grey .branche-rouge .block-new h2 {color: #e5231b;}
.branche-rouge .block-new .new-feature {background-color: #e5231b;}

.home .block-branches.branche-ubh h2, .home .block-new .branche-ubh .title-h2, .home .block-new .branche-ubh .big-link {color: #dd007b;}
.home .block-new .branche-ubh .big-link span:not(.icon) {border-bottom: 1px solid #dd007b;}
.bg-full-grey .branche-ubh .block-new h2 {color: #dd007b;}
.branche-ubh .block-new .new-feature {background-color: #dd007b;}

.home .editorial, .home .editorial p { font-size: 16px; }
    
/*****************/

.slick-slide .img-container {display: block; max-height: 400px; overflow: hidden; width: 120%; margin-left: -10%; 
    -webkit-border-bottom-right-radius: 50% 25%;
    border-bottom-right-radius: 50% 25%;
    -webkit-border-bottom-left-radius: 50% 25%;
    border-bottom-left-radius: 50% 25%;
      }
.slick-slide .img-container a {display: block;}
.slick-slide .img-container img {display: block; margin: -75px auto 0 auto; width: 100%;}

.slider .title {color: #FFF; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 30px; position: absolute; bottom: 00px; text-transform: uppercase; text-align: center;}
.slider .title strong {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-weight: normal;}

.block-push-slider { position: relative; padding: 16px 40px;  background-color: rgba(128,128,128,.5);  display: block; color: #FFF; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-size: 23px; overflow: hidden; bottom: -20px;}

/*
.block-push-slider:before {width: 115%; height: 100%; background-color: rgba(255,255,255,.3); top: 0; position: absolute; bottom: 0; z-index: 1; left: 0; display: block;
  -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 2.2, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
   -moz-transform: matrix3d(0.8, 0, 0, 0, 0, 2.2, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
    -ms-transform: matrix3d(0.8, 0, 0, 0, 0, 2.2, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
     -o-transform: matrix3d(0.8, 0, 0, 0, 0, 2.2, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.8, 0, 0, 0, 0, 2.2, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1); 
  -webkit-transform-origin: 0;
      -moz-transform-origin: 0;
       -ms-transform-origin: 0;
        -o-transform-origin: 0;
           transform-origin: 0; }
.block-push-slider span {position: relative; z-index: 1;}
.block-push-slider.slider-begin {margin-right: -30px;}
.block-push-slider.slider-middle {margin-left: -24px; margin-right: -15px;}
.block-push-slider.slider-end {margin-left: -33px;}

.block-push-slider.slider-middle:before {
-webkit-transform: matrix3d(0.79, 0, 0, 0, 0.55, 3.1, 0, -0.000146, 0, 0, 1, 0, 0, -70, 0, 1);
   -moz-transform: matrix3d(0.79, 0, 0, 0, 0.55, 3.1, 0, -0.000146, 0, 0, 1, 0, 0, -70, 0, 1);
    -ms-transform: matrix3d(0.79, 0, 0, 0, 0.55, 3.1, 0, -0.000146, 0, 0, 1, 0, 0, -70, 0, 1);
     -o-transform: matrix3d(0.79, 0, 0, 0, 0.55, 3.1, 0, -0.000146, 0, 0, 1, 0, 0, -70, 0, 1);
        transform: matrix3d(0.79, 0, 0, 0, 0.55, 3.1, 0, -0.000146, 0, 0, 1, 0, 0, -70, 0, 1);}
*/        
/* .block-push-slider.slider-end:before {transform: matrix3d(.9, 0, 0, 0, 0.8, 3.812, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);} */
/*
.block-push-slider.slider-end:before {
  -webkit-transform: matrix3d(.9, 0, 0, 0, 0.8, 4.1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);
     -moz-transform: matrix3d(.9, 0, 0, 0, 0.8, 4.1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);
      -ms-transform: matrix3d(.9, 0, 0, 0, 0.8, 4.1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);
       -o-transform: matrix3d(.9, 0, 0, 0, 0.8, 4.1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);
          transform: matrix3d(.9, 0, 0, 0, 0.8, 4.1, 0, 0, 0, 0, 1, 0, 0, -70, 0, 1);
}
*/

.home .block-new {background-color: rgba(255, 255, 255,.6); border-bottom: none; padding-bottom: 50px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.25);
    box-shadow: inset 0 0 6px rgba(0,0,0,.25);
}

.home .block-new .title-h2 {color: #3396b1; padding: 160px 0 10px 0; font-size: 50px; line-height: 1.15; text-transform: uppercase; text-align: right;}
.home .block-new .text-right {color: #3396B1; font-size: 23px; line-height: 1.15; padding-left: 30px; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif;}
.home .block-new img {width: auto; height: auto; float: none; margin: 30px auto; text-align: center;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.home .block-new .big-link {position: relative; margin-left: 40px; padding-right: 100px; font-size: 40px; color: #3396B1; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; text-transform: uppercase;}
.home .block-new .big-link:hover {text-decoration: none;}
.home .block-new .big-link span:not(.icon) {border-bottom: 1px solid #3396B1;}
.home .block-new .slick-dots li.slick-active button {background: #7d7b7b; border: 2px solid #7d7b7b; width: 15px; height: 15px;}
.home .slider-branch .slick-dots li {width: 18px; height: 18px; text-align: center;}
.home .slider-branch .slick-dots li button {border: 1px solid #7d7b7b; width: 15px; height: 15px;}
.home .slider-branch .slick-dots li.slick-active button,
.home .slider-branch .slick-dots li button:hover {border: 2px solid #7d7b7b; width: 15px; height: 15px; text-align: center;}
.slider-news .slick-dots {left: 0; top: 9vw; width: 50%; text-align: right;}

.home .block-new .bg-illus-branch {background: url(../images/icone-offre.png) left 40px bottom 5px no-repeat; padding-bottom: 65px;}

.slider-news.slick-slider { background: #ffffff;}
.slider-news .slider-news-container + img {display: block; position: absolute; top: -55px; z-index: 1; min-height: 100%; height: 420px; max-width: inherit; min-width: 100%;opacity: 0.3;}
.slider-news .hashtag-filter {background-color: #8EC845; padding: 0 6px; color: #FFF; display: inline-block; text-transform: uppercase;}
.slider-news .title-h1,
.slider-news .title-h1 a {color: #000; font-size: 22px; line-height: 1.2; text-transform: none; padding: 10px 0; width: auto; display: block;}
.slider-news .title-h1 a:hover {text-decoration: none;}
.slider-news .slider-news-content {position: relative; overflow: hidden;}
.slider-news .slider-news-container {position: relative; padding: 25px 25px 45px; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; padding-bottom: 130px;}

.slider-news .slick-dots {right: 10px; left: auto; top: 25px; width: 50%; text-align: right;}
.slider-news .slick-dots li.slick-active button {background: #93C01F; border: 2px solid #93C01F;}
.slider-news .slick-dots li.slick-active button,
.slider-news .slick-dots li button:hover {border: 2px solid #93C01F;}
.slider-news .slick-dots li button {border: 1px solid #93C01F;}

.home .block-daily {margin: 40px 0 70px;}
.home .block-daily .title-h1 {color: #000; text-align: center; width: 100%;}

.home .bg-full-height,
.bg-full-height {margin-bottom: 0;}
.home .bg-tree-bottom .container:before,
.bg-tree-bottom .container:before {content: url(../images/bg-arbre-home.png); position: absolute; z-index: 0; bottom: -6px; left: 50%; margin-left: -980px;}
.home .bg-tree-bottom,
.home .main-content > div.bg-tree-bottom {position: relative; top: -100px; margin-bottom: -160px; z-index: 1;}
.main-content > div.bg-tree-bottom {top: 0; padding: 0; margin: 0;}
.home .bg-tree-bottom > .container-fluid,
.bg-tree-bottom > .container-fluid {padding-top: 135px; padding-bottom: 40px; display: block; overflow: hidden; width: 120%; margin-left: -10%; border-top-right-radius: 50% 25%; border-top-left-radius: 50% 25%; background: white; position: relative; z-index: 1;}
.bg-tree-bottom > .container-fluid {border-top-right-radius: 0; border-top-left-radius: 0; padding-top: 0; padding-bottom: 80px;}
.home .bg-tree { top: 0px; }

.block-key-figures p {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 53px; line-height: 1; color: #303030; text-align: center;}
.block-key-figures p em {font-size: 30px; font-style: normal;}
.block-key-figures p strong {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-weight: normal; display: block; font-size: 24px; color: #e5007e;}
.main-content .block-key-figures-baseline p {width: 100%;}
.main-content .block-key-figures-baseline p.title-h1 {color: #E5007E; margin-top: 80px; text-align: center; font-size: 30px; padding-bottom: 12px; line-height: 1; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif;}
.main-content .block-key-figures-baseline p.title-h2 {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 22px; line-height: 1; color: #3D3D3D; padding-top: 0; padding-bottom: 30px; text-align: center;}


/* GAB2 LISTE */
.main-content {position: relative; overflow: hidden;}
.extranet .main-content {overflow: visible;}
.main-content.bg-tree:before,
.bg-tree:before {content: url(../images/bg-arbre-site.png); position: absolute; top: -15%; left: 50%; margin-left: -750px; z-index: 0;}
.main-content.bg-tree {position: relative; top: 0;}
.bg-tree {position: relative; top: -60px;}
.bg-tree:before {z-index: -1;}
.bg-tree > .container {padding-top: 50px;}

.block-offers-branch {position: relative; background-color: #FFF; text-align: center; margin-top: 20px;}
/*#widget-branche div:nth-child(-n+2) .block-offers-branch-img {margin-top: 0;}*/
.block-offers-branch-img {text-align: left; overflow: hidden;}
.block-offers-branch-img > img {width: auto; max-width: none;}
.block-offers-branch .block-container {padding: 25px 25px 45px;}
.block-offers-branch .title-h2 {color: #8EC845; text-align: left; padding-top: 20px;}
.block-offers-branch p {color: #595858; text-align: left;}

.block-offers-branch-img .block-container {position: absolute; padding: 25px 25px 45px; top: 0; bottom: 0; left: 0; right: 0;}
.block-offers-branch-img .block-content {position: absolute; width: 60%; bottom: 20px;}
.block-offers-branch-img .title-h2 {padding-bottom: 6px;}
.block-offers-branch-img .title-h2,
.block-offers-branch-img p,
.block-offers-branch-img .btn-wired {color: #FFF; text-shadow: 0px 0px 4px #000; }

.block-offers-branch-img .btn-wired { box-shadow: 0px 0px 3px rgba(0, 0,0, 0.6); }

.widget-branche-ccn .block-offers-branch-img .title-h2 { font-size: 34px; }

.block-search-branch {text-align: right; padding-top: 120px;}
.block-search-branch li {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 22px; color: #E5007E; padding-bottom: 13px; text-align: left; }
.block-search-branch ul.list-check {position: absolute; bottom: 20px;}

.block-search-branch-small { text-align: right; }
.block-search-branch-small .title-xl { font-size: 25px; line-height: 25px; }
.block-search-branch-small .icon-umbrella { width: 90px; height: 90px; background-size: 50px 50px; top: 0; bottom: auto; left: 90px; }
.block-search-branch-small .title-h4 { padding-top: 0px; }
.block-search-branch-small li {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 16px; color: #E5007E; padding-bottom: 13px; text-align: left; }
.block-search-branch-small .list-check li::before { width: 25px; height: 25px; background-size: 9px 9px; } 
.block-search-branch-small .border-input { margin-top: 20px; }
.block-search-branch-small .border-input input { font-size: 20px; }
.block-search-branch-small .border-input .btn { font-size: 20px; line-height: unset; padding: 12px; }


.block-search-branch-small .border-input input::-webkit-input-placeholder { font-size: 20px; }
.block-search-branch-small .border-input input:-moz-placeholder { font-size: 20px; }
.block-search-branch-small .border-input input::-moz-placeholder { font-size: 20px; }
.block-search-branch-small .border-input input:-ms-input-placeholder { font-size: 20px; }

.block-search-branch-container { background-color: rgba(255, 255, 255, 0.8); padding: 30px 0; }

.border-input .btn {display: inline-block; padding: 19px; line-height: 37px; width: 90px; text-align: center; background-color: #FFF; font-size: 38px; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif;}
.border-input {display: inline-block; width: 100%; padding: 10px; background-color: rgba(0,0,0,.1); margin-top: 100px; margin-bottom: 10px;}
.border-input input {padding: 12px; width: calc(100% - 90px); border: none; font-size: 38px; font-style: italic; font-family: titillium_webthin, "Helvetica Neue", arial, sans-serif;}
.border-input input::-webkit-input-placeholder {color: #cdcdcd; font-size: 38px; font-style: italic; font-family: titillium_webthin, "Helvetica Neue", arial, sans-serif;}
.border-input input:-moz-placeholder {/* Firefox 18- */color: #cdcdcd; font-size: 38px; font-style: italic; font-family: titillium_webthin, "Helvetica Neue", arial, sans-serif;}
.border-input input::-moz-placeholder {/* Firefox 19+ */color: #cdcdcd; font-size: 38px; font-style: italic; font-family: titillium_webthin, "Helvetica Neue", arial, sans-serif;}
.border-input input:-ms-input-placeholder {color: #cdcdcd; font-size: 38px; font-style: italic; font-family: titillium_webthin, "Helvetica Neue", arial, sans-serif;}

/* Search code APE */
#formSearchCodeAPE ul {margin: 4px 0 0; background: #fff;}
#formSearchCodeAPE ul li:last-child {padding-bottom: 0;}
#formSearchCodeAPE ul li a {display: block; padding: 5px 10px;}
#formSearchCodeAPE ul li a:hover {background: #F6F6F6;}


/* GAB3 */
/* Couleurs des branches */
.branche-animation .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-bleu.png) 0 6px no-repeat !important;}

.branche-maintenance .aside-blue,
.branche-maintenance .video-blue p,
.branche-maintenance .push-blue,
.branche-maintenance .btn-blue {background-color: #9c8f75;}
.branche-maintenance .btn-blue:hover {background-color: #5d5546;}
.branche-maintenance .main-content .good-blue .title-xl {color: #9c8f75;}
.branche-maintenance .aside-blue li {border-top: 1px solid #5d5546;}
.branche-maintenance .video-blue p:after {border-top-color: #9c8f75;}
.branche-maintenance .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-beige.png) 0 6px no-repeat !important;}

.branche-sport .aside-blue,
.branche-sport .video-blue p,
.branche-sport .push-blue,
.branche-sport .btn-blue {background-color: #f04e30;}
.branche-sport .btn-blue:hover {background-color: #902e1c;}
.branche-sport .main-content .good-blue .title-xl {color: #f04e30;}
.branche-sport .aside-blue li {border-top: 1px solid #902e1c;}
.branche-sport .video-blue p:after {border-top-color: #f04e30;}
.branche-sport .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-orange.png) 0 6px no-repeat !important;}

.branche-rouge .aside-blue,
.branche-rouge .video-blue p,
.branche-rouge .push-blue,
.branche-rouge .btn-blue {background-color: #e5231b;}
.branche-rouge .btn-blue:hover {background-color: #b72409;}
.branche-rouge .main-content .good-blue .title-xl {color: #e5231b;}
.branche-rouge .aside-blue li {border-top: 1px solid #b72409;}
.branche-rouge .video-blue p:after {border-top-color: #e5231b;}
.branche-rouge .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-orange.png) 0 6px no-repeat !important;}

.branche-ubh .aside-blue, 
.branche-ubh .video-blue p,
.branche-ubh .push-blue,
.branche-ubh .btn-blue {background-color: #bd8ea8;}
.branche-ubh .btn-blue:hover {background-color: #840049;}
/*.branche-ubh .bg-full-img .breadcrumb a, 
.branche-ubh .bg-full-img .container li,*/
.branche-ubh .main-content .good-blue .title-xl {color: #bd8ea8;}
.branche-ubh .aside-blue li {border-top: 1px solid #840049;}
.branche-ubh .video-blue p:after {border-top-color: #bd8ea8;}
/*.branche-ubh h1.title-h1 {text-shadow: 1px 1px 2px #dd007b;}*/
.branche-ubh .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-violet.png) 0 6px no-repeat !important;}

.offre-ccn66 .aside-blue,
.offre-ccn66 .video-blue p,
.offre-ccn66 .push-blue,
.offre-ccn66 .btn-blue {background-color: #97273d;}
.offre-ccn66 .btn-blue:hover {background-color: #97273d;}
.offre-ccn66 .main-content .good-blue .title-xl {color: #97273d;}
.offre-ccn66 .aside-blue li {border-top: 1px solid #c98e90;}
.offre-ccn66 .video-blue p:after {border-top-color: #97273d;}
.offre-ccn66 .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-rouge.png) 0 6px no-repeat !important;}

.offre-ccn51 .aside-blue,
.offre-ccn51 .video-blue p,
.offre-ccn51 .push-blue,
.offre-ccn51 .btn-blue {background-color: #97273d;}
.offre-ccn51 .btn-blue:hover {background-color: #97273d;}
.offre-ccn51 .main-content .good-blue .title-xl {color: #97273d;}
.offre-ccn51 .aside-blue li {border-top: 1px solid #c98e90;}
.offre-ccn51 .video-blue p:after {border-top-color: #97273d;}
.offre-ccn51 .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-rouge.png) 0 6px no-repeat !important;}

.offre-eep .aside-blue,
.offre-eep .video-blue p,
.offre-eep .push-blue,
.offre-eep .btn-blue {background-color: #97273d;}
.offre-eep .btn-blue:hover {background-color: #97273d;}
.offre-eep .main-content .good-blue .title-xl {color: #97273d;}
.offre-eep .aside-blue li {border-top: 1px solid #c98e90;}
.offre-eep .video-blue p:after {border-top-color: #97273d;}
.offre-eep .main-content .bg-full-grey .block-good ul>li {background: url(../images/icone-liste-rouge.png) 0 6px no-repeat !important;}
/*_______________________*/

.icon-back-container-nos-offres .icon {margin-right: 10px;}
.icon-back-container-nos-offres, .icon-back-container-nos-offres .hidden-xs {color: #fff;}
.titre-noir .icon-back-container-nos-offres, .titre-noir .icon-back-container-nos-offres .hidden-xs {color: #000;}

.block-aside {padding: 15px 23px;; margin-bottom: 60px;}
.aside-blue {background-color: #3396b1;}
.main-content .block-aside p.title-xl {color: #FFF; margin-bottom: 10px;}
.block-aside li {padding-top: 18px; margin-top: 18px;}
.block-aside li, .block-aside li a {color: #FFF;}
.aside-blue li {border-top: 1px solid #71b6c9;}
.block-aside li:first-child {border-top: none; padding-top: 0; margin-top: 10px;}
.block-aside li strong {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; text-transform: uppercase; font-weight: normal; display: block;}
.block-aside .asset-list > div, .block-aside .asset-list > a > div {border: 8px solid #f0eeef; text-align: center; background-color: #FFF; min-height: 60px; line-height: 42px; min-width: 60px; display: block; float: left;
  -webkit-border-radius: 50px;
        border-radius: 50px;}
.block-aside .asset-list p {float: left; width: calc(100% - 73px); margin-left: 12px;}

.block-video p {position: relative; text-transform: uppercase; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; font-size: 13px; line-height: 15px; text-align: center; color: #FFF; padding: 10px 30px;}
.block-video p:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 14px; margin-left: -14px; z-index: 100;}
.video-blue p {background-color: #3396B1;}
.video-blue p:after {border-color: rgba(136, 183, 213, 0); border-top-color: #3396b1;}
.main-content .block-good .video-blue p {margin-bottom: 0;}
.video-pink p {background-color: #dd007b; font-size: 13px;}
.video-pink p:after {border: 8px solid transparent; margin-left: -8px; border-color: rgba(221, 0, 123, 0); border-top-color: #dd007b;}
.video-green p {background-color: #93c01f; font-size: 13px;}
.video-green p:after {border: 8px solid transparent; margin-left: -8px; border-color: rgba(147, 192, 31, 0); border-top-color: #93c01f;}

.main-content .block-good .title-xl {text-transform: none; padding-top: 20px;}
.main-content .good-blue .title-xl {color: #3396B1;}
.main-content .block-good li {margin-left: 0; padding-bottom: 0;}
.main-content .block-good p {margin-bottom: 15px;}
.main-content .block-good img {width: 70%;}
.main-content .block-good .col-md-7 img {width: 100%;}

.main-content .block-good.block-bonasavoir h3 { padding: 10px 0 0 0; }
.main-content .block-good.block-bonasavoir li { padding-bottom: 4px; }


.border {border: 8px solid #f0eeef; text-align: center; margin-right: 10px; background-color: #FFF; min-height: 60px; line-height: 42px; min-width: 60px; display: block; float: left;
    -webkit-border-radius: 50px;
    border-radius: 50px; margin-top: 20px;}
.border + .title-h2 {margin-top: 7px; float: left; width: calc(100% - 80px);}

.validation-docs {margin-top: 15px; text-align: left;}
.validation-docs + .validation-docs {margin-top: 28px;}
.validation-docs li {position: relative; list-style: none; font-family: titillium_webbold; font-size: 15px;}
.validation-docs li + li {margin-top: 16px;}
.validation-docs a, 
.validation-docs a:hover {text-decoration: none; border: none; padding-left: 30px; line-height: 1.5; transition: all .2s;}
.validation-docs a:hover {color: #E7007E;}
.validation-docs span {position: absolute; top: -3px; left: 0; width: 20px; height: 25px; background: url('../images/btn-telecharger.png') no-repeat center center; display: inline-block;}
.validation-docs + form {margin: 30px 0 35px;}

.block-push {padding: 30px 6% 80px;}
.col-md-6 .block-push {padding: 30px 15% 80px;}
.block-push .btn-wired {display: block; margin: 0 20px; padding-left: 0; padding-right: 0;}
.col-md-6 .block-push .btn-wired {margin-left: 0;}
.main-content .block-push p.title-xl {color: #FFF; padding: 10px 0 30px;}
.push-blue {background-color: #3396B1;}
.push-green {background-color: #8ec845;}
.push-grey {background-color: #9a9999;}
.block-push .form-control {border: none; background: none; width: calc(100% - 60px); display: inline-block;}
.block-push button.btn {background: none; color: #FFF; width: 60px; display: inline-block; text-align: center; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 27px;}
.block-push .form-group > div {border: 2px solid #FFF; margin-top: 4px;}
.block-push .form-control::-webkit-input-placeholder {font-style: italic; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; color:#FFFFFF !important;}
.block-push .form-control::-moz-placeholder {font-style: italic; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; color:#FFFFFF !important;}
.block-push .form-control:-ms-input-placeholder {font-style: italic;font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; color:#FFFFFF !important;}
.block-push .form-control:-moz-placeholder {font-style: italic; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; color:#FFFFFF !important;}


/* GAB4 */
.step {position: relative; width: 20%; text-align: center; margin-bottom: 30px;}
.step .step-name {padding-top: 20px; font-size: 12px; color: #FFF; display: inline-block;}
.step .step-name strong {color: #A7A7A7; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; line-height: 16px; font-size: 16px; font-weight: normal; display: block; text-align: center; }
.step.step-active .step-name strong {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-weight: normal; color: #96C124;}

.progress {height: 3px; margin-top: 9px;}

.icon-ellipse {border: 2px solid #a7a7a7; height: 20px; width: 20px; padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 15px;
}

.progress-bar {position: relative; float: left; width: 100%; height: 100%; font-size: 12px; background-color: #a7a7a7; line-height: 20px; color: #fff; left: 50%;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    transition: width .6s ease;
}
.step .icon-ellipse {position: absolute; left: 50%; top: 0px; background: #f6f6f6; z-index: 10; margin-left: -15px;}
.step .icon-ellipse span {position: relative; top: -10px; left: -4px; font-size: 16px; color: #A7A7A7; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif;}

.step-active {font-size: 16px; color: #FFF; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif;}
.step-active .icon-ellipse {background-color: #96C124; border-color: #96C124;}
.step-active .icon-ellipse span {color: #FFF;}
.step-active .progress-bar {background-color: #96C124}


/* GAB10 CARREFOUR SERVICES */
.services .top-news {padding-top: 30px;}


/* GAB11 */
.form-search-agency .form-group {margin-top: 4px;}
.form-search-agency .form-group .form-control {width: calc(100% - 46px); height: 46px; display: inline-block;}
.form-search-agency .form-group .btn {width: 46px; height: 46px; line-height: 1.2; display: inline-block;}
.form-search-agency small {display: block; padding-top: 16px;}
.map-agency {margin-top: 30px;}

.list-agency a {display: block;}
.list-agency a {transition: all 0.15s ease-in-out; padding-top: 0; padding-bottom: 20px;}
.list-agency a:hover {padding-top: 3px; padding-bottom: 17px;}
.list-agency .icon {float: left;}
.list-agency p {float: left; width: calc(100% - 40px); padding-left: 12px; padding-right: 16px; line-height: 1.2;}
.list-agency strong {color: #595858; text-transform: uppercase; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif}
.list-agency a:hover strong {color: #E5007E;}
.list-agency em {color: #E5007E; font-style: normal; display: block;}

.info-agency {background: url(../images/icone-fleche-fil-rose-d-mini.png) right 5px no-repeat;}


/* GAB12 */
.info-agency-zoom {text-align: right;}
.info-agency-zoom:first-child {margin-top: 60px;}
.info-agency-zoom + .btn {margin-top: 10px; margin-left: 20%;}
.info-agency-zoom strong {text-transform: none;}
.info-agency-zoom em {display: inline-block; color: #E5007E; font-style: normal;}


/* GAB13 */
.espace-securise h2, 
.espace-securise .title-h2 {padding: 22px 0 33px;}

.espace-securise .bg-full-img {margin-bottom: 0; max-height: 100%}
.espace-securise .bg-full-img h1, 
.espace-securise .bg-full-img .title-h1 {padding: 64px 0 54px;}
.espace-securise .bg-full-img .form-group {margin-bottom: 12px;}
.espace-securise .bg-full-img a {display: inline-block; color: #fff; width: 100%;}
.espace-securise .bg-full-img input {margin-bottom: 6px;}
.espace-securise .bg-full-img .styledCheckbox {border: 1px solid #fff;}
.espace-securise .bg-full-img .checkbox-inline {color: #fff; font-size: 13px; line-height: 13px;}
.espace-securise .bg-full-img .btn-submit {margin-top: 0;}

.block-espace {background-color: #f6f6f6; margin: 33px 0 50px !important; box-sizing: border-box;}
.block-espace h3, 
.block-espace .title-h3 {padding: 20px 0 22px;}
.block-espace ul {padding-top: 12px;}
.block-espace p:first-of-type {padding-bottom: 24px;}
.block-espace p,
.block-espace li {font-size: 15px;}
.main-content .block-espace li {font-size: 15px; padding-bottom: 15px; margin: 0;}

.block-video img {max-width: 100%; margin: 0 auto;}
.block-video a {position: relative; display: block;}
.block-video a span {position: absolute; top: 50%; left: 50%; background: url('../images/icone-play.png'); width: 62px; height: 63px; z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.block-video a:hover span {background: url('../images/icone-play-hover.png');}
.block-espace .block-video p {padding: 10px 30px; font-size: 13px;}

.question {position: relative; padding: 22px 58px 18px 0;}
.question + .question {border-top: 1px solid #e6e6e6;}
.question:hover {cursor: pointer;}
.question:hover > p {color: #8ec845}
.question:hover .see-more,
.question.open .see-more {border-color: #8ec845;}
.question.open .answer {display: block;}
.question .answer {display: none;}

.bloc-deroulant.open .contenu-deroulant {display: block;}
.bloc-deroulant .contenu-deroulant {display: none;}
.bloc-deroulant h2 { cursor: pointer };

.question .answer ul li {list-style-type: none; background: url(../images/icone-liste-bleu.png) 0 6px no-repeat; padding-left: 16px; font-size: 16px; margin-left: 20px; padding-bottom: 10px;}

/*.question .answer * {font-size: 16px;}
.question .answer ul {margin-left: 20px;}*/
.see-more {position: absolute; top: 50%; right: 0; margin: 0 10px; width: 40px; height: 40px; background-color: #fff; border: 8px solid #f0eeef; border-radius: 50%; transform: translateY(-50%); transition: all .2s;}
.see-more:before,
.see-more:after {position: absolute; content: ''; top: 11px; left: 5px; width: 14px; height: 2px; background-color: #8ec845;}
.see-more:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.question.open .see-more:after {width: 0;}
.question.open strong {color: #8EC845;}

.form-control:focus {border-color: #ACACAC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(128, 128, 128, 0.3);}


/* GAB14 HOME SALARIE*/
.home-salarie .bg-full-grey .title-h2 {padding: 22px 0 46px;}
.home-salarie .bg-full-grey .container {padding-bottom: 12px;}

.container.full-title {padding: 34px 0;}
.container.full-title .title-h1 {padding-bottom: 12px;}
.bg-full-img .subtitle-h3 {font-size: 20px; color: #fff; padding: 0;}

.block-specs p:first-of-type {padding-bottom: 48px;}
.block-specs span {width: 96px; height: 96px; border: 8px solid #f0eeef; border-radius: 50%; background-position: center center; display: block;}
.block-specs .spec {border-right: 1px solid #eeeeee; padding: 0 10px 12px 0;}
.block-specs .spec  h2 { padding-top: 20px;  padding-bottom: 20px; font-size: 28px; font-weight: bold; line-height: 30px;}
.block-specs .spec p {padding: 0;}
.block-specs div div:last-of-type .spec {border-right: none;}

.block-new {background-color: #fff; width: 100%; height: 100%; padding: 20px; border-bottom: 3px solid #c5c5c5;}
.bg-full-grey .block-new h2 {color: #3396b1; padding: 12px 0; font-size: 38px;}
.block-new img {width: 140px; height: auto; float: right; margin-top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.block-new .new-feature {display: inline-block; padding: 5px 18px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; background-color: #3396b1; color: #fff; text-transform: uppercase; border-radius: 25px;}

.block-branches h3 {padding: 0 0 18px;}
.block-branches ul {margin: 0;}
.block-branches ul li {list-style: none; background: none; padding: 11px 0;}
.block-branches ul li + li {border-top: 1px solid #d7d6d6;}
.block-branches ul li p {padding: 0;}

.block-adherent {padding: 20px 0;}
.block-adherent img {max-height: 740px; width: 100%;}
.block-adherent h1 {color: #fff; padding-bottom: 30px; font-size: 42px;}

.adherent-bg > img { width: 1090px; }

.adherent-options {background: rgba(0, 0, 0, 0.4); margin-top: 30px;}
.adherent-options > .row > div {padding: 12px; height: 100%;}
.adherent-options > .row > div + div {border-left: 1px solid #7e7e7e;}
.adherent-options form .form-group {margin-bottom: 18px;}
.adherent-options form a {color: #fff; display: block; text-align: left; font-size: 12px; margin-top: 2px;}
.adherent-options .adherent-desc {margin-left: 12px;}
.adherent-options .adherent-desc .text-big {padding-top: 10px}
.adherent-options .adherent-form .text-big {padding: 14px 0 34px;}
.adherent-options .adherent-form .btn-transparent {width: 100%; font-size: 20px; border: 2px solid #fff; margin-top: 0;}
.adherent-options .adherent-form .btn-transparent:hover {color: rgba(0, 0, 0, 0.4);}
.adherent-options .adherent-video {margin-left: -13px;}
.adherent-options .adherent-video .text-big {padding: 15px 18px 2px; text-transform: none;}
/* .adherent-options .adherent-video img {height: 180px;} */
.adherent-video.block-video a span {background-repeat: no-repeat; background-position: 50%;
  -webkit-background-size: 75% 75%;
     -moz-background-size: 75% 75%;
        background-size: 75% 75%;}
a.fancybox {display: block;}

.fancybox-inner {
    background-image: url(/application/themes/umanens/assets/images/bg-arbre-site.png);
    background-size: 800px auto;
    background-repeat: no-repeat;
    background-position: 0px -200px;
}

/* GAB15 BRANCHES */
.branches-container {margin-top: 30px;}
.branches-container .block-branches {background-color: white}
.home-branche-container .block-branches {background-color: #3396b1}
.branches-container .block-branches img {width: 100%;}
.block-branches { width: 100%; height: 100%; margin-bottom: 20px;}
.branche .block-branches {color:#fff;}

/* Couleur des branches */
.block-branches .block-branches-text {background-color: #3396b1;}
.block-branches.branche-animation .block-branches-text {background-color: #3396b1;}
.block-branches.branche-maintenance .block-branches-text {background-color: #8d836b;}
.block-branches.branche-sport .block-branches-text {background-color: #f04e30;}
.block-branches.branche-rouge .block-branches-text {background-color: #e5231b;}
.block-branches.branche-ubh .block-branches-text {background-color: #dd007b;}

.branche .block-branches h2 {font-size: 39px; color: #fff;}
/*.block-branches.branche-animation h2 {color: #3396b1;}
.block-branches.branche-maintenance h2 {color: #8d836b;}*/
.block-branches-text {padding: 0 20px 8px; min-height: 177px;}

.btn-offre {color: #fff; position:relative;}
.btn-offre .icon-next {right: -40px; top: -7px;}

.branches-videos {margin-top: 20px;}
.branches-videos ul li {border-bottom: 3px solid transparent; list-style: none; line-height: 85px; background-color: #fff;}
.branches-videos ul li:hover,
.branches-videos ul li:active,
.branches-videos ul li:focus,
.branches-videos ul li.is-visible {border-bottom: 3px solid #c5c5c5; cursor: pointer;}
.branches-videos ul li + li {margin-top: 5px;}
.branches-videos ul li .w80 {padding: 0 30px;}
.branches-videos ul li .w80,
.branches-videos ul li .w20 {display: inline-block; vertical-align: middle; line-height: normal;}
.branches-videos ul li span.icon {width: 30px; height: 30px; border: 4px solid #8ec845; border-radius: 50%; transition: all .2s;}
.branches-videos ul li:hover span.icon,
.branches-videos ul li:active span.icon,
.branches-videos ul li:focus span.icon,
.branches-videos ul li.is-visible span.icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.branches-videos ul li p {padding-bottom: 0;}
.branches-videos .block-video {display: none;}
.branches-videos .block-video img {width: 100%;}


/* GAB16 LISTE ACTUS */
.news-filters {background-color: #fff; padding: 16px 36px 0; line-height: 28px; margin-bottom: 20px !important;}
.news-filters-mobile {padding: 0 10px;}
.news-filters h4,
.news-filters .title-h4 {color: #595959; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif;}
.news-filters .filters-title,
.news-filters .filters-block {float: left; height: 100%; display: block;}
.news-filters ul li {display: inline-block; margin: 0 9px 6px;}
.news-filters ul li a, 
.filter {font-size: 13px; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; text-transform: uppercase; background-color: #e8e8e8; padding: 3px 18px; border-radius: 25px; transition: all .2s;}
.news-filters ul li a:hover {text-decoration: none; background-color: #4d4d4d; color: #fff;}

.news-container .news-md {margin-top: 20px;}
.news-container .news-image,
.news-container .news-content {position: relative; width: 100%; height: 100%;}

.news-container .news-lg .news-image {width: 60%; float: left; overflow: hidden;}
.news-container .news-lg .news-image img {min-height: 100%; height:auto; /*width: 100%;*/}
.news-container .news-lg .news-content {width: 40%; float: left; padding: 28px 20px 34px;}
.news-container .news-md .news-image {width: 100%; overflow: hidden;}
.news-container .news-md .news-image img {width: 100%; height: auto; max-height: 200px;}
.news-container .news-md .news-content {width: 100%; padding: 18px 28px 16px;}
.news-container .news.no-img .news-content {padding-bottom: 66px;}

.news-container .news-content {width: 40%; background-color: #fff;}
.news-container .news-content .filter {display: inline-block; margin-bottom: 10px;}
.news-container .news-content h3,
.news-container .news-content .title-h3 {display: block; padding-top: 0; line-height: 26px;}
.news-container .news-content h3 a,
.news-container .news-content .title-h3 a {color: #dd007b; text-decoration: none; transition: all .2s;}
.news-container .news:hover .news-content h3 a,
.news-container .news:hover .news-content .title-h3 a {color: #96C124;}
.news-container .news-content .news-date {color: #c4c3c4; display: block; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; padding-bottom: 6px;}
.news-container .news-content .see-more,
.news-container .news-image .see-more {top: auto; left: 18px;}
.news-container .news-content .see-more {top: auto; bottom: -3px; left: 8px; right: auto;}
.news-container .news-image .see-more {top: auto; bottom: 6px; left: 18px; right: auto;}
.news-container .see-more:hover {border-color: #f0eeef; background-color: #f0eeef;}
.news-container .see-more:hover:before,
.news-container .see-more:hover:after {background-color: #fff;}
.news-container .see-more:before,
.news-container .see-more:after {background-color: #7d7b7b;}


/* GAB17 A PROPOS */
.block-details,
.block-mini-video {position: relative; overflow: hidden; margin-bottom: 50px;}
.block-details-content {position: absolute; padding: 25px 25px 45px; top: 0; bottom: 0; left: 0; right: 0;}
.block-details-content li {font-size: 20px; line-height: 1.1; color: #5E6160; padding-bottom: 10px; text-align: center;}
.block-details-content li strong {display: block; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; color: #95C11F; font-size: 26px; font-weight: normal;}

.block-details .btn,
.block-mini-video .btn {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; width: 60%; left: 50%; margin-left: -30%; display: block; position: absolute; bottom: 30px; padding: 10px 0;}

.block-details img,
.block-mini-video img {margin: 0 auto; display: block;}

.block-union-content {background-color: #95c11f; text-align: center; padding: 30px 45px;}
.block-union-content p {font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; color: #FFF; font-size: 30px; line-height: 1.1; padding: 0 0 30px 0; width: 80%; margin: 0 auto;}
.block-union-content img {margin-bottom: 50px; display: block; margin-left: auto; margin-right: auto;}

.block-press-content {position: relative; padding: 30px 25px;}
.block-press .title-h2 {color: #8EC845;}
.block-press-content .btn,
.block-union-content .btn {display: block; padding-left: 5px; padding-right: 5px; overflow: hidden;}
/*.block-press-content a {display: block;}*/
.block-press-content a:hover {text-decoration: none;}
.block-press-content .block-press-title {display: block; font-size: 25px; color: #dd007b; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; margin: 0; padding: 0;}
.block-press-content .block-press-title:hover{color: #3396B1;}
    
/*font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; color: #595858; line-height: 1.2; padding-top: 10px; padding-bottom: 5px;}*/
.block-press-content a:hover p {color: #8EC845;}

.block-press-content a.cpDownload {background: #8EC845; color: white; font-weight: bold; font-size: 1.4em; z-index: 15; position: relative; margin-left: 10px;margin-bottom: 10px;}

.block-press-content .answer p {font-family:inherit; line-height:inherit;}
.block-press-content .question.open strong {color:inherit;}
.block-press-content .question.open h1,
.block-press-content .question.open h2,
.block-press-content .question.open h3,
.block-press-content .question.open h4{color:inherit;}

/*.block-press-content img {width:90%;} */
.block-press-content.same-height-1 img {width:inherit; margin-right: 10px;}
.block-press-content time {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; color: #c4c3c4;}
/*.block-press-content li {clear: both; margin-bottom: 20px; padding: 20px; background: #fff;}*/

.block-press-content > .list-unstyled > li { border-bottom: 1px solid grey; margin-bottom: 20px; padding-bottom: 20px;}
.block-press-content > .list-unstyled > li:last-child { border-bottom: none; margin-bottom: 0; }


/* GAB19 FORMULAIRE */
.link-faq a {font-size: 16px; line-height: 1.4; font-weight: bold; padding: 10px 0; color: #595858; display: block; border-bottom: 1px solid #eee; text-decoration: none;}
.link-faq a:hover {color: #8ec845;}

.faq .main-content .bg-full-white ul:not(.list-unstyled):not(.validation-docs):not(.slick-dots):not(.list-check):not(.video-list)>li {background: url(../images/icone-liste-vert.png) 0 6px no-repeat;}


/* GAB22 FORMULAIRE */
.formulaire h1,
.formulaire .title-h1 {font-size: 40px; padding-bottom: 58px;}
.formulaire h2,
.formulaire .title-h2 {color: #dd007b; padding: 0 0 10px;}
.formulaire p.label-radio {font-size: 18px;}
textarea {width: 100%; height: 150px; border: 0; margin-bottom: 36px;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; background: url('../images/select-bg.png') no-repeat; background-position: right 18px center;}
select::-ms-expand {display: none;}


/*  Laureats */

#page-laureat-defis .telechargment-documents { background-color: #F6F6F6; }
.vignette-laureat { padding: 35px 15px 10px 15px; }
.vignette-laureat .nom-laureat { font-size: 20px; font-weight: bold; text-align: center; display: block; margin: 10px 0 auto; }

.logo-partenaire-defis { max-width: 90%; min-width: 90%; margin: 5%; }

/* GAB23 EXTRANET ACCUEIL */
.block-extranet {width: 100%;}

.back-nav-main {background-color: #ebeaea;}
.back-nav-main p strong {color: #000;}
.back-nav-main p strong, 
.back-subnav p strong {text-transform: uppercase;}
.back-nav-main .contact-infos {line-height: 42px;}
.back-nav-main .contact-infos span {display: inline-block; width: 10px; height: 12px; margin-right: 10px; background: url('../images/logo-mini.png') no-repeat center center; vertical-align: middle;}
.back-nav-main .contact-infos a {color: #E5007E;}

.back-subnav {border-bottom: 2px solid #EBEAEA;}
.back-subnav .login,
.login {position: relative; color: #878686; margin-top: 8px; padding-right: 36px;}
.back-subnav .login a,
.login a {margin-top: 8px; color: #E5007E;}
.back-subnav .login span,
.login span {position: absolute; top: 4px; right: 0; display: block; width: 27px; height: 27px; border: 2px solid #E5007E; border-radius: 50%; background: url('') no-repeat right top;}
.back-subnav .login span:before,
.login span:before {position: absolute; content: url('../images/icone-utilisateur.png'); top: 50%; left: 50%; display: block; width: 13px; height: 13px; 
  -webkit-transform: translate(-52%, -8px); 
  -ms-transform: translate(-52%, -8px); 
  transform: translate(-52%, -8px);}
.login p strong {color: #878786;}
.login p, .login a {position: relative; top: 8px;}

.extranet .jumbotron {margin-top: -12px; width: 100%; height: 295px; background: transparent url("../images/bg-extranet.jpg") no-repeat scroll center center;}
.extranet .jumbotron {margin-top: -12px; width: 100%; height: 295px; background: transparent url("../images/bg-extranet.jpg") no-repeat scroll center center;}
.extranet .jumbotron h1 {width: 99%; padding: 66px 0px 28px; color: #FFF; line-height: 58px; text-transform: uppercase;}

.extranet .block-secure,
.extranet-branch .block-secure {padding: 6px 10px 14px; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 13px; text-transform: none;}
.extranet .block-secure p,
.extranet-branch .block-secure p {float: none; width: calc(100% - 50px); padding-top: 8px; text-align: left; font-size: 14px;}
.extranet .block-secure .icon-lock,
.extranet-branch .block-secure .icon-lock {left: -9px;}

.extranet .back-subnav {margin-bottom: 12px;}
.extranet-stat .back-subnav {margin-bottom: 0;}
.back-subnav .logo {padding: 20px 0 21px 0;}
.back-subnav nav ul {margin: 0; padding: 0;}
.back-subnav nav ul li {width: 33.3333333333%; height: 72px; padding: 0; line-height: 72px; vertical-align: top;}
.back-subnav nav ul li.active {background-image: url(../images/icone-u-nav.png); background-position: right 15% top 50%; background-repeat: no-repeat;}
.back-subnav nav ul li + li {border-left: 1px solid #fff;}
.back-subnav nav ul li a {display: block;}
.back-subnav nav ul li a span {display: inline-block; width: 100%; line-height: 18px; vertical-align: middle; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-size: 18px; color: #fff;}
.back-subnav nav ul li a:hover span {text-decoration: none;}
.back-subnav .sante:hover, 
.sante .subblock-extranet,
.back-subnav.extranet-simple-nav nav ul li a:hover,
.back-subnav.extranet-simple-nav nav ul li a.active {background-color: #e5007e;}
.back-subnav .prevoyance:hover, 
.prevoyance .subblock-extranet {background-color: #8ec845;}
.back-subnav .compte:hover, 
.compte .subblock-extranet {background-color: #bbbbbb;}

.extranet .bg-full-img h2,
.extranet .bg-full-img .title-h2 {color: #fff; line-height: 50px;}
.extranet .mentions-line,
.extranet-branch .mentions-line {margin-top: 0;}
.extranet .mentions-line a span, 
.back-subnav a,
.extranet-branch .mentions-line li:last-child a {color: #E5007E;}

.bg-blocks {padding: 50px 0;}

.block-extranet .main-block-extranet {position: relative; min-height: 362px; padding: 120px 20px 20px 20px;}
.block-extranet .subblock-extranet {position: relative; width: 100%; min-height: 112px; padding: 16px 20px 20px; vertical-align: middle; background-image: url('../images/icone-suivant.png'); background-repeat: no-repeat; background-position: right 20px center; border-top: 1px solid #fff; position: relative;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;}
.block-extranet .subblock-extranet > div {position: absolute; top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);}

.block-extranet .subblock-extranet:hover {background-position: right 15px center;}
.block-extranet .subblock-extranet a:hover {text-decoration: none;}

.sante, 
.sante .subblock-extranet:hover {background-color: #e5007e;}
.prevoyance, 
.prevoyance .subblock-extranet:hover {background-color: #7cb534;}
.compte, 
.compte .subblock-extranet:hover {background-color: #9a9999;}

.block-extranet, 
.block-extranet h2, 
.block-extranet .title-h2, 
.block-extranet h3, 
.block-extranet .title-h3, 
.block-extranet a,
.main-content .block-extranet a {color: #fff;}
.block-extranet h2, 
.block-extranet .title-h2 {font-size: 28px; text-transform: uppercase;}
.block-extranet h3, 
.block-extranet .title-h3 {font-size: 20px; padding-top: 0; padding-right: 30px; line-height: 1.2;}
.block-extranet p {font-size: 16px; line-height: 1.33; padding-bottom: 0;}
.block-extranet p strong {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-weight: normal;}

.main-block-extranet header {position: absolute; width: 108px; min-height: 108px; top: 0; left: 50%; border: 8px solid #f0eeef; border-radius: 50%; -webkit-transform: translate3d(-50%, -25%, 0); -ms-transform: translate3d(-50%, -25%, 0); transform: translate3d(-50%, -25%, 0);}
.sante .main-block-extranet header {background: url('../images/icone-pilule-rose@2x.png') no-repeat center center #fff;}
.prevoyance .main-block-extranet header {background: url('../images/icone-parapluie.png') no-repeat center center #fff;}
.compte .main-block-extranet header {background: url('../images/icone-feuille.png') no-repeat center center #fff;}

.block-extranet.sante .subblock-extranet {min-height: 168px; border-top: 1px solid #fff;}
.subblock-extranet p {padding: 0 65px 0 0;}

.doc-download {padding: 0 60px 0 36px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; background: url('../images/btn-telecharger-alt.png') no-repeat left center;}


/* GAB24 */
.extranet .second-nav {margin-top: 20px; padding-top: 20px; border-right: 2px solid #bbb;}
.extranet .second-nav li {padding-bottom: 15px;}
.extranet .second-nav > ul > li > a.hasSubnav:before {content: ""; background: url(../images/icone-fleche-fil-vert-h-mini.png) no-repeat; width: 10px; height: 5px; display: block; position: absolute; right: 10px; top: 8px;
-webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
     -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
      }
.extranet .second-nav li a {position: relative; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; display: block; padding-bottom: 4px; color: #1d1d1b; font-size: 16px;}
.extranet .second-nav li a.active,
.extranet .second-nav li a:hover {color: #93C01F; text-decoration: none;}
.extranet .second-nav > ul > li.open > a:before {
    -webkit-transform: rotate(0);
   -moz-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0);
          }
.extranet .second-nav li.open ul {display: block; background: none;}
.extranet .second-nav li ul {display: none;}
.extranet .second-nav li li {padding-bottom: 5px;}
.extranet .second-nav li li a {font-size: 14px; padding-bottom: 0;}
.extranet .second-nav li li.active a {color: #8EC845;}


/* GAB25 */
.back-subnav.extranet-simple-nav nav ul li {width: 20%;}
.back-subnav.extranet-simple-nav nav ul li a span {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-size: 17px; color: #5C5C5C;}
.back-subnav.extranet-simple-nav nav ul li a:hover span,
.back-subnav.extranet-simple-nav nav ul li a.active span {text-decoration: none; color: #FFF;}

.extranet-branch .login {padding-right: 0}
.extranet-branch .login .dib:first-child {position: relative; padding-right: 36px; vertical-align: middle}
.extranet-branch .login .dib:last-child {vertical-align: middle; padding-left: 6px}

.extranet-branch .bg-full-img .title-h2 {color: #FFF; font-size: 39px; line-height: 1.2; margin-top: 140px;}
.extranet-branch .info-branch-content {padding: 15px 25px 20px 25px;}
.extranet-branch .info-branch-content p {color: #93C01F; font-size: 23px; float: left; width: 46%; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; position: relative; z-index: 1;}
.extranet-branch .info-branch-content p:first-child {padding-right: 35px; width: 54%;}
.extranet-branch .info-branch-content p:first-child:after {content: ""; border-right: 1px solid #90846b; height: 70%; width: 1px; position: absolute; right: 35px; top: 50%; margin-top: -20px;}
.extranet-branch .info-branch-content p strong {font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; font-weight: normal; font-size: 30px;}
.extranet-branch .info-branch-content p span {color: #b5aea0; font-size: 17px; display: block;}
.extranet-branch .info-branch-content p span strong {font-size: 21px;}
.extranet-branch h1.title-h1 {margin-top: 1em;}

.info-branch-content,
.info-branch-link {position: relative; overflow: hidden; display: block;}
.info-branch-content:before {width: 115%; height: 100%; background-color: #FFF; top: 0; position: absolute; bottom: 0; z-index: 1; left: 0; display: block;
  -webkit-transform: matrix3d(0.88, 0, 0, 0, 0, -3.42, 0, -0.001296, 0, 0, 1, 0, 0, -100, 0, 1);
   -moz-transform: matrix3d(0.88, 0, 0, 0, 0, -3.42, 0, -0.001296, 0, 0, 1, 0, 0, -100, 0, 1);
    -ms-transform: matrix3d(0.88, 0, 0, 0, 0, -3.42, 0, -0.001296, 0, 0, 1, 0, 0, -100, 0, 1);
     -o-transform: matrix3d(0.88, 0, 0, 0, 0, -3.42, 0, -0.001296, 0, 0, 1, 0, 0, -100, 0, 1);
        transform: matrix3d(0.88, 0, 0, 0, 0, -3.42, 0, -0.001296, 0, 0, 1, 0, 0, -100, 0, 1); 
  -webkit-transform-origin: 0;
      -moz-transform-origin: 0;
       -ms-transform-origin: 0;
        -o-transform-origin: 0;
           transform-origin: 0;
}
.info-branch-content {margin-right: -16px;}
.info-branch-link {margin-left: -33px;}

.info-branch-link .container-icon-next-wired-white {right: 10px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;}
.info-branch-link:hover .container-icon-next-wired-white {border: 2px solid #b5aea0; background-color: #b5aea0;}
.info-branch-link {padding: 28px 20px 20px; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-size: 21px; color: #FFF;}
.info-branch-link span {width: 80%; padding-left: 15px;}
.info-branch-link:before {width: 115%; height: 100%; background-color: rgba(255,255,255,.3); top: 0; position: absolute; bottom: 0; z-index: 1; left: 0; display: block;
  -webkit-transform: matrix3d(.98, 0, 0, 0, 0.8, -2.45, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
     -moz-transform: matrix3d(.98, 0, 0, 0, 0.8, -2.45, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
      -ms-transform: matrix3d(.98, 0, 0, 0, 0.8, -2.45, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
       -o-transform: matrix3d(.98, 0, 0, 0, 0.8, -2.45, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
          transform: matrix3d(.98, 0, 0, 0, 0.8, -2.45, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
}

.block-doc-branch {position: relative; background-color: #FFF; text-align: center; margin-top: 20px;}
.block-doc-branch .block-container {padding: 20px 25px 25px;}
.block-doc-branch .block-content {padding-bottom: 80px;}
.block-doc-branch .title-h2 {color: #7a6f5e; text-align: left; font-size: 30px; line-height: 1.1; padding-top: 0;}
.block-doc-branch a {color: #595858; text-align: left; display: block;}
.block-doc-branch a em,
.block-doc-branch em {display: inline-block; font-style: normal;}
.block-doc-branch .block-content .btn {padding: 10px; display: block; position: absolute; bottom: 20px;}
.block-doc-branch .validation-docs span {top: -1px;}

.new,
.new:before,
.new:after {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-size: 16px; color: #e5007e; font-style: normal;}
.new:before,
.new:after {content:"-"; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; display: inline-block; padding: 0 5px;}

.extranet-branch .block-video {margin-top: 10px; margin-bottom: 20px;}
.extranet-branch .footer,
.extranet-stat .footer {background-color: #F6F6F6; padding: 35px 0 15px}
.extranet-stat .footer {background-color: #FFF;}

.images-avec-debordement img, .images-sans-debordement img {
    width: auto !important;    /* override the width / height set in the element by CMS */
    height: auto !important;   /* override the width / height set in the element by CMS */    
}
.images-avec-debordement img {
    max-width: 140%;
}
.images-sans-debordement img {
    max-width: 100%;
}


/* GAB26 */
.extranet-salarie .back-subnav.extranet-simple-nav nav ul li {width: 25%;}
.extranet-salarie .bg-full-img {margin-bottom: 0;}
.extranet-salarie .bg-full-img h2,
.extranet-salarie .bg-full-img .title-h2 {margin-top: 0; padding-top: 0;}
.extranet-salarie .bg-full-grey h2,
.extranet-salarie .bg-full-grey .title-h2 {color: #e5007e;}
.extranet-salarie .bg-full-white h2,
.extranet-salarie .bg-full-white .title-h2 {color: #93C01F;}

.bg-full-grey .block-doc-salarie {background-color: #fff;}
.bg-full-white .block-doc-salarie {background-color: #F6F6F6;}
.bg-full-white .block-doc-salarie h2,
.bg-full-white .block-doc-salarie .title-h2 {color: #E5007E;}
.bg-full-white .block-doc-salarie .btn {background-color: #fff;}

.block-doc-salarie .block-container {padding: 20px 22px 0;}
.block-doc-salarie .block-content {padding-bottom: 0;}
.block-doc-salarie .block-content p {padding-bottom: 0;}
.block-doc-salarie {text-align: left;}
.block-doc-salarie .new:before,
.block-doc-salarie .new:after {display: none;}
.block-doc-salarie .salarie-options {padding-bottom: 28px;}
.block-doc-salarie .list-primary-color {padding-top: 10px; margin-bottom: 36px;}
.block-doc-salarie .list-primary-color li {display: block; margin-left: 12px;}
.block-doc-salarie .list-primary-color li strong {font-family: 'titillium_webbold'; font-weight: normal;}
.block-doc-salarie .validation-docs li + li {margin-top: 3px;}
.block-doc-salarie .block-content .btn {position: relative;}

.block-services h3:first-of-type {padding: 26px 0 18px;}
.services  a:hover {text-decoration: none;}
.services .service {padding: 20px 20px 50px 20px; margin-bottom: 20px;}
.services .service:hover .icon-next {right: 17px;}
.services .service a {display: block; width: 100%; height: 100%; display: block;}
.services .service .icon-next {top: auto; bottom: 30px; left: auto; right: 20px; transition: all .2s;}
.services .service p,
.services .service h3,
.services .service .title-h3 {color: #fff;}
.services .service h3,
.services .service .title-h3 {padding: 0 0 8px; font-size: 30px; font-family: 'titillium_weblight'; line-height: 28px;}
.services .service.vos-remboursements {background: url('../images/icone-remboursement.png') no-repeat right 10px top 10px #93c01f;}
.services .service.vos-garanties {background: url('../images/icone-garanties.png') no-repeat right 10px top 10px #e5007e;}
.services .service.vos-devis {background: url('../images/icone-devis.png') no-repeat right 10px top 10px #e5007e;}
.services .service.vos-services {background: url('../images/icone-services.png') no-repeat right 10px top 10px #93c01f;}
.services .service.trouver-pro {background-color: #93c01f;}
.services .service.reseau-soins {background-color: #e5007e;}

.extranet-salarie .bg-full-grey .main-title {padding: 30px 0 10px;}
.extranet-salarie .bg-full-white .main-title {padding: 36px 0 8px;}
.extranet-salarie h2 .icon-umbrella-green,
.extranet-salarie h2 .icon-pill,
.extranet-salarie .title-h2 .icon-umbrella-green,
.extranet-salarie .title-h2 .icon-pill {position: relative; width: 52px; height: 52px; border: 5px solid #f0eeef; display: inline-block; margin: 0 10px 0 0; padding: 0; background-size: 21px auto; background-color: #fff;top: -5px; left: 0; border-radius: 50%;}

.extranet-salarie .bg-tree-bottom > .container-fluid {padding-bottom: 50px;}

.block-network {background-color: #fff; margin-top: 45px; border-bottom: 3px solid #c5c5c5; padding: 4px 15px 25px;}
.block-network img {margin: 0 auto; width: 265px; margin-top: 38px; margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.block-network p {padding-bottom: 0;}
.block-network .btn {background-color: #fff; border: 5px solid #F0EEEF; padding: 9px 72px; margin-top: 20px; color: #595858;}
.block-network .btn:hover {background-color: rgba(191, 189, 181, 0.2);}


/* GAB27 */
.nous-decouvrir .bg-full-grey h2,
.nous-decouvrir .bg-full-grey .title-h2 {color: #E5007E; padding: 0;}

.video-discover .video-tabs li {position: relative; height: 104px; ; background-color: #b8da8c; font-family: 'titillium_webregular'; font-size: 20px; line-height: 24px; border-radius: 4px 0 0 4px; display: table;}
.video-discover .video-tabs li:hover,
.video-discover .video-tabs li.tab-active {background-color: #96C124;}
.video-discover .video-tabs li + li {margin-top: 11px;}
.video-discover .video-tabs li a {display: table-cell; vertical-align: middle; color: #fff; padding: 14px 0 16px 16px;}
.video-discover .video-tabs li a:hover,
.video-discover .video-tabs li a:focus {text-decoration: none; outline: 0;}
.video-discover .video-tabs li:before,
.video-discover .video-tabs li.tab-active:before {position: absolute; content: ''; width: 21px; height: 100%; top: 0; right: -20px; background-color: #B8DA8C;}
.video-discover .video-tabs li.tab-active:before {background-color: #96C124;}
.video-discover .video-tabs li:hover:before {background-color: #96C124;}
.video-discover .video-tabs li.tab-active:after {position: absolute; content: ''; width: 0; height: 0; top: 50%; right: -31px; margin-top: -10px; border-style: solid; border-width: 10px 0 10px 11px; border-color: transparent transparent transparent #96C124; z-index: 100;}
.video-discover .block-video img {height: 356px; width: auto;}
.video-discover .block-video a:focus {outline: 0;}

.nous-decouvrir .bg-full-white {padding-bottom: 50px;}
.nous-decouvrir .mentions-line:last-child a:hover {text-decoration: none; color: #E5007E;}


/* GAB28 */
.formule-head .formule-name {font-size: 21px; color: #595858; line-height: 1.3; text-transform: uppercase; padding: 10px; display: block; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif;}
.formule-head .formule-name {padding-bottom: 0;}
.main-content .formule-head p {font-size: 14px; line-height: 1.2}
.main-content .formule-head p strong {display: block; font-weight: normal;}
.formule-head .formule-name span {min-height: 70px; vertical-align: middle; line-height: 62px; display: inline-block;}
.formule-head .formule-name span em {font-style: normal; line-height: 1.3; display: inline-block; vertical-align: middle; padding-bottom: 15px;}
.formule-head .formule-name span small {font-size: 16px; text-transform: none; display: block;}
.formule-head .formule-name strong {display: block; border-top: 1px solid #ededed; font-size: 44px; color: #a10058; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-weight: normal; padding: 10px;}
.formule-head .formule-name strong sup {font-size: 26px; top: -10px; padding-left: 2px; position: relative; font-weight: normal;}

.formule-box {margin-top: 10px; margin-bottom: 10px;}
.formule-box,
.block-stat-anchor .formule-box.same-height {text-align: center; background-color: #FFF;}
.formule-box .formule-head p {padding: 12px 8px 16px;}

.extranet-stat .title-h2 {padding-top: 0; color: #e5007e;}
.link-download {display: block; background-color: #E5007E; margin-top: 10px; margin-bottom: 20px; padding: 15px 15px 105px 15px; text-align: center; color: #FFF; position: relative;}
.link-download .icon {margin-top: 15px;}
.link-download p {color: #FFF; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 21px; line-height: 28px; position: absolute; left: 5px; right: 5px; bottom: 5px;}
.link-download:hover {text-decoration: none; background-color: #a10058;}

.title-h1 + .block-stat-anchor {margin-top: 0;}
.block-stat-anchor {margin-top: 80px;}
.block-stat-anchor:last-child {margin-bottom: 60px;}

/* GAB29 */
.block-stat-anchor label.big-label {color: #595858;}
.block-stat-anchor .form-group {margin-bottom: 0;}
.block-stat-anchor .formule-box {text-align: left; margin-bottom: 60px;}
.block-stat-anchor .row:last-child .formule-box {margin-bottom: 0;}
.block-stat-anchor .formule-head .formule-name strong,
.main-content .formule-head p {text-align: center;}
.block-stat-anchor .formule-head .formule-name span {padding: 0 5px; border-bottom: 1px solid #ededed; min-height: 0;}
.block-stat-anchor label,
.main-content .block-stat-anchor .like-label {text-align: left; font-size: 21px; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif; color: #E5007E; padding-top: 16px; padding-bottom: 10px; padding-left: 12px;}

.ui-slider .icon-circle {width: 20%; margin-top: -18px; margin-left: -3.25px;}
.ui-slider .icon-circle em {background-color: #E5007E; height: 7px; width: 7px; display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
        border-radius: 8px;}
.people {margin: 0 auto;}
.people ul {white-space: nowrap; margin: 0;}
.people li {width: 20%; text-align: left; font-size: 12px; padding: 0; height: 24px; margin-left: -5px; font-weight: bold;}
.people li:last-child {width: auto;}
.block-slider-range {padding: 10px 20px;}
.ui-slider .icon-circle.last {margin-right: 0; width: 7px; margin-left: -6px;}
.block-slider-range small {display: block; margin-top: 15px; margin-left: -6px;}
.block-slider-range small input,
.block-slider-range small input:disabled {text-align: center; padding: 0; background-color: transparent; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; color: #595858 !important; font-size: 13px; width: 16px; border: 0; display: inline-block; position: relative; top: -2px;
  -webkit-text-fill-color: #595858; /* Override iOS / Android font color change */
  -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */
  color: #595858; /* Override IE font color change */
  }
.block-select {padding: 0 10px;}
.block-select .form-control {background-color: #f6f6f6;}
.block-btn-pink {position: relative; margin: 0 15px;}
.block-btn-pink .btn {position: absolute; bottom: 0; width: 100%;}

.block-stat-anchor .formule-head .col-md-12 .row > div {padding: 0; margin: 0;}
.block-stat-anchor .formule-head .col-md-12 .row > div p {border-top: 1px solid #ededed; margin-top: 10px; padding-top: 25px; text-align: left;}
.block-stat-anchor .formule-head .formule-name {padding-right: 0;}


/********************************/
/************* BTN *************/
/******************************/

.btn {
  background-image: none;
  border: none;
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  padding: 6px 12px;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
  }
.btn:hover,
.btn:focus {text-decoration: none;}

.btn-back {display: block; text-align: center; color: #FFF;}
.btn-back p {text-align: center; color: #FFF; padding-top: 5px; font-size: 14px;}

.btn-pink {background-color: #E5007E; text-align: center; padding: 12px; color: #FFF; display: block; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-pink:hover {background-color: #C70F74;}
.btn-blue {background-color: #28758a; text-align: left; padding: 16px 6px 12px 22px; color: #FFF; display: block; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-blue:hover {background-color: #56abc2;}
.btn-wired-green {border: 3px solid #8ec845; color: #8ec845; text-align: center; padding: 6px 30px; display: inline-block; margin: 0 auto; font-family: titillium_weblight, "Helvetica Neue", arial, sans-serif; font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.btn-wired-green:hover {background-color: #8ec845; color: #FFF;}

.btn-green {padding: 9px 18px; font-family: titillium_webregular; font-size: 20px; color: #fff; background-color: #96c124; border-radius: 3px;}
.btn-green:hover {background-color: #83ac18;}

.btn-big {padding: 14px 90px; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 20px; border-radius: 3px;}
.btn-transparent {margin-top: 4px; padding: 11px 18px; text-align: center; font-size: 18px; color: #fff; background: transparent; border: 5px solid #fff; border-radius: 5px;}
.btn-transparent:hover {background-color: #fff;}
.btn-transparent a {
    -webkit-transition: all .2s;
   -moz-transition: all .2s;
    -ms-transition: all .2s;
     -o-transition: all .2s;
        transition: all .2s;
      }
.btn-transparent:hover a {color: #9A9999; text-decoration: none;}

.btn .icon {margin-right: 10px;}
.btn-submit {margin: 64px 0 14px; padding: 14px 90px; display: block; font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; font-size: 20px; border-radius: 3px;}

.block-offers-branch-img .btn-wired,
.btn-wired,
p.btn-wired,
.btn-wired-big-green,
.block-offers-branch .btn-wired,
.block-doc-branch .btn-wired {border: 5px solid #F0EEEF; text-transform: none; text-align: center; padding: 10px 44px; color: #595858; font-size: 21px; display: inline-block; margin-top: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
        border-radius: 4px;
      }
.btn-wired-big-green {border-color:#8ec845; color: #8ec845;}
.btn-wired-big-green:hover {background-color: #8ec845; color: #FFF;}
.block-offers-branch-img .btn-wired,
.block-doc-branch-img .btn-wired,
.btn-wired,
p.btn-wired {border: 5px solid #FFF; color: #FFF; margin-top: 0;}
.block-offers-branch .btn-wired:hover,
.block-doc-branch .btn-wired:hover {background-color: rgba(191,189,181,.2);}
.block-offers-branch-img .btn-wired:hover,
.btn-wired:hover {background-color: rgba(255,255,255,.5);}
.slider-news .btn-wired {background-color: rgba(0,0,0,.5); width: 80%; margin: 0 auto; padding: 10px 0; display: block; position: absolute; bottom: 30px;}
.slider-news .btn-wired:hover {background-color: rgba(0,0,0,.7);}

h3 .btn-wired {border-color: #595858; color: #595858; }

.btn-simple {font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; font-size: 16px; color: #595858; padding-top: 12px}
.btn-simple:hover {color: #e5007e;}

.btn-retour {margin-top: 30px;}
.btn-retour span.icon-next {position: inherit; float: left; margin-left: 30px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}


/********************************/
/*********** ICONES ************/
/******************************/

.icon {display: inline-block; line-height: 1; position: relative; vertical-align: middle;}
.icon-lock,
.icon-lock-white {background: url(../images/icone-cadenas.png) 0 0 no-repeat; width: 17px; height: 25px;}
.icon-lock-white {background: url(../images/icone-cadenas-blanc.png) 0 0 no-repeat; top: 0;}
.icon-back {background: url(../images/sprite-icone-retour.png) 0 0 no-repeat; width: 34px; height: 34px; vertical-align: middle;}
a:hover .icon-back {background-position: 0 -34px;}
.icon-user {background: url(../images/icone-utilisateur.png) 50% 4px no-repeat; width: 26px; height: 26px; border: 2px solid #E5007E; 
  -webkit-border-radius: 14px; 
  -moz-border-radius: 14px; 
  border-radius: 14px;}

.icon-ellipse {border: 3px solid #a7a7a7; .
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;}
.icon-umbrella {background: #FFF url(../images/icone-ombrelle.png) 50% no-repeat; width: 136px; height: 136px; border: 8px solid #f0eeef; bottom: 40px; left: 50%; margin-left: -68px; position: absolute;
  -webkit-border-radius: 70px; 
  -moz-border-radius: 70px; 
  border-radius: 70px;}
.icon-umbrella-green {background: #FFF url(../images/icone-parapluie.png) 50% no-repeat; width: 136px; height: 136px; border: 8px solid #f0eeef; bottom: 40px; left: 50%; margin-left: -68px; position: absolute;
  -webkit-border-radius: 70px; 
  -moz-border-radius: 70px; 
  border-radius: 70px;}

.icon-mouse-full {background: url(../images/icone-souris-full.png) 0 0 no-repeat; width: 28px; height: 47px;}
.icon-smartphone {background: url(../images/icone-smartphone.png) 0 0 no-repeat; width: 25px; height: 48px;}
.icon-map {background: url(../images/icone-map.png) 0 0 no-repeat; width: 30px; height: 44px;}
.icon-action-sociale {background: url(../images/icone-action-sociale.png) 0 0 no-repeat; width: 49px; height: 32px;}
.icon-feuille {background: url(../images/icone-feuille-rose.png) 0 0 no-repeat; width: 28px; height: 47px;}

.icon-pin-white {background: url(../images/icone-pin-blanc.png) 0 0 no-repeat; width: 17px; height: 23px; top: -3px;}
.icon-pin {background: url(../images/icone-pin.png) 0 0 no-repeat; width: 32px; height: 43px; font-size: 16px; color: #E5007E; font-family: titillium_webbold, "Helvetica Neue", arial, sans-serif; text-align: center; padding: 8px 6px;}
.icon-mail {background: url(../images/icone-enveloppe.png) 0 0 no-repeat; width: 20px; height: 16px; top: -2px;}

.icon-next {background: url(../images/icone-suivant.png) 0 50% no-repeat; height: 35px; position: absolute; right: 15px; top: 12px; width: 35px;}
.icon-next-white {background: url(../images/picto-fleche-blanc-light-d.png) 0 0 no-repeat; width: 9px; height: 17px;}
.icon-next-wired-white {background: url(../images/icone-fleche-fil-blanc.png) 0 0 no-repeat; width: 11px; height: 21px; left: 15px; top: 10px;}
.container-icon-next-wired-white {display: inline-block; position: absolute; right: 50px; margin-top: 10px; border: 2px solid #FFF; width: 44px; height: 44px;
    -webkit-border-radius: 44px;
    border-radius: 44px;}
.icon-next-wired-grey {background: url(../images/icone-fleche-fil-gris.png) 0 0 no-repeat; width: 18px; height: 34px; left: 27px; top: 16px;}
.container-icon-next-wired-grey {display: inline-block; position: absolute; top: -8px; right: 0; border: 8px solid #f0eeef; width: 84px; height: 84px;
    -webkit-border-radius: 44px;
    border-radius: 44px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
  }
a:hover .container-icon-next-wired-grey {background-color: #F0EEEF;}

.icon-faq {background: url(../images/icone-interro.png) 0 0 no-repeat; width: 11px; height: 20px; top: -2px;}
.icon-arrow-green-right {background: url(../images/icone-fleche-droite-verte.png) no-repeat center center; width: 8px; height: 13px;}

.icon-pill {background: url('../images/icone-pilule-rose.png') no-repeat center center;}

.backtop-container a .icon-backtop {background: url(../images/sprite-icone-backtop.png) 0 0 no-repeat; width: 33px; height: 31px;}
.backtop-container a:hover .icon-backtop {background-position: 0 -34px;}

.icon-prev-white {background: url(../images/picto-fleche-blanc-light-g.png) 0 0 no-repeat; width: 9px; height: 17px;}


.icon-download {background: url(../images/icone-telecharger.png) 0 0 no-repeat; width: 64px; height: 79px;}
.icon-download-mini-white {background: url('../images/btn-telecharger-alt.png') 0 0 no-repeat; width: 20px; height: 25px; position: relative; top: -3px;}
.icon-download-mini {background: url('../images/btn-telecharger.png') 0 0 no-repeat; width: 20px; height: 25px; position: relative; top: -3px;}


/* remote */
.remote-container a .icon-mobile {background: url(../images/sprite-icone-tcde-tel.png) 0 0 no-repeat; width: 22px; height: 41px;}
.remote-container a:hover .icon-mobile {background-position: 0 -41px;}
.remote-container a .icon-mail {background: url(../images/sprite-icone-tcde-mail.png) 0 0 no-repeat; width: 35px; height: 25px;}
.remote-container a:hover .icon-mail {background-position: 0 -25px;}
.remote-container a .icon-cluster {background: url(../images/sprite-icone-tcde-cluster.png) 0 0 no-repeat; width: 27px; height: 37px;}
.remote-container a:hover .icon-cluster {background-position: 0 -37px;}

.icon-list {background: url(../images/icone-liste.png) 0 0 no-repeat; width: 25px; height: 17px;}
.icon-fee {background: url(../images/icone-cotisation.png) 0 0 no-repeat; width: 23px; height: 32px;}
.icon-conformity {background: url(../images/icone-conformite.png) 0 0 no-repeat; width: 34px; height: 35px;}
.icon-subscription {background: url(../images/icone-souris.png) 0 0 no-repeat; width: 33px; height: 27px; left: -3px;}
.icon-thumb {background: url(../images/icone-thumb.png) 0 0 no-repeat; width: 25px; height: 17px;}
.icon-envelop {background: url(../images/icon-envelop.png) 0 0 no-repeat; width: 25px; height: 17px;}

/********************************/
/*********** PLUGIN ************/
/******************************/

#mobilenav {display: none !important;}

/* SLIDER */
/* .slider.slick-slider {margin-bottom: 135px;} */
.slick-prev, 
.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; margin-top: -10px; outline: medium none; padding: 0; position: absolute; top: 50%;}
.slick-slide {position: relative; z-index: 10;}
.slick-active {z-index: 11;}
.slick-slide .container {position: absolute; left: 0; right: 0; z-index: 100;}

.slick-dots { display: none !important };
/*
.slick-dots { position: absolute; top: 6vw; z-index: 90; width: 100%; padding: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 18px; height: 18px; padding: 5px; cursor: pointer; color: transparent; border: 1px solid #FFF; outline: none; background: transparent;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;}
.slick-dots li button {text-indent: -9999px; 
  -webkit-border-radius: 18px; 
  -moz-border-radius: 18px; 
  -o-border-radius: 18px; 
  border-radius: 18px;}
.slick-dots li.slick-active button {background: #FFF; border: 4px solid #FFF; position: relative;}
.slick-dots li button:hover {background: transparent; border: 4px solid #FFF;}
*/

.slider .slick-prev,
.slider .slick-next {/*background: url(../images/common/rpc/sprite-fleche-light-prev.png) no-repeat;*/ border: none; cursor: pointer; width: 41px; height: 41px; z-index: 100; margin-top: 0; position: absolute; top: 0;}
.slider .slick-next {/*background: url(../images/common/rpc/sprite-fleche-light-next.png) no-repeat;*/}
.slider .slick-prev:hover,
.slider .slick-next:hover {background-position: 0 -42px;}

.slider .mybtn-prev,
.slider .mybtn-next {height: 42px; left: 0; right: 0; position: absolute; bottom: 12vw; width: 940px; margin: 0 auto;}
.slider .mybtn-prev button,
.slider .mybtn-next button {float: right;}
.slider .mybtn-prev button {margin-right: 50px;}

/* SLIDER RANGE */
.ui-slider.ui-widget-content {background: #dedede;}
.ui-slider .ui-state-default, 
.ui-slider.ui-widget-content .ui-state-default, 
.ui-slider .ui-widget-header .ui-state-default {border: 4px solid #e5007e; background: #FFF;
    -webkit-border-radius: 15px;
            border-radius: 15px;
}
.ui-slider {position: relative; text-align: left;}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 15px; height: 15px; cursor: default; 
  -ms-touch-action: none; 
  touch-action: none;}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}

.ui-slider-horizontal {height: 3px;}
.ui-slider-horizontal .ui-slider-handle {top: -5px; margin-left: -9px;}
.ui-slider-horizontal .ui-slider-range {top: 0; height: 100%; background-color: #E5007E;}
.ui-slider-horizontal .ui-slider-range-min {left: 0; background-color: #E5007E;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}

/********************************/
/********  MODALS  *************/
/********************************/

.modal-header button.close {
    float: right;
    margin-top: -2px;
    font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}

.modal-header button:focus, .modal-header button:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}

.modal-body {
	font-size: 18px;
}

/********************************/
/******** MEDIAQUERIES *********/
/******************************/
@media screen and (min-width: 1740px) {
  .slick-slide .img-container img {margin-top: -8vw;}
  .home .slider .slick-dots {top: 3vw;}
}

@media screen and (max-width: 1140px) {
    .news .bg-full-grey,
    .services .bg-full-grey,
    .extranet-salarie .bg-full-grey,
    .nous-decouvrir .bg-full-grey {padding: 12px 0 50px;}
}

@media screen and (max-width: 959px) {
    .container.full-title {padding: 34px 3%;}
    
    .block-specs span {margin: 0 auto;}
    .block-specs .spec {border: none; padding: 0 0 36px 0;}
    .block-specs .spec h2 {text-align: center; line-height: normal; display: block;}
    .block-specs div div:last-of-type .spec h2 {line-height: normal;}
    
    .block-espace .block-video p {padding: 10px 30px; font-size: 13px; margin: 0 auto;}
    .block-espace .block-video img {width: 100%;}
    
    .block-new img {margin: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .block-branches {margin-top: 20px;}
    
    .adherent-options .adherent-video img {height: auto; width: 101%; margin: 0;}
    
    .branches-videos ul li .w80 {padding: 0px 16px;}
    .branches-videos ul li:hover {border-bottom: 3px solid transparent;}
    .branches-videos ul li:hover span.icon {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    
    .is-rotated {
        -webkit-transform: rotate(90deg) !important;
        -ms-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
    }
    
    .news-container .news-lg .news-image img {width: auto; height: 100%; max-height: 400px;}

    .block-search-branch ul.list-check {bottom: auto;}

    .espace-securise .bg-full-img h1 {font-size: 30px; line-height: 30px; padding: 8px 0 30px !important;}

    .slider .title {line-height: 35px;}
    
    .block-new img {width: 100px;}
    .slider-news .slider-news-container + img {top: 0; min-width: 200px;}
    .slider .title {line-height: 1.2;}

    .block-push-slider.slider-middle {margin-left: -26px;}
    .block-push-slider:before {width: 112%;
      -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 1.8, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
         -moz-transform: matrix3d(0.8, 0, 0, 0, 0, 1.8, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
          -ms-transform: matrix3d(0.8, 0, 0, 0, 0, 1.8, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
           -o-transform: matrix3d(0.8, 0, 0, 0, 0, 1.8, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
              transform: matrix3d(0.8, 0, 0, 0, 0, 1.8, 0, -0.001296, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    .home .bg-tree-bottom > .container-fluid .container,
    .bg-tree-bottom > .container-fluid .container {width: 80%;}
    .extranet-salarie .bg-tree-bottom > .container-fluid {width: 100%; margin-left: auto;}
    .extranet-salarie .bg-tree-bottom > .container-fluid .container {width: 100%; padding-left: 10px; padding-right: 10px;}

    .espace-securise .bg-full-img h1 {padding: 8px 0 30px !important;}
    .block-union .title-h2 {font-size: 30px;}
    
    .block-doc-branch .block-container {padding: 20px 10px 25px;}
    .services .service {padding: 20px 10px 50px;}
    
    .video-discover .block-video img {height: 100%; width: auto;}
}


@media screen and (min-width: 830px) {
    .block-offers-branch-img > img {width: 130.5%; max-width: none;}
    .block-offers-branch-img.no-strech > img { width: 100%; }
}


/* XS */
@media screen and (max-width: 768px) {
    .block-offers-branch-img .block-container img {display: none;}
    .block-search-branch ul.list-check {position: relative; bottom: 100%;}
    .info-agency-zoom:first-child,
    .map-agency {margin-top: 20px;}
    .bg-full-white, 
    .bg-full-grey, 
    .bg-full-dark-grey {padding: 3%;}

    .extranet-branch .bg-full-img .title-h2 {font-size: 30px;}
    .extranet-branch .info-branch-content p strong {font-size: 27px;}
    .extranet-branch .info-branch-content p:first-child {font-size: 20px;}
    .extranet-branch .info-branch-content p:first-child:after {content: none;}
    .info-branch-link .container-icon-next-wired-white {display: none;}
    .info-branch-link:before {
      -webkit-transform: matrix3d(0.95, 0, 0, 0, 0.666, -2.5, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
       -moz-transform: matrix3d(0.95, 0, 0, 0, 0.666, -2.5, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
        -ms-transform: matrix3d(0.95, 0, 0, 0, 0.666, -2.5, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
         -o-transform: matrix3d(0.95, 0, 0, 0, 0.666, -2.5, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
            transform: matrix3d(0.95, 0, 0, 0, 0.666, -2.5, 0, -0.001296, 0, 0, 1, 1, 0, 50, 0, 1);
        }
    .block-doc-branch .block-container {padding: 20px 15px 25px;}
    .block-doc-branch .block-content .btn {font-size: 16px;}
    .block-doc-branch .block-content {padding-bottom: 55px;}
    .extranet-branch .title-h2 {font-size: 30px; line-height: 1.2; padding-bottom: 5px;}
    .block-stat-anchor .title-h2 {padding-left: 10px;}
    .extranet-branch .block-doc-branch .title-h2 {font-size: 26px;}
    
    .extranet-salarie .block-doc-branch .block-container {padding: 16px 7px 20px;}
    .extranet-salarie .block-doc-branch .block-content {padding-bottom: 0;}
    
    .images-avec-debordement img { max-width: 98%; margin-left: 1%; }
}

@media screen and (max-width: 767px) {
    #page { position: relative; width: 100%; /*overflow: hidden;*/ background: #fff; z-index: 10;
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear; 
    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, .36);
    -moz-box-shadow: -2px 0 3px rgba(0, 0, 0, .36);
    box-shadow: -2px 0 3px rgba(0, 0, 0, .36);
    }
  
    #page.mobilemenu {/* overflow-y: hidden; */ overflow: hidden;
    -webkit-transform: translateX(60%);
    -moz-transform: translateX(60%);
    -o-transform: translateX(60%);
    transform: translateX(60%);
    } 

    #mobilenav {display: none; width: 60%; top: 0; bottom: 0; left: 0; z-index: 1; background: #014289; text-align: right; position: absolute; height: 100%; overflow-y: scroll !important; position: fixed;}
    #page.mobilemenu {height: 100%; overflow: hidden; position: fixed; 
    -webkit-transform: translate(60%, 0px);
    -moz-transform: translate(60%, 0px);
    -o-transform: translate(60%, 0px);
    transform: translate(60%, 0px); z-index: 1550;
    }

    .bg-subnav {border: none;}

    .navbar-toggle span {display: none;}
    .navbar-toggle .icon-bar {width: 50%; height: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
        border-radius: 3px;}
    .navbar-toggle {display: block; background-color: white; margin-top: 10px; cursor: pointer;}

    .mobilemenu .navbar-toggle {left: 11px;}

    #mobilenav.active {display: block !important;}
    #mob-top-nav.subnav-on {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    }
    #mob-top-nav { position: relative; z-index: 9;
    -webkit-transition: -webkit-transform 0.3s linear 0s;
    -moz-transition: -moz-transform 0.3s linear 0s;
    -o-transition: -o-transform 0.3s linear 0s;
    transition: transform 0.3s linear 0s;
    }
    #mob-top-nav li {list-style-type: none;}
    #mob-top-nav li a {display: block; font-weight: normal; padding: 3px 10px; text-decoration: none; color: #FFF; font-size: 17px; font-family: titillium_websemibold, "Helvetica Neue", arial, sans-serif;}
    #mob-top-nav li li {padding: 3px 6px;}
    #mob-top-nav li li li {padding: .25em 1em 0.25em 0.5em;}
    #mob-top-nav li li li.active {background-color: #FFF;}
    #mob-top-nav li li li.active a {color: #96C124;}
    #mob-top-nav li li li li,
    .back-link + li {text-align: left;}
    #mob-top-nav li li a {font-family: titillium_webregular, "Helvetica Neue", arial, sans-serif; color: #FFF;}
    #mob-top-nav li .header-link {text-transform: uppercase; padding: .5em 1em 0.5em 0.5em; color: #FFF; font-size: 17px;}
    .mob-sub-nav {display: none; left: 100%; margin-left: -1px; position: absolute; top: 0; width: 100%; background: #93c01f; padding-bottom: 20px;}
    #mob-top-nav li.header-link a {font-style: normal; font-weight: bold; padding: 1.2em 1.5em 1.1em 1em; text-transform: uppercase;}
    .mob-top-nav-item.active .active .mob-sub-nav {display: block;}
    .mob-top-nav-item .ui-accordion-content {height:auto; background-color: #93c01f; padding-bottom: 20px;}
    .mob-top-nav-item .ui-accordion-content li {padding-right: 4px;}
    .mob-top-nav-item > ul > li {padding-right: 5px;}
    .mob-top-nav-item > ul {padding-bottom: 15px;}
    .mob-top-nav-item {border-bottom: 1px solid #FFF;}
    #mobilenav {background: #93c01f;}
    .page-active {text-decoration: underline; color: #FFF}
    .back-link {font-style:italic; padding-left: 8px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding-bottom: 5px; margin-bottom: 10px;}
    #mob-top-nav .mob-sub-nav .back-link a {text-transform: none; padding-left: 0;}

    .mob-top-link span {float: right; position: relative; top: 2px; margin-left: 10px;}

    #mob-top-nav li div {padding: 20px; margin: 5px 0;}
    #mob-top-nav li div p {color: #FFF; font-size: 17px;}

    #mob-top-nav .mob-top-nav-expand {
        color: white; 
        font-size: 18px;
        float: right;
        padding: 2px 10px 0 5px;
        cursor: pointer;
    }
    #mob-top-nav .mob-top-nav-item-with-submenu {
        margin: 0;
        padding: 0;
    }
    #mob-top-nav .mob-top-nav-submenu {display: none;}

    .remote-container {display: none;}

    .logo {padding: 20px 0 25px 10px;}

    .main-content {padding-top: 0;}
    .main-content .row > div > p,
    .main-content .row > div > .title-h1,
    .main-content .row > div > .title-h2,
    .main-content .row > div > .title-h3,
    .main-content .row > div > .title-h4,
    .main-content .row > div > .title-h5 {padding-left: 10px; padding-right: 10px}
    .main-content .row > div > a + .title-h1 {padding-left: 0;}
    .main-content .row > div > a.btn {margin-left: 10px; margin-right: 10px;}
    /*.main-content .row > div > p {padding-left: 0; padding-right: 0;}*/
    .container-fluid {margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
    
    .bg-full-white, 
    .bg-full-grey, 
    .bg-full-dark-grey {padding: 3%;}
    .bg-full-img {max-height: 500px; overflow: hidden;}
    .bg-full-img .container {padding: 3%;}
    
    .prefooter .row > div {min-height: 100px;}
    .prefooter .row > div img {margin: 10px auto;}
    
    .mentions-line {margin-top: 10px; padding: 0 10px;}
    
    .block-secure {float: right; padding: 15px 10px 0 0;}
    .icon-lock {background: url(../images/mob-icone-cadenas.png) 0 0 / cover no-repeat; width: 32px; height: 47px; /*top: 6px;*/}
    
    .nav-bottom-col {margin-top: 10px; margin-left: 10px; padding-left: 10px;}
    .nav-bottom-col ul ul {padding-bottom: 18px;}
    .nav-bottom-col ul ul ul {padding-bottom: 0}
    .nav-bottom-col li {padding-bottom: 8px;}
    
    .footer-accordion .title-m {padding-bottom: 8px; cursor: pointer;}
    .footer .margin-t70 img {margin: 0 auto 40px;}
    
    .link-logo {padding: 15px 10px;}
    .back-subnav .logo {padding: 20px 0 21px;}
    
    .block-offers-branch-img {margin-bottom: 30px;}
    .block-branches-text {min-height: 0;}
    .block-search-branch {text-align: left; padding-top: 80px;}
    .block-search-branch .title-xl {text-align: center; width: 90%; margin: 0 auto; display: block; font-size: 35px; line-height: 35px;}
    .block-search-branch ul.list-check {position: relative; bottom: 100%; padding-top: 20px;}
    
    .border-input {margin-top: 10px; margin-bottom: 30px;}
    .border-input input::-webkit-input-placeholder {font-size: 4vw; line-height: 7.5vw;}
    .border-input input:-moz-placeholder {/* Firefox 18- */font-size: 4vw; line-height: 7.5vw;}
    .border-input input::-moz-placeholder {/* Firefox 19+ */font-size: 4vw; line-height: 7.5vw;}
    .border-input input:-ms-input-placeholder {font-size: 4vw; line-height: 7.5vw;}
    
    .border-input input {font-size: 4vw; line-height: 7.5vw; height: 12vw;}
    .border-input .btn {height: 12vw; font-size: 5.5vw; line-height: 6.5vw; padding: 0;}
    
    .info-agency-zoom:first-child,
    .map-agency {margin-top: 20px;}
    .info-agency-zoom {text-align: left;}
    .info-agency-zoom + .btn {margin-left: 0;}
      
    .news-filters {padding: 12px 18px 4px;}
    .news-filters .w10,
    .news-filters .w90 {width: 100%;}
    .news-filters h4,
    .news-filters .title-h4 {padding-left: 10px;}
    .news-filters ul li {margin: 8px 6px 0;}

    .news-container .news-lg .news-image,
    .news-container .news-lg .news-content {float: none; width: 100%;}
    .news-container .news-lg .news-image {text-align: center;}
    .news-container .news-lg .news-image img {margin: 0 auto; height: 100%; width: 100%; max-height: 100%;}
    
    .news-container .news-content h3, 
    .news-container .news-content .title-h3 {font-size: 20px;}
    .news-container .news-content p {font-size: 14px;}
    
    .validation-docs {margin: 0;}
    .validation-docs li {margin-top: 16px;}
    
    .question:hover > p,
    .question:focus > p {color: #595858;}
    
    .question:not(.open):hover .see-more,
    .question:not(.open):focus .see-more {border-color: #f0eeef;}
    
    .prevoyance .subblocks a:last-child p {padding: 0 65px 30px 0;}
    
    .slider-news.slick-slider {margin-top: 50px;}

    .container.full-title .slider-news.slick-slider {margin: 0;}

    .home .bg-tree-bottom > .container-fluid {padding-top: 65px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
          border-radius: 0;
    }

    .extranet-branch .bg-full-img .container {position: relative;}
    .extranet-branch .bg-full-img .title-h2 {margin-top: 0;}
    .info-branch-content:before,
    .info-branch .info-branch-link:before {
      -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    }

    .info-branch-content,
    .info-branch-link {margin-right: 0; margin-left: 0; text-align: center;}
    .info-branch-content:before {background-color: #93C01F;}
    .extranet-branch .info-branch-content p,
    .extranet-branch .info-branch-content p span {color: #FFF;}
    .extranet-branch .bg-full-img .title-h2 {font-size: 30px; color: #333; margin-bottom: 10px;}
    
    .info-branch-link {background-color: #333; padding: 20px;}
    .bg-tree-bottom .container:before {bottom: 37px;}
    .info-branch-link span {padding-left: 0;}
    .extranet-branch .block-video img {width: 100%;}

    .extranet-branch .block-doc-branch .block-content .btn {position: relative; display: inline-block; bottom: 0;}
    .extranet-branch .block-doc-branch .block-content {padding-bottom: 0;}

    .extranet-salarie .bg-tree-bottom > .container-fluid {width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding-left: 0; padding-right: 0;}

    /* PLUGINS */
    .slider .title {top: -14vw; width: 100%; left: 0; font-size: 21px; line-height: 1.2; padding: 0 20px}
    .slick-slide .container {position: relative;}
    .slick-slide .img-container {max-height: 80vw; overflow: visible; width: 100%; margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    }
    .slick-slide .img-container img { margin-top: 0;}
    .footer .ui-icon-triangle-1-s,
    .footer .ui-icon-triangle-1-e {background: url(../images/mob-fleche-rose.png) 0 0 / cover no-repeat; width: 22px; height: 12px; position: relative; top: 5px; display: block; float: right; margin-right: 20px;}
    .footer .ui-icon-triangle-1-e {
    -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
      }

    .home .block-new .title-h2,
    .home .block-new .text-right {text-align: center; display: block; padding-left: 0;}
    .home .block-new .title-h2 {font-size: 36px; padding: 80px 0 10px 0;}
    .home .block-new .big-link {font-size: 30px;}

    .bg-full-img .container.full-title {position: relative; padding-bottom: 0;}
    .bg-full-img .container.full-title h1 {color: #96C124; line-height: 38px; font-size: 38px;}
    .bg-full-img .container.full-title h3,
    .bg-full-img .container.full-title h5, 
    .bg-full-img .container.full-title .title-h5 {color: #595858;}
    .bg-full-img {max-height: 100%;}
    
    .logo .img-responsive {margin: 0 auto;}
    .logo-souscription .img-responsive {margin: 0 10px;}
    
    .block-new div:nth-of-type(2) {float: right;}
    .block-new div:nth-of-type(3),
    .block-new img {float: left;}
    .block-new img {margin-top: 18px;}
    
    .adherent-options > .row > div {padding: 3%;}
    .adherent-options .adherent-video .text-big {display: none;}
    .adherent-options .adherent-video.block-video .text-big {display: block; padding-bottom: 10px;}
    .adherent-options .adherent-desc {margin-left: 0;}
    .adherent-options .adherent-video {margin: 0;}
    .adherent-options .adherent-video img {width: auto; max-width: 100%; margin: 0;}

    .adherent-options .adherent-video.block-video img {margin: 0 auto;}
    .adherent-options .adherent-form .btn-transparent {width: auto; display: block; margin: 0 auto;}

    .adherent-bg.bg-full-img.bg-full-height .container {position: relative;}
    .adherent-bg.bg-full-img.bg-full-height > img {display: none;}
    .adherent-bg.bg-full-img.bg-full-height {min-height: 100%; display: block; position: relative; background: rgba(125,125,125,1);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(125,125,125,1)), color-stop(100%, rgba(178,178,178,1)));
        background: -webkit-linear-gradient(left, rgba(125,125,125,1) 0%, rgba(178,178,178,1) 100%);
        background: linear-gradient(to right, rgba(125,125,125,1) 0%, rgba(178,178,178,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#b2b2b2', GradientType=1 );
    }
    .slider-news .slider-news-container + img {width: 100%;}
    
    .news-container .news-md .news-image img {max-height: 100%;}

    .home .block-new .bg-illus-branch {margin-top: 20px; background: none; text-align: center;}
    .home .slick-dots {width: 100%; text-align: center; top: 2vw;}

    .block-push-slider,
    .block-push-slider.slider-begin,
    .block-push-slider.slider-middle,
    .block-push-slider.slider-end {width: 100%; background-color: #8ec845; margin: 0; bottom: auto; margin-bottom: 2px;}
    .block-push-slider:before {content: none;}

    .container-block-secure {float: right; text-align: right;}
    .block-doc-salarie .list-primary-color {margin-bottom: 0;}
    .extranet-salarie .block-doc-branch .block-container {padding: 10px 10px 12px;}
    
    .video-discover .video-tabs ul {margin-bottom: 0;}
    .video-discover .video-tabs li {width: 100%; border-radius: 0;}
    .video-discover .video-tabs li + li {margin-top: 0;}
    .video-discover .video-tabs li:before,
    .video-discover .video-tabs li:after {display: none;}
    .video-discover .block-video img {height: auto; max-height: auto; width: 100%; margin: 0 auto;}

    .main-content .row > div .form-group .btn-simple {margin: 0; font-size: 15px; padding-left: 0; white-space: nowrap;}
    .btn .icon-download-mini {margin-right: 2px;}
    .btn {white-space: normal;}
    .block-btn-pink .btn {margin-top: 15px; position: relative;}
    .block-stat-anchor .formule-head .col-md-12 .row > div {padding: 0 10px;}
    .block-stat-anchor .formule-head .formule-name {padding: 0; margin-top: 15px;}
    .block-stat-anchor .formule-head .col-md-12 .row > div p {margin-top: 0; border-top: 0; padding: 0 10px 20px;}
        
    .block-search-branch-small { text-align: left; }    
    .block-search-branch-small .title-xl { padding-left: 10px; }
}

/* SM */
@media screen and (min-width: 767px) {
    .bg-full-img {max-height: 295px; overflow: hidden;}
}

/* XS */
@media screen and (max-width: 480px) {
    h1,
    .title-h1,
    .main-content .title-h1 {line-height: 28px; font-size: 24px;}
    
    .bg-full-img .container.full-title h1 {font-size: 35px;}
    .bg-full-grey .block-new h2 {font-size: 30px;}
    
    .slick-slide .img-container {max-height: 100vw;}
    
    .block-new {padding: 10px 0 0 0;}
    .block-new img {width: 72px;}
    
    .adherent-options > .row > div {padding: 5%;}
    
    .extranet-salarie .bg-full-grey .main-title,
    .extranet-salarie .bg-full-white .main-title {width: 100%; margin: 0 auto; display: block; text-align: center;}
    .extranet-salarie h2 .icon-pill,
    .extranet-salarie .title-h2 .icon-pill,
    .extranet-salarie h2 .icon-umbrella-green,
    .extranet-salarie .title-h2 .icon-umbrella-green {display: block; margin: 0 auto;}
    
    .extranet-branch .block-doc-branch .block-content .btn {display: block; width: 60%; margin: 20px auto 0;}
    .video-discover .video-tabs li a {padding: 0 12px;}
    
    
    .block-details .btn, .block-mini-video .btn { bottom: 10px; }
}

@media screen and (max-width: 375px) {
    .home .block-new .big-link {padding-right: 0; margin-left: 0;}
    .block-press-content img {float: none;}
    .block-union-content,
    .block-press-content {padding: 30px 10px;}
    .block-details .btn, 
    .block-mini-video .btn {width: calc(100% - 20px); margin-left: 10px; left: 0;}
    
    .extranet-branch .block-doc-branch .block-content .btn {width: 100%;}
}

@media screen and (max-width: 320px) {
  .block-press-content .btn {font-size: 19px;}
}

@media screen and (min-width: 1090px) {
    .bg-full-img .pull-right {float: none; display: block; margin: 0 auto;}
    
    .page-a-propos .slider-news.slick-slider { left: 150px; }
}

@media screen and (min-width: 767px) and (max-width: 1080px) {
    .bg-full-grey.reduce-padding-sm {padding: 12px 22px 50px;}
    
    .souscription-2 .col-sm-1, 
    .souscription-2 .col-sm-2, 
    .souscription-2 .col-sm-3, 
    .souscription-2 .col-sm-4, 
    .souscription-2 .col-sm-5, 
    .souscription-2 .col-sm-6, 
    .souscription-2 .col-sm-7, 
    .souscription-2 .col-sm-8, 
    .souscription-2 .col-sm-9, 
    .souscription-2 .col-sm-10, 
    .souscription-2 .col-sm-11, 
    .souscription-2 .col-sm-12 {
        float: left;
    }
    .souscription-2 .col-sm-12 {
        width: 100%;
    }
    .souscription-2 .col-sm-11 {
        width: 91.66666666666666%;
    }
    .souscription-2 .col-sm-10 {
        width: 83.33333333333334%;
    }
    .souscription-2 .col-sm-9 {
        width: 75%;
    }
    .souscription-2 .col-sm-8 {
      width: 66.66666666666666%;
    }
    .souscription-2 .col-sm-7 {
      width: 58.333333333333336%;
    }
    .souscription-2 .col-sm-6 {
      width: 50%;
    }
    .souscription-2 .col-sm-5 {
      width: 41.66666666666667%;
    }
    .souscription-2 .col-sm-4 {
      width: 33.33333333333333%;
    }
    .souscription-2 .col-sm-3 {
      width: 25%;
    }
    .souscription-2 .col-sm-2 {
      width: 16.666666666666664%;
    }
    .souscription-2 .col-sm-1 {
      width: 8.333333333333332%;
    }
    .souscription-2 .col-sm-pull-12 {
      right: 100%;
    }
    .souscription-2 .col-sm-pull-11 {
      right: 91.66666666666666%;
    }
    .souscription-2 .col-sm-pull-10 {
      right: 83.33333333333334%;
    }
    .souscription-2 .col-sm-pull-9 {
      right: 75%;
    }
    .souscription-2 .col-sm-pull-8 {
      right: 66.66666666666666%;
    }
    .souscription-2 .col-sm-pull-7 {
      right: 58.333333333333336%;
    }
    .souscription-2 .col-sm-pull-6 {
      right: 50%;
    }
    .souscription-2 .col-sm-pull-5 {
      right: 41.66666666666667%;
    }
    .souscription-2 .col-sm-pull-4 {
      right: 33.33333333333333%;
    }
    .souscription-2 .col-sm-pull-3 {
      right: 25%;
    }
    .souscription-2 .col-sm-pull-2 {
      right: 16.666666666666664%;
    }
    .souscription-2 .col-sm-pull-1 {
      right: 8.333333333333332%;
    }
    .souscription-2 .col-sm-pull-0 {
      right: 0;
    }
    .souscription-2 .col-sm-push-12 {
      left: 100%;
    }
    .souscription-2 .col-sm-push-11 {
      left: 91.66666666666666%;
    }
    .souscription-2 .col-sm-push-10 {
      left: 83.33333333333334%;
    }
    .souscription-2 .col-sm-push-9 {
      left: 75%;
    }
    .souscription-2 .col-sm-push-8 {
      left: 66.66666666666666%;
    }
    .souscription-2 .col-sm-push-7 {
      left: 58.333333333333336%;
    }
    .souscription-2 .col-sm-push-6 {
      left: 50%;
    }
    .souscription-2 .col-sm-push-5 {
      left: 41.66666666666667%;
    }
    .souscription-2 .col-sm-push-4 {
      left: 33.33333333333333%;
    }
    .souscription-2 .col-sm-push-3 {
      left: 25%;
    }
    .souscription-2 .col-sm-push-2 {
      left: 16.666666666666664%;
    }
    .souscription-2 .col-sm-push-1 {
      left: 8.333333333333332%;
    }
    .souscription-2 .col-sm-push-0 {
      left: 0;
    }
    .souscription-2 .col-sm-offset-12 {
      margin-left: 100%;
    }
    .souscription-2 .col-sm-offset-11 {
      margin-left: 91.66666666666666%;
    }
    .souscription-2 .col-sm-offset-10 {
      margin-left: 83.33333333333334%;
    }
    .souscription-2 .col-sm-offset-9 {
      margin-left: 75%;
    }
    .souscription-2 .col-sm-offset-8 {
      margin-left: 66.66666666666666%;
    }
    .souscription-2 .col-sm-offset-7 {
      margin-left: 58.333333333333336%;
    }
    .souscription-2 .col-sm-offset-6 {
      margin-left: 50%;
    }
    .souscription-2 .col-sm-offset-5 {
      margin-left: 41.66666666666667%;
    }
    .souscription-2 .col-sm-offset-4 {
      margin-left: 33.33333333333333%;
    }
    .souscription-2 .col-sm-offset-3 {
      margin-left: 25%;
    }
    .souscription-2 .col-sm-offset-2 {
      margin-left: 16.666666666666664%;
    }
    .souscription-2 .col-sm-offset-1 {
      margin-left: 8.333333333333332%;
    }
    .souscription-2 .col-sm-offset-0 {
      margin-left: 0;
    }
}

/* 
 * Make 5 columns full width 
 * from  https://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap/22799354#22799354  
 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 766px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 959px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1300px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/***********  End Make 5 columns full width ***********/