@import url('https://fonts.googleapis.com/css2?family=League+Gothic:wght@400;700&family=Roboto:wght@400;700&display=swap');

body{font-family: 'Roboto', sans-serif !important; font-weight: 200;}
.gothic{font-family: 'League Gothic', sans-serif !important;}
.roboto{font-family: 'Roboto', sans-serif !important;}

h1, .h1{font-size:4.5rem; font-family: 'League Gothic', sans-serif !important;}
h2{font-size:3.5rem; font-family: 'League Gothic', sans-serif !important;}

.text-green-dark{color: #2b422b}
.text-green-light{color: #446544}
.text-parcours{color: #4aafaf}
.text-wall-house{color: #1a1c31}
.text-pink{color: #A71C45}
.text-header{color:white;}
.text-gold{color:#c6a23f}

.text-green-light:hover{color: #243624}
.text-pink:hover{color: #761431}

.bg-green-dark{background-color: #2b422b}
.bg-green-light{background-color: #446544}
.bg-green-light2{background-color: #5D855E}
.bg-grey-light{background-color:#BEBEBE}
.bg-grey-lighter{background-color:#f8f8f8}
.bg-parcours{background-color: #4aafaf}
.bg-wall-house{background-color: #1a1c31}
.bg-wall-house-footer-dark{background-color: #1a1c31}

.btn{padding: 10px 60px; height: 45px; border-radius: 25px;}
.btn-primary{background-color: white; color:#090b21; border-color: white;}
.btn-primary:hover{background-color: #090b21 !important; color:white !important;border-color: black !important;}

.btn-secondary{background-color: #090b21; color:white; border-color: #090b21;}
.btn-secondary:hover{background-color: #707070 !important; color:#141212 !important;border-color: #707070 !important;}

.form-control{border-radius: 0; border-width: 0 0 1px 0}
.form-control:focus{box-shadow:none !important;}

.form-check {display: inline-block;}

.dropdown-menu{min-width: 1rem !important}

.logoCollectivite{width:90px;max-width: 100% !important}

.div-img{height: 300px; }
.effect-zoom img{padding-right:25px; padding-left:25px; transition: padding 1s;}
.effect-zoom:hover img{padding-right:0px;padding-left:0px;}

.picture4{border:5px solid white; margin-top:-50px !important;}

.pWoMargin p{margin-bottom: 0 !important;}

.parcours-thumb{height:200px; width:200px;cursor: pointer}
.parcours-caroussel-image{height:400px; margin-top:50px;}
.parcours-caroussel-active{height:500px; margin-top:0;}

.btn-edition{color:white;text-decoration: none; border-radius: 14px;font-size:12px; background-color: #9b0505; padding: 5px 15px;font-family: Roboto; }
.btn-edition:hover{color:white;text-decoration: none;background-color: #7a0505;}

.contact-form-input::placeholder { color: white;    opacity: 1;}
.contact-form-input{color:white !important}

.expo-wh-left-bar-desktop{height: 350px; border-left:12px solid #090B21;}
.expo-wh-right-bar-desktop{border-right:12px solid #090B21;}
.expo-wh-right-bar-desktop2{border-right:10px solid white; }
.expo-wh-right-bar-desktop3{border-left:10px solid white; border-right:20px solid white}

.expo-picture-1{}
.expo-picture-2{}
.expo-picture-2-shadow{height:400px; z-index:-1; left: -50px; top: 50px;}
.expo-picture-3{}
.expo-picture-4{}
.expo-picture-5{border-right:10px solid white}
.expo-picture-6{border-left:10px solid white}
.expo-picture-7{margin-top:-50px; }
.expo-picture-8{}
.expo-picture-9{}

.h85 {height: 85vh}


@media only screen and (max-width:768px) {
    .div-img{height: auto !important; }
    .text-header, .text-header a{color:#707070 !important; font-size: 1rem}
    .text-header.border-bottom {border-bottom: 1px solid #707070 !important; }
    .bg-wall-house-footer-dark{background-color: #090B21}
    .dropdown-menu{min-width: 80px !important}

    .expo-wh-left-bar-mobile{border-left:12px solid #090B21;}
    .expo-wh-right-bar-desktop{border-right:0;}
    .expo-wh-right-bar-desktop2{border-right:0; }
    .expo-wh-right-bar-desktop3{border:none;}
    .expo-picture-2-shadow{display: none;}
    .expo-picture-4 img{border: 10px solid white;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
    .expo-picture-6{border-left:0}
    .expo-picture-7 img{border: 10px solid white;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
    .h85 {height: unset}
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}