/* PERSO */
/* TYPOGRAPHIE */
@font-face {
  font-family: 'Sony';
  src: url("font/SonySketchEF.eot");
  src: url("font/SonySketchEF.eot?#iefix") format("embedded-opentype"), url("font/SonySketchEF.woff2") format("woff2"), url("font/SonySketchEF.woff") format("woff"), url("font/SonySketchEF.ttf") format("truetype"), url("font/SonySketchEF.svg#SonySketchEF") format("svg"); }

@font-face {
  font-family: 'icomoon';
  src: url("icon/icomoon.eot");
  src: url("icon/icomoon.eot?#iefix") format("embedded-opentype"), url("icon/icomoon.woff") format("woff"), url("icon/icomoon.ttf") format("truetype"), url("icon/icomoon.svg") format("svg"); }

body {
  font-family: 'helvetica', sans-serif;
  color: #666666; }

h1 {
  font-family: 'Sony';
  margin-bottom: 30px; }

h2 {
  font-size: 1.7em;
  margin-top: 80px; }

h3 {
  font-size: 1.2em;
  margin-top: 20px;
  text-decoration: underline; }

a, footer strong, footer h6 {
  text-decoration: none; }
  a:hover, footer strong:hover, footer h6:hover {
    transition: all .4s;
    text-decoration: none; }

p, li {
  font-size: 16px;
  line-height: 1.8em; }

/* VARIABLES */
.nopadding {
  padding: 0; }

/* FORMULAIRES */
.sb-search {
  position: absolute;
  width: 0%;
  min-width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden; }
  @media screen and (max-width: 768px) {
    .sb-search {
      display: none; } }

.sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background-color: #f4f4f4;
  width: 100%;
  height: 30px;
  margin: 0;
  z-index: 10;
  padding: 0 55px 0 15px;
  font-family: inherit;
  font-size: 16px;
  color: #333333; }

.sb-search-input::-webkit-input-placeholder {
  color: #ccc; }

.sb-search-input:-moz-placeholder {
  color: #ccc; }

.sb-search-input::-moz-placeholder {
  color: #ccc; }

.sb-search-input:-ms-input-placeholder {
  color: #ccc; }

.sb-icon-search,
.sb-search-submit {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 30px;
  text-align: center;
  cursor: pointer; }

.sb-search-submit {
  background: #ffffff;
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1; }

.sb-icon-search {
  color: #ffffff;
  background: #d3012e;
  z-index: 90;
  font-size: 22px;
  font-family: 'Glyphicons Halflings';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }

.sb-icon-search:before {
  content: "";
  background: url("../img/loupe.png") no-repeat;
  height: 30px;
  width: 30;
  display: block; }

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100%; }

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #f88300;
  color: #ffffff;
  z-index: 11; }

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90; }

#formulaire_contact form > fieldset:first-of-type {
  border: 1px solid #f4f4f4;
  padding: 20px; }

#formulaire_contact ul {
  list-style: none;
  margin: 0; }

#formulaire_contact li {
  list-style: none;
  margin-bottom: 20px; }

.spip_forms input[type="text"],
.spip_forms textarea, .spip_forms select,
#formulaire_contact input[type="text"],
#formulaire_contact textarea {
  background: #fff;
  border: 1px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 8px; }

#formulaire_contact input[type="text"],
#formulaire_contact textarea, #formulaire_contact label {
  display: block;
  width: 100%; }

#formulaire_contact form > fieldset > legend:first-of-type {
  background: #e5e5e5;
  padding: 10px; }

input[type="radio"] + label {
  display: inline-block;
  width: auto;
  margin: 5px 0;
  cursor: pointer;
  text-align: center;
  padding: 4px 10px;
  border: 1px solid #ccc;
  background: #efefef;
  color: #333333;
  font-weight: normal;
  padding: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

input[type="radio"]:checked + label {
  background: #d3012e;
  border: 1px solid #fff;
  color: white; }

input[type="radio"] {
  width: 0px !important;
  opacity: 0;
  margin: 0;
  padding: 0; }

select {
  float: left;
  margin: 10px;
  padding: 10px;
  border: 1px solid #000; }

input[type="submit"] {
  float: right;
  width: 100px;
  padding: 5px;
  margin: 0 10px;
  background: #f4f4f4;
  border: 0px solid #fff;
  color: #333333; }
  input[type="submit"]:hover {
    background: #094196;
    color: #ffffff; }

.boutons input[type="submit"] {
  clear: both;
  float: none;
  margin: 10px 0;
  width: 300px; }

.filtre input[type="submit"] {
  clear: both;
  float: none;
  margin: 10px 0;
  width: 100%; }

/* SOMMAIRE */
.slideshow {
  background: #f4f4f4;
  height: 400px; }
  @media (max-width: 991px) {
    .slideshow {
      height: auto; } }
  .slideshow .carousel {
    padding: 40px;
    height: 400px; }
    @media (max-width: 991px) {
      .slideshow .carousel {
        height: 800px; } }
    .slideshow .carousel h4 {
      color: #333333 !important;
      font-size: 12px; }
      .slideshow .carousel h4:after {
        content: '';
        display: block;
        background: url("../img/mini-barre.jpg") no-repeat;
        height: 10px;
        margin-top: 10px; }
    .slideshow .carousel h3 {
      color: #333333 !important;
      text-decoration: none; }
    .slideshow .carousel .btn {
      width: 200px;
      text-align: left;
      margin: 20px 0; }
    .slideshow .carousel .image img {
      text-align: center;
      margin: 0 auto; }
  .slideshow .carousel-indicators {
    bottom: -10px;
    left: 10px;
    margin-left: 5px;
    width: 100%; }
  .slideshow .carousel-indicators li {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 15px; }
  .slideshow .carousel-control .glyphicon-chevron-right:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    color: #000; }

.actus {
  margin-bottom: 20px; }
  .actus .lesactus {
    position: relative;
    border: 1px solid #e5e5e5;
    height: 270px;
    padding: 10px; }
    .actus .lesactus .type {
      display: inline-block;
      position: relative;
      color: #ffffff;
      padding: 5px 10px;
      margin: 10px 0 0; }
      .actus .lesactus .type.type-12 {
        background: #f88300; }
      .actus .lesactus .type.type-8 {
        background: #094196; }
      .actus .lesactus .type.type-15 {
        background: #333333; }
    .actus .lesactus h4 {
      display: block;
      height: 30px;
      margin: 10px 0;
      color: #333333;
      font-size: 14px;
      font-weight: bold; }
      .actus .lesactus h4 a, .actus .lesactus h4 footer strong, footer .actus .lesactus h4 strong, .actus .lesactus h4 footer h6, footer .actus .lesactus h4 h6 {
        color: #333333 !important; }
    .actus .lesactus time {
      clear: both;
      display: block;
      margin-bottom: 10px; }
  .actus h3 {
    color: #333333 !important;
    text-decoration: none;
    margin: 20px 15px; }

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
  top: 47%;
  opacity: 0;
  width: 45px;
  height: 45px;
  z-index: 100;
  color: #ffffff;
  display: block;
  font-size: 24px;
  cursor: pointer;
  overflow: hidden;
  line-height: 43px;
  text-shadow: none;
  position: absolute;
  font-weight: normal;
  background: transparent;
  -webkit-border-radius: 100px;
  border-radius: 100px; }

.control-round:hover .carousel-control {
  opacity: 1; }

.control-round .carousel-control.left {
  left: 1%; }

.control-round .carousel-control.right {
  right: 1%; }

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
  color: #fdfdfd;
  background: rgba(0, 0, 0, 0.5);
  border: 0px transparent; }

.control-round .carousel-control.left > span:nth-child(1) {
  left: 45%; }

.control-round .carousel-control.right > span:nth-child(1) {
  right: 45%; }

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
  right: 45%;
  bottom: 3%;
  left: auto;
  width: 90%;
  height: 20px;
  font-size: 0;
  overflow-x: auto;
  text-align: right;
  overflow-y: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  white-space: nowrap; }

.indicators-line > .carousel-indicators li {
  padding: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #9e9e9e;
  text-indent: 0;
  overflow: hidden;
  text-align: left;
  position: relative;
  letter-spacing: 1px;
  background: #9e9e9e;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
  -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
  z-index: 10;
  cursor: pointer; }

.indicators-line > .carousel-indicators li:last-child {
  margin-right: 0; }

.indicators-line > .carousel-indicators .active {
  margin: 1px 5px 1px 1px;
  box-shadow: 0 0 0 2px #fff;
  background-color: transparent;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.indicators-line > .carousel-indicators .active:before {
  transform: scale(0.5);
  background-color: #fff;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.newsletter {
  background: #094196;
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
  margin-top: 40px; }
  .newsletter h4 {
    text-transform: uppercase;
    color: #ffffff !important;
    letter-spacing: 0.2em; }
  .newsletter ul {
    padding: 0;
    margin: 0; }
    .newsletter ul li {
      list-style: none; }
      .newsletter ul li label {
        padding-right: 10px; }
  .newsletter input.submit {
    background: #094196 !important;
    border: 1px solid #ffffff;
    color: #ffffff; }
    .newsletter input.submit:hover {
      background: #d3012e; }

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 991px) {
  .slide-text h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px; }
  .slide-text > p {
    font-size: 18px; } }

/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
  .slide-text {
    padding: 10px 50px; }
  .slide-text h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px; }
  .slide-text > p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px; }
  .control-round .carousel-control {
    display: none; } }

@media (max-width: 480px) {
  .slide-text {
    padding: 10px 30px; }
  .slide-text h1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px; }
  .slide-text > p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px; }
  .slide-text > a.btn-default, footer .slide-text > strong.btn-default, footer .slide-text > h6.btn-default,
  .slide-text > a.btn-primary,
  footer .slide-text > strong.btn-primary,
  footer .slide-text > h6.btn-primary {
    font-size: 10px;
    line-height: 10px;
    margin-right: 10px;
    text-align: center;
    padding: 10px 15px; }
  .indicators-line > .carousel-indicators {
    display: none; } }

.libe, .documentation {
  border: 1px solid #e5e5e5; }

.libe h4, .documentation h4 {
  color: #333333 !important;
  text-align: center; }

/* DON */
#don {
  background: #f88300 url("img/bg-don.jpg") no-repeat top right;
  height: 100%; }
  #don .don-default {
    padding: 20px;
    color: #ffffff; }
    #don .don-default .form-control {
      height: 40px;
      width: 100%; }
    #don .don-default .euro {
      text-align: left;
      font-size: 2em; }
    #don .don-default .reduction {
      padding: 20px; }
    #don .don-default #montant_reduction {
      border: 1px solid #ffffff;
      padding: 5px;
      font-size: 1.2em; }
    #don .don-default .btn {
      display: block;
      margin: 0 auto;
      width: 200px;
      cursor: pointer; }
  #don h2 {
    margin: 0;
    text-align: center;
    padding: 20px 0; }

/* HEADER */
.header {
  margin: 20px 0; }

.logo {
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (max-width: 991px) {
    .logo {
      display: block; } }
  @media screen and (max-width: 991px) {
    .logo img {
      text-align: center;
      margin: 0 auto; } }

.top {
  position: relative;
  margin-top: 10px; }
  .top ul {
    padding: 0;
    margin: 0 0 10px 0; }
    .top ul li {
      list-style: none;
      display: inline-block;
      vertical-align: middle; }
      .top ul li a, .top ul li footer strong, footer .top ul li strong, .top ul li footer h6, footer .top ul li h6 {
        display: block;
        color: #333333;
        padding: 0 10px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s; }
        .top ul li a:hover, .top ul li footer strong:hover, footer .top ul li strong:hover, .top ul li footer h6:hover, footer .top ul li h6:hover {
          color: #f88300;
          text-decoration: none; }

nav {
  position: relative;
  font-size: 0.9em; }
  nav:before {
    content: '';
    display: block;
    background: url("../img/barre.jpg") no-repeat;
    height: 7px;
    margin-top: 0px; }
  nav ul {
    padding: 0;
    margin: 0; }
    nav ul li {
      list-style: none;
      display: inline-block; }
      nav ul li a, nav ul li footer strong, footer nav ul li strong, nav ul li footer h6, footer nav ul li h6 {
        display: block;
        text-transform: uppercase;
        color: #333333;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        nav ul li a:hover, nav ul li footer strong:hover, footer nav ul li strong:hover, nav ul li footer h6:hover, footer nav ul li h6:hover {
          color: #fff;
          background: #333333;
          text-decoration: none; }
        nav ul li a.btn-don, nav ul li footer strong.btn-don, footer nav ul li strong.btn-don, nav ul li footer h6.btn-don, footer nav ul li h6.btn-don {
          background: #d3012e;
          color: #ffffff !important; }

nav {
  z-index: 1000; }
  nav #nav {
    position: relative;
    display: block;
    margin: 0 auto;
    font-size: 0.9em;
    z-index: 10; }
    nav #nav ul.cbp-hssubmenu {
      display: block;
      background-color: #FFFFFF;
      color: #333333;
      height: auto;
      left: 0;
      position: absolute;
      width: 100%;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      visibility: hidden;
      z-index: 10; }
      nav #nav ul.cbp-hssubmenu > li {
        display: inline-block;
        vertical-align: top;
        z-index: 10; }
        nav #nav ul.cbp-hssubmenu > li a, nav #nav ul.cbp-hssubmenu > li footer strong, footer nav #nav ul.cbp-hssubmenu > li strong, nav #nav ul.cbp-hssubmenu > li footer h6, footer nav #nav ul.cbp-hssubmenu > li h6 {
          display: block;
          text-align: left;
          text-transform: inherit;
          padding: 10px 0.8vw; }
          nav #nav ul.cbp-hssubmenu > li a:hover, nav #nav ul.cbp-hssubmenu > li footer strong:hover, footer nav #nav ul.cbp-hssubmenu > li strong:hover, nav #nav ul.cbp-hssubmenu > li footer h6:hover, footer nav #nav ul.cbp-hssubmenu > li h6:hover {
            text-decoration: none;
            color: #fff; }
    nav #nav > li {
      display: inline-block;
      padding: 0;
      margin: 0; }
      nav #nav > li > a, nav footer #nav > li > strong, footer nav #nav > li > strong, nav footer #nav > li > h6, footer nav #nav > li > h6 {
        color: #000;
        text-transform: uppercase;
        font-size: 0.95em;
        display: inline-block;
        display: block;
        text-decoration: none;
        outline: none;
        padding: 10px 0.9vw;
        text-transform: uppercase;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s; }
        nav #nav > li > a:hover, nav footer #nav > li > strong:hover, footer nav #nav > li > strong:hover, nav footer #nav > li > h6:hover, footer nav #nav > li > h6:hover {
          background-color: #f88300;
          color: #FFFFFF; }
        nav #nav > li > a.soutien, nav footer #nav > li > strong.soutien, footer nav #nav > li > strong.soutien, nav footer #nav > li > h6.soutien, footer nav #nav > li > h6.soutien {
          background-color: #d3012e;
          color: #ffffff; }
          nav #nav > li > a.soutien.on, nav footer #nav > li > strong.soutien.on, footer nav #nav > li > strong.soutien.on, nav footer #nav > li > h6.soutien.on, footer nav #nav > li > h6.soutien.on {
            text-decoration: none;
            color: #ffffff;
            background-color: #f88300; }

.no-touch .cbp-hsmenu > li > a:hover, .no-touch footer .cbp-hsmenu > li > strong:hover, footer .no-touch .cbp-hsmenu > li > strong:hover, .no-touch footer .cbp-hsmenu > li > h6:hover, footer .no-touch .cbp-hsmenu > li > h6:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.no-touch footer .cbp-hsmenu > li > strong:focus,
footer .no-touch .cbp-hsmenu > li > strong:focus,
.no-touch footer .cbp-hsmenu > li > h6:focus,
footer .no-touch .cbp-hsmenu > li > h6:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a,
footer .cbp-hsmenu > li.cbp-hsitem-open > strong,
footer .cbp-hsmenu > li.cbp-hsitem-open > h6 {
  color: #094196; }

/* Sous-Menu */
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
  top: 45px !important;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)" !important;
  filter: alpha(opacity=1) !important;
  opacity: 1 !important;
  z-index: 1000 !important;
  visibility: visible !important; }

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
  opacity: 1;
  -webkit-transition: opacity 0.5s 0.1s;
  -moz-transition: opacity 0.5s 0.1s;
  transition: opacity 0.5s 0.1s; }

.no-touch .cbp-hsmenu > li > a:hover, .no-touch footer .cbp-hsmenu > li > strong:hover, footer .no-touch .cbp-hsmenu > li > strong:hover, .no-touch footer .cbp-hsmenu > li > h6:hover, footer .no-touch .cbp-hsmenu > li > h6:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.no-touch footer .cbp-hsmenu > li > strong:focus,
footer .no-touch .cbp-hsmenu > li > strong:focus,
.no-touch footer .cbp-hsmenu > li > h6:focus,
footer .no-touch .cbp-hsmenu > li > h6:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a,
footer .cbp-hsmenu > li.cbp-hsitem-open > strong,
footer .cbp-hsmenu > li.cbp-hsitem-open > h6,
.no-touch .cbp-hsmenu > li > a.on,
.no-touch footer .cbp-hsmenu > li > strong.on,
footer .no-touch .cbp-hsmenu > li > strong.on,
.no-touch footer .cbp-hsmenu > li > h6.on,
footer .no-touch .cbp-hsmenu > li > h6.on {
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear; }

.sociaux {
  display: inline; }
  .sociaux .facebook {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    vertical-align: middle;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url("img/fba.gif"); }
    .sociaux .facebook:hover {
      background-image: url("img/fb.gif"); }
  .sociaux.twitter {
    background-image: url("img/twa.gif"); }
    .sociaux.twitter:hover {
      background-image: url("img/tw.gif");
      opacity: 1; }
  .sociaux.youtube {
    background-image: url("img/yta.gif"); }
    .sociaux.youtube:hover {
      background-image: url("img/youtube.gif");
      opacity: 1; }

/* FOOTER */
footer {
  background: #f4f4f4;
  padding: 15px 0;
  margin: 20px 0; }
  footer a, footer strong, footer h6 {
    text-transform: uppercase;
    color: #333333;
    font-size: 0.9em; }
    footer a.contact, footer strong.contact, footer h6.contact {
      display: block;
      color: #f88300;
      margin: 20px 0; }
  footer strong, footer h6 {
    color: #333333; }
  footer h6 {
    font-size: 12px; }
  footer ul {
    list-style: none;
    padding: 0; }
    footer ul li {
      font-size: 12px; }
  footer p {
    font-size: 12px; }
  footer .logo-foot {
    padding: 0; }
  footer label {
    padding-right: 5px; }
  footer .boutons input[type="submit"] {
    width: inherit;
    display: block;
    padding: 10px;
    background: #094196;
    color: #ffffff; }
    footer .boutons input[type="submit"]:hover {
      background: #d3012e; }

.last-footer {
  margin: 0 auto 20px auto;
  text-align: center; }
  .last-footer ul {
    list-style: none;
    margin: 0 auto; }
    .last-footer ul li {
      display: inline-block;
      list-style: none; }

h1 {
  color: #094196 !important;
  border-bottom: 5px solid #094196; }

h2 {
  color: #094196 !important; }

h3 {
  color: #094196 !important; }

h4 {
  color: #f88300 !important; }

.btn {
  border: #e5e5e5 1px solid !important;
  border-radius: 5px !important;
  color: #333333;
  background: #ffffff;
  margin: 5px; }
  .btn:hover {
    background: #094196;
    color: #ffffff !important; }

.spip_documents_left {
  margin-right: 20px; }

.spip_documents_right {
  margin-left: 20px; }

#liberateur li {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  list-style: none;
  margin: 5px 0; }
  #liberateur li .logo-libe {
    width: 100px;
    float: left;
    padding-right: 10px; }
  #liberateur li .titre-libe {
    width: 55%;
    float: left;
    padding: 35px 20px 0; }
  #liberateur li .boutons-libe {
    width: 30%;
    float: right;
    padding: 35px 0; }
    @media screen and (max-width: 768px) {
      #liberateur li .boutons-libe {
        width: 100%; } }

#documents_portfolio ul {
  margin: 0;
  padding: 0; }
  #documents_portfolio ul li {
    list-style: none;
    display: inline; }

#tip {
  position: absolute; }

.filtre {
  display: flex;
  height: 350px; }
  @media screen and (max-width: 900px) {
    .filtre {
      display: block;
      height: 150px;
      padding: 50px 0; } }
  .filtre p,
  .filtre form {
    margin: auto; }

#sections .col-md-6 {
  margin: 10px 0; }

#sections article {
  height: 290px;
  background: #f4f4f4;
  padding: 0; }
  #sections article p {
    padding: 5px 15px; }

#sections h3 {
  display: block;
  background: #f88300;
  color: #ffffff !important;
  padding: 10px;
  text-decoration: none;
  margin: 0; }

.liens-pratiques a, .liens-pratiques footer strong, footer .liens-pratiques strong, .liens-pratiques footer h6, footer .liens-pratiques h6 {
  display: block; }
  .liens-pratiques a:nth-of-type(odd), .liens-pratiques footer strong:nth-of-type(odd), footer .liens-pratiques strong:nth-of-type(odd), .liens-pratiques footer h6:nth-of-type(odd), footer .liens-pratiques h6:nth-of-type(odd) {
    background: #f4f4f4; }
  .liens-pratiques a .logo-liens, .liens-pratiques footer strong .logo-liens, footer .liens-pratiques strong .logo-liens, .liens-pratiques footer h6 .logo-liens, footer .liens-pratiques h6 .logo-liens {
    display: inline-block;
    background: #ffffff;
    text-align: center;
    width: 200px; }

.infos-plus {
  background: #f4f4f4; }

#filtrer {
  overflow: hidden;
  padding: 5px 0 20px 0;
  border-bottom: 1px solid #333333; }
  @media screen and (max-width: 768px) {
    #filtrer {
      padding: 20px 0; } }
  #filtrer form {
    width: 100%;
    float: right; }
    @media screen and (max-width: 768px) {
      #filtrer form {
        width: 100%; } }
    #filtrer form .tri-type {
      width: 50%;
      float: left; }
    #filtrer form .tri-annee {
      width: 50%;
      float: right; }

.archives {
  margin: 10px 0;
  clear: both;
  padding: 20px 0; }
  .archives ul {
    margin: 20px 0 0 0;
    padding: 0; }
    .archives ul li.odd {
      display: flex;
      position: relative;
      overflow: hidden; }
      @media (max-width: 768px) {
        .archives ul li.odd {
          display: block; } }
      .archives ul li.odd:nth-child(2n) {
        background: #eceff6; }
      .archives ul li.odd span {
        float: left;
        margin: auto;
        position: relative;
        padding: 0;
        vertical-align: middle; }
        @media (max-width: 768px) {
          .archives ul li.odd span {
            margin: inherit;
            vertical-align: inherit; } }
        .archives ul li.odd span.image {
          width: 50px; }
        .archives ul li.odd span.titre {
          width: 40%;
          padding: 0 10px; }
          @media (max-width: 768px) {
            .archives ul li.odd span.titre {
              width: 70%;
              padding: 0 5px; } }
        .archives ul li.odd span.type {
          width: 25%;
          background: none;
          color: #000; }
          @media (max-width: 768px) {
            .archives ul li.odd span.type {
              width: auto;
              font-size: 0.9em;
              padding: 0;
              margin: 0 5px; } }
        .archives ul li.odd span.ling {
          width: 150px;
          float: right;
          text-align: right; }
          @media (max-width: 768px) {
            .archives ul li.odd span.ling {
              display: block;
              font-size: 0.9em;
              padding: 0;
              margin: 2px; }
              .archives ul li.odd span.ling a, .archives ul li.odd span.ling footer strong, footer .archives ul li.odd span.ling strong, .archives ul li.odd span.ling footer h6, footer .archives ul li.odd span.ling h6 {
                display: block;
                clear: both;
                font-size: 0.9em; } }
        .archives ul li.odd span.annee {
          width: 100px;
          float: left;
          text-align: right;
          padding-right: 10px; }
          @media (max-width: 768px) {
            .archives ul li.odd span.annee {
              width: auto;
              font-size: 0.9em;
              padding: 0;
              float: right; } }

.membres aside {
  background: #f4f4f4;
  padding: 20px; }
  .membres aside ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .membres aside ul li a, .membres aside ul li footer strong, footer .membres aside ul li strong, .membres aside ul li footer h6, footer .membres aside ul li h6 {
      display: block;
      color: #333333;
      padding: 5px; }
      .membres aside ul li a:hover, .membres aside ul li footer strong:hover, footer .membres aside ul li strong:hover, .membres aside ul li footer h6:hover, footer .membres aside ul li h6:hover {
        background: #f88300;
        color: #ffffff;
        text-decoration: none; }

.pagination {
  display: block !important;
  margin: 20px auto !important;
  text-align: center; }

.pagination span a, .pagination span footer strong, footer .pagination span strong, .pagination span footer h6, footer .pagination span h6 {
  background: #f4f4f4;
  display: inline-block;
  padding: 10px 15px;
  color: #333333; }
  .pagination span a:hover, .pagination span footer strong:hover, footer .pagination span strong:hover, .pagination span footer h6:hover, footer .pagination span h6:hover {
    background: #094196;
    color: #ffffff;
    text-decoration: none; }

.pagination span strong, .pagination span footer h6, footer .pagination span h6 {
  background: #333333;
  color: #ffffff;
  display: inline-block;
  padding: 10px; }

.pagination .sep {
  display: none; }

.texteencadre-spip {
  background: #f4f4f4;
  border: 0;
  padding: 20px; }
  .texteencadre-spip h5 {
    color: #094196;
    font-size: 16px; }

.tableau table {
  margin: 0 auto; }
  .tableau table td {
    padding: 10px;
    margin: 10px;
    text-align: center; }

@keyframes link {
  0% {
    background: #7fa400 url("../img/link.png") no-repeat 100% 50%; }
  50% {
    background: #fc9719 url("../img/link.png") no-repeat 90% 50%; }
  100% {
    background: #fc9719 url("../img/link.png") no-repeat 100% 50%; } }