body {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #000033;
}

#conteneur {
    width: 955px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

div.gauche {
    width: 301px;
}

div.droite {
    width: 654px;
}

div.logo {
    background-image: url(../img/HG.jpg);
    width: 301px;
    height: 106px;
    background-repeat: no-repeat;
}

#logo {
    margin-top: 13px;
    margin-left: 25px;
}

div.menuGH {
    width: 275px;
    background-image: url(../img/menuG.jpg);
    height: 32px;
    color: #E68405;
    font-size: 17px;
    font-weight: bold;
    padding-top: 28px;
    padding-left: 26px;
}

#bandeauFlash {
    width: 654px;
    height: 172px;
}

div.menuG {
    background-image: url(../img/bg-menuG.gif);
    width: 301px;
    background-repeat: repeat-y;
}

div.menuG ul {
    list-style: url(../img/fleche-bleu.gif);
    margin: 0;
    padding: 0;
    margin-left: 35px;
}

div.menuG ul .actif {
    list-style: url(../img/fleche-orange.gif);
}

div.menuG ul a {
    text-decoration: none;
    color: #858484;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

div.menuG ul .actif a {
    color: #FF6600;
}

div.menuG li {
    margin-top: 3px;
}

div.menuGB {
    background-image: url(../img/bg-menuGB.gif);
    width: 301px;
    height: 6px;
    background-repeat: no-repeat;
}

div.infoLine {
    color: #412829;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../img/info-line.jpg);
    width: 189px;
    height: 65px;
    margin-left: 12px;
    padding-left: 85px;
    background-repeat: no-repeat;
    line-height: 68px;
}

div.infoLine span.tel {
    font-style: italic;
    font-size: 16px;
}

div.demandeDevis {
    background-image: url(../img/demande-devis-H.jpg);
    width: 274px;
    height: 199px;
    background-repeat: no-repeat;
    margin-left: 12px;
    padding-left: 13px;
}

div.demandeDevis span.titre {
    color: #0077C6;
    font-family: Arial, Helvetica, sans-serif;
}

div.demandeDevis div.titre1 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 30px;
    padding-left: 72px;
    margin-bottom: 15px;
}

div.btnSuivant {
    text-align: right;
    margin-right: 20px;
}

a.btnSuivant {
    color: #E68405;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

div.solution1 {
    background-image: url(../img/solution-para.jpg);
    background-repeat: no-repeat;
    width: 262px;
    height: 56px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 12px;
    color: #FFFFFF;
    padding-left: 22px;
    margin-left: 12px;
    cursor: pointer;
}

div.solution2 {
    background-image: url(../img/solution-ligne.jpg);
    background-repeat: no-repeat;
    width: 262px;
    height: 79px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 12px;
    color: #FFFFFF;
    padding-left: 22px;
    margin-left: 12px;
    cursor: pointer;
}

div.solution1 a.savoir {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1px;
    font-weight: bold;
}

div.solution2 a.savoir {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1px;
    font-weight: bold;
}

span.bleu {
    color: #007BC1;
}

div.basPage a {
    font-size: 11px;
    color: #858484;
    text-decoration: none;
}

div.basPage a:hover {
    text-decoration: underline;
}

div.annonce {
    color: #E68405;
    font-size: 15px;
    font-weight: bold;
    background-image: url(../img/annonce.gif);
    background-repeat: no-repeat;
    height: 21px;
    padding-left: 15px;
    margin-left: 110px;
}

div.bandeau {
    background-image: url(../img/bandeau.jpg);
    background-repeat: no-repeat;
    width: 642px;
    height: 127px;
}

div.bandeau div.texte {
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 37px;
    text-align: right;
    padding-right: 12px;
    font-weight: bold;
}

div.contactez {
    text-align: right;
    padding-right: 12px;
    padding-top: 9px;
}

div.contactez a {
    font-size: 29px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

span.orange {
    color: #E68405;
}

div.ongletBleu {
    height: 23px;
    background-image: url(../img/onglet_bleu.jpg);
    background-repeat: no-repeat;
}

div.ongletVert {
    height: 23px;
    background-image: url(../img/onglet_vert.jpg);
    background-repeat: no-repeat;
}

div.ongletBleu a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    margin-left: 45px;
    text-decoration: none;
    line-height: 24px;
}

div.ongletVert a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    margin-left: 45px;
    text-decoration: none;
    line-height: 24px;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #007BC1;
    background-image: url(../img/titre.gif);
    background-repeat: no-repeat;
    height: 17px;
    padding-left: 8px;
    margin-left: 20px;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    color: #007AC0;
}

span.ville {
    font-size: 11px;
    text-transform: uppercase;
}

p {
    color: #3E2324;
    text-align: justify;
    padding-left: 30px;
    padding-right: 30px;
}
