/*
Theme Name: Saint Sernin
Theme URI: http://saintsernin-avocats.com
Author: Beatrice Dirat
Author URI: http://beadirat.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: saintsernin-avocats

*/
/* Global */
body p {
  font-size: 16px;
}

ul {
  padding: 0;
}

li {
  list-style-type: none;
}

a {
  color: #0a3550;
  text-decoration: none;
  transition: color 0.2s ease-in;
}

a:hover, a:focus {
  color: #b10034;
  cursor: pointer;
  text-decoration: none;
}

h3 {
  font-size: 1.4em;
  font-weight: 600;
  color: #0a3550;
}

h4 {
  margin-top: 20px;
  font-size: 18px;
  color: #0a3550;
}

img {
  max-width: 100%;
  height: auto;
}

input, .form-control {
  border: 1px solid #f0f0f0;
  border-radius: 0;
  padding: 5px;
  margin-top: 10px;
}
input:focus, .form-control:focus {
  outline: none;
  border: 1px solid #b10034;
}

.searchform label {
  display: none;
}
.searchform #searchsubmit {
  background-color: #b10034;
  color: #ffffff;
  margin-top: 20px;
  padding: 5px 10px;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .navbar-fixed-top {
    position: relative;
  }
}

/* classes */
.container-small {
  width: 820px;
  max-width: 100%;
}

.bg-blue {
  background-color: #0a3550;
}

.bg-white {
  background-color: #ffffff;
}

.bg-light {
  background-color: #f0f0f0;
}

.bg-red {
  background-color: #b10034;
}

.bg-linear {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d2d2d2' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.bg-linear-dark {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232c2c2c' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.bg-linear-white {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.5' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.white {
  color: #ffffff;
}

.red {
  color: #b10034;
}

.hr-red {
  width: 80px;
  border: 1px solid #b10034;
  margin-left: 0;
}

.belleaurore {
  font-family: "La Belle Aurore", cursive;
}

.quattrocento {
  font-size: 2em;
  letter-spacing: 1.2px;
  font-family: "Quattrocento Sans", sans-serif;
  margin: 60px 0 40px;
}

.intro {
  width: 60%;
  margin: 0 auto 60px;
}
@media screen and (max-width: 991px) {
  .intro {
    width: 80%;
    margin: 0 auto 50px;
  }
}
.intro p {
  font-size: 1.2em;
}

.circle {
  border-radius: 50%;
  width: 185px;
  height: 185px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  .circle {
    width: 170px;
    height: 170px;
  }
}

.oswald {
  font-family: "Oswald", sans-serif;
}

.ubuntu {
  font-family: "Ubuntu", sans-serif;
}

.small-font {
  font-size: 14px;
}

.medium-font {
  font-size: 20px;
}

.shadow {
  text-shadow: 0px 2px 1px #0a3550;
}

.btn {
  border: 2px solid #ffffff;
  border-radius: 0;
  padding: 5px 10px;
  margin: 40px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-dark {
  border-color: #0a3550;
  background-color: #0a3550;
  transition: all 0.2s ease-in;
}
.btn-dark:hover {
  border-color: #b10034;
  color: #b10034;
  background-color: transparent;
}

.btn-bggrey {
  display: inline-block;
  margin: 40px auto;
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  color: #0a3550;
  transition: all 0.2s ease-in;
}
.btn-bggrey:hover {
  border-color: #0a3550;
  background-color: #0a3550;
  color: #f0f0f0;
}

.btn-bgdark {
  border-color: #0a3550;
  background-color: #0a3550;
  color: white;
  transition: all 0.2s ease-in;
}
.btn-bgdark:hover {
  background-color: #f0f0f0;
  color: #0a3550;
  background-color: transparent;
}

.btn-white {
  color: #ffffff;
  text-shadow: 0px 2px 1px #0a3550;
  transition: text-shadow 0.2s ease-in;
}
.btn-white:hover, .btn-white:focus {
  color: #ffffff;
  text-shadow: 0px 2px 1px #0a3550;
}

.btn-red {
  border-color: #b10034;
  background-color: #b10034;
  color: #ffffff;
  transition: all 0.2s ease-in;
}
.btn-red:focus, .btn-red:hover {
  background-color: #0a3550;
  border-color: #0a3550;
  color: #ffffff;
  box-shadow: none;
}

#nav-below a {
  font-size: 12px;
}

.cat-title {
  padding: 8px 8px 5px;
  display: inline-block;
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
}

.padding-20 {
  padding: 20px;
}

.black-and-white {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.vague {
  background-image: url(img/vague.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
  height: 73px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .vague {
    height: 50px;
  }
}

.vague2 {
  background-image: url(img/vague2.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
  height: 60px;
  width: 100%;
}

.bg-clients {
  background-image: url(img/bg/clients-bg.png);
  background-size: 20%;
  background-position: bottom;
  background-repeat: repeat;
}

.blue {
  background-color: #007981;
  color: #fff;
}

section header.header-top {
  max-width: 1280px;
  margin: 0 auto 20px;
  padding: 20px;
  padding-top: 115px;
  position: relative;
}
@media screen and (max-width: 768px) {
  section header.header-top {
    padding-top: 5px;
  }
}
section header.header-top .breadcrumbs {
  position: absolute;
  bottom: -8px;
  max-width: 35%;
}
@media screen and (max-width: 768px) {
  section header.header-top .breadcrumbs {
    display: none;
  }
}
section header.header-top h1 {
  font-size: 26px;
  letter-spacing: 2px;
}

section header.bg-dark a {
  color: #f0f0f0;
}

section header.bg-light h1 {
  color: #0a3550;
}

h2 {
  margin-top: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 18px;
  }
}

/*              HEADER             */
.header-site .header-top {
  width: 100%;
  background-color: #0a3550;
  color: #fff;
  height: 50px;
}
.header-site .header-top ul {
  padding: 15px 0;
  margin-bottom: 0;
}
.header-site .header-top ul li {
  color: #ffffff !important;
  padding-right: 5px;
  padding-left: 5px;
}
.header-site .header-top ul li:hover, .header-site .header-top ul li:focus, .header-site .header-top ul li:visited {
  color: #ffffff !important;
}
.header-site .header-nav {
  background-color: #fff;
  -o-box-shadow: 3px 1px 2px 0px #ddd;
  box-shadow: 3px 1px 2px 0px #ddd;
  z-index: 100;
  position: relative;
}
.header-site .header-nav .icon-bar {
  border: 1px solid #0a3550;
}
@media screen and (max-width: 769px) {
  .header-site .header-nav .navbar-collapse {
    width: 100%;
  }
}
.header-site .header-nav .menu-container ul {
  padding: 20px 0;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
  float: right;
}
@media screen and (max-width: 1200px) {
  .header-site .header-nav .menu-container ul {
    padding: 15px 0;
  }
}
.header-site .header-nav .menu-container ul li {
  padding-right: 20px;
  padding-left: 20px;
}
.header-site .header-nav .menu-container ul li a {
  font-size: 12px;
  letter-spacing: 1.2px;
  padding-left: 20px;
  background: transparent url("img/bg/carre-s-grey.png") no-repeat left center;
}
.header-site .header-nav .menu-container ul li a:hover, .header-site .header-nav .menu-container ul li a:focus, .header-site .header-nav .menu-container ul li a:active {
  background-image: url("img/bg/carre-s.png");
}
@media screen and (max-width: 767px) {
  .header-site .header-nav .menu-container ul li {
    width: 100%;
    display: block;
    line-height: 1.4em;
  }
}
.header-site .header-nav .menu-container ul .current-menu-item a, .header-site .header-nav .menu-container ul .current-page-ancestor a, .header-site .header-nav .menu-container ul .current_page_parent a {
  color: #b10034;
  background-image: url("img/bg/carre-s.png");
}
.header-site .logo {
  width: 100px;
  position: absolute;
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
}
@media screen and (max-width: 768px) {
  .header-site .logo {
    width: 70px;
  }
}
.header-site .logo-large {
  width: 148px;
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  -webkit-transition: width 0.3s;
}
@media screen and (max-width: 1024px) {
  .header-site .logo-large {
    width: 110px;
  }
}
@media screen and (max-width: 768px) {
  .header-site .logo-large {
    width: 70px;
  }
}

.logo {
  margin-top: -40px;
  margin-right: 40px;
}
@media screen and (max-width: 1024px) {
  .logo {
    width: 90px;
    margin-top: -30px;
  }
}

/* nav */
@media screen and (min-width: 992px) {
  nav ul {
    display: flex;
    justify-content: flex-end;
  }
}

/* widget sidebar */
.widget-container {
  margin-bottom: 20px;
}
.widget-container form .btn {
  margin-top: 15px;
}
.widget-container .simple-image img {
  width: 60%;
  max-width: 160px;
}

.bg-linear .widget-container h3 {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 24px;
  color: #b10034;
  margin: 10px 0 20px;
}
.bg-linear .widget-container li {
  line-height: 20px;
  margin-bottom: 10px;
}

/* Tab / Nav&tabs */
.nav {
  justify-content: space-between;
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  .nav button {
    padding: 0;
  }
}
.nav button img {
  filter: grayscale(50%);
}
.nav button:hover h3 {
  color: #b10034;
}
.nav button:hover img {
  filter: grayscale(0);
}

.nav-item h3 {
  margin-top: 20px;
  color: #0a3550;
  font-size: 1.1em;
}
.nav-item:hover h3,
.nav-item .active h3 {
  color: #b10034;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: transparent !important;
  color: inherit !important;
}

.tab-content {
  width: 100% !important;
}
.tab-content .tab-pane {
  padding: 40px;
  padding: 40px;
  border-top: 1px solid #b10034;
  width: 100%;
  margin: 20px 0;
}

/*         MAIN CONTENT            */
.breadcrumbs {
  font-size: 12px;
  color: #0a3550;
  margin-bottom: 20px;
}
.breadcrumbs .current {
  color: #b10034;
}

.home h1 {
  padding: 230px 0 260px 50%;
}
@media screen and (max-width: 991px) {
  .home h1 {
    background-color: rgba(255, 255, 255, 0.5490196078);
    padding: 100px 0 100px 25%;
  }
}
.home h1 span {
  display: block;
  color: #b10034;
  line-height: 1.8em;
}
.home .main-content {
  min-height: calc(100vh - 240px);
}
.home .main-content > section:first-child {
  background-color: #f8f9fa;
}
@media screen and (max-width: 1200px) {
  .home .main-content > section:first-child {
    padding-top: 90px;
  }
}
.home h2.line span {
  position: relative;
  padding: 0 20px;
}
.home h2.line:before {
  position: absolute;
  z-index: 0;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #0a3550;
  content: " ";
  margin: 0px auto;
  max-width: 50%;
}
.home .accordion-button {
  width: 50%;
  margin: 20px auto;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.home .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.home .accordion-button .accordion-body {
  background-color: #f0f0f0;
}

#home-block-0 {
  padding-top: 110px;
  padding-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  #home-block-0 {
    padding-top: 80px;
    padding-bottom: 0;
  }
}
#home-block-0 h1 {
  font-size: 27px;
  letter-spacing: 1px;
  text-align: right;
  text-shadow: 2px 2px 2px black;
}
@media screen and (max-width: 1024px) {
  #home-block-0 h1 {
    display: none;
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  #home-block-0 h1 {
    font-size: 24px;
  }
}
#home-block-0 .btn {
  font-size: 12px;
  margin-top: 0px;
  margin-right: 15px;
  margin-left: 15px;
}
@media screen and (max-width: 1200px) {
  #home-block-0 .btn {
    margin-top: 20px;
  }
}

#home-block-1 {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 0 60px;
  position: relative;
}
#home-block-1 h2 span {
  background-color: #ffffff;
}
#home-block-1 .title-block {
  padding: 175px 20px;
}
@media screen and (min-width: 1025px) {
  #home-block-1 .title-block {
    display: none;
  }
  #home-block-1 .title-block h2 {
    font-size: 23px;
  }
}
#home-block-1 .vague {
  position: absolute;
  bottom: -2px;
}
#home-block-1 .resume {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  #home-block-1 .resume {
    height: 80px;
  }
}
#home-block-1 .accordion-button {
  color: #b10034;
  display: block;
  text-align: center;
  text-decoration: underline;
}
#home-block-1 .accordion-button:after {
  display: none;
}
#home-block-1 .accordion-body p {
  text-align: justify;
}

#home-block-2 {
  background-color: #f0f0f0;
  padding: 40px 0;
}
#home-block-2 h2 span {
  background-color: #f0f0f0;
}
#home-block-2 .nav-link:hover h3 {
  color: #b10034;
}
#home-block-2 .glyphicon {
  top: 3px;
  font-size: 18px;
}
#home-block-2 .clients {
  width: 20%;
  padding: 25px 40px;
  height: 230px;
}
@media screen and (max-width: 768px) {
  #home-block-2 .clients {
    width: 50%;
    padding: 15px;
    padding-top: 5px;
    height: 210px;
  }
}
#home-block-2 .clients h3 {
  font-size: 16px;
  line-height: 1.4em;
  max-width: 90px;
  margin: 20px auto;
}
@media screen and (max-width: 1024px) {
  #home-block-2 .clients h3 {
    font-size: 14px;
  }
}
#home-block-2 .clients h3 .glyphicon {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  #home-block-2 li {
    margin: auto;
  }
}

#home-block-3 {
  padding-top: 20px;
  padding-bottom: 30px;
}
#home-block-3 h2 span {
  background-color: #f8f9fa;
}
#home-block-3 h3 {
  font-size: 18px;
  height: 110px;
  line-height: 28px;
  padding-left: 20px;
  background: transparent url("img/bg/carre-s.png") no-repeat left 10%;
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  #home-block-3 h3 {
    height: 75px;
    line-height: 18px;
  }
}
@media screen and (max-width: 769px) {
  #home-block-3 h3 {
    height: auto;
  }
}
#home-block-3 .row {
  width: 90%;
  margin: auto;
}
#home-block-3 li + li {
  border-left: 1px solid #ffffff;
}

#home-block-4 {
  background-color: #ffffff;
  padding: 30px 0 0;
}
#home-block-4 h2 {
  margin-top: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #home-block-4 h2 {
    font-size: 18px;
  }
}
#home-block-4 h2 span {
  background-color: #ffffff;
  position: relative;
  padding: 0 20px;
}
#home-block-4 h2:before {
  position: absolute;
  z-index: 0;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #0a3550;
  content: " ";
  margin: 0px auto;
  max-width: 50%;
}
#home-block-4 .btn {
  margin: 0;
}
#home-block-4 div form {
  margin: 40px;
}
#home-block-4 div .form-control {
  border-radius: 0;
  border: 1px solid #0a3550;
  width: 240px;
  margin-right: 20px;
  margin-top: 0;
}
#home-block-4 div .form-control:focus {
  border-color: #b10034;
  box-shadow: none;
}

#home-block-5 {
  padding: 30px 15px;
}
@media screen and (min-width: 768px) {
  #home-block-5 {
    background: url("cadre-averti/fond_cadre-averti-white.jpg") no-repeat center;
    background-size: contain;
    min-height: 460px;
  }
}
#home-block-5 h2 {
  margin-top: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #home-block-5 h2 {
    font-size: 18px;
  }
}
#home-block-5 h2 span {
  background-color: #ffffff;
  position: relative;
  padding: 0 20px;
}
#home-block-5 h2:before {
  position: absolute;
  z-index: 0;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #0a3550;
  content: " ";
  margin: 0px auto;
  max-width: 50%;
}
#home-block-5 h3 span {
  color: #b10034;
}
#home-block-5 img {
  margin-top: 30px;
}
#home-block-5 .btn {
  margin-top: 0;
}

.cadreaverti {
  padding: 40px 0;
}
.cadreaverti iframe {
  width: 100%;
  margin-bottom: 20px;
}
.cadreaverti .focus {
  padding: 30px;
  background: #279a8b url("img/bg/recherche_home-cadre-averti.png") no-repeat bottom right;
  background-size: 50%;
  color: white;
}
.cadreaverti .focus h3 {
  margin-bottom: 30px;
}
.cadreaverti .focus h3,
.cadreaverti .focus a {
  color: white;
}
.cadreaverti .focus a {
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  .cadreaverti .row {
    width: 90%;
    margin: auto;
  }
}

/*          DOMAINES               */
.page article {
  margin-top: 60px;
}
.page .wp-block-columns .wp-block-column {
  padding: 30px;
  background-color: #f0f0f0;
}
.page .wp-block-columns .wp-block-column p {
  text-align: justify;
}
.page .wp-block-columns .wp-block-column h2 {
  margin-bottom: 30px;
  color: #b10034;
}
.page .wp-block-columns .wp-block-column ul {
  margin-left: 15px;
}
.page .wp-block-columns .wp-block-column li {
  list-style-type: disc;
  padding-left: 15px;
  padding-bottom: 10px;
}

/*               TEAM              */
#team-page {
  min-height: calc(100vh - 520px);
}
#team-page section {
  padding: 0;
}
@media screen and (min-height: 768px) {
  #team-page section .header {
    padding-left: 35px;
    padding-right: 35px;
  }
}
#team-page .team-1 {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #team-page .team-1 {
    margin-top: 0;
  }
}
#team-page .team-3 {
  margin-right: 30px;
}
@media screen and (max-width: 1200px) {
  #team-page .team-3 {
    margin-right: 0;
  }
}
#team-page .h3-team {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  #team-page .h3-team {
    text-align: center;
  }
}
#team-page h2 {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  #team-page h2 {
    padding: 15px;
  }
}
#team-page .team-of {
  padding: 20px;
  margin-top: 155px;
}
@media screen and (max-width: 1025px) {
  #team-page .team-of {
    margin-top: 0;
  }
}
@media screen and (max-width: 992px) {
  #team-page img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1025px) {
  #team-page img {
    min-width: 100%;
  }
}
#team-page img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
@media screen and (max-width: 991px) {
  #team-page img {
    max-height: 214px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 15%;
       object-position: 50% 15%;
  }
}
@media screen and (max-width: 768px) {
  #team-page img {
    margin: 0 auto;
    max-height: 214px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 15%;
       object-position: 50% 15%;
  }
}
#team-page .team-sidebar {
  margin-top: 130px;
  width: 220px;
  padding: 15px;
  background-color: #0a3550;
  color: #f0f0f0;
}
@media screen and (max-width: 1200px) {
  #team-page .team-sidebar {
    float: left;
    margin-bottom: 30px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1025px) {
  #team-page .team-sidebar {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #team-page .team-sidebar {
    width: 100%;
  }
}
#team-page .team-sidebar h3 {
  font-size: 16px;
  color: #b10034;
  text-transform: uppercase;
}
#team-page .team-sidebar li {
  line-height: 24px;
}
#team-page .team-sidebar a {
  color: #f0f0f0;
}
#team-page i {
  padding-right: 5px;
}
#team-page .team-presentation {
  margin: 30px auto 0;
  max-width: 600px;
  padding: 20px;
}
#team-page .team-portrait img {
  max-width: 272.83px;
}

.team-page-profile .header .visible-xs h1, .team-page-profile .header .visible-xs hr, .team-page-profile .header .visible-xs p {
  margin-left: 20px;
}
.team-page-profile .portrait {
  width: 280px;
}

#team-page.team-page-profile .header .visible-xs h1, #team-page.team-page-profile .header .visible-xs hr, #team-page.team-page-profile .header .visible-xs p {
  margin-left: 20px;
}
#team-page.team-page-profile .team-sidebar {
  margin-top: 0;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  #team-page.team-page-profile .team-sidebar {
    margin-top: 40px;
    padding-left: 35px;
    padding-right: 35px;
  }
}

/*             CLIENTS             */
.clients-page {
  padding-bottom: 0;
}
.clients-page .panel-group {
  margin: 40px;
}
.clients-page .panel-group .panel {
  border-radius: 0;
}
.clients-page .panel-group .panel-default {
  border-left: #fff;
  border-right: #fff;
}
.clients-page .panel-group .panel-default:last-child {
  border-bottom: none;
}
.clients-page .panel-group .panel-default:first-child {
  border-top: 2px solid #0a3550;
}
.clients-page .panel-group p {
  margin: 0;
}
.clients-page .panel-group .panel-heading {
  border: 2px solid #0a3550;
  border-radius: 0;
  background-color: #fff;
  border-top: none;
}
.clients-page .panel-group .panel-body {
  padding: 0;
  border-top: none;
}
.clients-page .panel-group .panel-body p {
  padding: 15px;
}
.clients-page .panel-group .collapse.in .panel-body {
  border-bottom: 2px solid #0a3550;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}
.clients-page .panel-group .collapse.in:last-child .panel-body {
  border-bottom: 2px solid #fff;
}
.clients-page section {
  padding: 0;
}
.clients-page section h1 {
  font-size: 26px;
}
.clients-page section .bg-light {
  padding-top: 0px;
  padding-bottom: 40px;
  margin-top: 0px;
}
.clients-page section .bg-light .container {
  padding-top: 40px;
}

.clients .col-md-8 li {
  padding: 10px 25px 5px;
  background: #ffffff url("img/bg/carre-s.png") no-repeat left center;
}
.clients .col {
  padding: 10px 40px 30px;
}
.clients #clients-carousel img {
  width: 50%;
  max-width: 110px;
  margin: 0 auto;
}
.clients #clients-carousel h3 {
  width: 25%;
  margin: 30px auto;
  font-size: 16px;
  line-height: 25px;
  border-bottom: 2px solid #b10034;
  padding-bottom: 20px;
}
.clients .carousel-control {
  background-image: none;
}
.clients .carousel-control .glyphicon {
  top: 130px;
  color: #b10034;
}

/*            ACTUALITE            */
.single article {
  padding: 30px 40px;
  background-color: #f0f0f0;
}
.single article h1 {
  font-size: 26px;
  line-height: 30px;
}
.single article h1 a {
  color: #b10034;
}
.single article h2 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.single article .entry-content {
  margin-top: 40px;
}
.single .share-link {
  padding: 20px 0;
}
.single .share-link li {
  vertical-align: top;
}

.actualite .article-list {
  border: 2px solid #f0f0f0;
  padding: 0px 20px 20px;
  margin-bottom: 20px;
}
.actualite .sidebar li .lettre-link {
  color: #b10034;
  background-image: url("img/bg/carre-s.png");
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position-y: 50%;
}
.actualite .sidebar li h3 {
  background-color: #0a3550;
  color: #f0f0f0;
  padding: 15px 15px 10px;
  margin-top: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Quattrocento Sans", sans-serif;
  border-bottom: 2px solid #0a3550;
}
.actualite .sidebar li .fpw-page-title {
  background-color: #f0f0f0;
  color: #0a3550;
  border: none;
}
.actualite .sidebar li li {
  margin: 10px 5px;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .actualite .sidebar li {
    text-align: center;
  }
}
.actualite .sidebar #archives-3 li a {
  text-transform: capitalize;
}
.actualite .col-md-9 h1 {
  margin-top: 0;
}
.actualite .col-md-9 .entry-footer {
  text-transform: uppercase;
  margin: -20px;
  padding: 20px 10px;
  background-color: #f0f0f0;
  margin-top: 30px;
  border-top: 2px solid white;
}
.actualite .col-md-9 .entry-footer .tag {
  padding-right: 15px;
}
.actualite .col-md-9 .entry-footer .tag i {
  color: #0a3550;
  padding-right: 5px;
}

/*             CONTACT             */
.contact-page .col li {
  line-height: 2.2em;
}
.contact-page .col li i {
  margin-right: 10px;
}
.contact-page form .btn {
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  .illustration {
    display: none;
    justify-content: flex-end;
  }
}

.contact-map {
  padding-top: 20px;
}
.contact-map iframe {
  width: 100%;
}

.photo-cabinet {
  margin-top: 20px;
}
.photo-cabinet .col {
  margin-bottom: 20px;
}

/*         NOUS REJOINDRE          */
.nous-rejoindre a {
  color: #ffffff;
}

.recrutement {
  padding: 20px 40px;
}

#stagiaires {
  margin-bottom: 40px;
}

/*              FOOTER             */
#footer {
  margin-top: 40px;
  padding: 40px 0;
  line-height: 1.8em;
}
#footer a {
  color: white;
}
#footer .container > li {
  float: left;
  width: 33.3%;
}
@media screen and (max-width: 769px) {
  #footer .container > li {
    width: 90%;
    margin: 15px auto;
    float: none;
  }
}
#footer .container > li a {
  color: #ffffff;
}
#footer .logo {
  margin-top: -20px;
  margin-right: 10px;
  width: 60px;
}
@media screen and (max-width: 768px) {
  #footer .logo {
    margin: 20px auto;
    display: block;
  }
}
#footer i {
  padding-right: 5px;
}

/*             SITEMAP             */
.sitemap {
  margin-bottom: 40px;
}
.sitemap li:hover {
  cursor: pointer;
}
.sitemap .children {
  padding-left: 5px;
}
.sitemap .children li {
  opacity: 0.6;
}
.sitemap .children li:before {
  content: "- ";
}
.sitemap .children li:hover {
  opacity: 1;
}
.sitemap .list-articles li:before {
  content: "- ";
}

/*             SEARCH              */
/*            ERROR 404            */
.error-page {
  min-height: calc(100vh - 500px);
}/*# sourceMappingURL=style.css.map */