/* 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;

	/*margin-top:-18px;*/

}

#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:310px;

		}

	.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:12px;
	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 {

        min-height:100px;

		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:32px;

	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:#ffffff url(../images/map/bg-hover.gif) no-repeat left center !important;

		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;

	}
	
	a.ss_menu {

	background:url(../images/bg-li.gif) no-repeat 0px 5px ;
	line-height:21px;
	text-decoration:none;
	padding-left:15px;
}
.ss_menu {

	background:url(../images/bg-li.gif) no-repeat 0px 5px ;
	line-height:21px;
	text-decoration:none;
	padding-left:15px;
}

td.separateur {
	border-bottom:solid;
	border-bottom-width:thin;
	border-bottom-color: #CCC;
	text-align:left;
	padding-left: 5px;
}

td.separateur2 {
	border-bottom:solid;
	border-bottom-width:thin;
	border-bottom-color: #CCC;
	text-align:right;
	font-weight:bold;
	background-color: #E1EBBC;
	padding-right: 5px;
	width: 173px;
}