/* remise à zéro des navigateurs */
        * { margin: 0; padding: 0; border: none; font-family: cursive; font-weight: normal; font-style: normal; text-decoration: none; } 

        body
        {   width: 768px;
            margin: 0 auto;
            text-align: center;
            font: 1em "Comic Sans", "Comic Sans MS", Arial, Times, Courrier;
            background:#6A1385;
            
        }
body.violet
        {   
            width: 742px;
            margin: 0 auto;
            background: #6A1385;
            
        }
ul, li 
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
a
    {
    text-decoration:none;
    }
.rouge
{color:#FF0000;}
.violet
{color:#6A1385; text-decoration:none;}
.bleu
{color:#3838e1;}
.turquoise
{color:#33CCFF;}
.souligner
{text-decoration: underline;}
.xi
        {   
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: bold;
            text-align: left;
            text-decoration: underline;

        }
ul.souligne
    {
        text-decoration: underline;
    }
small{ font-size: 0.9em;}


#page
        {   float: left;
            width: 760px;
            text-align: left;
            border-left: 4px solid #000000;
            border-right: 4px solid #000000;
            border-bottom: 4px solid #000000;
            background: #FFFFFF;
            color: #FFFFFF;
        }
#page.index
        {
            
            background: #FFFFFF;
        }
        
/*HAUT*/        
#logo
        {   
            float: left;
            width: 273px;
            height: 89px;
            margin: 0;
            background: url(images/principal/logo.jpg);
        }
#logo a
        {   
            float: left;
            width: 273px;
            height: 89px;
            margin: 0;
            background: url(images/principal/logo.jpg);
        }
#logo a:hover
        {   
            float: left;
            width: 273px;
            height: 89px;
            margin: 0;
            background: url(images/principal/logo_neg.jpg);
        }
#drlogo
        {   
            float: left;
            width: 302px;
            height: 89px;
            margin: 0;
            background: url(images/principal/bandeau.jpg) no-repeat left top;
        }
        
#illustration
        {   
            float: left;
            width: 93px;
            height: 89px;
            margin: 0;
            background: url(images/principal/illustration.jpg) no-repeat left top;
        }

#extraits
        {   
            float: left;
            width: 67px;
            height: 29px;
            margin: 0;
            padding-left: 25px;
            background: #E60003 url(images/principal/puce_extrait.jpg) no-repeat left top;
            line-height: 1.1em;
            vertical-align: top;
            font-size: 0.7em;
            text-align: left;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            color: #FFFFFF;

        }
        
#extraits a 
        {   
            color: #FFFFFF;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        
#extraits a:hover 
        {   
            color: #6A1385;
            text-decoration: underline;
            cursor: pointer;
        
        }
        
#basextraits
        {   
            float: left;
            width: 92px;
            height: 60px;
            margin: 0;
            background: url(images/principal/bas_extrait.jpg) no-repeat left top;
        }
#adresse
        {   
            float: left;
            width: 565px;
            height: 31px;
            margin: 0;
            padding-left: 10px;
            background: #908B8A url(images/principal/adresse.jpg) no-repeat left bottom;
            border-bottom :3px solid #000000;
            line-height: 1.1em;
            vertical-align: middle;
            font-size: 0.7em;
            text-align: left;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            color: #FFFFFF;


        }
        
#artistes
        {   
            float: right;
            width: 180px;
            height: 21px;
            margin: 0;
            padding: 5px 5px 5px 0 ;
            background: #7B7B7B url(images/principal/artistes.jpg) no-repeat left top;
            border-bottom :3px solid #000000;
            line-height: 2.5em;
            vertical-align: middle;
            font-size: 0.7em;
            text-align: right;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            color: #FFFFFF;

        }
        
#artistes a 
        {   
            color: #FFFFFF;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        
#artistes a:hover 
        {   
            color: #E60003;
            text-decoration: underline;
            cursor: pointer;
        
        }
        
/*HAUTpages membre*/        
#bandeau
        {   
            float: left;
            width: 760px;
            height: 120px;
            margin: 0;
            background: url(images/lapuce/bandeau_artistes.jpg) no-repeat left top;
            border-bottom :3px solid #000000;

        }
/*MENU*/
/*Général violet foncé*/
#menu
        {   
            width: 740px;
            margin: 0 auto;
            background: #FFFFFF; 
            line-height: 1.2em;
            vertical-align: middle;
            font-size: 0.9em;
            text-align: left;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
        }
        

#menu  li
        {
            float:left;
            height: 32px; 
            background: #6A1385 url(images/principal/puce_menu.jpg) no-repeat left top;
            line-height: 1.2em;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            cursor: pointer;
            border-bottom :3px solid #000000;

        }
#menu li a
        {
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#menu li a:hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        

/*Menu jaune*/
#menu li.jaune
        {
            float:left;
            height: 32px; 
            background: #FFC20A url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 1.2em;
            vertical-align: middle;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            text-decoration: none;
            cursor: pointer;
        }
        


        
#menu li a.jaune :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        
        
/*Menu rouge*/
#menu li.rouge
        {
            float:left;
            height: 32px; 
            background: #FF0000 url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 1.2em;
            vertical-align: middle;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        

        
#menu li a.rouge :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        
        
/*Menu bleu*/
#menu li.bleu
        {
            float:left;
            height: 32px; 
            background: #3838E1 url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 2em;
            vertical-align: middle;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        

        
#menu li a.bleu :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        

/*Menu turquoise*/
#menu li.turquoise
        {
            float:left;
            height: 32px; 
            background: #33CCFF url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 2em;
            vertical-align: middle;
            font-size: 0.9em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        

        
#menu li a.turquoise :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        

/*Menu vert*/
#menu li.vert
        {
            float:left;
            height: 32px; 
            background: #44DA7D url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 1.2em;
            vertical-align: middle;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        

        
#menu li a.vert :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        
        
/*Menuorange*/
#menu li.orange
        {
            float:left;
            height: 32px; 
            background: #EF4108 url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 2em;
            vertical-align: middle;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        

        
#menu li a.orange :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
        

/*Menu violet-rouge*/
#menu li.violetrouge
        {
            float:left;
            height: 32px; 
            background: #B8008A url(images/principal/puce_menu.jpg) no-repeat left top;
            margin: 0;
            line-height: 1.2em;
            vertical-align: middle;
            font-size: 0.75em;
            text-align: left;
            padding-left: 23px;
            padding-right: 5px;
            padding-top: 4px;
            color: #FFFFFF; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
        

        
#menu li a.violetrouge :hover 
        {
        font-style: italic;
        text-decoration: underline;     
        }
/*AUDIO */
/* player page choeur*/


#audiochoeur
    {
    float: left; 
    width: 150px;
    height: 27px;
    }

        
/*TITRES*/
/*titre violet*/        
#titre
        { 
            float: right;
            width: 610px;           
            height: 45px;
            background: #FFFFFF;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            font-style: italic; 
            color: #FFFFFF;

        }
#titre.grand
        { float: right;
            width: 756px;           
        }       
#titre p
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_violet.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }
/*titre  jaune*/
#titre p.jaune
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_jaune.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }
/*titre rouge*/
#titre p.rouge
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: url(images/principal/titre_rouge.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }
/*titre bleu*/
#titre p.bleu
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_bleu.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }

/*titre turquoise*/
#titre p.turquoise
        { 
            float: right;
            width: 400px;           
            padding: 10px 0px 20px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_turquoise.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.5em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }               
/*titre vert*/
#titre p.vert
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_vert.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;
        }   
/*titre orangé*/
#titre p.orange
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_orange.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }
/*titre violet rouge*/
#titre p.violetr
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_violetr.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }
#titre p.violetrouge
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_violetr.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }
        
/*titre gris*/
#titre p.gris
        { 
            float: right;
            width: 400px;           
            padding: 20px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_gris.jpg) no-repeat right top;
            line-height: 2em;
            vertical-align: middle;
            font-size: 1.2em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;

        }   

/*titre ecouter voir! rouge puce*/
#titre p.extraits
        { 
            float: right;
            width: 400px;           
            padding: 15px 0px 10px 30px;
            height:35px;    
            background: #FFFFFF url(images/principal/titre_extraits.jpg) no-repeat right top;
            line-height: 1.2em;
            vertical-align: middle;
            font-size: 0.9em;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-style: italic; 
            text-decoration: none;
            color: #FFFFFF;
        }           
/*SOUS-TITRES*/
/*sous-titre - violet*/
#soustitre
        {   
            float: right;
            width: 717px; 
            height: 60px;
            margin-top: 8px;
            background: #FFFFFF url(images/principal/ss_menu.jpg) no-repeat left top;
            line-height: 1.1em;
            font-size: 1em;
            text-align: center;
            padding-top: 15px;
            padding-left : 20px;
            padding-right: 5px;
            font-weight: bold;
            text-decoration: none;
            color: #6A1385;
        }
/*sous-titre- vert*/
#soustitre.vert
        {
            line-height: 3em;
            font-size: 1.2em;
            text-transform: uppercase;
            color: #44DA7D;
            text-decoration: underline;
        }
/*sous-titre-bleu*/
#soustitre.bleu
        {
            height: 35px;
            text-align: left;
            color: #3838E1;
        }
#soustitre.bleuconcert
        {   
            height: 35px;
            text-align: left;
            background: #FFFFFF url(images/principal/ss_menu_violet.jpg) no-repeat left top;
            color: #3838E1;
        }       
/*sous-titre-turquoise*/
#soustitre.turquoise
        {   
            height: 35px;
            text-align: left;
            color: #33CCFF;
        }

#soustitre.turquoiseconcert
        {   
            height: 35px;
            text-align: left;
            background: #FFFFFF url(images/principal/ss_menu_violet.jpg) no-repeat left top;
            color: #33CCFF;
        }           
/*sous-titre-rouge*/
#soustitre.rouge
        {   
            height: 35px;
            text-align: left;
            color: #FF0000;
        }
#soustitre.rougeconcert
        {   
            height: 35px;
            text-align: left;
            background: #FFFFFF url(images/principal/ss_menu_violet.jpg) no-repeat left top;
            color: #FF0000;
        }           
/*sous-titre- orangé*/
#soustitre.orange
        { 
            color: #EF4108;
        }
/*sous-titre- violet/rouge*/
#soustitre.violetr
        {   
            color: #B8008A;
        }
#soustitre.violetrouge
        {   
            color: #B8008A;
        }
/*sous-titre- gris*/
#soustitre.gris
        {   
            color: #7B7B7B;
            height: 35px;
        }
        
/*sous-titre- ecouter voir!*/
#soustitre.extraits
        {   
        
            height: 135px;
            background: #FFFFFF url(images/principal/ss_menu_extraits.jpg) no-repeat left top;
            color: #E60003;
            text-align: right;
            
            
        }
        
/*SOUS_MENU*/
/*sous-menu violet*/        
#sousmenu 
        {   
            float: right;
            width: 657px;
            height: 50px;
            margin-top:8px;
            background: #FFFFFF url(images/principal/ss_menu.jpg) no-repeat left top;
            line-height: 2em;
            font-size: 0.8em;
            text-align: left;
            padding-left: 70px;
            padding-top: 5px;
            padding-right: 15px;
            font-weight: bold;
            text-decoration: none;
            color: #6A1385;
        }
        
        
        
#sousmenu  a
        {   float: right;
            margin: 5px 2px 0 0;
            border-right: 1px solid #6A1385;
            border-bottom: 1px solid #6A1385;
            color: #6A1385; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu  a:hover 
        {
            background-color: #6A1385;
            color: #FFFFFF; 
            
        }
        

/*sous-menu jaune*/
#sousmenu.jaune  
        {
            text-align: right;
        }
    
#sousmenu.jaune  a
        {
            border-right: 1px solid #FFC20A;
            border-bottom: 1px solid #FFC20A;
            color: #FFC20A; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.jaune  a:hover 
        {
            background-color: #FFC20A;
            color: #FFFFFF; 
            
        }
        
        
/*sous-menu rouge*/     
        
#sousmenu.rouge  a
        {
            border-right: 1px solid #FF0000;
            border-bottom: 1px solid #FF0000;
            color: #FF0000; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.rouge  a:hover 
        {
            background-color: #FF0000;
            color: #FFFFFF; 
            
        }
        

/*sous-menu bleu*/      
        
#sousmenu.bleu  a
        {
            border-right: 1px solid #3838E1;
            border-bottom: 1px solid #3838E1;
            color: #3838E1; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.bleu  a:hover 
        {
            background-color: #3838E1;
            color: #FFFFFF; 
            
        }
        

/*sous-menu turquoise*/     
        
#sousmenu.turquoise  a
        {
            border-right: 1px solid #33CCFF;
            border-bottom: 1px solid #33CCFF;
            color: #33CCFF;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.turquoise a:hover 
        {
            background-color: #33CCFF;
            color: #FFFFFF; 
            
        }
        

/*sous-menu vert*/      
        
#sousmenu.vert  a
        {
            border-right: 1px solid #44DA7D;
            border-bottom: 1px solid #44DA7D;
            color: #44DA7D;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.vert a:hover 
        {
            background-color:#44DA7D;
            color: #FFFFFF; 
            
        }
        

/*sous-menu orange*/        
        
#sousmenu.orange  a
        {
            border-right: 1px solid #EF4108;
            border-bottom: 1px solid #EF4108;
            color: #EF4108;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.orange a:hover 
        {
            background-color: #EF4108;
            color: #FFFFFF; 
            
        }
        

/*sous-menu violet-rouge*/      
        
#sousmenu.violetr  a
        {
            border-right: 1px solid #B8008A;
            border-bottom: 1px solid #B8008A;
            color: #B8008A;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.violetr a:hover 
        {
            background-color: #B8008A;
            color: #FFFFFF; 
            
        }
		
#sousmenu.violetrouge  a
        {
            border-right: 1px solid #B8008A;
            border-bottom: 1px solid #B8008A;
            color: #B8008A;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.violetrouge a:hover 
        {
            background-color: #B8008A;
            color: #FFFFFF; 
            
        }
/*sous-menu extraits sonores*/      
        
#sousmenu.extraits a
        {
            border-right: 1px solid #E60003;
            border-bottom: 1px solid #E60003;
            color: #E60003;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#sousmenu.extraits a:hover 
        {
            background-color: #E60003;
            color: #FFFFFF; 
            
        }       
/*CONTENU*/
/*contenu violet*/
#contenu 
        {
            float: right;
            width: 718px; 
            margin: 0;
            border-left: 4px solid #000000;
            border-bottom: 1px solid #FFFFFF;
            background: #FFFFFF; 
            padding : 0 10px 10px 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
        
        #contenu h1
        {
            margin: 5px 0 5px 0;
            line-height: 3em;
            font-size: 1.2em;
            text-transform: uppercase;
            text-align: left;
            color: #6A1385;
            text-decoration: underline;
        }
        
        #contenu h2
        {   
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify;
            text-indent: 20px;
            padding-bottom: 5px;
            line-height: 1.2em;
            color: #6A1385;
        }
    
        #contenu h3
        {   
            font-size: 0.9em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify;
            text-indent: 20px;
            padding: 0 0 10px 0;
            line-height: 1.2em;
            color: #6A1385;
        }
        
        
        
        #contenu h4
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em;
            color: #6A1385;
        }
        
        #contenu h5
        {   
            font-size: 0.95em;
            font-weight: bold;
            text-align: justify ;
            text-decoration: none;
            padding-bottom: 10px;
            line-height: 1em;
            color: #000000;
        }
    
        #contenu p
        {
            font-size: 0.95em;
            text-align: justify;
            padding: 0 0 10px 0;
            line-height: 1.2em;
            color: #000000;
        }
        
        
        #contenu p.colonnegauche
        {   
            float:right;
            width: 349px;
            margin-bottom: 20px;
            text-indent: 0px;
            font-size: 0.85em;
            text-align: justify;
            padding: 0 0 10px 0;
            line-height: 1.5em;
            color: #000000;
            
        }
        #contenu p.colonechant
        {   
            float:left;
            width: 349px;
            text-indent: 0px;
            font-size: 0.75em;
            text-align: justify;
            color: #000000;
            
        }
        
        #contenu p.colonnedroite
        {   
            float:right;
            width: 349px;
            margin-bottom: 20px;
            text-indent: 0px;
            font-size: 0.85em;
            text-align: justify;
            padding: 0 0 10px 0;
            line-height: 1.5em;
            color: #000000;
        }
        #contenu p.retour
        {
            float: right;
            margin-bottom: 20px;
            margin-top: 30px;
            font-size: 0.6em;
            text-align: center;
            line-height: 1em;
            vertical-align: bottom;
            color: #7B7B7B;
        }
        #contenu p.retourpetit
        {
            float: right;
            margin: 5px 0;
            font-size: 0.6em;
            text-align: center;
            line-height: 1em;
            vertical-align: bottom;
            color: #7B7B7B;
        }
        
        #contenu p.retour a
        {
            color: #7B7B7B;
        }       
    
        #contenu p.retour a:hover
        {
            color: #000000;
        }
        #contenu p.retourpetit a
        {
            color: #7B7B7B;
        }       
    
        #contenu p.retourpetit a:hover
        {
            color: #000000;
        }
/*Retour article de presse et concert*/
        #contenu p.retourpresse
        {
            float: right;
            height:20px;
            font-size: 0.6em;
            text-align: center;
            line-height: 1em;
            vertical-align: top;
            color: #7B7B7B;
        }
        
        
    
        #contenu p.retourpresse a
        {
            color: #7B7B7B;
        }       
    
        #contenu p.retourpresse a:hover
        {
            color: #000000;
        }
        
/*aller a contact*/
    #contenu p.contact
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em;
            color: #6A1385;
        }
        
    #contenu p.contact a
        {   font-weight: bold;
            font-style: italic; 
            color: #6A1385;
            cursor: pointer;
        }
    #contenu p.contact a:hover
        {   
            color: #E60003;
        }   
/*LIENS*/   
/*Rouge*/   
    #contenu p.lienrouge
        {
            float: left;
            width: 200px;
            height: 1.2em;
            margin-left: 50px;
            margin-top: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #FF0000; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }
#contenu p.lienrougedroite
        {
            float:right;
            height: 1.2em;
            margin-left: 50px;
            margin-top: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #FF0000; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }       
        #contenu p.lienrouge a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
        #contenu p.lienrouge a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }
        #contenu p.lienrougedroite a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
        #contenu p.lienrougedroite a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }   
/*Bleu*/    
    #contenu p.lienbleu
        {
            float: left;
            width: 200px;
            height: 1.2em;
            margin-left: 50px;
            margin-top: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #3838E1; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }
        
        #contenu p.lienbleu a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
        #contenu p.lienbleu a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }
#contenu p.lienbleudroite
        {
            float: right;
            height: 1.2em;
            margin-left: 50px;
            margin-top: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #3838E1; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }
        
        #contenu p.lienbleudroite a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
        #contenu p.lienbleudroite a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }
/*Turquoise*/   
    #contenu p.lienturquoise
        {
            float: left;
            width: 200px;
            height: 1.2em;
            margin-left: 50px;
            margin-top: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #33CCFF; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }
        
        #contenu p.lienturquoise a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
        #contenu p.lienturquoise a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }
#contenu p.lienturquoisedroite
        {
            float: right;
            height: 1.2em;
            margin-left: 50px;
            margin-top: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #33CCFF; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }
        
        #contenu p.lienturquoisedroite a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
        #contenu p.lienturquoisedroite a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }       
/*contenu jaune*/
        
        #contenu p.actu
        {   
            
            margin: 0 0 10px 110px;
            text-indent: 0px;
            line-height:1.2em;
            font-size: 0.95em;
            text-align: left;
            color: #000000;
            text-decoration:none;
        }
        #contenu.jaune h1
        {
            margin:5px 0 5px 0;
            line-height: 3em;
            font-size: 1.2em;
            text-transform: uppercase;
            text-align: left;
            color: #FFC20A;
            text-decoration: underline;
        }
        
        #contenu.jaune h2
        {   
            color: #FFC20A;
        }
    
        #contenu.jaune h3
        {   
            font-size: 0.9em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-indent: 20px;
            padding: 0 0 10px 0;
            line-height: 1.2em ;
            color: #FFC20A;
        }
        
        #contenu.jaune h4
        {   
            
            color: #FFC20A;
        }
        #contenu.jaune h5
        {   
            
            margin-left: 60px;
            font-size: 0.95em;
            font-weight: bold;
            text-align: left;
            text-indent: 0px;
            text-decoration: underline;
            text-indent: 20px;
            padding-top: 10px;
            line-height: 1.5em;
            color: #000000;
        }
        #contenu.jaune h6
        {       
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            text-align: left;
            text-decoration: underline;
            color: #FFC20A;
        }
/*contenu rouge*/
        
        #contenu.rouge h1
        {   
            color: #FF0000;
        }
        
        #contenu.rouge h2
        {       
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify ;
            text-indent: 20px;
            padding-bottom: 5px;
            line-height: 1.2em ;
            color: #FF0000;
        }
    
        #contenu.rouge h3
        {   
            text-indent: 0;
            padding-left: 15px;
            color: #FF0000;
        }
        
        #contenu.rouge h4
        {   
            color: #FF0000;
        }
        #contenu.rouge h5
        {   
            
            padding-left: 30px;
            color: #000000;
        }
        #contenu.rouge h6
        {   
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            text-align: left;
            text-decoration: underline;
            color: #FF0000;
        }

        /*contenu bleu*/
        #contenu.bleu h1
        {
            
            color: #3838E1;
        }
        
        
        #contenu.bleu h2
        {   
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify ;
            text-indent: 20px;
            padding-bottom: 5px;
            line-height: 1.2em ;
            color: #3838E1;
        }
    
        #contenu.bleu h3
        {   
                
            text-indent: 0;
            padding-left: 15px;
            color: #3838E1;
        }
        
        #contenu.bleu h4
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline ;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em ;
            color: #3838E1;
        }
        
        #contenu.bleu h6
        {   
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            text-align: left;
            text-decoration: underline;
            color: #3838E1;
        }

/*contenu turquoise*/
        #contenu.turquoise h1
        {
            color: #33CCFF;
        }
        
        #contenu.turquoise h2
        {   
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify ;
            text-indent: 20px;
            padding-top: 5px;
            line-height: 1.2em ;
            color: #33CCFF;
        }
    
        #contenu.turquoise h3
        {   
            font-size: 0.9em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-indent: 20px;
            padding: 0 0 10px 0;
            line-height: 1.2em ;
            color: #33CCFF;
        }
        
        #contenu.turquoise h4
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline ;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em ;
            color: #33CCFF;
        }
        #contenu.turquoise h6
        {       
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            text-align: left;
            text-decoration: underline;
            color: #33CCFF;
        }
/*contenu vert*/
        #contenu.vert h1
        {
            margin: 5px 0 5px 0;
            padding-top : 10px;
            line-height: 3em;
            font-size: 1.2em;
            text-transform: uppercase;
            text-align: left;
            color: #44DA7D;
            text-decoration: underline;
        }
        
        #contenu.vert h2
        {   
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify ;
            text-indent: 20px;
            padding-bottom: 5px;
            line-height: 1.2em ;
            color: #44DA7D;
        }
    
        #contenu.vert h3
        {   
            
            font-size: 0.9em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-indent: 20px;
            padding: 0 0 10px 0;
            line-height: 1.2em ;
            color: #44DA7D;
        }
        
        #contenu.vert h4
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em ;
            color: #44DA7D;
        }
        #contenu.vert h5
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify;
            text-decoration: none;
            text-indent: 20px;
            padding-top: 20px;
            padding-bottom: 20px;
            line-height: 1.2em ;
            color: #000000;
        }

/*contenu orangé*/
        #contenu.orange h1
        {
            margin: 5px 0 5px 0;
            padding-top : 10px;
            line-height: 3em;
            font-size: 1.2em;
            text-transform: uppercase;
            text-align: left;
            color: #EF4108;
            text-decoration: underline;
        }
        
        #contenu.orange h2
        {   
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify ;
            text-indent: 20px;
            padding-bottom: 5px;
            line-height: 1.2em ;
            color: #EF4108;
        }
    
        #contenu.orange h3
        {   
            
            font-size: 1em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-indent: 20px;
            padding: 0 0 10px 0;
            line-height: 1.2em ;
            color: #EF4108;
        }
        
        #contenu.orange h4
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline ;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em ;
            color: #EF4108;
        }

/*contenu violet-rouge*/
        #contenu.violetr h1
        {
            margin: 5px 0 5px 0;
            padding-top : 10px;
            line-height: 3em;
            font-size: 1.2em;
            text-transform: uppercase;
            text-align: left;
            color: #B8008A;
            text-decoration: underline;
        }
        
        #contenu.violetr h2
        {   
            font-size: 0.9em;
            font-weight: bold;
            text-align: justify ;
            text-indent: 20px;
            padding-bottom: 5px;
            line-height: 1.2em ;
            color: #B8008A;
        }
    
        #contenu.violetr h3
        {   
            font-size: 0.9em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-indent: 20px;
            padding: 0 0 10px 0;
            line-height: 1.5em ;
            color: #B8008A;
        }
        
        #contenu.violetr h4
        {   
            font-size: 0.95em;
            font-weight: bold;
            font-style: italic; 
            text-align: justify ;
            text-decoration: underline ;
            text-indent: 20px;
            padding: 0;
            line-height: 1.5em ;
            color: #B8008A;
        }
/*ENCART PARTICIPER*/

#modalite
    {
    float: right;
    margin: 5px;
    width: 210px;
    height: 190px;
    overflow: auto;
    border: 2px solid #6A1385;
    font-size: 1em;
    color: #000000;
    text-align: left; 
    }
#modalite p.titreparticiper
    {
    width: 205px;
    margin: 0;
    padding-right: 5px;
    height: 32px;
    background:#6A1385;
    border-bottom: 2px solid #6A1385;
    font-size: 0.7m;
    line-height: 1.4em;
    vertical-align: middle;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    }

#modalite p.participer
    {
    padding: 5px;
    text-align: left; 
    text-indent: 0px;
    }
/*ENCART programmation*/

#encartprog
    {
    float: left;
    margin: 10px 2px;
    width: 204px;
    height: 190px;
    overflow: auto;
    border: 2px solid #6A1385;
    font-size: 1em;
    color: #000000;
    text-align: left; 
    }
#encartprog p.titreencartprog
    {
    margin: 0;
    padding-right: 5px;
    height: 23px;
    background:#6A1385;
    border-bottom: 2px solid #6A1385;
    font-size: 0.8em;
    line-height: 1.8em;
    vertical-align: middle;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    }

#encartprog p.encartprog
    {
    padding: 2px 0;
    text-align: left; 
    text-indent: 0px;
    }
/*ENCART ACTUALITE*/

#actualite
    {
    float: right;
    margin: 5px;
    width: 170px;
    overflow: auto;
    height: 600px;
    border: 2px solid #6A1385;
    font-size: 1em;
    color: #000000;
    text-align: left; 
    }
#actualite p.stactu
    {
    width: 160px;
    padding: 0 5px ;
    margin-top: 5px;
    font-size: .9em;
    text-align: left;
    line-height: 1em;   
    text-indent: 0px;
    color: #6A1385;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    }
#actualite p
    {
    width: 160px;
    margin:0;
    padding: 0 5px 5px 5px;
    font-size: 0.8em;
    text-align: left; 
    text-indent: 0px;
    }
#actualite p.titreactu
    {
    width: 170px;
    margin: 0;
    padding: 0;
    height: 23px;
    border-bottom: 2px solid #6A1385;
    background: #FFC20A;
    font-size: 1em;
    color: #6A1385;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;

    }   
    
/*contenu ecouter voir!*/
/* listes chant*/
#audio
        {
        float:left;
        width: 330px;
        margin: 10px auto;
        }
#audio p
        {   
            padding-top : 10px;
            text-indent: 20px;
            line-height:1em;
            font-size: 0.8em;
            text-align: left;
            color: #000000;
            text-decoration:none;
        }
#audio h1
        {   margin-top: 15px;   
            font-size: 0.8em;
            font-weight: bold;
            text-align: left;
            text-decoration: underline;
            text-indent: 20px;
            line-height: 1em;
            color: #000000;
        }
#audio h6
        {   
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            text-align: left;
            text-decoration: underline;
            color: #E60003;
        }
#audio a
        {
            
            font-size: 1em;
            font-weight: normal;
            text-align: left;
            text-indent: 0px;
            text-decoration: none;
            text-indent: 20px;
            line-height: 1em;
            color: #E60003;
            cursor: pointer;
        }
#audio a:hover
        {   
            text-decoration: underline;
        
        }
/* contenu production*/

#production
        {
        float:left;
        width: 712px;
        margin: 20px auto;
        }
#production p
        {   
            text-indent: 0px;
            line-height:1.2em;
            font-size: 0.8em;
            text-align: left;
            color: #000000;
            text-decoration:none;
        }
#production h1
        {   margin-top: 25px;
            margin-bottom: 15px;        
            font-size: 0.8em;
            font-weight: bold;
            text-align: left;
            text-decoration: underline;
            line-height: 1em;
            color: #000000;
        }
#production h6
        {   
            margin-bottom:15px;
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: normal;
            text-align: left;
            text-decoration: underline;
            color: #E60003;
        }
    
/* PLAYER*/
#player
{
    float:right;
    width: 330px;
    margin: 5px auto;

}
/* Paragraphe articles de presse*/  
    #contenu p.presse
        {   
            padding-left: 30px;
            padding-bottom : 25px;
        }   

    
        #menubas
        {       
            width: 645px;
            margin: 0 auto;
            color: #6A1385;
            line-height: 1.6em;
            font-size: 0.8em;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
            font-weight: bold;
        }
        #menubas li 
        {   float:left;
            margin: .5em 0;
            padding: 0 .2em;
            vertical-align: middle;
            list-style-type: none;
            
        }
        #menubas li a
        {
            color: #6A1385;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }
        #menubas li a:hover
        {
            color: #E60003;
        }

/* Dates sur la même mligne que le texte*/  
.datenoire
{  font-weight: bold; color:#000000;}
    
.daterouge
{  font-weight: bold; color:#FF0000;}
.datebleu
{ font-weight: bold; color:#3838e1;}
.dateturquoise
{ font-weight: bold; color:#33CCFF;}        
.dategras
{ font-weight: bold; color:#000000;}
    
/*LISTE DATES CONCERTS ET PRESSE*/
/*Menu date rouge*/
        #menudate
        {   
            float: right;
            width: 742px;
            margin: 0 auto 5px auto;
            color: #FF0000;
            line-height: 1.2em;
            font-size: 0.8em;
            text-align: left;
            vertical-align: middle;
            text-decoration: underline;
            font-weight: bold;
        }
        #menudate li 
        {   
            float: right;
            padding: 0 .5em 0 .5em;
            vertical-align: middle;
            text-decoration: underline;
            list-style-type: none;
            
        }
        #menudate li a
        {
            color: #FF0000;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
        }
        #menudate li a:hover
        {   background:#FF0000;
            color: #FFFFFF;
        }

/*Menu date bleu*/
        #menudate.bleu
        {   
            color:  #3838E1;
        }
        #menudate.bleu li 
        {   
            color:  #3838E1;
            
        }
        #menudate.bleu li a
        {
            color:  #3838E1;
            
        }
        #menudate.bleu li a:hover
        {   
            background: #3838E1;
            color: #FFFFFF;
        }
/*Menu date turquoise*/
        #menudate.turquoise
        {   
            color: #33CCFF;
        }
        #menudate.turquoise li 
        {   
            color: #33CCFF;
        }
        #menudate.turquoise li a
        {
            color:  #33CCFF;
            
        }
        #menudate.turquoise li a:hover
        {   
            background: #33CCFF;
            color: #FFFFFF;
        }


        
/*contenu  liste concerts et toute la Presse  Rouge*/
    #contenu.concertrouge
        {
            float: right;
            width: 718px; 
            margin: 0;
            height:535px;
            overflow: auto;
            border-left: 4px solid #000000;
            background: #FFFFFF; 
            padding : 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
    
        #contenu p.concertrouge
        {   
            width: 650px;
            padding-left: 20px;
            margin-bottom: 10px;
            text-indent: 0px;
            line-height: 1.5em;
            
        }
        #contenu.concertrouge h1
        {   
            color: #000000;
        }
        #contenu.concertrouge h2
        {   
            color: #000000;
        }
    
        #contenu.concertrouge h3
        {   
            color: #FF0000;
            text-indent: 0px;
        }
        
        #contenu.concertrouge h4
        {   
            color: #FF0000;
        }
        
        #contenu.presserouge
        {
            float: right;
            width: 718px; 
            margin: 0;
            height:535px;
            overflow: auto;
            border-left: 4px solid #000000;
            background: #FFFFFF; 
            padding: 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
        #contenu p.presserouge
        {   
            width: 650px;
            padding-left: 20px;
            margin-bottom: 10px;
            text-indent: 0px;
            line-height: 1.5em;
            
        }
        #contenu.presserouge h1
        {   
            color: #000000;
        }
        #contenu.pressebleurouge h2
        {   
            color: #000000;
        }
    
        #contenu.presserouge h3
        {   
            color: #FF0000;
            text-indent: 0px;
        }
        
        #contenu.presserouge h4
        {   
            color: #FF0000;
        }

/*contenu  liste concerts et toute la Presse  bleus*/
    #contenu.concertbleu
        {
            float: right;
            width: 718px; 
            margin: 0;
            height:535px;
            overflow: auto;
            border-left: 4px solid #000000;
            background: #FFFFFF; 
            padding : 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
    
        #contenu p.concertbleu 
        {   
            width: 650px;
            padding-left: 20px;
            margin-bottom: 10px;
            text-indent: 0px;
            line-height: 1.5em;
            
        }
        #contenu.concertbleu h1
        {   
            color: #000000;
        }
        #contenu.concertbleu h2
        {   
            color: #000000;
        }
    
        #contenu.concertbleu h3
        {   
            color: #3838E1;
            text-indent: 0px;
        }
        
        #contenu.concertbleu h4
        {   
            color: #3838E1;
        }
        
        #contenu.pressebleu
        {
            float: right;
            width: 718px; 
            margin: 0;
            height:535px;
            overflow: auto;
            border-left: 4px solid #000000;
            background: #FFFFFF; 
            padding: 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
        #contenu p.pressebleu
        {   
            width: 650px;
            padding-left: 20px;
            margin-bottom: 10px;
            text-indent: 0px;
            line-height: 1.5em;
            
        }
        #contenu.pressebleu h1
        {   
            color: #000000;
        }
        #contenu.pressebleu h2
        {   
            color: #000000;
        }
    
        #contenu.pressebleu h3
        {   
            color: #3838E1;
            text-indent: 0px;
        }
        
        #contenu.pressebleu h4
        {   
            color: #3838E1;
        }

/*contenu  liste concerts et toute la Presse turquoise*/
    #contenu.concertturquoise
        {
            float: right;
            width: 718px; 
            margin: 0;
            height:535px;
            overflow: auto;
            border-left: 4px solid #000000;
            background: #FFFFFF; 
            padding : 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
    
        #contenu p.concertturquoise
        {   
            width: 650px;
            padding-left: 20px;
            margin-bottom: 10px;
            text-indent: 0px;
            line-height: 1.5em;
            
        }
        #contenu.concertturquoise h1
        {   
            color: #000000;
        }
        #contenu.concertturquoise h2
        {   
            color: #000000;
        }
    
        #contenu.concertturquoise h3
        {   
            color: #33CCFF;
            text-indent: 0px;
        }
        
        #contenu.concertturquoise h4
        {   
            color: #33CCFF;
        }
        
        #contenu.presseturquoise
        {
            float: right;
            width: 718px; 
            margin: 0;
            height:535px;
            overflow: auto;
            border-left: 4px solid #000000;
            background: #FFFFFF; 
            padding: 10px;
            line-height: 1.2em;
            font-size: 1em;
            color: #000000;
            text-align: left;
        }
        #contenu p.presseturquoise
        {   
            width: 650px;
            padding-left: 20px;
            margin-bottom: 10px;
            text-indent: 0px;
            line-height: 1.5em;
            
        }
        #contenu.presseturquoise h1
        {   
            color: #000000;
        }
        #contenu.presseturquoise h2
        {   
            color: #000000;
        }
    
        #contenu.presseturquoise h3
        {   
            color: #33CCFF;
            text-indent: 0px;
        }
        
        #contenu.presseturquoise h4
        {   
            color: #33CCFF;
        }
/*MEMBRES*/
/*CONTENU*/
/* par défaut en jaune*/
#contenumembres
        {
            float: left;
            width: 760px;
        }
#contenumembres p
        {
            font-size: 0.95em;
            text-align: justify;
            padding: 5px 10px 10px 10px;
            line-height: 1.3em;
            color: #000000;
        }
#contenumembres p.annonces
        {
        border-bottom: 2px solid #44DA7D;
        }
#contenumembres p.italic
        {
            font-style: italic;
            font-size: 0.95em;
            text-align: justify;
            padding: 5px 10px 10px 10px;
            line-height: 1.2em;
            color: #000000;
        }
#contenumembres p.gras
        {
            font-weight: bold;
            
        }
#contenumembres p.fichiers
        {
            font-weight: bold;
            font-size: 0.95em;
            padding: 5px 10px 10px 10px;
            line-height: 1em;
            color: #000000;
        }
#contenumembres p.galeries
        {
            font-weight: bold;
            font-size: 0.95em;
            padding: 5px 10px 10px 10px;
            line-height: 1em;
            color: #000000;
        }
        
#contenumembres p.retour
        {
            float: right;
            font-size: 0.6em;
            padding: 5px;
            width: 760px;
            text-align: right;
            line-height: 1em;
            color: #000000;
        }
#contenumembres h1 
        {   
            font-size: 1em;
            text-align: left;
            text-transform: uppercase;
            margin-bottom: 10px;
            padding: 10px 0 10px 10px;
            line-height: 1em;
            vertical-align: middle;
            background: #FFC20A;
            color: #000000;
        }
#contenumembres h1.gospel 
        {   
            background: #FF0000;
            color: #FFFFFF;
        }
#contenumembres h1.buzz
        {   
            background: #3838E1;
            color: #FFFFFF;
            
        }
#contenumembres h1.h2o
        {   
            background: #33CCFF;
            
        }

#contenumembres h1.admin
        {   
            background: #6A1385;
            color: #FFFFFF;
            
        }
#contenumembres h1.enfants
        {   
            background: #FF0000;
            color: #FFFFFF;
        }
#contenumembres h2.gospel
        {
            text-decoration: underline;
            font-size: 0.85em;
            padding: 5px;
            line-height: 1em;
            font-weight: bold;
            color: #ff0000;
        }
#contenumembres h2.buzz
        {
            text-decoration: underline;
            font-size: 0.85em;
            padding: 5px;
            font-weight: bold;
            line-height: 1em;
            color: #3838E1;
        }
#contenumembres h2.turquoise
        {
            text-decoration: underline;
            font-size: 0.85em;
            padding: 5px;
            line-height: 1em;
            font-weight: bold;
            color:#33CCFF;
        }
#contenumembres h1.annonces
        {   
            background: #44DA7D;
            
        }     
#contenumembres h2.enfants
        {
            text-decoration: underline;
            font-size: 0.85em;
            padding: 5px;
            line-height: 1em;
            font-weight: bold;
            color: #ff0000;
        }		
#contenumembres a 
        {   font-size: 1em;
            color: #6A1385; 
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }
#contenumembres a:hover 
        {
        text-decoration: none;     
        }
/* Lien acces aux actualités de La Puce*/       
#contenumembres p.lienjaune
        {
            float: right;
            width: 200px;
            height: 1.2em;
            margin-right: 10px;
            padding: 5px 10px 5px 0;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 1px solid #000000;
            background: #FFC20A; 
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            color: #FFFFFF;
            text-decoration: none;
        }
        
#contenumembres p.lienjaune a
        {
            color: #FFFFFF;
            cursor: pointer;
        }       
    
#contenumembres p.lienjaune a:hover
        {   
            color: #FFFFFF;
            font-style: italic; 
        }

/*Sous-Menu membres*/
        #menumembres
        {   
            float: right;
            width: 760px;
            margin-bottom: 10px;
            color: #000000;
            background: #FFFFFF;
            line-height: 1.2em;
            font-size: 1em;
            text-align: center;
            vertical-align: middle;
            font-weight: bold;
        }
        #menumembres li 
        {   
            float: right;
            margin: 10px;
            padding: 3px;
            vertical-align: middle;
            background: #FFC20A;
            
        }
        #menumembres li a
        {
            text-decoration: none;
            cursor: pointer;
        }
        #menumembres li a:hover
        {   
            text-decoration: underline;
        }
        
        #menumembres li.buzz
        {   
            background: #3838E1;
        }
        #menumembres li.buzz a
        {
            color: #FFFFFF;
        }
        #menumembres li.gospel
        {   
            background: #FF0000;
        }
        #menumembres li.gospel a
        {
            color: #FFFFFF;
        }
        #menumembres li.enfants
        {   
            background: #FF0000;
        }
        #menumembres li.enfants a
        {
            color: #FFFFFF;
        }
        #menumembres li.h2o
        {   
            background: #33CCFF;
        }
        #menumembres li.annonces
        {   
            background: #44DA7D;
        }
        
/*Sous-Menu Administration du site*/
#menumembres li.admin
        {   
            background: #6A1385;
        }
        #menumembres li.admin a
        {
            color: #FFFFFF;
        }
        
/*IMAGES*/
     
    
#img
    {
    border:0;
    }
/*image centrée*/
    
.centre
    {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   margin-top: 10px;
   }
/*image à gauche*/
.agauche
    {   
    float: left;
    }
    /*image à gauchepetite*/
.agauchepetit
    {   
    float: left;
    margin: 10px 5px 5px 10px;
    }
/*Image à droite*/
.adroite
    {
    float:right;
    }
    /*Image à droite petite marge*/
.adroitepetit
    {
    float:right;
    margin: 5px 10px;

    }
/*ESPACES*/
#contenu p.espace
        {   
            width: 742px; 
            height: 10px;
        }

#contenu p.espacegrand
        { 
            float:right;
            width: 742px; 
            height: 15px;
        }
#contenu p.espacepetit
        { 
            float:right;
            width: 742px; 
            height: 2px;
        }       
/*CONTACT*/ 
#contact
    { 
        width: 308px;
        margin: 20px auto 10px auto;
        border: 2px solid #EF4108; 
        padding: 10px;
    }
#contact p
    { 
            font-size: 1em;
            text-align: center;
            line-height: 0.9em;
            color: #000000;
    }
#contact h5
    {
            margin: .3em 0;
            font-size: 1em;
            font-weight: bold;
            text-align: center;
            text-indent: 20px;
            text-transform: uppercase;
            padding: 0;
            line-height: 1.5em;
            color: #EF4108;

    }

    
/*FORMULAIRES CONTACT */

form { width: 700px; margin: 10px auto auto 10px; }
form h3 { margin: 1.5em 0 1em 0; line-height: 1.5em; font-size: 2em; text-align: left; text-decoration: underline; font-weight: bold; color: #000000; }
form p { margin-top: 1.5em; line-height: 1.4em; vertical-align: middle; }
input { margin-left: .3em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #EF4108; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; }
textarea { margin: 10px; padding-left: .2em; border: 1px solid #EF4108; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-size: 0.9em;  }

.detail { font-size: 0.1em; font-style: italic; font-weight: normal; line-height: 1em; }
.agauche { float: left; margin-left: 5px; margin-right: 15px; }
.adroite { float: right; margin-left: 50px; margin-right: 10px; padding-bottom: 50px; text-decoration: underline;}
.civilite input { margin-top: 0.5em; margin-left: 3em; background: none; border: 0; }
.envoyer { margin: 0.8em; margin-left: 0px; float: left; cursor: pointer; font-weight: bold; }
.envoyer input { padding: .2em; border: 1px solid #EF4108; background: #EF4108; color: #FFFFFF; cursor: pointer; font-weight: bold; }

/*FORMULAIRES NEWSLETTER*/

form.news { width: 550px; margin: 10px auto auto 10px; }
form.news h3 { margin: 3em 0 1.5em 0; line-height: 1.5em; font-size: 2em; text-align: left; text-decoration: underline; font-weight: bold; color: #B8008A; }
form p { margin-top: 1.5em; line-height: 1.4em; vertical-align: middle; }
input.news { margin-left: .3em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #B8008A; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; }

.detail { font-size: 0.1em; font-style: italic; font-weight: normal; line-height: 1em; }
.agauche { float: left; margin-left: 5px; margin-right: 15px; }
.adroite { float: right; margin-left: 50px; margin-right: 10px; padding-bottom: 50px; text-decoration: underline;}
.civilite input.news { margin-top: 0.5em; margin-left: 3em; background: none; border: 0; }
.envoyer { margin: 0.8em; margin-left: 0px; float: left; cursor: pointer; font-weight: bold; }
.envoyer input.news { padding: .2em; border: 1px solid #B8008A; background:#B8008A; color: #FFFFFF; cursor: pointer; font-weight: bold; }   

/*FORMULAIRES ENTREE DES ARTISTES*/

form.artistes { width: 650px; margin: 10px auto ; }
form.artistes h3 { margin: 3em 0 1.5em 0; line-height: 1.5em; font-size: 2em; text-align: left; text-decoration: underline; font-weight: bold; color: #FF0000; }
form.artistes p{line-height: 1.2em; vertical-align: middle; font-size: 0.85em; text-align: left; font-weight: bold; color: #FF0000;}
input.artistes{ margin-left: 1em; margin-bottom: .5em; margin-right: .5em; padding-left: .2em; border: 1px solid #6A1385; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; }
input.artistesenvoi{ margin-left: .3em; margin-bottom: .5em; padding-left: .2em; border: 1px solid #6A1385; background: #6A1385; color: #FFFFFF; line-height: 1.2em; vertical-align: middle; cursor:pointer; }
select{ border: 1px solid #7B7B7B;}
legend{padding:0 .7em .7em .7em; font-size: 1; text-align: center; font-style: italic; color: #6A1385;}
fieldset{border: 1px solid #7B7B7B; margin-bottom: .5em;}

/*FORMULAIRES NOUS PROGRAMMER*/

form.prog { float:left; margin: 10px 0; }
form.prog h3 { margin: 0.5em 0 1.5em 0; line-height: 1.5em; font-size: 2em; text-align: left; text-decoration: underline; font-weight: bold; color: #7B7B7B; }
form.prog h2{ margin: 0.5em 0 1.5em 0; padding: 0 10px; line-height: 1.5em; font-size: 2em; text-align: center; text-decoration: none; font-weight: bold; color: #7B7B7B; }
form.prog p { margin-top: .3em; line-height: 1em; vertical-align: middle; }
input.prog { margin-left: .5em; margin-bottom: .5em; padding-left: .5em; border: 1px solid #6A1385; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-style: normal; }
textarea.prog { margin: 10px; padding-left: .2em; border: 1px solid #6A1385; background: #FFFFFF; color: #000000; line-height: 1.2em; vertical-align: middle; font-size: 0.9em;  }
fieldset.prog{border: 1px solid #6A1385; margin-bottom: .5em;}
fieldset.proga{ width: 475px; border: 1px solid #6A1385; margin-bottom: .5em; margin-right: 10px;}

legend.prog{padding:0 .8em .8em .8em; font-size: 1em; text-align: left; font-style: italic; color: #6A1385;}

.detail { font-size: 0.1em; font-style: italic; font-weight: normal; line-height: 1em; }
.agauche { float: left; margin-left: 5px; margin-right: 15px; }
.adroite { float: right; margin-left: 50px; margin-right: 10px; padding-bottom: 50px; text-decoration: underline;}
.civilite input.prog { margin-top: 0.5em; margin-left: 3em; background: none; border: 0; }
.envoyer { margin: 0.8em; margin-left: 0px; float: left; cursor: pointer; font-weight: bold; }
.envoyer input.prog { padding: .2em; border: 1px solid #6A1385; background:#6A1385; color: #FFFFFF; cursor: pointer; font-weight: bold; }   

/*ACCUEIL*/

#contenuaccueil
    {
    float: left;
    width: 760px;
    }
#son
    {
    float: left;
    width:150px;
    height:30px;
    }
#degrade
    {
    float: left;
    width:610px;
    height:30px;
    }
#choriste01
    {
    float: left;
    width:100px;
    height:104px;
    }

#gaucheh2o
    {
    float: left;
    width:73px;
    height:104px;
    }

#entreeh20
    {
    float: left;
    width:162px;
    height:104px;
    background: url(images/index/entree_h20.jpeg) no-repeat left top;
    }
#entreeh20 a 
    {
    float: left;
    width:162px;
    height:104px;
    background: url(images/index/entree_h20.jpeg) no-repeat left top;
    }
#entreeh20 a:hover
    {
    float: left;
    width:162px;
    height:104px;
    background: url(images/index/entree_h20-over.jpeg) no-repeat left top;
    }


#choriste02
    {
    float: left;
    width:96px;
    height:104px;
    }

#htguitariste
    
    {
    float: left;
    width:220px;
    height:104px;
    }

#drguitariste
    {
    float: left;
    width:109px;
    height:104px;
    }

#entreebuzz
    {
    float: left;
    width:220px;
    height:123px;
    background: url(images/index/entree_buzz.jpeg) no-repeat left top;
    }
#entreebuzz a
    {
    float: left;
    width:220px;
    height:123px;
    background: url(images/index/entree_buzz.jpeg) no-repeat left top;
    }
#entreebuzz a:hover
    {
    float: left;
    width:220px;
    height:123px;
    background: url(images/index/entree_buzz-over.jpeg) no-repeat left top;
    }
#drbuzz
    {
    float: left;
    width:109px;
    height:123px;
    }

#chanteuse
    {
    float: left;
    width:100px;
    height:198px;
    }
#entreegospel
    {
    float: left;
    width:152px;
    height:198px;
    background: url(images/index/entree_gospel.jpeg) no-repeat left top;
    }
#entreegospel a
    {
    float: left;
    width:152px;
    height:198px;
    background: url(images/index/entree_gospel.jpeg) no-repeat left top;
    }
#entreegospel a:hover
    {
    float: left;
    width:152px;
    height:198px;
    background: url(images/index/entree_gospel-over.jpeg) no-repeat left top;
    }
#entreeenfants
    {
    float: left;
    width:152px;
    height:198px;
    background: url(images/index/entree_enfants.jpeg) no-repeat left top;
    }
#entreeenfants a
    {
    float: left;
    width:152px;
    height:198px;
    background: url(images/index/entree_enfants.jpeg) no-repeat left top;
    }
#entreeenfats a:hover
    {
    float: left;
    width:152px;
    height:198px;
    background: url(images/index/entree_ennfants-over.jpeg) no-repeat left top;
    }
#hauttexte
    {
    float: left;
    width:179px;
    height:123px;
    }

#texteaccueil
    {
    float: left;
    width:393px;
    height:72px;
    background: url(images/index/texte_accueil.jpeg) no-repeat left top;
    font-size: 0.75em;
    text-align: left;
    padding: 3px 3px 0 3px;
    line-height: 1.1em;
    color: #000000;
    font-weight: bold;
    }
#texteaccueil p
    {
    width:350px;
    }
#drpublic
    {
    float: right;
    width:109px;
    height:203px;
}

#gaucheenceinte
    {
    float: left;
    width:100px;
    height:128px;
    }
#drenceinte
    {
    float: left;
    width:152px;
    height:128px;
    }

#public
    {
    float: left;
    width:399px;
    height:128px;
    }