<!-- version qui fonctionne{  }
body {
margin-top:0px;
margin-bottom:0px;
color:#FFFFFF;
font-family:Tahoma,"Trebuchet MS", Arial;
text-align:center;

}
#texte img {
margin:0px;
border:0px;
padding-top:10px;
padding-bottom:10px;
padding-right:15px;
padding-left:15px;
}
#image img {
margin:0px;
border:0px;
}
#menu3 a h4 {
text-decoration:none;
}
#galerie{
float:right;
}

#conteneur {
	height: auto;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	}

#menu2 {float:left;
color:#FFFFFF;
padding:9px;
width:120px;
}

#menu3 {
color:#FFFFFF;
text-align:center;
padding: 5px 0 0px 0;
   
}
#menu3 a {
color: #FF3300;
padding-left:5px;
font-size:10px;
font-family:Tahoma,"Trebuchet MS", Arial;

  
}
#menu3 a:hover {
color:#FFFFFF;
padding-left:5px;
font-size:10px;
font-family:Tahoma,"Trebuchet MS", Arial;
  
}


/******************************* Menu Frise (haut) **********************************************/
		#menu1{
		background:   url('../images/fleche.gif') no-repeat right;
		width:auto;
		height:61px
		
		}
		#menu1 ul{
		margin: 0;
		padding: 16px 0 0 20px;
		list-style-type: none;
		}
		#menu1 ul li a img{
		border:none;
		padding-top:5px;
		
		}
		
		/*Top level list items*/
		#menu1 ul li{
		position: relative;
		display: inline;
		float: left;
		background-color: #00000; /*overall menu background color*/
		}
		
		/*Top level menu link items style*/
		#menu1 ul li a{
		display: block;
		width: 90px; /*Width of top level menu link items*/
		padding: 0 0 0 5px;
		 
		text-decoration: none;
		font-weight:100%;
		background-color:#000000;
		color: #FF0000; }
			
		/*1st sub level menu*/
		#menu1 ul li ul{
		left: 0;
		position: absolute;
		top: 1em; /* no need to change, as true value set by script */
		display: block;
		visibility: hidden;
		padding-top:0px;
		}
		
		/*Sub level menu list items (undo style from Top level List Items)*/
		#menu1 ul li ul li{
		display: list-item;
		float: none;
		}
		
		/* style des sous menu */
		#menu1 ul li ul li a{
		display: block;
		width: 120px; /*largeur du sous menu*/
		color: red;
		text-decoration: none;
		padding: 0 0px 0 5px;
		border-bottom: 1px solid #FF0000;
		}
		
		#menu1 ul li a:hover{
		background-color: black;
		color: white;
		}
		
		* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
		padding-top: 1em;
		}
			
		/* Internet explorer Hack \*/
		* html #menu1 ul li { float: left; height: 1%; }
		* html #menu1 ul li a { height: 1%; }

/************************************** fin du menu frise ***************************************************/



/***************** squellete ********************/
#menug {
width:214px;
float:left;
}
#milieu {
float:left;
width:526px;
}
#all {
	margin:0px auto; width:800px;
	height:580px;
	background:#040404 url('../images/all.gif') center;
	
}

#mak1-01_ {
	width:800px;
	height:77px;

}
#mak1-02_ {
	width:214px;
	height:24px;
	border: 0px; 
}
/*** englobe menu frize et div du texte ****/
	#conteneurDroite{
		width:auto;
		height:474px;
		margin:0px;
		border:0px; 
	}
/*** englobe menu frize et div du texte ****/
#texte {
    width:100%;
	height:300px;
	background-color:#333333;
	color:#FFFFFF;
	overflow-y:scroll;
	text-align:justify;
	padding:0px;
	font-family: Tahoma,"Trebuchet MS", Arial;
	font-size:13px;
	color:#FFFFFF;
	background:#333333 url('../images/noir_casquette.gif') no-repeat fixed center;
}
#texte a{color:#FF0000;
	font-size:14px;
}
#texte a:hover{
	color:#CC3300;
}
#texte a:visited{
	color:#999999;
}

#mak1-04_ {
	width:100%;
	height:523px;
	border: 0px none;
	background:url('../images/mak1_04.gif') no-repeat right;
}

#mak1-05_ {
    float:left;
	width:44px;
	height:499px;
}

#mak1-06_ {
	width:auto;
	height:499px;
}
#menu-gauche {
	height:499px;
	background:  url('../images/guitarre.png') no-repeat center;
}
#menu-gauche ul {
	padding-top:70px;
	list-style-type: none;
				}
#menu-gauche ul li {
	text-decoration:none;
	padding-left:0px;
	padding-bottom:25px;
}

#mak1-07_ {
	width:170px;
	height:103px;
}

#mak1-08_ {
	width:526px;
	height:49px;
}


#image {
float:right;

}

#introduction {
color:#CCCCCC;
}

#vignette1 {
	float:left;
	padding:2px;
	border-style:dotted;
	border-width:thick;
	border-color:#FF0000;
}

#vignette2 {
	float:inherit;
	padding:4px;
	border-style:double;
	border-width:medium;
	border-color:#990000;
}

h1 {
	color:#990000;
	font-size:24px;
	text-align:center;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size:16px;
	text-shadow: #333333;
	text-align:center;
	color:#DCBDF6;
}

h3 {color:#FFFFFF;
font-size:16px;

}
h4 {color:#FF0000;
text-align:right;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#lien {
height:90px;
width:auto;
cursor: pointer; 
}