<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body
{
	width: auto;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;  
	margin: 10px;   
	background-color: #efefef;
}

body img
{
	border-style: none;
}

/* en-tête */

#en_tete
{
	width: 760px;
	height: 220px;
	margin-bottom: 30px;
	border-style: none;
  
}


/*  menu */

#menu
{
   float: left;
   width: 120px;
   margin-bottom: 20px;
}


/* éléments du menu */

#menu ul
{
   list-style-type: none;
   padding: 0px;
   padding-left: 10px;
   margin: 0px;
   margin-bottom: 5px;
   text-transform: uppercase;
   font-family: Tahoma, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.9em;
}

#menu a 
{
   color: #747474;
   text-decoration: none;
}

#menu a:hover
{
   color: #ffa500;
   text-decoration: overline underline;
}

/*corps de page */

#corps
{
   margin: 10px;
   margin-bottom: 20px;
   padding: 10px;
   border:1px solid #ffa500;
   border-top:7px solid #ffa500;
   border-bottom: 7px solid #ffa500;
   color: #747474;
   background-color: white;
   font-family: Tahoma, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a 
{
   color: #ffa500;
   text-decoration: none;
}

#corps a:hover
{
   color: #ffa500;
   text-decoration: overline underline;
}

p
{
	text-align: justify;
}

h1
{
    font-size: 2em;
	text-align: center;
	
}

h2
{
	color: #747474;
	font-family: Tahoma, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-indent: 50px;
}

h4
{
	padding-top: 10px;
}

/*barre de séparation hr*/ 
 
hr
{
   color: #ffa500;
   background-color: #ffa500;
   height: 1px;
   border: 0;
   width: 500px;
}

/*pied de page */

#pied_de_page p
{
   font-family : Tahoma, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.8em;
   text-align: center;
   color: #747474;
 
}

#pied_de_page a 
{
   color: #ffa500;
   text-decoration: none;
}

#pied_de_page a:hover
{
   color: #ffa500;
   text-decoration: overline underline;
}

/* TOUTES LES PAGES : class pour les paragraphes avec un alinea*/ 

.paragraphe_alinea
{
   text-indent: 20px;
}

/*PAGE ACCUEIL : class pour les images avec un float left comme le logo du COM*/ 

.image_float_left
{
   float: left;
}

/*PAGE ACCUEIL : id pour le titre h1 d'accueil*/

#h1_accueil
{
	font-size: 1.5em;
	text-align: center;
	color: #747474;
	border: none;
	background: none;
	display: block;
}

#h2_accueil
{
	text-align: center;
	color: #747474;
	font-size: 1.5em;
	border: none;
	background: none;
	display: block;
}

/* PAGE ETAPES : class pour les extraits de carte de la rubrique etapes*/

.extraits_de_carte
{
   border: 1px solid #ffa500;
   margin: 11px;
}

/* PAGE ETAPES : class pour les extraits de carte de gauche de wattwiller de la rubrique etapes a cause d'un probleme de decalage*/

.extraits_de_carte_wattwiller
{
   border: 1px solid #ffa500;
   margin: 11px;
   margin-left: 13px;
}

/* PAGE SITUATION : id pour la carte du haut rhin avec les etapes et le centre de course pour faire un float*/

#carte_du_haut_rhin
{
   float: left;
   padding-bottom: 10px;
   padding-right: 20px;
   margin : 10px;
}

/* PAGE SITUATION : id pour la carte de france pour la positionner au centre*/

#carte_de_france
{
   padding-left: 209px;
   margin : 10px;
}

/* PAGE SITUATION : id pour la legende a droite de la carte du haut rhin pour ameliorer sa position*/

#legende_carte_haut_rhin
{
   padding-top: 300px;
}

/* PAGE SITUATION : id pour la partie acces pour eviter le float de la legende de la carte du haut rhin*/

#acces
{
   clear: left;
}

/*PROPRIETES DES TABLEAUX  */

table
{
	margin: auto;
	border-collapse: collapse;
	margin-bottom: 20px;
}

caption
{
	font-size: 1.2em;
	font-weight: bold;
	margin: auto;
	margin-bottom: 20px;
}

th 
{
   background-color: #efefef;
   border: 1px solid #ffa500;
   padding: 5px; 
}

td 
{
   border: 1px solid #ffa500;
   text-align: center;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/*PAGE INVITATION : id et class pour les cellules vides du tableau qui doivent etre invisibles*/

.th_blanche
{
	background-color: #FFFFFF;
	border: none;
}

.td_blanche
{
	border: none;
}

/*PAGE INVITATION : class pour les couleurs de fond du tableau des tarifs*/

.fond_jaune
{
	background-color: #FFFF00;
}

.fond_orange
{
	background-color: #FFD700;
}

.fond_rouge
{
	background-color: #FFC000;
}

/*PAGE INVITATION :  liste  a puces multiple */

ul ul
{
	list-style-type: circle;
}

/*PAGE PARTENAIRES : logos*/

.logos
{
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.logos1
{
	margin-left: 25px;
	margin-right: 35px;
	margin-top: 7px;
	margin-bottom: 7px;
}


#cd68
{	
	margin-top: 85px;
	margin-left: 14px;
	margin-right: 50px;
	font-family: Tahoma, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 0.9em;
	float: right;
	text-align: center;
}

/*MENU : id pour les barres hr de separation dans le menu*/


#menu hr
{	
	height: 5px;
	border: 0;
	width: 100px;
	text-align: center;
}

.hr_rouge
{
	color: #ff0000;
	background-color: #ff0000;
}

#hr_orange1
{
	color: #ff4500;
	background-color: #ff4500;
}

#hr_orange2
{
	color: #ff8e00;
	background-color: #ff8e00;
}

#hr_orange3
{
	color: #ffa500;
	background-color: #ffa500;
}

#hr_orange4
{
	color: #ffd700;
	background-color: #ffd700;
}

#hr_jaune
{
	color: #ffef00;
	background-color: #ffef00;
}

#drapeau
{
	margin-left: 15px;
}

/*PAGE INSCRITS : titres centres*/

.inscrits
{
	text-align: center;
	text-indent: 0px;
}
</pre></body></html>