@charset "UTF-8";


/* Maj 2024/09/24 */


/* CSS Document */

/* STYLE BOUTONS */



/* bouton partage enveloppe */


.image-partage {
    font-size: 25px; /* Taille de l'icône */
    color: #eb621d; /* Couleur de l'icône */
    transition: color 0.3s ease;
    text-decoration: none;
}
.image-partage:hover {
    color: #007bff; /* Changement de couleur au survol */
}


@media (max-width: 480px) {
   .image-partage {
    font-size: 28px;
       
    }
}



/* Partage fiche vol */


body #page-container .et_pb_section .et_pb_button_55 {
    color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #eb621d;
	border-radius:13px !important;
	font-size:19px !important;
}

.et_pb_button_55, .et_pb_button_55:after {
    transition: all 300ms ease 0ms;
}

body #page-container .et_pb_section .et_pb_button_56 {
    color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #39dda5;
	border-radius:3px !important;
	font-size:10px !important;
}

.et_pb_button_56, .et_pb_button_56:after {
    transition: all 300ms ease 0ms;
}

.container_partage {
    display: flex;
    flex-direction: row; /* Par défaut, les div sont côte à côte */
}

.partage_left_div, .partage_right_div {
    flex: 1; /* Chaque div prendra une part égale de l'espace disponible */
}

.partage_left_div {
    /* Vous pouvez ajouter des styles spécifiques ici */
}

.partage_right_div {
    margin-top: 20px; /* Ajustement de la marge supérieure */
    position: relative; /* Permet de positionner la div par rapport à sa position normale */
    left: -300px; /* Déplace la div de 300px à gauche */
}

/* Media query pour les écrans mobiles */
@media (max-width: 768px) {
    .container_partage {
        flex-direction: column; /* Les div seront superposées sur les petits écrans */
    }
    
    .partage_right_div {
        left: 0; /* Réinitialise la position gauche */
       
    }
}



/* LIVE TRACKING PARTAGE */

body #page-container .et_pb_section .et_pb_button_liv_tra_par {
    color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #eb621d !important;
	
}



.et_pb_button_module_wrapper>a {
    display: inline-block;
}
.et_pb_button_liv_tra_par, .et_pb_button_liv_tra_par:after {
    transition: all 300ms ease 0ms;
}


.et_pb_button_liv_tra_par {
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.5);
}
.et_pb_button, .et_pb_button_inner {
    position: relative;
}


.et_pb_button_liv_tra_par {
	 color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #eb621d !important;
    font-size: 19px !important;
  /*  font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;*/
    
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
   
    border-radius: 3px !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}

.et_pb_button_liv_tra_par_what {
	 
    background-color: #24d366 !important;
  
}


/* Styles pour les écrans de bureau */
.live_track_desk {
    display: block;
}

.live_track_mobile {
    display: none;
}

/* Media query pour les écrans de petite taille (mobile) */
@media only screen and (max-width: 768px) {
    .live_track_desk {
        display: none;
    }

    .live_track_mobile {
        display: block;
    }
}


/* PROFIL */

body #page-container .et_pb_section .et_pb_button_profil {
    color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #eb621d;
}
.et_pb_button_profil_wrapper .et_pb_button_profil, .et_pb_button_profil_wrapper .et_pb_button_profil:hover {
    padding-right: 100px !important;
    padding-left: 100px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.et_pb_button_module_wrapper>a {
    display: inline-block;
}
.et_pb_button_profil, .et_pb_button_profil:after {
    transition: all 300ms ease 0ms;
}
.et_pb_button_profil {
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);
}
.et_pb_button, .et_pb_button_inner {
    position: relative;
}


.et_pb_button_profil {
    font-size: 20px !important;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
   
    border-radius: 3px !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}

/* STYLE POUR LES LIGNES DE TABLES */

/* Style pour les lignes paires */
.even {
    background-color: #f2f2f2;
}

/* Style pour les lignes impaires */
.odd {
    background-color: #ffffff;
}


/* POPUP LISTE AILE */
.popup-container {
/*    min-width: 400px !important; */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 999999;
}

/* Ajout de la règle de média query pour les appareils mobiles */
@media (max-width: 480px) {
    .popup-container {
       min-width: 350px !important;
		max-width: 80%;
        overflow-x: auto; 
        max-height: 450px;
        overflow-y: scroll;
    }
}

/* Ajout de la règle de média query pour les écrans larges */
@media (min-width: 481px) {
    .popup-container {
        min-width: 400px !important; /* Réapplique la largeur minimale pour les écrans larges */
    }
}


.popup-content {
    /* Ajoutez les styles de votre contenu de popup ici */
}

.close-popup-button {
	
    position: absolute;
    top: 10px; /* Ajustez la distance du haut */
    right: 10px; /* Ajustez la distance de la droite */
    background: none;
    
    font-size: 16px;
    cursor: pointer;
    color: #dc6b33; /* Couleur rouge */
	font-weight:700;
   border: 0px solid black !important; /* Ajoute un contour noir */
	
    border-radius: 3px; /* Pour arrondir le contour */
	
    padding: 5px; /* Ajustez le rembourrage pour plus d'espace autour du 'X' */
    width: 25px; /* Ajustez la largeur */
    height: 25px; /* Ajustez la hauteur */
  	display: flex; /* Pour aligner le 'X' au centre */
    justify-content: center; /* Pour aligner le 'X' au centre */
    align-items: center; /* Pour aligner le 'X' au centre */
}


/* Style pour obscurcir le fond */
.popup-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    z-index: 9998; /* Doit être inférieur à z-index du popup */
}


/* LIVE TRACKING */

body #page-container .et_pb_section .et_pb_button_live_tracking {
    color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #eb621d;
}


.et_pb_button_live_tracking_wrapper .et_pb_button_live_tracking, .et_pb_button_live_tracking_wrapper .et_pb_button_live_tracking:hover {
   /*  padding-right: 100px !important;*/
 /*   padding-left: 100px !important;*/
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


.et_pb_button_module_wrapper>a {
    display: inline-block;
}
.et_pb_button_live_tracking, .et_pb_button_live_tracking:after {
    transition: all 300ms ease 0ms;
}
.et_pb_button_live_tracking {
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);
}
.et_pb_button, .et_pb_button_inner {
    position: relative;
}


.et_pb_button_live_tracking {
    font-size: 20px !important;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
   
    border-radius: 3px !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}





/* contacter le pilote */

body #page-container .et_pb_section .et_pb_button_contact {
    color: #FFFFFF !important;
    border-width: 0px !important;
    background-color: #24d366;
}
.et_pb_button_contact_wrapper .et_pb_button_contact, .et_pb_button_contact_wrapper .et_pb_button_contact:hover {
  /*  padding-right: 100px !important;*/
  /*  padding-left: 100px !important;*/
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.et_pb_button_module_wrapper>a {
    display: inline-block;
}
.et_pb_button_contact, .et_pb_button_contact:after {
    transition: all 300ms ease 0ms;
}
.et_pb_button_contact {
    box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.4);
}
.et_pb_button, .et_pb_button_inner {
    position: relative;
}


.et_pb_button_contact {
    font-size: 20px !important;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
   
    border-radius: 3px !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}


/* Loader */
.loader-image {
    width: 50px;
    height: 50px;
}


/* Formulaire modif_vol */



@media (max-width: 767px) {
    .modif_vol {
        max-width: 450px;
        width: 100%;
    }
}



/* Boutons */

 .et_pb_button_222 {
    color: #FFFFFF !important;
    border-color: RGBA(255, 255, 255, 0);
    border-radius: 13px;
    font-size: 14px;
    background-color: #0C71C3 !important;

}




/* Table favori */
.table_favori_wrapper {
	max-height:500px;
    overflow-x: auto; /* Défilement horizontal */
    overflow-y: auto; 
    max-width: 100%; /* Assurez-vous que la largeur ne dépasse pas la largeur du conteneur parent */
}

.favori {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

.favori th,
.favori td {
    border: none;
    padding: 8px;
    text-align: left;
    white-space: nowrap; /* Empêche le contenu de retourner à la ligne */
}

/* Styles alternés pour les lignes */
.even_row_favori {
    background-color: #f2f2f2; /* Couleur pour les lignes d'index pair */
}

.odd_row_favori {
    background-color: #ffffff; /* Couleur pour les lignes d'index impair */
}


/******************** NODISPLAY******************/
.nodisplay {
	display: none !important;
}

/******************* catalogue_aile *************/


.catalogue_aile {
    display: block;
}

@media only screen and (max-width: 781px) {
    .catalogue_aile {
        display: none;
    }
}

.catalogue_aile_mobile {
    display: none;
}


@media only screen and (max-width: 781px) {
    .catalogue_aile_mobile {
        display: block;
    }
}





/******************** Statistiques *************/

.stats{
	max-height:156px;
	overflow-y:scroll;
	overflow-x:hidden;
}




/********************** Sellettes ******************/
.ligne_boucle {
    background-color: #f4f4f4;
}



/************************ LISTE DES ABONNÉS **************/

/* Styles pour afficher la div */
.afficher {
    display: block;
}

/* Styles pour cacher la div */
.cacher {
    display: none;
}


/***************** LISTE DES VOLS ACCUEIL ***************/

/*
 .liste_aile_desk {
       display:block;
    }

@media only screen and (max-width: 781px) {
    .liste_aile_desk {
       display:none;
    }
}

.liste_aile_mobile {
       display:none !important;
    }

@media only screen and (max-width: 781px) {
    .liste_aile_mobile {
       display:block;
    }
}

.even-row {
    background-color: #f2f2f2; 
}

.odd-row {
    background-color: #ffffff; 
}

.empty-row {
    height: 10px; 
    background-color: red; 

/***************** MENU HAMBURGER ************/

.hamburger-menu {
    display: block;
    cursor: pointer;
	 margin-left: 36px !important; 
	background : white;
	max-width: 40px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border : solid 1px black;
	border-radius: 5px;
	
		
	 
}

.bar {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #dc6b33;
    margin: 4px 0;
	
}

.mobile-nav {
    display: none; /* Le menu est caché par défaut */
    margin-left: 40px !important; 
	
}

.mobile-nav.active {
    display: block; /* Affiche le menu lorsque la classe active est ajoutée */
}




/***************** SEARCH BUTTON *************/

.search_button_cdv{
	
	background-color: blue !important;
	
}



/********************* PAGE AILE *******************/
/* Entête */

.entete_page_aile_desktop {
    display:block;
}


@media only screen and (max-width: 781px) {
    .entete_page_aile_desktop {
       display:none;
    }
}


.entete_page_aile_mobile {
    display:none;
}


@media only screen and (max-width: 781px) {
    .entete_page_aile_mobile {
	
       display:block;
		margin-top:-100px;
		
    }
}


/* Liste des vols */

.liste_vol_total{
	font-size: 30px;
	
	
}
@media only screen and (max-width: 781px) {
    .liste_vol_total {
	
      font-size: 18px;
		
    }
}

/*********************SEARCH DECO *****************************/

.search_deco {
    border: 2px solid #c1c1c1;
	border-color: #ff6000;
    border-radius: 17px;
    padding: 10px;
    background: white;
}

@media (min-width: 768px) {
    .search_deco {
        width: 500px;
    }
}

@media (max-width: 767px) {
    .search_deco {
        width: 300px;
    }
}

input.search-button {
	font-size: 13px !important; /* Taille du texte du bouton */
	margin-left:10px !important;
   
}

/************************ Liste abonnés ************************/

.liste_abo{
	border: 1px solid #c1c1c1;
	border-radius: 13px;
	padding:10px;
	background:white;
	
		
}
/************************* nouvelle table swift *******************/

.flight-table {
   /* max-width: 100%;*/
    /*table-layout: fixed ;*/
    /* width: 100%;*/
    border-collapse: collapse;
    border: 1px solid #c7c7c7; /* bordure de la table */
}

.flight-table th,
.flight-table td {
    border: 1px solid #c7c7c7; /* bordure des cellules */
    text-align: center; /* Aligne les textes à gauche */
    white-space: normal; /* permet l'affichage des retours à la ligne dans les cellules */
    word-break: break-word; /* permet le saut de ligne des mots longs */
    padding-left: 3px !important; /* Ajoute le padding left de 3px à tous les textes dans les cellules */
    padding-right: 0px !important;
}

.flight-table-header {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
}

.flight-table-header th {
    color: white !important;
}

.flight-table-row:nth-child(even) {
    background-color: #f2f2f2;
}

.flight-table td:nth-child(1) {
    width: 105px;
	min-width: 105px;
}

.flight-table td:nth-child(2) {
    width: 120px;
	min-width: 120px;
}

.flight-table td:nth-child(3) {
    width: 72px;
	min-width: 72px;
}

.flight-table td:nth-child(4) {
    width: 220px;
	min-width: 220px;
    text-align: left;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.flight-table td:nth-child(5) {
    width: 85px;
	min-width: 85px;
}

.flight-table td:nth-child(6) {
    width: 100px;
	min-width: 100px;
}

.flight-table td:nth-child(7) {
    width: 100px;
	min-width: 100px;
}

.flight-table td:nth-child(8) {
    width: 70px;
	min-width: 70px;
}

.flight-table td:nth-child(9) {
    width: 68px;
	min-width: 68px;
}

.flight-table td:nth-child(10) {
    width: 68px;
	min-width: 68px;
}

@media only screen and (max-width: 768px) {
    .flight-table-container {
        overflow-x: auto;
		-webkit-overflow-scrolling: touch;
    }
}



/************************* table favori *******************/
.flight_table_favori_container{
	
	overflow-x: auto; 
    overflow-y: hidden; 
    max-width: 100%; 
}


.flight_table_favori {
   /* max-width: 100%;*/
    /*table-layout: fixed ;*/
    /* width: 100%;*/
    border-collapse: collapse;
    border: 1px solid #c7c7c7; /* bordure de la table */
}

.flight_table_favori th,
.flight_table_favori td {
    border: 1px solid #c7c7c7; /* bordure des cellules */
    text-align: center; /* Aligne les textes à gauche */
    white-space: normal; /* permet l'affichage des retours à la ligne dans les cellules */
    word-break: break-word; /* permet le saut de ligne des mots longs */
    padding-left: 3px !important; /* Ajoute le padding left de 3px à tous les textes dans les cellules */
    padding-right: 0px !important;
}

.flight_table_favori-header {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
}

.flight_table_favori-header th {
    color: white !important;
}

.flight_table_favori-row:nth-child(even) {
    background-color: #f2f2f2;
}

.flight_table_favori td:nth-child(1) {
    width: 105px;
	min-width: 105px;
}

.flight_table_favori td:nth-child(2) {
    width: 100px;
	min-width: 100px;
}

.flight_table_favori td:nth-child(3) {
    width: 330px;
	min-width: 330px;
	padding-left: 10px !important;
    padding-right: 10px !important;
	text-align: left;
}

.flight_table_favori td:nth-child(4) {
  width: 100px;
	min-width: 100px;
    
}

.flight_table_favori td:nth-child(5) {
    width: 100px;
	min-width: 100px;
}

.flight_table_favori td:nth-child(6) {
    width: 100px;
	min-width: 100px;
}

.flight_table_favori td:nth-child(7) {
    width: 100px;
	min-width: 100px;
}

.flight_table_favori td:nth-child(8) {
    width: 70px;
	min-width: 70px;
}



@media only screen and (max-width: 768px) {
    .flight_table_favori-container {
        overflow-x: auto;
		-webkit-overflow-scrolling: touch;
    }
}



/******************************** COMPETITION*********************/

.table-wrapper_comp {
max-width: 900px;
	max-height:500px;
overflow-x: auto;
}

table.comp {
border-collapse: collapse;
width: 100%;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

table.comp th,
table.comp td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-left: none; /* Supprime la bordure à gauche /
border-right: none; / Supprime la bordure à droite */
}

table.comp th:first-child,
table.comp td:first-child {
padding-left: 10px;
border-left: none; /* Supprime la bordure à gauche de la première colonne */
}

table.comp th:last-child,
table.comp td:last-child {
padding-right: 10px;
border-right: none; /* Supprime la bordure à droite de la dernière colonne */
}

table.comp thead th {
position: sticky;
top: 0;
background-color: #cdcdcd;
}

table.comp tbody td {
border-top: 1px solid #c1c1c1; /* Ajoute la bordure en haut de chaque cellule /
border-bottom: 1px solid black; / Ajoute la bordure en bas de chaque cellule */
}

table.comp tbody td:nth-child(odd) {
background-color: #f5f5f5;
}


/********************SUPP AILE*************************/

.button_supp_aile {
    margin-left: 20px!important;
    padding: 5px 15px;
    background: #ccc;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/**************** recherche_pilote ****************/
div.recherche_pilote{
	max-width:700px;
	padding-left:10px;
	padding-top:15px;
	/*border:1px solid black !important;*/
}

.button_pilote{
	margin-left:20px!important;
	 padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

/**************** catalogue_aile_mobile ***********/

table.ajout_aile{
	max-width:100%;
	table-layout: fixed ;
}

td.td_ajout_aile{
	/*
	border:  solid 1px #ff6100 !important;
	*/
	text-align: left !important;
	padding:0px !important;
	padding-top:10px!important;
	
	
}

/**************** catalogue_aile_mobile ***********/

table.catalogue_aile_mobile{
	max-width:100%;
	table-layout: fixed ;
}

td.td_catalogue_aile_mobile{
	
	text-align: left !important;
	padding:0px !important;
	padding-top:10px!important;
	width:100px!important;
}
/**************** affiche_aile ********************/

table.header_affiche_aile{
	max-width:100%;
	table-layout: fixed ;
	
	border: solid 1px #ff6100 !important;
	
}
table.affiche_aile{
	max-width:100%;
	table-layout: fixed ;
	
	
}

td.td_affiche_aile{
	/*
	border:  solid 1px #ff6100 !important;
	*/
	text-align: left !important;
	padding-left:0px !important;
	
	
}

/***************** qualif_display ***************/

table.qualif{
	border-bottom: 1px solid black;
}

.qualif_display_desk {
    overflow-x: auto; /* Ajoute un défilement horizontal automatique lorsque nécessaire */
   
}

/**************** instru_display ******************/
.instru_display_desk {
    overflow-x: auto; /* Ajoute un défilement horizontal automatique lorsque nécessaire */
    max-width: 400px; /* Limite la largeur maximale à 400px */
}

.instru_display_mobile {
    overflow-x: auto; /* Ajoute un défilement horizontal automatique lorsque nécessaire */
    max-width: 400px; /* Limite la largeur maximale à 400px */
}
	
	
@media screen and (max-width: 420px) {
.instru_display_desk {
	/*display:none ;*/
}
}	

@media screen and (min-width: 421px) {
.instru_display_mobile {
	display:none ;
}
}	



/**************** compete_form *********************/
table.compete_form{
		max-width:100%;
	table-layout: fixed ;
}

/***************** profile_pilote ******************/
table.profile_pilote{
	max-width:900px;
	table-layout: fixed ;
}

table.profile_pilote_mobile{
	max-width:420px;
	table-layout: fixed ;
}

/***************** para_form ***********************/
table.para_form{
	max-width:900px;
	table-layout: fixed ;
}

/***************** redirect_modif ******************/
.redirect_modif {
  display: block ;
}

.redirect_modif_mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .redirect_modif {
    display: none !important;
  }

  .redirect_modif_mobile {
    display: block !important;
  }
}





/*****************redirect_cf7 ********************/

@media screen and (min-width: 421px) {
.redirect_cf7_mobile {
	display:none ;
}
}

@media screen and (max-width: 420px) {
.redirect_cf7 {
	display:none ;
}
}

/******************fiche_mobile *******************/
.fiche_mobile{
	width:100%;
	table-layout: fixed !important;
	
}



/********************table aile_vols ***************/

table.ailes_vols{
	margin-top:10px !important;
	width:400px !important;
	table-layout: fixed !important;
	border-bottom:1px solid #d9d9d9 !important;
	
}

table.ailes_seules{
	/*
	width:300px !important;
	*/
	table-layout: fixed !important;
	background-color :#f4f4f4;
}



/******************** div_btn_supp **************/
.div_btn_supp {
    border: 1px solid #ef7d00;
   padding:10px;
    border-radius: 13px;
    display: inline-block; /* Ajoutez cette ligne pour ajuster la largeur à son contenu */
}

.div_btn_supp_mobile{
	
	border: 1px solid #ef7d00;
	padding:10px;
	border-radius:13px;
	max-width:420px ;
}


/*********************redirect_modif_vol**********/
.redirect_modif_vol{
	
border-top: 1px solid #dc6b33;
	
}



/******************* ****************************/
/* Red border */
hr.new1 {
  border-top: 1px solid #dc6b33;
}


/********************recherche pilote ***********/



#searchInput::placeholder {
    color: white;
    opacity: 1;
}

#searchInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

#searchInput::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

.search_container_box{
	margin-top:50px;
	
}
@media screen and (max-width:480px) {
.search_container_box{
	margin-top:80px;
	
}

}


.search_custom_box {
    background-color: #e2d8cb;
    padding-left: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    border-radius: 5px;
}



@media screen and (min-width: 981px) {
.search_pilote_desk {
	
	display:block;
	margin-left:25% !important;
	margin-top: 100px;
	
}

}

@media screen and (max-width:980px) {
.search_pilote_desk {
	display: flex;
    justify-content: center;
	margin-top: 100px;
}

}


/******************* submit button **************/

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

/****************Trace mise en avant ************/

.tmeav {
	text-align: center;
	
}

/****************Buton 16_02*************/
.et_pb_button_16_02 {
    color: #EC631C!important;
    border-radius: 33px;
    font-size: 17px;
    background-color: #FFFFFF;
}


/*******************DISPLAY TRACE************/




@media screen and (min-width: 981px) {
	.display_trace_desk{
	margin-left:12%;
		display:block;
		
	}
	.display_trace_mobile{
	display:none !important;
	}}
	
@media screen and (max-width: 980px) {
	.display_trace_mobile{
	display:block !important;
	
	}
	.display_trace_desk{
		display:none !important;
}
}

/********************vol_imp****************/

.vol_imp_display_off{
	display:none;
}

.vol_imp_display_on{
	display:block;
}


/*********************btn style*************/

 .touslesvols {
	background: grey !important;
	color:#ffffff!important; 
	border-radius:20px;
	height: 35px;
	
}

.touslesvols_text{
	padding-top:5px!important;
}

/*******************editor*******************/

@media screen and (min-width: 980px) {
.editor{
	position: absolute;
	z-index:10;
	top:100px;
	width:40%;
	margin-right:600px;
	margin-left:60px;
	
	
}
	
}

@media screen and (max-width: 979px) {
.editor{
	
	z-index:1;
	position: relative;
	top:100px;
	width:40%;
	margin-right:600px;
	margin-left:60px;
	
}
	
}

/********************btn_abon***************************/


.btn_abon_hide{
	display:none;
}

.btn_abon_show{
	display:block;
}
/**********************profile*******************/




@media screen and (max-width: 420px) {
.profile_desk{
	
	display:none;
}
}
	
.profile_mobile{
	overflow: scroll;
	display:none;
}



@media screen and (max-width: 420px) {
.profile_mobile{
	overflow: scroll;
	display:block;
}
}

@media screen and (min-width: 420px) {
.compete_form_div{
	max-width:100%;
	
}
}
@media screen and (max-width: 420px) {
.compete_form_div{
	max-width:900px!important;
	overflow: scroll;
}
}

/**********************instruments*******************/

table.instruments{
	
	width:400px !important;


}

/*
@media screen and (max-width: 420px) {
.instruments_desk{
	
	display:none;
}
}
	
.instruments_mobile{
	overflow: scroll;
	display:none;
}



@media screen and (max-width: 420px) {
.instruments_mobile{
	overflow: scroll;
	display:block;
}
}

*/


@media screen and (min-width: 420px) {
.compete_form_div{
	max-width:100%;
	
}
}
@media screen and (max-width: 420px) {
.compete_form_div{
	max-width:900px!important;
	overflow: scroll;
}
}
	


/*********************live_track******************/

.live_track{
	font-weight:700;
	font-size: 15px;
	
}
/***********************tables**********************/

.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
    border: 0px ;
   
}


.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border-top: 0px;
    
}


/***********************style hr*********************/
hr.orange{
	border-top:1px solid #ff6100;
	margin-right:30px !important;
	width:100%!important;
}
/*********************Table qualifiquations*********/

.qual{
	font-weight: 700;
	
}
/***********************nbVol***********************/

.nbVol {
	/*color:red;*/
	display:none ;
}

.nbVolOn {
	color:red;
	display:block;
}

/**********************gestion fiche modif vol************/


.thvd_modif_vol_mobile {
	display:block ;
}
.thvd_modif_vol {
	display:block ;
}

@media screen and (min-width: 780px) {

.thvd_modif_vol_mobile {
	display:none ;
}
}

@media screen and (max-width: 781px) {
.thvd_modif_vol {
	display:none ;
}	
}


/**********************page-pilote*****************/


.titre_page_pilote {
	font-family: Bebas Neue;
	font-size:40px;
}

@media screen and (max-width: 420px) {
.titre_page_pilote {
	
	font-size:25px;
}

}

.titre_page_pilote_2 {
	
	font-size:30px;
}

@media screen and (max-width: 420px) {
.titre_page_pilote {
	
	font-size:20px;
}

}
/*************************liste_vol***************/




.liste_vol_mobile{
	
	
	overflow: scroll !important;
}


/*************************liste_qual***************/

.liste_qual_mobile{
	
	overflow: scroll !important;
}
@media screen and (max-width: 420px) {

.liste_qual_mobile{
	
	max-width:280px !important;
	
	overflow: scroll !important;
}
}

/*************************parachute_display***************/

.parachute_display{
	
	/*overflow: scroll !important;*/
}
@media screen and (max-width: 420px) {

.parachute_display{
	
	max-width:280px !important;
	
	overflow: scroll !important;
}
}


/************************cf7**********************/

@media screen and (max-width: 420px) {
.cf7_field{
	
	max-width:250px!important;
}

}



/****************** POPUP ***********************/

/* Largeur du conteneur spécifique */
.mfp-content {
	max-width:1200px;
}

@media screen and (max-width: 420px) {
.mfp-content {
	max-width:300px !important;
	
}

}

/* Couleur et taille de police du bouton de fermeture de la popup (on positionne top:0; pour éviter un saut du bouton vers le haut à la fermeture de la popup) */
.mfp-close-btn-in .mfp-close {
color: #ff6100;
font-size: 40px;
top:0;
}



/***************************toggle************************/
/*
.et_pb_module.et_pb_toggle.et_pb_toggle_1{
	
		border-radius: 33px !important;
}

*/
/************************style********************************/
.div_nb_tot{
	
	border: solid 4px red;
	border-radius: 13px;
}

.div_nb_vol{
	float: right;
	background:#f4f4f4;
	border-radius:13px;
	padding:10px 20px 10px 20px;
	
}


@media screen and (max-width: 420px) {
.div_nb_vol{
	float: none ;
	margin-right:70px;
	margin-bottom: 40px;
	
/*	background:transparent;*/
}
}


.red{
	color:#ff6100;
}

.pilote a{
	font-size:20px;
	padding-left:10px;
}
.jb_show{
	display: block;
}

.jb_hide{
	display:none;
}
/***************************BLUE TABLE **************/

table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
	table-layout: fixed;
}
table.blueTable td, table.blueTable th {
	
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.blueTable tbody td {
	width:120px;
	padding-left:10px;
  font-size: 13px;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
	
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
	width:120px;
	padding-left:10px;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}



table.blueTable thead th:first-child {
  border-left: none;
}



/***************************BLUE TABLE MOBILE **************/



table.blueTable_mobile {
	
 
  min-width:900px;
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  text-align: left;
  border-collapse: collapse;
  table-layout: fixed;
	
}
table.blueTable_mobile td, table.blueTable_mobile th {
	
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.blueTable_mobile tbody td {
	width:120px;
	padding-left:10px;
  font-size: 13px;
}
table.blueTable_mobile tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable_mobile thead {
	
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable_mobile thead th {
	width:120px;
	padding-left:10px;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}



table.blueTable_mobile thead th:first-child {
  border-left: none;
}

/***********************txt style*****************/



@media screen and (max-width: 420px) {
.total_2{
	
	border:solid 1px #ff6100 !important;
	border-radius: 12px;
	padding:5px !important;
	font-size:12px !important;
	
}
	.total_1{
	margin-left:0px!important;
	font-size:12px !important;
	
	
}
}
.total_1{
	margin-left:20px;
	
	font-size:20px;
	font-weight:400;
}

.total_2{
	
	border:solid 2px #ff6100;
	border-radius: 15px;
	padding:10px;
	font-size:20px;
	font-weight:400;
}



@media screen and (max-width: 420px) {
.total_nb_vol{
	
	border:solid 1px #ff6100 !important;
	border-radius: 12px;
	padding:5px !important;
	font-size:12px !important;
	
}
}


.total_nb_vol{
	border:solid 2px #ff6100;
	border-radius: 15px;
	padding:10px;
	/*font-size:20px;*/
	/*font-weight:400;*/
}






/*****************************btn modif aile **********************/
.dropbtn {
  
  color: #ff6100;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
 
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

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

.dropdown-content a:hover {}

.show {display:block;}