/* feuille de styles page Women Folk ---- création Michau Roger*/


body {background-color: #abcdef;
background-image:url(womenfolk/fondbleu.jpg);
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#663300;
font-size:15px}

#titre {width:100%;
display:inline;} /* boite titre de la page */

#pressbook {width:100%}

#corps {width:100%; /* boite de travail, largeur de la page */
float:right;}

#calendarright{float:right; /* division droite pour eloigner calendrier du bord droit */
width:20%;}

#calendar {background-image:url(womenfolk/WFfond1.jpg); /* boite du calendrier de la tournée */
background-repeat:no-repeat;
height:365px;
width:550px;
border-style:solid;
border-width:2px;
border-color:#789abc;
float:right;}


#corpstexte {/* texte largeur de page */
width:95%;
margin-top:10px;
margin-bottom:10px;
margin-left:2%;
margin-right:2%;
text-align:justify;
font-style:italic;
font-weight:bold;
font-size:1em}


#textesuperpose {/*position:relative; /* teste superposé à une photo ( partie calendrier) */
float:left;
color:#663300;
height:auto;
width:440px;
margin-left:40px;
margin-top:50px;}

#foot { /* pied de la page, en dessous du bandeau deroulant  */
position:absolute;
top:1280px;
width:100%;
height:auto;}

                      /* ---------------------- debut traitemant survol de la sourie pour ouverture texte span -------------- */
a:hover {border-bottom: 0px}/* indispensable pour IE seulement */ 
a span {display:none ; /* cache les <span> (texte en couleur sur le coté) placés dans un lien <a> */
text-decoration:none ;/* supprime le soulignement du texte <span> */
color:#CC0000 ; /* couleur de txte span */
font-size:0.8em;
text-align:left;
text-indent:0;
width:150px;} /* largeur de la ligne span */
a:hover span/* Montre le texte <span> lors du survol */ 
 {display: block; 
position: absolute; /* envoi le texte <span> dans une zone précise de l'écran */
top:inherit; 
left: 82%;} /* position horizontale du span */
                   /*-------------------- fin traitemant survol de la sourie ------------------------------ */


                /*--------------------- Lightbox ouverture page photo prees book ---------------------------*/
#lightbox{
    background-color:#eee;
    padding: 5px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;}
#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;}
#closeButton{ top: 5px; right: 5px; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(womenfolk/overlay.png);
width:95%;
height:95% }
* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="womenfolk/overlay.png", sizingMethod="scale");}
	
                         /*------------------------ fin lightbox ------------------------*/





                  /* -----------------------debut css bandeau pour galerie defilante -------------------------------- */

 #header {
 width:100%; }  


#gal {position:absolute;
overflow:hidden;
top:1105px;
height:150px;
width:100%;
background-color:#000000;}

#galery1, #galery2{
	white-space:nowrap;
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
	height: 150px;}

#galery1 li, #galery2 li, #nav li {
display:inline;
margin:0;
padding:0;
margin-right:-0.28em;}

#frisehaut {
margin:0;
position:absolute;
top :1100px;
z-index:4;
width:100%;
height:25px;/* largeur de la bande support des fleurs */
background-image:url(womenfolk/bandeau/fleurhaut.png);
background-repeat:repeat-x;
padding:0;
overflow:visible;}

#frisebas {
margin:0;
line-height:50px;
position:absolute;
top :1237px;
z-index:4;
width:100%;
height:25px; /* largeur de la bande support des fleurs */
background-image:url(womenfolk/bandeau/fleurbas.png);
background-repeat:repeat-x;
padding:0;
overflow:visible;}

#frisegauche {
margin:0px;
position:absolute;
top:1100px;
left:0;
z-index:3;
width:23px;
height:160px;
background-image:url(womenfolk/bandeau/fleurgauche.png);
background-repeat: repeat-y;
padding:0;
overflow:visible;}

#frisedroite {
margin:0px;
position:absolute;
top:1100px;
right:0;
z-index:5;
width:23px;
height:160px;
background-image:url(womenfolk/bandeau/fleurdroite.png);
background-repeat: repeat-y;
padding:0;
overflow:visible;}


                 /* -------------------fin css bandeau galerie defilante -------------------------------- */
				 
				/* ------------------- rollover bouton musique  debut------------------------------*/
		
	ul#musique{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;	
/* Suppression du margin, du padding et des puces du <ul> */}

ul#musique li{
	margin: 10px 0 10px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de px pour aérer le tout */}

ul#musique li a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 187px ;
	line-height: 20px ; /* determine la position de l'image par rapport au texte */
	font-family:"Times New Roman", Times, serif;
	font-size:.8em; /* taille du texte du bouton */
	color: #ffff66 ; /* couleur du texte du bouton */
	text-indent: 5px ; /* On décale le texte de px du bord gauche */
	text-decoration: none ;
	background:url(womenfolk/boutonbleu.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0 ;}

ul#musique li a:hover{
background:url(womenfolk/boutonvert.jpg)	 no-repeat 0 0; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0 ;}
			
				/* ------------------- rollover bouton musique  fin -----------------------------*/
				 
#usatour {width:655px; height:480px;}			
	

.création {
float:right;
width:120px;
margin-top:0px;
font-size:13px;
color:#8899aa; }

h1{font-family:"Times New Roman", Times, serif;
font-size:2em;
color:#888888;}

.style1 {color:#888888;}

.heure{
color:#3300CC;
font-family:"Monotype Corsiva";
font-weight:bold;
font-style:italic;
font-size:1.5em;
text-align:center;}