/********************** TO DO *****************
+		Renomer tous les nour
+		Faire la fonction  pour les quotes dans les balises
+		
+		faire un lien vers le about sur les auteur des posts


************************************************/

*{
margin:0;
padding:0;
}



body{
text-align:center;
font-family:Arial;
font-size:11px;
color:#AEAEAE;
background:transparent url(../img/back_body.jpg) repeat left top;
}
	body a{
		text-decoration:none;
		color:#E70100;
	}
	body a:hover{
		text-decoration:none;
		opacity:0.50;
		filter : alpha(opacity=50); 
	}
	body h1{
	border-bottom:1px solid #3E2F30;
	color:#FFFFFF;
	font-size:2.2em;
	margin-bottom:15px;
	font-weight:bolder;
	letter-spacing:-1.5pt;
	padding-bottom:3px;
	text-transform:uppercase;
	}
		body h1 a{
		color:#FFFFFF;
		}
			body .liens h1 a{
			color:#E70100;
			}
		body h1 a:hover{
		text-decoration:none;
		}
		body h1 span{
		display:block;
		font-size:0.7em;
		letter-spacing:0pt;
		}
			
		body .about h1 span{
		color:#4F4F4F;
		}
		
		body h1.upcomming{
		border:medium none;
		color:#8C0100;
		margin-bottom:2px;
		}
		body .events h1 span{
		color:#E70100;
		}
			body .events h1 span span{
			display:inline;
			letter-spacing:-0.5pt;
			font-size:1em;
			color:#8C0100;
			}
	body img{
	border:none;
	}
#all_body{
background:transparent url(../img/back.jpg) repeat-x left top;
}

/***************
=page
*/
#page{
text-align:justify;
margin:auto;
width:960px;
height:836px;
padding-bottom:80px;
background:transparent url(../img/back_page.jpg) no-repeat left top;
}
html>body #page {
height: auto;
min-height: 836px;
} 
	.acces_rapide{
	display:none;
	}
	.logo_print{
	display:none;
	}
	
/***********************
menu en haut
=menu
*/	
#menu{
width:197px;
float:left;
margin-top:51px;
}
	#menu ul li{
	list-style-type:none;
	}
		#menu ul li a{
		 display:block;
		 height:24px;
		 width:197px;
		}
		
			#menu ul li a.menu_accueil{
			background:transparent url(../img/home_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_accueil, #menu ul li a.menu_accueil:hover{
			background:transparent url(../img/home_on.jpg) no-repeat left top;
			}
			
			#menu ul li a.menu_events{
			background:transparent url(../img/events_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_events, #menu ul li a.menu_events:hover{
			background:transparent url(../img/events_on.jpg) no-repeat left top;
			}
			
			#menu ul li a.menu_photos{
			background:transparent url(../img/photos_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_photos, #menu ul li a.menu_photos:hover{
			background:transparent url(../img/photos_on.jpg) no-repeat left top;
			}
			
			#menu ul li a.menu_magazine{
			background:transparent url(../img/magazine_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_magazine, #menu ul li a.menu_magazine:hover{
			background:transparent url(../img/magazine_on.jpg) no-repeat left top;
			}
			
			#menu ul li a.menu_links{
			background:transparent url(../img/links_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_links, #menu ul li a.menu_links:hover{
			background:transparent url(../img/links_on.jpg) no-repeat left top;
			}
			
			#menu ul li a.menu_about{
			background:transparent url(../img/about_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_about, #menu ul li a.menu_about:hover{
			background:transparent url(../img/about_on.jpg) no-repeat left top;
			}
			
			#menu ul li a.menu_contact{
			background:transparent url(../img/contact_off.jpg) no-repeat left top;
			}
			#menu ul li.current a.menu_contact, #menu ul li a.menu_contact:hover{
			background:transparent url(../img/contact_on.jpg) no-repeat left top;
			}
				#menu ul li a span{
				display:none;
				}
				body #menu ul li a:hover{
				opacity:1;
				filter : alpha(opacity=100); 
				}
/*****************************
retour a la page d'accueil
=acces_home
******************/
a.acces_home{
display:bolck;
height:219px;
width:763px;
float:left;
}
/***********************
file d'ariane
=ariane
****************/
.ariane{
color:#E70100;
clear:both;
padding-top:40px;
padding-bottom:31px;
text-transform:uppercase;
padding-left:20px;
}
	.ariane ul li{
	list-style-type:none;
	display:inline;
	padding-right:4px;
	}
/************************
text de la page
=text
********************/
.text{clear:both;
margin-left:20px;
margin-top:60px;
float:left;
text-align:justify;
width:579px;
}
	.text div.photo_th{
	float:right;
	margin-left:10px;
	height:80px;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	}
		.text div.photo_th span{
			width: 100px;
			height: 80px;
			display: block;
			position: absolute;
			background: url(../img/border_photo.png) no-repeat;
		}
	
		.text div#my_show span{
		/*	width: 459px;
			height: 306px;
			z-index:9999;
			display: block;
			position: absolute;
			background: url(../img/border_photo_big.png) no-repeat;
			*/
		}
	.text p{
	padding-bottom:0px;
	line-height:1.3em;
	}
		.text p.name{
		font-weight:bold;
		float:left;
		color:#fff;
		text-transform:uppercase;
		}
		.text p.mail{
		float:right;
		text-transform:uppercase;
		}
	.text .liens, .text .about, .text .events{
	margin-bottom:40px;
	}	
	.text .events {
	color:#aeaeae;
	}
		.text .events .buy_tickets{
		color:#E70100;
		}
		.buy_tickets{
		margin-top: 0px;
		}
			.text .events .buy_tickets a{
			color:#E70100;
			font-weight:bold;
			}
	.text .liens{
	color:#714C4C;
	}
	#photos .text h1 span.date{
		color:#E70100;
	}
	.text h1.lasteadded{
	border:none;
	margin-bottom:0;
	color:#8C0100;
	}
	.text h1#photos {
	font-size:1.5em;
	letter-spacing:0pt;
	}
	.text h1#photos span.date{
		color:#E70100;
		font-size:1em;
		display:inline;
	}
	#photos .text h1 span.lieu,
	.text h1#photos span.lieu{
		color:#8C0100;
		font-size:1em;
		display:inline;
	}
	#photos .text h1 span.groupe,
	.text h1#photos span.groupe{
		color:#5D5D5D;
		display:inline;
		font-size:1em;
	}
.subText{
margin-left:50px;
margin-top:60px;
float:left;
margin-bottom:20px;
width:280px;float:right;
}
	.subText .events{
	margin-bottom:30px;
	}
	#photos .subText h1{
	margin-bottom:0px;
	margin-top:5px;
	font-size:1.5em;
	letter-spacing:-0.5pt;
	}
		#photos .subText h1.current a{
		color:#fff;
		}
		#photos .subText h1 a{
			color:#E70100;
		}
		#photos .subText h1 a:hover{
		opacity:1;
		color:#fff;
		filter : alpha(opacity=100); 
		}
	.subText h1{
	border:none;
	color:#8C0100;
	margin-bottom:11px;
	}
		.subText .events h1{
		font-size:1em;
		letter-spacing:-0pt;
		margin-bottom:6px;
		}
		.subText .events h1 span{
		font-size:1em;
		}
	.subText h2{
	text-transform:uppercase;
	font-size:1em;
	padding-bottom:10px;
	color:#E70100;
	}
		#photos .subText h2.current a{
		opacity:0.5;
		}
		.subText h2 span{
		color:#8C0100;
		filter : alpha(opacity=50); 
		}
	.subText .events {
	color:#aeaeae;
	}
		.subText .events .buy_tickets{
		color:#E70100;
		padding-top:4px;
		}
			.subText .events .buy_tickets a{
			color:#E70100;
			font-weight:bold;
			}

/**************************** magazine ***********/
/* =mag */
	body .post h1 span{
	color:#E70100;
	}
	.banner {
		float:left;
		text-align:center;
	}
	.post{
	margin-bottom: 10px;
	}
	
	 	body .post h1 span span.autheur{
		display:inline;
		letter-spacing:-0pt;
		font-size:1em;
		color:#4F4F4F;
		}
		body .post h1 span span.tags{
		display:inline;
		letter-spacing:-0pt;
		font-size:1em;
		color:#919191;
		}
			body .post h1 span span.tags a{
			color:#919191;
			}
.page ul {
	text-align:center;
	padding-bottom:10px;
	}	
	.page ul li{
	list-style-type:none;
	display:inline;
	margin-right:10px;
	font-weight:bold;
	}
.label{
padding-top:10px;
}

label{
font-weight: bold;
}
.field input.input_text{
width:390px;
}
	
	body h2.comments{
	font-size:1.2em;
	}
	body .commentitem h1{
	margin-bottom:10px;
	font-size:1.7em;
	}
		body .post h2 {
		color:#fff;
		text-transform:uppercase;
		}
		body .post h1 span.autheur a{
		color:#4F4F4F;
		}
		
		body .commentitem p{
		color:#AEAEAE;
		}
		a.bouton_search{
		font-weight:bold; 
		font-size:2em;
		margin-top:-36px;
		float:right;
		}
		a.bouton_search:hover{
		text-decoration:none;
		}
		body p.info_blogue{
		padding-top:0px;
		}
		body span.commentaire {
		font-weight:bold;
		text-transform:uppercase;
		font-size:1em;
		
		}
/*****************
bas de page
=footer
*************/
#footer{
width:920px;
margin:auto;
clear:both;
border-top:1px solid #714C4C;
padding-top:20px;
font-size:0.8em;
}
	#footer ul{
	padding-right:30px;
	}
	#footer ul li{
		display:inline;
		float:left;
		text-transform:uppercase;
		padding-right:10px;
	}
		#footer ul li img{
		border:none;
		float:left;
		margin-top:-10px;
		}
		#footer ul li a{
			color:#fff;
		}
	#footer #conception{
	 color:#714C4C;
	 text-transform:uppercase;
	}
		#footer #conception a{
	 	color:#714C4C;
		}
#photos .subText  h1{
cursor:pointer;
}
#photos .subText  h1.current,
#photos .subText  h1:hover{
color:#fff;
}
h2.lastAdded {
border-bottom:1px solid #3E2F30;
color:#8C0100;
font-size:2.2em;
font-weight:bolder;
letter-spacing:-1.5pt;
margin-bottom:15px;
padding-bottom:3px;
text-transform:uppercase;
}
h2.lastAdded2 {
color:#8C0100;
font-size:2.2em;
font-weight:bolder;
letter-spacing:-1.5pt;
margin-bottom:15px;
padding-bottom:3px;
text-transform:uppercase;
}

h2.noData {
display: inline;
font-size:1.5em;
letter-spacing:-0.5pt;
margin-bottom:0;
margin-top:5px;
color:#8C0100;
}

h1.letter {
display: inline;
}