/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  padding-right:5px;
  /*background-color: rgba(0, 0, 0, 0.2);*/ }

.top-nav-collapse {
  background-color: #1C2331; }
.color-texte-carousel{
  color: #00aeef;
}
/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } }

/* Footer color for sake of consistency with Navbar */
.second-nav{
  position: absolute;
  top: 66px;
  z-index: 999;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.second-nav .row{
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.second-nav .row .col{
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.second-nav .row .col button{
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
}

.top-nav-collapse {
  background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } }

.amlarightNav{
  background-color: #1C2331;
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331;
 }
 .hr-carousel{
  color: #fff;
  background-color: #fff;
  width: 20%;
  margin-left: 0%;
  border: solid white 3px;
  align-self: auto;
 }
.color1{
  background-color: #002157;
  width: 320px;
  height: 72px;
  color: white;
}
.color2{
  background-color: #003471;
  width: 320px;
  height: 72px;
  color: white;
}
.color3{
  background-color: #006b7f;
  width: 320px;
  height: 72px;
  color: white;
}
.color4{
  background-color: #0072bc;
  width: 320px;
  height: 72px;
  color: white;
}
.color5{
  background-color: #00aeef;
  width: 320px;
  height: 72px;
  color: white;
}
.color6{
  background-color: #6dcff6;
  width: 320px;
  height: 72px;
  color: white;
}
.h3-texte{
  color: #00aeef;
}
.zone-1{
  height: 50px;
  background-color: #dadada;
}
.zone-1-part-1{
  padding: 40px;
}
.zone-1-part-1 div{
  background-color: #00aeef;
  color: #fff;
  padding: 10px;
  opacity: 85%;
}
.zone-2{
  background-color: #dadada;
  padding: 5px;
}

.zone-3 .col-xl-4{
  padding: 3px;

}
.zone-3 .col-xl-4 .card{
  background-color: #00aeef;
  padding: 20px;
  font-size: 14px;

}
.zone-4{
	width:100%;
}
.zone-bleu{
  background-color: #002157;
  width: 100%;
  height: 68px;
  padding: 0%;
  margin: 0%;
  position: absolute;
  top: -48px;
  bottom: 10px;
}
.h3-texte-noire{
  color: #000;
}
.barre{
  width: 40px;
  font-weight: bold;
  color: #7da7d9;
  height: 2px;
  border: solid #7da7d9;
  border-radius: 5px;
  background-color: #7da7d9;
}
.zone-bleu-ciel{
  background-color: #00aeef;
  width: 100%;
  height: 70px;
  margin: 0%;
  padding: 10px;
  color: #fff;
  font-weight: bold;
}
.zone-grise-derniere-baniere{
  background-color: #dadadada;
  width: 100%;
  height: 100px;
  padding: 0%;
  margin: 0%;
}
footer{
  border-top:solid #00aeef 3px;
}
.footer-link{
  color: #3D3D3D;

}
.social-logo-text{
  color: #3D3D3D;
}
.page-footer {
  background-color: #ffffff;
}
.page-footer container a{
  color: #000;
}
.text-company{
  color: #00aeef;
}
/*sidenav*/
/* Only for snippet */
.double-nav .breadcrumb-dn {
  color: #fff;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/*drop menu*/
.dropbtn {
 
}

.dropdown {
  position: relative;
}

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

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

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

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

.dropdown:hover .dropbtn {background-color: #409abd;}

.navbar-brand img{
	position: relative;
	margin-top:-5px;
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
  background: #1C2331 !important;
  }
}
.contact{
  position:relative;
  width:100%;
  margin-top:20%;
}
.contact-par{
  height:120%;
}

@media (max-width: 740px) {
.contact {
  margin-top:120px;
  z-index: 99;
  }
  .contact-par{
    height:160%;
  }
}
.AMLAactiveBouton{
  background-color: red;}
}