@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background:url(../images/background.jpg);
}

a.menu:link, a.menu:visited, a.menu:active {
	height:72px;
	width:72px;
	display:block;
	float:left;
	margin-left:10px;
	margin-top:20px;
}
a.cyclisme-route:link, a.cyclisme-route:visited, a.cyclisme-route:active {
	background:url(../images/logo_cyclisme.png);
}
a.cyclisme-route:hover {
	background:url(../images/logo_cyclisme_over.png);
}
a.cyclisme-route_checked {
	background:url(../images/logo_cyclisme-route_checked.png);
}

a.cyclisme-vtt:link, a.cyclisme-vtt:visited, a.cyclisme-vtt:active {
	background:url(../images/logo_vtt.png);
}
a.cyclisme-vtt:hover {
	background:url(../images/logo_vtt_over.png);
}
a.cyclisme-vtt_checked {
	background:url(../images/logo_cyclisme-vtt_checked.png);
}

a.football:link, a.football:visited, a.football:active {
	background:url(../images/logo_foot.png);
}
a.football:hover {
	background:url(../images/logo_foot_over.png);
}
a.football_checked {
	background:url(../images/logo_football_checked.png);
}

a.course-pedestre:link, a.course-pedestre:visited, a.course-pedestre:active {
	background:url(../images/logo_course-pedestre.png);
}
a.course-pedestre:hover {
	background:url(../images/logo_course-pedestre_over.png);
}
a.course-pedestre_checked {
	background:url(../images/logo_course-pedestre_checked.png);
}

a.randonnee-pedestre:link, a.randonnee-pedestre:visited, a.randonnee-pedestre:active {
	background:url(../images/logo_randonnee-pedestre.png);
}
a.randonnee-pedestre:hover {
	background:url(../images/logo_randonnee-pedestre_over.png);
}
a.randonnee-pedestre_checked {
	background:url(../images/logo_randonnee-pedestre_checked.png);
}

a.petanque:link, a.petanque:visited, a.petanque:active {
	background:url(../images/logo_petanque.png);
}
a.petanque:hover {
	background:url(../images/logo_petanque_over.png);
}
a.petanque_checked {
	background:url(../images/logo_petanque_checked.png);
}

a.menu_mois:link, a.menu_mois:visited, a.menu_mois:active {
	text-decoration:none;
	display:block;
	color:#000000;
	height:17px;
	padding-top:3px;
}
a.menu_mois:hover {
	background-color:#DDDDDD;
}
a.menu_mois_checked {
	text-decoration:none;
	display:block;
	color:#000000;
	height:17px;
	padding-top:3px;
	background-color:#DDDDDD;
	font-weight:bold;
}

a.menu_forum:link, a.menu_forum:visited, a.menu_forum:active {
	background:url(../images/forum.png);
	height:119px;
	width:115px;
	display:block;
	float:right;
	margin-left:10px;
}

a.menu_contact:link, a.menu_contact:visited, a.menu_contact:active {
	background:url(../images/contact.png);
	height:117px;
	width:184px;
	display:block;
	float:right;
	margin-left:10px;
}

#barre_menu {
	height:119px;
}

#annee_select {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-style:italic;
}

#navigation_mois {
	list-style:none;
	margin:0px 13px 0px 10px;
}

#navigation_mois li {
	display:block;
	float:left;
	width:7%;
	text-align:center;
	margin:0;
	margin-bottom:10px;
	height:20px;
	
	background-color:#CCCCCC;
}

#text_left {
	background-color:#FFFFFF;
	width:200px;
	margin-left:10px;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	text-align:justify;
}

	#text_left h1 {
		text-align:left;
		font-size:12px;
	}
	
	#text_left h2 {
		text-align:left;
		font-size:10px;
	}
	
	#text_left a:link, #text_left a:active, #text_left a:visited {
		text-decoration:none;
		font-weight:bold;
		color:#000000;
	}
	
	#text_left a:hover {
		text-decoration:underline;
	}

#pub_right {
	background-color:#FFFFFF;
	width:120px;
	margin-right:10px;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	float:right;
}

#map {
	height:600px;
	background-color:#FFFFFF;
	margin-right:140px;
	margin-left:230px;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
}

#text_center {
	background-color:#FFFFFF;
	margin-right:140px;
	margin-left:230px;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;
	min-height:600px;
}

	#text_center h1 {
		text-align:left;
		font-size:14px;
		color:#3f221d;
		margin:0;
		padding-left:0px;
	}
	
	#text_center h2 {
		text-align:left;
		font-size:12px;
		margin:0px 0px 5px 0px;
		padding-top:5px;
	}
	
	a.lienTextCenter:link, a.lienTextCenter:active, a.lienTextCenter:visited {
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		color:#3f221d;
		margin-left:100px;
	}
	
	a.lienTextCenter:hover {
		text-decoration:underline;
	}
	
	#manifestation {
		margin-left:320px;
	}
	
	.message {
		background-color:#DDDDDD;
		border:1px solid #FF0000;
		padding:5px;
		margin:0px 1px 5px 1px;
		color:#FF0000;
		font-weight:bold;
		text-align:center;
		font-size:14px;
	}
	
	#pub_intext {
		height:100%;
		width:320px;
		padding-left:10px;
		padding-top:5px;
		float:left;
	}
	
	#map_manif {
		height:350px;
		margin:10px 10px 10px 0px;
		border:1px solid #3f221d;
	}
	
	#liste_activites {
		margin:10px 0px;
	}
	
	#adresse_manif {
		width:250px;
		background:#CCCCCC;
		border:1px solid #3f221d;
		margin-bottom:10px;
		padding:5px 0px;
	}

#pied_page {
	margin:10px 0px;
	text-align:center;
	color:#FFFFFF;
}

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

/*##############################################################################
############################# Espace membres ###################################
##############################################################################*/
	
#formLogin label {
	width:100px;
	display:block;
	float:left;
	color:#3f221d;
	padding-top:4px;
}

#formLogin input {
	width:200px;
	margin:0;
}
	.input_alert {
		border:1px solid #FF0000;
	}

	a.lienLogin:link, a.lienLogin:active, a.lienLogin:visited {
		text-decoration:none;
		color:#3f221d;
	}
	
	a.lienLogin:hover{
		text-decoration:underline;
	}
	
	#msglog {
		color:#a82109;
		font-weight:bold;
		margin-left:100px;
	}

/*##############################################################################
########################### Demander inscription ###############################
##############################################################################*/
#formInscription input {
	width:200px;
}

#formInscription label {
	display:block;
	width:200px;
	float:left;
}

/*##############################################################################
########################### Proposer rencontre #################################
##############################################################################*/
input, textarea{
	width:250px;
}

#tabProposer {
	width:500px;
	margin:0px 80px;
}

#tabProposer th {
	text-align:left;
	
}