.rien:hover {
    color: red;
    text-decoration: none;
    background: linear-gradient(to left, red, white 50%, blue 75%);
    border-radius: 20px;
    border: 2px solid white;
}



.linkNv{
margin-top:-4px;	
}
.h1 {
 font-family: Arial, Helvetica, sans-serif; font-size: 14px;    
 }
 
.pg-syl {
 font-family: Arial, Helvetica, sans-serif; font-size: 1px;   
 font-style:italic; 
 }

 #menu {
    display: flex;                /* Transformation en flexbox */
    padding:0px;                    /* Suppression des marges internes */
   				 /*background-color:#;        Ajout de la couleur d'arrière-plan */
    justify-content: space-around;/* Alignements des liens dans le #menu */
    width : 1420px;	    
    font-family:
    "Libre Baskerville"; font-size:22px;    
    			/*font-weight:bolder; */ 
     
}
 
 #menu ul {
    list-style-type: none; 
    margin: -3px; 
    padding:0px;    
    height: 50px;
  width: 1429px;   
 }
 
 #menu li {
 left: 0px; top:3px; height: 35px; width: 110px; 
 background-color:black/*   Ajout de la couleur ???????????????????????????????d'arrière-plan */     
   border-radius: 11px;  /* Ajout d'une bordure */
    float:left;
       position:relative;
    text-align:center;
     margin-left:5px;   
 }






 
 #menu a {
    color:#333;
    display:block;              /* Transformation en block */
    width: 120px;        /* Largeur minimale des liens */  
    margin:0.2rem;               /* Marges externes */
    padding:0.30rem 0.30rem;           /* Marges internes */
    text-align: center;           /* Centrage du texte */ 
     justify-content: space-around;/* Alignements des liens dans le #menu */  
    /* background-color:rgb(139,197,108);      Arrière-plan */
    color:white;                  /* Couleur du texte */                  /* Blue blanc pour noir*/
    text-decoration: none;        /* Suppression du soulignement */
    border: 2px   solid #fff;       /* Ajout d'une bordure */
    border-radius: 11px;          /* Arrondis des bordures  */
    							   /* Largeur minimale des liens */  
              						 /* Marges externes */  
    xxtransition: all 0.5s ;          /* Ajout des effets de transition */
   
  } 
 
 #menu div { 
 cursor: pointer;
    display:block;
    text-decoration: none;
    padding: 8px 0;  /* gere le centyrage des tes=xgtes dan #menu*/

    color:#333; /* couleur texte zone spoil et information */
 }
 
 

 #menu li li a {
  color:/*#fff, /* Couleur du texte du #menu */ 
	border-radius: 7px; border: 1px solid rgb(220, 220, 220); border-image: url('../../index.css') none; 
width: 110px; text-align: center; color:blue; text-decoration: none; float: left; display: block;  padding-top:0px;
}

  

 #menu li li div {color: /*#fff, /* Couleur du texte du #menu */
 }
 
/* #menu li li {    float:none; }*/
 
 
 #menu li:hover {
 
 background-color:/* #ed2794;
    color: #ffe843;
    border-color: #FF4400;
   /* background-color: #000; /* Couleur d'arriere-plan du #menu au survol */
 }
 
 .#menu/*dropdown#menu*/ li:hover a {
    color:/* #fff; /* Couleur du texte du #menu au survol */ 
}
 .#menu/*dropdown#menu*/ ul li:hover {
    background-color:/* #000; /* Couleur d'arriere-plan des sous-#menu au survol */ 
}
.#menu/*dropdown#menu*/ ul li:hover a {
    color: /*#f00;  Couleur du texte des sous-#menu au survol */
}
/* cidessous les valeur des 3°sousnniveu*/

#menu  ul li a{
	border-radius: 7px; border: 1px solid rgb(220, 220, 220);background-color:black ;color:white;/*  Arrière-plan niveau-zero */ 
}


#menu ul ul {/*Modifie le premier et deuxième groupe*/

    display:none;
    position:absolute;
    left:-10px;
     background-color:/* white ; Arrière-plan */ 
     color: #3F3F3F;      /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 0px   solid #fff;       /* Ajout d'une bordure */
    /*border-radius: 7px; border: 1px solid  blue; */
    border-radius:7px;           /* Arrondis des bordures */ 
    min-width: 135px;           /* Largeur minimale des liens */  
    max-width: 135px;           /* Largeur maximales des liens */ 
     
 
}

#menu li:hover ul ul {/*Modifie le3) groupe*/


    display:none;
    position:absolute;
    left:0; 
    background-color:white;
    color:/*#3F3F3F*/;    /*rgb(139,197,108);     Arrière-plan */
                   /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 0px   solid blue;/*#fff        Ajout d'une bordure */
    border-radius: 0px;           /* Arrondis des bordures */ 
   
}
#menu li:hover ul {
    display:block;
     z-index: 100; /* Gestion de la superposition des sous-#menus par rapport au reste de la page */ 
     
    }
#menu li li:hover ul {

    display:block;
    left:-144px;
    top:0;
}
#menu ul ul li {
    padding: 8px; /* Plus d’espace dans les sous groupes  pour cliquer */
}

.fle {
font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;    
color: #606060;
margin-top:0px;
padding-top:0px;
width:97px;
height:26px;
text-align:center;
background-color:white;
left: 0px; top: 0px;  
}