/* BODY */
body {
	background-color: #282828;
	margin: 0px;
}

a {
	color: #804710;
}

#content_ajax a {
	color: #804710;
}
#content_ajax a:hover{
	color: #435A54;
}


/*a:link 	{ color: #804710;}  lien non-visité */
/*a:visited { color: #804710;}  lien visité */
/*a:hover 	{ color: #435A54;}  lien survolé */
/*a:active 	{ color: #804710;}  lien activé */ 

/* HEADER */
.header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	background-color:#000000;
}
.textHeader{
	font-family:"Trebuchet MS", Arial;
	font-size:10px;
	color:#ffffff;
	letter-spacing:1px;
}

.textHeader a{
	text-decoration:none;
	color:#ffffff;
}
.textHeader a:hover{
	text-decoration:none;
	color:#ffffff;
}

/*-------------------------------------------*/
/* RECHERCHE */
input {
	padding:2px;
	color:#B4B3AD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px;
	letter-spacing:1px;
	border:1px solid #645F3F;
}

/*-------------------------------------------*/
/* RECHERCHE */
.inputrech {
	padding:2px;
	color:#B4B3AD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px;
	letter-spacing:1px;
	border:1px solid #fff;
}
.buttonrech {
	padding:1px;
	background-color:#645F3F;
	color:#B4B3AD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.5px; letter-spacing:1px;
	border:1px solid #645F3F;
}


/*-------------------------------------------*/

/* IMAGE DE FOND */
.imageFond2 {
     position:absolute;
	 background-image:url(../images/bg_velo.jpg);
	 top:30px;
     left: 50%; 
     width: 1200px;
     height: 330px;
     margin-left: -600px; /* moitié de la largeur */
	 z-index:0;
}
/*-------------------------------------------*/

/* TETIERE FALSH */
.tetiereFlash{
     position:absolute;
	 top:30px;
     left: 50%; 
     width: 800px;
     height: 240px;
     margin-left: -400px; /* moitié de la largeur */
	 z-index:1;

}
/*-------------------------------------------*/

/* MENU HORIZONTAL */
h1 {
	width:140px;
	font-family: "eurosti.ttf", "Trebuchet MS", Arial;
	font-size:18px;
	color:#FFFFFF;
	padding-top:10px;
	cursor:pointer;
	display:block;
	text-align:center;
}

#fondMenu {
	width: 800px;
	height: 70px;
	top:270px;
    left: 50%; 
	margin-left: -400px;	
	position:absolute;
	background-color:#202020;
	z-index: 2;
	}

#accordion {
	width: 740px;
	height: 316px;
    top:30px;
	left: 50%; 
	margin-left: -370px;	
	position:absolute;
	display:block;
	overflow:hidden;
	z-index: 3;
	}
#accordion a:link, a:active, a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
#accordion a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
#visible {
	border-bottom:1px solid #202020;
}

.panel_body {
	height:237px;
	display:block;
	position:relative;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.panel{
	bottom:0px;
	margin:0px;
	padding:0px;
	background-color:#202020;
}
.wrapper{
	bottom:0px;
	position:absolute;
}
/*
#panel1 {
	border-top:8px solid #348f90;
}
#panel2 {
	border-top:8px solid #91a7b2;
}
#panel3 {
	border-top:8px solid #d3a87e;
}
#panel4 {
	border-top:8px solid #7e6666;
}
#panel5 {
	border-top:8px solid #a42f25;
}

#panel1-body {
	padding:5px;
	background-color: #348f90;
}
#panel2-body{
	padding:5px;
	background-color: #91a7b2;
}
#panel3-body {
	padding:5px;
	background-color: #d3a87e;
}
#panel4-body {
	padding:5px;
	background-color: #7e6666;
}
#panel5-body{
	padding:5px;
	background-color: #a42f25;
}*/
#panel1 {
	border-top:8px solid #009de0;
}
#panel2 {
	border-top:8px solid #20a12d;
}
#panel3 {
	border-top:8px solid #ffec01;
}
#panel4 {
	border-top:8px solid #f4a700;
}
#panel5 {
	border-top:8px solid #e0001a;
}

#panel1-body {
	padding:5px;
	background-color: #202020;
}
#panel2-body{
	padding:5px;
	background-color: #202020;
}
#panel3-body {
	padding:5px;
	background-color: #202020;
}
#panel4-body {
	padding:5px;
	background-color: #202020;
}
#panel5-body{
	padding:5px;
	background-color: #202020;
}


/*-------------------------------------------*/

/* RESTE de PAGE */
ul{
text-decoration:none;
}
li{
	text-decoration:none;
	padding:5px;
}
.page {
	width: 800px;
	height: 456px;
	top:340px;
	left: 50%; 
	margin-left: -400px;	
	position:absolute;
	background-color:#202020;
	z-index: 4;
}

.navHaut{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888888;
	letter-spacing:0.6px;
}
.imprim{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	letter-spacing:0.6px;
}

.rondprofil{
	background-color:#435A54;
	background-position:right;
	background-repeat:repeat-y;
	background-image:url(../images/rond_profil.jpg);
}

.menuProfil{
	border-top:#b1b1af 1px dashed;
	padding-top: 6px;
	padding-left: 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b1b1af;
	letter-spacing:1px;
}

.menuProfil a:link, a:active, a:visited{
	text-decoration:none;
	color:#b1b1af;
}
.menuProfil a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

.adresse{
	padding:5px;
	background-color:#413B2F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b1b1af;
	letter-spacing:1px;
}
/*-------------------------------------------*/

/* TEXTE ET LIEN PAGE CENTRALE */
.titreAccueil {
	padding-left:5px;
	padding-top:2px;
	background-image:url(../images/fond-titre-accueil.jpg);
	background-repeat:no-repeat;
}
.TexteTitreAccueil{
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	letter-spacing:1px;
}

.titreActu {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #339090;
	letter-spacing:1px;	
}
.texteActu {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;	
}
.lienActu{
	color: #804710;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.titreActivite {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #a42f25;
	letter-spacing:1px;	
}
.texteActivite {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:1px;	
}

.texte_contenus{
position:relative;
top:110px;
}

/*-------------------------------------------*/
/* PLUS D'info */

.plusdinfo{
	position:relative;
	display:block;
	width:100px;
	height:22px;
	line-height:22px;
	left:541px;
	background-color:#413B2F;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}
.plusdinfo a{
	text-decoration:none;
	color:#FFFFFF;
}

.numpage{
	height:15px;
	width:15px;
	line-height:15px;
	background-color:#413B2F;
	color:#FFFFFF;
	padding:3px;
	margin:3px;
	float:left;
	text-align:center;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}

/*-------------------------------------------*/
/* PAGE DES RESULTATS */
.resultat{
	margin:5px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;	
	border:1px dashed #435A54;
	background-color:#F5F5F5;
	letter-spacing:1px;
	text-align:left;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*FORMULAIRE DE DESINSCRIPTION*/
#formDesinscription{
	position:absolute;
	top:30px;
    left: 50%; 
    width: 320px;
    height: 60px;
    margin-left: -160px; /* moitié de la largeur */
	background-color:#F5F5F5;
	padding:10px;
}
/*-------------------------------------------*/
/* PAGE MENTIONS LEGALES */

.texteMention{
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.TitreMention{
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}
.lienMention{
	color: #804710;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}