/* CSS Document */
*{
	margin:0;
	paddin:0;
}
body{
	background-color : #DAC6A3;
	font-family:"Courier New", Courier, monospace;
	font-size:85%;
	background: #996633 url(../image/fond.jpg) repeat-y center fixed;
}
div#page{
	
}
div#conteneur {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div#header{
	background-color:#8C7F69;
	width:750px;
	height:250px;
	border-bottom:solid 3px #fff;
}
h1{
	background: #8C7F69 url(../image/banniere.jpg) no-repeat right;
	height:250px;
}
h1 span{
	visibility:hidden;
}
div#menu{
	margin-top:5px;
}
div#menu ul, #menu li {
	margin:0;
	padding: 0;
	list-style-type: none;
}
#menu ul {
	position: absolute;
	height: 25px;
	width: 750px;
}
#menu li {
float: left;
}
#menu li a { 
display: block;  
height: 22px;
width: 150px;
font-size:0.9em;
color:#fff;
text-decoration: none;
border-right: 1px solid #fff;
text-align: center;
padding-top:3px;
}
#menu li a.menuSelect {
background-color: #a38467;
}
#menu a:hover {
color: #866747;
background-color: #422D1C;
}

div#blocPub{
position:absolute;
border:solid 1px #999;
padding:10px;
width:135px;
background-color:#D3B394;
top:450px;
right:20px;
}
div#blocPub ul, #blocPub li {
	padding: 0;
	margin:0;
	list-style-type: none;
}
#blocPub li {
	margin-bottom:15px;
}
#blocPub li img{
	border:solid 3px #fff;
}
div#content{
	width:530px;
	padding:5px 10px 10px 10px;
	padding-top:35px;
	font-size:0.8em;
	margin-right:200px;
	min-height:550px;
	height:auto !important;
	height:550px;
}
a#proposer{
	border:none;
	position:absolute;
	width:197px;
	height:191px;
	top:255px;
	right:0px;
	background-image:url(../image/proposer.jpg);
	z-index:0;
}
a#proposer:hover{
	background-position: 197px 0%;
	background-image:url(../image/proposer.jpg);
}
h2{
	color:#FFFFFF;
	font-size:1.4em;
}
dl#liste dd{
	margin-bottom:15px;
}
div#footer{
	margin-left:auto;
	margin-right:auto;
	width:750px;
	text-align:right;
	bottom:5px;
}
div#footer p{
	margin-right:5px;
	font-size:0.8em;	
}
table#tableEvenement{
	width:100%;
	margin-top:10px;
	margin-bottom:80px;
	border:solid 1px #3F2B13;
}

table#tableEvenement td{
	border-bottom:solid 1px #3F2B13;
	padding-bottom:15px;
	padding-top:15px;
}
table#tableEvenement th a{
	color:#CCCCCC;
	text-decoration:none;
}
table#tableEvenement th a:hover{
	color:#fff;
	text-decoration:none;
}
table#tableEvenement td.info{
	width:20%;
}
table#tableEvenement td.date{
	padding-left:10px;
	width:25%;
}
p.aucunEvent{
text-align:center;
font-size:1.4em;
margin-top:30px;
margin-bottom:112px;
}
a.plusInfo{
	color:#FFCC99;
	text-decoration:none;
	margin-left:5px;
}
a.plusInfo:hover{
	color:#FFCC99;
	text-decoration:underline;
}
a.retour{
	color:#CC3300;
	text-decoration:none;
}
a.retour:hover{
	color:#CC3300;
	text-decoration:underline;
}

/*------------------------------------INFOBULL-------------------------------------*/

a img{
	border:solid 2px #FFFFFF;
}
.infobulle {
	position: relative;
	text-decoration:none;
}

.infobulle span {
	display: none;
}

.infobulle:hover {
	background: none;
	z-index: 500;
}
.infobulle.extend:hover span {
	position: absolute;
	display: block;
	color:#000;
	border:solid 3px #fff;
	top: -5em;
	left: 2em;
}

address{
	padding:5px;
	background-color:#CC9966;
	border:solid 1px #663300;
	width:50%;
	margin-top:10px;
	margin-bottom:10px;
}

img.img_event{
border:solid 3px #FFFFFF;
margin-left:auto;
margin-right:auto;
}

div#fiche{
	padding:10px;
	background-color:#D3B394;
	border:solid 1px #663300;
	min-height:320px;
	height:auto !important;
	height:320px;
}
h2.titreFiche{
	font-size:1.6em;
}
p.dateFiche{
	margin-bottom:20px;
	font-size:1.4em;
	padding-bottom:5px;
	border-bottom:solid 1px #FFFFFF
}
p.heureFiche{
	margin-bottom:10px;
	margin-top:20px;
}
p.lienFiche{
	margin-bottom:5px;
}
p.lienFiche a{
	color:#0066CC;
	text-decoration:none;
}
p.lienFiche a:hover{
	text-decoration:underline;
}

p.alignCenter{
text-align:center;
}

form#form_proposer input,textarea{
	border:solid 1px #663300;
}
p.rouge{
	border:solid 1px #CC0000;
	background-color:#CC3333;
	color:#FFFFFF;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:5px;
}
p.vert{
	border:solid 1px #339900;
	background-color:#33CC66;
	color:#FFFFFF;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:5px;
}
a.lien{
	color:#CC0000;
	text-decoration:none;
}
a.lien:hover{
	text-decoration:underline;
}
td.caseDrapeau{
	width:12%;
	text-align:center;
}