/*PRESENTATION DE LA PAGE*/
* {
    background-color:  #fdebd0 ;
}

body {
  font-family: 'Manrope', sans-serif;
  font-size: 1.1em; 
  margin: 0; 
  max-width: 100%;
  max-height: 100%;
}

a{/*:not(#a_exception)*/
  color: #242424;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
  text-align: center;
}

p{
  text-align: center;
  margin:40px;
}

.banniere{
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 1024px){
  .banniere img{
    width: 100%;
  }

}


mark{                                        
  background-color: yellow;
  border: 1px solid black;
}

.input_taille70px{
  width: 70px;
}

.input_taille98px{
  width: 98px;
}

.input_taille250px{ /*taille pour email   chercher une taille automatique pour tout écran de telephone*/
  width: 230px;
}

.input_taille300px{ /*taille pour email   chercher une taille automatique pour tout écran de telephone*/
  width: 300px;
}



/*Présentation de la page*/
footer{
  padding: 50px;
  text-align: center;
}

canvas{
  margin: auto;
  margin-left: 10px;
  margin-right: 0px;
}


/*GESTION DE L'ESPACE*/
@media screen and (min-device-width: 481px){ 
.form-control{
  margin-right: 50px;
}
}


/*BOUTONS*/
.envoie{
  width: auto;
  background: linear-gradient( #4242f5 , #4287f5);
  color: white;
  border-radius: 10px;
  padding: 5px 30px;
  font-size: 1em;  
}


.bouton{
  background: linear-gradient(#4242f5 , #4287f5);
  color: white;
  border-radius: 10px;
  padding: 10px 20px;
}

.agrandir_pdf{
  background: #9b59b6   ;
  color: white;
  padding: 5px;
  margin-left: auto;
}

.container_frame{
  display:flex; 
  flex-direction: column; 
  gap:3px;

}
/*Arrangement par flexbox*/ 
.mission {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
  margin-top: 30px;

}

@media screen and (max-device-width: 480px){  
  .mission{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    margin-top: 30px;
  }

  .container_frame{
    display:contents; /*contents*/
  }

  .agrandir_pdf{
    margin-right: 3.5%;
  }

  iframe{
    width: 93%;
  }
  
  .envoie{
    width: 80%;       /*AMELIORER POUR CENTRER en feuille d'opti*/
    
  }
}
/*plan_vol_page et synthese_page*/
.frame_pdf{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 20px;
}

 /*ALERTE / MESSAGES*/
 .alerte_form{
  color: red;
  font-style: italic;
  font-weight: bold;
}

.success_sql{
  background-color:  #abebc6 ;
  text-align: center;
  /*color: green;*/
  border-radius: 50px;
  padding: 5px;  
  width: auto;
  margin: auto;
}

/*ECRITURE*/
.ecriture{
  text-transform:uppercase; 
}

/*TABLEAUX*/
table{
  border-collapse: collapse;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}

td, th{
  border: 1px solid black;
  
}
th{
    padding-left: 5px;
    padding-right: 5px;
}

thead{
  height: 40px;
}

/*Taille des inputs*/

/*Input route?????????*/
#container .label {
  float: left;
  margin-right:5px;
}
#container .lorem {
  overflow: hidden;
}
#container input {
  width: 100%;
}


@media screen and (max-width: 1306px){
  input[type="checkbox"]{
    width: 1em;
    height: 1em;
  }


  .image_avion input[type="checkbox"]{
    width: 1.4em;
    height: 1.4em;
  }


  label, select, input, legend, li, table{
    font-size: 1.3em;
  }

  .envoie, .bouton{
    width: auto;
    font-size: 1.3em;  
  }
  input[type="radio"]{
    width: 0.6em;
    height: 0.6em;
  }
  fieldset[class="arrangement"] input[type="radio"]{
    width: 0.8em;
    height: 0.8em;
  }

  #taille_checkbox input[type="radio"]{
    width: 0.8em;
    height: 0.8em;
  }
}