/* @group CSS Reset */
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, sup, 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; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }
/* @end */

body { background-color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #000; text-align: center; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

/************************************/
/* GENERIC                          */
#wrapper { margin: 0 auto 80px auto; padding: 0; width: 940px; text-align: left; overflow: hidden; position: relative; }
#content { overflow: hidden; margin: 0; width: 940px; }
div.one-col { float: left; margin: 0 1.25em 3em 0; width: 440px; }
div#left-col.one-col { padding: 0 0 0 1.25em; }
div#right-col.one-col { margin: 0; padding: 0 1.25em 0 0; }
p { margin: 0 0 1em 0; font-size: 1.25em; line-height: 1.2em; text-align: justify; text-transform: uppercase; }

/************************************/
/* HEADER                           */
#logo { margin-bottom: 1.125em; }
#logo a { display: block; width: 940px; height: 132px; text-indent: -5000px; background: #ED2124 url("../images/sprite-button.png") left top no-repeat; }

/************************************/
/* H1 TITLES                        */
h1 { width: 940px; height: 50px; margin: 0 0 1.25em 0; text-indent: -5000px; background: transparent url("../images/sprite-button.png") left top no-repeat; }
body.contact h1 { background-position: left -132px; }
body.droit-d-utilisation h1 { background-position: left -182px; }
body.devenez-supporter h1 { background-position: left -232px; }

/************************************/
/* IMAGE LIST                       */
#image-list { overflow: hidden; width: 960px; margin-bottom: 6px; }
#image-list li { float: left; margin: 0 1.25em 0.75em 0; width: 140px; height: 94px; }
#image-list li a { display: block; }

#news-block { width: 940px; margin: 0 0 1.25em 0; background-color: #5e041e; }

/************************************/
/* FOOTER                           */
#footer { position: fixed; left: 0; bottom: 0; padding: 0.25em 0 0 0; width: 100%; background-color: #FFF; text-align: center; }
#menu { overflow: hidden; margin-bottom: 0.5em; width: 940px; margin: 0 auto; }
#menu li { float: left; }
#menu li a { display: block; width: 460px; height: 51px; text-indent: -5000px; background: #ED2124 url("../images/sprite-button.png") left top no-repeat; }
#menu li#devenez-supporter { margin-right: 1.25em; }
#menu li#devenez-supporter a { background-position: left -282px; }
#menu li#les-supporter a { background-position: -460px -282px; }
#secondary-links { overflow: hidden; margin: 0 auto; padding: 0 0 0.5em 1em; width: 940px; text-align: left; }
#secondary-links li { float: left; margin-right: 0.625em; width: 458px; }
#secondary-links li.lang { text-align: right; margin-right: 0; }
#secondary-links li a { font-size: 0.625em; text-transform: uppercase; }

/************************************/
/* PAGE : HOME                      */
#introduction { padding: 0 1.1em 1em 1.1em; }
#introduction p { font-size: 1.25em; line-height: 1.2em; text-align: justify; text-transform: uppercase; }
/* PAGE : DROITS D'UTILISATION      */
body.droit-d-utilisation div.one-col p { font-size: 0.75em; }
/* PAGE : DEVENEZ SUPPORTER        */
body.devenez-supporter div.one-col { width: 580px; }
body.devenez-supporter h2 { margin: 0 0 0.8em 0; font-size: 1.4375em; text-transform: uppercase; }
body.devenez-supporter p { font-size: 1em; }
body.devenez-supporter p.important { font-weight: bold; color: #ED2124; }
body.devenez-supporter p strong { font-weight: bold; }
body.devenez-supporter p span { font-size: 0.75em; line-height: 1.17em; }
/* PAGE : UN SUPPORTER             */
body.un-supporter .supporter { float: left; width: 620px; margin: 0 1.25em 3em 0; }
body.un-supporter .supporter img { margin: 0 0 2em 0; }
body.un-supporter .supporter .detail { padding: 0 1em; font-size: 0.8em; }
body.un-supporter .navigation { margin: 0; }
body.un-supporter .navigation li { float: left; width: 140px; text-align: center; }
body.un-supporter .navigation li a:hover { text-decoration: none; }
body.un-supporter .navigation li img { margin: 0 0 0.3125em; }
body.un-supporter .navigation li.prev { margin: 0 1.1875em 0 0; }

/************************************/
/* DEVENEZ SUPPORTER                */
.col { float: left; width: 460px; font-size: 0.625em; }
.col-first { margin-right: 20px; }
.col-second { }

.last-supporter { background-color: #ED2124; width: 940px; margin-bottom: 1.5em; text-align: center; }