/* -------------------------------------------------------------- RESET Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ 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 { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; margin:0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* -------------------------------------------------------------- typography.css * Sets up some sensible default typography. Based on work by: * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Wilson Miner [wilsonminer.com] * Richard Rutter [clagnut.com] Read more about using a baseline here: * alistapart.com/articles/settingtypeontheweb -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 12px; } /* Default fonts and colors. If you prefer serif fonts, remove the font-family on the headings, and apply this one to the body: font: 1em Georgia, "lucida bright", "times new roman", serif; */ body { color: #000; font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; /* line-height: 150% */ } h1,h2,h3,h4 { color: #000; font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 1.8em; line-height: 1; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0/*1em*/; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0/*1.25em*/; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 0/*1.5em*/; } h6 { font-size: 1em; font-weight: bold; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 0.5em;font-size:1em;text-align: justify;/*line-height: 1.2; */} p.last { margin-bottom: 0; } ul, ol { margin:0; padding: 0} ul { list-style-type: none; } ul li { padding: 0 3px 0 3px;} ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; } address { margin-top: 1.5em; font-style: italic; } del { color:#666; } a:focus, a:hover { color: #000; } /*a { color: #009; text-decoration: underline; }*/ a { color: #000; text-decoration: none; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } dfn { font-style: italic; margin: 1.5em;} em { font: 1em 'times', italic; margin: 0; padding: 2.5em} dfn { font-weight: bold; } pre,code { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { border-top: 1px solid #ccc; } th { border-bottom: 2px solid #ccc; font-weight: bold; } td { font-size: .8em; border-bottom: 1px solid #ccc; line-height: 1.2em; vertical-align:middle; padding:0 0 0 2px} tfoot { font-style: italic; } caption { background: #ffc; } /* Use this if you use span-x classes on th/td. */ table .last { padding-right: 0; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #666; } .hide { display: none; } .highlight { background:#ff0; } .added { color:#060; } .removed { color:#900; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } /* -------------------------------------------------------------- forms.css * Sets up some default styling for forms * Gives you classes to enhance your forms Usage: * For text fields, use class .title or .text -------------------------------------------------------------- */ label { font-size:1em; vertical-align:middle;} /* Fieldsets */ fieldset { padding:1em; margin: 0 0 1.5em 0; border: 1px solid #000; } legend { font-weight: bold; font-size:1.4em; padding: 0 0 0.4em 0; } input { font-size:1.2em; margin:0; padding: 0; vertical-align:middle; line-height:1.5em; } input.text { border:1px solid #bbb; background:#f6f6f6; width:180px } input.text:focus { border:1px solid #999; background:#fff; } input.num { width: 50px; } input.phone { width: 100px; } input.alpha { width: 99%; } input.title { width: 400px; } input.title { font-size:2em; } input.submit_geo { margin:0; padding: 0; vertical-align:top;font-size:0.75em;} textarea.texte { height: 250px; } textarea.petittexte { height: 150px; } textarea.descriptif { height: 50px; } textarea.descriptif_document { height: 50px; width:180px } textarea.descriptif_mail { height: 100px; width:180px; padding:1px} textarea { width: 100%; font-size:1.2em; margin:0; font-family: Arial;} textarea { border:1px solid #bbb; background:#f6f6f6; } textarea:focus { border:1px solid #999; background:#fff; } select { font-size:1.2em; border:1px solid #bbb;padding:0;margin:0;vertical-align:middle; background:#f6f6f6; width:180px; line-height: 1.5em;} select.jour { width:50px; } select.mois { width:90px; } select.annee { width:60px; } select.horaire { width:70px; } select:focus { border:1px solid #999; background:#fff; } /* Success, error & notice boxes for messages and errors. */ .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .notice { background: #FFF6BF; color: #817134; border-color: #FFD324; } .success { background: #E6EFC2; color: #529214; border-color: #C6D880; } .notice a { color: #817134; } .success a { color: #529214; } .form_error { padding:0; margin:0; color: #D12F19; font-size: 0.8em; line-height: 1em;} .form_error a { color: #D12F19; } br { padding:0; margin:0; line-height: 1em;} .form_error a /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clear { display: inline-block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { /*height: 1%;*/ } .clear { display: block; }