body {
    font-family: Arial, sans-serif;
    background-color: #fff;
    margin: 0;
    padding: 0px 0px 0px 0px;
}

header {
    width: 100%;
    height: 75px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

header img {
    height: 75px;
}

header marquee {
    font-size: 1.5em;
    margin-left: 20px;
    flex-grow: 1;
    white-space: nowrap;
}

.navbar-brand img{
    height: 75px;
}
.mainDiv {
    width: 100%;
    margin-top: 25px;
    display: flex;
}


.mainDiv .right {
    position: absolute;
    /*left: calc(5vw - 10px);*/
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.right{
    /*border: solid 1px;*/
}

@font-face {
    font-family: Spartan;
    src: url(assets/spartan-light-webfont-284830d3721c9e2ea016c54cb7a02c29.woff2) format("woff2"),url(assets/spartan-light-webfont-403f751f1b899d984a3715561d0c9705.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.flexMain {
  display:flex;
  align-items: center
}
.flex1 { flex:1 }
.flex2 { flex:2 }
.flex3 { flex:3 }
.flex3 img{height: 75px}

.burgerDiv{ margin: 15px; }

#burgerBtn {
  /*margin-left:15px;*/
  border:none;
  font-size: xx-large;
}

button.siteLink {
  margin-left: -5px;
  border: none;
  padding: 24px;
  display: inline-block;
  min-width: 115px;
  bottom: 1px;
  position: absolute;
  right: 0px;
  top: 0px;5px;
}

.whiteLink {
  background : #fff;
}

.whiteLink:active {
  background : #000;
  color: #fff;
}

.blackLink {
  color: #fff;
  background:#232323;
  transition: all 300ms linear;
}

.blackLink:active {
  color: #000;
  background:#817e7e7a;
}

#siteBrand {
  font-family: impact;
  letter-spacing: -1px;
  font-size: 32px;
  color: #817e7e7a;
  line-height: 1em;1em;
  border-bottom: 1px solid #817e7e7a;
  height: 75px;
}

div.login{border-bottom: 1px solid #817e7e7a; height: 75px;}
#menuDrawer {
  background:#fff;
  position:fixed;
  height:100vh;
  overflow:auto;
  z-index:12312;
  top:0;
  left:0;
  border-right:1px solid #eaeaea;
  min-width:25%;
  max-width:375px;
  width:100%;
  transform : translateX(-100%);
  transition : transform 600ms linear;
}

#mainNavigation {
  transition : transform 200ms linear;
  background : #fff;
}

.drawMenu > #menuDrawer {
  transform : translateX(0%);
}

.drawMenu > #mainNavigation {
  /*transform : translateX(25%);*/
}

.row{margin-left: 5px; padding-right: calc(var(--bs-gutter-x)*.5);}
.fa-times {
  cursor : pointer
}

a.nav-menu-item:hover {
  margin-left:2px;
  border-left:10px solid black;
}

a.nav-menu-item{
  transition:border 250ms linear;
  text-decoration:none;
  display:block;
  padding:18px;
  padding-left:32px;
  border-bottom:1px solid #eaeaea;
  font-weight:bold;
  color:#343434
}

.login{
  text-decoration: none;
  color: inherit;
}

select.noStyle {
  border:none;
  outline:none
}

.scrolling-text {
    font-family: spartan;
    position: absolute;
    width: 100%;
    text-align: center;
    color: black; !important;
    opacity: 1;
    font-size: x-large;
    top: 37.5px;
    transform: translateY(-100%);
    white-space: nowrap;
    animation: scroll-text 30s linear infinite;
    z-index: -1;
}

@keyframes scroll-text {
from {
    transform: translateX(100%);
    }
to {
    transform: translateX(-100%);
    }
}

/************************* DIAPORAMA (views/home.php) ********************/

/*.description-container {*/
/*    height: 25%; /* Hauteur fixe pour la description */
/*    width: 100%; /* Même largeur que l'image */
/*    overflow-y: auto; /* Ajouter un défilement vertical si le texte dépasse */
/*    border: 1px solid #ddd; /* Bord fin autour de la description */
/*    padding: 10px; /* Espacement intérieur */
/*    box-sizing: border-box; /* Inclure le padding et la bordure dans la taille totale */
/*    position: absolute;
/*    top: calc(75% + 15px);
}