body {
margin: 0;
padding: 0;
font-family: Arial, Verdana, Tahoma, serif;
color: #131313;
font-size: 13px;
}

a img {
border: 0;
}

/* Styles généraux */
.clear {
clear: both;
}

h1, h2 {
font-family: Arial, Verdana, Tahoma, serif;
color: #767676;
font-size: 24px;
border-bottom: 1px solid #767676;
padding: 0 0 3px 0;
margin: 0 0 18px 0;
width: 100%;
}

.column h2 {
font-size: 14px;
}

p.cadre-lien {
width: 320px;
height: 25px;
background: url(../images/cadre-lien.png) no-repeat;
padding-top: 1px;
}
p.cadre-lien a {
display: block;
color: #666666;
text-decoration: none;
width: 300px;
height: 17px;
margin: 0px 0 0 1px;
padding: 3px 0 0 5px;
}
p.cadre-lien a:hover {
background-color: #757575;
color: #9c9c9c;
}

a {
color: #767676;
text-decoration: none;
}

/* WYMeditor */
/* PARA: Aligner à gauche */
p.align-left {
text-align: left !important;
}
/* PARA: Aligner à droite */
p.align-right {
text-align: right !important;
}
/* PARA: Grand */
p.big {
font-size: 14px !important;
}
/* PARA: Très grand */
p.bigger {
font-size: 16px !important;
}
/* PARA: Petit */
p.small {
font-size: 12px !important;
}
/* PARA: Très petit */
p.smaller {
font-size: 10px !important;
}
/* PARA: Accroche */
p.accroche {
font-size: 14px;
font-family: Arial, Verdana, serif;
font-weight: bold;
color: #131313;
}
/* SPAN: Dorure */
span.dorure {
color: #947f59;
}
/* /WYMeditor */
.error, .error_list {
color: red !important;
}

/* Header */
#header {
margin-top: 35px;
height: 61px;
background-color: black;
width: 100%;
position: relative;
}

#header .logo_db {
position: absolute;
left: 15px;
bottom: 0px;
}

#header div.right_box {
position: absolute;
height: 61px;
width: 630px;
right: 0px;
}

#header div.right_box p {
position: absolute;
font-family: Verdana, Arial, serif;
font-size: 10px;
}

#header .separator {
height: 61px;
width: 1px;
position: absolute;
background: url(../images/menu-sep.png) no-repeat;
}
#header .sep1 {
left: 0px;
top: 0px;
}
#header .sep2 {
left: 338px;
top: 0px;
}

#header .address {
left: 14px;
bottom: 3px;
}
#header .email {
left: 170px;
bottom: 3px;
}

/* Lien vers le blog */
#header .blog {
position: absolute;
right: 3px;
bottom: -5px;
width: 251px;
height: 75px;
background: url(../images/blog.png) no-repeat;
}
#header .blog a.blocklink {
display: block;
position: absolute;
right: 0px;
top: 0;
width: 251px;
height: 75px;
z-index: 20;
}
#header #blogtitle {
z-index: 10;
margin: 0;
font-size: 16px;
text-align: right;
right: 15px;
top: 8px;
width: 166px;
height: 42px;
overflow: hidden;
}
#header #bloglink {
z-index: 10;
margin: 0;
font-size: 13px;
right: 15px;
bottom: 8px;
}

#header p, #footer p {
margin: 0;
padding: 0;
}

#header p, #header a, #header li, #footer p, #footer a, #footer li {
text-decoration: none;
color: #ACACAC;
}

/* Menus */
#topmenu {
position: absolute;
bottom: -7px;
left: 105px;
}
#topmenu ul, #bottommenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul li, #bottommenu ul li {
float: left;
margin: 0 4px 0 4px;
padding: 0;
font-size: 13px;
}
#topmenu ul li.menuseparator, #bottommenu ul li.menuseparator {
font-weight: bold;
}
#topmenu ul li a, #bottommenu ul li a {
display: block;
padding-bottom: 12px;
}
#topmenu ul li a:hover, #topmenu ul li.selected a {
color: white;
background: url(../images/menu-flechehaut.png) center bottom no-repeat;
}

#bottommenu {
position: absolute;
top: -7px;
left: 105px;
}
#bottommenu ul li.menuseparator {
padding-top: 9px;
}
#bottommenu ul li a {
display: block;
padding: 9px 0 0 0;
}
#bottommenu ul li a:hover, #bottommenu ul li.selected a {
color: white;
background: url(../images/menu-flechebas.png) center top no-repeat;
}

/* Footer */
#footer {
margin-top: 15px;
height: 19px;
background: black;
width: 100%;
position: relative;
}

#footer .twit-fa {
position: absolute;
right: 115px;
top: -4px;
}

#footer .db2010 {
position: absolute;
right: 10px;
top: 0px;
}

#disclaimer {
font-size: 10px;
text-align: center;
margin: 30px 0 0 0;
}
#disclaimer, #disclaimer a {
color: #bbbbbb;
text-decoration: none;
}

/* Contenu */
#content {
margin: 15px 0 15px 24px;
min-height: 400px;
position: relative;
}
#content p {
margin: 0 0 0.8em 0;
}

#diapo-gauche, #right-content, .column {
float: left;
}
#diapo-gauche, .column {
width: 320px;
margin-right: 30px;
padding: 0;
overflow: hidden;
}

/* Système de colonnes */
#columns {
overflow: auto;
position: relative;
width: 100%;
}

#columns ul.columns {
list-style: none;
margin: 0;
padding: 0;
}

#columns ul.columns li.column {
display: block;
}

#columns ul.columns li.column p {
text-align: justify;
}

.column {
position: relative;
min-height: 400px;
}
.column .imageover {
position: absolute;
top: 0;
left: 0;
width: 320px;
min-height: 400px;
cursor: pointer;
}
#content .column .imageover p {
position: absolute;
bottom: 0px;
width: 320px;
min-height: 400px;
padding: 0;
margin: 0;
background: url(../images/mosaique.png);
}

#right-content {
}

#float-width {
}

#arrowright, #arrowleft {
width: 24px;
height: 368px;
background: url(../images/flechedroite.png) no-repeat center top;
position: absolute;
top: 60px;
left: 630px;
cursor: pointer;
z-index: 10;
}

#arrowleft {
background-image: url(../images/flechegauche.png);
}

/* Diaporama */
#diapo-gauche
{
min-height: 464px;
}
#diapobox {
position: relative;
}
#diapobox p {
position: absolute;
top: 0;
left: 0;
}

/* Page réalisations */
#content p.realisation_label {
float: left;
position: relative;
margin: 0 6px 6px 0;
}
#content p.realisation_label img {
z-index: 10;
}
#content p.realisation_label img.label_over{
position: absolute;
left: 0;
top: 0;
z-index: 20;
}

div.column-title, div.column-text {
float: left;
margin-right: 30px;
width: 320px;
position: relative;
min-height: 464px;
}

div.column-text .bottom-column {
position: absolute;
bottom: 0px;
}
#meme-client, #meme-produit {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.departements_link {
margin: 0 0 0 80px;
position: absolute;
}
.departements_link ul {
list-style-type: none;
padding: 0px;
margin: 15px 0 0 30px;
float: left;
}
.departements_link li {
background-image: url(../images/x-bullet.png);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 20px;
margin: 5px 0 3px 0;
}
.departements_link li a {
color: #777777;
text-decoration: none;
font-weight: bold;
}

/* Page situation et contact */
form ul.contact_form {
margin: 14px 0 0 0;
padding: 0;
list-style-type: none;
}
form ul.contact_form li {
margin: 6px 0 6px 0;
padding: 0;
}
form ul.contact_form li input {

}