/* CSS Document */
body{
	background-position:center;
	margin:10px; /* pour Žviter les marges */
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000;
	}

#header
{
    clear:both;
    width:1024px;
	height:10px;
	padding:5px;
	background-image:url(../images/backgrounds/bg_header.gif);
	padding-top:5px;
	background-color:#000;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
/*-----------------------------------------conteneur de toute la page---------------------------------*/
#page {
	position:absolute;
	width:1024px;
	left:50%;
	margin-top:30px; /* moitiŽ de la hauteur, CODE AJOUTER/ FLORIAN */
	margin-left:-512px; /* moitiŽ de la largeur */
	}
	
/*----------------------drapeau pour la version anglaise----------------------*/
#langue{
	position:absolute;
	float: left;
	width:100px;
	left: 980px;
	top:60px; /* moitiŽ de la hauteur, CODE AJOUTER/ FLORIAN */
	}

/*------------position du logo---------*/
#logo
{
    width:245px;
	height:80px;
	float:left;
	display:inline;
}
/*----------------------zone de navigation----------------------*/
#navigation
	{
	width:692px;
	height:24px;
	float:left;
	display:inline;
	text-align:center;
	margin-top:54px;
	margin-left:15px;
	}
	
#apothicom {
	width:88px;
	height:24px;
	float:left;
	display:inline;
}
		
#stericup
{
	width:63px;
	height:24px;
	float:left;
	display:inline;
}


#sterifilt
{
	width:60px;
	height:24px;
	float:left;
	display:inline;
}

#stericitrik
{
	width:68px;
	height:24px;
	float:left;
	display:inline;
}

#formation
{
	width:81px;
	height:24px;
	float:left;
	display:inline;
}
#steribox
{
	width:65px;
	height:24px;
	float:left;
	display:inline;
}
#commande
{
	width:78px;
	height:24px;
	float:left;
	display:inline;
}
#liens
{
	width:47px;
	height:24px;
	float:left;
	display:inline;
}
#publication
{
	width:88px;
	height:24px;
	float:left;
	display:inline;
}
#videos
{
	width:52px;
	height:24px;
	float:left;
	display:inline;
}

/*----------navigation second niveau avec les liens Apothicom et contact-----*/
#nav2
{
	width:102px;
	height:92px;
	padding-top:20px;
	float:left;
	display:inline;
	text-align:center;
	background-position:0px 0px;
	background-repeat:repeat;
}
/*---------------------------- zone du contenu------------------------------------*/
#contenu
{
	width:1024px;
	float:left;
	display:inline;
	padding-left:2px;
	/*background-color:#444c56;*/
	background-image:url(../images/backgrounds/bg_contenu3.gif);
	background-position:0px 0px;
	background-repeat:repeat-y;
}
#presentation
{
    width:600px;
	float:left;
	display:inline;
	padding:0px 20px 0px 0px;
}
.lire_plus
{
	width:199px;
	height:20px;
	float:left;
	text-align:center;
	padding:6px 0px 0px 0px;
	background-image:url(../images/backgrounds/bg_lireplus.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	margin-top:5px;
}
/*-- zone droite avec titre, layer avec ascenceur et inscription ˆ la newsletter--*/
#zone_droite
{
width:100px;
padding-right:125px;
float:right;
display:inline;
}
/*calque avec scroll*/
div#code {
	float:left;
	display:inline;
	HEIGHT: 430px;
	WIDTH: 179px; 
	OVERFLOW: auto; 
	PADDING-TOP: 10px;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #444c56;
	SCROLLBAR-TRACK-COLOR-border: #444c56;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	POSITION: static;
	
}

#inscription_nl
{
	width:179px;
	float:left;
	display:inline;
	margin-top:50px;
}

/*-- zone presentation des produits avec les trois visuels--*/
#presentation_produits
{
	width: 670px;
	float:left;
	margin-left:105px;
	display:block;
	padding-bottom:10px;
}



/*-- zone du footer --*/
#footer
{
    clear:both;
    width:1024px;
	height:15px;
	padding:5px;
	background-image:url(../images/backgrounds/bg_footer.gif);
	padding-bottom:15px;
	background-color:#000;
	background-position:0px 0px;
	background-repeat:no-repeat;
}