body, table, td {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : black;
margin: 0px;
}


body {
background-color: black;
scrollbar-arrow-color : #62472A; /* fleche en haut et en bas */
scrollbar-base-color : #A48B71;  /* couleur principale */
scrollbar-face-color : #A48B71; /* couleur principale */
scrollbar-track-color : #725E49; /* fond du couloir */
scrollbar-highlight-color : #CDB194; /* effet 3D lumineux */
scrollbar-3dlight-color : #E8D3BC; /* effet 3D tres lumineux */
scrollbar-shadow-color : #7C6247; /* effet 3D sombre */
scrollbar-darkshadow-color : #5A442D; /* effet 3D tres sombre */
}

h1 {
font-size : 12px;
color : #512B09;
margin: 0px;
padding-top: 10px;
letter-spacing: 1px;
}

h1 em {
color : #A36935;
}

h2 {
font-size : 12px;
color : #512B09;
border-bottom: 6px dotted black;
padding-bottom: 5px;
margin: 0px 0px 20px 0px;
letter-spacing: 2px;
}

h3 {
font-size : 12px;
color : #512B09;
text-align: center;
letter-spacing: 2px;
padding-bottom: 6px;
border-bottom: 1px solid  #512B09;
margin-top: 20px;
margin-bottom: 20px;;
}

h4 {
font-size : 11px;
color : #512B09;
padding: 0px 0px 0px 10px;
border-left: 10px solid  #512B09;
margin-top: 30px;
margin-bottom: 30px;;
width: 350px;
}



a {
color: #874911;
}

a:visited {
color: black;
}

a:hover {
color: #046934;
text-decoration: none;
}


.top, .top a, .top a:visited {
font-size : 10px;
color : #E9C089;
}

.top a:hover {
color: #ffefda;
}

.bottom {
text-align: center;
width: 740px;
font-size : 11px;
color : #c6a57a;
}

.bottom a, .bottom a:visited {
color: #c6a57a;
text-decoration: none;
}
.bottom a:hover {
color: white;
text-decoration: underline;
}


.top {
padding-right: 7px;
}

.content {

background-color: #e0c08f;
background-image: url('conception-web/images/body-middle2.jpg');
background-repeat: repeat-y;
background-position: top center;
padding-top: 20px;
}

.contentTitle {
background-color: #e0c08f;
background-image: url('conception-web/images/body-top2.jpg');
background-repeat: no-repeat;
background-position: top center;
}

.contentBox {

border-left: 1px solid black;
padding-left: 10px;
padding-right: 10px;

}

.rightMenuElement, .rightMenuElementHI {
background-image: url('conception-web/images/menu-right-elements.jpg');
background-repeat: no-repeat;
background-position: right;
font-size : 10px;
padding: 10px 30px 15px 0px;
text-align: right;
margin: 0px 10px 0px 0px;
display : block;
text-decoration: none;
color: black;
}

.rightMenuElement:hover {
background-image: url('conception-web/images/menu-right-elements2.jpg');
background-repeat: no-repeat;
background-position: right;
color: #046934;
}

.rightMenuElementHI {
background-image: url('conception-web/images/menu-right-elements3.jpg');

}

.customer {
background-image: url('conception-web/images/customers-bg.png');
background-repeat: repeat;
background-position: center;
text-align: right;
font-size : 10px;
margin: 10px 15px 10px 10px;
border: 1px dashed white;
padding: 0px 10px 0px 5px;

}

.customer p {
margin: 0px;
padding: 5px;

}

hr {

margin: 20px 0px 20px 0px;
border: 1px solid #FBEED6;

}


ul {
margin: 0px;
padding: 0px;
}

ol {
margin: 0px 0px 0px 15px;
padding: 0px;
}

li {
list-style-position: outside;
margin: 12px;
padding: 0px;
list-style-type : square;
list-style-image : url(conception-web/images/bullet.png);
}

li.numbers {
list-style-type : decimal;
list-style-image : none;
list-style-position: outside;
margin-bottom: 10px;
margin-top: 10px;
}


.contact {
color: black;
background-color: #EFDEC4;
border-top: 1px solid #D2B589;
border-left: 1px solid #D2B589;
border-bottom: 1px solid #FEF6E9;
border-right: 1px solid #FEF6E9;

}

.contact2 {
color: black;
background-color: #EFDEC4;
border-top: 1px solid #FEF6E9;
border-left: 1px solid #FEF6E9;
border-bottom: 1px solid #D2B589;
border-right: 1px solid #D2B589;

}

.portefolio {
background-color: white;
border: 1px solid black;
}