body {
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

h1 {
  color: #178ab2;
}


h3 {
  color: #169089;
  /*border-color: red;
  border-style: solid;  */
  line-height: 18px;
}


/* Main content */
.main {
  margin-top: 30px; /* Add a top margin to avoid content overlay */
} 


.main_div {
  margin: 0 auto;
  width:80%;

  padding-top: 30px;
  /*border-color: red;
  border-style: solid;*/

}


#img_carte {
  width:16%;
}
#img_photo {
  width:15%;
}

.container {
  /*width: 500px;*/
  /*border: 5px solid rgb(111,41,97);*/
  /*border-radius: .5em;*/
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size:1em;
  /*border-color: pink;
  border-style: solid;*/
}

.container2 {
  /*width: 500px;*/
  /*border: 5px solid rgb(111,41,97);
  border-radius: .5em;*/
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size:1em;
  /*border-color: pink;
  border-style: solid;*/
}

.container_item {
  /*width: 200px;*/
  padding: 10px;
  /*background-color: rgba(111,41,97,.3);
  border: 2px solid rgba(111,41,97,.5);*/
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
  /*border-color: green;
  border-style: solid;*/
}

.container_img {
  text-align: center;
  /*padding: 10px;*/
  /*border-color: green;
  border-style: solid;*/
}

.navbar1 {
  overflow: hidden;
  /*background-color: #169089;*/
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  height:90px;
  /*border-color: yellow;
  border-style: solid;*/
  line-height: 90px;
  text-align: center;
  background-image: url("fonds2-h90.jpg");
}

.navbar2 {
  overflow: hidden;
  background-color: #169089;
  position: fixed;
  align-self: right; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  left:70%;
  width: 15%; /* Full width */
  height:90px;
  /*border-color: red;
  border-style: solid;*/
  text-align: left;
  line-height: 20px;
}

.navbar3 {
  overflow: hidden;
  background-color: #169089;
  position: fixed;
  align-self: right; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  left:85%;
  width: 15%; /* Full width */
  height:90px;
  /*border-color: red;
  border-style: solid;*/
  text-align: left;
  line-height: 20px;
}

.span_titre {
  color : white;
  font-size: 36px;
  font-weight: bold;
}
.span_titre_det {
  margin-top: 0;
  color : white;
  font-size: 16px;
  font-weight: normal;
}

.navbar {
  overflow: hidden;
  background-color: #333;
  /*position: static;*/
  width:100%;
  top:76px;
  font-size: 1rem;

  /*border-color: blue;
  border-style: solid;*/
}

.navbar a {
  float: left;
  /*font-size: 1.5rem;*/
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  /*font-size: 1.5rem;  */
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #169089;

}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}



@media (max-width: 1200px) {
  .container2 {
    flex-direction: column;
    padding-top: 30px;
    /*border-color: yellow;
    border-style: solid;*/
  }


@media (max-width: 860px) {
  .container {
    flex-direction: column;
    padding-top: 30px;
    /*border-color: yellow;
    border-style: solid;*/
  }

  .navbar {
  overflow: hidden;
  background-color: #333;
  /*position: fixed;*/
  width:100%;
  top:76px;
  }

  .navbar2 {
  display: none;
  /*border-color: blue;
  border-style: solid;*/
  }

  .navbar3 {
  display: none;
  /*border-color: blue;
  border-style: solid;*/
  }
}