/* CSS Document */
html, body { height: 100%; margin: 0; padding: 0; text-align: center; font-family:Verdana,"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:small; color:#A8633D; background-color:#000000; }
  
#base0 { display:block; text-align:center; width: 946px; margin: 0 auto 0 auto; }
#base1 { display:block; text-align:left; width: 838px; margin: 0 auto 0 auto; }
#base { width: 836px; margin: 0 auto 0 auto; padding-top:1em; }
#base-accueil { width: 836px; margin: 0 auto 0 auto; padding-top:1em; border-left: 1px solid #592F13; border-right: 1px solid #592F13; }
#cachemenu { height:0; visibility:hidden;}

#menu-fond { background-image:url(images/menu/fond-infiniterre.png); background-repeat:repeat-x; height:37px; border-top: 1px solid #592F13; border-bottom: 1px solid #592F13; text-align:center; width: 100%; }
#menu-liens { height:37px; text-align:center; width: 838px; margin: 0 auto 0 auto; list-style-type:none; }
#menu { list-style-type:none; margin:0; padding:0; width: 838px; }
#menu li { float:left; width:auto; }
#menu li a { display:block; }
a { text-decoration:none; }

a#ballades { background-image:url(images/menu/ballades.o.png); width:125px; height:37px; }
a:hover#ballades { background-image:url(images/menu/ballades.r.png); width:125px; height:37px; }

a#symphonies { background-image:url(images/menu/symphonies.o.png); width:150px; height:37px; }
a:hover#symphonies { background-image:url(images/menu/symphonies.r.png); width:150px; height:37px; }

a#romances { background-image:url(images/menu/romances.o.png); width:136px; height:46px; margin-top:-9px; }
a:hover#romances { background-image:url(images/menu/romances.r.png); width:136px; height:46px; margin-top:-9px; }

a#polyphonies { background-image:url(images/menu/polyphonies.o.png); width:156px; height:46px; margin-top:-9px; }
a:hover#polyphonies { background-image:url(images/menu/polyphonies.r.png); width:156px; height:46px; margin-top:-9px; }

a#traditionnels { background-image:url(images/menu/traditionnels.o.png); width:163px; height:37px; }
a:hover#traditionnels { background-image:url(images/menu/traditionnels.r.png); width:163px; height:37px; }

a#sacres { background-image:url(images/menu/sacres.o.png); width:108px; height:37px; }
a:hover#sacres { background-image:url(images/menu/sacres.r.png); width:108px; height:37px; }

#bandeau { height:100px; width:838px; margin-top:0 }
#cadre558 { margin:30px auto 20px auto; border:10px groove #D15109; padding-top:18px; width:604px; height:401px; }
#diaporama558 { margin: 0 auto 0 auto; border:5px groove #ffffff; width:558px; height:371px; }
#cadre749 { margin:30px auto 20px auto; border:10px groove #D15109; padding-top:18px; width:795px; height:374px; }
#diaporama749 { margin: 0 auto 0 auto; border:5px groove #ffffff; width:749px; height:350px; }
#cadre285 { margin:30px auto 20px auto; border:10px groove #D15109; padding-top:18px; width:604px; height:315px; }
#diaporama285 { margin: 0 auto 0 auto; border:5px groove #ffffff; width:558px; height:285px; }
.diapos { padding:2px 5px 2px 5px; }
 
/* SOUS LIENS
-------------------------------------------------------- */

#ssmenu { list-style-type:none; margin: 12px 0 18px 7px; padding:0; }
#ssmenu li { margin:30px 0 12px 0; width:auto; }

a.balades { background-image:url(images/sousmenu/balades.o.png); background-repeat:no-repeat; background-position:0 0; height:30px; padding:8px 237px 0 0; }
a:hover.balades { background-image:url(images/sousmenu/balades.r.png); background-repeat:no-repeat; background-position:0 0; height:23px; padding:8px 237px 0 0; }
a.diaporamas { background-image:url(images/sousmenu/diaporamas.o.png); background-repeat:no-repeat; background-position:37px 0; height:30px; padding:8px 153px 0 0; }
a:hover.diaporamas { background-image:url(images/sousmenu/diaporamas.r.png); background-repeat:no-repeat; background-position:37px 0; height:23px; padding:8px 153px 0 0; }
a.themes { background-image:url(images/sousmenu/themes.o.png); background-repeat:no-repeat; background-position:2px 0; height:30px; padding:8px 75px 0 0; }
a:hover.themes { background-image:url(images/sousmenu/themes.r.png); background-repeat:no-repeat; background-position:2px 0; height:23px; padding:8px 75px 0 0; }
a.navigation { background-image:url(images/sousmenu/navigation.o.png); background-repeat:no-repeat; background-position:0 0; height:30px; padding:8px 103px 0 0; }
a:hover.navigation { background-image:url(images/sousmenu/navigation.r.png); background-repeat:no-repeat; background-position:0 0; height:23px; padding:8px 103px 0 0; }
a.auteur { background-image:url(images/sousmenu/auteur.o.png); background-repeat:no-repeat; background-position:15px 0; height:30px; padding:8px 88px 0 0; }
a:hover.auteur { background-image:url(images/sousmenu/auteur.r.png); background-repeat:no-repeat; background-position:15px 0; height:23px; padding:8px 88px 0 0; }
a.premiere { background-image:url(images/sousmenu/premiere.o.png); background-repeat:no-repeat; background-position:0 0; height:30px; padding:8px 153px 0 0; }
a:hover.premiere { background-image:url(images/sousmenu/premiere.r.png); background-repeat:no-repeat; background-position:0 0; height:23px; padding:8px 153px 0 0; }
a.contact { background-image:url(images/sousmenu/contact.o.png); background-repeat:no-repeat; background-position:35px 0; height:30px; padding:8px 114px 0 0; }
a:hover.contact { background-image:url(images/sousmenu/contact.r.png); background-repeat:no-repeat; background-position:35px 0; height:23px; padding:8px 114px 0 0; }
 
/* DIVERS CONTENU
-------------------------------------------------------- */

#footer-accueil { background-color:#592F13; margin :0; color:#F24F09; text-align:center; clear:both; }
.accueil { padding:7px 5px 7px 5px; }
#footer { margin-top :30px; padding-bottom:12px; text-align:center; clear:both; }

#menudiaporam  { list-style-type:none; margin:0; padding:0; }
.separateur { padding:0 7px 0 7px; color:#FF9E1F; float:left; width:auto; }
.diaporam { float:left; list-style-type:none; width:auto; }
.diaporam a { color:#E6B208; text-decoration:none; float:left; width:auto; }
.diaporam a:hover { color:#FFCC99; }
#menuliensdebase  { list-style-type:none; margin:12px 0 0 0; padding:0; }
.separateurbase { padding:0 7px 0 7px; color:#909; float:left; width:auto; }
.liensdebase { float:left; width:auto; }
.liensdebase a { color:#93F; text-decoration:none; float:left; width:auto; }
.liensdebase a:hover { color:#63F; }

.center { text-align:center; }
.justify { text-align:justify;}
.formulaire { text-align:center; margin-left:30px}
.champ { width:200px; background-color:#C47B4F; border-color:#DC7630; }
.champMail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px ridge #DC7630; width:350px; padding-left:3px; color:#660000; text-align:center; background-color:#FFB788; margin-left:30px; }
.champTexte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; border:1px ridge #DC7630; width:350px; text-align:justify; color:#660000; padding:3px; background-color:#FFB788; margin-left:30px; }
.bouton { background-color:#FFB788; color:#660000; font-weight:bold; border-color:#DC7630; border-style:ridge; }
.alerte { color:#CC0000; }
.souligne { color:#FF9E1F; }
.rouge { color:#FF0000;}
.retrait{ margin:0 0 12px 8px; padding:0; }
.gras{ margin:0 0 12px 8px; padding:0; color:#F24F09; }
.note { margin:4px 0 12px 3px; padding:0; font-style:italic; }
.titre { font-weight:bold; font-variant:small-caps; color:#CC6600; }
.musique { color:#FF9E1F; font-style:italic; }
.browser { margin:4px 0 12px 3px; padding:0; font-style:italic; }
a { text-decoration:none; color:#FF9E1F; }
a:hover { color:#F24F09;}

#gauche { float: left; width: 352px; padding:0 12px 0 10px; margin:0; text-align:justify; }
#droite { margin-left:374px; width: 430px; padding:30px 0 7px 0; text-align:justify; }