body {
	margin : 0;
	padding : 0;
	font-family: Arial, Tahoma, sans-serif;
	background: #fff;
}
img {
  border:none
}

#page {
	position:absolute;
	top:0;
	left:50%;
	margin-left: -418px;
	width:836px;
	background-color:#9FC31C;
}

#header {
  height:180px;
  background:#fff url(img/header.jpg) no-repeat 0 0;
}

#header a {
  display:block;
  position:relative;
  top:67px;
  width:202px;
  height:113px;
  text-decoration:none;
}

#header a span, #menu a span {
  visibility:hidden;
}

#conteneur {
float:left;
background:url(img/conteneur.gif) repeat-y 0 0;
}

#menu {
float:left;
padding-top:120px;
padding-bottom:35px;
width:198px;
background:url(img/menu.gif) no-repeat 0 0;
}

#menu a {
display:block;
margin-bottom:35px;
height:44px;
width:196px;
text-decoration:none;
}

#contenu {
float:left;
padding-top:115px;
width:630px;
}

#rubrique {
  padding-top:20px;
  padding-left:38px;
  float:left;
  height:24px;
  width:100%;
  *width:auto;
}

#rubrique a.puce1 {
  padding-left:18px;
  margin-right:25px;
  font-size:14px;
  color:#EACF85;
  background:url(img/puce1.gif) no-repeat 0 4px;
}

#rubrique a.puce2 {
  padding-left:18px;
  margin-right:25px;
  font-size:14px;
  color:#fff;
  background:url(img/puce2.gif) no-repeat 0 4px;
}

#rubrique a.puce3 {
  padding-left:18px;
  margin-right:25px;
  font-size:14px;
  color:#F2ABC9;
  background:url(img/puce3.gif) no-repeat 0 4px;
}

#rubrique a.puce4 {
  padding-left:18px;
  margin-right:25px;
  font-size:14px;
  color:#ff0000;
  background:url(img/puce2.gif) no-repeat 0 4px;
}

.article {
  float:left;
  margin-top:28px;
  margin-left:38px;
  width:480px;
  color:#fff;
  font-size:12px;
}


.article ul {
/* display:block; */
/* float:left; */
/* width:100%; */
}

#footer {
float:left;
margin:0;
padding:0;
height:114px;
width:836px;
text-align:center;
background:#9FC31C url(img/footer.jpg) no-repeat 0 0;
}

#footer a.lien1 span, #footer a.lien2 span {
visibility:hidden;
}
#footer a.lien1 {
  display:block;
  float:left;
  margin-left:30px;
  *margin-left:15px;
  width:79px;
  height:89px;
  text-decoration:none;
}

#footer a.lien2 {
  display:block;
  float:left;
  position:relative;
  left:425px;
  width:93px;
  height:89px;
  text-decoration:none;
}

#footer a {
margin-left:90px;
margin-right:90px;
color:#fff;
font-size:10px;
text-decoration:none;
}

.photo_droite {
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
  float:right;
}

.photo_gauche {
  margin-top:10px;
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}

.photo_centre {
  margin:10px;
  display:block;
  text-align:center;
}

/* contact */

form {
  margin:0;
  padding:0;
  padding-left:44px;
  display:block;
  float:left;
}

label {
  display:block;
  float:left;
  height:30px;
}

label.desc {
  display:block;
  float:left;
  height:109px;
}

label.coor {
  display:block;
  float:left;
  height:120px;
  width:495px;
  border-top:solid 1px #fff;
}

label span {
  padding-top:6px;
  padding-left:32px;
  display:block;
  float:left;
  height:23px;
  width:123px;
  border-top:solid 1px #fff;
  font-size:12px;
  color:#fff;
  background:url(img/puce2.gif) no-repeat 10px 10px;
}

label input {
  margin-left:4px;
  margin-bottom:1px;
  padding-top:6px;
  display:block;
  float:left;
  height:20px;
  width:334px;
  border:solid 1px #fff;
  font-size:12px;
  color:#000;
}

label textarea {
  margin-left:4px;
  margin-bottom:1px;
  padding-top:6px;
  display:block;
  float:left;
  height:100px;
  width:334px;
  border:solid 1px #fff;
  font-size:12px;
  color:#000;
}

label.coor span {
  padding:0;
  padding-top:6px;
  display:block;
  float:left;
  width:134px;
  font-size:12px;
  color:#fff;
  border:none;
  background:none;
}

label.coor input {
  display:block;
  margin:0;
  padding:0;
  margin-top:20px;
  margin-left:10px;
  float:left;
  width:80px;
  text-align:center;
  border:solid 1px #fff;
  font-size:12px;
  color:#fff;
  background-color:#9FC21D;
  }