.bgBlack{background-color: #000000 !important;}
.bgBlack p{color: #ffffff;}
.bgBlack h3{color: #ffffff;}

p b{font-weight: 600;}

.pretty{display:none !important; }

.top-header .nav-link{padding: 0 15px;color: #ffffff;}

.boxNonSelectText{
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main-nav .navbar .navbar-brand{color: #495057; font-weight: 500; line-height: 1.2; font-family: var(--bs-font-sans-serif); font-size: 22px !important;}
.main-nav .navbar .navbar-brand svg{fill: #0071dc; height: 30px; width: 30px;}

.inner-banner {width: 100%; position: fixed; z-index: 900;}
.inner-banner .inner-title{padding-top: 50px;padding-bottom: 50px;}
.innerBannerPt{padding-top: 200px!important;}

.banner-slider-area{position: relative;}
.sectionInfoHome{background-color: #070b3b;}
.sectionInfoHome .boxInfoHome{padding: 10px 0;}

.sectionInfoHome .boxInfoHome p{
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    position: relative;
    -webkit-animation: mymove 5s infinite;
    -webkit-animation-timing-function: linear;
    animation: mymove 5s infinite;
    animation-timing-function: linear
}

@-webkit-keyframes mymove {
    from {
        right: -300px;
    }
    to {
        right: 300px;
    }}
@keyframes mymove{
    from {
        right: -300px;
    }
    to{
        right: 300px;
    }}


footer .copy-right-area .nav a.nav-link{color: rgba(255,255,255,0.5); padding-left: 5px; padding-right: 5px;}
footer .copy-right-area .nav a.nav-link:hover,
footer .copy-right-area .nav a.active {color: rgba(255,255,255,1); }

.tabsHomePage{}
.tabsHomePage .nav li{padding-right: 20px;}
.tabsHomePage .nav .active{background-color: #0071dc;}
.tabsHomePage .nav .nav-link p{margin: 0;}
.tabsHomePage .nav .nav-link:hover{background-color: #0071dc;}
.tabsHomePage .tab-content{padding-top: 40px;}

.cardActualite{height: 80vh; overflow-y: auto; background-color: #fff; border-right: solid 2px #e2e3e5; border-bottom: solid 2px #e2e3e5; /*box-shadow: 0 0 10px rgb(0 0 0 /10%);*/ margin-bottom: 30px;}
.cardActualite h3{font-size: 18px; padding-bottom: 16px;}
.cardActualite h4{height: 40px; line-height: 40px; background-color: #eeeeee; font-size: 18px; text-align: center; font-weight: normal;}
.cardActualite .headerActualite{background-color:#0071dc; border-radius: 20px;}
.cardActualite .headerActualite p{color: #ffffff; text-align: center; padding: 10px; margin: 0;}
.cardActualite .bodyActualite{min-height: 40vh;}
.cardActualite .boxOrganisation{display: flex; border-bottom: solid 1px #eeeeee; padding: 10px; align-items: center;}
.cardActualite .boxOrganisation div.img{flex: none; width: 50px; height: 50px; border: solid 1px #eeeeee; overflow: hidden;}
.cardActualite .boxOrganisation div.img img{width: 100%;}
.cardActualite .boxOrganisation div.text{padding-left: 10px;}
.cardActualite .boxOrganisation div.text p{padding: 0; margin: 0;}

.cardActualite .boxProfil{display: flex; border-bottom: solid 1px #eeeeee; padding: 10px;}
.cardActualite .boxProfil div.img{flex: none; width: 40px; height: 40px; border: solid 1px #eeeeee; border-radius: 50%; overflow: hidden;}
.cardActualite .boxProfil div.img img{width: 100%;}
.cardActualite .boxProfil div.text{padding-left: 10px;}
.cardActualite .boxProfil div.text p{padding: 0; margin: 0; font-size: 12px; line-height: 16px;}


.boxCookies{min-height: 1000px;}
.boxCookies .nav{flex: none; width: 200px;}
.boxCookies .nav p{margin: 0; padding: 0;}
.boxCookies .nav .nav-link{padding-left: 0px; padding-right: 0;}
.boxCookies .nav .nav-link:hover{color: #0071dc;}
.boxCookies .nav .active{background-color: #ffffff; font-weight: 600; color: #0071dc;}
.boxCookies .tab-content{border-left: solid 1px #e2e3e5; min-height: 50vh; padding-left: 40px;}
.boxCookies p{text-align: justify;}
.boxCookies ul li{text-align: justify; padding-bottom: 10px;}
.boxCookies table{}

.banner-item-content h1 {
    margin-top: 25px;
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    max-width: 780px;
    margin-bottom: 20px;
}

.btn-bg-one{color: #070b3b !important;}

.click-zoom input[type=checkbox] {display: none;}
.click-zoom img {
    transition: transform 0.25s ease;
    cursor: zoom-in;
    z-index: 99999;
}
.click-zoom input[type=checkbox]:checked~img {
    transform: scale(3);
    cursor: zoom-out;

}

div.twitter iframe{ width: 100%;}