body {
background:#fff url(../img/fdPgAccueil.gif) 50%  323px no-repeat;
margin:0;
padding:0;
font-family:"Times New Roman", Times, serif;
color:#1a171b;
}
/* niv 1 */
body#societe {
background:#fff url(../img/fdPgPhotogravure.gif) 50% 405px no-repeat;
}
body#services {
background:#fff url(../img/fdPgServices.gif) 50% 405px no-repeat;
}
body#durable {
background:#fff url(../img/fdPgImpression.gif) 50% 405px no-repeat;
}
body#infos {
background:#fff url(../img/fdPgFaconnage.gif) 50% 405px no-repeat;
}
body#photo {
background:#fff url(../img/fdPgPhotogravure.gif) 50% 405px no-repeat;
}
body#plaquette {
background:#fff url(../img/fdPgPrepresse.gif) 50% 405px no-repeat;
}
/* niv 2 */
body#livraison {
background:#fff url(../img/fdPgLivraison.gif) 50% 405px no-repeat;
}
body#faconnage {
background:#fff url(../img/fdPgFaconnage.gif) 50% 405px no-repeat;
}
body#prepresse {
background:#fff url(../img/fdPgPrepresse.gif) 50% 405px no-repeat;
}
body#impression {
background:#fff url(../img/fdPgImpression.gif) 50% 405px no-repeat;
}
body#photogravure {
background:#fff url(../img/fdPgPhotogravure.gif) 50% 405px no-repeat;
}
body#anim {
background:#fff;
}

h1 {
position:absolute;
top:-1000px;
left:-1000px;
}
#page {
width:990px;
margin:0 auto;
}
#gauche {
float:left;
width:179px;
text-align:right;
background:url(../img/fdHautGauche.gif) 100% 0 no-repeat;
padding:79px 0 0;
}
ul#menuG {
margin:0;
padding:0;
list-style:none;
font-style:italic;
font-weight:bold;
font-size:0.7em;
}
ul#menuG li {
padding:2px 0;
margin:0;
text-align:right;
clear:both;
}
ul#menuG li a {
text-decoration:none;
color:#1a171b;
}
ul#menuG li a:hover, ul#menuG li a.act {
color:#87888a;
}
ul#menuG li#accueil {
display:block;
text-align:center;
width:114px;
height:114px;
padding:0;
margin:0 0 14px;
font-size:2.1em;
float:right;
}
ul#menuG li#accueil a {
display:block;
width:114px;
height:77px; /* 114 - 38 */
padding:37px 0 0;
background:url(../img/accueil.gif) 0 0 no-repeat;
font-weight:normal;
}
ul#menuG li#accueil a:hover, ul#menuG li#accueil a.act {
color:#fff;
background-position:0 -114px;
}
ul#menuG li#accueil a span {
display:block;
font-size:0.8em;
}
#droite {
float:left;
width:711px;
background:url(../img/fdHautDroite.gif) 0 0 no-repeat;
}
#haut {
height:247px;
}
ul#menuH {
margin:0;
padding:1px 0 0;
list-style:none;
font-size:0.7em;
font-style:italic;
font-weight:bold;
}
ul#menuH li {
margin:0;
padding:0;
display:block;
float:left;
text-align:center;
position:relative;
}
ul#menuH li a {
color:#87888a;
text-decoration:none;
display:block;
float:left;
display:block;
height:79px;
width:78px;
position:relative;
}
ul#menuH li.societe a {
background:url(../img/societe.gif) 0 0 no-repeat;
}
ul#menuH li.services a {
background:url(../img/services.gif) 0 0 no-repeat;
}
ul#menuH li.devDurable a {
background:url(../img/devDurable.gif) 0 0 no-repeat;
}
ul#menuH li.infosTech a {
background:url(../img/infosTech.gif) 0 0 no-repeat;
}
ul#menuH li.galerie a {
background:url(../img/galerie.gif) 0 0 no-repeat;
}
ul#menuH li.plaquette a {
width:79px;
background:url(../img/plaquette.gif) 0 0 no-repeat;
}
ul#menuH li.contacts a {
background:url(../img/contacts.gif) 0 0 no-repeat;
}
ul#menuH li a.act, ul#menuH li a:hover {
background-position:0 -79px;
/*color:#1a171b;*/
}
/* ATTENTION - BUG IE */
ul#menuH li a span, ul#menuH li a.act span, #services ul#menuH li a.act span, #services ul#menuH li ul li a span, #livraison ul#menuH li a.act span, #livraison ul#menuH li ul li a span, #faconnage ul#menuH li a.act span, #faconnage ul#menuH li ul li a span, #prepresse ul#menuH li a.act span, #prepresse ul#menuH li ul li a span, #impression ul#menuH li a.act span, #impression ul#menuH li ul li a span, #photogravure ul#menuH li a.act span, #photogravure ul#menuH li ul li a span {
display:block;
position:absolute;
width:78px;
top:80px;
left:0;
padding:4px 0 0;
cursor:pointer;
}
/* ATTENTION - BUG IE */
#services ul#menuH li a span, #livraison ul#menuH li a span, #faconnage ul#menuH li a span, #prepresse ul#menuH li a span, #impression ul#menuH li a span, #photogravure ul#menuH li a span {
display:none;
}
ul#menuH li ul {
position:absolute;
top:78px;
background:url(../img/fdNiv2.gif) 100% 0 no-repeat;
float:left;
padding:0 0 1px 78px;
width:393px;
z-index:1000;
}
ul#menuH li ul li {
margin:0;
padding:0;
display:block;
float:left;
width:78px;
height:79px;
text-align:center;
position:relative;
}
ul#menuH li ul li a {
color:#87888a;
text-decoration:none;
display:block;
float:left;
display:block;
height:79px;
width:78px;
}
ul#menuH li ul li.photogravure a {
background:url(../img/photogravure.gif) 0 -79px no-repeat;
}
ul#menuH li ul li.prepresse a {
background:url(../img/prepresse.gif) 0 -79px no-repeat;
}
ul#menuH li ul li.impression a {
background:url(../img/impression.gif) 0 -79px no-repeat;
}
ul#menuH li ul li.faconnage {
width:79px;
}
ul#menuH li ul li.faconnage a {
background:url(../img/faconnage.gif) 0 -79px no-repeat;
width:79px;
}
ul#menuH li ul li.livraison a {
background:url(../img/livraison.gif) 0 -79px no-repeat;
}
ul#menuH li ul li a.act, ul#menuH li ul li a:hover {
background-position:0 0;
}
ul#menuH li ul li a span {
display:block;
position:absolute;
width:78px;
top:80px;
left:0;
padding:4px 0 0;
cursor:pointer;
}
#contenu {
padding:0 45px 15px 100px;
min-height:381px;
font-size:0.8em;
}
#contenu p {
/* italique - justification ? */
font-style:italic;
text-align:justify;
margin:10px 0 7px 0;
padding:0;
}
#contenu p.back {
margin:20px 0 0;
}
#contenu p.back a, #contenu p.back img {
vertical-align:middle;
padding-left:3px;
}
#contenu a {
color:#df091e;
text-decoration:none;
}
#contenu a:hover {
text-decoration:underline;
}
#contenu ul {
font-style:italic;
}
#contenu h2 {
font-size:6.2em;
font-weight:normal;
margin:0;
padding:1px 0 9px 0;
line-height:1em;
}
#services #contenu h2 span, #services #contenu a {
color:#df091e;
}
#livraison #contenu h2 span, #livraison #contenu a {
color:#faba00;
}
#faconnage #contenu h2 span, #faconnage #contenu a, #infos #contenu h2 span, #infos #contenu a {
color:#93117e;
}
#prepresse #contenu h2 span, #prepresse #contenu a, #plaquette #contenu h2 span, #plaquette #contenu a {
color:#ed87b2;
}
#impression #contenu h2 span, #impression #contenu a, #durable #contenu h2 span, #durable #contenu a {
color:#a4ccea;
}
#photogravure #contenu h2 span, #photogravure #contenu a, #societe #contenu h2 span, #societe #contenu a {
color:#b1c800;
}
#photo #contenu h2 span {
color:#dedd4e;
}
#photo #contenu a {
color:#919133;
}
#contacts #contenu h2 span {
color:#73729d;
}
#contacts #contenu a {
color:#3a3a4f;
}
#actus #contenu h2 {
font-size:4em;
font-weight:normal;
margin:0;
padding:1px 0 9px 0;
line-height:0.9em;
}
#contenu h3 {
font-size:2em;
padding:0;
font-weight:normal;
margin:9px 0 0;
line-height:1em;
}
/* Variante pour les galeries photo */
#photo #contenu h3 {
font-size:1.2em;
padding:0;
font-weight:normal;
margin:9px 0 7px;
line-height:1em;
}
#contenu table {
border-spacing:0;
border-collapse:collapse;
}
#contenu table td {
padding:0;
vertical-align:bottom;
}
#contenu table td.gauche {
width:275px;
padding-right:15px;
}
#contenu table td.droite {
width:275px;
}
#contenu table td h2, #contenu table td h3 {
font-size:2em;
}
#contenu table td.droite h3 {
font-size:1em;
margin:0;
font-style:italic;
font-weight:bold;
}
#contenu table td h2 span {
display:block;
}
#contenu h2 a, #contenu h2 a:hover {
text-decoration:none;
color:#1a171b;
}
.resize1 {
font-size:1.65em;
line-height:0.9em;
}
.resize2 {
font-size:1.85em;
line-height:0.9em;
}
.resize3 {
font-size:3.7em;
line-height:0.9em;
}
.resize4 {
font-size:4.55em;
line-height:0.9em;
}
#contenu table td.droite .resize1, #contenu table td.droite .resize2, #contenu table td.droite .resize3, #contenu table td.droite .resize4 {
font-size:1.85em;
line-height:0.9em;
}
#footer {
padding:0 0 2px 6px;
clear:both;
font-weight:bold;
letter-spacing:0.2em;
font-size:0.9em;
width:100%;
}
#footer a {
color:#1a171b;
text-decoration:none;
}
#footer a:hover {
color:#df091e;
}

/* Blocs texte image à droite */
.imgRight {
clear:both;
width:100%;
position:relative;
}
.imgRight img {
float:right;
border:1px solid #766d70;
margin:9px 0 0;
}
.imgRight img.down {
position:absolute;
bottom:12px;
right:0;
margin:0;
}
.imgRight p, .imgRight h3, .imgRight ul {
width:275px;
}
.clear {
height:1px;
width:100%;
margin:0;
padding:0;
clear:both;
}
.clear hr {
display:none;
}