body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #333 ;
}

div#conteneur
{
	width: 850px ;
	margin: 0 auto ;
	text-align: left ;
	border: 3px solid #000 ;
	 
	background: #fff ;
}

div#connex{
background:#000;
font-size: 12px;
color: #fff;
}

h1#header
{
	height: 188px ;
	background: url(../img/img_header.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 500px ;
	height: 70px ;
	display: block ;
	background: url(../img/title.png) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}


ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 130px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #fff ;
}
ul#menu li.dernier a
{
	
border-right: none;
	
}
ul#menu li a:hover
{
	background: url(../img/bg_menu.gif) repeat-x 0 0 ;
	color: #000;
}
 
ul#menu li a:active
{
	background: #ccc ;
}



/*Titre H2*/
div#contenu h2
{
	padding-left: 25px ;
	
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/comment.gif) no-repeat ;
	background-position: 2px;
	color: #000 ;
	border-bottom: 1px solid #000 ;
	
}
div#contenu2 h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/info.gif) no-repeat left ;
	background-position: 2px;
	color: #000 ;
	border-bottom: 1px solid #000 ;
}
div#contact h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/mail.gif) no-repeat left ;
	color: #000 ;
	border-bottom: 1px solid #000 ;
}

div#contenu3 h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/question.gif) no-repeat left ;
	background-position: 2px;
	color: #000 ;
	border-bottom: 1px solid #000 ;
}
div#contenu4 h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/plus.gif) no-repeat left ;
	color: #000 ;
	border-bottom: 1px solid #000 ;
}
div#contenu5 h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/cat.gif) no-repeat left ;
	color: #000 ;
	border-bottom: 1px solid #000 ;
}
/* Titre H3 */
div#contenu h3
{
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 45px ;
	padding-left: 5px ;
	border-bottom: 1px dashed #000 ;
	border-left: 1px dashed #000 ;
	color: #000 ;
}
div#contenu2 h3
{
	
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 45px ;
	padding-left: 5px ;
	border-bottom: 1px dashed #000 ;
	border-left: 1px dashed #000 ;
	color: #000 ;
}
div#contenu3 h3
{
	
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 45px ;
	padding-left: 5px ;
	border-bottom: 1px dashed #000 ;
	border-left: 1px dashed #000 ;
	color: #000 ;
}
div#contenu4 h3
{
	
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 45px ;
	padding-left: 5px ;
	border-bottom: 1px dashed #000 ;
	border-left: 1px dashed #000 ;
	color: #000 ;
}
div#contenu5 h3
{
	
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 45px ;
	padding-left: 5px ;
	border-bottom: 1px dashed #000 ;
	border-left: 1px dashed #000 ;
	color: #000 ;
}
/* fin titre H3 */
div#contenu #contenu2 #contenu3 #contenu4 #contact p
{
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 45px ;
	padding-left: 5px ;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu #contenu2 #contenu3 #contenu4 #contact a
{
	color: #8a0 ;
}

div#contenu #contenu2 #contenu3 #contenu4 #contact a:hover
{
	color: #9b2 ;
}

p#footer
{
	background: url(../img/footer.gif) repeat-x;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;	
	color: #fff ;
}
p#footer1
{
	float: left;
	background: url(../img/footer.gif) repeat-x;
	margin: 0 ;
	padding-left: 10px ;
	line-height: 30px ;
	text-align: left ;
	
	color: #fff ;
}
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}
div#map
{
	padding: 0 25px 0 100px ;
	margin-bottom: 20px;
	
}
.para {
text-align:justify;
text-indent: 1em;
}
.pararetrait{
	
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 35px ;
	padding-left: 5px ;
	text-align:justify;
	text-indent: 1em;
} 
div#icon{
margin-left: 250px;
padding-bottom: 10px;
}

div.date {
margin-top: 10px;
font-size: 10px;
color: #000;
}

/*liste interne au paragraphe */

ul#liste
{
	
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 50px ;
	padding-left: 20px ;
	
	list-style-type: none ;
}
ul#liste2
{
	
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 50px ;
	padding-left: 20px ;	
	list-style-type: circle ;
}
ul#nav
{
	
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 50px ;
	padding-left: 20px ;
	list-style-image: url(../img/right.gif) ;
}
ul#nav a
{	
	text-decoration: none;
	color: #000;
}
ul#nav a:hover
{	
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}
ul#nav a:visited
{	
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}
/* formulaire contact*/
#content form {
padding:10px;
border:1px dotted #ccc;
}
/*----carte google maps----*/
div#map{
text-align: center;
}
/*---- conteneur regroupant les champs ----*/
#content fieldset {
margin: 0;
padding: 0;
}
#content fieldset ul {
padding: 1em 1em 0 1em;
list-style: none;
}
#content fieldset li {
padding-bottom: 1em;
list-style: none;
}
#content fieldset.submit {
border-style: none;
}
/*---- étiquettes champs ----*/
#content label {
display:block;
font-weight:bold;
color:#444;
margin:5px 0;
float: left;
width: 5em;
}
/*---- champs de texte ----*/
#content input {
padding: 2px;
margin: 2px;
border :1px dotted #ccc;
font:90% Verdana;
color:#666;
}
/*---- zone de texte (message) ----*/
#content textarea {
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:200px;
display:block;
color:#777;
}

div#macarte
{
margin-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 1px;
line-height: 30px;

color: #ffffff;
width: 400px;
height: 400px;
}
div#info{
position: relative;
margin-top: 10px;
padding-left: 0px;
line-height: 30px;

color: #ffffff;
}

div#pub{
margin-right: 1px; 
}