body
{
    font-size: 12pt;
    color: black;
    font-family: calibri, verdana, arial, 'times new roman';
    text-align: center;
    background-color: #cccccc;
}
H1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    FONT-FAMILY: verdana, sans-serif
}
.texteInfo {
    FONT-SIZE: 12pt;
    text-align: left;
    FONT-FAMILY: verdana, sans-serif
}
.texteAccroche {
    FONT-SIZE: 14pt;
    text-align: center;
    font-style: italic;
    FONT-FAMILY: verdana, sans-serif
}
.texteImage {
    float: right;
    margin-left: 10px;
}
/* cadres principaux de la feuille de style */
#principal {
width: 800px;
position: absolute;
left: 100px;
top: 5px
}
#enTete {
width: 100%;
height: 120px;
position: relative;
background-color: #f4dcad;
}
.contenu {
width: 100%;
position: relative;
background-color: #ffffff;
}

.titleBox
{
    font-weight: bold;
    width: 100%;
    background-color: #f4dcad;
}
.clientInfo
{
	display :none
}
.whiteBox
{
    width: 100%;
    font-weight: bold;
    background-color: #ffffff
}
.greyBox
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    width: 780px;
    background-color: #eeeeee
}
.emptyBox
{
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    height: 20px;
    background-color: #ffffff
}
.goodBox
{
    border-right: #ee9900 double;
    border-top: #ee9900 double;
    border-left: #ee9900 double;
    width: 760px;
    border-bottom: #ee9900 double;
    margin: 0px 20px 0px 20px;
}
.goodTitleBox
{
    width: 760px;
    background-color: #ee9900
}
.headerBox
{
    width: 100%;
    height: 20px;
    background-color: #e7c67b;
    text-align: center;
}
.footerBox
{
    width: 100%;
    height: 20px;
    background-color: #ee9900;
    text-align: right;
}
.properties
{
    width: 90% ;
    float: none;
}
.description
{
    border: #000000 thin solid;
    padding-right: 5px;
    padding-left: 5px;
    width: 25%;
}
.libelle
{
    border: #000000 thin solid;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    width: 25%;
}
div#colLeft
{
    padding-left: 1px;
    float: left;
    width: 33%;
    text-align: left
}
div#colRight
{
    padding-right: 1px;
    float: right;
    width: 33%;
    text-align: right
}
.mainPicture
{
    border: black thin solid;
    float: none;
    width: 400px;
}
.smallPicture
{
    border-right: black thin solid;
    border-top: black thin solid;
    margin-left: 5px;
    vertical-align: middle;
    border-left: black thin solid;
    width: 64px;
    cursor: pointer;
    border-bottom: black thin solid;
    text-align: center
}
img#imageListe
{
    clear: left;
    display: block;
    float: left;
    margin: 10px;
    position: static
}
div#titre
{
    font-weight: bold;
    margin: 10px;
    text-align: center
}
div#info
{
    clear: right;
    margin: 5px;
    text-align: left
}
div#centerLink
{
    clear: both;
    display: block;
    float: none;
    text-align: center;
}
div#detailInfoLeft
{
    float: left;
    margin-left: 150px;
    width: 250px;
    text-align: left
}
div#detailInfoRight
{
    float: left;
    margin-left: 25px;
    width: 250px;
    text-align: left
}
p#description
{
    margin: 20px;
    text-align: left
}
.clear{clear:both;}