
* 
{
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif; 
}
abbr, acronym 
{
	border-bottom:1px dotted #000;
	cursor:help;
}
body  
{  
	font-size:75%;
	text-align:center;  
	background-color:#EEE;
	color:#000;
	margin:15px 0 15px 0;	
}
em 
{ 
	font-style:italic; 
}
h1 	
{
	font-size:1.4em; 
	font-weight:bold; 
	text-align:center;
}
h2 	
{  
	font-size:1.0em; 
	font-weight:bold; 
	text-align:left; 
	margin:10px 0 5px 0; 
}
h3 	
{
	font-size:1.0em; 
	font-weight:bold;
	text-align:left; 
	margin:5px 0 5px 0; 
}
h4, h5, h6 
{
	font-size:1.0em; 
	font-weight:bold;
	text-align:left;
}
img 
{
	border:none;
	vertical-align:middle;
}
p 	
{
	font-size:1.0em;
	line-height:150%; 
	text-align:justify;
}
strong 
{ 
	font-weight:bold;
}
table 
{
	border:2px solid #6495ed;
	width:70%;
	text-align:center;
	border-collapse:collapse;
	margin:auto;
}
caption 
{
	font-size:0.75em; 
	text-align:center;
	caption-side:top;
	margin-top:1px;
}
thead, tfoot
{
	border:2px solid #6495ed;
	padding:5px;
	background-color:#D0E3FA;
	color:#000;
	white-space:nowrap;
}
tbody 
{
	border:1px solid #6495ed;
	padding:5px;
	text-align:left;
	background-color:#FFF;
	color:#000;
	white-space:nowrap;
	vertical-align:middle;
}
tbody th 
{
	border:1px solid #6495ed;
	background-color:#FFF;
	color:#000;
	white-space:nowrap;
}
th 
{
	border:2px solid #6495ed;
	padding:5px;
	background-color:#D0E3FA;
	color:#000;
	white-space:nowrap;
}
td 
{
	border:1px solid #6495ed;
	padding:5px;
	text-align:left;
	background-color:#FFF;
	color:#000;
	white-space:nowrap;
	vertical-align:middle;
}
/* Gestion des onglets -----------------------------------------------------------------------------------------------------------------------------*/	
/* à ne pas déplacer sous #milieu ul car sion ça ne marche plus */
#onglet 
{
	float:left;
	width:100%;
    line-height:normal;
	font-size:88%;
  	background:#EEE url("/obj/images/rs_onglet_bg.gif") repeat-x bottom;
}
#onglet ul 
{
	margin:0;
	padding:10px 10px 0 21%;
	list-style:none;
}
#onglet li 
{
	display:inline;
	margin:0;
	padding:0;
}
#onglet a 
{
	float:left;
	text-decoration:none;
	margin:0;
	padding:0 0 0 6px;
	background:url("/obj/images/rs_onglet_gauche.gif") no-repeat left top;
	border-bottom:1px solid #000000;
}
#onglet a span 
{
	float:left;
	display:block;
	background:url("/obj/images/rs_onglet_droite.gif") no-repeat right top;
	padding:5px 8px 4px 2px;
	font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglet a span 
{
	float:none;
}
/* End IE5-Mac hack */
#onglet #actif a 
{
	background-position:0% -150px;
	border-width:0;
}
#onglet #actif a span 
{
	background-position:100% -150px;
	padding-bottom:5px;
	color:#F39;
}
#onglet a:hover 
{
	background-position:0% -150px;
	color:#F39;
}
#onglet a:hover span 
{
	background-position:100% -150px;
	color:#F39;
}
#onglet ul li a:link,
#onglet ul li a:visited,
#onglet ul li a:hover ,
#onglet ul li a:active 
{ 
	text-decoration:none;
}
/* Débuts des div pour le contenu des pages -------------------------------------------------------*/	
#conteneur 
{
	width:770px;
	height:auto;
	margin:0 auto 0 auto;
	border:2px #000 solid;
	background-color:#9ACBEF;
	color:#000; 
	text-align:left;
}
#entete 
{
	width:770px; 
	height:80px;
	background-color:#06F;
	color:#000;  
}
#entete img 
{
	border:0;
	width:770px; 
	height:80px;
}
#entete a:link,
#entete a:visited,
#entete a:hover,
#entete a:active 
{ 
	outline:none;
	color:#FFF;
	text-decoration:none;
	background-color:#06F;
	font-weight:bold;
}	
#titre 
{
	width:766px;
	height:40px;
	line-height:40px;
	text-align:center;
	clear:both;
}
#partie_gauche 
{
	width:110px;
	float:left;
}
#milieu 
{
	width:546px;
	min-height:350px;
	background-color:#EEE;
	color:#000;
	text-align:justify;
	float:left;
	border:2px solid #000;
	overflow:visible;  /*pour IE sinon justify et italic font décaler la partie droite */
	
	
}
#milieu a, 
#milieu a:link ,
.lien_non_visite
{
	font-weight:normal; 
	background-color:#EEE;
	color:#00F; 
	text-decoration:underline;
	outline:none;
}
#milieu a:visited ,
.lien_visite
{
	font-weight:normal; 
	background-color:#EEE;
	color:#936; 
	text-decoration:underline;
	outline:none;
}
#milieu a:hover,
#milieu a:active 
{
	font-weight:normal; 
	background-color:#EEE;
	color:#F39; 
	text-decoration:underline;
	outline:none;
}
#milieu h2 
{
	margin-top:10px; 
	margin-bottom:5px;
}
#milieu h2, 
#milieu h3, 
#milieu h4, 
#milieu h5, 
#milieu h6 
{
	margin-right:5px; 
	margin-left:5px;
}
#milieu ol 
{
    list-style-position:outside;
	margin:5px 5px 0 25px;
	padding:0 0 0 10px;
	line-height:150%;
} 
#milieu p 
{
	margin:0 5px 10px 5px;
}
#milieu ul.inside 
{
	list-style-type:disc;
    list-style-position:inside;
	margin:5px 5px 0 25px;
	padding:0 0 0 10px;
	line-height:150%;
}
#milieu ul 
{
	list-style-type:disc;
    list-style-position:outside;
	margin:5px 5px 0 25px;
	padding:0 0 0 10px;
	line-height:150%;
}
#milieu ul li ul
{
	list-style-position:outside;
	margin:0 5px 0 25px;
	padding:0 0 5px 10px;
}
#milieu ul li ul li
{
	list-style-type:square;
}
#partie_droite 
{
	width:110px;
	float:right;
}
#deb_piedpage 
{
	width:546px; 
	height:40px;
	margin:0 110px 0 110px;  
	clear:both;
}
#piedpage 
{
   	text-align:center;
	width:770px;
	height:18px;
	background-color:#06F;
	color:#FFF;
	margin:0;
	font-size:0.75em; 
	line-height:18px;
	clear:both;
}
/*  Menu horizontal haut -----------------------------------------------------------------------------------------------------------------------------*/	
.menuh_haut 
{
	width:100%;
	float:left;
	background-color:#000;
	color:#FFF;
	line-height:13px;
}
.menuh_haut ul 
{
	margin:0;
	padding:0 0 0 131px;
	font-size:0.75em;
	letter-spacing:2px;
	font-weight:bold;
}
.menuh_haut ul li 
{ 
	display:inline;
}
.menuh_haut ul li a 
{
	padding:2px 12px;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	outline:none;
	float:left;
	border-right:1px solid #FFF;
	/* si pas compatible voir en supprimant les 2 lignes ci-dessous */
	border-left:1px solid #FFF;
	margin:0 0 0 -1px;
}
.menuh_haut ul li a:hover 
{
	background-color:#F39;
	color:#FFF;
}
.menuh_haut_niv1 li a:link,
.menuh_haut_niv1 li a:visited,
.menuh_haut_niv1 li a:hover,
.menuh_haut_niv1 li a:active 
{ 
	color:#FFF;
	text-decoration:none;
	background-color:#000;
	font-weight:bold;
} 
/*  Menu horizontal bas -----------------------------------------------------------------------------------------------------------------------------*/	
.menuh_bas 
{
	width:100%;
	float:left;
	background-color:#000;
	color:#FFF;
	line-height:13px;
}
.menuh_bas ul 
{
	margin:0;
	padding:0 0 0 173px;
	font-size:0.75em;
	letter-spacing:2px;
	font-weight:bold;
}
.menuh_bas ul li 
{ 
	display:inline;
}
.menuh_bas ul li a 
{
	padding:2px 12px;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	outline:none;
	float:left;
	border-right:1px solid #FFF;
	/* si pas compatible voir en supprimant les 2 lignes ci-dessous */
	border-left:1px solid #FFF;
	margin:0 0 0 -1px;
}
.menuh_bas ul li a:hover 
{
	background-color:#F39;
	color:#FFF;
}
.menuh_bas_niv1 li a:link,
.menuh_bas_niv1 li a:visited,
.menuh_bas_niv1 li a:hover,
.menuh_bas_niv1 li a:active 
{ 
	color:#FFF;
	text-decoration:none;
	background-color:#000;
	font-weight:bold;
} 
/*pour ne pas avoir le lien vers Accueil sur la page d'accueil */
.menuh_bas_niv1 li.pas_accueil 
{
	padding:2px 12px;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	outline:none;
	float:left;
	border-right:1px solid #FFF;
	/* si pas compatible voir en supprimant les 2 lignes ci-dessous */
	border-left:1px solid #FFF;
	margin:0 0 0 -1px;
}
/*  Menus verticaux avec cadre arrondi ------------------------------------------------------------------------------------------------------------------------*/	
.menu_droit 
{
	width:102px;
	margin:0 3px 0 0; 
	padding:0 0 10px 0;
	float:right;
}
.menu_gauche 
{
	width:102px;
	margin:0 0 0 3px; 
	padding:0 0 10px 0;
	float:left;
}
.menu_pixel1, 
.menu_pixel2, 
.menu_pixel3, 
.menu_pixel4 
{
	height:1px;
	overflow:hidden;/*necssaire pour IE */
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:0;
	border-bottom:0;
}
.menu_pixel1 {margin:0 4px; color:#FFF; background-color:#000;}
.menu_pixel2 {margin:0 3px; color:#FFF; background-color:#06F;}
.menu_pixel3 {margin:0 2px; color:#FFF; background-color:#06F;}
.menu_pixel4 {margin:0 1px; color:#FFF; background-color:#06F;height:2px;}

.menu_cadre 
{
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:0;
	border-bottom:0;
	margin:0;
	padding:0;
}
.menu_cadre dl 
{
	width:100px;
	margin:0 auto; 
	padding:0 0 6px 0; 
	background-color:#06F;
	color:#FFF;
}
.menu_cadre dt 
{
	margin:0; 
	padding:6px 0px 10px 0px;
	font-size:1.2em; 
	font-weight:bold; 
	border-bottom:1px solid #FFF; 
	background-color:#06F;
	color:#FFF; 
	text-align:center;
}
.menu_cadre dd 
{
	margin:0; 
	padding:0; 
	font-size:0.9em; 
	border-bottom:1px solid #FFF; 
	background-color:#000;
	color:#FFF;
}
/*pour ne pas avoir le lien vers Accueil sur la page d'accueil */
.menu_cadre  dd.pas_accueil
{
	display:block; 
	padding:5px 5px 5px 20px;
	background:#000 url(/obj/images/ico_opt1_menuv.gif) no-repeat 10px 10px;
	color:#FFF;
	outline:none; 
}
.menu_cadre dd a 
{
	display:block; 
	padding:5px 5px 5px 20px;
	background:#000 url(/obj/images/ico_opt1_menuv.gif) no-repeat 10px 10px;
	color:#FFF;
	outline:none; 
}
.menu_cadre dd a:link,
.menu_cadre dd a:visited,
.menu_cadre dd a:hover,
.menu_cadre dd a:active 
{ 
	background-color:#000;
	color:#FFF; 
	text-decoration:none; 
	font-weight:normal;
}
.menu_cadre dd a:hover 
{
	background:#FF3399 url(/obj/images/ico_opt2_menuv.gif) no-repeat 10px 10px; 
	color:#FFF; 
}
/* Classes pour le contenu  -----------------------------------------------------------------------------------------------------------------------------*/	

.acces_tous
{
	padding:10px 0 10px 0;
	padding:5px 0 5px 0;
}

td.align_droite 
{
	padding-right:10px; 
	text-align:right;
}

td.align_milieu 
{
	text-align:center;
}

td.grise 
{
	background-color:#D3D3D3;
}

#milieu h2.calendrier_course 	
{  
	font-size:1.0em; 
	font-weight:normal; 
	text-align:left; 
	line-height:100%; 	
	padding:0;
	margin:5px 5px 0px 5px; 
}

#milieu p.calendrier_date
{
	font-size:1.0em; 
	font-weight:bold;
	text-align:left;
	line-height:100%; 	
	padding:0;
	margin:10px 5px 10px 5px; 
}

/* img = avec drapeau ou logo */
#milieu p.calendrier_date_img
{
	font-size:1.0em; 
	font-weight:bold;
	text-align:left;
	line-height:100%; 	
	padding:0;
	margin:10px 5px 0px 5px; 
}

p.choix
{
	font-size:1.0em; 
	line-height:50%; 
	text-align:left;
	padding:0 0 0 5px;
	margin:0;
}

.citation 
{
	font-size:.95em; 
	font-style:italic; /*pose problème sous IE avec le justify */
	font-weight:bold;
	color:#006;
}

.classement
{
	padding:10px 0 10px 0;
	padding:5px 0 10px 0;
}

.classement tbody th 
{
	/* pour les places des classements */
	width:5%; 
	padding-right:10px; 
	text-align:right;
}

.col_G 
{
	width:271px;
	float:left;
}

.col_D
{
	width:271px;
	float:right;
}

.col_GC
{
	width:260px;
	float:left;
}

.col_DC
{
	width:260px;
	float:right;
}

h2 span.discret 	
{  
	font-size:1.0em; 
	font-weight:normal; 
	text-align:left; 
	margin:10px 0 5px 0; 	
}

.img16
{
	border:none;
	width:16px;
	height:16px;
}

.imprimer_droite a:link,
.imprimer_droite a:visited,
.imprimer_droite a:hover,
.imprimer_droite a:active 
{ 
	font-size:0.8em; 
	font-weight:bold; 
	text-align:right; 
	padding:0;
	margin:5px 5px 0 0;
	border:0;
  	float:right;
    width:15%;
	outline:none;
}
	
.imprimer_droite a img 
{ 
	padding:0;
	margin:0;
	border:0;
	float:right;
	width:auto;
} 

.index_1col
{
	width:533px;
	float:left;
	margin:0px;
	padding:5px;
}
.index_2col
{
	width:256px;
	float:left;
	margin:0px;
	padding:5px;
}
.index_cadre
{
	width:98%;
	float:left;
	text-align:left;
	border:1px solid #CFCFCF;
	padding:5px;
	margin:0;
}
.index_espace
{
	padding:3px;
	float:left;
}
.index_marge
{
	margin:0 0 0 163px;
} 
.index_sbf 
{
	clear:both;
	margin:0; 
	padding:0 0 10px 0; 
} 
.index_sbf_puce
{
	border:0;
	margin:0;
	padding:5px 0 0 0;
}
.index_sbf_puce ul
{
	border:0;
	margin:0;
	padding:0;
	list-style-type:disc;
	font-size:0.9em; 	
}
.index_titre
{
	float:left;
	height:20px;
	vertical-align:middle;
	border:1px solid #8F8F8F;
	margin:0;
	z-index:100;
}
#milieu .index_titre h2
{
	float:left;
	height:15px;
	font-size:1.2em; 
	font-weight:bold; 
	color:#fff;
	background: #06F;
	border:1px solid #fff;
	padding:0px 10px 3px 10px;
	margin:0px;
}
.index_trait
{
	border-bottom:1px solid #CFCFCF;
	padding-top:3px;
	margin: 0 6px 0 6px;
}

th.jmc,
td.jmc
{
	background-color:#FCF;
	color:#000;
	font-weight:bold; 	
}

tr.jmc th,
tr.jmc td
{
	background-color:#FCF;
	color:#000;
	font-weight:bold; 	
}

p.legende_photo 	
{
	font-size:0.75em;
	text-align:left;
	float:left;
	padding:0 0 0 5px;
	margin:0;
}

p.legende_photo_D 	
{
	font-size:0.75em;
	text-align:right;
	padding:0;
	margin:0;
	padding:0 5px 0 0;
}

p.legende_photo_C 	
{
	font-size:0.75em;
	text-align:center;
	padding:0;
	margin:0;
	padding:0 5px 0 0;
}

.lien_gras
{
	font-weight:bold !important; 
}

a.lien_bgw, 
a.lien_bgw:link ,
a.lien_bgw:visited ,
a.lien_bgw:active
{
	background-color:#FFF !important; 
	text-decoration:none !important;
	font-weight:bold; 
}

a.lien_externe
 {
	background:url(/obj/images/ico_lien_externe.png) no-repeat right top;
    padding:0 15px 0 1px;
}

a.lien_externe_s
 {
	background:url(/obj/images/ico_lien_externe.png) no-repeat right top;
    padding:0 15px 0 1px;
	font-size:0.8em;
	padding:0 15px 0 19px;
}

a.lien_photos 
{
	font-size:0.8em;
	margin:0 5px 0 0;
	background:url(/obj/images/ico_photos0.gif) no-repeat left top;
	padding:0 1px 0 19px;
	position:relative;
	left:20px;
	outline:none;
}

a.lien_photos:visited 
{
	background:url(/obj/images/ico_photos1.gif) no-repeat left top;
}

a.lien_ns, 
a.lien_ns:link ,
a.lien_ns:visited ,
a.lien_ns:active
{
	background-color:#FFF !important; 
	color:#000 !important;
	text-decoration:none !important;
}

a.lien_ns:hover
 {
	background-color:#FFF !important; 
	color:#F39 !important; 
	text-decoration:underline !important;
}

a.lien_nseee, 
a.lien_nseee:link ,
a.lien_nseee:visited ,
a.lien_nseee:active
{
	background-color:#EEE !important; 
	text-decoration:none !important;
}
	
a.lien_resultats 
{
	font-size:0.8em;
	margin:0 5px 0 0;
	background:url(/obj/images/ico_resultats0.png) no-repeat left top;
	padding:2px 1px 0 19px;
	position:relative;
	left:20px;
	outline:none;
}

a.lien_resultats_d
{
	font-size:0.8em;
	margin:0 2px 0 0;
	background:url(/obj/images/ico_resultats0.png) no-repeat left top;
	padding:2px 1px 0 19px;
	outline:none;
}

a.lien_resultats:visited,
a.lien_resultats_d:visited
{
	background:url(/obj/images/ico_resultats1.png) no-repeat left top;
}

/* utilisé sur index.php pour avoir lien Détails aligné à Droite */

div.ligne_gd
{
 	line-height: 1.6em;
}

div.ligne_gd span.sp_gauche 
{
 	float: left;
 	text-align: left;
 	width: 80%;
	font-size:0.9em;
	background-image: url("/obj/images/rs_puce_rn.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-position: 0% 55%;
	padding: 0px 5px 0px 5px;
	margin: 0 0 0 20px;
}

div.ligne_gd span.sp_droite
{
 	float: right;
 	text-align: right;
 	
}

div.ligne_gd span.sp_gauche_ret 
{
 	float: left;
 	text-align: left;
 	width: 80%;
	font-size:0.9em;
	background-image: url("/obj/images/rs_puce_cn.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-position: 0% 55%;
	padding: 0px 5px 0px 5px;
	margin: 0 0 0 50px;

}

.lien_tous
{
	font-size:1em; 	
	padding-left:8px;
}
 
.logo_gauche
{ 
	border:0;
	padding:0;
	margin:0 3px 0 0; 
}

.logo_lien
{ 
	float:left;
	width:20px;
	padding:0 0 0 3px; 
}

.logo_sponsor
{ 
	float:left;
	width:200px;
	padding:0 0 0 5px;
}

.message_ok 
{	
	color:green;
	font-weight:bold;
	text-align:center; 
}
.message_pas_ok 
{	
	color:red;
	font-size:0.9em; 
	font-weight:bold;
	text-align:center; 
}

#milieu p.mois 	
{  
	font-size:1.25em; 
	font-weight:bold; 
	text-align:left; 
	border-bottom:2px solid #000;
	margin:5px;
	padding:5px 0 0 0;
	clear:both;
}

#milieu p.p_adr_sponsor	
{
	font-size:0.85em;
	padding:0 5px 0 200px;
}

.p_centre {text-align:center;}
.p_identite {padding:0 0 0 180px;}
.p_indent {text-indent:30px;}
.p_index {padding:5px 0 0 0;font-size:0.9em;}
.p_index2 {padding:0;font-size:0.9em;}
.p_maj1 {margin:10px 0 0 5px;}
.p_maj2 {text-indent:83px;margin:2px 0 0 0;}
.p_ligne_vide {line-height:10%;}

.p_mail	
{
	border:1px green solid;
	color:green;
	font-size:0.9em;
	font-family:"Courier New", Courier, monospace; 
	padding:10px;
	margin:20px;
	text-align:left; 
}

.p_moyen {font-size:0.85em;}
.p_moyen2 {font-size:0.90em;}
.p_erreur{color:red;font-weight:bold;}

.page_maj 
{
	font-size:0.80em; 
	font-weight:normal;
	padding:0;
	margin:0;
  	float:left;
    width:69%;
}

tr.pibrac th,
tr.pibrac td
{
	background-color:#FCF;
	color:#000;
}

td.medaille
{
	padding:0 5px 0 5px;
	height:30px;
}

td.pibrac,
td.france
{
	background-color:#FCF;
	color:#000;
}

.png16
{
	border:none;
	width:16px;
	height:16px;
}

.png32
{
	border:none;
	width:32px;
	height:32px;
}

.podiums
{
	float:left;
	width:68%;
	text-align:center;
	padding:5px 5px 10px 5px;
}

.podiums  table
{
	border:2px solid #6495ed;
	width:100%;
	text-align:center;
	border-collapse:collapse;
	padding:5px;
}

.podiums caption 
{
	font-size:0.75em; 
	text-align:center;
	width:100%;
	caption-side:top; /* car se met systématiuqment en haut avec IE 6 même avec bottom */
	margin-bottom:3px;
}

.podiums tbody th 
{
	width:5%; 
	padding-right:10px; 
	text-align:right;
}

ul.puce_galerie 
{
	padding:0;
	margin:0; 
} 
ul.puce_galerie li 
{
	list-style-type:none;
	clear:left;
}
ul.puce_galerie li a 
{
	cursor:hand;
}
ul.puce_galerie li span 
{ 
	float:left; 
	text-align:left; 
	width:95px;
	display:list-item;
	list-style-position:outside;
 	background-image:url("/obj/images/rs_puce_tn.gif");
	background-repeat:no-repeat;
	background-position:0% 30%;
	margin:0;
	padding-left:10px;
}

.puce_bloc
{
	border:0;
	margin:0;
	padding:10px 0 0 0;
	color:#00F; 	
}

ul.puce_c li
{
    list-style-type:square;
	list-style-image:none;
}

ul.puce_cp li
{
    list-style-type:square;
	list-style-image:none;
	font-size:0.9em; 
}

#milieu   ul li ul.puce_r li
{
    list-style-image:none;
	list-style-type:disc;
	font-size:0.9em; 
}

ul.puce_t li
{
	list-style-type:circle;
	list-style-image:url("/obj/images/rs_puce_tb.gif");
	font-size:0.9em; 
}

ul.puce_photo li
{
	list-style-position:inside;	
}

#milieu h2.resultat_course 	
{  
	font-size:1.0em; 
	font-weight:bold; 
	text-align:left; 
	border-bottom:2px solid #000;
	margin:5px; 
	padding:8px 0 0 0;
	clear:both;
}

#milieu h2.resultats_course 	
{  
	font-size:1.0em; 
	font-weight:bold; 
	text-align:left; 
	padding:0 0 3px 0;
	margin:0 5px 5px 5px;
}

#milieu h3.resultats_course 	
{  
	font-size:1.0em; 
	font-weight:normal; 
	line-height:150%;
	padding:0 0 0 0;
	border:0;	
	margin:0 5px 7px 5px; 
	/* sinon les textes apparaissent sous les photos avec IE sur l'impression des pages */
	text-align:justify; 
}

.retour_haut 
{
	font-size:0.80em;
	font-weight:bold; 
	text-align:right; 
	padding:0;
	margin:0;
  	float:right;
    width:29%;
}

.retour_haut a:link, 
.retour_haut a:visited, 
.retour_haut a:hover,
.retour_haut a:active
{
	font-weight:bold;
	background-color:#9ACBEF;
	color:#000; 
	text-decoration:underline;
}

.saut_ligne 
{
	margin:0; 
	padding:0;
	clear:both;
}
.sous_bloc_float_ap 
{
	margin:0; 
	padding:0 0 5px 0; 
	clear:both;
} 
.sous_bloc_float_av 
{
	margin:0; 
	padding:5px 0 0 0; 
	clear:both;
}
.sous_bloc_float 
{
	margin:0; 
	padding:5px 0 5px 0; 
	clear:both;
}  

.snd_result
{
	margin:20px 30px 20px 30px;
	border:1px solid #000;
}

#milieu div.stats ul {list-style: none;}

#milieu  div.stats ul li span.percent 
{
	display: block;  /* on affiche le span sous forme de bloc pour lui affecter des dimensions */
	height: 1.5em;
	line-height: 1.5em;
	text-align: right;
	color: #fff;
	font-weight: bold;
	font-family:"Courier New", Courier, monospace; 
	-moz-border-radius: 5px;  /* un petit arrondi pour les navigateurs le supportant */
	cursor: default;
	margin: 0px 5px 5px 0;
	padding: 2px;
	padding: 2px 2px 2px 2px;
	background: #06F;
	border:0;
}

#milieu  div.stats ul li span.v0  { width: 2%; text-align: center;}

tbody.tab_bottom {border-bottom:2px solid #6495ed;}

/* css pour les photos ------------------------------------------------------------------------------------------------------------------------------*/
	
#galerie 
{
	width:770px;
	height:120px;
	background-color:#000;
	color:#FFF;
	border-top:4px solid #000;
	padding:0;
	margin:0;
	text-align:left ;
	overflow:auto;
	overflow-x:scroll;
	/*overflow:-Moz-Scrollbars-Horizontal;*/
	float:left;
	white-space:nowrap;
}

#galerie a:link,
#galerie a:visited,
#galerie a:hover,
#galerie a:active 
{ 
	outline:none;
	text-decoration:none;
	background-color:#000;
	color:#FFF;
}	

#galerie a img
{
	/* par sécurité au cas où les vignettes n'auraient pas été générées au bon format 80*120 */
	height:100px;
}

#photo 
{
	border:2px solid #000; 
	width:100%;
	height:427px;
	text-align:center;
	border-collapse:collapse;
	margin:auto;
	background-color:#000;
	color:#FFF;
}

#photo th 
{
	border-top:0px; border-right:0px; border-bottom:2px solid #000; border-left:0px;
	height:15px;
	padding:5px;
	background-color:#000;
	color:#FFF;
	text-align:center;
}

#photo th h2 	
{  
	margin:0;
	text-align:center; 
}
	
#photo td 
{
	border:0;
	margin:0;
	padding:0;
	height:361px;
	text-align:center;
	background-color:#000;
	color:#FFF;
	white-space:nowrap;
}

#photo td.auteur_photo
{
	border:0;
	margin:0;
	padding:5px 0 0 0;
	height:5px;
	text-align:center;
	background-color:#000;
	color:#FFF;
	white-space:nowrap;
	font-size:0.75em;
	font-style:italic;
}

#photo td.legende_photo 
{
	height:15px;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	background-color:#000;
	color:#FFF;
}	

#photo_agrandie 
{
	background-color:#000;
	color:#FFF;
	text-align:center; 
	padding:0;
	margin:0; 
	border:0;
}

#box 
{
	display:none;
	position:absolute; 
	top:97px;
	left:50%; 
	border: 1px solid black;
	background-color: black;
	z-index:11;
}	
	
#boxcontent
{
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
	height:100%;
}

#avant_galerie 
{
   	text-align:center;
	width:770px;
	height:35px;
	margin:0; 
	padding:3px 0 8px 0; 
}

#aide_galerie 
{
	margin:0 0 0 660px;
	padding:0;
}

#sel_galerie 
{
	float:left;
	width:140px;
	margin:8px 0 0 0;
	padding:0 0 0 5px; 
}

#boutons_galerie 
{
	margin:0 0 0 140px;
	padding:0 0 0 0;
	float:left;
}

#boutons_galerie a img
{
	margin:0 5px 0 5px;  /* pour espacer les boutons */
}

#boutons_galerie p 
{
	text-align:center;
	margin:0;
}

.photo_identite 
{ 
	border:0;
	text-align:left;
	float:left;
	padding:0;
	margin:5px; 
}

.photo_PG 
{ 
	width:250px;
	border:0;
	text-align:left;
	float:left;
	padding:0;
	margin:10px 11px 5px 12px;  
}

.photo_PGC
{ 
	width:250px;
	border:0;
	text-align:left;
	float:left;
	padding:0;
	margin:10px 11px 5px 5px;  
}

.photo_milieu 
{ 
	width:526px;
	border:0;
	text-align:left;
	float:right;
	padding:0;
	margin:10px 10px 10px 0px; 
}

.photo_milieu_index 
{ 
	width:522px;
	border:0;
	text-align:left;
	float:right;
	padding:0;
	margin:0px 0px 0px 0px; 
}

.photo_centre 
{
	display:block;
	text-align:center;
} 

/* classe pour les photos sur résultats par exemple :L pour large et G pour gauche*/
.vignette_LG 
{ 
	width:150px;
	border:0;
	text-align:left;
	float:left;
	padding:0;
	margin:0 5px 5px 5px; 
}

/* classe pour les photos sur les podiums par exemple :L pour large et D pour droite */
.vignette_LD 
{ 
	width:150px;
	border:0;
	text-align:left;
	padding:0;
	margin:18px 5px 0 5px; 
	vertical-align:bottom;
}

/*** Mise en forme pour les formulaire ------------------------------------------------------------------------------------------------------------------------***/

#formulaire 
{
	width:486px;
	border:1px solid #000;
	margin:20px 0 20px 30px;
	padding:0;
	background-color:#efefef;
	color:#000;  
}

#form_pied ,
#form_titre 
{
	margin:0;
	padding:0;
	background-color:#06F;
	color:#000; 
}

#form_pied 
{
	text-align:right; /*** Les boutons sont alignés à droite ***/
	border-top:1px solid #000;
	padding:10px;
}

#form_titre 
{
	height:30px;
	border-bottom:1px solid #000;
	padding:5px 0 5px 10px;
	font-size:1.25em;
	font-weight:bold; 
	line-height:30px;
}

input.form_bouton
{
	background-color:#000;
	color:#FFF;
	border:1px solid #FFF;
	cursor:pointer;
	margin:0;
	padding:3px 10px 3px 10px;
	font-size:0.9em; 
	font-weight:normal;
	width:120px;
}

input.form_bouton:hover
{
	background-color:#F39;
	color:#FFF;
	cursor:pointer;
}

#form_corps 
{
	color:black;
	border:0;
	margin:0;
	padding:12px;
}

#form_corps fieldset 
{
	margin:0;
	font-style:normal;
	padding:0 10px 10px 10px;
}

#form_corps legend 
{	
	font-weight:normal;
	color:black;
	background:transparent;
}

#form_corps fieldset#coordonnees label ,
#form_corps fieldset#message label
{	
	float:left;	
	width:20%;
	text-align:right;	
	margin:0;
	padding:0 5px 0 0;
	line-height:1.8;	
}

#form_corps fieldset#coordonnees label:hover ,
#form_corps fieldset#message label:hover
{
cursor:pointer;
}

#form_corps label.oblig 
{
	font-weight:bold;	
}

#form_corps input,
#form_corps textarea {
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	border:1px solid #000;
	padding:2px;
}

#form_corps input.no_border {
	border:0;
}

#form_corps .legende 
{	/*** Mise en forme des aides contextuelles ***/
	font-style:italic;
	color:#666;
	background:transparent;
	margin:0;
	padding:0;
}

#form_corps .focus 
{	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#F5F5DC; /*** beige ***/
	color:black;
}

#form_corps .normal 
{	/*** Retour à l'état normal après l'utilisation ***/
	background:white;
	color:black;
}

#form_corps .alerte 
{	/*** Mis en évidence des champs mal renseignés ***/
	border:1px solid red;
}

textarea#texte_mess 
{
	width:421px;
}
input#objet_mess,
input#email
{
	width:331px;
} 
