@import 'reset.css';
@import 'objets.css';

/**
 * Styles redefinition
 */
html { overflow: -moz-scrollbars-vertical !important; }
body { font: 80% Arial, Verdana, sans-serif; color: #666; background: #fff url(/images/bg-body.png) repeat-x; margin: 0; }

a { color: #23436b; text-decoration: underline; }
a:hover { text-decoration: none; }
	a img { border: 0; }

p { margin: 4px 0; line-height: 1.5em;  }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; line-height: 1.6em; }
h3 { color: #23436b; border-bottom: 1px solid #d0d1d2; margin: 0 0 25px 0; padding: 0 0 5px 0; font-size: 2.1em; font-weight: normal; }
h4 { color: #fff; background: #23436b url(/images/lvl2/bg-h4.gif) no-repeat right; padding: 0 40px 0 12px; margin: 18px 0 15px 0px; font-size: 1.5em; line-height: 28px; }
h5 { color: #ad2634; padding: 0 0 0 20px; margin: 13px 0 5px 0; font-size: 1.2em; background: url(/images/lvl2/bg-h5.png) no-repeat 0 2px; line-height: 1.3em; font-weight: bold; }
h6 { color: #3e87b9; padding: 18px 0 8px 0; margin: 5px 0 7px 0; font-size: 1.6em; line-height: 1.3em; }

i, em { font-style: italic; }
strong, b { font-weight: bold; }

table { border-collapse: collapse; }
    table th { text-align: left; }
    table td { vertical-align: top; }

ul, ol { list-style-position: outside; margin: 8px 0 10px 0; }
    ul li { background: url(../images/lvl2/puce-2.png) no-repeat 0 5px; /*background: url(../images/puce-triangle.gif) no-repeat 0 3px;*/ padding-left: 15px; margin: 5px 0 5px 15px; }
    ol li { list-style: decimal; margin-left: 20px; }

hr { background: #d7d7d7; color: #d7d7d7; clear: both; float: none; width: 100%; height: 1px; margin: 12px auto; border: none; }
#IE6 hr, #IE7 hr { margin: 10px 0; }

.separateur { width: 640px; height: 15px; background: url(/images/modules/separateur.png); }

cite, abbr { border-bottom: 1px dotted #15a6ca; cursor: help; }
sub, sup { font-size: 0.9em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
blockquote { margin-left: 30px; }
pre, code { font: 0.9em Monaco, monospace; }

/**
 * Utils classes
 */
small, .small { font-size: 0.9em; }
big, .large { font-size: 1.1em; }

.clear { clear: both; }
.erase { display: block; text-indent: -5000px; font-size: 0px; }
.block { display: block; }
.hide { display: none; }

.auto { margin: 0 auto; }

.floatleft { float: left; }
.floatright { float: right; }

.imageleft { float: left; margin: 3px 5px 3px 0; }
.imageright { float: right; margin: 3px 0 5px 8px; }
.imageleftborder { float: left; margin: 3px 20px 3px 0; border: 1px solid #afb0b1; padding: 0; }
.imagerightborder { float: right; margin: 3px 0 3px 20px; border: 1px solid #afb0b1; padding: 0; }
.border { border: 1px solid #afb0b1; padding: 0; }

.alignleft { text-align: left; }
.center { text-align: center; }
.alignright { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }

.confirmation { background: #003261; color: #fff; padding: 15px 28px 15px 28px; margin: 20px 0; }

/**
 * Form classes
 */
.error,
.required span { color: #fa0303; }

fieldset { padding: 15px; border: 1px solid #d1dae0; }
    fieldset legend { color: #666; font-size: 1.1em; font-weight: bold; padding: 0 10px; margin-left: 10px; }

label { display: block; }
label.right { float: left; width: 150px; padding-right: 20px; text-align: right; }

.input, .textarea { color: #333; font: 1em "Trebuchet MS", Verdana, sans-serif; padding: 2px 5px; border: 1px solid #BCBCBC; }
select, .select { background: #fff; font: 1em "Trebuchet MS", Verdana, sans-serif; padding: 1px; border: 1px solid #BCBCBC; }

.input[disabled=disabled],
.input[disabled ] { background: #ccc; }

/*.input.error, .textarea.error { border: 1px solid #fa0303; }*/
.input:focus, .textarea:focus { border: 1px solid #31444f; }

.row { clear: both; margin: 10px 0; }
    .row label { float: left; width: 180px; padding: 3px 25px 0 0; text-align: right; }
    .large-form .row label { width: 230px; }
    .row .field, .row .help, .field-margin { margin-left: 205px; }
    .large-form .row .field, .large-form .row .help, .large-form .field-margin { margin-left: 255px; }
    .row .field label { display: inline; float: none; width: auto; padding-right: 0; text-align: left; }
    .row .help, .row .error-message { font-size: 0.9em; }
    .row .help { color: #565656; }

/**
 * Site specific classes
 */
.color1 { color: #ad2634; } /* rouge */
.color2 { color: #23436b; } /* bleu */
.color3 { color: #333; } /* vert */

.chapeau { font-size: 1.3em; color: #535353; line-height: 1.2em; margin: 20px 0 15px 0; }


/* overlay */
#overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; z-index: 1000; background: #666; }
#overlay_content { position: absolute; top: 100px; left: 50%; margin-left: -360px; width: 720px; height: 500px; overflow: auto; background: #fff; padding: 15px; z-index: 1000; border: 1px solid #9C0978; }

/* Pour d'appliquer des styles suplementaires dans les menu de CK editor */
.cke_panel_listItem { background: 0 !important; padding: 0; }
.cke_panel_listItem a { text-decoration: none !important; color: inherit !important; }