/* text.css */

body {
  font-family: 'Quicksand', sans-serif;
}
a:link
{
color: #fff;
}
p
{
  position: relative;
  text-align: justify;
}
h1
{
  margin-top: 0px;
  font-size:34px;
  color:#129;
  font-style: italic
}
h2
{
  font-size: 30px;
}
.legende
{
  margin-bottom: 40px;
  border-bottom-style: solid;
  border-width: 1px;
  padding-bottom: 3px;
  font-style:italic
  
}
.container {
   min-width: 90% !important;
  margin: 0 auto; /* Ajoutez cette ligne pour centrer le container */
}
.legal-link
{
position: absolute;
top: 0px;
right: 0px;
}
.language a:link
{
color: #000;
}
.language
{
position: absolute;
top:60px;
right: 0px;
color: #000;
}

.language-link
{
padding: 5px;
padding-bottom: 0px;
position: relative;
border-style: solid;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-bottom-color: #FFF;
}
.language-link:hover
{
border-style: solid;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-bottom-color: #000;
}
.selected
{
border-bottom-color: #000;
border-style: solid;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
position: relative;
top: 1px;
}
.banner {
  height: 100px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

footer a:link {
  color: #fff;
}

nav {
  position: sticky;
  top: 00px;
  float: left;
  margin-top: -80px;
  background-color: #58F;
  z-index: 2
}

.logo {
  margin: 0 20px 0 0;
  width: 180px;
}

.legal-link {
  margin: 20px 20px 0 0;
}

.language {
  display: flex;
  align-items: flex-end;
}
.txt a
{
  color: #480;
  font-weight: 700;
}

.txt a:hover
{
  color: #000;
  font-weight: 700;
}

.language-link {
  margin-right: 20px;
  margin-bottom: 10px;
}

.image-carousel {
  position: relative;
}

.image-container {
  display: none;
}

.image-container.active {
  display: block;
}

.image-container img {
  width: 100%;
}

.image-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.footer {
  height: 200px;
  background-image: url("/assets/eau.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  position: absolute;
  z-index: 2000;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #709;
}

.footer p {
  position: relative;
  margin-left: 40px;
  margin-top: 30px;
  top: 0px;
  font-size: 18px;
  float: left;
}

.address {
  position: relative;
  top: 20px;
  left: 40px;
}

.biocap_text {
  position: relative;
  top: 0px;
  font-size: 30px;
  font-weight: 700;
}

.carousel-caption {
  position: relative;
  font-size: 80px;
  line-height: 80px;
  left: 40px;
  width: 100%;
  color: #fff;
  padding: 20px;
  transform: translateY(-100%);
  transition: transform 1s;
  opacity: 1;
  text-shadow: -1px 2px 3px rgba(128, 0, 0, 0.52);
}

.carousel-caption.animate {
  transform: translateY(-250%);
}

.carousel-caption.animate2 {
  transform: translateY(-150%);
}

.dropdown-trigger {
  position: relative;
  float: left;
  display:block;
  width: auto;
  margin-left: 20px;
  left: 50px;
  padding-left: 20px;
}

.dropdown-trigger:hover, .ul_contact:hover {
background-color: #139 !important;
}


.dropdown-content
{
  position: absolute;
  top: -65px;
}
.ul_contact
{
  position: relative;
  float: left;
  left: 50px;
}

.tiroir {
  height: 200px;
  background-color: #fff;
  position: absolute;
  bottom: -43px;
  transition: bottom 1s ease-in-out;
  left: 0px;
  width: 100%;
  z-index: 1000;
}

.tiroir.top {
  height: 200px;
  left: 0px;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  position: absolute;
  bottom: 160px;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px -2px 8px 2px rgba(0,0,0,0.63);
}

.partenaires {
  position: absolute;
  right: 0px;
  background-color: #58F;
  width: auto;
  padding-left: 20px;
  border-radius: 10px 0px 0px 0px;
  font-size: 18px;
  font-weight: 700;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: black;
  top: -84px;
  line-height: 40px;
  cursor: pointer;
  color: #FFF;
}

.partenaires:hover {
  color: #eee;
}

.fleche i {
  font-size: 30px;
  float: right;
  right: 30px;
  top: 0px;
  position: absolute;
  color: #aquamarine;
}

.spacer {
  position: relative;
  float: left;
  width: 100%;
  height: 200px;
  transition: height 1s ease-in-out;
  margin-bottom: 0;
}

.spacer.topspacer {
  position: relative;
  float: left;
  width: 100%;
  height: 400px;
  transition: height 1s ease-in-out;
  margin-bottom: 0;
}

.custom-btn {
  font-size: 10px;
  font-weight: 700;
  background-color: #59f !important;
}

.innerScrollArea {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 200px;
  margin-top: -71px;
}

.carousel2 {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  height: 200px;
  margin-top: 
}
/* Optionnel : Ajoutez un peu de style supplémentaire */
.carousel2 {
  background-color: #f1f1f1;
}

.carousel2 img {
max-width: 100%;
height: auto;
object-fit: contain;
vertical-align: middle;
margin: 15px;
border-radius:  10px;
background-color: #fff;
padding: 10px;
-webkit-box-shadow: 0px 0px 6px 1px rgba(9,9,9,.5); 
box-shadow: 0px 0px 6px 1px rgba(9,9,9,.5);
}
.tille_home
{
margin-top: 20px;
font-size: 40px;
}
.title2_home
{
font-size:32px;
line-height: 50px;
color: #479;
margin-bottom: 20px;
}
.titre_col_home
{
font-size: 32px;
color: #468;
border-style: solid;
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-width: 1px;
margin-bottom: 10px;
}
.text_col_home
{
font-size: 18px;
margin-bottom: 30px
}

.reset
{
  clear: both;
  height: 60px;
  background-color: #fff;
  width: 100%;
  position: relative;
}
.collapsible-header
{
  color: #049;
  font-weight: 700;
  position: relative !important;
  width: 100%;
}
.fleche2 {
  position: relative;
  color: #FFF;
  top: 2px;
  right: 8px;;
  float: right;
}
.right
{
  float: right;;
  position: relative;
  font-size: 40px;
}
.logo_side
{
margin: auto;
width: 60%;
  margin-top: 20px;
  margin-left: 54px;
}
.spacer2
{
  margin-top: 40px;
}
.partenaires .fleche
{
  color: #fff;
}
.modal a
{
  color: #000;
}

.modal a:hover
{
  color: #409;
}
.slick-prev:before, .slick-next:before{
    color:black;
}

.old-photo
{
  margin-top:30px;
}
.vert
{
  background-color:#cbe7b0;
}
.rouge
{
  background-color: #fc9494;
}
.orange2
{
  background-color: #eab963;
}
.jaune
{
  background-color: #FF0;
}
.highlight td
{
 padding: 10px;
}
.route
{
   background-image: url('/assets/route/fond_tableau.jpg');
    background-size: cover; /* Ajuste la taille de l'image pour couvrir tout le tableau */
    background-repeat: no-repeat; /* Empêche la répétition de l'image */
    background-position: center center; /* Positionne l'image au centre du tableau */
    color: #000; /* Couleur du texte pour une meilleure visibilité sur l'image */
}
.route .ligne0 td
{
  font-size: 48px;
  text-align: center;
}
.route .ligne0, .route .ligne1
{
  background-color: #fff;
  opacity: .7
}
.route .ligne1 td
{
  font-size: 28px;
  text-align: center;
  font-weight: 700;
  padding: 20px;
}
.futur
{
  color: #081;
}

.marche li, .investir_list
{
  list-style: square !important;
  list-style-position: inside !important;
  margin-bottom: 5px;
}
#first_colone
{
  background-color: #bFF !important;
 
}
#first_colone td
{
   padding-left: 10px !important;
  padding-right: 10px !important;
}
.refresh
{
  position: relative;
  font-size: 50px;
  color: #888;
  top: 10px;
  left: -30px;
  line-height: 40px;
}
.the-form
{
  padding-right: 100px !important;
}
.the-form textarea
{
  font-size: 20px;
  height: 70px; /* Remplacez la valeur par la hauteur souhaitée */
  resize:vertical; /* Empêche le redimensionnement manuel par l'utilisateur */
  overflow: auto; /* Ajoute une barre de défilement si le contenu est trop long */

}