header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
display: block;
}

* {
 margin: 0;
 padding: 0;
}

/* general styles */
body {
 height: 100%;
 background: #f8f2e3;

}

font {font-family: arial, sans-serif;}
img {
 border:0;
}

a {
 color: #0000ff;
 
}

a:visited {
 color: #800080;
}

a:hover {
 color: red;
}

#wrapper {
 width: 100%;
 margin: 0px auto;
 padding: 0px auto;
 color: #f8f2e3;
 font: 1.0em/150% 'Helvetica', sans-serif;
}

/* Header */
#header {
 
 width: 100%;
 height: 200px;
 padding: 0px;
 background: url("Fond menu 3.gif") repeat-x;

}
#titre {
min-width: 775px;/*remettre à 650 après trouvé solution à l'alignement à droite*/
width: 60%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;

}

#titre img {
/*margin-left:20%;*/
text-align:left;
}

/* Navigation */
#navigation{
font-color: #ffffff;
margin-top: -85px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left:auto;
float:right;
}

#navigation ul {
 list-style:none;
}

/*Cases du menu*/
#navigation li {
display:inline ;
 margin: 15px;


}

#navigation li a:link, #navigation li a:visited {
    display: block;
	font-size:1.1em;
    float: left;
    height: 35px;
    width: 125px;
    line-height: 35px;
    text-decoration: none;
	    text-align: center;
    background:#fff url(Nav.jpg);
    padding: 0;
}

#navigation li a:hover, #navigation li a:active {
    background:#000 url(Nav.jpg) 0 -35px;
	color: Black;	
    padding: 0;
}

}
/*NavigationIndex*/
li#accueil a:hover, li#accueil a:active {
    background:#000 url(NavAccueil+texte.jpg) 0 -35px;
	color: Black;	
    padding: 0;
}
li#accueil a:link, li#accueil a:visited {
    display: block;
	font-size:1.1em;
    float: left;
    height: 35px;
    width: 125px;
    line-height: 35px;
    text-decoration: none;
	    text-align: center;
    background:#fff url(NavAccueil+texte.jpg);
    padding: 0;
}

li#accueil a:hover, li#accueil a:active {
    background:#000 url(NavAccueil+texte.jpg) 0 -35px;
	color: Black;	
    padding: 0;
}

/*NavigationCoord*/
li#coord a:hover, li#coord a:active {
    background:#000 url(NavCoord+texte.jpg) 0 -35px;
	color: Black;	
    padding: 0;

}
li#coord a:link, li#coord a:visited {
    display: block;
	font-size:1.1em;
    float: left;
    height: 35px;
    width: 125px;
    line-height: 35px;
    text-decoration: none;
	    text-align: center;
    background:#fff url(NavCoord+texte.jpg);
    padding: 0;
}

li#coord a:hover, li#coord a:active {
    background:#000 url(NavCoord+texte.jpg) 0 -35px;
	color: Black;	
    padding: 0;
}
/*NavigationProd*/
li#prod a:hover, li#prod a:active {
    background:#000 url(NavProd+texte.jpg) 0 -35px;
	color: Black;	
    padding: 0;
}
li#prod a:link, li#prod a:visited {
    display: block;
	font-size:1.1em;
    float: left;
    height: 35px;
    width: 125px;
    line-height: 35px;
    text-decoration: none;
	    text-align: center;
    background:#fff url(NavProd+texte.jpg);
    padding: 0;
}

li#prod a:hover, li#prod a:active {
    background:#000 url(NavProd+texte.jpg) 0 -35px;
	color: Black;	
    padding: 0;
}
/* Main contents */
#contents {
min-height:500px;
height:auto !important;
height:500px;
min-width: 650px;
width: 60%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
background-color: #f8f2e3;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
color: #171313;
font-size: 1em;
text-align: left;

}
#contents p {
text-align: justify;
margin: 15px 15px;
}
#coordonnees p {
text-align: left;
}


}
 #contents hr {
  border: 0;
  width: 100%;
  color: #000;
  margin: 0px 0px 35px -5px;
  background-color: #000;
  height: 1px;
}
#contents h2 {
 font-weight: bold;
 margin: 15px 0px 11px;
 padding: 0px 00px;
 color: #000000;
 text-align: left;
}

#contents h2 a {
 color: #333300
}

#contents .contents_body_menu table {margin: 20px;}
#contents .contents_body_menu table a:link{text-decoration: underline; color: black}
#contents .contents_body_menu table A:visited {text-decoration: underline; color: black}
#contents .contents_body_menu table A:active {text-decoration: none}
#contents .contents_body_menu table A:hover {text-decoration: underline overline; color: red;}


#contents h3 {
 margin: 0px 0px;
 font-size: 0.9em;
 color: #000000;
 text-align: justify;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}


/* Footer */
#footer {
 clear:both;
 width: 100%;
 height: 35px;
 margin: 0px;
 padding: 20px 0px 0px;
 background: #f8f2e3;
 color: #666666;
 font-size: 0.6em;
 text-align: center;
 
}