/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- la route des soleils Author: Kinologik Website: www.kinologik.com Filename: build.css ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body {margin:0; padding:0; font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana; font-family:Verdana, Geneva, sans-serif; color:#294359; background-color:#fef9d1; border:0; text-align:center;} html, body {height:100%;} img {border:none} a {outline:none} blockquote {font-size:14px; padding:0; margin:0 0 0 44px} /* Layout ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container {margin:15px auto; width:787px; text-align:left; position:relative; /*background-color:#FFF;*/ padding-bottom:15px} #header-fr {position:relative; background:url(../images/fr/header.jpg) no-repeat; width:787px; height:325px; display:block; z-index:10; margin:0; padding:0} #header-fr .decoLeft {width:167px; height:290px; position:absolute; top:120px; left:-157px; z-index:1} #header-fr .decoRight {width:165px; height:273px; position:absolute; top:110px; right:-165px; z-index:1} #header-fr #txt-banner {width:200px; height:100px; position:absolute; bottom:-6px; right:70px;} #header-fr #txt-banner p {color:#F6C116; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;} #header-fr h2#cloud-contest, #header-en h2#cloud-contest {width:111px; height:42px; position:absolute; top:25px; right:245px; background:url(../images/bg_cloud.png) no-repeat; margin:0; padding:0} #header-fr h2#cloud-contest a {background:url(../images/fr/txt_cloudContest_fr.jpg) top left; height:20px; width:83px; margin:6px 0 0 16px; display:block; text-indent:-9999em; overflow:hidden;} #header-fr h2#cloud-contest a:hover, #header-en h2#cloud-contest a:hover {background-position:bottom left} #header-en {position:relative; background:url(../images/en/header.jpg) no-repeat; width:787px; height:325px; display:block; z-index:10; margin:0; padding:0} #header-en .decoLeft {width:167px; height:290px; position:absolute; top:120px; left:-157px; z-index:1} #header-en .decoRight {width:165px; height:273px; position:absolute; top:110px; right:-165px; z-index:1} #header-en #txt-banner {width:200px; height:100px; position:absolute; bottom:-6px; right:70px;} #header-en #txt-banner p {color:#F6C116; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;} #header-en h2#cloud-contest a {background:url(../images/en/txt_cloudContest_en.jpg) top left; height:20px; width:66px; margin:6px 0 0 20px; display:block; text-indent:-9999em; overflow:hidden;} #content {background:url(../images/bg_content.jpg) repeat-y; width:787px; clear:left; position:relative} #content-inner {background:url(../images/content_bg.jpg) no-repeat; width:735px; height:auto !important; min-height:415px; height:415px; margin:0 0 0 26px; padding:0;} #content-inner ul {margin:0 0 0 44px; padding:0; color:#674e3d; font-size:12px; } #content-inner ul li {margin-left:15px; padding-bottom:15px; line-height:18px} blockquote {color:#674e3d;} #footer { position:relative; background:url(../images/footer.jpg) no-repeat; width:787px; height:252px; z-index:-1} #footer .decoLeftBtm {width:18px; height:68px; position:absolute; top:48px; left:-17px; z-index:1} #footer .decoRightBtm {width:22px; height:62px; position:absolute; top:15px; right:-22px; z-index:1} #footer-partners {background:url(../images/footer-partners.jpg) no-repeat; width:787px; height:66px; position:relative} #footer-partners ul {margin:0 18px 0 0; padding:5px 0 0 0; list-style:none; width:754px; float:right; /*display:block*/} #footer-partners ul li {float:right; display:block; padding-left:10px} /*#footer-partners ul li a img {display:block;}*/ /* Home page ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content-inner h1 {margin:0 0 20px 42px; padding:0; /*height:39px; display:block*/} #content-inner h1 span {display:block; text-indent:-9000px; height:39px;} #content-inner p {color:#674e3d; font-size:12px; padding:0 0 15px 0; margin:0 65px 0 44px; line-height:20px;} #content-inner a:link, #content-inner a:visited {color:#674e3d; text-decoration:none; border-bottom:1px solid #DFA537} #content-inner a:hover {text-decoration:none; border-bottom:none} /* Contact page ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #form-contact {margin:0; padding:10px 10px 10px 44px; width:310px; font-size:13px; font-family:Verdana, Sans-Serif;} #form-contact label {color:#df7c34; font-weight:bold;} #form-contact input, #form-contact textarea {margin-bottom:10px; margin-left:0px; display:block; padding:4px; width:300px;} .activeField {background-image:none; background-color:#fff; border:solid 1px #f09913;} .idle {border:solid 1px #f5c047; background-image:url('../images/bg_input.png'); background-repeat: repeat-x; background-position:top;} #form-contact #btnSend {position:absolute; width:245px; height:18px; left:210px; bottom:33px !important; bottom:28px; z-index:250;} #form-contact #btnSend-en {position:absolute; width:245px; height:18px; left:210px; bottom:33px !important; bottom:28px; z-index:250;} #form-contact #btnSend input, #form-contact #btnSend-en input {background-image:none !important; background:none; border:none; width:90px; float:left; display:block; margin:0 20px 0 0px; padding:0 0 0 0 !important; padding:3px 3px 3px 10px; text-align:left; font-weight:bold; color:#FFF; cursor:pointer;} #form-contact #btnSend input:hover, #form-contact #btnSend-en input:hover {color:#f6c812} #content img.bgSend {position:absolute; bottom:4px; left:190px; z-index:200; width:250px; height:65px;} #content img.note {position:absolute; bottom:36px; left:381px; z-index:200; width:307px; height:287px;} /* Regions ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #region {position:relative; width:750px; } #region p {color:#165F99; font-size:14px} .col-reg {color:#165F99; font-size:12px !important; font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana; font-family:Arial, Helvetica, sans-serif; margin-bottom:14px; margin-top:10px;} .col-reg h3 {color:#0090D1; font-size:14px; font-weight:bold; padding-bottom:5px; margin:0 0 0 44px} .col-reg p {margin:0 0 0 54px !important; padding:0 !important; line-height:16px !important; font-size:12px !important} .col-reg .title {font-weight:bold} .col-reg p.dot {background:transparent url(../images/regions/puce.gif)8px center no-repeat; margin-left:34px !important; padding-left:20px !important;} /*.col-reg p.3sun {background:transparent url(../images/regions/soleil_3.gif) right center no-repeat; display:inline !important;padding:0px 50px 0 0 !important; margin:0px 80px 0 0 !important; background-color:#FFF !important}*/ .col-reg p.www {margin-left:44px !important; font-weight:bold; padding-bottom:7px !important } .col-reg p.pdgBtm {padding-bottom:7px !important} .col-reg a:link, .col-reg a:visited {color:#165F99 !important; text-decoration:none; border-bottom:none !important} .col-reg a:hover {text-decoration:underline !important;} img.sun {height:17px ; margin-top:-17px} .photo-Labelle {position:absolute; bottom:-20px; right:10px} .photo-LacCarre {position:absolute; bottom:-50px; right:30px; width:415px; height:195px; z-index:999} .photo-Amherst {position:absolute; bottom:-20px; right:10px; width:484px; height:188px; z-index:999} .photo-Huberdeau {position:absolute; bottom:-15px; right:180px; width:268px; height:134px; z-index:999} .photo-St-Jovite {position:absolute; bottom:-50px; right:10px; width:449px; height:188px; z-index:999} .photo-Lac-Superieur {position:absolute; bottom:40px; left:40px; width:346px; height:189px; z-index:999} .photo-Tremblant-Village {position:absolute; bottom:-55px; right:104px; width:360px; height:223px; z-index:999} .photo-Brebeuf {position:absolute; bottom:-40px; right:55px; width:405px; height:381px; z-index:999} .photo-La-Conception {position:absolute; bottom:-100px; right:30px; width:379px; height:263px; z-index:999} #photo-La-Conception {position:absolute; bottom:-20px; right:30px; width:379px; height:263px; z-index:999} .photo-le-parcours {position:absolute; top:120px; right:110px; width:279px; height:194px; z-index:999} .photo-event {position:absolute; top:90px; right:20px; width:310px; height:194px; z-index:999} .photo-concours {position:absolute; bottom:-50px; right:10px; width:449px; height:188px; z-index:999} .photo-arundel {position:absolute; bottom:-20px; right:30px; width:379px; height:263px; z-index:999} .photo-la-minerve {position:absolute; bottom:-20px; right:30px; width:379px; height:263px; z-index:999} /* Titles ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ h1#title-home-fr {background:url(../images/fr/title-home.gif) no-repeat left bottom; width:422px; height:100px;} h1#title-home-en {background:url(../images/en/title-home.gif) no-repeat left bottom; width:403px; height:100px;} h1#title-evenement-fr {background:url(../images/fr/title-l-evenement.gif) no-repeat left bottom; width:191px; height:100px;} h1#title-evenement-en {background:url(../images/en/title-l-evenement.gif) no-repeat left bottom; width:208px; height:100px;} h1#title-enmots-fr {background:url(../images/fr/title-en-mots.gif) no-repeat left bottom; width:200px; height:100px;} h1#title-enmots-fr {background:url(../images/en/title-en-mots.gif) no-repeat left bottom; width:150px; height:100px;} h1#title-faq-fr {background:url(../images/fr/title-faq.gif) no-repeat left bottom; width:83px; height:100px;} h1#title-concours-fr {background:url(../images/fr/title-concours.gif) no-repeat left bottom; width:144px; height:100px;} h1#title-concours-en {background:url(../images/en/title-concours.gif) no-repeat left bottom; width:144px; height:100px;} h1#title-edition1-fr {background:url(../images/fr/title-premiere-edition.gif) no-repeat left bottom; width:208px; height:100px;} h1#title-edition1-en {background:url(../images/en/title-premiere-edition.gif) no-repeat left bottom; width:208px; height:100px;} h1#title-onenparle-fr {background:url(../images/fr/title-on-en-parle.gif) no-repeat left bottom; width:196px; height:100px;} h1#title-onenparle-en {background:url(../images/en/title-on-en-parle.gif) no-repeat left bottom; width:217px; height:100px;} h1#title-partenaires-fr {background:url(../images/fr/title-nos-partenaires.gif) no-repeat left bottom; width:200px; height:100px;} h1#title-partenaires-en {background:url(../images/en/title-nos-partenaires.gif) no-repeat left bottom; width:176px; height:100px;} h1#title-circuit-fr {background:url(../images/fr/title-circuit.gif) no-repeat left bottom; width:570px; height:100px;} h1#title-circuit-en {background:url(../images/en/title-circuit.gif) no-repeat left bottom; width:392px; height:100px;} h1#title-parcours-fr {background:url(../images/fr/title-le-parcours.gif) no-repeat left bottom; width:208px; height:100px;} h1#title-parcours-en {background:url(../images/en/title-le-parcours.gif) no-repeat left bottom; width:135px; height:100px;} h1#title-participants-fr {background:url(../images/fr/title-liste-participants.gif) no-repeat left bottom; width:281px; height:100px;} h1#title-participants-en {background:url(../images/en/title-liste-participants.gif) no-repeat left bottom; width:250px; height:100px;} h1#title-photos-fr {background:url(../images/fr/title-galerie-photos.gif) no-repeat left bottom; width:191px; height:100px;} h1#title-photos-en {background:url(../images/en/title-galerie-photos.gif) no-repeat left bottom; width:191px; height:100px;} h1#title-calendrier-fr {background:url(../images/fr/title-calendrier.gif) no-repeat left bottom; width:158px; height:100px;} h1#title-calendrier-en {background:url(../images/en/title-calendrier.gif) no-repeat left bottom; width:191px; height:100px;} h1#title-activites-fr {background:url(../images/fr/title-activites.gif) no-repeat left bottom; width:153px; height:100px;} h1#title-activites-en {background:url(../images/en/title-activites.gif) no-repeat left bottom; width:153px; height:100px;} h1#title-calendrier-activite-fr {background:url(../images/fr/title-calendrier-activite.gif) no-repeat left bottom; width:408px; height:100px;} h1#title-calendrier-activite-en {background:url(../images/en/title-calendrier-activite.gif) no-repeat left bottom; width:423px; height:100px;} h1#title-contact-fr {background:url(../images/fr/title-nous-contacter.gif) no-repeat left bottom; width:196px; height:100px;} h1#title-contact-en {background:url(../images/en/title-nous-contacter.gif) no-repeat left bottom; width:196px; height:100px;} h1#title-newsletter-fr {background:url(../images/fr/title-infolettre.gif) no-repeat left bottom; width:308px; height:100px;} h1#title-newsletter-en {background:url(../images/en/title-infolettre.gif) no-repeat left bottom; width:296px; height:100px;} h1#title-labelle {background:url(../images/regions/title-region-labelle.gif) no-repeat left bottom; width:92px; height:100px;} h1#title-lac-carre {background:url(../images/regions/title-saint-faustin-lac-carre.gif) no-repeat left bottom; width:330px; height:100px;} h1#title-amherst {background:url(../images/regions/title-amherst.gif) no-repeat left bottom; width:130px; height:100px;} h1#title-huberdeau {background:url(../images/regions/title-huberdeau.gif) no-repeat left bottom; width:140px; height:100px;} h1#title-st-jovite {background:url(../images/regions/title-st-jovite.gif) no-repeat left bottom; width:408px; height:100px;} h1#title-lac-superieur {background:url(../images/regions/title-lac-superieur.gif) no-repeat left bottom; width:177px; height:100px;} h1#title-temblant-village {background:url(../images/regions/title-temblant-village.gif) no-repeat left bottom; width:363px; height:100px;} h1#title-brebeuf {background:url(../images/regions/title-brebeuf.gif) no-repeat left bottom; width:100px; height:100px;} h1#title-la-conception {background:url(../images/regions/title-la-conception.gif) no-repeat left bottom; width:175px; height:100px;} h1#title-arundel {background:url(../images/regions/title-arundel.gif) no-repeat left bottom; width:153px; height:100px;} h1#title-la-minerve {background:url(../images/regions/title-la-minerve.gif) no-repeat left bottom; width:153px; height:100px;} /* Classes ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .right-home {float:right; margin:-15px -55px 14px 10px;} .left {float:left; margin:0 10px 10px 0;} .clearer {clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;} .clearLeft {clear:left} .bg {background-color:#bbcbd3; padding:7px 0 7px 3px} .redTxt {color:#DF7C34} .bold {font-weight:bold; color:#6B503B} .boldTxt {font-weight:bold; font-size:18px;} .orange {color:#DFA537} .orangeDark {color:#bb3b2d} .fontLarge {font-size:16px} .line { background: #fff url(../images/hr.gif) no-repeat center center; margin: 8px auto; height:12px; padding-bottom:10px; padding-top:10px } hr.bg { background: url(../images/hr.gif) no-repeat center bottom; margin: 8px auto; height: 12px; border: 0 none;} #content-inner a img {border-bottom:none !important;} #easyTooltip {padding:5px 10px; border:1px solid #dc7712; background:#e7811d url(../images/bg_toolTip.jpg) repeat-x; color:#F7F7F7; z-index:999999; font-size:11px} ul.navTop {margin:26px 25px 0 0; padding:0; list-style:none; float:right; font-size:12px; background:url(../images/bg_menuTop.jpg) no-repeat; width:193px; height:25px; font-family:Verdana, Geneva, sans-serif} ul.navTop li {display:inline; margin:0 0 0 15px; padding:0 1em; line-height:25px; letter-spacing:.1em} ul.navTop li.current a {color:#3f1f01;} ul.navTop li.current a:hover {color:#644521; text-decoration:none; cursor:default;} ul.navTop li a {text-decoration:none; color:#876238; outline:none;} ul.navTop li a:hover {color:#3f1f01;} .columnLft-circuit {width:328px; margin:38px 0 0 22px; float:left;} .columnRgt-circuit {width:350px; margin:38px 0 0 0; float:right;} .columnRight-circuit {width:368px; margin:48px 0 0 0; float:left} .columnLft-circuit ul, .columnRgt-circuit ul {margin:0 0 0 0 !important; padding:0 !important; list-style:none; display:block} .columnLft-circuit ul li, .columnRgt-circuit ul li {margin:0 !important; padding:0 !important} .columnLft-circuit ul li a, .columnRgt-circuit ul li a {border-bottom:none !important; outline:none;} #participant {} #participant p {font-weight:bold; font-size:14px; text-transform:uppercase; margin:14px 0 0 44px; padding:0;} #participant ul {margin:0 0 0 44px; padding:0; color:#674e3d; font-size:12px; } #participant ul li {margin-left:15px; padding-bottom:3px; line-height:18px} /* Galery photos ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ a.thumbsGal img { border:5px solid #61523F !important; margin-bottom:10px; margin-right:2px; width:75px; height:75px} a.thumbsGal:link {border-bottom:none !important; text-decoration:none;} a.thumbsGal:visited {border-bottom:none !important; text-decoration:none;} #content-inner a.thumbsGal:hover img { border:5px solid #DFA537 !important; } #content-inner a.thumbsGal img {border:5px solid #EFDC86 !important;} .galImages h2 {font-size:16px; color:#61523F; margin-bottom:5px} /* Partenaires ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #list-links {width:600px; overflow:hidden; padding:6px 10px 14px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #list-links li {border:0; margin:0; padding:0; list-style:none;} #list-links li {height:120px; padding:5px; list-style:none; background:url(../images/hr.gif) no-repeat center bottom; padding-top:25px; padding-bottom:25px;} #list-links li.noBorderBtm {background:none} #list-links a {color:#df9a39 !important; border-bottom:none !important} #list-links .links-title {display:block; font-weight:bold; margin-bottom:4px; font-size:14px;} #list-links .links-text {display:block; font-size:12px; color:#674e3d;} #list-links img {float:left; margin-right:14px; padding:4px 4px 40px 4px;} /* Activités ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #activites {margin:50px 0 0 0} #activites .col-reg h3 {color:#0090D1; font-size:14px; font-weight:bold; padding-bottom:5px; margin:0 0 0 44px} #activites h2 {color:#DFA537; font-size:16px; text-align:center; padding:24px 0 7px 0} #activites p.space {margin-bottom:14px !important;} #activites h1 {display:block; text-indent:-9000px; height:36px;} #activites h1#ateliers-js-fr {background:url(../images/fr/title-atelier-js.gif) no-repeat; height:36px; margin:0 0 0 44px; padding:0} #activites h1#ateliers-we-fr {background:url(../images/fr/title-atelier-we.gif) no-repeat; height:36px; margin:0 0 0 44px; padding:0} #activites h1#ateliers-js-en {background:url(../images/en/title-atelier-js.gif) no-repeat; height:36px; margin:0 0 0 44px; padding:0} #activites h1#ateliers-we-en {background:url(../images/en/title-atelier-we.gif) no-repeat; height:36px; margin:0 0 0 44px; padding:0}