/* CSS Document */


/* éléments HTML
-------------------------------------------------------- */

html, body{
	margin: 0;
	padding: 0;
	text-align: center;
}

body{
	background: #000;
	color: #212121;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

asmall{
	background: #000;
	color: #212121;
	font-size: 60%;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	color: #771f11;
	font-size: 140%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 20px 0;
}

h2 {
	color: #771f11;
	font-size: 120%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 {
	color: #9a2512;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 0;
}


a{
	color: #9a2512;
	text-decoration: none;
	font-weight: normal;
}

a:hover{
	color: #9a2512;
	text-decoration: underline;
}

img {
border: 0 none;
}

p {
	margin: 0;
	padding: 5px 0;
}


/* Page d'accueil
-------------------------------------------------------- */

#index-visuel {
	width: 900px;
	height: 550px;
	background: #000 url(images/pantheatre.jpg) top no-repeat;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

p#logo-index {
	float: left;
	width: 497px;
	height: 130px;
	text-align: left;
	margin: 0 0 0 293px;
	padding: 20px 0 0 0;
}

ul#menu-index{
	width: 900px;
	height: 25px;
	background: #000;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	list-style-type: none;
}
#menu-index li {
	display: inline;
	margin: 0 5px;
	padding: 0;
}
#menu-index a {
	color: #9d9c9c;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
#menu-index a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

/* L'entête
-------------------------------------------------------- */

#header{
	width: 958px;
	height: 130px;
	background: #fff url(images/header/fond-header.jpg) top no-repeat;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

p#logo {
	float: left;
	width: 848px;
	height: 130px;
	text-align: left;
	margin: 0;
	padding: 0;
}

p#langues {
	float: left;
	width: 110px;
	height: 90px;
	text-align: right;
	margin: 0;
	padding: 20px 0;
}

a.langues {
	color: #6e6d6d;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
a.langues:hover {
	color: #b86a55;
	font-weight: normal;
	text-decoration: none;
}
a.langues-on {
	color: #b86a55;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
a.langues-on:hover {
	color: #b86a55;
	font-weight: normal;
	text-decoration: none;
}

.separation {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

a.sousmenusplan {
	color: #660000;
	font-size: 85%;
	font-weight: mormal;
	text-decoration: none;
	font-style: normal;
	padding: 0 20px;
}
a.sousmenusplan:hover {
	color: #999999;
	font-size: 85%;
	font-weight: mormal;
	text-decoration: none;
	font-style: normal;
	padding: 0 20px;
}
a.enriquelinda {
	color: #6e6d6d;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	font-family: Trebuchet;
}
a.enriquelinda:hover {
	color: #b86a55;
	font-weight: normal;
	text-decoration: none;
	font-family: Trebuchet;
}

/* La page
-------------------------------------------------------- */

#page{
	width: 958px;
	background: #000 url(images/fond-page.gif) top no-repeat;
	color: inherit;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}



/* menu
-------------------------------------------------------- */

ul#menu{
	width: 900px;
	height: 25px;
	background: #000 url(images/fond-menu.gif) top no-repeat;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	list-style-type: none;
}
#menu li {
	display: inline;
	margin: 0 5px;
	padding: 0;
}
a.menu {
	color: #ad8f8a;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
a.menu:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a.menu-on {
	color: #ffffff;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
a.menu-on:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}


/* sous-menu
-------------------------------------------------------- */

#sous-menu {
	width: 900px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#sous-menu-gauche {
	float: left;
	background: #000;
	width: 665px;
	height: 190px;
	text-align: left;
	margin: 5px;
	padding: 0;
}

#sous-menu-droit {
	float: left;
	width: 225px;
	height: 200px;
	background: #000 url(images/fond-sous-menu-droit.jpg) top no-repeat;
	text-align: right;
	margin: 0;
	padding: 0;
	color: #fff;
}

.titre-rubrique {
	margin: 0;
	padding: 15px 15px 0 15px;
	color: #d85440;
	font-size: 110%;
}
.sous-rubrique {
	margin: 0;
	padding: 10px 15px 10px 15px;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.4em;
}
.sous-rubrique2 {
	margin: 0;
	padding: 10px 15px 10px 15px;
	color: #ffffff;
	font-size: 90%;
	line-height: 1.4em;
}
a.sousrubrique {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a.sousrubrique:hover {
	color: #d85440;
	font-weight: normal;
	text-decoration: none;
}
a.sousrubrique-on {
	color: #d85440;
	font-weight: normal;
	text-decoration: none;
}
a.sousrubrique-on:hover {
	color: #d85440;
	font-weight: normal;
	text-decoration: none;
}

a.pantheatre {
	background-color: #e7e7e7;
	padding: 0 5px;
	text-decoration: none;
}
a.pantheatre:hover {
	background-color: #e7e7e7;
	padding: 0 5px;
	text-decoration: none;
}

.Style1 {
	color: #1f1f1f;
	font-weight: bold;
}
.Style2 {
	color: #000063;
	font-weight: bold;
}
.Style3 {
	color: #663300;
	font-weight: bold;
}
.Style4 {
	color: #003300;
	font-weight: bold;
}
.Style5 {
	color: #990000;
	font-weight: bold;
}



/* contenu
-------------------------------------------------------- */
#contenu {
	width: 900px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}


/* texte-gauche
-------------------------------------------------------- */

#texte-gauche {
	line-height: 1.3em;
	margin: 0;
	padding: 0 20px 30px 20px;
	text-align: left;
}

.illustration-texte {
	float: right;
	margin: 0;
	padding: 10px 0 20px 20px;
}

.infos-legales {
	color: #777777;
	font-size: 85%;
	line-height: 1em;
}

.festival {
	color: #BF1350;
	font-size: 140%;
	font-family: "Monotype Corsiva";
}

.festival-big {
	color: #BF1350;
	font-size: 200%;
	font-family: "Monotype Corsiva";
}



.date {
	color: #777777;
	font-size: 95%;
}

.champ-formulaire {
	color: #666666;
	font-weight: regular;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}
.bouton {
	font-size: 80%;
	font-weight: bold;
	color: #666666;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	padding: 0 5px 0 5px;
	margin: 0;
	text-align: center;
	}


/* colonne de droite
-------------------------------------------------------- */

#col-droite {
	float: right;
	width: 215px;
	background: #fff url(images/col-droite/fond-col-droite.gif) top repeat-y;
	text-align: center;
	margin: 0 10px 20px 30px;
	padding: 0;

}
.legende {
	font-size: 80%;
}




/* footer
-------------------------------------------------------- */

#footer {
	width: 900px;
	background: #000;
	margin: 0 auto;
	padding: 0 29px;
	text-align: left;
	color: #fff;
	font-size: 80%;
}
p#copyright {
	float: left;
	width: 700px;
	height: 20px;
	text-align: left;
	margin: 0;
	padding: 10px 0 0 0;
}

p#agence {
	float: right;
	width: 150px;
	height: 20px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
}

a.agence{
	color: #fff;	
	font-weight: normal;
	text-decoration: none;
}
a.agence:hover {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}