body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 10px;
	padding: 0;
	background-color: #b1b1b1;
	}

p	{margin: 0 0 10px 0;}


/*
 *  LES POSITIONS
 */
#conteneur {
	width: 980px;
	margin: 0 auto;
	border: 3px solid #797979;
	background-color: #ffffff;
	}

div#haut {
	height: 85px;
	background: url(../images/structure/toutlevelo_haut_980_85.png) top left no-repeat;
	}

div#centre {
	background-color: #ffffff;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 220px;
	margin-right: 200px;
	padding: 8px;
	padding-left: 2px;
	padding-right: 2px;
	border: 0px #ffcc00 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

#gauche {
	margin-top: 12px;
	float: left;
	width: 205px;
	}
#droite {
	margin-top: 12px;
	float: right;
	width: 185px;
	}
#pied {
	clear: both;
	height: 95px;
	background-color: #d3d9e0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	}


/*
 *  LES LIENS
 */
div#menu_haut
	{margin: 0px;padding: 0px;padding-top: 5px;
	height: 28px;
	background: url(../menu/images/barre_menu.jpg) top left repeat;
	}

div#menu_horizon2
	{text-align: center;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
div#menu_horizon2 a:active, div#menu_horizon2 a:link, div#menu_horizon2 a:visited
	{text-decoration: none; font-weight: bold; color: #ffffff; background-color: #ff0000;padding: 3px;}
div#menu_horizon2 a:hover
	{text-decoration: underline overline; font-weight: bold; color: #ffffff;}
div#menu_horizon2 li
	{display: inline;
	list-style-type: none;
	font-weight: bold;
	}

div#menu_horizon
	{color: #ffffff;
	text-align: center;
	line-height: 20px;
	background-color: #bf1679;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
div#menu_horizon a:active, div#menu_horizon a:link, div#menu_horizon a:visited
	{text-decoration: none; font-weight: bold; color: #ffffff}
div#menu_horizon a:hover
	{text-decoration: underline overline; font-weight: bold; color: #ffffff}
div#menu_horizon li
	{display: inline;
	list-style-type: none;
	}

#centre a:link, #pied a:link, #centre a:active, #pied a:active, #centre a:visited, #pied a:visited { text-decoration:none; color:#447594}
#centre a:hover, #pied a:hover {text-decoration: underline overline; color: #2c5a31;}

/* Lien a rouge*/
#centre .lien a:active, #centre .lien a:link, #centre .lien a:visited,
#menuright .lien a:active, #menuright .lien a:link, #menuright .lien a:visited
	{text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	margin:0 auto;
	background-color: #5eb85e;
	color: #000000;
	border: 1px solid #000000;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	}
#centre .lien a:hover, #menuright .lien a:hover {text-decoration: underline; color: #3246bf;}

/* Lien b jaune*/
#centre .lien2 a:active, #centre .lien2 a:link, #centre .lien2 a:visited
	{text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	margin:0 auto;
	background-color: #fff000;
	color: #000000;
	border: 1px solid #000000;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	}
#centre .lien2 a:hover {text-decoration: underline; color: #0000bd;}



/*
 *  LES MENUS
 */
#menugauche, #menuright {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

/* gauche */
#menugauche .menugauchehaut
	{width: 198px; height: 22px;
	border: 0px solid #808080;
	margin: 0;
	padding:0;
	margin-left: 5px;
	background: url(../images/structure/menuhautleft_vert2.jpg) top left no-repeat;
	color: #ffffff;
	text-align:left;
	font-weight: bold;
	}

#menugauche .menu_gauche_contenu {
	width: 196px;
	border: 1px solid #808080;
	border-top: 0;
	padding: 0;
	background-color:#ffffff;
	color: #000000;
	margin-left: 5px;
	font-weight: bold;
	margin-bottom: 12px;
	}

/* droite */
#menuright p {
	padding: 0;padding-left: 3px;padding-right: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color: #000000;
	}

#menuright .menurighthaut
	{width: 178px; height: 22px;
	border: 0px solid #808080;
	margin: 0;
	padding:0;
	margin-left: 2px;
	background: url(../images/structure/menuhautright_vert2.jpg) top left no-repeat;
	color: #ffffff;
	text-align:left;
	font-weight: bold;
	}
#menuright .menurighthaut2
	{width: 178px; height: 22px;
	border: 0px solid #808080;
	margin: 0;
	padding:0;
	margin-left: 2px;
	background: url(../images/structure/menuhautright_blue2.jpg) top left no-repeat;
	color: #ffffff;
	text-align:left;
	font-weight: bold;
	}



#menugauche a:active, #menugauche a:link, #menugauche a:visited,
#menuright a:active, #menuright a:link, #menuright a:visited
	{ text-decoration:none; font-weight: bold; color:#44579f}

#menugauche a:hover, #menuright a:hover
	{ text-decoration:underline overline; font-weight: bold; color:#44579f}

#menuright .lien3 a:active, #menuright .lien3 a:link, #menuright .lien3 a:visited
	{ text-decoration:none; font-weight: bold; color:#ff0000}
#menuright .lien3 a:hover
	{ text-decoration:underline overline; font-weight: bold; color:#ff0000}






#menuright .menu_right_contenu {
	width: 176px;
	border: 1px solid #808080;
	border-top: 0px;
	padding: 0;
	background-color:#ffffff;
	color: #000000;
	margin-left: 2px;
	font-weight: bold;
	margin-bottom: 12px;
	}




/*
 *  milieu
 */
 
#centre .titre {
	width: 535px; height: 18px;
	border: 0px solid #808080;
	text-align:center;
	font-weight: bold;
	background: url(../menu/images/barre_centre_535.jpg) top left repeat;
	color: #ffffff;
	padding: 0;
	padding-top: 2px;
	margin:0 auto;
	font-size: 10px;
	}

#centre .contenu {
	width: 533px;
	border: 1px solid #808080;
	border-top: 0px;
	padding: 0;
	background-color:#fbf4d9;
	color: #000000;
	margin:0 auto;
	margin-bottom: 12px;
	font-weight: bold;
	}

#centre .titre_petit {
	width: 265px; height: 18px;
	border: 0px solid #808080;
	text-align:center;
	font-weight: bold;
	background: url(../menu/images/barre_menu_265.jpg) top left repeat;
	color: #ffffff;
	padding: 0;
	padding-top: 2px;
	margin:0 auto;
	font-size: 10px;
	}

#centre .contenu_petit {
	width: 263px;
	border: 1px solid #808080;
	border-top: 0px;
	padding: 0;
	background-color:#fbf4d9;
	color: #000000;
	margin:0;
	margin-bottom: 12px;
	font-weight: bold;
	}

#centre p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color: #000000;
	margin-left: 10px;
	}

#tableau_result td {}
#tableau_result th {font-weight: bold;text-align:center; border-bottom: 2px solid #7b83ea;}

/*
 *  DIVERS
 */


/* *************************  formulaire  *********************************** */
.cadre_form { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffffff; border: 3px #abc3db solid }
.form, input, option, select, textarea	{ font-family: Arial, sans-serif; font-size: 10px;  }
/* *************************  fin formulaire  ******************************* */

.surlign2_tr{ background-color: #abc3db;} .surlign3_tr{ background-color: #cccc99;}

/*page club*/
.titre_cadre_club {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FD8B20; margin-bottom: 0px;}
/*page club*/



p, li, td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	}
th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	}

.date {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: bold; text-decoration: underline;}
.warning, caption {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000}
.label_gras { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
.li_titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff7f50}
.titbreve {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #447594}

.smalltitre1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #447594; text-decoration: underline;}
.smalltitre2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: underline;}


.pied_page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align:gauche;
	}

.nb_connect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	padding-left: 330px;
	}
.nb_connect2
	{color: #ff0000;
	font-weight: bold;
	}

.cadre_princ { background-color: #ffffff; border: 3px #ffff00 solid;}
.cadre_club {font-size: 8pt; vertical-align: top; border: 1px solid #a0a0a0; padding: 0; margin-bottom: 0px; margin-top: 0px;}

/*	border-color: #3b6bd3 #9cb8f4 #9cb8f4 #3b6bd3; */
.cadre_fiche {
	border-style: outset;
	border-color: #2f54a7;
	border-top-width: 2px;
	border-right-width: 3px; border-bottom-width: 3px;
	border-left-width: 2px;
	background-color: #faffe8 ;
	margin-top: 10px;
	}

.td-articles-sommaire {
	border-style: solid;
	border-color: #9cb8f4 #2f54a7 #2f54a7 #9cb8f4;
	border-top-width: 2px;
	border-right-width: 3px; border-bottom-width: 3px;
	border-left-width: 2px;
	background-color: #faffe8 ;
	margin-top: 10px;
	}

h1 {font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	color: #2828a5;
	background-color: #d0d0d0;
	border: 1px solid #000000;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	text-align: center;
	margin:0 auto;
	}

h2	{font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2e3be9;
	margin-top:10px;
	margin-bottom:0px;
	text-align: center;
	}

h3 {font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #ffffff;
	background-color: #ea8f00;
	margin-top:20px;
	margin-bottom:10px;
	width: 400px;
	}

h4	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:5px;
	text-decoration: underline;
	}

h5	{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2e3be9;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:20px;
	text-decoration: underline;
	}

h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FD8B20}

#contact input, #contact option, #contact select, #contact textarea { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffffff;}
#contact td { font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; }


.horsligne{
 text-decoration:none;
 padding-top:2px;
 padding-bottom:5px;
 padding-left:25px;
 padding-right:3px;
 background:url("../images/horsligne.gif") 0 2px no-repeat;
 font-weight:bold;
 color:#ff0000;font-size:10px;
 display:block;
 float:left;
}

.enligne{
 text-decoration:none;
 padding-top:2px;
 padding-bottom:5px;
 padding-left:25px;
 padding-right:3px;
 background:url("../images/enligne.gif") 0 2px no-repeat;
 font-weight:bold;
 color:#59a12b;font-size:10px;
 display:block;
 float:left;
}