/* CSS Document */

*{
margin:0;
padding:0;
border:0;
}
html{
background:url(images/fond.jpg);
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
background:url(images/maquette_jmg2_01.jpg) repeat-x top;
}

h1{
display:none;
}

h2{
color:#255cc9;
font-size:1.4em;
margin:0.85em 0 0 2.4em;
}

h3{
margin-left:1em;
}

h4{
margin-left:2em;
}

#wrapper{
margin:0 auto;
position:relative;
width:710px;
height:auto;
height:800px;
}
html>body #wrapper{
height:auto;
min-height:800px;
}

#header{
float:left;
width:710px;
height:122px;
}

#header #logo{
float:left;
background:url(images/maquette_jmg2_02.jpg) no-repeat top;
width:181px;
height:122px;
}

#header #menu{
background:url(images/maquette_jmg2_03.jpg) no-repeat top;
float:left;
width:529px;
height:122px;
}

#wrapper #conteneur{
background:url(images/fond_wrap.jpg) repeat-y;
float:left;
width:710px;
height:auto;
height:611px;
}
html>body #wrapper #conteneur{
height:auto;
min-height:611px;
}

#wrapper #conteneur #titre{
float:left;
background:url(images/maquette_jmg2_05.jpg) no-repeat top;
width:710px;
height:52px;
}

#wrapper #conteneur #contenu{
float:left;
width:710px;
height:auto;
height:559px;
background:url(images/bas_contenu.jpg) no-repeat bottom;
color:#255cc9;
}
html>body #wrapper #conteneur #contenu{
height:auto;
min-height:559px;
}

#wrapper #conteneur #contenu p{
margin:1em 3em 0 4em;
}

#wrapper #conteneur #contenu ul{
margin:0.8em 4em 1em 7em;
}

#contenu a{
margin-left:2em;
}

.legende{
font-size:0.8em;
}

.photo{
margin:1em 0.5em 0.5em 0;
float:left;
}

#footer{
background:url(images/maquette_jmg2_07.jpg) no-repeat top;
float:left;
width:710px;
height:67px;
text-align:center;
font-size:0.8em;
color:#73a845;
}

#footer p{
margin-top:0.4em;
}

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

#formulaire-contact{
float:left;
width:90%;
margin:0 1em;
}

#formulaire-contact .col_g{
margin-top:0.4em;
float:left;
width:32%;
text-align:right;
font-weight:bold;
}

#contenu #formulaire-contact .col_d{
float:left;
width:60%;
text-align:left;
}

#contenu #formulaire-contact .col_d input,textarea{
margin:0.4em;
}

#formulaire-contact .mentions{
float:left;
width:100%;
text-align:center;
font-size:0.9em;
}

#formulaire-contact .col_d input,textarea{
border:#339933 dotted thin;
color:#333366;
}