/*
#@plugins/moutons/less/max.less
*/
* {
  box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
p,
.total,
.editer,
li {
  font-size: 1.25em;
  line-height: 1.3em;
}
p li,
.total li,
.editer li,
li li {
  font-size: inherit;
}
a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  display: inline-block;
}
.formation.active button {
  border: 1px solid transparent;
  color: #ffffff;
}
blockquote {
  font-size: 1.5em;
  line-height: 1.5em;
  font-style: italic;
}
code {
  font-size: 1.2em;
  line-height: 1.5em;
}
.lien {
  border: 1px solid;
  padding: .1em .25em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2em;
  color: #2442f0;
}
a.play {
  border: 1px solid;
  padding: .1em .25em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2em;
  color: #2442f0;
  display: inline-block;
  padding: .25em .5em;
  color: #ffffff;
  margin-top: .5em;
  cursor: pointer;
}
p.hyperlien {
  text-align: center;
  padding-top: 3em;
}
p.hyperlien a {
  border: 1px solid;
  padding: .1em .25em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2em;
  color: #2442f0;
  display: inline;
}
h1,
h2,
h3,
h4 {
  text-transform: uppercase;
}
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h1 small,
h2 small,
h3 small,
h4 small {
  display: block;
  font-size: .6em;
  font-weight: 100;
  padding-top: .25em;
}
h1.yellow,
h2.yellow,
h3.yellow,
h4.yellow {
  color: #ffc300;
}
h1.white,
h2.white,
h3.white,
h4.white {
  color: #ffffff;
}
.h1,
h1 {
  font-size: 2.65em;
  display: block;
  letter-spacing: -.03em;
}
.h1.hero,
h1.hero {
  font-size: 4.5em;
}
.h1.hero small,
h1.hero small {
  font-size: .3em;
  text-transform: none;
  letter-spacing: .1em;
}
.h1 + p,
h1 + p {
  font-size: 1.25em;
}
.h2,
h2 {
  display: block;
  text-align: center;
  margin: 2em 0 1em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 4em;
}
.h3,
h3 {
  font-size: 2em;
  position: relative;
  margin-bottom: 2em;
  margin-top: 3em;
}
.h3 span,
h3 span {
  position: relative;
  display: inline-block;
}
.h3 span span,
h3 span span {
  width: 70%;
  position: absolute;
  height: 5px;
  display: block;
  bottom: -.5em;
}
.h4,
h4 {
  margin: 0;
  font-size: 1.2em;
}
.h4 small,
h4 small {
  font-size: .75em;
}
address .h4 {
  border-bottom: 3px solid white;
  display: inline-block;
  padding: 2.5em 0 0.5em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 100;
}
span.erreur_message,
.reponse_formulaire {
  display: block;
  text-align: center;
  background: #ffffff;
  padding: .25em;
  margin: .5em 0;
}
span.erreur_message p,
.reponse_formulaire p {
  margin: 0;
}
.reponse_formulaire {
  margin-top: 1em;
}
.formulaire fieldset,
form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.formulaire label,
form label {
  display: block;
  text-transform: uppercase;
}
.formulaire ul,
form ul,
.formulaire li,
form li {
  padding: 0;
  list-style: none;
}
.formulaire h3.legend,
form h3.legend {
  margin: 1em 0;
}
.formulaire h3.legend span,
form h3.legend span {
  border-bottom: 5px solid white;
  padding-bottom: .25em;
}
.formulaire .editer.saisie_checkbox > label,
form .editer.saisie_checkbox > label {
  display: none;
}
.formulaire .editer_explication,
form .editer_explication {
  text-transform: uppercase;
  clear: both;
}
.formulaire .saisie_input input,
form .saisie_input input {
  width: 100%;
}
.formulaire .choix,
form .choix {
  float: left;
  padding: 0 3em 1em 0;
}
.formulaire .choix.choix_in,
form .choix.choix_in {
  clear: left;
}
.formulaire .choix::before,
form .choix::before {
  content: " ";
  display: block;
  clear: both;
}
.formulaire .choix label,
form .choix label {
  display: inline-block;
}
.formulaire .choix input,
form .choix input {
  margin-right: .5em;
}
.formulaire .saisie_radio span.erreur_message,
form .saisie_radio span.erreur_message {
  clear: both;
  display: inline-block;
  float: left;
}
.formulaire .saisie_radio::after,
form .saisie_radio::after {
  display: block;
  content: " ";
  clear: both;
}
.formulaire .btn,
form .btn,
.formulaire input[type="submit"],
form input[type="submit"],
.formulaire input[type="file"],
form input[type="file"],
.formulaire button,
form button {
  text-transform: uppercase;
  border: 1px solid white;
  background-color: transparent;
  color: #ffffff;
}
.formulaire .btn:hover,
form .btn:hover,
.formulaire input[type="submit"]:hover,
form input[type="submit"]:hover,
.formulaire input[type="file"]:hover,
form input[type="file"]:hover,
.formulaire button:hover,
form button:hover {
  background-color: #ffffff;
}
.formulaire input[type="file"],
form input[type="file"] {
  font-size: .8em;
}
.formulaire textarea,
form textarea {
  clear: both;
  width: 100%;
  padding: 1em;
}
.formulaire textarea,
form textarea,
.formulaire input,
form input {
  background-color: transparent;
  border: 1px solid white;
  color: white;
  padding: .8em;
  line-height: 1em;
  margin: .25em 0 .75em 0;
}
.formulaire textarea:focus,
form textarea:focus,
.formulaire input:focus,
form input:focus {
  outline: white auto 4px;
}
.formulaire textarea::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
.formulaire input::-webkit-input-placeholder,
form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.formulaire textarea[type="file"],
form textarea[type="file"],
.formulaire input[type="file"],
form input[type="file"],
.formulaire textarea[type="text"],
form textarea[type="text"],
.formulaire input[type="text"],
form input[type="text"],
.formulaire textarea[type="email"],
form textarea[type="email"],
.formulaire input[type="email"],
form input[type="email"] {
  width: 100%;
}
.texte {
  padding-bottom: 4em;
  width: 100%;
}
.texte .spip_documents .spip_doc_titre {
  display: none;
}
.texte .spip_documents > dt > img {
  width: 100%;
  height: auto;
}
body .h1.hero,
body h1.hero {
  font-size: 10em;
}
body nav address.tableFlex {
  width: 40%;
}
body nav ul {
  padding-left: 8em;
  width: 60%;
}
body nav ul li {
  line-height: 1.75em;
}
body nav ul li span:last-child,
body nav ul li span:first-child {
  display: inline;
}
body nav ul li span:last-child {
  margin-left: -35px;
}
body nav ul li.loading span:first-child {
  margin-right: 0;
}
body nav ul li.loading span:last-child {
  margin-left: 0;
}
body .buttons #panier,
body .buttons #menu {
  top: 3em;
}
body .buttons #panier {
  right: 3em;
}
body .buttons #menu {
  left: 3em;
}
body section#article {
  position: inherit;
}
body section#article .titre {
  width: 50%;
  height: 100%;
  position: fixed;
}
body section#article .titre h1 {
  font-size: 4.5em;
}
body section#article .titre > div {
  padding: 2em 11em;
}
body section#article .content {
  padding: 6em 1.5em 4em;
  float: right;
  width: 50%;
}
@media screen and (orientation: landscape) {
  body section#domaine_references article#projets ul li {
    width: 25%;
    height: 250px;
  }
}
body section#blog article {
  padding: 3em;
}
body section#blog article.articles > ul li {
  width: 23%;
}
body section#catalogue article.presentation h1 {
  margin: auto;
  margin-top: 1.5em;
  display: table;
}
body section#catalogue article.presentation h1 small {
  background-color: white;
  color: #b7a59e;
  letter-spacing: .25em;
}
body.panier section#catalogue article.formations {
  padding-right: 20em;
}
body.panier section#catalogue .panier {
  top: 3em;
  right: 3em;
}
body section#home > div.art_5 .texte div .redak {
  max-width: 650px;
  height: 328px;
  margin: 182px auto 0;
}
body section#home > div.art_5 .image > div {
  background-repeat: repeat;
  background-size: inherit;
  background-position: center;
}
body .loader,
body section#unfound,
body section#equipe,
body section#conclusions,
body section#contact,
body section#catalogue article,
body section#nono article,
body section#blog article,
body section#domaine_references article#references,
body section#domaine_references article#domaines,
body section#home div.home,
body nav {
  border-width: 1.8em;
}