@charset "utf-8";
/* Gabarit */

body{
	background-image:url(fond.jpg);
	background-repeat:repeat-x;
	background-color:#d4a392;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

div#principal{
	width:900px;
	margin:0 auto 0 auto;
	overflow:hidden;
}

html>body div#principal{
	width:920px;
}

div#menu{
	height:250px;
	background:url(banniere_ie6.jpg) no-repeat;
}

html>body div#menu{
	background:url(banniere.jpg) no-repeat;
}

/********************************************Niveau 1************************************************************/
div#menu ul{
	width:100%;
	float:left;
	height:55px;
	list-style:none;
	margin:182px 0 0 8px;
	padding:0;
}

div#menu ul li{
	width:152px;
	height:55px;
	margin:0;
	padding:0;
	background:url(a_menu_survol_ie6.jpg) 0 0 no-repeat;
	float:left;
	position:relative;
}

html>body div#menu ul li{
	background:url(a_menu_survol.jpg) 0 0 no-repeat;
}

div#menu ul li:hover{
	background-position:0 -55px;	
}

div#menu ul li a{
	text-decoration:none;
	color:#b71c1e;
}

div#menu ul li a:hover{
	color:#58622b;
}

span.menu{
	padding:25px 0 0 0;
	display:block;
	text-align:center;
}

/********************************************Niveau 2***********************************************************/
div#menu ul li ul{
	width:166px;
	height:auto;
	display:none;
	white-space:normal;
	position:absolute;
	background:white;
	margin:15px 0 0 12px;
	padding:0;
	border-left:1px solid #d4a492;
	border-right:1px solid #d4a492;
	border-bottom:1px solid #d4a492;
}

div#menu ul li:hover ul{
	display:block;
}

div#menu ul li ul li{
	margin:0;
	padding:0;
	float:none;
	width:166px;
	height:40px;
	background:none;
}

div#menu ul li ul li a{
	display:block;
	width:158px;
	height:28px;
	margin:0;
	padding:12px 0 0 8px;
}
div#menu ul li ul li a:hover{
	background-color:#f0e0da;
	background-image:none;
}

div#menu ul li ul li a span.menu{
	padding:0;
	text-align:left;
}

/********************************************conteneur**********************************************************/
div#conteneur{
	width:100%;
	min-height:700px;
	height:700px;
	margin:0;
	padding:15px;
	background:white;
}

html>body div#conteneur{
	background:url(fond_contenu.png) repeat-y;
	height:auto;
}

div#contenu_bas{
	width:100%;
	height:22px;
	background:url(contenu_bas_ie6.jpg) no-repeat;
}

html>body div#contenu_bas{
	height:26px;
	background:url(contenu_bas.jpg) no-repeat;
}

div#footer{
	margin:0 0 20px 0;
	padding:0;
}

div#footer ul{
	list-style:none;
	margin:15px 0 0 130px;
	padding:0;
	font-size:0.8em;
}

div#footer ul li{
	display:inline;
	color:#b71c1e;
}

div#footer ul li a{
	color:#b71c1e;
}

/********************************************mise en page*****************************************************/

h1{
	text-align:left;
	color:#b71c1e;
	margin:0 0 0 15px;
	padding:0;
	font-size:1.6em;
		clear:both;
}

h2{
	width:850px;
	font-size:1.3em;
	color:#b71c1e;
	margin:20px;
	border-bottom:1px solid #b71c1e;
	padding-bottom:5px; 
	clear:both;
}

h3{
	width:850px;
	font-size:1.1em;
	font-weight:bold;
	color:#4d5a20;
	margin:20px;
	padding-bottom:5px;
}

h4{
	font-size:1.2em;
	font-weight:bold;
	color:#4a571f;
	margin:20px;
	padding-top:5px;
}

p{
	width:850px;
	margin:15px;
	text-align:justify;
	font-size:1em;
	color:#4a571f;
	line-height:18px;
}

img{
	border:1px solid #d4a492;
	margin:0 15px 15px 10px;
	padding:0;
}

a{
	color:#b71c1e;
}

a:hover{
	text-decoration:none;
}


p#important{
	width:90%;
	padding:15px;
	border:1px solid #b71c1e;
}

div.acteurs{
	width:90%;
	padding:15px;
	clear:both;
}

div.acteurs p{
	width:90%;
	height: 230px;
	border:1px solid #cb937c;
	background:#ebd5cb;
	padding:15px;
	line-height:25px; 
	clear:both;
}

ul.deco li{
	font-weight:bold;
	color:#b71c1e;
	list-style-image:url(li.jpg);
	display:list-item;
	margin:4px 0 0 0;
}

.bot{
	clear:both;
}

span.souligner{
	font-weight:bold;
	font-size:1.1em;
	color: #b71c1e;
}

table.programme{
	width:270px;
	float:left;
	margin:25px 10px 15px 10px;
}

table.programme tr{
	padding:15px;
}

table.programme tr th{
	background:#ebd5cb;
	font-size:0.8em;
	color:#4a571f;
	padding:10px;
}

table.programme tr td{
	text-align:center;
	font-size:0.8em;
	color:#000000;
}

table.programme tr td.theatre{
	background:#f19673;
}

table.programme tr td.air{
	background:#d68d71;
}

table.programme tr td.expo{
	background:#e1e6bf;
}

table.programme tr td.titre{
	font-weight:bold;
	padding:10px;
	text-align:center;
	font-size:1.2em;
	background:#e1e6bf;
	color:#b71c1e;
}

div.sponsor{
	float:left;
	text-align:center;
	color:#b71c1e;
	margin:20px;
}

div.sponsor a{
	text-decoration:none;
}

div#map{
	float:left; 
	width:800px;
	height:600px;
	margin:10px 0 0 15px;
	border:1px solid #b71c1e;
}

.error{
	color:#b71c1e;
}

p#retour{
	text-align:right;
	font-size:0.8em;
	margin-top:-15px;
}

html>body p#retour{
	margin-top:-25px;
}

a.album{
	display:block;
	float:left;
	margin:10px;
	padding:0;
	width:208px;
	height:180px;
	background:#e2c2b7;
	color:white;
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

a.album:hover{
	background:#b51d18;
}

a.album img{
	border:0;
	margin:4px 0 7px 0;
}

/*****************************************************formulaire**********************************************/

form{
	width:850px;
	margin:15px;
	background:#e8cfc6;
	padding:5px;
}