@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;
}

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;
}
/**** Complémentaire 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;
}