.tuile{
    background:#79A624;
}
.tuile p{
    color:#525252;
}
.tuile:hover, .tuile_active .tuile{
    background:#428C24;
}
.tuile:hover p, .tuile_active .tuile p{
    color:#000000;
}
.tuile_triangle_down:before {
    border-top: 50px solid #428C24;
}
.Vtab .resp-tab-active{
    border-left: 2px solid #428C24;
}
        .timeline > li > .timeline-badge, .timeline::before {background-color: #719b25 !important;}
        .timeline_titre {color: #719b25 !important;}
        .accordeon_titre a {
            color : #719b25 !important;

        }
        
        .accordeon_titre a:hover {
            color : #719b25 !important;

        }

        #quicklink_container a img{opacity: 0.9;} #quicklink_container a:hover img{opacity: 0.2;}
    .quicklink_text{
        bottom:0;
        position: relative;
    }
    
    
    
                #quicklink_container .quicklink_text
                {
                    min-height: 100px;
                }#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_text_1 {
                            background-color: rgba(0,0,0,0.5) !important;
                        }
                    #quicklink_text_1 .quicklink_text_wrapper > span.text_bottom > p, #quicklink_text_1 .quicklink_text_wrapper > span.text_top > p {
                        color: #FFF ;
                    }
                        #quicklink_text_2 {
                            background-color: rgba(0,0,0,0.5) !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,0.5) !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: #FFF ;
                    }
                        #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: #FFF ;
                    }
    /*cookies*/

    body.modal-open #main_nav.opened-cookie-modal , body.modal-open #main_nav.opened-cookie-modal #logo_sticky_nav
    {
        display:initial !Important;
        margin-bottom: 1rem !important;
    }
   body {
    overflow-y: scroll !important;
    }
    @media only screen and (max-width: 800px) {
     .modal-dialog-cookie
    {
        width:90% !important;
    }
     .modal-dialog-cookie .modal-body button
    {
        width:100% !important;
    }

    }
    .modal-dialog-cookie
    {
            position: fixed;
            right: 20px; /* Adjust this value for horizontal position */
            bottom: 20px; /* Adjust this value for vertical position */
            margin: 0;
            width:25%;
            max-width:350px;
    }
    .moreinfo
    {
     font-weight:bold;
     cursor:pointer;
    }
    .modal-dialog-cookie p
    {
        font-size:12px !important;
    }
    .modal-dialog-cookie .modal-header
    {
    border-bottom: none !important;
    }
        button.gerer-consent {
            border-bottom-right-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
            line-height: initial;
            position: fixed;
            min-width: 100px;
            height: 40px;
             bottom: -10px;
            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
            margin: unset;
            z-index: 9998;
            color: black !important;
            background-color: white;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-radius:0 !important;
                background-image: none !important;
            right: 40px;
             padding: 10px !important;
            cursor: pointer;
            transition: all 0.5s ease; /* Changed from animation to transition */
        }

        button.gerer-consent:hover {

            opacity: 1;
            color: black !important;
        }
          @media (max-width: 850px) {
            button.gerer-consent {
            padding: 10px !important;
            font-size: 12px !important;
            height: 35px !important;
            }
        }

    #wrapper_evenement{text-decoration:  ;border:   ;width: ;background:#D6E4FF;}
a{text-decoration:  ;border:   ;width: ;color: #023047 !important;}
li{text-decoration:  ;border:   ;width: ;color:#57585a;
font-size: 16px;
font-family: ’PT Serif’, serif;
margin: 5px 0 10px 0px;
line-height:1.3em;}
ul{text-decoration:  ;}
#logo, #logo img{text-decoration:  ;border:   ;width: ;max-width: 100px !important;
margin-top:-35px !important;
margin-bottom:12px !important;
}
#embed_cyberimpact > div.modal-dialog{text-decoration:  ;border:   ;width: ;width: 100%;
max-width: 750px;
height: 575px;}
#wrapper_nouvelle{text-decoration:  ;border:   ;width: ;background:#BAEECB;}
td{text-decoration:  ;
}
p{text-decoration:  ;border:   ;width: ;color:#57585a;
font-size: 16px;
font-family: ’PT Serif’, serif;
margin: 5px 0 10px 0px;
line-height:1.3em;}
h1{text-decoration:  ;border:   ;width: ;font-family: "Ubuntu", sans-serif;}
h2{text-decoration:  ;border:   ;width: ;font-family: "Ubuntu", sans-serif;}
h3{text-decoration:  ;border:   ;width: ;font-family: "Ubuntu", sans-serif;}
h4{text-decoration:  ;border:   ;width: ;font-family: "Ubuntu", sans-serif;}
#logo, #logo img , .navbar-brand img{
        max-width: 300px !important;
    }

     body {overflow-y: scroll !important;}#wrapper_titre_interne{text-align:right !important;}
#alertes_ui_fermeture{
    position: fixed;
    top: 30px;
    right:30px;
}

#alertes_ui_fermeture ~ table{
    width:100%;
}

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

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

.boutons{
    margin:20px 5px;
}

.btn-primary{
    border-color:transparent !important;
}

.alertes_ui{
    overflow-y:scroll !important;
    height:100%;
    transition-property: transform;
    transition-duration: 1s;
    position:fixed;
    top:0;
    right:0;
    width:100vw;
    height:100vh;
    z-index:10;
    padding: 2.5% 5%;
}