a{
color: black;
font-style: italic;
text-decoration: none;
}

a:hover{
color: inherit;
font-style: normal;
text-decoration: underline;
}

a img {
border: thin solid black;
border-width: 1px;/*pour IE*/
}


#entier {
margin: 0;
padding: 0;
font-size: 17px ;
font-family: 'Times New Roman', Times, Verdana, Arial, Georgia, Serif ;
background:#f8f8de url(../images/bardage4ClairJaune2.png);
}

h2{
margin:0;
font-style: italic;
}

h3{
margin: 0;
}

h4  {
margin: 0;
}

/*Permet de faire disparaitre le trait en le corps et le pied de page*/
.separation {
clear: both;
visibility: hidden;
}


#special {
margin: -17px auto;
}

#banniere {
/*background-image: url(../images/structure/centreCadre.png);*/
/*background-repeat: repeat-y;*/
width: 1024px;
height: 190px;
margin: 0;
padding: 0;
}

/* mise en place de la bannièe*/
#banniere a {
display: block;
width: 1024px;
height: 180px;
background: url(../images/banniere914.png) no-repeat center;
}

/* technique pour faire disparaitre le lien accueil dans la banniere et compatible pour les anciens navigateurs et mal-voyant*/
#banniere span {
position:absolute;
left: -5000px;
top: -5000px;
text-indent: -5000px;
}


div#global {
position: relative;
width: 1024px;
margin: 0;
padding: 0;
background-image: url(../images/structure/centreCadre.png);
/*border: solid green;*/
}

div#globalHaut {
width: 1024px;
margin:5px auto;
padding-top: 17px;
background: url(../images/structure/hautCadre.png) left top no-repeat;
/*border: solid blue;*/
}

div#globalBas {
width: 1024px;
margin:auto;
background: url(../images/structure/basCadre.png) left bottom no-repeat;
/*border: solid red;*/
}


/* concerne la partie gauche ----   Début -----  */

.adresse {
margin-left: 10px;
text-align: center;
font-weight: bold;
font-size: 15px;
}

.titreHoraires{
margin: 0 0 5px 0;
text-align: center;
font-weight: bold;
font-size: 17px;
text-decoration: none;
}

/* parties non utilisées depuis les changements d'horaires */
/*.periodeHoraires {
margin: 0 0 2px 30px;
text-align: left;
font-weight: bold;
font-size: 15px;
}

.jourHoraires {
margin: 0;
text-align: center;
font-weight: normal;
font-size: 15px;
}*/ 


.horaires {
margin: 0 0 5px 0;
text-align: center;
font-weight: bold;
font-size: 17px;
}


#inscriText {
text-align: center;
font-weight: bold;
font-size: 13px;
margin: 50px 0 5px 0;
}


.inscription {
text-align: center;
font-family: 'Times New Roman', Times, Verdana, Arial, Georgia, Serif ;
font-weight: normal;
font-size: 12px;
margin: 2px 0 0 2px ;
padding: 2px 0 0 0;
}


#blocMenu {
float: left;
width: 24.5%;/*12.1em*/
padding: 0;
margin:0;
/*border: solid fuchsia;*/
}

.menu {
margin-top: 50px;
}

.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}


.menu li a {
display: inline;
display: block;
text-decoration: none;
line-height: 22px;
text-indent: 5px;
width: 140px;
height: 22px;
margin: 15px auto;
padding-top: 6px;
font: 12px Verdana, Times, Arial, Georgia, Times, Serif ;
color: #fccd01;
background: url(../images/structure/boutonFondTrans140Double.png) no-repeat center top ;

}


/* Permet de délacer la vue sur le bouton */
.menu li a:hover {
color: white;
background-position: center -28px ;
}



/* concerne la partie gauche ----  Fin -----  */

/* le contenu variant selon les pages --- Début --- */

#contenu {
float: left;
width: 70%;/*550px;*/
margin:0;
padding: 0 0 0 20px;
border-left: solid 1px #fccd01; /*mise a 1px au lieu de thin ˆ cause de IE*/
/*border: solid green*/
}

#contenu p {
text-align: left;
text-indent: 24px;/*1.5em*/
}

#contenu p:first-letter {
font-weight: bold;
font-size: 145%;/*1.5em*/
}

#contenu p span{
color: #e0a716;
text-shadow:  #000000 1px 1px;
font-size: 110%; 
}


p#photo {   /* photo accueil */
margin: 0;
padding: 0;
text-align: center;
}

p#photo img {
border: 0 none;
}

        /* -- Debut contenu page plans et photos --*/
        
.photosTexte {
float: left;
width: 300px;
line-height: 130px;
height: 130px;
margin: 0;
padding:0;
font-style: italic;
/*border: solid green;*/
}


.photosFleche {
float:left;
width: 100px;
line-height: 130px;
height: 130px;
margin: 0;
padding:0;
/*border: solid blue;*/
}

.photos {
float: left;
width: 250px;
margin: 0 0 5px 0;
text-align: center;
font-size: 12px;
/*border: solid green;*/
}

.photos img{
max-height: 140px;
margin: 0;
padding: 0;

}



      /* -- Fin contenu page plans et photos --*/
      
/* Fiche Artiste --- Debut --- */
.divArtiste {
margin: 10px 0 30px 0;
padding:0;
}

.ficheArtiste {
margin: 0;
padding: 0;
}

.ficheArtiste a {
margin: 0;
font-size: 130%; 
}

.ficheArtiste a:hover {
font-style: italic;
text-decoration: none;
}

/*-- permet de créer un italic dans un "<p>" de divArtiste --*/
#contenu .divArtiste p.description span {  
font-style: italic;  
text-decoration: none;
}

#contenu .ficheArtiste p {
margin: 25px 0 20px 0;
padding: 0;
text-indent: 0px;
}
#contenu .ficheArtiste .titre{
position: relative;
}
#contenu .ficheArtiste .titre  p {
text-indent: 24px;
}

#contenu .ficheArtiste .titre .dernierPassage {
position: absolute;
top: 0;
right: 180px;
width: 160px;
margin: 0;
font-size: 80%;
font-style: italic;
text-decoration: none;
text-align: center;
text-indent: 0;
}


}

#contenu .ficheArtiste .titre  p:first-letter {
font-size: 140%;
font-weight: bold;
}

#contenu .ficheArtiste  p:first-letter {
font-size: 100%;
font-weight: normal;
}

#contenu .ficheArtiste span {
color: black;
text-shadow:  none;
font-size: 100%; 
text-decoration: underline;
}

#contenu .ficheArtiste .adresseSite p {
margin: 10px 0 10px 0;
}

#contenu .ficheArtiste .adresseSite a {
font-size: 100%;
font-style: normal;
}

#contenu .ficheArtiste .adresseSite a:hover{
font-size: 100%;
font-style: italic;
}

.photoArtiste {
float: right;
margin: 0 0 5px 5px;
padding: 0;
font-size: 110%;
}

.photoArtiste img {
max-width: 140px;
max-height: 140px;
border: solid 1px #fccd01;

}

/* permet de mettre la separation type portee musicale entre les artistes */
.separArtiste {
clear:both;
position: relative;
margin: 30px 0 10px 0;
padding: 0;
height:26px;
background:  url(../images/structure/portee600.png) no-repeat center;
}

/* fleche pour le haut de page */
#contenu .separArtiste .renvoiHautPageG img{
position: absolute;
top: 2px;
left:0;
margin:0;
padding: 0;
border: none;
}

#contenu .separArtiste .renvoiHautPageD img {
position: absolute;
top: 2px;
left:678px;
margin:0;
padding: 0 ;
border: none;
}

/* Fiche Artiste --- Fin --- */
        
        /* -- Debut contenu page contact --*/

#contact{
margin: 5px 180px 0 130px;
padding: 2px 0 0 0;
}

#contact p {
text-indent: 0px;
}

        /* -- Fin contenu page contact --*/
        
        
        
		/* Contenu liens --- Debut--- */

#contenu .liensWeb {
float: left;
vertical-align: top;
max-width: 200px;
margin: 0 25px 30px 25px;
font-size: 14px;
/*border:  solid blue;*/
}

#contenu .liensWeb p {
text-align: center;
margin-bottom: 0px;
margin-top: 5px;
text-indent: 0px;
}

#contenu .liensWeb p:first-letter {
font-size: 100%;
font-weight: normal;
}


		/* Contenu liens --- Fin--- */
        
/* le contenu variant selon les pages --- Fin --- */

/* Contenu Ardoise  --- D&eacutebut ---  */



div#ardoise {
width: 462px;
background-color: #332f2f;
margin: 16px auto;
padding-bottom:1px;
color: #fffdeb;
letter-spacing: 1px;
/*border: solid green;*/

}

div#ardoiseHaut {
width: 500px;
margin:0 ;
padding-top: 3px;
background: url(../images/structure/hautArdoise.png) no-repeat center top ;
}

div#ardoiseGlobal {
width: 500px;
margin: 0 0 0 100px;
background: url(../images/structure/centreArdoise.png) top;
/*border: solid red;*/
}

div#ardoiseBas {
width: 500px;
margin: 0;
padding-bottom: 3px;
background: url(../images/structure/basArdoise.png) bottom no-repeat;
/*border: dotted lime;*/
}

div#ardoise p  {
text-align: left;
margin: 10px 10px 10px 30px;
color: #fffdeb;
}


div#ardoise p:first-letter {
font-weight: normal;
font-size: inherit;
/*border: dotted red;*/
}

div#ardoise ul {
/*border: dotted white;*/
}
div#ardoise li {
padding: 0 0 0 0;
/*border: dotted grey;*/
}

.datePassage  {
margin: 0;
padding: 0 0 0 0;
text-decoration: underline;
font-weight: bold;
/*border: dotted lime;*/
}

.nomArtiste {
color: #FF9900;
}

div#ardoise h2  {
text-align: center;
margin: 10px 0 10px 0;
padding-top: 15px;
}

div#ardoise h3  {
text-align: left;
text-decoration: underline;
margin: 10px 0 10px 0;
padding-top: 15px;
}

div#ardoise h4  {
text-indent: -6px;
text-align: center;
text-decoration: underline;
padding-top: 20px;
}

/* Contenu Ardoise  --- Fin ---  */

/* Contenu ArdoisePetite  --- D&eacutebut ---  */



#Ardoise201 {
width: 177px;
background-color: #332f2f;
margin: 0 auto;
padding:1px 0 2px 0;
color: #fffdeb;
letter-spacing: 1px;
font-size: 15px;
/*border: solid green;*/

}

#ArdoiseHaut201 {
width: 201px;
margin:0px ;
padding-top: 11px;
background: url(../images/structure/hautArdoise201.png) no-repeat left top ;
}

#ArdoiseGlobal201 {
width: 201px;
margin: 0 0 0 25px;
padding-left:0px;
background: url(../images/structure/centreArdoise201.png) top ;
/*border: solid red;*/
}

#ArdoiseBas201 {
width: 201px;
margin: 0 0 0 0;
padding-bottom: 11px;
background: url(../images/structure/basArdoise201.png) no-repeat left bottom ;
/*border: dotted lime;*/
}


div#Ardoise201 p  {
text-align: center;
margin: 5px 5px 5px 10px;

}


div#Ardoise201 p:first-letter {
font-weight: inherit;
font-size: 17px;
}

div#ardoise201 h3  {
text-align: center;
text-decoration: underline;
margin: 10px 0 10px 0;
padding-top: 15px;
}

div#ardoise201 h4  {
text-indent: -6px;
text-align: center;
text-decoration: underline;
padding-top: 20px;
}

/* Contenu ArdoisePetite  --- Fin ---  */


/* Pied de page --- Debut --- */

#piedGlobal{
margin: 0 auto;
border-top: solid 1px #fccd01; /*mise a 1px au lieu de thin ˆ cause de IE*/
width: 95%;
height: 30px;
}

#pied {
float: left;
margin:  8px 0 0 390px;
padding: 0;
text-align: center;
}

#pied ul {
list-style-type: none;
border-top: solid 1px #fccd01; /*mise a 1px au lieu de thin ˆ cause de IE*/
}

#pied li{
display: inline;
color: inherit;
}

#pied a {
font-style: normal;
font-family: inherit;
color: black;
}

#proprio{
float: right;
font-size: 12px;
margin: 10px 20px 0 0;
}

/* Pied de page --- Fin --- */

/* page en construction  --- Debut --- */

#construction {
margin: 50px;
padding: 0;
text-align: center;
color:#e0a716;
font-weight: bold ;
font-size: 2em;


}

/* page en construction  --- Fin --- */

/* page des plans  --- Debut --- */

#plan {
background-color: #f8f8de;
width: 944px;
height: 504px;
font-family: 'Times New Roman', Times, Verdana, Arial, Georgia, Serif ;
}

#plan p {
text-align: center;
margin: 0;
padding: 0;
}


/* page des plans  --- Fin --- */

/* page du programme --- Debut --- */

#programme {
background-color: #fff; 
width: 600px;
height: 700px;
color: black;
font-size: inherit;
font-family: 'Times New Roman', Times, Verdana, Arial, Georgia, Serif ;

}

#programme p {
text-align: center;
margin: 0;
padding: 0;
}

.noAffiche {
display: none;
}


/* page du programme --- Fin --- */

/* Bouton seul --- Debut --- */

.boutonImpression {
margin-top: 10px;
}

.boutonImpression ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.boutonImpression li{
text-align: center;
font: 15px 'Times New Roman', Times, Verdana, Arial, Georgia, Serif ;
font-style: italic;
}

.boutonImpression li a {
display: inline;
display: block;
text-decoration: none;
line-height: 23px;
width: 140px;
height: 23px;
margin: 5px auto;
padding-top: 6px;
font: 12px Verdana, Times, Arial, Georgia, Times, Serif ;
color: #fccd01;
background: url(../images/structure/boutonFondTrans140Double.png) no-repeat left top ;

}

/* Permet de deplacer la vue sur le bouton */
.boutonImpression li a:hover {
color: white;
background-position: left -28px ;
}

/* Bouton seul --- Fin --- */

/* Bouton gauche --- Debut --- */

.boutonGauche {
margin:0 0 10px 65px;
padding: 0;
width: 140px;
/*border: solid red;*/
}

.boutonGauche ul {
margin:0;
padding: 0;
list-style-type: none;
}

.boutonGauche li a {
display: inline;
display: block;
text-decoration: none;
margin: 15px auto;
padding-top: 6px;
text-align: center;
line-height: 23px;
width: 140px;
height: 23px;
font: 12px Verdana, Times, Arial, Georgia, Times, Serif ;
color: #fccd01;
background: url(../images/structure/boutonFondTrans140Double.png) no-repeat center top;
/*border: solid lime;*/

}

/* Permet de deplacer la vue sur le bouton */
#contenuViewer .boutonGauche li a:hover {
color: white;
font-style: normal;
background-position: center -28px ;
}

/* Bouton gauche --- Fin --- */

/* Lecteur photo --- Debut --- */

#viewer {
width: 950px;
height: 650px; /* pour IE */
margin: 0 0 0 15px;
padding: 0;
/*border: solid green;*/
}


#contenuViewer p {

font: 'Times New Roman', Times, Verdana, Arial, Georgia, Serif ;
font-size: 30px;
font-style: italic;
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
text-align: center;
/*border: solid green;*/
}

#contenuViewer p:first-letter{
font-size: 145%;
}

#contenuViewer a:hover {
font-style: italic;
text-decoration: none;
}

/* Lecteur photo --- Fin --- */


/* Programme Complet --- Debut --- */

.progComplet h2 {
margin: 10px 0 10px 0;
text-align: center;

}

/* Programme Complet --- Fin--- */

/* Contenu hors menu --- Debut--- */

#contenuSansMenu {

margin:0 30px 0 30px;
padding:0 0 30px 0;
/*border: solid green*/
}

#contenuSansMenu p {
text-align: left;
text-indent: 24px;/*1.5em*/
}

#contenuSansMenu p:first-letter {
font-weight: bold;
font-size: 145%;/*1.5em*/
}

#contenuSansMenu p span{
color: #e0a716;
text-shadow: #000000 1px 1px;
font-size: 110%; 
}

/* Contenu hors menu --- Fin--- */