/* ===== 00-fonts.css ===== */
/* Fonts of the source template, self-hosted: roboto (regular), alpaca scarlett (display headings), FontAwesome 4 (icons, toggle, arrows). */
@font-face {
  font-family: 'roboto';
  src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'alpaca scarlett';
  src: url('../fonts/alpaca_scarlett_demo-webfont.woff2') format('woff2'), url('../fonts/alpaca_scarlett_demo-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FontAwesome;
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* ===== 10-uikit.css ===== */
/* UIkit 2.26.2 as the source loads it (Widgetkit's stylesheet, then the template's uikit.min.css): the rules the source pages match, original order. Slider, slideshow, switcher, dropdown and off-canvas rules are rewritten in 40-header.css and 50-widgets.css. */
.uk-panel-box, .uk-panel-box .uk-panel-title, .uk-panel-box-hover:hover, .uk-panel-box-primary .uk-panel-title, .uk-panel-box-primary-hover:hover, .uk-panel-title { color: rgb(68, 68, 68); }
.uk-grid { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; }
.uk-grid::after, .uk-grid::before { content: ""; display: block; overflow: hidden; }
.uk-grid > * { flex: 0 0 auto; margin: 0px; float: left; padding-left: 25px; }
.uk-grid > * > :last-child { margin-bottom: 0px; }
.uk-grid { margin-left: -25px; }
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 25px; }
@media (min-width: 1220px) { .uk-grid { margin-left: -35px; } }
@media (min-width: 1220px) { .uk-grid > * { padding-left: 35px; } }
@media (min-width: 1220px) { .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px; } }
.uk-grid-collapse { margin-left: 0px; }
.uk-grid-collapse > * { padding-left: 0px; }
@media (min-width: 960px) { .uk-grid-large { margin-left: -35px; } }
@media (min-width: 960px) { .uk-grid-large > * { padding-left: 35px; } }
@media (min-width: 1220px) { .uk-grid-large { margin-left: -50px; } }
@media (min-width: 1220px) { .uk-grid-large > * { padding-left: 50px; } }
[class*="uk-width"] { box-sizing: border-box; width: 100%; }
@media (min-width: 768px) { .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } }
@media (min-width: 768px) { .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } }
@media (min-width: 768px) { .uk-width-medium-3-10 { width: 30%; } }
@media (min-width: 768px) { [class*="uk-push-"], [class*="uk-pull-"] { position: relative; } }
@media (min-width: 768px) { .uk-push-2-5, .uk-push-4-10 { left: 40%; } }
@media (min-width: 960px) { .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } }
@media (min-width: 960px) { .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } }
@media (min-width: 960px) { .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; } }
@media (min-width: 960px) { .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; } }
@media (min-width: 960px) { .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; } }
@media (min-width: 960px) { .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; } }
@media (min-width: 960px) { .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; } }
.uk-panel { display: block; position: relative; }
.uk-panel, .uk-panel:hover { text-decoration: none; }
.uk-panel::after, .uk-panel::before { content: ""; display: table; }
.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0px; }
.uk-panel-teaser, .uk-panel-title { margin-bottom: 20px; }
.uk-panel-title { margin-top: 0px; font-size: 18px; line-height: 24px; font-weight: 300; text-transform: none; }
.uk-panel-box { padding: 20px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 2px; }
.uk-nav, .uk-nav ul { margin: 0px; padding: 0px; list-style: none; }
.uk-nav li > a { display: block; text-decoration: none; }
.uk-nav > li > a { padding: 5px 15px; }
.uk-nav ul { padding-left: 15px; }
.uk-nav ul a { padding: 2px 0px; }
.uk-nav-dropdown > li > a { color: rgb(68, 68, 68); }
.uk-nav-dropdown > li > a:focus, .uk-nav-dropdown > li > a:hover { background: rgb(55, 165, 228); color: rgb(255, 255, 255); outline: 0px; }
.uk-nav-dropdown > li.uk-active > a { color: rgb(55, 165, 229); }
.uk-nav-dropdown > li.uk-active > a:hover { color: rgb(255, 255, 255); }
.uk-nav-navbar > li.uk-active > a { color: rgb(55, 165, 229); }
.uk-nav-navbar > li.uk-active > a:hover { color: rgb(255, 255, 255); }
.uk-button, .uk-close { appearance: none; overflow: visible; text-transform: none; text-align: center; }
.uk-button { margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: rgb(68, 68, 68); box-sizing: border-box; padding: 0px 15px; background: rgb(245, 245, 245); line-height: 33px; min-height: 35px; font-size: 1rem; text-decoration: none; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.uk-button:not(:disabled) { cursor: pointer; }
.uk-button:focus, .uk-button:hover { background-color: rgb(250, 250, 250); color: rgb(68, 68, 68); outline: 0px; text-decoration: none; border-color: rgba(0, 0, 0, 0.15) !important; }
[class*="uk-icon-"] { font-family: FontAwesome; display: inline-block; font-weight: 400; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
[class*="uk-icon-"], [class*="uk-icon-"]:focus, [class*="uk-icon-"]:hover { text-decoration: none; }
.uk-clearfix::after, .uk-clearfix::before, .uk-container::after, .uk-container::before { content: ""; }
.uk-text-left { text-align: left !important; }
.uk-text-center { text-align: center !important; }
.uk-container { max-width: 980px; padding: 0px 25px; }
@media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0px 35px; } }
.uk-container::after, .uk-container::before { display: table; }
.uk-container-center { margin-left: auto; margin-right: auto; }
.uk-responsive-width { max-width: 100% !important; height: auto; }
.uk-margin { margin-bottom: 20px; }
* + .uk-margin { margin-top: 20px; }
.uk-margin-top { margin-top: 20px !important; }
.uk-margin-top-remove { margin-top: 0px !important; }
.uk-margin-bottom-remove { margin-bottom: 0px !important; }
.uk-link-reset, .uk-link-reset a, .uk-link-reset a:focus, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset:hover { color: inherit; text-decoration: none; }
@media (min-width: 960px) { .uk-hidden-large, .uk-visible-medium, .uk-visible-small { display: none !important; } }
@media (min-width: 768px) and (max-width: 959px) { .uk-hidden-medium, .uk-visible-large, .uk-visible-small { display: none !important; } }
@media (max-width: 767px) { .uk-hidden-small, .uk-visible-large, .uk-visible-medium { display: none !important; } }
.uk-hidden { display: none !important; visibility: hidden !important; }
.uk-flex { display: flex; }
.uk-flex-middle { align-items: center; }
.uk-flex-center { justify-content: center; }
html { font: 400 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-size-adjust: 100%; background: rgb(255, 255, 255); color: rgb(68, 68, 68); }
body { margin: 0px; }
a { background: 0px 0px; }
a:active, a:hover { outline: 0px; }
.uk-link, a { color: rgb(0, 119, 221); text-decoration: none; cursor: pointer; }
.uk-link:hover, a:hover { color: rgb(0, 85, 153); text-decoration: underline; }
b, strong { font-weight: 700; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
audio, canvas, img, svg, video { max-width: 100%; height: auto; box-sizing: border-box; }
img { border: 0px; }
address, blockquote, dl, fieldset, figure, ol, p, pre, ul { margin: 0px 0px 15px; }
* + address, * + blockquote, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul { margin-top: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: rgb(68, 68, 68); text-transform: none; }
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 25px; }
.uk-h1, h1 { font-size: 36px; line-height: 42px; }
.uk-h2, h2 { font-size: 24px; line-height: 30px; }
.uk-h3, h3 { font-size: 18px; line-height: 24px; }
.uk-h4, h4 { font-size: 16px; line-height: 22px; }
.uk-h5, h5 { font-size: 14px; line-height: 20px; }
ol, ul { padding-left: 30px; }
hr { box-sizing: content-box; height: 0px; margin: 15px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(221, 221, 221) currentcolor currentcolor; border-image: none; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
iframe { border: 0px; }
.uk-grid { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; list-style: none; }
.uk-grid::after { clear: both; }
.uk-grid > * { flex: 0 0 auto; margin: 0px; float: left; }
.uk-grid > * { padding-left: 25px; }
.uk-panel::after { clear: both; }
.uk-panel-title { margin-top: 0px; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: none; color: rgb(68, 68, 68); }
.uk-panel-box { padding: 15px; background: rgb(245, 245, 245); color: rgb(68, 68, 68); }
.uk-panel-box-hover:hover { color: rgb(68, 68, 68); }
.uk-panel-box .uk-panel-title { color: rgb(68, 68, 68); }
.uk-nav-dropdown > li > a:focus, .uk-nav-dropdown > li > a:hover { background: rgb(0, 168, 230); color: rgb(255, 255, 255); outline: 0px; }
.uk-navbar { background: rgb(238, 238, 238); color: rgb(68, 68, 68); }
.uk-navbar::after, .uk-navbar::before { content: ""; display: table; }
.uk-navbar::after { clear: both; }
.uk-navbar-nav { margin: 0px; padding: 0px; list-style: none; float: left; }
.uk-navbar-nav > li { float: left; position: relative; }
.uk-navbar-nav > li > a { display: block; box-sizing: border-box; text-decoration: none; height: 40px; padding: 0px 15px; line-height: 40px; color: rgb(68, 68, 68); font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus { background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); outline: 0px; }
.uk-navbar-nav > li > a:active { background-color: rgb(221, 221, 221); color: rgb(68, 68, 68); }
.uk-navbar-nav > li.uk-active > a { background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); }
.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle { box-sizing: border-box; display: block; height: 40px; padding: 0px 15px; float: left; }
.uk-navbar-brand::before, .uk-navbar-content::before, .uk-navbar-toggle::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.uk-navbar-toggle { font-size: 18px; color: rgb(68, 68, 68); text-decoration: none; }
.uk-navbar-toggle:focus, .uk-navbar-toggle:hover { color: rgb(68, 68, 68); text-decoration: none; outline: 0px; }
.uk-navbar-toggle::after { content: "\f0c9 "; font-family: FontAwesome; vertical-align: middle; }
.uk-button { appearance: none; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; overflow: visible; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: rgb(68, 68, 68); text-transform: none; display: inline-block; box-sizing: border-box; padding: 0px 12px; background: rgb(238, 238, 238); vertical-align: middle; line-height: 30px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; }
.uk-button:focus, .uk-button:hover { background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); outline: 0px; text-decoration: none; }
.uk-container { box-sizing: border-box; max-width: 980px; padding: 0px 25px; }
.uk-container::after, .uk-container::before { content: ""; display: table; }
.uk-container::after { clear: both; }
.uk-margin { margin-bottom: 15px; }
* + .uk-margin { margin-top: 15px; }
.uk-margin-top { margin-top: 15px !important; }
@media (min-width: 960px) { .uk-visible-small { display: none !important; } }
@media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } }
@media (max-width: 767px) { .uk-hidden-small { display: none !important; } }
@media print { *, ::after, ::before { background: 0px 0px !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important; } }
@media print { a, a:visited { text-decoration: underline; } }
@media print { img, tr { break-inside: avoid; } }
@media print { img { max-width: 100% !important; } }
@media print { h2, h3, p { orphans: 3; widows: 3; } }
@media print { h2, h3 { break-after: avoid; } }

/* ===== 20-main.css ===== */
/* main.css of the source template (avodatheme 1.0.0), unchanged except: the @font-face blocks moved to 00-fonts.css and the corrupted comment removed. */

a.uk-button {
    padding: 0 2vw;
}

/*epargne*/
#assurvie #top-a {
	background-image: url(../images/entetes/entete-assurance-vie.jpg);
}
#pinel #top-a {
	background-image: url(../images/entetes/entete-pinel.jpg);
}#malraux #top-a {
	background-image: url(../images/entetes/entete-malraux.jpg);
}

#epargner #top-a {
	background-image: url(../images/entetes/page-epargne.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 70vH;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 60px;
}
#epargner #top-a .wrap-title{
  background-color: rgba(59,1,73,.4);
  padding: 35px;
  padding-left: 140px;
  margin-bottom: 10%;
}
#epargner #top-a .wrap-title h2{
  color: #fff;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
  font-family: 'roboto';
  font-weight: 900;
}


.epargne * {
	border-color: #a0c334!important;
}

.epargne h3, .epargne ul li a {
	color: #762688!important;
}
#app-hamecon img {
	max-width: 100%!important;
}
body{
  font-family: 'roboto';
}
p{
  font-family: 'roboto';
  color: #000;
}
ul > li{
  font-family: 'roboto';
}
a, .uk-link{
  color: #3B0149;
  text-decoration: none;
  transition:all ease .3s .0s;
}
a:hover, .uk-link:hover{
  color: #000;
  text-decoration: none;
  transition:all ease .3s .0s;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'alpaca scarlett';
  text-transform: uppercase;
  color: #000;
}
strong{
  color: #3B0149;
}
#topbar ul{
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
#topbar ul > li{
  list-style: none;
  padding: 10px 20px;
  color: #BDC3C7;
}
.logo{
  padding: 10px 0;
  padding-left: 5%;
}
header > .uk-grid{
  align-items: center;
}
.uk-navbar,
.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus{
  background-color: transparent;
}
.uk-navbar ul > li{
  text-transform: uppercase;
}
.uk-navbar-nav>li.uk-active>a{
  background-color: transparent;
  color: #700687;
}
.uk-navbar ul > li a:hover{
  color: #A0C334;
}
.uk-dropdown, .uk-dropdown-navbar{
  background-color: #fff;
  border: 3px solid #fbfbfb;
  border-radius: 0;
}
.uk-nav-dropdown>li>a{
  text-transform: none;
  font-family: 'roboto';
  font-weight: 900;
}
.uk-nav-dropdown>li>a:focus, .uk-nav-dropdown>li>a:hover{
  background-color: transparent;
}
.uk-nav-dropdown>li.uk-active>a{
  color: #700687;
}
.uk-nav-dropdown>li.uk-active>a:hover{
  color: #89bd3b;
}
/*** elements graphiques generaux ***/
.purple-title{
  position: relative;
  background-color: #b199b6;
  padding: 20px;
  padding-left: 110px;
  display: inline-block;
  margin: 40px 0;
  max-width: 1050px;
}
.purple-title:after{
  content: '';
  position: absolute;
  z-index:10;
  background-color: #fff;
  top: 37px;
  right: -90px;
  width: 15%;
  height: 90%;
  transform: rotate(-60deg);
}
.purple-title > h2{
  color: #fff;
  margin-bottom: 0;
}
.violet{
  color: #3B0149;
}
.uk-button{
  background: #fff;
  font-family: 'roboto';
  font-weight: 900;
  border: none !important;
  line-height: 60px;
  padding: 0;
  padding-left: 20px;
  font-size: 19px;
  color: #3B0149;
}
.uk-button-contrast{
  background-color: #F2F2F2;
  color: #3B0149;
}
.uk-button:hover{
  background-color: #3B0149;
  color: #fff;
}
.uk-button:hover > i{
  border-color: #fff;
}
.uk-button > i{
  display: inline-block;
  line-height: 60px;
  padding: 0 20px;
  margin-left: 10px;
  border-left: 1px solid #ccc;
}
.breadcrumb{
  background-color: #fbfbfb;
  line-height: 40px;
  display: flex;
  justify-content: flex-start;
  padding: 0 100px;
}
.breadcrumb > li{
  list-style: none;
  font-family: 'roboto';
  font-weight: 900;
  color: #000;
}
.breadcrumb > li > a{
  color: #89bd3b;
}
.breadcrumb .divider{
  padding: 0 5px;
}
  /**** ACCUEIL ****/
.uk-slideshow .uk-margin{
  margin-top: 50px;
}
.uk-slideshow .uk-margin h2{
  letter-spacing: 1px;
}
.uk-slideshow .uk-margin h2 > span{
  color: #3B0149;
}
.uk-slideshow .uk-margin h3{
  font-family: 'roboto';
  font-weight: 900;
}
#accueil #article{
  padding: 80px 0;
}
#accueil #article .complementaire{
  border-top: 1px solid #6C7AC7;
  border-bottom: 1px solid #6C7AC7;
  margin: 60px 0;
  padding: 60px 0;
}
#accueil #article video{
  position: relative;
  z-index: 20;
}
#accueil .purple-title{
  padding-right: 100px;
}
#accueil .purple-title:after{
  top: 15px;
  right: -45px;
  width: 20%;
  height: 100%;
}
/*** TOP A ***/
#accueil #top-a h1{
  text-transform: uppercase;
  font-size: 38px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 40px;
}
#accueil #top-a ul{
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
#accueil #top-a ul > li{
  padding: 20px;
  list-style: none;
  font-family: 'alpaca scarlett';
  font-size: 22px;
}
/**** DECOUVRIR LES OFFRES ****/
#accueil #top-b .uk-container{
  max-width: 100%;
}
#accueil #top-b{
  border-bottom: 1px solid #6C7AC7;
}
#accueil #top-b .uk-width-large-1-5{
  border-left: 1px solid #6C7AC7;
  padding: 50px 0;
}
#accueil #top-b .uk-width-large-2-5{
  display: flex;
  justify-content: center;
  align-items: center;
}
#accueil #top-b .uk-width-large-2-5 > h2{
  text-transform: none;
  font-family: 'roboto';
  font-weight: 900;
}
#accueil #top-b .uk-width-large-2-5 > h2 > span{
  font-weight: normal;
}

/**** QUI SOMMES NOUS ****/
#accueil #top-c{
  margin-top: 30px;
  background-image: url('../images/background_groupe.jpg');
}
#accueil #top-c .uk-panel-box{
  padding:60px 50px;
  border: none;
  background-color: rgba(59,1,73,.75)
}
#accueil #top-c .uk-panel-box h2,
#accueil #top-c .uk-panel-box p{
  color: #fff;
}
#accueil #top-c .uk-panel-box p{
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}
/**** Complementaire obligatoire ****/
#accueil #article h4{
  text-transform: none;
  font-family: 'roboto';
  font-weight: 900;
}

/*** Formulaire de contact ***/
.formResponsive .formHorizontal .formControls{
  margin-left: 0;
}
.formResponsive .formHorizontal .rsform-block{
  margin-bottom: 0;
}
.formResponsive input[type="text"],
.formResponsive input[type="email"],
.formResponsive input[type="tel"],
.formResponsive textarea,
.formResponsive .formHorizontal select{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  height: auto;
  padding: 8px;
  border-radius: 0;
  border-color: #6C7AC7;
  font-family: 'roboto';
}
.formResponsive .formHorizontal .formControlLabel{
  width: 100%;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.formResponsive .formHorizontal .formValidation{
  display: inherit;;
}
.formResponsive input[type="submit"]{
  background: #fff;
  background-color: #fff;
  box-shadow: none;
  text-shadow: none;
  color: #000;
  text-transform: uppercase;
  font-family: 'roboto';
  font-weight: 900;
  padding:10px 20px;
  font-size: 14px;
}
.formResponsive .uk-button-contrast[type="submit"]{
  background-color: #F2F2F2 !important;
  text-shadow: none;
}
.formResponsive .uk-button-contrast[type="submit"]:hover{
  background-color: #3B0149 !important;
  text-shadow: none;
  color:inherit:#fff;
}
/**** PARTIE FOOTER ****/
footer{
  margin: 0;
  margin-top: 40px;
  padding: 40px 0;
  padding-bottom: 0;
  border-top: 1px solid #6C7AC7;
}
.mentions{
  margin-top: 30px;
  background-color: #b199b6;
  padding: 35px 50px;
}
.mentions p{
  color: #fff;
  margin: 0;
  padding: 0;
}



/**** responsive design accueil ****/
@media screen and (max-width:768px){
  .uk-push-1-5, .uk-push-2-10, .uk-push-2-5{
    left: 0;
  }
  .purple-title:after{
    border:none;
    position: inherit;
  }
  #accueil #top-b{
    margin-top: 30px;
  }
  #accueil #top-b .uk-width-large-1-5{
    border: none;
  }
  #accueil #top-b .uk-width-large-1-5{
    padding: 20px 0;
  }
  .carte{
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width:732px){
  .uk-h2, h2{
    font-size: 21px;
    line-height: 24px;
  }
  #accueil #top-a h1{
    font-size: 28px;
    line-height: 35px;
  }
  .logo{
    text-align: center;
  }
  #mainmenu{
    position: fixed;
    top: 10px;
    left: 10px;
    background: #fff;
    z-index: 50;
    border-radius: 2px;
  }
  .uk-navbar-toggle{
    color: #3B0149;
  }
  #accueil #top-b img{
    max-width: 45px;
    height: auto;
  }
  #accueil #top-b .uk-width-large-2-5{
    background-color: #3B0149;
    padding-top:20px;
    padding-bottom: 20px;
  }
  #accueil #top-b .uk-width-large-2-5 h2{
    color: #fff;
  }
  #accueil #article{
    padding: 40px 0;
  }
  #accueil #article .complementaire{
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .rsform-block-envoi{
    text-align: center;
    margin-top: 10px;
  }
  #accueil footer h4{
    margin-bottom: 0;
  }
  #accueil footer p{
    margin-top: 0px;
    margin-bottom: 10px;
  }
}

/*** PAGE ENTREPRISE ***/
#entreprises #top-a{
  background-image: url('../images/entetes/entete_entreprise_soudeur.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 70vH;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 60px;
}
#entreprises #top-a .wrap-title{
  background-color: rgba(59,1,73,.4);
  padding: 35px;
  padding-left: 140px;
  margin-bottom: 10%;
}
#entreprises #top-a .wrap-title h2{
  color: #fff;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
  font-family: 'roboto';
  font-weight: 900;
}
#entreprises #top-b,
#professionnels #top-b,
#particuliers #top-b,
#epargner #top-b{
  margin-bottom: 60px;
}
#entreprises #top-b .custom,
#professionnels #top-b .custom,
#particuliers #top-b .custom,
#epargner #top-b .custom{
  position: relative;
  padding-bottom: 15px;
}
#entreprises #top-b .custom:after,
#professionnels #top-b .custom:after,
#particuliers #top-b .custom:after,
#epargner #top-b .custom:after{

  content: '';
  width: 15%;
  height: 7px;
  background-color: #89BD3B;
  position: absolute;
  left:0;
  bottom: 0;
}
#entreprises #article,
#professionnels #article,
#particuliers #article,
#produit-complementaire #bottom-a,
#produit-mutuelle #bottom-a,
#produit-offre #bottom-a,
#produit-prevoyance #bottom-a,
#produit-hommecle #bottom-a,
#produit-multirisques #bottom-a,
#produit-decennale #bottom-a,
#produit-rc #bottom-a,
#produit-pret #bottom-a,
#produit-prevoyance-perso #bottom-a,
#produit-chien-chat #bottom-a,
#produit-habitation #bottom-a,
#produit-hamon #bottom-a,
#produit-dependance #bottom-a,
#epargner #bottom-a, 
#epargner #article{
  padding: 60px;
  background-color: #f2f2f2;
  margin-bottom: 60px;
}
.produits{
  max-width: 1385px;
  margin: auto;
}
.produits .uk-overlay-panel{
  top:70%;
  bottom: -6%;
  left: -10%;
  right: -10%;
}
.produits .uk-overlay-panel > div{
  max-width: 75%;
  margin: auto;
}
.produits .uk-overlay-background{
  background-color: #89BD3B;
  transform: rotate(-8deg);
  transition: all ease .3s .0s;
}
.produits ul li:hover .uk-overlay-background{
  background-color: #89BD3B;
  transform: rotate(0deg);
  transition: all ease .3s .0s;
}
.produits .uk-slidenav-previous{
  left: -80px;
}
.produits .uk-slidenav-next{
  right: -80px;
}
.produits h3{
  font-family: 'roboto';
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 18px;
}
.produits .uk-button{
  line-height: 50px;
  width: 50px;
  border-radius: 50%;
  padding: 0;
  font-size: 35px;
  margin-top: -230px;
  visibility: hidden;
  transition: all ease .3s .3s;
}
.produits li:hover  .uk-button{
  visibility: visible;
  transition: all ease .3s .0s;
}
.devis{
  max-width: 1385px;
  margin:40px auto 60px auto;
}
.devis .uk-grid{
  align-items: center;
}
hr{
  border: 3px solid #89BD3B;
}


/**** PAGE TRAVAILLEURS INDEPENDANTS TNS ****/
#professionnels #top-a{
  background-image: url('../images/entetes/entete_tns.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 70vH;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 60px;
}

#professionnels #top-a .wrap-title{
  background-color: rgba(59,1,73,.4);
  padding: 35px;
  padding-left: 140px;
  margin-bottom: 10%;
}
#professionnels #top-a .wrap-title h2{
  color: #fff;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
  font-family: 'roboto';
  font-weight: 900;
}

/**** PAGE PARTICULIERS ****/
#particuliers #top-a{
  background-image: url('../images/entetes/entete_particuliers.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 70vH;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 60px;
}

#particuliers #top-a .wrap-title{
  background-color: rgba(59,1,73,.4);
  padding: 35px;
  padding-left: 140px;
  margin-bottom: 10%;
}
#particuliers #top-a .wrap-title h2{
  color: #fff;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
  font-family: 'roboto';
  font-weight: 900;
}

/**** GRAPHISME PAGES SOLUTION ****/
#produit-complementaire #top-a,
#bateau #top-a,
#epargne #top-a,
#internationale #top-a,
#mutuelle-sante #top-a,
#retraite #top-a,
#produit-mutuelle #top-a,
#produit-offre #top-a,
#produit-prevoyance #top-a,
#produit-hommecle #top-a,
#produit-multirisques #top-a,
#produit-decennale #top-a,
#produit-rc #top-a,
#produit-pret #top-a,
#produit-prevoyance-perso #top-a,
#produit-chien-chat #top-a,
#produit-habitation #top-a,
#produit-hamon #top-a,
#produit-dependance #top-a, #epargnetopa #top-a, #assurvie #top-a, #pinel #top-a, #malraux #top-a{
  min-height: 25vH;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#produit-complementaire #top-a{
  background-image: url('../images/bread_complementaire_sante.jpg');
  }
#bateau #top-a{
  background-image: url('../images/bateau.jpg');
}
#epargne #top-a{
  background-image: url('../images/epargne.jpg');
  }
#internationale #top-a{
  background-image: url('../images/internationale.jpg');
}
#retraite #top-a{
  background-image: url('../images/retraite.jpg');
}
#mutuelle-sante #top-a{
  background-image: url('../images/bread_mutuelle.jpg');
}
#produit-mutuelle #top-a{
  background-image: url('../images/bread_mutuelle.jpg');
}
#produit-offre #top-a{
  background-image: url('../images/bread_offre_conventionnelle.jpg');
}
#produit-prevoyance #top-a{
  background-image: url('../images/bread_prevoyance.jpg');
}
#produit-hommecle #top-a{
  background-image: url('../images/bread_hommecle.jpg');
}
#produit-multirisques #top-a{
  background-image: url('../images/bread_multirisques.jpg');
}
#produit-decennale #top-a{
  background-image: url('../images/bread_decennale.jpg');
}
#produit-rc #top-a{
  background-image: url('../images/bread_rc.jpg');
}
#produit-pret #top-a{
  background-image: url('../images/bread_pret.jpg');
}
#produit-prevoyance-perso #top-a{
  background-image: url('../images/bread_prevoyance.jpg');
}
#produit-chien-chat #top-a{
  background-image: url('../images/bread_chien.jpg');
}
#produit-habitation #top-a{
  background-image: url('../images/bread_habitation.jpg');
}
#produit-hamon #top-a{
  background-image: url('../images/bread_hamon.jpg');
}
#produit-dependance #top-a{
  background-image: url('../images/bread_dependance.jpg');
}

#produit-complementaire h1,
#produit-mutuelle h1,
#produit-offre h1,
#produit-prevoyance h1,
#produit-hommecle h1,
#produit-multirisques h1,
#produit-decennale h1,
#produit-rc h1,
#produit-pret h1,
#produit-prevoyance-perso h1,
#produit-chien-chat h1,
#produit-habitation h1,
#produit-hamon h1,
#produit-dependance h1{
  font-size: 24px;
}
#produit-complementaire h2,
#produit-mutuelle h2,
#produit-offre h2,
#produit-prevoyance h2,
#produit-hommecle h2,
#produit-multirisques h2,
#produit-decennale h2,
#produit-rc h2,
#produit-pret h2,
#produit-prevoyance-perso h2,
#produit-chien-chat h2,
#produit-habitation h2,
#produit-hamon h2,
#produit-dependance h2,
#contact h2{
  font-family: 'roboto';
  text-transform: none;
  font-weight: 900;
  font-size: 20px;
}
.box-wrap{
  background-color: #fbfbfb;
  padding: 30px;
}
.box-wrap ul{
  margin-bottom: 0;
}
.box-wrap > p{
  margin: 5px 0;
}
.questionmark{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 0
}
.questionmark > i{
  color: #89bd3b;
}
#produit-mutuelle .questionmark
#produit-offre .questionmark,
#produit-prevoyance .questionmark{
  margin-bottom: 15px;
}
.question{
  font-size: 17px;
  margin-top: 6px;
}
.bold{
  font-weight: 900;
}
.purple-title > p{
  color: #fff;
  max-width: 80%;
}
#produit-complementaire #bottom-a,
#produit-mutuelle #bottom-a,
#produit-prevoyance #bottom-a,
#produit-hommecle #bottom-a,
#produit-multirisques,
#produit-multirisques #bottom-a,
#produit-decennale #bottom-a,
#produit-rc #bottom-a,
#produit-pret #bottom-a,
#produit-prevoyance-perso #bottom-a,
#produit-chien-chat #bottom-a,
#produit-habitation #bottom-a,
#produit-hamon #bottom-a
#produit-dependance #bottom-a{
  margin-top: 60px;
}

#produit-mutuelle #bottom-b{
  background-image: url('../images/maillage_mutuelle_entreprise.jpg');
  min-height: 25VH;
  display: flex;
  justify-content: center;
  align-items: center;
}
#produit-mutuelle #bottom-b h2{
  color: #3b0149;
  font-family: 'alpaca scarlett';
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 1px;
}
#produit-hamon .purple-title{
  padding-right: 150px;
}
#produit-hamon .purple-title:after{
  right: -60px;
  width: 21%;
  height: 123%;
  top:10px;
}

/*** PAGE DEVIS ***/
#devis #top-a{
  background-image: url('../images/entetes/entete_devis.jpg');
  min-height: 25vH;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#devis h3{
  text-transform: none;
  font-family: 'roboto';
  font-weight: 900;
  padding: 40px 0;
}
#devis .box-wrap{
  margin-bottom: 40px;
}
#devis .uk-panel-box{
  background-color: #700687;
}
#devis .uk-panel-box h3 a{
  color: #fff;
}

/**** PAGE LEXIQUE ****/
#lexique .uk-panel-title{
  border-bottom: 3px solid #A0C334;
}
#lexique .uk-subnav-line{
  background-color: #b199b6;
  justify-content: center;
}
#lexique .uk-subnav-line li{
  margin-bottom: 10px;
}
#lexique .uk-subnav-line li > a{
  color: #fff;
}
#lexique .uk-subnav-line .active > a{
  color: #3B0149;
}
#lexique #top-a{
  background-image: url('../images/entetes/entete_lexique.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 70vH;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 60px;
}
#lexique #top-a .wrap-title{
  background-color: rgba(59,1,73,.4);
  padding: 35px;
  padding-left: 140px;
  margin-bottom: 10%;
}
#lexique #top-a .wrap-title h2{
  color: #fff;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
  font-family: 'roboto';
  font-weight: 900;
}

/*** PAGE CONTACT ***/
#contact #top-a{
  background-image: url('../images/entetes/entete_contact.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 70vH;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 60px;
}
#contact #top-a .wrap-title{
  background-color: rgba(59,1,73,.4);
  padding: 35px;
  padding-left: 140px;
  margin-bottom: 10%;
}
#contact #top-a .wrap-title h2{
  color: #fff;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 50px;
  font-family: 'roboto';
  font-weight: 900;
  text-transform: uppercase;
}
#contact #article{
  border-bottom: 1px solid #6C7AC7;
  padding-bottom: 40px;
  margin-bottom: 60px;
}
#contact #bottom-d{
  background-color: #fbfbfb;
  padding: 40px;
}

/* ===== 30-icons.css ===== */
/* FontAwesome 4 glyphs the pages use (base rule [class*="uk-icon-"] is in 10-uikit.css). */
.uk-icon-calculator::before { content: "\f1ec"; }
.uk-icon-calendar::before { content: "\f073"; }
.uk-icon-chevron-right::before { content: "\f054"; }
.uk-icon-question-circle::before { content: "\f059"; }
.uk-icon-arrow-circle-right::before { content: "\f0a9"; }

/* ===== 40-header.css ===== */
/* Header: hover dropdowns (UIkit dropdown), the menu toggle and the left off-canvas drawer (UIkit off-canvas, push mode). */
@keyframes uk-fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.uk-dropdown {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1020;
  box-sizing: border-box;
  width: 200px;
  margin-top: 5px;
  padding: 15px;
  background: #f5f5f5;
  color: #444;
  font-size: 1rem;
  vertical-align: top;
}
.uk-open > .uk-dropdown {
  display: block;
  animation: uk-fade .2s ease-in-out;
}
.uk-dropdown .uk-nav { margin: 0 -15px; }
.uk-navbar-nav > li.uk-parent:focus-within > a { background-color: transparent; }

/* toggle: the source's <a class="uk-visible-small"> around span.uk-navbar-toggle */
.avoda-drawer-toggle {
  display: block;
  float: left;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}
.avoda-drawer-toggle:focus-visible { outline: 2px solid #3B0149; outline-offset: -2px; }

/* drawer */
.avoda-drawer {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.avoda-drawer.is-open { display: block; }
.avoda-drawer__bar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  width: 270px;
  max-width: 100%;
  background: #333;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  transform: translateX(-100%);
  transition: transform .3s ease-in-out;
}
.avoda-drawer__bar:focus { outline: 0; }
.avoda-drawer.is-open .avoda-drawer__bar.is-shown { transform: translateX(0); }
.uk-offcanvas-page {
  position: fixed;
  transition: margin-left .3s ease-in-out;
}
.uk-nav-offcanvas > li > a { color: #ccc; padding: 10px 15px; }
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover { background: #404040; color: #fff; outline: 0; }
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #1a1a1a; color: #fff; }
.uk-nav-offcanvas > li > a:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.uk-nav-offcanvas ul a { color: #ccc; }
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #fff; }
.uk-nav-offcanvas ul a:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
ul.uk-nav-sub { padding: 5px 0 5px 15px; }
.uk-nav-parent-icon > .uk-parent > a::after { content: "\f104"; width: 20px; margin-right: -10px; float: right; font-family: FontAwesome; text-align: center; }
.uk-nav-parent-icon > .uk-parent.uk-open > a::after { content: "\f107"; }
.avoda-drawer .uk-nav-sub { display: none; }
.avoda-drawer .uk-open > .uk-nav-sub { display: block; }
/* Widgetkit's reset for UIkit lists (its stylesheet marks these !important): the sub-lists of the drawer stay flush left */
.uk-nav, .uk-nav ul { margin-left: 0; margin-bottom: 0 !important; padding: 0 !important; list-style: none !important; }

/* ===== 50-widgets.css ===== */
/* Native replacements of the Widgetkit widgets the source prints: home slideshow, product sliders, switchers, grids, map. The sizes, colours and
   transitions are the source's (UIkit 2 slideshow/slider/dotnav/slidenav/overlay/subnav and main.css .produits, .devis). */

/* ---------- slideshow ---------- */
.avoda-slideshow { position: relative; }
.avoda-slideshow__slides {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 300px;
  aspect-ratio: 1920 / 689;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  touch-action: pan-y;
}
.avoda-slideshow__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 300px;
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.avoda-slideshow__slide.is-active { z-index: 10; opacity: 1; }
.avoda-slideshow__slide > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.avoda-slideshow__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 70px 20px 20px;
  color: #fff;
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity .8s ease-out, transform .8s ease-out;
}
.is-active > .avoda-slideshow__overlay { opacity: 1; transform: translate(0, 0); }
.avoda-slideshow__overlay h1, .avoda-slideshow__overlay h2, .avoda-slideshow__overlay h3 { color: inherit; }
.avoda-slideshow__overlay > :last-child { margin-bottom: 0; }
.avoda-slideshow__overlay h2 { letter-spacing: 1px; }
.avoda-slideshow__overlay h2 > span { color: #3B0149; }
.avoda-slideshow__overlay h3 { font-family: 'roboto'; font-weight: 900; }
.avoda-slideshow__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 20px 40px 5px;
  list-style: none;
}
.avoda-slideshow__dots > li { flex: 0 0 auto; padding-left: 15px; }
.avoda-slideshow__dots button {
  display: block;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(50, 50, 50, .1);
  cursor: pointer;
  transition: .2s ease-in-out;
}
.avoda-slideshow__dots button:hover, .avoda-slideshow__dots button:focus-visible { background: rgba(50, 50, 50, .4); outline: 0; }
.avoda-slideshow__dots button:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3B0149; }
.avoda-slideshow__dots button:active { background: rgba(50, 50, 50, .6); }
.avoda-slideshow__dots .is-active button { background: rgba(50, 50, 50, .4); transform: scale(1.3); }

/* arrows (slidenav): painted while the widget is hovered or holds focus; not on touch */
.avoda-slideshow__prev, .avoda-slideshow__next, .avoda-slider__prev, .avoda-slider__next {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 30;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  margin: -30px 0 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  color: rgba(50, 50, 50, .4);
  cursor: pointer;
}
.avoda-slideshow__prev::before, .avoda-slider__prev::before { content: "\f104"; font-family: FontAwesome; }
.avoda-slideshow__next::before, .avoda-slider__next::before { content: "\f105"; font-family: FontAwesome; }
.avoda-slideshow__prev:hover, .avoda-slideshow__next:hover, .avoda-slider__prev:hover, .avoda-slider__next:hover,
.avoda-slideshow__prev:focus-visible, .avoda-slideshow__next:focus-visible, .avoda-slider__prev:focus-visible, .avoda-slider__next:focus-visible { color: rgba(50, 50, 50, .7); outline: 0; }
.avoda-slideshow__prev:active, .avoda-slideshow__next:active, .avoda-slider__prev:active, .avoda-slider__next:active { color: rgba(50, 50, 50, .9); }
.avoda-slideshow:hover > button, .avoda-slider:hover > button, .avoda-slideshow:focus-within > button, .avoda-slider:focus-within > button { display: block; }
.uk-touch .avoda-slideshow > button, .uk-touch .avoda-slider > button { display: none; }
.avoda-slideshow__prev, .avoda-slider__prev { left: 20px; }
.avoda-slideshow__next, .avoda-slider__next { right: 20px; }

/* ---------- product sliders (main.css .produits) ---------- */
.avoda-slider { position: relative; max-width: 1385px; margin: auto; --cols: 1; --gutter: 25px; }
.avoda-slider__viewport { overflow: hidden; }
.avoda-slider__track {
  position: relative;
  z-index: 0;
  margin: 0 0 0 calc(var(--gutter) * -1);
  padding: 0;
  list-style: none;
  min-height: 500px;
  touch-action: pan-y;
}
.avoda-slider__track:not(.is-dragging) { transition: transform .2s linear; }
.avoda-slider__item {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding-left: var(--gutter);
}
.avoda-slider__panel {
  position: relative;
  display: block;
  width: 100%;
  height: 500px;
  overflow: hidden;
  transform: translateZ(0);
}
.avoda-slider__panel > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  -webkit-user-drag: none;
}
.avoda-slider__panel::before {
  content: "";
  position: absolute;
  top: 70%;
  bottom: -6%;
  left: -10%;
  right: -10%;
  background-color: #89BD3B;
  transform: rotate(-8deg);
  transition: all ease .3s 0s;
}
.avoda-slider__item:hover .avoda-slider__panel::before,
.avoda-slider__item:focus-within .avoda-slider__panel::before { transform: rotate(0deg); }
.avoda-slider__overlay {
  position: absolute;
  top: 70%;
  bottom: -6%;
  left: -10%;
  right: -10%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #fff;
  text-align: center;
}
.avoda-slider__overlay > div { max-width: 75%; margin: auto; }
.avoda-slider__overlay > div > :last-child { margin-bottom: 0; }
.avoda-slider__title {
  margin: 0 0 15px;
  font-family: 'roboto';
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 22px;
  color: inherit;
}
.avoda-slider__title a, .avoda-slider__title a:hover { color: inherit; text-decoration: none; }
.avoda-slider__more {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  background: #fff;
  font-family: 'roboto';
  font-weight: 900;
  color: #3B0149;
  line-height: 50px;
  width: 50px;
  min-height: 30px;
  border-radius: 50%;
  padding: 0;
  font-size: 35px;
  margin-top: -230px;
  visibility: hidden;
  transition: all ease .3s .3s;
}
.avoda-slider__item:hover .avoda-slider__more, .avoda-slider__item:focus-within .avoda-slider__more { visibility: visible; transition: all ease .3s 0s; }
.avoda-slider__more:hover { background-color: #3B0149; color: #fff; text-decoration: none; }
.avoda-slider__more:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.avoda-slider__prev { left: -80px; }
.avoda-slider__next { right: -80px; }

/* ---------- switchers ---------- */
.avoda-switcher__nav {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 20px -10px;
  padding: 0;
  list-style: none;
}
.avoda-switcher[data-align="center"] .avoda-switcher__nav { justify-content: center; }
.avoda-switcher__nav > li { flex: 0 0 auto; position: relative; margin-top: 10px; padding-left: 10px; }
.avoda-switcher__nav > li > a { display: inline-block; color: #444; text-decoration: none; }
.avoda-switcher__nav > li > a:focus, .avoda-switcher__nav > li > a:hover { color: #0077dd; text-decoration: none; }
.avoda-switcher__nav > li.is-active > a { color: #0077dd; }
.avoda-switcher__nav > li:nth-child(n+2)::before { content: ""; display: inline-block; height: 10px; vertical-align: middle; margin-right: 10px; border-left: 1px solid #ddd; }
.avoda-switcher__nav > li > a:focus-visible { outline: 2px solid #3B0149; outline-offset: 2px; }
.avoda-switcher__panels { margin: 15px 0 0; padding: 0; list-style: none; text-align: left; }
.avoda-switcher__panels > li:not(.is-active) { display: none; }
.avoda-switcher__panels > li.is-active { animation: uk-fade .2s ease-in-out; }
.avoda-switcher__panels > li:focus { outline: 0; }
#lexique .avoda-switcher__nav { background-color: #b199b6; justify-content: center; }
#lexique .avoda-switcher__nav > li { margin-bottom: 10px; }
#lexique .avoda-switcher__nav > li > a { color: #fff; }
#lexique .avoda-switcher__panels .uk-panel-title { border-bottom: 3px solid #A0C334; }

/* ---------- grids of the Devis switcher (Widgetkit grid, box panels with a cover link) ---------- */
.avoda-grid { display: flex; flex-wrap: wrap; margin-left: -25px; text-align: center; }
.avoda-grid__item { box-sizing: border-box; width: 100%; padding-left: 25px; margin-top: 25px; }
.avoda-grid__panel {
  position: relative;
  box-sizing: border-box;
  min-height: 136px;
  padding: 15px;
  background: #700687;
  color: #444;
}
.avoda-grid__cover { position: absolute; inset: 0; z-index: 1; }
.avoda-grid__title { margin: 0 0 0; font-size: 18px; line-height: 24px; text-transform: none; font-family: 'roboto'; font-weight: 900; padding: 40px 0; }
.avoda-grid__title a, .avoda-grid__title a:hover { color: #fff; text-decoration: none; }
@media (min-width: 768px) { .avoda-grid__item { width: 50%; } }
@media (min-width: 960px) { .avoda-grid__item { width: 33.333%; } }
@media (min-width: 1220px) { .avoda-grid { margin-left: -35px; } .avoda-grid__item { padding-left: 35px; margin-top: 35px; } }

/* ---------- map ---------- */
.avoda-map iframe { display: block; width: 100%; height: 400px; border: 0; }

/* ===== 60-form.css ===== */
/* Contact form 3 (RSForm), modern style: label above each field (printed from the placeholder wording by user.js), 48 px controls, 5 px between the
   field boxes, focus ring, error states, block-level error holders. Colours of the source: border #6C7AC7, buttons #F2F2F2 / #3B0149. */
#userForm { margin: 0; }
#userForm fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
#userForm .rsform-block-nom, #userForm .rsform-block-prenom, #userForm .rsform-block-mail, #userForm .rsform-block-tel,
#userForm .rsform-block-statut, #userForm .rsform-block-message, #userForm .rsform-block-captcha, #userForm .rsform-block-envoi {
  margin: 0 0 5px;
  padding: 0;
}
#userForm .formValidation { display: block; margin: 0; padding: 0; }
#userForm .formValidation .formNoError { display: none; }
#userForm .formValidation .formError { display: block; margin: 4px 0 0; color: #b3261e; font-size: 13px; line-height: 18px; font-family: 'roboto'; }
#userForm .avoda-form-label, #userForm .formControlLabel {
  display: block;
  width: 100%;
  margin: 0 0 4px;
  font-family: 'roboto';
  font-size: 13px;
  line-height: 18px;
  font-weight: 900;
  text-align: left;
  text-transform: none;
  color: #000;
}
#userForm .formControlLabel { text-align: left; }
#userForm input[type="text"], #userForm input[type="email"], #userForm input[type="tel"], #userForm select, #userForm textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #6C7AC7;
  border-radius: 0;
  background: #fff;
  color: #000;
  font-family: 'roboto';
  font-size: 15px;
  line-height: 22px;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#userForm select {
  padding-right: 36px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%233B0149' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;
}
#userForm textarea { height: auto; min-height: 120px; padding: 12px; resize: vertical; }
#userForm input:focus, #userForm select:focus, #userForm textarea:focus {
  outline: 0;
  border-color: #3B0149;
  box-shadow: 0 0 0 3px rgba(108, 122, 199, .45);
}
#userForm .rsform-error, #userForm input[aria-invalid="true"], #userForm textarea[aria-invalid="true"] { border-color: #b3261e; }
#userForm .rsform-block-envoi { margin-top: 10px; }
#userForm .rsform-submit-button, #userForm .rsform-block-envoi button {
  min-height: 48px;
  line-height: 48px;
  padding: 0 24px;
  cursor: pointer;
}
#userForm .rsform-submit-button:focus-visible { outline: 3px solid #6C7AC7; outline-offset: 2px; }
#userForm .formRed { color: #b3261e; font-family: 'roboto'; }

/* ===== 90-defects.css ===== */
/* Source layout defects, each repaired only inside its width band; everything around them stays as the source. */