﻿div#menus {
	height: 25px;
	top:0px;
	z-index:200;
	position: relative;
	background-color: #DD4400;
	left: 0px;
	width: 800px;
}

div#menus h2, ul.smenu a {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul.smenu li
{
    list-style-type:none;
}

ul.smenu a
{
    text-decoration:none;
}

div#menus a {
    cursor: pointer;
}

div#menu1 h2 a, div#menu2 h2 a, div#menu3 h2 a, div#menu4 h2 a, div#menu5 h2 a, div#menu6 h2 a, div#menu7 h2 a, div#menu8 h2 a, 
div#menu9 h2 a, div#menu10 h2 a, div#menu11 h2 a, div#menu12 h2 a, div#menu13 h2 a, div#menu14 h2 a, div#menu15 h2 a
{
    display:block;
    height:30px;
    text-align:center;
    text-decoration:none;
}

div#menu1, div#menu2, div#menu3, div#menu4, div#menu5, div#menu6, div#menu7, div#menu8, 
div#menu9, div#menu10, div#menu11, div#menu12, div#menu13, div#menu14, div#menu15
{
	position:absolute;
	top: 5px;
}

ul#smenu
{
    float:left;
    position:absolute;
    top:20px;
}

ul.smenu
{
	background : White;
	border: solid 1px #7F7F7F;
	display: none;
	margin:0;
	padding : 3px;
	position:absolute;
	text-align: left;
	width:200px;
	top: 20px;
	
}

/********************************/
/************* MENUS ************/
/********************************/

div#menu1
{
	width:58px;
	left: 95px;
}

div#menu2
{
	left:165px;
	width:100px;
}

div#menu3
{
	left:266px;
	width: 141px;
}

div#menu4
{
	left:405px;
	width: 116px;
}

div#menu5
{
	left:530px;
	width: 116px;
}

div#menu6 
{
	left:650px;
	width: 115px;
}

div#menu7
{
	left:140px;
	width: 120px;
}

div#menu8
{
    left:497px;
    width: 80px;
}

div#menu9
{
    left:577px;
    width: 64px;
}

div#menu10
{
    left:641px;
    width: 68px;
}

div#menu11
{
    left:709px;
    width: 90px;
}

div#menu12
{
    left:799px;
    width: 46px;
}

div#menu13
{
    left:845px;
    width: 44px;
}

div#menu14
{
    left:889px;
    width: 59px;
}

div#menu15
{
    left:948px;
    width: 52px;
}

/**menu1**/
div#menu1 .a1off
{
	color: #FF9900;
}

#menu1 .a1on, #menu1 .a1sel
{
	color:White;
}
/**menu2**/
#menu2 .a2off
{
	color: #FF9900;
}
#menu2 .a2on, #menu2 .a2sel
{
	color:White;
}
/**menu3**/
#menu3 .a3off
{
	color: #FF9900;
}
#menu3 .a3on, #menu3 .a3sel
{
    color:White;
}
/**menu4**/
#menu4 .a4off
{
	color: #FF9900;
}
#menu4 .a4on, #menu4 .a4sel
{
    color:White;
}
/**menu5**/
#menu5 .a5off
{
	color: #FF9900;
}
#menu5 .a5on, #menu5 .a5sel
{
    color:White;
}
/**menu6**/
#menu6 .a6off
{
	color: #FF9900;
}
#menu6 .a6on, #menu6 .a6sel
{
    color:White;
}
/**menu7**/
#menu7 .a7off
{
   color: #A24002;
}
#menu7 .a7on, #menu7 .a7sel
{
    color:White;
}


div#menu6 h2 a
{
    padding: 0 8px 0 8px;
}
div#menu10 h2 a, div#menu12 h2 a, div#menu13 h2 a, div#menu14 h2 a 
{
    line-height:30px;
}

div#menu1 .a1sel, div#menu1 a:hover
{
    background-position:0 0;
    color:White;
}


/*************************************/
/************* SOUS-MENUS ************/
/*************************************/

ul.smenu li.mlev2
{
    border-style:solid;
    border-width:1px;
}

ul.smenu li.mlev2 a
{
    color:White;
    display:block;
    line-height:22px;
    text-align:center;
}

ul.smenu li.mlev3 a, ul.smenu li.mlast3 a
{
    color: #7F7F7F;
    display:block;
    height:auto;
    line-height:16px;
    padding: 3px 2px 3px 22px;
}

ul.smenu li.mlev4 a, ul.smenu li.mlast4 a
{
    color: #7F7F7F;
    display:block;
    height:auto;
    line-height:14px;
    padding: 1px 2px 1px 43px;
}


    /*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
    /*>>>>>> COULEURS SOUS-MENUS <<<<<<*/
    /*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 10-mandarine : DVD <<*/
ul#smenu2 li.mlev2
{
    background-color:#E87117;
    border-color:#E87117;
}

ul#smenu2 li.mlev2 a:hover
{
    color:#E87117;
    background-color: White;
}

ul#smenu2 li.mlev3 a, ul#smenu2 li.mlast3 a
{
    background: url(images/flecheOrange.gif) 5% 5px no-repeat;
}

ul#smenu2 li.mlev4 a, ul#smenu2 li.mlast4 a
{
    background: url(images/carre.gif) 31px 4px no-repeat;
}
ul#smenu2 li.mlev3, ul#smenu2 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#E87117;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu2 li.mlev3 a:hover,  ul#smenu2 li.mlast3 a:hover, ul#smenu2 li.mlev4 a:hover,  ul#smenu2 li.mlast4 a:hover  
{
    background-color:#FAE3D1;
}

ul#smenu2 li.mlast3, ul#smenu2 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#E87117;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 25-terrebattue : MUSIQUE ET LIVRES <<*/
ul#smenu3 li.mlev2
{
    background-color:#C95135;
    border-color:#C95135;
}

ul#smenu3 li.mlev2 a:hover
{
    color:#C95135;
    background-color: White;
}

ul#smenu3 li.mlev3 a, ul#smenu3 li.mlast3 a
{
    background: url(images/flecheRouge.gif) 5% 5px no-repeat;
}

ul#smenu3 li.mlev4 a, ul#smenu3 li.mlast4 a
{
    background: url(images/carreRouge.gif) 31px 4px no-repeat;
}
ul#smenu3 li.mlev3, ul#smenu3 li.mlev4
{
    /*border-left:solid 1px #C95135;
    border-right:solid 1px #C95135;*/
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#C95135;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu3 li.mlev3 a:hover,  ul#smenu3 li.mlast3 a:hover, ul#smenu3 li.mlev4 a:hover,  ul#smenu3 li.mlast4 a:hover  
{
    background-color:#F4DFD6;
}

ul#smenu3 li.mlast3, ul#smenu3 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#C95135;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 14-anthracite : JEUX PC CONSOLES <<*/
ul#smenu4 li.mlev2
{
    background-color:#7F7F7F;
    border-color:#7F7F7F;
}

ul#smenu4 li.mlev2 a:hover
{
    color:#7F7F7F;
    background-color: White;
}

ul#smenu4 li.mlev3 a, ul#smenu4 li.mlast3 a
{
    background: url(images/flecheGrise.gif) 5% 5px no-repeat;
}

ul#smenu4 li.mlev4 a, ul#smenu4 li.mlast4 a
{
    background: url(images/carreGris.gif) 31px 4px no-repeat;
}
ul#smenu4 li.mlev3, ul#smenu4 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#7F7F7F;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu4 li.mlev3 a:hover,  ul#smenu4 li.mlast3 a:hover, ul#smenu4 li.mlev4 a:hover,  ul#smenu4 li.mlast4 a:hover  
{
    background-color:#E5E5E5;
}

ul#smenu4 li.mlast3, ul#smenu4 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#7F7F7F;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 20-bleuoutremer : INFORMATIQUE <<*/
ul#smenu5 li.mlev2
{
    background-color:#3564C9;
    border-color:#3564C9;
}

ul#smenu5 li.mlev2 a:hover
{
    color:#3564C9;
    background-color: White;
}


ul#smenu5 li.mlev3, ul#smenu5 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#3564C9;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu5 li.mlev3 a:hover,  ul#smenu5 li.mlast3 a:hover, ul#smenu5 li.mlev4 a:hover,  ul#smenu5 li.mlast4 a:hover  
{
    background-color:#D6DCF4;
}

ul#smenu5 li.mlast3, ul#smenu5 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#3564C9;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 13-metal : IMAGE MP3 SON <<*/
ul#smenu6 li.mlev2
{
    background-color:#A5A5BF;
    border-color:#A5A5BF;
}

ul#smenu6 li.mlev2 a:hover
{
    color:#A5A5BF;
    background-color: White;
}


ul#smenu6 li.mlev3, ul#smenu6 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#A5A5BF;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu6 li.mlev3 a:hover,  ul#smenu6 li.mlast3 a:hover, ul#smenu6 li.mlev4 a:hover,  ul#smenu6 li.mlast4 a:hover  
{
    background-color:#ECECF3;
}

ul#smenu6 li.mlast3, ul#smenu6 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#A5A5BF;
    padding-bottom:5px;
}


    /*>>>>>>> POSITIONS SOUS-MENUS <<<<<<*/

*html ul#smenu11  /*no doctype "hack"*/
{
    width:210px;
}

ul#smenu2
{
    top:20px !important;
    top:10px;
}
ul#smenu12
{
    left:-163px !important;
    left:-154px;
}
ul#smenu13
{
    left:-164px !important;
    left:-156px;
}
ul#smenu14
{
    left:-149px !important;
    left:-141px;
}
ul#smenu15
{
    left:-156px !important;
    left:-148px;
}
