html,body {
	margin:0;
	padding:0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a {
  border: 0;
  margin: 0;
  padding: 0;
  color: #666;
  text-decoration: underline;
}
a:hover {
  color: #aaa;
  text-decoration: underline;
}
img { border: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  L A Y O U T */
div#container {
	width:916px;
	background: #fff url(../images/container.png) repeat-y left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#header {
  position: relative;
	margin: 0;
	padding-left:10px;
	background: #fff url(../images/header.png) no-repeat left top;
	width: 916px;
	height: 127px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

div#headcontent1, div#headcontent2, div#headcontent3, div#headcontent4 {
	width: 850px;
	height : 308px;
	margin: 0 0 0 24px;
	padding: 0;
}
div#headcontent1 {	background: #fff url(../images/headcontent1.png) no-repeat right center; }
div#headcontent2 {	background: #fff url(../images/headcontent2.png) no-repeat right center; }
div#headcontent3 {	background: #fff url(../images/headcontent3.png) no-repeat right center; }
div#headcontent4 {	background: #fff url(../images/headcontent4.png) no-repeat right center; }
div#headleft {
  float:left;
  display: inline;
  margin:0;
  padding:0;
  width:400px;
  height: 308px;
  overflow:hidden;
}
div#headright {
  float:left;
  display: inline;
  margin:0;
  padding:0 60px 0 60px;
  text-align: right;
  width:330px;
  height: 308px;
  overflow:hidden;
  line-height: 20px;
  font-size: 12px;
}
div#textpres {
	text-align: left;
}
div#headrightimgtitle {
  margin: -30px 0 0 0;
  padding: 8px 20px 0 10px;
  height: 22px;
  width: 370px;
  background-color: #000;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  color: #fff;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
}
div#middlecontent1, div#middlecontent2, div#middlecontent3 {
	width: 850px;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
	padding: 0;
  border-top: 1px solid black;
}
div#middlecontent1 { background: #fff url(../images/middlecontent1.png) repeat-y right; }
div#middlecontent2 { background: #fff url(../images/middleright.gif) no-repeat 837px 20px; min-height: 500px; }
div#middlecontent3 { background: #fff url(../images/middleright.gif) no-repeat 837px 20px; min-height: 500px; border-top: 0px solid black; }
div#middleleft {
  float:left;
  display: inline;
  margin:0;
  padding:0;
  width:400px;
  overflow:hidden;
  background-color: transparent;
}
div#middleright {
  float:left;
  display: inline;
  margin:0;
  padding:20px 0 0 30px;
  width:420px;
  overflow:hidden;
  background: transparent url(../images/middleright.gif) no-repeat 437px 20px;
  min-height: 500px;
}
div#middleline {
  background: #eee url(../images/middleright.gif) no-repeat 837px 20px;
  height:144px;
  width:100%;
  margin:10px 0 0 0;
}
div#middleblocs {
  margin: 20px 0 0 20px;
}
div#footer {
	clear:both;
	width:916px;
  margin:0;
  padding:0;
	background:#fff url(../images/footer.png) no-repeat 0 0;
	height: 50px;
}
/* F I N         L A Y O U T */

/* T E X T E S */
.titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
}
.titre2vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #99CC00;
	font-weight: bold;
	line-height: 24px;
}
.thaut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 350px;
	margin-left: 430px;
	margin-top: 0px;
	line-height: 14px;
	padding: 10px;
	text-align: right;
}
div#texthaut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	width: 300px;
	float: Aucune;
	height: 200px;
}
/* F I N               T E X T E S */


/*  L I E N S */
.aplan {
  float: left;
  display: block;
  width: 152px;
  height: 35px;
  margin: 0;
  padding: 0;
  background:#fff url(../images/b1.png) no-repeat 0 0;
}
.aplan:hover {
  background:#fff url(../images/b1.png) no-repeat 0 3px;
}
.ahome {
  float: left;
  display: block;
  width: 48px;
  height: 35px;
  margin: 0;
  padding: 0;
  background:#fff url(../images/b3.png) no-repeat 0 0;
}
.ahome:hover {
  background:#fff url(../images/b3.png) no-repeat 0 3px;
}
.ainfo {
  float: left;
  display: block;
  width: 152px;
  height: 35px;
  margin: 0;
  padding: 0;
  background:#fff url(../images/b2.png) no-repeat 0 0;
}
.ainfo:hover {
  background:#fff url(../images/b2.png) no-repeat 0 3px;
}
.service1, .service2 , .service3 , .service4  {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;  
  height: 88px;
  width: 400px;
  text-decoration: none;
  cursor: pointer;
}
.service1 img, .service2 img , .service3 img , .service4 img {
	 position:absolute;
	 top:15px;
	 left:29px;
	 height:68px;
	 overflow:hidden;
}
.service1 { background: transparent url(../images/services1.png) no-repeat 0 0; }
.service2 { background: transparent url(../images/services2.png) no-repeat 0 0; }
.service3 { background: transparent url(../images/services3.png) no-repeat 0 0; }
.service4 { background: transparent url(../images/services4.png) no-repeat 0 0; height: 105px; }
.service1 span.titre, .service2 span.titre, .service3 span.titre, .service4 span.titre {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
	position: absolute;
	top: 15px;
	left: 110px;
	height: 68px;
}
a.service1:hover, a.service2:hover, a.service3:hover, a.service4:hover { text-decoration: none; }
/*F I N              L I E N S */

/* B L O C S */
div.b1 {
  font-size: 12px;
  margin: -10px 30px 15px 0;
  padding: 0 0 15px 0;
  background: #fff url(../images/separateur.png) no-repeat 0 100%;
  line-height: 20px;
  color: #333;
  text-align: justify;
}
/* F I N                  B L O C S */

div#textpres ul {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}
div#textpres ul li {
  list-style-image: url(../images/fle.gif);
  border-bottom: 2px solid transparent;

}
div#textpres ul li a {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
}
div#textpres ul li:hover {
  border-bottom: 2px solid #fff;
  color: #fff;
}
div#textpres ul li a:hover {
  color: #fff;
}
.menu {
  position:absolute;
  top:50px;
  left:300px;
  z-index:10;
}

.menu a {
  background: transparent url(../images/fle.gif) no-repeat 0 2px;
  padding: 0 0 0 12px;
  text-decoration: none;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}

.menu a:hover {
  background: transparent url(../images/fle.gif) no-repeat 0 2px;
  color: #000;
}

.menu ul {
  background: transparent url(../images/bmenu.gif) no-repeat left bottom;
  margin: 0;
  padding: 7px 0 15px 0;
  list-style-type: none;
}

.menu ul li {
  background-color: #fff;
  display: block;
  border-right:1px solid #aaa;
  border-left:1px solid #aaa;
}

.menu ul li a {
  background-image: none;
  color: #666;
}
.menu ul li a:hover  {
  background: transparent url(../images/fle.gif) no-repeat 1px 2px;
}