/**************************************************/
/*             ACCUEIL                            */
/**************************************************/
body {
        background-color: #330000;
        /*  background-color: #bdc8f5; */
	height: 100%;
	scrollbar-face-color:#e9e7d4;
        font-size: 10px;
        scrollbar-highlight-color:#ffffff;
        color:#333333; scrollbar-arrow-color:#cc6600;
        scrollbar-track-color:#cccccc;
        scrollbar-darkshadow-color:#cccccc;
}
.conteneur {
        background-color: #330000;
 	height: 580px;
	width: 800px;
	margin-left: -400px;
	position: absolute;
	left: 58%;
	margin-top: 20px;
}
.pochette {
  width: 250  px;
  height: 400px;
  position: absolute;
  margin-left: 60px;
  margin-top:70px;
  }
.pochette img {
  }
.fondpage {
  width: 450px;
  height: 500px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(images/presse.jpg);
   }
.fondpage img {
  margin-top: 10px;
  margin-left: 20px;
  }
.fondpage2 {
  width: 450px;
  height: 700px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(images/presse.jpg);
}
.rectangle {
  width: 80px;
  height: 500px;
  position: absolute;
  background-color: #FFE494;
  margin-left: 480px;
  margin-top: 70px;
}
.rectangle2 {
  width: 80px;
  height: 700px;
  position: absolute;
  background-color: #FFE494;
  margin-left: 480px;
  margin-top: 70px;
}
.soustitre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color:  #CC6666    ;
	margin-top: 510px;
	margin-left: 160px;
	position: absolute;
 z-index:2
 }
 .soustitre h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FDD661 ;
	margin-top: 480px;
	margin-left: 200px;
	position: absolute;
 }
.annonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
		color: white;
	margin-top: 150px;
	margin-left: 260px;
	position: absolute;     z-index:2
 }
 .annonce h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: white ;

 }

/**************************************************/
/*             NAVIGATION                         */
/**************************************************/

.nav1 {
  position: absolute;
   margin-left: 90px;

}
.nav1 ul {list-style-type: none;
}

.nav1 li {
      float:left  ;
      padding: 15px  ;
}

.nav1 a {
      height: 30px;
      text-decoration: none;
      color:  #FDD661;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 15px;
      font-weight: bold;
}

.nav1 a:hover {
     color:  #CC6666;
 }

.nav2 {
      width: 100px;
      height: 250px;
      margin-left: 520px;
      position: absolute; margin-top: 100px;
}

.nav2 ul {
      list-style-type: none;
}

.nav2 li {
      padding: 15px  ;
}

.nav2 a {
     width: 100px;
     height: 30px;
     text-align: center;
     text-decoration: none;
     color:  #FDD661;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 15px;
     font-weight: bold;
     padding-top: 10px;
	 }

.nav2 a:hover {
     color: #CC6666;
     }

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
       margin-left: 0px;
        margin-top: 10px;
           color:  #CC6666
 }

/**************************************************/
/*             PAGE CONTACT                       */
/**************************************************/
.fondpage_contact {
  width: 450px;
  height: 500px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(images/fondpiano.gif);
  }
.contact{
  width: 600px;
  height: 150px;
  margin-left:180px;
  position: absolute;
  margin-top: 300px;

}
.contact li {
font-family: Arial, Helvetica, sans-serif;
color: #5c5c5b;
list-style-type: none;
padding: 10px;
font-size: 14px;
 }
.contact a {
	color: #5c5c5b;
	width: 130px;
	text-align: center;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.contact a:hover {
	color: red;
	width: 130px;

	text-align: center;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************/
/*             PAGE LIEN                          */
/**************************************************/
.fondpage_lien {
  width: 450px;
  height: 500px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(images/presse.jpg);

  }
.liens{
  width: 600px;
  height: 150px;
  margin-left:120px;
  position: absolute;
  margin-top: 100px;

}
.liens li {
font-family: Arial, Helvetica, sans-serif;
color: #5c5c5b;
list-style-type: none;
padding: 5px;
 }
.liens a {
	color: #5c5c5b;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.liens a:hover {
	color: red;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************/
/*             BIOGRAPHIE                         */
/**************************************************/
.nicolas {
  /*margin-left:-470px;
  position: absolute;
  margin-top: 70px;   */
 }

#nicolascv {
 margin-left: 100px;
  margin-top: 250px;
  visibility:hidden;
  position: absolute;
  width: 470px;
  height: 280px;
  background-color: #FFFFFF ;
  color:  #CC6666 ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	text-decoration: none;

}
#nicolascv  div{
 margin-left: 10px;
                margin-right: 10px;
}
.robert {
 /* margin-left:-470px;
  position: absolute;
  margin-top: 70px; */
 }

#robertcv {
 margin-left: 17px;
  margin-top: 250px;
  visibility:hidden;
  position: absolute;
  width: 550px;
  height: 380px;
  background-color: #FFFFFF ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	text-decoration: none;
  color:  #CC6666 ;

}
#robertcv  div{
 margin-left: 10px;
   margin-right: 5px;

}
#guitare {
 margin-left: 10px;
  margin-top: 160px;
  visibility:hidden;
  position: absolute;
  width: 350px;
  height: 80px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#guitare  div{
 margin-left: 10px;
   margin-right: 5px;
}

/**************************************************/
/*             PAGE TEXTES                        */
/**************************************************/
.fondpage_texte {
  width: 450px;
  height: 500px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-family: Arial;
  font-size: 12px;
  }
.textes {
   margin-left: 120px; 
    font-size: 12px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    color:  #CC6666 ;
   }
.textes h5 {
   margin-left: 200px;  margin-top: -30px;
    font-size: 8px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    color:  black ;
   }
.nav3 {
       font-size: 12px;
      margin-left: -30px;
       margin-top: 0px;
}
.nav3 a {
    color:  #CC6666 ;
}
.nav3 a:hover {
     color: red;
     }
.nav3 ul {
      list-style-type: none;
}

/**************************************************/
/*             PAGE EXTRAIT                       */
/**************************************************/
.fondpage_extrait {
  width: 450px;
  height: 500px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(images/guitare.jpg);
    }

.extraits  {
    margin-top: 40px;
    width: 130   px;
   }

.extraits ul { width: 30   px;
list-style-type: none;
margin-left: 70px;
   }

.extraits  li { float:left;
   font-size: 14px;
     	width: 300px;  padding: 8px;
      }
.extraits a {
	color: #3333CC;
	text-decoration: none;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	     background-image: url(images/disque2.gif);
	       text-indent: 25px;
        background-repeat: no-repeat;
            float:left
}
.extraits a:hover {
	color: red;
	text-decoration: none;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
         text-indent: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
          float:left
	 }
.studio  {
        position: absolute;
       margin-top: 530px;
      margin-left: 60px;
    width: 400   px;
    font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
   }
/**************************************************/
/*             PAGE PRESSE                        */
/**************************************************/
.fondpage_presse {
  width: 450px;
  height: 500px;
  position: absolute;
  background-color: #FFFFCC;
  margin-left: 20px;
  margin-top: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(images/presse.jpg);
  }
.presse {
   margin-left: 60px;
      margin-right: 45px;
    font-size: 12px;
     font-family: Verdana, Arial, Helvetica, sans-serif;

    color:  #CC6666 ;
    margin-top: 20px
   }
.presse  h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
       margin-left: 0px;
          font-weight: bold;
           color:  #CC6666
 }


/**************************************************/
/*             PAGE PHOTOS                        */
/**************************************************/

.gallery  {       margin-top: 20px ;   margin-left: 120px
}
.gallery img  {        margin-left: 0px
}
.gallery ul {list-style-type: none;

}
.gallery li {      
font-family: Arial, Helvetica, sans-serif;
color: #5c5c5b;
list-style-type: none;
padding: 0px;
 }
.gallery a {
	color: #5c5c5b;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.gallery a:hover {
	color: #CC6666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.creditphoto {
  font-size: 11px;
  margin-left:40px;
  color: #003366;
  position: absolute;   
  margin-top: 530px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
}

.creditphoto a {
	color: #003366;
	width: 130px;
}
.creditphoto a:hover {
	color: red;
}
/**************************************************/
/*             PAGE GALLERY PHOTOS                */
/**************************************************/
.conteneur2 {
        background-color: #000000;
 	height: 580px;
	width: 800px;
	margin-left: -400px;
	position: absolute;
	left: 58%;
	margin-top: 20px;
}

.gallery_titre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	margin-top: 0px;
	margin-left: 0px;  color:#CC6666
         /*color: #FDD661 ; */
 }

.retour{
	font-family: Arial, Helvetica, sans-serif;
	  margin-top:0px;
	  margin-left:0px;
	  	font-size: 26px;

}
.retour a {
	color: yellow;
	width: 130px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.retour  a:hover {
	color: #CC6666;
	width: 130px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}