/*
#@0
*/
@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2 févr. 2020, 17:02:38
    Author     : gornety
*/
html {
  font-size: 100.01%;
}
body {
  font-size: 0.875em;
  line-height: 1.42857143em;
  color: #333333;
  font-family: "Roboto", sans-serif;
  background-color: #e9052b;
  margin: 0;
  /*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
  /*
    Created on : 13 juin 2020, 20:30:18
    Author     : gornety
*/
}
body h1, body .h1, body .h1-like, body h2, body .h2, body .h2-like, body h3, body .h3, body .h3-like, body h4, body .h4, body .h4-like, body h5, body .h5, body .h5-like, body h6, body .h6, body .h6-like, body .secondary h1, body .secondary .h1, body .secondary .h1-like, body .secondary h2, body .secondary .h2, body .secondary .h2-like, body .secondary h3, body .secondary .h3, body .secondary .h3-like, body .secondary h4, body .secondary .h4, body .secondary .h4-like, body .secondary h5, body .secondary .h5, body .secondary .h5-like, body legend {
  color: #757575;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 100%;
  font-weight: normal;
  text-rendering: optimizelegibility;
  display: block;
  margin: 0;
  padding: 0;
}
body h1, body .h1, body .h1-like {
  font-size: 2em;
  line-height: 1.42857143em;
  margin-bottom: 0.71428571em;
}
body .upper {
  text-transform: uppercase;
}
body .gras, body .bold {
  font-weight: 700;
}
body .italic {
  font-style: italic;
}
body .egrade {
  background-color: #D7FEE3;
}
body .en {
  background-color: #FCF6D9;
}
body .cbcs {
  background-color: #EEF3F3;
}
body a {
  outline: none;
  color: #000;
  text-decoration: none;
}
body a:hover, body a:focus, body a:active {
  background-color: transparent;
  color: #000;
  outline: none;
  text-decoration: none;
}
body .formulaire_spip .boutons {
  border: none;
}
body img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
body p, body .p, body dl, body dd, body blockquote, body address, body pre, body table, body fieldset, body .formulaire_spip fieldset.info {
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 1.42857143em;
}
body article, body aside, body details, body figcaption, body figure, body footer, body header, body hgroup, body nav, body section {
  display: block;
}
body ul, body ol, body li, body dl, body dt, body dd {
  margin: 0;
  padding: 0;
}
body ul, body ol {
  margin-bottom: 1.42857143em;
}
body .container::before, body .container::after, body .row::before, body .row::after {
  display: table;
  content: "";
  line-height: 0;
}
body .container::after, body .row::after {
  clear: both;
}
body .spip_documents {
  margin-top: 1.42857143em;
  margin-bottom: 1.42857143em;
  background: none;
}
body .spip_documents, body .spip_documents_center, body .spip_doc_titre, body .spip_doc_descriptif {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  max-width: 100%;
}
body .spip_documents_center {
  clear: both;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body div.spip, body ul.spip, body ol.spip, body .spip_poesie, body .spip_documents.spip_documents_center {
  margin-bottom: 1.42857143em;
}
body .page > .container {
  padding: 28px 28px 8px 28px;
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
}
body .page > .container > .filet {
  border: 2px solid #fe0000;
  padding: 28px 28px 20px 28px;
  text-align: center;
}
body .footer {
  *zoom: 1;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  color: #e9052b;
}
body .footer p.colophon {
  margin: 0;
  padding: 0;
}
body .footer a {
  color: #e9052b;
  background-color: transparent;
}
body .footer a:active, body .footer a:focus, body .footer a:hover {
  color: #000;
}
body div#row {
  margin: 0 auto;
}
body div#main {
  float: left;
  width: 100%;
}
body div#aside {
  float: left;
}
body div#extra {
  float: left;
}
body .span6 {
  float: none !important;
}
body [class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 10px;
}
body .formulaire_spip {
  clear: both;
  margin-bottom: 1.42857143em;
  padding: 1.42857143em;
  background-color: #f5f5f5;
  position: relative;
}
body formulaire_spip form {
  margin: 0 0 20px 0;
}
body fieldset, body .formulaire_spip fieldset.info {
  padding: 0;
  margin: 0;
  border: 0;
}
body legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #757575;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
body .formulaire_spip .editer-groupe, body .formulaire_spip > div > ul, body .formulaire_spip fieldset > ul, body .formulaire_spip .fieldset > ul, body .formulaire_spip form > ul, body .formulaire_spip form > div > ul {
  margin-left: 0;
  list-style: none;
  margin-bottom: 10px;
}
body .formulaire_spip .editer {
  list-style: none;
  clear: both;
  margin: 0 -1.42857143em;
  padding: 0.35714286em 1.42857143em;
}
body label, body select, body button, body input[type="button"], body input[type="reset"], body input[type="submit"], body input[type="radio"], body input[type="checkbox"] {
  cursor: pointer;
}
body label, body input, body button, body select, body textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
body label {
  display: block;
  margin-bottom: 5px;
}
body .formulaire_spip .editer.obligatoire label, body .formulaire_spip li.obligatoire label {
  font-weight: bold;
}
body input, body button, body select, body textarea {
  font-family: "Roboto", sans-serif;
}
body input, body textarea, body .uneditable-input {
  width: 206px;
  margin-left: 0;
}
body select, body textarea, body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body .uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
body textarea, body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
body textarea:focus, body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9 ;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
body form input.text {
  width: 80%;
}
body form textarea {
  width: 80%;
  height: auto;
}
body .formulaire_spip .boutons {
  border: none;
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
  margin: 0 -1.42857143em -1.42857143em;
  padding: 1.42857143em;
  text-align: right;
}
body .formulaire_spip .boutons::before, body .formulaire_spip .boutons::after {
  display: table;
  content: "";
  line-height: 0;
}
body .formulaire_spip .boutons::after {
  clear: both;
}
body .editer.erreur {
  background-color: #f2dede;
}
body .editer .erreur_message {
  display: block;
  color: #b94a48;
  font-weight: bold;
}
body .content .article {
  background-color: transparent;
  padding: 15px 0;
}
body .content .article .cartouche h1, body .content .article .cartouche .h1 {
  color: #757575;
}
body .content .article h2 {
  color: #757575;
  font-weight: 400;
  font-size: 2em;
  margin-bottom: 0.5em;
}
body .content .article .ssrub {
  margin-bottom: 0.5em;
}
body .content .article h3 {
  color: #727074;
  font-weight: 700;
  font-size: 1em;
  margin-bottom: 0.3em;
}
body .content .article .main .texte {
  text-align: justify;
}
body .content .article .cs_blocs .blocs_titre {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  padding: 0px;
  clear: left;
  cursor: pointer;
  background: none;
  text-align: left;
  margin: 18px 0 8px 0;
}
body .content .article .cs_blocs .blocs_titre.blocs_replie {
  background: none;
  text-align: center;
  font-size: 1em;
  margin: 8px 0 0.1em 0;
}
body .content .article .cs_blocs .blocs_destination, body .content .article .cs_blocs .blocs_destination p {
  text-align: justify;
}
body .content .article .documents .item, body .content .article .articles .item {
  padding-right: 0;
  padding-left: 0;
  border: none;
}
body .content .article .documents .item img.spip_logo, body .content .article .articles .item img.spip_logo {
  float: left;
  padding-right: 0.2em;
}
body .content .article .documents .item a, body .content .article .articles .item a {
  color: #000;
}
body .content .article .documents .item a .doccarac, body .content .article .articles .item a .doccarac {
  color: #777;
  font-style: italic;
}
body .content .article .documents .item a .boutonrouge, body .content .article .articles .item a .boutonrouge {
  color: #e9052b;
}
body .content .article .item {
  padding: 0 0 0.71428571em 0;
}
body .footer .liste-items .item, body .footer .liste-items .item:last-child {
  border: none;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  padding: 0px;
  clear: left;
  cursor: pointer;
  background: none;
  text-align: center;
  margin: 8px 0 0.1em 0;
}
body .footer .liste-items .item a, body .footer .liste-items .item:last-child a {
  color: #757575;
}
body.sommaire- .content-principal h2 {
  color: #e9052b;
}
.formulaire_recherche form input.search {
  width: 80%;
}
@media (min-width: 1226px) {
  body .container, body .navbar-static-top .container, body .navbar-fixed-top .container, body .navbar-fixed-bottom .container {
    width: 1170px;
  }
  body .page > .container > .filet {
    background-image: url('https://www.gpff.fr/squelettes/css/img/filigrane.png');
    background-repeat: no-repeat;
    background-position: 27px 90px;
    min-height: 700px;
  }
  div#row {
    width: 1110px;
  }
  div#content {
    margin: 0 191px;
  }
  .span6 {
    width: 727px;
  }
  .titraille .accueil .item.menu-entree {
    padding-left: 300px;
  }
  .titraille .accueil .item.buttons .menu-bouton {
    display: none;
  }
}
@media (min-width: 940px) and (max-width: 1225px) {
  body .page > .container > .filet {
    background-image: url('https://www.gpff.fr/squelettes/css/img/filigrane.png');
    background-repeat: no-repeat;
    background-position: 27px 90px;
    min-height: 700px;
  }
  body .page > .container {
    padding: 28px 3% 8px 3%;
  }
  div#row {
    width: 100%;
  }
  div#content {
    margin: 0 auto;
  }
  .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  body .page > .container > .filet {
    background-image: url('https://www.gpff.fr/squelettes/css/img/filigrane.png');
    background-repeat: no-repeat;
    background-position: 27px 90px;
    min-height: 700px;
  }
  body .page > .container {
    padding: 28px 3% 8px 3%;
  }
  div#row {
    width: 100%;
  }
  div#content {
    margin: 0 auto;
  }
  .span6 {
    width: 100%;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  body .page > .container > .filet {
    background-image: url('https://www.gpff.fr/squelettes/css/img/filigrane.png');
    background-repeat: no-repeat;
    background-position: 27px 90px;
    min-height: 700px;
  }
  body .page > .container {
    padding: 28px 3% 8px 3%;
  }
  div#row {
    width: 100%;
  }
  div#content {
    margin: 0 auto;
  }
  .span6 {
    width: 100%;
  }
}
@media (max-width: 599px) {
  body .page > .container > .filet {
    background-image: url('https://www.gpff.fr/squelettes/css/img/filigrane.png');
    background-repeat: no-repeat;
    background-position: 27px 90px;
    min-height: 700px;
  }
  body .page > .container {
    padding: 28px 3% 8px 3%;
  }
  div#row {
    width: 100%;
  }
  div#content {
    margin: 0 auto;
  }
  .span6 {
    width: 100%;
  }
}