#navTop{
	height:493px;
	z-index:100;
}

#carouselTop{
	margin:0 auto;
	height:493px;
    z-index:100;
}
/* dropin */
#jcornerBig, #jcornerSmall{display:block;}

#damier{
	background:#FFF;
	height:493px;
	width:876px;
	margin:0px 9px;
	position:absolute;
	display:none;
	z-index: 2000;
} 

#damierControl{  
	background:transparent url(../../img/square.png) no-repeat scroll center center;
	cursor:pointer;
	height:39px;
	left:50%;
	margin:0px 0 0 438px;
	position:absolute;
	width:40px;
} 

#masque{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    _width:2500px;
    height:200%;
    _height:6000px;
    background:#eee;
    z-index:99;
}

.apercu{
	background:#f7f8f8 url(../../img/white/damierItem.jpg) repeat-x bottom left;  
     	float:left;
	width:286px;
	height:154px;
	overflow:hidden; 
	margin:0px 0px 8px 0;  
	cursor:pointer; 
}

.apercu.second{
	margin:0px 9px  8px 9px;     
}
  
.apercu img{
	margin:6px;
	width:272px;
	height:120px;
}

.apercu .name{
	padding:0 0 0 6px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#333;     
}

#onglets{
	background:transparent;
	width:100%; 
	margin:10px 0 20px;
}


.onglets {

background:transparent url(../../img/white/ongletsHome.jpg) no-repeat scroll 0 center;
margin:15px auto 10px;
padding:2px 0;
width:876px;
}

.quiknewsBan{
	font-size:12px;
	padding-left:115px;

} 


.quiknewsBan a, .quiknewsBan a:visited, .quiknewsBan a:hover{
	color:#707170;
}

#quiknewsRight{
	color:white;
	font-size:12px;
	height:15px;
}

#quiknewsLeft{
	color:white;
	font-size:12px;
	padding-left:19px;
	padding-top:11px;
}

#ticker-list {
	color:gray;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top: 0px;
	_margin-top: -7px;
	cursor:pointer;
}
     

#visuelMedium{
	margin:10px auto 10px;
	width:876px;

}
#mediumBanner0{
	float:left;    

}

#mediumBanner1{
	float:right;

}  




.ongletItem{
  padding:15px 0 0 15px;
  height:106px; 
	overflow:hidden;
}

.imgItem{
	float:left;
	
}


.linkItem{
	float:right;
	width:200px;
	font-size:12px;  
		padding:10px 0 0 0;
		height:87px;
	 	overflow:hidden;      	
}       

.itemTitle, .itemTitle:hover, .itemTitle:visited{  
font-size:11px;
font-weight:bold;
color:#444242;  
text-transform:uppercase;
}    

.itemText{
color:#959494;
display:block;
font-size:10px;
padding:4px 0 0;    
}     

.itemText:visited {
    color:#959494;
}
.itemText:hover {
    color:#000;
}

#onTheWeb{
	width:876px;
	margin:10px auto 10px auto;     
	background:#FFF;
}           
                   
#store{
	float:left;
	border:solid 1px #e4e4e4;
} 

#webIcons{
	float:right;
	width:425px;  
	border:solid 1px #e4e4e4;     
	background:#f7f7f7;
}   

#webIcons h4{
	color:#9F9F9F;
	font-size:13px;
	margin:4px 0 0;
	text-align:center;
	text-transform:uppercase;
}
#webIcons p{
	float:left;
	margin:5px 10px;  
        _margin:5px 8px;
}


/*   CAROUSEL TOP   */

.jcarousel-clip{
  
		width:876px;     
		overflow:hidden;
}

.jcarousel-skin-damier .jcarousel-container {
    	position: relative;
	width:876px;
	margin:auto;
    z-index:999;
}

.jcarousel-skin-damier .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0px;
    overflow: hidden;
    position: relative;
}

.jcarousel-skin-damier .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin:0;
    padding: 0;
    cursor:pointer;
}



.jcarousel-skin-damier .jcarousel-list li,
.jcarousel-skin-damier .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	width:876px;
	height:493px;
	margin:0px;      
	background:#FFFFFF ;  
	border:0;   
	overflow:hidden;
}

.jcarousel-skin-damier .jcarousel-item img {
  	width:876px;
	height:493px;
	margin:0px;
	position:absolute;
} 

.jcarousel-skin-damier .jcarousel-item .bigPic {
  	width:876px;
	height:493px;
}


.jcarousel-skin-damier .jcarousel-item .bigPic img {

}

.jcarousel-skin-damier .jcarousel-item  .bigPic{
	display:none;
}

.eb{
	position:absolute;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-skin-damier .jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-skin-damier .jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-damier .jcarousel-prev{  
	background:url(../../img/prev.png) no-repeat center center;    
	z-index:10;
    	width:39px;
    	height:39px;

	position:absolute;
	top:213px;  
	left:-46px; 
	cursor:pointer;
} 

.jcarousel-skin-damier .jcarousel-next{
	background:url(../../img/next.png) no-repeat center center;
	z-index:10; 
     	width:39px;
    	height:39px;
	position:absolute;        
	top:213px;  
	left:882px; 
	cursor:pointer;   
}


.jcarousel-skin-damier .jcarousel-prev-disabled, .jcarousel-skin-damier .jcarousel-next-disabled{
	width:0;
	height:0;
}