BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #1E1E1E; TEXT-ALIGN: center
}
#page {
	BACKGROUND-POSITION: left top; MARGIN: 0px auto; WIDTH: 990px; TEXT-ALIGN: left ; BACKGROUND-IMAGE: url(../images/fd.jpg); background-color:#004F9E;
}
#header A H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 670px; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 8px; TEXT-ALIGN: right; TEXT-DECORATION: none
}
#header {
	BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 120px
}
#portail {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 400px; PADDING-TOP: 0px; HEIGHT: 100px
}
#portail A {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 60px; FLOAT: left; BACKGROUND-IMAGE: url(../images/maison.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none
}
#portail H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 30px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#portail H2 {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 100; FONT-SIZE: 24px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #EE6499; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#portail SPAN {
	FONT-WEIGHT: 100; FONT-SIZE: 12px
}
#newsletter {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 200px; COLOR: #ffffff; PADDING-TOP: 10px
}
#newsletter H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 100; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#newsletter P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px 0px; PADDING-TOP: 0px
}
#newsletter INPUT {
	WIDTH: 100px; BACKGROUND-COLOR: #ffffff
}
#newsletter INPUT.valider {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 4px; WIDTH: 30px; HEIGHT: 20px; BACKGROUND-COLOR: #facf04
}
#header UL {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 90px
}
#header UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header UL LI A {
	BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; font-size:12px;	letter-spacing:-1px; FLOAT: left; BACKGROUND-IMAGE: url(../images/fleche.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 4px; WIDTH: 153px; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px; BACKGROUND-COLOR: #ffcc00; TEXT-ALIGN: center; TEXT-DECORATION: none
}

#langue
{
	LEFT: 947px;
	TOP: 70px;
	POSITION:absolute;
 }

#langue IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#contenu {
	POSITION: relative; HEIGHT: 560px
}
HTML > BODY #contenu {
	MIN-HEIGHT: 560px; HEIGHT: auto
}
.page#contenu {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
#partenaire p {
	color:#FACF04;
	font-size:14px;
	padding-left:16px;
}
#partenaire ul {
	list-style-type:none;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#000000;

}
#partenaire ul li {
	display:inline;
	margin-right:30px;
}

#pp {
	background-color:#1E1E1E;
	height:25px;
}
#pp p {
	font-size:10px;
	padding-left:16px;
	color:#8F968E;
}

#pp a{
	float:right;
	cursor:pointer;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
#pp img { margin-left:100px;}
H1 {	FONT-SIZE: 30px}
H3 {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px}
H4 {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px}
P {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px}
A:link {
	color: White;
	text-decoration: underline;
	cursor: pointer;
}

A:visited {
	COLOR: White; TEXT-DECORATION: underline
}
A:hover {
	COLOR: White; TEXT-DECORATION: underline
}
A:active {
	COLOR: White; TEXT-DECORATION: underline
}
.gros {
	FONT-WEIGHT: bold; FONT-SIZE: 18px
}
.jaune {
	COLOR: #facf04
}
P#intro {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -10px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
INPUT.bouton, a.bouton {
	text-decoration:none; background-image:url(../../images/flecheBouton.gif); background-repeat:no-repeat; background-color:#F40A67; background-position:left; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #ff3f8f 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 21px;  BORDER-LEFT: #ff3f8f 1px solid; CURSOR: pointer; COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; HEIGHT: 30px; TEXT-ALIGN: center; padding:3px 13px 3px 30px;
}
INPUT.boutonoff {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #ff3f8f 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 14px; BORDER-LEFT: #ff3f8f 1px solid; CURSOR: pointer; COLOR: #ffffff; BORDER-BOTTOM: #333333 1px solid; HEIGHT: 30px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
SELECT {
	FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF
}
INPUT {
	FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF;
}
#page.acces {
	BACKGROUND-IMAGE: url(../images/acces/fd-acces.jpg); BACKGROUND-COLOR: #1e60c0
}
#page.tarif {
	BACKGROUND-IMAGE: url(../images/gdfd.jpg); BACKGROUND-COLOR: #1e60c0
}
.tarif #contenu { padding:20px;}
/************************************************************** Page login ************************************************************/
#texteExplicatif {
	position:absolute;
	top:20px;
	left:200px;
	width:300px;

}
#texteExplicatif p {
	color:#000000;
	margin-top:13px;
}
#dejaInscrit{
	position:absolute;
	top:20px;
	left:520px;
	width:230px;
}
#dejaInscrit form {
	background-color:#80A8E0;
	border-right:1px solid #244C86;
	border-bottom:1px solid #244C86;
	padding:13px;

}
#dejaInscrit h3 {
	margin-bottom:20px;
}
#dejaInscrit p {
	color:#000000;
}
#dejaInscrit input.bouton {
	float:right;
	margin-top:5px;
}

/********************************************** page rando_carte ******************************************/
#randoCarte {
	background-color:#80A8E0;
	margin:26px 12% 0px 12%;
	padding:13px;
}
#randoCarte p { color:#000000; font-size:12px;}
#randoCarte input.bouton {
	float:right;
	margin-top:5px;
}
.entete {
	font-weight:bold;

}

/***************************************** page tarifs *************************************************/
.tarif h3 {	
	text-align:center;
}
#tarifs {
	background-color:#80A8E0;
	padding:13px;
	margin:0px 10% 0Px 10% ;
}
#tarifs h3 {
	margin-bottom:13px;
	color:#000;}
	
/********************************************* page result pay *******************************************/
.resultPay #contenu   { padding:20px;}

/********************************************* page listing resa ***************************************/
#listeResa {
	background-color:#80A8E0;

}
/***************************page edit coordonnée ***************************/
#editCoo {margin:26px 12% 0px 12%;}
#editCoo table {background-color:#80A8E0;}
#editCoo input.bouton { float:right; margin-right:10px;}
/******************************************* page acces **************************************************/
#route P {
	FONT-SIZE: 14px; COLOR: #000000
}
#train P {
	FONT-SIZE: 14px; COLOR: #000000
}
#aeroports P {
	FONT-SIZE: 14px; COLOR: #000000
}
#route A {
	COLOR: #000000
}
#train A {
	COLOR: #000000
}
#aeroports A {
	COLOR: #000000
}
#carteAcces {
	MARGIN-TOP: 2px; FLOAT: right
}
#route {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 45px; BACKGROUND-IMAGE: url(../images/acces/fd_route.gif); PADDING-BOTTOM: 0px; WIDTH: 200px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute
}
#train {
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: left top;
	PADDING-LEFT: 45px;
	LEFT: 250px;
	BACKGROUND-IMAGE: url(../images/acces/fd_train.gif);
	PADDING-BOTTOM: 0px;
	WIDTH: 280px;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	POSITION: absolute;
	TOP: 0px
}
#aeroports {
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: left top;
	PADDING-LEFT: 45px;
	LEFT: 250px;
	BACKGROUND-IMAGE: url(../images/acces/fd_aeroport.gif);
	PADDING-BOTTOM: 0px;
	WIDTH: 280px;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	POSITION: absolute; TOP: 80px
}
#route UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#aeroports UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

/***************************************************** page d'accueil ************************************************/
#colonneG {
	float:left;
	width:187px;

}
#CarteInteractive {
	float:left;
}

#page.accueil {
	BACKGROUND-COLOR: #1e60c0;
	BACKGROUND-IMAGE: url(../images/accueil/fd-accueil.jpg); 
}


#page.accueil h3{ font-weight:100; margin-left:450px;}

#blocRefugeOnLine, #blocTsRefuges {
	background-color:#8DB0E2;
	height:160px;
	margin:0px 10px 0px 10px;
}

#blocRefugeOnLine ul, #blocTsRefuges ul {
	overflow:auto;
	height:140px;
	background-color:#8DB0E2;
	list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#blocTsRefuges ul {
	
	height:160px;

}
#blocTsRefuges ul {
	
	height:150px;
}
#blocTsRefuges a {
	color:#111E52;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#blocRefugeOnLine a {
	color:#660066;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#blocRefugeOnLine h2, #blocTsRefuges h2 {
	background-color:#F0F2EC;
	font-size:14px;
	margin:0px;
	padding:5px 30px 5px 10px;
	background-position:145px 5px;
	background-repeat:no-repeat;
}

#blocRefugeOnLine h2 {
	background-image:url(../images/accueil/fleche_rose.gif);
	color:#F40A67;
}
#blocTsRefuges h2 {
	background-image:url(../images/accueil/fleche_bleue.gif);
	color:#111E52;
}

#actualites img {
	float:left;
	margin-right:8px;
}

#actualites{
	clear:both;
	padding:30px;
	text-decoration:none;
}


#actualites h5 a{
	color:#FFCC00;
	font-size:16px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#actualites h5{
	color:#FFCC00;
	font-size:16px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
a .actu {
	text-decoration:none;
	cursor:pointer;
}
a .actu img{
	border-width:0px;
}

.actu p a{
	color:#FFF;
	font-size:10px;
	text-decoration:none;
}
	
.actu p{
	color:#FFF;
	font-size:10px;
	text-decoration:none;
}

.actu {
	width:33%;
	float:left;
	padding:0px;
	margin:0px;
}

.actu div{
	display: inline;
	margin:0px;
	padding:0px;
	padding-right:3px;
	margin:0px;
}
/******************************************************************************************************************/
.paireEntete0 {
	TEXT-ALIGN: left
}
.paireEntete1 {
	TEXT-ALIGN: left
}
.textCenter {
	TEXT-ALIGN: center
}
.textLeft {
	TEXT-ALIGN: left
}
.textRight {
	TEXT-ALIGN: right
}
#contenu TH {
	COLOR: #000000; BORDER-BOTTOM: black 2px solid; BACKGROUND-COLOR: #ffcc00
}
.paireEntete0 {
	BACKGROUND-COLOR: #f0ede4
}
.paireEntete1 {
	BACKGROUND-COLOR: #c6d3ca
}
.paire0 {
	BACKGROUND-COLOR: #ffffff
}
.paire1 {
	BACKGROUND-COLOR: #d3e2e3
}
#legende {
	MARGIN-TOP: 50px; BACKGROUND-COLOR: #ffffff
}
.legendePicto {
	FLOAT: left; WIDTH: 11%; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}

#calendrierTitreRef
{
	font-family:verdana; 
	font-size: 12px;
	font-weight:bold;
	color:#FF0000;
	text-align: center;
}

#calendrierTxtSousPhotoRefuge
{
	font-size: 10px;
}