html, body {margin: 0; color: #444; font: 13px Arial, Helvetica, sans-serif; background: #e7e7e7 url(../images/site/bg.png)}
#fond {background: url(../images/site/fond.png); display: none; height: 100%; width: 100%; position: fixed; top: 0; z-index: 99998}
#popup {width: 500px; background: #fff; padding: 10px; height: auto; z-index: 99999; position: fixed; display: none; top: 200px; right: 0; left: 0; margin: 0 auto; border-radius: 6px}
#titrepopup {font-size: 20px; width: 80%; padding: 4px 0 15px 0; color : #570a02; float: left; font-weight: bold}
#lienpopup {padding: 10px 0 0; text-align: center; font-weight: bold}
#bouton {width: 19px; height: 19px; float: right; background: #570a02; margin: 2px 0 0 0; padding: 4px 3px 3px 4px; border-radius: 50%; color: #fff; text-align: center; font-size: 17px; line-height: 17px; cursor: pointer; font-weight: bold}
#popup iframe {box-shadow: none; margin: 0 auto; min-width: 500px}
#content {width: 1024px; height: auto; margin: 0 auto; padding-top: 10px}
a, a:active, img, img:active, input img, input img:hover, iframe {outline: none}
iframe {border: 0}
a, a:visited {text-decoration: none; color: #570a02}
a:hover {text-decoration: underline; color: #570a02}
h1, h2, h3 {font-weight: bold; margin: 0}
h1 {font-size: 18px; padding-bottom: 4px; border-bottom: 1px solid #ccc; margin-bottom: 10px}
h2 {font-size: 15px; padding-bottom: 4px; border-bottom: 1px solid #ccc; margin-bottom: 10px}
h3 {font-size: 13px;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
h3, h4, h5, h6 {padding: 0 0 4px; border-bottom: 1px solid #ccc}
table td {vertical-align: text-top}
table {margin-bottom: 15px}
#calendrier table {border: 1px solid #ccc; margin: 0 auto; margin-bottom: 15px}
#calendrier table td {border: 1px solid #ccc; padding: 4px; vertical-align: middle}
.ariane {font-size: 11px; margin-bottom: 10px; width: 734px}
.clear {clear: both}
ul, li {margin: 0 0 0 16px; padding: 0}
ul {margin-top: 15px; margin-bottom: 10px}
/* Connexion */
#connexion {float: right; padding: 6px 40px 0 0} 
/* Header */
#header {width: 1024px; height: 150px; margin: 0 auto; background: #fff url(../images/site/header.png); border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
#logo {float: left; width: 600px; padding-top: 5px}
#pub-h {float: right; width: 424px; text-align: right; padding: 15px 0}
/* Menu */
#zone-menu {width: 100%; height: 34px; background: #570a02; position: relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
#menu {margin: 0 auto; padding: 0; width: 1024px; height: 34px; position: aboslute; z-index: 7}
#menu ul {width: 1024px; height: 34px; padding: 0; margin: 0; text-align: center; position: relative}
#menu ul li { float: left; text-decoration: none; list-style: none; margin: 0; width: auto !important; width: 1%; white-space: nowrap; color: #fff; }
#menu ul li.trait {float: left; list-style: none; margin: 0; width: auto; height: 34px; line-height: 34px; color: #fff; font-weight: bold}
#menu ul ul {margin: 0; padding: 0; width: 190px; border: 1px solid #fff; border-bottom: none; background: #570a02; position: absolute; display: none; height: auto}
#menu ul li ul li {float: none; background: none; background: #570a02; width: 190px; height: auto; position: relative; list-style: none; border-bottom: 1px solid #fff; white-space: normal}
#menu ul ul ul {background: none; background: #570a02; padding: 0; margin: 0; width: 190px; border: 1px solid #ccc; border-bottom: none; position: absolute; top: -1px; left: 190px; display: none}
#menu ul li ul li ul li {background: none; background: #570a02; position: relative; list-style: none; border-bottom: 1px solid #fff; width: 190px; height: auto; left: 0; white-space: normal}
#menu li:hover, #menu li.sousmenu:hover, #menu li.sousmenu-actif:hover, #menu li.sousmenu-actif {color: 003399; text-decoration: underline}
#menu li a, #menu ul ul li a, #menu ul.niveau1 li.sousmenu ul.niveau2 a, #menu ul.niveau1 li.sousmenu-actif ul.niveau2 a, #menu ul.niveau1 li.sousmenu ul.niveau2 li.sousmenu ul.niveau3 a, #menu ul.niveau1 li.sousmenu-actif ul.niveau2 li.sousmenu ul.niveau3 a {background: none; color: #fff}
#menu li.sousmenu:hover, #menu li.sousmenu-actif:hover, #menu li.sousmenu-actif a, #menu li a:hover, #menu ul.niveau1 li.sousmenu:hover a, #menu ul.niveau1 li.sousmenu-actif:hover a {color: #fff}
#menu ul ul li a:hover, #menu ul.niveau1 li.sousmenu ul.niveau2 a:hover, #menu ul.niveau1 li.sousmenu-actif ul.niveau2 a:hover {color: #fff; background: none; text-decoration: underline}
#menu ul ul ul li a:hover, #menu ul.niveau1 li.sousmenu ul.niveau2 li.sousmenu ul.niveau3 a:hover, #menu ul.niveau1 li.sousmenu-actif ul.niveau2 li.sousmenu ul.niveau3 a:hover {color: #fff; background: none; text-decoration: underline}
#menu ul.niveau2 li.sousmenu:hover, #menu ul.niveau2 li.sousmenu-actif:hover {background: #570a02}
#menu ul.niveau3 li.sousmenu:hover, #menu ul.niveau3 li.sousmenu-actif:hover {background: #570a02}
#menu ul.niveau1 li.sousmenu ul.niveau2 li.sousmenu:hover a, #menu ul.niveau1 li.sousmenu ul.niveau2 li.sousmenu ul.niveau3 li.sousmenu:hover a {color: #fff}
#menu li a {text-decoration: none; display: block; width: auto; height: 34px; line-height: 34px; color: #fff; padding: 0 12px; text-align: center}
#menu li li a {background: none; margin: 0; text-decoration: none; display: block; width: 180px; height: auto; padding: 3px 5px 5px; border-right: none; line-height: 18px; text-align: left}
#menu li li li a {background: none; margin: 0; text-decoration: none; display: block; width: 180px; height: auto; padding: 3px 5px 5px; border-right: none; line-height: 18px; text-align: left}
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, #menu ul.niveau1 li.sousmenu-actif:hover ul.niveau2 {background: none; display: block; position: absolute; z-index: 8}
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {background: none; display: block; position: absolute; z-index: 8}
/* Contenant */
#contenu {width: 1024px; height: auto; margin: 0 auto; overflow: auto; position: relative; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc}
#left {float: left; width: 270px; margin-top: 15px}
#right {float: right; width: 744px; background: #fff; height: auto; padding: 15px 0 10px 10px}
/* Colonne */
.box { width: 250px; padding: 0 10px 10px 10px}
.titre-col {font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #ccc}
.rec {border: 1px #ccc solid; line-height: 16px; color: #444; border-radius: 3px; padding: 4px; margin: 6px 0 10px; width: 240px}
#social-col {text-align: center; padding-top: 10px}
.soc {padding: 0 10px}
ul.cat-col {margin: 6px 0 6px -4px}
ul.cat-col li.rouge a, ul.cat-col li.rouge a:visited {color: #570a02; text-decoration: none}
ul.cat-col li.rouge a:hover {color: #570a02; text-decoration: underline}
.rec-region {padding-top: 10px; font-weight: bold}
.rec-region a, .rec-region a:visited {text-decoration: none; color: #570a02}
.rec-region a:hover {text-decoration: underline; color: #570a02}
/* Sondages */
.titre-son {background: #570a02; color: #fff; text-align: center; padding: 6px; margin-bottom: 10px}
.radio {margin-bottom: 8px}
/* Contenu */
.g-box, .p-box {background: #fff; width: 734px; overflow: hidden; margin-top: 10px}
.p-box {width: 728px; padding: 2px 0px 6px 2px}
.g-box ul {margin-left: 12px}
.devis {text-align: center; margin: 0 0 10px; padding: 0}
/* Box modules */
.box-texte, .box-cat {width: 734px; height: auto; margin: -10px 0 10px 0; padding: 0; overflow: auto}
.box-texte .img-marge {margin: 15px 10px 4px 0px}
.box-texte h2 {border: none; font-size: 15px; padding-bottom:0}
.box-texte h3 {border: none; font-size: 13px; padding-bottom:0; text-decoration: underline}
.box-cat {padding: 0}
.box-g {float: left; width: 488px; height: auto; margin: 0; padding: 0}
.box-d {float: right; width: 200px; height: auto; padding: 10px; background: #f0f0f0; margin: 15px 0 0 6px}
.pubexp {font-size: 11px; color: #999}
/* Liste images horizontales */
.liste-neutre {height: auto; margin-top: 10px; overflow: auto}
.liste-100, .liste-120, .liste-150, .liste-160 {width: 734px; margin: 4px 0; min-height: 100px; height: auto; overflow: auto}
.liste-120 {min-height: 90px}
.liste-150 {min-height: 150px}
.liste-160 {min-height: 120px}
.home-img-100, .home-img-120, .home-img-150, .home-img-160 {float: left; width: 100px; height: 100px; margin: 0 10px 2px 0; padding: 4px; border: 1px solid #ccc}
.home-img-120 {width: 120px; height: 90px}
.home-img-150 {width: 150px; height: 150px}
.home-img-160 {width: 160px; height: 120px}
.img-marge {margin: 5px 10px 4px 0px}
.home-titre {color: #570a02; font-weight: bold}
.home-lien {margin-top: 6px; font-size: 11px; color: #999; font-style: italic}
.page-lien {text-align: right; margin-top: 4px}
.home-lien a, .home-lien a:visited, .page-lien a, .page-lien a:visited {color: #570a02; text-decoration: none}
.home-lien a:hover, .page-lien a:hover {color: #570a02; text-decoration: underline}
.home-texte {margin-top: 20px}
.agenda-lien {margin-top: 4px; font-weight: bold}
.padding-rec {padding-right: 4px}
.h-video {padding: 4px; border: 1px solid #ccc}
.img-100, .img-120, .img-150, .img-160, .img-240 {float: right; width: 100px; min-height: 100px; height: auto; margin: 0 0 4px 20px; padding: 4px; border: 1px solid #ccc; font-size: 11px; text-align: center}
.img-120 {width: 120px; min-height: 90px}
.img-150 {width: 150px; min-height: 150px}
.img-160 {width: 160px; min-height: 120px}
.img-240 {width: 240px; min-height: 180px}
.pad-img {padding-bottom: 4px}
.align-l {float: left; width: 614px; font-size: 11px; color: #999}
.align-r {float: right; width: 100px; text-align: right}
.center {text-align: center}
.suite {float: right}
.sondage {border: 1px solid #570a02; padding: 3px; margin-top: 10px}
.box-sondage {padding-top: 10px; padding-bottom: 6px; text-align: center}
.box-sondage a, .box-sondage a:visited {}
.box-sondage a:hover {}
/* Liste images verticales */
.img-v {margin: 0; padding: 4px; border: 1px solid #ccc}
.ordre {padding: 0; margin: 0; width: 734px}
.liste-h-100 {width: 110px; margin-right: 8px}
.liste-h-120 {width: 130px; margin-right: 12px}
.liste-h-150 {width: 160px; margin-right: 16px}
.liste-h-160 {width: 170px; margin-right: 6px}
.td-annonce {width: 178px; text-align: center}
/* Liste Mon compte */
ul.compte {width: 734px; height: auto; margin: 0; padding: 0}
ul.compte li {float: left; list-style: none; min-height: 20px; height: auto; margin: 0; padding: 0 0 4px; text-align: center}
ul.compte li.cola {width: 314px; text-align: left}
ul.compte li.colb {width: 80px}
ul.compte li.colc {width: 80px}
ul.compte li.cold {width: 80px}
ul.compte li.cole {width: 80px}
ul.compte li.colf {width: 80px}
/* Appels d'offres & annonces */
.tr-fond {background: #570a02}
.b_titre {float: left; width: 269px; padding: 6px 0 6px 4px; color: #fff; height: 16px}
.b_budget {float: left; width: 80px; padding: 6px 0; color: #fff; height: 16px; text-align: center}
.b_ville {float: left; width: 269px; padding: 6px 0 6px 8px; color: #fff; height: 16px}
.b_date {float: left; width: 80px; padding: 6px 0; color: #fff; height: 16px; text-align: center}
.f_titre {float: left; width: 269px; padding: 6px 0 2px 4px}
.f_titre a {}
.f_budget {float: left; width: 80px; padding: 2px 0; text-align: center}
.f_ville {float: left; width: 269px; padding: 2px 0 2px 8px}
.f_date {float: left; width: 80px; padding: 2px 0; text-align: center}
.abo {font-weight: bold}
.abo2 {font-size: 16px; font-weight: bold; text-align: center}
ul.abo {}
ul.abo li {}
/* Forum */
ul.forum {width: 734px; list-style: none; margin: 0}
ul.forum li.b_date {float: left; width: 98px; background: #570a02; padding: 6px 4px; color: #fff; height: 16px}
ul.forum li.b_titre {float: left; width: 606px; background: #570a02; padding: 6px 2px 6px 0; color: #fff; height: 16px}
ul.forum li.f_date {float: left; width: 100px; padding: 6px 2px; height: 12px}
ul.forum li.f_titre {float: left; width: 606px; padding: 6px 2px; height: 12px}
/* Panier */
#panier { clear: both; width: 734px; height: 30px; margin: 10px 0 }
#panier ul { margin: 0; padding: 0}
#panier li { list-style: none; float: left; width: 210px; margin-right: 20px; text-transform: uppercase; font-weight: bold; font-size: 13px; padding: 0; margin: 0 20px 0 0}
#panier li.pause { color: #ccc; border-bottom: 5px solid #ccc; padding-bottom: 3px; width: 210px; margin-right: 20px}
#panier li.actif { color: #570a02; border-bottom: 5px solid #570a02; padding-bottom: 3px; width: 210px; margin-right: 20px}
#panier li a, #panier li a:visited { color: #ccc; border-bottom: 5px solid #ccc; text-decoration: none; width: 210px; display: block; padding-bottom: 3px}
#panier li a:hover { border-bottom: none; color: #570a02; border-bottom: 5px solid #570a02; text-decoration: none}
/* Devis par regions */
ul.devis {margin-bottom: 10px; padding-bottom: 10px; list-style: none; width: 744px}
ul.devis li {margin: 0; padding: 0; float: left; width: 372px; text-align: left; font-size: 13px; font-weight: bold; line-height: 20px}
ul.devis li ul {width: 360px; margin: 0; list-style: none}
ul.devis li ul li {margin: 0; float: none; width: 372px; font-size: 13px; font-weight: normal; line-height: 18px; height: auto}
ul.devis li a, ul.devis li a:visited {color: #570a02; text-decoration: none}
ul.devis li a:hover {color: #570a02; text-decoration: underline}
#regions {width: 734px; height: auto; overflow: auto; margin-bottom: 10px}
.regions-l {float: left; width: 340px; height: auto; margin: 0; padding: 0}
.regions-r {float: right; width: 340px; height: auto; margin: 0 0 0 17px; padding: 0}
ul.regions {margin: -6px 0 0; padding-bottom: 10px; list-style: none; width: 340px; color: #570a02}
ul.regions li {margin: 0; width: 340px; text-align: left; font-weight: bold; line-height: 28px}
ul.regions li ul, ul.regions-pays {width: 340px; margin: 0; list-style: none}
ul.regions li ul li, ul.regions-pays li {margin: 0 0 0 12px; list-style: disc; float: none; width: 320px; font-size: 13px; font-weight: normal; line-height: 18px; height: auto}
ul.regions li a, ul.regions li a:visited, ul.regions-pays li a, ul.regions-pays li a:visited {color: #570a02; text-decoration: none}
ul.regions li a:hover, ul.regions-pays li a:hover {color: #570a02; text-decoration: underline}
.titre-region {font-weight: bold}
.etoile {background: url(../images/site/etoile.png) no-repeat; padding-left: 24px; line-height: 16px; margin-bottom: 10px}
.etoile-g {background: url(../images/site/etoile-g.png) no-repeat; padding-left: 24px; line-height: 16px; margin-bottom: 10px}
.trombo {background: url(../images/site/attach.gif) no-repeat; padding-left: 24px; line-height: 15px}
.paper {background: url(../images/site/newspaper.png) no-repeat; padding-left: 24px; line-height: 16px}
.cart {background: url(../images/site/cart.png) no-repeat; padding-left: 24px; line-height: 16px}
.contact {background: url(../images/site/email.png) no-repeat; padding-left: 24px; line-height: 16px}
.savoir {background: url(../images/site/site.png) no-repeat; padding-left: 28px; line-height: 16px; font-weight: bold}
.alerte {color: #570a02}
.prez {padding: 10px 0}
.info-bas {width: 734px; height: 30px}
.une {text-align: center}
ul.fiche {margin: 0; padding: 0; list-style: disc; width: 736px; height: 30px}
ul.fiche li {margin: 0 0 0 12px; padding: 0; float: left; width: 356px; text-align: left}
ul.fiche2 {margin: 0 0 10px; padding: 0; list-style: disc; width: 736px; height: auto}
ul.fiche2 li {margin: 0 0 0 12px; padding: 0; text-align: left; height: 16px; line-height: 16px}
ul.fiche li a, ul.fiche li a:visited, ul.fiche2 li a, ul.fiche2 li a:visited {color: #570a02; text-decoration: none}
ul.fiche li a:hover, ul.fiche2 li a:hover {color: #570a02; text-decoration: underline}
/* Onglets */
#tabs ul {margin: 0; padding: 0; float: left; list-style: none; height: 30px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 712px; font-weight: bold}
#tabs ul li {font-size: 11px; float: left; margin: 0; padding: 0; height: 29px; line-height: 29px; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #f1f1f1}
.ui-tabs {position: relative}
.ui-tabs .ui-tabs-nav {margin: 0}
.ui-tabs .ui-tabs-nav li {float: left; margin: 0; padding: 0; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #f1f1f1}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left; padding: 0; text-decoration: none; padding: 0 10px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px; padding-bottom: 1px; border-bottom: 1px solid #fff}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text; color: #444; background: #fff}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer}
.ui-tabs .ui-tabs-panel {display: block; border: 1px solid #ccc; border-top: none; overflow: hidden; clear: both; float: left; width: 692px; background: #fff; margin: 0; padding: 10px}
/* Reseaux sociaux */
.box-reseaux {clear: both}
.box-reseaux h2 {margin: 0; font-size: 12px; padding-bottom: 4px; padding-top: 6px; border-bottom: 1px solid #ccc; margin-bottom: 4px;}
.btns {padding: 0 0 6px}
.btns img {width: 150px !important; padding: 6px 6px 6px 0; border:  0; box-shadow: none !important; display: inline !important; vertical-align: middle}
.btns, .btns a {text-decoration:none; background: none; font-size: 20px}
.btns-count:after, .btns-count:before {right: 100%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute}
.btns-count:after {border-color: rgba(224, 221, 221, 0); border-right-color: #f5f5f5; border-width: 5px; top: 51%; margin-top: -5px}
.btns-count:before {border-color: rgba(85, 94, 88, 0); border-right-color: #e0dddd; border-width: 6px; top: 51%; margin-top: -6px}
.btns-count {font: 14px Arial, Helvetica, sans-serif; padding: 7px 10px; margin-right: 6px; -khtml-border-radius: 6px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; border: 1px solid #e0dddd;color: #555e58; background: #f5f5f5}
.btns-count:after {border-right-color: #f5f5f5}
/* Listes commandes-factures */
.contenant, .contenant-form, .contenant-liste { clear: both; margin: 10px 0; padding: 0; height: auto; width: 734px}
.contenant-liste { margin-top: -12px; padding: 12px 0 0 0}
#entete-fac, #entete-adr {width: 734px; height: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px}
#entete-fac li.sup, ul.detail-fac li.sup {list-style: none; width: 50px; float: left; text-align: center}
#entete-fac li.libelle, ul.detail-fac li.libelle { list-style: none; width: 382px; float: left; padding-left: 4px}
#entete-fac li.libelle2, ul.detail-fac li.libelle2, ul.detail-mois li.libelle2, ul.total-mois li.libelle2 { list-style: none; width: 332px; float: left; padding-left: 4px}
#entete-fac li.libelle3, ul.detail-fac li.libelle3 { list-style: none; width: 330px; float: left; padding-left: 4px}
#entete-fac li.libelle4, ul.detail-fac li.libelle4 { list-style: none; width: 340px; float: left; padding-left: 4px}
#entete-fac li.libelle5, ul.detail-fac li.libelle5 { list-style: none; width: 360px; float: left; padding-left: 4px}
#entete-fac li.libelle6, ul.detail-fac li.libelle6 { list-style: none; width: 460px; float: left; padding-left: 4px}
#entete-fac li.fin, ul.detail-fac li.fin { list-style: none; width: 100px; float: left; text-align: center}
#entete-fac li.qte, ul.detail-fac li.qte, ul.total-mois li.qte { list-style: none; width: 70px; float: left; text-align: center}
#entete-fac li.unitaire, ul.detail-fac li.unitaire { list-style: none; width: 96px; float: left; text-align: right; padding-right: 4px}
#entete-fac li.montant, ul.detail-fac li.montant { list-style: none; width: 80px; float: left; text-align: right; padding-right: 4px}
#entete-fac li.montant2, ul.detail-fac li.montant2 { list-style: none; width: 116px; float: left; text-align: center}
#entete-fac ul, #entete-adr ul { list-style: none; height: 30px; line-height: 30px; margin: 0; padding: 0; position: relative}
#entete-fac li, #entete-adr li { list-style: none; height: 30px; line-height: 30px; margin: 0; padding: 0; float: left}
#entete-adr li { padding-left: 4px}
#detail-fac, #detail-adr { width: 734px; height: auto}
ul.detail-fac, ul.detail-mois, ul.total-mois { list-style: none; width: 734px; margin: 0; padding: 0; float: left; padding: 3px 0}
ul.detail-mois { background: #ecf8ff; height: 22px; line-height: 22px; color: #1a83bc; font-weight: bold}
ul.total-mois { background: #eee; height: 22px; line-height: 22px; color: #444}
ul.detail-adr { list-style: none; width: 734px; margin: 0; padding: 0; float: left}
ul.detail-adr2 { list-style: none; width: 622px; margin: 0; padding: 0; float: left}
ul.detail-fac li { list-style: none; min-height: 20px; height: auto; line-height: 20px; margin: 0; padding: 6px 0; float: left}
ul.detail-pay li { list-style: none; min-height: 36px; height: auto; line-height: 36px; margin: 0; padding: 0; float: left; padding-left: 4px}
ul.detail-adr li { list-style: none; min-height: 22px; height: auto; line-height: 22px; margin: 0; padding: 0; float: left; padding-left: 4px}
#total-fac { width: 734px; height: auto}
#total-fac ul, #total-fac li { list-style: none; min-height: 22px; height: auto; line-height: 22px; margin: 0; padding: 0; position: relative}
#total-fac li {float: left}
#total-fac li.libelle { list-style: none; float: left; width: 560px; text-align: right}
#total-fac li.montant { list-style: none; float: left; width: 130px; text-align: right }
.sup { width: 40px; text-align: center; border: 0; height: auto}
.tit340 { width: 340px; border: 0; height: auto; text-align: left}
.tit400 { width: 400px; border: 0; height: auto; text-align: left}
.nbr { width: 120px; text-align: center; border: 0; height: auto}
.pic { width: 38px; text-align: center; border: 0; height: auto}
.ajo { width: 80px; text-align: center; border: 0; height: auto}
.ajo a, .ajo a:visited { color: #fff; text-decoration: none}
.ajo a:hover { text-decoration: underline}
.inf { width: 40px; text-align: left; border: 0; height: auto}
.qte-panier, .qte-panier:focus { padding: 4px 5px; border: 1px solid #444; background: #fff; color: #444; width: 30px; font-size: 14px; outline: none; text-align: center; margin-top: -3px}
/* Footer */
#footer {width: 1024px; min-height: 24px; height: auto;margin: 0 auto; font-size: 11px}
#zone-footer {min-height: 24px; height: auto; line-height: 15px; margin: 0 auto; padding-top: 10px; text-align: center; color: #777}
#zone-footer a, #zone-footer a:visited {color: #777; text-decoration: none}
#zone-footer a:hover {color: #777; text-decoration: underline}
/* Formulaires */
.form-z { width: 734px; min-height: 60px; height: auto; margin: 10px 0 0}
.form-l { float: left; width: 340px}
.form-r { float: right; width: 340px}
input[type=submit] {-webkit-appearance: none; border-radius: 0}
input[type=text], textarea, textarea2 {-webkit-appearance: none}
option:disabled {background:#eee}
.option1 {padding-left: 10px}
.option2 {padding-left: 20px}
.input, .textarea, .select, .file, .input2, .select2, .file2, .idee {border: 1px #ccc solid; line-height: 16px; color: #444; border-radius: 3px; padding: 6px 5px; margin-top: 4px; width: 328px}
.slug {border: none; height: 1px; color: #fff; padding: 0; margin: 0; width: 10px; background: #fff}
.input2 {width: 718px}
.textarea {width: 718px; margin-bottom: 8px}
.select {width: 340px; margin-bottom: 8px}
.select2 {width: 718px; margin-bottom: 8px; padding: 5px}
.file {padding: 3px 5px}
.file2 {width: 718px; padding: 3px 5px}
.sqte {width: 54px; margin-top: -4px; line-height: 10px; padding: 3px 5px}
.maxwidth {width: 734px}
.indevis {}
.erreur {position: absolute; top: 250px; left: 41%; display: none; opacity: 0; z-index: 100; width: 600px; height: auto; color: #fff; padding: 6px 8px; background: #570a02}
.ok {position: absolute; top: 250px; left: 41%; display: none; opacity: 0; z-index: 99; width: 600px; height: auto; color: #fff; padding: 6px 8px; background: #570a02}
.erreur p, .ok p {display: inline}
.navigateur {width: 600px; height: auto; color: #fff; padding: 6px 8px; background: #570a02}
hr {width: 734px; height: 1px; border: 0; color: #ccc; background: #ccc} 
small {font-size: 12px}
small.obli {margin-left: 10px}
#contact {float: right; line-height: 80px; text-align: right}
.bouton, .bouton2, .btn-qte, .bouton3, .bouton4 {margin: 0; background: #570a02; padding: 5px 8px; color: #fff; text-decoration: none; display: inline-block; line-height: 16px; cursor: pointer; border: none}
.bouton2 {padding: 5px 8px}
.bouton3 {width: 734px; padding: 10px 0; font-size: 18px; background: #f69d05; line-height: 20px; text-align: center}
.bouton4 {padding: 6px 8px; font-size: 18px; background: #dd4c39; line-height: 20px}
.bouton:hover, .bouton:focus, .bouton2:hover, .bouton2:focus, .btn-qte:hover, .bouton3:hover, .bouton3:focus, .bouton4:hover, .bouton4:focus {text-decoration: none; background: #3a1d10}
.btn-qte {padding: 2px 6px}
.idee {border: none; padding: 6px 0; color: #029a1b; font-weight: bold}
/* Commentaires */
.coms { margin-bottom:24px}
.avatar { border:1px solid #ddd; padding:3px; float:left; margin-right:14px}
.coms-arrow { background: url(../images/site/coms-arrow.png) no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px}
.coms-box { border: 1px solid #ddd; background-color: #f9f9f9; padding:14px; overflow:hidden}
.coms-auteur { margin-bottom:10px}
.coms-auteur small { color:#888}
.coms-texte { line-height:18px}
.coms-auteur a, .coms-auteur a:visited { color:#570a02; text-decoration: none}
.coms-auteur a:hover { color:#570a02; text-decoration: underline}
/* Pager */
#pager {position: relative; margin: 10px 0 10px; padding: 0; height: 24px}
#pager ul.np {margin: 0; padding: 0; display: block; font-size: 14px; font-weight: bold; color: #444; text-align: center; list-style-type: none; border: 0 }
#pager ul.np li {margin: 0 5px 0 0; padding: 0; float: left; list-style-type: none; background: none; font-weight: normal}
#pager ul.np li.encours {margin: 0 5px 0 0; padding: 5px 8px; background: #570a02; color: #fff; border: none; text-align: center}
#pager ul.np li a, #pager ul.np li a:visited {margin: 0; padding: 4px 6px; background: #fff; color: #570a02; border: 1px solid #570a02; text-align: center; display: block; text-decoration: none}
#pager ul.np li a:hover {margin: 0; background: #570a02; color: #fff; text-decoration: none}
/* Redactor */
.redactor_toolbar li a.re-wordcount {background: url(../images/site/picto-count.png) no-repeat center}
.redactor_toolbar li a.re-wordcount:hover {background: #1f78d8 url(../images/site/picto-count-hover.png) no-repeat center; outline: none}
#redactor_modal_content {padding: 20px 30px}
/* Agenda */
#agenda {width: 734px; padding-bottom: 10px; overflow: auto}
.entete-centre {margin: 0 auto; padding: 0; width: 500px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-weight: bold}
.entete-centre a, .entete-centre a:visited {color: #570a02; text-decoration: none}
.entete-centre a:hover {color: #570a02; text-decoration: none}
.entete-jour ul {margin: 0 auto; padding: 0; list-style-type: none; width: 500px; text-align: center}
.entete-jour ul li {margin: 0; padding: 0; list-style-type: none; float: left; display: block; border: 1px solid #ccc; background: #570a02; color: #fff; padding: 2px; width: 65px; height: 20px; line-height: 18px; text-align: center}
.entete-jour ul li:first-child {border-left: 2px solid #ccc}
#liste-jour ul {margin: 0 auto; padding: 0; list-style-type: none; width: 500px; height: auto}
#liste-jour ul li {margin: 0; list-style-type: none; float: left; display: block; padding: 2px; width: 66px; border: 1px solid #ccc; border-top: none; border-left: none}
#liste-jour ul li:first-child {border-left: 1px solid #ccc}
#liste-jour ul li.jour {margin: 0; color: #7a7a7c; width: 66px; height: 50px}
#liste-jour ul li.jour-actif {margin: 0; color: #fff; width: 66px; height: 50px; background: #c77474}
#liste-jour ul li.jour-lien {margin: 0; color: #fff; width: 66px; height: 50px; background: #c77474}
#liste-jour ul li.we {margin: 0; background: #e3eed8; color: #7a7a7c; width: 66px; height: 50px}
#liste-jour ul li.we-actif {margin: 0; background: #477694; color: #fff; width: 66px; height: 50px}
#liste-jour ul li.we-lien {margin: 0; background: #c77474; color: #fff; width: 66px; height: 50px}
#liste-jour ul li.jour-actif a, #liste-jour ul li.jour-actif a:visited, #liste-jour ul li.jour-lien a, #liste-jour ul li.jour-lien a:visited, #liste-jour ul li.we-lien a, 
#liste-jour ul li.we-lien a:visited, #liste-jour ul li.we-actif a, #liste-jour ul li.we-actif a:visited {color: #fff; text-decoration: none}
#liste-jour li a {display: block; width: auto; height: 48px}
#liste-jour ul li.jour-actif a:hover, #liste-jour ul li.jour-lien a:hover, #liste-jour ul li.we-lien a:hover, #liste-jour ul li.we-actif a:hover {color: #fff; text-decoration: none}
.centre {text-align: center}
/* Compteur */
.originalTextareaInfo {font-size: 12px; color: #570a02; text-align: right}
.warningTextareaInfo {font-size: 12px; color: #570a02; text-align: right}
/* Liste en tableaux */
.liste-tbl {width: 100%; margin: 0; padding: 0}
.liste-tbl2 {width: 100%; margin: 0; padding: 10px 0 0}
.liste-td {width: 50%}
.liste-td a {font-weight: bold}
/* Box spéciales */
#greenbox {border: solid 1px #ccc; padding: 4px; background: #e3eed8; margin: 25px 0px 12px 3px}
#recherche {padding-top: 10px;}
#recherche input[type="submit"] {margin: 0; background: #570a02; padding: 2px; color: #fff; text-decoration: none; display: inline-block; cursor: pointer; border: none}
#recherche input[type="submit"]:hover {background: #570a02}
/* Rédactor */
.redactor-toolbar li a.re-compteur {background: url(../images/site/picto-count.png) no-repeat center}
.redactor-toolbar li a.re-compteur:hover {background: #1f78d8 url(../images/site/picto-count-hover.png) no-repeat center; outline: none}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.redactor-toolbar li a.re-compteur {background: url(../images/site/picto-count@2x.png) no-repeat center; background-size: 14px 14px}
	.redactor-toolbar li a.re-compteur:hover {background: #1f78d8 url(../images/site/picto-count-hover@2x.png) no-repeat center; outline: none; background-size: 14px 14px}
}
/* Payplug */
.errpay {color: #cc0000}