/* CSS Document */

/*div {border:1px solid red}*/

body{
	background-image:url("images/fond_body.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#000000;
	color:#CCCCCC;
	font-family: Trebuchet MS, sans-serif;
	font-size:12px;
	margin:10px;
	z-index:-2;
}
h1{
	font-size:18px;
	font-weight:bold;
	color:#FF7F00;
	z-index:1;
}
h2{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	display:inline;
	z-index:1;
}
a{
	text-decoration:underline;
	color:#CCCCCC;
}
a:hover{
	text-decoration:none;
	color:#FF7F00;
}
#menu_tattoo li{
	list-style-image:url("images/fleche.gif");
	list-style-position:inside;
	margin-left:0px;
	text-indent:0;
}
#menu_tattoo li a:hover{
	list-style-image:url("images/fleche_roll.gif");
	list-style-position:inside;
	margin-left:0px;
	text-indent:0;
}
#menu_tattoo ul{
	margin-left:0;
	text-indent:0;
	margin:0;
	padding:0;
}
#menu_tattoo a{
	color:#CCCCCC;
	text-decoration:none;
}
#menu_tattoo a:hover{
	color:#FF7F00;
}

#global{
	width:760px;
	margin:0;
	margin-left:0px;
	z-index:1;
	 /*position:absolute;
     left: 50%; 
     top: 50%;
     width: 760px;
     height: 458px;
     margin-top: -229px; /* moitié de la hauteur 
     margin-left: -380px;*/ /* moitié de la largeur */
}
#adresse{
	z-index:1;
	position:absolute;
	margin-left:50px;
	margin-top:383px;
	font-size:11px;
	line-height:12px;
	
}
	#encart{
		position:relative;
		float:left;
		background-image:url("images/fond_encart.gif");
		background-position:left top;
		background-repeat:repeat-y;
		width:13px;
		height:453px;
		z-index:1;
		margin-left:0;
		margin-top:18px;

	}
	#sub_encart{
		position:relative;
		float:left;
		margin:0;
		padding:0;
		width:22px;
	}
	#onglet{
		position:relative;
		float:left;
		margin:0;
		margin-top:18px;
	}
		#onglet a.image{
			display:block;
			width:22px;
			height:124px;
			background-image:url("images/onglet.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#onglet a.image:hover{
			display:block;
			width:22px;
			height:124px;
			background-image:url("images/onglet_roll.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}

	#mentions{
		position:relative;
		float:left;
		width:11px;
		/*margin-left:20px;*/
		margin-top:10px;
		padding:5px;
		voice-family: "\"}\"";
		voice-family:inherit;
		/*margin-top:130px;*/
	}
	html>body #mentions{
		margin-top:10px;
	}
		#plansite a.image{
			display:block;
			width:9px;
			height:80px;
			background-image:url("images/plansite.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#plansite a.image:hover{
			display:block;
			width:9px;
			height:80px;
			background-image:url("images/plansite_roll.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#mention a.image{
			width:12px;
			height:114px;
			display:block;
			background-image:url("images/mentions.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#mention a.image:hover{
			width:12px;
			height:114px;
			display:block;
			background-image:url("images/mentions_roll.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#accueil a.image{
			width:11px;
			height:50px;
			display:block;
			background-image:url("images/accueil.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#accueil a.image:hover{
			width:11px;
			height:50px;
			display:block;
			background-image:url("images/accueil_roll.gif");
			background-position:left top;
			background-repeat:no-repeat;
		}
		#logo{
			position:relative;
			background-image:url("images/logo.gif");
			background-position:left top;
			background-repeat:no-repeat;
			margin-left:0px;
			width:203px;
			height:122px;
			z-index:2;
		}
		#contenu_encart{
			width:203px;
			background-image:url("images/fond_tattoo.jpg");
			background-position:left top;
			background-repeat:repeat-x;
			background-color:#000000;
			margin-left:20px;
			voice-family: "\"}\"";
			voice-family:inherit;
			margin-left:11px;
			z-index:2;
			border-top:1px solid #CCCCCC;
			border-right:1px solid #CCCCCC;
			border-bottom:1px solid #CCCCCC;
		}
		html>body #contenu_encart{
			margin-left:20;
		}
			#imagea{
				margin:auto;
				width:161px;
				height:214px;
			}
			#menu_tattoo{
				margin:auto;
				width:161px;
				margin-top:10px;
				font-size:14px;
				font-variant:small-caps;
				font-weight:normal;
				line-height:18px;
			}
			#lanterne{
				position:absolute;
				z-index:5;
				background-image:url("images/lanterne.gif");
				background-position:left top;
				background-repeat:no-repeat;
				width:70px;
				height:163px;
				margin-left:180px;
				margin-top:152px;
				voice-family: "\"}\"";
				voice-family:inherit;
				margin-left:179px;
				margin-top:152px;
			}
			html>body #lanterne{
				margin-left:180px;
				margin-top:152px;
			}
	#contenant{
		position:relative;
		float:right;
		margin-top:5px;
		/*margin-left:45px;*/
	}
		#menu{
			position:relative;
			float:left;
			width:100px;
			margin-top:150px;
			line-height:4px;
			margin-left:0px;
			voice-family: "\"}\"";
			voice-family:inherit;
			margin-top:150px;
			
		}
		html>body #menu{
			margin-top:150px;
			margin-left:0px;
			line-height:4px;
		}
			#mode a.image{
				width:100px;
				height:45px;
				display:block;
				background-image:url("images/mode.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#mode a.image:hover{
				width:100px;
				height:45px;
				display:block;
				background-image:url("images/mode_roll.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#hygiene a.image{
				width:100px;
				height:48px;
				display:block;
				background-image:url("images/hygiene.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#hygiene a.image:hover{
				width:100px;
				height:48px;
				display:block;
				background-image:url("images/hygiene_roll.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#conseils a.image{
				width:100px;
				height:19px;
				display:block;
				background-image:url("images/conseils.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#conseils a.image:hover{
				width:100px;
				height:19px;
				display:block;
				background-image:url("images/conseils_roll.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#faq a.image{
				width:100px;
				height:98px;
				display:block;
				background-image:url("images/faq.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#faq a.image:hover{
				width:100px;
				height:98px;
				display:block;
				background-image:url("images/faq_roll.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#contact a.image{
				width:100px;
				height:31px;
				display:block;
				background-image:url("images/contact.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#contact a.image:hover{
				width:100px;
				height:31px;
				display:block;
				background-image:url("images/contact_roll.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#plan a.image{
				width:100px;
				height:44px;
				display:block;
				background-image:url("images/plan.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
			#plan a.image:hover{
				width:100px;
				height:44px;
				display:block;
				background-image:url("images/plan_roll.gif");
				background-position:left top;
				background-repeat:no-repeat;
			}
		#contenu{
			position:relative;
			float:left;
			width:370px;
			margin:5px;
			z-index:1;
			voice-family: "\"}\"";
			voice-family:inherit;
			width:360px;
			z-index:-1;
		}
		html>body #contenu{
			width:370px;
			z-index:1;
		}
		#contenu img{
			border:3px solid #555554;
			margin:10px;
		}
		
		/*styles des menus déroulants*/
.sous_menu{
	z-index:500;
	width:150px;
	padding:10px;
	position:absolute;
	margin-left:90px;
	margin-top:-45px;
	background-color:#111111;
	filter:alpha(opacity:90);
	-moz-opacity:0.90;
	/**/border:1px solid #555556;
	text-transform:uppercase;
	line-height:18px;
	/*font-weight:bold;*/
}
.sous_menu li{
	list-style-image:url("images/fleche.gif");
	list-style-position:inside;
	margin-left:0px;
	text-indent:0;
}
.sous_menu li a:hover{
	list-style-image:url("images/fleche_roll.gif");
	list-style-position:inside;
	margin-left:0px;
	text-indent:0;
}
.sous_menu ul{
	margin-left:0;
	text-indent:0;
	margin:0;
	padding:0;
}
.sous_menu a{
	color:#CCCCCC;
	text-decoration:none;
}
.sous_menu a:hover{
	color:#FF7F00;
}