body { 
margin: 0 0 30px 0;
padding:0;
border:0;
font: 80% tahoma,sans-serif;
color: #ffffff;
line-height:1.5em;
/*background: #64bdf0;*/
background: #ffffff;
/*background-image: url("images/bg-top.jpg");*/
text-align:center;

}
#container{
position:relative;
width:770px;
margin: auto auto auto auto;
/*border-width: 0px 1px 0px 1px ;
border-style: solid ;
border-color: #888baa ;*/
}

.header { 
 position: relative ;
 top: 2px;  
 left: auto;  
 right: auto;  
 width: 770px ;  
 height: 100px ;  
 background: url("images/fond-header.gif"); 
 }  
 
.logo {
 position: absolute ;  
 top: 0px;
 left: 0px;  
 width: 140px ;  
 height: 70px ;  
 background: url("images/logo.jpg"); 
 }

/*---------Mise en place du menu-------------*/ 
.menu { 
	position: absolute ; 
	left: 170px;
	top: 20px ; 
	width: 600px;  
	height: 62px ; 
}

/*---------bouton presentation-------------*/
#bouton-presentation 
{ 
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#bouton-presentation a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-pres.gif") no-repeat;
}
#bouton-presentation a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-pres-b.gif") no-repeat;
}
/*---------fin bouton presentation-------------*/

/*---------bouton produit-------------*/
#bouton-produit 
{ 
	position: absolute ;
	left: 120px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#bouton-produit a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-prod.gif") no-repeat;
}
#bouton-produit a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-prod-b.gif") no-repeat;
}
/*---------fin bouton produit-------------*/

/*---------bouton galerie photos-------------*/
#bouton-photo 
{ 
	position: absolute ;
	left: 240px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#bouton-photo a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-photo.gif") no-repeat;
}
#bouton-photo a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-photo-b.gif") no-repeat;
}
/*---------fin bouton galerie photos-------------*/

/*---------bouton galerie videos-------------*/
#bouton-video 
{ 
	position: absolute ;
	left: 360px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#bouton-video a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-video.gif") no-repeat;
}
#bouton-video a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-video-b.gif") no-repeat;
}
/*---------fin bouton galerie video-------------*/

/*---------bouton achat-------------*/
#bouton-achat 
{ 
	position: absolute ;
	left: 480px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#bouton-achat a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-achat.gif") no-repeat;
}
#bouton-achat a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-achat-b.gif") no-repeat;
}
/*---------fin bouton achat-------------*/

/*---------bouton presentation en-------------*/
#ebouton-presentation 
{ 
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#ebouton-presentation a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-pres.gif") no-repeat;
}
#ebouton-presentation a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-pres-b.gif") no-repeat;
}
/*---------fin bouton presentation en-------------*/

/*---------bouton produit en-------------*/
#ebouton-produit 
{ 
	position: absolute ;
	left: 120px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#ebouton-produit a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-prod.gif") no-repeat;
}
#ebouton-produit a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-prod-b.gif") no-repeat;
}
/*---------fin bouton produit en-------------*/

/*---------bouton galerie photos en-------------*/
#ebouton-photo 
{ 
	position: absolute ;
	left: 240px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#ebouton-photo a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-photo.gif") no-repeat;
}
#ebouton-photo a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-photo-b.gif") no-repeat;
}
/*---------fin bouton galerie photos en-------------*/

/*---------bouton achat en-------------*/
#ebouton-achat 
{ 
	position: absolute ;
	left: 480px ;
	top: 0px ;
	width: 100px;
	height: 60px ;
}
#ebouton-achat a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-achat.gif") no-repeat;
}
#ebouton-achat a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/ebouton-achat-b.gif") no-repeat;
}
/*---------fin bouton achat en-------------*/

/*---------bouton fr-------------*/
#bouton-fr 
{ 
	position: absolute ;
	top: 0px ;
	right: 0px ;
	width: 30px;
	height: 20px ;
}
#bouton-fr a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-fr-b.gif") no-repeat;
}
#bouton-fr a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-fr.gif") no-repeat;
}
/*---------fin bouton fr-------------*/

/*---------bouton en-------------*/
#bouton-en 
{ 
	position: absolute ;
	top: 0px ;
	right: 0px ;
	width: 30px;
	height: 20px ;
}
#bouton-en a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-en-b.gif") no-repeat;
}
#bouton-en a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	background: url("images/bouton-en.gif") no-repeat;
}
/*---------fin bouton en-------------*/

/*---------Fin mise en place du menu-------------*/

.contenu-haut { 
 position: absolute ;
 top: 105px; 
 left: auto;  
 _left: 0px;
 right: auto;  
 width: 770px ;
 height: 9px; 
 background: url("images/fond-haut.gif") ; 
 background-repeat: no-repeat; 
}  

.contenu-bas { 
 position: absolute ; 
 top: 576px;
 left: auto;  
 right: auto; 
 width: 770px ;
 height: 15px; 
 background: url("images/fond-bas.gif") ; 
 background-repeat: no-repeat; 
 text-decoration: none; 
 color:#4493c1;
 font-size: 80%;
 text-align:right;
} 
.contenu-bas a {
 right:0px ;
 top:0px;
 text-decoration: none; 
 color:#4493c1;
}  

.contenu { 
 position: absolute ; 
 top: 114px;
 left: auto;  
 right: auto;  
 width: 770px ;
 height: 482px; 
 background: url("images/fond-contenu.gif") ; 
 background-repeat: repeat-x; 
}  

.contenu-bas-gal { 
 position: absolute ; 
 top: 694px;
 left: auto;  
 _left: 0px;
 right: auto; 
 width: 770px ;
 height: 15px; 
 background: url("images/fond-bas.gif") ; 
 background-repeat: no-repeat; 
 text-decoration: none; 
 color:#4493c1;
 font-size: 80%;
 text-align:right;
}  
.contenu-bas-gal a {
 right:0px ;
 top:0px;
 text-decoration: none; 
 color:#4493c1;
}  

.contenu-gal { 
 position: absolute ; 
 top: 114px;
 left: auto; 
 _left: 0px; 
 right: auto;  
 width: 770px ;
 height: 600px; 
 background: url("images/fond-contenu-gal.gif") ; 
 background-repeat: repeat-x; 
}
  
/*---------Page index-------------*/

.titleindex { 
 position: absolute ;  
 left: 130px;  
 top: 10px;  
 width: 100px ;  
 height: 15px ;  
 font: 100% tahoma,sans-serif; 
 }  
 
 .titleindex2 { 
 position: absolute ;  
 right: 100px;  
 top: 250px;  
 width: 100px ;  
 height: 15px ;
 font: 100% tahoma,sans-serif; 
 }

.imgindex { 
 position: absolute ;  
 left: 00px;  
 top: 30px;  
 width: 290px ;  
 height: 194px ;  
 background: url("images/diaporamavelosub.gif"); 
 }  
 
 .imgindex2 { 
 position: absolute ;  
 right: 00px;  
 top: 270px;  
 width: 310px ;  
 height: 207px ;
 background: url("images/animgifsubalo.gif") no-repeat; 
 }  
 
 .textindex { 
 position: absolute ;  
 right: 10px;  
 top: 0px;  
 width: 460px ;  
 height: 350px ;
 font: 100% tahoma,sans-serif;  
 }  
 
 .textindex2 { 
 position: absolute ;  
 left: 10px;  
 top: 270px;  
 width: 440px ;  
 height: 130px ;
 font: 100% tahoma,sans-serif;  
 }  


/*---------fin Page index------------*/

/*---------Page produit-------------*/

.imgproduit { 
 position: absolute ;  
 right: 10px;  
 top: 0px;  
 width: 230px ;  
 height: 250px ;  
 border-width: 1px ;
 border-style: solid ;
 border-color: #ffffff ;
 background: url("images/Subalo_face.jpg"); 
 }  
 
 .imgproduit2 { 
 position: absolute ;  
 left: 10px;  
 top: 250px;  
 width: 240px ;  
 height: 180px ;
 border-width: 1px ;
 border-style: solid ;
 border-color: #ffffff ; 
 background: url("images/Velosub features.jpg"); 
}  

#imgproduit2z1 
{ 
	position: absolute ;
	left: 10px;  
    top: 260px;
	width: 120px ;  
    height: 90px ;
}
#imgproduit2z1 a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 120px ;  
    height: 90px ;
	background: url("images/rien-p.gif") no-repeat;
}
#imgproduit2z1 a:hover
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 240px ;  
    height: 180px ;
	background: url("images/flotteur-av.jpg") no-repeat;
}

#imgproduit2z2 
{ 
	position: absolute ;
	left: 130px;  
    top: 260px;
	width: 120px ;  
    height: 90px ;
}
#imgproduit2z2 a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 120px ;  
    height: 90px ;
	background: url("images/rien-p.gif") no-repeat;
}
#imgproduit2z2 a:hover
{
	position: absolute ;
	left: -120px ;
	top: 0px ;
	width: 240px ;  
    height: 180px ;
	background: url("images/flotteur-ar.jpg") no-repeat;
}

#imgproduit2z3 
{ 
	position: absolute ;
	left: 10px;  
    top: 350px;
	width: 120px ;  
    height: 90px ;
}
#imgproduit2z3 a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 120px ;  
    height: 90px ;
	background: url("images/rien-p.gif") no-repeat;
}
#imgproduit2z3 a:hover
{
	position: absolute ;
	left: 0px ;
	top: -90px ;
	width: 240px ;  
    height: 180px ;
	background: url("images/tuyere-p.jpg") no-repeat;
}

#imgproduit2z4 
{ 
	position: absolute ;
	left: 130px;  
    top: 350px;
	width: 120px ;  
    height: 90px ;
}
#imgproduit2z4 a
{
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 120px ;  
    height: 90px ;
	background: url("images/rien-p.gif") no-repeat;
}
#imgproduit2z4 a:hover
{
	position: absolute ;
	left: -120px ;
	top: -90px ;
	width: 240px ;  
    height: 180px ;
	background: url("images/corps.jpg") no-repeat;
}
 
 .textproduit { 
 position: absolute ;  
 left: 10px;  
 top: 0px;  
 width: 520px ;  
 height: 300px ;
 font: 100% tahoma,sans-serif;  
 } 
 
.docpdf1 { 
 position: absolute ;
 left: 100px;
 top: 220px;
 width: 450px ;  
 height: 20px ;
 font: 100% tahoma,sans-serif;
 text-decoration: none; 
 color: #ffffff; 
 } 
 .docpdf1 a { 
 position: absolute ;
 text-decoration: none; 
 color: #ffffff;
 } 
.docpdf1 a:visited { 
 position: absolute ;
 text-decoration: none; 
 color: #ffffff; 
 } 
 
 .textproduit2 { 
 position: absolute ;  
 left: 260px;  
 top: 255px;  
 width: 500px ;  
 height: 190px ;
 font: 100% tahoma,sans-serif;  
 }
.docpdf2 { 
 position: absolute ;
 right: 20px;
 top: 445px;
 width: 450px ;  
 height: 10px ;
 font: 100% tahoma,sans-serif;
 text-decoration: none; 
 color: #ffffff; 
 } 
 .docpdf2 a { 
 position: absolute ;
 text-decoration: none; 
 color: #ffffff;
 } 
.docpdf2 a:visited { 
 position: absolute ;
 text-decoration: none; 
 color: #ffffff; 
 } 
 
/*---------fin Page produit------------*/

/*---------Page achat------------*/

.textachat { 
 position: absolute ;  
 left: 10px;  
 top: 0px;  
 width: 760px ;  
 height: 500px ;
 font: 100% tahoma,sans-serif;  
 }  
 
.textachat a { 
  text-decoration: none;  
  color: #ffffff;
 }  
 
 .imgachat {
 	position: absolute ;
 	top: 290px;
 	right: 40px;
 	width: 300px ;  
 	height: 115px ;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #ffffff;
 	background: url("images/achat.jpg") no-repeat;
 }

/*---------fin Page achat------------*/

/*---------Page galerie et video------------*/

.dl {
 position: absolute ;  
 right: 20px;  
 bottom: 10px;  
 width: 650px ;  
 height: 30px ;
 text-align : right;
 font: 100% tahoma,sans-serif;
}

/*---------fin Page galerie et video------------*/