a {
    cursor: pointer;
    color:#333333;
}
table {
    border-collapse:collapse
}
.segoe {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1.1em;
}
.bold {
    font-weight: bold;
}
.flex {
    display: flex;
  }
.font_11px {
    font-size: 11px;
}
.green {
    color: green;
}
.black {
    color: black;
}
.wrap {
    word-wrap: break-word;
}
.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: white;
    font-weight: bold;
    padding: 6px;
}
.img_vertical_align {
    vertical-align: middle;    
}
.text_vertical_align {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 3px;
}
.inline_div {
    display: inline;
}
.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 {
    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;
}
.border_0 {
    border: 0;
}
.sortableColumn {
    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;
}
.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: 20%;
    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;    
}
.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;
    transform: translateY(0px);
}
/** 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;
}