#handles6_1 {
float : left;
}
.sample6 .buttons {
clear : both;
text-align : center;
}
.info h4 a {
float : right;
background : #fff;
color : #000;
font-size : 10px;
padding : 0 3px;
text-decoration : none;
}
* {
margin : 0;
padding : 0;
}
div, p, li {
font-size : 12px;
}
li {
margin-left : 16px;
}
h1 {
color : #0061ca;
text-align : center;
padding-bottom : 10px;
}
h2 {
color : #999;
font-size : 16px;
font-weight : normal;
}
pre {
background : #666;
color : #fff;
padding : 10px;
margin : 10px;
height : auto;
overflow : auto;
font : 12px Verdana, Courier, sans-serif;
}
* html pre {
width : 100%;
}
.description {
padding : 16px;
margin : 10px 0;
background : #a2a2a2;
}

h4.stitle {
color : #666;
margin : 0 0 5px 0;
}
.links {
padding : 10px;
margin-top : 20px;
}
.links a {
font-size : 14px;
color : #0080ff;
text-decoration : none;
}
.links a:hover {
font-weight : bold;
}
.buttons {
padding : 5px;
}
.buttons span {
color : #0080ff;
padding : 0 5px;
cursor : pointer;
font : 10px Verdana;
}
.buttons span.active, .buttons span:hover {
background : #0080ff;
color : #fff;
}







/* css */


body {
background : #000;
color : #000;
text-align : center;
padding : 50px 0;
font: 14px Arial, Helvetica, Geneva, sans-serif;
}


#contentcontact{
	float: left;
	display: block;
	background-color: #000;
	height: 510px;
	width: 870px;
}

#photocontact{
	float: left;
	width: 385px;
	height: 509px;
	background: url(../images/image-contact-lauffenburger.jpg) no-repeat;
}

#txtcontact{
	float: left;
	width: 352px;
	height: 510px;
	color: #696969;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
		line-height: 18px;
	margin-left: 25px;
	margin-top: 65px;
}


#explorer{
		color: #696969;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
		line-height: 18px;
		margin-left: 12px;
}


#adressexplorer{
		margin-top: -230px;
		color: #fff;
		font: 12px Arial, Helvetica, Geneva, sans-serif;
		text-transform: uppercase;
	line-height: 18px;
	float: right;
}

#adress{
		margin-top: 295px;
		color: #fff;
		font: 12px Arial, Helvetica, Geneva, sans-serif;
	line-height: 18px;
}
a {
	color: #689a9b;
	text-decoration: none;
}

a:hover {
	color: #3f5e5f;
	text-decoration: none;
}

img {
border : none;
}

a {
outline: none;
}

.info p, .info h4 {
color : #fff;
font-family : Arial, Helvetica, Geneva, sans-serif;
	padding: 10px 8px 3px;
}
.info h4 {
font: 12px Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
}


#info6 {
bottom : -5px;
}

.info {
width : 765px;
height : 65px;
background : #000;
position : absolute;
}


.thumbs div {
display : block;
width : 120px;
height : 81px;
margin : 0 0 5px;
cursor : pointer;
}
.thumbs div img {
display : block;
width : 100%;
height : 99%;
border : none;
}
.thumbs {
width : 120px;
}

#handles6_2 {
	margin-left: 5px;
float : left;
}

#box6 span {
display : block;
}

span img {
display : block;
border : none;
}

.mask6 {
float: left;
position : absolute;
width : 765px;
height : 570px;
overflow : hidden;
}

#box6 {
position : absolute;
width : 765px;
}

#layout {
width : 918px;
margin : 0 auto;
text-align : left;
padding : 20px;
height: 650px;
}

#content{
	float: left;
	display: block;
	background-color: #000;
	height: 510px;
	width: 765px;
}


#logo{
	float: left;
	display: block;
	background-color: #000;
	height: 90px;
	width: 568px;
	margin-left: 5px;
}

#menu-portfolio{
	float: left;
	background-color: #000;
	height: 90px;
	width: 187px;
	margin-left: 5px;

}


#menu-contact{
	float: left;
	display: block;
	height: 90px;
	width: 115px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}

/* ie 6

#menu-portfolio{
	float: left;
	background-color: #000;
	height: 90px;
	width: 100px;
	margin-left: 5px;
	text-transform: uppercase;

}


#menu-contact{
	float: left;
	display: block;
	height: 90px;
	width: 80px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}


*/
#contactcurrent{
		background: url(../images/contact-blanc.gif) no-repeat;
height: 25px;
}
#menu-contact li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu-contact li a:link, #menu-contact li a:visited
{
	color: #000;
	display: block;
	height: 25px;
	width: 180px;
	margin: 0;
	text-decoration: none;
	background: url(../images/contact-vert.gif) no-repeat;
}
#menu-contact li a:hover { 
	background: url(../images/contact-blanc.gif) no-repeat;



}
#menuDeroulant li a:active { background-color: #000; }

/* Menu déroulant */

/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	position: absolute;
	height: 220px;
	list-style-type: none;
	 top: 0 auto;
	 left: 0 auto; 
	margin : 0 auto;

	z-index: 1000;
}
#menuDeroulant li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	color: #000;
	display: block;
	height: 25px;
	width: 180px;
	margin: 0;
	text-decoration: none;
	background: url(../images/portfolio-vert.gif) no-repeat;
}
#menuDeroulant li a:hover { 
	background: url(../images/portfolio-blanc.gif) no-repeat;



}
#menuDeroulant li a:active { background-color: #000; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	font-size: 11px;

}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	padding-top: 10px;
	padding-left: 5px;
	text-decoration: none;
	background:  url("../images/fondTR1.png") repeat;
	margin-top: 2px;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #689a9b;
	color: #000;
}

#menuDeroulant li:hover > .sousMenu { display: block; }


#current{
	width: 180px;
	height: 25px;
	color: #000;
	display: block;
	margin: 0;
	border: 0;
	padding-top: 10px;
	padding-left: 5px;
	text-decoration: none;
	background:  url("../images/fondTR1.png") repeat;
	margin-top: 2px;
	font-size: 11px;
}
/**
Stylesheet: Slideshow.css
	
*/

.slideshow{
display:block;
position:relative;
z-index:0;
}


.slideshow-images{
	display:block;
	overflow:hidden;
	position:relative;
	}
	
.slideshow-images img{
	display:block;
	position:absolute;
	z-index:1;
	}
.slideshow-thumbnails{
	overflow:hidden;
	}
	
	.slideshow-images{
	height:511px;
	width:892px;
	}.slideshow-images-visible{
	opacity:1;
	}
	
	.slideshow-images-prev{
	opacity:0;
	}
	
	.slideshow-images-next{
	opacity:0;
	}
	
	.slideshow-images img{
	float:left;
	left:0;
	top:0;
	}
	
	.slideshow{
	height:510px;
	margin:0 auto;
	width:918px;
	}
	
	.slideshow a img{
	border:0;
	}
	
	.slideshow-captions{
	background:#000;
	bottom:0;
	color:#FFF;
	font:normal 12px/22px Arial,sans-serif;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:10px;
	width:100%;
	z-index:10000;
	}
	
	.slideshow-captions-hidden{
	height:0;
	opacity:0;
	}
	
	.slideshow-captions-visible{
	height:22px;
	opacity:.7;
	}
	
	.slideshow-controller{
	background:url(controller.png) 
	no-repeat;
	height:42px;
	margin:-21px 0 0 -119px;
	overflow:hidden;
	position:absolute;
	width:238px;
	z-index:10000;
	}
	
	.slideshow-controller *{
	margin:0;
	padding:0;
	}
	
	.slideshow-controller-hidden{
	opacity:0;
	}
	
	.slideshow-controller-visible{
	opacity:1;
	}
	
	.slideshow-controller a{
	cursor:pointer;
	display:block;
	height:18px;
	overflow:hidden;
	position:absolute;
	top:12px;
	}
	
	.slideshow-controller a.active{
	background-position:0 18px;
	}
	
	.slideshow-controller li{
	list-style:none;
	}
	
	.slideshow-controller li.first a{
	background-image:url(controller-first.gif);
	left:33px;
	width:19px;
	}
	
	.slideshow-controller li.last a{
	background-image:url(controller-last.gif);
	left:186px;
	width:19px;
	}
	
	.slideshow-controller li.next a{
	background-image:url(controller-next.gif);
	left:145px;
	width:28px;
	}
	
	.slideshow-controller li.pause a{
	background-image:url(controller-pause.gif);
	left:109px;
	width:20px;
	}
	
	.slideshow-controller li.play a{
	background-position:20px 0;
	}
	
	.slideshow-controller li.play a.active{
	background-position:20px 18px;
	}
	
	.slideshow-controller li.prev a{
	background-image:url(controller-prev.gif);
	left:65px;
	width:28px;
	}
	
	.slideshow-loader{
	height:28px;
	right:0;
	position:absolute;
	top:0;
	width:28px;
	z-index:10001;
	}
	
	.slideshow-loader-hidden{
	opacity:0;
	}
	
	.slideshow-loader-visible{
	opacity:1;
	}
	
	.slideshow-thumbnails{
	bottom:-65px;
	height:65px;
	left:0;
	position:absolute;
	width:100%;
	}
	
	.slideshow-thumbnails *{
	margin:0;
	padding:0;
	}
	
	.slideshow-thumbnails ul{
	height:65px;
	left:0;
	position:absolute;
	top:0;
	width:10000px;
	}
	
	.slideshow-thumbnails li{
	float:left;
	list-style:none;
	margin:5px 5px 5px 0;
	position:relative;
	}
	
	.slideshow-thumbnails a{
	display:block;
	float:left;
	padding:5px;
	position:relative;
	}
	
	.slideshow-thumbnails a:hover{
	background-color:#FF9!important;
	opacity:1!important;}
	
	.slideshow-thumbnails img{d
	isplay:block;
	}
	
	.slideshow-thumbnails-active{
	background-color:#9FF;
	opacity:1;
	}
	
	.slideshow-thumbnails-inactive{
	background-color:#FFF;
	opacity:.5;
	}