@font-face {
    font-family: 'poppinsblack';
    src: url('../fonts/poppins-black-webfont.woff2') format('woff2'),
         url('../fonts/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsextrabold';
    src: url('../fonts/poppins-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsextralight';
    src: url('../fonts/poppins-extralight-webfont.woff2') format('woff2'),
         url('../fonts/poppins-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsitalic';
    src: url('../fonts/poppins-italic-webfont.woff2') format('woff2'),
         url('../fonts/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family: 'poppinsregular', sans-serif;
    line-height: 24px;
    font-size: 14px;
}

footer {
    margin-top: 50px;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*
************************************
************Header Style************
************************************
*/

/* .pre-content .views-element-container,
.page-content .views-element-container,
.pre_footer .views-element-container{
    padding: 1rem 0;
} */


.logo{
    width: 320px;
}

.navbar-brand.name{
    display: none;
}

.search-block-form{
    float: right;
    right: -42px;
    top: 8px;
}

    .search-block-form input{
        border-radius: 50px !important;
        width: 190px!important;
        font-size: 11px;
    }

    .search-block-form button,
    .search-block-form button:hover,
    .search-block-form button:focus{
        background: transparent;
        border-color: transparent;
    }

    .search-block-form .glyphicon-search:before {
        color: transparent;
        background: url(../images/Recherche/Recherche.svg) no-repeat #F5F5F5;
        background-size: 15px;
        background-position: 7px;
        padding: 7px;
        border-radius: 20px;
        position: absolute;
        top: -19px;
        right: 20px;
    }

.view-frontpage.view-id-frontpage.view-display-id-page_1{
    display: none;
}

#block-mtc-account-menu {
    margin-left: -20%;
    display: inline-block;
}

    #block-mtc-account-menu li.first{
        display: none;
    }

    #block-mtc-account-menu li.last a{
        background: url(/sites/default/files/user.png) center center no-repeat;
        background-size: 18px;
        background-position: 9px 13px;
        padding-left: 35px;
        color: #545454;
    }
.section-menu {
    border-top: 1px solid #707070;
    margin: 0;
    padding: 0;
}
    .section-menu .navbar-nav > li > a{
        color: #545454;
        font-size: 16px;
        margin: 9px 10px 0;
        padding: 10px;
        transition: 1s;
    }

    
    .section-menu .navbar-nav > li > a:after{
        content: '*';
        background: transparent;
        color: transparent;
        border-bottom: 4px solid transparent;
        width: 60%;
        float: left;
        margin: 0 15%;
    }

    .section-menu .navbar-nav > li > a:hover:after,
    .section-menu .navbar-nav > li > a.is-active:after{
        content: '*';
        background: transparent;
        color: transparent;
        border-bottom: 4px solid #EB131C;
        width: 60%;
        float: left;
        margin: 0 15%;
        transition: 1s;
    }

    .section-menu .navbar-nav > li > a.is-active{
        font-family: 'poppinssemibold';
        color: #EB131C;
    }

    .section-menu .navbar-nav > li > a:hover{
        color: #EB131C;
        background: transparent;
        font-size: 16px;
        transition: 1s;
    }

    .section-menu .navbar-nav > li:last-child > a,
    .section-menu .navbar-nav > li:last-child > a:hover,
    .section-menu .navbar-nav > li:last-child > a:focus,
    .section-menu .navbar-nav > li:last-child > a.is-active{
        background: #eb131c;
        color: #fff;
        width: 120px;
        text-align: center;
        border-radius: 10px;
    }

.dropdown-language-item{
    display: inherit;
}

#block-dropdownlanguage{
    right: -225px;
    top: 5px;
}

    #block-dropdownlanguage .btn-default,
    #block-dropdownlanguage .btn-default:hover,
    #block-dropdownlanguage .btn-default:focus {
        color: #333;
        background-color: #FAFAFA;
        border-color: transparent;
        box-shadow: inherit;
        font-size: 13px;
        position: absolute;
        right: 0;
        border-radius: 30px;
    }

    #block-dropdownlanguage .btn-default.active-language{
        width: 110px;
        box-shadow: 0px 5px 0px 0px rgb(0 0 0 / 19%);
        -webkit-box-shadow: 0px 3px 0px 0px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.19);
        text-align: left;
        padding-left: 15px;
    }

    #block-dropdownlanguage .dropdown-menu {
        top: 30px;
        left: -51px;
        min-width: 110px;
        border: 1px solid transparent;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
    }

.slider{
    margin-bottom: 30px;
}
.slider img{
    width: 100%;
    object-fit: cover;
    height: 400px;
}

#views_slideshow_cycle_main_slider-block_1 .views-field-title{
    left: 23%;
}

#views_slideshow_cycle_main_slider-block_1 .views-field-body{
    position: absolute;
    top: 40%;
    left: 31.5%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    font-family: 'poppinslight';
    width: 34%;
}

.view-slider{
    position: relative;
}


#views_slideshow_cycle_main_slider-block_1 .views-field-nothing{
    position: absolute;
    top: 65%;
    left: 21%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 9px 50px;
    border: 1px solid #fff;
    border-radius: 50px;
}

#views_slideshow_cycle_main_slider-block_1 .views-field-nothing a{
    color: #fff;
}

#widget_pager_bottom_slider-block_1{
    position: absolute;
    z-index: 10;
    bottom: 17px;
    left: 45%;
}

#widget_pager_bottom_slider-block_1 li{
    background: #fff;
    padding: 0 5px;
    line-height: 10px;
    opacity: 0.5;
}

#widget_pager_bottom_slider-block_1 li.active{
    background: #fff;
    line-height: 8px;
    width: 40px;
    opacity: 1;
}

#block-objectifsetmission  {
    background: #F3F3F3;
    margin-top: 30px;
    z-index: 10;
    overflow: overlay;
    position: relative;
}

    #block-objectifsetmission h2{
        font-family: 'poppinsbold';
        font-size: 28px;
        color: #091D3E;
        padding-top: 30px;
        margin-bottom: 0;
    }

    #block-objectifsetmission hr{
        width: 195px;
        border-top: 2px solid #091D3E ;
        left: 0;
        display: inline-block;
        margin: 5px 0 14px;
    }
    #block-objectifsetmission img{
        height: 350px;
        width: auto;
    }

    #block-objectifsetmission .btn,
    #block-views-block-service-en-ligne-block-1 .view-footer .btn,
    #block-lesecteurenchiffres .btn,
    #block-views-block-etablissements-block-1 .view-footer .btn {
        width: 200px;
        border-radius: 30px;
        background: #EB131C;
        border-color: #EB131C;
    }
    
    #block-views-block-etablissements-block-1 .view-footer{
    margin-top: 2%;
    text-align: center;
    }

    #block-views-block-service-en-ligne-block-1 .card{
        margin: 0 0 40px;
    }

    #block-views-block-service-en-ligne-block-1 .view-footer{
        text-align: right;
    }

#block-views-block-espace-dedies-block-1{
    /* background: #091D3E; */
    background-image: url(/sites/default/files/2021-12/espace-dedies-bg.png);
	color: #fff;
    margin-top: -65px;
    /* z-index: -1; */
    position: relative;
}
    
    #block-views-block-espace-dedies-block-1 h2{
        text-align: center;
        padding: 85px 0 0;
        font-size: 25px;
        font-family: 'poppinsbold',sans-serif;
        margin-bottom: 0;
		position: relative;
    }
    
    #block-views-block-espace-dedies-block-1 .view-header{
        font-size: 13px;
        text-align: center;
        width: 75%;
        margin: 0 auto 40px;
    }

    #block-views-block-espace-dedies-block-1 hr{
        border-top: 2px solid #fff;
        width: 70px;
        margin-top: 5px;
    }

    #block-views-block-espace-dedies-block-1 .views-field-field-icone-espace-dedie{
        background: #fff;
        border-radius: 110px;
        width: 105px;
        height: 105px;
        margin: 0 auto;
    }

    #block-views-block-espace-dedies-block-1 .espace-dedie-item:hover .views-field-field-icone-espace-dedie,
    #block-views-block-espace-dedies-block-1 .espace-dedie-item:focus .views-field-field-icone-espace-dedie{
        border: 2px solid #fff;
        background: #091D3E;
    }
    
    #block-views-block-espace-dedies-block-1 .espace-dedie-item>div.views-field >span>a img{
        margin: 12px 20px;
        width: 101px;
        height: 100px;
        background: #fff;
        padding: 6px;
        border-radius: 70px;
        object-fit: none;
    }
    #block-views-block-espace-dedies-block-1 .espace-dedie-item>div.views-field >span>a{
        display: flex;
        justify-content: center;

    }

    #block-views-block-espace-dedies-block-1 .espace-dedie-item:hover a img path,
    #block-views-block-espace-dedies-block-1 .espace-dedie-item:focus a img path{
        fill: #fff;
    }

    #block-views-block-espace-dedies-block-1 .views-field-title{
        text-align: center;
        width: 70%;
        margin: 18px auto 35px;
    }
        #block-views-block-espace-dedies-block-1 .views-field-title a{
            color: #fff;
            font-family: 'poppinsmedium',sans-serif;
            font-size: 16px;
            text-decoration: none;
        }

.page-header{
    text-align: center;
    font-size: 25px;
    font-family: 'poppinsbold',sans-serif;
    margin-bottom: 0;
    color: #091D3E;
    border-bottom: none;
    position: relative;
    padding: 30px 0;
    margin: 0 0 0 5%;
}
.page-header:after{
    content: '*';
    border-top: 2px solid #091D3E;
    width: 70px;
    position: relative;
    top: 35px;
    right: 10%;
    color: transparent;
    display: inline-block;
}

#block-lesecteurenchiffres h2,
.view-actualites-hp.view-display-id-page_1 h2,
.view-videotheque h2,
.view-id-actualites_hp.view-display-id-page_4 h2,
.view-evenement h2{
    text-align: center;
    font-size: 25px;
    font-family: 'poppinsbold',sans-serif;
    margin-bottom: 0;
    color: #091D3E;      
    margin: 60px auto 20px ;  
    position:relative;
}

.view-actualites-hp.view-display-id-page_1 .view-header hr,
.view-videotheque hr,
.view-id-actualites_hp.view-display-id-page_4 hr,
.view-evenement hr{
    border-top: 2px solid #091D3E;
    width: 70px;
    margin: 0px auto 13px;
}

    #block-lesecteurenchiffres #counter p{
        font-size: 16px;
        margin: 30px 0;
        color: #091D3E;
        text-align: center;
    }

    #block-lesecteurenchiffres #counter hr {
        border-top: 1px solid #091D3E;
        width: 85%;
        margin: 5px auto 40px;
    }

 

.progressbar {
  display: inline-block;
  margin: 25px;
}

.circle {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  text-align: center;
}

.circle canvas {
  vertical-align: middle;
}

.circle div {
  position: absolute;
  top: 80px;
  left: 60px;
  font-size: 38px;
  color: #AFAFAF;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}
#block-views-block-etablissements-block-1 {
    display: inline-block;
}

.News .view-header span{
    color: #091D3E;
    font-size: 18px;
    margin: 0 15px;
}

.News .view-header h2{
    color: #EB131C;
    font-family: 'poppinsbold', sans-serif;
    font-size: 28px;
    width: 25%;
    margin: 15px 15px 30px;
}

.view-actualites-hp.view-display-id-block_2 .view-header h2{
    color: #EB131C;
    font-family: 'poppinsbold', sans-serif;
    font-size: 28px;
    text-align: center;
    width: 100%;
}

.News{
    position: relative;
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}

.News .date-news{
    position: absolute;
    top: 15px;
    right: 25px;
    background: rgb(255 255 255 / 75%);
    padding: 8px 10px;
    border-radius: 52px;
    width: 46%;
    text-align: center;
    color: #091D3E;
    font-size: 12px;
    z-index: 10;
}

.News .desc-news{
    position: absolute;
    bottom: 90px;
    margin-left: 20px;
    color: #fff;
    z-index: 10;
}

.News .title-news{
    position: absolute;
    bottom: 60px;
    margin-left: 20px;
    color: #fff;
    font-family: 'poppinsbold', sans-serif;
    z-index: 10;
}

.News .link-new a{
    position: absolute;
    bottom: -55px;
    /* right: -30px; */
    right: 0%;
    left: 58%;
    color: #fff;
    z-index: 10;
    background: url(../images/next.svg) no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    width: 150px;
    text-indent: -9999px;
    height: 150px;
}

.News .view-content hr{
    position: absolute;
    bottom: 65px;
    border-top: 1.5px solid #fff;
    width: 60%;
    left: 35px;
    z-index: 10;
}

.News.view-display-id-block_2 .view-content hr{
    bottom: 45px;
}

.News .img-new:after{
    content: '';
    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgb(9 29 62));
    height: 100%;
    width: 90%;
    position: absolute;
    top: 0;
}

.News .view-footer,
.next-event .view-footer a{
    text-align: right;
    margin: 25px 0;
}

    .News .view-footer a,
    .next-event .view-footer a,
    .News .view-footer a:hover,
    .next-event .view-footer a:hover,
    .News .view-footer a:focus,
    .next-event .view-footer a:focus,
    .pager li.pager__item > a, .pager li.pager__item > span,
    .pager li.pager__item > a:hover, .pager li.pager__item > span:hover,
    .pager li.pager__item > a:focus, .pager li.pager__item > span:focus,
    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a,
    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a:hover,
    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a:focus,
    .Actualités form.comment-form .button,
    .Actualités form.comment-form .button:hover,
    .Actualités form.comment-form .button:focus{
        background: #EB131C;
        padding: 10px 70px;
        border-radius: 50px;
        margin: 13px;
        text-decoration: none;
        color: #fff;
        border: none;
        float: right;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a,
    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a:hover,
    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a:focus{
        padding: 5px 40px;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-view-node a i{
        margin: 5px 10px 0;
    }
.view-actualites-hp.view-display-id-block_2 .view-header hr{
    border-top: 2px solid #EB131C;
    width: 70px;
    margin-top: 5px;
} 

.view-actualites-hp.view-display-id-block_3{
    display: inline-block;
    width: 100%;
    text-align: initial;
}

.views_slideshow_controls_text{
    text-align: right;
}

.views_slideshow_controls_text_pause {
    display: none;
}  

.views_slideshow_controls_text_previous{
    background: url(../images/prec.svg) no-repeat;
    height: 75px;
    display: inline-block;
    background-size: 45px;
}

.views_slideshow_controls_text_previous:hover,
.views_slideshow_controls_text_previous:focus{
    background: url(../images/prec-slide.png) no-repeat;
    background-size: 45px;

}

.views_slideshow_controls_text_next {
    background: url(../images/next.png) no-repeat;
    height: 75px;
    display: inline-block;
    background-size: 45px;
}

.views_slideshow_controls_text_next:hover,
.views_slideshow_controls_text_next:focus{
    background: url(../images/next-slide.svg) no-repeat;
    background-size: 45px;

}

.views_slideshow_controls_text_previous a,
.views_slideshow_controls_text_next a{
    text-indent: -9999px;
    color: transparent;
}

#block-views-block-actualites-hp-block-1 .views-slideshow-controls-bottom,
.view-actualites-hp.view-display-id-block_2 .views-slideshow-controls-bottom,
.next-event .views-slideshow-controls-bottom{
    margin-top: 30px;
}

#block-views-block-actualites-hp-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li,
.view-actualites-hp.view-display-id-block_2 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li,
.next-event .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    background: #e9f2f9;
    position: relative;
    opacity: 0;
}

#block-views-block-actualites-hp-block-1 .views-slideshow-controls-bottom:before,
.view-actualites-hp.view-display-id-block_2 .views-slideshow-controls-bottom:before,
.next-event .views-slideshow-controls-bottom:before{
    content: '';
    background: #e9f2f9;
    height: 2px;
    position: relative;
    top: 14px;
    width: 25%;
    margin: 0 auto;
}

#block-views-block-actualites-hp-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active:before,
.view-actualites-hp.view-display-id-block_2 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active:before,
.next-event .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active:before{
    background: #EB131C;
    content: '*';
    width: 100px;
    height: 2px;
    position: absolute;
    top: 6px;
    z-index: 10;
    left: -100px;
}

#block-views-block-actualites-hp-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active,
.view-actualites-hp.view-display-id-block_2 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active,
.next-event .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active{
    background: #EB131C;
    display: inline-block;
    opacity: 1;
}

#views_slideshow_cycle_main_actualites_hp-page_1 .views-field-nothing{
    background: #F2F2F2;
    display: inline-block;
    width: 100%;
    border-bottom: 4px solid rgb(0 0 0 / 10%);
    position: relative;
}

    #views_slideshow_cycle_main_actualites_hp-page_1 .views-field-nothing img{
        height: 235px;
        width: 100%;
        object-fit: cover;
    }

    #views_slideshow_cycle_main_actualites_hp-page_1 .views-field-nothing .img-new:after{
        content: '';
        background: rgb(235 19 28 / 52%);
        height: 102%;
        width: 100%;
        position: absolute;
        top: 0;
    }

    #views_slideshow_cycle_main_actualites_hp-page_1 .views-field-nothing .news-page{
        padding: 0;
    }

.news{
    margin: 20px 0;
}

.news img{
    width: 100%;
}

.view-id-actualites_hp.view-display-id-page_2 .view-header,
.view-id-actualites_hp.view-display-id-page_3 .view-header{
    text-align: center;
}

.view-id-actualites_hp.view-display-id-page_2 .view-header h2,
.view-id-actualites_hp.view-display-id-page_3 .view-header h2{
    width: 100%;
    margin: 0;
}

.view-id-actualites_hp.view-display-id-page_2 .view-header hr,
.view-id-actualites_hp.view-display-id-page_3 .view-header hr{
    border-top: 2px solid #EB131C;
    width: 70px;
    margin: 15px auto 40px; 
}

.news-page .title-news{
    padding: 15px 15px 0;
}
    .news-page .title-news a{
        font-size: 16px;
        font-family: 'poppinsbold',sans-serif;
        color: #091D3E;
    }

.news-page .desc-news{
    padding: 15px;
    font-size: 13px;
}

.news-page hr{
    border-top: 1px solid #CECECE;
    width: 87%;
}

.news-page .date-news{
    color: #AFAFAF;
    padding: 0px 45px;
    width: 100%;
    display: inline-block;
    background: url(../images/calendar.svg) no-repeat;
    background-position: 15px 0;
    background-size: auto 90%;
    margin-bottom: 10px;
}

.news-page .place-news{
    color: #AFAFAF;
    padding: 0 45px;
    width: 100%;
    display: inline-block;
    background: url(../images/place.svg) no-repeat;
    background-position: 15px 0;
    background-size: auto 90%;
}

.next-event .view-footer{
    text-align: right;
}

.img-galerie img{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.galerie{
    position: relative;
    margin: 0 0 20px;
    overflow: hidden;
}

    .galerie-details {
        top: -100%;
        color: #fff;
        transition: 0.6s ease-in-out;
        position: absolute;
        background: rgba(236, 30, 38, 0.8);
        border-radius: 8px;
        width: 82%;
        margin: 5% 5%;
        height: 88%;
        padding-left: 23%;
        text-align: inherit;
    }
    .galerie-details a{
        color: #fff;
        text-decoration: none;
    }

    .galerie:hover .galerie-details{
        top: 0;
    }

        .galerie-details h3{
            font-family: 'poppinsbold', sans-serif;
            padding: 75px 0 0;
        }

        .galerie-place,
        .galerie-date{
            position: relative;
            padding-left: 30px;
            margin: 0 0 10px;
        }

        .galerie-place:before{
            content: '';
            width: 25px;
            height: 25px;
            display: block;
            background: url(../images/location.png) no-repeat;
            background-size: 100%;
            background-position: 0;
            position: absolute;
            left: -2px;
        }

        .galerie-date:before{
            content: '';
            width: 25px;
            height: 25px;
            display: block;
            background: url(../images/date.png) no-repeat;
            background-size: 100%;
            background-position: 0;
            position: absolute;
            left: 0;
        }

.views-exposed-form fieldset{
    float: right !important;
    position: relative;
}
    
    .views-exposed-form .form-checkboxes{
        position: absolute;
        top: -24px;
        left: 0;
        color: transparent;
    }
        .views-exposed-form .form-checkboxes >a{
            display: none;
        }
        
        .views-exposed-form fieldset span.fieldset-legend{
        margin-left: 40px;
    }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: #000 !important;
}
.services .ui-accordion-content {
    position: relative;
}
.services .view-footer{
    margin-top: 15px;
}

.services .card{
    margin-bottom: 30px;
}


.services .views-row{
    margin-bottom: 20px;
}

.services .ui-accordion-content .views-field-description__value{
    line-height: 24px;
    color: #888;
}

.services a.btn-danger{
    position: absolute;
    right: 20%;
    bottom: 10px;
    font-family: 'poppinsmedium', sans-serif;
    border-radius: 33px;
    font-size: 13px;
    padding: 8px 25px;
    background: #EB131C;
    color: #fff;
    text-decoration: none;
}

.services .views-field-view-taxonomy-term a{
    position: absolute;
    right: 3%;
    bottom: 10px;
    padding: 8px 25px;
    background: #091D3E;
    text-decoration: none;
    color: #fff;
    font-family: 'poppinsmedium', sans-serif;
    border-radius: 33px;
    font-size: 13px;
}


/* register form */

.user-register-form .form-group{
    width: 50%;
    float: left;
    margin: 0;
}

.user-register-form .form-group#edit-account--2,
.user-register-form .form-group#edit-pass--2,
.user-register-form .form-item-field-nom-du-media-0-value,
.user-register-form #edit-field-nom-prenom-wrapper--2 > div,
.user-register-form .form-item-field-numero-de-telephone-0-value,
.user-register-form .field--name-field-nom-du-media,
.user-register-form .form-group#edit-actions--2{
    width: 100%;
}

.user-register-form #edit-contact--3,
.user-register-form #edit-mail--2--description,
.user-register-form  .password-confirm-message,
.user-register-form .form-group label{
    display: none;
}

.user-register-form .btn{
    background: #EB131C !important;
    width: 95% !important;
    margin: 0 auto 15px;
    display: block;
    font-family: 'poppinssemibold',sans-serif;
    letter-spacing: 1.2px;
    font-size: 16px !important;
    margin-left: 0
}

a.link-login{
    text-decoration: underline;
}

.login-form__top{
    text-align: center;
}

.login-form__top h2{
    font-family: 'poppinssemibold',sans-serif;
    margin: 60px 0 0;
}

.img-signup{
    padding: 0;
}

.slider.sign-up {
    box-shadow: 0 1rem 1rem rgb(118 118 118 / 30%);
    height: 5px;
    margin: 0 0 10rem;
}
.img-signup img{
    width: 100%;
}

.alert-info {
    background-color: transparent;
    border-color: transparent;
}

.alert-info span:before{
    display: none;
}
.help{
    position: absolute;
    top: 23rem;
    width: 77%;
    margin: 0;
    padding: 0;
    left: 175px;
    z-index: 9;
}

.view-videotheque .views-field-field-img-video{
    height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
    .view-videotheque .views-field-field-img-video img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .view-videotheque .views-field-field-img-video:hover a:after{
        content: url(../images/play.png);
        position: absolute;
        top: 0;
        background: rgb(235 19 28 / 49%);
        width: 100%;
        height: 100%;
        padding-top: 112px;
        text-align: center;
    }

.field--name-field-image-journalier .field--item{
    width: 31%;
    float: left;
    margin: 0 1% 2%;
}

.field--name-field-image-journalier .field--item img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.pagination > .active > a, .pagination > .active > span,
 .pagination > .active > a:hover,
  .pagination > .active > span:hover,
   .pagination > .active > a:focus,
    .pagination > .active > span:focus {
    background-color: #eb131c;
    border-color: #eb131c;
}

.pagination > li > a, .pagination > li > span,
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #eb131c;
    border: 1px solid #eb131c;
    color: #fff;
    padding: 6px 0 6px 15px;
}

.pagination > li > a:after{
    content: '';
    border-right: 1px solid #fff;
    margin-left: 15px;
}
.pagination > li:last-child > a{
    padding: 6px 15px;
}
.pagination > li:last-child > a:after,
.pagination > li.pager__item.pager__item--first,
.pagination > li.pager__item.pager__item--last{
    display: none !important;
}



.view-id-actualites_hp.view-display-id-page_2 .views-col{
    box-shadow: 0px 0px 127px 25px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0px 0px 86px 15px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 127px 25px rgba(0,0,0,0.5);
    margin-bottom: 50px;
    border-radius: 15px;
    padding: 0;
    flex: 0 0 calc(33.33% - 10px); /* 33.33% to fit 3 items in one row with a 10px gap */
    max-width: calc(33.33% - 10px);
    box-sizing: border-box;
}

.view-id-actualites_hp.view-display-id-page_2 .view-content{
display: flex;
    flex-wrap: wrap;
    column-gap: 10px;}


#block-views-block-actualites-hp-block-4,
#block-views-block-actualites-hp-block-5,
#block-twittertimeline{
    float: right;
    width: 30%;
    margin: 0 0 20px;
    padding: 0;
}

    .view-id-actualites_hp.view-display-id-page_2 .views-field-field-image-actualite,
    .article[role="article"] article .field--name-field-image-actualite{
        margin-bottom: 5px;
    }
        .view-id-actualites_hp.view-display-id-page_2 .views-field-field-image-actualite img,
        article .field--name-field-image-actualite img{
            width: 100%;
            height: 380px;
            object-fit: cover;
            border-radius: 25px;
            padding: 15px;
        }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-field-date-de-l-evenement-,
    article .field--name-field-date-de-l-evenement-{
        background: url(../images/calendar.png) no-repeat;
        background-position: 15px 0;
        background-size: 23px;
        padding-left: 50px;
        color: #93959A;
        font-family: 'poppinslight',sans-serif;
    }

    article .field--name-field-date-de-l-evenement-{
        width: 30%;
        float: left;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-uid{
        background: url(../images/man.svg) no-repeat;
        background-position: 15px 0;
        background-size: 22px;
        padding-left: 45px;
        color: #93959A;
        font-family: 'poppinslight',sans-serif;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-share-everywhere-field .block-title,
    .view-id-actualites_hp.view-display-id-page_2 .views-field-share-everywhere-field .se-like-container{
        display: none;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-share-everywhere-field .views-label,
    article .se-block .views-label{
        color: #93959A;
        margin-left: 15px;
        font-family: 'poppinslight',sans-serif;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-title,
    article .views-field-title{
        display: inline-block;
        width: 100%;
        margin: 20px 15px 10px;
        color: #091D3E;
        font-family: 'poppinssemibold',sans-serif;
        font-size: 20px;
    }

    .view-id-actualites_hp.view-display-id-page_2 .views-field-body,
    article .views-field-body{
        color: #93959A;
        padding-left: 15px;
    }

    .se-block .block-content .se-container .se-trigger{
        width: auto;
    }
    .se-block.se-align-left .block-content .se-container {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .se-block.se-align-left .block-content .se-container ul{
        background: #fff;
    }

    article .se-block.se-align-left .block-content .se-container{
        position: initial;
        width: 65%;
        top: inherit;
        left: inherit;
    }

    .view-id-actualites_hp.view-display-id-page_2 .pager-nav{
        float: left;
    }

    .view-id-actualites_hp.view-display-id-page_2 .pagination > li{
        margin-right: 2px;
        display: inline-block;
    }

    .view-id-actualites_hp.view-display-id-page_2 .pagination > li > a, 
    .view-id-actualites_hp.view-display-id-page_2 .pagination > li > span{
        color: #BBBBBB;
        background-color: #F6F6F6;
        border-color: #F6F6F6;
        padding: 6px 15px;
    }

    .view-id-actualites_hp.view-display-id-page_2 .pagination > .active > a,
    .view-id-actualites_hp.view-display-id-page_2 .pagination > .active > span,
    .view-id-actualites_hp.view-display-id-page_2 .pagination > .active > a:hover,
    .view-id-actualites_hp.view-display-id-page_2 .pagination > .active > span:hover,
    .view-id-actualites_hp.view-display-id-page_2 .pagination > .active > a:focus, 
    .view-id-actualites_hp.view-display-id-page_2 .pagination > .active > span:focus,
     .view-id-actualites_hp.view-display-id-page_2 .pagination > li > a:focus, 
    .view-id-actualites_hp.view-display-id-page_2 .pagination > li > span:focus{
        color: #fff;
        background-color: #091D3E;
        border-color: #091D3E;
    }
    .view-id-actualites_hp.view-display-id-page_2 .pagination > li > a:after{
        display: none;
    }

    #block-views-block-actualites-hp-block-4 .view-header,
    #block-views-block-actualites-hp-block-5 .view-header{
        font-family: 'poppinsmedium';
        font-size: 24px;
        color: #000;
    }

    #block-views-block-actualites-hp-block-4 .view-header hr,
    #block-views-block-actualites-hp-block-5 .view-header hr{
        border-top: 1px solid #E4E4E4;
    }

    #block-views-block-actualites-hp-block-4 .views-row{
        display: inline-block;
        width: 100%;
    }

    #block-views-block-actualites-hp-block-4 .views-row img{
        height: 70px;
        border-radius: 7px;
    }

    #block-views-block-actualites-hp-block-4 .news{
        margin: 15px 0 0;
        padding: 0 10px;
    }

    #block-views-block-actualites-hp-block-4 .date-news{
        color: #93959A;
        font-family: 'poppinsmedium',sans-serif;
        font-size: 12px;
    }
    #block-views-block-actualites-hp-block-4 .title-news{
        color: #000;
    }

.view-evenement .views-exposed-form,
.view-evenement .views-exposed-form .form-item{
    width: 100%;
}
    .view-evenement .views-exposed-form ul{
        display: inline-flex;
        width: 100%;
        margin: 25px 0px;
    }
        .view-evenement .views-exposed-form ul li{
            list-style: none;
            position: relative;
        }
        .view-evenement .views-exposed-form ul li .form-type-radio{
            background: rgb(9 29 62 / 56%);
            display: block;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 15px;
            text-align: center;
            padding-top: 75px;
        }
        

        .view-evenement .views-exposed-form ul li:first-child{
            width: 32%;
            margin-right: 2%;
            background: url(../images/tous-event.jpg) no-repeat;
            background-size: 100% 100%;
            height: 180px;
            border-radius: 15px;
        }

        .view-evenement .views-exposed-form ul li:nth-child(2){
            width: 32%;
            margin-right: 2%;
            background: url(../images/event-in.jpg) no-repeat;
            background-size: 100% 100%;
            height: 180px;
            border-radius: 15px;
        }

        .view-evenement .views-exposed-form ul li:last-child{
            width: 32%;
            margin-right: 2%;
            background: url(../images/event-out.jpg) no-repeat;
            background-size: 100% 100%;
            height: 180px;
            border-radius: 15px;
        }

             .view-evenement .views-exposed-form ul li label,
             .view-evenement .views-exposed-form ul li label:hover,
             .view-evenement .views-exposed-form ul li label:focus{
                font-family: 'poppinsbold',sans-serif;
                font-size: 20px;
                color: #fff;
                text-decoration: none;
            }

            .view-evenement .views-exposed-form ul li input{
                display: none;
            }

            

.view-evenement .views-field-field-image-event img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}       
.content-event{
    background: #F2F2F2;
    width: 95%;
    margin: 0 auto;
    z-index: 9;
    top: -20px;
    position: relative;
    padding: 15px;
    border-bottom: 4px solid rgb(0 0 0 / 10%);
    font-size: 13px;
}

    .content-event .title-event a{
        font-size: 16px;
        color: #091D3E;
        font-family: 'poppinsbold';
        width: 100%;
        display: inline-block;
        text-decoration: none;
    }

    .content-event .desc-event{
        color: #000;
    }

    .content-event .date-event,
    .content-event .place-event{
        color: #AFAFAF;
    }

    .content-event .date-event{
        background: url(../images/calendar-event.svg) no-repeat;
        background-position: 0;
        background-size: 15px;
        padding-left: 25px;
        margin: 10px 0;
    }
    
    .content-event .place-event{
        background: url(../images/place-event.svg) no-repeat;
        background-position: 0;
        background-size: 15px;
        padding-left: 25px;
        margin: 10px 0 0;
    }

h2.title_filtre{
    color: #EB131C;
    margin: 15px 25px;
    display: inline-block;
}

.Actualités article[role="article"],
.évènements article[role="article"]{
    width: 68%;
    float: left;
    position: relative;
}

.Actualités #block-views-block-actualites-hp-block-4,
.Actualités #block-twittertimeline,
#block-views-block-details-evenements-block-1{
    float: right;
    width: 30%;
    margin: 10px 0 20px;
}

#block-views-block-details-evenements-block-1{
    margin: 0;
    padding: 5px 25px;
    box-shadow: 0 0 57px 20px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 0 57px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 57px 20px rgba(0,0,0,0.5);
    background: #F3F3F3;
}

#block-views-block-details-evenements-block-1 h2{
    color: #091D3E;
    font-family: 'poppinssemibold',sans-serif;
    border-bottom: 2px solid #DDDDDD;
    font-size: 22px;
    padding: 0 0 15px;
}


#block-views-block-details-evenements-block-1 .view-content .views-field{
    border-bottom: 2px solid #DDDDDD;
    font-size: 14px;
    padding: 20px 65px;
    color: #A3A3A3;
    position: relative;
}

#block-views-block-details-evenements-block-1 .view-content .views-field span.views-label {
    color: #eb131c;
}

#block-views-block-details-evenements-block-1 .view-content .views-field-field-date-evenement:before{
    content: '';
    background: url(../images/calendar.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    left: 25px;
}

#block-views-block-details-evenements-block-1 .view-content .views-field-field-adresse-event:before{
    content: '';
    background: url(../images/place-event.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    left: 25px;
    
}
#block-views-block-details-evenements-block-1 .view-content .views-field-field-place:before{
   content: '';
    background: url(../images/ville.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    left: 25px;
    
}
#block-views-block-details-evenements-block-1 .view-content .views-field-field-organisateur:before{
    content: '';
    background: url(../images/man.svg) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    left: 25px;
    
}
#block-views-block-details-evenements-block-1 .view-content .views-field-field-theme:before{
    content: '';
    background: url(../images/theme.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    left: 25px;
    
}
#block-views-block-details-evenements-block-1 .view-content .views-field-field-telephone-organisateur:before{
    content: '';
    background: url(../images/phone.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    /* position: absolute; */
    left: 25px;
    
}
#block-views-block-details-evenements-block-1 .view-content .views-field-field-email:before{
    content: '';
    background: url(../images/mail.png) no-repeat;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 9999;
    top: 30px;
    background-size: 100%;
    background-position: 0;
    /* position: absolute; */
    left: 25px;
    
}

#block-views-block-details-evenements-block-1 .view-content .views-field-field-email{
    border-bottom: none;
}

.Actualités article[role="article"] .field--name-field-image-actualite img,
.évènements article[role="article"] img{
    width: 100%;
    object-fit: cover;
    height: 400px;
    border-radius: 30px;
    margin-bottom: 10px;
}

.slider .title-actuality,
.slider .title-event{
    left: 21% !important;
}

.Actualités article[role="article"] .field--name-body,
.évènements article[role="article"] .field--name-body{
    padding: 30px 15px;
    margin-top: 20px;
    color: #93959A;
    line-height: 30px;
}

.Actualités form.comment-form .field--name-field-nom{
    width: 45%;
    float: left;
}

.Actualités form.comment-form .form-type-email{
    width: 45%;
    float: right;
}

.Actualités form.comment-form label{
    color: #666666;
}

.Actualités form.comment-form .form-type-textarea{
    display: inline-block;
    width: 100%;
}

.Actualités form.comment-form{
    margin-top: 25px;
}

.Actualités form.comment-form .form-control,
.Actualités form.comment-form .form-control:focus,
.Actualités form.comment-form .form-control:hover{
    border-radius: 10px;
    border: 1px solid #ccc;
}

.Actualités .se-block.se-align-left .block-title{
    display: block;
    font-size: 14px;
    position: absolute;
    left: 40%;
    color: #93959A;
}
article img {
    margin: 0 auto;
}

.field--name-field-tags-actualite .field--label {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.1;
}
.field--name-field-tags-actualite .field--items,
.tags-actu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    column-gap: 20px;
    list-style-type: none;
    padding-left: 0;
}
.field--name-field-tags-actualite .field--item a,
.tags-actu a {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px 15px;
}
.field--name-field-tags-actualite .field--item a:hover,
.tags-actu a:hover {
    background-color: #ef3f46;
    color: #fff;
    text-decoration: none;
}
.view-id-taxonomy_term.view-display-id-page_1 article {
    box-shadow: 0px 0px 127px 25px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0px 0px 86px 15px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 127px 25px rgba(0,0,0,0.5);
    margin-bottom: 50px;
    border-radius: 15px;
    position: relative;
}
.view-id-taxonomy_term.view-display-id-page_1 article h2 {
    position: absolute;
    top: 400px;
}
.view-id-taxonomy_term.view-display-id-page_1 article a {
    margin-left: 20px;
    color: #091D3E;
    font-family: 'poppinssemibold',sans-serif;
    font-size: 20px;
}
.view-id-taxonomy_term.view-display-id-page_1 article img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 25px;
    padding: 15px;
}
.view-id-taxonomy_term.view-display-id-page_1 article .field--name-field-date-de-l-evenement- {
    width: 100%;
    margin-bottom: 60px;
}
.view-id-taxonomy_term.view-display-id-page_1 article .field--name-body {
    color: #93959A;
    padding-left: 20px;
}
.view-id-taxonomy_term.view-display-id-page_1 .feed-icons {
    display: none;
}



#block-views-block-service-de-structure-block-18 .view-content .views-row{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    justify-content: center;
}
#block-views-block-service-de-structure-block-18 .view-content .views-row .services-block{
    flex: 0 0 calc(33.33% - 10px);
    max-width: calc(33.33% - 10px);
}

@media screen and (max-width:767px){
    #block-views-block-service-de-structure-block-18 .view-content .views-row .services-block{
        flex: unset;

        max-width: unset;
    }

    #block-views-block-service-de-structure-block-18 .view-content .views-row {
        justify-content: center;
        column-gap: 0px;
        align-items: center;
    }
}

.sec2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    padding: 0 12px;
}