/* index */ /* ------ NOTES --------------------------------------------------------------- Master Screen Style for equinoxe, http://www.equinoxe-france.com --------- UPDATE INFO --------------------------------------------------------- Last updated: 22 jan 2010 Last update made by: Stephane Langlois (stephane.langlois@particul.es) --------- CONTENTS ------------------------------------------------------------ 1: BODY AND UNIVERSAL RESET 2: GLOBAL NAVIGATION AND HEADER a) Header b) Top navigation c) Left navigation 3: PAGE STRUCTURE 4: THIRD COLUMN ---------------------------------------------------------------------------- */ /* 1: BODY AND UNIVERSAL RESET ============================================================================ */ * { } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { } body { font-family: "Comic Sans MS", "MS Trebuchet", sans-serif; font-size: 100%; color: navy; border:0 none; margin: 10px; padding:0; vertical-align:baseline; } h1 { font-weight: normal; font-size: 1.5em; text-align: center; } h2 { font-size: 1.2em; text-align: left; } h3 { font-size: 1.1em; font-weight: normal; } div, img, li, ul { } li { list-style: none; } img { border: 0; } .left, div#navigation li, div.half-left, div.tier-left { float: left; } .right, div#content div.half-right { float: right; } img.center { text-align: center;; } p { text-align: justify; } .clear { clear: both; } /* 2: GLOBAL NAVIGATION AND HEADER ============================================================================ */ div#container { width: 960px; margin: auto; border: 4px double #999; } hr.separator { clear: both; color: #F5DEB3; background-color: #F5DEB3; border: 0; height: 21px; margin: 10px 0; } /* a) Header */ h1#title-header { font-family: Arial, "MS Trebuchet", sans-serif; color: #21305C; font-size: 1.7em; margin:5px 38px 0 0; } div#bando-eqx { float: right; } div#bando-eqx img { margin: 15px 0 0 150px; } /* b) Top navigation */ div#navigation ul { font-size: .8em; } ul#nav-top li { margin: 0 120px 5px 0; } ul#nav-bottom li { margin: 0 77px 5px 0; } ul#nav-bottom li.last, ul#nav-top li.last { margin-right: 0px; } hr { clear: both; color: #CCC; background-color: #CCC; border: 0; height: 5px; margin: 4px; } .indent { text-indent: -5000px; padding: 0px; margin: 0px; } /* ) footer */ div#footer { margin: 10px 10px; } div#footer p { text-align: center; margin: 0; } div#footer p.small, div#footer p strong { font-size: .85em; } /* 3: PAGE STRUCTURE ============================================================================ */ div#content { clear: both; margin: 60px 10px 0; text-align: center; font-size: .95em; } div#content li { line-height: 30px; } .big-red { width: 450px; color: red; font-size: 1.2em; font-weight: bold; line-height: 35px; margin: 0 40px; } div#content div.full { width: 100%; float: left; margin: 20px 5px; text-align: left; } div#content div.half-left, div#content div.half-right { width: 450px; } div#content div.tier-left { width: 370px; } div#content img#solution-middle { margin: 40px 0; } /* */ div#content p { font-size:0.8em; margin:0 40px; text-align:center; width:175px; float: left; } div#content img#traceur { margin: 0; } div#content h2 { font-size:1.1em; margin:50px 0 0 150px; } img.right { margin: 0 50px; } img.left { margin: 0 50px; } /* */