/* CSS Document */
html,body {
	background:#037fba;
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#484848;
	width:100%;
	height:100%;
}  
img{border:0}
hr {
	background-color:#047fb9;
	height:1px;
	line-height:2px;
	border: 0;
	margin: 3px 0 0 0;
	}
header #fond { 
	
	width:100%;
	height:70px;
	background: #c0c5cb url("../images/gradient-bg.png");
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #c0c5cb;
	background: #c0c5cb\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gradient-bg.png", sizingMethod="scale");
	/* Navigateurs récents */
	background-image: -webkit-gradient(
		linear,
		left top, right top,
		from(#FFF),
		to(#c0c5cb),
		color-stop(0.5, #FFFFFF)
	);
	background-image: -webkit-linear-gradient(
		left,
		#FFF,
		#FFFFFF 50%,
		#c0c5cb
	);
	background-image: -moz-linear-gradient(
		left,
		#FFF,
		#FFFFFF 50%,
		#c0c5cb
	);
	background-image: -o-linear-gradient(
		left,
		#FFF,
		#FFFFFF 50%,
		#c0c5cb
	);
	background-image: linear-gradient(
		left,
		#FFF,
		#FFFFFF 50%,
		#c0c5cb
	);

}
	header #logo {
		/* Anciens navigateurs */
		overflow:hidden;
		width:1024px;
		height:70px;
		margin:0 auto;
	}
		#logo #typo{
			height:70px;
			width:100px;
			float:left;
			font: normal 30px/30px 'Spinnaker', arial, serif;
			text-transform:uppercase;
			margin-left:15px;
			padding-top:20px;
			color:#656567;
		}
		#logo #typo a {
			text-decoration:none;
			color:#656567;
		}
		#hotelier {
			height:50px;
			width:90px;
			float:left;
			margin-top:18px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:17px;
			color:#656567;
			line-height:15px;
			text-transform:uppercase;

		}
	
		 #accroche {
					height:70px;
					width:600px;
					float:left;
					font-family:Verdana, Geneva, sans-serif;
					font-size:24px;
					margin-left:150px;
					padding-top:20px;
					color:#037fba;
					text-align:right;
				}
		#accroche a {
					color:#037fba;
					text-decoration:none;
				}

#wrapper {
	width:1024px;
	margin:0 auto;
	height:50px;
	position:relative;
	z-index:1;

}
	#wrapper nav{
		float:left;
		width:1024px;
		height:40px;
		text-align:center;
		text-transform:uppercase;
		color:#037fba;
		font-size:11px;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
		position:relative;
		z-index:1;
		
		
	}
		#wrapper #tous {
			float:left;
			width:110px;
			height:35px;
			margin:0 auto auto 30px;
			text-decoration:none;
			z-index:1;
			position:relative;
			
		}
		#wrapper nav a {
	text-decoration:none;
	color:#037fba;
	height:35px;
	padding-top:7px;
	background-color:#c1c5ce;
	display:block;
	position:relative;



		}
		#wrapper nav a:hover {
			text-decoration:none;
			color:#FFF;
			background-color:#2155b4;
			display:block;
			padding-top:7px;
			z-index:1;
			position:relative;

		}
		.a-on {
			text-decoration:none;
			color:#FFF !important;
			background-color:#2155b4 !important;
			display:block;
			padding-top:7px;
			z-index:1;
			position:relative;

		}
		#wrapper #havre {
			float:left;
			width:190px;
			height:35px;
			margin:0 auto auto 10px;
			background-color:#c1c5ce;
		}
		#wrapper #separ-nav {
			float:left;
			color: #FFF;
			height:35px;
			background-color:#c1c5ce;
			padding-top: 7px;
		}
			.separ {
			width:1px;	
			background:#FFF;
			height:28px;
			margin-top:1px;
			}
		#wrapper #gare {
			float:left;
			width:120px;
			height:35px;
			margin:0 auto auto 0;
			background-color:#c1c5ce;

		}
		#wrapper #ville {
			float:left;
			width:110px;
			height:35px;
			margin:0 auto auto 0;
			background-color:#c1c5ce;
			line-height:10px;
		}
		#wrapper #plage {
			float:left;
			width:130px;
			height:35px;
			margin:0 auto auto 0;
			background-color:#c1c5ce;
		}
		#wrapper #contact {
			float:left;
			width:100px;
			height:18px;
			margin:0 auto auto 100px;
			background-color:#c1c5ce;
			color:#FFF;
		}
			.contact {
			display:block;
			width:100px;
			height:18px !important;
			padding-top:4px;
			}
			.contact: hover {
			display:block;
			width:100px;
			height:18px !important;
			padding-top:4px;
			}
			.contact-on {
			display:block;
			width:100px;
			height:18px !important;
			padding-top:4px;
			background-color:#2155b4 !important;
			color:#FFF !important;
			}
		#wrapper #unesco {
			float:left;
			width:74px;
			height:31px;
			margin:0 auto auto 7px;
		}
section #corps {	
	clear:both;
	background:#dfe3e6;
	overflow:hidden;
	width:1024px;
	margin:auto;
}
	section #detail {
			width:310px;
			height:350px;
			float:left;
		}
		#offre-home { 
			background-color:#99999b;
			height:20px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:14px;
			text-transform:uppercase;
		}
			.bleu { 
				font-weight:bold;
				color:#037fba;
				margin:auto auto auto 20px;

			}
			.blanc {
				color:#FFF;
				}
		#offres { 
			height:55px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:10px;
			text-transform:uppercase;
		}
			.bouton {
				background-image:url(images/fond-bouton.jpg);
				font-weight:bold;
				color:#4e5152;
				width:175px;
				height:17px;
				display:block;
				padding-top:4px;
				padding-left:5px;
				text-decoration:none;
			}
			.bouton-on {
				background:#037fba;
				font-weight:bold;
				color:#4e5152;
				width:175px;
				height:17px;
				display:block;
				padding-top:4px;
				padding-left:5px;
				text-decoration:none;
			}
			.bouton a{
			text-decoration:none;
			color:#4e5152;
			}
			.bouton a:hover {
			text-decoration:none;
			color:#FFF;
			}
			
			
		#separ-bleu { 
			height:8px;
			background-color:#037fba;
		}
		#texte { 
			margin:10px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			color:#4e5152;
			text-align:justify;
		}
		
		
		section #corps-fiche {	
		clear:both;
		width:1024px;
		margin:auto;
}

		
		section #detail-type {
			width:250px;
			height:408px;
			float:left;
		}
		#offre-type { 
			background-color:#99999b;
			height:20px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			text-transform:uppercase;
			padding-top:5px;
		}
			.bleu { 
				font-weight:bold;
				color:#037fba;
				margin:auto auto auto 15px;
			}
			.blanc {
				color:#FFF;
				}
		#offres-type { 
			height:31px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:10px;
			text-transform:uppercase;
		}
			.bouton {
				background-image:url(images/fond-bouton.jpg);
				font-weight:bold;
				color:#4e5152;
				width:175px;
				height:17px;
				display:block;
				padding-top:4px;
				padding-left:5px;
				text-decoration:none;
			}
			.bouton a{
			text-decoration:none;
			color:#4e5152;
			}
			.bouton a:hover {
			text-decoration:none;
			color:#FFF;
			}
			
			
		#separ-bleu { 
			height:8px;
			background-color:#037fba;
		}
		#texte { 
			margin:10px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			color:#4e5152;
			text-align:justify;
		}

	section #image {
			width:714px;
			height:348px;
			float:left;
		}
	section #liste {
			width:573px;
			height:395px;
			float:left;
			background:#666668;
			font-family:Verdana, Geneva, sans-serif;
			overflow:scroll;
			 
		}
	section #hotel {
			width:540px;
			float:left;
			margin:5px 15px 5px 15px;
			border-bottom-style:solid;
			border-bottom-width:1px;
			border-bottom-color:#FFF;
			height:120px;
		}
		
		section .rs {
			float:left;
			color:#FFF;
			text-transform:uppercase;
			font-size:11px;
			text-decoration:none;
			line-height:11px;
			font-weight:bold;
			width:330px;
			height:15px;
		}
		section .coord {
			color:#FFF;
			font-size:12px;
			text-decoration:none;
			line-height:15px;
			width:150px;
			text-align:right
		}
		section .prix {
			color:#FFF;
			font-size:13px;
			text-decoration:none;
			width:100px;
			text-align:right
		}


		section .descr {
			float:left;
			color:#FFF;
			font-size:11px;
			text-decoration:none;
			line-height:10px;
			text-align:justify;
			
		}
		
		section #center {
			padding-left:10px;
			width:260px;
			text-decoration:none;
			color:#FFF;
			font-size:11px;
			float:left;
			text-align:justify;


		}
		section #offre {
			padding-left:10px;
			width:400px;
			text-decoration:none;
			color:#FFF;
			font-size:11px;
			float:left;
			text-align:justify;


		}
		section .carte {
			float:left;
			text-decoration:underline;
			color:#FFF;
			width:200px;
			text-align:right;
			display:block;

		}
		section .descr2 {
			float:left;
			text-decoration:none;
			color:#FFF;
			font-size:11px;
			text-align:justify
		}
		
	section #prix {
		padding-left:10px;
		width:150px;
		text-decoration:none;
		color:#FFF;
		font-size:13px;
		float:left;
		text-align:right;
		}
		.apartir {
		font-size:15px;
		font-weight:bold;
}
	section #fade {
		float:left;
		}


		section #liste-detail{
			width:1000px;
			height:520px;
			float:left;
			background:#666668 !important;
			font-family:Verdana, Geneva, sans-serif;
			overflow:hidden;
			margin:10px;
			 
		}

	section #hotel-detail {
			width:310px;
			float:left;
			height:520px;
			margin-top:10px;
		}
		
	section #bloc-desc {
			width:310px;
			float:left;
			height:520px;
			text-align:justify;
		}

		
	section #bloc-image{
			width:660px;
			float:left;
			height:500px;
			margin:10px;
		}
			section #bloc-mini{
			width:270px;
			float:left;
			margin:0 0 0 5px;
			height:220px;
			background:#878787;
			margin-top:25px;
			
		}

			section #mini{
			width:125px;
			float:left;
			margin:5px 2px 0 5px;
			height:94px;
		}
		
			section .suivant{
			width:10px;
			text-align:right;
			font-weight:bold;
			color:#FFF;
			text-decoration:none;
			margin-bottom:100px;
			height:30px;
		}

		section #fond-diapo{
			background-image:url(images/fond-diapo.png);
		}
	section #rub{
			width:750px;
			float:left;
			margin:5px 15px 5px 15px;
			height:100px;
			font-family:Verdana, Geneva, sans-serif;
		}
		section #rub-titre{
			padding:3px;
			float:left;
			margin-right:2px;
			background:#bfbfbf;
			text-transform:uppercase;
			color:#037fba;
			font-size:11px;
			text-decoration:none;
		}
				section .lien-rub{
					color:#037fba;
					font-size:11px;
					text-decoration:none;
				}

		section .descr3 {
			float:left;
			text-decoration:none;
			color:#FFF;
			font-size:11px;
			text-align:justify;
			width:280px;
			margin:10px 0 0 10px
		}
		section #moteur {
			float:left;
			text-decoration:none;
			color:#FFF;
			font-size:11px;
			width:330px;
			margin-left:25px;
			margin-top:15px;			
		}
		section #moteur-frame {
			float:left;
			text-decoration:none;
			color:#FFF;
			font-size:11px;
			width:240px;
			margin-left:25px;
			margin-top:15px;			
		}
		
		
				section #label1 {
					float:left;
					text-decoration:none;
					color:#FFF;
					font-size:11px;
					width:320px;
					height:25px
				}
				section #label {
					float:left;
					text-decoration:none;
					color:#FFF;
					font-size:11px;
					width:140px;
				}
				section #label2 {
					float:left;
					text-decoration:none;
					color:#FFF;
					font-size:11px;
					width:120px;
				}
				section #sub {
					float:left;
					text-decoration:none;
					color:#FFF;
					font-size:11px;
					width:30px;
					margin-left:5px
				}
				input {
					background:#b1b1b1;
					}
	section #map-fiche{
			width:210px;
			float:left;
			height:188px;
	}
	.lien-map {
		color:#037fba;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none
		}
		.txt-map {
		color:#037fba;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		text-decoration:none
		}

footer #foot {
	clear:both;
	background:#037fba;
	overflow:hidden;
	width:1024px;
	margin:auto;
	height:145px;

}
	footer #actu {
		clear:both;
		background:#037fba;
		overflow:hidden;
		width:762px;
		margin:0;
		float:left;
	}
	footer #titre-actu {
		clear:both;
		background-image:url(images/titre-actu.jpg);
		overflow:hidden;
		width:206px;
		height:19px;
		margin:10px auto auto 75px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		text-transform:uppercase;
		padding-top:4px;
		
	}
	footer #actu-content {
		clear:both;
		background-color:#dfe3e6;
		overflow:hidden;
		width:610px;
		height:102px;
		margin:0 auto auto 75px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		text-transform:uppercase;
		top:0;
		
	}
	footer #pave-gris {
		clear:both;
		background-color:#7d7e80;
		overflow:hidden;
		width:590px;
		height:95px;
		margin:5px 10px 5px 10px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#FFF;
	
		
	}
	footer #map {
		width:200px;
		height:144px;
		float:left;
	}
	
	footer #actu-type {
		clear:both;
		background:#037fba;
		overflow:hidden;
		width:1024px;
		margin:0;
		float:left;
	}
	footer #titre-actu-type {
		clear:both;
		background-image:url(images/titre-actu.jpg);
		overflow:hidden;
		width:206px;
		height:19px;
		margin:10px auto auto 0px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		text-transform:uppercase;
		padding-top:4px;
		
	}

	footer #actu-content-type {
		clear:both;
		background-color:#dfe3e6;
		overflow:hidden;
		width:1024px;
		height:102px;
		margin:0 auto auto auto;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		text-transform:uppercase;
		top:0;
		
	}
		footer #pave-gris-type {
		clear:both;
		background-color:#7d7e80;
		overflow:hidden;
		width:1014px;
		height:95px;
		margin:5px 0 5px 10px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
	}
	
			.footer-lien {
				
			color:#FFF;
			text-decoration:none;
			text-transform:none !important;
			}