@import url("typos.css"); 
body {background:#545454 url(../images/site/bg.jpg) center repeat-y; margin:0; padding:0; text-align:center; height:100%;}

/* TITRE DU SITE (IL N'EST PAS AFFICHé) 
****************************************/
h1 {position:absolute; left:-9999px; top:-9999px}

/* CONTENEUR GENERAL SITE 
**************************************************************************/
#site {position:absolute; left:50%;top:50%; width:822px; height:572px; margin-top:-280px; margin-left:-411px; background:url(../images/site/bg-site.jpg); text-align:left;}
#centrage {padding-top:75px}

/* LANG
**************************************************************************/
#lang {position:absolute; top:31px; left:97px;}
#lang ul {margin:0; padding:0;}
#lang ul li {display:inline; list-style:none;}
#lang img {border:none; padding:5px; margin:0;}
#lang img.active {background:#333;}

/* MENU
**************************************************************************/
#side {float:left; width:247px;}
#side span {position:absolute; top:-9999px; left:-9999px;}
#side ul {position:relative; margin:0; padding:20px 0 0 42px; list-style:none;}
#side ul li a {margin:0; padding:0; display:block; height:30px; width:120px; background-position:0 0;}

li#accueil_FR a {background:url(../images/site/menu-accueil_FR.jpg);}
li#accueil_FR a:hover, li#accueil_FR a.active {background-position:0 -30px;}
li#actu_FR a {background:url(../images/site/menu-actu_FR.jpg);}
li#actu_FR a:hover, li#actu_FR a.active {background-position:0 -30px;}
li#bio_FR a {background:url(../images/site/menu-bio_FR.jpg);}
li#bio_FR a:hover, li#bio_FR a.active {background-position:0 -30px;}
li#media_FR a {background:url(../images/site/menu-medias_FR.jpg);}
li#media_FR a:hover, li#media_FR a.active {background-position:0 -30px;}
li#presse_FR a {background:url(../images/site/menu-presse_FR.jpg);}
li#presse_FR a:hover, li#presse_FR a.active {background-position:0 -30px;}
li#photos_FR a {background:url(../images/site/menu-photos_FR.jpg);}
li#photos_FR a:hover, li#photos_FR a.active {background-position:0 -30px;}
li#contact_FR a {background:url(../images/site/menu-contact_FR.jpg);} 
li#contact_FR a:hover, li#contact_FR a.active {background-position:0 -30px;}

li#accueil_EN a {background:url(../images/site/menu-accueil_EN.jpg);}
li#accueil_EN a:hover, li#accueil_EN a.active {background-position:0 -30px;}
li#actu_EN a {background:url(../images/site/menu-actu_EN.jpg);}
li#actu_EN a:hover, li#actu_EN a.active {background-position:0 -30px;}
li#bio_EN a {background:url(../images/site/menu-bio_EN.jpg);}
li#bio_EN a:hover, li#bio_EN a.active {background-position:0 -30px;}
li#media_EN a {background:url(../images/site/menu-medias_EN.jpg);}
li#media_EN a:hover, li#media_EN a.active {background-position:0 -30px;}
li#presse_EN a {background:url(../images/site/menu-presse_EN.jpg);}
li#presse_EN a:hover, li#presse_EN a.active {background-position:0 -30px;}
li#photos_EN a {background:url(../images/site/menu-photos_EN.jpg);}
li#photos_EN a:hover, li#photos_EN a.active {background-position:0 -30px;}
li#contact_EN a {background:url(../images/site/menu-contact_EN.jpg);} 
li#contact_EN a:hover, li#contact_EN a.active {background-position:0 -30px;}

/* CONTENU (TEXTES) c'est ici qu'on change l'image de Malia 
**************************************************************************/
#contenu {float:left; width:490px; background:url(../images/malia-deco/malia-1.jpg); height:420px;}
#texte {margin:10px 0 0 0; padding:0 10px 20px 20px; width:450px; height:375px; overflow:auto; text-align:justify;}
#texte p {padding:0 20px 0 0;}

/* TABLES PAGE BIOGRAPHIE
**************************************************************************/
table {text-align:left; margin:10px 0 0 0; padding:0; width:100%;}
tr, td {margin:0; padding:0}

/* PHOTOS
**************************************************************************/

#expo {
margin : 20px 0 0 0; 
padding : 0 0 0 1px;
 }

#expo  img{
margin : 0 7px 7px 0;
padding : 0 ;
float : left ;
display:inline ; 
border : 4px solid #0C0C0C
}