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, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } :focus { outline: 0 } ol, ul { list-style: none } table { border-collapse: separate; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: """"; font-family: times } a { text-decoration: none } body { background-color: black; line-height: 1 } #wrapper { width: 960px; margin: 0 auto 0 auto; position: relative } #header { height: 135px; display: block; } #header h1 img { margin-top: 15px } #navigation { position: absolute;
left: 0 } #navigation li { float: left; display: inline; margin-right: 20px; width: 120px } #mainnav { background: url(img/mainnav.png) repeat-x; width: 960px; height: 35px } #subnav { width: 956px; height: 35px; margin-top: -3px; border-left: 2px #262626 solid; border-right: 2px #262626 solid } #mainnav li { margin-bottom: 5px } #subnav li { margin-top: 5px } li.hassub a { padding-right: 0px; background: url(img/triangle.png) no-repeat 95%  15px } #navigation  a { font-size: 24px; color: white; padding: 3px 20px 5px 10px } #navigation  li:hover a { color: grey } #navigation #active a { border-left: 2px #262626 solid; border-top: 2px #262626 solid; border-right: 2px #262626 solid; padding-bottom: 9px; background-color: black } #mainnav a { font-size: 24px } #subnav a { font-size: 18px } #content { color: white; margin-top: 90px; border-left: 2px #262626 solid; border-right: 2px #262626 solid } div.accueilcss { background: url(img/accueil-background.jpg) no-repeat; height: 615px } div.quisuisje { height: 900px;
background: url(img/a-propos-franck-mantel.jpg) no-repeat; } div.palmares { height: 965px; background: url(img/mantel-ultra-running.jpg) no-repeat; } div.scientific { height: 840px; background: url(img/mantel-yyy.jpg) no-repeat; } div.anecdotes { height: 1400px; background: url(img/mantel-zzz.jpg) no-repeat; } div.procedures { height: 800px; background: url(img/mantel-xxx.jpg) no-repeat; } div.prestations { height: 728px; background: url(img/mantel-grl.jpg) no-repeat; } div.plans { height: 1200px; background: url(img/mantel-qqq.jpg) no-repeat; } div.competences { height: 1163px; background: url(img/mantel-rrr.jpg) no-repeat; } div.contact { height: 900px; background: url(img/mantel-hln.jpg) no-repeat; } div.partenariat { height: 583px; background: url(img/franck-xavier.jpg) no-repeat; } div.prepa{ background: url(img/preparation-mentale-trail.jpg) no-repeat; height: 900px; } div.merci div#text { width: 520px } div.contact p { } #text { width: 425px; padding: 10px } div.quisuisje div#text { width: 400px;
padding: 10px } div.scientific div#text { width: 520px; padding: 10px } div.anecdotes div#text { width: 600px; padding: 10px } div.procedures div#text { width: 620px; padding: 10px } div.plans div#text { width: 645px; padding: 10px } div.competences div#text { padding: 10px; width: 415px } div.contact div#text { margin-left: 80px; width: 650px } div.legal div#text { width: 900px } div.partenariat div#text { width: 400px } div.prestations div#text { width: 460px } #text h2 { font-size: 36px; margin-bottom: 12px; font-weight: bold; text-transform: uppercase; font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif } #text h3 { font-size: 24px; margin: 12px 0 8px 0; font-weight: bold; font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; font-style: italic } #text p, #text li { font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; font-family: Cambria, Georgia, Times, “Times New Roman”, srif; font-size: 18px; line-height: 24px; margin: 0 0 9px 0 } #text p+p { text-indent: 1em }
div.contact div#text p+p { text-indent: 0 } div.contact div#text p label { vertical-align: top; top: 0 } div.contact div#text input, div.contact div#text textarea { width: 300px; margin-left: 10px; vertical-align: top } div.contact div#text input:focus, div.contact div#text textarea:focus { border: 2px solid #900 } div.contact div#text p { display: block; text-align: right; background-color: black; opacity: 0.7; padding: 5px; vertical-align: top; line-height: 1em } form { width: 630px; height: 400px; border: 1px #242424 solid; padding: 10px } input#button { height: 30px } ul.errorlist li { color: red; list-style-type: none } #text h2.slogan { margin-top: 50px; text-indent: -9999px; height: 100px; width: 400px; background: transparent url(img/slogan.png) no-repeat } #text p.intro { font-size: 24px; margin: 24px 0 24px 0 } #text li { list-style: disc inside } #footer { padding: 20px 0 50px 0; background: black url(img/footer-background.png) repeat-x 0 170px } #footer h4 { font-size: 18px; color: white;
border-top: 1px #454545 solid; border-bottom: 1px #262626 solid; padding: 5px 0 5px 0 } #first h4 { border-bottom: none; text-indent: 10px } #first { float: left; width: 220px; margin: 0 20px 0 0px } #contact { float: left; width: 220px; margin: 0 0px 0 20px } #partenaires, #web { float: left; width: 200px; margin: 0 20px 0 20px } #footer li { border-bottom: 1px #262626 solid } #footer a { color: #606060 } #footer li a { margin: 5px 0 5px 0; display: block; } #footer li:hover { background-color: #262626 } #footer li:hover a { color: #fff } #legal { float: left; margin-top: 15px } #copyright { margin-left: 10px; padding-top: 80px; color: white; clear: both; background: url(img/runup-footer.png) no-repeat right bottom } #legal li { width: 310px; float: left; color: red } table { font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif } th { font-weight: bold; padding: 15px; border-bottom: white 2px solid } td { padding: 10px 5px; border-bottom: white 1px solid } tr { margin-top: 10px } #text blockquote {
float: right; top: 270px; text-align: right; width: 300px; padding: 10px; opacity: 0.7; background-color: black } #text blockquote p { font-size: 24px; text-indent: -10px } #text blockquote p+p { font-size: 18px; font-style: italic; text-indent: 0 } ul ul { margin-left: 20px } #text a { color: white } #evitement { position: absolute; top: 3px } #evitement li { float: left; margin-left: 10px; font-size: 12px } #evitement li a { color: #606060 } #evitement li a:hover { color: #808080 }