* {
	margin : 0;
	padding : 0;
}

:link , :visited {
	color : #3A6EA5;
	text-decoration : none;
}

ul , ol {
	list-style : none;
}


.liste_epr_confirmation li  {
	margin-left:20px;
	list-style : square;
}
h1 , h2 , h3 , h4 , h5 , h6 {
	color : #3A6EA5;
	padding : 10px 0 10px 0;
}

p {
	margin-bottom : 5px;
}

label {
	margin : 0 10px 0 10px;
}

body {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.9em;
}

fieldset {
	padding : 10px;
}

legend {
	padding : 2px;
	margin : 10px 0px 10px 0px;
	border : 1px gray solid;
}

td{
	border : 1px solid gray;
	padding : 2px;
	margin : 1px;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

input, select {
	background-color : #F1F8E6;
	border : 1px solid silver;
}

input:hover, select:hover {
	background-color : #F1F8E6;
	border : 1px solid #E8F8CD;
}

#menu {
	display : none;
	position: absolute; /* placement du menu, ŕ modifier selon vos besoins */
	top:75px;
	left: 0;
	z-index:100;
	width: 100%; /* correction pour Opera */
}
#menu dl {
	float: left;
	width: 12em;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	background: #ccc;
	border: 1px solid gray;
	margin: 1px;
}
#menu dd {
	display: none;
	border: 1px solid gray;
}
#menu li {
	text-align: left;
	padding: 2px 0 2px 5px;
	background: #FFD47F;
}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	background: silver;
}

#conteneur {
	position : absolute;
	width : 920px;
	left: 50%;
	margin-left : -460px;
	margin-right : 0%;
	margin-top : 10px;
	padding-bottom : 20px;
}

#header {
	width : auto;
	height : 84px;
	text-align : right;
	padding : 10px 10px 0 0;
	vertical-align : middle;
	border : 0px solid #3A6EA5;
	background-image : url(../img/header_back.gif);
}

#gauche {
	position : absolute;
	left : 0;
	width : 200px;
}

#centre {
	width : auto;
	margin : 5px 0px 0px 0px;
	background : transparent url(../img/dfond02.gif) no-repeat 50% 0%;
}

#pied {
	height : 30px;
	background-color : #99cc99;
}

#login {
	position : absolute;
	left: 0;
	top:0;
	width:auto;
	border : 0px solid gray;
	padding : 0px;
	font-size : 0.8em;
}

#fourretout {
	width:100%;
	height : 50px;
	text-align : center;
}

#manif {
	border:2px solid gray;
	padding : 5px;
}

#last_news {
	float: left;
	border: 1px solid gray;
	padding: 2px;
	margin: 2px;
	width:48%;
}

#photo_index {
	float: right;
	border: 1px solid gray;
	padding: 2px;
	margin: 2px;
	width:48%;
}

#photo_index p {
	text-align: center;
}

#inscription {
	width : 95%;
	text-align : center;
	color : red;
	border : 2px solid inherit;
	background-color : #ffebf4;
}

#adresse_olivier{
	margin-left:50px;
}

#zbloc_adresse {
	display : none;
}

#choix_annee {
	padding: 5px;
	border : 0px solid #3A6EA5;
	margin-bottom : 10px;
	text-align : center;
}

.titre {
	font-weight : bold;
	text-decoration : none;
	color : #3A6EA5;
}

.espace {
	border : 1px solid gray;
	margin-top : 10px;
	background-color : #fff4ce;
}

.titreespace {
	background-color : #6699ff;
	text-align : center;
	color : white;
	font-size : 105%;
	padding : 0 0 2px;
	margin : 0;
}

.titreespace a:visited {
	text-decoration : none;
	color : white;
}

.titrelogin {
	background-color : #dcc8d4;
	text-align : center;
	color : black;
	margin: 1px;
}

.corpslogin {
	text-align : right;
}

.corpslogin input{
	border:0px;
	margin:1px;
}

.obligatoire {
	color : red;
}

.mini {
	font-size:80%;
}

.centre {
	text-align : center;
}

.logo_fichier{
	padding : 10px;
}


.bas {
	line-height : 4em;
	text-align : center;
}

.chapitreespace {
	list-style-type : none;
	background-color : #fff4ce;
	padding : 1px 0;
}

.chapitreespace li {
	margin-left : 5px;
}

.chapitreespace a {
	margin : 0 10px;
	color : black;
	text-decoration : none;
}

.menugauche {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

.menugauche li {
	margin-bottom : 5px;
}

.menugauche a {
	margin : 0 2px;
	color : #000000;
	text-decoration : underline;
}
.menugauche a:hover {
	text-decoration : none;
}

.photo_gauche {
	float : left;
}

.photo_droite {
	float : right;
}

.th_res {
	background : #ffccff;
}

.td_res {
	background : #ffccdd;
}

.th_pal {
	background : #99ccff;
}

.td_pal {
	background : #ccccff;
}

.navig {
	border : 0px solid gray;
	float : left;
	border : 1px solid inherit;
	padding : 1%;
	width : 28%;
}

.navig li {
	list-style : circle;
	margin-left : 2px;
	list-style-position : inside;
}

.central {
	float : left;
	padding-left : 1%;
	width : 66%;
}

.menu_navig {
	border : 1px solid gray;
	padding : 1%;
	margin-bottom : 10px;
}

.menu_central {
	padding : 1%;
}

.actif {
	color : red;
	background : #334400;
}

.th_dist0 {
	width : 200px;
}

.th_dist1 {
	width : 120px;
}

.classeur-onglet {
	float : left;
	width : 100%;
	background : transparent url("../img/bg.gif") repeat-x 50% 100%;
	font-size : 100%;
	line-height : normal;
}

.classeur-onglet ul {
	margin : 0;
	padding : 10px 10px 0;
	list-style : none;
}

.classeur-onglet li {
	float : left;
	background : url("../img/left.gif") no-repeat 0% 0%;
	margin : 0;
	padding : 0 0 0 9px;
}

.classeur-onglet a {
	float : left;
	display : block;
	background : url("../img/right.gif") no-repeat 100% 0%;
	padding : 5px 15px 4px 6px;
	text-decoration : none;
	font-weight : bold;
	color:#3A6EA5;
}

.classeur-onglet a:hover {
	color:#359F47;
}

.classeur-onglet .actif {
	background-image : url("../img/left_on.gif");
}

.classeur-onglet .actif a {
	background-image : url("../img/right_on.gif");
	padding-bottom : 5px;
}

.classeur-page {
	display : block;
	clear : both;
	float : left;
	width : 98%;
	background-color : white;
	border-left : 1px solid gray;
	border-right : 1px solid gray;
	border-bottom : 1px solid gray;
	margin : 0;
	padding : 1%;
}

.ligne_paire {
	background-color : #D5FFFF;
	font-size:0.8em;
}

.ligne_impaire {
	background-color : #D5D5FF;
	font-size:0.8em;
}

.annee_courante {
	color : #3A6EA5;
	font-size:1.5em;
}

.annee_en_cours {
	background-color : #D5D5FF;
	margin-left : 10px;
	font-size:bold;
}

.annee_en_attente {
	background-color : #D5D50F;
	margin-left : 10px;
}

.cell_encadree {
	font-size:bold;
}

.feminin {
	color : #C71585;
}

.td_resultat {
	padding : 1px;
	background : #F0F0F0;
	border : none;
}

.th_resultat {
	padding : 2px 10px 2px 10px;
	border : 1px solid black;
}

.colonne_place {
	width: 50px;
}

.colonne_tps {
	width: 80px;
}

.colonne_nom {
	width: 200px;
}

.titre_article {
	padding : 2px;
	background : #E0E0E0;
	border: 1px solid silver;
}

.titre_article_fluo {
	padding : 2px;
	background : #E0E0E0;
	border: 2px solid pink;
}

.corps_article {
	margin-bottom : 30px;
	font-size : 0.8em;
}

.nom_epreuve {
	background-color : #E0E0E0;
	padding: 0 5px 0 5px ;
}

.erreur_inscription {
	color : red;
	background-color:pink;
	border : 1px solid red;
	margin: 10px;
	padding: 2px;
}

.erreur_saisie {
	color : red;
	background-color:pink;
	border : 1px solid red;
	margin: 10px;
	padding: 2px;
}

.rappel_inscription {
	font-style : italic;
	margin: 0 0 0 10px ;
}

.triathlon {
	background-color : #fff4ce;
}

.10km h3 {
	font-size : 2em;
}

.navprog a {
	color : silver;
}

.lien_courant {
	background-color : #3A6EA5;
	color : White;
}

#info_ie {
	text-align : center;
	color : red;
	background-color:pink;
	border : 2px solid red;
	margin: 0 0 0 20px ;
	padding: 0 5px 0 5px;
}

.liste_points {
	margin-left : 10px;
	margin-bottom : 10px;
	padding-left : 10px;
	list-style : circle;
}

.important {
	font-size:bold;
	color : red;
	padding : 10px;
}

.input_obligatoire {
	color : red;
}

.info_obligatoire {
	text-decoration : underline;
}

.affiche {
	border:0px;
	padding:5px;
}

.affiche_on {
	background-color : silver;
}

.titre_categorie {
	margin : 0 0 5px 20px;
	list-style-type : circle;
}

.categorie {
	padding : 0 2px 0 2px;
	font-family : Verdana, Arial;
	font-weight : bold;
}


ul#menu_central {
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

ul#menu_central li {
	float: left;
	background: #fff;
	margin: 2px;
}

ul#menu_central a {
	width:178px;
	height:300px;
	float: left;
	margin: 0px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	border: 1px solid gray;
}

ul#menu_central p {
	height:3em;
	padding-top: 10px;
}

ul#menu_central a:hover {
	background: #fee;
	border: 1px solid gray; 
}

.contact_form label{
	float: left;
	width: 120px;
	font-weight: bold;
}

.contact_form input, textarea{
	width: 180px;
	margin-bottom: 5px;
}

.contact_form textarea{
	width: 250px;
	height: 150px;
	}

#submitbutton{
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}

.align_g {
	text-align : left;
}

.align_c {
	text-align : center;
}

.align_d {
	text-align : right;
}


