/* Danone-et-vous Bandeau */

#header_Danone-et-vous {
	position:relative;
	width:955px;
	height:58px;
	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;;margin-left:20px;
        /*color:#FFF*/
}
/* logo angle arrondi - gif transparent */
#header_Danone-et-vous .logo_bando {
	width:189px;
	height:44px;
	border:0;
	margin:0;
	padding:0;
	float:left;
}
#header_Danone-et-vous .logo_bando a {
    text-decoration:none;
}
/*  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 {
	position:relative;
	height:44px;
	width:766px;
	float:left;
	/* background-color:#225ca5; */
}
/* ================================================================
	Insertion menu css
=================================================================== */
#header_Danone-et-vous #bandeau_menu {
	background-color:#225ca5;
	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 #bandeau_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 #bandeau_menu li {
float:left;
width:auto;
position:relative;
}
/* style the links for the top level */
#header_Danone-et-vous #bandeau_menu a, #header_Danone-et-vous #bandeau_menu a:link, #header_Danone-et-vous #bandeau_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 #bandeau_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 #bandeau_menu table {
    position:absolute; top:0; left:0;
}

/* style the second level links */
#header_Danone-et-vous #bandeau_menu ul ul a, #header_Danone-et-vous #bandeau_menu ul ul a:link, #header_Danone-et-vous #bandeau_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 #bandeau_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 #bandeau_menu ul li:hover ul,
#header_Danone-et-vous #bandeau_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 #bandeau_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 #bandeau_menu ul :hover ul :hover ul{
visibility:visible;
}


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

#header_Danone-et-vous #bandeau_menu ul ul a, #header_Danone-et-vous #bandeau_menu ul ul a:link, #header_Danone-et-vous #bandeau_menu ul ul a:visited {
  padding-top:7px;
  padding-bottom:7px;
  border:0;
  color:#6b99d9;
  width:172px;
  font-size:11px;
  background-color:#fafbfd;
  font-weight:bold;
}
#header_Danone-et-vous #bandeau_menu ul ul a:hover div.infos {
	font-weight:normal;
  	color:#6b99d9;
	display:block;
    cursor:pointer;
  	float:left;
	/*width:165px;*/
	width:160px;
	height:auto;
	padding-left:12px;
	padding-top:4px;
	padding-bottom:5px;
	background-color:#e9eff8;
	/*border:1px dashed red;*/
}
#header_Danone-et-vous #bandeau_menu ul ul a:hover{
  color:#6b99d9;
  background-color:#e9eff8;
}
/* ================================================================
	FIN Insertion menu css
=================================================================== */
#header_Danone-et-vous #bandeau_newsletter {
	width:261px;
	height:40px;
	float:right;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	margin-right:6px;
	position:relative;
}
/* ESSAI  */
/*
.donneetvous-aide-info {font-family: arial, sans-serif; width:185px; position:relative; margin:0;  margin:0 0 0 0; background:#fff; position:relative; z-index:100;}
.donneetvous-aide-info ul {padding:0; margin:0; list-style-type: none;}
.donneetvous-aide-info ul li { width:300px;}
.donneetvous-aide-info ul li:hover { width:172px;background:#e9eff8}
.donneetvous-aide-info ul li a {border: 0; display:block; width:172px; text-decoration:none; padding:0 0 0 0; height:10px; color:#000; background:#225ca5 url(images/pixel.gif) bottom right no-repeat;}
.donneetvous-aide-info table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.donneetvous-aide-info ul li ul {visibility:hidden; position:absolute; top:-2px; left:-180px; }

.donneetvous-aide-info ul li:hover a,
.donneetvous-aide-info ul li a:hover {color:#fff; background:#225ca5;}

.donneetvous-aide-info ul li:hover ul,
.donneetvous-aide-info ul li a:hover ul {visibility:visible; color:#fff;}*/


/*   */
#header_Danone-et-vous #bandeau_newsletter .picto ul {margin:0;padding:0;list-style-type:none;}
#header_Danone-et-vous #bandeau_newsletter .picto ul div.bulle_news {
	/*display:none;*/
	display:block;
	float:left;color:#003366;width:300px;height:43px;font-size:10px;text-decoration:none;
	line-height:10px; padding:1px 2px 0 0px;
	position:absolute; top:-3px; left:-307px;
}
#header_Danone-et-vous #bandeau_newsletter .picto ul a:hover div.bulle_news {
	/*display:block;*/
	float:left;color:#003366;width:300px;height:43px;font-size:10px;text-decoration:none;
	line-height:10px; padding:1px 2px 0 0;
	position:absolute; top:-3px; left:-307px;
}
#header_Danone-et-vous #bandeau_newsletter .picto .bulle_news span.title {
	font-size:11px;color:#6b99d9;font-weight:bold;line-height:12px;
}

/*#header_Danone-et-vous #bandeau_newsletter .picto {
	float:left;
}*/
#header_Danone-et-vous #bandeau_newsletter .picto {
	line-height:12px;float:left; position:relative; width:11px; height:12px;
}
#header_Danone-et-vous #bandeau_newsletter .divMail {
	float:left; width:100%; padding-top:2px;
}
#header_Danone-et-vous #bandeau_newsletter form {
	float:left;
	margin:0;
	padding:0;
}
#header_Danone-et-vous #bandeau_newsletter form#danone-inscription {
	position:absolute;
	right:0;
	top:45px;
}
#header_Danone-et-vous #bandeau_newsletter form .inputText {
	float:left;width:222px;margin:0;
	padding:0;
}
#header_Danone-et-vous #bandeau_newsletter form .inputButton {
	float:left;padding-top:1px;
}
#header_Danone-et-vous #bandeau_newsletter .formEmail {
	width:218px;
	height:14px;
	background-color:#a3c3e1;
	border: 1px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#225ca5;
	margin:0;
	padding:0;
}

#header_Danone-et-vous #bandeau_newsletter .btnOK {
	width:28px;
	height:16px;
	border:0;
}
/**/
/* DERNIERE MODIF 25/07/2007 */
#bandeau_menu {font-family: arial, sans-serif; width:185px; position:relative; margin:0;  margin:0 0 0 0; background:#fff; position:relative; z-index:100;}
#bandeau_menu ul {padding:0; margin:0; list-style-type: none;}
#bandeau_menu ul li { width:172px;}
#bandeau_menu ul li:hover { width:172px;background:#e9eff8}
#bandeau_menu ul li a, #bandeau_menu ul li a:visited {border: 0; display:block; width:172px; text-decoration:none; padding:0 0 0 0; height:10px; color:#000; background:#225ca5 url(images/pixel.gif) bottom right no-repeat;}
#bandeau_menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
#bandeau_menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
#bandeau_menu ul li:hover a,
#bandeau_menu ul li a:hover {color:#fff; background:#225ca5;}
#bandeau_menu ul li:hover ul,
#bandeau_menu ul li a:hover ul {visibility:visible; color:#fff;}

.insc_title {font-size:13px; font-weight:bold;}

/* DETAIL INSCRIPTION
.inscription {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:460px; background-color:#0077c5; padding:10px;}
.inscription .insc_title {font-size:13px; font-weight:bold;}
.inscription form {padding:0; margin:0;}
.inscription .inputPerso {
	width:218px;
	height:14px;
	background-color:#fff;
	border: 1px solid #5885b0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0;
}
.inscription .btOK { margin:auto; text-align:center;}
*/

#header_Danone-et-vous #bandeau_newsletter {
        /*border: 1px solid white;*/
	width:261px;
	height:40px;
	float:right;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	margin-right:0px;
	position:relative;
        z-index: 20000;
}

#header_Danone-et-vous form {
    margin: 0;
}

#bulle_news {
	display:block;
	float:left;color:#003366;width:300px;height:43px;font-size:10px;text-decoration:none;
	line-height:10px;
        padding:0;
        padding-top:1px;
        padding-top:0px;
	position:absolute; top:0px; left:-304px;
        /*border: 1px solid black;*/
}

#title-bulle-news {
	font-size:11px;color:#6b99d9;font-weight:bold;line-height:12px;
}


#bandeau_newsletter #danone-form-email {
	width:218px;
	height:14px;
	background-color:#a3c3e1;
	border: 1px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#225ca5;
	margin:0;
	padding:0;
}

#danone-inscription, #danone-warning-email {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}