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

a:link, a:active, a:visited {
		text-decoration:none;
		color:#3f221d;
}

a:hover{
	text-decoration:underline;
}
.menu_bloc {
	width:80px;
	text-align:center;
	color:#FFFFFF;
	float:left;
	margin-left:10px;
	margin-top:20px;
}
a.menu:link, a.menu:visited, a.menu:active {
	height:72px;
	width:72px;
	display:block;
}
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;
}

a.menu_listing:link, a.menu_listing:visited, a.menu_listing:active {
	background:url(../images/listing.png);
	height:114px;
	width:92px;
	display:block;
	float:right;
	margin-left:10px;
}


#barre_menu {
	height:119px;
}
	#btn_facebook-menu {
		padding-top:20px;
		text-align:center;
		color:#FFFFFF;
	}

#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;
}

#map_perso {
	height:600px;
}

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

	#map_perso_text h2 {
		text-align:left;
		font-size:12px;
		margin:0px 0px 5px 0px;
		padding-top:5px;
	}
	
	a.lienSousCarteMembreAccueil:link, a.lienSousCarteMembreAccueil:active, a.lienSousCarteMembreAccueil:visited {
		text-decoration:none;
		font-size:10px;
		color:#3f221d;
		margin-left:5px;
	}
	
	a.lienSousCarteMembreAccueil:hover {
		text-decoration:underline;
	}

#listing {
	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;
	}
	
	a.lienTextCenter2:link, a.lienTextCenter2:active, a.lienTextCenter2:visited {
		text-decoration:none;
		font-size:10px;
		font-weight:bold;
		color:#3f221d;
	}
	
	a.lienTextCenter2: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:300px;
		padding-left:10px;
		padding-right: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;
	}
	
	#pave_gauche {
		width:420px;
		float:left;
	}
	
	#pave_droite {
		margin-left:420px;
	}
	
	h3 {
		text-decoration:underline;
	}
	
	.photo_profil {
		float:left;
		margin-right:5px;
		border:1px solid #000000;
	}

#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;
	}
#btnLoginFacebook {
	margin-left:100px;
}

/*##############################################################################
########################### Participer rencontre ###############################
##############################################################################*/
#formParticipe input, #formParticipe textarea, #formParticipe select {
	width:250px;
}

#formParticipe label {
	display:block;
	width:200px;
	margin-top:3px;
}

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

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

/*##############################################################################
########################### Proposer rencontre #################################
##############################################################################*/
input, textarea, select{
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.checkbox {
	width:20px;
}

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

#tabProposer th {
	text-align:left;
	
}

/*##############################################################################
############################ Styles de Textes ##################################
##############################################################################*/
.texte_gras {
	font-weight:bold;
}

.texte_italique {
	font-style:italic;
}

.texte_bleu {
	color:#003399;
}