@CHARSET "ISO-8859-1";
/**
 * @version    $Revision: 36190 $
 * @date       $Date: 2008-11-18 14:01:43 +0100 (Tue, 18 Nov 2008) $
 */

/* MENU BAR */

#menuBar {
   margin-bottom:0px;
   border-right:1px solid #ddd;
   background:#ddd;
   width:1000px;
}

#menuBar li {
   list-style:none;
}

#menuBar td {
   text-align:center;
 }
 
#menuBar a {
   font:13px/16px arial, sans-serif;
}

/*  level 1  */
#menuBar table.level1 {
   width:1000px;
   background:url(/medias/www/img/bg/menuBarTab_off.gif) top left repeat-x;
   height:31px;
   position:relative;
   z-index:200;
}

#menuBar .level1 td {
   border-left:1px solid #bbb;
}

#menuBar .level1 a {
   font-weight:bold;
   font-size:11px;
   line-height:33px;
   text-transform:uppercase;
   height:31px;
   display:block;
   overflow:hidden;
   text-decoration:none;
}

#menuBar .level1 td.logoHome {
   background:url(/medias/www/img/icn/nav-une.gif) top left no-repeat;
   width: 30px;
}

#menuBar .level1 a:hover {
   text-decoration:none;
}
/*
#menuBar .gratuit a:hover {
   background:url(/medias/www/img/bg/menuBarTab_on.gif) top center no-repeat #fff;
   color:#fff!important;
}
*/
#menuBar .level1 .abonnes a {
   color:#d38700;
}

#menuBar .level1 .abonnes a span {
   background:url(/medias/www/img/bg/menuBar_abonneLink.gif) 0 12px repeat-x;
}

#menuBar .level1 .abonnes a:hover span {
   background:none;
}

#menuBar .level1 .abonner {
   width:200px;
   vertical-align:top;
   border-left:0px solid #bbb;
}

#menuBar .level1 .abonner a {
   background:url(/medias/www/img/bt/abonnerAuMonde.gif) top left no-repeat;
   width:200px;
   height:26px;
   display:block;
   margin-top:4px;
}

#menuBar .tabOn_0 a,
#menuBar .tabOn_1 a,
#menuBar .tabOn_2 a,
#menuBar .tabOn_3 a {
   background:url(/medias/www/img/bg/menuBarTab_on.gif) top center no-repeat #fff;
   color:#fff!important;
}

#menuBar .level1 .gratuit a {
   color:#666;
}

#menuBar .level1 .abonnes a {
   color:#d38700;
}

#menuBar .tabOn_4 a,
#menuBar .tabOn_5 a,
#menuBar .tabOn_6 a,
#menuBar .tabOn_7 a,
#menuBar .tabOn_8 a {
   background:url(/medias/www/img/bg/menuBarTab_gold_on.gif) top center no-repeat #fff;
   color:#fff!important;
}

/*  level 2  */

#menuBar .menuBarBottom {
   border-left:1px solid #ccc;
   /*border-right:1px solid #ccc;*/
   width:1000px;
   background:#fff;
   position:relative;
   z-index:1;
   top:-1px;
   padding:0 5px;
}
html>/**/body #menuBar .menuBarBottom {width:989px;}

#menuBar .level2 {
   position:relative;
   top:1px;
}

#menuBar .level2 table {
   position:relative;
   z-index:2;
}

#menuBar .level2 .flecheBas {
   background:url(/medias/www/img/icn/flechebas_filet.gif) center left no-repeat;
   cursor:pointer;
   width: 20px;
}

#menuBar .level2 .first {
   width: 15px;
}

#menuBar .level2 td {
   background:url(/medias/www/img/bg/menuBarTab_level2_off.gif) bottom center repeat-x #fff;
   height:37px;
   padding:0px 7px;
}

#menuBar .level2 td.rollover {
   background:url(/medias/www/img/bg/menuBarTab_level2_on.gif) bottom center no-repeat #fff;
}

#menuBar .level2 a:hover {
   text-decoration:none;
}

#menuBar .level2 .special a {
   font-size:11px;
   line-height:13px;
}

#menuBar .level2 td.divider {
   background:url(/medias/www/img/bg/menuBar_special.gif) center left no-repeat;
   width:1px;
   overflow:hidden;
   padding:0px;
}

#menuBar .level2 .special td {
   text-align:left;
   padding-right:15px;
}


/*  level 3  */

#menuBar .level3 {
	background:#fff;
   height:135px;
   overflow:hidden;
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   position:relative;
   z-index:1;
   top:-1px;
}
* html #menuBar .level3 {width: 1001px;} 
html>/**/body #menuBar .level3 {width:999px;}

#menuBar .level3 .closeWindow {
   font-size:16px;
   position:absolute;
   top:4px;
   right:4px;
   z-index:999;
}

#menuBar .level3 td {
   text-align:left;
   height:137px;
}

#menuBar .level3 .image {
   float:left;
   border:1px solid #ccc;
   padding:1px;
   margin:12px 12px 0px 12px;
   height:112px;
   overflow:hidden;
}
html>/**/body #menuBar .level3 .image {height:103px;width:auto;max-width:155px;}
* html #menuBar .level3 .image {height:107px;} 

#menuBar .level3 .sansImage {
   float:left;
   padding:1px;
   margin:12px 12px 0px 12px;
   height:112px;
   overflow:hidden;
}

html>/**/body #menuBar .level3 .sansImage {height:103px;width:auto;max-width:155px;}
* html #menuBar .level3 .sansImage {height:107px;} 

#menuBar .level3 .link a {
   float:left;
   display:block;
   font:bold 16px georgia, serif;
   width:250px;
   margin-right:12px;
}

#menuBar .level3 .sequence a {
   color:#900;
   font-weight:bold;
   text-transform:uppercase;
}

#menuBar .level3 .link_2 a {
   float:left;
   display:block;
   font: bold 16px georgia, serif;
   width:425px;
   margin-right:12px;
}

#menuBar .level3 ul {
   float:left;
   border-left:1px dotted #999;
   padding-left:12px;
}

#menuBar .level3 li {
   margin:0px;
   margin-bottom:4px!important;
   width: 475px;
}
* html #menuBar .level3 li {clear: left;} 

#menuBar .level3 .reaction a {
   background:url(/medias/www/img/icn/reaction.png) 0 2px no-repeat;
   font:bold 11px arial, sans-serif;
   padding-left:15px;
}