body{font-family:'Lato',sans-serif;background-image:url(../assets/img/BDL.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding-top:54px}
::-webkit-scrollbar{display:none}
.typewriter p{color:#b2f7ff;font-size:30px}
h1.arrow{animation:text-glow 2s ease-out infinite alternate;background:url(../assets/img/h1-bg.png) no-repeat center bottom;font-family:'Montserrat',sans-serif;font-size:27px;font-weight:700;letter-spacing:1px;padding-bottom:30px;text-transform:uppercase}
.navbar{background-color:rgba(0,0,0,0.7)!important;font-family:'Montserrat',sans-serif;padding:0!important;font-size:16px}
.typewriter{align-items:center;display:flex;height:100%;justify-content:center}
.list-group-item{background-color:rgba(0,0,0,0.4);margin:15px auto;transition:linear .2s;height:auto}
.content{margin:10px}
.list-group-item h4{font-size:25px;font-weight:700;color:#0eccd6!important}
.list-group-item p{font-size:21px;color:#d5d5d5}
.list-group-item:hover{cursor:pointer;background-color:rgba(0,0,0,0.3)!important;text-decoration:none}
a:link{text-decoration:none}
.photo{border-radius:4px;height:200px;margin-right:20px;width:200px}
.tags-label{display:block;font-weight:700;margin-top:10px}
#filterOptions{text-align:center}
#filterOptions li{list-style:none;display:inline-block}
ul{-webkit-padding-start:0}
#btn-choice{margin:5px;background-color:rgba(14,204,214,0.4);text-decoration:none;color:#fff;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.375rem .75rem;font-size:1rem;line-height:1.5;transition:linear .2s}
#btn-choice:hover{background-color:rgba(14,204,214,0.2);transition:linear .2s}
.btn-consult{background-color:rgba(14,204,214,0.4);border-radius:4px;text-decoration:none;color:#fff;border:none;font-weight:400;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.5rem;line-height:1.5;transition:linear .2s}
.btn-consult:hover{cursor:pointer;background-color:rgba(14,204,214,0.7);}
.label{font-weight:400}
.inner{border:2px solid rgba(11,205,255,0.5);transition:all linear 0s}
.inner:hover{border:2px solid red;transition:all linear 0s}
.inner:hover:before{border-bottom:6px solid red;border-left:6px solid red;bottom:-3px;content:"";height:50px;left:-3px;position:absolute;width:50px}
.inner:hover:after{border-right:6px solid red;border-top:6px solid red;content:"";height:50px;position:absolute;right:-3px;top:-3px;width:50px}
.inner::before{border-bottom:6px solid #0eccd6;border-left:6px solid #0eccd6;bottom:-3px;content:"";height:50px;left:-3px;position:absolute;width:50px}
.inner::after{border-right:6px solid #0eccd6;border-top:6px solid #0eccd6;content:"";height:50px;position:absolute;right:-3px;top:-3px;;width:50px}
@keyframes text-glow {
0%{color:#00a4a2}
100%{color:#00fffc;text-shadow:0 0 20px rgba(0,255,253,0.4),0 0 10px rgba(0,255,253,0.4)}
}
@media (max-width: 991.98px) {
.navbar .fa{display:none}
}
ul.legals{list-style:none;color:#fff;line-height:25px}
ul.legals li{display:inline-block}
ul.legals li::after{content:" |"}
ul.legals li:last-child::after{content:""}
.legals{text-align:center}
footer{background-color:#242830;padding:10px 0}
footer a{color:#a1a9b0}
.badge-secondary{margin: 5px;}
.ml-1 {margin-left: ($spacer * .25) !important;}
.mx-1 {margin-right: ($spacer * .25) !important;margin-left: ($spacer * .25) !important;}
.anchor {border-top: 50px solid transparent; margin-top: -50px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
#refprincipale {display : hidden; z-index : -1;}
#bouton-haut {position: fixed; bottom: 5%; right: 5%;}