body { 
font-family : Arial, Helvetica, sans-serif;
color : #273740;
font-size : 74.01%;
line-height : 1.5em;
margin : 0;
padding : 0;
background-color : #ffffff;
} 
#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("images/ded.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 18px; 
left : 5px; 
} 
#header1 { 
width : 100%;
height : 99px;
background-image : url("images/produit.jpg");
background-repeat : no-repeat;
position : absolute;
margin-top : -75px;
left : 0;
} 
#image1 { 
width : 90px;
height : 90px;
background-image : url("images/studio351c.gif");
background-repeat : no-repeat;
margin-bottom : 0;
position : absolute;
top : 3px;
left : 25px;
} 

#image3 { 
width : 760px;
height : 2px;
background-image : url("images/bas.gif");
background-repeat : no-repeat;
margin-bottom : 0;
position : absolute;
top : 194px;
left : 0;
} 
#image4 { 
width : 70px;
height : 35px;
background-image : url("images/microsoft1.gif");
background-repeat : no-repeat;
margin-bottom : 0;
position : absolute;
top : 33px;
left : 648px;
} 
#image5 { 
width : 100px;
height : 30px;
background-image : url("images/toshiba.jpg");
background-repeat : no-repeat;
margin-bottom : 0;
position : absolute;
top : 210px;
left : 172px;
} 
#telecharger-bertl { 
width : 80px;
height : 42px;
background-image : url("images/telecharger-bertl.gif");
background-repeat : no-repeat;
margin-bottom : 0;
position : absolute;
top : 560px;
left : 400px;
} 
#renseignements-produits { 
width : 151px;
height : 113px;
background-image : url("images/nathalie1.jpg");
background-repeat : no-repeat;
margin-bottom : 0;
position : absolute;
top : 195px;
left : 0;
} 
h2#ancre-photocopieurs { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 1px;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/photocopieurs-n-b.jpg") no-repeat left center;
} 
h2#ancre-120 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/120.jpg") no-repeat left center;
} 
h2#ancre-options-120 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;

line-height : 40px;
margin : 0;
margin-bottom : -110px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-120.jpg") no-repeat left center;
} 
h2#ancre-151 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/151.jpg") no-repeat left center;
} 
h2#ancre-options-151 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -110px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-151.jpg") no-repeat left center;
} 
h2#ancre-16-20 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/16-20.jpg") no-repeat left center;
} 
h2#ancre-options-16-20 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -110px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-16-20.jpg") no-repeat left center;
} 
h2#ancre-options-165-205 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-16-20.jpg") no-repeat left center;
} 
h2#ancre-23-45 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : -5px;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/23-45.jpg") no-repeat left center;
} 
h2#ancre-options-232 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 10px;
color : #336699;
line-height : 20px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-232.jpg") no-repeat left center;
} 
h2#ancre-options-352 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 10px;
color : #336699;
line-height : 20px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-352.jpg") no-repeat left center;
} 
h2#ancre-520-850 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 0;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/options-520-850.jpg") no-repeat left center;
} 
h2#ancre-options-520-850 { 
font-weight : bold;
font-size : 1.1em;
height : 100px;
position : relative;
left : 0;
top : 10px;
color : #336699;
line-height : 20px;
margin : 0;
margin-bottom : -140px;
padding : 0 0 100px 0;
font-family : Helvetica, sans-serif;
background : url("images/520-850.jpg") no-repeat left center;
} 
h2#ancre-standard { 
font-weight : bold;
font-size : 1em;
height : 100px;
position : relative;
left : 0;
top : 5px;
color : #336699;
line-height : 40px;
margin : 0;
margin-bottom : -40px;
padding : 0 0 0 113px;
font-family : Helvetica, sans-serif;
background : url("images/3500c.jpg") no-repeat left center;
} 
.hr1 { 
color : #8ca4b6;
background-color : #8ca4b6;
position : relative;
top : 10px;
left : 0;
height : 1px;
border : 0;
} 
#marge { 
text-indent : 5px;
} 
#text { 
position : absolute;
top : 20px;
left : 130px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text1 { 
position : absolute;
top : 50px;
left : 210px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text2 { 
position : absolute;
top : 76px;
left : 280px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text3 { 
position : absolute;
top : 15px;
left : 130px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text4 { 
position : absolute;
top : 38px;
left : 150px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text5 { 
position : absolute;
top : 66px;
left : 180px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text6 { 
position : absolute;
top : 0;
left : 4px;
font-family : Arial, Helvetica, sans-serif;
} 
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("images/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("images/menu-hover.gif") no-repeat left center;  
color : #ffffff; 
}
.n5 a {
display : block; 
background : url("images/menu-contact.gif") no-repeat left center;
width : 152px; 
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-left : 0px solid #ffffff;
border-bottom : 1px solid #ffffff; 
}
.n5 a:hover {
width : 152px;
background : url("images/accueil-hover.gif") no-repeat left center;  
color : #ffffff; 
}
.n1 a {
display : block; 
background : url("images/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("images/pied.gif") no-repeat left center; 
color : #ffffff; 
height : 20px; 
line-height : 19px; 
font-size : 8pt; 
font-family : arial; 
}
.menu-gauche {
position : absolute; 
top : 308px; 
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; 
}
.n4 a {
display : block; 
background-color : #089008; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
font-size : 0.9em; 
text-indent : 11px; 
width : 151px; 
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-bottom : 1px solid #8ca4b6; 
}
.center { 
text-align : center;
} 
h1 { 
font-size : 1em;
font-weight : bold;
line-height : 100%;
margin-top : 0;
margin-bottom : 0;
font-family : Helvetica, sans-serif;
} 
h3 { 
font-size : 1em;
color : #336699;
background-image : url("images/puce.gif");
background-repeat : no-repeat;
padding-left : 16px;
background-position : left;
line-height : 160%;
margin-top : 5px;
margin-bottom : 5px;
} 

#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;
} 
.marge { 
position : relative;
top : 0;
left : 18px;
} 
.ancre { 
position : relative;
font-family : Helvetica, sans-serif;
font-size : 8pt;
color : #336699;
letter-spacing : 0;
word-spacing : 0;
} 
.jaune1 { 
background-color : #e2dada;
width : 360px;
position : relative;
top : -10px;
left : 164px;
color : #333333;
line-height : 10px;
font-size : 0.9em;
padding-top : 3px;
padding-left : 10px;
padding-bottom : 10px;
} 
.jaune { 
background-color : #ffffff;
width : 326px;
position : relative;
top : -22px;
left : 107px;
color : blue;
line-height : 11px;
font-size : 0.9em;
} 
.jaune2 { 
background-color : #ffffff;
width : 360px;
position : relative;
top : -24px;
left : 164px;
color : #000000;
line-height : 10px;
font-size : 0.9em;
padding-top : 3px;
padding-left : 10px;
padding-bottom : 10px;
border-left : 1px solid #e2dada;
border-right : 1px solid #e2dada;
border-top : 1px solid #e2dada;
border-bottom : 1px solid #e2dada; 

} 
.jaune3 { 
background-color : #ffffff;
width : 360px;
position : relative;
top : -30px;
left : 164px;
color : #000000;
line-height : 10px;
font-size : 0.9em;
padding-top : 3px;
padding-left : 10px;
padding-bottom : 10px;
border-left : 1px solid #e2dada;
border-right : 1px solid #e2dada;
border-top : 1px solid #e2dada;
border-bottom : 1px solid #e2dada; 

} 
.jaune4 { 
background-color : #ffffff;
width : 360px;
position : relative;
top : -16px;
left : 164px;
color : #000000;
line-height : 10px;
font-size : 0.9em;
padding-top : 3px;
padding-left : 10px;
padding-bottom : 10px;
border-left : 1px solid #e2dada;
border-right : 1px solid #e2dada;
border-top : 1px solid #e2dada;
border-bottom : 1px solid #e2dada; 

} 
.hr { 
color : #8ca4b6;
background-color : #8ca4b6;
position : relative;
top : 4px;
left : 0;
height : 1px;
border : 0;
} 
#zone1 { 
float : left;
width : 80px;
height : 42px;
margin-left : 0;
margin-top : 0;
} 

#text51 {
position : absolute; 
top : 281px; 
left : 6px; 
font-family : Helvetica, sans-serif; 
font-weight : bold; 
font-size : 0.85em; 
color : #FFFFFF;
}
.n2 a {
display : block; 
background-color : #336699; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
font-weight : normal; 
width : 151px; 
text-indent : 5px; 
background-repeat : no-repeat; 
color :  #ffffff; 
text-decoration : none; 
}
.n3 a { 
display : block;
background-color : #336699;
font-family : Trebuchet MS, helvetica, arial, sans-serif;
font-size : 0.9em;
text-indent : 20px;
width : 151px;
background-repeat : no-repeat;
color : #ffffff;
text-decoration : none;
} 
.black {
font-size : 0.9em;  
text-decoration: none;
}
.black li{
font-size : 0.9em;  
text-decoration: none;
}
.black a{
color : #000000;
font-size : 0.9em;  
text-decoration: none;
}
.black a:hover { 
color: #ff0000;
font-size : 0.9em;  
text-decoration: none;
 }
.black1 {
color : #000000;
font-size : 0.9em;  
text-decoration: none;
} 
.white1 {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 15px; 
}
.pieds {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 43px; 
}

#image10 {
width : 100px; 
height : 76px; 
background-image : url("images/produits-copem.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 215px; 
left : 639px; 
} 
h4 {
font-size : 1.3em; 
color : #336699;
font-style: italic; 
background-repeat : no-repeat; 
padding-left : 0px; 
background-position : left; 
line-height : 120%; 
margin-top : 12px; 
margin-bottom : 12px; 
}
a img {
border: 0 none;
}
.retour {
color : #000000;
font-size : 0.9em;  

}
.retour:hover { color:red; 
 }
#centre {
margin-top : 0px; 
background-color : #ffffff; 
padding-top : 17px; 
padding-bottom : 15px; 
padding-left : 20px; 
padding-right : 17px; 
margin-left : 151px; 
text-align : justify; 
line-height : 140%; 
word-spacing : 0.5px;
border-right : 1px solid #dbd7d7; 
}
h2 {
font-size : 1.2em; 
color : #000000; 
font-weight : bold; 
line-height : 100%;
padding-left : 0px; 
background-position : left;  
margin-top : -10px; 
margin-bottom : -8px; 
font-family : Helvetica, sans-serif;  

}
#me { 
position : absolute;
width : 760px;
top : -260px;
left : 0px;
font-family : Helvetica, sans-serif;
line-height : 4%;
font-size : 0.1em;
color : #000000;
}
#text30 { 
position : absolute;
width : 200%;
top : 35px;
left : 150px;
font-family : Helvetica, sans-serif;
font-weight : normal;
font-size : 0.9em;
color : #01395e;#01395e
}
h5 {
font-size : 1em; 
color : red;
font-weight : bold; 
background-image : url("images/puce1.gif"); 
background-repeat : no-repeat; 
padding-left : 16px; 
background-position : left; 
line-height : 120%; 
margin-top : 5px; 
margin-bottom : 5px; 
}
.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 ;  
}