@import "reset.css";
 
body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	color: #61484b;
	background: #a77f8a url(../img/body_tile.png) repeat-x 0 0; }
 
/* GLOBAL 
---------------------------------------*/
a, a:active {
	color: #a3516b;
	text-decoration: none;
	}

a:hover { color: #7f1d3b; }


/*a:visited { color: #5f5b85; }*/
 

 
.fl {
	width: 49.9%;
	float: left;
	display: inline; }
 
.fr {
	width: 49.9%;
	float: right;
	text-align: right;
	display: inline; }
 
.al { text-align: left; }
 
.ar { text-align: right; }
 
p {
	line-height: 1.4;
	padding-bottom: 5px;
	color: #61484b; }
 
em { font-style: normal; }
 
.ib {
	display: inline-block;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	vertical-align: top;
	zoom: 1;
	*display: inline; }
 
input { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; }
 
h1, h2, h3, h4, h5, h6 {
	color: #5f5b85;
	font-weight: bold; }
 
h2 { font-size: 18px; }
 
h3 { font-size: 14px; }
 
h4 { font-size: 12px; }
 
/* COMMON
---------------------------------------*/
/* -- Language -- */
a.lang-fr, a.lang-en {
	width: 28px;
	height: 28px; }
 
a.lang-fr span, a.lang-en span { display: none; }
 
a.lang-fr { background: url(../img/flag_fr.png) no-repeat 0 0; }
 
a.lang-en { background: url(../img/flag_en.png) no-repeat 0 0; }
 
/* STRUCTURE 
---------------------------------------*/
#page {
	position: relative;
	background: #fff;
	width: 980px;
	margin: 20px auto; }
 
/* -- Header -- */
#about {
	width: 139px;
	height: 308px;
	padding: 20px 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 89;
	background: url(../img/bubble_tr.png) no-repeat;
	text-align: right;
	font-family: "Times New Roman", Georgia;
	font-size: 11px; }
 
	#about p { line-height: 1.2; }
 
  #about img { border-bottom: 1px solid #cbb2b3; padding:0 0 7px; }
	
	#about h5 {
		font-size: 16px;
		padding: 0 0 5px;
		font-weight: normal; }
 
	#about .phone {
		background: url(../img/ico_phone.png) no-repeat left center;
		padding: 2px 0 2px 18px; }
 
	#about a.more {
		font-size: 14px;
		background: url(../img/ico_plus.png) no-repeat left center;
		padding: 2px 0 2px 15px; }
 
/* -- Header -- */
#header {
	width: 750px;
	padding: 10px 0; }
 
	#header .fl { width: 70%; }
 
	#header .fr { width: 20%; }
 
#logo a {
	float: left;
	width: 415px;
	height: 70px;
	background: url(../img/logo-new.jpg) no-repeat;
	text-indent: -1000em;
	margin: 5px 0 0 40px; }


#logo_en a {
	float: left;
	width: 415px;
	height: 70px;
	background: url(../img/logo-new_en.jpg) no-repeat;
	text-indent: -1000em;
	margin: 5px 0 0 40px; }

 
/* -- Nav -- */
#nav {
	position: relative;
	width: 750px;
	background: url(../img/nav_sep.png) no-repeat 0 0;
	padding: 1px 0 10px 40px;
	font-family: "Times New Roman", Georgia;
	z-index: 89; }
 
	#nav li {
		font-size: 14px;
		float: left; }
 
		#nav li a {
			background: url(../img/nav_bullets.png) no-repeat 0 0;
			float: left;
			height: 18px;
			padding: 0 38px 0 35px;
			line-height:25px;
			_line-height:18px;
			_overflow:hidden;
			}
 		
		
		
		#nav li.n1 a { background-position: 0 0;
		 }
 
 		
		
 		#nav li.n2 a { 
		background-position: 0 -19px; 
		}
 
 		
		#nav li.n3 a { background-position: 0 -37px; }
 
		#nav li.n4 a { background-position: 0 -55px; }
 
		#nav li.n5 a { background-position: 0 -37px; }
 
		/* #nav li a:hover { background: url(../img/nav_bullets.png) no-repeat 0 bottom; } */
 
.home-page #nav li a { background: url(../img/nav_bullets_home.png) no-repeat 0 0; }
 
.home-page #nav li.n1 a { background-position: 0 0; }
 
.home-page #nav li.n2 a { background-position: 0 -19px; }
 
.home-page #nav li.n3 a { background-position: 0 -37px; }
 
.home-page #nav li.n4 a { background-position: 0 -55px; }
 
.home-page #nav li.n5 a { background-position: 0 -73px; }
 
	/* .home-page #nav li.n5 a:hover { background-position: 0 -91px; } */
 
/* .home-page #nav li a:hover { background: url(../img/nav_bullets_home.png) no-repeat 0 -109px; } */
 
/* -- Bubbles -- */
#bubbles {
	width: 319px;
	height: 454px;
	background: url(../img/bubbles_home.png) no-repeat;
	position: absolute;
	left: 618px;
	top: 202px;
	overflow: hidden;
	z-index: 100; }
 
	#bubbles a {
		position: absolute;
		font-family: "Times New Roman", Georgia;
		font-size: 18px;
		text-align: center;
		padding: 0 25px;
		line-height: 1.6; }
 
	#bubbles .one {
		width: 120px;
		height: 125px;
		top: 0;
		left: 0;
		font-size: 24px;
		padding-top: 50px; }
 
	#bubbles .two {
		width: 65px;
		height: 94px;
		top: 185px;
		padding-top: 28px; }
 
	#bubbles .three {
		width: 120px;
		height: 120px;
		right: 0;
		top: 205px;
		font-size: 20px;
		padding-top: 50px; }
 
	#bubbles .four {
		width: 45px;
		height: 63px;
		left: 65px;
		top: 352px;
		padding-top: 35px; }
 
/* -- Main -- */
#main {
	position: relative;
	padding: 40px;
	z-index: 87;
	background: url(../img/bubbles_bg.png) no-repeat 85px 45px; }
 
.home-page #main {
	background: url(../img/bubble_home.png) no-repeat 0 0;
	padding: 40px 40px 0;
	height: 641px;
	margin: -28px 0 0;
	_margin-top: 0;
	.top: -28px;
	padding-top: 58px;
	z-index: 1; }
 
/* -- Content -- */
.home-page .content { width: 450px; }
 
.content h2 { padding: 0 0 20px; }
 
.content h3 {
	padding: 0 0 0 15px;
	margin: 30px 0 15px;
	background: url(../img/ico_star.png) no-repeat left center; }
 
.content h4 { padding: 0 0 25px }
 
.content .price {
	text-align: right;
	background: url(../img/dotted.png) repeat-x 0 14px;
	padding-bottom: 0; 
	color: #5f5b85;
	font-size: 11px;
	font-weight: bold;}
 
	.content .price span {
		background: #fff;
		padding: 0 0 0 3px; 
		line-height: 24px;}
 
.content .list li {
	line-height: 1.6;
	list-style: disc outside;
	margin: 0 0 0 20px; }
 
.content .note {
	color: #5f5b85;
	font-size: 11px;
	font-weight: bold; }
 
/* -- Footer -- */
#footer {
	background: url(../img/footer_sep.png) no-repeat right 0;
	padding: 10px 40px 20px;
	text-align: right;
	font-family: "Times New Roman", Georgia;
	font-size: 12px;
	color: #bca2a9; }
 
	#footer a {
		padding: 0 30px 0 0;
		color: #bca2a9; }
 
		#footer a:hover { color: #7f1d3b; }
 
/* SUB-PAGE 
---------------------------------------*/
#col-1 {
	width: 528px;
	float: left; }
 
#col-2 {
	width: 372px;
	float: right;
	padding-top: 192px; }
 
#main .article { padding: 0 0 25px; }

.field{
	margin-bottom: 10px;
}

.field label{
	width: 200px;
	float: left;
	font-weight: bold;
	
}

.field_quest label{
	font-weight: bold;
	line-height: 20px;
	vertical-align: bottom;
}

.field_quest{
margin-top: 20px;
margin-bottom: 5px;

}

.field_quest input{
margin-top: 5px;

}

.selectmul table td{
padding-right: 10px;
}


.etape1 {
	margin-bottom: 30px;
	padding-right: 15px;
	float: left;
}

.etapes {
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.product {
height: 310 px;
z-index: 100;
}