html {
	background: #ffd311 url("images/fond6.png");
	}

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

body {
	font: 100% "trebuchet ms", Arial, sans-serif;
	}
	
div#global {
	min-height: 100%;
	width: 750px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	background-color: #fff1c3;
	background-image:url("images/global.png");
}

div#header {
	background-image:url("images/accueil_originale1.jpg") ;
	color: #fff;
	height: 211px;
	position: relative;
	background: #ffd311 url("images/fond6.png");
	}
	
.lieu
{
border:none;
}

div#separation {
	width: 750px;
	background-color: #779112;
	color: #fff;
	}
	
div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px;
	overflow: auto;
	}
	
div#footer {
	position: absolute;
	width: 750px;
	bottom: 0;
	color: #fff;
	}

div#content {
    float: right;
	width: 510px;
	margin-right: 10px;
	}

div#sidebar {
	float: left;
	width: 230px;
	}

#content h1 {
	font: bold 2em "trebuchet ms", Arial, sans-serif;
	color:#ce6300;
	text-align:center;
	height: 47px;
	background: #fff1c3 url("images/titre.png");
	margin-top: 15px;
}
	
div#footer p, div#sidebar p  {
	padding: 0px;
	color: #fff1c3;
	}

div#footer a{
	color: #707229;
	border-style: none;
	font-size: 1em;
	color: #707229;
	float: right;
	}
	
ul#menu {
	margin: 0;
	padding: 0 25px ;	
	}

ul#menu li{
	height: 62px;
	list-style-image: url("images/puce_menu.png");
}
	
ul#menu li a {
	display: block;
	margin-top: 20px;
	color: #fff1c3;
	font: bold small-caps 1em "trebuchet ms", serif;
	text-decoration: none;
	}

ul#menu li a:hover {
		color: #ce6300;
	}	

div#content h2 {
	background: #fff1c3;
	color:#ce6300;
	text-align:center;
	margin: 0;
	padding: 3px;
	}

div#content h3 {
	background: #fff1c3;
	color:#ce6300;
	}
	
div#footer p {
	margin: 2px 0;
	font-size: 0.8em;
	color: #707229;
	border-bottom: none;
	float: right;
	}

a {
	font-style: italic;
	}
	
p{
	color: #707229; 		
	font-size: large;
	text-align: center;
	}

/*page accueil*/

#ouverture{
		text-decoration: blink;
		}
	
.adresse{
	margin-top: 40px;
}
			
.metro{
	font-style: italic;
}
			
/*page qui-sommes-nous ? */							
#galerie{
	text-align:center;
		width:500px;
}

.membre{
	width: 150px;
	float:left;
	margin:3px;
	margin-bottom:15px;
	font-size: 0.9em;	
	font-weight: bold;
}

#galerie img{
	width:80px;
}

.nom {
	color:#ce6300;
	clear:both;
	margin-top:2px;	
}

.titre{
	color: #707229;
	clear:both;
}

p.resume{
	clear:both;
	margin-top:10px;
}	

.innerLinks{	
	color: #d21f00;
	font: bold 1em "trebuchet ms", serif;
	text-decoration: none;
	text-align: right;
	
	margin-bottom:17px;
	clear:both;
}

/*page entretiens*/
#entretien{
	width:320px;
	margin: auto;
	margin-top: 20px;
}
	
/*page atelier*/						

#photo{
	margin:auto;
	text-align:center;
}

#photo img{
	margin-left:10px;
	float:left;
	margin-bottom:20px;
}
						
.ateliers{
	list-style-type: square;
	color:#ce6300;
	clear:both;	
}

.description{
	margin-top: 20px;
	}
	
.description li{
	color: #707229;
	list-style-type: circle;
	font-weight: bold;
	list-style-position: outside;	
}

/*page déjeuner*/	
.image_dejeuner	{
	display: block;
	margin: auto;
}

/*page contact*/
#contact{
	margin-top :120px;
	line-height: 5px;
	}

.moyens{
	color: #707229;
	list-style-type: circle;
	font-weight: bold;
	list-style-position: outside;
	float: left;
	width: 120px;
	}	

.extra_li{
	color: #707229;
	list-style-type: none;
	font-weight: bold;
	list-style-position: outside;
	float: right;
	width: 330px;
	padding-left: 0px;
	margin-left:0px;
	}
	
.ouverture{
	margin-top: 80px;
	}
	
.participation{
	font-size: 1em;
	margin-top: 250px;
	clear:both
	}