/* ==========================================================================
   Layout
   ========================================================================== */

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

*:focus {
    outline: 0;
}

body {
    position: relative;
    background-color: #e6e6e6;
    color: #ffffff;
    font-family: "ProximaNova", Arial, sans-serif;
    margin: 0 auto;
}
div.home { max-width:none; }

.main {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    background-color: #e6e6e6;
    color: #ffffff;
    font-family: "ProximaNova", Arial, sans-serif;
}

section {
    background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1 {
    text-indent: -9999px;
    background: url(../images/common/logo-v2.png) no-repeat left;
    background-size: contain;
    background-position: 0 5px;
}

h2 {
    font-size: 22px;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

h3 {
    color: #1d4e8b;
    font-size: 18px;
    font-family: 'ProximaNovaBold';
    padding-bottom: 20px;
    text-transform: uppercase;
}

h4 {
    font-size: 22px;
    margin: 0;

}

p, small {
    margin: 0;
    vertical-align: middle;
}

a, a:link, a:hover, a:active, a:visited {
    color: inherit;
    font-style: inherit;
    text-decoration: inherit;
}

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

img {
    border-style: none;
    vertical-align: middle;
}

sup {
    font-size: 12px;
}

strong {
    font-weight: normal;
    font-family: 'ProximaNovaBold';
}

input {
    margin: 0;
    padding: 0;
}

button, .blocboutons input {
    background: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
	-webkit-appearance: none;
}

dl, dt, dd {
    margin: 0;
}

.content {
    position: relative;
    margin: 0 auto;
    max-width: 940px;
    padding: 40px 20px;
    text-align: center;
}

.layer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
	max-width: 1440px;
    margin: auto;
}

.nouveau {
    background-color: #486fa0;
    color: white;
    font-size: 18px;
    font-family: 'ProximaNova';
    font-weight:normal;
}
.layer-blue {
    background-image: -webkit-linear-gradient(bottom, rgba(29, 50, 86, 0.5), rgba(29, 50, 86, 0.3));
    background-image: linear-gradient(to top, rgba(29, 50, 86, 0.5), rgba(29, 50, 86, 0.3));
}

div.home .layer-blue {
    background-image: -webkit-linear-gradient(bottom, rgba(29, 50, 86, 0.5), rgba(29, 50, 86, 0.1));
    background-image: linear-gradient(to top, rgba(29, 50, 86, 0.5), rgba(29, 50, 86, 0.1));
}

div.home .layer-black {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}

.layer-white {
    background-image: -webkit-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0.8) 30px, rgba(255,255, 255, 0.7) 40px, transparent 40%);
    background-image: linear-gradient(to bottom, #ffffff 0px, rgba(255, 255, 255, 0.8) 30px, rgba(255,255, 255, 0.7) 40px, transparent 40%);
}

.layer-play {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: transparent url('../images/common/play.png') center no-repeat;
    opacity: 0.8;
}

.button {
    display: inline-block;
    background-color: #399ed5;
    font-size: 15px;
    font-family: 'ProximaNovaBold';
    padding: 15px 25px 15px 15px;
    text-transform: uppercase;
    transition: background-color 0.25s;
}

.button:hover {
    background-color: #5bb8f1;
    transition: background-color 0.25s;

}

.button-slide.closed {
    background: transparent url('../images/common/arrow-active-bottom.png') center no-repeat;
    height: 23px;
    width: 41px;
}

.button-slide.opened {
    background: transparent url('../images/common/arrow-active-top.png') center no-repeat;
    height: 23px;
    width: 41px;
}

.decorated {
    position: relative;
    color: #1d4e8b;
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    line-height: 22px;
    padding: 20px 0;
    text-transform: uppercase;
}

.decorated:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #1d4e8b;
    height: 2px;
    width: 60px;
    top: -2px;
}

.decorated:last-child:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #1d4e8b;
    height: 2px;
    width: 60px;
    bottom: -2px;
}

.mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
}

.mask:before, .mask:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    height: 0;
    border-bottom: 12px solid #1d4e8b;
    width: 50%;
}

.mask:before {
    border-left: 0;
    border-right: 14px solid transparent;
    left: 0;
}

.mask:after {
    right: 0;
    border-right: 0;
    border-left: 14px solid transparent;
}

.mask-header {
    display: none;
}

.play {
    font-size: 15px;
    padding-right: 10px;
}

.slide-content {
    display: none;
    padding-bottom: 40px;
}

.sticker {
    display: none;
}

.sticker h3 {
    color: #ffffff;
}

.carousel {
    position: relative;
}

.carousel .slick-slide {
    padding: 0 50px;
}

.carousel .slick-arrow {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    font-size: 0;
    height: 41px;
    width: 49px;
    z-index: 1;
}

.carousel .slick-prev {
    left: 0;
    background: transparent url('../images/common/arrow-active-left.png') center no-repeat;
}

.carousel .slick-disabled {
    cursor: default;
}

.carousel .slick-prev.slick-disabled {
    background: transparent url('../images/common/arrow-inactive-left.png') center no-repeat;
}

.carousel .slick-next {
    right: 0;
    background: transparent url('../images/common/arrow-active-right.png') center no-repeat;
}

.carousel .slick-next.slick-disabled {
    background: transparent url('../images/common/arrow-inactive-right.png') center no-repeat;
}

#spot, .video-homiris {
    width: 100%;
}

#spot-ab {
    width: 75%;
}
#fancybox-wrap {
    left: 0!important;
    right: 0!important;
    margin: auto!important;
}

#fancybox-content {
    width: 100%!important;
}


.active-menu{
    border-top: 2px solid #3c3c3c;
    color: #1d4e8b;
}

.active-menu-header{
    border-top: 2px solid #3c3c3c;
    color: #1d4e8b;
    padding-top: 10px;
}

#promotion{display:none;}
#mevVideo{display:none;}
#promotion-mob{display:none;}
#mevVideo-mob{display:none;}


/* ****************** */
/* NUMEROS DE TEL SVA */
/* ****************** */
/* COMMON */
div.ei_sva {
  box-sizing: border-box;
}
div.ei_sva p, div.ei_sva span{
  font-weight: bolder;
  font-family: Arial;
  display: inline-block;
  margin: 0;
}
div.ei_sva.large {
  height: 58px;
}
div.ei_sva.large2 {
  height: 67px;
}
div.ei_sva.large p.num {
  padding: 9px 0 0 9px;
  width: 250px;
  text-align: left;
  font-size: 37px;
  float: left;
}

.bold{
    font-weight:bold;
}

.pres-tech-price{
    float: right;
    font-weight: bold;
}
.pres-tech {
    line-height: 26px;
    border-bottom: 1px solid #edecea;
}

@media (min-width : 940px) and (max-width : 1150px){


    div.home div.ei_sva.large p.num {
        padding: 9px 0 0 9px;
        width: 250px;
        text-align: left;
        /*font-size: 31px;*/
        float: left;
        font-size:3vw;
    }
}


div.home .fancybox-video {
  display: none;
}

div.home .fancybox-nav {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 40%;
}


div.ei_sva.large2 p.num { width:112px; }

div.ei_sva.large p.price {
  padding: 5px 5px 5px 20px;
  font-size: 23px;
  color: #FFFFFF;
  float: left;
  display:none !important;
}
div.ei_sva.medium {
  height: 63px;
  margin:4px auto;
}
div.ei_sva.medium_sticky {
  height: 60px;
  margin:0 auto;
}

div.ei_sva.medium p.num {
    padding-top: 6px;
    width: 168px;
    text-align: center;
    font-size:26px;
    float: left;
    letter-spacing:-0.6px;
}

div.home div.ei_sva.medium p.num {
    width: 180px;
    text-align: left;
    padding: 7px 0 0 8px;
}

#sticky-header .row-call div.ei_sva.medium_sticky p.num, div.ei_sva.medium_sticky p.num { font-size:23px; letter-spacing:-1px; font-family:Arial; width:143px; margin-right:0; padding-top:4px; margin-top:0; }

div.ei_sva.medium p.price {
  padding: 5px 5px 5px 20px;
  font-size: 23px;
  color: #FFFFFF;
  float: left;
  display:none !important;
}
div.ei_sva.small {
  height: 25px;
}
div.ei_sva.small p.num {
  padding-top: 4px;
  width: 120px;
  text-align: center;
  font-size: 15px;
  float: left;
}
div.ei_sva.small p.price {
  color: #ffffff;
  float: left;
  font-size: 10px;
  letter-spacing: -1px;
  line-height: 12px;
  padding: 0 0 0 10px;
}
div.ei_sva.xsmall {
  height: 19px;
}
div.ei_sva.xsmall p.num {
  padding-top: 2px;
  width: 100px;
  text-align: center;
  font-size: 12px;
  float: left;
}
div.ei_sva.xsmall p.price {
  color: #ffffff;
  float: left;
  font-size: 10px;
  letter-spacing: -1px;
  padding: 2px 0 0 11px;
}
/* GRATUIT */
div.free span.num, div.free p.num {
  color: #78b41e;
}
div.free.large {
  background: url(../images/common/num_free_large.png) no-repeat scroll left top;
  margin: auto;
  max-width: 428px;
}

@media (min-width: 940px){
    div.home div.free.large {
    display: block;
    background-size:100%;
    }
}

div.free.large2 {
  background: url(../images/common/num_free_large.png) no-repeat scroll left top;
  width: 300px;
}
div.free.medium {
  background: url(../images/common/num_free_medium.png) no-repeat scroll left top;
  width: 280px;
}
div.home div.free.medium {
    background-size: 100%;
}
div.free.medium_sticky {
    background: url(../images/common/num_free_medium_sticky.png) no-repeat scroll left top;
    width: 240px;
    position: relative;
}
div.free.medium.medium_sticky::after {
    margin: 0 auto;
    font-size: .61em;
    position: absolute;
    bottom: 1.2em;
    width: 120%;
    left: -10%;
    content: 'du lundi au vendredi de 8h \00E0  20h30 et le samedi de 8h \00E0  18h';
}
div.free.small {
  background: url(../../images/css/v3commun/num_free_small.png) no-repeat scroll left top;
  width: 205px;
}
div.free.xsmall {
  background: url(../../images/css/v3commun/num_free_xsmall.png) no-repeat scroll left top;
  width: 215px;
}
/* BANALISE */
div.unmarked p.num {
  color: #91919b;
}
div.unmarked.large {
  background: url(../../images/css/v3commun/num_unmarked.png) no-repeat scroll left top;
  width: 522px;
}
div.unmarked.small {
  background: url(../../images/css/v3commun/num_unmarked_small.png) no-repeat scroll left top;
  width: 201px;
}
div.unmarked.xsmall {
  background: url(../../images/css/v3commun/num_unmarked_xsmall.png) no-repeat scroll left top;
  width: 232px;
}
/* MAJORE */
div.increased p.num {
  color: #a50f78;
}
div.increased.large {
  background: url(../../images/css/v3commun/num_increased.png) no-repeat scroll left top;
  width: 589px;
}
div.increased.small {
  background: url(../../images/css/v3commun/num_increased_small.png) no-repeat scroll left top;
  width: 230px;
}
div.increased.xsmall {
  background: url(../../images/css/v3commun/num_increased_xsmall.png) no-repeat scroll left top;
  width: 258px;
}
/* FIN NUMEROS DE TEL SVA */

.acc-home{
    position: absolute;
    bottom: 90px;
    left: 70px;
}

#site-header .header-ad {
    font-family: 'ProximaNovaBold';
    text-align: left;

    padding:12px 37px 12px 0;
}
#site-header .header-ad.no-play {
    background: none !important;
}

div.home #site-header .header-ad {
    background:none;
    padding:auto;
}
div.home #site-header .header-ad-s {
    background:none;
	padding:auto;
}


.pf-light{
    font-family: 'ProximaNova';
}

.pf-bold{
    font-family: 'ProximaNovaBold';
}



@media (min-width: 620px) {
    h2 {
        font-size: 28px;
        padding-bottom: 60px;
    }

    h2 span.base-france { font-size:21px; }

    .content {
        padding: 60px 30px;
    }

    .button {
        font-size: 18px;
        padding: 20px 25px 20px 15px;
    }

    .sticker h2 {
        padding: 0;
    }

    .layer-white {
        background-image: -webkit-linear-gradient(top, #ffffff 50px, rgba(255, 255, 255, 0.9) 70px, rgba(255,255, 255, 0.8) 80px, rgba(255,255, 255, 0.7) 90px, transparent 200px);
        background-image: linear-gradient(to bottom, #ffffff 50px, rgba(255, 255, 255, 0.9) 70px, rgba(255,255, 255, 0.8) 80px, rgba(255,255, 255, 0.7) 90px, transparent 200px);
    }

    .mask {
        height: 28px;
    }

    .mask:before, .mask:after {
        border-bottom: 28px solid #1d4e8b;
    }

    .mask:before {
        border-right: 32px solid transparent;
    }

    .mask:after {
        border-left: 32px solid transparent;
    }


}

@media (min-width: 940px) {
    .brand-text{
        display: none;
    }
    #site-header .brand-text{
        flex-basis: inherit;
    }

    #site-header .header-row {
        flex-wrap:nowrap;
    }
    .content {
        padding-left: 0;
        padding-right: 0;
    }

    .header-nav .menu-list li {
        align-items: stretch;
        /* width: 100%; */
    }

    .menu-list li:nth-child(n+2) {
        padding-left: 40px!important;
    }

    #sticky-header .menu-list li:nth-child(n+2) {
        padding-left: 20px!important;
    }


    .mask-header {
        display: block;
    }

    .mask {
        height: 28px;
    }

    .mask:before, .mask:after {
        border-bottom: 28px solid #1d4e8b;
    }

    .mask:before {
        border-right: 40px solid transparent;
    }

    .mask:after {
        border-left: 40px solid transparent;
    }
}


@media (min-width: 1440px) {


    .menu-list li:nth-child(n+2) {
        padding-left: 60px!important;
    }

    #sticky-header .menu-list li:nth-child(n+2) {
        padding-left: 40px!important;
    }
}


/* ==========================================================================
   Site menu
   ========================================================================== */

#site-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    background-color: #1d4e8b;
    background-color: rgba(29, 78, 139, 0.9);
    overflow-y: auto;
    z-index: 4;
}

#site-menu.visible {
    display: block;
}

#site-menu .content {
    padding: 5px 15px 15px;
}

#site-menu .nav-top {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
            box-orient: horizontal;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
            box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 50px;
}

#site-menu .header-link.header-normal {
    display: none;
}

#site-menu .burger-nav li {
    font-family: 'ProximaNovaBold';
    font-size: 22px;
    padding-bottom: 30px;
    text-transform: uppercase;
}

#site-menu .burger-nav li > ul {
    display:none;
}



@media (min-width: 620px) {
    #site-menu .content {
        padding: 10px 30px 30px;
    }

    #site-menu .header-link.header-small {
        display: none;
    }

    #site-menu .header-link.header-normal {
        display: block;
    }
}

@media (min-width: 940px) {
    #site-menu .content {
        padding: 10px 0 40px;
    }

    #site-menu .burger-nav li {
        display: block;
    }
}


/* ==========================================================================
   Sticky header
   ========================================================================== */

#sticky-header {
    position: fixed;
    top: 0;
    opacity: 0;
    transition: opacity 0.25s;
    max-width: 1440px;
    width: 100%;
    z-index: 0;
}

body #sticky-header { top:auto; }

#sticky-header .content {
    padding: 0;
}

#sticky-header .header-row {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
            box-orient: horizontal;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
            box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 0 20px;
}

#sticky-header .header-nav {
    display: none;
}

#sticky-header .logo-wrapper, #sticky-header .button-wrapper {
    display: inline-block;
}

#sticky-header .logo-wrapper {
    text-align: left;
    width: 80%;
}

#sticky-header .header-nav, #sticky-header .button-wrapper {
    text-align: right;
    /* width: 80%; */
}

#sticky-header .row-menu {
    background-color: #ffffff;
    color:#3c3c3c;;
    height: 60px;
}

#sticky-header .row-call {
    background-color: #e7692f;
    height: 100px;
}

#sticky-header .row-call p {
    display: inline-block;
    vertical-align: middle;
	margin-right:10px;
}

#sticky-header .row-call p.call-intro { margin-top:12px; }

#sticky-header .row-call .intro-number {
    display: inline-block;
    font-family: 'ProximaNovaBold';
    font-size: 50px;
    padding-left: 10px;
    vertical-align: middle;
    word-spacing: -10px;
}

#sticky-header .row-call .number-wrapper {
    display: inline-block;
    line-height: 20px;
    padding-left: 10px;
    vertical-align: middle;
}

#sticky-header .row-call .number-content {
    display: block;
}

#sticky-header .row-call small {
    font-size: 11px;
}

#sticky-header .row-call .box-pic {
    height: 35px;
}

#sticky-header .call-form {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
            box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
            box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#sticky-header .call-form form {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
            box-orient: horizontal;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    /*height: 36px;*/
    /*padding-left: 10px;*/
}

#sticky-header .call-form input {
    font-size: 16px;
    padding: 10px 5px;
}

#sticky-header .call-form input[type="tel"] {
    -webkit-box-flex: 1 0 180px;
            box-flex: 1;
    -webkit-flex: 1 0 180px;
        -ms-flex: 1 0 180px;
            flex: 1 0 180px;
    color: #646464;
    font-family: Arial, sans-serif;
    width: 180px;
}

#sticky-header .call-form button[type="button"], #sticky-header .call-form .blocboutons input {
    -webkit-box-flex: 0 0 40px;
            box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    background-color: #399ed5;
    border: none;
    color: #ffffff;
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    width: 40px;
	-webkit-appearance: none;
	text-transform:uppercase;
	text-align:center;
	display:block;
	padding:0;
	border-bottom:1px solid #399ED5;
}

#sticky-header .call-form button[type="button"]:hover, #sticky-header .call-form .blocboutons input:hover {
    background-color: #4babe2;
    transition: background-color 0.25s;
	-webkit-appearance: none;
}

#sticky-header .___UpdatePanel span { display: block; font-size: 12px; left: 360px; position: absolute; text-align: left; top: 28px; width: 250px; }

/**Web callback **/
p.a_titre1, #sticky-header .row-call p.a_titre1 { display:none; }
.a_blocfctltitre { display:inline-block; }

.call-content .call-form .blocmsg p { text-align:center; max-width:100%; }
#sticky-header .row-call .blocmsg p { text-align:left; max-width:300px; padding-bottom:15px; }

.blocmsg.info {
	background-color: #090;
	color: #fff;
	padding: 16px;
}

.err p { font-size:13px !important; color:#fff; background:#cc0000; padding:5px 8px !important; }
.err ul.niv1 { list-style-type:inherit; margin:10px 0 25px 15px; }
.err ul.niv1 li  { font-size:14px !important; color:#cc0000; }

div.alerte {
    background: #f3f0cd url("../images/contact/icoalerte.gif") no-repeat scroll 8px 8px;
    border: 1px solid #e5df98;
    color: #4c4c4c;
	padding:20px;
	margin-bottom:10px;
}
div.alerte p { margin-bottom:10px; padding-left:25px; }
div.alerte p.disamb_items { margin-bottom:0; padding-left:0; }
div.alerte a { text-decoration:underline; }

#sticky-header .err { /*margin-top:-15px;*/ position:absolute; top:3px; left:0; }
#sticky-header .err p { font-family:'ProximaNova'; }
.info p { text-align:center; margin:5px 20px 0; text-decoration:underline; }
.call-content .call-form { position:relative; }
#I4:P:H, .call-form-container { display:flex; flex:1 1 0; }
.call-form .form-title, .call-form .___UpdatePanel div:nth-child(2) { display:block; margin-bottom:5px; }
.blocboutons { margin-top:-5px; margin-left:-4px; }
.call-form .form-title { display:none !important; }

#sticky-header.visible, div.home #sticky-header.visible {
    opacity: 1;
    transition: opacity 0.25s;
    z-index: 4;
    top: 0;
}


@media (max-width: 620px) {
    #sticky-header.visible .call-form {
        display: none;
    }
    #sticky-header.visible .call-text {
        margin: 0 auto;
        display: block;
        text-align: center;
        width: 100%;
    }
    .call-content .call-form button[type="button"], .call-content .call-form .blocboutons input {
        margin-top:-5px !important;
    }

}


@media (min-width: 620px) {
	.call-form .form-title, .call-form .___UpdatePanel div:nth-child(2) { margin-bottom:0; }
	div.home .call-form .form-title, div.home .call-form .___UpdatePanel div:nth-child(2) { display:inline-flex; width: inherit;}
	.blocboutons { margin-top:0; }
}


@media (min-width: 940px) {
    #sticky-header .header-row {
        padding: 0;
    }

    #sticky-header .header-nav {
        display: block;
        font-size: 18px;
        font-family: 'ProximaNovaBold';
        text-transform: uppercase;
    }

    #sticky-header .header-nav .menu-link.active, #sticky-header .header-nav .menu-link:hover {
        border-top: 2px solid #3c3c3c;;
        color: #1d4e8b;
        padding-top: 10px;
    }

    #sticky-header .menu-list {
        display: -webkit-box;
        display: box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
                box-orient: horizontal;
        -webkit-box-direction: normal;
                box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
                box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
                box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 15px;
    }

    #sticky-header .burger {
        display: none;
    }

}


/* ==========================================================================
   Header site
   ========================================================================== */



#site-header .brand-text{
    font-family: 'ProximaNovaBold';
    font-size: 14px;
    text-align: center;
    order:3;
    flex-basis: 100%;
    /*white-space: nowrap;*/
}

#site-header {
    position: relative;
}

#site-header .video-wrapper {
    display: none;
}

#site-header .header-bottom {
    position: relative;
    background: #ffffff center no-repeat;
    background-size: cover;
    text-align: right;
    padding: 100px 20px 20px;
}

div.home #site-header .header-bottom { display:none; }
div.home #site-header .header-bottom { display:none; }

#site-header .header-content {
    position: relative;
    display: inline-block;
    font-family: 'ProximaNovaBold';
    text-align: left;
}
div.home #site-header .header-content { display: flex; }

#site-header .header-row {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
            box-orient: horizontal;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
            box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #1d4e8b;
}

#site-header .header-top {
    position: relative;
    background-color: #fff;
    padding: 20px;
}

div.home #site-header .header-top { background-color: #fff; }

.esca-mobile-menu{
    display:flex;
    color: #20508c;
    background: #e6e6e6;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    padding: 5px 0;
}
/* 
#site-header .header-logo {
    width: 200px;
} */

#site-header .header-nav {
    display: none;
}

#site-header .header-nav .menu-link {
    padding-top: 30px;
    color:#3c3c3c;
}

#site-header .header-nav .menu-link.active, #site-header .header-nav .menu-link:hover {
    border-top: 2px solid #3c3c3c;
    color: #1d4e8b;
    padding-top: 28px;
}

#site-header .header-nav .subscribers-link {
    font-family: 'ProximaNova';
    vertical-align: top;
}

#site-header .header-nav .subscribers-link:after {
    content: url('../images/common/picto-abonne.png');
    position: relative;
    top: -6px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

#site-header .burger {
    vertical-align: middle;
}

#site-header .burger img{
    padding-bottom: 15px;
}

#site-header .header-titre {
	font-size: 32px;
}

#site-header .header-intro, #site-header .header-intro2 {
    font-size: 20px;
    padding-bottom: 10px;
}

#site-header .header-seen {
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
}
div.home #site-header .header-seen { padding: 10px 12px; }

#site-header .header-seen:hover {
    text-decoration: none;
}

#site-header .header-seen.header-seen-no-hover:hover {
    text-decoration: none;
}
#site-header .tf1 {
    vertical-align: middle;
    width: 47px;
}

#site-header .header-sticker {
    display: none;
}

#site-header .sticker {
    background: #399ed5;
    background: -webkit-linear-gradient(315deg, rgb(57, 158, 213), rgb(57, 158, 213) 70%);
    background: linear-gradient(135deg, rgb(57, 158, 213), rgb(57, 158, 213) 70%);
    padding: 20px;
    max-width: 580px;
    width: 100%;
}
div.home #site-header .sticker {
	background: #399ed5;
	background: -webkit-linear-gradient(315deg, rgb(57, 158, 213), rgb(57, 158, 213) 70%);
    background: linear-gradient(135deg, rgb(57, 158, 213), rgb(57, 158, 213) 70%);
}

#site-header .header-small {
    display: none;
}

#site-header .spot-wrapper {
    display: none;
}


#cookies_announcement{display:none; position:fixed;/*position:absolute;*/background:#111;width:100%;z-index:900;bottom:0;padding:7px 0 5px;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:Alpha(opacity=70); text-align:center;}
#cookies_announcement span{color:#fff;font-size:12px;}
#cookies_announcement a{font-size:12px;color:#fff;margin-left:6px;display:inline-block;cursor:pointer;text-decoration:underline;}
#cookies_announcement a.btn{font-size:11px;background:#333;margin-left:10px;padding:5px 8px 4px 8px;display:inline-block;cursor:pointer;text-decoration:none;}
#cookies_announcement a:hover{text-decoration:none;}
#cookies_announcement a.btn:hover{background:#000;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#decline_cookies_announcement_confirmation{display:none;font-weight:bold;}


.logo .mobile {
    display: none;
  }
 /*Pour differencier le logo mobile du desktop */
@media (max-width: 940px) {

    .logo .mobile {
        display: block;
    }

    .logo .desktop {
        display: none;
    }
    .new {
        top: 16px !important;
        background-color: #399ed5 !important;
        right: -114px !important;
    }
}

.ctr{

    margin-top: -10px;
}

.section-pricing-fms{
    font-size: 21px;
}

#site-header .header-row {
        flex-wrap: wrap;
    }
@media (min-width: 620px) {

    #site-header .content {
        padding: 10px 30px 30px;
    }

	#site-header .header-top {
        position: relative;
        background-color: #fff;
        padding: 20px 15px 20px 15px;
    }

	div.home #site-header .header-top { background-color: #ffffff }

	#site-header .header-titre {
		font-size: 22px;
	}

	#site-header .header-titre span {
        text-transform:uppercase;
    }

    #site-header .header-intro2 {
        font-size: 17px;
		padding-top:10px;
        padding-bottom:10px;
    }
	#site-header .header-intro {
        font-size: 24px;
        padding-bottom: 25px;
    }

    #site-header .header-ad {
        font-family: 'ProximaNovaBold';
        text-align: left;

        padding:12px 0;
    }

	div.home #site-header .header-ad {
        background:none;
        padding:auto;
    }
    div.home #site-header .header-ad-s {
        background:none;
        padding:auto;
    }

	#site-header .header-content {
        width: 40%;
    }

    #site-header .header-seen {
        font-size: 22px;
    }

    div.home #site-header .header-seen {
        position: relative;
        font-size: 27px;
        line-height: 35px;
    }
    div.home #site-header .header-seen  .pf-bold {
        font-size: 31px;
    }


    div.home #site-header .header-ad-s .header-seen {
        padding-top: 40px;
        margin-top: 26px;
        position: relative;
        display: block;
    }



    #site-header .header-seen.block {
        font-size: 30px;
        margin: 0 auto 26px;
    }

    #site-header .tf1 {
        width: auto;
		margin-left:10px;
    }
    .esca-menu-text{
        font-size: 16px;
        font-family: ProximaNova;
        color: #3c3c3c;
        text-transform: none;
        display: table-cell;
    }
    .esca-menu-img{
        display: table-cell;
        vertical-align: text-bottom;
    }

    .esca-menu-img-img{
        width: 56px;
        padding-left: 10px;
    }
}



@media (min-width: 768px) {

    #site-header .brand-text{
        font-size: 20px;
    }

}

/* // Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... } */


@media (min-width: 940px) {
    div.home #site-header .header-seen {
        font-size: 18px;
    }
    div.home #site-header .header-seen  .pf-bold {
        font-size: 25px;
    }


    #site-header .brand-text{
        text-align: left;
        flex-basis: inherit;
        font-size: 20px;
    }

    #site-header {
        background-size: auto;
    }

    #site-header .offer {
        background-color:#e7692f;
        position: relative;
        overflow: hidden;
    }

    #site-header.common-header {
        height: 530px;
    }

    #site-header .burger {
        display: none;
    }

    #site-header .menu-list {
        display: -webkit-box;
        display: box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
                box-orient: horizontal;
        -webkit-box-direction: normal;
                box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
                box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: flex-start;
        margin: 0;
    }
     .menu-list li:last-child{
        text-align: right;
    }

    #site-header.common-header .header-text {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
    }

    #site-header.common-header .header-intro {
        padding-bottom: 10px;
    }

    #site-header .content {
        padding: 10px 0 40px;
    }

    #site-header .header-bottom {
        padding: 0 0 0 80px;
		text-align: left;
    }

	div.home #site-header .header-bottom {
        padding: 0;
        display: block;
    }

    div.home #site-header .header-bottom {
        padding: 0;
        display: block;
    }

    #site-header .header-titre {
        font-family: 'ProximaNovaBold';
        font-size: 40px;
    }
	#site-header .header-intro2 {
        font-family: 'ProximaNovaBold';
        font-size: 20px;
    }
	#site-header .header-intro {
        font-family: 'ProximaNovaBold';
        font-size: 34px;
    }


    #site-header .header-nav {
        display: block;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 14px;
        font-family: 'ProximaNovaBold';
        text-transform: uppercase;
        /*border-top: 2px solid #c5c5c5;*/
        padding-top: 0px;
        background: #e6e6e6;
    }

    #site-header .header-top {
        position: relative;
        background-color: #e6e6e6;
        padding: 0px 0 0px 0px;
    }

    #site-header .header-nav .menu-list.dropdownlist a {
        display: table-cell;
    }

    #site-header .header-nav .menu-list.dropdownlist  >li{
        padding: 0 30px 0 10px !important;
    }

    #site-header .header-nav .menu-list.dropdownlist  >li li{
        padding: 10px !important;
        text-align: left;
        font-size: 12px;
    }

    #site-header .header-nav .menu-list.dropdownlist  > li,
    #site-header .header-nav .menu-list.dropdownlist  > li li {position: relative; }



    #site-header .header-nav .menu-list.dropdownlist  > li li:hover {color: #1d4e8b; background-color: #e6e6e6;}

    #site-header .header-nav .menu-list.dropdownlist  ul {
      position: absolute;
      width: 100%;
      top: 78px;
      left: 0;
      max-height: 0em;
      margin: 0;
      padding: 0;
      background-color: #ddd;
      overflow: hidden;
      transition: .5s max-height 0.3s;
      z-index: 100000;
      color: #3c3c3c;
      text-align: left;
    }

    #site-header .header-nav .menu-list.dropdownlist  > li:hover ul {
      max-height: 13em;
    }

    #site-header .header-row {
        padding-bottom: 0;
        background-color: #ffffff;
        padding-top: 30px;
    }

    #site-header .header-content {
        font-family: 'ProximaNova';
        width: 100%;
    }

    #site-header .header-text {
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 60px;
        width: 50%;
    }

	div.home #site-header .header-text {
        width: 60.125%;
        background: url(../images/home/bg_tv.jpg);
        position: relative;
        float: left;
        background-size: cover;
        background-position-x: -60px;
    }

	div.home #site-header .header-text img {
        width: 100%;
    }

    #site-header .header-ad {
        display: inline-block;
        padding-top: 12px;
        text-align: left;
    }

	div.home #site-header .header-ad {
        position: absolute;
        bottom: 170px;
        text-align: left;
        left: 50px;
    }

	#site-header .header-ad-c {
        display: inline-block;
        position : relative;
        bottom: 50px;
        top: -12px;
        padding-top: 12px;
        text-align: center;
        left: 0.4px;;
    }

    #site-header .header-ad-s {
        display: inline-block;
        position: absolute;
        bottom: 50px;
        padding-top: 12px;
       /* text-align: center; */
        left: 0;
		font-family:"ProximaNovaBold";
    }

    #site-header .header-sticker {
        display: inline-block;
        vertical-align: bottom;
        width: 50%;
    }

	div.home #site-header .header-sticker {
        width: 40.27777777%;
        background: #399ed5;
        float: left;
    }

    #site-header .sticker {
        display: block;
        text-align: center;
        margin: 0 0 0 auto;
        min-height: 390px;
    }

    .header-allBlack {
        display: inline-block;
        position: relative;
        background: #0d0d0d;
        border-right: 1px solid #ffffff;
        width: 31.52777777%;
        float: left;
        border : 0px;
    }



    #site-header .call-form p {
        font-size: 18px;
    }

    #site-header .header-small {
        display: block;
        font-size: 12px;
        font-family: 'ProximaNova';
		padding-right:0;
        padding-top: 0;
    }

	div.home #site-header .header-small {
        text-align: center;
    }

	#site-header .header-small a:hover { text-decoration:underline; }

    #site-header .bank-pic {
        padding: 0 5px;
    }

	#site-header .offer {
        background-color: #399ed5;
        background-color: rgb(231, 105, 47);
        font-family: 'ProximaNovaBold';
        margin: 0 0 0 auto;
        text-align: center;
        max-width: 580px;
        width: 100%;
    }

    #site-header .offer-text {
        font-size: 45px;
        /*text-transform: uppercase;*/
        padding-top:1px;
    }

	div.home .call-content .intro-titre {
        font-size: 30px;
    }

    #site-header .offer-text span {
        display: block;
        font-size: 20px;
    }

	div.home #site-header .offer-text span { font-size: 22px; }

	#site-header .offer-text span.offer-prolongation {
        display: table;
        font-size: 24px;
		background:#1d4d8b;
		border:2px solid #fff;
		text-transform:uppercase;
		padding:10px 18px;
		margin:0 auto 10px;
		width:auto;
    }
}


@media (min-width: 1200px) {

    #site-header .header-nav .menu-list.dropdownlist  >li li{
        font-size: 16px;
    }


    div.home #site-header .header-ad {
        bottom: 50px;
    }

    div.home #site-header .header-seen {
        font-size: 21px;
    }
    div.home #site-header .header-seen  .pf-bold {
        font-size: 27px;
    }

    #site-header .brand-text{
        font-size: 30px;
    }

    #site-header .header-nav {
        font-size: 19px;
        padding-bottom: 20px;
        background: #e6e6e6;
    }

}

.line1{
        font-size: 38px !important;
        line-height: 48px !important;
            font-family: ProximaNovaBold;
    }

    .line2{
        text-transform:none;
    }

    .line-price{
        font-size: 42px !important;
            font-family: ProximaNovaBold;
    }

    .line-per-month{
        text-transform:none !important;
        font-size: 16px;
    }

    .jenProfite{
        font-family: 'ProximaNova';
        font-size: 29px !important;
        padding: 18px !important;
        background: #399ed5 !important;
        display: block !important;
        width: 218px;
        margin: 40px 0;
    }
    .allblack-home{
        position:absolute;
        bottom: 0;
    }

@media (min-width: 1440px) {
    #site-header .brand-text{
        font-size: 34px;
    }

	#site-header .header-titre {
		font-size: 58px;
	}

	#site-header .header-intro2 {
		font-size: 32px;
	}
}


/* ==========================================================================
   Site footer
   ========================================================================== */

#site-footer {
    background-color: #e6e6e6;
    padding: 20px 20px 70px;
}

#site-footer .footer-row {
    text-align:center;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

#site-footer .footer-logo {
    padding: 15px 0;
    width: 120px;
}

#site-footer .footer-text {
    color: #505050;
    font-size: 18px;
    padding-top: 30px;
}

#site-footer small {
    display: block;
    color: #787878;
    font-size: 12px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#site-footer small.terms {
    /*font-size: 13px;*/
    opacity: 1;
    filter: alpha(opacity=100);
}

#site-footer .footnote {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
}

.copyright.footnote {
    display: inline-block;
    vertical-align: top !important;
    width: 51% !important;
}
.references.footnote {
    display: inline-block;
    vertical-align: bottom;
    width: 49% !important;
}

#site-footer .copyright {
    padding: 0 0 60px;
}

#site-footer small.references {
    text-align: right;
}

#site-footer .footer-nav {
    color: #505050;
    font-size: 18px;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

#site-footer .footer-nav li {
    padding: 10px 0;
}

.mentions-cnil {
    padding: 20px 20px 0;
    color: #646464;
    font-size: 13px;
    text-align: justify;
}

.signature_eps { color:#444; margin:10px 0; }

@media (max-width: 620px){
    #site-footer small.references {
        text-align: center;
        display: table-header-group;
    }
    #site-footer .footnote {
        text-align: center;
        display: inline-block;
        width: 100% !important;
    }
}

@media (min-width: 620px) {
    #site-footer .footer-row {
        -webkit-box-orient: horizontal;
                box-orient: horizontal;
        -webkit-box-direction: normal;
                box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: end;
                box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
                box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    #site-footer .footer-nav {
        text-align: right;
    }

    #site-footer .footer-nav li {
        padding: 5px 0;
    }

    #site-footer .copyright {
        padding: 0;
        text-align: left;
    }

    #site-footer .copyright small {
        display: inline-block;
        padding: 0;
        vertical-align: baseline;
    }
}

@media (min-width: 940px) {
    #site-footer {
        padding: 30px 0 80px;
    }

    #site-footer .footer-row {
        -webkit-box-align: center;
                box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #site-footer .footer-nav {
        padding-top: 10px;
    }

    #site-footer .footer-nav li {
        padding: 0;
    }

    #site-footer .menu-list {
        display: -webkit-box;
        display: box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
                box-orient: horizontal;
        -webkit-box-direction: normal;
                box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
                box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0;
    }

    #site-footer .menu-list li:nth-child(n+2) {
        padding-left: 20px!important;
    }
}


/* ==========================================================================
   Section call
   ========================================================================== */

#section-call {
    position: relative;
}

#section-call .content {
    padding: 20px 15px;
    overflow: hidden;
}

#section-call .bank-pic {
    height: 20px;
}

#section-call .call-footnote {
    display: none;
}

.call-content {
    background-color: #60b1dd;
}

.call-content h2 {
    font-size: 18px;
    padding: 0;
}

.call-content .intro-titre {
    display: block;
    font-size: 18px;
    padding: 0;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

.call-content p {
    font-size: 16px;
    padding-bottom: 10px;
}
div.home .call-content p { padding-bottom: 3px; }

.call-content .separator {
    font-size: 24px;
    text-transform: uppercase;
    padding-top: 20px;
}
.call-content .separator:before, .call-content .separator:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #ffffff;
    margin: 0 20px;
    height: 1px;
    width: 80px;
}
div.home .call-content .separator {
    padding: 10px 0;
    display: block;
}

.call-content strong {
    font-size: 27px;
}

.call-content .call-partners {
    font-size: 12px;
    font-family: 'ProximaNova';
}

.strikethrough {
    position: relative;
}

.new{
    position: absolute;
    background-color: #60b1dd;
    color: white;
    padding: 10px;
    padding-left: 120px;
    padding-right: 120px;
    font-size: 16px;
    transform: rotate(30deg);
    top: 15px;
    right: -105px;
}

.esp{
    text-decoration:underline !important;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 3px solid;
  border-color: inherit;

  -webkit-transform:rotate(-20deg);
  -ms-transform:rotate(-20deg);
  transform:rotate(-20deg);
}

.call-content .call-box {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
            box-orient: horizontal;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
            box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #399ed5;
    margin: 15px 0;
    padding: 10px 30px;
}

.call-content .box-pic {
    height: 30px;
    padding-right: 20px;
}

.call-content .box-text {
    text-align: left;
}

.call-content .call-box p {
    font-size: 20px;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

.call-content .call-box small {
    font-weight: normal;
}

div.home .call-content .call-form { margin: 12px 12px 0 12px; }

.call-content .call-form p {
    font-weight: normal;
}

.call-content .call-form .a_blocfctl {
    display: table;
    width: 100%;
    max-width: 428px;
    margin: 0 auto;
}

.call-content .call-form input {
    font-size: 16px;
    padding: 10px 5px;
}

.call-content .call-form input[type="tel"] {
    color: #555;
    font-family: Arial, sans-serif;
    min-width: 0;
    width: 100%;
}

.call-content .call-form button[type="button"], .call-content .call-form .blocboutons input {
    color: #ffffff;
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    transition: background-color 0.25s;
    -webkit-appearance: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    padding: 0px 0px;
}

.searchbtn{
    margin-top:0px !important;
}

.call-content .call-form button[type="button"]:hover, .call-content .call-form .blocboutons input:hover {
    background-color: #4babe2;
    transition: background-color 0.25s;
	-webkit-appearance: none;
}

.___UpdatePanel, .blocboutons { display:table-cell; vertical-align:middle; }

.call-content .call-form .___UpdatePanel { width:100%; }

.call-content .___UpdatePanel span { font-size:12px; bottom: -45px; display: block; left: 50%; margin-left: -125px; position: absolute; width: 250px; }

.offer-content {
    background-color: rgb(231, 105, 47);
    padding:0px !important;
}

.offer-content .offer-text {
    font-family: 'ProximaNovaBold';
    font-size: 32px;
    /*text-transform: uppercase;*/
}

.offer-content .offer-text span {
    display: block;
    font-size: 22px;
}

.offer-text2{
    font-family: 'ProximaNova';
    font-size: 1.2em;
}

.offer-text3{
    font-family: 'ProximaNova';
    font-size: 1.8em;
}

@media (min-width: 620px) {
    #section-call .content {
        padding: 25px 15px;
        overflow: hidden;
    }

    #section-call .call-footnote {
        display: block;
    }

    .call-content .call-intro {
        display: block;
        font-size: 16px;
    }

    .call-content .intro-paragraph {
        display: block;
        font-weight: normal;
    }

    .call-content .box-pic {
        height: auto;
        padding-right: 10px;
        vertical-align: middle;
    }

    .call-content .intro-number {
        font-size: 63px;
        font-family: 'ProximaNovaBold';
        vertical-align: middle;
        word-spacing: -10px;
    }

    .call-content h2 {
        font-size: 34px;
    }

    .call-content .intro-titre {
        font-size: 30px;
        font-family: 'ProximaNovaBold';
        padding-bottom: 10px;
        text-transform: uppercase;
    }


    .call-content .call-promotion {
        display: block;
        font-family: 'ProximaNovaBold';
    }

    .call-content .call-box {
        display: none;
    }

    .call-content .separator:before, .call-content .separator:after {
        width: 100px;
    }

    .call-content .call-form {
        -webkit-box-pack: center;
                box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 20px 0;
    }
    div.home .call-content .call-form { margin: 20px 0 0; }

    .call-content .call-form input[type="tel"] {
        display: inline-block;
        vertical-align: middle;
    }

    #section-call .call-partners {
        padding: 15px 0;
    }

    #section-call .call-partners br {
        display: none;
    }

    #section-call .bank-pic {
        height: auto;
        padding: 0 5px;
    }

    .call-content small {
        display: block;
        font-weight: normal;
    }
}

@media (min-width: 940px) {
    #section-call {
        display: none;
        height: 0;
    }
}

/* ==========================================================================
Section news
========================================================================== */

#section-news h2 {
    color: #1d4e8b;
}

#section-news .articles {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-box-direction: normal;
            box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0;
}

#section-news article {
    padding: 10px 0;
    text-align: left;
}

#section-news article .image-wrapper {
    position: relative;
}

#section-news article img {
    /*display: block;*/
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
}

#section-news article time, #section-news article p.time {
    display: block;
    color: #787878;
    font-size: 15px;
}

#section-news article h3 {
    color: #505050;
    font-size: 24px;
    padding: 5px 0 10px;
    text-transform: none;
}

#section-news article h3:hover { text-decoration:underline; }

#section-news article p {
    color: #787878;
    font-size: 15px;
    line-height: 21px;
}

#section-news article footer {
    padding: 15px 0;
    text-align: right;
}

#section-news article .more {
    display: inline-block;
    color: #399ed5;
    font-size: 12px;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
}

@media (min-width: 620px) {
    #section-news .articles {
        display: -webkit-box;
        display: box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
                box-orient: horizontal;
        -webkit-box-direction: normal;
                box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        padding: 0 0 20px;
    }

    #section-news article {
        -webkit-box-flex: 1;
                box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-right: 20px;
        padding-top: 0;
    }

    #section-news article:nth-child(3n) {
        padding-right: 0;
    }

    #section-news article footer {
        text-align: left;
    }
}

@media (min-width: 940px) {
    #section-news article {
        padding-right: 40px;
    }

    #section-news article:nth-child(3n) {
        padding-right: 0;
    }
    .esca-mobile-menu{
        display:none;
    }
}

@media (max-width: 940px) {
	br.desktop { display:none; }
    
}

.play {
    cursor: pointer;
}

#eKomiWidget_default {
    padding-top:35px;
    opacity: 1;
    z-index: 3;
    position: fixed;
    bottom: -84px;
    right: 35px;
    transition: .7s;
}

#eKomiWidget_default.openBlock {
    bottom : 0px;
    transition: .7s;
}

@media (max-width: 500px) {
    #eKomiWidget_default {
        position: inherit;
        background: inherit;
        text-align: center;
    }
}
div#ei_cookie_perso {
    background-color: #fff !important;
    position: relative !important;
}

.ei_cookie__wrapper {
    padding: 0px !important;
}



/* The Modal (background) */
.modal {
    /*display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0, 0, 0, 0.69);
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: auto;
    z-index: 100;
}

.modal_perso {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.69);
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 101;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Modal Content */
.modal-content {
    background-color: rgba(38,38,38,0.9);
    color: #fff;
    padding: 10px 200px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: justify;
}

.modal-content-perso {
    position: relative;
    background-color: #fefefe;
    /* margin: auto; */
    padding: 30px;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: justify;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 0; font: 15px/1.4 'Carnas-Thin', sans-serif;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

#politique_cookie{
    text-decoration: underline;
    color: #fff;
}

button#personnaliser {
    background-color: #41414100;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Carnas';
    font-size: 0.8em;
    font-weight: 300;
    margin-bottom: 0;
    padding: 15px;
    transition: background-color 0.25s;
    margin-top: 0;
}

button#AcceptAll {
    background-color: #edecea;
    border: 1px solid #edecea;
    color: #000;
    cursor: pointer;
    font-family: 'Carnas';
    font-size: 1em;
    margin-bottom: 0;
    padding: 10px;
    text-transform: uppercase;
    transition: background-color 0.25s;
    width: 80px;
    margin-top: 0;
    margin-left: 20px;
    font-weight: bold;
}

button#AcceptAll:hover {
    background-color: #414141;
    color: #fff;
    border: 1px solid #edecea;
}

button#AcceptPerso {
    
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000;
    cursor: pointer;
    font-family: 'Carnas';
    font-size: 1em;;
    margin-bottom: 0;
    padding: 10px;;
    text-transform: uppercase;
    transition: background-color 0.25s;
    width: 150px;
    margin-top: 0;
    margin-left: 20px;
    font-weight: bold;
}

.bloc_button {
    text-align: right;
    margin:0px;
}
.bloc_button_perso{
    text-align: center;
    margin: 30px 0px;
}

div#personnalisation_cookie h4{
    margin: 10px 0;
    display: inline-block;
    font-size: 16px;
}
h2.cookie_h2 {
    padding-bottom: 10px;
}
div#personnalisation_cookie {
    margin: 15px 0;
}
div#recaptcha {
    /*display: none;*/
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

@media only screen and (max-width:879px) {
    button#personnaliser {
        margin-bottom: 20px;
        width: 100%;
    }
    button#AcceptAll {
        margin-left: 0;
        width: 100%;
    }
    .modal-content {
        width: 100%;
        padding: 10px;
    }

    .modal-content-perso {
        width: 60%;
    }
}

.homiris-ListBoxContent--Documentation a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
}

.homiris-ListBoxContent--Documentation a:hover {
	color: #0056b3;
	text-decoration: underline;
}

.homiris-ListBoxContent-titleLvl2 {
	margin: 0 0 30px;
	font-size: 18px;
	color: #314788;
}

.homiris-ListBoxContent-titleLvl3 {
	margin: 0;
	font-size: 1.13em;
	line-height: 25px;
	color: #314788;
}

.homiris-ListBoxContent-discListItem {
	margin-bottom: 25px;
	font-family: "EncodeSans-Regular", "Arial";
}

.homiris-ListBoxContent-discListItem:before {
	content: '  \2022';
	color: #314788;
}