#page {
    position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    text-align: left; /* on rétablit l'alignement normal du texte */
	margin-top: 1em ;
	background-color: #FFFFFF;
	border: outset 2px #0099ff;


}
body {
	background: #fff url(../Images/fd.gif) repeat;
}  
h1 {
	font-family: arial, sans-serif ;
	font-size: 20px ;
	font-weight: bold ;
	line-height: 20px ;
	padding-top: 15px;
}
#job-offer {
	position:absolute;
	top:483px;
	left: -125px;
}
#homeimage {
	position:absolute;
	top: 110px; 
	left: 140px;	
	width:860px;
	height:495px;
	z-index:1;
	visibility: visible; 
}
#legal {
	position:absolute;
	width:860px;
	height:17px;
	z-index:0;
	left: 140px;
	top: 613px;
	visibility: visible;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
}

a:link {
	color: #003366;
}
a:active {
	color: #003366;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #003366;
}
.ascenseur {
	position: relative;
	width:860px;
	height:505px;
	z-index:1;
	left: 0;
	top: 0;
	overflow: auto;
	scrollbar-face-color: #72c7e7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #72c7e7;
	scrollbar-darkshadow-color: #72c7e7;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}
.marge {
	position: absolute;
	margin: 10px;
}
#rubriques {
	background-repeat: repeat-x;
	background-position: 0px 0px;
	left:0px;
}
#rubriques ul {
    list-style: none;
    margin: 0;
   padding: 0;
    border: none;
}
#rubriques li {
	list-style-type : none;
	margin : 0 0 0 1px;
}
#rubriques a {
	height : 48px;
	width : 120px;
	background-repeat : no-repeat;
	display : block;
	background-position : 0 0;
}
#rubriques a:hover {
	background-position : -120px 0;
} 
#products a {
	background-image : url(http://www.sederma.fr/Images/PRODUCTS.gif);
}
#products_on a {
	background-image : url(http://www.sederma.fr/Images/PRODUCTS.gif);
	background-position: -120px 0px;
} 
#about a {
	background-image : url(http://www.sederma.fr/Images/ABOUT.gif);
}
#about_on a {
	background-image : url(http://www.sederma.fr/Images/ABOUT.gif);
	background-position : -120px 0px;
} 
#catalogue a {
	background-image : url(http://www.sederma.fr/Images/CATALOGUE.gif);
}
#catalogue_on a {
	background-image : url(http://www.sederma.fr/Images/CATALOGUE.gif);
	background-position: -120px 0px;
} 
#events a {
	background-image : url(http://www.sederma.fr/Images/EVENTS.gif);
}
#events_on a {
	background-image : url(http://www.sederma.fr/Images/EVENTS.gif);
	background-position : -120px 0px;
} 
#patent a {
	background-image : url(http://www.sederma.fr/Images/PATENT.gif);
}
#patent_on a {
	background-image : url(http://www.sederma.fr/Images/PATENT.gif);
	background-position : -120px 0px;
} 
#publications a {
	background-image : url(http://www.sederma.fr/Images/PUBLICATIONS.gif);
}
#publications_on a {
	background-image : url(http://www.sederma.fr/Images/PUBLICATIONS.gif);
	background-position : -120px 0px;
} 
#press a {
	background-image : url(http://www.sederma.fr/Images/PRESS.gif);
}
#press_on a {
	background-image : url(http://www.sederma.fr/Images/PRESS.gif);
	background-position : -120px 0px;
} 
#partners a {
	background-image : url(http://www.sederma.fr/Images/PARTNERS.gif);
}
#partners_on a {
	background-image : url(http://www.sederma.fr/Images/PARTNERS.gif);
	background-position : -120px 0px;
} 
#contact a {
	background-image : url(http://www.sederma.fr/Images/CONTACT.gif);
}
#contact_on a {
	background-image : url(http://www.sederma.fr/Images/CONTACT.gif);
	background-position : -120px 0px;
} 
#job a {
	background-image : url(http://www.sederma.fr/Images/JOB.gif);
}
#job_on a {
	background-image : url(http://www.sederma.fr/Images/JOB.gif);
	background-position : -120px 0px;
} 
#market a {
	background-image : url(http://www.sederma.fr/Images/MARKET.gif);
}
#market_on a {
	background-image : url(http://www.sederma.fr/Images/MARKET.gif);
	background-position : -120px 0px;
} 
#terms a {
	background-image : url(http://www.sederma.fr/Images/TERMS.gif);
}
#terms_on a {
	background-image : url(http://www.sederma.fr/Images/TERMS.gif);
	background-position : -120px 0px;
} 
.publications {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #003366;
}
.about {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
table #sitemap {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #666666;
}
#sitemap ul {
    list-style: none;
    margin: 0;
   padding: 5;
    border: none;
}
#sitemap il {
	list-style-type : none;
}
#bas {
	position:absolute;
	margin: 0 auto;
	padding: 2px 0 20px 0;
	border-top: 1px solid #cccccc;
	text-align: right;
	color: #cccccc;
	font-size: 0.9em;
	width:855px;
	z-index:3;
	left: 140px;
	top: 633px;
}
#bas a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 8pt;
	text-decoration:none;
	color: #888888;
}
#bas a:hover {
	text-decoration: underline;
}

#cat {
	position:absolute;
	width:160px; 
	height:235px; 	
	z-index:30; 
	left: 810px; 
	top: 350px; 
	visibility: visible;
	line-height: 12px;
	padding: 10px;
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
		color: #000000;
}

#cat h3 {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;		
	font-size: 12px ; 
	font-weight: bold;
	line-height: 12px;	
	margin-top: 0px;
}

#cat ul {
 	list-style-image: url(Images/puce.png);
    margin-left: 20px;
	padding: 0;
    border: none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;
}
#cat il {
	list-style-type : none;
}
#cat a {
	text-decoration:none;
	color: #666666;
	font-size: 10px;
}
#cat a.titrecat {
	text-decoration:none;
	color: #000000; 
		font-size: 11px;
}
#cat a:hover {
	text-decoration: underline;
}

#actives {
position:absolute;
width:860px;
height:17px;
z-index:1;
left: 140px;
top: 613px;
text-align: left;
color: #aaaaaa;
visibility: visible;
background-color: #eeeeee;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;
}
#actives a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration:none;
	color: #888888;
}
#actives  a:hover {
text-decoration: underline;
}
/* ----------------- Carousel -----------*/


#container {
  position: absolute;
  width: 570px;
  height: 400px;
  top: 80px;
  left: 270px;
}

div#products-list {
  position: relative;
  width: 780px;
  height: 50px;
  top: 420px;
  left: 30px;
  /*border: double 3px #0099ff;*/
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #0099ff;
		}
div#products-list ul {
  position: relative;
}
div#products-list ul li{
  display: inline;
  list-style:none;  
  margin-left: 10px;
}
div#products-list ul li a{
text-decoration: none;
color: #0099ff;
font-weight: bold;
}
div#products-list ul li a:hover{
color: #ffffff;
background-color: #0099ff;
}