body {
	background-color: #FFFFCC;
	/*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: #000000;
 	height: 580px;
	width: 800px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
	margin-top: 20px;
	border-top: 1px none #9a432a;
	border-right: 1px dotted #9a432a;
	border-bottom: 1px none #9a432a;
	border-left: 1px dotted #9a432a;
}

.pochette {
  width: 250  px;
  height: 400px;
  position: absolute;
  margin-left: 10px;
  padding: 20px;
  margin-top:70px;

  }
.pochette a {
   margin-left: 0px;
  padding: 0px;
  margin-top:0px;
  }
  
.cache {
  position:absolute;
  left:0 ;
  top:-5000px;
}
/**************************************************/
/*	       NAVIGATION			  */
/**************************************************/

.lienActif {
	width: 100px;
     height: 30px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
      color: #3333CC;
     background: #EAEAEA;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
	 }

.bloc {
  width: 100px;
  height: 250px;
  margin-left: 580px;
  position: absolute;
  margin-top: 80px;
}


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


.bloc  li {
padding: 10px  ;

}


.bloc  a {
     width: 100px;
     height: 30px;
     display: block;
     text-align: center;
      border: 1px gray solid;
     text-decoration: none;
     color: #3333CC;
     background: #BDC8F5;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
   font-weight: bold;
   padding-top: 10px;

	 }

.bloc  a:hover {
     background: #CF8882;
     color: #FFFFFF;
     border: 1px solid gray;
     }




/**************************************************/
/*	       PAGE ACCUEIL			  */
/**************************************************/


.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 46px;
	color: #FFFFFF ;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 100px;
	/*float: left;	*/
	position: absolute;
	margin-bottom: 0px;  z-index: 2
 }
.titre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 46px;
	color: #FFFFFF ;
}

.soustitre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF ;
	margin-top: 475px;
	margin-left: 100px;
	 z-index:5
 }


/**************************************************/
/*	       PAGE ANNONCE			  */
/**************************************************/


.annonce {
	font-family: Arial, Helvetica, sans-serif;
	 width: 218px;
	 height: 224px;
	font-size: 14px;
	background:  blue;
	color: yellow;
       font-weight: bold;
	position: absolute;
	margin-top: 235px;
	margin-left: 360px;
	padding-left: 16px;
	padding-top: 15px;
	     border: 2px solid gray;


 }
.annonce h1{
  	font-size: 18px;
  		color: black;

}

 .annonce i{
	font-size: 16px;
	color: white ;
		font-weight: normal;

 }

/**************************************************/
/*	       PAGE CONCERT			  */
/**************************************************/

.concerts  {
  font-family: Arial, Helvetica, sans-serif;
  width: 400px;
  height: 250px;
  margin-left:110px;
  position: absolute;
  margin-top: 160px;
}
.concerts h1 {
	font-size: 26px;
	color: #3333CC;
}
.concerts h2 {
	font-size: 16px;
	color: #3333CC;
	font-weight: normal
}
.concerts h3 {
	font-size: 12px;
	color: #3333CC;
	font-weight: normal
}
.concerts div a {
	font-size: 13px;
	color: #5c5c5b;
	font-weight: normal
}
.concerts div a:hover {
	color: red;
	font-size: 13px;
 	font-weight: bold;
}

.concerts a {
	color: #5c5c5b;
	width: 130px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
}
.concerts a:hover {
	color: red;
	width: 130px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
}



/**************************************************/
/*	       PAGE ANCIENS CONCERTS		  */
/**************************************************/

#historique h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5c5c5b;
	  text-align: center;

}
#historique li {
	color: #5c5c5b;
	padding: 5px  ;
	height: 21px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#historique ul	{list-style-type: none;
}
#historique strong {
  		color: #3333CC;
}

.presentation h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000 ;
}





/**************************************************/
/*	       PAGE MUSICIEN			  */
/**************************************************/

.claudine {
  margin-left:300px;
  position: absolute;
  margin-top: 100px;
}



#claudinecv {
 margin-left: 450px;
  margin-top: 100px;
  visibility:hidden;
  position: absolute;
  width: 400px;
  height: 360px;
  background-color: #FFFFFF ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  z-index:2   ;
 }
#claudinecv  div{
  margin-left: 10px;
  margin-right: 5px;
}

.nicolas {
  margin-left:50px;
  position: absolute;
  margin-top: 100px;
 }

#nicolascv {
 margin-left: 260px;
  margin-top: 100px;
  visibility:hidden;
  position: absolute;
  width: 270px;
  height: 340px;
  background-color: #FFFFFF ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#nicolascv  div{
 margin-left: 10px;
   margin-right: 5px;

}

.philippe  {
  margin-left:300px;
  position: absolute;
  margin-top: 330px

 }
#philippecv  {
 margin-left: 450px;
  margin-top: 250px;
  visibility:hidden;
  position: absolute;
  width: 320px;
  height: 180px;
  background-color: #FFFFFF ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
   z-index:2
 }
#philippecv  div{
 margin-left: 10px;
 margin-right: 5px;
}
.serge	{
  margin-left:50px;
  position: absolute;
  margin-top: 330px;
}

#sergecv {
 margin-left: 260px;
  margin-top: 300px;
  visibility:hidden;
  position: absolute;
  width: 270px;
  height: 300px;
  background-color: #FFFFFF ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#sergecv  div{
 margin-left: 10px;
 margin-right: 5px;
}
/**************************************************/
/*	       PAGE PHOTOS			  */
/**************************************************/
.photos {
  margin-left:20px;
  margin-top:-200px;
}

.photo1 {
  margin-left:-320px;
  position: absolute;
  margin-top:60px;
}

.photo2 {
  margin-left:-160px;
  position: absolute;
  margin-top: 60px;
}
.photo3 {
  margin-left:-480px;
  position: absolute;
  margin-top: 210px;
}
.photo4 {
  margin-left:-140px;
  position: absolute;
  margin-top: 190px;
}
.photo5 {
  margin-left:-250px;
  position: absolute;
  margin-top: 290px;
}
.photo6 {
  margin-left:-480px;
  position: absolute;
  margin-top: 320px;
}

.photo7 {
  margin-left:-460px;
  position: absolute;
  margin-top: 50px;
}
.photo8 {
  margin-left:-320px;
  position: absolute;
  margin-top: 180px;
}
.retour{
	font-family: Arial, Helvetica, sans-serif;
	  margin-top:30px;
	  margin-left:610px;
	  	font-size: 26px;
	  		position: absolute;
}
.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: red;
	width: 130px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.creditphoto {
  margin-left:520px;
  position: absolute;	
  margin-top: 520px;
list-style-type: none;
}
.creditphoto ul {
  list-style-type: none;
}

.creditphoto li {
  padding : 02px
}

.creditphoto a {
	color: #5c5c5b;
	width: 130px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.creditphoto a:hover {
	color: red;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************/
/*	       PAGE CONTACT			  */
/**************************************************/
.presse{
  width: 550px;
  height: 150px;
  margin-left:60px;
  position: absolute;
  margin-top: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; color: #CCCCCC; 
  font-style: italic; 
 }
.presse a {
        color: #CCCCCC;
        width: 130px;
        text-align: center;
 	height: 21px;
  	font-size: 14px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	 font-style: normal;

   }
.presse a:hover {
        color: red;
     	width: 130px;
        text-align: center;
        height:    21px;
        font-size: 14px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
         font-style: normal;
         }

.contact{
    width: 600px;
    height: 150px;
    margin-left:80px;
    position: absolute;
    margin-top: 300px;
      }

.contact li {
         font-family: Arial, Helvetica, sans-serif;
         color: #CCCCCC;
         list-style-type: none;
         padding: 10px;
         font-size: 14px;
 }

.contact a {
	color: #CCCCCC;
	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			  */
/**************************************************/

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

}
.liens li {
font-family: Arial, Helvetica, sans-serif;
color: #5c5c5b;
list-style-type: none;
padding: 10px;
 }
.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;
}

div.ls img {height:148px;width 200px}
div.pt img {height:230px;width 150px}


/**************************************************/
/*	       PAGE EXTRAIT			  */
/**************************************************/
.extraits  {
  width: 400px;
  height: 250px;
  margin-left:100px;
  position: absolute;
  margin-top: 160px;
}
.extraits ul {
list-style-type: none;	 
   }

.extraits  li {
  padding: 4px;  font-size: 12px;  
  float:left
      }

#extraitsContenu a {
	color: #3333CC;      
	width: 430px;
	text-decoration: none;
	height: 30px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	     background-image: url(images/cd.gif);
	       text-indent: 30px;
	background-repeat: no-repeat;
		    float:left
 }
#extraitsContenu a:hover {
	color: red;
	width: 430px;
	text-decoration: none;
	height: 30px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	  float:left
	 }
.li_videos ul {
list-style-type: none;	 
   }

.li_videos  li {
  padding: 5px;  font-size: 12px;  float:left
      }

#li_videos a {
	color: #3333CC;
	width: 330px;
	text-decoration: none;
	height: 30px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	     background-image: url(images/videos.gif);
	       text-indent: 30px;
	background-repeat: no-repeat;
	    float:left
}
#li_videos a:hover {
	color: red;
	width: 330px;
	text-decoration: none;
	height: 30px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	  float:left
	 }

h4 { border-width: 2px 2px 2px 2px }

.pointer   {
 margin-left: 450px;
 position: absolute;
 margin-top:40px;
 font-size: 12px;
 color: Yellow;
 font-family: Arial, Helvetica, sans-serif;

}

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

.gallery  {float: left	  ;    margin-top:10px;
}
.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: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.gallery a:hover {
	color: red;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.gallery2  {float: left ;margin-top:10px;
}
.gallery2 ul {list-style-type: none
}

.gallery2 li {
font-family: Arial, Helvetica, sans-serif;
color: #5c5c5b;
list-style-type: none;
padding: 0px;


 }
.gallery2 a {
	color: #5c5c5b;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.gallery2 a:hover {
	color: red;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



.slides   {
margin-left: 0px;
margin-top:90px;
color: black;
padding-top: 0px;
}