/*-------------------------------------------------------------------------------- 
/*          =BALISES
/*          =STRUCTURE
/*               @Entête
/*               @Conteneur
/*               @Pied de page
/*          =CLASSES
/*          =MODULES
/*	       @Introduction
/*	       @blocStation 
/*	       @blocHotel 
/*	       @blocTarif 
/*              @Navigation
/*              @Formulaires    
/*          =AJOUT
-------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------------------- 
          =BALISES
-------------------------------------------------------------------------------- */
 
html, body {
		font-size: 100%;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
}
 
body {
		font: 0.625em/1em verdana, helvetica, sans-serif;
    text-align: left;
    background: #81d2e9 url(../images/bg-site.png) repeat-x;
}
 
h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font: 1.8em/0em verdana, helvetica, sans-serif;
}
 
h2 {
    font: 1.6em/1em verdana, helvetica, sans-serif;
}
 
h3 {
    font: 2.4em/1em verdana, helvetica, sans-serif;
    color: #fda700;
    padding:0 0 13px;
}

h4 {
    font: 1.2em/1em verdana, helvetica, sans-serif;
}
 
h5 {
    font: 1.1em/1em verdana, helvetica, sans-serif;
}
 
h6 {
    font: 1em/1em verdana, helvetica, sans-serif;
}

p {
    font: 1.2em/1.1em verdana, helvetica, sans-serif;
    padding: 0 0 1.1em 0;
    margin: 0;
    color: #175f99;
}
 
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0 0 0 15px;
}

li {
    font: 1.2em/1.1em verdana, helvetica, sans-serif;
    padding: 0;
    margin: 0;
		color:#175F99;
		list-style-type:disc;
}

a {
    text-decoration: underline;
}
 
a:hover, 
a:focus {
    text-decoration: none;
}
 
img {
    border: 0;
}
 
hr {
    height: 0;
    color: #fff;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    margin: 0;
}
 
form {
    padding: 0;
    margin: 0;
    display: inline;
}
 
textarea {
    line-height: 1.1em;
}
 
label {
    cursor: pointer;
}
 
table {
    padding: 0;
    border: 0;
    margin: 0 0 1.1em 0;
    border-collapse: collapse;
}
 
th, 
td {
    font: 1.1em/1.1em verdana, helvetica, sans-serif;
    padding: 1.1em 1em;
    margin: 0;
}
 
blockquote {
    padding: 0;
    margin: 0.8em 1.5em;
}

small {
    font: 0.8em/1em verdana, helvetica, sans-serif;
}
 
kbd {
    padding: 1px 2px;
    border: 1px solid #000;
}
 
sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
 
sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}
 
acronym, 
abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}


/*-------------------------------------------------------------------------------- 
          =STRUCTURE
-------------------------------------------------------------------------------- */
 
#site  {
    width: 980px;
    margin: 0 auto;
}


/*          @Entête          
---------------------------------------- */

#header {
 background-color: #66c8e5;
}


/*          @Conteneur          
---------------------------------------- */
 
#container {
 
}
 
#content {
 
}
 
/*          @Pied de page          
---------------------------------------- */
 
#footer {
	border-top: 1px solid #2dbde4;
	margin: 20px 73px 0;
	text-align: center;
}

#footer a {
	color: #175f99;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
	padding: 7px 0;
	display: block;
}


/*-------------------------------------------------------------------------------- 
          =CLASSES
-------------------------------------------------------------------------------- */
 
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.imgLeft { 
    float: left; 
    margin: 0 4px 4px 0; 
}

.imgRight { 
    float: right;
    margin: 0 0 4px 4px;
}

 
/*-------------------------------------------------------------------------------- 
          =MODULES
-------------------------------------------------------------------------------- */
 

/*          @Navigation          
---------------------------------------- */
 
#nav {
	float: left;
 	background: transparent url(../images/header-nav.png) no-repeat 0 0;
 	height: 82px;
 	width: 980px;
}

#nav a {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	color: #175f99;
	height: 20px;
	padding: 4px 0;
}

#nav a#station {
	float: left;
	margin: 21px 0 0 144px;
}

#nav a#hotel {
	float: left;	
	margin: 21px 0 0 90px;
}

#nav a#tarif {
	float: left;
	margin: 21px 0 0 86px;	
}

#nav a#offre {
	float: right;	
	font-size: 10px;
	margin: 43px 117px 0 0;
}

/*          @Introduction          
---------------------------------------- */
#introduction {
	padding: 0 65px;
}

#introduction h2 {
	font-size: 33px;
	color: #fdc400;
	font-weight: bold;
}

#introduction p {
	font-size: 13px;
	line-height: 2em;
	color: #fff;
	padding: 24px 74px 10px 0;
}

/*          @blocStation          
---------------------------------------- */
#blocStation {
	background: transparent url(../images/bloc-la-station.jpg) no-repeat;
	padding: 280px 0 0 125px;
}

#blocStation .ssBlocStation p a {
	font-weight: bold;
	color: #fda700;
}

#blocStation .ssBlocStation#first   {
	background: transparent url(../images/img-ssbloc-first.png) no-repeat 570px 6px;
	padding: 0 301px 0 0;
}

#blocStation .ssBlocStation#second {
	background: transparent url(../images/img-ssbloc-second.png) no-repeat 639px 0;
	padding: 0 223px 0 0;
}

/*          @blocHotel          
---------------------------------------- */
#blocHotel {
	background: transparent url(../images/bloc-hotel.png) no-repeat;
}

#blocHotel table {
	margin: 65px 0 0 125px;
}

#blocHotel table td {
	vertical-align: top;
}

/*          @blocTarif          
---------------------------------------- */
#blocTarif {
	background: transparent url(../images/bloc-tarif.png) no-repeat;
}

#blocTarif .ssBlocTarif {
	padding: 12px 75px 0;
}

#blocTarif .ssBlocTarif#tabTarif {
	background: transparent url(../images/offre-speciale.jpg) no-repeat left 65px;
	height: 649px;
}

#blocTarif .ssBlocTarif a {
	color: #175F99;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
	padding: 4px 0;
}

#blocTarif .ssBlocTarif a#cliquez {
	position: absolute;
	line-height: 1.5em;
	margin: 453px 0 0 573px;
	text-align: center;
}

#blocTarif .ssBlocTarif h3 {
	font-size: 14px;
	font-weight: bold;
}

/*-------------------------------------------------------------------------------- 
          =AJOUT
-------------------------------------------------------------------------------- */