body{
	font-family: 'Raleway', sans-serif;
	font-size: 1.4rem;
	overflow-x: hidden;
  	line-height: 2.5rem;
  	background: #212121;
  	color: white;
}
body.not-home{
  	color: #212121;
  	background: white;
}
a,
a:focus,
a:hover {
	text-decoration:none;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #00BAFF;
}
a:focus,
a:hover {
	color: white;
}
.wp1, .wp2, .wp3, .wp4,
.wp1b, .wp1c, .wp1d, .wp1e {
    visibility: hidden;
}
.animate__fadeInLeft,
.animate__fadeInRight,
.animate__fadeIn,
.animate__fadeInUp,
.animate__fadeInDown {
    visibility: visible;
}
.margeSuperTop  {
  margin-top: 8rem;
}
.margeTop {
    margin-top: 5rem;
}
.margeTinyTop {
    margin-top: 2rem;
}
.margeSuperBottom {
    margin-bottom: 8rem;
}
.margeBottom {
    margin-bottom: 5rem;
}
.margeTinyBottom {
    margin-bottom: 2rem;
}
.eraseMarge {
    margin: 0 !important;
}
.eraseMargeTop {
    margin-top: 0 !important;
}
.eraseMargeBottom {
    margin-bottom: 0 !important;
}
.erasePaddingSides {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-l-100 {
  padding-left: 100px !important;
}
.p-r-100 {
  padding-right: 100px !important;
}
.m-t-200 {
  margin-top: 200px !important;
}
.text-legend {
    background: #f1f1f1;
    padding: 2rem 3.5rem;
    font-weight: 500;
    margin: 3rem 0;
    display: table;
}
.text-color {
  color: #00BAFF;
  font-weight:600;
}
.not-home p {
  margin-bottom: 2rem;
}
.not-home ul.listing,
#sitemap-page ul {
  padding-left: 0;
  margin: 0 0 2rem 0;
  list-style: none;
}
.not-home ul.listing li,
#sitemap-page ul li {
  line-height: 3rem;
}
.not-home ul.listing li:before,
#sitemap-page ul li:before {
  content: '';
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 2rem;
  background: #00BAFF;
  vertical-align: text-top;
  margin-top: 0.5rem;
}
.customBloc,
.customBloc2 {
	margin: 1.5rem 0;
}
.customBloc > div {
  background: #00BAFF;
  color: white;
  padding: 2rem 3rem;
  height: 100%;
}
.customBloc2 > div {
  background: rgba(255,255,255,0.05);
  color: white;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 2rem 3rem;
  height: 100%;
}
.not-home .customBloc2 > div {
	color: #212121
}
.customBloc > div h2 {
  color: white !important;
  margin-top: 0 !important;
}
.customBloc > div .listing li:before {
  background: white !important;
}
.textLegend {
  background: rgba(255,255,255,0.1);
  padding: 2rem 4rem;
}
.textLegend > p:last-child,
.textLegend [class*="col-"] > p:last-child {
  margin-bottom: 0;
}
.fontBig {
  font-size: 2.2rem;
  font-weight: 300;
}
/* loading */

#loading-page {
  background: #212121;
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 9999;
}
.window {
  overflow: hidden;
  position: relative;
  background: linear-gradient(to top, #212121 0%, #3a3a3a 100%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rect {
  position: absolute;
  background: #0080FF;
  opacity: 0.5;
  width: 300px;
  height: 300px;
  border-radius: 32%;
  top: 100px;
  left: -100px;
  animation: flow 7s linear 0s infinite;
  -webkit-animation: flow 7s linear 0s infinite;
}
.rect2 {
  position: absolute;
  background: #00BAFF ;
  background: linear-gradient(to top, #0080FF 0%, #00BAFF 100%);
  opacity: 0.6;
  width: 300px;
  height: 300px;
  border-radius: 32%;
  top: 100px;
  left: -100px;
  animation: flow 5s linear 0s infinite;
  -webkit-animation: flow 5s linear 0s infinite;
}
.p {
  text-align: center;
  color: white;
  font-size: 2rem;
  position: relative;
  top: 45%;
  font-weight: 200;
}
.p span {
  animation: fadeInOut 1s ease-in-out 0s infinite;
  -webkit-animation: fadeInOut 1s ease-in-out 0s infinite;
}

@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flow {
  0% {
    transform: rotate3D(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3D(0, 0, 1, 360deg);
  }
}
@-webkit-keyframes flow {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/*--------------BOUTON------------------*/
/*----------------------------------*/
.btn-default {
  font-weight: 700;
  display: inline-block;
  color: white;
  background: #918e78;
  background: linear-gradient(to right, #0080FF 50%, #00BAFF 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  color: white;
  padding: 0.8rem 1.5rem;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.btn-default:hover:active {
   background-position: left bottom;
   color: white !important;
}
button:focus {
  text-decoration: none;
  outline:none;
  border: none;
  box-shadow: none;
}

/*************************/
/*********HEADER**********/
/*************************/
.not-home header {
	background: #212121;
}
#bgvid {
    position: absolute;
    z-index: -2;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
}
#bgvid video {
	width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
.home #logo {
  margin: 0 auto;
  display: block;
  height: 340px;
  width: 100%;
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
  z-index: 10;
}
.home #logo:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 182px;
  bottom: 122px;
  z-index: 9;
  background: rgba(0,186,255,0.7);
}
.home .navbar-brand {
  height: auto;
  height: 280px;
  width: 420px;
  margin: 0 auto;
  position: relative;
  z-index: 11;
  top: 3rem;
}
.not-home #logo,
.not-home .navbar-brand img {
  height: 113px;
}
.not-home .navbar-brand {
  height: auto;
  padding: 0;
  display: block;
  color: white;
  text-align: center;
}
.not-home .navbar-brand > a {
  display: inline-block;
}
.not-home .navbar-brand img,
.not-home .navbar-brand > span { 
  display: inline-block;
}
.not-home .navbar-brand > span {
  font-weight: 800;
  font-size: 3rem;  
  line-height: 2.8rem;
  vertical-align: middle;
  margin-left: 1.5rem;
  text-align: left;
}
#page-liste-actualites #texte .navbar-brand > span {
  font-size: initial; 
  font-weight: 400; 
  margin: 0;
  vertical-align: unset;
}
#page-liste-actualites #texte .navbar-brand > #nbre_de_resultats {
  margin-right: 0.5rem !important;
  font-weight: 600;
  font-size: 2rem;
}
.not-home .navbar-brand > span span {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
}
header {
    
}
#navMenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 55; 
  visibility: hidden;
  display: none;
}
#navMenu.active {
  visibility:visible;
  display: block;
}
main {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.aside-section {
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 98;
}
.aside-left {
  display: none;
  width: 40%;
  left: 0;
  background-color: #00BAFF;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform 0.4s ease-in-out;
}
aside .aside-left-button {
	height: calc(100% / 3);
    display: block;
    overflow: hidden;
}
aside .aside-left-button a {
    transform: translate3d(0,-25%,0);
    transition-delay: .4s;
    opacity: 0;
}
aside.active .aside-left-button a {
    transform: translate3d(0,0,0) !important;
    transition: .4s ease-in-out opacity 1s, .4s ease-out transform 1s;
    transition-delay: 0.4s;
    opacity: 1;
}
aside.active .aside-left-button:nth-child(2) a { 
    transition-delay: 0.6s;
    opacity: 1;
}
aside.active .aside-left-button:nth-child(3) a { 
    transition-delay: 0.8s;
    opacity: 1;
}
.aside-left-button a {
	display: block;
	height: 100%;
	position: relative;
}
.aside-left-button a:before {
	content:'';	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity:0.3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#aside-paiement {
	background-color: #00BAFF;
}
#aside-constat{
	background-color: #0079FF;
}
#aside-acte{
	background-color: #001ED5;
}
#aside-paiement:before {
	background-image: url('../images/hebert-mazel-huissiers-justice-payer-en-ligne.jpg')
}
#aside-constat:before {
	background-image: url('../images/hebert-mazel-huissiers-justice-demander-constat.jpg');
}
#aside-acte:before {
	background-image: url('../images/hebert-mazel-huissiers-justice-deposer-acte.jpg');
}
.aside-left-button a:hover:before {
	opacity: 1;
}
.aside-left-button a span {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	width: 45%;
	padding: 2.5rem;
	color: white;
	background: #212121;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.aside-left-button a:hover span {
	width: 50%;
}
.aside-right {
  width: 100%;
  right: 0;
  background-color: rgba(33,33,33,0.85);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
}
.aside-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 150px;
  text-align: left;
  padding-left: 50px;
}
.aside-content {
  margin-top: 150px;
  padding: 0 40px;
  position: relative;
  color: white;
  text-align: center;
}
.aside-list li {
  margin-bottom: 20px;
}
.aside-anchor::after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #ff5964;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 3px;
}
.aside-anchor::before {
  border-radius: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #fff;
  left: 0;
  height: 3px;
  z-index: 1;
  width: 50%;
  -webkit-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.aside-anchor:hover:before {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.aside-anchor {
  padding-bottom: 7px;
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  position: relative;
  font-weight: 500;
}
header input[type="checkbox"] {
  display: none;
}
header input[type="checkbox"]:checked ~ aside .aside-left {
  transform: translateY(0%);
}
header input[type="checkbox"]:checked ~ aside .aside-right {
  transform: translateX(0%);
}
header input[type="checkbox"]:checked ~ label .bar {
  background-color: #fff;
}
header input[type="checkbox"]:checked ~ label .top {
  -webkit-transform: translateY(7px) rotateZ(45deg);
  -moz-transform: translateY(7px) rotateZ(45deg);
  -ms-transform: translateY(7px) rotateZ(45deg);
  -o-transform: translateY(7px) rotateZ(45deg);
  transform: translateY(7px) rotateZ(45deg);
}
header input[type="checkbox"]:checked ~ label .bottom {
  -webkit-transform: translateY(-5px) rotateZ(-45deg);
  -moz-transform: translateY(-5px) rotateZ(-45deg);
  -ms-transform: translateY(-5px) rotateZ(-45deg);
  -o-transform: translateY(-5px) rotateZ(-45deg);
  transform: translateY(-5px) rotateZ(-45deg);
}
header input[type="checkbox"]:checked ~ label .middle {
  width: 0;
}
header .middle {
  margin: 0 auto;
}
header label {
  top: 1rem;
  right: 1rem;
  display: inline-block;
  padding: 7px 10px;
  background-color: transparent;
  cursor: pointer;
  margin: 10px;
  z-index: 3;
  position: fixed;
  z-index: 99;
}
header label > div:first-child {
  background: #212121;
  display: block;
  padding: 0.8rem 1rem;
}
header label > div:last-child {
  display: block;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #212121;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.menu-opened header label > div:last-child,
header label > div.menu-white {
  color: white;
}
header .bar {
  display: block;
  background-color: white;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  transition: background-color 0.4s ease-in, transform 0.4s ease-in, width 0.4s ease-in;
}

@media (min-width: 992px) {
  .aside-left {
    display: block;
  }
  .aside-right {
    width: 60%;
  }
  .navbar-nav {
    float: none; 
    left: 15rem;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
    width: 550px;
  }
  .navbar-nav>li>.dropdown-menu {
    top: 0;
    right: 0;
    left: auto;    
  }
}
.navbar-brand {
  float: none;
}
.navbar-nav>li {
  float: none;
  width: 230px;
  position: initial;
}
.navbar-nav>li>a {
  font-size: 2.2rem;
  font-weight: 500;
  color: white;
  background: none !important;
  padding: 3rem 0;
}
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:focus:hover,
.navbar-nav>li.open>a   {
  color: #00BAFF;
  background: none !important;
}
.navbar-nav>li>.dropdown-menu {
  background: #2C2C2C;
  padding: 2rem 3rem;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  width: 320px;
}
.navbar-nav>li>.dropdown-menu li a {
  color: white;
  background: none !important;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 1rem 0;
}
.navbar-nav>li>.dropdown-menu li a:hover {
  color: #00BAFF;
  background: none !important;
}
.navbar-nav>li.open>a {
  position: relative;
}
.navbar-nav>li.open>a:after {
  content:'';
  height : 0;
  width : 0;
  border-top : 20px solid transparent;
  border-right : 20px solid #2c2c2c;
  border-bottom : 20px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.aside-right #menu-services{
	display: none;
}
/*************************/
/*********CONTENT*********/
/*************************/
body.home {
  color: white;
}
#section1, #section2 {
  background: #212121;
}
#fp-nav {
  background: #212121;
  right: 0 !important;
  padding: 3rem 4rem;
  width: 200px;
  z-index: 50;
  transform: translateY(-50%);
  margin: 0 !important;
}
#fp-nav ul:after {
  content: '';
  width: 1px;
  background: white;
  display: block;
  position: absolute;
  right: 3.9rem;
  top: 3rem;
  bottom: 3rem;
}
#fp-nav ul li .fp-tooltip {
  width: auto;
  opacity: 1;
  color: #aaaaaa;
  text-transform: uppercase;
  right: 3rem !important;
  font-weight: 500;
}
#fp-nav ul li:hover .fp-tooltip {
  color: white;
}
#fp-nav.fp-show-active a.active+.fp-tooltip {
  font-weight: 800;
  color: white;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  margin: 3rem 0;
  width: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span,
#fp-nav ul li a:hover span,
.fp-slidesNav ul li a:hover span {
  left: 100%;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid white;
  background: #212121;
  margin: -0.75rem 0 0 -0.75rem;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 1.5rem;
  width: 1.5rem;
  background: white;
  margin: -0.75rem 0 0 -0.75rem;
}
#fullpage .section-content {
  height: 100%;
}
.home h1{
  font-size: 4.5rem;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 0 1rem #212121;
}
.home h1 span {
  display: block; 
  margin: 1rem 0;
}
.home h1 span:first-child {
  text-transform: uppercase;
  font-size: 3.5rem;
  font-weight: 500;
}
.home h1 span:last-child {
  font-size: 3rem;
  font-weight: 700;
}
#topBtn {
  display: block;
  opacity: 0;
  position: absolute;
  bottom: 6rem;
  right: 4rem;
  font-size: 3rem;
  width: 3rem;
  height: 3rem;
  color: #00BAFF;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#topBtn.showBtn {
  opacity: 1;
}
#accueil-bottom {
  position: absolute;
  bottom: 6rem;
  left: 0;
  right: 0;
}
#accueil-bottom-btns [class*="col-"] a {
  text-align: center;
  position: relative;
}
#accueil-bottom-btns [class*="col-"] a span {
  display: block;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
}
#accueil-bottom-btns [class*="col-"] a span:first-child, 
#accueil-bottom-btns [class*="col-"] a span:last-child {
  text-shadow: 0 0 1.5rem rgba(0,0,0,1);
}
#accueil-bottom-btns [class*="col-"] a [class*="icon-"] {
  margin: 1.5rem auto;
  width: 10rem;
  height: 10rem;
  background: #212121;
  font-weight: 400;
  font-size: 4rem;
  padding: 3rem;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#accueil-bottom-btns [class*="col-"] a:hover [class*="icon-"] {
  background: #00BAFF;
}
#accueil-bottom-infos [class*="col"] > p {
  margin-bottom: 2rem;
  line-height: 2rem;
  font-size: 1.5rem;
}
#accueil-bottom-infos >.row > [class*="col"]:first-child > p {
  line-height: 3rem;
  font-weight: 500;
  text-shadow: 0 0 0.6rem rgb(0 0 0);  
}
#accueil-bottom-infos [class*="col"] > p:last-child {
  margin-bottom: 0rem;
}
#accueil-bottom-infos a {
  color: white;
}
#accueil-bottom-infos a:hover {
  color: rgba(255,255,255,0.7);
}
.section-content-left, 
.section-content-right {
  display: block;
  float: left; 
  width: 50%;
  height: 100%;
  position: relative;
}
.section-content-left .container-fluid, 
.section-content-right .container-fluid {
  padding-right: 5rem;
  padding-left: 5rem;
}
.section-content h2 {
  font-weight: 100;
  font-size: 4rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
  line-height: 5rem;
}
.etude-lien {
  color: white;
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 6rem;
  display: table;
}
.etude-lien span {
  font-size: 3rem;
  font-weight: 400;
  display: inline-block;
  margin-right: 1.5rem;
  vertical-align: sub;
}
.etude-lien:hover {
  color: #00BAFF;
}
.mission-lien {
  margin-top: 2rem; 
  margin-bottom: 2rem;
  display: table;
}
.mission-lien span {
  color: white;
  font-size: 1.7rem;
  display: inline-block;
  float: left;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mission-lien .mission-enum {
  font-weight: 200;
  font-size: 2.5rem;
  width: 3.5rem;
  height: 3.5rem;
  background: #00BAFF;
  padding: 0.4rem 0;
  text-align: center;
}
.mission-lien .mission-label {
  background: #918e78;
  background: linear-gradient(to right, #0080FF 50%, transparent 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  height: 3.5rem;
  padding: 0.6rem 1.5rem;
  font-weight: 600;
}
.mission-lien:hover .mission-enum {
  background: #0080FF;
}
.mission-lien:hover .mission-label {
  background-position: left bottom;
}
#section1 h2 {
  margin-top: 10rem;
}
#section1 .section-content-right {
  background: url('../images/hebert-mazel-huissiers-justice-zone-intervention.jpg') no-repeat;
  background-position: top center;
  background-size: contain;
}
#section1 .section-content-right img {
    position: absolute;
    height: 450px;
    bottom: 6rem;
    left: -12rem;
}
#zone-intervention {
  padding: 8% 5rem 8% 45%;
  width: 100%; 
  display: block;
  position: absolute;
  bottom: 0;
  top: 60%;
  left: 0;
  right: 0;
  background: #212121;
  font-size: 1.6rem;
  font-weight: 600;
}
#section2 .section-content-left {
  background: url('../images/hebert-mazel-huissiers-justice-contact.jpg') no-repeat;
  background-position: left 100px;
  background-size: contain;
}
#liste-villes {

}
#liste-villes #noms-villes {
  display: block; 
  float: left;
  width: 275px;
  background: #00BAFF;
  padding: 4rem 5rem;
}
#liste-villes #noms-villes ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
#liste-villes #noms-villes ul li {
  display: block;
  margin: 1rem 0;
  color: white;
  font-size: 1.6rem;
  font-weight: 600;
  font-style: italic;
}
#liste-villes #noms-villes ul li a {
  color: rgba(255,255,255,0.7);
}
#liste-villes #noms-villes ul li a:hover {
  color: rgba(255,255,255,1);
}
#liste-villes #accroche-villes {
  display: block; 
  float: left;
  width: calc(100% - 275px);
  padding: 8rem 5rem;
  font-size: 2.5rem;
  font-weight: 200;
  font-style: italic;
  background: #212121;
}
#liste-villes #accroche-villes p {
  margin-bottom:0;
}
#presentation-contact {
  position: absolute;
  right: -5rem;
  top: 30rem;
  width: 45%;
  background: #00BAFF;
  padding: 4rem;
  color: white;
  font-size: 1.6rem;
  text-align: center;
}
#presentation-contact p {
  margin-bottom: 2rem;
  line-height: 2.7rem;
}
#presentation-contact p:last-child {
  margin-bottom: 0rem;
}
#section2 h2 {
  margin-top: 30rem;
  margin-bottom: 1rem;
  display: inline-block;
}
#section2 .section-content-right .container-fluid {
  margin-right: 20rem;
  padding-left: 15rem;
}
#socials {
  margin: 0 0 0 3rem;
  display: inline-block;
}
#socials a {
  display: inline-block;
  margin-right: 1rem;
}
#socials a:last-child {
  margin-right: 0;
}
#socials a span {
  font-size: 3rem;
  color: #00BAFF;
  -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#socials a:hover span {
  color: #0080FF;
}
#section2 .section-content-right .container-fluid .row {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#section2 .section-content-right .container-fluid > .row >[class*="col-"] > div > [class*="icon-"] {
  font-size: 2rem;
  margin-right: 1rem;
  display: inline-block;
  color: #00BAFF;
  vertical-align: top;
  margin-top: 0.3rem;
}
#section2 .section-content-right .container-fluid > .row >[class*="col-"] > div > span:last-child {
  display: inline-block;
  width: calc(100% - 4rem);
}
#section2 .section-content-right .container-fluid > .row >[class*="col-"] > div > span:last-child a {
  color: #00BAFF; 
}
#section2 .section-content-right .container-fluid > .row >[class*="col-"] > div > span:last-child a:hover {
  color: #0080FF;
}
#section2 .section-content-right .container-fluid > .row:last-child >[class*="col-"]:first-child > div {
  margin-bottom: 1.5rem;
}
#section2 .section-content-right .container-fluid > .row:last-child >[class*="col-"]:first-child > div:last-child {
  margin-bottom: 0;
}
#section2 hr {
  height: 1px;
  width: 150px;
  border-top: 1px solid rgba(255,255,255,0.2);
  display: block;
  margin: 0;
}
#responsive-phone {
	display: none;
}
.not-home h1 {
  position: relative;
  font-weight: 500;
  font-size: 5rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.not-home h1 span {
  display: block;
  font-weight: 200;
  font-size: 2.6rem;
  margin-top: 1rem;
  margin-left: 7rem;
  color: #00BAFF;
}
.not-home h1:before {
  content: '';
  position: absolute;
  background: #00BAFF;
  top: -2rem;
  bottom: -2rem;
  width: 13rem;
  left: -9rem;
  z-index: -1;
}
.not-home h2 {
  color: #00BAFF;
  font-size: 3.5rem;
  font-weight: 200;
  margin: 5rem 0 3rem;
}
.not-home h3 {
  color: #212121;
  font-size: 2.5rem;
  font-weight: 200;
  margin: 4rem 0 2.4rem;
  border-bottom: 1px solid #0080FF;
  display: table;
  padding-bottom: 0.5rem;
}
.not-home h3.h3center {
  margin-left: auto;
  margin-right: auto;
}
.not-home h4 {
  color: #00BAFF;
  font-size: 1.6rem;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
  margin: 3rem 0 1.7rem;
}
.not-home .customBloc h4 {
  color: white;
}
.not-home h5 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
#texte {
  padding: 0 9rem 5rem;
}
#texte a.btnContent,
ul.listing li a,
#sitemap-page ul li a {
  color: white;
  background: #918e78;
  background: linear-gradient(to right, #0080FF 50%, #00BAFF 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  color: white;
  display: inline-block;
  padding: 0.2rem 0.5rem; 
  line-height: 2rem;
}
#texte a.btnLien {
  color: white;
  background: #918e78;
  background: linear-gradient(to right, #0080FF 50%, #00BAFF 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  color: white;
  display: inline-block;
  padding: 0.3rem 1rem;
}
#texte a.btnLien.btnService {
  padding: 0.5rem 1.5rem;
  font-size: 1.6rem;
}
#texte a.btnLien [class*="icon-"] {
  font-size: 2.2rem;
  display: inline-block;
  margin-right: 1.5rem;
  vertical-align: sub;
}
#texte a.btnLien:hover,
#texte a.btnContent:hover,
ul.listing li a:hover,
#sitemap-page ul li a:hover {
  background-position: left bottom;
  color: white !important;
}
.customBloc > div h5,
.customBloc > div .huissierLinkedin  {
  display: inline-block;
}
.customBloc > div em {
  color: rgba(255,255,255,0.6);
}
.customBloc > div .huissierLinkedin  {
  float: right;
  font-size: 1.6rem;
  margin-top: 1rem;
  color: white;
}
.rowImage {
  margin-right: -9rem;
  margin-left: -9rem;
}
.rowImage > [class*="col-"] {
  padding-left: 9rem;
  padding-right: 9rem;
}
.rowImage > .hasImage {
  padding: 0 !important;
}
.hasImage {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.hasAction .customBloc > div {
  padding: 0;
}
.hasAction .customBloc > div > a {
  color: white;
  display: block;
  padding: 3rem 1rem;
  background: #918e78;
  background: linear-gradient(to right, #0080FF 50%, #00BAFF 50%);
  background-size: 201% 100%;
  background-position: right bottom;
}
.hasAction .customBloc > div > a:hover {
  background-position: left bottom;
  color: white !important;
}
.hasAction > [class*="col-"] > p:last-child {
  margin-bottom: 0;
}
.hasAction .customBloc > div > a [class*="icon"] {
  font-size: 3rem;
  margin-bottom: 1rem;
  display: block;
}
#constatSteps > .customBloc> div {
  position: relative;
}
#constatSteps > .customBloc> div:after {
  content: '';
  position: absolute;
  right: -3rem;
  left: 100%;
  top: 50%;
  border-top: 45px solid transparent;
  border-left: 30px solid #00BAFF;
  border-bottom: 45px solid transparent;
  transform: translateY(-50%);
  z-index: 1;
}
#constatSteps > .customBloc:nth-child(even) > div {
  background: #0080FF;
}
#constatSteps > .customBloc:nth-child(even) > div:after {
  border-left-color: #0080FF;
}
#constatSteps > .customBloc:last-child > div:after {
  display: none;
}
#imgCA {
  background-image: url('../images/hebert-mazel-huissiers-justice-carte-interne.png');
}
#imgPresentation {
  background-image: url('../images/hebert-mazel-huissiers-justice-contact.jpg');
  background-size: cover;
}
#imgExpulsion1 {
  background-image: url('../images/hebert-mazel-huissiers-justice-expulsion1.jpg');
  background-size: cover;
}
#imgExpulsion2 {
  background-image: url('../images/hebert-mazel-huissiers-justice-expulsion2.jpg');
  background-size: cover;
}
#imgInjonction {
  background-image: url('../images/hebert-mazel-huissiers-justice-injonction.jpg');
  background-size: cover;
}
#imgContentieux {
  background-image: url('../images/hebert-mazel-huissiers-justice-contentieux.jpg');
  background-size: cover;
}
#imgImmo {
  background-image: url('../images/hebert-mazel-huissiers-justice-saisie-immo.jpg');
  background-size: cover;
  background-position: left;
}
#imgAvocat1 {
  background-image: url('../images/hebert-mazel-huissiers-justice-avocat1.jpg');
  background-size: cover;
}
#imgAvocat2 {
  background-image: url('../images/hebert-mazel-huissiers-justice-avocat2.jpg');
  background-size: cover;
}
#imgConseil {
  background-image: url('../images/hebert-mazel-huissiers-justice-consultation.jpg');
  background-size: cover;
}
#imgRecouvrement {
  background-image: url('../images/hebert-mazel-huissiers-justice-recouvrement.jpg');
  background-size: cover;
}
#imgNavire1 {
  background-image: url('../images/hebert-mazel-huissiers-justice-navire1.jpg');
  background-size: cover;
}
#imgNavire2 {
  background-image: url('../images/hebert-mazel-huissiers-justice-navire2.jpg');
  background-size: cover;
}
#imgExecution {
  background-image: url('../images/hebert-mazel-huissiers-justice-execution.jpg');
  background-size: cover;
  background-position: left;
}
#imgConstat1 {
  background-image: url('../images/hebert-mazel-huissiers-justice-constat1.jpg');
  background-size: cover;
}
#imgConstat2 {
  background-image: url('../images/hebert-mazel-huissiers-justice-constat2.jpg');
  background-size: cover;
  background-position: right;
}
#page-page-constat-generique .customBloc a.btn-default {
  color: #00BAFF;
  background: #918e78;
  background: linear-gradient(to right, #0080FF 50%, white 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  margin: 2rem auto;
  display: table;
}
#page-page-constat-generique .customBloc .btn-default:hover,
#page-page-constat-generique .customBloc .btn-default:focus,
#page-page-constat-generique .customBloc .btn-default:active,
#page-page-constat-generique .customBloc .btn-default:active:focus,
#page-page-constat-generique .customBloc .btn-default:hover:active {
   background-position: left bottom;
   color: white 
}
#footerVilles ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footerVilles ul li {
  display: inline-block;
  margin: 0rem 0 1rem 1rem;
}
#footerVilles ul li:first-child {
  margin-left: 0rem;
}
.customBloc2 .btn-default.centered {
  display: table;
  margin: 3rem auto;
}
#sitemap-villes > h2, 
#sitemap-villes > p {
  display: none;
}

/*==========  Actualites  ==========*/

.home #module-Actualite .card,
#page-liste-actualites #module-Actualite .card {
  background: none;
  border: none;
  min-height: 1px !important;
  height: auto;
}
#page-liste-actualites #module-Actualite .card {
  margin-bottom: 3rem;
}
.home #module-Actualite .texte-mod-actu {
  height: auto;
  width: 100%;
}
.home .masque,
#page-liste-actualites .masque {
  background: #00BAFF;
}
.home #module-Actualite h3,
#page-liste-actualites #module-Actualite h3 { 
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.home #module-Actualite h3 a,
#page-liste-actualites #module-Actualite h3 a {
  color: #00BAFF;
}
.home #module-Actualite h3 a:hover,
#page-liste-actualites #module-Actualite h3 a:hover {
  color: #0080FF;
}
.home #module-Actualite .boutonPlus {
  border-radius: 0px;
  background: #00BAFF;
}
.home #module-Actualite .boutonPlus:hover {
  background: #0080FF;
}
#page-liste-actualites #module-Actualite #nb_result {
    margin: 1.5rem 0 0 0;
}
/*************************/
/*************************/
/*************************/

/*==========  Mobile First Method  ==========*/
@media only screen and (min-width : 320px) {
}
@media only screen and (min-width : 480px) {

}
@media only screen and (min-width: 768px) {
	.navbar-default {
		background: none;
		border: none;
	}
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width : 1200px) {

}

/*************************/
/*********FOOTER***********/
/*************************/
#prefooter {
  	padding: 0 8.5rem 1.5rem;
  	margin-top: 5rem;
  	position: relative; 
	background: #212121;
  	color: white;
}
#prefooter:before {
  content:'';
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  display: block;
  height: 1px;
  background: rgba(255,255,255,0.1);
}
.home footer {
  padding: 1.5rem 3rem;
}
.not-home footer {
  padding: 0 7rem 1.5rem;
  font-weight: 300;
  background: #212121;
  color: white;
}
footer > .container-fluid > .row > [class*="col-"]:last-child{
  text-align: right;
}
footer a {
  color: #00BAFF;
  font-weight: 500;
}
footer a:hover {
  color: white;
}
/*************************/
/*********MODULES*********/
/*************************/

.statut-ouverture {
    font-weight: 600;
    display: table;
    padding: 0.4rem 1rem;
    margin-top: 0.5rem;
    font-size: 1.2rem;
}
.statut-ouverture.ouvert {
    background-color: #41bd6d;
}
.statut-ouverture.ferme {
    background-color: #bd4141;
}
.statut-ouverture.info {
    background-color: #de9b38
}
#section2 .statut-ouverture {
    padding: 0;
    background: none;
}
#section2 .statut-ouverture.ouvert {
    color: #41bd6d;
}
#section2 .statut-ouverture.ferme {
    color: #bd4141;
}
#section2 .statut-ouverture.info {
    color: #de9b38
}
#module_competence .tab-dropdown-menu {
    background: #f7f7f7;
}
#module_competence #competence_sidebar_overlay h2,
#module_competence .color-site,
#module_competence label,
#module_competence button,
#module_competence #result_km p {
	color: #BB241C;
}
#module_competence #competence_tabs a {
	color: #bd3850;
}
#module_competence .border-color-site, #module_competence .btn  {
    border-color: #BB241C !important;
}
#module_competence #competence_tabs .nav-tabs >li.active:hover a,
#module_competence #competence_tabs .nav-tabs >li.active a {
    background-color: #BB241C;
}
#module_competence .typeahead.dropdown-menu>.active>a, 
#module_competence .typeahead.dropdown-menu>.active>a:focus, 
#module_competence .typeahead.dropdown-menu>.active>a:hover {
    background-color: #BB241C;
}
#module_competence #result_km p:before {
    border-color: transparent transparent transparent #BB241C;
}

#module_competence #competence_tabs .nav-tabs >li.active a:after {
	border-color: #BB241C transparent transparent transparent;
}
@media only screen and (min-width: 768px) {
	#module_competence #competence_tabs .nav-tabs >li.active a:after {
			border-color: transparent transparent transparent #BB241C;
	}
}
.zone_verte {
	color:#08c91b !important;
}
.zone_orange {
	color:#c99f08 !important;
}
.zone_rouge {
	color:#AD2828 !important;
}
.bg-site-zone-1 {
	background-color:#08c91b !important;
}
.bg-site-zone-2 {
	background-color:#c99f08 !important;
}
.bg-site-zone-3 {
	background-color:#AD2828 !important;
}
legend {
  display: none;
}
.btn.btn-default {
  border-radius: 0px;
  border: none;
  outline: none;
}
.disabled a:hover {
  color: #aaa !important;
}
.well {
  background: rgba(255,255,255,0.1);
  border-radius: 0px;
  border: none;
}
.well > h3 {
  margin-top: 0;
}
.well > p:last-child {
  margin-bottom:0;
}
#steps .number {
    width: 40px;
    height: 40px;
    border-radius: 0px;
    background: white; 
    border-color: white;
}
#steps li {
  width: 180px;
}
#steps li.done a .number,
#steps li.done a:hover .number {
    background-color: #0080FF !important;
    border-color: #0080FF !important;
    color: #fff;
}
#steps li.done .title {
  color: #0080FF 
}
#steps li.current {
    color: #000;
}
#steps li.current .title {
  color: #00BAFF
}
#steps li.current .number {
    background-color: #00BAFF;
    border-color: #00BAFF;  
    color: #fff;
}
#steps li.disabled .number {
    background-color: #eee;
    color: #aaa;
}
@media only screen and (min-width:768px) {
    #steps li .number:after {
      background: rgb(0,186,255);
      background: linear-gradient(90deg, rgba(0,186,255,1) 10%, rgba(255,255,255,1) 85%);
    }
    #steps li.current .number:after {
        background-color: #00BAFF;
    }
    #steps li.current .number:before {
        background: rgb(0,186,255);        
        background: linear-gradient(to right, #0080FF 10%, #00BAFF 85%);
    }
    #steps li.done a:hover .number, 
    #steps li.done a:active .number {
        background: #00BAFF;
        color: #fff;
    }
    #steps li.done span.number:after {
        background: linear-gradient(to right, #0080FF 10%, #00BAFF 85%);
    }
}
.modal {
  text-align: center;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background: none;
}
#retour_paiement table h2 {
  color:#00BAFF
}
#retour_paiement table h3 {
  margin: 0 auto 2rem auto !important;
  border: none !important;
}
#texte ul.typeahead > li, ul.typeahead > li,
.bootstrap-timepicker-widget table td input,
.form_contact_v2 .typeahead.dropdown-menu a {
  color: black;
}
/*************************/
/*********RESPONSIVE******/
/*************************/
@media only screen and (max-height : 850px) {
	.home .navbar-brand {
		height: 240px;
    	width: 350px;
	}
	.home #logo:before {
	    top: 130px;
	    bottom: 85px;
	}
	.home #logo {
		height: 240px;
	}
}
@media only screen and (max-height : 850px) and (max-width : 1400px) {
	#fp-nav {
        transform: translateY(-80%);
	}
}
@media only screen and (max-height : 750px) {
	body {
		overflow-y: visible !important;
    	height: 100% !important;
	}
	#fp-nav {
       	display: none !important;
	}
	.fp-section {
	    height: auto !important;
	    min-height: 750px;
	}
	.fp-tableCell,
	#fullpage .section-content {
	    height: 100% !important;
	}
	#accueil-bottom {
		position: relative;
		top: 4rem;
		height: auto;
		margin-bottom: 4rem;
	}
	#zone-intervention {
		position: relative; 
		top: 0;
	}
	#section1 .section-content-right img {
		position: relative;
	}
}
/*==========  Mobile First Method  ==========*/
@media only screen and (min-width : 320px) {

}
@media only screen and (min-width : 480px) {

}
@media only screen and (min-width: 768px) {
	h1,	h2, h3{
		text-align:left;
	}
	h1 {
		font-size: 2.8em;
	}
	h2 {
		font-size: 2.5em;
		margin-top: 2em;
	}
	h3{
		font-size: 1.8em;
	}
	h4{
		font-size: 1.5em;
	}
}
@media only screen and (min-width: 992px) {
	h1 {
		font-size: 3em;
	}
}
@media only screen and (min-width : 1200px) {
	.home h1 {
		max-width: 70%;
		margin: 0 auto;
	}
}
/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1599px) {
	.home h1 {
  		max-width: 70%;  
    	margin: 0 auto;
	}
	#section2 .section-content-left {
		width: 35%;
	}
	#section2 .section-content-right {
		width: 65%;
	}
	#liste-villes #noms-villes {
		padding: 3rem 5rem;
		float: none; 
		width: 100%;
	}
	#liste-villes #accroche-villes {    	
    	float: none; 
		width: 100%;
	}
	#liste-villes #noms-villes {
		text-align: center;
	}
	#liste-villes #noms-villes ul li {
	    display: inline-block;
	    margin: 0.3rem 1rem;
	}
	#section2 h2 {
		margin-top: 15rem;
	}
	#presentation-contact {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}
	#section2 .section-content-right .container-fluid {
		padding-left: 5rem;
	}
}
@media only screen and (max-width : 1499px) {
  .mission-lien {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }
  .mission-lien .mission-enum {
    font-size: 2rem;
  }
  #zone-intervention {
    padding: 5% 5rem 5% 0;
    font-size: 1.4rem;
    top: 65%;
  }
  #section1 .section-content-left {
    width: 70%;
  }
  #section1 .section-content-right {
     width: 30%;
  }
  #section1 .section-content-right img {
    height: 400px;
    bottom: auto;
    left: -8rem;
  }
  #liste-villes #noms-villes ul li a {
  	font-size: 1.4rem;
  }
  #liste-villes #accroche-villes {
  	padding: 5rem;
  }	
  #presentation-contact > p:last-child {
  	display: none;
  }  	
  #fp-nav {
  	padding: 1.5rem 4rem 1.5rem 0;
  	width: 180px;
  }
}
@media only screen and (max-width : 1299px) {
	.navbar-nav {
		left: 7rem;
		margin: 0;
	}
	.aside-left {
		width: 30%;
	}
	.aside-right {
	    width: 70%;
	}

}
@media only screen and (max-width : 1199px) {
  #accueil-bottom-infos {
    display: none;
  }
  .home .navbar-brand {
    height: 240px;
    width: 380px;
  }
  .home #logo {
    height: 240px;
  }
  .home #logo:before {
    top: 140px;
    bottom: 70px;
  }
  	.home h1 {
  		max-width: 100%;  
	}
	.aside-right {
	    width: 100%;
	    text-align: center;
	}
	.aside-right .navbar-nav {
    	width: 100%;
    	left: 0;
    	display: block;
    	position: relative;
    	top: 50%;
    	transform: translateY(-50%);
	}
	.navbar-nav>li {
		width: 100%;
	}
	.aside-right #menu-services{
	    display: block;
	}
	.aside-left {
	   display: none;
	}
  	.section-content-left,
  	.section-content-right {
    	float: none !important;
    	width: 100% !important;
    	height: auto !important
  	}
  	#anchor-strate {
  		display: none;
  	}
}
@media only screen and (max-width : 1099px) {
  .mission-lien span {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width : 991px) {
	.aside-right {
	    width: 100%;
	    text-align: center;
	}
	.aside-right .navbar-nav {
    	width: 100%;
    	left: 0;
    	display: block;
    	position: relative;
    	top: 50%;
    	transform: translateY(-50%);
	}
	.navbar-nav>li {
		width: 100%;
	}
	.aside-right #menu-services{
	    display: block;
	}
	.aside-left {
	   display: none;
	}
  	.section-content-left,
  	.section-content-right {
    	float: none !important;
    	width: 100% !important;
    	height: auto !important
  	}
  	#zone-intervention {
	    padding: 5rem;
	    position: relative;
	    top: 0;
	    background: #212121;
	}
	#section1 .section-content-right {
		background-position: 275px bottom;
	}
	#section1 .section-content-right img {
	    height: 450px;
	    position: relative;
	    left: 0rem;
	    margin-left: 5rem;
	}
	#liste-villes {
		display: flex;
    	flex-direction: row-reverse;
	}
	#liste-villes #noms-villes {
		padding: 3rem 5rem;
		float: none; 
		width: 100%;
	}
	#liste-villes #noms-villes ul {
		text-align: center;
	}
	#liste-villes #noms-villes ul li {
		margin: 0.5rem 1rem;
		display: inline-block;
	}
	#liste-villes #noms-villes ul li a {
		font-size: 1.4rem;
	}
	#section2 .section-content-left {
		background-position: bottom center;
    	background-size: cover;
	}
	#presentation-contact {
	    position: relative;
	    display: block;
	    right: 0;
	    top: auto;
	    bottom: auto;
	    width: 100%;
	}
	#liste-villes #accroche-villes {
		padding: 6rem 5rem;
		float: none; 
		width: 100%;
	}
	#anchor-strate {
		display: none;
	}
	#section2 .section-content-right .container-fluid {
	    margin-right: 0;
	    padding-right: 5rem;
	    padding-left: 5rem;
	}
	#section2 h2 {
		margin-top: 6rem;
	}
	#presentation-contact > p:last-child {
		display: block;
	}
	footer > .container-fluid > .row > [class*="col-"] {
		text-align: center !important;
	}
	#section2 .section-content-right .container-fluid {
		margin-right: 5rem;
	}
	.rowImage > .hasImage { 
		min-height: 450px;
		margin: 4rem 0;
	}
	.navbar-nav>li>.dropdown-menu {
		position: relative;
		width: 50%;
		top: auto;
		left: auto;
		float: none;
		background: rgba(0,0,0,0.5);
    	padding: 1rem 0;
    	margin: 0 auto;
	}
	.navbar-nav>li>.dropdown-menu li a {
	    padding: 0.5rem 0;
	    text-align: center;
	}
	.navbar-nav>li>a {
		padding: 2rem 0 1rem
	}
	#constatSteps > .customBloc> div:after {
		display: none;
	}
}
@media only screen and (max-width : 767px) {
  .home .navbar-brand {
    height: 150px;
    width: 250px;
  }
  .home #logo {
    height: 150px;
  }
  .home #logo:before {
    top: 93px;
    bottom: 38px;
  }
  .home h1{
    font-size: 3rem;    
  } 
  .home h1 span:first-child {
    font-size: 2.6rem;
  }
  .home h1 span:last-child {
    font-size: 2.2rem;
  }
  #accueil-bottom {
    position: relative;
    margin-top: 3rem;
   	padding-bottom: 3rem;
    left: auto;
    right: auto;
    bottom: auto;
  } 
	.btn-default {
		width: 100%;
	}
	/*Formulaires responsive avec tableau*/
	form table {
		width: 95% !important;
	}
	form table a {
		display: block;
		float: none !important;
	}
	table:after {
		display: block;
		clear: both;
		content: "";
	}

	form table input[type="text"], 
	form table input[type="file"], 
	form table select, 
	form table textarea {
		width: 90% !important;
		float: none !important;
		display: block;
	}
	form table, 
	form table tbody, 
	form table tr, 
	form table td {
		display: block;
		width: 100% !important;
		padding: 0;
		clear: both;
		height: auto;
	}
	form table td {
		text-align: left !important;
		padding-left: 2.5% !important;
	}
	.rubrique {
		height: auto !important;
	}
	/*Correctif compétences territoriales*/
	#list_com table#tab_comp,
	#list_com table#tab_comp tbody,
	#list_com table#tab_comp tr,
	#list_com table#tab_comp td {
		width: 100% !important;
		display: block;
	}
	#s_com {
		width: 100% !important;
	}
	.navbar-nav>li>.dropdown-menu {
		width: 70% !important;
		background: rgba(0,0,0,0.5) !important;
	}
	#accueil-bottom-btns [class*="col-"] a {
		display: block;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	#accueil-bottom-btns [class*="col-"] a [class*="icon-"] {
    	margin: 1rem auto;
    	width: 8rem;
    	height: 8rem;
    	padding: 2rem;
	}
	#texte{
    	padding: 0 2rem 5rem;
	}
	.not-home h1:before {
		width: 11rem;
	}
	.not-home .navbar-brand {
		text-align: left;
	}
	.not-home .navbar-brand > span {
		font-size: 2rem;
		margin-left: 0;
	}
	.not-home h1 span {
	    font-weight: 300;
	    margin-left: 4rem;
	}
	#prefooter,
	.not-home footer {
    	padding: 0 2rem 1.5rem;
    }
    .not-home h2 {
    	text-align: center;
    }
    #footerVilles ul {
    	text-align: center;
    }
    #section2 .section-content-right .container-fluid {
    	margin-right: 0;
    	padding: 0 2rem;
    }
    .section-content-left .container-fluid,
    .section-content-right .container-fluid {
    	padding: 0 2rem;
    }
    #zone-intervention,
    #presentation-contact {
    	padding: 2rem;
    }
    #liste-villes #accroche-villes {
    	padding: 5rem 2rem;
    }
}
@media only screen and (max-width : 600px) {
	#section1 .section-content-right img {
    	height: auto;
		width: calc(100% - 10rem);
	}
	.home h1 {
		margin: 8rem 1rem 3rem;
	}
	#responsive-phone {
  		display: block;
  	}
  	#responsive-phone a {
  		display: table;
  		margin: 0 auto;
  		width: auto;
  	}
}
@media only screen and (max-width : 479px) {
	.form_extranet div {
		width: auto !important;
	}
	.navbar-nav>li>.dropdown-menu {
		width: 100%;
	}
}
@media only screen and (max-width : 319px) {
	
}