html {
	background: #fff url(../images/bg-home-html-01.jpg) top center repeat-x !important;
}

body #body-wrapper {
	background: #52afc1 url(../images/bg-home-body.jpg) top center repeat-x !important;
}

section#mude {
	clear: both;
	padding-bottom: 34px;
}

	section#mude h2 {
		background: url(../images/marchedanslesnuages.png) no-repeat;
		display: block;
		height: 235px;
		margin-left: -48px;margin-top: -15px;
		overflow: hidden;
		text-indent: -9999px;
		width: 748px;
	}
	
	section#mude p.description {
		float: right;
		font: lighter 15px/18px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
		margin-top: -220px;
		width: 220px;
	}
	
		section#mude p.description strong {
			font: bold 16px Helvetica, Arial, sans-serif !important;
		}
		
		section#mude p.description strong span {
			color: #BA3F66 ;
		}
	
	section#mude a.download-button {
		background: url(../images/download-button.png) no-repeat;
		display: block;
		height: 58px;
		margin-top: 25px;
		overflow: hidden;
		text-indent: -9999px;
		width: 181px;
		border-radius: 5px ;
		-webkit-border-radius: 5px ;
	}
	
		section#mude a.download-button:hover {
		    background-position: center;
		}
		
		section#mude a.download-button:active {
			background-position: bottom;
		}
		
section#features {
	padding-top: 15px ; /* Ancien : padding-top: 50px;*/
}

	section#features div {
		float: left;
		margin-right: 20px;
		width: 190px;
	}
	
		section#features div h2 {
			color: #BA3F66 ;
			font-size: 15px;
			letter-spacing: -1px;
			margin-bottom: 20px;
		}
		
		section#features div p {
			font-size: 11px;
			line-height: 18px;
		}
		
		section#features div:nth-child(4){
			margin-right: 0;
		}
/* Images Réseaux Sociaux */
#socialfb {background: url('../images/fb.png') no-repeat ;background-position: 0 0;height: 24px ;width: 24px ;float: left ;margin: 0 0 0 5px ;}
#socialsc {background: url('../images/silencecommunity.png') no-repeat ;background-position: 0 0;height: 24px ;width: 24px ;float: left ;margin: 0 0 0 5px ;}
#socialtwitter {background: url('../images/twitter.png') no-repeat ;background-position: 0 0;height: 24px ;width: 24px ;float: left ;margin: 0 0 0 5px ;}
#store {background: url('../images/store.png') no-repeat ;background-position: 0 0;height: 24px ;width: 24px ;float: left ;margin: 0 0 0 5px ;}

.useImage   {text-indent: -1999em ;display: block ;border: 0;}

.imggauche {
float: left ;margin-right: 10px ;margin-top: 0 ;border-radius: 5px ;-webkit-border-radius: 5px ;
-moz-box-shadow: 2px 3px 4px #000 ; /* rajouté site : http://www.lepotlatch.org/index.php/post/2009/07/20/Des-d%C3%A9grad%C3%A9s-sans-image-avec-Firefox-3.5-%28et-CSS-3%29  */
}

#clicky {position: absolute ;display: inline ;top: -150px ;left: -100px ;height: 25px ;width: 69px ;}

/* custom fonts*/
@font-face {
 font-family:policemralone;
 src:url(../fonts/lightout.ttf) format("truetype");
 }
h1, a.f_mralone {
 font-family:policemralone, sans-serif;
 }
 
 /* Styles for the popup */
.highslide-wrapper {background-color: #52afc1 ;}
.highslide-wrapper .highslide-html-content {width: 550px ;padding: 5px ;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {margin: 0 ;padding: 0 0 10px 0 ;text-align: right ;}
.highslide-wrapper .highslide-header ul li {display: inline ;padding-left: 1em ;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none ;}
.highslide-wrapper .highslide-header a {font-weight: bold ;color: #fff ;text-transform: uppercase ;text-decoration: none ;}
.highslide-wrapper .highslide-header a:hover {color: #120e0e ;}
.highslide-wrapper .highslide-header .highslide-move a {cursor: move ;}
.highslide-wrapper .highslide-footer {height: 11px ;}
.highslide-wrapper .highslide-footer .highslide-resize {float: right ;height: 11px ;width: 11px ;
background: url(../highslide/graphics/resize.gif) ;}
.highslide-wrapper .highslide-body {}
.highslide-move {cursor: move ;}
.highslide-resize {cursor: nw-resize ;}

/* These must be the last of the Highslide rules */
.highslide-display-block {display: block ;}
.highslide-display-none {display: none ;}

/* Slide des photos */
#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */margin: -35px 0 0 50px;
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #120e0e ;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff ;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

/* Vidéos */
a span.soustitrevideo {display: none ;}
a:hover .soustitrevideo {position: absolute ;display: inline ;left:  0 ;margin-top: 120px ;left: 0px ;width: 153px ;text-align: center ;color: #000 ;border: 0px solid #000 ;}

ul#pict_video01 {position: absolute ;left: 100px ; top: 40px ;margin: 0 ;padding: 0 ;list-style-type: none ;}
ul#pict_video01 li{margin: 0 0 5px 0 ;padding: 0 ;}
ul#pict_video01 li a {display: block ; width: 153px ;height: 120px ;background: url(../img/video02bis.jpg) no-repeat 0 0 ; }
ul#pict_video01 li a:hover {background: url(../img/video02bis.jpg) no-repeat 0 -120px ; }

ul#pict_video02 {position: absolute ;left: 300px ; top: 40px ;margin: 0 ;padding: 0 ;list-style-type: none ;}
ul#pict_video02 li{margin: 0 0 5px 0 ;padding: 0 ;}
ul#pict_video02 li a {display: block ; width: 153px ;height: 120px ;background: url(../img/video03bis.jpg) no-repeat 0 0 ;}
ul#pict_video02 li a:hover {background: url(../img/video03bis.jpg) no-repeat 0 -120px ; }

ul#pict_video03 {position: absolute ;left: 500px ; top: 40px ;margin: 0 ;padding: 0 ;list-style-type: none ;}
ul#pict_video03 li{margin: 0 0 5px 0 ;padding: 0 ;}
ul#pict_video03 li a {display: block ; width: 153px ;height: 120px ;background: url(../img/video04bis.jpg) no-repeat 0 0 ; }
ul#pict_video03 li a:hover {background: url(../img/video04bis.jpg) no-repeat 0 -120px ; }