body {
background: #d0cddc url(img/fond.gif) left top repeat-x;
margin: 0;
}

#conteneur {
width: 800px;
margin: 0 auto;
padding: 0;
background:#0000ff;
}


#banner {
background:#ffffff;
width:800px;
height:189px;
margin: 0;
padding: 0;
}

#sommaire {
background: #ffffff url(img/sommaire.jpg) top no-repeat;
width:800px;
height:36px;
margin: 0;
padding: 0;
}

/* ###   ----------------------------------------SOMMAIRE DU SITE--------------------------------  ### */
ul#menu {
list-style-type: none;
padding: 5px 0 0 42px;
background: tranparent;
margin: 0;
}

li {
background: tranparent;
float:left;
}

#menu a {
line-height: 0.2em;
display: block;
width: 102px;
height: 1.6em;
font: normal 0.8em Verdana, sans-serif;
color: #333366;
text-align: center;
text-decoration: none;
background-color: transparent;
border: 1px #f1f1f1 dashed;
font-variant: small-caps;
/*text-transform: capitalize;*/
padding: 0;
margin: 0;
}
#menu a:hover {
background-color:#f1f1f1;
}

/*#menu a:first-letter {
font-weight: bold;
text-transform: capitalize;
}*/

.majuscule {
font-weight: bold;
font-size: 1.2em;
}
/* -----------------------###   FIN SOMMAIRE DU SITE  ###-------------------------------- */




#corps {
background: #f1f1f1 url(img/fond-corps.jpg) top repeat-y;
height:auto;
min-height: 300px;
width: 800px;
padding: 0;
margin: 0;
}


/* ###  BAS DE PAGE ### */
#bas {
background: #f1f1f1 url(img/bas.jpg) no-repeat;
width: 800px;
height: 35px;
padding: 0;
margin: 0;
}

#bas p {
font: normal 0.6em Verdana, sans-serif;
color: #f1f1f1;
width: 800px;
margin: 0;
text-align: center;
padding : 18px 0 0 0;
}

#bas a {

color:#f1f1f1;
text-decoration: none;
}


#bas a:hover {
color:#f1f1f1;
text-decoration: underline;
}

img{
border:0;
}

/* ###  PAGE SITE ### */

#site {
width:730px;
background:transparent;
margin: 0 0 0 40px;
height:auto;
padding: 0;overflow: auto;
}


/* ####    TITRE RUBRIQUE  #### */


/* --- lien des pages --- */
#site a {
color: #333366;
text-decoration:none;
font:  normal 0.8em Verdana, Arial, Helvetica, sans-serif;
}


#site a:hover {
color: #333366;
text-decoration:underline;
font:  normal 0.8em Verdana, Arial, Helvetica, sans-serif;
}


/* ---- PAGE BIOGRAPHIE ---- */

/*#biographie {
width:730px;
background:transparent;
margin: 0 0 0 10px;
height:auto;
padding: 0;
}*/

.BlocBio p{
text-align:justify;
padding: 20px 0 0 0;

}


.BlocBio  {
margin: 10px 0 10px 0;
text-align:justify;
width: 710px;
/*background:#eae8f3;*/
padding: 10px;
}

.ImgLeft {
float: left;
padding: 0 10px;
border: 0;
}


.ImgRight {
float: right;
padding: 0 10px;
border: 0;
}

#site p {
font: normal 0.7em Verdana, sans-serif;
color: #333366;
margin: 0 10px 0 10px;
}

.left {
float: left;
}


/* --- TITRES  --- */

/* ###TITRE RUBRIQUES ####*/

h2 {
text-align:right;

}

/*h2 {
font: normal 2em Verdana, sans-serif;
color: #333366;
margin: 20px 0;
clear:left;
}*/

/* ### TITRE sous partie BIO, DISCO ###*/
h3 {
clear:left;
width: 370px;
font: bold normal 0.9em Verdana, sans-serif;
color: #333366;
margin: 40px 0 20px 0;
border-bottom: #999999 1px dashed;
}

/* PAGE ACTU*/

.Actu {
margin-bottom: 20px;
}

/* ---- PAGE DISCOGRAPHIE ---- */

#disco{
background:url(discographie/img/fond.gif) right top no-repeat;
}
#BodyPochettes {
background: #d0cddc url(discographie/img/fond-pochettes.gif) left top repeat-y;
}

#TitrePochettes {
background: #d0cddc url(discographie/img/titre-pochettes.gif) left top no-repeat;
width: 194px;
height :355px;
}

#pochettes {
width: 450px;
}

#Pochettes img {
float: left;
margin: 20px;
border: 0;

}
#Pochettes p {
text-align:center;
}


.ImgDisco {
margin: 20px;
float:left;
width:200px;
height:151px;
}
/* LISTE POCHETTES */
ul.ListePochettes {
list-style-type: none;
margin: 0 0 0 20px;
padding:20px 0 0 0;

}

.ListePochettes li {
float:left;
background-color:transparent;
width: 230px;
height: 160px;
}

#disco p {
text-align:center;
font-size: 0.6em;
}


/* --- lien disco --- */
#disco a {
color: #333366;
text-decoration:none;
font:  normal 1em Verdana, Arial, Helvetica, sans-serif;
}


#disco a:hover {
color: #333366;
text-decoration:underline;
font:  normal 1em Verdana, Arial, Helvetica, sans-serif;
}

/*            #############               PAGE PHOTOS               ###############               */

ul#ListePhotos, ul#ListePhotosNew{
list-style-type: none;
margin: 0 0 0 20px;
padding:20px 0 0 0;
clear:both;
}

#ListePhotos li, #ListePhotosNew li {
float:left;
background-color:transparent;
width: 140px;
height: 150px;
}

ul#ListePhotos li p, ul#ListePhotosNew li p  {
font: normal 0.6em Verdana, sans-serif;
color: #333366;
}






/*            ---------------             FIN PAGE PHOTOS              ----------------          */



/*            #############               PAGE CONTACT               ###############               */

.FormPerso {
border: 1px  solid #ffffff;
background: #d0cddc;
color: #333366;

}

select {background: #d0cddc;
color: #333366;
border: 1px  solid #ffffff;
}

option {
background: #d0cddc;
}


.FormPersoText {
border: 1px  solid #ffffff;
background: #d0cddc;
color: #333366;
}
#FormContact p{
font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

#BoutonSubmit {
border: 1px  solid #333366;
background: #d0cddc;
color: #333366;
}


/*            --------------        FIN PAGE CONTACT               ----------------          */