<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/leroisoleil.net/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>1433</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/leroisoleil.net/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>3535</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/leroisoleil.net/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>4847</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/leroisoleil.net/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>4955</b><br />
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
  display: none !important;
}
html {
  font-size: 10px;
}
body {
  font-weight: 400;
  font-family: 'gothamBook', sans-serif;
  overflow-x: hidden;
  color: #303030;
}
body *,
body *:before,
body *:after {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body main {
  padding-top: 14%;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: normal;
  font-family: 'gothamBold', sans-serif;
}
body a {
  text-decoration: none;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body a:hover {
  text-decoration: none;
  color: #fff;
}
body ::-moz-selection {
  color: #fff;
  background: #18213a;
}
body ::selection {
  color: #fff;
  background: #18213a;
}
body ::-webkit-input-placeholder {
  color: #666;
}
body ::-moz-placeholder {
  color: #666;
}
body :-ms-input-placeholder {
  color: #666;
}
body :-moz-placeholder {
  color: #666;
}
body .appWrppr {
  opacity: 1;
  overflow: hidden;
  transition: all 600ms ease-in-out !important;
  -webkit-transition: all 600ms ease-in-out !important;
  -moz-transition: all 600ms ease-in-out !important;
  -o-transition: all 600ms ease-in-out !important;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
}
body .appWrppr.mkopacity {
  opacity: 0;
}
body ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
body .imgcropCtn {
  position: relative;
  overflow: hidden;
}
body .imgcrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center;
  min-height: 100%;
}
body .clear {
  clear: both;
  display: none;
}
body .lien_decouvrir {
  margin-top: 50px;
}
body .btnRs {
  background: #f39200;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px 50px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  font-family: 'gothamMedium', sans-serif;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body .btnRs:hover {
  background: #18213a;
}
body .btnRs.bis {
  background-color: inherit;
  color: black;
  text-transform: inherit;
  font-weight: 200;
}
body .btnRs.bis:hover {
  color: #f39200;
}
body .btnRs2 {
  background: #18213a;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px 50px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  font-family: 'gothamMedium', sans-serif;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body .btnRs2:hover {
  background: #fff;
  color: #18213a;
}
body .padd-t {
  padding: 90px 30px 0;
}
body .padd-b {
  padding: 0 30px 90px;
}
body .marg-t {
  margin: 90px 0 0;
  padding: 0 30px;
}
body .marg-b {
  margin: 0 0 90px;
  padding: 0 30px;
}
body .padd-t-b {
  padding: 90px 30px;
}
body .marg-t-b {
  margin: 90px 0;
  padding: 0 30px;
}
body .logo {
  display: block;
  transition: all 600ms ease-in-out !important;
  -webkit-transition: all 600ms ease-in-out !important;
  -moz-transition: all 600ms ease-in-out !important;
  -o-transition: all 600ms ease-in-out !important;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  opacity: 1;
}
body .logo:hover {
  opacity: 0.8;
}
body .btnCta {
  position: fixed;
  right: -98px;
  z-index: 10000;
  top: 40%;
  width: 250px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
body .btnCta a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  padding: 15px 20px;
  letter-spacing: 0.09em;
  color: #fff;
  text-transform: uppercase;
  font-family: 'gothamMedium', sans-serif;
  background: #f39200;
}
body .btnCta a:hover {
  background: #18213a;
}
body .tnmce h2 {
  font-size: 3rem;
  font-family: 'gothamBold', sans-serif;
  letter-spacing: -0.04em;
  color: #303030;
  margin-bottom: 20px;
}
body .tnmce h3 {
  font-size: 2.4rem;
  letter-spacing: -0.04em;
  font-family: 'gothamBold', sans-serif;
  color: #303030;
  margin-bottom: 20px;
}
body .tnmce h4 {
  font-size: 2rem;
  font-family: 'gothamMedium', sans-serif;
  margin-bottom: 20px;
  color: #666;
}
body .tnmce h5,
body .tnmce h6 {
  font-size: 1.8rem;
  font-family: 'gothamMedium', sans-serif;
  margin-bottom: 20px;
  color: #666;
}
body .tnmce p {
  margin-bottom: 20px;
  font-size: 1.6rem;
  color: #666;
}
body .tnmce p:last-child {
  margin-bottom: 0;
}
body .tnmce a {
  color: #f39200;
  font-family: 'gothamMedium', sans-serif;
}
body .tnmce a:hover {
  color: #303030;
}
body .tnmce img {
  max-width: 100%;
  height: auto;
}
body .tnmce strong {
  font-family: 'gothamMedium', sans-serif;
  color: #303030;
}
body .tnmce blockquote {
  font-style: italic;
  font-size: 1.6rem;
  background: #f2f2f2;
  padding: 20px;
  margin-bottom: 20px;
  color: #666;
}
body .tnmce ul {
  margin-bottom: 20px;
  list-style-type: disc;
  padding-left: 20px;
  font-size: 1.6rem;
  color: #666;
}
body .tnmce ul li {
  margin-bottom: 10px;
}
body .rs ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .rs ul li {
  margin-right: 30px;
}
body .rs ul li a {
  display: block;
}
body .rs ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .rs ul li a span:before {
  display: block;
  color: #f39200;
  font-size: 32px;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body .rs ul li a:hover span:before {
  color: #fff;
}
body .medium-zoom-overlay {
  z-index: 10000;
}
body .medium-zoom-image--opened {
  z-index: 10001;
}
body .medium-zoom-image--opened.imgcrop {
  object-fit: none;
  font-family: ;
  object-position: initial;
  min-height: initial;
}
body .pswp--open {
  z-index: 10500;
}
body .pswp__caption__center {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
body .pswp__bg,
body .pswp__ui--fit .pswp__caption,
body .pswp__ui--fit .pswp__top-bar {
  background: rgba(24,33,58,0.98);
}
body #idcom_cookies .modal-title {
  font-size: 2rem;
}
body #idcom_cookies .modal-content #accordion .panel .panel-heading .btn-link,
body #idcom_cookies .modal-body #accordion .panel .panel-heading .btn-link {
  font-size: 1.6rem;
}
body #idcom_cookies .modal-footer button {
  font-size: 1.6rem;
}
body .titleCtn {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto 60px;
  text-align: center;
}
body .titleCtn p {
  font-family: 'gothamMedium', sans-serif;
  color: #f39200;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.5em;
  margin-bottom: 10px;
}
body .titleCtn h1,
body .titleCtn h2 {
  font-size: 3rem;
  color: #303030;
  letter-spacing: -0.04em;
}
body form {
  width: 100%;
  overflow: hidden;
}
body form br {
  display: none;
}
body form .fieldCtn {
  margin-bottom: 30px;
}
body form .fieldCtn label {
  display: none;
}
body form textarea,
body form input[type="text"],
body form input[type="email"],
body form input[type="tel"] {
  border: 1px solid #e5e5e5;
  outline: 0;
  width: 100%;
  -webkit-appearance: none;
  font-family: ;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #303030;
  background-image: none;
  background: #fff;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  height: 50px;
  padding: 0 20px;
  font-size: 1.4rem;
}
body form textarea:focus,
body form input:focus {
  outline: none;
  border: 1px solid #f39200;
}
body form .submitCtn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
body form .submitCtn input[type="submit"] {
  padding: 12px 40px;
  outline: 0;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-appearance: none;
  background-image: none;
  font-weight: 'gothamMedium', sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body form .textarea label {
  display: none;
}
body form .textarea textarea {
  width: 100%;
  height: 170px;
  padding: 20px 20px 0;
  resize: vertical;
}
body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output {
  background: #ffb900;
  font-weight: 500;
  font-size: 1.5rem;
}
body .wpcf7 form.sent .wpcf7-response-output {
  background: #46b450;
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
}
body .wpcf7 form.failed .wpcf7-response-output,
body .wpcf7 form.aborted .wpcf7-response-output {
  background: #dc3232;
  font-size: 1.5rem;
  color: #fff;
}
body .tags {
  margin-top: 30px;
}
body .tags span {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3rem;
  color: #303030;
  margin-bottom: 10px;
}
body .tags ul {
  display: flex;
}
body .tags ul li {
  margin-right: 10px;
}
body .tags ul li a {
  display: inline-flex;
  color: #fff;
  text-transform: uppercase;
  background: #18213a;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  padding: 3px 10px;
}
body .tags ul li a:hover {
  background: #f39200;
}
body #idcom-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0,0,0,0.3);
  z-index: 1000;
}
body #modal-forms {
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  position: fixed;
  width: 50%;
  z-index: 1001;
  top: 50%;
  left: 100%;
  transform: translate(0%,-50%);
  background: #fff;
  padding: 40px 60px;
  max-height: 90vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
body #modal-forms .titleModal {
  display: block;
  font-size: 4rem;
  line-height: 1.2;
  font-family: 'gothamBold', sans-serif;
  margin-bottom: 10px;
  color: #f39200;
  text-align: center;
}
body #modal-forms .textModal {
  text-align: center;
  margin-bottom: 20px;
  color: #b2b2b2;
  font-size: 1.6rem;
}
body #modal-forms form textarea,
body #modal-forms form input[type="text"],
body #modal-forms form input[type="email"],
body #modal-forms form input[type="tel"] {
  width: 99.99% !important;
  background: #eee;
  border: 1px solid #eee;
}
body #modal-forms form textarea:focus,
body #modal-forms form input[type="text"]:focus,
body #modal-forms form input[type="email"]:focus,
body #modal-forms form input[type="tel"]:focus {
  border: 1px solid #f39200;
  background: #fff;
}
body #modal-forms form .submitCtn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body #modal-forms .wpcf7-form-control-wrap {
  display: block;
}
body #modal-forms .ctnForm {
  width: 80%;
  margin: 0 auto;
}
body #modal-forms .submitCtn {
  display: flex;
  justify-content: center;
}
body #modal-forms .icoClose {
  transition: all 0.5 ease-in-out !important;
  -webkit-transition: all 0.5 ease-in-out !important;
  -moz-transition: all 0.5 ease-in-out !important;
  -o-transition: all 0.5 ease-in-out !important;
  -webkit-transition: 0.5;
  -moz-transition: 0.5;
  -ms-transition: 0.5;
  -o-transition: 0.5;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
body #modal-forms .icoClose .icon-icoClose {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
body #modal-forms .icoClose .icon-icoClose:before {
  color: #3d4985;
  font-size: 15px;
}
body #modal-forms .icoClose:hover .icon-icoClose:before {
  color: ;
}
body #modal-forms.visible {
  left: 50%;
  transform: translate(-50%,-50%);
}
body .swiper-button-next,
body .swiper-button-prev {
  width: auto;
  height: auto;
}
body .swiper-button-next:after,
body .swiper-button-prev:after {
  content: none;
}
body .swiper-button-next:focus,
body .swiper-button-prev:focus {
  outline: 0;
}
body .pagination > div > a,
body .pagination > div > span {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #333;
  margin: 40px 10px 60px 10px;
}
body .pagination > div > span.current {
  color: #18213a;
}
body .pagination > div > a {
  cursor: pointer;
}
body .pagination > div a:hover {
  color: #f39200;
}
body .burger {
  display: none;
  margin-left: 30px;
}
body .burger span {
  display: block;
  background: #fff;
  height: 2px;
  width: 25px;
  margin-bottom: 6px;
}
body .burger span:last-child {
  margin-bottom: 0;
}
body header .scroll-hidden {
  transform: translateY(-100%);
}
body header .scroll-hidden1 {
  transform: translateY(-50%);
}
body header .scroll-hidden2 {
  transform: translateY(-100%);
}
body header .topH {
  z-index: 2;
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
}
body header .topH .triggerModalCtn #triggerModal {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.7rem;
  cursor: pointer;
  padding: 15px 20px;
  letter-spacing: 0.09em;
}
body header .topH ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
body header .topH ul li {
  padding: 0 30px;
  border-right: 1px solid #18213a;
}
body header .topH ul li a {
  display: block;
}
body header .topH ul li.adresse a {
  color: #18213a;
  font-size: 1.5rem;
  font-family: 'gothamBook', sans-serif;
}
body header .topH ul li.adresse a:hover {
  color: #f39200;
}
body header .topH ul li.email a {
  color: #18213a;
  font-size: 1.5rem;
  font-family: 'gothamMedium', sans-serif;
}
body header .topH ul li.email a:hover {
  color: #f39200;
}
body header .topH ul li.tel a {
  color: #f39200;
  font-size: 1.8rem;
  font-family: 'gothamBold', sans-serif;
  letter-spacing: 0.09em;
}
body header .topH ul li.tel a:hover {
  color: #18213a;
}
body header .topH ul li:last-child {
  border: 0;
}
body header .centerH {
  width: 100%;
  background: #18213a;
  padding: 15px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body header .centerH .logoH img {
  height: auto;
  width: 400px;
}
body header .centerH nav .icoClose {
  display: none;
}
body header .centerH nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
body header .centerH nav ul li {
  margin: 0 30px;
}
body header .centerH nav ul li a {
  color: #fff;
  font-family: 'gothamBold', sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
body header .centerH nav ul li a:hover {
  color: #f39200;
}
body header .centerH nav ul li ul {
  display: none;
}
body header .centerH nav ul li.current_page_item a {
  color: #f39200;
}
body header .centerH .rs {
  display: flex;
  justify-content: center;
  align-items: center;
}
body header .bottomH {
  width: 100%;
  background: #fff;
  padding: 20px;
  border-top: 1px solid #f39200;
  border-bottom: 1px solid #a4a4a4;
}
body header .bottomH #triggerHeader {
  display: none;
}
body header .bottomH ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
body header .bottomH ul li {
  padding: 0 20px;
  border-right: 1px solid #18213a;
}
body header .bottomH ul li a {
  color: #f39200;
  font-family: 'gothamMedium', sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.09em;
}
body header .bottomH ul li a:hover {
  color: #18213a;
}
body header .bottomH ul li:last-child {
  border: 0;
}
body main {
  padding-top: 10%;
}
body main .home-slider-section {
  overflow: hidden;
  margin-top: 10px;
}
body main .home-slider-section h1 {
  position: absolute;
  top: -400vh;
  opacity: 0;
  visibility: hidden;
}
body main .home-slider-section .home-slider {
  height: 70vh;
  width: 100%;
  background: #18213a;
}
body main .home-slider-section .home-slider .swiper-wrapper {
  width: 100%;
  height: 100%;
}
body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 80px;
  -webkit-transform: translate3d(0,0,0);
}
body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h2 {
  font-family: 'gothamMedium', sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 6rem;
  line-height: 1.1;
  margin-bottom: 20px;
  -webkit-transform: translate3d(0,0,0);
}
body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h3 {
  font-family: 'gothamBold', sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 6rem;
  line-height: 1.1;
  margin-bottom: 50px;
  text-transform: uppercase;
  -webkit-transform: translate3d(0,0,0);
}
body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .imgCtn {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body main .list-categories-section {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
body main .list-categories-section article {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 480px;
}
body main .list-categories-section article .imgCtn {
  display: block;
  height: 100%;
  width: 50%;
}
body main .list-categories-section article .txtCtn {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 40px;
}
body main .list-categories-section article .txtCtn h2 {
  font-family: 'gothamBold', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.1;
  max-width: 250px;
  font-size: 3rem;
  margin-bottom: 20px;
}
body main .list-categories-section article .txtCtn h2 a {
  color: #303030;
}
body main .list-categories-section article .txtCtn h2 a:hover {
  color: #f39200;
}
body main .list-categories-section article .txtCtn p {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  color: #515356;
}
body main .list-categories-section article:nth-child(4n+1) .imgCtn,
body main .list-categories-section article:nth-child(4n+2) .imgCtn {
  order: 1;
}
body main .list-categories-section article:nth-child(4n+1) .txtCtn,
body main .list-categories-section article:nth-child(4n+2) .txtCtn {
  order: 0;
}
body main .latest-realisations-section {
  background: #f39200;
  padding: 90px 30px;
  position: relative;
}
body main .latest-realisations-section:before,
body main .latest-realisations-section:after {
  content: '';
  width: 1px;
  height: 120px;
  background: #303030;
  position: absolute;
  left: 50%;
}
body main .latest-realisations-section:before {
  top: -60px;
}
body main .latest-realisations-section:after {
  bottom: -60px;
}
body main .latest-realisations-section .titleCtn p {
  color: #fff;
}
body main .latest-realisations-section .realSlider {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
body main .latest-realisations-section .realSlider .swiper-wrapper {
  width: 100%;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide {
  padding: 0 15px;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item {
  width: 100%;
  cursor: pointer;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item .imgCtn {
  width: 100%;
  height: 280px;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item .txtCtn {
  background: #fff;
  padding: 0 25px;
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transition: all 600ms ease-in-out !important;
  -webkit-transition: all 600ms ease-in-out !important;
  -moz-transition: all 600ms ease-in-out !important;
  -o-transition: all 600ms ease-in-out !important;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item .txtCtn p {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #f39200;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item .txtCtn h3 {
  color: #303030;
  font-size: 1.8rem;
  font-family: 'gothamMedium', sans-serif;
  transition: all 600ms ease-in-out !important;
  -webkit-transition: all 600ms ease-in-out !important;
  -moz-transition: all 600ms ease-in-out !important;
  -o-transition: all 600ms ease-in-out !important;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item:hover .txtCtn {
  background: #18213a;
}
body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item:hover .txtCtn h3 {
  color: #fff;
}
body main .latest-realisations-section .allPost {
  margin-top: 45px;
  display: flex;
  justify-content: center;
}
body main .list-actu-section {
  margin: 4rem 0 6rem;
  position: relative;
}
body main .list-actu-section .bg-actu {
  background-color: white;
  box-shadow: 1px 1px 10px 0px #f3920021;
  transition: 0.3s;
  height: 100%;
  margin: 0 1rem;
}
body main .list-actu-section .bg-actu:hover {
  box-shadow: 1px 1px 10px 0px #f3920057;
}
body main .list-actu-section .bg-actu .img {
  width: 100%;
  height: 280px;
}
body main .list-actu-section .bg-actu .img .wp-post-image {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
body main .list-actu-section .bg-actu .txtCtn {
  padding: 3rem;
}
body main .list-actu-section .bg-actu .txtCtn h3 {
  text-align: center;
  font-family: 'gothamMedium', sans-serif;
  color: #f39200;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 10px;
  margin-bottom: 2rem;
}
body main .list-actu-section .bg-actu .txtCtn p {
  font-size: 13px;
  color: #515356;
}
body main .savoirfaire-section {
  background: #f39200;
  padding: 90px 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .savoirfaire-section:before,
body main .savoirfaire-section:after {
  content: '';
  width: 1px;
  height: 120px;
  background: #303030;
  position: absolute;
  left: 50%;
}
body main .savoirfaire-section:before {
  top: -60px;
}
body main .savoirfaire-section:after {
  bottom: -60px;
}
body main .savoirfaire-section .savoirfaireCtn {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  padding-left: 30px;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn {
  max-width: 725px;
  width: 100%;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider {
  width: 100%;
  overflow: hidden;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper {
  width: 100%;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide {
  width: 100%;
  min-height: 450px;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide p.accroche {
  font-family: 'gothamMedium', sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.5em;
  margin-bottom: 10px;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide h2 {
  font-size: 3rem;
  color: #18213a;
  letter-spacing: -0.04em;
  margin-bottom: 50px;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide p.texte {
  margin: 0;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.6;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .swiper-pagination .swiper-pagination-bullet {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 11px;
  height: 11px;
  background: #e1e1e1;
  margin-right: 18px;
  opacity: 1 !important;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .swiper-pagination .swiper-pagination-bullet:hover {
  background: #18213a;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .swiper-pagination .swiper-pagination-bullet-active {
  background: #18213a;
}
body main .savoirfaire-section .savoirfaireCtn .sliderCtn .swiper-pagination .swiper-pagination-bullet:focus {
  outline: 0;
}
body main .savoirfaire-section .diapsavoirfaireCtn {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 30px;
}
body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
  order: 1;
  height: 720px;
  width: 1850px;
  margin: 0 0 0 60px;
  overflow: hidden;
}
body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider .swiper-wrapper {
  width: 100%;
  height: 100%;
}
body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider .swiper-wrapper .swiper-slide .imgCtn {
  width: 100%;
  height: 100%;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination {
  order: 0;
  position: static;
  display: flex;
  flex-direction: column;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  background: none;
  text-align: right;
  margin-bottom: 10px;
  padding: 10px 0;
  color: #18213a;
  border-right: 5px solid transparent;
  font-family: 'gothamMedium', sans-serif;
  font-size: 1.6rem;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  opacity: 1 !important;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination .swiper-pagination-bullet:focus {
  outline: 0;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination .swiper-pagination-bullet:hover {
  color: #fff;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination .swiper-pagination-bullet-active {
  color: #fff;
  padding: 10px;
  border-right: 5px solid #fff;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-prev span,
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-next span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-prev span:before,
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-next span:before {
  font-size: 12px;
  color: #303030;
  display: block;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-prev:hover span,
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-next:hover span {
  background: #f39200;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-prev:hover span:before,
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-next:hover span:before {
  color: #fff;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-prev {
  bottom: 20px;
  left: 80%;
  top: auto;
}
body main .savoirfaire-section .diapsavoirfaireCtn .swiper-button-next {
  bottom: 20px;
  right: 5%;
  top: auto;
}
body main .partners-section {
  padding-left: 120px;
  padding-right: 120px;
  position: relative;
}
body main .partners-section .partnersSlider {
  overflow: hidden;
}
body main .partners-section .partnersSlider .swiper-wrapper {
  width: 100%;
}
body main .partners-section .partnersSlider .swiper-wrapper .swiper-slide {
  padding: 0 20px;
}
body main .partners-section .partnersSlider .swiper-wrapper .swiper-slide .partner-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}
body main .partners-section .partnersSlider .swiper-wrapper .swiper-slide .partner-item a img {
  max-width: 100%;
  max-height: 100%;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .partners-section .partnersSlider .swiper-wrapper .swiper-slide .partner-item a:hover img {
  opacity: 0.7;
}
body main .partners-section .swiper-button-prev,
body main .partners-section .swiper-container-rtl .swiper-button-next {
  left: 50px;
}
body main .partners-section .swiper-button-prev,
body main .partners-section .swiper-button-next {
  top: 60%;
}
body main .partners-section .swiper-button-prev span,
body main .partners-section .swiper-button-next span {
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .partners-section .swiper-button-prev span:before,
body main .partners-section .swiper-button-next span:before {
  display: block;
  color: #f39200;
  font-size: 36px;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .partners-section .swiper-button-prev:hover span:before,
body main .partners-section .swiper-button-next:hover span:before {
  color: #18213a;
}
body main .partners-section .swiper-button-next,
body main .partners-section .swiper-container-rtl .swiper-button-prev {
  right: 50px;
}
body main .map-section {
  width: 100%;
}
body main .map-section .mapCtn {
  height: 50vh;
  width: 100%;
}
body main .map-section .mapCtn > div {
  width: 100% !important;
  height: 100% !important;
}
body main .map-section .infosContact {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  height: 240px;
  box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.1);
  margin-top: -120px;
  z-index: 1000;
}
body main .map-section .infosContact li {
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .map-section .infosContact li > div {
  display: flex;
  align-items: flex-start;
}
body main .map-section .infosContact li > div .iconInfosContact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
}
body main .map-section .infosContact li > div .iconInfosContact:before {
  color: #f39200;
  font-size: 32px;
}
body main .map-section .infosContact li > div .txt .title {
  display: block;
  color: #303030;
  font-family: 'gothamMedium', sans-serif;
  font-size: 2.1rem;
  margin-bottom: 15px;
}
body main .map-section .infosContact li > div .txt a {
  color: #666;
  font-size: 1.6rem;
  display: block;
}
body main .map-section .infosContact li > div .txt a span {
  display: block;
}
body main .map-section .infosContact li > div .txt a:hover {
  color: #f39200;
}
body main .presentation-section {
  padding: 40px 30px;
}
body main .presentation-section .presCtn {
  max-width: 1450px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
body main .presentation-section .presCtn .imgCtn {
  height: 560px;
}
body main .presentation-section .presCtn .txtCtn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
body main .presentation-section .presCtn .txtCtn p.accroche {
  font-family: 'gothamMedium', sans-serif;
  color: #303030;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.5em;
  margin-bottom: 10px;
}
body main .presentation-section .presCtn .txtCtn h1,
body main .presentation-section .presCtn .txtCtn h2 {
  font-size: 3rem;
  color: #303030;
  letter-spacing: -0.04em;
  margin-bottom: 50px;
}
body main .presentation-section .presCtn .txtCtn .tnmce {
  margin-bottom: 30px;
}
body main .presentation-section .presCtn .txtCtn .tnmce ul {
  overflow: hidden;
}
body main .presentation-section .presCtn .txtCtn .tnmce ul li {
  float: right;
  clear: both;
}
body main .section-complete {
  padding: 40px 30px;
}
body main .section-complete p.accroche {
  font-family: 'gothamMedium', sans-serif;
  color: #f39200;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.5em;
  margin-bottom: 10px;
  text-align: center;
}
body main .section-complete h1,
body main .section-complete h2 {
  font-size: 3rem;
  color: #303030;
  letter-spacing: -0.04em;
  margin-bottom: 50px;
  text-align: center;
}
body main .section-complete .tnmce {
  margin-bottom: 30px;
}
body main .section-complete .tnmce ul {
  overflow: hidden;
}
body main .section-complete .tnmce ul li {
  float: right;
  clear: both;
}
body main .temoignages-section {
  padding: 0 30px;
}
body main .temoignages-section .temoignagesSlider {
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
body main .temoignages-section .temoignagesSlider .swiper-wrapper {
  width: 100%;
  height: 100%;
}
body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide .imgcropCtn {
  margin: 0 20px 0 0;
  width: 250px;
  height: 220px;
  flex: 0 0 250px;
}
body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide p {
  font-size: 1.7rem;
  line-height: 1.5;
  color: #303030;
  margin-bottom: 40px;
  max-width: 100%;
}
body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide span.name {
  display: block;
  font-size: 1.7rem;
  color: #f39200;
  font-family: 'gothamBold', sans-serif;
}
body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide h2 {
  color: #666;
  font-family: 'gothamMedium', sans-serif;
  font-size: 1.6rem;
  margin-top: 10px;
}
body main .temoignages-section .temoignagesSlider .swiper-pagination {
  max-width: 600px;
  width: 100%;
  left: auto;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .temoignages-section .temoignagesSlider .swiper-pagination .swiper-pagination-bullet {
  background: #dedede;
  opacity: 1 !important;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  border: 4px solid transparent;
}
body main .temoignages-section .temoignagesSlider .swiper-pagination .swiper-pagination-bullet:hover {
  background: #f39200;
}
body main .temoignages-section .temoignagesSlider .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  border: 4px solid #f39200;
  background: #f39200;
}
body main .realisations-section {
  padding: 0 15px;
}
body main .realisations-section .catrealCtn {
  margin-bottom: 60px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
}
body main .realisations-section .catrealCtn ul {
  display: flex;
  align-items: center;
}
body main .realisations-section .catrealCtn ul li {
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #000;
  padding: 0 15px;
  border-right: 1px solid #000;
  line-height: 1.1;
  cursor: pointer;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .realisations-section .catrealCtn ul li:hover {
  color: #f39200;
}
body main .realisations-section .catrealCtn ul li.active {
  color: #f39200;
}
body main .realisations-section .catrealCtn ul li:nth-child(1) {
  padding: 0 15px 0 0;
}
body main .realisations-section .catrealCtn ul li:last-child {
  border: 0;
  padding: 0 0 0 15px;
}
body main .realisations-section .realisationsCtn {
  width: 100%;
}
body main .realisations-section .realisationsCtn .real-item {
  padding: 0 15px;
  height: 360px;
  margin-bottom: 30px;
}
body main .realisations-section .realisationsCtn .real-item figure {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  margin: 0;
}
body main .realisations-section .realisationsCtn .real-item figure .imgCtn {
  width: 100%;
  height: 100%;
}
body main .realisations-section .realisationsCtn .real-item figure figcaption {
  display: flex;
  opacity: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(243,156,0,0.75);
  transition: all 600ms ease-in-out !important;
  -webkit-transition: all 600ms ease-in-out !important;
  -moz-transition: all 600ms ease-in-out !important;
  -o-transition: all 600ms ease-in-out !important;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  padding: 20px;
}
body main .realisations-section .realisationsCtn .real-item figure figcaption h2 {
  font-size: 1.9rem;
  color: #303030;
  font-family: 'gothamMedium', sans-serif;
  margin-bottom: 5px;
}
body main .realisations-section .realisationsCtn .real-item figure figcaption p {
  font-size: 1.6rem;
  color: #303030;
  margin: 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
body main .realisations-section .realisationsCtn .real-item figure:hover figcaption {
  opacity: 1;
  pointer-events: auto;
}
body main .realisations-section .realisationsCtn .real-item.width-4 {
  width: 33.33%;
}
body main .realisations-section .realisationsCtn .real-item.width-3 {
  width: 25%;
}
body main .realisations-section .realisationsCtn .real-item.width-2 {
  width: 16.66%;
}
body main .products-section {
  padding: 0 0 90px 60px;
}
body main .products-section .prdctsCtn {
  display: flex;
  flex-wrap: wrap;
}
body main .products-section .prdctsCtn .catlist {
  width: 20%;
}
body main .products-section .prdctsCtn .catlist .catCtn {
  margin-bottom: 30px;
}
body main .products-section .prdctsCtn .catlist .catCtn h2 {
  font-family: 'gothamBold', sans-serif;
  font-size: 1.8rem;
  padding: 5px;
}
body main .products-section .prdctsCtn .catlist .catCtn h2 a {
  color: #303030;
}
body main .products-section .prdctsCtn .catlist .catCtn h2 a:hover {
  color: #f39200;
}
body main .products-section .prdctsCtn .catlist .catCtn h2.currentTerm {
  padding-left: 20px;
  border-left: 3px solid #f39200;
}
body main .products-section .prdctsCtn .catlist .catCtn h2.currentTerm a {
  color: #f39200;
}
body main .products-section .prdctsCtn .catlist .catCtn ul {
  padding-left: 23px;
}
body main .products-section .prdctsCtn .catlist .catCtn ul li {
  font-size: 1.4rem;
  margin-bottom: 6px;
}
body main .products-section .prdctsCtn .catlist .catCtn ul li a {
  color: #303030;
}
body main .products-section .prdctsCtn .catlist .catCtn ul li a:hover {
  color: #f39200;
}
body main .products-section .prdctsCtn .listProducts {
  width: 50%;
  padding-top: 60px;
}
body main .products-section .prdctsCtn .listProducts article {
  padding-right: 60px;
  margin-bottom: 100px;
}
body main .products-section .prdctsCtn .listProducts article .postContent {
  padding: 0 0 20px 20px;
  border-left: 3px solid #f39200;
}
body main .products-section .prdctsCtn .listProducts article .postContent h2 {
  font-size: 1.9rem;
  margin-bottom: 20px;
}
body main .products-section .prdctsCtn .listProducts article .postContent h2 a {
  color: #f39200;
}
body main .products-section .prdctsCtn .listProducts article .postContent h2 a:hover {
  color: #303030;
}
body main .products-section .prdctsCtn .listProducts article .postContent p {
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
body main .products-section .prdctsCtn .listProducts article .postContent .btnRs2 {
  font-size: 1.3rem;
}
body main .products-section .prdctsCtn .listProducts article .postContent .btnRs2:hover {
  background: #f39200;
  color: #fff;
}
body main .products-section .prdctsCtn .imgCat {
  width: 30%;
  padding: 0;
  overflow: hidden;
}
body main .products-section .prdctsCtn .imgCat .swiper-container {
  width: 100%;
  height: 760px;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-wrapper .imgCtn {
  width: 100%;
  height: 100%;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-prev span,
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-next span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-prev span:before,
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-next span:before {
  font-size: 12px;
  color: #303030;
  display: block;
  transition: all 400ms ease-in-out !important;
  -webkit-transition: all 400ms ease-in-out !important;
  -moz-transition: all 400ms ease-in-out !important;
  -o-transition: all 400ms ease-in-out !important;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-prev:hover span,
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-next:hover span {
  background: #f39200;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-prev:hover span:before,
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-next:hover span:before {
  color: #fff;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-prev {
  bottom: 20px;
  left: 90%;
  top: auto;
}
body main .products-section .prdctsCtn .imgCat .swiper-container .swiper-button-next {
  bottom: 20px;
  right: 5%;
  top: auto;
}
body main .mentions-section {
  padding: 0 30px 80px;
}
body main .mentions-section .container {
  padding: 0;
}
body main .mentions-section .contentCtn {
  padding: 0;
}
body main .mentions-section p,
body main .mentions-section ul {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
body main .mentions-section h2 {
  margin-bottom: 20px;
  font-size: 2.4rem;
  color: #000;
  font-weight: 700;
}
body main .mentions-section h3 {
  margin-bottom: 20px;
  font-size: 1.9rem;
  color: #000;
  font-weight: 500;
}
body main .mentions-section a {
  color: #f39200;
  font-weight: 700;
}
body main .mentions-section strong {
  font-weight: 700;
}
body main .mentions-section a:hover {
  color: #000;
}
body main .produitdescription-section .imgCtn {
  height: 450px;
}
body main .produitdescription-section .txtCtn {
  margin-top: 60px;
}
body main .container404 {
  text-align: center;
  color: #000;
}
body main .container404 span {
  display: block;
  font-size: 15rem;
  line-height: 1;
  margin-bottom: 40px;
  font-weight: 900;
  color: #f39200;
}
body main .container404 h1 {
  font-weight: 700;
  font-size: 3rem;
}
body main .container404 h2 {
  font-weight: 400;
  font-size: 2.1rem;
  font-family: 'gothamMedium', sans-serif;
}
body main .container404 > a {
  margin-top: 30px;
}
body footer {
  background: #171717;
  padding: 70px 30px 30px;
}
body footer > div {
  max-width: 1650px;
  margin: 0 auto;
  width: 100%;
}
body footer > div .topF {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body footer > div .topF .logoF img {
  width: 470px;
  height: auto;
}
body footer > div .topF nav ul li {
  margin-bottom: 15px;
}
body footer > div .topF nav ul li a {
  color: #fff;
  font-size: 1.6rem;
}
body footer > div .topF nav ul li a:hover {
  color: #f39200;
}
body footer > div .topF ul.infosContactF li {
  margin-bottom: 15px;
}
body footer > div .topF ul.infosContactF li a {
  display: block;
  font-size: 1.6rem;
  color: #fff;
}
body footer > div .topF ul.infosContactF li a span {
  display: block;
}
body footer > div .topF ul.infosContactF li a:hover {
  color: #f39200;
}
body footer > div .topF ul.infosContactF li.email a {
  color: #f39200;
  font-family: 'gothamMedium', sans-serif;
}
body footer > div .topF ul.infosContactF li.email a:hover {
  color: #fff;
}
body footer > div .topF ul.infosContactF li.tel a {
  color: #f39200;
  font-family: 'gothamBold', sans-serif;
}
body footer > div .topF ul.infosContactF li.tel a:hover {
  color: #fff;
}
body footer > div .topF ul.infosContactF li:last-child {
  border: 0;
}
body footer > div .bottomF {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: 1.3rem;
  margin-top: 40px;
}
body footer > div .bottomF a {
  color: #fff;
}
body footer > div .bottomF img {
  margin-right: 5px;
}
body footer > div .bottomF a:hover {
  color: #f39200;
}
body .appWrppr {
  padding-right: 5%;
  padding-left: 5%;
}
body .appWrppr >h2 {
  font-size: 40px !important;
  margin: 2% 0 0 0;
}
body .appWrppr >p {
  font-size: 20px !important;
  margin: 4% 10% 4% 10%;
  width: 80%;
  text-align: center;
}
body .appWrppr >div>figure>img {
  width: 1000px !important;
  max-width: 1000px !important;
  margin-bottom: 1%;
}
@media (max-width: 1800px) {
  body header .centerH .logoH img {
    width: 350px;
  }
  body header .bottomH ul li {
    padding: 0 15px;
  }
  body header .bottomH ul li a {
    letter-spacing: 0.05em;
  }
  body main .products-section {
    padding: 0 0 90px 40px;
  }
  body main .list-categories-section article {
    height: 440px;
  }
  body main .list-categories-section article .txtCtn h2 {
    font-size: 2.5rem;
  }
  body main .list-categories-section article .txtCtn {
    padding: 0 30px;
  }
  body main .home-slider-section .home-slider {
    height: 60vh;
  }
  body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item .imgCtn {
    height: 240px;
  }
  body main .presentation-section .presCtn .imgCtn {
    height: 500px;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
    width: 480px;
    height: 660px;
  }
  body footer > div .topF .logoF img {
    width: 430px;
  }
}
@media (max-width: 1500px) {
  body .padd-t {
    padding: 70px 30px 0;
  }
  body .padd-b {
    padding: 0 30px 70px;
  }
  body .marg-t {
    margin: 70px 0 0;
  }
  body .marg-b {
    margin: 0 0 70px;
  }
  body .padd-t-b {
    padding: 70px 30px;
  }
  body .marg-t-b {
    margin: 70px 0;
  }
  body .btnCta {
    right: -105px;
  }
  body .btnCta a {
    padding: 8px 10px;
  }
  body header .centerH .logoH img {
    width: 300px;
  }
  body header .centerH nav ul li {
    margin: 0 20px;
  }
  body header .bottomH ul li {
    padding: 0 12px;
    top: 19% !important;
  }
  body header .bottomH ul li a {
    letter-spacing: 0.02em;
  }
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h2,
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h3 {
    font-size: 5rem;
  }
  body main .latest-realisations-section {
    padding: 70px 30px;
  }
  body main .latest-realisations-section:before,
  body main .latest-realisations-section:after,
  body main .savoirfaire-section:before,
  body main .savoirfaire-section:after {
    height: 100px;
  }
  body main .latest-realisations-section:before,
  body main .savoirfaire-section:before {
    top: -50px;
  }
  body main .latest-realisations-section:after,
  body main .savoirfaire-section:after {
    bottom: -50px;
  }
  body main .list-categories-section article {
    height: 400px;
  }
  body main .list-categories-section article .txtCtn h2 {
    max-width: 100%;
    margin-bottom: 15px;
  }
  body main .list-categories-section article .txtCtn p {
    font-size: 1.3rem;
    margin-bottom: 20px;
  }
  body main .savoirfaire-section {
    padding: 70px 0;
  }
  body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide {
    min-height: 400px;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
    width: 420px;
    height: 580px;
    margin: 0 0 0 40px;
  }
  body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide h2 {
    margin-bottom: 30px;
  }
  body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide p.texte {
    line-height: 1.4;
  }
  body main .realisations-section .catrealCtn {
    margin-bottom: 40px;
  }
  body main .realisations-section .catrealCtn ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  body main .realisations-section .catrealCtn ul li {
    margin-bottom: 20px;
  }
  body main .realisations-section .realisationsCtn .real-item.width-4 {
    width: 50%;
  }
  body main .realisations-section .realisationsCtn .real-item.width-3,
  body main .realisations-section .realisationsCtn .real-item.width-2 {
    width: 25%;
  }
  body main .map-section .mapCtn {
    height: 40vh;
  }
  body main .map-section .infosContact {
    height: 200px;
    margin-top: -100px;
  }
  body main .products-section {
    padding: 0 30px 70px;
  }
  body main .products-section .prdctsCtn .imgCat {
    width: 100%;
    margin-top: 50px;
  }
  body main .products-section .prdctsCtn .imgCat .swiper-container {
    height: 600px;
  }
  body main .products-section .prdctsCtn .catlist {
    width: 25%;
  }
  body main .products-section .prdctsCtn .listProducts {
    width: 75%;
    padding-top: 0;
  }
  body main .partners-section {
    padding-left: 80px;
    padding-right: 80px;
  }
  body main .partners-section .swiper-button-prev,
  body main .partners-section .swiper-container-rtl .swiper-button-next {
    left: 30px;
  }
  body main .partners-section .swiper-button-next,
  body main .partners-section .swiper-container-rtl .swiper-button-prev {
    right: 30px;
  }
  body footer > div .topF .logoF img {
    width: 400px;
  }
}
@media (max-width: 1370px) {
  html {
    font-size: 9px;
  }
  body main .list-categories-section article {
    height: 360px;
  }
  body main .presentation-section .presCtn .imgCtn {
    height: 450px;
  }
  body main .presentation-section .presCtn .txtCtn .tnmce {
    margin-bottom: 30px;
  }
  body main .presentation-section .presCtn .txtCtn h1,
  body main .presentation-section .presCtn .txtCtn h2 {
    margin-bottom: 30px;
  }
  body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide {
    min-height: 330px;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
    width: 400px;
    height: 500px;
  }
  body main .map-section .infosContact {
    height: 160px;
    margin-top: -80px;
  }
  body main .map-section .infosContact li > div .txt .title {
    margin-bottom: 10px;
  }
}
@media (max-width: 1300px) {
  body .btnCta {
    right: -107px;
  }
  body header .bottomH ul li {
    padding: 0 10px;
  }
  body header .bottomH ul li a {
    letter-spacing: 0;
  }
  body header .centerH nav ul li {
    margin: 0 15px;
  }
}
@media (max-width: 767.98px) {
  body .rs ul li {
    margin-right: 10px !important;
  }
  body .rs ul li:last-child {
    margin-right: 0 !important;
  }
  body .padd-t {
    padding: 50px 20px 0;
  }
  body .padd-b {
    padding: 0 20px 50px;
  }
  body .marg-t {
    margin: 50px 0 0;
    padding: 0 20px;
  }
  body .marg-b {
    margin: 0 0 50px;
    padding: 0 20px;
  }
  body .padd-t-b {
    padding: 50px 20px;
  }
  body .marg-t-b {
    margin: 50px 0;
    padding: 0 20px;
  }
  body .titleCtn {
    margin: 0 auto 40px;
  }
  body .lien_decouvrir {
    margin-top: 20px;
  }
  body .btnCta {
    right: auto;
    left: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  body .btnCta a {
    padding: 15px;
  }
  body header .topH {
    display: none;
  }
  body header .centerH {
    padding: 15px 20px !important;
    top: 0 !important;
  }
  body header .centerH .logoH img {
    width: 200px !important;
  }
  body header .centerH nav > div.menu-main-container ul li {
    margin-bottom: 30px !important;
  }
  body header .centerH nav > div.menu-main-container ul li a {
    font-size: 2.1rem !important;
  }
  body header .bottomH {
    top: 10% !important;
  }
  body header .scroll-hidden1 {
    transform: translateY(0%);
  }
  body header .scroll-hidden2 {
    transform: translateY(0%);
  }
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn {
    padding: 0 30px;
  }
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h2,
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h3 {
    font-size: 3rem;
  }
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h2 {
    margin-bottom: 10px;
  }
  body main .home-slider-section .home-slider .swiper-wrapper .swiper-slide .txtCtn h3 {
    margin-bottom: 30px;
  }
  body main .list-categories-section article {
    flex-wrap: wrap;
    height: auto;
  }
  body main .list-categories-section article:nth-child(odd) .imgCtn,
  body main .list-categories-section article:nth-child(even) .imgCtn {
    order: 1 !important;
    width: 100%;
    height: 240px;
  }
  body main .list-categories-section article:nth-child(odd) .txtCtn,
  body main .list-categories-section article:nth-child(even) .txtCtn {
    order: 0 !important;
    width: 100%;
    padding: 30px 20px;
    height: auto;
  }
  body main .produitdescription-section .imgCtn {
    height: 280px !important;
  }
  body main .produitdescription-section .txtCtn {
    margin-top: 40px;
  }
  body main .latest-realisations-section {
    padding: 50px 20px;
  }
  body main .latest-realisations-section .realSlider .swiper-wrapper .swiper-slide .real-item .txtCtn {
    height: 90px;
  }
  body main .presentation-section .presCtn .imgCtn {
    height: 280px !important;
  }
  body main .savoirfaire-section {
    padding: 50px 20px !important;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
    height: 280px !important;
  }
  body main .temoignages-section .temoignagesSlider .swiper-pagination {
    max-width: 100px !important;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide {
    flex-wrap: wrap;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide .imgcropCtn {
    width: 100% !important;
    height: 220px !important;
    flex: 0 0 100% !important;
    margin: 0 0 20px 0;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide .txtCtn {
    width: 100%;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide p {
    font-size: 1.5rem;
  }
  body main .realisations-section .realisationsCtn .real-item.width-4,
  body main .realisations-section .realisationsCtn .real-item.width-3,
  body main .realisations-section .realisationsCtn .real-item.width-2 {
    width: 100% !important;
  }
  body main .realisations-section .realisationsCtn .real-item {
    height: 260px;
  }
  body main .map-section .mapCtn {
    margin-bottom: 40px;
  }
  body main .map-section .infosContact {
    height: auto;
    margin-top: 0;
    box-shadow: none;
  }
  body main .map-section .infosContact li > div {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  body main .map-section .infosContact li > div .iconInfosContact {
    margin: 0 0 15px 0 !important;
  }
  body main .map-section .infosContact li > div .txt {
    text-align: center;
  }
  body main .contactform-section .submitCtn input[type="submit"] {
    width: 100%;
  }
  body main .products-section {
    padding: 0 20px 50px;
  }
  body main .products-section .prdctsCtn .catlist {
    display: none;
  }
  body main .products-section .prdctsCtn .listProducts {
    width: 100% !important;
  }
  body main .products-section .prdctsCtn .imgCat .swiper-container {
    height: 280px !important;
  }
  body main .produitdescription-section .imgCtn {
    height: 240px !important;
  }
  body main .container404 span {
    font-size: 12rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 450px) {
  body .burger {
    margin-left: 20px;
  }
  body .rs ul li a span:before {
    font-size: 26px;
  }
  body header .bottomH {
    top: 9% !important;
  }
  body main .presentation-section .presCtn .imgCtn {
    height: 220px !important;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide p {
    font-size: 1.4rem !important;
  }
  body main .realisations-section .catrealCtn ul li {
    margin-bottom: 15px;
  }
  body main .realisations-section .realisationsCtn .real-item {
    height: 240px !important;
  }
}
@media (max-width: 420px) {
  header .bottomH {
    top: 11% !important;
  }
}
@media (max-width: 380px) {
  body header .centerH .logoH img {
    width: 150px !important;
  }
  body header .bottomH {
    top: 10% !important;
  }
  body main .temoignages-section .temoignagesSlider .swiper-pagination {
    bottom: 35px;
  }
  body main .realisations-section .realisationsCtn .real-item {
    height: 220px !important;
  }
  body main .partners-section {
    padding-left: 50px;
    padding-right: 50px;
  }
  body main .partners-section .swiper-button-prev,
  body main .partners-section .swiper-container-rtl .swiper-button-next {
    left: 20px;
  }
  body main .partners-section .swiper-button-next,
  body main .partners-section .swiper-container-rtl .swiper-button-prev {
    right: 20px;
  }
  body footer > div .topF .logoF img {
    width: 220px !important;
  }
}
@media (min-width: 1200px) {
  .dont-collapse {
    display: flex !important;
  }
}
@media (max-width: 1200px) {
  body #modal-forms {
    width: 70%;
  }
  body .rs ul li {
    margin-right: 20px;
  }
  body .rs ul li:last-child {
    margin-right: 0;
  }
  body header .topH ul li {
    padding: 0 15px;
  }
  body header .centerH {
    padding: 15px 30px;
  }
  body header .centerH .logoH img {
    width: 240px;
  }
  body header .centerH nav ul li {
    margin: 0 10px;
  }
  body header .centerH nav ul li a {
    font-size: 1.4rem;
  }
  body header .bottomH {
    padding: 0;
    border: 0;
  }
  body header .bottomH #triggerHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dcdcdc;
    padding: 10px 20px;
    color: #18213a;
  }
  body header .bottomH #triggerHeader span {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
  }
  body header .bottomH #triggerHeader .icon-icoArrowDown {
    transition: all 400ms ease-in-out !important;
    -webkit-transition: all 400ms ease-in-out !important;
    -moz-transition: all 400ms ease-in-out !important;
    -o-transition: all 400ms ease-in-out !important;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transform-origin: 50% 50%;
    margin-left: 20px;
  }
  body header .bottomH #triggerHeader .icon-icoArrowDown:before {
    font-size: 14px;
  }
  body header .bottomH #triggerHeader[aria-expanded="true"] .icon-icoArrowDown {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  body header .bottomH ul {
    display: block;
  }
  body header .bottomH ul li {
    padding: 10px 20px;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    border-right: 0;
    text-align: center;
    display: block;
  }
  body header .bottomH ul li:last-child {
    border-bottom: 1px solid #dcdcdc;
  }
  body main .list-categories-section article {
    width: 100%;
  }
  body main .list-categories-section article:nth-child(odd) .imgCtn {
    order: 1;
  }
  body main .list-categories-section article:nth-child(odd) .txtCtn {
    order: 0;
  }
  body main .list-categories-section article:nth-child(even) .imgCtn {
    order: 0;
  }
  body main .list-categories-section article:nth-child(even) .txtCtn {
    order: 1;
  }
  body main .presentation-section .presCtn .imgCtn {
    height: 400px;
  }
  body main .savoirfaire-section {
    flex-wrap: wrap;
    padding: 70px 30px;
  }
  body main .savoirfaire-section .savoirfaireCtn {
    width: 100%;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn {
    width: 50%;
  }
  body main .savoirfaire-section .savoirfaireCtn .sliderCtn {
    max-width: 100%;
  }
  body main .savoirfaire-section .savoirfaireCtn .sliderCtn .savoirfaire-slider .swiper-wrapper .swiper-slide {
    min-height: auto;
    padding-bottom: 30px;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn {
    width: 100%;
    margin-top: 50px;
    flex-direction: column;
    padding-left: 0;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination {
    flex-direction: row;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination .swiper-pagination-bullet {
    border-right: 0;
    border-bottom: 5px solid transparent;
    margin: 0 10px;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination .swiper-pagination-bullet-active {
    border-right: 0;
    border-bottom: 5px solid #fff;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
    width: 100%;
    margin: 30px 0 0;
  }
  body main .savoirfaire-section .savoirfaireCtn {
    padding-left: 0;
  }
  body main .realisations-section .realisationsCtn .real-item.width-3,
  body main .realisations-section .realisationsCtn .real-item.width-2 {
    width: 50%;
  }
  body main .products-section .prdctsCtn .catlist {
    width: 30%;
  }
  body main .products-section .prdctsCtn .listProducts {
    width: 70%;
  }
  body main .products-section .prdctsCtn .imgCat .swiper-container {
    height: 500px;
  }
  body footer > div .topF .logoF img {
    width: 300px;
  }
}
@media (max-width: 992px) {
  body .burger {
    display: block;
  }
  body #modal-forms {
    display: none;
  }
  body header .topH {
    justify-content: center;
    padding: 10px;
  }
  body header .topH .triggerModalCtn {
    display: none;
  }
  body header .topH ul li {
    padding: 0 12px;
  }
  body header .topH ul li.tel a {
    letter-spacing: 0;
  }
  body header .centerH nav {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    background: rgba(24,33,58,0.95);
  }
  body header .centerH nav > div.menu-main-container {
    width: 100%;
    height: 100%;
  }
  body header .centerH nav > div.menu-main-container ul {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  body header .centerH nav > div.menu-main-container ul li {
    margin-bottom: 40px;
  }
  body header .centerH nav > div.menu-main-container ul li a {
    font-size: 2.4rem;
  }
  body header .centerH nav .icoClose {
    transition: all 400ms ease-in-out !important;
    -webkit-transition: all 400ms ease-in-out !important;
    -moz-transition: all 400ms ease-in-out !important;
    -o-transition: all 400ms ease-in-out !important;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
  }
  body header .centerH nav .icoClose .icon-icoClose {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  body header .centerH nav .icoClose .icon-icoClose:before {
    color: #fff;
    font-size: 20px;
  }
  body header .centerH nav.open {
    pointer-events: auto;
  }
  body main .latest-realisations-section:before,
  body main .latest-realisations-section:after,
  body main .savoirfaire-section:before,
  body main .savoirfaire-section:after {
    display: none;
  }
  body main .home-slider-section {
    margin-top: 0;
  }
  body main .presentation-section .presCtn .imgCtn {
    order: 1;
    height: 350px;
  }
  body main .presentation-section .presCtn .txtCtn {
    order: 0;
    align-items: flex-start;
    text-align: left;
    padding: 0;
    margin-bottom: 40px;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .swiper-pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  body main .savoirfaire-section .diapsavoirfaireCtn .savoirfairediap-slider {
    height: 450px;
  }
  body main .temoignages-section .temoignagesSlider .swiper-pagination {
    max-width: 300px;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide .imgcropCtn {
    width: 180px;
    height: 150px;
    flex: 0 0 180px;
  }
  body main .realisations-section .realisationsCtn .real-item {
    height: 300px;
  }
  body main .map-section .infosContact li > div .iconInfosContact {
    margin-right: 10px;
  }
  body main .contactform-section .submitCtn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body main .products-section .prdctsCtn .catlist {
    width: 35%;
    padding-right: 20px;
  }
  body main .products-section .prdctsCtn .listProducts {
    width: 65%;
  }
  body main .products-section .prdctsCtn .listProducts article {
    padding-right: 15px;
    margin-bottom: 60px;
  }
  body main .products-section .prdctsCtn .imgCat .swiper-container {
    height: 400px;
  }
  body main .produitdescription-section .imgCtn {
    height: 380px;
  }
  body main .temoignages-section .temoignagesSlider .swiper-wrapper .swiper-slide p {
    font-size: 1.6rem;
  }
  body footer {
    padding: 50px 30px 30px;
  }
  body footer > div .topF {
    flex-direction: column;
  }
  body footer > div .topF nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
  }
  body footer > div .topF nav ul li {
    margin: 0 10px 10px;
  }
  body footer > div .topF ul.infosContactF {
    margin: 30px 0;
    text-align: center;
  }
}