#bg {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
	z-index:1;
}
#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}

#page-wrap { 
    position: relative; 
    z-index: 2; 
    width: 800px;
    height:100px; 
    margin: 0px auto;
    margin-top:30px; 
    padding: 20px;  
    -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black;    
    box-shadow: 0 0 20px black; 
    }
    
p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }

#logo{
    position:relative;
    z-index:2;
    width: 307px;
    margin:5px auto;
    }
    
/* _---------------_---_--Slideshow__--__--DEBUT-------------------*/
    #container {
    	width:580px;
    	padding:10px;
    	margin:0 auto;
    	position:relative;
    	z-index:3;
    }

    #example {
    	width:600px;
    	height:350px;
    	position:relative;
    }

    #ribbon {
    	position:absolute;
    	top:-3px;
    	left:-15px;
    	z-index:500;
    }

    #frame {
    	position:absolute;
    	z-index:0;
    	width:739px;
    	height:341px;
    	top:-3px;
    	left:-80px;
    }

    /*
    	Slideshow
    */

    #slides {
    	position:absolute;
    	top:15px;
    	left:4px;
    	z-index:100;
    }

    .slides_container {
    	width:570px;
    	overflow:hidden;
    	position:relative;
    	display:none;
    }

    .slides_container div.slide {
    	width:570px;
    	height:270px;
    	display:block;
    }


    /*
    	Next/prev buttons
    */

    #slides .next,#slides .prev {
    	position:absolute;
    	top:107px;
    	left:-39px;
    	width:24px;
    	height:43px;
    	display:block;
    	z-index:101;
    }

    #slides .next {
    	left:585px;
    }

    /*
    	Pagination
    */

    .pagination {
    	margin:26px auto 0;
    	width:300px;
    }

    .pagination li {
    	float:left;
    	margin:0 1px;
    	list-style:none;
    }

    .pagination li a {
    	display:block;
    	width:12px;
    	height:0;
    	padding-top:12px;
    	background-image:url(../img/pagination.png);
    	background-position:0 0;
    	float:left;
    	overflow:hidden;
    }

    .pagination li.current a {
    	background-position:0 -12px;
    }

    .caption {
    	z-index:500;
    	position:absolute;
    	bottom:-35px;
    	left:0;
    	height:30px;
    	padding:5px 20px 0 20px;
    	background:#000;
    	background:rgba(0,0,0,.5);
    	width:540px;
    	font-size:1.3em;
    	line-height:1.33;
    	color:#fff;
    	border-top:1px solid #000;
    	text-shadow:none;
    }


/* _---------------_---_--Slideshow__--__--FIN_____-------------------*/


.quatorze {
    margin-left:100px;
	
position:relative;
margin-top:20px;

float:left;
	display: block;
	width: 170px;
	height: 48px;
	background: url('../images/14.png') bottom;
	text-indent: -99999px;
}
.quatorze:hover {
	background-position: 0 1px;
}


.scraty {
    margin-left:300px;
    margin-top:20px;
    
    position:relative;
	display: block;
	width: 170px;
	height: 75px;
	background: url('../images/scraty.png') bottom;
	text-indent: -99999px;
}
.scraty:hover {
	background-position: 0 0px;
}

.duplex {
    float:left;
    margin-left:338px;
    margin-top:-100px;
    position:relative;
	display: block;
	width: 170px;
	height: 120px;
	background: url('../images/duplex.png') bottom;
	text-indent: -99999px;
}
.duplex:hover {
	background-position: 0 -2px;
}
 

.day2 {
    float:left;
    margin-left:485px;
    margin-top:-120px;
    position:relative;
	display: block;
	width: 170px;
	height: 113px;
	background: url('../images/day2.png') bottom;
	text-indent: -99999px;
}
.day2:hover {
	background-position: 0 0px;
}



.plage {
    float:left;
    margin-left:475px;
    margin-top:-110px;
    position:relative;
 	display: block;
 	width: 170px;
 	height: 92px;
 	background: url('../images/plage.png') bottom no-repeat;
 	text-indent: -99999px;
 }
 .plage:hover {
 	background-position: 0 -4px;
 }

.infor{
    color:#8c8c8c;
    text-align:center;
    margin-top:30px;
    
}