html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

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; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

body { background-color: #FFC; font-color: white; }

nav, header, aside, section { display: block; }

body.def { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
body.def .clear { clear: both; }
body.def .nowrap { white-space: nowrap; }
body.def .clearfix { overflow: hidden; display: inline-block; }
body.def .clearfix { display: block; }
body.def .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
body.def .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
body.def .first { margin-left: 0; padding-left: 0; }
body.def .last { margin-right: 0; padding-right: 0; }
body.def .top { margin-top: 0; padding-top: 0; }
body.def .bottom { margin-bottom: 0; padding-bottom: 0; }
body.def .showgrid { background: url('/images/grid.png?1270151802'); }
body.def .error { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
body.def .error a { color: #8a1f11; }
body.def .notice { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
body.def .notice a { color: #514721; }
body.def .success { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
body.def .success a { color: #264409; }
body.def .hide { display: none; }
body.def .highlight { background: yellow; }
body.def .added { background: #006600; color: white; }
body.def .removed { background: #990000; color: white; }
body.def #orangebar { position: absolute; background-color: #FC6; height: 41px; width: 100%; left: 0; }
body.def .container { min-width: 950px; width: 80%; margin: 0 auto; overflow: hidden; display: inline-block; }
body.def .container { display: block; }
body.def #header { position: relative; }
body.def #header #logo { height: 32px; width: 148px; margin: 4px 4px; float: left; background: url(../images/logo-heo148x32.png) no-repeat; }
body.def #header #nav-header { height: 41px; background-color: #FC6; }
body.def #header #nav-header a { font-weight: normal; color: #222222; font-size: 1.1em; color: #AA4400; text-decoration: none; }
body.def #header #nav-header ul { float: left; margin: 6px 0 0 20px; padding-top: 8px; }
body.def #header #nav-header ul li { margin: 0 2px; padding: 2px 7px 0px 7px; height: 25px; float: left; list-style: none; background-color: #ffe680; }
body.def #header #nav-header ul li:hover { background-color: #ffffcc; }
body.def #header #login-header { float: right; width: 200px; }
body.def #nav { display: inline; float: left; overflow: hidden; width: 16%; margin-right: 0.833em; clear: left; }
body.def #nav #menu { padding: 5px; }
body.def #nav #menu a { font-weight: normal; color: #222222; font-size: 1.1em; color: #F93; text-decoration: none; }
body.def #nav #menu li { list-style: none; }
body.def #nav #photo { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; align: center; margin-top: 10px; padding: 10px; background-color: #a7bf0f; }
body.def #section { display: inline; float: left; overflow: hidden; width: 62%; margin-right: 0.833em; border-left: solid 1px #FC6; padding-left: 10px; }
body.def #section #article { padding: 5px; }
body.def #section #article h1 { font-size: 1.5em; font-weight: bold; color: #36c; }
body.def #section #article h3 { clear: left; color: #330037; font-weight: bold; margin: 10px 0px 5px; }
body.def #section #article h4 { margin-bottom: 5px; }
body.def #section #article img { float: left; padding: 0 10px 5px 0; }
body.def #section #article div.sign { border-bottom: 1px solid #b7c8c4; margin-bottom: 10px; }
body.def #section #article div.sign span.auteur { font-size: 1em; font-weight: bold; }
body.def #section #article div.sign span.date { font-style: none; }
body.def #aside { display: inline; float: left; overflow: hidden; width: 16%; margin-right: 0; }
body.def #aside h3 { color: white; font-weight: bold; text-align: center; }
body.def #footer { display: inline; float: left; overflow: hidden; width: 100%; margin-right: 0.833em; margin-top: 40px; }
body.def #footer a { font-weight: normal; color: #222222; font-size: 1.1em; color: #AA4400; text-decoration: none; }
body.def #footer ul { clear: both; display: table; margin-left: auto; margin-right: auto; margin-top: 2px; padding-top: 2px; height: 23px; }
body.def #footer ul li { margin: 0; padding: 0 5px; float: left; list-style: none; }

form.article ul, form.article ol, form.article legend, form.article p { margin: 0; padding: 0; }
form.article li { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
form.article fieldset { display: block; overflow: hidden; display: inline-block; }
form.article fieldset { display: block; }
form.article abbr, form.article acronym { border: 0; font-variant: normal; font-weight: normal; }
form.article ol, form.article ul { list-style: none; }
form.article label { display: block; overflow: hidden; display: inline-block; }
form.article label { display: block; }
form.article input, form.article textarea { vertical-align: middle; }
form.article .check_boxes input, form.article .radio input { margin: 0; }
form.article .check_boxes label, form.article .radio label { cursor: pointer; }
form.article .hidden { display: none; }
form.article .date li, form.article .time li, form.article .datetime li { float: left; width: auto; clear: none; }
form.article .date label, form.article .time label, form.article .datetime label { display: none; width: auto; }
form.article .date input, form.article .time input, form.article .datetime input { display: inline; margin: 0; padding: 0; }
form.article .errors { list-style: square; }
form.article .errors li { padding: 0; border: none; display: list-item; float: none; clear: both; }
form.article .inputs { z-index: 99; }
form.article .buttons li { float: left; }
form.article li { overflow: hidden; display: inline-block; display: block; }
form.article li { display: block; }
form.article li fieldset { border: none; position: relative; margin-top: 0px; }
form.article li legend { display: block; margin-bottom: 0; }
form.article li .label { display: block; clear: both; background: transparent; }
form.article li ol { float: left; margin: 0; }
form.article li ol li { padding: 0; border: 0; display: inline; }
form.article fieldset { width: 100%; }
form.article ol { padding-left: 0; }
form.article input { clear: both; float: none; }
form.article li { display: block; clear: both; float: none; width: 100%; }
form.article li ol { padding: 0; }
form.article li li { clear: none; width: auto; }
form.article li fieldset legend, form.article li fieldset legend .label { display: block; clear: both; }
form.article li fieldset .label { position: relative; }
form.article li fieldset label, form.article li fieldset input { width: auto; }
form.article .date ol, form.article .time ol, form.article .datetime ol { width: 100%; }
form.article .date li, form.article .time li, form.article .datetime li { display: inline; clear: none; float: left; padding-right: 0/2; }
form.article .checkbox li, form.article .radio li { display: block; }
form.article .checkbox input, form.article .radio input { border: none; }
form.article label { display: block; clear: both; float: none; width: 99%; }
form.article input, form.article textarea { width: 99%; }
form.article select { width: auto; }
form.article .errors li { display: list-item; }
form.article .buttons ol { padding-left: 0; padding-right: 0; }
form.article .buttons li { float: left; width: auto; clear: none; display: inline; }
form.article .buttons input { width: auto; }
form.article #errorExplanation { width: 100%-0; }
form.article .label { #left: -0.5em; #position: relative; }
form.article label { font-weight: bold; }

form.formtastic ul, form.formtastic ol, form.formtastic legend, form.formtastic p, form.defaut ul, form.defaut ol, form.defaut legend, form.defaut p { margin: 0; padding: 0; }
form.formtastic li, form.defaut li { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
form.formtastic fieldset, form.defaut fieldset { display: block; overflow: hidden; display: inline-block; }
form.formtastic fieldset, form.defaut fieldset { display: block; }
form.formtastic abbr, form.formtastic acronym, form.defaut abbr, form.defaut acronym { border: 0; font-variant: normal; font-weight: normal; }
form.formtastic ol, form.formtastic ul, form.defaut ol, form.defaut ul { list-style: none; }
form.formtastic label, form.defaut label { display: block; overflow: hidden; display: inline-block; }
form.formtastic label, form.defaut label { display: block; }
form.formtastic input, form.formtastic textarea, form.defaut input, form.defaut textarea { vertical-align: middle; }
form.formtastic .check_boxes input, form.formtastic .radio input, form.defaut .check_boxes input, form.defaut .radio input { margin: 0; }
form.formtastic .check_boxes label, form.formtastic .radio label, form.defaut .check_boxes label, form.defaut .radio label { cursor: pointer; }
form.formtastic .hidden, form.defaut .hidden { display: none; }
form.formtastic .date li, form.formtastic .time li, form.formtastic .datetime li, form.defaut .date li, form.defaut .time li, form.defaut .datetime li { float: left; width: auto; clear: none; }
form.formtastic .date label, form.formtastic .time label, form.formtastic .datetime label, form.defaut .date label, form.defaut .time label, form.defaut .datetime label { display: none; width: auto; }
form.formtastic .date input, form.formtastic .time input, form.formtastic .datetime input, form.defaut .date input, form.defaut .time input, form.defaut .datetime input { display: inline; margin: 0; padding: 0; }
form.formtastic .errors, form.defaut .errors { list-style: square; }
form.formtastic .errors li, form.defaut .errors li { padding: 0; border: none; display: list-item; float: none; clear: both; }
form.formtastic .inputs, form.defaut .inputs { z-index: 99; }
form.formtastic .buttons li, form.defaut .buttons li { float: left; }
form.formtastic li, form.defaut li { overflow: hidden; display: inline-block; display: block; }
form.formtastic li, form.defaut li { display: block; }
form.formtastic li fieldset, form.defaut li fieldset { border: none; position: relative; margin-top: 0px; }
form.formtastic li legend, form.defaut li legend { display: block; margin-bottom: 0; }
form.formtastic li .label, form.defaut li .label { display: block; clear: both; background: transparent; }
form.formtastic li ol, form.defaut li ol { float: left; margin: 0; }
form.formtastic li ol li, form.defaut li ol li { padding: 0; border: 0; display: inline; }
form.formtastic fieldset, form.defaut fieldset { width: 100%; }
form.formtastic ol, form.defaut ol { padding-left: 0; }
form.formtastic input, form.defaut input { clear: both; float: none; }
form.formtastic li, form.defaut li { display: block; clear: both; float: none; width: 100%; }
form.formtastic li ol, form.defaut li ol { padding: 0; }
form.formtastic li li, form.defaut li li { clear: none; width: auto; }
form.formtastic li fieldset legend, form.formtastic li fieldset legend .label, form.defaut li fieldset legend, form.defaut li fieldset legend .label { display: block; clear: both; }
form.formtastic li fieldset .label, form.defaut li fieldset .label { position: relative; }
form.formtastic li fieldset label, form.formtastic li fieldset input, form.defaut li fieldset label, form.defaut li fieldset input { width: auto; }
form.formtastic .date ol, form.formtastic .time ol, form.formtastic .datetime ol, form.defaut .date ol, form.defaut .time ol, form.defaut .datetime ol { width: 100%; }
form.formtastic .date li, form.formtastic .time li, form.formtastic .datetime li, form.defaut .date li, form.defaut .time li, form.defaut .datetime li { display: inline; clear: none; float: left; padding-right: 0/2; }
form.formtastic .checkbox li, form.formtastic .radio li, form.defaut .checkbox li, form.defaut .radio li { display: block; }
form.formtastic .checkbox input, form.formtastic .radio input, form.defaut .checkbox input, form.defaut .radio input { border: none; }
form.formtastic label, form.defaut label { display: block; clear: both; float: none; width: 99%; }
form.formtastic input, form.formtastic textarea, form.defaut input, form.defaut textarea { width: 99%; }
form.formtastic select, form.defaut select { width: auto; }
form.formtastic .errors li, form.defaut .errors li { display: list-item; }
form.formtastic .buttons ol, form.defaut .buttons ol { padding-left: 0; padding-right: 0; }
form.formtastic .buttons li, form.defaut .buttons li { float: left; width: auto; clear: none; display: inline; }
form.formtastic .buttons input, form.defaut .buttons input { width: auto; }
form.formtastic #errorExplanation, form.defaut #errorExplanation { width: 100%-0; }
form.formtastic .label, form.defaut .label { #left: -0.5em; #position: relative; }
form.formtastic .radio ol, form.formtastic .check_boxes ol, form.defaut .radio ol, form.defaut .check_boxes ol { display: inline; float: left; clear: none; }
form.formtastic .radio li, form.formtastic .check_boxes li, form.defaut .radio li, form.defaut .check_boxes li { width: auto; display: inline; float: left; clear: none; }
form.formtastic .radio input, form.formtastic .check_boxes input, form.defaut .radio input, form.defaut .check_boxes input { float: none; display: inline; }
form.formtastic .radio label, form.formtastic .check_boxes label, form.defaut .radio label, form.defaut .check_boxes label { display: block; clear: none; width: auto; padding-left: 0; line-height: 150%; margin-right: 10px; }
form.formtastic label, form.defaut label { font-weight: bold; }
form.formtastic legend, form.defaut legend { font-weight: bold; background-color: #f5f5ff; display: inline-block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #3366cc; padding: 2px 0; margin: 2px 0; width: 100%; }

.errorExplanation { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.errorExplanation a { color: #8a1f11; }

.citation { background-color: #d1d1d9; padding: 5px; margin: 20px 0px; border-width: 1px; border-style: solid; border-color: #eeeeff; }
.citation label { font-weight: bold; }

.DirectoryCategory { float: left; padding: 10px; width: 320px; }

.DirectoryHeader { margin: 5px 0; }

.DirectorySearch { margin: 10px 0; padding: 10px 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3366cc; }

.DirectoryPagination { margin: 10px 0; }

#upload_iframe { height: 38px; overflow: hidden; padding: 0; margin-top: 10px; }

#upload_asset .form_label { font-weight: normal; }

#pieces_jointes .form_label { font-weight: bold; }
#pieces_jointes div.file_edition { overflow: auto; }

.file_edition ul.top { float: right; margin-top: 2px; padding: 2px 0 0 0; height: 23px; }
.file_edition ul.top li { display: inline-block; width: auto; list-style: none; }
.file_edition ul.top li a { border: 1px solid; background-color: #ffcc66; font-weight: bold; color: black; text-decoration: none; padding: 0 5px; margin: 0; }
.file_edition div.file { clear: none; }
.file_edition div.legend { float: left; }
.file_edition div.legend label { float: left; font-weight: bold; display: inline; width: auto; padding-right: 5px; }
.file_edition div.legend textarea { height: 50px; width: auto; }
.file_edition ul.bottom { clear: right; float: right; margin-top: 30px; padding: 2px 0 0 0; height: 23px; }
.file_edition ul.bottom li { display: inline-block; width: auto; list-style: none; }
.file_edition ul.bottom li a { border: 1px solid; background-color: #ffcc66; font-weight: bold; color: black; text-decoration: none; padding: 0 5px; margin: 0; }

.image { border: 1px solid; }

#article_titre_input { float: left; width: auto; clear: none; display: inline; margin-right: 5px; }
#article_titre_input input { width: 480px; font-size: 1.2em; padding: 4px 0; margin-bottom: 2px; }

#article_dossier_id_input { float: left; width: auto; clear: none; display: inline; }
#article_dossier_id_input select { width: 200px; }

.active-scaffold .checkbox-list li label { float: none; }

#user_tabnav { display: inline-block; border-bottom: 1px solid #fc6; width: 100%; }
#user_tabnav a { font-weight: normal; color: #222222; font-size: 1.1em; color: #AA4400; text-decoration: none; }
#user_tabnav ul { float: left; margin: 0; }
#user_tabnav ul li { margin: 0 2px; padding: 2px 7px 0px 7px; height: 25px; float: left; list-style: none; background-color: #ffe680; }
#user_tabnav ul li.active { background-color: #ffff99; }
#user_tabnav ul li:hover { background-color: white; }

#infos_matelot h3 { font-size: 1em; font-weight: normal; padding: 5px 0; border-top-color: black; border-top-style: solid; border-top-width: 1px; border-bottom-color: #3366cc; border-bottom-style: solid; border-bottom-width: 1px; }

.boutton a { border: 1px solid; background-color: #ffcc66; font-weight: bold; color: black; text-decoration: none; padding: 0 5px; margin: 0; }

.contacter_matelot { position: relative; top: 25px; left: 270px; }