body {
	background:#FFFFFF; 
	background-color:#CCCCCC;	
	font-family: Calibri,Verdana, Arial, Helvetica, sans-serif; // 1.11.16
	font-size: 11px;
	line-height: 18px;*/
	behavior: url("csshover3.htc");  // 14.2.11  indispensable  IE6 
}

#main, #main-choriste, #main-concert, #main-plan, #main-plan-perso, #main-perso, #main-pupitre,#main-repert, #main-repert-perso, #main-voyage  {
	display:inline-block;
	vertical-align: top;
}

#main {
	padding-top: 30px/*60px*/;
	padding-left: 10px/*30px*/;
	width: 1280px/*1300px*/;
	height: 400px;
	text-align: justify;
	font-size: 20px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	/*background: url(../images/fond.png) no-repeat;*/
}

/***********   MAIN  ************************/
#main a {
	text-decoration: none;
	color: #FF0000;
}

#main h1 { /*11.1.11 evmc simpl */
	text-align:center;
	background-color:#CC3366;	
	float:left;
}	

#main p {
	float: left;
	display: block;
	width: 200px;
	height: 60px;
	text-align: left;
	border: 0px black solid;
	list-style-type: none;
}

/***********   MAIN AACCUEIL   ************************/

#main-accueil {
	overflow-y: auto auto;
	margin: 0 auto; 
	width: 1000px;
	height: 570px; /* 4.5.11 550px ; /* 7.2.11 95% ; /* 31.1.11 90%*/;
	_height:  570px; /*7.5.11 450px; /*IE6  9.2.11 */
	font-size: 17px;
	/*background: url(../images/fond-accueil-transparent.gif);    fond bleu arrondi*/
} 

/***********   MAIN  CA ************************/
#main-ca {
	padding-top: 30px/*60px*/;
	padding-left: 30px;
	width: 750px;  /* 6.2.11  640px :*/ 
	height: 470px;
	text-align: justify;
	font-size: 20px;
	background: url(../images/fond.png) no-repeat;
	margin-top: 5px;
	margin-right: auto;  
	margin-bottom: 5px;
	margin-left: auto;  
}

/***********   MAIN  CHORISTE  ************************/
#main-choriste {
	width: 1000px;
	height: 450px;
	text-align: center;
	background: url(../images/fond.png) no-repeat;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#main-choriste li {
	float: left;
	text-align: center;
}

#main-choriste li a {
	margin: 80px 130px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	color: #993300;
	width: 230px;
	height: 80px;
}

/***********   MAIN  CONCERT  ************************/
/* quelle difference avec ci-dessous ?
#main-concert {
	width: 1000px; /*1000px;
	height: 600px; /*auto ; /* 3.2.15 600px; /*14.2.11 580px ; */
	/*height: 540px ;
	_height: 540px ;
	text-align: center;
	background: url(../image_outil/fond.png) no-repeat;
	margin-top: 0px; /* 14.2.11 5px; 
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
*/

#main-concert {
	width: 78%; /*80%; /*1000px;*/
	height: 420px; /*14.2.11 580px ; */
	margin-left:4%;
	text-align: center;
	background: url(../images/fond.png) no-repeat;
	margin-top: 20px; 
	padding-left:1%;
	border: solid 1px black;
	/*background-color:#66CC33; */
	background: linear-gradient(to right, #009900, #99FF00);
	border-radius:20px;
	overflow:hidden;
} 

#main-concert li {
	float: left;
	text-align: center;
}

#main-concert li a {
	margin: 20% 20%; /*  80px 130px;*/
	display: block;
	border:groove;
	border-radius:20px;
	background-color:#00CCFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em ; /* 2.9.18 2.5em */ 
	font-weight: bold;
	color: #FF0000;
	width: 370px; /* 2.9.18 270px; /*230px;*/
	height:  auto; /*80px;*/
	_margin:80px 100px; /* 31.1.11   IE6 */
	box-shadow: 10px 10px 10px black ;/* #FF0000 */
}

#main-concert li a:hover {
	box-shadow: 5px 5px 5px inset;
}

/***********   MAIN  DETAIL  ************************/
#main-detail {
	display:inline-block;
	/*  // 2.2.17 AP overflow:auto; */
	background-color:#FFFF99;
	width: 86%; ;
	height:40%; /* 19.2.17 48% ; */
	text-align: justify;
	font-size: 1em;
	margin-top:0;
	margin-right: auto;
	margin-left: auto;
	border:solid 1px black
}
#main-detail h1,h2,h3 {
text-align:center;
}


/***********   MAIN  LISTE ************************/
#main-liste {
	display:inline-block;
	overflow:auto;
	background-color:#33FFCC;
	width: 86%; 
	height: 50%; /* 19.2.17 42%;  */
	text-align: justify;
	font-size: 1em;
	margin-top:0;
	margin-right: auto;
	margin-left: auto;
	border:solid 1px black
}

#main-liste h1,h2,h3 {
text-align:center;
}

#main-liste td{
font-size:0.9em;
}

#main-liste h1,h2,h3 {
text-align:center;
}

/***********   MAIN  JUXTA ************************/
#main-juxta {
	display:inline-block;
	width:  86% ; 
	height:600px;
	margin-top:0;
	margin-bottom:0;
	margin-right: auto;
	margin-left: auto;
	background-color:#66CC66; /*#FF99FF; */
}

/***********   MAIN  PERSO  ************************/
#main-perso {
	overflow-y:auto ;
	/*  24.2.15 padding-left: 10px;/*800px*/
	height: 530px;/*AP 24.2.15 550px;*/
	/*text-align: justify; */
	font-size: 20px;
	/* 24.2.15 margin-top: 5px; */
	/* 30.1.11 margin-right: auto; */
	margin-left: auto; /*24.2.15 */
	margin-right: auto; /* rtabli 2.2.11 */
	width: 99%; /* 24.2.15 */
	margin-bottom: 5px;
	/* 30.1.11 margin-left: auto; */
	width: 1200px; /*1280px/*20.1.11  800px*/
	
}
#main-perso  td{
	font-size: 16px; /* 13.2.11 ne sert  rien*/
}

/***********   MAIN PLAN  ************************/
#main-plan {
	margin: 10px auto;
	width: 1000px;
	height: 600px;
	text-align: justify;
	font-size: 20px;
	background: url(../images/fond.png) no-repeat;
}

#main-plan a {
	margin: 0 auto;
	width: 150px;
	height: 20px;
	text-decoration: none;
	color: #FF0000;
}

#main-plan-perso {
	margin: 10px auto;
	width: 600px ; /* 12.2.1 500px; */
	padding-left:30px;
	height: 500px;
	text-align: justify;
	font-size: 20px;
	background: url(/images/fond.png) no-repeat;
}

/***********   MAIN  PUPITRE ************************/
#main-pupitre {
	margin: 5px auto;
	padding-top: 60px;
	padding-left: 30px;
	width: 600px ; /* 9.2.11 400px; */
	height: 600px;
	text-align: center ; /* 9.2.11 justify; */
	font-size: 20px;
	background: url(../images/fond.png) no-repeat;
}

/***********   MAIN  REPERT  (sans doute obsolete au 21.2.15) ************************/
#main-repert {
	overflow-y:auto; 
	width: 80%; /*1000px;  */
	height:  550px; /* 17.2.15 460px ; /* 2.2.15 480px ; /* 8.2.11 520px ;*/
	_height:  450px ;
	margin-top:  1%;
	margin-left:2%;
	/* margin: 0px auto 0px auto ; /* 7.2.11 5px auto;*/
	-margin: 0px 0px 0px 100px ;  /* IE6 7.2.11 */
	/* padding-top: 10px;*/
	padding-left: 0; /* 3%;/* 23.2.15 30px; */
	text-align: justify;
	background: url(../images/fond.png) no-repeat;
	background-color:none; /* 6.2.11 */
	border:groove;
	border-radius: 20px;
	background-color:#99FFFF;
} 

#main-repert li {
	float: left;
	text-align: center;
}

#main-repert li a {
	margin:80px 130px; 
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 2.5em;
	font-weight: bold;
	color: #FF0000;
	width: 230px;
	height: 80px;
	_margin:80px 100px; /* 31.1.11   IE6 */
}


#main-repert-perso {
	margin:  5px auto;  
	padding-top: 10px;
	padding-left: 30px; 
	width: 1000px ; /*910px*; */
	height: 550px;/* 6.2.11 500 px*/
	text-align: justify;
	font-size: 20px;
	border-bottom-color: #CC0000;
	border-bottom:dotted ;
	background: url(../images/fond.png) no-repeat;
} 


/*******************************    MAIN  VOYAGE **************************/
#main-voyage {
	width: 80%;
	height: 540px; /*auto; /*400px; */
	text-align: center;
	/* background:	url(../image_outil/fond.png); */
	margin-top: 2% ; /*20px; */
	margin-left:auto;
	margin-right:auto;
	border: solid 1px black;
	/*background-color:#66CC33;*/
	background: linear-gradient(to right, green, rgba(0,255,0,0));
	border-radius:20px;
	overflow:hidden;
} 
#main-voyage li {
	float:none; /* 23.2.15  left; */
	text-align: center;
}
#main-voyage li a {
	margin: 2% 1%; 
	display: block;
	border:groove;
	border-radius:30px;
	background-color:#00CCFF;
	text-align: center;
	text-decoration: none;
	font-size: 2.5em;
	font-weight: bold;
	color: #FF0000;
	width: 95%; /*325px; */
	height: auto; 
	/*_margin:20% 5%;  /* 31.1.11   IE6 */
	box-shadow: 10px 10px 10px black ;
}

#main-voyage li a:hover {
	box-shadow: 5px 5px 5px inset;
}

/***********   WRAP   ************************/
#wrap {

margin: 0 ; /*5px auto; */
width:  100% ; /*1250px; */
height: 720px; /* 100%; /* // 2.2.17 AP 625px ; */
border:2px solid;
/* // 26.1.17 AP border-radius: 20px 20px 0px 0px; */
border-radius: 10px 10px 0px 0px;
/*background-color:#FFCCFF /* /*  // 2.2.17 AP*/

}