/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : OSL
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : avril 2010
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #fff;
	background:#191d20 url(/images/Bg_Site_Bleu.png) no-repeat top center;
}
p {
	margin: 0 0 12px 0;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: ;
	margin: 5px 0;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: ;
	margin: 20px 0 5px 0;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: ;
	margin: 15px 0 3px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: ;
	margin: 10px 0 2px 0;
}
a, a:hover {
	color:#00aeef ;
	text-decoration: underline;
}
a:hover {
	color:#807d7d ;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}






/*- Entête -----------------------------------------*/
#Entete {
	width:950px; height:472px; 
	padding:0 0; margin:0 auto;
	background:transparent url(/images/Bg_Entete_Bleu.png) top center no-repeat;
}

	/*- Nav Fixe -----------------------------------------*/
	#NavFixe {
		display:block; 
		width:100%; height:50px;
	}
	#NavFixe li {
		display:block; float:right; 
		height:20px;
		border-left:1px solid #fff; padding:15px 0 0 2em; margin:0 2em 0 0;
	}
	#NavFixe li,
	#NavFixe li a {
		color:#fff; text-transform:uppercase; text-decoration:none; 
	}
	#NavFixe li a,
	#NavFixe li span {
		padding:10px 0 2px 0; line-height:23px;
		background:transparent url(/images/Icone_EnteteBarre.png) 1000px 0 no-repeat;
	}
	#NavFixe li a:hover {
		color:#888; 
	}
	
		/*- Don -----------------------------------------*/
		#NavFixe #NavFixeDon {
			border:0;
			padding-top:7px;
		}
		#NavFixe #NavFixeDon a {
			padding:0;
			background:none;
		}
		
		/*- Contact -----------------------------------------*/
		#NavFixe #NavFixeContact a {
			padding-right: 25px;
			background-position:right -33px;
		}
		#NavFixe #NavFixeContact a:hover {
			background-position:right -169px;
		}

		
		/*- Partager -----------------------------------------*/
		#NavFixe #NavFixePartager {
			/*padding-right:25px;*/ /* remettre à 70px lorsque twitter+rss de retour */
			overflow:hidden;
		}
			#NavFixe #NavFixePartager span {
				float:left;
				padding:0;
				margin-right:8px;
			}
			#NavFixePartager ul {
				/*position:relative;
				top:-18px; right:-70px;*/
				float:left;
			}
			#NavFixePartager li  {
				/*position:absolute; display:block;overflow:hidden;
				top:0;*/
				border:0; margin:0; padding:0;
				float:left;
			}
			#NavFixePartager li a {
				text-indent:-10000px; display:block;
				width:15px; height:15px;
				padding:0;
				overflow:hidden;
				background:transparent url(/images/Icone_EnteteBarre.png) 0 0 no-repeat;
				margin:3px 4px 0 0;
			}

				#NavFixePartager li#EnteteFacebook a {
					/*left:0;*/
					background-position:right -65px;
				}
				#NavFixePartager li#EnteteTwitter a {
					/*left:20px;*/
					background-position:right -81px;
				}
				#NavFixePartager li#EnteteRss a {
					left:40px;
					width:16px; height:15px;
					background-position:right -97px;
				}

		/*- Extraits -----------------------------------------*/
		#NavFixe #NavFixeExtraits {
			padding-left:0;
		}
		#NavFixe #NavFixeExtraits #ExtraitsPlayer {
			position:relative;
			margin:-14px 0 0 0;
		}




	/*- Logos -----------------------------------------*/
	#EnteteLogos{
		width:950px; height:157px;
		background:url(/images/Bg_TexteEntete.png) no-repeat 0 0;
	}
		#EnteteLogo {
			float:left;
			margin:16px 0 0 20px;
		}
		
		#EntetePartenaires {
			float:right; overflow:hidden;
			width:250px; height:130px;
			margin:10px 35px 0 0;
			font-size:10px; color:#ababab; text-transform:uppercase;
		}
			#EntetePartenaires ul {
				display:block;
				width:250px; height:125px;
				margin:15px 0 0 0;
			}
				#EntetePartenaires li {
					display:block; float:left;
				}
				#EntetePartenaires img {
					width:125px; height:50px;
				}
		


	/*- Menu principal -----------------------------------------*/
	/*  (font-size en px pour simplicifier les sous-menus) */
	#MenuPrincipal {
		position:relative; z-index:2;
		top:-9px; left:0;
		width:606px; height:47px;
	}
		#MenuPrincipal li {
			display:block;	position:absolute;
		}

		#MenuPrincipal li a {
			text-indent:-10000px; overflow:hidden; display:block; 
			width:100%; height:100%;
			font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none; white-space:nowrap;
			background-color:transparent;
		}
		
			#MenuPrincipal li.losl,
			#MenuPrincipal li.losl-On,
			#MenuPrincipal li.losl-Hover {
				top:0; left:0;
				width:80px; height:47px;
				background:transparent url(/images/Menu_Bleu.png) 21px 19px no-repeat;
			}
			#MenuPrincipal li.losl-On,
			#MenuPrincipal li.losl-Hover {
				background-color:#231f20; background-position:21px -56px;
			}

			#MenuPrincipal li.concerts,
			#MenuPrincipal li.concerts-On,
			#MenuPrincipal li.concerts-Hover {
				top:0; left:105px;
				width:108px; height:47px;
				background:transparent url(/images/Menu_Bleu.png) -87px 19px no-repeat;
			}
			#MenuPrincipal li.concerts-On,
			#MenuPrincipal li.concerts-Hover {
				background-color:#231f20; background-position:-87px -56px;
			}

			#MenuPrincipal li.billeterie,
			#MenuPrincipal li.billeterie-On,
			#MenuPrincipal li.billeterie-Hover {
				top:0; left:218px;
				width:107px; height:47px;
				background:transparent url(/images/Menu_Bleu.png) -197px 19px no-repeat;
			}
			#MenuPrincipal li.billeterie-On,
			#MenuPrincipal li.billeterie-Hover {
				background-color:#231f20; background-position:-197px -56px;
			}

			#MenuPrincipal li.appuyez,
			#MenuPrincipal li.appuyez-On,
			#MenuPrincipal li.appuyez-Hover {
				top:0; left:331px;
				width:97px; height:47px;
				background:transparent url(/images/Menu_Bleu.png) -310px 19px no-repeat;
			}
			#MenuPrincipal li.appuyez-On,
			#MenuPrincipal li.appuyez-Hover {
				background-color:#231f20; background-position:-310px -56px;
			}

			#MenuPrincipal li.osletvous,
			#MenuPrincipal li.osletvous-On,
			#MenuPrincipal li.osletvous-Hover {
				top:0; left:446px;
				width:87px; height:47px;
				background:transparent url(/images/Menu_Bleu.png) -425px 19px no-repeat;
			}
			#MenuPrincipal li.osletvous-On,
			#MenuPrincipal li.osletvous-Hover {
				background-color:#231f20; background-position:-425px -56px;
			}

			#MenuPrincipal li.medias,
			#MenuPrincipal li.medias-On,
			#MenuPrincipal li.medias-Hover {
				top:0; left:560px;
				width:85px; height:47px;
				background:transparent url(/images/Menu_Bleu.png) -539px 19px no-repeat;
			}
			#MenuPrincipal li.medias-On,
			#MenuPrincipal li.medias-Hover {
				background-color:#231f20; background-position:-539px -56px;
			}


			
		/*- Sous-menus -----------------------------------------*/
		#MenuPrincipal li.Hover ul {
			display:block; 
		}
			#MenuPrincipal li ul {
				position:absolute; display:none; 
				top:47px; left:0;
				height:auto; margin:0; padding:0.5em 0;
				background-color:#e8e6e9;
				color:#9b9c9c; 
			}
			#MenuPrincipal li li {
				position:relative; display:block; clear:both;
				margin:3px 0; padding:2px 0;
			}
			#MenuPrincipal li li a {
				text-indent:0; overflow:visible; display:inline;
				margin:0; padding:0 17px;
				font-size:10px; color:#9b9c9c;
			}

			#MenuPrincipal li li.Hover {
				background-color:#9b9c9c;
			}
			#MenuPrincipal li li.Hover a {
				color:#fff; 
			}

				/*- Sous-sous-Menu ----------------------------------------- */
				#MenuPrincipal li.Hover li ul {
					position:absolute; display:none; 
					top:-0.75em; /* left dynamic with the javascript */
					background-color:#9b9c9c;
				}
				#MenuPrincipal li li.Hover ul {
					display:block;
				}
				#MenuPrincipal li li ul a {
					color:#000;
				}


				#MenuPrincipal li li li.Hover {
					background-color:#e8e6e9;
				}
				#MenuPrincipal li li li.Hover a {
					color:#9b9c9c;
				}
		
	/*- Splash -----------------------------------------*/
	#EnteteSplash {
		position:relative; overflow:hidden; z-index:1; clear:both;
		top:-5px; left:0;
		width:950px; height:210px;
	}







/*- Barre Milieu -----------------------------------------*/
#BarreMilieu {
	clear:both; display:block;
	height:31px;
	padding:9px 0 0 0;
	background-color:#191d20;
}
#BarreMilieu div {
	width:950px;
	margin:0 auto;
	text-transform:uppercase;
}
		
	#BarreMilieu p {
		float:left;
		margin:5px 1em 0 0; padding:0; 
		font-size:1.2em; 
	}

	#BarreMilieu label {
		float:left; text-indent:-10000px; display:block; overflow:hidden;
		width:180px; height:11px;
		margin:6px 1em 0 0; padding:0;	
		background:transparent url(/images/Vignette_Infolettre.png) 0 0 no-repeat;
	}

	#BarreMilieu input {
		float:left;
		border-style:solid; border-color:#000;
	}
		
		#BarreMilieu input.text {
			width:160px; height:15px;
			padding:3px 5px; 
			border-width:1px 0 1px 1px; 
		}
		#BarreMilieu input.submit {
			width:27px; height:21px;
			padding:0;
			border-width:1px 1px 1px 0 !important;
		}
		#BarreMilieu input.label {
			color:#c4c4c4; text-transform:uppercase;
		}
		#BarreMilieu input.focus {
			background-color:#eee;
		}
		#BarreMilieu input.Erreur {
			border-color:#f00; 
			color:#f00;
			background-color:#fcc;
		}
	#BarreMilieu p {
		font-style:italic; 
	}









/*- Contenu -----------------------------------------*/
#Corps {
	background-color:#000;
	padding:1em 0 3em 0;
}
#Contenu {
	width:950px;
	margin:0 auto; 
}

#ColNav,
#ColContenu,
#ColPromo
{
	float:left;
	margin:0 20px 0 0;
}


	/*- Colonne de navigation (gauche) -----------------------------------------*/
	#ColNav {
		width:120px;
		margin-top:1.1em;
		text-transform:uppercase; 
	}
		#Contenu #ColNav strong {
			display:block;
			width:115px;
			color:#00aeef; font-weight:normal;
			border-bottom:1px dashed #333; padding:0 0 0.5em 5px;
		}
		#Contenu #ColNav ul {
			list-style:none;
			width:120px;
			margin:0; padding:0;
		}
			#Contenu #ColNav li {
				list-style:none; 
				border-bottom:1px dashed #333; padding:0.5em 0;
			}
			#Contenu #ColNav a {
				display:block;
				padding:0 5px 0 15px; 
				color:#818283; text-decoration:none; font-size:0.9em;
				background:transparent url(/images/Puce_ColNav.png) 4px 3px no-repeat;
			}
			#Contenu #ColNav a:hover {
				color:#fff;
			}
			#Contenu #ColNav li.On a {
				color:#fff;
				background-position:4px -91px;
			}
			#Contenu #ColNav li.On.AvecEnfants a {
				background-position:4px -191px;
			}
				#Contenu #ColNav li ul {
					display:none;
					margin:10px 0 0 0;
				}
				#Contenu #ColNav li.On ul {
					display:block;
				}
					#Contenu #ColNav li li {
						border:0; padding:0.3em 0;
					}
					#Contenu #ColNav li li a {
						color:#fff;
						background-image:url();
					}
					#Contenu #ColNav li li a:hover {
						color:#818283;
					}




	/*- Colonne de Contenu (milieu) -----------------------------------------*/
	#ColContenu {
		width:600px;
	}
	#ColContenu.PleineLargeur {
		width:750px;
	}

		#ColContenu h1,
		#ColContenu h2.TitrePrincipal {
			color:#00aeef; font-size:1.8em; font-weight:normal; text-transform:uppercase;
			border-bottom:1px solid #fff; padding:0 0 0.2em 0; margin:0.3em 0 0.7em;
		}
			#ColContenu h1 span,
			#ColContenu h2.TitrePrincipal span {
				color:#fff;
			}
		
		#ColContenu h2,
		#ColContenu h1.SousTitre {
			color:#00aeef; font-size:1.4em; text-transform:uppercase; font-weight:normal; 
			margin:2em 0 -0.5em 0; border:0;
		}
		
		#ColContenu h3 {
			color:#5d5d5d; font-size:1em; text-transform:uppercase;
			margin:0.7em 0 1em 0;
		}
		#ColContenu h4, 
		#ColContenu h5, 
		#ColContenu h6
		{
			color:#fff; font-size:1em; text-transform:uppercase;
			margin:0.7em 0 1em 0;
		}
		#ColContenu p {
			margin:1em 0;
			line-height:1.6em;
			font-size:1.1em;
		}
		#ColContenu img {
			border:1px solid #5d5d5d;
		}
			#ColContenu ul {
				font-size: 1.1em;
				margin: 0 0 12px 15px;
				padding: 0;
			}
			#ColContenu ul li {
				list-style: disc outside url(../images/Puce_Liste.gif);
				padding: 0 0 5px 0;
			}
			
			#ColContenu ol {
				font-size: 1.1em;
				margin: 0 0 12px 24px;
				padding: 0;
			}
			#ColContenu ol li {
				list-style: decimal outside;
				padding: 0 0 5px 0;
			}


		#ColContenu table.Tableau {
			border-collapse:collapse;
		}
			#ColContenu table.Tableau td,
			#ColContenu table.Tableau th {
				border:1px solid #888;
				padding:0.5em;
			}
			#ColContenu table.Tableau th {
				text-align:left;
			}
			#ColContenu table.Tableau td {
				text-align:center;
			}


		/*- item -----------------------------------------*/
		#ColContenu div.Item {
			clear:both;
			border-bottom:1px solid #333; padding:0 0 1em 0; margin:0 0 1.5em 0;
		}
			#ColContenu div.Item h2 {
				margin-top:0;
			}
			#ColContenu div.Item img {
				float:left;
				width:165px; height:165px;
				margin:0.5em 2em 1em 0;
			}
			#ColContenu div.Item.Evenement img {
				width:115px; height:135px;
			}


		/*- Photo Presse -----------------------------------------*/
		#ColContenu div.PhotoPresse {
			float:left;
			width:175px; height:175px;
			margin:0 20px 20px 0;
		}
		
	

	/*- Colonne de promo (droite) -----------------------------------------*/
	#Contenu #ColPromo {
		list-style:none;
		width:172px;
		margin:0; padding:0;
	}
		#Contenu #ColPromo li {
			list-style:none; 
			margin:1em 0 1em 0;
		}
		#Contenu #ColPromo img {
			width:172px; height:93px;
		}





/*- Pied de page -----------------------------------------*/
#PiedPage {
	border-top:1px solid #a3a4a5;
	text-align:center; 
}

	#PiedPage div {
		width:950px;
		margin:0 auto; padding:1em 0;
		font-size:0.9em; text-transform:uppercase;
	}

	#PiedPagePlan {
		text-align:left;
	}
		#PiedPagePlan li {
			float:left;
			width:145px;
			margin:0 10px 0 0;
		}
		#PiedPagePlan h6 {
			border-bottom:1px solid #00aeef;
			color:#00aeef;
		}
			#PiedPagePlan li li {
				margin:0 0 0.3em 0;
			}
			#PiedPagePlan li li a {
				color:#9c9a9b; text-decoration:none;
			}
			#PiedPagePlan li li a:hover {
				color:#fff;
			}


	/*- Liens fixes -----------------------------------------*/
	#PiedPageMenu {
		display:inline;
		margin:3em auto 0 auto;
		text-align:left;
	}
		#PiedPageMenu li {
			display:inline;
			margin:0 0.5em 0 0; padding:0 0 0 0.5em;
			border-left:1px solid #00aeef; 
		}
		#PiedPageMenu li.Premier {
			border:0;
		}
		#PiedPageMenu a {
			color:#fff; text-decoration:none;
		}
		#PiedPageMenu a:hover {
			color:#807d7d; 
		}
		

















/*- Accueil ---------------------------------------*/
body.Accueil #Entete {
	height:652px; 
}
body.Accueil #EnteteSplash {
	height:390px;
}
body.Accueil #EnteteSplash img {
	display:none;
}

	body.Accueil #Contenu div {
		float:left;
		margin:0 12px 0 0;
	}
	body.Accueil h2 {
		color:#00aeef; font-size:1.8em;font-weight:normal; text-transform:uppercase;
		border-bottom:1px solid #fff; padding:0 0 0.2em 0; 
	}
	body.Accueil h2 span {
		color:#fff;
	}
	
		/*- Saisons ---------------------------------------*/
		body.Accueil #ColGauche {
			width:271px;
			margin:0 15px 0 0;
		}
			body.Accueil #ColGauche h2 {
				margin:0 0 8px 0;
			}
			body.Accueil #ColGauche img {
				width:269px; height:400px;
				border:1px solid #5d5d5d;
			}
	
		
		/*- Prochain rendez-vous ---------------------------------------*/
		body.Accueil #ColCentre {
			width:360px;
		}
			body.Accueil #ColCentre h2 {
				margin:0;
			}
			body.Accueil #ColCentre div {
				width:344px; 
				padding:8px; margin:0 0 12px 0;
				background-color:#191c1f;
			}
			body.Accueil #ColCentre div img {
				float:left; 
				width:115px; height:135px;
				margin:0 12px 0 -8px; border:1px solid #5d5d5d;
			}
			body.Accueil #ColCentre h4 {
				font-size:1em; font-weight:normal; text-transform:uppercase; color:#00aeef;
				margin:0.5em 0 0 0;
			}
			body.Accueil #ColCentre h3 {
				font-size:1.6em; text-transform:uppercase;
				margin:0.1em 0 0.5em 0;
			}
			body.Accueil #ColCentre p {
				font-weight:bold;
				margin:0 0 0.1em 0;
			}
				body.Accueil #ColCentre p.date {
					font-size:1.4em; color:#bababa;
				}
				body.Accueil #ColCentre p.lieu {
					font-size:1.4em; color:#807d7d;
					margin:0 0 0.5em 0;
				}
					body.Accueil #ColCentre p.lieu a {
						font-size:0.7em; color:#807d7d; font-style:normal; text-decoration:underline;
					}
					body.Accueil #ColCentre p.lieu a:hover {
						color:#fff;
					}
				body.Accueil #ColCentre p.chef,
				body.Accueil #ColCentre p.invite {
					font-size:1.2em; color:#fff;
				}
				body.Accueil #ColCentre p.invite {
					margin:0 0 0.5em 0;
				}
				body.Accueil #ColCentre a {
					font-size:1.1em; font-style:italic; text-decoration:none;
				}

			body.Accueil #ColCentrePub img {
				width:360px; height:240px;
				border:0;
			}

		
		
		/*- Dernières nouvelles ---------------------------------------*/
		body.Accueil #ColDroite {
			width:275px;
		}
			body.Accueil #ColDroite h2 {
				margin:0 0 2px 0;
			}
			body.Accueil #ColDroite a#ColDroiteToutes {
				text-transform:uppercase; color:#9b9c9c; text-decoration:none;
			}
			body.Accueil #ColDroite a:hover#ColDroiteToutes {
				color:#fff;
			}

			body.Accueil #ColDroite ul {
				list-style:none;
				margin:3em 0 0 0; padding:0;
			}
				body.Accueil #ColDroite li {
					list-style:none; 
					margin:2em 0 0 0; padding:0 0 1em 0; border-bottom:1px solid #fff;
				}
				body.Accueil #ColDroite h4 {
					font-size:0.9em; font-weight:normal; text-transform:uppercase; color:#7c7c7c;
					margin:0;
				}
				body.Accueil #ColDroite h3 {
					font-size:1.5em; color:#00aeef; font-weight:normal;
					margin:0 0 0 0;
				}
				body.Accueil #ColDroite p {
					margin:0.5em 0 0.2em 0;
					font-size:1.1em; line-height:1.4em;
				}
				body.Accueil #ColDroite li a {
					font-size:1.1em; text-decoration:none; font-weight:bold;
				}






/*- Musiciens ------------------------------------*/
body.Musiciens #Contenu #ColContenu img {
	float:right;
	width:140px; height:165px;
}

#Contenu #ListeArborescence {
	float:left; 
	width:135px;
	margin:-12px 20px 0 0; padding:20px;
	font-size:1em;
	background-color:#191c1f;
}
	#Contenu #ListeArborescence li {
		list-style:none; list-style-image:none;
		margin:0.2em;
	}
		#Contenu #ListeArborescence li a {
			color:#fff; text-decoration:none; text-transform:uppercase;
		}
		#Contenu #ListeArborescence li a:hover {
			color:#00aeef;
		}
		#Contenu #ListeArborescence li a span {
			color:#00aeef;
		}
	
		#Contenu #ListeArborescence li ul {
			display:none;
			margin:0.5em 0 0 1.5em;
		}
		#Contenu #ListeArborescence li.On ul {
			display:block;
		}
			#Contenu #ListeArborescence li li {
				padding:0.1em;
			}
			#Contenu #ListeArborescence li li.On {
				background-color:#00aeef;
			}
			#Contenu #ListeArborescence li li.On a:hover {
				color:#fff;
			}




/*- Galerie ------------------------------------*/
body.Galerie #Contenu #ColContenu li {
	margin:0; padding:0;
	list-style:none; list-style-image:none;
}
body.Galerie #Contenu #ColContenu a {
	text-decoration:none;
}


	/*- Thumbnails ------------------------------------*/
	body.Galerie #Contenu #ColContenu #ListePhotos {
		position:relative; overflow:hidden;
		top:0; left:30px;
		margin:0; padding:0;
		width:210px; height:352px;
	}
		body.Galerie #Contenu #ColContenu #ListePhotos li {
			position:absolute;
			top:0; left:219px;
			margin:0; padding:0;
			list-style:none; list-style-image:none;
		}
		body.Galerie #Contenu #ColContenu #ListePhotos li.Premier {
			left:0;
		}
			body.Galerie #Contenu #ColContenu #ListePhotos li ul {
				position:relative; 
				top:0; left:0;
				width:219px;
				margin:0; padding:0;
			}
			
			body.Galerie #Contenu #ColContenu #ListePhotos li li {
				position:static; float:left; display:block;
				width:55px; height:55px;
				margin:0 16px 16px 0; padding:0;
			}
			body.Galerie #Contenu #ColContenu #ListePhotos li li img {
				display:block;
				width:55px; height:55px;
			}
	
		/*- Nav ------------------------------------*/
		body.Galerie #Contenu #ColContenu #GalerieNav {
			margin:1em 0 0 1em; padding:0;
			list-style:none; list-style-image:none;
		}
			body.Galerie #Contenu #ColContenu #GalerieNav li {
				display:inline;
				margin:0 0.5em;
				font-size:0.75em; text-transform:uppercase;
			}
			body.Galerie #Contenu #ColContenu #GalerieNav a {
				color:#a7a7a7;
			}
			body.Galerie #Contenu #ColContenu #GalerieNav a:hover {
				color:#fff;
			}
			body.Galerie #Contenu #ColContenu #GalerieNav .precedent {
				visibility:hidden;
			}
		

	/*- Photo ------------------------------------*/
	body.Galerie #Contenu #ColContenu #Photo {
		float:right;
	}
		body.Galerie #Contenu #ColContenu #Photo img {
			display:block;
			width:300px; height:300px;
		}
		body.Galerie #Contenu #ColContenu #Photo p {
			width:300px;
			text-align:right; color:#a7a7a7;	font-size:0.8em; text-transform:uppercase;
		}





/*- Extraits musicaux ---------------------------------------------*/
#ExtraitsMusicaux li {
	height:16px;
	padding:0 20px 0 0;
}
#ExtraitsMusicaux li.loading {
	background:transparent url(/images/Icone_loading.gif) top right no-repeat;
}


/*- Plan du site --------------------------------------------------*/
#Contenu ul#PlanSite li {
	margin:0 0 0.5em 0;
	list-style:none none none;
}
ul#PlanSite a {
	color:#fff; font-size:1.1em; text-transform:uppercase; text-decoration:none;
}
ul#PlanSite a:hover {
	color:#9c9a9b;
}

	ul#PlanSite li ul {
		margin-top:1em;
	}
	ul#PlanSite li li {
		margin:0.2em 0 0 0;
	}
	ul#PlanSite li li a {
		color:#9c9a9b; text-transform:none; font-size:0.9em; text-decoration:underline;
	}
	ul#PlanSite li li a:hover {
		color:#fff;
	}
		ul#PlanSite li li ul {
			margin-bottom:0;
		}















/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	color: #FF9933;
}
.TextePetit {
	font-size: 0.9em;
}


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #5d5d5d;
}
img.ImageGauche {
	border: 1px solid #5d5d5d;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #5d5d5d;
	margin: 0  0 5px 15px;
	float: right;
}