body{ background-color:#C9EB94; }
body.orange { background-color: #F07C3F; }
body.jaune { background-color: #fefe9b; }

#boite { position: absolute; top:0px; left:0px; width: 100%; }

#t { background: url(../images/contenu_images/popup_02.gif) 0 0 repeat-x; }
#b { background: url(../images/contenu_images/popup_08.gif) 0 100% repeat-x;}
#l { background: url(../images/contenu_images/popup_04.gif) 0 0 repeat-y; }
#r { background: url(../images/contenu_images/popup_06.gif) 100% 0 repeat-y; }
#bl { background: url(../images/contenu_images/popup_07.gif) 0 100% no-repeat; }
#br { background: url(../images/contenu_images/popup_09.gif) 100% 100% no-repeat; }
#tl { background: url(../images/contenu_images/popup_01.gif) 0 0 no-repeat; }
#tr { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:100%px; min-height:100%; }
/*#tr_400 { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:400px; min-height:400px; }
#tr_100 { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:400px; min-height:100px; }
#tr_550 { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:550px; min-height:550px; }
#tr_500 { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:500px; min-height:500px; }
#tr_650 { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:650px; min-height:650px; }
#tr_1030 { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:1030px; min-height:650px; }
#tr_haut { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:100%; min-height:700px; }
#tr_hautT { background: url(../images/contenu_images/popup_03.gif) 100% 0 no-repeat; height:100%; min-height:100%;}
*/

#t_jaune { background: url(../images/contenu_images/popup_11.gif) 0 0 repeat-x; }
#b_jaune { background: url(../images/contenu_images/popup_16.gif) 0 100% repeat-x;}
#l_jaune { background: url(../images/contenu_images/popup_13.gif) 0 0 repeat-y; }
#r_jaune { background: url(../images/contenu_images/popup_14.gif) 100% 0 repeat-y; }
#bl_jaune { background: url(../images/contenu_images/popup_15.gif) 0 100% no-repeat; }
#br_jaune { background: url(../images/contenu_images/popup_17.gif) 100% 100% no-repeat; }
#tl_jaune { background: url(../images/contenu_images/popup_10.gif) 0 0 no-repeat; }
#tr_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:100%px; min-height:100%px; }

/*#tr_200_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:200px; min-height:200px; }
#tr_350_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:350px; min-height:350px; }
#tr_400_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:400px; min-height:400px; }
#tr_100_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:400px; min-height:100px; }
#tr_550_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:550px; min-height:550px; }
#tr_500_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:500px; min-height:500px; }
#tr_650_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:650px; min-height:650px; }
#tr_1030_jaune { background: url(../images/contenu_images/popup_12.gif) 100% 0 no-repeat; height:1030px; min-height:650px; }
*/

#contenu {
	padding: 20px 30px 20px 20px; position:relative;
}

h1 { 
	font-family: arial, verdana, helvetica, sans-serif; 
	font-size: 14pt; 
	color: #000066; 
	font-weight: 700; 
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

h5 {
	font-family: haettenschweiler, impact, arial, georgia, sans-serif;
	color: #4171B1;
	font-weight: normal;
	font-size: 15pt;
	margin-bottom: 10px;
	margin-top: 3px;
}

div#Utilisation,
div#Transmission,
div#Symptomes,
div#Depistage,
div#Traitement,
div#Efficacite,
div#Effets,
div#Protection,
div#Inconvenients,
div#Que_faire
 {
	font: bold 70% verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	color: #4171B1;
	width: 145px;
	float: left;
	position: relative;
	height: 0px;
}

div.texte {	top: 0; margin-left: 150px; }

p,li {
	font: normal 70% verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	color: #5F6B73;
}

p,ul.puceverte { padding-top:0px; margin-top:0px; margin-bottom: 0.7em; padding-bottom:0.7em; }

ul.puceverte { list-style-image : url(../images/contenu_images/puce_verte.gif); }

div.colonnegauche { width: 105px; height: 0px; float:left; }
div.colonnedroite { margin-left:110px; padding-bottom:6px; }

img.tableau { top: 0px; left: 0px; position: absolute; }

div.lexique {
	background: #C9EB94 url(../images/contenu_images/bg_lexique.jpg) no-repeat 63px 6px;
	height: 75px;
}

ol { 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 70%; 
	line-height: 140%; 
	font-weight: normal; 
	color: #5F6B73;
	margin-top:-4px;
	margin-bottom:5px;
}

ol.bold {

	list-style:none;
}

ol#bold li:first-letter {
	font-weight: bold;
	color: #4171b1; 
	margin-left: -1.5em;	
}

/*Pour correct/incorrect, Positif/Négatif */

.noir {
	color: #000000;
	}

.rouge {
	color: #C91400;
	}

.bleu {
	color: #0E50A7
	}

/* Séparateurs de listes avec des filets */
p.separateur_bleu,p.separateur_vert,p.separateur_bleu_etroit {padding-top:7px; margin-bottom:-10px;  }
p.separateur_bleu { background: url(../images/contenu_images/separateurBleu450px.gif) -3px 0px no-repeat; }


TD.blanc {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	color: #5F6B73;
	background-color: #ffffff;
	border-style:solid;
	border-width:1px;
	border-color: #dbf0ba;
	padding: 1px 3px 2px 5px;
	vertical-align : top;
}


TD.rose {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	color: #5F6B73;
	background-color: #ffffff;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color: #0000CC;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color: #dbf0ba;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color: #dbf0ba;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color: #dbf0ba;
	vertical-align : top;
	padding: 1px 3px 2px 5px;
}


TD.bleu {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4;
	font-weight: normal;
	color: #5F6B73;
	background-color: #E5F2FB;
	border-style:solid;
	border-width:2px;
	border-color: #dbf0ba;
	padding: 1px 3px 2px 5px;
	vertical-align : top;
}