html, body {
margin: 0;
padding: 0;
height: 100%
}

body,h1,h2,h3,h4,p,ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
}

body{
	background: #fff url(images/bg-body.gif) repeat;	

}

td img {display: block;}

/* @group My Group */

/* @end */


/* @group MenuDHTML */
#HeaderMenu{
	position: absolute;
	height:  30px;
	z-index: 900;
}

#menuDhtmlUl1 li h1 a {
	text-indent:-999px;
	width:113px;
	height:25px;
}


#menuDhtmlUl1 li h1 a span {
	display: none;
}


.menuDhtmlLi1 h1 a {
	background: url(images/menu_contact.png) no-repeat top left;
}

.menuDhtmlLi2 h1 a {
	background: url(images/menu_prod.png) no-repeat top left;
}

.menuDhtmlLi3 h1 a {
	background: url(images/menu_insti.png) no-repeat top left;
}

.menuDhtmlLi4 h1 a {
	background: url(images/menu_derm.png) no-repeat top left;
}

.menuDhtmlLi5 h1 a {
	background: url(images/menu_sm.png) no-repeat top left;
} 

#menuDhtmlUl1{
	position: absolute;
	top: 132px;
	width:  818px;
	padding: 0px 0 0 0;
}
#menuDhtmlUl1 li{
	float: right;
	list-style: none;
	padding: 0 10px;
	/*border-right: #bbb solid 1px;*/
	background: url(images/sep_mainmenu.png) no-repeat left center;
	height:  20px;
}

#menuDhtmlUl1 li a{
	display: block;
	font: bold 14px tahoma, verdana, arial, helvetica, geneva, sans-serif;
	/*-font: bold 16px/14px tahoma, verdana, arial, helvetica, geneva, sans-serif;*/
}

#menuDhtmlUl1 li a:visited{
	color:#000;
}

#menuDhtmlUl1 li:hover a{
	color:#B9D300;
}

#menuDhtmlUl1 li a:hover{
	color:#B9D300;
}


#menuDhtmlUl1 li ul {
	position: absolute;
	left: -999em; 
	z-index: 1000;
	padding: 0;
}
#menuDhtmlUl1 li:hover ul,
#menuDhtmlUl1 li.sfhover ul { 
	left: auto;
	margin: 0 0 0 0;
}

.menuDhtmlUl_2 {
	/*background-color:#003300;*/
}

#menuDhtmlUl1 li ul li {
	float: none;
	background: url(images/bg_menu.png);
	margin: 0;
	border: none;
	height:  auto;
	padding:7px 15px;
}

#menuDhtmlUl1 li ul li a{
	display: block;
	-width: 200px;
	/width: 200px;
	padding: 0px;
	padding: 0px;
	white-space: nowrap;
}

#menuDhtmlUl1 li ul li a span{
	font: 12px tahoma, verdana, arial, helvetica, geneva, sans-serif;
	-font: 13px tahoma, verdana, arial, helvetica, geneva, sans-serif;
	color: #000;
}

#menuDhtmlUl1 li ul li a:hover span{
	color: #aaa;
}
            
#menuDhtmlUl1 li.menuDhtmlLi5{
	background: none;
}


/* @end */

#PAGE{
	width: 968px;
	margin: auto;
}

#PAGEFOOT{
	clear:both;
	width: 968px;
	margin: auto;
}

#Head {
	height: 0;
}

#MainBarre {
background-color:#FFFFFF; height:30px; clear:both;
}

#MainFlash {
	background-color:#FFFFFF;
	padding-top:0px;
	clear:both;
	height:550px;
	min-height:550px;
	max-height:550px;
	margin:0;
}

#chemin{
	position: absolute;
	margin: 160px 0 0 425px;
	z-index: 1;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px; 
	color: #B9D300;
}


#chemin a{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px; 
	color: #B9D300;
}

#LienAccueil{
	position: absolute;
}

#LienAccueil a{
	display: block;
	width: 850px;
	height: 129px;
	/background-color: #fff;
	filter : alpha(opacity=0);
}

#LienAccueil span{
	display: none;
}

#HeaderPubs{
	position: absolute;
	width: 968px;
}

#HeaderPubs img {
	border:0;
}
#pubeco {
	position:absolute; top:10px; right:120px; z-index:1;
}

#pubjeu {
	position:absolute; top:80px; right:35px; color:red; z-index:2
}

#HeaderLiens{
	position: absolute;
	width: 968px;
	font: 10px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #ccc;
}

#HeaderLiens a{
	display: block;
	float: right;
	padding: 0 5px;
	margin: 5px 0;
	border-right: #bbb 1px solid;
	color: #797979;
}

#HeaderLiens a.first{
	border: none;
	color: #797979;
}

#HeaderLiens a span.Selected{
	color: #797979;
}

#HeaderLiens a span:hover{
	color: #797979;
}


#Middle {
	width: 968px;
	clear: left;
	float: left;
	background: #fff;
	-margin-top: -14px;
}

#Center {
	width: 968px;
	float: left;
	margin: 0;
	padding: 0;
}

#Right {
	width: 0px;
	float: left;
	display: none;
}

#Left {
	width: 0px;
	float: left;
	padding: 0 0 0 0 ;
}

/* @group Formulaire */

#FormContact fieldset{
	border: none;
}

#FormContact p{
	clear:  both;
	margin:  0;

}

#FormContact p label{
	display:  block;
	float:  left;
	width:  100px;
	color:  #B9D300;
	text-align:  right;
}

#FormContact p input{
	float:  left;
	width:  150px;
	border-width: 1px;
	margin: 5px;
}

#FormContact p input.img{
	width:  auto;
	border-width: 0;
	margin: 0;
}

#FormContact p textarea{
	float:  left;
	width:  400px;
	height:  100px;
	margin: 5px;
}

#FormContact span.Erreur{
	color:  #E30D12;
	display:  block;
	clear: both;
	padding:  0 0 0 120px;
	/padding:  0 0 0 105px;
}

#formInstitut input{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #505050;
}

#formInstitut select  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #505050;
	background-color : White;
	height : 18px;
}

#formInstitut textarea  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #505050;
	background-color : White;
}

#formInstitut .txt{
	font-family : arial;
	font-size : 11px;
	font-style: normal;
	font-weight : normal;
	color: #505050;
}

#formInstitut .titre_txt{
	font-family : arial;
	font-size : 11px;
	font-style: normal;
	font-weight : bold;
	color: #505050;
}

#formInstitut .italic{
	font-family: arial;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
}

/* @end */

/* @group FOOTER */
#Foot{
	clear: both;
	height: 25px;
	/*background: url(images/bg-foot.jpg) repeat-x;*/
}


#FootContent{
	margin: auto;
	width: 968px;
	clear: both;
	height: 15px;
	padding: 5px;

}


#Foot a{
	display: block;
	float: left;
	padding: 0 15px;
	margin: 0;
	background: url(images/sep_menu.png) no-repeat left center;
}

#Foot a.first{
	background: none;
}

#Foot a span{
	color: #747378;
	font: 10px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#Foot a:hover span{
	color: #000;
}



/* @end */

/* @group SiteMap */
#sitemap{
	color:  white;
}

#sitemap h1{
	font: bold 14px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #B9D300;
}

#sitemap h2{
	font: bold 12px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#sitemap h3{
	font: 12px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#sitemap ul{
	list-style: none;
	padding: 0 0 0 30px;
	margin:  0 0 15px 0;
}

#sitemap ul ul{
	list-style: none;
	padding: 0 0 0 30px;
	margin:  0 0 15px 0;
	border-left: 1px solid white;
	border-color: #a0a0a0;
}

#sitemap ul li{
	margin: 0 0 5px 0;
}

#sitemap a:hover{
	color: #7f9cb9;
}
/* @end */


/* @group Institut */
#instituts{

}

#institutSearch{

	position: absolute;
	margin: -490px 0 0 5px;
	z-index: 2000;
	width: 300px;
	font: bold 12px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	text-align: left;
}


#instituts #ville{
	font: bold 14px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
	clear: both;
	margin: 0 0 5px 0;
	color: #B9D300;
	padding: 0 0 0px 200px;

}

#instituts #institut{
	clear: both;
	padding: 0 0 15px 0px;
}

#instituts #institut #desc{
	padding: 0 0 0px 200px;
}



#instituts #institut h3{
	font: bold 12px Tahoma,Verdana, Arial, Helvetica, Geneva, sans-serif;
}


#instituts #institut span{
	display: block;
	clear: right;
}

#instituts #institut img{
	float: left;
	padding: 0 10px 5px 0px;
}

/* @end */
.overflow{
	padding: 0pt 8px 0pt 0pt; 
	/padding: 0pt 28px 0pt 0pt; 
	overflow-y: auto; 
	overflow-x: hidden;
	-width:  525px;
	
}


#facebook a{
	display: block;
	float: right;
	border: none;
	margin: 0;
	padding: 5px 10px 0 0 ;
}
#facebook a img{
	border: none;
}