/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************

 */

/* menu::base */
.menu {
	margin:auto;
	clear:both;
	background: url(../images/bg_menu.png) no-repeat;
	list-style:none;
	padding:0px;
	position:relative;
	height:41px;
	padding-left:31px;
	margin-bottom:10px;
}
.menu_ar {
	margin:auto;
	clear:both;
	background: url(../images/bg_menu_ar.png) no-repeat;
	list-style:none;
	padding:0px;
	position:relative;
	height:41px;
	padding-right:21px;
	margin-bottom:10px;
}
.menu li, .menu_ar li {
    position: relative;
    z-index: 9;
    margin: 0;
	float:left;
	list-style:none;
	
}
.accueil {
    position: relative;
    height: 41px;
	width:85px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-right:17px;

}

.accuiel_ar {
    position: relative;
    height: 41px;
	width:85px;
    display: block;
    float: right;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:15px; 

}
.accueil:hover, .accuiel_ar:hover{ 
   color: #fff;
   background:url(../images/lava.png) no-repeat;
   margin-top:-5px;
   height: 25px;
   padding-top:15px;width:85px;

} 
.presentation{
    position: relative;
    height: 41px;
	width:102px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:5px;
	margin-right:5px;
	
}
.presentation:hover{ 
   color: #fff;
   background:url(../images/lava2.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
   height: 25px;text-align:center;

}
/*
.photo{
    position: relative;
    height: 41px;
	width:102px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:5px;
}
.photo:hover{ 
  color: #fff;
   background:url(../images/lava2.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
   height: 25px;text-align:center;

}
*/
.news{
    position: relative;
    height: 41px;
	width:66px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:2px;
	
}
.news:hover{ 
   color: #fff;
   background:url(../images/hover_news.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
   height: 25px;text-align:center;
}

.catalogue{
 	position: relative;
    height: 41px;
	width:135px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	height: 25px;
	margin-left:5px;
	margin-right:5px;
}
.catalogue:hover{ 
   color: #fff;
   background:url(../images/lava3.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;text-align:center;

}
.catalogue_ar{
 	position: relative;
    height: 41px;
	width:141px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	height: 25px;
	margin-left:5px;
	margin-right:5px;
}
.catalogue_ar:hover{ 
   color: #fff;
   background:url(../images/lava3_ar.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;text-align:center;

}

.qualite{
 	position: relative;
    height: 41px;
	width:135px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:3px;

}
.qualite:hover{ 
   color: #fff;
   background:url(../images/lava3.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
   height: 25px;text-align:center;

}
.references{
	position: relative;
    height: 41px;
	width:95px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:10px;
}
.references:hover{ 
   color: #fff;
   background:url(../images/lava5.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
      height: 25px;text-align:center;

}
.carriere {
	position: relative;
    height: 41px;
	width:85px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:10px;
}
.carriere:hover{ 
   color: #fff;
   background:url(../images/lava.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
      height: 25px;text-align:center;

}
.contact {
	position: relative;
    height: 41px;
	width:85px;
    display: block;
    float: left;
    text-decoration: none;
    font: bold 11px Tahoma;
    color:#615f60;
	text-align:center;
	padding-top:10px;
	margin-left:5px;

}
.contact:hover{ 
   color: #fff;
   background:url(../images/lava.png) no-repeat;
   margin-top:-5px;
   padding-top:15px;
   height: 25px;text-align:center;

}