body {
	margin: 0;
	padding: 0;
	background: url(img/background_tile.gif) top left repeat-x;
	text-align: center;
	font: "lucida grande", tahoma, arial, verdana, sans-serif;
	background-color: #fff;
	
}

#conteneur {
	width: 765px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: -2px;
	left: 0;
}

#haut {
	height: 77px;
	position: relative;
	top: 0;
	left: 0;
}

#haut #logoaccueil {
	position: absolute;
	top: 0;
	right: 0;
}

#menu {
  float:left;
  width:100%;
  background: url("img/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#menu ul {
  margin:0;
  padding: 0 0 0 0;
  list-style:none;
  }
#menu li {
  float:left;
  background:url("img/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#menu a {
  float:left;
  display:block;
  background:url("img/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }

#menu a {float:none;}

#menu a:hover {
  color:#333;
  }
#menu #actif {
  background-image:url("img/left_on.gif");
  }
#menu #actif a {
  background-image:url("img/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

#contenu {
	width: 370px;
	padding: 15px 0 0 10px;
}

#contenu table, tr, td {
font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
}

html>body #contenu {
	width: 370px;
	padding: 35px 0 0 10px;
}

#contenu ul {
	width: 49%;
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	margin: 0px;
	padding: 1px 5px;
	float: left;
	list-style-image: url(img/bullet.gif);
}

#contenu li {
	margin: 1px 0 0px 20px;
	padding: 0;
}  

#dessous {
	background: url(img/dotted_line.gif) top left repeat-x;
	position: relative;
	top: 0;
	left: 0;
}

#dessousrub {
	position: relative;
	top: 0;
	left: 0;
}

#dessousrubart {
	position: relative;
	top: 140;
	left: 0;
}

#imgactus {
	width: 478px;
	padding: 13px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#actus {
	width: 290px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#actus h3,#actus_details h3 {
	font: normal 12px/15px georgia, serif;
	color: #91B476;
	margin: 8px 0 3px 0;
	padding: 0;
}

#actus p {
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 5px 0;
	padding: 0px 0 5px 0;
	color: #666;
}

#actus_details {
	width: 150px;
	float: right;
	position: relative;
	top: 0;
	right: 10px;
}

#rubactus_details {
	width: 150px;
	float: right;
	position: relative;
	top: 50px;
	right: 10px;
}

#rubactus {
	width: 290px;
	float: left;
	position: relative;
	top: 0;
	left: 10px;
}

#rubactus p {
	font: normal 12px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 5px 0;
	padding: 0px 0 5px 0;
	color: #666;
}

#rubactus h3,#rubactus_details h3 {
	font: normal 12px/15px georgia, serif;
	color: #91B476;
	margin: 8px 0 3px 0;
	padding: 0;
}

#rubactus1 {
	width: 430px;
	float: left;
	position: relative;
	top: 0;
	left: 10px;
}

#rubimgactus {
	width: 478px;
	background: url(img/fondgraine.gif) bottom right no-repeat;	
	padding: 13px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#rubimgactusbreves {
	width: 478px;
	padding: 13px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#rubimgressou {
	width: 478px;
	padding: 10px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#artactus {
	width: 550px;
	float: left;
	position: relative;
	top: 0;
	left: 10px;
}

html>body #artactus {
	width: 575px;
	float: left;
	position: relative;
	top: 0;
	left: 10px;
}

#artactus p {
	font: normal 12px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 5px 0;
	padding: 0px 0 5px 0;
	color: #666;
}

#artactus h3,#artactus_details h3 {
	font: normal 12px/15px georgia, serif;
	color: #91B476;
	margin: 8px 0 3px 0;
	padding: 0;
}

#artimgactus {
	width: 558px;
	padding: 13px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}


.img_border {
	border: 1px solid #ccc;
	padding: 4px;
}

#legal {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 237px;
	background: url(img/dotted_line_vert.gif) top left repeat-y;
	padding: 0px 0 0 15px;
	margin: 13px 0 0 0;
}

#legalart {
	float: right;
	position: relative;
	top: 270;
	right: 0;
	width: 237px;
	background: url(img/dotted_line_vert.gif) top left repeat-y;
	padding: 0px 0 0 15px;
	margin: 13px 0 0 0;
}

#legal p {
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #8C9297;
	margin: 5px 0;
	padding: 0;
}

#legal h2 {
	font: bold 13px/19px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #8C9297;
	margin: 5px 0;
	padding: 0;
}

#artlegal {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 137px;
	background: url(img/dotted_line_vert.gif) top left repeat-y;
	padding: 0px 0 0 15px;
	margin: 13px 0 0 0;
}

#artlegal p {
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #8C9297;
	margin: 5px 0;
	padding: 0;
}
 
#basdepage {
	background: url(img/dotted_line.gif) top left repeat-x;
	position: relative;
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;	
	color: #666;	
	text-align: center;
	top: 0;
	left: 0;
} 
  
h1 {
	font: normal 16px "lucida grande", arial, 'Times New Roman', Serif;
	text-align:center;
	line-height: 10px;
	color: #036;
  padding-bottom:0px;
	margin: 0;
}

h2 {
	font: normal 14px/14px "lucida grande",'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #7C9FAA;
	padding: 10px 0 0px 0;
	margin: 0;
}

h3 {
	font: normal 11px/13px "lucida grande",georgia, serif;
	color: #222;
	margin: 8px 0 0px 0;
	padding: 0;
}

p {
	font: normal 12px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #666;
}

a, a:link, a:visited {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
}

a:hover {
	background-color: #E0EFF0;
	padding: 1px 2px;
}

img {
	border: none;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

ul {
	list-style-image: url("img/bullet.gif");
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	color:#666;
}

.logo {
float:left;
margin-right: 10px;  
border: 0;
}

.desc {
width: 150px;
margin-right: 10px;  
}