body{
	background-color:black;
	font-family:Arial,'Trebuchet MS';
	font-size:13px;
	color:#ccc;
	text-align:center;
	}

a{
	color:#fff;
}
	
#global{
	width:1000px;
	margin:0 auto;
	background:url("../_img/bg_body.png") no-repeat #000;
	text-align:left;
	}
	#header{
		padding-top:10px;
		margin-bottom:50px;
	}
		#navigation{
			width:348px;
			height:201px;
			background:url("../_img/bg_nav.png") no-repeat;
			padding-top:17px;
			float:left;
			z-index:100;
		}
			#navigation li{
				border:0px solid white;
				line-height:34px;
				float:left;
				clear:left;
				margin-left:175px;
			}
			#navigation li a{
				display:block;
				height:34px;
				font-variant:small-caps;
				color:#fcc;
				font-weight:bold;
			}
			#navigation li a:hover{
				color:#fff;
				background:url("../_img/led.png") no-repeat;
				text-indent:35px;
				margin-left:-20px;
			}
			#navigation li a.petit_retrait{
				margin-left:25px;
			}
			#navigation li a.petit_retrait:hover{
				text-indent:35px;
				margin-left:0px;
			}
			#navigation li a.gros_retrait{
				margin-left:50px;
			}
			#navigation li a.gros_retrait:hover{
				text-indent:35px;
				margin-left:30px;
			}
			#navigation li a#focus{ /* On focus l'élément du menu sur lequel on se trouve */
				font-variant:caps;
				font-size:15px;
				color:#fff;
				background:url("../_img/led.png") no-repeat;
				text-indent:35px;
				margin-left:-35px;	
			}
			#navigation li a#focus_petit{
				font-variant:caps;
				font-size:15px;
				color:#fff;
				background:url("../_img/led.png") no-repeat;
				text-indent:35px;
				margin-left:0px;	
			}
			#navigation li a#focus_grand{
				font-variant:caps;
				font-size:15px;
				color:#fff;
				background:url("../_img/led.png") no-repeat;
				text-indent:35px;
				margin-left:30px;	
			}
		h1 a{
			display:block;
			width:300px;
			height:71px;
			margin-left:450px;
			margin-top:30px;
			background:url("../_img/logo_koktel-music.png") no-repeat;
			text-indent:-9000px;
			outline:none;
		}
		
		h2{
			text-align:center;
			font-size:16px;
			font-weight:bold;
			position:absolute;
			left:50%;
			margin-left:-30px;
			z-index:20;
		}
		
	#contenu{
		margin-left:86px;
		width:814px;
		background:url("../_img/bg_contenu.png") repeat-y;
		padding:0 20px;
	}
		#contenu h4{
			background:url("../_img/mini_speaker.png") no-repeat;
			height:50px;
			padding-left:60px;
			font-size:20px;
			color:#900;
			margin-bottom:10px;
		}
		#contenu h4 span{
			padding-bottom:5px;
			border-bottom:1px solid #933;
			line-height:45px;
			font-family:Georgia;
		}
	h3{
		margin-left:86px;	
		width:814px;
	}
	
	#texte{
		width:550px;
	}
		#texte p{
			text-align:justify;
			text-indent:40px;
			padding:5px 0;
			font-size:14px;
			font-family:Calibri,Georgia,'Trebuchet MS',Calibri,Arial;
		
		}
		#texte p.no_indent{
			text-indent:0px;
			margin-left:20px;
		}
		#texte .important{
			text-align:center;
			font-weight:bold;
			font-size:16px;
			text-indent:0;
		}
		#texte #push{
			width:400px;
			margin:0 auto;
			padding-top:30px;
			height:50px;
		}
		#texte #push li{
			float:left;
			width:153px;
			text-align:center;
			line-height:33px;
		}
		#texte #push li a{
			color:#aaa;
			display:block;
			height:33px;
		}
		#texte #push li a:hover{
			color:white;
			font-weight:bold;
		}
		#texte #push li.rouge{
			background:url("../_img/btn_rouge.png") no-repeat;
			float:right;
		}
		#texte #push li.noir{
			background:url("../_img/btn_noir.png") no-repeat;
			float:left;
		}
		#texte .galerie li.noir{
			display:block;
			float:right;
			background:url("../_img/btn_noir.png") no-repeat;
			width:153px;
			text-align:center;
			line-height:33px;
			vertical-align:center;
			margin-top:60px;
		}

		#texte .galerie li.noir a{
			color:#aaa;
			display:block;
			height:33px;
		}
		#texte ul.liste{
			margin-left:100px;
		}
		#texte ul.liste li{
			list-style-image:url("../_img/plus.png");
			line-height:25px;
		}
		
	#illustrations{
		width:200px;
		float:right;
		margin-right:40px;
	}
		#illustrations img{
			border:1px solid #600;
			display:block;
			margin-bottom:20px;
		}

#contenu_footer{
		margin-left:86px;
		width:814px;
		height:27px;
		background:url("../_img/bg_footer_contenu.png") no-repeat;
}

#footer{
	margin-top:40px;
	line-height:55px;
	background:url("../_img/bg_footer.png") repeat-x;
}
		
div.clear{
	clear:both;
}

form{
	width:600px;
	margin:0 auto;
}
input,textarea,select{
	display:block;
	margin-left:170px;
	margin-bottom:20px;
	font-family:Georgia;
	border:2px solid #600;
	background:#633;
	padding:5px;
	color:#aaa;
}
input:hover,textarea:hover,input:focus,textarea:focus,input:active,textarea:active,select:active,select:focus{
	background:#c99;
	color:#000;
}
label{
	position:absolute;
	font-family:Georgia;
	padding-bottom:5px;
	border-bottom:1px solid #600;
}
input[type=submit]{
	background:url("../_img/btn_noir.png") no-repeat;
	width:153px;
	height:33px;
	border:0px;
	font-weight:bold;
}
ul.galerie li{
	display:inline;
	vertical-align:top;
}
ul.galerie img{
	width:180px;
	width:180px;
	padding:5px;
	background:#600;
	border:1px solid #600;
	margin:5px;
}