body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#box-wrap {
    background-image: url(/img/home/fond-index.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 630px;
    margin: 0 auto;
    position: relative;
    width: 980px;
}

#box-logo {
    position: absolute;
    left: 66px;
    top: 22px;
}
#box-logo h1 {
    background-image: url(/img/home/logo.png);
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    text-indent: -1000px;
}
#box-logo h1 a {
    display: block;
    height: 70px;
    overflow: hidden;
    width: 164px;
}

#box-tools {
    color: #A69687;
    font-family: helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    text-transform: uppercase;
    top: 10px;
}
#box-tools a:link, #box-tools a:visited {
    color: #A69687;
    text-decoration: none;
}
#box-tools a:hover {
    color: #DE0019;
}
#box-tools .inputtext {
    border: 1px solid #A69687;
    font-family: helvetica, sans-serif;
    font-size: 11px;
}
#box-tools .inputsubmit {
    background-color: #FFFFFF;
    border: 0 none;
    color: #A69687;
    font-size: 11px;
    font-weight: bold;
}

#box-menuheader {
    position: absolute;
    right: 5px;
    top: 50px;
}
#box-menuheader ul li {
    background-image: url(/img/home/filet-menuheader.png);
    background-repeat: no-repeat;
    background-position: center left;
    display: inline;
    padding: 0px 0px 0px 7px;
}
#box-menuheader ul li.first {
    background-image: none;
}
#box-menuheader ul li a {
    color: #A39487;
    font-family: helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#box-menuheader ul li a:hover {
    color: #DE0019;
}

#box-content {
    left: 315px;
    position: absolute;
    top: 135px;
    width: 345px;
}
#box-content h2 {
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -2000px;
}
#box-content p {
    color: #605448;
    font-weight: bold;
}
#box-content ul {
}
#box-content ul li {
    border: 1px solid #FFFFFF;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}
#box-tabs {
    background-image: url(/img/home/fond-tabs-index.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    color: #A69687;
    height: 202px;
    position: absolute;
    left: 28px;
    top: 356px;
    width: 338px;
}
#box-tabs h2 {
    color: #E2001A;
    font-family: verdana, sans-serif;
    font-size: 14px;
}
#box-tabs ul.tabs {
    margin: 9px 0px 0px 1px;
}
#box-tabs ul.tabs li {
    display: inline;
}
#box-tabs ul.tabs li a {
    background-repeat: no-repeat;
    color: #7F7368;
    display: block;
    font-family: verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 17px;
    padding: 5px 0px 5px 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 21px;
    width: 110px;
}
#box-tabs ul li.entreprise a {
    background-image: url(/img/home/tab-1.png);
    left: 0px;
}
#box-tabs ul li.collectivite a {
    background-image: url(/img/home/tab-2.png);
    left: 110px;
}
#box-tabs ul li.association a {
    background-image: url(/img/home/tab-3.png);
    left: 219px;
}
#box-tabs ul li.active a {
    background-image: url(/img/home/tab-on.png);
    color: #DE0019;
}
.tab {
    display: none;
    left: 15px;
    position: absolute;
    top: 50px;
}
.tab ul {
}
.tab ul li {
    background-image: url(/img/home/picto.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    padding: 25px 0px 20px 30px;
}
.tab ul li a {
    color: #A69687;
    font-family: verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.tab ul li a:hover {
    color: #DE0019;
    text-decoration: underline;
}
#box-tabs div.active {
    display: block;
}
#box-tabs h3 {
    clear: both;
    color: #A69687;
    font-family: verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 40px 20px 0px 20px;
}
#box-tabs h3 img {
    float: right;
}

#box-simulateur {
    background-image: url(/img/home/fond-simulateur-index.png);
    background-repeat: no-repeat;
    background-position: top left;
    color: #FFFFFF;
    height: 182px;
    position: absolute;
    left: 370px;
    top: 375px;
    width: 218px;
}
#display-simulateur {
    padding: 25px 8px 0px 10px;
}
#box-simulateur h2 {
    color: #FFFFFF;
    font-family: verdana, sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
}
#box-simulateur p {
    margin: 0px 10px 0px 2px;
}
#box-simulateur .btn {
    margin: 20px 0px 0px 0px;
    text-align: right;
}

#box-actu {
    background-image: url(/img/home/fond-actu-index.png);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A69687;
    font-size: 10px;
    height: 182px;
    position: absolute;
    left: 592px;
    top: 375px;
    width: 370px;
}
#display-actu {
    padding: 10px;
}
#box-actu .actus img {
    float:left;
}
#box-actu .actus p {
    float:left;
    width : 280px;
    padding:0px 5px 5px 5px;
}
#box-actu .actus a {
    margin-top: 5px;
    background-image: url(/img/home/fleche-savoirplus.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    color: #A69687;
    font-weight: bold;
    padding-left: 8px;
}
#box-actu .actus a:hover {
    color: #DE0019;
}
#box-actu .encarts {
    background-image: url(/img/home/filet.png);
    background-position: top left;
    background-repeat: repeat-x;
    clear: both;
    margin: 10px 0px 0px 0px;
    text-align: center;
    width: 340px;
}
#box-actu .encarts input {
    border-bottom:solid 5px red;
    margin: 10px 5px 0px 0px;
}
#box-menusidebar {
    position: absolute;
    left: 30px;
    top: 170px;
}
#box-menusidebar ul {
    width: 190px;
}
#box-menusidebar ul li {
    border-top: 1px dotted #A39487;
    padding: 8px 7px;
}
#box-menusidebar ul li.last {
    border-bottom: 1px dotted #A39487;
}
#box-menusidebar ul li a {
    color: #A39487;
    font-family: helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#box-menusidebar ul li.espace-client a:hover {
    color: #0F377B;
}
#box-menusidebar ul li.espace-restaurateur a:hover {
    color: #A61380;
}
#box-menusidebar ul li.espace-utilisateur a:hover {
    color: #A7CB39;
}
#box-menusidebar ul li.premiere-visite a:hover, #box-menusidebar ul li.active a {
    color: #FF050F;
}

#box-footer {
    background-color: #FFFFFF;
    background-image: url(/img/home/pied-logo.gif);
    background-position: 95% top;
    background-repeat: no-repeat;
    top: 560px;
    position: absolute;
}
#display-footer {
    padding-top: 10px;
}

#pied {
    clear: both;
    font-size: .9em;
    list-style-type: none;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: center;
    width: 960px;
}
#pied .petit {
    font-size: 80%;
    padding-bottom: 33px;
}
#pied li {
    background: transparent url('/img/bullet_meets_foot.gif') no-repeat scroll center left;
    display: inline;
    margin: 0;
    padding: 0;
}
#pied li.prems {
    background-image: none;
}
#pied li.copyright span {
    color: #a39283;
    margin: 0 6px;
    padding-left: 8px;
}
#pied li a {
    color: #a39283;
    margin: 0;
    padding-left: 8px;
    padding-right: 4px;
    text-decoration: none;
    white-space: nowrap;
}
#pied li a:hover {
    color: #183277;
    text-decoration: underline;
}