/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family:"Times New Roman", Times, serif; width:723px; height:32px; position:absolute; font-size:14px; /*text-transform:uppercase;*/  font-weight: bold; z-index:100; text-align:right; right:0; margin-right:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:172px; height:32px; text-align:center; color:#303030; border:0; background:#710069; line-height:32px; font-size:10pt; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; display:inline;position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:32px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#FFF; color:#000;}
.menu ul li:hover ul li:hover a.hide {background:url(../images/submenu_bg.jpg) no-repeat; color:#FFF;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:url(../images/submenu_bg.jpg) no-repeat; color:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:172px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-172px;}

.menu ul li a.first, .menu ul li a.first:visited{width:75px; background:url(../images/menu_firstbg.gif) no-repeat top left;}
.menu ul li:hover a.first {background:url(../images/menu_firstbg.gif) no-repeat 0 -32px;}
.menu ul li a.second, .menu ul li a.second:visited{width:136px; background:url(../images/menu_secondbg.gif) no-repeat top left;}
.menu ul li:hover a.second {background:url(../images/menu_secondbg.gif) no-repeat 0 -32px;}
.menu ul li a.third, .menu ul li a.third:visited{width:112px; background:url(../images/menu_thirdbg.gif) no-repeat top left;}
.menu ul li:hover a.third {background:url(../images/menu_thirdbg.gif) no-repeat 0 -32px;}
.menu ul li a.fourth, .menu ul li a.fourth:visited{width:104px; background:url(../images/menu_fourthbg.gif) no-repeat top left;}
.menu ul li:hover a.fourth {background:url(../images/menu_fourthbg.gif) no-repeat 0 -32px;}
.menu ul li a.fifth, .menu ul li a.fifth:visited{width:172px; background:url(../images/menu_fifthbg.gif) no-repeat top left;}
.menu ul li:hover a.fifth {background:url(../images/menu_fifthbg.gif) no-repeat 0 -32px;}
.menu ul li a.sixth, .menu ul li a.sixth:visited{width:124px; background:url(../images/menu_sixthbg.gif) no-repeat top left;}
.menu ul li:hover a.sixth {background:url(../images/menu_sixthbg.gif) no-repeat 0 -32px;}

.menu ul li ul li a.sub, .menu ul li ul li a.sub:visited {display:block; text-decoration:none; width:172px; height:23px; text-align:center; color:#303030; border-bottom:1px solid #C1B69A; background:#FFF; line-height:23px; font-size:10pt; overflow:hidden; z-index:200;}
.menu ul li ul li:hover a.sub{background:#b5aea9 url(../images/submenu_bg.jpg) no-repeat; color:#FFF;}

.menu ul li ul li ul li a.subsub, .menu ul li ul li ul li a.subsub:visited {display:block; text-decoration:none; width:172px; height:25px; text-align:center; color:#303030; border-bottom:1px solid #C1B69A; background:#FFF; line-height:25px; font-size:11px; overflow:hidden; z-index:200;}
.menu ul li ul li ul li:hover a.subsub{background:url(../images/submenu_bg.jpg) no-repeat; color:#FFF;}

/********** PAGE À PROPOS **********/
#apropos .menu{width:692px; right:128px; margin:0; top:110px; border-left:2px #FFF solid; border-right:2px #FFF solid;}
#apropos .menu ul li a.first, #apropos .menu ul li a.first:visited{width:136px; background:url(../images/menu_ap_1stbg.gif) no-repeat top left;}
#apropos .menu ul li:hover a.first {background:url(../images/menu_ap_1stbg.gif) no-repeat 0 -32px;}
#apropos .menu ul li a.second, #apropos .menu ul li a.second:visited{width:193px; background:url(../images/menu_ap_2ndbg.gif) no-repeat top left;}
#apropos .menu ul li:hover a.second {background:url(../images/menu_ap_2ndbg.gif) no-repeat 0 -32px;}
#apropos .menu ul li a.third, #apropos .menu ul li a.third:visited{width:160px; background:url(../images/menu_ap_3rdbg.gif) no-repeat top left;}
#apropos .menu ul li:hover a.third {background:url(../images/menu_ap_3rdbg.gif) no-repeat 0 -32px;}
#apropos .menu ul li a.fourth, #apropos .menu ul li a.fourth:visited{width:128px; background:url(../images/menu_ap_4thbg.gif) no-repeat top left;}
#apropos .menu ul li:hover a.fourth {background:url(../images/menu_ap_4thbg.gif) no-repeat 0 -32px;}
#apropos .menu ul li a.fifth, #apropos .menu ul li a.fifth:visited{width:75px; background:url(../images/menu_ap_5thbg.gif) no-repeat top left;}
#apropos .menu ul li:hover a.fifth {background:url(../images/menu_ap_5thbg.gif) no-repeat 0 -32px;}

/********** PAGE EDITION **********/
#edition .menu{width:615px; right:165px; margin:0; top:110px; border-left:2px #FFF solid; border-right:2px #FFF solid;}
#edition .menu ul li a.first, #edition .menu ul li a.first:visited{width:220px; background:url(../images/menu_edition_1stbg.gif) no-repeat top left;}
#edition .menu ul li:hover a.first {background:url(../images/menu_edition_1stbg.gif) no-repeat 0 -32px;}
#edition .menu ul li a.second, #edition .menu ul li a.second:visited{width:228px; background:url(../images/menu_edition_2ndbg.gif) no-repeat top left;}
#edition .menu ul li:hover a.second {background:url(../images/menu_edition_2ndbg.gif) no-repeat 0 -32px;}
#edition .menu ul li a.third, #edition .menu ul li a.third:visited{width:167px; background:url(../images/menu_edition_3rdbg.gif) no-repeat top left;}
#edition .menu ul li:hover a.third {background:url(../images/menu_edition_3rdbg.gif) no-repeat 0 -32px;}

/********** PAGE PREVIOUS **********/
#previous .menu{width:534px; right:201px; margin:0; top:110px; border-left:2px #FFF solid; border-right:2px #FFF solid;}
#previous .menu ul li a.first, #previous .menu ul li a.first:visited{width:132px; background:url(../images/menu_prev_1stbg.gif) no-repeat top left;}
#previous .menu ul li:hover a.first {background:url(../images/menu_prev_1stbg.gif) no-repeat 0 -32px;}
#previous .menu ul li a.second, #previous .menu ul li a.second:visited{width:83px; background:url(../images/menu_prev_2ndbg.gif) no-repeat top left;}
#previous .menu ul li:hover a.second {background:url(../images/menu_prev_2ndbg.gif) no-repeat 0 -32px;}
#previous .menu ul li a.third, #previous .menu ul li a.third:visited{width:146px; background:url(../images/menu_prev_3rdbg.gif) no-repeat top left;}
#previous .menu ul li:hover a.third {background:url(../images/menu_prev_3rdbg.gif) no-repeat 0 -32px;}
#previous .menu ul li a.fourth, #previous .menu ul li a.fourth:visited{width:173px; background:url(../images/menu_prev_4thbg.gif) no-repeat top left;}
#previous .menu ul li:hover a.fourth {background:url(../images/menu_prev_4thbg.gif) no-repeat 0 -32px;}