html, div, h1, h2, h5, hr, p, iframe {
    margin: 0px;
    padding: 0px;    
    border: 0px;
    display: block;
}
html {
    background-color: #ededed;
}

a { text-decoration: none; display: inline; }
img {
    margin: 0px;
    padding: 0px;    
    border: 0px;
}
.img_cache { display: none; }
body {
    width: 924px;
    margin: auto;
    margin-top: 2px;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #7f7e7e;
}
.aligner_gauche { float: left; }
.aligner_droite { float: right; }
.aligner_center { text-align: center; margin-left: auto; margin-right: auto; }
.texte_justifie { text-align: justify; }
.clear_both { clear: both; }
.img_block { display: block; }
.sans_gras {font-weight:normal;}
.gras {font-weight:bold;}

h1 { /*
    font-size: 24px;
    color: #ff5100;
    font-weight: normal;*/
    font-size: 16px; 
    font-weight: bold; 
    color: #478900;
}
h2 {
    font-size: 16px;
    color: #003b95;
    font-weight: bold;
}
h5 {
    font-size: 11px;
    font-weight: bold;
    color: #a74a1e;
}
.hr_gris {
    height: 1px;
    border-bottom: 1px solid #d6d6d6;
    font-size: 0px;
}
#PreloadIndex {
    position: absolute;
    z-index: 1;
}
.texte_haut_page {
    font-size: 11px;
    color: #999999;
    text-align: center;
    position: absolute;
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 200px;
}
#ouest-impressions-index {
    position: absolute;
    z-index: 2;
    width: 924px;
    height: 606px;
    margin-bottom: 20px;
    background-color: #ededed;
}
#ouest-impressions-titre {
    float: left; 
    width: 270px; 
    text-align: right; 
    margin-left: 290px;
    margin-top: 18px;
    background-color: #ededed;
    font-size: 12px;
    font-weight: bold;
    color: #7f7e7e;
}
#ouest-impressions-fond-centre {
    background-image: url(images/ouest-impressions-fond-centre.jpg);
    background-color: #ffffff;
}
#ouest-impressions-fond-haut {
    background-image: url(images/ouest-impressions-fond-haut.jpg);
    background-repeat: no-repeat;
}
#ouest-impressions-fond-bas {
    background-image: url(images/ouest-impressions-fond-bas.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 52px;
    padding-right: 54px;
    padding-top: 33px;
    padding-bottom: 30px;
}
#ouest-impressions-signature { text-align: center; background-color: #ededed; }
#ouest-impressions-signature a { color: #7f7e7e; }
#ouest-impressions-menu { background-image: url(images/menu-debut-blanc.gif); }
#ouest-impressions-menu div a { display:block; float: right; height: 22px; }
#ouest-impressions-menu img { display:block; float: right; height: 22px; }

#menu-espace-client a { background-image: url(images/ouest-espace-client.gif); width: 99px; }
#menu-contact a { background-image: url(images/menu-contact.gif); width: 85px; }
#menu-actualites a { background-image: url(images/menu-actualites.gif); width: 76px; }
#menu-engagement-environnemental a { background-image: url(images/menu-engagement-environnemental.gif); width: 108px; }
#menu-social a { background-image: url(images/menu-social.gif); width: 54px; }
#menu-domaines-actions a { background-image: url(images/menu-domaines-actions.gif); width: 136px; }
#menu-savoir-faire a { background-image: url(images/menu-savoir-faire.gif); width: 88px; }
#menu-societe a { background-image: url(images/menu-societe.gif); width: 62px; }

#menu-espace-client a:hover { background-image: url(images/ouest-espace-client-actif.gif); width: 99px; }
#menu-contact a:hover { background-image: url(images/menu-contact-actif.gif); width: 85px; }
#menu-actualites a:hover { background-image: url(images/menu-actualites-actif.gif); width: 76px; }
#menu-engagement-environnemental a:hover { background-image: url(images/menu-engagement-environnemental-actif.gif); width: 108px; }
#menu-social a:hover { background-image: url(images/menu-social-actif.gif); width: 54px; }
#menu-domaines-actions a:hover { background-image: url(images/menu-domaines-actions-actif.gif); width: 136px; }
#menu-savoir-faire a:hover { background-image: url(images/menu-savoir-faire-actif.gif); width: 88px; }
#menu-societe a:hover { background-image: url(images/menu-societe-actif.gif); width: 62px; }

#contact #menu-contact a { background-image: url(images/menu-contact-actif.gif); }
#actualites #menu-actualites a { background-image: url(images/menu-actualites-actif.gif); }
#evenements #menu-actualites a { background-image: url(images/menu-actualites-actif.gif); }
#conferences #menu-actualites a { background-image: url(images/menu-actualites-actif.gif); }
#innovations #menu-actualites a { background-image: url(images/menu-actualites-actif.gif); }
#espace-client #menu-espace-client a { background-image: url(images/ouest-espace-client-actif.gif); }
#engagement-environnemental #menu-engagement-environnemental a { background-image: url(images/menu-engagement-environnemental-actif.gif); }
#eco-conception #menu-engagement-environnemental a { background-image: url(images/menu-engagement-environnemental-actif.gif); }
#social #menu-social a { background-image: url(images/menu-social-actif.gif); }
#domaines-actions #menu-domaines-actions a { background-image: url(images/menu-domaines-actions-actif.gif); }
#savoir-faire #menu-savoir-faire a { background-image: url(images/menu-savoir-faire-actif.gif); }
#societe #menu-societe a { background-image: url(images/menu-societe-actif.gif); }
#societe #ouest-impressions-colonne-droite strong { color: #569015; text-transform: uppercase; }
.type_strong { color: #569015; text-transform: uppercase; }
#societe #ouest-impressions-colonne-droite .texte {text-align: justify; font-size: 11px; }
#societe #ouest-impressions-colonne-droite a { background-color: #f2f2f2; display: block; padding: 10px; }
#societe #ouest-impressions-colonne-droite a:hover { background-color: #f2f2f2; display: block; }

h2.colonne_droite { font-size:12px; font-weight:bold; color: #569015; text-transform: uppercase; margin:0; padding:0; }
#societe #ouest-impressions-colonne-droite .span_gras_marron{ font-size: 11px; font-weight: bold; color: #a74a1e;}
#societe #ouest-impressions-colonne-droite .span_gras_vert{color: #569015; font-weight:bold; text-transform: uppercase;}

#lien-fichiers { margin-top: 50px; }

#ouest-impressions-colonne-gauche { float: left; width: 163px; margin-top: 4x; }
#ouest-impressions-colonne-centre { float: left; width: 400px; margin: 26px; margin-left: 22px; margin-top: 2px; }
#ouest-impressions-colonne-droite { float: left; width: 205px; margin-top: 4px; }
#ouest-impressions-colonne-centre a { color: #a74a1e; font-weight: bold; }
#ouest-impressions-colonne-centre a:hover { text-decoration: underline; }
#ouest-impressions-bas-page { text-align: center; background-image: url(images/ouest-impressions-bandeau-bas.jpg); background-repeat: no-repeat; font-size: 11px; height: 23px; padding-top: 6px; }
#ouest-impressions-bas-page a { color: #a74a1e; }
#ouest-impressions-bas-page a:hover { color: #a74a1e; text-decoration: underline; }
#ouest-impressions-colonne-droite a b { font-size: 11px; font-weight: bold; color: #a74a1e; }
#ouest-impressions-colonne-droite a .type_gras { font-size: 11px; font-weight: bold; color: #a74a1e; }
#ouest-impressions-colonne-droite a:hover b { text-decoration: underline; }
#ouest-impressions-colonne-droite a:hover { text-decoration: none; }
#ouest-impressions-colonne-droite a { color: #7f7e7e; }
#ouest-impressions-colonne-gauche a { color: #7f7e7e; }
#ouest-impressions-colonne-gauche .decalage { margin-left: 8px; margin-right: 8px; padding-top: 8px; }
#ouest-impressions-colonne-gauche i { font-size: 11px; }
#ouest-impressions-colonne-gauche p { padding: 4px; padding-left: 9px;}
#ouest-impressions-colonne-gauche .fond-gris { background-color: #f2f2f2; padding-bottom: 4px; }
#ouest-impressions-colonne-gauche a.lien { color: #7f7e7e; font-weight: bold; font-size: 11px; }
#ouest-impressions-colonne-gauche a:hover.lien { text-decoration: underline; }
#ouest-impressions-colonne-gauche .decalage { padding-left: 0px; display: block; }
#ouest-impressions-colonne-droite .espace-bas { margin-bottom: 70px; }
#ouest-impressions-colonne-droite .espace-bas-grand { margin-bottom: 140px; }

#domaines-actions #ouest-impressions-colonne-gauche { height: 700px; }
#domaines-actions #ouest-impressions-colonne-centre { float: left; width: 631px; margin: 0px; margin-left: 22px; margin-top: 0px; }

#contact #ouest-impressions-colonne-centre { width: 337px; }
#contact #ouest-impressions-colonne-droite { width: 268px; }
#contact #message { width: 100%; height: 100px; border: 1px dashed #CCCCCC; background-color: #efefef; font-family: Arial, Helvetica, sans-serif;  font-size: 13px; }
#contact input { width: 100%; border: 1px dashed #CCCCCC; background-color: #efefef; font-size: 13px; }
#contact #bouton { width: 82px; border: 0px; margin-left: 94px; }
#contact #google-maps { width: 268px; height: 200px; overflow: hidden; }
#contact #avion { width: 162px; height: 90px; float: left; margin-right: 13px; background-image: url(images/contact-avion.jpg); }
#contact #voiture { width: 162px; height: 90px; float: left; background-image: url(images/contact-voiture.jpg); }
#contact #train { width: 337px; height: 100px; float: left;  background-image: url(images/contact-train.jpg); }
#contact #navette { float: left; margin-left: 40px; font-weight: bold; color: #478900;}
#contact .decalage-contact { margin: 10px; }
#contact h1 { margin-left: 50px; margin-top: 16px; margin-bottom: 12px; font-size: 14px; font-weight: bold; color: #478900; }

#societe #ouest-impressions-colonne-droite a:hover b { text-decoration: none; }
#savoir-faire #ouest-impressions-colonne-centre a { font-weight: normal; font-size: 10px; }
#savoir-faire .contacts-commerciaux { float: left; text-align:center; }
#savoir-faire .contacts-commerciaux-marges { text-align:center; float: left; margin-left: 10px; margin-right: 10px; }
#savoir-faire h1 { margin-left: 0px; margin-bottom: 5px; padding-top: 10px; text-transform: uppercase; }
#savoir-faire ul { margin-top: 0px; margin-bottom: 0px;}
#savoir-faire li { margin: .5em 0 .5em 0; list-style-image: url(images/savoir-faire-puce.gif); }
#savoir-faire #ouest-impressions-colonne-centre { margin: 0px; float: right; width: 621px; }
#savoir-faire .images img { display: block; }
#savoir-faire .images { vertical-align: bottom; padding-bottom: 10px; }
#savoir-faire .savoir-faire-offset { margin-left: 12px; }

#engagement-environnemental a.email { font-weight: normal; font-size: 10px; color: #a74a1e; }
#engagement-environnemental a.email:hover { text-decoration: underline; }

#savoir-faire #commercial { width: 559px; height: 310px; padding-left: 50px; padding-right: 10px; background-image:url(images/savoir-faire-fond-commercial.jpg); }
#savoir-faire #flux { width: 559px; height: 567px; padding-left: 50px; padding-right: 10px; background-image:url(images/savoir-faire-fond-flux.jpg); background-repeat: no-repeat; margin-top: 10px; }

#eco-conception #ouest-impressions-colonne-centre { margin: 0px; margin-top: 0px; float: right; width: 634px; }
#engagement-environnemental #ouest-impressions-colonne-centre-haut { margin: 0px; margin-top: 0px; float: right; width: 634px; }

#actualites #ouest-impressions-colonne-centre { margin: 0px; margin-top: 0px; float: right; width: 621px; }
#actualites .block {
    float: left;
    width: 460px;
}
#actualites .date {
    color: #b56f25;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
#actualites .titre {
    color: #478900;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}
#actualites .cadre-gris {
    border: 2px solid #dfdfdf;
    padding: 30px;
}
#evenements #ouest-impressions-colonne-centre { margin: 0px; margin-top: 0px; float: right; width: 621px; }
#evenements .cadre-gris {
    border: 2px solid #dfdfdf;
    padding: 0px;
    text-align: center;
}
#conferences #ouest-impressions-colonne-centre { margin: 0px; margin-top: 0px; float: right; width: 621px; }
#conferences .cadre-gris {
    border: 2px solid #dfdfdf;
    padding: 30px;
}
#innovations #ouest-impressions-colonne-centre { margin: 0px; margin-top: 0px; float: right; width: 621px; }
#innovations .cadre-gris {
    border: 2px solid #dfdfdf;
    padding: 30px;
}

#social #ouest-impressions-colonne-centre { margin: 0px; margin-top: 0px; float: right; width: 621px; }

#societe .president { width: 200px; padding-left: 15px; }

#innovations .marge-image { margin-right: 16px; }
#innovations .texte-bleu { font-size: 16px; color: #0077c5; margin-bottom: 4px; display: block; }
#innovations .texte-vert { font-size: 16px; color: #006f44; margin-bottom: 4px; display: block; }
#innovations .texte-rouge { font-size: 16px; color: #a42b15; margin-bottom: 4px; display: block; }
#innovations .bloc-contact { width: 100%; height: 90px; background-image: url(images/innovations-bloc-contact.jpg); background-repeat: no-repeat; background-position: center; text-align: center; padding-top: 12px; }