html {
    scroll-behavior: smooth;
}

body {
    background: rgb(255, 255, 255);
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
    color: rgb(25, 25, 33);
    font-size: 18px;
    font-family: Gadugi;
}

body.site {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    padding: 0px;
    margin: 0px;
}

strong {
    font-weight: bold;
}

.body {
    overflow: hidden;
    background: rgb(255, 255, 255);
}

a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: 0.4s;
}

a:active, a:hover, a:focus {
    color: rgb(194, 20, 0);
    text-decoration: none;
}

a.pdf {
    position: relative;
    display: table;
    background: url("../images/ic-pdf.png") left top no-repeat;
    height: 40px;
    padding-left: 47px;
}

img {
    max-width: 100%;
    height: auto;
}

.img-right, .pull-right {
    float: right;
    margin: 0px 0px 50px 45px;
    border-radius: 10px;
}

.img-left, .pull-left {
    float: left;
    border-radius: 10px;
    margin: 0px 45px 40px 0px;
}

.img-left, .img-right {
    position: relative;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1em;
}

h1, .h1 {
    color: rgb(32, 33, 33);
    font-size: 58px;
    text-align: left;
    line-height: 1.2em;
}

.txtinfo h1 {
    font-size: 42px;
    font-family: "ITC Avant Garde Gothic Std";
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    color: rgb(101, 114, 36);
    text-align: left;
}

h1 span.mintitre {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    color: rgb(53, 60, 18);
}

.slogan {
    position: absolute;
    bottom: 110px;
    left: 0px;
    right: 0px;
    display: block;
    color: rgb(255 255 255);
    font-size: 31px;
    line-height: 1.23em;
    text-align: center;
    max-width: 630px;
    margin: auto;
    z-index: 5;
    font-weight: bold;
}

.page-header {
    display: none;
}

.view-article.catid-8 .page-header {
    display: block;
}

h2, .h2 {
    position: relative;
    font-size: 44px;
    font-family: "ITC Avant Garde Gothic Std";
    font-weight: bold;
    margin: 30px 0px 15px;
    line-height: 1.2;
    color: rgb(18, 20, 33);
}

.page-header h2 {
    color: rgb(101, 114, 36);
    font-size: 55px;
    font-weight: normal;
    display: block;
    margin: 0px 0px 32px;
    max-width: 900px;
    font-family: "ITC Avant Garde Gothic Std Demi";
}

h3, .h3 {
    color: rgb(44, 45, 92);
    margin: 20px 0px 25px;
    font-size: 35px;
    font-family: "ITC Avant Garde Gothic Std Book";
    font-weight: normal;
}

h4, .h4 {
    font-size: 27px;
    color: rgb(0, 30, 87);
    font-weight: normal;
    margin: 20px 0px 15px;
    font-family: latobold;
    line-height: 1.3em;
}

h5, .h5 {
    font-size: 16px;
    margin: 30px 0px 15px;
}

h6, .h6 {
    font-size: 14px;
    margin: 30px 0px 10px;
}

.clearfix {
    display: block;
    clear: both;
}

header.header .container-fluid {
    max-width: 1800px;
    padding: 0px 15px;
    margin: auto;
    display: table;
}

.headertop {
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0px;
    margin: auto;
    max-width: 2000px;
    z-index: 5;
}

nav#nav-2, nav.mobile-nav {
    display: none;
}

.header-inner .container {
    max-width: 1440px;
}

.banner, .com_k2.view-item .banner {
    clear: both;
    position: relative;
    margin: 0px;
    min-height: 250px;
}

.view-article.itemid-111 .banner {
    margin: 150px 0px 0px;
}

.view-article .banner img, .com_k2.view-item .banner img {
    width: 100%;
    height: auto;
    min-height: 400px;
}

.view-article .banner p, .com_k2 .banner p {
    margin: 0px;
}

.view-article .banner::before, .com_k2 .banner::before {
    position: absolute;
    content: "";
    inset: 0px;
    background: rgba(18, 20, 33, 0.5);
    z-index: 2;
}

.view-article.itemid-111 .banner::before, .view-article.itemid-111 .banner::after {
    content: none;
}

#flexslider-90 .slide-desc-box {
    margin: auto;
    left: unset;
    top: 62% !important;
    text-align: left !important;
    right: 13% !important;
    max-width: 2000px !important;
}

#flexslider-90 .slide-desc-box .slide-title {
    font-family: Oswald, sans-serif;
    max-width: 100% !important;
    font-size: 38px !important;
}

#flexslider-90 .light-text-shadow > div > div, #flexslider-90 .slide-desc-box > div.skrollable.skrollable-between, #flexslider-90 .slide-desc-box > div {
    text-shadow: unset !important;
    opacity: 1 !important;
    box-shadow: unset !important;
    max-width: 1200px !important;
    margin: auto !important;
}

#flexslider-90 .slide-desc {
    text-transform: uppercase;
    display: table;
    font-size: 50px !important;
    font-family: "DIN Pro" !important;
    font-weight: 500 !important;
    max-width: 900px !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: unset !important;
    text-align: left !important;
    margin: 0px auto !important;
    padding: 0px !important;
    line-height: 1.2 !important;
}

#flexslider-90 .slide-desc h2 {
    color: rgb(255, 255, 255);
    font-size: 67px;
    font-family: "ITC Avant Garde Gothic Std Book";
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

#flexslider-90 .slide-desc h2 .subtitle {
    display: table;
    font-family: "ITC Avant Garde Gothic Std";
    font-weight: bold;
}

#flexslider-90 .slide-desc span.span1 {
    position: relative;
}

ul.flex-direction-nav {
    display: none;
}

#flexslider-90 .slide-desc span.span1::before, #flexslider-90 .slide-desc span.span2::before {
    position: absolute;
    content: "";
    bottom: 13px;
    left: -7px;
    background: rgb(0, 121, 167);
    width: 491px;
    height: 12px;
    z-index: -1;
}

#flexslider-90 .slide-desc span.span2::before {
    bottom: 8px;
    left: 270px;
}

#flexslider-90 .slide-desc span p {
    max-width: 700px;
    font-size: 32px;
    font-family: latolight;
    text-transform: initial;
    line-height: 1.3;
}

#flexslider-90 .slide-desc span a {
    padding: 20px 35px;
    border-radius: 40px;
    display: table;
    margin-top: 35px;
    transition: 0.3s;
    cursor: pointer;
    font-family: latoregular;
    text-transform: uppercase;
    float: left;
    margin-right: 30px;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: rgb(255, 255, 255) !important;
}

#flexslider-90 .slide-desc span a.vplus {
    background: linear-gradient(rgba(243, 243, 243, 0), rgba(243, 243, 243, 0)) padding-box padding-box, linear-gradient(to right, rgba(116, 194, 210, 0), rgba(156, 215, 193, 0)) border-box border-box;
    border-radius: 50em;
    border: 4px solid rgb(128, 201, 205);
}

#flexslider-90 .slide-desc span a.vplus:hover {
    background: linear-gradient(rgba(243, 243, 243, 0), rgba(243, 243, 243, 0)) padding-box padding-box, linear-gradient(to right, rgb(116, 194, 210), rgb(156, 215, 193)) border-box border-box;
    border-radius: 50em;
    border: 4px solid rgba(156, 215, 193, 0);
}

#flexslider-90 .slide-desc span a.contact {
    background: linear-gradient(to right, rgb(0, 124, 167) 0%, rgb(0, 102, 168) 100%);
    padding: 24px 35px;
}

#flexslider-90 .slide-desc span a.contact:hover {
    background: linear-gradient(to right, rgb(116, 194, 210), rgb(156, 215, 193));
}

#flexslider-90 .slide-desc-box > div > div {
    background: unset !important;
    box-shadow: unset !important;
    padding: 0px !important;
}

#flexslider-90.flexslider li .jslider-image::after {
    position: absolute;
    content: "";
    inset: 0px;
    background: linear-gradient(rgba(25, 25, 33, 0.75) 0%, rgba(25, 25, 33, 0) 100%);
}

#flexslider-90.flexslider li .jslider-image::before {
    position: absolute;
    content: "";
    background: url("../images/formmask.png") right top no-repeat;
    width: 329px;
    height: 775px;
    top: 0px;
    right: 30%;
}

#flexslider-90.flexslider.position-nav-bottom .flex-control-nav {
    left: 5%;
    bottom: 45px !important;
    width: 50% !important;
    text-align: left !important;
}

#flexslider-90 .flex-control-paging li a {
    width: 19px !important;
    height: 19px !important;
}

#flexslider-90 .flex-control-paging li a {
    background-color: rgba(66, 74, 160, 0) !important;
    box-shadow: unset !important;
    border: 2px solid rgb(187, 255, 95) !important;
}

#flexslider-90 .flex-control-paging li a.flex-active, #flexslider-90 .flex-control-paging li:hover a:hover {
    background-color: rgb(187, 255, 95) !important;
    box-shadow: unset !important;
    border: 2px solid rgb(187, 255, 95) !important;
}

#flexslider-90 .flex-control-paging li.active a {
    background-color: rgb(187, 255, 95) !important;
    box-shadow: unset !important;
    border: 2px solid rgb(187, 255, 95) !important;
}

.flexslider.white-arrow .flex-direction-nav a {
    background-image: unset !important;
    border: 1px solid rgb(0, 62, 126) !important;
    width: 71px !important;
    height: 71px !important;
    border-radius: 10px !important;
}

#flexslider-90 .flex-control-paging li a:hover {
    background-color: rgba(66, 74, 160, 0) !important;
}

.flex-direction-nav a.flex-prev::before, .flex-direction-nav a.flex-next::before {
    position: absolute !important;
    content: "" !important;
    width: 18px !important;
    height: 23px !important;
    top: 24px !important;
    left: 0px !important;
    right: 0px !important;
    text-align: center !important;
    margin: auto !important;
}

.flex-direction-nav .flex-prev {
    left: 100px !important;
}

.flex-direction-nav .flex-next {
    right: 100px !important;
}

.scrollb {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 45px;
    height: 75px;
    background: url("../images/scroll.png") center top no-repeat;
    display: table;
    margin: auto;
    z-index: 22;
    font-size: 0px;
}

.custom.networks {
    position: absolute;
    bottom: 30px;
    right: 80px;
    z-index: 2;
    text-align: right;
}

.custom.networks h3 {
    color: rgb(255, 255, 255);
    font-family: "ITC Avant Garde Gothic Std Book";
    font-size: 15px;
    text-align: right;
    margin: 0px 0px 14px;
}

.banner-i {
    position: relative;
    overflow: hidden;
}

a.logo {
    position: relative;
    z-index: 4;
    display: table;
    text-align: center;
    margin: -13px 0px 0px;
}

a.logo img {
    max-width: 245px;
}

.is-sticky a.logo {
    margin: -15px 0px 0px;
}

.nav-menu.navmenu1 {
    position: relative;
    display: block;
    margin: 0px 250px 0px 0px;
    overflow: hidden;
    float: right;
}

.header-inner.row {
    clear: both;
    position: relative;
    z-index: 2;
    padding: 0px;
    margin: 0px;
}

.nav-menu { 
    margin: auto;
}
div.menus {
    display: flex;
    align-items: center;
}
.nav-menu.navmenu2 {
    margin: -50px auto 0px;
    z-index: 3;
    position: relative;
    display: table;
}

.is-sticky .nav-menu.navmenu2 {
    padding-top: 15px;
}

.topmenu {
    position: relative;
    margin-bottom: 40px;
}

.is-sticky .topheader .topmenu {
    margin-top: -15px;
    margin-bottom: 38px;
}

.call {
    /* position: absolute; */
    /* top: 0; */
    /* right: 15px; */
}

.customcta a {
    font-family: "ITC Avant Garde Gothic Std";
    font-size: 22px;
    color: rgb(255, 255, 255);
    padding-top: 4px;
    display: table;
}

.customcta a:hover {
    color: rgb(144, 212, 53);
}

header.header {
    position: relative;
    padding: 0px;
    z-index: 999;
    max-width: 2000px;
    margin: auto;
}

.is-sticky .headertop {
    background: rgb(47, 47, 47);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 2px 0px;
    padding: 18px 0px 0px;
    z-index: 1000 !important;
}

main#content {
    padding: 60px 0px 30px;
    text-align: justify;
}

.itemid-101 main#content {
    padding: 0px 0px 80px;
}

.itemid-101 main#content::before {
    position: absolute;
    content: "";
    top: 14%;
    left: 0px;
    right: 0px;
    height: 1840px;
    clip-path: polygon(0px 0px, 100% 34%, 100% 100%, 0px 69%);
    background: rgb(247, 247, 251);
}

.itemid-101 main#content::after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 980px;
    clip-path: polygon(0px 15%, 100% 50%, 100% 100%, 0px 100%);
    background: rgb(247, 247, 251);
}

main#content ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

main#content ul li {
    position: relative;
    background: url("../images/puce.png") left top 9px no-repeat;
    padding-left: 25px;
}

.itemid-111.catid-8 main#content {
    background: rgb(243, 243, 243);
}

.bloc-right.blocright2 p {
    position: relative;
    z-index: 2;
}

.bloc-right.blocright2 {
    padding-top: 30px;
}

.custom.bloc-1 {
    position: relative;
    padding: 100px 0px;
    color: rgb(18, 20, 33);
    font-size: 26px;
    font-family: Gadugi;
    font-weight: normal;
    margin: auto auto 100px;
    max-width: 2000px;
}

.view-article .custom.bloc-1 {
    padding: 20px 0px 100px;
}

.custom.bloc-1 .txtinfo1 {
    position: relative;
}

.custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
    position: relative;
    font-family: "ITC Avant Garde Gothic Std Extra";
    font-size: 43px;
    padding-top: 50px;
    z-index: 2;
    text-align: right;
    margin-right: 218px;
    color: rgb(37, 59, 6);
}

.custom.bloc-1 .txtinfo1 h3 {
    position: absolute;
    text-align: right;
    right: 400px;
    text-transform: uppercase;
    color: rgb(25, 25, 33);
    font-size: 27px;
    line-height: 1.25;
    background: url("../images/loc.png") right top no-repeat;
    padding-top: 70px;
}

.custom.bloc-1 .txtinfo1 p.photo, .custom.bloc-5 .txtinfo01 img {
    position: absolute;
    right: 0px;
    top: -50px;
    border-radius: 255px;
}

.custom.bloc-1 .txtinfo1 p.photo img, .custom.bloc-5 .txtinfo01 img {
    border-radius: 255px;
}

.custom.bloc-1 .txtinfo1 h2 .subtitle, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
    font-family: "ITC Avant Garde Gothic Std";
    font-weight: bold;
}

.custom.bloc-1 .txtinfo2 {
    position: relative;
    text-align: left;
    padding-top: 80px;
    padding-left: 90px;
}

.custom.bloc-1 .txtinfo2 a, .custom.bloc-5 .txtinfo02 a {
    position: relative;
    color: rgb(25, 25, 33);
    font-size: 26px;
    background: url("../images/fleche.png") right top 10px no-repeat;
    padding-right: 35px;
    transition: 0.3s;
    display: table;
    margin-top: 80px;
}

.view-article .custom.bloc-1 .txtinfo2 a {
    display: none;
}

.custom.bloc-5 .txtinfo02 a {
    margin-top: 30px;
}

.custom.bloc-1 .txtinfo2 a:hover, .custom.bloc-5 .txtinfo02 a:hover {
    color: rgb(80, 126, 17);
    background: url("../images/fleche.png") right bottom 3px no-repeat;
}

.custom.bloc-2 {
    clear: both;
    position: relative;
    padding: 0px;
    z-index: 3;
    max-width: 2001px;
    margin: auto;
}

.custom.bloc-2 .container-fluid {
    padding: 0px 55px;
}

.custom.bloc-2 h2 {
    position: relative;
    color: rgb(255, 255, 255);
    font-family: latobold;
    margin-bottom: 30px;
}

.custom.bloc-2 .box {
    position: relative;
    display: table;
    margin: 0px auto 20px;
}

.custom.bloc-2 .box .photo {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.25) 30px 15px 29px -11px;
}

.custom.bloc-2 .box .photo::after, .custom.bloc-4 .boxr .photo a::after {
    position: absolute;
    content: "";
    border-radius: 45px;
    background: rgba(0, 0, 0, 0.11);
    inset: 0px 400px;
    transition: 0.3s;
}

.custom.bloc-2 .box:hover .photo::after, .custom.bloc-4 .boxr:hover .photo a::after {
    left: 0px;
    right: 0px;
}

.custom.bloc-4 .boxr .wf-icon-zoom-image {
    opacity: 0 !important;
}

.custom.bloc-2 .box img {
    position: relative;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 30px 15px 29px -11px;
    transition: 0.3s;
    transform: scale(1);
}

.custom.bloc-2 .box:hover img {
    transform: scale(1.07);
}

.custom.bloc-2 .box h3 {
    position: relative;
    color: rgb(80, 126, 17);
    font-size: 34px;
    font-family: "ITC Avant Garde Gothic Std Demi";
    transition: 0.3s;
    z-index: 2;
    text-align: center;
    margin: 35px 0px 0px;
}

.custom.bloc-2 .box:hover h3 {
    color: rgb(145, 213, 53);
}

.custom.bloc-2 .box a {
    position: absolute;
    inset: 0px;
    font-size: 0px;
    z-index: 10;
}

.custom.bloc-3 {
    position: relative;
    padding: 70px 0px 80px;
    color: rgb(142, 141, 146);
    font-size: 26px;
}

.custom.bloc-3::after {
    position: absolute;
    content: "";
    background: url("../images/forme-right.png") right bottom no-repeat;
    bottom: 5px;
    right: 0px;
    width: 130px;
    height: 158px;
}

.custom.bloc-3 h2, .custom.bloc-4 h2 {
    position: relative;
    text-align: left;
    width: auto;
    margin: 0px 0px 30px;
}

.custom.bloc-3 p.txtinfogreen {
    position: absolute;
    right: 101px;
    bottom: -30px;
    text-align: right;
    color: rgb(80, 126, 17);
    font-size: 20px;
    font-family: Gadugi;
    font-weight: bold;
    text-transform: uppercase;
    background: url("../images/icone-carte.png") right top no-repeat;
    padding-top: 100px;
}

.custom.bloc-3 .bloct-left {
    position: relative;
}

.custom.bloc-3 .bloct-left img {
    position: absolute;
    right: -35px;
}

.custombloc-4 {
    position: relative;
    padding: 100px 0px;
    background: rgb(255, 255, 255);
    max-width: 2000px;
    margin: auto;
}

p.txtinfogreen {
    position: absolute;
    right: 0px;
    text-align: right;
    color: rgb(80, 126, 17);
    font-size: 22px;
    font-family: Gadugi;
    font-weight: bold;
    text-transform: uppercase;
    background: url("../images/icone-carte.png") right top no-repeat;
    padding-top: 100px;
}

.custom.bloc-3 .bloct-right {
    color: rgb(25, 25, 33);
    font-weight: bold;
    padding-left: 100px;
}

main#content .custom.bloc-3 .bloct-right ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    text-align: left;
}

main#content .custom.bloc-3 .bloct-right ul li::before {
    position: absolute;
    content: "";
    top: 19px;
    left: 0px;
    width: 7px;
    height: 7px;
    background: rgb(80, 126, 17);
}

.custom.bloc-3 .desc {
    max-width: 470px;
    text-align: left;
}

.custom.bloc-4 {
    position: relative;
    padding: 150px 0px 100px;
}

.view-article .custom.bloc-4 {
    position: relative;
    padding: 0px 0px 100px;
}

.custom.bloc-4 h2 {
    margin: 0px 0px 70px;
}

.view-article .custom.bloc-4 h2 {
    display: none;
}

.custom.bloc-4 .boxr {
    position: relative;
    transition: 0.3s;
    overflow: hidden;
}

.custom.bloc-4 .boxr.bxr2, .custom.bloc-4 .boxr.bxr4 {
    margin-top: 80px;
}

.custom.bloc-4 .boxr .photo a {
    position: relative;
    border-radius: 30px;
}

.custom.bloc-4 .boxr img {
    border-radius: 30px;
}

.custom.bloc-5 {
    position: relative;
    padding: 40px 0px 0px;
    margin-bottom: 50px;
}

.custom.bloc-5 h2 {
    color: rgb(169, 6, 0);
    font-size: 40px;
    margin: 0px 0px 60px;
}

.custom.bloc-5::after {
    position: relative;
    padding: 100px 0px;
    margin-bottom: 100px;
}

.view-article .custom.bloc-5 h2 {
    margin: 0px 0px 60px;
}

.custom.bloc-5 .txtinfo2, .custom.bloc-5 .txtinfo02 {
    padding-top: 162px;
    color: rgb(142, 141, 146);
    padding-left: 35px;
}

.view-article .custom.bloc-5::after {
    content: none;
}

.view-article .custom.bloc-5 .txtinfo02, .view-article .custom.bloc-5 .txtinfo2 {
    padding-top: 0px;
    color: rgb(25, 25, 33);
    padding-left: 15px;
}

.view-article .custom.bloc-5 .txtinfo02 {
    margin-bottom: 200px;
}

.custom.bloc-5 .txtinfo2 {
    margin-bottom: 100px;
}

.custom.bloc-5 .txtinfo02 {
    padding-top: 0px;
    padding-left: 55px;
    margin-top: 33px !important;
}

.custom.bloc-5 .txtinfo01, .custom.bloc-5 .txtinfo02 {
    margin: 100px 0px 0px;
}

.custom.bloc-5 .txtinfo01 h2 {
    padding: 81px 0px 0px;
    margin: 0px;
    width: 300px;
    text-align: right;
}

.custom.bloc-5 .txtinfo01 img {
    top: 0px;
}

.custom.bloc-5 .txtinfo1 {
    margin-bottom: 100px;
}

.custom.bloc-6 {
    clear: both;
    position: relative;
    padding: 200px 0px 100px;
    overflow: hidden;
    z-index: 2;
}

.custom.bloc-6::before {
    position: absolute;
    content: "";
    background: url("../images/form-left.png") right bottom no-repeat;
    top: 115px;
    left: 0px;
    width: 164px;
    height: 259px;
}

.custom.bloc-6 .col-md-6:nth-child(2) {
    padding-top: 155px;
}

.custom.bloc-6 .tem {
    color: rgb(142, 141, 146);
    background: url("../images/tem.png") right 205px bottom -32px no-repeat rgb(255, 255, 255);
    border-radius: 200px;
    padding: 79px 70px 0px;
    text-align: left;
    font-size: 26px;
    display: table;
}

.custom.bloc-6 .tem h3 {
    font-size: 20px;
    color: rgb(25, 28, 49);
    font-weight: bold;
    text-transform: uppercase;
    background: url("../images/etoiles.png") right bottom no-repeat;
    padding-bottom: 55px;
    margin: 30px 0px;
}

.custom.bloc-5::after {
    position: absolute;
    content: "";
    background: url("../images/forme-righ2t.png") right top no-repeat;
    top: 40%;
    right: 0px;
    width: 182px;
    height: 318px;
}

footer {
    position: relative;
    padding: 110px 0px 20px;
    font-size: 26px;
    font-weight: normal;
    color: rgb(255, 255, 255);
    max-width: 2000px;
    margin: auto;
    background: rgb(37, 59, 6);
    z-index: 3;
}

p.copyright {
    position: relative;
    clear: both;
    text-align: center;
    font-size: 20px;
    margin-top: 80px;
    margin-bottom: 0px;
    z-index: 1;
}

p.copyright a {
    color: rgb(156, 231, 55);
    font-size: 20px;
    text-transform: unset;
    margin-top: 50px;
}

::placeholder {
    color: rgb(255, 255, 255) !important;
    font-size: 22px !important;
    padding-left: 10px !important;
}

.newslet {
    float: right;
}

.newslet h2 {
    font-size: 40px;
    color: rgb(255, 255, 255);
    margin: 0px 0px 50px;
}

.newslet .acym_module_form .acym_form {
    width: 100%;
}

.newslet .acym_module_form .onefield {
    margin: 10px 0px;
    width: 100%;
}

.custombloc-4 .acym_module_form .acysubbuttons {
    width: 15%;
    margin: 0px;
}

.newslet .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton {
    padding: 5px 34px 1px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-size: 23px;
    text-transform: uppercase;
    transition: 0.3s;
    width: 200px;
    float: right;
    text-align: right;
    background: url("../images/fleche.png") right bottom 5px no-repeat;
    margin-right: 75px;
    margin-top: 25px;
}

.newslet .acym_module_form .acysubbuttons input.btn.btn-primary.button.subbutton:hover {
    background: url("../images/fleche.png") right bottom 5px no-repeat;
    color: rgb(156, 231, 55);
}

.newslet .acym_module_form input {
    cursor: pointer;
    max-width: 501px;
    width: 100%;
    outline: unset;
    padding: 11px 20px;
    background: rgb(27, 43, 4);
    border-radius: 50em;
    border: 4px solid transparent;
}

div.fcp_wrapper {
    background-color: unset !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    font-size: 22px !important;
    max-width: 80% !important;
}

.devis div.fcp_wrapper {
    max-width: 90% !important;
}

.fcp_wrapper {
    max-width: calc(65% - 10px) !important;
    padding: 0px !important;
}

div.fcp_label {
    display: none !important;
}

.fcp_line.fcp_attachment div.fcp_label {
    display: block !important;
    margin-bottom: 10px;
}

.fcp_wrapper input, .fcp_wrapper select, .fcp_wrapper textarea, .fcp_wrapper span, .fcp_wrapper img {
    border-width: medium medium 1px !important;
    border-style: none none solid !important;
    border-color: currentcolor currentcolor rgba(34, 44, 52, 0.58) !important;
    border-image: initial !important;
    margin-bottom: 25px !important;
}

div.fcp_line input:not([type="submit"]), div.fcp_line textarea, div.fcp_line select {
    background-color: rgb(67, 103, 16);
    height: 2.75em !important;
    border-radius: 45px !important;
}

#fcp_spinner {
    display: none !important;
}

.fcp_form button {
    border-radius: 53px;
    background-color: rgb(27, 43, 4) !important;
    padding: 14px 33px !important;
    margin: 0px !important;
    font-size: 22px !important;
    text-align: center !important;
}

.fcp_form button:hover {
    background-color: rgb(95, 123, 56) !important;
    color: rgb(255, 255, 255) !important;
}

.fcp_wrapper select:not(.form-select):not(.form-control) {
    color: rgb(151, 177, 209) !important;
    width: 100% !important;
}

div.fcp_line input[type="file"] {
    font-size: 20px !important;
    color: rgb(151, 177, 219) !important;
}

.fcp_form .fcp_attachment.pjcv button {
    padding: 7px 20px !important;
    margin: -26px 0px 0px !important;
    color: white !important;
    font-size: 18px !important;
}

.fcp_form .fcp_line.fcp_attachment button {
    padding: 10px 33px !important;
    color: rgb(255, 255, 255) !important;
    font-size: 20px !important;
    margin: -22px 0px 0px !important;
}

.network {
    margin: 0px;
    display: flex;
    justify-content: end;
    gap: 20px;
}

footer .network {
    margin: 0px;
    display: table;
}

footer .network.network a, .network a {
    color: rgb(255, 255, 255);
}

footer .network.network a {
    margin-bottom: 10px;
    transition: 0.3s;
    display: table;
}

.network a:hover, footer .network.network a:hover {
    color: rgb(171, 251, 63);
}

.network i i{font-size:0}
.custom-villes h2 {
    font-size: 22px;
    margin: 0px 0px 17px;
    line-height: 1.2;
}

.txtinfo {
}

.custom-villes {
}

.custom-villes .row {
    margin-bottom: 20px;
}

.ville h2 {
    margin: 0px;
}

.view-article .item-page {
    margin-bottom: 60px;
}

@media screen and (max-width: 1680px) {
    .col-md-7.col-sm-7.col-xs-7.menus {
        padding: 0px;
    }

    .customcta a {
        text-align: right;
        margin: 0px;
        display: block;
        padding: 0px;
    }

    header.header .container-fluid {
        width: 95%;
        padding: 0px;
    }

    .slogan {
    }
}

@media screen and (max-width: 1538px) {
    .header-inner .container, .container {
        max-width: 88%;
    }

    header.header .container-fluid {
        width: 97%;
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 55px;
    }

    .custom.bloc-5 {
        padding: 50px 0px 100px;
    }

    .custom.bloc-5::after {
        background: url("../images/forme-righ2t.png") right top / 70% no-repeat;
        top: 38%;
    }

    .custom.bloc-5 {
        margin-bottom: 0px;
    }

    .customcta a {
        font-size: 23px;
        /* padding: 7px 0px 0px; */
    }
}

@media screen and (max-width: 1470px) {
    .header-inner .container, .container {
        max-width: 95%;
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 50px;
    }

    .custombloc-1, .custombloc-2 {
        font-size: 26px;
    }

    h2, .h2 {
        font-size: 39px;
    }

    .customcta a {
        font-size: 25px;
    }

    footer {
        font-size: 24px;
    }

    .custom.bloc-1, body, .custom.bloc-3 {
    }

    .custom.bloc-2 .box h3 {
        font-size: 30px;
    }

    .custom.bloc-5 h2, .newslet h2, .custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
        font-size: 40px;
    }

    .custom.bloc-1 .txtinfo1 h3 {
        font-size: 27px;
    }

    .custom.bloc-3 .bloct-right {
        padding-left: 35px;
        text-align: left;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 101px;
        bottom: -62px;
        font-size: 20px;
    }

    .custom.bloc-3 .desc {
        max-width: 420px;
    }

    .custom.bloc-4 {
        position: relative;
        padding: 200px 0px 55px;
    }

    .itemid-101 main#content::before {
        top: 12%;
        height: 1680px;
    }

    .itemid-101 main#content::after {
        bottom: 0px;
        height: 1080px;
    }

    .custom.bloc-6 .tem {
        background: url("../images/tem.png") right 128px bottom -32px no-repeat rgb(255, 255, 255);
        padding: 79px 55px 0px;
        font-size: 24px;
    }

    .custom.bloc-6 .tem h3 {
        font-size: 19px;
    }

    .slogan {
    bottom: 70px;
    }

    .page-header h2 {
        font-size: 49px;
    }

    .custom.networks {
        bottom: 20px;
        right: 50px;
    }

    .custom.networks h3 {
        margin: 0px 0px 10px;
    }

    .network {
        gap: 10px;
    }
}

@media screen and (max-width: 1400px) {
    .custom.bloc-5 h2, .newslet h2, .custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
        font-size: 37px;
    }

    .custom.bloc-2 .box h3 {
        font-size: 26px;
    }

    .col-md-3.col-sm-3.col-xs-3.logos {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-7.col-sm-7.col-xs-7.menus {
        padding: 0px;
        flex: 0 0 63%;
        max-width: 63%;
    }

    a.logo {
        margin: -35px 0px 0px;
    }
.headertop { 
    top: 60px; 
}
    .newslet h2 {
        font-size: 30px;
    }

    .page-header h2 {
        font-size: 40px;
    }

    .custom-villes {
    }

    .custom-villes h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1300px) {
    .customcta a {
        font-size: 21px;
    }

    p.copyright, p.copyright a {
        font-size: 18px;
    }

    .img-left, .img-right {
        max-width: 45%;
    }

    .custom.bloc-1 .txtinfo2 a, .custom.bloc-5 .txtinfo02 a, body {
    }

    h2, .h2 {
        font-size: 36px;
    }

    .custom.bloc-3 .bloct-left img {
        position: absolute;
        right: -105px;
    }

    .custom.bloc-3 .desc {
        max-width: 380px;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 30px;
    }

    .custom.bloc-1, body, .custom.bloc-3 {
    }

    .custom.bloc-3 .bloct-right {
        padding-left: 65px;
        text-align: left;
        display: table;
        margin: auto;
        font-size: 22px;
    }

    .itemid-101 main#content::before {
        top: 15%;
        height: 1300px;
        clip-path: polygon(0px 0px, 100% 21%, 100% 100%, 0px 79%);
    }

    .custom.bloc-5::after {
        background: url("../images/forme-righ2t.png") right top / 50% no-repeat;
        top: 46%;
    }

    .custom.bloc-5 .txtinfo01 img {
        right: -32px;
        top: -50px;
    }

    .custom.bloc-5 .txtinfo01 h2 {
        width: 220px;
    }

    .custom.bloc-5 h2, .newslet h2, .custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
        font-size: 34px;
    }

    .custom.networks {
        right: 55px;
    }

    .page-header h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 1240px) {
    body {
        font-size: 16px;
    }

    .custom.networks {
        bottom: 19px;
        right: 20px;
    }

    .custom.bloc-1 .txtinfo1 h3 {
        font-size: 23px;
    }

    .custom.bloc-1 .txtinfo1 p.photo, .custom.bloc-5 .txtinfo01 img {
        right: -44px;
    }

    .slogan {
    }

    .custom.networks h3 {
        font-size: 22px;
    }

    .newslet h2 {
        font-size: 26px;
    }
}

@media screen and (max-width: 1155px) {
    .topmenu {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 1080px) {
    header.header .container-fluid {
        width: 100%;
        padding: 0px 30px;
    }

    header.header .col-md-2.col-sm-2.col-xs-2 {
        padding: 0px;
    }

    .scrollb {
        bottom: -27px;
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 39px;
    }

    .custom.bloc-1 .txtinfo1 p.photo {
        right: -83px;
    }

    .custom.bloc-5 h2, .custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
        font-size: 31px;
    }

    .custom.bloc-1 .txtinfo1 h2 {
        margin: 0px 167px 0px 0px;
    }

    .custom.bloc-1 .txtinfo1 h3 {
        font-size: 23px;
        margin: 0px;
        right: 272px;
        bottom: -199px;
    }

    .custom.bloc-2 .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .custom.bloc-3 .col-md-8, .custom.bloc-3 .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom.bloc-3 .bloct-left img {
        right: 0px;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 15%;
        bottom: -95px;
    }

    .custom.bloc-3 .bloct-right {
        padding-left: 0px;
        text-align: left;
        display: table;
        margin: 66px 0px 0px;
        font-size: 22px;
    }

    .custom.bloc-4 {
        position: relative;
        padding: 20px 0px 55px;
    }

    .custom.bloc-5 h2 {
        text-align: left;
    }

    .custom.bloc-6 .tem {
        background: url("../images/tem.png") right 68px bottom -32px no-repeat rgb(255, 255, 255);
        padding: 60px 35px 0px;
        font-size: 22px;
        border-radius: 173px;
    }

    .custom.bloc-6 {
        padding: 200px 0px 0px;
    }

    .topmenu {
        margin-bottom: 53px;
    }

    .customcta a {
    }

    .custom.networks h3 {
        font-size: 18px;
        margin-bottom: 1px;
    }
}

@media screen and (max-width: 992px) {
    .nav-menu.navmenu2 {
        padding: 0px;
        display: block;
    }

    nav#navigation {
        display: none;
    }
    .headertop {
        top: 30px;
    }
.topmenu {
        margin-bottom: 0;
    }
    nav.mobile-nav {
        display: block;
        padding: 2px 40px;
        /* position: absolute; */
        /* right: 101px; */
        background: #88c34d;
        margin-top: 50px;
    }

    .is-sticky nav.mobile-nav {
        top: 27px;
    }

    .is-sticky .customcta {
        margin-top: 0px;
    }

    .customcta {
    }

    .topheader {
        padding: 0;
    }

    nav.mobile-nav a {
        color: white;
    }

    .img-left, .img-right {
        float: none;
        display: table;
        margin: 0px auto 40px;
        max-width: 100%;
    }

    #flexslider-90 .slide-desc-box {
        top: 50% !important;
        right: 14% !important;
    }

    body {
        font-size: 17px;
    }

    p {
        margin-bottom: 10px;
    }

    a.logo {
        margin: 0px;
    }

    .customcta a {
        display: block;
    }

    header.header .col-md-2.col-sm-2.col-xs-2, header.header .col-md-3.col-sm-3.col-xs-3 {
        padding: 0px;
        flex: unset;
        max-width: 35%;
    }

    header.header .col-md-7.col-sm-7.col-xs-7 {
        padding: 0px;
        flex: unset;
        max-width: 30%;
    }

    .custom.bloc-1 .txtinfo2 {
        clear: both;
        padding-top: 280px;
        padding-left: 0px;
    }

    .custom.bloc-1 .txtinfo1 {
        display: table;
        margin: 0px auto 150px;
        max-width: 700px;
    }

    .custom-villes .col-md-6, .custom-villes .col-md-4, .custom-villes .col-md-8, .custom-villes .col-md-5, .custom-villes .col-md-7, .custom.bloc-1 .col-md-6, .custom.bloc-5 .col-md-6, .custom.bloc-6 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-villes img {
        display: table;
        margin: 0px auto 40px;
    }

    .custom.bloc-4 .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .custom.bloc-1 .txtinfo2 a, .custom.bloc-5 .txtinfo02 a {
        margin-top: 0px;
    }

    .custom.bloc-4 .boxr .photo {
        display: table;
        margin: auto;
    }

    .custom.bloc-5 .txtinfo1 {
        margin-bottom: 10px;
    }

    .custom.bloc-5 .txtinfo01 img {
        right: 0px;
        left: 0px;
        margin: auto;
    }

    .custom.bloc-5 .txtinfo2 {
        padding-top: 0px;
        color: rgb(142, 141, 146);
        padding-left: 0px;
        margin-bottom: 120px;
    }

    .custom.bloc-5 {
        padding: 100px 0px 0px;
        margin-bottom: 50px;
    }

    .custom.bloc-5 .txtinfo02 {
        padding-top: 0px;
        padding-left: 0px;
        margin: 290px 0px 0px;
        display: table;
    }

    .custom.bloc-6 .tem {
        font-size: 20px;
        max-width: 600px;
        display: table;
        margin: auto;
    }

    .custom.bloc-6 .col-md-6:nth-child(2) {
        padding-top: 45px;
    }

    .itemid-101 main#content::after {
        bottom: 0px;
        height: 1073px;
        clip-path: polygon(0px 20%, 100% 37%, 100% 100%, 0px 100%);
    }

    .custom.bloc-5 h2, .newslet h2, .custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
        font-size: 29px;
    }

    .custom.bloc-5 .txtinfo01 {
        margin: 100px 0px 281px;
    }

    .slogan {
        font-size: 22px;
    }

    .txtinfo {
        padding-right: 0px;
    }
}

@media screen and (max-width: 900px) {
    .custom.bloc-3 .desc {
        max-width: 350px;
    }
a.logo img {
    max-width: 180px;
}
    .custom.bloc-3 p.txtinfogreen {
        right: 17%;
    }

    .custom.networks {
        bottom: 10px;
        right: 17px;
    }
}

@media screen and (max-width: 860px) {
    a.logo {
        margin: 11px 0px 0px;
    }

    .custom.bloc-3 .desc {
        max-width: 280px;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 17%;
        bottom: 7px;
    }

    .custom.bloc-1, body, .custom.bloc-3 {
        font-size: 21px;
    }

    .page-header h2 {
        font-size: 32px;
    }

    #flexslider-90 .slide-desc-box {
        top: 58% !important;
        right: 5% !important;
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 39px;
    }
}

@media screen and (max-width: 800px) {
    .custom.bloc-3 h2 {
        padding-top: 10px;
    }

    .custom.bloc-3 .bloct-left img {
        right: unset;
        position: relative;
        left: unset;
        bottom: unset;
        display: table;
        margin: auto;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 34%;
        bottom: unset;
        top: 39%;
    }

    .custom.bloc-3 .desc {
        max-width: 100%;
    }

    .custom.bloc-3 .bloct-right {
        padding-left: 0px;
        display: table;
        margin: 0px;
    }

    .custom.bloc-5 .txtinfo01 img {
        right: 100px;
        left: unset;
        margin: 0px;
    }

    .custom.bloc-5 h2, .newslet h2, .custom.bloc-1 .txtinfo1 h2, .custom.bloc-3 h2, .custom.bloc-4 h2, .custom.bloc-5 .txtinfo01 h2 {
        font-size: 26px;
    }

    .page-header h2 {
        font-size: 24px;
    }

    .custom.networks h3 {
        font-size: 18px;
        margin: 0px 0px 3px;
    }

    .custom.networks {
        bottom: 2px;
        right: 15px;
    }

    .slogan {
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 33px;
    }
}

@media screen and (max-width: 767px) {
    .custom.bloc-2 .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom.bloc-2 .box {
        margin: 0px auto 50px;
    }

    .newslet {
        float: none;
        display: block;
        margin: 30px auto;
        max-width: 400px;
    }

    footer .network {
        margin: auto;
        display: flex;
        justify-content: center;
    }

    footer .sf-menu {
        float: none;
        display: table;
        max-width: 500px;
        margin: 0px auto 10px !important;
    }

    footer {
        padding: 50px 0px 20px;
    }
}

@media screen and (max-width: 693px) {
    header.header .col-md-2.col-sm-2.col-xs-2 {
        padding: 0px;
        flex: unset;
        max-width: 30%;
    }

    header.header .col-md-3.col-sm-3.col-xs-3 {
        padding: 0px;
        flex: unset;
        max-width: 50%;
    }

    header.header .col-md-7.col-sm-7.col-xs-7 {
        padding: 0px;
        flex: unset;
        max-width: 20%;
    }

    a.logo {
        margin: 0px;
    }

    nav.mobile-nav {
        right: 0px;
        left: 0px;
        margin: auto;
        text-align: center;
    }

    #flexslider-90 .slide-desc-box {
        left: 25px;
        top: 54% !important;
        right: unset !important;
    }

    .customcta {
    }

    .custom.bloc-5 .txtinfo01 img {
        right: 30px;
    }

    .custom.bloc-4 .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom.bloc-4 .boxr.bxr2, .custom.bloc-4 .boxr.bxr4 {
        margin-top: 0px;
    }

    .custom.bloc-5 .txtinfo01 h2 {
        width: 151px;
    }

    .custom.bloc-4 .boxr {
        margin: 0px auto 30px;
    }

    .view-article .banner img {
        width: 100%;
        height: 190px;
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 23px;
    }

    .custom.networks h3 {
        display: none;
    }

    .slogan {
    }

    .custom-villes h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    .custom.bloc-5 .txtinfo01 img {
        right: 0px;
        left: 0px;
        margin: auto;
    }

    .custom.bloc-5 .txtinfo01 h2 {
        width: 151px;
        padding-top: 400px;
        text-align: left;
    }

    .custom.bloc-5 .txtinfo02 {
        margin: 20px 0px 0px;
        display: table;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 28%;
        bottom: unset;
        top: 36%;
    }

    .custom.bloc-1 .txtinfo1 p.photo {
        right: unset;
        left: unset;
        margin: auto;
        text-align: center;
        display: table;
        position: relative;
        top: unset;
    }

    .custom.bloc-1 .txtinfo1 h2 {
        margin: -94px 0px 55px;
        text-align: center;
    }

    .custom.bloc-1 .txtinfo1 h3 {
        font-size: 23px;
        right: 0px;
        background: url("../images/loc.png") center top no-repeat;
        bottom: -199px;
        left: 0px;
        margin: auto;
        text-align: center;
        display: table;
    }

    .custom.bloc-1 .txtinfo2 {
        padding-top: 100px;
    }

    .custom.bloc-1 {
        padding: 100px 0px 25px;
    }

    .custom.bloc-5 .txtinfo01 {
        margin: 100px 0px 21px;
    }

    .view-article .custom.bloc-5 {
        padding: 0px;
        margin-bottom: 0px;
    }

    .view-article .custom.bloc-5 .container {
        width: 100%;
        padding: 0px;
    }

    .page-header h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 538px) {
    .network {
        gap: 8px;
    }

    .customcta a {
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {
    header.header .col-md-7.col-sm-7.col-xs-7 {
        padding: 0px;
        flex: unset;
        max-width: unset;
        display: table;
        width: 50px;
        z-index: 2;
        position: absolute;
        top: -28px;
        right: 18px;
    }

    header.header .container-fluid {
        width: 98%;
        padding: 0px 20px;
    }

    nav.mobile-nav {
        top: unset;
        text-align: right;
        left: unset;
        right: unset;
        position: relative;
    }

    .is-sticky nav.mobile-nav {
        top: 0px;
    }

    header.header .col-md-2.col-sm-2.col-xs-2.call {
        position: absolute;
        max-width: 50%;
        top: 23px;
        right: 25px;
    }

    .customcta {
        position: relative;
        text-align: right;
        margin-top: 12px;
    }

    a.logo {
        margin: 0px;
    }

    #flexslider-90 .slide-desc-box {
        left: 0px;
        top: 60% !important;
        right: 0% !important;
    }

    .customcta a {
        font-size: 18px;
    }

    .custom.networks h3 {
        font-size: 19px;
        margin: 0px 0px 4px;
    }

    .custom.networks {
        bottom: 10px;
        right: 13px;
    }

    .custom.bloc-6 .tem {
        background: url("../images/tem.png") right 63px bottom -54px no-repeat rgb(255, 255, 255);
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 24%;
        bottom: unset;
        top: 31%;
    }

    .custom.bloc-1 .txtinfo2 a, .custom.bloc-5 .txtinfo02 a {
        font-size: 20px;
        background: url("../images/fleche.png") right top 2px no-repeat;
    }

    .custom.bloc-1, body, .custom.bloc-3, .custom-villes {
        font-size: 20px;
    }

    .view-article .banner img {
        height: 240px;
        max-width: 100%;
    }

    .headertop {
        top: 20px;
    }

    #flexslider-90 .slide-desc h2 {
        font-size: 20px;
    }

    .slogan {
    padding: 0 20px;
    }

    .view-article.catid-8 .slogan {
        display: block;
    }

    .page-header {
    }

    .view-article.itemid-153 .page-header {
        margin: 0px;
        display: block;
    }
}

@media screen and (max-width: 465px) {
    .scrollb {
        bottom: -46px;
        background-size: 43% !important;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 21%;
        bottom: unset;
        top: 28%;
    }
}

@media screen and (max-width: 396px) {
    header.header .col-md-2.col-sm-2.col-xs-2.call {
        right: 10px;
    }

    header.header .col-md-7.col-sm-7.col-xs-7 {
        right: 0px;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 21%;
        bottom: unset;
        top: 20%;
    }

    .is-sticky nav.mobile-nav {
        top: 5px;
    }

    .custom.networks h3 {
        display: none;
    }
}

@media screen and (max-width: 360px) {
    #flexslider-90 .slide-desc-box {
        display: none;
    }

    .custom.networks {
        bottom: 10px;
        right: unset;
        left: 9px;
    }

    .view-article .custom.networks {
        bottom: 10px;
        right: 9px;
        left: unset;
    }

    .custom.networks h3 {
        font-size: 19px;
        margin: 0px;
    }

    .custom.bloc-3 p.txtinfogreen {
        right: 15%;
        top: 16%;
        font-size: 16px;
    }

    .slogan {
        font-size: 20px;
        width: 100%;
    }

    .page-header h2 {
    }
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
}

.iframe-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

#accordion {
    padding: 0px;
    clear: both;
    margin: 30px 0px;
}

#accordion {
    & .button.collapse i: :before {
        content: "";
    }

    & .button.collapse i: :before {
        content: "";
    }

    & .card-header {
    }

    & .card-header button {
        display: block;
        line-height: 1.2;
        position: relative;
        font-weight: 900;
        &::after {
            content: "";
            border-style: solid;
            border-color: rgb(169, 6, 0);
            border-image: initial;
            border-width: 0px 5px 5px 0px;
            display: inline-block;
            padding: 7px;
            position: absolute;
            right: 25px;
            top: 29px;
            transform: rotate(45deg);
        }

        &[aria-expanded="true"]: :after {
            top: 35px;
            border: 0px;
            background: rgb(255, 255, 255);
            width: 24px;
            height: 5px;
            transform: none;
            padding: 0px;
        }
    }

    & .accordion-title {
        position: relative;
        display: block;
        padding: 17px 65px 17px 45px;
        background: rgb(21, 82, 0);
        overflow: hidden;
        text-decoration: none;
        color: rgb(255, 255, 255);
        font-size: 28px;
        width: 100%;
        text-align: left;
        transition: 0.4s ease-in-out;
        & i {
            position: absolute;
            width: 40px;
            height: 100%;
            left: 0px;
            top: 0px;
            color: rgb(255, 255, 255);
            text-align: center;
            border-right: 1px solid transparent;
        }
    }

    & .accordion-body {
        background: rgb(240, 243, 247);
        font-weight: 500;
        padding: 50px 60px;
        font-size: 24px;
        & ul {
            list-style: none;
            margin-left: 0px;
            padding-left: 0px;
        }

        & li {
            padding-left: 1.2rem;
            text-indent: -1.2rem;
            &::before {
                content: "";
                padding-right: 5px;
                font-size: 16px;
                font-style: normal;
                color: rgb(33, 55, 68);
            }
        }
    }
}

.card {
    margin-bottom: 20px;
}

.Cadrebox {
    background: rgb(25, 28, 49);
    min-height: 350px;
    clip-path: polygon(0px 0px, 100% 0px, 100% 96%, 80% 100%, 62% 87%, 0px 100%);
    display: block;
    color: rgb(199, 199, 203);
    padding: 44px 44px 90px;
    font-size: 22px;
    font-weight: 300;
}

.Cadrebox h3 {
    padding: 0px;
    margin: 0px 0px 20px;
    position: relative;
    font-style: normal;
    font-size: 40px;
    font-weight: 900;
    color: rgb(255, 255, 255);
}

.Cadrebox h3::before {
    content: "";
    background: rgb(169, 6, 0);
    position: absolute;
    width: 47px;
    height: 14px;
    left: 0px;
    top: -44px;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.BlkAvisinter {
    background: url("../images/puce1.png") left 30px top 30px no-repeat, url("../images/puce2.png") right 30px bottom 30px no-repeat rgb(240, 243, 247);
    float: right;
    max-width: 900px;
    width: 100%;
    padding: 50px;
    margin-bottom: 15px;
}

p.lien a {
    color: rgb(101, 114, 36) !important;
    font-weight: 700;
}

.ville p.strong {
    line-height: inherit;
    border-top: 1px solid rgb(241, 240, 240);
    padding-top: 10px;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 900 !important;
}
.ville p.strong a{color:#000}
.ville p.strong a:hover{color:rgb(101, 114, 36)}