body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0;
	padding: 0;
	background-image: url(img/nuages.jpg);
}

a:hover
{
	color : blue ;
}

/*  --------------------------- */

#header 
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_thierrybiplace.jpg);
}

#header h1
{
	display: none;
}

#header_en
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_thierrybiplace.jpg);
}

#header_en h1
{
	display: none;
}

.trad a img
{
	border: thin solid white;
	margin: 5px ;
}

#header_biplace
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_thierrybiplace2.jpg);
}

#header_biplace h1
{
	display: none;
}

#header_ecole
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_ecole.jpg);
}

#header_ecole h1
{
	display: none;
}

#header_4x4
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_4x4.jpg);
}

#header_4x4 h1
{
	display: none;
}

#header_voyage
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_fred.jpg);
}

#header_voyage h1
{
	display: none;
}

#header_hot
{
	height: 300px;
	background-color: #99CCCC;
	margin: 0;
	padding: 0;
	background-image: url(img/pano1000_hot.jpg);
}

#header_hot h1
{
	display: none;
}

/*  --------------------------- */

#conteneur 
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-image: url(img/menugauche.png);
	background-position: left;
	background-repeat: repeat-y;
}

#centre 
{
	margin: 0 0 0 250px;
	b/order: thin dotted black;
	padding: 10px;
	m/in-height:800px; /* for modern browsers */
	h/eight:auto !important; /* for modern browsers */
	h/eight:800px; /* for IE5.x and IE6 */
}

#centre h2
{
	width: 100%;
	border-bottom: 2px solid gray;
	clear: both;
}
#centre h2 img
{	position:absolute; 
	right:0;
	border: 0;
}

#gauche 
{
	b/ackground-color: #aa00aa;
	background-image: url(img/biplace_fred_250.png);
	b/ackground-image: url(../jeuxdailes/org/lavande300.JPG);
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 250px;
	m/in-height: 800px; /* for modern browsers */
	h/eight: auto !important; /* for modern browsers */
	h/eight: 800px; /* for IE5.x and IE6 */
}

#adr
{
	display: none;
	background-image: url(img/logo_envol.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: center;
	font-size: .8em;
	margin: 10px 0 10px 0;
	border-bottom: 1px dotted black;
	border-top: 1px dotted black;
	padding: 10px 0 10px 20px ;
}

#pied 
{
	height: 20px ;
	background-image: url(img/pied.png);
	background-repeat: no-repeat;
	text-align: center;
	bottom: 0;
	position: relative;
	margin-top: 0px ;
	padding: 170px 0 0 0  ;
	clear: both;
	color: white;
}

#pied a
{
	color: white;
	text-decoration: none;
}

#pied a:hover
{
	font-weight: bold ; 
}

/*  --------------------------- */

div#gauche ul
{
	padding: 0 ;
	margin: 0 ;
	list-style: none;
	width: 250px;
}

div#gauche ul ul ul
{
	m/argin-top: 10px ;
}

div#gauche ul li
{
	color: black;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 20px 0 ;
}

div#gauche a
{
	color: white;
	font-weight: normal;
	display: block;
	font-style: normal;
	text-decoration: none;
}

div#gauche ul ul a:hover
{
	color: white;
	font-weight: bold;
	b/order: 1px dotted blue;
	/* background-color: silver; */
	b/ackground-image: url(../jeuxdailes/img/selector.png);
	p/adding: 5px 0 5px 0;
	b/ackground-repeat: no-repeat;
	b/ackground-position: right;
}

div#gauche ul ul li
{
	color: white;
	background-image: url(img/bg_alpha50.png);
	border: 1px solid silver;
	font-size: .8em;
	padding: 5px 10px 5px 10px;
	margin: 3px 10px 3px 10px;
	text-align: left;
	width: 190px;
}

div#gauche ul ul ul li
{
	color: black;
	font-size: 1em;
	background-image: none;
	text-align: left;
	border: none;
}

div#gauche ul li ul li#selection
{
	background-image: url(img/bg_alpha100.png);
	border: 1px solid silver;
}

d/iv#gauche ul li ul li#selection *
{
	color: black;
}

/* Affiche seulement les fils de la selection */

div#gauche ul li ul li#selection ul
{
	display:block;
}

div#gauche ul ul ul
{
	display: none;
}


/*  --------------------------- */

img.floatRight 
{
	float: right;
	margin: 4px 4px 4px 10px;
	border: 1px solid #000;
	clear: right;
}

div.citation
{
	text-align: justify;
	font-style: italic;
	color: black;
	font-weight: normal;
	margin-top: 10px;
	font-size: smaller;
	height: 100px;
}

div.chambon
{
	text-align: justify;
	font-style: italic;
	color: navy;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px ;
	font-size: smaller;
	height: 100px;
	border: thin solid red;
	padding: 10px;
}
div.citexte
{
	padding: 20px 50px 0px 50px;
	width: 300px ;
}

/* LOGO FFVL avec légende */
div.image 
{
	border: none;
	font-weight: normal;
	text-align: center;
	width: 200px;
	float: right;
}

div.image a img
{
	border: none ;
}

/*  --------------------------- */

table.tableau
{	
	border: 1px solid black ;
	border-collapse:collapse;
}

tr.entete
{
	background: orange; 
}

tr.ligne1
{
	background: #bbbbbb ; 
}

tr.ligne2
{
	background: #EEEEEE ; 
}

td
{
	font-size: 0.8em;
	padding: 5px;
	margin: 5px;
}
	
td.entete
{
	font-size: 0.8em;
   font-weight: bold; 
	text-align: center;
	padding: 5px 10px 5px 10px ;
}

td.lieu
{
		text-align: left;
}

td.denivele
{
		text-align: center;
}

td.prix
{
		text-align: right;
}

.prix_non
{
	color: black;
	text-decoration: line-through;
}
.prix_ja
{
	font-weight: bold ;
	color: red;
	text-decoration: none;
}

/*  --------------------------- */

table.tab_hebergement
{	
	border: 1px solid black ;
	border-collapse:collapse;
}

table.tab_hebergement tr.entete
{
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 10px;
}

td.gauche
{
		text-align: left;
}

td.milieu
{
		text-align: center;
}

td.droite
{
		text-align: right;
}

/*  --------------------------- */

.space
{
	clear: both;
}