/* { border: 1px solid red; }*/
/* { filter: alpha(opacity=80); }*/
html, body { margin:0; padding:0; border: 0; height: 100%; }
body { background-color: #050C16; font-family:Arial, Helvetica, sans-serif; }

a img { margin:0; padding:0; border: none; }
form { margin:0; padding: 0; }

#background { position: fixed; top:0; left:0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
#page { position: relative; margin:0 auto; padding: 30px 0 50px; width: 818px; z-index: 2; }

#header { }
#header .title { float: left; }

#nav { clear: both; padding-top: 8px; height: 38px; }
#nav img { float: left; }

#container { padding-top: 8px; }

.chanson_title { font-size:18px; font-family:Arial, Helvetica, sans-serif; }
.chanson_text { font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:8px; }

/* ---------- SECTION ----------- */

#section-header { position: relative; }
#bt-implique { position: absolute; top: 0; right: 30px; }

#section-content { margin-top: 7px; background-color: #fff; padding: 30px 50px 50px; font-size:12px; font-family:Verdana, Geneva, sans-serif; }
#section-content h1 { text-transform:uppercase;  font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 30px; }
#section-content h2 { margin-bottom: 6px; }
#section-content h3 { margin-bottom: 6px; }
#section-content a { color: #334477 }
#section-content a:hover { color: #D28F00; text-decoration: none }

/* ---------- HOME ----------- */

#flash { float: left; }
#sidebar { float: right; position: relative; width: 294px; height: 423px; overflow: hidden; }

.block { background-color: #fff; color: #000; }
.block.bg-gray { border: 1px solid #586d8c; border-width: 1px 1px 0 1px; background-color: #9198a0; color: #fff; }
.block.bg-black { background-color: #000; color: #fff; }

.block h2,
.block h3,
.block table { margin: 0 30px; }

/*.block h2 { padding: 10px 0; font-size:28px; line-height:28px; }*/
.block h1.signatures { margin: 8px 0 0 0; padding:0; font-size:30px; line-height:30px; color: #fff; }
.block .right { margin: 10px 30px 0 0; }
.block h2 { padding: 10px 0; font-size:19px; line-height:20px; color: #484c50; text-align:right }
.block h3 { padding: 10px 0; font-size:16px }

.block.bg-gray img { margin-left: 30px; }
.block.bg-gray img.right { margin-left: 8px; }
.block.bg-white { position: relative; padding-bottom: 60px; font-family:Arial, Helvetica, sans-serif; }
.block.bg-black {  background-image: url(../_images/bg_title.gif); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 15px; }
.input { width: 163px; height: 26px; background-image:url(../_images/border_input.gif); }
.field { margin: 4px 0 0 4px; border: 0; border-color: #fff; width: 153px; }

.input_partagez { margin: 6px 0 0 0px; width: 250px; height: 26px; background-image:url(../_images/border_input_partagez.gif); }
.textarea_partagez { margin: 6px 0 0 0; width: 280px; height: 224px; background-image:url(../_images/border_textarea.gif); }
.textarea_partagez textarea { width: 270px; height: 214px; margin: 4px; border: 0; border-color: #fff; }
.field_partagez { margin: 4px 0 0 4px; border: 0; border-color: #fff; width: 235px; }

.block.bg-white td { font-size: 12px; font-weight: bold; }

#sign-in-error { position: absolute; top: 155px; left: 14px; padding: 7px; 10px; cursor:pointer; width: 245px; }
#sign-in-error.error { display: block !important; color: #CF1919; border: 3px solid #CF1919; background-color: #FFCFCF; }
#sign-in-error.success { display: block !important; color: #12202F; border: 3px solid #29435F; background-color: #8BB3DF; }
/* ---------- GENERAL ----------- */

.small { font-size: 11px!important; font-weight: normal; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }

.flag { padding-left: 20px; list-style: none; }
.flag li { padding: 3px 0; }

#extra { margin-top: 7px; background-color: #000; padding: 0 30px 10px; height: 45px; }
#extra h2 { float: left; margin: 0; padding: 10px 0; font-size:25px; line-height: 30px; }
#extra h2 a { color: #d28f00; text-decoration: none; }
#extra .left { margin-left: 20px; }
#extra h3 { float: left; margin: 0; padding: 10px 0; color: #fff; padding-left: 20px; font-size: 20px; line-height: 30px; font-weight: normal; }
#extra h3 a { color: #fff; text-decoration:none; } 
#footer { float: right; position: relative; top: -45px; right: 30px; padding: 4px 0 0; text-align: right; color: #fff; font-size: 12px;width: 300px; }
#footer a { color: #fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* ---------- LANGUES ----------- */

#languages { position: absolute; top: 55px; right: 0; margin:0; padding:0; list-style: none; color: #fff; font-size:12px; z-index: 100; }
#languages li a { padding: 3px 5px; font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #fff; text-decoration: none; }
#languages li a:hover { color: #D28F00; }
#languages #lang { padding: 4px 5px; font-weight: bold; }

#languages ul { position: absolute; display: none; top:15px; left:0; margin:0; padding:0; background-color:#000; list-style: none; width:100%; }
#languages li { margin:0; padding:0; width: 100%; text-align: right; }
#languages:hover ul { display: block; }
#languages:hover #lang { background-color: #000; }
#languages .first { padding-top: 4px; }
#languages .last { padding-bottom: 4px; }