/* CSS Document */

body {
background-color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {outline:none;}
#address p, #links a {color:#530029 !important; text-decoration:none}
#content a{color:#C06; text-decoration:underline}
#content a:hover { text-decoration:none;}
#links ul {list-style:none; display:inline; margin:0; padding:0; margin-left:20px }
#links ul li {font-size:10px; display:inline; margin-right:30px; margin-left:10px}
h1 { font-size:12px; font-weight:bold; color:#000}
h2 {font-size:11px; font-weight:bold; color:#C06; width:60%; margin-top:10px; margin-bottom:5px; }
td { padding:1px; background-image:url(img/sep-tab.gif); background-repeat: repeat-x; background-position: bottom}
#content ul {margin-left:40px}
#content li {font-size:11px; color:#333; list-style-image:url(img/item.gif); list-style-position:outside}
.sep { background:url(img/line.png) no-repeat; position:relative;height:25px;  }
 p {font-size:11px;color:#333; margin-left:30px; margin-right:20px ; }
th {font-size: 11px; font-weight: bold; color:#FFF; background-color:#C06} 
td {font-size:10px; color:#000;filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8; background-color:#FFF }
 .note {font-size:10px; color:#530029!important}
 .note2 {font-size:10px}
 
 .note_accueil {font-size:13px; margin-top:90px;text-align:left;color:red;line-height:1em;}
 .note_accueil  br{margin-top:2px;}
 .note_accueil #titre {font-size:15px; font-weight:bold; letter-spacing:0.2em; text-align:left;color:red;}
 
 .note_accueil2 {font-size:9px; margin-top:10px;text-align:left;color:red;line-height:1em;}
 .note_accueil2  br{margin-top:1px;}
 .note_accueil2 #titre2 {font-size:11px; font-weight:bold; text-align:left;color:red;}
 
 
 .note_contact {font-size:9px; }
 
 
 
#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 600px;
	 margin:-300px auto auto -400px;
	 
	 border:1px solid #000;

}
caption {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#333; font-size:11px; padding-bottom:5px}
strong {font-weight:bold}
.part {position:absolute; width: 480px; margin-left:30px; top:25px; height:260px; display:none;}
.part2 {top: 90px !important; height:240px !important}
#text {position:absolute; left:230px; width:300px; height:270px; }
#links {position:absolute; top:580px}
#text p{margin-left:10px; padding-right:20px ;}
#illustration p {margin-left:5px; margin-right:0px}
#illustration {position:absolute; left:0px; width:230px; height:270px; }
#illustration img {border:1px solid #000}
#esthetique {position:absolute; top:130px; left:160px; width:200px; height:74px}
#content {
background:transparent;position:absolute;width:535px; height:340px; left:220px;top:223px;margin:10px; 
}
#menu {
	list-style:none;
}
#menu a  {width:80px; }
#menu a:visited img, #menu a:link img{filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
#menu a:hover img, #menu a:active img, #menu a:focus img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
 }
.outer {background:url(img/bckOut.jpg) no-repeat #FFF;}
.inner {background:url(img/bckInt.jpg) no-repeat #FFF center;}
.outer #menu{
	position:absolute;
	margin:0; padding:0;
	left:670px;
	top:390px;
	text-align:right;
	width:74px;
}
#menu a, #menu a:visited {
  display:block; 
  }
.inner #menu {
	position:absolute;
	margin:0;padding:0;
	top:283px;
	left:40px;
	width:74px;background-color:#CCFF33;
}

.accueil {position:absolute; top:0px; left:10px}
.services {position:absolute;top:58px; left:5px}
.produits {position:absolute;top:120px; left:11px}
.institut {position:absolute;top:179px; left:48px}
.contact {position:absolute;top:227px; left:88px}



.outer li {margin:0;padding:0; height:40px;}
 a  img{border:none; z-index:1}

 
TABLE.Menu
 {
	border : 0px solid #F7F7F7;
	height:15px;
	/*padding-top:15px;*/
	margin:10px;
}

A {
	text-decoration: none;
}

TABLE.Menu TH 
{
	border : 1px solid #666666;
	border-color:#666666;
	background-color:#EEEEEE;
	text-align:left; 
	padding:0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	cursor: POINTER;
}

TABLE.Menu TD 
{
	padding-top:2px;
	padding-right:0px; 
	padding-bottom:2px; 
	padding-left:5px;
}

TABLE.Menu A
{
	border : 0px solid #2C8EC6;
	font-family: Verdana, Arial, Helvetica;
	font-size:11px;
	color:black;
	padding-top: 1px;
	padding-bottom : 1px;
	cursor: pointer;
	padding-left : 1px;
	padding-right : 1px;
}

TABLE.Menu A:LINK{

}

TABLE.Menu A:VISITED{

}

TABLE.Menu A:ACTIVE{

	background-color: #FFFFFF;

	border-color: #2C8EC6;

	border-width: 0px;

	border-style: solid;

	padding-top: 1px;

	padding-bottom : 1px;

	cursor: pointer;

	text-decoration: none;

}

TABLE.Menu A:HOVER{

	/*background-color: #2C8EC6;*/

	border-color: #2C8EC6;

	border-width: 1px;

	border-style: solid;

	padding-top: 1px;

	padding-bottom : 1px;

	cursor: pointer;

	text-decoration: none;

}

TABLE.Menu A:FOCUS{

	background-color: #CCCCCC;

	border-color: gray;

	border-width: 1px;

	border-style: solid;

	padding-top: 1px;

	padding-bottom : 1px;

	cursor: pointer;

	text-decoration: none;

}