@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap');

:root{
  --main-color: #03224c;
  --second-color: #b99d6b;
  --gray: #f7f5f0;
}


.bo_paragraphe {
    border: 1px dashed #C00000;
    margin-bottom: 5px;
    /* text-align: left; */
}

.paragraphe:after {
    display: none;
}
.bo_paragraphe p.bo_barre_boutons {
    font-size: 0.85em;
    background: #FAFAFA;
    text-align: left;
}
#backoffice_menu_haut {
    width: 1030px;
    margin: 0 auto;
}
img.album{
    max-width:100%;
    height:auto;
}
a {
    text-decoration: none!important;
}

.paragraphe a.apoffrebtn {
    background-color: #d7d7d7;
    padding: 10px;
    color: #2c2c2c;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    /* margin: 10px; */
    width: 382px;
    /* width: 100%; */
    margin-right: 10px;
    margin-left: 10px;
    transition: all 0.5s ease;
}

.paragraphe a:hover {
    /* background-color: #4c99ab; */
    color: var(--grey);
}

#paragraphe346 a {
    /* display: none; */
}

.paragraphe a span {
    background-color: transparent!important;
}
.top_header{
    max-width:1170px;
    margin:auto;
}
body {
    font-size: 15px;
    color: var(--main-color);
    font-family: "Sen", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 20px;
}

.header {
    background-color: var(--gray);
}

.header-main .navbar ul{
    height:auto;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    flex-wrap: wrap;
}

.header-main .navbar .nav-item > ul.menu-sub {
    position: absolute;
    /* background-color: var(--main-color); */
    width: auto;
    height: 0;
    top: 62px;
    opacity: 0;
    display: none;
}

.yamm li {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.header-main .navbar .nav-item.PGS_SPECIALE_6 > ul.menu-sub .hassub ul, .header-main .navbar .nav-item.PGS_SPECIALE_7 > ul.menu-sub .hassub ul{
    display: none;
}

.header-main .navbar .nav-item.PGS_SPECIALE_6 > ul.menu-sub .hassub a:after , .header-main .navbar .nav-item.PGS_SPECIALE_7 > ul.menu-sub .hassub a:after {
    display: none;
}

.header-main .navbar .nav-item.PGS_SPECIALE_6 > ul.menu-sub .hassub:hover ul, .header-main .navbar .nav-item.PGS_SPECIALE_7 > ul.menu-sub .hassub:hover ul {
    display: none;
}

ul.menu-sub {
    width: 380px;
}

.header-main .navbar .nav-item:hover {
    color: var(--second-color);
}

.header-main .navbar .nav-item:hover > a:after {
    background-color: var(--second-color);
    opacity: 1;
}

.header-main .navbar .nav-item:hover > a {
    color: var(--second-color);
}

.header-main .navbar .nav-item > a span {
    padding: 10px 0;
    color: var(--main-color);
    font-weight: 300;
}

.header-main .navbar .nav-item:hover > ul.menu-sub {
    height: auto;
    opacity: 1;
    width: 349px;
    display: flex;
    gap: 0;
    justify-content: flex-start;
    padding-right: 3px;
}

.header-main .navbar .nav-item:last-child:hover > ul.menu-sub {
    /* right: -28px; */
    /* width: 250px; */
}

.header-main .navbar .nav-item:hover > ul.menu-sub li {
    background-color: var(--main-color);
}

.header-main .navbar .nav-item:hover > ul.menu-sub > li > ul {
    height: auto;
    top: 0;
    position: absolute;
    right: -348px;
    background-color: var(--main-color);
    /* border-left: 2px solid #ffffff; */
    opacity: 0;
    height: 0;
    display: none;
}

.header-main .navbar .nav-item:hover > ul.menu-sub > li:hover > ul {
    height: auto;
    opacity: 1;
    display: flex;
    gap: 0;
    /* max-width: 200px; */
}

.header-main .navbar .nav-item:hover > ul.menu-sub > li > ul > li {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #fff;
    /* width: 219px; */
}

.yamm li .dropdown-menu a {
    background-color: var(--main-color);
    color: #fff;
    text-transform: none;
}

.yamm li .dropdown-menu a:hover {
    background-color: var(--main-color);
    color: var(--second-color);
}

.yamm .dropdown-menu li {
    padding: 0;
    margin-bottom: 0;
}

.header-main {
    height: 150px;
    background-color: #fff;
}

.header-main > div {
    max-width: 1170px;
    width: 100%;
    padding: 0;
}

.header-main > div .row > .col-auto {
    padding: 0;
    width: 280px;
}

.yamm li > a {
    border: none;
    text-transform: none;
    font-weight: 500;
    font-family: 'Sen', sans-serif;
    font-size: 16px;
    padding: 10px 0;
}

.header-main > div .row > .col-xl {
    width: calc(100% - 280px););););););
}

.normal-logo {
    width: auto;
    /* height: 100px; */
}

.top-bar{
    height:65px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    /* background-color: var(--gray); */
}

.col-auto{
    display: flex;
    width: auto;
    align-items: center;
}

.flex-right {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.top-bar__item, .top-bar__link, .header-soc__link {
    color: var(--main-color);
    font-weight: 300;
}

a:hover {
    color: var(--second-color);
}

.header-soc__link {
    font-size: 16px;
}

.top-bar__item {
    width: auto;
}

.header-soc {
    display: flex;
    align-items: center;
    gap: 18px;
}
.btn_header_search {
    color: var(--main-color);
    font-size: 016px;
}
.btn_header_search:hover {
    color: #f39200;;
}
.header-searchs{
    display:block;
}
.search {
    display: inline-block;
    font-size: 14px;
    color: #fff!important;
    position: relative;
    z-index: 1000000;
    text-align: right;
    background-color: transparent;
    border-radius:50%;
    padding:10px;
    vertical-align:middle;
    cursor:pointer;
    height:auto!important;
}
.search:hover{
     background-color:#ffffff;
}
.transition {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.search-form-modal {
    background-color: #000;
    background: rgb(255 255 255 / 87%);
    height: 0!important;
    left: 0!important;
    overflow: hidden!important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.search-form-modal.open {
    height: 100%!important
}
.search-form_close {
    color: var(--main-color);
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: -20px;
}
.search-form > i {
    position: absolute;
    right: 25px;
    top: -17px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 30px;
}
.header_search_form {
    bottom: 0;
    display: block;
    height: 80px;
    left: 0;
    margin: auto;
    max-width: 1000px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    border-bottom: 2px solid #03224c8a;
}
.header_search_form .form-group {
    /* float: left; */
    height: 100%;
    width: 100%;
    /* max-width: 100px; */
    /* display: flex; */
    /* flex-direction: row-reverse; */
}
.header_search_form .form-group .form-control, .contain_search input {
    border-color: #fff;
    border-style: solid none solid solid;
    border-width: 2px 0 2px 2px;
    border: none;
    font-size: 24px;
    height: auto;
    float: left;
    line-height: 16px!important;
    width: 100%;
    padding: 12px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: normal;
    background-color: transparent;
}

.contain_search input[type="text"] {
    width: calc(100% - 200px);
    border: none;
    border-bottom: 2px solid #03224c8a;
}

.contain_search p {
    display: flex;
    gap: 20px;
}

.contain_search input[type="submit"] {
    background-color: var(--second-color);
    width: 175px;
    font-size: 19px;
    border-radius: 3px;
}
.header_search_form .btn_search {
    /* border: 2px solid #f39200; */
    color: #fff;
    /* float: right; */
    font-size: 34px;
    height: auto;
    line-height: 30px!important;
    text-transform: uppercase;
    width: auto;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: normal;
    padding: 15px 20px;
    background-color: transparent;
    color: #424546;
    transition: all 0.5s ease;
}

.header_search_form .btn_search:hover {
    color: var(--main-color);
}


.newsletter {
      display: inline-block;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    z-index: 100000;
    position: relative;
    text-align: right;
}
.transition {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.owl-slide .owl-item .item .contain-txt{
    right: auto;
}

.owl-slide .owl-item .item.slide3 .contain-txt {
    padding: 0;
    display: flex;
    justify-content: center;
}

.owl-slide .owl-item .item.slide1 .contain-txt {
    right: auto;
    max-width: 804px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding-top: 56px;
}

.owl-slide .owl-item .item.slide2 .contain-txt {
    max-width: 575px;
    padding-top: 190px;
}

.owl-slide .owl-item .item.slide2 .contain-txt .contain-link, .owl-slide .owl-item .item.slide3 .contain-txt .contain-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 20px;
}

.owl-slide .owl-item .item.slide3 ul {
    background-color: #00000082;
    padding: 10px;
    margin: 0;
}

.owl-slide .owl-item .item.slide3 .contain-txt ul li {
    /* padding: 0; */
    display: flex;
    gap: 10px;
}

.owl-slide .owl-item .item.slide3 .contain-txt ul li:last-child {
    padding: 0;
}

.owl-slide .owl-item .item.slide3 .contain-txt ul li:before {
    position: relative;
    left: 0;
    top: 2px;
}

.owl-slide .owl-item .item .contain-txt h3 {
    font-family: 'Sen', sans-serif;
    color: #fff;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0;
}

.owl-slide .owl-item .item .contain-txt p {
    font-family: 'Sen', sans-serif;
    color: #fff;
    font-size: 20px;
    width: 100%;
    font-weight: 300;
}

.owl-slide .owl-item .item .contain-txt p.slogan {
    position: absolute;
    bottom: 47px;
}

.owl-slide .owl-item .item .contain-txt ul li, .owl-slide .owl-item .item.slide2 .contain-txt ul li {
    font-family: 'Sen', sans-serif;
    color: #fff;
    font-size: 20px;
    position: relative;
    padding-bottom: 11px;
}

.owl-slide .owl-item .item.slide2 .contain-txt ul li {
    text-transform: none;
    line-height: 22px;
    padding: 0;
}

.owl-slide .owl-item .item.slide2 .contain-txt ul li:before {
    font-size: 20px;
    top: 0;
    left: 0;
}

.owl-slide .owl-item .item.slide1 .contain-txt ul li {
    /* margin-left: 20px; */
}

.owl-slide .owl-item .item .contain-txt ul li:before {
    content: '\f00c';
    display: flex;
    color: #fff;
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    left: -18px;
    top: 5px;
}

.owl-slide .owl-item .item.slide1 .contain-txt .contain-link {
    display: flex;
    justify-content: flex-end;
    gap: 98px;
    /* padding-bottom: 20px; */
}

.owl-slide .owl-item .item.slide1 .contain-txt p, .owl-slide .owl-item .item.slide2 .contain-txt p {
    margin: 0;
    padding-bottom: 10px;
}

.owl-slide .owl-item .item {
    height: 678px;
}

.owl-slide {
    height: 678px;
}

.owl-slide .owl-dots {
    position: absolute;
    right: 0;
    width: 30px;
    height: 100%;
    top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 12px;
}
.left_produit img{
    max-width:100%;
}
.owl-slide .owl-stage-outer {
    z-index: 2;
}
form p:last-child.cmd_btn {
    margin:10px 0 20px!important;
}
.cmd_btn a{
    background-color: var(--main-color);
    display:inline-block;
    padding:10px 20px;
    color:#fff;
}
.owl-slide .owl-dots button {
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    border-radius: 15px;
    transition: all 0.5s ease;
}

.owl-slide .owl-dots button.active {
    background-color: var(--second-color);
}

.gallery {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    /* overflow: hidden; */
}

.gallery_contain {
    /* display: flex; */
    /* gap: 10px; */
    padding-bottom: 32px;
}

.gallery a {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.gallery img {
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    object-fit: cover;
}

.pr__services .items-listing {
    display: flex;
    justify-content: space-between;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  font-family: "Sen", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}

.ui-title {
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'Sen', sans-serif;
    color: var(--second-color);
    font-weight: 300;
}

.b-services h2.ui-title {
    color: var(--second-color);
    text-transform: none;
    font-size: 23px;
    line-height: 23px;
}

.b-services .b-services-content__main p, .b-services .b-services-content__main ul li {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}

.b-services .b-services-content__main ul li {
    list-style: outside;
    line-height: 22px;
}

.b-services .b-services-content__main ul {
    margin-bottom: 16px;
}

.b-services .b-services-content__main p .underline {
    text-decoration: underline;
}

.b-services .b-services-content__main p .small_txt {
    font-size: 13px;
    font-style: italic;
}

.section-area {
    padding: 60px 0;
}

.txt-title {
    font-size: 22px;
    line-height: 26px;
}
.titre_page{
    color: #00324c;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 26px;
    text-align: center;
}
.soustitre_page{
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  font-family: "Sen", sans-serif;
}
.section-title {
  text-align: center;
  margin: 0 0 54px;
}

.intervention_section .section-title {
    margin: 0;
}

.section-title h6 {
  color: var(--main-color);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0 0 4px;
}

.section-title h3 {
  color: var(--main-color);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 44px;
  margin: 0 0 26px;
}

.intervention_section .section-title h3 {
    color: var(--main-color);
}

.section-title p {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}


.clr {
    /* clear: both; */
    display: none;
}
#ariane {
    display:inline-block;
    width:100%;
    vertical-align:middle;
    margin: auto;
    font-size: 12px;
    font-weight:400;
    margin-top: 0;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    letter-spacing: 3px;
    display: flex;
}
#ariane a, #ariane{
    color: #a8bbc4;
    font-weight:400;
    text-transform:uppercase;
    color: #03224c;
    letter-spacing: normal;
    font-size: 20px;
}
/* Listes */

ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer-list {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.footer-list a {
    color: #999;
}
/* Paragraphes */


address {
    margin: .75em 0;
    font-style: normal;
}
em {
    font-style: italic;
    color: #000;
}
strong {
    font-weight: bold;
}
/* Formulaires */

form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.liste_produits {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.block_produit {
    width: calc(50% - 20px);
    padding: 40px;
    background-color: #b99d6b2b;
}

.img_produit {
    width: 100%;
    position: relative;
}

.desc_produit {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

.desc_produit .prix .prix-gamme span {
    color: var(--main-color);
}



.block_produit a {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
}

.block_produit .hover-appear {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000054;
    justify-content: center;
    align-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.5s ease;
}

.block_produit .img_produit:hover .hover-appear {
    opacity: 1;
}

.block_produit .hover-appear a {
    width: 100%;
    height: 100%;
    display: flex;
    color: var(--main-color);
    font-size: 20px;
}

.block_produit a img {
    width: 100%;
}
input,
button,
select {
    vertical-align: middle;
}
/**********/
/* Boites */
/**********/
.catch_header{
    display:inline-block;
    width:80%;
    vertical-align:middle;
}
.catch_header p{
    color: #114058;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}
.catch_header p span{
  font-size:20px;
  text-transform:uppercase;
  color:#098ab1;
  line-height:30px;
}
#conteneur_contenu {
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
    z-index: 6;
}

#header {
    min-width: 1000px;
    width: 100%;
    margin: 0px;
    height:170px;
    padding: 0px;
    z-index: 100000;
    /* background-color:#fff; */
    /* box-shadow: 0px -6px 20px #0f2630; */
}

.page-heading {
    background-size: cover;
    background-image: url("../images/interface/bg-1_2.jpg");
    background-repeat: no-repeat;
    padding: 47px 0 73px;
    /* padding-top: 220px; */
    text-align: left;
    position: relative;
    z-index: 900;
    background-position: center center;
    background-color: transparent;
}

.page-heading:after {
    position: absolute;
    content: '';
    /* background-color: #000; */
    /* top: 0; */
    left: 0;
    width: 100%;
    bottom: -52px;
    /* opacity: 0.6; */
    z-index: 1;
    background-color: var(--main-color);
    clip-path: polygon(0 0, 100% 0, 4% 100%);
    height: 52px;
    display: none;
}
.page-heading .container {
    margin: auto;
    position: relative;
    z-index: 2;
    max-width: 1170px;
    font-size:0;
    width:100%;
    padding: 0;
}
.page-heading .page-title h2 {
  color: #eceff3;

    font-size: 32px;
    letter-spacing: 5px;



    text-transform: uppercase;

    /* margin-top:40px; */
}
.page-heading  .page-title{
    display:block;
    vertical-align:middle;
    text-align:center;
    width:100%;
    display: none;
}
.page-heading .page-title h2:after {
    background-color: #1059a6!important;
    width: 90px!important;
}
.page-heading .page-title .line-dec {
    margin: 10px 0px;
    width: 90px;
    height: 1px;
    background-color: #1059a6;
    display: none;
}
.page-heading .page-title span {
    font-size: 24px;
    font-weight: normal;
    color: #2d3031;
    line-height: 36px!important;
}
#logo{
    position:relative;
}
#logo > span{
    background-color: #da1c22;
    position: absolute;
    right: -8px;
    /* top: -25px; */
    height: 100%;
    transform: rotate(0deg);
    width: 5px;
    top:0;
}
#header #logo {
    z-index: 1000;
    display: flex;
    text-align:left;
    margin: 0px;
    z-index:1000000;
    vertical-align:middle;
    position:relative;
    width: 15%;
    justify-content: flex-start;
    overflow: hidden;
}



#position-menu{
    height:170px;
    display: flex;
    width:1200px;
    vertical-align:middle;
    /* border-top: 1px solid #e1e1e1; */
    text-align:right;
    position:relative;
    z-index:100000;
    /* max-width: 1140px; */
    margin: auto;
    align-content: center;
    align-items: center;
}
#header #logo img {
    max-width: 100%;
    z-index: 39;
    height: 70px;
}
.bg_menu{
    background:#fff none repeat scroll 0 0;
    position:relative;z-index:2;
}
#conteneur_header {
    width: 1140px;
    font-size: 0;
    margin: auto;
    position: relative;

}

#header h1 {
    margin: 0px;
    padding: 0px;
    text-align:left;
    font-size: 1.65em;
    position: relative;
    z-index: 90;
}
#header img {
    margin: 0;
    padding: 0;
    background-image: none;
}
/* =============================================================================
 * MENU
 * ===========================================================================*/

#menu_haut {
    list-style-type: none;
    /* margin:auto; */
    /* max-width:1170px; */
    font-size: 0;
    display: flex;
    align-items: center;
    width: 85%;
    /* background-color: var(--main-color); */
    position: relative;
    z-index: 100;
    padding-left: 25px;
    justify-content: flex-end;
    align-content: center;
}
#menu_haut > ul > li {
 vertical-align:top;


    transition: all 0.3s ease 0s;
    display:inline-block;
    position: relative;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
}
#menu_haut > ul > li:before {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
#menu_haut ul {
    margin: 0!important;
    padding: 0!important;
    text-align:right;
    display:inline-block;
}
#menu_haut > ul > li:hover::before{
    opacity:1;
}
#menu_haut li:first-child {
    border-left: 0px;
}

    #menu_haut > ul > li:last-child > a:after{
    display:none;
}
#menu_haut li a {
     color: #fff;
     display: block;
     font-family: "Sen", sans-serif;
     font-size: 16px;
     font-weight: 400;
     letter-spacing: 0;
     line-height: 20px;
     padding: 30px 16px;
     padding: 40px 16px;
}
#menu_haut li a i{

}

#menu_haut .menu-sub {
    position: absolute;
    top: 100%;
    z-index: 999;
    padding: 0 0;
    background: #6f6d6dd9 none repeat scroll 0 0;
    list-style-type: none;
    padding: 8px 0!important;
}


.menu-sub > li {
    /* display: block !important; */
    text-align: left!important;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    border-bottom: 1px solid #fff;
    width: 100%;
    flex-direction: column;
    position: relative;
    width: 380px;
}

.menu-sub > li a {
    text-align: left!important;
    display: flex;
    align-content: flex-start;
    padding: 10px!important;
    width: 100%;
    max-width: none;
    min-width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: none;
    white-space: normal;
}

.yamm li .menu-sub > li a:after {
    content: '\f054';
    width: auto;
    height: auto;
    background-color: transparent;
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    opacity: 1;
    display: none;
}

.yamm li .menu-sub > li.hassub > a:after {
    display: flex;
}

.menu-sub > li a span {
    /* width: 100%; */
    display: flex;
}

.menu-sub > li a:hover {
    background-color: transparent;
    color: var(--second-color)!important;
}

.menu-sub > li > ul > li{
  display:none;
}

.menu-sub > li:last-child{
    border-bottom:0px;
}

.menu-sub a {
    min-width: 200px;
    text-align:left!important;
    color:#999!important;
    padding: 0px 10px 0px 15px !important;
    padding:10px 15px!important;
    margin:0px!important;

    color: #fff!important;
    color: #fff;
    display: block;
    padding: 10px 20px!important;
}

#menu_haut > ul > li > ul {
    top: 100px;
    text-align:left;
}
#menu_haut ul ul {
    left: -9999px;
    opacity: 0;
    -webkit-transition: top .2s ease, opacity .2s ease;
    -moz-transition: top .2s ease, opacity .2s ease;
    -ms-transition: top .2s ease, opacity .2s ease;
    -o-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}
/*******************************/
/* specific to non IE browsers */
/* =============================================================================
 * End of Menu
 * ===========================================================================*/

#header_popup {
    display: none;
}
#contenu {
    margin: 0;
    padding: 0;
    /* padding-top: 20px; */
    position: relative;
    width: 100%;
    margin: auto;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 382px;
}
.page_liquid #contenu {
    width: 100%!important;
}
.page_liquid #centreetdroite {
    width: 100%!important;
}
.pageAccueil #contenu {
    padding: 0px;
    width: 100%;
}

.pageAccueil #ariane {
    display: none;
}
.fiche_billet{
  max-width:1170px;
  margin:auto;
  padding-bottom: 60px;
  padding: 20px;
  overflow: hidden;
}
#contenu_scroller {
    text-align: justify;
}
.list_cat{
    text-align:left;
}
.list_cat a{
    display:inline-block;
    width:auto;
    font-weight:normal!important;
    font-style:italic!important;
    padding-right:10px;
    padding-top:0px!important;
     color: var(--main-color)!important;
}
#contactdroite {
    width: 100%!important;
    max-width: 790px!important;
    margin: auto;
    border: 0!important;
}

#contactdroite p {
    width: 100%!important;
    text-align: center;
}
.desc_produit h5{
    margin-bottom:5px;
}
#contactdroite p input, #contactdroite p textarea {
    text-align: center;
    border: 0!important;
    border-bottom: 2px solid #f7f5f0!important;
}

.mdl_formulaire input.submit {
    height: auto!important;
}

#contactdroite p input::placeholder {
    /* display: none; */
    color: transparent!important;
}

#contactdroite p label {
    display: block;
    width: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#contactdroite h3 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.page_liquid #contenu {
    width: 100%!important;
}
.page_liquid #contenu {
    padding-top: 0;
}
.block_list_actu:nth-child(even) .center_actu {
    /* background-color: var(--main-color)8c!important; */
}
.block_list_actu .center_actu {
    /* padding: 70px 0px; */
    /* border-bottom: 1px solid #e6e6e6; */
    background-color: #fff;
}
.right_actu {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 17px;
    background-color: #fff;
}

.right_actu h4 a, .paragraphe .right_actu h4 {
    color: var(--main-color);
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}
.right_actu h4 {
    margin: 0;
    text-transform: uppercase;
    font-family: "Sen", sans-serif;
    margin-bottom: 10px;
}
.right_actu h4 a {
    color: var(--main-color);
}
.lin_actu a.suite {
    display: inline-block;
    color: #fff!important;
    background-color: var(--second-color);
    border: 0px;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 20px;
}
.lin_actu a.suite:hover {
    color: #fff!important;
}
.prevnext {
    max-width: 1140px!important;
    margin: auto!important;
    margin-top: 30px!important;
}
.date_actu {
    color: #222!important;
    font-size: 16px!important;
    font-weight: 300!important;
    margin-bottom: 20px!important;
}
.desc_actu {
    font-size: 14px!important;
    /* margin-bottom: 40px!important; */
    text-align: justify;
    line-height: 20px;
    /* margin-left: 15px; */
}

.lin_actu {
    display: flex;
    justify-content: center;
}

.desc_actu .nomarginbt{
  margin-bottom:0;
}

.desc_actu ul{
  margin-left: 15px;
}

.center_actu {
    max-width: 1140px;
    margin: auto;
}
.center_actu img {
    display: inline-block;
    width: 300px;
    height: auto;
    -webkit-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
    box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
}
.page_liquid #centreetdroite {
    width: 100%!important;
}
#gauche {
    float: right;
    margin: 0;
    padding: 0;
    padding: 0 0 0 20px;
    /* background-image: url(../images/interface/fond-gauche.png); */

    background-repeat: no-repeat;
    background-position: left center;
    width: 262px;
}

#centre {
    width: 620px;
    margin: 0;
    margin-left: 30px;
    padding: 0;
}
#centreetdroite {
    width: 100%;
    margin: auto;
    padding-top: 0;
    /* padding-bottom: 60px; */
}
.pageAccueil #centreetdroite {
    padding-bottom: 0;
    height: auto!important;
    width: 100%!important;
    padding-top:0;
}

#droite {
    width: 300px;
    margin: 0;
    padding: 0;
    /*float:right;*/

    position: absolute;
    top: 0px;
    right: 0px;
}
#pied #conteneur_pied {
    width: 1140px;
    margin:auto;

}





/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/

img.imgtitre {
    margin-left: 0px!important;
    padding: 9px!important;
    padding-left: 0px!important;
}
img.mdl_billet {
    padding-right: 5px!important;
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}
h2 img.imgtitre {
    margin-left: 0px!important;
    padding: 0px!important;
}


.actu_fiche{
    display: flex;

    flex-wrap: wrap;
    gap: 0px;
    justify-content: center;
    width: calc(100% - 410px);
background-color:#f7f5f0;
    
}
#centreetdroite .news h4 a {
    font-size: 18px!important;
}




.ariane a {
    text-decoration: underline;
    color: #8C8C8C
}


#centre p img {
    padding: 0 5px;
    margin: 0;
}




img.picto {
    padding: 2px 2px 0 0;
}
img.immo,
img.immo_vignette {
    padding: 0 4px;
    background-color: #FFFFFF;
}
#droite img.immo,
#droite img.immo_vignette {
    padding: 0 4px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
/**********/
/* DROITE */
/**********/

input {
    font-size: 0.85em;
}
select {
    font-size: 0.85em;
}
#gauche h4 a {
    color: #36b5e4!important;
}
#gauche p {
    color: #1a333c!important;
}
#gauche #paragraphe146 .suite {
    position: absolute;
    background-color: #595959;
}
#gauche #paragraphe146 .suite:hover {
    background-color: #343f22;
    color: #fff!important;
    border: none;
}
#gauche .mdl_billet p {
    padding-bottom: 40px;
}
#gauche h3 {
    text-transform: uppercase;
}
/********/
/* PIED */
/********/


#pied ul {
    margin: 0;
    padding: 0;
    /* text-align: center; */
}
html>body #pied ul {
    margin: 0;
    list-style: none;
}


.col1 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.col1 ul li a {
    display: block;
    color: #99abb8;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 0 10px;
    transition: 1s al ease;
    -webkit-transition: 1s al ease;
    text-align: left;
}

/**********/
/* HTML */
/**********/

legend {
    font-weight: bold;
}
label {
    font-weight: bold;
}
label.intitule {
    display: inline;
    float: left;
    width: 120px;
}
fieldset {
    /* padding: 5px; */
}
#droite form {
    margin: 0px;
    padding: 0px;
}
#droite fieldset {
    margin: 0px;
    border: none;
    padding: 0px;
    padding-left: 5px;
}
#droite h3 {
    color: #eb6c0e;
}
#droite fieldset p {
    padding: 0px;
    border: none;
}
#droite fieldset legend {
    border: none;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #cd1671;
    font-weight: bold;
    background: transparent;
}
#droite label {
    color: #666666;
    float: left;
    font-size: 10px;
    font-weight: normal;
}
#droite input,
#droite textarea {
    float: right;
    font-size: 10px;
    margin-top: -18px;
    border: 1px #666666 solid;
}
#droite input.submit {
    float: right;
    font-size: 10px;
    margin-top: 10px;
    border: none;
}
#centre div.paragraphe,
#centreetdroite div.paragraphe {
    margin: 0 auto;
    max-width: 1170px;
    text-align:center;
    padding: 35px 0;
    border: none;
}

#centre div.paragraphe .txtleft, #centreetdroite div.paragraphe .txtleft {
    text-align: left;
}

.apoffretb tr {
    display: flex;
    justify-content: center;
}

#centreetdroite div.par_style_1{
   text-align:left;
}

.par_style_1{
    max-width:1170px;
    margin:auto!important;
}

#centre div.par_style_2,
#centreetdroite div.par_style_2{
  max-width:none;
  /* background-color: var(--main-color); */
  padding: 0;
}

#centre div.par_style_3,
#centreetdroite div.par_style_3{
  max-width:none;
  background-color: #F9F3FF;
  padding: 80px 25px;
}

#centre div.par_fixe,
#centreetdroite div.par_fixe{
  max-width:none;
  padding: 80px 25px;
  background-image: url(../images/interface/bg-fixe.jpg);
  background-position:center;
  background-size:cover;
  background-attachment: fixed;
  min-height: 400px;
  display:flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#centre #paragraphe330.par_fixe,
#centreetdroite #paragraphe330.par_fixe,#centre #paragraphe335.par_fixe,
#centreetdroite #paragraphe335.par_fixe{
  background-image:url(../images/interface/slider-2.jpg);
}


#centreetdroite div.paragraphe ul{
    list-style: disc;
    /* display:
block; */
    padding-top: 10px;
    padding-left: 13px;
}

.list-col2 > ul {
    column-gap: 40px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#centreetdroite #paragraphe296, #centreetdroite #paragraphe302, #centreetdroite #paragraphe303, #centreetdroite #paragraphe315, #centreetdroite #paragraphe317{
  padding-bottom:0;
}

#centreetdroite #paragraphe321, #centreetdroite #paragraphe322, #centreetdroite #paragraphe323, #centreetdroite #paragraphe324, #centreetdroite #paragraphe318{
  padding-top:0;
}

/**************/
/* Modules */
/***********/

.mdl_paragraphe2Colonne li {
    text-align: left !important;
}
.mdl_image_aleatoire {
    margin: -2px 0 0 0;
}
.mdl_citation_aleatoire p {
    padding: 0 10px;
}
.mdl_citation_aleatoire p {
    color: #3d9bde;
}
.mdl_citation_aleatoire em {
    font-weight: bold;
}
/* Liens */

a {
    text-decoration: none;
    /* padding: 10px; */
    /* background-color: #fff; */
    color: #333333;
    transition: all 0.5s ease;
}

.paragraphe a {
    color: var(--second-color);
    font-weight: 600;
}

.button {
    border-radius: 0;
    border: none;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 300;
    font-family: 'Sen', sans-serif;
    transition: all 0.5s ease;
}

.button.or {
    background-color: var(--second-color);
    color: #fff;
}

.button.or:hover {
    background-color: var(--main-color);
}

.button.white {
    background-color: #fff;
    color: var(--main-color)!important;!i;!;
}

.button:hover {
    background-color: var(--second-color);
    color: #fff;
}

a.read-more {
    color: #fff;
    background-color: var(--main-color);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.fiche_billet > a {
    color: #fff !important;
    background-color: var(--main-color);
    font-size: 16px !important;
    padding: 10px 15px;
    cursor: pointer;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-flex;
    border: var(--main-color) 1px solid;
    gap: 10px;
    justify-content: flex-start;
    margin-right: 10px;
}

.fiche_billet > a:hover {
    background-color: transparent;
    color: var(--main-color)!important;
}

.fiche_billet .noprint {
    display: none;
}

.fiche_billet > a:before {
    content: '\f1c1';
    display: flex;
    font-family: "Font Awesome 5 Free";
}

a.read-more:hover{background-color: #305ca7d1;}

a.suite:visited {
    color: #ffffff;
}
#droite a:link {
    color: #d96918;
}
#droite a:visited {
    color: #d96918;
}
/* Pas de bordure autour des images dans les liens */

a img {
    border: none;
}
/**********************/
/* Villes Suggestion */

.villeSuggestionBox {
    position: relative;
    float: left;
    left: 0px;
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 200px;
    background-color: #FFFFFF;
    border: 1px solid #000;
    color: #000;
}
.villeSuggestionList {
    margin: 0px;
    padding: 0px;
}
.villeSuggestionList li {
    list-style: none;
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
.villeSuggestionList li:hover {
    background-color: #c0c0c0;
}
/***************************/
/*     Recherche           */
/***************************/
/* Tag clouds Couleurs
orange  #e3721f => 0,3
marron #603b0b => 1,4
marron clair #ac741a =>2,5
Bleu #3d9bde
*/

#liste_mcl {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px #AAAAAA solid;
    background-color: #F9F9F9;
    color: #808080;
}
#liste_mcl a {
    color: #808080;
    text-decoration: none;
}
#liste_mcl a:hover {
    text-decoration: underline;
}
#mdl_TopMCL a {
    color: #fff!important;
    ;
    text-decoration: none!important;
    font-weight: normal;
    display: inline-block;
    background-color: #2d343e;
    padding: 5px;
    border-radius: 3px;
}
#mdl_TopMCL .mcl0,
#mdl_TopMCL .mcl5,
#mdl_TopMCL .mcl1,
#mdl_TopMCL .mcl2,
#mdl_TopMCL .mcl3,
#mdl_TopMCL .mcl4 {
    margin-bottom: 5px;
    display: inline-block;
}
/* Immo */

.mdl_immo_selecteur {
    position: relative;
    width: 918px;
    margin-right: -40px;
}
.mdl_immo_selecteur table {
    width: 100%;
}
.mdl_immo_selecteur th {
    color: #be8f05;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #be8f05;
    font-size: 1.25em;
}
.mdl_immo_selecteur ul {
    margin: 0px;
    padding: 0px;
}
.mdl_immo_selecteur li {
    background-image: url(../images/interface/fleche.gif);
    background-position: left top;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 20px;
    padding-right: 40px;
    margin-bottom: 5px;
}
div.mdl_immo img.immo {
    background-color: #FFFFFF;
    padding: 6px !important;
    margin-right: 10px;
}
#centreetdroite .mdl_immo table .insertion,
#centre .mdl_immo table .insertion {
    display: block;
    text-align: center;
    background-color: transparent;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    margin-right: -3px;
}
p.bloc_tri {
    background-color: #544d47;
    color: white;
    padding: 5px;
}
p.bloc_tri a {
    color: white;
    font-weight: bold;
}
form.bloc_tri {
    background-color: #544d47;
    color: white;
    padding: 5px;
    text-align: right;
    margin-bottom: 5px;
}
tr.annonce {
    padding-top: 5px;
}
tr.annonce:hover {
    background-color: #fce8cd;
}
tr.annonce h4 {
    margin: 0px!important;
}
tr.annonce h4 a {
    color: #ff6600;
}
tr.annonce td {
    border-top: 1px #AFAFAF dotted;
    padding-top: 10px;
    padding-bottom: 10px;
}
td.footerannonce {
    background-color: #AFAFAF;
    padding-left: 2px;
    vertical-align: bottom;
}
td.footerannonce p {
    margin: 0px!important;
    padding: 0px!important
}
td.footerannonce a {
    background-color: #000000;
    color: #FFFFFF;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
div.prix {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 5px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    text-shadow: 0 0 5px #000;
}

.paragraphe .prix p {
    text-align: right;
}
div.mdl_modele_fiche h2 {
    text-align: right;
    margin: 0!important;
    margin-right: 18px!important;
}
div.mdl_modele_fiche h2 span {
    color: #fff;
    padding: 8px!important;
}
div.modeles_similaires {} div.modeles_similaires img {
    padding: 4px;
}
.mdl_ligne_cev {
    margin-bottom: 0!important;
}
.rechercher_modeles #frm_surface,
.rechercher_modeles #frm_nb_pieces,
.rechercher_modeles #frm_etage {
    width: 200px;
}
.rechercher_modeles td {
    width: 387px;
}
.prev_fred {
    background-image: url(../images/interface/prev_fred.png);
    height: 55px;
    width: 46px;
    display: block!important;
    position: absolute;
    top: 210px;
}
.next_fred {
    background-image: url(../images/interface/next_fred.png);
    height: 55px;
    width: 46px;
    display: block!important;
    position: absolute;
    top: 210px;
    right: 0px;
}
.pager a span {
    display: none;
}
.pager a {
    background-color: #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 40px;
    vertical-align: middle;
}
.pager a.selected {
    background-color: #97bf0d;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    line-height: 15px;
    vertical-align: middle;
}
#pager2 {
    position: absolute;
    width: 1920px;
    text-align: center;
    top: 400px;
}
#main-slider{
    padding-top:55px;
}

.cas th{
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    color: #00324c;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
}
.cas td{
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    color: #111;
}

.contain-pp{
  max-width:1140px;
  margin:0 auto;
}

.inverse {
    flex-direction: row-reverse;
}

.list-col-2-flex {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.list-col-2-flex > ul, .list-col-2-flex > div {
    width: calc(50% - 20px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
}

.contain-img {}

.paragraphe h2 {
    color: #b99d6b;
    /* text-align: left; */
    font-weight: 300;
    font-size: 28px;
    padding-bottom: 40px;
}

.paragraphe h2.margin0 {
    padding: 0;
}



.paragraphe .contain-pp.flex{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}

.paragraphe .contain-pp.flex.leftalign {
    justify-content: flex-start;
}

.bloc-etape {
    width: calc(33.3% - 20px);
    background-color: #6f6d6d54;
    margin: 10px;
    display: flex;
    height: 75px;
    min-width: 330px;
}

.bloc-etape div {
    width: calc(100% - 50px);
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bloc-etape div p {
    text-align: left;
    margin: 0;
}

.bloc-etape div h4 {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    line-height: 22px;
}

.bloc-etape p.number {
    margin: 0;
    width: 50px;
    height: 100%;
    background-color: var(--main-color);
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 5px;
    box-sizing: border-box;
}

.bloc-etape p.number:before,.bloc-etape p.number:after {
    content: '';
    position: absolute;
    display: flex;
    width: 7px;
    height: 75px;
    background-color: #fff;
    left: -2px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(25% 0, 0 0, 0 99%, 25% 100%, 100% 50%);
}

.bloc-etape p.number:after {
    right: -6px;
    left: auto;
    background-color: var(--main-color);
}

.contain-pp.flex.left p {
    width: 100%;
    text-align: left;
}

.contain-pp.flex.left ul {
    text-align: left;
    width: 100%;
}

.paragraphe .contain-pp .contain-picto{
  display:flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 135px;
  margin: 0 30px;
  align-items: center;
}

.paragraphe .contain-pp .contain-picto img {
    border: 2px
 dashed #fff;
    border-radius: 100px;
}

.paragraphe .contain-pp .contain-picto p{
  line-height:20px;
  margin-top: 15px;
}


.par_style_2 p{
  /* color:#fff; */
}

.par_fixe .contain-pp p{
  color: #fff;
  font-size: 30px;
  font-weight:700;
  margin-bottom: 20px;
  line-height: 34px;
}

.par_fixe .contain-pp a{
  background-color: var(--main-color);
  width: 200px;
  display: flex;
  height: 40px;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.par_fixe .contain-pp a:hover{
  background-color: var(--grey);
  color:#fff;
}

.paragraphe h3{
  position:relative;
  display: inline-block;
  text-align: left;
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 300;
}

#liste_lien_page_fille h3 {
    background-color: var(--main-color);
    border-radius: 3px;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    max-width: none;
    padding: 10px;
    width: 100%;
}

#liste_lien_page_fille a > div {
    display: none;
}

#liste_lien_page_fille h3:hover {
    background-color: var(--second-color);
}

#liste_lien_page_fille span, #liste_lien_page_fille a:hover h3 span {
    max-width: none;
    width: auto;
}

.paragraphe .simple_btn {
    color: #d4b587;
    font-weight: 600;
    font-size: 18px;
}

.paragraphe .item .simple_btn {
    text-align: left;
    display: flex;
    padding: 10px 0;
}

.paragraphe .left {
    display: flex;
    flex-direction: column;
}

.paragraphe .contain-equipe .left {
    padding: 0;
}

.paragraphe .contain-equipe .right {
    padding-left: 37px;
}

.paragraphe .section-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.paragraphe span {
    text-align: left;
    width: 100%;
}

.paragraphe p {
    text-align: justify;
}

p.margin0 {
    margin:0;
}

p.citation {
    font-style: italic;
}

.paragraphe > h3:before{
  content:'';
  display:block;
  position:absolute;
  width: 100px;
  height:2px;
  background-color: #fff;
  left: -120px;
  top: 18px;
}

.paragraphe > h3:after{
  content:'';
  display:block;
  position:absolute;
  width: 100px;
  height:2px;
  background-color: #fff;
  right: -120px;
  top: 18px;
}

h3 {
    bottom: 20px;
}

h3 {}
.par_style_2 h3{
  color:#fff;
  text-align:center;
  margin-bottom: 40px;
}

.paragraphe.par_style_2 h3:before{
  background-color:#fff;
}

.paragraphe.par_style_2 h3:after{
  background-color:#fff;
}

.paragraphe h4{
  font-weight:300;
  /* margin-bottom: 20px; */
  width: 100%;
}

.block_panel {
    display: none;
}

.block_panel.active {
    display: block;
}

.par_style_2 h4 {
    color: #fff;
}

.paragraphe h5{
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
}

.paragraphe .desc_produit h5 a {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    color: var(--main-color);
    font-size: 24px;
    font-weight: 300;
}

.paragraphe h5.title {
    text-align: left;
    margin-bottom: 10px;
}

.paragraphe h6{
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  margin-top:25px;
  font-weight:500;
}

.par_style_2 h5{
  /* color:#fff; */
}

.contain-pp a, .button_1{
    background-color: var(--main-color);
    width: auto;
    display: flex;
    height: 40px;
    color: #fff!important;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin: auto;
    padding: 10px;
}

.contain-pp a:hover, .button_1:hover {
    background-color: var(--second-color);
}

.contain-pp .contain-img {
    display: flex;
}

.par_style_2 .contain-pp a{
  color:#afbfc7;
}

.contain-pp a:hover{
  color:#bac;
}

.txt_intro{
  text-align: cenbter;
  line-height: 20px;
}

.containli{
  width: 351px;
  text-align: left;
  margin-top: 20px;
}

.containli:first-of-type, .containli:nth-of-type(3){
  margin-right: 25px;
  padding-right: 25px;
  border-right: 2px solid var(--main-color);
}

.containli.trois:nth-of-type(3) {
    border: none;
    margin-right: 0;
}

.containli.deux:nth-of-type(3), .containli.deux:nth-of-type(4){
  /* padding-top:25px; */
  margin-top: 50px;
}

.containli.deux:nth-of-type(3):before, .containli.deux:nth-of-type(4):before{
  content: '';
  display: flex;
  position: absolute;
  width: 95%;
  height:2px;
  background-color:var(--main-color);
  top: -25px;
}

.containli:nth-of-type(4):before{
  left:0px;
}

.containli:nth-of-type(2),.containli:nth-of-type(4){
  padding-left:25px;
  /* margin-top: 50px!important; */
}

.containli.solo{
  margin:0;
  padding:0;
  border:none;
  width: 301px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.contain-list{
  display:flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.contain-list .containli.solo{
  width: 425px;
}

.containli ul li{
  line-height: 16px;
  margin-bottom: 19px;
  list-style: none;
  position:relative;
  padding-left: 8px;
}


.containli ul li:before{
  content:'';
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  background-image: url(../images/interface/check.png);
  background-size:cover;
  top:0;
  left: -20px;
}

.par_style_2 .containli ul li:before{
  background-image: url(../images/interface/check_w.png);

}

.par_style_2 .containli ul li{
  color:#fff;
}

.containli.solo.largewidth{
  width:100%;
  display:flex;
  justify-content: center;
  /* border-bottom: 1px solid #fff; */
  flex-direction: column;
  align-items: center;
}

.containli.solo.largewidth:after{
  content:'';
  display:block;
  width: 200px;
  height: 1px;
  background-color: #fff;
  margin: 10px 0 30px 0;
}

.largewidth{
  width:100%;
}

.containli.trois{
  width: 32%;
  /* margin: 0; */
}

.containli.deux{
  width: 48%;
  /* margin: 0; */
  min-height: 310px;
  position: relative;
  margin-top: 25px;
  /* margin-bottom: 25px; */
}

.containli .ss-titre{
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  color:var(--main-color);
}

.containli.trois:first-of-type{
  margin-right: 2%;
}

.containli.trois:nth-of-type(2){
  padding-left: 25px;
  padding-right:25px;
  margin-right: 2%;
  border-right: 2px solid var(--main-color);
}

.containli.trois:nth-of-type(3){
  padding-left: 25px;
}

.contain-pp .contain-bloc{
  width: 100%;
  margin: 30px 1.5% 0;
  border: 2px solid var(--main-color);
  background-color: #bdcbd1;
  /* min-height: 250px; */
  display: flex;
}

.par_style_2 .contain-pp .contain-bloc {
    border: 2px solid #fff;
}

.contain-pp .contain-bloc > p{
  padding: 20px;
  margin-bottom: 0;
  /* background-color: #fff; */
  color: #333;
  line-height: 22px;
}

.contain-pp .contain-bloc .title{
  width: 240px;

  background-color:var(--main-color);
  padding: 10px 6px;
  min-height: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.par_style_2 .contain-pp .contain-bloc .title {
  background-color:#fff;
}

.par_style_2 .contain-pp .contain-bloc .p_txt, .contain-pp .contain-bloc .p_txt {
    width: calc(100% - 240px);
    text-align: left;
    padding: 20px;
    color: #000;
}

.par_style_2 .contain-pp .contain-bloc .p_txt p:last-child, .contain-pp .contain-bloc .p_txt p:last-child {
    margin: 0;
}

.par_style_2 .contain-pp .contain-bloc .p_txt p, .par_style_2 .contain-pp .contain-bloc .p_txt ul li {
    color: #000;
    line-height: 20px;
}

.par_style_2 .contain-pp .contain-bloc .title h4{
  margin:0;
  font-size: 22px;
  font-weight: 500;
  color: #000;
}

.contain-pp .contain-bloc .title h4 {
    color: #fff;
    margin: 0;
}

.contain-pp .contain-bloc .title p{
  color:#333;
  margin: 0;
  line-height: 20px;
  color: #fff;
}

.par_style_2 .contain-pp .contain-bloc .title p {
    color: #333;
}

.contain-blocimg{
  width:30%;
  margin: 30px 1.5% 0;
  border:2px solid #fff;
  background-color: #f5f5f5;
  overflow: hidden;
}

.contain-blocimg .contain-img{
  width:100%;
}

.contain-blocimg .contain-img iframe {
    border: none;
    width: 100%;
}

.contain-blocimg .contain-img img{
  width:100%;
  height:auto;
}

.contain-blocimg .title{
  padding:10px;
  background-color:var(--main-color);
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contain-blocimg .title h4{
  font-size: 20px;
  color:#fff;
  margin-bottom: 0;
}


.contain-blocimg .contain-txt{
  padding:20px;
}

.contain-blocimg .contain-txt ul{
  margin-left:20px;
}

.contain-blocimg .contain-txt ul li{
  line-height: 16px;
  margin-bottom: 19px;
  list-style: none;
  position:relative;
  padding-left: 8px;
  text-align:left;
}


.contain-blocimg .contain-txt ul li:before{
  content:'';
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  background-image: url(../images/interface/check.png);
  background-size:cover;
  top:0;
  left: -20px;
}

.paragraphe .contain-pp .contain-picto.little{
  margin: 0 10px;
}

.paragraphe .contain-pp .contain-picto.little .date{
  font-size: 14px;
  font-weight:500;
}

.paragraphe .contain-pp .contain-picto.little img{
  width: 70px;
  height:auto;
}

.marginbt10{
  margin-bottom:10px;
}

.marginbt20{
  margin-bottom:20px;
}

.marginbt30{
  margin-bottom:30px;
}

.marginbt40{
  margin-bottom:40px;
}

.marginbt50{
  margin-bottom:50px;
}

.marginbt60{
  margin-bottom:60px;
}

.marginbt70{
  margin-bottom:70px;
}

.marginbt80{
  margin-bottom:80px;
}

.marginbt90{
  margin-bottom:90px;
}


.marginbt100{
  margin-bottom:100px;
}

a.contain-programme{
  color:#fff;
  background-color:var(--main-color);
  padding:10px;
  border-radius:3px;

}

a.contain-programme:hover{
  color:#fff;
  background-color:#000;
  padding:10px;
  border-radius:3px;

}

.flexvalign{
  display:flex;
  align-items: center;
}

.button-encre a{
  width: 180px;
  padding: 5px 10px;
  background-color: var(--main-color);
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  margin: 0 10px 10px;
  border-radius: 3px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  min-height: 45px;
}

.button-encre a:hover{
  background-color:#4c99ab;
  color:#fff;
}

#list_real{
  display:flex;
  flex-wrap: wrap;
  width: 100%;
}

#list_real a {
    width: 200px;
    height: 200px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin: 10px 20px 10px 0;
}

#list_real a img {
    width: auto;
    height: auto;
    /* min-width: 100%; */
    /* min-height: 100%; */
    /* overflow-clip-margin: unset; */
    /* overflow: hidden; */
    max-width: 150%;
    max-height: 150%;
}

#paragraphe423 .mdl_formulaire fieldset{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#paragraphe423 .mdl_formulaire fieldset p {
    width: calc(50% - 10px);
    margin-bottom: 0;
}

#paragraphe423 .mdl_formulaire fieldset p .submit {
    width: auto!important;
      color: #fff!important;
    background-color: var(--main-color);
    font-size: 16px!important;
    padding: 10px 15px;
    cursor: pointer;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    border: var(--main-color) 1px solid;

}

#paragraphe423 .mdl_formulaire fieldset p .submit:hover{
 background-color:#fff;
 color: var(--main-color)!important;
}

#paragraphe423 .mdl_formulaire fieldset p:nth-child(8), #paragraphe423 .mdl_formulaire fieldset p:nth-child(9) {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
}

#paragraphe423 .mdl_formulaire fieldset p:nth-child(10), #paragraphe423 .mdl_formulaire fieldset p:nth-child(11) {
    width: 100%;
}

#paragraphe423 .mdl_formulaire fieldset p textarea {
    width: 100%;
    padding: 10px;
}

#paragraphe423 .mdl_formulaire fieldset p:nth-child(8) label {
    display: flex;
    width: 100%;
    font-size: 18px;
}

#paragraphe423 .mdl_formulaire fieldset p input {
    display: inline-block;
    width: 100%!important;
    box-sizing: border-box;
    padding: 6px 6px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    /* border-radius: 4px; */
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0px!important;
    font-family: "Sen", sans-serif;
}

#paragraphe423 .mdl_formulaire fieldset p input[type=checkbox] {
  width: auto!important;
  margin-right: 5px;
  margin-left: 24px;
}

#paragraphe423 .mdl_formulaire fieldset p:nth-child(8) input:nth-child(2) {
    margin-left: 0;
}

#paragraphe426 .mdl_formulaire fieldset{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#paragraphe426 .mdl_formulaire fieldset p {
    width: calc(50% - 10px);
    margin: 0!important;
}

.about-boxes .item{
    width: 50%;
}

.about-boxes.one-col .item {
    width: 100%;
    padding: 0;
}

#centreetdroite div.paragraphe .about-boxes.one-col .item .flex-lign {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    list-style: none;
    gap: 30px;
    margin: 0;
    width: 100%;
    padding: 20px 0px 0;
}

.about-boxes.one-col .item .flex-lign li {
    width: calc(25% - 23px);
    /* padding: 10px; */
    text-align: center;
    border: 2px solid #d4b587;
}

.about-boxes.one-col .item .flex-lign li span:first-child {
    background-color: #d4b587;
    font-weight: 500;
    width: 100%;
    display: flex;
    padding: 5px;
    text-align: center;
    justify-content: center;
}

.about-boxes.one-col .item .flex-lign li span {
    padding: 5px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.paragraphe .about-boxes .item h5 {
    text-align: left;
}

.about-boxes .item ul {
    list-style: disc;
}

.about-boxes .item ul li {
    padding-bottom: 10px;
}

.contain-equipe{
    display:flex;
    gap: 70px;
    flex-wrap: wrap;
}

.contain-equipe .client.t100 {
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    color: #d4b587;
    margin-top: 0;
    text-align: center;
    border-top: 1px solid #d4b587;
    padding: 0;
    padding-top: 10px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 15px;
}

.contain-equipe .client.t100 span {
    text-transform: none;
    font-size: 14px;
    text-align: right;
}

.contain-equipe .section-outer{
    width: calc(50% - 35px);
}

.contain-equipe .section-outer .uk-flex {
    margin: 0;
    display: flex;
    align-content: space-between;
    justify-content: space-around;
    align-items: stretch;
    height: 100%;
}

.contain-equipe  .item.client-box.style-one > .outer > .inner .description:before {
    display: none;
}

.contain-equipe .section-outer .item.client-box.style-one > .outer > .inner .description {
    font-size: 15px;
}

.paragraphe .contain-equipe  h4 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0;
}

.contain-equipe .item.client-box img {
    width: 100%;
    display: flex;
    position: relative;
}

.list_actu{
    display:flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    width: calc(100% - 410px);
}

.para_actu {
    display: flex;
    flex-direction: row-reverse;
    gap: 40px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.filter_actu {
    width: 370px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 25px;
    position:sticky;
    top:0;
}

.filter_actu > div {
    width: 100%;
    border: 1px solid #e6e5e1;
    padding: 40px 60px;
    text-align:left;
}

.cat_actu ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--main-color);
    font-size: 22px;
    width: 100%;
    /* display: flex; */
    padding: 0;
    margin: 0;
    bottom: auto;
    line-height: 30px;
    margin-bottom: 30px;
}

.cat_actu ul li span {
    color: var(--second-color);
    font-size: 15px;
    padding-left: 8px;
}

.cat_actu ul {
    margin: 0;
}

.recherche_actu input[type="text"] {
    border: 0;
    border-bottom: 1px solid #e6e5e1;
    padding: 10px 5px;
    font-size: 17px;
    color: var(--main-color);
}

.recherche_actu input[type="submit"] {
    background-color: var(--second-color);
    border: none;
    padding: 14px;
    width: 180px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
}

.recherche_actu p {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.filter_actu > div h3 {
    text-transform: uppercase;
    font-weight: 300;
    color: var(--main-color);
    font-size: 22px;
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    bottom: auto;
    line-height: 30px;
    margin-bottom: 30px;
}

.block_list_actu {
    width: calc(50% - 15px);
    background-color: #fff;
    box-shadow: 0 0 10px #0000001a;
}

.block_list_actu .center_actu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.block_list_actu .center_actu .contain_img {
    height: 230px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
    width: 100%;
}

.block_list_actu .center_actu .contain_img img {
    object-fit: cover;
    height: 100%;
    display: flex;
}

.block_list_actu .center_actu img {
    width: 100%;
}

.b-main-filter{
    background: none;
}

.b-main-filter__cat-item {
    background-color: var(--main-color);
    margin: 0;
    width: calc(33.3% - 25px);
    padding: 35px;
}

.x2 a.b-main-filter__cat-item {
    width: calc(50% - 15px);
    padding: 0;
    max-height: 270px;
    position: relative;
    display: flex;
    /* justify-content: flex-end; */
    /* align-content: flex-start; */
}

.x2 .b-main-filter__cat-item .contain-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: flex-end;
    gap: 25px;
    padding: 47px 35px;
}

.x2 .b-main-filter__cat-item:nth-child(2) .contain-txt {
    display: flex;
    justify-content: flex-end;
}

.x2 .b-main-filter__cat-item:nth-child(2) .contain-txt h4 {
    text-align: right;
}

.x2 .b-main-filter__cat-item .contain-txt h4 {
    text-align: left;
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.x2 .b-main-filter__cat-item .contain-img {
    width: 100%;
    height: auto;
    background-color: #000;
}

.x2 .b-main-filter__cat-item .contain-img img {
    opacity: 0.75;
}

.call-register > div {
    padding: 0;
}

.b-main-filter__cat-item .contain-txt {
    border: none;
    display: flex;
    justify-content: center;
    align-content: space-between;
}

.b-main-filter__cat-item:hover .contain-txt {
    background-color: transparent;
}

.b-main-filter__cat-item .contain-txt li, .b-main-filter__cat-item .contain-txt p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    line-height: 23px;
    margin: 0;
}

.b-main-filter__cat-item .contain-txt li {
    position: relative;
}

.b-main-filter__cat-item .contain-txt ul, .b-main-filter__cat-item .contain-txt p:nth-child(2) {
    min-height: 138px;
}

.x2 .b-main-filter__cat-item .contain-txt p:nth-child(2) {
    min-height: auto;
}

.x2 .b-main-filter__cat-item:hover .button {
    background-color: var(--second-color);
}

.b-main-filter__cat-item .contain-txt li:before {
    content: '';
    content: '\f00c';
    display: flex;
    color: #fff;
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    left: -18px;
    top: 5px;
}

.b-main-filter__cat-item .contain-txt h4, .b-main-filter__cat-item .contain-txt h4 a {
    text-align: center;
    font-weight: 300;
    color: var(--second-color);
    font-size: 20px;
    margin-bottom: 16px;
}

.b-main-filter__cat {
    margin: 0;
    gap: 29px;
}

.b-main-filter.bg-section:after {
    display: none;
}

.vertical{
    display:flex;
    flex-direction: row;
    width: calc(66.6% - 20px);
    margin: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 33px;
}

.section-article .title-flex {
    padding: 0;
}

.section-article .title-flex h2 {
    margin: 0;
}

.vertical > div {
    padding: 0;
}

.b-post {
    display: flex;
    flex-direction: row;
    background-color: #b99d6b2e;
    padding: 40px;
    gap: 40px;
}

.user_page h3{
    color:var(--main-color);
    text-align:left;
    margin: auto;
    width: 100%;
    font-size: 20px;
    padding-bottom: 0;
    display: flex;
    margin: 0;
    bottom: 0;
}

.user_page form {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.user_page form .contain-calc {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: row;
}

.user_page form .contain-calc .top-calc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--main-color);
}

.user_page form .contain-calc  .contain-encart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.user_page form .contain-calc .contain-encart .encart-loyer-actuel {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 10px;
}

.user_page form .contain-calc .contain-encart .encart-loyer-actuel p {
    width: 100%;
    margin: 0;
}

.user_page form .contain-calc .top-calc > div {
    width: 100%;
    display: flex;
}

.user_page form .contain-calc .top-calc > div p {
    min-width: 400px;
    margin: 0;
}

.b-post-3 .entry-media {
    height: auto;
    width: 250px;
    height: 200px;
    margin: 0;
}

.entry-main {
    width: calc(100% - 290px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
}

.b-post-3 .entry-title {
    font-weight: 300;
    font-size: 24px;
    color: var(--main-color);
    font-family: "Sen", sans-serif;
    margin-bottom: 12px;
    margin: 0;
}

.b-post-3 .entry-title a {
    color: var(--main-color);
}

.b-post-3  .entry-content {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 14px;
}

.bloc2 {
    width: calc(33.3% - 20px);
    margin: 0;
    gap: 30px;
}

.bloc2 div {
    background-color: var(--main-color);
    width: 100%;
    height: auto;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bloc2 form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bloc2 input:first-child {
    width: 100%;
    height: 50px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    margin-bottom: 20px;
    font-size: 15px;
}

.bloc2 input::placeholder {
    color: #fff;
}

.bloc2 div.contain-newsletter {
    gap: 32px;
}

.bloc2 div.contain-atelier {
    gap: 23px;
}

.bloc2 div h4 {
    text-align: center;
    font-weight: 300;
    color: var(--second-color);
    font-size: 24px;
}

.bloc2 div p {
    color: #fff;
    max-width: 180px;
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.section-article {}

.section-article > div {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}

.bg-blue{
    background-color:var(--main-color);
    padding: 30px;
}

.section-qsn .bg-blue {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
}



.b-services {
    background: var(--main-color);
    padding: 45px 0;
}

.b-services .row {
    gap: 40px 0;
}

.section-qsn .txt-left {
    width: calc(100% - 210px);
}

.section-qsn > div {
    padding: 45px 0;
}

.contain-links div {
    width: calc(33.3% - 27px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.contain-links h2 {
    width: 100%;
    text-align: center;
}

.contain-links div a {
    width: auto;
    height: auto;
    border-radius: 0;
    height: auto;
    line-height: 20px;
    padding: 15px 38px;
}

a.button {}

.section-qsn .txt-left p {
    font-style: italic;
    font-size: 16px;
}

.or {
    color: var(--second-color);
}

.section-qsn .txt-right {
    width: 190px;
}

.section-qsn .txt-right img {
    width: 100%;
    height: auto;
}


.section-qsn .bg-blue p {
    color: #fff;
    font-size: 18px;
}

.section-qsn .bg-blue img {
    width: 200px;
    margin-bottom: 20px;
}

.footer{
    background: transparent;
    padding: 0;
}

.footer .flexcenter {
    max-width: none;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer .flex-right {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}

.footer .flex-right {
    text-align: right;
}

.footer-hours {
    margin: 0;
}

.footer-copyright {
    margin: 0;
}

.footer-copyright > div {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 30px;
}

.footer-copyright img {
    width: 200px;
}

.footer p, .link_footer ul li, .link_footer ul li a {
    color: var(--main-color);
    font-size: 18px;
    border-right-color: var(--second-color);
}

.link_footer ul li {}

.footer-hours a {
    color: var(--second-color);
}

.footer-section__title {
    color: var(--main-color);
}

.footer .footer-soc {
    margin: 0;
}

.footer-soc__link {
    background-color: var(--second-color);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.footer-soc__item:not(:last-child) .footer-soc__link {
    padding: 0;
}

.footer p {
    margin: 0;
}

#liste_lien_page_fille a{
    height: auto!important;
    font-size: 19px;
    width: auto;
    margin: 0;
    max-width: none;
    display: flex;
}

.contact-box{
    background-color:var(--main-color);
    width: calc(33.3% - 13px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 17px;
    height: 220px;
    border-radius: 4px;
}

.contact-box span, .contact-box p, .contain-pp .contact-box a {
    background-color: transparent;
    color: var(--second-color)!important;
    width: auto;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.contact-box span {
    font-size: 28px;
}

.heightauto{
  justify-content: center;
}

.mdl_formulaire{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mdl_formulaire form {
    width: 100%;
}

.mdl_formulaire form fieldset {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 11px;
}

.mdl_formulaire input {
    border: none;
    border-bottom: 1px solid var(--second-color);
    font-size: 16px;
}

.mdl_formulaire input.submit {
    background-color: var(--main-color);
    width: auto;
    display: flex;
    height: 40px;
    color: #fff !important;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin: auto;
    padding: 10px;
    border: none;
    transition: 0.5s ease all;
}

.mdl_formulaire input.submit:hover {
    background-color: var(--second-color);
}

.mdl_formulaire h3 {
    color: #b99d6b;
    text-align: center;
    font-weight: 300;
    font-size: 28px;
    padding-bottom: 40px;
    width: 100%;
}

#fiche_panier_add{
    display: flex;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}

.right_produit {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

.categorie_fiche {
    padding: 10px 0 20px;
}

.categorie_fiche a {
    color: var(--second-color);
}

.right_produit h3 {
    font-size: 35px;
    color: var(--main-color);
    font-weight: 600;
    width: calc(100% - 200px);
}

.right_produit .prix_fiche {
    font-size: 35px;
    color: var(--main-color);
    width: 200px;
    display: flex;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
}

.contain-part{
    display:flex;
    flex-wrap: wrap;
    gap: 20px;
}

.contain-part .bloc-part {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.contain-part .bloc-part:nth-child(2n) {
    display: flex;
    flex-direction: row-reverse;
}

.contain-part .bloc-part .image-part {
    width: 150px;
}

.contain-part .bloc-part .txt-part {
    width: calc(100% - 170px);
    display: flex;
    align-items: center;
}

.contain-part .bloc-part .image-part img {
    width: 100%;
}

.swiper{
    /* overflow: unset!important; */
}

.swiper-wrapper {
    /* overflow: hidden; */
}

.swiper-backface-hidden .swiper-slide {
    height: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    /* left: var(--swiper-navigation-sides-offset, -40px)!important; */
    /* right: auto; */
    bottom: 0px;
    height: 30px!important;
    top: auto!important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    /* right: var(--swiper-navigation-sides-offset, -40px)!important; */
    /* left: auto; */
    top: auto!important;
*/
    bottom: 0px;
    height: 30px !important;
*/
    bottom: 0px;
*/
    bottom: 0px;
    bottom: 0;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 20px!important;
    color: #a6a6a6;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 20px!important;
    color: #a6a6a6;
}

.swiper-pagination-bullet-active{
    background-color: var(--main-color)!important;
}

.bloc0 p a, .bloc1 p a{
    font-size: 20px;
}

.bloc0 p , .bloc1 p {
    margin-bottom: 5px;
}

.bloc0 , .bloc1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #0000001a;
    margin-bottom: 44px;
}

.contain_search {
    padding-bottom: 45px;
}

.search_title {
    bottom: auto;
    color: var(--main-color);
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    /* margin-top: 40px!important; */
    padding-bottom: 20px!important;
}

.bloc0 .ariane, .bloc1 .ariane {
    text-align: left;
    opacity: 0.5;
    margin-bottom: 20px;
}

@media screen and (min-width: 1170px) {
    body {
        overflow-x: hidden;
    }
    #menu_haut > ul > li:hover > ul {
        left: 0;
        top: calc(100%);
        opacity: 1;
        width:250px;
        padding: 8px 0!important;
    }

    .extend {
        display: none!important;
    }
}
#totop {
    /* display: none; */
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    /* text-indent: -999px; */
    /* background-image: url(../images/interface/uitotop.png); */
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 900000;
    background-color: var(--main-color);
    display: flex!important;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#totop:before {
    font-size: 20px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#totop:hover {
    /* background: url(../images/interface/uitotop.png) no-repeat left -51px; */
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    cursor: pointer;
    background-color: var(--second-color);
}
.prevnext {
    font-size: 1.1em;
    color: #3c3c3c;
    margin: 0;
    margin-top: 20px;
    padding: 2px;
}

.prevnext p {
    text-align: center;
}
.prevnext a {
    font-style: normal;
    background-color: #b99d6b26;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    margin: 5px;
    color: var(--main-color);
    line-height: 35px;
    /* border: 1px solid var(--main-color); */
    -webkit-border-radius: ;
    -moz-border-radius: 35px;
    border-radius: 35px;
    text-decoration: none;
    font-weight: 300;
}
.prevnext a:first-child {
    margin-left: 0px;
}
.prevnext a:hover,
.prevnext a.selected {
    color: #FFFFFF;
    background-color: #b99d6b;
    /* border: 1px solid var(--main-color); */
}
label {
    display: none;
}

form p:last-child {
    margin: 0px!important;
}

form p.unavalaible {
    padding: 10px;
    background-color: #0000001c;
    margin-top: 20px!important;
}

.par_style_1 .mdl_formulaire label{
    display:block;
}
.par_style_1 .mdl_formulaire p{
    padding:0 15px;
}
.par_style_1 .mdl_formulaire p:nth-child(1),
.par_style_1 .mdl_formulaire p:nth-child(2),
.par_style_1 .mdl_formulaire p:nth-child(3){
    display:inline-block;
    width:33.33333%;
}
.par_style_1 .mdl_formulaire{
    margin-left:-15px;
    margin-right:-15px;
}
a.infobulle {
    position: relative;
    z-index: 24;
    color: #000;
    text-decoration: none;
    border: none;
}
a.infobulle,
a.infobulle img {
    border: none;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
a.infobulle img{
    box-sizing:content-box;
}
a.infobulle:hover {
    background: none;
    z-index: 25
}
a.infobulle span {
    display: none
}
a.infobulle:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 3em;
    padding: 2px;
    width: 20em;
    border: 1px solid #7F9DB9;
    background-color: #EDEDED;
    color: #000000;
    text-align: left;
    font-size: 0.8em;
    font-weight: normal;
}
.par_style_1 .mdl_formulaire input[type="submit"]{
    background-color: var(--main-color);
    color:#fff;
    border:0px;
    padding:10px 15px;
    text-transform:uppercase;
    font-size:16px;
}
.par_style_1 .mdl_formulaire input[type="text"],
.par_style_1 .mdl_formulaire select,
.par_style_1 .mdl_formulaire textarea{
      display: inline-block;
  width: 100%!important;
  box-sizing:border-box;
  padding: 6px 6px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  /* border-radius: 4px; */

  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom:0px!important;
  font-family: "Sen", sans-serif;
  padding: 10px 15px!important;
}
.par_style_1 .mdl_formulaire p:nth-child(5),
.par_style_1 .mdl_formulaire p:nth-child(4){
width:50%;
display:inline-block;
}
.par_style_1 h3{
    padding:0 15px;
}
.par_style_1 .mdl_formulaire p:nth-child(7){
    text-align:left;
}

 /*********************** footer **************************/



#conteneur_pied > div .l-project > span
{
    display:block;
}
#pied .seperator {
    margin-left: 25px;
    margin-top: 15px;
}
#pied .seperator:after {
    width: 82px;
    right: -92px;
}
#pied  {
    position: relative;
}

#conteneur_pied > div:nth-child(2) a {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 20px;
}
#conteneur_pied > div:nth-child(2) a i.fa {
    position: absolute;
    top: 3px;
    left: 0px;
}
.subfooter {
    background: #0b0b0b;
    padding: 30px 0 20px 0;
    margin-top:30px;
}
.subfooter a{
    margin-left:10px;
}


p.footer
{
    color:#525252 !important;
    font-size:12px !important;
    margin:10px 0px 0px;
}

#conteneur_pied > div ul li{
        padding: 0 0 5px 0;
    margin: 0;
    background: none;
    border-bottom-color: #222;
    border-bottom: solid 1px #222;
}
    address span {
    display: block;
    border-bottom:solid 1px #222;
    padding-bottom:5px;
    margin-bottom:5px;

    font-weight:300;
    }
    address span strong {
    display: inline-block;
    width:60px;
    color: #febf27;
}
#conteneur_pied > div li:hover {
    color: #fff;
}
#conteneur_pied > div ul li a:hover, footer .copy-right a:hover{
    color:#fff;
}
address {
    margin: 0;
    margin-top: 20px;
}
.l-post .row {
    margin-bottom: 20px;
}
#conteneur_pied > div .l-container {
    padding: 0px 8px 8px 0px;
}
#conteneur_pied > div .latest-project {
    position: relative;
}

#conteneur_pied > div #mail , footer .copy-right a{
    color:#8b8b8b;
}

.h2-steps-area {
  background: #fafafa none repeat scroll 0 0;
  padding: 60px 0 60px;
}

.intervention_section {
    background: #fafafa;
}

.intervention_section .container {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intervention_section .container .row {
    display: flex;
    justify-content: center;
}

.intervention_section .container .row.contain {
    max-width: 1140px;
}

.h2-step-all-box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.intervention_section .h2-step-all-box {
    display: flex;
    justify-content: center;
    width: calc(170px * 5);
}

.h2-step-box {
  -moz-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  -o-flex: 1 1 25%;
  -webkit-box-flex: 1;
  flex: 1 1 20%;
  margin: 0 0 30px;
  padding: 0 15px;
  position: relative;
  text-align: center;
}

.intervention_section .h2-step-box {
    width: 170px;
    flex: none;
    /* min-width: 100px; */
    padding: 0;
}

.h2-step-box::after {
  background-image: url("../images/interface/arrow-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 69%;
  position: absolute;
  top: 0px;
  width: 197px;
}

.intervention_section .h2-step-box::after {
    display: none;
}

.h2-step-box:nth-child(2n+2)::after {
  background-image: url("../images/interface/arrow-2.svg");
  top: 55px;
}

.h2-step-box:last-child::after {
  display: none;
}

.h2-step-box .icon {
  margin: 0 0 17px;
}

.h2-step-box .icon span {
  border: 1px dashed var(--grey);
  border-radius: 100px;
  color: var(--main-color);
  display: inline-block;
  font-size: 38px;
  height: 80px;
  line-height: 78px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 80px;
}

.intervention_section .h2-step-box .icon span {
    border-color: #fff;
    color: #fff;
}

.h2-step-box .icon span:before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-size: cover;
}

.h2-step-box .icon .picto_1:before{
    background-image: url("../images/interface/pictos_1.png");
}

.h2-step-box:hover .icon .picto_1:before {
     background-image: url("../images/interface/pictos_1_b.png");
}

.h2-step-box .icon .picto_2:before{
    background-image: url("../images/interface/pictos_2.png");
}

.h2-step-box:hover .icon .picto_2:before {
     background-image: url("../images/interface/pictos_2_b.png");
}

.h2-step-box .icon .picto_3:before{
    background-image: url("../images/interface/pictos_3.png");
}

.h2-step-box:hover .icon .picto_3:before {
     background-image: url("../images/interface/pictos_3_b.png");
}

.h2-step-box .icon .picto_4:before{
    background-image: url("../images/interface/pictos_4.png");
}

.h2-step-box:hover .icon .picto_4:before {
     background-image: url("../images/interface/pictos_4_b.png");
}

.h2-step-box .icon .dep69:before{
  font-weight:900;
  content:'69';
}

.h2-step-box .icon .dep38:before{
  font-weight:900;
  content:'38';
}
.h2-step-box .icon .dep73:before{
  font-weight:900;
  content:'73';
}
.h2-step-box .icon .dep74:before{
  font-weight:900;
  content:'74';
}

.h2-step-box .icon .dep26:before{
  font-weight:900;
  content:'26';
}


.h2-step-box .icon .dep42:before{
  font-weight:900;
  content:'42';
}

.h2-step-box .icon .dep13:before{
  font-weight:900;
  content:'13';
}
.h2-step-box .icon .dep77:before{
  font-weight:900;
  content:'77';
}
.h2-step-box .icon .dep21:before{
  font-weight:900;
  content:'21';
}

.h2-step-box .icon .dep33:before{
  font-weight:900;
  content:'33';
}

.h2-step-box:hover .icon span {
  background: var(--main-color) none repeat scroll 0 0;
  border-color: var(--main-color);
  border-style: solid;
  color: #fff;
}

.h2-step-box .content {}

.h2-step-box .content .title {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 25px;
  margin: 0 0 4px;
}

.intervention_section .h2-step-box .content .title {
    font-size: 16px;
    color: #fff;
    /* white-space: pre; */
    /* letter-spacing: 0px; */
    text-align: center;
    /* display: flex; */
    /* justify-content: center; */
}

.h2-step-box .content .text {
  color: #333333;
  line-height: 24px;
}

.service-area {
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 95px 0 90px;
}

.service-area .container {
    position: relative;
    z-index: 3;
}

.service-area .container {}


.single-service {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  min-height: 580px;
}

.single-service .img {
    height: 270px;
}

.single-service .img a {
  display: block;
  position: relative;
}

.single-service .img a::before {
  background: var(--main-color) none repeat scroll 0 0;
  border-radius: 3px 3px 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.single-service:hover .img a::before {
  opacity: 0.6;
}

.single-service .img a::after {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  color: #333;
  content: "\f0c1";
  font-family: 'FontAwesome';
  font-size: 20px;
  font-weight: 900;
  height: 50px;
  left: 50%;
  line-height: 50px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 50px;
}

.single-service:hover .img a::after {
  opacity: 1;
  visibility: visible;
}

.single-service .img a img {}

.single-service .content {
  background: #fff none repeat scroll 0 0;
  padding: 20px 26px 26px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.single-service .content .title {
  color: #333333;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 25px;
  margin: 0 0 8px;
  text-transform: uppercase;
  min-height: 84px;
}

.single-service .content p {
  color: #333333;
  line-height: 19px;
  padding: 0 0 8px;
}


.single-service .content .order-more {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 0;
  position: relative;
}



.single-service .content .order-more a {
  color: #333333;
  -moz-flex: 1 1 40%;
  -ms-flex: 1 1 40%;
  -o-flex: 1 1 40%;
  -webkit-box-flex: 1;
  flex: 1 1 40%;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 7%;
  padding: 12px 0;
  text-align: center;
}

.single-service .content .order-more .order {
  border: 1px solid var(--main-color);
  border-radius: 3px;
}

.single-service .content .order-more .order:hover {
  background: var(--main-color) none repeat scroll 0 0;
  color: #fff;
}

.single-service .content .order-more .more {}

.single-service .content .order-more .more:hover {
  color: var(--main-color);
}

.service-carousel .owl-dots {
  margin: 47px 0 0;
  text-align: center;
}

.service-carousel .owl-dots .owl-dot {
  background: #333333 none repeat scroll 0 0;
  border-radius: 100px;
  display: inline-block;
  height: 8px;
  margin-right: 17px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 8px;
}

.service-carousel .owl-dots .owl-dot.active {
  background: var(--main-color) none repeat scroll 0 0;
}
/*H2 Counter*/

.h2-counter-area {
  background-image: url("../images/interface/counter-bg.jpg");
  background-attachment: fixed;
  background-size: cover;
}
.bg-with-black {
  position: relative;
  z-index: 2;
}

.counter-area {
    padding: 95px 0 65px;
}

.counter-area .container {
    position: relative;
    z-index: 3;
}


.counter-area .section-title {}

.counter-area .section-title h2 {
  color: #fff;
}

.all-counter {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.counter-box {
  -moz-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  -o-flex: 1 1 25%;
  -webkit-box-flex: 1;
  /* flex: 1 1 25%; */
  margin: 0 0 30px;
  text-align: center;
  position: relative;
  width: 300px;
}

.counter-box::after {
  background: #91908d none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.counter-box:last-child::after {
  display: none;
}

.counter-box .counter {
  color: var(--main-color);
  font-family: "Sen", sans-serif;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 44px;
}

.counter-box .text {
  color: #fff;
  font-family: "Sen", sans-serif;
  font-size: 18px;
  line-height: 25px;
  margin: 2px 0 0;
}

.bg-with-black::before {
  background: var(--main-color) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.counter-area::before {
  opacity: 0.8;
}
.h2-counter-area .section-title h3{
  color: #fff;
  font-size: 30px;
  text-align: left;
  line-height: 35px;
}

.h2-counter-area .section-title p {
    text-align: justify;
    color: #fff;
}
.h2-consulting-area {
  background: #fafafa none repeat scroll 0 0;
  padding: 95px 0 100px;
}

.paragraphe .h2-consulting-area {
    background-color: transparent;
    padding-top: 10px;
}

.h2-consulting-area img{
  max-width:100%;
}
.h2-single-top-agency {
  background: #fff none repeat scroll 0 0;
}

.h2-register-area {background: #f2f2f2 none repeat scroll 0 0;padding: 100px 0 38px 0;}

.h2-register-area::before {
  opacity: 0.7;
}

.h2-register-left {
  margin: 0 0 30px;
}

.h2-register-left a{
  color: var(--main-color);
}

.h2-register-left a:hover{
  color: #091d20;
}

.h2-register-left .title {
  color: var(--main-color);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 50px;
  margin: 0 0 39px;
}

.h2-register-area h3 {
    color: var(--main-color);
    font-weight: 500;
}

.h2-register-left .title span {
  color: var(--main-color);
  font-family: "Sen", sans-serif;
}

.h2-register-left .title-2 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 11px;
}

.h2-register-left .phone {
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 8px;
}

.h2-register-left .email {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 33px;
}

.h2-register-left .social {
  list-style: outside none none;
  padding: 0;
}

.h2-register-left .social li {
  display: inline-block;
}

.h2-register-left .social li a {
  background: #00324c none repeat scroll 0 0;
  border-radius: 100px;
  color: #ffffff;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  text-align: center;
  width: 40px;
  padding-top:10px;
}
.cf-msg {
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}

.cf-msg p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: #fff;
  text-transform: capitalize;
}

.cf-box {
  margin: 0 0 22px;
}

.cf-box input[type="text"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  color: #687377;
  font-size: 14px;
  height: 62px;
  letter-spacing: 0;
  padding: 0 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.cf-box input[type="text"]:focus {
  background: #fff none repeat scroll 0 0;
  border: 1px solid var(--main-color);
}

.cf-box textarea {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  color: #687377;
  font-size: 14px;
  height: 248px;
  letter-spacing: 0;
  line-height: 52px;
  padding: 0 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.cf-box textarea:focus {
  background: #fff none repeat scroll 0 0;
  border: 1px solid var(--main-color);
}

.cf-box .cont-submit {
  background: #f2f2f2 none repeat scroll 0 0;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  color: #333333;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  outline: medium none;
  padding: 22px 42px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.cf-box .cont-submit:hover {
  background: var(--main-color) none repeat scroll 0 0;
  border-color: var(--main-color);
  color: #fff;
}

.question-form-img {
  text-align: right;
}

.question-form-img img {}

.h2-register-left .social li a:hover {
  background: var(--main-color) none repeat scroll 0 0;
  color: #fff;
}

.h2-register-form-area {
  padding: 0;
}

.h2-register-form-area .cf-box input[type="text"] {}

.h2-register-form-area .cf-box textarea {}

.h2-register-form-area .cf-box .cont-submit {
  background: #fff none repeat scroll 0 0;
  border-color: #fff;
  color: var(--main-color);
}

/*H2 Footer*/

.h2-footer {
  background: #ffffff none repeat scroll 0 0;
  border-top: 1px solid #e1e1e1;
  padding: 15px 0;
}

.h2-footer .row {
    display: flex;
    align-items: center;
}

.h2-footer-left img {
    width: 100%;
    height: auto;
}

.h2-footer-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.h2-footer-left a {
    color: var(--main-color);
    font-size: 20px;
    margin-bottom: 7px;
}

.h2-footer-left p {
    text-align: center;
}

.h2-footer-left p,
.h2-footer-left p a {
  color: #000;
  font-family: "Sen", sans-serif;
  font-size: 16px;
  line-height: 28px;
  margin-bottom:0px;
}

.h2-footer-left p {}

.h2-footer-left p a {
  color: var(--main-color);
}

.h2-footer-right ul {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: flex-end;
}

.h2-footer-right .links {
  list-style: outside none none;
  padding: 0;
}

.h2-footer-right .links li {
  display: inline-block;
}

.h2-footer-right .links li a {
  color: #333;
  display: block;
  font-family: "Sen", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin-left: 31px;
}

.slider-area {
  overflow: hidden;
  position: relative;
  padding-top: 101px;
  /* z-index: 150; */
}

.pogoSlider:after{
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height: 26%;
  bottom: 0px;
  left:0;
  background-image:url("../images/interface/bottom-cache.png");
  background-size: cover;
  z-index: 89;
}

.pogoSlider-slide::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

.h3-slider-area .pogoSlider-slide::before {
  display: none;
}

.pss-box {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36%;
}

.pss-box.center {
  left: 50%;
  text-align: left;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.pss-box.right {
  right: 20%;
  text-align: right;
}

.pss-box .title-m {
  color: #fff;
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 50px;
  margin: 0 0 5px;
}

.pss-box .title-b {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 42px;
  margin: 0 0 24px;
  text-align: left;
}

.pss-box .text {
  color: #fff;
  font-family: "Sen", sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 0 0 58px;
  letter-spacing: 1px;
}

.pss-box .more {
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0;
  line-height: 25px;
  padding: 10px 18px;
  /* text-transform:  lowercase; */
}

.pss-box .more span {
  color: #ffffff;
  padding-left: 10px;
}

.pss-box .more:hover {
  background: #fff none repeat scroll 0 0;
  color:var(--main-color);
}

.pss-box .more:hover span {
  color: var(--main-color);
  padding-left: 10px;
}

.pogoSlider-dir-btn {
  display: none;
}

.pogoSlider--navBottom .pogoSlider-nav {
  bottom: 138px;
  z-index: 99999;
}

.pogoSlider-nav>li {
  margin: 0 4px !important;
}

.pogoSlider-nav-btn {
  background: #ffffff none repeat scroll 0 0;
  height: 8px;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 8px;
}

.pogoSlider-nav-btn--selected {
  background: var(--main-color) none repeat scroll 0 0;
}

.pogoSlider-progressBar {
  display: none;
}

.to-down {
  bottom: 52px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 90;
}

.to-down a {
  -webkit-animation: 1s ease 0s normal none infinite running td;
  animation: 1s ease 0s normal none infinite running td;
  display: inline-block;
}

.welcome-area {
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 95px 0 100px;
  position: relative;
}

.welcome-banner {
  background-image: url("../img/home1/welcome-banner.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  height: 80%;
  position: absolute;
  right: 0;
  width: 46%;
}

.welcome-faq {}

.welcome-faq .accordion {
  margin: 0 0 58px;
}

.welcome-faq .card {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 0 48px;
}

.welcome-faq .card .card-header {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  padding: 15px 17px;
}

.welcome-faq .card .card-header .mb-0 {}

.welcome-faq .card .card-header .mb-0 .btn {
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0 9px 0 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%;
}

.welcome-faq .card .collapse {}

.welcome-faq .card .collapse .card-body,
.welcome-faq .card .collapsing .card-body {
  color: #333;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 25px;
  padding: 7px 16px 0;
}

.wf-contact {}

.wf-contact .text {
  background: #f2f2f2 none repeat scroll 0 0;
  border: 1px solid var(--main-color);
  border-radius: 3px;
  color: #333333;
  display: inline-block;
  font-family: "Sen", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-right: 32px;
  padding: 11px 17px;
}

.wf-contact .text span {}

.wf-contact .phone {
  color: #333333;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
}

.wf-contact .phone span {
  background: #d9dee1 none repeat scroll 0 0;
  border-radius: 100px;
  color: #333333;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin-right: 13px;
  text-align: center;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  width: 45px;
}

.top-agency-area {
  padding: 95px 0 73px;
}

.top-agencey-content {}

.single-top-agency {
  margin: 2px 0 30px;
  padding: 25px 10px 22px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-top-agency:hover {
  -webkit-box-shadow: 0px 0px 10px -2px rgba(125, 125, 125, 1);
  box-shadow: 0px 0px 10px -2px rgba(125, 125, 125, 1);
}

.single-top-agency::before {
  border: 1px solid #eaeaea;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.toggle_actu .block_list_actu .center_actu {
    padding: 0;
    margin-bottom: 20px;
    /* box-shadow: 0 0 29px 0 rgb(0 0 0 / 19%); */
}
.toggle_actu .title_actu {
    position: relative;
    padding: 20px 20px;
    background-color: var(--main-color);
    transition:all 0.2s ease;
    border-radius: 3px;
}

.toggle_actu .title_actu:hover{
   background-color:#4c99ab;
  cursor:pointer;
}

.toggle_actu .content_actu{
  padding: 20px 20px;
  background-color:#d1dbe0;
}

.toggle_actu h4 {
    color: #fff;
    font-size: 18px;
    padding-right: 60px;
    text-transform: initial;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0;
}
.toggle_actu .title_actu .toggle_btn {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: bold;
    font-size: 40px;
    /* background-color: #fff; */
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
  transition:all 0.2s ease;
}
.single-top-agency:hover::before {
  border-bottom: 2px solid var(--main-color);
}

.single-top-agency .icon {
  margin: 0 0 11px;
}

.single-top-agency .icon span {
  color: var(--main-color);
  font-size: 52px;
  line-height: 52px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-top-agency:hover .icon span {
  color: #00324c;
}
.img_actu img{
    width:100%!important;
    height:auto;
}
.img_actu{
    flex:1;
}
.contenu_actu{
    padding:40px;
}
.single-top-agency .name {
  color: #00324c;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}

.top-agency-img {}

.top-agency-img img {}

@-webkit-keyframes td {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes td {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  75% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.to-down a img {}


@media screen and (max-width: 1170px) {
    #main-slider{
        padding-top: 74px;
    }

    

    #fiche_panier_add{
        padding:20px;
    }

    .b-main-filter__cat-item h3{
        font-size:20px;
    }

    #menu_haut ul {
        text-align: left;
        padding:20px 15px!important;
    }

    .carousel-inner {
        width: 100%!important;
    }
    #menu_haut ul li a:after {
        display: none;
    }
    #menu_haut ul li a:hover,
    #menu_haut ul li:hover a {
        /* color: #3A4046; */
    }

   #menu_haut .extend {
        padding: 0px;
        font-size: 20px!important;
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        line-height: 35px;
        width: 35px;
        padding-top:5px;
        color: #da1c22!important;
    }
    #header #menu_haut {
        width: 111%!important;
        /* max-width: 100%; */
        float: none;
        margin: 0;
        padding: 0;
        z-index: 160!important;
        /* border-bottom:5px solid #97BF0D; */
        /* background-color: #fff; */
        overflow: hidden;
        height: 0px;
    }
    .search-container{
        display:none;
    }
    .catch_header{
      display:none;
    }
    .btn-menu {
          position: relative;
          /* float: right; */
          padding: 9px 10px;
          /* margin-top: 8px; */
          /* margin-right: 15px; */
          /* margin-bottom: 8px; */
          background-color: transparent;
          background-image: none;
          border: 1px solid transparent;
          /* border-radius: 4px; */
          z-index: 1000;
          display: flex!important;
          position: relative;
          /* right: 20px; */
          /* bottom: 20px; */
          background-color:#fff;
          z-index:10000;
          /* margin-right:0px!important; */
          /* border:1px solid #ccc; */
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 10%;
          background-color: var(--main-color);
          height: 100px;
    }

      button:focus {
        outline: 1px dotted;
        outline: none;
    }
    .icon-bar{
        background-color: #fff;
    }
    .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
       #col1 {
        display: none;
    }
    #col3 {
        float: none;
    }
    #pied {
        width: 100%;
    }
    #pied #conteneur_pied {
        width: 100%;
        box-sizing: border-box;
        padding: 0px;
    }
    .slider{
        padding-top:0!important;
    }
    #header {
        position:relative;
        min-width: 100%;
        /* height: 100px; */
        height:auto;
        display: flex;
    }
    .slider-area{
      padding-top:0px;
    }
    #conteneur {
        /* padding-top:100px; */
    }
   .center_actu {
        padding: 40px 15px!important;
    }

    .block_list_actu .center_actu{
      border:none!important;
      padding: 10px!important;
    }
  .toggle_actu .block_list_actu .center_actu{
    padding:0px!important;
  }

  .desc_actu ul li{
    text-align:left;
  }

    #conteneur_contenu {
        min-width: 100%;
    }
    #contenu,
    #conteneur_header {
        width: 100%;
    }
    .paragraphe p > img {
        display: block;
        max-width: 100%;
        height: auto;
        padding: 0px!important;
        margin: auto;
        margin-bottom: 20px!important;
    }
    #centreetdroite .transport-king .about-us p {
        width: auto;
    }
    .SF fieldset p {
        display: inline-block;
        width: 100%!important;
        margin-left: 0px!important;
    }

    #header #logo {
        position: relative;
        display: block;
        width: 100%;
        left: 0px;
        margin-right:29px;
        padding:10px;
        max-height: 100px;
    }
    #logo img {
        padding-top: 0!important;
    }
    #header #logo:after {
        border: none;
    }
    #position-menu {
        background-color: #fff;
        position: relative;
        /* top: 100%; */
        width: 90%;
        margin: 0;
        padding: 0;
        text-align: left;
        display: flex;
        flex-direction: column;
        border: none;
    }
    #menu_haut ul li ul {
        display: block;
        height: 0px;
        overflow: hidden;
        padding: 0px!important;
        background-color:#fff;
        top:0!important;
    }
    #menu_haut ul li.open ul {
        height: auto;
        top: 0px;
        opacity: 1;
        position: relative;
        width: 100%!important;
        border: none;
        padding-top: 9px;
        padding-bottom: 9px;
        display: block;
        left: 0px;
        padding-left:20px!important;
    }
    #menu_haut ul li.open ul li,
    #menu_haut ul li.open ul li a {
        width: 100%!important;
        text-align: center;
        color: #3e3e3e!important;
        background-color: #fff;


    }
    #menu_haut ul li.open ul li a{
       padding: 10px 0px!important;
    }
    #menu_haut ul li.open ul li{
        border:0px;
        padding:0px;
    }
    #menu_haut ul.menu-sub > li:first-child:after {
        display: none;
    }
    .page-heading .page-title h2{
        font-size:25px;
        padding-right:0;
        margin-right:0;
    }
    .page-heading{
        padding: 40px;
    }
    #ariane{
        width:100%;
        text-align: center;
    }
    .page-heading .page-title{
        width:100%;
    }
    #menu_haut ul {
        float: none;
        padding:0px!important;
        display:block;
        margin: auto;
    }
    #recherche {
        top: 0px;
        right: 0px;
    }
    #centreetdroite {
        width: 100%!important;
    }
    #wrapper {
        top: 0px;
        width: 100%;
        margin-left: 0px;
        min-width: 100%;
        height: auto;
    }
    body {
        /* overflow-x: hidden; */
    }
    #carousel div {
        height: auto;
    }
    #carousel div img {
        height: auto;
        width: 100%;
    }
    #pager2 {
        width: 100%;
        bottom: 10px;
        top: auto;
    }

    #centreetdroite {
        width: 100%;
        margin: auto;
        height: auto!important;
    }

    #gauche {
        width: 96%;
        margin: auto;
        padding: 0px;
        position: absolute;
        float: none;
        margin-left: 2%;
    }
    #col2 > a {
        display: none!important;
    }
    #col2 {
        width: 20%;
        margin-right: 0;
        margin-left: 5%;
    }
    #col2 #reseaux {
        width: 100%;
        text-align: center;
    }
    #col2 #reseaux a {
        margin: auto!important;
        display: block!important;
        margin-bottom: 40px!important;
    }
    #col2 {
        margin-left: 5%;
        width: 50%;
        margin-right: 0px;
    }
    #gauche h3 {
        font-size: 1.8em;
        font-weight: normal;
        text-transform: capitalize;
    }
    #gauche .mdl_billet {
        font-size: 1.2em;
        color: #1a333c;
    }
#menu_haut li a{
    padding:10px 0px;
    display:block;
    text-align:left;
    border-bottom:1px solid #ccc;
}
#menu_haut li a.extend{
    border:0px;

}
#menu_haut li:last-child a{
    border:0px;
}

    #menu_haut> ul >li {
        width: 100%;
        margin:0px;
        padding:0px 16px;
            -moz-transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -o-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);

    }

  #menu_haut > ul > li:before{
    display:none;
  }
    .sousmenu.open + li a {
            border-top:1px solid #ccc;
    }
        #menu_haut> ul >li  a{
               -moz-transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -o-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
        }
    #menu_haut> ul >li:hover .extend{
        color:#fff!important;
    }
     #pied #conteneur_pied > div{
        width:100%;
     }

  .pss-box {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
  }

  .image-certif{
    display:flex;
    justify-content: center;
  }

  .paragraphe > h3:before,.paragraphe > h3:after{
    display:none;
}

    .ui-gallery{
        margin: 0;
        width: 100%;
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

.ui-gallery .row {
    gap: 20px 0;
}

    .b-stages__item{
        width: 50%;
        max-width: none;
        flex: auto;
    }

.b-stages__item:nth-child(even):after {
    top: auto;
    bottom: -19px;
    right: auto;
    left: -86px;
}

.b-stages .row {
    display: flex;
    flex-wrap: wrap;
}

    .section-article .row > div{
        /* max-width:400px; */
        width: 100%;
    }

.section-qsn {
    padding: 70px 0;
}

.section-qsn > div {
    padding: 20px;
}

.contain-pp.flexcenter.contain-links {}

.section-article .row {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: column;
}

.section-article .row {}

    .slick-track{
        display:flex;
        gap: 10px;
        align-items: stretch;
    }

.slick-slide {
    display: flex!important;
    height: auto;
}

    .b-offers__wrap, .b-offers{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-items: center;
        justify-content: space-between;
    }

}
#lines {
    border-bottom: 17px double black;
    border-top: 6px solid black;
    content: "";
    height: 5px;
    width: 35px;
    display: block;
}
.btn-menu {
    display: none;
    cursor: pointer;
}

#pager2 {
    width: 100%;
    bottom: 10px;
    top: auto;
}
@media screen and (max-width: 850px) {
    .welcome-area{
        margin-top:0px;
    }

    .mdl_formulaire form fieldset{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

.mdl_formulaire input {
    width: 100%;
}

    .block_produit{
        width: 100%;
        max-width: 400px;
    }
    .block_list_actu{
        width: calc(50% - 20px);
    }

    .section-article .row{
        display:flex;
        flex-direction: column;
        align-content: center;
        gap: 40px;
    }

.b-bnr-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.b-bnr-contacts > div {
    width: 100%;
    flex: auto;
    max-width: none;
}

.section-article .container {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
}

.section-article .row > div {
    width: 100%;
}

 

.b-main-filter__cat-item {
    width: 100%;
    max-width: 400px;
}

.b-main-filter__cat-item h3 {
    font-size: 30px;
}
    .center_actu img {
        display: block;
        margin: auto;
        margin-bottom: 30px;
    }
    .right_actu {
        width: 100%;
        padding-left: 0px;
    }

    .pogoSlider:after {
      display: none;
  }
    .pss-box .text {
      color: #fff;
      font-family: "Sen", sans-serif;
      text-align: left;
      font-size: 12px;
      font-weight: 300;
      line-height: 15px;
      margin: 0 0 58px;
      letter-spacing: 1px;
  }

  .section-title h3 {
      color: var(--main-color);
      font-size: 30px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 34px;
      margin: 0 0 26px;
  }

  .h2-step-box .content .title {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 4px;
  }

    .h2-register-left .title {
      color: #fff;
      font-size: 30px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 40px;
      margin: 0 0 39px;
  }

  .h2-footer-left p{
    text-align:center;
    border-bottom:1px solid var(--main-color)
  }

  .h2-footer-right .links li{
    width: 32%;
    text-align: center;
  }

  .h2-footer-right .links li a{
    margin-left:0;
  }

  .h2-step-box::after{
    display:none;
  }

  #liste_lien_page_fille h3{
    bottom:0;
  }

  .paragraphe .contain-pp.flex{
    display:flex;
    justify-content: center;
    /* flex-direction: column; */
    align-items: center;
  }

  .paragraphe h4{
    font-size:18px;
  }

  .containli:first-of-type, .containli:nth-of-type(2), .containli.trois:first-of-type, .containli.trois:nth-of-type(2), .containli.trois:nth-of-type(3){
    border:none;
    margin-right:0;
    padding-left:0;
    padding-right:0;
  }

.containli.deux {
    width: 100%;
    border-bottom: 2px solid var(--main-color);
    min-height: auto;
}

.containli.deux:nth-of-type(3) {
    border-right: 0;
}

  .containli.deux:nth-of-type(3):before, .containli.deux:nth-of-type(4):before {
    display:none;
}

  .containli.trois{
    width:100%;
  }

  .containli.trois:first-of-type, .containli.trois:nth-of-type(2){
    border-bottom: 1px solid var(--main-color);
    margin-bottom: 25px;
    padding-bottom: 25px;
  }

  .containli ul{
    margin-left:20px;
  }

  .contain-pp .contain-bloc{
    width:100%;
  }

  .contain-blocimg{
    width:60%;
  }

  .contain-list .containli.solo{
    width:100%;
  }

}
@media screen and (max-width: 740px) {
      .page-heading .page-title h2{
        font-size:20px;
        margin:0px;
    }

    .right_produit h3{
        width:100%;
        font-size:30px;
        text-align:left;
    }

.right_produit .prix_fiche {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    line-height: 35px;
}

    .sp-slides-container, .sp-mask, .b-main-slider__slide, .sp-slides, .sp-image-container{
        height: 100%!important;
    }

.slider-pro img.sp-image {
    object-fit: cover;
    min-width: auto!important;
    min-height: auto!important;
    height: 100%!important;
}

    .b-stages__item, .block_list_actu{
        width:100%;
    }

    .b-progress-list__percent, .b-progress-list__name, b-progress-list__item{
        text-align:center!important;
    }

.b-progress-list .row {
    display: flex;
    gap: 30px;
}

    .page-heading .container{
        width:100%;
    }
    .section-desc p.section-text{
        padding:0 15px!important;
    }

    .mosaicflow__item{
        width:50%;
    }
    .left_pres{
        width:100%;
        display:block;
    }
    .right_pres{
        width:100%;
    }

    .col1,
    .col2 {
        width: 100%;
    }
    .fun_text{
        width:50%;
    }
    .layer-1 h2{
        font-size:20px;

        line-height:20px;
    }
    .ready-btn{
        margin-top:10px;
    }
    .layer-2 p{
        font-size:16px;
        line-height:16px;
        margin-bottom:10px;
    }
    .col1 {
        margin-bottom: 40px;
    }


    .carousel-inner,
    .carousel {
        height: auto!important;
    }

    #recherche {
        display: none;
    }
    #menu_haut {
        width: 100%;
        /* top: 35px; */
    }
    #menu_haut >ul {
        padding: 0px;

    }
    .slider-content{
        margin-top:0px;
        top:0px;
    }
    #menu_haut >ul >li {
        display: inline-block;
        float: none;
    }
    #menu_haut >ul >li a {
        /* padding:0px; */
    }
    #menu_haut> ul >li {
        width: 100%;
    }
    #logo {
        left: 30%;
        margin: 0px!important;
        padding: 0px;
    }
    #background-menu-right {
        height: 190px;
    }
    #wrapper {
        /* top:205px; */
    }
    #col3 {
        width: 90%;
        margin-left: 5%!important;
        float: none;
    }
    #col2 {
        display: none;
    }
        .blog-area .col-md-2{
        width:33.33333%!important;
    }

    .fiche_billet img{
        float: none!important;
    }

.fiche_billet img {
    padding: 0!important;
    width: 100%;
    max-width: 400px!important;
}

}
@media screen and (min-width: 0px) and (max-width: 500px) {
    .left-atout,.left-equipe{
        padding-right:20px!important;
    }
    .col_chiffre{
    width:100%;
}

      .section-article .container > div, .section-article .container > div a.btn.btn-secondary{
        width: 100%;
        padding: 15px;
        font-size: 14px;
    }

.b-bnr__title {
    font-size: 20px;
}

.b-bnr-contacts__link {
    font-size: 18px;
}


.mosaicflow__item{
        width:100%;
    }
        .blog-area .col-md-2{
        width:50%!important;
    }

  .contain-blocimg{
    width:100%;
  }

  a.contain-programme{
    font-size:12px;
  }


}
@media screen and (min-width: 0px) and (max-width: 400px) {
    .fun_text{
        width:100%;
    }

    .media-left{
        display:block;
        text-align:center;
        padding:0px;
    }
    .media-left .media-object{
        text-align:center;
        margin:auto;
        margin-bottom:20px;
    }
    #header #logo img {
        max-width:calc(100% - 70px);

    }



}


/* Ultra Medium Layout: 1367px. */

@media only screen and (min-width: 1368px) and (max-width: 1610px) {
  /*home1*/
  .pss-box {
    width: 54%;
  }
  .pss-box.right {
    right: 16%;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    bottom: 100px;
  }
  .to-down {
    bottom: 30px;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 150px 0;
  }
}

/* Medium Monitor: 1367px. */

@media only screen and (min-width: 1201px) and (max-width: 1367px) {
  /*home1*/
  .pogoSlider--navBottom .pogoSlider-nav {
    bottom: 100px;
  }
  .pss-box {
    width: 75%;
  }
  .pss-box.right {
    right: 5%;
  }
  .pss-box .title-b {
    margin: 0 0 25px;
  }
  .pss-box .text {
    margin: 0 0 10px;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    bottom: 74px;
  }
  .to-down {
    bottom: 22px;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 44px 0;
  }
  .h4-slider-carousel .owl-dots {
    bottom: 8px;
  }
  /*home6*/
  .h6-slider-full {
    width: 100%;
  }
}

/* Medium Layout: 1280px. */
@media only screen and (max-width: 1200px) {
.header-main > div .row > .col-auto{
        width: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /*home1*/
  .sc-search {
    margin-right: 0;
  }
  .sc-consultant .link {
    padding: 12px 6px;
  }
  .lt-language .current,
  .lt-time .time,
  .ap-address .address,
  .ap-phone .phone {
    font-size: 12px;
    line-height: 16px;
  }
  .menu ul li>a {
    padding: 30px 10px;
  }
  .menu ul li .mega-menu {
    left: -30%;
    ;
    min-width: 970px;
  }
  .menu ul li .drop li .third {
    left: 100%;
    right: auto;
  }
  .pss-box .title-m {
    font-size: 30px;
    line-height: 30px;
  }
  .pss-box .title-b {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 6px;
  }
  .pss-box .text {
    margin: 0 0 14px;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    bottom: 14px;
  }
  .single-top-agency .name {
    font-size: 12px;
  }
  .case-study-carousel .owl-dots {
    bottom: 0;
  }
  .how-to-content {
    padding: 24px 0 0 30px;
  }
  .how-to-content .section-title h2 {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
  }
  .single-service .content .title {
    font-size: 18px;
    line-height: 22px;
  }
  .single-pricing .top .popular {
    padding: 1px 20px;
  }
  .single-blog .content .meta .author .img {
    margin-right: 0;
  }
  .single-blog .content .meta .author .name p {
    font-size: 12px;
  }
  /*home2*/
  .h2-step-box::after {
    background-size: contain;
    width: 140px;
  }
  .h2-footer-right .links li a {
    margin-left: 14px;
  }
  /*blog page*/
  .single-page-blog .content .meta>div {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0 0 8px;
  }
  .single-page-blog .content .meta>div:last-child::after {
    display: block;
  }
  .single-page-blog .content .meta>div::after {
    right: 0;
  }
  .single-page-blog .content .meta .comment {
    padding-left: 0;
  }
  .blog-chess-two-column .single-page-blog .content {
    min-height: 420px;
    padding: 74px 24px 0 28px;
  }
  .blog-chess-four-column .single-page-blog .content .title,
  .blog-chess-four-column .single-page-blog .content .title a {
    font-size: 18px;
    line-height: 22px;
  }
  .blog-chess-four-column .single-page-blog .content .meta {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .blog-chess-four-column .single-page-blog .content .meta>div {
    flex: 1 1 100%;
  }
  .blog-chess-four-column .single-page-blog .content .meta .date {
    padding-left: 0;
  }
  /*home3*/
  .h3-pss-box {
    width: 60%;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 104px 0;
  }
  /*home6*/
  .h6-slider-area {
    height: 78vh;
  }
  .h6-slider-full {
    width: 100%;
  }
  .blog-chess-two-column .single-page-blog .content .title,
  .blog-chess-two-column .single-page-blog .content .title a {
    font-size: 22px;
    line-height: 24px;
  }
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*home1*/
  .menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .menu ul li::before {
    display: none;
  }
  .menu ul li.mega {
    position: relative;
  }
  .lang-time {
    padding: 6px 0 10px;
  }
  .header-social ul {
    text-align: center;
  }
  .logo {
    text-align: center;
  }
  .search-consultant {
    text-align: center;
  }
  .to-down {
    bottom: 46px;
  }
  .to-down a img {
    height: 22px;
  }
  .pss-box {
    width: 70%;
  }
  .pss-box .title-m {
    font-size: 30px;
    line-height: 30px;
  }
  .pss-box .title-b {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 10px;
  }
  .pss-box .text {
    margin: 0 0 8px;
  }
  .pss-box .more {
    padding: 4px 13px;
    font-size: 16px;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    bottom: 12px;
  }
  .top-agency-img {
    text-align: center;
  }
  .case-study-carousel .owl-dots {
    bottom: 0;
  }
  .case-study-box .content {
    padding: 12px 0 0;
  }
  .join-team-banner {
    text-align: center;
  }
  .counter-box .counter {
    font-size: 32px;
    line-height: 36px;
  }
  .counter-box .text {
    font-size: 14px;
    line-height: 18px;
  }
  .skills-progress .progress .progress-bar span {
    bottom: 18px;
  }
  .single-blog .content .meta .author .img {
    margin-right: 0;
  }
  .how-to-banner {
    width: 32%;
  }
  /*home2*/
  .h2-menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .menu.mean-container {
    overflow: hidden;
    padding: 10px 0;
  }
  .welcome-faq {
    margin: 0 0 30px;
  }
  .h2-step-box {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
  }


  .h2-step-box:after {
    display: none;
  }
  .h2-footer-right {
    text-align: left;
  }
  .single-team {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  /*home3*/
  .h3-menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .h3-menu-area .menu ul li>a {
    color: #333;
  }
  .h3-header-social .social {
    text-align: center;
  }
  .h3-pss-box {
    padding: 34px;
    width: 70%;
  }
  .h3-pss-box .title-m {
    font-size: 22px;
    line-height: 22px;
  }
  .h3-pss-box .title-b {
    font-size: 22px;
    line-height: 22px;
  }
  /*about*/
  .about-tab .nav-tabs .nav-item {
    font-size: 16px;
    margin: 0 10px;
  }
  /*case-details*/
  .cd-video-details .video-details {
    margin: 0 0 30px;
  }
  /*page-blog*/
  .blog-chess-two-column .single-page-blog .content .meta {
    flex-wrap: wrap;
  }
  .blog-chess-two-column .single-page-blog .content .title,
  .blog-chess-two-column .single-page-blog .content .title a {
    font-size: 30px;
    line-height: 34px;
  }
  .blog-chess-two-column .single-page-blog .content {
    min-height: 400px;
    padding-top: 40px;
  }
  .blog-chess-four-column .single-page-blog .bimg a img {
    width: 100%;
  }
  .blog-chess-four-column .single-page-blog .content {
    min-height: 290px;
    padding: 28px 13px 10px;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 64px 0;
  }
  /*home6*/
  .h6-slider-full {
    width: 100%;
  }
  .blog-chess-two-column .single-page-blog .content .title,
  .blog-chess-two-column .single-page-blog .content .title a {
    font-size: 22px;
    line-height: 24px;
  }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
  .pss-box .title-b {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px;
  }

    .contain-links div{
        width: 100%;
    }

.section-qsn .txt-left {
    width: 100%;
}

.section-qsn .contain-pp:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
}
  .pss-box {
    width: 80%;
}
.pss-box .text {
   font-size: 12px;
   margin-bottom:10px;
   line-height:15px;
}

  .paragraphe .contain-pp .contain-picto{
    width:100%;
    margin-bottom:20px;
  }
}

@media only screen and (max-width: 550px) {
 .button{
     font-size: 12px;
     padding: 0 10px;
     height: 40px;
 }

    .owl-slide .owl-item .item .contain-txt{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

.owl-slide .owl-item .item.slide1 .contain-txt ul {
    padding-left: 20px;
}
  .pss-box {
    width: 95%;
}
  .pogoSlider{
    padding-bottom:60%!important;
  }
}
@media only screen and (max-width: 500px) {
  .pss-box .title-b {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 10px;

     
  }

     .contain-pp a, .button_1{
          height:auto;
      }

    .list-col2 > ul{
        column-count: 1;
    }

.list-col-2-flex > ul, .list-col-2-flex > div {
    width: 100%;
}
  .pss-box {
    width: 80%;
}
.pss-box .text {
   font-size: 10px;
   margin-bottom:10px;
   line-height:15px;
}
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 481px) and (max-width: 767px) {
  /*home1*/
  .menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .menu ul li::before {
    display: none;
  }
  .menu ul li.mega {
    position: relative;
  }
  .header-social ul {
    text-align: center;
  }
  .logo {
    text-align: center;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    bottom: 10px;
  }
  .pss-box .title-m {
    font-size: 30px;
    line-height: 30px;
  }
  .pss-box .more {
    font-size: 14px;
    line-height: 22px;
    padding: 6px 10px;
  }
  .to-down {
    bottom: 14px;
  }
  .to-down a img {
    height: 22px;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    display: none;
  }
  .case-study-carousel .owl-dots {
    bottom: -20px;
  }
  .counter-box {
    flex: 1 1 50%;
  }
  .section-title h2 {
    font-size: 32px;
    line-height: 36px;
  }
  .single-brand img {
    height: 100%;
  }
  .how-to-banner {
    display: none;
  }
  .counter-box:last-child::after {
    /* display: block; */
  }
  /*home2*/
  .h2-menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .welcome {
    text-align: center;
  }
  .h2hma-info-box {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  .h2hma-info-box::after {
    display: none;
  }
  .menu.mean-container {
    overflow: hidden;
    padding: 10px 0;
  }
  .welcome-faq {
    margin: 0 0 30px;
  }
  .h2-step-box {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  .h2-step-box:nth-child(2)::after {
    display: none;
  }
  .h2-footer-right {
    text-align: left;
  }
  .h2-footer-right .links li a {
    margin-left: 0;
    margin-right: 10px;
  }
  /*home3*/
  .h3-menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .h3-header-social .social {
    text-align: center;
  }
  .h3-single-cosultancy .content {
    bottom: 46px;
    margin-bottom: -46px;
  }
  .h3-pss-box {
    width: 80%;
    padding: 44px 30px;
  }
  .pss-box .contact {
    font-size: 14px;
    line-height: 22px;
    padding: 6px 10px;
  }
  .h3-slider-area .pogoSlider-dir-btn {
    display: none;
  }
  /*case-details*/
  .cd-video-details .video-details {
    margin: 0 0 30px;
  }
  /*gallery-grid*/
  .gallery-menu .button {
    padding: 8px 12px;
  }
  .toggle_actu .block_list_actu .center_actu {
    padding: 30px 20px;
    /* margin-bottom: 20px; */
    /* box-shadow: 0 0 29px 0 rgb(0 0 0 / 19%); */
}
.toggle_actu .title_actu {
    position: relative;
}


  /*blog-page*/
  .single-page-blog .content .meta>div {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0 0 10px;
  }
  .single-page-blog .content .meta .author {
    padding-left: 18px;
  }
  .single-page-blog .content .meta>div:last-child::after {
    display: block;
  }
  .blog-chess-two-column .single-page-blog .content .meta {
    flex-wrap: wrap;
  }
  .blog-chess-two-column .single-page-blog .content .meta>div {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  .blog-chess-two-column .single-page-blog .content .meta .author {
    padding-left: 0;
  }
  .blog-chess-two-column .single-page-blog .content .title,
  .blog-chess-two-column .single-page-blog .content .title a {
    font-size: 30px;
    line-height: 34px;
  }
  .blog-chess-four-column .single-page-blog .content .meta {
    flex-wrap: wrap;
  }
  .blog-chess-four-column .single-page-blog .content .meta>div {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-left: 0;
  }
  .blog-chess-four-column .single-page-blog {
    margin: auto -15px;
    width: 270px;
  }
  .bd-comments ul li ul {
    padding-left: 40px;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 80px 0;
  }
  /*home6*/
  .h6-slider-full {
    width: 100%;
  }
  .blog-chess-tc-left {
    margin: 0 0 120px;
  }
  .blog-chess-two-column .single-page-blog {
    margin: 0 -15px 40px;
  }
}

/* Small Mobile Layout: 480px. */

@media only screen and (min-width: 240px) and (max-width: 480px) {
  /*home1*/
  .menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .h3-menu-area .menu ul li>a {
    color: #333;
  }
  .menu ul li::before {
    display: none;
  }
  .menu ul li.mega {
    position: relative;
  }
  .ap-address {
    flex: 1 1 100%;
    margin: 0 0 18px;
    text-align: center;
  }
  .ap-phone {
    flex: 1 1 100%;
    text-align: center;
  }
  .header-social ul {
    text-align: center;
  }
  .logo {
    text-align: center;
  }
  .search-modal .modal-content input[type="text"] {
    width: 280px;
  }
  .pogoSlider--navBottom .pogoSlider-nav {
    display: none;
  }
  .pss-box {
    width: calc(100% - 30px);
  }
  .pss-box.right {
    right: 12%;
  }
  .pss-box .title-m {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 14px;
  }
  .pss-box .more {
    font-size: 14px;
    line-height: 23px;
    padding: 4px 8px;
  }
  .to-down {
    bottom: 4px;
  }
  .to-down a img {
    height: 14px;
  }
  .section-title h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .wf-contact .text {
    font-size: 16px;
    line-height: 20px;
    margin-right: 0;
    padding: 9px 8px;
  }
  .wf-contact .phone {
    font-size: 14px;
    line-height: 16px;
  }
  .wf-contact .phone span {
    height: 30px;
    line-height: 30px;
    margin-right: 0;
    width: 30px;
  }
  .how-to-content {
    margin: 0;
    ;
    padding: 55px 0 0;
  }
  .counter-box {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 0 15px;
  }
  .counter-box .counter {
    font-size: 30px;
    line-height: 34px;
  }
  .counter-box .text {
    font-size: 14px;
    line-height: 18px;
  }
  .single-team {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .single-pricing .top .popular {
    padding: 1px 20px;
  }
  .single-top-agency {
    margin: 2px auto 30px;
    width: 270px;
  }
  .single-brand img {
    height: 100%;
  }
  .single-blog .content .meta {
    display: block;
  }
  .single-blog .content .meta .date {
    padding-left: 0;
  }
  .case-study-carousel .owl-dots {
    bottom: 0;
  }
  .how-to-banner {
    display: none;
  }
  .counter-box:nth-child(2)::after {
    display: none;
  }
  /*home2*/
  .h2-menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .h2hma-info-box {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .h2hma-info-box::after {
    display: none;
  }
  .menu.mean-container {
    overflow: hidden;
    padding: 10px 0;
  }
  .h2-step-box {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .h2-step-box::after {
    display: none;
  }
  .h2-footer-right {
    text-align: left;
  }
  .h2-footer-right .links li a {
    margin-left: 0;
    margin-left: 8px;
  }
  .h2-register-left .title {
    font-size: 30px;
    line-height: 34px;
  }
  .h2-register-left .title-2 {
    font-size: 20px;
    line-height: 24px;
  }
  .h2-register-left .phone {
    font-size: 30px;
    line-height: 30px;
  }
  .h2-register-left .email {
    font-size: 20px;
    line-height: 24px;
  }
  .welcome-faq {
    margin: 0 0 30px;
  }
  .h2-single-case-study {
    margin: auto auto 30px;
    width: 270px;
  }
  /*home3*/
  .h3-menu-area.navbar-fixed-top {
    animation: 0s ease 0s normal none 1 running none;
    box-shadow: none;
    position: unset;
  }
  .h3-menu-area .menu ul li>a {
    color: #333;
  }
  .h3-pss-box {
    padding: 14px 14px;
    width: 80%;
  }
  .pss-box .contact {
    font-size: 14px;
    line-height: 23px;
    margin-left: 6px;
    padding: 4px 8px;
  }
  .h3-slider-area .pogoSlider-dir-btn {
    display: none;
  }
  .h3-header-social .social {
    text-align: center;
  }
  .h3fb-social {
    padding: 20px 0 0;
    text-align: left;
  }
  .h3fb-social ul li a {
    margin-left: 0;
    margin-right: 14px;
  }
  .h3-single-cosultancy {
    margin: auto auto 30px;
    width: 270px;
  }
  /*about*/
  .about-tab .nav-tabs .nav-item {
    font-size: 16px;
    margin: 0 4px;
  }
  .about-video-area {
    padding: 100px 0;
  }
  /*case-details*/
  .cd-video-details .video-details {
    margin: 0 0 30px;
  }
  .cdt-menu .nav-item .nav-link {
    padding: 11px 20px;
  }
  /*gallery-grid*/
  .gallery-menu {
    text-align: left;
  }
  .gallery-menu .button {
    font-size: 16px;
    margin: 0 2px 8px;
    padding: 7px 10px;
  }
  /*Blog Page*/
  .single-page-blog .content .meta>div {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 6px;
  }
  .single-page-blog .content .meta .date {
    padding-left: 0;
  }
  .single-page-blog .content .meta .comment {
    padding-left: 0;
  }
  .single-page-blog .content .meta .business {
    padding-left: 0;
  }
  .single-page-blog .content .meta>div:last-child::after {
    display: block;
  }
  .blog-chess-two-column .single-page-blog .content .meta {
    flex-wrap: wrap;
  }
  .blog-chess-two-column .single-page-blog .content .meta>div {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .blog-chess-two-column .single-page-blog .content .title,
  .blog-chess-two-column .single-page-blog .content .title a {
    font-size: 30px;
    line-height: 34px;
  }
  .blog-chess-four-column .single-page-blog {
    margin: 0;
  }
  .blog-chess-four-column .single-page-blog .content .meta {
    flex-wrap: wrap;
  }
  .sdsw-tags .tags li a {
    padding: 12px 8px;
  }
  .bd-comment-box .content .name .reply {
    display: block;
    float: none;
    margin: 10px 0;
  }
  .bd-comment-box .img {
    float: none;
  }
  .bd-comment-box .content {
    margin-top: 30px;
    padding-left: 0;
  }
  .bd-comments ul li ul {
    padding-left: 24px;
  }
  .single-page-blog .bimg a img {
    width: 100%;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 28px 0;
  }
  .h4-slider-carousel .owl-dots {
    bottom: -4px;
  }
  /*home6*/
  .h6-slider-area {
    height: 110vh;
  }
  .h6-slider-full {
    width: 100%;
  }
  .h5-slider-content .title {
    font-size: 32px;
    line-height: 36px;
  }
  .h5-slider-content .cd-headline {
    font-size: 40px;
    line-height: 40px;
  }
  .blog-chess-two-column .single-page-blog {
    padding-bottom: 30px;
  }
  .blog-chess-two-column .single-page-blog .content .title,
  .blog-chess-two-column .single-page-blog .content .title a {
    font-size: 20px;
    line-height: 24px;
  }
  .blog-chess-two-column .blog-chess-tc-right .single-page-blog {
    padding-bottom: 0;
  }
  .blog-chess-two-column .blog-chess-tc-right .single-page-blog .content {
    margin-bottom: 60px;
  }
  .blog-chess-two-column .single-page-blog .content {
    padding: 70px 24px 0 28px;
  }
  .blog-chess-tc-left {
    margin: 0 0 120px;
  }
  .blog-chess-two-column .single-page-blog {
    margin: 0 0 40px;
  }
}

/*big from small mobile, small from wide mobile*/

@media only screen and (min-width: 380px) and (max-width: 480px) {
  /*home1*/
  .to-down {
    bottom: 12px;
  }
  .to-down a img {
    height: 22px;
  }
  /*home2*/
  .h2-single-case-study {
    margin: auto auto 30px;
    width: 360px;
  }
  /*service*/
  .explore-service-area .single-service {
    margin: auto auto 30px;
    width: 340px;
  }
  /*case-study*/
  .single-page-case-study {
    margin: auto auto 30px;
    width: 360px;
  }
  /*portfolio*/
  .page-portfolio-area .single-service {
    margin: auto auto 30px;
    width: 360px;
  }
  /*page-blog*/
  .blog-chess-four-column .single-page-blog {
    margin: auto;
    width: 286px;
  }
  /*home4*/
  .h4-slider-full-box {
    padding: 54px 0;
  }
}
@media only screen and (max-width: 600px) {
.owl-slide{
    height:400px;
}
    .owl-slide .owl-item .item.slide2 .contain-txt{
        padding-top:30px;
    }
     .owl-slide .owl-item .item.slide2 .contain-txt .button{
           font-size:15px;
    }
    .owl-slide .owl-item .item {
    height: 400px;
}
    .owl-slide .owl-item .item .contain-txt ul li, .owl-slide .owl-item .item.slide2 .contain-txt ul li{
        font-size:12px;
        line-height:14px;
    }
    .owl-slide .owl-item .item.slide1 .contain-txt .contain-link{
        display:block;
    }
    .owl-slide .owl-item .item .contain-txt p{
        font-size:12px;
        position:relative!important;
        bottom:0px!important;
    }
     .owl-slide .owl-item .item .contain-txt h3{
         line-height:20px;
     }
}
@media screen and (min-width: 1240px) {
     .recherche_actu{
       /* position:sticky; */
       /* top:10px; */
     }
    .cat_actu{
       position:sticky;
       top:310px;
     }
}
@media screen and (max-width: 1400px) {
    .header-main .navbar .nav-item:hover > ul.menu-sub{
        left: -150px;
        width: 300px;
    }

.header-main .navbar .nav-item:hover > ul.menu-sub > li > ul {
    width: 300px;
    right: -302px;
}

.header-main .navbar .nav-item:hover {
    position: relative;
}
}

@media screen and (max-width: 1240px) {
.para_actu{
    flex-direction: column-reverse;
}
    .filter_actu{
        width:100%;
        display:flex;
        flex-wrap:nowrap;
    }
    .filter_actu > *{
        width:50%!important;
    }
    .list_actu,.actu_fiche{
        width:100%;
    }
    #centreetdroite{
        padding-left:15px;
          padding-right:15px;
    }
}
   
@media only screen and (max-width: 1000px) {
   .bg-section .b-main-filter__cat{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    .b-main-filter__cat{
        flex-direction:column;
              align-content: center;
    }
    .x2 a.b-main-filter__cat-item{
        width:100%;
    }
    .bg-section .b-main-filter__cat-item{
        width:100%;
        max-width:400px;
        margin:auto;
    }
}
@media only screen and (max-width: 1000px) {
    .b-post{
            flex-direction: column;
    }
    .entry-media{
        width:100%!important;
    }
    .entry-main{
        width:100%;
    }
    .flexcenter{
        align-content: start;
        align-items:start;
    }
}

@media only screen and (max-width:850px) {
    .user_page form .contain-calc .top-calc > div p{
        min-width:50%!important;
    }
    .vertical,.bloc2{
        width:100%;
    }
    .section-qsn .bg-blue p{
        max-width:90%;
        margin:auto;
        text-align:center;
    }
    .flexcenter{
       flex-direction:column;
       display: flex;
       align-items: center;
       justify-content: center;
       align-content: center;
    }

.contact-box {
    width: 100%;
    max-width: 300px;
    margin: auto;
}
    .contain-pp .contain-txt{
        width:100%;
    }

.contain-pp .contain-img {
    width: 100%;
}
    .contain-img{
        width:100%;
    }
    .top-bar .justify-content-between  > .col-auto:first-child{
        display:none!important;
    }

.header .row .col-auto {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}
}
@media only screen and (max-width:760px) {
    .bloc-part{
        flex-direction: column!important;
    }
    .image-part,.txt-part{
        width:100%!important;
    }
     .filter_actu{
        width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    .filter_actu > *{
        width:100%!important;
    }
        .image-part{
            text-align:center;
        }
    .image-part img{
        max-width:400px;
        margin:auto!important;
       
    }
    .header-main{
        height:auto;
        padding: 0 20px 0; 
    }
}
@media only screen and (max-width:600px) {
    .footer-copyright .container > *{
       width:100%;
    }
    .footer-copyright .container{
        flex-direction:column;
    }
    .footer-copyright .logo_texte{
        max-width:200px;
    }
    
}