/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxx          HEADER           xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   */


#header  {
margin:0 23px 0 22px;
overflow:auto; /* pour que ca ne depasse pas du cadre - FF */
height:100%;  /*pour que ca ne depasse pas du cadre - IE6 */
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxx Debut menu header xxxxxxxxxxxxx */

#menu-principal {
position: relative;
width: 944px;/* force hasLayout dans IE */
height: 60px;
margin:0;
padding:0;
border-color: #bfbfbf;
border-width: 1px 0 1px 0;
border-style: solid;
font:bold 15px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#666;
/*background-color:#dedede;*/
float:left;
_overflow:auto;
}
#menu-principal a {
text-decoration:none;
color:#747474;
_float:left;
}
#menu-principal li {
float: left;
display: block;
margin: 0;
padding: 0;
}
#menu-actu a, 
#menu-opinions a,
#menu-culture a, 
#menu-tendances a,
#menu-ed-speciales a,
#menu-pratique a {
display: block;
height: 100%;
padding:5px 12px 4px 12px;
border-top:1px solid #fff;
border-right:1px solid #d4d4d4;
border-bottom:3px solid #d4d4d4;
border-left:1px solid #d4d4d4;
}
#menu-actu a:hover, 
#menu-opinions a:hover,
#menu-culture a:hover, 
#menu-tendances a:hover,
#menu-ed-speciales a:hover,
#menu-pratique a:hover {
color:#a75555;
}
#menu-actu .on, 
#menu-opinions .on,
#menu-culture .on, 
#menu-tendances .on,
#menu-ed-speciales .on,
#menu-pratique .on {
border-color: #a8343d;
border-width: 1px 1px 3px 1px;
border-style: solid;
color:#a8343d;
}
#menu-actu, 
#menu-opinions,
#menu-culture,
#menu-tendances,
#menu-ed-speciales,
#menu-pratique {
background-color:white;
}
#menu-actu #liste-menu-actu.on,
#menu-opinions #liste-menu-opinions.on,
#menu-culture #liste-menu-culture.on,
#menu-tendances #liste-menu-tendances.on,
#menu-ed-speciales #liste-menu-ed-speciales.on {
display:block;
border:0;
}
/* cacher les sous menus par defaut */
#menu-principal li ul {
display: none;
position: absolute;
top:32px;/* pour que le sous menu commence en dessous du menu */
left:0;/* pour que le sous menu commence au rebord gauche */
margin:0;
padding:0;
background-color: white;
width: 942px; 
}
/* aficher la rubrique active - mettre la classe actif dans le ul actif */
#menu-principal li .actif {
display: block;
}
/* pour tous les liens des sous menus */
#menu-principal li ul li a {
display: block;
/*height: auto;  override height from tier 1 anchors */
color:#747474;
padding: 6px 9px 5px 9px;
font:bold 12px Arial, Helvetica, sans-serif;
/*text-indent: 0;  override text-indent from tier 1 anchors */
border:1px solid #fff;
}
#menu-principal li ul li a:hover{
color:#a75555;
}
#menu-principal li ul li .on {
background:#eaeaea;
border:1px solid #a8343d;
}
#menu-principal li ul li a:hover{
color:#a75555;
}
#menu-principal ul {
display: block;
}

/* sous menus rollovers */
#menu-principal li:hover ul {  /* permet d'afficher au passage de la souris les sousrubriques des rubriques inactives */
display: block;
z-index: 1000; /* permet d'afficher les sousrubriques des rubriques venant avant celle qui est active */
}
#menu-principal ul li .on{
color:#a8343d;
text-decoration: none;
}
/* xxx */
#menu-principal #en-images a,
#menu-principal #heures24 a {
font:bold 14px Arial, Helvetica, sans-serif;
display: block;
height: 100%;
border-bottom:3px solid #d4d4d4;
}
#menu-principal #en-images a:hover,
#menu-principal #heures24 a:hover{
color:#a75555;
}
#menu-principal #en-images .on,
#menu-principal #heures24 .on {
color:#a8343d;
}
#menu-principal #en-images,
#menu-principal #heures24 {
background-color:white;
}
#menu-principal #en-images {
background:#fff url(/images/commun3/header/photos.gif) no-repeat 14% 50%;
}
#menu-principal #heures24 {
background:#fff url(/images/commun3/header/24heures.gif) no-repeat 3% 50%;
}
#menu-principal #en-images a {
padding:7px 15px 5px 40px;
}
#menu-principal #heures24 a {
padding:7px 24px 5px 24px;/* attention pas le meme resultat sur mac et sur pc : a quelques pixels pres, 24 heures n'est plus visible sous mac */
}

/* xxxxxxxxxxx Fin menu header xxxxxxxxxxxxx */



/* xxxxxxxx      Debut logo-line       xxxxxxxx*/
#logo-line {
margin:0;
padding:0;
height:79px;
width:944px;
clear:both;
}
#logo-line img {
border:none;
margin:0;
padding:0;
float:left;
}
#logo-line #logo-header {
background:url(/images/commun3/header/fond-logo.gif) repeat-x top left;
width:644px;
height:79px;
margin:0;
padding:0;
float:left;
}

/* xxxxxxxx      recherche-header       xxxxxxxx*/
#header #logo-line #recherche-header {
font:normal 12px Arial, Helvetica, sans-serif;
}
#header #logo-line #recherche-header {
margin:0 0px 0 0;
}
#header #logo-line .inputsearch {
background:#FFF8ED url(/images/commun3/loupe.gif) no-repeat scroll 2% 50%;
border:1px solid #B0140E;
height:20px;
margin:20px 0 0 20px;
padding:4px 2px 2px 25px;
width:200px;
color:#6a6a6a;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#header #logo-line .ok {
margin:0 0 0 0;
padding:4px 4px 4px 4px;
width:30px;
border:none;
font:bold 12px Arial, Helvetica, sans-serif;
background:#3c3c3c;
color:#fff;
}

/* xxxxxxxx      services-header       xxxxxxxx*/

#logo-line #services-header {
width:300px;
height:79px;
margin:0;
padding:0;
float:left;
background:transparent url(/images/commun3/header/fond-services.gif) repeat-x scroll left top;
} 
#logo-line #bourse-header,
#logo-line #meteo-header  {
padding:0;
float:left;
}
#logo-line #bourse-header  {
margin:7px 0 0 5px;
}
#logo-line #meteo-header  {
margin:7px 5px 0 5px;
}
/* xxxxxxxxxxx Pub xxxxxxxxxxxxx */

#pubtop {
margin:0;
padding:0;
clear:both;
width:944px; /* la taille est fixee pour eviter que la megabanner passe a la ligne sous IE */
background:#ffffff;
text-align:center;
}
.pub-top-bas {
margin:0;
padding:0;
clear:both;
width:944px; /* la taille est fixee pour eviter que la megabanner passe a la ligne sous IE */
background:#ffffff;
text-align:center;
}
#megabanner {
margin:2px 0 0 0;
padding:0;
}
.megabanner {
margin:2px 0 0 0;
padding:0;
}
/* xxxx    AUTOPROMO HEADER xxxxx */

#logo-line #bell-ross {
margin:7px 0 0 0;
}

/* xxxxxxx      Fin logo-line       xxxxxxxxx  */


/* xxxxxxx      date et chemin de navigaion       xxxxxxxxx  */

#navigation_progressive  {
	margin:8px 23px 0 22px;
    padding:0;
	clear:both;
    height:20px;
}
#navigation_progressive .datedujour {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 20px 0 0;
	float:left;
}
#navigation_progressive .chemin {	
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	float:left;
}
#navigation_progressive .ici {	
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#navigation_progressive .chemin a {
	background:#e7e7e7 none repeat scroll 0 0;
  	color:#C01717;
  	padding:2px;  
}

#navigation_progressive .chemin a:hover {
  background:#C01717 none repeat scroll 0 0;
  color:#fff;
  padding:2px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx           FOOTER           xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#footer a:hover { text-decoration:none; }
#footer{
margin:20px 0 20px 0;
clear:both;
width:944px;
}
#footer ul#menu-footer{
clear:both;
}
#footer ul#menu-footer li{
overflow: hidden;
display: block;
}
#footer ul#menu-footer li#footer-actu span,
#footer ul#menu-footer li#footer-culture span,
#footer ul#menu-footer li#footer-ed-speciales span,
#footer ul#menu-footer li#footer-opinions span,
#footer ul#menu-footer li#footer-tendances span,
#footer ul#menu-footer li#footer-publicite span { 
margin:0 15px 0 0;
padding:10px 5px 10px 5px;
float: left;
width: 140px;
text-align:right;
font:bold 15px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#c01717;
}

#footer ul#menu-footer li#footer-supplements span,
#footer ul#menu-footer li#footer-index span {
margin:0 15px 0 0;
padding:8px 5px 5px 5px;
float: left;
width: 140px;
text-align:right;
}
#footer ul{
list-style:none;
margin:0;
padding:0;
}
#footer li{
list-style:none;
}
#footer ul#menu-footer li#footer-actu span a,
#footer ul#menu-footer li#footer-culture span a,
#footer ul#menu-footer li#footer-ed-speciales span a,
#footer ul#menu-footer li#footer-opinions span a,
#footer ul#menu-footer li#footer-tendances span a,
#footer ul#menu-footer li#footer-publicite span a { 
color:#c01717;
}
#footer ul#menu-footer li#footer-actu,
#footer ul#menu-footer li#footer-culture,
#footer ul#menu-footer li#footer-ed-speciales {
background: #fff;
}
#footer ul#menu-footer li#footer-opinions,
#footer ul#menu-footer li#footer-tendances,
#footer ul#menu-footer li#footer-publicite {
background: #f6f1ef;
}
#footer ul#menu-footer li ul{
margin:6px 0 0 0;
background:url(http://www.lepoint.fr//images/commun3/fleche-rouge.gif) no-repeat 16% 55%;
}
#footer ul#menu-footer li ul li {
display: inline;
}
#footer ul#menu-footer li#footer-actu ul li a,
#footer ul#menu-footer li#footer-culture ul li a,
#footer ul#menu-footer li#footer-ed-speciales ul li a,
#footer ul#menu-footer li#footer-opinions ul li a,
#footer ul#menu-footer li#footer-tendances ul li a,
#footer ul#menu-footer li#footer-publicite ul li a { 
margin:0 0 0 0;
padding:5px 10px 5px 5px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
#footer ul#menu-footer li#footer-actu ul li a,
#footer ul#menu-footer li#footer-culture ul li a,
#footer ul#menu-footer li#footer-ed-speciales ul li a,
#footer ul#menu-footer li#footer-opinions ul li a,
#footer ul#menu-footer li#footer-tendances ul li a,
#footer ul#menu-footer li#footer-publicite ul li a { 
margin:0 0 0 0;
padding:5px 10px 5px 5px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
#footer ul#menu-footer li#footer-actu ul li a:hover,
#footer ul#menu-footer li#footer-culture ul li a:hover,
#footer ul#menu-footer li#footer-ed-speciales ul li a:hover,
#footer ul#menu-footer li#footer-opinions ul li a:hover,
#footer ul#menu-footer li#footer-tendances ul li a:hover,
#footer ul#menu-footer li#footer-publicite ul li a:hover { 
color:#fff;
background:#c01717;
}
#footer ul#menu-footer li#footer-actu ul li a,
#footer ul#menu-footer li#footer-culture ul li a,
#footer ul#menu-footer li#footer-ed-speciales ul li a{
border-right:1px solid #f6f1ef;
}
#footer ul#menu-footer li#footer-opinions ul li a,
#footer ul#menu-footer li#footer-tendances ul li a,
#footer ul#menu-footer li#footer-publicite ul li a {
border-right:1px solid #fff;
}
#footer ul#menu-footer li ul li a{
color: #333;
}

#footer ul#menu-footer li#footer-ed-speciales{
border-bottom:1px solid #ccc;
}
/*  xxxxx */
#footer ul#menu-footer li#footer-supplements,
#footer ul#menu-footer li#footer-index{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#footer ul#menu-footer li#footer-supplements span a,
#footer ul#menu-footer li#footer-index span a{
color:#333;
}
#footer ul#menu-footer li#footer-supplements ul,
#footer ul#menu-footer li#footer-index ul{ 
margin:8px 0 8px 0;
}
#footer ul#menu-footer li#footer-supplements ul li,
#footer ul#menu-footer li#footer-index ul li{ 
margin:5px 0 5px 0;
padding:0;
}
#footer ul#menu-footer li#footer-supplements ul li a,
#footer ul#menu-footer li#footer-index ul li a{ 
margin:2px 0 2px 0;
padding:2px 10px 2px 5px;
}
#footer ul#menu-footer li#footer-supplements ul li a:hover,
#footer ul#menu-footer li#footer-index ul li a:hover{ 
color:#fff;
background:#c01717;
}
#footer ul#menu-footer li#footer-supplements ul li a,
#footer ul#menu-footer li#footer-index ul li a{
border-right:1px solid #f6f1ef;
}

/*  xxxxx */

#footer .baseline{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#999;
}
#footer .baseline,
#footer .baseline a{
color:#777;
}
#footer .partenaires{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

/*  xxxxx */

#footer .partenaires {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 20px 0;
	color:#000000;
}
#footer .partenaires p {
float:left;
width:120px;
}
#footer .partenaires {
	margin:0;
	padding:0;
}
#footer .partenaires ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer .partenaires li {
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}
#footer .partenaires img {
	margin:0 0 0 5px;
	width:100px;
}

/* xxxxxxxxx */
#footer .ojd {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	width:150px;
	float:right;
	margin:5px 0 5px 15px;
	color:#000000;
}
#footer .ojd a {
	float:left;
}
#footer .ojd img {
	margin:0 10px 0 0;
}

/* xxxxxxx       outils footer :  logo, recherche, abonnement newsletter          xxxxxxxxxxxxxxx */

#footer #outils-footer {
width:944px;
height:38px;
clear:both;
background:url(/images/commun3/footer/fond-footer.gif) repeat top left;
font:normal 12px Arial, Helvetica, sans-serif;
}
#footer #outils-footer p,
#footer #outils-footer form {
margin:0;
}
#footer #logo-footer {
width:210px;
}
#footer #logo-footer,
#footer .abonnement-newsletter,
#footer #recherche-footer {
margin:0 0 0 0;
padding:0;
float:left;
}
#footer #logo-footer {
margin:0 210px 0 15px;
}
#footer .abonnement-newsletter{
margin:8px 0 0 0;
}
#footer #recherche-footer {
margin:8px 0 0 20px;
}
#footer .abonnement-newsletter .inputnewsletter,  
#footer #recherche-footer .inputsearch {
margin:0 0 0 0;
padding:2px 2px 2px 25px;
border:1px solid #b0140e;
width:200px;
}

#footer .abonnement-newsletter .inputnewsletter  {
background:#fff8ed url(/images/commun3/loupe.gif) no-repeat 2% 50%;
}
#footer #recherche-footer .inputsearch {
background:#fff8ed url(/images/commun3/loupe.gif) no-repeat 2% 50%;
}
#footer .ok {
margin:0 0 0 0;
padding:2px 2px 2px 2px;
width:30px;
border:none;
font:bold 12px Arial, Helvetica, sans-serif;
background:#3c3c3c;
color:#fff;
}