html,body {
	font-family:			Arial;
	background-color:		#e4f5fb; 
	margin:					0px;
	padding:	  			0px;
	}
	
.fond { 
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					720px;
	width:					950px;
	background-image:		URL(../images/fond.jpg);
	background-repeat:		no-repeat;
	z-index:				10;
	}

.suite_fond {
	position:				absolute;
	top:					210px;
	left:					0px;
	height:					200px;
	width:					170px;
	background-image:		URL(../images/suite_fond.jpg);
	background-repeat:		no-repeat;
	z-index:				10;
}

.degrade {
	height:					569px;
	margin:					0px;
	padding:				0px;
	background-image:		URL(../images/degrade.jpg);
	background-repeat:		repeat-x;
	}

.contenu {
	position:				relative;
	width:					760px;
	background-color:		#FFFFFF;
	margin-left:			170px;
}

.bottom {
	width:					760px;
	height:					50px;
	background-image:		URL(../images/bottom.jpg);
	background-repeat:		no-repeat;
	margin-left:			170px;
	position:				relative;
}
	
.contenu_accueil {
	position:				relative;
	width:					720px;
	margin-left:			20px;
	margin-bottom:			0px;
	}
	
.contenu_intro {
	font-weight:			bold;
	width:					700px;
	margin-left:			30px;
	}


a { color:#317597; text-decoration:none; font-size:12px; }
a:hover { text-decoration:underline }

p { 
	text-align:left; 
	font-size:12px;
	margin:2px;
	color:#666666; }

h2 {
	font-size:18px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	font-weight:bold;
	color:#666666;
	}

.puce a {
	background-image:URL(../images/puce.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}

.puce a:hover {
	background-image:URL(../images/puce_on.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	text-decoration:none;
}

/*CSS DES INFO-BULLES */
#tooltip {
	position: 			absolute;
	z-index: 			3000;
	border: 			1px solid #111;
	background-color: 	#eee;
	padding:			5px;
	opacity: 			0.90;
	font-size: 			0.7em;
	margin-left: 		-50px;
	-moz-border-radius: 5px;
}
#tooltip h3, #tooltip div { 
	text-align:			center;
	margin:				0px;
	}

#tooltip div {
	text-align:			justify;
	padding:			0px;
}

#tooltip ul, #tooltip p, #tooltip h2, #tooltip h3, #tooltip h4, #tooltip h5, #tooltip span, #tooltip a, #tooltip div { margin:0px; padding:0px; text-align:center; font-size:14px; font-weight:bold }

#s3slider {
   width: 700px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:0px;
}

#s3sliderContent {
   width: 700px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0px; /* important */
   padding-left:0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 15px;
   font-weight:bold;
   text-align:left;
   padding: 10px 13px;
   width: 774px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}