/* ### HEADER V3 oct 2010 ### */
*{margin:0; padding:0; font-family:Arial; border:0;}
img { border:0;}
a, a:link, a:visited { text-decoration: none;}
/* ----- MEA - OREILLES ----- */
#headerTop { background:#FFF; margin:0 auto; height:42px;  width:1000px; padding:6px 0 0 0;}

#headerTop .services { float:left; width:423px; border-right:1px solid #D2D2D2; font-size:10px; text-transform:uppercase; }
#headerTop .services td { height:17px; padding:0 0 0 10px; }
#headerTop .services td a { color:#333; font-size:10px; }
#headerTop .services td a.plusred, #meaHaut .meteoHeader a.plusred { color:#C81919; background: url(../imgs/header/picto_plusrouge.png) no-repeat right center; padding-right:15px;}

#headerTop .meteoHeader { float:left; width:215px !important; width:217px; height:34px; border-right:1px solid #D2D2D2;}
#headerTop .meteoHeader img { float:left; margin:0 6px;}
#headerTop .meteoHeader .tempVille { color: #333333; display: block; float: left; font-size: 12px; line-height: 17px; overflow: hidden; width: 125px; height: 17px;}
#headerTop .meteoHeader a.plusred { display:block; float:left; line-height:17px; padding-right:15px; font-size:10px; color:#C81919; background: url(../imgs/header/picto_plusrouge.png) no-repeat right center; }

.ContenerPromoMarket { float:left; width:356px; height:34px; overflow:hidden;}
.promoMarket, .next_promoMarket, .prev_promoMarket, .promoMarketUn { float:left;}
a.next_promoMarket { width:20px; height:34px; background: url(../imgs/header/slide_fl_right.png) no-repeat center center;}
a.prev_promoMarket { width:20px; height:34px; background: url(../imgs/header/slide_fl_left.png) no-repeat center center;}
.promoMarket ul, .promoMarketUn { list-style-type:none;}
.promoMarket li, .promoMarketUn li { width:316px; font-weight:bold; font-size:13px; height:34px;}
.promoMarket li a, .promoMarketUn li a { color:#333; display:block; height:34px;}
.promoMarket li img, .promoMarketUn li img { float:left; margin:0 9px 0 0;}
.promoMarket li span, .promoMarketUn li span { display:block;  font-size:14px; text-transform:uppercase;}
.promoMarket li a span, .promoMarketUn li a span {color:#C81919}

/* ----- HEADER ----- */
#headerMain {clear:both; width:980px; height:88px; overflow: hidden; margin:0 auto; padding:0 10px; background:#003C50 url(../imgs/header/bg_header.png) no-repeat left top;}
#headerPresidentielle { width:980px; height:88px; overflow: hidden; margin:0 auto; padding:0 10px; background: #fff;}
#headerMain .logo, #headerPresidentielle .logo { float:left; margin:0 0 9px 0;}
#headerMain .logo h1, #headerPresidentielle .logo h1 {display: block;position: absolute;text-indent: -9999px;font-size: 12px; font-weight: normal; color: #FFF;}
#headerMain .top { float:left; line-height:29px; width:990px;  font-size:12px; display:block; color:#B4C8DC;}
#headerPresidentielle .top { float:left; line-height:29px; width:990px;  font-size:12px; display:block; color:#666;}
#headerMain .top span, #headerPresidentielle .top span { float:left; padding: 0 10px;}
#headerMain .top span img, #headerPresidentielle .top span img { padding-left:5px; margin-top:5px;}
#headerMain .top .date, #headerPresidentielle .top .date  { padding-left: 0;}
#headerMain .top a {color:#FFF; float:left; display:block; color:#FFF;}
#headerPresidentielle .top a {color:#333; float:left; display:block; color:#333;}
#headerMain .top a.sep, #headerPresidentielle .top a.sep {padding: 0 10px 0 6px; }
#headerMain .top .pic, #headerPresidentielle .top .pic { margin:8px 0 0 10px; }
#headerMain .top span, #headerMain .top a.sep, #headerPresidentielle .top span, #headerPresidentielle .top a.sep {background: url(../imgs/homeg/header-sep.png) no-repeat right 6px; }

#headerMain .middle, #headerMain .milieuPremiumsearch, #headerPresidentielle .middle { float:left; width:512px; padding:0 40px}
#headerMain .middle .champ, #headerMain .milieuPremiumsearch .champ { background: #E1F0FF url(../imgs/homeg/header-moteur-bg.png) no-repeat left; border:none; height:19px; padding:3px 10px; width:159px; font-size:13px; color:#003C50; font-family:Arial,Verdana,Helvetica,sans-serif;}
#headerPresidentielle .middle .champ { background: url(../imgs/header/header-moteur-bg.png) no-repeat left; border:none; height:20px; padding:3px 10px; width:160px; font-size:13px; color:#333; font-family:Arial,Verdana,Helvetica,sans-serif;}
#headerMain .middle .ok, #headerMain .milieuPremiumsearch .ok { width:41px; height:25px; margin-bottom:-1px; }
#headerPresidentielle .middle .ok { width:41px; height:26px; margin-bottom:-1px; }
#headerMain .middle fieldset, #headerMain .milieuPremiumsearch fieldset { float:right; width:220px; height:25px; display:inline; margin:24px 0 0 0; padding:0; border: 0; }
#headerPresidentielle .middle fieldset { float:right; height:25px; display:inline; margin:24px 0 0 0; padding:0; border: 0; }
#headerMain .middle form, #headerMain .milieuPremiumsearch form, #headerPresidentielle .middle form {height:25px; display:inline; margin:0; padding:0 }
#headerMain .middle p, #headerMain .milieuPremiumsearch p { float:left; color:#FFF; font-weight:bold;}
#headerMain .middle p a, #headerMain .milieuPremiumsearch p a { color:#FFF; font-size:13px;line-height:19px; font-weight:normal;}
#headerPresidentielle .middle p { float:left; color:#333; font-weight:bold;}
#headerPresidentielle .middle p a { color:#333; font-size:13px;line-height:19px; font-weight:normal;}

#headerMain #non-identifie, #headerPresidentielle #non-identifie { margin:28px 0 0 0;}
#headerMain #non-identifie a, #headerMain #identifie a { background: url(../imgs/header/fl_white.png) no-repeat left center; padding:0 10px 0 17px;}
#headerPresidentielle #non-identifie a, #headerPresidentielle #identifie a { background: url(../imgs/header/fl_black.png) no-repeat left center; padding:0 10px 0 17px;}
#headerMain #non-identifie .sep, #headerMain #identifie .sep { background: url(../imgs/header/sep_bleu_13.png) no-repeat left center; margin-right:7px; }
#headerMain #identifie, #headerPresidentielle #identifie { margin:11px 0 0 0;}
#headerMain #identifie a.deco {background: url(../imgs/header/picto_deconnexion.png) no-repeat left center;}
#headerPresidentielle #identifie a.deco {background: url(../imgs/header/picto_deconnexion_black.png) no-repeat left center;}

/* ----- MEGABANNER ----- */
div#megabanner { background: #FFF url(../imgs/header/bg_megabanner_haut.png) left top; margin: 0 auto; padding:0; text-align:center; width:1000px; border:0;clear: left; }
#megabannerBas, #megabanner_bas {width:1000px; background:#FFF; margin:5px -5px;  text-align:center; clear: left;}

/* ----- NAVIGATION ----- */
#headerMenu { background:#FFF; margin:0 auto; padding:0 0 5px 0; /* pas sur que ce soit nécessaire et surtout m'arrange pas ! :-) height:65px; */width:1000px; }
#headerMenu .navmenu { height:44px; background:url(../imgs/header/nav/menu_bg.png) repeat-x; line-height:44px; width:100%; float:left; font-weight: bold; font-size:12px; /*hack IE9*/letter-spacing: -0.08pt\9;text-transform:uppercase;}
#headerMenu .navmenu_pres { height:40px; background:url(../imgs/header/nav/menu_bg_pres.png) repeat-x; line-height:44px;}
#headerMenu .navmenu img{ float:left;}
#headerMenu .navmenu ul { list-style-type:none;  margin: 0 auto; height:44px; line-height: 44px; width:1000px;}
#headerMenu .navmenu_pres ul { height:40px;}
#headerMenu .navmenu li { background:url(../imgs/header/nav/menu_border.png) no-repeat left top; height:44px; float:left;}
#headerMenu .navmenu_pres li { height:40px;}
#headerMenu .navmenu li a { color:#333; float:left; padding:0 2px; }
#headerMenu .navmenu li.nothover a{ padding:0 6px;}
#headerMenu .navmenu li.nothover a.navelections {margin:5px 6px 0 6px;}
#headerMenu .navmenu li.hover{ background:url(../imgs/header/nav/menu_bg_actif.png) repeat-x left top; display:none;}
#headerMenu .navmenu li.hover a, #headerMenu .navsousmenu li a:hover { text-decoration:none;}

#headerMenu .navmenu li a.navelections { display:block; text-align:center; padding:0; margin:5px 2px 0 2px; width:70px; height:32px; line-height:32px; background:url(../imgs/homeg/nav/bg_elections.png) no-repeat; color:#fff;}

#headerMenu .navmenu li.firstOff { background:none;}
#headerMenu .navmenu li.firstOn a {padding:0 2px 0 6px}

#headerMenu .navsousmenu .sousmenu{ display:none;}
#headerMenu .navsousmenu { height:26px; background:#E6E6E6 url(../imgs/header/nav/sub_menu_bg.png) repeat-x; line-height:22px; width:100%; float:left; font-size: 13px; }
#headerMenu .navsousmenu ul{ list-style-type:none; margin: 0 auto; height:26px; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2;}
#headerMenu .navsousmenu li { background:transparent url(../imgs/header/nav/sub_menu_border.png) no-repeat scroll 0 5px; float:left; height:24px; line-height:24px; padding:0 7px;}
#headerMenu .navsousmenu li.first { background:none;}
#headerMenu .navsousmenu li.imgs { background:none repeat scroll 0 0 transparent; padding:1px 0 0 5px;}
#headerMenu .navsousmenu ul li a { color:#333;}
#headerMenu .navsousmenu ul li a:hover { color:#C81919;}

#headerMenu .navsousmenu .evenementiel{ background:url(http://www.leparisien.fr/imgs/header/nav/evenementiel_bg.gif) repeat-x; height:22px; margin:-4px 1px 0 0; padding:4px 6px;}
#headerMenu .navsousmenu .evenementiel a { color:#fff;}
#headerMenu .navsousmenu .evenementiel a:hover { color:#fff; text-decoration:underline;}

/*#headerMenu .nothover#ediabo {  width:160px; }
#headerMenu .hover#ediabo {  padding-right: 39px; }*/

/*#headerMenu .ediabo a { padding:0 4px;}*/
#headerMenu .navmenu li.ediabo{ width:79px; }
#headerMenu .navmenu li.ediabo a img { padding:6px 0; }

/*PREMIUM*/
.navmenu li.hover {display:block;}
.navmenu li a.edpremium { height:32px; margin : 5px 0 0 0; padding:0 7px;/*hack IE9*/padding:0}
.navsousmenu li a.premiumPlus {background: url(../imgs/header/favicom_plus.png) no-repeat left center; padding-left: 21px; line-height: 24px;display: block; float: left;}

/*PRESIDENTIELLE*/
.nav_pres { position: relative; height: 90px; background: url(../imgs/header/bg_ban_pres.jpg) no-repeat left center;}
.nav_pres .logo { position: absolute; z-index: 5; background: url(../imgs/legislatives/logoElections.png) no-repeat; height: 90px; width: 158px;}
.nav_pres ul { position: absolute; left: 130px; bottom: 0; list-style: none; margin: 0; padding: 0;}
.nav_pres li { float: left; width: 141px; height: 32px; background-image: url(../imgs/presidentielle2012/nav-bg-li.png); text-transform: uppercase; text-align: center; line-height: 32px;}
.nav_pres li:last-child:hover { background:url(../imgs/presidentielle2012/nav-bg-li.png) no-repeat;}

.nav_pres li.on { background-image: url(../imgs/presidentielle2012/nav-bg-li-c.png);}
.nav_pres li:hover { background-image: url(../imgs/presidentielle2012/nav-bg-li-e.png);}
.nav_pres li.last:hover { background-image: url(../imgs/presidentielle2012/nav-bg-li.png);}
.nav_pres li.on:hover { background-image: url(../imgs/presidentielle2012/nav-bg-li-c.png);}
.nav_pres li a { display: block; color: #fff; font-size: 14px; font-weight: bold;}
.nav_pres li a:hover { text-decoration: none;}




/* ----- POPUP ----- */
.popupAuth{ width:360px; height:190px; padding:20px; background:url(../imgs/homeg/nav/popup_bg.gif) repeat-x; font-size:13px; font-weight:normal; display:block;margin:0 45px;}
.popupAuthTitle{ font-size:15px; font-weight:bold; color:#333; padding:0 0 6px 0; border-bottom:1px #999 solid; line-height:15px;text-align:center;}
.popupAuthMessage{ color:#333; padding:10px 0 25px; text-align:center; margin:0;}
.popupAuthMail{ color:#003c50; width:180px; float:left; margin:0; padding:0;}
.popupAuthPass{ color:#003c50; padding: 0 0 23px; margin:0;}
.popupInput{ height:14px; border:0; margin:4px 0 0 0; padding:3px 2px; font-size:11px; color: #333;}
.popupAuthMail input#email{ width:156px;}
.popupAuthPass input#password{ width:165px;}
.popupAuthError{ clear:both; color:#CC0033; display:none; font-size:12px; font-weight:bold; padding-top:10px;}
.popupAuth a, .popupAuth a:link, .popupAuth a:visited{color: #003c50;}
#popupRetrieve .popupAuthMail { width:360px;}
#popupRetrieve .popupAuthMail input#retrieve-password-email { width:250px;}

/* style generale pour meteo */
#visu-meteo .col-650{width:650px; float: left; margin-right: 20px;}
#visu-meteo .gouttiere-20{ display:none;}
#visu-meteo .col-310{ width:310px; float:left;}

/* ----- OVERLAY GREYBOX ----- */
#GB_overlay {background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 1000000; }
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute;overflow: hidden; z-index: 1500000; }
#GB_frame {	border: 0;	overflow: hidden;	height: 469px;}
.GB_frame {padding: 5px 20px 15px 20px; background: transparent url(../diaporama-videos/imgs/bg_overlay.png) no-repeat 0px 0px;}