html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
line-height: 1;
background:#c4c4c4;
font:normal 62.5% Arial,sans-serif;
}

div#header{
height:130px;
background:url(../img/fond-header.jpg) repeat-x;
}

div#entete{
width:1100px;
margin:0 auto;
position:relative;
}

a#logo{
display:block;
width:195px;
height:183px;
top:0;
left:0;
z-index:99;
background:url(../img/logo-boardskidom.png) no-repeat;
}

ul#menu{
height:42px;
position:absolute;
left:215px;
top:87px;
}
ul#menu li{
float:left;
}
ul#menu li a{
line-height:42px;
margin:0!important;
font-size:1.4em;
display:block;
color:#fff;
font-weight:bold;
width:110px;
text-align:center;
text-decoration:none;
}
ul#menu li a:hover, a.actif{
color:#000!important;
}

div#diapo{
height:456px;
background:#fff url(../img/fond-gris.jpg) repeat-x bottom;
}
div#haut{background-color: #fff;}
div#diapo2{
width:1050px;
margin:0 auto;
padding:0 25px;
}
div#haut2{
padding:53px 0 22px 0;
width:1100px;
margin:0 auto;
}
#haut2 h1{
margin:25px 0 18px 0;
color:#000;
font-size:36px;
}
div#haut3{
padding:53px 0 0 0;
width:1100px;
margin:0 auto;
position:relative;
}
#haut3 h1{
margin:25px 0 18px 0;
color:#000;
font-size:36px;
width:250px;
}
div#conteneur{
background:#c4c4c4;
}
div#contenu, div#pdp{
width:1050px;
margin:0 auto;
}
div#contenu{
background:#fff;
padding:25px;
}
div#bas{
width:1100px;
margin:0 auto 22px auto;
position:relative;
min-height:400px;
}
#bas h2{
font-size:24px;
margin:30px 0 18px 0;
}
#bas h4{
font-size:24px;
margin:10px 0 10px 0;
text-align:center;
}
#bas p{
margin:0 0 18px 0;
font-size:14px;
}
div#pdp{
background:#242424;
padding:25px 25px 10px 25px;
}
div#mention{
width:1100px;
margin:0 auto;
padding:15px 0;
border-top:solid 1px #5d5d5d;
background:#242424;
position:relative;
}
div#pgauche{
height:42px;
width:380px;
margin:0 0 0 25px;
padding:0 0 0 42px;
background:url(../img/logo-boardskidom-white.png) no-repeat left; 
}
#pgauche p{
line-height:42px;
color:#fff;
font-size:12px;
}
#pgauche a{
color:#fff;
text-decoration:none;
}
#pgauche a:hover{
color:#146aa5!important;
}
div#pcentre{
width:550px;
position:absolute;
right:70px;
top:15px;
}
#pcentre p{
text-align:center;
color:#5d5d5d;
}

a#btinst{
display:block;
background:url(../img/bt-insta.png) no-repeat;
width:37px;
height:37px;
position:absolute;
top:25px;
right:83px;
}
a#btfb{
display:block;
background:url(../img/logo-fb.png) no-repeat;
width:37px;
height:37px;
position:absolute;
top:25px;
right:13px;
}
a#btlm{
display:block;
background:url(../img/logo-menuires-color.png) no-repeat;
width:279px;
height:54px;
position:absolute;
top:15px;
right:362px;
}
a#btfr{
display:block;
background:url(../img/bt-fr-on.png) no-repeat;
width:23px;
height:23px;
position:absolute;
top:32px;
right:839px;
}
a#btuk{
display:block;
background:url(../img/bt-gb-off.png) no-repeat;
width:23px;
height:23px;
position:absolute;
top:32px;
right:788px;
}
a#btrsrv{
display:block;
background:url(../img/bt-reserve.png) no-repeat;
width:222px;
height:48px;
position:absolute;
top:82px;
right:0;
}

.fontau{
font-family: Arial, 'Audiowide', cursive;
font-size:24px;
font-weight:bold;
letter-spacing:-2px;
}

div.grise{
background-color:#e9e9e9;
padding:12px 12px 0 12px;
margin:12px 0;
}
.grise p{
font-size:12px;
color:#5d5d5d;
font-weight:bold;
padding:0 0 12px 0;
}

div#enavant{
position:relative;
height:184px;
}

div#ea1{
position:absolute;
top:0;
left:0;
width:243px;
height:133px;
}
div#ea2{
position:absolute;
top:0;
left:269px;
width:243px;
height:133px;
}
div#ea3{
position:absolute;
top:0;
left:538px;
width:243px;
height:133px;
}
div#ea4{
position:absolute;
top:0;
left:807px;
width:243px;
height:133px;
}
div#lientop{
position:relative;
height:342px;
}
div#lt1{
position:absolute;
top:0;
left:0;
width:243px;
height:342px;
}
div#lt2{
position:absolute;
top:0;
left:286px;
width:243px;
height:342px;
}
div#lt3{
position:absolute;
top:0;
left:572px;
width:243px;
height:342px;
}
div#lt4{
position:absolute;
top:0;
right:0;
width:243px;
height:342px;
}

img#ar1, img#ar2, img#ar3, img#ar4{
position:absolute;
top:28px;
left:83px;
display:block;
display:none;
z-index:20;
}
img#at1, img#at2, img#at3, img#at4{
position:absolute;
top:200px;
left:83px;
display:block;
display:none;
z-index:20;
}

a.ealien{
background:#146aa5 url(../img/bt-bleu-arrow.png) no-repeat right;
width:223px;
height:31px;
display:block;
padding:10px;
color:#fff;
text-decoration:none;
font-size:15px;
}
.ealien span{
font-weight:bold;
}
a.tlien{
background:#146aa5;
width:223px;
height:31px;
display:block;
padding:10px;
color:#fff;
text-decoration:none;
font-size:25px;
text-align:center;
}

hr{
color:#c4c4c4;
background-color:#c4c4c4;
height:1px;
border:0;
clear: both;
margin:35px 0;
padding:0;
}

#pdp table{
width:100%;
}

#pdp p{
font-size:13px;
color:#969696;
}
#pdp a{
color:#969696;
text-decoration:none;
}
.white {
color:#fff!important;
font-weight:bold;
font-size:14px!important;
}
.bleu{
color:#146aa5!important;
}
.dark{
color:#5d5d5d!important;
}
.btplan{
display:block;
margin-top:4px;
}
#pdp a:hover{
color:#146aa5!important;
}

#pdp1{width:200px;}
#pdp2{width:210px;}
#pdp3{width:150px;}
#pdp4{width:150px;}
#pdp5{width:140px;}
#pdp6{width:200px;}

table.ctctb{
width:100%;
}
.ctctb td{
border:0;
padding:10px 10px 10px 0;
}
fieldset.formul, fieldset.formul2{
padding:0;
}
.formul label{
display:block;
font-size:14px;
}
.formul table{
width:400px;
margin-bottom:20px;
}
.formul span{
color:red;
}
.formul input, .formul2 input, .formul textarea{
border:solid 2px #fff;
padding:5px;
margin:4px 0;
font-size:14px;
font-family:arial;
}
.formul textarea{resize: none;}

#ctcbou{
background-color:#242424;
color:#fff;
height:28px;
border:0;
padding:0 20px;
margin-top:22px;
}
div#gau{
width:840px;
}

div#dro, div#dro2{
width:260px;
position:absolute;
right:0;
}
div#dro{background:#fff;padding:22px 0 0 0;top:30px;}
div#dro2{padding:0 0 0 0;}
#dro p,#dro2 p{padding:0 12px;}
.plana{
padding:0 12px;
margin:12px 0;
display:block;
font-size:14px;
color:#146aa5;
}
div.corner{
background:#c5c5c5 url(../img/corner.png) no-repeat bottom left;
height:22px;
width:260px;
}
div.corner800{
background:#c5c5c5 url(../img/corner.png) no-repeat bottom left;
height:22px;
width:800px;
margin-bottom:10px;
}
div.corner100{
background:#c5c5c5 url(../img/corner.png) no-repeat bottom left;
height:22px;
width:50px;
}
div.bblan{
width:800px;
background-color:#fff;
padding:20px 0 2px 0;
}
.bblan p{
text-align:center;
font-weight:bold;
font-style:italic;
font-size:15px;
}
.error{border-color: #e77776!important;border-width:2px!important;}
.ctcok{border-color: #abe774!important;border-width:2px!important;}
#ctc_msg{width:300px;margin:60px auto 0 auto;}

#ld1{position:relative;margin-left:17px;}
#ld2{position:relative;margin:20px 0 0 17px;}
hr.cl{clear: both;visibility:hidden;}

a{
color:#146aa5;
text-decoration:none;
}

div#panier{
position:absolute;
right:0;
top:53px;
width:189px;
height:40px;
padding:5px 0 10px 15px;
background-color:#242424;
}
#nbart p{
font-size:45px;
color:#fff;
}
div#ttart{
position:absolute;
left:50px;
top:8px;
}
#ttart p{
color:#fff;
font-size:13px;
}
#ttart span{
font-size:18px;
}
#ttart a{
text-decoration:underline;
}

table.loc_ski{
width:976px;
margin:0 auto;
vertical-align:top;
padding-top:44px;
}
table.loc_chau{
width:473px;
margin:0;
vertical-align:top;
padding-top:44px;
}
.loc_ski td, .loc_chau td{
vertical-align:top;
}
#slidesContainerR,#slidesContainerN,#slidesContainerB,#slidesContainerE{
margin:0 auto;
width:862px;
height:172px;
overflow:auto;
position:relative;
}
#slidesContainerC, #slidesContainerF{
margin:0 auto;
width:359px;
height:354px;
overflow:auto;
position:relative;
}
.slide {
margin:0 auto;
width:862px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
height:172px;
position:relative;
}
.slide img{
margin:0;
padding:0;
display:block;
}
div.slideE, div.slideN, div.slideR, div.slideB, div.slideC, div.slideF{
position:relative;
}
p.titreski{
display:block;
position:absolute;
top:10px;
left:10px;
background:#fff;
margin-bottom:0!important;
font-size:14px!important;
}

div.tarifski{
position:absolute;
bottom:10px;
right:10px;
}
.tarifski p{
margin-bottom:0!important;
font-size:14px!important;
}
span.reduc{
\background-color:#146aa5;
color:#ffffff;
opacity:0;
padding:0px 0px;
}
span.rature{
opacity:0;
\text-decoration:line-through;
\font-size:18px!important;
}
span.ftarif{
font-size:24px!important;
color:#ff0000;
}
div.dski{
position:relative;
margin-bottom:20px;
}
div.tski{
padding-top:52px;
}
div#dore, div#noir, div#rouge, div#bleu, div#vert{
position:absolute;
top:0;
left:0;
}
#dore p, #noir p, #rouge p, #bleu p, #vert p{
font-size:24px;
margin-bottom:0!important;
padding:8px 22px;
color:#fff;
display:inline-block;
}
#dore p{background-color:#96793a;}
#noir p{background-color:#000;}
#rouge p{background-color:#e32523;}
#bleu p{background-color:#146aa5;}
#vert p{background-color:#14a56a;}

table.loc_form{
width:924px;
margin:8px auto 0 auto;
}
fieldset.loption{

}
.loption label{
font-size:14px;
padding:0 10px;
}
input.dpicker{
height:25px;
border:solid 2px #fff;
background-color:#cacaca;
padding:0 8px;
text-align:center;
}
select.djour{
height:25px;
border:solid 2px #fff;
width:120px;
}
.boutonloc, .bouton{
padding:5px 35px 5px 35px;
border:solid 1px #fff;
font-size:16px;
color:#fff;
background-color:#146aa5;
margin:0;
}
.lbtn{
background-color:#242424;
color:#fff;
border:0;
padding:5px 35px 5px 35px;
margin-top:22px;
}
.loc4{
width:100px;
}
table#recaploc{
width:850px;
margin:0 auto;
}
table#recaploc2{
width:600px;
margin:0 auto;
}
td.recap2{
background-color:#fff;
width:650px;
padding:20px;
margin-top:20px;
}
#bas h3{
font-size:24px;
margin:5px 0 18px 0;
}
span.rou{
font-weight:bold;
color:#e1001a;
}
span.ver{
font-weight:bold;
color:#85b819;
}
p.gran{font-size:18px!important;}
table#tpanier{width:100%;}
table#tlien{width:100%;}
#tpanier td, #tlien td{padding:4px 4px;}
#tpanier p{margin:0;}
tr.total{background-color:#fff;}
tr.impa{background-color:#eee;}
tr.pair{background-color:#ddd;}
td.pack,td.dure{width:370px;}
td.prip{width:96px;vertical-align:middle;}
td.pack p,td.prip p{
font-size:1.8em;
}
#tlien a{
font-size:14px;
}
div#dlbtn{
width:800px;
margin:30px auto 0 auto;
}
div#quick{
background: #146aa5 url(../img/fleche-dropdown.jpg) no-repeat top right;
width:170px;
position:absolute;
top:78px;
left:200px;
z-index:9;
height:36px;
overflow:hidden;
}

#quick a, #quick p{
color:#fff;
font-size:18px;
display:block;
padding:7px 10px 7px 10px;
width:97px;
}
#quick a:hover{
color:#000;
}
a.del{font-size:10px;color:#e32523;text-decoration:none;}

#diapo3 {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}

.next,.prev {
color: white;
cursor: pointer;
display: none;
position: absolute;
top: 188px;
height: 76px;
width: 79px;
z-index: 20;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
}

.prev {
left:10px;
position: absolute;
}

.next {
position: absolute;
right:10px;
}
.next:hover,.prev:hover {

-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);

-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
}

#diapo3 li > * {
position: absolute;
}

#diapo3 {
height: 453px;
width:1050px;
position: relative;
overflow:hidden;
z-index:25;
}

#diapo3 h2 {
font-size: 30px;
line-height: 26px;
font-weight:bold;
color:#146aa5;
}
#diapo3 p{
font-size:26px;
line-height:25px;
padding-bottom:10px;
font-weight:bold;
}

.info {
color: black;
font-size: 1em;
right:500px;
line-height: 1.2em;
top: 130px;
width: 250px;
z-index: 10;
vertical-align: middle;
opacity: 0;
}

.info.animate-in {
right: 650px;
opacity: 1;

-webkit-transition-duration: .7s;
-moz-transition-duration: .7s;
-o-transition-duration: .7s;
-ms-transition-duration: .7s;
transition-duration: .7s;
}

.info.animate-out {
right: 700px;
opacity: 0;
-webkit-transition-duration: .7s;
-moz-transition-duration: .7s;
-o-transition-duration: .7s;
-ms-transition-duration: .7s;
transition-duration: .7s;
}

.backimg {
opacity: 0;
top: 0;

z-index: 1;
left:250px;
}

.backimg.animate-in {
opacity: 1;
top: 0;
left:172px;
-webkit-transition-duration: .7s;
-moz-transition-duration: .7s;
-o-transition-duration: .7s;
-ms-transition-duration: .7s;
transition-duration: .7s;
z-index: 1;
}

.backimg.animate-out {
opacity: 0;
top: 0;
left:172px;
-webkit-transition-duration: .7s;
-moz-transition-duration: .7s;
-o-transition-duration: .7s;
-ms-transition-duration: .7s;
transition-duration: .7s;
z-index: 1;
}

.sequence-fallback .kite.animate-in {
left: 20%;
top: 200px;
}