html
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-image: url("http://www.hotelchamplain.com/includes/items/background_html.jpg");
background-repeat: repeat-x;
background-color: #ffffff;
}

body
{
margin: 0px;
padding: 0px;
font-family: arial, serif;
font-size: 13px;
color: #393c3e;
}

input[type=submit]
{
cursor: pointer;
outline: none;
}

input[type=reset]
{
cursor: pointer;
outline: none;
}

textarea
{
font-family: arial, serif;
font-size: 13px;
overflow: auto;
}

p
{
padding: 0px;
margin: 0px;
}


/* Empeche l'encadrement en pointillé systématique effectué par Explorer lors d'un clic sur un lien */

	a
	{
	outline: none;
	}
	
	a:link
	{
	color: #346cc5;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	}
	
	a:visited
	{
	color: #346cc5;
	text-decoration: none;	
	outline: none;
	cursor: pointer;
	}
	
	a:hover
	{
	color: #346cc5;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
	}
	
	a:active
	{
	color: #346cc5;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
	}
	
	a:focus
	{
	color: #346cc5;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
	}

/* Fin d'Encadrement */


/* Conteneur */

	#super_conteneur_page_top
	{
	width: 100%;
	min-height: 551px;
	margin: 0px;
	padding: 0px;
	background-image: url("http://www.hotelchamplain.com/includes/items/background_conteneur_top.png");
	background-position: top center;
	background-repeat: no-repeat;
	}
	
	#super_conteneur_page_bottom
	{
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url("http://www.hotelchamplain.com/includes/items/background_conteneur_bottom.jpg");
	background-position: bottom center;
	background-repeat: repeat-x;
	}
	
	#conteneur_page
	{
	width: 1003px;
	margin: auto;
	}
		
/* Fin de Conteneur */

/* Header */

	#header
	{
	float: left;
	width: 1003px;
	height: 543px;
	}

		.header_part_1
		{
		float: left;
		width: 1003px;
		height: 112px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_header_part_1.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.header_part_2
		{
		clear: both;
		float: left;
		width: 1003px;
		height: 72px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_header_part_2.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
			.conteneur_menu_part_1 a , .conteneur_menu_part_3 a
			{
			display: block;
			height: 52px;
			}
			
			.conteneur_menu_part_1 a , .conteneur_menu_part_3 a
			{
			background-image: url("http://www.hotelchamplain.com/includes/items/background_menu_hover.jpg");
			background-repeat: repeat;
			}

		
			.conteneur_menu_part_1
			{
			float: left;
			width: 411px;
			height: 52px;
			margin-top: 9px;
			margin-left: 30px;
			}
			
			.conteneur_menu_part_2
			{
			float: left;
			width: 95px;
			height: 72px;
			margin-left: 14px;
			}
			
			.conteneur_menu_part_3
			{
			float: left;
			width: 411px;
			height: 52px;
			margin-top: 9px;
			margin-left: 14px;
			}
		
		.header_part_3
		{
		clear: both;
		float: left;
		width: 1003px;
		height: 359px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_header_part_3.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.bottom_logo
		{
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 100;
		}
		
		/* ================================ Slideshow ======================================*/

		#slideshow 
		{
		float: left;
		width: 944px;
		height: 285px;
		position: relative;
		top: -72px;
		left: 31px;
		z-index: 0;
		}

		#slideshow #slidesContainer 
		{
		width: 907px;
		height: 275px;
		overflow: hidden;
		position: relative;
		left: 14px;
		padding: 4px;
		border: 1px solid #e4e4e4;
		}
		
		#slidesBorder
		{
		width: 907px;
		height: 275px;
		overflow: hidden;
		}

		#slideshow #slidesContainer .slide 
		{
		width: 907px;
		height: 275px;
		overflow: hidden;
		}
		
		.control 
		{
		display: block;
		width: 39px;
		height: 263px;
		text-indent:-10000px;
		position:absolute;
		cursor: pointer;
		}

		#navDiapo
		{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		right: 10px;
		bottom: 10px;
		cursor:pointer;
		}

		#leftControl 
		{
		height: 36px;
		top: 118px;
		left: 0px;
		z-index: 150;
		background:transparent url(http://www.hotelchamplain.com/includes/items/fleche_gauche.png) no-repeat;
		}

		#rightControl 
		{
		height: 36px;
		top: 120px;
		right: -4px;
		z-index: 150;
		background:transparent url(http://www.hotelchamplain.com/includes/items/fleche_droite.png) no-repeat 0 0;
		}
		
		/* ================================ Fin de Slideshow ======================================*/
		
		.conteneur_sub_slideshow
		{
		clear: both; 
		float: left;
		position: relative;
		top: -72px;
		left: 31px;
		width: 944px;
		height: 50px;
		}
		
			/* Reservation Express */

			.titre_resa_express
			{
			float: left;
			width: 115px;
			height: 42px;
			padding-top: 8px;
			padding-left: 10px;
			font-weight: bold;
			font-size: 14px;
			color: #d10a20;
			text-align: center;
			}
			
			.form_resa_express
			{
			float: left;
			width: 370px;
			height: 37px;
			margin-left: 10px;
			font-size: 12px;
			text-align: left;
			padding-top: 13px;
			}
			
			.date_arrivee, .date_depart
			{
			width: 65px;
			height: 13px;
			padding-bottom: 5px;
			margin-right: 3px;
			margin-left: 3px;
			font-size: 12px;
			vertical-align: 0%;
			text-align: center;
			}
			
			.nb_personnes
			{
			width: 20px;
			height: 13px;
			padding-bottom: 5px;
			margin-right: 3px;
			margin-left: 3px;
			font-size: 12px;
			vertical-align: 0%;
			text-align: center;
			}
			
			.form_resa_express input[type=submit]
			{
			width: 21px;
			height: 18px;
			background: none;
			border: none;
			vertical-align: -5%;
			background-image: url("http://www.hotelchamplain.com/includes/items/btn_ok.png");
			}
			
			/* Choix de la langue */
			
			.conteneur_flags
			{
			float: left;
			width: 225px;
			height: 42px;
			padding-top: 8px;
			margin-left: 21px;
			}
			
			.link_flag
			{
			margin-right: 5px;
			}
			
			/* Inscription Newsletter */
			
			.conteneur_inscription_newsletter
			{
			float: left;
			width: 193px;
			height: 50px;
			}
			
			.form_inscription_newsletter
			{
			float: left;
			width: 193px;
			height: 38px;
			font-size: 12px;
			text-align: left;
			padding-top: 12px;
			}
			
			.form_inscription_newsletter input[type=text]
			{
			width: 140px;
			height: 13px;
			padding-bottom: 5px;
			margin-right: 3px;
			margin-left: 3px;
			font-size: 12px;
			vertical-align: 0%;
			}
			
			.form_inscription_newsletter input[type=submit]
			{
			width: 21px;
			height: 18px;
			background: none;
			border: none;
			vertical-align: -5%;
			background-image: url("http://www.hotelchamplain.com/includes/items/btn_ok.png");
			}
			
			/* Rewards */
			
			.rewards
			{
			clear: both;
			float: right;
			height: 20px;
			padding-right: 15px;
			margin-top: -13px;
			}
		
/* Fin de Header */


/* Corps */
	
	#corps
	{
	clear: both;
	float: left;
	width: 943px;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 500px;
	background-image: url("http://www.hotelchamplain.com/includes/items/background_body.png");
	background-position: top center;
	background-repeat: repeat;
	}
	
	#corps_part_gauche
	{
	float: left;
	width: 301px;
	padding-right: 5px;
	border-right: 1px dotted #c2c2c2;
	}
		
		/* Promos */
		
		.conteneur_promos
		{
		float: left;
		width: 301px;
		height: 213px;
		margin-bottom: 20px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_promos.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.titre_promos
		{
		margin-top: 7px;
		margin-left: 9px;
		}
		
		/* Carousel */
		
		.newsticker-jcarousellite 
		{ 
		width: 276px;
		height: 175px;
		margin-top: 6px;
		margin-left: 12px;
		}
		
		#liste_promos
		{
		margin-left: -40px;
		}
		
		.newsticker-jcarousellite ul li
		{ 
		width: 275px;
		height: 175px;
		list-style: none; 
		display: block;
		margin-left: 1px;
		margin-bottom: 0px;
		}
		
		.conteneur_detail_promo
		{
		float: left;		
		width: 274px;
		height: 175px;
		text-align: center;
		}
		
		.montant_promos
		{
		float: left;
		width: 274px;
		height: 28px;
		padding-top: 10px;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_montant_promos.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.mentions_promos
		{
		clear: both;
		float: left;
		width: 274px;
		padding-top: 5px;
		height: 72px;
		font-size: 13px;
		text-align: justify;
		}
		
		.prix_promos
		{
		clear: both;
		float: left;
		width: 274px;
		font-size: 16px;
		}
		
		.reserver_promos
		{
		clear: both;
		float: left;
		width: 209px;
		height: 30px;
		padding-top: 8px;
		padding-left: 65px;
		text-align: center;
		}
		
		.reserver_promos a
		{
		width: 137px;
		height: 21px;
		padding-top: 6px;
		display: block;
		text-align: center;
		font-size: 12px;
		font-family: arial, serif;
		font-weight: bold;
		color: #393c3e;
		text-transform: uppercase;
		background-image: url("http://www.hotelchamplain.com/includes/items/btn_promos.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.reserver_promos a:link, .reserver_promos a:visited, .reserver_promos a:hover
		{
		text-decoration: none;
		}
		
		
		/* Demande de rappel */
		
		.conteneur_rappel
		{
		float: left;
		width: 301px;
		height: 305px;
		margin-bottom: 20px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_rappel.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.titre_rappel
		{
		margin-top: 7px;
		margin-left: 9px;
		}
		
		.illustr_rappel
		{
		float: left;
		margin-top: 6px;
		margin-left: 13px;
		}
		
		.form_rappel
		{
		clear: both; 
		float: left;
		width: 275px;
		height: 178px;
		margin-top: 6px;
		margin-left: 13px;
		}
		
		.form_rappel input[type=text]
		{
		width: 269px;
		margin-bottom: 10px;
		}
		
		.form_rappel textarea
		{
		width: 269px;
		height: 70px;
		overflow: auto;
		margin-bottom: 7px;
		}
		
		.form_rappel input[type=submit]
		{
		width: 137px;
		height: 28px;
		padding-bottom: 3px;
		margin-left: 65px;
		text-align: center;
		font-size: 12px;
		font-family: arial, serif;
		font-weight: bold;
		color: #393c3e;
		text-transform: uppercase;
		background: none;
		border: none;
		outline: none;
		background-image: url("http://www.hotelchamplain.com/includes/items/btn_promos.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		
		/* Leur avis */
		
		.conteneur_avis
		{
		float: left;
		width: 301px;
		height: 163px;
		margin-bottom: 20px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_avis.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		/* Carousel */
		
		.avisticker-jcarousellite 
		{ 
		width: 260px;
		height: 120px;
		margin-left: 15px;
		margin-top: 11px;
		}
		
		#liste_avis
		{
		margin-left: -40px;
		}
		
		.avisticker-jcarousellite ul li
		{ 
		width: 270px;
		height: 120px;
		list-style: none; 
		display: block;
		margin-bottom: 0px;
		}
		
		.titre_avis
		{
		margin-top: 7px;
		margin-left: 9px;
		}
		
		.detail_avis
		{
		float: left;
		width: 260px;
		height: 76px;
		padding: 5px;
		overflow: hidden;
		text-align: justify;
		}
		
		.auteur_avis
		{
		float: left;
		width: 260px;
		height: 20px;
		margin-top: 15px;
		font-size: 12px;
		color: #848383;
		text-align: right;
		z-index: 50;
		}
		
		.conteneur_arrows
		{
		clear: both;
		float: left;
		width: 45px;
		position: relative;
		margin-top: -20px;
		margin-left: 15px;
		z-index: 100;
		background-color: #ffffff;
		}
		
		.conteneur_arrows img
		{
		cursor: pointer;
		}
		
		
	#corps_part_droite
	{
	float: left;
	width: 618px;
	padding-left: 10px;
	min-height: 500px;
	}
	
		.titre_corps_droite
		{
		float: left;
		width: 618px;
		height: 50px;
		background-image: url("http://www.hotelchamplain.com/includes/items/background_titre_corps_droite.png");
		background-position: top center;
		background-repeat: no-repeat;
		}
		
		.contenu_corps_droite
		{
		clear: both;
		float: left;
		width: 618px;
		padding-top: 10px;
		min-height: 500px;
		text-align: justify;
		}
	

/* Fin de Corps */


/* Footer */

	#footer
	{
	clear: both;
	float: left;
	width: 943px;
	padding-left: 30px;
	padding-right: 30px;
	height: 50px;
	padding-top: 20px;
	text-align: right;
	color: #8b8a8a;
	font-size: 12px;
	background-image: url("http://www.hotelchamplain.com/includes/items//background_footer.png");
	background-position: top center;
	background-repeat: no-repeat;
	}
	
		.footer_part_gauche
		{
		float: left;
		width: 900px;
		height: 50px;
		text-align: left;
		}
		
		.contenu_txt_footer_part_gauche
		{
		float: left;
		height: 47px;
		line-height: 20px;
		padding-top: 3px;
		}
		
		.logo_bw
		{
		float: left;
		margin-right: 10px;
		}
		
		.footer_part_droite
		{
		float: left;
		width: 43px;
		height: 50px;
		text-align: right;
		}
	
	#footer a:link, #footer a:visited, #footer a:hover
	{
	color: #8b8a8a;
	}

/* Fin de Footer */