body {
background:white;
	

 }



.header {

	width :1000px;
	height:100px;
	background: url('header3.jpg'); no-repeat;
        
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	
       
	}
	
.kit {
  position:absolute;
  width:1000px;
  left: 50%; 
  margin-left: -500px; /* moitié de la largeur */
  border: 1px solid #000;




background-image: url('fond7.jpg') ;
background-repeat:repeat;


	
        border:1px solid black;
	}	
	
	
.recherche {
position:absolute;
margin-left:600px;
margin-top:5px;
}

.o_acceuil {

position:absolute;
width:334px;
height:38px;
background:url('o_acceuil.jpg');
margin-top:-30px;
 margin-left:-10px;

}

.o_commercants {

position:absolute;
width:334px;
height:38px;
background:url('o_commercants.jpg');
margin-top:-30px;
 margin-left:-10px;

}

.o_evenements {

position:absolute;
width:334px;
height:38px;
background:url('o_evenements.jpg');
margin-top:-30px;
 margin-left:-10px;

}

.o_plan {

position:absolute;
width:334px;
height:38px;
background:url('o_plan.jpg');
margin-top:-30px;
 margin-left:-10px;

}

.o_contact {

position:absolute;
width:334px;
height:38px;
background:url('o_contact.jpg');
margin-top:-30px;
 margin-left:-10px;

}

.o_espcommercants {

position:absolute;
width:334px;
height:38px;
background:url('esp_commercant');
margin-top:-30px;
 margin-left:-10px;

}

.o_galerie {

position:absolute;
width:334px;
height:38px;
background:url('o_galerie.jpg');
margin-top:-30px;
 margin-left:-10px;

}

.o_newsletter {

position:absolute;
width:334px;
height:38px;
background:url('o_newsletter.jpg');
margin-top:-30px;
 margin-left:-10px;

}




.contenu {

	width :708px;
	
		background:white;

  margin-top:-50px;
   margin-left:235px;
        border:1px solid #660066;
		
	}	
	
	.contenu2 {

	width :950px;
	
		background:#99e1f7;

   margin-left:18px;
   margin-top:100px;

        border:1px solid #660066;
		
	}	
	
	.contenu3 {

	width :300px;
	
		background:white;
float:right;
  margin-top:-50px;
   margin-right:25px;
        border:1px solid #660066;
		height:390px;
		
	}	
	
		.contenu4 {

	width :400px;
	
		background:white;

  margin-top:-50px;
   margin-left:235px;
        border:1px solid #660066;
		height:390px;
		
	}	
			.contenu5 {

	width :708px;
	
		background:white;

 margin-top:60px;
   margin-left:235px;
        border:1px solid #660066;
		
	}	
	
	.liens {
	display:inline;
	position:relative;
	width:200px;
	
	
	
	margin-left:8px;
	background:url('fondmenu.jpg') no-repeat;
	background-color:white;
	float:left;
	margin-top:-4px;
  border: 1px solid white;
  border-top: none;
	
	}
	

		
	
	.imgmenu {
	
	padding:0px;
	border:0px;
	width:210px;
	height:131px;
	
	background:url('haut_menu5.jpg') no-repeat;
	margin-left:6px;
	}
	
	.menu_haut {
	margin-top:-1px;
	margin-right:5px;
	float:right;
	}
	
		.lienacceuil {
	width:151px;
	height:50px;
	text-decoration: none ;
	background:url('acceuil.gif');
	}
	
		.lienacceuil:hover {


	}
	
	.banniere{
	width:468px;
	height:60px;
	margin-left:275px;
	margin-top:15px;
	background:url('banniere.jpg') no-repeat;
	float:left;
	}
	
	p {
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	}
	
	.align {
	 position:fixed;
	 position:absolute;
	text-align:center;
	margin-left:5%;
	}
	
	.credit{
	 
	
	
	   margin-left:215px;
	text-align:center;
		clear: both;
	font-size:11px;
	}
	
	a.liste {
	color:black;
	text-decoration: none ;
	}
	
		a.liste:hover {
	color:#9900CC;
	background:#CCCCFF;
	text-decoration: none ;
	}
	
	.cote {
	text-align:center;
	}
	
	.menu {
	margin-top:0px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	
	text-decoration: none ;
	color:black;
	}
	
	.lienmenu {
	display:block;
		text-align:center;
	margin-top:5px;
	font-size:14px;
	text-decoration: none ;
	color:black;
	width:200px;
	height:20px;
	
	background:url('rubrique.jpg') no-repeat;
	}
	
	.lienmenu:hover {
		font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:white;
		width:200px;
	height:20px;
	
	background:url('rubrique2.gif') no-repeat;

	
	}
	
	.lienacceuil {
		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:black;
	}
	
		.lienacceuil:hover {

		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:#CCCCFF;
	background:#9900CC;
	}
	
		.liencommercant {
		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:black;
	}
	
		.liencommercant:hover {

		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:#CCCCFF;
	background:#9900CC;
	}
	
			.lienevenement{
		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:black;
	}
	
		.lienevenement:hover {

		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:#CCCCFF;
	background:#9900CC;
	}
	
			.lienplan {
		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:black;
	}
	
		.lienplan:hover {

		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:#CCCCFF;
	background:#9900CC;
	}
	
			.liencontact {
		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:black;
	}
	
		.liencontact:hover {

		margin-top:80px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	text-decoration: none ;
	color:#CCCCFF;
	background:#9900CC;
	}
	
	#container {
	position: relative;
	width: 500px;
	margin: 0 auto;
	text-align: left;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
khtml-border-radius  10px 10px 10px 10px;
border: 2px solid #000;
padding: 5px;

   
}
#container * {
	margin: 0;
	padding: 0;
	

}
#container ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container ul#menu li {
	float: left;
	display: inline;
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width: 125px;
	
	line-height: 40px;
	text-decoration: none;
}

#menu li a:hover {
	background-color: ;
	
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	padding: 1em 2em;
color:;
	background-color: ;
}
#container hr {
	
	visibility: hidden;
}
#container a.current {
	background-color: ;
	color: ;
}
#container a.ghost  {
	background-color: ;
	color: ;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}
.erreur {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.reussite {
	font-size: 12px;
	font-weight: bold;
	color: #669900;
}
.donnee {
	font-weight: bold;
	color: #FF9900;
	font-size: 12px;
}
.titre {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
}
.tableaux {
	font-size: 12px;
	border: 1px dotted #000000;
	background-color: #eeeeee;
}