@import 'reset.css';

/**
 * Styles redefinition
 */
html { overflow: -moz-scrollbars-vertical !important; }
body { font: 76% "Trebuchet MS", Verdana, sans-serif; color: #777; /*text-align: justify;*/ background: url(../images/bg-body.jpg) #fff repeat-x top; margin: 0; line-height: 1.6em; behavior: url('/styles/csshover.htc'); }

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

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

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; line-height: 1.6em; }
h3 { color: #3658A5; font-size: 2em; line-height: 1.2em; margin: 15px 0; }
#IE6 h3, #IE7 h3 { margin: 10px 0; }
h4 { color: #0D53AB; padding: 0; margin: 0; font-size: 1.1em; font-weight: bold; }
h5 { background: url(../images/lvl2/bg-h5.png) no-repeat; padding: 0 0 0 30px; margin: 15px 0 0 -31px; color: #29417A; font-size: 1.2em; font-weight: bold; overflow: hidden; }
h6 { padding: 5px 0 0 47px; margin: 20px 0 20px 23px; min-height: 35px; }
#IE6 h6 { height: 35px; }

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 0 35px; }
    ul li { background: url(../images/lvl2/bullet.gif) no-repeat 0px 5px; padding-left: 10px; margin-bottom: 8px; }
    /*#IE7 ul li { display: inline-block; }*/
    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; }

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 20px 3px 0; }
.imageright { float: right; margin: 3px 0 3px 20px; }
.imageleftborder { float: left; margin: 3px 20px 3px 0; border: 1px solid #c0c0c0; padding: 1px; }
.imagerightborder { float: right; margin: 3px 0 3px 20px; border: 1px solid #c0c0c0; padding: 1px; }
.border { border: 1px solid #66bdc9; padding: 1px; }

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

.confirmation { background: #3658A5; 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: #59788a; 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 { background: url(../images/bg-input-text.gif) #fff; color: #333; font: 1em "Trebuchet MS", Verdana, sans-serif; padding: 2px 5px; border: 1px solid #59788a; }
select, .select { background: #fff; font: 1em "Trebuchet MS", Verdana, sans-serif; padding: 1px; border: 1px solid #59788a; }

.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: 150px; padding: 3px 25px 0 0; text-align: right; }
    .row .field, .row .help, .field-margin { margin-left: 175px; }
    .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: #414141; } /* gris foncé */
.color2 { color: #29417A; } /* bleu/violet */
.color3 { color: #0E7B50; } /* vert */

.chapeau { font-size: 1.1em; font-weight: bold; }

.tab1 { width: 100%; margin: 0 0 0 32px; }
    .tab1 th { padding: 2px 6px; background: #3658A5; color: #fff; border: 1px solid #ddd; text-align: center; font-size: 1.1em; font-weight: bold; }
    .tab1 td { padding: 2px 6px; border: 1px solid #ddd; color: #3658A5; }

.tab2 { width: 454px; margin: 0 auto; }
    .tab2 th { background: url(../images/lvl2/bg-tab2-top-right.jpg) no-repeat #3658A5 top right; color: #fff; padding: 5px 20px; }
    .tab2 td { padding: 13px 20px; background: url(../images/lvl2/bg-tab2.jpg) repeat-x bottom; color: #3658A5; }

.tab3 { width: 660px; }
    .tab3-col1 { width: 378px; padding: 14px 28px 0 0; }
    .tab3-col2 { width: 203px; padding: 0 10px 0 40px; background: url(../images/lvl2/bg-tab3.jpg) no-repeat; }

.box { background: #3658A5; color: #fff; padding: 20px 28px 20px 38px; margin: 0 0 0 32px; }
    .box a { color: #fff; }
    .box ul { position: relative; margin: 0 0 0 -10px; }
        .box ul li { background: url(../images/bullet7.gif) no-repeat 0 6px; padding-left: 10px; margin-bottom: 5px; }

.box1 { background: #7f9f20; color: #fff; padding: 20px 28px 20px 38px; margin: 0 0 0 32px; }
    .box1 ul { position: relative; margin: 0 0 0 -10px; }
        .box1 ul li { background: url(../images/bullet9.gif) no-repeat 0 6px; padding-left: 10px; margin-bottom: 5px; }

.box2 { background: #94b0be; color: #fff; padding: 20px 28px 20px 38px; margin: 0 0 0 32px; }
    .box2 ul { position: relative; margin: 0 0 0 -10px; }
        .box2 ul li { background: url(../images/bullet10.gif) no-repeat 0 6px; padding-left: 10px; margin-bottom: 5px; }

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