/*********************/
/* Style des balises */
/*********************/

body{background-color: lightgray; font-family: "Trebuchet MS", Verdana, serif;}

a{color: black; font-weight: bold; text-decoration: none;}
a:hover{color: darkred; font-weight: bold; text-decoration: underline;} /* lorsqu'un utilisateur passe le curseur de la souris dessus */
a.menu_lien:hover{color: darkred; font-weight: bold; text-decoration: none;}
a.menu_lien{margin-left: 15px;}

/*****************************/
/* Style des identifiants id */
/*****************************/

#image_triathlon{width:608px;height:150px;}
#image_natation{width:750px;}
#image_cyclisme{width:750px;}
#image_course{width:750px;}

#titre{width: 100%;}
#titre h1{margin-bottom: 0px; font-size: 28px; font-weight: bold; color: darkred;}

#sous_titre{text-align: right; font-weight: bold; font-size: 20px; color: white; padding-right: 20px; padding-bottom: 20px;}

#conteneur{margin: 0 auto; width: 750px;}
#conteneur_principal{margin: 0 auto; width: 100%; background-color: white;} 
#conteneur_principal_haut{height: 30px; background-color: white ;} 
#conteneur_principal_bas{height: 30px; background-color: white;}
#conteneur_bas{clear: both;}

#conteneur_table caption {padding:5px;}
#conteneur_table table {border-collapse: collapse;}
#conteneur_table table,th,td {border-color: black; border-width: 1px; border-style: solid; padding: 5px;}

#pied_de_page{text-align: center; font-size: 12px; margin: 10px auto;}


/*********************/
/* style des classes */
/*********************/

.perso{font-family: system-ui;}

.contenu {float: left; width: 510px; text-align: justify; padding: 0 30px 0 30px; font-size: 12px;}
.contenu h2{margin-top: 0px; font-size: 18px; color: darkred;}

.menu{width: 139px; float: right; padding: 0 20px 0 20px; border-left: darkgray 1px solid; font-size: 12px;}
.menu ul{margin: 0; padding: 10px 0 10px 15px;}
.menu_titre{font-size: 18px; font-weight: bold; color: darkred; margin-bottom: 10px;}