/* Welcome to Susy. Use this file to define screen styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
/* @group reset */
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: 1em;
  color: black;
  background: #fff; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: "" ""; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: ""; }

img a {
  border: none; }

/* @end */
/* @group defaults */
body {
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  color: white; }

/* @group links */
:focus {
  outline: 1px dotted white;
  color: #22bbbb; }

a:link {
  color: #009999; }
a:visited {
  color: #ffffee;
  text-decoration: none; }
a:focus, a:hover, a:active {
  color: #22bbbb;
  text-decoration: none; }

/* @end */
/* @group headers */
h1, h2, h3, h4, h5, h6 {
  color: #eeeeee;
  font-weight: bold; }

h1, h2, h3 {
  font-family: "Century Gothic", Helvetica, Arial, sans-serif; }

h1 {
  font-size: 1.5em; }

/* @end */
/* @group forms */
form *:focus {
  outline: none; }

fieldset {
  margin: 1.5em 0; }

legend {
  font-weight: bold;
  font-variant: small-caps; }

label {
  display: block;
  margin-top: 1.5em; }

legend + label {
  margin-top: 0; }

textarea, input[type="text"] {
  /* Mozilla (FireFox, Camino) */
  -moz-box-sizing: border-box;
  /* Webkit (Safari, Chrome) */
  -webkit-box-sizing: border-box;
  /* IE (8) */
  -ms-box-sizing: border-box;
  /* CSS3 */
  box-sizing: border-box;
  width: 100%; }

/* @end */
/* @group tables */
/* tables still need 'cellspacing="0"' in the markup */
table {
  width: 100%;
  border: 0.063em solid white;
  border-left: none;
  border-right: none;
  padding: 0.438em 0;
  margin: 0.5em 0; }

tbody {
  color: white; }

th {
  font-weight: bold; }

/* @end */
/* @group block tags */
p {
  margin: 1.5em 0; }

ol {
  list-style: decimal;
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style: disc;
  margin: 0 1.5em 1.5em 1.5em; }

blockquote {
  margin: 1.5em;
  color: white; }

/* @end */
/* @group inline tags */
cite {
  font-style: italic;
  color: white; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

ins {
  text-decoration: underline; }

del {
  text-decoration: line-through; }

q {
  font-style: italic; }
  q em {
    font-style: normal; }

/* @end */
/* @group replaced tags */
img {
  vertical-align: bottom; }

/* @end */

/* @end */
/* @group MIXINS */
/* Liens */
/* Images */
/* @end */
/* @group STRUCTURE */
body {
  text-align: center;
  font-size: 100%;
  line-height: 1.5em;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  background: #222242 url('/images/fond_bleu_1600x800.jpg') 50% 0 no-repeat;
  color: #fff; }

#top-nav {
  overflow: hidden;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 61em;
  max-width: 100%; }
  #top-nav {
    display: block; }
  #top-nav h1 {
    width: 96.721%;
    display: inline;
    float: left;
    margin-right: 1.639%;
    clear: both;
    margin-right: 1.639%;
    margin-left: 1.639%;
    margin-left: 0.445%; }
    #top-nav h1 a {
      width: 32.203%;
      display: inline;
      float: left;
      margin-right: 1.695%;
      clear: both;
      text-indent: -9999em;
      overflow: hidden;
      background-image: url(/images/lee-kwan-young-com.png);
      background-repeat: no-repeat;
      background-position: left 50%;
      height: 58px; }

#bandeau {
  width: 100%;
  margin-top: 0.625em;
  background-color: #4964b2;
  border-top: 1px solid #435eac;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90); }

#outer_header {
  overflow: hidden;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 61em;
  max-width: 100%; }
  #outer_header {
    display: block; }
  #outer_header #inner_header {
    width: 96.721%;
    display: inline;
    float: left;
    margin-right: 1.639%;
    clear: both;
    margin-right: 1.639%;
    margin-left: 1.639%;
    height: 90px;
    background: transparent url('/images/badge.png') 0 4.5px no-repeat; }
    #outer_header #inner_header h2 {
      width: 74.576%;
      display: inline;
      float: left;
      margin-right: 1.695%;
      padding-left: 24.59%;
      display: inline;
      float: right;
      margin-right: 1.639%;
      /* ugly hacks for IE6-7 */
      #margin-right: 0.639%;
      /* end ugly hacks */
      text-indent: -9999em;
      overflow: hidden;
      background-image: url(/images/academie_titre.png);
      background-repeat: no-repeat;
      background-position: right 50%;
      height: !hauteur_titre;
      margin-top: 31.5px; }

#nav-holder {
  background-color: #bf2f22;
  border-top: 0.094em solid #661010;
  border-bottom: 0.031em solid #661010;
  border-bottom: 0.5px solid #661010;
  opacity: 0.93;
  -moz-opacity: 0.93;
  -khtml-opacity: 0.93;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=93);
  filter: alpha(opacity=93); }

#nav {
  overflow: hidden;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 61em;
  max-width: 100%; }
  #nav {
    display: block; }
  #nav ul {
    width: 96.721%;
    display: inline;
    float: left;
    margin-right: 1.639%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow: hidden;
    display: inline-block;
    clear: both;
    margin-right: 1.639%;
    margin-left: 1.639%; }
    #nav ul {
      display: block; }
    #nav ul li {
      list-style-type: none;
      margin-left: 0px;
      white-space: no-wrap;
      display: -moz-inline-box;
      -moz-box-orient: vertical;
      display: inline-block;
      vertical-align: middle;
      /* ugly hacks for IE6-7 */
      #display: inline;
      #vertical-align: auto;
      /* end ugly hacks */
      padding-left: 1.271%;
      padding-right: 1.271%; }
    #nav ul li {
      padding-top: 0.313em;
      padding-bottom: 0.313em;
      font-weight: 900; }
      #nav ul li a {
        padding: 0 0.313em; }
        #nav ul li a:link {
          color: white;
          text-decoration: none; }
        #nav ul li a:visited {
          color: #ffffee; }
        #nav ul li a:focus, #nav ul li a:hover, #nav ul li a:active {
          border-bottom: 0.438em solid #d04033; }
    #nav ul li.active {
      color: #f5da23;
      background-color: #d04033;
      border-left: 0.063em solid #a71a1a;
      border-right: 0.063em solid #a71a1a; }

#page {
  overflow: hidden;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 61em;
  max-width: 100%;
  margin-top: 0.625em;
  padding-top: 1.25em;
  background: transparent url('/images/transparencies/10.png') 0 0 repeat; }
  #page {
    display: block; }

#content-holder {
  width: 96.721%;
  display: inline;
  float: left;
  margin-right: 1.639%; }
  #content-holder #content {
    width: 100%;
    display: inline;
    float: left;
    margin-right: 1.695%;
    clear: both;
    margin-right: 1.639%;
    margin-left: 1.639%;
    padding-bottom: 0.938em; }

#remote-background {
  background: transparent url('/images/yi_kwan_young.png') 50% 30px no-repeat; }

#log_links {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  border: 0.031em solid #1e1e3e;
  text-align: right;
  padding: 0.625em 1.25em;
  background-color: #222242; }
  #log_links a:link {
    color: white; }

#content a:link, #content a:visited {
  text-decoration: underline; }
#content a:focus, #content a:hover, #content a:active {
  text-decoration: none; }
#content #flash_messages {
  width: 40.678%;
  display: inline;
  float: left;
  margin-right: 1.695%;
  background-color: #ffff99;
  /* Mozilla (FireFox, Camino) */
  -moz-border-radius: 4px;
  /* Webkit (Safari, Chrome) */
  -webkit-border-radius: 4px;
  /* CSS3 */
  border-radius: 4px;
  clear: right; }
  #content #flash_messages p {
    padding: 0.313em 0.625em;
    color: #222200; }

#credit {
  width: 96.721%;
  display: inline;
  float: left;
  margin-right: 1.639%;
  clear: both;
  margin-right: 1.639%;
  margin-left: 1.639%; }

#credit {
  border-top: 3px double #222242;
  margin-top: 0.938em;
  padding: 0.313em 0;
  font-size: 80%;
  text-align: center; }

#footer {
  width: 96.721%;
  display: inline;
  float: left;
  margin-right: 1.639%;
  clear: both;
  margin-right: 1.639%;
  margin-left: 1.639%;
  padding: 0.313em; }
  #footer ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline; }
    #footer ul li {
      margin: 0px;
      padding: 0px;
      display: inline; }

/* @end */
/* @group COMPONENTS by type */
/* @end */
/* @group OVERRIDES by content */
h1, h2, h3, h4, h5, h6 {
  color: white;
  line-height: 1.25em; }

#page h2, #page h3, #page h4, #page h5, #page h6 {
  margin-bottom: 1.2em; }

h2 {
  font-size: 180%; }

/* @end */
/* @group OVERRIDES by page */
/* Accueil */
#edito {
  width: 66.102%;
  display: inline;
  float: left;
  margin-right: 1.695%; }
  #edito #edito-top {
    border-bottom: 2.188em solid #00000b;
    font-family: "Bauer Bodoni", Bodoni, Baskerville, Palatino, serif;
    font-style: italic; }
    #edito #edito-top h2, #edito #edito-top h3 {
      font-family: "Bauer Bodoni", Bodoni, Baskerville, Palatino, serif; }
    #edito #edito-top h2 {
      font-size: 180%; }
    #edito #edito-top p {
      font-size: 140%; }

#edito-top-texte {
  width: 61.538%;
  display: inline;
  float: left;
  margin-right: 2.564%;
  line-height: 1.8em; }

#edito-illustration {
  width: 35.897%;
  display: inline;
  float: left;
  margin-right: 2.564%; }

#edito-bottom {
  margin-top: 1.875em; }

#photos-recentes {
  width: 26.271%;
  display: inline;
  float: left;
  margin-right: 1.695%;
  display: inline;
  float: right;
  margin-right: 1.639%;
  /* ugly hacks for IE6-7 */
  #margin-right: 0.639%;
  /* end ugly hacks */
  background: transparent url('/images/transparencies/45.png') 0 0 repeat;
  /* Mozilla (FireFox, Camino) */
  -moz-border-radius-topleft: 3px;
  /* Webkit (Safari, Chrome) */
  -webkit-border-top-left-radius: 3px;
  /* CSS3 */
  border-top-left-radius: 3px;
  /* Mozilla (FireFox, Camino) */
  -moz-border-radius-topright: 3px;
  /* Webkit (Safari, Chrome) */
  -webkit-border-top-right-radius: 3px;
  /* CSS3 */
  border-top-right-radius: 3px;
  padding: 0.625em; }
  #photos-recentes a:link, #photos-recentes a:visited {
    text-decoration: none; }
  #photos-recentes a:focus, #photos-recentes a:hover, #photos-recentes a:active {
    text-decoration: underline; }
  #photos-recentes h3 {
    margin-left: 0.625em;
    margin-bottom: 0.938em; }
  #photos-recentes .thumbnails img {
    margin: 0.625em;
    padding: 0.188em;
    border: 0.063em solid #666;
    background-color: white; }
  #photos-recentes .thumbnails a:hover img {
    background-color: #ffff99; }
  #photos-recentes p.autres_photos {
    font-size: 90%;
    text-align: right; }

/* Calendrier - Stages et formations */
#calendar_search {
  width: 31.148%;
  display: inline;
  float: left;
  margin-right: 1.639%; }
  #calendar_search label {
    margin-top: 0; }

#events, #calendar {
  width: 63.934%;
  display: inline;
  float: left;
  margin-right: 1.639%; }

#events h2 {
  margin-bottom: 0.75em; }

#calendar {
  padding-top: 1.5em;
  clear: both; }
  #calendar a:visited {
    color: #444444; }
  #calendar .with_events, #calendar .day_with_events a {
    background-color: #4964b2;
    color: #fff;
    padding: 5px; }
  #calendar .with_events:visited {
    color: #fff; }
  #calendar .day_with_events a {
    text-decoration: none; }
    #calendar .day_with_events a:hover {
      text-decoration: underline; }
  #calendar table {
    background-color: white;
    color: black;
    padding: 1.25em;
    border: 0; }
    #calendar table td {
      color: #444444; }

/* Albums photos */
#albums #photo_principale {
  width: 66.102%;
  display: inline;
  float: left;
  margin-right: 1.695%; }
#albums #photos_secondaires {
  position: relative;
  overflow: hidden;
  height: 450px;
  text-align: left;
  padding-left: 5px; }
  #albums #photos_secondaires .items {
    height: 20000em;
    position: absolute; }
    #albums #photos_secondaires .items div {
      margin-top: 5px;
      margin-bottom: 1.875em; }
      #albums #photos_secondaires .items div a:hover img {
        /* Webkit (Safari, Chrome) */
        -webkit-box-shadow: 0 0 8px #ffffbb;
        /* Mozilla (Firefox, Camino) */
        -moz-box-shadow: 0 0 8px #ffffbb;
        /* CSS3 */
        box-shadow: 0 0 8px #ffffbb; }

body.photos-index #footer {
  background-color: #222242; }
  body.photos-index #footer a:link, body.photos-index #footer a:visited {
    text-decoration: underline; }
  body.photos-index #footer a:focus, body.photos-index #footer a:hover, body.photos-index #footer a:active {
    text-decoration: none; }

#tooltip {
  display: none;
  background-color: #ffff99;
  border: 1px solid #999933;
  font-size: 0.75em;
  height: 100px;
  width: 160px;
  padding: 0;
  padding: 0.313em 0.625em;
  color: #222; }

#photo_principale {
  text-align: right;
  /* dimensions */ }
  #photo_principale div.active {
    border: 1px inset #ccc;
    background-color: #fff; }

/* Contact */
body.contact-show form {
  width: 49.153%;
  display: inline;
  float: left;
  margin-right: 1.695%;
  float: right; }
  body.contact-show form #contact_mail_body {
    height: 20em; }
body.contact-show .entry {
  clear: left; }

/* @end */
/* Overlay */
/* Overlay */
#gallery .info {
  color: white;
  font-size: 0.75em;
  padding: 0.625em 0.938em; }

.thumbnails img {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.125em;
  margin: 0.938em 0.125em; }
.thumbnails a.active img {
  outline: 1px solid #000;
  z-index: 9999;
  position: relative; }

.photos_overlay {
  display: none;
  z-index: 10000;
  background-color: #333;
  width: 675px;
  min-height: 200px;
  border: 1px solid #666;
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000; }
  .photos_overlay .close {
    background-image: url(/images/overlay/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px; }

/* The following was converted with css2sass */
/* Gallery */
#img {
  border: 1px solid #666; }

.next {
  position: absolute;
  top: 40%;
  border: 1px solid #666;
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.prev {
  position: absolute;
  top: 40%;
  border: 1px solid #666;
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  left: 0;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0; }

.next {
  right: 0;
  border-right: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0; }
  .next:hover {
    text-decoration: underline;
    background-color: #000; }

.prev:hover {
  text-decoration: underline;
  background-color: #000; }

.disabled {
  visibility: hidden; }

.info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  color: #fff;
  font-size: 11px;
  border-top: 1px solid #666; }
  .info strong {
    display: block; }

.progress {
  position: absolute;
  top: 45%;
  left: 50%;
  display: none; }

.next, .prev, .info {
  background: #333 !important;
  background: rgba(0, 0, 0, 0.6) url(/images/overlay/h80.png) repeat-x; }

/* @group DEBUG */
/* uncomment, adjust and use for debugging    */
/* @end */