/*
Theme Name: FNAU
Author: l'équipe Oblady
Author URI: http://www.oblady.com
Description: Un thème moderne dans les dominantes de couleurs rouges et blanches avec quelques accents violets, répondant aux codes flat design. Ce thème responsive est hautement personnalisable, il comprend une barre latérale à droite qui peut être redéfinie et surchargée pour chaque page, de nombreux Widgets sont insérables afin de personnaliser la page d'accueil avec les types de contenus personnalisés créés pour la FNAU.
Version: 1.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, red, white, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, translation-ready
Text Domain: twentysixteen
*/
/***** Fonts *****/
@font-face {
  font-family: 'roboto';
  src: url('fonts/roboto-regular-webfont.eot');
  src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype'), url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-light';
  src: url('fonts/roboto-light-webfont.eot');
  src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-bold';
  src: url('fonts/Roboto-Bold-webfont.eot');
  src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold-webfont.woff2') format('woff2'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-medium';
  src: url('fonts/roboto-medium-webfont.eot');
  src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium-webfont.woff2') format('woff2'), url('fonts/roboto-medium-webfont.woff') format('woff'), url('fonts/roboto-medium-webfont.ttf') format('truetype'), url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-cond';
  src: url('fonts/robotocondensed-regular-webfont.eot');
  src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('fonts/robotocondensed-regular-webfont.woff') format('woff'), url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('fonts/robotocondensed-regular-webfont.svg#futura_condensed_bqregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-cond-bold';
  src: url('fonts/robotocondensed-bold-webfont.eot');
  src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('fonts/robotocondensed-bold-webfont.woff') format('woff'), url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-cond-light';
  src: url('fonts/robotocondensed-light-webfont.eot');
  src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('fonts/robotocondensed-light-webfont.woff') format('woff'), url('fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/***** Fin Fonts *****/
/***** Variables *****/
/***** Fin Variables *****/
/***** Mixins *****/
.bouton {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  font-size: 1.8rem;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
}
.element {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  font-size: 1.8rem;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
}
.ellipsis-2-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  max-height: 4rem;
  line-height: 2rem;
  font-size: 2rem;
  position: relative;
}
@supports (background: -moz-linear-gradient()) {
  .ellipsis-2-lines:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px 0px 45px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(45%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 45%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 45%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 45%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 45%, white);
  }
}
/***** Fin Mixins *****/
/***** Généralités *****/
* {
  margin: 0px;
  padding: 0px;
}
html {
  font-size: 62.5%;
  height: 100%;
  background: #e0e0e0;
}
body {
  background: #e0e0e0;
  color: #585858;
}
#main {
  margin: auto;
  background: #fff;
}
main {
  margin-bottom: 30px;
}
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#page-content-wrapper {
  z-index: 2;
}
section {
  margin-bottom: 30px;
}
.transition {
  transition: all 0.3s;
}
.transition:hover {
  transition: all 0.3s;
}
a,
i {
  transition: all 0.3s;
}
a:hover,
i:hover {
  transition: all 0.3s;
}
a {
  color: #e72f27;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #592041;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}
button {
  cursor: pointer;
  border: none;
  background: none;
}
.material-icons {
  vertical-align: middle;
}
.alignleft {
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}
.bordure-bas {
  box-sizing: content-box;
  border-bottom: 10px solid #e72f27;
}
#scrolltop {
  display: none;
  font-size: 6rem;
  position: fixed;
  right: 50px;
  bottom: 0;
  opacity: 0.5;
  background: none;
}
#scrolltop:hover {
  opacity: 1;
}
.pagination {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
form {
  display: inline-block;
  vertical-align: middle;
}
form input[type="text"] {
  transition: all 0.3s;
  border: 1px solid #e0e0e0;
  height: 40px;
  padding: 5px;
  float: left;
}
form input[type="text"]:hover {
  transition: all 0.3s;
}
form button {
  height: 40px;
  width: 40px;
  text-align: center;
  opacity: 0.7;
  border: 1px solid #e0e0e0;
  border-left: none;
  float: left;
  transition: all 0.3s;
}
form button:hover {
  transition: all 0.3s;
}
form button:hover {
  transition: all 0.3s;
  opacity: 1;
}
form button:hover:hover {
  transition: all 0.3s;
}
img {
  border: 1px solid #e0e0e0;
  max-width: 100% !important;
  height: auto;
}
.wp-caption {
  max-width: 100% !important;
}
/***** Fin Généralités *****/
/***** Header *****/
header {
  border-bottom: #e72f27 solid 10px;
  padding-bottom: 10px;
}
header .navbar {
  padding: 0;
}
header #menu-menu-social {
  float: right;
}
.site-title {
  margin-top: 25px;
}
.site-title a {
  display: block;
  font-size: 0;
  background: url('css/img/logo.png') no-repeat center;
  width: 230px;
  height: 120px;
}
.site-description {
  display: none;
}
/***** Fin Header *****/
/***** Menu *****/
header #menu-menu-principal,
header #menu-main-menu-english {
  font-family: roboto-cond-light;
  text-transform: uppercase;
  padding-top: 25px;
}
header #menu-menu-principal:after,
header #menu-main-menu-english:after {
  content: "";
  display: table;
  clear: both;
}
header #menu-menu-principal li,
header #menu-main-menu-english li {
  padding: 1px 5px;
  margin-bottom: 10px;
  position: relative;
  height: 30px;
  float: left;
  width: 32%;
  margin-right: 1%;
}
header #menu-menu-principal li .bg,
header #menu-main-menu-english li .bg {
  z-index: 0;
  position: absolute;
  height: 0;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  background: #e72f27 bottom;
  transition: all 0.3s;
}
header #menu-menu-principal li .bg:hover,
header #menu-main-menu-english li .bg:hover {
  transition: all 0.3s;
}
header #menu-menu-principal li a,
header #menu-main-menu-english li a {
  color: #585858;
  font-size: 2rem;
  z-index: 1;
  display: block;
  position: relative;
  /*top: 0;
                bottom: 0;*/
  left: 5px;
  right: 0;
}
header #menu-menu-principal li:hover,
header #menu-main-menu-english li:hover,
header #menu-menu-principal li.current-post-parent,
header #menu-main-menu-english li.current-post-parent,
header #menu-menu-principal li.current-menu-item,
header #menu-main-menu-english li.current-menu-item,
header #menu-menu-principal li.current-page-ancestor,
header #menu-main-menu-english li.current-page-ancestor {
  color: #fff;
}
header #menu-menu-principal li:hover .bg,
header #menu-main-menu-english li:hover .bg,
header #menu-menu-principal li.current-post-parent .bg,
header #menu-main-menu-english li.current-post-parent .bg,
header #menu-menu-principal li.current-menu-item .bg,
header #menu-main-menu-english li.current-menu-item .bg,
header #menu-menu-principal li.current-page-ancestor .bg,
header #menu-main-menu-english li.current-page-ancestor .bg {
  transition: all 0.3s;
  height: 100%;
  bottom: 0;
  top: auto;
}
header #menu-menu-principal li:hover .bg:hover,
header #menu-main-menu-english li:hover .bg:hover,
header #menu-menu-principal li.current-post-parent .bg:hover,
header #menu-main-menu-english li.current-post-parent .bg:hover,
header #menu-menu-principal li.current-menu-item .bg:hover,
header #menu-main-menu-english li.current-menu-item .bg:hover,
header #menu-menu-principal li.current-page-ancestor .bg:hover,
header #menu-main-menu-english li.current-page-ancestor .bg:hover {
  transition: all 0.3s;
}
header #menu-menu-principal li:hover a,
header #menu-main-menu-english li:hover a,
header #menu-menu-principal li.current-post-parent a,
header #menu-main-menu-english li.current-post-parent a,
header #menu-menu-principal li.current-menu-item a,
header #menu-main-menu-english li.current-menu-item a,
header #menu-menu-principal li.current-page-ancestor a,
header #menu-main-menu-english li.current-page-ancestor a {
  color: #fff;
}
aside.navbar {
  background: #e0e0e0;
  /*height: 50px;*/
  font-family: "roboto";
  font-size: 1.7rem;
  border: 0px;
  z-index: 10;
  min-height: auto;
  margin-bottom: 0;
}
aside.navbar .navbar-header {
  width: 100%;
  /*height: 50px;*/
  position: relative;
}
aside.navbar i {
  color: #fff;
  font-size: 30px;
  /*height: 50px;*/
  line-height: 40px;
  text-align: center;
  width: 50px;
  opacity: 0.7;
}
aside.navbar i:hover {
  opacity: 1;
}
aside.navbar ul.pull-left li {
  /*height: 50px;*/
  /*width: 50px;*/
  float: left;
}
aside.navbar ul.pull-left li a {
  background: #e72f27 none repeat scroll 0 0;
  display: inline-block;
  height: 100%;
  /*text-indent: -99999px;*/
  /*height: 50px;*/
  width: 100%;
}
aside.navbar ul.pull-left li #contact {
  background: #592041;
}
aside.navbar ul.pull-left li #search {
  background: #4a484b;
  width: 50px;
}
aside.navbar ul.pull-left li #searchform input[type='text'] {
  width: 0;
  padding: 0;
  border: none;
}
aside.navbar ul.pull-left li #searchform input[type='text'].toggled {
  transition: all 0.3s;
  width: 200px;
  padding: 5px;
  border: 1px solid #e0e0e0;
}
aside.navbar ul.pull-left li #searchform input[type='text'].toggled:hover {
  transition: all 0.3s;
}
aside.navbar ul.pull-left li #searchform button {
  display: none;
}
aside.navbar ul.pull-left li #loc {
  background: #fff;
}
aside.navbar ul.pull-left li #loc i {
  color: #e72f27;
}
aside.navbar ul.pull-left li:last-child {
  width: 81px;
}
aside.navbar ul.pull-left li:last-child ul {
  margin-left: 15px;
}
aside.navbar ul.pull-left li:last-child ul li {
  text-indent: 1px;
  line-height: 40px;
  width: auto;
}
aside.navbar ul.pull-left li:last-child ul li a {
  color: #4a484b;
  /*text-decoration: underline;*/
  text-indent: 1px;
  line-height: 40px;
  background: none;
  text-transform: uppercase;
  display: inline;
}
aside.navbar ul.pull-left li:last-child ul li a:hover {
  color: #e72f27;
  font-family: "roboto-bold";
  text-decoration: none;
}
aside.navbar ul.pull-left li:last-child ul li.current-lang a {
  color: #e72f27;
  text-decoration: none;
  font-family: "roboto-bold";
}
aside.navbar ul.pull-left li:last-child ul li:after {
  content: " -";
  padding-right: 3px;
}
aside.navbar ul.pull-left li:last-child ul li:last-of-type:after {
  content: "";
}
aside.navbar ul.pull-right li {
  float: right;
  /*height: 50px;*/
  width: 47px;
}
aside.navbar ul.pull-right li a {
  background: #e72f27 none repeat scroll 0 0;
  display: block;
  height: 100%;
  /*text-indent: -99999px;*/
  width: 100%;
}
aside.navbar ul.pull-right li .navbar-toggle {
  border: 1px solid #434343;
}
aside.navbar ul.pull-right li .navbar-toggle .icon-bar {
  background: #434343;
}
aside.navbar .navbar-collapse {
  padding: 0px;
}
aside.navbar .navbar-collapse ul li {
  /*text-indent: -99999px;*/
  width: 50px;
}
aside.navbar .navbar-collapse ul li a {
  padding: 0px;
}
aside.navbar .navbar-collapse ul li a i {
  color: #4a484b;
}
aside.navbar .navbar-collapse ul li a#rss:hover i {
  color: #FF6600;
}
aside.navbar .navbar-collapse ul li a#youtube:hover i {
  color: #bb0000;
}
aside.navbar .navbar-collapse ul li a#linkedin:hover i {
  color: #00a0dc;
}
aside.navbar .navbar-collapse ul li a#twitter:hover i {
  color: #4099FF;
}
.submenu {
  background: #e72f27;
  color: #fff;
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.submenu h1 {
  font-family: roboto-cond-light;
  font-size: 3.8rem;
  text-transform: uppercase;
  margin-top: 10px;
}
.submenu a {
  color: #fff;
}
.submenu nav ul li {
  margin-bottom: 10px;
  position: relative;
  /*height: 30px;*/
  /*border-bottom: 1px solid @white;*/
}
.submenu nav ul li .item-text {
  font-family: roboto-cond-light;
  font-size: 2rem;
  z-index: 1;
  display: block;
  position: relative;
  left: 5px;
  right: 0;
}
.submenu nav ul li .bg {
  z-index: 0;
  width: calc(100% - 30px);
  position: absolute;
  height: 1px;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff bottom;
  transition: all 0.3s;
}
.submenu nav ul li .bg:hover {
  transition: all 0.3s;
}
.submenu nav ul li.current_page_item .bg {
  height: 100%;
}
.submenu nav ul li.current_page_item .item-text {
  color: #e72f27;
}
.submenu nav ul li:hover {
  /*color: @red;*/
}
.submenu nav ul li:hover .bg {
  transition: all 0.3s;
  background: #fff;
  height: 100%;
  bottom: 0;
  top: auto;
}
.submenu nav ul li:hover .bg:hover {
  transition: all 0.3s;
}
.submenu nav ul li:hover .item-text {
  color: #e72f27;
}
/*****  Fin Menu *****/
/***** Slider Home *****/
.slider {
  border: none !important;
  padding: 0 !important;
}
.slider .mslide .bubble {
  width: 350px;
  height: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 90px;
  margin: auto;
}
.slider .mslide .bubble .slide-excerpt {
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto !important;
  border: none !important;
  margin: auto;
  text-align: center;
  font-family: "roboto-cond-light";
  font-size: 2.2rem;
  background: rgba(255, 255, 255, 0.6);
  padding: 50px;
}
.slider .mslide .bubble .slide-excerpt h2 {
  font-family: "roboto-cond-bold";
  font-size: 2.6rem;
  text-transform: uppercase;
}
.slider .mslide .bubble .slide-excerpt p {
  line-height: 24px;
}
.slider .mslide .bubble .slide-excerpt a {
  color: #434343;
  display: block;
  position: relative;
  z-index: 10;
}
.slider .meteor-buttons {
  position: absolute;
  bottom: 120px;
  width: 350px;
  text-align: center;
  right: 90px;
}
.slider .meteor-buttons a {
  display: inline-block;
  font-size: 0;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: #e72f27;
  opacity: 0.5;
  border: none;
  margin: 0 2px;
}
.slider .meteor-buttons a.activeSlide,
.slider .meteor-buttons a:hover {
  opacity: 1;
}
.slider .meteor-nav {
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  height: 50px;
  color: #e72f27;
}
.slider .meteor-nav li {
  background: #fff;
  width: 50px;
  position: absolute;
  z-index: 9;
}
.slider .meteor-nav .prev {
  left: 0;
}
.slider .meteor-nav .next {
  right: 0;
}
.slider .meteor-nav i {
  font-size: 5rem;
  line-height: 5rem;
}
/***** Fin Slider Home *****/
.actualites {
  font-family: 'roboto-cond-light', arial, sans-serif;
}
.actualites img {
  /*        margin: 0 auto;
        display: block;*/
  max-width: 100%;
  height: auto;
  border-bottom: 10px solid #e72f27;
}
.actualites .single_cat_title {
  font-size: 2rem;
  color: #e72f27;
  margin-top: 15px;
  text-transform: uppercase;
}
.actualites h3 {
  margin-top: 0;
  font-size: 2.8rem;
}
.actualites p {
  font-family: roboto-light, arial, sans-serif;
  font-size: 1.8rem;
}
a.permalink {
  font-family: roboto-medium;
  font-size: 1.8rem;
  text-decoration: underline;
}
.home section h2 {
  font-family: roboto-cond-light;
  font-size: 4.4rem;
}
#redBlock {
  height: 510px;
  color: #fff;
  font-family: roboto-light;
  font-size: 2.2rem;
  padding: 80px 0;
  position: relative;
}
#redBlock img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
#redBlock a {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  font-size: 1.8rem;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
  margin-top: 30px;
  width: 49%;
}
#offresPublications h3 {
  font-family: roboto-cond-light;
  font-size: 3.4rem;
  margin: 0;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  padding-bottom: 8px;
}
#offresPublications h3.twitter {
  background: url('css/img/twitter.png') no-repeat 4px;
  padding-left: 37px;
  border-bottom-color: #4099FF;
}
#offresPublications h4 {
  margin-top: 5px;
}
#offresPublications a.plus {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  padding: 5px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  width: 100%;
  font-size: 1.8rem;
  margin-top: 8px;
  text-transform: uppercase;
  font-weight: 600;
}
#offresPublications small {
  color: #e72f27;
}
#offresPublications .date {
  font-weight: 600;
  font-size: 1.6rem;
}
#offresPublications .auteur {
  text-transform: uppercase;
  font-size: 1.6rem;
}
#offresPublications .permalink {
  display: inline-block;
  font-family: roboto-cond-bold;
  font-size: 1.8rem;
}
#offresPublications .no-offer {
  margin-top: 15px;
}
#offresPublications .offres h3 {
  border-bottom-color: #592041;
}
#offresPublications .offres .permalink {
  color: #592041;
}
#offresPublications .offres .permalink:hover {
  color: #e72f27;
}
#offresPublications .offres a.plus {
  background: #592041;
}
#offresPublications .publis h3 {
  border-bottom-color: #e72f27;
}
#offresPublications .publis a.plus {
  background: #e72f27;
}
#offresPublications ul {
  padding: 0;
}
#offresPublications ul li {
  border-top: #e0e0e0 2px solid;
  padding: 10px 0;
}
#offresPublications ul li:first-of-type {
  border-top: none;
}
#offresPublications p {
  font-size: 1.6rem;
  line-height: 1.6rem;
}
#offresPublications > .row > div {
  position: relative;
}
#offresPublications .twitterBox #lasttweets {
  padding-left: 0;
  padding-right: 0;
}
#offresPublications .twitterBox .single-tweet {
  margin-bottom: 13px;
}
#offresPublications .twitterBox .single-tweet a {
  color: #4099FF;
}
#offresPublications .twitterBox #follow_me a {
  display: block;
  width: 100%;
  background: #4099FF;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 5px;
  margin: 0;
}
#offresPublications .twitterBox #follow_me a #followers_count {
  background: #4099FF;
  color: #fff;
  float: right;
  margin-right: 10px;
}
#clubs {
  background: #797579;
  color: #fff;
  font-family: roboto-light;
  font-size: 1.8rem;
  padding: 30px 0;
}
#clubs h2 {
  margin-top: 0;
}
#clubs a {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  font-size: 1.8rem;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
  margin-top: 30px;
  width: 100%;
}
#clubs img {
  border: none;
}
#plaquettes {
  font-size: 1.8rem;
  font-family: roboto-cond;
  background: #ececec;
  padding: 30px 0;
  margin-bottom: 0;
}
#plaquettes .menu {
  list-style-type: disc;
  padding-left: 20px;
}
#plaquettes .menu a {
  color: #5f5c5f;
}
#plaquettes h3 {
  margin-top: 0;
  font-family: roboto-cond-light;
  font-size: 3.4rem;
  border-bottom: #e72f27 solid 10px;
  padding-bottom: 5px;
}
#plaquettes img {
  max-width: 100%;
  height: auto;
}
#plaquettes .download {
  display: block;
  background: #e72f27;
  color: #fff;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  /*position: absolute;
        bottom: 0;*/
  width: 100%;
}
.home #plaquettes {
  background: none;
  margin-bottom: 30px;
}
body:not(.home) #maps {
  display: none;
}
#maps {
  margin-bottom: 0;
  position: relative;
}
#maps img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#maps .contact {
  position: absolute;
  top: 120px;
  left: 120px;
  width: 376px;
  background: #e72f27;
  font-size: 1.8rem;
}
#maps .contact h3 {
  color: #fff;
  font-family: roboto-cond-light;
  font-size: 3.4rem;
  margin: 0;
  padding: 10px;
}
#maps .contact .details {
  padding: 10px;
  background: #fff;
}
#maps .contact .details .name {
  /*font-family: roboto-cond;*/
  font-weight: 600;
}
#maps .contact .details .email {
  line-height: 3rem;
}
#maps .contact .details .email a {
  color: #585858;
}
#maps .contact .details .material-icons {
  font-size: 3rem;
  position: relative;
  top: -2px;
}
#maps .contact .acces {
  text-transform: uppercase;
  color: #fff;
  padding: 10px;
}
#maps .contact .acces p {
  padding-left: 65px;
  line-height: 65px;
  margin: 0;
}
#maps .contact .acces p.metro {
  background: url('css/img/metro.png') no-repeat left;
}
#maps .contact .acces p.rer {
  background: url('css/img/rer.png') no-repeat left;
}
#maps .contact .acces p a {
  color: #fff;
}
#wrapper {
  padding-right: 0;
  position: fixed;
  z-index: 11;
  left: -500px;
}
#wrapper.toggled {
  /*padding-right: 250px;*/
}
#wrapper #sidebar-wrapper {
  width: 500px;
}
#wrapper .logo-white {
  display: block;
  margin: 40px auto 30px;
  border: none;
  width: 160px;
}
#wrapper #sidebar-wrapper {
  background: #4a484b;
  width: 500px;
  left: -500px;
}
#wrapper #sidebar-wrapper .widget_nav_menu {
  padding-bottom: 50px;
}
#wrapper #sidebar-wrapper .sidebar-nav {
  margin-left: 20%;
  width: 80%;
}
#wrapper #sidebar-wrapper .sidebar-nav [id^='menu-mega-menu'] {
  padding: 0px 0 30px;
}
#wrapper #sidebar-wrapper .sidebar-nav [id^='menu-mega-menu'] > li a {
  text-transform: uppercase;
  background: #5f5c5f;
}
#wrapper #sidebar-wrapper .sidebar-nav [id^='menu-mega-menu'] > li a:hover {
  background: #e53846;
}
#wrapper #sidebar-wrapper .sidebar-nav [id^='menu-mega-menu'] > li ul li a {
  text-transform: none;
  background: none;
}
#wrapper #sidebar-wrapper .sidebar-nav [id^='menu-mega-menu'] > li ul li a:hover {
  background: #e53846;
}
#wrapper #sidebar-wrapper .sidebar-nav li {
  text-indent: 0;
  line-height: normal;
}
#wrapper #sidebar-wrapper .sidebar-nav li a {
  font-family: "roboto-cond-light";
  font-size: 2rem;
  color: #fff;
  margin-bottom: 10px;
  display: block;
  /*height: 30px;*/
  padding: 5px 10px;
  text-indent: 0px;
}
#wrapper #sidebar-wrapper .sidebar-nav button.close {
  background: url('css/img/close.png') no-repeat center #e72f27;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  transition: opacity 0.3s;
}
#wrapper #sidebar-wrapper .sidebar-nav button.close:hover {
  opacity: 1;
  transition: opacity 0.3s;
}
#wrapper #sidebar-wrapper .sidebar-nav button#searchsubmit {
  background: #fff;
  opacity: 1;
}
#wrapper #sidebar-wrapper .sidebar-nav button#searchsubmit:hover {
  color: #e72f27;
}
#wrapper #sidebar-wrapper .sidebar-nav form {
  margin-bottom: 15px;
}
#wrapper #sidebar-wrapper .sidebar-nav form input[type=text] {
  width: 330px;
}
#wrapper #sidebar-wrapper .sidebar-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #e72f27;
  width: 8px;
}
#wrapper #sidebar-wrapper .sidebar-nav .mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
}
#wrapper #sidebar-wrapper .sidebar-nav input[type="search"] {
  width: 100%;
  height: 40px;
  font-family: "roboto-cond";
  font-style: italic;
  color: #5f5c5f;
  padding-left: 13px;
  border: 0px;
  margin-bottom: 15px;
  font-size: 2rem;
}
#wrapper #sidebar-wrapper .sidebar-nav input[type="submit"] {
  width: 0px;
  height: 0px;
  border: 0px;
}
.line {
  margin-bottom: 30px;
}
article {
  font-family: 'roboto-light';
  font-size: 1.8rem;
}
article .article {
  margin-bottom: 30px;
}
article ul:not(.agenciesList-select) {
  margin-bottom: 15px;
}
article ul:not(.agenciesList-select) li {
  padding-left: 10px;
  position: relative;
}
article ul:not(.agenciesList-select) li:before {
  position: absolute;
  left: 0;
  top: 1rem;
  content: '\f111';
  font-family: 'FontAwesome';
  color: #e72f27;
  font-size: 0.5rem;
  margin-right: 5px;
}
.single h2 {
  font-family: 'roboto-cond-light';
  display: block;
  font-size: 4.5rem;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
.single.single-event article .logo {
  float: left;
  margin-right: 15px;
}
.single.single-event article .date {
  color: #e72f27;
  margin-bottom: 30px;
  font-size: 1.6rem;
  display: inline-block;
}
.single.single-event article .city {
  margin-bottom: 30px;
  font-size: 1.6rem;
  display: inline-block;
  font-weight: 600;
}
.single.single-event article .flex {
  display: flex;
}
.single.single-event article .event-detail .address {
  margin-bottom: 10px;
}
.single.single-event article .event-detail p {
  margin-bottom: 0;
}
.single.single-event article .event-detail .fa {
  color: #e72f27;
  margin-right: 5px;
}
.single.single-event article .publication-attachment {
  margin: 0;
}
.single.single-event article .download-attachments .download-title {
  border: none;
  padding-bottom: 0;
}
.single.single-event article .download-attachments li:before {
  content: '';
}
.single.single-event article .download-attachments .attachment-size {
  display: none;
}
.single.single-event article .download-attachments .attachment-icon {
  border: none;
  padding-right: 5px;
}
.logo {
  float: left;
  margin-right: 15px;
  display: block;
  border: 1px solid #e0e0e0;
  max-height: 120px;
  width: auto;
}
.agenciesList {
  font-size: 1.8rem;
  height: 40px;
  position: relative;
  border: 1px solid #5f5c5f;
  padding: 0;
  width: 50%;
  margin: 15px 0;
}
.agenciesList .agenciesList-title {
  font-style: italic;
  padding: 0 0 0 10px;
  line-height: 40px;
  cursor: pointer;
  position: relative;
}
.agenciesList .agenciesList-title .agenciesList-carret {
  font-family: 'Material Icons';
  font-style: normal;
  display: block;
  width: 40px;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  background: #e72f27;
  font-size: 3rem;
  color: #fff;
  text-align: center;
}
.agenciesList .agenciesList-title .agenciesList-carret:after {
  display: block;
  width: 40px;
  height: 40px;
  content: '\E5C5';
  transition: all 0.5s ease;
}
.agenciesList .agenciesList-title.open .agenciesList-carret:after {
  transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  transition: all 0.5s ease;
}
.agenciesList div.agenciesList-select {
  background: #fff;
  box-sizing: content-box;
  position: absolute;
  top: 39px;
  left: -1px;
  width: 100%;
  z-index: 1;
  display: none;
  max-height: 280px;
  /*overflow: auto;*/
  border: 1px solid #5f5c5f;
  border-top: none;
}
.agenciesList div.agenciesList-select div.agenciesList-option {
  /*line-height: 40px;*/
}
.agenciesList div.agenciesList-select div.agenciesList-option a {
  display: block;
  padding: 5px 10px;
}
.agenciesList div.agenciesList-select div.agenciesList-option a:hover {
  background: #e72f27;
  color: #fff;
}
.right {
  margin-bottom: 30px;
}
.right .agenciesList {
  width: 100%;
  font-size: 1.6rem;
}
.widget h2 {
  font-family: 'roboto-cond-light';
  font-size: 3.1rem;
  border-bottom: 10px solid #e72f27;
  padding-bottom: 2px;
  margin-bottom: 30px;
}
.widget h2.twitter {
  background: url('css/img/twitter.png') no-repeat 4px;
  padding-left: 37px;
  border-bottom-color: #4099FF;
}
.widget h3 {
  font-family: 'roboto';
  font-size: 1.8rem;
}
.widget img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.widget .agencyDetails {
  font-family: 'roboto-light';
  font-size: 1.8rem;
}
.widget .agencyDetails p {
  margin: 0;
}
.widget .agencyDetails p.contact-agence {
  color: #592041;
  font-family: 'roboto';
}
.widget .agencyDetails a {
  font-family: 'roboto';
}
.widget .agencyDetails a.social {
  color: #585858;
  line-height: 2.6rem;
  font-size: 3rem;
  display: inline-block;
  width: 3rem;
}
.widget .agencyDetails a.social.facebook:hover {
  color: #3b5998;
}
.widget .agencyDetails a.social.linkedin:hover {
  color: #00a0dc;
}
.widget .agencyDetails a i {
  vertical-align: middle;
}
.widget .agencyDetails a i.fa-linkedin-square {
  font-size: 3.2rem;
}
.widget a.more {
  font-family: 'roboto';
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.7rem;
}
.atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper {
  font-family: "roboto-light";
  margin: 0;
  line-height: 1rem;
}
.atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper .atf-user-card img {
  margin-right: 5px;
}
.atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper .atf-tweet-actions {
  height: 20px;
  border-bottom: #e0e0e0 2px solid;
}
.atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper .atf-tweet-actions li {
  border-top: none !important;
  height: auto !important;
  padding: 0 !important;
}
div#pods_widget_view-6 li {
  border-width: 0;
  padding: 0;
  height: 20px;
}
.publications {
  margin-bottom: 30px;
}
.publications li {
  margin-bottom: 15px;
}
.publications li > div {
  min-height: 120px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.publications img {
  float: left;
  margin-right: 15px;
}
.publications h3 {
  margin: 0;
  font-size: 2rem;
}
.publications small {
  display: inline-block;
}
.publications small.date {
  margin-bottom: 10px;
}
.publications .bouton {
  background: #e72f27;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.publications .publication {
  margin-bottom: 30px;
}
.publications .publication > div {
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
}
.publications .row:first-of-type > div > div {
  border-top: none;
}
.page-template-publications-des-agences .publications h3 {
  margin-bottom: 15px;
}
.page-template-publications-des-agences .publications p {
  margin: 0;
}
.page-template-publications-des-agences .publications .detail {
  display: inline-block;
  margin-top: 10px;
}
aside .publications.widget li {
  padding-bottom: 10px;
}
aside .publications.widget li:not(:last-of-type) {
  border-bottom: 1px solid #5f5c5f;
}
aside .publications.widget .bouton {
  font-size: 1.5rem;
}
.last-publications .row > div > div {
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}
.page article h2 {
  font-family: 'roboto-cond-light';
  font-size: 4.5rem;
}
.publis h2 {
  font-family: roboto-cond-light;
  font-size: 3.8rem;
  padding-bottom: 10px;
  color: #585858;
  border-bottom: 10px solid;
  margin-bottom: 30px;
}
.publis h3 {
  font-family: roboto-cond-light;
  margin: 0 0 5px;
  font-size: 2rem;
  font-weight: 500;
}
.publis img {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.publis .agency-name,
.publis .date {
  font-size: 1.4rem;
}
.publis .date {
  margin-bottom: 10px;
  display: block;
}
.publis .sample {
  margin-bottom: 30px;
}
.publis .more {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  display: block;
  border-top: 1px solid;
}
.publis .more > div {
  padding-right: 0;
}
.publis .more a {
  color: #fff;
  padding: 5px;
  display: block;
  background: #585858;
  font-size: 1.4rem;
}
.publis.publis-fnau h2 {
  border-color: #e72f27;
}
.publis.publis-fnau .more {
  border-color: #e72f27;
}
.publis.publis-fnau .more a {
  background: #e72f27;
}
.publis.publis-agences h2 {
  border-color: #592041;
}
.publis.publis-agences .more {
  border-color: #592041;
}
.publis.publis-agences .more a {
  background: #592041;
}
.publis p {
  font-size: 1.6rem;
}
.publis .detail {
  text-decoration: underline;
  font-size: 1.6rem;
}
.publis .detail i {
  margin-right: 5px;
  font-size: 1.5rem;
}
.publis.agenda .city {
  font-family: roboto-cond;
  text-transform: uppercase;
}
.publis.agenda .date {
  display: inline-block;
  color: #e72f27;
  font-family: roboto-cond;
  margin: 0;
}
.publis.agenda h3 {
  font-size: 2.8rem;
}
.publis.agenda p {
  font-size: 1.8rem;
}
.actualites {
  margin-bottom: 30px;
}
.actualites li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.actualites li h3 {
  margin-top: 15px;
}
.actualites .bouton {
  background: #e72f27;
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.page-template-partenariats article.publications .publication {
  margin-bottom: 15px;
}
.page-template-partenariats article.publications .publication > div {
  padding-top: 15px;
}
.page-template-partenariats article.publications h2 {
  border-bottom: 10px solid #e72f27;
  padding-bottom: 5px;
}
.page-template-partenariats article.publications .logo {
  margin-bottom: 10px;
}
.page-template-partenariats article.publications .detail {
  margin-top: 10px;
}
.page-template-emplois .agence-date,
.page-template-emplois-agence .agence-date,
.single-emploi .agence-date,
.page-template-stages-agence .agence-date,
.page-template-emplois-partenaires .agence-date {
  margin-bottom: 15px;
}
.page-template-emplois .agency-name,
.page-template-emplois-agence .agency-name,
.single-emploi .agency-name,
.page-template-stages-agence .agency-name,
.page-template-emplois-partenaires .agency-name {
  font-weight: 500;
  font-family: "roboto-cond";
  font-size: 1.9rem;
  text-transform: uppercase;
  color: #e72f27;
}
.page-template-emplois .date,
.page-template-emplois-agence .date,
.single-emploi .date,
.page-template-stages-agence .date,
.page-template-emplois-partenaires .date {
  display: inline !important;
  font-weight: 500;
  font-family: "roboto-cond";
  font-size: 1.9rem;
}
.page-template-emplois h3,
.page-template-emplois-agence h3,
.single-emploi h3,
.page-template-stages-agence h3,
.page-template-emplois-partenaires h3 {
  font-family: 'roboto-cond-light';
  font-size: 2.8rem;
}
.page-template-emplois .date-max,
.page-template-emplois-agence .date-max,
.single-emploi .date-max,
.page-template-stages-agence .date-max,
.page-template-emplois-partenaires .date-max {
  display: block;
}
.single h2 {
  border-bottom: 10px solid #e72f27;
  font-size: 3.1rem;
}
.single .agency-infos {
  margin-bottom: 15px;
}
.single .publication-attachment {
  float: left;
  margin: 0 30px 0 0;
  font-size: 1.5rem;
  max-width: 25%;
}
.single .publication-attachment > img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}
.single .publication-attachment li {
  background: #ececec;
  margin-bottom: 5px;
  padding: 5px;
}
.single .publication-attachment li:before {
  font-family: 'FontAwesome';
  content: none !important;
  color: #e72f27;
  margin-right: 10px;
}
.single .publication-attachment .download-attachments img {
  padding-right: 0;
}
.single .publication-attachment .download-attachments .attachment-size {
  font-weight: normal;
}
.single .agency-name {
  color: #e72f27;
}
.single .date {
  display: block;
}
.single .tags {
  font-style: italic;
}
.single-event .agence h2 {
  border-color: #592041;
}
.single-event .agence .bouton {
  background: #592041;
  color: #fff;
}
.single-event .agence .article .bouton {
  padding-right: 15px;
  padding-left: 15px;
}
.thematiques ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.thematiques li {
  margin-bottom: 10px;
}
.thematiques li:before {
  content: '\f105';
  font-family: 'FontAwesome';
  color: #e72f27;
  font-size: 2rem;
  margin-right: 7px;
  font-weight: 600;
}
.thematiques a {
  color: #585858;
  font-family: roboto-cond;
  font-size: 1.8rem;
}
footer {
  background: #5f5c5f;
  color: #fff;
  text-transform: uppercase;
}
footer .copyright {
  margin-top: 10px;
}
footer [id^=menu-pied-de-page] {
  text-transform: uppercase;
  margin-top: 10px;
}
footer [id^=menu-pied-de-page] li {
  display: inline-block;
  padding-right: 5px;
}
footer [id^=menu-pied-de-page] li:after {
  content: '|';
  padding-left: 5px;
}
footer [id^=menu-pied-de-page] li:last-of-type:after {
  content: '';
}
footer [id^=menu-pied-de-page] li a {
  color: #fff;
}
footer aside.navbar {
  background: none;
  margin-bottom: 0;
  margin-top: 2px;
}
footer aside.navbar .navbar-collapse ul li a i {
  color: #fff;
}
footer aside.navbar .nav > li > a:focus,
footer aside.navbar .nav > li > a:hover {
  background: none;
}
.share {
  margin-top: 30px;
}
.share > div {
  padding: 3px 10px 5px;
  line-height: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.share > div.partager {
  padding: 0;
}
.share > div a {
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem;
}
.share > div.fb-share-button {
  background: #3b5998;
}
.share > div.twitter-share-button {
  background: #4099FF;
}
.share > div.linkedin-share-button {
  background: #00a0dc;
}
.share > div i {
  margin-right: 5px;
}
.page-template-clubs .pods_widget_single p,
.single-club .pods_widget_single p {
  font-family: roboto;
  font-size: 1.8rem;
}
.page-template-clubs .pods_widget_single a,
.single-club .pods_widget_single a {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  font-size: 1.8rem;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  background: #e72f27;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2rem;
}
.searchandfilter {
  width: 100%;
  background: #ececec;
  padding: 15px;
  margin-bottom: 50px;
}
.searchandfilter label {
  width: 100%;
}
.searchandfilter ul {
  margin-bottom: 0;
}
.searchandfilter ul li {
  padding: 0;
}
.searchandfilter ul li:before {
  content: '' !important;
}
.searchandfilter ul li li {
  display: inline-block;
}
.searchandfilter ul li.sf-field-submit {
  width: 33.333%;
  float: right;
  margin-top: 25px;
}
.searchandfilter ul li.sf-field-submit input[type=submit] {
  background: #fff;
  color: #585858;
  display: inline-block;
  font-family: "roboto-light";
  font-size: 1.8rem;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
  color: #fff;
  background: #e72f27;
  border: none;
  width: 100%;
  margin: 0 0 0;
  display: block;
}
.searchandfilter ul li[class^=sf-field-taxonomy] {
  width: 66.666%;
  float: left;
  padding-right: 15px;
  border-right: 1px solid #585858;
}
.searchandfilter ul li.sf-field-search {
  width: 33.333%;
  float: left;
}
.searchandfilter ul li.sf-field-search label input {
  width: 100%;
}
.searchandfilter ul li.sf-field-tag {
  width: 33.333%;
  float: left;
  margin-right: 1px;
}
.searchandfilter ul li.sf-field-tag .chosen-container {
  width: 100% !important;
}
.searchandfilter ul li.sf-field-category {
  width: 66.666%;
  float: left;
  padding-right: 15px;
  border-right: 1px solid #585858;
}
.searchandfilter ul li.sf-field-category .chosen-container {
  width: 100% !important;
}
.searchandfilter ul li.sf-field-post_date {
  width: 33.333%;
  float: left;
  padding-right: 15px;
  border-right: 1px solid #585858;
}
.searchandfilter ul li.sf-field-post_date:after {
  content: "";
  display: table;
  clear: both;
}
.searchandfilter ul.chosen-choices {
  margin: 0 !important;
  border: 1px solid #e0e0e0;
  background-image: none;
}
.searchandfilter ul.chosen-choices li.search-field input[type=text] {
  color: #929292;
}
.searchandfilter ul.chosen-results li {
  padding-left: 10px !important;
}
.searchandfilter ul.sf_date_field li {
  width: 50%;
  padding: 0;
}
.searchandfilter ul.sf_date_field li label:after {
  content: '\f073';
  font-family: 'FontAwesome';
  font-weight: 500;
  display: inline-block;
  float: right;
  margin-top: 7px;
  width: 15%;
}
.searchandfilter ul.sf_date_field li input {
  width: 65%;
  float: left;
}
.searchandfilter ul.sf_date_field li:first-of-type label:before {
  content: 'du';
  display: block;
  float: left;
  margin-top: 7px;
  width: 15%;
}
.searchandfilter ul.sf_date_field li:last-of-type label:before {
  content: 'au';
  display: inline-block;
  float: left;
  margin-top: 7px;
  width: 15%;
}
.searchandfilter [class^='sf-field-taxonomy'] {
  clear: both;
  padding-bottom: 15px;
}
.searchandfilter [class^='sf-field-taxonomy'] label,
.searchandfilter [class^='sf-field-taxonomy'] .chosen-container-multi {
  width: 100% !important;
}
.searchandfilter .chosen-choices li.search-choice {
  border: none;
  box-shadow: none;
  background: #ececec;
}
.searchandfilter .chosen-choices li .search-choice-close {
  top: 6px;
}
.searchandfilter .chosen-choices li.search-field {
  padding: 0 !important;
}
.searchandfilter-date-picker.ll-skin-melon .ui-datepicker-header {
  font-size: 17px;
  background: #4a484b;
}
.searchandfilter-date-picker.ll-skin-melon .ui-widget {
  background: none;
}
.searchandfilter-date-picker.ll-skin-melon td .ui-state-hover {
  background: #e0e0e0;
}
.searchandfilter-date-picker.ll-skin-melon .ui-datepicker th {
  background: #4a484b;
  border-color: #e0e0e0;
  font-size: 15px;
}
.searchandfilter-date-picker.ll-skin-melon td .ui-state-default {
  color: #4a484b;
  font-size: 16px;
}
.searchandfilter-date-picker.ll-skin-melon .ui-state-disabled .ui-state-default {
  color: #e72f27;
}
input.sf-datepicker {
  font-size: 1.6rem;
}
.flex-row-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-row-wrap > div {
  margin-bottom: 15px;
}
@media (min-width: 1380px) {
  #main {
    width: 1380px;
  }
}
@media (max-width: 1200px) {
  header #menu-menu-principal li,
  header #menu-main-menu-english li {
    height: auto;
  }
  #redBlock {
    font-size: 1.3em;
    padding: 2% 0;
  }
}
@media (max-width: 992px) {
  header #menu-menu-principal,
  header #menu-main-menu-english {
    columns: 2;
    -moz-columns: 2;
    -webkit-columns: 2;
  }
  .site-title a {
    margin-right: auto;
    margin-left: auto;
  }
  #redBlock {
    font-size: 1.1em;
    padding: 2% 0;
    margin-bottom: 60px;
    height: auto;
  }
  #redBlock h2 {
    font-size: 1.5em;
  }
  #redBlock a {
    font-size: 1.2em;
  }
  #offresPublications .row > div,
  .actualites .row > div,
  #plaquettes .row > div {
    margin-bottom: 30px;
  }
  #clubs img {
    max-width: 100%;
    height: auto;
  }
  #maps .contact {
    top: 10%;
    left: 10%;
    width: 270px;
  }
}
@media (max-width: 768px) {
  #wrapper #sidebar-wrapper {
    width: 300px;
  }
  #wrapper #sidebar-wrapper .sidebar-nav form input[type=text] {
    width: auto;
  }
  header #menu-menu-social {
    float: left;
  }
  aside.navbar .navbar-collapse {
    padding: 0px 0 0 15px;
  }
  aside.navbar .navbar-collapse ul li {
    float: left;
  }
  #clubs img {
    margin: 0 auto 15px;
    display: block;
  }
  #maps .contact {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  #redBlock {
    color: #585858;
  }
  #redBlock img {
    display: none;
  }
  #redBlock a {
    background: #e72f27;
    color: #fff;
    width: 100%;
    margin: 0;
  }
  .pagination .pages {
    display: block;
    margin-bottom: 5px;
  }
  .page article h2 {
    font-size: 3.5rem;
  }
}
/*# sourceMappingURL=style.css.map */