* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	font-size: 75%;
	font-family: helvetica, sans-serif;
	background: url(images/fondpage7.jpg)  repeat top;
}

ul#header {
	margin: auto;
	height: 177px;
	width: 1010px;
	background: url(images/imgheader5.png) no-repeat;
	list-style-type: none;
}

div#fondheader {
	height: 177px;
	width: 100%;
	background: url(images/fondheader2.jpg) repeat-x;
}

div#separation {
	height: 23px;
	background: url(images/separation.jpg) repeat-x; 
	margin-top: -4px;
}

.clear {
	clear: both;
}

iframe {
margin: 0 auto 0 auto;
}
/* Début menu horizontal*/
#menu div#nav {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -32px;
	width: 1010px;
	height: 26px;
}
div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#vols div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-vols.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#hotels div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-hotels.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#vol-hotel div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-weekend.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#weekend div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-sejour.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#sejour div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-voiture.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#voiture div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-boat.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#boat div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-pel.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#promotion div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-promo.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#contact div#menu div#nav {
	display: block;
	list-style-type: none;
	list-style: none;
	vertical-align:top;
	width: 1010px;
	height: 26px;
	background: url(images/nav-main-contact.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

	div#nav div a {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#fff;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	div#nav div a:hover {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#fff;
		font-size:1.24em;
		font-weight:bold;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#vols div#menu div#nav div a.vols {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#hotels div#menu div#nav div a.hotels {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#vol-hotel div#menu div#nav div a.hotels2 {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#weekend div#menu div#nav div a.weekends {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#sejour div#menu div#nav div a.sejours {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#voiture div#menu div#nav div a.voitures {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#boat div#menu div#nav div a.bateaux {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#promotion div#menu div#nav div a.promo {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#blog div#menu div#nav div a.pelerinage {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}
	#contact div#menu div#nav div a.contact {
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#3d4774;
		font-size:1.24em;
		height: 21px;
		width: 101px;
		text-align:center;
		margin-top:6px;
	}

/* Fin menu horizontal*/

/* Début mise en page*/
div#wrapper {
	width: 1020px;
	margin: 0 auto;
}

div#flux {
	clear: left;
}

div#colgauche {
	margin: 0 0;
	float: left;
	width: 170px;
}

div#colcentre {
	margin: 0 0;
	float: left;
	width: 676px;
	overflow:hidden;
}

#livredor div#colcentre {
	margin: 0 0;
	float: left;
	width: 610px;
	overflow:hidden;
}

div#coldroite {
	margin: 0 0 0 0;
	float: right;
	width: 172px;
}

#livredor div#coldroite {
	margin: 0 0 0 0;
	float: left;
	width: 162px;
}
/* Fin mise en page*/

/* Début menu gauche*/
ul#nav-gauche {
	margin-left:10px;
	margin-top: 45px;
	width: 150px;
	height: 230px;
	list-style-type: none;
	background: url(images/menugauche.png) no-repeat;
}
#qui div#wrapper div#colgauche ul#nav-gauche {
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	width: 150px;
	height: 230px;
	list-style-type: none;
	background: url(images/menugauche-qui.png) no-repeat;
}
#partenaires div#wrapper div#colgauche ul#nav-gauche {
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	width: 150px;
	height: 230px;
	list-style-type: none;
	background: url(images/menugauche-partenaire.png) no-repeat;
}
#liens div#wrapper div#colgauche ul#nav-gauche {
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	width: 150px;
	height: 230px;
	list-style-type: none;
	background: url(images/menugauche-lien.png) no-repeat;
}
ul#nav-gauche li a{
	display:block;
	text-decoration:none;
	font-family: "courier new";
	color:#fff;
	font-size:1em;
}

ul#nav-gauche li a:hover{
	text-decoration:none;
	font-family: "courier new";
	color:#fff;
	font-weight:bold;
	font-size:1em;
}

div#wrapper div#colgauche ul#nav-gauche li a.qui{
	padding: 12px 0 0 8px;
}
div#wrapper div#colgauche ul#nav-gauche li a.partenaires{
	margin: 36px 0 0 10px;
}
div#wrapper div#colgauche ul#nav-gauche li a.liens{
	margin: 38px 0 0 20px;
}

div#wrapper div#colgauche ul#nav-gauche li a:hover.qui{
	padding: 12px 0 0 8px;
}
div#wrapper div#colgauche ul#nav-gauche li a:hover.partenaires{
	margin: 36px 0 0 10px;
}
div#wrapper div#colgauche ul#nav-gauche li a:hover.liens{
	margin: 38px 0 0 20px;
}

.tampons {
		background: url(images/tampons.png) no-repeat;
		float: left;
		display: block;
		width: 165px;
		height: 219px;
		margin: 35px 0 0 0;
}
/*Fin menu gauche*/

/*Début box centrale*/
.box-one { 
	width: 676px; 
	margin: 20px 0 0 0;
	background: url(images/centrebox1.jpg) center repeat-y;
}

.box-one .inside { 
	padding: 0 10px; 
}
/*Fin box centrale*/

/*Début blog*/
ul#blog {
	margin-left: auto;
	margin-right: 15px;
	margin-top: 45px;
	display: block;
	width: 150px;
	height: 143px;
	list-style-type: none;
	background: url(images/menudroite.png) no-repeat;
}
	
	ul#blog li a.livre{
		margin:10px 0 0 28px;
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#fff;
		font-size:1em;
	}
	ul#blog li a:hover.livre{
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#fff;
		font-weight:bold;
		font-size:1em;
		margin:10px 0 0 28px;
	}

	ul#blog li a.blog{
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#fff;
		font-size:1em;
		margin:34px 0 0 20px;
	}
	ul#blog li a:hover.blog{
		float: left;
		text-decoration:none;
		font-family: "courier new";
		color:#fff;
		font-weight:bold;
		font-size:1em;
		margin:34px 0 0 20px;
	}
li a.boussole {
	background: url(images/boussole1.png) no-repeat;
	float: left;
	display: block;
	width: 166px;
	height: 227px;
	margin: 65px 0 0 0;
}
li a:hover.boussole {
	background: url(images/boussole2.png) no-repeat;
	float: left;
	display: block;
	width: 166px;
	height: 227px;
	margin: 65px 0 0 0;
}
/*Fin blog*/

/*Début footer*/
div#footer {
	width: 100%;
	height: 13px;
	margin-top: 0px;
}
ul#footer1 {
	width: 560px;
	position: relative;
	left: 27%;
	list-style-type: none;
	overflow:visible;
	float:left;
}
ul#footer1 li {
	display: inline;
	list-style-type: none;
}
ul#footer1 li a {
	color: #3d4774;
	text-decoration: none;
	margin-right:10px;	
}
ul#footer1 li a:hover {
	color: #620c1d;
	text-decoration: none;	
}
/*Fin footer*/
#livredor ul#nav-gauche {
	margin-left:10px;
	margin-top: 45px;
	width: 150px;
	list-style-type: none;
	background: url(images/menugauche.png) no-repeat;
}

#livredor #livredor ul#nav-gauche li a{
	display:block;
	text-decoration:none;
	font-family: "courier new";
	color:#000;
	font-size:1em;
}

#livredor #livredor ul#nav-gauche li a:hover{
	text-decoration:none;
	font-family: "courier new";
	color:#000;
	font-weight:bold;
	font-size:1em;
}

#livredor div#wrapper div#colgauche ul#nav-gauche li a.qui{
	margin:-2px 0 0 -8px;
}
#livredor div#wrapper div#colgauche ul#nav-gauche li a.partenaires{
	margin:18px 0 0 -4px;
}
#livredor div#wrapper div#colgauche ul#nav-gauche li a.liens{
	margin:25px 0 0 -10px;
}