@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&display=swap');


body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
    direction: ltr;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{  font-family: 'Source Sans Pro', sans-serif;}

.container-fluid {
    max-width: 1600px
}

.navbar-header {
    float: none;
    background: #e2e8ed
}

.navbar-collapse .menu:after {
    content: '';
    display: block;
    overflow: hidden;
    clear: both
}


.top-header {
    background: #435463;
    padding: 30px 0
}

.top-header .logo {
    margin: 0
}



.top-header .search-block-form .form-actions {
position: absolute;
right: 0;
top: 0;

}
.top-header .search-block-form{position: relative;}
.top-header .search-block-form .form-group {
    margin-bottom: 0;
    width: 100%;
}


.top-header .search-block-form .form-control {
    border-radius: 3px;
    border: solid 1px #9ba8b5;
    background-color: #566573;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #9ba8b5;
    text-transform: uppercase;
    height: 45px
}


.top-header .search-block-form .form-submit {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #9ba8b5;
    border-left: 0;
    right: 0;
    position: absolute;
    height: 45px;
    width: 50px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 2;
}

.top-header .search-block-form .form-actions:after{
    content: "\e003";
    position: absolute;
    top: 15px;
    right: 25px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #9ba8b5;
    z-index: 1;


}
/*
#block-btnconnection {
    margin-right: 40px
}*/

#block-btnconnection .btn-connect i {
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    font-size: 22px;
    line-height: 0.6;
    vertical-align: bottom;
}

#block-tsb-main-menu::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
#block-tsb-main-menu { overflow: -moz-scrollbars-none;-ms-overflow-style: none;scrollbar-width: none;  }
#block-tsb-main-menu { -ms-overflow-style: none; }
#block-tsb-main-menu ::-webkit-scrollbar { display: none;}


#block-btnconnection .btn-connect {
    border-radius: 3px;
    background-color: #da0037;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    position: relative;
}

.lang-change {
    margin-top: 7px
}


.lang-change .btn-group > .btn {
    border: 0;
    background: transparent !important;
    padding: 0 5px;
    font-size: 15px;
    box-shadow: none;
    color: #9da9b4 !important;

}

.lang-change .region {
    border: 0;
    background: transparent;
    padding: 0 5px;
    font-size: 15px
}

.lang-change .dropdown-menu {
    min-width: inherit;
    background: #9ba8b5;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    color: #fff

}

.lang-change .btn-default {
    color: #9da9b4;
    font-weight: 700;
    font-size: 14px;
}

.lang-change .open > .dropdown-toggle.btn-default:hover .caret {
    color: #fff;
}

.lang-change .open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent;
    border: 0;
    box-shadow: none;


}

.lang-change .dropdown-menu > li > a {
    padding: 5px 10px;
    color: #566573;
    text-align: center;
}

.navbar {
    border-radius: 0;
    margin-bottom: 0;
    border: 0
}


.navbar-default .menu--main li a:hover, .navbar-default .menu--main li a.is-active {

    color: #da0037;
    background: #fff
}

.navbar-default .menu--main li a {
    font-size: 18px;
    color: #435463;
    background: transparent;
    padding: 0 30px;
    height: 60px;
    line-height: 60px
}


.menu-rh .nav li {
    text-align: right;
}

.menu-rh .nav li a:hover, .menu-rh .nav li a:focus  {

    background: #9b2642;
    color: #fff;

}
.menu-rh .nav li a {
    font-size: 16px;
    font-weight: bold;
    color: #435463;
    display: inline-block;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase
}

.menu-rh .caret{ display: none}

.menu-rh .dropdown-menu{ left: inherit; right: 0; border: 0; border-radius: 0;background: #9b2642; padding: 0; margin: 0; width: 100% ; min-width: fit-content;
  min-width: -moz-max-content; min-width: -webkit-max-content; }
.menu-rh .dropdown-menu li a{  color: #fff }
.menu-rh .dropdown-menu li a:hover,.menu-rh .dropdown-menu > .active > a{ background: #8a1c36 }

.menu-rh .dropdown-menu li a { display: block;}






.menu-rh .dropdown-menu li {  text-align: center}





.navbar-collapse .menu li {
    float: left
}

.navbar-collapse .menu li a {
    height: 80px;
    line-height: 80px;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    color: #435463;
    padding: 0 25px
}


.navbar-collapse .menu li a:hover {
    background: none;
    color: #da0037;
}
 .navbar-collapse .menu li a.is-active {
    background: #fff;
    color: #da0037;
}

.link-rh:after{
    display: inline-block;
    content: "";
    background: url("../images/icone-menu.png") no-repeat;
    width: 25px;
    height: 21px;
    margin-left: 10px;
   vertical-align: text-top;



}
.link-rh:hover:after {
    content: "";
    background: url("../images/icone-menu-hv.png") no-repeat;




}
.open .link-rh:after{

    background: url("../images/icone-menu-focus.png") no-repeat;


}

.wrapper-banner-espace .banner-caption {
    top: 50%;
    color: #fff;
    position: absolute;
    transform: translateY(-50%);
    width: 40%
}


.wrapper-banner-espace .banner-caption h2 {
    font-size:60px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 40px;
    min-height: 40px;
}

.wrapper-banner-espace .banner-caption .body {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    color: #ffffff;
    margin-bottom: 40px;
    width: 80%
}


.wrapper-banner-espace .banner-caption .btn {
    border-radius: 3px;
    border: solid 1px #ffffff;
    background-color: transparent;
    color: #fff;
    display: inline-block;
    padding: 20px 40px;

}
.wrapper-banner-espace .banner-caption .btn:hover{ background: #fff; color: #435463 }
.Top-banner{position: relative}

.bloc-flotant-pdt {
    bottom: 0;
    right: 0;
    position: absolute;
    padding: 50px 25px 30px 90px;
    background: #435463;
    background-size: cover;

    color: #fff;
    display: inline-block;
    z-index: 999;
    max-width: 390px;
}
.bloc-flotant-pdt .form-group{ position: static}
.bloc-flotant-pdt:after {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    background: url("../images/icone-red.png") no-repeat;
    width: 70px;
    height: 77px;
    display: inline-block
}


.bloc-flotant-pdt h2 a {
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-weight: 700
}

.bloc-flotant-pdt .slogon {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    margin-top: 10px;
    color: #dc0b37;

}


.bloc-flotant-pdt .description {
    margin: 30px 0
}

.bloc-flotant-pdt .description p {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #fffefe;
}

.bloc-flotant-pdt .btn {
    padding: 0
}

.bloc-flotant-pdt .btn a {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.5px
}
.bloc-flotant-pdt .btn a:hover{
    color: #d90937;

}
.bloc-flotant-pdt .btn a:hover:after{
    background: url("../images/arrow-right-hv.png") no-repeat;
    margin-left: 10px;


}
.bloc-flotant-pdt .btn a:after {
    content: "";
    display: inline-block;
    background: url("../images/arrow-right.png") no-repeat;
    width: 29px;
    height: 12px;
    margin-left: 7px;
    vertical-align: middle;
    transition: all 0.3s ease;
}


.listing-pdt-espace {
    margin-bottom: 85px
}

.title-section-pdt {
    font-size: 49px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    color: #435463;
    margin: 45px auto

}


.title-section-pdt strong {
    font-weight: 900
}

/*.title-section-pdt:before {*/
/*    content: "";*/
/*    background: url("../images/icone-red.png") no-repeat;*/
/*    width: 70px;*/
/*    height: 77px;*/
/*    display: inline-block;*/
/*    margin-right:15px;*/

/*}*/



.listing-pdt-espace .item-pdt {
    margin: 0 35px
}

.listing-pdt-espace .item-pdt:hover {
    background: #435463;
}
.listing-pdt-espace .item-pdt:hover .title a{
    color: #fff;
}
.listing-pdt-espace .item-pdt:hover .description{
    color: #fff;
}
.listing-pdt-espace .item-pdt:hover .btn-pdt a{
    color: #fff;
    border: solid 1px #fff;
}
/*.listing-pdt-espace .item-pdt:hover .title a,.listing-pdt-espace .item-pdt:hover .description, .listing-pdt-espace .item-pdt:hover .btn-pdt a{ color:#fff; border-color:#fff}*/

.listing-pdt-espace .img {
    margin-bottom: 35px
}
.img_users{
    margin-left: auto;
}


.listing-pdt-espace .title {
    min-height: 66px;
    overflow: hidden;
    padding: 0 40px;
    margin-bottom: 20px;

}

.listing-pdt-espace .title a:hover {
    color: #d90937
}

.listing-pdt-espace .title a {
    font-size: 26px;
    font-weight: bold;
    line-height: normal;
    color: #3b3e4c;
    margin-bottom: 30px
}

.listing-pdt-espace .description {
    font-size: 21px;
    font-weight: 300;
    line-height: 28px;
    color: #435463;
    padding: 0 40px;
   min-height: 85px;    
    margin-bottom: 20px
}

.listing-pdt-espace .btn-pdt {
    padding: 0 40px;


}

.listing-pdt-espace .btn-pdt a {
    border-radius: 3px;
    border: solid 1px #435463;
    color: #202020;
    background: transparent;
    display: inline-block;
    padding: 15px 40px;
    font-weight: 600;
    margin-bottom: 20px;

}

.listing-pdt-espace .btn-pdt a:hover, .listing-pdt-espace .item-pdt:hover .btn-pdt a:hover {

    color: #fff;
    background: #d90937;
    border-color: #d90937


}

.btn-fixed-open{ margin-bottom: 25px; background: transparent; text-align: center; display: none}
.btn-fixed-open .link{ color: #fff; display: inline-block; width: 50px; height: 50px; background: #eb212e; border-radius: 50%; text-align: center;margin-top: 5px; line-height: 50px; font-size: 20px; }






.link_blc_flottant {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}


.link_blc_flottant .fixed-menu {
    position: relative;
    border-top: 4px solid #eb212e;
    z-index: 1;
    background: #fff;
}

.link_blc_flottant .fixed-menu li {
    padding: 20px 5px;
    border-bottom: 1px solid #e5e5e5
}

.link_blc_flottant .fixed-menu .btn_close {
    padding: 5px;
    display: inline-block;
    background: #eb212e;
    color: #fff;
    position: absolute;
    top: -25px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 200px 200px 0px 0px;
    -moz-border-radius: 200px 200px 0px 0px;
    -webkit-border-radius: 200px 200px 0px 0px;
    border: 0px solid #000000;
    width: 50px;
    height: 25px;
    text-align: center
}


.link_blc_flottant .fixed-menu .btn_close a {
    color: #fff
}

.link_blc_flottant .fixed-menu .picto {
    text-align: center;
    margin-bottom: 5px
}

.link_blc_flottant .fixed-menu .picto span { display: block}
.link_blc_flottant .fixed-menu .picto img { display: inline-block; transition: all 1s ease;}
.link_blc_flottant .fixed-menu .picto img:hover { position: relative; top: -3px}




.link_blc_flottant .fixed-menu .picto a {
    display: inline-block
}

.link_blc_flottant .fixed-menu .txt {
    text-align: center;
    line-height: 1;
    display: block;
    margin-top: 5px;

}

.link_blc_flottant .fixed-menu  a {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #000000;
    font-weight: 400;
    display: inline-block;



}

.link_blc_flottant .fixed-menu .social-link {
    text-align: center;
}

.link_blc_flottant .fixed-menu .social-link i.zmdi-facebook { color: #005b7d}
.link_blc_flottant .fixed-menu .social-link i.zmdi-linkedin {color: #488dc8}
.link_blc_flottant .fixed-menu .social-link i.zmdi-youtube-play {color: #eb212e}
.link_blc_flottant .fixed-menu .social-link i {
    font-size: 20px; margin: 0 3px;
}



/** bg color SECTION **/


.cursus-section .wrapper-extern {

}
.cursus-section .red-bg {
    background: #d90937 url("../images/bg-white.png") no-repeat;
    background-size: contain;
    padding-bottom: 30px
}

.cursus-section .Blue-bg{

    background: #435463 url("../images/bg-white.png") no-repeat;
    background-size: contain;
    padding-bottom: 50px

}

.cursus-section .Sky-bg{

    background: #a4c0c4 url("../images/bg-white.png") no-repeat;
    background-size: contain;
    padding-bottom: 50px


}

.cursus-section .content{padding: 0 50px}
.cursus-section .title-h2 {
    font-size: 72px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 30px;
    color: #fff;
    margin-top: 150px
}

.cursus-section .body {

    font-size: 22px;
    font-weight: 300;
    color: #ffffff;
    width: 70%;
    line-height: 1.4;
    min-height: 115px;


}
.cursus-section .img{position: relative}
.cursus-section .img .txt{    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff; position: absolute; bottom: 0; left: 0; letter-spacing: -15px; font-size: 180px; font-weight: 700; text-transform: uppercase; line-height: 0.72}


.cursus-section .img img{
    -webkit-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.13);
    box-shadow: 10px 10px 3px 0px rgba(0,0,0,0.13);

}

.link-border-bg {
    border-radius: 3px;
    border: solid 1px #ffffff;
    background-color: #ffffff;
    color: #435463;
    font-weight: 700;
    display: inline-block;
    padding: 25px 70px;
    margin-top: 20px;
    position: relative;
    z-index: 999  ;
}
.link-border-bg:hover{
    background: transparent;
    color:#fff ;
}
.link-border {
    border-radius: 3px;
    border: solid 1px #ffffff;
    background-color: transparent;
    color: #fff;
    display: inline-block;
    padding: 25px 70px;
    margin-top: 20px;
    position: relative;
    z-index: 999  ;


}
.link-border:hover{

    background: #fff;
    color:#435463 ;
}


.cursus-section .txt-border {
    font-size: 241px;
    font-weight: bold;
    line-height: 0.7;
    text-align: left;
    margin-top: 15px;

    text-transform: uppercase;

    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;


}

/** bloc vacance **/

.middle-txt-zn.blue-cover {
    background: #4ecbf8;
    position: relative;
    z-index: 99;

}
.middle-txt-zn.img-cover .paragraph{
    padding: 200px 0 150px

}
.middle-txt-zn .blue-second-bg{ background-color: #435463}
.middle-txt-zn .sky-second-bg{ background-color: #a4c0c4}
.middle-txt-zn .red-second-bg{ background-color: #d90937}
.middle-txt-zn.blue-cover{
    padding: 160px 0


}


.middle-txt-zn.blue-cover:before {
    background: url("../images/bg-blue.png") no-repeat;
    position: absolute;
    z-index: 9999999;
    content: "";
    display: block;
    bottom: 100%;
    left: 0;
    height: 118px;
    width: 100%
}


.middle-txt-zn .img-bg {
    position: absolute;
    left: 35%;
    bottom: 0;
    z-index: -1
}

.middle-txt-zn .title-h2 {
    font-size: 72px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 40px;
    color: #fff;
    text-shadow: 2px 2px 5px #929292;
}

.middle-txt-zn.img-cover .body { min-height: 130px}
.middle-txt-zn .body {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    height: 60px;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    text-shadow: 2px 2px 5px #929292;

}


/** conseiller **/
.conseillers_section {
    overflow: hidden
}

.conseillers_section .item-left {
    padding: 100px 110px 20px 110px
}
.conseillers_section.full-page{
    padding-top: 80px;
    padding-bottom: 80px;


}
.conseillers_section.full-page .item-left .content{margin-bottom: 0}
.conseillers_section.full-page .item-left{

    padding: 0 0 0 110px

}

.conseillers_section .item-left .content {
    margin-bottom: 50px
}

.conseillers_section .item-left .title {
    font-size: 56px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #435463;
    position: relative
}


/*.conseillers_section .item-left .title:before {*/
/*    background: url("../images/icone-red.png") no-repeat;*/
/*    background-size: contain;*/
/*    position: absolute;*/
/*    z-index: 9;*/
/*    content: "";*/
/*    display: block;*/
/*    left: -100px;*/
/*    top: -25px;*/
/*    height: 77px;*/
/*    width: 70px*/
/*}*/


.conseillers_section .item-left .desc {
    font-size: 28px;
    font-weight: 300;
    color: #435463;
    line-height: 1.2;

}

.conseillers_section .item-left .img {
    margin-bottom: 60px
}

.btn-blue {
    border-radius: 3px;
    border: solid 1px #435463;
    background-color: #435463;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    margin-top: 20px;
}

.btn-pink {
    border-radius: 3px;
    font-size: 18px;
    font-weight: 600;
    border: solid 1px #d90937;
    background-color: transparent;
    color: #d90937;
    display: inline-block;
    padding: 15px 30px;
    margin-top: 20px;
}

.btn-pink:hover {
    background: #d90937;
    color: #fff;
    border: solid 1px #d90937;
}


.btn-blue:hover {
    background: transparent
}


.conseillers_section .item-right {
    padding: 100px 110px;
    background: #e2e8ed
}

/*.conseillers_section .item-right:after{ content: ""; display: block; position: absolute; left: 100%; width: 100%; top: 0; height: 100%; background: #e2e8ed}*/

.conseillers_section .item-right .img {
    margin-bottom: 70px;
    position: relative
}

.conseillers_section .item-right .txt-img {
    font-size: 36px;
    font-weight: bold;
    line-height: 0.7;
    color: #435463;
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    margin-bottom: 40px;
}


.conseillers_section .wrapper-right {
    text-align: right;
    padding-right: 150px
}

.conseillers_section .item-right .title {
    font-size: 24px;
    font-weight: bold;
    color: #435463;
    text-align: right
}

.conseillers_section .item-right h3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: right;
    color: #435463;
}

.conseillers_section .item-right .desc {
    font-size: 18px;
    text-align: right;
    font-weight: 300;
    line-height: 1.4;
    margin-top: 30px;
    min-height: 200px;
    color: #435463;
}


/** footer **/


.footer {
    margin: 0;
    padding: 0;
    border: 0
}

.bottom-section {
    background-color: #435463;
    color: #fff
}

.bottom-section .region-footer-bottom {
    position: relative
}

.bottom-section .region-footer-bottom:before {
    background: url("../images/icone-footer.png") no-repeat;
    position: absolute;
    z-index: 9;
    content: "";
    display: block;
    left: 0;
    bottom: 100%;
    height: 32px;
    width: 56px
}

#block-tsb-footer {
    margin-bottom: 15px
}

#block-tsb-footer li {
    display: inline-block;
    margin-bottom: 15px;

}

#block-tsb-footer li a {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    margin-right: 20px;
    display: inline-block;
    padding: 0
}

#block-tsb-footer li a:hover {
    background: none;
    color: #9ba8b5
}

.txt-copyright, .txt-copyright a {
    font-size: 14px;

    font-weight: 300;
    color: #90a7bc;
}

.txt-copyright a:hover {
    color: #d90937
}


/** newsletter **/


.bottom-section{padding: 60px 0}

.footer-news {
  margin-bottom: 80px;
}
#block-newsletter .webform-confirmation__message{
    height: 60px;
    line-height: 40px;
    color: #41b772;
    border: 1px solid #41b772;
    padding: 10px;
    margin-top: 10px;


}

.form-infoletter .form-actions{display: block}

.form-infoletter .left-newsletter:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden
}

.form-infoletter .detail {
    width: 49%;
    float: left;
    margin-right: 2%
}

.form-infoletter .main-form {
    width: 49%;
    float: left;
}

.form-infoletter .ico {
    float: left;
    margin-right: 15px;
    width: 42px;
    font-size: 50px;
    line-height: 0.9
}

.form-infoletter .txt {
    font-size: 30px;
    font-weight: 300;
    text-align: left;
    color: #ffffff;
    line-height: 1.2
}

.form-infoletter .right-infoletter {
    margin-top: 10px
}

.form-infoletter .right-infoletter .form-control {
    border-radius: 3px;
    border: solid 1px #9ba8b5;
    background-color: #3d4e5c;
    font-size: 14px;
    font-weight: 300;
    color: #90a7bc;
    text-transform: uppercase;
    height: 60px;


}

.form-infoletter .form-actions {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 100px;
    height: 60px
}

.form-infoletter .form-actions .btn.btn-danger  { display: none}

.form-infoletter .form-actions .btn {
    height: 60px;
    width: 100px;
    background: transparent;
    border: 0;
    text-indent: -9999px;
    position: relative;
    z-index: 2;


}

.form-infoletter .form-actions:after {
    content: "\f2f6";
    position: absolute;
    right: 50px;
    top: 10px;
    color: #fff;
    display: inline-block;
    z-index: 0;

    font: normal normal normal 40px/1 'Material-Design-Iconic-Font';
}


.bottom-section .right_rs {
    float: right
}

.bottom-section .right_rs li {
    display: inline-block;
    font-size: 45px;
    padding: 0 15px
}
.rs_icone{margin-top: 20px}
.rs_icone .fb-link{  background: url("../images/fb-ico.png") no-repeat; width: 18px; height: 34px;  }
.rs_icone .linkedin-link {  background: url("../images/linkedin.png") no-repeat; width: 31px; height: 30px;  }
.rs_icone .twitter-link{  background: url("../images/twitter-ico.png") no-repeat; width: 40px; height: 33px;  }
.rs_icone .youtube-link{  background: url("../images/youtube-ico.png") no-repeat; width: 43px; height: 30px;  }

.rs_icone .fb-link:hover{  background: url("../images/fb-ico-hv.png") no-repeat; width: 18px; height: 34px;  }
.rs_icone .linkedin-link:hover{  background: url("../images/linkedin-hover.png") no-repeat; width: 31px; height: 30px;  }
.rs_icone .twitter-link:hover{  background: url("../images/twitter-ico-hv.png") no-repeat; width: 40px; height: 33px;  }
.rs_icone .youtube-link:hover{  background: url("../images/youtube-ico-hv.png") no-repeat; width: 43px; height: 30px;  }

#search-block-form input::-webkit-input-placeholder, .form-infoletter input::-webkit-input-placeholder {
    color: #90a7bc;

}

/** liste service **/
.section-service { padding: 100px 0 80px; background: #e2e8ed}

.section-service .header-service h2{ font-size: 56px;
    font-weight: bold; margin-bottom: 15px; text-align: center; line-height: 1}
.section-service .header-service p{font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    color: #435463;
     width: 60%; margin: 0 auto 30px}



.section-service  .owl-carousel .owl-item .icone{  text-align: center; min-height: 80px}
.section-service .owl-carousel .owl-item img{ width: auto; display: inline-block}
.section-service .item .title{font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #435463; margin-top: 30px }



#search-block-form input:-moz-placeholder, .form-infoletter input:-moz-placeholder {
    color: #90a7bc;
}

#search-block-form input::-moz-placeholder, .form-infoletter input::-moz-placeholder {
    color: #90a7bc;
}

#search-block-form input:-ms-input-placeholder, .form-infoletter input:-ms-input-placeholder {
    color: #90a7bc;
}

#search-block-form input::-ms-input-placeholder, .form-infoletter input::-ms-input-placeholder {
    color: #90a7bc;
}


/*********************************************************** page listing carte ****************************************/


.listing-pdt-espace.listing-page .item-pdt{margin: 0 0 25px 0;padding: 0 15px ;}
 .list-agence .item:nth-child(3n+1){ clear: both}
.listing-pdt-espace.listing-page .title a{font-size: 26px}
.listing-pdt-espace.listing-page .description{font-size: 24px}
.listing-pdt-espace.listing-page .views-row:last-child .item-pdt{margin-bottom: 0}



.listing-pdt-espace.listing-page  .title, .listing-pdt-espace.listing-page  .description,.listing-pdt-espace.listing-page .btn-pdt{padding-left: 0; padding-right: 0}
.listing-pdt-espace.listing-page  .content{padding: 0 15px; }

.listing-pdt-espace.listing-page  .item-pdt:hover .content-wrapper{   background: #435463;
    background-size: cover;}
.listing-pdt-espace.listing-page  .item-pdt:hover {background: none;}
.listing-pdt-espace.listing-page  { margin-bottom: 0}




/*************************************************breadcrumb + title page interne **************************************/

.breadcrumb{ background: none; padding: 0; margin-bottom: 10px}
.breadcrumb li,.breadcrumb li a,.breadcrumb li span{color: #a6baca; font-size: 14px; font-weight: 400}
.breadcrumb li.active { font-weight: 600;color: #a6baca; font-size: 14px;}
.breadcrumb > li + li:before{content: "\f2fb";font: normal normal normal 16px/1 'Material-Design-Iconic-Font';color: #a6baca; display: inline-block; vertical-align: middle; line-height: 1.2 }
.breadcrumb .glyphicon-search{display: none}






.Top-info{
    margin-top: 80px;
}

.content-interne{ margin-bottom: 80px}
.page-header{ line-height: 1; border: 0;padding-bottom: 0; margin-bottom: 30px  }
.page-header span{ font-size: 54px; font-weight: 900; color: #435463; position: relative; display: block}



.subtitle-page{ color: #435463; font-size: 33px; width: 100%; margin-bottom: 60px; line-height: 1.2}


/*.page-header span:before {content: "";*/
/*    background: url("../images/icone-red.png") no-repeat;*/
/*    width: 70px;*/
/*    height: 77px;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    left: -90px;*/
/*    bottom: 10px;*/
/*    }*/


/** node produit**/

#node-pdt .left-pdt-node.group-left{ width: 68%; margin-right: 2%}

#node-pdt .slogon{ font-size: 33px; color: #435463;}
#node-pdt .main-body{ font-size: 18px; color: #131415; line-height: 1.4;  font-weight: 300}
#node-pdt .main-body .desc{margin: 40px 0;}
#node-pdt .main-body .desc p{ line-height: 1.4}


.bloc-liste{ padding-left: 30px}
.title-default{ font-weight: 700; font-size: 28px; margin-bottom: 30px; position: relative; line-height: 1}
.title-default:before{     content: "";
    background: url("../images/icone-red-xs.png") no-repeat;
    width: 29px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: -40px;
    bottom: 0;
    font-weight: 300;


     }
.list{margin-bottom: 20px; text-align: left}
.list li{ font-size: 18px; color: #000; margin-bottom: 10px; line-height: 1.4; padding-left: 25px; position: relative ; font-weight: 300 }
.list li:last-child{margin-bottom: 0}

.list li:before{  content: "\f054";  font-family: 'FontAwesome5ProLight'; font-weight:300; display: inline-block; position: absolute; font-size: 14px; color: #d90937; left: 0; top: 3px  }



#node-pdt .right-pdt-node.group-right{ width: 30%}
#node-pdt .right-pdt-node.group-right:hover > div{ background-color: #435463;}
#node-pdt .right-pdt-node.group-right:hover .title, #node-pdt .right-pdt-node.group-right:hover p, #node-pdt .right-pdt-node.group-right:hover h2{ color: #fff}

#node-pdt .right-pdt-node.group-right,#node-pdt .left-pdt-node.group-left{ margin-bottom: 70px; }


#node-pdt .right-pdt-node .sub-desc-img {  padding: 0 15px }
#node-pdt .right-pdt-node .sub-desc-img .title{ font-size: 24px; font-weight: 700; margin-bottom: 20px; color: #435463 }
#node-pdt .right-pdt-node .sub-desc-img p{ font-size: 16px; font-weight: 400;  color: #435463; line-height: 1.6}
#node-pdt .right-pdt-node .sub-desc-img h2{ font-size: 16px; font-weight: 400;  color: #435463; line-height: 1.6; margin-bottom: 15px;}

#node-pdt .right-pdt-node .sub-desc-img .btn{ margin-top: 35px; text-align: center; display: block; margin-bottom: 15px}
#node-pdt .right-pdt-node .sub-desc-img .btn a{background-color: #d90937;; color: #fff; font-weight: 600; display: inline-block; padding: 15px 40px; font-size: 16px; border-radius: 3px }


#node-pdt .right-pdt-node:after{ content: ""; display: block; overflow: hidden; clear: both}
#node-pdt .footer-pdt-node .icone{ margin-bottom: 20px}
#node-pdt .footer-pdt-node  .title{ font-size: 24px; font-weight: 700; color: #435463; margin-bottom: 20px; min-height: 55px}

#node-pdt .footer-pdt-node .body p{ font-size: 16px; color: #435463; margin-bottom: 20px; font-weight: 400; }
#node-pdt .footer-pdt-node .list li{  color: #435463; font-size: 16px; font-weight: 400 }




/**** portail RH  ***************/


.page-node-type-page-rh { background: #f6f6f6}
.page-node-type-page-rh .page-header{  text-align: center}
.page-node-type-page-rh .page-header span{  display: inline-block; font-size: 72px}
.section-rh{margin-bottom: 20px}

.page-node-type-page-rh .subtitle{ font-weight: 300; font-size: 30px; color: #435463; width: 80%; text-align: center; margin : 0 auto 100px}
.page-node-type-page-rh .page-rh { }

.video-wrapper{ position: relative}
.video-wrapper .video-content{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; width: 80%}
.video-wrapper .video-content i{  color: #fff; font-size: 72px; font-weight: 300 ; font-family: 'FontAwesome5ProLight';}
.video-wrapper .video-content a:hover i{  color: #eb212e}
.video-wrapper .video-content .title{ font-size: 76px; font-weight: 700; margin: 25px 0 20px; color: #fff; line-height: 1}
.video-wrapper .video-content p{ font-weight: 300; font-size: 76px; line-height: 1}


.white-bg{background: #fff}



.section-rh .content-bg { padding: 150px 0; color: #fff; width: 50%; text-align: center; margin: 0 auto}
.section-rh.content-wrapper {  padding: 100px 150px}


.section-rh.content-wrapper .body p{  font-size: 18px ; font-weight: 300; margin-bottom: 30px; line-height: 1.4}



.section-rh .content-bg .title{ font-weight: 300; font-size: 60px; line-height: 1; letter-spacing: 1.2px }
.section-rh .content-bg .desc{ font-size: 18px; font-weight: 300; letter-spacing: 1px }
.section-rh .btn-full-border{border: solid 2px #eb212e; display: inline-block; color: #fff; padding: 15px 30px; font-size: 30px; margin: 50px 0; letter-spacing: 2px; line-height: 1}
.section-rh .btn-full-border:hover{ background: #eb212e}


.list-offre-emploi .section-rh{ padding: 50px 100px}
.list-offre-emploi .content-top{font-size: 16px;}
.list-offre-emploi .content-top .ref{font-size: 16px; font-weight: bold ;color: #d90937;}
.list-offre-emploi .content-top .date{font-size: 16px; }
.list-offre-emploi .title{ font-size: 38px; font-weight: 700;color: #435463; line-height: 1; margin: 30px 0 }

.list-offre-emploi .description p{ font-size: 18px; color: #434141; line-height: 1.4; font-weight: 300; margin-bottom: 20px}

.list-offre-emploi .description .title{ font-size: 22px; color: #000; font-weight: 700; margin-bottom: 20px; line-height: 1}





.btn-default-red a, .btn-default-red .btn{ background-color: #d90937;border: 1px solid #d90937;; color: #fff; font-weight: 600; display: inline-block; padding: 15px 50px; font-size: 16px; border-radius: 3px; margin: 20px 0; text-align: center}
.btn-default-red a{color: #fff}
.btn-default-red a:hover, .btn-default-red a:focus{color: #d90937; border: 1px solid #d90937; background: transparent}
.btn-default-red .btn.full{display: block; width: 100%}



/** success story **/

.section-success{}
.section-success .owl-carousel .owl-item img{ width: auto}
.cursus-section.grey-bg{

    background: #3b3e4c url("../images/bg-grey.png") no-repeat;
    background-size: contain;


}


.section-success .content{ padding-top: 220px}
.section-success .body-content{ margin-bottom: 30px  }
.section-success .body-content .zn-right{  width: 70%; color: #a4c0c4; display: inline-block; letter-spacing: 1.5px; }
.section-success .zn-right .name{  text-transform: uppercase; font-size: 20px; font-weight: 700; padding-top: 10px}
.section-success .zn-right .poste{ font-size: 16px; text-transform: uppercase; font-weight: 300;}
.section-success .body-content img{ display: inline-block ; border-radius: 50%; margin-right: 20px; width: 18%  }
.section-success .content body{ font-size: 22px; font-weight: 300}

.title-succes-story{   font-size: 72px;font-weight: bold; color: #fff; position: relative; top: 125px;  padding-left: 25px }

.section-success .top-success{ height: 0}






/** contact **/

.menu-contact{ margin-bottom: 60px; background: #f0f4f5; text-align: center}
.menu-contact .nav li{ display: inline-block; padding: 30px 0}
.menu-contact .nav li.active{  border-bottom: 3px solid #d90937}
.menu-contact .nav li a{ padding: 0 40px; font-size: 18px ; color: #303e4a; font-weight: 700  }
.menu-contact .nav li.active a{ color: #d90937; background: none   }
.menu-contact .nav li a:hover{ color: #d90937; background: none   }
.menu-contact{}



.form-standard.centre-form{width: 50%; margin: 40px auto 0 }

.form-standard legend,.form-standard .label-form,.form-standard .control-label { color: #435463; margin-bottom: 15px; display: block}
.form-standard .webform-options-display-side-by-side .form-type-radio {position: static;}
.control-label.option .form-radio.error + .error{width: 268px; left: 0;
    top: inherit;
    bottom: 0px;
    padding: 0;}
.form-standard .form-group.form-item { margin-bottom: 30px}
.form-standard .form-control { box-shadow: none; border-color: #9ba8b5; min-height: 45px; border-radius: 3px; font-size: 20px ; font-weight: 600; color: #000; width: 100%}
.form-standard .filter-sim .form-control {font-size: 15px; font-weight: 500;}
.form-standard .title-default { margin-bottom: 50px}


.slide-one .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.slide-one .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 4px;
    background: transparent;
    border: solid 2px #fff;
    outline: none;
}
.owl-theme .owl-dots .owl-dot{outline: none;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}

.form-standard .btn-client .ui-button{ width: 47%;   text-align: center ; float: left; height: 45px; background: #f0f4f5; line-height: 45px; padding: 0; font-size: 16px; font-weight: 700; margin: 0; border: 1px solid #9ba8b5; color: #435463  }
.form-standard .btn-client .ui-button:first-of-type{  margin-right: 6%  }

.form-standard .btn-client .ui-button.ui-state-active {  background: #435463; color: #fff; box-shadow: none; border-color:#435463   }
.form-standard .form-actions { margin-top: 20px  }
.form-standard .form-actions .button { background-color: #d90937; color: #fff; font-weight: 600; display: inline-block; padding: 15px 60px; font-size: 16px; border-radius: 3px; margin: 20px 0; float: right; border: 0; line-height: 1  }
.form-standard .form-required:after{color: #435463; margin-left: 5px; content: "*"; background: none; vertical-align: initial}
.form-standard textarea{ resize: none}

.form-standard.centre-form .form-actions .button{ float: none }
.form-standard.centre-form .form-actions  {  text-align: center }
.form-standard.centre-form .form-type-date .ui-datepicker-trigger{ display: none;    }
.intl-tel-input{display: block}





/** map **/

.infos-siege{ font-size: 18px; font-weight: 300; color: #303e4a}
.infos-siege .adresse{ margin-bottom: 15px}



.tabs-map .nav-tabs{ float: right; margin-bottom: 60px; border: 0; margin-top: -45px}
.tabs-map.paragraph>.paragraph__column{  padding-left: 0; padding-right: 0}


.tabs-map .nav-tabs li{ margin-left: 15px; }
.tabs-map .nav-tabs li a{ padding: 12px 75px; text-align: center ;  background: #f0f4f5;  font-size: 16px; font-weight: 700; margin: 0; border: 1px solid #9ba8b5; line-height: 1; border-radius: 3px; color: #435463 }

.tabs-map .nav-tabs li.active a{background: #435463; color: #fff; box-shadow: none; border-color:#435463  }

.map-agence .view-content{border: 1px solid #9ba8b5; }
.map-agence .title{  font-size: 20px; font-weight: 700; margin-bottom: 15px; line-height: 1 }
.map-agence .desc{ font-size: 14px; font-weight: 300 }
.map-agence .desc .infos{ margin-top: 15px }
.map-agence .desc .infos a{  color: #d90937;}
.map-agence .gm-style .gm-style-iw{ padding: 20px; width: 400px}


.list-agence .content{background: #f0f4f5; padding: 30px; border: 1px solid #bccddb; margin-bottom: 30px }
.list-agence .item .title{ color: #303e4a; font-weight: 700; font-size: 18px; margin-bottom: 10px  }

.list-agence .desc,.list-agence .desc a, .infos-siege a{ color: #303e4a; }
.list-agence .desc .infos{ color: #303e4a; margin-top: 15px }
.list-agence .desc .adresse{  min-height: 70px }
.list-agence .desc a:hover, .infos-siege a:hover{ color: #d90937; }


/** 404 **/

.page-node-31{}
.not-found-pg{ text-align: center}
.not-found-pg h3{ font-size: 40px; font-weight: 700; margin-bottom: 30px; color: #435463;}


/** actualités **/

cnt-liste-news {
    padding-top: 10px;
}

.liste-news li {
    transition: all 0.5s ease;
    position: relative;
    top: 0
}

.liste-news li:hover {
    top: -10px;
    -webkit-box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.24);
}
.liste-news li .list li{
    margin-bottom: 10px;
}
.liste-news li .list li:hover{
    top:inherit;
    box-shadow:none;
}
.txt_mention {
    margin-top: 20px;
    font-size: 12px;
    color: #737373;
    font-style: italic;
}
.form-type-checkbox .form-required:after{
    font-size: 22px;
    left: inherit;
    top: inherit;
}
.list-valeur li img{margin: 0 auto 10px;}
.list-valeur li{
    width: 33%;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.4;
    padding-left: 25px;
    position: relative;
    font-weight: 300;
    float: left;
    text-align: center;
}
.liste-news li {
    margin-bottom: 70px;
    background: #fff;
    overflow: hidden;
}

.cnt-liste-news .date {
    display: inline-block;
    text-transform: uppercase;

    font-size: 14px;
    font-weight: 500;
    vertical-align: top
}

.cnt-liste-news .theme {
    display: inline-block;
    vertical-align: top
}

.cnt-liste-news .theme:before {
    content: "|";
    display: inline-block;
    padding: 0 5px;
    vertical-align: top
}

.liste-news .img {
    width: 30%;
    float: left;
    margin-right: 20px
}

.liste-news .item-list li {
    margin-bottom: 50px
}

.cnt-liste-news .title {
    margin: 20px 0
}

.cnt-liste-news .title a {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    display: block
}
.cnt-liste-news{
    padding : 15px;
    overflow: hidden;
}
.path-actualites .cnt-liste-news{

    margin-left: auto;
}


.cnt-liste-news .title a:hover, .footer-news .title a:hover {
    color: #cd1733;
}

.cnt-liste-news .desc p {
    font-size: 17px;
    font-weight: 300;
    color: #303e4a
}

.cnt-liste-news .date, .cnt-liste-news .theme {
    font-size: 14px;
    font-weight: 500
}

.liste-news .img {
    overflow: hidden
}

img {
    transition: all 0.5s ease;
}

.liste-news .img:hover img {
    transform: scale(1.1)
}

.right-content-news .theme, .right-content-news .date {
    font-size: 14px;
    font-weight: 300;
    color: #303e4a;
    margin-bottom: 15px;
    display: inline-block
}

.right-content-news .theme:after {
    content: "|";
    padding-left: 5px;
    color: #303e4a;
    display: inline-block;
    font-size: 14px;
    vertical-align: top
}

.right-content-news .title {
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2;
    color: #000;
    margin-bottom: 25px
}

.right-content-news .details-txt p {
    font-size: 18px;
    line-height: 1.6
}

.left-content-news .img {
    margin-bottom: 20px
}
.left-content-news .img img{
    width: 100%;
}


    /** sitemap **/

.sitemap .sitemap-item{width: 23%; float: left; margin-left: 2%; margin-bottom:20px; padding: 15px; background: #fff; box-sizing: border-box  }
.sitemap .sitemap-item.sitemap-item--menu-footer > h2{ display: none }
.sitemap .sitemap-item > h2{  display: block;color: #d90937; font-size: 20px ; position: relative; padding-left: 15px; margin-bottom: 25px; font-weight: 600}
.sitemap .sitemap-item > h2:after{     content: "";
                                      background: url("../images/icone-red-xs.png") no-repeat;
                                      width: 29px;
                                      height: 32px;
                                      display: inline-block;
                                      position: absolute;
                                      left: -25px;
                                      bottom: 5px;
                                      font-weight: 300;




}
.sitemap >.sitemap-item:nth-child(4n+1){clear: both; display: block}



.sitemap .sitemap-item:nth-child(4n):after{ clear: both; overflow: hidden; content: ""; display: block }
.sitemap .sitemap-item ul{ padding-left: 25px }
.sitemap .sitemap-item ul a,.sitemap .sitemap-item ul span{    font-size: 16px;
    display: block;
    font-weight: 600; color: #000; margin-bottom: 15px; line-height: 1.4 }


.sitemap .sitemap-item ul .sitemap-menu{
    padding: 0;
    margin: 15px 0;
    list-style: none;
    font-weight: 500;
    padding-left: 15px;
}
.sitemap .sitemap-item ul .sitemap-menu a{

    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #4d5257;

}
.sitemap .sitemap-item ul .sitemap-menu a:hover,.sitemap .sitemap-item ul a:hover{

    color: #d90937;
}


#search-block-form .input-group-btn {
    vertical-align: top;
}
#search-block-form .error {
    color: #d90937;
    font-size: 12px;
    font-weight: 400;
}
.pg-search .item-search {  padding: 20px 0;     border-bottom: #ebe9ea solid 1px;}
.pg-search .title-rslt-search {    color: #90a7bc; margin-bottom: 20px; }
.pg-search .title-rslt-search a{    font-weight: 600;font-size: 22px;color: #435463;}
.pg-search .title-rslt-search a:hover{   color: #df2252;}
.pager__item.pager__item--last,.pager__item.pager__item--next{display: none;}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
 .pagination > .active > a:focus, .pagination > .active > span:focus{

    background-color: #435463;
    border-color: #435463;
 }
 .pagination .pager__item--previous, .pagination .pager__item--first{display: none;}


.form-group, .g-recaptcha{position: relative}

.form-group label.error,.g-recaptcha .error {
    color: #d90937;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 100%;
    left: 0;
}


/** page cms **/
p{ font-size: 18px; line-height: 1.4; font-weight: 300; margin-bottom: 15px    }

.title-h3{font-weight: 600;
    font-size: 24px;
    margin-bottom: 25px;

    position: relative;
    line-height: 1;}
.lien, a{color: #d90937;}
.lien:hover, a:hover{color: #435463; text-decoration: none}

.red_link {
    padding: 20px 40px;
    border-radius: 30px;
    background-color: #cd1733;
    font-size: 14px;
    letter-spacing: .4px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border: 1px solid #d90937;
    vertical-align: top;
}
.red_link:hover {
    background-color: #fff;
    color: #d90937;
}

.msg {
    border: 2px solid #9ba8b5;
    padding: 35px 35px 10px;
    text-align: center;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

.msg .ttr {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 25px;
}
.msg p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 25px;
}
.msg > a {
    padding: 20px 40px;
    border-radius: 30px;
    background-color: #cd1733;
    font-size: 14px;
    letter-spacing: .4px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border: 1px solid #d90937;
    vertical-align: top;
    margin-bottom: 25px;


}
.msg > a:hover {
    background-color: #fff;
    color: #d90937;
}
.msg > a:after {
    content: "\f2fb";
    padding-left: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
}
.msg.succ span {
    color: #435463
}
.msg.err span {
    color: #d90937
}

.table-cms {
    font-size: 16px;
    font-weight: 500;
}
.table-cms thead tr th:first-child{text-align: left}

.table-cms thead tr th {
    font-size: 18px;
    font-weight: 600;
    color: #90a9ac;
    padding: 15px 0;
    text-align: center;
}

.table-cms thead tr th:first-child {
    padding: 15px 0 15px 25px
}

.table-cms tbody tr td {
    padding: 25px 10px;
    text-align: center;
    border: 0;


}
.table-cms tbody tr td:first-child{text-align: left; padding-left: 25px}

.table-cms tr {
    padding: 25px 0
}

.table-cms > tbody > tr:nth-of-type(odd) td {
    background: #f0f5f6;
}


.table-cms .devise img {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.table-cms > thead > tr > th {
    border: 0
}


/** Espace decourir TSB **************/

.news-home{ margin-top: 110px; margin-bottom: 85px}

.news-home .view-header{ margin-bottom: 60px }
.news-home .title-section{ font-size: 48px;
    font-weight: 900;
    line-height: 48px;
    text-align: left;
    color: #000000; float: left; width: 60%}
.news-home .link-all-news{ border: solid 1px #000;
    background-color: #fff; font-size: 14px;color: #000;  font-weight: 900; padding: 20px 30px; float: right; display: inline-block; text-transform: uppercase}
.news-home .link-all-news:hover{ background: #000; color: #fff}
.news-home .owl-item{ padding: 0 15px}

.news-home .item:hover .cnt-liste-news{
background: #fff;
    box-shadow: 1.9px 13.9px 16px 0 rgba(24, 37, 69, 0.08);}
.news-home .cnt-liste-news{ padding: 30px 60px 20px 15px; margin-bottom: 25px}
.news-home .cnt-liste-news .date{ font-size: 16px; font-weight: 400; color: #435463; margin-bottom: 15px}
.news-home .cnt-liste-news .title{ margin: 0}
.news-home .cnt-liste-news .title a{font-size: 23px;
    font-weight: 900;
    line-height: 1.4;
    text-align: left;
    color: #435463; min-height: 130px}
.news-home .cnt-liste-news .title a:hover,.news-home .cnt-liste-news .news-link a:hover{ color: #d90937;}



input[type=range]::-ms-track {
  background: #f0f4f5;
  color: transparent;
  border: 1px solid #f0f4f5;
}
input[type=range]::-ms-fill-lower {

    background: #d90937;
    border: 1px solid #d90937;
    color: #d90937;
}


input[type=range]::-ms-thumb {
    height: 15px;
    width: 15px;
    border: 1px solid #d90937;
    border-radius: 50px;
    background: #d90937;
    background-size: 7px 18px;
  }

input[type=range]:active::-ms-thumb {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #d90937;
    border: 1px solid #d90937;
    background: #d90937;
  }




.news-home .cnt-liste-news .news-link a{ font-size: 16px;
    font-weight: 300;
    text-align: left;
    color: #d7d7d7; margin-top: 15px; display: block; letter-spacing: 1px}
.rs_bancaire{ padding-top:100px; padding-bottom: 200px }
.rs_bancaire .left-content{ position: relative}
.rs_bancaire .img{}
.rs_bancaire .desc-bloc{ width: 40%; position: absolute; top: 50px; left: 50px;  }
.rs_bancaire .desc-bloc .title{font-size: 28px;font-weight: 900;color: #ffffff; margin-bottom: 50px; line-height: 1.4}
.rs_bancaire .desc-bloc .btn-rs:after{ content: "\f301";  color: #dfa296;display: inline-block;font: normal normal normal 20px/1 'Material-Design-Iconic-Font'; font-weight:300; margin-left: 10px ; vertical-align: middle; }

.rs_bancaire .desc-bloc .btn-rs{font-size: 16px;
    font-weight: bold;
    color: #dfa296; display: inline-block}
.rs_bancaire .desc-bloc .btn-rs:hover, .rs_bancaire .desc-bloc .btn-rs:focus{
    color: #d90937;
}
.rs_bancaire .desc-bloc .btn-rs:hover:after, .rs_bancaire .desc-bloc .btn-rs:focus:after{
    color: #d90937;
}
.rs_bancaire .right-content{ color: #fff}
.rs_bancaire .right-content .Title-H2{font-size: 62px;font-weight: 900;line-height: 1; margin-bottom: 20px }
.rs_bancaire .right-content p{font-size: 16px; line-height: 1.4; margin-bottom: 40px }
.rs_bancaire .right-content .link{ font-size: 16px; color: #fff; font-weight: 700; letter-spacing: 1px; }
.rs_bancaire .right-content .link:after{ content: "\f301";  color: #fff;display: inline-block;;font: normal normal normal 20px/1 'Material-Design-Iconic-Font'; margin-left: 10px ; vertical-align: middle}

.rs_bancaire .right-content .link:hover, .rs_bancaire .right-content .link:focus{
    color: #d90937;
}
.rs_bancaire .right-content .link:hover:after, .rs_bancaire .right-content .link:focus:after{
    color: #d90937;
}

.blc-rapport{ margin-top: -150px}
.blc-rapport .item{ padding: 40px; background: #fff; margin : 0 15px; border: solid 1px #e8e8e8; }
.blc-rapport .title{ font-weight: 900; font-size: 22px; margin-bottom: 15px; line-height: 1.2; min-height: 55px}
.blc-rapport .date, .pg-docutile .date{ font-size: 16px }
.blc-rapport .date > div, .pg-docutile .date > div{  display: inline-block; color: #666666 }
.blc-rapport .date .value, .pg-docutile .date .value{  margin-left: 5px }
.blc-rapport .view-footer{  text-align: center ; margin-top: 40px}

.blc-rapport .link-file a{ font-size: 14px; font-weight: 700; color: #000; margin-top: 20px;  text-transform: uppercase; display: inline-block; letter-spacing: 1px }
.blc-rapport .link-file a:after, .pg-docutile .link-file a:after{ content: "\f019";font-family: 'FontAwesome5ProLight';
    font-weight:300; display: inline-block; margin-left: 7px; color: #a4c0c4; font-size: 16px  }
.blc-rapport .all-btn{  font-size: 14px; font-weight: 700; color: #df2252; margin-top: 20px ; text-transform: uppercase; border: solid 1px #df2252; display: inline-block; padding: 17px 120px; letter-spacing: 1px }
.blc-rapport .all-btn:hover{ background: #df2252; color: #fff}
.blc-rapport .link-file a:hover,.blc-rapport .link-file a:hover:after, .pg-docutile .link-file a:hover:after{color: #df2252}










.pg-docutile .item {
    padding: 35px 0;
    border-bottom: 1px solid #e8e8e8
}

.pg-docutile .item:last-child { border: 0}

.pg-docutile .theme {
    font-size: 14px;
    font-weight: 500;
    color: #df2252;
}

.pg-docutile .title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1px;
    text-align: left;
    display: block;
    color: #435463;
    margin-bottom: 10px




}


.pg-docutile .link-file { text-align: right}
.pg-docutile .link-file a {

    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.8px;
    text-align: right;
    color: #a4c0c4;
    display: inline-block;
    margin-top: 10px;



}

.pg-docutile .link-file a:hover,.pg-docutile .link-file a:hover:after {
    color: #f2041a;
}

/** resultat de recherche **/

.content-interne .search-form{display: none}

.search_result ol li {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: #ebe9ea solid 1px;

}

.search_result ol li h3 {
    margin-bottom: 15px;

}

.search_result ol li h3 a {
    font-weight: 600;
    font-size: 24px;
    color: #435463;

}

.search_result p {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 0;
}

.txt_search {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 30px;
    display: block;
    color: #df2252;

}



.search_result > h3{ display: block; border: solid 1px #9ba8b5; padding: 30px; text-align: center}
.search_result > h3 span{ display: inline-block}
.search_result .search-not-found{ display: block; font-size: 30px}

.search_result .txt{  display: block; text-align: center; color: #435463; margin: 20px 0; font-size: 20px}
.search_result i{  display: inline-block; margin-right: 5px; font-size: 25px; color: #a4c0c4; padding-top: 7px}
.search_result .number_tel{  margin-right: 20px}
.search_result .number_tel strong, .search_result .contact_mail strong{   font-weight: 500; display: inline-block; vertical-align: top; margin-left: 5px }
.search_result .number_tel , .search_result .contact_mail {  color: #000; margin-top: 20px; display: inline-block}

.search_result .number_tel:hover , .search_result .contact_mail:hover {    color: #df2252;}

.btn_search{ background-color: #d90937;; color: #fff; font-weight: 600; display: inline-block; padding: 15px 50px; font-size: 16px; border-radius: 3px; margin: 20px 10px; }
.btn_search:hover{color: #fff}


/** cours des changes *********/
.wrapper-form-cours-change{ padding: 55px 40px; background: #435463}
.subtitle-devise{ font-size: 36px; font-weight: 700; color: #fff; margin-bottom: 40px; line-height: 1}

.form-cours-change .customcheck{ color: #fff; font-size: 16px; font-weight: 400; padding-left: 10px;line-height: 1; margin-bottom: 15px }
.form-cours-change .box-input .form-group{ margin-bottom: 20px}
.form-cours-change .form-control{  border-radius: 3px;border: solid 1px #9ba8b5;background-color: #566573; height: 45px ; line-height: 45px; color: #c2d1de; text-transform: uppercase; font-size: 16px}
.form-cours-change #message p{ color: #fff; font-size: 16px}
.form-cours-change .box-check{ margin-bottom: 30px}
.form-cours-change .box-check input{ display: inline-block; }

.form-cours-change .form-control::-webkit-input-placeholder, .form-cours-change .form-control::-webkit-input-placeholder {
    color: #c2d1de ;
    text-transform: uppercase;



}


/** hover **/
.hover_rouge{position: relative}
.hover_rouge:hover{background-color: transparent !important; color:#da0037 !important; border-radius: 3px !important;  }
.hover_rouge:hover i{ color:#da0037 !important;   }



.hover_rouge::before,
.hover_rouge::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4, transform 0.4s;
}
.hover_rouge::before {
    border-top: 2px solid #da0037;
    border-bottom: 2px solid #da0037;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    border-radius: 3px
}
.hover_rouge::after {
    border-left: 2px solid #da0037;
    border-right: 2px solid #da0037;
    -webkit-transform: scale(0,1);
    transform: scale(1,0);
    border-radius: 3px
}
.hover_rouge:hover::before,
.hover_rouge:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/** simulateur **/


.form-simulateur{}
.form-simulateur .label-select{ font-weight: 700; font-size: 16px; color: #435463; margin-bottom: 10px}
.form-simulateur .box-check{ margin-top: 40px}
.form-simulateur .box-check label{ padding-right: 15px; color: #435463; font-size: 16px }
.form-simulateur .box-check .checkbox { display: inline-block; margin: 0 }
.form-simulateur .left-desc  {  margin-top: 30px }
.form-simulateur.form-standard .title-default  {  margin-bottom: 20px }
.form-simulateur .checkbox label::before, .checkbox-danger input[type="checkbox"]:checked + label::after {   top: 0px }


#box-recap .content-recap{ background: #303e4a; padding: 35px; color: #fff}
#box-recap .content-recap .title{  font-size: 26px; font-weight: 700; margin-bottom: 25px}
#box-recap .content-recap .liste-value strong{ display: block; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 1 }
#box-recap .content-recap .liste-value .nbr{ font-weight: 700; font-size: 32px; line-height: 1 }
#box-recap .content-recap li{ margin-bottom: 25px }
#box-recap .content-recap .unite{  text-transform: uppercase; font-weight: 700; color: #66737f; font-size: 18px; display: inline-block; vertical-align: middle }
#box-recap .result{ background: #3d4e5c; color: #fff; padding: 30px}
#box-recap .content-recap .alert{  border: 0; font-size: 22px; background: #da0037; margin: 0; color: #fff; padding: 25px; }



.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #f0f4f5;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #d90937;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.filter-sim{margin-bottom: 50px}


/*.slidecontainer{ margin-top: 40px}*/

.slidecontainer .form-control{ display: inline-block; width: 40%; float: right; text-align: right; margin-bottom: 15px }

.form-standard .slidecontainer  .control-label{ float: left;margin-top: 10px; margin-bottom: 15px; width: 60%}
.slidecontainer  .formElemFull{  margin-bottom: 40px}
.slidecontainer .value{display: none}
.form-simulateur .form-group label.error{ left: inherit; right: 0; top: inherit; bottom: -20px}
.form-simulateur.form-standard .form-actions{margin-top: 0}

.path-search .breadcrumb li:nth-child(2){
    display: none;
}
#block-blocmaillage{
    padding: 0 15px;
}

#block-blocmaillage .title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
}

#block-blocmaillage p{
    font-size: 16px;
    font-weight: 400;
    color: #435463;
    line-height: 1.6;
}

#block-blocmaillage .btn{
    margin-top: 35px;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}


#block-blocmaillage .btn a{
    background-color: #d90937;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 3px;
    max-width: 100%;
}
#block-blocmaillage:hover{
    background-color: #435463;
}
#block-blocmaillage:hover .title{
    color: #fff;
}
#block-blocmaillage:hover p{
    color: #fff;
}

.page-node-type-produit .Top-info h1{
    width: 68%;
}
#form-simulateur p.text-style-stimulateur{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}
#form-simulateur p.infos{
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #000;
}
#form-simulateur p.infos span{
    font-size: 16px;
    color: red;
    font-weight: 700;
    padding-right:5px ;
}
.form-infoletter .alert-warning {display: none;}

.form-control.error{
    border-color: red;
}


#webform-submission-demande-de-candidature-add-form .g-recaptcha{
    float: right;
}


.doc_nec_credit_immed ul{
    display: none;
}

.popover-link {
    padding: 0;
    background: none;
    border:none;
    outline: none;
}


.popover-link svg{
    color: #da0037;
}
.popover-content {
    padding: 5px;
    font-size: 12px;
}

.path-espace .breadcrumb li:nth-child(2){
    display: none;
}
.addtoany_list{
    margin-top: 30px;
    display: inline-block;
}

#edit-field-gouvernorat-target-id{
    width: 170px;
    height: 40px;
    outline: none;
}
.select-wrapper:after{
color: #d90937;
}
.field--name-dynamic-token-fieldnode-btn-retour-act{
    float: right;
}
.eu-cookie-compliance-message p{
    font-size: 14px;
    font-weight: 400;
}
#sliding-popup .eu-cookie-compliance-more-button{
    display: none;
}


.webform-submission-rendez-vous-form .checkbox label::before, .webform-submission-candidature-spontane-form .checkbox label::before, .webform-submission-demande-de-candidature-form .checkbox label::before, .webform-submission-contact-form .checkbox label::before{
    display: none;
}
.webform-submission-rendez-vous-form .checkbox input[type="checkbox"], .webform-submission-candidature-spontane-form .checkbox input[type="checkbox"], .webform-submission-demande-de-candidature-form .checkbox input[type="checkbox"], .webform-submission-contact-form .checkbox input[type="checkbox"] {
    height: 17px;
    width: 17px;
    border: 1px solid #cccccc;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    cursor: pointer;
    opacity: 1;
}

.webform-submission-rendez-vous-form .checkbox input[type="checkbox"]:active:not(:disabled), .webform-submission-candidature-spontane-form .checkbox input[type="checkbox"]:active:not(:disabled), .webform-submission-demande-de-candidature-form .checkbox input[type="checkbox"]:active:not(:disabled), .webform-submission-contact-form .checkbox input[type="checkbox"]:active:not(:disabled) {
    border: 1px solid #d90937;}

.webform-submission-rendez-vous-form .checkbox input[type="checkbox"]:focus, .webform-submission-candidature-spontane-form .checkbox input[type="checkbox"]:focus, .webform-submission-demande-de-candidature-form .checkbox input[type="checkbox"]:focus, .webform-submission-contact-form .checkbox input[type="checkbox"]:focus {
    outline:none;
}
.webform-submission-rendez-vous-form .checkbox input[type="checkbox"]:checked, .webform-submission-candidature-spontane-form .checkbox input[type="checkbox"]:checked, .webform-submission-demande-de-candidature-form .checkbox input[type="checkbox"]:checked, .webform-submission-contact-form .checkbox input[type="checkbox"]:checked {
    border: 2px solid #d90937;
}
.webform-submission-rendez-vous-form .checkbox input[type="checkbox"]:checked:before, .webform-submission-candidature-spontane-form .checkbox input[type="checkbox"]:checked:before, .webform-submission-demande-de-candidature-form .checkbox input[type="checkbox"]:checked:before, .webform-submission-contact-form .checkbox input[type="checkbox"]:checked:before {
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    content: "\f26b";
    -webkit-font-feature-settings: 'liga';
    color: #d90937;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: -4px;
    left: 2px;
}

.webform-submission-rendez-vous-form .checkbox input[type="checkbox"] label, .webform-submission-candidature-spontane-form .checkbox input[type="checkbox"] label, .webform-submission-demande-de-candidature-form .checkbox input[type="checkbox"] label, .webform-submission-contact-form .checkbox input[type="checkbox"] label{
    font-family: futura_medium;
    font-size: 18px;
    color: #000000;
}
.listing-pdt-espace .col:nth-child(3n+1){ clear: both;}
.listing-pdt-espace .row{
    display: flex;
    flex-wrap: wrap;
}
.listing-pdt-espace .content-wrapper {
    padding-bottom: 70px;
}
.listing-pdt-espace .btn-pdt{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 30px!important;
}

.listing-pdt-espace .item-pdt-padd .btn-pdt{
    padding: 0 80px !important;
}