@import url(reset.css);
/***************************************
* IMPORTS
***************************************/
/***************************************
* FONTS
***************************************/
@font-face {
  font-family: 'SketchetikLight';
  src: url("../fonts/sketchetik-light/sketchetik-light.eot?") format("eot"), url("../fonts/sketchetik-light/sketchetik-light.woff") format("woff"), url("../fonts/sketchetik-light/sketchetik-light.ttf") format("truetype"), url("../fonts/sketchetik-light/sketchetik-light.svg#../fonts/sketechetik-light/sketchetik-light") format("svg");
}

@font-face {
  font-family: 'HelveticaNeueBold';
  src: url("../fonts/helvetica-neue-bold/helveticaneuebold.eot");
  src: url("../fonts/helvetica-neue-bold/helveticaneuebold.eot") format("embedded-opentype"), url("../fonts/helvetica-neue-bold/helveticaneuebold.woff") format("woff"), url("../fonts/helvetica-neue-bold/helveticaneuebold.ttf") format("truetype"), url("../fonts/helvetica-neue-bold/helveticaneuebold.svg#HelveticaNeueBold") format("svg");
}

@font-face {
  font-family: 'HelveticaNeueRegular';
  src: url("../fonts/helvetica-neue/helveticaneue.eot");
  src: url("../fonts/helvetica-neue/helveticaneue.eot") format("embedded-opentype"), url("../fonts/helvetica-neue/helveticaneue.woff") format("woff"), url("../fonts/helvetica-neue/helveticaneue.ttf") format("truetype"), url("../fonts/helvetica-neue/helveticaneue.svg#HelveticaNeueRegular") format("svg");
}

/***************************************
* VARIABLES
***************************************/
/***************************************
* HIERARCHY
***************************************/
/***************************************
* GENERAL
***************************************/
/* line 62, ../sass/style.scss */
html {
  height: 100%;
}

/* line 66, ../sass/style.scss */
body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background: url("../images-v2/bg-grey-texture.png") center top;
  font-family: "Trebuchet MS";
}

/* line 76, ../sass/style.scss */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 82, ../sass/style.scss */
a {
  color: #00322a;
  text-decoration: none;
  transition-property: color;
  transition-duration: 0.5s;
}

/* line 89, ../sass/style.scss */
a:hover {
  text-decoration: underline;
}

/* line 93, ../sass/style.scss */
input[type="text"] {
  border: none;
  font-family: "Trebuchet MS";
}

/* line 98, ../sass/style.scss */
.no-margin {
  margin: 0 !important;
}

/* line 102, ../sass/style.scss */
.hidden {
  display: none;
}

/* line 106, ../sass/style.scss */
.bold {
  font-family: "Trebuchet MS";
  font-weight: bold;
}

/* line 111, ../sass/style.scss */
hr {
  display: block;
  border: none;
  border-top: 1px solid #d9dadb;
  height: 1px;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}

/* line 120, ../sass/style.scss */
table td {
  vertical-align: top;
}

/***************************************
* STRUCTURE
***************************************/
/* line 127, ../sass/style.scss */
.container {
  width: 1000px;
  min-height: 100%;
  margin: auto;
  background: white url("../images-v2/bg-small-squares.png") left top;
  box-shadow: 0px 0px 45px 6px #8c8c8c;
}

/* line 136, ../sass/style.scss */
.logo {
  width: 112px;
  height: 80px;
  margin: 10px auto 18px auto;
}

/* line 142, ../sass/style.scss */
header {
  padding-top: 12px;
}
/* line 145, ../sass/style.scss */
header .pub-header {
  margin: 0 auto 18px auto;
  width: 700px;
  height: 90px;
  display: block;
}

/* line 153, ../sass/style.scss */
footer {
  text-align: center;
  font-size: 10px;
  margin-top: 69px;
  padding-bottom: 55px;
  color: #00322a;
  font-family: "Arial";
}

/***************************************
* HEADER
***************************************/
/* line 166, ../sass/style.scss */
.green-board {
  padding-top: 115px;
  padding-left: 115px;
  padding-right: 115px;
}
/* line 172, ../sass/style.scss */
.green-board .research {
  float: left;
  margin-top: 6px;
  overflow: hidden;
  display: none;
}
/* line 178, ../sass/style.scss */
.green-board .research input[type="text"] {
  width: 255px;
  height: 29px;
  padding-left: 28px;
  font-size: 16px;
  float: left;
}
/* line 186, ../sass/style.scss */
.green-board .research input[type="submit"] {
  background: url("../images-v2/bg-search-input.png") no-repeat left top;
  text-indent: -9999px;
  border: none;
  width: 52px;
  height: 29px;
  cursor: pointer;
  float: left;
}
/* line 197, ../sass/style.scss */
.green-board .primary-navigation {
  color: white;
  font-family: "SketchetikLight";
  clear: both;

  width: 462px;
  float: left;
}
.green-board .pub {
  float: right;
  margin-top: 5px;
}
/* line 605, ../sass/style.scss */
.green-board .pub .trombone {
  position: absolute;
  width: 36px;
  height: 56px;
  top: 0;
  right: 22px;
  background: url("../images-v2/img-trombone.png");
}
/* line 202, ../sass/style.scss */
.green-board .primary-navigation ul {
  overflow: hidden;
  margin-bottom: 12px;
}
/* line 206, ../sass/style.scss */
.green-board .primary-navigation ul li {
  float: left;
}
/* line 209, ../sass/style.scss */
.green-board .primary-navigation ul li a {
  color: white;
}
/* line 213, ../sass/style.scss */
.green-board .primary-navigation ul li a:hover {
  text-decoration: none;
}
/* line 219, ../sass/style.scss */
.green-board .primary-navigation .line-1 {
  font-size: 30px;
}
/* line 222, ../sass/style.scss */
.green-board .primary-navigation .line-1 li {
  margin-right: 18px;
}
/* line 227, ../sass/style.scss */
.green-board .primary-navigation .line-2 {
  font-size: 28px;
}
/* line 230, ../sass/style.scss */
.green-board .primary-navigation .line-2 li {
  margin-right: 10px;
}
/* line 235, ../sass/style.scss */
.green-board .primary-navigation .line-3 {
  font-size: 28px;
}
/* line 238, ../sass/style.scss */
.green-board .primary-navigation .line-3 li {
  margin-right: 15px;
}
/* line 243, ../sass/style.scss */
.green-board .primary-navigation .line-4 {
  font-size: 28px;
}
/* line 246, ../sass/style.scss */
.green-board .primary-navigation .line-4 li {
  margin-right: 10px;
}
/* line 243, ../sass/style.scss */
.green-board .primary-navigation .line-5 {
  font-size: 26px;
}
/* line 246, ../sass/style.scss */
.green-board .primary-navigation .line-5 li {
  margin-right: 14px;
}
/* line 243, ../sass/style.scss */
.green-board .primary-navigation .line-6 {
  font-size: 26px;
}
/* line 246, ../sass/style.scss */
.green-board .primary-navigation .line-6 li {
  margin-right: 10px;
}
/* line 251, ../sass/style.scss */
.green-board .primary-navigation .bleu a:hover, .green-board .primary-navigation .bleu a.selected {
  color: #2fd9fe;
}
/* line 255, ../sass/style.scss */
.green-board .primary-navigation .rose a:hover, .green-board .primary-navigation .rose a.selected {
  color: #fb8bcd;
}
/* line 259, ../sass/style.scss */
.green-board .primary-navigation .jaune a:hover, .green-board .primary-navigation .jaune a.selected {
  color: #fffa65;
}
/* line 265, ../sass/style.scss */
.green-board .secondary-navigation {
  height: 30px;
  line-height: 30px;
  float: right;
  margin-top: 5px;
}
/* line 272, ../sass/style.scss */
.green-board .secondary-navigation ul {
  overflow: hidden;
}
/* line 275, ../sass/style.scss */
.green-board .secondary-navigation ul li {
  float: left;
  margin-right: 25px;
}
/* line 279, ../sass/style.scss */
.green-board .secondary-navigation ul li a {
  font-family: "Trebuchet MS";
  color: white;
}
/* line 284, ../sass/style.scss */
.green-board .secondary-navigation ul li a:hover {
  text-decoration: none;
}
/* line 288, ../sass/style.scss */
.green-board .secondary-navigation ul li a.selected {
  font-weight: bold;
}
/* line 296, ../sass/style.scss */
.green-board .contact {
  width: 80px;
  float: right;
  margin-top: 5px;
}
.green-board .contact li {
  float: left;
}
/* line 302, ../sass/style.scss */
.green-board .contact .sprites-nav-header {
  width: 33px;
  height: 33px;
  display: block;
  margin-left: 10px;
}
/* line 310, ../sass/style.scss */
.green-board .contact .sprite-google {
  background-position: 0 0;
}
/* line 314, ../sass/style.scss */
.green-board .contact .sprite-facebook {
  background-position: 0 -64px;
}
/* line 318, ../sass/style.scss */
.green-board .contact .sprite-email {
  margin-left: 0;
  background-position: 0 -128px;
}
/* line 323, ../sass/style.scss */
.green-board .contact .sprite-google:hover {
  background-position: -64px 0;
}
/* line 327, ../sass/style.scss */
.green-board .contact .sprite-facebook:hover {
  background-position: -64px -64px;
}
/* line 331, ../sass/style.scss */
.green-board .contact .sprite-email:hover {
  background-position: -64px -128px;
}

/* line 337, ../sass/style.scss */
.green-board-home {
  width: 1000px;
  height: 778px;
  margin-bottom: 25px;
  background: url("../images-v2/bg-green-board-home.png") no-repeat center top;
}
/* line 343, ../sass/style.scss */
.green-board-home .primary-navigation {
  margin-top: 380px;
}

/* line 348, ../sass/style.scss */
.green-board-page {
  width: 1000px;
  height: 420px;
  background: url("../images-v2/bg-green-board.png") no-repeat center top;
}
/* line 353, ../sass/style.scss */
.green-board-page .primary-navigation {
  margin-top: 10px;
}

/***************************************
* LES PLUS
***************************************/
/* line 362, ../sass/style.scss */
.plus {
  width: 760px;
  margin: auto;
  overflow: hidden;
}
/* line 367, ../sass/style.scss */
.plus .plus-wrapper {
  width: 216px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 40px;
}
/* line 374, ../sass/style.scss */
.plus .plus-wrapper a:hover {
  text-decoration: none;
}
/* line 378, ../sass/style.scss */
.plus .plus-wrapper .normal {
  width: 100%;
  padding-top: 19px;
  padding-left: 19px;
  display: block;
}
/* line 385, ../sass/style.scss */
.plus .plus-wrapper .hover {
  width: 100%;
  display: none;
}
/* line 393, ../sass/style.scss */
.plus .plus-wrapper:hover .normal {
  width: 100%;
  display: none;
}
/* line 398, ../sass/style.scss */
.plus .plus-wrapper:hover .hover {
  width: 100%;
  display: block;
}
/* line 404, ../sass/style.scss */
.plus .plus-no-pub {
  padding-left: 10px;
}
/* line 408, ../sass/style.scss */
.plus .plus-no-pub .plus-wrapper .normal, .plus .plus-no-pub .plus-wrapper .hover {
  width: auto;
}
/* line 414, ../sass/style.scss */
.plus .plus-pub-300x250 {
  margin-top: 45px;
  padding-left: 0;
  float: left;
}
/* line 419, ../sass/style.scss */
.plus .plus-pub-300x250 .plus-wrapper {
  width: 128px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 20px;
}
/* line 426, ../sass/style.scss */
.plus .plus-pub-300x250 .plus-wrapper .normal {
  width: 100%;
  padding-top: 10px;
  display: block;
}
/* line 432, ../sass/style.scss */
.plus .plus-pub-300x250 .plus-wrapper .hover {
  width: 100%;
  display: none;
}
/* line 440, ../sass/style.scss */
.plus .plus-pub-300x250 .plus-wrapper:hover .normal {
  width: 100%;
  display: block;
}
/* line 445, ../sass/style.scss */
.plus .plus-pub-300x250 .plus-wrapper:hover .hover {
  width: 100%;
  display: none;
}
/* line 452, ../sass/style.scss */
.plus .plus-pub-250x250 {
  margin-top: 45px;
  padding-left: 0;
  float: left;
}
/* line 457, ../sass/style.scss */
.plus .plus-pub-250x250 .plus-wrapper {
  width: 144px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 23px;
}
/* line 464, ../sass/style.scss */
.plus .plus-pub-250x250 .plus-wrapper .normal {
  width: 100%;
  padding-top: 10px;
  display: block;
}
/* line 470, ../sass/style.scss */
.plus .plus-pub-250x250 .plus-wrapper .hover {
  width: 100%;
  display: none;
}
/* line 478, ../sass/style.scss */
.plus .plus-pub-250x250 .plus-wrapper:hover .normal {
  width: 100%;
  display: block;
}
/* line 483, ../sass/style.scss */
.plus .plus-pub-250x250 .plus-wrapper:hover .hover {
  width: 100%;
  display: none;
}
/* line 490, ../sass/style.scss */
.plus .pub {
  float: left;
  position: relative;
  margin-left: 30px;
  padding-top: 26px;
}
/* line 496, ../sass/style.scss */
.plus .pub .trombone {
  position: absolute;
  width: 36px;
  height: 56px;
  top: 0;
  right: 22px;
  background: url("../images-v2/img-trombone.png");
}

/***************************************
* CONTENU
***************************************/
/* line 511, ../sass/style.scss */
.main-content {
  width: 870px;
  min-height: 150px;
  margin: auto;
  margin-bottom: 50px;
  background: white;
  padding: 20px 35px 35px 35px;
  font-size: 14px;
  color: #00322a;
  line-height: 24px;
}

/* line 525, ../sass/style.scss */
.table-fiches p {
  margin-bottom: 10px;
}
/* line 529, ../sass/style.scss */
.table-fiches a {
  color: #00322a;
}

/* line 534, ../sass/style.scss */
.note-fiches-gratuites {
  font-size: 12px;
  line-height: 16px;
}

.fiche {
  overflow: hidden;
}

/* line 541, ../sass/style.scss */
.fiche .header-fiche {
  width: 615px;
  margin-right: 50px;
  margin-top: 20px;
  float: left;
}
/* line 546, ../sass/style.scss */
.fiche .header-fiche .titre-fiche {
  font-size: 18px;
  color: #b1b3b4;
  display: block;
  width: 100%;
  border-bottom: 1px solid #d9dadb;
}
/* line 554, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche {
  padding: 30px 0;
  font-size: 15px;
  font-weight: bold;
}
/* line 560, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche a {
  padding: 2px 5px;
}
/* line 564, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche a:hover {
  text-decoration: none;
}
/* line 568, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche .bleu {
  background: #2fd9fe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 575, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche .rose {
  background: #fb8bcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 582, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche .green {
  background: #31cda5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 589, ../sass/style.scss */
.fiche .header-fiche .sommaire-fiche .jaune {
  background: #fffa65;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* line 599, ../sass/style.scss */
.fiche .pub {
  float: right;
  position: relative;
  margin-left: 30px;
  margin-bottom: 20px;
}
/* line 605, ../sass/style.scss */
.fiche .pub .trombone {
  position: absolute;
  width: 36px;
  height: 56px;
  top: 0;
  right: 22px;
  background: url("../images-v2/img-trombone.png");
}
/* line 615, ../sass/style.scss */
.fiche .picto-matiere {
  float: left;
  width: 100px;
  margin-left: 16px;
  margin-top: 10px;
}
/* line 621, ../sass/style.scss */
.fiche .picto-matiere img {
  display: block;
  float: right;
}
/* line 627, ../sass/style.scss */
.fiche .cercle-rose {
  width: 68px;
  height: 68px;
  background-position: -128px 0;
  margin-top: 21px;
}
/* line 634, ../sass/style.scss */
.fiche .cercle-jaune {
  width: 68px;
  height: 68px;
  background-position: -256px 0;
  margin-top: 21px;
}
/* line 641, ../sass/style.scss */
.fiche .cercle-bleu {
  width: 68px;
  height: 68px;
  background-position: -128px -128px;
  margin-top: 21px;
}
/* line 648, ../sass/style.scss */
.fiche .cercle-vert {
  width: 68px;
  height: 68px;
  background-position: -256px -128px;
  margin-top: 21px;
}

/***************************************
* SPRITES
***************************************/
/* line 659, ../sass/style.scss */
.sprites {
  background-image: url("../images-v2/sprites.png");
}