/* CSS Document 
--------------------------
CSS Document  pour Zetlab par FUNKYUS.COM 
MERCI a media box / alsacreation / openweb.eu / php debutant / nexen
*/
/*_______________________________________________________________________________________________________________________________________*/
 
body{	
	padding:0px;
	margin:0px;
	font-family:"Lucida Sans";
	background:white url(images/fond_haut.jpg) no-repeat left top;	
	color: white;
}

h1{
	color:#ff8400; 
	font-size:14px; 
	margin:0px; 
	padding:0px; 
	background-color:transparent;	

}

h2,h3{
	padding:0px;	
	margin:0px;
	
}
h2{
	font-size:12px; 
	color:#ff8400; 
	font-variant:small-caps;
}
h3{
	font-size:12px; 
}
p{
	font-size:12px;	
	color:#efefef;
}


a:hover{
display:inline;/* c'est le plus simple puisqu'on déclare la valeur par défaut de la propriété pour cet élément */
}

img{
	border:0px;
}
img a{
	border:0px;
}

ul,li{
	padding:0px; 
	margin:0px;
	font-size:12px;
}
li{
	list-style-type:none;
}

 a:hover{ 
	display:inline;
	color:#FFFFFF;
	}

 a{ 
	text-decoration:none;
}

/*______________________________*/



/* DIV specifiques ;*/
/*******************/

/* haut */
#haut1{	
	position:absolute;	
	left:22px;	
	height:165px;
	top:0px;
	width:820px;
	padding:0px;	  
	background:white url(images/top1.jpg) no-repeat left top;	
}
#haut2{	
	position:absolute;	
	left:22px;	
	height:255px;
	top:165px;
	width:820px;
	padding:0px;	  
	background:white url(images/top2.jpg) no-repeat left top;	
}

/* centre 
#centre{	
	position:absolute;	
	left:22px;	
	height:420px;
	top:0px;
	width:820px;
	padding:0px;	  
	background:white url(images/top.jpg) no-repeat left top;	
}
*/

/* principal */
/* //////////////////////////////// */ 
#principal{
	position:absolute;
	left:0px;
	top:420px;
	width:842px;
	min-height:100%;
	padding:0px;
	margin:0px;
	background:black url(images/marge_motif.jpg) repeat-y left top;			
}
#principal p, h1{
	color:#02bfdb;
	}
#principal  h1{
	font-variant:small-caps;
	border-bottom:1px solid #02bfdb;
	padding-bottom:2px;
	}
	
	
		
/* page */
#page{
	padding-left:150px;
	padding-top:20px;
	width:400px;
}


/* bloc_page */
.bloc_page{
	/*padding-left:100px;*/
	margin-bottom:50px;
	font-size:12px;
}
.bloc_page ul{
	color:#02bfdb; 
	margin-left:20px;
}
.bloc_page li{
	margin-bottom:10px;
}
/* secondaire */
/* //////////////////////////////// */ 
#secondaire{
	position:absolute;
	left:583px;
	top:120px;
	width:210px;
	height:261px;
	padding:0px;
	margin:0px;
}
#secondaire p,a{
	color:#00a6f3; 
}

#secondaire  ul{
	margin-left:20px;
}

/* pied */
#pied{
	position:relative;
	bottom:0px;
	left:150px;
	width:75%;
	margin-top:200px;
	color:#ff9900;
	height:35px;
	border-top:1px dotted #e87800;
	padding-top:5px;
}
#pied li, li a{
	display:inline;
	color:#e87800;
	margin-right:1px;
	font-size:10px;
}


/* Les Menus */
/*******************/
#menu{
	position:absolute;
	left:401px;
	top:381px;
	color:white;
	margin:0px;
	padding: 0px;
	background-color:transparent;
	height: 24px;
}
#menu li{
	float:left;
	}
	
#menu li a{
	font-size:14px;	
	color:white;	
	text-decoration:none;
	margin:0px 2px 0px 2px;
	display: block ;
	padding: 0px;
	border:0px ;
	}

#menu li a:hover{ 
	border-bottom:1px dotted white;
	}
	
	
/*******************/
#menu_secondaire{
	position:relative;
	left:564px;
	top:0px;
	color:white;
	margin:0px;
	padding: 0px;
	background-color:transparent;
	width: 233px;
	height:50px;
}

#menu_secondaire li{
	margin-right:10px;
	float:left;
}
#menu_secondaire li a{
	padding: 0px;
}

#menu_secondaire li a:hover{
	border-bottom:1px dotted #02bfdb;
}

/*******************/
#mini_menu{
	position:absolute;
	top:14px;
	left:570px;
	text-align:left;
	color:#ff8400;}


#mini_menu a{
	color:#ffa749;
	font-size:10px;
	
}
#mini_menu a:hover{
	color:#fff;
}
#mini_menu li{
	margin-right:5px;
	display:inline;
}




/*******************/
/* classes */
/*******************/
.gauche{
	float:left;
	margin:0px ;
}
.droite{
	float:right;
	margin:0px ;
}

/**/
img.droite{
	float:right;
	margin:0px ;
}

img.gauche{
	float:left;
	margin:0px 0px 30px 0px ;
}

/************/
.chapeau{
font-size:14px;
}

.petit{
font-size:11px;
}
.grand
{font-size:14px;
}

/**/
 a.suite{
	color:#fff; 
	background:transparent url(images/puce_plus.jpg) no-repeat left top;
	padding-left:30px;	
	padding-bottom:2px;
	line-height:20px;	
	font-size:12px;
	
}
a:hover.suite{
	color:#ff8400;
	background:transparent url(images/puce_plus_o.jpg) no-repeat left top;
}

/**/
 a.bouton{
	color:#fff; 
	border:1px dotted white;
	padding:3px;
	
	
}
a:hover.bouton{
	color:#fff; 
	background-color:#ff8400;
	text-decoration:none;
}

/**/
a.signature{
	background:transparent url(images/funkyus.jpg) no-repeat left top;	
	width:76px;
	height:25px;
	position:absolute;
}
a:hover.signature{
	background:transparent url(images/funkyus_o.jpg) no-repeat left top;	
}

/**/
a img.preview_video{
	border:1px solid #ff8400;
	margin:0px 10px 80px 0px;
}

a:hover img.preview_video{
	border:1px solid #e87800;

}

/**/
a img.imagette{
	border:1px solid #00a6f3;
	margin:2px 0px 0px 5px;
	padding:1px;
}

a:hover img.imagette{
	border:1px solid #e87800;

}

/* imges de fond*/

.groupe{
	background:transparent url(images/groupe.jpg) no-repeat left bottom;	
	padding-bottom:30px;	
}

.sax{
	background:transparent url(images/sax.jpg) no-repeat left top;	
	padding-left:120px;
}

.sax_detail{
	background:transparent url(images/sax_detail.jpg) no-repeat left top;	
	padding-left:100px;
}

.percu{
	background:transparent url(images/percu.jpg) no-repeat left top;	
	padding-left:0px;

}

.guitariste{
	background:transparent url(images/guitariste.jpg) no-repeat left bottom;	
	padding-left:150px;
}

.zetlab_bleu{
	background:transparent url(images/zetlab_bleu.jpg) no-repeat left top;	
	padding-left:100px;
}

.z{
	background:transparent url(images/z.jpg) no-repeat left top;	
	padding-left:120px;	
}


.puce_etoile{
	background:transparent url(images/puce_etoile.jpg) no-repeat left top;
	padding-left:30px;	
}
.puce_pdf{
	background:transparent url(images/puce_pdf.jpg) no-repeat left top;
	padding-left:30px;	
	line-height:15px;
}
.puce_mp3{
	background:transparent url(images/puce_mp3.jpg) no-repeat left top;
	padding-left:30px;	
	line-height:15px;
}
.puce_video{
	background:transparent url(images/puce_video.jpg) no-repeat left top;
	padding-left:30px;	
	line-height:15px;
}
.help{
	cursor:help;
}