@charset "utf-8";
@font-face {
  font-family: 'YanoneKaffeesatz Regular';
  src: url('webfonts/YanoneKaffeesatz_Regular/YanoneKaffeesatz-Regular-webfont.eot');
  src: url('webfonts/YanoneKaffeesatz_Regular/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/YanoneKaffeesatz_Regular/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('webfonts/YanoneKaffeesatz_Regular/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('webfonts/YanoneKaffeesatz_Regular/YanoneKaffeesatz-Regular-webfont.svg') format('svg');
}
@font-face {
  font-family: 'WebSymbols Regular';
  src: url('webfonts/WebSymbols_Regular/WebSymbols-Regular-webfont.eot');
  src: url('webfonts/WebSymbols_Regular/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/WebSymbols_Regular/WebSymbols-Regular-webfont.woff') format('woff'), url('webfonts/WebSymbols_Regular/WebSymbols-Regular-webfont.ttf') format('truetype'), url('webfonts/WebSymbols_Regular/WebSymbols-Regular-webfont.svg') format('svg');
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #7B8E95;
  font-style: italic;
  font-size: 12px;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #7B8E95;
  font-style: italic !important;
  font-size: 12px !important;
}
/* -- Fin PLACEHOLDER STYLES -- */
/*===========*/
/* -- PUB -- */
body {
  padding-top: 15px;
  background: #f9f9f8;
  /*background: #d9d9d9 url(../images/bg_cards_printing.jpg) no-repeat 0 0;
  background-attachment: scroll;
  background-size: 100%;*/
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
    background-image: none;
    /*background-attachment: fixed;
    background-size: contain;*/
  }
}
#conteneur-secondaire .thumbnails:first-child {
  background-color: rgba(245, 245, 247, 0.3) !important;
  border: 1px solid #D8D8E0;
}
.specifications {
  background: none !important;
}
.specifications .device:hover {
  color: #FFF !important;
}
/* -- FIN PUB -- */
/*===========*/
/* --- BASES ---*/
body {
  /*background: #D9D9D9 url(../images/moteur-arrow.png) no-repeat 98% 20px;*/
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.underlined {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
}
.underlined2 {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F0F0F0;
  width: 30%;
  clear: both;
}
.strong-none {
  font-weight: normal !important;
}
.textLeft {
  text-align: left !important;
}
.textRight {
  text-align: right !important;
}
.marginBottom {
  margin-bottom: 40px !important;
  display: block !important;
}
.font10 {
  font-size: 10px !important;
}
.font11 {
  font-size: 11px !important;
}
.no-border-radius {
  border-radius: 0 !important;
}
.shadow-inside {
  box-shadow: 0 0 40px #DBDBDB inset;
}
.smoke-style {
  background: whiteSmoke;
  text-shadow: none;
  color: #4E535C;
  font-weight: normal;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 12px;
}
.smoke-style .label,
.smoke-style .badge {
  text-shadow: none;
  font-weight: normal;
  font-size: 11px;
}
.label,
.badge {
  white-space: normal !important;
}
.label-brown {
  background: #8D6752 !important;
}
.label-orange {
  background: #D44A26 !important;
}
.label-pink {
  background: #936 !important;
}
.label-pinkDark {
  background: #420021 !important;
}
.label-darkBlue {
  background: #1E4757 !important;
}
.label-white {
  background: #FFF !important;
  color: #1D77A3 !important;
  border: solid 1px #0099CC;
  text-shadow: none;
}
.h4-style {
  font-size: 12px;
  color: #004080;
  padding-left: 8px;
  border-left: 4px solid #5AF;
}
.h4-style-red {
  font-size: 12px;
  color: #660000;
  padding-left: 8px;
  border-left: 4px solid #D90000;
}
.h4-style-green {
  font-size: 12px;
  color: #008040;
  padding-left: 8px;
  border-left: 4px solid #33CC00;
}
.h4-style-gray {
  font-size: 12px;
  color: #3A4545;
  padding-left: 8px;
  border-left: 4px solid #596466;
}
.h4-style-pink {
  font-size: 12px;
  color: #530029;
  padding-left: 8px;
  border-left: 4px solid #910048;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/* -- Intro link Vizite Rapide -- */
a.intro-link {
  width: 80px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 2%;
  margin-left: -40px;
  opacity: .5;
  -ms-filter: "alpha(opacity=50)";
  background: url(../images/icons/intro_bg.png) no-repeat;
  -moz-transition: ease-in-out background 0.3s;
  -webkit-transition: ease-in-out background 0.3s;
  transition: ease-in-out background 0.3s;
}
a.intro-link span {
  line-height: 10px;
  font-size: 10px;
  width: 60px;
  height: 30px;
  margin-top: 3px;
  text-align: center;
  font-weight: 600;
  color: #333;
  display: block;
  margin-left: 8px;
}
a.intro-link i {
  width: 80px;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #222;
  margin-top: 4px;
}
a.intro-link:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  background: url(../images/icons/intro_bg1.png) no-repeat;
}
a.intro-link:hover i {
  cursor: pointer;
  color: #FFF;
}
@media (max-width: 979px) {
  a.intro-link {
    right: 42%;
  }
}
/* Fin Intro */
/* -- PLACEHOLDER STYLES -- */
input::-webkit-input-placeholder {
  font-style: italic;
  font-size: 14px;
}
input:-moz-placeholder {
  font-style: italic;
  font-size: 14px;
}
/* -- Fin PLACEHOLDER STYLES -- */
/* --- HEADER --- */
#header {
  background: #2c2c2c url(../images/topbar.png) repeat-x;
  color: #FFF;
  padding: 0px 8px 3px;
  margin-top: 0px;
}
#header #navbar-inner {
  min-height: inherit;
}
#header .brand-hide_Desktop {
  font-family: "YanoneKaffeesatz Regular", sans-serif;
}
#header .topStat {
  font-size: 11px;
  margin: 0px 1px;
  width: auto;
  border-right: 1px solid #374046;
}
#header .no-border {
  border-right-style: none;
  border-right: none;
}
#header .topStat a {
  color: #71E2FF;
  display: inline-block;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 2px;
  padding: 1px 10px 1px 26px;
  behavior: url(PIE.htc);
}
#header #total-inscrits a {
  background: url(../images/icons/users.png) no-repeat 6px 4px;
}
#header #total-ecoles a {
  background: url(../images/icons/cyan/list_12x11.png) no-repeat 6px 4px;
}
#header #news-offres a {
  background: url(../images/icons/red/arrow_down_12x12.png) no-repeat 6px 5px;
  color: #FFF;
}
#header #referencer a {
  background: url(../images/icons/white/pilcrow_9x12.png) no-repeat 6px 4px;
  color: #A4C781;
}
#header #documentation a {
  color: #CCCC00;
  background-image: url(../images/icons/gray_light/book_11x12.png);
  background-repeat: no-repeat;
  background-position: 6px 4px;
}
#header #total-inscrits a:hover {
  background: #0088cc url(../images/icons/users_white.png) no-repeat 6px 4px;
  color: #FFFFFF;
}
#header #total-ecoles a:hover {
  background: #0000a0 url(../images/icons/white/list_12x11.png) no-repeat 6px 4px;
  color: #FFF;
}
#header #news-offres a:hover {
  background: #d9d9d9 url(../images/icons/orange/arrow_down_12x12.png) no-repeat 6px 5px;
  color: #152F3C;
}
#header #referencer a:hover {
  background: #476b3f url(../images/icons/white/pilcrow_9x12.png) no-repeat 6px 4px;
  color: #FFF;
}
#header #documentation a:hover {
  color: #2C2C2C;
  background: #f9d14b url(../images/icons/brown_dark/book_11x12.png) no-repeat 6px 4px;
}
#header .authen-box {
  float: right;
}
#header .authen-box a {
  padding: 2px 10px;
}
#header .authen-box .lien-auth {
  padding-top: 2px;
  padding-bottom: 2px;
}
#header .authen-box .lien-auth:hover {
  background: #F60;
}
/* --- FIN HEADER --- */
/* --- MOTEUR PRINCIPAL --- */
#moteurPrincipal {
  padding: 8px 8px 0px;
  margin: 2px auto;
  overflow: hidden;
  width: 70%;
  border-radius: 2px;
}
#moteurPrincipal p label {
  display: none;
}
#moteurPrincipal #search {
  width: 95%;
  height: 34px;
  float: left;
  border: none;
  background: #FFF;
  margin-right: 2px;
  font-family: 'lucida sans', 'trebuchet MS', 'Tahoma';
  font-size: 18px;
  line-height: 34px;
  font-weight: bold;
  color: #069;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  border-radius: 1px;
}
#moteurPrincipal #search:focus {
  outline: 0;
  border-color: #aaa;
  box-shadow: 0 1px 1px #bbb inset;
}
#moteurPrincipal #search::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
}
#moteurPrincipal #search:-moz-placeholder {
  color: #999;
  font-weight: normal;
}
#moteurPrincipal #search:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
#moteurPrincipal #submit {
  float: right;
  height: 37px;
  width: 50px;
  margin-top: -46px;
  padding: 0;
  cursor: default;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-family: "WebSymbols Regular", sans-serif;
  font-size: 15px;
  border-radius: 0 !important;
}
#moteurPrincipal #submit:hover,
#moteurPrincipal #submit:focus {
  background-color: #31b2c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
  background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
  background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
  background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
  background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
  background-image: linear-gradient(top, #0483a0, #31b2c3);
  -pie-background-image: linear-gradient(top, #0483a0, #31b2c3);
  behavior: url(PIE.htc);
}
#moteurPrincipal #submit:active {
  outline: 0;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  behavior: url(PIE.htc);
}
#moteurPrincipal #submit::-moz-focus-inner {
  border: 0;
}
#moteur-box .help-inline {
  margin-left: 15%;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: -2px;
  background: #2C2C2C;
  color: #EAEAEA;
  padding: 2px 15px;
  margin-top: 2px;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  behavior: url(PIE.htc);
}
/* --- FIN MOTEUR PRINCIPAL --- */
.container-fluid {
  padding-top: 10px;
  padding-bottom: 10px;
}
.container-fluid .row-fluid {
  padding-top: 10px;
  padding-bottom: 10px;
}
.row-fluid #navigation {
  padding: 10px;
  background: #F6F6F6;
}
.row-fluid #conteneur-secondaire {
  width: 71%;
  margin-right: auto;
  margin-left: auto;
}
#conteneur-secondaire .thumbnails:first-child {
  margin: 0px 0px 10px -10px;
  padding: 8px;
  background: #f5f5f7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  behavoir: url(PIE.htc);
  border: medium 3px #FFFFFF;
}
#conteneur-secondaire .rubrique {
  background: #CCC;
}
#conteneur-secondaire .s-rubrique {
  background: #EFF7F8;
  height: 200px;
  padding: 8px;
}
.container-fluid #social {
  margin-bottom: 40px;
  margin-top: 20px;
}
#footer {
  border-top: 8px solid #BBB4B0;
  border-right-color: #BBB4B0;
  border-bottom-color: #BBB4B0;
  border-left-color: #BBB4B0;
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #FAFAFA;
  background-repeat: no-repeat;
  background-position: center -16px;
  background-attachment: fixed;
  margin-bottom: 15px;
  clear: both;
}
#footer #html5-logo {
  background-image: url(../images/html5-logo.png);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 32px;
  width: 100%;
  margin-top: -30px;
  margin-bottom: 10px;
}
#footer .f-rub {
  padding: 0px;
  /*border: 1px solid #FAFAFA;
	min-height: 146px;
	-webkit-transition: background ease-in-out .5s;
	-moz-transition: background ease-in-out .5s;
	transition: background ease-in-out .5s;*/
}
/*#footer .f-rub:hover {
	background: #FFF;
	border: 1px solid #DFDFDF;
}*/
#footer .f-rub h3 {
  font-size: 12px;
  color: #868686;
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 8px;
}
#footer .f-rub div.partenaires {
  width: 58px;
  height: 27px;
  -webkit-transition: background ease-in-out 0.5s;
  -moz-transition: background ease-in-out 0.5s;
  transition: background ease-in-out 0.5s;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: 0px;
  cursor: default;
}
#footer .f-rub div.partenaires > h4 {
  display: none !important;
}
#footer .f-rub a.reseau {
  font-family: "WebSymbols Regular", sans-serif;
  font-size: 20px !important;
  color: #999;
  margin-bottom: 8px;
  display: inline-block;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
#footer .f-rub a.reseau .reseauID {
  font: 11px "Lucida Grande", sans-serif;
}
#footer .f-rub a.reseau:hover {
  margin-left: 5px;
}
#footer .f-rub a.reseau#twitter-footer:hover {
  color: #14B9DC;
}
#footer .f-rub a.reseau#facebook-footer:hover {
  color: #0052A4;
}
#footer .f-rub a.reseau#google-footer:hover {
  color: #DF0000;
}
#footer .f-rub div.partenaires#ministere-sn {
  background: url(../images/partenaires-footer.png) no-repeat 0px 20px;
}
#footer .f-rub div.partenaires#ministere-sn:hover {
  background: url(../images/partenaires-footer.png) no-repeat 0px -28px;
}
#footer .f-rub div.partenaires#edibon {
  background: url(../images/partenaires-footer.png) no-repeat -80px 20px;
}
#footer .f-rub div.partenaires#edibon:hover {
  background: url(../images/partenaires-footer.png) no-repeat -80px -28px;
}
#footer div#author-site {
  color: #A7A7A7;
  padding-top: 1px;
  border-top: 1px solid #DFDFDF;
  display: inline-block;
  padding-left: 10px;
}
#footer div#author-site a {
  color: #C00;
}
@media (max-width: 487px) {
  html {
    overflow-x: hidden;
  }
}
@media (max-width: 460px) {
  #moteur-box .help-inline {
    margin-left: 13%;
    width: 65%;
  }
  #moteurPrincipal #search {
    width: 94%;
    float: none;
  }
  #moteurPrincipal #submit {
    clear: both;
    width: 98%;
    float: none;
  }
}
@media (max-width: 767px) {
  #header .topStat a {
    display: block;
  }
}


#schoolBox {
  position: relative;
  list-style: none;
  text-align: center;
}

#schoolBox figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  text-align: center;
  cursor: pointer;
}

#schoolBox figure img {
  position: relative;
  display: block;
  -webkit-transition: all ease-in-out .4s;
  -moz-transition: all ease-in-out .4s;
  -o-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}

#schoolBox figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#schoolBox figure figcaption::before,
#schoolBox figure figcaption::after {
  pointer-events: none;
}

#schoolBox figure figcaption,
#schoolBox figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#schoolBox figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

#schoolBox figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

#schoolBox figure h2 span {
  font-weight: 800;
}

#schoolBox figure h2,
#schoolBox figure ul {
  margin: 0;
}

#schoolBox figure ul {
  letter-spacing: 1px;
  font-size: 68.5%;
  list-style: none;
}
figure.effect-zd {
  background: #2e5d5a;
}

figure.effect-zd:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0,0,0) scale(.98);
  transform: translate3d(0,0,0) scale(.98);
}

figure.effect-zd h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em;
}

figure.effect-zd ul {
  padding: 0 10px 0 0;
  width: 70%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

figure.effect-zd:hover ul {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

#social {
  text-align: center;
  padding-left: 200px;
  margin-bottom: 20px;
}