/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END OF RESET CSS */

.questrial{font-family: 'Questrial', sans-serif;}

.clear{ clear:both;}

.darkColor{ font-weight:bold; color:#000; font-size:17px; }

.noPosition{ position:static!important;}

/*COLORs

grey txt 
	color: #9b9b9b;
grey pale 
	color: #f5f5f5;
vert 
	color: #b8c748;
noir 
	color: #000;

*/

body{font-family: 'Questrial', sans-serif; background-color:#f5f5f5;color:#9b9b9b; width:100%; height:100%; font-size:14px;}

a{ color:#b8c748; text-decoration:underline;}
a:hover{ text-decoration:none;}

hr{color: #9b9b9b;background-color: #9b9b9b;height: 1px; border:none;}

#wrap{ padding:0 50px; width:886px; background-repeat:no-repeat; background-position:center top; margin:0 auto; background-color:#FFF;}
.homebody{ background-image:url(images/background.jpg); }
.innerbody{background-image:url(images/backgroundSoft.jpg); }

#preheader{ font-size:12px; height:20px; padding-top:7px; width:936px; margin-left:-50px; padding-right:50px; border-top:1px solid #fff; background-color:#000;}
	#preheader ul{ float:right;}
	*:first-child+html #preheader ul{ position:relative;left:-30px;}
		#preheader ul li{ display:inline-block; margin-left: 10px;}
		*:first-child+html #preheader ul li{ float:left; display:block;}
			#preheader ul li a{ text-decoration:none;}
			#preheader ul li a:hover{ text-decoration:underline;}
			#preheader ul li a.facebook{ background-image:url(images/facebookSmallBW.jpg); display:block; height:16px; width:16px; float:right; margin-left: 10px; margin-top: -2px;}
			*:first-child+html #preheader ul li a.facebook{ position:relative; margin-left:0; left:65px; margin-top: -15px; float:left;}
			#preheader ul li a.facebook:hover{ background-image:url(images/facebookSmall.jpg); }

#header{ margin-top:15px;}
	#header #logo{ display:block; width:636px; height:92px; background-image:url(images/logo.png); text-indent:-99999px; float:left;}
	
	#header #nav{ float:right; margin-top:5px; font-size:16px;}
		#header #nav li{ text-align:right; margin-bottom:5px;}
			#header #nav li a{ color:#9b9b9b; text-decoration:none;}
			#header #nav li a.active, #header #nav li a:hover{ color:#b8c748; text-decoration:none;}
			
#content{}

#footer{ border-top:solid 1px #9b9b9b; padding-top:15px; font-size:12px;}
	#footer ul#contact{ width:267px; margin-right:42px; float:left; position:relative; top:-4px;}
		#footer ul#contact li{}
	
	#footer #otherFooter{width:570px; float:right;}
		#footer p#copy{float:left; position:relative; top:8px;}
		#footer a.mediasumo{ display:block; border:none; width:151px; height:40px; background-image:url(images/logoSumo.jpg); float:right;}
    
/****************HOME*****************/

.home{ margin-top:275px;}
	.home #complete{width:100%; margin-bottom:20px;}
		.home #preContent{width:567px;float:right; color:#000; padding-left:10px;}
			.home #preContent h3#ecoute{margin-bottom:10px;}
			.home #preContent h3{ font-size:24px; float:left;}
			.home #preContent p{float: left; margin-right: 10px; margin-top: 6px;}
			.home #preContent a{color:#9b9b9b;}
			.home #preContent a:hover{color:#9b9b9b;}

    
	.home #sidebar{width:247px; float:left; margin-right:42px; padding:10px; background-color:#fff;}
		.home #sidebar #promo{}
			.home #sidebar #promo strong{ font-size:20px; color:#000;}
				.home #sidebar #promo p{ color:#000; margin-top:10px; margin-bottom:10px;}
				.home #sidebar #promo a{ color:#9b9b9b; text-decoration:none; position:relative; top:-20px;}
				.home #sidebar #promo a:hover{ color:#b8c748; text-decoration:underline;}
				
				.home #sidebar #promo a img{ position:relative;top:12px;}
				
		.home #sidebar #cadeau{ margin-top:20px;}
			.home #sidebar #cadeau strong{font-size:20px; color:#000;}
				.home #sidebar #cadeau p{ color:#000; margin-top:10px; margin-bottom:10px;}
				.home #sidebar #cadeau a{ color:#9b9b9b; text-decoration:none;}
				.home #sidebar #cadeau a:hover{ color:#b8c748; text-decoration:underline;}
			
	.home #mainContent{width:557px;float:right; padding:10px; background-color:#FFF;}
		.home #mainContent strong{font-size:20px; color:#000; margin-right:10px;}
		.home #mainContent a.plus{ color: #9b9b9b; text-decoration:none;}
		.home #mainContent a.plus:hover{ color: #b8c748; text-decoration:underline;} 
		
		.home #mainContent h2{ font-size:24px; text-transform:uppercase; margin-top:10px; color:#000;}
		.home #mainContent p{margin-bottom:20px;} 
		
/****************MASSAGE*****************/

.inner{ }

	.inner .massage{ margin-bottom:20px;}
		.inner .massage img{ position:relative; left:-15px; }
		.inner .massage .feuille{ width:60px; height:54px; background-image:url(images/feuille.png);position:relative; left:-15px;}
		.inner .massage h2{ text-transform:uppercase; color:#000; display:inline; font-size:24px; margin-left: 0; top:-25px; position: relative; margin-right:10px; z-index:30;}
		.inner .massage a{ position:relative; top:-25px;}
		.inner .massage p{ margin-bottom:10px;}
		
		.inner .massage h3{ font-size:24px; color:#000;}
		.inner .massage h4{ font-size:24px; color:#9B9B9B;}
		.inner .massage .contactP{ margin-right: 10px; margin-top: 6px; font-size:18px;}
		.inner .massage #contactInfo a{}
		.inner .massage #contactInfo a:hover{}
		
		.inner .massage iframe{ display:block; border:1px solid #b8c748;}
		
	.inner .massage dl{ font-size:24px; margin-top:10px; }
	.inner .massage dl dt{ float:left; color:#9b9b9b; margin-right:10px; margin-left:0; margin-bottom:5px; }
	.inner .massage dl dd{ color:#000; margin-left:0; }
		
	.inner .bottomthree {width:267px; float:left; margin-top:20px; margin-bottom:20px;}
			
		.inner .bottomthree #promo{}
		.inner .bottomthree #promo strong{ font-size:20px; color:#000;}
			.inner .bottomthree #promo p{ color:#000; margin-top:10px; margin-bottom:10px;}
			.inner .bottomthree #promo a{ color:#9b9b9b; text-decoration:none; position:relative; top:-20px;}
			.inner .bottomthree #promo a:hover{ color:#b8c748; text-decoration:underline;}
			
			.inner .bottomthree #promo a img{ position:relative;top:12px;}
	
	.inner .bCadeau{margin-left:42px; margin-right:42px;}	
	.inner .bottomthree #cadeau{}
		.inner .bottomthree #cadeau strong{font-size:20px; color:#000;}
			.inner .bottomthree #cadeau p{ color:#000; margin-top:10px; margin-bottom:10px;}
			.inner .bottomthree #cadeau a{ color:#9b9b9b; text-decoration:none;}
			.inner .bottomthree #cadeau a:hover{ color:#b8c748; text-decoration:underline;}
	
	.inner .bottomthree #valeurs{}
		.inner .bottomthree #valeurs strong{font-size:20px; color:#000;}
			.inner .bottomthree #valeurs p{ color:#000; margin-top:10px; margin-bottom:10px;}
			.inner .bottomthree #valeurs a{ color:#9b9b9b; text-decoration:none;}
			.inner .bottomthree #valeurs a:hover{ color:#b8c748; text-decoration:underline;}

	/****************A PROPOS - BIENFAIT*****************/
	
	.inner .bienfait{ color:#000; margin-bottom:10px;}
		.inner .bienfait strong{ font-weight:bold;}
		.inner .bienfait li{ list-style-type:disc; margin-left:20px;}
		
		.inner .temoignage{ font-style:italic; clear:both; margin-bottom:40px!important;}
			.inner .temoignage span{ float:right; font-style:normal;}
		
	/****************TARIF - CERTIFICAT*****************/
	
	.inner .massage .certi{ float:left; border:1px solid #9B9B9B;}