/* CSS Document */
body {
	background-color:#ffffcc;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
a:link {
	color:#800080;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color:#800080;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#800080;
	text-decoration:underline;
	font-weight:bold;
}
a:active {
	color:#800080;
	text-decoration:underline;
	font-weight:bold;
}
#km {
	position:relative;
	left:3px;
	top:6px;
	z-index:200;
}
#selection {
	position:relative;
	left:515px;
	top:175px;
	width:170px;
	z-index:200;
}
#conteneurhaut {
	position:absolute;
	width:670px;
}
#annexes {
	display:none;
}
#sejourg {
	clear:both;
	float:left;
	margin-top:12px;
	margin-left:0px;
	padding-left:12px;
	padding-right:0px;
	width:162px;
}
#sejourd {
	float:right;
	margin-top:12px;
	margin-left:0px;
	padding-left:6px;
	padding-right:6px;
	width:151px;
}
.champsejour {
	width: 140px;
	font-size:9px;
	color:#606060;
	background-color:#FEF0BD;
}
.ok {
	text-align:right;
	margin-bottom:-3px;
}
 @media screen {
#contenu {
	float:left;
	height:100%;
	width:670px;
}
}
@media print {
#contenu {
	float:left;
	height:100%;
	width:670px;
}
}
.larecherche {
	font-weight:bold;
	display:none;
}
#pages {
	color:#808080;
	float: right;
	padding-right:5px;
}
#pages a {
	color:#808080;
}
#pages a.pageon {
	color:#688CC2;
}
#parasejour {
	padding:5px 0px;
	text-align:justify;
	border-top:3px solid #80CFF0;
}
#visusejour {
	float:left;
	margin-right:8px;
	margin-left:0px;
}
#textesejour {
	float:left;
	padding-right:12px;
}
#logosejour {
	float:right;
	margin-right:10px;
}
#lancerrechsejour {
	clear:both;
	margin-left:190px;
	margin-bottom:-10px;
}
#prestataire {
	float:left;
	padding-right:12px;
}
#prestataire2 {
	float:left;
	padding-right:12px;
	width:290px;
}
#autreprestataire {
	float:right;
	margin-right:2px;
	background-image:url(../pics/separateur-vertical.gif);
	background-repeat:repeat-y;
	padding-left:15px;
	width:180px;
}
#libelletarif {
	float:left;
	padding-right:12px;
	font-weight:bold;
}
#tarif {
	float:right;
	margin-right:12px;
}
/* localisation */
#carte21 {
	float:left;
	width:90px;
	background-image:url(../pics/localisation/carte21.gif);
	margin-bottom:10px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}
#zoomcarte {
	float:right;
	margin-right:2px;
	padding-left:15px;
	z-index:700;
}
#pointeur {
	position:absolute;
	width:16px;
	height:16px;
	z-index:900;
	left:505px;
	top:120px;
}
#carte21 a:hover {
	background-color:#688CC2;
}
#carte21 a {
	background:none;
}
#carte21 a.on {
	background-color:#FFC73B;
}
#carte21 a.inter {
	background-color:#688CC2;
}
.mailselection {
	width: 180px;
	font-size:9px;
	color:#7F7F7F;
	background-color:#FFFFFF;
}
#paramaselection {
	padding-bottom:5px;
	text-align:justify;
}
#textemaselection {
	float:left;
	padding-right:12px;
}
#boxmaselection {
	float:right;
	margin-right:10px;
	background-color:#FFFFFF;
}
.separateur {
	background-image:url(../pics/separateur-contenu.gif);
	background-repeat:repeat-x;
	background-position:0 -20px;
	height:15px;
	width:100%;
}
.both {
	clear:both;
	height:3px;
	margin:5px 0px;
}

.option2{
	display:none;
}


/* ---------- Fiche ---------- */
#fiche ul#navfiche{
margin:0;
list-style-type:none;
}
#fiche ul#navfiche li{
float:left;
background-image:url(../pics/01/fond-nav-fiche.gif);
background-position:0 0;
background-repeat:no-repeat;
width:72px;
height:25px;
margin:0 2px;
padding:0;
text-align:center;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
font-size:10px;
padding:10px 0 0 0;
}
#fiche ul#navfiche li.deux{
padding-top:5px;
}
#fiche ul#navfiche li.on{
background-image:url(../pics/01/fond-nav-fiche-on.gif);
color:#fcf7df;
}
#fiche h2{
margin-top:10px;
clear:none;
display:inline;
}
#fiche .resa{
position:relative;
top:20px;
}
#fiche .aussi{
float:right;
width:200px;
}
#fiche table#visuels {
margin:15px auto 10px auto;
}
#fiche table#visuels td{
padding:10px;
}
#fiche #descriptif{
border-bottom:1px dotted #8cc515;
border-top:1px dotted #8cc515;
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:35px;
}
#fiche #proximite select{
width:190px;
margin:0 0 0 5px;
}
/*#fiche input.submit{*/
input.submit{
background-color:#008000;
color:#fcf7df;
text-transform:lowercase;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
width:150px;
padding:0 2px 0 4px;
margin-left:5px;
}
HTML>/**/BODY #fiche input.submit{
width:auto;
}
#fiche #sondage input.submit{
margin-top:-35px;
}

div#fiche fieldset{
border:1px solid #777;
color:#000000;
margin:10px;
padding:10px;
padding-right:0;
clear:both;
}
div#fiche legend{
font-size:12px;
font-weight:bold;
color:#777;
padding:0 3px;
}

/* ---------- Resultats ---------- */
td#contenu #resultats ul {
margin:3px 0 0 0;
}
td#contenu #resultats ul li{
background-image:none;
padding:0;
}
#resultats form#trier {
float:right;
}
#resultats .infoplus{
float:right;
margin-left:5px;
}
#resultats h2{
font-size:12px;
margin-bottom:3px;
clear:none;
}
#resultats a.plus{
background-image:url(../pics/01/puce.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:10px;
font-weight:bold;
}
#resultats table{
margin:0 0 15px 0;
}
#resultats table td{
padding:2px;
}
#resultats table td.visuliens{
width:80px;
padding:2px;
text-align:left;
}
#resultats table td.visuliens ul{
list-style-type:none;
}

#resultats table td.separateur.court{
background-image:url(../pics/01/ombre-courte.gif);
background-repeat:no-repeat;
background-position:center;
height:28px;
}
#resultats table td.separateur.moyen{


padding:5px 0px;
text-align:justify;
border-top:1px dotted #8cc515;

}
		/* ---------- Le classique telechargement ---------- */
		td#contenu div#telechargement ul li{
		background-image:url(../pics/separateur-gris.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding:0;
		clear:both;
		}
		td#contenu div#telechargement div.right{
		float:right;
		position:relative;
		top:-20px;
		}	
		/* ---------- La pagination ---------- */
		 ul#pagination,ul#pagination2{
		list-style-type:none;
		clear:both;
		margin:0 auto;
		text-align:center;
		display:table;
		width:100%;
		}
		ul#pagination li,ul#pagination2 li{
		margin:0 4px;
		font-weight:bold;
		float:left;
		width:16px;
		height:16px;
		}
		ul#pagination li.on,ul#pagination2 li.on{
		background-image:url(../pics/01/fond-pagination.gif);
		background-repeat:no-repeat;
		background-position:center;
		color:#FFFFFF;
		}
		ul#pagination li.precedent,ul#pagination2 li.precedent{
		margin-right:15px;
		background-image:url(../pics/01/puce.gif);
		background-repeat:no-repeat;
		background-position:left 6px;
		padding-left:10px;
		width:auto;
		}
		ul#pagination li.suivant,ul#pagination2 li.suivant{
		margin-left:15px;
		background-image:url(../pics/01/puce.gif);
		background-repeat:no-repeat;
		background-position:right 6px;
		padding-right:10px;
		
		width:auto;
		}
	/* ---------- Annexes ---------- */
	td#annexes{
	padding:5px 0 10px 10px;
	width:240px;
	margin-right:10px;
	}
	td#annexes h2{
	margin-top:15px;
	}
	td#annexes form#moteur{
	background-image:url(../pics/01/fond-moteur.jpg);
	background-repeat:no-repeat;
	width:200px;
	padding:20px 20px 10px 20px;
	margin-right:-5px;
	}
	td#annexes form#moteur select{
	width:200px;
	}
	td#annexes form#moteur select.cartefrance{
	width:175px;
	float:left;
	}
	td#annexes form#moteur input.france{
	float:right;
	margin-left:2px;
	}
	td#annexes form#moteur input.champ{
	width:195px;
	}
	td#annexes input.submit{
	background-color:#7a941a;
	color:#fcf7df;
	text-transform:lowercase;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	width:200px;
	text-align:center;
	margin-bottom:15px;
	}
/* ---------- Pied de Page ---------- */
#pied table.calage {
height:auto;
width:100%;
}
#pied table.calage td{
height:auto;
width:33%;
}
#pied img.localisation{
position:relative;
margin-top:-32px;
}
#pied img#promo{
position:relative;
margin-bottom:0;
}
html>body #pied img#promo{
margin-bottom:3px;
}
#pied ul li.serre{
margin-bottom:-7px;
}
#pied ul#pratique{
margin-left:25px;
}
#pied ul#pratique li{
display:inline;
padding-left:7px;
padding-right:5px;
background-image:url(../pics/01/puce-rouge.gif);
background-repeat:no-repeat;
background-position:0 5px;
}
#pied ul#pratique li a{
color:#fe4367;
}

div#actualites{
background-image:url(../pics/01/ombre-moyenne.gif);
background-position:bottom;
background-repeat:no-repeat;
width:47%;
float:left;
text-align:justify;
}
div#balades{
background-image:url(../pics/01/ombre-moyenne.gif);
background-position:bottom;
background-repeat:no-repeat;
width:47%;
float:right;
}
h3{
text-align:left;
font-size:12px;
}
td#contenu .visunav{
width:110px;
margin:2px 15px 0 0;
}
td#contenu .both{
height:5px;
}
td#contenu .toutvoir{
position:relative;
bottom:-25px;
top:13px;
}

div#plansite{
clear:both;
}
div#plansite ol{
list-style:none outside none;
font-weight:bold;
font-size:120%;
float:none;
}
div#plansite ol li{
margin-top:20px;
float:none;
border-bottom:3px double #000;
border-bottom:1px solid #000;
}
div#plansite ul{
list-style:none outside none;
padding:5px 5px 5px 15px;
margin:0;
font-weight:100;
font-size:95%;
float:none;
border-top:1px solid #000;
border-top:3px double #000;
}
div#plansite ul li{
margin-top:0;
float:none;
border-bottom:none;
}
div#plansite ul ul{
list-style-type:none;
border-top:none;
padding:3px 5px 7px 15px;
margin:0;
}
div#plansite ul ul li{
background-image:none;
}
div#plansite ul ul ul{
list-style-type:none;
border-top:none;
padding:3px 5px 7px 15px;
margin:0;
font-style:italic;
}

div#espaceperso {
clear:both;
width:95%;
}

#espaceperso ul#navespaceperso{
margin:0;
}
#espaceperso ul#navespaceperso li{
float:left;
background-image:url(../pics/01/fond-nav-fiche.gif);
background-position:0 0;
background-repeat:no-repeat;
width:72px;
height:25px;
margin:0 2px;
padding:0;
text-align:center;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
font-size:10px;
padding:10px 0 0 0;
}
#espaceperso ul#navespaceperso li.deux{
padding-top:5px;
}
#espaceperso ul#navespaceperso li.on{
background-image:url(../pics/01/fond-nav-fiche-on.gif);
color:#fcf7df;
}
div#espaceperso fieldset{
border:1px solid #777;
color:#000000;
margin:10px;
padding:10px;
padding-right:0;
clear:both;
}
div#espaceperso legend{
font-size:12px;
font-weight:bold;
color:#777;
padding:0 3px;
}
div#espaceperso p{
float:left;
}
div#espaceperso input.text{
width:195px;
border:1px inset #ccc;
padding:1px 2px;
margin-right:10px;
font-size:90%;
}
div#espaceperso input.submit{
background-color:#7a941a;
color:#fcf7df;
text-transform:lowercase;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
padding:0 2px 0 4px;
margin:10px 7px 0 0;
}
div#espaceperso a.submit{
padding:1px 2px;
background-color:#7A941A;
color:#fff;
font-size:90%;
font-weight:bold;
border:1px outset #ccc;
margin:10px 7px 0 0;
}
div#espaceperso textarea{
width:560px;
height:100px;
border:1px inset #ccc;
padding:1px 2px;
margin-right:10px;
}
div#espaceperso select.jour{
width:45px;
}
div#espaceperso select.mois{
width:85px;
}
div#espaceperso select.annee{
width:60px;
}
div#espaceperso #copie{
border:none;
width:18px;
}
div#espaceperso .centrer{
text-align:center;
width:100%;
clear:both;
}

.infobulle{
	position: absolute;	
	visibility : hidden;
background-color:#FFFFFF;
	border:2px solid #80CFF0;
	padding:5px;
	white-space:nowrap;
	left:0;
    top:0;
}
.InfoAlt{
	background-color:#FFFFFF;
	border:2px solid #80CFF0;
	padding:5px;
	white-space:nowrap;
}

