/*
Theme Name: Rocket Theme
Author: Machin Machine
Author URI: https://machinmachine.fr
Description: Rocket Theme brings your site to life :)
Version: 0.1
Text Domain: rocket
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Config Theme
2.0 Global
3.0 Loader
4.0 Layout
  4.1 Header
    4.1.1 Mobile header
  4.2 Footer
    4.2.1 Footer Widgets
    4.2.2 Footer Credits
5.0 page
  5.1 Header Page
  5.2 Page Contact
    5.2.1 Header Simple
  5.3 Home
    5.3.1 Home intro
    5.3.2 Home Header Page
    5.3.3 Services
    5.3.4 Actu x2
6.0 Blog
7.0 Single


/*--------------------------------------------------------------
1.0 Config Theme
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
:root {
  /* Color Theme ------------------------------ */
  /* Color 1 bleu */
  --main-color: #1e73be;
  /* Color 2 gris foncé */
  --second-color: #2A2D2C;
  /* Color 3  */
  --third-color: #1e73be;
  /* Color btn tel */
  --tel-color: #1e73be;
  /* Body background */
  --bg-theme: #FFF;
  /* Fonts */
  --font-theme: 'Roboto', sans-serif;
  --font-title: 'Roboto', sans-serif;
  /* Links */
  --a-color: #2A2D2C;
  --hover-color: #2A2D2C;
  /* Text */
  --p-color: #95aabf;
  /* Shadow */
  --box-shadow: 0 0 20px rgba(31, 35, 35, .15);
  /* Footer */
  --footer-color: rgb(42, 45, 44);
  --credits-color: rgb(29, 29, 29);
}
/*--------------------------------------------------------------
2.0 Global
--------------------------------------------------------------*/
/* CSS Reset ----------------------------------- */
body,
html {
  position: relative;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
}
address,
big,
blockquote,
button,
caption,
cite,
code,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
label,
legend,
li,
ol,
p,
small,
strike,
sub,
sup,
table,
td,
th,
tr,
ul {
  border: none;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
}
blockquote::after,
blockquote::before {
  content: "";
}
/* Document Setup ----------------------------- */
html {
  font-size: 62.5%;
  /* 1rem = 10px */
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  background: var(--bg-theme);
  box-sizing: border-box;
  color: var(--p-color);
  font-family: var(--font-theme);
  font-size: 17px;
  letter-spacing: -0.015em;
  text-align: left;
}
@supports (font-variation-settings: normal) {
  body {
    font-family: var(--font-theme);
  }
}
*,
*::after,
*::before {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}
/* Accessibility Settings -------------------- */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0s !important;
    transition-duration: 0s !important;
  }
}
/* Element Base */
main {
  display: block;
}
.heading-size-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
  font-weight: 400;
  letter-spacing: -0.0415625em;
  line-height: 1.25;
  margin: 3.5rem 0 2rem;
  text-transform: none;
}
.heading-size-1,
h1 {
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.138888889;
}
.heading-size-2,
h2 {
  font-size: 3.2rem;
  color: var(--second-color);
  font-weight: 300;
  text-transform: uppercase;
}
.page-id-16 h2 {
  color: var(--third-color);
}
.heading-size-3,
h3 {
  font-size: 2.3rem;
}
.heading-size-4,
h4 {
  font-size: 1.4rem;
}
.heading-size-5,
h5 {
  font-size: 1.1rem;
}
.heading-size-6,
h6 {
  font-size: 0.6rem;
  letter-spacing: 0.03125em;
  text-transform: uppercase;
}
p {
  line-height: 32px;
  margin: 0 0 1em;
  font-weight: 300;
  font-size: 1.5rem;
}
big {
  font-size: 1.2em;
}
small {
  font-size: 0.75em;
}
b,
strong {
  font-weight: 700;
}
address {
  line-height: 1.5;
  margin: 0 0 2rem;
}
hr {
  border-style: solid;
  border-width: 0.1rem 0 0 0;
  border-color: #dcd7ca;
  margin: 4rem 0;
}
a {
  text-decoration: none;
  color: var(--a-color);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}
a:active,
a:focus,
a:visited {
  text-decoration: none;
  color: var(--hover-color);
}
a:hover {
  color: var(--hover-color);
  text-decoration: none;
}
/* Lists ------------------------------------- */
ol,
ul {
  margin: 0 0 3rem 3rem;
}
ul {
  list-style: disc;
}
ul ul {
  list-style: circle;
}
ul ul ul {
  list-style: square;
}
ol {
  list-style: decimal;
}
ol ol {
  list-style: lower-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
li {
  line-height: 1.5;
  margin: 0.5rem 0 0 2rem;
}
li > ol,
li > ul {
  margin: 1rem 0 0 2rem;
}
/* Effects --------------------------------- */
.shadow {
  -moz-box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
/* Others/Elements --------------------------------- */
#main {
  padding-top: 135px;
}
#mobile-header {
  display: none;
}
.grecaptcha-badge {
  display: none;
}
.bouton {
  margin: 30px 0px 20px;
  padding: 0px;
  font-weight: 700;
}
.bouton a {
  display: inline-block;
  padding: 8px 25px;
  background-color: var(--main-color);
  color: #FFF;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid var(--main-color);
  border-radius: 5px;
  transition: all 0.3s ease-in-out 0s;
}
.bouton a:hover{
	color: var(--main-color);
	border: 1px solid var(--main-color);
	background: transparent;
}
/* Mobile Menu --------------------------------- */
/*--------------------------------------------------------------
3.0 Loader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999991;
  background: #FFFFFF;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
#preloader.open {
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.loader {
  display: block;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  background: url("assets/img/logo.png") no-repeat center center;
  background-size: 150px auto;
  transform: scale(1);
  animation: pulse 0.4s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
/*--------------------------------------------------------------
4.0 Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 Header
--------------------------------------------------------------*/
#top {
  position: relative;
  height: 45px;
  width: 100%;
  background: var(--main-color);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
#top .slogan {
  position: absolute;
  left: 30px;
  top: 0;
  line-height: 45px;
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.btn-reso {
  position: absolute;
  right: 15px;
}
.btn-reso ul {
  margin: 0;
}
.btn-reso ul li {
  line-height: 45px;
  list-style: none;
  display: inline;
  margin: 0 0 0 15px;
  font-size:15px;
}
#top li a {
	color: #FFF;
}
#top li a:hover {
	color: #E65251;
}

/* #top .btn-topbar {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#top .btn-topbar svg {
  width: 15px;
  height: auto;
  fill: #FFF;
  vertical-align: middle;
}
#top .btn-topbar a {
  display: inline-block;
  padding: 0 20px;
  line-height: 45px;
  color: #fff;
  background: var(--tel-color);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#top .btn-topbar a:hover {
  color: #fff;
  background: var(--second-color);
} */
header {
  width: 100%;
  height: 135px;
  position: fixed;
  z-index: 999;
  background: #FFF;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
header #head {
  position: relative;
  height: 90px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
#logo {
  position: absolute;
  left: 30px;
  top: 15px;
  margin: 0;
}
#logo img {
  width: 120px;
  height: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
header nav {
  background: none;
  margin: 0px auto;
  display: block;
  position: absolute;
  top: 0px;
  height: 90px;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
header nav .bouton {
  transition: all 0.3s ease 0s;
  position: absolute;
  margin: 0px;
  top: 27px;
  right: 10px;
}
header nav .bouton a {
  font-size: 11px;
  line-height: 25px;
  padding: 4px 10px;
  color: rgb(255, 255, 255);
}
header nav .bouton svg {
  width: 15px;
  height: auto;
  fill: #FFF;
  vertical-align: middle;
  transition: all 0.3s ease 0s;
}
header nav .bouton a:hover svg {
  fill: var(--main-color);
}
header nav .menu {
  margin: 0;
  text-align: center;
}
header nav .menu li {
  display: inline-block;
  position: relative;
  zoom: 1;
  list-style: none;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
header nav a::after {
  content: "";
  width: 1px;
  height: 10px;
  background: rgb(0, 138, 149);
  position: absolute;
  left: -3px;
  top: 45%;
}
header  nav li:first-child a:after, header nav li ul a:after, header nav .bouton a:after{
	display: none;
}
header nav a {
  display: inline-block;
  zoom: 1;
  font-weight: 500;
  color: var(--a-color);
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 0 15px;
  line-height: 90px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
}
header nav a:active,
header nav a:focus,
header nav a:visited {
  color: var(--a-color);
}
header nav a:hover {
  color: var(--main-color);
}
header nav ul li.current_page_item > a {
  color: var(--main-color);
}
/* Sous Menu */
header nav li ul {
  float: left;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 70px;
  margin: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
nav li:hover ul {
  opacity: 1;
  top: 90px;
  visibility: visible;
}
nav li ul li {
  width: 250px;
}
header nav li ul a {
  display: block;
  font-size: 13px;
  text-align: left;
  line-height: 20px;
  color: #fff;
  padding: 10px 10px 10px 20px;
  background: var(--main-color);
  height: auto;
  border-top: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
header nav li ul a:active,
header nav li ul a:focus,
header nav li ul a:visited {
  background: var(--main-color);
  color: #fff;
}
header nav li ul a:hover {
  background: var(--a-color);
  color: #fff;
  border-top: none;
}
header nav ul li.current-menu-ancestor > a,
header nav ul li.current-menu-item > a,
header nav ul li.current-menu-parent > a,
header nav ul li.current_page_item > a,
header nav ul li.current_page_parent > a {
  color: var(--main-color);
}
header nav li ul li.current-menu-ancestor > a,
header nav li ul li.current-menu-item > a,
header nav li ul li.current-menu-parent > a,
header nav li ul li.current_page_item > a,
header nav li ul li.current_page_parent > a {
  color: #fff;
  background: var(--a-color);
}
header nav li ul ul {
  left: 320px;
  opacity: 0;
  top: 0;
  position: absolute;
  margin: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
nav li:hover ul ul {
  opacity: 0;
  visibility: hidden;
  top: 0;
}
nav li ul li:hover ul {
  opacity: 1;
  visibility: visible;
  left: 350px;
}
header nav li ul ul li a {
  background: #2980b9;
}
header nav .separator {
  width: 2px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  height: 10px;
  border-left: 1px solid #ccc;
}
header nav ul li ul .separator,
header nav ul li:first-child .separator {
  display: none;
}
/* My Stiky */
header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 60px;
  border: 0;
  /* background: var(--main-color); */
}
header.sticky #top {
  display: none;
}
header.sticky #head {
  height: 60px;
}
header.sticky nav a {
  top: 0;
}
header.sticky a {
  line-height: 60px;
  /* color: #fff; */
}
header.sticky li:hover ul {
  top: 60px;
}
header.sticky li:hover ul ul {
  top: 0;
}
header.sticky nav a:active,
header.sticky nav a:focus,
header.sticky nav a:visited {
  /* color: #FFF; */
}
header.sticky li ul a {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 10px 10px 15px;
}
header.sticky #logo a {
  background: url("assets/img/logo-small.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 54px;
}
header.sticky nav .bouton{
	right: 0;
	top: 0;
}
header.sticky nav .bouton a{
	line-height: 58px;
	border-radius: 0;
	padding: 0 10px;
}

/*--------------------------------------------------------------
4.1.1 Mobile header
--------------------------------------------------------------*/
.hamburger{
	width: 60px;
	height: 60px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 0;
	margin: 0;
	overflow: visible;
	position: relative;
	z-index: 99991;
	top: -7px;
	left: 0px;
}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner::before, .hamburger:hover .hamburger-inner::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.hamburger-box {
	width: 35px;
	height: 20px;
	display: inline-block;
	top: 25px;
	left: 22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 30px;
	height: 2px;
	background-color: #1d1d1d;
	border-radius: 4px;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}
.hamburger--slider .hamburger-inner {
	top: 5px;
}
.hamburger--slider .hamburger-inner::before {
	top: 10px;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	transition-timing-function: ease;
	transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
	top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
	-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
	transform: translate3d(0, 10px, 0) rotate(45deg); background-color: #fff;
}
.hamburger--slider.is-active .hamburger-inner::before {
	-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);background-color: #fff;
	opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
	transform: translate3d(0, -20px, 0) rotate(-90deg); background-color: #fff;
}
#hambmenu {
  position: fixed;
  z-index: 9999;
  background: #1d1d1d;
  top: -50px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
  overflow: auto;
}
#hambmenu.open {
  opacity: 1;
  visibility: visible;
  top: 0;
}
#hambmenu .overlay-menu {
 	width: 100%;
	padding: 60px 20px 60px 20px;
}
#hambmenu .overlay-menu div {
	position: relative;
	text-align: center;
	width: 100%;
}
#hambmenu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: block;
  position: relative;
}
#hambmenu ul li {
	text-align: center;
  display: block;
  position: relative;
  margin: 20px 0;
  line-height: 28px;
}
#hambmenu ul li a {
	font-size: 17px;
	font-weight: 700;
  	color: #fff;
}
#hambmenu ul ul {display: none;}
#hambmenu i{
	font-size: 20px;
	margin-top: 20px;
}
#hambmenu ul li a:focus,
#hambmenu ul li a:active {
  color: #1d1d1d;
}
#hambmenu ul li a:hover {
	 color: #da5057;
}
#hambmenu .reso-menu-second li {
	display: inline-block;
}
#hambmenu .reso-menu-second a{
	display: inline-block;
	margin: 3px;
	color: #1d1d1d;
}
#hambmenu .reso-menu-second a:hover{
	color: #fff;
}

/* Phone */
#phone {
  right: 20px;
  position: absolute;
  top: 0;
}
#phone svg {
  width: 30px;
  height: auto;
}
/*--------------------------------------------------------------
4.2 Footer
--------------------------------------------------------------*/
footer {
  background: var(--footer-color);
  color: #FFF;
  padding: 10px 0;
}

/*--------------------------------------------------------------
4.2.1 Footer Widgets
--------------------------------------------------------------*/
#footer-widget {
  position: relative;
  z-index: 99;
  padding: 50px 0;
}
#footer-widget .widget-title {
  font-size: 14px;
  font-family: var(--font-title);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--main-color);
  position: relative;
  margin-bottom: 20px;
}
/* .widget-title::after {
  content: '';
  position: absolute;
  border-top: 3px solid var(--second-color);
  width: 25%;
  bottom: -8px;
  left: 0;
} */
#footer-widget p {
  color: #FFF;
  font-size: 14px;
}
#footer-widget ul {
    margin: 0;
    padding: 0;
}
#footer-widget ul li {
  list-style: none;
  padding: 0;
  margin: 5px 0;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  margin: 5px 0;
}
#footer-widget a, #footer-widget a:active, #footer-widget a:visited, #footer-widget a:focus {
    color: #fff;
}
#footer-widget .btn-reso {
  position: relative;
  right: auto;
}
#footer-widget .btn-reso ul li {
  line-height: 45px;
  list-style: none;
  display: inline;
  margin: 0px 15px 0px 0px;
  font-size: 15px;
}
#footer-widget .btn-reso li a:hover {
	color: #E65251;
}
#footer-widget .bouton {
  margin: 0px 0px 20px;
}

/*--------------------------------------------------------------
4.2.2 Footer Credits
--------------------------------------------------------------*/
#credits {
	margin: 0;
	background: var(--credits-color);
	text-align: center;
	padding: 20px;
}
#credits p {
  margin: 0;
  color: #FFF;
}
#credits p a{
  color: #FFF;
}
/*--------------------------------------------------------------
5.0 Page
--------------------------------------------------------------*/
#page {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#breadcrumbs {
  margin: 0;
}
#breadcrumbs a {
  color: inherit;
}
/*--------------------------------------------------------------
5.1 Header Parallax
--------------------------------------------------------------*/
.parallax {
  width: 100%;
  height: 430px;
  padding: 0;
  margin: 0;
  padding-top: 0;
  overflow: hidden;
  background-color: #fff;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
  background-size: cover;
  /* border-bottom: 5px solid var(--main-color); */
}
.entete_content {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.degrade {
  background: rgba(20, 20, 20, 0.7);
}
.entete_content .entete_texte {
  display: table-cell;
  vertical-align: middle;
}
/* .quote {
  color: #fff !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 40px;
  line-height: 46px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
} */
.entete_titre {
  text-transform: uppercase;
  color: #FFF;
}
/*--------------------------------------------------------------
5.2 Page Contact
--------------------------------------------------------------*/
#page-contact {
  padding: 8rem 0;
}
.wpcf7-form textarea.wpcf7-form-control {
  height: 150px;
}
.wpcf7-form .col-md-12,
.wpcf7-form .col-md-6 {
  overflow: hidden;
  margin-bottom: 2rem;
}
.page-template-template-contact .col-md-6{
  float: left;
}
.wpcf7-form-control {
  width: 100%;
  padding: 0.7rem;
  display: block;
  border-radius: 4px;
  border: 1px solid var(--third-color);
}
.wpcf7-form-control.wpcf7-submit {
  display: inline-block;
  width: auto;
  background: var(--main-color);
  color: #FFF;
  padding: 1rem;
  border: 0;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar-contact {
  padding: 40px 50px;
  position: relative;
  z-index: 2;
  background: var(--second-color);
}
/*--------------------------------------------------------------
5.2.1 Header Simple
--------------------------------------------------------------*/
#header-simple {
  height: 120px;
  /* background-color: rgba(30, 112, 184, 1); */
  background-color: var(--main-color);
}
#header-simple .entete_titre {
  margin: 3.5rem 0px 0;
}
/*--------------------------------------------------------------
5.3 Home
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.3.1 Home intro
--------------------------------------------------------------*/
.home #intro {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8rem;
  padding-bottom: 8rem;
  /* background: var(--main-color); */
}
.home #intro p {
  font-weight: normal;
  /* font-size: 1.5rem; */
  text-align: left;
}
.home #intro h2 {
  margin: 0;
  text-align: right;
}
/*--------------------------------------------------------------
5.3.2 Home Header Page
--------------------------------------------------------------*/
.home-header.parallax {
  height: 580px;
}
.home-header.parallax h2.entete_titre {
    font-size: 16px;
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    display: inline-block;
    line-height: 26px;
    margin: 0px;
    text-transform: uppercase;
    background: rgb(41, 128, 185);
}
.home-header.parallax h3 {
  font-size: 24px;
  color: rgb(51, 51, 51);
  padding: 20px 30px;
  display: inline-block;
  line-height: 30px;
  margin: 0px;
  text-transform: uppercase;
  background: rgb(255, 255, 255);
}
/*--------------------------------------------------------------
5.3.3 Services icones
--------------------------------------------------------------*/
#services-icones {
  background: #F3F3F3;
  padding: 1rem 0 5rem;
}
#services-icones svg {
  width: 60px;
  height: 60px;
  fill: #FFF;
}
/* #services .cls-2 {
  fill: #FFF;
} */
#services-icones h2 {
  margin: 0;
  /* font-size: 2.5rem; */
}
.single-prestation #services-icones h2 {
  margin: 0;
  /* font-size: 3.2rem; */
}
#services-icones a h3  {
  color: var(--second-color);
}
#services-icones .item-service{
  display: block;
  padding: 30px 10px 10px;
  border:1px solid var(--second-color);
  border-radius:4px;
}
#services-icones a.item-service {
  transition-duration: .4s;
}
#services-icones a.item-service:hover {
  /* box-shadow: rgb(100 100 111 / 20%) 0px 10px 15px 0px; */
	/* margin-top: -10px; */
  background: var(--main-color) ;
  color: #FFF;
}
#services-icones a.item-service:hover h3, #services-icones a.item-service:hover p{
  color: #FFF;
}

/*--------------------------------------------------------------
5.3.3 Services icones
--------------------------------------------------------------*/
#services-images {
  background: #F3F3F3;
  padding: 1rem 0 5rem;
}

#services-images h2 {
  margin: 5rem 0px 5rem;
}
.single-prestation #services-images h2 {
  margin: 0;
  /* font-size: 3.2rem; */
}
.mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/pastille.png) no-repeat center center rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#services-images a.item-service {
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	background: no-repeat center center;
	background-size: cover;
	margin-bottom: 40px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
 #services-images a.item-service .mask{
	background: rgba(0,0,0,.5);
	opacity: 1;
	visibility: visible;
}
#services-images a.item-service .mask h3{
	padding: 20px;
	text-transform: uppercase;
	font-weight: 500;
	width: 100%;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	color: #fff;
  margin: 0;
}
 #services-images a.item-service:hover{
	transform:scale(1.05);
}
#services-images  a.item-service:hover .mask{
	background: rgba(0,0,0,.2);
}
#services-images a.item-service .line {
	display: block;
	width: 30px;
	height: 1px;
	background: var(--main-color);
	margin: 10px auto;
}
/*--------------------------------------------------------------
5.3.4 Actu x2
--------------------------------------------------------------*/
#actu-x2 {
  padding: 8rem 0;
}
#actu-x2 .titre-actu-x2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 500;
  /* color: var(--main-color); */
}
#actu-x2 .item-actu a {
  display: block;
  overflow: hidden;
  height: 100%;
  color: var(--p-color);
}
#actu-x2 .item-actu .image {
  background: rgb(230, 82, 81);
  position: relative;
  overflow: hidden;
  margin: 0px !important;
  line-height: 0 !important;
}
#actu-x2 img {
  transition: all 0.6s ease 0s;
}
#actu-x2 .item-actu-content {
  padding: 30px 40px;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease 0s;
}
#actu-x2 .item-actu-titre {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: var(--main-color);
  margin:15px 0;
}
/* #actu-x2 .item-actu a:hover {
	box-shadow: none;
} */
#actu-x2 .item-actu a:hover .item-actu-titre {
	color: #E65251
}
#actu-x2 .item-actu a:hover img {
	opacity: .4;
	transform: scale(1.05);
}
/*--------------------------------------------------------------
6.0 Blog
--------------------------------------------------------------*/
.cadre-actu.shadow {
  padding: 10px;
  margin-bottom: 20px;
}
.cadre-actu.shadow:hover {
  background: var(--second-color);
  color: #FFF;
}
.cadre-actu.shadow:hover .date-blog {
  color: #FFF;
}
.date-blog {
  color: #b7b7b7;
  font-size: 0.7em;
}
/*--------------------------------------------------------------
7.0 Single
--------------------------------------------------------------*/
.single-post .parallax {
  height: 120px;
  background: var(--main-color) !important;
}
.sidr ul li.sidr-class-lang-item-en span,
.sidr ul li.sidr-class-lang-item-fr span {
  padding: 0 15px;
  display: inline;
  text-decoration: none;
  font-weight: 700;
  color: #565656;
}