﻿#outside{
	/*border:1px solid #b9121b;*/
	/*background-color:black;*/
	/*float:left;*/
	}
#navigation-1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width:900px;
	height:21px;
/*	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;*/
	/*font:normal 8pt verdana, arial, helvetica;*/
	font-size:15px;
	font-family:"Comic Sans MS";
	/*background-color:black;*/

}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:180px;
	z-index:10;
	/*vertical-align:top;*/
	
	/*border-right:1px solid #ffffff;*/
}
#personnage
{
	padding:0 0 3px 0;

	display:block;
	text-align:center;
	/*vertical-align:top;*/
	text-decoration:none;
	/*background:#b9121b;*/
	background:#c2272f;
	color:#ffffff;
	width:180px;
	height:21px;

}


#album
{
	padding:0 0 3px 0;

	display:block;
	text-align:center;
	/*vertical-align:top;*/
	text-decoration:none;
	/*background:#b9121b;*/
	background:#fe171c;
	color:#ffffff;
	width:180px;
	height:21px;
	border-left:1px solid #ffffff;

}
#produit
{
	padding:0 0 3px 0;

	display:block;
	text-align:center;
	/*vertical-align:top;*/
	text-decoration:none;
	/*background:#b9121b;*/
	background:#f96118;
	color:#ffffff;
	width:180px;
	height:21px;
	border-left:1px solid #ffffff;

}
#produitMenu {
	clear:left;
	background:#827dc5;
	padding:4px 0;
	width:180px;
	/*border:none;*/
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;

	position:relative;
	z-index:1000;
}

#produitMenu:hover
{
	clear:left;
	background:#035fc6;
	width:180px;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	border-right:1px solid #ffffff;
}
#dessin
{
	padding:0 0 3px 0;

	display:block;
	text-align:center;
	text-decoration:none;
	background:#f5941a;
	color:#ffffff;
	width:180px;
	height:21px;
	border-left:1px solid #ffffff;

}
#dessinMenu {
	clear:left;
	background:#f5941a;
	color:#ffffff;
	padding:4px 0;
	width:180px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#contact
{
	padding:0 0 3px 0;

	display:block;
	text-align:center;
	text-decoration:none;
	background:#ffc211;
	color:#ffffff;
	width:179px;
	height:21px;
	border-left:1px solid #ffffff;


}
#contactMenu {
	clear:left;
	background:#ffc211;
	color:#CCC8CE;
	padding:4px 0;
	width:180px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	position:relative;
	z-index:1000;
}

#contactMenu:hover
{
	clear:left;
	background:#f9d76f;
	width:180px;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-3 {

	margin:0;
	padding:1px 0px 0 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:180px;
	position:absolute;
	top:23px;
	left:-1px;
	border-top:none;

}
#navigation-1 li:hover ul.navigation-3 {
	display:block;
}
/*ne sert a rien*/
#navigation-1 li ul.navigation-3 li {
	width:180px;
	clear:left;
}

/*hover de tout les navs*/
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:0 0 3px 0;

	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	width:179px;
	height:21px;
}

/*hover des nav ki contiennent autres*/
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 0px 0 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:180px;
	position:absolute;
	top:23px;
	left:-1px;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
/*ne sert a rien*/
#navigation-1 li ul.navigation-2 li {
	width:180px;
	clear:left;
}



