
body{
	background: #e8f0f8 url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}

html{
	color: #4a79ab;
	font-size: 13px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

img{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none; color: #5d87b3; }
a:hover{text-decoration: none;}

h1{color: #699dd4; font-size:25px; border-bottom: 1px solid #d0e3f7; padding: 0 0 0 0; margin: 0 0 12px 0;}
h1 a, h1 a:link, h1 a:visited{color:#699dd4;}
h1.rose{color: #F48F9F;}

h2{color: #F48F9F; font-size:19px; }
h2 a, h2 a:link, h2 a:visited{color:#F48F9F; text-decoration: underline;}
h2 a:hover{text-decoration: none;}
h2.petit, h1.petit{font-size: 13px;}

h3{color: #699dd4; font-size:16px; margin: 0 0 10px 0;}
h3 a, h3 a:link, h3 a:visited{color:#699dd4;}

h4{color:#68ba70; font-size:14px; font-weight:bold;}

p{font-size: 13px; line-height: 150%; color: #4a79ab; margin: 0 0 15px 0;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#5d87b3; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#5d87b3; text-decoration:none;
}

ul li{color:#4a79ab; font-size:12px; line-height: 16px; list-style: disc; margin:0 0 15px 16px;  }
ol li{color:#4a79ab; font-size:12px; line-height:150%; margin-left:16px;}
li.tiret{list-style-type: none;margin: 0;list-style-image: none;background: url(Gx/tiret.gif) no-repeat left 5px;padding-left: 10px;margin-top: 5px;}

p.petit{font-size: 11px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	text-align:left;
	width: 955px;
}

#sousConteneur{
	width: 927px;
	float: right;
	position: relative;
}

#contenu{
	background: url(gx/bg_contenu.png) repeat-y left top;
	float: right;
	width: 927px;
}

#paddingContenu{
	padding: 0 10px;
}
#haut{
	width: 100%;
	height: 141px;
	position: relative;
	z-index:10;
}

#logo{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#search{
	position: absolute;
	right: 0;
	bottom: 52px;
}

#inputSearch{
	width: 222px;
	height: 23px;
	background: transparent url(gx/bg_search.gif) no-repeat left top;
	border: none;
	margin: 2px 0 0 0;
	padding: 4px 0 0 3px;
	font-size: 11px;
}

#laVie{float: right; font-size: 22px; width: 300px; text-align: right;}

#rechercheGauche{
	width: 300px;
	float: left;

}

#rechercheDroite{
	width: 300px;
	float: right;
}



.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	height:47px;
	width: 919px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(gx/bg_menu.jpg) no-repeat left top;
}

#menu ul{ width: 754px; height: 46px; position: relative; top: 0; left: 160px; margin: 0; padding: 0; }
#menu ul li{ margin: 0; padding: 0; float: left; list-style-type: none; }
#menu ul li a{ text-decoration: none; display: block; height: 46px;}
#menu ul li a span{ display: none; }

ul#menu_fr{ background: url(Gx/menu_header_fr.jpg) no-repeat; }
ul#menu_fr li a{ background: url(Gx/menu_header_fr.jpg) no-repeat; }

ul#menu_en{ background: url(Gx/menu_header_en.jpg) no-repeat; }
ul#menu_en li a{ background: url(Gx/menu_header_en.jpg) no-repeat; }

/* French menu ----------*/
ul#menu_fr li#biolane a{ width: 85px; background-position: 0px top; }
ul#menu_fr li#point_de_vente a{ width: 183px; background-position: -428px top;}
ul#menu_fr li#conseil_du_pediatre a{ width: 219px; background-position: -209px top; }
ul#menu_fr li#nos_produit a{ width: 124px; background-position: -85px top; }
ul#menu_fr li#nous_contacter a{ width: 143px; background-position: -611px top; }

ul#menu_fr li#biolane_actif a, 		ul#menu_fr li#biolane a:hover			{ width: 85px; background-position: 0px bottom; }
ul#menu_fr li#point_de_vente_actif a, 		ul#menu_fr li#point_de_vente a:hover		{ width: 183px; background-position: -428px bottom;}
ul#menu_fr li#conseil_du_pediatre_actif a, 	ul#menu_fr li#conseil_du_pediatre a:hover	{ width: 219px; background-position: -209px bottom; }
ul#menu_fr li#nos_produit_actif a, 			ul#menu_fr li#nos_produit a:hover			{ width: 124px; background-position: -85px bottom;  }
ul#menu_fr li#nous_contacter_actif a, 				ul#menu_fr li#nous_contacter a:hover			{ width: 143px; background-position: -611px bottom; }

/* English menu ----------*/
ul#menu_en li#biolane a		{ width: 98px; background-position: 0px top; }
ul#menu_en li#conseil_du_pediatre a	{ width: 262px; background-position: -253px top; }
ul#menu_en li#nos_produit a			{ width: 155px; background-position: -98px top; }
ul#menu_en li#nous_contacter a				{ width: 236px; background-position: -516px top; }

ul#menu_en li#biolane_actif a, 			ul#menu_en li#biolane a:hover		{ width: 98px; background-position: 0 bottom; }
ul#menu_en li#conseil_du_pediatre_actif a, 	ul#menu_en li#conseil_du_pediatre a:hover	{ width: 262px; background-position: -253px bottom; }
ul#menu_en li#nos_produit_actif a, 			ul#menu_en li#nos_produit a:hover			{ width: 155px; background-position: -98px bottom; }
ul#menu_en li#nous_contacter_actif a, 				ul#menu_en li#nous_contacter a:hover				{ width: 236px; background-position: -516px bottom; }


/*#sousMenuBiolane{
	display: none;
	background-color: #4371a1;
	width: 185px;
	height: 67px;
	position: absolute;
	left: 160px;*/
	/*bottom: -66px;*/
/*	top:47px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding: 0;
	margin: 0;
}

#menu ul li div#sousMenuBiolane div#paddingSousMenuBiolane ul{
	padding: 0;
	margin: 0;
}

#menu ul li div#sousMenuBiolane div#paddingSousMenuBiolane ul li{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	height: 22px;
	width: 160px;

}

#menu ul li div#sousMenuBiolane div#paddingSousMenuBiolane ul li a{
	text-decoration: none;
	font-size: 11px; 
	font-weight: bold; 
	background-image: none;
	color: #fff;
	display: block;
	float: left;
	height: 22px;
	width: 160px;
	padding: 0;
	margin:0;
	line-height:150%;
}

#menu ul li div#sousMenuBiolane div#paddingSousMenuBiolane ul li a:hover{
	color: #f88f9e;
}

div#paddingSousMenuBiolane{
	padding: 10px;
}*/
/* menuLateral
--------------------------------------------------------------------------------------- */
/*#menuLateral{
	margin: 0 0 40px 0;
}

#menuLateral ul{
	margin:0;
	padding:0;
}

#menuLateral ul li{
	padding:0; 
	margin:0; 
	list-style-type:none;
}

#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	padding:0 10px; 
	margin:0; 
	color: #4f91cd;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
}

#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{color: #f88f9e;}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{color: #f88f9e;}*/

#menuLateral{
	margin: 0 0 40px 0;
	
}

#menuLateral ul{
	margin:0;
	padding:0;
}

#menuLateral ul li{
	padding:0; 
	margin:0; 
	list-style-type:none;
}

#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	margin:0;
	padding:0;
	text-decoration: none;
	
}

#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{}


/* menu produits
--------------------------------------------------------------------------------------- */
#menuProduit{
	width: 100%;
	height: 32px;
}

#menuProduit ul{
	margin:0;
	padding:0;
}

#menuProduit ul li{
	padding:0; 
	margin:0; 
	list-style-type:none;
	display: block;
	float: left;
	width: 156px;
	height: 32px;
}

#menuProduit ul li a, #menuProduit ul li a:link, #menuProduit ul li a:visited{
	padding:0; 
	margin:0; 
	color: #4b8fcd;
	font-size: 16px;
	line-height: 35px;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	width: 156px;
	height: 32px;
	background: transparent url(gx/02/bg_menuProduit.gif) no-repeat left bottom;
	position:relative;
}

#menuProduit  ul li.long a, #menuProduit ul li.long a:link, #menuProduit ul li.long a:visited{
	padding:0; 
	margin:0; 
	color: #4b8fcd;
	font-size: 16px;
	line-height: 35px;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	width: 170px;
	height: 32px;
	background: transparent url(gx/02/bg_menuProduit_long.gif) no-repeat left bottom;
	position:relative;
}

#menuProduit ul li a:hover, #menuProduit ul li a:visited:hover{}
#menuProduit ul li a.actif, #menuProduit ul li a.actif:visited{top:1px; }



/* MENU PRODUIT PIED DE PAGE
--------------------------------------------------------------------------------------- */
#menuproduitpp ul{
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
#menuproduitpp ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;
	width: 200px;
}
#menuproduitpp ul li ul{
	width: 200px;
	padding-bottom: 10px;
}
#menuproduitpp ul li a{font-size: 11px;}
#menuproduitpp ul li ul li a{font-size: 10px;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#imageAccueil{
	float: left;
	width: 400px;
}
#slogan{
	width: 100%;
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	margin: 15px 0 0 0;
}

#slogan span{
	font-size: 29px;
}

#contenuAccueil{
	width: 475px;
	float: right;
}

.nouveauProduit{
	width: 260px;
	height: 138px;
	float: left;
	background: transparent url(gx/01/bg_nouveau_produit.gif) no-repeat right center;
	font-size: 11px;
}


.communique{
	width: 260px;

	float: left;
	background: transparent url(gx/01/bg_nouveau_produit.gif) no-repeat right top;
	font-size: 11px;
}

.paddingNouveauProduit{
	padding: 8px;
}

/* PAGE produits
--------------------------------------------------------------------------------------- */
#produitListe{
	padding:0; 
	margin:0; 
}

#produitListe a{
	display: block;
	float: left;
	margin: 0 7px 7px 0;
}

.blocProduits{
	width: 215px;
	float: left;
	border-right: 1px solid #cce4ef;
	margin: 30px 0 0 0;
	text-align: center;
}

.blocProduits .imageProduit a{width: 172px;height: 180px;display: block;text-decoration: none;margin: 0 auto;}

.blocProduits span{
	color: #f48f9f;
	font-weight: bold;
}

#conteneurInfoProduit{
	padding: 0;
	width: 638px;
	float:left;
}

#bordureConteneurInfoProduit{
	padding: 10px 0 0 10px;
	/*border-left: 1px solid #eda6c7;
	border-right: 1px solid #eda6c7;*/
	float: left;
}

#infoProduit{
	width: 265px;
	float: left;
}

.conteneurImgProduit{
	float: left;
	width: 370px;
	margin: 0 auto;
}
.conteneurImgProduit td{text-align: center;}

#bulleProduit{
	width: 247px;
	background: transparent url(gx/bg_bulle.gif) repeat-y right top;
}
/* page Conseil
*****************************************************************************************/

.imgDroite{
	float: right;
	margin: 0 0 10px 10px;
}

#conteneurBulle{
	width: 634px;
	background: transparent url(gx/03/bg_bulle.gif) repeat-y right top;
	padding: 0;
	margin: 10px 0 10px 0;
	
}

#conteneurBulle img{
	display: block;
	border: none;
}

#bulle{
	padding: 0 14px 0 14px;
}

#bulle p{
	font-size: 12px;
	margin: 0;
}

/* PAGE General
--------------------------------------------------------------------------------------- */
#lateral{
	width: 235px;
	height: 600px;
	min-height: 600px;
	float: left;
	background: transparent url(gx/separateur_lateral.gif) no-repeat right top;
}

#contenuDroit{
	width: 650px;
	float: right;
}

#paddingLateral{padding: 5px 15px 0 5px;}
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#699dd4; font-size:10px; padding:0; width:915px;float: right;}
#piedPage a{color:#699dd4; text-decoration:none;font-size:11px;}
#piedPage a:hover{color:#699dd4; text-decoration:underline;}
#copyrights{ margin-left: 15px; text-align:left;font-size: 10px;}
#piedPage #copyrights a, #piedPage #copyrights a:link, #piedPage #copyrights a:visited{font-weight:bold;font-size:10px;}

#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline;}
#piedPage #menuBas{margin: 5px 0 10px 0;}
#piedPage #menuBas a{ 
	font-weight:bold; 
	font-size: 11px;
	padding: 0 5px 0 5px;
}

#menu_produit_footer{ padding: 15px 0 0 6px; }
#menu_produit_footer ul{ margin: 0; padding: 0; list-style-type: none; float: left; }
#menu_produit_footer ul li{ float: none; margin: 0; padding: 0 0 0 18px; width: 200px; }
#menu_produit_footer ul li.titre{ font-size: 11px; color: #555454; font-weight: bold; text-transform: uppercase; margin-left: 1px; margin-bottom: 3px; cursor: default; }
#menu_produit_footer ul li a{ font-size: 10px; text-decoration: none; width: 200px; display: block; padding: 0; color: #555454; outline: none; line-height: 12px; border-bottom: 2px white solid; }
#menu_produit_footer ul li a:hover{ text-decoration: underline; }

/* Partager cette page (bookmarker) */
#socialBookmarker {}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

#menuproduitpp{
	float: left;
}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:none; font-size: 11px; margin-bottom:10px; padding:0;}
fieldset legend{border:none; color:#68ba70; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#4a79ab; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:400px;}

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	width: 300px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width: 400px;
	height:100px;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}
