body {
scrollbar-base-color: #E2EA1B;
background-color: #7686BC;
color: #3448A1; 
font-family: Arial, Helvetica, sans-serif;
margin: auto;
}
#contenaire{
	background-image: url(images/maquette.jpg);
   background-repeat: no-repeat;
	background-position: center;
	width: 850px;
	height: 750px;
}
#logo{
	position: absolute;
	top: 2px;
	left: 300px;
	
}
/** texte decoration***/
.capti{
	text-transform: capitalize;
}
.petit{
	font-size: 18px;
	color: #324EB2;
}
img{
	border: none;
}

/*** menu**/
#menu a:active,#menu a:visited,#menu a:link {
text-decoration: none;
color: #2F4F9A;
font-size: 25px;
font-style: normal;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: #E4EA24;
font-size: 25px;
font-style: italic;
}
.acc{
position: absolute;
top:280px;
left:130px;
}
.mod {
	position: absolute;
	top: 330px;
	left: 130px;
}
.cont {
position: absolute;
top: 380px;
left:130px;
}
/*** contenu***/
#contenu{
	color: #333333;
	position: absolute;
	top:280px;
	left: 300px;
	width: 500px;
	text-align: left;
	font-size: 15px;
	line-height: 28px;
}
#text1{
font-size: 15px;
line-height: 25px;
position: absolute;
top: -10px;
left: -20px;
color: #2F4F9A;
}
#text2{
font-size: 15px;
line-height: 25px;
position: absolute;
top: 90px;
left: -20px;
color: #2F4F9A;
}
#text3{
font-size: 15px;
line-height: 20px;
position: absolute;
top: 190px;
left: -20px;
color: #2F4F9A;
}

#contenucont{
	font-size:20px;
	color: #333333;
	position: absolute;
	top:290px;
	left: 350px;
	width: 550px;
	text-align: left;
}
.button{
	background-color: #2C4BA5;
	color: white;
}

/*** adresse***/
#coor{
  text-align: left;
  line-height:28px;
	position: absolute;
	top: 540px;
	left:65px;
	font-size: 18px;
	color: #2C4AA0;
	font-weight: bold;
}

/*** pied de page***/
.footer{
	font-size: 9px;
	position: absolute;
	top: 725px;
	left: 10px;
}
.footer a{
	color: #334DBE;
}

/***********pop****************/
a.pop, a.pop:visited {
/*display:block;*/
text-decoration:none;
color: #333333;
}
a.pop span {
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
background:#ffffff;
z-index:1000;
text-align: left;
}
a.pop:hover span {
display:block; 
position:absolute;
width:350px;
height:100px;
top:50px;
left:0px;
padding:5px;
background:#F9FAAE; 
border: solid;
border-color: #2E4CA4;
border-width: 2px;
z-index:1000;
font-size:18px;
color: #2E4CA4;
}
.pop:hover {
white-space:normal;
}
a.pop:hover img {z-index:200;}
a.pop:active img, a.pop:focus img {z-index:100;}
/***********visioneuse************/
/*1*/
#un{
	position: absolute;
	top: 10px;
}
#scrollbox {
width:500px;
height:70px; 
background-color: transparent;
overflow:auto;
border:1px solid #aaa;

}
a.gallery, a.gallery:visited {
display:block;
text-decoration:none;
color:#000; 
border:1px solid #000;
width:40px;
height:40px;
background-repeat: no-repeat;
text-align: center;
margin:3px;
float:left;}
a.slidea {background-image: url(ohaus/RI_Series_S1.jpg);}
a.slideb { background-image: url(ohaus/RE_Series_S1.jpg);}
a.slidec { background-image: url(ohaus/RS_Series_s1.jpg);}
a.slided { background-image: url(ohaus/Mira_s1.jpg);}
a.slidee { background-image: url(ohaus/miraplat_s1.jpg);}
a.slidef { background-image: url(ohaus/Atoll_s1.jpg);}
a.slideg { background-image: url(ohaus/mirasus_S1.jpg);}
a.slideh {background-image: url(ohaus/tc_S1.jpg);}
a.slidei{ background-image: url(ohaus/bobine_s1.jpg);}
a.slidej { background-image: url(ohaus/logiciel_s1.jpg);}


a.gallery span {
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
background:#ffffff;
z-index:1000;
text-align: left;
}
a.gallery span:first-letter {
text-transform: capitalize;	
}

a.gallery:hover {
white-space:normal;
}
a.gallery:hover img {z-index:200;}
a.gallery:active img, a.gallery:focus img {z-index:100;}
.dt{
	float: left;
}
a.gallery:hover span {
display:block; 
position:absolute;
width:537px;
height:270px;
top:80px;
left:-25px;
padding:5px;
background:#fff; 
z-index:1000;
font-size:11px;
}
a.gallery:active {
/*border:1px solid #eee;*/
}
/*a.gallery:active span, a.gallery:focus span {
display:block;
position:absolute;
width:500px;
height:270px;
top:0px;
left:0px;
padding:5px;
font-style:italic;
color:#000;
background:#fff;
z-index:50;
}*/
#thumbs {
width:800px;
height:50px;
}


/*2*/
#deux{
	position: absolute;
	top: 80px;
}
#scrollbox2 {
width:500px;
height:72px; 
background-color: transparent;
overflow:auto;
border:1px solid #aaa;
 margin-top: 30px;
}
a.gallery2, a.gallery2:visited {
display:block;
text-decoration:none;
color:#000; 
border:1px solid #000;
width:40px;
height:40px;
background-repeat: no-repeat;
text-align: center;
margin:3px;
float:left;}
a.slidea2 { background-image: url(ohaus/150__s1.jpg);}
a.slideb2 { background-image: url(ohaus/embaleuse-s1.jpg);}
a.slidec2 { background-image: url(ohaus/hachoiref_s1.jpg);}
a.slided2 { background-image: url(ohaus/scie_s1.jpg);}



a.gallery2 span {
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
background:#ffffff;
z-index:100;
text-align: left;
}
a.gallery2 span:first-letter {
text-transform: capitalize;	
}
a.gallery2:hover {
white-space:normal;
}
a.gallery2:hover img {z-index:100;}
a.gallery2:active img, a.gallery2:focus img {z-index:50;}
.dt{
	float: left;
}
a.gallery2:hover span {
display:block; 
position:absolute;
width:537px;
height:250px;
top:105px;
left:-25px;
padding:5px;
background:#fff; 
z-index:100;
font-size:11px;
overflow: visible;
}
a.gallery2:active {
/*border:1px solid #eee;*/
}
a.gallery2:active span, a.gallery2:focus span {
display:block;
position:absolute;
width:500px;
height:270px;
top:0px;
left:0px;
padding:5px;
font-style:italic;
color:#000;
background:#fff;
z-index:50;
}
#thumbs2 {
width:800px;
height:50px;
}
/*3*/
#trois{
	position: absolute;
	top: 180px;
}
#scrollbox3 {
width:500px;
height:72px; 
background-color: transparent;
overflow:auto;
border:1px solid #aaa;
 margin-top: 30px;
}
a.gallery3, a.gallery3:visited {
display:block;
text-decoration:none;
color:#000; 
border:1px solid #000;
width:40px;
height:40px;
background-repeat: no-repeat;
text-align: center;
margin:3px;
float:left;}
a.slidea3 {background-image: url(ohaus/eplucheuse_s1.jpg);}
a.slideb3 { background-image: url(ohaus/tranccot_s1.jpg);}
a.slidec3 { background-image: url(ohaus/derouleur_s1.jpg);}
/*a.slidee { background-image: url(ohaus/Helios_s1.jpg);}
a.slidef { background-image: url(ohaus/Atoll_s1.jpg);}
a.slideg { background-image: url(ohaus/mirasus_S1.jpg);}
a.slideh {background-color: transparent; }*/
/*a.slidei {background:url(thumb10.jpg);}
a.slidej {background:url(thumb11.jpg);}*/


a.gallery3 span {
display:block;
position:absolute;
left:10px;
top:-20px;
width:1px;
height:1px;
overflow:hidden;
background:#ffffff;
z-index:100;
text-align: left;
}
a.gallery3 span:first-letter {
text-transform: capitalize;	
}
a.gallery3:hover {
white-space:normal;
}
a.gallery3:hover img {z-index:100;}
a.gallery3:active img, a.gallery3:focus img {z-index:50;}
.dt{
	float: left;
}
a.gallery3:hover span {
display:block; 
position:absolute;
width:537px;
height:220px;
top:80px;
left:-25px;
padding:5px;
background:#fff; 
z-index:100;
font-size:11px;
}
a.gallery3:active {
/*border:1px solid #eee;*/
}
a.gallery3:active span, a.gallery3:focus span {
display:block;
position:absolute;
width:500px;
height:270px;
top:0px;
left:0px;
padding:5px;
font-style:italic;
color:#000;
background:#fff;
z-index:50;
}
#thumbs3 {
width:800px;
height:50px;
}