@charset "utf-8";
/*-----------------------------------------------------------------------------

Splash Style Sheet (www.surlaroute.ca)



version:   1.0

author:    samuel paquet par����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½������¯����¯�¿�½������¿����¯�¿�½������½����¯�¿�½���¯���¿���½����¯�¿�½������¯����¯�¿�½���¯���¿���½����¯�¿�½������¿����¯�¿�½���¯���¿���½����¯�¿�½������½����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½���¯���¿���½����¯�¿�½������¯����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½���¯���¿���½����¯�¿�½������¿����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½���¯���¿���½����¯�¿�½������½����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½������¯����¯�¿�½������¿����¯�¿�½������½����¯�¿�½���¯���¿���½����¯�¿�½������¯����¯�¿�½���¯���¿���½����¯�¿�½������¿����¯�¿�½���¯���¿���½����¯�¿�½������½����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½������¯����¯�¿�½������¿����¯�¿�½������½����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½���¯���¿���½����¯�¿�½������©

email:     paquet@gotoast.ca

website:   www.gotoast.ca

*/


img{
border:0px;
}

a{
color:#daa900;
}



body{
font-size:13px; 
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#000000;
background-attachment:fixed;
overflow-x: hidden;
}



#containerLogo{
width:307px;
margin:0 auto;
}

#logo{
position:fixed;
margin-left:319px;
padding-top:7px;
z-index:100;
}

#logo h1{
width: 307px;
height: 20px;
background-image: url(../img/sur_la_route_2.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}
#logo span{
width: 307px;
height: 20px;
background-image: url(../img/sur_la_route_2.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}

#fake_bg {
position:fixed;
top:0;
left:0;
width:100%;
height:54px;
z-index:54;
}


#containerLogoExperience{
width:100%;
position:absolute;
top:5px;
z-index:5000;
}

#containerLogoExperience #logoExperience{
width:307px;
margin:0 auto;
}

#logoExperience h1{
width: 307px;
height: 20px;
background-image: url(../img/sur_la_route_3.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}
#logoExperience span{
width: 307px;
height: 20px;
background-image: url(../img/sur_la_route_3.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}

#containerBlackStrip{
width:100%;
height:22px;
background-color:#000000;
position:fixed;
top:34px;
left:0;
z-index:100;
}

#containerBlackStripHome{
width:100%;
height:22px;
margin-top:34px;
background-color:#000000;
}

#containerMainMenu{
width:798px;
height:22px;
margin:0 auto;

}

#containerMainMenu #mainMenu
{
position: absolute;
width:798px;
height:22px;
background-image:url(../img/main_menu.gif);
background-repeat:no-repeat;
}


#containerMainMenu #mainMenu ul{
	margin:0;
	padding:0;
}

#containerMainMenu #mainMenu ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}


#containerMainMenu #mainMenu a
{
background-repeat: no-repeat;
display: block;
height: 12px;
top:4px;
position: absolute;
}

#containerMainMenu #mainMenu a:hover
{
background-position:left bottom;
}


#containerMainMenu #mainMenu a span{position:absolute; left:-9000px;}

#containerMainMenu #mainMenu #btAccueil
{
width: 54px;
left:3px;
background-image: url(../img/bt/m_accueil.gif);
}

#containerMainMenu #mainMenu #btDestinations
{
width: 94px;
left:195px;
background-image: url(../img/bt/m_destinations.gif);
}

#containerMainMenu #mainMenu #btExperience
{
width: 75px;
left:90px;
background-image: url(../img/bt/m_experience.gif);
}

#containerMainMenu #mainMenu #btCalendrier
{
width: 78px;
left:318px;
background-image: url(../img/bt/m_calendrier.gif);
}

#containerMainMenu #mainMenu #btSurMesure
{
width: 78px;
left:429px;
background-image: url(../img/bt/m_sur_mesure.gif);
}

#containerMainMenu #mainMenu #btLettre
{
width: 73px;
left:640px;
background-image: url(../img/bt/m_lettre.png);
}

#containerMainMenu #mainMenu #btEntreprise
{
width: 73px;
left:542px;
background-image: url(../img/bt/m_entreprise.gif);
}

#containerMainMenu #mainMenu #btContact
{
background-image:url("../img/bt/m_contact.gif"); 
height:22px;
left:735px;
top:0;
width:70px;

}



#containerMain{
width:945px;
margin:0 auto;
padding-bottom:40px;
}


#containerMain #containerPageTitle{
margin-left:35px;
padding-top:85px;
height:80px;

}

#containerMain #containerPageTitle_2{
margin-left:35px;
}

#containerMain #containerPageTitle_3{
margin-left:35px;
}

#containerPageTitle h1{
font-size:20px;
color:#FFFFFF;
margin-left:40px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
}

#containerPageTitle h2{
font-size:20px;
color:#FFFFFF;
margin-left:40px;
font-weight:bold;
margin-top:0;
margin-bottom:6px;
height:40px;

}


#containerPageTitle_2 h2{
font-size:34px;
color:#FFFFFF;
margin-left:40px;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}

#containerPageTitle_3 h3{
font-size:30px;
color:#FFFFFF;
margin-left:40px;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}

#containerMain #containerLogoHome{
width:798px;
margin:0 auto;
margin-top:50px;
}

#containerMain #containerLogoHome h2

{
width: 630px;
height: 36px;
background-image: url(../img/une_nouvelle_generation.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
padding:0;
margin:0 auto;
margin-top:38px;
}


#containerMain #containerContentButton{
width:100%;
margin-top:70px;
}



#containerMain .contentButton{
width:381px;
height: 117px;
margin-left:58px;
margin-top:40px;
float:left;
}


#containerMain .contentButtonAccueil{
width:381px;
height: 117px;
margin-left:58px;
margin-top:0px;
float:left;
}


#containerMain .contentButton .bigBt, #containerMain .contentButtonAccueil .bigBt{
width:381px;
height: 117px;
background-repeat:no-repeat;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

#containerMain .contentButton, #containerMain .contentButtonAccueil{
display:block;
}

#containerMain .contentButton a:hover, #containerMain .contentButtonAccueil a:hover
{
background-position:left bottom;
}

#containerMain #containerContentButton_2{
width:690px;
margin-left:110px;
}

#containerMain .contentButton_2{
width:183px;
height: 83px;
margin-left:20px;
margin-top:50px;
float:left;
}

#containerMain .contentButton_2 .bigBt_2{
width:183px;
height: 83px;
background-repeat:no-repeat;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

#containerMain .contentButton_2{
display:block;
}

#containerMain .contentButton_2 a:hover
{
background-position:left bottom;
}

selecteur {
	position: absolute;
top:expression(body.scrollTop + document.body.clientHeight - 25 + "px");
	left: 10px;
	}


#containerMain #containerContentButton_3{
width:100%;
position:fixed;
bottom:0px;
z-index:10;
}


#containerMain #containerContentButton_3 h3{
margin:0;
}

#containerMain .contentButton_3{
width:227px;
height: 31px;
margin-right:10px;
float:left;
}

#containerMain .contentButton_3 .bigBt_3{
width:226px;
height: 31px;
background-repeat:no-repeat;
background-position:-36px 0;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

#containerMain .contentButton_3{
display:block;
}

#containerMain .contentButton_3 a:hover
{
background-position:-36px bottom;
}

#containerMain #containerContentButton_vrs{
width:100%;
position:fixed;
bottom:0px;
z-index:10;
}

#containerMain #containerContentButton_vrs h3{
margin:0;
}


#containerMain #containerContentButton_4{
width:100%;
height:20px;
margin-top:30px;
margin-bottom:20px;

}

#containerMain #containerContentButton_4 h3{
margin:0;
padding:0;
}

#containerMain .contentButton_4{
width:238px;
height: 20px;
margin-right:10px;
float:right;
padding-top:10px;
}

#containerMain .contentButton_4 .bigBt_4{
width:238px;
height: 20px;
background-repeat:no-repeat;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

#containerMain .contentButton_4{

}

#containerMain .contentButton_4 a:hover
{
background-position:left bottom;

}

#containerMain #contentSousMenuRessentir{
width:937px;
padding-top:30px;
padding-bottom:8px;
font-size:11px;
font-weight:bold;
letter-spacing:0.4em;
text-transform:uppercase;
}

#containerMain #contentSousMenuRessentir ul{
list-style:none;
margin:0;
padding:0;
}

#containerMain #contentSousMenuRessentir li{
list-style:none;
float:right;
margin-left:10px;
padding:0;

}

#containerMain #contentSousMenuRessentir a{
background-color:#daa901;
color:#000000;
padding-left:20px;
padding-right:20px;
padding-top:3px;
padding-bottom:3px;
text-decoration:none;
width:100px;

}

#containerMain #contentSousMenuRessentir a:hover{
background-color:#000000;
color:#daa901;
padding-left:20px;
padding-right:20px;
text-decoration:none;

}




#containerMain .contentButton_4 a:hover
{
background-position:left bottom;
}





#containerMain .contentButtonRetour{
width:183px;
height: 83px;
margin-left:20px;
margin-top:50px;
float:right;
}

#containerMain .contentButtonRetour .bigBtRetour{
width:106px;
height: 62px;
background-repeat:no-repeat;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

#containerMain .contentButtonRetour{
display:block;
}

#containerMain .contentButtonRetour a:hover
{
background-position:left bottom;
}

#containerMain #contentBasic{
width:691px;
margin:0 auto;
margin-top:75px;
background-color:#000000;
padding:10px;
color:#FFFFFF;
}

#containerMain #contentVoyage{
width:917px;
background-color:#000000;
padding:10px;
color:#FFFFFF;
position:absolute;
bottom:50px;
}


#containerMain #containerContent{
width:937px;
background-color:#000000;
}



#containerMain #containerContent #content{
width:937px;
margin:23px;
padding-top:23px;
color:#FFFFFF;
position:relative;
}


#containerMain #containerContent .contentImage{
width:401px;
height:279px;
margin-right:25px;
float:left;

}

#containerMain #containerContent .imagePatch{
width:83px;
height:95px;
background-image:url(../img/autres_segments.png);
background-repeat:no-repeat;
z-index:1;
position:absolute;
margin-left:319px;
}

#containerMain #containerContent #itineraires h4{
margin-top:20px;
padding-left:20px;
}

#containerMain #containerContent #itineraires li{
margin-left:35px;
margin-top:3px;
margin-bottom:0;
padding:0;
}

#containerMain #containerContent #itineraires{
border:solid 1px;
border-color:#daa900;

}

#containerMain #containerContent #itineraires li a{
text-decoration:none;
}

#containerMain #containerContent #itineraires li a:hover{
text-decoration:underline;
}






#containerMain #containerContent .contentImage .image{
width:401px;
height:279px;
z-index:0;
}

#containerMain #containerContent .contentText{
width:440px;
float:left;
}


#containerMain #containerContent .contentText p{
margin:0;
}

#containerMain #containerContent .contentText h5{
font-size:12px;
color:#d9a70b;
font-weight:bold;
margin-top:16px;
margin-bottom:5px;
}

#containerMain #containerContent .contentText h4{
font-size:14px;
color:#d9a70b;
font-weight:bold;
margin-top:0;
margin-bottom:5px;
}

#containerMain #containerContent .contentText ul{
margin:0;
padding:0;
list-style:none;
}


#containerMain #containerContent .contentText li{
margin:0;
padding:0;
}

#containerMain #containerContent .contentText .vertical h3 a{
margin-left:20px;
}

#vertical h3{
font-size:12px;
color:#daa900;
font-weight:normal;
margin:0;
}

#vertical h3{
font-size:12px;
color:#daa900;
font-weight:normal;
margin:0;
}

div.collapse{ margin-bottom:7px;}	
div.collapse-container{ padding-left:25px; margin-top:7px; margin-bottom:7px; padding-bottom:7px;}

div.collapse-container p{font }

#containerMain #contentVoyage p{
margin:0;
}

#containerMain #containerContent .plusTitle{
color:#FFFFFF;
font-weight:bold;
font-size:15px;
}

#containerMain #containerFooter{
position: absolute;
width:490px;
bottom: 0px;
margin-bottom:50px;
margin-left:230px;
text-align:center;
color:#FFFFFF;
}

#containerMain #containerFooterExperience{
position: absolute;
width:490px;
bottom: 0px;
margin-bottom:50px;
margin-left:230px;
text-align:center;
color:#FFFFFF;
}

#containerMain #containerFooter span.adresse{
}

#containerMain #containerFooter span.permis{
font-size:11px;
}

#containerMain #containerVideo{
width:625px; height:348px; margin-left:170px; margin-top:30px; 
border:solid; border-color:#FFFFFF; border-width:1px;
}

#containerMain #retour{
float:right;
padding-right:25px;
font-size:13px;
padding-top:7px;
}

#containerMain #retour a{
color:#febd11;
}




<!-------------- SLIDE SHOW ---------------->
#containerSlideShow{
height: 200px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#top {
width: 980px;
margin-right: auto;
margin-left: auto;
}
#leftmov {
height: 334px;
width: 80px;
padding-right: 0px;
z-index:10;
position:absolute;
margin-left:158px;
margin-top:30px;
background-image:url(../img/arrow_left.png);
cursor:pointer;
}
#rightmov {
height: 334px;
width: 80px;
padding-right: 0px;
z-index:10;
position:absolute;
margin-left:705px;
margin-top:30px;
background-image:url(../img/arrow_right.png);
cursor:pointer;
}

.legend {
height: 300px;
width: 166px;
padding-right: 0px;
z-index:20;
position:absolute;
margin-left:550px;
margin-top:20px;
color:#FFFFFF;
opacity:0;
}
#contentSlideShow  {
float: left;
height: 334px;
width: 100%;
padding-right: 10px;
overflow: hidden;
z-index: 0;
position: relative;
}
 #innercontent {
height: 334px;
overflow: hidden;
width: 50000px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left:222px;
}
 #innercontent .slideShowImg {
background-repeat:no-repeat;
width:499px;
height: 334px;
float:left;
}

#slideShowBgLeft {
background-image:url(../img/slideshow_overlay.png);
background-position:center;
width:100%;
height: 334px;
z-index:5;
position:absolute;
left:0;
right:0;
top:231px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#slideShowBgLeft{
top:181px;
margin-left:-2px;
}
}


<!-------------- CALENDRIER ---------------->

#containerMain .containerContentCalendrier{
width:937px;
background-color:#000000;

}

#containerMain .contentCalendrier{
width:937px;
margin:15px;
padding-top:15px;
color:#FFFFFF;
clear:both;
}


#containerMain  .contentImageCalendrier{
width:226px;
height:74px;
margin-right:15px;
float:left;
}

#containerMain .contentTextCalendrier{
width:440px;
float:left;
}


#containerMain .contentButtonDetails{
width:97px;
height: 20px;
margin-right:10px;
margin-top:40px;
float:left;
}

#containerMain .contentButtonDetails .buttonDetails{
width:97px;
height: 20px;
background-repeat:no-repeat;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

#containerMain .contentButtonDetails{
display:block;
}

#containerMain .contentButtonDetails a:hover
{
background-position:left bottom;
}

#containerMain .contentTextCalendrier .dateCalendrier h5{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
margin:0;
padding:0;
}

#containerMain .contentTextCalendrier .titleCalendrier h4{
font-size:14px;
color:#d9a70b;
font-weight:bold;
margin:0;
padding:0;
}


#containerMain .contentTextCalendrier p{
margin-top:4px;
margin-bottom:0;
}

#containerMain #containerLogoToast {
width:94px;
margin:0 auto;
}



#containerMain #logoToast {
position:absolute;
bottom:20px;
right:70px;
}

#logoToast h3{
width: 75px;
height: 18px;
background-image: url(../img/toast.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}


#logoEmpreinte h3{
width: 43px;
height: 38px;
background-image: url(../img/empreinte.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}

#containerMain #logoEmpreinte {
position:absolute;
bottom:10px;
right:20px;
}



#containerOngletConference a:hover{
background-position:left bottom;
}

#containerOngletConference{position:absolute;bottom:0;left:0;}

#containerOngletInscription{position:absolute;bottom:0; color:#e39a1a; height:auto; margin-bottom:20px;}
.containerOngletInscriptionH4{ margin:5px 0px 5px; 0; padding:0; width:580px; font-size:30px; }
#containerOngletInscription a{ text-decoration:underline;}



input.champInscrireHome{
background-color:white;
width:200px;
}


#containerOngletConference .ongletConference {
width: 142px;
height: 141px;
background-image: url(../img/conference_nouvelles.png);
background-repeat: no-repeat;
background-repeat:no-repeat;
font-size: 0pt;
text-indent: -10000px;
display: block;
cursor:pointer;
}

<!-------------- Infolettre ---------------->

#containerInfolettreForm {

}

.yellow {
color:#e39a1a;
}

input.champInscrire
{
background-color:#000000;
color:#FFFFFF;
width:200px;
}

input.buttonInscrire
{
width: 120px;
height: 19px;
margin-top:10px;
background-image: url(../img/bt/b_inscrire.gif);
background-repeat: no-repeat;
background-color: transparent;
background-attachment: scroll;
display:block;
border:none;
cursor: pointer;

}

input.buttonInscrireHome
{
width: 25px;
margin:0px 0 0 5px;
height: 21px;
background-image: url(../img/ok.gif);
background-repeat: no-repeat;
background-color: transparent;
background-attachment: scroll;
background-position: bottom;
display:block;
border:none;
cursor: pointer;

}

input.buttonInscrireHome:hover
{

background-position: top;

}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.news_mailbuild { margin-top:20px; }
.news_mailbuild h4 { margin-bottom:10px; margin-top:30px;}
.news_mailbuild ul, .news_mailbuild li { padding:0; margin:0; list-style-type:none;}
.archives_container ul, .archives_container li { padding:0; margin:0 0 10px 0 ; list-style-type:none; }

.archives_2009 { background:url(/img/bt/archives_2009.gif) no-repeat; width:335px; height:132px;  cursor:pointer; float:left;}
.archives_2010 { background:url(/img/bt/archives_2010.jpg) no-repeat; width:325px; height:132px;  cursor:pointer; float:right;}
.clear_float { display: block; height: 1px; font-size: 1px; overflow: hidden; clear: both; float: none; }

#h4.info_lettre { font-size:30px; color:#D9A70B; font-weight:bold }



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a.btn_infos{position:absolute; right:23px; top:0; background-image: url(../img/bt/demandez_infos.png); width:83px; height:95px;text-decoration:none;}
a.btn_infos:hover{background-position:bottom;}
a.btn_infos span{visibility:hidden; }

#form_container{width:330px; float:left; margin-right:15px;}
#form_container label{display:block; margin-bottom:2px; margin-top:8px;}
#form_container input{width:308px; margin:2px 0 5px 0; border:1px solid white; background:black; color:#DAA900; padding:5px;}
#form_container textarea{width:318px; margin:2px 0 5px 0; border:1px solid white; background:black; color:#DAA900;} 
#form_container select{width:320px; margin:2px 0 5px 0; border:1px solid white; background:black; color:#DAA900; height:20px;}
#form_container select option{height:20px;}
	#form_container input:focus, #form_container textarea:focus, #form_container select:focus{border:1px solid #DAA900;}
#form_container input.champ_nom{}
#form_container input.champ_email{}
#form_container input.champ_tel{}
#form_container textarea.champ_msg{width:308px; height:150px; padding:5px;}
#form_container .btn_submit{background:#DAA900; color:black; border:1px solid #DAA900; cursor:pointer; width:80px; float:right; margin-right:10px; font-weight:bold;}
	#form_container .btn_submit:hover{background:black; color:#DAA900;}
#form_container p#required_field{color:#DAA900; display:inline; margin:0;}	
#form_container span.requis{bottom:4px; color:#DAA900; font-size:20px; left:5px; position:relative;}
#form_container span{font-size:20px;}
#info_container{width:330px; float:left;}
#errorMsg{color:#DAA900;}

.reserver{height: 20px; position:fixed; width:100%;}
.reserver .container {width: 810px; margin: 0pt auto; text-align: right; position: relative; color: rgb(235, 166, 0); z-index:100;}
.reserver .container span{position: absolute; min-width: 200px; top: 36px; right: 1px;}

.reserveracc{height: 20px; position:fixed; width:100%;}
.reserveracc .container {width: 810px; margin: 0pt auto; text-align: right; position: relative; color: rgb(235, 166, 0); z-index:100;}
.reserveracc .container span{position: absolute; width: 200px; top: -18px; right: 1px;}


/* form itin����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½������¯����¯�¿�½������¿����¯�¿�½������½����¯�¿�½���¯���¿���½����¯�¿�½������¯����¯�¿�½���¯���¿���½����¯�¿�½������¿����¯�¿�½���¯���¿���½����¯�¿�½������½����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½������¯����¯�¿�½������¿����¯�¿�½������½����¯�¿�½���¯���¿���½������¯������¿������½����¯�¿�½���¯���¿���½����¯�¿�½������©raire */

h1.form{color: #D9A70B;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 0px;}

h2{display:block;
margin-bottom:2px;
margin-top:8px;
font-size:13px;
font-weight:100px;}

#form_itineraire input{background: black;
border: 1px solid white;
color: #DAA900;
margin: 2px 0px 5px;
padding: 5px;
width: 308px;}


#form_itineraire .btn_submit{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DAA900 none repeat scroll 0 0;
border:1px solid #DAA900;
color:black;
cursor:pointer;
font-weight:bold;
margin-right:10px;
width:80px;
}

#form_itineraire .btn_submit:hover{background:black; color:#DAA900;}
div.error p {color:#DAA900;}
}