/* 
// (C) 2004 - 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 { color: #224400; margin: 0; padding: 0; padding-bottom: 30px; text-align: justify; font: 14px/17px comic sans ms, arial, helvetica; background: #ffffff url(images-gen/background-0508_mirror.jpg) center no-repeat fixed; }
body.plans { background: #ffffff url(images-gen/background-0508_mirror_light.jpg) center no-repeat fixed; }
body.homeplans, body.partners { background: #ffffff; }
body.contact { background: #ffffff url(images-gen/carte-bc-usa-b-70percent.gif) 98% 60% no-repeat fixed; }

img.png { behavior: url(images-gen/iepngfix.htc); }


* a { text-decoration: none; padding: 0 2px; } 
* a:link { color: #224400; } 
* a:visited { color: #445522; } 
* a:hover { color: #889955; } 
* a:active { color: #ddee99; } 
* a.txt:link, * a.txt:visited { white-space: nowrap; } 
* a.txt:hover, * a.txt:active { } /* background: #eeeecc; */
* a.img { text-decoration: none; padding: 10px; background: transparent; } 

table.planphoto, table.partner { float: left; width: 369px; height: 220px; text-align: left; margin: 5px 5px 5px 0; font-size: 14px; line-height: 16px; } 
table.planphoto th { margin: 0; padding: 0; } 
table.planphoto td { vertical-align: top; } 
table.planphoto td.img { width: 160px; padding-right: 8px; } 
table.partner { width: 360px; height: 110px; margin-right: 10px; } 
table.partner td.img { width: 120px; padding-right: 8px; } 
body.homeplans table.main td { text-align: center; padding: 0; } 

div.nav2 { position: fixed; z-index: 1; left: 1%; top: 43%; text-align: center; } 
body.aboutus div.nav2 { top: 48%; } 
div.nav2 ul { white-space: nowrap; margin-left: 0; padding-left: 2em; text-align: left; font: bold 15px/24px comic sans ms, arial, helvetica; } 
div.nav2 ul li { margin-left: 10px; } 
div.nav2 ul ul#sub { position: relative; margin: 1px; margin-left: -15px; padding-left: 0px; list-style-type: none; font-size: 13px; } 
div.nav2 img { margin: 5px auto; } 
table.main { margin: 0; } 
div.logo, div.logo2, div.title, div.main, div.designimages, table.main, table.emailformecho { margin-left: 25%; } 
body.index div.main, body.aboutus div.main, div.logo, div.logo2, div.title { width: 40%; max-width: 488px; } 
div.designimages { margin-top: 40px; padding-top: 3%; width: 30%; } 
div.designsteps { clear: right; float: right; width: 40%; margin: 0; padding: 0 2% 10px 0; } 
div.logo2 { height: 150px; background: url(images-gen/bg-043-500x354.jpg) right bottom no-repeat; } /* logo.gif */
body.contact div.logo2 { background: url(images-gen/bg-043-500x354-0.jpg) right bottom no-repeat; } 
body.contact div.logo2, body.contact div.title { width: 440px; } 
body.index div.logo, body.aboutus div.logo { height: 300px; margin-bottom: 5px; background: url(images-gen/bg-043-500x354.jpg) right bottom no-repeat; } 
body.aboutus div#ankepng { position: absolute; z-index: 0; left: 10px; top: 0; width: 20%; height: 300px; overflow: hidden; margin: 0; padding: 0; background: url(images-gen/Anke-Germany-08-017-sm-d.png) center bottom no-repeat; } /* width: 32%;  */
div.title { margin-top: 10px; margin-bottom: 20px; background: url(images-gen/loghome-lineright_shade.gif) right top no-repeat; } 
div.title h3 { margin-top: 0px; text-align: center; } 
div.main, table.main { position: relative; z-index: 2; padding-bottom: 10px; font-size: 16px; line-height: 19px; } /* div.designsteps, */
body.subprojects table.main { width: 65%; } 
body.index div.main { padding-top: 120px; background: url(images-gen/bg-photos2.jpg) center top no-repeat; } 
body.aboutus div.minis { margin-left: 25%; width: 74%; padding: 50px 0; background: url(images-gen/bg-photos1_b.jpg) left top no-repeat; } 

div.imgl, div.imgr { float: left; text-align: center; margin: 10px; padding: 10px; } 
div.imgr { float: right; } 
body.projects div.imgl { margin-left: 0; padding-left: 0; } 
body.subprojects table.main div.imgl { width: 320px; } 
body.plans div.imgl { margin-left: 0; padding-left: 0; } 
body.aboutus div.imgr { position: absolute; z-index: 1; right: 5px; margin: 0; margin-top: 60px; width: 32%; overflow: hidden; padding: 10px; } 

h1 { font: 20px/24px comic sans ms, arial, helvetica; }
h2.imgtitle { margin-bottom: 0; }
body.subprojects div.main h2 { margin: 0; }
h3 { clear: both; text-align: left; margin: 0; padding: 0; font-size: 15px; } 
h3.title { font: 18px/24px comic sans ms, arial, helvetica; }
h3.texte { clear: right; margin: 20px 0 10px 0; }
p { margin: 0px 0px 7px 0px; }
p.subnav { margin-top: 30px; }

* img { text-decoration: none; border: none; margin: 0; background: transparent; } 
div.imgl img, div.imgr img { float: none; margin: auto; }
h2 img, th img, img.text { margin: 0; } 
h3 img { margin: 0 0 0 4px; } 
img.planphoto { float: left; margin: 0; } /* pas nécessaire? */
body.homeplans table.main td img { margin: 0 20px 30px 0; } 

img#index1, img#index2, img#index3, img#ad { position: absolute; z-index: 1; right: 2%; } 
img#index1 { margin-top: 140px; } /* 5% */
img#index2 { margin-top: 320px; } /* 25% */
img#index3 { margin-top: 520px; right: 6%; } /* 40% */
img#ad { top: 20px; right: 3%; } 

/* 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 #ddc; border-top: solid 4px #ddc; border-right: solid 4px #bba; border-bottom: solid 4px #bba; background: #f9f9f9; }
div#ecrancourant p.ferme { position: absolute; z-index: 2; margin: -5px; padding: 5px; font: bold 12px/14px arial, helvetica; color: #333; background: #f9f9f9; }
div#ecrancourant a { padding: 0; }
div#ecrancourant img { margin: 0 auto; min-height: 215px; }

/* dans glisse */
div.defileh { position: relative; overflow: auto; z-index: 2; width: 95%; height: 150px; margin: 0; padding: 0; border: solid 1px #f0f0f0; }
div ul.ongletmini { position: absolute; margin: 2px; padding: 2px; }
div.defileh ul.ongletmini { width: 640px; }
div.defileh ul#slideexteriorloghomes { width: 3100px; }
div.defileh ul#slideexteriortimber { width: 1250px; }
div.defileh ul#slideexteriorconventional { width: 400px; }
div.defileh ul#slideinteriorloghomes { width: 2900px; }
div.defileh ul#slideinteriortimber { width: 1700px; }
div.defileh ul#slideconstructionloghomes { width: 6500px; }
div.defileh ul#slideconstructiontimber { width: 1600px; }
div.defileh ul#slideconstructionconventional { width: 400px; }
div.defileh ul.ongletmini img { border: none; }
div.defileh ul.ongletmini li:hover, div.defileh ul.ongletmini li.survole { background: #e0eee0; } /* 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: #c0ccc0; } /* 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: #663; }
ul.ongletmini p a { margin: 0; padding: 2px 0px; }

table.contactinfo { color: #114411; position: relative; z-index: 1; clear: right; margin: 4% 0 30px 0; width: 440px; text-align: left; font: bold 16px/22px book antiqua, arial, helvetica; background: url(images-gen/bg-contactinfo.gif) bottom center no-repeat; } 
table.contactinfo th { vertical-align: bottom; text-align: center; padding: 5px; padding-bottom: 110px; } /* padding-bottom lié avec le td total = 155px */
table.contactinfo td { vertical-align: bottom; padding: 0 5px 0 18px; }
table.contactinfo tr.contact td { padding-bottom: 45px; }
div.emailform { color: #114411; position: relative; z-index: 1; clear: both; margin: 0; font: bold 16px/22px book antiqua, arial, helvetica; } 
div.emailform p { background: #ffffff; }
table.emailformecho { color: #114411; position: relative; z-index: 1; } 
table.emailformecho td { padding: 0 20px; } 

table.copyrights { position: fixed; z-index: 0; left: 0; bottom: 0; margin: 0; padding: 0; }
table.copyrights p { margin: 2px; padding: 0 10px; font: 12px/14px comic sans ms, arial, helvetica; }



/* 
// (C) 2004 - 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. 
*/