body { background: #a8e5f6 url(../img/bodybg.jpg) left top repeat-x; font-family: arial, helvetica, verdana, sans-serif; margin: 0; padding: 0; font-size: 0.8em; }

a img { border: none; }
/*a { text-decoration: underline; color: #0180b2; }
a:hover { text-decoration: underline; color: #0180b2; }*/
p, form, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
ul, ol { list-style-type: none; margin: 0; padding: 0; }
li { background: transparent url(../img/puceli.gif) 20px 7px no-repeat; padding-left: 30px; line-height: 140%; zoom: 1; }
.clear { clear: both; overflow: hidden; }
*+html .clear { clear: both; height: 1px; overflow: hidden; }
.rgt {float:right}
.lft {float:left}
img.rgt {border: 1px solid #c7c7c7; padding: 5px; margin-bottom: 5px;margin-left:10px}
img.lft {margin-right:10px}
span.etoile {color: #e52c31; }
a.asuivre {background:url(../img/puceAll.gif) no-repeat right center;padding-right:15px;color:#e52c31;text-decoration:none}
a.asuivre:hover {text-decoration:underline}
.discret {color:#000000;text-decoration:none}


#page0 { margin: auto; width: 1000px; background: transparent url(../img/page0bg.gif) right top repeat-y; overflow: hidden; }
/* FIN MODIFS POUR BUG IE6
---------------------
--------------------- */

h1 { position: relative; top: 172px; padding-left: 55px; color: #0180b2; font-weight: bold; font-size: 1.2em; }
html>body h1 { top: 188px; }
h2 { background: transparent url(../img/puceh2.gif) left 4px no-repeat; padding-left: 15px; color: #e52c31; font-weight: bold; font-size: 1.2em; margin-top: 30px; zoom: 1; }

/* langues (par defaut on affiche 3 drapeaux) */
#page1 { background: transparent url(../img/headerbg3.jpg) right top no-repeat; width: 1000px; margin-bottom: -20px; }
#page1Booking { background: transparent url(../img/headerbg3Booking.jpg) right top no-repeat; width: 1000px; margin-bottom: -20px; }
#lang { position: relative; width: 21px; height: 50px; top: 274px; left: 15px; }
#lang a { display: block; margin-bottom: 3px; }
#lang img { border: 1px solid #78acc1; }

/* A decommenter si 2 drapeaux */

#page1 { background: transparent url(../img/headerbg2.jpg) right top no-repeat; }
#page1Booking { background: transparent url(../img/headerbg2Booking.jpg) right top no-repeat; }
#lang { top: 291px; }

/* A decommenter si 1 drapeaux 
#page1 { background: transparent url(../img/headerbg1.jpg) right top no-repeat; }
#page1Booking { background: transparent url(../img/headerbg1Booking.jpg) right top no-repeat; }
#lang { top: 308px; }
*/
/* A decommenter si 0 drapeaux */
/*
#page1 { background: transparent url(../img/headerbg0.jpg) right top no-repeat; }
#page1Booking { background: transparent url(../img/headerbg0Booking.jpg) right top no-repeat; }
*/


/* content */
#content { position: relative; width: 950px; left: 40px; top: -50px; }

/* menu */
#menu { position: relative; top: 178px; overflow: hidden; width: 950px; font-size: 1em; }
#menu ul { margin-bottom: 0px; margin-left: 0px; padding: 0px; }
#menu ul li { float: left; margin-left: 3px; background: none; padding-left: 0; }
#menu ul li .activelink, #menu ul li a { float: left; text-decoration: none; padding-left: 10px; text-transform: uppercase; height: 26px; color: #fff; background: none; }
#menu ul li .activelink strong {font-weight:normal}
#menu ul li a.booking { background-image: url(../img/bookingLeft.gif); background-repeat: no-repeat; }
#menu ul li .activelink { float: left; text-decoration: none; padding-left: 10px; background-image: url(../img/activelinkLeft.gif); background-repeat: no-repeat; color: #fff; }
#menu ul li a:hover { text-decoration: underline; cursor: pointer; }

#menu ul li .activelink span, #menu ul li a span { float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 3px; padding-left: 0px; height: 26px; color: #fff; }
#menu ul li a.booking span { background: transparent url(../img/bookingRight.gif) right top no-repeat; }
#menu ul li .activelink span { float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 3px; padding-left: 0px; background: transparent url(../img/activelinkRight.gif) right top no-repeat; height: 26px; color: #007eb1; }

/* submenu */
.submenu { position: relative; top: 170px; overflow: hidden; width: 755px; }
html>body .submenu { top: 178px; }
.submenu li { float: left; margin-left: 3px; background: transparent url(../img/submenuliborder.gif) right top no-repeat; height: 27px; padding-left: 0; }
.submenu li.lastItem { background: none; }
.submenu li a, .submenu li strong, .submenu li span { float: left; text-decoration: none; padding: 7px 8px 0px 7px; height: 27px; color: #0180b2; }
.submenu li a:hover { text-decoration: underline; }
.submenu li strong { background: transparent url(../img/submenuliactive.gif) center 23px no-repeat; color: #e52c31; font-weight: normal; }

/* main */
#main { margin-top: 176px; }
html>body #main { margin-top: 193px; }
#mcontent { padding-left: 65px; padding-right: 65px; }
span.titre, h3 { display: block; color: #0180b2; font-weight: bold; margin-top: 15px; font-size: 1.1em;}
h3 + p {margin-top: 0px !important}
p {margin-top: 10px; line-height: 140%; }
.chapo {margin-top:210px}

.blocphotowithlink { float: left; width: 260px; margin: 35px 6px; text-align: center; }
.blocphotowithlink img { border: 1px solid #c7c7c7; padding: 5px; margin-bottom: 5px; }
.blocphotowithlink span img { border: none; padding: 0; margin: 0; margin-right: 5px; vertical-align: middle; }
.blocphotowithlink span a { vertical-align: middle; color: #e52c31; text-decoration: none; }
.blocphotowithlink span a:hover { color: #e52c31; text-decoration: underline; }
/*agc*/

.blocphotowithlink2 { float: left; width: 190px; margin: 10px 6px 0px 6px; text-align: center; }
.blocphotowithlink2 img { border: 1px solid #c7c7c7; padding: 5px; margin-bottom: 5px; }
.blocphotowithlink2 span img { border: none; padding: 0; margin: 0; margin-right: 5px; vertical-align: middle; }
.blocphotowithlink2 span a { vertical-align: middle; color: #e52c31; text-decoration: none; }
.blocphotowithlink2 span a:hover { color: #e52c31; text-decoration: underline; }
.bloclogos {text-align:left}
.bloclogos img {padding-right:30px}

/* footer */
#footer { background: transparent url(../img/footerbg.png) right bottom no-repeat; text-align: center; margin-bottom: 20px; margin-top: 0px; padding-bottom: 20px; padding-left: 10px; }
#footer ul { padding: 15px 15px 10px 15px; }
#footer li { display: inline; padding: 0 4px; margin: 0; font-size: 0.9em; background: none; }
#footer ul li span { padding: 0 8px; background: transparent url(../img/pucefooter.gif) 4px center no-repeat; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer .copyright { color: #b2e9ff; font-size: 0.8em; }
#footer .copyright a { color: #b2e9ff; text-decoration: none; }
#footer .copyright a:hover { color: #b2e9ff; text-decoration: none; }

/*cgv*/
#cgv {height:400px;overflow:auto}

/*plan du site*/
.sitemap a { text-decoration: none;  }
.sitemap h2 a {color:#e52c31}
.sitemap li a {color: #0180b2;}
.sitemap a:hover { text-decoration: underline; }
.sitemap .lft, .sitemap .rgt {width:400px}

/*accueil*/
.home {background: transparent url(../img/homeSkiers.jpg) center bottom no-repeat;height:605px  }
.home .lft {width:800px;padding-top:135px}
.home .rgt {width:300px}
.home ul, .home h3 {text-align:left}
.home p {text-align:justify}
.home h3 {margin-top:30px;font-size: 1.2em;color:#fff;text-transform:uppercase}
.home ul li { background: transparent/* url(../img/puceAll.gif) 15px center no-repeat*/; padding-left: 0px; line-height: 140%; zoom: 1; }
.home ul li a {background:url(../img/puceAll.gif) no-repeat left center;padding-left:15px;color:#fff;text-decoration:none}
.home ul li a:hover {;color:#e52c31;text-decoration:underline}
.home p.accroche {margin-left: 525px;width: 295px;padding-top: 50px;color:#fff;text-align:justify }
.home span.slogan {font-size:1.4em;margin:0}
.home p.accroche a { display: block;  width: 150px; height: 25px; padding-left: 30px; padding-top: 8px;margin-top:12px;margin-left:115px; background: transparent url(../img/bookingButton.jpg) left top no-repeat; font-size: 1.2em; color: #fff; text-decoration: none}

/* booking */
.nobookingbox { display: block; width: 948px; height: 1px; }
.bookingbox, .bookingboxen { margin-left: 1px; width: 948px; height: 218px; background: transparent url(../img/bookingBanner.jpg) left top no-repeat; }
.bookingbox { background: transparent url(../img/bookingBanner.jpg) left top no-repeat;}
.bookingboxen {background: transparent url(../img/bookingBanner.jpg) left top no-repeat; }
.bookingbox p, .bookingboxen p {margin-left: 56px;width: 305px;padding-top: 55px;color:#fff;text-align:justify }
.bookingbox a, .bookingboxen a { display: block;  width: 150px; height: 25px; padding-left: 30px; padding-top: 8px;margin-top:12px;margin-left:130px; background: transparent url(../img/bookingButton.jpg) left top no-repeat; font-size: 1.2em; color: #fff; text-decoration: none}
.bookingbox a:hover, .bookingboxen a:hover { color: #fff; }
.bookingbox span.slogan, .bookingboxen span.slogan {font-size:1.4em;display:block;margin:0}
span.reduc {font-size:45px;color:#e52c31;font-weight:bold;text-decoration:blink}
#mcontentbooking { padding-top: 1px; background: transparent url(../img/mcontentbookingbg.jpg) 644px top repeat-y; width: 100%; }
#mcbleft { float: left; width: 567px; margin-left: 20px; padding-bottom: 50px; }
#mcbleft h2 {background:none !important;padding:0px}
html>body #mcbleft { margin-left: 38px; }
#mcbright { float: right; width: 296px; padding-left: 38px; background: transparent url(../img/mcbrightbg.gif) left top no-repeat; padding-bottom: 50px; }

.basketheader { position: absolute; text-align: center; width: 296px; }
#mcbright h2 { background: none; padding: 0px; color: #0180b2; font-weight: bold; font-size: 1.3em; text-transform: uppercase; text-align: center; margin-top: 30px; zoom: 1; }
.basketprice { display: block; color: #e52c31; font-size: 1.6em; text-transform: uppercase; text-align: center; }
span.basketpriceold { color: #000000; font-size: 0.8em; text-transform: uppercase; text-align: center; text-decoration: line-through; }

.basketcontent { margin-top: 97px; padding-left: 2px; }
span.baskettitleshop { display: block; color: #ffffff; font-size: 1.2em; text-align: center; padding: 5px 0; }
span.basketshop { display: block; color: #e52c31; font-size: 1.2em; text-transform: uppercase; text-align: center; padding: 20px 0; }
span.baskettitle { display: block; color: #ffffff; font-size: 1.2em; text-align: center; padding: 5px 0; background: transparent url(../img/baskettitlebg.gif) left top no-repeat; }
span.basketdate { display: block; color: #e52c31; font-size: 1.2em; text-align: center; padding: 20px 0; }
.basketcontent li { line-height: 120%; margin-top: 10px; }
span.basketpack { display: block; color: #e52c31; font-size: 1.2em; }
span.basketpackshoes { display: block; color: #0180b2; font-size: 1em; }

.warningblock { border: 1px solid #ff0000; color: #ff0000; background: #ffd6d6 url(../img/warning.gif) 20px 50% no-repeat; margin-top: 40px; padding: 25px 5px 25px 110px; line-height: 130%; }
.warningblock span { font-weight: bold; }
.warningblock li { background: none; list-style: square; list-style-position: inside; padding-left: 20px; }

#page1Booking form { margin-top: 10px; }
#page1Booking form.contactform { margin-top: 0px; }
#page1Booking form .odd { padding: 20px 26px; background-color: #eaf4f9; }
#page1Booking form .odd label, #page1Booking form .even label { color: #0180b2; }
#page1Booking form.contactform .odd label, #page1Booking form.contactform .even label { float: left; }
#page1Booking form.contactform .odd input, #page1Booking form.contactform .even input { float: right; margin-right: 250px; }

#page1Booking form .even { padding: 20px 26px; }
#page1Booking form .submitbutton1 { text-align: center; border-top: 1px solid #a3d8ed; margin-top: 30px; padding-top: 18px; padding-bottom: 300px; }

ul#pack li { border: 1px solid #94c9df; list-style: none; background: none; padding-left: 0px; line-height: 100%; padding-top: 5px; margin-top: 10px; overflow: hidden; width: 567px; }
#page1Booking ul#pack li form { margin-top: 0px;  }
ul#pack li h3 { color: #0180b2; font-weight: bold; padding-left: 25px; margin-bottom: 5px; }
.openinfos { border-top: 1px solid #94c9df; background-color: #f1f9fc; text-align: right; color: #0180b2; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; zoom: 1;}
.openinfos:hover { cursor: pointer; }
.openinfos img { margin-right: 10px; }
.openinfos form input { display: inline; float: right; }
.infos { background-color: #f1f9fc; padding-top: 15px; padding-bottom: 20px; }
.infos .packinfoslabel { padding-left: 25px; margin-bottom: 5px; }
.infos label { margin-right: 15px; }
.infos .submitbutton2, #mcbleft .submitbutton2 { text-align: center; margin-top: 30px; }
span.durationdate { color: #e52c31; font-size: 1.2em; margin-left: 20px; }

p.bookingFormInfo { color: #0180b2; margin-bottom: 30px; }

.display, .displaynone { display: block; }
.display img, .displaynone img { float: left; margin-left: 10px; width: 330px; }
.displaynone .todisplay { display: none; border: 1px solid red; }
.packRadios { float: right; margin-right: 50px; margin-top: 10px; text-align: right; }
.packCheck { float: right; margin-right: 20px; margin-top: 20px; }
.packCheckName { display: block; clear: both; margin-left: 25px; }
span.packprice { background: red; color: #ffffff; padding: 3px 6px; }
span.packpriceold { text-decoration: line-through; padding: 3px 6px; }
span.packpricetodisplay { background: red; color: #ffffff; padding: 3px 6px; }
.displaynone .packpricetodisplay { display: none; }
span.contractuel {font-size:11px;font-style:italic;padding-left:25px}

#page1Booking #footer { margin-top: -50px; }

