/* General
---------------------------------------------------------------------- */
body { background-color:#FFFFFF; font-size: 14px; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; color:#004394; margin:0; padding:0; text-align:center; }
h1 { font-size:24px; margin:0; padding:0 }
h2.puce {  padding:10px 0 0 50px; margin:25px 0 15px 0; line-height:47px; font-size:16px; background-repeat:no-repeat; background-position:left; clear:left; }
h3 { font-size:12px; margin:15px 0 0 0; padding:0; line-height:12px; }
img { border:none;}
textarea, select, input.tbx { border: solid 1px #96c832; }
a{ text-decoration:none; color:#004394; }
div { margin:0; padding:0; }
img.align_image{ vertical-align:middle; display:inline-block; }
p.texte_intro { font-size:17px; line-height:20px; margin:0; padding:0; font-weight:bold; }
div.error { font-weight:bold; padding:20px; margin:1em 0 2em 0; background-color:#ffbfc8; border:solid 2px #ff0022; color:#ff0022; }
.msgOk{ background-color:#E6F341; border:solid 2px #B7C800; color:#6C7500; font-weight:bold; padding:20px; margin:0 0 1em 0; }
.clear { clear: both; }
.strong { font-weight: bold; }

/* Codes couleurs
---------------------------------------------------------------------- */
.sucette { color:#fc9a00; }
a.sucette { color:#f60}
a.sucette:hover { background:#f60; color:#fff;}
.titre1_sucette {background:url(../images/puce1_dodo.gif); }
.titre2_sucette {background:url(../images/puce2_dodo.gif); }
.titre3_sucette {background:url(../images/puce3_dodo.gif); }
.titre4_sucette {background:url(../images/puce4_dodo.gif); }

.dents { color:#98d30f; }
.titre1_dents {background:url(../images/puce1_dent.gif); }
.titre2_dents {background:url(../images/puce2_dent.gif); }
.titre3_dents {background:url(../images/puce3_dent.gif); }
.titre4_dents {background:url(../images/puce4_dent.gif); }

.repas { color:#00a7df; }
.titre1_repas {background:url(../images/puce1_repas.gif); }
.titre2_repas {background:url(../images/puce2_repas.gif); }
.titre3_repas {background:url(../images/puce3_repas.gif); }
.titre4_repas {background:url(../images/puce4_repas.gif); }

.toilette { color:#e84692 }
.titre1_toilette {background:url(../images/puce1_toilette.gif); }
.titre2_toilette {background:url(../images/puce2_toilette.gif); }
.titre3_toilette {background:url(../images/puce3_toilette.gif); }
.titre4_toilette {background:url(../images/puce4_toilette.gif); }

.soins { color:#00beb5; }
.titre1_soins {background:url(../images/puce1_soin.gif); }
.titre2_soins {background:url(../images/puce2_soin.gif); }
.titre3_soins {background:url(../images/puce3_soin.gif); }
.titre4_soins {background:url(../images/puce4_soin.gif); }

.maman { color:#ffa87d }
.titre1_maman {background:url(../images/puce1_allaitement.gif); }
.titre2_maman {background:url(../images/puce2_allaitement.gif); }
.titre3_maman {background:url(../images/puce3_allaitement.gif); }
.titre4_maman {background:url(../images/puce4_allaitement.gif); }

/* Conteneurs
---------------------------------------------------------------------- */
div#centreur_ie { text-align:center; margin:0; padding:0; }
html>body div#centreur_ie { height:auto;min-width:866px; }
div#conteneur { margin:0 auto; text-align:center; overflow:hidden; width:866px; padding:0; }

/* Header
---------------------------------------------------------------------- */
#header, #flash_header { margin:0 auto; padding:0; background:#fff;  border: none; text-align: left; }
#flash_header { margin:0; text-align:center; height:309px;}

/* Search
---------------------------------------------------------------------- */
.search { float: right; padding: 8px 5px 0 0; text-align:right; width: 135px; height: 22px; }
.search form { margin: 0px; padding: 0px; }
.search input { margin: 0px; padding: 0px 5px 0px 5px; width: 100px; height: 16px; background:#ffffff; border: none; color: #0052a0; }
.search button { margin: 1px 0 0 0; padding: 0px 5px 1px 5px; width: 25px; height: 16px; background:#ffffff; border: none; color: #0052a0; cursor: pointer; font-size: 11px; }

/* Resultats de recherche
---------------------------------------------------------------------- */
.searchResult { position: relative; margin:0px; padding:2px 0px 2px 0px; text-align:left; width: 725px; height: auto; }
.searchResult ul { list-style: none; }
.searchResult ul li { margin:5px 0px 5px 0px; display: block; border-bottom: 3px dotted #98d30f; }
.searchResult ul li { width: 100%\9; } /* Hack IE 6+ */
.searchResult ul li a { padding:5px 5px 0px 5px; margin: 0px 0px 0px 0px; display: block; color: #0052a0; font-size:13px; cursor: pointer; }
.searchResult ul li a:hover { background:#0052a0; color: #ffffff; }
.searchResult ul li a img { float: left; margin: 0px 10px 0px 0px; }
.searchResult ul li a span { float: left; width: 550px; }
.searchResult ul li a span.codeACL { float: none; width: 100px; margin: 0 0 0 15px; font-weight: bold; }

/* Menu
---------------------------------------------------------------------- */
.menu { position: relative; z-index:600; border:none; margin:0px 0px 10px 42px; padding:0px; text-align:left; width:784px; height:30px; color:#fff; font-weight:bold;  background: url("../images/bg_menu.png") repeat-x top #0052a0; }
.menu ul {  padding: 0px; margin: 0px; list-style:none; }
.menu ul li { position:relative; float:left; padding:0px; margin:0px; height:30px; }
.menu ul li.menu_sucette { background: url(../images/bg_menu.png) repeat-x top #fc9a00; }
.menu ul li.menu_dents { background: url(../images/bg_menu.png) repeat-x top #98d30f; }
.menu ul li.menu_repas { background: url(../images/bg_menu.png) repeat-x top #00a7df; }
.menu ul li.menu_toilette { background: url(../images/bg_menu.png) repeat-x top #e84692; }
.menu ul li.menu_soins { background: url(../images/bg_menu.png) repeat-x top #00beb5; }
.menu ul li.menu_maman { background: url(../images/bg_menu.png) repeat-x top #ffa87d; }
.menu ul li a { display: block; padding: 0px 5px 0px 5px; margin: 0px; font-size: 13px; color: #fff; font-weight: bold; line-height:30px; }
.menu ul li ul { position:absolute; top:30px; left:0px; right: auto; bottom: auto; margin: 0px; padding:0px; display: none; /*background:#ffa87d;*/ z-index: 100; }
.menu ul li ul li.submenu_line { float: none; display: block; padding: 0px; margin: 0px; height:24px; min-width: 120px; background: none; list-style:none;  }
.menu ul li ul li.submenu_line { width: 100%\9; } /* Hack IE 6+ */
.menu ul li ul li.submenu_line a { padding: 0px 5px 0px 5px; margin: 0px; display: block; color: #ffffff; font-size:11px; line-height:24px; white-space: nowrap; }
.menu ul li ul.submenu_sucette li a { background: #fc9a00; }
.menu ul li ul.submenu_dents li a { background: #98d30f; }
.menu ul li ul.submenu_repas li a { background: #00a7df; }
.menu ul li ul.submenu_toilette li a { background: #e84692; }
.menu ul li ul.submenu_soins li a { background: #00beb5; }
.menu ul li ul.submenu_maman li a { background: #ffa87d; }
.menu ul li ul.submenu_sucette li a:hover  { background: #fefefe; color: #fc9a00; }
.menu ul li ul.submenu_dents li a:hover  { background: #fefefe; color: #98d30f; }
.menu ul li ul.submenu_repas li a:hover  { background: #fefefe; color: #00a7df; }
.menu ul li ul.submenu_toilette li a:hover  { background: #fefefe; color: #e84692; }
.menu ul li ul.submenu_soins li a:hover  { background: #fefefe; color: #00beb5; }
.menu ul li ul.submenu_maman li a:hover  { background: #fefefe; color: #ffa87d; }
.menu ul li ul li.submenu_bottom { float: none; width: 100%; height: 5px; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px; }
.menu ul li ul li.submenu_bottom div.submenu_bottom_left { width: 100%; height: 5px; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px; }
.menu ul li ul li.submenu_bottom div.submenu_bottom_right { width: 100%; height: 5px; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px;  }
.menu ul li ul li.submenu_bottom div.submenu_bottom_center { width: auto; height: 5px; padding: 0px; margin: 0px 5px 0px 5px; line-height: 0px; font-size: 0px; }
.menu ul li ul.submenu_sucette li div.submenu_bottom_left { background: url("../images/elements/b_orange_left.png") no-repeat bottom left transparent; }
.menu ul li ul.submenu_sucette li div.submenu_bottom_right { background: url("../images/elements/b_orange_right.png") no-repeat bottom right transparent; }
.menu ul li ul.submenu_sucette li div.submenu_bottom_center { background: #fc9a00; }
.menu ul li ul.submenu_dents li div.submenu_bottom_left { background: url("../images/elements/b_vert_left.png") no-repeat bottom left transparent; }
.menu ul li ul.submenu_dents li div.submenu_bottom_right { background: url("../images/elements/b_vert_right.png") no-repeat bottom right transparent; }
.menu ul li ul.submenu_dents li div.submenu_bottom_center { background: #98d30f; }
.menu ul li ul.submenu_repas li div.submenu_bottom_left { background: url("../images/elements/b_bleu_left.png") no-repeat bottom left transparent; }
.menu ul li ul.submenu_repas li div.submenu_bottom_right { background: url("../images/elements/b_bleu_right.png") no-repeat bottom right transparent; }
.menu ul li ul.submenu_repas li div.submenu_bottom_center { background: #00a7df; }
.menu ul li ul.submenu_toilette li div.submenu_bottom_left { background: url("../images/elements/b_rose_left.png") no-repeat bottom left transparent; }
.menu ul li ul.submenu_toilette li div.submenu_bottom_right { background: url("../images/elements/b_rose_right.png") no-repeat bottom right transparent; }
.menu ul li ul.submenu_toilette li div.submenu_bottom_center { background: #e84692; }
.menu ul li ul.submenu_soins li div.submenu_bottom_left { background: url("../images/elements/b_turquoise_left.png") no-repeat bottom left transparent; }
.menu ul li ul.submenu_soins li div.submenu_bottom_right { background: url("../images/elements/b_turquoise_right.png") no-repeat bottom right transparent; }
.menu ul li ul.submenu_soins li div.submenu_bottom_center { background: #00beb5; }
.menu ul li ul.submenu_maman li div.submenu_bottom_left { background: url("../images/elements/b_saumon_left.png") no-repeat bottom left transparent; }
.menu ul li ul.submenu_maman li div.submenu_bottom_right { background: url("../images/elements/b_saumon_right.png") no-repeat bottom right transparent; }
.menu ul li ul.submenu_maman li div.submenu_bottom_center { background: #ffa87d; }

/* Footer
---------------------------------------------------------------------- */
#footer{ margin:0 auto; padding:0; background:#fff;  border:none; width:784px; }
.liens_footer{ display:block; text-align:right; } 
.liens_footer a { color:#004394; font-size:11px; font-weight:bold; }

/* Contenu
---------------------------------------------------------------------- */
div.contenu{ margin:0 30px 20px 42px; padding:0; text-align:center; }
div.contenu_padding { position:relative; padding:22px 140px 0 25px; text-align:left; font-size:11px; }
div.contenu_padding p{ margin:0; padding:0;}
div.cadre_bebidico{ position:absolute; top:0px; right:-24px; background:url(../images/pancarte_Bebidico.gif) no-repeat; margin:0; padding:0; width:134px; padding:0 40px 0 24px; height: 202px; text-align:center; } 
div.cadre_bebidico a{ color:#fff; font-weight:bold; position:relative; top:100px; line-height:11px;}
img.illustration { float:left; margin:0 10px 10px 10px }

/* Page Index
---------------------------------------------------------------------- */
div.col_index { float:left; width:155px; margin: 13px 0 0 0; }
div.contenu_index { float:left; width:460px; margin: 0 14px 0 8px; }

/* Cadres bleu index
---------------------------------------------------------------------- */
div.cadre_bleu{ position:relative; width:154px; background:url(../images/elements/bg_cadre_bleu_top.png) no-repeat left top; padding:12px 0 0 0; margin: 20px 0 0 0; }
div.cadre_bleu_contenu{ background:url(../images/elements/bg_cadre_bleu_center.png) repeat-y; padding:0 16px 0 9px; text-align:left; font-size:12px; line-height: 18px; }
div.cadre_bleu_bottom{ background:url(../images/elements/bg_cadre_bleu_bottom.png) no-repeat top left; height:15px; }
div.bulle_bleu { position: absolute; top:-18px; left:-18px; z-index: 10; }
div.cadre_bleu_contenu b{ font-size:15px; line-height:18px; font-weight:bold; display:block; margin-bottom:6px; }
div.cadre_bleu_contenu b.up{ font-size:18px; margin-bottom:10px; }
div.cadre_bleu h1{ position:absolute; left:36px; top:24px; margin:0;  padding:0; font-size:22px; color:#fc9a00; }
div.center { text-align:center; }
div.morepaddingtop{ padding-top:40px; }
img.newsletter { margin:30px auto }

/* Cadres vert index
---------------------------------------------------------------------- */
div.cadre_vert{ position:relative; width:154px; background:url(../images/elements/bg_cadre_vert_top.png) no-repeat left top; padding-top:10px; margin: 20px 0 0 0; }
div.cadre_vert_contenu{ background:url(../images/elements/bg_cadre_vert_center.png) repeat-y; padding:0 16px 0 9px; text-align:left; font-size:12px; }
div.cadre_vert_bottom{ background:url(../images/elements/bg_cadre_vert_bottom.png) no-repeat top left; height:15px; }
div.bulle_vert { position: absolute; top:-18px; left:-18px; z-index: 10; }
.shopping { text-align: center; font-size:14px; }
.shopping a { display: block; }
.shopping h2{ margin:0px; padding: 0px; font-size:22px; }

/* Cadres actus index
---------------------------------------------------------------------- */
div.cadre_actus{ position: relative; padding:45px 0 0 0; margin: 0 0 5px 6px; width:450px; background:url(../images/elements/bg_cadre_actus_top.png) no-repeat left top; z-index:1; }
div.cadre_actus h1{ position:absolute; top: 10px; left: 12px; color:#00a7e5; font-size:24px; }
div.cadre_actus_contenu{ position: relative; width:450px; padding:0 16px 5px 16px; background:url(../images/elements/bg_cadre_actus_center.png) repeat-y; text-align:left; font-size:12px; z-index:1; }
div.cadre_actus_contenu img{ float:left; margin: 10px 18px 10px 5px; }
div.cadre_actus_contenu h2{ margin:0; padding:10px 0 4px 0; font-size:14px; }
div.cadre_actus_contenu p{ float:left; margin: 0; padding: 0; width: 190px; line-height: 16px; text-align: justify; }
div.cadre_actus_bottom{ position:relative; width:450px; height:18px; background:url(../images/elements/bg_cadre_actus_bottom.png) no-repeat top left; z-index:3; }
div.lien_cadre{ text-align:right; margin:0; padding:0; position:absolute; bottom:15px; right:18px; z-index:2; }

/* Cadres coup de coeur des mamans index 
---------------------------------------------------------------------- */
div.cadre_coeur{ position:relative; padding-top:50px; margin: 0 0 0 6px; width:450px; background:url(../images/elements/bg_cadre_coeur_top.png) no-repeat left top; text-align:left; }
div.cadre_coeur h1{ position:absolute; left:238px; top:15px; margin:0; padding:0; font-size:24px; color:#fe2434; z-index:2; text-align: right; }
div.cadre_coeur_contenu{ height: auto; padding:5px 0px 0 15px; background:url(../images/elements/bg_cadre_coeur_center.png) repeat-y; font-size:12px; z-index:1; }
div.cadre_coeur_contenu img{ float:left; margin: 10px 18px 10px 5px; }
div.cadre_coeur_contenu h2{ margin:0; padding:10px 0 4px 0; font-size:14px; }
div.cadre_coeur_contenu p{ float:left; margin:0; padding:0; width: 190px; line-height: 16px; text-align: justify; }
div.cadre_coeur_bottom{ clear:left; height:18px; background:url(../images/elements/bg_cadre_coeur_bottom.png) no-repeat top left; }

/* Cadres et page Sos bébé
---------------------------------------------------------------------- */
.e_sosBebes .titre { display: block; padding: 0px 0px 10px 0px; margin: 0px; text-align: center; color:#98d30f; font-weight: bold; font-size: 24px; }
.e_sosBebes div.s_image { margin: 8px 0; padding: 0; text-align: center; }
.e_sosBebes ul { padding: 0; margin: 0 0 0 17px; list-style: disc; font-size: 12px; list-style-position: outside; color:#98d30f; }
.e_sosBebes ul li { padding: 0; margin: 7px 0 0 0; font-size: 12px; line-height: 12px; }
.e_sosBebes ul li a { font-size: 12px; text-decoration: none; color: #004394; line-height: 12px;  }
.e_sosBebes ul li a:hover { text-decoration: underline; }

.p_sosBebes { float: left; width: 620px; }
.p_sosBebes h1 { text-align: left; font-size: 24px; color:#98d30f; }
.p_sosBebes h2 { margin: 0; padding: 0 0 10px 0; text-align: left; font-size: 20px; }
.p_sosBebes p { text-align: justify; font-size: 12px; }
.p_sosBebes img { float: left; margin: 5px 10px 0 0; padding: 0; }
.p_sosBebes hr { margin: 10px 0; border: none; border-top: dotted 5px #98d30f; }
.p_sosBebes p.accroche { margin: 0; padding: 0; font-size: 14px; }
.p_col_sosBebes { float: right; }

/**************** PAGE LISTE PRODUITS *******************************/
ul.liste_produits {
	list-style:none;
	margin:10px 0;
	padding:0 0 0 4px;
	font-size:13px;
}

ul.liste_produits li {
	background:url(../separateur/jaune.jpg) repeat-x bottom left;
	padding:0 0 6px 0;
	margin:20px 0 0 0;
}

ul.liste_produits li.vert {
	background:url(../separateur/vert.jpg) repeat-x bottom left;
}

img.produit { margin:0 20px 0 0; }
ul.liste_produits strong { display:block;margin-left:20px; }
p.liens_num_page { text-align:center;font-weight:bold;font-size:13px;margin:10px 0; }
p.descriptif-produit { float:right; width:490px;}


/**************** PAGE BEBIDICO *******************************/
.bebidico_head {
	background:url(../images/bebidico_head1_0.png);
	width:783px;
	height:77px;
	position:relative;
}

.bebidico_head a, .bebidico_head a:active{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	display:block;
	width:90px;
	text-align:center;
}

a.bebidico_link1 { left:55px; top:30px; }
a.bebidico_link2 { left:170px; top:50px; }
a.bebidico_link3 { left:270px; top:40px; }
a.bebidico_link4 { left:405px; top:50px; }
a.bebidico_link5 { left:510px; top:22px; }
a.bebidico_link6 { left:640px; top:32px; }

.bebidico_bas_onglet{ width:783px; height:71px; }
.onglet1 { background:url(../images/bebidico_head3_1.png); }
.onglet2 { background:url(../images/bebidico_head3_2.png); }
.onglet3 { background:url(../images/bebidico_head3_3.png); }
.onglet4 { background:url(../images/bebidico_head3_4.png); }
.onglet5 { background:url(../images/bebidico_head3_5.png); }
.onglet6 { background:url(../images/bebidico_head3_6.png); }

.bebidico_contenu {
	position:relative;
	background:url(../images/bebidico_medium.png) repeat-y left;
	width:783px;
	height:360px;
}

.bebedico_previous { position:absolute; top:-10px; right:10px; }
.bebedico_next { position:absolute;top:-10px; }


.pageG { margin:0 0 0 60px; width:320px; float:left; position:relative; padding-top:12px; }
.pageD { margin:0 80px 0 0; width:290px; float:right; position:relative; padding-top:12px; }

.bebidico_footer {
	background:url(../images/bebidico_foot.png) no-repeat top;
	width:783px;
	padding-top:40px;
	height:128px;
}


/**************** PAGE NOS GRANDES IDEES *******************************/
.grandes_idees {
	position: relative;
	width: 783px;
	height: 659px;
	background-position: top left;
	background-repeat: no-repeat;
}

.grandes_idees h3 {
	position:absolute;
	top:346px;
	left:50px;
	font-size:15px;
}

.txt_grandes_idees {
	position:absolute;
	top:180px;
	left:50px;
	width:430px;
	font-size:13px;
}

.txt2_grandes_idees {
	position:absolute;
	top:370px;
	left:94px;
	line-height:40px;
	vertical-align:middle;
	font-size:13px;
	font-weight:bold;
}


/**************** PAGE PLAN DU SITE *******************************/
ul.plan_site {
	float:left;
	margin:0;
	padding:20px 0;
	width:300px;
	list-style:none;
	overflow:hidden;
}

ul.plan_site a{ font-size:14px; display:block; margin-left:50px; margin:0; padding:0;}
ul.plan_site a.imglink { margin-left:0; }
ul.plan_site li{ padding:0; margin:0; list-style:none; line-height:20px; border:1px solid white;}


/**************** PAGE UNIVERS *******************************/
.fond_univers {
	position:relative;
	width:783px;
	height:550px;
}

ul.liens_univers {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:150px;
}

ul.liens_univers li {
	clear:left;
	margin:6px 0 0 0;
	font-size:12px;
	line-height:1em;
}

ul.liens_univers li img {
	float:left;
	margin:0 4px 0 0;
}


/**************** PAGE VOS ACHATS *******************************/
p.texte_achats {
	background:url(../images/puce_achats.gif) no-repeat left top;
	height:47px;
}

p.grossi {
	font-size:16px;
	font-weight:bold;
}

ul.form {
	margin:10px 0;
	padding:0;
	list-style:none;
	background:#98d30f;
	width:70%;
	padding:1em;
}

ul.form li { clear:left;line-height:2em; padding:0; margin:0; vertical-align:middle; }
ul.form li label { color:#fff; font-weight:bold; font-size:14px; float:left; width:12em; }
ul.form li label.radio_label { float:none; }

.envoi{
	padding:0;
	margin:0;
	padding-left:20px;
	padding-bottom:4px;
	color:#004394;
	font-weight:bold;
	font-size: 13px;
	background-color: transparent;
	background-image:url(../images/btn_envoi.gif);
	background-repeat: no-repeat;
	width:100px;
	height:49px;
	border:0px none;
	cursor:pointer;
}

div.bandeau_print { display:none; }