body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     background: url(deg-vertical.gif)  repeat; 
     font-family:times;

scrollbar-face-color: #003b78;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #90acc6;
scrollbar-arrow-color:#cfe7f7;
     }

#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 500px;
     margin-top: -250px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     border: 0px solid #000;
     text-align: left;
    
     }



.center {
text-align:center;
}

.blue {
color:#ffffff;
}

#chargement {
 position:absolute;
   left: 0; 
     top: 0;
  height:100%;  
  width:100%;
     margin-top: 0px; /* moit ié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
  text-align: center;
   background: #ffffff;
 
}

#anim {
 position:absolute;
   left: 0; 
     top: 0;
  height:100%;  
  width:100%;
     margin-top: 0px; /* moit ié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
  text-align:center;
  
}

#bandeau {
     
     left: 0; 
     top: 0;
     width: 800px;
     height: 85px;
     margin-top: 0px; /* moit ié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
  text-align: center;
  background: #003b78;
 
}



#menu-h  {
     left: 0; 
     top: 0;
     width: 800px;
     height: 20px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
  text-align: center;
  background:#90acc6;

     }



#menu-v {
     width: 160px;
     height: 400px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
  text-align: left;
    background: url(fond-gauche.gif)  repeat-y ;
     }

#page {
     
     float:right;
     width: 640px;
     height: 400px;
     margin-top: -400px; /* moitié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
  text-align: left;
padding-top: auto;
  padding-left: auto;
  background: url(fond-droite.gif) repeat-y ;
  
     }



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
margin-top: 10px;
margin-left: 0px;
top: 0;
left: 0;
}
dl#menu {
width: 160px;
}
dl#menu dt {
cursor: pointer;
color: #222222;
margin: 2px 0;

line-height: 20px;
text-align: center;
font-weight:bold ;
border: 0px solid gray;
background: none;
}



dl#menu dd {
border: 0px solid gray;
}

.dl#menu li {
text-align: center;
background: #003b78;

}

dl#menu li a, dl#menu dt a {
color: #90acc6;
display: block;
border: 0 none;
height: 100%;
font-size:80%;
text-align: center;
background: #003b78;
width:160px;

}

dl#menu li a:hover , dl#menu dt a:hover {
background:#90acc6;
color: #003b78;


}

.menu {
margin-top:0px;
font-size:80%;

}



#b1 a {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu.gif)  bottom no-repeat;
width: 160px;
}


#b1 a:hover {
height: 20px;
float: left;
margin-left: 0px;
background-image:url(menu2.gif)   ;
width: 160px;
vertical-align:bottom;
}

#b2 a {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu.gif)  bottom no-repeat ;
width: 160px;
}

#b2 a:hover {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu2.gif)  bottom no-repeat ;
width: 160px;
}

#b3 a {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu.gif) bottom no-repeat;
width: 160px;
}

#b3 a:hover {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu2.gif) bottom no-repeat;
width: 160px;
}

#b4 a {
height: 20px;
float: left;

margin-left: 0px;
background:url(menu.gif) bottom no-repeat;
width: 160px;
}

#b4 a:hover {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu2.gif)  bottom no-repeat;
width: 160px;
}

#b5 a {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu.gif) bottom no-repeat;
width: 160px;
}

#b5 a:hover {
height: 20px;
float: left;
margin-left: 0px;
background:url(menu2.gif)  bottom no-repeat;
width: 160px;
}


#accueil {
position:absolute;
top:110px;
left:0px;
width: 800px;
height: 400px;
border: 0px solid #000;
text-align: left;
/* background: url(lion-big.jpg) 155px 30px no-repeat; */
color:#fff;
border:0px solid red;
padding: 10px 10px;
}


#texteaccueil {
width:200px;
border:0px solid black;
height:330px;
font-family :"Times New Roman", Times;
font-style: italic ;
}

#edito {
height: 400px;
float: left;
border: 0px solid gray;
margin-left: 0px;
margin-top: 0px;
width: 640px;
text-align:justify;
font-family:times;
font-size:0.9em;
color:#cfe7f7;
font-weight:300;
overflow:hidden;

}


.edito{
width:640px;
color:#cfe7f7;
}


#cep {
position:absolute;
     left: 0px; 
     top: 355px;
     width: 500px;
     height: 20px;
     border: 0px solid #000;
     text-align: center;
     
}



#crea {
height: 300px;
float: left;
border: 0px solid gray;
margin-left: 90px;
margin-top: 30px;
width: 500px;
text-align:justify;
font-family:times;
font-size:0.9em;
color:#cfe7f7;
font-weight:300;

}


#horlo {
height: 300px;
float: left;
border: 0px solid gray;
margin-left: -10px;
margin-top: 5px;
width: 500px;
text-align:justify;
font-family:times;
font-size:0.9em;
color:#cfe7f7;
font-weight:300;

}


#geranium {

 position:absolute;
left: 160px; 
     top: 130px;
     width: 640px;
     height: 310px;
     padding: 10px; /* moitié de la hauteur */
     margin-left: 0px; /* moitié de la largeur */
     border: 0px solid #000;
     text-align: center;
     background: url(atelier.jpg) bottom center no-repeat; 
     color:#cfe7f7;
}

#magasin a {

float:left;
height: 300px;
border: 0px solid gray;
margin-left:80px;
margin-top: 60px;


width: 400px;
color:#cfe7f7;
font-size:1.0em; 
font-weight:200;
font-family:Times;
text-align:justify;
}

#magasin a:hover {

height: 300px;
float:left;
border: 0px solid gray;
margin-left:80px;
margin-top:60px;

width: 400px;
color:#cfe7f7;
text-align:justify;
}

#fabrication {
height: 310px;
float: left;
border: 0px solid gray;
margin-left: 130px;
margin-top: 60px;
width: 400px;
text-align: justify;
color:#cfe7f7;
font-size:1.0em;
font-weight:300;
font-family:times;
background:url(bague.jpg) bottom center no-repeat;
}

#equipe {
padding-left:50px;
padding-top:5px;}

#catalogue {
 position:absolute;
left: 40%; 
     top: 55%;
     width: 710px;
     height: 120px;
     margin-top: -150px; /* moitié de la hauteur */
     margin-left: -255px; /* moitié de la largeur */
     border: 0px solid #000;
     text-align:center;
line-height:1.8;
   }


#hcatalogue {

float:left;
border: 0px solid gray;
margin-left: 30px;
margin-top: 0px;
width: 280px;
text-align:center;
color:#cfe7f7;
}

#bcatalogue {
height: 300px;
float: left;
border: 0px solid gray;
margin-left:0px;
margin-top: 0px;
width: 300px;
text-align: center;
 
}

#fcatalogue {
height: 31px;
float: left;
border: 0px solid gray;
margin-left: 0px;
margin-top: 60px;
width: 200px;
text-align:center;
 
}




#award {
height: 400px;
float: left;
border: 0px solid gray;
margin-left: 100px;
margin-top: 20px;
width: 300px;
text-align: justify;

}

.award{
text-align: justify;
color:#cfe7f7;
}

#presse {

border: 0px solid #000;
width:600px;
height:400px;

}

#elle {
left:570;
top:130;
}

#express{
left:450px;
top:190px;
}

#figaro{
left:210px;
top:130px;
}

#nord{
left:300;
top:240;
}

#femina{
left:180;
top:280;
}


#nettoyage {
height: 300px;
float: left;
border: 0px solid gray;
margin-left: 90px;
margin-top: 30px;
width: 500px;
text-align:justify;
font-family:times;
font-size:0.9em;
color:#cfe7f7;
font-weight:300;
}

#reparation {
height: 300px;
float: left;
border: 0px solid gray;
margin-left: 90px;
margin-top: 60px;
width: 500px;
text-align:justify;
font-family:times;
font-size:1.0em;
color:#cfe7f7;
font-weight:100;
}

#transformation {
height: 300px;
float: left;
border: 0px solid gray;
margin-left: 0px;
margin-top: 10px;
width: 640px;
text-align:center;
font-family:times;
font-size:0.9em;
color:#cfe7f7;
font-weight:300;
}


#plan {
position:absolute;
height: 200px;
left: 200px; 
top: 170px;
border: 2px solid gray;
margin-left: 0px;
margin-top: 0px;
width: 300px;     
  
}

#formulaire {
position:absolute;
height: 200px;
left: 110px; 
top: 115px;
border: 0px solid gray;
margin-left: 0px;
margin-top: 0px;
width: 300px;     

}

.submit {
color:#fedd42;
background:#003b78;
font-family:times;
border:solid #cfe7f7 1px;
}

.zone {
text-align:justify;
font-family:times;
font-size:0.9em;
color:#cfe7f7;
font-weight:300;
background:#003b78;
border:1px solid #cfe7f7;
}

.zone:focus {
text-align:justify;
font-family:times;
font-size:0.9em;
color:#003b78;
font-weight:300;
background:#cfe7f7;
border:1px solid #cfe7f7;
}


.zone2 {
color:#cfe7f7;

}

#zenith {
   
     width: 610px;
     height: 400px;
     margin-top: 35px; /* moitié de la hauteur */
     margin-left:2%; /* moitié de la largeur */
     border: 0px solid #000;
text-align:left;
}

#zenith a {
color:#c8d9e1;
font-weight:100;
font-size:1.0em;
}
#zenith a:hover {
color:#003b78;
font-weight:100;
font-size:1.0em;
}



#baume {
   
     width: 570px;
     height: 400px;
     margin-top: 17px; /* moitié de la hauteur */
     margin-left:4%; /* moitié de la largeur */
     border: 0px solid #000;
text-align:left;
}

#baume a {
color:#c8d9e1;
font-weight:100;
font-size:1.0em;
}
#baume a:hover {
color:#003b78;
font-weight:100;
font-size:1.0em;
}






#hermes {
   
     width: 640px;
     height: 400px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left:-80px; /* moitié de la largeur */
padding-top:100px;
padding-left:0px;
     border: 0px solid #000;
text-align:center;
color:#cfe7f7;
}


#guess {
   
     width: 640px;
     height: 400px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left:-80px; /* moitié de la largeur */
     border: 0px solid #000;
text-align:center;
padding-top:5px;
padding-left:0px;
color:#cfe7f7;
}



#mauboussin {
   
     width: 640px;
     height: 400px;
     margin-top: 20px; /* moitié de la hauteur */
     margin-left:-80px; /* moitié de la largeur */
     border: 0px solid #000;
text-align:center;
padding-top:5px;
padding-left:0px;
color:#cfe7f7;
}



#honore {
   
     width: 520px;
     height: 400px;
     margin-top: 17px; /* moitié de la hauteur */
     margin-left:12%; /* moitié de la largeur */
     border: 0px solid #000;
text-align:left;
}

#honore a {
color:#c8d9e1;
font-weight:100;
font-size:1.0em;
left:-20px;
}
#honore a:hover {
color:#003b78;
font-weight:100;
font-size:1.0em;
}


.creation{
padding:10px;
color:#003b78;
text-align:justify;
font family:times;
font size:1.0em;
font-style:italic;
line-height:1.8;
margin:20px;


}

.creation2{
border:1px solid #000000;

}



#cmauboussin {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
padding-top:30px;
overflow:hidden;
}


#bdiamant {
margin-top:0px;
width:640px;
height:400px;
background:#f8f8f8;
}

#brubis {
margin-top:0px;
background:#ffffff;
width:640px;
height:400px;
}


#cor {
margin-top:0px;
width:640px;
height:400px;
background:#f8f8f8;
overflow:hidden;

}


#cargent {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
overflow:hidden;

}

#brargent {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
overflow:hidden;

}

#bror {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
overflow:hidden;

}

#bemeraude {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
}


#bsaphir {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
}


#bpierre {
margin-top:0px;
width:640px;
height:400px;
background:#ffffff;
}

#bperle {
margin-top:0px;
width:640px;
height:400px;
background:#f8f8f8;
}

#pendentif {
margin-left:0px;
margin-top:0px;
text-align:justify;
width:640px;
height:400px;
background:#ffffff;
}

#trilogy {
margin-left:0px;
margin-top:0px;
text-align:justify;
width:640px;
height:400px;
background:#ffffff;
overflow:hidden;
}


#facade {
height: 320px;
float: left;
border: 0px solid gray;
margin-left: 90px;
margin-top: 20px;
width: 500px;
text-align: justify;
color:#cfe7f7;
font-size:1.0em;
font-weight:300;
font-family:times;

}


#foulard {
margin-left:0px;
margin-top:0px;
text-align:justify;
width:640px;
height:400px;
background:#ffffff;
overflow:hidden;
}


#cnil {
position:absolute;
height: 200px;
left: 600px; 
top: 200px;
margin-left: 0px;
margin-top: 0px;
width: 200px;     
border: 0px solid gray;
text-align:center;
font-family:times;
font-size:0.9em;
color:#003b78;
font-weight:300;
}

.border {

border:3px ridge #ffffff;
}


a:link {
font-family:times;
font-size:110%;
color:#003b78;
background-color: none;
text-decoration: none ;
font-weight:500;
}
a:visited {
font-family:times;
font-size:110%;
color:#003b78;
background-color:none;
text-decoration: none ;
font-weight:500;
}
a:hover {
font-family:times;
font-size:110%;
color:#c8d9e1;

text-decoration:none;
font-weight:500;
}


#signature a {
color:#c8d9e1;
font-weight:100;
font-size:0.9em;
}
#signature a:hover {
color:#003b78;
font-weight:100;
font-size:0.9em;
}