/* CSS Document */

* {
margin: 0;
padding: 0;
}



.spacer{

display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}



body {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#979797;
}


#general {
width:1000px;
margin:0 auto;
}


/* Header */

#header {
width:1000px;
height:129px;
background:url(../images/haut.jpg) no-repeat top right;
}

h1 a{
display:block;
width:324px;
height:129px;
text-indent:-5000px;
background:url(../images/logo-imprimerie-hauguel.jpg) no-repeat;
}

/* Menu */


ul#menu {
display:block;
width:303px;
height:232px;
background:url(../images/fond_menu.jpg) no-repeat;
padding-left:20px;
list-style:none;
padding-top:22px;
float:left;
}

li#societe a{
display:block;
width:304px;
height:20px;
background:url(../images/societe.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#societe a:hover{
background:url(../images/societe.jpg) no-repeat 0 -20px;
}

li#references a{
display:block;
width:304px;
height:20px;
background:url(../images/references.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#references a:hover{
background:url(../images/references.jpg) no-repeat 0 -20px;
}

li#prepresse a{
display:block;
width:304px;
height:20px;
background:url(../images/pre-presse.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#prepresse a:hover{
background:url(../images/pre-presse.jpg) no-repeat 0 -20px;
}

li#offset a{
display:block;
width:304px;
height:20px;
background:url(../images/offset.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#offset a:hover{
background:url(../images/offset.jpg) no-repeat 0 -20px;
}

li#faconnage a{
display:block;
width:304px;
height:20px;
background:url(../images/faconnage.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#faconnage a:hover{
background:url(../images/faconnage.jpg) no-repeat 0 -20px;
}

li#plus a{
display:block;
width:304px;
height:20px;
background:url(../images/plus.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#plus a:hover{
background:url(../images/plus.jpg) no-repeat 0 -20px;
}

li#vert a{
display:block;
width:304px;
height:20px;
background:url(../images/imprim-vert.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#vert a:hover{
background:url(../images/imprim-vert.jpg) no-repeat 0 -20px;
}

li#devis a{
display:block;
width:304px;
height:20px;
background:url(../images/demande_devis.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#devis a:hover{
background:url(../images/demande_devis.jpg) no-repeat 0 -20px;
}

li#contact a{
display:block;
width:304px;
height:20px;
background:url(../images/contact.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#contact a:hover{
background:url(../images/contact.jpg) no-repeat 0 -20px;
}

li#acces a{
display:block;
width:304px;
height:20px;
background:url(../images/acces_client.jpg) no-repeat 0 0;
text-indent:-5000px;
}

li#acces a:hover{
background:url(../images/acces_client.jpg) no-repeat 0 -20px;
}

/* Centre */

#texte {
position:relative;
float:left;
display:block;
width:267px;
height:192px;
background:url(../images/fond_texte.jpg);
padding-top:60px;
padding-left:35px;
padding-right:40px;
}

p#bloc {
display:block;
height:190px;
width:265px;
overflow:auto;
scrollbar-arrow-color:#009de0;
scrollbar-darkshadow-color:#FFF;
scrollbar-face-color:#FFF; 
scrollbar-track-color:#FFF;
scrollbar-3dlight-color:#dcdcdc;
scrollbar-shadow-color:#dcdcdc;
}

p#bloc a {
text-decoration:none;
font-size:10px;
color:#979797;
}

object {
float:left;
}

strong.vert {
color:#0A8C2C;
}

h2#offset {
display:block;
width:200px;
height:20px;
background:url(../images/offset.jpg) no-repeat -47px 0;
text-indent:-5000px;
}

h2#prepresse {
display:block;
width:200px;
height:20px;
background:url(../images/pre-presse.jpg) no-repeat -47px 0;
text-indent:-5000px;
}

h2#faconnage {
display:block;
width:200px;
height:20px;
background:url(../images/faconnage.jpg) no-repeat -47px 0;
text-indent:-5000px;
}


h2#plus {
display:block;
width:200px;
height:20px;
background:url(../images/plus.jpg) no-repeat -47px 0;
text-indent:-5000px;
}

h2#contact {
display:block;
width:150px;
height:20px;
background:url(../images/contact.jpg) no-repeat -47px 0;
text-indent:-5000px;
}

h2#references {
display:block;
width:150px;
height:20px;
background:url(../images/references.jpg) no-repeat -47px 0;
text-indent:-5000px;
}

h2#devis {
display:block;
width:150px;
height:20px;
background:url(../images/demande_devis.jpg) no-repeat -47px 0;
text-indent:-5000px;
}

/* Contact */

#fond_formulaire {
background:url(../images/fond_formulaire.jpg);
display:block;
width:334px;
height:252px;
}

form#contact {
position:absolute;
width:600px;
top:20px;
}

form#contact ul{
list-style:none;
}

form#contact label{
display:block;
width:70px;
float:left;
}

form#contact ul#form_right {
float:right;
}

form#contact ul#form_left {
margin-top:70px;
float:left;
}

form#contact ul#form_left li{
width:280px;
}

form#contact a {
text-decoration:none;
font-size:10px;
color:#979797;
}

/* Contact_erreur__________________________________*/

#error {
color:#CC0002;
font-size:10px;
display:block;
height:25px;
text-align:left;
}

.erreur{
border: 1px solid #CC0002;
}

li.erreur{
color:#CC0002;
border:none;
}

li.erreur label{
color:#CC0002;
}

li.erreur strong{
color:#CC0002;
}

/* Footer */

#footer {
margin-top:-2px;
display:block;
width:1000px;
height:163px;
background:url(../images/fond_footer.jpg) no-repeat;
}

#footer p#lien{
padding-top:38px;
padding-left:265px;
}

#footer p#lien a{
text-decoration:none;
color:#979797;
}