
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */


#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant li:hover > .sousMenu { display: block; }


body
{
	width:100%;
}
#menuDeroulant
{
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	border: 0;
	text-align:left;
	position:relative;
	left:5px;
}

#menuDeroulant li
{
	
 	float: left;
	margin: 0;
 	padding: 0;
 	border: 0;	
	
}

#menuDeroulant .sousMenu
{
	
	display: none;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	border: 0;
	
}
#menuDeroulant .sousMenu li
{
 	float: none;
 	margin: 0;
 	padding: 0;
 	border: 0;
	width:150%;	/*taille du bloc*/
	
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%; 
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #CC00FF; }
#menuDeroulant li a:active { background-color: #5F879D; } 

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	font-size: 12px;
	display: block;
	color: white;	/* couleur du texte ds le sous menu*/	
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("_menu.png") repeat;
/*couleur du sous menu*/
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #CC00FF;	/*couleur du block avc souris dessus*/
}

/*******************************MENU*************************************/
 .systeme
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;
	left:0px;
	width:73px;
}
.produit
{
	font-weight: bold ;
	font-size:13px;
	width:83px;
	position:absolute;
	left:85px;
}
.finition
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;
	width:174px;
	left:180px;
}
.pref
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;	
	left:365px;
	width:100px;
}
.reg
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;
	left:475px;
	width:140px;
}
.act
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;
	left:627px;
	width:90px;
	
}
.presse
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;
	left:730px;
	width:65px;
}
.cont
{
	font-weight: bold ;
	font-size:13px;
	position:absolute;
	left:800px;
	width:75px
}

.ie6
{
	text-align:center;
	color:navy;
}

.titre
{
	position:relative;
	top:20px;
}

.titindex
{
	position:relative;
	top:-60px;
}
.titacceuil
{
	position:relative;
	top:0px;
}



/******************************POSITIONNEMENT SOUS MENU*************************/

.prod1
{
	position:absolute;
	left:-40px;
	top:27px;
	width:210px;
}

.prod2
{
	position:absolute;
	left:-40px;
	top:51px;
	width:210px;
}

.prod3
{
	position:absolute;
	left:-40px;
	top:75px;
	width:210px;
}

.prod4
{
	position:absolute;
	left:-40px;
	top:99px;
	width:210px;
}

.prod5
{
	position:absolute;
	left:-40px;
	top:123px;
	width:210px;
}

.prod6
{
	position:absolute;
	left:-40px;
	top:147px;
	width:210px;
}

.prod7
{
	position:absolute;
	left:-40px;
	top:171px;
	width:210px;
}

/****************************POSITIONEMENT DES IMAGES MENUS*************************************/

.im1
{
	position:absolute;
	top:10px;
	left:75px;
	width:10px;
	height:10px;
}

.im2
{
	position:absolute;
	top:10px;
	left:85px;
	width:10px;
	height:10px;
}

.im3
{
	position:absolute;
	top:10px;
	left:175px;
	width:10px;
	height:10px;
}

.im4
{
	position:absolute;
	top:10px;
	left:100px;
	width:10px;
	height:10px;
}

.im5
{
	position:absolute;
	top:10px;
	left:143px;
	width:10px;
	height:10px;
}

.im6
{
	position:absolute;
	top:10px;
	left:93px;
	width:10px;
	height:10px;
}

.im7
{
	position:absolute;
	top:10px;
	left:65px;
	width:10px;
	height:10px;
}



/********************************sousMenu2**********************************/
#menuDeroulant li:hover > .sousMenu2_bar { display: block; }



#menuDeroulant .sousMenu2_bar
{
	
	display: none;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	border: 0;
	position:absolute;
	left:210px;
	top:27px;
}
#menuDeroulant .sousMenu2_bar li
{

	width:450px;
}

#menuDeroulant .sousMenu2_bar li a:link,
#menuDeroulant .sousMenu2_bar li a:visited
{
	display: block;
	color: white;	/* couleur du texte ds le sous menu*/	
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("_menu.png") repeat;
}

#menuDeroulant .sousMenu2_bar li a:hover
{
	background-image: none;
	background-color: #CC00FF;	/*couleur du block avc souris dessus*/
}


/*********************************dome*************************************/

#menuDeroulant li:hover > .sousMenu2_dome { display: block; }



#menuDeroulant .sousMenu2_dome
{
	
	
	display: none;
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	border: 0;
	position:absolute;
	left:210px;
	top:51px;
}

#menuDeroulant .sousMenu2_dome li
{
	width:140px;
}




#menuDeroulant .sousMenu2_dome li a:link,
#menuDeroulant .sousMenu2_dome li a:visited
{
	display: block;
	color: white;	/* couleur du texte ds le sous menu*/	
	margin: 0;
	border: 0;
	text-decoration: none;
	background: url("_menu.png") repeat;
}

#menuDeroulant .sousMenu2_dome li a:hover
{

	background-image: none;
	background-color: #CC00FF;	/*couleur du block avc souris dessus
}
/****************************************AUTRE********************************/
 /* fichier pour internet explorer */
body 
{
	behavior: url(csshover.htc);
}

/* On cache tous les sous menu avec la propriété display none */
div#menuDeroulant ul ul 
{
	position: absolute;
	top: 0;
	left: 100px;
	display:none
}

/******************************POSITIONNEMENT TITRES*****************************/


.trait
{
	background-color: black;
}






/*div#menuDeroulant ul.niveau1 li.sousmenu:hover ul.sousMenu,
div#menuDeroulant ul.sousMenu li.sousmenu:hover ul.sousMenu2 { display:block;}

#menuDeroulant ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#menuDeroulant ul.sousMenu {left: 0px; top: 22px;}
#menuDeroulant ul.sousMenu2 {left: 144px; top: -1px;}
#menuDeroulant ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#menuDeroulant ul.sousMenu {left: -20px; top: 22px;}
#menuDeroulant ul.sousMenu2_dome {left: 20px; top: -1px;}*/

	
