/* CSS Document */
#head #toggleLanguage{
	position:absolute;
	top:15px;
	right:15px;
	width:30px;
	height:25px;

}
#hpMainTop{ 
	width:652px;
	float:left;
	height:232px;
	display:block;
	margin-bottom:20px;
}
#hpMainTop #hpAnimation{ 
	width:448px;
	float:left;
	height:232px;
	display:block;
	overflow:hidden;
}
#hpMainTop #hpTotems{ 
	width:195px;
	float:right;
	height:232px;
	display:block;
	border:0px  dotted #666666;
}
#hpMainTop #hpTotems .totem{
	width:195px;
	height:53px;
	margin-bottom:6px;
	background-position:top center;
	background-repeat:no-repeat;
	border-bottom:#999999 0px dotted;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	font-size:8px;
	text-transform:uppercase;
	line-height:11px;
}
#hpMainTop #hpTotems .totem strong{
	font-weight:normal;
}
#hpMainTop #hpTotems .totem a{
	color:#767676;
	text-decoration:none;
}
#hpMainTop #hpTotems .totem a:hover{
	color:#767676;
	text-decoration:underline;
}
#hpMainTop #hpTotems .current{
	background-image:url(/homepage/img/totem_bg_current.png);
}
#hpMainTop #hpTotems .others{
	background-image:url(/homepage/img/totem_bg_others.png);
}
#hpMainTop #hpTotems .others:hover{
	/*background-image:url(/homepage/img/totem_bg_others_hover.png);*/
}
#hpMainTop #hpTotems .totem a {
	text-decoration:none;
}
#hpMainTop #hpTotems .totem:hover {
	border-bottom:#666666 1px dotted;
}
#hpMainBottom{
	width:448px;
	overflow:hidden;
	float:left;
}
#hpMainBottom h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0A96AF;
	margin-bottom:10px;
	font-size:18px;
}
#hpMainBottom  p{
	line-height:20px;
	font-size:12px;
	text-align:justify;
}
#hpMainBottom a{
	color:#0A96AF;
	text-decoration:none;
}
#hpMainBottom a:hover{
	text-decoration:underline;
}
#hpMainBottom strong {
	color:#0A96AF;
}
#hpMainBottom .enumeration {
	width:250px;
	display:block;
	height:auto;
	overflow:hidden;
	float:left;	
	border:0px solid #666666;			
}
#hpMainBottom .enumeration ul{
}
#hpMainBottom .enumeration ul li{
	font-size:13px;
	margin-bottom:5px;
	list-style-type: square;
}
#hpRightBottom{
	float:right;
	margin-right:10px;
}

/*DOMAINES D'ACTIVITES */
#domaines{	
	border:none;
	paddind:0px;
	margin:0px;
	margin-left:7px;
	width:167px;
}
#domaines h2{
	font-size:12px;
	color:#333333;
	width:167px;
	text-align:center;
	display:block;
	padding:0px;
	margin:0px;	
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(/homepage/img/domaines-bg.png);
	background-position: left top;
	background-repeat:none;
}
#domaines .sep{
	border-top:1px #333 dotted;
	width:149px;
	padding:0px;
	margin:0px;
	margin-left:9px;
	display:block;
}
#domaines ul{
	border:none;
	margin:0px;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:20px;
	background-image:url(/homepage/img/domaines-bg.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	list-style-type: none;
}
#domaines li{
	padding-left:5px;
	line-height:18px;
	font-size:11px;
}

#domaines li a{
	text-decoration:none;
	color:#000;
}
#domaines li a:hover{
	text-decoration:underline;
}
/* REALISATIONS */
#realisations{	
	width:167px;
	display:block;
	border:none;
	paddind:0px;
	margin:0px;
	margin-left:7px;
	margin-bottom:10px;
	border:0px #f00 solid;

}
#realisations h2{
	background-image:url(/homepage/img/domaines-bg.png);
	background-position: left top;
	font-size:12px;
	color:#333333;
	width:167px;
	text-align:center;
	display:block;
	padding:0px;
	margin:0px;	
	padding-top:5px;
	padding-bottom:5px;
	background-position: left top;
	background-repeat:none;
}
#realisations .sep{
	border-top:1px #333 dotted;
	width:149px;
	padding:0px;
	margin:0px;
	margin-left:9px;
	display:block;
	background-position: left -50px;
}
#realisations #realContent{
	width:100%;
	background-image:url(/homepage/img/domaines-bg.png);
	background-position:bottom left;
	padding-top:5px;
	padding-bottom:20px;
	text-align:center;
}
#realisations #realContent #scrollContainer{
	position:relative;
	width:140px; 
	height:140px; 
	overflow:hidden; 
	display:block;
	margin-left:12px;
}
#realisations #realContent #scrollContainer #scrollContent{
	position:absolute;
	width:300px; 
	height:140px; 
	overflow:hidden; 
	display:block;
}
#realisations #realContent #scrollContainer #scrollContent .realItem{
	position:absolute;
	top:0px;
	width:138px;
	height:138px;
	overflow:hidden; 
	display:block;
	margin-right:12px;
	background-position: center center;
	background-repeat:no-repeat;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0A96AF;
}