body {
    margin:0;
    padding:0;
    background-color:#644437;
    color:#bbb;
	font-family:sans-serif;
	font-size:13px;
}

h1 				{color:#ccc; margin:0; padding-left:10px; padding-top:20px; padding-bottom:20px; font-size:20px;}
h2 				{color:#ccc; margin:0; padding-left:10px; padding-top:25px; padding-bottom:5px; font-size:16px;}/*titres gris "nous mettons a votre dispo (location) */
h3 				{color:#ccc; margin:0; padding-left:10px; padding-top:25px; padding-bottom:5px; font-size:15px; background:url(./images/title-background.png) no-repeat 0px 25px;}
h4 				{color:#ccc; margin:0; padding-left:10px; padding-top:10px; padding-bottom:5px; font-size:13px;}/*Titres genre mardi de 17h à 18h*/
h5 				{color:#db8; margin:0; padding-left:10px; padding-top:0px; padding-bottom:25px; font-size:17px; background:url(./images/title-h5-background.png) no-repeat 0px 0px;}/*titres doré Ateliers */
h5 a 			{color:#db8;}
h6 				{color:#a96; margin:0; padding-left:10px; padding-top:10px; padding-bottom:5px; font-size:13px;}/*titres doré équipe et Titres CV*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
			{font-weight:normal; font-size:11px;}/*envoyer mail page equipe*/
p 				{margin:0px; padding-left:30px; padding-bottom:10px;}
ul 				{padding-left:70px; margin-top:0px;}
ul li 			{list-style-image:url(./images/puce.png);}

.grey			{color:#777;}
.yellow			{color:#a96;}
.error			{color:#b32;}
a.red-link,
.red-link a		{color:#b32; font-weight:bold;}

a 				{text-decoration:underline; color:#ccc;}
a:hover 		{text-decoration:none;}
a img 			{border:none;}


.button {cursor: pointer;}
input, textarea, select, .button {background:url(./images/ateliersstages-sub.png) left repeat-y #000; border:1px solid #a96; color:#ccc;}
select {background: #000;}
input[type="checkbox"] {background:none; border:none #000; color:#ccc;}
form p label, input/*[type='submit']*/, .button {color:#a96; text-decoration: none; padding:0.1em 0.5em;}
input[type='submit'] { padding:0 !ie;}
/*select {-webkit-appearance: none;}*/

/* COLORS */
.action-add,
.action-edit,
.action-delete 	{cursor: pointer;}

.action-add    	{background: #103344; border-color: #16A; color: #ACC;}
.action-edit 	{background: #443010; border-color: #A61; color: #CBA;}
.action-delete 	{background: #441510; border-color: #A31; color: #CAA;}

.action-add:hover,
.action-edit:hover,
.action-delete:hover {color: #FFF;}


/* NIVEAU 0 */
#bigContainer {
position:relative;
width:100%;
background:#000 url(./images/footer-wide.png) repeat-x bottom;
}

/* NIVEAU 1 */
#container {
/*position:relative;*/
width:1004px;
margin-left:auto;
margin-right:auto;
overflow:auto;
}

/* NIVEAU 2 */
#container-Left {
position:relative;
width:77px;
height:816px;
float:left;
background:url(./images/container-left.png) no-repeat;
}
#container-Center {
position:relative;
width:856px;
float:left;
}
#container-Right {
position:relative;
width:67px;
height:816px;
float:left;
background:url(./images/container-right.png) no-repeat;
}

/* NIVEAU 3 */
#header {
width:856px;
height:119px;
background:url(./images/header.png) no-repeat;
}

#menu {
width:856px;
height:39px;
background:url(./images/menu-background.png) no-repeat;
}

#main {
/*position:relative;*/
overflow:auto;
width:856px;
min-height:620px;
background:url(./images/main-background.png) repeat-y right;
}

#footer {
position:relative;
width:846px;
height:92px;
padding-left:10px;
padding-top:18px;
background:url(./images/footer.png);
font-size:9px;
}


/* NIVEAU 4 */
/* HEADER */
#flash-Rouages {
position:absolute;
left:196px;
top:12px;
z-index:25;
}
#flash-Manometre {
position:absolute;
left:0px;
top:280px;
z-index:25;
}

#citations {
font-size:11px;
position:absolute; 
top:0; 
right:0px; 
z-index:50;
color:#eee;
width:418px;
text-align:right;
}
#citations span {
font-style:italic;
color:#caa;
font-weight:bold;
}
/* END HEADER */

/* MENU */
#menu ul li a.menu-active, #menu ul li a:hover {
line-height:24px;
font-weight:bold;
color:#fff;
}

#menu ul {
margin:0;
padding:0;
width:100%;
}

#menu ul li {
list-style-type:none;
list-style-image:none;
float:left;
text-align:center;
}

#menu ul li a {
display:block;
background-repeat:no-repeat;
text-decoration:none;
line-height:28px;
height:38px;
font-size:12px;
color:#ccc;
}

#menu-Accueil 			{width:90px;}
#menu-Programmation 	{width:138px;}
#menu-AteliersStages 	{width:133px;}
#menu-Location 			{width:90px;}
#menu-Equipe 			{width:90px;}
#menu-LeTheatre 		{width:102px;}
#menu-InfosContact 		{width:213px;}

#menu-Accueil.menu-active			{background-image:url(./images/menu-accueil-active.png);}
#menu-Programmation.menu-active		{background-image:url(./images/menu-programmation-active.png);}
#menu-AteliersStages.menu-active	{background-image:url(./images/menu-ateliersstages-active.png);}
#menu-Location.menu-active			{background-image:url(./images/menu-location-active.png);}
#menu-Equipe.menu-active			{background-image:url(./images/menu-equipe-active.png);}
#menu-LeTheatre.menu-active			{background-image:url(./images/menu-letheatre-active.png);}
#menu-InfosContact.menu-active		{background-image:url(./images/menu-infoscontact-active.png);}
/* END MENU */

#title {
width:831px;
padding-top:10px;
margin-right:25px;
text-align:right;
font-size:13px;
font-weight:bold;
font-style:italic;
}

/* FOOTER */
#footer-Partenaires {float:right; padding-right:30px;}
#footer-Partenaires a {padding-left:2px;padding-right:20px;}
/* END FOOTER */

/* ACCUEIL */
#accueil-Lefter {
	float:left;
	padding-left:0px;
	width:255px;
	/*background:url(./images/accueil/separation.png) no-repeat right top;*/
}

#accueil-AlAffiche {
	min-height:200px;
	padding-left:15px;
	margin-left:5px;
	background:url(images/infos-leftside.png) no-repeat left -130px;
}
#accueil-AlAffiche h4{padding-bottom:0; padding-top:20px;}
#accueil-AlAffiche ul {margin:0; padding-left:20px;}
#accueil-AlAffiche ul li {font-size:11px; width:195px; padding-bottom:5px;}

#accueil-Actualite {
	width:220px;
	padding-left:10px;
	margin-left:5px;
	text-align:justify;
	background:url(images/infos-leftside.png) no-repeat left -20px;
}


#accueil-Actualite-Win {
	width:220px;
	height:300px;
	overflow-y:auto;
	overflow-x:hidden;
}

#accueil-Main {
	position:relative;
	background:url(./images/accueil/accueil-exterieur.jpg) no-repeat right 15px;
	text-align:left; 
	width:573px;
	float:right;
	margin-right: 8px;
}

#accueil-Presentation {line-height:1.4em; text-align:justify; font-size:11px;}
#accueil-Presentation ul {padding-left:30px; margin-left:0px;}
#accueil-Main p{padding-left:0;}
#accueil-Main table {padding-top:5px;margin-left:30px;}
#accueil-Main td {height:10px; line-height:10px;}
.accueil-Main-Jeune-HorairesCol1 {text-align:left;}
.accueil-Main-Jeune-HorairesCol2 {text-align:left;}
.accueil-Main-Jeune-HorairesCol3 {text-align:right; color:#a96;}
.accueil-Main-Tout-HorairesColTop {text-align:left; padding-left:10px;}
.accueil-Main-Tout-HorairesColMid {text-align:left; color:#a96; padding-right:15px; background:url(./images/accueil-accolade.png) no-repeat right center;}
.accueil-Main-Tout-HorairesColBot {text-align:left; color:#a96; padding-left:10px;}

#accueil-AteliersEtStages {
	background:url(./images/infos-leftside.png) no-repeat left -210px;;
	width:573px;
	height:100px;
}
/* END ACCUEIL *573/

/* PROGRAMMATION */
.programmation-Header {
	background-image:url(./images/programmation-header.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:823px;
	height:52px;
	margin-left:10px;
	padding-top:30px;
	font-size:11px;
}

.programmation-Header table {float:right; padding-right:30px;}
.programmation-Header td {height:10px; line-height:10px;}
.programmation-Header-Jeune-HorairesCol1 {text-align:right;}
.programmation-Header-Jeune-HorairesCol2 {text-align:center;}
.programmation-Header-Jeune-HorairesCol3 {text-align:right; color:#874;}
.programmation-Header-Tout-HorairesColTop {text-align:right;}
.programmation-Header-Tout-HorairesColMid {text-align:center; color:#874; padding-left:15px; background:url(./images/programmation-accolade.png) no-repeat 0px center;}
.programmation-Header-Tout-HorairesColBot {text-align:right; color:#777;}

.programmation-Container {
	background-image:url(./images/programmation-leftside.png);
	background-repeat:no-repeat;
	min-height:162px;
	margin-left:10px;
	padding-left:12px;
	margin-top:-12px;
	overflow:hidden;
}

.programmation-Container td {width:160px;	padding-left:18px; padding-right:18px; font-size:11px; color:#874;}
.programmation-Container td a {display:block;text-align:center;}
.programmation-Container td a img {border:1px solid #666;}
.programmation-Container td a:hover img {border:1px solid #ccc;}
.programmation-Container ul {padding-left:30px;} 
.programmation-Container ul li {height:40px;} 

#programmation-telecharger {
    background: url('./images/programmation/programmation.png') no-repeat;
    display:block;
    overflow:hidden;
    text-indent:-3000em;
    height:30px;
    width:365px;
}
#programmation-telecharger:hover {
    background: url('./images/programmation/programmation-over.png') no-repeat;
}

#spectacle-bande-annonce {
    background: url('./images/spectacle/bande-annonce.png') no-repeat;
    display:block;
    overflow:hidden;
    text-indent:-3000em;
    height:30px;
    width:365px;
}
#spectacle-bande-annonce:hover {
    background: url('./images/spectacle/bande-annonce-over.png') no-repeat;
}

div.spectacle-InfoBulle {
	position:relative;
	cursor:default;
	padding-right:20px;
	padding-left:30px;
}

div.spectacle-InfoBulle div {
	top:1.7em;
	left:20px;
	width:750px;
	padding:5px;
	color:#ccc;
	background-color:#000;
	border:1px solid #444;
	z-index:100;
}

#programmation-Admin {
	margin-top:10px;
	margin-left:10px;
	margin-right:20px;
	min-height:330px;
	background-color:#333;
	border:1px dashed #555;
}
#programmation-Admin-Add{
	float:left;
	display:block;
	margin-left:14px;
	margin-right:14px;
	margin-top:60px;
	padding-top:90px;;
	width:160px;
	height:140px;
	background-color:#444;
	border:1px dashed #666;
	text-align:center;
	font-weight:bold;
}
#programmation-Admin-Add:hover {background-color:#555;border:1px solid #777;}

#programmation-Admin-Hidden {
	min-height:320px;
	margin-left:190px;
	border-left:1px dashed #111;
}

#programmation-Admin-Hidden td {width:160px;	padding-left:17px; padding-right:17px; font-size:11px; color:#874;}
#programmation-Admin-Hidden td a {display:block;text-align:center;}
#programmation-Admin-Hidden td a img {border:1px solid #666;}
#programmation-Admin-Hidden td a:hover img {border:1px solid #ccc;}
#programmation-Admin-Hidden ul {padding-left:30px;} 
#programmation-Admin-Hidden ul li {height:40px;} 

.programmation-Container a.aAdmin,
#programmation-Admin-Hidden a.aAdmin,
#programmation-Admin-Passes a.aAdmin {
/*	background-color: #000; */
/*	border: 1px solid #a96; */
	display: block;
	border-width: 1px;
	border-style: solid;
	float: left;
	margin: 1px 0px 10px 0;
	padding: 2px 8px;
	text-align: left;
	text-decoration: none;
}
.programmation-Container a.aAdmin:hover,
#programmation-Admin-Hidden a.aAdmin:hover,
#programmation-Admin-Passes a.aAdmin:hover {
/*	background-color:#431;
	color:#fff;*/
}
/* END PROGRAMMATION */

/* FICHE SPECTACLE */
	div#ficheSpectacleDate table {border-collapse:collapse; width:300px;}
	div#ficheSpectacleDate table td {border:1px solid #444; padding:2px;}
/* END FICHE SPECTACLE */

/* ATELIERS-STAGES*/
#ateliersStages-Main {width:705px; padding-bottom:30px;}

#ateliersStages-List { 
	width:300px;
	float:left;
}
#ateliersStages-List ul {padding:0; margin:0;}
#ateliersStages-List ul li {list-style-image:none; list-style-type:none; padding:0;}
#ateliersStages-List ul li a {
	display:block;
	line-height:25px;
	text-align:right;
	width:290px;
	color:#ccc;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
	padding:0;
	padding-right:10px;
	margin:0;
}
#ateliersStages-List ul li a:hover {
	background-color:#0a0a0a;
	color:#ccc;
}
#ateliersStages-List ul li a.ateliersStages-menu-active{
	background-color:#111;
	text-decoration:none;

	border-top:1px solid #444;
	border-bottom:none;
	color:#db6;
	border-right:none;
}

#ateliersStages-Sub {
	background:url(./images/ateliersstages-sub.png) repeat-y left;
	float:left;
	width:528px;
	min-height:400px;
	text-align:justify;
	padding-right:20px;
	border-top:1px solid #654;
}
#ateliersStages-Sub table {margin-left:40px; margin-bottom:20px;}
div.ateliers-Descriptif {padding-left:30px; padding-bottom:20px;}
div.ateliers-Descriptif p {padding-left:0px; display:inline;}

#ateliersStages-Sub table tr td div.atelierTheatre-Prof,
#ateliersStages-Sub div div.ateliers-Descriptif div.atelierTheatre-Prof {
	z-index:99;
	display:inline;
	/*position:relative;*/
	padding:0px;
	padding-right:18px;
	margin:0px;
	color:#a96;

	/*text-decoration:underline;*/
	cursor:default;
	background-image:url(./images/infos-i.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#ateliersStages-Sub table tr td div.atelierTheatre-Prof div,
#ateliersStages-Sub div div.ateliers-Descriptif div.atelierTheatre-Prof div {
	z-index:100;
	position:absolute;
	display:none;
	text-decoration:none;

	left:-265px;
	top:-280px;
	width:550px;

	padding:10px;
	margin:0px;
	background-color:#000;
	border:1px solid #222;
}
#ateliersStages-Sub table tr td div.atelierTheatre-Prof div div,
#ateliersStages-Sub div div.ateliers-Descriptif div.atelierTheatre-Prof div div {
	color:#ccc;
	display:block;
	position:static;
	text-decoration:none;
	padding:0;
	margin:0;
	background-color:transparent;
	border:none;
}

#inscription-telecharger {
    background: url('./images/Telecharger/TelechargerFiche.png') no-repeat;
    display:block;
    overflow:hidden;
    text-indent:-3000em;
    height:30px;
    width:365px;
}
#inscription-telecharger:hover {
    background: url('./images/Telecharger/TelechargerFicheOver.png') no-repeat;
}
/* END ATELIERS-STAGES*/


/* LOCATION */
#location-Menu {margin:0; padding:0; margin-top:20px; height:20px; margin-bottom:10px;}
#location-Menu li {
	list-style-image:none;
	list-style-type:none;
	float:left;
	width:25%;
}
#location-Menu li a {
	display:block;
	width:100%;
	height:20px;
	text-align:center;
	color:#888;
	background-color:#111;
	border-bottom:1px solid #666;
}

#location-Menu li a:hover {color:#ccc; background-color:#222;}

#location-Menu li a.location-menu-active {
	color:#ccc;
	text-decoration:none;
	background-color:transparent;
	border-top:1px solid #666;
	border-bottom:none;
}
/* END LOCATION */


/* EQUIPE */
#equipe-Menu {margin:0; padding:0; margin-top:20px; height:20px; margin-bottom:10px;}
#equipe-Menu li {
	list-style-image:none;
	list-style-type:none;
	float:left;
	width:49%;
}
#equipe-Menu li a {
	display:block;
	width:100%;
	height:20px;
	text-align:center;
	color:#888;
	background-color:#111;
	border-bottom:1px solid #666;
}

#equipe-Menu li a:hover {color:#ccc; background-color:#222;}

#equipe-Menu li a.equipe-menu-active {
	color:#ccc;
	text-decoration:none;
	background-color:transparent;
	border-top:1px solid #666;
	border-bottom:none;
}
/* END EQUIPE */


/* THEATRE */
#leTheatre-Menu {margin:0; padding:0; margin-top:20px; height:20px; margin-bottom:10px; margin-right:8px;}
#leTheatre-Menu li {
	list-style-image:none;
	list-style-type:none;
	float:left;
	width:50%;
}
#leTheatre-Menu li a {
	display:block;
	width:100%;
	height:20px;
	text-align:center;
	color:#888;
	background-color:#111;
	border-bottom:1px solid #666;
}

#leTheatre-Menu li a:hover {color:#ccc; background-color:#222;}

#leTheatre-Menu li a.leTheatre-onglet-active {
	color:#ccc;
	text-decoration:none;
	background-color:transparent;
	border-top:1px solid #666;
	border-bottom:none;
}

div.theatre-Media {
	position:relative;
}
div.theatre-Media div.theatre-Media-Contenu{
	display:block; 
	padding:16px;
	text-decoration:none;
}
div.theatre-Media div.theatre-Media-Contenu span{text-decoration:underline; padding-left:5px; font-weight:bold;}
div.theatre-Media div.theatre-Media-Contenu p{padding:0;font-size:11px;}
div.theatre-Media p.theatre-Media-URL {padding-bottom:5px; padding-left:5px; font-size:11px; color:#777;}
div.theatre-Media p.theatre-Media-URL a {width:200px; height:16px; overflow:hidden; color:#ccc;}

div.theatre-Media:hover a.theatre-Media-Contenu {background-color:#ccc; border-bottom-color:#fff;}
div.theatre-Media:hover a.theatre-Media-Contenu span {color:#555; text-decoration:none;}

#theatre-Photos, #ateliers-Photos {padding-top:30px;}
#theatre-Photos div {padding-left:30px;}
#theatre-Photos div img, #ateliers-Photos div img {border:1px solid #999; cursor:pointer; vertical-align:middle; margin-bottom:4px;}
#theatre-Photos-Display {text-align:center; position:absolute; top:0; width:527px; display:none; height:410px; background-color:#000;}
#theatre-Photos-Display img {margin-top:10px; border:1px solid #ccc;}
/* END THEATRE */


/* INFOS CONTACT */
#infos-Plan {
	position:relative;
	float:left;
	padding-top:15px;
	padding-left:10px;
	width:400px;
	z-index:2;
}

#gMap {width: 380px; height:200px; overflow:hidden; margin-left:5px; margin-top:20px;}

#infos-Contact {float:left; width:400px; padding-top:220px; padding-left:30px; font-size:11px;}
/* END INFOS CONTACT */


/* EVENEMENT */
.page-evenement {
	background: #fff;
	margin: 0 auto;
	padding:10px;
	width: 590px;
}
	.page-evenement p {
		padding: 0 6px;
	}


.evenement {
	background: url(images/evenements/evenement-background.png?v2) no-repeat top center;
	cursor: pointer;
	color:#f98;
	display:block;
	font-size: 12px;
	line-height: 1.3em;
	height:90px;
	margin:10px 0;
	padding: 0 110px 0 245px;
	position: relative;
	text-decoration:none;
	text-shadow: 1px -1px 2px #000,
				 1px 1px 2px #fa8;
}
	.evenement.page {
		background: url(images/evenements/evenement-background-page.png?v1.1) no-repeat top center;
		margin-bottom: 0;
		cursor: auto;
	}

	.evenement .annonce {
		color:#fdc;
		padding-top: 4px;
		overflow: hidden;
		height:2.7em;
	}
		.evenement .annonce strong {
			/*color:#fb9;*/
		}

	.evenement .date {
		font-weight: bold;
		padding-top: 12px;
		overflow: hidden;
		line-height: 1.0em;
		height:1.1em;
	}
	.evenement .more {
		color: #000;
		font-weight: bold;
		position: absolute;
		right:130px;
		bottom: 5px;
		text-shadow: none;
	}

.evenement.hidden {
	background-image: url(images/evenements/evenement-non-affiche-background.png);
	color:#c88;
}
	.evenement.hidden .annonce {
		color:#ebb;
	}

.evenement.add {
	background-image: url(images/evenements/ruban-ajouter-background.png);
	color:#efb;
	height:20px;
	padding: 15px 110px 15px 245px;
	margin-top: 2em;
	margin-bottom: 4em;
	text-shadow: 0px -1px 2px #000,
				 0px 1px 2px #cf8;
}