/*************************************************************************************************
home
*************************************************************************************************/
/* carousel
------------------------------------------------------------------------------------*/
#homeCarousel{min-height: 100vh;}
  #carouselText{position: absolute;z-index: 2;margin: auto;position: absolute;  top: 0; left: 0; bottom: 0; right: 0;text-align: center;padding-top: 130px;}
    #carouselText img{width: 280px;text-align: center;}
    #carouselText h1{color: #161f71;text-align: center;font-size: 3.8rem;font-weight: 700;background: #FCF2E1;border-radius: 20px;display: inline-block;padding: 20px;margin: 30px 0 0 0;}
    #carouselText p{color: white;font-size: 1.5rem;font-weight: 300;background: #161f71;border-radius: 10px;display: inline-block;padding: 8px 15px;margin: 15px 0 0 0;}
    #carouselText span{clear:both;height:0px; overflow: hidden;border:none;padding:0;margin:0;width: 100%;display: block;}
  #homeCarousel .carousel-item {padding-top: 800px;min-height: 100vh;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
  #homeCarousel .carousel-caption .title{font-size: 1.4rem;margin: 0;font-weight: bold;}
  #homeCarousel .carousel-caption .text{font-size: 1.1rem;margin: 0;}
  #homeCarousel .carousel-control-next, #homeCarousel .carousel-control-prev, #homeCarousel .carousel-indicators{z-index: 3 !important;}

@media screen and (max-width: 700px){
  #homeCarousel .carousel-item {padding-top: 900px;}
  #carouselText h1 {font-size: 2.5rem;}

}

/* home presentation
------------------------------------------------------------------------------------*/
#homePresentation{background-image:url("../../build/images/logo.png");
  background-position: 20px center;
  background-size: 250px;
  background-attachment: fixed; /*par défaut scroll */
  background-repeat: no-repeat;}

  /* carousel
  -------------------------------------------------------------------*/
  #homePresCarousel{width: calc(100% - 100px);margin: auto;}
  #homePresCarousel .slidesHome{height: 200px;display: flex;flex-direction: column;justify-content: center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 20px;margin: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */ }
  #homePresCarousel .slidesHome a{display: block;height: 100%;text-decoration: none;}

  /* bouton */
  @font-face { font-family: "slick"; src: url("../js/slick/fonts/slick.eot"); src: url("../js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../js/slick/fonts/slick.woff") format("woff"), url("../js/slick/fonts/slick.ttf") format("truetype"), url("js/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
  #homePresCarousel .slick-prev{position: absolute;z-index:9;top: 50%;width: 50px;height: 50px;display: block; height: 40px; width: 40px; line-height: 0; font-size: 0;  padding: 0; border: none; outline: none;cursor: pointer; background: transparent; color: transparent; }
  #homePresCarousel .slick-next{position: absolute;z-index:9;top: 50%;width: 50px;height: 50px;display: block; height: 40px; width: 40px; line-height: 0; font-size: 0;  padding: 0; border: none; outline: none;cursor: pointer; background: transparent; color: transparent; }

  #homePresCarousel .slick-prev:hover, #homePresCarousel .slick-prev:focus, #homePresCarousel .slick-next:hover, #homePresCarousel .slick-next:focus { outline: none; background: transparent; color: transparent; }
  #homePresCarousel .slick-prev:hover:before, #homePresCarousel .slick-prev:focus:before, #homePresCarousel .slick-next:hover:before, #homePresCarousel .slick-next:focus:before { opacity: 1; }
  #homePresCarousel .slick-prev.slick-disabled:before, #homePresCarousel .slick-next.slick-disabled:before { opacity: 0.25; }

  #homePresCarousel .slick-prev:before, #homePresCarousel .slick-next:before { font-family: "slick"; font-size: 100px; line-height: 0; color: black; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display:block;width: 50px;height: 50px; }

  #homePresCarousel .slick-prev { left: -50px; }
  [dir="rtl"] .slick-prev { left: auto; right: 0; }
  #homePresCarousel .slick-prev:before { content: "‹"; }
  [dir="rtl"] .slick-prev:before { content: "›"; }

  #homePresCarousel .slick-next { right: -50px; }
  [dir="rtl"] .slick-next { left: auto; right: 0; }
  #homePresCarousel .slick-next:before { content: "›"; }
  [dir="rtl"] .slick-next:before { content: "‹"; }

  /* presentation texte */
  #textPresHome{font-style: italic;text-align: center;font-size: 1.1rem;font-weight: 600;margin-top: 40px;}
  #btnPresHome{text-align: center;}

/* home presentation2
------------------------------------------------------------------------------------*/
#homePresentation2{}

/* home presentation3
------------------------------------------------------------------------------------*/
#homePresentation3{}


/* home services
------------------------------------------------------------------------------------*/
#homeService{
  background:
      linear-gradient(to right, rgba(22, 31, 113, 0.5), rgba(22, 31, 113, 0.5)) center center no-repeat,
      url("../images/logo.png") 98% center no-repeat,
      linear-gradient(to right, rgba(22, 31, 113, 1), rgba(22, 31, 113, 1)) center center no-repeat;
  background-size: auto, 250px, auto;
  background-attachment: scroll, fixed, scroll; /* par défaut scroll */
}
  #homeService h2{color: white;margin: 0;}

  /* col left */
  /*#homeService .colLeft{}*/

  /* col middle */
  #homeService .colMiddle{border-radius: 20px 0 0 20px;border-right : dotted 1px #161F71}
    #soustitreServHome{color: #161F71;font-size: 1.7rem;line-height: 1.9rem;font-weight: 700;}
    #homeService ul{display: block;margin: 0;padding: 0;}
    #homeService li{display: block;margin: 0;padding: 0;}
  @media screen and (max-width: 767px){
  #homeService .colMiddle{border-radius: 20px 20px 0 0;border-right : 0;}
  }

  /* col right */
  #homeService .colRight{border-radius: 0 20px 20px 0;}
    #textServHome{font-size: 1.1rem;font-weight: 300;font-style: italic;}
    #btnSerHome{}
  @media screen and (max-width: 767px){
  #homeService .colRight{border-radius: 0 0 20px 20px;}
  }


/* home inscription
------------------------------------------------------------------------------------*/
#homeInscription{
  background:
    linear-gradient(to right, rgba(252, 242, 225, 0.9), rgba(252, 242, 225, 0.9)) center center no-repeat,
    url("../images/logo.png") center center no-repeat,
    linear-gradient(to right, rgba(252, 242, 225, 1), rgba(252, 242, 225, 1)) center center no-repeat;
  background-size: auto, 380px, auto;
  background-attachment: scroll, scroll, scroll;}

  #btnInscripHome{text-align: center;}

  .resaStepImg{text-align: center;}
    .resaStepImg img{max-width: 180px;}
  .resaStepTitle{text-align: center;font-size: 1.4rem;line-height: 1.6rem;color: black;font-weight: 600;}
  .resaStepText{text-align: center;font-size: 0.9rem;line-height: 1.1rem;color: #0c6fb5;}
  .resaStepText2{text-align: center;font-size: 0.9rem;line-height: 1.1rem;color: #0c6fb5;font-weight: 300;font-style: italic;}