body {
	margin: 0 auto;
	padding: 0;
	width:100%;
	/*border:1px solid red;*/
}
img {border:0}

#Global {text-align:left;margin: 0 auto;width:825px;}

.Debug {border:solid 1px black}

.Title {
	font: bold 12px Arial, Helvetica, sans-serif ;color:#666;padding:10px;
}

#Mail a{color:#666;text-decoration:none;background: #FFFFFF url(../images/arrow.png) no-repeat 0px center;padding:0 5px 0 10px;}
#Mail a:hover{color:#000;text-decoration:none;}

#NavContent {position:relative;float:left;width:100%;}

#Follow { background: #fff; padding: 5px;font: bold 11px Arial, Helvetica, sans-serif ;color:#666; position: absolute;z-index:50 }

#MainImage {
	float:left;width:700px;
	/*height:600px;*/
	/*border-left:1px solid #ccc*/
}

/*NAVIGATION DEROULANTE*/

ul.topnav {
	list-style: none;
	margin: 0;
	padding:0 0 15px 0;
	float: left;
}
ul.topnav li {	
float: left;	
	margin: 0;
	padding:0;
	line-height:20px;
	display: block;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li.Title {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif ;
	color:#444;
	margin:0;
	padding:0 50px 0 0;
}
ul.topnav li a{
	cursor: pointer;
	padding:0 5px 0 5px;
	margin:0 25px 0 0;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	padding:0 5px 0 5px;
	color:black;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 20px;
	margin: 0; padding:0;
	display: none;
	float: left;

}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 190px;
	background: #FFFFFF; /*url(../images/arrow.png) no-repeat 0px center;
	padding-left: 12px;*/
	height:15px;
	line-height:11px;
  text-align:left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #FFFFFF /*url(../images/arrow.png) no-repeat 2px center;*/
}




/* CAROUSEL VIGNETTES*/
.jcarousel-container-vertical {   
    padding: 150px 30px;
    /*border: 1px solid red;*/
}
.jcarousel-clip-vertical {
    width:  60px;
    height: 245px;
}
.jcarousel-item-vertical {
    margin-bottom: 8px;
}
.thumbs img {
	border:0;
	width:auto;
	height:80px;
}
.thumbs img:hover {
	border:0;
	width:auto;
	height:78px;
	/*border: 1px solid #ccc;*/
	margin-left:-1px;
}

/*BOUTONS CAROUSEL VIGNETTES*/
.jcarousel-next-vertical {
    position: absolute;
    bottom: 120px;
    left: 43px;
    width: 32px;
    height: 22px;
    cursor: pointer;
    background: transparent url(../images/next.png) no-repeat 0 0;
}

.jcarousel-next-vertical:hover {
    background-position: 0 -22px;
}

.jcarousel-next-vertical:active {
    background-position: 0 -44px;
}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -66px;
}

.jcarousel-prev-vertical {
    position: absolute;
    top: 130px;
    left: 43px;
    width: 32px;
    height: 22px;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat 0 0;
}

.jcarousel-prev-vertical:hover {
    background-position: 0 -22px;
}

.jcarousel-prev-vertical:active {
    background-position: 0 -44px;
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -66px;
}


/*SLIDESHOW*/

#slideshow {
  position:relative;
  width:600px;
  height:600px;
}


#slideshow IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
}

#slideshow IMG.active {
  z-index:10;
  opacity:1.0;
}

#slideshow IMG.last-active {
	z-index:9;
}