/*le commun de base*/
a {
    text-decoration:none;
    text-transform:none;
    cursor:pointer;
}
a:hover {
    text-decoration:underline;
}
a {
    cursor: pointer;
    color:#333333;
}
img {
    border:0
}
body,input,select,form,a,span {
    margin:0;
    padding:0;
    display:inline;
}
hr,h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0
}
h2 {
    font-size:1.3em;
}
table {
    border-collapse:collapse
}
table {
    border-collapse:collapse
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    height: 100%;
    background-color: white;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden
}
h2 a,h3 a {
    font-family:Segoe UI, Arial, sans-serif;
    color: white;
}
#page {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    box-shadow: 0px 0px 5px 0px grey;
    border-radius: 15px;
    background-color: white;
}
#enveloppe {
    position:relative;
    top:3px;
}
#logout {
    position:relative;
    top:4px;
}
#logout:hover {
    opacity: 0.5;
}
/**************/
/* le bandeau */
/**************/
#bandeau {
    width:100%;
    height:119px;
    display: flex;
    flex-direction: row;
    gap: 0;
}
#bandeau_left {
    flex : 1;
    width: 595px;
}
#bandeau_right_menu {
    color:#ff9933;
    text-align: center;
    padding-top:1px;
    padding-bottom:5px;
    margin-top:6px;
    margin-right:10px;
    margin-bottom:6px;
    background: linear-gradient(to top, #6d6c6c 0%, #222222 77%);
    border-radius: 15px;
}
#bandeau_right_menu a {
    color:white;
}
#bandeau_right {
    width:375px;
    height:100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background:white;
    padding-left: 10px;
}
#bandeau_right_contenu {
    display: flex;
    width: 100%;
    height:87px;
}
#bandeau_right_contenu_gauche {
    order : 1;
    width:225px;
}
#bandeau_right_contenu_droite {
    order : 2;
    text-align: center;
    width:120px;
}
#cymlogo_left{
    float:left;
    width:448px;
    margin:2px;
    padding:1px;
}
/************************/
/* 	Corps de la page	*/
/************************/
.flex_accueil {
    display: flex;
    flex-direction: row;
}
#corps {
    width:100%;
    background-color:white;
    border-top-left-radius: 15px;
    margin-bottom: -1px;  /* Pour éviter le trait parasite sur mobile */
}
#bas_du_corps{
    position:relative;
    width:100%;
    height:25px;
    padding-top:6px;
    background-color: white;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
#footer {
    text-align: center;
}
#microtime {
    text-align: center;
}
#colonne_centrale{
    overflow: hidden;
}
fieldset {
    border-radius: 5px;
}
.segoe {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1.1em;
}
.bold {
    font-weight: bold;
}
.flex {
    display: flex;
  }
.font_11px {
    font-size: 11px;
}
.red{
    color: red;
}
.green {
    color: green;
}
.black {
    color: black;
}
.wrap {
    word-wrap: break-word;
}
/* ------------- Têtes de coureurs --------- */
.visageCont {float: left;position:relative;right:0px;width: 120px;height: 140px;}
.yeux {position:absolute;left:26px;top:55px;}
.lunettes {position:absolute;left:26px;top:55px;}
.surcils {position:absolute;left:27px;top:50px;}
.bouche {position:absolute;left:35px;top:76px;}
.barbe {position:absolute;left:35px;top:76px;}
.nez {position:absolute;left:40px;top:58px;}
.coiffure {position:absolute;left:0px;top:0px;}
.coiffure_nuque {position:absolute;left:0px;top:0px;}
.visage {position:absolute;top:11px;left:17px;}
.maillot {position:absolute;top:94px;left:0px;}
/* ---------- Divers ----------*/
.sondage {
  background-color: #FFFFFF;
  padding: 10px;
  font-size: 110%;
  line-height: 1.5em;;
}
.sondage_question{
  padding: 10px;
}
.sondage_form{
  padding: 10px;
}
.bouton_poussoir {
    background:#4B99AD;
    padding:4px 11px 4px 11px;
    border: 0;
    color:#fff;
    border-radius:5px;
    cursor: pointer;    
}
.bouton_poussoir:hover {
    background:#66b5c9;
}
.bouton_poussoir_rouge {
    background:#dd4d59;
    padding:4px 11px 4px 11px;
    border: 0;
    color:#fff;
    border-radius:5px;
    cursor: pointer;    
}
.bouton_poussoir_rouge:hover {
    background:#e27792;
}
.bouton_poussoir_disabled {
    background:#b6b5b5;
    padding:4px 11px 4px 11px;
    border: 0;
    color:#fff;
    border-radius:5px;
}
#contenu_box {
    padding: 0px 5px 5px 8px;
    flex: 1;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#titre_contenu {
    padding: 7px;
    background: #F8A94D;
    background: linear-gradient(to top, #F8A94D 0%, #F58400 77%);
    color: white;
    border-radius: 5px;
    margin: 0px 0px 12px 0px;
    font-weight: bold;
}
#sous_menu_droite_box {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-right: 5px;
    text-align: left;
}
.paragraphe_header {
    padding: 6px 6px 7px 5px;
    color: white;
    background: linear-gradient(to top, #F8A94D 0%, #F58400 77%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 187px;
}
.petit_paragraphe_header {
    padding: 2px;
    color: white;
    border-width: 1px;
    border-color: #F8A94D;
    border-style: solid;
    background: linear-gradient(to top, #F8A94D 0%, #F58400 77%);
    border-radius: 5px;
}
.paragraphe_header_moyen {
    padding: 5px 6px 6px 6px;
    color: white;
    font-weight: bold;
    background: #ff9317;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
}
.paragraphe_header_moyen a {
    color: white;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
.paragraphe_header_moyen a:hover {
    color: white;
	text-decoration-line: underline;
	text-decoration-style: unset;
}
.paragraphe_header_fin {
    padding: 2px 6px 2px 6px;
    color: white;
    font-weight: bold;
    background: #949292;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}
.paragraphe_header_fin a {
    color: white;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
.paragraphe_header_fin a:hover {
    color: white;
	text-decoration-line: underline;
	text-decoration-style: unset;
}
.paragraphe_contenu {
    padding: 8px;
    border-width: 1px;
    border-color: #F8A94D;
    border-style: solid;
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.line_height_18 {
    line-height: 18px;
}
#sous_menu_droite_box a {
    color: #333333;
}
#sous_menu_droite_box a:hover {
    color: #999999;
}
.portlet_boite {
    margin-bottom: 5px;
}
.portlet_titre {
    padding: 5px;
    background: rgb(214,214,214);
    background: linear-gradient(0deg, rgba(214,214,214,1) 0%, rgba(182,182,182,1) 57%, rgba(212,212,212,1) 100%); 
    border-radius: 4px;
}
.portlet_contenu {
    padding: 5px;
    background-color: rgb(243, 243, 243);
}
.portlet_titre_red {
    border: 1px solid #DF0101;
    background: linear-gradient(to bottom, #DF0101, #FA5858);
    color: #ffffff;
    font-weight: bold;
    color: #ffffff;
}
.portlet_titre_red a {
    color: #ffffff;
}
.portlet_contenu_red {
    border: 1px solid #DF0101;
    background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x;
    color: #000000;
}
.div_titre {
    margin-top: 10px;
    margin-bottom: 6px;
    background-color: #e7e7e7;
    border-radius: 4px;
    font-weight: bold;
    padding: 6px;
}
.div_titre_gris_fonce {
    margin-top: 10px;
    margin-bottom: 6px;
    background-color: #949292;
    border-radius: 4px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    padding: 6px;
}
.img_vertical_align {
    vertical-align: middle;    
}
.text_vertical_align {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 3px;
}
.dotted_span_link {
    cursor: pointer;
	text-decoration-line: underline;
	text-decoration-style: dotted;    
}
.dotted a {
	text-decoration-line: underline;
	text-decoration-style: dotted;    
}
.dotted a:hover{
	text-decoration: underline;
}
.space-between {
    margin-right: 10px; /* Ajoute un espace à droite */
}
.font_size_1_1em {
    font-size: 1.1em;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.fond_gris_clair {
background-color: rgb(241, 241, 241);
}
.nouvelle_actualite {
    background-color: rgb(168, 26, 26);
    color: white;
    padding: 2px;
    border-radius: 3px;
}
.accueil_deux_colonnes {
    flex: 1;
}
.accueil_titre_section {
    padding-left: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-bottom: 2px;
}
#colonne_droite_accueil {
    margin-left: 8px;
}
#navigateur_championnat_box {
    margin-bottom: 12px;
}
.navigateur_championnat {
    background-color: #eeeeee;
    padding: 4px 4px 5px 4px;
    font-size: 110%;
    border-radius: 4px;
}
.live_bandeau_ecran_principal_box {
    margin: 5px;
}
.live_bandeau_ecran_principal {
    font-size:1.1em;
    background-color: black;
    padding: 4px;
    border-radius: 4px;
}
.live_bandeau_ecran_principal a {
    color: orange;
}
.classement_table {
    width: 100%;
}
.classement_table tr:hover {
    background-color: #eeeeee;
}
.classement_table a {
    color: #333333;
}
.classement_equipe_montee{
    border-top: 1px solid #aaaaaa;
}
.classement_equipe_descente {
    border-bottom: 1px solid #aaaaaa;
}
.classement_table td {
    padding: 4px;
}
.classement_individuel {
    border-bottom: #eeeeee;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
/* Tableau séparant les lignes */
.tableau {
    line-height: 18px;
    border-collapse: separate; /* Les bordures ne sont pas fusionnées */
    border-spacing: 0; /* Aucun espacement entre les cellules */
    /* border: #F58400 solid 1px; */
    border: #949292 solid 1px;
    border-radius: 4px;
    margin-right: 5px;
}
.tableau th {
    /* background: linear-gradient(to top, #F8A94D 0%, #F58400 77%); */
    background: #e7e7e7;
    font-weight: bold;
    border-right: 1px solid #FFF;
}
.tableau th.gris_fonce {
    color: white;
    font-weight: bold;
    background: #949292;
    font-weight: bold;
    border-right: 1px solid #FFF;
}
.tableau th.th_dernier {
    border: 0;
}
.tableau th a{
    color: white;
}
.tableau tr:hover {
    background-color: #eeeeee;
}
.tableau td {
    border-bottom: #eeeeee solid 1px;
}
/* Tableau séparant les lignes et les colonnes */
.tableau2 {
    line-height: 18px;
    border-collapse: separate; /* Les bordures ne sont pas fusionnées */
    border-spacing: 0; /* Aucun espacement entre les cellules */
    /* border: #F58400 solid 1px; */
    border: #949292 solid 1px;
    border-radius: 4px;
    margin-right: 5px;
}
.tableau2 th {
    /* background: linear-gradient(to top, #F8A94D 0%, #F58400 77%); */
    background: #e7e7e7;
    font-weight: bold;
    border-right: 1px solid #FFF;
}
.tableau2 th.gris_fonce {
    color: white;
    font-weight: bold;
    background: #949292;
    font-weight: bold;
    border-right: 1px solid #FFF;
}
.tableau2 th.th_dernier {
    border: 0;
}
.tableau2 th a{
    color: white;
}
.tableau2 tr:hover {
    background-color: #eeeeee;
}
.tableau2 td {
    border-bottom: #eeeeee solid 1px;
}
.tableau2 td {
    border-right: #eeeeee solid 1px;
}
.border_0 {
    border: 0;
}
.sortableColumn {
    cursor: pointer;
}
.sortableColumn2 {
    cursor: pointer;
}
.moi td {
    background-color: #fff3ca;
}
.bot td
{
color: #bbbbbb;
}
.bot span
{
color: #bbbbbb;
}
.bot a
{
color: #bbbbbb;
}
.or {
    background-color: gold;
    padding: 1px;
    border-radius: 3px;
}
.argent {
    background-color: silver;
    padding: 1px;
    border-radius: 3px;
}
.bronze {
    background-color:#b37700;
    padding: 1px;
    border-radius: 3px;
}
.tooltip {
    position: relative;
    cursor: pointer;
}
.tooltip:hover .tooltiptext{
    visibility: visible;
    opacity: 1;
}
.tooltiptext {
    visibility: hidden;
    background-color: #777;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    bottom: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
}
.tooltiptext::after {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}
.tooltip:hover .tooltip_coureur{
    visibility: visible;
    opacity: 1;
}
.tooltip_coureur {
    z-index: 1;
    display: inline-block;
    visibility: hidden;
    background-color: #777;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 3px;
    position: absolute;
    top: 100%;
    left: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
    line-height: 140%;
}
.tooltip_coureur_carac {
    width: 70px;
    display: inline-block;
    color: #333;
    text-align: left;
}
.tooltip_coureur_valeur {
    width: 24px;
    display: inline-block;
    color: #333;
}
.tooltip:hover .tooltip_profil_course{
    visibility: visible;
    opacity: 1;
}
.tooltip_profil_course {
    z-index: 1;
    display: inline-block;
    visibility: hidden;
    background-color: #777;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    top: -70%;
    left: 10%;
    opacity: 0;
    transition: opacity 0.7s;
    white-space: nowrap;
}
.menu-items li {
    list-style: none;
  }
.evenement_td {
    width: 90px;
    vertical-align: top;
}
.box_fiche_eq_infos {
    display: flex; /* Active Flexbox pour le conteneur */
    height: 100vh; /* Hauteur égale à la hauteur de la fenêtre */
}
.box_fiche_eq_infos_large {
    flex: 1; /* Chaque div prend une portion égale de l'espace */
 }
.box_fiche_eq_infos_etroit {
    flex: 0.5;
}
.rainbowMC {
    background: linear-gradient(to right, #007fff, #ff0000 25%, #000000 50%, #ffff00 75%, #007f00 100%);
    color:#ffffff;
    border-radius:5px 5px 5px 5px;
    font-weight: bolder;
    width: 170px;
    display: inline-block;
    padding: 5px;
    margin: 2px 10px;
}
/**début*************************************************************/
#confirmation {
    position: fixed; /* Superposition sans déformer la page */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 128, 0, 0.9); /* Fond vert transparent */
    color: white;
    padding: 15px 30px;
    border-radius: 5px;
    display: none; /* Caché par défaut */
    font-size: 1rem;
    z-index: 1000;
}
/* Transition pour un effet de fondu */
#confirmation.fade-out {
    animation: fadeOut 1s forwards;
}
#confirmation.error {
    background-color: red;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/**fin*************************************************************/
.position {
    width:22px;
    text-align:right;
    padding-right:6px;
}
.mp_lu {
    padding: 2px 6px 2px 6px;
    color: black;
    background: #e0dddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}
.mp_nouveau {
    padding: 2px 6px 2px 6px;
    color: black;
    background: #f1dd22;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}
.conteneur-enveloppe {
    position: relative; /* Permet de positionner les enfants de manière absolue */
    display: inline-block; /* Pour que le conteneur s'adapte à son contenu */
}
.cercle_rouge {
    width: 18px; /* Taille du cercle */
    height: 18px;
    background-color: red; /* Couleur de fond */
    color: white; /* Couleur du texte */
    font-weight: bold; /* Met le texte en gras */
    text-align: center; /* Centrer horizontalement */
    border-radius: 50%; /* Rend le fond circulaire */
    display: inline-block; /* Permet de conserver la forme circulaire */
    line-height: 18px;
    display: flex; /* Meilleure centrage du texte */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    position: absolute;
    top: 0; /* Positionne en haut du conteneur */
    right: 0; /* Positionne à droite du conteneur */
    transform: translate(50%, -50%); /* Décale de 50% vers la droite et le haut */
    z-index: 1; /* Force l'affichage au-dessus de l'image */
}
#enveloppe {
    display: inline-block; /* Assure un affichage correct */
    z-index: 0;
}
/** Page Index ******************************************/
#logo_index {
    height: 110px;
}
#page_index{
    width:890px;
    margin-left:auto;
    margin-right:auto;
}
#corps_presentation{
    position:relative;
    width:100%;
    background:white;
    border: 2px solid #f58400;
    border-radius: 5px;
    float: left;
}
.contenu_index{
    float:left;
    text-align: justify;
    padding: 10px 10px 15px 50px;
    width: 360px;
    line-height: 140%;
    margin-top: 6px;
}
#connexion{
    float:right;
    padding: 5px 10px 5px 10px ;
    margin-top: 9px;
    margin-right:55px;
    background: #efefef;
    color: #444;
    border: 2px solid #f58400;
    border-radius: 5px;
 }
#ligne_haut_i { 
    float:right;
    margin-right:90px;
    border-left:2px solid #f58400;
    border-right:2px solid #f58400;
    border-bottom:2px solid #f58400;
    padding:2px;
    background:#efefef;
    border-radius:0px 0px 5px 5px;
    padding: 2px 5px;
}
#ligne_haut_i a{
    color:black;
}
/** Fin Page Index *****************************/
.cg_position {
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
    width: 11px;
    text-align: right;
}
.cg_montee {
    color: white;
    background-color: green;
}
.cg_descente {
    color: white;
    background-color: red;
}
.cg_gold {
    background-color: gold;
}
.cg_silver {
    background-color: silver;
}
.cg_bronze {
    background-color: #b37700;
}
.checkbox_gris {
    accent-color: #e0dddd;
}
/** Popup date */
.field { position: relative; width: 330px; }
.dp-input { width: 304px; }
.dp-input:focus { outline: 2px solid #3b82f6; outline-offset: 1px; }
.dp-btn { position:absolute; top:50%; transform:translateY(-50%); border:0; background:transparent; cursor:pointer; }
.dp-popup { position:absolute; z-index:10; top:42px; left:0; width: 280px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow: 0 10px 30px rgba(0,0,0,.08); display:none; }
.dp-header { display:flex; align-items:center; justify-content:space-between; padding:8px; border-bottom:1px solid #e5e7eb; }
.dp-nav { display:flex; gap:6px; }
.dp-nav button { border:1px solid #e5e7eb; background:#f9fafb; padding:6px; border-radius:8px; cursor:pointer; }
.dp-grid { padding:8px; display:grid; grid-template-columns: repeat(7, 1fr); gap:6px; }
.dp-cell { text-align:center; padding:8px 0; border-radius:8px; cursor:pointer; user-select:none; }
.dp-cell:hover { background:#f1f5f9; }
.dp-cell.muted { color: #999; }
.dp-cell.today { outline: 2px dashed #3b82f6; outline-offset: -4px; }
.dp-cell.selected { background: #3b82f6; color:#fff; }
.dp-dow { font-size:12px; color:#999; }

/*************************************/
/*Menu */
#menu {
    padding-top: 10px;
}
.menu, .menu ul li, .menu ul li.active a, .menu ul li:hover a {
    background:url(../images/fond_menu.png);
    font-style: normal;
}
.menu, .menu ul li.first a {
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
}
.menu, .menu ul li.last a {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.menu {
    background-position:left -116px;
    background-repeat:repeat-x;
    font-size: 1.05em;
    font-weight: bold;
    height: 34px;
    margin:0 auto 10px auto;
    width:966px;
}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu ul li {
    float: left;
    line-height: 1.7em;
    margin: 0;
    position: relative;
    z-index:4;
    background-position:0 -78px;
    background-repeat:no-repeat;
    padding-left:2px;
}
.menu ul li a {
    display: block;
    font-weight:normal;
    outline: none;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    width: 240px;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
    color:#3c3c3c;
}

.menu ul li.first {
    background: none;
    padding-left:0;
}
.menu ul li.last a {
    padding-right: 0;
    width:240px;
}
.menu ul li ul {
    background-color:#f8f8f8;
    border:1px solid #ccc;
    display:none;
    position:absolute;
    left:2px;
    top:33px;
    list-style:none;
    padding:0;
    margin:0;
    border-radius:4px;
    box-shadow: 0 2px 5px #CCC;
    z-index:3;
}
.menu ul li ul li ul {
    box-shadow:none;
}
.menu ul li.first ul li ul a, .menu ul li ul li ul a, .menu ul li.first ul li a, .menu ul li.last ul li ul a, .menu ul li.last ul li a, .menu ul li ul li a {
    border-radius:0;
}
.menu ul li.first ul {
    left:0px;
}
*html .menu ul li {
    position:relative;
    z-index:6;
}
.menu li:hover ul, li.mouseover ul {
    display: block;
    z-index:5;
}
.menu ul li:hover a, .menu ul li.active a {
    background-position:0 -39px;
    color:#4e4c4c;
}
.menu ul li:hover li a {
    background-image:none;
}
.menu ul li ul li {
    float:left;
    background:none;
    border-bottom:#e8e8e8 1px solid;
}
.menu ul li ul li {
    padding:0;
    margin:0;
    float:left;
    width:229px;
    background:none;
    border-bottom:#e8e8e8 1px solid;
}
.menu ul li.last-menu ul li {
    padding:0;
    margin:0;
    float:left;
    width:229px;
    background:none;
    border-bottom:#e8e8e8 1px solid;
}
.menu ul li ul li a {
    width:210px;
    color: #000;
    height: auto;
    line-height: normal;
    margin:0;
    padding:1em 0 1em 1.5em;
    text-align:left;
    text-transform: none;
    background-image:none;
}
.menu ul li ul li a, .menu ul li a {
    font-weight:bold;
}
.menu ul li ul li a{
    border:#f8f8f8 2px solid;
 }
.menu ul li ul li a:visited {
    color: #000;
}
.menu ul li.last ul li a {
    width:212px;
    color: #000;
    height: auto;
    line-height: normal;
    margin:0;
    padding:1em 0 1em 1.5em;
    text-align:left;
    text-transform: none;
}
.menu ul li ul li a:hover {
    background-image:none;
    background-color:#dedede;
    text-decoration:none;
    border:#f58400 2px solid;
    border-radius: 4px;
}