/* css carldesjardins */
body {margin: 0}
body {background-color: #000000}      

body{font-family:arial;}

a{color:navy;text-decoration:none;font:bold}
a:hover{color:royalblue}

/* images ////////////////////////////////*/

img
{
position:absolute;
top: 20%;
left: 20%
}

img.ligne
{
position:absolute;
top: 150px;
margin-left: 75px;
}

img.anthology-ligne
{
position:absolute;
top: 0px;
left: 0px;
}

img.index-baguettes
{
position:absolute;
top: 165px;
left: 190px;
z-index:2;
}

img.index-snare
{
position:absolute;
top: 170px;
left: 485px;
z-index: 2;
}

img.index-anthology
{
position:absolute;
top: 105px;
left: 90px;
}

img.index-jazz-blue
{
position:absolute;
top: 130px;
left: 400px;
}

img.pdf   /* pdf jazz'n'blue  */
{
position:absolute;
top: 40px;
left: 105px;
}

img.anthology
{
position:absolute;
top: 40px;
left: 350px;
}

img.anthology-repertoire
{
position:absolute;
top: 0px;
left: 30px;
}

img.anthology-poster
{
position:absolute;
top: 10px;

}

img.anthology-pdf
{
position:absolute;
top: 40px;
left: 90px;
}

img.anthology-pdf2
{
position:absolute;
top: 180px;
left: 80px;
}

img.anthology-contact
{
position:absolute;
top: 80px;
left: 70px;
}

img.anthology-photo
{
position:absolute;
top: 0px;
left: 0px;
}

img.anthology-references
{
position:absolute;
top: 0px;
}

img.jazz  /* jazz-blue presentation  */
{
position:absolute;
margin-left: 180px;
top: 30px;
}

img.jazz-blue-4photos
{
position: absolute;
top: 30px;
margin-left: -50px;
}

img.jazz-blue-band
{
position: absolute;
top: 200px;
margin-left: 25px;
}

img.photo-jardins
{
position:absolute;
top: 30px;
left: 50px;
}

img.photo-bottine
{
position:absolute;
top: 25px;
left: 95px;
}

img.photo-riotel
{
position:absolute;
top: 40px;
left: 50px;
}

img.photo-rimouski
{
position:absolute;
top: 20px;
left: 50px;
}

img.photo-cld
{
position:absolute;
top: 40px;
left: 50px;
}


/* texte ////////////////////////////////////*/

h3
  {
  position: relative;
  color: brown;
  text-align: center;
  margin: auto;
  top: 40px;
  }

h4 
  {
  position: absolute;
  color: brown;
  text-align: center;
  margin-left: 40%;
  margin-right: 40%;
  top: 10px;
  }
  
h4.index 
  {
  position: absolute;
  font-size: 11px;
  color: brown;
  text-align: center;
  margin-left: 310px;
  top: -40px;
  }  
  
h5 
  {
  position: relative;
  color: brown;
  text-align: center;
  margin: auto;
  top: 0px;
  }
  
h6.poster   /*  anthology poster */
  {
  position: relative;
  color: brown;
  text-align: center;
  margin-left: -50px;
  top: 70px;
  font-size: 80%;  
  } 
  
p.references 
  {
  position: relative;
  font-size: 11px;
  color: brown;
  text-align: center;
  margin: auto;
  top: 0px;
  }     
  
p.titre
{
position: absolute;
font-size: 18px;
margin-top: 35px;
margin-left: 240px;
color: brown;
font-weight: bold;
}

p.titre0
{
position: absolute;
font-size: 20px;
text-align: center;
margin-left: 305px;
margin-top: 50px;
color: brown;
font-weight: bold;
}

p.titre-1

{
position: absolute;
font-size: 18px;
margin-top: 15px;
margin-left: 200px;
color: brown;
font-weight: bold;
}
 
p.titre-1b    /* jazz-blue contact */

{
position: absolute;
font-size: 18px;
margin-top: 15px;
margin-left: 200px;
color: brown;
font-weight: bold;
}
  
p.texte
{
position: absolute;
font-size: 14px;
margin-top: 60px;
margin-left: 40px;
color: brown;
font-weight: bold;
}  

p.jazz-texte
{
position: absolute;
font-size: 12px;
margin: auto;
margin-top: 0px;
color: brown;
font-weight: bold;
} 

p.texte-centre
{
position: absolute;
font-size: 13px;
margin-top: 0px;
margin-left: 23%;
margin-right: 23%;
color: brown;
font-weight: bold;
} 
   
p.anthology /* page d'accueil lien */
{
position: absolute;
font-size: 15px;
margin-top: 70px;
margin-left: 182px;
color: orange;
font-weight: bold;
}

p.jazz-blue  /* page d'accueil lien */
{
position: absolute;
font-size: 15px;
margin-top: 70px;
margin-left: 480px;
color: orange;
font-weight: bold;
}

p.anthology-texte
{
font-size: 12px;
margin-top: 0px;
margin-left: 50px;
margin-right: 280px;
color: brown;
font-weight: bold;
}

p.anthology-photo

{
position: absolute;
font-size: 10px;
margin-top: 130px;
margin-left: 30%;
margin-right: 30%;
color: brown;
font-weight: bold;
}

p.repertoire
{
position: absolute;
font-size: 13px;
margin-top: 10px;
margin-left: 175px; 
color: ivory;
font-weight: bold;
z-index:1;
}

p.retour
{
position: absolute;
font-size: 11px;
margin-top: -20px;
margin-left: 43%;
margin-right: 43%; 
color: brown;
font-weight: bold;
}

p.anthology-titre-devis  /*Anthology devis technique */
{
position: absolute;
font-size: 14px;
text-align: left;
margin-top: -20px;
margin-left: 30px;
color: brown;
font-weight: bold;
}

p.anthology-texte-devis  /* Anthology patch list  */
{
position: relative;
font-size: 11px;
text-align: left;
margin-top: 0px;
margin-left: 60px;
color: brown;
}

p.anthology-pdf  /* Anthology pdf  */
{
position: relative;
font-size: 11px;
text-align: center;
margin-top: 0px;
margin-left: 30px;
color: brown;
}

p.date  /* Anthology agenda-date  */
{
position: relative;
font-size: 11px;
text-align: center;
margin-top: 0px;
margin-left: 0px;
color: brown;
font-weight: bold;
}

p.agenda  /* Anthology et jazz'n'blue agenda-texte  */
{
position: relative;
font-size: 13px;
text-align: center;
margin-top: -5px;
margin-left: 0px;
color: brown;
font-weight: bold;
}

p.agenda2  /* jazz'n'blue titre frame  */
{
position: relative;
font-size: 15px;
text-align: center;
margin-top: -5px;
margin-left: 0px;
color: brown;
font-weight: bold;
}

p.repertoire2   /* jazz-blue répertoire  */
{
font-size: 16px;
line-height: 160%;
margin-left: 0px;
color: white;
font-weight: bold;
margin-top: 12px;
}

ul.circle
 {
 margin-top: 0px;
 list-style-type: circle;
 font-size: 11px;
 color: brown;
 text-align: left;
 margin-left: 20px;
 }

/* onglets */


.onglet {
  margin: 0px 0px 0px 27px;
  padding: 22px 0px 0px 0px;
  font-size : 12px ;
  text-decoration: none;
  text-align: center;
  float: left ;
  width: 125px ;
  height: 21px;
  background : url(images/bouton.gif) bottom no-repeat ;
  }
  
a.studio-onglet:hover {color:#4682B4}

.onglet-actif
  { 
  position:relative ;
  top:2px ;
  background : url(images/bouton-actif.gif) bottom no-repeat ;
  color: #B22222;
    }

.spacer {clear:both}

/* fin des onglets */



/* division ////////////////////////////////*/

div#site
   {
   position: relative;
   top: 30px;
   margin-left: auto;
   margin-right: auto;
   width: 740px;
   height: 600;
    border-top: solid 0px #A52A2A;
   }


div#haut   /* haut du site */
   {
   position: absolute;
   background-image: url('images/index-haut.jpg');
   top: 2px;
   margin:auto;
   width: 740px;
   height: 30px;
   border-top: solid 0px #A52A2A;
   z-index:1
   }

div#titre   /* titre haut du site */
   {
   position: absolute;
   background-image: url('images/index-fond1.jpg');
   top: 30px;
   margin:auto;
   font-size: 12px;
   text-align:  center;
   width: 740px;
   height: 190px;
   }
   
div#carl   /* image carl haut du site */
   {
   position: relative;
   background-image: url('images/carldesjardins.jpg');
   top: 40px;
   margin:auto;
   text-align:  center;
   width: 420px;
   height: 56px;
   }

div#anthology   /* image anthology haut du site */
   {
   position: relative;
   background-image: url('anthology/images/anthology.gif');
   top: 20px;
   margin: auto;
   width: 400px;
   height: 87px;
   }   
   
div#gauche   /* gauche du site */
   {
   position: absolute;
   background-image: url('images/fond-anthology-gauche.jpg');
   top: 220px;
   margin-left: 0px;
   font-size: 12px;
   text-align:  center;
   width: 140px;
   height: 430px;
   border-top: solid 0px #A52A2A;
   }    
   
div#gauche-jazz-blue   /* gauche du site jazz'n'blue */
   {
   position: absolute;
   background-image: url('images/fond-anthology-gauche.jpg');
   top: 200px;
   margin-left: 0px;
   font-size: 12px;
   text-align:  center;
   width: 140px;
   height: 450px;
   border-top: solid 0px #A52A2A;
   }  
   
div#gauche-jazz-blue2   /* gauche du site jazz'n'blue */
   {
   position: absolute;
   background-image: url('images/fond-anthology-gauche.jpg');
   top: 220px;
   margin-left: 0px;
   font-size: 12px;
   text-align:  center;
   width: 140px;
   height: 815px;
   border-top: solid 0px #A52A2A;
   }       

div#gauche-jazz-blue3   /* gauche du site jazz'n'blue */
   {
   position: absolute;
   background-image: url('images/fond-anthology-gauche.jpg');
   top: 220px;
   margin-left: 0px;
   font-size: 12px;
   text-align:  center;
   width: 140px;
   height: 1350px;
   border-top: solid 0px #A52A2A;
   }  

div#centre-droit2   /* JAzz'N'Blue video */
   {
   position: absolute;
   background-image: url('images/fond-anthology.jpg');
   top: 220px;
   margin-left: 140px;
   font-size: 12px;
   text-align:  center;
   width: 600px;
   height: 1350px;
   border-top: solid 0px #A52A2A;
   }   
 
div#centre   /* centre du site */
   {
   position: absolute;
   background-image: url('images/index-fond1.jpg');
   top: 220px;
   margin:auto;
   font-size: 12px;
   text-align:  center;
   width: 740px;
   height: 430px;
   border-top: solid 0px #A52A2A;
   }
   
div#boite-centre2    /* colonne du centre */
   {
   position: absolute;
   top: 220px;
   margin-left: 140px;
   background-image:url('images/fond-anthology.jpg');
   background-repeat: repeat;
   width: 600px;
   height: 815px;
   text-align:  center;
   z-index:-1
   }
       
div#player    /* player de mp3 */ 
   {
   position: absolute;
   top: 340px;
   margin-left: 350px;
   width: 200px;
   height: 18px;
   border: solid 0px grey;
   }

div#anthology-video  /*  Anthology video accueil */
   {
   position: absolute;
   margin-left: 80px;
   margin-top: 30px;
   width: 425px;
   height: 1100px;
   text-align:  center;
   border: solid 0px #A52A2A;
   z-index: 1;
   } 


   
div#centre-droit   /* Anthology centre du site */
   {
   position: absolute;
   background-image: url('images/fond-anthology.jpg');
   top: 220px;
   margin-left: 140px;
   font-size: 12px;
   text-align:  center;
   width: 600px;
   height: 430px;
   border-top: solid 0px #A52A2A;
   }   
   
div#centre-droit-g   /* Anthology centre gauche du site */
   {
   position: absolute;
   background-color: #fffacd;
   top: 220px;
   margin-left: 140px;
   font-size: 12px;
   text-align:  center;
   width: 355px;
   height: 430px;
   border-top: solid 0px #A52A2A;
   }    

div#centre-droit-d   /* Anthology centre droit du site */
   {
   position: absolute;
   background-image: url('images/fond-anthology-d-d.jpg');
   top: 0px;
   margin-left: 355px;
   font-size: 12px;
   text-align:  center;
   width: 245px;
   height: 430px;
   border-top: solid 0px #A52A2A;
   }  

div#anthology-photo0   /* Anthology photo0 */
   {
   position: absolute;
   top: 20px;
   margin-left: 40px;
   font-size: 12px;
   text-align: center;
   width: 500px;
   height: 180px;
   border: solid 0px #A52A2A;
   }

div#anthology-photo1   /* Anthology photo1 */
   {
   position: absolute;
   top: 210px;
   margin-left: 40px;
   font-size: 12px;
   text-align: center;
   width: 90px;
   height: 160px;
   border: solid 0px #A52A2A;
   }
   
div#anthology-photo2   /* Anthology photo2 */
   {
   position: absolute;
   top: 210px;
   margin-left: 142px;
   font-size: 12px;
   text-align:  center;
   width: 90px;
   height: 160px;
   border: solid 0px #A52A2A;
   }   
   
div#anthology-photo3   /* Anthology photo3 */
   {
   position: absolute;
   top: 210px;
   margin-left: 244px;
   font-size: 12px;
   text-align:  center;
   width: 90px;
   height: 160px;
   border: solid 0px #A52A2A;
   }      

div#anthology-photo4   /* Anthology photo4 */
   {
   position: absolute;
   top: 210px;
   margin-left: 346px;
   font-size: 12px;
   text-align:  center;
   width: 90px;
   height: 160px;
   border: solid 0px #A52A2A;
   } 
   
div#anthology-photo5   /* Anthology photo5 */
   {
   position: absolute;
   top: 210px;
   margin-left: 448px;
   font-size: 12px;
   text-align:  center;
   width: 90px;
   height: 160px;
   border: solid 0px #A52A2A;
   }   

div#anthology-agenda   /* Anthology agenda */
   {
   position: absolute;
   top: 60px;
   margin-left: 75px;
   width: 400px;
   height: 400px;
   z-index:1;
   border: solid 0px black;
   }  
   
div#anthology-agenda-frame   /* Anthology agenda-frames  */
   {
   position: absolute;
   top: 0px;
   margin-left: 0px;
   width: 400px;
   height: 4000px;
   background-color: sandybrown;
   z-index:1;
   border: solid 0px black;
   } 

div#devis-1   /* Anthology Devis console */
   {
   position: absolute;
   background-color: #fffacd;
   top: 20px;
   margin-left: 10px;
   font-size: 12px;
   text-align:  center;
   width: 330px;
   height: 130px;
   border-right: solid 0px #A52A2A;
   }    
  
div#devis-2   /* Anthology Devis moniteurs */
   {
   position: absolute;
   background-color: #fffacd;
   top: 150px;
   margin-left: 10px;
   font-size: 12px;
   text-align:  center;
   width: 330px;
   height: 70px;
   border-right: solid 1px #A52A2A;
   }    
   
div#devis-3   /* Anthology Devis amplification */
   {
   position: absolute;
   background-color: #fffacd;
   top: 220px;
   margin-left: 10px;
   font-size: 12px;
   text-align:  center;
   width: 330px;
   height: 55px;
   border: solid 0px #A52A2A;
   }     
   
div#devis-4   /* Anthology Devis micros */
   {
   position: absolute;
   background-color: #fffacd;
   top: 275px;
   margin-left: 10px;
   font-size: 12px;
   text-align:  center;
   width: 330px;
   height: 140px;
   border: solid 0px #A52A2A;
   }     

div#devis-5   /* Anthology Devis éclairage */
   {
   position: absolute;
   background-color: #fffacd;
   top: 20px;
   margin-left: 300px;
   font-size: 12px;
   text-align:  center;
   width: 200px;
   height: 30px;
   border: solid 0px #A52A2A;
   } 
   
div#devis-6   /* Anthology patch list */
   {
   position: absolute;
   background-color: #fffacd;
   top: 50px;
   margin-left: 300px;
   font-size: 12px;
   text-align:  center;
   width: 200px;
   height: 250px;
   border: solid 0px #A52A2A;
   }    

div#devis-7   /* Anthology PDF */
   {
   position: absolute;
   background-color: #fffacd;
   top: 310px;
   margin-left: 300px;
   font-size: 12px;
   text-align:  center;
   width: 200px;
   height: 80px;
   border: solid 0px #A52A2A;
   }  



/* sections de la page références de Anthology */



div#section-g1
   {
   position: absolute;
   background-color: #fffacd;
   top: 20px;
   margin-left: 20px;
   font-size: 12px;
   text-align:  center;
   width: 300px;
   height: 90px;
   border: solid 0px #A52A2A;
   }
   
div#section-g2
   {
   position: absolute;
   background-color: #fffacd;
   top: 110px;
   margin-left: 20px;
   font-size: 12px;
   text-align:  center;
   width: 300px;
   height: 90px;
   border: solid 0px #A52A2A;
   }   

div#section-g3
   {
   position: absolute;
   background-color: #fffacd;
   top: 200px;
   margin-left: 20px;
   font-size: 12px;
   text-align:  center;
   width: 300px;
   height: 90px;
   border: solid 0px #A52A2A;
   } 
   
div#section-g4
   {
   position: absolute;
   background-color: #fffacd;
   top: 290px;
   margin-left: 20px;
   font-size: 12px;
   text-align:  center;
   width: 300px;
   height: 80px;
   border: solid 0px #A52A2A;
   }    

div#section-d1
   {
   position: absolute;
   background-color: #fffacd;
   top: 20px;
   margin-left: 320px;
   font-size: 12px;
   text-align:  center;
   width: 230px;
   height: 90px;
   border: solid 0px #A52A2A;
   }
   
div#section-d2
   {
   position: absolute;
   background-color: #fffacd;
   top: 110px;
   margin-left: 320px;
   font-size: 12px;
   text-align:  center;
   width: 230px;
   height: 90px;
   border: solid 0px #A52A2A;
   }   

div#section-d3
   {
   position: absolute;
   background-color: #fffacd;
   top: 200px;
   margin-left: 320px;
   font-size: 12px;
   text-align:  center;
   width: 230px;
   height: 90px;
   border: solid 0px #A52A2A;
   } 
   
div#section-d4
   {
   position: absolute;
   background-color: #fffacd;
   top: 290px;
   margin-left: 320px;
   font-size: 12px;
   text-align:  center;
   width: 230px;
   height: 90px;
   border: solid 0px #A52A2A;
   }       

/* ----------------------------*/

div#jazz-blue   /* image jazz-blue haut du site */
   {
   position: relative;
   background-image: url('jazz-blue/images/jazz-logo.gif');
   top: 20px;
   margin: auto;
   width: 400px;
   height: 76px;
   }


div#jazz-blue-texte1
   {
   position: absolute;
   margin-left: 50px;
   margin-top: -10px;
   width: 470px;
   height: 150px;
   text-align:  center;
   border: solid 0px #A52A2A;
   } 
 
div#jazz-blue-video  /*  jazz-blue video centre droit */
   {
   position: absolute;
   margin-left: 80px;
   margin-top: 180px;
   width: 425px;
   height: 1100px;
   text-align:  center;
   border: solid 0px #A52A2A;
   z-index: 1;
   } 

div#jazz-blue-devis   /* boite jazz'n'blue devis technique */
   {
   position: absolute;
   top: 0px;
   margin-left: 175px;
   text-align:  center;
   width: 220px;
   height:154px;
   border-top: solid 0px #A52A2A;
   }       

div#jazz-blue-devis2   /* boite PDF jazz'n'blue devis technique */
   {
   position: absolute;
   top: 300px;
   margin-left: 150px;
   text-align: center;
   width: 220px;
   height:154px;
   border-top: solid 0px #A52A2A;
   } 

div#jazz-blue-repertoire   /* boite répertoire jazz-blue*/
   {
   position: absolute;
   top: -10px;
   margin-left: 50px;
   background-image: url('jazz-blue/images/jazz-back.jpg');
   width: 476px;
   height:418px;
   text-align:  center;
   filter:alpha(opacity=60);
   opacity: 0.9;
   z-index: 0;
   }    

div#references-jardins   /* boite jardins de métis*/
   {
   position: absolute;
   top: 30px;
   margin-left: 30px;
   text-align:  center;
   width: 220px;
   height:154px;
   border-top: solid 1px #A52A2A;
   }    

div#references-jardins-photo   /* boite jardins photo droite références*/
   {
   position: absolute;
   top: 30px;
   margin-left: 247px;
   text-align:  center;
   width: 238px;
   height: 155px;
   } 
   
div#references-bottine   /* boite bottine gourmande*/
   {
   position: absolute;
   top: 185px;
   margin-left: 30px;
   text-align:  center;
   width: 220px;
   height: 154px;
   border-top: solid 1px #A52A2A;
   }    
   
div#references-bottine-photo   /* boite bottine photo */
   {
   position: absolute;
   top: 185px;
   margin-left: 247px;
   text-align:  center;
   width: 238px;
   height: 155px;
   }   
   
div#references-riotel   /* boite riotel*/
   {
   position: absolute;
   top: 340px;
   margin-left: 30px;
   text-align:  center;
   width: 220px;
   height: 154px;
   border-top: solid 1px #A52A2A;
   }   
   
div#references-riotel-photo   /* boite riotel photo */
   {
   position: absolute;
   top: 340px;
   margin-left: 247px;
   text-align:  center;
   width: 238px;
   height: 155px;
   }      
   
div#references-hotel-rimouski   /* boite hotel rimouski*/
   {
   position: absolute;
   top: 494px;
   margin-left: 30px;
   text-align:  center;
   width: 220px;
   height:154px;
   border-top: solid 1px #A52A2A;
   } 

div#references-hotel-rimouski-photo   /* boite hotel-rimouski photo */
   {
   position: absolute;
   top: 494px;
   margin-left: 247px;
   text-align:  center;
   width: 238px;
   height:155px;
   }

div#references-cld   /* boite cld */
   {
   position: absolute;
   top: 649px;
   margin-left: 30px;
   text-align:  center;
   width: 220px;
   height: 146px;
   border-top: solid 1px #A52A2A;
   } 

div#references-cld-photo   /* boite cld photo */
   {
   position: absolute;
   top: 649px;
   margin-left: 247px;
   text-align:  center;
   width: 238px;
   height: 147px;
   }

div#jazz-blue-frame   /* Jazz-Blues agenda-frames  */
   {
   position: absolute;
   top: 0px;
   margin-left: 0px;
   width: 390px;
   height: 4000px;
   background-color: #FFE4B5;
   z-index:1;
   border: solid 0px black;
   } 


/* pied de page */

div#bas   /* bas du site */
   {
   position: absolute;
   background-image: url('images/index-bas.jpg');
   top: 650px;
   margin:auto;
   width: 740px;
   height: 30px;
   }   

div#pied2    /* pied de page */
   {
   position: absolute;
   top: 1035px;
   margin: auto;
   width: 740px;
   height: 30px;
   background-image: url('images/index-bas.jpg');
   z-index:1;
   }

div#pied3    /* pied de page video Jazz'n'Blue*/
   {
   position: absolute;
   background-image: url('images/index-bas.jpg');
   top: 1570px;
   margin:auto;
   width: 740px;
   height: 30px;
   }  

/*
   background-color: #000000;
   background-image:url(images/haut2.jpg);
*/