html, body {

margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
width:100%;
height:100%;
background-image: url(images/f<?php echo $f ?>.png); 
background-repeat:no-repeat; 
-webkit-background-size: 100% 100%; 
-o-background-size: 100% 100%; 
-moz-background-size: 100% 100%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg2.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg2.png', sizingMethod='scale')";
background-size: cover;

}

#toto {
	position:relative;
	z-index:13;
	width:725px;
	height:54px;
}
#faceB {
	z-index:0;
	position:absolute;
	width:150px;
	height:170px;
	/*background-color:#999999;*/
	margin-left:-150px;
	margin-top:-80px;
	vertical-align:top;
	text-align:center;
}
#nunu {
	z-index:0;
	position:absolute;
	width:730px;
	height:270px;
	background-image:url(images/fon-bonheur.png);
	filter:alpha(opacity=40); 
	-moz-opacity:0.40;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#zaza {
	position:relative;
	width:730px;
	height:270px;
	top: -50px;
	left: 100px;
}
#zizi {
	position:absolute;
	width:231px;
	height:347px;
	/*z-index:5;*/
	visibility: visible;
	}
#zozo {
	z-index:4;
	position:relative;
	width:231px;
	height:347px;
	top: 162px;
	left: 627px;
}
#qoqo {
	z-index:6;
	position:relative;
	width:137px;
	height:136px;
	top: 27px;
	left: 500px;
}
#lili {
	position:absolute;
	width:308px;
	height:235px;
	/*z-index:8;*/
	visibility: visible;
}
#lolo {
	z-index:4;
	position:relative;
	width:308px;
	height:235px;
	top: 7px;
	left: 0px;
}
#lili2 {
	position:absolute;
	width:308px;
	height:235px;
	/*z-index:8;*/
	visibility: visible;
}
#lolo2 {
	z-index:4;
	position:relative;
	width:308px;
	height:235px;
	top: -144px;
	left: -72px;
}
#mimi {
	z-index:1;
	position:relative;
	width:724px;
	height:440px;
	background-color:#FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url(../PIE/PIE.htc);
	text-align:center;
	/*padding-top:20px;*/

}

.plu {
	width:724px;
	height:440px;
	background-color:#FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url(../PIE/PIE.htc);
	text-align:center;
	z-index:2;

}

#content {
    width: 705px;
    height: 420px;
    position: relative;
	overflow: hidden;
	background-color:#EEEEF7;
	margin-top:10px;
	margin-left:10px;
}
#mimi2 {
    width: 705px;
    height: 420px;
    position: relative;
	overflow: hidden;
	margin-top:0;
	margin-right:-1px;
	background-color:#EEEEF7;
	background-image:url(images/fon-pres6.jpg);
}
#dodo {
    position: absolute;
}
#dodo2 {
	z-index:1500;
    width: 450px;
    height: 45px;
    position: relative;
	overflow: hidden;
	margin-top:-40px;
	margin-left:-40px;
	/*background-color:#EEEEF7;*/
	background-image:url(images/raison2.png);
	visibility:hidden;
}
#mar {
	z-index:100;
    width: 250px;
    height: 40px;
    position: relative;
	margin-top:-10px;
	margin-left:-275px;
	vertical-align:top;
}

#contentcont {
    width: 705px;
    height: 420px;
    position: relative;
	z-index:13;
}
.inscription{
}
.inscription label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;color:#336699;
font:bold;
}
.inscription textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: none repeat scroll 0 0;
border:1px solid #e514d6;
font-family:Arial,Helvetica,sans-serif;color:#336699;
padding:2px;
width:250px;
}
.inscription input[type="text"] {
background: none repeat scroll 0 0;
border:1px solid #e514d6;
font-family:Arial,Helvetica,sans-serif;color:#336699;
padding:2px;
width:150px;
}
.inscription input[type="checkbox"] {
/*padding:2px;*/
width:40px;
color:#336699;
}
#lien {
font-family:Verdana;
font-size:12px;
color:#66546a;
width:95%;
text-decoration:none;
text-align:right;
margin:15px 10px 10px 25px;
}
#lien a {
color:#66546a;
text-decoration:none;
}
#lien a:hover {
color:#e514d6;
text-decoration:none;
}
/* Slider */

#slider {
    width: 705px; /* important to be same as image width */
    height: 420px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 705px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: -30px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #fff;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
	-khtml-opacity: 0.85;
    opacity: 0.85;
    color: #000;
    display: none;
	border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    behavior: url(../PIE/PIE.htc);
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 16px;
    left: 0;
}
ul { list-style-type: none;}