#adulte {
	background-color:#FFFF00;
	border:thick;
}
#accueil {
	margin: 0 auto;
	padding-left: 4px;
	width: 800px;
	height: 1015px;
	background:url(../images/accueil.png) no-repeat;
}

#affich-liste {
	display:inline-block;
	vertical-align: top;
	overflow-y:auto ;
	width:80%; /* 21.3.19 80%; /* 19.5.15 60%; /*75%; /* 11.5.15 80%; /*75%; */
	height: auto;
	-height:auto; 
	max-height:500px; /* 29.3.115 350px; */
	margin-top: 1%; 
	margin-bottom: 0;
	margin-left: 1% ; /* 11.5.15 3%;
	padding-left:1% ; /*3%*/
	font-size: 18px ; 
	/font-size: 16px ;
	-font-size: 18px ; 
	border:groove ; 
	border-radius: 10px;
}

#affich-mp3 {
	/*  23.2.15 float:left; */
	display:inline-block;
	vertical-align: top;
	overflow-y:auto ;
	width:83% ; /* // 5.2.17 AP 99.5%; /* // 24.1.17 AP 100%; /*70%; /* 24.2.15 associé à menu-gxxl plus large */
	/width: 810px ; 
	-width: 700px ;/* IE6 */
	height: 80%; /* // 5.2.17 AP 85%;/* // 24.1.17 AP 450px ; /* 29.11.16 350px; /* 18.3.15 auto ; /* 8.2.15 550px ;  */
	-height:350px; /* 18.3.15 auto ; /* 8.2.15 550px ; */
	margin-top: 0; 
	margin-bottom: 0;
	margin-left: 0;
	font-size: 18px ; 
	/font-size: 16px ;
	-font-size: 18px ; 
	border:groove ; 
	border-radius: 10px;
}

#affich-mp3-entete {
	display:inline-block;
	vertical-align: top;
	width: 83%; /* // 5.2.17 AP 99%; /* // 24.1.17 AP 78%;  /* // 16.12.16 AP 70%;  */
	/width: 810px ; 
	-width: 700px ;/* IE6 */
	height: auto; /* // 5.2.17 AP 82%; /* // 24.1.17 AP auto; */
	-height:auto; 
	margin-top: 0; 
	margin-bottom: 0;
	/* // 24.1.17 AP margin-left: 10px; /* // 16.12.16 AP 80px; */
	font-size: 18px ; 
	/font-size: 16px ;
	-font-size: 18px ; 
	border:groove ; 
	border-radius: 10px;
}



#affich-perso {
	/* display:inline-block;
	vertical-align: top;*/
	overflow-y:auto ;
	width: 80%. /*920px; /* 8.2.15 liste perso choristes 800px ; /*  2.2.15 920px; */
	-width: 880px; 
	height: 500px ;/*450px ; /* 530px ;*/
	-height: 500px ; /* 14.2.11 420px ; */
	margin-top: 1%;
	margin-bottom: 5px;
	margin-left: 2%; /*auto;*/
	padding-left: 10px ;/* 26.2.15 0px; /* 16.2.15 10px; */
	font-family:Calibri,Arial, Helvetica, sans-serif; /* 1.11.16 */
	
	font-size:17px  ; /*18px; // 10.1.17 AP */
	/font-size: 16px ;
	-font-size: 18px ; 
	border:groove ; 
	border-radius: 10px;
	box-shadow: 5px 5px 5px black ;
}

#alerte
{
	position:absolute;
	overflow:auto;
	top:  120px; 
	left:385px;
	width:600px;
	padding-left:10px;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	height:100px;
	font-size:20px;
	background-color:#FFFFFF;
	border:groove;
	border-radius: 10px;
	box-shadow: 5px 5px 5px black ;
}

#alerte_admin
{
	position:absolute;
	overflow:auto;
	top:500px;
	left:385px;
	width:600px;
	padding-left:10px;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	height:70px;
	font-size:20px;
	background-color:#FFFFFF;
	border:groove;
	border-radius: 10px;
	box-shadow: 5px 5px 5px black ;
}
#alerte h2, #alerte_admin h2
{
	text-align:center;
	/* background-color:#0099FF;  */
	font-size:24px;
	margin:0 0 0 -10px;
	padding-top:2px;
	padding-bottom:2px;
	/* border-radius: 10px 0 0 0; */
}


#bas{
	position:fixed; /* 9.2.15  absolute ;  /* 31.1.15 relative ; */
	bottom: 0px; 
	left: 5px ;
	border:groove ; /* 16.2.11 */
	background-color:#0099FF; /*21.4.11#FF0066 ;  /* 16.2.11 */
	width: 99%; /*auto;  /*4.5.11*/
	-width: 95% ;
	max-height:20px ; /* // 15.1.17 AP */
	margin-left:auto ; /*4.5.11*/
	margin-right:auto ; /*4.5.11*/
	border-radius: 0px 0px  15px 15px;
	z-index:  +1;
	}

#bas a {
	text-decoration: none;
	color:#FF0000; 
	;
}

#basgauche {
	float: left ;
	text-align: center;
}

#basgauche a {
	text-decoration: none;
	color: #FF0000;
}

#basdroite {
	float: right ;
	text-align: center;
}

/**************  BOITEi   autres que cadre_5;css utilsé dans concert_part.php ***********************/
#boite1, #boite2,#boite3, #boite4 {
	position:absolute;
	border: 5px solid #fff;
}
#boite1, #boite3 {
z-index:+1;
}

#boite1 {
	left: 140px;
	top: 512px;
	height: 83px;
	width:  101px;
} 
 
#boite2 {
	left: 400px; /*145px;/*446px;*/
	top: 48px;
	height: 567px ; /*600px; /*664px;/*542px; */
	width:  453px; /*954px;/*772px;  */
	border: groove #000000 10px ; /* 7.5.11 */
}

#boite3 {
	left: 1026px;
	top: 518px;
	height: 52px;
	width:  52px;
}

#bottom {
background: #555 url(../images/new/bottom.jpg) no-repeat;
padding: 10px 0;
}

#commentaire 
{
overflow:auto;
max-height:175px;
}

#choristes {
	width: 347px;
	border: 1px;
}

#compo {
	width: 300px ;
	height:200px ;
	float:left;
	border:dashed ;
	margin: 5px;
	padding: 5px;
}

#content {
background: #4c320d url(../images/new/content.jpg) repeat-y;
padding: 10px 20px;
height: 460px;
}

#contentpartition {
background: #4c320d url(../images/new/content.jpg) repeat-y;
padding: 10px 20px;
height: 640px; 
}

#debutable
{
	position:fixed;
	top:0;
	height:8%;
	width:inherit;
	background-color:#666666;
}

/*
#droite-haut
{
	padding:0px;
	/*font-size:24px ; 
	height:40px;
	width:inherit ;
	border:thin 
	border-radius: 20px ; 
	background-color:#00CC33;
}*/
#droite-haut
{
padding:0px;
border:thick ;
border-radius: 20px ; 
/*height:40px; */
width:inherit ;
background-color:#00CC33;
}

#entete {
	height: 200px;
	background: url(../images/entete.png) center no-repeat;
	margin:0px; /*30.1.11 */
	padding:0px; /*30.1.11 */

}

#footer {
text-align: center;
color: #eee;
font-size: 11px;
padding: 0 0 10px 0;
}
#footer a { color: #eee; }

 #gauche {
 	float:left ;
	width: auto;
	height: 10px;
 }
 
#haut
{
	height:30px; 
}

#gras
{
	font-style:italic;
	font-size:18px;
	font-weight:200;
}

#header { 
background: #4c320d url(../images/new/header.jpg) no-repeat;
height: 90px;
}

#header-left{
float:left;
width:800px;
height:80px;
}

#header-right{
float:rightleft;
width:auto;
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
padding: 5px 0 ;
height:auto;
}

#header_perso { 
background:#00CCCC  no-repeat;
height: 90px;
}

#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -1px;
padding: 10px 0 5px 20px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 21px;
letter-spacing: -1px;
line-height: 12px;
}

#image {
	margin-left: 200px ; /*7.5.11 5px ;*/
		background:  transparent ; /* 2.2.11  */
	z-index: 1;
}

#image2 {
	float:left ;
	width: 400px ;/* 800px*/
	height:300px; 
	padding-left: 10px;
}

img { border: none; }
a {text-decoration: none; color: #4c320d;  }
a:hover { text-decoration: none; color : #000; }


#lecteur {
	display:inline-block;   /* 10.2.17*/
	width:20%;  /* 250px; */
	margin:0px;
	border:inset;
	background-color:#CC00FF;
	/* 18.3.15 float:left; */
}  

#left22
{
	float:left;
	width:45%;
	height:450px;
	border:thin;
}

#liste-concert {
	overflow-y:auto ;
	padding-left: 10px;
	height: 320px ; 
	-height: 320px ; 
	font-size: 18px ; 
	/font-size: 16px ;
	-font-size: 18px ; 
	margin-top: 5px;
	margin-right: auto; 
	margin-bottom: 5px;
	margin-left: auto;
	-margin-left: 10px; 
	width: 940px; 
	/width: 810px ; 
	-width: 700px ;
	border:groove ; 
}
#logo {
	top:5px;
	left:5px;
	padding:0 5px;
	width:auto;
	border:groove;
	border-radius: 20px;
	
	box-shadow: 5px 5px 5px black;
	font-style:italic;
	font-size:1.8em;
	float:left;
	text-shadow:0px 0px;
	background-color:#CCCCCC;
	background: linear-gradient(to bottom,#999999, #CCCCCC);  
}

#membre
{
	width:24%;
	height:150px; 
	border:thick;
	overflow:auto;
	float:left;
	clear:left;
}

#mot-de-passe {
	position:absolute;
	top: 250px;  /*  10.2.17  */
	left: 500px;
	padding: 10px;
	border:#CC0000 ;
	font-size:18px ;
	background-color:#FF9900;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow: 15px 15px 15px black;
}

/*
#mot-de-passe {
	position:absolute;
	background-image:url(../reserved/images/acces.jpg) ; 
	top: 200px;
	left: 250px;
	width:605px;
	height:165px;
	border:#CC0000 ;
	font-size:18px ;
	background-color:
	#FF9900;
}  */

#news {
	overflow-y:auto ;
}

#news-date {
	float: left ;
	width: 250px;
	padding-left: 10px;
	height:auto ;
	font-size: 24px;
	/* AP 14.1.11 background: url(../images/fond-accueil.png);  */
}	
#news-info {
	float: left ;
	padding-left: 100px;/*26.1.11 10px;*/
	width: 800px; /* 8.2.11 900px; /*580px; */
	height: auto; /*1200px*/;
	font-size: 16px;
	/* AP 14.1.11 background: url(../images/fond-accueil.png);  */
}

#news-titre p {
	align: center ;
	font-size:32px;
	background-color:#CC0000 ;
	text-align:center
}
#numecran {
	float:right;
	width: auto; /*2%; */
	border-radius: 10px;
	background-color:#FFFFFF;
	text-shadow: 0px 0px 0px;  /* 20.2.15 annule le tex shadow de div parente page-name */
	vertical-align:top ;  /*// 24.1.17 AP*/
}

/************** page-name styles ****************/

#page-name, #page-name-perso{
	width: 99%  ; /* 1.2.15 auto ;/*AP 20.1.11 1300px; */
	height: 6% ; /* // 24.1.17 AP auto; /* 4.2.15 35px ;  /* 2.2.11 55px;*/
	padding: 5px; 
	margin: auto ; /* 0px; */
	border-bottom:1px solid #ccd2d2;
	text-align: center;
	/*background-color: #FF3366;  /* #33CCFF; */
	/* border-radius: 20px 20px 0px 0px;  */
	border-radius: 10px 10px 0px 0px; 
	text-shadow: 2px 2px 2px black;
}

#page-name{
	background-color:#00FF33; 
}

#page-name-perso{
	background-color: #FF3366; 
}


#page-name h2, #page-name-perso h2{
	color: #990033;
	margin:0px;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 175%;
	font-weight: bold;
	
}

#page-name img, #page-name-perso img{
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 0px;
	margin: 0px;
	width: 104px;
	height: 46px; 
}

#photo {
	display:inline-block;
	vertical-align: top;
	width: 80%;/*750px; /*900px; */
	height: 550px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-align:center;
	
}

#php {
	position:absolute;
	top: 0;
	right: 0 ; /* 16.2.11 left: 0; */
	/*width: 30px;*/
	float: right; /* 16.2.11 left ; */
	text-align: right; /* 16.2.11 left ; */
	font-size:12px;
}


#plan {
	margin: 0 auto;
	text-align: center;
}

#prevente {
	background-color: #FF99FF ;
	padding-left: -20 px ;
	/* width:auto ; */
	height:auto ;
	border:thin ;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow: 10px 10px 10px black;
}

#programme {
	display:inline-block;
	vertical-align: top;
	border-radius: 20px;
	overflow-y:auto ;
	/*padding-left: 10px; */
	height: auto ; 
	-height: 540px ; 
	
	font-size: 18px ; 
	/font-size: 16px ;
	-font-size: 18px ; 
	margin-bottom: 5px;
	margin-left: 50px;
	-margin-left: 50px; 
	width: 80%; /* 19.2.15 940px; */
	/width: 810px ; /* 14.2.11 800px ; /* 9.2.11  IE7 */
	-width: 700px ;/ * 18.2.11 800px ; /* 16.2.11 900px/* 31.1.11 IE6 */
	border:groove ; /* 6.2.11 */
}

#pupitre {
	width: 200px;
	height:100px ;
	margin: 5px;
	border:double ;
	float:left ;
}	

#racine {
	margin: 10px auto;
	padding-top: 70px;
	width: 1000px;
	height: 600px;
	background: url(../images/fond.png) no-repeat;
	text-align: center;
	font-size: 50px;
	color: #FF0000;
}

#right
{
	float:right;
	width:450px;
	height:450px;
	border:thin;
}

#saisie-concert {
	border:double ; 
	overflow-y:auto ;
	display:inline-block; /* 26.11.16 */
	padding-left: 10px;
	margin-left: 20px; /*100px;/*310px; :/* auto */
	margin-right:auto ;
	-margin-left: 20px;/*310px; /*10px;  */
	/*margin-top: 5px; 
	margin-bottom: 5px; */
	height: auto; /*200px ; */
	/height: 200px ; 
	-height: 200px ; 
	font-size: 18px ; 
	/font-size: 16px ;
	-font-size: 18px ; 
	width: 80%; /* 740px;  /* 940px */
	/width: 610px ; /* 810px */
	-width: 500px ;  /* 700px */
}

#soprane, #alto, #tenor, #basse
{
	width:24%;
	height:200px; 
	border:thick;
	overflow:auto;
	float:left;
}

#secretaire
{
	width:24%;
	height:130px; 
	border:thick;
	overflow:auto;
	float:left;
}

#tableau-instrument {
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 40px;
	display: block;
	width: 860px;
}

#tableau-instrument li {
	float: left;
	display: block;
	width: 150px;
	height: 45px;
	margin: 0 0px;
	text-align: center;
	border: 1px black solid;
	list-style-type: none;
}

#tableau2 {
	overflow-y:auto auto;
	width: 400px;
	height: 80%;
}

#tableau2 p {
	float: left;
	padding-left: 4px;
	display: block;
	width: 150px;
	height: 30px;
	text-align:center ;
	border: 1px black solid;
	list-style-type: none;
}

#tableau3 {
	overflow-y:auto auto;
	width: 750px;
	height: 80%;
}

#tableau3-entete p {
	float: left;
	display: block;
	width: 211px;
	height: 23px;
	text-align: center;
	border: 1px black solid;
	list-style-type: none;
	font-size: 18px;
	font-weight: bold;
	color:#CC0000;
}

#tableau3 li {
	float: left;
	padding-left: 8px;
	display: block;
	width: 207px;
	_width: 215px; /* 31.1.11 */
	height: 50px;
	text-align: left;
	border: 1px black solid;
	list-style-type: none;
	/* 2.2.11 position:relative ; /* 31.1.11 IE6 */
}

#tableau3 p {
	float: left;
	padding-left: 4px;
	display: block;
	width: 207px;
	height: 30px;
	text-align: left;
	border: 1px black solid;
	list-style-type: none;
}

#tableau4 {
	/*float:none ;*/
	margin: 0 auto;
	padding-top: 10px;
	
	display: block;
	width: 95%  /* 6.2.11 98%*/ ;
	height:  auto; /* 7.2.11 470px;/* 7.2.11*/
	max-height: 450px; /*470px; /* 7.2.11 */
	text-align: left ; /* 5.2.11 center; */
	font-size:17px ; /* 7.2.11 */
	overflow-y:auto ;
	border:#CC0000 groove ; /* 6.2.11 */
	_padding-top: 0px; /* 31.1.11  I6 */
}

#tableau4 p {
	margin: 0 ;
	float: left;
	padding-left: 0;
	display: block;
	width:  22% ; 
	height: 25px;/* 31.1.11  auto  ds style-perso*/
	text-align: left;
	border: 0px black solid; 
	/*  6.2.11 border-bottom: 1px solid ; */
	list-style-type: none;
}

#tableau4 li {
	margin: 0 ;
	float: left;
	padding-left: 0;
	display: block;
	width:  22% ; /*ds style-perso*/
	height: 50px; /* 31.1.11 auto ds style-perso*/
	text-align: left;
	border: 0px black solid;
	list-style-type: none;
	/* 2.2.11 position:relative ; /* 31.1.11   IE6 */
}

#tableau4-entete p {
	margin: 0;
	float:left;
	display:block;
	width:  22% ; 
	height: 30px; /* 31.1.11 auto ds style-perso*/
	font-size: 20px; /* 7.2.11  */
	text-align: center;
	/* 7.2.11 border: 1px black solid; */
	list-style-type: none;
	color:#CC0000;
}

#tableau5 {
	/* float:left; /* 14.2.11 pour IE8 */
	overflow-y:auto;
	width: 98%;
	height: auto ; /* 6.2.11 80%;*/
	border:dotted : /* 6.2.11 */
	
}

/*  14.2.11 IE8 #tableau5-entete li { */
#tableau5-entete p {
	float: left; 
	display: block; 
	width: 13% ;  /*  6.2.11 20%;*/
	height: 23px;
	text-align: center;
	border: 0px solid black; 
	list-style-type: none;
	font-size: 18px;
	font-weight: bold;
	color:#CC0000;
	border-radius: 10px;
}

#tableau5 p {
	float: left;
	padding-left: 0px;
	display: block;
	width: 20%; 
	height: 30px;
	text-align: center;
	border: 0px black solid;
	list-style-type: none;
}

#tableau6 {
	overflow-y:auto;
	width: 98%;
	height: 70%;
}

#tableau6-entete p{
	float: left;
	display: block;
	width: 16.6%; 
	height: 23px;
	text-align: center;
	border: 1px black solid;
	list-style-type: none;
	font-size: 18px;
	font-weight: bold;
	color:#CC0000;
}

#tableau6 p {
	float: left;
	padding-left: 0px; /*21.4.11   0px  */
	display: block;
	width: 16.6%;
	height: 30px;
	text-align: center;
	font-size:18px ; /* 7.2.11 */
	border: 0px black solid;
	list-style-type: none;
}
#tableau-repet {
	margin: 0 auto;
	padding-top: 20px;
	display: block;
	width: 500px;
	text-align: center; 
}

#tableau-repet li {
	float: left;
	display: block;
	width: 150px;
	height: 47px;
	text-align: center;
	border: 1px black solid;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

#tract
{
	border:groove;
	position:absolute;
	top:10px;
	left:400px;
	padding:10px;
	overflow:auto;
}

#top {
background: #555 url(../images/new/top.jpg) no-repeat;
padding: 5px 0;
}

#tout2 {
background-color:#0000FF; /*#66FFFF;*/
height:auto;
max-height:382px;/*440px; */
overflow-y: scroll;
}

#tout3 {
background-color:#CCCCCC;/*#66FFFF;*/
height:auto;
max-height:550px; 
overflow-y: scroll;
}

#version {
	
	display: block;
	overflow-y: auto;
	width: 400px;
	height: 200px;
	border: 1px black solid;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	position:absolute ;
	left: 200px;
	top: 400px;
}