/*
// (C) 2003 - 2010 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou serge_lamarche@hotmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
//
*/

body { margin: 0; padding: 0; min-width: 43em; font-family: georgia, arial, helvetica; color: #693; background: #eeefee; }

img, body.solar div#freeeval, body.solar div#pvcompare { behavior: url(images-gen/iepngfix.htc); }

a { text-decoration: none; } 
a.txt:link { padding: 0 5px; font-weight: bold; color: #3f5f00; } 
a.txt:visited { padding: 2px 5px; font-weight: bold; color: #3b530a; }
a.txt:hover { color: #344f00; background: #ddd; }

* a.btn { margin: 0; padding: 0 3px; } 
a.btn:link, a.btn:visited { color: #999999; } 
a.btn:hover { color: #ffffff; }
a.btn:active { color: #666666; }

a.toplink { display: block; padding: 6px 2.5em; font: 13px arial, helvetica; } 
/** a.mainlink { display: block; width: 150px; padding: 2px; }  border: 1px outset #666633; background: #999966;  */
a.toplink:link { color: #B6B678; } /* 003300 */
a.toplink:visited { color: #B3B32D; } /* cccc99 336633 */
a.toplink:hover { color: #cc9; } /* 99cc99 background: #225522;  */
a.toplink:active { color: #634811; } /* 99ff99 background: #336633; aaff88 */

a.lienliste { font: 11px/15px georgia, arial, helvetica; } 
* a.lienliste { white-space: nowrap; display: block; width: 10em; padding: 2px 5px; border-bottom: 1px solid #660; color: #B6B678; background: #545400; } 
a.lienliste:link { } /* color: #aaaa77;  */
a.lienliste:visited { } /* color: #999966; background: #777744;  */
a.lienliste:hover { color: #cc9; background: #666600; }
a.lienliste:active { color: #634811; background: #667700; }

* a.btnroll { text-align: center; float: left; display: block; width: 20px; height: 20px; font: bold 14px/20px arial, helvetica; } 
* a.btnroll:link { color: #ffffcc; background: #997733 url(images-gen/btn-rollimg-brun.gif) center no-repeat; } /* 003300 */
* a.btnroll:visited { color: #cccc99; background: #997733 url(images-gen/btn-rollimg-brun.gif) center no-repeat; } /* 336633 */
* a.btnroll:hover { color: #99cc99; background: #997733 url(images-gen/btn-rollimg-brun.gif) bottom no-repeat; } /* background: #225522;  */
* a.btnroll:active { color: #99ff99; background: #997733 url(images-gen/btn-rollimg-brun.gif) top no-repeat; } /* background: #336633;  */


ul { list-style-type: none; margin: 0; padding: 0; } 
ul#main { margin-top: 10px; width: 154px; } /* garde le logo dans la marge */
ul#exemples { position: relative; z-index: 1; } 
ul.liens { margin: 40px 0 10px 30%; }
ul.liens li { float: left; margin: 5px 8px; }
ol { margin-left: 10px; padding: 0; color: #882; } 
ol li { margin: 20px 10px; } 
ol li h4 { margin-bottom: 6px; } 
ol li strong { font-size: 105%; } 

div.nav { position: relative; z-index: 4; margin: 0; padding: 1px; height: 28px; background: #7A790F url(images-gen/bg-nav_gradvert-2.jpg) top; }
ul.nav { position: relative; margin: 0 auto; width: 43em; text-transform: uppercase; } /* min-width pareil au body */
/* if IE6 ul.nav { background: #997733; } */
ul.nav li { float: left; margin: 0; border-right: solid 1px #8c9c12; }
ul.nav li:first-child { border-left: solid 1px #8c9c12; }
ul.nav li:hover  { background-color: #8c8c12; }
body.index2010 li.bghome, body.exemples li.projects, body.currentprojects li.projects, body.aboutus li.bgsuddwick, body.contact li.bgcontact, body.greenhomes li.bggreenhomes, body.solar li.bggreenhomes { background-color: #882; }
 /*li.bghome { background: url(images-gen/bg-home.png) right bottom no-repeat; }
ul.nav li.bgloupe { background: url(images-gen/bg-loupe.png) right bottom no-repeat; }
ul.nav li.bgconstruction { background: url(images-gen/bg-construction.png) right center no-repeat; }
ul.nav li.bgsuddwick { background: url(images-gen/bg-suddwick.png) right center no-repeat; }
ul.nav li.bgcontact { background: url(images-gen/bg-telephone.png) right bottom no-repeat; }
ul.nav li.bggreenhomes { background-image: url(images-gen/bg-arbre.png) right 15px no-repeat; }  */
ul.nav li li {  } /* border: none; */
ul#sub, ul#sub1 { display: none; background-color: #883; } 
ul#sub, ul#sub1 { position: absolute; margin: 2px 0; }
ul#sub li, ul#sub1 li { float: none; border: solid 1px #883; } /* bord résout bug sur ie6 */

/* Les images */
body.index2010 div#memberlogos { display: none; position: relative; padding: 10px; } 
body.index2010 div#memberlogos img { float: left; } 
div.logos { float: right; text-align: center; margin: 10px; padding: 10px; } 
img.logo { margin: 0px 20px; } 
img.droite { margin: 5px 0 5px 10px; } 
table.exemples img#ecran { position: relative; z-index: 1; margin: 10px auto; } 
table.solar td.content div.gauche { clear: left; margin: 5px 10px 5px 0; } 
table.solar td.content div.droite { clear: right; margin: 5px 0 5px 10px; } 

/* couleurs du logo: 005E21 38753D 58595B - photos en haut: */
div.top { margin: 0; padding: 20px 10px; background: #B6B678 url(images-gen/bg-top_gradvert.jpg) left top no-repeat; } /* B3B32D */
table { margin: 0; width: 100%; }
/* 
body.exemples table.top { background: #5F5E2E url(images-gen/bg-composite-examples.jpg) left center repeat-x; } 
body.greenhomes table.top { background: #5F5E2E url(images-gen/bg-composite-greenhomes.jpg) left center repeat-x; } 
body.contact table.top { background: #5F5E2E url(images-gen/bg-composite-2.jpg) left center repeat-x; } 
body.aboutus table.top { background: #5F5E2E url(images-gen/bg-composite-aboutus.jpg) left center repeat-x; } 
body.currentprojects table.top { background: #5F5E2E url(images-gen/bg-composite-current-1.jpg) left center repeat-x; } 
*/ 

/* les tables: */
body.exemples, table.exemples { min-width: 790px !important; }
table.currentprojects, table.aboutus, table.contact, table.greenhomes, table.solar, table.erreur { width: 100%; margin-bottom: 50px; } 
table.aboutus, table.contact, table.greenhomes, table.solar, table.erreur { text-align: justify; } 

/* les td: */
td.content { padding: 20px; } 
* td.content { vertical-align: top; } 
* table.contact td.content div { margin: 6% 3% 20px 3%; padding: 20px; border: solid 1px #ddd; } 
* table.contact td.content div.formulaire { float: left; width: 21em; } 
* table.contact td.content div.formulaire p { text-align: right; } 
* table.contact td.content div.formulaire p span { float: left; } 
* table.exemples td.content { text-align: center; padding: 0 1% 0 4%; }
* table.exemples td.typesphotos { vertical-align: top; width: 20%; padding: 5% 1% 1% 1%; } /* ul laisse un margin à droite, réduit espace par padding-right: 0. <- Changé pour align=right dans le html. <- enlevé */

/* legende dans page examples: */
div#legende { position: absolute; z-index: 1; margin-top: -180px; left: 5%; padding: 2px 10px 10px 10px; width: 320px; vertical-align: bottom; background: #000; }
div#legende p.btn { color: #999999; visibility: hidden; text-align: right; padding: 0; margin: 0; font: bold 12px/12px arial, helvetica; }
p#legend { color: #ffffff; text-align: justify; margin: 0px; padding: 0px; font: 16px/24px comic sans ms, arial, helvetica; }
p#legend em { display: block; float: right; font: italic bold 14px/24px arial, helvetica; color: #ccc; }


h1 { text-align: center; margin: 10px 0 0 0; padding: 2px; color: #660; font: bolder 40px/60px georgia, arial, helvetica; }
h2 { color: #660; margin: 0 0 10px 0px; font: 20px/22px georgia, arial, helvetica; }
h2 span { color: #ddcc77; }
table.exemples h2 { position: absolute; z-index: 2; right: 20%; margin: 20px 150px; padding: 4px; border: outset 1px #eee; color: #ffffff; background: url(images-gen/bg-blanc-30pc.png); } 
table.greenhomes h2 { color: #99dd88; text-align: center; } 
h3 { color: #660; font: 18px/20px georgia, arial, helvetica; }
body.currentprojects h3 { margin-top: 40px; padding: 5px 5px 5px 0; border-top: solid 5px #8c8c20; border-right: solid 5px #8c8c20; }
table.solar h3 { clear: right; margin-top: 60px; } 
h4 { color: #993; font: 17px/20px georgia, arial, helvetica; }
p { color: #634811; font: 15px/20px georgia, arial, helvetica; } 
/* p.explique { text-align: justify; font-size: 12px; line-height: 14px; } <- pas utilisé. */
table.contact td.content p { font: 18px/26px georgia, arial, courier new, helvetica; } 
sup { vertical-align: text-top; }
sub { vertical-align: baseline; }
em { ; }
noscript { font: 20px comic sans ms, arial, helvetica; }
.droite { float: right; }
.gauche { float: left; }
.centre { text-align: center; }
.rouge { color: #c00; }

/* effets sur page solar */
div.publicite { float: right; margin-right: 5%; } 
body.solar div#freeeval, body.solar div#pvcompare { position: absolute; z-index: 5; display: none; width: 400px; top: 0; margin-top: 70px; left: 20%; padding: 10px 20px 10px 10px; background: url(images-gen/bg-blanc-ombre.png) right bottom; } 
body.solar div#pvcompare { width: 350px; font: 12px/12px arial, helvetica; color: #A6771B; } 
body.solar p.note { clear: both; margin: 0 10px; padding: 0 0 10px 5px; font: 12px arial, helvetica; color: #999; } 
body.solar p.note a:link { color: #896; } 
body.solar div p.ferme { float: right; margin: 0 10px 10px 0; padding: 0; font: 12px arial, helvetica; } 
body.solar div p.ferme a:link, body.solar div p.ferme a:visited { color: #999; } 
body.solar div p.ferme a:hover { color: #333; } 
body.solar h3.forfait, body.solar div#pvcompare h3 { clear: right; margin: 0 10px; padding: 0; } 
body.solar div.imagesforfait { clear: right; float: right; position: relative; z-index: 1; text-align: center; width: 160px; margin: 5px 0 auto 2%; padding: 5px; } 
body.solar div.imagesforfait p { text-align: justify; margin: 5px 0; font: 10px arial, helvetica; color: #999; } 
body.solar ul.forfait { float: left; width: 44%; min-width: 22em; max-width: 31em; list-style-type: disc; margin: 10px; padding: 10px 20px; border-top: solid 1px #64871e; border-bottom: solid 1px #64871e; color: #64871e; background: #fffdf3; } 
body.solar ul.forfait li { padding-top: 4px; } 
body.solar ul.forfait li.titre { list-style-type: none; font-weight: bold; } 
body.solar ul.forfait li.titre sup { margin-left: 2px; text-decoration: underline; } 

/* pour page index: */
div#central { text-align: center; padding-top: 7%; }
body.index2010 img#ecran, body.index2010 img#ecran2, div#central, div#texte { visibility: hidden; }
div#fond { position: relative; z-index: 2; margin: auto; padding: 10px; width: 80%; max-width: 1000px; background: #404040 url(images-gen/bg-scene_gradgris-2.jpg) center no-repeat; } /* bg-suddwick_logo_b.gif */
div#scene { position: relative; text-align: center; overflow: hidden; margin: auto; padding: 0; height: 300px; }
body.index2010 img#ecran2 { position: absolute; z-index: 2; margin: auto -50%; }
body.index2010 img#ecran { position: relative; z-index: 3; margin: auto -50%; }
div#texte { position: absolute; z-index: 2; left: 15%; margin-top: -202px; padding: 0; width: 288px; height: 162px; background: #fff; } /* url(images-gen/bg-panneau-80pc.png) right bottom */
div#texte h2 { margin: 0; padding: 10px 15px 5px 15px; color: #363; font: bold 24px/26px georgia, arial, helvetica; }
div#texte h3 { margin: 0; padding: 5px 15px; color: #555; font: bold 18px/22px georgia, arial, helvetica; }
div#texte a:link, div#texte a:visited { position: relative; left: -5px; padding-left: 5px; padding-right: 5px; color: #363; }
div#texte a:hover { color: #353; background: #eee; }
div#texte h3 a:link, div#texte h3 a:visited { color: #555; }
div#texte h3 a:hover { color: #454; }
div#texte h3.lien { text-align: right; }
div#texte h3.lien a:link, div#texte h3.lien a:visited { padding: 5px; border: outset 1px #eee; background: #eee; }



/* pages courante et solar, popup: */
div#ecrancourant { position: absolute; z-index: 3; display: none; overflow: auto; left: 100px; margin: 0; padding: 10px; border-left: solid 4px #dd3; border-top: solid 4px #dd3; border-right: solid 4px #bb3; border-bottom: solid 4px #bb3; background: #f9f9f9 url(images-gen/logo-sudd-anime-00.gif) center no-repeat; }
div#ecrancourant p.ferme { position: absolute; z-index: 4; margin: -10px auto auto -10px; padding: 5px; font: bold 12px/14px arial, helvetica; color: #333; background: #f9f9f9; }
div#ecrancourant img { margin: 0 auto; }

/* dans glisse */
div.defileh { position: relative; overflow: auto; z-index: 2; width: 90%; height: 150px; margin: 0 auto; padding: 0; border: solid 1px #552; background: #873; }
div ul.ongletmini { position: absolute; margin: 2px; padding: 2px; }
div.defileh ul.ongletmini { width: 640px; }
div.defileh ul#slidekhmrdogtooth { width: 550px; }
div.defileh ul#slidekhmrdogtooth2 { width: 1100px; }
div.defileh ul#slidekhmrdogtooth3 { width: 560px; }
div.defileh ul#slidekhmrdogtooth4 { width: 1000px; }
div.defileh ul#slidekhmrdogtooth5 { width: 5000px; }
div.defileh ul#slidekhmrcedarcreek0 { width: 1200px; }
div.defileh ul#slidekhmrcedarcreek1 { width: 1200px; }
div.defileh ul#slidekhmrcedarcreek2 { width: 2050px; }
div.defileh ul#slidekhmrcedarcreek3 { width: 1800px; }
div.defileh ul#slidekhmrcedarcreek4 { width: 550px; }
div.defileh ul#slideamenityhub0 { width: 500px; }
div.defileh ul#slideamenityhub1 { width: 900px; }
div.defileh ul#slideagog { width: 500px; }
div.defileh ul#slidecanyonridge { width: 900px; }
div.defileh ul#slidecanyonridge2 { width: 1300px; }
div.defileh ul#slidecanyonridge3 { width: 1500px; }
div.defileh ul#slidekhmrdogtoothlot4a { width: 500px; }
div.defileh ul#slidekhmrdogtoothlot4b { width: 900px; }
div.defileh ul#slidekhmrdogtoothlot4c { width: 900px; }
div.defileh ul#slidekhmrdogtoothlot4d { width: 2200px; }
div.defileh ul#slidekhmrdogtoothlot4e { width: 1300px; }
div.defileh ul#slidekhmrdogtoothlot4f { width: 2100px; }
div.defileh ul#slidekhmrdogtoothlot4g { width: 7900px; }
div.defileh ul#slidekhmrcedarcreek14a { width: 1550px; }
div.defileh ul#slidekhmrcedarcreek14b { width: 1900px; }
div.defileh ul#slidekhmrcedarcreek14c { width: 2050px; }
div.defileh ul#slidekhmrcedarcreek14d { width: 1500px; }
div.defileh ul#slidekhmrcedarcreek14e { width: 2200px; }
div.defileh ul#slidekhmrcedarcreek14f { width: 900px; }
div.defileh ul#slidekhmrcedarcreek14g { width: 2150px; }
div.defileh ul.ongletmini img { border: none; }
div.defileh ul.ongletmini li:hover, div.defileh ul.ongletmini li.survole { background: #cc9; } /* url(../images-gen/bg-slidelih.gif) right bottom no-repeat  */
div.defileh ul.ongletmini li { float: left; list-style: none; margin: 2px; padding: 2px; background: #b96; } /* max-width: 230px; width nécessaire pour éliminer barre de défilement verticale.  url(../images-gen/bg-slidelih.gif) left bottom no-repeat */
div.defileh ul.ongletmini li a { padding: 0; }
div.defileh ul.ongletmini p { text-align: center; margin: 0; padding: 0 2px; font-size: 10px; line-height: 14px; color: #cc9; background: #545400; }
ul.ongletmini p a { margin: 0; padding: 2px 0px; }


/* misc. */
body.erreur td.scene { height: 310px; background: #997733 url(images-gen/bg-Suddwick_logo_beurre.gif) center no-repeat; }
body.erreur td.scene p { width: 480px; padding: 5px 20px; text-align: justify; }


table.droits { position: absolute; position: fixed; bottom: 0; }
table.droits p { color: #B6B678; margin: 5px; font-size: 11px; }
table.droits a:link { color: #B6B678; } 
table.droits a:visited { color: #B6B678; }
table.droits a:hover { color: #8C8C12; }
table.droits a:active { color: #656600; }



/* 
// (C) 2003 - 2010 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou serge_lamarche@hotmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
*/