td {  font-family: Arial, Helvetica, sans-serif; font-size: 11px}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:17px; display:inline }

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; COLOR: #ffffff; line-height:17px; display:inline }

BODY {SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #003399; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #99ccff; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF}


/* TABLEAUX */
.tableau		{ width: 770px; border-width:1px; border-style: solid; border-color:#6699CC;  padding:0px  }
.menu			{ width: 770px; border-width:1px; border-style: solid; border-color:#6699CC; padding-left: 3px }
.tdmenu			{ width: 256px; border-left: double #6699CC 2pt; padding-left: 5px }
.tdmenu	a:link 			{ font-size: 11px; COLOR: #003399; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.tdmenu	a:visited		{ font-size: 11px; COLOR: #003399; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.tdmenu	a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #E7E3DE; text-decoration: none }
.padd 					{ background-color: #F5F5F5; padding-left: 10px; padding-bottom: 10px; }
.pad 					{ padding-left: 30px; padding-top: 10px; padding-bottom: 10px; }



/* CELLULES */
.produits					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; COLOR: #000000 }
.produits	a:link 			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #336699; text-decoration: underline }
.produits	a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #F5F5F5; text-decoration: underline }
.produits	a:visited		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  color: #336699; text-decoration: underline }




.bordure1		 { border-left: dotted #808080 1pt }




/* TABLEAUX images */
.blanchiment					{ 
						background-image: url(blanchiment-dents.jpg);
						background-repeat: no-repeat;
						background-position: right top;
						background-color: #F5F5F5;
						height: 270px; width: 377px }






.kerrhawe					{ 
						background-image: url(blanchiment-dents-1.jpg);
						background-repeat: no-repeat;
						background-position: right top;
						background-color: #F5F5F5;
						height: 179px; width: 345px;
						padding-left: 20px
 }


.kerrhawe a:link 		{ font-weight: bold;  font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.kerrhawe a:visited		{ font-weight: bold; font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.kerrhawe a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #fff; text-decoration: none }




.kerr				{ font-weight: bold;  font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; background-color: #F5F5F5; padding-left: 20px  }
.kerr a:link 		{ font-weight: bold;  font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.kerr a:visited		{ font-weight: bold; font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.kerr a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #fff; text-decoration: none }





/* POP */
.table { border-width:1px; border-style: solid; border-color: #000000 }
.titre { border-width:1px; border-style: solid; border-color: #fff; background-color: #003399; font-weight: bold; font-size: 11px; COLOR: #fff }
.solidb{ border-width:1px; border-style: solid; border-color: #336699 }
.solidblanc{ border-width:1px; border-style: solid; border-color: #fff }
.solidg{ border-width:1px; border-style: solid; border-color: #CCCCCC}
.dashedbl{ border-width:1px; border-style: dashed; border-color:#EEEECC }
.dashedblanc{ border-width:1px; border-style: dashed; border-color:#fff }
.dashed{ border-width:1px; border-style: dashed; border-color:#336699 }
.double{ border: #336699  3px;	border-style: double }

.tableop						{ 
						width: 496px; border-width:1px; background-image: url(digue-fond.gif);
						border-right: #ccc 1px solid;
						border-left: #ccc 1px solid; 
						 }


/* CELLULE */
.bleu 				{ background-color: #003399; font-weight: bold; font-size: 11px; COLOR: #fff; font-family: Arial, Helvetica, sans-serif }
.bleu1				{ background-color: #6699CC; padding-left: 3px }


/* LIENS */
.indiens				{ font-weight: bold; font-size: 11px; COLOR: #CC0066; font-family: Arial, Helvetica, sans-serif	}
.indien					{ font-size: 11px; COLOR: #CC0066; font-family: Arial, Helvetica, sans-serif	}
.indien a:link 			{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.indien a:visited		{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.indien a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #003399; text-decoration: none }

.soustitre					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; COLOR: #000000	}
.soustitre a:link 			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; COLOR: #000000; text-decoration: none }
.soustitre a:visited		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; COLOR: #000000; text-decoration: none }
.soustitre a:hover 			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; COLOR: #000000; text-decoration: none }

.produit					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; COLOR: #000000	}
.produit a:link 			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; COLOR: #336699; text-decoration: underline }
.produit a:visited			{ COLOR: #336699; text-decoration: underline }
.produit a:hover 			{ COLOR: #336699; background-color: #99ccff; text-decoration: underline }

.bas				{ font-size: 11px; COLOR: #CC0066; font-family: Arial, Helvetica, sans-serif	}
.bas a:link 		{ font-size: 11px; COLOR: #CC0066; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.bas a:visited		{ font-size: 11px; COLOR: #CC0066; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.bas a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #99ccff; text-decoration: none }

.noms				{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif	}
.noms a:link 		{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.noms a:visited		{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.noms a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #fff; text-decoration: none }


.materiel				{ font-size: 11px; COLOR: #CC0066; font-family: Arial, Helvetica, sans-serif	}
.materiel a:link 		{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
.materiel a:visited		{ font-size: 11px; COLOR: #6699CC; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
.materiel a:hover 		{ font-weight: bold; COLOR: #CC0066; background-color: #F5F5F5; text-decoration: underline }


a.esthetique:link 		{ color: #333399; font-weight: bold; text-decoration: underline }
a.esthetique:visited 	{ color: #333399; font-weight: bold; text-decoration: underline }
a.esthetique:hover 		{ color: #FFFFFF; text-decoration: none; background-color: #CC0066 }

a.numerique:link 		{ color: #336699;  text-decoration: underline }
a.numerique:visited 	{ color: #336699;  text-decoration: underline }
a.numerique:hover 		{ font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #000 }


/* -- fleche --*/

#arrow UL 	{padding-right: 0px; padding-left: 0px; PADDING-BOTTOM: 0px; margin: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#arrow UL LI {background: url(little-arrow-over.gif) no-repeat 0px 7px; font: 11px/20px Arial, Helvetica, sans-serif}
#arrow UL LI A {padding-right: 0px; DISPLAY: block; padding-left: 12px; background: url(petite-fleche.gif) no-repeat 0px 6px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 90px; COLOR: #999980; PADDING-TOP: 0px; }
#arrow UL LI A:hover {background: url(petite-fleche-over.gif) no-repeat 0px 6px}

#arrow1 UL 	{padding-right: 0px; padding-left: 130px; PADDING-BOTTOM: 0px; margin: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#arrow1 UL LI {background: url(little-arrow-over.gif) no-repeat 0px 7px; font: 11px/20px Arial, Helvetica, sans-serif}
#arrow1 UL LI A {padding-right: 0px; DISPLAY: block; padding-left: 12px; background: url(petite-fleche.gif) no-repeat 0px 6px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 120px; COLOR: #666; PADDING-TOP: 0px; }
#arrow1 UL LI A:hover {background: url(petite-fleche-over.gif) no-repeat 0px 6px}

#arrowtop UL 	{padding-right: 0px; padding-left: 220px; PADDING-BOTTOM: 0px; margin: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#arrowtop  UL LI {background: url(little-arrow-over.gif) no-repeat 0px 7px; font: 11px/20px Arial, Helvetica, sans-serif}
#arrowtop UL LI A {padding-right: 0px; DISPLAY: block; padding-left: 12px; background: url(petite-fleche.gif) no-repeat 0px 6px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 120px; COLOR: #666; PADDING-TOP: 0px; }
#arrowtop UL LI A:hover {background: url(petite-fleche-over.gif) no-repeat 0px 6px}


/* POLICES */
.bluegras				{ font-weight: bold; font-size: 12px; color: #003399; font-family: Arial, Helvetica, sans-serif	}
.bluegr				{ font-weight: bold; font-size: 11px; color: #003399; font-family: Verdana, Arial, Helvetica, sans-serif	}
.bluesky				{ font-weight: bold; font-size: 11px; color: #6699CC; font-family: Verdana, Arial, Helvetica, sans-serif }
.rosegras				{ font-weight: bold; font-size: 13px; color: #CC0066; font-family: Arial, Helvetica, sans-serif	}  		
.blue 					{ font-size: 11px; color: #666699; font-family: Arial, Helvetica, sans-serif } 
.greygras 				{ font-weight: bold; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif	} 
.grey					{ font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif	}  
.blackgras 				{ font-weight: bold; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif	}