﻿html, body, form { margin: 0; padding: 0; }
body { font: 100% Arial, Sans-serif; }
body, a { color: #636466; }
img, table { border: 0; }
table { border-spacing: 0; font-size: 100%; }
td, th { padding: 0; }
#thumbs ul, .mbrL, .evtL, .fftL, #mbrFCredit, .mbrFActServ, #mapOptList { margin: 0; padding: 0; list-style: none; }
div.hr { margin: 1.3em 0; border-top: 1px solid #e7e7e7; }
div.hr hr { display: none; }


/* master page (template) */
#mstrHdr, #mstrCoin, #mstrColDt, #mstrFtr { display: none; }
#mstrColGc { font-size: 75%; }
#mstrColGc h1 { margin: 0.8em 0 0.4em; font-size: 210%; font-weight: normal; color: #23646d; }
#mstrColGc h2 { margin: 1.2em 0 0.6em; font-size: 130%; color: #23646d; }
#mstrColGc h3, #mapLarge h3 { margin: 1.3em 0 0.65em; color: #23646d; font-size: 110%; }
#mstrColGc h4 { margin: 1.3em 0 0; font-size: 100%; }
#mstrColGc .separateur { padding-top: 1.4em; clear: both; border-top: 1px solid #e7e7e7; }
#mstrColGc h2.separateur { padding-top: 1.3em; }
#mstrColGc p.separateur { padding-top: 1.1em; margin-top: 2.6em; }
#ctl00_mstrLogo img { width: 269px; }
#mstrFtrPrint { border-top: 1px solid #e7e7e7; margin-top: 1.3em; padding-top: 0.65em; color: #88898c; }
#mstrFtrPrint span { font-size: 70%; float: left; margin: 0 50px 1.3em 0; }


/* propres à l'accueil */
#ctl00_cphContenu_accVidBt, #caption a { display: none; }
#accGalCtnr { position: relative; z-index: 2; margin-bottom: 42px; }
#accGalCtnr a, #accGalCtnr img { display: block; }
#slideshow, #accGalCtnr { width: 536px; height: 397px; }
#thumbs ul { position: absolute; left: 0; bottom: -42px; width: 148px; }
#thumbs li { float: left; padding-right: 1px; }
#thumbs li a { width: 35px; line-height: 42px; border-right: 1px solid #636466; font-size: 150%; text-decoration: none; text-align: center; color: #88898c; outline: none; }
#caption { position: absolute; left: 148px; bottom: -42px; width: 358px; height: 32px; padding: 5px 15px; }
#caption h2 { font-size: 100%; margin: 0; }
#caption em { font-style: normal; }


/* sandbox texte */
.txtContenu, .evtL li, .fftL li, .pubL li { line-height: 1.4em; }
.txtContenu a, .mbrL a, a.lienAvecPuce, a.lienHautPage, #mbrF a, #escGalerie a:hover, .txtContenu .caption a span { color: #8a9236; text-decoration: underline; }
.txtContenu a:hover, .mbrL a:hover, a.lienAvecPuce:hover, a.lienHautPage:hover, #mbrF a:hover, .txtContenu .caption a:hover span { text-decoration: none; }
.txtContenu p { margin: 0 0 1em; }
.txtContenu ul { margin-top: 0.5em; margin-bottom: 1.3em; }
.txtContenu ul li { margin-bottom: 0.45em; }
.txtContenu ul ul { margin-top: 0.7em; margin-bottom: 0.7em; }
.txtContenu div.video { margin: 1.3em 0; width: 480px; height: 290px; }
.txtContenu div.video.vidList { height: 409px; }
.txtContenu .alignergauche { float: left; clear: none; margin: 0 1.3em 1.3em 0; }
.txtContenu .alignerdroite { float: right; clear: none; margin: 0 0 1.3em 1.3em; }
.txtContenu .etireMaj { text-transform: uppercase; letter-spacing: 0.2em; }
.clear { clear: both; }
.smaller { font-size: 0.9em; }
.bigger { font-size: 1.6em; }
.inlineMiddle { vertical-align: middle; }
#mstrCtnt .premierTitre, #mapLarge h3 { margin-top: 0; }


/* crédits photos */
.txtContenu .caption img { margin: 0; display: block; }
.txtContenu .caption span { display: block; margin-top: 5px; font-size: 0.9em; line-height: 1.3em; color: #88898c; }
.txtContenu .caption a span { text-align: right; }


/* listes membres, circuits/événements et forfaits */
#mstrColGc .mbrLTtl { position: relative; margin-bottom: -5px; }
.mbrL li, .evtL li, .fftL li, .pubL li { padding: 29px 0 24px; border-top: 1px solid #e7e7e7; }
.mbrL li { color: #23646d; line-height: 1.3em; }
.mbrL li, #mbrF, a.fBtBack, .fftL div a, .pubL span { font-size: 0.9em; }
.lVig { float: left; padding: 0 28px 8px 0; }
a.lVig img, #flickrGal a img, #escGalerie a img { border: 1px solid #fff; }
a.lVig:hover img, #flickrGal a:hover img, #escGalerie a:hover img { border-color: #969e3c; }
.mbrL li div, .evtL li div, .fftL li div, .pubL li div { float: left; width: 350px; padding-top: 0.1em; }
.mbrL li div { width: 230px; }
.pubL li div.pubLItem { width: 290px; }
.pubL li div.pubLQty { float: right; width: 130px; color: #23646d; }
div.pubLQty label { float: left; width: 5em; }
div.pubLQty input { float: left; width: 3em; font-size: 0.9em; margin-bottom: 5px; }
div.pubLQty br { clear: left; }
.mbrL .png { display: block; margin: 0 0 0.45em; }
#mstrColGc .mbrL h2, #mbrF h2 { color: #23646d; font-size: 1.2em; margin: 0; }
#mstrColGc .evtL h2, #mstrColGc .evtL h3 { font-size: 1.1em; margin: 0 0 1em; }
#mstrColGc .pubL h2, #mstrColGc .pubL h3 { font-size: 1.1em; margin: 2em 0 0; }
#mstrColGc .pubL h4 { margin: 2.6em 0 0.5em; padding: 0 0 0.5em; border-bottom: 1px solid #e7e7e7 }
.evtL h2 a, .evtL h3 a, .pubL h2 a { color: #23646d; text-decoration: none; }
.pubL h3 a { text-decoration: none; }
.evtL h2 a:hover, .evtL h3 a:hover, .pubL h2 a:hover, .pubL h3 a:hover { text-decoration: underline; }
.pubL span { display: block; }
.mbrL .ctntNavBlock { float: right; width: 120px; text-align: right; margin-top: 2.95em; }
.mbrL .ctntNavBlock span { display: block; margin: 0 6px 0.8em 0; }
.mbrL .ctntNavBlock strong { font-size: 1.6em; line-height: 1.1em; vertical-align: middle; }
.mbrL .ctntNavBlock a, .fftL div a { float: right; padding: 3px 6px 5px 2px; color: #8a9236; }
.fftL div a { float: none; display: block; margin-top: 1em; }


/* fiches membres, événements et forfaits */
#mbrFTabs, a.fBtBack { display: none; }
#mbrF { clear: both; color: #23646d; }
#fftF { clear: both; height: 1%; }
#mbrF div, #mbrF p { float: left; margin: 0.2em 0 0; }
#mbrF div { width: 273px; margin-right: 13px; }
#mbrF div.mbrAvecClass { width: 215px; }
#mbrF p.clearfix { width: 250px; }
#mbrF .png { float: left; margin: 0 13px 0 0; }
#mbrF div a { float: left; margin-top: 1.1em; padding: 0 0 4px; }
#mbrFBox1, #mbrFBox2, #mbrFBox3 { padding: 21px 18px; margin-top: 1.1em; border: 1px solid #88898c; }
#mbrFBox1 .txtContenu img.alignerdroite, #evtF.txtContenu img.alignerdroite, #fftF .txtContenu img.alignergauche { width: 248px; height: 186px; }
#mbrFBox2 { padding: 0; border-top: 0; }
#mbrFBox2 .fftL li { padding-left: 21px; }
#mbrFBox2 .fftL li div { width: 332px; }
#mbrFBox3 .escSrchNav { margin: 0 18px 1.1em; }
#mbrFInfos { font-size: 0.9em; }
#mbrFInfos table { width: 100%; border: 1px solid #88898c; border-width: 1px 0 0 1px; }
#mbrFInfos tr { vertical-align: top; }
#mbrFInfos th, #mbrFInfos td { padding: 0.25em 10px; border: 1px solid #88898c; border-width: 0 1px 1px 0; }
#mbrFInfos th { width: 51%; text-align: left; font-weight: normal; }
#mbrFInfos td { width: 49%; }
#mbrFInfos h3 { font-size: 100%; margin: 1.9em 10px 0.66em; }
#mbrFCredit { margin-left: 10px; }
#mbrFCredit li { float: left; margin-right: 5px; }
#mbrFCredit li img { display: block; }
.mbrFActServ { margin-left: 35px; }
.mbrFActServ li { position: relative; float: left; width: 222px; padding: 0.5em 0 0.5em 27px; }
.mbrFActServ li .png { position: absolute; left: 0; top: 0.2em; }
#mbrFAutres.txtContenu { margin: 0 10px; }
#mbrFReserv, #ctl00_cphContenu_aReservation { float: right; margin: 1.3em 9px 0 0; clear: both; }
#mbrFReserv img { display: block; margin-top: 0.25em; }


/* cartes */
.mapCtnr { position: relative; width: 100%; height: 480px; margin: 0 0 5px; }
.mapLogo { position: absolute; left: 0; top: 487px; }
.mapCopy { position: absolute; left: 90px; top: 487px; width: 500px; white-space: normal !important; text-align: left !important; }
.mapCopy * { color: #88898c !important; }
.mapCopy a { white-space: nowrap; }
.txtContenu.mapZoom .alignerdroite { margin: 0 0 2.3em; }
#mapOptList { margin-bottom: 1em; }
#mapOptList li { width: 270px; float: left; margin-bottom: 6px; }
#mapOptList li * { vertical-align: middle; }
#mapOptList li img { width: 28px; height: 26px; }


/* galerie */
#galCtnr { margin-top: 1em; }
#escGalerie { position: relative; }
#escGalerie a { float: left; text-decoration: none; padding: 0 12px 8px 0; color: #88898c; }
#escGalerie img, #escGalerie span { display: block; width: 132px; }
#escGalerie a span { margin-top: 3px; height: 23px; font-size: 0.9em; line-height: 1.2em; cursor: pointer; }
#escGalerie .highlight { float: right; clear: right; display: inline; margin: 11px 0 17px 0; padding: 0; }
#escGalerie .highlight img, #escGalerie .highlight span { width: 280px; }
#escGalerie .highlight span { height: 27px; text-align: center; }
.escSrchNav { margin: 0 0 1.1em; }
.escSrchNav a, .escSrchNav span { float: left; }
.escSrchBtPrev { margin-right: 0.5em; }
.escSrchBtNext { margin-left: 0.5em; }
#mstrCtnt .escSrchNav a.actif { font-weight: bold; text-decoration: none; }


/* flickr */
#flickrGal a { float: left; padding: 0 13px 13px 0; }
#flickrGal a img { display: block; }


/* texte "tabulé" */
p.clearfix br { clear: left; }
p.clearfix span { float: left; }
p.clearfix span.label { width: 6.2em; }


/* autres */
ul#stmTree h3, ul#stmTree h4 { margin: 0; }


/* erreur 500 screen + print */
@media screen {
	#err #hdrLogo { text-align: center; }
	#err #mstrColGc { width: 512px; text-align: center; margin: 0 auto; }
	.txtContenu div.video { margin: 0; }
}
#err #hdrLogo { padding: 15px; }


/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */