
/***
HOMEPAGE
*/
.Homepage { position:relative; top:-18px; }
.Homepage .ContenuHome { position:relative; top:110px; left:28px; ,}
.RepertoireHome, .ZoomHome, .ChartisteHome { height:600px; }
html>body .RepertoireHome, .ZoomHome, .ChartisteHome { min-height:550px; height:auto; }

.RepertoireHome { background:url('../image/home/repertoire.png') no-repeat; width:175px; margin-right:23px; color:#383427; text-transform:uppercase; }
.RepertoireHome .ContenuHome  { width:150px; }
.RepertoireHome a { color:#fd0065; text-decoration:none; }
.RepertoireHome a:hover { text-decoration:underline; }
.RepertoireHome h2 { font-size:1.6em; }
.RepertoireHome h3 { font-size:1em;  font-weight:normal; }
.RepertoireHome .Chapo { font-size:1.4em; margin-top:10px; font-weight:bold; }
.RepertoireHome p { color:#d3165a; margin-top:10px; }

.ZoomHome { background:url('../image/home/zoom.png') no-repeat; width:403px; margin-right:25px; }
.ZoomHome .ContenuHome  { width:350px; left:20px; font-size:1.2em; color:#383427; }

.ChartisteHome .ContenuHome { left:5px; }
.ChartisteHome { background:url('../image/home/chartiste.png')  no-repeat; width:195px; }
.ChartisteHome h3 { color:#ff7200;font-size:1em; }
.ChartisteHome ul { list-style:none; width:170px;  }
.ChartisteHome li { margin-top:10px; text-transform:uppercase; }
.ChartisteHome li h2 { font-size:1em; color:#383427; }
.ChartisteHome li h2 a { color:#383427; text-decoration:none; }
.ChartisteHome li h2 a:hover { color:#ff7200;  }
.ChartisteHome li h3 { font-size:1em; color:#999175; }


/**** ALPHABET */
.Alphabet { background:url('../image/fond/fond.alphabet.gif') no-repeat; padding:10px 0; }
.Alphabet ul { list-style:none; }
.Alphabet li { display:inline;margin-right:2px; }


/** LISTE DES AUTEURS & ILLUSTRATEURS  */
.Liste { margin-top:10px; position:relative; width:724px; height:504px; padding-left:120px; padding-top:50px; }
.Liste { background:url('../image/fond/fond.liste.repertoire.gif') no-repeat; }
html>body .Liste { min-height:504px; height:auto; }

.Liste .Lettrine { position:absolute; left:30px; top:40px; }
.Liste .ListeArticle {}
.Liste .ListeArticle li { list-style:none; color:#383427; margin-top:5px;  }
.Liste .ListeArticle .ListeArticleAuteur { width:280px; text-align:right; margin-right:40px; text-transform:lowercase; } 
.Liste .ListeArticle .ListeArticleAuteur span { text-transform:capitalize; }
.Liste .ListeArticle a { color:#383427; text-decoration:none; font-weight:bold; }
.Liste .ListeArticle a:hover { color:#fd0065; }

.Liste .Pagination { text-align:center; width:590px; }
.Liste .Pagination ul { list-style:none; }
.Liste .Pagination li { display:inline; font-weight:bold; color:#f60261; margin-right:5px; }
.Liste .Pagination li a { color:#000; text-decoration:none; }
.Liste .Pagination li a:hover { text-decoration:underline; }


.Liste .ListeArticleType { text-transform:lowercase; }
.Liste .ListeArticleType span { text-transform:uppercase; }

.SecondNav { text-align:center; margin-top:10px; margin-bottom:5px; }
.SecondNav ul { list-style:none; margin:auto; }
.SecondNav li { display:inline; margin-right:5px; }
.SecondNav li a { color:#87816e; font-size:13px; text-decoration:none;   }
.SecondNav li a:hover { color:#fd0065; }
.SecondNav li a.Selected { color:#fd0065; }


/*** FICHE ARTISTE & ILLUSTRATEURS */

.FicheArtiste { background:url('../image/fond/fond.fiche.artiste.gif') no-repeat; height:151px; width:832px; }
.FicheArtiste { position:relative; right:8px; color:#3e3b2e; }
html>body .FicheArtiste { min-height:151px; height:auto; }

.FicheArtiste a { color:#f60261;text-decoration:none;  font-weight:bold; }
.FicheArtiste a:hover { text-decoration:underline;}
.FicheArtiste .Artiste { width:270px; margin:20px 0 0 30px; }
.FicheArtiste .Artiste .Illustration {
margin-right:5px; background:url('../image/fond/fond.illustration.png') no-repeat; width:127px; height:127px; 
text-align:center; padding-top:8px; 
}

.FicheArtiste .ArtisteType h2 { font-size:1.6em; color:#6d654e; font-weight:normal; text-transform:uppercase; margin-bottom:10px; }
.FicheArtiste .ArtisteType h2 span { color:#f60261; display:block; }
.FicheArtiste .ArtisteType h3 { text-transform:uppercase; font-size:1.4em; color:#6d654e; }


.Galerie { width:288px; margin:20px 20px 15px 10px; padding-top:30px; background:url('../image/fond/diaporama.header.png') no-repeat; }
.Galerie li { list-style:none; width:280px; height:280px; display:none;text-align:center; }

.Biographie { margin-top:30px; color:#847d64; width:200px; }
.Biographie p { padding-right:10px; }

.Biblio { margin:20px 0 15px 30px; }
.Biblio ul { list-style:none; display:none; }
.Biblio .ListeLivre li { width:560px;background:url('../image/fond/fond.pochette.png') repeat-y #eee0b6; height:170px; margin-top:10px; padding-bottom:15px;  }
html>body .Biblio .ListeLivre li { min-height:170px; height:auto; }

.Biblio li .LivreInfo { width:277px; text-align:center;  }
.Biblio .LivreInfo h2 { font-size:1.1em; text-transform:uppercase; margin:10px 0 10px 0; padding:0 10px 0 10px; }
.Biblio .InfoLivre { margin-top:20px; }

.Biblio .Pochette { width:281px; text-align:center; height:125px; padding-top:10px; }
.Biblio .Pochette img { border:1px solid #FFF; }

.Rencontre { margin-top:20px; width:201px; }
.Rencontre h3 { color:#3e3b2e; font-size:11px; margin-bottom:10px; margin-top:10px; }
.Rencontre ul { list-style:none; color:#87816e; margin-bottom:10px; }
.Rencontre li { padding-left:15px; margin-top:3px; }
.Rencontre .StatutRon { background:url('../image/picto/on.png') no-repeat 0 3px; }
.Rencontre .StatutRoff { background:url('../image/picto/off.png') no-repeat 0 3px; } 


.Pagination ul { display:block; margin-top:10px; }
.Pagination li { display:inline; margin-right:5px;  color:#87816e; font-size:13px; }
.Pagination li a { color:#87816e; font-size:13px;   }
.Pagination li a:hover { color:#fd0065; text-decoration:none; }
.Pagination .Selected a { color:#fd0065; }

/***
PAGE RECHERCHE
*/

.Recherche { 
background:url('../image/fond/fond.recherche.png') no-repeat;
width:788px;
height:250px;
margin-bottom:15px;
margin-left:11px;
}
html>body .Recherche { 
min-height:250px;
height:auto;
}

.ConteneurRecherche {
margin-top:15px;
margin-left:23px;
}
.ConteneurRecherche h2 { margin-left:15px; color:#999585; font-size:1.1em; margin-bottom:15px; }
.ConteneurRecherche span { color:#000; }

.RechercheResult { background:url('../image/fond/fond.recherche.result.png') #efece2 no-repeat; width:740px; height:150px; }
html>body .RechercheResult { min-height:150px; height:auto; }
.RechercheFooter { background:url('../image/fond/fond.recherche.result.footer.png') no-repeat; width:740px; height:20px; }

.RechercheResult .Notice { margin:10px 0 0 20px; font-size:1.1em; font-weight:bold; }
.RechercheResult ul { margin:10px 0 0 20px; list-style:none; }
.RechercheResult li a { color:#fd0065; text-decoration:none; }
.RechercheResult li a:hover { text-decoration:underline; }
.RechercheResult li h2 { background:url('../image/picto/point.png') no-repeat; padding-left:15px; }

.Droite { width:201px; position:relative; right:10px; }


/*** PAGE NORMALE ***/
.Page h1 { background:url('../image/fond/fond.titre.page.jpg') no-repeat; width:820px; height:50px; font-size:20px; }
.Page h1 { color:#fd0065; text-transform:uppercase; font-weight:normal; }
.Page h1 span { position:relative; top:11px; left:15px; }
.Page .PageFond { background:url('../image/fond/page.jpg') no-repeat;  width:820px; height:400px; padding:30px 0px 0 50px; }
html>body .Page .PageFond { min-height:600px; height:auto; }
.Page h2 { color:#5f543e; text-transform:uppercase; font-size:16px; margin-bottom:10px; }
.Page .Description { margin-bottom:25px; width:500px; }
.Page ul { list-style:none; margin-left:25px; }
.Page li { background:url('../image/picto/on.png') no-repeat 0 3px; padding-left:15px; width:650px; color:#5f543e; margin-bottom:10px; }


.BAussi p { margin-top:10px; }
