html{
	height: 100%;
	margin:0px;
	padding:0px;
}

 body{
	margin:0px;
	padding:0px;
	height: 100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#413534;
	background:url('images/bg_body.jpg') 0px 0px repeat-x #e4e2de;
} 

#container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#top {
	width: 900px;
	/*height: 84px;*/
	height: 46px;
	overflow: hidden;
}

#logo {
	width: 221px;
	/*height: 181px;*/
	height: 307px;
	background-color: #a22857;
	float: left;
}

#slider {
	width: 679px;
	height: 307px;
	float: left;
}

	#top #tools {
	float: right;
	width: 159px;
	height: 46px;
	position: relative;
	right: 5px;
	margin-top: 5px;
	}

		#top #tools .home_btn {
		float: left;
		width: 57px;
		height: 22px;
		background:url('images/bg_home_btn.jpg') 0px 0px no-repeat #725a5a;
		color: #f7f6f2;
		font-size: 10px;
		text-align: center;
		padding-top: 14px;
		text-transform: uppercase;
		}

			#top #tools .home_btn:hover {
			background:url('images/bg_home_btn_hover.jpg') 0px 0px no-repeat;
			color: #ffebf8;
			}

		#top #tools .contact_btn {
		float: left;
		width: 66px;
		height: 22px;
		margin-left: 1px;
		background:url('images/bg_contact_btn.jpg') 0px 0px no-repeat #725a5a;
		color: #f7f6f2;
		font-size: 10px;
		text-align: center;
		padding-top: 14px;
		text-transform: uppercase;
		}

			#top #tools .contact_btn:hover {
			background:url('images/bg_contact_btn_hover.jpg') 0px 0px no-repeat;
			color: #ffebf8;
			}

		#top #tools a:hover {
		
		}

		#top #tools #lang {
		float: left;
		margin-left: 1px;
		}

			#top #tools #lang .nl{
			width: 33px;
			height: 36px;
			display: block;
			background:url('images/lang_nl.jpg') 0px 0px no-repeat #725a5a;
			}

				#top #tools #lang .nl:hover{
				background:url('images/lang_nl_hover.jpg') 0px 0px no-repeat;
				}

			#top #tools #lang .fr{
			width: 33px;
			height: 36px;
			display: block;
			background:url('images/lang_fr.jpg') 0px 0px no-repeat #725a5a;
			}

				#top #tools #lang .fr:hover{
				background:url('images/lang_fr_hover.jpg') 0px 0px no-repeat;
				}


	#menu {
		background-color: #82797a;
		width: 679px;
		position: absolute;
		height: 33px;
		margin-left: 221px;
		display: block;
	}

	#menu a {
			height: 24px;
			padding-left: 17px;
			padding-right: 17px;
			padding-top: 9px;
			display: block;
			margin-bottom: 1px;
			text-transform: uppercase;
			font-size: 12px;
			float: left;
			_height: 23px;
			}

			#menu a:hover, #menu .variante1Active,#menu .variante2Active,#menu .variante3Active,#menu .variante4Active {
			background:url('images/bg_menu_a_hover.jpg') 0px 0px repeat-x #541029;
			color:#fef5f9;
			position: relative;
			bottom: 5px;
			height: 29px;
			_height: 28px;
			_margin-bottom: -6px;
			}

			#menu .variante5Active {
			background:url('images/bg_menu_a_hover.jpg') 0px 0px repeat-x #541029;
			color:#fef5f9;
			position: relative;
			bottom: 5px;
			height: 29px;
			_height: 28px;
			_margin-bottom: -6px;
			padding-left: 19px;
			padding-right: 19px;
			}

		#menu .contact:hover {

		}

		#menu .variante1 {
		background:url('images/bg_menu_a.jpg') 0px 0px repeat-x #191815;
		color: #d1cdc7;
		}

		#menu .variante2 {
		background:url('images/bg_menu_a_2.jpg') 0px 0px repeat-x #32312f;
		color: #d1cdc7;
		}

		#menu .variante3 {
		background:url('images/bg_menu_a_3.jpg') 0px 0px repeat-x #3c3c39;
		color: #d1cdc7;
		}

		#menu .variante4 {
		background:url('images/bg_menu_a_4.jpg') 0px 0px repeat-x #494946;
		color: #d1cdc7;
		}

		#menu .variante5 {
		padding-left: 19px;
		padding-right: 19px;
		border: none;
		background:url('images/bg_menu_a_2.jpg') 0px 0px repeat-x #32312f;
		color: #d1cdc7;
		}

#page {
	background-color: white;
	width: 900px;
}
	
#footer{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 27px;
	padding-top: 10px;
	font-size:11px;
	background:url('images/bg_footer.jpg') 0px 0px repeat-x;
	color: #b0aca4;
	line-height: 15px;
	text-align: center;
}
	
	#footer A{
		color: #8b8984;
		text-decoration:none;
		font-size: 11px;
		padding-top: 5px;
	}

	#footer A:hover{
		color: #b51270;
	}

	#footer .window{
		padding-right: 12px;
		background:url('images/bg_footer_a.jpg') right no-repeat;
	}

/*----------*/

.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}

 
 /* ***************** MISE EN FORME ************************* */

H1{
 display:block;
 font-size:15px;
 color:#b51270;
 font-weight: lighter;
 margin:0px 0px 10px 0px;
 text-transform: uppercase;
} 

H2{ 
 display:block;
 font-size:12px;
 color:#666666;
 font-weight:normal;
 margin:0px 0px 10px 0px;
 padding: 0px;
 text-transform: uppercase;
}

H3{ 
 display:block;
 font-size:16px;
 color:#b51270;
 margin:0px 0px 10px 0px;
 font-weight:normal;
} 

H4{ 
 display:block;
 font-size:12px;
 color:#4b7390;
 margin:0px 0px 10px 0px;
}

A{
 color: #b51270;
 font-weight:normal;
 text-decoration: none;
}

	A:hover{
	text-decoration: none;
	color:#3b3332;
	}

HR{
 color:#dfdfdf;
 background-color:#dfdfdf;
 height:1px;
 border:0px;
 margin-left: 20px;
 margin-right: 20px;
}

ul{
	list-style-type: none;
	margin:0px;
	padding: 0px;
}

li{
	background: url('images/ul.jpg') 0px 5px no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
}


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                               */
/* ------------------------------------------------------------------ */

.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:11px;}
div.noborder input {border-width:0;background-color: transparent;font-size:11px;}
span.noborder input {border-width:0;background-color: transparent;font-size:11px;}

input, select, textarea {
	border:1px solid #dedede;
	background-color:#FFFFFF;
	color:#696969;
	font-family:Arial;
	margin-bottom:0px;
	padding-left: 3px;
}

	
input:hover, select:hover, textarea:hover {
	border:1px solid #de61af;
}

.fieldTitle{
 display:block;
 font-size: 11px;
 color:#4b7390;
 margin:15px 0px 10px 0px;
}

.btn{
	font-size: 11px;
	color: #f7edec;
	padding: 2px 5px 2px 5px;
	background: url('images/bg_btn.jpg') 0px 0px repeat-x #3f3333;
	cursor: pointer;
}

	.btn:hover{
		border: 1px solid #c03684;
		background: url('images/bg_btn_hover.jpg') 0px 0px repeat-x #c13687;
	}

.formulaire{
	font-size: 11px;
}

.formulaire TD{
	padding-bottom:6px;
}

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #737373;
	color:#31A5B4;
}

	.formulaire .asterisque{
		color:#b51673;
		font-size:16px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:5px;
	}

	.formulaire .alert{	
		color:red;
	}

/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */

#infoBulle{
	border-bottom:1px solid #b61271;
	border-left: 1px solid #c03585;
	border-right: 1px solid #c03585;
	border-top: 1px solid #dd54a3;
	padding:7px;
	letter-spacing: 0.1em;
	font-size:11px;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
	color: #fff4fa;
	background:url('images/bg_infobulle.jpg') bottom repeat #c03585;
}