





body		{ width: 100%; text-align: center; background-color: #fceced; background-image: url('fond1.png'); padding: 20px 0 0 0; margin: 0;}

#page{ 
	width: 			1000px;
	margin-left:	auto;
	margin-right:	auto;
	font-family: 	Arial, Verdana, helvetica, sans-serif;
	font-size:		12px;
}

/* Tailles des titres */
h1	{ font-size: 20px; color: #FFF; 	font-family: Garamond, Arial, Verdana, helvetica, sans-serif;}
h2	{ font-size: 18px; color: #1C3C79;}
h3	{ font-size: 16px; color: #1C3C79;}

/* Paragraphes */
p 	{ font-size: 12px;}

/* Liens */
#contenu a	 			{ text-decoration: none; color: #1C3C79; font-weight: bold;}
#contenu a:hover 		{ color: #FFF; background-color: #1C3C79;}
#contenu .aimg a:hover 	{ background-color: #c9cadc;}

/* Pour enlever les bordures pour les liens sur images */
img 			{ border: none;}
a img 		{ text-decoration: none; border: none;}

/* Pour tous les tableaux */
table td 	{ text-align: center; vertical-align: middle;}

/* tous les emails */
.email	{ font-family: Courier, sans-serif; color: #1C3C79; font-weight: normal;}

/* Pour cacher une partie */
.hide 	{visibility: hidden;}

/* Sous ligné en gras */
.underlinebold 	{ text-decoration: underline; font-weight: bold;}
.bold			{ font-weight: bold;}
.normal			{ font-weight: normal;}
.underline		{ text-decoration: underline;}

/* Puces sur les listes */
#page ul li 		{ text-align: left; list-style: url('puce.png') outside;}

/* no puce */
#page .ancien li 	{ list-style: circle outside; margin-left: 30px; font-size: 10px;}

/* Colonnes */
#page .col 				{ width: 180px; float: left; margin-top: 65px;}
#page .col ul li a			{ text-decoration: none; color: #1C3C79; font-weight: bold;}
#page .col ul li a:hover	{ color: #FFF; background-color: #1C3C79;}
#page .col ul li .encours	{ color: #FFF; background-color: #1C3C79;}
#page .col h2 			{ font-size: 17px;}
#page .col img			{ border: 1px #000 solid;}
#page .col .pale			{ background-color: #FCECED; margin-bottom: 15px;}
#page .col table			{ width: 100%;}

#page #col-d h2 			{ background-image: url('deg-d.png'); background-position: center left; background-repeat: repeat-y; }
#page #col-g h2 			{ background-image: url('deg-g.png'); background-position: center left; background-repeat: repeat-y; }
#page #col-g .titre_eq	{ margin-top: 5px; margin-bottom: 15px;}

/* Conteneur */
#conteneur 		{ width: 640px; float: left; background-image: url('bottom.png'); background-position: bottom center; background-repeat: no-repeat; margin: 30px 0 30px 0;}
#conteneur #h1	{ background-image: url('h1.png'); background-position: top center; margin: 5px 0 0 0; padding-top: 35px; padding-bottom: 25px;}
#conteneur h1	{ margin: 0;}

/* Contenu */
#contenu {
	padding: 			18px;
	margin: 			0;
	background-color:	#c9cadc;
	border-left:		1px #D2443E solid;
	border-right:		1px #D2443E solid;
	color: 				#800008;
}
#contenu p 			{ text-align: justify;  color: #800008; margin: 15px 0 15px 0;}
#contenu img			{ border: 1px #000 solid;}

/* Contact */
#contact 		{ width: 600px;}
#contact td 		{ text-align: left;}
#contact .titre 	{ text-align: center; font-weight: bold; font-size: 18px;}

/* Affichage sur les pages des 3 villes */
#contenu .affiche	{ border: 1px #000 solid; }

/* Logo des villes sur leur page respectif */
#contenu .ville 		{ float: right; margin: 0 0 10px 15px;}
#contenu .signature	{ color: #1C3C79;}

/* Mot des presidents sur la page d'accueil */
#contenu .colon				{ float: left; width: 46%; margin: 2%;}
#contenu .portrait_accueil	{ float: right; margin: 10px 0 10px 10px;}
#contenu .presid				{ color: #1C3C79; font-weight: bold;}

/* Page Equipes */
#contenu .equipe		{ text-align: center;}
#contenu .equipe p 	{ text-align: center; width: 540px; margin-left: auto; margin-right: auto;}
#contenu .redlien	{ font-size: 11px; font-style: italic;}
#contenu .palmares 	{ text-align: left;}


/* Page resultat */
#contenu .match 			{ text-align: center; color: #800008; width: 100%;}
#contenu .match .info	{ width: 500px; padding: 3px; border: 1px #000 solid; margin-left: auto; margin-right: auto; text-align: center;}
#contenu .match a img 		{ border: none; margin-bottom: -2px;}
#contenu .match table		{ width: 500px; margin-top: 5px; }
#contenu .match p 		{ margin: 7px 3px 7px 3px;}

/* Galerie */
#galerie table 	{ width: 600px;}
#galerie img 	{ margin-top: 30px;}
#galerie p 		{ text-align: right;}
#galerie a:hover	{ background-color: #c9cadc;}

/* Image Aleatoire */
#image_aleat	{ width: 100%; text-align: center;}

/* Informations du lieu salle etc.... des étapes */
#informations_etape			{ text-align: left;}
#informations_etape table		{ width: 600px; border: 1px #000 solid;}
#informations_etape .titre 	{ color: #1C3C79; font-size: 15px; font-weight: bold;}
#informations_etape td		{ color: #800008;}
#informations_etape .tab 	{ margin-left: 120px;}

/* Pieds de page */
#fooder 			{ margin: 0 0 0 0; padding: 5px; border-top: 1px #D2443E solid; background-color: #c9cadc; color: #800008;}
#fooder p 		{ margin: 0 0 3px 0;}
#fooder a		{ text-decoration: none; color: #1C3C79; font-weight: bold;}
#fooder a:hover 	{ color: #FFF; background-color: #1C3C79;}
