@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Roboto:wght@400;500;700&display=swap');

@import url('style-bootstrap.css');

/* -------------------------------------------------------------- 
   * Resets default browser CSS.
-------------------------------------------------------------- */
:root {
    --primary: #0033DE;
    --secondary: #797979;
    --light: #F7F7F7;

    --white: #fff;
    --cyan: #6A90F0;
    --navy: #0C1841;
    --grey: #6c757d;
    --bodycolor: #292929;

    --shadow: 10px 5px 10px rgb(0 0 0 / 45%);

    --roboto: 'Roboto', sans-serif;
    --poppins: 'Poppins', sans-serif;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: var(--roboto);
  vertical-align: baseline;
  color: var(--bodycolor);
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a{transition: all ease 0.5s;}
img{max-width: 100%; display: block;}
p{margin-bottom: 15px;}
ul{margin-bottom: 15px; padding-left: 18px;}

html {
  box-sizing: border-box;
}

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

/*********************
General
*********************/
.btn{border-radius: 28px; border-width: 5px; padding-left: 35px; padding-right: 35px; padding-top: 8px; padding-bottom: 8px; font-size: 1.1rem; font-weight: 500; line-height: 1.5em; transition: all ease 0.5s;}  
.row-cta a:hover{text-decoration: none;}
.row-cta.bg-primary i{color: var(--cyan);}
a i{transition: all ease 0.5s;}
a:hover i{transform: translateX(3px);}

@media (max-width: 480px){
  .btn{padding: 5px 15px;}
}

/*scroll to top*/
#toTopBtn { position: fixed; bottom: 26px; right: 30px; z-index: 98; padding: 21px; background-color: var(--primary); color: var(--white); display: none;}
.js .cd-top--fade-out { opacity: .5 }
.js .cd-top--is-visible { visibility: visible; opacity: 1 }
.js .cd-top { visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s, background-color .3s}
.cd-top { position: fixed; bottom: 20px; bottom: var(--cd-back-to-top-margin); right: 20px; right: var(--cd-back-to-top-margin); display: inline-block; height: 40px; height: var(--cd-back-to-top-size); width: 40px; width: var(--cd-back-to-top-size); box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important; background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%; background-color: hsla(5, 76%, 62%, .8); background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)}

.subtitle{font-size: 1.1rem; color: var(--primary); font-family: var(--poppins); font-weight: 800;}

section{
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767px){
  section{
      padding-top: 30px;
      padding-bottom: 30px;
  }
}


@media screen and (min-width: 1400px) {
  .container{max-width: 1400px;}
}
@media screen and (min-width: 1600px) {
    .container-large{max-width: 1600px;}
}

.container-small{max-width: 960px; min-width: auto;}
.container-xsmall{max-width: 768px; min-width: auto;}

@media (min-width: 1140px){
  .row-blocks.row-blocks-reverse .col-lg-5{
    padding-left: 70px;
  }
}

.aniview {
  transition: all ease 1s;
}

/*owl-carousel*/
.owl-carousel.owl-theme .item{padding: 20px 20px 30px 30px;}
.owl-carousel.owl-theme .card{min-height: 210px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%);}
.owl-carousel.owl-theme .card .card-body{display: flex; flex-direction: column; justify-content: center;}
.owl-carousel.owl-theme .card .card-footer{background: none; border-top: 1px dashed #B5B5B5; margin-left:20px; margin-right:20px;}
.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 30px;}
.owl-carousel.owl-theme .owl-dots .owl-dot span{width: 15px; height: 15px; border-radius: 50%; background-color: #1B4350; opacity: 0.15; transition: all ease 0.5s; margin-right: 0;}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span{background-color: #2A4FAF; opacity: 0.5;}

.owl-carousel.owl-carousel-partenaires .owl-stage{display: flex; align-items: center;}
.owl-carousel.owl-carousel-partenaires .owl-item .item{padding: 10px; display: flex; justify-content: center;}
.owl-carousel.owl-carousel-partenaires .owl-item .item img{width: auto;}

/*row-faq*/
.row-faq .card{border-radius: 30px; background-color: var(--light); border: 0; transition: all ease 0.5s;}
.row-faq .card:hover{background-color: var(--primary);}
.row-faq .card .card-header{background: none; border-bottom: 0; }
.row-faq .card .card-header button, .row-faq .card .card-header button span{text-align: left; color: var(--grey);}
.row-faq .card .card-header button span{font-weight: 500; line-height: 1.1em;}
.row-faq .card .card-header button i{margin-left: 5px;}
.row-faq .card:hover .card-body, .row-faq .card:hover .card-header button, .row-faq .card:hover .card-header button span{color: var(--white);}
.row-faq .card:hover a{text-decoration: none;}
.row-faq .btn-link:hover, .row-faq .btn-link:focus{text-decoration: none; box-shadow: none;}

/*row-banner*/
.row-banner{min-height: 380px; background-position: top center; background-size: cover; /*background-attachment: fixed;*/}
.row-banner.row-banner-fixed{background-attachment: fixed;}

@media screen and (max-width: 992px) {
  .row-banner{min-height: 200px;}
}

/*row-contact*/
.row-contact .info{line-height: 1.3em;}
.row-contact.row-contact-shadow .row{background-color: var(--white); padding: 50px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%);}
.row-contact .div-contact-shadow{background-color: var(--white); padding: 50px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%);}
.row-contact.row-fond-bleu{ position: relative; background: #0C1841 url(../images/carriere/croix-p.png) no-repeat top center }
.row-contact.row-fond-bleu *{z-index: 2;}
.row-contact.row-fond-bleu::after{ content: ""; position: absolute; width: 100%; height: 570px; background-color: #fff;  z-index: 1; bottom: 0; }
.row-contact .lb-white{ color: #fff; }

@media screen and (max-width: 992px) {
  .row-contact.row-contact-shadow{padding-left: 15px; padding-right: 15px;}
  .row-contact.row-contact-shadow .row{padding: 20px;}
}

/*card-columns*/
.row-blocks .row .col-md-6:nth-of-type(1) .card:nth-of-type(1){margin-top: -35px;}
.row-blocks .row .card{display: flex; /*align-items: center;*/ min-height: 190px; border: 13px solid var(--primary); border-top: 0; border-right: 0; border-radius: 50px; box-shadow: 0 13px 26px rgb(29 29 29/ 14%); margin-bottom: 15px;}
.row-blocks .row .card .card-body{display: flex; flex-direction: column; justify-content: center;}
.row-blocks .row .card .card-body .lb-h5{margin-bottom: 10px;}
.row-blocks .row .card .card-body p{min-height: 50px;}
.row-blocks .row .card .card-footer{width: 85%; background: none; border-top: 1px dashed #B5B5B5; margin-left:20px; margin-right:20px;}

@media (min-width: 576px){
  .row-blocks .row {margin-top: -15px; }
}

@media screen and (max-width: 992px) {
  .row-blocks .row {padding-left: 15px; padding-right: 15px;}
}

/************************************
Sticky Sidebar
************************************/
.lb-contact-sticky{position: fixed; display: flex; align-items: end; justify-content: center; right: 0; top: 40%;
  width: 400px; height: 105px; border-radius: 40px; line-height: 45px; padding: 0 10px 50px 10px; background-color: var(--primary); color: var(--white);
  z-index: 9; transform: rotateZ(-90deg) translateY(200px); font-size: 1.5rem; font-family: var(--poppins); font-weight: bold; border: 5px solid var(--primary);
}  
.lb-contact-sticky i{position: relative; top: -6px; margin-left: 20px;}
.lb-contact-sticky:hover{background-color: var(--white); color: var(--primary); text-decoration: none;}

@media screen and (max-width: 992px) {
  .lb-contact-sticky{top: 20%; font-size: 1.1rem; width: 250px; transform: rotateZ(-90deg) translateY(135px);}
  .lb-contact-sticky i{margin-left: 10px; top: -11px;}
}

@media screen and (max-width: 768px) {
  .lb-contact-sticky{
    transform: rotateZ( -90deg) translateY(145px);
    padding-bottom: 62px;
    border-width: 0px;
  }
}


/************************************
Heading
************************************/
h1, h2, h3, h4, h5, h6{
  font-family: var(--poppins);
}

h5{font-size: 1.1rem}

.lb-h1{
  font-size: 2rem;/*32px*/
  font-weight: 800;
}

.lb-h2{
  font-weight: bold;
}

.lb-h3{
  font-weight: bold;
}

.lb-h4{
  font-weight: bold;
  font-size: 1.3rem;
}

.lb-h5{
  font-weight: 800;
}

.lb-p-medium{
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 25px;
}
.lb-poppins{
  font-family: var(--poppins);
}

.lb-p{
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 15px;
}

.lb-p strong{ font-weight: inherit; }

.lb-arrow-down{ position: relative; padding-bottom: 100px;}
.lb-arrow-down::after{
  content: "";
  position: absolute;
  width: 63px;
  height: 79px;
  background: url(../images/carriere/ico-arrow-down.png) no-repeat center/cover;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: bottom 1s ease-in-out;
}

.lb-button-prev{ padding-left: 90px; display: block; }
.lb-button-prev:hover{ text-decoration: none; color: var(--bodycolor); }
.lb-button-next{ padding-right: 90px; display: block; }
.lb-button-next:hover{ text-decoration: none; color: var(--bodycolor); }

.row-standard:hover .lb-arrow-down::after{ bottom: -50px; transition: bottom 0.5s ease-in-out; }

@keyframes line-right-anim {
  0%   { right: 0; }
  75%  { right: 25px; }
  100% { right: 0; }
}
@keyframes line-left-anim {
  0%   { left: 0; }
  75%  { left: 25px; }
  100% { left: 0; }
}

.lb-arrow-right{ position: relative; }
.lb-arrow-right::after{
  content: "";
  position: absolute;
  width: 55px;
  height: 43px;
  background: url(../images/carriere/ico-arrow-right.png) no-repeat center/cover;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.lb-arrow-right:hover::after{
  animation-name: line-right-anim;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}

.lb-arrow-left{ position: relative; }
.lb-arrow-left::after{
  content: "";
  position: absolute;
  width: 55px;
  height: 43px;
  background: url(../images/carriere/ico-arrow-right.png) no-repeat center/cover;
  transform: rotateZ('180deg');
  left: 0;
  top: 50%;
  transform:translateY(-50%) rotate(180deg);
}

.lb-arrow-left:hover::after{
  animation-name: line-left-anim;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
}

.lb-bottom-line{ border-bottom: 3px solid #000; }
.lb-text{font-size: 1rem;}
.lb-text-small{font-size: 0.7rem;}

@media (min-width: 1200px){
  .lb-h1{
      font-size: 4.05rem;/*65px*/
  }
  
  .lb-h1.lb-md{ font-size: 3.875rem; color: #1533DE; }
  .lb-h1.lb-pt{ font-size: 2.05rem; }  

  .lb-h2{
      font-size: 2.5rem;/*40px*/
      line-height: 1em;
  }

  .lb-h3{
      font-size: 1.9rem;/*30px*/
  }

  .lb-h4{
      font-size: 1.5rem;/*24px*/
  }

  .lb-h5{
      font-size: 1.4rem;/*22px*/
  }
}

@media (min-width: 640px){

  .lb-h2{
      font-size: 1.8rem;
      line-height: 1em;
  }
}

@media (max-width: 640px){
  .lb-button-prev{ padding-left: 40px; line-height: 1em;}
  .lb-button-next{ padding-right: 40px; line-height: 1em}
  .lb-arrow-left::after { width: 30px; height: 24px; }
  .lb-arrow-right::after { width: 30px; height: 24px; }

  .lb-h3{
      font-size: 1.9rem;/*30px*/
  }
}

/*********************
Header
*********************/
header{background-color: #0C1841; position: fixed; padding-top: 20px; padding-bottom: 20px; width: 100%; top: 0; left: 0; transition: all ease 0.5s; z-index: 10;}
header .top-phone{padding: 5px 10px; line-height: 1.4; margin-right: 10px; display: none;}
header .lang{position: absolute; top: 0; right: 50px; background-color: var(--primary); color: var(--white); padding: 5px 10px; border-radius: 0 0 5px 5px; display: block; font-weight: 600; border: 3px solid var(--primary); border-top: 0;}
header .lang:hover{text-decoration: none; background-color: var(--white); color: var(--primary); border-color: var(--primary);}
header .nav-lang{display: none;}
header .navbar-nav .nav-link{font-size: 1.1rem; color: var(--white); font-family: var(--poppins); font-weight: 600; white-space: normal;}
header .navbar-expand-xl .navbar-nav .nav-link{padding-left: 15px; padding-right: 15px;}
header .navbar-nav .nav-link.dropdown-toggle:after{position: relative; font-size: 1.5rem; top: 5px;}
header .navbar-nav .nav-link:hover{color: var(--primary);}
header .navbar-nav .btn{padding: 4px 15px; font-weight: 800; margin-left: 5px;}
header .navbar-nav .btn i{position: relative; top: 2px; margin-right: 5px;}
header .navbar-nav .btn span{color: var(--white);}
header .navbar-nav .btn:hover span{color: var(--primary);}
header .navbar-expand-xl .navbar-nav .nav-social{position: relative; top: -3px; font-size: 2rem; padding-top: 0; padding-bottom: 0;}
header .dropdown-menu{background-color: var(--navy); }
header .dropdown-menu a{color: var(--white);}


@media screen and (max-width: 1600px) {
  header .navbar-nav .nav-link{font-size: 1rem; max-width: 180px; line-height: 1.1em;}
  header .navbar-nav .nav-item .btn{font-size: 1rem; max-width: 180px; line-height: 1.1em;}
  header .navbar-expand-xl .navbar-nav .nav-link{padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width: 1400px) {
  header .container{max-width: 95%;}
  header .lb-logo img{max-width: 160px;}
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  header .navbar-nav .nav-item .btn{padding-left: 5px; padding-right: 5px;}
  header .navbar-nav .btn span{display: none;}
  header .navbar-nav .btn i{margin-right: 0;}
}

/*Header - Scroll*/
header.scroll{background-color: var(--white); padding-top: 10px; padding-bottom: 10px; box-shadow: 0 13px 26px rgb(29 29 29 / 14%);}
header.scroll .navbar-nav .nav-link{color: var(--bodycolor);}
header.scroll .navbar-nav .nav-link:hover{color: var(--primary);}


/*CSS for sub-menu*/
@media (min-width: 1200px){
  header .navbar-expand-xl .navbar-nav li.nav-social-insta a{padding: 0;}
	.dropdown-menu .dropdown-toggle:after{ border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; font-size: 1.5rem; position: relative; top: 7px; margin-left: 10px;}
	.dropdown-menu .dropdown-menu{ margin-left:0; margin-right: 0; }
	.dropdown-menu li{ position: relative; }
	.nav-item .submenu{  display: none; position: absolute; left:100%; top:-7px; }
	.nav-item .submenu-left{ right:100%; left:auto; }
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .dropdown-menu > li:hover > a{color: var(--bodycolor);}
	.dropdown-menu > li:hover > .submenu{ display: block; }
}

@media screen and (max-width: 1199px) {
  header .top-phone{display: block;}
  header .navbar-nav{background-color: var(--secondary); padding: 10px 20px;}
  header .navbar-nav .btn{margin-bottom: 10px;}
  header .navbar-nav .btn-group{display: block;}
  header .navbar-nav .btn-group > a.nav-link:nth-of-type(1){float: left; margin-right: 10px;}

  header .dropdown-menu .dropdown-menu a{padding-left: 40px;}
  .dropdown-menu .dropdown-toggle:after{  font-size: 1.5rem; position: relative; top: 5px; margin-left: 10px;}
	
  header .nav-item > .dropdown-menu > li > a.dropdown-item{padding-left: 0.5rem; padding-right: 0.5rem;}
  header .nav-item > .dropdown-menu > li > .dropdown-menu{max-height: 200px; overflow-y: scroll;}
  header .nav-item > .dropdown-menu > li > .dropdown-menu a.dropdown-item{padding-left: 20px;}

  header .navbar-toggler .bars-black{display: none;}
  header.scroll .navbar-toggler .bars-white{display: none;}
  header.scroll .navbar-toggler .bars-black{display: block;}
  
}

@media screen and (max-width: 992px) {
  .row-blocks .row .col-md-6:nth-of-type(1) .card:nth-of-type(1) { margin-top: 0; }  
}

@media screen and (max-width: 768px) {
  header{padding-top: 10px; padding-bottom: 10px;}
  header .lang{display: none;}
  /* header .nav-lang{display: block;} */
  header .lb-logo img{max-height: 30px;}
  header .navbar-toggler{padding-top: 0;}
}

@media screen and (max-width: 575px) {
  header .container{max-width: 100%; padding: 0;}
}

/************************************
Page Title
************************************/
.pagetitle-wrapper{padding-top: 180px; padding-bottom: 100px; background: url('../images/banners/hero-title.jpg')no-repeat bottom right/cover;}
.pagetitle-wrapper .lb-h1{color: var(--white); line-height: 1em; text-shadow: var(--shadow); max-width: 980px;}
.pagetitle-wrapper .lb-h1 span{color: var(--white); font-family: var(--poppins);}
.site-propos .pagetitle-wrapper{background-image: url('../images/banners/hero-title.jpg');}

@media (max-width: 767px){
    .pagetitle-wrapper{padding-top: 120px; padding-bottom: 50px;}
}

@media (max-width: 575px){
  .pagetitle-wrapper .lb-h1 span{display: block;}
}

/************************************
Footer
************************************/
.footer{background: url('../images/general/footer-bg.jpg')no-repeat top center/cover; /*font-size: .9em;*/ padding-bottom: 10px;}
.footer .lb-h5{ color: var(--white);}
.footer .about{line-height: 1.3em; color: var(--white);}
.footer .social a{font-size: 1.2rem; color: var(--white);}
.footer .social a:hover{color: var(--blue_dark);}
.footer .menu .lb-h5{margin-bottom: 20px;}
.footer .menu ul{list-style: none;}
.footer .menu ul li{margin-bottom: 7px; padding: 0;}
.footer .menu ul li a{color: var(--white);}
.footer .coordonnes a{line-height: 1.3em; color: var(--white);}
.footer .coordonnes a span, .footer .coordonnes a i{color: var(--white);}
.footer .coordonnes .lb-h5{margin-bottom: 40px;}

.footer .copyright div{color: var(--white);}
.footer .copyright a{color: var(--white);}

@media (max-width: 767px){
    .footer .lb-h5{margin-bottom: 5px !important; margin-top: 30px;}
}


/*********************
Page Accueil
*********************/
.site-home .home-hero{
  min-height: 100vh;
  background: no-repeat top right/cover fixed;
  padding-top: 200px;
  padding-left: calc( (100% - 1600px) / 2);
}
.site-home .home-hero.home-hero-1{ background-image: url('../images/accueil/hero-accueil.jpg');}
.site-home .home-hero.home-hero-2{ background-image: url('../images/accueil/hero-accueil-2.jpg');}
.site-home .home-hero.home-hero-3{ background-image: url('../images/accueil/hero-accueil-3.jpg');}
.site-home .home-hero-wrapepr .lb-h1{line-height: 1em; text-shadow: var(--shadow);}
.site-home .home-hero-wrapepr p, .site-home .home-hero-wrapepr .lb-text{font-family: var(--poppins); max-width: 800px;  line-height: 1.2em; margin-bottom: 20px; font-size: inherit;}
.site-home .home-hero-wrapepr .lb-text strong{font-weight: normal;}

.site-home .home-hero-wrapepr .carousel .carousel-indicators { bottom: 20px; }
.site-home .home-hero-wrapepr .carousel .carousel-indicators li {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #2A4FAF;
  opacity: 0.5;
}

.site-home .home-hero-wrapepr .carousel .carousel-indicators li:hover,
.site-home .home-hero-wrapepr .carousel .carousel-indicators li.active {
  opacity: 1;
}

@media (min-width: 1600px){
    .site-home .home-hero-wrapepr p, .site-home .home-hero-wrapepr .lb-text{font-size: 1.4rem;}
}

@media (max-width: 767px){
  .site-home .home-hero.home-hero-1{background-position: 95% 0;}
  .site-home .home-hero.home-hero-2{background-position: 70% 0;}
  .site-home .home-hero.home-hero-3{background-position: 80% 0;}
}

.site-home .row-partenaires, .site-home .row-faq{padding-top: 0;}
.site-home .row-cta{padding-bottom: 80px !important;}
.site-home .row-blocks.row-blocks-reverse{margin-top: -40px;}

/*********************
Page Propos
*********************/
.site-propos .row-faq{padding-top: 0;}

/*********************
Page Equipe
*********************/
.site-equipe .row-blocks{position: relative; z-index: 5;}
.site-equipe .row-cta{position: relative; margin-top: -20px; margin-bottom: -40px; z-index: 0;} 
.site-equipe .row-standard{position: relative; z-index: 5;}

/*********************
Page Carriere
*********************/
.site-carriere section{ padding: 100px 0; }
.site-carriere .row-carriere{padding-top: 0; margin-top: -50px;}
.site-carriere .row-equipe{ 
  background: url(../images/carriere/carriere-equipe.jpg) no-repeat center/cover;
  padding: 486px 0;
}

.site-carriere .row-equipe-desc{ background-color: #0C1841; }
.site-carriere .row-equipe-desc *{color: #fff; }

@media screen and (max-width: 1500px) { .site-carriere .row-equipe { padding: 310px 0; } }
@media screen and (max-width: 980px) { .site-carriere .row-equipe { padding: 250px 0; } } 

@media screen and (max-width: 768px) {
  .site-carriere .row-carriere{margin-top: -20px;}
  .site-carriere .row-equipe { padding: 140px 0; }
  .site-carriere .row-equipe-desc .lb-h3{ margin-bottom: 15px; }
  .site-carriere section { padding: 50px 0; }
  .image-figure{display: none; }
  .site-carriere .row-contact .div-contact-shadow { padding: 30px; }
  .lb-p-medium { font-size: 20px; }

}

@media screen and (max-width: 414px) { .site-carriere .row-equipe { padding: 90px 0; } }

/*********************
Page Contact
*********************/
.site-contact .row-contact{padding-top: 0; margin-top: -50px;}

@media screen and (max-width: 768px) {
  .site-contact .row-contact{margin-top: -20px;}
}

/*********************
Page Services
*********************/
.site-services .row-cta{padding-bottom: 80px !important;}

@media screen and (max-width: 992px) {
  .site-services-index .row-blocks.row-blocks-reverse .row{flex-direction: column-reverse;}
}

/*********************
Page Centres
*********************/
.site-centres .row-contact{padding-top: 0; margin-top: -100px;}

@media screen and (max-width: 768px) {
  .site-centres .row-contact{margin-top: -30px;}
}


/*********************
Page Villes
*********************/
.site-villes .villes-hero-wrapepr{min-height: 100vh; background: url('../images/accueil/hero-accueil.jpg')no-repeat top right/cover fixed;}
.site-villes .villes-hero-wrapepr .lb-h1{line-height: 1em; text-shadow: var(--shadow);}
.site-villes .villes-hero-wrapepr p{font-family: var(--poppins); max-width: 800px;  line-height: 1.2em; margin-bottom: 20px;}

@media (min-width: 1600px){
    .site-villes .villes-hero-wrapepr p{font-size: 1.4rem;}
}

.site-villes .row-partenaires, .site-villes .row-faq{padding-top: 0;}
.site-villes .row-cta{padding-bottom: 80px !important;}
.site-villes .row-blocks.row-blocks-reverse{margin-top: -40px;}
.site-villes .row-contact{padding-top: 0; margin-top: -100px;}

@media screen and (max-width: 768px) {
  .site-villes .row-contact{margin-top: -30px;}
}


/*********************
Page 50 et plus
*********************/
.btn-light{ color: var(--primary); }
.btn-light:hover{ color: #fff; background: transparent; }
.btn-outline-light:hover { color: var(--primary); }
.section-figure{ position: relative; }
.section-figure *{ z-index: 1; }
.section-figure .figure-droite{ position: absolute; right: 0; top: -65px; z-index: 0;}
.site-50-et-plus .row-contact,
.site-centres-prive .row-contact{ background: url(../images/50-plus/fond-formulaire.jpg) no-repeat center/cover; }
.site-50-et-plus .row-contact.row-contact-shadow .row,
.site-centres-prive .row-contact.row-contact-shadow .row { background-color: transparent; border: none; box-shadow: none; }
.footer { background: url(../images/50-plus/footer-fond.jpg) no-repeat center/cover; }

.site-50-et-plus .ligne-bas{ border-bottom: 5.5px solid #2DCEF9; }

.site-50-et-plus .row-cta.visitez{padding-bottom: 80px !important;}
.site-50-et-plus .pagetitle-wrapper{background-image: url(../images/50-plus/hero-title-50.jpg); padding: 460px 0 315px 0; }
.site-50-et-plus .card{padding: 30px 40px; }
.site-50-et-plus .row-banner {min-height: 675px; position: relative; z-index: 8; }
.site-50-et-plus .row-cta.bg-primary-dark{background-color: #0C1841;}
.site-50-et-plus .row-cta.bg-primary-dark i{color: var(--cyan);}
.site-50-et-plus .row-contact .container .row div:first-of-type,
.site-centres-prive .row-contact .container .row div:first-of-type{margin-left: 25px; margin-right: -50px;}


.site-50-et-plus .nos-services{
  background: url(../images/50-plus/ligne-top.jpg) no-repeat right center / cover; 
  height: 290px;
}

.site-50-et-plus .nos-services .row{
  padding-left: 50px;
  padding-right: 50px;
  margin-top: -120px;
}
.site-50-et-plus .row-cta.row-cta-first{padding-bottom: 90px;}

.site-50-et-plus .nos-services .service-container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 290px;
  background-color: #fff;
  padding: 15px 50px;
  border-radius: 20px;
}

.site-50-et-plus .nos-services .service-container img{
  margin: 0 auto 10px auto;
}

.site-50-et-plus .realisez-votre-potentiel{
  background-color: #0C1841;
  padding: 70px 0 0 0;
  position: relative;
}

.site-50-et-plus .realisez-votre-potentiel img{
  margin-top: -150px;
  margin-bottom: -450px;
}

.site-50-et-plus .realisez-votre-potentiel h3{
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}

.site-50-et-plus .realisez-votre-potentiel h4{
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 10px;
}

.site-50-et-plus .realisez-votre-potentiel p{ color: #fff; }
.site-50-et-plus .realisez-votre-potentiel > .container-fluid{ padding-left: 0; }

.site-50-et-plus .surpassez-vous{
  background: url(../images/50-plus/ligne-bottom.jpg) no-repeat right center / cover;
  height: 290px;
}

.site-50-et-plus .surpassez-vous .btn-grand{
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 13px 26px rgb(29, 29, 29, 0.28);
  padding: 25px 120px 25px 25px;
  position: relative;
  margin-top: -140px;
}

.site-50-et-plus .surpassez-vous .btn-grand::after{
  content: "";
  position: absolute;
  width: 76px;
  height: 74px;
  background: url(../images/50-plus/fleche-droite.png) no-repeat center/cover;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.5s ease-in;
}

.site-50-et-plus .surpassez-vous .btn-grand:hover{
  text-decoration: none;
}

.site-50-et-plus .surpassez-vous .btn-grand:hover::after{
  right: 0;
  transition: right 0.5s ease-out;
}

.site-50-et-plus .surpassez-vous .btn-grand h3{
  font-size: 22px;
  font-weight: 700;
  color: #0033DE;
}

.site-50-et-plus .surpassez-vous .btn-grand h3 strong{ font-size: 35px; }

@media screen and (max-width: 1520px) { 
    .site-50-et-plus .realisez-votre-potentiel { padding: 70px 0 135px 0; }
}

@media screen and (max-width: 1380px) { 
  .site-50-et-plus .nos-services { height: 335px; }
  .site-50-et-plus .nos-services .service-container{ height: 335px; padding: 15px 15px; }  
  .site-50-et-plus .nos-services .row { padding-left: 0; padding-right: 0; }
}

@media screen and (max-width: 1200px) { 
  .site-50-et-plus .surpassez-vous .row{ justify-content: center; }
}


@media screen and (max-width: 875px) { 
  .site-50-et-plus .nos-services { height: 390px; }
  .site-50-et-plus .nos-services .service-container{ height: 375px; padding: 15px 15px; }  
}

@media screen and (max-width: 768px) { 
  .site-50-et-plus .row-cta.row-cta-first{padding-bottom: 120px;}
  .site-50-et-plus .nos-services { height: initial; }
  .site-50-et-plus .nos-services .service-container { height: 220px; padding: 15px 15px; margin-bottom: 30px; }
  .site-50-et-plus .realisez-votre-potentiel img { margin-top: -115px; margin-bottom: 30px; }
  .site-50-et-plus .realisez-votre-potentiel h3, .site-50-et-plus .realisez-votre-potentiel h4, .site-50-et-plus .realisez-votre-potentiel p{ padding-left: 15px; }/*{ padding-left: 15px; }*/
  .site-50-et-plus .surpassez-vous .btn-grand { margin-top: 0; }
  .site-50-et-plus .realisez-votre-potentiel { padding-bottom: 60px;}
  .btn-light:first-of-type{ margin-left: 15px; }


  
}


@media screen and (max-width: 1400px) { .site-50-et-plus .row-banner { min-height: 400px; } }
@media screen and (max-width: 850px) { .site-50-et-plus .row-banner { min-height: 300px; } }
@media screen and (max-width: 550px) { .site-50-et-plus .row-banner { min-height: 170px; } }