/*  FADE
-------------------------------*/


* {margin:0;padding:0;list-style:none;}




.fadeThis1 { top: 0;left: 0; display:block; height: 250px; width: 264px; background:url(images/human-skin.jpg) 0 0 no-repeat;
}		
.fadeThis1 * { display: none;
}
.fadeThis1 span.hover {top: 0; left: 0; display: block; height: 250px; width: 264px; background:url(images/human-skin.jpg) 0 -250px no-repeat; cursor:pointer;
}

.fadeThis2 { top: 0;left: 0; display:block; height: 250px; width: 264px; background:url(images/active-ingredients.jpg) 0 0 no-repeat;
}		
.fadeThis2 * { display: none;
}
.fadeThis2 span.hover {top: 0; left: 0; display: block; height: 250px; width: 264px; background:url(images/active-ingredients.jpg) 0 -250px no-repeat; cursor:pointer;
}

.fadeThis3 { top: 0;left: 0; display:block; height: 250px; width: 264px; background:url(images/in-vitro.jpg) 0 0 no-repeat;
}		
.fadeThis3 * { display: none;
}
.fadeThis3 span.hover {top: 0; left: 0; display: block; height: 250px; width: 264px; background:url(images/in-vitro.jpg) 0 -250px no-repeat; cursor:pointer;
}

.fadeThis4 { top: 0;left: 0; display:block; height: 250px; width: 264px; background:url(images/scalp.jpg) 0 0 no-repeat;
}		
.fadeThis4 * { display: none;
}
.fadeThis4 span.hover {top: 0; left: 0; display: block; height: 250px; width: 264px; background:url(images/scalp.jpg) 0 -250px no-repeat; cursor:pointer;
}


.fadeThis5 { top: 0;left: 0; display:block; height: 250px; width: 264px; background:url(images/clinical-protocol.jpg) 0 0 no-repeat;
}		
.fadeThis5 * { display: none;
}
.fadeThis5 span.hover {top: 0; left: 0; display: block; height: 250px; width: 264px; background:url(images/clinical-protocol.jpg) 0 -250px no-repeat; cursor:pointer;
}


.fadeThis6 { top: 0;left: 0; display:block; height: 250px; width: 264px; background:url(images/gredeco.jpg) 0 0 no-repeat;
}		
.fadeThis6 * { display: none;
}
.fadeThis6 span.hover {top: 0; left: 0; display: block; height: 250px; width: 264px; background:url(images/gredeco.jpg) 0 -250px no-repeat; cursor:pointer;
}


/*  MISE EN PAGE BLOCS IMAGES
-------------------------------*/
#contentTopfade {padding:20px; margin:0;}
h3.av {padding: 20px 0 10px 0; color: #2C3B46; margin: 0; font-weight: normal; font-size:18px; font-family:"lucida sans", verdana, arial, sans-serif; color:#0E1116;  }
h3.av span{color:#436f84; font-size:13px;  font-style:italic;  }


h2.titreFade {color:#436f84; font-size:22px; font-style:italic; font-weight: normal; font-family:georgia, serif; padding: 0 0 4px 0; margin: 0 0 10px 0; border-bottom: 1px solid #436f84; }
#modeles .quatre_col {color:#436f84; }
#modeles { padding:1px 0 50px 0 ;  position: relative; }
#modeles .quatre_col ul, #modeles .quatre_col ul li {padding:0; margin:0;} 




.quatre_col { float: left; width:264px; margin-top:20px; margin-left:0; margin-bottom:0;
margin-right:30px !important; /* IE6 fix */
margin-right:30px;display: inline;
}
.quatre_col a:link, .quatre_col a:visited, .quatre_col a:hover{text-decoration:none;}
.large_col .quatre_col, .large_col .fin_col { padding:0 0 20px 0;}

p.evaluation {color:#436f84; font-size:13px; font-style:italic; font-weight: normal; font-family:georgia, serif; padding: 0; margin: 0; }
p.evaluation_lien a, p.evaluation_lien a:link, p.evaluation_lien a:visited {color:#436f84; font-size:13px; font-style:italic; font-weight: normal; font-family:georgia, serif; padding: 10px 0 0 0; margin: 0; }
/********************************************************************************************************************************************
en cours
********************/

.inter { clear:both; height:50px; }
.clair { color:#6B7173; font-weight: normal; }

p.media_infos { padding:10px 0 10px 0 }
p.media_infos a, p.media_infos a:link, p.media_infos a:visited  {color:#436f84; font-size:13px; font-style:italic; font-weight: normal; font-family:georgia, serif; padding: 0; margin: 0; text-decoration:underline;}
p.media_infos a:hover  { color:#000;  }



h4.fade1 {padding: 20px 0 0 0; color: #2C3B46; margin: 0 0 10px 0; font : bold 12px/18px Arial, Helvetica, sans-serif;  }
h4.fade1 a, h4.fade1 a:link, h4.fade1 a:visited  {color:#0E1116;}



/*  clearfix
-------------------------------*/

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {height:1%}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */	

/*  protocole
-------------------------------*/
#contentProtocole {clear:both; margin-top:65px; background:#fff; padding:0; margin:65px 0 0 0}
#contentTopProtocole {padding:40px; margin:0;}

p.protocoles { margin:  10px 0 0 0; padding:0; padding-left:40px; font-size:16px; font-style:normal; color:#0E1116; font-family:georgia, serif; background:url(../images/icon-cosmetologie.gif) no-repeat 0 0px;	}
#contentMicroscope {width:940px; height:654px; background:url(images/dermatologie-cosmetologie.jpg) top left no-repeat;  }
#Microscope {width:940px; height:654px;   }
#Microscope .une_col {color:#436f84; }
#Microscope .une_col ul, #Microscope .une_col ul li {padding:0; margin:0;} 
.une_col { padding:0; margin:0 0 0 443px;}
.une_col a:link, .une_col a:visited, .une_col a:hover{text-decoration:none;}
.une_col{ padding:0;}
.fadeThis7 { top: 0;left: 0; display:block; height: 630px; width: 496px; background:url(images/dermatologie.jpg) 0 0 no-repeat; }	
.fadeThis7 * { display: none;}
.fadeThis7 span.hover {top: 0; left: 0; display: block; height: 630px; width: 496px; background:url(images/dermatologie.jpg) 0 -630px no-repeat; cursor:pointer;}


.fadeThis8 { top: 0;left: 0; display:block; height: 630px; width: 496px; background:url(images/hon.gif) 0 0 no-repeat; }	
.fadeThis8 * { display: none;}
.fadeThis8 span.hover {top: 0; left: 0; display: block; height: 630px; width: 496px; background:url(images/hon.gif) 0 -630px no-repeat; cursor:pointer;}