@media only screen
and (min-device-width : 823px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 2) {


.input-recherche-village {
    margin-left: 1em;
}

.row-image-paragraph {
  margin-top: 3rem !important;
  margin-left: -80px;
  margin-right: -80px;
}

#block-views-block-recherche-villages-principal-block .fiche-arrow-container{
    left: 0.2em;
}


.accroche-text-positionning{
    top: 120px !important;
}
    #ca-blocks-chiffres-box td{
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    #navbar-container a.navbar-brand{
        margin-right: 1rem;
        margin-left: -0.5em;
    }
    .navbar-expand-lg .navbar-collapse{
        max-width: 50%;
    }
    .main-menu-item > a{
        font-size: 10px;
    }
    #block-languageswitcher{
        right: -14rem;
    }
    .image-display{
        display: none !important;
    }
    .ca-blocks-text-content {
        min-width: 100%;

    }
    .ca-blocks-player {
        margin-top: 30px !important;
        border-radius: 10px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }

    .col-md-6.mt-2.ca-fonts-montserrat-medium.village-col-details{
        margin-left: 2rem;
    }
    .photo-gallery-top-image img{
        max-width: 475px;
    }

    .innovation-text-outer {
        top: 60px;
        left: 0;
        font-size: 100px !important;
        margin: auto !important;
    }
.nav{
    height: 70px !important;
}
 #navbar-container a.navbar-brand{
        margin-right: 1rem;
        margin-left: -0.5em;
    }
    .navbar-expand-lg .navbar-collapse{
        max-width: 50%;
    }
    .main-menu-item > a{
        font-size: 10px;
    }
    #block-languageswitcher{
        right: -14rem;
    }
    .image-display{
        display: none;
    }
    .ca-blocks-text-content {
    min-width: 100%;

}
.social-links-bar{
    bottom: 0.5rem !important;
}
.ca-blocks-player {
    margin-top: 30px;
    border-radius: 10px;
    box-shadow: 0 24px 64px rgba(0,0,0,0.2);
}

#ca-blocks-chiffres-box td{
    padding-left: 2rem;
    padding-right: 2rem;
}
    .col-md-6.mt-2.ca-fonts-montserrat-medium.village-col-details{
        margin-left: 2rem;
    }
    .photo-gallery-top-image img{
        max-width: 475px;
    }

.innovation-text-inner {
    top: 60px;
}
.innovation-text-outer{
    margin-left: 0.6em;
    font-size: 6em;
}
.input-recherche-village {
    margin-left: 1em;
}


#block-views-block-recherche-villages-principal-block .fiche-arrow-container{
    left: 0.2em;
}
.vignette .container-vignette{
    margin: 15px;
}

  .exposed-form-su-part, .filter-form-tablets{
      margin: 20px 0 20px 0;
  }

  .exposed-form-su-part img, .filter-form-tablets img{
    margin-left: -1em !important;
  }

.vignette{
    margin: 0;
}
.vignette-description{
    min-height: 15px !important;
}
.container-go-site a.vignette-button {
    margin-left: -1em !important;
}
  .label-filter{
      margin-right: 50px;
  }
  .exposed-form-su-part img, .filter-form-tablets img{
      margin-left: 1em;
  }
.accroche-text h1{
    width: 20em;
    margin-top: -30px !important;
    margin-left: 0;
}

.footer-top {
    padding-left: 0 !important;
    padding-right: 0 !important;

}
.topfooter-content {
    margin-top: 2em !important;
    margin-bottom: 65px;
    margin-left: 2em !important;
    margin-right: 2em !important;
    display: flex !important;
    justify-content: space-evenly;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: max-content;
    grid-column-gap: 80px;
}

#footer-logo {
    grid-column-start: 1;
    grid-column-end: 2;

}
#footer-links {

    grid-column-end: 3;
    margin-bottom: 42px;
    margin-left: 2em;
    width: 15em;
}
#footer-social {
    grid-column-start: 3;
    grid-column-end: 4;
    margin-left: 3em;
    width: 18em;
        margin-bottom: 40px;
}

#footer-webradio {
   grid-row-start: 3;
    grid-row-end: 4;
    border: 1px solid #fff;
    position: relative;
    height: 135px !important;
    width: 25em;
    margin-left: 4em !important;
}
.geolocation-map-container.js-show.leaflet-container.leaflet-touch.leaflet-retina.leaflet-fade-anim.leaflet-touch-zoom{
    margin-left: 0.8em;
}
}


/* Large devices (laptops/desktops, 769px and up) */
@media only screen and (min-width: 823px) {
    .content  {
        margin: -50px auto 0 auto;
        min-height: 35vw;
    }
    .ca-blocks-text-content {
        max-width: 75%;
    }
 /* jumbotron settings */
    .jumbotron{
        height: 267px;
        opacity: 0.9;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center, center;
        background-repeat: no-repeat;


    }

    .jumbotron-startups:after {
         content: "";
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
        position: absolute;
        height: 300px;
        width: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%),
        url(../images/start-up-detail.jpg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .jumbotron-reseau {

    }
    .jumbotron-reseau:after{
        content: "";
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
        position: absolute;
        height: 300px;
        width: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%), url(../images/header-reseau.jpg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
    }



    .jumbotron-partenaires:after {
        content: "";
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
        position: absolute;
        height: 300px;
        width: 100%;
        top: 0;
        left: 0;
        background:  linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%),
        url(../images/header-partenaire.jpg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .jumbotron-faq:after {
        content: "";
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
        position: absolute;
        height: 300px;
        width: 100%;
        top: 0;
        left: 0;
        background:  linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%),
        url(../images/header-faq.jpg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .jumbotron-actualite:after {
        content: "";
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
        position: absolute;
        height: 300px;
        width: 100%;
        top: 0;
        left: 0;
        background:  linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%),
        url(../images/header-actualite.jpg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .jumbotron-evenement:after {
        content: "";
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
        position: absolute;
        height: 300px;
        width: 100%;
        top: 0;
        left: 0;
        background:  linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%),
        url(../images/header-evenement.jpg);
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
    }

     .jumbotron-contact {
        background:  linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%),
        url(../images/header-contact.jpg);
    }

    /*  Text and font classes */
    .ca-blocks-extern-separator {
        margin-top : 33px;
    }

   /* button margin top ( front) */

    .button-secondary-margin-top {
        margin-top: 33px;
    }

  /* button margins ( le reseau ) */

    .button-secondary-reseau-margin {
        margin: 25px 0 5px 0;
    }


    .footer-copyright {
        /* background-color: #1D1045; */
        height:93px;
    }



    /* secondary button-header- positionning */
    .button-secondary-header-positionning {
        display: inline-block;
        position: relative;
    }

   /* shadowed container for blocks : Chiffres clés/ Ils partagent */

     .block-shadowed-container {
        background-color: #FFF;
        padding: 25px 0 25px 25px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
        border-radius:10px;
    }

    /* youtube video player settings */
    .block-youtube-player {
        width: 863px;
        margin: auto;
        border-radius: 10px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }

    /* LE Reseau -photo gallery */
    .photo-gallery-container {
        height: 865px;
        margin: 60px -39px 60px -39px;
    }

    .photo-gallery-left {
        margin-right: 25px;
    }

    .photo-gallery-top-image {
        margin-bottom :25px;
    }

    .left-gallery-positionning {
        padding-right: 12.5px;
        text-align: right;
        overflow: hidden;
    }

    .right-gallery-positionning {
        padding-left: 12.5px;
        text-align: left;
    }

    /*Le réseau Innovation background  */
    .innovation-container {
          width: 100%;
          height: 300px;
         display: flex;
         position:relative;
         margin-top:15px;
    }
    .innovation-text-outer {
        font-size: 187px;
        line-height: 228px;
        color: #000;
        opacity: 0.10;
        z-index: -1;
        margin: auto;
        margin-left: -6rem;
        text-align:center;
    }

    .innovation-text-inner {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 37px;
        line-height: normal;
        margin: auto;
        text-align: center;
        width: fit-content;
        max-width: 25em;
    }

/*     Menu principal     */

 .main-menu {
    list-style:none;
    display:flex;
  }

  ul.main-menu > li{
      font-size: 14px;
      width: auto!important;
      line-height: 17.7px;
      text-align: center;
      margin-left: 10px;

    }
    ul.main-menu > li a {
      padding-right: 5px;
      padding-left: 5px;
    }


  .main-menu-item > * {
    display: block;
    color : #1D1045;
    font-family:'Montserrat';
    font-weight: 500;
    font-size: 14px;
    padding-top: 9px;


  }

  .main-menu-item > a {
    text-decoration:none;

  }


  .main-menu-item:hover, .main-menu-item--active-trail > a {

    position:relative;
    display: inline-block;
    background-color: #DC4666;
    height: 36px;
    color: white!important;
    text-decoration: none!important;
  }

  .main-menu li:last-child.main-menu-item--active-trail a{
    width: auto!important;
    padding-left: 5px;
    padding-right: 5px;
  }

    .main-menu-item:hover > a{
        color: white!important;
        text-decoration: none!important;
    }

  .main-menu-item > a:hover::before, .main-menu-item--active-trail > a::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:2.5px;
    opacity:.3;
  }

/*   -------------------------Slick caroussel module-------------------------------------  */
/* slick slider */
    .slick-slide {
    margin: 0 10px;
   }

   .slick-dots li button {
        font-size: 0px;
        line-height: 0px;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }


  #slick-views-slick-y-block-1-2-slider .slick-list, #slick-views-slick-y-block-1-1-slider .slick-list {
    position: relative;
    display: block;
    overflow-x: hidden;
    height: 450px;
  }

    #block-views-block-slick-y-block-1-2, #block-views-block-slick-y-block-1-1{
        height: 330px;
    }

   #block-views-block-slick-y-block-1-2 .slick__arrow .slick-arrow::before, #block-views-block-slick-y-block-1-1 .slick__arrow .slick-arrow::before {
    font-size: 2.25rem;
   }

   #block-views-block-slick-y-block-1-2 .slick__arrow, #block-views-block-slick-y-block-1-1 .slick__arrow {
    left: -72px;
    top: 34%;
    width: 105%
   }

   #slick-views-last-partenaires-block-1-4 .slick__arrow, #slick-views-last-startups-block-1-3 .slick__arrow {
        left: -72px;
        top: 45%;
        width: 105%;
   }

   #slick-views-last-partenaires-block-1-4 .slick__arrow .slick-arrow::before, #slick-views-last-startups-block-1-3 .slick__arrow .slick-arrow::before {
    font-size: 2.25rem;
   }

    #slick-views-last-partenaires-block-1-4, #slick-views-last-startups-block-1-3 {
        height: 200px;
    }


  #slick-views-slick-y-block-1-2-slider .slick-slide .slick__slide, #slick-views-slick-y-block-1-1-slider  .slick-slide .slick__slide{
    width: 20% !important;
    margin-right: 10px;
  }

  #block-views-block-slick-y-block-1-2 .slick img , #block-views-block-slick-y-block-1-1 .slick img {
     height:310px;
   }

  .slick-slide {
    margin: 0 6px;
  }

  .slick img {
     height:310px;
     width:250px;
   }

    .slick#slick-views-slick-y-block-1-2 img , .slick#slick-views-slick-y-block-1-1 img{
        height:310px;
        width:300px;
    }

  .slick-prev,slick-next {
    color: #DC4666;
  }

  .slick-arrow::before {
    color: #DC4666;
    font-size: 24px;
    transition: all 0.25s ease-in;
 }

 .icon-prev {
    background: url(../images/left-arrow.png) ;
    width:24px;
    height:24px;
    border:0;
 }

.icon-next {
    background: url(../images/right-arrow.png) ;
    width:24px;
    height:24px;
    border:0;
    position: absolute;
    top: 50%;
    right: 0;
}

 .slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
 }

  /* caroussel village title */
  .village-title-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #FFF;
      z-index: 10;
      box-shadow: 0 4px 24px rgba(0,0,0,0.1);
  }
  #views-exposed-form-recherche-villages-principal-block .chosen-container {
      width: 300px !important;
  }

  .village-title-text {
      text-align:center;
      vertical-align:middle;
      line-height:70px;
      font-size:1em;
      color: #000;
        margin-bottom: 0.5rem;
        font-family: inherit;
        font-weight: 500;
        margin-top: 0;
  }

    .overlay .diamond {
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #DC4666;
        position: relative;
        top: -34px;
        margin: auto;
    }

    .overlay .diamond:after {
        content: '';
        position: relative;
        left: -9px;
        top: 17px;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-top-color: #DC4666;
        margin-bottom: 0;
    }

   .village-desc {
        display:block;
        font-family:'Muli';
        font-size:18px;
        color :#FFF;
        text-align:center;
        margin-bottom:20px;
        text-overflow: ellipsis;
        line-height:normal;
        overflow: hidden;
        text-overflow: ellipsis;
        /* height: 175px;*/
        height: 96px;
        margin-top: -20px;
   }

   h4.village-hover-title {
       display: block;
       margin-top: 50px;
       margin-bottom: 5px;
       font-size: 23px;
       font-family: 'Montserrat';
       color: #FFF;
       text-transform: uppercase;
       text-align: center;
       font-weight: 700;
   }

   #slick-views-slick-y-block-1-2 h4.village-hover-title, #slick-views-slick-y-block-1-1 h4.village-hover-title {
       display: block;
       margin-top: 50px;
       margin-bottom: 5px;
       font-size: 23px;
       font-family: 'Montserrat';
       color: #FFF;
       text-transform: uppercase;
       text-align: center;
       font-weight: 700;
   }

   #block-views-block-slider-home-page-block-1 .field-content:after{
        z-index: 1;
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
/*        background: linear-gradient(285.81deg, rgba(34, 47, 166, 0.8) 34.27%, rgba(220, 70, 102, 0.58) 75.78%);*/
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 25% 95%, 0% 100%);
   }

   hr.separator-village {
      display: block;
      border-top: 1px solid #FFF;
      padding-right:5px;
      padding-left:5px;
   }

   a.village-url-button {
        display:block;
        font-family:'Montserrat';
        font-weight:500;
        font-size:14px ;
        text-transform: uppercase;
        padding: 5px 5px 5px 5px;
        text-align: center;
        text-decoration: none;
        margin-left: 27px;
        transition: all 0.25s ease-in;
        background-color: #E76C89;
        border-color: #E76C89;
        position: absolute;
        top: 250px;
        box-sizing: border-box;
        border-radius: 5px;
        color: #fff;
        width: 169px;
    }

    #slick-views-slick-y-block-1-2 a.village-url-button, #slick-views-slick-y-block-1-1 a.village-url-button {
        display:block;
        font-family:'Montserrat';
        font-weight:500;
        font-size:14px ;
        color: #fff;
        text-transform: uppercase;
        border : 1px solid #FFF;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
        text-align: center;
        text-decoration: none;
        margin-right: 30px;
        margin-left: 30px;
        transition: all 0.25s ease-in;
        background-color: #E76C89;
        border-color: #E76C89;
        position: absolute;
        top: 250px;
        z-index: 1111;
    }

    .leaflet-popup-content a.village-url-button {
        margin: auto;
        position: relative;
    }

   a.village-url-button.hidden:hover  {
        transition: all 0.25s ease-in;
        background-color: #fff;
        cursor: pointer;
        text-decoration: none !important;
        color: #E76C89 !important;
   }

   #slick-views-slick-y-block-1-2 a.village-url-button.hidden:hover, #slick-views-slick-y-block-1-1 a.village-url-button.hidden:hover  {
        transition: all 0.25s ease-in;
        background-color: #B72A48;
        cursor: pointer;
        text-decoration: none !important;
        color: #FFF !important;
   }

   .village-row {
       cursor: pointer;
   }

/*   fiche village settings     */

    .fiche {
        display: none;
        position: absolute;
        width: 100%;
        width: -moz-available;
        height: 538px;
        border-radius: 20px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
        /* right: 5px; */
        /* margin-bottom: -10px; */
        left: -1px;
        top: 1px;
        z-index: 10;
    }

    .clicked {
        display:block;
    }

    .fiche-container {
        background-color: #1D1045;
        z-index: 10;
        width: auto;
    }

    .fiche-container > * {
        color : #FFF;
        text-align: center;
        margin-bottom:20px;
    }

    .fiche-image-container {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 250px;
        z-index: 10;
        background-color: grey;
    }

    .fiche-startups-partenaires {
        height: 70px;
        padding: 10px;
    }

    .fiche-title {
        padding-top: 20px;
        font-size:22px;
        text-transform: uppercase;
    }

    .separator-fiche {
        display: block;
        border-top: 1px solid #FFF;
        margin: 20px 30% 20px 30%;
    }

    .fiche-footer {
        z-index: 10;
        display: block;
        width: auto;
        background-color: #FFF;
        padding-top: 20px;
        margin-top: -20px;
        min-height: 225px;
    }

    .fiche-desc {
        position: relative;
        font-size: 18px;
        line-height: normal;
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto 10px auto;
        width: 70%;
        height: 65px;
        text-align: center;
    }

    .fiche-content-link {
        text-decoration: none;
        text-align: center;
        width: 50%;
        margin: auto;
    }

    .carte-village {
        box-shadow : 7px 0 4px rgba(0, 0, 0, 0.15);
        height:638px;
    }

    #block-views-block-recherche-villages-principal-block .view-recherche-villages .view-content {
        overflow-y: auto;
        height: 570px;
    }
    /*label filter */
    .label-filter{
        width: auto;
    }

  /* specific card (startup/partenaires) settings */
 .vignette {
    margin: 0 0 26px;
  }
  .vignette .container-vignette {
      background: #F2F2F263;
      border-radius: 10px;
      padding: 16px;
      transition: all 0.25s ease-in;
      height: 441px;                                                                                                                                                                                                                                                             ;
      width: 365px;
  }
  .vignette-separator {
      height:25px;
      width:auto;
      border:1px solid;
  }
.vignette .container-vignette:hover {
    background : #FFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.65);
    transition: all 0.25s ease-in;
}
  .vignette-logo-container {
      position: relative;
      max-width: 100%;
      max-height: 100%;
      height: 96px;
      margin: auto auto 25px auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .vignette-logo-container img {
    display: block;
    max-width: inherit;
    max-height: 95px;
    width: auto;
    height: auto;
  }

  .vignette-description {
      font-size: 15px;
      color: #000;
      line-height: 22px;
      height: 88px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: Muli;
  }
.container-button {
    display: flex;
    font-family: Montserrat;
    font-style: normal;
    cursor: pointer;
    font-size: 18px;
}
.view-actualites .view-content {
  width: 890px;
  margin: auto;
}


.view-display-id-block_1 .vignette-button, .view-display-id-block_3 .vignette-button, .view-display-id-block_2 .vignette-button {
    position: absolute;
    bottom: 25px;
    padding: 10px 24px;
    text-align: center;
    width: 185px;
    margin: auto;
}

.link-startup .field--name-field-village-url a:hover, .link-startup .field--name-field-village-url a:active,  .vignette-button:active,.vignette-button:hover {
      background-color:#B72A48;
      transition: all 0.25s ease-in;
      cursor: pointer;
      text-decoration: none;
      color: #fff;
  }
  .container-go-site {
  display: flex;
  justify-content: center;
  }

/* couche qui superpose la vignette en hover  */
  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(29, 16, 69, 0.82);
    transition: all 0.25s ease-in;
    padding:10px;
  }

    .slick__slide:hover .overlay {
        opacity: 1;
        transition: all 0.25s ease-in;
    }

  /*  header social icons styling/on hover */
  .social-links-bar {
    margin-top: 17px;

  }
  .social-links-inter-margin {
    margin-right:10px;
  }

  .social-links-extra-margin {
    margin-right:14px;
  }
    .region-secondarymenu{
        display:flex;
    }
  .flag-language {
  /* height:24;
   width:24;*/
   border-radius:50%;
  }
  #block-languageswitcher .encaps {
      cursor: pointer;
      padding: 5px;
      height: 57px;
      margin-left: 35px;
      margin-top: 9px;
  }
  #block-languageswitcher .encaps:hover {
    border: none;
    background-color: #FFF;
    color: #FFF;
    border-radius: 10px;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.32);
    //transition: all 0.25s ease-in;
    display: block;
  }
  .encaps.langue-fr .en {
      display: none;
  }
  .encaps.langue-en .fr {
      display: none;
  }

 /****************************************************   HEADER  ******************************************************/

 /* accroche text */
#block-lereseauaccrochetexte, #block-startupsaccrochetexte, #block-partenairesaccrochetext {
    position: relative;
}
    .accroche-text h1  {
        color: #FFF;
        font-size: 40px;
        font-weight: 600;
        font-style: normal;
    }

   /* accroche reseau text positionning */
    .accroche-reseau-text-positionning {
        position: absolute;
        top: 140px;
        width: 100%;
        text-align: center;
     }

     /* accroche startup/partenaires text positionning */
     .accroche-startup-text-positionning {
         position: absolute;
         /* margin-left: 94px; */
         top: 40px;
         /* width: 40%; */
         margin: auto;
     }

    /* accroche text positionning */
    .accroche-text-positionning  {
        position: absolute;
        height: 130px;
        margin-left: 88px;
        top: 220px;
        width: 40%;
    }

    nav {
        overflow:visible;
        height:62px;
        z-index:150;
    }
    .bg-light {
        background-color: #fff !important;
    }
     #navbar-container{
        padding-top: 40px;
        /*max-width: 81em;*/
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
    }

    .navbar-brand {
        height: 72px;
        width: 100px;
        margin-right: 35px;
        display: inline-block;
        /*background: url(../images/logo-noir.jpg) no-repeat;*/
        background: url(../images/logo-village-by-ca.svg) no-repeat;
        top: -20px;
        display: block;
        position: relative;
    }


    .jumbotron-home {
        /*height: 300px;*/
        opacity:0.8;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center, center;
        background-repeat: no-repeat;
        z-index:9;
     }

    .jumbotron-home .container-text-slider{
      color: white;
      z-index: 100;
      width: 43%;
      text-align: center;
    }



  /*************************************************   CONTENT *****************************************************/

    .ca-blocks-title h2 {
    font-size: 30px;
    font-family:'Montserrat';
    font-weight: 100 ; /* light */
    color: #B6AEAE;
    }

   .ca-blocks-subtitle-black h3 {
    font-size: 37px;
    font-family:'Montserrat';
    font-weight: 600;  /* Semibold */
    color: #000;
   }

    .image-display {
      display:initial;
    }

    .ca-blocks-player {
        width: 863px;
        margin: auto;
        margin-top: 20px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }



    /* block CHIFFRES CLES */


    /* disply:false */
    .ca-xs-blocks-title {
        display:none;
    }

    .ca-xs-blocks-subtitle-black {
        display:none;
    }

    .ca-xs-blocks-intern-separator {
        display:none;
    }

    .ca-xs-blocks-chiffres-container {
          display:none;
    }

    #ca-xs-blocks-chiffres-box {
         display:none;
    }

    .ca-xs-blocks-subtitle-secondary-bis {
       display:none;
    }

    .ca-xs-blocks-chiffres-item {
     display:none;
    }

  .ca-xs-blocks-chiffres-chiffres {
    display:none;
  }

  .ca-xs-blocks-chiffres-legends {
    display:none;
  }

    /** display:true*/

    .ca-blocks-chiffres-container {
        background-color: #FFF;
        padding: 65px 0 65px 25px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.1);
        border-radius: 10px;

    }

    #ca-blocks-chiffres-box td {
      border: 1px solid #A3D9E7;
      padding-left: 3rem;
      padding-right: 3rem;
      vertical-align: baseline;
      max-width: 265px;
     }

    #ca-blocks-chiffres-box {
      margin-left: -40px !important;
      margin: 0 auto;
      border-collapse: collapse;
      border-style: hidden;
      text-align:center;
    }

     .ca-blocks-chiffres-item {
      padding: 10px;
      text-align: center;
      margin: auto;
    }

    .ca-blocks-chiffres-chiffres {
     font-family:'Muli';
     font-weight:400;
     font-size: 60px;
     color:#A3D9E7;
     margin-bottom:-10px;
    }

   .ca-blocks-chiffres-legends {
    font-family:'Muli';
    font-size: 20px;
    font-weight:700;
    color:#000;
   }

   /* video youtube cover */
   .ytp-cued-thumbnail-overlay-image {
       background-image:url("https://via.placeholder.com/150") !important;
   }

   div#block-accueilseparatorblock {
    border: 1px solid transparent;
    height: 50px;
   }

/***************************************************Footer**********************************************************/
     .footer-top {
        height:245px;
        background-color: #080025;
        padding: 10px 88px 88px 88px;
    }

    .topfooter-content {
        margin-top:65px;
        margin-bottom:65px;
        display: flex;
        justify-content: space-evenly;
        grid-template-columns: auto auto auto 250px;
        grid-template-rows: 1fr;
        grid-column-gap: 80px;
        max-height: 120px;
    }

    /****footer**logo**/
    #footer-logo {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    #footer-links {
        grid-column-start: 2;
        grid-column-end: 3;
    }

    .footer-links-title {
        font-family :'Montserrat';
        font-size:18px;
        font-weight:600;
        color : #A3D9E7;
    }

    .footer-links-links {
        display:block;
        font-family :'Montserrat';
        font-size:16px;
        font-weight:500;
        color : #FFF;
        text-decoration:none;
        transition: all 0.25s ease-in;
     }

    /****footer**social links**/
    #footer-social {
    grid-column-start: 3;
    grid-column-end: 4;
    }

    .footer-social-icons {
        margin-right:10px;
    }

    /****footer**webradio**/
    #footer-webradio {
        grid-column-start: 4;
        grid-column-end: 5;
        border: 1px solid #fff;
        position: relative;
    }

    .footer-webradio-title {
        color:#FFF;
        font-size:14px;
        font-family:'Montserrat';
        font-weight:500;
        text-align:center;
        padding:10px;
    }

    .button-footer-webradio {
        padding:16px;
        background-color:#F4CC66;
        color:#1D1045;
        font-size:14px;
        font-family:'Montserrat';
        font-weight:500;
        border:none;
        border-radius:5px;
        text-align:center;
        transition: all 0.25s ease-in;
    }

    .button-footer-webradio:hover {
        background-color: #D7AC3E;
    }

    .footer-webradio-micro-container {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #080025;
        position: absolute;
        right: 88%;
        bottom: 20%;
        transform: translateX(-60%);

    }
    .footer-webradio-micro-container img {
        height: 35px;
        width: 25px;
    }
    .header-link-social-network {
        display: none;
    }
    .button-footer-webradio.header, .reseau-menu{
        display:none;
    }

    /****bottom**footer**/
    #bottomfooter {
        grid-area: bottomfooter;
        background:#1D1045;
        color:#FFF;
        font-size:16px;
        font-family:'Montserrat';
        padding-left: 82px;
        padding-right: 82px;
    }

    .bottom-footer-font {
        color: #FFF;
        font-family :'Montserrat';
        font-weight:500;
        font-size:16px;
    }

    .bottom-footer-container {
        color:white;
        margin-right:88px;
        margin-left:88px;
        margin-top:25px;
    }

    .bottom-footer-copyright {
        display:inline-block;
        float:left;
    }

    .bottom-footer-mentions {
        display:inline-block;
    }

    footer .region-bottomfooter .field--type-text-with-summary {
        font-weight: 200;
        font-size: 16px;
    }

    footer .region-bottomfooter .field--type-text-with-summary > div {
        text-align: left;
        display: flex;
        justify-content: space-around;
    }

    footer .region-bottomfooter {
        margin-top: 15px;
    }

    .bottom-footer-mentions a {
        color: white;
        transition: all 0.25s ease-in;
    }

    .bottom-footer-mentions a:hover {
        color: #DC4666;
        transition: all 0.25s ease-in;
        text-decoration: none;
    }

    /******no mobile ************/
      .side-collapse-container{
        display:none;
    }
    .side-collapse-container.out{
        display:none;
    }
    .side-collapse {
        display:none;
    }
    .side-collapse.in {
       display:none;
    }


   /****sticky menu ****************/
   .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }

    #navbar-sticky {
        background-color:#FFF;
        box-shadow: 0 2px 42px rgba(0,0,0,0.2);
        position: fixed;
        width: 100%;
        height: 68px;
    }


    /**** no sidenav***********/
    .sidenav {
        display:none;
    }


    .sidenav .closebtn {
        display:none;
    }

    /**geolocation  ***/

    .geolocation-map-container {
        height: 638px;
        width: 90%;
        position: relative;
    }

    div#block-views-block-recherche-villages-principal-block{
        border-radius: 20px 0 0 20px;
        overflow: hidden;
    }

    /*               align startup/partenaire filters               */
    .form-item, .form-actions {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-right: 1em;
        display: inline-block;
    }

    ul.chosen-choices {
        box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.14);
        border-radius:20px;
    }

    ul.chosen-choices li > input:-ms-input-placeholder {
        font-family: 'Montserrat';
        font-weight:600;
        font-size: 14px;
        line-height: 17px;
        color:#C4C4C4;
    }

    ul.chosen-choices li > input:-moz-placeholder {
        font-family: 'Montserrat';
        font-weight:600;
        font-size: 14px;
        line-height: 17px;
        color:#C4C4C4;
    }

    ul.chosen-choices li > input:-moz-placeholder {
        font-family: 'Montserrat';
        font-weight:600;
        font-size: 14px;
        line-height: 17px;
        color:#C4C4C4;
    }
    input#edit-title {
      /*  box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.14);
        border-radius:20px;
        text-align:center;*/
    }

    #block-accueilnospartenairesblock .field--name-field-text,
    #block-accueilnosstartupsblock .field--name-field-text,
    #block-accueilnosvillagesblock .field--name-field-text {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .input-recherche-village {
        display: inline;
    }
    .input-recherche-village input.form-autocomplete {
        width: 275px;
        background-image: none;
        border-style: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        font-size: 12px;
        text-transform: uppercase;
    }
    .input-recherche-village .form-item-field-village-vocabulaire-target-id {
        text-align: left;
    }

    .input-text-recherche-village {
        min-width: 275px;
    }
    #edit-submit-startups-listing,
#edit-reset-recherche-village {
  vertical-align: middle;
  transition: all 0.25s ease-in;
}
    /* Scroll infinite */
    .ajax-progress-fullscreen {
        background: url('images/status-active.gif') no-repeat center center;
        min-height: 30px;
        //opacity: .9;
        padding: 10px;
        vertical-align: middle;
        width: 100px;
        position: relative;
    }
    /* General */
    .footer-links-title-link {
        margin-right:10px;
        width:40px;
        height:40px;
    }
    .button-footer-webradio-container {
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    .bottom-footer-copyright-span {
        color:#ffffff;
    }
    .titre-accelerator {
        color:#f4cc66;
    }
    .topfooter.col-lg-12.col-md-12.col-xs-12{
    margin: 0;
    padding: 0;
    display: flex;
}

   /* logo (startup/partenaire) margin */

    .logo-margin {
    margin-bottom:30px;
    display: flex;
    }

    .logo-margin img {
        /*min-width: 50%;
        min-height: 50%;
        max-width: 200px;
        max-height: 150px;
        width: auto;
        height: auto;*/
        display: block;
        max-width: 199px;
        max-height: 155px;
        width: auto;
        height: auto;
        /*margin: auto;*/
    }

    #block-decouvrezreseaubutton a,
    #block-startupsbutton a,
    #block-partenairesbutton a,
    #block-lereseauilspartagentblock .field--name-field-button .row a,
    #block-views-block-recherche-villages-principal-block .fiche a {
        padding:20px;
        background-color:#DC4666;
        color:#FFF;
        font-size:18px;
        font-family:'Montserrat';
        font-weight:300;
        border:none;
        border-radius:5px;
        box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.32);
        transition: all 0.25s ease-in;
    }
}
/*****************IE 10 et +*************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

 .input-recherche-village {
    margin-left: 1em;
}


#block-views-block-recherche-villages-principal-block .fiche-arrow-container{
    left: 0.2em;
}


.accroche-text-positionning{
    top: 200px !important;
}
    #ca-blocks-chiffres-box td{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    #navbar-container a.navbar-brand{
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .navbar-expand-lg .navbar-collapse{
        max-width: 65%;
    }
    .social-links-bar{
        bottom: 1em;
    }
    .main-menu-item > a{
        font-size: 10px;
    }
    #block-languageswitcher{
        right: -14rem;
    }


    .col-md-6.mt-2.ca-fonts-montserrat-medium.village-col-details{
        margin-left: 2rem;
    }
    .photo-gallery-top-image img{
        max-width: 100%;
    }

    .innovation-text-outer {
        top: 60px;
        left: 0;
        font-size: 100px !important;
        margin: auto !important;
    }
.nav{
    height: 70px !important;
}
 #navbar-container a.navbar-brand{
        margin-right: 1rem;
        margin-left: -0.5em;
    }
    .navbar-expand-lg .navbar-collapse{
        max-width: 50%;
    }
    .main-menu-item > a{
        font-size: 10px;
    }
    #block-languageswitcher{
        right: -14rem;
    }

.social-links-bar{
    bottom: 1.1em !important;
}
     .ca-blocks-title h2 {
    font-size: 30px;
    font-family:'Montserrat';
    font-weight: 100 ; /* light */
    color: #B6AEAE;
    }

   .ca-blocks-subtitle-black h3 {
    font-size: 37px;
    font-family:'Montserrat';
    font-weight: 600;  /* Semibold */
    color: #000;
   }

    .image-display {
      display:block;
      margin-top: -20em !important;
      margin-left: 40% !important;

    }

    .ca-blocks-player {
        width: 863px;
        margin: auto;

        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }

    .col-md-6.mt-2.ca-fonts-montserrat-medium.village-col-details{
        margin-left: 3rem !important;
    }
    .vignette-logo-container img {
        max-width: 150px;
    }

.vignette{
    height: 38em !important;
}
 .vignette-description {

        margin-bottom: 60px;
        /**margin-botton:60px*/
        font-size: 14px;
        color:#000;
        line-height:22px;
        min-height: 20em !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .container-go-site a.vignette-button{

         bottom: 3em;
        position: absolute;
        width: 200px;
        margin-left: -8em;
        margin-right: auto;
    }


    .container-go-site {
       display: flex;
        bottom: 1em;
        position: absolute;
        width: 80%;
    }
    .footer-top {
  padding: 10px 88px 88px 4.5em;


}
.topfooter-content {
    margin-top: 2em !important;
    margin-bottom: 65px;
    margin-left: 2em !important;
    margin-right: 2em !important;
    display: flex !important;
    justify-content: space-evenly;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: max-content;
    grid-column-gap: 80px;
}

#footer-logo {
    grid-column-start: 1;
    grid-column-end: 2;
    padding-right: 8em !important;

}
#footer-links {

    grid-column-end: 3;
    margin-bottom: 42px;
    margin-left: 2em;
    width: 15em;
}
#footer-social {
    grid-column-start: 3;
    grid-column-end: 4;
    margin-left: 3em;
    width: 20em;
        margin-bottom: 40px;
}

#footer-webradio {
   grid-row-start: 3;
    grid-row-end: 4;
    border: 1px solid #fff;
    position: relative;
    height: 135px !important;
    width: 25em;
    margin-left: 6em !important;
}
 .footer-webradio-micro-container{
     right: 91% !important;
 }


}



/***-----------------EDGE------------------------------------***/
@supports (-ms-ime-align:auto) {

  .input-recherche-village {
    margin-left: 1em;
}


#block-views-block-recherche-villages-principal-block .fiche-arrow-container{
    left: 0.2em;
}


.accroche-text-positionning{
    top: 200px !important;
}
    #ca-blocks-chiffres-box td{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    #navbar-container a.navbar-brand{
        margin-right: 1rem;
        margin-left: -0.5em;
    }
    .navbar-expand-lg .navbar-collapse{
        max-width: 50%;
    }
    .social-links-bar{
        bottom: 1em;
    }
    .main-menu-item > a{
        font-size: 10px;
    }
    #block-languageswitcher{
        right: -14rem;
    }


    .col-md-6.mt-2.ca-fonts-montserrat-medium.village-col-details{
        margin-left: 2rem;
    }
    .photo-gallery-top-image img{
        max-width: 100%;
    }

    .innovation-text-outer {
        top: 60px;
        left: 0;
        font-size: 100px !important;
        margin: auto !important;
    }
.nav{
    height: 70px !important;
}
 #navbar-container a.navbar-brand{
        margin-right: 1rem;
        margin-left: -0.5em;
    }
    .navbar-expand-lg .navbar-collapse{
        max-width: 50%;
    }
    .main-menu-item > a{
        font-size: 10px;
    }
    #block-languageswitcher{
        right: -14rem;
    }

.social-links-bar{
    bottom: 1.1em !important;
}
    .ca-blocks-player {

        border-radius: 10px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }

    .footer-top {
  padding: 10px 88px 88px 88px;

}
.topfooter-content {
    margin-top: 2em !important;
    margin-bottom: 65px;
    margin-left: 2em !important;
    margin-right: 2em !important;
    display: flex !important;
    justify-content: space-evenly;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: max-content;
    grid-column-gap: 80px;
}

#footer-logo {
    grid-column-start: 1;
    grid-column-end: 2;
    padding-right: 12em !important;

}
#footer-links {

    grid-column-end: 3;
    margin-bottom: 42px;
    margin-left: 2em;
    width: 15em;
}
#footer-social {
    grid-column-start: 3;
    grid-column-end: 4;
    margin-left: 3em;
    width: 18em;
        margin-bottom: 40px;
}

#footer-webradio {
   grid-row-start: 3;
    grid-row-end: 4;
    border: 1px solid #fff;
    position: relative;
    height: 135px !important;
    width: 25em;
    margin-left: 4em !important;
}
 .footer-webradio-micro-container{
     right: 91% !important;
 }

}