body
{
	width: 950px;
	margin: auto;
	background: url("fond.jpg");
	font-family: "arial", "serif";
}

#contenu
{
	width : 950px;
	background-color : #654B32;
	border : 2px solid #ffF5E5;
	border-top: none;
}


#en_tete
{
	height: 240px;
	background: url("banniere.jpg") no-repeat bottom center;
	
}

#logo
{
	position : absolute;
	margin-left : 15px;
	margin-top : none;
}

#logo
{
	border : none;
	decoration: none;
}

img
{
	border : none;
}
/*------------------------------menu----------------------------------*/

#menu ul
{
	
	font-family: "verdana", "arial", "serif";
	font-size: 18px;
	color: #ffF5E5;
	line-height: 25px;
	float: right;
	margin-right: 20px;
}
#menu li
{
	display : inline;	
	margin-left:2px;
	margin-right:10px;
}

a
{
	color: #9ca7a6;
	text-decoration: underline;

}
a:hover
{
	text-decoration: underline;	
	color: #ffF5E5;
}
a:hover, #active
{
	text-decoration: underline;	
	color: #ffF5E5;
}

/*--------------------------header 1---------------------------------*/

#slogan h1 
{
	font-family: arial;
	font-size : 65px;
	margin-top :80px;
	margin-left: 10px;
	color: #ffF5E5;
}


#slogan img 
{
	margin-left : 20px; 
	margin-top : -40px; 
}
.promo img
 {
	border : 4px solid transparent;
 }

.promo img:hover
 {
	border : 2px solid #849390;
	padding : 2px; 
 }


/*--------------------------corps---------------------------------*/

#corps
{
	margin-left : 300px;
	margin-top: -470px;
	margin-right: 20px;
	padding: 10px;
	font-family: "verdana", "arial", "serif";
	font-size: 17px;
	text-align: justify;
	color:#ffF5E5;
	line-height: 28px;

}

/*--------------------------poème---------------------------------*/

#poeme
{
	margin-left : 600px;
	font-family : verdana, "arial", "serif";
	color: #ffF5E5;
	font-size : 14px;
}
	
 /*--------------------------footer---------------------------------*/
 
#pied_de_page
{
	margin-top: 7%;
	padding: 5px;
	border: 2px solid #ffF5E5;
	border-left : none;
	border-right: none;
	background-color: #654B32;
	color : #ffF5E5;
	line-height : 1.5em;
}

#pied_de_page img
{
	width: 150px;
	height: 150px;
	margin-left: 45%;
	margin-top: -120px;
}

#roro_ctc
{
	text-align: right;
	margin-right: 20px;
}



#credit
{
	text-align: left;
	margin-top: -120px;
	margin-left: 20px;
	color:#ffF5E5;
}

#credit a
{
	color: #ffF5E5;
	border-bottom: 1px solid #ffF5E5;
	text-decoration: none;
}

#credit a:hover
{
	color:#9ca7a6;
	border-bottom: 1px solid #9ca7a6;
}