body {
		background-color: #000000;	
                text-align:center
}

#conteneur {   
		height: 585px;         
		width: 800px;
                margin: 0 auto;
}


.fondpage {
		margin-top: 0px;
                width: 800px;
		height: 555px;
		background-image: url(images/piano.jpg);
}

/**************************************************/
/*             NAVIGATION                         */
/**************************************************/
.bandeau {
		background-color: #999999;
		height: 25px;
		width: 800px;
}

#menu  {
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

#menu li {
		float:left ;
}

.lienActif {
		text-decoration: none;
		color: black;
		margin-left: 30px;
}

#menu a {
  text-decoration: none;
  color: white;
  margin-left: 30px;
}

#menu a:hover {
      text-decoration: none;
      color: red;
}

/**************************************************/
/*             ACCUEIL                            */
/**************************************************/
.pochette  {
		margin-top: 0px;
		height:585px;
		width: 800px;
		background-image: url(images/fond.jpg); 
}
.soustitre  {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-top:138px;
		margin-left:177px;
		font-size: 23px;
		position: absolute;   color: black

}
/**************************************************/
/*             PAGE MANIFESTE                     */
/**************************************************/

.manifeste  {
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		color: white;
		margin-left:50px;
		margin-top: 30px;
		width: 300px;
		text-align: left ;
		font-weight: bold;
}

.manifeste li {
		margin-top: 5px;
		padding:5px;
		font-weight: normal;
		list-style-type: none;
}

.manifeste_photo  {
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		color: white;
		margin-left:30px;
		margin-top: 20px;
}
.manifeste2  {
                float:left;
		font-family: Arial, Helvetica, sans-serif;
		color: white;
		margin-left:-170px;
		margin-top: 60px;
		width: 400px;

}

/**************************************************/
/*             PAGE PHOTOS                        */
/**************************************************/
.gallery  {
		float: left;
    margin-left: 60px;
    margin-top: 40px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.gallery  li {
		list-style-type: none;
		padding: 5px;
 }

.gallery a {
		color: white;
	  text-decoration: none;
}

.gallery a:hover {
		color: red;
		text-decoration: none;
}

.gallery2  {
		float: left;
		margin-left: 120px;
		margin-top: 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.gallery2  li {
		list-style-type: none;
		padding: 5px;
	}

.gallery2 a {
		color: white;
		text-decoration: none;
}

.gallery2 a:hover {
		color: red;
	text-decoration: none;		
}

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

.retour{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-top:30px;
		margin-left:610px;
		font-size: 14px;
		position: absolute;
}

.retour a {
		color: yellow;
		font-weight: bold;
}

.retour  a:hover {
		color: red;
}

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

.pointer   {
	position:absolute ;
		 top:60px;
                 left: 320px;
		font-size: 12px;
		color: Yellow;
			font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;   		padding:0px;

}
.po {           
                 top:350px;
                 left: 250px;
	position:absolute ;
}

#pocv {
                   top:50px;
                 left: 250px;

		visibility:hidden;
	position:absolute ;
      	width: 300px;
		height: 380px;
		background-color: #FFFFFF ;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		  text-align: left ;

}

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

.nicolas {
	         top:150px;
                 left: 500px;
	position:absolute ;
}

#nicolascv {
	         top:150px;
                 left: 220px;
		visibility:hidden;
	position:absolute ;
      	width: 300px;
		height: 350px;
		background-color: #FFFFFF ;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		  text-align: left ;

}

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

.alain {
	         top:50px;
                 left: 720px;
	position:absolute ;
}

#alaincv {
	         top:240px;
                 left: 720px;
		visibility:hidden;
	position:absolute ;
      	width: 300px;
		height: 340px;
		background-color: #FFFFFF ;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		  text-align: left ;

}

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

/**************************************************/
/*             PAGE EXTRAIT                       */
/**************************************************/
.extraits  {  
  float:left  ;
  width: 600px;
  height: 400px;
  margin-left:100px;
  margin-top: 100px;
  text-align: left ;
  background-image: url(images/fond.jpg);
}
.extraits ul {
  float:left  ;margin-left:10px;
list-style-type: none;
   }

.extraits  li {  
  margin-top: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;color: #cccccc ;
  padding: 10px;
  font-size: 13px;
      }

.extraits b {
  margin-right:20px; 
list-style-type: none;
   }
   
#extraitsContenu i {
		font-size: 13px;
}


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

.concerts  {
  float:left  ;
  margin-left: 200px;
   margin-top: 100px;
  width: 400px;
  height: 250px;
  text-align:left

}
.concerts h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
       color:#5c5c5b ;
        text-align:center
}
.concerts h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3333CC; 
        margin-left: 100px;
        font-weight: normal
}

.concerts a {
        color: #5c5c5b;
	width: 130px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 100px;
}

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

.site a {
        color: #5c5c5b;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
}

.site a:hover {
	color: red;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/**************************************************/
/*             PAGE HISTORIQUE CONCERTS           */
/**************************************************/

#historique {
                background-color: #FFFFCC;
		text-align: left;
}

.historique_body {
                background-color: #FFFFCC;
}


#historique h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #5c5c5b; 
	margin-left:5px;

}

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


#historique ul  {
		list-style-type: none; 	margin-top:0px;

}

#historique strong {
		color: #3333CC;
}



/**************************************************/
/*             PAGE CONTACT                       */
/**************************************************/
.contact {
		float:left  ;
                width: 600px;
		height: 250px;
		margin-left:100px;
		margin-top: 100px;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
                padding:0px;
                background-image: url(images/fond.jpg);
}

.contact ul{    float:left ;
		color: #cccccc    ;
		margin-left:0px;
		margin-top: 10px;
		text-align: left;
	        width: 300px;
                 padding:0px;
}

.contact p {
		float:left  ;
                 padding:0px;
                width: 200px;
                margin-top: 30px;
		margin-left:25px;
}

.contact li { 
		padding:0px;
		list-style-type: none;
		margin-top: 30px;
		margin-left:25px;
 }

.contact a {
	color: white;
	height: 21px;
}

.contact a:hover {
	color: red;
}

/**************************************************/
/*             PAGE LIENS                      */
/**************************************************/
.liens {
      float:left  ;
  width: 300px;
  height: 600px;
  margin-left:100px;
  margin-top: 20px;
  text-align:left
  }                   

.liens2 {
  float:left  ;
    text-align:left
  width: 300px;
  height: 600px;
  margin-left:100px;
  margin-top: 20px;
}

.liens  a {
	color: #5c5c5b;
}

.liens2 a {
	color: #5c5c5b;
}

.liens a:hover {
	color: red;
}

.liens2 a:hover {
	color: red;
}