*{
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Helvetica, sans-serif;
}

body {
    display: inline;
    background-color: rgb(252, 252, 252);
    height: 100%;
    margin: 0;
    padding: 0;
}

header {
    display: inline;
    width: 100%;
    height: auto;
    position: fixed;
    margin: 0;
}

.smartbanner {
    display: none;
}

.tab-banner {
    display: none;
}

.banner {
    display: flex;
    background-color: #006479;
    width: 100%;
    margin : 0 auto;
    height: 60px;
}

.banner ul{
    display: flex;
    height: 60px;
    padding: 0 5px;
    width: 100%;
}

.banner ul li {
    display: flex;
    height: 60px;
    width: 100%;
}

.banner ul li a{
    margin : auto;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    padding: auto;
}

.banner .left{
    width: 40%;
}

.banner .left li{
    text-align: left;
    width: 100%;
}

.banner .right{
    width: 40%;
}

.banner .right li{
    text-align: right;
    width: 100%;
}

.banner .brand1{
    width: 30%;
    margin : auto;
    padding: auto;
}

.banner .brand1 li img {
    margin : auto;
    height: 60px;
}

li img {
    margin : auto;
    height: 30px;
    padding: auto;
} 

li a i {
    width: 10%;
    margin : auto 15px;
    font-size: 20px;
    padding: auto;
    color: #ffffff;
}

/*
//////////////////////////////
*/
.formhead {
    display: none;
}

.headform {
    background-color: #ffffff;
    display: flex;
    width: 100%;
    margin: 60px auto;
    height: auto;
}

.headform .form {
    background-color: #ffffff;
    width: 80%;
    height: 90px;
    border-bottom: 1.5px solid #0088b12a;
    margin: auto;
}

.headform .form .info {
    display: flex;
    width: 100%;
    height: 50px;
    margin: 20px auto;
    border-radius: 50px;
    box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.116);
}

.headform .form .info .input-container {
    display: flex;
    height: 50px;
    width: 30%;
    border: none;
    transition: border-color 0.3s, box-shadow 0.3s; 
}
.headform .form .info  .input-container h3 {
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 10px; 
    border: none;
    font-size: 16px; 
    font-family: Arial, sans-serif; 
    font-weight: 600;
    color: #003e4ead;
}


.headform .form .info .date {
    display: flex;
    height: 50px;
    width: 25%;
    border: none;
    transition: border-color 0.3s, box-shadow 0.3s; 
}

.headform .form .info  div .fa {
    padding: 5px 10px; 
    margin: auto 0px;
    color: rgba(0, 103, 110, 0.548);
}
.headform .form .info  .date input[type="date"] {
    background-color: #ffffffa6;
    width: 100%;
    height: 50px;
    padding: 0px 10px; 
    border: none;
    font-size: 16px; 
    font-family: Arial, sans-serif; 
    color: #6d6d6d;
    font-weight: 600;
    transition: border-color 0.3s, box-shadow 0.3s; 
}

.headform .form .info  .input-container input[type="text"] {
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    padding: 0px 10px; 
    border: none;
    font-size: 16px; 
    font-family: Arial, sans-serif; 
    font-weight: 600;
    border-right: 0.5px solid rgba(0, 140, 165, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; 
}

.headform .form .info  .input-container input[type="text"]:focus {
    border-color: #007BFF;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2); 
    outline: none;
}

.headform .form .info  .input-container input[type="text"]::placeholder {
    color: #6d6d6d; 
    opacity: 1; 
}

.headform .form .info  .input-container input[type="text"]:disabled {
    background-color: #ececec;
    cursor: not-allowed; 
    border-color: #ddd;
}

.headform .form .info .submit {
    background-color: #008892;
    display: flex;
    height: 50px; 
    width: 15%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.headform .form .info .submit input[type="submit"] {
    background-color: #008892;
    width: 100%;
    height: 50px;
    line-height: auto;
    margin: 0;
    border: none;
    font-size: 16px; 
    font-weight: 600;
    color: rgb(255, 255, 255);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.headform .form .info .submit input[type="submit"]:hover {
    background-color: #00595f;
}

.headform .form .info-text {
    display: inline;
    width: 50%;
    height: 50px;
    margin: auto;
}

.headform .form .info-text h2 {
    width: 100%;
    height: 50px;
    line-height: 70px;
    margin: 0;
    border: none;
    font-size: 26px; 
    font-weight: 600;
    text-align: center;
    color: #008892c4;
}

.headform .form .info-text h4 {
    width: 60%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    border: none;
    font-size: 20px; 
    font-weight: 600;
    text-align: center;
    color: #008892c4;
    margin: auto;
}.headform .form .info-text h4 i {
    width: 20%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    border: none;
    font-size: 20px; 
    font-weight: 600;
    text-align: center;
    color: #008892c4;
}

.headform .form .info-text p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border: none;
    font-size: 16px; 
    font-weight: 500;
    color: #008892c5;
    text-align: center;
}
/*///////////////////////////////////*/
/* ***********Main contain**********/
main {
    background-color: rgb(252, 252, 252);
    height: 100%;
    width: 100%;
}

.contain {
    height: 100%;
    width: 100%;
}

.contain .img-intermed{    
    background-image: url('../images/bus.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%; /* Ajustez selon vos besoins */
    height: 250px;
}

.contain .img-intermed h2{  
    width: 100%;
    height: 175px;
    line-height: 200px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    font-family: Helvetica;
    color: rgb(255, 255, 255);
}

.contain .img-intermed .infotrajet{  
    background-color: #ffffff;
    margin: auto;
    padding: 0;
    width: 80%;
    height: 50px;
    border-radius: 100px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.infotrajet .info{ 
    display: flex; 
    padding: 5px 0; 
    margin: 0 auto;
    border-radius: 10px;
    width: 100%;
    height: 40px;
}

.infotrajet .info .button {
    display: flex;
    width: auto;
}

.infotrajet .info .button p{
    width: 75%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    font-family: Helvetica;
    color: rgba(0, 75, 110, 0.548);
}

.infotrajet .info .button input[type="submit"] {
    background-color: #006479;
    width: 100%;
    height: 40px;
    line-height: auto;
    margin: 0 auto;
    border-radius: 5px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    font-weight: 600;
    color: #ffffff;
}

.infotrajet .info .input-container {
    display: flex;
    height: 40px; 
    width: 30%;
    border: none;
    transition: border-color 0.3s, box-shadow 0.3s; 
}
    
.infotrajet .info .input-submit {
    display: flex; 
    height: 40px; 
    width: 20%;
    border: none;
    transition: border-color 0.3s, box-shadow 0.3s; 
}


.infotrajet .info .input-date {
    display: flex;
    height: 40px; 
    width: 20%;
    border: none;
    transition: border-color 0.3s, box-shadow 0.3s; 
}

.infotrajet .info div .fa {
    padding: 5px 10px; 
    margin: auto 0px;
    color: rgba(0, 103, 110, 0.548);
}

.infotrajet .info div input[type="date"] {
    background-color: #f7f7f781;
    width: 100%;
    height: 40px;
    padding: 0px 10px; 
    border: none;
    border-radius: 50px;
    font-size: 16px; 
    font-family: Arial, sans-serif; 
    color: #6d6d6d;
    font-weight: 600;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
}

.infotrajet .info div input[type="text"] {
    background-color: #f7f7f781;
    width: 100%;
    height: 40px;
    padding: 0px 10px; 
    border: none;
    border-radius: 50px;
    font-size: 16px; 
    font-family: Arial, sans-serif; 
    font-weight: 600;
    color: #6d6d6d;
    border: 0.2px solid rgba(66, 66, 66, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
}

.infotrajet .info div input[type="text"]:focus {
    border-color: #007BFF; /* Change la couleur de la bordure en bleu */
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2); /* Ombre plus prononcée */
    outline: none; /* Supprime le contour par défaut */
}

.infotrajet .info div input[type="text"]::placeholder {
    color: #6d6d6d; /* Couleur du texte placeholder */
    opacity: 1; /* Pleine opacité pour le texte placeholder */
}

.infotrajet .info div input[type="text"]:disabled {
    background-color: #ececec;
    cursor: not-allowed; /* Curseur non autorisé */
    border-color: #ddd; /* Bordure grisée */
}

.infotrajet .info div input[type="submit"] {
    background-color: #006479;
    width: 100%;
    height: 40px;
    line-height: auto;
    margin: 0 10px;
    border-radius: 50px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    font-weight: 600;
    color: #ffffff;
}

/*////////////////////////////////*/
/*//////////-searchtrajet-///////////*/
.contain div{    
    width: 100%; /* Ajustez selon vos besoins */
    height: 300px;
}

.contain div h2{  
    width: 100%;
    height: 200px;
    line-height: 280px;
    font-size: 40px;
    text-align: center;
    font-family: Helvetica;
    color: rgb(48, 71, 97);
}

.contain div .infotrajet{  
    background-color: #ffffff;
    margin: auto;
    padding: 0 5px;
    width: 75%;
    height: 50px;
    border-radius: 50px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-weight: 600;
}

.button-mob {
    display: none;
}

.button-web {
    display: flex;
    width: 100%;
}

.button-web p{
    width: 75%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    font-family: Helvetica;
    color: rgba(0, 103, 110, 0.548);
}

.button-web input[type="submit"] {
    background-color: #006479;
    width: 180px;
    height: 40px;
    line-height: auto;
    margin: 0;
    border-radius: 5px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    color: #ffffff;
    font-weight: 600;
}
/*
.contain .smart-article {  
    display: none;
}*/

/*////////////////////////////////*/
/*//////////-daytrajet-///////////*/
.conta {
    width: 60%;
    margin: 80px auto;
    padding: 0 20px;
}

.conta .titre h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #006479;
}

/* --- Sections --- */
.conta section {
    margin:40px auto;
}

.conta section h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #374151;
}

/* --- Liste des trajets --- */
.trajet-list {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(6, 82, 105, 0.486);
  overflow: hidden;
}

.trajet-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  margin: 0 auto;
  border-bottom: 1px solid #e5e7eb;
}

.trajet-item:hover {
    background-color: #00c2f317;
}


.trajet-item:last-child {
  border-bottom: none;
}

/* --- Informations --- */
.trajet-info {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
  align-items: center;
  gap: 20px;
  width: 100%;
}

/* Ville départ/arrivée */
.trajet-ville {
    width: 300px;
    margin: 0;
}

.trajet-ville h4 {
  font-size: 1rem;
  font-weight: 600;
    width: 100%;
  margin: 0;
  color: #005e64c4;
}

.trajet-ville p {
    width: 60%;
    margin: 5px 20px;
  font-size: 0.85rem;
  color: #6b7280;
}

/* Date */
.trajet-date{
    width: 100px;
    margin: 0;
}

.trajet-date p {
  font-size: 0.9rem;
  color: #374151;
  margin: 0;
}

.trajet-date strong {
  color: #111827;
}

/* Prix */
.trajet-prix {
    width: 100px;
    margin: 0 auto;
}

.trajet-prix p {
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0;
  color: #005e64c4;
}

/*///////////////////////////////////*/
/* **************Connexion*************/
.contain_connexion {
    height: 100%;
    width: 100%;
    margin: 10px 0;
}

.contain_connexion .article{
    display: inline;
    height: 100%;
    width: 100%;
    margin: 10px 0;
}

.contain_connexion .article h2{
    height: 150px;
    line-height: 225px;
    font-size: 30px;
    font-weight: 600;
    font-family: Helvetica;
    text-align: center;
    color: #00687a;
}

.contain_connexion .article .infoconnect{
    height: 100%;
    width: 40%;
    margin: auto;
    padding: 20px 0;
}

.contain_connexion .article .infoconnect .inforatio{
    display: flex;
    align-items: center;
    margin: 10px auto;
}

.contain_connexion .article .infoconnect .inforatio h4{
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #585858;
    font-weight: 500;
    margin-right: 10px;
    text-align: center;
}

.contain_connexion .article .infoconnect .inforatio h3{
    width: 100%;
    margin: auto;
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #005368;
    font-weight: 500;
    margin-right: 10px;
    text-align: center;
}

.contain_connexion .article .infoconnect .inforatio p{
    width: auto;
    margin: 0 5px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #585858;
    font-weight: 500;
    margin-right: 10px;
    text-align: center;
}

.contain_connexion .article .infoconnect .inforatio .left{
    text-align: left;
    color: #585858;
}

.contain_connexion .article .infoconnect .inforatio input[type="radio"] {
    height: 20px;
    margin-right: 10px;
}


.contain_connexion .article .infoconnect .inforatio input[type="text"] {
    background-color: #f1e9ff86;
    width: 60%;
    height: 40px;
    padding: 0px 10px; 
    border: none;
    border-radius: 15px;
    font-size: 14px; 
    color: #696969;
    font-family: Arial, sans-serif; 
    text-align: center;
    border: 0.2px solid rgba(56, 116, 206, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    margin: 15px auto;
}


.contain_connexion .article .infoconnect .inforatio input[type="date"] {
    background-color: #f1e9ff86;
    width: 40%;
    height: 40px;
    padding: 0px 10px; 
    border: none;
    border-radius: 15px;
    font-size: 14px; 
    color: #696969;
    font-family: Arial, sans-serif; 
    text-align: center;
    border: 0.2px solid rgba(56, 116, 206, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    margin: 15px auto;
}

.contain_connexion .article .infoconnect .motif{
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px 0;
}

.contain_connexion .article .infoconnect .motif p{
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #8f0000;
    margin-right: 10px;
    text-align: center;
}


/* Effet de survol */
.contain_connexion .article .infoconnect .inforatio:hover h4 {
    color: #2d537a;
}

.contain_connexion .article .infoconnect .inforatio:hover input[type="radio"] {
    border-color: #38597e;
}

.contain_connexion .article .infoconnect .info{
    display: inline;
    height: 100%;
    width: 100%;
    margin: auto;
}

.contain_connexion .article .infoconnect .info input[type="text"],[type="password"],[type="email"] {
    background-color: #f1e9ff86;
    width: 100%;
    height: 40px;
    padding: 0px 10px; 
    border: none;
    border-radius: 15px;
    font-size: 14px; 
    color: #696969;
    font-family: Arial, sans-serif; 
    text-align: center;
    border: 0.2px solid rgba(56, 116, 206, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    margin: 15px 0;
}

.contain_connexion .article .infoconnect .info ul{
    display: flex;
    height: 100%;
    width: 100%;
    margin: auto;
}

.contain_connexion .article .infoconnect .info ul li{
    height: 100%;
    line-height: 70px;
    width: 50%;
    margin: auto;
}

.contain_connexion .article .infoconnect .info ul .right{
    text-align: right;
}

.contain_connexion .article .infoconnect .info ul .left{
    text-align: left;
}

.contain_connexion .article .infoconnect .info ul li{
    text-align: center;
}


.contain_connexion .article .infoconnect .info ul li a{
    color: #006479;
    font-size: 14px;
    font-weight: 600;
}

.contain_connexion .article .infoconnect .info ul li a:hover{
    color: #009cbb;
    font-size: 14px;
    font-weight: 550;
}


.contain_connexion .article .infoconnect .button{
    height: 100%;
    width: 40%;
    margin: auto;
}

.contain_connexion .article .infoconnect .button input[type="submit"] {
    background-color: #006479;
    width: 100%;
    height: 40px;
    line-height: auto;
    margin: auto;
    border-radius: 12px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    color: #ffffff;
}

/*///////////////////////////////////*/
/* **************account***************/
/* En-tête client */
.client-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  padding: 20px 40px;
  margin: 60px auto;
  border-bottom: 1px solid #e5e7eb;
}

.client-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.detail-user {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #007286ff;
}

.details {
  margin: 0 20px;
}


.detail-user i {
    background-color: rgb(246, 253, 255);
    font-size: 80px;
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #0072869c;
}

.details h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #007286ff;
}

.details p {
  margin: 2px 0;
  font-size: 0.9rem;
  color: #374151;
}

.status {
  font-size: 0.8rem;
  font-weight: 500;
  color: #059669; /* vert = actif */
  margin-left: 10px;
}

/* Boutons actions */
.client-actions {
  display: flex;
  gap: 10px;
}

.btn-edit,
.btn-contact {
  padding: 6px 14px;
  font-size: 0.85rem;
  font-weight: 500;
  border-radius: 6px;
  text-decoration: none;
}

.btn-edit {
  color: #374151;
  background: transparent;
  border: 1px solid #d1d5db;
}

.btn-contact {
  background: #008fb3ff;
  color: #fff;
}

/* Onglets */
.client-tabs {
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  width: 80%;
  padding: 0 40px;
  margin: 0 auto;
}

.client-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 25px;
}

.client-tabs li a {
  display: inline-block;
  padding: 12px 0;
  font-size: 0.9rem;
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
}

.client-tabs li.active a {
  color: #006086ff;
  border-bottom: 2px solid #036186ff;
}


    /* Tableau de bord */
.dashboard {
    width: 80%;
  padding: 20px 40px;
  background: #f9fafb;
  margin: 0 auto;
}

/* Statistiques rapides */
.stats {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.stat-card {
  flex: 1;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  text-align: center;
}

.stat-card h3 {
  font-size: 1rem;
  color: #045164b0;
  margin-bottom: 10px;
}

.stat-card .number {
  font-size: 1.8rem;
  font-weight: 700;
  color: #007286ff;
  margin: 0;
}

.stat-card span {
  font-size: 0.85rem;
  color: #6b7280;
}

/* Sections */
.dashboard-section {
  margin-bottom: 30px;
}

.dashboard-section h3 {
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #004750c9;
  margin: 10px 20px;
}

/* Tableaux */
.dashboard-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.dashboard-table th,
.dashboard-table td {
  padding: 12px 15px;
  text-align: left;
  font-size: 0.9rem;
  border-bottom: 1px solid #e5e7eb;
}

.dashboard-table th {
  background: #f3f4f6;
  color: #374151;
  font-weight: 600;
}

.dashboard-table td {
  color: #374151;
}

/* Badges statut */
.badge {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
}

.badge.en-attente {
  background: #fff7ed;
  color: #d97706;
}

.badge.confirme {
  background: #ecfdf5;
  color: #059669;
}
.listes {
    width: 80%;
    padding: 20px;
    margin: auto;
}

.listes h3 {
  font-size: 16px;
  margin-bottom: 20px;
  color: #003c44c9;
}

.listes-card {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  overflow: hidden;
}

.listes-summary {
  padding: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fafb;
}

.listes-summary li{
    display: flex;
}

.listes-summary p {
    margin:  0 20px;
    font-weight: 600;
    font-size: 14px;
    color: #005463d3;
}

.listes-details {
    display: none;
    padding: 15px;
    border-top: 1px solid #e5e7eb;
    font-size: 0.9rem;
    color: #374151;
}

.listes-details .listes-actions {
    margin: auto;
    width: 80%;
}

.listes-actions li{
    background: #ffffff;
    width: 220px;
    margin: 20px 0;
    line-height: 30px;
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid #005e75c2;
}

.listes-actions li:hover{
    background: #00477715;
}

.listes-actions li a{
    color: #005e75c2;
    font-size: 0.8rem;
    font-weight: 600;
}

.listes-actions li a i{
    color: #005e75c2;
    font-size: 12px;
}

.badge {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

.badge.confirme {
    background: #ecfdf5;
    color: #059669;
}

.badge.used {
    background: #070707;
    color: #e7e7e7;
}

.badge.en-attente {
    background: #fff7ed;
    color: #d97706;
}

/*///////////////////////////////////////////*/
/* **********Resultat de recherche***********/
.result-contain {
    background-color: #e4e4e42a;
    display: flex;
    height: auto;
    width: 100%;
    margin: 150px auto;
}

.result-contain .filteroption-mob{
    display: none;
}

.result-contain .filteroption-left{
    display: inline;
    width: 20%;
    height: auto;
    margin: 20px auto;
}

.result-contain .filteroption-left .filter{
    width: 100%;
    height: auto;
    padding: 0px 10px;
    border-bottom: 5px solid rgba(0, 101, 119, 0.048);
    margin: auto;
}

.result-contain .filteroption-left .filter .titre{
    width: 80%;
    height: auto;
}

.result-contain .filteroption-left .filter .titre h2{ 
    margin: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-align: left;
    color: #005772;
    font-weight: 600;
}

.result-contain .filteroption-left .filter .option{
    width: 80%;
    height: auto;
}

.result-contain .filteroption-left .filter .option li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
}

.result-contain .filteroption-left .filter .option li:hover{
    background-color: #c5c5c53f;
    border-radius: 10px;
}

.result-contain .filteroption-left .filter .option li a{
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #005064;
    font-weight: 600;
    margin: 0 0px;
}

.result-contain .filteroption-left .filter .option li a i{
    width: 30px;
    font-size: 18px;
    color: #005064;
}

.result-contain .filteroption-left .filter .option .active a i{
    width: 30px;
    font-size: 18px;
    color: #bd4b00f6;
}

.result-contain .filteroption-left .filter .option li a p{
    height: 40px;
    line-height: 40px;
    width: 70%;
    font-size: 16px;
    color: #005064;
}

.result-contain .filteroption-left .filter .option .active a p{
    height: 40px;
    line-height: 40px;
    width: 70%;
    font-size: 16px;
    color: #bd4b00f6;
}

.result-contain .filteroption-left .filter .option li a #i_option{
    width: 30px;
    font-size: 14px;
    color: #00506448;
}

.result-contain .filteroption-left .filter .option li:hover a #i_option{
    width: 30px;
    font-size: 14px;
    color: #005064f3;
}

.result-contain .filteroption-left .filter .option .active a #i_option{
    width: 30px;
    font-size: 14px;
    color: #bd4b00f6;
}

.result-contain .result{
    /*background-color: #effcff;*/
    display: inline;
    width: 60%;
    margin: 0 auto;
}

.result-contain .result h2{
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: left;
    color: #005064;
    font-weight: 600;
}

.result-contain .result p{
    display: flex;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: left;
    color: #00506470;
    font-weight: 600;
}

.result-contain .result p i{
    width: auto;
    color: #00506477;
    font-weight: 600;
    font-size: 18px;
    padding: 0 20px;
}

.result-contain .result .option{
    background-color: #ffffff;
    display: flex;
    width: 90%;
    height: 50px;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.185);
}

.result-contain .result .option li{
    width: 35%;
    height: 50px;
    line-height: 50px;
    margin: 0 5px;
}

.result-contain .result .option li:hover{
    height: 50px;
    line-height: 50px;
    border-bottom: 5px solid rgba(0, 101, 119, 0.363);
    border-radius: 5px;
}

.result-contain .result .option .active{
    height: 50px;
    line-height: 50px;
    border-bottom: 5px solid #bd4b00f6;
    border-radius: 5px;
}

.result-contain .result .option li a{
    display: flex;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #00506441;
    font-weight: 600;
    margin: 0 10px;
}.result-contain .result .option li a p{
    display: flex;
    text-align: left;
    height: 50px;
    line-height: 50px;
    width: 90%;
    font-size: 16px;
    color: #00506441;
}.result-contain .result .option li a i{
    width: 30px;
    font-size: 18px;
    color: #00506441;
}

.result-contain .result .option li:hover a {
    display: flex;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #005064ce;
    font-weight: 600;
    margin: 0 10px;
}.result-contain .result .option li:hover a p{
    display: flex;
    text-align: left;
    height: 50px;
    line-height: 50px;
    width: 90%;
    font-size: 16px;
    color: #005064ce;
}.result-contain .result .option li:hover a i{
    width: 30px;
    font-size: 18px;
    color: #005064ce;
}

.result-contain .result .option .active a{
    display: flex;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #005064ce;
    font-weight: 600;
    margin: 0 10px;
}.result-contain .result .option .active a p{
    display: flex;
    text-align: left;
    height: 50px;
    line-height: 50px;
    width: 90%;
    font-size: 16px;
    color: #005064ce;
}.result-contain .result .option .active a i{
    width: 30px;
    font-size: 18px;
    color: #bd4b00f6;
}

.result-contain .result .findout{
    display: inline;
    width: 100%;
    height: auto;
    margin: 20px auto;
}

.result-contain .result .findout .fo-result{
    background-color: #ffffff;
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    box-shadow: 0.5px 2px 5px 2px rgba(59, 59, 59, 0.062);
}

.result-contain .result .findout .fo-result:hover{
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    box-shadow: 0.5px 0px 5px 2px rgba(0, 118, 165, 0.37);
}

.result-contain .result .findout .fo-result a{
    display: inline;
    width: 100%;
    height: 200px;
}

.result-contain .result .findout .fo-result a .fo-body{
    display: flex;
    width: 100%;
    height: 60%;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u{
    display: inline;
    width: 60%;
    height: 100%;
    padding: 20px;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit{
    display: inline;
    height: 50px;
    width: 100%;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time {
    display: flex;
    width: 100%;
    height: 20px;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time p{
    width: 20%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color: #004557ec;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time i{
    width: 20px;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color:  #00809162;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet {
    display: flex;
    width: 100%;
    height: 20px;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet p{
    width: 40%;
    height: 20px;
    font-size: 15px;
    text-align: center;
    color: #004557ec;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet i{
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    color:  #00809162;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places{
    display: flex;
    width: 100%;
    height: 30px;
    padding: 10px 0;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2{
    display: flex;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057576e;
    margin: 0 10px;
    padding: 0 15px;
    border-right: 0.5px solid #0057572a;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2 i{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057576e;
    margin: 0 10px;
}

.result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h3{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    color: #ac1a00a8;
    margin: 0 20px;
}

.result-contain .result .findout .fo-result a .fo-body .fod-d{
    width: 30%;
    height: auto;
    margin: auto;
}

.result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix{
    width: auto;
    height: auto;
}

.result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix h2{
    width: auto;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-align: right;
    color: #004557ec;
}

.result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe{
    display: none;
}

.result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo{
    width: auto;
    height: auto;
}

.result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo h2{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    text-align: right;
    color: #ff3c00ec;
}

.result-contain .result .findout .fo-result a .fo-foot{
    display: flex;
    height: 40%;
    width: 100%;
    border-top: 0.5px solid rgba(36, 36, 36, 0.137);
}

.fo-foot{
    background-color: #ff9900;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.result-contain .result .findout .fo-result a .fo-foot li{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 0;
}

.result-contain .result .findout .fo-result a .fo-foot li p{
    color: #ffffff;
}

.result-contain .result .findout .fo-result a .fo-foot #societe{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.result-contain .result .findout .fo-result a .fo-foot #societe i{
    width: auto;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #ffffff;
    margin: auto 20px;
}

.result-contain .result .findout .fo-result a .fo-foot #societe p {
    height: 35px;
    line-height: 35px;
    width: auto;
    border: 1px solid rgba(255, 255, 255, 0.74);
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    margin: auto 0;
}


.result-contain .result .findout .fo-result a .fo-foot #note{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.result-contain .result .findout .fo-result a .fo-foot #note i{
    width: 25px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    margin: auto 0;
}

.result-contain .result .findout .fo-result a .fo-foot #note p {
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    border-left: none;
    padding: 0;
    margin: auto 0;
}

.result-contain .result .findout .fo-result a .fo-foot #promo{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.result-contain .result .findout .fo-result a .fo-foot #promo p {
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    text-align: right;
    padding: 0 10px;
    margin: auto 0;
}

.result-contain .result .findout .fo-result a .fo-foot li p{
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.644);
    margin: auto 0;
}
/**/
.result-contain .result .findout .fo-full{
    background-color: #ffffff;
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    border: 0.2px solid #00575727;
}

.result-contain .result .findout .fo-full:hover{
    background-color: #ffffff;
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    border: 0.2px solid #00575727;
}

.result-contain .result .findout .fo-full a{
    display: inline;
    width: 100%;
    height: 200px;
}

.result-contain .result .findout .fo-full a .fo-body{
    display: flex;
    width: 100%;
    height: 60%;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u{
    display: inline;
    width: 70%;
    height: 100%;
    padding: 20px;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit{
    display: inline;
    height: 50px;
    width: 80%;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time,#trajet {
    display: flex;
    width: 90%;
    height: 20px;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time p{
    width: 20%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color: #0057575e;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time i{
    width: 20%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color:  #0057575e;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet p{
    width: 40%;
    height: 20px;
    font-size: 15px;
    text-align: center;
    color: #0057575e;
}    

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet i{
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    color:  #0057575e;
    margin: auto;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places{
    display: flex;
    width: 100%;
    height: 30px;
    padding: 10px 0;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2{
    display: flex;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057575e;
    margin: 0 10px;
    padding: 0 15px;
    border-right: 0.5px solid #0057572a;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2 i{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057575e;
    margin: 0 10px;
}

.result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h3{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #0057575e;
    margin: 0 20px;
}

.result-contain .result .findout .fo-full a .fo-body .fod-d{
    display: inline;
    width: 30%;
    height: auto;
}

.result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix{
    width: 90%;
    height: auto;
}

.result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix h2{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-align: right;
    color: #0057575e;
}

.result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe{
    display: none;
}

.result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo{
    width: 90%;
    height: auto;
}

.result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo h2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    text-align: right;
    color: #0057575e;
}

.result-contain .result .findout .fo-full a .fo-foot{
    display: flex;
    height: 40%;
    border-top: 0.5px solid rgba(36, 36, 36, 0.137);
}


.result-contain .result .findout .fo-full a .fo-foot li{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 0;
}

.result-contain .result .findout .fo-full a .fo-foot #societe{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.result-contain .result .findout .fo-full a .fo-foot #societe i{
    width: 40px;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #ffffff;
    margin: auto 20px;
}

.result-contain .result .findout .fo-full a .fo-foot #societe p {
    height: 35px;
    line-height: 35px;
    width: auto;
    border: 1px solid rgba(255, 255, 255, 0.74);
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    margin: auto 0;
}


.result-contain .result .findout .fo-full a .fo-foot #note{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.result-contain .result .findout .fo-full a .fo-foot #note i{
    width: 25px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    margin: auto 0;
}

.result-contain .result .findout .fo-full a .fo-foot #note p {
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    border-left: none;
    padding: 0;
    margin: auto 0;
}

.result-contain .result .findout .fo-full a .fo-foot #promo{
    display: flex;
    height: 80%;
    width: 40%;
    padding: 5px 10px;
}

.result-contain .result .findout .fo-full a .fo-foot #promo p {
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    text-align: right;
    padding: 0 10px;
    margin: auto 0;
}

.result-contain .result .findout .fo-full a .fo-foot li p{
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid rgba(0, 80, 94, 0.082);
    margin: auto 0;
}

/*///////////////*/
.result-contain .result .findout .fo-choice{
    background-color: #ffffff;
    width: 80%;
    height: auto;
    margin: 20px auto;
    padding: 30px;
}

.result-contain .result .findout .fo-choice .resume{
    display: inline;
    width: 80%;
    margin: auto;
}

.result-contain .result .findout .fo-choice .resume .res-depart{
    display: flex;
    width: 100%;
    height: auto;
    border-bottom: 6px solid rgba(164, 198, 204, 0.151);
    margin: auto;
    padding: 20px 0;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire{
    display: inline;
    width: 100px;
    border-right: 4px dotted rgba(0, 80, 94, 0.288);
    height: auto;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon{
    display: inline;
    width: 40px;
    height: auto;
    margin: auto 0;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr{
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
}.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr i{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #008892c4;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep{
    width: 40px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
}.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep i{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #008892c4;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville {
    display: inline;
    width: 450px;
    height: auto;
    margin: auto 0;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep{
    width: 300px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep p{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 8px;
    text-align: center;
    color: #555555c4;
    font-weight: 500;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .harr{
    width: 100%;
    height: 30px;
    line-height:30px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .info{
    width: 100%;
    height: auto;
    line-height:30px;
    text-align: center;
    color: #005c63c4;
    font-size: 14px;
}
.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville p i{
    height: auto;
    color: #61616196;
    font-size: 14px;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire p{
    width: 100px;
    height: 60px;
    text-align: center;
    color: #008892c4;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .hdep{
    width: 100px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .harr{
    width: 100px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .convoc{
    width: 100px;
    height: 20px;
    line-height: 30px;
    text-align: right;
    color: #01475a8a;
    font-weight: 500;
    font-size: 13px;
}


.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .hdep{
    width: 100px;
    height: 60px;
    line-height: 50px;
    text-align: right;
    color: #ffa600e0;
    font-weight: 500;
    font-size: 13px;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .harr{
    width: 100px;
    height: 30px;
    line-height: 50px;
    text-align: right;
    color: #ffa600e0;
    font-weight: 500;
    font-size: 13px;
}

.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .convoc{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: #00546b7e;
    font-size: 14px;
    font-weight: 500;
}

.result-contain .result .findout .fo-choice .resume .res-societe{
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 2px solid rgba(164, 198, 204, 0.082);
    margin: auto;
}

.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info{
    display: flex;
    width: auto;
    padding: 10px 0px;
    margin: auto;
}

.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p{
    display: flex;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
}.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p i{
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
}.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #note i{
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
    color: #ffd900;
}

.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe{
    display: flex;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    border: 1px solid rgba(0, 92, 99, 0.589);
    color: rgb(0, 92, 99);
    border-radius: 10px;
}.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe i{
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
}

.result-contain .result .findout .fo-choice .resume .res-comodites{
    width: 100%;
    padding: 10px 0;
    border-bottom: 6px solid rgba(164, 198, 204, 0.082);
    margin: auto;
}
.result-contain .result .findout .fo-choice .resume .res-comodites .res-como-info{
    width: 80%;
    padding: 10px 0;
    margin: auto;
} 
.result-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p{
    display: flex;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
}.result-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p i{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #008892c4;
}

.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix{
    display: flex;
    width: auto;
    padding: 10px 0px;
    margin: auto;
}

.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix p{
    display: flex;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix #prix{
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    color: #ff9100;
    font-size: 20px;
}

.result-contain .result .findout .fo-choice .resume .res-form{
    display: inline;
    width: 90%;
    padding: 20px 0;
    margin: auto;
}
.result-contain .result .findout .fo-choice .resume .res-form h2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px; 
    text-align: center;
    color: #555555b6;
    margin: 20px auto;
}
.result-contain .result .findout .fo-choice .resume .res-form .err{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px; 
    text-align: center;
    color: #d400007e;
    margin: 20px auto;
}

.result-contain .result .findout .fo-choice .resume .res-form .res-form-info{
    display: flex;
    width: 80%;
    padding: 10px 0;
    margin: auto;
}.result-contain .result .findout .fo-choice .resume .res-form .res-form-info p{
    width: 40%;
    height: auto;
    line-height: 40px;
    margin: 0 10px;
    padding: 10px;
    font-size: 14px; 
    text-align: center;
    color: #686868b6;
}.result-contain .result .findout .fo-choice .resume .res-form .res-form-info #method{
    width: 250px;
    height: 40px;
    margin: auto;
    border-radius: 5px;
    border: 0.2px solid rgb(241, 241, 241);
}.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method option{
    display: flex;
    width: 250px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: auto;
}.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method img{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: auto;
}.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons{
    width: auto;
    height: auto;
    line-height: 90px;
    border-radius: 5px;
    margin: auto;
}.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons i{
    width: auto;
    height: auto;
    margin: auto;
    font-size: 80px;
    margin: 0 5px;
    border: none;
    color: #3cd300ec;
}

.result-contain .result .findout .fo-choice .resume .res-form .inlinetext{
    display: inline;
    width: 70%;
    height: auto;
    margin: 20px auto;
    border-radius: 5px;
}.result-contain .result .findout .fo-choice .resume .res-form .inlinetext h2{
    width: auto;
    height: auto;
    line-height: 20px;
    margin: 10px auto;
    padding: 0 20px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    color: #3cd300ec;
}.result-contain .result .findout .fo-choice .resume .res-form .inlinetext p{
    width: auto;
    height: auto;
    line-height: 20px;
    margin: 10px auto;
    padding: 0 20px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: rgba(119, 119, 119, 0.945);
}

.result-contain .result .findout .fo-choice .resume .res-form .inputtext{
    display: flex;
    width: 70%;
    height: auto;
    margin: 20px auto;
    border-radius: 5px;
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext i{
    width: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    padding: 0 20px;
    font-size: 16px;
    color: rgba(240, 108, 0, 0.945);
    border: 0.2px solid rgb(241, 241, 241);
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext p{
    display: flex;
    width: auto;
    height: auto;
    line-height: 20px;
    border-radius: 5px;
    margin: 10px auto;
    padding: 0 20px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: rgba(119, 119, 119, 0.945);
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext img{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 8px;
    margin: 0 5px;
    border: 0.2px solid rgb(241, 241, 241);
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext li{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 auto;
    border: 2.5px solid rgb(241, 241, 241);
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext li:hover{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 auto;
    border: 2.5px solid rgba(0, 131, 124, 0.384);
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext li a img{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 5px;
    border: none;
}.result-contain .result .findout .fo-choice .resume .res-form .inputtext li a{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 5px;
    border: none;
}

.result-contain .result .findout .fo-choice .resume .res-form select{
    background-color: rgb(255, 255, 255);
    width: 95%;
    height: 40px;
    line-height: auto;
    margin: 0 10px;
    padding: 10px;
    border-radius: 8px;
    border: 0.5px solid rgba(58, 58, 58, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #006274b6;
}

.result-contain .result .findout .fo-choice .resume .res-form input[type="text"] {
    background-color: rgba(255, 255, 255, 0.925);
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 15px; 
    text-align: center;
    color: #006374c0;
}

.result-contain .result .findout .fo-choice .resume .res-form input[type="email"] {
    background-color: rgba(248, 248, 248, 0.548);
    width: 95%;
    height: 30px;
    line-height: 30px;
    margin: 5px auto;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #00535ecb;
}

.result-contain .result .findout .fo-choice .resume .res-form input[type="number"] {
    background-color: rgba(255, 255, 255, 0.925);
    width: auto;
    height: 30px;
    line-height: 30px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 15px; 
    text-align: left;
    color: #006374c0;
}

.result-contain .result .findout .fo-choice .resume .res-form input[type="date"] {
    background-color: rgba(255, 255, 255, 0.925);
    width: 30%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0.5px solid rgb(255, 255, 255);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 15px; 
    text-align: left;
    color: #006374c0;
}


.result-contain .result .findout .fo-choice .resume .res-form #email {
    background-color: rgba(255, 255, 255, 0.925);
    width: auto;
    height: auto;
    line-height: 25px;
    margin: auto;
    padding: 5px;
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 14px; 
    text-align: center;
    color: #b408089c;
}

.result-contain .result .findout .fo-choice .resume .res-form input[type="submit"] {
    background-color: rgb(0, 105, 109);
    width: 200px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #ffffff;
}

.result-contain .result .findout .fo-choice .resume .res-form input[type="submit"]:hover {
    background-color: rgb(0, 164, 170);
    width: 200px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px 20px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #ffffff;
}
.result-contain .result .findout .fo-choice .resume .res-form #submit {
    background-color: rgba(255, 255, 255, 0.904);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

.result-contain .result .findout .fo-choice .resume .res-form #submit:hover {
    background-color: rgb(255, 255, 255);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px 20px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 105, 109, 0.637);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

.result-contain .result .findout .fo-choice .resume .res-form #bouton {
    background-color: rgba(255, 255, 255, 0.904);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

.result-contain .result .findout .fo-choice .resume .res-form #bouton:hover {
    background-color: rgb(255, 255, 255);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px 20px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 105, 109, 0.637);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}
/*////////////////////////////////*/
/*************list-contain*************/
.list-contain {
    background-color: #e4e4e42a;
    display: flex;
    height: auto;
    width: 100%;
    margin: 10px auto;
}

.list-contain .filteroption-mob{
    display: none;
}

.list-contain .filteroption-left{
    display: inline;
    width: 20%;
    height: auto;
    margin: 20px auto;
}

.list-contain .filteroption-left .filter{
    width: 100%;
    height: auto;
    padding: 0px 10px;
    border-bottom: 5px solid rgba(0, 101, 119, 0.048);
    margin: auto;
}

.list-contain .filteroption-left .filter .titre{
    width: 80%;
    height: auto;
}

.list-contain .filteroption-left .filter .titre h2{ 
    margin: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-align: left;
    color: #005772;
    font-weight: 600;
}

.list-contain .filteroption-left .filter .option{
    width: 80%;
    height: auto;
}

.list-contain .filteroption-left .filter .option li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
}

.list-contain .filteroption-left .filter .option li:hover{
    background-color: #c5c5c53f;
    border-radius: 10px;
}

.list-contain .filteroption-left .filter .option li a{
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #005064;
    font-weight: 600;
    margin: 0 0px;
}

.list-contain .filteroption-left .filter .option li a i{
    width: 30px;
    font-size: 18px;
    color: #005064;
}

.list-contain .filteroption-left .filter .option .active a i{
    width: 30px;
    font-size: 18px;
    color: #bd4b00f6;
}

.list-contain .filteroption-left .filter .option li a p{
    height: 40px;
    line-height: 40px;
    width: 70%;
    font-size: 16px;
    color: #005064;
}

.list-contain .filteroption-left .filter .option .active a p{
    height: 40px;
    line-height: 40px;
    width: 70%;
    font-size: 16px;
    color: #bd4b00f6;
}

.list-contain .filteroption-left .filter .option li a #i_option{
    width: 30px;
    font-size: 14px;
    color: #00506448;
}

.list-contain .filteroption-left .filter .option li:hover a #i_option{
    width: 30px;
    font-size: 14px;
    color: #005064f3;
}

.list-contain .filteroption-left .filter .option .active a #i_option{
    width: 30px;
    font-size: 14px;
    color: #bd4b00f6;
}

.list-contain .result{
    /*background-color: #effcff;*/
    display: inline;
    width: 60%;
    margin: 0 auto;
}

.list-contain .result h2{
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: left;
    color: #005064;
    font-weight: 600;
}

.list-contain .result p{
    display: flex;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: left;
    color: #00506470;
    font-weight: 600;
}

.list-contain .result p i{
    width: auto;
    color: #00506477;
    font-weight: 600;
    font-size: 18px;
    padding: 0 20px;
}

.list-contain .result .option{
    background-color: #ffffff;
    display: flex;
    width: 90%;
    height: 50px;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.185);
}

.list-contain .result .option li{
    width: 35%;
    height: 50px;
    line-height: 50px;
    margin: 0 5px;
}

.list-contain .result .option li:hover{
    height: 50px;
    line-height: 50px;
    border-bottom: 5px solid rgba(0, 101, 119, 0.363);
    border-radius: 5px;
}

.list-contain .result .option .active{
    height: 50px;
    line-height: 50px;
    border-bottom: 5px solid #bd4b00f6;
    border-radius: 5px;
}

.list-contain .result .option li a{
    display: flex;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #00506441;
    font-weight: 600;
    margin: 0 10px;
}.list-contain .result .option li a p{
    display: flex;
    text-align: left;
    height: 50px;
    line-height: 50px;
    width: 90%;
    font-size: 16px;
    color: #00506441;
}.list-contain .result .option li a i{
    width: 30px;
    font-size: 18px;
    color: #00506441;
}

.list-contain .result .option li:hover a {
    display: flex;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #005064ce;
    font-weight: 600;
    margin: 0 10px;
}.list-contain .result .option li:hover a p{
    display: flex;
    text-align: left;
    height: 50px;
    line-height: 50px;
    width: 90%;
    font-size: 16px;
    color: #005064ce;
}.list-contain .result .option li:hover a i{
    width: 30px;
    font-size: 18px;
    color: #005064ce;
}

.list-contain .result .option .active a{
    display: flex;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #005064ce;
    font-weight: 600;
    margin: 0 10px;
}.list-contain .result .option .active a p{
    display: flex;
    text-align: left;
    height: 50px;
    line-height: 50px;
    width: 90%;
    font-size: 16px;
    color: #005064ce;
}.list-contain .result .option .active a i{
    width: 30px;
    font-size: 18px;
    color: #bd4b00f6;
}

.list-contain .result .findout{
    display: inline;
    width: 100%;
    height: auto;
    margin: 20px auto;
}

.list-contain .result .findout .fo-result{
    background-color: #ffffff;
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    box-shadow: 0.5px 2px 5px 2px rgba(59, 59, 59, 0.062);
}

.list-contain .result .findout .fo-result:hover{
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    box-shadow: 0.5px 0px 5px 2px rgba(0, 118, 165, 0.37);
}

.list-contain .result .findout .fo-result a{
    display: inline;
    width: 100%;
    height: 200px;
}

.list-contain .result .findout .fo-result a .fo-body{
    display: flex;
    width: 100%;
    height: 60%;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u{
    display: inline;
    width: auto;
    height: 100%;
    padding: 20px;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit{
    display: inline;
    height: 50px;
    width: 80%;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time,#trajet {
    display: flex;
    width: 90%;
    height: 20px;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time p{
    width: 20%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color: #004557ec;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time i{
    width: 20px;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color:  #00809162;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet p{
    width: 40%;
    height: 20px;
    font-size: 15px;
    text-align: center;
    color: #004557ec;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet i{
    width: 20px;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color:  #00809162;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places{
    display: flex;
    width: 100%;
    height: 30px;
    padding: 10px 0;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2{
    display: flex;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057576e;
    margin: 0 10px;
    padding: 0 15px;
    border-right: 0.5px solid #0057572a;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2 i{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057576e;
    margin: 0 10px;
}

.list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h3{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #ac1a00a8;
    margin: 0 20px;
}

.list-contain .result .findout .fo-result a .fo-body .fod-d{
    display: inline;
    width: auto;
    height: auto;
    margin: auto;
}

.list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix{
    width: auto;
    height: auto;
}

.list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix h2{
    width: auto;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-align: right;
    color: #004557ec;
}

.list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe{
    display: none;
}

.list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo{
    width: auto;
    height: auto;
}

.list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo h2{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    text-align: right;
    color: #ff3c00ec;
}

.list-contain .result .findout .fo-result a .fo-foot{
    display: flex;
    height: 40%;
    width: 100%;
    border-top: 0.5px solid rgba(36, 36, 36, 0.137);
}


.list-contain .result .findout .fo-result a .fo-foot li{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 0;
}

.list-contain .result .findout .fo-result a .fo-foot #societe{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.list-contain .result .findout .fo-result a .fo-foot #societe i{
    width: auto;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #ffffff;
    margin: auto 20px;
}

.list-contain .result .findout .fo-result a .fo-foot #societe p {
    height: 35px;
    line-height: 35px;
    width: auto;
    border: 1px solid #ffffffbd;
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    margin: auto 0;
}


.list-contain .result .findout .fo-result a .fo-foot #note{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.list-contain .result .findout .fo-result a .fo-foot #note i{
    width: 25px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    margin: auto 0;
}

.list-contain .result .findout .fo-result a .fo-foot #note p {
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    border-left: none;
    padding: 0;
    margin: auto 0;
}

.list-contain .result .findout .fo-result a .fo-foot #promo{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.list-contain .result .findout .fo-result a .fo-foot #promo p {
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    text-align: right;
    padding: 0 10px;
    margin: auto 0;
}

.list-contain .result .findout .fo-result a .fo-foot li p{
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.603);
    margin: auto 0;
}
/**/
.list-contain .result .findout .fo-full{
    background-color: #ffffff;
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    border: 0.2px solid #00575727;
}

.list-contain .result .findout .fo-full:hover{
    background-color: #ffffff;
    width: 90%;
    height: 200px;
    margin: 20px 0;
    border-radius: 16px;
    border: 0.2px solid #00575727;
}

.list-contain .result .findout .fo-full a{
    display: inline;
    width: 100%;
    height: 200px;
}

.list-contain .result .findout .fo-full a .fo-body{
    display: flex;
    width: 100%;
    height: 60%;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u{
    display: inline;
    width: 70%;
    height: 100%;
    padding: 20px;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit{
    display: inline;
    height: 50px;
    width: 80%;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time,#trajet {
    display: flex;
    width: 90%;
    height: 20px;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time p{
    width: 20%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color: #0057575e;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time i{
    width: 20%;
    height: 20px;
    font-size: 16px;
    text-align: center;
    color:  #0057575e;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet p{
    width: 40%;
    height: 20px;
    font-size: 15px;
    text-align: center;
    color: #0057575e;
}    

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet i{
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    color:  #0057575e;
    margin: auto;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places{
    display: flex;
    width: 100%;
    height: 30px;
    padding: 10px 0;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2{
    display: flex;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057575e;
    margin: 0 10px;
    padding: 0 15px;
    border-right: 0.5px solid #0057572a;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2 i{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #0057575e;
    margin: 0 10px;
}

.list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h3{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #0057575e;
    margin: 0 20px;
}

.list-contain .result .findout .fo-full a .fo-body .fod-d{
    display: inline;
    width: 30%;
    height: auto;
}

.list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix{
    width: 90%;
    height: auto;
}

.list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix h2{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-align: right;
    color: #0057575e;
}

.list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe{
    display: none;
}

.list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo{
    width: 90%;
    height: auto;
}

.list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo h2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    text-align: right;
    color: #0057575e;
}

.list-contain .result .findout .fo-full a .fo-foot{
    display: flex;
    height: 40%;
    border-top: 0.5px solid rgba(36, 36, 36, 0.137);
}


.list-contain .result .findout .fo-full a .fo-foot li{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 0;
    color: #ffffff;
}

.list-contain .result .findout .fo-full a .fo-foot #societe{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.list-contain .result .findout .fo-full a .fo-foot #societe i{
    width: 40px;
    height: 35px;
    line-height: 35px;
    font-size: 24px;
    color: #ffffff;
    margin: auto 20px;
}

.list-contain .result .findout .fo-full a .fo-foot #societe p {
    height: 35px;
    line-height: 35px;
    width: auto;
    border: 1px solid rgba(255, 255, 255, 0.76);
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    margin: auto 0;
}


.list-contain .result .findout .fo-full a .fo-foot #note{
    display: flex;
    height: 80%;
    width: auto;
    padding: 5px 10px;
}

.list-contain .result .findout .fo-full a .fo-foot #note i{
    width: 25px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    margin: auto 0;
}

.list-contain .result .findout .fo-full a .fo-foot #note p {
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 18px;
    color: #ffffff;
    text-align: left;
    border-left: none;
    padding: 0;
    margin: auto 0;
}

.list-contain .result .findout .fo-full a .fo-foot #promo{
    display: flex;
    height: 80%;
    width: 40%;
    padding: 5px 10px;
}

.list-contain .result .findout .fo-full a .fo-foot #promo p {
    height: 35px;
    line-height: 35px;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    text-align: right;
    padding: 0 10px;
    margin: auto 0;
}

.list-contain .result .findout .fo-full a .fo-foot li p{
    height: 35px;
    line-height: 35px;
    width: auto;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.945);
    margin: auto 0;
}

/*///////////////*/
.list-contain .result .findout .fo-choice{
    background-color: #ffffff;
    width: 80%;
    height: auto;
    margin: 20px auto;
    padding: 30px;
}

.list-contain .result .findout .fo-choice .resume{
    display: inline;
    width: 80%;
    margin: auto;
}

.list-contain .result .findout .fo-choice .resume .res-depart{
    display: flex;
    width: 100%;
    height: auto;
    border-bottom: 6px solid rgba(164, 198, 204, 0.151);
    margin: auto;
    padding: 20px 0;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire{
    display: inline;
    width: 100px;
    border-right: 4px dotted rgba(0, 80, 94, 0.288);
    height: auto;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon{
    display: inline;
    width: 40px;
    height: auto;
    margin: auto 0;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr{
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
}.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr i{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #008892c4;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep{
    width: 40px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
}.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep i{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #008892c4;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville {
    display: inline;
    width: 300px;
    height: auto;
    margin: auto 0;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep{
    width: 300px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep p{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 8px;
    text-align: center;
    color: #555555c4;
    font-weight: 500;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .harr{
    width: 300px;
    height: 30px;
    line-height:30px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .info{
    width: 300px;
    height: auto;
    line-height:30px;
    text-align: center;
    color: #005c63c4;
    font-size: 14px;
}
.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville p i{
    height: auto;
    color: #61616196;
    font-size: 14px;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire p{
    width: 100px;
    height: 60px;
    text-align: center;
    color: #008892c4;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .hdep{
    width: 100px;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .harr{
    width: 100px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #008892c4;
    font-size: 16px;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .convoc{
    width: 100px;
    height: 20px;
    line-height: 30px;
    text-align: right;
    color: #01475a8a;
    font-weight: 500;
    font-size: 13px;
}


.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .hdep{
    width: 100px;
    height: 60px;
    line-height: 50px;
    text-align: right;
    color: #ffa600e0;
    font-weight: 500;
    font-size: 13px;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .harr{
    width: 100px;
    height: 30px;
    line-height: 50px;
    text-align: right;
    color: #ffa600e0;
    font-weight: 500;
    font-size: 13px;
}

.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .convoc{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: #00546b7e;
    font-size: 14px;
    font-weight: 500;
}

.list-contain .result .findout .fo-choice .resume .res-societe{
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 2px solid rgba(164, 198, 204, 0.082);
    margin: auto;
}

.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info{
    display: flex;
    width: auto;
    padding: 10px 0px;
    margin: auto;
}

.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p{
    display: flex;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
}.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p i{
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
}.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #note i{
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
    color: #ffd900;
}

.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe{
    display: flex;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    border: 1px solid rgba(0, 92, 99, 0.589);
    color: rgb(0, 92, 99);
    border-radius: 10px;
}.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe i{
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
}

.list-contain .result .findout .fo-choice .resume .res-comodites{
    width: 100%;
    padding: 10px 0;
    border-bottom: 6px solid rgba(164, 198, 204, 0.082);
    margin: auto;
}
.list-contain .result .findout .fo-choice .resume .res-comodites .res-como-info{
    width: 80%;
    padding: 10px 0;
    margin: auto;
} 
.list-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p{
    display: flex;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #008892c4;
}.list-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p i{
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #008892c4;
}

.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix{
    display: flex;
    width: auto;
    padding: 10px 0px;
    margin: auto;
}

.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix p{
    display: flex;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix #prix{
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    color: #ff9100;
    font-size: 20px;
}

.list-contain .result .findout .fo-choice .resume .res-form{
    display: inline;
    width: 90%;
    padding: 20px 0;
    margin: auto;
}
.list-contain .result .findout .fo-choice .resume .res-form h2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px; 
    text-align: center;
    color: #555555b6;
    margin: 20px auto;
}.list-contain .result .findout .fo-choice .resume .res-form p{
    width: 100%;
    height: auto;
    line-height: 40px;
    margin: 0 auto;
    padding: 10px;
    font-size: 14px; 
    text-align: center;
    color: #686868b6;
}.list-contain .result .findout .fo-choice .resume .res-form .err{
    width: 100%;
    height: auto;
    line-height: 40px;
    margin: 0 auto;
    padding: 10px;
    font-size: 14px; 
    text-align: center;
    color: #c00000b6;
}

.list-contain .result .findout .fo-choice .resume .res-form .res-form-info{
    display: flex;
    width: 80%;
    padding: 10px 0;
    margin: auto;
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info p{
    width: 80%;
    height: auto;
    line-height: 40px;
    margin: 0 auto;
    padding: 10px;
    font-size: 14px; 
    text-align: center;
    color: #686868b6;
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info #method{
    width: 250px;
    height: 40px;
    margin: auto;
    border-radius: 5px;
    border: 0.2px solid rgb(241, 241, 241);
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method option{
    display: flex;
    width: 250px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: auto;
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method img{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: auto;
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons{
    width: auto;
    height: auto;
    line-height: 90px;
    border-radius: 5px;
    margin: auto;
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons i{
    width: auto;
    height: auto;
    margin: auto;
    font-size: 80px;
    margin: 0 5px;
    border: none;
    color: #3cd300ec;
}.list-contain .result .findout .fo-choice .resume .res-form .res-form-info .err{
    width: 100%;
    height: auto;
    line-height: 40px;
    margin: 0 auto;
    padding: 5px;
    font-size: 14px; 
    text-align: center;
    color: #ff0606b6;
    font-weight: 500;
}


.list-contain .result .findout .fo-choice .resume .res-form .inlinetext{
    display: inline;
    width: 70%;
    height: auto;
    margin: 20px auto;
    border-radius: 5px;
}.list-contain .result .findout .fo-choice .resume .res-form .inlinetext h2{
    width: auto;
    height: auto;
    line-height: 20px;
    margin: 10px auto;
    padding: 0 20px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    color: #3cd300ec;
}.list-contain .result .findout .fo-choice .resume .res-form .inlinetext p{
    width: auto;
    height: auto;
    line-height: 20px;
    margin: 10px auto;
    padding: 0 20px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: rgba(119, 119, 119, 0.945);
}

.list-contain .result .findout .fo-choice .resume .res-form .inputtext{
    display: flex;
    width: 70%;
    height: auto;
    margin: 20px auto;
    border-radius: 5px;
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext i{
    width: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    padding: 0 20px;
    font-size: 16px;
    color: rgba(240, 108, 0, 0.945);
    border: 0.2px solid rgb(241, 241, 241);
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext p{
    display: flex;
    width: auto;
    height: auto;
    line-height: 20px;
    border-radius: 5px;
    margin: 10px auto;
    padding: 0 20px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: rgba(119, 119, 119, 0.945);
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext img{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 8px;
    margin: 0 5px;
    border: 0.2px solid rgb(241, 241, 241);
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext li{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 auto;
    border: 2.5px solid rgb(241, 241, 241);
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext li:hover{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 auto;
    border: 2.5px solid rgba(0, 131, 124, 0.384);
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext li a img{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 5px;
    border: none;
}.list-contain .result .findout .fo-choice .resume .res-form .inputtext li a{
    width: auto;
    height: 70px;
    line-height: 70px;
    border-radius: 5px;
    margin: 0 5px;
    border: none;
}

.list-contain .result .findout .fo-choice .resume .res-form select{
    background-color: rgb(255, 255, 255);
    width: 95%;
    height: 40px;
    line-height: auto;
    margin: 0 10px;
    padding: 10px;
    border-radius: 8px;
    border: 0.5px solid rgba(58, 58, 58, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #006274b6;
}

.list-contain .result .findout .fo-choice .resume .res-form input[type="text"] {
    background-color: rgba(255, 255, 255, 0.925);
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 15px; 
    text-align: left;
    color: #006374c0;
}

.list-contain .result .findout .fo-choice .resume .res-form input[type="email"] {
    background-color: rgba(248, 248, 248, 0.548);
    width: 95%;
    height: 30px;
    line-height: 30px;
    margin: 5px auto;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #00535ecb;
}

.list-contain .result .findout .fo-choice .resume .res-form input[type="number"] {
    background-color: rgba(255, 255, 255, 0.925);
    width: auto;
    height: 30px;
    line-height: 30px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 15px; 
    text-align: left;
    color: #006374c0;
}

.list-contain .result .findout .fo-choice .resume .res-form input[type="date"] {
    background-color: rgba(255, 255, 255, 0.925);
    width: 30%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 8px;
    border: 0.5px solid rgb(255, 255, 255);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 15px; 
    text-align: left;
    color: #006374c0;
}


.list-contain .result .findout .fo-choice .resume .res-form #email {
    background-color: rgba(255, 255, 255, 0.925);
    width: auto;
    height: auto;
    line-height: 25px;
    margin: auto;
    padding: 5px;
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 14px; 
    text-align: center;
    color: #b408089c;
}

.list-contain .result .findout .fo-choice .resume .res-form input[type="submit"] {
    background-color: rgb(0, 105, 109);
    width: 200px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #ffffff;
}

.list-contain .result .findout .fo-choice .resume .res-form input[type="submit"]:hover {
    background-color: rgb(0, 164, 170);
    width: 200px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px 20px;
    border-radius: 8px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: #ffffff;
}
.list-contain .result .findout .fo-choice .resume .res-form #submit {
    background-color: rgba(255, 255, 255, 0.904);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

.list-contain .result .findout .fo-choice .resume .res-form #submit:hover {
    background-color: rgb(255, 255, 255);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px 20px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 105, 109, 0.637);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

.list-contain .result .findout .fo-choice .resume .res-form #bouton {
    background-color: rgba(255, 255, 255, 0.904);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

.list-contain .result .findout .fo-choice .resume .res-form #bouton:hover {
    background-color: rgb(255, 255, 255);
    width: 220px;
    height: 40px;
    line-height: auto;
    margin: auto;
    padding: 5px 20px;
    border-radius: 8px;
    border: 2.5px solid rgba(0, 105, 109, 0.637);
    box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    text-align: center;
    color: rgb(0, 105, 109);
}

/*///////////////////////////////////*/
/* **************container************/
.container {
    height: 100%;
    width: 80%;
    margin: 20px auto;
}

.container .entt{
    display: flex;
    height: 70px;
    width: 100%;
    margin: 40px 0;
    border-bottom: 0.5px solid #0088b12a;
}

.container .entt .societe{
    height: 100%;
    width: 100%;
    margin: 40px 0;
}

.container .entt  .societe h2{
    font-size: 22px; 
    text-align: left;
    color: #006374c0;
}

.container .image{
    display: flex;
    height: auto;
    width: 100%;
}

.container .image .misenavant{
    width: 700px;
}

.container .image .misenavant img{
    height: 370px;
    border-radius: 10px;
}

.container .image .autre{
    width: auto;
    margin: auto;
}

.container .image .autre li{
    width: auto;
    height: 120px;
}

.container .image .autre li img{
    height: 120px;
    border-radius: 10px;
    border: 0.5px solid #0088b12a;
}

.container .image .autre li:hover img{
    height: 115px;
    border-radius: 10px;
    margin: auto;
}

.container .info{
    display: flex;
    height: auto;
    width: 100%;
}

.container .info .description{
    height: auto;
    width: 50%;
}

.container .info .description .societe{
    height: auto;
    padding: 20px 0px;
}

.container .info .description .societe h3{
    height: auto;
    font-size: 18px; 
    text-align: left;
    color: #006374c0;
}

.container .info .description .societe p{
    height: auto;
    font-size: 16px; 
    text-align: left;
    color: #585858;
}

.container .info .description .note{
    display: flex;
    width: 100%;
    height: auto;
    border-bottom: 0.5px solid #0088b12a;
}

.container .info .description .note p{
    width: auto;
    color: #585858;
    font-size: 16x;
    font-weight: bold;
    padding: 10px 5px;
}

.container .info .description .note p i{
    width: auto;
    color: #ffd900;
    font-size: 16x;
    padding: 0px 5px;
}

.container .info .description .comments{
    width: 100%;
    height: auto;
}

.container .info .description .comments .comment-id{
    display: flex;
    width: 100%;
    height: auto;
    padding: 10px 0px;
    border-bottom: 0.5px solid #0088b12a;
}

.container .info .description .comments .comment-id i{
    width: auto;
    color: #008892;
    font-size: 30px;
    padding: 5px 5px;
}

.container .info .description .comments .comment-id h3{
    width: auto;
    color: #585858;
    font-size: 16px;
    padding: 2px 5px;
}

.container .info .description .comments .comment-id p{
    width: auto;
    color: #585858;
    font-size: 12px;
    padding: 2px 5px;
}

.container .info .description .comments .comment{
    width: 100%;
    height: auto;
    padding: 0px 0px;
}

.container .info .description .comments .comment p{
    width: auto;
    color: #585858;
    font-size: 14px;
    padding: 10px 0px;
}

.container .form{
    height: auto;
    width: 30%;
    padding: 20px;
    margin: auto;
}

.container .form form{
    height: auto;
    padding: 20px 0px;
    border-bottom: 0.5px solid #0088b12a;
} 

.container .form form h3{
    height: auto;
    font-size: 18px; 
    text-align: left;
    color: #006374c0;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.container .form .noter select{ 
    background-color: #f1e9ff86;
    width: auto;
    height: 35px;
    padding: 0px 10px; 
    border-radius: none;
    font-size: 14px; 
    color: #696969;
    font-family: Arial, sans-serif; 
    text-align: center;
    border: 0.2px solid rgba(56, 116, 206, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    margin: 15px 0;
} 

.container .form .noter input[type="submit"] {
    background-color: #006479;
    width: 100px;
    height: 35px;
    line-height: auto;
    margin: 0;
    border-radius: 5px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    color: #ffffff;
}

.container .form .commenter input[type="text"],[type="password"],[type="email"] {
    background-color: #f1e9ff86;
    width: 100%;
    height: 40px;
    padding: 0px 10px; 
    border-radius: none;
    font-size: 14px; 
    color: #696969;
    font-family: Arial, sans-serif; 
    text-align: center;
    border: 0.2px solid rgba(56, 116, 206, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    margin: 15px 0;
}

.container .form form textarea {
    background-color: #f1e9ff86;
    width: 100%;
    height: 80px;
    padding: 0px 10px; 
    border: none;
    font-size: 14px; 
    color: #696969;
    font-family: Arial, sans-serif; 
    text-align: center;
    border: 0.2px solid rgba(56, 116, 206, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    margin: 15px 0;
}

.container .form .commenter input[type="submit"] {
    background-color: #006479;
    width: 180px;
    height: 40px;
    line-height: auto;
    margin: 0;
    border-radius: 5px;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px; 
    color: #ffffff;
    font-weight: 600;
}

/* === Mise en forme de la zone principale === */
main.legal-page {
    max-width: 900px;
    margin: 90px auto;
    padding: 20px 25px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    font-family: "Segoe UI", Roboto, sans-serif;
    color: #333;
    line-height: 1.7;
}

/* === Titres === */
main.legal-page h1 {
    font-size: 2rem;
    margin-bottom: 25px;
    text-align: center;
    color: #006479;
    font-weight: 700;
}

main.legal-page h2 {
    font-size: 1.3rem;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #222;
    border-left: 4px solid #006479;
    padding-left: 10px;
    font-weight: 600;
}

/* === Paragraphes === */
main.legal-page p {
    margin-bottom: 15px;
    font-size: 1rem;
    text-align: justify;
}

/* === Liens === */
main.legal-page a {
    color: #006479;
    text-decoration: none;
    transition: color 0.3s;
}

main.legal-page a:hover {
    color: #006479;
    text-decoration: underline;
}

/*///////////////////////////////////*/
/* **************footer************/
footer {
    background: #006479;
    color: #fff;
    padding: 20px 20px;
    font-family: Helvetica;
}

.footer-container {
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: auto;
}

.footer-description {
    width: 100%;
    margin: 10px auto;
    border-bottom: 1px solid #e7e7e74b;
}

.footer-description .text-design {
    color: #fff;
    font-size: 36px;
    font-family: 'Open Sans', 'Helvetica Neue';
    text-align: center;
}

.footer-description h3 {
    color: #fff;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0;
}

.footer-description p {
    color: #ccc;
    font-size: 14px;
    padding: 10px 0;
}

.footer-section {
    width: 23%;
}

.footer-section .text-design {
    color: #fff;
    font-size: 36px;
    font-family: 'Open Sans', 'Helvetica Neue';
    text-align: center;
}

.footer-section h3 {
    color: #fff;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 16px;
}

.footer-section p {
    color: #ccc;
    font-size: 14px;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin: 8px 0;
}

.footer-section ul li a {
    color: #ccc;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.footer-section ul li i {
    color: #ccc;
    text-decoration: none;
    font-size: 14px;
    margin: 0 10px;
}

.footer-section ul li a:hover {
    color: #fff;
}

.footer-bottom {
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e7e7e74b;
    padding: 30px;
    margin: auto;
    text-align: center;
}

.footer-bot {
    display: flex;
    width: 70%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e74b;
    padding: 30px;
    margin: auto;
    text-align: center;
}

.products, .legal, .socials {
    display: flex;
    height: auto;
    margin: auto;
}

.product {
    border-radius: 15px;
    margin-left: 10px;
}

.product h4{
    line-height: 25px;
    width: auto;
    color: #fff;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 16px;
}

.product a {
    font-weight: 500;
    font-size: 12px;
    margin: auto;
}

.product a img{
    height: 25px;
    border-radius: 6px;
}

.product a:hover img{
    background-color: #ffcc00;
    height: 25px;
    border-radius: 6px;
}

.socials a {
    color: white;
    margin: 0 10px;
    font-size: 20px;
}

.socials a:hover {
    color: #ffcc00;
}

.legal a {
    color: white;
    margin: 0 10px;
    font-size: 14px;
}

.legal a:hover {
    color: #ffcc00;
}

@media (max-width: 1200px) {
    /**************banner***************/
    .banner {
        display: none;
    }

    .smartbanner {
        display: flex;
        position: fixed;
        background-color: #006479;
        width: 100%;
        margin : auto;
        height: 60px;
    }
    
    .smartbanner .left{
        display: flex;
        height: 60px;
        width: 40%;
        padding: auto;
        margin : auto;
    }
    
    .smartbanner .brand1{
        display: flex;
        width: 90%;
        width: auto;
        padding: auto;
        margin : auto;
    }
    
    .smartbanner .right{
        display: flex;
        height: 60px;
        width: 40%;
        padding: auto;
        margin : auto;
    }

    .smartbanner .left li{
        margin: auto;
    }

    .smartbanner .left li a{
        width: 100%;
        height: 60px;
        line-height: 60px;
        margin : auto;
        text-align: center;
        color: #ffffff;
        padding: 20px;
    }
    
    .smartbanner .right li{
        margin: auto;
    }
    
    .smartbanner .right li a{
        width: 100%;
        height: 60px;
        line-height: 60px;
        margin : auto;
        text-align: center;
        color: #ffffff;
        padding: 20px;
    }

    .smartbanner ul li a img {
        margin : 10px 0;
        height: 40px;
    }

    .smartbanner .right li{
        width: auto;
        padding: 0 0px;
        text-align: center;
    }

    .smartbanner .brand1 li img {
        margin : auto;
        height: 60px;
    }

    li img {
        margin : auto;
        height: 30px;
        padding: auto;
    }
    
    .headform {
        display: none;
    }
    
    .formhead {
        display: inline;
        width: 100%;
        padding: 20px 0;
        height: auto;
    }
    
    .formhead .form {
        background-color: #ffffff;
        width: 80%;
        height: auto;
        padding: 10px 0;
        border-bottom: 1.5px solid #0088b12a;
        margin: 80px auto;
    }
    
    .formhead .form .info {
        display: inline;
        width: 100%;
        height: 50px;
        margin: 0 auto;
        border-radius: 18px;
        box-shadow: none;
    }
    
    .formhead .form .info  .input-container {
        display: flex;
        height: 50px;
        width: 100%;
        border: none;
        margin: auto;
    }

    .formhead .form .info  .input-container h3 {
        background-color: #ffffff;
        width: 100%;
        height: 50px;
        line-height: 40px;
        padding: 0px 10px; 
        border: none;
        font-size: 16px; 
        font-family: Arial, sans-serif; 
        font-weight: 600;
        color: #003e4ead;
    }

    .formhead .form .info .date {
        display: flex;
        height: 50px;
        width: 100%;
        border: none;
    }
    
    .formhead .form .info  div .fa {
        height: 40px;
        line-height: 40px;
        width: 20px;
        font-size: 14px;
        padding: 0px 10px; 
        margin: 0 auto;
        border-radius: 8px;
        color: rgba(0, 103, 110, 0.548);
    }

    .formhead .form .info  .date input[type="date"] {
        background-color: #f5f5f5;
        width: 80%;
        height: 35px;
        padding: 0px 10px; 
        border: none;
        font-size: 16px; 
        font-family: Arial, sans-serif; 
        color: #6d6d6d;
        font-weight: 600;
        border-radius: 12px;
        transition: border-color 0.3s, box-shadow 0.3s; 
    }
    
    .formhead .form .info  .input-container input[type="text"] {
        background-color: #f5f5f5;
        width: 80%;
        height: 35px;
        padding: 0px 10px; 
        border: none;
        font-size: 16px; 
        font-family: Arial, sans-serif; 
        font-weight: 600;
        border-radius: 12px;
        border-right: none;
        transition: border-color 0.3s, box-shadow 0.3s; 
    }
    
    .formhead .form .info  .input-container input[type="text"]:focus {
        border-color: #007BFF;
        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2); 
        outline: none;
    }
    
    .formhead .form .info  .input-container input[type="text"]::placeholder {
        color: #6d6d6d; 
        opacity: 1; 
    }
    
    .formhead .form .info  .input-container input[type="text"]:disabled {
        background-color: #ececec;
        cursor: not-allowed; 
        border-color: #ddd;
    }
    
    
    .formhead .form .info  .input-container input[type="date"]:focus {
        border-color: #007BFF;
        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2); 
        outline: none;
    }
    
    .formhead .form .info  .input-container input[type="date"]::placeholder {
        color: #6d6d6d; 
        opacity: 1; 
    }
    
    .formhead .form .info  .input-container input[type="date"]:disabled {
        background-color: #ececec;
        cursor: not-allowed; 
        border-color: #ddd;
    }

    .formhead .form .info .submit {
        background-color: rgb(255, 255, 255);
        display: flex;
        height: 35px; 
        width: 100%;
        border-radius: 10px;
        margin: auto;
    }
    
    .formhead .form .info .submit input[type="submit"] {
        background-color: #008892;
        width: 60%;
        height: 35px;
        line-height: auto;
        margin: 0;
        border: none;
        font-size: 16px; 
        font-weight: 600;
        color: rgb(255, 255, 255);
        border-radius: 10px;
        margin: auto;
    }
    
    .formhead .form .info .submit input[type="submit"]:hover {
        background-color: #00595f;
    }
    
    .formhead .form .info-text {
        display: inline;
        width: 50%;
        height: 50px;
        margin: auto;
    }
    
    .formhead .form .info-text h2 {
        width: 100%;
        height: 50px;
        line-height: 70px;
        margin: 0;
        border: none;
        font-size: 26px; 
        font-weight: 600;
        text-align: center;
        color: #008892c4;
    }
    
    .formhead .form .info-text h4 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin: 0;
        border: none;
        font-size: 20px; 
        font-weight: 600;
        text-align: center;
        color: #008892c4;
    }.formhead .form .info-text h4 i{
        width: 20%;
        height: 50px;
        line-height: 50px;
        margin: 0;
        border: none;
        font-size: 20px; 
        font-weight: 600;
        text-align: center;
        color: #008892c4;
    }
    
    .formhead .form .info-text p {
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: 0;
        border: none;
        font-size: 16px; 
        font-weight: 500;
        color: #008892c5;
        text-align: center;
    }
    
    /*///////////////////////////////////*/
    /* ***********Main contain**********/
    main {
        background-color: #ffffff;
        height: 100%;
        width: 100%;
    }
    
    .contain {
        display: inline;
        height: 100%;
        width: 100%;
        margin: 40px 0;
    }
    
    .contain .img-intermed{    
        background-image: url('../images/bus.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%; /* Ajustez selon vos besoins */
        height: 100vh;
    }
    
    .contain .img-intermed h2{  
        width: 100%;
        height: 250px;
        line-height: 250px;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        font-family: Helvetica;
        color: rgb(255, 255, 255);
    }
    
    .contain .img-intermed .infotrajet{  
        background-color: #ffffff;
        margin-top: -80px;
        width: 75%;
        height: 350px;
        border-radius: 50px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    
    .infotrajet .button-web {
        display: none;
    }
    
    .infotrajet .button-mob {
        display: flex;
        width: 100%;
        margin: auto;
        height: auto;
    }
    
    .infotrajet .button-mob p{
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
        font-family: Helvetica;
        color: rgba(0, 103, 110, 0.548);
    }
    
    .infotrajet .button-mob input[type="submit"] {
        background-color: #006479;
        width: 60%;
        height: 40px;
        line-height: auto;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        color: #ffffff;
        margin: auto;
    }
    
    .infotrajet .info{ 
        display: inline; 
        padding: 5px 0; 
        border-radius: 10px;
        width: 100%;
        height: auto;
    }
    
    .infotrajet .info .input-container {
        background-color: #ffffff;
        display: flex;
        margin: 25px auto;
        height: 50px; 
        width: 90%;
        border-radius: 50px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: none;
        transition: border-color 0.3s, box-shadow 0.3s; 
    }
    
    .infotrajet .info .input-container .fa {
        width: 20px;
        height: 40px;
        line-height: 40px; 
        padding: auto 10px; 
        margin: auto 0px;
        font-size: 16px;
        color: rgba(0, 103, 110, 0.548);
    }

    .infotrajet .info .input-container input[type="text"] {
        background-color: #f7f7f7a6;
        width: 78%;
        height: 40px;
        padding: 0px 10px;
        margin: auto 0px; 
        border: none;
        border-radius: 40px;
        font-size: 16px; 
        font-family: Arial, sans-serif; 
        border: none;
        transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    }
    
    .infotrajet .info .input-container input[type="text"]:focus {
        border-color: #007BFF; /* Change la couleur de la bordure en bleu */
        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2); /* Ombre plus prononcée */
        outline: none; /* Supprime le contour par défaut */
    }
    
    .infotrajet .info .input-container input[type="text"]::placeholder {
        color: #6d6d6d; /* Couleur du texte placeholder */
        opacity: 1; /* Pleine opacité pour le texte placeholder */
    }
    
    .infotrajet .info .input-container input[type="text"]:disabled {
        background-color: #ececec;
        cursor: not-allowed; /* Curseur non autorisé */
        border-color: #ddd; /* Bordure grisée */
    }
    
    .infotrajet .info .input-date {
        background-color: #ffffff;
        display: flex;
        margin: 40px auto;
        height: 50px; 
        width: 90%;
        border-radius: 50px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border: none;
        transition: border-color 0.3s, box-shadow 0.3s; 
    }
    
    .infotrajet .info .input-date input[type="date"] {
        background-color: #f7f7f781;
        width: 78%;
        height: 40px;
        padding: 0px 10px;
        margin: auto 0px; 
        border: none;
        border-radius: 40px;
        font-size: 16px; 
        font-family: Arial, sans-serif; 
        border: none;
        transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
    }
    
    .infotrajet .info .input-submit {
        display: flex;
        margin: auto; 
        height: 40px; 
        width: 78%;
        border: none;
        transition: border-color 0.3s, box-shadow 0.3s; 
    }
    /*///////////////////////////////////*/
    /* **************searchtrajet*************/
    .contain .interm{    
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%; /* Ajustez selon vos besoins */
        height: 100vh;
    }

    .contain .interm h2{  
        width: 100%;
        padding: 100px 0;
        height: 80px;
        line-height: 40px;
        font-size: 30px;
        text-align: center;
        font-family: Helvetica;
        color: #00727af8;
    }
    
    .contain .interm .infotrajet{  
        background-color: #ffffff;
        margin-top: -80px;
        width: 75%;
        height: 350px;
        border-radius: 50px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    /*////////////////////////////////*/
    /*//////////-daytrajet-///////////*/
    .conta {
        width: 80%;
        margin: 80px auto;
        padding: 0 20px;
    }

    .conta .titre h2 {
        font-size: 25px;
    }

    /* --- Informations --- */
    .trajet-info {
        display: inline;
        grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
        align-items: center;
        gap: 20px;
        width: 100%;
    }

    /* Ville départ/arrivée */
    .trajet-ville {
        width: 100%;
        margin: 10px auto;
    }

    .trajet-ville h4 {
        font-size: 1rem;
        font-weight: 600;
        width: 100%;
        margin: 0 auto;
        color: #005e64c4;
        text-align: center;
    }

    .trajet-ville p {
        width: 200px;
        margin: 5px auto;
        font-size: 0.85rem;
        color: #6b7280;
        text-align: center;
    }

    /* Date */
    .trajet-date{
        width: 60%;
        margin: 0 auto;
    }

    .trajet-date p {
        font-size: 0.9rem;
        color: #374151;
        margin: 0;
    }

    .trajet-date strong {
        color: #111827;
    }

    /* Prix */
    .trajet-prix {
        width: 100px;
        margin: 10px auto;
    }

    .trajet-prix p {
        font-weight: 600;
        font-size: 0.95rem;
        margin: 0;
        color: #005e64c4;
    }
    /*
    .contain .article {  
        display: none;
    }*/

 
    /*///////////////////////////////////*/
    /* **************Connexion*************/
    .contain_connexion {
        display: inline;
        height: 100%;
        width: 100%;
        margin: 20px 0;
    }
    
    .contain_connexion .article{
        display: inline;
        height: 100%;
        width: 90%;
        margin: 20px 0;
    }
    
    .contain_connexion .article h2{
        height: 150px;
        line-height: 225px;
        font-size: 25px;
        font-weight: 600;
        font-family: Helvetica;
        text-align: center;
        color: #005974;
    }
    
    .contain_connexion .article .infoconnect{
        height: 100%;
        width: 80%;
        margin: auto;
        padding: 10px 0;
    }
    
    .contain_connexion .article .infoconnect .inforatio{
        display: flex;
        align-items: center;
        margin: 10px 0;
    }
    
    .contain_connexion .article .infoconnect .inforatio h4{
        width: 100%;
        margin: 0;
        font-size: 14px;
        font-family: Arial, sans-serif;
        color: #585858;
        font-weight: 500;
        margin-right: 10px;
        text-align: center;
    }
    
    .contain_connexion .article .infoconnect .inforatio h3{
        width: 100%;
        margin: 0;
        font-size: 15px;
        font-family: Arial, sans-serif;
        color: #005368;
        font-weight: 500;
        margin-right: 10px;
        text-align: center;
    }

    .contain_connexion .article .infoconnect .info input[type="text"] {
        background-color: #f1e9ff86;
        width: 60%;
        height: 40px;
        padding: 0px 10px; 
        border: none;
        border-radius: 15px;
        font-size: 14px; 
        color: #696969;
        font-family: Arial, sans-serif; 
        border: 0.2px solid rgba(56, 116, 206, 0.1);
        transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
        margin: 15px 0;
    }

    .contain_connexion .article .infoconnect .info input[type="date"] {
        background-color: #f1e9ff86;
        width: 40%;
        height: 40px;
        padding: 0px 10px; 
        border: none;
        border-radius: 15px;
        font-size: 14px; 
        color: #696969;
        font-family: Arial, sans-serif; 
        border: 0.2px solid rgba(56, 116, 206, 0.1);
        transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
        margin: 15px 0;
    }
    
    .contain_connexion .article .infoconnect .inforatio .left{
        text-align: left;
        color: #585858;
    }
    
    .contain_connexion .article .infoconnect .inforatio input[type="radio"] {
        height: 20px;
        margin-right: 10px;
    }
    
    
    /* Effet de survol */
    .contain_connexion .article .infoconnect .inforatio:hover h4 {
        color: #2d537a;
    }
    
    .contain_connexion .article .infoconnect .inforatio:hover input[type="radio"] {
        border-color: #38597e;
    }
    
    .contain_connexion .article .infoconnect .info{
        display: inline;
        height: 100%;
        width: 100%;
        margin: auto;
    }
    
    .contain_connexion .article .infoconnect .info input[type="text"],[type="password"],[type="email"] {
        background-color: #f1e9ff86;
        width: 100%;
        height: 40px;
        padding: 0px 10px; 
        border: none;
        border-radius: 15px;
        font-size: 14px; 
        color: #696969;
        font-family: Arial, sans-serif; 
        border: 0.2px solid rgba(56, 116, 206, 0.1);
        transition: border-color 0.3s, box-shadow 0.3s; /* Transition douce pour les changements */
        margin: 15px 0;
    }
    
    .contain_connexion .article .infoconnect .info ul{
        display: flex;
        height: 100%;
        width: 100%;
        margin: auto;
    }
    
    .contain_connexion .article .infoconnect .info ul li{
        height: 100%;
        line-height: 70px;
        width: 50%;
        margin: auto;
    }
    
    .contain_connexion .article .infoconnect .info ul .right{
        text-align: right;
    }
    
    .contain_connexion .article .infoconnect .info ul .left{
        text-align: left;
    }
    
    .contain_connexion .article .infoconnect .info ul li{
        text-align: center;
    }
    
    
    .contain_connexion .article .infoconnect .info ul li a{
        color: #006479;
        font-size: 14px;
        font-weight: 600;
    }
    
    .contain_connexion .article .infoconnect .info ul li a:hover{
        color: #009cbb;
        font-size: 14px;
        font-weight: 550;
    }
    
    
    .contain_connexion .article .infoconnect .button{
        height: 100%;
        width: 60%;
        margin: auto;
    }
    
    .contain_connexion .article .infoconnect .button input[type="submit"] {
        background-color: #006479;
        width: 100%;
        height: 40px;
        line-height: auto;
        margin: auto;
        border-radius: 12px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        color: #ffffff;
    }

    /*///////////////////////////////////*/
    /* **************account***************/
    /* En-tête client */
    .client-header {
        display: block;
        justify-content: space-between;
        align-items: center;
        width: 60%;
        height: auto;
        padding: 20px 40px;
        margin: 60px auto;
        border-bottom: 1px solid #e5e7eb;
        background: #fff;
    }

    .client-info {
        display: inline;
        align-items: center;
        gap: 20px;
    }

    .detail-user {
        width: 60%;
        margin: 0 auto;
    }

    .detail-user i {
        background-color: #f5f5f5ff;
        font-size: 80px;
        height: 140px;
        line-height: 140px;
        margin: auto;
        border-radius: 50%;
        color: #0072869c;
    }

    .details {
        width: 90%;
        margin: 20px auto;
    }

    .details h2 {
        margin: 0 auto;
        font-size: 1.5rem;
        font-weight: 600;
        color: #007286ff;
        text-align: center;
        margin: 10px auto;
    }

    .details p {
        margin: 2px 0;
        font-size: 0.9rem;
        color: #374151;
        text-align: center;
    }

    /* Boutons actions */
    .client-actions {
        display: flex;
        width: 80%;
        gap: 10px;
        margin: 0 auto;
    }

    .stats {
        flex-direction: column;
        gap: 15px;
    }

    .stat-card {
        padding: 12px;
    }

    .dashboard {
        width: 85%;
        padding: 10px 15px;
    }

    .dashboard-table {
        font-size: 0.8rem;
    }

    .dashboard-table th,
    .dashboard-table td {
        padding: 8px 10px;
    }

    .dashboard-section h3 {
        font-size: 0.95rem;
    }

    .smart-hide{
        display: none;
    }

    .listes-summary li{
        display: block;
    }

    .listes-summary p {
        margin:  0;
        font-weight: 600;
        font-size: 14px;
        color: #005463d3;
    }

    /* Styles pour le conteneur principal */
    /*Ticket css*/
    .result-contain {
        display: inline;
        height: auto;
        width: 100%;
        margin: auto;
    }

    .result-contain .filteroption-left{
        display: none;
    }

    .result-contain .filteroption-mob{
        background-color: #ffffff;
        display: flex;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
        box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.185);
    }

    .result-contain .filteroption-mob .nonemobile-filter{
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
        border: 0.5px solid rgba(209, 209, 209, 0.308);
    }

    .result-contain .filteroption-mob .nonemobile-filter:hover{
        background-color: #ffffff;
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
        border: 0.5px solid rgba(0, 98, 116, 0.836);
    }    
    

    .result-contain .filteroption-mob .nonemobile-filter a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #00506441;
        font-weight: 600;
        margin: 0;
    }
    
    .result-contain .filteroption-mob .nonemobile-filter:hover a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #005064;
        font-weight: 600;
        margin: 0;
    }

    .result-contain .filteroption-mob .nonemobile-filter a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 13px;
        color: #00506441;
    }
        
    .result-contain .filteroption-mob .nonemobile-filter:hover a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 13px;
        color: #005064;
    }

    .result-contain .filteroption-mob .nonemobile-filter a i{
        width: 30%;
        font-size: 16px;
        color: #00506441;
        padding: 0 5px;
        margin: auto 0;
    }

    .result-contain .filteroption-mob .nonemobile-filter a i{
        width: 30%;
        font-size: 16px;
        color: #00506441;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .result-contain .filteroption-mob .nonemobile-filter:hover a i{
        width: 30%;
        font-size: 16px;
        color: #005064;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .result-contain .filteroption-mob .nonemobile-filter .menu{
        display: none;
        width: 100%;
        height: auto;
        padding: 0px 10px;
        margin: auto;
    }

    .result-contain .filteroption-mob .mobile-filter{
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
    }

    .result-contain .filteroption-mob .mobile-filter:hover{
        background-color: #ffffff;
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
    }    
    

    .result-contain .filteroption-mob .mobile-filter a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #00506441;
        font-weight: 600;
        margin: 0;
        border-radius: 20px;
        border: 0.5px solid rgba(0, 119, 139, 0.534);
    }
    
    .result-contain .filteroption-mob .mobile-filter:hover a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #005766;
        font-weight: 600;
        margin: 0;
        border: 0.5px solid rgba(0, 118, 139, 0.253);
    }

    .result-contain .filteroption-mob .mobile-filter a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 15px;
        color: #005766;
    }
        
    .result-contain .filteroption-mob .mobile-filter:hover a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 15px;
        color: #005766a6;
    }

    .result-contain .filteroption-mob .mobile-filter a i{
        width: 30%;
        font-size: 16px;
        color: #005766;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .result-contain .filteroption-mob .mobile-filter:hover a i{
        width: 30%;
        font-size: 16px;
        color: #005766a6;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu{
        width: 100%;
        height: auto;
        padding: 0px 10px;
        margin: auto;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter{
        width: 70%;
        height: auto;
        padding: 0px 10px;
        border-bottom: 5px solid rgba(0, 101, 119, 0.048);
        margin: auto;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .titre{
        width: 80%;
        height: auto;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .titre h2{ 
        margin: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        text-align: left;
        color: #005772;
        font-weight: 600;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option{
        width: 100%;
        height: auto;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li{
        width: 80%;
        height: 40px;
        line-height: 40px;
        margin: 5px 0;
        border: none;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li:hover{
        background-color: #c5c5c53f;
        border-radius: 10px;
        border: none;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li a{
        display: flex;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        color: #005064;
        font-weight: 600;
        margin: 0 0px;
        border: none;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li a i{
        width: 30px;
        font-size: 15px;
        color: #005064;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option .active a i{
        width: 30px;
        font-size: 15px;
        color: #bd4b00f6;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li a p{
        height: 40px;
        line-height: 40px;
        width: 70%;
        font-size: 13px;
        color: #005064;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option .active a p{
        height: 40px;
        line-height: 40px;
        width: 70%;
        font-size: 13px;
        color: #bd4b00f6;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li a #i_option{
        width: 30px;
        font-size: 13px;
        color: #00506448;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option li:hover a #i_option{
        width: 30px;
        font-size: 13px;
        color: #005064f3;
    }
    
    .result-contain .filteroption-mob .mobile-filter .menu .filter .option .active a #i_option{
        width: 30px;
        font-size: 13px;
        color: #bd4b00f6;
    }
    /**/

    .result-contain .result{
        display: inline;
        width: 60%;
        margin: 0 auto;
    }
    
    .result-contain .result h2{
        width: 80%;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        text-align: left;
        color: #005064;
        font-weight: 600;
        padding: 0 30px;
        margin: auto;
    }
    
    .result-contain .result .descr{
        display: flex;
        width: 80%;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
        text-align: left;
        color: #00506470;
        font-weight: 600;
        padding: 0 30px;
        margin: auto;
    }
    
    .result-contain .result p i{
        width: auto;
        height: 20px;
        line-height: 20px;
        color: #00506477;
        font-weight: 600;
        font-size: 14px;
        padding: 0 30px;
    }

    .result-contain .result .option{
        background-color: #ffffff;
        display: flex;
        width: 90%;
        height: auto;
        margin: 10px auto;
        border-radius: 10px;
        box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.185);
    }
    
    .result-contain .result .option li{
        width: 35%;
        height: auto;
        line-height: 50px;
        margin: 0;
    }
    
    .result-contain .result .option li:hover{
        width: 35%;
        height: 50px;
        line-height: 50px;
        border: 0.5px solid rgba(0, 101, 119, 0.192);
        border-radius: 10px;
    }

    .result-contain .result .option .active{
        width: 35%;
        height: 50px;
        line-height: 50px;
        border: 0.5px solid #bd4c006c;
        box-shadow: 0.5px 2px 5px 2px #bd4c0034;
        border-radius: 10px;
    }
    
    .result-contain .result .option li a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        color: #00506441;
        font-weight: 600;
        margin: 0;
    }.result-contain .result .option li a p{
        display: flex;
        text-align: left;
        height: 50px;
        line-height: 50px;
        width: 90%;
        font-size: 13px;
        color: #00506441;
    }.result-contain .result .option li a i{
        width: 20px;
        font-size: 16px;
        color: #00506441;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .result-contain .result .option li:hover a {
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        color: #005064ce;
        font-weight: 600;
        margin: 0;
    }.result-contain .result .option li:hover a p{
        display: flex;
        text-align: left;
        height: 50px;
        line-height: 50px;
        width: 90%;
        font-size: 13px;
        color: #005064ce;
    }.result-contain .result .option li:hover a i{
        width: 20px;
        font-size: 16px;
        color: #005064ce;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .result-contain .result .option .active a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        color: #005064ce;
        font-weight: 600;
        margin: 0;
    }.result-contain .result .option .active a p{
        display: flex;
        text-align: left;
        height: 50px;
        line-height: 50px;
        width: 90%;
        font-size: 13px;
        color: #005064ce;
    }.result-contain .result .option .active a i{
        width: 20px;
        font-size: 16px;
        color: #bd4b00f6;
        padding: 0 5px;
        margin: auto 0;
    }
    /*
    */

    .result-contain .result .findout{
        display: inline;
        width: 100%;
        height: auto;
        margin: 20px auto;
    }    
    .result-contain .result .findout .fo-result{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        box-shadow: 0.5px 2px 5px 2px rgba(59, 59, 59, 0.062);
    }
    
    .result-contain .result .findout .fo-result:hover{
        width: 90%;
        height: 200px;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        box-shadow: 0.5px 0px 5px 2px rgba(0, 118, 165, 0.37);
    }
    
    .result-contain .result .findout .fo-result a{
        display: inline;
        width: 90%;
        height: 200px;
    }

    .result-contain .result .findout .fo-result a .fo-body{
        display: inline;
        width: 100%;
        height: 60%;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u{
        display: inline;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: auto;
    }

    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit{
        display: inline;
        height: 50px;
        width: 80%;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time,#trajet {
        display: flex;
        width: 90%;
        height: 20px;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time p{
        width: 20%;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color: #004557ec;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #004557ec;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet p{
        width: 30%;
        height: 20px;
        font-size: 13px;
        text-align: center;
        color: #004557ec;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #004557ec;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places{
        display: inline;
        width: 100%;
        height: 30px;
        padding: 20px 0;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #0057576e;
        margin: 10px 10px;
        padding: 0 20px;
        border-right: none;
        border-top: 1.5px solid rgba(241, 241, 241, 0.445);
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2 i{
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #0057576e;
        margin: 0 10px;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h3{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        color: #005733ec;
        margin: 0 20px;
        padding: 0 20px;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d{
        display: inline;
        width: auto;
        height: auto;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix{
        display: flex;
        width: auto;
        height: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix h2{
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        text-align: right;
        color: #004557ec;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00465754;
        padding: 0 20px;
    } 
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe i{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00465754;
        padding: 0 20px;
    }  
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe p{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00465754;
        border: 1px solid rgba(0, 80, 94, 0.349);
        border-radius: 8px;
        padding: 0 20px;
    }

    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo{
        width: auto;
        height: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo h2{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 25px;
        text-align: right;
        color: #ff3c00ec;
    }
    
    .result-contain .result .findout .fo-result a .fo-foot{
        display: flex;
        height: 40%;
        width: 100%;
        border-top: 0.5px solid rgba(36, 36, 36, 0.137);
        margin: auto;
    }
    
    
    .result-contain .result .findout .fo-result a .fo-foot li{
        display: flex;
        height: 80%;
        width: auto;
        padding: 5px 0;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-result a .fo-foot #societe{
        display: none;
    }
    /******/
    .result-contain .result .findout .fo-full{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        border: 0.2px solid #00575727;
    }
    
    .result-contain .result .findout .fo-full:hover{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        border: 0.2px solid #00575727;
    }
    
    .result-contain .result .findout .fo-full a{
        display: inline;
        width: 90%;
        height: 200px;
    }

    .result-contain .result .findout .fo-full a .fo-body{
        display: inline;
        width: 100%;
        height: 60%;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u{
        display: inline;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: auto;
    }

    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit{
        display: inline;
        height: 50px;
        width: 80%;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time,#trajet {
        display: flex;
        width: 90%;
        height: 20px;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time p{
        width: 20%;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color: #0046575b;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #00465750;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet p{
        width: 30%;
        height: 20px;
        font-size: 13px;
        text-align: center;
        color: #00465765;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #00465759;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places{
        display: inline;
        width: 100%;
        height: 30px;
        padding: 20px 0;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #00575749;
        margin: 10px 10px;
        padding: 0 20px;
        border-right: none;
        border-top: 1.5px solid rgba(241, 241, 241, 0.445);
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2 i{
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #00575749;
        margin: 0 10px;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h3{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        color: #00575749;
        margin: 0 20px;
        padding: 0 20px;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d{
        display: inline;
        width: auto;
        height: auto;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix{
        display: flex;
        width: auto;
        height: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix h2{
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        text-align: right;
        color: #00575749;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00575749;
        padding: 0 20px;
    } 
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe i{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00575749;
        padding: 0 20px;
    }  
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe p{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00575749;
        border: 1px solid rgba(0, 80, 94, 0.349);
        border-radius: 8px;
        padding: 0 20px;
    }

    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo{
        width: auto;
        height: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo h2{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 25px;
        text-align: right;
        color: #00575749;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot{
        display: flex;
        height: 40%;
        width: 100%;
        border-top: 0.5px solid rgba(36, 36, 36, 0.137);
        margin: auto;
    }
    
    
    .result-contain .result .findout .fo-full a .fo-foot li{
        display: flex;
        height: 80%;
        width: auto;
        padding: 5px 0;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot #societe{
        display: none;
    }

    .result-contain .result .findout .fo-full a .fo-foot #societe i{
        width: 40px;
        height: 35px;
        line-height: 35px;
        font-size: 24px;
        color: #ffffff;
        margin: auto 20px;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot #societe p {
        height: 35px;
        line-height: 35px;
        width: auto;
        border: 1px solid rgba(0, 80, 94, 0.349);
        border-radius: 8px;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        padding: 0 10px;
        margin: auto 0;
    }
    
    
    .result-contain .result .findout .fo-full a .fo-foot #note{
        display: flex;
        height: 80%;
        width: auto;
        padding: 5px 10px;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot #note i{
        width: 25px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        color: #ffffff;
        margin: auto 0;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot #note p {
        height: 35px;
        line-height: 35px;
        width: auto;
        font-size: 18px;
        color: #00575749;
        text-align: left;
        border-left: none;
        padding: 0;
        margin: auto 0;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot #promo{
        display: flex;
        height: 80%;
        width: 40%;
        padding: 5px 10px;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot #promo p {
        height: 35px;
        line-height: 35px;
        width: 100%;
        font-size: 14px;
        color: #ffffff;
        text-align: right;
        padding: 0 10px;
        margin: auto 0;
    }
    
    .result-contain .result .findout .fo-full a .fo-foot li p{
        height: 35px;
        line-height: 35px;
        width: auto;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        padding: 0 10px;
        border-left: 1px solid rgba(0, 80, 94, 0.082);
        margin: auto 0;
    }
    
    /*Choice*/
    .result-contain .result .findout .fo-choice{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 0px auto;
        padding: 10px;
    }

    .result-contain .result .findout .fo-choice .resume{
        display: inline;
        width: 100%;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart{
        display: flex;
        width: 100%;
        height: auto;
        border-bottom: 6px solid rgba(164, 198, 204, 0.151);
        margin: auto;
        padding: 5px 0;
    }

    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire{
        display: inline;
        width: 70px;
        border-right: 4px dotted rgba(0, 80, 94, 0.288);
        height: auto;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon{
        display: inline;
        width: 10px;
        height: auto;
        margin: auto 0;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr{
        width: 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
    }.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr i{
        width: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 8px;
        text-align: center;
        color: #008892c4;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep{
        width: 10px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
    }.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep i{
        width: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 8px;
        text-align: center;
        color: #008892c4;
    }

    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville {
        display: inline;
        width: 100%;
        height: auto;
        margin: auto 0;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep{
        width: 200px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }.result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep p{
        width: 40px;
        height: 30px;
        line-height: 30px;
        font-size: 8px;
        text-align: center;
        color: #555555c4;
        font-weight: 500;
    }
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .harr{
        width: 200px;
        height: 30px;
        line-height:30px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .info{
        width: 100%;
        height: auto;
        line-height: 20px;
        margin: 8px auto;
        text-align: center;
        color: #005c63c4;
        font-size: 13px;
    }  

    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville p i{
        width: 15%;
        height: auto;
        color: #61616196;
        text-align: left;
        font-weight: 500;
        font-size: 12px;
    }

    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire{
        width: 70px;
        height: auto;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire p{
        width: 70px;
        height: 60px;
        text-align: center;
        color: #008892c4;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .hdep{
        width: 70px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .harr{
        width: 70px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .convoc{
        width: 70px;
        height: 20px;
        line-height: 30px;
        text-align: right;
        color: #01475a8a;
        font-weight: 500;
        font-size: 13px;
    }    
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing{
        width: 70px;
        height: auto;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .hdep{
        width: 70px;
        height: 60px;
        line-height: 50px;
        text-align: right;
        color: #ffa600e0;
        font-weight: 500;
        font-size: 13px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .harr{
        width: 70px;
        height: 30px;
        line-height: 50px;
        text-align: right;
        color: #ffa600e0;
        font-weight: 500;
        font-size: 13px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .convoc{
        width: auto;
        height: 30px;
        line-height: 30px;
        text-align: right;
        color: #00546b7e;
        font-size: 12px;
        font-weight: 500;
    }
    /**/
    .result-contain .result .findout .fo-choice .resume .res-societe{
        display: inline;
        width: 100%;
        padding: 20px 0;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info{
        display: flex;
        width: auto;
        padding: 10px 0px;
        margin: auto;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 20px;
        margin: auto;
    }.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p i{
        height: 35px;
        line-height: 35px;
        padding: 0px 5px;
    }.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #note i{
        height: 35px;
        line-height: 35px;
        padding: 0px 5px;
        color: #ffd900;
    }

    .result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 20px;
        border: 1px solid rgba(0, 92, 99, 0.589);
        color: rgb(0, 92, 99);
        border-radius: 10px;
    }.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe i{
        height: 40px;
        line-height: 40px;
        padding: 0px 5px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-comodites{
        width: 100%;
        padding: 5px 0;
        border-bottom: 6px solid rgba(164, 198, 204, 0.082);
        margin: auto;
    }
    .result-contain .result .findout .fo-choice .resume .res-comodites .res-como-info{
        width: 80%;
        padding: 10px 0;
        margin: auto;
    } 
    .result-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p{
        display: flex;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
    }.result-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p i{
        width: 40px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        text-align: center;
        color: #008892c4;
    }
    
    
    .result-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix{
        display: flex;
        width: auto;
        padding: 10px 0px;
        margin: auto;
        border-bottom: 2px solid rgba(164, 198, 204, 0.082);
    }
    
    .result-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix p{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        margin: auto;
    }.result-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix #prix{
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        color: #ff9100;
        font-size: 20px;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form{
        display: inline;
        width: auto;
        padding: 20px 0;
        margin: auto;
    }
    .result-contain .result .findout .fo-choice .resume .res-form h2{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 18px; 
        text-align: center;
        color: #005368b6;
        margin: 20px auto;
    }
    /**/
    .result-contain .result .findout .fo-choice .resume .res-form .res-form-info{
        display: flex;
        width: auto;
        padding: 10px 0;
        margin: auto;
    }.result-contain .result .findout .fo-choice .resume .res-form .res-form-info p{
        width: auto;
        height: auto;
        line-height: 40px;
        margin: 0 10px;
        padding: 10px;
        font-size: 14px; 
        text-align: center;
        color: #686868b6;
    }.result-contain .result .findout .fo-choice .resume .res-form .res-form-info #method{
        width: 250px;
        height: 40px;
        margin: auto;
        border-radius: 5px;
        border: 0.2px solid rgb(241, 241, 241);
    }.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method option{
        display: flex;
        width: 250px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin: auto;
    }.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method img{
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin: auto;
    }.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons{
        width: auto;
        height: auto;
        line-height: 90px;
        border-radius: 5px;
        margin: auto;
    }.result-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons i{
        width: auto;
        height: auto;
        margin: auto;
        font-size: 60px;
        margin: 0 5px;
        border: none;
        color: #3cd300ec;
    }
    /**/
    .result-contain .result .findout .fo-choice .resume .res-form .inputtext{
        display: flex;
        width: auto;
        height: auto;
        margin: 20px auto;
        border-radius: 5px;
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext i{
        width: 20px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin: 0 5px;
        padding: 0 20px;
        font-size: 16px;
        color: rgba(240, 108, 0, 0.945);
        border: 0.2px solid rgb(241, 241, 241);
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext p{
        display: flex;
        width: auto;
        height: auto;
        line-height: 20px;
        border-radius: 5px;
        margin: 0 auto;
        padding: 0 20px;
        font-weight: 500;
        font-size: 14px;
        color: rgba(119, 119, 119, 0.945);
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext img{
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        padding: 0 8px;
        margin: 0 5px;
        border: 0.2px solid rgb(241, 241, 241);
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext li{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 auto;
        border: 2.5px solid rgb(241, 241, 241);
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext li:hover{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 auto;
        border: 2.5px solid rgba(0, 131, 124, 0.384);
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext li a img{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 5px;
        border: none;
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext li a{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 5px;
        border: none;
    }.result-contain .result .findout .fo-choice .resume .res-form .inputtext li a i{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: none;
        font-size: 25px;
        margin: 0 5px;
        border: none;
        color: #3cd300ec;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form .res-form-info #select {
        background-color: rgba(248, 248, 248, 0.548);
        width: 100%;
        height: 40px;
        line-height: auto;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(58, 58, 58, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #006274b6;
    }

    .result-contain .result .findout .fo-choice .resume .res-form .res-form-info #gare {
        background-color: rgba(248, 248, 248, 0.548);
        width: 60%;
        height: 40px;
        line-height: auto;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(58, 58, 58, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #006274b6;
    }
    .result-contain .result .findout .fo-choice .resume .res-form .res-form-info #siege {
        background-color: rgba(248, 248, 248, 0.548);
        width: 30%;
        height: 40px;
        line-height: auto;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(58, 58, 58, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #006274b6;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form input[type="text"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: auto 10px;
        padding: 5px 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 15px; 
        text-align: left;
        color: #006374c0;
    }
    .result-contain .result .findout .fo-choice .resume .res-form input[type="email"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 95%;
        height: 30px;
        line-height: 30px;
        margin: 5px auto;
        padding: 5px;
        border-radius: 8px;
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #ff9900cb;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form #email {
        background-color: rgba(255, 255, 255, 0.925);
        width: auto;
        height: auto;
        line-height: 25px;
        margin: 5px auto;
        padding: 5px;
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 14px; 
        text-align: center;
        color: #b408089c;
    }
    
    
    .result-contain .result .findout .fo-choice .resume .res-form input[type="number"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: auto;
        padding: 5px 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 15px; 
        text-align: left;
        color: #006374c0;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form input[type="date"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 30%;
        height: 30px;
        line-height: 30px;
        margin: auto;
        padding: 5px 10px;
        border-radius: 8px;
        border: 0.5px solid rgb(255, 255, 255);
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 15px; 
        text-align: left;
        color: #006374c0;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form input[type="submit"] {
        background-color: rgb(0, 105, 109);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #ffffff;
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form input[type="submit"]:hover {
        background-color: rgb(0, 164, 170);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #ffffff;
    }
    .result-contain .result .findout .fo-choice .resume .res-form #submit {
        background-color: rgba(255, 255, 255, 0.904);
        width: auto;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px 20px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form #submit:hover {
        background-color: rgb(255, 255, 255);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px 20px;
        border-radius: 8px;
        border: 2.5px solid rgba(0, 105, 109, 0.637);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }

    .result-contain .result .findout .fo-choice .resume .res-form #bouton {
        background-color: rgba(255, 255, 255, 0.904);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px 10px;
        padding: 5px 20px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }
    
    .result-contain .result .findout .fo-choice .resume .res-form #bouton:hover {
        background-color: rgb(255, 255, 255);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px 10px;
        padding: 5px 20px;
        border-radius: 8px;
        border: 2.5px solid rgba(0, 105, 109, 0.637);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }
    .list-contain {
        display: inline;
        height: auto;
        width: 100%;
        margin: auto;
    }

    .list-contain .filteroption-left{
        display: none;
    }

    .list-contain .filteroption-mob{
        background-color: #ffffff;
        display: flex;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
        box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.185);
    }

    .list-contain .filteroption-mob .nonemobile-filter{
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
        border: 0.5px solid rgba(209, 209, 209, 0.308);
    }

    .list-contain .filteroption-mob .nonemobile-filter:hover{
        background-color: #ffffff;
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
        border: 0.5px solid rgba(0, 98, 116, 0.836);
    }    
    

    .list-contain .filteroption-mob .nonemobile-filter a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #00506441;
        font-weight: 600;
        margin: 0;
    }
    
    .list-contain .filteroption-mob .nonemobile-filter:hover a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #005064;
        font-weight: 600;
        margin: 0;
    }

    .list-contain .filteroption-mob .nonemobile-filter a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 13px;
        color: #00506441;
    }
        
    .list-contain .filteroption-mob .nonemobile-filter:hover a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 13px;
        color: #005064;
    }

    .list-contain .filteroption-mob .nonemobile-filter a i{
        width: 30%;
        font-size: 16px;
        color: #00506441;
        padding: 0 5px;
        margin: auto 0;
    }

    .list-contain .filteroption-mob .nonemobile-filter a i{
        width: 30%;
        font-size: 16px;
        color: #00506441;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .list-contain .filteroption-mob .nonemobile-filter:hover a i{
        width: 30%;
        font-size: 16px;
        color: #005064;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .list-contain .filteroption-mob .nonemobile-filter .menu{
        display: none;
        width: 100%;
        height: auto;
        padding: 0px 10px;
        margin: auto;
    }

    .list-contain .filteroption-mob .mobile-filter{
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
        border-radius: 20px;
    }

    .list-contain .filteroption-mob .mobile-filter:hover{
        background-color: #ffffff;
        display: inline;
        width: 90%;
        height: auto;
        margin: 5px auto;
    }    
    

    .list-contain .filteroption-mob .mobile-filter a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #00506441;
        font-weight: 600;
        margin: 0;
        border-radius: 20px;
        border: 0.5px solid rgba(0, 119, 139, 0.534);
    }
    
    .list-contain .filteroption-mob .mobile-filter:hover a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #005766;
        font-weight: 600;
        margin: 0;
        border: 0.5px solid rgba(0, 118, 139, 0.253);
    }

    .list-contain .filteroption-mob .mobile-filter a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 15px;
        color: #005766;
    }
        
    .list-contain .filteroption-mob .mobile-filter:hover a p{
        display: flex;
        text-align: center;
        height: 50px;
        line-height: 50px;
        width: 60%;
        font-size: 15px;
        color: #005766a6;
    }

    .list-contain .filteroption-mob .mobile-filter a i{
        width: 30%;
        font-size: 16px;
        color: #005766;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .list-contain .filteroption-mob .mobile-filter:hover a i{
        width: 30%;
        font-size: 16px;
        color: #005766a6;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu{
        width: 100%;
        height: auto;
        padding: 0px 10px;
        margin: auto;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter{
        width: 70%;
        height: auto;
        padding: 0px 10px;
        border-bottom: 5px solid rgba(0, 101, 119, 0.048);
        margin: auto;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .titre{
        width: 80%;
        height: auto;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .titre h2{ 
        margin: 0;
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        text-align: left;
        color: #005772;
        font-weight: 600;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option{
        width: 100%;
        height: auto;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li{
        width: 80%;
        height: 40px;
        line-height: 40px;
        margin: 5px 0;
        border: none;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li:hover{
        background-color: #c5c5c53f;
        border-radius: 10px;
        border: none;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li a{
        display: flex;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        color: #005064;
        font-weight: 600;
        margin: 0 0px;
        border: none;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li a i{
        width: 30px;
        font-size: 15px;
        color: #005064;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option .active a i{
        width: 30px;
        font-size: 15px;
        color: #bd4b00f6;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li a p{
        height: 40px;
        line-height: 40px;
        width: 70%;
        font-size: 13px;
        color: #005064;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option .active a p{
        height: 40px;
        line-height: 40px;
        width: 70%;
        font-size: 13px;
        color: #bd4b00f6;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li a #i_option{
        width: 30px;
        font-size: 13px;
        color: #00506448;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option li:hover a #i_option{
        width: 30px;
        font-size: 13px;
        color: #005064f3;
    }
    
    .list-contain .filteroption-mob .mobile-filter .menu .filter .option .active a #i_option{
        width: 30px;
        font-size: 13px;
        color: #bd4b00f6;
    }
    /**/

    .list-contain .result{
        display: inline;
        width: 60%;
        margin: 0 auto;
    }
    
    .list-contain .result h2{
        width: 80%;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        text-align: left;
        color: #005064;
        font-weight: 600;
        padding: 0 30px;
        margin: auto;
    }
    
    .list-contain .result .descr{
        display: flex;
        width: 80%;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
        text-align: left;
        color: #00506470;
        font-weight: 600;
        padding: 0 30px;
        margin: auto;
    }
    
    .list-contain .result p i{
        width: auto;
        height: 20px;
        line-height: 20px;
        color: #00506477;
        font-weight: 600;
        font-size: 14px;
        padding: 0 30px;
    }

    .list-contain .result .option{
        background-color: #ffffff;
        display: flex;
        width: 90%;
        height: auto;
        margin: 10px auto;
        border-radius: 10px;
        box-shadow: 0.5px 2px 5px 2px rgba(1, 125, 156, 0.185);
    }
    
    .list-contain .result .option li{
        width: 35%;
        height: auto;
        line-height: 50px;
        margin: 0;
    }
    
    .list-contain .result .option li:hover{
        width: 35%;
        height: 50px;
        line-height: 50px;
        border: 0.5px solid rgba(0, 101, 119, 0.192);
        border-radius: 10px;
    }

    .list-contain .result .option .active{
        width: 35%;
        height: 50px;
        line-height: 50px;
        border: 0.5px solid #bd4c006c;
        box-shadow: 0.5px 2px 5px 2px #bd4c0034;
        border-radius: 10px;
    }
    
    .list-contain .result .option li a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        color: #00506441;
        font-weight: 600;
        margin: 0;
    }.list-contain .result .option li a p{
        display: flex;
        text-align: left;
        height: 50px;
        line-height: 50px;
        width: 90%;
        font-size: 13px;
        color: #00506441;
    }.list-contain .result .option li a i{
        width: 20px;
        font-size: 16px;
        color: #00506441;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .list-contain .result .option li:hover a {
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        color: #005064ce;
        font-weight: 600;
        margin: 0;
    }.list-contain .result .option li:hover a p{
        display: flex;
        text-align: left;
        height: 50px;
        line-height: 50px;
        width: 90%;
        font-size: 13px;
        color: #005064ce;
    }.list-contain .result .option li:hover a i{
        width: 20px;
        font-size: 16px;
        color: #005064ce;
        padding: 0 5px;
        margin: auto 0;
    }
    
    .list-contain .result .option .active a{
        display: flex;
        width: 95%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        color: #005064ce;
        font-weight: 600;
        margin: 0;
    }.list-contain .result .option .active a p{
        display: flex;
        text-align: left;
        height: 50px;
        line-height: 50px;
        width: 90%;
        font-size: 13px;
        color: #005064ce;
    }.list-contain .result .option .active a i{
        width: 20px;
        font-size: 16px;
        color: #bd4b00f6;
        padding: 0 5px;
        margin: auto 0;
    }
    /*
    */

    .list-contain .result .findout{
        display: inline;
        width: 100%;
        height: auto;
        margin: 20px auto;
    }    
    .list-contain .result .findout .fo-result{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        box-shadow: 0.5px 2px 5px 2px rgba(59, 59, 59, 0.062);
    }
    
    .list-contain .result .findout .fo-result:hover{
        width: 90%;
        height: 200px;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        box-shadow: 0.5px 0px 5px 2px rgba(0, 118, 165, 0.37);
    }
    
    .list-contain .result .findout .fo-result a{
        display: inline;
        width: 90%;
        height: 200px;
    }

    .list-contain .result .findout .fo-result a .fo-body{
        display: inline;
        width: 100%;
        height: 60%;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u{
        display: inline;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: auto;
    }

    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit{
        display: inline;
        height: 50px;
        width: 80%;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time,#trajet {
        display: flex;
        width: 90%;
        height: 20px;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time p{
        width: 20%;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color: #004557ec;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #time i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #004557ec;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet p{
        width: 30%;
        height: 20px;
        font-size: 13px;
        text-align: center;
        color: #004557ec;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-hit #trajet i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #004557ec;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places{
        display: inline;
        width: 100%;
        height: 30px;
        padding: 20px 0;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #0057576e;
        margin: 10px 10px;
        padding: 0 20px;
        border-right: none;
        border-top: 1.5px solid rgba(241, 241, 241, 0.445);
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h2 i{
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #0057576e;
        margin: 0 10px;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-u .fod-u-places h3{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        color: #005733ec;
        margin: 0 20px;
        padding: 0 20px;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d{
        display: inline;
        width: auto;
        height: auto;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix{
        display: flex;
        width: auto;
        height: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix h2{
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        text-align: right;
        color: #004557ec;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00465754;
        padding: 0 20px;
    } 
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe i{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00465754;
        padding: 0 20px;
    }  
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-prix #societe p{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00465754;
        border: 1px solid rgba(0, 80, 94, 0.349);
        border-radius: 8px;
        padding: 0 20px;
    }

    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo{
        width: auto;
        height: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-body .fod-d .fod-d-promo h2{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 25px;
        text-align: right;
        color: #ff3c00ec;
    }
    
    .list-contain .result .findout .fo-result a .fo-foot{
        display: flex;
        height: 40%;
        width: 100%;
        border-top: 0.5px solid rgba(36, 36, 36, 0.137);
        margin: auto;
    }
    
    
    .list-contain .result .findout .fo-result a .fo-foot li{
        display: flex;
        height: 80%;
        width: auto;
        padding: 5px 0;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-result a .fo-foot #societe{
        display: none;
    }
    /******/
    .list-contain .result .findout .fo-full{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        border: 0.2px solid #00575727;
    }
    
    .list-contain .result .findout .fo-full:hover{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 20px auto;
        border-radius: 16px;
        border: 0.2px solid #00575727;
    }
    
    .list-contain .result .findout .fo-full a{
        display: inline;
        width: 90%;
        height: 200px;
    }

    .list-contain .result .findout .fo-full a .fo-body{
        display: inline;
        width: 100%;
        height: 60%;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u{
        display: inline;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: auto;
    }

    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit{
        display: inline;
        height: 50px;
        width: 80%;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time,#trajet {
        display: flex;
        width: 90%;
        height: 20px;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time p{
        width: 20%;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color: #0046575b;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #time i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #00465750;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet p{
        width: 30%;
        height: 20px;
        font-size: 13px;
        text-align: center;
        color: #00465765;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-hit #trajet i{
        width: 20px;
        height: 20px;
        font-size: 14px;
        text-align: center;
        color:  #00465759;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places{
        display: inline;
        width: 100%;
        height: 30px;
        padding: 20px 0;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #00575749;
        margin: 10px 10px;
        padding: 0 20px;
        border-right: none;
        border-top: 1.5px solid rgba(241, 241, 241, 0.445);
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h2 i{
        width: auto;
        height: 40px;
        line-height: 70px;
        font-size: 12px;
        text-align: center;
        color: #00575749;
        margin: 0 10px;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-u .fod-u-places h3{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        color: #00575749;
        margin: 0 20px;
        padding: 0 20px;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d{
        display: inline;
        width: auto;
        height: auto;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix{
        display: flex;
        width: auto;
        height: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix h2{
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        text-align: right;
        color: #00575749;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00575749;
        padding: 0 20px;
    } 
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe i{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00575749;
        padding: 0 20px;
    }  
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-prix #societe p{
        display: flex;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        text-align: right;
        color: #00575749;
        border: 1px solid rgba(0, 80, 94, 0.349);
        border-radius: 8px;
        padding: 0 20px;
    }

    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo{
        width: auto;
        height: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-body .fod-d .fod-d-promo h2{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 25px;
        text-align: right;
        color: #00575749;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot{
        display: flex;
        height: 40%;
        width: 100%;
        border-top: 0.5px solid rgba(36, 36, 36, 0.137);
        margin: auto;
    }
    
    
    .list-contain .result .findout .fo-full a .fo-foot li{
        display: flex;
        height: 80%;
        width: auto;
        padding: 5px 0;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot #societe{
        display: none;
    }

    .list-contain .result .findout .fo-full a .fo-foot #societe i{
        width: 40px;
        height: 35px;
        line-height: 35px;
        font-size: 24px;
        color: #ffffff;
        margin: auto 20px;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot #societe p {
        height: 35px;
        line-height: 35px;
        width: auto;
        border: 1px solid rgba(0, 80, 94, 0.349);
        border-radius: 8px;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        padding: 0 10px;
        margin: auto 0;
    }
    
    
    .list-contain .result .findout .fo-full a .fo-foot #note{
        display: flex;
        height: 80%;
        width: auto;
        padding: 5px 10px;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot #note i{
        width: 25px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        color: #ffffff;
        margin: auto 0;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot #note p {
        height: 35px;
        line-height: 35px;
        width: auto;
        font-size: 18px;
        color: #ffffff;
        text-align: left;
        border-left: none;
        padding: 0;
        margin: auto 0;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot #promo{
        display: flex;
        height: 80%;
        width: 40%;
        padding: 5px 10px;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot #promo p {
        height: 35px;
        line-height: 35px;
        width: 100%;
        font-size: 14px;
        color: #ffffff;
        text-align: right;
        padding: 0 10px;
        margin: auto 0;
    }
    
    .list-contain .result .findout .fo-full a .fo-foot li p{
        height: 35px;
        line-height: 35px;
        width: auto;
        font-size: 14px;
        color: #ffffff;
        text-align: left;
        padding: 0 10px;
        border-left: 1px solid rgba(0, 80, 94, 0.082);
        margin: auto 0;
    }
    
    /*Choice*/
    .list-contain .result .findout .fo-choice{
        background-color: #ffffff;
        width: 90%;
        height: auto;
        margin: 0px auto;
        padding: 10px;
    }

    .list-contain .result .findout .fo-choice .resume{
        display: inline;
        width: 100%;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart{
        display: flex;
        width: 100%;
        height: auto;
        border-bottom: 6px solid rgba(164, 198, 204, 0.151);
        margin: auto;
        padding: 5px 0;
    }

    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire{
        display: inline;
        width: 70px;
        border-right: 4px dotted rgba(0, 80, 94, 0.288);
        height: auto;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon{
        display: inline;
        width: 10px;
        height: auto;
        margin: auto 0;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr{
        width: 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
    }.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .harr i{
        width: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 8px;
        text-align: center;
        color: #008892c4;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep{
        width: 10px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
    }.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-icon .hdep i{
        width: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 8px;
        text-align: center;
        color: #008892c4;
    }

    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville {
        display: inline;
        width: 100%;
        height: auto;
        margin: auto 0;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep{
        width: 200px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }.list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .hdep p{
        width: 40px;
        height: 30px;
        line-height: 30px;
        font-size: 8px;
        text-align: center;
        color: #555555c4;
        font-weight: 500;
    }
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .harr{
        width: 200px;
        height: 30px;
        line-height:30px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville .info{
        width: 100%;
        height: auto;
        line-height: 20px;
        margin: 8px auto;
        text-align: center;
        color: #005c63c4;
        font-size: 13px;
    }  

    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-ville p i{
        width: 15%;
        height: auto;
        color: #61616196;
        text-align: left;
        font-weight: 500;
        font-size: 12px;
    }

    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire{
        width: 70px;
        height: auto;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire p{
        width: 70px;
        height: 60px;
        text-align: center;
        color: #008892c4;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .hdep{
        width: 70px;
        height: 60px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .harr{
        width: 70px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #008892c4;
        font-size: 16px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-horaire .convoc{
        width: 70px;
        height: 20px;
        line-height: 30px;
        text-align: right;
        color: #01475a8a;
        font-weight: 500;
        font-size: 13px;
    }    
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing{
        width: 70px;
        height: auto;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .hdep{
        width: 70px;
        height: 60px;
        line-height: 50px;
        text-align: right;
        color: #ffa600e0;
        font-weight: 500;
        font-size: 13px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .harr{
        width: 70px;
        height: 30px;
        line-height: 50px;
        text-align: right;
        color: #ffa600e0;
        font-weight: 500;
        font-size: 13px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-depart .res-dep-timing .convoc{
        width: auto;
        height: 30px;
        line-height: 30px;
        text-align: right;
        color: #00546b7e;
        font-size: 12px;
        font-weight: 500;
    }
    /**/
    .list-contain .result .findout .fo-choice .resume .res-societe{
        display: inline;
        width: 100%;
        padding: 20px 0;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info{
        display: flex;
        width: auto;
        padding: 10px 0px;
        margin: auto;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 20px;
        margin: auto;
    }.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info p i{
        height: 35px;
        line-height: 35px;
        padding: 0px 5px;
    }.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #note i{
        height: 35px;
        line-height: 35px;
        padding: 0px 5px;
        color: #ffd900;
    }

    .list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 20px;
        border: 1px solid rgba(0, 92, 99, 0.589);
        color: rgb(0, 92, 99);
        border-radius: 10px;
    }.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-info #societe i{
        height: 40px;
        line-height: 40px;
        padding: 0px 5px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-comodites{
        width: 100%;
        padding: 5px 0;
        border-bottom: 6px solid rgba(164, 198, 204, 0.082);
        margin: auto;
    }
    .list-contain .result .findout .fo-choice .resume .res-comodites .res-como-info{
        width: 80%;
        padding: 10px 0;
        margin: auto;
    } 
    .list-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p{
        display: flex;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #008892c4;
    }.list-contain .result .findout .fo-choice .resume .res-comodites .res-como-info p i{
        width: 40px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        text-align: center;
        color: #008892c4;
    }
    
    
    .list-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix{
        display: flex;
        width: auto;
        padding: 10px 0px;
        margin: auto;
        border-bottom: 2px solid rgba(164, 198, 204, 0.082);
    }
    
    .list-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix p{
        display: flex;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        margin: auto;
    }.list-contain .result .findout .fo-choice .resume .res-societe .res-soc-prix #prix{
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        color: #ff9100;
        font-size: 20px;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form{
        display: inline;
        width: auto;
        padding: 20px 0;
        margin: auto;
    }
    .list-contain .result .findout .fo-choice .resume .res-form h2{
        width: auto;
        height: 30px;
        line-height: 30px;
        font-size: 18px; 
        text-align: center;
        color: #005368b6;
        margin: 20px auto;
    }
    /**/
    .list-contain .result .findout .fo-choice .resume .res-form .res-form-info{
        display: flex;
        width: auto;
        padding: 10px 0;
        margin: auto;
    }.list-contain .result .findout .fo-choice .resume .res-form .res-form-info p{
        width: auto;
        height: auto;
        line-height: 40px;
        margin: 0 10px;
        padding: 10px;
        font-size: 14px; 
        text-align: center;
        color: #686868b6;
    }.list-contain .result .findout .fo-choice .resume .res-form .res-form-info #method{
        width: 250px;
        height: 40px;
        margin: auto;
        border-radius: 5px;
        border: 0.2px solid rgb(241, 241, 241);
    }.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method option{
        display: flex;
        width: 250px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin: auto;
    }.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #method img{
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin: auto;
    }.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons{
        width: auto;
        height: auto;
        line-height: 90px;
        border-radius: 5px;
        margin: auto;
    }.list-contain .result .findout .fo-choice .resume .res-form .res-form-info  #icons i{
        width: auto;
        height: auto;
        margin: auto;
        font-size: 60px;
        margin: 0 5px;
        border: none;
        color: #3cd300ec;
    }
    /**/
    .list-contain .result .findout .fo-choice .resume .res-form .inputtext{
        display: flex;
        width: auto;
        height: auto;
        margin: 20px auto;
        border-radius: 5px;
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext i{
        width: 20px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        margin: 0 5px;
        padding: 0 20px;
        font-size: 16px;
        color: rgba(240, 108, 0, 0.945);
        border: 0.2px solid rgb(241, 241, 241);
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext p{
        display: flex;
        width: auto;
        height: auto;
        line-height: 20px;
        border-radius: 5px;
        margin: 0 auto;
        padding: 0 20px;
        font-weight: 500;
        font-size: 14px;
        color: rgba(119, 119, 119, 0.945);
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext img{
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        padding: 0 8px;
        margin: 0 5px;
        border: 0.2px solid rgb(241, 241, 241);
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext li{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 auto;
        border: 2.5px solid rgb(241, 241, 241);
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext li:hover{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 auto;
        border: 2.5px solid rgba(0, 131, 124, 0.384);
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext li a img{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 5px;
        border: none;
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext li a{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: 5px;
        margin: 0 5px;
        border: none;
    }.list-contain .result .findout .fo-choice .resume .res-form .inputtext li a i{
        width: auto;
        height: 70px;
        line-height: 70px;
        border-radius: none;
        font-size: 25px;
        margin: 0 5px;
        border: none;
        color: #3cd300ec;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form .res-form-info #select {
        background-color: rgba(248, 248, 248, 0.548);
        width: 100%;
        height: 40px;
        line-height: auto;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(58, 58, 58, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #006274b6;
    }

    .list-contain .result .findout .fo-choice .resume .res-form .res-form-info #gare {
        background-color: rgba(248, 248, 248, 0.548);
        width: 60%;
        height: 40px;
        line-height: auto;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(58, 58, 58, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #006274b6;
    }
    .list-contain .result .findout .fo-choice .resume .res-form .res-form-info #siege {
        background-color: rgba(248, 248, 248, 0.548);
        width: 30%;
        height: 40px;
        line-height: auto;
        margin: 10px 10px;
        padding: 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(58, 58, 58, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(54, 54, 54, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #006274b6;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form input[type="text"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: auto 10px;
        padding: 5px 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 15px; 
        text-align: left;
        color: #006374c0;
    }
    .list-contain .result .findout .fo-choice .resume .res-form input[type="email"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 95%;
        height: 30px;
        line-height: 30px;
        margin: 5px auto;
        padding: 5px;
        border-radius: 8px;
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #ff9900cb;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form #email {
        background-color: rgba(255, 255, 255, 0.925);
        width: auto;
        height: auto;
        line-height: 25px;
        margin: 5px auto;
        padding: 5px;
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 14px; 
        text-align: center;
        color: #b408089c;
    }
    
    
    .list-contain .result .findout .fo-choice .resume .res-form input[type="number"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: auto;
        padding: 5px 10px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 15px; 
        text-align: left;
        color: #006374c0;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form input[type="date"] {
        background-color: rgba(248, 248, 248, 0.548);
        width: 30%;
        height: 30px;
        line-height: 30px;
        margin: auto;
        padding: 5px 10px;
        border-radius: 8px;
        border: 0.5px solid rgb(255, 255, 255);
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 15px; 
        text-align: left;
        color: #006374c0;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form input[type="submit"] {
        background-color: rgb(0, 105, 109);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #ffffff;
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form input[type="submit"]:hover {
        background-color: rgb(0, 164, 170);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: #ffffff;
    }
    .list-contain .result .findout .fo-choice .resume .res-form #submit {
        background-color: rgba(255, 255, 255, 0.904);
        width: auto;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px 20px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form #submit:hover {
        background-color: rgb(255, 255, 255);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px auto;
        padding: 5px 20px;
        border-radius: 8px;
        border: 2.5px solid rgba(0, 105, 109, 0.637);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }

    .list-contain .result .findout .fo-choice .resume .res-form #bouton {
        background-color: rgba(255, 255, 255, 0.904);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px 10px;
        padding: 5px 20px;
        border-radius: 8px;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }
    
    .list-contain .result .findout .fo-choice .resume .res-form #bouton:hover {
        background-color: rgb(255, 255, 255);
        width: 50%;
        height: 40px;
        line-height: auto;
        margin: 20px 10px;
        padding: 5px 20px;
        border-radius: 8px;
        border: 2.5px solid rgba(0, 105, 109, 0.637);
        box-shadow: 0 0.5px 0.2px 0.1px rgba(0, 0, 0, 0.1);
        font-size: 16px; 
        text-align: center;
        color: rgb(0, 105, 109);
    }

    /*Main page for footer menu*/
    /**/
    main.legal-page {
        margin: 80px auto;
        padding: 15px 0;
        font-size: 0.95rem;
    }

    main.legal-page h1 {
        font-size: 1.5rem;
    }

    main.legal-page h2 {
        font-size: 1.1rem;
    }
    
    /*///////////////////////////////////*/
    /* ****************Footer***************/    
    .footer-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-section {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-bottom{
        display: block;
        width: 80%;
    }

    .footer-bottom .products{
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .products h4 {
        display: block;
        margin-bottom: 10px;
    }

    .footer-bottom .socials{
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .socials a {
        font-size: 20px;
    }

    .footer-bottom .legal{
        display: inline;
        width: 100%;
        margin-bottom: 15px;
    }

    .legal a {
        display: block;
        margin-bottom: 10px;
    }

}