@charset "UTF-8";
/* CSS Document */

* {
	margin: auto;
	padding: 0;
	border: 0;
}
body { background-image:;
		background-repeat:repeat;
		margin:auto;
		padding-top:15px;
		height:768px;
		width:1024px;
}

#box {background-image:url(images/fond/printemps.jpg);
	  float:left;
	  width:1024px;
	  height:768px;
	  background-repeat:no-repeat;
	  margin:auto;
	  padding:inherit;
	  padding-top:20px;
	  
	 
}
#menu {background:url(images/menu/menu.png);
		float:left;
		width:202px;
		height:768px;
		margin-left:0px;
		margin-top:-20px;
		list-style-type:none;
		position:relative;
		
}
#menu ul {
	float:left;
	margin-left:75px;
	margin-top:650px;
}

#menu ul li {margin-right:0px;
			 margin-top:-200px;
			 list-style-type:none;
			 max-height:360px;
			 padding-bottom:120px;
			 padding-left:-10px;
}

#slider {
	margin:auto;
	width:450px;
	height:768px;
	padding-top:-350px;
}

/* Sample 1*/
#box1{
	position:absolute;
}

#box1 span{
	display:block;
	float:left;
}

.mask1{
	position:relative;
	width:574px;
	height:326px;
	overflow:hidden;
	padding-top:252px;
	margin-left:-32px;
	margin-top:-880px;
}

span img{
	display:block;
	border:none;
}

#cadre {background:no-repeat;
		background-position:center;
		padding-top:180px;
		width:350px;
}


div,p,li{font-size:12px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:574px; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.sample{padding:20px 30px;
		margin:270px 0 0 15px;
		}
		
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:574px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

#box2 {background:no-repeat;
		background-position:center;
		background-color:#666; opacity:0.8;
		padding-top:5px;
		padding-left:4px;
		margin-top:150px;
		margin-left:325px;
		width:600px;
		height:450px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		overflow:auto;
}

#box2 h1{color:#F90;
		text-align:center;
		font-size:22px;
}

#box2 p{text-align:center;
		font-size:14px;
}

#box3 {background:no-repeat;
		background-position:center;
		background-color:#666; opacity:0.8;
		padding-top:5px;
		padding-left:4px;
		margin-top:150px;
		margin-left:300px;
		width:650px;
		height:450px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		overflow:auto;
}

#box3 h1 {text-align:left;
		  font-family:Verdana, Geneva, sans-serif;
		  font-style:italic;
		  font-size:20px;
		  color:#F60;
}

#box3 img {float:right;
			margin-right:15px;
			margin-top:-100px;
			opacity:1;
			height:140px;
			width:140px;
			background-color:#FFF;
}

#box4 {background:no-repeat;
		background-position:center;
		background-image:url(images/fond/fondgalerie.png);
		padding-top:5px;
		padding-left:4px;
		margin-top:110px;
		margin-left:260px;
		width:700px;
		height:550px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFF;
		overflow:auto;
}

#box4 img {text-align:justify;
		   margin-top:50px;
		   margin-left:22px;
}