@charset "utf-8";
/* CSS Document */

@import url('descriptif.css');

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background: white;;
}
#global {
	position:relative;
	width: 700px;
	margin: 0 auto;
	padding-bottom:3em;
	font-size: 1em;
	text-align:left;
}
#entete {
	position:relative;
	margin: 1em 0;
	width: 700px;
	height: 150px;
}
#entete.fr {
	background:url(images/entete-fr.png) no-repeat;
}
#entete.en {
	background:url(images/entete-en.png) no-repeat;
}
#entete h1 {
	position:absolute;
	left: -999em;
}
#entete h2 {
	position:absolute;
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #7f111e;
	right: 0;
	bottom: 0;
	margin: 1em;
}

#contenu {
	position: relative;
}

/* étapes */
ul#etape {
	position:relative;
	margin: 0 1em 0 -1px;
	padding: 0;
	width: 700px;
	height: 30px;
	list-style:none;
	background:url(images/f-etape.png) no-repeat;
	border-left: 1px solid #a49a9b;
}
ul#etape li {
	position:relative;
	display: block;
	float: left;
	padding: 5px 10px 5px 5px;
	height: 20px;
	width: 85px;
	background:url(images/f-etape-li.png) no-repeat;
	font-size: 1.1em;
	overflow: hidden;
	line-height:10px;
}
ul#etape li.selected {
	font-weight: bold;
	color: #7f111e;
	background:url(images/f-etape-li-over.png) no-repeat;
}

/* form */
form {
	position:relative;
	clear:left;
}
form#reservation {
	border: 1px dotted #7F111E;
	height: 40px;
}
form p {
	position:relative;
	margin:0.5em;
	font-size:12px;
}
form#reservation p {
	position:relative;
	float:left;
	height: 40px;
	margin:0 10px;
	font-size:14px;
}
form p label em {
	font-size: 10px;
	color:#C1B05C;
}
form p label {
	font-weight: bold;
	color: #7F111E;
}
form p label input {
	position:relative;
	display:block;
	width: 170px;
	text-align:center;
}
form p label.radio input {
	position:relative;
	display:inline;
	width: auto;
	text-align:left;
}
form p label select, form p label textarea {
	position:relative;
	display:block;
}
form p label img {
	position:absolute;
	right:0;
	margin-top: -22px;
}
form p label span {
	font-weight: normal;
	display: block;
	font-size: 0.8em;
	color: red;
}
form p#selectliterie {
	float: none;
	padding: 15px 25px;
	border: 1px dotted #7F111E;
	background: #7f111e; /*url(images/f-th2.png) repeat-x left bottom;*/
	font-size: 2em;
	color: white;
}
form p#selectliterie select {
	position:relative;
	display:inline;
	font-size:0.8em;
	margin-right: 1.5em;
}
form p#selectliterie span, form p#selectliterie label {
	color: white;
	font-weight: bold;
}

form#reservation4 {
	margin-top: 1em;
}
form#reservation4 fieldset {
	position:relative;
	float:left;
	padding: 5px;
	width:333px;
	_width:210px;
	min-height: 50em;
	height: auto;
	_height: 50em;
	margin: 1em 2px;
	border: 1px solid #999;
	background:#f3f3f3 url(images/f-prix.png) repeat-x;
}
form#reservation4 legend {
	font-size: 16px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7F111E;
	background: white;
}
form#reservation4 p.btnenvoyer {
	position:relative;
	clear:left;
	margin: 1em 0 2em 0;
	text-align: center;
}
form#reservation4 p label input, form#reservation4 p label textarea {
	width: 100%;
	text-align:left;
}
form#reservation4 p label.radio input {
	width: auto;
}
form#reservation4 p label textarea {
	height: 6em;
}
form#reservation4 p label textarea#cgv {
	height: 33em;
}
form#paypal {
	text-align:center;
	margin: 1em;
}

form p.submit2 {
	position: relative;
	clear: left;
	margin: 1em 0;
	padding: 1em;
	text-align: center;
	background: #7f111e;
	font-size: 2em;
	color: white;
}
form p.submit2 input {
	position:relative;
	display:inline;
	font-size:0.8em;
}
form#formreservation3 input#btn_reservation_fr, form#formreservation3 input#btn_reservation2_fr {	
  	width: 124px;
  	height: 30px;
	background: url(images/continuer.gif) no-repeat right top;
}
form#formreservation3 input#btn_reservation_en, form#formreservation3 input#btn_reservation2_en {	
  	width: 124px;
  	height: 30px;
	background: url(images/continue.gif) no-repeat right top;
}
/* tableau */
table {
	position:relative;
	width: 698px;
	border-collapse:collapse;
}
td {
	padding:5px;
	border: 1px dotted #7F111E;
	font-weight: bold;
	font-size:1.3em;
}
th {
	padding:5px;
	border: 1px dotted #7F111E;
	background:url(images/f-th.png) repeat-x;
	height: 18px;
	text-align:center;
	color:#7f111e;
}
th a {
	position:relative;
	display:block;
	color:#7f111e;
	text-decoration:none;
	background: url(images/link.png) no-repeat right top;
}
tfoot td {
	border: none;
	border-bottom: 1px dotted #7F111E;
	font-size:1.4em;
	font-weight: bold;
}

/* iframe popup */
#trailimageid {
	position:absolute;
	width: 250px;
	height: 450px;
	background: white;
	border: 1px dotted #7F111E;
}

/* autre */
h3#nouvelle_recherche {
	position:relative;
	clear:left;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d1be7d;
	margin-bottom:0.2em;
}

.blocrecap {
	position:relative;
	float: left;
	padding: 5px;
	margin-right: -1px;
	margin-bottom: 2em;
	width: 222px;
	height: 400px;
	border: 1px dotted #7F111E;
}
.blocrecap img {
	width: 100%;
}
h2 {
	position:relative;
	clear:left;
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d1be7d;
	margin-bottom:0.2em;
	margin-top:0;
}
#prix {
	background:#f3f3f3 url(images/f-prix.png) repeat-x;
}
#prix h2, #prix h3 {
	color:#7f111e;
	text-align:center;
	padding-bottom: 0.5em;
	margin-bottom:1em;
	border-bottom: 1px dotted #7F111E;
}
#prix h3 {
	margin-top: 2em;
	color: black;
	text-align:left;
	font-size: 1.1em;
	font-style:italic;
}
#prix strong {
	/*display:block;*/
}
#prix p.total {
	border: 1px solid #7F111E;
	padding: 0.2em 0.5em;
	font-size: 16px;
	background:#7f111e;
	color: white;
}
#prix p.btnreserve {
	position:relative;
	text-align:center;
}

ul#tableau_prix, ul#tableau_coordonnees {
	position:relative;
	margin: 1em 4em;
	padding: 0;
}
ul#tableau_prix li, ul#tableau_coordonnees li {
	list-style: none;
	padding: 0.2em 0;
	border-bottom: 1px solid #ccc;
}
ul#tableau_prix strong, ul#tableau_coordonnees strong {
	position:relative;
	display: -moz-inline-box;
	display: inline-block;
	width: 15em;
}

a {
	color: #7F111E;
}
a:hover {
	text-decoration: none;
}
.invitation {
	position:relative;
	margin: 1.5em 0;
}
#promo {
	position:relative;
	clear:left;
	background-color: yellow;
	color: red;
	font-weight: bold;
	text-align:center;
	margin:0;
	*margin: -18px 0 0 0;
	/*height: 30px;*/
	line-height:30px;
	font-size:24px;
	text-decoration: blink;
	border: 1px dotted #7F111E;
}

.calendar, .calendar table {
	width: 400px;
}
.invisible {
	position:absolute;
	left: -999em;
}