/* CSS Document -------------------------------------------------------------------------------- */
/* Mise en forme du site AUVERGNE CHALETS ------------------------------------------------------ */
/* www.iris-interactive.fr --------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
}
body {
	background:#8DA2C4 url(../images/body.jpg) no-repeat fixed center bottom;
	font-size:12px;
	height:100%;
	text-align:center;
	line-height:150%;
	font-family:'Trebuchet MS', Verdana, sans-serif;
}
#page {
	padding:0 0 230px 0;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#header {
	width:950px;
	height:290px;
	margin:0 auto;
	text-align:justify;
}
#header .swf {
	padding:0;
	margin:0;
}
#header h1 {
	font-size:13px;
	position:absolute;
	left:-999em;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	width:944px;
	height:38px;
	background:url(../images/bg-global.png) repeat-y left top;
	margin:0 auto;
	padding:0 3px;
	text-align:left;
}
#navigation ul {
	background:url(../images/bg-navigation.gif) no-repeat left top;
	height:38px;
	position:relative;
	top:0;
	left:0;
}
#navigation ul li {
	cursor:pointer;
	float:left;
	list-style:none;
}
#navigation ul a {
	background:url(../images/bg-navigation.gif) no-repeat left top;
	display:block;
	height:38px;
	width:118px;
	text-decoration:none;
}
#navigation ul .rub1 a {
	background-position:0 0;
}
#navigation ul .rub2 a {
	background-position:-118px 0;
}
#navigation ul .rub3 a {
	background-position:-236px 0;
}
#navigation ul .rub4 a {
	background-position:-354px 0;
}
#navigation ul .rub5 a {
	background-position:-472px 0;
}
#navigation ul .rub6 a {
	background-position:-590px 0;
}
#navigation ul .rub7 a {
	background-position:-708px 0;
}
#navigation ul .rub8 a {
	background-position:-826px 0;
}
#navigation a span {
	position:absolute;
	left:-999em;
}
#navigation .rub1 a:hover {
	background-position:0 -38px;
}
#navigation .rub2 a:hover {
	background-position:-118px -38px;
}
#navigation .rub3 a:hover {
	background-position:-236px -38px;
}
#navigation .rub4 a:hover {
	background-position:-354px -38px;
}
#navigation .rub5 a:hover {
	background-position:-472px -38px;
}
#navigation .rub6 a:hover {
	background-position:-590px -38px;
}
#navigation .rub7 a:hover {
	background-position:-708px -38px;
}
#navigation .rub8 a:hover {
	background-position:-826px -38px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	width:944px;
	margin:0 auto;
	padding:0 3px;
	background:url(../images/bg-global.png) repeat-y left top;
	text-align:justify;
	position:relative;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

#global .col236 {
	width:236px;
	text-align:left;
}
#global .col314 {
	width:314px;
	text-align:left;
}
#global .col354 {
	width:354px;
}
#global .col472 {
	width:472px;
}
#global .col708 {
	width:708px;
}
#global .col236,
#global .col314,
#global .col354,
#global .col472,
#global .col708 {
	float:left;
}
#global .citation-row1, 
#global .citation-row2 {
	margin:5px 10px;
	padding-top:5px;
	background:url(../images/bg-citation.gif) no-repeat left top;
}
#global div.thumb {
	margin:5px 10px;
	border:2px solid #4D5A6D;
	overflow:hidden;
	text-align:center;
	height:125px;
	height:150px;
	background-color:#FFFFFF;
}
#global div.thumb a img {
	border:none;
}
	#global div.thumb table {
		width:100%;
		height:100%;
	}
	#global div.thumb table td {
		vertical-align:middle;
		text-align:center !important;
	}

#global div.thumb120 {
	margin:3px 60px;
	border:2px solid #4D5A6D;
	overflow:hidden;
	text-align:center;
	height:75px;
	background-color:#FFFFFF;
}
#global div.thumb120 a img {
	border:none;
}
#global .googlemap {
	height:460px;
	margin:5px 10px;
	z-index:0;
	background-color:#FFFFFF;
	border:1px solid #CECECE;
}
	#global .col472 .googlemap {
		height:320px;
	}


/* -------------------------------------------------------------------------------------------- */

#global p, 
#global ul, 
#global form, 
#global dl, 
#global blockquote, 
#global h1, 
#global h2, 
#global h3, 
#global h4, 
#global h5, 
#global h6 {
	padding:5px 10px;
}
#global p, 
#global ul, 
#global form, 
#global input, 
#global textarea, 
#global select, 
#global option, 
#global blockquote, 
#global table, 
#global tr, 
#global th, 
#global td {
	font-size:12px;
}
#global h1 {
	font-size:17px;
	color:#333333;
}
#global h2 {
	font-size:15px;
	color:#EEE80E;
}
#global h3 {
	font-size:16px;
	font-weight:normal;
	color:#E2007A;
}
#global h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#E78500;
}
#global p.chapeau {
	background: url(../images/bg-p-chapeau.png) no-repeat right bottom;
	margin:0 0 10px;
	padding-bottom:20px;
}
#global .col708 p.chapeau {
	background-position:center bottom;
}
#global p.virtualVRbts {
	padding:15px 10px;;
}
#global p.iris {
	background:url(../images/logo_iris.gif) no-repeat 5px 0;
	padding-left:55px;
}
#global ul li {
	background:url(../images/bg-li.gif) no-repeat 0 7px;
	padding:0 0 10px 15px;
	list-style:none;
}
	#global ul li.big {
		background-position:0 8px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		padding-bottom:15px;
	}

#global .citation-row1 blockquote, 
#global .citation-row2 blockquote {
	padding-bottom:15px;
}
#global .citation-row1 blockquote {
	background:url(../images/bg-citation-row1-blockquote.gif) no-repeat left bottom;
}
#global .citation-row2 blockquote {
	background:url(../images/bg-citation-row2-blockquote.gif) no-repeat left bottom;
}
#global .citation-row1 em.author, 
#global .citation-row2 em.author {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666666;
}
#global a {
	color:#E2007A;
}
	#global a.rss {
		padding-left:20px;
		background:url(../images/bg-a-rss.gif) no-repeat 0 2px;
	}
	#global a.comment {
		padding-left:20px;
		background:url(../images/bg-a-comment.gif) no-repeat 0 2px;
	}
	#global a.lnksejour {
		padding-left:20px;
		background:url(../images/bg-a-lnksejour.gif) no-repeat 0 2px;
	}
	#global a.virtualVR {
		font-size:15px;
		padding-left:40px;
		background:url(../images/bg-a-virtualVR.gif) no-repeat 0 50%;
	}
#global a:hover {
	color:#4E015D;
}
	#global a.reservation, 
	#global a.disponibilites, 
	#global a.weekend, 
	#global a.tarifs {
		display:block;
		height:30px;
	}
	#global a.reservation {
		background:url(../images/bt-reservation.gif) no-repeat left top;
	}
	#global a.disponibilites {
		background:url(../images/bt-disponibilites.gif) no-repeat left top;
	}
	#global a.weekend {
		background:url(../images/bt-weekend.gif) no-repeat left top;
	}
	#global a.tarifs {
		background:url(../images/bt-tarifs.gif) no-repeat left top;
	}
	#global a:hover.reservation, 
	#global a:hover.disponibilites, 
	#global a:hover.weekend, 
	#global a:hover.tarifs {
		background-position:left bottom;
	}
	#global a.reservation span, 
	#global a.disponibilites span, 
	#global a.weekend span, 
	#global a.tarifs span {
		position:absolute;
		left:-999em;
	}

#global span.calendar {
	padding-left:20px;
	background:url(../images/calendar.png) no-repeat 0 50%;
}

#global dl.agenda {
	clear:both;
}
#global dl.agenda dt {
	background:url(../images/bg-dl-agenda-dt.gif) no-repeat right bottom;
	float:left;
	text-align:center;
	padding:2px;
	width:40px;
}
	html>body #global dl.agenda dt {
		padding:0 5px;
		width:30px;
	}
#global dl.agenda dt span {
	display:block;
	font-weight:bold;
}
#global dl.agenda dt span.day {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#FFFFFF;
}
#global dl.agenda dt span.month {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFC03A;
	margin-top:-3px;
}
#global dl.agenda dt span.year {
	font-size:12px;
	color:#000000;
	margin-top:-3px;
}
#global dl.agenda dd {
	padding-left:45px;
	text-align:left;
}

#global span.oldprice {
	color:#666666;
	font-size:10px;
	text-decoration:line-through;
}

#global legend {
	color:#052962;
}
#global fieldset {
	border:none;
	padding:5px;
	margin-bottom:5px;
	clear:both;
}
#global fieldset.small {
	width:232px;
	clear:none;
}
	html>body #global fieldset.small {
		width:202px;
		float:left;
		margin-right:10px;
	}
#global input.submit {
	padding:5px;
}
#global table.data {
	margin:5px 10px;
	border:solid #FFFFFF;
	border-width:1px 0 0 1px;
}
	#global div.center table.data {
		margin:5px auto;
	}
	#global .col708 table.data {
		width:688px;
	}
#global table.data caption {
	font-size:13px;
	font-weight:bold;
	padding:5px;
}
#global table.data th, 
#global table.data td {
	border:solid #FFFFFF;
	border-width:0 1px 1px 0;
	padding:5px;
	text-align:center;
}
#global table.data tr.row1 td {
	background-color:#dbe1ec;
}
#global table.data tr.row2 td {
	background-color:#c0ccde;
}
/*#global table.data tr.row1:hover td, 
#global table.data tr.row2:hover td,
#global table.data tr.row1.sfhover td, 
#global table.data tr.row2.sfhover td {
	background-color:#8ee6ff;
}*/


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#global #wire {
	background:url(../images/bg-wire.png) no-repeat center bottom;
	position:relative;
}
#global #wire ul {
	font-size:10px;
	color:#6F6D6E;
	padding:5px 10px;
}
#global #wire li {
	background:url(../images/bg-li-wire.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:12px;
	padding-right:2px;
	display:inline;
}
#global #wire li a {
	text-decoration:none;
}
#global #wire li a:hover {
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */

#global #wire #tools {
	position:absolute;
	top:0;
	right:0;
}
#global #wire #tools ul {
	margin:0;
	padding-top:4px;
	text-align:right;
}
#global #wire #tools li {
	display:inline;
	list-style:none;
	padding:0;
	background-image:none;
}
#global #wire #tools a {
	position:relative;
}
#global #wire #tools a img {
	border:none;
}
#global #wire #tools a span {
	position:absolute;
	white-space:nowrap;
	left:-999em;
	background-color:#E2007A;
	color:#FFFFFF;
	padding:0 5px;
	font-size:12px;
}
#global #wire #tools a:hover img {
}
#global #wire #tools a:hover span {
	left:auto;
	margin:25px 0 0 -20px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:url(../images/bg-foot.png) no-repeat center top;
	width:950px;
	margin:0 auto;
	text-align:center;
	padding-top:7px;
	font-size:10px;
	color:#FFFFFF;
}
#foot p.baseline {
	line-height:130%;
}
#foot a {
	color:#FFFFFF;
}
#foot a img {
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:0 10px 5px 0;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}