/* ----- eric meyer's css reset & clearfix */
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: 1; color: black; background: white; }
html, body                                              { height: 100%; }
ol, ul                                                  { list-style: none; }
table                                                   { border-collapse: collapse; border-spacing: 0; }
caption, th, td                                         { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after  { content: ""; }
blockquote, q                                           { quotes: "" ""; }

.clear:after                                            { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear                                                  { display: inline-block; }
html[xmlns] .clear                                      { display: block; }
* html .clear                                           { height: 1%; }

/* ----- general */
body                                                    { color: #b8b8b8; font-family: arial,verdana,sans-serif; font-size: 10pt; line-height: 1.4em; background: #000 url(../images/bg.jpg) no-repeat center center fixed; }
#container                                              { position: relative; width: 960px; margin: 0 auto; }
.left                                                   { float: left; }
h1                                                      { width: 960px; height: 237px; text-indent: -1000px; overflow: hidden; background: url(../images/logo.png) no-repeat center center; }
a#ckoy                                                  { position: absolute; top: 10px; right: 10px; display: block; width: 50px; height: 57px; text-indent: -1000px; overflow: hidden; background: url(../images/ckoy.png) no-repeat; }
#footer                                                 { clear: both; text-align: center; font-size: 0.9em; }
a                                                       { text-decoration: none; color: #fff; }

/* ----- nav */
#nav                                                    { width: 690px; height: 40px; margin: 0 auto; }
#nav li                                                 { width: 115px; float: left; }
#nav li a                                               { display: block; height: 40px; text-indent: -1000px; overflow: hidden; }

#nav li a#accueil                                       { background: url(../images/nav.png) no-repeat; }
#nav li a#services                                      { background: url(../images/nav.png) no-repeat -115px 0; }
#nav li a#equipe                                        { background: url(../images/nav.png) no-repeat -230px 0; }
#nav li a#soumission                                    { background: url(../images/nav.png) no-repeat -345px 0; }
#nav li a#blog                                          { background: url(../images/nav.png) no-repeat -460px 0; }
#nav li a#contact                                       { background: url(../images/nav.png) no-repeat -575px 0; }

#nav li a#accueil:hover                                 { background-position: 0 -40px; }
#nav li a#services:hover                                { background-position: -115px -40px; }
#nav li a#equipe:hover                                  { background-position: -230px -40px; }
#nav li a#soumission:hover                              { background-position: -345px -40px; }
#nav li a#blog:hover                                    { background-position: -460px -40px; }
#nav li a#contact:hover                                 { background-position: -575px -40px; }

/* ----- form */
form div img                                            { margin-top: 10px; }
input[type="text"], textarea                            { padding: 2px; font-family: arial, verdana, sans-serif; font-size: 1em; border: 1px solid #202020; }
input[type="text"]                                      { width: 190px; }
textarea                                                { width: 100%; }
select                                                  { clear: both; width: 100%; padding: 2px; border: 1px solid #202020; }
input.send                                              { display: block; margin: 5px auto; padding: 0; border: 0; width: 103px; height: 22px; color: #fff; text-align: center; background: url(../images/send.png) no-repeat center; }
input.send:hover                                        { background: url(../images/send-hover.png) no-repeat center; }

/* ----- box */
.box33 h2, .box50 h2, .box66 h2, .box100 h2             { width: 100%; height: 26px;  }
.box33 .content, .box50 .content, .box66 .content,
.box100 .content                                        { width: 100%; height: 260px; }
.box33 .content p, .box50 .content p, .box66 .content p,
.box100 .content p                                      { padding: 5px 0; }

.box33                                                  { width: 280px; height: 340px; margin: 10px; padding: 25px 10px 0 10px; background: url(../images/box-33.png) no-repeat; }
.box50                                                  { width: 440px; height: 340px; margin: 10px; padding: 25px 10px 0 10px; background: url(../images/box-50.png) no-repeat; }
.box66                                                  { width: 600px; height: 340px; margin: 10px; padding: 25px 10px 0 10px; background: url(../images/box-66.png) no-repeat; }
.box100                                                 { width: 930px; height: 480px; margin: 10px; padding: 25px 10px 0 10px; background: url(../images/box-100.png) no-repeat; }

.box100 .content                                        { height: 440px; }

.box66 #left                                            { width: 200px; padding: 0 5px; }
.box66 #right                                           { width: 325px; padding: 0 5px; }

.noh2 .content                                          { height: 290px; }

/* ----- slideshow */
#slideshow                                              { padding: 13px 0 0 0; background: none; }
#rounded-corners                                        { position: absolute; z-index: 80; }
.slideshow div img                                      { display: none; }

/* ----- equipe */
.dj img                                                 { display: block; float: right; }
.dj p                                                   { float: left; width: 240px; }

.gallery div                                            { margin-bottom: 5px; }

.gallery div .right                                     { float: left; width: 280px; padding-top: 5px; }
.gallery div img                                        { float: left; display: block; margin: 5px; border: 1px solid #5b5b5b; }
.gallery strong                                         { display: block; font-weight: bold; }

/* ----- soumission */
.soumission #col1                                       { float: left; width: 200px; height: 420px; }
.soumission #col2                                       { float: left; width: 190px; height: 420px; padding-left: 20px; border-left: 1px solid #363636; }
.soumission #col3                                       { float: left; width: 205px; height: 420px; margin: 0 10px; padding: 0 10px; border-left: 1px solid #363636; border-right: 1px solid #363636; }
.soumission #col4                                       { float: left; width: 235px; height: 420px; }

.soumission input[type="text"]                          { width: 180px; }
select                                                  { width: 186px; }

#col3                                                   { margin-top: 25px; }
#col3 ul li                                             { position: relative; height: 24px; line-height: 24px; }
#col3 ul li span                                        { position: absolute; top: 0; right: 0; }
#col3 ul li span a                                      { display: block; width: 20px; height: 20px; margin: 1px 0 1px 2px; float: left; border: 1px solid #000; text-indent: -1000px; overflow: hidden; }
#col3 ul li span a.green                                { background: url(../images/music_bt_g.jpg); }
#col3 ul li span a.yellow                               { background: url(../images/music_bt_y.jpg); }
#col3 ul li span a.red                                  { background: url(../images/music_bt_r.jpg); }
#col3 ul li span a.selected                             { border: 1px solid #fff; }

#col3 textarea                                          { width: 200px !important; }

#emplacement                                            { height: 181px; margin: 5px 0; padding: 2px; }

#animateurs, #animateur                                 { display: none; }

/* ----- calendar */
#select                                                 { text-align: center; }
#select img                                             { position: relative; top: 2px; }

ul.calendar                                             { width: 154px; list-style-type: none !important; margin: 0 auto !important; }
ul.calendar li                                          { clear: both; text-align: center; }
ul.calendar li ul                                       { clear: both; list-style-type: none !important; height: 25px; margin: 0 !important; }
ul.calendar li ul li                                    { clear: none; float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; margin: 1px; color: #fff; border: 1px solid #000; background: url(../images/calendar_disabled.jpg); }
ul.calendar li ul li a                                  { display: block; width: 100%; height: 100%; }

ul.calendar ul li.enabled                               { background: url(../images/calendar_enabled.jpg); }
ul.calendar ul li.enabled a                             { color: #000; }
ul.calendar ul li.today                                 { border: 2px solid #000; margin: 0; }
ul.calendar ul li.selected                              { border: 2px solid #fff; margin: 0; }