/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

.col-main {
	position:relative;
	width:994px;
	height:885px;
	background-color:#FFF;
	/*margin:0 auto;*/
}


.col-carrtop {
	width: 990px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-position: 443px;
}

.col-carrtop .cadre-ruban {
	position: absolute;
	width: 950px;
	height: 150px;
	left: 20px;
	z-index: 5;
	overflow: hidden;
}

.col-carrtop .cadre-ruban .ruban {
	min-width:1050px;
	height:150px;
	position:absolute;
	left:0;
	top:0;
}

.col-carrtop .cadre-ruban .ruban .vignette {
	/*80px x 105px ==> 102px x 150px => 22px<> */
	width:92px;
	height:138px;
	position:relative;
	float:left;	
	margin-left:-10px;
	margin-right:-5px;
	background-repeat:no-repeat;
	padding:12px 0 0 10px;
	z-index:2;
	/*cursor:pointer;*/
}



.col-carrtop .cadre-ruban .ruban .vignette.sel { /*background-image: url(../img/ui/carrtop-fond-select.png);z-index:5;*/}


.col-carrtop .selecteur {
	width: 102px;
	height: 150px;
	position: absolute;
	z-index: 15;
	background-image: url(../img/ui/carrtop-selecteur-ombre.png);
	background-repeat: no-repeat;
	top: 0;
	left: 445px;
}



.col-carrtop .btprecsuiv {
	position: absolute;
	z-index: 10;
	width: 45px;
	height: 150px;
	background-repeat: no-repeat;
	top: 0;
	cursor: pointer;
}




.col-carrtop .btprecsuiv.prec {	background-image:url(../img/ui/carrtop-prec.png); left:0;}
.col-carrtop .btprecsuiv.suiv {	background-image:url(../img/ui/carrtop-suiv.png); right:0;}




.col-carrmain {
	width: 994px;
	height: 720px;
	position: relative;
	margin-top: 20px;
}


.col-carrmain .cadre-rubanmain {
	position:absolute;
	left:30px;
	top:0;
	width:935px;
	height:720px;
	overflow:hidden;
}


.col-carrmain .btprecsuiv {
	position:absolute;
	z-index:15;
	width:145px;
	height:615px;
	background-repeat:no-repeat;
	top:0;
	cursor:pointer;
}
.col-carrmain .btprecsuiv.prec {	background-image:url(../img/ui/carrmain-prec.png); left:0;}
.col-carrmain .btprecsuiv.suiv {	background-image:url(../img/ui/carrmain-suiv.png); right:0;}

.col-carrmain .cadre-rubanmain .rubanmain {
	width: auto;
	height: 705px;
	position: absolute;
	top: 0;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	/*left: 230px;-webkit-transform:translateZ(0);*/
}

.col-carrmain .cadre-rubanmain .rubanmain .slider-cont-visuel {
	width:535px;
	height:705px;
	float:left;
	position:relative;
	margin-right:50px;
}

.slider-cont-visuel .visuel-fond {
	width:535px;
	height:705px;
	z-index:5;
	position:absolute;
	top:0;
	left:0;
}

 


.slider-cont-visuel .visuel-image {
	width:475px;
	height:638px;
	position:absolute;
	top:31px;
	left:26px;
	display:block;
}

.slider-cont-visuel .visuel-image {	z-index:10; cursor:pointer;}
.slider-cont-visuel .visuel-fond img, .slider-cont-visuel .visuel-image img, .slider-cont-visuel .visuel-zoom img {width:100%; height:100%;}
.slider-cont-visuel .visuel-image img {	border:none;}

.slider-cont-visuel div.visuel-image:hover {}



#btdecouvrir {
	position: absolute;
	top: 150px;
	left: 369px;
	width: 255px;
	height: 55px;
	z-index: 100;
}

.zone-texte {
	position:absolute;
	width:150px;
	z-index:15;
	visibility:hidden;
}

.cb { position:relative;	clear:both;}

.texte-titre {
	font-family: 'Cookie', cursive;
	font-size:26px;
	color:#333;
	line-height: 25px;	
}

.texte-titre2 {
	font-family: 'Asul', sans-serif;
	font-size:16px;
	color:#333;
}

.texte-fleche {
	margin-top:10px;
}

.texte-fleche.bg {	text-align:left;}

.texte-bt {
	text-decoration:none;
	margin-top:10px;
	font-family: 'Asul', sans-serif;
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
	width:120px;
	cursor:pointer;
}