html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #000;
background: url(design/bg.jpg) repeat;
}

#bloc_texte {
width : 888px ;
height : 320px;
background: url(design/bg.jpg) repeat;
margin-left : auto;
margin-right : auto;   
}

html>body #bloc_texte  {
height : auto;
min-height : 320px;
}

/* CONTENU */ 

#cont {
background-color :transparent;
text-align : left;
width : 950px ;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
}

#haut {
width : 950px ; 
height : 31px ;
margin-left : auto;
margin-top : 15px;
background: url(design/haut.jpg) no-repeat;
}
 
#centre {
width : 950px ;
text-align : left; 
background: url(design/centre.jpg) repeat-y;
}

#privateview {
width : 950px ;
text-align : center; 
background: url(design/centre.jpg) repeat-y;
}

#bas {
width : 950px ; 
height : 31px ;
background: url(design/bas.jpg)  no-repeat;
overflow : hidden
}

#top_fr{
width : 888px ;
height : 200px;
background: url(design/top2.gif) no-repeat;
margin-left : auto;
margin-right : auto;
}

#top_eng{
width : 888px ;
height : 200px;
background: url(design/top3.gif) no-repeat;
margin-left : auto;
margin-right : auto;
}

#top_esp{
width : 888px ;
height : 200px;
background: url(design/top4.gif) no-repeat;
margin-left : auto;
margin-right : auto;
}

/* BLOC ARTISTE */ 

#bloc artiste {
float : left;
width : 860px ;
background :transparent;
}

#txt artiste {
float : left;
width : 600px;
background :transparent;
}

#artiste img {
float : left;
margin : 0 0 0 10px;
border : 1px solid  #213C8D
}

/* BLOC SPONSORS */ 

#sponsor {
width : 888px ;
background: url(design/bg.jpg) repeat;
margin-left : auto;
margin-right : auto;
height : 90px
}

#logo {
float : left;
width : 888px;
background :transparent;
padding : 0 ;
margin : 0
}

#logo img {
float : left;
margin : 0 0 0 28px;
border : 1px solid  #213C8D
}

/* PARAGRAPHES TITRES */

h1 {
font-size : 12px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
text-transform : uppercase ;
}
 
h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
text-transform : uppercase ; 
}

h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 12px; 
}
 
/* LISTE */ 
 
ul, li {
list-style : none ;
}

.langue {
float : left ; 
width : 17px ; 
height : 13px ;
background : transparent;
margin : 5px 0 0 25px ;
}

.langue img{
border : none
}

.nav {
float : right ; 
background: url(design/nav.gif);
padding : 10px 10px 0px 10px;
margin : 6px 100px 0 0;
}

.nav li {float : left
}

.nav li a {
text-decoration : none; 
padding : 0 5px 0 5px;
color : #FFFFFF ; 
font-weight : bold;
text-transform : uppercase; 
font-size : 12px; 
}

.nav li a:hover {
color : #FFCC00
}

/* MENU */

.menu {
text-align: left;
background-color :transparent; 
margin : 0 0 0 0;
padding : 20px 0 0 0;
}

.menu li a span {
position: absolute;
left: -5000px;
}

.menu li {
margin : 0 0 10px 0 ; 
padding : 0
}

.menu li a {
display: block; 
height : 50px ; 
width : 120px ;
}

.menu li a:hover {}

/*MENU Présentation*/

.list_presentation a { 
background : url(design/btn_presenta.gif) ;
display: block; 
height : 50px ; 
width : 155px ;
text-align: left;
}

.list_presentation a:hover { 
background : url(design/btn_presenta.gif) 2px 2px
}

.list_presentation_on a { 
background : url(design/btn_presenta.gif ) 2px 2px ;
display: block; 
height : 50px ; 
width : 120px ;
text-align: left;
}

.list_presentation_on a:hover { 
background : url(design/btn_presenta.gif) 2px 2px
}

/*MENU L'exposition*/

.list_expo a { 
background : url(design/btn_expo.gif) ;
display: block; 
height : 50px ; 
width : 120px ;
text-align: left;
}

.list_expo a:hover { 
background : url(design/btn_expo.gif) 2px 2px
}

.list_expo_on a { 
background : url(design/btn_expo.gif ) 2px 2px ;
display: block; 
height : 50px ; 
width : 120px ;
text-align: left;
}

.list_expo_on a:hover { 
background : url(design/btn_expo.gif) 2px 2px
}

/*MENU Les artistes*/

.list_artistes a { 
background : url(design/btn_artistes.gif) ;
display: block; 
height : 50px ; 
width : 120px ;
text-align: left;
}

.list_artistes a:hover { 
background : url(design/btn_artistes.gif) 2px 2px
}

.list_artistes_on a { 
background : url(design/btn_artistes.gif ) 2px 2px ;
display: block; 
height : 50px ; 
width : 120px ;
text-align: left;
}

.list_artistes_on a:hover { 
background : url(design/btn_artistes.gif) 2px 2px
}

/* PHOTOS */ 

.photos {
float : left ;  
background : transparent;
width : 310px; 
margin-left :20px !important;
margin-left :10px ;
margin-top : 25px ;}

.photos_expo {
background : transparent; 
float : left;
width : 480px; 
font-weight : bold;
margin-left :30px !important;
margin-left :35px ; 
margin-top : 22px;   }

.photos_expo img {
border : 1px solid #7F3007 ; margin : 3px  
}

.photos ul {
list-style : none; 
margin : 15px 0 0 0;
padding : 0; 
} 

.photos li {
list-style : none; 
margin : 5px 0 3px 0 ; 
padding : 0 0 0 0
}

.photos li a {
display: block; 
text-decoration : none;
color : #C25219;
font-weight : bold;
height : 20px; 
font-size : 12px;
border-bottom : 1px solid #F9EFEA ;
width : 310px;  
}

.photos li a:hover {
text-indent: 10px ; 
background : url(design/bg_liste_disco.jpg) left top no-repeat; 
}

.photos_on{
display: block; 
text-decoration : none;
color : #C25219;
font-weight : bold;
height : 20px; 
font-size : 12px;
border-bottom : 1px solid #F9EFEA ;
width : 330px;  
text-indent: 10px ; 
background : url(design/bg_liste_disco.jpg) left top no-repeat; 
}

.photos_on li a:hover {
text-indent: 10px ; 
background : url(design/bg_liste_disco.jpg) left top no-repeat; 
}

/* FENETRE DEFILEMENT PRESENTATION */ 

.englobe_presentation {
float : left ;  
background : transparent;
width : 600px; 
height : 250px; 
margin-left :20px !important;
margin-left :10px ;
margin-top : 25px ; }


.presentation {
background : transparent;
width : 860px; 
height : 240px; 
margin-top : 10px ; overflow : auto
}

.gauche_presentation {
float : left ; 
background : transparent;
width : 330px; 
height : 270px; 
margin-top : 30px ;
border : none; 
}

.presentation p {
margin : 0 20px 5px 0
}

/* FENETRE DEFILEMENT ARTISTES */ 

.englobe_artistes {
float : left ;  
background : transparent;
width : 520px; 
height : 250px; 
margin-left :20px ;/*important!*/
margin-left :10px ;
margin-top : 25px ; }


.artistes {
background : transparent;
width : 500px; 
height : 240px; 
margin-top : 10px ; overflow : auto
}

.gauche_artistes {
float : left ; 
background : transparent;
width : 330px; 
height : 270px; 
margin-top : 30px ;
border : 1px solid #336633 ; 
}

.artistes p {
margin : 0 20px 5px 0
}

.biodate {
font-size : 14px ; 
color : #336633; 
font-weight : bold ;
text-indent : 6px; 
}
.biodate2 {
font-size : 16px ; 
color : #213C8D; 
font-weight : bold ; 
text-indent : 6px;
}

/* DIVERS */
 
a {color : #9C302D ; text-decoration : none; 
}
a:hover {color : #9C302D ; text-decoration : none; 
} 

.spacer {
clear : both; 
height : 13px ;  
background-color :transparent; 
}

.spacer_index {
clear : both; 
height : 5px; 
background-color :transparent;
margin : 0px 0px 0px 0
}
  
.spacer_point {
clear : both; 
height : 10px; 
background : url(design/bg_point.gif) repeat-x; 
margin : 0px 0px 0px 0
}

.signature{
width : 860px ;
text-align : center; 
margin-left : auto;
margin-right : auto;
clear : both; 
height : 40px ;  
background-color :transparent; 
color : #ffffff
}

.margin_top {margin-top : 20px
}

.para_top {margin : 20px 0 25px 0
}

#flashcontent {  
}