/*Img Fond*/
#imgfond {position:absolute; top:0;}

/*Logo Magma*/
#logobandeau {position:absolute; top:-5px; left:-28px; z-index:2;}
#logobandeau a {outline:none;}

/*Img Tel*/
#telbandeau {position:absolute; top:13px; left:210px; z-index:3;}

/*Iframe Mon Panier*/
#panierframe {position:absolute; top:15px; height:25px; right:380px; z-index:2;}

/*Trait s?paration Iframe*/
#trait {position:absolute; top:15px; height:25px; right:375px; z-index:3;}

/*Iframe Mon Compte*/
#compteframe {position:absolute; top:15px; height:25px;right:163px; z-index:4;}


#trait2{position:absolute; z-index:4; top:15px; height:25px; right:130px;}
#magasins_bandeau{position:absolute; z-index:4;top:18px; right:12px;}
#magasins_bandeau a{font-size:11px; color:#ffffff}
#magasins_bandeau a:hover{font-size:11px; color:#ff0000; text-decoration:none;}

/*Formulaire recherche*/
#search { width:550px; position:absolute; height:24px; margin-top:55px; padding-right:5px; margin-left:435px; background:url("/images/global-search-bg.jpg") 410px 3px no-repeat;z-index:3; }
#search .inpute {font-size:11px; margin-left:15px; padding-top:5px; width:100px; vertical-align:middle; border:none; background:transparent;outline:none;}
#okrecherche { position:absolute; left:530px; margin-top:6px; z-index:8;}
#search select {width:130px; height:20px;}


/*----------- PANNEAU LOGIN -----------*/
#formulaire_login {
	padding:0;
	margin:0; 
}
#login {
	position: absolute;
	left: -5px;
	top: 25px;
	width: 130px;
	height:auto;
	background:url(/images/degrade_loginpanel.gif);
	border: 1px solid #666666;
	border-top: 0;
	border-bottom: 0;
	color:black;
	padding: 5px 10px 0px 10px;
	display:none;
	line-height: 20px;
	outline:none;
}
#login a {
	color:blue;
	font-size:10px;
	text-decoration:underline;
}
#bouton_connexion {
	position: relative;
	top:2px;
	left: 0px;
	width:130px;
	height:37px;
	left:0;
	padding:0;
	margin:0;
}
#creer_compte {
	position: relative;
	width:150px;
	height:30px;
	padding:0;
	margin:0;
	left:-11px;
	border: 1px solid #666666;
	border-top: 0;
	border-bottom: 0;
	text-align:center;
}
#creer_compte a {
	outline:none;
}
#motdepasse {
	position: relative;
	width:150px;
	height:30px;
	padding:0;
	margin:0;
	left:-11px;
	border: 1px solid #666666;
	border-top: 0;
	text-align:center;
}
#motdepasse a {
	outline:none;
}
.texte_panel {
	font-size: 10px;
	cursor:text;
}
.input_panel {
	font-size: 11px;
	cursor:text;
}
	

/*----------- MENU DEROULANT -----------*/
#menu {
	position:absolute;
	margin:0;
	padding:0;
	top:88px;
	left:3px;
	height:27px;
	
}
#menu ul {	
	padding:0;
	margin:0;
	width:100%;


	}
#menu ul ul {	
	display:none;		/*masque les sous-familles*/
	position:absolute;	/*sinon les sous-cat?gories occupe tout l'espace situ? en dessous*/	
	width:185px;
	margin:0;
	padding:0;
	top:27px;
	background-color:black;
	opacity:0.9;		/*CSS3 Firefox 3*/
	-moz-opacity: 0.9;		/*older versions of firefox*/
	-khtml-opacity: 0.9;		/*safari*/
	filter: alpha(opacity=90);	/*IE*/
	border:none;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding-bottom:5px;
	z-index: 100000004;
}
#menu .cat {	/*Blocs de cat?gories*/
	/*line-height:1;	pour op?ra*/
	float:left;
	display:inline;
	list-style-type:none;
	height:27px;
	background-image: url(http://www.magma.fr/images/menu-boutons-degrade.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	z-index:  100000004;
	/*background-color:black;*/
}
#menu .active {	/*Bloc de cat?gorie active*/
	background-image: url(http://www.magma.fr/images/menu-boutons-active.gif);
	background-repeat:repeat-x;
	z-index:  100000004;
}
#menu li li {	/*Blocs de sous-cat?gories*/
	position:relative;	/*n?cessaire ? IE*/
	display:block;
	background-image:none;
	float:none;
	height-min:19px;  /*Hauteur entre les lignes des sous categories*/
	z-index:  100000004;
}
#menu a {	/*Liens des cat?gories*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:white;
	text-decoration:none;
	border-right:1px solid #3f3f3f;
	text-align:center;
	padding:7px 6px 6px 8px;
	cursor:pointer;
	z-index:  100000004;
}
#menu li li a, .separateur {	/*Liens des sous-cat?gories et s?parateurs*/
	display:block;
	color:white;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	padding:5px 0 5px 7px;
	border:none;
	background-image: none;
	background-color:none;
	z-index: 10000000000000000000000004;
}
.separateur {	/*pour centrer verticalement les s?parateurs. */
	top:0px;
	padding:0;
	cursor:pointer;
}
#menu a:hover {	/*Survol des liens des familles*/
	color:#FFD700;
	z-index:  100000004;
}
#menu li:hover ul {	/*apparition des sous familles lors du survol sur les familles*/
 	display:block;
	z-index:  100000004;
}
#menu li li a:hover {	/*Survol des sous-liens*/
	background-color:#666666;
	color:white;
	z-index:  100000004;