/*Bon c'est ridicule je suis obligé de redefinir le <p> parceque obligé de mettre l'etoile du 0 */
/* *{ padding: 0;margin:0;}

p {
margin:1em 0 0 0;
padding:0;
}  */

BODY {
 background-image: url(image/fondac.gif);
 color: #164f8f;
 margin: 0;
 padding: 0;
 text-align: center;
 /*font-family: "Times New Roman", Times, serif;*/
 
 }

div#global {
width: 772px;
margin: 0 auto;
padding:0;
text-align: left;
}

div#bannieremenu {
border-color: #ffffff;
background-color:cccccc;
border-style: solid;
border-width: 1px;
margin: 0;
padding: 0;
text-align: center;
}

div#headernavigationleft {
float:left;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #eeeeee;
border-left:#164f8f solid 1px ;
border-bottom:#164f8f solid 1px ;
border-top:#164f8f solid 1px ;
font-weight : bold;
text-align: left;
margin : 0;
padding : 0;
width : 50%;
}

div#headernavigationright {
float:left;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #eeeeee;
border-left:#164f8f solid 1px ;
border-bottom:#164f8f solid 1px ;
border-top:#164f8f solid 1px ;
font-weight : bold;
text-align: right;
margin : 0;
padding : 0;
width : 50%;
}

div#headernavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #eeeeee;
border-right:#164f8f solid 1px ;
border-bottom:#164f8f solid 1px ;
border-top:#164f8f solid 1px ;
border-left:#164f8f solid 1px ;
font-weight : bold;
text-align: right;
margin : 0;
padding : 0;
}

div#titreflash {
background-color:cccccc;
/*border-color: #ffffff;
border-style: solid;*/
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
margin: 0 ;
padding: 5px 0 5px 10px;
}

div#corpstexte {
background-color:cccccc;
/*border-color: #ffffff;
border-style: solid;
border-width: 1px;*/
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
border-top:#CCCCCC solid 1px;
border-bottom:#FFFFFF solid 1px;
margin: 0;
padding: 0px 30px 0px 30px;
text-align:justify;
}

div#baspage {
width: 772px;
 margin: 0;
 padding: 0;
}


/*couleur des liens soulignés par defaut*/
A {
  color: #164f8f;
  text-decoration: none;
}

A:hover {
  color: #ffffff;
  /*text-decoration: underline;*/ 
}
FORM {
	display: inline;
}


/*La barre de demarquation de pied de page*/
TR.footer {
  background: #cccccc;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #164f8f;
  font-weight: bold;
}

/*Classe creer pour l'index pour mettre les pubs*/
TD.BoitePub {
  background: #cccccc;
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px;
}

Table.BoitePub {
  background: #cccccc;
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px;
}

Table.EnTete {
  border-color: #ffffff;
  background-color:cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.EnTete {
  border-color: #ffffff;
  background-color:cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.Corps {
  background-color:cccccc;
  /*border-color: #ffffff;
    border-style: solid;
    border-width: 1px;*/
	border-bottom:#ffffff solid 1px;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
	
}

TD.Flash {
  background-color:cccccc;
  /*border-color: #ffffff;
    border-style: solid;
    border-width: 1px;*/
}

/*uniquement utilisé dans la page d'accueil*/
div.corpsmilieu {
float:left;
width:220px;
background-color:cccccc;
margin: 0 10px 0 10px;
}
div#conteneurmilieu {
background-color:cccccc;
width:auto;
height:550px;
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
border-top:#CCCCCC solid 1px;
border-bottom:#FFFFFF solid 1px;
margin: 0;
padding: 0px 0px 0px 10px;
text-align:justify;
font-size:0.9em;
}


TD.CorpsIntDroit {
  background-color:cccccc;
  padding:10px;
}
TD.CorpsIntGauche {
  background-color:cccccc;
  padding:10px;
}
TD.CorpsInt {
  background-color:cccccc;
  font-size:0.9em;
}

div.cadreblanc {
border-bottom:#ffffff solid 1px;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
}





Table.news {
  border-color: #ffffff;
  border-width: 1px;
  
}

TR.titre {
  background-color:ffffff;
  text-align:center;
}

 
TD.Principale {
font-family:Times New Roman, Times, serif;
font-size:50%;
color:black;
text-align:left;
background-color:cccccc;
border-color:transparent;
}

Table.photo {
  border-color: #ffffff;
  border-width: 1 px;
  border-width: 1 px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
      
}

Table.fondaccueil {
/*background:url(image/fondcernunos.jpg);
background-repeat:no-repeat;*/
font-size:0.9em;
}

Table.texteaccueil { 
  border-color: #ffffff;
  border-width: 1 px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid; 
  font-size:0.9em;}
  
img {
/*border-color:#FFFFFF;*/
border-style:none;
margin: 0;
padding: 0;
} 

.imgbord {
border:#FFFFFF solid 1px;
padding:0;
margin : 2px 0 2px 0;
}

/*aucune idee*/
TR.headerNavigation {
  background: #164f8f;
}

/*gestion du menu en dessous de la banniere*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #eeeeee;
  border-color: #164f8f;
  border-style: solid;
  border-width: 1px; 
  color: #164f8f;
  font-weight : bold;
}
A.headerNavigation { 
  color: #164f8f; 
}
A.headerNavigation:hover {
  color: #acadb0;
}

div#titreartiste {
float:left;
font-size: 2em;
font-weight : bold;
text-align: left;
margin : 0px 0 0 0;
padding : 20px 0 0 0;
width : 305px;
/*border:#FFFF00 solid 1px;*/
/*margin : 20px 0px 10px 0px;*/
}

div#photoachat {
float:left;
width: 400px;
text-align: right;
margin : 0;
padding : 10px 0 0 0;
/*border:#FF0000 solid 1px;*/
}

.imggauche { 
float : left;
text-align:left;
margin : 0 10px 5px 0;
padding :0;
} 

.imgdroite {
float : left;
text-align:right;
margin : 0 10px 5px 0;
padding :0;
}

.imgcentre {
margin : 10px 0 10px 0;
padding : 0;
border: 1px solid #FFFFFF ;
}

#menuh  {
    padding:60px 0 120px 0;
	margin:0; 
    text-align:center;
    /*border:2px solid #000;*/
    /*overflow:hidden;/* ceci pour etirer */
   /*background-color:#FFF;*/
}
#menuh ul  {
    float:left;
    list-style-type:none;
    /*display:block; inutile ul est deja une structure bloc!*/
    padding:0 0 0 0;
    margin:0 0 0 0;
}
#menuh ul li {
    float:left;
	margin: 0;
	padding :0;
}

#menuh  a {
    float:left;
    width:130px;
	margin: 0;
	padding :0;
}

#menuh img {
border: 2px solid #FFFFFF;
margin: 0;
padding: 0;
}


.blocliste {
    float:left;
	width:100%;
	margin: 0;
	padding :0;
}

/*----------------------------------------------------------------
						galerie photo pour la page studio
******************************************************************/
div#agrandissement
{
	/*border: 3px solid #990000;*/
	margin: 0;
	padding :0;
	float: left;
}

dl#photo
{
	float: left ;
	/*clear: both ;*/ /*ca me semble un peu inutile !!!! */
	margin : 0 10px 4px 0;  /* ???? ourquoi j'ai mis auto la ?????*/
	padding: 0 ;
	text-align: center ;
}

dl#photo dt
{
	/*font: italic 1em Georgia, serif ;
	color:#999999 ;
	border: 1px dotted #444444 ;
	padding : 2px 4px 2px 4px;*/
	margin :0;
	padding:0;
}

dl#photo dd
{
	margin: 0 0 0 0 ;
	padding:0;
}

dl#photo img
{
	border: 1px solid #FFFFFF ;
	margin : 0;
	padding : 0;
	float:left;
}

/*----------------------------------------------------------------
						liste ordonnée sur plusieurs colonne
******************************************************************/
div#frisegauche {
float: left;
margin: 0;
padding: 0;
}



ol
{
  display:block;
  width:38.3em;   /*room for 3 columns obligé de laisser 38.3 pour IE7 !!!!*/
  margin-left: 6em;
  margin-right:0;
  margin-top:1em;
  margin-bottom:1em;
  /*margin :0;*/
  list-style-type:none;
  padding:0;
  float:left;
  /*border:#FF0000 solid 2px;*/ 
}
ol li
{
  float: left;
  margin:0;
  padding:0;
  width: 33%;  /* accommodate the widest item */
}
/* stop the floating after the list */
br
{
  clear: left;
  margin: 0;
 padding: 0;
}

div#bkghg {
background-image:url(artistes/image/roseg.gif);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
}
/* separate the list from what follows it */
div.wrapper
{
  /*width:100%;*/
  margin-bottom: 1em;
  margin:0;
  padding:0;
 /* background-image:url(artistes/image/roseg.gif);
  background-repeat:no-repeat;*/
  background-image:url(artistes/image/rosed.gif);  
  background-position:right bottom;
  background-repeat:no-repeat;
 /* border:#000000 solid 2px; */ 
}
/* anchor styling */
ol li a
{
  display: block;
  /*width: 11 em;
  height: 1.3em;*/
  text-decoration: none;
}

ol li a:hover
{
  /*height : 1em;*/
  width: 90%;
  filter:alpha(opacity=80);
  color: #FFFFFFF; /*white */
  background-color: #000033; /* bleu */
  opacity:0.8;
  border-left:3px double #FFFFFF;
  padding:0;
  margin:0; 
 /* border-right:2px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF; */
  
}



/*----------------------------------------------------------------
	nom a gauche et affichage des CD a droite 
******************************************************************/
div#titregroupe {
float:left;
text-align:left;
padding: 15px 0 0 0;
margin:0;
}

ul#ecouteachat
{
	/*width: 700px;*/
	height:70px;
	/*margin: 30px 0px 0px 100px;*/
	font: 0.7em Georgia, sans-serif ;
	color:#444444;
	padding: 5px 0px 0 0px;
	margin: 0;
	list-style-type: none ;
	text-align: center;
	/*border:#FFFFFF double 1px;*/
}

ul#ecouteachat li
{
	/*border: solid 2px yellow;*/
	/*width : 170px;
	height : 165px; /* c'est nul on se retrouve a tout fixer car le left se place au plus petit ecart! (se resoudra ptet avec les dl ?)*/
	margin: 0;
	padding : 0 0 0 15px;
	/*margin:0;*/
	float:right;
}

/*----------------------------------------------------------------
	photo a gauche et commentaire a droite pour fiche groupe 
******************************************************************/
div#photogroupe {
float:left;
text-align:left;
border: 1px solid #FFFFFF;
margin:0;
padding:0;
}

ul#musicien{
/*display:block;*/
text-align:justify;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
list-style-type:none;
margin:0 O 0 0px; /*si on met tous les margin a 0 pas de prob, sinon obligé de mettre 4px pour firefox !! */
margin-left:3px;
padding:10px 20px 10px 0;
}

div#corpsbiophp {
margin : 20px 0 0px 3px;
padding : 0px 20px 10px 0;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
/* overflow:auto; */ /* si on veut mettre un ascenceur */
min-height:200px; /*faudra faire attention pour des photo tres haute et si peu de texte !!! */
/*background-image:url(artistes/image/arbre.gif);  
background-position:right top;
background-repeat:repeat-y;*/
}

/*div#corpsbiophp p {
margin : 0px 0px 0px 0px;
padding : 1em 0 0 0;
}*/

.titresurligne {
display:block;
border: 1px solid ;
/*font-variant: normal;*/ 
background-color:#EEEEEE; 
/*background-position: right;*/ 
/*background-repeat: no-repeat;*/ 
width: 100%; 
/*height: auto;*/ 
/*font-style: normal;*/ 
/*font-weight:bolder;*/ 
}

hr {
padding : 0;
margin: 0;
}