/** * * * Author : Nicole Sullivan, acting under duress for ericP * * A. LIBRARIES (reset.css et fonts.css) * * B. PAGE LAYOUT * * C. GRIDS * * D. USEFUL CLASSES * * E. CONTENT * * F. BLOCK STRUCTURES * * G. BLOCK SKINS * * H. JAVASCRIPT * * **/ /* beeping keychain styles for dr. prud */ {text-decoration:blink;} /* **************** A. LIBRARIES ***************** */ /*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;_font-size:97.59%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} /*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;} /* **************** B. PAGE LAYOUT ***************** */ body{text-align:center; background-color:#fff; color:#7d7d7d;} #page{position:relative; text-align:left;font-family: Trebuchet ms, Arial, Verdana, sans-serif; text-align:left;} #main{overflow:hidden; _overflow:visible; zoom:1; } #body{zoom:1; overflow:hidden; _overflow:hidden; z-index:50;position:relative; width:950px; margin-left:auto; margin-right:auto; padding-top:20px} #leftColumn{float:left; width: 297px; margin-right:33px; _margin-right:30px;} #mainInside{min-height:40px; _height:40px;} /* ====== head ====== */ #headMain{background-color: #fff; width:950px; margin:0 auto; min-height:101px; } /* main navigation */ #navigation{text-align:center;/*height:15px;*/background-color:#265C93;overflow:hidden; _overflow:visible;} #navigation ul{width:950px;margin:0 auto;} #navigation li{float:left;width: 20%;} #navigation li a{display:block; padding: 6px 0; } #navigation li a:visited, #navigation li a:link{color: #D7FFFD; text-decoration:none;} #navigation li a:focus, #navigation li a:hover{color:#fff;background-color:#993300; text-decoration:none; border-color: #ccc; border-width: 1px;} #header #navigation li.current a{color:#1a2600;background-color:#FFF; text-decoration:none; padding:4px 0;} #navigation li.current {/*position:relative;*/} #navigation li.current a{z-index:99; color:#1a2600 !important; background-color:#FFF !important; cursor: text;} #navigation li a:active{color:#336699;} /* **************** C. GRIDS ***************** */ /* The last block in any line should have the following classes: "unit sizeXonX lastUnit" */ .line, .lastUnit {overflow: hidden;_overflow: visible; zoom:1;} .unit{float:left;margin-right:10px; zoom:1;} .size1on1{float:none;margin-right:0; width:auto} .size1on2{width:49%;_width:49% !important;}/* verify pourcentage */ .size1on3{width:32.3%;_width:32.3% !important;} .size2on3{width:66%;_width:66% !important;} .size1on4{width:23.8%;_width:23.8% !important;} .size3on4{width:74.8%;_width:74.8% !important;} .size1on5{width:18.8%;_width:18.8% !important;} .size2on5{width:39%;_width:39% !important;} .size3on5{width:58%; _width:58% !important;} .size4on5{width:78%; _width: 78% !important;} .lastUnit {float:none; _float:right; display:block; width:auto !important; zoom:1; margin-right:0 !important;} /* **************** D. USEFUL CLASSES ***************** */ /* ====== margins et paddings ====== */ /* ----- block padding ----- */ .vSpace{margin-top: 10px; margin-bottom:10px;} .tSpace{margin-top: 10px;} .bSpace{margin-bottom:10px;} /* ----- content padding ----- */ .pdgStandard{padding:4px 8px} /* margin */ .margin0{margin:0 !important} .tMargin0{margin-top:0 !important} .rMargin0{margin-right:0 !important} .bMargin0{margin-bottom:0 !important} .lMargin0{margin-left:0 !important} .hMargin0{margin-left:0 !important;margin-right:0 !important} .vMargin0{margin-top:0 !important;margin-bottom:0 !important} /* **************** E. CONTENT ***************** */ /* ====== Simple content ====== */ ul, form, ol, hr,pre{margin:10px;} h1, h2, h3, h4, h5, h6{margin: 10px 10px 0 10px;} p{margin: 0 10px 10px 10px;} strong{font-weight:bold;} em{font-style:italic;} a {color:#265C93;} sup {line-height:normal; vertical-align:baseline; position:relative; top:-0.5em;} ol{list-style-type:decimal; padding-left:20px;} /* ====== Headings ====== */ /* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels */ h1, .h1{font-size:182%; font-weight:normal; font-style: none; color:#265c93; /* 182% */} h1 strong, .h1 strong{color:#404040; font-size:91.76%;display:block; font-weight:normal;} h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#404040;} h3, .h3{font-size:153.9%; font-weight:normal; font-style: normal; color:#993300;} h4, .h4{font-size:138.5%; font-weight:normal; font-style: normal; color:#404040;} h5, .h5{font-size:123.1%; font-weight:normal; font-style: normal; color:#993300;} h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#404040;} /* links */ h1 a:link, .h1 a:link {color:#265c93; text-decoration:none;} h3 a:link, .h3 a:link, h5 a:link, .h5 a:link {color:#993300; text-decoration:none;} h2 a:link, .h2 a:link, h4 a:link, .h4 a:link, h6 a:link, .h6 a:link {color:#404040; text-decoration:none;} h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus{text-decoration:underline;} h3 a:visited{text-decoration:none;} a:link{text-decoration: underline;} a:focus, a:hover{text-decoration:none;} /* ====== images ====== */ .contentImg{border:solid 1px #cbcbcb; padding:10px;} .contentImage{display:block; margin:10px 10px 0 10px;} /* ===== Media block (image + content) ===== */ .media, .mediaExt{} .media, .media .text, .mediaExt .text, .mediaExt {overflow:hidden; _overflow:visible; zoom:1;} .media .media {float:left; margin:10px 0 0 10px; _margin:0 7px;} .mediaExt .media{float:right; margin:10px 10px 0 0; _margin:0 7px;} .media .h2, .mediaR .h2{/*font-size:137%; font-weight:bold; color:#000;*/} .wrap .text{ _float:none; overflow:visible;} .wrap .media{margin:10px !important;} /* ====== Lists =====*/ /* --- square --- */ .simpleList{padding-left: 10px;margin:10px 10px 10px 15px;} .simpleList li {list-style-type:square; list-style-image:none;} /* --- tags --- */ .tags li{display:inline;font-size: 150%;} .tags a{text-decoration:none;color: #336699;} .tags a:focus, .tags a:hover{text-decoration:underline;} .tags .freq{font-size: 200%;} .tags .rare{font-size: 120%} .tags .tool a{color: #c7da87;} .tags .team a{color:#d5b554;} /* --- Mini Feed --- */ .miniFeed{padding:0;margin:0;} .miniFeed li{list-style-type: none; position:relative;padding: 10px 10px 15px 45px;} .miniFeed span{background: transparent url(todo.png) no-repeat 0 0; height:25px; width:25px;float:left; clear:left; position:absolute; top:10px; left:10px;} /** contentclosed **/ .contenthide .show {display:none;} .contentshow .hide {display:none;} /* **************** F. BLOCK STRUCTURES ***************** */ /* ====== default block ====== */ .block{position:relative;} .inner{position:relative;zoom:1;} b.overtl {position:absolute; left:0; top:0;} .tl, .tr, .bl, .br{background-repeat:no-repeat; position:absolute; height:4px; width:4px; font-size:1%;} b.tl{background-position: left top;top:0; left:0;} b.tr{background-position: right top;top:0; right:0} b.bl{background-position: left bottom; bottom:0; left:0;} b.br{background-position: right bottom; bottom:0; right:0;} /* **************** G. BLOCK SKINS ***************** */ /* ====== block simple (thin gray) ====== */ .bSimple .inner{border:1px solid #C3C3C3;} .bSimple .tl, .bSimple .tr, .bSimple .br, .bSimple .bl{background-image:url(simple_gray_corners.png); width:7px; height:7px;} .bSimple .tl{top:-1px; left:-1px;} .bSimple .tr{top:-1px; right:-1px} .bSimple .bl{bottom:-1px; left:-1px;} .bSimple .br{bottom:-1px; right:-1px;} /* ====== background blocks ====== */ /* ---- block egp ---- */ .bEGP .inner{background-color:#f6f9fd} /* ---- bFresh --- */ .bFresh .inner{background:url(gradient_blue.png) repeat-x left bottom;} /* ====== headers & footers ====== */ .head{background: #E9E9E9 url(block_head.png) repeat-x left bottom; min-height:19px; _height:19px; padding:4px 10px; color:#000000; font-size:120%;margin:0;} .bullet{ background: url(bullet_head.png) repeat-x left top; padding:0 0 0 4px;color:#fff !important; padding: 5px 10px;} /* **************** J.. JAVASCRIPT ***************** */ html.IS_IE body .tr,html.IS_IE body .br{_right:expression(cssRight(this))} /* autres corners à corriger */ html.IS_IE body .block .inner .bl,html.IS_IE body .block .inner .br{_bottom:expression(cssBottom(this, true))} .hidecorners .bl, .hidecorners .br{display: none !important;}