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

@import url(http://fonts.googleapis.com/css?family=Cabin);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700,400);

body {
	padding:0;
	margin:0;
	font-family:"Cabin", Arial, sans serif;
	font-size:16px;
	color:#3e4347;
	background:#f0f0f0;
	}

.body_interviews {background: url('../img/bg_flou_interviews.jpg') no-repeat center center;}
.body_fonctionnalites {background: url('../img/bg_flou_fonctionnalites.jpg') no-repeat center center;}
.body_donnees {background: url('../img/bg_flou_donnees.jpg') no-repeat center center;}
.body_temoignages {background: url('../img/bg_flou_temoignages.jpg') no-repeat center center;}
.body_videos {background-color:#000;}
	
img {border:none;}
a {text-decoration:none;}

section {
	position:relative;
}

/***BACKGROUND IMAGE***/

.bg_interviews, .bg_fonctionnalites, .bg_donnees, .bg_temoignages, .bg_videos {
	position:relative;
	width:1280px;
	margin:0 auto;
	}

.bg_videos {z-index:1;}

.bg_fullweb{
	position:relative;
	width:1024px;
	margin:0 auto;
	}

/***PRECEDENT-SUIVANT-PASSER***/

.precedent {
	
	position:absolute;
	left:20px;
	top:20px;
	text-transform:uppercase;
	font-size:14px;
	color:#fff;

	}

.suivant {
	
	position:absolute;
	right:20px;
	top:20px;
	text-transform:uppercase;
	font-size:14px;
	color:#fff;

	}

.suivant a, .precedent a {color:#fff;}
.suivant a:hover, .precedent a:hover {color:#3e4347;}

.passer {
	
	position:absolute;
	right:20px;
	top:20px;
	text-transform:uppercase;
	font-size:14px;
	color:#fff;
	z-index:2;

	}

.passer a {color:#fff;z-index:2;}
.passer a:hover {color:#4caff0;z-index:2;}

/***INTERVIEWS***/

.lucas {
	
	position:absolute;
	top:565px;
	left:190px;
	background-color:#4caff0;
	color:#fff;
	padding:0 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}

.alban {
	
	position:absolute;
	top:380px;
	right:60px;
	background-color:#4caff0;
	color:#fff;
	padding:0 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}
	
.lucas a, .alban a {color:#fff;}
.lucas:hover, .alban:hover {background-color:#3e4347;}

.titre_interviews {
	
	position:absolute;
	bottom:120px;
	right:190px;
	width:520px;
	text-align:center;
	font-family:"Montserrat", Arial, sans serif;
	font-size:24px;
	color:#fff;
	text-transform:uppercase;
	
	}

/***FONCTIONNALITES***/

.site_internet {
	
	position:absolute;
	top:590px;
	left:125px;
	background-color:#4caff0;
	color:#fff;
	padding:0 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}

.fullweb {
	
	position:absolute;
	top:410px;
	right:200px;
	background-color:#4caff0;
	color:#fff;
	padding:0 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}
	
.site_internet a, .fullweb a {color:#fff;}
.site_internet:hover, .fullweb:hover {background-color:#3e4347;}

.titre_fonctionnalites {
	
	position:absolute;
	bottom:120px;
	right:100px;
	width:520px;
	text-align:center;
	font-family:"Montserrat", Arial, sans serif;
	font-size:24px;
	color:#fff;
	text-transform:uppercase;
	
	}

/***DONNEES***/

.titre_donnees {
	
	position:absolute;
	top:230px;
	left:20px;
	width:420px;
	text-align:center;
	font-family:"Montserrat", Arial, sans serif;
	font-size:24px;
	color:#fff;
	text-transform:uppercase;
	
	}


/***TEMOIGNAGES***/

.titre_temoignages {
	
	position:absolute;
	top:180px;
	left:45px;
	width:420px;
	text-align:center;
	font-family:"Montserrat", Arial, sans serif;
	font-size:24px;
	text-transform:uppercase;
	
	}

.mail {
	
	position:absolute;
	top:520px;
	left:320px;
	background-color:#4caff0;
	color:#fff;
	padding:0 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}

.message {
	
	position:absolute;
	top:190px;
	right:330px;
	background-color:#4caff0;
	color:#fff;
	padding:0 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}
	
.mail a, .message a {color:#fff;}
.mail:hover, .message:hover {background-color:#3e4347;}

/***MAILS***/

.rond {
	
	width:220px;
	height:220px;
	-webkit-border-radius:110px;
	-moz-border-radius:110px;
	-o-border-radius:110px;
	border-radius:110px;
	border:15px solid #fff;
	margin:0 auto;
	margin-top:40px;
	
	}

.dmg{background:url(../img/logo_dmg.jpg) center center;}
.dmc{background:url(../img/logo_dmc.jpg) center center;}
.joussimmo{background:url(../img/logo_joussimmo.jpg) center center;}
.ar{background:url(../img/logo_ar.jpg) center center;}

.bloc_temoignages {
	
	width:260px;
	background:#fff;
	margin:0 auto;
	margin-top:-5px;	
	padding:30px 30px 100px 30px;
	font-size:14px;
	line-height:22px;

	}

h4 {
	
	text-transform:uppercase;
	font-family:"Montserrat", Arial, sans serif;
	font-size:20px;
	margin-bottom:0;
	
	}

h5 {
	
	color:#4caff0;
	margin-top:5px;
	font-size:17px;
	margin-bottom:20px;
	
	}

.utilisation {
	
	position:relative;
	background:#4caff0;
	bottom:75px;
	width:276px;
	padding:15px 5px;
	color:#fff;text-transform:uppercase;
	margin:0 auto;
	
	}


/***SON***/

.son {
	
	position:absolute;
	right:0;
	bottom:0;
	width:45px;
	overflow-x:hidden;
	
	}

/***REVOIR***/

.retour{
	
	width:310px;
	height:208px;
	margin:0 auto;
	
	}


.revoir {
	
	font-family:"Montserrat", Arial, sans serif;
	font-size:22px;
	width:300px;
	text-align:center;
	background-color:#4caff0;
	color:#fff;
	text-transform:uppercase;
	padding:20px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
}

.revoir:hover {background-color:#3e4347;}

audio{display:none;}
section > div{position:relative;}
.sound{position:absolute;bottom:5px;right:5px;cursor:pointer;}
#player{margin-top:50px}
.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../img/logo.png) no-repeat center center #000;z-index:1000;}
.loader.interviews{position:fixed;top:0;left:0;width:100%;height:100%;background:url(http://www.winimmobilier.com/webdoc/img/bg_flou_interviews.jpg) no-repeat center center #000;z-index:1000;}