/* ------------------------------------------------------------  HEADER IMAGE ------------------------------------------------------------ */

#Imp{ clear:both; width:645px; height:400px;  background: transparent url(../images/cosmetologie-dermatologie.jpg) top left no-repeat;
	padding:0;overflow:hidden; margin: 30px 20px 20px 20px;  display:inline-block;/*Added for IE6*/}
#Imp h2 {float:left; clear:left; width:600px; padding-left:10px;}
#Imp p.peau{ float:left; clear:left; margin:0; padding:20px 0 20px 20px; color:#F6FCFE; font-size:22px; font-style:italic; font-weight: normal;  margin: 0; text-align:justify;  }



/* ------------------------------------------------------------  IMAGES PARAGRAPHES ------------------------------------------------------------ */

.produits {margin: 0; padding: 30px 0 10px 0;}
.produits h3{margin: 0 0 0 20px; padding:0 0 15px 40px; background:url(../images/produits-cosmetiques.gif) no-repeat left bottom; font-size: 18px; font-weight:normal; letter-spacing: -0.03em;}
.produits h3 a {color: #444;text-decoration: none;border: none;font-style:normal;}
.produits h3 a:hover {color: #666;text-decoration: none;border: none;}

.produit-cosmetique { margin: 0; padding: 20px 0 0 0; font-size: 12px; line-height: 18px; }
.produit-cosmetique ul { margin: 0; padding: 0 0 18px 38px; list-style:none; }
.produit-cosmetique li { margin: 0; padding:6px 4px 6px 18px; border-bottom:1px solid #F1F1F1; width:90%;  background:url(../images/bulet.gif) left 13px no-repeat; color: #2c4855; }
.produit-cosmetique li a, .produit-cosmetique li a:link, .produit-cosmetique li a:visited { color: #2c4855;}
.produit-cosmetique li a:hover { color: #50A0C2;}


a { text-decoration: none;}
.clearall {clear: both; font-size: 1px; float: none;height:1px;margin-top:-1px;line-height: 1px;}

h4.turquoise { color: #000;margin: 0 20px 6px 38px; padding:0; font-weight: bold;  font-family:georgia, serif; font-size:22px; font-weight:normal;}
.img-shadow img { border:1px solid #99C5D4;  padding:7px; display: block; background-color:#F1F9FC;}
.leftalign { float: left; margin: 0 12px 5px 0;}
.points1 { height: 2px; width: 630px; line-height: 2px; margin:15px 20px 15px 20px; padding: 0; background: transparent url(../images/dotted.gif) repeat-x 0% 100%; clear:both;}
p.produits-cosmetiques {color:#2c4855;  font-size: 12px; line-height: 17px; text-align:justify; margin: 0 30px 15px 20px; padding: 0;}
p.produits-cosmetiques-droite {color:#2c4855;  font-size: 12px; line-height: 17px; text-align:right; margin: 0 30px 15px 0; padding: 0;}

/* ------------------------------------------------------------  CHIFFRES ------------------------------------------------------------ */
.clear {clear:both;}


#chif{ clear:both; width:645px; height:30px;  padding:0; margin: 0 0 0 20px;  overflow:hidden; display: block; }
ul#evaluations  { clear:both; width: 600px;  height: 30px; padding:0; margin: 0;  list-style-type: none; }
 ul#evaluations  li { margin: 0; padding: 0 10px 0 0; list-style-image: none; float:left; }
 ul#evaluations  li a:link,   ul#evaluations li a:visited  { float:left; height: 30px; text-indent: -9999px; display: block; }
 ul#evaluations  li a.active {cursor:pointer}
 ul#evaluations li.a a,  ul#evaluations li.a a:visited {width: 30px; background: url(../images/a-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.a a:hover,   ul#evaluations li.a a:active, ul#evaluations li.a a.active {background: url(../images/a-cosmetologie.gif) no-repeat left top;}
 
 ul#evaluations li.b a,  ul#evaluations li.b a:visited {width: 30px; background: url(../images/b-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.b a:hover,   ul#evaluations li.b a:active, ul#evaluations li.b a.active {background: url(../images/b-cosmetologie.gif) no-repeat left top;}
 
 ul#evaluations li.c a,  ul#evaluations li.c a:visited {width: 30px; background: url(../images/c-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.c a:hover,   ul#evaluations li.c a:active, ul#evaluations li.c a.active {background: url(../images/c-cosmetologie.gif) no-repeat left top;}
 
  ul#evaluations li.d a,  ul#evaluations li.d a:visited {width: 30px; background: url(../images/d-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.d a:hover,   ul#evaluations li.d a:active, ul#evaluations li.d a.active {background: url(../images/d-cosmetologie.gif) no-repeat left top;}
 
  ul#evaluations li.e a,  ul#evaluations li.e a:visited {width: 30px; background: url(../images/e-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.e a:hover,   ul#evaluations li.e a:active, ul#evaluations li.e a.active {background: url(../images/e-cosmetologie.gif) no-repeat left top;}
 
  ul#evaluations li.f a,  ul#evaluations li.f a:visited {width: 30px; background: url(../images/f-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.f a:hover,   ul#evaluations li.f a:active, ul#evaluations li.f a.active {background: url(../images/f-cosmetologie.gif) no-repeat left top;}
 
   ul#evaluations li.g a,  ul#evaluations li.g a:visited {width: 30px; background: url(../images/g-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.g a:hover,   ul#evaluations li.g a:active, ul#evaluations li.g a.active {background: url(../images/g-cosmetologie.gif) no-repeat left top;}
 
   ul#evaluations li.h a,  ul#evaluations li.h a:visited {width: 30px; background: url(../images/h-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.h a:hover,   ul#evaluations li.h a:active, ul#evaluations li.h a.active {background: url(../images/h-cosmetologie.gif) no-repeat left top;}
 
   ul#evaluations li.i a,  ul#evaluations li.i a:visited {width: 30px; background: url(../images/i-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.i a:hover,   ul#evaluations li.i a:active, ul#evaluations li.i a.active {background: url(../images/i-cosmetologie.gif) no-repeat left top;}
 
   ul#evaluations li.j a,  ul#evaluations li.j a:visited {width: 30px; background: url(../images/j-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.j a:hover,   ul#evaluations li.j a:active, ul#evaluations li.j a.active {background: url(../images/j-cosmetologie.gif) no-repeat left top;}
 
   ul#evaluations li.k a,  ul#evaluations li.k a:visited {width: 30px; background: url(../images/k-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.k a:hover,   ul#evaluations li.k a:active, ul#evaluations li.k a.active {background: url(../images/k-cosmetologie.gif) no-repeat left top;}
 
    ul#evaluations li.l a,  ul#evaluations li.l a:visited {width: 30px; background: url(../images/l-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.l a:hover,   ul#evaluations li.l a:active, ul#evaluations li.l a.active {background: url(../images/l-cosmetologie.gif) no-repeat left top;}
 
    ul#evaluations li.m a,  ul#evaluations li.m a:visited {width: 30px; background: url(../images/m-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.m a:hover,   ul#evaluations li.m a:active, ul#evaluations li.m a.active {background: url(../images/m-cosmetologie.gif) no-repeat left top;}
 
    ul#evaluations li.n a,  ul#evaluations li.n a:visited {width: 30px; background: url(../images/n-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.n a:hover,   ul#evaluations li.n a:active, ul#evaluations li.n a.active {background: url(../images/n-cosmetologie.gif) no-repeat left top;}
 
    ul#evaluations li.o a,  ul#evaluations li.o a:visited {width: 30px; background: url(../images/o-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.o a:hover,   ul#evaluations li.o a:active, ul#evaluations li.o a.active {background: url(../images/o-cosmetologie.gif) no-repeat left top;}
 
    ul#evaluations li.p a,  ul#evaluations li.p a:visited {width: 30px; background: url(../images/p-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.p a:hover,   ul#evaluations li.p a:active, ul#evaluations li.p a.active {background: url(../images/p-cosmetologie.gif) no-repeat left top;}
 
     ul#evaluations li.q a,  ul#evaluations li.q a:visited {width: 30px; background: url(../images/q-dermatologie.gif) no-repeat left top;}
 ul#evaluations li.q a:hover,   ul#evaluations li.q a:active, ul#evaluations li.q a.active {background: url(../images/q-cosmetologie.gif) no-repeat left top;}