html, body {margin: 0; padding: 0; height: 100%;}

body {
margin:0;
padding:0;
font-family:arial;
background: #e1b448;
color:#000;
}

div#page {
position: relative;
min-height: 100%;
padding:10px 0 0 0;
margin:1em auto 3em auto;
width:80%;
font-size:14px;
border:4px solid #000;
background: #c1b448;
color:#000;
line-height:1.3em;
	}

	div#entete {

		line-height: 2.8em; text-align: center;
		border-bottom: solid 2px brown;

	}

	div#premiere {
		float: left;
		width: 200px;
	}
	div#deuxieme {
		float: right;
		width: 390px;
		min-height: 100%;
	}
	
		div#deuxieme_blog {
		float: right;
		width: 300px;
		min-height: 100%;
	}
			div#deuxieme_photo {
		float: right;
		width: 0px;
		min-height: 100%;
	}
	div#contenu {
		padding: 1px 0;
		margin-left: 220px;
		margin-right: 400px;
	}
	
	div#contenu_blog {
		padding: 1px 0;
		margin-left: 220px;
		margin-right: 320px;
	}
		div#contenu_photo {
		padding: 1px 0;
		margin-left: 220px;
		margin-right: 10px;
	}
	div#piedpage1 {
		height: 80px;
		clear: both;
	}

	div#piedpage2 {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
		height: 3em;
		line-height: 2.8em; text-align: center;
		border-top: solid 2px brown;
	}
#menu {
margin:0;
padding:0 0 1em 0;
font-size:15px;
border-bottom:2px solid #000;
}

#menu ul{
margin: 0;
padding: 0;
}

#menu li { 
display: inline;
list-style-type: none;
font-size:18px;
}


#menu a, #menu a:link, #menu a:visited
{
padding:5px;
margin:2px;

color:#000;

}

#menu a:hover
{
list-style-type: none;
padding:5px;
margin:2px;

color:#fff;
text-decoration:none;
}

.titre_accueil_message
{
text-align:center;
color:#000;
font-weight:bold;
font-size:16px;
padding-bottom:15px;
}
.photo_toly
{
padding:10px 30px 0px 10px;
}

/*** LIENS ***/

a {
color:#000;
text-decoration:none;
}
a:hover {
color:#fff;
}

.date_blog
{
color:#000;
font-style:italic;
}
.message_blog_titre
{
color:#000;
font-weight:bold;
}

#containeur_blog
{
background-color: #c1b448 ; 
margin:0 ; padding:0;
}
#droite_blog
{
background-color: #c1b448;
float:right;
width:23%;

}
#centre_blog
{
width:73%;
background-color:#CCCC99;
border: 1px solid #000;
padding:5px;
margin:5px;
}

.prochaine_date
{
color:#000;
text-align:center;
font-size:15px;
font-weight:bold;
}

.gallery li {
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 200px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
	}
	.gallery_photo li {
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 100px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
	}
.blog_titre_message
{
font-size: 18px;
}
.blog_rubrique
{
font-size: 12x;
font-style:italic;
}
.calendrier
{

font-size: 11px;
}
.agenda_affich
{
color:#000;
padding-left:20px;
padding-right:20px;
}

.agenda {background: red;}
input.formulaire, textarea.formulaire {

	border:1px solid #000;
	color: #000;
  background-color: #ccc; 

}
#rendezvous_affiche
{

margin-top:20px;
background : url(img/affiche.jpg) no-repeat;
height:390px;
width:300px;
text-align:center;
}
#calendrier_blog
{
position : relative
float:right;
width:200px;
}
#calendrier_agenda
{
width:200px;
}
.contact_titre
{
text-align:center;
font-size:25px;
font-weight:bold;
color:#000;
}
a img {border:0;}
.wanted
{
font-size: 32px;
font-weight:bold;
margin-bottom:0px;
padding-top:20px;
border:0px;
}

	<!--[if lte IE 6]>
	<style>
	div#page {
		height: 100%;
	}
	div#piedpage2 {
		bottom: -1px;
		/* Corrige un décalage d'1px par rapport au bord inférieur (source du bug ?) */
	}
	</style>
	<![endif]-->