@import url("reset.css");

body{
	background: #fff;
	font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #010101;
}
#contenu{font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif;}
#body{background: #ecddcd url(/images/bg-pattern.gif) 0px 0px repeat-x;}

a{
	color: #a80000;
	text-decoration: underline;
}
a:visited{
	color: #324f1e;
	text-decoration: underline;
}
a:hover{
	color: #788e35;
	text-decoration: none;
}
h1 span{display: none;}
h2,h3,h4,h5,h6{
	margin-left: 9px;
	margin-right: 29px;
}
#contenu h2, #contenu h3, #contenu h4,
#contenuEdit h2, #contenuEdit h3, #contenuEdit h4{
	margin-left: 0px;
	margin-right: 0px;
}
h2, h2 input{
	padding-top: 40px;
	color: #a80000;
	font: 28px/28px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	padding-bottom: 20px;
	position: relative;
}
	h2 input{
		position: absolute;
		top: -2px;
		left: -1px;
		border: 1px solid #666666;
	}
	#contenuEdit h2{padding: 40px 0px 25px 0px;}
	
h3, h4{
	color: #a80000;
	font: 150% "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	padding: 0px 0px 0.3em 0px;
}
h4{
	color: #628500;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 1.8em;
	margin-bottom: 0.3em;
}
h4 em, h4 i{
	display: block;
	font-style: normal;
	font-size: 90%;
	color: #999999;
}
h5, h6{
	color: #a80000;
	float: left;
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	margin: 1.8em 20px 20px 9px;
	width: 230px;
	font: 130% "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
#contenu h5{margin-left: 0px;}
h6{
	float: right;
	padding: 0px 0px 10px 10px;
	margin: 1.8em 29px 20px 20px;
	text-align: right;
}
#contenu h6{margin-right: 0px;}
div.box h3{
	padding: 0px;
}
p{
	margin: 0px;
	padding: 1em 0px;
}

ul, ol{clear: both; color: #333333;}
ul{padding: 10px 20px 40px 0px;}

ol{margin: 10px 20px 40px 0px;}

li ul{padding-bottom: 10px;}
li ol{margin-bottom: 10px;}

li{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 28px;
}
ul li{background: url(/images/bullet.gif) 0px 4px no-repeat;}
li ul li{
	background-position: -776px 4px;
	padding-left: 21px;
	list-style: none;
}
ol li{
	list-style: decimal;
	margin-left: 20px;
	padding-left: 0px;
}
li ol li{
	list-style: lower-alpha;
	background: none;
}
li li{
	border: none;
	margin-left: 20px;
	padding-left: 0px;
	color: #666666;
}

sub{
	line-height: 16px;
	font-size: 12px;
	color: #526f00;
	vertical-align: middle;
}

.invisible{}
table{
	margin: 40px 0px 10px 0px;
	width: 100%;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
	font-size: 90%;
	color: #666666;
}
table table{font-size: 100%;}
table.invisible,
table.invisible td,
table td table.invisible{
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
	width: auto;
}
table.invisible td{padding-right: 40px;}
	table th, table td{
		padding: 4px 10px;
		color: #666666;
		border: 1px solid #e1e1e1;
		vertical-align: top;
	}
	table th{
		padding: 5px 10px;
		color: #FFFFFF;
		font: bold 120% "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
		letter-spacing: -1px;
		vertical-align: bottom;
		background: #a80000;
	}
	table th th{font-size: 100%;}
	table th em,
	table th i{
		font-weight: normal;
		font-style: normal;
		font-size: 90%;
	}

form{
	font-size: 100%;
	color: #666666;
}
form legend{
	padding: 0px 10px;
	font-weight: bold;
	color: #55555;
}
form fieldset{
	border: 1px solid #e1e1e1;
	border-right-color: #cacaca;
	border-bottom-color: #cacaca;
	padding: 10px;
	margin: 10px 0px;
}
form div{
	padding: 5px 10px;
	clear: both;
}
form div.row1{background: #F6F6F6;}
form label{
	float: left;
	width: 180px;
}
form input,
form textarea,
form select{
	border: 1px solid #CCCCCC;
	background: #FFFFFFF;
	padding: 2px;
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
}
div.box form input,
div.box form textarea,
div.box form select{
	border-color: #a90202;
}
form input:focus,
form textarea:focus,
form select:focus,
div.box form input:focus,
div.box form textarea:focus,
div.box form select:focus{border-color: #566d11;}

form input.nolook,
form select.nolook,
form textarea.nolook{
	border: none;
	height: auto;
	width: auto;
	background: none;
	list-style: none;
}

form div.btn{text-align: right;}
div.box form div.btn{text-align: left;}

.droite, .gauche{
	float: left;
	border: 20px solid #FFFFFF;
}
.droite{float: right;}
.alignright, .alignleft{
	margin: 0px 15px 15px 0px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}
.alignright{
	float: right;
	margin: 0px 0px 15px 15px;
}
p.alignright, p.alignleft{
	border: none;
	padding: 0px 20px 20px 0px;
	margin: 0px;
}
p.alignright{padding: 0px 0px 20px 20px;}
.aligncenter{
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}

#right form div.btn p{
	text-align: left;
	float: left;
	line-height: 11px;
	padding: 0px;
	margin: 0px;
}
form div.btn input{
	border: 1px solid #800000;
	border-right-color: #400000;
	border-bottom-color: #400000;
	background: #660000 url(/images/btn.gif) 0px 0px repeat-x;
	cursor: pointer;
	font: bold 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-align: center;
	color: #FFFFFF;
	padding: 2px 10px 4px 10px;
	letter-spacing: 0px;
	margin-top: 5px;
}
form div.btn input:hover{
	border-color: #566d11;
	border-right-color: #2b3608;
	border-bottom-color: #2b3608;
	background: #345103 url(/images/btn.gif) 0px -120px repeat-x;
}
form label.full{
	display: block;
	float: none;
	padding-bottom: 8px;
}
form i{color: #a80000; font-style: normal;}

#top{background: url(/images/bg-plage.jpg) center top no-repeat;}
#footer{
	background: url(/images/bg-footer.jpg) center bottom no-repeat;
	color: #54463f;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

div.holder{
	margin: 0 auto;
	padding: 0px;
	width: 970px;
	background: url(/images/bg-page.gif) center top repeat-y;
}
#footer div.holder div.bottom{
	height: 513px;
	min-height: 513px;
	background: url(/images/bg-chateau.jpg) center bottom no-repeat;
}	html > body #footer div.holder div.bottom{height: auto; min-height: 513px;}

	#footer ul,
	#footer ul li{
		display: inline;
		text-align: center;
		font-size: 9px;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		list-style: none;
		background: none;
	}
	#footer ul{
		display: block;
		padding: 10px 9px 0px 305px;
	}
	#footer a{
		color: #54463f;
		text-decoration: none;
	}
	#footer a:hover{
		text-decoration: underline;
		color: #a80000;
	}
	#footer p.signature{
		padding-top: 40px;
		padding-right: 20px;
	}
	#footer p a.icons{
		float: right;
		width: 100px;
		height: 50px;
		background: url(/images/adn-icons.gif) 0px 0px no-repeat;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	#footer p a.icons:hover{
		filter: alpha(opacity=50);
		-moz-opacity: .5;
		opacity: .5;
	}
	#footer p a.genome{background-position: -100px 0px;}
	#footer p a.host{background-position: -200px 0px;}

#header{
	width: 970px;
	height: 442px;
	background: url(/images/bg-header.jpg) center top no-repeat;
	position: relative;
}
#page{
	width: 970px;
	background: url(/images/bg-page-top.jpg) center top no-repeat;
}
#middle{
	height: 678px;
	min-height: 678px;
}	html > body #middle{height: auto; min-height: 678px;}

#left, #right{
	float: left;
	width: 282px;
}
#right{
	float: right;
	width: 688px;
	padding-bottom: 50px;
}
	#right div.box{
		float: left;
		width: 301px;
		background: url(/images/box.gif) 0px 61px no-repeat;
		color: #a80000;
	}
	#right div.box form{color: #a80000;}
	#right div.full{
		float: none;
		width: 650px;
		background: url(/images/box-full.gif) 0px 61px no-repeat;
	}
	#right div.box div.box{
		float: none;
		width: auto;
		background: none;
		padding: 5px 20px 20px 20px;
	}
	#right div.liste{margin-right: 48px;}
	#right div.box h3{
		height: 43px;
		padding-left: 44px;
		padding-top: 18px;
	}
	#right div.liste h3{background: url(/images/cocktail-1.gif);}
	#right div.coordonnees h3{background: url(/images/cocktail-2.gif);}
	#right div.nouvelles h3{background: url(/images/cocktail-3-full.gif);}
	#right div.box p{padding: 0.3em 0px;}
	#right div.box  p strong{
		display: block;
		color: #324f1e;
		font: 140% "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	}
	#right div.box form{font-size: 110%;}
	#right div.box form div{padding: 0px;}
	
#right div.c1 h3{background: url(/images/cocktail-1-full.gif);}
#right div.c2 h3{background: url(/images/cocktail-2-full.gif);}
#right div.c3 h3{background: url(/images/cocktail-3-full.gif);}

#right div.box img.box{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
#right div.box dl,
#right div.box dt,
#right div.box dd{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	float: left;
}
#right div.box dl{
	width: 390px;
	color: #010101;
	padding: 20px 0px;
}
#right div.box dt{
	color: #324f1e;
	width: 60px;
}
#right div.box dd{
	width: 330px;
	padding-bottom: 15px;
}
#right div.box dl b,
#right div.box dl big{
	color: #a80000;
	font-weight: normal;
	font-size: 100%;
}
#right div.box dl big{font-weight: bold;}

div.promo{padding: 10px 0px;}
#left .promo a{text-decoration: none;}
div.promo a{
	width: 282px;
	display: block;
	background: url(/images/promo-spectacle.png) 0px 0px no-repeat;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #720000;
	cursor: pointer;
}
	div.spectacles a{
		height: 108px;
		width: 198px;
		padding: 64px 52px 0px 32px;
		
	}
	div.prevente a,
	div.benevoles a{
		/*background-image: url(/images/promo-prevente2010.png);*/
		background-image: url(/images/promo-prevente.png);
		height: 242px;
		width: 251px;
		padding: 62px 22px 0px 9px;
		text-align: center;
		color: #bdc68a;
	}
	div.benevoles a{
		background-image: url(/images/promo-benevoles.png);
		height: 304px;
		color: #720000;
		height: 244px;
		padding: 60px 22px 0px 9px;
	}
	
	div.promo a:hover{
		background-position: -282px 0px;
		color: #FFFFFF;
	}
	div.promo a strong{
		display: block;
		font: 18px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
		letter-spacing: -1px;
		padding-top: 2px;
	}
#outils ul,
#outils ul li{
	margin: 0px;
	padding: 0px;
	background: none;
	list-style: none;
	border: none;
	background: none;
	float: left;
}
#outils ul{
	float: right;
	width: 105px;
}
#outils ul li{padding: 0px 5px 5px 0px;}
#outils ul li a{
	float: left;
	height: 25px;
	width: 15px;
	background: url(/images/outils.gif) 0px 0px no-repeat;
}
	#outils ul li.small a{width: 15px; background-position: 0px 0px;}
	#outils ul li.large a{width: 25px; background-position: -25px 0px;}
	#outils ul li.print a{width: 23px; background-position: -50px 0px;}
	#outils ul li.share a{width: 22px; background-position: -75px 0px;}
	
	#outils ul li.small a:hover{background-position: 0px -25px;}
	#outils ul li.large a:hover{background-position: -25px -25px;}
	#outils ul li.print a:hover{background-position: -50px -25px;}
	#outils ul li.share a:hover{background-position: -75px -25px;}
	
#outils{
	background: url(/images/outils-sep.gif) left bottom no-repeat;
	padding: 15px 25px 5px 0px;
	color: #526f00;
}
#breadcrumb{
	padding-top: 10px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	word-spacing: 4px;
}
#breadcrumb a,
#breadcrumb span{word-spacing: 1px;}
#breadcrumb a{
	color: #000000;
	text-decoration: underline;
}
#breadcrumb a:hover{
	color: #526f00;
	text-decoration: none;
}
#contenu, #contenuEdit{
	padding-left: 9px;
	padding-right: 29px;
}
#menu{
	width: 970px;
	height: 85px;
	background: url(/images/menu.png) 0px 0px no-repeat;
	position: relative;
	z-index: 15;
}
#menu span{display: none;}
#menu ul,
#menu ul li,
#menu ul li a{
	margin: 0px;
	padding: 0px;
	line-height: normal;
	border: none;
	list-style: none;
	float: left;
	height: 71px;
}
#menu ul{
	padding-left: 11px;
	padding-right: 9px;
}
#menu ul li{
	position: relative;
	z-index: 15;
}
#menu ul li a{background: url(/images/menu.png) 0px 0px no-repeat;}
#menu ul li a.presentation{width: 155px; background-position: -11px 0px;}
#menu ul li a.programmation{width: 128px; background-position: -166px 0px;}
#menu ul li a.spectacles{width: 128px; background-position: -294px 0px;}
#menu ul li a.activites{width: 127px; background-position: -422px 0px;}
#menu ul li a.infos{width: 128px; background-position: -549px 0px;}
#menu ul li a.partenaires{width: 128px; background-position: -677px 0px;}
#menu ul li a.joindre{width: 156px; background-position: -805px 0px;}

#menu ul li a.presentation:hover,
#menu ul li.shover a.presentation,
#menu ul li.selected a.presentation{background-position: -981px 0px;}
#menu ul li a.programmation:hover,
#menu ul li.shover a.programmation,
#menu ul li.selected a.programmation{background-position: -1136px 0px;}
#menu ul li a.spectacles:hover,
#menu ul li.shover a.spectacles,
#menu ul li.selected a.spectacles{background-position: -1264px 0px;}
#menu ul li a.activites:hover,
#menu ul li.shover a.activites,
#menu ul li.selected a.activites{background-position: -1392px 0px;}
#menu ul li a.infos:hover,
#menu ul li.shover a.infos,
#menu ul li.selected a.infos{background-position: -1519px 0px;}
#menu ul li a.partenaires:hover,
#menu ul li.shover a.partenaires,
#menu ul li.selected a.partenaires{background-position: -1647px 0px;}
#menu ul li a.joindre:hover,
#menu ul li.shover a.joindre,
#menu ul li.selected a.joindre{background-position: -1775px 0px;}

#menu ul li.disabled a{cursor: default;}
#menu ul li.disabled a.presentation:hover,
#menu ul li.disabled a.presentation{background-position: -1951px 0px;}
#menu ul li.disabled a.programmation:hover,
#menu ul li.disabled a.programmation{background-position: -2106px 0px;}
#menu ul li.disabled a.spectacles:hover,
#menu ul li.disabled a.spectacles{background-position: -2234px 0px;}
#menu ul li.disabled a.activites:hover,
#menu ul li.disabled a.activites{background-position: -2362px 0px;}
#menu ul li.disabled a.infos:hover,
#menu ul li.disabled a.infos{background-position: -2489px 0px;}
#menu ul li.disabled a.partenaires:hover,
#menu ul li.disabled a.partenaires{background-position: -2617px 0px;}
#menu ul li.disabled a.joindre:hover,
#menu ul li.disabled a.joindre{background-position: -2745px 0px;}

#menu ul li div{
	position: absolute;
	z-index: 20;
	width: 164px;
	left: -7px;
	top: -999em;
}
#menu ul li div.activites{left: -19px;}
#menu ul li div.activites strong{display: none;}
#menu ul li div.infos{left: -18px;}
#menu ul li.shover div{
	top: 51px;
	padding-bottom: 12px;
	background: url(/images/sub-bottom.png) left bottom no-repeat;
}
#menu ul li.disabled div{left: -999em;}
#menu ul li.shover ul,
#menu ul li.shover ul li{
	float: none;
	padding: 0px;
	height: auto;
	width: 164px;
}
#menu ul li.shover ul{
	padding: 25px 0px 5px 0px;
	background: url(/images/sub.png) left top no-repeat;
}
#menu ul li.shover ul li{
	width: 138px;
	padding: 2px 13px 1px 13px;
	background: url(/images/menu-sep.gif) center top no-repeat;
}
#menu ul li.shover li a{
	margin: 0px;
	padding: 0px;
	background: none;
	width: 128px;
	text-align: center;
	height: auto;
	float: none;
	display: block;
	padding: 8px 5px;
	text-decoration: none;
	color: #e39100;
	line-height: 12px;
}
#menu ul li.shover li a.volley {padding:8px 16px;width:106px;}
#menu ul li.shover li a:hover{
	background-color: #fff1cd;
	color: #de5900;
}

#photos{
	float: right;
	padding-top: 146px;
	padding-right: 55px;
}
#dates, #dates li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
	float: right;
	width: 177px;
}
#dates{
	margin-top: 112px;
	margin-right: 15px;
	display: inline;
}
	#dates li a{
		display: block;
		width: 177px;
		height: 57px;
		background: url(/images/dates.png) 0px 0px no-repeat;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
		font: italic bold 10px Arial, Helvetica, sans-serif;
	}
	#dates li a img{display: none;}
	#dates li a strong{
		padding-top: 12px;
		display: block;
		font: italic bold 16px Arial, Helvetica, sans-serif;
	}
	#dates li.d2 a{
		height: 56px;
		background-position: 0px -57px;
	}
	#dates li.d3 a{background-position: 0px -113px;}
	#dates li.d4 a{background-position: 0px -170px;}
	
	#dates li a:hover,
	#dates li a.selected{background-position: -177px 0px;}
	#dates li.d2 a:hover,
	#dates li.d2 a.selected{background-position: -177px -57px;}
	#dates li.d3 a:hover,
	#dates li.d3 a.selected{background-position: -177px -113px;}
	#dates li.d4 a:hover,
	#dates li.d4 a.selected{background-position: -177px -170px;}
	
#header div.more{
	right: 135px;
	bottom: 31px;
	position: absolute;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
	#header div.more a{
		float: right;
		padding: 0px 10px 0px 47px;
		background: url(/images/bullet-3arrows.gif) 0px 14px no-repeat;
		color: #FFFFFF;
		text-decoration: none;
		line-height: 36px;
	}
	#header div.more a:hover{
		color: #ffc100;
		background-position: 0px -36px;
	}
#quick,
#quick li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
}
#quick{
	top: 275px;
	left: 60px;
	position: absolute;
	width: 168px;
}
	#quick a span{display: none;}
	#quick li a{
		display: block;
		height: 71px;
		width: 168px;
		background: url(/images/boutons.png) 0px 0px no-repeat;
	}
	#quick li.photos a{background-position: 0px -71px;}
	#quick li a:hover{background-position: -168px 0px;}
	#quick li.photos a:hover{background-position: -168px -71px;}

#nouvelles ul,
#nouvelles ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
	float: left;
	width: 650px;
}
#nouvelles ul li{
	width: 600px;
	padding: 10px 25px;
}
#nouvelles a{
	width: 600px;
	float: left;
	color: #010101;
	font-size: 110%;
	text-decoration: none;
	clear: left;
}
	#nouvelles a span.img{
		float: left;
		width: 114px;
		height: 114px;
		padding-right: 10px;
	}
	#nouvelles a span.img img{
		width: 105px;
		height: 105px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #FFFFFF;
		border: 2px solid #526f00;
	}
	#nouvelles a span.titre{
		float: left;
		width: 476px;
	}	#nouvelles a span.full{width: 600px;}
	#nouvelles a strong{
		display: block;
		color: #324f1e;
		font: 140% "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
		padding-bottom: 8px;
	}
	#nouvelles a strong em{
		display: block;
		color: #949b6d;
		font-size: 80%;
		font-style: normal;
	}
	#nouvelles a small{
		font-size: 100%;
		color: #949b6d;
	}

#nouvelles a:hover{color: #e03d04;}
#nouvelles a:hover strong,
#nouvelles a:hover strong em,
#nouvelles a:hover small,
#nouvelles a:hover span.img img{
	color: #a80000;
	border-color: #a80000;
}

#nouvelle{padding-top: 20px;}
#nouvelle h2{padding-top: 0px;}
#nouvelle div.date{
	border-bottom: 1px solid #CCCCCC;
	font-size: 80%;
	color: #777777;
	padding-right: 100px;
	float: left;
	margin-bottom: 15px;
}
#nouvelle p.img img{
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

.pdf{}
#right p.more,
#right p.pdf{
	font: 120% "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-align: right;
	border-top: 1px solid #CCCCCC;
	margin: 40px 29px 0px 9px;
	padding: 10px 0px;
}
#right p.pdf{
	text-align: left;
	border-top: none;
	margin-top: 0px;
}
.pdf a,
a.pdf{
	background: url(/images/pdf.gif) 0px 0px no-repeat;
	padding-left: 23px;
}
#right div.box p.more{
	position: relative;
	border: none;
	padding: 0px;
	margin: 0px;
}
#contenu p.more{
	margin-left: 0px;
	margin-right: 0px;
}
a.rss,
a.rss:visited{
	background: url(/images/rss.gif) 0px 0px no-repeat;
	color: #ff8600;
	padding-left: 20px;
}

#right div.box p.more a{
	position: absolute;
	right: 15px;
	top: 21px;
	/*float: right;
	padding: 25px 15px 0px 0px;
	border: none;
	margin: 0px;
	background: none;*/
}
#right div.box  p.rss{position: relative;}
#right div.box  p.rss a,
#right div.box  p.rss a:visited{
	position: absolute;
	right: 15px;
	top: 0px;
	font-size: 100%;
	padding-left: 20px;
	background: url(/images/rss.gif) 0px 0px no-repeat;
	color: #ff8600;
	width: auto;
	text-decoration: none;
}
#right div.box  p.rss a:hover{text-decoration: underline;}

div.paging{padding: 10px 0px 15px 25px;}
div.pend{padding-top: 0px;}
div.paging a,
div.paging span{
	float: left;
	padding: 1px 7px;
	background: #c0c88f;
	color: #526f00;
	margin-right: 5px;
	text-decoration: none;
}
div.paging a:hover,
div.paging span{
	background: #526f00;
	color: #FFFFFF;
}
#partenaires, div.partenaires{
	text-align: center;
	line-height: 74px;
}
div.partenaires{padding-top: 35px;}
div.partenaires img{padding-right: 20px;} /*PARTENAIRES PLATINE*/

#partenaires{
	padding-left: 243px;
	padding-right: 29px;
	height: 198px;
	min-height: 198px;
}	html > body #partenaires{height: auto; min-height: 198px;}
body.partenaires #right p{line-height: 70px;}
body.partenaires #right p img{
	margin: 0px 10px;
}
#partenaires a{padding: 0px 5px;}

div.map-left{
	float: left;
	width: 228px;
}
#form_box{
	float: right;
	width: 402px;
}
#form_box label{width: 120px;}
div.map div{
	padding: 5px;
	border: 1px solid #CCCCCC;
}
div.map small{
	display: block;
	padding-top: 5px;
	text-align: right;
}

/* SPECTACLES */
body.spectacles ul i, body.spectacles ul em{
	font-weight:bold;
	font-style:normal;
	color:#a80000;
}

#micro-gallery,
#album{padding-bottom: 30px;}
#micro-gallery a,
#album a{
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	margin-right: 15px;
	margin-top: 15px;
}
#micro-gallery a img,
#album a img{
	float: left;
	width: 80px;
	height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
}
#album a{
	margin-right: 25px;
	margin-top: 25px;
}
#album a img{
	width: 120px;
	height: 120px;
}
#albums ul, #albums ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
	float: left;
}
#albums ul li{
	width: 312px;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 30px;
}
#albums ul li a{
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
	position: relative;
	text-decoration: none;
}
#albums ul li a img{float: left;}
#albums ul li a strong{
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 290px;
	padding: 5px;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
	border-top: 5px solid #FFFFFF;
}
#albums ul li a:hover strong{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-color: #7c991b;
	border-top: 5px solid #ebf0cb;
}

#micro-gallery a:hover,
#album a:hover,
#albums ul li a:hover{
	border-color: #7c991b;
	background-color: #ebf0cb;
}

div.largePromo{
	background: url(/images/large-promo.gif) 0px 0px repeat-y;
	width: 600px;
	margin: 0 auto;
}
	div.largePromo h3{
		background: url(/images/large-promo-top.gif) 0px 0px no-repeat;
		color: #FFFFFF;
		text-align: center;
		padding: 38px 20px 0px 20px;
		font-size: 26px;
		line-height: 28px;
	}
	div.largePromo table{background: url(/images/large-promo-bottom.gif) left bottom no-repeat;}
#contenu div.largePromo ul{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 0px;
	padding-right: 0px;
}
#contenu div.largePromo ul li{
	color: #fcf0cc;
	background: none;
	padding-left: 8px;
	margin-left: 70px;
	list-style: square;
	font-size: 13px;
	margin-right: 0px;
	padding-right: 0px;
}

#activite-liste ul,
#activite-liste ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	border: none;
}
#activite-liste ul{
	padding-top: 20px;
	width: 500px;
}
#activite-liste ul li{
	font: 16px/18px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
#activite-liste ul li a{
	display: block;
	clear: both;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 15px;
}
#activite-liste ul li a strong{
	float: left;
	width: 260px;
	color: #999999;
}
#activite-liste ul li a:hover{
	background-color: #fff1cd;
	color: #de5900;
	border-bottom-color: #ecc3a8;
}
#activite-liste ul li a:hover strong{color: #666666;}