.background{background-image:url("../images/background.gif");background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100%}header{height:3rem;max-width:100%}.form-signin{max-width:330px;padding:1rem}.form-signin .form-floating:focus-within{z-index:2}.form-signin input[type=email]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.form-signin input[type=password]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}.menu{position:absolute;right:6em;top:1em}.menu .connexion .bi::before{content:"";font-size:2em}.menu .deconnexion .bi::before{content:"";font-size:2em}.menu .profil .bi::before{content:"";font-size:2em}.menu span{display:none}@media(min-width: 576px){.menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.menu .bi::before{content:"";font-size:2em}.menu span{display:none}}@media(min-width: 768px){.menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.menu .bi::before{content:"";font-size:2em}.menu span{display:none}}@media(min-width: 992px){.menu{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.menu .bi::before{content:"";font-size:2em}.menu span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}@media(min-width: 1200px){.menu{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.menu .bi::before{content:"";font-size:2em}.menu span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}@media(min-width: 1400px){.menu{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.menu .bi::before{content:"";font-size:2em}.menu span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}.navigation{width:inherit}.selection{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.selection .pagination{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:top;margin:auto}.filtre{display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;margin:auto}.filtre-child{display:none;background-color:skyblue;min-width:200px}.filtre::before{font-family:"Bootstrap-icons";content:" Filtrer";position:relative;left:2em;height:2em}.filtre:hover .dropdown-child{display:block}.filtre form{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;z-index:1500;display:none;-webkit-transition:all .8s;transition:all .8s;background-color:#ecf3fb;position:relative;left:0em;padding:1em}.filtre form select{width:10rem;margin:2px;padding:0;font-size:1em}.filtre form .form-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filtre form .element-filtre{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}main{position:relative;margin-top:2em;max-width:100%}.background{background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))),url("../images/background.webp");background:linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url("../images/background.webp");background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100%}.column_activite{-webkit-box-flex:1;-ms-flex:1;flex:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#f0f0f0;padding:10px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}.container_activite{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}@media(min-width: 992px){.column_activite{height:90vh;overflow:auto}}@media(min-width: 1200px){.column_activite{height:90vh;overflow:auto}}@media(min-width: 1400px){.column_activite{height:90vh;overflow:auto}}table{border-collapse:collapse;empty-cells:show;caption-side:top;margin:auto;overflow:auto;width:inherit}table caption{background-color:rgba(80,221,245,.25);font-style:italic;font-weight:bold;color:#000;font-size:x-large;text-align:center}table thead{background-color:rgba(80,221,245,.25)}table thead .order::after{content:"↑↓" !important;white-space:pre-wrap;margin:-0.3em auto .5em}table thead .croissant::after{content:"↑" !important;white-space:pre-wrap;margin:-0.3em auto .5em}table thead .decroissant::after{content:"↓" !important;white-space:pre-wrap;margin:-0.3em auto .5em}table thead th{border:solid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}table tbody{background-color:rgba(204,235,248,.5)}table td{border:solid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px}.tableFixHead{overflow-x:auto;margin:auto}.tableFixHead__tarif{min-width:100px}.tableFixHead thead th{position:sticky;top:0px;background-color:#f0f8ff}.tableFixHead__date{min-width:150px}.tableFixHead__3l{width:3em}.tableFixHead__modif{min-width:185px;font-size:medium}.tableFixHead__modif a{text-decoration:none;font-size:medium;width:6em}.carte{margin:auto;z-index:0}.carte--ht1{height:100vh}.carte--ht2{height:50vh}.carte--ht3{height:33vh}.dist-marker{font-size:9px;border:1px solid #777;border-radius:10px;text-align:center;color:#000;background:#fff}.agenda{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:auto}.selectDate{text-align:center}.calendrier{min-width:30vw}.calendrier table caption{text-align:center}#table_calendrier{caption-side:top;width:100%;margin:auto}#table_calendrier caption select{font-size:calc(10px + .5vh)}.tdAgenda{border:thin solid #999;font-weight:bold;cursor:pointer}.tdAgenda--ferier{background-color:#9cbdfb}.tdAgenda--desactive{background-color:#ddd;border:thin solid #999}.tdAgenda--jourActuel{border:solid 5px blue}.tdAgenda--weekEnd{background-color:beige}.tdAgenda--agenda{background-color:#f0f2ac}thead{background-color:rgba(124,219,236,.37)}.even{position:relative;padding:1em;margin:auto}.album{background:#fff;padding:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.gallery img{width:auto;height:150px;-o-object-fit:cover;object-fit:cover;margin:5px}.gallery .column{float:left;width:auto;padding:10px}.gallery .column img{opacity:.8;cursor:pointer;width:inherit}.gallery>.column img:hover{opacity:1}.gallery .row{-ms-flex-flow:nowrap;flex-flow:nowrap}.gallery>.row:after{content:"";display:table;clear:both}.gallery>.container{position:relative;display:none}.gallery #imgtext{position:absolute;bottom:15px;left:15px;color:#fff;font-size:20px}.gallery .closebtn{position:absolute;top:10px;right:15px;color:#fff;font-size:35px;cursor:pointer}.social-icons{padding:5px;position:fixed;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;background-color:#fff}.facebook-icon,.strava-icon{font-size:30px;margin:2px}.facebook-icon{margin:2px;color:#1877f2}.strava-icon{color:#e4405f}.facebook-icon:hover{color:#0a66c2}.strava-icon:hover{color:#ff4b6b;background-color:#f0f8ff}margin: auto;
  z-index: 0;
}
.carte--ht1 {
  height: 100vh;
}
.carte--ht2 {
  height: 50vh;
}
.carte--ht3 {
  height: 33vh;
}

.dist-marker {
  font-size: 9px;
  border: 1px solid #777;
  border-radius: 10px;
  text-align: center;
  color: #000;
  background: #fff;
}

.agenda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: auto;
}

.selectDate {
  text-align: center;
}

.calendrier {
  min-width: 30vw;
}
.calendrier table caption {
  text-align: center;
}

#table_calendrier {
  caption-side: top;
  width: 100%;
  margin: auto;
}
#table_calendrier caption select {
  font-size: calc(10px + 0.5vh);
}

.tdAgenda {
  border: thin solid #999999;
  font-weight: bold;
  cursor: pointer;
}
.tdAgenda--ferier {
  background-color: #9cbdfb;
}
.tdAgenda--desactive {
  background-color: #dddddd;
  border: thin solid #999999;
}
.tdAgenda--jourActuel {
  border: solid 5px blue;
}
.tdAgenda--weekEnd {
  background-color: beige;
}
.tdAgenda--agenda {
  background-color: #f0f2ac;
}

thead {
  background-color: rgba(124, 219, 236, 0.37);
}

.even {
  position: relative;
  padding: 1em;
  margin: auto;
}

.album {
  background: white;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.gallery {
  /* Style the images inside the grid */
  /* Clear floats after the columns */
  /* The expanding image container */
  /* Expanding image text */
  /* Closable button inside the expanded image */
}
.gallery img {
  width: auto;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 5px;
}
.gallery .column {
  float: left;
  width: auto;
  padding: 10px;
}
.gallery .column img {
  opacity: 0.8;
  cursor: pointer;
  width: inherit;
}
.gallery > .column img:hover {
  opacity: 1;
}
.gallery .row {
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
}
.gallery > .row:after {
  content: "";
  display: table;
  clear: both;
}
.gallery > .container {
  position: relative;
  display: none;
}
.gallery #imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}
.gallery .closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

.social-icons {
  padding: 5px;
  position: fixed;
  left: 10px; /* Ajustez selon vos besoins */
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background-color: white;
}

.facebook-icon, .strava-icon {
  font-size: 30px;
  margin: 2px;
}

.facebook-icon {
  margin: 2px;
  color: #1877F2; /* Couleur Facebook */
}

.strava-icon {
  color: #E4405F; /* Couleur Instagram */
}

.facebook-icon:hover {
  color: #0a66c2;
}

.strava-icon:hover {
  color: #ff4b6b;
  background-color: aliceblue;
}