#feature
{
   height: 220px;
   background: none;
}

#datacenter
{
   border-top: 4px solid #029ECC;
   padding: 15px;
   background:  url(images/iWebIntro-bg.gif) no-repeat bottom left;
}
#datacenter0
{
   border-top: 4px solid #029ECC;
   padding: 15px;
  
}

#datacenter1
{


  font-size: 11px;
}

#datacenter h2
{
   font-size: 16px;
   letter-spacing: -1px;
}

#datacenter p
{
   color: #333;
   width: 640px;
}

#datacenter div
{   
	position: relative;
	float: right;
	margin: 0px 12px 0 10px;
	width: 125px;
	height: 90px; 
}

/*
#VHSS, #iWebIntro embed
{
   float: right;
   margin: -10px 5px 0 10px;
}

#VHSS embed
{
   float: none;
   margin: 0;
}*/

#extras
{
   height: 125px;
   width: 850px;
   margin: 30px 0 0 0;
   background: url(images/extras-bg.gif) repeat-x top left;
}

#extrasList
{
   height: 125px;
   background: url(images/extras-rightBg.gif) no-repeat top right;
}


#extrasList li
{
	height: 125px;
	float: left;
	
   position:relative;
}







#extrasList li.extraLeft
{
   background: url(images/extras-leftBg.gif) no-repeat top left;
}

#extrasList a
{
   display: block;
   float: left;
   margin: 0;
   width: 187px;
   height: 85px;
   background: url(images/halo.gif) no-repeat 7px 84px;
   padding:24px 10px 10px 15px;
   text-decoration:none;
   color:#333333;
   font-weight: bold;
} 

#extrasList li.extraLeft a
{
   width: 184px;
}


#extrasList img
{
   margin-top: 10px;
   margin-right: 20px;
} 

#extrasList a span
{
	font-weight: normal;	
	text-align: left;
}

#extrasList a .extraNote
{
	display:block;
	font-size:0.9em;
	line-height:1.2em;
	padding-left:59px;
	padding-top:5px;
}

#extrasList a .extraMore
{
   background: url(images/extras-moreInfoBtn.gif) no-repeat center right;
   padding-right: 20px;
   position: absolute;
   bottom: 10px;
   right: 10px;
   text-transform: uppercase;
   font-size: 0.8em;
}


/* Selecteur d'offre */


#feature a,#feature a img {
	position:absolute;
	left: -1px;
	height: 167px;
	width: 850px;
	top: 0px;
}

#featureSelect.noScript
{
   display: none;
}

#featureSelect
{
   position: absolute;
   top: 40px;
   left: 10px;
   z-index: 99;
}

#featureSelect li
{
   width: 29px;
   height: 29px;
   margin: 5px 0 5px 0;
   position: relative;
}

#featureSelect li a
{
   display: block;
   width: 29px;
   height: 29px;
   text-indent: -9999px;
   overflow: hidden;
   position: absolute;
   z-index: 99;
   clip: rect(0px 29px 29px 0);
   left: 0;
   top: 0;
   cursor: pointer;
}


/* Sprites du selecteur */

#featureSelect #n0 a, #featureSelect #n0.default a
{
   background: url(images/1.png) no-repeat top left;
}

#featureSelect #n1 a, #featureSelect #n1.default a
{
   background: url(images/2.png) no-repeat top left;
}

#featureSelect #n2 a, #featureSelect #n2.default a
{
   background: url(images/3.png) no-repeat top left;
}

#featureSelect #n3 a, #featureSelect #n3.default a
{
   background: url(images/4.png) no-repeat top left;
}


#featureSelect li#n0 a:hover
{
   background: url(images/1-over.png) no-repeat top left;
}

#featureSelect li#n1 a:hover
{
   background: url(images/2-over.png) no-repeat top left;
}

#featureSelect li#n2 a:hover
{
   background: url(images/3-over.png) no-repeat top left;
}

#featureSelect li#n3 a:hover
{
   background: url(images/4-over.png) no-repeat top left;
}

#featureSelect li#n0.selected a, #featureSelect li#n0.selected a:hover
{
   background: url(images/1-active.png) no-repeat 1px 0px;
}

#featureSelect li#n1.selected a, #featureSelect li#n1.selected a:hover
{
   background: url(images/2-active.png) no-repeat 1px 0px;
}

#featureSelect li#n2.selected a, #featureSelect li#n2.selected a:hover
{
   background: url(images/3-active.png) no-repeat 1px 0px;
}

#featureSelect li#n3.selected a, #featureSelect li#n3.selected a:hover
{
   background: url(images/4-active.png) no-repeat 1px 0px;
}

#iWebIntro div#introButtons
{
	display: none;
   width: 25px;
   margin: 0px;
}
#ipeL
{
   position:absolute;
   top:0;
   left:0;
   z-index:10000;
}
#container
{
   z-index : 10;
}