html, body {
width:100%;
color: #000;
background-color : #000;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:#000;
color :#fff;
}
body a{
color: #cf7370; 
}
#conteneur {
width:820px;
margin:0 auto;
}
#header {
margin-left: -8px;
margin-top: 0;
margin-bottom: -70px;
width: 840px ;
height: 220px;
background-image: url(../../images/im_site/head.jpg);
background-repeat: no-repeat ;
z-index: 50;
}
#centre {
width: 840px;
margin-bottom: -10px; 
margin-left: 1px;
background-image: url(../../images/im_site/fond.png);
z-index: 20;
}
#centre p {
width: 780px;
margin-left: 30px;
}
#centre h1 {
color: #cf7370;
background-color: inherit;
font-size: 1em ;
font-weight: bold ;
text-align: center;
padding: 20px;
margin: 10px;
}
#btn_retour{
margin: 2px 0 10px 330px;
font-weight : bold; 
font-family : Arial, Verdana, serif;
text-align : center;
}
#btn_retour a:hover{
color: #57091a; 
background-color: #cf7370;
}
#btn_retour a 
{
        display : block; 
        padding: 0; 
        background : #57091a;       
        color : #cf7370; 
        text-decoration : none; 
        width : 140px; 
		border: 1px #cf7370 solid;
		
}
#footer {
color: #cf7370;
background-color: inherit;
font-size: 0.8em ;
font-weight: bold ;
text-align: center;
padding-top: 10px;
background-image: url(../../images/im_site/footer.jpg); width: 840px ; height: 73px;
background-repeat: no-repeat ; 
}
#kastbook{
margin-left: 70px;
margin-bottom: 10px;
z-index: 1;
}
#kastbook p {
font-family: arial, Verdana, sans-serif;
font-size: 10px; 
font-weight: bold; 
margin-left: 100px;;
font-weight: bold;
}
#kastbook a{
font-family: arial, Verdana, sans-serif;
font-size: 10px; 
color: #cf7370;
background-color: inherit;
text-decoration: none;
}
#kastbook a:hover 
{
        color: #cf7370;
		background-color: inherit;
     
}
/* les menus*/
#menu, #menu ul /* Liste */     
{
        padding-left: 33px; /* pas de marge intérieure */
        margin:1px;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on défini une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		z-index:100;
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial, Verdana, serif; /* on utilise Arial c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		margin: 10px;
		z-index:100;
}
#menu a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #57091a; /* On passe le texte en noir ... */
        background-color: #cf7370; /* ... et au contraire, le fond en blanc */
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding: 0; /* aucune marge intérieure */
        background : #57091a; /* couleur de fond */       
        color : #cf7370; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 140px; /* largeur */
		border: 1px #cf7370 solid;
		
}
#menu li /* Elements des listes */     
{
        float : left;
        /* pour ie qui ne reconnaît pas "transparent" */
        border-right : 1px solid #57091a; /* on met une bordure blanche à droite de chaque élément */
		z-index:100;
		
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
ul {
list-style-type: none;
width: 100%;
margin:1px;
/* précision pour Opera */
}
/* fin les menus*/
p {margin: 0 0 10px 0;}
#cv{ 

margin-left: 165px;
}
#demo {
margin-bottom: 10px; 
margin-left: 310px; 
}
#image_charactere{
margin-left: 210px;
}
#image_background{ 
margin-left: 210px;
}
#image_digital{
margin-left: 210px;
}
#image_traditionnal{ 
margin-left: 210px;
}
#image_roughs{
margin-left: 210px;
}
#image_portraits{ 
margin-left: 210px;
}
a img {border: none;}