/*                           */
/*    Mise forme générale    */
/*                           */

html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 9px;
text-align: center;
color: black;
background-color: #7b6f6b;
padding: 0; 
margin: 0;
}
/* Conteneur de la Page */
#container {
width: 920px;
text-align: left;
padding: 0; 
margin: auto;
background-image: url("../images/fond.jpg");
background-repeat: repeat-y;
background-position: left top;
}

/*              */
/*    Header    */
/*              */

#header {
width: 920px;
height: 141px;
margin: auto;
background-image: url("../images/haut.jpg");
background-repeat: no-repeat;
background-position: left top;
font-size: 0;
text-align: center;
margin: 0; 
}

/*                      */
/*    Colonne Gauche    */
/*                      */

#gauche {
width: 250px;
text-align: center;
float: left; 
background-repeat: no-repeat;
}
/* Menus Colonne Gauche */
#gauche dl {
width: 214px;
text-align: left;
font-weight: bold;
background-image: url("../images/fondcat.jpg");
background-repeat: repeat-y;
background-position: left top;
clear: both;
/* top right bottom left */
margin: 0px auto 10px auto;
}
#gauche dt {
height: 40px;
line-height: 40px;
background-image: url("../images/hautcat.jpg");
background-repeat: no-repeat;
background-position: left top;
background-color: inherit;
font-family: verdana;
font-size: 13px;
color : #FFFFFF;
font-weight: bold;
text-align: center;
}
#gauche .dt H1 {
margin:0.1cm;
font-family: verdana;
font-size: 13px;
}

#gauche dd {
height: 19px;
line-height: 19px;
padding-left: 20px;
background-image: url("../images/sexe.jpg");
background-repeat: no-repeat;
background-position: left 3px;
/* top right bottom left */
margin: 0 0 0 15px;
}
#gauche .menu-end {
height: 17px;
line-height: 17px;
background-image: url("../images/bascat.jpg");
background-repeat: no-repeat;
background-position: left top;
}

/*                      */
/*    Colonne Centre    */
/*                      */

#centre {
width: 639px;
text-align: center;
float: left; 
}
#centre #top_haut {
width: 639px;
height: 40px;
line-height: 40px;
padding-left: 10px;
font-size: 10pt;
color: white;
background-color: inherit;
background-image: url("../images/hauttop.jpg");
background-repeat: no-repeat;
background-position: left top;
text-align: left;
}

#centre .top {
width: 639px;
height: 120px;
background-image: url("../images/fondtop.jpg");
background-repeat: repeat-y;
background-position: left top;
text-align: left;
}
#centre .top .title {
height: 25px;
background-image: url("../images/sexe.jpg");
background-repeat: no-repeat;
background-position: left 3px;
/* top right bottom left */
margin: 0 0 0 10px;
font-size: 14px;
text-align: left;
padding-left: 20px;
font-weight:bold;
}
#centre .top span a:link, #centre .top span a:visited  {
font-size: 7pt;
color: #A5A2A2;
background-color: transparent;
text-decoration: none;
}
#centre .top span a:active, #centre .top span a:hover  {
font-size: 7pt;
color: #A4510F;
background-color: transparent;
text-decoration: underline;
}
#centre .top span {
font-size: 7pt;
margin-left: 25px;
color: #A5A2A2;
background-color: transparent;
text-decoration: none;
}
#centre .top img {
border: 1px solid white;
float: left;
/* top right bottom left */
margin: 0 5px 0 10px;
}
#centre .top .desc {
width: 350px;
height: 87px;
font-size: 11px;
font-weight: bold;
float: left;
display: table-cell;
margin-top: 5px;
}
#centre .top .desc div {
vertical-align: middle;
}
#centre .top .stats {
width: 70px;
height: 46px;
font-weight: bold;
text-align: center;
float: left;
display: table-cell;
vertical-align: middle;
margin-top: 35px;
}
#centre .line {
width: 640px;
height: 5px;
font-size: 0;
background-image: url("../images/separation.jpg");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}
#centre #nav {
width: 640px;
height: 25px;
font-size:13px;
background-image: url("../images/fondtop.jpg");
background-repeat: repeat-y;
background-position: left top;
text-align: center;
}
#centre #nav a:link, #centre #nav a:visited  {
color: #000000;
font-size: 13px;
font-weight: bold;
text-decoration: none;
/* top right bottom left */
margin: 0 30px 0 30px;
}
#centre #nav a:active, #centre #nav a:hover  {
color: #A4510F;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
outline: none;
}
#centre #top_bas {
width: 640px;
height: 15px;
background-image: url("../images/bastop.jpg");
background-repeat: no-repeat;
background-position: left top;
}

/*              */
/*     Liens    */
/*              */

a:link, a:visited {
font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
font-size: 14px; 
color: #000000;
background-color: transparent;
text-decoration: none;
outline: none;
}
a:active, a:hover {
font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
font-size: 14px; 
color: #A4510F;
background-color: transparent;
text-decoration: underline;
outline: none;
}

/*                      */
/*     Pied de Page     */
/*                      */

#footer {
width: 900px;
text-align: center;
font-weight: bold;
background-image: url("../images/bas.jpg");
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 30px;
clear: both;
}
#footer p {
font-size: 8pt;
font-weight: normal;
}
#footer div {
font-weight: normal;
margin-bottom: 10px;
}
#footer div a {
text-decoration: underline;
/* top right bottom left */
margin: 0 15px 0 15px;
}
#footer img {
border: 0;
}