<style type="text/css">



#body {
max-width:1024px;
margin:auto;
position:relative;
font-family: "Questrial", Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: "Questrial";
    src: url('Questrial-Regular.ttf');
}

.titre-menu{
	font-family: "Questrial-Regular", Times, serif;
	font-size: 14px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: 6em;
}

.texte-home-normal{
	font-family: Questrial;
	font-size: 16px;
	color:#868e93;
	text-decoration:none;
	line-height:18px;
}

.texte-page-normal{
	font-family: Questrial;
	font-size: 13px;
	color:#868e93;
	text-decoration:none;
	line-height:15px;
}

.texte-page-blanc{
	font-family: Questrial;
	font-size: 13px;
	color:#FFF;
	text-decoration:none;
	line-height:15px;
}

.texte-logo{
	font-family: Questrial;
	font-size: 11px;
	color:#868e93;
	text-decoration:none;
	line-height:13px;
	letter-spacing:-0.40px;
}

.texte-mentions-petit{
	font-family: Questrial;
	font-size: 10px;
	color:#868E93;
	text-decoration:none;
	line-height:1.1em;
}

.texte-mentions-normal, .texte-mentions-normal a {
	font-family: Questrial;
	font-size: 12px;
	color:#fff;
	text-decoration:none;
	line-height:1.1em;
}

.texte-page-fonce{
	font-family: Questrial;
	font-size: 12px;
	color:#485258;
	text-decoration:none;
}

.texte-page-fonce-13{
	font-family: Questrial;
	font-size: 13px;
	color:#485258;
	text-decoration:none;
	line-height:1.4em;
}

#rondcrea{
	background:url(img/bulle.png);
	position:fixed;
	position: absolute;
	width:245px;
	margin-left: -150px;
	margin-top: 150px;
	height: 245px;
	
}

#rondservice{
	background:url(img/bulle.png);
	position:fixed;
	position: absolute;
	width:245px;
	margin-left: -10px;
	margin-top: -70px;
	
}

#autour{
	position:fixed;
	position: absolute;
	width:1024px;
	margin-left: 0px;
	margin-top: -40px;
}

#autourbulle{
	background:url(img/bulle2.png);
	position:fixed;
	position: absolute;
	width:272px;
	margin-left: 495px;
	margin-top: 132px;
	
}

#autour2{
	position:fixed;
	position: absolute;
	width:1024px;
	margin-left: 0px;
	margin-top: 480px;
	
}



#logo{
	position:fixed;
	position: absolute;
	width:245px;
	margin-left: 0px;
	margin-top: -25px;
	z-index:1000;
	display:none;
}

#contact{
	position:fixed;
	position: absolute;
	width:400px;
	margin-left: 580px;
	margin-top: 370px;
	z-index:1000;
	
}

.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){
.hidden-desktop{display:inherit !important;}
 .visible-desktop{display:none !important ;} 
 .visible-tablet{display:inherit !important;} 
 .hidden-tablet{display:none !important;}}
@media (max-width:767px){
.hidden-desktop{display:inherit !important;} 
.visible-desktop{display:none !important;} 
.visible-phone{display:inherit !important;} 
.hidden-phone{display:none !important;}
}



</style>
