/*****************************************************************************
 * Feuille de style                                                          *
 *****************************************************************************/

@font-face                                   { font-family: 'Althea'; src: url('Althea-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }

BODY                                         { background: #000000 url('background.jpg') no-repeat center fixed; background-size: cover; }

DIV.core                                     { margin: 30px auto 0 auto; width: 100%; text-align: center; color: #FFFFFF; font-family: 'Althea'; font-size: 15pt; }
DIV.core P.solo                              { font-size: 13pt; font-weight: bold; padding: 2px 5px 12px 5px; margin: 0; background: rgba(0, 0, 0, 0.8); }
DIV.core P.solo A                            { text-decoration: none; color: yellow; }
DIV.core P.solo A:hover                      { color: #FF8080; }

DIV.info                                     { margin: 10px 0 0 0; padding: 10px 10px 0px 10px; background: rgba(0, 0, 0, 0.8); -moz-border-radius: 16px; border-radius: 16px; border: 2px solid gray; }
DIV.info P                                   { margin: 0 0 8px 0; }
DIV.info A                                   { text-decoration: none; font-size: 12pt; cursor: pointer; color: yellow; }
DIV.info A:hover                             { text-decoration: underline; }

DIV.version                                  { margin: 5px auto 0 auto; width: 100%; text-align: right; color: #FFFFFF; font-family: 'Althea'; font-size: 12pt; }
DIV.version A                                { text-decoration: none; color: yellow; }
DIV.version A:hover                          { color: #FF8080; }

DIV.chaine                                   { margin: 0 auto 0 auto; padding: 3px 0; width: 100%; text-align: center; color: #FFFFFF; background: rgba(6, 10, 31, 0.7); font-family: 'Althea'; font-size: 12pt;
                                               -moz-border-radius: 16px; border-radius: 16px;
                                             }
DIV.chaine A                                 { text-decoration: none; color: yellow; }
DIV.chaine A:hover                           { color: #FF8080; }

.media                                       { border: 1px solid white; background: #000000; width: 330px; height: 200px; }

@media all and (min-width: 800px)
  {
  DIV.core                                   { width: 800px; font-size: 30pt; }
  DIV.version                                { width: 800px; }
  .media                                     { width: 790px; height: 460px; }
  }