.tuile{
    background:#96FFF8;
}
.tuile p{
    color:#525252;
}
.tuile:hover, .tuile_active .tuile{
    background:#14A1FF;
}
.tuile:hover p, .tuile_active .tuile p{
    color:#000000;
}
.tuile_triangle_down:before {
    border-top: 50px solid #14A1FF;
}
.Vtab .resp-tab-active{
    border-left: 2px solid #14A1FF;
}
    .timeline > li > .timeline-badge, .timeline::before {background-color: #1E76B2 !important;}
    .timeline_titre {color: #1E76B2 !important;}
    .accordeon_titre a {
        color : #0A0918 !important;
        /*border-top: 1px solid #0A0918 !important;*/
    }
    .accordeon_titre a::after {
        color : #0A0918 !important;
    }
    .accordeon_titre a:hover {
        color : #0A0918 !important;
        /*border-top: 1px solid #0A0918 !important;*/
    }
    .accordeon_titre a:hover::after {
        color : #0A0918 !important;
    }#quicklink_container a img{opacity: 0.9;} #quicklink_container a:hover img{opacity: 0.2;}
    .quicklink_text{
        bottom:0;
    }#quicklink_1{background-color: #1E76B2; }#quicklink_2{background-color: #1E76B2; }#quicklink_3{background-color: #1E76B2; }#quicklink_4{background-color: #1E76B2; }#quicklink_5{background-color: #1E76B2; }#quicklink_6{background-color: #1E76B2; }#quicklink_7{background-color: #1E76B2; }#quicklink_8{background-color: #1E76B2; }#quicklink_9{background-color: #1E76B2; }
                        #quicklink_text_1 {
                            background-color: rgba(0,0,0,1) !important;
                        }
                    #quicklink_text_1 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_1 .quicklink_text_wrapper > span.text_top > p {
                        color: #0A0918 ;
                    }
                        #quicklink_text_2 {
                            background-color: rgba(0,0,0,1) !important;
                        }
                    #quicklink_text_2 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_2 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_3 {
                            background-color: rgba(0,0,0,1) !important;
                        }
                    #quicklink_text_3 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_3 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_4 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_4 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_4 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_5 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_5 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_5 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_6 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_6 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_6 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_7 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_7 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_7 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_8 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_8 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_8 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }
                        #quicklink_text_9 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_9 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_9 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFFFFF ;
                    }.gradient_demi:nth-child(odd){ background : linear-gradient(to left, #747477 50% , #303032 50%)} .Btn:not(.verthover ,.bgvert,):hover , .btn:not(.verthover,.bgvert):hover { background : #BA0A3B !important ; }.btn , .Btn { border-radius : 9px !important ; } .Btn:hover , .btn:hover { color : #FFFFFF !important ; } a.btn:hover { color : #FFFFFF !important ; }.btn , .Btn { color : #FFFFFF !important ; }.navbar-nav a:hover { color : #0A0918 !important ; }  #main_nav:hover  { background : #FFFFFF !important ; } .w-30 { width : 30% !important ; }.style_table th  { color : #fff !important ; }.style_table th { background-color : #00B7A3 !important ; }#contactForm .form-control  {margin-top: 1rem!important;}footer , .bg-secondary {background: #FFFFFF !important;}footer a {color: #000 !important;}footer .text-white ,footer:not(a) {color: #000 !important;}.signup {background: #ffff !important;} .new_event_tag {color: #FFFFFF !important;} .new_event_tag {background : #1E76B2 !important;}body, p, .date_news_teaser{ font-family: ’Manrope’, sans-serif;}    h1, h2, h3, h4, h5, h6{ font-family: ’Manrope’, sans-serif;}   #quicklink_1 , #quicklink_2 , #quicklink_3 , #quicklink_4 , #quicklink_5, #quicklink_6 ,#quicklink_7 , #quicklink_8 ,   #quicklink_9
{
background : transparent !important;
}
.quicklink_text , #quicklink_text_1 , #quicklink_text_2 , #quicklink_text_3,#quicklink_text_4,#quicklink_text_5,#quicklink_text_6 ,#quicklink_text_7, #quicklink_text_8, #quicklink_text_9
{
background :transparent !Important;

}

.container{max-width: 1400px; margin-left:auto; margin-right:auto;}
        .text_slider h3 { color :#1E76B2 !important ;}



        @media (max-width: 1000px) {
            .swiper-slider
            {
             height: 260px ;

            }
            .text_slider h3 {
            font-size :16px !important;
            top :10% !important;
            }
            .text_slider {  top: 10% !important;     right: 50%; transform: translateX(50%); max-width: unset; width: 98%; height: 75%; }
            .text_slider h3 { position: absolute; width: 90%; top: 45%; left: 50%; transform: translate(-50%, -50%); }
            .owl-prev, .owl-next { top: 45%; transform: translateY(-50%); }
            .owl-prev { left: 0; }
            .owl-next { right: 0; }
            .owl-theme .owl-controls .owl-buttons div { color: #333; }
        }
        @media screen and (max-width: 500px) {

            .swiper-slider
            {
             height: 182px ;

            }
            .text_slider h3 {
            font-size :16px !important;
            top :10% !important;
            }

            .text_slider { padding: 0 !important;top: 10% !important;   }
            .text_slider h3 { font-size: 25px; }
            .owl-theme .owl-controls .owl-buttons div { font-size: 35px; }
        }.dates-alerte{color:#FFFFFF !important;}
        .image-alerte:hover{
        background:black ;}
        #alertes_ui{
                position:fixed;
                top:0;
                right:0;
                width:100vw;
                height:100vh;
                background-color:#CFDEC3;
                z-index:10;
                padding: 2.5% 5%;
        }

        #alertes_ui_fermeture{
                position: fixed;
                top: 30px;
                right:30px;
        }
        .container-alertes > h3{
                color:;
        }
        .container-alertes > .resume-alertes, .intro-texte{
                color:;
        }

        #alertes_ui_fermeture ~ table{
                width:100%;
        }

        .container-alertes:first-of-type{
                padding-top:0 !important;
        }

        .container-alertes{
                padding-top: 60px;
        }

        .container-alertes > h3, .container-alertes{
                border-bottom: 1px solid ;
        }

        .boutons{
                margin:20px 5px;
        }

        .boutons > button{
                background-color: !important;
                color: !important;
                padding: 5px;
                border-radius: 40px;
                background-image: none !important;
        }

        .boutons:hover > button{
                background-color: !important;
                color:  !important;
        }

        .date-alertes{
                color: FFFFFF;
        }

        #titre-alertes{
                color:;
                font-size: 3.5em;
        }
        .btn-primary{
                border-color:transparent !important;
        }

        #alertes_ui{
                overflow-y:scroll !important;
                height:100%;
                transition:1s;
        }