table#userTable.dataTable tbody tr:hover {
  background-color: #d5f5e3 !important;
}
 
table#userTable.dataTable tbody tr:hover > .sorting_1 {
  background-color: #d5f5e3 !important;
}

table#userTable.dataTable tbody tr.selected {
    background-color: #acbad4 !important; 
}

table.dataTable tbody tr.selected>* {
 color:black;
 box-shadow: inset 0 0 0 9999px #b0bed9 !important;
}

/* *************** */

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  background-color: #7fb3d5; 
 /* background-color:linear-gradient(to right, #ffffff ,  #2874a6);*/
}

table.dataTable tbody tr  {
  background-color: #ffffff;
}
/* table.dataTable.table-striped tbody tr.odd  {
  background-color: #f9f9f9; 
} */

table.dataTable th.dtfc-fixed-left,
table.dataTable th.dtfc-fixed-right,
table.dataTable td.dtfc-fixed-left,
table.dataTable td.dtfc-fixed-right {
  z-index: 1;
}

div.dtfc-right-top-blocker,
div.dtfc-left-top-blocker {
  margin-top: 6px;
  border-bottom: 1px solid #ddd !important;
}

table.dataTable.table-bordered.dtfc-has-left {
  border-left: none;
}

div.dataTables_scroll.dtfc-has-left table.table-bordered {
  border-left: none;
}

div.dataTables_scrollBody {
  border-left: 0px solid #ddd !important;
}

div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
  border-left: 1px solid #ddd !important;
}

tr.dt-rowReorder-moving td.dtfc-fixed-left,
tr.dt-rowReorder-moving td.dtfc-fixed-right {
  border-top: 2px solid #888 !important;
  border-bottom: 2px solid #888 !important;
}
tr.dt-rowReorder-moving td.dtfc-fixed-left:first-child {
  border-left: 2px solid #888 !important;
}
tr.dt-rowReorder-moving td.dtfc-fixed-right:last-child {
  border-right: 2px solid #888 !important;
}

table.dataTable.table-striped.DTFC_Cloned tbody {
  background-color: white;
 }

table.dataTable th {
  border-bottom-color: #DEE2E6;
 /*  background-color:linear-gradient(to right, #ffffff ,  #2874a6); */
  background-color:  #aed6f1 ;
}

table.dataTable.table-bordered.dtfc-has-left tr td {
  border-left: none;
}
table.dataTable  td { 
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
}

div.dataTables_scrollBody thead tr,
div.DTFC_LeftBodyLiner thead tr,
div.DTFC_RightBodyLiner thead tr {
  height: 0px !important;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

/**** enléve le scroll x sur pc et autre ::afte */

@media (min-width: 768px) {
  div.dataTables_scrollBody {
    overflow-x: hidden !important;
  }
}
.usertable {
			width: 100%;
			border:1px solid black;
			border-collapse:collapse;
			font-family: Helvetica, sans serif;
			font-size:10px;
			vertical-align:top;
			margin-top:0px;
			margin-bottom:0px;
			margin-right:2px;
      }     
/* Fin datatable fixed colonne */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  vertical-align: middle;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color:  #5dade2;
  color: black;
  text-align: left; 
  vertical-align: middle;
  white-space:pre-wrap;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 115%;
 }
 .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 10%;
  left: 102%;
  text-align: left; 
  vertical-align: middle;
  white-space:pre-wrap;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent black  ;
   /* the arrow */
  border:8px solid #000;
  border-color: transparent transparent transparent red;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
 }
/*****/
.EASA {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.EASA .EASAtext {
  visibility: hidden;
  width: 200px;
  background-color: #58d68d ;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
   /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 115%;
 }
 .EASA .EASAtext::after {
  content: "";
  position: absolute;
  top: 10%;
  left: 102%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent black ;
   /* the arrow */
  border:8px solid #000;
  border-color: transparent transparent transparent red;
}

.EASA:hover .EASAtext {
  visibility: visible;
}

.classic { padding: 0.8em 1em; }

.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

.heure  { text-align:right; padding-right: 15px !important;} 
.type  { width: 6px;text-align:center;} 
.cienom  {
	display: block;
	text-align: start; 
	white-space: nowrap; 
	min-width: 60px;
	 margin:0;
    padding:0;
	} 
.QUOTATYPE {width: 6px;text-align:center;text-align: center;}
.CIELPE {width: 3px;text-align:center;text-align: center;}
.criticite{width: 3px;text-align:center;text-align: center;}
.debtab { padding: 0em 0em;  
	border: 1px solid  #f2f3f4  ; 
 /*	width:3px;*/
	border:1px solid  #f2f3f4 ;
	grid-row-gap: 0;
	white-space: normal;
	gap: 0;
	} 
.immat {
  cursor: pointer;
  width: 4px;
  text-decoration : underline;
}	
.immatrouge {
  cursor: pointer;
  text-decoration : underline;
  color : red;
  text-align: center;
     }
.numvol { white-space: nowrap; 
  width: 10px; 
  overflow: hidden;
  font-weight: bold;
  text-overflow: ellipsis;
  text-decoration : underline;
  cursor: pointer;
  text-align:center;
  } 

.rouge {  background-color : #f1948a;}
.jaune {  background-color : #FFFF00  ;}
.bleu  {  background-color : #7fb3d5;}
.blanc  {  background-color :  #ffffff ;}
.centre  {text-align: center;  } 
.vert   {  background-color : green ;}
.majuscule { text-transform: uppercase; }
.minuscule {text-transform: inherit ;}

.TPI {
  background-color: YELLOW;
  color: red;
  float:right;
   direction: rtl;
  }

  
.debth { padding: 0em 0em; 
	background: linear-gradient(to right, #ffffff ,  #2874a6);
	/*border: 2px solid #FFAD33; */
	width:10px; 
	border : 1px solid #000000;
	text-align:center;
	grid-row-gap: 0;
	gap: 0;} 

/* Tooltip colonne exploitant case remarques RECIF */
.tooltip2 {
  position: relative;
  display: inline-block;
  white-space:normal;
  border-bottom: 1px dotted black;
  text-align:center;
  vertical-align: middle;
}
/* Par défaut : tooltip au-dessus */
.tooltip2 .tooltiptext {
  bottom: 125%;
  top: auto;
}

/* Pour les 5 premières lignes -> tooltip en dessous */
tr:nth-child(-n+5) .tooltip2 .tooltiptext {
  bottom: auto;
  top: 125%;
}

/* Et la flèche inversée pour ces lignes */
tr:nth-child(-n+5) .tooltip2 .tooltiptext::after {
  top: auto;
  bottom: 100%;
  border-color: transparent transparent red transparent;
}
.tooltip2 .tooltiptext {
  visibility: hidden;
  width: auto;
  white-space:pre; 
  background-color:   #5dade2   ; /* #555;*/
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 2px 1px 1px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 20%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  text-align:center;
}
.tooltip2 .tooltiptext::after {
  content: "";
  text-align: left;
  vertical-align: middle;
  position: absolute;
  top: 100%;
  left: 20%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: red transparent transparent transparent;
}
.tooltip2:hover .tooltiptext {
  visibility: visible;
  text-align: left;
  vertical-align: middle;
  font-size: 11px;
  opacity: 1;
}

.boutonQT:hover {background-color: #b92b56 ;}
.Fdsac:hover {background-color: #e74c3c  ;}
.apropos:hover {background-color: #e74c3c  ;}
.madsac:hover {background-color: #e74c3c  ;}

.Fdsac {
display:inline-flex;
border-radius:0em;
border: 0px solid  #2980b9 ;/* #f2f3f4;*/ 
box-sizing: border-box;
text-decoration: none;
text-align:left;
font-family:'Heveltica',sans-serif;
font-size: 11px;
font-weight:600;
background-color:  #aed6f1;/* #a9cce3; */
color:#2980b9   ;
text-shadow: 0 0.04em 0.04em rgba( 165, 105, 189);
transition: all 0.2s;
 min-width: 80%
}
.apropos {
display:inline-flex;
border-radius:0em;
border: 0px solid  #2980b9 ;/* #f2f3f4;*/ 
box-sizing: border-box;
text-decoration: none;
text-align:left;
font-family:'Heveltica',sans-serif;
font-size: 12px;
font-weight:600;
background-color:  #77add9;/* #a9cce3; */
color:#ffffff;
text-shadow: 0 0.04em 0.04em rgba( 165, 105, 189);
transition: all 0.2s;
width: 100%;
min-width: 80%
}
.madsac {
display:inline-flex;
border-radius:0em;
border: 0px solid  #2980b9 ;/* #f2f3f4;*/ 
box-sizing: border-box;
text-decoration: none;
text-align:left;
font-family:'Heveltica',sans-serif;
font-size: 12px;
font-weight:600;
background-color:  #2471A3;/* #a9cce3; */
color:#ffffff;
text-shadow: 0 0.04em 0.04em rgba( 165, 105, 189);
transition: all 0.2s;
width: 100%;
min-width: 80%
}

.boutonQT{
display:inline-block;
border-radius:0em;
border: 1px solid  #2980b9; 
box-sizing: border-box;
text-decoration:none;
font-family:'Heveltica',sans-serif;
font-size: 12px;
font-weight:300;
background-color: #a9cce3; 
color:#2980b9   ;
text-shadow: 0 0.04em 0.04em rgba( 165, 105, 189);
text-align:left;
transition: all 0.2s;
width: 100%;
font-weight: bold;
}

.lignes{
	display:block;
	border:  1px double   #2e86c1 ; /* #32a1ce; */
}
.quotaR{
display:table-cell;
text-align:center;
color:#17202a ;
background-color:#7fb3d5; 
}
.quotaNR{
display:table-cell;
text-align:center;
color: #17202a ;
background-color:#ffff5c; 
}
.quotaSO{
display:table-cell;
text-align:center;
color:#17202a  ;
background-color:#ffffff;
}
.quotaRDSAC{
display:table-cell;
text-align:center;
color:#17202a ;
background-color:#7fb3d5; 
}
.quotaNRDSAC{
display:table-cell;
text-align:center;
color: #17202a ;
background-color:#ffff5c; 
}
.quotaSDSACO{
display:table-cell;
text-align:center;
color:#17202a  ;
background-color:#ffffff;
}
.quotaSODSACREA{
display:table-cell;
text-align:center;
color:#17202a  ;
background-color:#eaeded ;
}
.selectvol{
display:table-cell;
text-align:center;
color:#17202a  ;
background-color: #c5e1a5;
}
.encadrer{ border: 2px solid orange; padding: 5px; } 
.national{
	color:white;
	background-color:red;
	padding:5px;
}
.BTRI{
  float: right;
  font-size: 8x;
  font-weight: bold;
  color:white;
  background-color:red;
  padding:5px;
}

 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: absolute;
  top: 55%;
  left: 43%;
  resize: both;
  transform: translate(-50%, -50%);
  z-index: 1; /* Sit on top */
  width: auto;/*375px; /* Full width */
   height: auto; /* Full height */
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content/Box */
.modal-content {
  background-color:  #aed6f1   ;
  opacity: 0.9;
  margin: 0; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: auto; /* Could be more or less, depending on screen size */
  animation-name: plandevol;
  animation-iteration-count: infinite;
  animation-duration: 30s;
   overflow: auto; /* Enable scroll if needed */
}
.plan-de-vol{
  animation-name: plandevol;
  animation-duration: 30s;
}
@keyframes plandevol {
  from {background-color: #aed6f1   ;}
  to {background-color:   #ffffff   ;}  /*c8e6c9*/
}

/*header déplacable */
#mydivheader {
  padding: 0px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}
.modalalert {
  display: none; /* Hidden by default */
  position: absolute; 
  top: 50%;
  left: 50%;
  resize: both;
  transform: translate(-50%, -50%);
  z-index: 1; /* Sit on top */
  width: 1250px;
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content/Box */
.modalalert-content {
  background-color: whitesmoke; /* #f1d7d5; */
  /*  opacity: 0.9;*/
  margin: 0; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: auto; /* Could be more or less, depending on screen size */
}
/*header déplacable */
#mydivheaderalert {
  padding: 0px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}
/*modal archive prepa*/
.modalarchi {
  display: none; /* Hidden by default */
  position: absolute; 
  top: 50%;
  left: 50%;
  resize: both;
  transform: translate(-50%, -50%);
  z-index: 1; /* Sit on top */
  width: 980px;
 /* width: 900px ;*/
 /* height: 400px; */
 /*Full: height ;*/
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content/Box */
.modalarchi-content {
  background-color: #d6eaf8 ;
  opacity: 0.9;
  margin: 0; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: auto; /* Could be more or less, depending on screen size */
}
/*header déplacable */
#mydivheaderarchi {
  padding: 0px;
  cursor: move;
  z-index: 10;
  background-color: green;
  color: #fff;
}
/* The Close Button */
.close {
  color:  #f4511e ;
  float: right;
  font-size: 18px;
  font-weight: bold;
}
/* The Close Button */
.close1 {
  color:  #f4511e ;
  float: right;
  font-size: 18px;
  font-weight: bold;
}
[draggable=true] {
	cursor: move;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 
.Tabalerte {display:  inline-table;
			width: auto;  
			border:1px solid black;
			border-collapse:collapse;
			font-size: 10px;
			vertical-align:top;
			margin-top:0px;
			margin-left:10px;
			margin-right:0px;
			}

/******************************/
/* menu sel vol */

.dropbtn {
  background-color:  #5499c7 ;
  color: white;
  padding: 16px;
  font-size: 12px;
  border: none;
}

.textesel{
  color: white; /*#e74c3c ; /* #f9a825   ; */
	background-color:  #e74c3c ;
	font-weight:bold;
}
.dropdown {
  position: relative;
  display: block; /*inline-flex;*/
  float: right;
  margin-top: 10px;
  
}
.dropdown2 {
  position: relative;
  display: inline-flex;
  margin-top: 10px;
  margin-right:0px; /* largeur de la colonne gauche */
  margin-left:5px; /* largeur de la colonne gauche */
}
.dropdown3 {
  position: relative;
  display: inline-flex; 
  align-content:stretch;
 float: right;
 width:auto;
  margin-right: 20px; /* largeur de la colonne gauche */
  margin-left:0px; /* largeur de la colonne gauche */
}

.dropdown-content {
  display: none;
  position: absolute;
  font-size: 12px;  
  background-color: #d6eaf8;
  min-width: 200px; 
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin: -40px;
  top: 85px;
  float: right;
}
.btexcel {
  display: none;
  border-radius:0em;
  border: 0px solid  #f2f3f4; 
  position: absolute;
  font-size: 12px;  
  background-color: #d6eaf8;
  color: blue;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
 }
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
   z-index: 1;
     margin: -105px;
 }
.dropdown-content a:hover {background-color: #b92b56;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #b92b56 ;}
/********************/
/* Texte défilant */
.messagedefilant {
  position: relative;
  display: block; /*inline-flex;*/
  float: right;	
  margin: 40px auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 40%;
 /* max-width: 840px;*/
  height: 20px;
}
.messagedefilant div {
  position: absolute;
  min-width: 75%; /* au minimum la largeur du conteneur */
}
.messagedefilant div span, 
.messagedefilant div:after {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  white-space: nowrap;
  top:0;
}
.messagedefilant div span {
  animation: defilement 30s infinite linear;
  background: #cde;
}
.messagedefilant div:after {
  position: absolute;
  top:0; left:0;
  content:attr(data-text);
  animation: defilement2 30s infinite linear;
  background: #edc;
}
.suppligne {color:red;text-decoration:line-through;}
.colorbtreg {
border:1px solid black;
height:30px;
width:100px;
margin-top:8px;
background-color: #d7dbdd ;
color:red;
margin-bottom:8px;
}
.colorbtvert {
border:1px solid black;
height:30px;
width:100px;
margin-top:8px;
background-color: #d7dbdd ;
color:green;
margin-bottom:8px;
}
.volanim {background-color:  #ffffff ;}
.volanim:before {
	content: attr(data-time);
    display: inline-block;
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;
    border-radius: 40%;
    vertical-align: middle;
    color: #287A2B;
	font-weight:bold;
	padding-right: 2px !important;
	padding-left: 2px !important;
	width: auto;
    height: auto;
    background-color: #DFF0D8;
 }
.volanimR {background-color:  #ffffff ;}
.volanimR:before {
	content: attr(data-time);
    display: inline-block;
    font-size: 10px;
    line-height: 1.5em;
    text-align: center;
    border-radius: 40%;
    vertical-align: middle;
	color: #F44336;
	font-weight:bold;
	padding-right: 2px !important;
	padding-left: 2px !important;
	width: auto;
    height: auto;
    background-color: #fadbd8 ;
 }
.volanimN {background-color:  #ffffff ;}
.volanimN:before {
	content: "►";
	float:center;
	vertical-align : middle;
	color:#03a9f4;
	font-size: 12px;  
	font-weight: bold;
    animation-duration: 1s;
	animation-name: clignoter;
	animation-iteration-count: 20;
	transition: none;
	padding-right: 5px !important;
	padding-left: 5px !important;
}
.volbiffure {background-color:  #ffffff ;}
.volbiffure:before {
 	content: "⚠"; /*"✖";*/
	font-size: 12px;
	color: #F44336;
	float:center;
	vertical-align : middle;
	font-weight: bold;
    animation-duration: 1s;
	animation-name: clignoter;
	animation-iteration-count: 20;
	transition: none;
	padding-right: 5px !important;
	padding-left: 5px !important;

}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}
.progress {	
color: #e74c3c !important;
font-size: 10px; 
font-weight: bold;
animation: clignoter 1s infinite;}
/********************/
/* Texte défilant */
/* le block conteneur */
.marquee-rtl {
  max-width: 35em;                      /* largeur de la fenêtre */
  margin: 1em auto 2em;
  border: 10px solid #F0F0FF;
  overflow: hidden;                     /* masque tout ce qui dépasse */
  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}
/* le bloc défilant */
.marquee-rtl > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-rtl 15s infinite linear;
}
@keyframes defilement-rtl {
  0% {    transform: translate3d(0,0,0);   }   /* position initiale à droite */  
  100% {    transform: translate3d(-100%,0,0); } /* position finale à gauche */  
}
 /* Modifier le bouton OK */
.ajs-ok {
    background-color: #28a745 !important; /* Vert */
    color: white !important;
    border-radius: 5px;
}

/* Modifier le bouton Annuler */
.ajs-cancel {
    background-color: #dc3545 !important; /* Rouge */
    color: white !important;
    border-radius: 5px;
}

/* Mettre le sélecteur et la recherche sur la même ligne */
div.bottom-container {
  display: flex;
  justify-content: space-between; /* l à gauche, f à droite */
  align-items: center;            /* alignement vertical */
  margin-top: 10px;
}

/* Optionnel : ajuster les marges internes */
div.dataTables_length {
  margin: 0;
}
div.dataTables_filter {
  margin: 0;
}

/*bouton de droite */
.menuimmat{
  font-weight: bold;
  background-color:#7fb3d5;
  color: white;
  display: block;
  text-align: center;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
.menuimmat1{
  background-color:#85C1E9;
  color: white;
  display: block;
  text-align: center;
  padding: 2px 2px;
  border-bottom: 1px solid #ccc;
}
#contextMenu li::before {
  font-size: 8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  width: 16px;
  text-align: center;
}

body{margin:0;height:100vh;font-family:"Segoe UI",Arial,sans-serif;background:#f8f8f8}
#contextMenu{position:absolute;display:none;background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:9999;min-width:220px;overflow:hidden;animation:fadeIn .1s ease-out}
#contextMenu ul{list-style:none;margin:0;padding:5px 0}
#contextMenu li{padding:2px 10px;cursor:pointer;display:flex;align-items:center;gap:10px;user-select:none;white-space:nowrap}

#contextMenu li[data-action="affi-sel"]::before{content:"✅"}
#contextMenu li[data-action="reaffi-sel"]::before{content:"❌"}
#contextMenu li:hover{background:#0078d7;color:#fff}
#contextMenu li[data-action="filter-dsac"]::before{content:"🔄"}
#contextMenu li[data-action="filter-layer1"]::before{content:"🔄"}
#contextMenu li[data-action="showall-layer1"]::before{content:"❌"}
#contextMenu li[data-action="prep"]::before{content:"\f5b0";color:#0078d7;}
#contextMenu li[data-action="planvol"]::before{content:"\f279";color:#0078d7;}
#contextMenu li[data-action="close"]::before{content:"❌";}
@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
#contextMenu hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 5px 0;
}
/* Fin bouton de droite */