/* BASICS */
body { margin:0px; padding:0px; background-position:center top; }
table { border-collapse:collapse; }
td, div { font-family:sans-serif; font-size:12px; color:#222; letter-spacing: 1px; }
td { vertical-align:top; }
div { }
img { border:0px; }

/* MAIN */
#mainContener { width:100%; top:100%; margin-top:30px; }
#mainTable { border:15px #000 solid; margin-left:auto; margin-right:auto; background-color:#fff; height:700px; }
#mainTable td {}
#mainScreen { width:800px; background-image:url(../images/screenBG01.jpg); background-position:bottom; background-repeat:no-repeat; }
#middleScreen { width:600px; height:700px; border-right:1px #ddd solid; }
#rightScreen { width:200px; }
#mainMenu { width:200px; border-right:1px #ddd solid; background-image:url(../images/menu03.jpg); background-position:bottom; background-repeat:no-repeat; }
#mainMenu div.menuElement { text-align:right; margin-right:10px; border-bottom:1px #ddd solid; padding-bottom:2px; }
#mainMenu div a { color:#222; font-size:16px; text-decoration:none; letter-spacing: 2px; font-family:georgia,Arial; }
#mainMenu div a:hover { color:#C90; }
#mainMenu #menuAccueil { margin-top:15px; }
.titre01 { letter-spacing: 10px; font-size:16px; font-family:georgia,Arial; }
.overed { font-size:20px; }
.tiret01 { width:4px; height:27px; background-image:url(../images/tiret01.gif); }
.tiret02 { width:34px; height:35px; background-image:url(../images/tiret02.gif); }
.tiret03 { width:37px; height:10px; background-image:url(../images/tiret03.gif); }
.clearBoth { clear:both; }
#credits { font-size:10px; color:#000; text-align:center; }
#credits a { color:#000; text-decoration:none; }
#credits a:hover { text-decoration:underline; }
.historyBack { margin:20px 0px 10px 150px; }
.historyBack a { color:#aaa; font-size:14px; text-decoration:none; letter-spacing: 2px; font-family:georgia,Arial; }
.historyBack a:hover { color:#C90; }
.texte { padding-right:10px; }
.texte a { color:#C90; text-decoration:none; }
.texte a:hover { text-decoration:underline; }
.socialisation { margin: 20px 0 0 30px; }
.socialisation .twitter { }
.socialisation .facebook { }

/* INDEX */
#indexMainScreen { width:800px; padding-top:80px; }
#indexMainScreen #texteAccueil { text-align:right; margin-right:15px; }
#indexMainScreen #boutonEntrer { text-align:right; margin-right:15px; margin-top:50px; }
#indexMainScreen #boutonEntrer a { font-size:35px; text-decoration:none; color:#222; }
#indexMainScreen #boutonEntrer a:hover { color:#C90; }
#indexMainScreen #tiret01 { margin-left: 700px; margin-top:20px; }
#indexMainScreen #tiret02 { margin-left: 200px; margin-top:20px; }

/* HOME */

/* ACCUEIL */
#accueil #titre01 { margin-top:40px; }
#accueil #titre02 { margin-bottom:20px; margin-top:10px; }
#accueil #titre03 { margin-bottom:20px; margin-top:20px; }
#accueil #tiret01 { margin-left:450px; }
#accueil #tiret02 { margin-left:450px; }
#accueil #illustration01 { float:left; padding-right:15px; }
#accueil #illustration02 { float:left; padding-right:30px; padding-left:85px; padding-top:25px; }
#accueil #texte { padding-top:20px; margin-right:50px; padding-left:200px; }
#accueil .actu { padding:3px; }
#accueil .actu:hover { background-color:#eee; }
#accueil .actu .date { font-family:georgia,Arial; color:#aaa; border-bottom:1px #ddd solid; }
#accueil .actu .titre { font-size:14px; color:#C90; }
#accueil .actu .texte { margin-bottom:10px; color:#666; }
#accueil .actu .texte span { color:#aaa; }
#accueil .contact { padding:3px; color:#666; }
#accueil .contact a { color:#666; text-decoration:none; }
#accueil .contact a:hover { color:#C90; }

/* PRESENTATION */
#presentation { position:relative; }
#presentation #illustration01 { float:left; }
#presentation #illustration02 { margin-left:300px; }
#presentation #titre01 { padding-top:30px; }
#presentation .texte { margin:50px; width:500px; float:left; }
#presentation #tiret01 { position:absolute; top:300px; right:80px; }

/* AGENDA */
#agenda { }
#agenda #titre01 { margin:0px 0px 30px 30px; }
#agenda .menuAgenda { margin:0px 0px 15px 30px; color:#000; border-bottom:1px #ddd solid; }
#agenda .menuAgenda a { font-family:georgia,Arial; color:#000; text-decoration:none; }
#agenda .menuAgenda a:hover { color:#C90; }
#agenda #tiret01 { margin-left:600px; }
#agenda #tiret02 { margin-left:300px; }
#agenda .actu { margin: 0px 30px 0px 30px; }
#agenda .actu:hover { background-color:#eee; }
#agenda .actu .date { font-family:georgia,Arial; font-size:36px; color:#222; border-bottom:1px #ddd solid; margin-bottom:5px; padding-left:30px; }
#agenda .actu .titre { font-size:18px; color:#C90; padding-left:30px; }
#agenda .actu .texte { padding-left:150px; }
#agenda .actu .texte span { color:#aaa; }
#agenda .actu .photo { margin:10px; }
#agenda .actu .photo img { border:10px #222 solid; }

/* ACTUALITES */
#rubrique { }
#rubrique #titre01 { margin:0px 0px 30px 30px; }
#rubrique #titre02 { margin-bottom:20px; margin-top:10px; }
#rubrique #titre03 { margin-bottom:20px; margin-top:20px; }
#rubrique #tiret01 { margin-left:400px; }
#rubrique #tiret02 { margin-left:300px; }
#rubrique .actu { margin: 0px 30px 0px 30px; }
#rubrique .actu:hover { background-color:#eee; }
#rubrique .actu .date { font-family:georgia,Arial; font-size:36px; color:#222; border-bottom:1px #ddd solid; margin-bottom:5px; padding-left:30px; }
#rubrique .actu .titre { font-size:18px; color:#C90; padding-left:30px; }
#rubrique .actu .texte { padding-left:50px; }
#rubrique .actu .texte span { color:#aaa; }
#rubrique .actu .photo { margin:10px; }
#rubrique .actu .photo img { border:10px #222 solid; }
#rubrique .navigation { display:none; font-size:22px; margin-left:auto; margin-right:auto; width:100px; color:#aaa; }
#rubrique .navigation a { font-size:22px; color:#aaa; text-decoration:none; }
#rubrique .navigation a:hover { color:#C90; }
#rubrique .artiste { display:none; padding-bottom:5px; }
#rubrique .artiste:hover { background-color:#eee; }
#rubrique .artiste .photo { float:left; width:85px; padding-right:5px; text-align:right; }
#rubrique .artiste .photo img { height:45px; margin:2px 4px 2px 0px; border:2px #222 solid; }
#rubrique .artiste .titre { font-size:10px; color:#C90; }
#rubrique .revueDePresse { padding:3px; }
#rubrique .revueDePresse:hover { background-color:#eee; }
#rubrique .revueDePresse .date { font-family:georgia,Arial; color:#aaa; border-bottom:1px #ddd solid; }
#rubrique .revueDePresse .titre { font-size:14px; color:#C90; }
#rubrique .revueDePresse .texte { margin-bottom:10px; color:#666; }
#rubrique .revueDePresse .texte span { color:#aaa; }

/* ARTISTES */
#artistes { }
#artistes #titre01 { margin:0px 0px 30px 30px; }
#artistes .menuArtistes { margin:0px 0px 15px 30px; color:#000; border-bottom:1px #ddd solid; }
#artistes .menuArtistes a { font-family:georgia,Arial; color:#000; text-decoration:none; }
#artistes .menuArtistes a:hover { color:#C90; }
#artistes #tiret01 { margin-left:600px; }
#artistes #tiret02 { margin-left:300px; }
#artistes .artiste { margin: 0px 30px 0px 30px; }
#artistes .artiste:hover { background-color:#eee; }
#artistes .artiste .rubrique { font-family:georgia,Arial; color:#aaa; padding-left:45px; }
#artistes .artiste .titre { font-size:18px; color:#C90; padding-left:30px; }
#artistes .artiste .texte { padding-left:150px; }
#artistes .artiste .texte span { color:#aaa; }
#artistes .artiste .photo { margin:10px; }
#artistes .artiste .photo img { border:10px #222 solid; }

/* FICHE ACTUALITE */
#ficheActualite { }
#ficheActualite #titre01 { margin:0px 0px 30px 30px; }
#ficheActualite #titre02 { margin-bottom:20px; margin-top:10px; }
#ficheActualite #titre03 { margin-bottom:20px; margin-top:20px; }
#ficheActualite .filAriane { font-family:georgia,Arial; color:#aaa; font-size:18px; padding:0 0 15px 45px; }
#ficheActualite .filAriane a { font-family:georgia,Arial; color:#aaa; font-size:18px; text-decoration:none; }
#ficheActualite .filAriane a:hover { color:#C90; }
#ficheActualite #tiret01 { margin-left:400px; }
#ficheActualite #tiret02 { margin-left:300px; }
#ficheActualite .main .date { font-family:georgia,Arial; font-size:36px; color:#222; border-bottom:1px #ddd solid; margin-bottom:5px; padding-left:30px; }
#ficheActualite .main .titre { font-size:18px; color:#C90; padding-left:30px; }
#ficheActualite .main .texte { padding-left:50px; }
#ficheActualite .main .photo { margin:10px; float:right; }
#ficheActualite .main .photo img { border:10px #222 solid; }
#ficheActualite .main .video { margin-top:30px; }
#ficheActualite .main .pj div { padding:25px 0px 0px 50px; font-family:georgia,Arial; font-size:14px; color:#222; }
#ficheActualite .main .pj a { font-family:georgia,Arial; font-size:14px; text-decoration:none; color:#222; }
#ficheActualite .main .pj a:hover { color:#C90; }
#ficheActualite .artiste:hover { background-color:#eee; }
#ficheActualite .artiste .photo { float:left; }
#ficheActualite .artiste .photo img { width:65px; margin:2px 4px 2px 0px; border:2px #222 solid; }
#ficheActualite .artiste .titre { font-size:12px; color:#C90; padding-bottom:10px; }
#ficheActualite .actu { padding:3px; }
#ficheActualite .actu:hover { background-color:#eee; }
#ficheActualite .actu .date { font-family:georgia,Arial; color:#aaa; border-bottom:1px #ddd solid; }
#ficheActualite .actu .titre { font-size:14px; color:#C90; }
#ficheActualite .actu .texte { margin-bottom:10px; color:#666; }
#ficheActualite .actu .texte span { color:#aaa; }

/* FICHE ARTISTE */
#ficheArtiste { }
#ficheArtiste #titre01 { margin:0px 0px 30px 30px; }
#ficheArtiste #titre02 { margin-bottom:20px; margin-top:10px; }
#ficheArtiste #titre03 { margin-bottom:20px; margin-top:20px; }
#ficheArtiste .filAriane { font-family:georgia,Arial; color:#aaa; font-size:18px; padding:0 0 15px 45px; }
#ficheArtiste .filAriane a { font-family:georgia,Arial; color:#aaa; font-size:18px; text-decoration:none; }
#ficheArtiste .filAriane a:hover { color:#C90; }
#ficheArtiste #tiret01 { margin-left:400px; }
#ficheArtiste #tiret02 { margin-left:300px; }
#ficheArtiste .main .titre { font-family:georgia,Arial; font-size:36px; color:#222; border-bottom:1px #ddd solid; margin-bottom:25px; padding-left:30px; }
#ficheArtiste .main .texte { padding-left:50px; }
#ficheArtiste .main .photo { margin:25px; float:left; }
#ficheArtiste .main .photo img { border:10px #222 solid; }
#ficheArtiste .main .email { padding:25px 0px 0px 50px; font-family:georgia,Arial; font-size:14px; color:#222; }
#ficheArtiste .main .email a { font-family:georgia,Arial; font-size:14px; text-decoration:none; color:#222; }
#ficheArtiste .main .email a:hover { color:#C90; }
#ficheArtiste .main .siteWeb { padding:25px 0px 0px 50px; font-family:georgia,Arial; font-size:14px; color:#222; }
#ficheArtiste .main .siteWeb a { font-family:georgia,Arial; font-size:14px; text-decoration:none; color:#222; }
#ficheArtiste .main .siteWeb a:hover { color:#C90; }
#ficheArtiste .actu { padding:3px; }
#ficheArtiste .actu:hover { background-color:#eee; }
#ficheArtiste .actu .date { font-family:georgia,Arial; color:#aaa; border-bottom:1px #ddd solid; }
#ficheArtiste .actu .titre { font-size:14px; color:#C90; }
#ficheArtiste .actu .texte { margin-bottom:10px; color:#666; }
#ficheArtiste .actu .texte span { color:#aaa; }
#ficheArtiste .revueDePresse { padding:3px; }
#ficheArtiste .revueDePresse:hover { background-color:#eee; }
#ficheArtiste .revueDePresse .date { font-family:georgia,Arial; color:#aaa; border-bottom:1px #ddd solid; }
#ficheArtiste .revueDePresse .titre { font-size:14px; color:#C90; }
#ficheArtiste .revueDePresse .texte { margin-bottom:10px; color:#666; }
#ficheArtiste .revueDePresse .texte span { color:#aaa; }
#ficheArtiste .main .titreGalerie { font-size:18px; color:#222; font-family:georgia,Arial; padding-left:30px; border-bottom:1px #ddd solid; margin-bottom:25px; margin-top:25px }
#ficheArtiste .main .galerieElement { float:left; margin:2px; }
#ficheArtiste .main .galerieElement img { border:5px #222 solid; height:75px; }

/* REVUES DE PRESSE */
#revueDePresse { }
#revueDePresse #titre01 { margin:0px 0px 30px 30px; }
#revueDePresse .menuRevueDePresse { margin:0px 0px 15px 30px; color:#000; border-bottom:1px #ddd solid; }
#revueDePresse .menuRevueDePresse a { font-family:georgia,Arial; color:#000; text-decoration:none; }
#revueDePresse .menuRevueDePresse a:hover { color:#C90; }
#revueDePresse #tiret01 { margin-left:600px; }
#revueDePresse #tiret02 { margin-left:300px; }
#revueDePresse .actu { margin: 0px 30px 0px 30px; }
#revueDePresse .actu:hover { background-color:#eee; }
#revueDePresse .actu .date { font-family:georgia,Arial; font-size:36px; color:#222; border-bottom:1px #ddd solid; margin-bottom:5px; padding-left:30px; }
#revueDePresse .actu .titre { font-size:18px; color:#C90; padding-left:30px; }
#revueDePresse .actu .texte { padding-left:150px; }
#revueDePresse .actu .texte span { color:#aaa; }
#revueDePresse .actu .photo { margin:10px; }
#revueDePresse .actu .photo img { border:10px #222 solid; }

/* LIENS */
#liens { }
#liens #titre01 { margin:0px 0px 30px 30px; }
#liens #tiret01 { margin-left:600px; }
#liens #tiret02 { margin-left:300px; }
#liens .lien { margin: 0px 30px 10px 30px; padding-bottom:15px; border-bottom:1px #ddd solid; }
#liens .lien:hover { background-color:#eee; }
#liens .lien .titre { font-size:18px; color:#C90; padding-left:30px; }
#liens .lien .texte { padding-left:150px; }
#liens .lien .siteWeb { padding-left:150px; font-family:georgia,Arial; font-size:16px; color:#222; margin-top:10px; }

/* ARCHIVES */
#archives { }
#archives #titre01 { margin:0px 0px 30px 30px; }
#archives #tiret01 { margin-left:600px; }
#archives #tiret02 { margin-left:300px; }
#archives .archive { margin: 0px 30px 0px 30px; }
#archives .archive:hover { background-color:#eee; }
#archives .archive div { }


/* IMAGE BOX*/
#ImageBoxOverlay
{
	background-color: #000;
	z-index: 1000;
}
#ImageBoxOuterContainer{
	z-index: 1000;
}
#ImageBoxCaption
{
	background-color: #000;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #000;
}
#ImageBoxCaptionText
{ padding-bottom: 5px; font-size: 12px; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }
#ImageBoxCaptionImages
{ color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; margin: 0; }
#ImageBoxNextImage
{
	background-image: url(../images/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(../images/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/next_image.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/prev_image.gif);
	background-repeat:	no-repeat;
	background-position: left center;
}