/* Style sheet for COPQ */ /* By Natmark-Concept inc. Copyright - All rights reserved. */ body { margin:10px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */ color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #00577B; font-size: 11px; } img { border: 0px; } html { overflow-y: scroll; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */ #outerframe { width:760px; margin:0px auto; /* Right and left margin widths set to "auto" */ background-color: #00577B; background-image: url(../images/bck-vert-lines.gif); background-repeat: repeat-y; color: #303030; } /* Menu vertical gauche */ .menu { background-color: #CCDEE6; display: block; width: 182px; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align: left; margin-left: 14px; color: #00577B; text-decoration: none; font-size: 11px; font-weight: bold; } .certification { color: #00577B; background-color: #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; margin: 10px 8px 0px 16px; text-decoration: none; font-size: 11px; font-weight: normal; border: 1px solid #00577B; border-collapse: collapse; padding: 6px; } /* Boutons de sections principales - OFF - */ a.mainmenuoff:link { display: block; width: 164px; background-image: url(../images/bkg-mainlink-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } a.mainmenuoff:visited { display: block; width: 164px; background-image: url(../images/bkg-mainlink-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } a.mainmenuoff:hover { display: block; width: 164px; background-image: url(../images/bkg-mainlink-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } a.mainmenuoff:active { display: block; width: 164px; background-image: url(../images/bkg-mainlink-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } /* Boutons de sections principales - ON - */ a.mainmenuon:link { display: block; width: 164px; background-image: url(../images/bkg-mainlink-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } a.mainmenuon:visited { display: block; width: 164px; background-image: url(../images/bkg-mainlink-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } a.mainmenuon:hover { display: block; width: 164px; background-image: url(../images/bkg-mainlink-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } a.mainmenuon:active { display: block; width: 164px; background-image: url(../images/bkg-mainlink-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 2px 0px 8px 18px; font-weight: bold; } /* Ligne au-dessus des boutons de sections principales - OFF - */ a.maintopmenuoff:link { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } a.maintopmenuoff:visited { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } a.maintopmenuoff:hover { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } a.maintopmenuoff:active { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } /* Ligne au-dessus des boutons de sections principales - ON - */ a.maintopmenuon:link { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } a.maintopmenuon:visited { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } a.maintopmenuon:hover { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } a.maintopmenuon:active { display: block; width: 164px; background-image: url(../images/bkg-mainlink2-off.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; padding: 8px 0px 8px 18px; font-weight: bold; border-top: 1px solid #ffffff; } /* Sous-menu - OFF - */ a.submenuoff:link { display: block; width: 154px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } a.submenuoff:visited { display: block; width: 154px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } a.submenuoff:hover { display: block; width: 154px; background-image: url(../images/bullet-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: underline; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } a.submenuoff:active { display: block; width: 154px; background-image: url(../images/bullet-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: underline; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } /* Sous-menu - ON - */ a.submenuon:link { display: block; width: 154px; background-image: url(../images/bullet-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } a.submenuon:visited { display: block; width: 154px; background-image: url(../images/bullet-on.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: none; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } a.submenuon:hover { display: block; width: 154px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: underline; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } a.submenuon:active { display: block; width: 154px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; color: #00577B; background-color: #CCDEE6; text-decoration: underline; margin-left: 18px; padding: 0px 0px 8px 10px; font-weight: normal; } /* Section dontenu du site */ #content { background-color: #ffffff; line-height: 16px; color: #303030; text-align: left; margin: 18px 36px 0px 16px; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; } #content p { text-align: justify; margin-top: 4px; } #content p.center { text-align: center; } #content p.right { text-align: right; } #content h1 { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #00577B; font-weight: bold; font-size: 16px; } #content h2 { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #00577B; font-weight: bold; font-size: 14px; margin-bottom: 0px; } #content h3 { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #00577B; font-weight: bold; font-size: 12px; margin-bottom: 0px; } #content a:link { background-color: transparent; color: #00577B; text-decoration: underline; } #content a:visited { background-color: transparent; color: #00577B; text-decoration: underline; } #content a:hover { background-color: transparent; color: #00577B; text-decoration: overline; } #content a:active { background-color: transparent; color: #00577B; text-decoration: underline; } #content ul,li { margin-top: 0px; } #content .title { background-color: #ffffff; color: #00577B; font-weight: bold; margin-bottom: 0px; } #content .descriptive { margin-left: 0px; font-weight: normal; margin-top: 0px; padding-left: 25px; line-height: 16px; } #content blockquote { font-style: italic; } #content .framed { text-align: justify; border: 1px solid #00577B; border-collapse: collapse; line-height: 13px; } #content dt { background-color: #ffffff; font-size: 11px; color: #00577B; font-weight: bold; } #content dd { background-color: #ffffff; font-size: 11px; color: #303030; margin-left: 0px; padding-left: 25px; } #content hr { background-color: #ffffff; color: #00577B; width: 60%; } #content .small { background-color: #ffffff; color: inherit; font-size: 10px; } #content a.small:link { background-color: inherit; color: #303030; text-decoration: underline; font-size: 10px; } #content a.small:visited { background-color: inherit; color: #303030; text-decoration: underline; font-size: 10px; } #content a.small:hover { background-color: inherit; color: #303030; text-decoration: overline; font-size: 10px; } #content a.small:active { background-color: inherit; color: #303030; text-decoration: underline; font-size: 10px; } #content caption { background-color: #FFEECB; color: #CD9935; padding: 4px 0px 4px 14px; font-size: 14px; font-weight: bold; text-align: left; } #content .news { background-color: #FFF7E7; color: #303030; padding: 6px 14px 6px 14px; } /* Boutons CSS */ #content .btn { background-color: #FDBF2D; border: 2px solid #3E7898; padding: 3px; padding-right: 3px; font-size: 10px; font-weight: bold; } #content a.btn:link { background-color: #FDBF2D; border: 2px solid #3E7898; color: #3E7898; text-decoration: none; padding-left: 3px; padding-right: 3px; } #content a.btn:visited { background-color: #FDBF2D; border: 2px solid #3E7898; color: #3E7898; text-decoration: none; padding-left: 3px; padding-right: 3px; } #content a.btn:hover { background-color: #3E7898; border: 2px solid #3E7898; color: #FFFFFF; text-decoration: none; padding-left: 3px; padding-right: 3px; } #content a.btn:active { background-color: #3E7898; border: 2px solid #3E7898; color: #FFFFFF; text-decoration: none; padding-left: 3px; padding-right: 3px; } /* Footer */ .footer { background-image: url(../images/bkg-footer.gif); background-repeat: repeat-y; padding-top: 4px; line-height: 14px; text-align: center; color: #303030; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; background-color: transparent; } a.footer:link { background-image: none; text-decoration: none; } a.footer:visited { background-image: none; text-decoration: none; } a.footer:hover { background-image: none; text-decoration: underline; } a.footer:active { background-image: none; text-decoration: underline; } /* Couleurs */ .orange { background-color: #FDBF2D; color: #ffffff; font-weight: bold; font-size: 16px; padding: 5px; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; } .peach { background-color: #FFEECB; color: #303030; } .palepeach { background-color: #FFF7E7; color: #303030; } .white { background-color: #ffffff; color: #303030; }