/* Created by The Orchid Web 2008 - Théatre des enfants curieux */
* {
	margin:0pt;
	padding:0pt;
	font-family: : "Times New Roman";
}

.content {
	width: 1000px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* Header */
#header{
	background-image: url(../media/images/background-header.jpg);
	width: 1000px;
	height: 179px;
}
#header-titre{
	position: relative;
	top: 15px;
	left: 463px;
}
#header-scroll{
	width: 664px;
	height: 104px;
	position: relative;
	top: 17px;
	left: 58px;
	background-image: url(../media/images/header-scroll.jpg);
}

/* Corps */
#corps{
	width:1000px;
	height: 421px;
	background: url(../media/images/background-corps.jpg) no-repeat;
}

#menu{
				margin-left:27px;
				padding-top:2px;
			}
			#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 90px ;
				height: 27px;
				/*border: 1px solid black;*/
				}
			#nav li a {
				display: block ;
				background: transparent url(../media/images/bouton.jpg) left top no-repeat ;
				color: #981e0c;
				font-weight: bold;
				height: 27px;
				font-size: 14px;
				/*font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;*/
				padding: 2px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: transparent url(../media/images/bouton.jpg) right top no-repeat ;
				text-decoration: none ;
				}
			#gauche{
				float:left;
				width: 752px;
				height: 395px;
			}
.zone-texte-demarche{
	/*margin-left: 40px;
	margin-right: 40px;
	width: 672px;
	height: 368px;*/
	margin-left: 40px;
	
	padding-left: 80px;
	padding-right: 98px;
	/*margin-right: 18px;*/
	/*width: 552px;*/
	width: 534px;
	height: 365px;
	overflow: auto;
	scrollbar-arrow-color: #ff7b08;
	scrollbar-base-color: #fff267;
	scrollbar-dark-shadow-color: red;
	scrollbar-track-color: #fffe98;
	scrollbar-face-color: #fff381;
	scrollbar-shadow-color: #fff267;
	scrollbar-highlight-color: #fff267;
	scrollbar-3d-light-color: #fff267; 
}
.zone-texte-demarche h1{
	color: #ab3930;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.zone-texte-demarche p{
	text-align: justify;
}

.zone-texte{
	/*margin-left: 40px;
	margin-right: 40px;
	width: 672px;
	height: 368px;*/
	margin-left: 40px;
	padding-left: 20px;
	padding-right: 40px;
	width: 652px;
	height: 365px;
	overflow: auto;
	scrollbar-arrow-color: #ff7b08;
	scrollbar-base-color: #fff267;
	scrollbar-dark-shadow-color: red;
	scrollbar-track-color: #fffe98;
	scrollbar-face-color: #fff381;
	scrollbar-shadow-color: #fff267;
	scrollbar-highlight-color: #fff267;
	scrollbar-3d-light-color: #fff267; 
}
.zone-texte h1{
	color: #ab3930;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.zone-texte p{
	text-align: justify;
}
.zone-texte2{
	margin-left: 40px;
	/*margin-right: 40px;*/
	padding-left: 20px;
	padding-right: 40px;
	width: 652px;
	height: 318px;
	overflow: auto;
	scrollbar-arrow-color: #ff7b08;
	scrollbar-base-color: #fff267;
	scrollbar-dark-shadow-color: red;
	scrollbar-track-color: #fffe98;
	scrollbar-face-color: #fff381;
	scrollbar-shadow-color: #fff267;
	scrollbar-highlight-color: #fff267;
	scrollbar-3d-light-color: #fff267;  
}
.footer-texte2{
	margin-left: 40px;
	/*margin-right: 40px;*/
	padding-left: 20px;
	padding-right: 40px;
	width: 652px;
	overflow: none;
	text-align: left;
}
.zone-texte2 h1{
	color: #ab3930;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.zone-texte2 p{
	text-align: justify;
}
.zone-texte2-demarche{
	margin-left: 40px;
	/*margin-right: 40px;*/
	padding-left: 80px;
	padding-right: 98px;
	/*width: 552px;*/
	width: 534px;
	height: 318px;
	overflow: auto;

	scrollbar-arrow-color: #ff7b08;
	scrollbar-base-color: #fff267;
	scrollbar-dark-shadow-color: red;
	scrollbar-track-color: #fffe98;
	scrollbar-face-color: #fff381;
	scrollbar-shadow-color: #fff267;
	scrollbar-highlight-color: #fff267;
	scrollbar-3d-light-color: #fff267; 
}
.zone-texte2-demarche h1{
	color: #ab3930;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.zone-texte2-demarche p{
	text-align: justify;
}
			#signature{
				text-align: right;
				font-size: 18px;
				font-weight: bold;
				padding-right: 70px;
			}
			#droite{
				float: right;
				width: 238px;
				height: 395px;
			}
.zone-texte-spectacle{
	/*margin-left: 40px;
	margin-right: 40px;
	width: 672px;
	height: 368px;*/
	margin-left: 40px;
	padding-left: 20px;
	/*padding-right: 40px;*/
	width: 692px;*/
	height: 365px;
}
.zone-texte-spectacle h1{
	color: #ab3930;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.resume{
	float: left;
	display: block;
	width: 250px;
	height: 326px;
	overflow: auto;
	scrollbar-arrow-color: #ff7b08;
	scrollbar-base-color: #fff267;
	scrollbar-dark-shadow-color: red;
	scrollbar-track-color: #fffe98;
	scrollbar-face-color: #fff381;
	scrollbar-shadow-color: #fff267;
	scrollbar-highlight-color: #fff267;
	scrollbar-3d-light-color: #fff267;  
}
.diaporama{
	float: left;
	width: 400px;
	height: 285px;
	border: solid 1px #ece200;
	background-color: white;
	margin-top:25px;
	margin-left: 10px;
}
.down{
	float: right;
	width:400px;
	height:41px;
	padding-right:20px;
}
.ecriture{
	padding-left: 34px;
	padding-right: 31px;
	font-size:12px;
}
.ecriture h2{
	color: #AB3930;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.ecriture a, a:hover, a:active, a:visited{
	text-decoration: none;
	color: #AB3930;
	font-weight: bold;
}
/* FICHE TECHNIQUE */
.fiche-technique{
	padding-left: 34px;
	padding-right: 31px;
	font-size:12px;
}
.fiche-technique h2{
	color: #AB3930;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.titre-ft{
	color: #AB3930;
	font-weight: bold;
}
.petite{
	max-width: 200px;
	max-height: 100%;
	width:expression(this.width > 380 ? "380px":"380px");
	height:expression(this.height > 285 ? "285px" : 'auto');
}
/* FICHE AFFICHE */
.fiche-affiche{
	height: 395px;
	padding-left: 30px;
	padding-right: 31px;
	font-size:12px;
}
.fiche-affiche h2{
	color: #AB3930;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.fiche-affiche-suite{
	float: right;
}

/* CONTACT */
.obligatoire{
	color:#A8420C;
	font-weight:bold;
}

/* AGENDA */
.calendrier{
	height: 395px;
	padding-left: 30px;
	padding-right: 31px;
	font-size:12px;
}
.calendrier h2{
	color: #AB3930;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.calendrier a, a:hover, a:active, a:visited{
	text-decoration: none;
	color: #AB3930;
	font-weight: bold;
}

/* FOOTER */
.footer{
	font-size: 60%;
	color: black;
	text-align: center;
}
.footer a{
	color: black;
	text-decoration: none;
}