* {
	border: 0 none;
	margin: 0;
	padding: 0;
}

body {
	background: #000000 none repeat scroll 0 0;
	color: #ffffff;
	font-family: arial,sans-serif;
}

#container {
	width: 885px;
	left: 50%;
	margin: auto;
}

#header div {
	float: left;
}

#header .connexionClients {
	margin-left: 430px;
	/*padding-top: 15px;*/
}

#contenu {
	clear: left;
}

#contenu div {
	float: left;
}

#contenu .left {
	width: 324px;
	height: 423px;
}

#contenu .left .upperTitle {
	clear: left;
	width: 324px;
	height: 48px;
	background: url(images/upperTitle.jpg) no-repeat top left;
}

#contenu .left .title {
	clear: left;
	width: 324px;
	height: 145px;
	background: url(images/title.jpg) no-repeat top left;
}

#contenu .left .title span {
	font-size: 17pt;
	display: block;
	position: relative;
	left: 23px;
	top: 15px;
	width: 284px;
	color: #e2b1b1;
	line-height: 26px;
}

#contenu .left .title span b {
	color: #ffffff;
}

#contenu .left .descTitle {
	clear: left;
	width: 324px;
	height: 125px;
	background: url(images/descTitle.jpg) no-repeat top left;
}

#contenu .left .descTitle span {
	font-size: 11pt;
	display: block;
	width: 284px;
	color: #6b5a5a;
	position: relative;
	left: 22px;
	top: 12px;
	line-height: 20px;
}

#contenu .left .descTitle span b {
	color: #9c8d8d;
}
#contenu .left .lienBK {
	background: url("images/bk_liens.png") no-repeat;
    height: 96px;
    width: 324px;
	position:relative;
}
#contenu .left .lienBK p:first-child {
margin:20px 0 0 20px;
}
#contenu .left .lienBK p {
margin:0px 0 0 20px;
}

#contenu .right {
	width: 561px;
	height: 423px;
}

#contenu .right .upperPic {
	clear: left;
	width: 561px;
	height: 48px;
	background: url(images/upperPic.jpg) no-repeat top left;
}

#contenu .right .hebergement {
	clear: left;
	width: 561px;
	height: 34px;
	background: url(images/title.jpg) no-repeat top left;
}

#contenu .right .cadreHebergement .left {
	clear: left;
	float: left;
	width: 166px;
	height: 34px;
	background: url(images/left_hebergement.jpg) no-repeat top left;
}

#contenu .right .cadreHebergement .texte {
	float: left;
	width: 395px;
	height: 34px;
	background: url(images/hebergement.jpg) no-repeat top left;
}

#contenu .right .cadreHebergement .texte span {
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	position: relative;
	left: 34px;
	top: 14px;
	width: 356px;
	color: #e2b1b1;
}

#contenu .right .upperReservation {
	clear: left;
	width: 561px;
	height: 36px;
	background: url(images/upper_reservation.jpg) no-repeat top left;
}

#contenu .right .reservation .left {
	clear: left;
	float: left;
	width: 400px;
	height: 49px;
	background: url(images/left_reservation.jpg) no-repeat top left;
}

#contenu .right .reservation .texte {
	float: left;
	width: 161px;
	height: 49px;
	background: url(images/reservation.jpg) no-repeat top left;
}

#contenu .right .reservation .texte span {
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	position: relative;
	left: 11px;
	top: 9px;
	width: 130px;
	color: #e2b1b1;
}

#contenu .right .pic {
	clear: left;
	width: 561px;
	height: 256px;
	background: url(images/pic.jpg) no-repeat top left;
}

#footer {
	text-align: center;
}

#footer span {
	font-size: 8pt;
	color: #e5baba;
}

p {
	padding-bottom: 10px;
}

a:link, a:visited, a:hover, a:active {
	color: #e2b1b1;
	text-decoration: underline;
}

h2 {
	font-size: 125%;
	padding-bottom: 20px;
	font-weight: bold;
	color: #B7B7B7
}
