@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
}
/*** Page accueil ***/
#main {
    min-height: 100%;
    position: relative;
    margin:0 auto;
    box-sizing: border-box;
  }

#accueil {
  color: #000000;
}

.card {
  border:none;
  box-shadow: 0 6px 20px 0 #d8d7d7;
}

.card-footer {
  background-color: #ffffff;
}

#imgGuide {
  width: 100%;
  max-width: 450px;
}

#contentTextGuide {
  max-width: 500px;
}

hr {
  width:100px;
  margin:auto;
}

.btnLien {
  font-size: 12px;
  font-weight: 600;
  border-radius: 0px;
  font-family: 'Open Sans', sans-serif;
  color:#ffffff;
  background-color: #e30613;
}


 #paragrapheGuide {
  color:#000000;
  font-size: 11px;
  display: inline-block
 }

 h2{
   text-align: left;
 }

 .slide {
  max-width: 1300px;
  width: 100%;
 }

 .carousel-indicators button {
  height: 10px !important;
  width: 10px !important;
  margin: 0 3px !important;
  border-radius: 100%;
  background-color: #fff !important;
}

.carousel-indicators button.active {
  background-color: #003d26 !important;
}


@media (min-width: 992px) { 
  #imgGuide {
    max-width: 530px;
  }
 }




@media (min-width: 1201px) { 
  #imgGuide {
    position: relative;
    top:0px;
    max-width: 550px;
    left:-5px;
  }
 }


@media (max-width: 1199px) { 
  #contentTextGuide {
    position: relative;
    left:50%;
    transform: translateX(-50%);
  }
}