/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial, sans-serif;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* STRUCTURE */
body {
    background:url(/img/body.jpg) top left repeat-x #eaf6fc;
}
#fond {
    width:990px;
    margin:0 auto;
    background:url(/img/fond.jpg) top left no-repeat;
}
#container {
    width:960px;
    margin:0 auto;
/*    padding-top:50px;*/
    background:url(/img/footer.jpg) top left repeat-y;
}
#wrapper {
    float:left;
    width:100%;
}
#content {
    margin: 0 220px 0 260px;
    min-height:685px;
    background:url(/img/content.jpg) top left repeat-y;
}
#content .inside {
    min-height:710px;
    background:url(/img/content-inside.jpg) top left no-repeat;
}
#navigation {
    float:left;
    width:260px;
    margin-left:-960px;
    min-height:685px;
    background:url(/img/navigation-fond.jpg) top left repeat-y;
}
#navigation .inside {
    min-height:685px;
    background:url(/img/navigation.jpg) top left no-repeat;
}
#extra {
    float:left;
    width:220px;
    margin-left:-220px;
    min-height:685px;
    background:#fff;
}
#extra .inside {
    min-height:685px;
    background:url(/img/extra.jpg) top left no-repeat;
}
#footer {
    clear:both;
    width:960px;
}
#footer .inside {
    padding:10px 0;
    margin-left:260px;
}
#footer .accueil {
    padding-top:235px;
    background:url(/img/footer-visuels-trans.png) top left no-repeat;
}
#menu {
    height:80px;
    padding-top:50px;
    background:url(/img/menu-haut.jpg) top left no-repeat;
}
#header, #header > div {
    height:245px;
}
#header h1 {
    text-indent:-9999px;
}

/* MENU */
/* main */
#menu ul.main {
    padding-left:110px;
    width:960px;
}
#menu ul.main li {
    float:left;
}
#menu ul.main li a {
    display:block;
    width:5.94em;
    height:50px;
    background:url(/img/separateur-menu-main.jpg) 95% 45% no-repeat;
}
#menu ul.main li.last a {
    background:none;
}
#menu ul.main li a span {
    display:block;
    padding:16px 10px 16px 15px;
}
/* sub */
#menu ul.sub {
    width:960px;
    clear:both;
    padding-left:40px;
}
#menu ul.sub li {
    float:left;
}
#menu ul.sub li a {
    float:left;
    display:block;
    height:30px;
}
#menu ul.sub li span {
    display:block;
    padding:6px 20px 6px 12px;
}

/* BANDEAUX */
#header .accueil {
    background:url(/img/bandeau-accueil.jpg) top left no-repeat;
}
#header .produits {
    background:url(/img/bandeau-produits.jpg) top left no-repeat;
}
#header .support {
    background:url(/img/bandeau-support.jpg) top left no-repeat;
}
#header .societe {
    background:url(/img/bandeau-societe.jpg) top left no-repeat;
}
#header .contact {
    background:url(/img/bandeau-contact.jpg) top left no-repeat;
}
#header .devistor {
    background:url(/img/bandeau-devistor.jpg) top left no-repeat;
}
#header .devistor-energies-nouvelles {
    background:url(/img/bandeau-devistor-energies-nouvelles.jpg) top left no-repeat;
}
#header .solution-notes-de-frais {
    background:url(/img/bandeau-solution-notes-de-frais.jpg) top left no-repeat;
}
#header .solution-planning {
    background:url(/img/bandeau-solution-planning.jpg) top left no-repeat;
}

/* NAVIGATION */
#navigation li {
    margin-bottom:10px;
}
#navigation li a {
    display:block;
    height:106px;
    width:260px;
}
#navigation li span {
    display:block;
}
#navigation li span.ligne1 {
    padding-top:3px;
    margin-left:97px;
}
#navigation li span.ligne2 {
    margin-left:105px;
}
/* produits */
#navigation .devistor {
    background:url(/img/navigation-devistor-trans.png) top left no-repeat;
}
#navigation .devistor-energies-nouvelles {
    background:url(/img/navigation-devistor-energies-nouvelles-trans.png) top left no-repeat;
}
#navigation .solution-notes-de-frais {
    background:url(/img/navigation-solution-notes-de-frais-trans.png) top left no-repeat;
}
#navigation .solution-planning {
    background:url(/img/navigation-solution-planning-trans.png) top left no-repeat;
}
#navigation .formations-sur-site {
    background:url(/img/navigation-formations-sur-site-trans.png) top left no-repeat;
}
#navigation .formations-a-distance {
    background:url(/img/navigation-formations-a-distance-trans.png) top left no-repeat;
}
#navigation .assistance-maintenance {
    background:url(/img/navigation-assistance-maintenance-trans.png) top left no-repeat;
}
#navigation .suivi-des-attentes {
    background:url(/img/navigation-suivi-des-attentes-trans.png) top left no-repeat;
}
/* societe */
#navigation .societe {
    height:455px;
    background:url(/img/navigation-societe.jpg) top left no-repeat;
}
/* nous contacter */
#navigation .contact {
    height:455px;
    background:url(/img/navigation-contact.jpg) top left no-repeat;
}
/* small */
#navigation .small li a {
    height:30px;
    width:215px;
    margin-left:26px;
    background:url(/img/navigation-onglet-trans.png) top left no-repeat;
}
#navigation .small li.actif a {
    background:url(/img/navigation-onglet-actif-trans.png) top left no-repeat;
}
#navigation .small li span {
    padding:6px 0 0 20px;
}

/* EXTRA */
#extra li {
    margin-bottom:3px;
}
#extra li a {
    display:block;
    height:77px;
    width:220px;
}
#extra a span {
    display:block;
    padding:5px 0 0 25px;
}
#extra li.acces-commercial {
    background:url(/img/extra-acces-commercial-trans.png) top left no-repeat;
}
#extra li.contact {
    background:url(/img/extra-contact-trans.png) top left no-repeat;
}
#extra li.acces-technique {
    background:url(/img/extra-acces-technique-trans.png) top left no-repeat;
}
#extra li.telemaintenance {
    background:url(/img/extra-telemaintenance-trans.png) top left no-repeat;
}
#extra li.visualiser-demo {
    background:url(/img/extra-visualiser-demo-trans.png) top left no-repeat;
}
#extra li.presentation-pdf {
    background:url(/img/extra-presentation-pdf-trans.png) top left no-repeat;
}
#extra li.telecharger-demo {
    background:url(/img/extra-telecharger-demo-trans.png) top left no-repeat;
}

/* CONTENT */
#content h1 {
    padding:3px 0 1.45em 70px;
}
#content h1 {
    background:url(/img/h1-trans.png) top left no-repeat;
}
#content h1.devistor {
    background:url(/img/h1-devistor-trans.png) top left no-repeat;
}
#content h1.devistor-energies-nouvelles {
    background:url(/img/h1-devistor-energies-nouvelles-trans.png) top left no-repeat;
}
#content h1.solution-notes-de-frais {
    background:url(/img/h1-solution-notes-de-frais-trans.png) top left no-repeat;
}
#content h1.solution-planning {
    background:url(/img/h1-solution-planning-trans.png) top left no-repeat;
}
#content h1.formations-sur-site {
    background:url(/img/h1-formations-sur-site-trans.png) top left no-repeat;
}
#content h1.formations-a-distance {
    background:url(/img/h1-formations-a-distance-trans.png) top left no-repeat;
}
#content h1.assistance-maintenance {
    background:url(/img/h1-assistance-maintenance-trans.png) top left no-repeat;
}
#content h1.suivi-des-attentes {
    background:url(/img/h1-suivi-des-attentes-trans.png) top left no-repeat;
}
#content h2 {
    padding:0 0 1.25em 70px;
}
#content h2 {
    margin-top:1.25em;
    background:url(/img/h2-trans.png) 0 1px no-repeat;
}
#content h3 {
    padding:0 0 0.19em 12px;
}
#content h3 {
    background:url(/img/h3-trans.png) 0 6px no-repeat;
}
#content h4 {
    padding:0 0 0.19em 0;
}
#content .inside {
    padding:0 20px 0 30px;
}
#content p {
    padding:0.19em 0 0.19em 0;
}
#content .breadcrumbs {
    padding:0 0 10px 0;
    text-align:right;
}
#content .bas {
    clear:both;
    padding-top:10px;
}
#content .thumb {
    float:left;
    margin-right:10px;
}
#content .thumb a {
    display:block;
    width:195px;
    border:5px solid #ebebeb;
}
#content .thumb a:hover {
    border-color:#ADD9F0;
}

/* ACTUALITES */
div.actualite {
    clear:both;
    padding:5px 0 20px 0;
}
div.actualite .image {
    width:100px;
    float:left;
    margin:0 10px 0 0;
}
div.actualite p.texte {
    width:320px;
    float:right;
}
#content p.lire-la-suite {
    clear:both;
    background:url(/img/a-trans.png) top left no-repeat;
    padding:0 0 1.25em 40px;
    margin-top:0.75em;
    line-height:32px;
}

/* PAGINATION */
div.pagination {
    clear:both;
    padding:10px 0;
}
div.pagination a, div.pagination span.current {
    padding:3px 8px;
}
div.pagination span a {
/*    margin:0 5px;*/
}

/* TYPO */
body {
    font-family:Arial, sans-serif;
}
/* menu */
#menu ul.main li a {
    font-size:0.94em;
    line-height:1.25em;
    color:#000;
    text-decoration:none;
}
#menu ul.main li.actif a {
    color:#ff9900;
}
#menu ul.sub li a {
    font-size:0.88em;
    line-height:1.25em;
    color:#000;
    text-decoration:none;
}
#menu ul.sub li.actif a {
    color:#fff;
}
/* navigation */
#navigation li  a {
    text-decoration:none;
    font-size:0.94em;
    line-height:1.25em;
}
#navigation .devistor a {
    color:#172982;
}
#navigation .devistor-energies-nouvelles a {
    color:#008f36;
}
#navigation .solution-notes-de-frais a {
    color:#bd0926;
}
#navigation .solution-planning a {
    color:#622280;
}
#navigation .support a {
    color:#000;
}
#navigation .small li a {
    font-size:0.81em;
    line-height:1.3em;
    color:#000;
}
/* extra */
#extra li a {
    text-decoration:none;
    font-size:0.94em;
    line-height:1.6em;
    color:#000;
}
#extra .notices {
    margin-top: 10px;
}
#extra .notices li {
    color:#555;
    font-size: 0.625em;
}
#extra .notices li a {
    color:#555;
    text-decoration: underline;
}
/* content */
#content h1, #content h1 a {
    font-size:1.25em;
    line-height:1.06em;
    color:#fff;
    font-weight:normal;
}
#content h2, #content h2 a {
    font-size:1.1em;
    line-height:1.06em;
    color:#004588;
    font-weight:bold;
}
#content h3, #content h3 a {
    font-size:0.94em;
    line-height:1.42em;
    color:#004588;
    font-weight:bold;
}
#content h4, #content h4 a {
    font-size:0.75em;
    line-height:1.45em;
    font-weight:bold;
}
#content strong {
    font-size:1.06em;
    font-weight:bold;
}
#content p {
    font-size:0.75em;
    line-height:1.45em;
}
#content p.chapo {
    font-size:0.81em;
    font-weight:bold;
    font-style:normal;
    color:#eb690b;
}
#content p.lire-la-suite a {
    font-weight:bold;
    color:#eb690b;
    text-decoration:none;
}
#content div.resume p {
    font-style:italic;
}
#content .breadcrumbs {
    font-size:0.69em;
}
#content .breadcrumbs, #content .breadcrumbs a {
    color:#777;
}
#content .pagination {
    text-align:center;
    font-size:0.85em;
    font-weight:bold;
}
#content .pagination a {
    color:#eb690b;
}
#content .pagination .current {
    background:#eb690b;
    color:#fff;
}
#content .thumb p {
    text-align:center;
}
/* footer */
#footer {
    font-size:0.56em;
}