﻿html, body{	
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}


body{
	font:15px Arial, Tahoma;
	background:#290b25;
}

img {
	border:none;
}

.centrage{
	text-align:center;
}

/*******	ORCHESTRE	 *******/

#main_conteneur_orchestre{
	width:100%;
	color:#fff;
	background:url("../images/orchestre/bg_orchestre.png") repeat-x #553751;
	text-align:center;
}

/*------- HEADER -------*/

#header_orchestre{
	margin:auto;
	text-align:center;
}

#top_orchestre {
	height:153px;
	background:url("../images/orchestre/top-bg_orchestre.png") repeat-x;
	z-index:10;
	position:relative;
}

/*------- Banniere -------*/

#banniere_orchestre {
	width:361px;
	height:114px;
	margin:auto;
	padding:5px;
}

/*------- Menu -------*/

#menu_orchestre ul {
	margin:-15px auto 0 auto;
	padding:0;
	width:900px;
}

	#menu_orchestre ul li{
		list-style:none;
		float:left;
		padding:0 10px 0 10px;
		margin:0;
	}

	#menu_orchestre ul li a{
		height:57px;
		width:130px;
		color: #000;
		font-size:20px;
		line-height:37px;
		text-decoration:none;
		text-align:center;
		background:no-repeat top left;
		display:block;
		
	}
		
	#menu_orchestre ul li a.ciel{
		background:url("../images/btn_acc.png");
	}
	
		#menu_orchestre ul li a:hover.ciel{
			background-position:bottom left;
		}	
	
	#menu_orchestre ul li a.rouge{
		background:url("../images/orchestre/btn_pres_orch.png");
	}
	
		#menu_orchestre ul li a:hover.rouge{
			background-position:bottom left;
		}
	
	#menu_orchestre ul li a.vert{
		background:url("../images/orchestre/btn_stc_orch.png") ;
	}
	
		#menu_orchestre ul li a:hover.vert{
			background-position:bottom left;
		}

	#menu_orchestre ul li a.bleu{
		background:url("../images/orchestre/btn_mut_orch.png") ;
	}
	
		#menu_orchestre ul li a:hover.bleu{
			background-position:bottom left;
		}
		
	#menu_orchestre ul li a.orange{
		background:url("../images/orchestre/btn_gal_orch.png") ;
	}
	
		#menu_orchestre ul li a:hover.orange{
			background-position:bottom left;
		}
		
	#menu_orchestre ul li a.jaune{
		background:url("../images/orchestre/btn_new_orch.png") ;
	}
	
		#menu_orchestre ul li a:hover.jaune{
			background-position:bottom left;
		}
		
	#menu_orchestre ul li.img_gal{
		cursor:pointer;
	}	
		
/*------- PAGE PRINCIPALE -------*/

#contenu_orchestre{
	width:950px;
	margin:auto;
}

#infos_orchestre {
	padding:50px 100px 20px 100px;
	text-align:justify;
	color:#fff;
}

	#infos_orchestre h1 {
		text-shadow:4px 4px 4px #000;
	}
	
	.right{
		float:right;
	}

	#infos_orchestre p {
		line-height:25px;
	}

/*------- Orchestre -------*/

#infos_orchestre.orchestre h1{
	color:#de2a35;
}

#infos_orchestre.orchestre img {
	border:solid 3px #de2a35;
	margin:10px 0 0 20px;
}

/*------- Sainte Cécile -------*/

#infos_orchestre.cecile h1{
	color:#A1CF2E;
}
#infos_orchestre.cecile h2{
text-shadow:4px 4px 4px #000;
	color:#A1CF2E;
}

#infos_orchestre.cecile a {
	color:#fff;
	text-decoration:none;
}
	#infos_orchestre.cecile a:hover {
		color:#a1cf2e;
	}
#infos_orchestre.cecile img {
	border:solid 3px #A1CF2E;
	margin:10px 0 0 20px;
}

/*------- Musique tour -------*/

#infos_orchestre.tour h1{
	color:#7095fe;
}

#infos_orchestre.tour img {
	border:solid 3px #7095fe;
	margin:10px 0 0 20px;
}

/*------- Galerie -------*/

#galeries_orchestre{
	width:950px;
	height:100px;
	margin:auto;
	text-align:center;
}

#galeries{
	width:130px;
	z-index:10;
	float:right;
	position:relative;
	padding:0 0 5px 0;
	margin:-22px 185px 0 0px;
	background:url("../images/gal_bg.png") repeat-y;
	color:#000;
	text-align:center;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

	#galeries ul {
			list-style:none;
			padding:0;
		}
		
			#galeries ul li {
				padding:5px 0 5px 0;
			}


#galeries ul li a {
	background:no-repeat top left;
	margin:auto;
	display:block;
	text-align:center;
}
		
	#galeries ul li a.btn_photos{
		height:18px;
		width:64px;
		background:url("../images/btn_photos.png") no-repeat top left;
	}
	
		#galeries ul li a:hover.btn_photos{
				background-position:bottom left;
		}
	
	#galeries ul li a.btn_videos{
		height:18px;
		width:66px;
		background:url("../images/btn_videos.png") no-repeat top left;
	}
	
		#galeries ul li a:hover.btn_videos{
				background-position:bottom left;
		}
	
	#galeries ul li a.btn_musiques{
		height:22px;
		width:93px;
		background:url("../images/btn_musiques.png") no-repeat top left;
	}
	
		#galeries ul li a:hover.btn_musiques{
				background-position:bottom left;
		}
		
/*------- Photos -------*/

#photos {
	width:750px;
	margin:-50px auto 0 auto;
	min-height:750px;
}

#photos h1 {
	color:#f47123;
}

.photo {
	width:250px;
	height:150px;
	text-align:center;
	display:block;
}

#photos img {
	width:40%;
	border:solid 3px #f47123;
}

.left {
	float:left;
}

#action {
	width:50px;
}

/*------- Musiques -------*/

#musiques {
	width:750px;
	height:400px;
	margin:-50px auto 0 auto;
}

#musiques h1 {
	color:#f47123;
}

/*------- News -------*/

#news_orchestre {
	padding:50px 100px 100px 100px;
	text-align:justify;
	color:#fff;
	font-size:15px;
}

	#news_orchestre.news h1	{
		color:#fbbf09;
		text-shadow:4px 4px 4px #000;
	}

#archives a{
	border: solid 1px #fff;
	color:#fff;
	text-decoration:none;
	padding:3px;
}

	#archives a:hover{
		border: solid 1px #fbbf09;
		color:#fbbf09;
		text-decoration:none;
		padding:3px;
	}

/*------- Archives -------*/

#archives_orchestre {
	padding:100px;
	text-align:justify;
	color:#fff;
	font-size:15px;
}

#archives_orchestre ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

	#archives_orchestre ul.navigation a, .navigation span { 
		display: block;  
		text-decoration: none; 
		font-size: 15px;
		color:#fff;
	}
 
	#archives_orchestre ul.navigation a:hover, .navigation a:focus, .navigation a:active { 
		text-decoration: none;
		color:#fff;
    } 
	
	.navigation .subMenu {
		font-size: 11px; 
		padding: 0;  
		margin: 0 2px 0 0;		
    }
	
	.navigation .subMenu p {
		padding: 10px;
		margin: 0;
	}

/*------- FOOTER -------*/

#footer_orchestre {
	background:#290b25;
	height:150px;
	text-align:center;
	padding:20px;
	font-size:12px;
}

#footer_orchestre img.logo{
	width:100px;
	height:85px;
}

	#footer_orchestre a.mentions {
		text-decoration:none;
		color:#553751;
		font-weight:bold;
	}

#footer_infos ul {
	margin: 10px 0 10px 0;
}

	#footer_infos ul li {
		list-style:none;
		display:inline;
		padding: 0 10px 10px 10px; 
	}