/* CSS Document */

body {
margin: 0px;
padding: 0px;
color:#FFCC99;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-color:#660000;
background-image: url(https://cyril-diederich.com/v8a/images/degrade.gif); /* Affichage local */
background-image: url(images/degrade.gif); /* Affichage en ligne */
background-repeat: repeat-x;
background-position: top left;
}
	
p {	
padding-left: 30px;
padding-top: -10px;
}

a		       	{text-decoration:none; color: #FF9966;}
a:link 	  	{text-decoration:none; color: #FFCC99;}
a:visited 	{text-decoration:none; color: #FFCC99;}
a:hover		  {text-decoration:underline; color:#FFCC99;}
a:active  	{text-decoration:underline; color:#FF9966;}

/* Font Definitions */

h1	/* Titre g�n�ral */ {
color:#FFCC99;
font-family:'Garamond', 'Georgia', Times New Roman, Times, serif;
font-size:3.1em;
font-weight:lighter;
letter-spacing:.35em;
line-height:.9em;
text-align:center;
padding-top:3px;
margin-top:3px;
margin-bottom:5px; /* N�cessaire pour faire appara�tre la queue du Y du titre
 en sur�paisseur sur le titre page dans MSIE 6*/
}	
	
h2	/* Titres de page */ { 
text-align:left;
font-size:13px;
font-weight: bold;
letter-spacing:.2em;
line-height:1.3em;
width:auto;
color:#FF9966;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
margin:.5em;
margin-left:0px;
}

h3	{ font-size:1em;	font-style:italic; font-weight:normal;	color:#FF9966; letter-spacing:.065em; line-height:1.5em; padding-left:80px; } /* Utilis� pour les oeuvres et compositeurs */
h4	{ font-size:1em; font-weight:bold; padding-left:40px; padding-top:20px;} /* Utilis� pour les noms de lieux et les dates*/
h5	{ font-size:1em; font-weight:bold; color:#FF9966; padding-top:3px; margin-bottom:.5em; }  /* Utilis� pour les noms de personnes (Contacts) */
h6	{ font-size:.8em; } /* Utilis� pour les recommandations */

blockquote /* Pour le corps des citations */ {
font-family:'Garamond', 'Georgia', Times New Roman, Times, serif;
font-size:1.05em;
/* font-style:italic; */
font-weight:normal;
text-align:justify;
text-indent:20px;
line-height:1.5em;
letter-spacing:.065em;
margin-left:60px;
width:430px;
color:#FFCC99;
}
/*	Fin des red�finitions  de balises	*/

/*	D�claration des classes:	*/
.Reference /* Pour les r�f�rences des citations */ {
text-indent:-50px;
text-align:right;
font-size: 0.8em;
font-style:normal;
font-weight:bold;
padding-right:inherit;
padding-top:2.5em;
margin-top:-25px;
margin-bottom:50px;
color: #FFCC99;
/* max-width:920px; */
}

.Signature /* Pour la signature d'Alain Duault */ {
text-indent:-100px;
text-align:right;
font-size:.8em;
font-style:normal;
font-weight:bold;
padding-right:40px;
padding-top:50px;
margin-top:-25px;
margin-bottom:50px;
color: #FFCC99;
max-width:920px;
}

.Normal /* Pour renversement du style de fonte sur une partie du texte dans un bloc en italiques */ {
font-style:normal;
}

.Representation   /* Pour chaque spectacle des pages Agenda  */ {
color:#FFCC99;
font-style:normal;
font-weight:normal;
font-size:.8em;
padding-left:20px;
margin-left:100px;
}
.PSO   /* Pour le PSO  */ {
color:#FFCC99;
font-style:normal;
font-weight:normal;
padding-left: 0px;
width:240px;
margin-left:80px;
}
.FlecheHautDePage {
width:24px;
height:24px;
padding:2em ;
margin:0px;
border:none;
}

/* Section Discographie */
#Tableau {
text-align:center;
width:790px;
margin-top:-120px;
margin-left:100px; 
}

.Cellule {
height:270px;
text-align:left;
vertical-align:bottom;
/* font-size:.9em; */
}

.Howto {
font-weight:normal;
font-style:italic;
font-size:.8em;
color:#FFCC99;
text-align:left;
padding-left:60px;
padding-top:20px;
padding-bottom:20px;
}

.Disque	{
text-align:left;
height:174px;;
width:230px;
margin:0px;
padding:0px;
overflow:hidden;
}

.CouvertureCD {
border:1px solid;
}

.Description	/*  Pour les CD de la Discographie  */ {
margin-left:0px;
padding-left:0px;
padding-bottom:0px;
vertical-align:text-top;
overflow:hidden;

}

.Interpr�tes {
font-size:.8em;
}


.LogoMarchand /*  Pour les div des logos  */ {
margin:0px;
padding:0px;
height:auto;
text-align:right;
}

.video /* Pour les images indiquant les vid�os */ {
margin-bottom:0px;
padding:0px; 
height:auto;
text-align:left;
}

.ImageDroite {
	float:right; border:0px; margin-left:40px; margin-bottom:10px; width:550px; height:auto;
}

.ImageGauche {
	float:left; border:0px; margin-right:40px; margin-bottom:10px; width:550px; height:auto; 
}

.ImageCentre {
	float:center; border:0px; margin-bottom:10px; width:550px; height:auto; 
}

.Logo {
	float:center; border:0px; margin-bottom:10px; margin-right: 50px; width:155px; height:auto; 
}

/* Positionnement des calques (balises DIV):*/

#Conteneur /* Centrage automatique avec fer haut horizontal */ {
position:relative;
top:0px;
left:0px;
width:990px;
height:auto;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#Banniere {
position:absolute;
top:0px;
left:0px;
margin-right:20px;
text-align:center;
width:990px;
height:210px;
background-color: #000000;
border-left:#FFCC99 1px solid;
border-right:#FFCC99 1px solid;
}

#Logo {
position:absolute;
top:0px;
left:0px;
width:990px;
height:160px;
text-align:left;
}

#TitreSite {
height:auto;
padding-left:0px;
position: absolute;
margin-bottom:0px;
width:990px;
top:115px;
left:0px;
z-index:110;
text-align:center;
}

#TitrePage	{
position:absolute;
left:0px;
top:160px;
padding:0px;
padding-left:40px;
width:950px;
height:50px;
background-color: #990000;
background-image:url(images/titre.gif);
background-repeat:repeat-x;
z-index:101; 
}

#Texte	{
width:990px;
height:auto;
text-align:left;
position:absolute;
top:210px;
left:0px;
border-left:#FFCC99 1px solid;
border-right:#FFCC99 1px solid;
border-bottom:#FFCC99 1px solid;
background-color:#000000;
overflow:hidden;  /* A cause du param�tre "italic" de la classe .Bio,
 MSIE 6 d�cale le texte sur la droite en cas de redimensionnement 
 des caract�res (zoom � la molette de souris). Ce param�tre 'overflow:hidden',
  appliqu� � la div .Texte, est la meilleure parade � ce bug. */
}

.Bio {
text-indent:20px;
padding-right:1em;
padding-top:2.5em;
margin-left:40px;
margin-right:30px;
letter-spacing:.05em; 
line-height:1.3em;
font-style:normal; 
font-size:1.1em;
font-weight:lighter;
font-family:'Garamond', 'Georgia', Times New Roman, Times, serif;
text-align:justify;
}

.HighLight {
font-size:1.1em;
letter-spacing:.2em;
} 

.Repertoire {
margin-left:20px;
margin-top:30px;
font-style:italic;
line-height:1.5em;
color:#FF9966;
}

.Compositeur {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.95em;
font-weight:bold;
font-style:normal;
margin-left:-20px;
line-height:2.5em;
color:#FFCC99;
letter-spacing:.07em;
}

#Repertoire { /* id du menu alphab�tique R�pertoire */
padding-left:60px;
font-style:italic;
font-size:1.1em;	
letter-spacing:.25em;
}

#Contacts {
width:30%;
height:auto;
float:left;
left:0px;
padding-left:50px;
padding-bottom:50px;
}

#MentionsLegales {
width:auto; 
height:auto; 
margin:10px; 
padding:10px;
text-align:left;
}
	
#PiedDePage	{
clear:both;
width:990px;
height:1.8em;
text-align:center;
background-color:#000000;
padding-top:2em;
padding-bottom:10px;
margin-top:20px;
margin-bottom:20px;
}

.Service {	
font-size:.8em;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#FFCC99;
padding-top:1.5em;
padding-bottom:1.5em
}
.Service a:link     { color:#FFCC99; text-decoration:none; }
.Service a:visited  { color:#FFCC99; text-decoration:none; }
.Service a:hover    { color:#FF9966; text-decoration:none; }
.Service a:active   { color:#FF9966; text-decoration:underline; }

/* Menu JavaScript */
#Menu { 
position:absolute;
top:10px;
left:16%; 	/* Cette valeur tient compte du padding-left du menu */
text-align:left; /*  Conserver la valeur left pour un affichage relativement centr� dans MSIE 6 */
/*	padding-left:15px;*/
text-transform:uppercase;
display:inline;
line-height: .55em;
padding-bottom:.5em;
height:auto;
width:990px; /* Une valeur fixe en pixels est la seule acceptable pour la compatibilit� avec MSIE 6 et les autres navigateurs. MSIE 7 et 8 affichent le menu en bloc vertical avec la valeur auto; . */
z-index: 150; /* Cette variable (valeur indiff�rente) sert � afficher le sous-menu dans Firefox et autres navigateurs r�cents */
}
  
/* CSS du menu horizontal, par Batiste Bieler */

.menu {  /* Menu global  */
font-family:Verdana, Aria, Helvetica, sans-serif;
font-size:.75em;
font-weight:bold;
line-height:.9em;
/* display:block; */
margin:0px;
padding:0px;
/*height:auto;*/
}
	
.menu ul { /* Menu premier niveau  */
position:absolute;
margin:0px;
padding:0px;
}
	
.menu li {
list-style:none;
/*width:95px; Largeur du premier niveau du menu, calée au maximum, pour éviter l'ascenceur horizontal dans MSIE6: ne pas toucher  */
height:auto;
display:inline;
float:left;/* Pour un menu lisible G>D: left; D>G: right; vertical: center */
margin:0px;
padding:0px;
/* text-align:left; - Facultatif: 'left' aligne verticalement le sous-menu � l'aplomb du menu p�re */
} 
	   
.menu li ul {  /* Menu deuxi�me niveau  */
visibility:hidden;
margin-top:.5em;
font-size:.95em;
padding-left:.3em;
}

.menu li li ul {
position:absolute;
/*margin-top:-15px;  Valeurs pour un affichage du troisi�me niveau � droite du deuxi�me niveau: sinon, superposition: ne pas toucher  */
}
	   
.menu li li { /* Pour l'espacement vertical des items du sous-menu, principalement dans MSIE 7/8  */
display:block;
float:none;
}
    
/* Correction d'un petit bug de MSIE */
* html .menu li li{
display:block;
}
	
* html .menu ul li ul li {
line-height:.6em;
margin-top:3px;	
padding-bottom:1px;
}	

.menu a {
text-align:left;
background-color:inherit;
color:#FFCC99;
display:block;
width:auto;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:.1em;	
padding-bottom:.1em;
}
    
.menu a:hover {
background-color:inherit;
text-decoration:none;
color:#FF9966;
/* border:1px #aaa solid; */
}
	   
/* for a mozilla better display with key nav */
.menu a:focus { background-color:inherit; }

a.linkOver { background-color:inherit;  }