/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site Agence Locale de Tourisme Pays des Combrailles ------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF url(../images/body.gif) repeat-x left top;
	font-size:12px;
	height:100%;
	text-align:center;
	line-height:150%;
}

#page {
	width:100%;
	margin:0 auto;
	text-align:center;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'animation */
/* -------------------------------------------------------------------------------------------- */

#header {
	background:#FFFFFF url(../images/bg-header.gif) repeat-y left top;
	width:770px;
	height:394px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#header ul.flags {
	text-align:right;
	float:right;
	margin:9px 5px 0 0;
}
#header ul.flags li {
	display:inline;
	list-style:none;
}
#header ul.flags li a img {
	border:none;
}
#header h1 {
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding:9px 5px 10px;
	color:#75A028;
}
*html #header h1 {
	padding:9px 5px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#menu {
	position:absolute;
	height:50px;
	top:63px;
	left:270px;
	line-height:115%;
}
#menu li {
	display:block;
	float:left;
	height:50px;
	width:110px;
	text-align:center;
}
#menu li a {
	display:block;
	height:38px;
	width:110px;
	padding-top:12px;
	font-size:10px;
	text-decoration:none;
	color:#217BFF;
}
*html #menu li a {
	height:50px;
}
	#menu li.menu-item-1 a {
		color:#D65A04;
	}
	#menu li.menu-item-2 a {
		color:#C43CDE;
	}
	#menu li.menu-item-3 a {
		color:#0054B1;
	}
	#menu li.menu-item-4 a {
		color:#3AA309;
	}
	#menu li.menu-item-1 a:hover {
		color:#9F4400;
	}
	#menu li.menu-item-2 a:hover {
		color:#942EA7;
	}
	#menu li.menu-item-3 a:hover {
		color:#003E85;
	}
	#menu li.menu-item-4 a:hover {
		color:#3D7F1C;
	}
#menu li a strong {
	font-size:12px;
	text-transform:uppercase;
	width:110px;
	display:block;
	cursor:pointer;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #LASTMINUTE */
/* -------------------------------------------------------------------------------------------- */

#lastminute {
	background:url(../images/bg-lastminute.gif) no-repeat left top;
	height:auto;
	position:absolute;
	height:115px;
	width:174px;
	margin:-145px 0 0 -13px;
	padding:30px 18px 0;
	line-height:130%;
	font-size:11px;
	color:#C83610;
}
*html #lastminute {
	height:145px;
	width:210px;
}
#lastminute a {
	color:#611400;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	background:url(../images/bg-global.gif) no-repeat center top;
	min-height:592px;
	height:auto;
}
*html #global {
	height:592px;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS --------------------------------------------------------------------------------- */

#main {
	width:770px;
	margin:0 auto;
}
#left {
	width:202px;
	float:left;
	text-align:left;
	padding-top:23px;
}
#content {
	width:568px;
	float:right;
	text-align:justify;
}
#left, 
#content {
	position:relative;
	z-index:3;
}
#content .col1 {
	width:142px;
	text-align:left;
}
#content .col2 {
	width:284px;
}
#content .col3 {
	width:426px;
}
#content .col1, 
#content .col2, 
#content .col3 {
	float:left;
}

#content kbd {
	border:1px solid #999999;
	background-color:#FAF7DF;
	padding:0 5px;
}


/* -------------------------------------------------------------------------------------------- */

#main h2, 
#main h3, 
#main h4, 
#main h5, 
#main h6, 
#main p, 
#main ul, 
#main form, 
#main dl, 
#main blockquote, 
#main div.swf {
	padding:5px 10px;
}
#main table, 
#main tr, 
#main th, 
#main td, 
#main form, 
#main input, 
#main select, 
#main option, 
#main textarea {
	font-size:12px;
}
#main h2 {
	background:url(../images/bg-h2.gif) no-repeat left top;
	font-size:13px;
	margin:5px;
	padding:4px 5px 5px;
	color:#3A3A3A;
}
	#main .col2 h2 {
		background-image:url(../images/bg-h2-col2.gif);
	}
#main h3 {
	font-size:13px;
	color:#6a899d;
}
#main h4 {
	font-size:12px;
	color:#666666;
}
#main p.iris {
	background:url(../images/logo_iris.gif) no-repeat left top;
	padding-left:50px;
}
#main p.chapeau {
	background-color:#F6F3DC;
	margin:5px 10px;
}
#main p.sep {
	background:url(../images/bg-p-sep.gif) no-repeat center bottom;
	padding-bottom:25px;
}
#main blockquote {
	padding:0 10px;
	margin:5px 10px;
	border-left:4px solid #588707;
}
#main li {
	list-style:none;
}
#main li {
	background:url(../images/bg-li.gif) no-repeat 0 7px;
	padding-left:15px;
}
#main a {
	color:#217BFF;
	text-decoration:none;
}
#main a:hover {
	color:#0051C8;
	text-decoration:underline;
}
#main a.bt, 
#main a:hover.bt {
	background:url(../images/bg-a-bt.gif) no-repeat left top;
	padding:2px 0 1px 10px;
	color:#FFFFFF;
	text-decoration:none;
}
#main a:hover.bt {
	background:url(../images/bg-a-bt.gif) no-repeat left bottom;
}
*html #main a.bt, 
*html #main a:hover.bt {
	padding:0 0 0 10px;
}
#main a.bt span {
	background:url(../images/bg-a-bt.gif) no-repeat right top;
	padding:2px 10px 1px 0;
}
#main a:hover.bt span {
	background:url(../images/bg-a-bt.gif) no-repeat right bottom;
}

#main a img {
	border:none;
}
#main small {
	color:#6E6E6E;
}

#main #fastsearch {
	background:url(../images/bg-fastsearch.gif) no-repeat 0 0;
	margin-top:5px;
	padding:75px 25 0;
}
#main #fastsearch select {
	margin-bottom:5px;
	width:100%;
}
*html #main #fastsearch select {
	width:230px;
}
#content a.thickbox img {
	padding:5px;
	border:1px solid #E1E1E8;
}
#main legend {
	color:#465253;
}
#main fieldset {
	border:1px solid #F1F1F1;
	padding:5px;
	margin-bottom:5px;
}
#main fieldset.small {
	width:272px;
}
html>body #main fieldset {
	clear:both;
}
html>body #main fieldset.small {
	width:252px;
	float:left;
	clear:none;
	margin-right:10px;
}
#main input.submit {
	padding:5px;
}

#main table.kbhebnav {
	width:548px;
	margin:0 10px 10px;
}
#main table.kbhebnav td {
	background-color:#E9E5D0;
	padding:5px;
	font-size:12px;
}
#main table.resultats {
	width:548px;
	margin:0 10px;
}
#main table.resultats p.sep {
	padding:5px 0 20px;
	margin-bottom:10px;
}
#main div.ico, 
#main table.resultats div.ico {
	float:right;
}
#main div.ico {
	margin-right:10px;
}
#main table.resultats div.ico {
	margin-right:0;
}

#main table.navdocs, #main table.docs {
	width:548px;
	margin:0 10px 10px;
}
#main table.navdocs th {
	background-color:#E9E5D0;
	font-size:10px;
	font-weight:normal;
	padding:5px;
}
#main table.docs td {
	vertical-align:top;
	padding:5px;
}
#main table.docs td small {
	color:#999999;
}

#content ul.tab {
	margin:10px 10px 1px;
	padding:0;
	height:25px;
	text-align:left;
	border-bottom:1px solid #A29246;
}
*html #content ul.tab {
	height:29px;
}
#content ul.tab li {
	display:inline;
	padding:5px 5px 7px 0;
	height:29px;
	margin-left:1px;
	background:url(../images/bg-tab.gif) no-repeat right top;
}
*html #content ul.tab li {
	padding:0 5px 0 0;
}
#content ul.tab li a {
	padding:5px 0 7px 5px;
	height:29px;
	background:url(../images/bg-tab.gif) no-repeat left top;
}
#content ul.tab li.active a {
	text-decoration:none;
	cursor:default;
	color:#333333;
}
#global table.blue {
	width:548px;
	margin:10px;
	border-color:#93C8DF;
	border-style:solid;
	border-width:1px 0 0 1px;
}
#global table.blue th, 
#global table.blue td {
	border-color:#93C8DF;
	border-style:solid;
	border-width:0 1px 1px 0;
	padding:5px;
	vertical-align:middle;
}
#global table.blue th {
	background:#0772A0 url(../images/bg-blue-th.gif) repeat-x left center;
	color:#FFFFFF;
}
#global table.blue tr.row1 td {
	background-color:#D2F2FF;
}
#global table.blue tr.row2 td {
	background-color:#B5DCED;
}




/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la colonne de gauche */
/* -------------------------------------------------------------------------------------------- */

#left .auth {
	background:#F4F4F4 url(../images/bg-auth.gif) no-repeat left bottom;
	margin:5px 10px;
}
#left .auth h2 {
	background:url(../images/bg-auth-h2.gif) no-repeat left top;
	color:#FFFFFF;
	margin:0;
}
#left #ml {
	margin:5px 10px 15px;
	padding:0;
}
#left #ml li {
	padding:0;
	height:53px;
}
#left #ml li a {
	background:url(../images/bg-ml.gif) no-repeat 0 0;
	display:block;
	height:53px;
}
	#left #ml li.passloisirs a {
		background-position:0 0;
	}
	#left #ml li.poche a {
		background-position:0 -53px;
	}
	#left #ml li.coupsdecoeur a {
		background-position:0 -106px;
	}
	#left #ml li.sejours a {
		background-position:0 -159px;
	}
	#left #ml li.annuaire a {
		background-position:0 -212px;
	}
	#left #ml li.passloisirs a:hover {
		background-position:-182px 0;
	}
	#left #ml li.poche a:hover {
		background-position:-182px -53px;
	}
	#left #ml li.coupsdecoeur a:hover {
		background-position:-182px -106px;
	}
	#left #ml li.sejours a:hover {
		background-position:-182px -159px;
	}
	#left #ml li.annuaire a:hover {
		background-position:-182px -212px;
	}
#left #ml li a span {
	position:relative;
	left:-999em;
	top:-999em;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#wire {
	font-size:10px;
	text-align:left;
	margin:0 5px;
	padding:3px 0;
	color:#6F6D6E;
	border-bottom:1px solid #E8E6DD;
	margin-bottom:10px;
}
#wire ul {
	display:inline;
	padding:0;
}
#wire li {
	background:url(../images/bg-wire-li.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:10px;
	padding-right:2px;
	display:inline;
}
#wire li a {
	color:#0099FF;
	text-decoration:none;
	padding:0;
}
#wire li a:hover {
	color:#0066FF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */

#tools {
	float:right;
	margin-top:-20px;
	text-align:center;
	color:#FFFFFF;
}
#tools ul {
	padding:0;
}
#tools li {
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
	background-image:none;
}
#tools li span {
	position:absolute;
	left:-999em;
	z-index:10;
	display:block;
	padding:2px 5px;
	margin:0 0 0 50px;
	background-color:#142A32;
	color:#FFFFFF;
}
*html #tools li span {
	margin:20px 0 0 -15px;
}
#tools li:hover span, 
#tools li.sfhover span {
	left:auto;
}
#tools a, 
#tools a:hover {
	text-decoration:none;
}
#tools a img {
	text-decoration:none;
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:#588707 url(../images/bg-foot.gif) repeat-x left top;
	color:#FFFFFF;
	font-size:10px;
	line-height:150%;
	position:relative;
}
#foot div.bgbottom {
	width:100%;
	height:150px;
	position:absolute;
	margin:-150px auto 0;
	background:url(../images/bg-bgbottom.gif) no-repeat center top;
}
*html #foot div.bgbottom {
	width:770px;
}
#foot p {
	width:750px;
	margin:0 auto;
	padding:10px;
}
*html #foot p {
	width:770px;
}
#foot p.logos {
	background:url(../images/bg-p-logos.gif) no-repeat left top;
	height:54px;
}
*html #foot p.logos {
	height:74px;
}
#foot p.logos a {
	margin:0 20px;
}
#foot a {
	color:#FFFFFF;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}
#foot a img {
	border:none;
}
#foot p.abstract a {
	color:#855E74;
}
#foot p.abstract a:hover {
	color:#C7B3BE;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	margin:0 0 5px 10px;
}
.img-left {
	float:left;
	margin:0 10px 5px 0;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}