/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a {
  margin: 0; 
  padding: 0; 
  line-height: normal; 
  list-style: none; 
  display: block; 
  position: relative; 
}

.nav-menu ul {
  opacity: 0; 
  position: absolute; 
  top: 100%; 
  left: -9999px; 
  z-index: 999; 
  -webkit-transition: opacity .3s; 
  transition: opacity .3s; 
}

.nav-menu li:hover > ul { 
 left: 0; 
 opacity: 1; 
 z-index: 1000; 
}

.nav-menu ul li:hover > ul { 
 top: 0; 
 left: 100%; 
}

.nav-menu li { 
 cursor: default; 
 float: left; 
 white-space: nowrap; 
}

.nav-menu ul li { 
 float: none; 
}


.head_from{
  background: #395EA7 ;
  border-radius: 5px 5px 0px 0px;
  display: flex;
  padding: 10px;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
}

form .txt_field {
  position: relative;
  border-bottom: 2px solid #395EA7;
  margin: 30px 0;
}

.txt_field input {
  width: 100%;
  padding: 0 5px;
  height: 40px;
  border: none;
  background: none;
  outline: none;
}

.txt_field label {
  position: absolute;
  top: 50%;
  left: 5px;
  color: #395EA7;
  transform: translateY(-50%);
  pointer-events: none;
  transition: .5s;
}

.txt_field span::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #243C6A;
  transition: .5s;
}

.txt_field input:focus ~ label,
.txt_field input:valid ~ label {
  top: -5px;
  color: #243C6A;
}

.txt_field input:focus ~ span::before,
.txt_field input:valid ~ span::before {
  width: 100%;
}

.txt_field input::placeholder {
  color: #243C6A;
}

.politique_field {
  display: flex;
  margin: 15px;
}

.politique_field input{
  margin: 5px;
  width: 15px;
}

.check {
  display: none;
  border: 1px solid #ce3636;
  background-color: #ee3d3d;
  border-radius: 5px;
  padding: 15px;
  color: white;
}

.done {
  display: none;
  border: 1px solid rgb(31, 155, 31);
  background-color: rgb(76 169 72);
  border-radius: 5px;
  padding: 15px;
  color: white;
}

input[type="submit"] {
  width: 100%;
  height: 50px;
  border: 1px solid;
  background: #243C6A;
  border-radius: 25px;
  color: #F5F5F5;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}

input[type="submit"]:hover {
  border-color: #243C6A;
  transition: .5s;
}
  .log{
    margin: 5vw;
    margin-top: 175px;

  }

  @media screen and (max-width: 1440px) {
    .log{
      margin-top: 150px;
  
    }
  }
  
  @media screen and (max-width: 1024px) {
    .log{
      margin-top: 125px;
  
    }
  }
  
  @media screen and (max-width: 800px) {
    .log{
      margin-top: 100px;
  
    }
  }

  .logo_login{
    height: 10vw;
  }

  .content_logo{
    display: flex;
    align-items: center;
    margin-right: 60px;
  }

  .img_login{
    margin: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .img_login i{
    font-size: 10vw;
    color: #243C6A;
  }

  #form_login {
    background:white;
    min-width: 30vw;
    font-weight:bold;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
  }
   
  input {
    padding: 10px;
    width: 100%;
    border: 1px solid #aaaaaa;
  }
  
  /* Mark input boxes that gets an error on validation: */
  input.invalid {
    background-color: #ffdddd;
  }
  
  .tab {
    display: none;
    margin: 0px 20px;
  }

  .tab_login {
    margin: 0px 20px;
  }

  .titreTabForm{
    text-align:left;
    color:black;
    font-weight: normal;
  }

  .div_login{
    display: flex;
    justify-content: space-around;
  }
.lienPageInterne2{
  padding-bottom: 30px;
  margin-bottom: 60px;
  margin-top: 150px;
  border-bottom: solid 3px #2F4D89;
  background: linear-gradient(120deg,#395EA7,#243C6A);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* center */
.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }

/* root */
.nav-menu a {
 padding: 0 30px;
 
 font-weight: normal;
 font-size: 16px;
 line-height: 33px;
 text-decoration: none;
 
}

.NavLi{
 color: white;
}

/* root: active */
.nav-menu > li > .nav-active { background-color: rgba(0,0,0,0.05); }



/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
 /* padding: 5px 6px; */
 font-size: 14px;
 /* line-height: normal; */
 
}

.header{
   position:fixed;
   width:100%;
   top:0;
}

.navHeader{
    background: linear-gradient(black, 10%, #000F75);
    width:20%;
    margin-top:80px;
    position : fixed;
}

.navHeader2{
  background: linear-gradient(black, 10%, #000F75);
  width:20%;
  margin-top:80px;
  margin-left:20%;
  position : fixed;
}

.navHeader3{
  background: linear-gradient(black, 10%, #000F75);
  width:20%;
  margin-top:80px;
  margin-left:40%;
  position : fixed;
}


.navHeader4{
  background: linear-gradient(black, 10%, #000F75);
  width:20%;
  margin-top:80px;
  margin-left:60%;
  position : fixed;
}


.navHeader5{
  background: linear-gradient(black, 10%, #000F75);
  width:20%;
  margin-top:80px;
  margin-left:80%;
  position : fixed;
}




.SubNavLi{
 background : white;
 color : #000f75;
}

/* sub width */
.nav-menu ul { 
 min-width: 10em; 
 -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
 box-shadow: 2px 2px 2px rgba(0,0,0,0.25); 
 background : white; 
}

.NavLi:hover{
 font-weight : bold;
}

.SubLinkNavLi:active{
 font-weight : bold;
}


.SubLinkNavLi{
 color : #000F75;
 height :30px;
}

.SubLinkNavLi:hover{
 font-weight : bold;
}



/* image */

.imageHautDePage{
    margin-top:110px;
    color:black;
    background-color:white;
    background-image:url(./Images/fondPrincipal.jpg);
    background-size:100%;
    
    background-position: center;
}

.containerImagePDF{
    display:flex;
    flex-direction : column;
    justify-content : flex-start;
    height : 350px;
    /* margin : auto; */
    /* margin-left:35px; */
}

.itemImagePDF{
   margin-top : 40px;
    width : 230px;
    height : 40px;
    
    justify-content:space-around;
    align-items:center;
    
}


/* Ancres */
#ancre {
    padding-top : 90px;
}

#ancre2 {
    padding-top : 90px;
}

#ancre3 {
    padding-top : 90px;
}

#ancre4 {
    padding-top : 90px;
}

#ancre5 {
    padding-top : 90px;
}

#ancre6 {
    padding-top : 90px;
}

@media screen and (max-width: 1024px) {
  .div_login{
    flex-direction: column
  }

  #form_login{
    margin-bottom: 30px;
  }
}