body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263557;
	background:#9AC013 url(images/bg_body.jpg) repeat-x 0 0;
}
*  {
	margin:0;
	padding:0;
}
h2, h3 , h4 , h5  { 
	
	display:block;
}
h4{
font-size:14px;
}
p {
	padding:3px 10px 5px 5px ;
	text-align:justify;
	display:block;
}
ul  {
	margin:0;
	font-size:14px;
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#E6E6E6;
}
a:hover {
	text-decoration:none;
	color:#E6E6E6;
}
.clr{
clear:both;
}
/****Debut entete **************/
#conteneur{
		width:905px;
		margin:0 auto;
}
#header{
		background:url(images/bg_header4.jpg) no-repeat 0 0;
		float:left;
		width:905px;
		height:171px;
		padding:23px 0 0 0;
}
#logo{
		padding:0 0 0 5px;
}
.txt_img{
margin-left:10px;
}
/*-----------------MENU-------------*/
#menu{
		width:905px;
		padding:12px 0 0 1px;
}
#menu ul{
		list-style:none;
}

#menu li{ 
	float:left;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
#menu li a{ 
	display:block;
	margin:0 3px 0 0;
	height:26px;
	padding-top:6px;
}
#home  a{
	background: url(images/li_homeH.jpg) no-repeat 0 0;
	width:98px;
}
#home  a:hover{
	background: url(images/li_homea.jpg) no-repeat 0 0;
	width:98px;
}
#home .active {
	background: url(images/li_homea.jpg) no-repeat 0 0;
	width:98px;
}
#room  a{
	background: url(images/li_room.jpg) no-repeat 0 0;
	width:120px;
}
#room  a:hover{
	background: url(images/li_roomhover.jpg) no-repeat 0 0;
	width:120px;
}
#room .active {
	background: url(images/li_roomhover.jpg) no-repeat 0 0;
	width:120px;
}
#services  a{
	background: url(images/li_services.jpg) no-repeat 0 0;
	width:98px;
}
#services  a:hover{
	background: url(images/li_serviceshover.jpg) no-repeat 0 0;
	width:98px;
}
#services .active {
	background: url(images/li_serviceshover.jpg) no-repeat 0 0;
	width:98px;
}
#contact  a{
	background: url(images/li_contact.jpg) no-repeat 0 0;
	width:98px;
}
#contact  a:hover{
	background: url(images/li_contactHover.jpg) no-repeat 0 0;
	width:98px;
}
#contact .active {
	background: url(images/li_contactHover.jpg) no-repeat top left;
	width:98px;
}
#flashban{
		background:url(images/flash_ban.jpg) no-repeat 0 0;
		float:left;
		width:904px;
		height:281px;
}
/************Milieu index********************/
#content{
		background:#fff ;
		width:835px;
		float:left;
		padding:12px 35px 50px 35px;
}
#content h2{
		background:url(images/bg_h2.jpg)  0 0  repeat-x;
		height:22px;
		padding:0 0 15px 10px;
		font-size:14px;
		color:#000;
}
#content h3{
		background:url(images/bg_h3.jpg)  0 0  repeat-x;
		height:22px;
		padding:0 0 15px 10px;
		font-size:14px;
		color:#000;
		margin-top:10px;

}
/*---------------BLOC GAUCHE-------------*/
#left_column{
		width:230px;
		float:right;
		line-height:20px;
		padding-left:30px;
}

p.savoir a{
		width:190px;
		height:20px;
		text-align:right;
		color:#000;
		font-size:11px;
}
#left_column h5{
		font-size:12px;
		color:#A56272;
		padding-left:5px;
		font-weight:bold;
		color:#263557;
}
/*------------BLOC CENTER-----------------*/
#center_column{
	position:relative;
	width:832px;
	float:left;
	padding-left:20px;
}
#center_column .h2{
		width:512px;
}

#center_column p{
	padding-right:20px;
	line-height:20px;
}


#center_column h5{
	color:#A56272;
	font-size:14px;
	font-weight:bold;
	padding:0 0 15px 10px;
}
#center_column span{
		color:#A56272;
}
#milieu-photos{
	position:relative;
	width:424px;
	float:left;
	height:120px;
}
.img1{
	position:absolute;
	width:140px;
	height:138px;
	z-index:10;
	left: 143px;
	top: 15px;
}

.img2{
	position:absolute;
	width:169px;
	height:168px;
	z-index:10;
	left: 269px;
	top: -16px;
}
.img3{
	position:absolute;
	width:169px;
	height:168px;
	z-index:10;
	left: -22px;
	top: -15px;
}
/*---------------Bloc droit---------------*/
#right_column{
		width:160px;
		float:left;
}

#right_column a {
		text-decoration:none;
		color:#479EB9;
}
#bloc-horaire{
		background:url(images/horaire-cetraltour.jpg)  no-repeat;
		background-position:right;
		width:160px;
		height:114px;
		margin-bottom:5px;
}
#bloc-droit h4{
		padding:20px 0 0 22px;
}
#bloc-droit p{
		padding:10px 0 0 22px;
		font-weight:bold;
		line-height:17px;
		color:#479EB9;
}
.til1{
	font-size:14px;
	color:#C00;
	}
/*------------footer-----------*/
#footer{
		float:left;
		width:100%;
		text-align:center;
		font-size:11px;
		color:#122141;
		padding: 0 0 8px 0;	
		background: #9AC013 ;
		margin:30px 0 0 0;
}

#footer li{
		display:inline;
}

#footer li a {	
		color:#122141;
		font-size:11px;
}

#footer li a:hover{	
		color: #48B3D3;
		font-size:11px;
}

#footer p{
		padding:2px 0 0 0;
		text-align:center;
}
#footer p span{
		position: relative;
		top:5px;
}

/**---------------Page About US------------------------*/
#entete-contact{
		background:url(images/entete-contact.jpg) no-repeat 0 0;
		float:left;
		width:955px;
		height:229px;
}

#logo-cont{
		padding:61px 0 0 43px;
		float:left;
}
.map{
	cursor:pointer;
	}
/*---------------BLOC GAUCHE CONTACT-------------*/
#left_about{
	width:253px;
	float:left;
	line-height:20px;
}
#center_about{
	width:532px;
	float:left;
	padding:0 20px 0 20px;
}
#center_about p{
	line-height:25px;
}
#right_contact{
	width:160px;
	float:left;
}


/**---------------------Page Contact------------------*/
#entete-contact{
		background:url(images/entete-contact.jpg) no-repeat 0 0;
		float:left;
		width:955px;
		height:229px;
}

#logo-cont{
		padding:61px 0 0 43px;
		float:left;
}
.map{
	cursor:pointer;
	}
/*---------------BLOC GAUCHE CONTACT-------------*/
#left_contact{
	width:253px;
	float:left;
	line-height:20px;
}
.blocinfos{
	background: url(images/bg_info2.jpg) 0 0 no-repeat;
	width:253px;
	}
.blocinfos p{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#center_contact{
	width:372px;
	float:left;
	padding:0 20px 0 20px;
}

#right_contact{
	width:160px;
	float:left;
}
.cordonee {
	background:url(images/adresse.jpg) no-repeat 0 0;
	width:200px;
	float:left;
	padding:0 0 20px 35px;
	line-height:14px;
}
.tel {
	background:url(images/tel.jpg) no-repeat 0 0px;
	width:200px;
	float:left;
	padding:0 0 20px 35px;
	line-height:14px;
	height:100%;
}
.mail {
	background:url(images/mail.jpg) no-repeat 0 0px;
	width:200px;
	float:left;
	padding:0 0 15px 35px;
	line-height:14px;
}
#direction_bloc{
	width:835px;
	float:left;
	padding:20px 0 20px  0;
}
#direction_bloc .list{
	width:255px;
	float:left;
	padding-left:20px;
}
/*--------------------------MILIEU CONTACT------------------------*/
#milieu-contact{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:845px;
		padding:0 55px;
		float:left;
		padding-top:30px;
}

#milieu-contact h2{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:5px 0 0 20px;
		color:#68ADBD;
}
/*----BLOC PLAN---*/
#bloc-plan{
		width:302px;
		float:left;
		padding-top:10px;
}
#bloc-plan img{
		border:1px solid #000;
		padding-top:2px;
}
/*---BLOC 2--*/
#droit-contacter{
		padding-top:10px;
		width:541px;
		float:left;
}

#droit-contacter h4{
		background:url(images/trait2.gif) 0 18px no-repeat ;
		width:520px;
		height:18px;
		font-size:14px;
		padding:0 0 20px 0;
		margin-left:21px;
		color:#263557;
}
#bloc-contact{
		width:256px;
		float:left;
		padding-left:17px;
}
.left{
		float:left;
}

#bloc-contact span{
		color:#AA3344;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
} 
#adress {
		background:url(images/adresse.gif)  0 0 no-repeat;
		width:170px;
		font-size:12px;
		padding:10px 0 10px 58px;
		border-bottom:1px solid #000;
}
#tele {
		background:url(images/tel.gif)  0 0 no-repeat;
		width:170px;
		font-size:12px;
		padding:10px 0 10px 58px;
		border-bottom:1px solid #000;
}
#email {
		background:url(images/@.gif)  0 0 no-repeat;
		width:170px;
		font-size:12px;
		padding:15px 0 10px 58px;
}




/*--------------page room-rate-----------*/

#header2{
		background:url(images/bg_header2.jpg) no-repeat 0 0;
		float:left;
		width:905px;
		height:171px;
		padding:23px 0 0 0;
}

.bloc_diapo{
	width:100%;
	float:left;
}
.mini_diapo{
	float:left;
	width:100%;
	padding-top:25px;
	cursor:pointer;
	
	}
.bloc_gallery1{
	background:url(images/bg-diapo.jpg) no-repeat 0 0;
	width:441px;
	float:left;
	min-height:400px;
	padding:60px 0 0 50px;
}
.bloc_right{
	width:344px;
	float:left;
	padding-top:50px;
}
.cursor{
	cursor:pointer;
	
}
p.puce{
	background:url(images/puce.gif) no-repeat 0 8px;
	padding:0 0 0 15px;
	}
/*---------Actualite-------*/

#milieu-actualite{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:885px;
		float:left;
		padding:12px 35px 0 35px;
}

#milieu-actualite h3{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:5px 0 0 20px;
		color:#68ADBD;
}