/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site Auvergne Terre Cyclo --------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF url(../images/body.gif) scroll no-repeat center bottom;
	font-size:11px;
	text-align:center;
	font-family:'Trebuchet MS', Verdana, sans-serif;
}
body.index {
	background-image:url(../images/body-index.gif);
	padding-bottom:60px;
}

/* -------------------------------------------------------------------------------------------- */
/* Jeu Tour de France 2008 */
/* -------------------------------------------------------------------------------------------- */

#bandeau_tour {
	width:475px;
	height:80px;
}

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

#navigation {
	background:url(../images/bg-navigation.gif) no-repeat left top;
	width:990px;
	height:64px;
	margin:0 auto;
}
#navigation ul {
	height:64px;
	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:64px;
	text-decoration:none;
}
#navigation ul .rub1 a.main {
	width:330px;
	background-position:0 0;
	z-index:1;
}
#navigation ul .rub2 a.main {
	width:110px;
	background-position:-330px 0;
	z-index:2;
}
#navigation ul .rub3 a.main {
	width:110px;
	background-position:-440px 0;
	z-index:3;
}
#navigation ul .rub4 a.main {
	width:110px;
	background-position:-550px 0;
	z-index:4;
}
#navigation ul .rub5 a.main {
	width:110px;
	background-position:-660px 0;
	z-index:5;
}
#navigation ul .rub6 a.main {
	width:110px;
	background-position:-770px 0;
	z-index:6;
}
#navigation ul .rub7 a.main {
	width:110px;
	background-position:-880px 0;
	z-index:7;
}
#navigation a span {
	display:none;
}
#navigation a.main span.hover {
	background:url(../images/bg-navigation.gif) no-repeat left top;
	cursor:pointer !important;
	display:block !important;
	height:64px;
	width:100%;
	z-index:100;
}
#navigation .rub1 a.main .hover {
	background-position:0 -64px;
}
#navigation .rub2 a.main .hover {
	background-position:-330px -64px;
}
#navigation .rub3 a.main .hover {
	background-position:-440px -64px;
}
#navigation .rub4 a.main .hover {
	background-position:-550px -64px;
}
#navigation .rub5 a.main .hover {
	background-position:-660px -64px;
}
#navigation .rub6 a.main .hover {
	background-position:-770px -64px;
}
#navigation .rub7 a.main .hover {
	background-position:-880px -64px;
}

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

#header {
	background-color:#D8F1FF;
	height:299px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre d'outils */
/* -------------------------------------------------------------------------------------------- */

#toolbox {
	width:968px;
	height:20px;
	margin:0 auto;
	text-align:right;
	padding:5px 0;
	color:#666666;
	border-bottom:1px solid #E0E0E0;
	font-size:10px;
}
#tools {
	position:relative;
	float:right;
	z-index:5;
}
#tools li {
	position:relative;
	z-index:5;
}
#tools li {
	float:left;
	padding-left:5px;
	list-style:none;
}
#tools a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	position:relative;
	z-index:5;
}
#tools a img {
	border:none;
}
#tools a span {
	border:none;
	position:absolute;
	left:-999em;
	padding:3px;
	background-color:#639A00;
	margin:25px 0 0 -10px;
	white-space:nowrap;
}
	html* #tools a span {
		top:10px;
	}
#tools a:hover span {
	left:auto;
}
#toolbox #wire {
	float:left;
}
#toolbox #wire li {
	background:url(../images/bg-li-wire.gif) no-repeat 0 4px;
	padding:0 5px 0 10px;
	list-style:none;
	display:inline;
}
#toolbox #wire a {
	color:#444444;
}

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

#content {
	width:988px;
	margin:0 auto;
	padding:0 1px;
	text-align:justify;
}
*html #content {
	width:990px;
}

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

.col1 {
	width:247px;
}
	.ombre {
		background:url(../images/bg-col1-ombre.gif) no-repeat left bottom;
		position:relative;
		margin-top:-5px;
		padding:5px 0;
	}
	.ombrebis {
		background:url(../images/bg-col1-ombre.gif) no-repeat left bottom;
		position:relative;
		margin-top:5px;
		padding:5px 0;
		float:right !important;
	}
	/* Textes et images dans bulle */
	.bul_texte {
		width:478px;
		min-height:229px !important;
		height:222px !important;
	}
	.bul_arbo_tdf {
		position:absolute;
		width:729px;
		padding-top:5px;
		height:30px;/*
		background-color:#f8ba19;*/
		background:url(../images/tdf_arbo.png) left repeat-x;
		bottom:10px;
		left:6px;
		z-index:120;
	}
	*html .bul_arbo_tdf {
		height:35px;
		width:728px;
	}
	.col2 ul.vid_auv li,
	.bul_arbo_tdf ul li {
		display:inline;
		float:left;
		margin-right:12px;
	}
	.bul_photo {
		position:absolute;
		top:16px;
		right:5px;
		padding-top:0px;
		padding-right:10px;
		padding-left:5px;
		width:251px;
		min-height:245px !important;
	}
	.bul_photo2 {/*
		position:absolute;*/
		top:16px;
		right:0;
		padding-top:0px;
		width:251px;
		min-height:190px !important;
		height:190px;
	}
	.colterimg {
		width:247px;
		min-height:180px;
		float:left;
		text-align:center;
	}
	.colter {
		width:247px;
		min-height:180px;
		float:left;
		padding:0;
		margin:0;
	}
	/* --------------------------- */
	.encart {
		background:#C3AF4F url(../images/bg-encart.gif) no-repeat left bottom;
		width:237px;
		min-height:300px;
		margin:10px 5px;
		color:#EEEEEE;
		text-align:left;
	}
		html* .encart {
			min-height:320px;
		}
	.defined {
		height:110px !important;
	}
	.encart_hz {
		background:url(../images/bg-encart_hz.gif) top left no-repeat;
		min-height:140px !important;
		height:140px;
		padding-left:10px;
	}
	.encart_hz_bottom {
		background:url(../images/bg-encart_hz.gif) bottom left no-repeat;
		height:3px;
	}
	.encart_hz span strong {
		padding:0;
		margin:0;
	}/*
	.encart_hz span ul li a {
		color:#ffffff;
	}*/
	.encart_hz div.end,
	.encart_hz div {
		width:129px;
		min-height:125px !important;
		float:left;
		margin-top:10px;
		margin-right:10px;
		padding-right:5px;/*
		background-color:#cbdf6e;*/
	}
	*html .encart_hz div {
		width:134px;
	}
	.encart_hz div {
		border-right:1px solid #cbdf6e;
	}
	.encart_hz div.end {
		border:0;
	}
	.encart .top {
		background:url(../images/bg-encart.gif) no-repeat left top;
		height:3px;
	}

	/* Encart Agenda Calendrier */
	#calendar {
		float:right;
	}
	#calendar th {
		background:#2dabff url(../images/bg-resultats-th.gif) repeat-x left top;
		font-size:13px;
		padding:5px 3px;
		color:#FFFFFF;
	}
	table#calendar {
		border-left:1px solid #9dc5e0;
	}
	#calendar th, 
	#calendar td {
		text-align:center;
		vertical-align:middle;
		cursor:default;
	}
	#calendar th img {
		margin-top:1px;
	}
	#calendar td {
		background-color:#F9F7F5;
		padding:3px;
		border-right:1px solid #9dc5e0;
		border-bottom:1px solid #9dc5e0;
	}
	#calendar td.dayActive {
		font-weight:bold;
		background-color:#C3C1A9;
		color:#004A91;
		cursor:pointer;
	}
	#calendar tr td.dayok {
		background-color:#ff7e00;
		color:#000000;
		font-weight:bold;
		cursor:pointer;
	}
	#calendar tr td.dayok:hover, 
	#calendar tr td.dayok.sfhover {
		background-color:#FFCC66;
		color:#CC0000;
	}
	#calendar tr td.dayActive:hover, 
	#calendar tr td.dayActive.sfhover {
		background-color:#0086cc;
		color:#FFFFFF;
	}
	#calendar tr td.onglet {
		background-color:#eeeeee;
		border-right:1px solid #cfcfcf;
		border-bottom:1px solid #cfcfcf;
		color:#ffffff000000;
	}
	#calendar tr td.blank,
	#calendar tr th.blank {
		background:none;
		background-color:#ffffff;
		color:#ffffff;
		font-size:13px;
		padding:5px 3px;
	}
	.col3 hr,
	.col2 hr {
		color:#eeeeee;
		background-color:#eeeeee;
		height:1px;
		border:0;
	}
	span.money {
		background:url(../images/money.png) no-repeat 0 3px;
		padding-left:20px;
	}
	span.clock {
		background:url(../images/clock.png) no-repeat 0 3px;
		padding-left:20px;
	}

	/* -------------------------------------------------------------------------- */
	/* Encart spécial Tour de France 2008 */
	.encart_tdf {
		background:#f8ba19 url(../images/bg-encart_tdf.gif) no-repeat left bottom;
		width:237px;
		margin:10px 5px;
		color:#000000;
		text-align:left;
	}
	.encart_tdf_hgt {
		background:#f8ba19 url(../images/bg-encart_tdf_hgt.gif) no-repeat left top;
		width:237px;
		margin:10px 5px;
		color:#000000;
		text-align:left;
	}
	.encart_tdf .top_tdf {
		background:url(../images/bg-encart_tdf.gif) no-repeat left top;
		height:3px;
	}
	.bottom_tdf {
		background:url(../images/bg-encart_tdf.gif) no-repeat left bottom;
		height:3px;
	}
	#content a.tdf,
	#content ul li a.tdf {
		color:#990000;
	}
	#content a.tdf:hover,
	#content ul li a.tdf:hover {
		color:#993300;
	}
.col2 {
	width:494px;
}
	.ombre2 {
		background:url(../images/bg-col2-ombre.gif) no-repeat left bottom;
		position:relative;
		margin-top:15px;
		padding:5px 0;
	}
	.enc_col2 {
		background-color:#d8db70;
		border:1px solid #cfcfcf;
	}
.col3 {
	width:741px;
}
	.ombre3 {
		background:url(../images/bg-col3-ombre.gif) no-repeat left bottom;
		position:relative;
		margin-top:15px;
		padding:0 0 5px 0;
	}
	.t3 {
		min-height:243px !important;
		height:243px !important;
	}
	.t4 {/*
		min-height:720px !important;
		height:720px !important;*/
	}
.col4 {
	width:31px ;
	margin-top:10px;
}
.col5 {
	width:207px;
}
.col6 {
	width:340px;
}
.col7 {
	width:401px;
}
.col1, 
.col2, 
.col3,
.col4,
.col5,
.col6,
.col7 {
	float:left;
}
.col1 .border {
	background:url(../images/bg-border.gif) no-repeat left top ;
	margin:5px 10px;
	padding-top:5px;	
}
.col6 .border {
	background:url(../images/bg-border-6.gif) no-repeat left top ;
	margin:5px 10px;
	padding-top:5px;
}
.col1 .bloc {
	margin:0;
	padding-top:20px;
}
.col1 .bloc_lien {
	margin:0;
	padding-top:20px;
	text-align:right;
}
.blanc {
	margin:0 5px;
	color:#FFFFFF;/*
	height:181px;*/
}
.orange {
	background-color:#ff7E00;
	margin:0 5px;
	color:#FFFFFF;
}
.imageombre {
	height:227px;
	padding:5px;
	margin:auto;
	text-align:center;
}


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

h5.sejours_titre {
	color:#FF9900;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ul,
#content ol,
#content blockquote,
#content dl,
#content form {
	padding:5px 10px;
}
#content table, 
#content th, 
#content td, 
#content form, 
#content input, 
#content textarea, 
#content form {
	font-size:12px;
}
#content h1 {
	font-size:14px;
	color:#65625f;
}
#content h1 strong {
	color:#5C9DCB !important;
}
#content h2 {
	font-size:12px;
	background:url(../images/bg-h2.gif) no-repeat 10px 7px;
	color:#5C9DCB;
	padding-left:30px;
}
#content h3 {
	font-size:12px;
	text-transform:uppercase;
}
#content h4 {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
#content .col1 .border p {
	background:url(../images/bg-border.gif) no-repeat left bottom ;
	padding-top:0;
}
#content .col6 .border p {
	background:url(../images/bg-border-6.gif) no-repeat left bottom ;
	padding-top:0;
}

#content li {
	list-style:none;
	background:url(../images/bg-li.gif) no-repeat 0 6px;
	padding:0 0 5px 10px;
}
#content a {
	color:#5C9DCB;
}
	#content .orange a {
		color:#FFFFFF;
	}
	#content .encart a {
		color:#D85819;
	}
	#content a.titre_sejour {
		color:#FF9900;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	#content a.titre_sejour:hover {
		text-decoration:underline;
	}
	#content a.pdf {
		background:url(../images/bg-a-pdf.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.temoignages {
		background:url(../images/comment.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.voir {
		background:url(../images/zoom.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.fullsize {
		background:url(../images/bg-a-fullsize.gif) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.printer {
		background:url(../images/bg-a-printer.gif) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.smallsize {
		background:url(../images/bg-a-smallsize.gif) no-repeat 0 0;
		padding-left:20px;
		padding-right:20px;
	}
	#content a.ancrage {
		background:url(../images/application_home.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.window {
		background:url(../images/bg-a-window.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.email {
		background:url(../images/email.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.video {
		background:url(../images/video.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.audio {
		background:url(../images/audio.png) no-repeat 0 0;
		padding-left:20px;
	}
	#content a.star {
		background:url(../images/star.png) no-repeat 0 0;
		padding-left:20px;
	}
#content a:hover {
	color:#1470B2;
}
#content .orange a:hover {
	color:#FFFFFF;
}
#content a img {
	border:none;
}
#content div.pointe {
	position:absolute;
	top:-45px;
	width:247px;
	height:45px;
}
#content div.nopointe {
	position:absolute;
	top:-5px;
	width:247px;
	height:5px;
}
#content div.carteomb {
	position:absolute;
	top:5px;
	width:247px;
	height:7px;
}
#content div.pointe2 {
	position:absolute;
	top:-17px;
	width:741px;
	height:17px;
}
#content dl.agenda {
	clear:both;
	background:#FFFFFF url(../images/bg-dl.gif) no-repeat 10px 10px;
	min-height:50px !important;
}
/*	html* #content dl.agenda {
		height:50px !important;
	}*/
#content dl.agenda dt {
	float:left;
	text-align:center;
	width:30px;
	padding-top:3px;
}
#content dl.agenda a strong, 
#content dl.agenda a:hover strong {
	text-decoration:none;
}
#content dl.agenda dt span {
	display:block;
}
#content dl.agenda dt span.day {
	font-size:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#706E6E;
}
#content dl.agenda dt span.month {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5C9DCB;
}
#content dl.agenda dd {
	margin-left:35px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à l'Agenda */
/* -------------------------------------------------------------------------------------------- */

.agenda_ph {
	text-align:center;
	background:#ffffff;
	border:1px solid #cfcfcf;
}
.chapeau {
	font-style:italic;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au menu situé à gauche */
/* -------------------------------------------------------------------------------------------- */

#content #menugauche li {
	background:url(../images/bg-li-menu.gif) no-repeat left;
	padding:0 0 0 12px;
	line-height:42px;
	border-bottom:1px solid #eeeeee;
}
.recevoir_carte a,
#content #menugauche li a {
	color:#ff7e00;
	font-weight:bold;
	text-decoration:none;
}
#content #menugauche li a:hover {
	text-decoration:underline;
}
/* Commandez votre carte */
.recevoir_carte {
	background:url(../images/carte-droite.png) no-repeat top center;
	width:225px;
	height:185px;/*
	padding:137px 0 0 35px;*/
}
.carte_lien {
	width:190px;
	padding:143px 0 0 35px;
}

/*---------------------------------------------------------------------------------------------- */
/* Déclaration des styles pour la partie "Comment venir?" */
/*---------------------------------------------------------------------------------------------- */

.ad {
	right:10px;
	position:absolute;
	top:10px;
}
.col2 .dhtmlgoodies_question,
.col3 .dhtmlgoodies_question {
	margin-top:2px;
	margin-bottom:2px;
	overflow:hidden; 
	cursor:pointer; 
	color:#fff; 
	height:22px;
}
.col3 .dhtmlgoodies_answer11,
.col3 .dhtmlgoodies_answer2,
.col3 .dhtmlgoodies_answer1,
.col3 .dhtmlgoodies_answer,
.col3 .dhtmlgoodies_question {
	width: 730px; 
}
.col2 .dhtmlgoodies_answer11,
.col2 .dhtmlgoodies_answer2,
.col2 .dhtmlgoodies_answer1,
.col2 .dhtmlgoodies_answer,
.col2 .dhtmlgoodies_question {
	width:485px;
}
.dhtmlgoodies_answer {
	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: relative;
	HEIGHT: 0px;
	vertical-align:top;
}
.dhtmlgoodies_answer_content {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;POSITION: relative;
}
.dhtmlgoodies_answer1 {	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: relative;
	HEIGHT: 0px;
	vertical-align:top;
}
.dhtmlgoodies_answer2 {	VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: relative;
	HEIGHT: 0px;
	vertical-align:top;
}
.dhtmlgoodies_answer11 {VISIBILITY: hidden;
	OVERFLOW: hidden;
	POSITION: relative;
	HEIGHT: 0px;
	vertical-align:top;
}

/*---------------------------------------------------------------------------------------------- */
/* Carte Intéractive */
/*---------------------------------------------------------------------------------------------- */

.carte_int
{
	width:485px;
	height:540px;/*
	padding:15px 4px 0 5px;*/
	background:url(../images/fond.gif) left top;;
}
.bloc_liste_title {
	/*width:680px;
	float:left;*/
	clear:both;
}
.col3 p.bloc_liste {
	float:left;
	border:1px solid #cfcfcf;
	background-color:#ECFFED;
	margin-right:5px;
}
.col3 p.bloc_liste {
	width:155px;
	min-height:130px !important;
	height:auto;
}
	*html .col3 p.bloc_liste {
		width:178px;
		height:130px !important;
	}
.col3 p.bloc_liste strong {
	font-size:12px;
	color:#5c9dcb;
	font-weight:bold;
	text-align:left !important;
}

/*---------------------------------------------------------------------------------------------- */
/* Liens avec pictogrammes pour le menu de la carte */
/*---------------------------------------------------------------------------------------------- */

dl.carteent {
	text-align:left;
	width:247px;
	margin-bottom:0px;
}
dl.carteent a {
	height:35px;
}
div.encart h4 {
	width:217px;
	padding:0 !important;
	text-align:center;
	margin:-10px 0 -5px 10px;
}
div.encart h4.sep_hr {
	border-top:1px solid #cbdf6e;
}
html>body div.encart h4 {
	margin:5px 0 -5px 10px;
}
div.encart dl {
	padding:10px !important;
	margin:0 !important;
}
html>body div.encart dl {
	margin:0 0 -10px 0 !important;
}
div.encart dl.cartepic {
	margin-top:-10px !important;
	text-align:center;
}
dt.cartepicto {
	width:32px;
	display:inline;
	padding-right:4px;
	text-align:center;
}
html>body dt.cartepicto {
	float:left;
}
dt.cartepicto2 {
	height:38px !important;
}
dt.cartepicto2bis {
	height:21px !important;
}
*html dt.cartepicto2 {
	margin-left:-5px;
}
dt.cartepicto2 input {
	margin-bottom:15px;
	padding:0;
}
dt.cartepicto input {
	margin:0;
	padding:0;
}
html>body dt.cartepicto2 input {
	margin:2px !important;
	height:32px;
}
html>body dt.cartepicto input {
	margin:2px !important;
}
dt.cartepicto2bis span,
dt.cartepicto2 span {
	position:relative;
	top:-15px;
	left:1px;
}
.cartepic a:hover span {
	left:auto;
}
dl.cartecirc {
	margin-top:5px;
}
dl.cartepic {
	height:50px !important;
}


#content a.givtt,
#content a.gicyclo,
#content a.boucle,
#content a.depart,
#content a.vvertes {
	padding-bottom:8px;
	padding-top:8px;
	padding-left:35px;
	text-decoration:none;	
	text-align:left;
}

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

/*---------------------------------------------------------------------------------------------- */
/* Menu Activités */
/*---------------------------------------------------------------------------------------------- */
#content #menucarte ul{
	float:left;
	width:227px;
}
#content #menucarte li {
	padding:0;
	background-image:none;
}
#content #menucarte li a{
	padding:0 0 0 33px;
	margin:0 0 0 -20px;
	line-height:41px;
	_height:100%;
    display: block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/menu-carte-a.gif) no-repeat left;
}
#content #menucarte li a:hover {
	color:#c7b455;
	text-decoration:underline;
	background:url(../images/menu-carte-a-hover.png) no-repeat left;
}
/* Menu déroulant Hébergement */
#content #hebergement ul{
	float:left;
	width:227px;
	padding:0;
	margin:0 0 0 0;
}
#content #hebergement li {
	padding:0 0 0 33px;
	margin:0 0 0 -20px;
	line-height:41px;
    display: block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/menu-jonction.gif) top center no-repeat;
}
#content #hebergement li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
#content #hebergement li a:hover {
	text-decoration:none;
}
/* Sous menu de Hebergement */
#content #hebergement li ul
{
	display:none;!important
	display:block;
}
#content #hebergement ul li
{
	padding-left:45px;
	position:relative;
	display:block;
	margin:auto 5px;
	left:-37px;
	width:217px;
	line-height:31px;
	background:url(../images/menu-jonction-ss.png) no-repeat left top;
}
*html #content #hebergement ul li {
	width:247px;
}
#content #hebergement li.sfhover ul,
#content #hebergement li:hover ul
{
	display:block;
	list-style-type: none;
	position:absolute;
	margin-top:0;
	padding:0;
}
#content #hebergement li ul a
{
	color:#c7b455;
	font-weight:bold;
	height:100%;
}
#content #hebergement li ul a:hover
{
	color:#c7b455;
	text-decoration:underline;
	font-weight:bold;	
}
#content #hebergement li#fin_ss_hgt
{
	background-color:#c7b455;
	line-height:31px;
	height:100%;
	background:url(../images/menu-jonction-ss-up.png) no-repeat left top;
}
/* Menu d'aide à la navigation */
#content #menucartenav ul{
	float:left;
	margin-top:-18px;
	width:216px;
}
#content #menucartenav li {
	padding:0;
	margin:5px 0 0 0;
	width:216px;
	line-height:21px;
	background-image:none;
}
#content #menucartenav li a {
	color:#d81958;
	font-weight:bold;
	text-decoration:none;
}
#content #menucartenav li a:hover {
	text-decoration:underline;
}
li#zoom a {
	padding:3px 0 0 30px;
	background:url(../images/menu-carte-agrandir.png) left no-repeat;
}
li#dezoom a {
	padding:3px 0 0 30px;
	background:url(../images/menu-carte-reduire.png) left no-repeat;
}
li#imp a {
	padding:3px 0 0 30px;
	background:url(../images/menu-carte-imprimer.png) left no-repeat;
}
/* Séjours */
	#content span a.bt,
	form#temoignages a.bt {
		width:180px;
		height:20px !important;
		background:url(../images/bg-a-bt.gif) no-repeat left top;/*
		padding:0 0 0 9px;*/
		text-decoration:none;
		color:#000000;
		display:block;
		text-align:center;
		float:left;
	}
	html>body #content span a.bt {
		padding:1px 0 1px 9px;
		width:180px;
		height:20px !important;
	}
	#content span a.bt {
		background:url(../images/bg-a-bt.gif) no-repeat right top;
		padding:1px 9px 1px 0;
		width:180px;
		height:20px !important;
	}
	#content span a:hover.bt {
		color:#999999;
		width:180px;
		height:20px !important;
	}
	#content strong.info {
		cursor:help;
		background:url(../images/bg-strong-info.gif) no-repeat left top;
		padding-left:20px;
	}
	#content table.infocomp {
		background-color:#b1c35c;
		margin-top:10px !important;
		border-top:1px solid #FFFFFF !important;
	}
	#content table.infocomp td {
		padding:2px 10px !important;
		border-bottom:1px solid #FFFFFF !important;
	}
	#content h5.embed {
		color:#E1007A;
		padding:5px;
		margin-bottom:10px;
		border-bottom:3px solid #E1007A;
		font-size:16px;
	}
	.small {
		color:#666666;
		font-size:11px;
	}
/*---------------------------------------------------------------------------------------------- */
/* Menu Cyclo ancrage */
/*---------------------------------------------------------------------------------------------- */

ul#cyclo_menu li {
	float:left;
	display:block;
	line-height:none;
	padding-right:15px;
}

/*---------------------------------------------------------------------------------------------- */
/* Séparateurs d'articles */
/*---------------------------------------------------------------------------------------------- */

.separateurinttop
{
	width:100%;
	clear:both;
	height:5px;
	border-top:1px solid #eeeeee;
}
.separateurintbottom
{
	/*width:98%;
	clear:both;
	margin:5px auto;
	border-bottom:1px solid #eeeeee;*/
	width:100%;
	clear:both;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	width:990px;
	margin:15px auto 0;
	text-align:center;
}
#foot p {/*
	margin-top:15px;*/
	margin-bottom:5px;
	padding:2px 10px;
}
#foot a {
	color:#5C9DCB;
	text-decoration:none;
}
#foot a:hover {
	color:#1470B2;
	text-decoration:underline;
}
#foot a img {
	border:none;
}

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

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
table.carte_fiche {
	background-color:#eeeeee;
	padding:5px;
	border:1px solid #dfdfdf;
}
table.carte_fiche img {
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	float:left;
	margin:5px;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.fl_right {
	float:right;
	padding-right:0;
	padding-left:5px;
}
.fl_left {
	float:left;
	margin-right: 5px;
	padding-right:10px;
	padding-left:0;
}
.img_space_left {
	padding-right:10px;
	padding-bottom:10px;
}
.imgright {
	float:right;
	margin:0 0 5px 5px;
}
.imgleft {
	float:left;
	padding:0 5px 5px 0;
}
.liens_load {
	padding-bottom:4px;
}
.spanleft {
	float:left;
	display:inline;
}
.spanright {
	float:right;
	display:inline;
}
.diaporama {
	width:195px !important;
	height:195px !important;
	margin-bottom:10px;
}
.agenda_forced {
	font-size:11px;
	color:#000000;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	min-height:430px !important;
}
	html* .agenda_forced {
		height:430px !important;
}
.masque_liens {
	position:absolute;
	left:-999em;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la carte géographique */
/* -------------------------------------------------------------------------------------------- */

#map {
	/*width:320px;*/
	height:597px !important;
	border:1px solid #979797;
	margin-top:-49px;
}
#maploading {
	display:block;
	width:395px;
	height:49px;
	padding:2px;
	margin:0;
	background:#FFFFFF url(../images/google-maps/progression.gif) no-repeat center 19px;
	position:relative;
	z-index:30 !important;
	top:282px;
	text-align:center;
	border:#CCCCCC 1px solid;
}
div.col2 #maploading {
	left:67px;
}
div.fullsize #maploading {
	left:315px;
}
#maplegend {
	padding:5px;
	background-color:#EBEBEB;
	text-align:center;
	border:solid #979797;
	border-width:0 1px 1px 1px;
}
.filterinline {
	background:#FFFFFF url(../images/bg-filterinline.gif) no-repeat left top;
	padding-top:14px;
	height:99px;
}
.filterinline .encart {
	position:relative;
	background-color:transparent;
	background-image:none;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux Témoignages */
/* -------------------------------------------------------------------------------------------- */

form#recherche input,
form#recherche select,
form#temoignages input,
form#temoignages select,
form#temoignages textarea {
	width:140px;
	margin:2px auto;
	font-size:11px;
	color:#333333;
}
html* form#temoignages input.file {
	width:240px;
	margin:2px auto;
	font-size:11px;
	color:#333333;
}
form#temoignages input.radio {
	width:15px;
}
form#temoignages input.check {
	width:15px;
	margin:5px 15px;
	float:left;
}
form#recherche table tr td div#VillesPropositions ul.autocompletion,
form#temoignages table tr td div#VillesPropositions ul.autocompletion {
	height:125px !important;
	overflow:auto;
	width:250px;
	position:absolute;
	z-index:888;
	border:1px solid #cfcfcf;
	background-color:#eeeeee;
	margin:0;
	padding:0;
}
form#recherche table tr td div#VillesPropositions ul.autocompletion li,
form#temoignages table tr td div#VillesPropositions ul.autocompletion li {
	background-image:none;
	min-height:20px;
	margin:0;
	padding:0;
	background:url(../images/bg-li.gif) left no-repeat;
	padding-left:15px;
}
form#recherche table tr td div#VillesPropositions ul.autocompletion li:hover,
form#recherche table tr td div#VillesPropositions ul#villesPropositionsul li.sfhover,
form#temoignages table tr td div#VillesPropositions ul.autocompletion li:hover,
form#temoignages table tr td div#VillesPropositions ul#villesPropositionsul li.sfhover {
	background-color:#cfcfcf;
	cursor:pointer;
	color:#006699;
	border:none;
}
input#suivant,
input#precedent {
	width:23px;
	height:21px;
	border:0;
	background:none;
	margin-right:10px;
}
input#suivant {
	background:url(../images/tem_suivant.gif) no-repeat center;
}
input#precedent {
	background:url(../images/tem_precedent.gif) no-repeat center;
}
input#suivant:hover {
	background:url(../images/tem_suivant_hover.gif) no-repeat center;
	cursor:default;
}
input#precedent:hover {
	background:url(../images/tem_precedent_hover.gif) no-repeat center;
	cursor:default;
}
table tr.tem_tr_pres td {
	width:50px !important;
	vertical-align:top;	
}
div#temoin {
	width:350px;
	background-color:#eeeeee;
	font-weight:bold;
}
div#temoin p {
	font-weight:normal;
}
form#temoignages input.zone-forme,
form#temoignages select,
form#temoignages textarea {
	width:236px;
	padding-left:5px;
	font-size:11px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	color:#5d9edf;
}

/* Menu DHTML pour la carte interactive */

ul#menu-map {
	text-align:left;
}
ul#menu-map li {
	background:none;
	text-align:left;
	position:relative;	
}
	ul#menu-map li a {
		width:218px !important;
		text-decoration:none !important;
		display:block;
		height:16px;
		color:#333333;
		border:1px solid #abadb3;
		background:#ffffff url(../images/map/bg-hover.gif) no-repeat left center;
		padding-left:10px;
	}
	ul#menu-map li a:hover {
		background:url(../images/map/bg-hover.gif) no-repeat left center;
		text-decoration:none;
	}
	ul#menu-map ul#level1 li a,
	ul#menu-map ul.level2 li a {
		background:none !important;
		border:none !important;
		color:#5C9DCB;
	}
		ul#menu-map ul.level2 li a {
			width:203px !important;
			padding-left:25px;
		}
		
	ul#menu-map ul#level1 li a:hover,
	ul#menu-map ul.level2 li a:hover {
		background-color:#eeeeee !important;
		color:#ff7e00 !important;
	}
ul#menu-map ul#level1 {
	position:absolute;
	left:-999em;
	display:none;
	bottom:0;
	background-color:#ffffff;
	border:1px solid #abadb3;
	border-bottom:none;
	margin:0 !important;
	padding:0 !important;
	margin-bottom:23px !important;
}
	ul#menu-map ul.level2 {
		margin:0 !important;
		padding:0 !important;
	}
	ul#menu-map li:hover ul#level1,
	ul#menu-map li.sfhover ul#level1 {
		left:auto;
		display:block;
	}
	ul#menu-map li.li-main a {
		background-color:#FFFFFF !important;
		
	}
ul#menu-map ul#level1 li,
ul#menu-map ul.level2 li {
	list-style:none;
	color:#3fb1e5;
	border-bottom:1px solid #eeeeee;
	padding:0 0 1px 0!important;
}
	ul#menu-map ul.level2 li {/*
		background:url(../images/bg-li.gif) no-repeat left 7px !important;*/
		background:url(../images/bg-li.gif) no-repeat 15px 5px !important;
		border-bottom:0 !important;
	}