* { margin: 0; padding: 0; }

html, body { height: 100%; }

body {
    font-size: 11px;
    line-height: 1.3;
    font-family:Arial, Helvetica, sans-serif;
    color: #626366;
    background: #731903 url(images/body-bg.gif) repeat-y center 0;
}

a { color: #891f03; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

img { display: block; }

textarea { font-family: Arial, Helvetica, sans-serif; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.hide, .hidden { display: none; }
.show, .shown { display: block; }

.text-left { display: block; text-align: left; }
.text-right { display: block; text-align: right; }
.text-center { display: block; text-align: center; }
.text-justify { display: block; text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.highlight { background: #ffc; }

h2 { font-size: 15px; color: #89742c; }
h3 { font-size: 12px; color: #8a732c; text-transform: uppercase; }
h3 a { color: #8a732c; text-decoration: none; }
h4 { font-size: 13px; color: #891f03; padding-bottom: 10px; }

#wrapper { background: #fff url(images/top.gif) no-repeat 0 0; width: 960px; position: relative; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }

#shell { padding-top: 32px; }

#header { height: 65px; position: relative; }

h1#logo { width: 178px; position: absolute; left: 43px; top: 0; }
h1#logo a { display: block; background: url(images/logo.gif); height: 51px; }

#navigation { background: url(images/nav-bg.gif) no-repeat 0 0; margin-top: 24px; height: 41px; font-family: Arial, sans-serif;}
#navigation ul { list-style-type: none; height: 41px; padding-left: 300px; }
#navigation ul li { float: left; display: inline; padding-right: 35px; height: 36px; }
#navigation ul li a { float: left; display: inline; padding: 4px 0 8px; font-weight: bold; text-transform: uppercase; text-align: center; font-size: 11px; line-height: 1.3; color: #ffffff; text-decoration: none; white-space: nowrap; }
#navigation ul li a:hover { color: #e6dfcc; }
#navigation ul li a.active { color: #443802; }

#main { background: url(images/main-bg.gif) no-repeat 0 0; width: 100%; } 

#sidebar { float: left; display: inline; width: 230px; min-height: 355px; padding: 55px 0 0 17px; position: relative; }

#sidebar2 { float: left; display: inline; width: 230px; min-height: 355px; padding: 55px 0 0 0; position: relative; }

.red-text { color: #891f03; }

p.ans { font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/ans.png) no-repeat 0 0; width: 77px; height: 72px; } 
p.ans { position: absolute; left: 46px; bottom: -36px; }

.side-box { padding-right: 16px; text-align: right; padding-left: 30px; }
.side-box .image { position: relative; margin: 0 -30px 0 80px; }
.side-box .image2 { position: relative; margin: 0 -30px 0 40px; }
.side-box .image3 { position: relative; margin: 0 -30px 0 75px; }
.side-box .image4 { position: relative; margin: 0 -30px 0 0; width:188px;}


#content { float: right; display: inline; width: 670px; position: relative; padding-bottom: 45px; height: 100%; }

.page-history { padding: 5px 0 40px 5px; }
.page-history a { font-size: 11px; color: #626467; text-decoration: none;}
.page-history a.current { font-weight: bold; color: #8a1f03; }

.bus-list ul { list-style-type: none; width: 560px; }
.bus-list ul li.last .border { background-image: url(images/last-border.gif); }

.border { background: url(images/border.png) no-repeat 0 bottom; padding-bottom: 6px; margin-bottom: 12px; height: 6px; font-size: 0; line-height: 0; text-indent: -4000px; }
span.border { display: block; }

.bus-list .image { float: left; display: inline; }

.bus-list .info { float: left; display: inline; width: 330px; }
.bus-list .info p { padding-bottom: 5px; }

.bus-list .info .entry  { min-height: 50px; }

.button-link { display: block; background: url(images/btn-bg.png) no-repeat 0 0; height: 20px; width: 147px; line-height: 20px; text-transform: uppercase; color: #fff; }
.button-link { font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; padding-bottom: 5px; text-align: center; text-decoration: none; }
.button-link:hover { text-decoration: none; }

#content .contact-lines { position: absolute; right: -11px; bottom: 50px; }
#content .contact-lines p { background: url(images/btns.png) no-repeat 0 0; height: 87px; width: 222px;  }
#content .contact-lines p a { position: absolute; height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #8a1f03; font-weight: bold; display: block; text-decoration: none; }
#content .contact-lines p a:hover { text-decoration: underline; }
#content .contact-lines p a.text1 { top: 0; right: 0; text-transform: uppercase;	padding-top: 10px; width: 125px; padding-left: 65px; }
#content .contact-lines p a.text2 { top: 38px; left: 0; width: 113px; text-align: right; padding-top: 4px; }
#content .contact-lines p a.text3 { top: 38px; right: 0; width: 85px; text-align: right; font-size: 11px; padding-top: 2px; padding-right: 15px; }

.content-bottom-btn { padding-top: 25px; }

#footer-holder { position: absolute; bottom: 20px; }
#footer { background: url(images/footer-bg.png) no-repeat 0 0; height: 25px; width: 960px; }
#footer p { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; font-weight: bold;  }
#footer p a { margin-right: 40px; color: #626366; text-decoration: none; }

.detailed-page .row { padding-bottom: 5px; }
.detailed-page .box { width: 290px; float: left; display: inline; margin-right: 40px; }
.detailed-page .box-characteristics .box-cnt { min-height: 173px; }
.detailed-page .box-cnt img { display: block; margin: 0 auto; }

.big-shadow { background: url(images/big-img-bg.png) no-repeat 0 0; height: 173px; width: 288px; padding: 3px 0 4px; }
.big-shadow .box img { height: 173px; } 

ul.box-list { list-style-type: none; padding-top: 5px; }
ul.box-list li { background: url(images/dot.gif) no-repeat 0 4px; padding-left: 10px; }

.small-border1 { font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/shadow.png) no-repeat 0px 0px; height: 14px; width: 288px; }
.small-border { font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/shadow.png) no-repeat -40px 0px; height: 14px; width: 288px; }

.top-shadow { background-image: url(images/bottom-shadow.png); }

ul.thumb-list { list-style-type: none; padding-top: 5px; }
ul.thumb-list li { float: left; display: inline; padding-right: 7px; }
ul.thumb-list li a { float: left; display: inline; }

ul.thumb-list2 { padding-left:14px; }

.big-btn { background-image: url(images/big-btn.gif) !important; width: 250px !important;  line-height: 20px; padding-bottom: 11px; text-decoration: none;}

#homepage-holder { font-family: Arial, Helvetica, sans-serif; background: url(images/home-bg.gif) no-repeat 0 0; }
#homepage-holder #header { height: 72px; }
#homepage-holder #main { background:  transparent !important; padding: 51px 0; }
#homepage-holder h1#logo { padding: 16px 0 0 57px; } 
#homepage-holder h1#logo a { background-image: url(images/home-logo.gif) !important; width: 178px !important; height: 52px !important; }
#homepage-holder .ans { background-image: url(images/home-ans.gif); width: 77px; height: 71px; left: 391px; top: 0; }

.btns-img { position: relative; margin-bottom: -14px; padding-left: 89px}
.btns-img ul { list-style-type: none; }
.btns-img ul li { float: left; display: inline; padding-right: 1px; }
.btns-img ul li img { display: block; }

#home-navigation { height: 59px; }
#home-navigation ul { background: url(images/home-nav-bg.gif) no-repeat 0 0; height: 45px; width: 862px; padding: 14px 0 0 89px; list-style-type: none; }
#home-navigation ul li { float: left; display: inline; border-right: 1px solid #fff; text-align: center;  }
#home-navigation ul li.last { border-right: 0; }
#home-navigation ul li a { font-size: 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none;}
#home-navigation ul li a:hover { color: #e6dfcc;  }
#home-navigation ul li a.active { color: #443802; }

.nav-bottom-link { position: relative; height: 40px; }
.nav-bottom-link p a { position: absolute; left: 371px; top: -21px; font-size: 10px; line-height: 11px; color: #8a1f03; text-decoration: underline; }
.nav-bottom-link p a { background: url(images/clock.gif) no-repeat 0 0; padding: 20px 0 0 33px; }
.nav-bottom-link p a:hover { text-decoration: none; }

.btns-img ul { list-style-type: none; height: 174px;}
.btns-img ul li { float: left; display: inline;  }
.btns-img ul li.last { font-size: 27px; padding-top: 50px; color: #8a1f03; }

.home-content { padding: 0 0 0 90px; width: 440px; }
.home-content p { font-size: 12px; line-height: 19px; color: #221f1f; font-style: italic; } 
.home-content p span { font-size: 15px; color: #761214; font-weight: bold; } 

#homepage-holder .contact-lines { bottom: 40px; }

#top-space { height: 14px; width: 100%; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/top-space.gif) no-repeat 0 0; }

.text-page #content { padding-bottom: 80px; }

.side-text-box { position: relative; width: 234px; margin-right: -4px; padding-bottom: 80px ; }
.side-text-box .image { margin: 0 -11px 5px 11px; }

.side-text-box-cnt { width: 185px; padding-left: 25px }
.side-text-box-cnt p { padding-bottom: 10px; }
.side-text-box-cnt p span { color: #891f03; }

.side-nav-links a { text-decoration: none; position: relative; font-size: 30px; line-height: 30px; padding: 0}
.back-side { float: left; display: inline; margin: -10px 0 0 -18px; }
.next-side { float: right; display: inline; margin: 15px 0 0 0; }

.side-border { background: url(images/side-shadow.png) no-repeat 0 0; height: 7px; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; margin-left: -13px; }

#text-content { width: 491px; padding-bottom: 30px; }
#text-content .image { text-align: center; }
#text-content .image img { margin-bottom: 5px; }
#text-content .image p { text-align: right; font-size: 9px; color: #636467; }
#text-content p { padding-bottom: 15px; }

.text-box .image { float: right; display: inline; padding-left: 10px; }
.text-box .image img { display: block; margin-bottom: 0 !important; }
.text-box p { padding-bottom: 10px !important; }
.text-box p.text-right a { color: #891f03; }
.text-box p.text-right span { color: #891f03; }

.smaller-border { background-image: url(images/smaller-shadow.png) !important; width: 100%; }

.contact-page {  }
.contact-page .page-history { padding-bottom: 10px !important; }

.contact-cnt { width: 650px; }
.contact-box { padding-bottom: 10px; }
.contact-box .image { float: right; display: inline; padding-right: 0px; }
.contact-box .image2 { float: right; display: inline; padding:0px 230px 0px 0px; }
.contact-box .image3 { float: right; display: inline; padding:0px 0px 0px 0px; }
.contact-box .info p { padding-bottom: 10px; }
.contact-box .border { padding-bottom: 0; float: right; display: inline; width: 535px; }

.contact-logo { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; }
.autobus-auger { background-image: url(images/autobus-auger.gif); width: 116px; height: 41px; }
.beauce-autobus { background-image: url(images/beauce-autobus-logo.png); width: 142px; height: 42px; }
.inter-rives { background-image: url(images/autobus-inter-rives-logo.png); width: 185px; height: 42px; }
.etchemin { background-image: url(images/autobus-etchemin-logo.png); width: 158px; height: 42px; }
.des-chutes { background-image: url(images/autocars-des-chutes-logo.png); width: 188px; height: 42px; }
.adapte-m-auger { background-image: url(images/transport-adapte-m-auger-logo.png); width: 264px; height: 42px; }
.secteur-lotbiniere { background-image: url(images/secteur-lotbiniere-logo.png); width: 113px; height: 53px; }

.top-row p { background: #d0d2d3; line-height: 18px; padding-left: 5px; float: left; display: inline; }
.top-row .first-title { width: 480px; margin-right: 10px; }
.top-row .first-title-100percent { width: 100%; margin-right: 10px; }
.top-row .second-title { width: 140px; }

ul.name-list { float: right; display: inline; padding: 5px 0 40px; }
ul.name-list li { float: left; display: inline; padding-right: 10px; }

.contact-links { padding: 0 0 50px 29px; }
.contact-links p { width: 130px; }
.contact-links ul { list-style-type: none; padding-top: 15px; }
.contact-links ul li { padding-bottom: 20px; }
.contact-links ul li a { display: block; background-repeat: no-repeat; background-position: 0 0; height: 28px; font-size: 0; line-height: 0; text-indent: -4000px;}
.contact-links ul li.last-link a { height: 35px; font-size: 0; line-height: 0; text-indent: -4000px;}
.contact-links ul li a:hover,
.contact-links ul li a.active { background-position: 0 bottom; }
.contact-links ul li.side-auger-link a { background-image: url(images/side-auger.gif); width: 77px; }
.contact-links ul li.beauce-autobus-link a { background-image: url(images/beauce-autobus.gif); width: 93px; }
.contact-links ul li.autobus-inter-rivers-link a { background-image: url(images/autobus-inter-rivers.gif); width: 121px; }
.contact-links ul li.autobus-etchemin-link a { background-image: url(images/autobus-etchemin.gif); width: 103px; }
.contact-links ul li.autocars-des-chutes-link a { background-image: url(images/autocars-des-chutes.gif); width: 124px }
.contact-links ul li.autocars-des-chutes-link a { background-image: url(images/autocars-des-chutes.gif); width: 124px }
.contact-links ul li.transport-adapte-m-auger-link a { background-image: url(images/transport-adapte-m-auger.gif); width: 173px }
.contact-links ul li.last-link a { background-image: url(images/autobus-auger-secteur.gif); width: 173px }

.form-page { padding-bottom: 50px; }

.form-content { }
.form-content .image .small-border { background-image: url(images/reservation-shadow.png); }
.form-content .image { float: right; display: inline; }
.form-content .image h2 {  }

.form-cnt { float: left; display: inline; width: 365px; padding-bottom: 20px; }
.form-cnt h2 { padding-bottom: 15px; }
.form-cnt p { font-size: 10px; }
.form-cnt label { float: left; display: inline; font-size: 10px; line-height: 19px; }
.form-cnt label span { color: #891f03; }
.form-cnt .field { float: right; display: inline; width: 203px; border: 1px solid #8e8e90; border-top: 2px solid #6d6e70; background: #edecec; margin-bottom: 10px; padding: 2px 5px 3px; font-size: 10px; }
.form-cnt select { width: 215px; float: right; display: inline; font-size: 10px; }
/*.form-cnt select option { width: 215px; float: right; display: inline; font-size: 10px; padding: 0 0 5px; }*/
.form-cnt textarea { width: 203px; height: 63px;  }

.form-cnt-top { padding-bottom: 33px;  }
.form-cnt-top select { margin-bottom: 10px;  }

.plan-content { }

.reservation-form { padding-top: 20px; } 

.date-select { float: right; display: inline; padding-bottom: 10px; width: 290px; } 
.date-select select { float: left; display: inline;	 margin-right: 10px; }
.date-select p { float: right; display: inline;	line-height: 19px; margin-right: 10px; }
.date { width: 40px !important; }
.month { width: 80px !important; }
.year { width: 55px !important; }
.hour { width: 55px !important; float: right !important; display: inline !important; margin: 0 !important;}

.submit-btn { float: right; display: inline; border: 0; font-size: 8px; padding: 2px 0 3px; cursor: pointer; }

.resevation-contact-lines {  }
.resevation-contact-lines p { background-image: url(images/one-btn.png) !important; height: 49px !important;}
.resevation-contact-lines a.text2 { top: 0 !important; } 
.resevation-contact-lines p a.text3 { top: 0 !important; } 

.quote-box p { padding-bottom: 10px; }
.quote-box p { font-size: 15px; color: #a29061; }
.quote-box p.quote-author { color: #786b48; }

.thumb-image { display:none;}

.horaire {float:left; width:342px;min-height: 180px; height: auto !important; height: 180px; border-right:1px solid #ccc;}
.horaire2 {float:left; width:342px;min-height: 180px; height: auto !important; height: 180px;}
.partenaires {float:left; width:284px;min-height: 180px; height: auto !important; height: 180px;padding:0 0 0 30px}

.image_produit_vedette { position: absolute; top:40px; left:0;}
.handicape { position: absolute; top:0px; left:-40px;}