/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color: #8E704A;
	font-family: Arial;
	font-size: 10px;
	color: #CC9933;
	background-image: url(../img/tile.gif);
}

input
	{
	color:#ddd;
	background-color:#8E704A;
	border:hidden;
	}

textarea
	{
	color:#FFFFFF;
	background-color:#8E704A;
	border:hidden;
	}

select
	{
	color:#FFFFFF;
	background-color:#8E704A;
	border:hidden;
	}

hr
	{
	color:#ddd;
	background-color:#8E704A;
	border-color:#ddd;
	}

.media
	{
	border:thin;
	border:1px;
	border-color:#ddd;
	};

a {
	text-decoration: none;
	color: #CC9966;
}

a:link {
	text-decoration: none;
	color: #CC9966;
}
a:visited {
	text-decoration: none;
	color: #CC9966;
}
a:hover {
	text-decoration: underline;
	color: #CC9966;
}
a:active {
	text-decoration: underline;
	color: #CC9966;
}

b{font-size: 110%;}

#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #8E704A;
height: 340px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 272px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 272px; /*Width of left column*/
	margin-left: -900px;
}

#footer{
	clear: left;
	width: 100%;
	color: #CC9900;
	text-align: center;
	height: 38px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

#footer a{
color: #CC9966;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.titre {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #FFCC33;
}
.Soustitre {
	font-family: Arial;
	font-size: 13px;
	color: #FFCC33;
}
.epouvantail {
	position: relative;
	top: -205px;
	height:200px;
	width: 180px;
}