body
{
	width:100%;
	background-color: black;
}
.no_cadre
{ 
	border:none; 
}
.principal
{
	background-color: black;
	width:1024px;
	margin-left: auto;
	margin-right: auto;
}
.bord1
{
	width: 10px;
	height:160px;
	background-color: black;
	background-image: url("images/bords.jpg");
	float: left;
}
.bandeg1, .banded1
{
	width: 187px;
	height:160px;
	background-color: black;
	float: left;
}
.centre1
{
	background-color: black;
	width: 630px;
	height:160px;
	float:left;
}
.longueur
{
	background-color:black;
	background-image: url("images/piedshf.jpg");
	width: 1024px;
	height:22px;
	float:left;
	background-repeat: no-repeat;
}
.longueur2
{
	background-color:black;
	background-image: url("images/barre2.jpg");
	width: 640px;
	height:22px;
	float:left;
	background-repeat: no-repeat;
}
.titre
{
	background-color: black;
	width: 100%;
	height:160px;
	text-align: center;
	float: left;
}

/* 2ème niveau */
.bandeg2, .banded2
{
	width: 192px;
	background-color: black;
	float: left;
}
.centre2
{
	background-color: black;
	width: 640px;
	float:left;
}

.centreg
{
	background-color: black;
	width: 340px;

	float: left;
}
.centred
{
	background-color: black;
	width: 300px;
	min-height:250px;
	float: left;
}
.centre2g
{
	background-color: black;
	width: 450px;
	min-height:250px;
	float: left;
}
.centre2d
{
	background-color: black;
	width: 190px;
	min-height:250px;
	float: left;
}
/* Cadre 1 */
.c1haut
{
	width:340px;
	height:10px;
	background-image: url("images/cadre1h.jpg");
	float:left;
}
.c1bas
{
	width:340px;
	height:10px;
	background-image: url("images/cadre1b.jpg");
	float:left;
}
.c1centre
{
	width:330px;
	background-image: url("images/cadre1c.jpg");
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/* Cadre 2 */
.c2haut
{
	width:300px;
	height:10px;
	background-image: url("images/cadre2h.jpg");
	float:left;
}
.c2bas
{
	width:300px;
	height:10px;
	background-image: url("images/cadre2b.jpg");
	float:left;
}
.c2centre
{
	width:290px;
	background-image: url("images/cadre2c.jpg");
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/* Cadre 3 */
.c3haut
{
	width:450px;
	height:10px;
	background-image: url("images/cadre3h.jpg");
	float:left;
}
.c3bas
{
	width:450px;
	height:10px;
	background-image: url("images/cadre3b.jpg");
	float:left;
}
.c3centre
{
	width:440px;
	background-image: url("images/cadre3c.jpg");
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/* Cadre 4 */
.c4haut
{
	width:190px;
	height:10px;
	background-image: url("images/cadre4h.jpg");
	float:left;
}
.c4bas
{
	width:190px;
	height:10px;
	background-image: url("images/cadre4b.jpg");
	float:left;
}
.c4centre
{
	width:180px;
	background-image: url("images/cadre4c.jpg");
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/* Cadre 5 */
.c5haut
{
	width:600px;
	height:10px;
	background-image: url("images/cadre5h.jpg");
	float:left;
}
.c5bas
{
	width:600px;
	height:10px;
	background-image: url("images/cadre5b.jpg");
	float:left;
}
.c5centre
{
	width:590px;
	background-image: url("images/cadre5c.jpg");
	float:left;
	padding-left:5px;
	padding-right:5px;
}
/* ---------------données principal--------------------*/
.donnee
{
	width: 98%;
	float: left;
	padding:5px;
	max-height:250px;
	overflow:auto;
}
.donnee2
{
	background-color: black;
	width: 98%;
	float: left;
	padding:5px;
	max-height:250px;
	overflow:auto;
}
.donnee3
{
	width: 98%;
	float: left;
	padding:5px;
	max-height:400px;
	overflow:auto;
}
.donnee4
{
	width: 98%;
	float: left;
	padding:5px;
	max-height:600px;
	overflow:auto;
}
/* ---------------tableau de base--------------------*/
.unit1
{
	background-image: url("images/milieu.jpg");
}

.coinhg
{
	background-image: url("images/coinhg.jpg");
	height: 28px;
	width : 26px;
}
.haut
{
	background-image: url("images/haut.jpg");
	min-height: 28px;
}
.coinhd
{
	background-image: url("images/coinhd.jpg");
	height: 28px;
	width : 26px;
}

.gauche
{
	background-image: url("images/gauche.jpg");
	min-width: 26px;
}
.droite
{
	background-image: url("images/droite.jpg");
	min-width: 26px;
}

.coinbg
{
	background-image: url("images/coinbg.jpg");
	height: 28px;
	width : 26px;
}
.bas
{
	background-image: url("images/bas.jpg");
	min-height: 28px;
}
.coinbd
{
	background-image: url("images/coinbd.jpg");
	min-height: 28px;
	min-width : 26px;
}

/* Design du contenu */
.contenu
{
	background-image: url("images/contenu.jpg");
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

/* Eléments généraux */
table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
p
{
   font-size: 0.75em;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   color: #eed02c;
}
p a
{
	font-size: 0.9em;
}
h1
{
  font-family: "Arial Black", Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1.1em;
  font-weight: bold;
  color: white;
}
h2
{
  font-family: "Arial Black", Calibri, Arial, Verdana, Georgia, serif;
  font-size: 2em;
  font-weight: bold;
  color: #d80d0d;
  text-align: center;
}
h3
{
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1.2em;
  text-align: center;
  color: #eed02c;
}
h4
{
  font-family: Calibri, "Arial Black", Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1.6em;
  font-weight: bold;
  line-height:1.2em;
  color: black;
  margin-top:30px;
}
h5
{
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1.2em;
  text-align: center;
  color: white;
  margin-top:15px;
}
h5 a
{
  font-size: 1em;
  color: red;
}
h6
{
  font-family: Calibri, "Arial Black", Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1.1em;
  font-weight: bold;
  line-height:1em;
  color: black;
  margin-top:30px;
  margin-bottom:1px;
}
li
{
   font-size: 0.75em;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   color:white;
}
li a
{
	font-size: 0.9em;
}
a
{
   font-size: 0.8em;
   color: white;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   font-style: italic; 
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
}
hr
{
	width:100%;
	text-align:center;
}

table a
{
	font-size: 1em;
	color: white;
}



/* Titres catégories */

.categ
{
	background-color: black;
	background-image: url("images/categ.jpg");
	width: 99%;
	height:28px;
	Padding-left:3px;
	text-align: center;
	float: left;
	margin-top:2px;
}
.tit
{
  font-family: Calibri, "Arial Black", Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1.1em;
  font-weight: bold;
  color: white;
}
.sstit
{
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1em;
  font-weight: bold;
  color: #eed02c;
}
.titcred
{
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-size: 1em;
  font-weight: bold;
  color: #eed02c;
  text-align: center;
  margin-top:10px;
  margin-bottom:10px;
}

/* Div et table des titres */

.titrart
{
	background-color: black;
	background-image: url("images/musicos.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width: 100%;
	height:160px;
	float: left;
}
.titralb
{
	background-color: black;
	background-image: url("images/albos.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width: 100%;
	height:160px;
	float: left;
}
.titrgp
{
	background-color: black;
	background-image: url("images/bandos.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	width: 100%;
	height:160px;
	float: left;
}
.titrsong
{
	background-color: black;
	background-image: url("images/chansos.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width: 100%;
	height:160px;
	float: left;
}
.titresu
{
	background-color: black;
	background-image: url("images/resultos2.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width: 100%;
	height:160px;
	float: left;
}
.titrvers
{
	background-color: black;
	background-image: url("images/versos.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width: 465px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
}
.titext
{
	width: 385px;
	height:140px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align:middle;
}
.no_cadre
{ 
	border:none; 
}

.aucentre 
{
	text-align: center;
}


/* Menu Discographie */
.menud
{
	background-image: url("images/sscateg.jpg");
	background-color: blue;
	width: 100px;
	height:20px;
	text-align: center;
	float:left;
	margin-bottom:2px;
}

.sousmenu1
{
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  color:#d80d0d;
}

.important
{
   font-size: 0.8em;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   color:#eed02c;
   font-style:italic;
   font-weight: bold;
}

.important2
{
   text-align: center;
   font-size: 0.8em;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   color:#eed02c;
   font-style:italic;
   font-weight: bold;
}

.ans
{
   font-size: 0.8em;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   color:#eed02c;
   font-style:italic;
   font-weight: bold;
}

.detail
{
  font-size: 0.75em;
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-style:italic;
  color:#eed02c;
}
.plus
{
  font-size: 0.6em;
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-style:italic;
  color:white;
}

.titrer
{
  font-family: "Arial Black", Calibri, Arial, Verdana, Georgia, serif;
  font-size: 2em;
  font-style:italic;
  font-weight: bold;
  color: #d80d0d;
  text-align: center;
}
.norm
{
   font-size: 1em;
   color: white;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
}
.norm2
{
   font-size: 0.8em;
   color: white;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
}
/* Design du contenu dans index */
.contenu
{
	background-image: url("images/contenu.jpg");
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

.date
{
  font-size: 0.7em;
  font-family: Calibri, Arial, Verdana, Georgia, serif;
  font-style:italic;
  color:#eed02c;
  text-align: right;
}
.intro1
{
   font-size: 0.8em;
   font-family: Calibri, Arial, Verdana, Georgia, serif;
   color: white;
}
.intro1 a
{
	font-size: 1em;
	color: #eed02c;
}