body {
padding : 0;
background-image : url("images/fond-A.gif");
font-size : 18px;
text-align :center;
   margin : auto;
}

#en_tete, #corps {
margin:0 auto;
}

#page{
		width: 1100px;
        margin-left: auto;
        margin-right: auto;
		text-align: left;
        }

#menu{
   border-collapse: separate;
   border-spacing : 2px;
   width :700px;
   margin : auto;
}

#planning_concert{
	width : 900px;
	margin : auto;
	}
	

.menut /* Les cellules normales */{
   border: 1px solid black;
   font-family : "Garamond","Times New Roman";
   text-align: center;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   text-decoration : none;
   background-color : #63436E;
}

.ligne{
border-top :2px solid black;
}

.menulateral{
	float : left;
	border : 2px solid black;
	color : #FFCB40;
	text-align : left;
	width: 160px; /* Très important : donner une taille au menu */
	background-image : url("images/fondmenu.gif");
	margin-right : 20px;
	
	}
	
	
#corps{
	width: 900px;
	font-family: "Arial";
	
	}
	
.lien1{
color : #FFCB40;
text-decoration : none;
}

.lien2{
color : purple;
text-decoration : none;
}

a{
text-decoration : none;
color : black;
}


a:hover /* Quand le visiteur pointe sur le lien */
{
   color: #FF7200; /* Le lien sera écrit en vert quand on pointera dessus */
   }

.retrait{

margin-left : 40px;
}

.centre{
text-align : center;
}
.petit{
font-size:20px;}


.prof{
text-align : center;
}

.presentation{
	text-indent: 30px;
	text-align : justify;
	}
	
.pres{
   font-weight: bold;
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: purple;}

.presentation:first-letter{

   font-weight: bold;
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: purple;
}

table {
border-collapse : collapse;
}

.pctd {
background-color : #EBE4F6;
border : 1px solid #520eae;
font-family : "Arial","Times New Roman";
text-align : center;
padding-left : 30px;
padding-right : 30px;
padding-top : 5px;
padding-bottom : 5px;
text-decoration : none;
}

.grtd {
background-color : #EBE4F6;
border : 1px solid #520eae;
font-family : "Arial","Times New Roman";
font-size:20px;
text-align : center;
padding-left : 30px;
padding-right : 30px;
padding-top : 5px;
padding-bottom : 5px;
text-decoration : none;
}

.petiteimage{
border:none;}

.mois {
background-color : #FAB952;
border : 1px solid #520eae;
font-family : "Arial","Times New Roman";
font-size:24px;
text-align : center;
padding-left : 30px;
padding-right : 30px;
padding-top : 5px;
padding-bottom : 5px;
text-decoration : none;
}

#entete {
color : #701daa;
font-family : "Arial","Times New Roman";
font-size : 2em;
font-weight : bold;
width : 400px;
margin : auto;
}

#entete2 {
color : #701daa;
font-family : "Arial","Times New Roman";
font-size : 1.7em;
font-weight : bold;
width : 400px;
margin : auto;
}

#valid{
border : 0px;
}


.lienimage{
border : none ;
margin : 5px;
}

#yogatext{
width : 700px;
margin : auto;
}

#dejavenu{
font-weight : bold;
width : 500px;
margin : auto;
}

#casino{
font-family : "Garamont";
font-size : 4em;
color : #BC600F;
text-align : center;
}

.rouge{
color : #FF0202;
}
.rougecentre{
color : #FF0202;
text-align : center;
}

#cab{
float: left;
padding: 1%;
margin-right: 2px;
width: 192px;
height: 482px;
}

#logomyspace{
width: 83px;
height: 18px;
}
#theoimg{
float: left;
padding: 1%;
margin-right: 2px;
width: 460px;
height: 698px;
}

#proftango{
float: right;
padding : 8px;
margin-right: 2px;
width: 300px;
height: 211,5px;
}
#forro2{
float: right;
padding : 8px;
margin-right: 2px;
width: 300px;
height: 425px;
}

#proftango2{
float: right;
padding : 8px;
margin-right: 2px;
width: 283px;
height: 401,5px;
}

#profrumba2{
float: right;
padding : 8px;
margin-right: 2px;
width: 220px;
height: 331px;
}

#profrumba3{
float: right;
padding : 8px;
margin-right: 2px;
width: 220px;
height: 331px;
}

#onilde{
float: right;
padding : 8px;
margin-right: 2px;
width: 220px;
height: 263px;
}

#abraham{
float: right;
padding : 8px;
margin-right: 2px;
width: 220px;
height: 253px;
}

#adam2{
float: right;
padding : 8px;
margin-right: 2px;
width: 326px;
height: 340px;
}

#sissies{
float: right;
padding : 8px;
margin-right: 2px;
width: 408px;
height: 567px;
}

#bakers{
float: right;
padding : 8px;
margin-right: 2px;
width: 362px;
height: 424px;
}


#rumbagouter{
float: right;
padding : 8px;
margin-right: 2px;
width: 400px;
height: 400px;
}

#tangoleon2{
float: right;
padding : 8px;
margin-right: 2px;
width: 425px;
height: 575px;
}

#vika{
float: right;
padding : 8px;
margin-right: 2px;
width: 220px;
height: 374px;
}

#bassadim{
float: right;
padding : 8px;
margin-right: 2px;
width: 300px;
height: 268px;
}

#IFE{
float: right;
padding : 8px;
margin-right: 2px;
}

#IFE{
float: left;
padding : 8px;
margin-right: 2px;
}


.tangoright{
float: right;
padding : 5px;
margin-right: 2px;
width: 220px;
height: 450px;
}
.right{
text-align : right;
}

#vignettes{
width : 700px;
margin : auto;
}

#titresomn{
font-size : 20px;
}

.myspace{
	height: 23px;
	width: 104px;
	background-image: url("images/myspacelogo3.jpg");
}
.myspace:hover{
  height: 23px;
  width: 104px;
  background-image: url("images/myspacelogo4");
}