/* GESTION DES COULEURS POUR LE MENU PRINCIPAL*/

#menu_principal { color : black; background-color : rgba(225,0,122,0.9); }
#menu_principal a  { background-color: transparent; color : white; }
#menu_principal a:hover{ background-color:#a50058; color : white; }
#menu_principal ul{ background-color:rgba(225,0,122,0.9); color : white; }


#menu_principal .inactif { background-color: transparent; color : black;}
#menu_principal .inactif:hover { background-color: transparent; color : black;}






/*#menu_principal .actif*/


.mode_coche  >li a  { margin-left : 10px; }



.menu_horizontal {position:absolute; margin-left:20px; margin-top:5px;}
.menu_horizontal ul > li { display : inline-block; /*padding-left :10px; padding-right : 10px; padding-top:4px; padding-bottom:4px;*/ }
.menu_horizontal ul li:hover { font-size: 1em; cursor: pointer;}
.menu_horizontal ul ul { margin:0; padding:0; /*margin-left: -10px; margin-top:4px;*/ padding-top:20px; padding-bottom: 20px;  list-style: none; box-shadow: 0px 4px 4px #1c1a19; }
.menu_horizontal ul li > ul { position : absolute; display : inline-block; overflow:visible; padding-top:0px; padding-bottom:5px; }
.menu_horizontal ul ul li {  display : block; /*padding-left :20px; padding-right: 20px;*/ white-space: nowrap; }
.menu_horizontal ul ul ul {margin-left: 20px;}
.menu_horizontal ul ul li:first-child{ margin-top : 5px;}
.menu_horizontal ul ul li:last-child{ margin-bottom : 5px;} 
.menu_horizontal a {display:block; text-decoration : none; padding-left :10px; padding-right : 10px; padding-top:4px; padding-bottom:4px;}
.menu_horizontal ul li > ul a { padding-left :20px; padding-right : 20px; }
.menu_horizontal a span {font-size: 0.5em; margin-left:5px;}

.presentation_menu {padding:0; position:relative; width:70px; height:14px; background:url("menu_logos.png") no-repeat; background-position: -0px -0px; cursor:pointer;}
.logo_menu {padding:0; position:relative; width:17px; height:14px; background:url("menu_logos.png") no-repeat; background-position: -0px -14px; cursor:pointer;}


.menu_vertical {position:absolute; margin-left:20px; margin-top:5px;}
.menu_vertical ul li:hover { font-size: 1em; cursor: pointer;}
.menu_vertical ul ul { margin:0; padding:0; /*margin-left: -10px; margin-top:4px;*/ padding-top:20px; padding-bottom: 20px;  list-style: none; box-shadow: 0px 4px 4px #1c1a19; }
.menu_vertical ul li > ul { position : absolute; display : inline-block; overflow:visible; padding-top:0px; padding-bottom:5px; }
.menu_vertical ul li {  display : block; /*padding-left :20px; padding-right: 20px;*/ white-space: nowrap; }
.menu_vertical ul ul {margin-left: 20px;}
.menu_vertical ul li:first-child{ margin-top : 5px;}
.menu_vertical ul li:last-child{ margin-bottom : 5px;} 
.menu_vertical a {display:block; text-decoration : none; padding-left :10px; padding-right : 10px; padding-top:4px; padding-bottom:4px;}
.menu_vertical ul li > ul a { padding-left :20px; padding-right : 20px; }
.menu_vertical a span {font-size: 0.5em; margin-left:5px;}

.menu_mobile { margin:0; padding:0; padding-left:0px; position : relative; list-style: none; color : #211108; background-color : #e1007a; z-index : 7; overflow:hidden; }
.menu_mobile li { margin:0; }
.menu_mobile ul { position : relative;list-style: none;  box-shadow: none; width:auto; }
.menu_mobile > li { display : block; }
.menu_mobile li > ul { padding:0; margin:0; position : relative; display:block; border-bottom : 1px solid white; border-top : 1px solid white;}
.menu_mobile a {text-decoration : none; display : inline-block; padding-left : 10px; padding-right: 10px; padding-top:4px; padding-bottom:3px; } 
.menu_mobile li li> a {display : block; text-decoration : none;} 
.menu_mobile  a:hover { font-size: 1em; cursor: pointer;}
.menu_mobile span { font-size : 0.5em;  }
.menu_mobile .coche { display : none; }
.menu_mobile ul ul ul {margin-left: 20px;}

.float_right ul li > ul { right : 0px;}
.float_right ul ul ul {margin-right : 40px;}
