@charset "UTF-8";
/* CSS Document */

body {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: #FFF url(/images/bg.jpg) center 20px no-repeat;
}

p, td, div  {
	font-family: ,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0 0 20px;
	padding: 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
}

#main {
	margin: 0 auto;
	width: 992px;
}

/* NAVIGATION */

#nav {
	width: 255px;
	float: left;
}

#nav_total {
	width: 255px;
	float: left;
}

#nav_total .top {
	background: url(/images/fnd_blc-nav-top.png) no-repeat;
	width: 255px;
	height: 230px;
}

#nav_total .content {
	background: url(/images/fnd_blc-nav-cnt.png) repeat-y;
	width: 235px;
	padding: 10px;
}

#nav_total .content .ttr_mnu {
	margin: 10px;
}

#nav_total .content a {
	padding: 0 0 6px 20px;
	display: block;
}

#nav_total .content .etoile {
	background: url(/images/etoileOrange.png) no-repeat;
}

#nav_total .content .etoile2 {
	background: url(/images/etoileGreen.png) no-repeat;
}

#nav_total .bottom {
	width: 255px;
	height: 10px;
	background: url(/images/fnd_blc-nav-btm.png) no-repeat;
}


/* CONTENU */

#content {
	width: 485px;
	margin: 0 13px;
	float: left;
}

#content #vsl_top {
	background: url(/images/fnd_blc-cnt-vsl-top.png) no-repeat;
	height: 30px;
}

#content #vsl_img {
	padding: 10px 0;
	background: url(/images/fnd_blc-cnt-vsl.png) repeat-y;
	width: 485px;
	text-align: center;
	vertical-align: middle;
}

#content #vsl_btm {
	background: url(/images/fnd_blc-cnt-vsl-btm.png) no-repeat;
	height: 10px;
}

#content #text {
	font: normal 1em Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px 0;
	background: url(/images/fnd_blc-cnt-txt.png) repeat-y;
}

#content #bottom {
	background: url(/images/fnd_blc-cnt-btm.png) no-repeat;
	height: 10px;
}

#cnt_total {
	width: 485px;
	margin: 0 13px;
	float: left;
}

#cnt_total .top {
	background: url(/images/fnd_blc-cnt-top.png) no-repeat;
	height: 10px;
}

#cnt_total .content {
	font: normal 1em Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px 0;
	background: url(/images/fnd_blc-cnt-txt.png) repeat-y;
}

#cnt_total .content .capture {
	float: left; 
	width: 200px; 
	margin-right: 10px;
	text-align: right;
}

#cnt_total .bottom {
	background: url(/images/fnd_blc-cnt-btm.png) no-repeat;
	height: 10px;
}

#cnt_big {
	width: 510px;
	margin: 0 13px;
	float: left;
}

#cnt_big .top {
	background: url(/images/fnd_blc-big-cnt-top.png) no-repeat;
	height: 10px;
}

#cnt_big .content {
	background: url(/images/fnd_blc-big-cnt-cnt.png) repeat-y;
	text-align: center;
}

#cnt_big .text {
	font: normal 1em Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px 0;
	background: url(/images/fnd_blc-big-cnt-cnt.png) repeat-y;
}

#cnt_big .bottom {
	background: url(/images/fnd_blc-big-cnt-btm.png) no-repeat;
	height: 10px;
}


/* MODULE DROIT */

#right {
	width: 225px;
	float: right;
}

#right img {
	margin-bottom: 20px;
}

#right .vignette {
	width: 75px;
	height: 75px;
	text-align: center;
	vertical-align: middle;
	float: left;
}


/* FOOTER */

#footer {
	height: 40px;
	clear: both;
}


/* ELEMENTS GLOBAUX */

.clear {
	clear: both;
	height: 1px;
}


.hidden {
   display: none;
}

.visible {
   display: inline;
}



/* SCROLLER */

.vScroller {
  position:relative;
  overflow:hidden;
  width:450px; height:630px;
  border:0px solid #000;
  margin:0; padding:0;
}
.vScrollee {
  position:absolute;
  width:450px; /* to get this number, subtract scrollee's padding from scroller's width */
  left:0; top:0;
  margin:0; padding:0 10px;
}

.vScrollee2 {
  position:absolute;
  left:0; 
  top:0;
  margin:0; 
  padding:0 10px;
  position:relative;
  overflow:hidden;
  width: 203px; 
  height: 400px;
}

.vScrollee3 {
  position:absolute;
  width:450px; /* to get this number, subtract scrollee's padding from scroller's width */
  left:0; top:0;
  margin:0; padding:0 5px;
  position:relative;
  overflow:hidden;
  width:450px; height:150px;
  border:0px solid #000;
  margin:0; padding:0;
}

.btn {
  overflow:hidden;
  cursor:pointer;
}

.demoBtn {
  cursor:pointer;
  color:#666666;
}