@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Inter:400,500,600,700&display=swap");
.block-link {
 background:#fff;
 box-shadow:0 1px 4px rgba(0,
 0,
 0,
 .15);
 text-decoration:none;
 border-radius:3px;
 margin-top:1.4375rem;
 padding:.9375rem .625rem .9375rem 1.375rem;
 color:#255cba
}
.block-link em {
 font-weight:700;
 font-family:Helvetica Neue,sans-serif;
 font-style:normal
}

.block-link:hover {
 box-shadow:0 10px 32px rgba(0,0,0,.15);
 background:#ff4500;
 border-color:#21b572;
 color:#fff;
 text-decoration:none

}
@media only screen and (max-width:991px) {
 .block-link {
  margin-top:1.75rem;
  padding:1.8125rem .4375rem 1.8125rem 1.0625rem;
  margin-top:1.25rem;
  padding:.6875rem .4375rem .6875rem .625rem
 }
}
.btn.btn-outline,
.btn.btn-primary,
.btn.btn-secondary {
 height:2.8125rem;
 line-height:2.5rem;
 display:inline-block;
 padding:0 1.25rem;
 margin:0;
 font-size:.9375rem;
 font-weight:600;
 border:1px solid #21b572;
 border-radius:10px;
 box-shadow:none
}
.btn.btn-outline.medium,
.btn.btn-primary.medium,
.btn.btn-secondary.medium {
 height:3.125rem;
 line-height:2.8125rem;
 font-size:1.125rem;
 padding:0 1.5625rem
}
.btn.btn-outline.medium i,
.btn.btn-primary.medium i,
.btn.btn-secondary.medium i {
 font-size:1rem
}
.btn.btn-outline.big,
.btn.btn-primary.big,
.btn.btn-secondary.big {
 height:4rem;
 line-height:3.75rem;
 font-size:1.375rem;
 padding:0 1.875rem
}
.btn.btn-outline.big i,
.btn.btn-primary.big i,
.btn.btn-secondary.big i {
 transform:none
}
.btn.btn-outline.focus,
.btn.btn-outline:active,
.btn.btn-outline:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-secondary.focus,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
 box-shadow:none!important
}
.btn.btn-outline i,
.btn.btn-primary i,
.btn.btn-secondary i {
 margin-left:-10px;
 margin-right:5px;
 transition:.3s
}
.btn.btn-outline i:before,
.btn.btn-primary i:before,
.btn.btn-secondary i:before {
 transition:.3s
}
.btn.btn-primary {
 color:#fff;
 background:#ff4500;
 border-color:#21b572
}
.btn.btn-primary.active,
.btn.btn-primary.hover-white.active,
.btn.btn-primary.hover-white:active,
.btn.btn-primary.hover-white:hover,
.btn.btn-primary:active,
.btn.btn-primary:hover {
 background:#21b572
}
.btn.btn-secondary {
 background:transparent;
 border-color:#ff4500;
 color:#23cb7f
}
.btn.btn-secondary:hover {
 background-color:#ff4500;
 color:#fff
}
.btn.btn-outline {
 background:transparent;
 height:2.25rem;
 line-height:2rem;
 font-size:.8125rem;
 border-width:1px;
 box-shadow:0 1px 1px rgba(0,0,0,.1);
 border-color:#e4e4e4;
 font-weight:400;
 color:#515457
}
.btn.btn-outline.white {
 border-color:#fff;
 color:#fff
}
.btn.btn-outline.white i {
 color:#fff
}
.btn.btn-outline.white:hover {
 color:#255cba;
 border-color:#fff;
 background-color:#fff
}
.btn.btn-outline.white:hover i {
 color:#255cba
}
.btn.btn-outline.fs-14 {
 font-size:.875rem
}
.btn.btn-outline.small {
 padding:0 .9375rem
}
.btn.btn-outline.small i {
 font-size:.625rem;
 margin-left:-5px
}
.btn.btn-outline.semibold {
 font-weight:600
}
.btn.btn-outline.bold {
 font-weight:700
}
.btn.btn-outline:hover {
 border-color:#657693
}
.btn.btn-outline.fs-20 {
 font-size:1.25rem
}
.btn.btn-outline i {
 color:#515457;
 font-size:.875rem;
 transform:none
}
.btn.btn-outline.active,
.btn.btn-outline.active i {
 color:#255cba;
 transition:none!important
}
.btn i {
 margin-left:-4px;
 margin-right:8px;
 font-size:1.25rem;
 transform:translateY(2px)
}
.btn i.right {
 position:absolute;
 right:1.25rem;
 top:50%;
 margin:0;
 transform:translateY(-50%)
}
.btn.disabled {
 opacity:.5
}
@media only screen and (max-width:1199px) {
 .btn.btn-outline.big,
 .btn.btn-primary.big,
 .btn.btn-secondary.big {
  font-size:1.375rem;
  line-height:27px;
  padding:0 .9375rem
 }
}
@media only screen and (max-width:1024px) {
 .mt-auto-t {
  margin-top:auto
 }
 .btn.btn-outline {
  font-size:.75rem
 }
}
@media only screen and (max-width:767px) {
 .btn.btn-outling.big,
 .btn.btn-primary.big,
 .btn.btn-secondary.big {
  height:3.125rem;
  line-height:3rem;
  font-size:1.25rem
 }
 .btn.btn-outling.big i,
 .btn.btn-primary.big i,
 .btn.btn-secondary.big i {
  font-size:.875rem
 }
}
@media only screen and (max-width:320px) {
 .btn.btn-outline.big,
 .btn.btn-primary.big,
 .btn.btn-secondary.big {
  font-size:1rem
 }
 .btn.btn-outline {
  font-size:.75rem;
  padding-right:.625rem
 }
}
input[type=email],
input[type=number],
input[type=text] {
 background-color:#f5f5f5;
 border:none;
 height:2.8125rem;
 line-height:2.5rem;
 display:inline-block;
 padding:0 1.25rem;
 border-radius:4px
}
input[type=email].big,
input[type=number].big,
input[type=text].big {
 height:4rem;
 line-height:4rem;
 padding-left:3.125rem
}
input[datalist] {
 background:#faecaa
}
input::-webkit-input-placeholder {
 color:#39475f
}
input::-moz-placeholder {
 color:#39475f
}
input:-ms-input-placeholder {
 color:#39475f
}
input:-moz-placeholder {
 color:#39475f
}
textarea {
 background-color:#f5f5f5;
 border:none;
 min-height:7.9375rem;
 max-height:7.9375rem;
 height:7.9375rem;
 display:inline-block;
 padding:0 1.25rem;
 border-radius:4px;
 resize:none
}
.autocomplete-suggestions .autocomplete-suggestion {
 color:#333
}
.autocomplete-suggestions .autocomplete-suggestion.selected {
 background:#faecaa
}
@media only screen and (max-width:767px) {
 input[type=email].big,
 input[type=number].big,
 input[type=text].big {
  height:3rem;
  line-height:3rem;
  padding-left:2.75rem;
  font-size:.75rem
 }
 .autocomplete-suggestions .autocomplete-suggestion {
  font-size:.75rem
 }
}
@media only screen and (max-width:370px) {
 input.custom.no-cb[type=checkbox]:checked+label,
 input.custom.no-cb[type=checkbox]:not(:checked)+label,
 input.custom.no-cb[type=radio]:checked+label,
 input.custom.no-cb[type=radio]:not(:checked)+label {
  font-size:.75rem;
  margin-left:0;
  width:calc(33.33333% - 4px);
  padding:3px 0;
  margin-right:0
 }
}
.autocomplete-suggestions {
 text-align:left;
 cursor:default;
 border-radius:4px;
 border-top:0;
 background:#fff;
 box-shadow:-1px 1px 3px rgba(0,0,0,.1);
 position:absolute;
 display:none;
 z-index:9999;
 max-height:254px;
 overflow:hidden;
 overflow-y:auto;
 box-sizing:border-box;
 margin-top:3px
}
.autocomplete-suggestions .autocomplete-suggestion {
 position:relative;
 padding:.75rem 1.375rem;
 line-height:.875rem;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 font-size:1rem;
 color:#39475f
}
.autocomplete-suggestions .autocomplete-suggestion b {
 font-weight:400
}
.autocomplete-suggestions .autocomplete-suggestion.selected {
 color:#fff;
 background:#ff4500;
 cursor:pointer
}
@media only screen and (max-width:767px) {
 .autocomplete-suggestions .autocomplete-suggestion {
  font-size:.75rem
 }
}
span.twitter-typeahead .tt-menu {
 max-height:400px;
 overflow-y:auto;
 width:100%;
 padding:0
}
span.twitter-typeahead .tt-menu .tt-header {
 padding:10px 20px;
 color:#39475f;
 cursor:context-menu
}
span.twitter-typeahead .tt-menu .tt-header:hover {
 background:none
}
span.twitter-typeahead .tt-menu .tt-suggestion {
 padding:10px 20px
}
span.twitter-typeahead .tt-menu .tt-suggestion:hover {
 color:#fff;
 background:#23cb7f
}
span.twitter-typeahead .tt-menu .tt-suggestion.tt-empty {
 display:none
}
span.twitter-typeahead .tt-menu .tt-suggestion.tt-empty:hover {
 background:initial
}

.map * {
 transition:.3s
}
.map svg {
 width:36.25rem;
 height:46.25rem
}
.map svg path {
 fill:#ff4500;
 fill-opacity:1;
 stroke:#fff;
 stroke-opacity:1;
 stroke-width:2
}
.map svg path:hover {
 fill:#00d9fd
}


@media only screen and (max-width:991px) {
 .map {
  max-height:33.125rem
 }
	.map svg path:hover {
 fill:#00d9fd
}
 .map svg {
  height:43.75rem;
  width:110%;
  max-width:none
 }
}
@media only screen and (max-width:767px) {
 .map {
  max-height:95vw
 }
	.map svg path:hover {
 fill:#00d9fd
}
 .map svg {
  width:120%;
  height:auto;
  max-width:none
 }
}
@media only screen and (max-width:320px) {
 .map {
  max-height:19.6875rem
 }
	.map svg path:hover {
 fill:#00d9fd
}
 .map svg {
  width:21.875rem;
  height:21.875rem
 }
}
.section_contenu {
 color:#39475f;
 font-size:1.125rem;
 line-height:1.6875rem
}
.section_contenu h2 {
 font-size:1.5rem;
 line-height:2.25rem;
 font-weight:700;
 margin-bottom:20px
}
.section_contenu h3,
.section_contenu h4 {
 font-size:1.375rem;
 line-height:2.0625rem;
 font-weight:700;
 margin-bottom:20px
}
.section_contenu h4 {
 font-weight:600;
 margin-bottom:18px
}
.section_contenu ul {
 padding-left:50px;
 list-style:disc;
 font-size:1.125rem;
 line-height:1.6875rem;
 margin-bottom:20px
}
.section_contenu blockquote,
.section_contenu blockquote p {
 font-weight:500;
 color:#657693
}
.section_contenu blockquote,
.section_contenu blockquote p,
.section_contenu p {
 font-size:1.125rem;
 line-height:1.6875rem;
 margin-bottom:20px
}
.section_contenu a,
.section_contenu a:hover {
 color:#159cff
}
.section_contenu table {
 margin-bottom:20px;
 border:none
}
.section_contenu table caption {
 color:#657693;
 font-size:.5rem
}
.section_contenu table thead {
 color:#fff;
 font-weight:700;
 font-size:1rem;
 line-height:1.5rem;
 background-color:#39475f;
 border:1px solid #dce5eb
}
.section_contenu table thead td,
.section_contenu table thead th {
 border:1px solid #dce5eb;
 padding:21px 8px
}
.section_contenu table tbody tr:nth-child(2n) {
 background-color:#e9f1f7
}
.section_contenu table tbody td,
.section_contenu table tbody th {
 border:1px solid #dce5eb;
 font-size:1rem;
 line-height:1.5rem;
 color:#39475f;
 padding:11px 8px
}
@media only screen and (min-width:767px) {
 .section_contenu h2 {
  font-size:1.625rem;
  line-height:2.4375rem
 }
 .section_contenu h3,
 .section_contenu h4 {
  font-size:1.25rem;
  line-height:1.875rem
 }
 .section_contenu table caption {
  font-size:.625rem
 }
 .section_contenu table thead td,
 .section_contenu table thead th {
  padding:14px 21px
 }
 .section_contenu table tbody td,
 .section_contenu table tbody th {
  padding:12px 14px


 }
}
.breadcrumb {
 background:none;
 padding:.9375rem 1.125rem;
 border-radius:0;
 margin:0;
 width:auto;
 position:relative;
 z-index:2;
 display:inline-block
}
.breadcrumb a,
.breadcrumb span {
 font-size:1rem;
 color:#657693
}
.breadcrumb a {
 position:relative;
 display:inline-block;
 padding-right:.75rem
}
.breadcrumb img {
 width:20px;
 height:14px;
 margin-right:10px
}
@media only screen and (min-width:767px) {
 .breadcrumb {
  padding:.625rem 3.25rem
 }
 .breadcrumb a,
 .breadcrumb span {
  font-size:.8125rem
 }
 .breadcrumb a:before {
  content:">";
  font-weight:600;
  font-size:.75rem;
  position:absolute;
  right:.125rem;
  top:0;
  display:inline-block;
  width:5px;
  height:5px
 }
}
footer.footer {
 padding:3.125rem 0 1.875rem;
 font-size:.875rem;
 color:#fff;
 background-color:#39475f
}
footer.footer a {
 color:#fff
}
footer.footer a:hover {
 color:inherit
}
footer.footer .copyright {
 margin-top:2rem;
 border-top:1px solid #5a6983;
 padding-top:.875rem;
 color:#b0b8c6
}
footer.footer .copyright span {
 cursor:pointer
}
@media only screen and (max-width:1199px) {
 footer.footer {
  padding:1.875rem 0 1.25rem
 }
}
@media only screen and (max-width:991px) {
 footer.footer.page-residence {
  margin-bottom:4.375rem
 }
}
@media only screen and (max-width:767px) {
 footer.footer ul.disc li {
  padding:0
 }
 footer.footer ul.disc li:before {
  display:none
 }
}
header.header {
 position:relative;
 box-shadow:0 1px 3px rgba(0,0,0,.16)
}
@media (max-width:767px) {
 header.header.fixedMob {
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  width:100%
 }
}
header.header .header__icons {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center
}
header.header .header__icons>* {
 padding:0 .2rem;
 cursor:pointer;
 height:100%;
 -ms-flex-align:center;
 align-items:center
}
header.header a:not(.logo) {
 cursor:default
}
header.header .fs-16 {
 line-height:.3
}
header.header .fs-28 {
 line-height:1
}
header.header .fa-phone {
 margin-right:10px;
 line-height:2.25rem;
 transform:rotate(90deg);
 position:relative;
 top:-6px;
 left:5px
}
header.header .num-appel {
 border-radius:21px;
 background:#d4f2e8;
 padding:.8rem 1.6rem .1rem .3rem
}
@media only screen and (max-width:767px) {
 header.header a {
  margin-right:0!important;
  cursor:pointer
 }
 header.header .fa-phone {
  margin-right:0;
  top:4px;
  left:0;
  line-height:0
 }
 header.header .num-appel {
  border-radius:50%;
  padding:0;
  height:2rem;
  width:2rem;
  text-align:center
 }
}
* {
 -webkit-font-smoothing:antialiased
}


.container-970 {
 width:100%;
 max-width:970px;
 margin:0 auto
}
.container-1090 {
 width:100%;
 max-width:1090px;
 margin:0 auto
}
h1,
h2,
h3,
h4,
h5,
h6 {
 
 margin:0
}
h1.border-bottom,
h2.border-bottom,
h3.border-bottom,
h4.border-bottom,
h5.border-bottom,
h6.border-bottom {
 padding-bottom:5px
}

.hidden {
 display:none!important
}
.margin-breadcrumb {
 margin-top:-20px
}
.close-filters-mobile,
.cursor-pointer {
 cursor:pointer
}
.sep-shadow {
 box-shadow:0 4px 6px rgba(0,0,0,.13);
 height:20px;
 margin-left:-20px;
 width:calc(100% + 40px)
}
.comparatif-img {
 min-width:46.875rem;
 max-width:46.875rem
}
.img-aide-financiere {
 width:95px;
 height:132px
}
img {
 max-width:100%
}
a {
 transition:.3s
}
a,
a:hover {
 color:#159cff
}
a:hover {
 text-decoration:underline
}
a.no-css {
 color:inherit
}
a.no-css:hover {
 color:inherit;
 text-decoration:inherit
}
.uppercase {
 text-transform:uppercase
}
.lowercase {
 text-transform:lowercase
}
.nowrap {
 white-space:nowrap
}
.light {
 font-weight:300
}
.regular {
 font-weight:400
}
.medium {
 font-weight:500
}
.semibold {
 font-weight:600
}
.bold {
 font-weight:700
}
.fs-9 {
 font-size:.5625rem
}
.fs-9,
.fs-10 {
 line-height:.9375rem
}
.fs-10 {
 font-size:.625rem
}
.fs-11 {
 font-size:.6875rem;
 line-height:.9375rem
}
.fs-12 {
 font-size:.75rem;
 line-height:1.0625rem
}
.fs-13 {
 font-size:.8125rem;
 line-height:1.125rem
}
.fs-14 {
 font-size:.875rem;
 line-height:1.1875rem
}
.fs-15 {
 font-size:.9375rem;
 line-height:1.25rem
}
.fs-16 {
 font-size:1.2rem;
 line-height:2.5rem
}
.fs-17 {
 font-size:1.0625rem;
 line-height:1.6875rem
}
.fs-18 {
 font-size:1.125rem;
 line-height:1.625rem
}
.fs-20 {
 font-size:1.25rem
}
.fs-20,
.fs-21 {
 line-height:1.75rem
}
.fs-21 {
 font-size:1.3125rem
}
.fs-22 {
 font-size:1.375rem;
 line-height:1.875rem
}
.fs-23 {
 font-size:1.4375rem;
 line-height:2rem
}
.fs-24 {
 font-size:1.5rem;
 line-height:2.0625rem
}
.fs-25 {
 font-size:1.5625rem;
 line-height:2.3125rem
}
.fs-26 {
 font-size:1.625rem;
 line-height:2.0625rem
}
.fs-28 {
 font-size:1.75rem;
 line-height:2.5rem
}
.fs-32 {
 font-size:2rem
}
.fs-32,
.fs-34 {
 line-height:2.6875rem
}
.fs-34 {
 font-size:2.125rem
}
.fs-42 {
 font-size:2.625rem;
 line-height:3.1875rem
}
.pos-absolute-right {
 position:absolute;
 right:-30px;
 top:21px;
 transform:translateY(-50%)
}
.border-grey {
 border:1px solid #e4e4e4
}
.border-white {
 border:1px solid #fff
}
.border-top {
 border-top:1px solid #e4e4e4
}
.border-left-2 {
 border-left:2px solid #e4e4e4
}
.border-y {
 border-top:1px solid #e4e4e4;
 border-bottom:1px solid #e4e4e4
}
.bloc-border-left-green {
 border-left:5px solid #ff4500;
 padding-left:10px
}
.text-blue {
 color:#255cba
}
.text-lightblue {
 color:#159cff
}
.text-yellow {
 color:#f8b81f
}
.text-orange {
 color:#ff4500;
}
.text-green {
 color:#23cb7f
}
.text-red {
 color:#ea5a5a
}
.text-grey {
 color:#515457
}
.text-grey2 {
 color:#dce5eb
}
.text-lightgrey {
 color:#657693
}
.text-darkgrey {
 color:#39475f
}
.text-lightergrey {
 color:#d1d1d1
}
.text-white {
 color:#fff
}
.bg-blue {
 background-color:#255cba
}
.bg-blue-gradient {
 background:linear-gradient(90deg,#365ca4 1%,#4572c7)
}
.bg-yellow {
 background-color:#f8b81f
}
.bg-grey {
 background-color:#f6f9fc
}
.bg-grey-darker {
 background-color:#e9f1f7
}
.bg-grey-lighter {
 background-color:#fafafa
}
.bg-light {
 background-color:#f0f0f0
}
.bg-lighter {
 background-color:#f5f5f5
}
.bg-green {
 background-color:#23cb7f
}
.box-shadow-light {
 box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.box-shadow {
 box-shadow:0 10px 20px rgba(0,0,0,.08)
}
.box-shadow-hard {
 box-shadow:0 2px 2px rgba(0,0,0,.15)
}
.box-shadow-medium {
 box-shadow:0 10px 32px rgba(0,0,0,.15)
}
.shadow-left {
 box-shadow:-5px 0 10px rgba(0,0,0,.2)
}
.radius {
 border-radius:4px
}
.radius-top {
 border-radius:4px 4px 0 0
}
.radius-medium {
 border-radius:11px
}
.mb-2-n {
 margin-bottom:-22px!important
}
.p-0 {
 padding:0!important
}
.p-1 {
 padding:10px!important
}
.p-2 {
 padding:20px!important
}
.p-3 {
 padding:30px!important
}
.p-4 {
 padding:40px!important
}
.p-5 {
 padding:50px!important
}
.pt-0 {
 padding-top:0!important
}
.pt-1 {
 padding-top:10px!important
}
.pt-2 {
 padding-top:20px!important
}
.pt-3 {
 padding-top:30px!important
}
.pt-4 {
 padding-top:40px!important
}
.pt-5 {
 padding-top:50px!important
}
.pr-0 {
 padding-right:0!important
}
.pr-1 {
 padding-right:10px!important
}
.pr-2 {
 padding-right:20px!important
}
.pr-3 {
 padding-right:30px!important
}
.pr-4 {
 padding-right:40px!important
}
.pr-5 {
 padding-right:50px!important
}
.pb-0 {
 padding-bottom:0!important
}
.pb-1 {
 padding-bottom:10px!important
}
.pb-2 {
 padding-bottom:20px!important
}
.pb-3 {
 padding-bottom:30px!important
}
.pb-4 {
 padding-bottom:40px!important
}
.pb-5 {
 padding-bottom:50px!important
}
.pl-0 {
 padding-left:0!important
}
.pl-1 {
 padding-left:10px!important
}
.pl-2 {
 padding-left:20px!important
}
.pl-3 {
 padding-left:30px!important
}
.pl-4 {
 padding-left:40px!important
}
.pl-5 {
 padding-left:50px!important
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important
}
.py-1 {
 padding-top:10px!important;
 padding-bottom:10px!important
}
.py-2 {
 padding-top:20px!important;
 padding-bottom:20px!important
}
.py-3 {
 padding-top:30px!important;
 padding-bottom:30px!important
}
.py-4 {
 padding-top:40px!important;
 padding-bottom:40px!important
}
.py-5 {
 padding-top:50px!important;
 padding-bottom:50px!important
}
.px-0 {
 padding-left:0!important;
 padding-right:0!important
}
.px-1 {
 padding-left:10px!important;
 padding-right:10px!important
}
.px-2 {
 padding-left:20px!important;
 padding-right:20px!important
}
.px-3 {
 padding-left:30px!important;
 padding-right:30px!important
}
.px-4 {
 padding-left:40px!important;
 padding-right:40px!important
}
.px-5 {
 padding-left:50px!important;
 padding-right:50px!important
}
.m-0 {
 padding:0!important
}
.m-1 {
 padding:10px!important
}
.m-2 {
 padding:20px!important
}
.m-3 {
 padding:30px!important
}
.m-4 {
 padding:40px!important
}
.m-5 {
 padding:50px!important
}
.mt-0 {
 margin-top:0!important
}
.mt-1 {
 margin-top:10px!important
}
.mt-2 {
 margin-top:20px!important
}
.mt-3 {
 margin-top:30px!important
}
.mt-4 {
 margin-top:40px!important
}
.mt-5 {
 margin-top:-80px!important
}
@media only screen and (max-width:748px) {
.mt-5 {
 margin-top:-10px! important
}
	}
.mr-0 {
 margin-right:0!important
}
.mr-1 {
 margin-right:10px!important
}
.mr-2 {
 margin-right:20px!important
}
.mr-3 {
 margin-right:30px!important
}
.mr-4 {
 margin-right:40px!important
}
.mr-5 {
 margin-right:50px!important
}
.mb-0 {
 margin-bottom:0!important
}
.mb-1 {
 margin-bottom:10px!important
}
.mb-2 {
 margin-bottom:20px!important
}
.mb-3 {
 margin-bottom:30px!important
}
.mb-4 {
 margin-bottom:40px!important
}
.mb-5 {
 margin-bottom:50px!important
}
.ml-0 {
 margin-left:0!important
}
.ml-1 {
 margin-left:10px!important
}
.ml-2 {
 margin-left:20px!important
}
.ml-3 {
 margin-left:30px!important
}
.ml-4 {
 margin-left:40px!important
}
.ml-5 {
 margin-left:50px!important
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important
}
.my-1 {
 margin-top:10px!important;
 margin-bottom:10px!important
}
.my-2 {
 margin-top:20px!important;
 margin-bottom:20px!important
}
.my-3 {
 margin-top:30px!important;
 margin-bottom:30px!important
}
.my-4 {
 margin-top:40px!important;
 margin-bottom:40px!important
}
.my-5 {
 margin-top:50px!important;
 margin-bottom:50px!important
}
.mx-0 {
 margin-left:0!important;
 margin-right:0!important
}
.mx-1 {
 margin-left:10px!important;
 margin-right:10px!important
}
.mx-2 {
 margin-left:20px!important;
 margin-right:20px!important
}
.mx-3 {
 margin-left:30px!important;
 margin-right:30px!important
}
.mx-4 {
 margin-left:40px!important;
 margin-right:40px!important
}
.mx-5 {
 margin-left:50px!important;
 margin-right:50px!important
}
.hidden {
 display:none
}
ul {
 padding:0;
 margin:0;
 margin-bottom:.3125rem;
 list-style:none
}
ul.dash li,
ul.disc li,
ul.tick li {
 width:100%;
 display:inline-block;
 padding-left:.625rem;
 margin-bottom:.3125rem;
 position:relative
}
ul.dash li:before,
ul.disc li:before,
ul.tick li:before {
 content:"•";
 position:absolute;
 left:0;
 top:0;
 display:inline-block;
 width:5px;
 height:5px
}
ul.dash li a:hover,
ul.disc li a:hover,
ul.tick li a:hover {
 color:#255cba
}
ul.dash li:last-child,
ul.disc li:last-child,
ul.tick li:last-child {
 margin:0!important
}
ul.text-white li,
ul.text-white li a,
ul.text-white li span {
 color:#fff
}
ul.text-white li a:hover {
 color:#f8b81f
}
ul.half li {
 width:calc(50% - 10px);
 padding-right:.625rem
}
ul.three-columns {
 column-count:3
}
ul.dash li:before {
 content:"–"
}
ul.tick li {
 padding-left:1.25rem
}
ul.tick li:before {
 content:"\f00c";
 font-family:Font Awesome\ 5 Free;
 font-weight:900;
 color:#ff4500;
 font-size:.875rem
}
ul.inline {
 list-style-type:none
}
ul.inline li {
 display:inline-block
}
ul.reset {
 list-style-type:none
}
ul.reset li {
 display:inline-block;
 width:100%
}
ul.list-icon,
ul.list-icon li {
 display:inline-block;
 list-style-type:none
}
ul.list-icon li {
 width:10px;
 margin:0;
 font-size:12px;
 padding:0
}
ul.list-icon.stars li {
 margin-right:.25rem
}
ul.list-icon.stars li i {
 color:#f8b81f
}
ul.list-icon.circle li {
 width:.4375rem;
 font-size:.5625rem
}
ul.links a {
 color:#39475f
}
ul.links li:hover,
ul.links li:hover a {
 color:#159cff
}
.lh-12 {
 line-height:.75rem
}
.lh-19 {
 line-height:1.1875rem!important
}
.lh-26 {
 line-height:1.625rem
}
.main-title-container {
 min-height:143px
}
.main-title-container.big {
 height:190px
}
#buttonGoTop {
 position:fixed;
 bottom:20px;
 right:30px;
 display:none;
 background-color:rgba(57,71,95,.7);
 box-shadow:0 10px 10px rgba(0,0,0,.13);
 border-radius:8px;
 border:none;
 color:#fff;
 font-size:1rem;
 padding:13px
}
#buttonGoTop span {
 margin-top:3px
}
@media only screen and (max-width:1199px) {
 .main-title-container {
  min-height:11.875rem
 }
 .main-title-container h1 {
  width:100%
 }
 .main-title-container .btn.btn-outline.small {
  padding:0 .4375rem;
  font-size:.6875rem;
  height:2rem
 }
 .main-title-container .btn.btn-outline.small i {
  margin-left:0
 }
 #buttonGoTop.details {
  bottom:130px
 }
 .text-center-t {
  text-align:center
 }
 .fs-t-30 {
  font-size:1.875rem;
  line-height:2.5625rem
 }
 .fs-t-28 {
  font-size:1.75rem;
  line-height:1.875rem
 }
 .fs-t-24 {
  font-size:1.5rem;
  line-height:2.0625rem
 }
 .fs-t-22 {
  font-size:1.375rem;
  line-height:2.125rem
 }
 .fs-t-21 {
  font-size:1.3125rem;
  line-height:2rem
 }
 .fs-t-18 {
  font-size:1.125rem;
  line-height:1.75rem
 }
 .fs-t-16 {
  font-size:1rem;
  line-height:1.625rem
 }
 .fs-t-15 {
  font-size:.9375rem;
  line-height:1.5rem
 }
 .fs-t-14 {
  font-size:.875rem;
  line-height:1.375rem
 }
 .fs-t-13 {
  font-size:.8125rem;
  line-height:1.3125rem
 }
 .fs-t-12 {
  font-size:.75rem;
  line-height:1.25rem
 }
 .fs-t-11 {
  font-size:.6875rem;
  line-height:1.125rem
 }
 .p-t-0 {
  padding:0!important
 }
 .p-t-1 {
  padding:10px!important
 }
 .p-t-2 {
  padding:20px!important
 }
 .p-t-3 {
  padding:30px!important
 }
 .p-t-4 {
  padding:40px!important
 }
 .p-t-5 {
  padding:50px!important
 }
 .pt-t-0 {
  padding-top:0!important
 }
 .pt-t-1 {
  padding-top:10px!important
 }
 .pt-t-2 {
  padding-top:20px!important
 }
 .pt-t-3 {
  padding-top:30px!important
 }
 .pt-t-4 {
  padding-top:40px!important
 }
 .pt-t-5 {
  padding-top:50px!important
 }
 .pr-t-0 {
  padding-right:0!important
 }
 .pr-t-1 {
  padding-right:10px!important
 }
 .pr-t-2 {
  padding-right:20px!important
 }
 .pr-t-3 {
  padding-right:30px!important
 }
 .pr-t-4 {
  padding-right:40px!important
 }
 .pr-t-5 {
  padding-right:50px!important
 }
 .pb-t-0 {
  padding-bottom:0!important
 }
 .pb-t-1 {
  padding-bottom:10px!important
 }
 .pb-t-2 {
  padding-bottom:20px!important
 }
 .pb-t-3 {
  padding-bottom:30px!important
 }
 .pb-t-4 {
  padding-bottom:40px!important
 }
 .pb-t-5 {
  padding-bottom:50px!important
 }
 .pl-t-0 {
  padding-left:0!important
 }
 .pl-t-1 {
  padding-left:10px!important
 }
 .pl-t-2 {
  padding-left:20px!important
 }
 .pl-t-3 {
  padding-left:30px!important
 }
 .pl-t-4 {
  padding-left:40px!important
 }
 .pl-t-5 {
  padding-left:50px!important
 }
 .py-t-0 {
  padding-top:0!important;
  padding-bottom:0!important
 }
 .py-t-1 {
  padding-top:10px!important;
  padding-bottom:10px!important
 }
 .py-t-2 {
  padding-top:20px!important;
  padding-bottom:20px!important
 }
 .py-t-3 {
  padding-top:30px!important;
  padding-bottom:30px!important
 }
 .py-t-4 {
  padding-top:40px!important;
  padding-bottom:40px!important
 }
 .py-t-5 {
  padding-top:50px!important;
  padding-bottom:50px!important
 }
 .px-t-0 {
  padding-left:0!important;
  padding-right:0!important
 }
 .px-t-1 {
  padding-left:10px!important;
  padding-right:10px!important
 }
 .px-t-2 {
  padding-left:20px!important;
  padding-right:20px!important
 }
 .px-t-3 {
  padding-left:30px!important;
  padding-right:30px!important
 }
 .px-t-4 {
  padding-left:40px!important;
  padding-right:40px!important
 }
 .px-t-5 {
  padding-left:50px!important;
  padding-right:50px!important
 }
 .m-t-0 {
  padding:0!important
 }
 .m-t-1 {
  padding:10px!important
 }
 .m-t-2 {
  padding:20px!important
 }
 .m-t-3 {
  padding:30px!important
 }
 .m-t-4 {
  padding:40px!important
 }
 .m-t-5 {
  padding:50px!important
 }
 .mt-t-0 {
  margin-top:0!important
 }
 .mt-t-1 {
  margin-top:10px!important
 }
 .mt-t-2 {
  margin-top:20px!important
 }
 .mt-t-3 {
  margin-top:30px!important
 }
 .mt-t-4 {
  margin-top:40px!important
 }
 .mt-t-5 {
  margin-top:50px!important
 }
 .mr-t-0 {
  margin-right:0!important
 }
 .mr-t-1 {
  margin-right:10px!important
 }
 .mr-t-2 {
  margin-right:20px!important
 }
 .mr-t-3 {
  margin-right:30px!important
 }
 .mr-t-4 {
  margin-right:40px!important
 }
 .mr-t-5 {
  margin-right:50px!important
 }
 .mb-t-0 {
  margin-bottom:0!important
 }
 .mb-t-1 {
  margin-bottom:10px!important
 }
 .mb-t-2 {
  margin-bottom:20px!important
 }
 .mb-t-3 {
  margin-bottom:30px!important
 }
 .mb-t-4 {
  margin-bottom:40px!important
 }
 .mb-t-5 {
  margin-bottom:50px!important
 }
 .ml-t-0 {
  margin-left:0!important
 }
 .ml-t-1 {
  margin-left:10px!important
 }
 .ml-t-2 {
  margin-left:20px!important
 }
 .ml-t-3 {
  margin-left:30px!important
 }
 .ml-t-4 {
  margin-left:40px!important
 }
 .ml-t-5 {
  margin-left:50px!important
 }
 .my-t-0 {
  margin-top:0!important;
  margin-bottom:0!important
 }
 .my-t-1 {
  margin-top:10px!important;
  margin-bottom:10px!important
 }
 .my-t-2 {
  margin-top:20px!important;
  margin-bottom:20px!important
 }
 .my-t-3 {
  margin-top:30px!important;
  margin-bottom:30px!important
 }
 .my-t-4 {
  margin-top:40px!important;
  margin-bottom:40px!important
 }
 .my-t-5 {
  margin-top:50px!important;
  margin-bottom:50px!important
 }
 .mx-t-0 {
  margin-left:0!important;
  margin-right:0!important
 }
 .mx-t-1 {
  margin-left:10px!important;
  margin-right:10px!important
 }
 .mx-t-2 {
  margin-left:20px!important;
  margin-right:20px!important
 }
 .mx-t-3 {
  margin-left:30px!important;
  margin-right:30px!important
 }
 .mx-t-4 {
  margin-left:40px!important;
  margin-right:40px!important
 }
 .mx-t-5 {
  margin-left:50px!important;
  margin-right:50px!important
 }
}
@media only screen and (max-width:1024px) {
 .mt-auto-t {
  margin-top:auto
 }
}
@media only screen and (max-width:991px) {
 .container {
  max-width:100%
 }
}
@media only screen and (max-width:767px) {
 body,
 html {
  width:100%;
  overflow-x:hidden
 }
 body {
  font-size:.875rem
 }
 .text-center-m {
  text-align:center
 }
 .container {
  padding-right:10px;
  padding-left:10px
 }
 .floating-label.has-question {
  width:88%
 }
 ul.half li {
  width:100%
 }
 ul.three-columns {
  column-count:2
 }
 ul.three-columns li {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
 }
 .title-border.fs-m-18 {
  font-size:1.125rem;
  line-height:1.375rem;
  padding-left:.625rem
 }
 .title-border.fs-m-18:before {
  width:.25rem
 }
 .fs-m-26 {
  font-size:1.625rem;
  line-height:2.125rem
 }
 .fs-m-21 {
  font-size:1.3125rem;
  line-height:1.875rem
 }
 .fs-m-22 {
  font-size:1.375rem;
  line-height:1.625rem
 }
 .fs-m-20 {
  font-size:1.25rem;
  line-height:1.5625rem
 }
 .fs-m-23 {
  font-size:1.4375rem;
  line-height:2rem
 }
 .fs-m-24 {
  font-size:1.5rem;
  line-height:2.0625rem
 }
 .fs-m-18 {
  font-size:1.125rem
 }
 .fs-m-17,
 .fs-m-18 {
  line-height:1.5rem
 }
 .fs-m-17 {
  font-size:1.0625rem
 }
 .fs-m-16 {
  font-size:1rem
 }
 .fs-m-15,
 .fs-m-16 {
  line-height:1.25rem
 }
 .fs-m-15 {
  font-size:.9375rem
 }
 .fs-m-14 {
  font-size:.875rem
 }
 .fs-m-13,
 .fs-m-14 {
  line-height:1.125rem
 }
 .fs-m-13 {
  font-size:.8125rem
 }
 .fs-m-11 {
  font-size:.6875rem;
  line-height:.9375rem
 }
 .p-m-0 {
  padding:0!important
 }
 .p-m-1 {
  padding:10px!important
 }
 .p-m-2 {
  padding:20px!important
 }
 .p-m-3 {
  padding:30px!important
 }
 .p-m-4 {
  padding:40px!important
 }
 .p-m-5 {
  padding:50px!important
 }
 .pt-m-1 {
  padding-top:10px!important
 }
 .pt-m-2 {
  padding-top:20px!important
 }
 .pt-m-3 {
  padding-top:30px!important
 }
 .pt-m-4 {
  padding-top:40px!important
 }
 .pt-m-5 {
  padding-top:50px!important
 }
 .pr-m-0 {
  padding-right:0!important
 }
 .pr-m-1 {
  padding-right:10px!important
 }
 .pr-m-2 {
  padding-right:20px!important
 }
 .pr-m-3 {
  padding-right:30px!important
 }
 .pr-m-4 {
  padding-right:40px!important
 }
 .pr-m-5 {
  padding-right:50px!important
 }
 .pb-m-0 {
  padding-bottom:0!important
 }
 .pb-m-1 {
  padding-bottom:10px!important
 }
 .pb-m-2 {
  padding-bottom:20px!important
 }
 .pb-m-3 {
  padding-bottom:30px!important
 }
 .pb-m-4 {
  padding-bottom:40px!important
 }
 .pb-m-5 {
  padding-bottom:50px!important
 }
 .pl-m-0 {
  padding-left:0!important
 }
 .pl-m-1 {
  padding-left:10px!important
 }
 .pl-m-2 {
  padding-left:20px!important
 }
 .pl-m-3 {
  padding-left:30px!important
 }
 .pl-m-4 {
  padding-left:40px!important
 }
 .pl-m-5 {
  padding-left:50px!important
 }
 .py-m-0 {
  padding-top:0!important;
  padding-bottom:0!important
 }
 .py-m-1 {
  padding-top:10px!important;
  padding-bottom:10px!important
 }
 .py-m-2 {
  padding-top:20px!important;
  padding-bottom:20px!important
 }
 .py-m-3 {
  padding-top:30px!important;
  padding-bottom:30px!important
 }
 .py-m-4 {
  padding-top:40px!important;
  padding-bottom:40px!important
 }
 .py-m-5 {
  padding-top:50px!important;
  padding-bottom:50px!important
 }
 .px-m-0 {
  padding-left:0!important;
  padding-right:0!important
 }
 .px-m-1 {
  padding-left:10px!important;
  padding-right:10px!important
 }
 .px-m-2 {
  padding-left:20px!important;
  padding-right:20px!important
 }
 .px-m-3 {
  padding-left:30px!important;
  padding-right:30px!important
 }
 .px-m-4 {
  padding-left:40px!important;
  padding-right:40px!important
 }
 .px-m-5 {
  padding-left:50px!important;
  padding-right:50px!important
 }
 .m-m-0 {
  padding:0!important
 }
 .m-m-1 {
  padding:10px!important
 }
 .m-m-2 {
  padding:20px!important
 }
 .m-m-3 {
  padding:30px!important
 }
 .m-m-4 {
  padding:40px!important
 }
 .m-m-5 {
  padding:50px!important
 }
 .mt-m-0 {
  margin-top:0!important
 }
 .mt-m-1 {
  margin-top:10px!important
 }
 .mt-m-3 {
  margin-top:30px!important
 }
 .mt-m-4 {
  margin-top:40px!important
 }
 .mt-m-5 {
  margin-top:50px!important
 }
 .mr-m-0 {
  margin-right:0!important
 }
 .mr-m-1 {
  margin-right:10px!important
 }
 .mr-m-2 {
  margin-right:20px!important
 }
 .mr-m-3 {
  margin-right:30px!important
 }
 .mr-m-4 {
  margin-right:40px!important
 }
 .mr-m-5 {
  margin-right:50px!important
 }
 .mb-m-0 {
  margin-bottom:0!important
 }
 .mb-m-1 {
  margin-bottom:10px!important
 }
 .mb-m-2 {
  margin-bottom:20px!important
 }
 .mb-m-3 {
  margin-bottom:30px!important
 }
 .mb-m-4 {
  margin-bottom:40px!important
 }
 .mb-m-5 {
  margin-bottom:50px!important
 }
 .ml-m-0 {
  margin-left:0!important
 }
 .ml-m-1 {
  margin-left:10px!important
 }
 .ml-m-2 {
  margin-left:20px!important
 }
 .ml-m-3 {
  margin-left:30px!important
 }
 .ml-m-4 {
  margin-left:40px!important
 }
 .ml-m-5 {
  margin-left:50px!important
 }
 .my-m-0 {
  margin-top:0!important;
  margin-bottom:0!important
 }
 .my-m-1 {
  margin-top:10px!important;
  margin-bottom:10px!important
 }
 .my-m-2 {
  margin-top:20px!important;
  margin-bottom:20px!important
 }
 .my-m-3 {
  margin-top:30px!important;
  margin-bottom:30px!important
 }
 .my-m-4 {
  margin-top:40px!important;
  margin-bottom:40px!important
 }
 .my-m-5 {
  margin-top:50px!important;
  margin-bottom:50px!important
 }
 .mx-m-0 {
  margin-left:0!important;
  margin-right:0!important
 }
 .mx-m-1 {
  margin-left:10px!important;
  margin-right:10px!important
 }
 .mx-m-2 {
  margin-left:20px!important;
  margin-right:20px!important
 }
 .mx-m-3 {
  margin-left:30px!important;
  margin-right:30px!important
 }
 .mx-m-4 {
  margin-left:40px!important;
  margin-right:40px!important
 }
 .mx-m-5 {
  margin-left:50px!important;
  margin-right:50px!important
 }
 .main-title-container {
  min-height:11.25rem;
  padding-bottom:3.125rem
 }
 .main-title-container.no-height-m {
  height:auto;
  min-height:0;
  padding:1.5625rem 0
 }
 .mt-m-2 {
  margin-top:20px!important
 }
	
.container {
  padding-right: 32px;
  padding-left: 10px;
	}
 .pt-m-0 {
  padding-top:0!important
 }
}
@media only screen and (max-width:575px) {
 .full-size-m {
  width:calc(100% + 30px);
  margin-left:-.9375rem
 }
 .mt-xs-0 {
  margin-top:0!important
 }
	
.container {
  padding-right: 32px;
  padding-left: 10px;
	}
 #buttonGoTop {
  font-size:1rem;
  right:15px
 }
}
@media only screen and (max-width:320px) {
 .fs-m-26 {
  font-size:1.375rem;
  line-height:1.6875rem
 }
 .fs-m-22 {
  font-size:1.25rem;
  line-height:1.5625rem
 }
 .fs-22 {
  font-size:1.125rem;
  line-height:1.375rem
 }
 .fs-18 {
  font-size:.9375rem;
  line-height:1.1875rem
 }
 .fs-m-11 {
  font-size:.6875rem;
  line-height:.9375rem
 }
 .promo .btn.btn-primary {
  font-size:.9375rem
 }
}
.icon-circle {
 height:3.125rem;
 width:3.125rem;
 display:inline-block;
 border-radius:100%;
 text-align:center
}
.icon-circle .icon {
 display:inline-block;
 height:100%;
 width:100%;
 background-position:50%;
 background-size:contain;
 background-repeat:no-repeat
}
.icon-circle .icon.pointage {
 background-image:url(../images/pointage.svg)
}
.icon-circle .icon.main_ser {
 background-image:url(../images/main_ser.svg)
}
.icon-circle .icon.cup {
 background-image:url(../images/cup2.svg)
}
.input-with-icon {
 position:relative
}
.input-with-icon i {
 position:absolute;
 left:.75rem;
 top:50%;
 transform:translateY(-50%);
 z-index:10
}
.input-with-icon input {
 -webkit-appearance:none;
 border:none;
 padding-left:2.5rem
}
.input-with-icon input:focus {
 outline:0;
 border:1px solid #23cb7f
}
.ancres {
 border-bottom:1px solid #dce5eb;
 text-align:center;
 position:relative
}
.ancres .ancres-block {
 padding:26px 0 15px
}
.ancres.sticky {
 width:100%;
 position:fixed;
 top:0;
 z-index:10
}
.ancres.sticky .ancres-block {
 padding:15px 0
}
.ancres a {
 color:inherit;
 opacity:.7;
 text-decoration:none
}
.ancres a.is-active,
.ancres a:hover {
 opacity:1
}
.ancres .bar-slider {
 position:absolute;
 bottom:0;
 left:0;
 width:0;
 height:4px;
 background-color:#23cb7f
}
.section_faq .toogle-block {
 margin-top:34px;
 border-radius:10px;
 box-shadow:0 1px 4px rgba(0,0,0,.15)
}
.section_faq .toogle-block:hover:not(.active) .btn-tg .icon {
 transition:all .5s;
 transform:rotate(90deg)
}
.section_faq .toogle-block.active .btn-tg .icon {
 transform:rotate(-90deg)
}
.section_faq .toogle-block .btn-tg {
 padding:20px 26px;
 position:relative;
 cursor:pointer
}
.section_faq .toogle-block .btn-tg .icon img {
 min-width:31px
}
.section_faq .toogle-block .content {
 display:none;
 padding:0 26px 5px;
 position:relative
}
.section_faq .toogle-block .content div {
 line-height:34px
}
.section_faq .toogle-block .content p {
 margin-bottom:26px
}
.section_faq .toogle-block .content ul {
 list-style:disc;
 padding-left:30px;
 margin-bottom:26px
}
.container {
  padding-right: 32px;
  padding-left: 10px;
	}
@media only screen and (min-width:767px) {
 .section_contenu {
  padding-bottom:68px!important
 }
 .section_faq .toogle-block .content {
  padding:14px 26px 5px
 }
 .section_faq .toogle-block .content div {
  position:relative;
  margin-left:34px
 }
 .section_faq .toogle-block .content div:before {
  content:"";
  position:absolute;
  top:0;
  left:-34px;
  width:3px;
  height:100%;
  background:#dce5eb
 }
}
@media only screen and (max-width:991px) {
 .negative-magin-t {
  margin-left:-15px;
  margin-right:-15px
 }
}
@media only screen and (max-width:767px) {
 .search-dep input.big {
  border-radius:5px 0 0 5px;
  font-size:1rem;
  height:4rem;
  line-height:4rem;
  padding-left:20px
 }
 .search-dep button.btn-primary.big {
  border-radius:0 4px 4px 0;
  height:4rem;
  line-height:4rem
 }
 .search-dep button.btn-primary.big i {
  font-size:1.25rem
 }
}

         .mb-4 {
         margin-bottom: 1.5rem !important;
         margin-right: 50px; !important;
         }
         .my-4 {
         margin-top: 1.5rem !important;
         margin-bottom: 1.5rem !important;
         }
      
.slide-content {
    position: relative;
    z-index: 1;
    color: white;
    padding: 50px 0 !important;
    padding-top: 20% !important;
    padding-left: 4% !important;
    padding-bottom: 1% !important;
}

.slide-content h1 {
    font-size: clamp(2.5rem, 6vw, 2rem) !important; /* Force la taille sur le hero */
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
 /* Related articles */
.related-articles {
    background: #f1f1f1;
    padding: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    border-radius: 8px;
    display: block !important;

    flex-wrap: wrap;
    align-items: center;}
    .articles-grid {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 20px !important;
      margin-top: 20px !important;
    }
    
    .article-card {
      flex: 1 !important;
      min-width: 300px !important;
      border-radius: var(--border-radius) !important;
      overflow: hidden !important;
      box-shadow: var(--box-shadow) !important;
      background-color: white !important;
      transition: var(--transition) !important;
    }
    
    .article-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    }
    
    .article-image {
      height: 200px;
      overflow: hidden;
    }
    
    .article-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: var(--transition);
    }
    
    .article-card:hover .article-image img {
      transform: scale(1.1);
    }
    
    .article-content {
      padding: 20px !important;
    }
    
    .article-content h3 {
      margin-top: 0;
      color: var(--primary-color);
    }