body { margin : 0 auto ; text-align : center ; padding : 0 ; background : #FFF url(http://www.sejour-ski.eu/img/bg-ombre.jpg) repeat-y center top ; }
img { border : none ; }
/* HEADER */
#header { margin : 0 auto ; padding : 0 ; background : #FFF ; text-align : left ; background : #FFF url(http://www.sejour-ski.eu/img/bg-header.gif) repeat-x ; }
#header .content { position : relative ; width : 855px ; height : 115px ;  margin : 0 auto ; padding : 0 ; background : transparent url(http://www.sejour-ski.eu/img/bg-accroche.gif) no-repeat 
580px 50px ; }
#header .content .logo { position : absolute ; display : block ; background : transparent url(http://www.sejour-ski.eu/img/logo-sejour-ski.gif) no-repeat ; top : 30px ; left : 0 ; width : 200px ; height : 70px ;  }
#header .content .logo .titre { margin : 0 ; padding : 0 ; }
#header .content .logo .titre a { display : block ; font : Normal 9px/110px Arial ; color : #CCC ; text-decoration : none ; width : 200px ; height : 69px ; text-align : center ; margin : 0 ; padding : 0 ; }
#header .content .logo .titre a:hover{ background :  transparent url(http://www.sejour-ski.eu/img/logo-sejour-ski-on.gif) no-repeat ;}
#header .content .accroche { position : absolute ; display : block ;  top : 0 ; left : 0 ; width : 855px ; height : 15px ; background :#000 ; }
#header .content .accroche p {  margin : 0 ; padding : 0 ; font : Normal 10px/15px Arial, Helvetica ; color : #999 ; text-transform : uppercase ; text-align : center ; }
#header .content .menu { position : absolute ; display : block ; top : 65px ; left : 210px ; height : 42px ; }
#header .content .menu ul { margin : 0 ; padding : 0 ; list-style-type : none ; }
#header .content .menu li { margin : 0 0 0 3px ; padding : 0 ; display : block ; width : 120px ; height : 42px ; float : left ;  font : Bold 10px/10px Verdana ; background : transparent url(http://www.sejour-ski.eu/img/onglet-blc.gif) no-repeat ;  text-align : center ; }
#header .content .menu li a { color : #000 ; text-decoration : none ; display : block ; padding-top : 10px ; }

/* CONTAINER */
#global { width : 955px ; margin : 0 auto ; padding : 0 ; text-align : center ; background : #FFF url(http://www.sejour-ski.eu/img/body-bg.jpg) repeat-x 0 50px ; }
#container { width : 860px ; margin : 0 auto ; padding : 0  0 5px 0; text-align : left ;}

/* FIL ARIANE */
#ariane { margin : 0 ; padding : 0 ; height : 20px ; background : transparent url(http://www.sejour-ski.eu/img/bg-ariane.gif) no-repeat ; }
#ariane p {  margin : 0 ; padding : 0 0 0 40px ; color : #FFF ;  font : Normal 10px/20px Verdana ; }
#ariane p a { color : #FFF ; text-decoration : none ; }
#ariane p a:hover { text-decoration : underline ; }
#ariane div {  margin : 0 ; padding : 0 0 0 7px ; color : #FFF ;  font : Normal 10px/20px Verdana ; float : left ; }
#ariane div a { color : #FFF ; text-decoration : none ; }
#ariane div a:hover { text-decoration : underline ; }

/* TEXTE INTRO */
#containerIntro { margin : 0 0 15px 0 ; padding : 0 ; }
h2 { font : bold 24px/24px Arial Rounded MT Bold, Arial, Helvetica ; color : #FFF ; margin : 15px 0 0 0 ; padding : 0 0 0 0px ; text-transform : uppercase ; }
h3 { font : bold 12px/15px Arial, Helvetica ; color : #666 ; margin : 5px 0 0 0 ; padding : 0; }
h3 a { color : #06C ; text-decoration : none ; }
.texteIntro { padding : 0 ; margin : 0 ; font : Normal 10px/13px Arial, Helvetica ; color : #666 ; text-align : justify ; }
.texteIntro a { color : #333 ; text-decoration : none ; }
.texteIntro a:hover { text-decoration : underline ; }

/* COUPS DE COEUR */
#containerCC { width : 540px ; margin : 0 ; padding : 0 ; background :  #FFF url(http://www.sejour-ski.eu/img/bg-cc.gif) left top no-repeat ; float : left ; }
#CC { margin : 20px 20px 20px 20px ; padding : 0 ; }
.offre { position : relative ; margin : 5px ; padding : 0 ; height : 70px ; cursor : pointer ;}
.offre .img { position : absolute ; margin : 0 ; padding : 0 ; top : 3px ; left : 3px ; width : 80px ; height : 60px ; border : 2px solid #DDD ;}
.offre .titre { position : absolute ; margin : 0 ; padding : 0 ; top : 0 ; left : 95px ; font : Bold 12px/20px Verdana  ; color : #06C ; }
.offre .texte { position : absolute ; margin : 0 ; padding : 0 ; top : 20px ; left : 95px ; width : 320px ;font : Normal 11px/14px Arial ; color : #000 ; }
.offre .texte span{ font-weight : Bold ; color : #FFF ; background : #999 ; padding : 0 5px ;}
.offre .texte em{ font-size : 100% ; color : #999 ; line-height : 18px }
.offre .lien {  position : absolute ; margin : 0 ; padding : 0 ; top : 43px ; right : 10px ; width : 80px ; font : Bold 11px/20px Verdana ; color : #06C ; text-decoration : underline }
.bg-gc { background-color : #DDD ; }
.bg-blc { background-color : #EEE ; }

/* OFFRES PAR MOIS */
.offre-ski { position : relative ; margin : 0 ; padding: 0 ; width : 490px ; height : 118px ; border-bottom : 1px solid #999;  border-top : 1px solid #FFF; cursor : pointer ;}
.titre-offre-ski, .titre-residence, .atout-offre, .prix-offre, .description-offre, dl.image-offre, .information-offre { margin : 0 ; padding : 0 ; display : block ; position : absolute ; }
.titre-offre-ski { top : 10px ; left : 105px ; font : Normal 12px Arial Rounded MT Bold, Arial, Helvetica  ; color : #06C  ;  }
.titre-residence { top : 25px ; left : 105px ; font : Normal 11px Arial, Helvetica ; color : #000 ;  }
.atout-offre { top : 45px ; left : 105px ; font : Normal 11px Arial, Helvetica ; color : #666 ; width : 373px ; border : 1px solid #CCC ; background : #FFF  }
.atout { padding : 3px 0 2px 0 ; margin : 0 ; float : left ; list-style-type : none ; }
.plus-offre { padding-left : 10px ; }
.prix-offre { top : 75px ; left : 105px ; width : 80px ; text-align : center ; font : Bold 17px Arial, Helvetica ; color : #D00 ; }
.description-offre { top : 75px ; left : 185px ; width : 360px ; font : Normal 10px Arial, Helvetica ; color : #666 ; border-left : 3px solid #999 ; padding-left : 7px ; text-align : left ; }
dl.image-offre { border: 1px solid #666 ; width: 90px; height : 98px ; text-align: center ; left : 5px ; top : 10px ; background : #FFF ; }
.image-offre dt { padding: 0 ; margin: 5px 0 0 0 ;  }
.image-offre dd { margin: 5px 0 0 0 ; padding: 0 ; }
.information-offre { top : 95px ; right : 10px ; font : Bold 10px Arial, Helvetica ; color : #06C ; text-decoration : underline ; }


/* LISTE STATION */
.ulStation { margin : 0 0 0 15px ; padding : 0 ; color : #DDD; }
.ulStation li { float : left ; margin : 0 ; padding : 0 ; width : 160px ; font : Normal 12px/17px Arial, Helvetica ;}
.ulStation li a { color : #06C ; text-decoration : none ; }
.ulStation li a:hover { text-decoration : underline ; }
.ulStation li:first-letter { font : Bold 12px/17px Arial, Helvetica ; }

/* LISTE HOME */
.ulHome { margin : 0 0 0 15px ; padding : 0 ; list-style-type : none ; }
.ulHome li { float : left ; margin : 0 ; padding : 0 ; width : 220px ; font : Normal 12px/17px Arial, Helvetica ;}
.ulHome li a { color : #999 ; text-decoration : none ; }
.ulHome li a:hover {  text-decoration : underline ; }

/* MOTEUR */
#moteur { margin : 0 ; padding : 0 ; width : 300px ; background : #FFF url(http://www.sejour-ski.eu/img/bg-mt.gif) left top no-repeat ; ; float : right ; }
form { margin : 20px 0 10px 15px ; }
select { width : 215px ; color : #06C ; }
.champs { margin : 15px 0 0 0 ; padding : 0 0 0 30px ;  }
.btn { margin : 10px 0 0 48px; cursor : pointer ;} 

/* PARTIE BASSE */
#bottom { margin : 0 ; padding : 0 ; background : #333 ; text-align : left ;  height : 400px ; }
#bottom .content { position : relative ; width : 855px ; margin : 0 auto ; padding : 0 ; }
#listeCompare { position : absolute ; margin : 0 ; padding : 0 ; top : 30px ; left : 0 ; width : 540px ; height : 340px ; background : transparent url(http://www.sejour-ski.eu/img/bg-compare.gif) no-repeat ; }
.divCompare { margin: 25px 20px 20px 20px ; padding : 0 ; z-index : 1 ;}
.divCompare p, #listeMois p  { margin: 0 ; padding : 0 10px 0 15px ; color : #666 ; font : Normal 12px/15px Arial,Helvetica ;  }
.divCompare p a { color : #666 ; text-decoration : none ; }
.divCompare p a:hover, #listeMois p a:hover { text-decoration : underline ; }

.listeComparateur { margin : 0 ; padding : 0 ; text-align : center ; }
.listeComparateur ul { margin : 10px 0 0 15px ; padding : 0 ; list-style-type : none ; }
.listeComparateur li { margin : 0 ; padding : 0 ; float : left ; font : Normal 11px/15px Arial, Helvetica ; }
.listeComparateur li a { color : #999 ; text-decoration : none ; }
.listeComparateur li img { margin : 3px 0 ; border : 2px solid #CCC ; }

#listeMois { margin : 0 ; padding : 0 ; position : absolute ; top : 240px ; left : 25px ; width : 470px ; height : 80px ; z-index : 2 ;  }
#listeMois p a { color : #555 ; font : Bold 11px/15px Arial,Helvetica ; text-decoration : none ;}

#listeStation { position : absolute ; top :  30px ; right : 0 ; width : 280px ; margin : 0 ; padding : 0 ;  }
#listeStation ul { list-style-type : none ; margin : 0 0 0 15px ; padding : 0  }
#listeStation ul li { font : Normal 11px/15px Arial,Helvetica ; }
#listeStation ul li a { color : #999 ; text-decoration : none ; font : Normal 11px/15px Arial,Helvetica ; }
#listeStation ul li a:hover { text-decoration : underline ; }

/* FOOTER */
#footer { margin : 0 auto 0 auto ; height : 40px ; background : #FFF }
#footer .menu { margin : 10px auto 0 auto ; padding : 0 ; width : 855px ; text-align : center ; }
#footer .menu ul { margin : 0 ; padding : 0 ; list-style-type : none ; }
#footer .menu li { margin : 0 ; padding : 0 5px ; display : inline ; font : Normal 10px/15px Arial, Helvetica ; }
#footer .menu li a { color : #06C ; text-decoration : none ;  }
#footer .menu li a:hover { text-decoration : underline ;  }

/* COMMUN */
.titreH2 { font : Normal 11px/15px Arial Rounded MT Bold, Arial, Helvetica ; color : #999 ; margin :  0 ; padding : 0 0 0 15px ;   }
.titreH2 a { color : #999 ; text-decoration : none ;}
.titreH3 { font : Normal 15px/15px Arial Rounded MT Bold, Arial, Helvetica ; color : #FFF ; margin :  0 0 15px 0 ; padding : 0 ; text-transform : uppercase ;   }
.titreH3 span { background-color : #F60 ; padding : 0 5px 0 15px}
.spanNoir  { padding : 0 !important ; color : #000 ; }
.clear { clear : both ; font-size :1px ; }

/* CARTO DOMAINE */
#map { position : relative ; font : Normal 11px/20px Arial ;  }
#map h2 {font : Bold 12px/22px Arial, Helvetica ; margin : 0 ; padding : 0 ; color : #000 }
#map a { font : Bold 12px/17px Arial, Helvetica ; color : #06C ; }
form ul { margin : 0 0 0 20px ; list-style-type : none ; }
form ul li a { font : Bold 12px/17px Arial, Helvetica ; color : #06C ; padding-left : 5px ;}
.tableDom { margin : 15px 0 5px 0 ; padding : 0 ; border : 0 ; font : Normal 12px/17px Arial ; color : #666 ; background : #999 ; width : 500px ; }
.tableDom tr { background-color : #333 ; color : #999 ; text-align : left ;}
.tableDom .vert, .tableDom .bleu, .tableDom .noir, .tableDom .rouge { font-weight : Bold ; color : #FFF ; text-align : center ; }
.tableDom .vert { background-color : #090 ; }
.tableDom .bleu { background-color : #06C ; }
.tableDom .rouge { background-color : #F00 ; }
.tableDom .noir { background-color : #000 ; }
.tableDom .libel { text-indent : 5px ; width : 450px;  }
.tableDom .titre { text-indent : 5px ; color : #EEE ; line-height : 22px ; text-transform : uppercase ;  }
.ulDomaine { float : left ; width : 180px; color : #FFF; font : Normal 11px/15px Arial, Helvetica ; margin : 0 0 0 10px; }
.ulDomaine li a { color : #EEE ; text-decoration : none ;}
.ulDomaine li a:hover { text-decoration : underline ;}
.lienPlus { font : Bold 12px/20px Arial, Helvetica; padding-left : 15px ; color : #06C ; background : transparent url(../img/fleche.gif) no-repeat left center ; }