*             { margin:0; padding:0; }
body          { font-family: "centhury gothic", Arial, Helvetica; font-size: 12px; background: url(images/body_fond.gif) repeat-x scroll 0 0; color: #7d828a; text-align:justify; }
img           { border:0; }
ul            { list-style: none; }
a, a:visited  { color: #26b8e9; text-decoration: none; }
a:hover  	  { color: #068ab7; text-decoration: none; }
a.footer, a.footer:visited  { color: #068ab7; text-decoration: none; }
a.footer:hover { color: #fffffff; text-decoration: none; }
h2            { margin:10px 0 0 0; font-size:12px; }
p             { margin: 10px 0; text-align:justify; }
p.txt         { margin: 0 5px; text-align:justify;}
p.center      { margin: 0 5px; text-align:center;}
p.centernoir  { margin: 0 0; text-align:center;color: #26b8e9; font-weight:bold; font-size:13px;}

#document    { width: 1000px; margin:0 auto; background: url(images/document_fond.png) repeat-y 0 0; }
#header      { height: 312px; position: relative; padding:9px 12px 0 12px; z-index:3; }
#content     { padding:0 12px; overflow: hidden; zoom:1; }
#colCentrale { float: left; width: 700px; }
#colDroite   { float: right; width: 268px; }
#footer      { margin:10px 0 0 0; }
img.border		 { border:1px solid #26b8e9; margin-right:10px; }
img.borderb		 { border:1px solid #26b8e9; }

/* Entete */
#logo         { position: absolute; top:20px; left:20px; width: 172px; height: 91px; z-index:4; }
#logo h1      { text-indent: -999px; }
#slogan       { position: absolute; top:35px; left:400px; width: 576px; height: 35px; z-index:4; }
#slogan h2    { text-indent: -999px; }
#slogan_en       { position: absolute; top:35px; left:374px; width: 602px; height: 35px; z-index:4; }
#slogan_en h2    { text-indent: -999px; }

/*#flashEntete  { height: 275px; background: url(images/flash_fond.jpg) no-repeat 0 0; }*/
#flashEntete  { height: 275px;}

#langue       { position: absolute; top:294px; right:20px; z-index:10; }

/***********/
/* Contenu */
/***********/
#contentHaut            { overflow: hidden; zoom:1; }
#contentHaut p          { margin:2px 5px 5px 5px; }
#contentHaut ul         { margin:15px 5px 0px 5px; }
#blocSki                { position:relative; float:left; width:245px; height:260px; border:1px solid #000;}
h2#ski                  { position : absolute; background:url(images/ski.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; }
h2#ski_en               { position : absolute; background:url(images/ski_en.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; }
#blocSnowboard          { position:relative; float:left; width:245px; height:260px; border:1px solid #000; margin:0 0 0 10px; }
h2#snowboard            { position : absolute; background:url(images/snowboard.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; }
#blocRando              { position:relative; float:left; width:180px; height:260px; border:1px solid #000; margin:0 0 0 10px; }
h2#randonnee            { position : absolute; background:url(images/randonnee.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:180px; height:26px; font-size:1px; }
h2#randonnee_en         { position : absolute; background:url(images/randonnee_en.png) no-repeat 0 0; text-indent:-999px; margin:0; top:124px; z-index:2; width:180px; height:26px; font-size:1px; }
#container1				{ position:relative; z-index:1;}
#rotator				{ position:relative; z-index:1;}

#contentHautStage            { overflow: hidden; zoom:1; }
#contentHautStage p          { margin:2px 5px 5px 5px; }
#blocSkiStages               { position:relative; float:left; width:247px; height:90px;}
#blocSkiStages h2            { position : absolute; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; }
#blocSnowboardStages         { position:relative; float:left; width:247px; height:90px; margin:0 0 0 10px; }
#blocSnowboardStages h2      { position : absolute; text-indent:-999px; margin:0; top:124px; z-index:2; width:245px; height:26px; font-size:10px; }
#blocStationsStages          { position:relative; float:left; width:182px; height:90px; margin:0 0 0 10px; }
#blocStationsStages h2       { position : absolute; text-indent:-999px; margin:0; top:124px; z-index:2; width:180px; height:26px; font-size:1px; }

h2#stages_fr                { background:url(images/h2_stages_fr.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; }
h2#ecole_fr                { background:url(images/h2_ecole_fr.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; }
h2#dernieresSorties_fr     { background:url(images/h2_dernieresSorties_fr.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; }

h2#stages_en                { background:url(images/h2_stages_en.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; }
h2#ecole_en                { background:url(images/h2_ecole_en.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; }
h2#dernieresSorties_en     { background:url(images/h2_dernieresSorties_en.gif) no-repeat 0 0; text-indent:-999px; font-size:12px; height:27px; }

/* Horizontal Carousel */
#horizontal_carousel                           { float:left; width:700px; height:155px; margin:3px 0; position:relative; }
#horizontal_carousel .container                { float:left; width:660px; height:155px; position:relative; overflow:hidden; }
#horizontal_carousel ul                        { margin:0; padding:0; width:100000px; position:relative; top:0; left:0; height:240px; }
#horizontal_carousel ul li                     { width: 132px; height:150px; text-align:center; list-style:none; float:left; }
#horizontal_carousel ul li img                 { border:1px solid #646c7c; display:block; margin:0 0 10px 0; }

#horizontal_carousel .previous_button          { position: relative; top:39px; float:left; width:20px; height:75px; background: url(images/left.png); z-index: 100; cursor: pointer; }
#horizontal_carousel .previous_button_over     { background:url(images/left_over.png); }
#horizontal_carousel .previous_button_disabled { background:url(images/left_disabled.png); cursor: default; }
#horizontal_carousel .next_button              { position: relative; top:39px; float:left; width:20px; height:75px; background: url(images/right.png); z-index: 100; cursor: pointer; }
#horizontal_carousel .next_button_over         { background:url(images/right_over.png); }
#horizontal_carousel .next_button_disabled     { background:url(images/right_disabled.png); cursor:default; }

/* Actu */
#blocActu_fr               { border-width:1px 1px 0 1px; border-style:solid; border-color:#8b919e; height:260px; }
#blocActu_fr h2            { background: url(images/h2_actualite_fr.gif) no-repeat 0 0; text-indent:-999px; margin:0; height:25px; font-size:12px; }
#blocActu_fr p             { margin:0 5px; line-height:14px; overflow:hidden; }
#blocActu_fr a             { margin:0 5px; font-weight:bold; }

#blocActu_en               { border-width:1px 1px 0 1px; border-style:solid; border-color:#8b919e; height:260px; }
#blocActu_en h2            { background: url(images/h2_actualite_en.gif) no-repeat 0 0; text-indent:-999px; margin:0; height:25px; font-size:12px; }
#blocActu_en p             { margin:0 5px; line-height:14px; overflow:hidden; }
#blocActu_en a             { margin:0 5px; font-weight:bold; }

#blocActuBas            { background: url(images/bas_actualite.gif) no-repeat 0 0; height:31px; }
h1.actu					{ margin:0 5px; color:#26b8e9; font-size:12px; }
h1.titre				{ margin:0 5px; color:#26b8e9; font-size:14px; }
h2.titre				{ margin:0 5px; color:#26b8e9; font-size:14px; }
h1.vtt					{ margin:0 5px; color:#7d828a; font-size:14px; }
h2.vtt					{ margin:0 5px; color:#7d828a; font-size:14px; }

/* Idées Cadeaux */
#blocIdeesCadeaux       { border-width:0px 1px 1px 1px; border-style:solid; border-color: #ce2f26; }
#blocIdeesCadeaux p     { margin:0; padding:5px 5px 0 2px; line-height:14px; overflow: hidden; zoom:1; }
#blocIdeesCadeaux p img { border:0px solid #ce2f26; display:block; margin:-5px 5px 5px 0; }
#blocIdeesCadeaux a     { margin:0 5px; color: #ce2f26; font-weight: bold; }
h2#ideesCadeaux_fr         { margin:-20px 0 0 0; background: url(images/h2_ideesCadeaux_fr.gif) no-repeat 0 0; text-indent:-999px; height:53px; font-size:12px; }
h2#ideesCadeaux_en         { margin:-20px 0 0 0; background: url(images/h2_ideesCadeaux_en.gif) no-repeat 0 0; text-indent:-999px; height:53px; font-size:12px; }

/* Acces Pistes */
#accesPistes_fr            { margin:10px 0 10px 0; border-width:1px 1px 0 1px; border-style:solid; border-color: #8b919e; }
#accesPistes_fr h2         { background:url(images/h2_accesPistes_fr.gif) no-repeat 0 0; text-indent: -999px; margin:0; height:29px; font-size:12px; }
#accesPistes_fr a          { font-weight:bold; background:#69CEF0; color:#FFF; display:block; text-align:center; }

#accesPistes_en            { margin:10px 0 10px 0; border-width:1px 1px 0 1px; border-style:solid; border-color: #8b919e; }
#accesPistes_en h2         { background:url(images/h2_accesPistes_en.gif) no-repeat 0 0; text-indent: -999px; margin:0; height:29px; font-size:12px; }
#accesPistes_en a          { font-weight:bold; background:#69CEF0; color:#FFF; display:block; text-align:center; }

/* Footer */
#motsCles       { margin:0px 10px; padding:3px 5px; background:#69cef0; border:1px solid #d3d1d1; text-align:center; }
#motsCles ul    { margin:0 auto; width:930px; overflow:hidden; zoom:1; }
#motsCles ul li { float: left; color:#068ab7; font-weight: bold; }

#motsCles_en       { margin:0px 10px; padding:3px 90px; background:#69cef0; border:1px solid #d3d1d1; text-align:center; }
#motsCles_en ul    { margin:0 auto; width:930px; overflow:hidden; zoom:1; }
#motsCles_en ul li { float: left; color:#068ab7; font-weight: bold; }


#footerBas      { overflow:hidden; zoom:1; color:#7d828a; }
#footerGauche   { float:left; margin:10px 0 10px 10px; }
#footerDroite   { float:right; margin:10px 10px 10px 0; }



/* Fancy Zoom */
#large_box {width:800; height:600;}


/**************************************/
/* Prehome   */
/**************************************/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 12%;
    left: 50%;
    
    margin-left: -390px;
    width: 780px;
    
    background-color: #fff;
    color: #000;
    border: 1px solid #69cef0;
    padding: 12px;
}

.jqmOverlay { background-color: #fff; 	z-index:1;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

/* Notice CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmNotice {
    display: none;
    
    width: 780px;
    position: fixed;
    top: 8%;
    left: 50%;
    
    margin-left: -390px;
    
    /*background:#000 url(../common/disclaimer/note_icon.png) 5px 275px no-repeat;*/
    background:#fff;
	border: 1px solid #69cef0;
    padding: 0;
	z-index:600;
	}

.jqmnTitle{margin: 0 25px;}
  
.jqmnTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;
  
  font-size:10px;
  color:#000;
  background-color:#505050;
}


div.jqmNotice .second.jqmClose {
background:none;
position:relative;
text-align:center; 
width:300px; 
cursor: pointer;
}

div.jqmNotice .jqmClose em{display:none;}
div.jqmNotice .jqmClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}
div.jqmNotice .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../common/disclaimer/close_icon.png) 0 0 no-repeat;
}

div.jqmNotice a.jqmClose:hover,div.jqmNotice a.jqmCloseHover{ background-position: 0 -20px; }


.jqmnContent{
  border-top:1px;
  color:#fff;
  font-size:12px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;
  padding:0 10px 0 10px;
}

/****************/
/* Formulaire   */
/****************/
input.inputtxt { background-color: transparent; width:300px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
select.selecttxt { background-color: transparent; width:70px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
.textareatxt { background-color: transparent; width:805px; height:135px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
input.retour { background-color: transparent; width:70px; height:19px; border: 1px solid #26b8e9; color: #26b8e9; font-family: century Gothic, sans-serif; font-size: 11px; text-align: center; cursor:pointer;}
input.buttonpaiement { background-color: transparent; width:110px; height:19px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 11px; text-align: center; cursor:pointer;}
input.buttontxt { background-color: transparent; width:80px; border: 1px solid #26b8e9; color: #26b8e9; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;}
input.buttontxtvoyant { background-color: #ee7f01; width:160px; border: 1px solid #26b8e9; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;}