/*!
 *	ASSNET Assistance v1.0.0
 */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: #eee; }

.assnet-2x {
  font-size: 2em; }

.assnet-3x {
  font-size: 3em; }

.assnet-4x {
  font-size: 4em; }

.assnet-5x {
  font-size: 5em; }

.assnet-6x {
  font-size: 6em; }

.assnet-7x {
  font-size: 7em; }

.assnet-8x {
  font-size: 8em; }

.assnet-9x {
  font-size: 9em; }

[class*='bg-'] * {
  color: #fff; }

.hoverable {
  transition: box-shadow .35s; }
  .hoverable:hover {
    cursor: pointer;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; }

/* !BOOTSTRAP ELENENTS */
.btn {
  border-radius: 0; }
  .btn:active {
    box-shadow: none; }

@media (max-width: 1199px) {
  .navbar .nav > li > a {
    padding: 10px 12px; } }

@media (max-width: 991px) {
  .navbar .nav > li > a {
    padding: 10px 7px; } }

.navbar.navbar-default {
  background-color: #fff;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-color: transparent;
  margin-bottom: 0; }
  .navbar.navbar-default .navbar-right {
    position: relative; }

.navbar-toggle {
  border-radius: 2px; }

.panel {
  box-shadow: none; }
  .panel.panel-default {
    border: none;
    border-radius: 0;
    box-shadow: none; }
    .panel.panel-default > .panel-heading {
      border: none;
      border-radius: 0px; }

.well.well-default {
  border-radius: 0;
  box-shadow: none; }

.dropdown-menu {
  border-radius: 0; }

.modal {
  z-index: 3050; }
  .modal .modal-content {
    border-radius: 0px; }

.modal-backdrop {
  z-index: 3040; }

.form-group {
  margin-top: 30px;
  position: relative; }
  .form-group label {
    color: #ccc;
    position: absolute;
    top: 7px;
    cursor: text;
    font-weight: normal;
    transition: .2s ease-out; }
    .form-group label.active {
      font-size: 85%;
      -webkit-transform: translateY(-140%);
      -moz-transform: translateY(-140%);
      -ms-transform: translateY(-140%);
      -o-transform: translateY(-140%);
      transform: translateY(-140%); }

.form-control {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  margin: 0 0 15px 0;
  padding: 0;
  transition: all .3s; }
  .form-control:focus {
    border-bottom: 1px solid #171921;
    box-shadow: none; }
  .has-succes > .form-control, .has-warning > .form-control, .has-error > .form-control {
    box-shadow: none; }
    .has-succes > .form-control:focus, .has-warning > .form-control:focus, .has-error > .form-control:focus {
      box-shadow: none; }

.form-control-feedback {
  display: none; }
  .has-feedback .form-control-feedback {
    display: block;
    top: 0 !important; }

textarea.form-control {
  resize: none; }

.alert {
  border-radius: 0px; }

/* !ASSNET ASSISTANCE */
.navbar-brand {
  width: 80px;
  height: 80px;
  margin-left: 10px;
  background: url(../../medias/images/logo-assnet-assistance.black.svg) center center no-repeat #fff;
  background-size: 80%;
  position: absolute;
  z-index: 2020;
  transition: all .35s ease; }
  @media (min-width: 768px) {
    .navbar-brand {
      width: 160px;
      height: 160px; } }
  .navbar-brand:hover, .navbar-brand:focus {
    background-color: #e7e7e7 !important; }

.nav .contactus-item {
  position: absolute;
  right: 0;
  background: #666;
  min-width: 160px;
  z-index: 2010; }
  .nav .contactus-item a {
    color: #fff !important; }
    .nav .contactus-item a span {
      display: block; }
      .nav .contactus-item a span + span {
        font-size: 22px;
        margin-top: 5px; }
      .nav .contactus-item a span .assnet {
        margin-right: 10px; }
    .nav .contactus-item a:hover, .nav .contactus-item a:focus, .nav .contactus-item a:active {
      background: transparent !important;
      cursor: default;
      outline: none; }

@media (min-width: 992px) {
  .panel-promo {
    min-height: 410px; } }

@media (min-width: 992px) {
  .panel-promo .panel-heading, .panel-promo .panel-body {
    padding: 20px 12px; } }

@media (min-width: 1200px) {
  .panel-promo .panel-heading, .panel-promo .panel-body {
    padding: 20px 30px; } }

.panel-promo .panel-heading {
  background-color: transparent; }
  @media (min-width: 992px) {
    .panel-promo .panel-heading {
      background-color: #fff; } }
.panel-promo .panel-title {
  font-size: 26px;
  color: #fff;
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    .panel-promo .panel-title {
      font-size: 14px;
      color: #000;
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .panel-promo .panel-title {
      font-size: 16px; } }
@media (min-width: 992px) {
  .panel-promo .panel-body {
    padding-bottom: 0; } }

.panel-promo .panel-body .lead {
  font-size: 20px;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    .panel-promo .panel-body .lead {
      min-height: 87px; } }
.panel-promo .assnet {
  display: inline-block; }
  @media (min-width: 992px) {
    .panel-promo .assnet {
      margin: 30px 0; } }
  @media (max-width: 992px) {
    .panel-promo .assnet.assnet-8x {
      font-size: 6em; } }
.content > .container {
  min-height: 450px;
  background: #fff;
  padding-bottom: 40px; }
  .content > .container > .row {
    padding: 0 40px; }

.panel-prestations-title {
  color: #fff;
  padding: 20px 0;
  background-color: #171921; }
  .panel-prestations-title .panel-body {
    padding: 15px 10px; }
  .panel-prestations-title h1 {
    font-size: 17px;
    font-weight: 100;
    margin-top: 30px;
    letter-spacing: 1px; }
  @media (max-width: 768px) {
    .panel-prestations-title .assnet.assnet-8x {
      font-size: 6em; } }
.media-download {
  background-color: #fff;
  border: 2px solid #171921;
  padding: 10px;
  display: block; }
  .media-download .media-body > p {
    font-size: 1.4em;
    margin-bottom: 0; }
  .media-download:hover, .media-download:focus {
    text-decoration: none; }

.panel-process {
  border-radius: 0;
  border: none;
  margin: 15px -30px; }
  .panel-process .panel-body {
    padding: 0;
    color: #fff;
    padding-bottom: 20px; }
    .panel-process .panel-body > .row {
      margin: 0; }
      .panel-process .panel-body > .row > div:nth-child(1) {
        padding: 15px 20px; }
      .panel-process .panel-body > .row > div:nth-child(2) {
        padding: 0; }

.typologie-intervention {
  list-style-type: none;
  padding: 0; }
  .typologie-intervention li {
    display: table; }
    .typologie-intervention li span {
      display: table-cell; }
      .typologie-intervention li span:first-child::before {
        font-family: 'assnet';
        content: "\e60a";
        margin-right: 10px;
        color: #171921;
        font-size: 20px;
        position: relative;
        top: 3px; }

#navbar-header-menu {
  margin-bottom: 5px; }
  #navbar-header-menu > ul > li > a {
    font-size: 14px;
    text-transform: uppercase; }
    #navbar-header-menu > ul > li > a:hover, #navbar-header-menu > ul > li > a:active, #navbar-header-menu > ul > li > a:focus {
      color: #555;
      background-color: #e7e7e7; }
  #navbar-header-menu > .navbar-nav:first-child a {
    text-align: center; }
  @media (min-width: 768px) {
    #navbar-header-menu > .navbar-nav:first-child {
      margin-left: 140px; }
      #navbar-header-menu > .navbar-nav:first-child a {
        text-align: left; } }
.dropdown-menu-prestations > li > a span:nth-child(1) {
  display: none; }

@media (min-width: 768px) {
  .dropdown-menu-prestations {
    margin-top: 3px !important;
    padding: 0; }
    .dropdown-menu-prestations > li > a {
      padding: 8px 20px; }
      .dropdown-menu-prestations > li > a:hover {
        color: #fff; }
      .dropdown-menu-prestations > li > a span {
        display: table-cell !important;
        vertical-align: middle; }
        .dropdown-menu-prestations > li > a span:nth-child(1) {
          text-align: center;
          min-width: 30px; }
        .dropdown-menu-prestations > li > a span:nth-child(2) {
          padding-left: 14px; } }

.dropdown-menu-prestations .divider {
  margin: 0; }

#home-promo {
  margin-top: -273.3333333333px; }

#home-whoweare {
  background-color: #eee;
  padding: 60px 0; }

#home-second {
  padding: 60px 0;
  background-color: #fff; }

.footer {
  background-color: #333;
  padding: 30px 0; }
  .footer .panel-default {
    background-color: transparent;
    margin-bottom: 0; }
    .footer .panel-default .panel-heading, .footer .panel-default .panel-body, .footer .panel-default a {
      color: #ccc; }

.banner-image {
  background-position: 50% 60px;
  background-attachment: fixed;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  height: auto;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 200px 0; }
  @media (min-width: 768px) {
    .banner-image {
      background-position: 50% 0;
      background-color: #eee;
      padding: 270px 0; } }
  @media (min-width: 1024px) {
    .banner-image {
      padding: 300px 0; } }
  @media (min-width: 1600px) {
    .banner-image {
      background-size: 1600px; } }
  .banner-image .page-404 {
    padding-top: 190px; }

.page:not(.index) .container > .row:nth-child(2) h2 {
  color: #171921;
  border-left: 1px dotted #171921;
  padding-left: 20px;
  padding-top: 40px;
  margin-bottom: 40px;
  line-height: 36px; }

.page:not(.index) .content {
  margin-top: -260px;
  position: relative; }
  .page:not(.index) .content .container > .row:first-child {
    margin-top: -30px; }
    @media (min-width: 768px) {
      .page:not(.index) .content .container > .row:first-child {
        margin-top: -160px; } }
.page.references .content .container > .row:first-child, .page.equipe .content .container > .row:first-child, .page.recrutement .content .container > .row:first-child, .page.contact .content .container > .row:first-child, .page.mentions-legales .content .container > .row:first-child, .page.page-404 .content .container > .row:first-child {
  margin-top: 20px; }

.page.equipe .content {
  margin-top: -140px; }
  @media (min-width: 560px) {
    .page.equipe .content {
      margin-top: -60px; } }
@media (min-width: 768px) {
  .page.equipe .banner-image {
    background-position: 50% 9%; } }

@media (min-width: 1024px) {
  .page.equipe .banner-image {
    background-position: 50% 25%; } }

@media (min-width: 1280px) {
  .page.equipe .banner-image {
    background-position: 50% 0%; } }

@media (min-width: 1440px) {
  .page.equipe .banner-image {
    background-position: 50% -10%; } }

@media (min-width: 1600px) {
  .page.equipe .banner-image {
    background-position: 50% -25%; } }

.page.equipe .thumbnail {
  border: none;
  padding: 0; }
  .page.equipe .thumbnail .caption {
    padding: 0; }
    .page.equipe .thumbnail .caption h3 {
      margin-top: 10px;
      margin-bottom: 0;
      font-size: 18px;
      font-weight: 400; }
    .page.equipe .thumbnail .caption p {
      min-height: 100px;
      font-style: italic; }
      @media (min-width: 560px) {
        .page.equipe .thumbnail .caption p {
          min-height: 60px; } }
@media (max-width: 767px) {
  .page.recrutement .offres-recrutement {
    margin-top: 40px; } }

.references-list > div {
  margin-bottom: 30px; }

ol.process {
  counter-reset: process;
  list-style-type: none;
  padding-left: 0;
  font-size: 1.2em;
  line-height: 2em;
  margin-bottom: 33px; }
  ol.process li {
    counter-increment: process;
    margin-top: 30px;
    padding-left: 15px;
    display: table; }
    ol.process li span {
      display: table-cell;
      vertical-align: middle;
      line-height: 20px; }
    ol.process li span:nth-child(1):before {
      content: counter(process);
      padding: 9px 14px;
      margin-right: 15px;
      border: 2px solid #fff;
      border-radius: 20px; }

#contact-form .btn {
  background-color: #999;
  color: #fff; }

#modal-video .modal-header {
  border: none; }

#panel-promo-index {
  color: #fff; }
  #panel-promo-index a {
    color: #fff;
    margin-top: 10px; }

ul.index a.index {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.index:hover span, .dropdown-menu-prestations a.index:hover .assnet, .dropdown-menu-prestations a.index:focus span, .dropdown-menu-prestations a.index:focus .assnet, .dropdown-menu-prestations a.index:active span, .dropdown-menu-prestations a.index:active .assnet {
  color: #fff !important; }

.index .banner-image {
  background-image: url(../../medias/images/index-banner.jpeg); }

#panel-promo-decontamination {
  background-color: #de3c30;
  color: #fff; }
  #panel-promo-decontamination a {
    color: #fff;
    margin-top: 10px; }

ul.decontamination a.decontamination {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.decontamination i.assnet {
  color: #de3c30; }

.dropdown-menu-prestations a.decontamination:hover, .dropdown-menu-prestations a.decontamination:focus, .dropdown-menu-prestations a.decontamination:active {
  background-color: #de3c30; }
  .dropdown-menu-prestations a.decontamination:hover span, .dropdown-menu-prestations a.decontamination:hover .assnet, .dropdown-menu-prestations a.decontamination:focus span, .dropdown-menu-prestations a.decontamination:focus .assnet, .dropdown-menu-prestations a.decontamination:active span, .dropdown-menu-prestations a.decontamination:active .assnet {
    color: #fff !important; }

.decontamination .navbar-default {
  border-bottom-color: #de3c30; }

.decontamination .banner-image {
  background-image: url(../../medias/images/decontamination-banner.jpeg); }

.decontamination.panel-prestations-title {
  background-color: #de3c30; }

.decontamination.media-download {
  border-color: #de3c30;
  color: #de3c30; }

h2.decontamination.decontamination.decontamination.decontamination.decontamination {
  color: #de3c30;
  border-left-color: #de3c30; }

.decontamination .content .container .panel-prestations-title {
  background-color: #de3c30; }

.decontamination .content .container > .row:nth-child(2) h2 {
  color: #de3c30;
  border-left-color: #de3c30; }

.decontamination .content .container .media-download {
  border-color: #de3c30;
  color: #de3c30; }

.decontamination .content .container .typologie-intervention li span:first-child:before {
  color: #de3c30; }

.decontamination .content .container .panel-process .colored {
  background-color: #de3c30; }

#panel-promo-assechement {
  background-color: #449db8;
  color: #fff; }
  #panel-promo-assechement a {
    color: #fff;
    margin-top: 10px; }

ul.assechement a.assechement {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.assechement i.assnet {
  color: #449db8; }

.dropdown-menu-prestations a.assechement:hover, .dropdown-menu-prestations a.assechement:focus, .dropdown-menu-prestations a.assechement:active {
  background-color: #449db8; }
  .dropdown-menu-prestations a.assechement:hover span, .dropdown-menu-prestations a.assechement:hover .assnet, .dropdown-menu-prestations a.assechement:focus span, .dropdown-menu-prestations a.assechement:focus .assnet, .dropdown-menu-prestations a.assechement:active span, .dropdown-menu-prestations a.assechement:active .assnet {
    color: #fff !important; }

.assechement .navbar-default {
  border-bottom-color: #449db8; }

.assechement .banner-image {
  background-image: url(../../medias/images/assechement-banner.jpeg); }

.assechement.panel-prestations-title {
  background-color: #449db8; }

.assechement.media-download {
  border-color: #449db8;
  color: #449db8; }

h2.assechement.assechement.assechement.assechement.assechement {
  color: #449db8;
  border-left-color: #449db8; }

.assechement .content .container .panel-prestations-title {
  background-color: #449db8; }

.assechement .content .container > .row:nth-child(2) h2 {
  color: #449db8;
  border-left-color: #449db8; }

.assechement .content .container .media-download {
  border-color: #449db8;
  color: #449db8; }

.assechement .content .container .typologie-intervention li span:first-child:before {
  color: #449db8; }

.assechement .content .container .panel-process .colored {
  background-color: #449db8; }

#panel-promo-recherchefuite {
  background-color: #8485be;
  color: #fff; }
  #panel-promo-recherchefuite a {
    color: #fff;
    margin-top: 10px; }

ul.recherchefuite a.recherchefuite {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.recherchefuite i.assnet {
  color: #8485be; }

.dropdown-menu-prestations a.recherchefuite:hover, .dropdown-menu-prestations a.recherchefuite:focus, .dropdown-menu-prestations a.recherchefuite:active {
  background-color: #8485be; }
  .dropdown-menu-prestations a.recherchefuite:hover span, .dropdown-menu-prestations a.recherchefuite:hover .assnet, .dropdown-menu-prestations a.recherchefuite:focus span, .dropdown-menu-prestations a.recherchefuite:focus .assnet, .dropdown-menu-prestations a.recherchefuite:active span, .dropdown-menu-prestations a.recherchefuite:active .assnet {
    color: #fff !important; }

.recherchefuite .navbar-default {
  border-bottom-color: #8485be; }

.recherchefuite .banner-image {
  background-image: url(../../medias/images/recherchefuite-banner.jpeg); }

.recherchefuite.panel-prestations-title {
  background-color: #8485be; }

.recherchefuite.media-download {
  border-color: #8485be;
  color: #8485be; }

h2.recherchefuite.recherchefuite.recherchefuite.recherchefuite.recherchefuite {
  color: #8485be;
  border-left-color: #8485be; }

.recherchefuite .content .container .panel-prestations-title {
  background-color: #8485be; }

.recherchefuite .content .container > .row:nth-child(2) h2 {
  color: #8485be;
  border-left-color: #8485be; }

.recherchefuite .content .container .media-download {
  border-color: #8485be;
  color: #8485be; }

.recherchefuite .content .container .typologie-intervention li span:first-child:before {
  color: #8485be; }

.recherchefuite .content .container .panel-process .colored {
  background-color: #8485be; }

#panel-promo-graffitis {
  background-color: #ef8b33;
  color: #fff; }
  #panel-promo-graffitis a {
    color: #fff;
    margin-top: 10px; }

ul.graffitis a.graffitis {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.graffitis i.assnet {
  color: #ef8b33; }

.dropdown-menu-prestations a.graffitis:hover, .dropdown-menu-prestations a.graffitis:focus, .dropdown-menu-prestations a.graffitis:active {
  background-color: #ef8b33; }
  .dropdown-menu-prestations a.graffitis:hover span, .dropdown-menu-prestations a.graffitis:hover .assnet, .dropdown-menu-prestations a.graffitis:focus span, .dropdown-menu-prestations a.graffitis:focus .assnet, .dropdown-menu-prestations a.graffitis:active span, .dropdown-menu-prestations a.graffitis:active .assnet {
    color: #fff !important; }

.graffitis .navbar-default {
  border-bottom-color: #ef8b33; }

.graffitis .banner-image {
  background-image: url(../../medias/images/graffitis-banner.jpeg); }

.graffitis.panel-prestations-title {
  background-color: #ef8b33; }

.graffitis.media-download {
  border-color: #ef8b33;
  color: #ef8b33; }

h2.graffitis.graffitis.graffitis.graffitis.graffitis {
  color: #ef8b33;
  border-left-color: #ef8b33; }

.graffitis .content .container .panel-prestations-title {
  background-color: #ef8b33; }

.graffitis .content .container > .row:nth-child(2) h2 {
  color: #ef8b33;
  border-left-color: #ef8b33; }

.graffitis .content .container .media-download {
  border-color: #ef8b33;
  color: #ef8b33; }

.graffitis .content .container .typologie-intervention li span:first-child:before {
  color: #ef8b33; }

.graffitis .content .container .panel-process .colored {
  background-color: #ef8b33; }

#panel-promo-references {
  color: #fff; }
  #panel-promo-references a {
    color: #fff;
    margin-top: 10px; }

ul.references a.references {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.references:hover span, .dropdown-menu-prestations a.references:hover .assnet, .dropdown-menu-prestations a.references:focus span, .dropdown-menu-prestations a.references:focus .assnet, .dropdown-menu-prestations a.references:active span, .dropdown-menu-prestations a.references:active .assnet {
  color: #fff !important; }

.references .banner-image {
  background-image: url(../../medias/images/references-banner.jpeg); }

#panel-promo-equipe {
  color: #fff; }
  #panel-promo-equipe a {
    color: #fff;
    margin-top: 10px; }

ul.equipe a.equipe {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.equipe:hover span, .dropdown-menu-prestations a.equipe:hover .assnet, .dropdown-menu-prestations a.equipe:focus span, .dropdown-menu-prestations a.equipe:focus .assnet, .dropdown-menu-prestations a.equipe:active span, .dropdown-menu-prestations a.equipe:active .assnet {
  color: #fff !important; }

.equipe .banner-image {
  background-image: url(../../medias/images/team/groupe-001P.jpg); }

#panel-promo-recrutement {
  color: #fff; }
  #panel-promo-recrutement a {
    color: #fff;
    margin-top: 10px; }

ul.recrutement a.recrutement {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.recrutement:hover span, .dropdown-menu-prestations a.recrutement:hover .assnet, .dropdown-menu-prestations a.recrutement:focus span, .dropdown-menu-prestations a.recrutement:focus .assnet, .dropdown-menu-prestations a.recrutement:active span, .dropdown-menu-prestations a.recrutement:active .assnet {
  color: #fff !important; }

.recrutement .banner-image {
  background-image: url(../../medias/images/recrutement-banner.jpg); }

#panel-promo-contact {
  color: #fff; }
  #panel-promo-contact a {
    color: #fff;
    margin-top: 10px; }

ul.contact a.contact {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.contact:hover span, .dropdown-menu-prestations a.contact:hover .assnet, .dropdown-menu-prestations a.contact:focus span, .dropdown-menu-prestations a.contact:focus .assnet, .dropdown-menu-prestations a.contact:active span, .dropdown-menu-prestations a.contact:active .assnet {
  color: #fff !important; }

.contact .banner-image {
  background-image: url(../../medias/images/contact-banner.jpeg); }

#panel-promo-mentions-legales {
  color: #fff; }
  #panel-promo-mentions-legales a {
    color: #fff;
    margin-top: 10px; }

ul.mentions-legales a.mentions-legales {
  color: #555;
  background-color: #e7e7e7; }

.dropdown-menu-prestations a.mentions-legales:hover span, .dropdown-menu-prestations a.mentions-legales:hover .assnet, .dropdown-menu-prestations a.mentions-legales:focus span, .dropdown-menu-prestations a.mentions-legales:focus .assnet, .dropdown-menu-prestations a.mentions-legales:active span, .dropdown-menu-prestations a.mentions-legales:active .assnet {
  color: #fff !important; }

.mentions-legales .banner-image {
  background-image: url(../../medias/images/index-banner.jpeg); }

/* HELPERS */
.margin-left-10 {
  margin: 0;
  margin-left: 10px; }

li.done {
  list-style: none;
  font-size: 1.3em;
  font-weight: bold;
  position: relative; }

li.done:after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: -30px;
  top: 1px;
  width: 9px;
  border-bottom: 4px solid #000;
  height: 18px;
  border-right: 4px solid #000;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.separateur-h {
  height: 1px;
  width: 55%;
  background-color: rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.cookies-rgpd {
  padding: 24px 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #666;
  color: #fff;
  height: 150px; }
  .cookies-rgpd:not(.active) {
    display: none; }
  .cookies-rgpd button {
    background: #999;
    padding: 8px 16px;
    border: 0; }