/*
#@plugins/moutons/less/more.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;
}
.turnAround {
  display: none;
}
body #menu {
  width: 60px;
  height: 60px;
}
body #menu svg {
  top: 4px;
  left: 4px;
  width: 50px;
  height: 50px;
}
body.nav nav ul li {
  height: auto;
}
body nav > div > div > div {
  padding-top: inherit;
  height: inherit;
}
body nav ul {
  font-size: 1.25em;
  display: block;
  align-self: center;
  padding-left: 4em;
  text-align: left;
  width: 70%;
}
body nav ul li a {
  opacity: .75;
}
body nav ul li.on a,
body nav ul li:hover a {
  font-size: 1.4em;
  opacity: 1;
}
body nav address {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
}
body nav address.tableFlex {
  width: 30%;
}
body nav address.tableFlex > div > div {
  text-align: left;
  vertical-align: bottom;
  padding: 1em 1em 3em;
}
body.page-panier .buttons #panier {
  visibility: hidden;
}
body section#blog article.articles > ul li {
  width: 45%;
}
body.panier section#catalogue .panier {
  top: 1em;
}
body.openPanier .buttons,
body.openPanier section#catalogue article,
body.openPanier section#catalogue .menu,
body.openPanier section#catalogue .formations {
  left: 0;
}
body section#conclusions {
  padding: 3em;
  padding-bottom: 4em;
}
body section#nono article {
  padding: 0;
  margin: auto;
}
body section#nono article form {
  height: 50%;
  font-size: 1em;
}
body section#nono article form .console ul li .snip {
  width: 250px;
}
body section#nono article form .form button {
  display: table-cell;
  vertical-align: bottom;
  margin-bottom: 27px;
  margin-left: 1em;
}
body section#nono article form .form input.search {
  width: 90%;
  font-size: 3em;
  padding-bottom: .5em;
}
body section#catalogue .panier {
  -webkit-transition: top 2s ease-out;
  -moz-transition: top 2s ease-out;
  -ms-transition: top 2s ease-out;
  -o-transition: top 2s ease-out;
  transition: top 2s ease-out;
  z-index: 89;
  padding-left: 1em;
  width: 220px;
  right: 1em;
  top: -50em;
  height: auto;
  padding: 1em;
}
body section#catalogue .panier ul {
  max-height: 430px;
}
body section#catalogue .menu {
  background-color: transparent;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  top: -10%;
}
body section#catalogue .menu.active {
  top: -1em;
}
body section#catalogue article.presentation h1 {
  line-height: 1.5em;
  margin-top: 4em;
}
body section#catalogue article.presentation h1 small {
  margin-top: -5.65em;
  line-height: 1em;
  display: block;
  padding: .25em;
}
body section#catalogue article.formations ul {
  display: table;
  border: 1px solid black;
  border-bottom: 0;
}
body section#catalogue article.formations ul .table.formation {
  display: table-row;
}
body section#catalogue article.formations ul .table.formation > strong,
body section#catalogue article.formations ul .table.formation > span,
body section#catalogue article.formations ul .table.formation > div {
  display: table-cell;
  width: 100px;
  margin: auto;
  vertical-align: middle;
  border-bottom: 1px solid black;
}
body section#catalogue article.formations ul .table.formation h4 {
  margin-top: .25em;
}
body section#catalogue article.formations ul .table.formation > div {
  float: none;
}
body section#catalogue article.formations ul .table.formation > div:first-child {
  padding: .5em;
  float: none;
  width: 65%;
}
body section#equipe {
  font-size: 1.2em;
}
body section#equipe .description {
  bottom: 10%;
}
body section#equipe .description .h1 {
  font-size: 3.2em;
}
body section#equipe .description .h2 {
  font-size: 2em;
}
body section#projet:focus {
  outline: none;
}
body section#projet article header div.logo .image {
  display: block;
}
body section#projet article div.displayer {
  margin: 3em 0;
  overflow: hidden;
}
body section#projet article div.displayer span {
  display: block;
  text-align: center;
}
body section#projet article div.displayer span img {
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
  width: 50%;
  height: auto;
}
body section#projet article div.displayer span img.animable {
  -webkit-transition: all 1.25s ease-out;
  -moz-transition: all 1.25s ease-out;
  -ms-transition: all 1.25s ease-out;
  -o-transition: all 1.25s ease-out;
  transition: all 1.25s ease-out;
}
body section#projet article div.displayer span:nth-child(1),
body section#projet article div.displayer span:nth-child(8) {
  margin-bottom: -4%;
}
body section#projet article div.displayer span:nth-child(1) img,
body section#projet article div.displayer span:nth-child(8) img {
  margin-left: -20%;
  width: 50%;
}
body section#projet article div.displayer span:nth-child(1) img.hide,
body section#projet article div.displayer span:nth-child(8) img.hide {
  margin-left: -30%;
}
body section#projet article div.displayer span:nth-child(2),
body section#projet article div.displayer span:nth-child(9) {
  margin-bottom: -10%;
}
body section#projet article div.displayer span:nth-child(2) img,
body section#projet article div.displayer span:nth-child(9) img {
  margin-left: 48%;
  width: 45%;
}
body section#projet article div.displayer span:nth-child(2) img.hide,
body section#projet article div.displayer span:nth-child(9) img.hide {
  margin-left: 72%;
}
body section#projet article div.displayer span:nth-child(3),
body section#projet article div.displayer span:nth-child(10) {
  margin-bottom: -4%;
}
body section#projet article div.displayer span:nth-child(3) img,
body section#projet article div.displayer span:nth-child(10) img {
  margin-left: -35%;
  width: 45%;
}
body section#projet article div.displayer span:nth-child(3) img.hide,
body section#projet article div.displayer span:nth-child(10) img.hide {
  margin-left: -52.5%;
}
body section#projet article div.displayer span:nth-child(4),
body section#projet article div.displayer span:nth-child(11) {
  margin-bottom: -4%;
}
body section#projet article div.displayer span:nth-child(4) img,
body section#projet article div.displayer span:nth-child(11) img {
  margin-left: -28%;
  width: 35%;
}
body section#projet article div.displayer span:nth-child(4) img.hide,
body section#projet article div.displayer span:nth-child(11) img.hide {
  margin-left: -42%;
}
body section#projet article div.displayer span:nth-child(5),
body section#projet article div.displayer span:nth-child(12) {
  margin-bottom: 6%;
}
body section#projet article div.displayer span:nth-child(5) img,
body section#projet article div.displayer span:nth-child(12) img {
  margin-left: 48%;
  width: 55%;
}
body section#projet article div.displayer span:nth-child(5) img.hide,
body section#projet article div.displayer span:nth-child(12) img.hide {
  margin-left: 72%;
}
body section#projet article div.displayer span:nth-child(6) {
  margin-bottom: 8%;
}
body section#projet article div.displayer span:nth-child(6) img {
  margin-left: -30%;
  width: 65%;
}
body section#projet article div.displayer span:nth-child(6) img.hide {
  margin-left: -45%;
}
body section#projet article div.displayer span:nth-child(7) {
  margin-bottom: -2%;
}
body section#projet article div.displayer span:nth-child(7) img {
  margin-left: 45%;
  width: 45%;
}
body section#projet article div.displayer span:nth-child(7) img.hide {
  margin-left: 67.5%;
}
body section#projet article div.displayer span.cale,
body section#projet article div.displayer span:first-child,
body section#projet article div.displayer span:last-child {
  margin-bottom: 0;
}
body section#projet article .texte p,
body section#projet article .texte ul,
body section#projet article .texte h3 {
  padding-left: 100px;
  padding-right: 100px;
}
body section#unfound h1 {
  font-size: 40em;
}
body section#home .mouse {
  display: block;
}
body section#home > div .texte > div {
  padding-top: 9em;
}
body section#home > div .centrer {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
body section#home > div.home:first-child .image {
  height: 100%;
}
body section#home > div.art_1 .image > div,
body section#home > div.art_2 .image > div {
  background-position: bottom center;
}
body section#home > div.art_3 .image {
  background-position: center;
}
body section#home > div.art_3 .texte > div {
  padding-top: 16em;
}
body section#home > div.art_4 a.play {
  width: inherit;
  position: relative;
  left: inherit;
  top: inherit;
  z-index: inherit;
}
body section#home > div.art_5 .texte > div {
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /*
					width: 100%;
					max-width: 650px;
					background-color: #bdb5a5;
					height: 328px;
					margin-top: 205px;
					*/
}
body section#home > div.art_5 .texte > div .redak {
  width: 100%;
  max-width: 560px;
  background-color: #bdb5a5;
  height: 284px;
  margin: 213px auto 0;
}
body section#home > div .image {
  position: absolute;
  width: 100%;
  right: 0;
  height: 100%;
  top: 0;
  border-width: 1.5em;
}
body section#home > div .texte {
  color: inherit !important;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
body section#home > div .texte > div small {
  top: 3.5em;
  right: 3em;
}
body section#home > div .texte > div p br {
  display: inline;
}
body section#home > div .texte > div h2 {
  font-size: 5em;
}
@media screen and (orientation: landscape), screen and (orientation: portrait) {
  body section#domaine_references article#projets ul li {
    width: 50%;
    height: 250px;
  }
}
body section#domaine_references article#references > div ul li {
  display: inline-block;
  width: 19%;
}
body section#domaine_references article#domaines div.content h1 {
  margin: 0;
}
body ul.ss_nav {
  margin: 0 auto;
}
body ul.ss_nav li,
body ul.ss_nav li.pipe {
  display: inline-block;
}
body span.erreur_message,
body .reponse_formulaire {
  display: inline-block;
}
body .formulaire .editer_nom,
body form .editer_nom,
body .formulaire .editer_telephone,
body form .editer_telephone,
body .formulaire .editer_organisation,
body form .editer_organisation,
body .formulaire .editer_email_1,
body form .editer_email_1,
body .formulaire .pieces_jointes,
body form .pieces_jointes,
body .formulaire .saisie_input,
body form .saisie_input {
  float: left;
  width: 50%;
}
body .formulaire .editer_nom:nth-child(odd),
body form .editer_nom:nth-child(odd),
body .formulaire .editer_telephone:nth-child(odd),
body form .editer_telephone:nth-child(odd),
body .formulaire .editer_organisation:nth-child(odd),
body form .editer_organisation:nth-child(odd),
body .formulaire .editer_email_1:nth-child(odd),
body form .editer_email_1:nth-child(odd),
body .formulaire .pieces_jointes:nth-child(odd),
body form .pieces_jointes:nth-child(odd),
body .formulaire .saisie_input:nth-child(odd),
body form .saisie_input:nth-child(odd) {
  padding-left: .5em;
}
body .formulaire .editer_nom:nth-child(even),
body form .editer_nom:nth-child(even),
body .formulaire .editer_telephone:nth-child(even),
body form .editer_telephone:nth-child(even),
body .formulaire .editer_organisation:nth-child(even),
body form .editer_organisation:nth-child(even),
body .formulaire .editer_email_1:nth-child(even),
body form .editer_email_1:nth-child(even),
body .formulaire .pieces_jointes:nth-child(even),
body form .pieces_jointes:nth-child(even),
body .formulaire .saisie_input:nth-child(even),
body form .saisie_input:nth-child(even) {
  padding-right: .5em;
}