/* CSS CARTE VISITE*/

/* -------------------------------------------------------- 
LES ELEMENTS HTML  GENERAL
-------------------------------------------------------- */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#E6E4DC;
}

p {margin: 0 0 10px 0;}

a{
color: #FFFFFF;
text-decoration : none;
}


a{
color: #FFFFFF;
text-decoration : none;
}

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



dl{
padding: 0;
width: 450px;
}

dt{
color:#150185;
font-weight:bold;
font-size:15px;
}

dd{
font-size:12px;
}

dd ul{
margin:5px 0 5px 0;
}

dd li{
margin:5px 0 5px 0;
}

#conteneur {
width:600px;
height:600px;
margin:0px auto 0 auto;
border: 1px solid #000000;
background:url(images/front.jpg) no-repeat top ;
}

#conteneur2 {
width:600px;
height:600px;
margin:0px auto 0 auto;
border: 1px solid #000000;
background:url(images/fond.jpg) no-repeat top ;
}

#lecteur {
margin:35px 0px 0px 5px;

}

#txt3 {
width:530px;
height:430px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin:30px 30px 20px 30px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
padding:0;
}

#txt2 {
width:530px;
height:430px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:30px 30px 20px 30px;
text-align:justify;
color:#FFFFFF;
font-weight:bold;
padding:0;
}

#txt {
width:240px;
height:430px;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
margin:130px 20px 20px 340px;
text-align:center;
color:#FFFFFF;
}

#bas{
float:left;
width:750px;
margin:0;
padding:0;
height:20px;
background-color: #1A1FA2;
text-align:center;
list-style-type: none;
text-decoration: none;
}



/* -------------------------------------------------------- 
MENUS BARRE DE NAVIGATION HORIZONTALE
-------------------------------------------------------- */ 
 /* Paramètres généraux de la boite (div) qui contient la liste : pas de marge,
    * indication essentielle pour IE qui en met par défaut ; définition de la couleur
   * du fond. Je réduis un peu la taille des caractères à une valeur de neuf
   * dixièmes et je demande que le contenu soit aligné à droite :
   */
 #nav-box {
margin:40px auto 0px auto;
width:600px;
font-family: Arial, Helvetica, sans-serif;
   background-color: #97503D;
  font-weight : bold;
  font-size : 11px;
  text-align: center;
    border: 1px solid #000000;
	border-bottom: none;
  }
 /* Paramètres généraux de la liste (ul). Toujours mes marges à zéro,
  * le padding (marge intérieure) servira à dégager le texte en haut et en
  * bas de 5 pixels tout en le décollant également de 1em du bord droit
  * ce dernier point est indispensable pour Internet Explorer, comme on
  * le verra pour #nav-box ul li a { }. list-style-type : none; déclare que
  * je ne place pas de puces devant chaque item.
  */
   
 #nav-box ul {
	margin : 0;
	padding : 5px 1em 5px 0;
	list-style-type : none;

  }
 /* Paramètres des liens. display : inline; donne comme instruction de ne
  * pas faire de saut de ligne pour chaque item. Je redonne également une
  * marge intérieure haute et basse de 5 pixels pour que les items occupent
  * toute la place verticale créée pour la liste
  */
  #nav-box ul li {
  display: inline;
  padding :  0;
  }
 /* On retrouve le padding haut et bas de 5 pixels (car sinon Internet Explorer
  * va n'en faire qu'à sa tête) et j'ajoute un espace latéral de 1em de chaque
  * côté des liens. J'indique également la couleur des caractères des liens et je
  * place un bord gauche continu et blanc de 1 pixel de large. text-decoration :
  * none; indique que je ne veux pas que les liens soient soulignés (ce qui serait
  * le cas par défaut
  */
#nav-box ul li a {
 color:#FFFFFF;
 text-decoration: none;
 padding : 5px 1em 5px 1em;
 /* border-left: 1px solid #fff; */
  }
 /* Ici, ce qui se passe au survol des liens : changement de la couleur du fond,
  * de la couleur des caractères, je n'oublie pas de remettre à ce lien survolé le
  * bord gauche que j'ai défini pour les liens « au repos ».
  */
  #nav-box ul li a:hover {
  background-color: #6E8446;
  color: #FFFFFF;
  /* border-left: 1px solid #fff;*/
  }
  
  #nav-box a:active {
border-left: 1px solid #fff;
 }


 
 #nav-box2 {
margin:0px auto 40px auto;
width:600px;
font-family: Arial, Helvetica, sans-serif;
   background-color: #97503D;
  font-weight : bold;
  font-size : 11px;
  text-align: center;
  border: 1px solid #000000;
   border-top: none;
  }
 /* Paramètres généraux de la liste (ul). Toujours mes marges à zéro,
  * le padding (marge intérieure) servira à dégager le texte en haut et en
  * bas de 5 pixels tout en le décollant également de 1em du bord droit
  * ce dernier point est indispensable pour Internet Explorer, comme on
  * le verra pour #nav-box ul li a { }. list-style-type : none; déclare que
  * je ne place pas de puces devant chaque item.
  */
   
 #nav-box2 ul {
	margin : 0;
	padding : 5px 1em 5px 0;
	list-style-type : none;

  }
 /* Paramètres des liens. display : inline; donne comme instruction de ne
  * pas faire de saut de ligne pour chaque item. Je redonne également une
  * marge intérieure haute et basse de 5 pixels pour que les items occupent
  * toute la place verticale créée pour la liste
  */
  #nav-box2 ul li {
  display: inline;
  padding :  0;
  }
 /* On retrouve le padding haut et bas de 5 pixels (car sinon Internet Explorer
  * va n'en faire qu'à sa tête) et j'ajoute un espace latéral de 1em de chaque
  * côté des liens. J'indique également la couleur des caractères des liens et je
  * place un bord gauche continu et blanc de 1 pixel de large. text-decoration :
  * none; indique que je ne veux pas que les liens soient soulignés (ce qui serait
  * le cas par défaut
  */
#nav-box2 ul li a {
 color: #FFFFFF;
 text-decoration: none;
 padding : 5px 1em 5px 1em;
 /* border-left: 1px solid #fff; */
  }
 /* Ici, ce qui se passe au survol des liens : changement de la couleur du fond,
  * de la couleur des caractères, je n'oublie pas de remettre à ce lien survolé le
  * bord gauche que j'ai défini pour les liens « au repos ».
  */
  #nav-box2 ul li a:hover {
  background-color: #6E8446;
  color: #FFFFFF;
  /* border-left: 1px solid #fff;*/
  }
  
  #nav-box2 a:active {
border-left: 1px solid #fff;
 }

 
 

/* -------------------------------------------------------- 
EFFET DE STYLE
-------------------------------------------------------- */

.orditys{	
text-align:right;

font-size:11px;
color:black;
}

.ordi{	
font-weight:bold;
font-style: italic;
color:black;
}

.tys{	
font-weight:bold;
font-style: italic;
color:#C40000;
}

.construction{	
color:#FFFF00;
}

.txt_bio{
float:left;
margin:0 5Opx 0 0;
padding:0;
width:220px;
height:auto;
border:none;
text-align:left;
}

.logo_music{


text-align:right;
}

.titre1{
font-size:25px;
}

.titre2{
font-size:18px;
}

.txt4{
text-align:center;
font-size:18px;
}
.txt5{

font-size:14px;
}

/* Footer
-------------------------------------------------------- */

#footer{	
height: 15px;
text-align:right;	
margin:-30px auto 40px auto;
width:600px;
padding: 5px ;
clear: both;
}

#footer a{	

color: black;
}

#footer a:hover{	

color: #566376;
}



/* Galerie photos
-------------------------------------------------------- */
#gallery {width:600px;margin-top:120px;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:185px; top:0; width:auto; height:auto; border:1px solid #000;}