/* Danone-et-vous Bandeau */

#header_Danone-et-vous {
	position:relative;
	width:955px;
	height:45px;
	margin:auto;
	/*padding-top:20px;*/
	z-index:20000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	/*border: 1px dotted purple;*/
}
/* ... est une marque du Groupe Danone */
#header_Danone-et-vous span.groupeDanone {
	font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#FFF;margin-left:20px;
}
/* logo angle arrondi - gif transparent */
#header_Danone-et-vous .logo_bando {
	width:189px;
	height:44px;
	border:0;
	margin:0;
	padding:0;
	float:left;
}
/*  définition de la taille du bandeau par rapport à la largeur de votre page : 
	soustraction de la largeur générale par la largeur du logo (qui doit rester la même = 189px) soit sur mon text 968 - 189 = 779 ;)
	=> taille générale - taille logo = width du bandeau  */
#header_Danone-et-vous .bandeau {
	height:44px;
	width:766px;
	background-color:#ee4233;
	float:left;
}
/* ================================================================
	Insertion menu css 
=================================================================== */
#header_Danone-et-vous .menu {
	background-color:#ee4233;
	float:left;
	height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:44px;
}

/* remove all the bullets, borders and padding from the default list styling */
#header_Danone-et-vous .menu ul {
padding:0;
margin:0;
list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header_Danone-et-vous .menu li {
float:left;
width:auto;
position:relative;
}
/* style the links for the top level */
#header_Danone-et-vous .menu a, #header_Danone-et-vous .menu a:link, #header_Danone-et-vous .menu a:visited {
display:block;
width:auto; 
height:44px; 
line-height:44px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#header_Danone-et-vous .menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:44px;
left:4px; 
width:172px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#header_Danone-et-vous .menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#header_Danone-et-vous .menu ul ul a, #header_Danone-et-vous .menu ul ul a:link, #header_Danone-et-vous .menu ul ul a:visited {
height:auto; 
line-height:1em; 
/*padding-left:15px;*/
padding-right: 5px;
width:172px;
/*background:url(../images/puce.gif) 5px 10px no-repeat;*/
/* yet another hack for IE5.5 */
}
* html #header_Danone-et-vous .menu ul ul a{
width:172px;
w\idth:172px;
}



/* MENU BEHAVIOR */
/* make the second level visible when hover on first level list OR link */
#header_Danone-et-vous .menu ul li:hover ul,
#header_Danone-et-vous .menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#header_Danone-et-vous .menu ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#header_Danone-et-vous .menu ul :hover ul :hover ul{ 
visibility:visible;
}


/* STYLING MENU */
#header_Danone-et-vous .menu ul ul li { border:1px solid #ff7978;}
/* top level */
#header_Danone-et-vous .menu a:link, #header_Danone-et-vous .menu a:visited {  
  color:#fff;
  text-decoration:none; 
}
#header_Danone-et-vous .menu a:hover{color:#fff; text-decoration:none;}
/* second level */
#header_Danone-et-vous .menu ul ul {width:172px;height:auto;}
#header_Danone-et-vous .menu ul ul a div.infos {
	display:none; 
	/*width:172px;*/
}

#header_Danone-et-vous .menu ul ul a, #header_Danone-et-vous .menu ul ul a:link, #header_Danone-et-vous .menu ul ul a:visited {
  padding-top:7px;
  padding-bottom:7px;
  border:0;
  color:#ee4233;
  width:172px;
  font-size:11px;
  background-color:#fde2e2;
  font-weight:bold;
}
#header_Danone-et-vous .menu ul ul a:hover div.infos {
	font-weight:normal;
  	color:#ee4233;
	display:block; 
    cursor:pointer;
  	float:left;
	/*width:165px;*/
	width:160px;
	height:auto;
	padding-left:12px;
	padding-top:4px;
	padding-bottom:5px;
	background-color:#fdebeb;
	/*border:1px dashed red;*/
}
#header_Danone-et-vous .menu ul ul a:hover{
  color:#ee4233; 
  background-color:#fdebeb;
}
/* ================================================================
	FIN Insertion menu css 
=================================================================== */
#header_Danone-et-vous .newsletter .picto a div.bulle_news {
	display:none;
}
#header_Danone-et-vous .newsletter .picto a:hover div.bulle_news {
	display:block;
	float:left;color:#003366;width:300px;height:43px;font-size:10px;text-decoration:none;
	background:#FFF url(../images/fleche_bulle_news.gif) top right no-repeat;line-height:10px; padding:1px 2px 0 4px;
	position:absolute; top:33px; left:389px;
}
#header_Danone-et-vous .newsletter .picto .bulle_news span.title {
	font-size:11px;color:#6b99d9;font-weight:bold;line-height:12px;
}

#header_Danone-et-vous .newsletter {
	width:262px;
	height:44px;
	float:right;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;	
	margin-right:8px;
}
#header_Danone-et-vous .newsletter .picto {
	float:left;
}
#header_Danone-et-vous .newsletter .picto {
	line-height:12px;float:left;	
}
#header_Danone-et-vous .newsletter form {
	float:left;
	padding-top:4px;
}
#header_Danone-et-vous .newsletter form .inputText {
	float:left;width:222px;
}
#header_Danone-et-vous .newsletter form .inputButton {
	float:left;padding-top:1px;
}
#header_Danone-et-vous .newsletter .formEmail {
	width:218px;
	height:14px;
	background-color:#a3c3e1;
	border: 1px solid #5885b0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0;
}
#header_Danone-et-vous .newsletter .btnOK {
	width:28px;
	height:16px;
	border:0;
}
/**/
/* DERNIERE MODIF 25/07/2007 */
.menu {font-family: arial, sans-serif; width:200px; position:relative; margin:0;  margin:0 0 0 0; background:#fff; position:relative; z-index:100;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li { width:172px;}
.menu ul li:hover { width:172px;background:#fdebeb}
.menu ul li a, .menu ul li a:visited {border: 0; display:block; width:172px; text-decoration:none; padding:0 0 0 0; height:10px; color:#000; background:#ee4233 url(images/pixel.gif) bottom right no-repeat;}
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#ee4233;}
.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; color:#fff;}