/* Les elements HTML en general
-------------------------------------------------------- */
body{
	background: #CCCCCC;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
/*	font-family : Trebuchet MS, Verdana, Arial, sans-serif; */
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}

h1, h2, h3, h4, h5, h6{
	font-family:   comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
	color : #454545;
}
/*pasplus gros*/
h1{font-size: 15px;
margin-right: 10px;
font-family:  comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-align: center;}



/*les typos*/

.left
{font-size: 12px;
font-family:  comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-align: left;}

.right
{font-size: 12px;
font-family:  comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-align: right;}

.centre
{font-size: 12px;
font-family:  comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-align: center;}

.centre1 /*typo pour les petites fenetres*/
{font-size: 14px;
font-family:  comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-align: center;}

.justifie
{font-size: 12px;
font-family:  comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-align: justify;}

/*pages d'ccueil*/




/* Menu horizontal */
ul {

list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: auto; /* positionnement du menu, que vous pouvez changer à loisir */
left: auto;
width: 750px; /* précision pour Opera */

float: left;/*pour le décaler de la gauche*/


}


li {
float: left;
}

.menu a { /* définition de chaque bouton du menu */ 
clear : both;     
width: 123px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #fff;
}

.menu a:hover {
color: #411;
background: #011f6c;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 745px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
color: #000;
float: left;/*pour décaler le texte de la gauche*/


}

.menu a.test 
{   /* définition de la balise quand on est dans la rubrique */
color: #411;
background: #011f6c;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

/****************************/
/*définition générale je crois bien*/


code {
	font-family: comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
	/*font-family : Trebuchet MS, Verdana, Arial, sans-serif; */
	color : #0273b9;
	font-size : 12px;
	margin : 0px;
	text-align : left;
	padding :  1px 5px 1px 5px;
	line-height :14px;
}



fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
	margin-top: -5px;
}

img {
	border: 0;
}

input,textarea{
	border: 1px solid #999;
	width: 90px;
	font-size: 11px;
	font-family: comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
/*	font-family : Trebuchet MS, Verdana, Arial, sans-serif; */
}

textarea{
	width: 50px;
	font-size: 11px;
	font-family: Comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
/*	font-family : Trebuchet MS, Verdana, Arial, sans-serif; */
}

/*liens*/

a
{
	color: #011f6c;
	text-decoration : underline;
	font-family: Comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
}

a:hover
{
	color: #0273B9;
	text-decoration : underline;
	font-family: Comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
}

a:visited
{
	color: #df0047;
	text-decoration : none;
	font-family: Comic sans ms, Arial, Helvetica, "Trebuchet MS", sans-serif;
}

/************************************
lien texte*/
.a_texte
{
color: #808080;
text-decoration: underline;
text-align: center;
}

.a_texte:hover
{
color: #0273B9;
text-decoration: underline;
text-align: center;
}
.a_texte:visited
{
color: #0273B9;
text-align: center;
}




.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

//blockquote 
//{
//     color: #000000;
//     background: #F5F5F5;
//}

/* Page
-------------------------------------------------------- */
#page{
	background: #fff url(images/page.jpg) repeat-y center top;
	color: inherit;
	width: 886px;
	margin: 0em auto;
	margin-top : 20px;
	*text-align: left;
}
 
/* L'entête
-------------------------------------------------------- */
#top{/*id du top avec banniere dedans*/
	margin: 0;
	background: #CCCCCC url(images/top.jpg) no-repeat left top;
	float: left;
	width: 886px;
	padding-left: 65px;
	height: 100px;

}


#banniere{/*id de la banniere ds top*/
	margin : 0;
	float: left;
	width: 720px;
	position : absolute;
	top : 50px;

}

#sep{/*id de la barre de menu*/
	*display : block;
	margin : 0px ;
	background: #CCCCC url(images/page.jpg) repeat-y center top;
	float: left;
	width: 780px;
	padding-left: 65px;
	height: 1px;
}

/* Le prélude
-

/* sidebar - menu
-------------------------------------------------------- */

#sidebar{
	float: left;
	width: 184px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}


#sidebar div{color: inherit;}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}




/* sidebar
-------------------------------------------------------- */
#boutique{
	line-height: 15px;
	text-align : center
}

#spectacles{
	line-height: 15px;
	text-align : center
}

#actu{
	line-height: 15px;
}

#newsletter{
	line-height: 15px;
}



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

#footer{
	width: 886px;
	height: 110px;
	background: #ffffff url(images/bottom.jpg) no-repeat left top;
	margin: 0;
	clear: both;
}

/* layout.css
-------------------------------------------------------- */

html{
	margin: 0;
	padding: 0;
	text-align: center;
}


#main{/*corps des div interieures - après le menu*/
	float: left;
	width: 535px;
	padding-left: 65px;
	padding-top: 5px;
}

#content{
	margin: 0 0 0 17px;
	padding: 15px 0 0 0;
}

.post{}
	
#blanc{

	float: left;
	width: 535px;
	padding-left: 130px;
	background: #FFFFFF;

	*display: block;
}

	
#demi_main{
	float: left;
	width: 355px;
	padding-left: 0px;
	padding-top: 20px;
	text-align: center;
}

#demi_main_right{
	float: left;
	width: 355px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	text-align: center;
}



.post_

/* BOX -› Boites de couleurs 
-------------------------------------------------------- */

/* Ã  dupliquer et nommer (defini la couleur) *****/
.box-upperleft-jaune{ /** souci avec la couleur du coup sans lien avec html**/
	background-position: left top;
	background-image: url(images/box-upperleft.gif);
	background-repeat: no-repeat;
	background-color: #bfa0e6;
}
.box-upperleft-bleufonce {
	background-position: left top;
	background-image: url(images/box-upperleft.gif);
	background-repeat: no-repeat;
	background-color: #BFCBD9;
}
.box-upperleft-vert {
	background-position: left top;
	background-image: url(images/box-upperleft.gif);
	background-repeat: no-repeat;
	background-color: #bfa0e6;
}
.box-upperleft-bleu {
	background-position: left top;
	background-image: url(images/box-upperleft.gif);
	background-repeat: no-repeat;
	background-color: #A8E4FF;
}


/* ne pas changer ************************/
.box-upperright {
	background-position: right top;
	background-image: url(images/box-upperright.gif);
	background-repeat: no-repeat;
}
.box-lowerleft {
	background-position: left bottom;
	background-image: url(images/box-lowerleft.gif);
	background-repeat: no-repeat;
}
.box-lowerright {
	*padding-right: 10px;
	background-position: right bottom;
	*padding-left: 10px;
	background-image: url(images/box-lowerright.gif);
	*padding-bottom: 10px;
	*padding-top: 10px;
	background-repeat: no-repeat;
}

/* Contenu de boite **********************/
#box-inc{
	padding: 8px;
	line-height: 15px;
}


/* Separateur de boites *******************/
#box-sep{
	background: #FFFFFF;
	width: 100%;
	display: block;
}

}

/*tableau********************************************/

.index /*définit le tableau relatif à la page index, pour descendre le titre*/
{
   width: 705px;
   height: 500px;/* marche pas*/
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   border-bottom: 5px solid none;
   border-top:: 500px;
   margin: 0px;

   vertical-align: right;
}


.disk
{
	width: 725px;
	border-collapse: collapse;
	vertical-align: center;
	border-left: 10px; 
	border-right: 10px;
	padding: 0px;
	margin: 0px;

}


.bio
{
   width: 725px;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   border-bottom: 5px solid none;
   padding: 0px;
   margin: 0px;

   vertical-align: right;
}

.mibio
{
   width: 530px;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   border-bottom: 5px solid none;
   padding: 0px;
   margin: 0px;

   vertical-align: right;
}

/*utilisé sur acceuil et disques*/
.liste_disque
{

   width: 490px;
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   border: 0px solid none;
  
   padding: 0px; 
   padding-left: 10px; 
   margin:0px;
   *margin-bottom: 2px;
   *margin-left: 15px;

   vertical-align: left;
}