/* Extra small devices (phones ortrait tablets and large phones, 768px and down) */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {

    .jumbotron-evenements > .region-jumbotron > #block-jumbotronafter::after {

        margin-top: 6em!important;

    }
    .jumbotron-actualites > .region-jumbotron > #block-jumbotronafter::after {

        max-width: 90%!important;


    }
    .views-row > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1){
        height: 25em!important;
    }
    .event-top .view-content, .event-top .view-content .views-row {
        height: 25em!important;
    }
    .event-top .view-content .views-row .views-field .field-content .detail-event {

        max-width: 80%!important;

    }
    .event-top .view-content .views-row .views-field .field-content .detail-event{
        color: black!important
    }

}
@media only screen and (max-width: 768px) {

    /****************************************************   Mobile-first *************************************************/
    .side-collapse-container{
        width:100%;
        position:relative;
        left:0;
        transition:left .4s;
    }
    .side-collapse-container.out{
        left:200px;
    }
    .side-collapse {
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        position:fixed;
        overflow:hidden;
        transition:width .4s;
    }
    .side-collapse.in {
        width:0;
    }

    /****************************************************   GENERAL  *************************************************/

    .content {
        padding: 0 20px 0 20px;
    }

    /****************************************************   HEADER  *************************************************/
    .navbar-brand {
        height: 126px;
        width:126px;
        z-index: 1;
        background:url(../images/logo-noir.jpg);
        margin-top: 1.5em;
    } 

    .navbar-toggler {
        padding: 0.5rem 0.5rem;
        font-size: 1rem;
        line-height: 1;
        background-color: #1D1045;
        border: 1px solid #1D1045;
        position: relative;
        background: url(../images/toggler-icon.svg) no-repeat center center;
    }

    .navbar-dark .navbar-toggler-icon{
        background-image: none
    }

    #mySidenav > div > a.home-button{
        padding-top: 29px;
        margin-bottom: .5em;
    }
  
    #block-lesvillagesbyca-main-menu > ul > li.nav-item.main-menu-item.ca-fonts-montserrat-medium.main-menu-item--expanded > ul{
        padding-left: 2em;
    }

    #block-lesvillagesbyca-main-menu > ul > li.nav-item.main-menu-item.ca-fonts-montserrat-medium.main-menu-item--expanded > ul > li a:before {
        content: " ";
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #ff2655;
        border-radius: 50%;
        margin-right: 15px;
    }
    #block-sociallinksheader > div > div > div:nth-child(1), #block-sociallinksheader > div > div > p:nth-child(2) > button.button-footer-webradio.header{
        display: none;
    }
    .region.region-jumbotron {
        display: flex;
        flex-direction: column;
    }

    .ca-blocks-extern-separator {
        margin-top: 15px;
    }
    .ca-header-webradio-button {
        display: none;
    }
    .social-links-inter-margin {
        margin-right: 20px;
    }
    .ca-fonts-montserrat-medium {
        font-size: 14px;
        width: 100%;
    }
    #edit-submit-startups-listing {
        margin-top: 1.5rem;
    }
    .last-button-bis {
        margin-top:32px;
    }

    /* accroche text */
    .accroche-text h1 {
        color:#FFF;
        line-height:45px;
        font-size: 25px;
    }

    /* accroche text positionning */
    .accroche-text-positionning {
        text-align: center;
    }

    /* accroche reseau text positionning */
    .accroche-reseau-text-positionning {
        text-align: center;
    }

    /* accroche startup text positionning */
    .accroche-startup-text-positionning {
        text-align: center;
    }


    .button-secondary-header-positionning {
        text-align: center;
        transform: translateY(150%)
    }

    /*********NEW HEADER */
    .path-frontpage .jumbotron-slider {
        height: 615px;   
        z-index:9;
        border-bottom: 5px solid transparent;
        border-image:linear-gradient(to left, #29337A 10.83%, #DC4666 90.42%);
        border-image-slice: 1;
    }
    .path-frontpage .jumbotron-slider .region-jumbotron{
        height: 612px!important;
    }
    .jumbotron-slider{
        height: 389px;   
        z-index:9;
        border-bottom: 5px solid transparent;
        border-image:linear-gradient(to left, #29337A 10.83%, #DC4666 90.42%);
        border-image-slice: 1;
    }

    #slick-views-slider-block-1-1  .slide__caption, #slick-view-slider-block-1 {
        padding: 0;
    }

    #slick-views-slider-block-1-1  .slide__caption .slide__description .views-field .field-content .header_img > img:nth-child(1),#slick-views-slider-block-1-1 > div > div > div > span > div > img{
        width: 100%;
        height: 610px;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;

    }
    #slick-views-slider-block-5-1 > div > div > div > span > div > img, 
    #slick-views-slider-block-3-2 > div > div > div > span > div > img,
    #slick-views-slider-block-2-3 > div > div > div > span > div > img,
     #block-views-block-slider-block-8 > div > div > div > div > div > div > img{
        width: 100%;
        height: 387px;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #slick-views-slider-block-1-1 > div > div > div > span > div::after{

        height: 615px;


    }
   body > div > div.content.container > div > article > div > div.clearfix.text-formatted.field.field--name-field-titre-page-detail.field--type-text.field--label-hidden.field__item {
        font-size: 25px;
        line-height: 1;
    }
  .header_img img{
      height: 387px!important;
  }
  #block-views-block-slider-block-1 > div > div > div > div > div > span > div > img{
      height: 615px!important;
  }
    .header_img::after,
    #block-views-block-slider-block-8 > div > div > div > div > div > div::after{
        background:  linear-gradient(191.73deg, #3757A6 26.99%, rgba(55, 87, 166, 0) 77.08%);
        position: absolute;
        display: block;
        content: " ";
        height: 387px;
        width: 100%;
        z-index: 0;
    }
    #block-lereseauaccrochetexte > div, 
    #block-views-block-slider-block-2 > h2,
    #block-views-block-slider-block-3 h2{
        display: none;
    }
    #block-views-block-slider-block-5 div > div > div > span > div::after{
        height: 389px;
    }
    header_img , .header_img h1{

        z-index: 10;
        padding: 1em;
        width: 100%;

        padding-top: 5em;
        color: white;
        position: absolute;
        display: block;
        max-width: 45em;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 40px;
        line-height: 53px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    #block-views-block-slider-block-1 > h2:nth-child(1),#block-views-block-slider-block-5 > h2 {
        display: none;
    }
    #block-decouvrezreseaubutton{
        margin-top: 25em;
        position: relative;


        z-index: 10;
    }

    .jumbotron-home {
        height: 425px;
        background:  linear-gradient(191.73deg, #3757A6 26.99%, rgba(55, 87, 166, 0) 77.08%),
            url(../images//svg/home-page-jumbotron.svg);
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 0 20px 0 20px;

        -webkit-background-size: unset;
        -moz-background-size: unset;
        -o-background-size: unset;
        background-size: unset;
        background-position: center, center;
        background-repeat: no-repeat;
        z-index:9;
    }
    .jumbotron-startups {
        height: 425px;
        background: linear-gradient(150.31deg, rgba(34, 47, 166, 0.77) 24.96%, rgba(155, 211, 225, 0.55) 118.1%),
            url(../images/header-start-up.jpg);
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 0 20px 0 20px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center, center;
        background-repeat: no-repeat;
        opacity:0.8;
        z-index:-1;
    }
    .path-node> .dialog-off-canvas-main-canvas > .jumbotron-village{
        height: 425px;
        background:  linear-gradient(191.73deg, #3757A6 26.99%, rgba(55, 87, 166, 0) 77.08%),
            url(../images/svg/header-village.svg)!important;
        background-repeat: no-repeat!important;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        background-size: cover!important;
        background-position: center, center!important;
    }
    .path-actualites > .dialog-off-canvas-main-canvas > .jumbotron-actualites > .region-jumbotron > #block-jumbotronafter > h2:nth-child(1),
    .path-node > .dialog-off-canvas-main-canvas > .jumbotron-village > .region-jumbotron > #block-jumbotronafter > h2:nth-child(1){
        visibility: hidden;
    }
    #block-jumbotonvillage > .accroche-text > p:nth-child(1),#block-jumbotonvillage > h2{
        visibility: hidden;
    }

    .jumbotron-evenements > .region-jumbotron > #block-jumbotronafter::after{
        color: white;
        position: absolute;
        display: block;
        max-width: 27rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 53px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
        margin-top: 3em;
        text-align: center;
        content: "Les événements du village Paris"!important;
    }

    #slick-slide00, #slick-slide01 {
    width: 302px;
    min-height: 100%;
    display: flex!important;
}

    #block-jumbotonvillage > h2:nth-child(1)::after  {

        visibility: visible;
        content: "Le réseau des Villages By CA, un ancrage national et une envergure internationale";
        color: white;
        position: absolute;
        display: block;
        max-width: 27rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 53px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
        margin-top: 3em;
        text-align: center;


    }
    .path-actualites > .dialog-off-canvas-main-canvas > .jumbotron-actualites,
    .path-evenements > .dialog-off-canvas-main-canvas > .jumbotron-evenements,
    .path-actualites > .dialog-off-canvas-main-canvas > .jumbotron-actualites > .region-jumbotron{
        height: 425px;
        background:  linear-gradient(191.73deg, #3757A6 26.99%, rgba(55, 87, 166, 0) 77.08%),
            url(../images/header_actu.png);
        background-repeat: no-repeat!important;
        -webkit-background-size: cover!important; 
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        background-size: cover!important;
        background-position: center, center!important;
    }
    #webform-submission-contact-add-form > div.js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email.form-item-email.form-no-label, webform-submission-contact-add-form > div.js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-email.form-item-email.form-no-label input{
        max-width: 80%!important;
    }
    
    body.path-webform > div.dialog-off-canvas-main-canvas > div.jumbotron-slider > div{
            height: 389px;
   
    background-repeat: no-repeat!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center, center!important;
    }

    .jumbotron-actualites > .region-jumbotron > #block-jumbotronafter::after{

        content: "Les actualités du Village Paris";
        color: white;
        position: absolute;
        display: block;
        max-width: 27rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 53px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
        margin-top: 4em;
        text-align: center;
    }

    .jumbotron-reseau {
        height: 425px;
        background: linear-gradient(150.31deg, rgba(34, 47, 166, 0.77) 24.96%, rgba(155, 211, 225, 0.55) 118.1%),
            url(../images/header-reseau.jpg);
        opacity:0.8;
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 0 20px 0 20px;
        -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:-10;
    }
    #navbar-sticky .navbar-toggler {
        z-index: 10;
        margin-bottom: 1.8em;
    }

    .jumbotron-startups {
        height: 425px;
        background: linear-gradient(150.31deg, rgba(34, 47, 166, 0.77) 24.96%, rgba(155, 211, 225, 0.55) 118.1%),
            url(../images/header-start-up.jpg);
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 0 20px 0 20px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center, center;
        background-repeat: no-repeat;
        opacity:0.8;
        z-index:-1;
    }

    .jumbotron-partenaires {
        height: 425px;
        background: linear-gradient(136.89deg, rgba(34, 47, 166, 0.77) 24.96%, rgba(155, 211, 225, 0.55) 118.1%),
            url(../images/header-start-up.jpg);
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 0 20px 0 20px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center, center;
        background-repeat: no-repeat;
        opacity:0.8;
        z-index:-1;
    }

    .jumbotron-contact {
        height: 425px;
        background:url(../images/header-start-up.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center, center;
        background-repeat: no-repeat;
        opacity:0.8;
        z-index:-1;
    } 



    /* Menu Principal */

    .main-menu {
        list-style:none;
        display:flex;
    }
    .home-button {
        position: absolute;
        left: 2.8rem;
        top: 7rem;
        font-size: 17px;
    }


    ul.main-menu > li{
        margin-right: 28px;

        font-size: 16px;
        margin-top: .5em;
    }

    .main-menu-item > *,
    .home-button {
        display: block;
        color : #1D1045;
        font-family:'Montserrat';
        font-weight: 500;
        transition: all 0.25s ease-in;
    }

    .main-menu-item > a {
        text-decoration:none;
        transition: all 0.25s ease-in;
    }

    .main-menu-item > a:hover, .main-menu-item--active-trail > a ,
        #mySidenav > div > a.is-active.home-button:hover{
        color:#ff2655;
        position:relative; 
        display: inline-block;
        transition: all 0.25s ease-in;
    }

    #mySidenav > div > div.region.region-primarymenu,
    #block-socialnetworkbloc > div > div:nth-child(4){
        margin-bottom: .5em;
    }
    #block-languageswitcher {
        display: block;
        
    }
    /************************************************   CONTENT******************************************************/
    .ca-blocks-title h2 {
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 300;
        color: #B6AEAE;
        width: 80%;
        
    }
#block-headercontact > div > div > h2{
    text-align: left;
}
    .ca-blocks-subtitle-black h3 {
        font-size: 27px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #000;
    }

    .image-display {
        display:none;
    }

    .ca-blocks-player {
        margin-top: 30px;
        border-radius: 10px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }
    #block-views-block-actualites-block-1 div .view-content .views-row{
        margin-bottom: 3em;
    }

    #block-views-block-actualites-block-1 div .view-content .views-row:first-child{
        margin-bottom: 1em;
    }

    /*******LANDING PAGE ***********/
    body.path-node.page-node-type-page > div > div.content.container > div > article > div > div > p > img{
        display: block!important;
        width: 100%!important;

    }

    /**************block CHIFFRES CLES *****************************/

    .ca-xs-blocks-title {
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 300;
        color: #B6AEAE;
    }

    .ca-xs-blocks-subtitle-black h3 {
        font-size: 27px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #000;
    }

    .ca-xs-blocks-intern-separator {
        width : 35px;
        height: 6px;
        margin-top: 18px;
        margin-bottom: 18px;
        background-color: #F4CC66;
    }

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

    div#block-accueilchiffreclesxsblock {
        margin: 0 -20px 0 -20px;
        border-radius: 5px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }
    #block-headchiclemobilebloc {
        margin: 0 -20px 0 -20px;
        border-radius: 5px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
    }

    div#ca-xs-blocks-chiffres-container {
        margin: 0px 20px 0 20px;
        padding: 20px 0;
    }

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

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

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


    .ca-xs-blocks-chiffres-container {
        background-color: #FFF;
        border-radius: 10px;
        height:450px;
    }

    #ca-xs-blocks-chiffres-box td {
        border: 1px solid #A3D9E7;
        padding: 1rem;
        max-width: 180px;
    }

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

    .ca-xs-blocks-subtitle-secondary-bis {
        font-size: 27px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #F4CC66;
    }

    .ca-xs-blocks-subtitle-black {
        font-size: 27px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #000;
    }

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

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

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


    /*****************hp  actualite ***********************/
    #block-views-block-actualites-block-1 div .view-content {
        display: block;
    }

    .actualites .view-content div.views-row {
        width: inherit;
        max-height: 25rem!important;
    }
    .actualites .view-content div.views-row .actuality-hp .actuality-img a img{

        height: auto;
        max-height: 25rem;
        max-width: available;
        max-width: -moz-available;

    }
    div.views-row > div:nth-child(1) > span:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
        overflow: hidden;
    }
    .all-actuality, .all-event {
        font-size: 15px!important;
    }

    /*bloc rendez-vous*/
    div.col-12   {
        margin-bottom: 1.5rem;
    }

    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-img > imgg{
        width: 100%
    }

    /*****************Le village ***********************/
    #block-views-block-actualites-block-1 > div > div > div.view-footer{
        padding-top: 3em;
    }
    /*****************ACTUALITE ***********************/
    /*************haut de page **************/
    .path-actualites > .dialog-off-canvas-main-canvas > .content.container > .region.region-content > .views-element-container{
        padding-top: 3em!important;
    }
    #slick-views-actualites-block-2-2-slider .slick-list div.slick-slide:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
        max-height: 500px; 
    }


    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .slide-img img {
        width: 100%;
        position: relative;
        z-index: -1;
        object-fit: cover;
        height: 500px!important;
    }
    #slick-views-actualites-block-2-2-slider > div > div > div.slick-slide.slick-current.slick-active > div > div > div > div > div > div > span > span > div > div > a > div.ca-blocks-intern-separator.field.field--name-field-intern-separator.field--type-block-field.field--label-hidden.field__item{
        margin-top: .5em!important;
        margin-bottom: .5em!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description {

        bottom: 8em!important;
        max-width: 80%!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description >a > .title{
        font-size: 18px!important;
        color: black;
        text-transform: uppercase;
        font-weight: bold;
    }


    body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.actualites.view.view-actualites.view-id-actualites.view-display-id-block_2.js-view-dom-id-97e173eeedfa03f767666dc9a9ee4de81c6354557bafe84ce23aaa253fa1daa1{
        scroll-padding-bottom: 3em;
    }
    /*************bas de page **************/

    /*****************Le Réseau  -photo gallery ***********************/
    .leaflet-container.leaflet-touch-zoom{
        max-height: 500px;
    }
    .photo-gallery-container {
        margin-top: 33px;
    }

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

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

    .photo-gallery-top-image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    .photo-gallery-bottom-image {
        display: block;
    }

    .photo-gallery-bottom-image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin-bottom: 25px;
    }

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

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

    #slick-grouping-views-equipe-block-1-1-slider >.slick-list > .slick-track > div.slick-slide > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > img:nth-child(1){
        max-height: 300px!important;
    }
    #slick-grouping-views-equipe-block-1-1-slider >.slick-list > .slick-track > div.slick-slide > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li{
        height: 490px;
    }
    #slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide > div > div > div{
        height: 430px;
    }

    #slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide > div > div > div > ul > li.slide__grid.grid.grid--0 > div > div > div > div.views-field.views-field-field-img-profile > div > img{
        height: 300px;
        object-fit: cover;
    }
    #slick-grouping-views-equipe-block-1-1-slider > div{
        height: 400px;
    }

    #slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide.slick-current.slick-active > div > div > div > ul > li.slide__grid.grid.grid--0{
        box-shadow: none;
    }
    /* shadowed container for blocks : Chiffres clés/ Ils partagent */

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

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

    /*Le réseau Innovation background  */
    .innovation-container {
        width: 100%;
        height: 200px;
        display: flex;
        position: relative;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .innovation-text-outer {
        font-size: 45px;
        line-height: 228px;
        color: #000;
        opacity: 0.07;
        z-index: -1;
        margin: auto;
        position: relative;
        bottom: 80px;
    } 

    .innovation-text-inner {
        position: absolute;
        top: 70px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 20px;
        line-height: normal;
        text-align: center;
        width: 100%;
        color: #4022A6;
        max-width: 25em;
    } 

    /*   -----------------------------------Slick caroussel module-------------------------------------  */

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

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

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

    .slick img,slick iframe {
        height:400px;
        width:300px;
    }

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

    .slick-arrow::before {
        color: #ff2655;
        font-size: 2.25rem;
        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;
    }

    /* Front Page : caroussel village title */
    .village-title-wrapper {
        position:relative;
        margin-top:-70px;
        padding:auto;
        margin-left:10px;
        margin-right:10px;
        height:71px;
        background-color: #FFF;
        z-index:10;

    }

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

    .village-desc {
        display:block;
        font-family:'Muli';
        width: 70%;
        margin: auto auto 20px auto;
        font-size:14px;
        color :#FFF;
        text-align:center;
        text-overflow: ellipsis;
        line-height: normal;
    }

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

    hr.separator-village {
        display: block;
        border-top: 1px solid #FFF;
        width: 65%;
    }

    a.village-url-button {
        display:block;
        width:60%;
        margin: auto;
        font-family:'Montserrat';
        font-weight:500;
        font-size:14px ;
        color: #fff;
        text-transform: uppercase;
        border : 1px solid #FFF;
        border-radius: 10px;
        padding: 10px;
        text-align: center;
        text-decoration:none;
    }

    a.village-url-button.hidden:hover  {
        transition: all 0.25s ease-in;
    }

    /*   fiche village settings     */

    .fiche {
        display: none;
        position: absolute;
        top: 0;
        width: -moz-available;
        width: -webkit-fill-available;
        HEIGHT: 100%;
        border: 1px white;
        border-radius: 20px;
        box-shadow: 0 24px 64px rgba(0,0,0,0.2);
        z-index: 100;
    }
   
    #block-views-block-recherche-villages-principal-block .fiche-arrow-container {
        z-index: 1000;
        position: absolute;
        top: -1rem;
        left: 0.5rem;
    }

    .clicked {
        display:block;
    }

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

    .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-startups-partenaires > div:first-child {
        margin-bottom: 15px;
    }

    .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;
    }

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

    .fiche-content-link {
        text-decoration: none;
        text-align: center;
        width: 40%;
        margin: auto;
    }
    /* LES STARTUPS/LES PARTENAIRES:specific card (startup/partenaires) settings */

    .card-group{
        margin: auto;
    }

    .vignette {
        background : #F7F7F7;
        border-radius : 10px;
        margin: 0 25px 25px 0;
        padding: 30px 38px 30px 38px;
    }

    .vignette-separator {
        height:25px;
        width:auto;
        border:1px solid;
    }

    .vignette-logo-container {
        /*position:relative;
        max-width: 100%;
        max-height: 100%;
        height: 150px;
        margin:auto auto 25px auto;
        text-align:center;*/
        margin: 0 auto 25px;
        text-align: center;
        display: block;
        max-width: 199px;
        max-height: 95px;
        width: auto;
        height: auto;
    }

    .vignette-logo {
        position:absolute;
        bottom:0;
        text-align:center;
    }

    .vignette-description {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 60px;
        font-size: 18px;
        color:#000;
        line-height:28px;
    }

    .container-go-site {
        display: flex;
    }

    a.vignette-button {
        position: relative;
        padding: 10px 24px;
        background-color: #ff2655;
        border: none;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 30px;
        color: #fff;
        text-decoration: none;
    }

    .vignette-button:active,.vignette-button:hover {
        background-color:#B72A48;
    }

    .vignette-button-inside > a {
        text-decoration:none;
        text-transform: uppercase;
        color:#FFF;
        font-size:14px;
    }


    /* 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: #1D1045;
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.5);
        padding:10px;
    }

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

    .path-frontpage #block-views-block-rendez-vous-block-1{
        margin-top: 12em!important;
    }
    /************TÉMOIGNAGES HP ***********************/
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > h3,
    #block-views-block-actualites-block-3 > div > div > div.view-header > h3 {
        padding-left: 1em!important;
        font-size: 25px!important;
    }
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > span:nth-child(2)::after{
        content: none!important;
    }
    #block-views-block-actualites-block-3 > div > div > div.view-header > div:nth-child(4){
        display: none;
    }
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > span:nth-child(2), #block-views-block-actualites-block-3 > div > div > div.view-header > div.ca-blocks-title > h2{
        padding-left: .8em!important;
    }
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > div:first-child{
        margin-bottom: -5em!important;
        margin-left: 1.4em!important;
    }
    #block-views-block-actualites-block-3 > div > div > div.view-header > div.ca-blocks-intern-separator{
        margin-left: 1.4em!important;
    }
    #block-views-block-actualites-block-3 > div > div > div.view-header > div.ca-blocks-title > h2{
            font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 100;
    color: #B6AEAE;
    text-transform: uppercase;
    padding-top: 1em;
    }
    .view-temoignages{
        padding-top: 5em!important;
    }
    .views-element-container{
        padding-bottom: 0!important;
    }
    #slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) p:before{
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
        width: 80px;
        height: 80px;

    }
    .slick__arrow{
        display: none;
    }
    #slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) p,#slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
        font-size: 15px;
    }
    #slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > img:nth-child(1){
        width: 50%!important;
    }
    #slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track > div  > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) p:nth-child(1)::before ,
    #slick-slide10 > div > div > div > div > div > div > div.views-field.views-field-body > div > p:nth-child(1)::before, #slick-slide11 > div > div > div > div > div > div > div.views-field.views-field-body > div > p:nth-child(1)::before{
        margin-left: auto;
        margin-right: auto;
    }
    .slick-slide > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > img:nth-child(1){
        margin-left: auto;
        margin-right: auto;
        object-fit: cover;
        height: 15%;
        width: 15%;

    }

    /*********************************************Footer************************************************/
    footer{
        font-size: 0.75rem;
        font-weight: 200;
    }
    .footer-top {
        background-color: #080025;
        padding: 50px 20px 20px 20px;
        margin: auto;
    }

    .topfooter-content {
        display: grid;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr;
    }

    /****footer**logo**/
    #footer-logo {
        margin: auto;
        grid-row-start: 1;
        grid-row-end: 2;
        margin-bottom: 42px
    }

    #footer-links {

        margin-bottom: 42px
    }

    .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;
    }

    .bottom-footer-copyright-span {
        color:#ffffff;
        text-align:center;
    }

    /****footer**social links**/
    #footer-social {

        margin-bottom: 40px;
    }

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

    /****footer**webradio**/
    #footer-webradio {
        border: 1px solid #fff;
        position: relative;
        height: 140px;
    }
    .footer-webradio-title {
        color: #FFF;
        font-size: 14px;
        font-family: 'Montserrat';
        font-weight: 500;
        text-align: center;
        padding: 10px;
        margin-top: 20px;
    }

    .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;
        margin-bottom: 20px;
    }

    .micro-blanc-mobile {
        margin-left:10px
    }
    #block-languageswitcher .links {
        position: relative;

    }
    #block-sociallinksheader {
        display: block;
    }
    #block-languageswitcher .links li {
        display: inline-block;
        margin-right: 20px;
    }

    .button-footer-webradio:hover {
        background-color: #D7AC3E;
    }
#block-socialnetworkbloc > div > button.button-footer-webradio.header{
    display: none;
}
    .footer-webradio-micro-container {
        position: relative;
        background-color: #000;
        width: 40px;
        text-align: center;
        transform: translateX(-50%);
        margin-top: 1em;
        bottom: 10.5rem;
        left: 10.3rem;
    }

    /****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;
        color :#fff;
    }

    .bottom-footer-mentions a {
        color: #fff;
        text-decoration: none;
    }

    .button-footer-webradio-container {
        text-align: center;
    }

    /**** no sticky ***********/

    #navbar-sticky {
        background-color: white!important;
    }


    #navbar-container{
        height:62px;
    }


    /**** sidenav***********/
    .sidenav {
        height: 100%;
        width: 0;
        right:0;
        z-index: 1000;
        position: fixed;
        overflow: hidden;
        background-color: #FFF;
        overflow-x: hidden; 
        transition: 0.5s;
        box-shadow: -4px 4px 64px rgba(0,0,0,0.25);
    }

    #mysidenav {
        display:none;
    }

    #mySidenav .navbar-nav {
        margin-bottom: 5px;
    }

    .sidenav-container {
        padding: 0 20px 0 20px;
        margin-left:25px;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 2rem;
        right: 2rem;
        font-size: 36px;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        background: url(../images/X.svg) no-repeat;
        margin: 15px 30px 0 50px;
        height: 47px;
        width: 24px;
    }


    /* logo (startup/partenaire) margin */

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

    .logo-margin img {
        display: block;
        max-width: 150px;
        max-height: 100px;
        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:#ff2655;
        color:#FFF;
        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;
    }
    .views-field.views-field-view-node {
        display: none;
    }
    .view-recherche-villages .view-filters {
        display: none;
    }
    .map-village-container,
    #block-views-block-recherche-villages-block-1 {
        width: 100% !important;
        margin: auto;
        z-index: 10;
        height: auto;
    }
    #block-lereseauvillagesblock {
        margin-bottom: 0;
    }


    .geolocation-map-container.js-show.leaflet-container.leaflet-touch.leaflet-retina.leaflet-safari.leaflet-fade-anim.leaflet-touch-zoom{
        margin-top: -2.1em;
    }    
    #block-views-block-recherche-villages-principal-block .fiche-footer {
        background-color: white;
        height: 12rem;
    }
    /* Cookie complience */
    .sliding-popup-bottom .eu-cookie-compliance-content {
        padding: 15px;
        max-width: 100%;
    }
    .sliding-popup-bottom .eu-cookie-compliance-message {
        max-width: 100%;
    }
    .sliding-popup-bottom .eu-cookie-compliance-buttons {
        float: right;
    }
    .form-item select.form-select {
        background-image: none;
        border-style: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 50px;
        line-height: 120px !important;
        padding: 10px;
        height: 45px;
        box-shadow: 0px 3px 10px #00000073;
        background: white;
        width: 250px;
    }

    /* Exposed form */
    .exposed-form-su-part {
        text-align: center;
    }
    .exposed-form-su-part > div {
        margin-right: 0;
    }

    /*ACTU DETAILS*/
    #views-bootstrap-actualites-block-3 > div > div > div > span > div > div > div.ca-blocks-intern-separator.field.field--name-field-intern-separator.field--type-block-field.field--label-hidden.field__item{
        display: none;
    }

    #views-bootstrap-actualites-block-3 .row div .views-field .field-content .actuality-hp .actuality-description .link{
        display: block;
        padding: 5px;
    }
    #views-bootstrap-actualites-block-3 .row div .views-field .field-content .actuality-hp .actuality-description .link a {
        font-size: 12px;
    }

body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-015dd27e3102292cbb6238f7d96f15a98b0c48970f48473453ad7673b08202ee > div > div > div.views-field.views-field-field-image-rv > div > a{
    display: block;
    height: 100%;
}
    .page-node-type-actualites .paragraph .field--type-image .field__item, .page-node-type-rendez-vous .paragraph .field--type-image .field__item {
        width: 100%;
        margin-bottom: 1em;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a{
        position: relative;
        z-index: 1000;
        width: min-content;
        height: min-content;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div{
        display: block!important;
        height: 30em;
        width: 100%;
        margin-top: -30em;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > .date,
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > .place{
        display: none;
    }

    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > a{
        height: 30em;

        display: block;

        width: 100%;

        position: absolute;
        z-index: 100;

    }
    #views-bootstrap-rendez-vous-block-1 > .row > div.col-12 > .views-field > .field-content > .detail-event{
        z-index: 10!important;
        position: relative;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a > img{
        position: relative;
        z-index: -1;
    }
    #views-bootstrap-rendez-vous-block-1 > .row > div.col-12 > .views-field-field-image-rv > .field-content{
        z-index: 0!important;
    }
    body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-fbabcc6d31ec294e497c858fcea2e07dfcbed36cda02a42d6013375c0db336ad > div > div > div.views-field.views-field-nothing > span > div > a:nth-child(2){
        color: black;
        font-size: 18px;
        text-transform: uppercase;
    }
    body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-d6a898794071ad3984398a5b5ef9507b7091633d2fe3fb1188024b8aab7060b0 > div > div > div.views-field.views-field-field-image-rv > div > a{
        display: block;
        height: 100%;
    }
    .event-top .view-content .views-row div:nth-child(3) span .detail-event a:nth-child(2){
        color: black;
        text-transform: uppercase;
    }
     .event-top .view-content .views-row .views-field .field-content .detail-event{
        color: black!important
    }
    #blazy-views-rendez-vous-page-1-1 > li.grid > .grid__content{
        height: auto!important
    }
 #blazy-views-rendez-vous-page-1-1 > li.grid > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1){
     height: 25em!important
 }
 body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-01e0602c1b94d956943ec8903ef6cf8f352108449f49ca04d87460a6f147b360 > div > div > div.views-field.views-field-field-image-rv > div > a{
     display: block;
     height: 100%;
 }
    body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-fbabcc6d31ec294e497c858fcea2e07dfcbed36cda02a42d6013375c0db336ad > div > div > div.views-field.views-field-nothing > span > a{
        display: block;
        height: 25em;
        margin-top: -25em;
    }
    #blazy-views-rendez-vous-page-1-1 > li > div > div.views-field.views-field-field-image-rv > div > a {

        display: block;
        height: 100%;

    }
    /*ACTU BLOC 1*/
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description {
        background-color: rgba(255,255,255,0.8);
        z-index: 1000;
        position: relative;
        bottom: 500px;
        max-width: 45%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-height: 5em!important;
        margin-top: 0!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description .link{
        display: block!important;
        height: 300px!important;
        margin-top: -8em;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description .link a{
        opacity: 0;
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 10000;
        display: block;
    }
    #slick-views-actualites-block-2-2 > nav{
        display: block!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .slide-img img{
        height: 380px!important;
    }   
    #slick-views-actualites-block-2-2-slider > div > div > div.slick-slide > div > div > div > div > div > div > span > span > div > a > div > img{
        height: 380px!important;
        width: 100%;
        object-fit: cover;
    }

    #slick-views-actualites-block-2-2-slider > div{
        height: 380px!important;
    }
    #slick-views-actualites-block-2-2-slider > div > div > div.slick-slide.slick-current.slick-active > div > div > div > div > div > div > span > span > div > div.actuality-description > div.date{
        margin-top: -.3em;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description > .ca-blocks-intern-separator {

        margin-top: .4em!important;
        margin-bottom: 0.4em!important;
    }
    #slick-grouping-views-equipe-block-1-1 > nav{
        display: block!important;
        top: 80%!important;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > a > div.actuality-img > img{
        width: 100%!important;
        height: 20em!important;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-description > div.link{
        display: block!important;
        margin-top: -20em!important;
        width: 21em;
        height: 18em;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-description > div.link > a{
        display: block;
        opacity: 0;
        height: 100%;
        width: 100%;
    }
    #blazy-views-actualites-page-1-1 > li > div > div > span > div > div{
        text-align: center;
        padding-bottom: 1em;
    }
    #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.title{
        text-align: center;
        padding-top: 1em;
    }

    #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.title a:nth-child(2){
        color: black;
        text-transform: uppercase;
    }
    #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.ca-blocks-intern-separator.field.field--name-field-intern-separator.field--type-block-field.field--label-hidden.field__item, #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.body , #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.link{
        display: none;
    }
    /***** new event hp*****/
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a{
        display: contents!important;
    }
    body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-2c50b2a71493b0c755341973e35f301afc098bf1f28713e31e026e6a9e318dbd > div > div > div.views-field.views-field-field-image-rv > div > a{
        display: block;
        height: 100%;

    }
    body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-2c50b2a71493b0c755341973e35f301afc098bf1f28713e31e026e6a9e318dbd > div > div > div.views-field.views-field-nothing > span > div > a:nth-child(2){
        color: black;
        text-transform: uppercase;
    }
    
    #block-nouscontacteraccrochetexte > div > h1{
      margin-top: -7em!important;
    color: #FFF;
    font-size: 40px;
    line-height: initial;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    #block-contacternous{
        height: 25em;
    }
    #block-contacternous > div{
       margin-top: 0!important;
        margin-left: auto;
        margin-right: auto;
        
    }
    #block-views-block-slider-block-4 > h2{
        display: none;
    }
    #block-contacternous > div > div:nth-child(2),
    #block-contacternous > div > div:nth-child(6){
        margin-left: auto;
        margin-right: auto;
    }

  .path-webform h3{
            max-width: 70%;
    text-align: left;
    }
    #slick-grouping-views-equipe-block-1-2-slider > div > div > div.slick-slide > div > div > div > ul > li > div > div > div > div.views-field.views-field-field-img-profile > div > img {
        height: 300px
    }
    #slick-grouping-views-equipe-block-1-2-slider > div{
        height: 382px;
    }
    #slick-views-actualites-block-2-2-slider > div > div > div.slick-slide.slick-current.slick-active > div > div > div > div > div > div > span > span > div > div{
        min-height: 7em;
    }
body > div > div.content.container > div > div.views-element-container > div > div.view-header > div.event-top.view.view-rendez-vous.view-id-rendez_vous.view-display-id-block_2.js-view-dom-id-80d83b4452e501497ba0bf8e53587a5d44bc62542ab95d96f92744f7928f2773 > div > div > div.views-field.views-field-field-image-rv > div > a{
    display: block;
    height: auto;
}
   #slick-views-temoignages-block-1-1-slider > div{
        height: 1185px!important;
    }



}

/******************IPAD***********************/

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {


    .accroche-text h1 {

        font-size: 2em;
        line-height: 70px;
        margin-top: 1.5em;
    }
    .footer-webradio-micro-container{
        margin-top: 7em;
        margin-left: -13.8em;
        padding: 5px 0 5px 0;
    }

    button.navbar-toggler{
        margin-bottom: 3em;
    }
 

    .chosen-container{
        width: 13em !important;
        margin-right: 1em;
    }

    #edit-submit-startups-listing {
        width: auto;
    }

    #ca-xs-blocks-chiffres-box td {
        border: 1px solid #A3D9E7;
        border-top: none;
        border-left: none;
        border-bottom: none;
    }
    #ca-xs-blocks-chiffres-box tbody  tr{
        display: inline;
    }
    /*ACTU BLOC*/

    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-img > img{
        width: 100%!important;
        height: 20em!important;
    }
    .medium-block-grid-4 > .grid {

        width: 33%;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .slide-img img{
        height: 380px!important;
    }
    #slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide > div > div > div > ul > li > div > div > div > div.views-field.views-field-field-img-profile > div > img{
        max-height: 250px;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .slide-img img {
        height: 570px;
    }
    #slick-views-actualites-block-2-2-slider > div{
        height: 380px!important;
    }
    #slick-views-actualites-block-2-2 > nav{
        display: block;
    }

    #views-bootstrap-actualites-block-3 > div > div > div > span > div > div{
        padding-bottom: 2em;
    }
    #views-bootstrap-actualites-block-3 > div > div > div > span > div > div > div.link > a{
        font-size: 12px;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-description > div.link{
        display: block!important;
        margin-top: -40em;
        width: 35em;
        height: 18em;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-description > div.link > a{
        display: block;
        opacity: 0;
        height: 100%;
        width: 100%;
    }
    /**RESEAU*/

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

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

    .label-filter{
        margin-right: 50px;
    }

    #block-views-block-actualites-block-1 div .view-content .views-row:not(:last-child) {
        display: none;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div:last-child > div > span > div > a > div > img {
        width: 100%!important;
        height: 25em!important;
        object-fit: cover;
    }
#block-headercontact > div{
        top: 389px!important;
}
    /* specific card (startup/partenaires) settings */
    .col-md-6{
        width: 42%;
    }

    .vignette {
        max-width: 19.5em;
        padding: 0;

    }
    .card-group{
        padding-left:3px;
    }
    .vignette .container-vignette {
        background: #F7F7F7;
        border-radius: 10px;
        padding: 30px;
        transition: all 0.25s ease-in;
        height: 670px;
    }
    .vignette-separator {
        height:25px;
        width:auto;
        border:1px solid;
    }
    .vignette .container-vignette:hover {
        background : #FFF;
        box-shadow: 0 4px 64px rgba(0, 0, 0, 0.25);
        transition: all 0.25s ease-in;
    }
    .vignette-logo-container {
        position:relative;
        max-width: 100%;
        max-height: 100%;
        height: 150px;
        margin:auto auto 25px auto;
        text-align:center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .vignette-logo-container img{
        max-width: 150px;
        height: auto;
    }


    .vignette-description {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 60px;
        /**margin-botton:60px*/
        font-size: 18px;
        color:#000;
        line-height:29px;
        min-height: 15em;
        /**heidht:300px*/
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .container-go-site a.vignette-button{
        bottom: 3em;
        position: absolute;
        width: 200px;
        margin-left: 1.5em;
        margin-right: auto;
    }


    .container-go-site {
        display: flex;
        bottom: 1em;       
        position: absolute;
        width: 80%;
    }
    /**FOOTER*/
    .topfooter-content {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: max-content;
        margin-left: 2em;

        grid-template-columns: repeat(3, 1fr);
    }
    #footer-logo {
        margin: auto;
        grid-column: 2;


    }
    #footer-links {
        grid-row-end: 3;
        margin-bottom: 42px;
        margin-left: 3em;
    }
    #footer-social {
        grid-row-start: 2;

        margin-bottom: 40px;
    }
    #footer-webradio {
        grid-row-start: 3;
        grid-row-end: 4;
        border: 1px solid #fff;
        position: relative;
        height: 125px;
        width: 20em;
        margin-left: 3em;
    }
    .footer-webradio-title{
        margin-top: 5px;
    }
    .page-node-type-actualites .paragraph .field--type-image .field__item, .page-node-type-rendez-vous .paragraph .field--type-image .field__item {
        width: 100%;
        margin-bottom: 1em;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a{
        position: relative;
        z-index: 1000;
        width: min-content;
        height: min-content;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div{
        display: block!important;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > .date,
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > .place{
        display: none;
    }

    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > a{
        height: 30em;
        display: block;
        margin-top: -30em;
        width: 11em;
        margin-left: -2em;
        position: absolute;
        z-index: 100;

    }
    #views-bootstrap-rendez-vous-block-1 > .row > div.col-12 > .views-field > .field-content > .detail-event{
        z-index: 10!important;
        position: relative;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a > img{
        position: relative;
        z-index: -1;
    }
    #views-bootstrap-rendez-vous-block-1 > .row > div.col-12 > .views-field-field-image-rv > .field-content{
        z-index: 0!important;
    }
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > div:first-child{
        display: none;
    }
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > span:nth-child(2)::after{
        margin-left: 1em!important;
    }
    /*ACTU BLOC 1*/
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description {
        background-color: rgba(255,255,255,0.8);
        z-index: 1000;
        position: relative;
        bottom: 500px;
        max-width: 45%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-height: 5em!important;
        margin-top: 0!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description .link{
        display: block!important;
        height: 300px!important;
        margin-top: -8em;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description .link a{
        opacity: 0;
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 10000;
        display: block;
    }
    #slick-views-actualites-block-2-2 > nav{
        display: block!important;
        top: 50%!important;
    }
    #blazy-views-rendez-vous-page-1-1 > li.grid > .grid__content{
        height: auto!important;
    }
    #blazy-views-rendez-vous-page-1-1 > li.grid > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1) {

        position: relative;
        z-index: -1;
        object-fit: cover;
        background-position: center;
        min-height: 15em!important;

    }
    #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.title a:nth-child(2) {
        color: black;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 30px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-left: 1rem;
    }
    #views-bootstrap-actualites-block-3 .row div.col{
        width: 100%!important;
        flex: unset!important;
        display: block;
        max-width: 100%!important
    }
       .path-webform .accroche-text-positionning{
        margin-top: 482px;
        width: 70%!important
    }
    #block-nouscontacteraccrochetexte > div > h1{
        margin-top: -5em;
    }
    #block-contacternous{
        height: 25em;
    }
 
    #block-views-block-slider-block-4 > h2{
        display: none;
    }

 #block-contacternous > div > div:nth-child(2),
    #block-contacternous > div > div:nth-child(6){
        margin-left: auto;
        margin-right: auto;
    }
     body.path-webform > div.dialog-off-canvas-main-canvas > div.jumbotron-slider > div{
            height: 389px;
  
    background-repeat: no-repeat!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-position: center, center!important;
    }
    .path-webform h3{
            max-width: 70%;
    text-align: left;
    }
    #slick-grouping-views-equipe-block-1-2-slider > div{
        height: 382px;
    }
    body > div.dialog-off-canvas-main-canvas > footer > div.footer-top{
        padding-left: 0;
    }
    #slick-views-temoignages-block-1-1-slider > div{
        height: 900px!important;
    }


div.detail-event:nth-child(2) > a:nth-child(2) {
    font-size: 8px!important;
}
#slick-grouping-views-equipe-block-1-1-slider >.slick-list > .slick-track > div.slick-slide > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    min-height: 22em;
}
.medium-block-grid-4 > .grid{
    width: 50%!important
}
#slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide > div > div > div > ul > li > div{
min-height: 22em!important;
padding-top: 2em;
}

}
/************** IPAD PRO PORTRAIT ****************/
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (-webkit-min-device-pixel-ratio: 2) {

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


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


    .accroche-text-positionning{
        top: 135px !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;
    }
    #block-lesvillagesbyca-main-menu > ul > li.nav-item.main-menu-item.ca-fonts-montserrat-medium.main-menu-item--expanded{
        margin-top: 1.3em;
    }
    #block-languageswitcher .encaps {
        top: -4em!important;
    }
    #block-views-block-actualites-block-1 div .view-content .views-row:first-child {

        max-width: 70%!important;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-img > img{
        width: 350px!important;
    }

    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > h3 {
        padding-left: 1em!important;
    }
    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > span:nth-child(2) {
        line-height: 3!important;
        padding-left: 1em!important;
    }

    .path-frontpage #block-views-block-temoignages-block-1 div .view-temoignages > div:nth-child(1) > .ca-blocks-intern-separator {
        margin-left: 1em!important;
    }
    #block-views-block-temoignages-block-1 > div > div > div.view-header > div{
        display: none;
    }
    #block-views-block-temoignages-block-1 > div > div > div.view-header > span:after{
        width: 35px;
        height: 6px; 
        margin-top: 18px!important;
        margin-bottom: 18px; 
        background-color: #F4CC66;
        display: block;
        content: " ";
        margin-left: 1em;

    }
    #block-views-block-temoignages-block-1 > div > div{
        padding-top: 0!important;

    }
    #slick-views-temoignages-block-1-1 > nav{
        visibility: hidden;
    }
    #slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) p:before{
        /* text-align: center; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #slick-views-temoignages-block-1-1-slider > .slick-list > .slick-track div > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
        max-width: 90%;
    }
    #block-jumbotonvillage > h2:nth-child(1) {
        margin-top: 2em!important;
    }
    #block-jumbotonvillage > h2:nth-child(1)::after{
        font-size: 35px!important;
    }
    .medium-block-grid-4 > .grid{
        width :50%;
    }
    #slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide > div > div > div > ul > li > div > div > div > div.views-field.views-field-field-img-profile > div > img{
        height: 450px;
        width: 100%;
        object-fit: cover;
    }
    #slick-grouping-views-equipe-block-1-1 > nav{
        margin-top: 7em;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description {
        bottom: 600px!important;
    }
    #slick-grouping-views-equipe-block-1-1-slider > div > div > div.slick-slide > div > div > div > ul > li > div > div > div > div.views-field.views-field-field-img-profile > div > img {
        max-height: 450px;

    }

    #block-jumbotonvillage > h2:nth-child(1)::after {
        content: "Le réseau des Villages By CA, un ancrage national et une envergure internationale"!important;

        width: 25em;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        display: block!important;
        margin-top:0;
        margin-left: 0;
    }

    .main-menu-item > a {
        margin-top:0;
    }
    #block-lesvillagesbyca-main-menu > ul > li.nav-item.main-menu-item.ca-fonts-montserrat-medium.main-menu-item--expanded {
        margin-top:0
    }
    #block-languageswitcher .encaps {
        top: -4.5em;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a{
        position: relative;
        z-index: 1000;
        width: min-content;
        height: min-content;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div{
        display: block!important;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > .date,
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > .place{
        display: none;
    }

    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-nothing > span > div > div > a{
        height: 30em;
        display: block;
        margin-top: -30em;
        width: 11em;
        margin-left: -2em;
        position: absolute;
        z-index: 100;

    }
    #views-bootstrap-rendez-vous-block-1 > .row > div.col-12 > .views-field > .field-content > .detail-event{
        z-index: 10!important;
        position: relative;
    }
    #views-bootstrap-rendez-vous-block-1 > div > div > div.views-field.views-field-field-image-rv > div > a > img{
        position: relative;
        z-index: -1;
    }
    #views-bootstrap-rendez-vous-block-1 > .row > div.col-12 > .views-field-field-image-rv > .field-content{
        z-index: 0!important;
    }
    /*ACTU BLOC 1*/
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description {
        background-color: rgba(255,255,255,0.8);
        z-index: 1000;
        position: relative;
        bottom: 500px;
        max-width: 45%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-height: 5em!important;
        margin-top: 0!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description .link{
        display: block!important;
        height: 300px!important;
        margin-top: -8em;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .actuality-description .link a{
        opacity: 0;
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 10000;
        display: block;
    }
    #slick-views-actualites-block-2-2 > nav{
        display: block!important;
    }
    #slick-views-actualites-block-2-2-slider > .slick-list > .slick-track > div.slick-slide > div:nth-child(1) > .slick__slide.slide.slide--text.slide--caption--bottom > .slide__content > .slide__constrained > .slide__caption > .slide__description > span.views-field > span.field-content > .actuality-slide > .slide-img img{
        height: 380px!important;
    }

    #slick-views-actualites-block-2-2-slider > div{
        height: 380px!important;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-img > img{
        width: 100%!important;
        height: 20em!important;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-description > div.link{
        display: block!important;
        margin-top: -40em;
        width: 35em;
        height: 18em;
    }
    #block-views-block-actualites-block-1 > div > div > div.view-content > div > div > span > div > div.actuality-description > div.link > a{
        display: block;
        opacity: 0;
        height: 100%;
        width: 100%;
    }
    #blazy-views-actualites-page-1-1 > li > div > div > span > div > div > div.title a:nth-child(2) {
        color: black;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 30px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-left: 1rem;
    }
       .path-webform .accroche-text-positionning{
        margin-top: 390px!important;
        width: 70%!important;
    }
    #block-headercontact > div > div, #block-headercontact > div > div{
        margin-top: 400px;
    }
    .path-webform .accroche-text-positionning {
     position: relative!important; 
    height: 130px;
    margin-left: 0;
    top: 0;
    width: 100%;
}
    #block-nouscontacteraccrochetexte > div > h1{
        margin-top: -5em;
    }
    #block-contacternous{
        height: 25em;
    }
    #block-contacternous > div{
        margin-top: 86em;
    }
    #block-views-block-slider-block-4 > h2{
        display: none;
    }
     #block-contacternous > div > div:nth-child(2),
    #block-contacternous > div > div:nth-child(6){
        margin-left: auto;
        margin-right: auto;
    }

   

}