
body {
        background-color:#eee610;
        font-size:14px;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#eee610;
        padding:0px;
        margin:0px;
}



#conteneur {
/*      position:absolute; */
        width:1000px;
        padding:0px;

                  margin-left: auto;
         margin-right: auto;
}


#entete {
        top:0px;
        left:0px;
        height:100px; 
        width:1000px;
        background-color: #808080;
	background-image: url(); 
        background-repeat: no-repeat;
}


/* ----------Milieu qui contient la barre menu gauche et le contenu ----------------- */
#millieu{ 
	float:left;
	width:1000px;
	height:450px;
	background-color: #1C1CE3; /* HAUTEUR DU MENU A REVOIR */
        background-image: url(http://www.ak-competition.com);
	z-index:1;
} 

/* ---------- hack mozilla + IE 7 milieu pour donner une taille minimale ----------------- */
html> body #millieu{
	height: auto;
	min-height:450px;
}

#ecommerce-panier {
z-index:99998;
position:relative;
float:right;
width:220px;
height:50px;
margin-right:10px;
margin-top:10px;
padding: 5px;
border:2px solid black;
color:black;
}

#ecommerce-contenu {
background-color: #fff;
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
filter:alpha(opacity=70); /* pour IE */
opacity:0.7; /* standard CSS3 */
}


/* -------------------- barre menu dessus -------------------------- */
#left {
	position:relative; 
	width:1000px; 
	background-color: #1c1ce3;
	/* l'image de fond du menu n'est pas repete */
	background-repeat: no-repeat;
	/*** ca c'est necessaire pour que le menu css javascript se trouve bien au dessus du contenu quand il se deplit */
	z-index:2;
}

/* -------------------- contenu ------------------------------------ */
#contenu{ 
	position: relative;
	/* déplacement du contenu vers le bas : voir peut-être pour faire varier ce paramètre en fonction de la hauteur du menu ...*/
	margin-top:25px; /* 23 pour 1 ligne de menu et 46 pour 2 */
	background-color: #1c1ce3; 
	padding:10px;
	height:450px;
}

/* ---------- hack mozilla + IE 7 barre contenu ----------------- */
html> body #contenu{
	height: auto;
	min-height:450px;
}


#pied {
        position:relative;
        clear:both;
        left:0px;
        height:100px;
        width:1000px;
      	background-color:#1C1CE3; 
        background-image: url(http://www.ak-competition.com/style_graphique/image_bloc_bas.jpg);
        background-repeat: no-repeat; }

#ml {
        position:relative;
        text-align: right;
        padding: 5px;
}


a {color:#F63808;}
a:visited {color:#F63808;}
a:hover {color:#DCA822;}
a:active { color:#F63808}


.effetcalque {

/* GESTION DE L'OPACITE EN CSS, reprendre en dynamique */
        filter:alpha(opacity=50); /* propriéire IE */
        -moz-opacity:0.50; /* propriéire Firefox */
opacity:0.50; /* CSS3 */
}


.png {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


 
.ligneHR{
background-color: #f0f0f0;
height: 1px;
border: 0;
}

/* Styles communs */

.menu_horizontal_moduliti {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	width:1000px;
	height:0px;
	position:relative;
/*	font-size:11px; */ /* Heritage */
	z-index:100;
}


.menu_horizontal_moduliti ul li a, .menu_horizontal_moduliti ul li a:visited {
	display:block;
	text-decoration:none; 
	width:121px; 
	height:20px; 
	text-align:center; 
	color:#1c1ce3; 
	font-weight: normal;
	border: 2px #808080 solid; 
	background:#eee610; 
/*	line-height:20px; */
/*	font-size:11px; */ /* Heritage */
/*	overflow:hidden; */

        /* Puce dans la rubrique */
/* + modif dans menu.php ??? */
        background-image: url(http://www.ak-competition.com); 
        background-position: 0% 50%;
        background-repeat : no-repeat;
/* METTRE EN OPTION VIA LE BO (rajouter un champ dans css_style1 + 2)
        background-repeat : repeat-y;
        background-repeat : repeat;
*/


}


.menu_horizontal_moduliti ul {
	padding:0; 
	margin:0; 
	list-style: none; 
	z-index:9999;
}


.menu_horizontal_moduliti ul li {
	float:left; 
	position:relative;

}


.menu_horizontal_moduliti ul li ul {
	display: none;
}



/* Adaptation aux navigateurs non IE */

.menu_horizontal_moduliti ul li:hover a {
	color:#eee; /* police survole */ 
	background:#1c1ce3; /* fond survole */
}


.menu_horizontal_moduliti ul li:hover ul {
	display:block; 
	position:absolute; 
	top:21px; 
	left:0; 
	width:105px;
}


.menu_horizontal_moduliti ul li:hover ul li a.hide {
/* Inutilisé : Menus niveau 3 */
	background:#6a3; 
	color:#fff;
}


.menu_horizontal_moduliti ul li:hover ul li:hover a.hide {
/* Inutilisé : Menus survol niveau 3 */
	background:#6fc; 
	color:#000;
}


.menu_horizontal_moduliti ul li:hover ul li ul {
	display: none;
}


.menu_horizontal_moduliti ul li:hover ul li a {
	display:block; 
	background:#eee610; /* fond sous menu */
	color:#1c1ce3; /* police sous menu */
}


.menu_horizontal_moduliti ul li:hover ul li a:hover {
	background:#707070;  /* fond survol sous menu */
	color:#eee; /* police survol sous menu */
}


.menu_horizontal_moduliti ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}


.menu_horizontal_moduliti ul li:hover ul li:hover ul.left {
	left:-105px;
}

