/* CSS Document */


body {background-color: black} 

div#global-a     /*site au complet court*/
     {
     position: relative;
     margin: auto;
     background-image: url('images/fond-degrade.jpg');
     width: 800px;
     height: 1000px;
     text-align: left;
     }     

div#global-b     /*site au complet long*/
     {
     position: relative;
     margin: auto;
     background-image: url('images/fond-degrade.jpg');
     width: 800px;
     height: 7500px;
     text-align: left;
     }
     
div#global-c     /* site en blanc pour formulaire */
     {
     position: relative;
     margin: auto;
     background-color: white;
      width: 800px;
     height: 800px;
     text-align: left;
     }     
     
div#global-d     /* Holos à une autre époque */
     {
     position: relative;
     margin: auto;
     background-image: url('images/fond-degrade.jpg');
     width: 800px;
     height: 1450px;
     text-align: left;
     }     
     
/* head /////////////////// */

     
div#head     /*haut du site*/
     {
     position: absolute;
     margin-left: 0px;
     background-image: url('images/head-fond.jpg');
     width: 800px;
     height: 150px;
     top: 15px;
     border-bottom: solid 0px #ff432f;
     }     

div#head-top     /*barre du haut du site*/
     {
     position: absolute;
     top: 0px;
     margin-left: -15px;
     background-image: url('images/head-top.jpg');
     width: 830px;
     height: 15px;
     border-bottom: solid 0px #ff432f;
     }
        
        div#barre-droite     /* barre côté droit haut du site */
             {
             position: absolute;
             margin-left: 800px;
             background-image: url('images/barre-droite.jpg');
             top: 15px;
             width: 15px;
             height: 150px;
             border: solid 0px red;
             }     
             
        div#barre-gauche     /* barre côté gauche haut du site */
             {
             position: absolute;
             margin-left: -15px;
             background-image: url('images/barre-gauche.jpg');
             top: 15px;
             width: 15px;
             height: 150px;
             border: solid 0px red;
             }   
             
        div#barre-droite2     /* barre côté droit */
             {
             position: absolute;
             margin-left: 800px;
             background-image: url('images/barre-droite2.jpg');
             top: 165px;
             width: 15px;
             height: 835px;
             border: solid 0px red;
             }   
        
        div#barre-droite3     /* barre côté droit dossier de presse*/
             {
             position: absolute;
             margin-left: 800px;
             background-image: url('images/barre-droite2.jpg');
             top: 165px;
             width: 15px;
             height: 7350px;
             border: solid 0px red;
             }
        
        div#barre-droite5     /* barre côté droit Holos à une autre époque */
             {
             position: absolute;
             margin-left: 800px;
             background-image: url('images/barre-droite2.jpg');
             top: 165px;
             width: 15px;
             height: 1300px;
             border: solid 0px red;
             }
        div#barre-gauche2     /*Accueil - barre côté gauche*/
             {
             position: absolute;
             margin-left: -15px;
             background-image: url('images/barre-gauche2.jpg');
             top: 165px;
             width: 15px;
             height: 835px;
             border: solid 0px red;
             } 
        
        div#barre-gauche3     /*Accueil - barre côté gauche*/
             {
             position: absolute;
             margin-left: -15px;
             background-image: url('images/barre-gauche2.jpg');
             top: 165px;
             width: 15px;
             height: 7350px;
             border: solid 0px red;
             }
             
        div#barre-gauche5     /* barre côté droit Holos à une autre époque */
             {
             position: absolute;
             margin-left: -15px;
             background-image: url('images/barre-gauche2.jpg');
             top: 165px;
             width: 15px;
             height: 1300px;
             border: solid 0px red;
             }     
             
/* /////////////////////////////////////////////////////// */

div#sous-head     /*sous-haut du site*/
     {
     position: absolute;
     margin-left: 0px;
     background-color: moccasin;
     width: 800px;
     height: 218px;
     top: 165px;
     border-bottom: solid 0px #ff432f;
     }


     
     div#titre-1     /* titre1 dans barre de titres*/
     {
     position: absolute;
     margin-left: 30px;
     top: 400px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }     

     div#titre-1b     /* titre1 dans barre de titres*/
     {
     position: absolute;
     margin-left: 30px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     z-index: 1;
     } 
     
     div#titre-1c     /* titre1 dans barre de titres*/
     {
     position: absolute;
     margin-left: 30px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     z-index: 1;
     }      
     
     div#titre-2     /* titre2 dans barre de titres*/
     {
     position: absolute;
     margin-left: 110px;
     top: 400px;
     width: 100px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }                    

     div#titre-2b     /* titre2 dans barre de titres*/
     {
     position: absolute;
     margin-left: 110px;
     top: 180px;
     width: 100px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     z-index: 1;
     }
     
     div#titre-2c     /* titre2 dans barre de titres*/
     {
     position: absolute;
     margin-left: 110px;
     top: 180px;
     width: 100px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     z-index: 1;
     }       
          
     div#titre-3     /* titre3 dans barre de titres*/
     {
     position: absolute;
     margin-left: 210px;
     top: 400px;
     width: 190px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }  

     div#titre-3b     /* titre3 dans barre de titres*/
     {
     position: absolute;
     margin-left: 210px;
     top: 180px;
     width: 190px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     z-index: 1;
     } 

     div#titre-3c     /* titre3 dans barre de titres*/
     {
     position: absolute;
     margin-left: 210px;
     top: 180px;
     width: 190px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     z-index: 1;
     } 

     div#titre-4     /* titre4 dans barre de titres*/
     {
     position: absolute;
     margin-left: 400px;
     top: 400px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     } 
     
     div#titre-4b     /* titre4 dans barre de titres*/
     {
     position: absolute;
     margin-left: 400px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     } 
     
     div#titre-4c     /* titre4 dans barre de titres*/
     {
     position: absolute;
     margin-left: 400px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }      
     
     div#titre-5     /* titre5 dans barre de titres*/
     {
     position: absolute;
     margin-left: 482px;
     top: 400px;
     width: 100px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }  

     div#titre-5b     /* titre5 dans barre de titres*/
     {
     position: absolute;
     margin-left: 482px;
     top: 180px;
     width: 100px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }  

     div#titre-5c     /* titre5 dans barre de titres*/
     {
     position: absolute;
     margin-left: 482px;
     top: 180px;
     width: 100px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }  
     
     div#titre-6     /* titre6 dans barre de titres*/
     {
     position: absolute;
     margin-left: 582px;
     top: 400px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     } 

     div#titre-6b     /* titre6 dans barre de titres*/
     {
     position: absolute;
     margin-left: 582px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }

     div#titre-6c     /* titre6 dans barre de titres*/
     {
     position: absolute;
     margin-left: 582px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }
     
     div#titre-7     /* titre7 dans barre de titres*/
     {
     position: absolute;
     margin-left: 665px;
     top: 400px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }           
                
     div#titre-7b     /* titre7 dans barre de titres*/
     {
     position: absolute;
     margin-left: 665px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }    

     div#titre-7c     /* titre7 dans barre de titres*/
     {
     position: absolute;
     margin-left: 665px;
     top: 180px;
     width: 80px;
     height: 30px;
     text-align: center;
     border: solid 0px red;
     }    
     
div#titre-blues-jazz    /* titre acceuil Bluese Jazz*/
     {
     position: absolute;
     margin-left: 285px;
     top: 440px;
     width: 196px;
     height: 32px;
     text-align: center;
     border: solid 0px red;
     }     
     
div#presentation-video     /* holos-blues-jazz présentation vidéo */
     {
     position: absolute;
     margin-left: 310px;
     top: 510px;
     width: 280px;
     height: 550px;
     text-align: left;
     border-top: solid 0px red;
     }
               
          div#presentation     /* holos-blues-jazz présentation */
               {
               position: absolute;
               margin-left: 15px;
               top: 510px;
               width: 265px;
               height: 550px;
               text-align: right;
               border-top: solid 4px #f4ab1f;
               } 
          
          div#presentation2     /* holos-blues-jazz présentation */
               {
               position: absolute;
               margin-left: 15px;
               top: 510px;
               width: 265px;
               height: 550px;
               text-align: right;
               border-top: solid 0px #f4ab1f;
               }
               
          div#presentation3     /* holos-devis présentation */
               {
               position: absolute;
               margin-left: 0px;
               top: 470px;
               width: 800px;
               height: 400px;
               text-align: center;
               border: solid 0px #f4ab1f;
               }        
          
          div#presentation4     /* holos-contact présentation */
               {
               position: absolute;
               margin-left: 0px;
               top: 550px;
               width: 800px;
               height: 400px;
               text-align: center;
               border: solid 0px #f4ab1f;
               }  

/* ALBUM //////////////////////////////////////////////////////////  */

div#album     /* album holos */
     {
     position: absolute;
     margin-left: 40px;
     top: 290px;
     width: 470px;
     height: 190px;
     text-align: left;
     border: solid 0px red;
     } 

div#pochette     /* pochette album holos   */
     {
     position: absolute;
     margin-left: 550px;
     top: 240px;
     width: 235px;
     height: 240px;
     text-align: left;
     border: solid 0px red;
     } 
     
div#titre-album     /* CD disponible  */
     {
     position: absolute;
     margin-left: 40px;
     top: 250px;
     width: 460px;
     height: 20px;
     border: solid 0px red;
     }     
       
div#titre-album2     /* titre album - album  */
     {
     position: absolute;
     margin-left: 40px;
     top: 540px;
     width: 720px;
     height: 20px;
     border: solid 0px red;
     }



                div#cd-titre1     /* titre chanson 1 - album */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 580px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-1     /* mp3-1 - album     */
                     {
                     position: absolute;
                     margin-left: 575px;
                     top: 580px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }
                     
                div#cd-titre2     /* titre chanson 2 - album  */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 605px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-2     /* mp3-2 - album    */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 605px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }     
                 
                div#cd-titre3     /* titre chanson 3 - album   */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 630px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-3     /* mp3-3 - album    */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 630px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }   
                 
                div#cd-titre4     /* titre chanson 4 - album   */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 655px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-4     /* mp3-4 - album   */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 655px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }
                
                div#cd-titre5     /* titre chanson 5 - album   */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 685px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-5     /* mp3-5 - album    */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 685px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }
                
                div#cd-titre6     /* titre chanson 6 - album  */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 710px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-6     /* mp3-6 - album */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 710px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     } 
                 
                div#cd-titre7     /* titre chanson 7 - album */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 735px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-7     /* mp3-7 - album   */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 735px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     } 
                
                div#cd-titre8     /* titre chanson 8 - album  */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 755px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-8     /* mp3-8 - album    */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 755px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     } 
                 
                div#cd-titre9     /* titre chanson 9 - album    */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 780px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-9     /* mp3-9 - album        */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 780px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }  
                 
                div#cd-titre10     /* titre chanson 10 - album   */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 805px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-10     /* mp3-10 - album    */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 805px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }  
                 
                div#cd-titre11     /* titre chanson 11 - album */
                     {
                     position: absolute;
                     margin-left: 150px;
                     top: 830px;
                     width: 350px;
                     height: 20px;
                     border: solid 0px red;
                     }
                
                div#mp3-11     /* mp3-11 - album      */
                     {
                     position: absolute;
                     margin-left: 550px;
                     top: 830px;
                     width: 230px;
                     height: 20px;
                     border: solid 0px blue;
                     }  
 
/* DOSSIER DE PRESSE ssssssssssssssssssssssssssssssssssssssss */


div#presse1     /*  presse texte 1 */
     {
     position: absolute;
     margin-left: 30px;
     top: 220px;
     width: 740px;
     height: 170px;
     text-align: left;
     border: solid 0px red;
     } 
 
 div#presse2     /*  presse image 1 */
     {
     position: absolute;
     margin-left: 50px;
     top: 430px;
     width: 500px;
     height: 621px;
     text-align: left;
     border: solid 0px red;
     } 

div#presse3     /*  presse texte 2 */
     {
     position: absolute;
     margin-left: 30px;
     top: 1490px;
     width: 740px;
     height: 100px;
     text-align: left;
     border: solid 0px red;
     }
 
 div#presse4     /*  presse image 2 */
     {
     position: absolute;
     margin-left: 150px;
     top: 1630px;
     width: 500px;
     height: 621px;
     text-align: left;
     border: solid 0px red;
     } 
     
div#presse5     /*  presse texte 3 */
     {
     position: absolute;
     margin-left: 30px;
     top: 2590px;
     width: 740px;
     height: 100px;
     text-align: left;
     border: solid 0px red;
     }     
      
 div#presse6     /*  presse image 3 */
     {
     position: absolute;
     margin-left: 50px;
     top: 2700px;
     width: 700px;
     height: 331px;
     text-align: left;
     border: solid 0px red;
     } 
     
div#presse7     /*  presse texte 4 */
     {
     position: absolute;
     margin-left: 30px;
     top: 3060px;
     width: 740px;
     height: 100px;
     text-align: left;
     border: solid 0px red;
     }       
          
 div#presse8     /*  presse image 4 */
     {
     position: absolute;
     margin-left: 100px;
     top: 3200px;
     width: 600px;
     height: 745px;
     text-align: left;
     border: solid 0px red;
     } 
     
 div#presse9     /*  presse image 5 */
     {
     position: absolute;
     margin-left: 50px;
     top: 4000px;
     width: 700px;
     height: 813px;
     text-align: left;
     border: solid 0px red;
     }      

 div#presse10     /*  presse image 6 */
     {
     position: absolute;
     margin-left: 50px;
     top: 4860px;
     width: 700px;
     height: 813px;
     text-align: left;
     border: solid 0px red;
     }     

 div#presse11     /*  presse image 7 */
     {
     position: absolute;
     margin-left: 50px;
     top: 5500px;
     width: 700px;
     height: 987px;
     text-align: left;
     border: solid 0px red;
     } 

 div#presse12     /*  presse image 8 */
     {
     position: absolute;
     margin-left: 110px;
     top: 6540px;
     width: 600px;
     height: 804px;
     text-align: left;
     border: solid 0px red;
     } 

/* AGENDA ////////////////////////////////////////////////////////// */

div#holos-agenda-titre     /* agenda titre Holos */
     {
     position: absolute;
     top: 450px;
     width: 800px;
     height: 50px;
     text-align: center;
     border: solid 0px red;
     }

div#holos-agenda     /* agenda Holos */
     {
     position: absolute;
     margin-left: 125px;
     top: 500px;
     width: 550px;
     height: 500px;
     text-align: left;
     border: solid 0px red;
     } 

div#holos-agenda-frame   /* Holos agenda-frames  */
   {
   position: absolute;
   top: -10px;
   margin-left: -25px;
   width: 550px;
   height: 5000px;
   background-color: #ADD8E6;
   z-index:1;
   border: solid 0px black;
   }     

div#holos-devis   /* boite PDF Holos devis technique */
   {
   position: absolute;
   top: 860px;
   margin-left: 275px;
   text-align: center;
   width: 250px;
   height:130px;
   border-top: solid 3px #efbc55;
   } 

div#holos-devis-titre     /* devis titre Holos */
     {
     position: absolute;
     top: 500px;
     width: 800px;
     height: 50px;
     text-align: center;
     border: solid 0px red;
     }

div#formulaire     /* formulaire poste */
     {
     position: absolute;
     top: 0px;
     width: 800px;
     height: 700px;
     text-align: center;
     border: solid 0px red;
     }

div#achat     /*  page achat */
     {
     position: relative;
     top: 0px;
     width: 800px;
     height: 50px;
     text-align: center;
     border: solid 0px red;
     }  
     
div#achat2     /*  page achat */
     {
     position: relative;
     top: 0px;
     width: 800px;
     height: 250px;
     text-align: center;
     border: solid 0px blue;
     }  

div#retour-haut     /* retour de haut de la page poste */
     {
     position: absolute;
     margin-left: 0px;
     top: 0px;
     width: 100px;
     height: 30px;
     text-align: left;
     border: solid 0px red;
     } 

div#retour-bas     /* retour de bas de la page poste */
     {
     position: absolute;
     margin-left: 170px;
     top: 670px;
     width: 500px;
     height: 30px;
     text-align: left;
     border: solid 0px red;
     }      


div#facebook     /* Holos facebook */
     {
     position: absolute;
     margin-left: 740px;
     top: 950px;
     width: 35px;
     height: 45px;
     border: solid 0px red;
     }
     
     
div#facebook-agenda     /* Holos facebook */
     {
     position: absolute;
     margin-left: 740px;
     top: 945px;
     width: 35px;
     height: 45px;
     border: solid 0px red;
     }   


div#facebook-contact     /* Holos facebook */
     {
     position: absolute;
     margin-left: 740px;
     top: 945px;
     width: 35px;
     height: 45px;
     border: solid 0px red;
     }
     
div#facebook-album     /* Holos facebook */
     {
     position: absolute;
     margin-left: 740px;
     top: 945px;
     width: 35px;
     height: 45px;
     border: solid 0px red;
     }       
          

     div#facebook-texte     /* Holos facebook */
     {
     position: absolute;
     margin-left: 620px;
     top: 950px;
     width: 120px;
     height: 40px;
     border: solid 0px red;
     }
     
     
div#facebook-texte-agenda     /* Holos facebook */
     {
     position: absolute;
     margin-left: 620px;
     top: 950px;
     width: 120px;
     height: 40px;
     border: solid 0px red;
     }  
     
div#facebook-texte-contact     /* Holos facebook */
     {
     position: absolute;
     margin-left: 620px;
     top: 950px;
     width: 120px;
     height: 40px;
     border: solid 0px red;
     }  
     
div#facebook-texte-album     /* Holos facebook */
     {
     position: absolute;
     margin-left: 620px;
     top: 950px;
     width: 120px;
     height: 40px;
     border: solid 0px red;
     }            

/* Holos à une autre époque ///////////////////////////  */

     
div#holos-epoque     /* lien Holos à une autre époque */
     {
     position: absolute;
     margin-left: 280px;
     top: 985px;
     width: 180px;
     height: 20px;
     border: solid 0px red;
     }     

div#holos-epoque-titre     /* titre compositions Holos */
     {
     position: absolute;
     top: 240px;
     width: 800px;
     height: 50px;
     text-align: center;
     border: solid 0px red;
     }

     
div#holos-epoque-agenda     /* lien Holos à une autre époque */
     {
     position: absolute;
     margin-left: 280px;
     top: 975px;
     width: 180px;
     height: 20px;
     border: solid 0px red;
     } 
     
     
div#holos-epoque-contact     /* lien Holos à une autre époque */
     {
     position: absolute;
     margin-left: 280px;
     top: 975px;
     width: 180px;
     height: 20px;
     border: solid 0px red;
     } 
     
 div#holos-epoque-album   /* lien Holos à une autre époque */
     {
     position: absolute;
     margin-left: 280px;
     top: 975px;
     width: 180px;
     height: 20px;
     border: solid 0px red;
     }          
     
div#reine     /* Pour vidéo La reine des nomades   */   
   {
   position: absolute;
   top: 300px;
   margin-left: 172px;
   width: 450px;
   height: 320px;
   border: solid 0px blue;
   }  

div#pilier    /* Pour vidéo J'ai secoué tes piliers   */   
   {
   position: absolute;
   top: 970px;
   margin-left: 172px;
   width: 450px;
   height: 320px;
   border: solid 0px blue;
   }

div#composition-mp3     /* Pour boite mp3 - composition   */   
   {
   position: absolute;
   top: 720px;
   margin-left: 0px;
   width: 800px;
   height: 220px;
   border: solid 0px blue;
   } 
   
div#doux-demon     /* Pour MP3 Doux Démon   */   
   {
   position: absolute;
   top: 0px;
   margin-left: 285px; 
   width: 220px;
   height: 100px;
   border: solid 0px blue;
   }
   
div#alamerci     /* Pour MP3 Doux Démon   */   
   {
   position: absolute;
   top: 120px;
   margin-left: 285px;
   width: 220px;
   height: 100px;
   border: solid 0px blue;
   } 
   
             

 /* TEXTE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   */
 
     
p.presentation    /* présenttion à gauche du vidéo   */
     {
     font-size: 17px;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 20px;
     color: #f4ab1f;
     font-weight: bold;
     }    
    
p.titre1   /* titre de Album */
     {
     font-size: 24px;
     text-align: center;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     }

p.titre2   /* titre de Album */
     {
     font-size: 18px;
     text-align: center;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     }

p.titre3     /* titres des chansons - album */
     {
     font-size: 12px;
     text-align: right;
     margin-right: 20px;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     } 

p.titre4   /* titre de Achat */
     {
     font-size: 18px;
     text-align: center;
     margin-top: 50px;
     color: #efbc55;
     font-weight: bold;
     }

p.titre5   /* crédits vidéo - composition */
     {
     font-size: 11px;
     margin-left: 0px;
     text-align: center;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     }
         
p.texte
     {
     font-size: 14px;
     margin-left: 0px;
     margin-right: 20px;
     margin-top: 10px;
     color: #efbc55;
     font-weight: bold;
     }
     
p.texte2    /* texte noir pour formulare   */
     {
     font-size: 14px;
     margin-left: 0px;
     margin-right: 20px;
     margin-top: 10px;
     color: #000000;
     font-weight: bold;
     }     

p.texte3     /* texte Holos à une autre époque */
     {
     font-size: 10px;
     text-align: right;
     margin-right: 0px;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     }

p.italic    /* texte italique page dossier de presse */
     {
     font-style:italic;
     font-size: 14px;
     text-align: left;
     margin-left: 120px;
     margin-right: 30px;
     margin-top: 20px;
     color: #efbc55;
     font-weight: bold;
     } 

p.texte-droit
     {
     font-size: 14px;
     text-align: right;
     margin-right: 60px;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     } 

p.holos-agenda-titre   /* titre frame agenda */
     {
     font-size: 24px;
     text-align: center;
     margin-top: 0px;
     color: #FF4500;
     font-weight: bold;
     }

p.holos-agenda-date   /* date de spectacles */
{
font-size: 12px;
margin-left: 50px;
color: #FF4500;
font-weight: bold;
margin-top: 10px;
}

p.holos-agenda   /* date de spectacles */
{
font-size: 15px;
margin-left: 50px;
color: #FF4500;
font-weight: bold;
margin-top: -5px;
}

p.texte-devis
     {
     font-size: 15px;
     text-align: center;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     }
     
p.holos-pdf   /* devis texte au dessus image pdf */
     {
     font-size: 15px;
     text-align: center;
     margin-left: 20px;
     margin-right: 20px;
     margin-top: 10px;
     color: #efbc55;
     font-weight: bold;
     }
     
p.texte-contact
     {
     font-size: 20px;
     text-align: center;
     margin-top: 0px;
     color: #efbc55;
     font-weight: bold;
     }     
          
     
/* IMAGES  mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */

img.logo
     {
     position: absolute;
     top: 20px;
     margin-left: 80px;
     z-index: 1;
     }

img.sous-head
     {
     position: absolute;
     top: 0;
     margin-left: 0px;
     border: none;
     z-index: 0;
     }   

img.acheter     /* image "Acheter" en haut de CD  */
     {
     position: absolute;
     top: 10px;
     margin-left: 60px;
     }

img.pochette
     {
     position: absolute;
     top: 60px;
     margin-left: 0px;
     }
     
img.presse1
    {
     position: absolute;
     top: 0px;
     margin-left: 0px;
     }
img.presse2
    {
     position: absolute;
     top: 700px;
     margin-left: 20px;
     } 

img.facebook
     {
     position: absolute;
     top: 0;
     margin-left: 0px;
     border: none;
     z-index: 0;
     }       
     
/*  ///////////////////////////////////////////////////////////   */     
     

div#bas-du-site     /*  bas du site */
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1000px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }  
     
div#bas-du-site2     /*  bas du site dossier de presse*/
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 7500px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }          
     
div#bas-du-site3     /*  bas du site pour Devis */
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1000px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }      
div#bas-du-site4     /*  bas du site pour Agenda */
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1000px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }
     
div#bas-du-site5     /*  bas du site pour Contact */ 
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1000px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }   

 

div#bas-du-site7     /*  Holos à une autre époque  */
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1450px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     } 
     
   
div#bas-du-site6    /*  bas du site pour Album */
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1000px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }                     
     
     
div#bas-du-site-achat    /*  bas du site pour Album */
     {
     position: absolute;
     margin-left: -15px;
     background-image: url('images/bas-du-site.jpg');
     top: 1000px;
     width: 830px;
     height: 15px;
     border: solid 0px red;
     }