/* CSS Document */
#body {
	background-image:url(../imgs/bg.gif);
		font-weight: normal;
		height: 100%;

}

#bodybox {
	height: 100%;
	width: 800px;
	position:relative;
	margin-left:0px;
	text-align:left;
	background-color:#FFFFFF;
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	z-index:100;
	padding-bottom:15px;
}
#footer {
margin-left:33px;
width:783px;
margin-top:10px;
color:#FF007F;
font-size:10px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
}
#footer a{
color:#000000;
text-decoration:none;
}
#footer a:hover{
color:#FF007F;
}
#bodybox a{
text-decoration:none;
}
.links {

color:#FF007F;
}
.links a{
text-decoration:none;
color:#FF007F;
}
.links a:hover{
color:#000000;
}

h1 {
font-size:14px;
padding:0px;
margin:0px;
font-weight:normal;
}
h1 .selected{
color:#FF007F;
}
h2 {
margin-top:0px;
font-size:16px;
font-weight:bold;

}
h2 a{
color:#000000;
text-decoration:none;
}
h2 a:hover{
color:#FF007F;
}
h3 {
	font-size:16px;
	font-weight:normal;
	color:#FF007F;
	line-height:5px;
}
h4 {
font-size:17px;
font-weight:normal;
color:#FF007F;
margin-top:0px;
margin-bottom:3px;
line-height:18px;
}

div.look{
	width:86px;
	height:106px;
	background:url(../imgs/box2.gif) bottom right no-repeat;
	position:absolute;
	top:70px;
	left:753px;
}
.look a, .look a:link, .look a:visited {
	display:block;
	padding:17px 8px 8px 10px;
	height:43px;	
	font:13px Arial, Helvetica, sans-serif;
	line-height:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}
.look a:hover{
color:#ffffff;
text-decoration:none;
}
div.submit {
	width:87px;
	height:75px;
	position:absolute;
	top:420px;
	left:753px;
}
.submit {
	width:87px;
	height:23px;
	margin-top:8px;

	color:#FFFFFF;
	border:none;
}
div.morew {
	width:87px;
	height:75px;
	position:absolute;
	top:395px;
	.top:360px;
	left:753px;
	z-index:20;
}

.lang {font-size: 9px; color:#000000;}
.lang a{text-decoration:none; color:#000000;}
.lang a :hover{ color:#FF007F;}
.lang selected{ color:#FF007F;}
#nav {
	height: 60px;
	width: 700px;
	text-align:left;
	font:28px Arial, Helvetica, sans-serif;
	margin-top:17px;
	padding-left:33px;
	font-weight:bold;
	color:#999999;
}
#nav a{
color:#000000;
text-decoration:none;
}
#nav a:hover{
color:#FF007F;
text-decoration:none;
}
.selected{
color:#FF007F;
text-decoration:none;
}
#subnav {
	width:750px;
	font:14px Arial, Helvetica, sans-serif;
	margin-top:17px;
	margin-left:-5px;
	font-weight:normal;
}
#subnav li{
list-style-type:none;
margin-right:5px;
float:left;
}
#subnav a{
color:#000000;
text-decoration:none;

}
#subnav a:hover{
color:#FF007F;
}
#contents {
width: 750px;
margin-top:30px;
padding-left:33px;
font-size:13px;
line-height:15px;
overflow:hidden;
}

#contentP {
width: 750px;
	margin-top:50px;
margin-left:30px;
display:block;
	height: 120%;
	overflow:auto;
}

#mapdiv {
	height: 100%;
	width: 850px;
	margin-top:30px;
	padding-left:33px;
    font-size:15px;
}
#mapdiv a{
color:#FF007F;
text-decoration:none;
}

#contactbg {
	height: 340px;
	width: 620px;
 margin-top:20px;
	margin-left:15px;
    font-size:15px;
	background-color:#FF007F;
	color:#FFFFFF;
	padding-bottom:10px;
}

#contact {
	width: 800px;
    height: 380px;
	margin-left:15px;
    font-size:18px;
}
.input{
border-style:solid;
border-color:#FF007F;
border-width:1px;
}
.drop{
width:200px;
color:#000000;
}
.drop a{
text-decoration:none;
color:#000000;
}
.drop a:hover{
color:#FF007F;
background-color:#ffffff;
}
.input2{
border-color:#FF007F; border-style:solid; border-width:1px; padding-left:5px; 
}
.but{
background-color:#FF007F; border:none; color:#FFFFFF; padding:3px; font-size:10px;
}
#careers{
	width: 600px;
    height:100%;
    padding-top:20px;
	padding-right:20px;
	font-size:13px;
}


.space a{
color:#000000;
text-decoration:none;
font-size:13px;
}
.space a:hover{
color:#2B6EF4;
text-decoration:none;
}
.music a{
color:#000000;
text-decoration:none;
font-size:13px;
}
.music a:hover{
color:#8BC53F;
text-decoration:none;
}
.media a{
color:#000000;
text-decoration:none;
font-size:13px;
}
.media a:hover{
color:#FF017E;
text-decoration:none;
}

#totop {
	WIDTH: 30px; POSITION: absolute; HEIGHT: 30px;
}
#totop2 {
 POSITION: absolute; 	width:86px;
	height:106px; background-image:url(../imgs/box2.gif);
}
#totop2 a, totop2 a:link, totop2 a:visited	{
	display:block;
	padding:17px 8px 8px 10px;
	font:13px Arial, Helvetica, sans-serif;
	line-height:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

/*ARTICLES*/
#artleft
{  
   width:486px;
  height:100%;
  line-height:18px;
  font-size:12px;
float:left;
margin-top:-5px;
}
#artright
{  
   width:180px;
  height:100%;
  font-size:10px;
float:left;
margin-left:50px;
margin-top:-5px;
  line-height:12px;
}
#readmore{  
  width:60%;
  height:17px;
  color:#FFFFFF;
  line-height:16px;
  font-size:11px;
  padding-left:10px;
  background-color:#FF007F;
}
.view{  
  width:65%;
  color:#FF007F;
  font-size:13px;
  display:block;
}
.view a{  
   color:#FF007F;
  text-decoration:none;

}
.view a:hover{  
  color:#000000;
  text-decoration:none;

}
/*CLIENTS NAV*/
.clinav {
	width:645px;
	font-size:10px;
	margin-top:12px;
	margin-left:33px;
	font-weight:bold;
	.padding-bottom:15px;
}
.clinav .selected{
color:#FF007F;
font-weight:bold;
}

.clinav a{
color:#000000;
text-decoration:none;
}
.clinav a:hover{
color:#FF007F;
}
.rosa16{
color:#FF007F;
font-size:16px;
line-height:17px;
}
/*CLIENTS ARCHIVES*/
#archives {color:#000000; font-size:13px; width:700px; }
#archives  a{padding-right:5px;color:#000000; text-decoration:none;}
#archives  a:hover{color:#FF007F;}


/*CALENDAR*/
#calendar {
	width:178px;
	height:110px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	display:block;
}
#date {
	color:#FFFFFF;
	font-size:11px;
	background-color:#FF007F;
}
#month {
	height:17px;
	color:#FFFFFF;
	line-height:16px;
	font-size:11px;
	background-color:#FF007F;
	margin-top:12px;
	display:block;
}


.apply{  
  width:80px;
  height:17px;
  color:#FFFFFF;
  line-height:16px;
  font-size:12px;
  padding-left:10px;
  background-color:#FF007F;
}
.apply a{  
  width:80px;
  height:17px;
  color:#FFFFFF;
  line-height:16px;
  font-size:12px;
  background-color:#FF007F;
}
.apply a:hover{  
  width:80px;
  height:17px;
  color:#000000;
  line-height:16px;
  font-size:12px;
  background-color:#FF007F;
}
#tags{color:#000000; font-size:10px; margin-left:33px;}
#tags a{ color:#000000; text-decoration:none;}

/*OUR BACKGROUND*/
#scontainer {
  margin-left:0px;
}
.interactive 
{  
  float:left; width:169px;
  height:117px;
  overflow:hidden;  
  margin-top:0px;
  margin-left:0px;
  margin-right:5px;
  margin-bottom: 5px;
}

.interactive_content 
{  
  /*font-size:11px;*/
width:169px;
text-align:center;
 color: #FFFFFF;
padding:0px;
margin-top:51px;
font-size:12px;
}

.interactive_content div.descriptif p
{  
  margin:0; 
  font-size:13px;
}


.interactive_content  a{  
  color: #FFFFFF;
  text-decoration: none;

}

.interactive_content  a:hover{  
  color: #FFFFFF;
}


.interactive_on{  
  position:relative;
  top: -117px;
 
  /*background:green;*/
}

.interactive_on img
{  
  border:none;
   width:169px;
  height:117px; 

}
.select
{  
width:169px;
margin-left:30px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
margin-top:0px;
 /* opacity:.75;
filter: alpha(opacity=75);*/
}
.select2
{  
width:169px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
margin-left:30px;
 /* opacity:.75;
filter: alpha(opacity=75);*/
}
.interactive_over
{  
width:169px;
background-color:#000000;
overflow:hidden;
height:116px; 
 /* opacity:.75;
filter: alpha(opacity=75);*/
}
	#content {
	width:760px; margin-top:0px;
	overflow:hidden;
	height:400px;
	float:none;
	margin-top:45px; 
}
.button{background-color:#FF007F; color:#FFFFFF;  font-size:9px; width:90px; height:20px;}
#menu {
width:232px;
height:31px;
padding-top:4px;
font-size:9px;
color:#FFFFFF;
background-image:url(../imgs/menu.jpg);
background-repeat:no-repeat;
margin-top:28px;
margin-left:33px;
z-index:100;
}
#sitemap  a{
color:#000000;
text-decoration:none;
}
#sitemap  a:hover{
color:#FF007F;
}