/* CSS Document */

body {
  margin: 20px auto 20px;
  padding:0px;
  background: url(img/fond-02.jpg) repeat-x top  #d2de7b;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 14px;  
  color: #000;
}

a { color: #85b818; text-decoration: underline; }
a:hover { text-decoration: none; color :#85b818; }

a img {
  border-style:none;
}

a:visited img{
  border-style:none;
}

a:hover img{
  border-style:none;
  filter : alpha(opacity=70);
  -moz-opacity : 0.7;
  opacity : 0.7; 
}

h1 {
  font:21px "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:-1px;
  color: #85b818;
  margin:0px 0px 15px 0px;
  clear:both;
}

h2 {
  font-size: 24px;
  font-weight:900;
  color:#85b818;
  margin:0px 0px 15px 0px;
  padding:15px 0 0 0;
  border-bottom: 1px dotted #85b818;
  clear:both;

}

h3 {
  font-size: 16px;
  font-weight:900;
  color:#85b818;
  margin:0;
  padding:15px 0 0 0;
  clear:both;

}

.point {
  font-size: 14px;
  font-weight:900;
  color:#85b818;
}

.tic {
  font-size: 16px;
  font-weight:900;
  color:#85b818;
}

.center {
  font-size: 14px;
  font-weight:900;
  color:#85b818;
  margin:0 auto 10px 0;
  text-align:center;
}

.un {
  font:24px "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:-1px;
  color:#85b818;
  margin:0;
  padding:0;
}
.deux {
  font:20px "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:-1px;
  color: #b5ce56;
  margin:-10px 0px 0px 90px;
  padding:0;
}
.trois {
  font:28px "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:2px;
  color: #7aa710;
  margin:-13px 0px 0px 60px;
  padding:0;
}

.conteneur {
  width: 880px;
  margin: auto;
  padding: 15px 15px 15px 15px;
  background-color: #FFF;
  border:1px solid #85b818;

}
#title{
  width:910px;
  height:85px;
  margin:10px auto 0;
  background-color: transparent;
}

#titleleft {
  background:url(img/ilicom02.jpg) no-repeat;
  width: 190px;
  height:77px;
  float: left;
  margin: 0px;
  color: #FFF;
}

#titleright {
  width: 650px;
  float: right;
  text-align: right;
  margin: 0px;
  padding: 50px 0px 0px 0px;
  font:23px "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:-1px;
  color: #85b818;
}

#base{
  float: right;
  text-align: right;
  margin: 0px;
  padding: 95px 18px 0px 0px;
  font:23px "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:-1px;
  color: #fff;
}
#logo{
	float:left;
	margin:23px 0 0 18px;
	width:137px;
	height:97px;
}

#logo2{
	float:left;
	margin:23px 0 0 18px;
	width:137px;
	height:97px;
}

#logo3{
	float:left;
	margin:23px 0 0 18px;
	width:137px;
	height:99px;
}

#header {
  width: 880px;
  margin:0px auto 10px;
  padding:0;
  height: 140px;
  border-style: none;
  background:url(img/header.jpg) no-repeat top center;
} 
#header a img {
  border-style: none;
} 

#header a:hover img {
  border-style: none;
  filter : alpha(opacity=100);
  -moz-opacity : 1;
  opacity : 1;
} 

.nav{
  float:left;
  text-align:left;
  background: #FFF;
  color:#fff;
  margin: auto;
  padding: 0px 10px 0px 2px;

}

.nav li {

  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
		
.nav ul {
  margin: 0;
  padding: 0;
}
	
.nav ul li a {
  display:block;
  width:185px;
  background-color: transparent;
  font-size: 16px;
  font-weight:900;
  color:#85b818;
  padding: 10px 0px 5px 15px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  border-bottom: 1px dotted #85b818;
}

.nav ul li a:hover {
  font-size: 16px;
  font-weight:900;
  color: #719c12;
  padding: 10px 0px 5px 15px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  text-indent:3px;
  background: transparent url(img/puce.gif) left no-repeat;

}

.contenu {
  float:right;
  width:650px;
  margin:10px 3px 0px 0px;
  padding:0;
  background: #FFF;
  text-align: justify;	
}

.contenu ul {
	text-align:justify;
	list-style-type: none;
	margin:0;
	padding:0;
} 

.contenu li {
   list-style-type: none;
  background: url(img/puce-3.gif) left no-repeat;
  padding:6px 0 6px 30px;

}

.contenu-right {
  width: 315px;
  Float: right;
  margin:15px;
  padding: 0 0 7px;
  text-align: left;
  /*background:  url(img/content-r.jpg) right bottom no-repeat;	*/
}

#main{
	width:650px;
	height:280px;
	margin:auto;
	background:url(img/main02.jpg) top center no-repeat;
 }

.contenu-left {
  width: 275px;
  Float: left;
  margin:auto;
  padding: 40px 10px 10px 10px;
  text-align: justify;	
  /*background:  url(img/content.jpg) left top no-repeat;*/
 }
 
 .contenu-left ul {
	text-align:left;
	list-style-type: none;
	margin:0;
	padding:0;
} 

.contenu-left li {
   list-style-type: none;
  background: url(img/puce-3.gif) left no-repeat;
  padding:8px 0 8px 30px;

}

.gauche {
  margin:0;
  padding: 0px 10px 10px 0px;
  float: left;

}

.droite {
  margin:0;
  padding: 0px 0px 10px 0px;
    float: left;

}

.footer {
  width:760px;
  height: 30px;
  margin: auto;
  padding: 0px;
  text-align:center;
  color: #78a614;
  font-size: 13px;
  clear:both;
}


.footer a {
  text-decoration: none;
  color:#78a614;
}

.footer a:hover {
  color:#78a614;
  text-decoration: underline;
}

.credit {
 padding: 5px 0px 0px 0px;
}

#text-contact{
  width: 310px;
  float: left;
  padding: 0px 20px 10px 0px;
}

#coo{
  width: 300px;
 float:left;
 padding: 0 0 0 20px;

}
#coo p {
  margin:2px 0 0 0;
	
	}