:root {
    --bleu-fonce: #11479F;
    --bleu-clair: #2596F1;
}

.points { 
    min-width:40%; 
    text-align:center; 
  } 
   
.onglet{ 
    display:flex; 
    width: 100%; 
    margin:auto; 
    flex-wrap: wrap; 
} 

.onglet p{ 
    margin: 0px !important 
} 

.onglet .title_onglet{ 
    display:flex; 
    justify-content: space-between; 
    align-items:center; 
    width:100%; 
    border-bottom: solid 2px gray; 
    border-right: solid 2px gray; 
    border-left: solid 2px gray; 
    padding: 5px 15px 5px 15px; 
    background-color:white; 
} 

.onglet .title_onglet .o_title{
    display: flex;
    font-size:1.1rem;
    font-weight:bold;
    min-width: 40%;
    color: black;
}

.onglet:first-child .title_onglet{
    border-top: solid 2px gray;
}
.onglet .items{ 
    column-count:2; 
    break-inside: avoid-column; 
    width:100%; 
    padding: 5px 15px 5px 15px; 
    border-right: solid 2px gray; 
    border-left: solid 2px gray; 
    border-bottom: solid 2px gray; 
    display:none; 
} 

.onglet .items p { 
    color:var(--bleu-clair); 
} 
 
.onglet .items-transport{ 
    column-count:1 !important; 
} 

.onglet .items-transport .item, 
.onglet .items-transport .item div{ 
    display: flex; 
} 

.onglet .items-transport .item{ 
    justify-content: space-between; 
} 

.onglet .items .item{
    text-align:initial;
}

.onglet .items-transport .item div p{ 
    margin-left:5px !important; 
}

.transport{
    min-width:40%;
    text-align:center;
}

.ecole {
    min-width:40%;
    text-align:center;}

/* Modal */ 
.menu .ancre_menu, 
.special-popup .ancre_menu{ 
    display:flex; 
    justify-content: flex-end; 
    text-decoration:none; 
} 
 
.menu .ancre_menu:hover .name_menu{ 
    cursor: pointer; 
    display: block; 
    -webkit-animation-name: menu_apparition; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1; 
    -moz-animation-name: menu_apparition; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1; 
    animation-name: menu_apparition; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
} 
 
.menu .name_menu{ 
    left: 5px; 
} 
 
.menu .name_menu, 
.special-popup .name_menu{ 
    display: none; 
    color: white; 
    background-color: #2a79e0; 
    padding: 8px 18px 8px 20px; 
    position: relative; 
    z-index: 100; 
    border-radius: 5px 0px 0px 5px; 
    border: solid 1px #2a79e0; 
} 
 
.menu .name_menu h4, 
.special-popup .name_menu h4{ 
    color: white; 
    font-size: 1.4rem; 
 
} 
 
.menu .icon_menu, 
.special-popup .icon_menu{ 
    background-color: #11479f; 
    padding: 8px 15px 8px 15px; 
    border-bottom: solid 1px #11479f; 
    z-index: 101; 
} 
 
.menu .icon_menu:hover, 
.special-popup .icon_menu:hover{ 
    cursor: pointer; 
} 
 
.menu .first{ 
    border-radius: 5px 5px 0px 0px; 
} 
 
.menu .end{ 
    border-radius: 0px 0px 5px 5px; 
} 
 
.special-popup .end { 
    border-radius: 0px 5px 5px 0px; 
} 
 
.special-popup{ 
    position: fixed; 
    left: 0; 
    z-index: 1000; 
    top: 50%; 
} 
 
.special-popup .ancre_menu:hover .name_menu{ 
    cursor: pointer; 
    display: block; 
    -webkit-animation-name: menu_special_apparition; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1; 
    -moz-animation-name: menu_special_apparition; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1; 
    animation-name: menu_special_apparition; 
    animation-duration: 2s; 
    animation-iteration-count: 1; 
} 
 
.special-popup .name_menu{ 
    right: 1px; 
    border-radius: 0px 5px 5px 0px !important; 
} 
 
.modal .custom_bloc_one, 
.modal .custom_bloc_two, 
.modal .select-custom{ 
  display:flex; 
  justify-content:space-between; 
} 
 
.modal .select-custom .input-group{ 
  width:49%; 
} 
 
.modal .custom_bloc_one div, 
.modal .custom_bloc_two div{ 
    width:48%; 
} 
 
.modal .color_success{ 
  border-color:green; 
} 
 
@media only screen and (max-width: 600px) { 
    .modal .select-custom{ 
      flex-direction:column; 
    } 
   
    .modal .select-custom .input-group{ 
      width:100%; 
    } 
     
    .modal-button{ 
      margin-top:1rem; 
      white-space: normal; 
      text-align: left; 
      font-size: 1rem; 
    } 
  }


  /* FOOTEr */

  .liste_arr_front{
      column-count: 2;
      column-gap: 10vw;
  }