/* CSS édité pour la société Aloka par Mc², le 19/11/2006 */
/* Côté public ! */

body
{
	margin:0;
	padding:0;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position:absolute;
	left:0px;
	width:100%;
	background-image:url(../images/fond.gif);
}

input, textarea, select
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#container
{
	top: 15px;
	position: relative;
    width: 781px;
	height: 563px;
	margin: 0 auto; 
	text-align: left;
	background:#FFFFFF url(../images/degrade_droite.gif) repeat-y top right;
}
#container #haut
{
	position: absolute;
	top:0;
	left:0;
	background:url(../images/arrondi_haut.gif) no-repeat top left;
	width: 781px;
	height: 22px;
	z-index:0;
}
#container #haut DIV#menu_principal
{
	position: absolute;
	top: 1px;
	right:19px;
	height: 21px;
	width: 448px;
	margin: 0;
	padding:0;
	z-index: 1000;
}
#container #haut DIV#menu_principal IMG
{
	margin: 0 1px 0 0;
	padding:0;
}

#container #bas
{
	position: absolute;
	top: 543px;
	left:0;
	background:url(../images/arrondi_bas.gif) no-repeat bottom left;
	width: 781px;
	height: 20px;
	text-align:right;
	color: #EA911D;
}
#container #bas DIV#legal
{
	background:url(../images/barre_basse.gif) no-repeat top right;
	width: 525px;
	right:19px;	
	position: absolute;

	height: 21px;
	margin: 0;
	padding:0;
	
}
#container #bas DIV#legal A
{
	color: #EA911D;
	text-decoration:none;
}
#container #bas DIV#legal A:hover, #container #bas DIV#legal A:active
{
	color: #EA911D;
	text-decoration: underline;
}

.retour						{
	margin-left: 40px;
}
.retour a					{
	color:#0000FF;
	text-decoration:none;
}
.retour a:hover  			{
	color:#000066;
	text-decoration:underline;
}

hr 							{
	clear: both;
	visibility: hidden;
}
img 						{
        border: 0 none;
}
DIV.spacer 					{
	clear:both;
}
SUP 						{
	font-size:smaller;
}
INPUT.checkbox, INPUT.radio {
	border: 0;
}
a.fade IMG 					{
	margin: 3px 0px 3px 3px;
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
}
a.fade:hover IMG 			{
	margin: 3px 0px 3px 3px;
    filter:alpha(opacity=100);  
    -moz-opacity:1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
}

#menu_FR
{
	position: absolute;
	top:95px;
	left: 10px;
	width: 188px;
	height: 430px;
	/*border: 1px solid black;*/
	background: #D3E2EA url(../images/np_haut.gif) no-repeat top center;	
}
#menu_FR #le_menu
{
	padding: 45px 3px 0 3px;
}
#menu_FR #le_menu H3
{
	font-size: 10px;
	margin:0 0 4px 0px;
	color:#4899bd;
}
#menu_FR #le_menu H3 A, #menu_FR #le_menu H3 A:visited
{
	color:#4899bd;
	text-decoration:none;
}
#menu_FR #le_menu H3 A:hover, #menu_FR #le_menu H3 A:active
{
	color:#4899bd;
	text-decoration:underline;
}
#menu_FR #menu_bas
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 188px;
	height: 10px;
	background: url(../images/np_bas.gif) no-repeat bottom center;
}
#menu_FR *
{
	margin: 0;
	padding: 0;
}
#menu_FR UL LI 				{
	list-style: none;
}


#menu_EN
{
	position: absolute;
	top:95px;
	left: 10px;
	width: 188px;
	height: 430px;
	/*border: 1px solid black;*/
	background: #D3E2EA url(../images/np_haut_EN.gif) no-repeat top center;	
}
#menu_EN #le_menu
{
	padding: 45px 3px 0 3px;
}
#menu_EN #le_menu H3
{
	font-size: 10px;
	margin:0 0 4px 0px;
	color:#4899bd;
}
#menu_EN #le_menu H3 A, #menu_EN #le_menu H3 A:visited
{
	color:#4899bd;
	text-decoration:none;
}
#menu_EN #le_menu H3 A:hover, #menu_EN #le_menu H3 A:active
{
	color:#4899bd;
	text-decoration:underline;
}
#menu_EN #menu_bas
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 188px;
	height: 10px;
	background: url(../images/np_bas.gif) no-repeat bottom center;
}
#menu_EN *
{
	margin: 0;
	padding: 0;
}
#menu_EN UL LI 				{
	list-style: none;
}



#pageHeader
{
	position: absolute;
	width:525px;
	margin:0;
	background: transparent url(../images/barre_haute.gif) no-repeat bottom left;
	z-index:0;
	/*border: 1px solid #000;*/
	height:85px;
	left: 10px;
}
#pageHeader H1
{
	background: transparent url(../images/logo_aloka.gif) no-repeat top center; 
	margin-top: 2px;
	width: 135px; 
	height: 62px;
	/*border: 1px solid #000;*/
	margin:0;
	padding:0;

}
#pageHeader H1 SPAN
{
	display:none;
}
#pageHeader H2
{ 
	background: transparent url(../images/soins_et_hygiene.gif) no-repeat top center; 
	width: 135px; 
	height: 21px;
	/*border: 1px solid #000;*/
	margin:0;
	padding:0;
}
#pageHeader H2 SPAN
{
	display:none;
}
.lang_selection
{
	position:absolute;
	top: 24px;
	right:15px;
}

#corps
{
	position: absolute;
	top:85px;
	left: 10px;
	width: 529px;
	height: 450px;
	/*border: 1px solid #000;*/
	background: url(../images/colonne_gauche_fond.gif) repeat-y left;
}
#corps #corps_bas
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 132px;
	height: 9px;
	background: url(../images/colonne_gauche.gif) no-repeat bottom left;
}
#corps H3
{
	background: transparent url(../images/puce_bleue.gif) no-repeat bottom left;
	font-size: 11px;
	font-weight: bold;
	margin:0 0 7px 50px;
	padding:0 0 0 15px;
	color:#4899bd;
	letter-spacing: 2px;
}
#corps H3 A, #corps H3 A:hover, #corps H3 A:active, #corps H3 A:visited
{
	color:#4899bd;
}
#corps H4
{
	font-size: 10px;
	font-weight:normal;
	margin:0 0 5px 45px;
	padding:0;
	color:#4899bd;
}

#info_droite
{
	top:105px;
	right: 35px;
	position: absolute;
	width: 192px;
	height: 430px;
/*	border: 1px solid red;*/
	background: url(../images/h_nosproduits.gif) no-repeat bottom center;
}
#info_droite #message
{
	height: 238px;
	width: 192px;
	background: url(../images/h_droite.gif) no-repeat top right;
}
#info_droite #message #texte
{
	text-align:justify;
	padding: 40px 3px 10px 7px;
	height: 198px;
	width: 180px;
/*	border: 1px solid #000;*/
	
}


.annonce
{
	background: url(../images/panel_bleu.png) no-repeat;
	width: 286px;
	padding: 12px 12px 0 12px;
	text-align:justify;	
}


#corps_art
{
	position: absolute;
	top: 95px;
	left: 218px;
	width: 521px;
	height: 250px;
	background: #D3E2EA url(../images/fond_art.gif) repeat-y top left;
}
#corps_art #entete
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 521px;
	height: 23px;
	background: transparent url(../images/description.gif) no-repeat top left;
}
#corps_art #pied
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 17px;
	height: 7px;
	background: transparent url(../images/rond_bas.gif) no-repeat bottom left;
}
#corps_art .article
{
	position: absolute;
	width: 507px;
	height: 220px;
	top: 22px;
	left: 11px;
}
#corps_art IMG.img_art
{
	border: 1px solid #4899bd;
	float:right;
	margin: 15px 5px 5px 5px;
}
#corps_art .article H1
{
	margin: 0 0 8px 0;
	padding: 0;
	font-weight:bold;
	font-size: 15px;
}
#corps_art .article H2
{
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 9px;
	color:#4899bd;
	font-style:italic;
}

#corps_util_FR
{
	position: absolute;
	top: 355px;
	left: 218px;
	width: 521px;
	height: 150px;
	background: #D3E2EA url(../images/fond_art.gif) repeat-y top left;
}
#corps_util_FR #entete
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 521px;
	height: 23px;
	background: transparent url(../images/utilisation.gif) no-repeat top left;
}
#corps_util_FR #pied
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 17px;
	height: 7px;
	background: transparent url(../images/rond_bas.gif) no-repeat bottom left;
}
#corps_util_FR .article
{
	position: absolute;
	width: 300px;
	height: 120px;
	top: 22px;
	left: 11px;
}
#corps_util_FR .prix
{
	position: absolute;
	width: 140px;
	height:40px;
	top: 33px;
	right: 36px;
	font-size:25px;
	color:#4899bd;
	font-weight: bold;
	text-align:center;
}
#corps_util_FR .commander
{
	position: absolute;
	width: 160px;
	height:40px;
	top: 73px;
	right: 26px;
	color:#4899bd;
	font-weight: bold;
	text-align:center;
}

#corps_util_EN
{
	position: absolute;
	top: 355px;
	left: 218px;
	width: 521px;
	height: 150px;
	background: #D3E2EA url(../images/fond_art.gif) repeat-y top left;
}
#corps_util_EN #entete
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 521px;
	height: 23px;
	background: transparent url(../images/utilisation_EN.gif) no-repeat top left;
}
#corps_util_EN #pied
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 17px;
	height: 7px;
	background: transparent url(../images/rond_bas.gif) no-repeat bottom left;
}
#corps_util_EN .article
{
	position: absolute;
	width: 300px;
	height: 120px;
	top: 22px;
	left: 11px;
}
#corps_util_EN .prix
{
	position: absolute;
	width: 140px;
	height:40px;
	top: 33px;
	right: 36px;
	font-size:25px;
	color:#4899bd;
	font-weight: bold;
	text-align:center;
}
#corps_util_EN .commander
{
	position: absolute;
	width: 160px;
	height:40px;
	top: 73px;
	right: 26px;
	color:#4899bd;
	font-weight: bold;
	text-align:center;
}



#corps_panier
{
	position: absolute;
	top: 95px;
	left: 218px;
	width: 521px;
	height: 420px;
	background: #D3E2EA url(../images/fond_art.gif) repeat-y top left;
}
#corps_panier #entete_FR
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 521px;
	height: 23px;
	background: transparent url(../images/mon_panier_FR.gif) no-repeat top left;
}
#corps_panier #entete_EN
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 521px;
	height: 23px;
	background: transparent url(../images/mon_panier_EN.gif) no-repeat top left;
}
#corps_panier #pied
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 17px;
	height: 7px;
	background: transparent url(../images/rond_bas.gif) no-repeat bottom left;
}
#corps_panier .article
{
	position: absolute;
	width: 507px;
	height: 220px;
	top: 22px;
	left: 11px;
}
#corps_panier IMG.img_art
{
	border: 1px solid #4899bd;
	float: left;
	margin: 3px 3px 3px 3px;
}
#corps_panier .article H1
{
	margin: 0 0 8px 0;
	padding: 0;
	font-weight:bold;
	font-size: 11px;
}
#corps_panier TH
{
	text-align:left;
}
#corps_panier TH.nb
{
	text-align:right;
}
#corps_panier TD.qu
{
	border: 1px #999999 solid;
	width: 40px;
	text-align:right;
}