@import url("reset.css");
html{
	min-height: 100%;
	height: auto;
}
body {
	background: #f7e0ad;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#contenu{font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;}
#body{
	background: #790703;
	padding-bottom: 70px;
	position: relative;
}
a{
	color: #a30803;
	text-decoration: underline;
}
a:hover{
	color: #df1508;
	text-decoration: none;
}
h2, h2 input{
	color: #a30803;
	font: bold 24px/28px "Century Gothic", Verdana, Arial, sans-serif;
	padding-top: 40px;
	padding-bottom: 0px;
	position: relative;
}	 h2 input{
		position: absolute;
		top: 0px;
		left: -1px;
	}
	
h2 > span{font-size:16px;}
	
h3, #allnews #nouvelle h3, h4, h5, h6{
	color: #c58908;
	color: #e6a009;
	font: 18px/24px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
h4{
	color: #a30803;
	padding-top: 30px;
}
h5{
	padding-top: 30px;
	color: #000000;
}
h6{
	color: #000000;
	padding-top: 30px;
	font-size: 16px;
}

table{
	margin: 20px 0px;
	width: 100%;
	border: 1px solid #e6a009;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-collapse: separate;
}
	table th, table td{
		padding: 5px 10px;
		background: #faecce;
		color: #666666;
		border: 1px solid #FFFFFF;
		border-bottom-color: #e6a009;
		border-right-color: #e6a009;
		color: #9a6c08;
	}
	table th{
		font-weight: bold;
		background: #eccb84;
	}
	table td{
		font-size: 11px;
		color: #644607;
	}
	
table.invisible, table.invisible th, table.invisible td{
	margin: 0px;
	border: none;
	color: #000000;
	background: none;
	font-weight: normal;
	vertical-align: top;
}

p{
	margin: 0px;
	padding: 0.8em 0px;
}
/*div.texte{
	padding: 0px 20px 20px 20px;
	background: #fcf4e2;
}*/
ul{margin: 20px 80px 20px 0px;}
ol{margin: 20px 20px 20px 20px;}

ul, ol ul, ol li ul{
	border-top: 1px solid #e6a009;
	border-bottom: 1px solid #FFFFFF;
}
li ul,
li ol{
	border: none;
	margin-top: 10px;
}
li{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #e6a009;
	border-top: 1px solid #FFFFFF;
	color: #2c2319;
}
ul li{background: url(/images/bullet.gif) 4px 10px no-repeat;}
li ul li{
	background-position: -992px 10px;
	padding-left: 15px;
	list-style: none;
}
ol li{
	list-style: decimal;
	margin-left: 20px;
	padding-left: 0px;
	border: none;
}
li ol li{
	list-style: lower-alpha;
	background: none;
}
ol ul li{
	border-bottom: 1px solid #e6a009;
	border-top: 1px solid #FFFFFF;
	margin: 0px;
}
li li{
	border: none;
	margin-left: 20px;
	padding-left: 0px;
	font-size: 11px;
}

body.conseil-administration ul{
	margin: 40px 130px 40px 30px;
}
body.conseil-administration ul li{
	background-position: 4px 10px;
	padding-bottom: 20px;
}
body.conseil-administration ul strong,
body.conseil-administration ul b{
	display: block;
	font-size: 14px;
}
body.conseil-administration ul em,
body.conseil-administration ul i{
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
}

form{
	padding-bottom: 30px;
}
#formulaire{
	position: relative;
	z-index: 100;
}
form h4{
	background: #FFFFFF;
	position: absolute;
	white-space: nowrap;
	text-align: right;
	z-index: 101;
	padding: 10px 20px;
	top: 20px;
	right: 0px;
	font-weight: bold;
	font-size: 20px;
}
form h4 em{
	font-style: normal;
	font-size: 16px;
	display: block;
}
form legend{
	color: #a30803;
	font: bold 20px/22px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	padding: 10px;
	display: none;
}
form fieldset{
	padding: 70px 10px 10px 10px;
	margin: 10px 0px;
	background: #FFFFFF;
	color: #e6a009;
}
form div{
	padding: 5px 10px;
	clear: both;
}
form div strong{
	color: #ad7704;
	font-size: 110%;
}
/*form div.row1{background: #ebeced;}*/
form label{
	display: block;
	padding-bottom: 5px;
	padding-left: 2px;
}
form input, form select, form textarea{
	color: #000000;
	border: 1px solid #d8d8d8;
	padding: 5px 8px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background: #f9e8c2 url(/images/bg-field.gif) 0px 0px no-repeat;
	margin: 0px;
}
form input:focus, form select:focus, form textarea:focus{border-color: #ad7704;}
	
form select{
	padding: 3px;
	background: #fbf1db;
}
form textarea{
	clear: both;
	width: 80%;
}
form div.btn{
	text-align: right;
	padding: 10px 10px 10px 10px;
}
form div.btn input{
	background: #eb8804 url(/images/bg-btn.gif) 0px 0px repeat-x;
	padding: 8px 15px;
	border-color: #c77204;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	color: #a30803;
	color: #FFFFFF;
}
form div.btn input:hover{
	background: #700401 url(/images/bg-btn.gif) 0px -400px repeat-x;
	border-color: #470402;
	color: #FFFFFF;
}

form input.nolook,
form select.nolook,
form textarea.nolook{border: none;}

form table table{
	width: auto;
	border: none;
	margin: 5px 0px;
}
	/*form table table th, form table table td{padding: 0px;}*/
	/*form table table th{
		color: #666666;
		font-weight: bold;
		background: #e4e5e6;
	}*/
	form table table th{border-bottom: 2px solid #FFFFFF;}
	form table table td{
		border: none;
	}
	
form table label{
	float: none;
	display: block;
	width: auto;
}

form small{display: block;}

div.holder{
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: #790703;
	z-index: 60;
}

#contenu,
#contenuEdit{
	background: #f7e0ad url(/images/bg-page-jaune-full.gif) 0px 0px repeat-x;
	padding: 0px 63px 49px 71px;
	height: 522px;
	min-height: 522px;
}
html > body #contenu,
html > body #contenuEdit{height: auto; min-height: 522px;}
body.gris #contenu{background: #efefef url(/images/bg-page-gris.gif) 0px 0px repeat-x;}

#contenu.nopad{padding: 0px 0px 20px 0px;}

#header{
	height: 241px;
	background: url(/images/bg-header.jpg) 0px 0px no-repeat;
	border-bottom: 5px solid #000000;
}
/*#header:hover{background-position: 0px -241px;}*/

#header h1 span{display: none;}
#header h1{
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 220;
}

#slogan{
	position: relative;
	z-index: 220;
}
	#slogan a{
		z-index: 221;
		display: block;
		position: absolute;
		width: 331px;
		height: 89px;
		overflow: hidden;
		margin: 49px 0px 0px 373px;
	}
	#slogan a img{position: absolute;}

#menu{
	padding: 189px 0px 0px 294px;
	position: relative;
	z-index: 200;
}
#menu ul,
#menu ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
}
#menu ul{
	width: 656px;
	height: 52px;
	background: url(/images/bg-header.jpg) -294px -189px no-repeat;
}
#menu ul li{
	position: relative;
	z-index: 200;
}
#menu ul li,
#menu ul li a,
#menu ul li b,
#menu ul li span{
	float: left;
	height: 52px;
	line-height: 52px;
	display: inline;
}
#menu ul li a{
	color: #e1a6a3;
	font: 14px/52px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	position: relative;
}
#menu ul li span{padding: 0px 8px;}
#menu ul li.father span{background: url(/images/bg-father.gif) center 41px no-repeat;}
#menu ul li b{
	width: 2px;
	background: #000000;
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	height: 32px;
	margin: 10px 3px 0px 3px;
}
#menu ul li.first a{padding-left: 35px;}
#menu ul li.last a{padding-right: 30px;}

#menu ul li a.selected{
	background: url(/images/bg-header.jpg) -394px -430px no-repeat;
	color: #FFFFFF;
}
#menu ul li.father a.selected span{background-position: center -53px;}
#menu ul li.first a.selected{background-position: -294px -430px;}
#menu ul li div{
	top: -999em;
	right: 0px;
	position: absolute;
	z-index: 202;
}
#menu ul li div.m1{right: -3px;}
#menu ul li div.m2{right: -4px;}
#menu ul li div.m3{right: -6px;}
#menu ul li div.m4{right: -4px;}
#menu ul li div.m5{right: -1px;}
#menu ul li div.m6{right: 21px;}
#menu ul li.shover{z-index: 201;}
#menu ul li.shover div{
	top: -6px;
	cursor: pointer;
	float: right;
	display: inline;
}
#menu ul li.shover div.father{
	top: 46px;
	background: url(/images/bg-sub-menu.gif) -292px bottom no-repeat;
	padding-bottom: 7px;
}
#menu ul li.shover div div{
	position: relative;
	right: auto;
	top: auto;
	background: url(/images/bg-sub-menu.gif) -572px -52px no-repeat;
	padding-top: 6px;
	padding-bottom: 0px;
	z-index: 202;
}
#menu ul li.shover div div div{
	background: url(/images/bg-sub-menu.gif) -12px bottom repeat-y;
	padding-top: 0px;
	z-index: 202;
}
	#menu ul li.shover div strong{
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 205;
		float: right;
		display: inline;
	}
	#menu ul li.shover div.father strong{
		top: -58px;
		float: right;
		display: inline;
	}
	#menu ul li.first div strong a{padding-left: 9px;}
	#menu ul li.last div strong a{padding-right: 15px;}
	#menu ul li.first div strong a:hover{background: url(/images/bg-sub-menu.gif) right -117px no-repeat;}
	#menu ul li.shover div strong a{
		float: right;
		color: #FFFFFF;
		height: 62px;
		font: bold 14px/56px Verdana, Arial, Helvetica, sans-serif;
		padding: 4px 15px 0px 9px;
		background: url(/images/bg-sub-menu.gif) right -117px no-repeat;
		display: inline;
	}
	#menu ul li.shover div.father strong a{
		height: 60px;
		background-position: right 0px;
		padding: 0px;
	}
	#menu ul li.shover div strong span{
		width: 6px;
		background: url(/images/bg-sub-menu.gif) left -60px no-repeat;
		height: 66px;
		margin: 0px;
		padding: 0px;
		float: right;
		display: inline;
	}
	#menu ul li.shover div.father strong span{
		width: 12px;
		background-position: left 0px;
		height: 60px;
	}
	#menu ul li.shover div.father strong a span{
		padding: 6px 15px 0px 9px;
		height: 54px;
		float: none;
		display: block;
		background: url(/images/bg-father.gif) center -247px no-repeat;
		width: auto;
	}
	
	#menu ul li.shover div ul,
	#menu ul li.shover div ul li,
	#menu ul li.shover div ul li a{
		float: none;
		display: block;
		width: 280px;
		height: auto;
		clear: both;
		background: none;
		line-height: normal;
	}
	#menu ul li.shover div.father ul{
		background: url(/images/bg-sub-menu.gif) -572px -60px no-repeat;
		padding: 20px 0px;
	}
	#menu ul li.shover div ul li{
		padding: 0px;
		width: 280px;
		cursor: auto;
	}
	#menu ul li.shover div.father ul li{
		padding: 3px 20px;
		width: 240px;
	}
	#menu ul li.shover div ul li a{
		display: inline;
		font-size: 13px;
		width: auto;
		width: 230px;
		padding: 3px 0px 5px 10px;
		background: url(/images/bg-sublink.gif) 0px 9px no-repeat;
		display: block;
	}
	#menu ul li.shover div ul li a:hover{
		background-position: -296px 9px;
		font-weight: bold;
	}

#prochainement{
	border-top: 5px solid #FFFFFF;
	background: #f4d490 url(/images/prochainement.jpg) 0px 0px no-repeat;
	height: 248px;
	min-height: 248px;
	padding: 0px 70px 0px 90px;
}	html > body #prochainement{height: auto; min-height: 248px;}

#prochainement.avenir{background-image: url(/images/avenir.jpg);}

	#prochainement h3{
		color: #a30803;
		font: 36px/40px "Century Gothic", Verdana, Arial, sans-serif;
		letter-spacing: -1px;
		padding-top: 20px;
	}
	#prochainement.avenir h3{font-size: 30px;}
	#prochainement h3 em{
		display: block;
		font-size: 20px;
		font-style: normal;
		font-weight: bold;
	}
	#prochainement h4{
		color: #e6a009;
		font: bold 24px/28px Verdana, Arial, Helvetica, sans-serif;
		padding: 8px 0px 6px 0px;
		border-bottom: 1px solid #e6a009;
	}
	#prochainement ul,
	#prochainement ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
		border: none;
	}
	#prochainement ul li{
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #e6a009;
		color: #70150b;
		padding: 6px 0px;
		font-size: 14px;
		line-height: 18px;
	}
	#prochainement big{
		color: #a10805;
		font-weight: bold;
		font-size: 16px;
	}
	#prochainement div.left,
	#prochainement div.right{
		float: left;
		width: 422px;
		display: inline;
	}
	#prochainement.avenir div.left{padding-top: 20px;}
	#prochainement div.right{width: 367px;}
	
	#prochainement div.right a{float: right;}
	#prochainement div.right img{
		width: 297px;
		height: 188px;
		background-color: #FFFFFF;
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 10px;
		margin-top: 30px;
	}
	#prochainement.avenir div.right img{
		margin-left: 60px;
	}
	#prochainement div.right div.complet{
		float: right;
		clear: right;
		position: relative;
		background: none;
	}
	#prochainement div.right div.complet img{
		width: auto;
		height: auto;
		background: none;
		margin: 0px;
		position: absolute;
		top: -166px;
		left: -176px;
	}
	
	#prochainement div.outils{
		border-top: 1px solid #FFFFFF;
		padding: 6px 0px;
	}

#main{border-top: 5px solid #FFFFFF;}
#spectacles{
	float: left;
	width: 468px;
	background: url(/images/bg-page-spectacles.gif) 0px 0px repeat-y;
	margin: 0px 0px 15px 57px;
	display: inline;
}
#spectacles.all,
body.spectacle-garanti #spectacles{
	float: right;
	display: block;
	width: auto;
	margin: 0px;
	background: none;
	padding:30px 0 0;
}
#contenu.programmation div.left,
#contenu.programmation div.right{
	float: right;
	display: inline;
	width: 420px;
	padding-top: 30px;
}
#contenu.programmation div.left{
	float: left;
	display: inline;
	width: 376px;
	padding-top: 0px;
}
#details-salle #spectacles{
	margin-left: 0px;
	width: 420px;
	background: none;
}
	#spectacles div.haut{
		padding-top: 52px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#spectacles div.bas{
		padding: 24px;
		background: url(/images/bg-page-spectacles-bottom.gif) 0px bottom no-repeat;
	}

#contenu.reservation div.left,
#contenu.reservation div.right,
body.devenir-membre #contenu div.left,
body.devenir-membre #contenu div.right,
body.spectacle-garanti #contenu div.left,
body.spectacle-garanti #contenu div.right{
	float: left;
	display: inline;
	width: 472px;
}
#contenu.reservation div.right{
	float: right;
	display: inline;
	width: 280px;
	padding-right: 30px;
	padding-top: 30px;
}
body.devenir-membre #contenu div.left{width: 400px;}
body.devenir-membre #contenu div.right{
	float: right;
	display: inline;
	width: 360px;
	padding-right: 20px;
}
#contenu.reservation div.right p{
	color: #ad7704;
	text-align: justify;
}
body.spectacle-garanti #contenu div.right{
	float: right;
	display: inline;
	width: 420px;
}
body.spectacle-garanti #contenu div.left{width: 360px;}

#spectacles ul,
#spectacles ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	background: none;
	line-height: normal;
	color: #8d744a;
	width: 264px;
}

#spectacles div.spectacle{
	background: #f4d799 url(/images/bg-patches.gif) 0px 0px repeat-x;
	padding: 20px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e6a009;
	color: #8d744a;
	width: 380px;
	position: relative;
}
#spectacles.all div.spectacle{
	float: left;
	display: inline;
	width: 380px;
}
div.spectacle div.complet{position: relative;}
div.spectacle div.complet img{
	position: absolute;
	top: 37px;
	left: 37px;
}

div.spectacle img.garanti{
	/*float: right;
	display: inline;
	margin: 0px 0px 5px 10px;*/
	position: absolute;
	top: 2px;
	left: 364px;
}
#spectacles div.enfant ul,
#spectacles div.enfant ul li{color: #075f84;}
#spectacles div.enfant{
	background-position: 0px -1000px;
	background-color: #5ba3c1;
	border-bottom-color: #0c76a2;
	color: #075f84;
}
#spectacles div.spectacle img.artist{
	width: 94px;
	height: 94px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	border: 1px solid #e6a009;
	float: left;
	display: inline;
}
#spectacles div.enfant img.artist{
	border-color: #0c76a2;
}
#spectacles div.spectacle ul{
	float: left;
	width: 264px;
	margin-left: 20px;
	display: inline;
	padding: 0px;
}
#spectacles div.spectacle ul li{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #e6a009;
	padding: 5px 0px;
	margin: 0px;
	width: 264px;
	float: left;
}
#spectacles div.enfant ul li{
	border-bottom-color: #0c76a2;
}
#spectacles div.spectacle ul li.first{
	border-top: none;
	padding-top: 0px;
	height: 32px;
	min-height: 33px;
}	html > body #spectacles div.spectacle ul li.first{height: auto; min-height: 33px;}
#spectacles div.spectacle ul li.first a{
	text-decoration: none;
}
#spectacles div.spectacle ul li.outils,
#spectacles div.spectacle ul li.last{
	border-bottom: none;
	padding-bottom: 0px;
}
#spectacles div.spectacle ul li strong a{
	color: #a30803;
	font-size: 14px;
	line-height: 14px;
}
#spectacles div.enfant ul li strong a{color: #FFFFFF;}

/*#spectacles div ul li strong a:visited{color: #9b6c06;}*/
#spectacles div ul li strong a:hover{color: #df1508;}
	
#spectacles div.enfant ul li em{
	display: block;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 5px;
}

#spectacles div.spectacle ul li ul,
#spectacles div.spectacle ul li ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	background: none;
}
#spectacles div.spectacle ul li ul{padding-top: 5px;}
#spectacles div.spectacle ul li ul li{padding: 3px 0px;}
#spectacles div.spectacle ul li ul li a{
	background: url(/images/bullet-more.gif) 0px 3px no-repeat;
	padding-left: 13px;
}

#spectacles div.spectacle:hover a img{border-color: #5d4000;}
#spectacles div.spectacle:hover{
	background-color: #f0c975;
	background-position: 0px -500px;
}
#spectacles div.enfant:hover a img{border-color: #023449;}
#spectacles div.enfant:hover{
	background-color: #3b83ab;
	background-position: 0px -1500px;
}

div.box{
	float: left;
	width: 345px;
	background: url(/images/bg-page-box.gif) 0px 0px repeat-y;
	margin: 0px 0px 15px 23px;
	display: inline;
}
	div.box div.haut{
		background: url(/images/bg-page-box-top.gif) 0px 0px no-repeat;
	}
	div.box div.bas{
		padding: 24px;
		background: url(/images/bg-page-box-bottom.gif) 0px bottom no-repeat;
	}
	div.box h3{
		color: #e6a009;
		font: 30px/36px "Century Gothic", Verdana, Arial, sans-serif;
		padding: 15px 20px;
	}
	
#spectacles div.bas,
div.box div.bas,
div.box #nouvelles{
	height: 522px;
	min-height: 522px;
}	html > body #spectacles div.bas,
	html > body div.box div.bas,
	html > body div.box #nouvelles{height: auto; min-height: 522px;}

#allnews{position: relative;}
#allnews h2{
	color: #a30803;
	font: 34px/38px "Century Gothic", Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 100px;
}
#allnews h3{
	padding: 30px 0px 0px 0px;
	margin: 0px 0px -2px 0px;
	margin-left: 18px;
	color: #FFFFFF;
	font: bold 34px/38px "Century Gothic", Verdana, Arial, sans-serif;
}

#nouvelles ul,
#nouvelles ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
}
	#nouvelles ul li{border-top: 2px solid #e3e3e3;}
	#allnews #nouvelles ul li.first{border: none;}
	
	#nouvelles ul li a{
		display: block;
		padding: 20px 20px 30px 20px;
		background: #FFFFFF url(/images/bg-patches.gif) -1px 0px no-repeat;
		width: 257px;
		color: #000000;
		text-decoration: none;
	}
	#allnews #nouvelles ul li a{
		width: 736px;
	}
	#nouvelles ul li a strong{
		display: block;
		font-size: 14px;
		color: #a30d05;
		line-height: 16px;
		padding-bottom: 12px;
	}
	#nouvelles ul li a strong em{
		display: block;
		color: #e6a009;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		padding-top: 3px;
		padding-bottom: 5px;
	}
	#nouvelles ul li a small{
		display: block;
		color: #df1508;
		text-decoration: underline;
		font-size: 10px;
		font-weight: bold;
		padding-top: 3px;
	}
	#nouvelles ul li a:hover{
		background-position: 0px -2000px;
		background-repeat: repeat-x;
		color: #a30d05;
	}
	#nouvelles ul li a:hover strong{color: #530501;}
	#nouvelles ul li a:hover strong em{color: #916301;}
	#nouvelles ul li a:hover small{
		text-decoration: none;
		color: #530501;
	}

#allnews #nouvelles,
#nouvelle{
	background: #FFFFFF;
	/*margin: 0px 71px 0px 70px;*/
	padding: 20px 20px 60px 20px;
}
#allnews #nouvelles{padding-bottom: 20px;}

#nouvelle p.img{
	float: right;
	border: 10px solid #efefef;
	background: #FFFFFF;
	clear: right;
	margin: 0px 0px 40px 40px;
	padding: 0px;
	display: inline;
}
#nouvelle p.img img{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}

div.paging{
	margin: 0px 0px 0px 0px;
	padding: 28px 8px 0px 20px;
	float: right;
	display: inline;
}
div.paging span,
div.paging a{
	float: left;
	padding: 5px 10px;
	text-align: center;
	background: #FFFFFF;
	margin-left: 5px;
	text-decoration: none;
	color: #666666;
	display: inline;
}
div.paging a{
	background: #DDDDDD;
	color: #666666;
}
div.paging a:hover{
	color: #FFFFFF;
	background: #df1508;
}
div.pend{
	margin-top: -8px;
	padding: 0px 8px 20px 20px;
}

div.rideaux{
	background: url(/images/rideaux-jardin.png) left top repeat-y;
	top: 0px;
	left: 0px;
	position: absolute;
	min-height: 100%;
	height: 100%;
	z-index: 301;
}	html > body div.rideaux{
		min-height: 100%;
		height: auto;
	}
	
div.rideaux img{
	background: url(/images/rideaux-jardin-top.png) left top no-repeat;
	width: 61px;
	height: 703px;
}
div.cour,
div.cour div{
	left: auto;
	right: 0px;
}

div.cour{background: url(/images/rideaux-cour.png) right top repeat-y;}
div.cour img{background: url(/images/rideaux-cour-top.png) right top no-repeat;}

#page{background: url(/images/bg-rideaux.png) center top repeat;}
#page div.top{background: url(/images/bg-rideaux-top.jpg) center top repeat-x;}
#page div.center{background: url(/images/bg-rideaux-center.gif) center top repeat;}
#page div.center div.top{background: url(/images/bg-rideaux-center-top.gif) center top repeat-x;}
#page div.center div.top div.holder{
	height: 710px;
	min-height: 710px;
	background: #FFFFFF;
}	html > body #page div.center div.top div.holder{
		height: auto;
		min-height: 710px;
	}

#promo{
	background: #dcdddf url(/images/bg-page-gris-foot.gif) 0px 0px repeat-x;
	height: 200px;
	min-height: 200px;
	padding-bottom: 20px;
	position: relative;
	z-index: 199;
	padding: 0px 58px;
}	html > body #promo{height: auto; min-height: 200px;}
body.gris #promo{background: #f9e7c1 url(/images/bg-page-jaune.gif) 0px 0px repeat-x;}

#promo div.promo{
	float: left;
	display: inline;
	padding-top: 36px;
	padding-bottom: 29px;
	background: url(/images/teaser-jaune-gris.gif) 0px 36px no-repeat;
	color: #553a14;
}
body.gris #promo div.promo{background-image: url(/images/teaser-jaune.gif);}
#promo div.promo div{
	width: 308px;
	height: 191px;
	margin-bottom: 16px;
}
body.gris #promo div.promo div{
	width: 285px;
	height: 161px;
}
#promo div.promo p{
	margin: 0px;
	padding: 8px 34px 0px 34px;
	line-height: 16px;
}
#promo div.promo p strong{color: #be8509;}

#promo div.promo p.more,
#promo div.membre p.more,
#promo div.certificat p.more,
body.gris #promo div.certificat p.more{padding: 0px;}

#promo div.promo p.more span{
	bottom: 0px;
	right: 23px;
}
#promo div.promo h5{
	font: 18px/30px "Century Gothic", Verdana, Arial, sans-serif;
	color: #be8509;
	margin: 0px 75px 0px 13px;
	padding: 26px 0px 0px 21px;
	border-bottom: 2px solid #e6a009;
}
#promo div.prochainement{color: #690802;}
#promo div.prochainement div p{font: 10px Arial, Helvetica, sans-serif;}
#promo div.prochainement a img{
	float: right;
	display: inline;
	width: 75px;
	height: 75px;
	border: 1px solid #690802;
	margin-left: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}
#promo div.prochainement a:hover img{border-color: #df1508;}
#promo div.prochainement div.complet{
	position: relative;
	width: auto;
	height: auto;
	background: none;
	padding: 0px;
	margin: 0px;
}
#promo div.prochainement div.complet img{
	position: absolute;
	top: 84px;
	left: 215px;
}
#promo div.prochainement h5{
	background: url(/images/teaser-micro.gif) right bottom no-repeat;
	margin-right: 34px;
}
#promo div.rouge{
	background-image: url(/images/teaser-rouge-gris.gif);
	color: #5d0d08;
}
body.gris #promo div.rouge{background-image: url(/images/teaser-rouge.gif);}
#promo div.rouge h5{
	color: #a30d05;
	border-color: #690802;
}
#promo div.rouge p strong{color: #a30d05;}
#promo div.prochainement p strong{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #690802;
}
#promo div.membre,
body.gris #promo div.membre{background-image: url(/images/teaser-micro.jpg);}
#promo div.membre p,
body.gris #promo div.membre p{padding-right: 60px;}

#promo div.certificat,
body.gris #promo div.certificat{
	background-image: url(/images/teaser-journal.jpg);
	background-position: 0px 19px;
}
#promo div.certificat h5,
body.gris #promo div.certificat h5{
	margin-right: 120px;
}
#promo div.certificat p,
body.gris #promo div.certificat p{padding-right: 60px;}
#promo div.certificat div,
body.gris #promo div.certificat div{width: 327px;}
#promo div.certificat p.more span,
body.gris #promo div.certificat p.more span{right: 65px;}

#promo .plus{
	color: #19161d;
	text-align: center;
	width: 220px;
	position: absolute;
	right: 60px;
	top: 20px;
	line-height: 16px;
}
#promo .plus h5{
	font: 18px/30px "Century Gothic", Verdana, Arial, sans-serif;
	background: url(/images/bg-h5.gif) 0px bottom repeat-x;
	color: #000000;
	padding: 0px 0px 8px 0px;
	margin: 0px;
}
#promo .garanti{
	right: 71px;
	/*background: url(/images/bg-100.gif) center 0px no-repeat;*/
	padding-top: 90px;
}
#promo .garanti h5{font-weight: bold;}
#promo .garanti a{
	color: #000000;
	text-decoration: none;
}
#promo .garanti a:hover{color: #df1508;}
#promo .howto{
	float: left;
	display: inline;
	width: 521px;
	text-align: center;
	color: #690802;
}
#promo .howto h4{
	font: 23px/26px "Century Gothic", Verdana, Arial, sans-serif;
	padding-bottom: 30px;
}
#promo .howto h4 strong{
	font-size: 27px;
	letter-spacing: -1px;
}
#promo .howto p.notes{
	font-size: 10px;
	line-height: 14px;
	padding: 10px;
}
#promo div.etapes{
	width: 511px;
	background: url(/images/etapes.gif) center 0px no-repeat;
	margin-left: 5px;
	padding-bottom: 10px;
}
#promo div.etapes a{
	margin: 0px 27px;
	width: 116px;
	display: inline;
	float: left;
	display: inline;
	padding-top: 85px;
	text-decoration: none;
	background: url(/images/etapes.gif) center 600px no-repeat;
	line-height: 13px;
	color: #a30803;
}
#promo div.etapes a:hover{color: #df1508;}
#promo div.etapes a:hover.web{background-position: 20px -524px;}
#promo div.etapes a:hover.tel{background-position: -150px -524px;}
#promo div.etapes a:hover.billet{background-position: -320px -524px;}

#haut-page{
	background: url(/images/bg-haut-page-line-gris.gif) 0px 30px repeat-x;
	padding: 40px 0px 20px 0px;
	text-align: right;
	margin: 0px 13px;
}
body.gris #haut-page{background-image: url(/images/bg-haut-page-line.gif);}
#haut-page a{
	color: #6e7172;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/bg-haut-page.gif) right -187px no-repeat;
	text-decoration: none;
	font-size: 13px;
	padding-right: 22px;
}
body.gris #haut-page a{
	color: #b67b1e;
	background-position: right 4px;
}
#haut-page a:hover,
body.gris #haut-page a:hover{
	color: #8e0401;
	background-position: right -87px;
}
	
#footer{background: url(/images/bg-rideaux.png) center top repeat;}
#footer div.top{background: url(/images/bg-footer.jpg) center bottom repeat-x;}
#footer div.top div.holder{
	height: 521px;
	min-height: 521px;
}	html > body #footer div.top div.holder{
		height: auto;
		min-height: 521px;
	}
	
#footer div.rideaux img{
	background: none;
	width: 61px;
	height: 521px;
}
#footer div.rideaux img.bottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#footer div.cour img.bottom{
	left: auto;
	right: 0px;
}
#credits{
	padding: 30px 55px;
	color: #996967;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#credits div.left,
#credits div.right{
	float: left;
	width: 252px;
	display: inline;
}
#credits div.right{
	float: right;
	text-align: right;
	display: inline;
}
#credits p{
	margin: 0px;
	padding: 0px 15px;
}
#credits a{
	color: #000000;
	text-decoration: none;
}
#credits a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
a.adnicons img{
	background-image: url(/images/icones-adn.gif);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
a.adnicons:hover img{background-position: 0px -50px;}
a.genome:hover img{background-position: -100px -50px;}
a.host:hover img{background-position: -200px -50px;}

.outils a{
	float: left;
	height: 38px;
	margin-right: 15px;
	display: inline;
	color: #a10805;
	text-decoration: none;
	font: bold 11px/12px "Arial Black", Impact, Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
.smalloutils a{
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	margin-right: 8px;
}
.outils a:hover{color: #e82512;}
.outils a img{
	width: 43px;
	height: 33px;
	background: url(/images/icones.png) 0px 0px no-repeat;
	float: left;
	display: inline;
}
.smalloutils a img{
	width: 33px;
	height: 26px;
	background: url(/images/icones.png) -100px 0px no-repeat;
}
.outils a span{
	float: left;
	padding-left: 5px;
	padding-top: 3px;
	display: inline;
}
.smalloutils a span{padding-left: 3px;}

.outils a.extrait img{background-position: 0px 0px;}
.outils a.extrait:hover img{background-position: -595px -100px;}
.smalloutils a.extrait img{background-position: -100px 0px;}
.smalloutils a.extrait:hover img{background-position: -697px -100px;}

.outils a.pause img{background-position: -795px 0px;}
.outils a.pause:hover img{background-position: -795px -100px;}
.smalloutils a.pause img{background-position: -897px 0px;}
.smalloutils a.pause:hover img{background-position: -897px -100px;}

.outils a.billets img{
	width: 41px;
	background-position: -200px 2px;
}
.outils a.billets:hover img{background-position: -200px -98px;}
.smalloutils a.billets img{
	width: 32px;
	background-position: -300px 4px;
}
.smalloutils a.billets:hover img{background-position: -300px -96px;}

.outils a.details img{
	width: 31px;
	background-position: -400px 0px;
}
.outils a.details:hover img{background-position: -400px -100px;}
.smalloutils a.details img{
	width: 25px;
	background-position: -500px 2px;
}
.smalloutils a.details:hover img{background-position: -500px -98px;}
.more{
	position: relative;
	z-index: 200;
}
#contenu .more{
	border-top: 1px solid #e3bd6b;
	margin-top: 40px;
}
#contenu.nopad .more,
#allnews #contenu .more,
#contenu #details-salle .more{
	border: none;
	margin-top: 0px;
}
#contenu #details-salle .more{
	right: 10px;
}
.more div,
.more span,
#contenu.nopad .more div,
#contenu.nopad .more span,
#allnews #contenu .more div,
#allnews #contenu .more span{
	display: block;
	position: absolute;
	bottom: -39px;
	right: 0px;
}
#contenu .more div,
#contenu .more span{
	bottom: -29px;
	right: 0px;
}
#allnews #contenu .more div,
#allnews #contenu .more span{
	bottom: -29px;
	right: 20px;
}

#spectacles div.haut .more div,
#spectacles div.haut .more span{
	bottom: -15px;
	right: 24px;
}

#partenaires-list h3{padding-top: 30px;}
#partenaires-list span a,
#partenaires-list span a img,
#partenaires-list span span,
#partenaires-list span span img{
	float: left;
	display: inline;
}
#partenaires-list span a,
#partenaires-list span span{
	width: 240px;
	height: 140px;
	border: 1px solid #dfc896;
	margin: 10px 20px 10px 0px;
}
#partenaires-list span a img,
#partenaires-list span span img{
	width: 220px;
	height: 120px;
	border: 10px solid #f6f2e9;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
}
#partenaires-list span a:hover{border-color: #df1508;}
#partenaires-list span a:hover img{border-color: #f7e8e7;}
#partenaires-list span a.small,
#partenaires-list span span.small{
	width: 180px;
	height: 107px;
}
#partenaires-list span a.small img,
#partenaires-list span span.small img{
	width: 160px;
	height: 87px;
}

#details-salle div.left,
#details-salle div.right{
	float: left;
	width: 358px;
	display: inline;
}
#details-salle div.left{width: 458px;}
#details-salle h4{
	font: 22px/28px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}
#details-spectacle div.outils,
#details-spectacle p.notes{padding: 11px 15px;}
#details-spectacle div.outils{padding-bottom: 0px;}
#contenu #details-spectacle div.right,
#contenu #details-spectacle div.left{
	float: right;
	width: 339px;
	display: inline;
}
#contenu #details-spectacle div.right{padding-top: 28px;}
#contenu #details-spectacle div.left{
	float: left;
	width: 477px;
	display: inline;
}
#details-spectacle div.photo{
	min-height: 350px;
	height: 350px;
	background: url(/images/bg-photo-spectacle-detail.gif) 0px bottom no-repeat;
}	html > body #details-spectacle div.photo{height: auto; min-height: 350px;}
#details-spectacle div.photo div{
	padding: 21px;
	background: url(/images/bg-photo-spectacle-detail-top.jpg) 0px 0px no-repeat;
}
#details-spectacle div.photo div.complet{
	padding: 0px;
	background: none;
	float: right;
	clear: right;
	position: relative;
}
#details-spectacle div.photo img{
	width: 297px;
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
}
#details-spectacle div.photo div.complet img{
	width: auto;
	height: auto;
	position: absolute;
	top: -166px;
	left: -166px;
}
#details-spectacle p.notes{
	color: #ad7704;
	font-size: 10px;
	line-height: 13px;
	padding-top: 0px;
}
#details-spectacle h3{padding-top: 30px;}
#details-spectacle .details{
	color: #a30803;
	padding: 10px 0px 30px 0px;
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
}
#details-spectacle big{
	font: bold 16px/24px Verdana, Arial, Helvetica, sans-serif;
	padding-right: 6px;
}
#details-spectacle big a{text-decoration: none;}
#details-spectacle div.texte{
	padding: 20px;
	background: #fcf4e2;
	text-align: justify;
	margin-right: 20px;
}
#details-spectacle .outils a{
	font-size: 14px;
	clear: both;
	margin-bottom: 8px;
}
#details-spectacle .outils a span{padding-top: 10px;}
#details-spectacle .outils a.billets span{padding-top: 9px;}
#details-spectacle img.garanti{
	float: right;
	margin: 30px 20px 0px 0px;
	display: inline;
}


.more a{
	margin-left: 8px;
	float: right;
	background: url(/images/bg-more.gif) right 0px no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	height: 29px;
	line-height: 29px;
	padding: 0px 18px 0px 10px;
	color: #faecce;
	display: inline;
}
.more a:hover{color: #FFFFFF; background-position: right -29px;}
.more a.rouge{color: #edcfcd; background-position: right -58px;}
.more a.rouge:hover{color: #FFFFFF; background-position: right -87px;}

.date{
	float: right;
	color: #e6a009;
	font-size: 14px;
	padding-top: 30px;
	border-bottom: 1px solid #DEDEDE;
	padding-left: 40px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: inline;
}

img.alignright, img.alignleft,
a img.alignright, a img.alignleft{
	margin: 0px 20px 20px 0px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #c58908;
}
a img.alignright:hover,
a img.alignleft:hover{
	border-width: 2px;
	padding: 9px;
	background-color: #f7efdf;
}
img.alignright,
a img.alignright{
	margin: 0px 0px 20px 15px;
}

.image-a-gauche{
	float: left;
	margin: 0px 20px 20px 0px;
	display: inline;
}
.image-a-droite{
	float: right;
	margin: 0px 0px 20px 20px;
	display: inline;
}

#map{
	float: right;
	width: 446px;
	display: inline;
}
.map{
	border: 1px solid #c58908;
	background: #FFFFFF;
	padding: 10px;
}
	.map small{
		display: block;
		line-height: 12px;
		padding-top: 15px;
	}
	
.pdf{
	padding-left: 16px;
	background: url(/adnbase/images/ext/pdf-mini.gif) 0px 1px no-repeat;
}

/* petite signature */

#adn-communication{
	width: 247px;
	height: 30px;
	position: relative;
	overflow: hidden;
	font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFFFFF;
}
#adn-communication div.fond img{
	background: url(/adnbase/adn-signature.gif) 0px 0px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
#adn-communication div.signature{
	width: 177px;
	height: 26px;
	padding: 4px 70px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #996967;
}
#adn-communication strong{
	display: block;
}
#adn-communication a,
#adn-communication a:link,
#adn-communication a:visited,
#adn-communication a:active,
#adn-communication a:hover{
	color: #996967;
	text-decoration: underline;
}
#adn-communication a:hover{
	color: #ccb4b4;
	text-decoration: none;
}
#adn-communication a.abs{
	display: block;
	position: absolute;
	height: 30px;
	top: 0px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
#adn-communication a.abs img{border: none;}
#adn-communication a.abs:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#adn-communication a.adn{
	width: 44px;
	left: 179px;
	background: url(/adnbase/adn-signature.gif) -251px 0px;
}
#adn-communication a.genome{
	width: 21px;
	left: 223px;
	background: url(/adnbase/adn-signature.gif) -301px -1px;
}

#social{
	/*display: none;*/
	font: 11px/24px Arial, Helvetica, sans-serif;
	position: relative;
}
/*body.ADN #social{display: block;}*/
#social a.facebook{
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0;
	padding-left: 28px;
	position: absolute;
	right: 0;
	top: 21px;
}
#social span{
	color: #3b5998;
	float: left;
	display:block;
	height: 24px;
	line-height: 24px;
	padding:0 31px 0 0;
}
#social a.facebook{
	background: url(/adnbase/images/medium-icon-facebook.gif) 94px 0 no-repeat;
	color: #3b5998;
	right: 81px;
	text-decoration: none;
}
#social a.facebook:hover{
	background-position: 94px -74px;
	text-decoration: underline;
}
#social a.facebook:hover span {text-decoration:underline;}