@font-face {
  font-family: 'LeagueGothicRegular';
  src: url("League_Gothic-webfont.eot");
  src: url("League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("League_Gothic-webfont.woff") format("woff"), url("League_Gothic-webfont.ttf") format("truetype"), url("League_Gothic-webfont.svg#LeagueGothicRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  background-image: url(../img/bg.jpg);
  background-repeat: repeat;
  background-color: #EDD; }

.label {
  vertical-align: middle;
  line-height: 16px;
  margin: 0 3px; }

section th {
  width: 200px; }
section td.labels {
  width: 400px; }

.level {
  background-position: right center;
  background-repeat: no-repeat;
  height: 24px;
  padding-left: 20px;
  line-height: 24px; }

.level-4 {
  background-image: url(../img/lvl4.png); }

.level-3 {
  background-image: url(../img/lvl3.png); }

.level-2 {
  background-image: url(../img/lvl2.png); }

.level-1 {
  background-image: url(../img/lvl1.png); }

.level-0 {
  background-image: url(../img/lvl0.png); }

header {
  background-image: url(../img/bg-header.png);
  background-repeat: repeat-x;
  background-color: transparent;
  background-position: center bottom;
  padding: 20px 0; }
  header h1 {
    color: #324B4B;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    font-size: 1200%;
    font: 70px/79px "LeagueGothicRegular", Arial, sans-serif;
    letter-spacing: 0; }
    header h1 em {
      font-style: normal;
      color: #F0D200;
      text-shadow: 0 1px 0 rgba(0, 50, 40, 0.5), 0 -1px 0 rgba(255, 255, 0, 0.8); }
  header h2 {
    font-weight: normal;
    font-family: Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif; }
  header .title {
    width: 500px;
    float: left; }
  header a {
    color: #DDD; }
    header a:hover {
      text-decoration: underline;
      color: #FFF; }
  header #personal-infos li {
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 40px;
    display: inline-block;
    float: left;
    padding: 5px 5px 5px 40px;
    margin: 0 10px;
    width: 160px; }
  header #personal-infos #home {
    background-image: url(../img/home32.png); }
  header #personal-infos #contact {
    background-image: url(../img/contactcard32.png); }
  header #personal-infos #info {
    background-image: url(../img/questionbook32.png);
    *width: 100px; }
  header #personal-infos #legend {
    padding: 5px;
    width: 220px; }

.on-error {
  color: #C66; }

.on-success {
  color: #6C6; }

.on-success, .on-error {
  font-weight: bold;
  font-size: 1.4em;
  padding-left: 20px;
  display: none;
  margin-top: 5px; }

body > .container {
  padding: 20px 0; }

footer {
  height: 320px;
  padding-top: 8px;
  color: white;
  background-image: url(../img/frise-footer.png);
  background-repeat: repeat-x;
  background-color: transparent; }
  footer .inner-footer {
    margin-top: 0;
    padding-top: 15px;
    background-image: url(../img/bg-footer.png);
    background-repeat: repeat-x;
    background-color: #2B4141; }
  footer h2 {
    color: #F0D200;
    text-transform: uppercase;
    font: 30px/34px "LeagueGothicRegular", Arial, sans-serif;
    text-shadow: 1px 1px 3px #555; }
  footer form label {
    color: white; }
  footer form .form-actions {
    background-color: transparent; }
  footer #links li {
    height: 70px;
    margin-top: 10px; }
    footer #links li img {
      height: 48px;
      margin-top: 6px; }
      footer #links li img:hover {
        margin-top: 8px; }

td.canada {
  background-image: url(../img/mapleleaf32.png);
  background-position: center left;
  padding-left: 40px;
  background-repeat: no-repeat; }

td.star {
  background-image: url(../img/star32.png);
  background-position: center left;
  padding-left: 40px;
  background-repeat: no-repeat; }

section h2 {
  font: 30px/34px "LeagueGothicRegular", Arial, sans-serif; }
section h3 {
  font: 22px/24px "LeagueGothicRegular", Arial, sans-serif;
  text-align: center;
  margin-top: 10px; }

.carousel .carousel-inner div.item {
  padding: 20px 75px 0 75px;
  height: 140px; }
  .carousel .carousel-inner div.item img {
    width: 100px;
    float: left; }
  .carousel .carousel-inner div.item p {
    padding-left: 120px; }

@media (max-width: 767px) {
  #links {
    width: 230px;
    margin: auto; }
    #links li {
      display: inline-block;
      height: 48px;
      width: 70px; }
      #links li img {
        margin-top: 0; }
        #links li img:hover {
          margin-top: 0; }

  section th {
    width: 100px; }
  section td.labels {
    width: 190px; }
    section td.labels .label {
      display: block;
      clear: both;
      margin-top: 3px;
      width: 180px; } }