:root {
    --underline-width: 20px;
    --transition-standart: all 300ms linear;
}

.wrap-header{
    border-top: 2.5rem solid var(--bs-body-color);
}

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

.btn {
    border-radius: var(--bs-border-radius-sm);
}
.btn-primary {
    color: white;
}

body.home .main-section h2,#colophon h2,.main-section .conseiller h2{
    font-size: clamp(3rem, 0.857rem + 5.714vw, 6rem);
}
#colophon .social h2{
    margin:0;
}
.header h1 {
    text-align: center;
}

/* breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
    content: "\276F";
    font-size: 1.4rem;
    padding-top: .2rem;
    font-weight: 500;
}
.breadcrumb-item.current {
    font-weight: 700;
}

.breadcrumb-item a {
    color: var(--bs-body-color);
    text-decoration: none;
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    text-decoration: underline;
}
#header {
    background: white;
    /*sinon le menu n'apprait pas dans la modale */
    z-index: 1051;
}
#header .wrap{
    padding-block: 2rem;
    border-bottom: 1px solid;
}

.frame-type-container-tabs li button {
    text-transform: uppercase;
    font-size: 1.1rem;
}

/** Le @ des mail */
span.at::before {
    content: '@';
    display: inline-block;
}

/** tipi start */

body:has(.tx-tipi) .popover{
    --bs-popover-max-width: 90vw;
}

/** tipi end */

/** formulaires */


.small-italic{
    font-size: 1.35rem;
    font-style: italic;
}

fieldset {
    padding-top: 3rem;
}
h2 + fieldset,fieldset.nolabel, fieldset:has(.powermail_fieldwrap_champsobligatoires)+fieldset {
    padding-top: 0;
}

.powermail_fieldwrap_type_check fieldset,
.powermail_fieldwrap_type_radio fieldset {
    padding-top: 0;
}
.powermail_fieldwrap_type_check fieldset legend,
.powermail_fieldwrap_type_radio fieldset legend {
    font-weight: 700;
    font-size: var(--bs-body-font-size);
}
p.help-block {
    font-size: 1.4rem;
    margin-bottom: .5rem;
}
form h2{
    margin-bottom: 2rem;
}
form legend{
    font-size: 2.5rem;
}
/** retour haut de page **/
#return-to-top {
    position: fixed;
    right: 0.625rem;
    bottom: 7.5rem;
    z-index: 333333;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
#return-to-top svg {
    border: 2px solid white;
    border-radius: 50%;
    background: white;
}

.more{
    font-size: 2rem;
    font-weight: 700;
    color: var(--bs-body-color);
    text-underline-offset: 1.5rem;
}

/** le recalage des ancres **/
#main [id],#main-anchor {
    scroll-margin-top: calc(var(--header-height, 0px) + 20px);
}

/* start menu */
.main-navigation{
    font-size: 1.6rem;
    font-weight: 500;
}
.main-navigation :is(.dropdown-toggle,.dropdown-menu,a){
    text-transform: uppercase;
    color: var(--bs-body-color);
    text-decoration: none;
    border: none;
    border-radius: 0;
    font-size: 1.6rem;
}
.main-navigation .dropdown-toggle{
    padding:2.25rem 2.25rem 0;
    background: none;
}
.main-navigation a  span{
    padding: 0.5rem 0;
    display: block;
}
.main-navigation .nav-item{
    --underline-width: 20px;
}

.main-navigation > .navbar-nav > .nav-item > a, .main-navigation .dropdown-menu .nav-item a span{
    background: linear-gradient(var(--bs-primary) 0 0)
    bottom 1.5rem left/
    var(--underline-width, 0%) 0.3rem
    no-repeat;
    transition: background-size 0.5s;
    padding-bottom: 1.5rem;
}
.main-navigation .dropdown-menu .nav-item a{
    padding-left: 1rem;
    font-size: 1.4rem;
}
.main-navigation .dropdown-menu .nav-item a span{
    background-position: bottom 0 left;
    padding: 1rem 0 0.5rem;
    display: inline-block;
}
.main-navigation .nav-item:is(:hover,:focus-within,.active,.current){
  --underline-width: 100%;
}

.main-navigation .dropdown-menu ul{
    list-style: none;
    padding: 0;
}

/* buton menu start */

button.navbar-toggler {
    width: 6rem;
    height: 6rem;
    background-color: var(--bs-primary);
    border-radius: 50%;
    padding: 1.2rem;
    z-index: 6;
    display: flex;
    flex-direction: column;
}

button.navbar-toggler .icon-bar {
    background: white;
    border-radius: 10px;
    display: block;
    height: .2rem;
    width: 3rem;
    transition: var(--transition-standart);
    margin-bottom: .6rem;
}

button.navbar-toggler .icon-bar:nth-child(2) {
    width: 2.5rem;
}

button.navbar-toggler .icon-bar:nth-child(3) {
    width: 1.8rem;
}
.navbar-toggler:has(+#mobileMenuModal.show)  {
    /* justify-content: center; */
    align-items: center;
}

.navbar-toggler:has(+#mobileMenuModal.show) .icon-bar {
    transform: rotateZ(135deg);
    position: relative;
    top: 8px;
}

.navbar-toggler:has(+ #mobileMenuModal.show) .icon-bar:nth-child(2) {
    display: none;
    ;}

.navbar-toggler:has(+ #mobileMenuModal.show) .icon-bar:nth-child(3) {
    transform: rotateZ(45deg);
    top: 0px;
    margin-bottom: 12px;
    width: 3.1rem;
}

button.navbar-toggler .texte {
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}


/* buton menu end */

/* search modal start */

:is(#searchModal,#mobileMenuModal) .close {
    font-weight: 300;
    padding: 1rem;
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
    border-radius:50%;
}

:is(#searchModal,#mobileMenuModal) .close span {
    color: #fff;
    font-size: 4rem;
    line-height: 3.5rem;
    width: 4rem;
    height: 4rem;
    display: block;
}

#searchModal .modal-header {
    border: none;
}

#searchModal,#searchModal .modal-dialog,#searchModal .modal-content {
    margin: 0;
    background: none;
    border: none;
}


#searchModal {
    pointer-events: none;
}

#searchModal .modal-dialog {
    max-width: 90vw;
    min-height: 70vh;
    background: white;
    margin: 1.75rem auto;
    border-radius: 1rem;
}


#search_sword {
    font-size: 1.9rem;
    line-height: 1;
    padding-inline: 1.5rem;
}

#search_sword::placeholder {
    opacity: 0.3;
    color: black;
}


/* search modal end */

/* picto start */

.download, .external-link, .internal-link, .tel, .mail, .url{
    display: inline-block;
    text-decoration:none;
     font-weight: 600;
}

.download::before,
.internal-link::before,
.external-link::before,
.tel::before,
.mail::before {
    content: "";
    display: inline-block;
    background: transparent url("../Images/Pictos/picto-download.svg") no-repeat center;
    width: 3rem;
    height: 3rem;
    position: relative;
    background-size: contain;
    background-position: center;
    margin-right: 1rem;
    vertical-align: middle;
}
.tel::before {
    background-image: url("../Images/Pictos/picto-phone-trait.svg");
    width: 3rem;
}
.mail::before {
    background-image: url("../Images/Pictos/picto-mail-trait.svg");
}
.external-link::before {
    background-image: url("../Images/Pictos/picto-external-url.svg");
}
.internal-link::before {
    background-image: url("../Images/Pictos/picto-link.svg");
}

ul:has(>li>a.download, >li>a.external-link,>li>a.internal-link, >li>a.tel, >li>a.mail) {
    list-style: none;
    padding: 0 !important;
    line-height: 4rem;
}

/*contenus spécifs start */

#c94 .mail::before {
    background-image: url("../Images/Pictos/picto-nl.svg");
}

/*contenus spécifs end  */

/*image  */

figcaption {
    text-align: center;
    font-size: 1.5rem;
    margin-top: 1rem;
}



.btn-light.download:hover::before,
.btn-light.external-link:hover::before,
.btn-light.internal-link:hover::before,
.btn-light.tel:hover::before,
.btn-light.mail:hover::before {
    filter: grayscale(1) brightness(0) invert(1);
}

/* picto end */

.frame-border-gris{
    border-radius: var(--bs-border-radius-xl);
    border: 1px solid var(--bs-gray-500);
    padding: 6rem 2.5rem;
    position: relative;
}

.frame-border-gris::before {
    filter: invert(0.1);
    bottom: 2rem;
    top: unset !important;
}

.fond-gris,
.frame-fond-gris,
.frame-fond-bleu,
.frame-fond-cyan,
.frame-type-tipi_pi1,
.frame-type-form_formframework,
.frame-type-redevancesimul_simulateur {
    border-radius: 50px;
    padding: 3rem 5rem;
    padding-inline: clamp(1rem, -1.4rem + 7.2vw, 5rem);
    background: var(--bs-cyan);
    color: var(--bs-body-color);
}

.fond-gris a:not(.btn),
.frame-fond-gris a:not(.btn),
.frame-fond-cyan a:not(.btn),
.frame-type-tipi_pi1 a:not(.btn),
.frame-type-form_formframework a:not(.btn),
.frame-type-redevancesimul_simulateur a:not(.btn){
    color: black;
}

.frame-type-powermail_pi1,.frame-type-tipi_pi1,.frame-type-form_formframework,.frame-type-redevancesimul_simulateur {
    padding-inline: clamp(1rem, -10rem + 25vw, 30rem);
    border-color: var(--bs-cyan);
    border-radius: 50px;
    background: var(--bs-cyan);
    --bs-border-color: var(--bs-cyan);
    color: black;
}

.fond-gris,
.frame-fond-gris {
    background: var(--bs-gray-300);
    --bs-border-color: var(--bs-gray-300);
}

.frame-fond-bleu{
    background: var(--bs-blue);
    --bs-border-color: var(--bs-blue);
    color:white;
}

.frame-fond-bleu a:not(.btn){
    color:white;
}
.frame-fond-bleu h3{
    font-size: 4rem;
    margin-bottom: 2rem;
}
.frame-fond-bleu .btn{
    margin-top: 1rem;
}

.fond-gris {
    border-radius: 0;
}

/* s-fluid start*/

#s-fluid:not(:empty){
    background: top right / contain var(--bs-gray-400) url(../Images/Pictos/lettrine-S.svg) no-repeat;
    padding:4rem 0
}

/* s-fluid end*/

/* vignette start*/

.frame-type-container-blocvignettes > div > ul,
.frame-type-menu_subpages > div > ul {
    list-style: none;
    padding: inherit;
}
.frame-type-container-blocvignettes .vignettes a,
.frame-type-menu_subpages .vignettes a {
    border-radius: var(--bs-border-radius);
    font-family: Lexend;
    padding: 1rem;
    font-weight: 800;
    text-align: center;
    display: flex;
    height: 100%;
    aspect-ratio: 1;
    align-items: center ;
    justify-content: center;
    text-decoration: none;
}


.frame-type-container-blocvignettes .vignettes li:nth-child(odd) a ,
.frame-type-menu_subpages .vignettes li:nth-child(odd) a{
    background: #B3D4F1;
    color: var(--bs-body-color);
    position: relative;
}

.frame-type-container-blocvignettes .vignettes li:nth-child(even) a,
.frame-type-menu_subpages .vignettes li:nth-child(even) a{
    background: var(--bs-body-color);
    color:white;
    position: relative;
}
.frame-type-container-blocvignettes .vignettes li a:is(:hover,:focus-within),
.frame-type-menu_subpages .vignettes li a:is(:hover,:focus-within){
    background: var(--bs-gray-300);
    color: var(--bs-body-color);;
}

.frame-type-container-blocvignettes .vignettes li a:is(:hover,:focus-within)::before,
.frame-type-menu_subpages .vignettes li a:is(:hover,:focus-within)::before,
.frame-border-gris::before{
    content: '';
    background: center / contain no-repeat url(../Images/Pictos/arrow-big.svg) ;
    width: 7rem;
    height: 7rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.frame-type-container-blocvignettes .vignettes .description,
.frame-type-menu_subpages .vignettes .description{
    z-index: 1;
    position: relative;
}
/* vignette end*/

/* produits start*/

.frame-type-container-blocvignettes .produits .vignette {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.frame-type-container-blocvignettes .produits .vignette .description {
    order: 2;
    padding: 2rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.frame-type-container-blocvignettes .produits .vignette .description .texte {
    line-height: normal;
}
.frame-type-container-blocvignettes .produits .vignette .image-embed-item {
    order: 1;
}
.frame-type-container-blocvignettes .produits li a {
    background: white;
    color:var(--bs-body-color);
    text-decoration: none;
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;

}
.frame-type-container-blocvignettes .produits li a .texte p{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.frame-type-container-blocvignettes .produits li a .texte p::after {
    content:url(../Images/Pictos/arrow-right.svg);
    color:white;
    display: inline-block;
    padding: 1.75rem 1.95rem;
    border-radius: var(--bs-border-radius-sm);
    background: var(--bs-primary);
    border:1px solid var(--bs-primary);
}
.frame-type-container-blocvignettes .produits li a:is(:hover,:focus-within) img {
    transform: scale(1.1);
    transition: var(--transition-standart);
}
.frame-type-container-blocvignettes .produits li a:is(:hover,:focus-within) .texte p::after {
     content:url(../Images/Pictos/arrow-right-black.svg);
     background: white;
     transition: var(--transition-standart);
}
.frame-type-container-blocvignettes .produits .vignette .title {
    font-size: 2.3rem;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.product-what-to-do h2 {
    font-size: 5rem;
}
.product-what-to-do h3 {
    margin-bottom: 2rem;
}
.product-what-to-do .left {
    background: var(--bs-blue);
    color: #fff
}
.product-what-to-do .right {
    background: #B3D4F1;
}

/* produits end*/

/*gallery start*/


.ce-nowrap .ce-bodytext {
    overflow: visible;
}

.main-section .ce-gallery img{
    border-radius: var(--bs-border-radius-xxl);
}
.main-section .frame-layout-no-border-radius .ce-gallery img{
    border-radius: 0;
}
.main-section .frame-layout-no-border-radius .ce-gallery .ce-row{
    display: flex;
    justify-content: space-between;
}
.main-section .frame-layout-no-border-radius .ce-gallery :is(.ce-outer,.ce-inner){
    float: none;
}
.main-section .frame-layout-no-border-radius .ce-gallery :is(.ce-outer,.ce-inner){
    float: none;
}

/*gallery end*/

/* page-produit start */
.page-produit .frame-type-container-2col:first-child .col-lg-6{
    order:2
}
.page-produit .frame-type-container-2col:first-child .col-lg-6:first-child{
    order:3
}

.page-produit .btn {
    border-radius: var(--bs-border-radius);
}

.table {
    table-layout: fixed;
    width: 100%;
}
.table th:first-child,
.table td:first-child {
    width: 60%;
}

.table th:last-child,
.table td:last-child {
    width: 40%;
}

/* page-produit end */

/* list-gray start */

.list-gray{
    list-style: none;
    padding: 0;
    margin-bottom: 4.5rem;
    display: flex;
}
.list-gray li{
    text-transform: uppercase;
    font-family: Lexend;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    margin-right:1.2rem;
    border-radius: var(--bs-border-radius-sm);
    background: var(--bs-gray-300);
}

/* list-gray end */

/* list-check start */

.list-check{
    list-style: none;
    padding: 0;
    margin: 4rem 0;
}
.list-check li{
    line-height: 2.4rem;
    margin-bottom: 1rem;
    padding-left: 3rem;
    position: relative;
}
.list-check li:before {
    content:url(../Images/Pictos/check.svg);
    margin-right: 1rem;
    position: absolute;
    left: 0;
}

/* list-check end */


/* actu start */

.news-list-view a{
    background: var(--bs-body-color);
    color: white;
    text-decoration: none;
    height:100%;
    border:solid 1px;
}
.news-list-view a:is(:hover,:focus-within){
    background: white;
    color: var(--bs-body-color);
}
.news-list-view :is(.header,.more-news){
    padding: 1.5rem 1.5rem 0;
}
.news-list-view .header :is(h2,h3){
    font-size: clamp(2rem, 1.857rem + 0.381vw, 2.2rem);
    margin: 0;
}
.news-list-view .more-news{
    font-size: 1.6rem;
}
.news.news-single h2 {
    font-size: 2.5rem;
}
.news.news-single .news-img-wrap {
    text-align: center;
    margin-bottom: 4rem;
}

.news.news-single .news-img-wrap img {
    border-radius: 50px;

}
.news.news-single .news-related {
    margin: 2rem 0;
    width:80%
}
.news.news-single .news-related h2{
    font-size: 2rem;
}
.news.news-single .news-related ul{
    padding:0
}
.news.news-single .news-related li{
    list-style:none;
    line-height: 4rem;
}
.news.news-single ul.pager {
      padding:0
}
.news.news-single .pager li{
    list-style:none;
}
.news.news-single .news-backlink-wrap::before{
  display: inline-block;
    margin-left: 0.5rem;
    content: "";
    border-top: 0.5rem solid rgba(0, 0, 0, 0);
    border-right: 0.5rem solid;
    border-bottom: 0.5rem solid rgba(0, 0, 0, 0);
    border-left: 0;
    color:var(--bs-primary)
}

/* actu end */

/** Pagination actus **/
.f3-widget-paginator {
	margin: 20px 0px;
	float: right;
}

.f3-widget-paginator>li {
	display: inline;
}

.f3-widget-paginator>li {
	position: relative;
	float: left;
	margin-left: -1px;
	text-decoration: none;
}

.f3-widget-paginator>li>a,
.f3-widget-paginator>li.current,
.nb-paginate .number {
	padding: 6px 12px;
	float: left;
    background-color: #ebebeb;
    color: var(--bs-body-color);
}

.nb-paginate .number {
	padding: 0px 12px;
}

.f3-widget-paginator>li.current,
.f3-widget-paginator>li>a:hover,
.f3-widget-paginator>li>a:focus {
	text-decoration: none;
    background: var(--bs-body-color);
    color: #ebebeb;
}

.f3-widget-paginator>li:first-child>a,
.f3-widget-paginator>li.current:first-child {
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.f3-widget-paginator>li:last-child>a,
.f3-widget-paginator>li.current:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/*conseilller start*/
.main-section .conseiller {
    background: var(--bs-body-color);
    color:white;
    padding: 0;
}
.main-section .conseiller .row{
    --bs-gutter-x: 0 ;
}
.main-section .conseiller .col-lg-6{
    --bs-gutter-y:0;
}

#code_postal__listbox{
    position: absolute;
}
:is(#code_postal-container,#address-container) :is(.autocomplete__hint, .autocomplete__input, .autocomplete__option){
    font-size: 1.8rem;
}
.autocomplete__wrapper,.autocomplete__input{
    height: 100%;
}

#find-advisor-form .input-group.specif :is(input,.btn) {
    border: 1px solid black !important;
}


#find-advisor-form .input-group.specif .btn img{
    filter: invert(1);
}

#code_postal-submit:is(:hover,:focus-within) img{
    filter: invert(100%);
}

.main-section .conseiller .col-lg-6{
    order: 1;
}
.main-section .conseiller .col-lg-6:first-child {
    order: 2;
    position:relative
}
.main-section .conseiller .col-lg-6:first-child::after {
    content: '';
    background: url(../Images/Pictos/arrow-big.svg);
    position: absolute;
    top: 2rem;
    right: 3rem;
    opacity: 0.2;
    width: 100px;
    height: 100px;
    background-size: contain;
}

.main-section .conseiller .col-lg-6 img {
    border-radius: 0;
}

/*conseilller end*/

/* input-group start*/

.input-group :is(#code_postal-container,#address-container){
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    max-width: fit-content;
}
/* input-group end*/


/* carte start*/

#Nord:hover, #Centre:hover, #Orthe:hover{
   filter: saturate(2);
}


/*liste communes*/
.frame-type-sitcom_listcommunes .tx-sitcom{
    font-size: 16px;
}

/*liste communes end*/


/* menu page start*/

.frame-type-menu_pages ul{
    list-style: none;
    padding:0;
}
.frame-type-menu_pages h2{
    font-family: Lexend;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    padding: 2rem 0;
}
.frame-type-menu_pages h2,.frame-type-menu_pages ul a{
    background: linear-gradient(var(--bs-primary) 0 0) bottom 1rem left / var(--underline-width, 0%) 0.3rem no-repeat;
    transition: background-size 0.5s;
}

.frame-type-menu_pages ul a{
    list-style: none;
    color: var(--bs-body-color);
    font-weight: 500;
    line-height: 40px;
    text-decoration: none;
    background-image: linear-gradient(var(--bs-body-color) 0 0);
    margin: 0.25rem 0;
    padding: 0.5rem 0;
    display: inline-block;
}

.frame-type-menu_pages h2,.frame-type-menu_pages ul a:is(:hover,:focus-within,.active,.current){
  --underline-width: 100%;
}

/* menu page end*/

/* start table*/

.table>:not(caption)>*>* {
    padding: 1rem;
}

.frame-type-table h3{
 background: white;
 border-radius: var(--bs-border-radius-sm);
 padding: 1.5rem;
 margin: 5rem 0 2rem 0;
 text-align: center;
}
/* end table*/

/* start shareBlock*/
#shareBlock {
    border-top: 1px solid var(--bs-gray-500);
    margin-top: 10rem;
}

#shareBlock p {
    font-size: 1.7rem;
    font-weight: 600;
}

#shareBlock a img,#shareBlock p::before{
    width: 2rem;
    height: 2rem;
    margin-left: 1rem;
}
#shareBlock p::before{
    content: '';
    background-image:  url("../Images/Pictos/picto-reseaux.svg");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    margin-right: 1rem;
    vertical-align: middle;
}

#shareBlock a:is(:hover,:focus-within) img{
    filter: invert(50%) sepia(80%) saturate(4300%) hue-rotate(370deg);
}

/* end shareBlock*/

#colophon{
    background: var(--bs-body-color);
    color:white;
}
#colophon ul{
    list-style: none;
    padding: 0;
}
#colophon .dark .container,.main-section .conseiller .col-lg-6:first-child,#colophon .light .container{
    padding-block: clamp(2rem, -0.7692rem + 5.7692vw, 5rem);
}

#colophon .social .row{
    --bs-gutter-y: 2rem ;
}
#colophon .light{
    background: var(--bs-blue);
}
#colophon a:not(.btn){
    color:white;
    text-decoration: none;
    text-transform: uppercase;
}
#colophon .dark a.internal-link::before{
    display: none;
}
#colophon .social .ce-column a{
    background: var(--bs-primary);
    border-radius: 50%;
    padding: 1rem;
    display: block;
}
#colophon .light .social .ce-column a img{
    height: 5rem;
    width: 5rem;
}

#colophon .social .ce-column a:is(:hover,:focus-within){
    background: white;
}
#colophon .social .ce-column a:is(:hover,:focus-within) img{
    filter: invert(61%) sepia(55%) saturate(2000%) hue-rotate(368deg);
}
#colophon .novaldi {
    font-size: 1.2rem;
    margin-bottom: 0;
}
#colophon .novaldi a{
    text-transform: none;
}

/* contact start */
#colophon .contact{
    background: linear-gradient(rgba(var(--bs-info-rgb), 0.85)),no-repeat center / cover url(../Images/contact-home.webp);
    background-color: white;
    padding: 1rem 0;
}
#colophon .contact h2{
    font-size: 2.2rem;
    line-height: 3rem;
    text-align: center;
    margin:0;
    color:var(--bs-body-color);
}
#colophon .contact .row{
    --bs-gutter-y: 2rem ;
}
#colophon .contact .col-lg-6{
    --bs-gutter-y: 2rem ;
}

/* contact end */
/* SMall devices (phone, 576px / 36em and up) */
@media (max-width: 35.98em) {

    .frame-type-container-blocvignettes .vignettes .description,
    .frame-type-menu_subpages .vignettes .description{
        word-break: break-word;
    }

}

/* SMall devices (phone, 576px / 36em and up) */
@media (min-width: 36em){

}

/* Medium devices (tablets, 768px / 48em and up) */
@media ( min-width :48em) {
    .wrap-header{
        border-top-width: 4rem;
    }
    #s-fluid{
    background-position: top right -130px;
    padding:6rem 0
    }

    #colophon .light .container{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .frame-type-container-tabs li button {
    font-size: 1.6rem;
}

}

/* Large devices (desktops, 992px / 62em and up) */
@media (min-width: 62em) {
    #return-to-top {
        bottom: 0.5rem;
    }

    .main-section .conseiller .col-lg-6:first-child{
        order: 1;
    }
    .main-section .conseiller .col-lg-6:first-child::after {
        top: unset;
        bottom: 1rem;
        right: 2rem;
        width: 120px;
        height: 120px;
    }
    .main-section .conseiller .col-lg-6:first-child > div{
        max-width: calc(var(--bs-container-max-width) / 2);
        width: 100%;
        float: right;
    }

    .main-section .conseiller .col-lg-6 img {
        max-height: 100%;
        width: auto;
        max-width: none;
    }

    .page-produit .frame-type-container-2col:first-child .col-lg-6:first-child{
        order:1
    }

    #colophon .contact{
    padding: 3rem 0;
    }

    #colophon .contact h2{
        font-size: 2.6rem;
        line-height: 4rem;
        text-align: left;
    }
}

/* X-Large devices (large desktops, 1200px / 75em and up) */
@media (min-width: 75em) {

    .ce-nowrap .ce-bodytext {
        display: flow-root;
    }
}

/* XX-Large devices (large desktops, 1400px / 87.5em and up) */
@media (min-width: 87.5em) {

}

/* XX-Large devices (large desktops, 1600px / 100em and up) */
@media (max-width: 99.98em) {
    .main-navigation .dropdown,.main-navigation .nav-link span{
        width: 100%;
        display: block;
    }

    .main-navigation .nav-link{
        width: 80%;
        float: left;
    }
    .main-navigation .dropdown-toggle{
        width: 20%;

    }
}

/* XXX-Large devices (larger desktops, 1600px / 100em and up) */
@media (min-width: 100em) {
    .main-navigation .nav-item:hover > .dropdown-menu {
    display: block;
}
    .main-navigation .dropdown-menu{
        padding: 3rem 0;
        position: absolute;
        top: 6rem;
        left: inherit;
        background: white;
        overflow: visible;
        border-bottom:  2px solid rgba(0, 0, 0, 0.10);
    }
    .main-navigation .dropdown{
        display: flex;
        align-items: center;
        position: static;
    }
    .main-navigation .dropdown-toggle{
        padding:1.6rem 0.5rem;
    }
    .main-navigation .dropdown-menu:before,.main-navigation .dropdown-menu:after {
        background: white;
        border:  2px solid rgba(0, 0, 0, 0.10);
        border-width: 0 0 2px 2px;
        content: "";
        display: block;
        height: 100%;
        left: -7rem;
        position: absolute;
        top: 2px;
        width: 7rem;
    }
    .main-navigation .dropdown-menu:after {
        left:unset;
        right: -7rem;
        border-width: 0 2px 2px 0;
    }

    .main-navigation .dropdown-menu .nav-item a {
        padding-left: 0;
        font-size: 1.6rem;
    }
    .main-navigation .dropdown-menu .nav-item a span{
        background-position: 0 bottom;
    }
}