@CHARSET "ISO-8859-1";

													/*********************************************/
													/*
													/*       CSS MADINMUSIK.FR V2 by KEVY
													/*		  		2007 - 2010
													/*    
													/*********************************************/
		
			/**********************************/
			/*           	GENERAL
			/* 	body, html h1 h2 .clear
			/*	input textarea select .label
			/**********************************/											

body,html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff; /*blanc*/
	font-size: 12px; 
	margin:0;
	padding:0;
	background: fixed url('../img/design/fond.jpg') center top;
}

h1{
	margin-left:10px;
	font-size:16px;
	color:#FF8000;
	border-bottom: 1px #ffffff solid;
	width:300px;
	margin-top:5px;
	padding-top:5px;
}

h2{
	font-size:14px;
	color:#FF8000;
	font-weight:bold;
}

h3{
	font-size:16px;
	color:#FF8000;
	font-weight:bold;
	text-align:center;
}

h4{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

.clear{
	clear:both;
}

p{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	color:#000;

}

input,textarea,select{
	background:#ff8000;	
	color:#ffffff;
}

	input:focus,textarea:focus{
		background:#BB4004;	
		color:#ffffff;
	}

.label{
	font-size:12px;
	color:#FF8000;
	font-weight:bold;
}

a img{
	border:none;
}

a{
	color:#6CF;
	text-decoration:none;
}

a:hover{
	color:#6CF;
	font-weight:bold;
}

			/*************************************************/
			/*           	STRUCTURE DU SITE
			/*  	#interface, #header #barre #main #footer
			/*************************************************/

#header{
	height:42px;
	width:100%;
	background:url('../img/design/fond-top.png') left no-repeat;
	/*position:fixed;*/
	top:0px;
}

#interface{
	width:900px;
	margin:auto;
	margin-top:218px;
	margin-bottom:3px;
	/*background:#000000;*/
}


#main{
	/*border:1px solid #FF8000;*/
}

#footer{
	height:100px;
	line-height:40px;
	text-align:center;
	background:url('../img/design/footer.png') no-repeat;
}

#rubrique_haut{
	margin-top:-7px;
	padding:0;
	width:100%;
	height:60px;
	background:url('../img/design/haut-rubrique.png');
}

#rubrique_content{
	padding-top:5px;
	width:100%;
	height:auto;
	/*background:url('../img/design/fond-orange.jpg');*/
	background:#fff;
}

.left{
	float:left;
	margin:2px;
	margin-top:10px;
}

.right{
	float:right;
	margin:2px;
	margin-top:10px;
}


			/****************************/
			/*           MENU
			/*  	#menu, ul li 
			/****************************/

#menu{
	height:48px;
	margin:auto;
	background:inherit;
}

	#menu ul{
		margin:0;
		margin-left:-5px;
	}
	
	#menu li.normal a{
		line-height:48px;
		color: #000;
		font-size:14px;
		text-decoration:inherit;
		font-weight:bold;
	}
	#menu ul li.normal{
		text-align:center;
		float:left;
		display:block;
		height:48px;
		width:120px;
		background:url(../img/design/fond-menu-blanc.png);
		margin-left:-2px;
	}
	
	#menu li.active a{
		line-height:48px;
		color: #fff;
		font-size:14px;
		text-decoration:inherit;
		font-weight:bold;
	}
	
	#menu ul li.active{
		text-align:center;
		color:#fff;
		float:left;
		display:block;
		height:48px;
		width:120px;
		background:url(../img/design/fond-menu-noir.png);
		margin-left:-2px;
	}
	
	/*#menu ul li:hover{
		background:url(../img/menu/fd_menuhover.png);
		color: #000;
		font-size:14px;
		text-decoration:inherit;
		font-weight:bold;
	}
	*/
	#menu ul li:hover a{
		color: #ff8000;
		font-size:14px;
		text-decoration:inherit;
		font-weight:bold;
	}


			/*************************************************/
			/*           	FORMULAIRE
			/*  	.form input#login input#mdp input#mot
			/*************************************************/

.form{
	margin:auto;
	padding:10px;
	width:500px;
	margin-top:10px;
	/*margin-bottom:10px;*/
	/*border:1px solid #FF8000;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}


input#login, input#mdp{
	background:url('../img/design/login-mdp.png');
	width:125px;
}

#form_connexion #submit{
	background:url('../img/design/login-mdp.png');
}


input#submitbutton{
	background:url('../img/design/login-mdp.png');

}

input#mot{
	background:url('../img/design/barre-recherche.png') top;
	width:180px;
}

			/*************************************************/
			/*           	ACCUEIL
			/*  	#autour_slide #slide ul li, #acceuil_top 
			/* 		.accueil_bloc .titre .entete td
			/*************************************************/

#autour_slide{
	width: 900px;
	height: 330px;
	background:url('../img/design/haut-corps-noir-copie.png');
}
	#slide{
		margin:auto;
		width: 700px;
		height: 300px;
		position: relative; /* important */
		overflow: hidden; /* important */
		padding: 0;
		/*overflow: scroll;*/
	}
		
		#slideContent {
		    width: 700px; /* important to be same as image width or wider */
		    position: absolute;
			top: 0;
			margin-left:-40px;
			margin-top:20px;
		}
		.slideImage {
		    float: left;
		    position: relative;
			display: none;
		}
		.slideImage span {
		    position: absolute;
			font: 12px Arial, Helvetica, sans-serif;
		    padding: 15px;
		    width: 700px;
		    background-color: #000;
		    filter: alpha(opacity=70);
		    -moz-opacity: 0.7;
			-khtml-opacity: 0.7;
		    opacity: 0.7;
		    color: #fff;
		    display: none;
		}
		
		span.top {
			top: 0;
			left: 0;
			padding-top:10px;
		}
		span.bottom {
			bottom: 0;
		    left: 0;
			padding-bottom:30px;
		}
		

.fond_orange{
	background:url('../img/design/fond-orange.jpg');
}

.fond_gris{
	background:#eee;
	color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#accueil_top{
	margin:auto;
	margin-top:10px;
	width: 800px;
	height: 200px;	
}

	#accueil_top .entete td{
		text-align:center;
		height:20px;
		border:1px #FF8000 solid;
		background:#000000;
	}

.accueil_bloc{
	border:1px #FF8000 solid;
	width:99%;
	margin-top:10px;
}

	.accueil_bloc .titre{
		border-bottom:1px #FF8000 solid;
		width:100%;
		font-size:16px;
		color:#FF8000;
		font-weight:bold;
		text-align:center;
	}
	
			/*************************************************/
			/*           		Zoom
			/*  	#infos_zoom
			/*************************************************/
#infos_zoom{
	width:600px;
	margin:auto;
	margin-top:30px;
}

	
			/*************************************************/
			/*           		PROFIL
			/*  	#profil #profil-haut
			/*************************************************/
			
#profil{
	margin-left:5px;
	margin-right:5px;
}

	#profil-haut{
		/*background:#eee;*/
		width:600px;
		margin:auto;
	}
	
		.profil-infos{
			font-size:14px;
		}
	
	#profil-content{
		width:880px;
		margin:auto;
		/*border: 1px #ff8000 solid;*/
	}
	
	#menu-gestion-profil{
		background:#208C04;
		padding:5px;
	}
	
	
			/****************************/
			/*  		Divers
			/*  #categorie .cadre-barre .success .error
			/****************************/
#categorie{
	margin-left:10px;	
}			
			
.cadre-barre{
	/*border:#FF8000 1px solid;*/	
}

.success{
	/*margin:10px;*/
	width:300px;
	padding:5px;
	background:#009900;
	color:#FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.error{
	margin:10px;
	width:300px;
	padding:5px;
	background:#FF3300;
	color:#FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
			

			/****************************/
			/*   Vérification formulaire
			/*  		Jquery
			/****************************/
			


	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			 .formErrorContent {
				width:100%; 
				background:#ffffff;
				color:#FF0000;
				font-family:verdana;
				font-size:10px;
				/* Propriété CSS 3 */
				box-shadow: 0px 0px 6px #000000;
				-moz-box-shadow: 0px 0px 6px #000000;
				-webkit-box-shadow: 0px 0px 6px #000000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					/* Propriété CSS 3 */
					box-shadow: 0px 0px 6px #000000;
					-moz-box-shadow: 0px 0px 6px #000000;
					-webkit-box-shadow: 0px 0px 6px #000000;
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#ffffff;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#ffffff;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#ffffff;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#ffffff;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#ffffff;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#ffffff;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#ffffff;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#ffffff;margin:0 auto;display:block;}