﻿/* -------------------------------------------------------------------
   Redifined Tags ---------------------------------------------------- */

	html, body { height: 100%; }

	body{
		background-color:#000;
		color:#999;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0; padding:0;
	}

	a{ color:#999; text-decoration:underline; }
	a:hover{ color:#ffcc00; text-decoration:underline; }

	p { color:#999; text-align:left; }
	img{ border:0; }



/* -------------------------------------------------------------------
   General Layout ---------------------------------------------------- */

	#container { width:100%; height:100%;}

	#content {
		background-color:  #000;
		height: 80%;
		vertical-align: top;	
	}
		#flashcontent { width:100%; height:100%; }
		
		#flashcontent p {
			margin: 0 0 0 150px;
			padding: 30px 0 0 150px;
		}

#centerer{
	height:355px; width:799px;
	margin:auto;
}

#wrapper{
	margin: 0 auto;
	text-align: left;
	width:841px;
	height:400px;
}

.detect{
	color:#999999;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(/commun/images/sky_revxp.jpg) no-repeat top center;
	padding-top: 350px;
}

.texteDesc{
	color:#999999;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:50px 0 0 0;
}

.claireTout{clear:both;}
.hide { display:none; }

/* -------------------------------------------------------------------
   Menu Index Général ------------------------------------------------ */
.menu_index{background-color:#1a1a1a; margin:0; padding:5px 0 0 0;}

html*.menu_index{padding:0px 0 0 0;}

	#ul_menu_landing li{display:inline; margin:0px; padding:0;}

	#ul_menu_landing{margin:4px 0 0 0; padding:0; height:23px;}
	html*#ul_menu_landing{height:28px; }

	.align_btn_men{
		position:relative;
		top:3px;
		left:10px;
	}
	
	.align_btn_men2{
		position:relative;
		top:3px;
		left:30px;
	}
	
	.align_btn_men3{
		position:relative;
		top:2px;
		left:12px;
	}
		
	.align_btn_P{
		position:relative;
		left:20px;
	}
/* -------------------------------------------------------------------
   Menu Index EN ----------------------------------------------------- */
	
	#index_en_men{position:relative; top:3px;}

	.align_btn_menEN{
		margin:0px; padding:0;
	}
		
	.align_btn_PEN{
		margin:0px; padding:0;
	}




/* -------------------------------------------------------------------
   Home ----------------------------------------------------------- */
#home_container {
    background:url(/commun/images/sky_revxp.jpg) no-repeat top center; 
    padding:384px 0 0 0;
    width:100%;/* height:318px;*/
    text-align:center;  
    vertical-align:top;  
}

#home_menu {
    background-color: #1a1a1a;
    width: 100%; height: 32px;
}
    #home_menu #menuwrapper {
        width:580px;
        margin:0 auto;
       
    }
    #home_container .menu { margin:0; padding:0; }
        #home_container .menu li  { float:left; list-style-type:none; margin:12px 3px 0 5px; }

    #home_container #t_english {
        background: url(/commun/images/b_english.gif) bottom left no-repeat;
        display:block;
        margin:12px 5px 0 0;
        width:56px; height:8px;
    }
        #home_container #b_trail  {
            background: url(/commun/images/b_trail.gif) bottom left no-repeat;
            display:block;
            width:34px; height:10px;
        }
            #home_container #b_trail:hover { background: url(/commun/images/b_trail_o.gif) bottom left no-repeat; }
        
        #home_container #b_mountain  {
            background: url(/commun/images/b_mountain.gif) bottom left no-repeat;
            display:block;
            width:60px; height:10px;
        }
            #home_container #b_mountain:hover { background: url(/commun/images/b_mountain_o.gif) bottom left no-repeat; }
        
    #home_container #t_francais {
        background: url(/commun/images/b_francais.gif) bottom left no-repeat;
        display:block;
        margin:12px 5px 0 130px;
        width:62px; height:11px;
    }
        #home_container #b_sentier  {
            background: url(/commun/images/b_sentier.gif) bottom left no-repeat;
            display:block;
            width:47px; height:10px;
        }
            #home_container #b_sentier:hover { background: url(/commun/images/b_sentier_o.gif) bottom left no-repeat; }
    
    #home_container #noflash {
        background: url(/commun/detect/images/b_flash_player.jpg) bottom left no-repeat;
        display: block;
        width: 188px; height: 23px;
        margin:0 0 60px 0;
    }
        #home_container #noflash:hover { background: url(/commun/detect/images/b_flash_player_o.jpg) bottom left no-repeat; }
    #home_container #noflash_fr {
        background: url(/commun/detect/images/b_flash_player_fr.gif) bottom left no-repeat;
        display: block;
        margin:0 0 60px 0;
        width: 229px; height: 23px;
    }
        #home_container #noflash_fr:hover { background: url(/commun/detect/images/b_flash_player_fr_o.gif) bottom left no-repeat; }
    
       
    
    #home_container #legal {
        background: url(/commun/images/b_legal.gif) bottom left no-repeat;
        display: block;
        margin:0 0 5px 0;
        width: 29px; height: 8px; 
    }
    #home_container #legal:hover { background: url(/commun/images/b_legal_o.gif) bottom left no-repeat; }
    
    #home_container #privacy {
        background: url(/commun/images/b_privacy_policy.gif) bottom left no-repeat;
        display: block;
        width: 73px; height: 8px; 
    }
    #home_container #privacy:hover { background: url(/commun/images/b_privacy_policy_o.gif) bottom left no-repeat; }
    
    #home_container #legal_fr {
        background: url(/commun/images/b_notes_juridiques.gif) bottom left no-repeat;
        display: block;
        margin:0 0 5px 0;
        width: 89px; height: 9px; 
    }
    #home_container #legal_fr:hover { background: url(/commun/images/b_notes_juridiques_o.gif) bottom left no-repeat; }
    
    #home_container #privacy_fr {
        background: url(/commun/images/b_enonce_de_confid.gif) bottom left no-repeat;
        display: block;
        width: 138px; height: 9px; 
    }
    #home_container #privacy_fr:hover { background: url(/commun/images/b_enonce_de_confid_o.gif) bottom left no-repeat; }
    

    
    #contentwrapper {
    width: 580px; height: 300px;
    margin: 0 auto;
    text-align: left;
    }
    #francaisCol, #englishCol {
        float: left;
        margin: 50px 0 0 0;
        width: 270px;
    }
    #francaisCol {
        margin: 50px 0 0 34px; 
        width: 270px;    
    }

        #francaisCol p, #englishCol p { font-size:11px; height: 90px; }


    #footer { text-align:center; }

    #home_footer {
        margin: 0 auto;
        width:630px;
        
    }
        #home_footer #brp {
            background: url(/commun/images/footer_brp_logo.gif) top left no-repeat;
            display: block;
            float:left;
            width: 34px; height: 35px;        
        }
        #home_footer #skidoo {
            background: url(/commun/images/footer_logo_skidoo.gif) top left no-repeat;
            display: block;
            float: left;
            margin: 10px 15px 0 0;
            width: 97px; height: 18px;        
        }
        #footerWrapper {
            float:right;
        }
    
    

/* -------------------------------------------------------------------
   Footer ------------------------------------------------------------ */

	#footer{
		background: url(/commun/images/footer_tile.gif) bottom left repeat-x;
		height:62px; width:100%;
		vertical-align:bottom;
	}
		

	#footer ul li {
		display: inline;
		list-style:none; list-style-image:none;
		margin:0px; padding:0;
	}
	
	#esp_element{position:relative; bottom:10px; right:13px;}
	#esp_element2{position:relative;left:30px; bottom:10px;}
	
	html*#esp_element{position:relative; bottom:0px; right:13px;}
	html*#esp_element2{position:relative;left:20px; bottom:0px;}

	#footer_logo{position:relative;left:210px; bottom:10px;}
	html*#footer_logo{bottom:0px;}

	#footer_logo2{position:relative;left:220px; top:0px;}
	html*#footer_logo2{top:10px;}
	
	#footer_logo_fr{position:relative;left:72px; bottom:10px;}
	html*#footer_logo_fr{bottom:0px; left:72px;}

	#footer_logo2_fr{position:relative;left:82px; top:0px;}
	html*#footer_logo2_fr{top:10px; left:82px;}

    #cta {
        margin:0; padding:0;
         height:48px;
    }
    
    #cta_wrap {margin:0 0 0 19px; }
    #cta_wrap_fr {margin:0 0 0 4px;}
    
        #footer hr{ visibility:hidden; clear:both;}
        #cta li span { display:none; }

        #cta li { display:block; margin:0; padding:0; }
        
        #b_win a{
            background: url(/commun/images/b_win.gif) top left no-repeat;
            display:block;
            float:left;
            width:246px; height:48px;
        }
        
        #b_offer a{
            background: url(/commun/images/b_offer.gif) top left no-repeat;
            float:left;
            display:block;
            margin:0 0 0 4px;
            width:251px; height:48px;
        }
        
       #b_gagne a {
            background: url(/commun/images/b_gagne.gif) top left no-repeat;
            display:block;
            float:left;
            width:246px; height:48px;
        }
        
        #b_offre a {
            background: url(/commun/images/b_offre.gif) top left no-repeat;
            float:left;
            display:block;
            margin:0 0 0 4px;
            width:279px; height:48px;
        }

/* -------------------------------------------------------------------
   Popup QTVR -------------------------------------------------------- */

	#full_pop{background:url(/commun/images/popup_qtvr_tile.jpg) repeat-x; background-color:black; text-align:center;}
	.photoPop{position:relative; top:0px; left:50px;}
	.align_padd_logo{margin:37px 45px 24px 0px; text-align:right;}
	.align_padd_instructions{margin:27px 0 20px 50px;}
	#pop_gauche{float:left; width:190px; position:relative; left:55px; margin:0px; padding:0px;}
	#pop_droite{float:left; width:190px; position:relative; left:70px; margin:0px; padding:0px;}
	#close{text-align:right; margin-right:60px;}