/*////////////////////////////////// // Default Style // by Michel Pen // revised 20/06/08@9:21 AM //////////////////////////////////*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } img { vertical-align: middle; } /* DEFAULT STYLE STARTS HERE */ body {background: #c3c3c4 url("/images/grid_bg_1.gif") 0px 0px; font-family: "Arial, Tahoma, Helvetica, Verdana"; color: #4c4c4d;} .fl {float: left;} .fr {float: right;} .cb {clear: both;} a {color: #000;} a:hover {color: #8a1e04; text-decoration: none;} /* LAYOUT */ #global {margin: 0 auto; font-family: "Arial"; width: 988px; padding-top: 30px; padding-bottom: 30px;} /* LEFT */ #left {float: left; background: #fff; width: 304px; padding-top: 5px; padding-bottom: 5px;} #left img {width: 146px; height: 127px;} .navitem {float: left; margin-top: 4px; margin-left: 4px; margin-right: 0px; margin-bottom: 7px; width: 146px; height: 127px;} /* DATA */ #data { float: left; background: #fff url("/images/data_bg_1.jpg") repeat-y 0px 0px; border: 9px solid #fff; width: 450px; } .data_bg { background: transparent url("/images/data_logobg_1.jpg") no-repeat 0px 0px; padding-bottom: 10px; } /*IE6 Height Hack Fix*/ /*\*/ * html .data_bg { height: 500px; } /**/ /* Target IE7 only */ html>body .data_bg{ *min-height: 500px; } /* end */ #pic {/* behavior: url(iepngfix.htc); */ position: absolute; margin-left: 303px; margin-top: 78px; width: 216px; height: 342px;} #section-icon {background: transparent; text-align: right;} #section-icon .icon {border-left: 9px solid #fff; border-bottom: 9px solid #fff;} #content_header {min-height: 342px;} /* AVOCAT PHOTOS */ .me_mcourville {height: 342px; background: url('/images/photos/mcourville.gif') no-repeat right bottom;} .me_mrchantal {height: 342px; background: url('/images/photos/mrchantal.gif') no-repeat right bottom;} .me_rdamour {height: 342px; background: url('/images/photos/rdamour.gif') no-repeat right bottom;} .me_mfortier {height: 342px; background: url('/images/photos/mfortier.gif') no-repeat right bottom;} .me_mbrisson {height: 342px; background: url('/images/photos/mbrisson.gif') no-repeat right bottom;} .me_baubertin {height: 342px; background: url('/images/photos/baubertin.gif') no-repeat right bottom;} .me_mbourget {height: 342px; background: url('/images/photos/mbourget.gif') no-repeat right bottom;} .me_gbrossard {height: 342px; background: url('/images/photos/gbrossard.gif') no-repeat right bottom;} .mme_sharvey {height: 342px; background: url('/images/photos/sharvey.gif') no-repeat right bottom;} .mme_ndeziel {height: 342px; background: url('/images/photos/ndeziel.gif') no-repeat right bottom;} .mme_sdesnoyers {height: 342px; background: url('/images/photos/sdesnoyers.gif') no-repeat right bottom;} .mme_srrobichaud {height: 342px; background: url('/images/photos/srrobichaud.gif') no-repeat right bottom;} .mme_kkhelfa {height: 342px; background: url('/images/photos/kkhelfa.gif') no-repeat right bottom;} .mme_mhovington {height: 342px; background: url('/images/photos/mhovington.gif') no-repeat right bottom;} .mme_agagne {height: 342px; background: url('/images/photos/agagne.gif') no-repeat right bottom;} .me_cpaulhus {height: 342px; background: url('/images/photos/cpaulhus.gif') no-repeat right bottom;} .mme_iallard {height: 342px; background: url('/images/photos/iallard.gif') no-repeat right bottom;} .mme_clarose {height: 342px; background: url('/images/photos/clarose.gif') no-repeat right bottom;} .mme_mbergeron {height: 342px; background: url('/images/photos/mbergeron.gif') no-repeat right bottom;} .mme_jlacasse{height: 342px; background: url('/images/photos/jlacasse.gif') no-repeat right bottom;} .me_dlariviere{height: 342px; background: url('/images/photos/dlariviere.gif') no-repeat right bottom;} .me_boyer{height: 342px; background: url('/images/photos/pmboyer.gif') no-repeat right bottom;} .me_jsmichaud{height: 342px; background: url('/images/photos/jsmichaud.gif') no-repeat right bottom;} .me_nfalardeau{height: 342px; background: url('/images/photos/snfalardeau.gif') no-repeat right bottom;} .mme_mcmorel{height: 342px; background: url('/images/photos/mcondrain-morel.gif') no-repeat right bottom;} .mme_ccdussault{height: 342px; background: url('/images/photos/ccantin-dussault.gif') no-repeat right bottom;} .me_pbourbeau{height: 342px; background: url('/images/photos/pbourbeau.gif') no-repeat right bottom;} .mme_mllefebvre{height: 342px; background: url('/images/photos/mllefebvre.gif') no-repeat right bottom;} .me_pplouffe {height: 342px; background: url('/images/photos/pascal_plouffe.gif') no-repeat right bottom;} /* SOUS-MENU */ #submenu li, #content_header p {padding-left: 20px; padding-right: 20px;} #submenu {padding-top: 200px; font-size: 12px; font-weight: bold; margin-bottom: 10px; width: 350px;} #politiqueconfidentielle #submenu {width: auto;} #equipe #submenu {width: auto;} #submenu li, #notice li {margin-top: 10px;} #submenu .big {font-size: 20px; color: #8a1e04; text-decoration: none;} #submenu a {color: #4c4c4d; text-decoration: none;} #submenu a:hover, #notice a:hover {color: #8a1e04; text-decoration: none;} #submenu .chapeau p {font-family: "Times New Roman"; font-size: 16px; font-weight: normal; margin-top: 6px; font-style: italic; text-align: right;} /* NOTE DE BAS DE PAGE */ #notice ul {margin-top: 180px; margin-bottom: 10px;} #plansite #notice ul {margin-top: 90px;} #notice li {background: transparent url('/images/red_arrow_1.gif') no-repeat 0px center; padding-left: 20px; font-size: 12px;} #notice a {text-decoration: underline; color: #333333; font-weight: bold;} /*IE6 Height Hack Fix*/ /*\*/ * html #notice ul { margin-top: 325px; } /**/ /*IE6 Height Hack Fix*/ /*\*/ * html #plansite #notice ul { margin-top: 120px; } /**/ #content_header #submenu p {line-height: 14px;} #content_header p {} #content_header .thick {font-weight: bold; font-size: 16px; text-transform: uppercase; line-height: 20px;} #content_header .style2 {color: #000;margin-top : 10px; margin-bottom: 10px; font-size: 14px; line-height: 16px;} #content {font-size: 12px;} #content h1 {color: #fff; text-transform: uppercase; background: #8a1e04; padding: 4px; font-size: 14px;} #content h2 {color: #000; font-size: 12px; margin-top: 10px;} #content p {color: #000; padding: 7px; line-height: 16px;} #content_header .avocat_name {font-weight: bold; font-size: 14px; text-transform: uppercase;} #content_header .avocat_info {font-size: 12px; font-weight: normal; color: #4c4c4d; padding-top: 3px;} #content_header .avocat_title {font-size: 12px; font-weight: bold; font-style: italic; color: #4c4c4d; padding-top: 3px;} #content p, #content h1, #content h2, #content .ulstyle1 {padding-left: 20px; padding-right: 20px;} #content ul {list-style: disc; color: #000; list-style-position: inside; padding: 7px;} #content li {margin-top: 4px; margin-bottom: 4px;} #content .ulstyle1 {padding-top: 0px; padding-bottom: 0px;} #content .ulstyle1 li {margin-top: 2; margin-bottom: 2;} #content .lvl1 { margin-left: 15px; font-weight: bold;} #content .lvl2 { margin-left: 40px; font-weight: normal;} #content .linksul {list-style-position:outside; margin-left: 23px; margin-right: 10px;} #content .linksul li {margin-bottom: 10px; line-height: 14px;} #content2 {font-size: 12px;} #content2 h1 {color: #fff; text-transform: uppercase; background: #8a1e04; padding: 4px; font-size: 14px;} #content2 h2 {color: #000; font-size: 12px; margin-top: 10px;} #content2 p {color: #000; padding: 7px; line-height: 16px;} #content_header .avocat_name {font-weight: bold; font-size: 14px; text-transform: uppercase;} #content_header .avocat_info {font-size: 12px; font-weight: normal; color: #4c4c4d; padding-top: 3px;} #content_header .avocat_title {font-size: 12px; font-weight: bold; font-style: italic; color: #4c4c4d; padding-top: 3px;} #content2 p, #content2 h1, #content2 h2, {padding-left: 20px; padding-right: 20px;} #content2 .ulstyle1 {padding-left: 20px; padding-right: 20px;} #content2 ul {list-style: disc; color: #000; list-style-position: inside; padding-left:2px; margin:0; } #content2 li {margin-top: 4px; margin-bottom: 4px; padding-left:2px} #content2 .ulstyle1 {padding-top: 0px; padding-bottom: 0px;} #content2 .ulstyle1 li {margin-top: 2; margin-bottom: 2;} #content2 .lvl1 { margin-left: 15px; font-weight: bold;} #content2 .lvl2 { margin-left: 40px; font-weight: normal;} #content2 .linksul {list-style-position:outside; margin-left: 25px; margin-right: 10px;} #content2 .linksul li {margin-bottom: 10px; line-height: 14px;} /* RIGHT */ #right {font-family: "Arial"; float: left; padding-top: 30px; color: #fff; width: 185px;} #right a {color: #fff;} #right_data {font-size: 12px;} #right_data h2 {font-size: 14px; background: transparent url('/images/red_arrow_2.gif') no-repeat 0px center; padding-left: 15px;} #right_data ul {margin-top: 15px; padding-left: 29px;} #right_data li {list-style-image: url("/images/arrow_1.gif"); list-style-position: outside; line-height: 14px; margin-top: 12px;} /* RIGHT SOUS-MENU (LISTE) */ #right_nav {font-weight: bold; font-size: 11px; text-transform: uppercase; padding-bottom: 10px; padding-right: 0px; background: #8a1e04; border: 9px solid #fff; margin-top: 60px; border-left: 0px;} #right_nav h2 {padding: 7px; padding-left: 10px; padding-bottom: 0; font-size: 14px;} #right_nav ul {margin-top: 10px;} #right_nav .rightnav_active {font-size: 12px; text-transform: none; font-weight: normal; text-decoration: underline;} #right_nav li {padding-left: 10px; line-height: 18px;} #right_nav a {display: block; width: 190px;/*needs to respecify width for ie6*/ color: #fff; text-decoration: none;} #right_nav a:hover {color: #eee; text-decoration: underline;}