/* Browser-reset CSS */

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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

table {

    border-collapse: separate; border-spacing: 0;

}

th, td {

    vertical-align: top;

}

body {

	font-family: Helvetica, Arial, sans-serif; color: #484848; background: url(../img/main_bg.png) repeat-x #f8f6f7;

}

/* usual selectors */

a {

    color: #484848; text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

b {

    font-weight: 800;

}

h1 {

    font-family: "DIN-Light", Helvetica, Arial, sans-serif; font-size: 22px;

}

h1 bold {

    font-family: "DIN-Bold", Helvetica, Arial, sans-serif;

}

h2 {

    font-family: "DIN-Light", Helvetica, Arial, sans-serif; font-size: 21px; color: #0068c4; margin: 4px 2px;

}

h3 {

    font-size: 18px; color: #0068c4;

}

h4 {

    margin: 2px 0; font-size: 15px;

}

h5 {

    float: left; clear: left; font-weight: bold; margin: 2px 0; min-width: 70px; font-size: 13px; padding: 0;

}

p {

    margin: 2px 0; font-size: 13px;

}

p, h2, h3, h4, h5 {

    text-shadow: 1px 1px 1px #ffffff;

}

/* Frequently-used classes */

.highlight {

    background: #fff080;

}

div.pad {

    padding: 10px;

}

ul.floatlist {

    float: left; list-style: none;

}

.floatlist li {

    float: left;

}

div.fl, li.fl, p.fl, img.fl {

    float: left;

}

div.fr, li.fr, p.fr, img.fr {

    float: right;

}

.clear {

    clear: both;

}

.li_h2 {

    border-bottom: 1px solid #484848; margin: 5px 0;

}

.li_media {

    margin: 10px;

}

.img_media {

    background: #000000; border: 2px solid #ffffff; padding: 1px;

}

.under, a.under {

    text-decoration: underline;

}

a.under:hover {

    text-decoration: none;

}

.blue, a.blue {

    color: #0068c4;

}

.pink, a.pink {

    color: #ff3b77;

}

.b, a.b {

    font-weight: bold;

}

.bigmargin {

    margin: 10px 0;

}

.bulle_annot, .bulle_people {

    float: right; width: 18px; height: 10px; font-size: 9px; margin: 3px 0 0; padding: 1px 0 2px 10px; color: #ffffff; text-align: center; overflow: hidden;

}

.bulle_annot {

    background: url(../img/bulle_annot.png);

}

.bulle_people {

    background: url(../img/bulle_people.png);

}

.font_16 {

    font-size: 16px;

}

.font_11 {

    font-size: 11px;

}

.btn {

    border: 1px solid #c0c0c0; padding: 5px; font-size: 14px; font-weight: bold;

}

.btn a {

    color: #606060;

}

/* General container */

#general_container {

    width: 960px; margin: 0 auto;

}

/* Barre de titre */

#title_bar {

    font-family: "DIN-Light", Helvetica, Arial, sans-serif; height: 50px; font-size: 22px; margin: 0 0 1px 0;

}

#title_bar a {

    color: #ffffff;

}

#title_bar li {

    height: 38px; margin: 0; padding: 10px 20px 0; background: url(../img/sep_title.png) right no-repeat;

}

li#li_h1 {

    padding-left: 0; width: 210px;

}

#form_search {

    position: relative; width: 378px; margin: 2px 0; height: 20px; border: 1px solid #000000; background: url(../img/search_icon.png) left no-repeat #ffffff;

}

#search_text {

    position: absolute; top: 0; left: 25px; width: 250px; height: 20px; border: 0; padding: 0;

}

#search_submit {

    position: absolute; top: 0; right: 0; height: 16px; width: 100px; font-size: 12px; color: #ffffff; background: #0068c4; border: 0; margin: 2px; padding: 0; text-align: center;

}

#annot_icon {

    margin: 3px 10px 0 0;

}

/* Footer */

#footer {

    float: right; list-style: none; border-top: 1px solid #484848; padding: 10px; width: 940px; /* 960 - padding */

}

#footer li {

    font-size: 12px; float: right; padding: 5px 20px; border-right: 1px solid #484848;

}