BODY
{
	margin:0;
	padding:0;
	background:url('background.gif');
	font-family:Comic sans MS;
	font-size:12px
}

#titre
{
	margin:40px;
	border:1px solid #c33;
	width:900px;
	overflow:hidden;
	position: absolute; 
	left: 50%;
	margin-left:-450px;
}

h1
{
	text-align:center;
	margin:0;
	background:#ccc url('logo.jpg');
	color:#fff
}

h1 span
{
	background: url('logo.jpg') no-repeat top left;
	display:block;
	height:220px
}

a
{
	color:#000;
}

a:hover
{
	color:#ccc;
}

#contenu
{
	background:#fff;
	margin:0;
	padding:30px;
	min-height:400px;
}

#contact
{	
	background:#ccc url('bas.jpg');
	color:#fff;
	text-align:center
}

#sommaire
{
	margin:0;
	padding:0;
	background:#fff;
}

#sommaire li
{
	float: left;
	border:0px none;
	margin:0;
	padding:0; list-style-type:none
}

#sommaire a 
{
	border-right: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-top: 1px solid #9e9e9e;
	width: 148px;
	height:20px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin:0;
	padding:0;
	background:#9e9e9e;
}

#sommaire a:hover 
{
	background:#fff;
	color: #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.image-acceuil
{
	width:95%;
}

.texte
{
color: black;
font-family: Comic sans MS; 
font-size: 12px; 
text-align: justify; 
}

font
{
font-size: 15px; 
font-family: Comic Sans MS; 
color: gray;
font-weight: bold;
}

.tab1
{
color: #9e9e9e;
font-family: Comic sans MS; 
font-size: 12px; 
/*border: 1px solid #9e9e9e;*/
}

.tab2
{
color: black;
font-family: Comic sans MS; 
font-size: 12px; 
/*border: 1px solid #9e9e9e;*/
text-align: left;
}

.condition
{
color: #FF3300;
font-family: Comic sans MS; 
font-size: 12px; 
font-weight: bold;
text-align: center;
}