body
{
		font: normal 12px "Franklin Gothic", "Century Gothic", Tahoma, Verdana, Arial, Helvetica, Grotesque, Univers, sans-serif;
		color: #FFF;
/*		background-color: #444;*/
		text-align: center;
		font-weight: normal;
/*		background-color: #DDD;*/
		background:  url(./../layout/images/bg/bg.gif) repeat-y center top fixed;
}

#page
{
	position:relative;
	background-color:#444;
	width:724px;
	margin:0 auto;
	padding: 0;
}

#logo
{
	width:111px;
	height:84px;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

#logo img{
	/*float: left;*/
	border: 0;
	margin: 0;
	padding: 0;
}

#menu_principal
{
	position: absolute;
	top:0px;
	left:240px;
	text-align:center;
	margin:0px;
	padding:0px;
  z-index:1;
}

#menu_principal dl{
	float: left;
	margin-top: 16px;
	margin-right: 20px;
	text-align: center;
	font-weight:bolder;
	font-size:0.9em;
	display:inline;
  	voice-family: "\"}\"";
    	voice-family:inherit;
	margin-right:20px;
}

html>body #menu_principal dl{
margin-right:8px;
}

#menu_principal dl img{
	clear: both;
}

#menu_principal dl dt{
	clear: both;
}

#menu_principal dl dt a img{
border:0px;
}

#langue fieldset
{
	border:0;
	position: absolute;
	top:9px;
	left:120px;
}

#langue fieldset legend
{
	display:none;
}

#langue a img{border:0px;}

#menu_rapide
{
	position:absolute;
	top:85px;
	left:0px;
	width:100%;
	text-align:left;
	/*background-image:url(./../layout/images/slogan/slogan.jpg);
	background-repeat: no-repeat;
	background-position: -21px 11px;*/
  height:60px;
  z-index:0;
}

#rechercher
{
	position:absolute;
	top:165px;
	left:0px;
	margin-top:5px;
	text-align:left;
/*  	border: 1px solid #8FC1F9;*/
  	width:230px;
    height:60px;
}

#rechercher form
{
	margin:0px;
	padding:0px;
}

#menu
{
	position: absolute;
	color: #fff;
	left: 0px;
	width: 190px;
	max-width: 190px;
	height:500px;
	background-image:url(./../layout/images/commun/spacer/spacer.png);
	background-repeat:no-repeat;

  	top: 230px;
  	border: 1px solid #8FC1F9;
/*	border: 1px solid #8FC1F9;*/
	padding: 10px;
}

#out_contenu
{
	position:absolute;
	top:230px;
	left:0px;
	width:519px;
 	min-height: 1px;
	margin: 5px 0px 0px 220px;
	text-align:justify;
	/*min-height:500px;*/

	/*font-size: 1em;*/
	font-size:12px;
	/*border: 1px solid #8FC1F9;*/
/*	background-color: #444;*/
	padding: 5px;
	padding-top:520px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
}

html>body #out_contenu
{
	width:500px;
}

#contenu
{
/*	margin-top: -576px;*/
	margin-top: -532px;
	background-color: #444;
}

#chemin
{
	position:relative;
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
	padding:4px;
	/*clear:both;*/
	font-size:0.8em;
}

#chemin a
{
	color:#fff;
}

#menu
{
	text-align:left;
}

#menu ul
{
	list-style:none;
}

#menu li
{
	border-bottom:1px dashed #8FC1F9;
	margin:5px 23px 0px 0px;
}

#menu li a
{
	color:#8FC1F9;
	border:0;
	text-decoration:none;
}

#menu li a:hover
{
	color:#fff;
/*	color:#8FC1F9;*/
}

#menu h1
{
	color:#8FC1F9;
	/*font-size: large;*/
	font-size:1.8em;
	border-bottom-style:solid;
	border-bottom-width: thin;
	border-bottom-color:#8FC1F9;
}

#menu h2
{
	color: #8FC1F9;
	font-size:medium;
	border-bottom-style:dashed;
	border-bottom-width: thin;
	border-bottom-color:#8FC1F9;
}

#menu h3
{
	font-size:small;
}

#menu a{color:#fff;}
#menu_rapide a{color:#fff;font-weight:bold;}
#rechercher a{color:#fff;font-weight:bold;}
#contenu a{color:#fff;font-weight:bold;}

#menu a:hover{color:#8FC1F9;}
#menu_rapide a:hover{color:#8FC1F9;font-weight:bold;}
#rechercher a:hover{color:#8FC1F9;font-weight:bold;}
#contenu a:hover{color:#8FC1F9;font-weight:bold;}



#rechercher label
{
	font-weight:bold;
	color:#8FC1F9;
/*	border-bottom:1px solid #8FC1F9;*/
}

#recherche_detaillee a
{
/*	color:#8FC1F9;*/
}

#contenu h1
{
	color:#8FC1F9;
	/*font-size: 2.2em;*/
	font-size: 22px;
	border-bottom-style:solid;
	border-bottom-width: 0.1em;
	border-bottom-color:#8FC1F9;
	padding-bottom:0.3em;
	line-height:1em;
}

#contenu h2
{
	color: #8FC1F9;
	/*font-size:1.5em;*/
	font-size:18px;
	border-bottom-style:dashed;
	border-bottom-width: 0.07em;
	border-bottom-color:#8FC1F9;
	padding-bottom:0.2em;
	line-height:1em;
}

#contenu h3
{
	/*font-size:1.3em;*/
	font-size:14px;
	font-weight:bold;
}


/*-------------------------------------------------------------------------------*/

#menu_lames
{
	text-align: center;
}

#menu_lames .lame
{
	float: left;
	margin: 4px;
}

#lame_hematologie a
{
	display: block;
	background: url(/layout/images/lames/lame_hematologie.jpg)  0 0 no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 334px;
}

#lame_hematologie a:hover
{
	background-position: -87px 0px;
}


#lame_bacteriologie a
{
	display: block;
	background: url(/layout/images/lames/lame_bacteriologie.jpg)  0 0 no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 334px;
}

#lame_bacteriologie a:hover
{
	background-position: -87px 0px;
}


#lame_parasitologie a
{
	display: block;
	background: url(/layout/images/lames/lame_parasitologie.jpg)  0 0 no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 334px;
}
#lame_parasitologie a:hover
{
	background-position: -87px 0px;
}


#lame_cytologie a
{
	display: block;
	background: url(/layout/images/lames/lame_cytologie.jpg)  0 0 no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 334px;
}
#lame_cytologie a:hover
{
	background-position: -87px 0px;
}

#lame_histologie a
{
	display: block;
	background: url(/layout/images/lames/lame_histologie.jpg)  0 0 no-repeat;
	background-position: 0px 0px;
	width: 87px;
	height: 334px;
}

#lame_histologie a:hover
{
	background-position: -87px 0px;
}

.lame .titre
{
	text-align: center;
}

.lame a
{
	font-size:0.9em;
}

/*-------------------------------------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree a {
	color: #fff;
	text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a.node:hover {
	color: #8FC1F9;
	text-decoration: underline;
}

.dtree a.nodeSel:hover
{
	color:#444;
	text-decoration: underline;
}

.dtree a.nodeSel {
	background-color: #8FC1F9;
	color:#444;
}

.dtree .clip {
	overflow: hidden;
}


form fieldset legend{color:#fff;}

#contenu form fieldset p
{
	width:140px;
	text-align:right;
}

#contenu form fieldset p label
{
	text-align:right;
}

#contenu form fieldset p input
{
	position:absolute;
	left:160px;
}

#contenu form fieldset p select
{
	position:absolute;
	left:160px;
}

span.highlight
{
	color: #000;
	background-color: #ffff66;
	font-weight: bold;
}

span.highlight1
{
	color: #000;
	background-color: #ffff66;
	font-weight: bold;
}

span.highlight2
{
	color: #000;
	background-color: #ff6666;
	font-weight: bold;
}

span.highlight3
{
	color: #000;
	background-color: #6666ff;
	font-weight: bold;
}

span.highlight4
{
	color: #000;
	background-color: #66ff66;
	font-weight: bold;
}

span.highlight5
{
	color: #000;
	background-color: #ff66ff;
	font-weight: bold;
}

span.highlight6
{
	color: #000;
	background-color: #ffff66;
	font-weight: bold;
}

span.highlight7
{
	color: #000;
	background-color: #ffff66;
	font-weight: bold;
}

#contenu #diagnostic
{
	background-color: #DFE3E3;
	color: #000;
	width:500px;
	max-width:500px;
	/*position:relative;*/
}

#contenu #diagnostic h1
{
	background-color:#323D44;
	color: #C8CFD0;
	font-variant:small-caps;
	text-align:center;
	font-weight:bolder;
	border:0px;
	padding:0.5em;
	margin:1em 10px 1em 10px;
	border:0;
}

#contenu #diagnostic h2
{
	background-color: #454E53;
	color: #DFE3E3;
	text-align:center;
	font-weight:bold;
	margin:1em 10px 1em 10px;
	border:0;
}

#contenu #diagnostic h3
{
	color:#000;
	font-weight:bold;
	margin:1em 10px 1em 10px;
	border:0;
}

#contenu #diagnostic h4
{
	color:#000;
	font-size:1.1em;
	font-weight:lighter;
	font-style:italic;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-color: #C8CFD0;
	margin:1em 10px 1em 10px;
	border:0;
}

#contenu #diagnostic .rubrique_produit
{
	color:#000;
	margin:0px 10px 2px 10px;
}

#contenu #diagnostic .rubrique_kit
{
	color:#000;
	margin:0px 10px 2px 10px;
	font-weight:bold;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-color:#fff;
}


#contenu #diagnostic .rubrique_recharge
{
	color:#000;
	margin:0px 10px 2px 10px;
}

#contenu #diagnostic .rubrique_texte
{
	color:#000;
	margin:0px 10px 0px 10px;
}

#contenu #diagnostic .rubrique_kit a{color:#000;}
#contenu #diagnostic .rubrique_produit a{color:#000;}
#contenu #diagnostic .rubrique_recharge a{color:#000;}

#contenu #diagnostic p.texte
{
	color:#000;
	margin:0px 10px 0px 10px;
}

#contenu #diagnostic .rubrique_produit_legende
{
	color:#000;
	margin:0px 10px 2px 10px;
	border-bottom:1px solid #000;
	font-style:italic;
}

#contenu #diagnostic .rubrique_produit_legende table
{
	color:#000;
	font-style:italic;
	border-collapse:collapse;
	width:480px;
}

#contenu #diagnostic td.rubrique_designation_produit_legende
{
	text-align:left;
	width:45%;
	white-space:nowrap;
	color:#000;
}

#contenu #diagnostic td.rubrique_code_produit_legende
{
	text-align:center;
	width:15%;
	white-space:nowrap;
}

#contenu #diagnostic td.rubrique_conditionnement_produit_legende
{
	width:40%;
	text-align:right;
	white-space:nowrap;
	color:#000;
}

/*---------------------------------------------------------*/

#contenu #diagnostic .rubrique_produit table
{
	border-collapse:collapse;
	width:480px;
}

#contenu #diagnostic td.rubrique_designation_produit
{
	text-align:left;
	width:45%;
	white-space:nowrap;
	color:#000;
}

#contenu #diagnostic td.rubrique_code_produit
{
	text-align:center;
	width:15%;
	white-space:nowrap;
}

#contenu #diagnostic td.rubrique_conditionnement_produit
{
	width:40%;
	text-align:right;
	white-space:nowrap;
	color:#000;
}

/*---------------------------------------------------------*/

#contenu #diagnostic .rubrique_kit table
{
	border-collapse:collapse;
	width:480px;
}

#contenu #diagnostic td.rubrique_designation_kit
{
	text-align:left;
	width:45%;
	white-space:nowrap;
	font-weight:bold;
	color:#000;
}

#contenu #diagnostic td.rubrique_code_kit
{
	text-align:center;
	width:15%;
	white-space:nowrap;
}

#contenu #diagnostic td.rubrique_conditionnement_kit
{
	width:40%;
	text-align:right;
	white-space:nowrap;
	color:#000;
}

/*---------------------------------------------------------*/

#contenu #diagnostic .rubrique_recharge table
{
	border-collapse:collapse;
	width:480px;
}

#contenu #diagnostic td.rubrique_designation_recharge
{
	text-align:left;
	width:45%;
	white-space:nowrap;
	font-style:italic;
	color:#000;
}

#contenu #diagnostic td.rubrique_code_recharge
{
	text-align:center;
	width:15%;
	white-space:nowrap;
	font-style:italic;
}

#contenu #diagnostic td.rubrique_conditionnement_recharge
{
	width:40%;
	text-align:right;
	white-space:nowrap;
	font-style:italic;
	color:#000;
}


div.section_h1_souligne_gras
{
	font-size:      11px;
	color:  #8FC1F9;
	padding-top:1em;
	margin-bottom:0em;
	margin-left:0em;
	border-bottom-style:solid;
	border-bottom-color:#AAAAAA;
	border-bottom-width:medium;
	font-weight:bold;
}


#contenu #diagnostic table
{
	font-size:10px;
}

#contenu table.hidden_table{border:none;}

#contenu table
{
	width:480px;
	text-align:left;
}

#contenu table tr th
{
		text-align: left;
	        margin:0px;
		padding:0;
		left:0px;
		border-bottom:1px solid #fff;
		font-size:xx-small;
		/*      font-style:italic;*/
		font-weight:normal;
}

#contenu div.produit{margin:10px;font-size:1em;color:#bbb;}
#contenu div.produit a{font-size:1em;color:#bbb;}
#contenu div.produit .reference{float:left;width:50px;}
#contenu div.produit .designation{float:left;margin-left:20px;}
#contenu div.produit a b{color:#fff;font-size:1.1em;}
#contenu div.produit .cas{float:left;margin-left:0px;}
#contenu div.produit .ci{clear:both;float:left;margin-left:0px;margin-right:10px;}
#contenu div.produit .informations{margin-left:70px;}

.clear{clear:both;}
.right{float:right;}

#contenu div.faq div.title{margin:10px 0px 2px 0px;padding:5px;background-color:#eee;color:#222;border:2px solid #343534;text-align:left;}
#contenu div.faq div.title a{font-size:11px;color:#222;}
#contenu div.faq div.title a:hover{color:#8FC1F9;}

#contenu a img{border:0px;}

.identite
{
	position: relative;
	padding: 0px 90px 0px 0px;
	width:290px;
	margin:10px 0px 10px 0px;
}

.identite img.photo
{
	margin-left:260px;
	width:80px;
/*	height:100px;*/
/*	background-color:#fff;*/
	padding:5px;
/*	border:1px dashed #333;*/
	border:1px solid #8FC1F9;
}

.identite img.photo_vide
{
	margin-left:260px;
	width:80px;
	height:100px;
	padding:5px;
	border:none;
}


.identite_texte
{
	position:absolute;
	top:10px;
	right:10px;
	left:0px;
	width:260px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:190px;
}

html>body .identite_texte{width:260px;}

img.noborder
{
	padding:0px;
	border-width:0px;
}

.outdated{background-color: #884444;}
.datevalid{background-color: #448844;}
.lignepaire{background-color: #444455;}
.ligneimpaire{background-color: #445544;}
a.not_used_letter{font-size:xx-small;color:#666;font-style:italic;}
a.used_letter{font-size:small;color: #FFF;}
p.notice:before{content:"Note : ";font-weight:bold;}
p.notice{border: 1px solid #008000;background-color: #BDFCB1;color: #008000;}
span.notice:before{content:"Note : ";font-weight:bold;}
span.notice{border: 1px solid #008000;background-color: #BDFCB1;color: #008000;}
p.warning:before{content:"Attention : ";font-weight:bold;}
p.warning{border: 1px solid #FF8000;background-color: #F9D5AF;color: #FF8000;}
span.warning:before{content:"Attention : ";font-weight:bold;}
span.warning{border: 1px solid #FF8000;background-color: #F9D5AF;color: #FF8000;}
p.error:before{content:"Erreur : ";font-weight:bold;}
p.error{color:red;}
span.error:before{content:"Erreur : ";font-weight:bold;}
span.error{color:red;}
ul.error li{color:#ccc;}
.hide{display:none;}
.show{display:block;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.center{text-align:center;}
.big{font-size:1.2em;}
.normal{font-size:1.0em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.clear{clear:both;}
.noborder{border:0;}
.thinrightmargin{margin-right:2px;}
.thinleftmargin{margin-left:2px;}
.box {background-color:#393939;border:2px solid #343534;padding:5px}

span.xx-small{font-size:xx-small}
span.x-small{font-size:x-small}
span.small{font-size:small}
span.medium{font-size:medium}
span.large{font-size:large}
span.x-large{font-size:x-large}
span.xx-large{font-size:xx-large}


#contenu #produit #description{float:left;font-size:1.4em;font-weight:bold;}
#contenu #produit #photo{float:right;}
#contenu #produit #photo img{width:200px;}
#contenu #produit #documents {background-color:#393939;border:2px solid #343534;padding:5px;width:280px;font-size:0.9em;}
#contenu #produit #documents a{font-size:0.9em;}
#contenu #produit #documents a.pdf:after{content:url("./layout/images/icones/pdf.gif");}
#contenu #produit #documents ul{list-style:none;margin:0px;padding:0px;}

#contenu .protocole {background-color:#393939;border:2px solid #343534;padding:5px;margin:0px 0px 5px 0px;}
#contenu .protocole  a.pdf:after{content:url("./layout/images/icones/pdf.gif");}
#contenu .protocole h3 {margin: 0px 0px 10px 0px;}

#vmarquee div.news td
{
  width: 300px;
/*  white-space: pre-wrap; *//* css-3 */
/*  white-space: -moz-pre-wrap; *//* Mozilla, since 1999 */
/*  white-space: -pre-wrap; *//* Opera 4-6 */
/*  white-space: -o-pre-wrap; *//* Opera 7 */
/*  word-wrap: break-word; *//* Internet Explorer 5.5+ */
}

#vmarquee div.news div.titre h2
{
  border:none;
  color:#fff;
}

#vmarquee div.news div.texte a
{
  text-decoration:none;
}

#vmarquee div.news div.texte img
{
  border: none;
  width:180px;
}



div.news div.options form
{
display:block;
float:left;
margin-right:5px;
}

div.menu_principal a img{border:0px;margin:4px;}

a.imageprotocole{margin: 0px 3px 3px 0px;}

#contenu_popup{margin:20px;text-align:left;max-width:500px;}
#contenu_popup h1{color:#8FC1F9;}
#contenu_popup h2{color:#8FC1F9;}
#contenu_popup a {color:#8FC1F9;}
#out_contenu_popup
{
	width:519px;
 	min-height: 1px;
	margin-left:auto;
	margin-right:auto;
}
#contenu_popup a.pdf:after{content:url("./layout/images/icones/pdf.gif");}

#contenu ul.produit {list-style:none;}
#contenu ul.produit a {color:#bbbbbb;font-weight:normal;font-size:1em;}
#contenu ul.produit b {color:#fff;font-weight:bolder;font-size:1.1em;}
#contenu ul.produit span {margin-right:10px;}
#contenu ul.produit li {margin-bottom:10px;}
#contenu ul.produit li div {margin-left:4em;color:#999999;font-size:1em;font-family:monospace;}

p.texte {clear:both;}
p.texte span.textleft{float:left;}
p.texte span.textright{float:right;}

div.CodeMirror-line-numbers {font-family: monospace;font-size:12px;}

.gauche {text-align:left;}
.droite {text-align:right;}
.justifie {text-align:justify;}
.centre {text-align:center;}


#contenu #diagnostic h4 {font-size:1em;}

#contenu #diagnostic h2 {margin:2em 10px 1em 10px;}

#contenu #diagnostic h3 {margin:1em 10px 0px 10px;}

#contenu #diagnostic h4 {margin:1em 10px 0px 10px;}