/* =====================================================================
 * --------------      styles for horizontal menu      -----------------
 * ===================================================================== */

#menu-main {
	display:block;
	height: 27px;
	position: absolute;
	top: 150px; /*positionnement encart droit */
	left: 0px;
	width: 800px;
	background-color: #604B3B;}

#menu-main > ul#menu{
	background-image: url('../images/menu/') !important;
	background-repeat: no-repeat;
	min-height: 27px;
	_height: 27px;
}

#menu-main > ul#menu li:first-child{
	margin-left: 88px;
}

#menu-main > ul#menu ul li:first-child{
	margin:0px;
}

ul#menu li .hidden{
	display: none;
}

ul#menu li > ul{
    font-size:0px;
    display:none;
}

ul#menu li ul {
    _font-size:0px;
}

ul#menu li:hover > ul{
    display:block;
}

ul#menu{
    margin:0px;
    padding:0px;
    list-style:none;
   _margin-left: 85px;
    width:100%;
    float:left;
}

ul#menu hr{
    margin-right: 4px;
    margin-left: 4px;
}

ul#menu li{
    float:left;
    display:block;
    padding: 0px;
    background-repeat: no-repeat;
    
}

ul#menu li a{
    height:28px;
    display:block;
    padding:2px 6px;
    text-decoration:none;
    background-repeat: no-repeat;
}

ul#menu ul{
    position:absolute;
    list-style:none;
    margin:0px;
    padding:0 0 0 0px;
    width:130px;
    z-index:2;
}

ul#menu ul ul{
    background-image: url('http://www.lalaverie.org/squelettes/images/menu/fondmenu.gif');
    background-repeat: repeat-y;
    top:0px;
    left:155px;
    z-index:3;
}

ul#menu ul li{
    font-size: 0px;
    /*background-color: #ffffff;*/
    position:relative;
    float:none;
    background-image:none;
    width:160px;
    margin:0px;
    padding:0px;
    display:block;
    
}

ul#menu ul li.last{
	background-color: transparent;
}

ul#menu ul li a{
    height: auto;
    font-size:11px;
    display:block;
    margin:0px;
    padding:6px 0 4px 20px;
    width:130px;
    border:none;
    color: #026e94;
}

ul#menu ul li a span{
    display:block;
    width:144px;
    padding:2px 6px;
    margin:0px 2px;
    border:none;
    cursor: pointer;
}

ul#menu ul li a.next span{}

ul#menu ul li a.next:hover span{
    background-position: -160px 50%;
}

ul#menu ul li a:hover span{
    color: #260650;
    border:none;
}

ul#menu li ul > li.first{
	height: 1px;
}

ul#menu li ul li.first a{
	height: 5px;
	background-image: url('http://www.lalaverie.org/spip/squelettes/images/menu/') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu ul li a{
    background-position: 0px bottom !important;
}

ul#menu ul li.last a{
    background-position: 0px 0px !important;
}

/* =====================================================================
 * --------------      styles for each rubrique        -----------------
 * =====================================================================*/
.rub010 {
	display: none;
	width:25px; /*permet de régler l'emplacement du premier bouton */
}

.rub010 a{
	display: none;
	width:0px;
}

.rub011 {
	background-image: url('../images/menu/menu_01.png');
	width:114px;
	_width: 114px;
	height : 27px;}


.rub011 a{
	background-image: url('../images/menu/menu_01.png');
	background-color: transparent;
	width:114px;
	_width: 114px;*/
}

.rub011 a:hover{
	background-image: url('../images/menu/menu_01.png');
}

ul#menu .rub011 ul{
	margin: 25px 0px 0px 0px;
}


ul#menu .rub011 ul li a{
	background-image: url('../images/menu/ss_menu_01.png');
}

ul#menu .rub11 ul li a:hover{
	background-image: url('../images/menu/ss_menu_01_on.png');
}

ul#menu .rub011 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_menu_01.png') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub011 ul li.last a{
	background-image: url('../images/menu/ss_bas.png');
	background-repeat: no-repeat;
}

ul#menu .rub011 ul li.last a:hover{
	background-image: url('../images/menu/ss_bas.png');
}

.rub012{
	background-image: url('../images/menu/menu_02.png');
	width: 124px;
	_width: 124px;
height : 27px;
}

.rub012 a{
	background-image: url('../images/menu/menu_02.png');
	width:124px;
	_width: 124px;
}

.rub012 a:hover{
	background-image: url('../images/menu/menu_02.png');
}

ul#menu .rub012 ul{
	margin: 25px 0px 0px 0px;
}

ul#menu .rub012 ul li a{
	background-image: url('../images/menu/ss_menu_01.png');
}

ul#menu .rub012 ul li a:hover{
	background-image: url('../images/menu/ss_menu_01_on.png');
}

ul#menu .rub012 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_menu_01.png') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub012 ul li.last a{
	background-image: url('../images/menu/ss_bas.png');
	background-repeat: no-repeat;
}

ul#menu .rub012 ul li.last a:hover{
	background-image: url('../images/menu/ss_bas.png');
}


.rub013{
	background-image: url('../images/menu/menu_03.png');
	width: 163px;
	_width: 163px;
height : 27px;
}

.rub013 a{
	background-image: url('../images/menu/menu_03.png');
	width:123px;
	_width: 123px;
}

.rub013 a:hover{
	background-image: url('../images/menu/menu_03.png');
}

ul#menu .rub013 ul{
	margin: 25px 0px 0px 0px;
}

ul#menu .rub013 ul li a{
	background-image: url('../images/menu/ss_menu_01.png');
}

ul#menu .rub013 ul li a:hover{
	background-image: url('../images/menu/ss_menu_01_on.png');
}

ul#menu .rub013 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_menu_01.png') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub013 ul li.last a{
	background-image: url('../images/menu/ss_bas.png');
	background-repeat: no-repeat;
}

ul#menu .rub013 ul li.last a:hover{
	background-image: url('../images/menu/ss_bas.png');
}

.rub014{
	background-image: url('../images/menu/menu_04.png');
	width: 178px;
	_width: 178px;
height : 27px;
}

.rub014 a{
	background-image: url('../images/menu/menu_04.png');
	width:123px;
	_width: 123px;
}

.rub014 a:hover{
	background-image: url('../images/menu/menu_04.png');
}

ul#menu .rub014 ul{
	margin: 25px 0px 0px 0px;
}

ul#menu .rub014 ul li a{
	background-image: url('../images/menu/ss_menu_01.png');
}

ul#menu .rub014 ul li a:hover{
	background-image: url('../images/menu/ss_menu_01_on.png');
}

ul#menu .rub014 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_menu_01.png') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub014 ul li.last a{
	background-image: url('../images/menu/ss_bas.png');
	background-repeat: no-repeat;
}

ul#menu .rub014 ul li.last a:hover{
	background-image: url('../images/menu/ss_bas.png');
}

.rub015{
	background-image: url('../images/menu/menu_05.png');
	width: 121px;
	_width: 121px;
height : 27px;
}

.rub015 a{
	background-image: url('../images/menu/menu_05.png');
	width:128px;
	_width: 128px;
}

.rub015 a:hover{
	background-image: url('../images/menu/menu_05.png');
}

ul#menu .rub015 ul{
	margin: 25px 0px 0px 0px;
}

ul#menu .rub015 ul li a{
	width:150px;
	background-image: url('../images/menu/ss_menu_04.jpg');
}

ul#menu .rub015 ul li a:hover{
	background-image: url('../images/menu/ss_menu_04_on.jpg');
}

ul#menu .rub015 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_haut_04.jpg') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub015 ul li.last a{
	background-image: url('../images/menu/ss_bas_04.jpg');
	background-repeat: no-repeat;
}

ul#menu .rub015 ul li.last a:hover{
	background-image: url('../images/menu/ss_haut_04.jpg');
}

.rub016{
	background-image: url('../images/menu/menu_06.png');
	width: 85px;
	_width: 85px;
height : 27px;
}
.rub016 a{
	background-image: url('../images/menu/menu_06.png');
	width:85px;
	_width: 85px;
}

.rub016 a:hover{
	background-image: url('../images/menu/menu_06.png');
}

ul#menu .rub016 ul{
	margin: 35px 0px 0px 0px;
}

ul#menu .rub016 ul li a{
	background-image: url('../images/menu/ss_menu_05.jpg');
}

ul#menu .rub016 ul li a:hover{
	background-image: url('../images/menu/ss_menu_05_on.jpg');
}

ul#menu .rub016 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_haut_05.jpg') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub016 ul li.last a{
	background-image: url('../images/menu/ss_bas_05.jpg');
	background-repeat: no-repeat;
}

ul#menu .rub016 ul li.last a:hover{
	background-image: url('../images/menu/ss_bas_05.jpg');
}

.rub017{
	background-image: url('../images/menu/menu_07.jpg');
	width: 150px;
	_width: 150px;
height : 27px;
}

.rub017 a{
	background-image: url('../images/menu/menu_07.jpg');
	width:150px;
	_width: 150px;
}

.rub017 a:hover{
	background-image: url('../images/menu/menu_07.jpg');
}

ul#menu .rub017 ul{
	margin: 35px 0px 0px 0px;
}

ul#menu .rub017 ul li a{
	background-image: url('../images/menu/ss_menu_06.jpg');
}

ul#menu .rub017 ul li a:hover{
	background-image: url('../images/menu/sss_menu_06_on.jpg');
}
ul#menu .rub017 ul li.first a{
	height: 0px;
	background-image: url('../images/menu/ss_haut_06.jpg') !important;
	background-repeat: no-repeat;
	border: 0;
	font-size:0px;
}

ul#menu .rub017 ul li.last a{
	background-image: url('../images/menu/ss_bas_06.jpg');
	background-repeat: no-repeat;
}

ul#menu .rub017 ul li.last a:hover{
	background-image: url('../images/menu/ss_bas_06.jpg');
}
