/* CSS Document */
/* ----- MEA - OREILLES ----- */
#meaHaut { background:#FFF; margin:0 auto; height:40px; font-size:12px; width:1000px;}
#meaHaut ul { width:990px; margin:0 auto; list-style-type:none;}
#meaHaut li { float:left; width:330px; height:40px; background: url(/imgs/homeg/meaHaut-bg.png) no-repeat right;}
#meaHaut li img { display:block; float:left; margin-right:9px; }
#meaHaut li a.acces { float:left; font-weight:bold; color:#005A78; margin-top:5px;}
#meaHaut li span {font-weight:normal; display:block; color:#333;}

/* ----- HEADER ----- */
.contenerGlobal { background:#FFFFFF none repeat scroll 0 0; margin:0 auto; padding-bottom:15px; width:1000px; }
#headerGlobal { width:1000px; height:80px; margin:0 auto; background: #003C50 url(/imgs/homeg/header-bg-cotes.png) repeat-x top;}
#header { width:990px;height:80px;  margin:0 auto; background: url(/imgs/homeg/header-bg.jpg) no-repeat left top;}
#header #logoLP { float:left; margin:10px 20px 10px 0; position:relative;}
#header #logoLP #site_groupe{ position:absolute; left:756px; top:0; z-index:1000;}
#header #logoPR { float:left; margin:10px 0;}
#header #logoAEF { float:right; margin:10px 0;}
#header #headerContent { float:left;}
#headerContent .top { float:left; margin-bottom:8px;  line-height:30px; color:#FFF; font-size:12px; }
#headerContent .top h1.header-actualite{font-size:12px; font-weight:normal; float:left;}
#headerContent .top a { float:left; display:block; color:#FFF;  padding-right: 6px;}
#headerContent .top a.sep { background: url(/imgs/homeg/header-sep.png) no-repeat left; padding-left:6px; }
#headerContent .top a img { margin-top:9px;}
#headerContent .bottom { clear:both; vertical-align:bottom;}
#headerContent .champ {  background: #E1F0FF url(/imgs/homeg/header-moteur-bg.png) no-repeat left; border:none; height:17px; padding:5px 10px 3px; width:139px; font-size:12px; font-family:Arial,Verdana,Helvetica,sans-serif;}
#headerContent .ok { width:41px; height:25px; margin-bottom:-1px; }
#headerContent .bottom fieldset { float:left; width:220px; height:25px; display:inline; margin:8px 0 0 0; padding:0; border: 0; }
#headerContent .bottom form {height:25px; display:inline; margin:0; padding:0 }
#headerContent .bottom p { float:left; color:#FFF; }
#headerContent .bottom p a { color:#FFF; font-size:13px; }
#headerContent .bottom p#identifie a { background: url(/imgs/homeg/header-sep.png) no-repeat right; line-height:17px;}
#non-identifie { font-size:11px; margin:5px 0 0 0; padding:0;}
#non-identifie img { margin:0 2px 0 15px;}
#non-identifie span { display:block;  }
#non-identifie .sep{ background: url(/imgs/homeg/header-sep.png) no-repeat right; line-height:17px; padding:0 7px 0 0;}
#non-identifie a{ padding:0 7px 0 4px;}
#identifie { margin:0; padding:0;}
#identifie img { margin:0 2px 0 10px;}
#identifie .nom { display:block; font-size:13px; font-weight:bold; color:#E1F0FF; width:260px; height:18px; overflow:hidden; }
#identifie a{ padding:0 7px 0 4px;}

/* ----- MEGABANNER ----- */
div#megabanner { background: url(http://www.leparisien.fr/icons/pub_bg_megabanner.gif) repeat-x left top; margin: 0 auto; text-align:center;}
#megabannerBas { background:#FFF; margin:5px auto; text-align:center;}
#megabanner_bas { background:#FFF; margin:5px auto; text-align:center;}

/* ----- NAVIGATION ----- */
#menuHaut { background:#FFF; margin:0 auto; padding:0 0 5px 0; height:70px; font-size:12px; width:1000px;}
.navmenu{ height:44px; background:url(/imgs/homeg/nav/menu_bg.gif) repeat-x; line-height:42px; width:100%; float:left;}
.navmenu li{ padding:0 6px; background:url(/imgs/homeg/nav/menu_border.gif) no-repeat; height:44px; float:left;}
.navmenu li.first{ background:none;}
.navmenu li.hover{ background:url(/imgs/homeg/nav/menu_bg_actif.gif) repeat-x; padding:0; display:none;}
.navmenu img{ float:left;}
.navmenu a{ font-weight: bold; font-size:15px; color:#333; float:left;}
.navmenu ul{ list-style-type:none;  margin: 0 auto; height:44px; width:994px;}
.navsousmenu .sousmenu{ display:none;}
.navsousmenu{ height:26px; background:#C8DCF0 url(/imgs/homeg/nav/sub_menu_bg.gif) repeat-x; line-height:22px; width:100%; float:left;}
.navsousmenu ul{ list-style-type:none; margin: 0 auto; height:26px; width:990px;}
.navsousmenu li{ background:transparent url(/imgs/homeg/nav/sub_menu_border.gif) no-repeat scroll 0 11px; float:left; height:24px; line-height:24px; padding:0 5px 0 10px;}
.navsousmenu li.first{ background:none;}
.navsousmenu li.imgs { background:none repeat scroll 0 0 transparent; padding:1px 0 0 5px;}
.navsousmenu a{ font-size: 13px; color:#003c50;}
.navsousmenu a:hover{ color:#c03;}
.navsousmenu .evenementiel{ background:url(/imgs/homeg/nav/evenementiel_bg.gif) repeat-x; height:22px; margin:-4px 1px 0 0; padding:4px 6px;}
.navsousmenu .evenementiel a{ color:#fff;}
.navsousmenu .evenementiel a:hover{ color:#fff; text-decoration:underline;}
.ediabo:link, .ediabo:visited{ width:115px; height:20px; margin:11px 0; display:block; background: url(/imgs/homeg/nav/edition_abonnes.gif) no-repeat;}
.ediabo:hover{ background: url(/imgs/homeg/nav/edition_abonnes_actif.gif) no-repeat;}

.ediaboDixit:link, .ediaboDixit:visited{ width:62px; height:28px; margin: 6px 0; display:block; background: url(http://www.leparisien.fr/communautaire/imgs/nav/edition_abonnes.gif) no-repeat;}
.ediaboDixit:hover{ background: url(http://www.leparisien.fr/communautaire/imgs/nav/edition_abonnes_e.gif) no-repeat;}

.DixitMonCompte:link, .DixitMonCompte:visited{ width:110px; height:24px; margin:0; display:block; background: url(http://www.leparisien.fr/communautaire/imgs/nav/mon_compte_a.gif) no-repeat;}
.DixitMonCompte:hover{ background: url(http://www.leparisien.fr/communautaire/imgs/nav/mon_compte_e.gif) no-repeat;}

.DixitContribuer:link, .DixitContribuer:visited{ width:110px; height:24px; margin:0; display:block; background: url(http://www.leparisien.fr/communautaire/imgs/nav/contribuer_a.gif) no-repeat;}
.DixitContribuer:hover{ background: url(http://www.leparisien.fr/communautaire/imgs/nav/contribuer_e.gif) no-repeat;}

/* ----- VOTRE VILLE ----- */
#votreVilleMenuHaut { margin:0 auto; font-size:12px; width:1000px; background:#FFF; height:93px; padding:0 0 5px;}
.votreVilleNavMenu{ height:63px; background:#C8DCF0 url(/imgs/homeg/nav/votre_ville_menu_bg.gif) repeat-x; width:100%; float:left;}
.votreVilleNavMenu ul{ list-style-type:none; margin: 0 auto; height:63px; width:990px;}
.votreVilleNavMenu li{ width:310px; padding:0 10px; background:url(/imgs/homeg/nav/votre_ville_menu_sep.gif) no-repeat; color:#336; height:63px; float:left;}
.votreVilleNavMenu li.votreVilleTitre{ background:none;}
.votreVilleNavMenu li.votreVilleTitre div.ville_departement{ margin-top:14px; height:47px; font-size:18px; overflow:hidden; width:310px;}
.votreVilleNavMenu li.votreVilleTitre span.ville{ font-size:20px; font-weight:bold; line-height:20px;}
.votreVilleNavMenu li.votreVilleTitre span.departement{ font-size:15px; font-weight:normal; line-height:15px;}
.votreVilleNavMenu li.votreVilleTitre span.dep{ font-size:20px; font-weight:bold; line-height:35px;}
.votreVilleNavMenu li.votreVilleTitre h1.ville, .votreVilleNavMenu li.votreVilleTitre h2.ville { font-size:17px; font-weight:bold; line-height:20px;}
.votreVilleNavMenu li.votreVilleTitre h1.dep, .votreVilleNavMenu li.votreVilleTitre h2.dep { font-size:20px; font-weight:bold; line-height:35px;}
.votreVilleNavMenu li.votreVilleTitre h1.ville a, .votreVilleNavMenu li.votreVilleTitre h2.ville a{ position:absolute; right:0; top:3px;}
.votreVilleNavMenu li.votreVilleTitre h1.dep a, .votreVilleNavMenu li.votreVilleTitre h2.dep a{ position:absolute; right:0; top:10px;}
.votreVilleNavMenu li.votreVilleMeteo img.votreVilleMeteoPicto{ margin:5px 5px 0 5px; float:left;}
.votreVilleNavMenu li.votreVilleMeteo div.votreVillePrevisions{ float:left; padding-top:12px; font-weight:bold;}
.votreVilleNavMenu li.votreVilleMeteo div.votreVillePrevisions a{ font-weight:normal;}
.votreVilleNavMenu li.votreVilleMeteo span{ font-size:18px; font-weight:normal;}
.votreVilleNavMenu li.votreVilleRecherche{ font-size:15px; padding:4px 10px 0; height:58px;}
.votreVilleNavMenu li.votreVilleRecherche .votreVilleChamps{ background: url(/imgs/homeg/nav/votre_ville_search_bg.gif) no-repeat; border:0; font-size:13px; height:18px; padding:5px 10px 3px; width:190px; margin-top:5px;}
.votreVilleNavMenu li.votreVilleRecherche .votreVilleOk{ width:43px; height:26px; margin-top:5px;}

.votreVilleNavSousMenu{ height:30px; background:#C8DCF0 url(/imgs/homeg/nav/votre_ville_sub_menu_bg.gif) repeat-x; line-height:30px; width:100%; float:left;}
.votreVilleNavSousMenu ul{ list-style-type:none; margin: 0 auto; height:30px; width:970px;}
.votreVilleNavSousMenu li{ background:transparent url(/imgs/homeg/nav/votre_ville_sub_menu_sep.gif) no-repeat right 0; height:30px; padding:0 20px; float:left;}
.votreVilleNavSousMenu a{ font-size: 13px; color:#003c50; font-weight:bold;}
.votreVilleNavSousMenu .over{ background:url(/imgs/homeg/nav/votre_ville_sub_menu_bg_actif.gif) repeat-x; height:30px; margin:0 1px 0 0; padding:0 20px;}
.votreVilleNavSousMenu .over a{ color:#fff; font-weight:bold;}
.votreVilleNavSousMenu .new{ height:30px; margin:0 1px 0 0; padding:0 20px;}
.votreVilleNavSousMenu .new a{ color:#c03; font-weight:bold;}

/* ----- POPUP ----- */
#popupBoxShield{ position:absolute; display:none; width:100%; height:100%; top:0; left:0; margin:0; background:#000; opacity:0.8; z-index:2000;}
#popupBox{ position:absolute; background:url(/imgs/homeg/nav/popup_bg.png) no-repeat; display:none; z-index:2100;}
#popupSkin{ position:relative; padding:48px;}
#popupSkin #fermer { color:#8C8C8C; font-weight:bold; height:24px; position:absolute; right:82px; top:16px; width:50px;}
#popupSkin #close { height:24px; position:absolute; right:48px; top:14px; width:24px;}
#popupBoxAuth{ width:392px; height:224px;}
.popupAuth{ width:352px; height:184px; padding:20px; background:url(/imgs/homeg/nav/popup_bg.gif) repeat-x; font-size:13px; font-weight:normal;}
.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;}
input#email{ width:156px;}
input#password{ width:165px;}

/* ----- OVERLAY GREYBOX ----- */
#GB_overlay {background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 10000; }
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute;overflow: hidden; z-index: 15000; }
#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;}