body {
	background-color: 		#4D8DB2;
	font-family:			Helvetica;
	outline:					none;
}


form {
	padding:					0;
	margin: 					0;
}

img {
	border: 					0;
}

a {
	color:						#4f4f4f;
	font-weight:				bold;
	text-decoration:			none;
	outline:					none;
}

a.smallink {
	color:					#eee;
	text-decoration: 		none;
	font-size:				10px;
}

.blocHead {
	width: 					100%;
	height: 					100px;
	border-bottom: 		5px solid #EFAE32;
	background-color: 	#0E5E8C;
}


.callBox {
	float:						right;
	width:					200px;
	margin:					10px 10px 0 0;
}



.logo {
	position: 				relative;
	top:						10px;
	left: 					15px;
	width:					300px;
}

.bandeau {
	position: 				relative;
	top: 						0;
	left: 					0;
}

.slogan {
	position: 				relative;
	top:					40px;
	left: 					590px;
	width:					auto;
	height: 				30px;
	font-size:				25px;
	font-family: 			Helvetica;
	color: 					#16384d;
	z-index: 				1000;
  	text-shadow: 		1px 1px 2px #eee;
  	/*filter:				DropShadow(color=#eeeeee, offx=1, offy=1);*/
}


.langue {
	float: 					right;
	margin:					5px 10px 0 0;
}

.blocParentLeft {
	float:					left;
	width: 					210px;
	background-color:		#ddd;
}


.blocParentCenter {
	float: 					left;
	width: 					580px;
	margin:					0px 0 0 0px;
	padding-left:			10px;
	background-color:		#fff;
}

.blocParentRight {
	width: 					220px;
	background-color:		#efad31;
}


table.globalStruct {
}

table.globalStruct .masterLeft {
	background-color:		#ddd;
}


table.globalStruct .masterRight {
	background-color:		#efad31;
}

.blocChild1 {
	position: 				relative;
	float: 					left;
	/*background-color:		#cc0000;*/
}
.blocChild1 h1 {
	padding:				0;
	margin:					10px 0;
	font-size:				14px;
}
.blocChild1 .txtBloc {
	font-size:				12px;
	color:					#4f4f4f;
	float:					left;
	/*width:					97%;*/
}

.blocChild1 .txtBloc a.type1 {
	text-decoration:		none;
	display:				block;
	width:					100%;
	margin-bottom:			5px;
	padding:				2px 0 2px 15px;
	background-image:		url(../ex/images/fl_left3.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 4px;
}
.blocChild1 .txtBloc a.type1:hover {
	background-color:		#eee;
	background-image:		url(../ex/images/fl_left4.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 4px;
}

.blocChild1 .txtBloc a.type2 {
	text-decoration:		none;
	display:				block;
	font-size:				11px;
	font-weight:			normal;
	width:					95%;
	height:					auto;
	color:					#3a6ea4;
	margin:					0 0 5px 0;
	padding:				0 0 0 10px;
	background-image:		url(../ex/images/fl_left7.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 2px;
}
.blocChild1 .txtBloc a.type2:hover {
	background-color:		#eee;
	background-image:		url(../ex/images/fl_left8.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 2px;
}


.blocChild1 .txtBloc a.type3 {
	height:					auto;
	margin:					0 0 5px 0;
	padding:				0 5px 0 15px;
	background-image:		url(../ex/images/fl_left5.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 2px;
	text-decoration:		underline;
}
.blocChild1 .txtBloc a.type3:hover {
	background-color:		#eee;
	background-image:		url(../ex/images/fl_left6.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 2px;
}


.blocChild1 .txtBloc a.lien1 {
	text-decoration:		underline;
	font-weight:			bold;
}




.blocChild1 .txtBloc hr {
	color:					#ccc;
}




.titleBloc1 {
	margin:					20px 0 0 0;
	padding:				0;
	background-image: 		url(../ex/images/picto_title1.gif);
	background-repeat: 		no-repeat;
	background-position:	0 10px;
}
.titleBloc1 h1 {
	background-color:		#efad31;
	font-size:				17px;
	padding:				5px 15px;
/*	width:					95%;*/
	margin-left:			60px;
	margin-right:			10px;
	line-height:			18px;
}

.titleBloc1.type2 {
	margin:					15px 0;
}

.titleBloc2 {
	width: 450px;
	float: left;
}
.titleBloc2 h1 {
	width: 100%;
}

.titleBloc3 {
	width: 450px;
	float: left;
}
.titleBloc3 h1 {
	width: 100%;
	font-size:				17px;
}


.titleBloc4 {
	margin:					20px 0 0 0;
	padding:				0;
	background-image: 		url(../ex/images/picto_title2.gif);
	background-repeat: 		no-repeat;
	background-position:	0 10px;
}

.titleBloc4 h1 {
	background-color:		#0d5d8c;
	color:					#fff;
	font-size:				12px;
	padding:				3px 10px;
/*	width:					95%;*/
	margin-left:			52px;
	margin-right:			10px;
	line-height:			13px;
}
.titleBloc4 h1 a {
	color:					#fff;
}


.tableResult {
	margin-top:				20px;

}

.blocMoteurProduit {
	border: 				1px solid #646a5d;
	float: 					left;
	padding: 				5px;
	margin: 				5px;
	background-color:		#eee;
	height:					110px;
}
.blocMoteurProduit2 {
	border: 				0px;
	float: 					left;
	margin: 				5px;
	background-color:		#eee;
}
.blocMoteurProduit2.h2 {
	height:					150px;
	padding:				10px;
	margin:					15px 15px 15px 10px;
}
.blocMoteurProduit2.h3 {
	height:					110px;
	margin:					20px 0px 5px 10px;
	width:					500px;
	padding:				10px;
}
.blocMoteurProduit2.h4 {
	padding:				5px 10px;
	margin-left:			10px;
}

.blocMoteurProduit2 input {
	border: 				0;
}

table.tableProd td {
	font-size:				13px;
}
table.tableProd td.tte {
	font-size:				12px;
	font-weight:			bold;
}

.titre_moteur {
	font-weight: 			bold;
	font-size:				13px;
	margin-bottom:			5px;

}


ul.txtFile {
	padding:				0;
	margin:					0;
	width:					auto;
	list-style:				none;
}
ul.txtFile li {
	list-style:				none;
}

.imgBloc {
	width:					auto;
	margin:					0 5px 3px 0;
}
.imgBloc2 {
	float:					left;
	clear:					right;
	width:					100%;
	margin:					0 5px 3px 0;
}

span.legende {
	font-size:				11px;
}








/* style arrondi 1 */
.rounded1 {
	padding:				10px;
	border-radius: 10px;   /* rounded corner, news CSS3 property */
	-moz-border-radius: 10px;   /* rounded corner for Gecko */
	-webkit-border-radius: 10px; /* rounded corner for Safari and Konqueror */
	color: #fff;
}
.rounded1 img {
	border: 2px solid #fff;
}
.rounded1 a {
	display:				block;
	color: 					#fff;
	text-decoration: 		none;
	padding:				0 5px;
	font-size:				12px;
}
.rounded1 a:hover {
	background-color:		#a2bccc;
}
.rounded1,
.rounded1 table tr,
.rounded1 table td,
.rounded1 table {
	background-color:		#7aa2b8;
}


/**/





ul.loginBox {
	float:					right;
	list-style: 			none;
	height: 					65px;
	margin: 					0 15px 0 0;
	padding:					0;
}

ul.loginBox li {
	float: 					left;
	height: 					65px;

}
ul.loginBox li.center {
	background-color: 	#7BA2B8;
}
ul.loginBox li.left {
	background-image: 	url(../ex/images/corner1-left.gif);
	background-repeat: 	no-repeat;
	width: 					16px;
}
ul.loginBox li.right {
	background-image: 		url(../ex/images/corner1-right.gif);
	background-repeat: 		no-repeat;
	width: 					16px;
	background-color: 		transparent;
	background-position:	0 0;
}


.titre1 {
	font-size:				17px;
	color:					#fff;
}

input {
	border:					1px solid #a0a0a0;
	font-size: 				11px;
	/*line-height:			20px;*/
	padding: 0;
}


input.taille2{
	width:					300px;
}




ul.menuHaut {
	width:					100%;
	height: 				30px;
	background-color: 		#646a5d;
	list-style: 			none;
	padding:				0;
	/*border-top:				3px solid #fff;*/
	margin: 				0;
}

ul.menuHaut li {
	float: 					left;
	list-style: 			none;
	padding:					0 3px;
}
ul.menuHaut li a {
	display:					block;
	background-color:		#646a5d;
	color:					#eee;
	font-size:				14px;
	line-height: 			30px;
	padding: 				0 12px;
	text-decoration: 		none;
}
ul.menuHaut li a:hover {
	background-color:		#efad31;
	color:					#181b17;
}





.tool-tip {
	color: #42423f;
	background-color: #fff;
	width: 250px;;
	z-index: 13000;
	padding: 0px 3px;
	border: 1px solid #bbb;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #5e3a37;
	padding: 2px;
}

.tool-text {
	font-size: 12px;
	padding: 4px;
}




/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	background:#ddd;
}
/* Normal styling */
.cb {
	margin:0.5em 0;
}
.cb h1 {
	font-size:	12px;
}

	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(../ex/images/box3.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../ex/images/box3.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.bb {
	height:17px;
	margin:0 0 0 18px;
	background:url(../ex/images/box3.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../ex/images/box3.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../ex/images/borders2.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../ex/images/borders2.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	/*background:#ddd;*/
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}



.two .i3 { background:#fff; }
.two .i1,
.two .i2 { background-image:url(../ex/images/borders.png); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(../ex/images/box.png); }



.gris .i3 { background:#d9d9d9; }
.gris .i1,
.gris .i2 { background-image:url(../ex/images/borders2.png); }
.gris .bt,
.gris .bt div,
.gris .bb,
.gris .bb div { background-image:url(../ex/images/box3.png); }

.orange .i3 { background:#efad31; }
.orange .i1,
.orange .i2 { background-image:url(../ex/images/borders8.png); }
.orange .bt,
.orange .bt div,
.orange .bb,
.orange .bb div { background-image:url(../ex/images/box8.png); }

.anthra .i3 { background:#646a5d; }
.anthra .i1,
.anthra .i2 { background-image:url(../ex/images/borders9.png); }
.anthra .bt,
.anthra .bt div,
.anthra .bb,
.anthra .bb div { background-image:url(../ex/images/box9.png); }

.anthra .txtBloc {text-align: center;height: 160px;}
.anthra .txtBloc a {color: white;}


.four .i3 { background:#fff; }
.four .i1,
.four .i2 { background-image:url(../ex/images/borders4.png); }
.four .bt,
.four .bt div,
.four .bb,
.four .bb div { background-image:url(../ex/images/box4.png); }



.five .i3 { background:#7AA2B8}
.five .i1,
.five .i2 { background-image:url(../ex/images/borders5.png); }
.five .bt,
.five .bt div,
.five .bb,
.five .bb div { background-image:url(../ex/images/box5.png); }
.five h1 {
	padding:				0;
	margin:					0;
	font-size:				14px;
	color:					#000;
}
.five .txtBloc {
	font-size:				12px;
	color:					#000;
}


.btjaune {
	float:					left;
	height:					19px;
}
.btjaune a {
	display:				block;
	float:					left;
	color:					#444;
	width:					auto;
	margin:					0 5px;
	background-color: 		#EFAD31;
	text-align:				center;
	line-height:			19px;
}

.btjaune.left {
	background-image:		url(../ex/images/leftbt1.gif);
	width:					14px;
}
.btjaune.right {
	background-image:		url(../ex/images/rightbt1.gif);
	background-repeat:		no-repeat;
	background-position:	100% 0;
	background-color: 		#EFAD31;
	padding-right:			14px;
	margin-right:			15px;
}

h1.lineSearch {
	height:					20px;
}

#blocMoteur {
	float:					left;
}


.navPage {
	float:					left;
	width:					98%;
	margin:					20px 0;

}
.numPage {
	float:					left;
	width:					150px;
}
.numPage a.n {
	color:					#999;
}
.numPage .select {
	font-size:				15px;
	font-weight:			bold;
}
.nbPage {
	float:					right;
	font-size:				11px;
}


.blocProduct {
	float: 					left;
	margin:					10px 0;
	width:					95%;
}
.testcolor {
	background-color: red;
	padding: 12;
	}
.testcolor a{
	color: white;
}
.blocProduct img {
	float:					left;
	margin:					0 10px 0 0;
}
.blocProduct h1 {
	padding:				0;
	margin:					0 0 5px 0;
	font-size:				15px;
}
.blocProduct h2 {
	padding:				0;
	margin:					0;
	font-size:				13px;
}
.blocProduct .i3 { background:#d9d9d9;}
.blocProduct .i1,
.blocProduct .i2 { background-image:url(../ex/images/borders2.png); }
.blocProduct .bt,
.blocProduct .bt div,
.blocProduct .bb,
.blocProduct .bb div { background-image:url(../ex/images/box3.png); }

.blocProduct .i1.fixed {
	height: 				160px; 
	overflow: 				hidden;
}
.blocProduct .i2.fixed {
	 height: 				160px;
}
.blocProduct .i3.fixed4,
.blocProduct .i2.fixed4 {
	 height: 				210px;
}

.blocProduct .i2.fixed5 {
	 height: 				180px;
}

.blocProduct .i3.fixed {
	 height: 				160px;
}
.blocProduct .i3.fixed2 {
	 height: 				250px;
}
.blocProduct .i3.fixed5 {
	 height: 				180px;
}
.blocProduct .i1.fixed4 {
	height: 				210px; 
	overflow: 				hidden;
}

.blocProduct a {
	color:					#000;
}

.blocProduct .resume {
	margin-top:				2px;
}

.blocProduct .resume p {
	margin:					0;
}
.blocProduct .resume span {
	display:				block;
	text-align:				right;
}

.blocProduct .txt {
	font-weight:			normal;
	font-size:				11px;
}
.blocProduct .txt a {
	font-weight:			normal;
}

.blocProduct p.promo {
	clear:					both;
	height:					80px;
	overflow:				auto;
	margin:					5px 0;
	border: 				1px solid #c2c2c2;
	background-color:		#e7e6e6;
	padding:				3px;
}

.blocProduct span.pictoDiff {
	display:				block;
	float:					right;
	width:					auto;
	margin-top:				10px;
}


.listeProd {
	float:					left;
	width:					530px;
	height:					500px;
	overflow:				hidden;
	margin-left:			10px;
}
.listeProd tr:hover {
	background-color:		#c2d2db;
}

.niveau {
	display:				block;
	float:					left;
	margin:					0 0 0 5px;
	padding:				2px 5px;
	color:					#fff;
	font-size:				11px;
	font-weight:			bold;
	border:					1px solid #888;
}

.niveau.n1 {
	background-color:		#26c131;
}
.niveau.n2 {
	background-color:		#e5d847;
}
.niveau.n3 {
	background-color:		#efad31;
}
.niveau.n4 {
	background-color:		#ef3531;
}


p.tarif {
	
	font-size:				14px;
	margin-top:				3px;
	text-align:				right;
}

.duration {
	display:				block;
	font-size:				12px;
}

.scroll {
	width:					250px;
	margin:					0;
}

.scroll2 {
	width:					500px;
	margin:					0;
}


td {
	font-size:				11px;
}

table.detailProduit {
	margin-top:				15px;
	width:					98%;
}

tr.titreProduit {
	background-color:		#efad31;
}
tr.titreProduit td {
	font-size:				16px;
	padding:				3px 5px;
	font-weight:			bold;
}
td.soustitre {
	font-size:				13px;
}

table.reservation {

}

table.reservation td {
	font-size:				12px;
	padding-top:				15px;
}
table.reservation input {
	border: 			1px solid #999;
	font-size:				12px;
}

a.btn,
input.btn,
table.reservation input.btn {
	border-left:		2px solid #ddd;
	border-top:			2px solid #ddd;
	border-right:		2px solid #777;
	border-bottom:		2px solid #777;
	background-color:	#aaa;
	color:				#fff;
	line-height:		15px;
	padding:			0px 10px;*/
}


ul.menuG {
	width: 				97%;
	margin: 			0;
	padding: 			0;
	list-style:			none;
}
ul.menuG li {
	line-height:		25px;
	border-bottom:		1px solid #bbb;
	width:				100%;
	list-style:			none;

}
ul.menuG li ul {
	margin-top:			-20px;
}
/*
ul.menuG li.hasChild {
	border: 			0;
	color:				#31546a;
	font-size:			13px;
	padding:			0 5px;
  	text-shadow: 1px 1px 2px #dfeaf1;
  	filter:progid:DXImageTransform.Microsoft.Shadow(color='#dfeaf1', Direction=135, Strength=2);
  	zoom: 1;
}*/

ul.menuG li a:visited,
ul.menuG li a {
	display:			block;
	color:				#555;
	font-family:		verdana;
	font-size:			13px;
	font-weight:		bold;
	padding:			0 0 0 5px;
  /*	text-shadow: 		1px 1px 2px #fff;
  	filter:				DropShadow(color=#f6f6f6, offx=1, offy=1);*/
 /*filter:				progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=135, Strength=2); */
  	zoom: 				1;
}

ul.menuG li.hasChild {
	display:			block;
	color:				#555;
	font-family:		verdana;
	font-size:			13px;
	font-weight:		bold;
	/*background-color:	#ebeaea;*/
	padding-bottom:		5px;
	padding-left:		5px;
	background-image:	url(../ex/images/flgrise_bas.gif);
	background-repeat:	no-repeat;
	background-position: 95% 7px;
  /*	text-shadow: 		1px 1px 2px #fff;
  	filter:				DropShadow(color=#eeeeee, offx=1, offy=1);*/
}


ul.menuG li a:hover {
	/*background-color:	#b9b9b9;*/
	text-decoration:	none;
	color:				#303030;
	width:				95%;
	/*filter:				progid:DXImageTransform.Microsoft.Shadow(color='#ffffff', Direction=0, Strength=0);
	zoom: 				0;*/
		background-color:	#ececec;
}

.child {
	padding-left:		15px;
	border: 0;
}

.child a.smenu:visited,
.child a.linkOver:visited,
.child a.linkOver,
.child a.smenu {
	display:			block;
	font-size:			11px;
	font-weight:		normal;
	line-height:		18px;
	/*filter:				DropShadow(color=#eeeeee, offx=0, offy=0);*/
	width:				85%;
}

.child a.smenu:hover {
	background-image:	url(../ex/images/flgrise_droite.gif);
	background-repeat:	no-repeat;
	background-position: 75% 7px;
}

.child a.linkOver:visited,
.child a.linkOver {
	background-image:	url(../ex/images/fl_left5.gif);
	background-repeat: 	no-repeat;
	background-position: 0 3px;
	padding:			0 15px;
	width:				85%;
}

.child a.linkOver:hover {
	background-image:	url(../ex/images/fl_left6.gif);
	background-repeat: 	no-repeat;
	background-position: 0 3px;
	padding:			0 15px;
	background-color:	#ececec;
	width:				85%;
}


ul.section {
	z-index:			1000;
	list-style:			none;
	border: 			1px solid #ceb87c;
	margin-top:			10px;
}
ul.section li {

}
ul.section li a {
	border:				0;
}



ul.footer {
	float: 					right;
	list-style: 			none;
	width:					auto;
	margin:					10px 0;
}
ul.footer li {
	float: 					left;
	width: 					auto;
}
ul.footer li a.foot {
	display: 				block;
	float: 					left;
	font-size:				11px;
	font-family:			Verdana;
	font-weight:			normal;
	color:					#fff;
	border-right:			1px solid #a5cae0;
	padding:				3px 10px;
}
ul.footer li a.foot.last {
	border:					0;
}
ul.footer li a.foot:hover {
	background-color:		#7aa8c2;
	text-decoration:		none;
}


div.blocBas {
	float:					left;
	background-image:		url(../ex/images/bck_bas.gif);
	background-repeat:		no-repeat;
	width:					100%;
	height:					273px;
	background-color:		#79afcf;
}

div.bordbas {
	float:					left;
	background-image:		url(../ex/images/bordbas.gif);
	background-repeat:		no-repeat;
	width:					100%;
	height:					9px;
	margin-bottom:			30px;
}


ul.listeBas {
	float: 					left;
	list-style: 			none;
	width: 					190px;
	margin:					30px 0 0 30px;
	padding:				0;
	color:					#fff;
}
ul.listeBas li {
	float: 					left;
	width: 					100%;
	margin:					2px 0;
	text-align:				left;
}
ul.listeBas li.titre {
	font-size:				12px;
	font-weight:			normal;
	margin:					10px 0;
}
ul.listeBas li a {
	display: 				block;
	float: 					left;
	font-size:				11px;
	width: 					90%;
	color:					#d1e5f1;
	padding:				0px 0px 0px 15px;
	background-image:		url(../ex/images/fl_left2.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 3px;
}


ul.listeBas li a:hover {
	background-color: 		#87b7d2;
	background-image:		url(../ex/images/fl_left.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 3px;
}







.moteurSejour {
	position: relative;
	right: -5px;
	margin: 0;
	padding: 0;
	width:	210px;
}
.moteurSejour .i3 { background:#F1C36D;}
.moteurSejour .i1,
.moteurSejour .i2 { background-image:url(../ex/images/borders7.png); }
.moteurSejour .bt,
.moteurSejour .bt div,
.moteurSejour .bb,
.moteurSejour .bb div { background-image:url(../ex/images/box7.png); }



.libSearch {
	color:					#515151;
	font-size:				13px;
}

select.frm {
	font-size:				11px;
	color:					#515151;
}
input.bt2 {
	font-size:				10px;
	padding:				0 2px;
	margin-left:			5px;
}




/**		style diaporama produit **/
#contDiapo {
	float: 					left;
	width: 					565px;
	margin-top:				20px;
	margin-left: 			0px;
}

#lineDiapo {
	float: 					left;
	width: 					510px;
}

.mask5,
.mask4,
.mask3,
.mask2,
.mask{
	position:						relative;
	clear: 							both;
	width:							500px;
	height:							200px;
	overflow:						hidden;
	/*border-left:					1px solid #aeadaa;
	border-right:					1px solid #aeadaa;*/
}
.mask.type2 {
	height:							120px;
}

.mask2 {
	height:							300px;
}
.mask3 {
	height:							120px;
}

.mask4 {
	height:							280px;
}

.mask5 {
	height:							230px;
}

button.btPrev {
	float: left;
	background-image: url(../ex/images/flgauche_on.gif);
	background-repeat: no-repeat;
	background-color: 	#fff;
	margin-top:				65px;
	border:					none;
	cursor: 					pointer;
	width: 					25px;
	height: 					32px;
	text-indent:-500em;
	outline:					none;
}
button.btPrev.offPrev {
	background-image: url(../ex/images/flgauche_off.gif);
}

button.btNext {
	float: left;
	outline:					none;
	background-image: url(../ex/images/fldroite_on.gif);
	background-repeat: no-repeat;
	background-color: 	#fff;
	margin-top:				65px;
	border:					none;
	cursor: 					pointer;
	width: 					25px;
	height: 					32px;
	text-indent:-500em;
	outline:					none;
}
button.btNext.offNext {
	outline:					none;
	background-image: url(../ex/images/fldroite_off.gif);
}

#boxDiapo5,
#boxDiapo4,
#boxDiapo3,
#boxDiapo2,
#boxDiapo {
	position: 				absolute;
	width:360px;
}


ul.diapo {
	float:					left;
	list-style: 			none;
	width: 					100%;
	margin-top:				0px;
	padding:					5px 0px 5px 0px;
	margin:					0;
	/*background-color: 	#e7e5e1;*/

}

ul.diapo li {
	float: 					left;
	margin-top:		 		0;
	list-style: 			none;
	width: 					250px;
	/*padding-right: 		5px;*/
	overflow: 				hidden;
}
ul.diapo li.type2 {
	width:					260px;
}
ul.diapo li.type3 {
	margin-bottom:			20px;
}

ul.diapo li.type4 {
	width:					260px;
}
ul.diapo li.t2 {
	width:					500px;
}
ul.diapo li.t3 {
	width:					250px;
}

/*
ul.diapo li a {
	display: 				block;
	float: 					left;
	height: 				235px;
	width: 					250px;
	overflow: 				hidden;
}*/

ul.diapo li img.vign {
	padding:					0;
}

/**	 end style diaporama produit **/



#diaporama {
	height:					243px;
	overflow:				hidden;
}




/* Scrollbar & content css */
.scrollbar-vert{
	background-color: 		#eee;
	height: 				500px;
	width: 					20px;
	float: 					left;
	margin: 				0px 0 0 0px;
}
.handle-vert{
	height: 				37px;
	width: 					20px;
	background: 			url(../ex/images/handle.gif) no-repeat;
}
.scrollbar-hor{
	background-color: 		#d2e8ff;
	height: 				20px;
	width: 					300px;
	float:					left;
}
.handle-hor{
	height: 				20px;
	width: 					42px;
	background: 			url(../ex/images/handle-hor.gif) no-repeat;
}





.bgBlanc {
	background-color:		#f1efef;
}
.bgGris {
	background-color:		#fff;
}