@charset "utf-8";
/* CSS Document - DR. Marie-Paule Crochemore - www.soluvillis.com - www.helicoidee.com */

* {
	margin:5;
	padding:0;
 }


html, body {
	min-height : 100%;
	max-width: 1000px; 
	margin-left : auto ;
	margin-right : auto ;

}

p, li {
	margin-right: 5px;
	font-family: "Happy Monkey", "Arial Rounded MT Bold", "Arial";
	text-align:justify;
	color: #666;
	font-size: 12px;
	letter-spacing: 1px;
	margin-left: 0px;
}


h1, h4, h2, h3 {
	font-family: "Happy Monkey", "Arial Rounded MT Bold", "Arial";
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}


h1 {
	text-align : left;
	padding : 10px 15px 15px 0;
	font-size: 18px;
	color: #89c777;
}	
h2 {
	font-size: 26px;
	padding : 10px 30px 0 0;
	display: block;
	width: auto;
	text-align: right;
	color: #89c777;
}

h3 {
	font-size: 16px;
	text-align: left;
	color: #333;
	padding-left: 5px;
	margin: -5px 5px 5px 5px;
	line-height : 25px;
}
h4 {
	font-size: 18px;
	text-align: left;
	color: #FFF;
}

a {
	color: #999;
	font-size : 15px;
	text-decoration: underline;
	
}
b {
	font-size : 15px;
	text-decoration: none;	
}

 hr {
  clear: both;
}

body {

	height : 100%;
	background-color:#FFF;

}

/* header */

#logo {
	background: url(Images/heli10.jpg) no-repeat left top;
	height: 190px;
	left: 10px;
	top: 10px;
	margin-bottom: 20px;
	}
	

/* Footer */

#footer {
	right : 20px;
	margin-top : 20px;
	height : 49px;
	margin-left: 20px;
	border-top: 3px solid #89c777;

}
	
#footer li {
	right : 20px;
	text-align: center;
	color: #fff;
	display: inline-block;
	padding-left:280px;
}
#footer li a {
	color: #ABC1CE;
	height : 39px;
	padding:10px 0px;
	float: right;
	font-size:10px;
}

/* Menu */
#menu_gauche{
	background: url(Images/heli12.jpg) no-repeat right bottom;
	width: 240px;
	min-height:550px;
	left: 40px;
	float: left;
	}
#menu_gauche *{
	line-height: 40px;
	font-size: 16px;
	display : block;
}

#menu_gauche li a {
	color: #89c777;
	font-family: "Happy Monkey", "Arial Rounded MT Bold", "Arial";
	text-decoration: none;
	font-size: 15px;
	background: url(Images/heli21.jpg) no-repeat left top;
	padding-left: 20px;
	margin-left: none;
 }

#encour {
    font-weight:none;
    text-decoration:underline;


border-left: 1px solid #89c777;
} 
	
#menu_gauche a:hover{
	text-decoration: none;
	color: #666;
	background-position: left bottom;
}
	
#menu_gauche li{
	line-height: 40px;
	text-decoration: none;
	border-left : 0px solid #71bbe2;
	list-style-type:none;
	height: 30px;
}
#menu_gauche h4 {
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	background: url(Images/heli16.jpg) no-repeat left top;
	text-shadow: 2px 2px 2px #666 ;
	color: #333;
}

/* Contenu*/ 
#contenu {
	min-height:550px;
	padding: 0px 0px 0px 20px;
	top : expression( ignore = - this.offsetHeight + document.documentElement.clientHeight / 2 + document.documentElement.scrollTop + "px" );
	background: url(Images/helidroitevert.jpg) no-repeat bottom right;
	border-right: 0px solid #89c777;
	border-left: 4px solid #89c777;
	margin-top: 0px;
	border-left-style: dotted;
	margin-left: 240px;
 } 
 
#contenu li {
	line-height: 220%;
	text-decoration: none;
	list-style-type:square;
	margin-left: 15px;
	margin-top: 2px;
	margin-bottom: 0px;
}

#contenu b a{
	color:#9C9;
	font-family: "Happy Monkey", "Arial Rounded MT Bold", "Arial";
	font-size: 16px;
}
#contenu h4 {
	height: 28px;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 2px 20px;
	background: url(Images/heli17.jpg) repeat left bottom;
	text-shadow: 2px 2px 2px #666 ;
	color: #333;
}
.spacer {
  clear: both;
}
/* Rounded Corners */


.subtitle_green {
	color: #89c777;
	font-family: "Happy Monkey", "Arial Rounded MT Bold", "Arial";
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}
.img {
	float: left;
	width: 15%;
	line-height: 2em;
	text-align: left;
}
.icone {
	display : inline-block;
	height: 80px;
	margin-right: 20px;
	text-align : center;
	background: url(Images/crea20.jpg) no-repeat;
	color : #666;
	padding : 10px 0px 0px 0px; 
	width: 180px;
	font-size: 11px;
	
}
.byline {
	height: 15px;
	margin: 00px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	background: url(Images/heli16.jpg) no-repeat left top;
	color: #333;

}

.entry {
	padding: 5px 10px 0 10px;
}

.centrer {
	margin-left : auto;
	margin-right : auto;
	width : 100%;
	text-align : center;  /* pour résoudre le bug de centrage de IE */
	background-image: url(Images/mp21.jpg);
	background-repeat: no-repeat;
	background-position: center;
	heigh : 100%;
}