@charset "UTF-8";
/*
 * Le carre des lombes
 * Style pour les écrans de plus de 960px
 */
/* line 12, ../compass/desktop.scss */
#header-container {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  padding: 0 2%;
}

/* line 18, ../compass/desktop.scss */
#content {
  width: 960px;
  padding: 0 0 20px;
  margin: 0 auto;
}

/* line 24, ../compass/desktop.scss */
.sidebar {
  width: 260px;
  float: right;
}

/* line 31, ../compass/desktop.scss */
#header {
  overflow: hidden;
  padding: 0;
}
/* line 35, ../compass/desktop.scss */
#header img.logo {
  float: left;
  margin: 0;
  padding: 10px 20px 10px 0;
  border-right: 1px solid #000;
}

/* line 43, ../compass/desktop.scss */
#nav {
  flex-basis: 90%;
}
/* line 46, ../compass/desktop.scss */
#nav .menu {
  width: auto;
  border-spacing: 10px;
  margin-top: 20px;
}

/* line 56, ../compass/desktop.scss */
#content .thumbnail-clip {
  top: 0;
  left: 0;
  position: absolute;
  clip: rect(0, 80px, 80px, 0);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  *position: relative;
  *width: 600px;
}
/* line 69, ../compass/desktop.scss */
#content .thumbnail-clip:hover {
  clip: rect(0, 900px, 450px, 0);
}
/* line 73, ../compass/desktop.scss */
#content .thumbnail-clip img {
  width: auto;
  *width: 100%;
}
/* line 79, ../compass/desktop.scss */
#content .thumbnail-placeholder {
  width: 100px;
  height: 100px;
  float: left;
  position: relative;
}

/* line 88, ../compass/desktop.scss */
.page-template .hentry {
  width: 660px;
  float: left;
}

/* line 94, ../compass/desktop.scss */
.flex-container {
  margin: 10px auto 25px;
}
/* line 97, ../compass/desktop.scss */
.flex-container ul.slides li {
  position: relative;
}
/* line 101, ../compass/desktop.scss */
.flex-container .flex-caption {
  position: absolute;
  bottom: 0;
}

/* line 108, ../compass/desktop.scss */
table.planning {
  width: 570px;
}