/* elements de base */
.inscription
{
	float: right;
	margin-right: 100px;
	margin-top: 100px;
	padding: 10px;
	background-color: #CCE5FF;
	width: 200px;
}

.categorie
{
	float: right;
	clear: both;
	margin-top: 30px;
	margin-right: 200px;
	padding: 10px;
	text-align: left;
	background-color: #CCE5FF;
}

.limite
{
	text-align: center;
	background-color: #FFCCCC;
	font-weight: bold;
	color: Red;
}

html
{
  /* background-color: #90A2FF;	*/ /* Old E5F7FF*/
  /* background-color: #F6F6F6; */
    background-image: url("../img/FondTrigt_2.jpg");
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-size: 10pt;
/*  font-weight: bold; */
	color: Black;
}

#page
{
	width: 990px;
	text-align: left;	
	margin: auto;
	border: 2px solid #171D98;
	background: #F6F6F6;
	/*
	margin-left: auto;
	margin-right: auto;		
	*/
	/* border: 1px solid #000; */
	/* background-color: #90A2FF; */
  /* height:100% */
	/* 
	height: auto;
	margin: 0px;
	border: 1px solid #000;
	padding: 5px;
	*/
	
	
	
}

body
{
/*
	top:0;
	left:0;
	margin: 0;
	padding: 0;	
	margin: 0.5em;
	*/
	/********************
	Important pour IE : text-align: center;
	*********************/
	text-align: center;
	/*
/*	background: #90A2FF; */
	color: #333;
	*/

}

td.Atop
{
  text-align: left;
  vertical-align: top;
}

#rubrique a
{
	display: block;
	font-weight: bold;
	text-decoration: none;
/*	width: 140px; */
	height: 20px;
	color: #E6D90C;
	text-align: center;
  margin-top: 2px;
  padding-left: 5px;
	border-left-color: #EE1D23;
	border-left-width: 10px;
	border-left-style: solid;
}

#rubrique a:hover
{
	background-color: #EE1D23;
  color: #000000;
	border-left-color: #E6D90C;
	border-left-width: 10px;
	border-left-style: solid;
}

p.attention
{
	color: red;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

p.attention_inscription
{
	color: red;
	font-weight: bold;
	font-size: 14pt;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

p.anniv_off
{
	color: black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

p.anniv_on
{
	color: red;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

#spacer
{
	clear: both;
}

#inscritTitre
{
	background-color: #F6DA79;
	padding-left: 1px;
	font-weight: bold;
}

#inscritLigne
{
	background-color: #F6DA79;
	padding-left: 1px;
}

#triathlon
{
	background-color: #FFCCCC;
}

#duathlon
{
	background-color: #FFE6CC;
}

#jogging
{
	background-color: #CCE6FF;
}

#cyclisme
{
	background-color: #FFFFCC;
}

#runbike
{
	background-color: #CCFFE6;
}

#aquathlon
{
	background-color: #FFFFCB;
}


#categorie
{
	float: left;
	width: 350px;
	padding: 5px;
	border: thin;
	border-color: Black;
}

#ici
{
	display: inline;
  float: left;
  vertical-align: top;
	color: #CCE5FF;
	font-weight: bold;
}

#ici a
{
	text-decoration: none;
	color: #CCE5FF;
}

#ici a:hover
{
	text-decoration: underline;
}

#TitreRubrique
{
	background-color: #EE1D23;
	color: #E6D90C;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
  margin-top: 2px;
	border-left-color: #000000;
	border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #000000;
	border-right-width: 10px;
	border-right-style: solid;
}

#TitreArticle
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
  line-height: 30px;
  margin-top: 2px;
	text-align: center;
	border-left-color: #EE1D23;
	border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #EE1D23;
	border-right-width: 10px;
	border-right-style: solid;
}

#TitreInscription
{
	background-color: Black;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #E6D90C;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	border: 3px solid Red;
}

h4
{
	background-image: url(../img/degrade_bleu.jpeg);
	color: Navy;
	font-size: 12pt;
	font-weight: bold;
	height: 20px;
	text-align: center;
	vertical-align: center;
	margin: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

img
{
	border: none;
}

#haut
{
/*	background-color: #6667FF; */
	/* background:url(design/img/fondbleudegrade.gif) repeat; */
  /* height: 300px; */
	padding-top: 10px;
	padding-bottom: 10px;
	/* border-left-color: #EE1D23; */
	/* border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #EE1D23;
	border-right-width: 10px;
	border-right-style: solid; */
}

#google
{
	background-color: #000000;
  height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left-color: #EE1D23;
	border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #EE1D23;
	border-right-width: 10px;
	border-right-style: solid;
	text-align: center;
}

.conteneur1
{ 
height: 90px ;
border: 1px solid #000000 ; }

.floatleft1
{ float: left ;
width: 75px ;
height: 100px ;
background-color: #66FFFF ; }

.flux1
{ clear: both ; }


#milieu
{
	background-color: #6D7D96;
}

#bas
{
	background-color: #6D7D96;
}

#TexteDefilant
{
	background-image: url(img/degrade.jpeg);
	border-bottom: 3px solid #D6D6D6;
	border-left: 1px solid #001EF0;
	border-right: 3px solid #D6D6D6;
	border-top: 1px solid #001EF0;
	font-size: 8pt;
	text-align: center;
	height: 500px;
	width: 100%;
}

#TexteRubrique
{
	background-image: url(img/degrade.jpeg);
	border-bottom: 3px solid #D6D6D6;
	border-left: 1px solid #001EF0;
	border-right: 3px solid #D6D6D6;
	border-top: 1px solid #001EF0;
	font-size: 8pt;
	text-align: left;
	height: auto;
	width: 100%;
}

#FondTableau
{
	background-color: transparent;
}

#CadrePhoto
{
	text-align: center;
	border-bottom: 3px solid #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 3px solid #FFFFFF;
	border-top: 1px solid #000000;
}

#liste_athlete
{
	float: left;
	width: 45%;
  clear: right;
}

#liste_athlete2
{
	width: 25%;
}

#gauche_podium
{
	display: inline;
	padding-top: 0px;
	width: 200px;
}

#podium
{
	padding-top: 15px;
	padding-left: 0px;
	width: 350px;
}


table
{
	font-size: 10pt;
}

#inscription
{
  width: 50%;
  text-align: center;
}

#gauche
{
	float: left;
	padding-top: 0px;
	width: 160px;
  padding-left: 3px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

#droite_tout
{
	float: left;
	padding-top: 0px;
	width: 820px;
  padding-left: 3px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}


#centre
{
  float: left;
	padding: 0px;
  padding-left: 3px;
  margin-right: 0px;
  width: 495px;
}

#centre_podium
{
	display: block;
	padding-top: 0px;
	align: center;
	text-align: center;
}

#droite
{
	float: right;
	padding-top: 0px;
	width: 15%;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 5px;
  margin-right: 0px;
  padding-top: 10px;
}

#droite_google
{
	float: right;
	padding: 0px;
  margin: 0px;
	width: 130px;
}

#reste
{
/*	width: 100%; */
/*	background-color: #90A2FF; */
/*	float:right; */
/*	margin-top: 0px; */
/*	margin-left: auto; */
/*	margin-right: auto;	*/
	/*
	font-size: 10pt;
	padding: 0px;
  margin: 0px;
  padding-left: 0px; 
  padding-right: 0px;
  */
  margin-left: 3px;
}

#reste_article
{
	font-size: 10pt;
	padding-top: 0px;
/*	padding-left: 210px; */
/*	padding-right: 140px; */
}

#menu
{
	background-color: #09C8E8;
	border: 2px solid;
}

#menu_rubrique
{
  background-image: url(../img/fond_menu.jpg);
	background-color: #F6DA79;
	border: 2px solid;
}

#box
{
	background-color: #CCE5FF;
  background-color: #FFF5EE;
	border: 2px solid;
	margin-top: 2px;
  padding: 10px;
  margin-bottom: 4px;
}

#box a
{
  color: #FF0000;
}

#box a:hover
{
  color: #000000;
}

#galerie
{
	border: 2px solid #EE1D23;
}

#box_galerie
{
	float: left;
  padding-top: 10px;
	padding-right: 15px;
	padding-left: 3px;
  color: #09C8E8;
	font-weight: bold;
}



#box_descriptif_rubrique
{
	border: 2px solid;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #E5F7FF;
}

#sponsors
{
  float: right;
  width: 390px;
  height: 121px;
}

.sponsor_right
{
	float: right;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

#sponsor_right
{
	float: right;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	color: #EE1D23;
}

#sponsor_right ul
{
	margin: 0px;
	padding: 0px;
}

#sponsor_right li
{
  list-style-type: none;
  
}

#sponsor_js
{
	float: left;
	padding-right: 5px;
}

#sponsor_left
{
	float: left;
  padding-top: 10px;
  width: 100%;
/*  color: #09C8E8; */
	font-weight: bold;
  text-align: center;
}

#sponsor_left a
{
	text-decoration: none;
	color: #CCE5FF;
  color: #09C8E8;
}

#sponsor_left a:hover
{
	text-decoration: underline;
}

.sponsor_banner
{
	float: left;
  padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

#sponsor_banner
{
	float: left;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	color: #EE1D23;
}

#sponsor_banner ul
{
	margin: 0px;
	padding: 0px;
}

#sponsor_banner li
{
  list-style-type: none;
  
}


#breves
{
	padding-bottom: 10px;
}

#breves_titre
{
	font-weight: bold;
	text-align: center;
}

#breves_texte
{
	text-align: center;
}

input
{
	font-size: 100%;
	vertical-align: middle;
}

img
{
	align: center;
}

#div1
{
	float: left;
}

#div2
{
	clear: left;
	float: right;
	margin: 100px 20px 20px 10px;
}

#organisation { font-weight: bold; margin: 0; }

#organisation li
{
  float: left;
  width: 100%;
  list-style-type: none;
  text-align: center;
  padding: 1px;
  font-size: 10pt;
}

#organisation li a
{
  display: block;
  padding: 0.6em;
  background-color: #EE1D23;
  color: #E6D90C;
  text-decoration: none;
}

#organisation li a:hover
{
  background-color: #000000;
  color: #E6D90C;
}

.date
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10pt;
}  

#div_sponsors{
	float: right;
	width: 170px;
	height: 1000px;	
	margin: 0;
	padding: 0;
	margin-right:1em;
	text-align: center;
	background: #FFF url(../images/degrade_sponsor.gif) no-repeat bottom center;	
}      

/*  ------------------------------------------
/*  Disposition du menu de gauche
/*  ------------------------------------------ */
#menu_gauche{
	float:left;
	height: 600px;
	width: 160px;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des sponsors
/*  ------------------------------------------ */
#sponsor_droite{
	float: right;
	width: 110px;
	height: 1000px;	
	margin: 0;
	padding: 0;
	margin-right:1em;
	text-align: center;
/*	background: #FFF url(../images/degrade_sponsor.gif) no-repeat bottom center; */
}
#sponsor_droite img{
	text-align: center;
	padding: 5px;
	width:100px;
}

/* ----------------------------------------
/* style du menu de gauche
/* ----------------------------------------- */

.arrowlistmenu{
width: 170px; /*width of menu*/
}

#headerbar{
text-align:center;
font: bold 14px Arial;
color: white;
background: black url(../img/titlebar.png) repeat-x center left;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;

margin-top: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #6667FF;
}

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
	width: auto;
	padding-top: 0px;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
	background: transparent url('../img/aero.gif') no-repeat top left;
	float: left;
	font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
	height: 32px; /* Height of button background height */
	text-decoration: none;
	width: 160px;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
	display: block;
	padding-left: 3px;
	padding-top: 8px;
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
		background: transparent url('../img/aero_on.gif') no-repeat top left;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
	color: #19209E;
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

.aerobuttonmenu a.aerored{ /*aero button CSS*/
background: transparent url('../img/aero_red.gif') no-repeat top left;
/* background: transparent url('../img/aero_logo.gif') no-repeat top left; */
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
height: 32px; /* Height of button background height */
text-decoration: none;
width: 160px;
color: blue;
}

.aerobuttonmenu a.aerored:link, .aerobuttonmenu a.aerored:visited, .aerobuttonmenu a:active{
color: yellow; /*button text color*/
}

.aerobuttonmenu a.aerored span{
display: block;
padding-left: 3px;
padding-top: 8px;
}

.aerobuttonmenu a.aerored:hover{ /* Hover state CSS */
/*	background: transparent url('../img/aero_on_red.gif') no-repeat top left; */
	background: transparent url('../img/aero_logo_on.gif') no-repeat top left;
}

.aerobuttonmenu a.aerored:hover span{ /* Hover state CSS (for text) */
color: #19209E;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.88em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset { padding: 1em; }
.formulaire_spip legend {}

.formulaire_spip label {
	 display: inline;
	 float: left;
	 width: 25%;
/*	 text-align: right; */
}

.formulaire_spip .forml { width: 60%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton {
/*	text-align: right; */
}

.spip_bouton input {
/*	float: right; */
	font-size: 12pt;
	font-weight: bold;
}