body {
scrollbar-base-color: #2C5398;
background-color: White;
color: #333333; 
font-family: Arial, Helvetica, sans-serif;
margin: auto;
}
#header{
position: absolute;
top: 7px;
left: 60px;
}
#headerc{
position: absolute;
top: 7px;
left: 0px;
}
#contenaire{
	background-image: url(maquette.jpg);
   background-repeat: no-repeat;
	margin-left: 60px;
	width: 850px;
	height: 650px;
}
#contenairec{
	background-image: url(images/maquettec.jpg);
   background-repeat: no-repeat;
	margin-left: 0px;
	width: 570px;
	height: 650px;
}
.capti{
	text-transform: capitalize;
}
.cap{
	font-size: 18px;
	color: #0F4F70;
}
#titre{
	color: #0F4F70;
	position: absolute;
	top:250px;
	left: 68px;
	font-size: 30px;
}
#menu a:active,#menu a:visited,#menu a:link {
text-decoration: none;
color: #0F4F70;
font-size: 20px;
font-style: normal;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: White;
font-size: 20px;
font-style: italic;
}

.acc{
position: absolute;
top: 205px;
left:280px;
}
.ser{
position: absolute;
top: 205px;
left:460px;
}
.cont {
position: absolute;
top: 205px;
left:648px;
}
#contenu{
	font-size: 15px;
	color: #333333;
	position: absolute;
	top:305px;
	left: 310px;
	width: 500px;
	text-align: left;
	line-height: 20px;
}
.petit{
	font-size: 18px;
}

#fd {
	position: absolute;
	top: 160px;
	left: 10px;
	z-index: 20;
	
}
#contenucont{
	font-size: 16px;
	color: #333333;
	position: absolute;
	top:300px;
	left: 140px;
	width: 400px;
	text-align: left;
}
.recap{
margin-left: -50px;
}
#coor{
  text-align: left;
  line-height: 28px;
	position: absolute;
	top: 345px;
	left: 70px;
	font-size: 15px;
	color:#333333;
	font-weight: bold;
}
#coorc{
  text-align: left;
  line-height: 28px;
	position: absolute;
	top: 310px;
	left: 1px;
	font-size: 11px;
	color:#333333;
	font-weight: bold;
}
.button{
	background-color: #2C5398;
	color: white;
}
.footer{
	font-size: 9px;
	position: absolute;
	top: 652px;
	left: 35%;
}
.footer a{
	color: #333333;
}
#part {
	position: absolute;
	top: 480px;
	left: 90px;
}
/******visionneuse*****************/
#vision{
	position: absolute;
	top: 0px;
}
#scrollbox {
width:500px;
height:110px; 
background-color: transparent;
overflow:auto;
border:1px solid #aaa;
}
a.gallery, a.gallery:visited {
display:block;
text-decoration:none;
color:#000; 
border:0px solid #000;
width:90px;
height:80px;
margin:3px;
float:left;}
a.slidea { background-image: url(images/sumba03-s.jpg);}
a.slideb { background-image: url(images/sequoia02-s.jpg);}
a.slidec { background-image: url(images/portedegarage-s.jpg);}
a.slided { background-image: url(images/baie_vitree_presentation-s.jpg);}
a.slidee { background-image: url(images/acova-regate2-s.jpg);}
a.slidef { background-image: url(images/acova-regate-s.jpg);}
a.slideg { background-image: url(images/Allure_ambiance-s.jpg);}
a.slideh { background-image: url(images/allure-s.jpg); }


/**/
a.gallery span{
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
z-index:100;
}

a.gallery:hover {
white-space:normal;
}
a.gallery:hover img {z-index:100;  border: none; }
a.gallery:active img, a.gallery:focus img {z-index:50;}

a.gallery:hover span {
display:block; 
position:absolute;
width:200px;
height: 165px;
top:110px;
left:100px;
padding:5px;
font-style:italic; color:#000;  background-color: transparent; z-index:1000; font-size:11px;
}
a.gallery:visited span{
	font-style:italic; color:#000; background:transparent;  font-size:11px;
}
/**/
a.gallery:active {
border:0px solid #eee;
}
/* */
a.gallery:active span, a.gallery:focus span  {
display:block;
position:absolute;
width:400px;
height:325px;
top:-340px;
left:80px;
padding:5px;

}

#thumbs {
width:840px;
height:60px;
}