/** Initialisation variables **/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/** Variables génériques **/

body {
	text-align: center;
	background-color:#000000;
	font-family:verdana, sans-serif;
	font-size: 11px;
	}
h1 {
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	padding:5px 5px 5px 15px;
	background-color: #c7ca00;
	background: #c7ca00 url(images/h1-arondi.png) no-repeat right top;
	}
h2 {
	font-size:14px;
	font-weight:normal;
	color:#FF5D19;
	padding:0 10px 10px 10px;
	}
a {
	color: #FF5D19;
	text-decoration: none;
	}
p {
	padding:5px 10px;
	}
h1 a{
	color: #FFFFFF;
	}

/** Structure site **/

div#global {
	margin:20px auto 10px auto;
	width: 960px;
	background-color:#FFFFFF;
	text-align: left;
	}
div#menuHaut {
	width:inherit;
	height:40px;
	}
div#bandeau {
	width:inherit;
	height:210px;
	background-color:#FFFFFF;
	}
div#contenu {
	float: left;
	width:672px;
	height:auto;
	min-height:500px; /* Firefox */
	background-color:#FFFFFF;
	margin: 34px 20px 0 0;
	}
div#menuDroite {
	float: left;
	width:268px;
	margin-top:34px;
	height:auto;
	background-color: #FFFFFF;
	}
div#piedpage {
	clear: both;
	width:inherit;
	height:120px;
	background-color:#FFFFFF;
	}

/** Menu **/

div#menuHaut .item {
	width: 148px;
	height: 20px;
	float: left;
	margin: 5px 0px 5px 10px;
	background: url(images/menu-arondi.png) no-repeat right top;
	}
div#menuHaut a {
	color: #FFFFFF;
	font-weight: 900;
	text-decoration: none;
	}
div#menuHaut a:hover {
	color: #000000;
	}
.item p {
	padding: 3px 0px 0px 12px;
	}

/** Droite **/

div#menuDroite h2 {
	margin-top: 20px;
	padding-bottom: 5px;
	color: #000000;
	}
div#menuDroite p {
	font-size: 13px;
	}
div#menuDroite a:hover {
	text-decoration: underline;
	}

/** Pied page **/

div#piedPage div {
	float: left;
	margin: 20px 0px 0px 60px;
	}
p.mentions {
	clear: both;
	text-align: center;
	color: #FFFFFF;
	margin: 0 0 20px 0;
	}
.mentions a {
	color: #FFFFFF;
	}
.mentions a:hover {
	text-decoration: underline;
	}

/** Listing sejours ***/

div.imageListe {
	float: left;
	margin: 10px 10px 0px 10px;
	width: 70px;
	height: 70px;
	overflow: hidden;
	}
div.tarifListe {
	clear: both;
	float: left;
	width: 480px;
	margin-right: 20px;
	}
div.tarifListe p {
	font-size: 8pt;
	color: red
	}
div.boutonListe {
	float: left;
	width: 172px;
	}
div.boutonListe p {
	text-align: right;
	}
div.boutonListe a {
	background-color: #8e8e8e;
	color: #FFFFFF;
	padding: 3px;
	}
p.finListe {
	clear: both;
	margin-bottom: 40px;
	}

/** Detail sejours ***/

div.imageDetail {
	margin: 0;
	width: 500px;
	height: 350px;
	overflow: hidden;
	}