body{/* style de la page*/
background:#000 ;
font:.8em/1em verdana, Helvetica, sans serif; /*caractere: taille du corps, interlignage, police*/
line-height:1.4em;
color:#fff;
position:relative;
margin:0;
}
.souligne{
text-decoration: underline;
}
.border{
border:#000 solid 2px;
}
h1{
display:none;
}
#conteneur{
background:#000;
width:780px;
height:600px;
top:20px;
margin-left: auto;
margin-right: auto;
position:relative;
}
#header {
background:#fff url(../images/headerbleu.gif);
width:800px;
height:150px;
margin-left: auto;
margin-right: auto;
position:absolute;
border:none;
}
#head1 {
background:#fff url(../images/head1bleu.gif) ;
width:150px;
height:150px;
top:0px;
left:-1px;
position:absolute;
}
#background {
background:#fff url(../images/backgroundbleu.gif) ;
width:786px;
height:450px;
top:150px;
left:-2px;
position:absolute;
}
/*-----------------------MENU-----------------------*/
#menu {
background:#000 url(../images/menu.gif) ;
width:390px;
height:17px;
top:134px;
left:390px;
position:absolute;
}
#menu1 {
background:#000 url(../images/savoir.gif) ;
width:100px;
height:17px;
top:135px;
left:390px;
position:absolute;
}
#menu2 {
background:#000 url(../images/secteur.gif) ;
width:70px;
height:17px;
top:135px;
left:503px;
position:absolute;
}
#menu3 {
background:#000 url(../images/enviro.gif) ;
width:110px;
height:17px;
top:135px;
left:585px;
position:absolute;
}
#menu4 {
background:#000 url(../images/contact.gif) ;
width:70px;
height:17px;
top:135px;
left:703px;
position:absolute;
}
/*-------------------accueil---------------------*/
#esptexte{
width:400px;
height:200px;
top:190px;
left:105px;
position:absolute;
}
#esptitre{
width:150px;
height:10px;
top:150px;
left:550px;
position:absolute;
}
#vignette1{
width:100px;
height:100px;
top:190px;
left:665px;
position:absolute;
}
#vignette2{
width:100px;
height:100px;
top:320px;
left:665px;
position:absolute;
}
#vignette3{
width:100px;
height:100px;
top:450px;
left:665px;
position:absolute;
}
#backgroundac{
background:#fff url(../images/backgroundbleuac.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
/*----------------------savoir----------------------*/
#espsavoir{
width:500px;
height:100px;
top:170px;
left:20px;
position:absolute;
border:none;
}
#background {
background:#fff url(../images/backgroundbleusf.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
#bdchromage{
width:140px;
height:30px;
top:220px;
left:640px;
position:absolute;
border:none;
}
#bdpolissage{
width:140px;
height:30px;
top:180px;
left:640px;
position:absolute;
border:none;
}
#vignette1sf{
width:100px;
height:100px;
top:450px;
left:50px;
position:absolute;
}
#vignette2sf{
width:100px;
height:100px;
top:450px;
left:200px;
position:absolute;
}
#vignette3sf{
width:100px;
height:100px;
top:450px;
left:350px;
position:absolute;
}
#vignette4sf{
width:100px;
height:100px;
top:450px;
left:500px;
position:absolute;
}
/*----------------------chromage----------------------*/
#backgroundch{
background:#fff url(../images/backgroundbleuch.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
#espchromage{
width:500px;
height:100px;
top:170px;
left:20px;
position:absolute;
border:none;
}
#bain{
width:600px;
height:100px;
top:480px;
left:20px;
position:absolute;
}
#bainv{
width:100px;
height:300px;
top:280px;
left:660px;
position:absolute;
}
#plus{
width:120px;
height:100px;
top:210px;
left:655px;
position:absolute;
}
/*----------------------polissage----------------------*/
#backgroundpo{
background:#fff url(../images/backgroundbleupo.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
#esppolissage{
width:550px;
height:100px;
top:170px;
left:20px;
position:absolute;
border:none;
}
#esppolissagecont{
width:300px;
height:100px;
top:300px;
left:280px;
position:absolute;
border:none;
}
#tour{
width:200px;
height:100px;
top:365px;
left:20px;
position:absolute;
}
#usinage{
width:200px;
height:100px;
top:250px;
left:20px;
position:absolute;
}
#polissage2{
width:200px;
height:100px;
top:480px;
left:20px;
position:absolute;
}
#axe{
width:81px;
height:269px;
top:280px;
left:670px;
position:absolute;
}
#controle{
width:200px;
height:100px;
top:480px;
left:280px;
position:absolute;
}
/*----------------------environnement----------------------*/
#backgrounden{
background:#fff url(../images/backgroundbleuen.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
#esptexteenv{
width:500px;
height:200px;
top:170px;
left:20px;
position:absolute;
}
#env2{
width:140px;
height:400px;
top:180px;
left:640px;
position:absolute;
}
#env3{
width:400px;
height:150px;
top:430px;
left:200px;
position:absolute;
}
/*----------------------secteur----------------------*/
#backgroundse{
background:#fff url(../images/backgroundbleuse.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
#espsecteur{
width:500px;
height:100px;
top:170px;
left:20px;
position:absolute;
border:none;
}
#vis{
width:100px;
height:300px;
top:180px;
left:660px;
position:absolute;
}
/*----------------------contact----------------------*/
#backgroundco{
background:#fff url(../images/backgroundbleuco.gif) ;
width:786px;
height:450px;
top:150px;
left:2px;
position:absolute;
}
#site{
width:200px;
height:150px;
top:200px;
left:20px;
position:absolute;
border:#000 solid 2px;
}
#team{
width:200px;
height:150px;
top:400px;
left:20px;
position:absolute;
border:#000 solid 2px;
}
#esptextesiteg{
width:300px;
height:150px;
top:250px;
left:320px;
position:absolute;
}
#esptextesited{
width:110px;
height:150px;
top:250px;
left:650px;
position:absolute;
}
/*---------------------------agraf---------------------*/
#agraf{
width:70px;
height:20px;
top:570px;
left:90px;
position:absolute;
}
#coordagraf{
width:75px;
height:20px;
top:573px;
left:20px;
position:absolute;
}
#mention{
width:150px;
height:20px;
top:555px;
left:75px;
position:absolute;
}