body {
font-family : Arial, Helvetica, sans-serif; 
color : #273740; 
font-size : 74.01%; 
line-height : 1.5em; 
margin : 0; 
padding : 0; 
background-color : #fffffff; 
} 
#conteneur {
position : relative; 
margin : 0px auto; 
width : 760px; 
line-height : 150%; 
background-color : #8ca4b6; 
} 
#header {
width : 100%; 
height : 70px; 
background-color : #ffffff; 
background-repeat : no-repeat; 
margin : 0; 
position : relative; 
top : 0; 
left : 0; 
} 
#image {
width : 143px; 
height : 40px; 
background-image : url("images2/ded.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 18px; 
left : 5px; 
} 
#header1 {
width : 100%; 
height : 99px; 
background-image : url("images2/contact1.jpg"); 
background-repeat : no-repeat; 
position : absolute; 
margin-top : -75px; 
left : 0; 
} 
#image3 {
width : 760px; 
height : 2px; 
background-image : url("images2/bas.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 99px; 
left : 0; 
} 
#image4 {
width : 70px; 
height : 35px; 
background-image : url("images2/microsoft1.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 33px; 
left : 648px; 
} 
#image5 {
width : 100px; 
height : 30px; 
background-image : url("images2/toshiba.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 210px; 
left : 172px; 
} 

#image7 {
width : 100px; 
height : 76px; 
background-image : url("images2/promotion-copem.jpg"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 195px; 
left : 385px; 
} 
#image1 {
width : 90px; 
height : 90px; 
background-image : url("images2/studio351c.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 3px; 
left : 25px; 
} 
#text { 
position : absolute;
top : 15px;
left : 130px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text1 { 
position : absolute;
top : 38px;
left : 150px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text2 { 
position : absolute;
top : 66px;
left : 180px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text3 {
position : absolute; 
top : 345px; 
left : 170px; 
font-family : Helvetica, sans-serif; 
font-size : 0.9em; 
color : #000000; 
} 
dl, dt, dd, ul, li {
margin : 0; 
padding : 0; 
list-style-type : none; 
display : inline; 
} 
.menu {
list-style-type : none; 
text-align : center;

} 
.menu li {
float : left; 
line-height : 23px; 
font-size : 7pt;
font-weight : bold; 
position : relative;
left: 0px;  
z-index : 100; 
margin : auto; 
}
.menu a {
display : block; 
background : url("images2/menu-haut.gif") no-repeat left center; 
margin-top : 0;
width : 150px;
height : 23px; 
color : #ffffff; 
text-decoration : none; 
border-left : 2px solid #ffffff;
border-bottom : 1px solid #ffffff;  
} 
.menu a:hover {
width : 150px;
height : 23px;
background : url("images2/menu-hover.gif") no-repeat left center;  
color : #ffffff; 
}
.n5 a {
display : block; 
background : url("images2/menu-contact.gif") no-repeat left center;
width : 152px; 
height : 23px;
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-left : 0px solid #ffffff;
border-bottom : 1px solid #ffffff; 
}
.n5 a:hover {
width : 152px;
height : 23px;
background : url("images2/accueil-hover.gif") no-repeat left center;  
color : #ffffff; 
}
.n1 a {
display : block; 
background : url("images2/menu-vert.gif") no-repeat left center;
width : 150px; 
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-left : 2px solid #ffffff;
border-bottom : 1px solid #ffffff; 
}
#pied {
font-weight : normal;
background : url("images2/pied.gif") no-repeat left center; 
color : #ffffff; 
height : 20px; 
line-height : 19px; 
font-size : 8pt; 
font-family : arial; 
}


.menu-gauche {
position : absolute; 
top : 289px; 
left : 0; 
} 
.menu-gauche li {
line-height : 22px; 
font-size : 9pt; 
}
.menu-gauche a {
display : block; 
background : #7295af; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
text-indent : 6px; 
width : 151px; 
color : #ffffff; 
text-decoration : none; 
border-bottom : 1px solid #8ca4b6; 
} 
.menu-gauche a:hover {
width : 151px; 
background-color : #089008; 
background-repeat : no-repeat; 
color : #ffffff; 
}
 
.center {
text-align : center; 
} 
hr {
line-height : 3px; 
} 

.n2 a {
display : block; 
background-color : #336699; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
width : 152px;
border-left : 2px solid #ffffff;
border-bottom : 1px solid #ffffff;  
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 

} 
h1 {
font-size : 1em; 
font-weight : bold; 
line-height : 100%; 
margin-top : 0; 
margin-bottom : 0; 
font-family : Helvetica, sans-serif; 
} 
h2 {
font-size : 1em; 
color : #000000; 
font-weight : bold; 
line-height : 300%; 
margin-top : 0; 
margin-bottom : 0; 
font-family : Helvetica, sans-serif; 
} 

#haut {
text-align : center; 
height : 100px; 
} 
#droite {
position : absolute; 
right : 0; 
width : 142px; 
} 
#gauche {
float : left; 
width : 151px; 
margin-top : 15px; 
} 
p {
padding : 3px 0; 
margin : 0; 
font-family : Arial, sans-serif; 
font-size : 1em; 
} 

.white {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 4px; 
} 
.white1 {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 24px; 
} 
.pieds {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 63px; 
} 
.titre-menu {
position : relative; 
left : -8px; 
font-family : Helvetica, sans-serif; 
font-weight : bold; 
line-height : 300%; 
letter-spacing : 1px; 
word-spacing : 1px; 
} 
.jaune {
background-color : #ffffff; 
width : 550px; 
position : relative; 
top : -80px; 
left : 0; 
color : #333333; 
line-height : 12px; 
font-size : 1em; 
padding-top : 10px; 
padding-left : 0px; 
padding-right : 10px; 
padding-bottom : 0; 
} 
.hr1 {
color : #8ca4b6; 
background-color : #8ca4b6; 
position : relative; 
top : 10px; 
left : 0; 
height : 1px; 
border : 0; 
} 
.blue {
color : #336699; 
} 
h3 {
font-size : 1em; 
color : #336699; 
background-image : url("images2/debut.gif"); 
background-repeat : no-repeat; 
padding-left : 16px; 
background-position : left; 
line-height : 300%; 
margin-top : 5px; 
margin-bottom : 5px; 
} 
.jaune4 {
background-color : #ffffff; 
width : 300px; 
position : relative; 
top : -632px; 
left : 255px; 
color : #336699; 
line-height : 18px; 
font-size : 1em; 
padding-top : 1px; 
padding-left : 10px; 
padding-right : 10px; 
padding-bottom : 0; 
}
.jaune5 {
  background-color: #8ca4b6;
  width: 145px;
  position : relative;
  top : 340px; 
  left : 0px;
  color : #000000;
  line-height : 15px;
  font-size: 0.9em;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;

} 

#renseignements-contact {
width : 151px; 
height : 94px; 
background-image : url("images2/cafe.jpg"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 195px; 
left : 0; 
}

#text30 { 
position : absolute;
width : 200%;
top : 32px;
left : 150px;
font-family : Helvetica, sans-serif;
font-weight : normal;
font-size : 0.9em;
color : #01395e;#01395e
}
h5 {
font-size : 1em; 
color : red;
background-image : url("images2/puce1.gif"); 
background-repeat : no-repeat; 
padding-left : 16px; 
background-position : left; 
line-height : 120%; 
margin-top : 5px; 
margin-bottom : 5px; 
}
h6 {
font-size : 1em; 
color : red;
background-repeat : no-repeat; 
padding-left : 0px; 
background-position : left; 
line-height : 80%; 
margin-top : 8px; 
margin-bottom : 0px; 
}
.jaune10 {
background-color : #336699;
width : 760px;
height : 23px; 
position : relative; 
top : 70px; 
left : 0px; 
border-bottom : 1px solid #ffffff; 
}
.white {
padding:0;
margin:50px 34px; 
color : #ffffff; 
text-decoration : underline;
}
.white:hover {
padding:0;
margin:50px 34px; 
color : #ffff00;
text-decoration: underline ;  
}
h4 {
font-size : 12px; 
color : #000000; 
background-repeat : no-repeat; 
background-position : left; 
line-height : 150%; 
margin-top : 25px; 
margin-bottom : 5px; 
}    
#image6 {
width : 162px; 
height : 130px; 
background-image : url("images2/produits-copem.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 300px; 
left : 510px; 
} 
.jaune1 {
background-color : #ffffff;
color : #000000; 
position : relative; 
top : 40px; 
left : 350px;  
width : 378px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
border-left : 1px solid #e2dada;
border-right : 1px solid #e2dada;
border-top : 1px solid #e2dada;
border-bottom : 1px solid #e2dada; 
} 
#centre {
margin-top : 0px; 
background-color : #ffffff; 
border-right : 1px solid #336699; 
padding-top : 50px; 
padding-bottom : 10px; 
padding-left : 20px; 
padding-right : 20px; 
margin-left : 151px; 
text-align : justify; 
line-height : 100%; 
word-spacing : 1px;
border-right : 1px solid #dbd7d7; 
}