/*  
	========================================================================== 
	descriptif article
	========================================================================== 
*/

@media screen and (min-width: 48em) {
    .l-section>.l-content-container>.l-section__description {
        width: 30.85em;
    }
}

@media screen and (min-width: 60em) {
    .l-section>.l-content-container>.l-section__description {
        width: 45.75em;
    }
}

@media (min-width: 60em) {
    .l-columns--4-large .o-card-carousel .csscalc .l-columns--3-large>.l-columns__column {
        width: calc(33.333% - 1.875em) !important;
    }
}

@media (min-width: 60em) {
    .l-columns--4-large .o-card-carousel .csscalc .l-columns--2-large>.l-columns__column,
    .csscalc .l-columns--3-large>.l-columns__column,
    .csscalc .l-columns--4-large>.l-columns__column,
    .csscalc .l-columns--5-large>.l-columns__column,
    .csscalc .l-columns--6-large>.l-columns__column,
    .csscalc .l-columns--66-33-large>.l-columns__column {
        margin-left: 1.875em;
    }
}


/*  
	========================================================================== 
	Image article full with en mode tablette et mobile
	========================================================================== 
*/

@media (min-width: 35em) and (max-width: 60em) {
    .l-editorial-content__pullout img {
        width: 50%;
        height: auto;
        max-height: auto;
        max-width: 100%;
        float: left;
        margin-right: 1.25em;
    }
}


/*  
	========================================================================== 
	Login Page
	========================================================================== 
*/


/**Alerte formation**/

.l-fr-formation-left {
    float: left;
    width: 60px;
    margin-right: 30px;
}

.l-fr-formation-right {
    float: left;
    width: 90%;
}

.l-fr-formation-left img {
    max-width: 46px!important;
}

.l-fr-formation-left img {
    max-width: 46px !important;
}

@media (min-width: 35em) {
    .l-fr-formation-right {
        width: 75%;
    }
}

@media only screen and (max-width: 35em) {
    .l-fr-formation-left {
        float: left;
        width: 40px;
        margin-right: 20px;
    }
    .l-fr-formation-right {
        width: 70%;
        margin-top: -10px;
    }
}


/**Logo**/

.o-masthead-logo {
    float: left;
    margin-right: 0em;
    padding-right: 0;
    width: 7.875em;
}

.o-masthead-logo__image {
    padding-top: 0.5em;
}

.svg .o-masthead-logo {
    background-image: url(../../images/broker/logo/box-courtage-logo.svg);
}

@media (max-width: 35em) {
    .svg .o-masthead-logo {
        background-size: 7.875em;
    }
    /*correctif header mobile*/
    .l-content-container.o-masthead__navigation-container {
        width: 80%;
        float: left;
    }
}

@media (min-width: 35em) {
    .svg .o-masthead-logo {
        background-position: 0 0.5em;
        background-size: 12.7em;
    }
    .o-masthead-logo {
        float: left;
        margin-right: 0em;
        padding-right: 0;
    }
}

@media (min-width: 35em) {
    .svg .o-masthead-logo {
        background-position: 0 0.5em;
        background-size: 12.7em;
    }
    .o-masthead-logo {
        float: left;
        margin-right: 0em;
        padding-right: 0;
        width: 12.7em;
    }
}

@media (min-width: 60em) {
    .o-masthead-logo {
        margin-right: 2em;
    }
}

@media only screen and (max-width: 35em) {
    .a-customize {
        display: none;
    }
}


/**Hero**/

.m-hero-login {
    background-color: #784558;
    /* background-image: url(../../images/broker/hero.jpg); */
}

.m-hero-message {
    text-align: left;
}

.m-hero-message .t-accent-dark .a-heading,
.m-hero-message .t-accent-dark .a-list-unordered__item--tick {
    text-shadow: 1px 1px 20px #222;
}


/**Form**/

.m-form-login {
    margin-top: 1.750em;
    margin-right: auto;
    margin-left: auto;
    padding: 1.875em 1.875em 0.8em 1.875em;
}

.csscalc .l-columns--2-large .m-form-login {
    width: calc(100% - 1.25em);
    border-radius: 10px;
}

@media (max-width: 35em) {
    .m-hero {
        min-height: auto;
    }
}

.m-form-login {
    border-radius: 10px;
    max-width: 100%;
}

.m-form-login .select2-container {
    max-width: 90%;
}

@media (min-width: 35em) {
    .csscalc .m-form-login {
        width: calc(75% - 1.25em);
    }
    .m-form-login {
        width: 73.75%;
    }
}

@media (min-width: 60em) {
    .csscalc .m-form-login {
        width: calc(50% - 1.875em);
    }
    .m-form-login {
        margin-top: 0.750em;
        margin-bottom: 0.750em;
        width: 48.75%;
    }
}

.m-form-login .m-form-row {
    margin: 1.25em 0px;
    width: 100%;
}

.l-welcome-login {
    margin-top: 0.875em;
    margin-bottom: 0.750em;
}

@media (max-width: 35em) {
    .l-welcome-login>.l-columns__column:first-child {
        display: none;
    }
}

.l-welcome-login>.l-columns__column:first-child {
    background: transparent;
}

.l-welcome-login h1 {
    margin-top: 2em;
}


/**Bubble**/

.l-welcome-login ul.a-bubble-list {
    margin: 2em;
}

.m-bubble-login .a-bubble {
    height: 150px;
    width: 150px;
}

.m-bubble-login .a-bubble .a-bubble-text {
    margin-top: 2.6em;
}

.m-bubble-login .a-bubble-1,
.m-bubble-login .a-bubble-1:hover {
    background: #00788a;
}

.m-bubble-login .a-bubble-2,
.m-bubble-login .a-bubble-2:hover {
    background: #1a61bd;
}

.m-bubble-login .a-bubble-3,
.m-bubble-login .a-bubble-3:hover {
    background: #001e60;
}

.m-bubble-login .a-bubble .a-bubble-text {
    font-size: 1.25em;
}

@media (max-width: 60em) {
    .m-bubble-login .a-bubble .a-bubble-text {
        font-size: 1em;
    }
    .m-bubble-login .a-bubble {
        height: 130px;
        width: 130px;
    }
    .m-bubble-login.l-columns>.l-columns__column:first-child,
    .m-bubble-login.l-columns>.l-columns__column:nth-child(2) {
        float: left;
        width: 50%
    }
    .m-bubble-login.l-columns>.l-columns__column:nth-child(3) {
        clear: both;
        width: 100%
    }
}


/***Pavé numérique***/

.m-num-pav .m-button-group__item .a-button {
    min-width: inherit;
    padding: .875em 0em;
    width: 80%;
}

.m-num-pav .a-num-pav {
    margin: 0px 5%;
    text-align: center;
    width: 90%;
}

.m-num-pav .m-button-group__item {
    display: inline-block;
    padding-right: 0%;
    margin-right: 0%;
    margin-left: 0%;
    width: 20%;
}

@media (max-width: 35em) {
    .m-num-pav .a-num-pav {
        margin: 0px 0%;
        text-align: center;
        width: 100%;
    }
    .m-num-pav .m-button-group__item {
        width: 18.5%;
    }
    .m-num-pav .m-button-group__item .a-button {
        margin: 0%;
        width: 100%;
    }
}

.m-form-login .m-form-row.m-num-pav {
    margin-bottom: -1em;
}


/**Notification**/

.m-card-notification-login {
    margin: 2.5em auto 0em;
    width: 100%;
}

.m-card-notification-login .m-card.m-card-notification--information {
    margin: 0em;
}

@media (min-width: 35em) {
    .m-card-notification-login {
        margin-top: 2.5em auto 1em;
        width: 73.75%;
    }
}


/**Contact company**/

#l-fr-contact-home .a-text-icon {
    margin: 2px 0px;
}


/*  
	========================================================================== 
	Navigation
	========================================================================== 
*/


/**Menu mobile**/


.js-o-masthead .l-page-wrapper.is-open .o-masthead-navigation{
    background:#fff;
}	
.o-masthead__menu-link{
    position: absolute;
    top: -1px;
}	
@media only screen and (min-width: 35em){
	.o-masthead__menu-link{
		position: inherit;
	}	
}	
@media only screen and (min-width: 60em){
	.o-masthead__menu-link{
		float:right;
		position: relative;
		top: -1px;
	}	
	.o-masthead__menu-link{
		display:none;
	}
}
.m-site-nav-selection {
    background: #FFFFFF;
	height:2.15em
}
.m-site__site-list{
    float: left;
    font-size: .875em;
    line-height: 1.7143em;
    margin: 0;
    overflow: auto;
}
.m-site__site-list span{
    background: #efefef;
	color:#000000;
}
.m-site__site-list li {
    float: left;
    margin: 0;
}
@media only screen and (max-width: 60em){
	.m-site__site-list{
		display:none;
	}
}
@media only screen and (max-width: 35em){
	.m-site-nav-selection {
		display:none;
	}
}
.m-site__site-list a,
.m-site__site-list span{
    border: 0;
    display: block;
    font-weight: 700;
    padding: .3571em .7142em .4285em;
    text-decoration: none;
    transition: background .35s;
}
.m-site__site-list-masession{
    font-size: .875em;
    float: right;
}
p.m-site__site-list-masession{
	display:block;
    padding: .4571em 0 .5285em;
	margin:0em;
}
p.m-site__site-list-masession a{
	border:0px;
    padding: .6571em 1.4285em .5285em;
    transition: background .35s;
}
.m-site__site-list-masession a{
    text-decoration: none;
}
@media (min-width: 35em){
	.m-site__site-list a,
	.m-site__site-list span {
		padding: .3571em 1.4285em .4285em;
	}
}
.m-site__site-list a:focus,
.m-site__site-list a:hover,
.m-site__site-list-masession a:hover {
    background-color: #2A2A2A;
    color: #FFFFFF;
}
.m-site__site-list a,
.m-site__site-list a:visited,
.m-site__site-list-masession a,
.m-site__site-list-masession a:visited{
	font-family: source_sans_proregular,-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,arial,sans-serif;
}


/**Search**/

.m-site-search .m-form-row {
    margin: 15px auto;
}

.m-site-search .m-form-row:first-child {
    margin-top: 0px;
}

@media (max-width: 35em) {
    .m-site-search.display-none--mobile {
        display: none !important;
    }
}


/**Deconnexion**/

.o-masthead__deconnexion a:focus,
.o-masthead__deconnexion a:hover {
    background-color: initial;
    border-bottom-color: #000;
}

@media (min-width: 35em) {
    .js-o-masthead--wont-fit-search .o-masthead__deconnexion a:after {
        right: 20px;
    }
}

@media (min-width: 35em) {
    .o-masthead__deconnexion a {
        left: auto;
        padding-left: .9375em;
        padding-right: 2.75em;
        position: relative;
        right: auto;
        top: auto;
        z-index: auto;
    }
    .svg .o-masthead__deconnexion a:after {
        background-image: url(../../images/broker/icons/masthead/icon-deconnexion.svg);
    }
    .csstransforms .o-masthead__deconnexion-link a:after,
    .o-masthead__deconnexion a:after {
        background: url(../../images/broker/icons/masthead/icon-deconnexion.png) no-repeat 50%;
        content: "";
        display: block;
        height: 1.25em;
        left: auto;
        position: absolute;
        right: 20px;
        top: 16px;
        width: 1.25em;
    }
    .o-masthead__skip-links .o-masthead__login-link,
    .o-masthead__skip-links .o-masthead__deconnexion {
        border-right: 1px solid #e9c700;
        border-left: 1px solid #e9c700;
        float: right;
    }
    .js-o-masthead--wont-fit-search .o-masthead__deconnexion a,
    .o-masthead__deconnexion a {
        text-indent: -9999px;
    }
}


/**Welcom user**/

.o-masthead__welcome-user {
    display: none;
}

.o-masthead__skip-links .o-masthead__welcome-user {
    border-left: 1px solid #e9c700;
    float: right;
    padding: 0.80em 1.25em .35em 1.25em;
}

@media (min-width: 35em) {
    .o-masthead__welcome-user-name {
        border: 0;
        color: #2A2A2A;
        display: block;
        font-weight: 700;
    }
    .o-masthead__welcome-user-bonjour {
        color: #2A2A2A;
        display: block;
        font-size: .75em;
        font-weight: 700;
    }
}

@media (min-width: 60em) {
    .o-masthead__welcome-user {
        display: block;
    }
    .o-masthead__welcome-user {
        min-width: 9.0625em;
    }
}


/**Search**/

.o-masthead__skip-links .o-masthead__search-link {
    margin-right: initial
}

.a-button .search-close,
.a-button.is-open .search-open {
    display: none;
}

.a-button.is-open .search-close {
    display: block;
}

.o-masthead__search-link {
    display: none;
}

@media (min-width: 35em) {
    .o-masthead-navigation {
        min-height: 0px;
        width: 100% !important;
    }
    .o-masthead__search-link {
        display: block;
    }
}

@media (max-width: 60em) {
    .t-accent-light .o-masthead__search-link .a-button:hover,
    .t-accent-light .o-masthead__search-link .a-button:focus {
        background: none;
        border-top-color: transparent;
    }
    .t-accent-light .o-masthead__search-link .a-button {
        border-radius: 0px;
        left: auto;
        padding-bottom: .805em;
        padding-left: .9375em;
        padding-right: 2.75em;
        position: relative;
        right: auto;
        top: auto;
        z-index: auto;
        min-width: 4em;
    }
    .csstransforms .o-masthead__search-link a.is-open,
    .csstransforms .o-masthead__search-link a.is-open:focus,
    .csstransforms .o-masthead__search-link a.is-open:hover {
        background: #3372c4;
    }
}

@media (min-width: 60em) {
    .o-masthead__skip-links .o-masthead__search-link {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }
    .o-masthead__search-link .a-button:focus,
    .o-masthead__search-link .a-button:hover {
        background-color: #13488d;
        border-color: #13488d;
    }
    .o-masthead__search-link a {
        color: #fff !important;
        margin: .525em 0 .525em !important;
        padding: .3375em 1.25em;
        width: 7.5em;
    }
    .csstransforms .o-masthead__search-link a:before {
        border-radius: .25em;
    }
    .svg .o-masthead__search-link a:after,
    .svg .o-masthead__search-link a.is-open:after {
        background-image: none;
    }
    .csstransforms .o-masthead__search-link a:after,
    .o-masthead__search-link a:after {
        background: none;
    }
    .js-o-masthead--wont-fit-search .o-masthead__search-link a {
        background-color: #000;
        border-color: #000;
        text-indent: initial;
    }
}


/**Favoris**/


.m-site-contact-favoris__selection{
    float: right;
    font-size: .875em;
    line-height: 1.7143em;
    margin: 0;
    position: relative;
}
.m-site-contact-favoris__selection a {
	background-color:#FFFFFF;
    background-position: .7857em;
    background-repeat: no-repeat;
    border: 0;
	color: #2A2A2A;
    display: block;
	font-weight: 700;
	height: 100%;
    padding: 0.3em 2em;
    text-decoration: none;
    transition: background-color .35s,color .35s;
}
.m-site-contact-favoris__selection a:focus, .m-site-contact-favoris__selection a:hover {
    background-color: #2A2A2A;
    color: #FFF;
}
@media (min-width: 35em){
	.m-site-contact-favoris__selection.o-masthead__skip-links:after {
		display: none;
	}
}
@media (max-width: 35em){
	#login {
		display: none!important;
	}
}
@media (min-width: 35em){
	.js-o-masthead .o-masthead-navigation .o-masthead-login {
		background: #fff;
		display: none;
		float: right;
		margin: 0;
		max-width: none;
		padding: 1.875em;
		width: 100%;
	}
}

.fonts-loaded .m-site-contact-favoris__selection a {
    font-family: source_sans_prosemibold, -apple-system, blinkmacsystemfont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, arial, sans-serif;
}

.svg.csstransforms .m-site-contact-favoris__selection a:before {
    background-image: url(../../images/broker/favoris-star.svg);
}

.csstransforms .m-site-contact-favoris__selection a:before {
    background-image: url(../../images/broker/favoris-star.png);
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
}

.svg .js-m-site-contact-favoris__selection:before {
    background-image: url(../../images/broker/favoris-star.svg);
}

.js-m-site-contact-favoris__selection:before {
    background: url(../../images/broker/favoris-star.png) no-repeat 50%;
    content: "";
    display: block;
    left: .7142em;
    height: .9em;
    margin-top: -.5em;
    position: absolute;
    top: 50%;
    width: .9em;
}

/* Simulation band */
.m-site-nav-selection__simulation {
    display: block;
    width: 100%;
}

.m-site-nav-selection__simulation.m-site-nav-selection__simulation--inspecteur {
    background: #81C1BB !important;
}

.m-site-nav-selection__simulation.m-site-nav-selection__simulation--courtier {
    background: #784558 !important;
}

.m-site-nav-selection__simulation>.l-content-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 47.1em) {
    .m-site-nav-selection__simulation {
        height: auto;
    }
}

.m-site__site-list.m-site__simulation {
    float: none;
}

.m-site__site-list.m-site__simulation a {
    background: none;
    padding-left: 0;
    cursor: auto;
}

.m-site__site-list.m-site__simulation--inspecteur a,
.m-site__site-list.m-site__simulation--inspecteur a span {
    color: #000
}

.m-site__site-list.m-site__simulation--courtier a,
.m-site__site-list.m-site__simulation--courtier span {
    color: #FFF !important;
}

.m-site__site-list.m-site__simulation a>span,
.m-site__site-list.m-site__simulation-courtier a>span {
    display: inline-block;
    background: none;
    padding: 0;
}

@media only screen and (max-width: 35em) {
    .m-site__site-list.m-site__simulation {
        flex: 1 !important;
    }

    .m-site-contact-favoris__selection.m-site-quitter-simulation {
        flex: 0 !important;
    }

}

@media only screen and (max-width: 60em) {
    .m-site__site-list.m-site__simulation {
        display: inline-block !important;
    }

}

.m-site-contact-favoris__selection.m-site-quitter-simulation {
    position: relative;
    float: none;
}

.m-site-contact-favoris__selection.m-site-quitter-simulation a {
    padding-right: 0 !important;
}

.m-site-contact-favoris__selection.m-site-quitter-simulation.m-site-quitter-simulation--courtier a {
    color: #FFF;
}


.m-site-contact-favoris__selection.m-site-quitter-simulation a,
.m-site-contact-favoris__selection.m-site-quitter-simulation a:hover {
    background: none !important;
    cursor: pointer;
}

.m-site-contact-favoris__selection.m-site-quitter-simulation a::after {
    content: "✕";
    position: absolute;
    color: inherit;
    font-size: 1.2em;
    right: 0;
    top: 50%;
    transform: translateY(-54%);
    font-weight: 700px
}

@media screen and (max-width: 35em) {
    .m-site-contact-favoris__selection.m-site-quitter-simulation a::after {
        transform: translateY(-50%);
    }
}

/* END Simulation band */


/**Profile icon**/

.svg .a-text-icon--profile,
.svg .t-accent-dark .t-accent-light .a-text-icon--profile,
.svg .t-accent-light .a-text-icon--profile,
.svg .t-card-accent-dark .m-card.t-accent-light .a-text-icon--profile,
.svg .t-card-accent-light .m-card .a-text-icon--profile {
    background-image: url(../../images/broker/icons/profile-dark-grey.svg);
}

.a-text-icon--profile,
.t-accent-dark .t-accent-light .a-text-icon--profile,
.t-accent-light .a-text-icon--profile,
.t-card-accent-dark .m-card.t-accent-light .a-text-icon--profile,
.t-card-accent-light .m-card .a-text-icon--profile {
    background-image: url(../../images/broker/icons/profile-dark-grey.png);
}

.svg .t-accent-dark .a-text-icon--profile,
.svg .t-card-accent-dark .m-card .a-text-icon--profile,
.svg .t-card-accent-light .m-card.t-accent-dark .a-text-icon--profile {
    background-image: url(../../images/broker/icons/profile-dark-white.svg);
}

.t-accent-dark .a-text-icon--profile,
.t-card-accent-dark .m-card .a-text-icon--profile,
.t-card-accent-light .m-card.t-accent-dark .a-text-icon--profile {
    background-image: url(../../images/broker/icons/profile-dark-white.png);
}


/*  
	========================================================================== 
	Homepage
	========================================================================== 
*/


/**Hero**/

.m-hero-home {
    background-image: url(../../images/broker/hero.jpg);
    color: #fff;
    padding-bottom: 1.875em;
    padding-top: 1.875em;
}

.l-section-01 {
    background-image: url(../../images/broker/hero.jpg);
    background-color: #333;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
}

.l-section-01:before {
    background: rgba(51, 51, 51, .3);
    content: " ";
    display: initial;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.l-section-01 .l-title-hero {
    color: #fff;
    width: 100%;
}

.l-section-01 .l-content-container {
    position: relative;
}

.l-section-01 .l-title-hero h1,
.l-section-01 .a-link-icon--edit,
.m-hero-home h2 {
    color: #fff;
}

.svg .l-section-01 .a-link-icon--edit:before {
    background-image: url(../../images/broker/icons/edit-white.svg);
}

.l-section-01 .a-link-icon--edit:before {
    background-image: url(../../images/broker/icons/edit-white.png);
}

.l-section-01 .a-link-icon .a-link-icon__inner {
    color: #fff;
    border-bottom-style: dotted;
}

.l-section-01 .a-link-icon .a-link-icon__inner:hover {
    border-bottom-style: solid;
    border-bottom-color: #fff;
}


/**Summary wallet**/

.a-fr-bubble,
.a-fr-bubble-info {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 170px;
    justify-content: center;
    margin: auto;
    overflow: hidden;
    text-align: center;
    transition: background .35s;
    width: 170px;
}

@media only screen and (max-width: 70em) {
    .a-fr-bubble,
    .a-fr-bubble-info {
        height: 140px;
        width: 140px;
    }
}

@media only screen and (max-width: 35em) {
    .a-fr-bubble,
    .a-fr-bubble-info {
        height: 130px;
        width: 130px;
    }
}

@media only screen and (max-width: 35em) {
    .a-fr-bubble-info .a-fr-bubble-text.a-heading--3,
    .a-fr-bubble .a-fr-bubble-text.a-heading--3 {
        font-size: 1em;
        margin-top: 0px;
    }
}

.a-fr-bubble .a-fr-bubble-text,
.a-fr-bubble-info .a-fr-bubble-text {
    display: block;
    margin-top: 0em !important;
    margin-bottom: 0em;
}


/**Avec liens**/

.t-accent-light .a-fr-bubble .a-heading,
.t-accent-light .a-fr-bubble-info .a-heading {
    font-weight: 700;
}

.t-accent-light .a-fr-bubble .a-heading {
    color: #002D73;
    margin-top: 0em;
    margin-bottom: 0em;
}

.t-accent-light .a-fr-bubble {
    background: #eee;
}

.t-accent-dark--light-blue.a-fr-bubble:hover {
    background: #1a61bd;
}

.t-accent-dark--dark-blue.a-fr-bubble:hover {
    background: #001e60;
}

.t-accent-dark--dark-green.a-fr-bubble:hover {
    background: #0e573f;
}

.t-accent-dark--dark-purple.a-fr-bubble:hover {
    background: #421b67;
}

.t-accent-dark--light-purple.a-fr-bubble:hover {
    background: #87378e;
}

.t-accent-dark--pink.a-fr-bubble:hover {
    background: #c01b83;
}

.t-accent-dark--light-teal.a-fr-bubble:hover {
    background-color: #009AB1;
}

.t-accent-dark--teal.a-fr-bubble:hover {
    background: #00788a;
}

.t-accent-dark--dark-grey.a-fr-bubble:hover {
    background: #413e45;
}


/**Sans liens**/

.a-fr-bubble-info {
    border-style: solid;
    border-color: #001e60;
    border-width: 3px;
    color: #001e60;
}

.a-fr-bubble-info .a-heading.a-fr-bubble-text {
    color: #001e60;
}

.t-accent-dark--light-blue.a-fr-bubble-info {
    background: transparent;
    border-color: #1a61bd;
}

.t-accent-dark--light-blue.a-fr-bubble-info .a-fr-bubble-text {
    color: #1a61bd;
}

.t-accent-dark--dark-blue.a-fr-bubble-info {
    background: transparent;
    border-color: #001e60;
}

.t-accent-dark--dark-blue.a-fr-bubble-info .a-fr-bubble-text {
    color: #001e60;
}

.t-accent-dark--dark-green.a-fr-bubble-info {
    background: transparent;
    border-color: #0e573f;
}

.t-accent-dark--dark-green.a-fr-bubble-info .a-fr-bubble-text {
    color: #0e573f;
}

.t-accent-dark--dark-purple.a-fr-bubble-info {
    background: transparent;
    border-color: #421b67;
}

.t-accent-dark--dark-purple.a-fr-bubble-info .a-fr-bubble-text {
    color: #421b67;
}

.t-accent-dark--light-purple.a-fr-bubble-info {
    background: transparent;
    border-color: #87378e;
}

.t-accent-dark--light-purple.a-fr-bubble-info .a-fr-bubble-text {
    color: #87378e;
}

.t-accent-dark--pink.a-fr-bubble-info {
    background: transparent;
    border-color: #c01b83;
}

.t-accent-dark--pink.a-fr-bubble-info .a-fr-bubble-text {
    color: #c01b83;
}

.t-accent-dark--light-teal.a-fr-bubble-info {
    background: transparent;
    border-color: #009AB1;
}

.t-accent-dark--light-teal.a-fr-bubble-info .a-fr-bubble-text {
    color: #009AB1;
}

.t-accent-dark--teal.a-fr-bubble-info {
    background: transparent;
    border-color: #413e45;
}

.t-accent-dark--teal.a-fr-bubble-info .a-fr-bubble-text {
    color: #413e45;
}

.t-accent-dark--dark-grey.a-fr-bubble-info {
    background: transparent;
    border-color: #413e45;
}

.t-accent-dark--dark-grey.a-fr-bubble-info .a-fr-bubble-text {
    color: #413e45;
}

.a-fr-bubble-notification {
    display: block;
    -webkit-flex-grow: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
}

.a-fr-bubble {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.a-fr-bubble--notification {
    margin-bottom: -0.8em;
}

.a-fr-bubble--notification .m-card-notification--information,
.a-fr-bubble--notification .m-card-notification--neutral,
.a-fr-bubble--notification .m-card-notification--warning {
    background-position: 0.625em;
    background-repeat: no-repeat;
    background-size: 2px;
    color: #333;
    padding-left: 1.4375em;
}

.a-fr-bubble--notification .m-card-notification--success {
    background-position: 0.425em;
    background-size: 9px;
    padding-left: 1.4375em;
}

.a-fr-bubble--notification .m-card-notification .m-card-content {
    font-size: 0.8em;
    padding: .2em 0.5625em .2em;
}

@media (min-width: 78em) {
    .a-fr-bubble--notification .m-card-notification:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
        bottom: -7px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -9px;
        position: absolute;
        width: 0;
        z-index: 11;
    }
    .a-fr-bubble--notification .m-card-notification:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ccc;
        bottom: -9px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        width: 0;
        z-index: 10;
    }
}

.l-section-01 .l-fr-bubble-wallet .a-fr-bubble-info .a-fr-bubble-text,
.l-section-05 .l-fr-bubble-wallet .a-fr-bubble-info .a-fr-bubble-text,
.l-section-01 .l-fr-bubble-wallet h2 {
    color: #fff;
}

.l-section-01 .l-fr-bubble-wallet .a-fr-bubble-info,
.l-section-05 .l-fr-bubble-wallet .a-fr-bubble-info {
    border: 3px solid #fff;
    color: #fff;
}

.l-section-03 .l-fr-bubble-wallet .a-fr-bubble,
.l-section-05 .l-fr-bubble-wallet .a-fr-bubble {
    background: #fff;
}

.l-section-03 .l-fr-bubble-wallet .a-fr-bubble:hover,
.l-section-05 .l-fr-bubble-wallet .a-fr-bubble:hover {
    background: #009AB1;
}

.l-section-05 .l-fr-bubble-wallet .a-fr-bubble .a-fr-bubble-text {
    color: #344B80;
}

.l-section-05 .l-fr-bubble-wallet .a-fr-bubble:hover .a-fr-bubble-text {
    color: #fff;
}

/**Search**/

.l-fr-home-search .l-columns {
    margin-top: 0.875em;
}

.l-fr-home-search .l-columns .l-columns__column:first-child {
    margin-top: 0em;
}

@media (min-width: 60em) {
    .l-fr-home-search .l-columns {
        margin-top: 1.875em;
        width: 60%;
    }
}

.csscalc .l-fr-home-search .m-form-row,
.l-fr-home-search .m-form-row {
    margin: 1em 0;
}

.l-section-01 .l-fr-home-search {
    width: 100%;
}

.l-section-01 .l-fr-home-search h2 {
    color: #fff;
}


/**Operation en ligne**/

@media (max-width: 35em) {
    .l-fr-home-operation .l-columns__column .a-heading--2 {
        font-size: 1.25em;
    }
}

.l-fr-home-operation .m-card--icon img {
    margin: 1.875em auto 0;
    max-width: 110px;
    max-width: 110px;
}

.l-fr-home-operation .m-card--icon .m-card-content {
    padding: .9375em 1.25em 0.875em;
    text-align: center;
}

.l-section-01 .l-fr-home-operation p.a-heading,
.l-section-01 .l-fr-home-operation h2 {
    color: #fff;
}

.l-section-01 .l-fr-home-operation .m-card-content h2 {
    color: #5c596d;
}

.l-section-02 .l-fr-home-operation .m-card--icon,
.l-section-04 .l-fr-home-operation .m-card--icon {
    background-color: #fff;
}

.l-section-02 .l-fr-home-operation .m-card--icon:hover,
.l-section-04 .l-fr-home-operation .m-card--icon:hover {
    background-color: #f1f3f8;
    color: #2A2A2A;
}

.l-fr-home-operation {}

.l-fr-home-operation .is-disabled,
.l-fr-home-operation .is-disabled:hover {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/**Contact company**/

@media (max-width: 35em) {
    .l-fr-home-contact-compagnie .l-columns--2-medium>.l-columns__column,
    .l-fr-home-contact-compagnie .l-columns--3-medium>.l-columns__column,
    .l-fr-home-contact-compagnie .l-columns--4-medium>.l-columns__column {
        float: left;
        margin-left: 0%;
        overflow: visible;
        width: 100%;
    }
    .l-section-02 .l-fr-home-contact-compagnie .m-card-content,
    .l-section-04 .l-fr-home-contact-compagnie .m-card-content,
    .l-fr-contact .m-card-content {
        border-radius: 10px;
    }
}

@media (max-width: 55em) {
    .l-fr-home-contact-compagnie .l-columns .l-columns__column .m-card-image {
        display: none;
    }
}

.m-card--image-left .m-card-image--9x16.m-fr-image-default img {
    margin: auto;
    object-fit: initial;
    width: 60%;
}

.l-section-02 .l-fr-home-contact-compagnie .a-link-icon__inner,
.l-section-03 .l-fr-home-contact-compagnie .a-link-icon__inner,
.l-section-04 .l-fr-home-contact-compagnie .a-link-icon__inner {
    color: #000;
}

.l-section-01 .l-fr-home-contact-compagnie .m-card-content h2 {
    color: #5c596d;
}

.l-section-02 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-section-03 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-section-04 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-fr-contact .t-accent-light--grey {
    background-color: #ccc;
}

.l-section-02 .l-fr-home-contact-compagnie .m-card-content,
.l-section-04 .l-fr-home-contact-compagnie .m-card-content,
.l-fr-contact .m-card-content {
    background-color: #eee;
}

.l-section-01 .l-fr-home-contact-compagnie h2 {
    color: #fff;
}

.m-fr-card-blue .m-fr-image-default {
    border-bottom: 2px solid #344B80;
    border-left: 2px solid #344B80;
    border-top: 2px solid #344B80;
}

.m-fr-card-blue .m-card-content {
    background: #344B80 !important;
}


/**Actualité**/

.l-section-05.t-accent-dark--light-blue {
    background: #344B80;
}

.l-section-05.t-accent-dark--light-blue .a-button--transparent {
    border-color: #fff;
}

.l-section-02 .l-fr-home-actualite .m-card-content,
.l-section-04 .l-fr-home-actualite .m-card-content {
    background-color: #eee;
}

.l-section-02 .l-fr-home-actualite .m-card-content:hover,
.l-section-04 .l-fr-home-actualite .m-card-content:hover {
    background-color: #ccc;
}

@media (min-width: 60em) {
    .l-section-05 .l-fr-home-actualite .slick-dots .slick-active button:before {
        background-color: #fff;
    }
}

.l-section-01 .l-fr-home-actualite h2 {
    color: #fff;
}


/*==========================================================================
	Arri?r?s
	==========================================================================*/


/*7 COL HOME & pastilles*/

.a-fr-bubble--notification .m-card-notification:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    bottom: -7px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    width: 0;
    z-index: 11;
}

@media screen and (max-width: 60em) {
    .a-fr-bubble-wrapper {
        text-align: left;
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 1em;
        line-height: auto;
        margin: 0.5em 0;
        padding: 0 0.5em;
        height: 3em;
    }
    .a-fr-bubble-text.a-heading.a-heading--1 {
        float: left;
        width: 30%;
        text-align: center;
        padding: 0 0.5em 0 0;
        font-size: 1.5em;
    }
    .a-fr-bubble-text.a-heading.a-heading--3.a-heading--light {
        width: 70%;
        float: right;
        font-size: 0.9em;
    }
    .a-fr-bubble,
    .a-fr-bubble-info {
        align-items: center;
        border-radius: 5px;
        display: flex;
        height: auto;
        width: 100%;
    }
}

@media (min-width: 60em) {
    .csscalc .l-columns--7-large>.l-columns__column {
        margin-left: 0.5em;
    }
    .csscalc .l-columns--7-large.l-columns {
        margin-left: -0.5em;
    }
    .l-columns--7-large>.l-columns__column {
        margin-left: 2.5%;
        overflow: visible;
    }
    .csscalc .l-columns--7-large>.l-columns__column {
        width: calc(14.286% - 0.5em);
    }
    .l-columns--7-large>.a-fr-bubble,
    .a-fr-bubble-info {
        height: 135px;
        width: 135px;
        font-size: 0.6em;
    }
    .l-columns--7-large>.a-fr-bubble-wrapper {
        font-size: 0.5em;
    }
    .l-columns--7-large.l-columns {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: -2.5%;
    }
}

@media (max-width: 80em) {
    .a-fr-bubble-info .a-fr-bubble-text.a-heading--3,
    .a-fr-bubble .a-fr-bubble-text.a-heading--3 {
        font-size: 1em;
        margin-top: 0px;
    }
}


/*  
	========================================================================== 
	Custom Page
	========================================================================== 
*/


/**Custom home**/

.m-order-block {
    margin-top: 2.50em;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 60em) {
    .m-order-block {
        width: calc(75% - 1.25em);
    }
}

@media (min-width: 60em) {
    .m-order-block {
        width: calc(98% - 1.875em);
    }
}

.a-order-block {
    position: relative;
}

.a-order-block h2 {
    margin-bottom: 1.2em;
    margin-left: 1.5em;
}

.svg .a-order-top,
.svg .a-order-bottom {
    background-image: url(../../images/broker/icons/arrow-down-grey.svg);
}

.a-order-top,
.a-order-bottom {
    background-image: url(../../images/broker/icons/arrow-down-grey.png);
    margin-top: 0.5em;
}

.svg .a-order-top:hover,
.svg .a-order-bottom:hover {
    background-image: url(../../images/broker/icons/arrow-down-blue.svg);
}

.a-order-top:hover,
.a-order-bottom:hover {
    background-image: url(../../images/broker/icons/arrow-down-blue.png);
}

.a-order-top {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 0.4em;
    margin-right: 0.9em;
}

.a-order-bottom,
.a-order-top {
    background-position: center center;
    background-repeat: no-repeat;
    border: 0px;
    display: block;
    float: right;
    height: 3em;
    overflow: hidden;
    text-indent: -9999px;
    width: 3em;
}


/**Contact**/

.l-form-chx_custom .m-card-image {
    /*z-index:1;*/
}

.csstransforms .l-form-chx_custom .a-checkbox__ui:after {
    background: transparent !important;
}

.csstransforms .l-form-chx_custom .a-checkbox:hover {
    background: transparent !important;
    border-color: #fff;
}

.l-form-chx_custom .a-checkbox__label {
    box-shadow: none;
    border-radius: 0px;
    border: 0px;
    padding: 0px;
}

.l-form-chx_custom .a-checkbox {
    width: 100%;
}

.l-form-chx_custom .m-card-image {
    height: 100%;
}

.csstransforms .l-form-chx_custom .a-checkbox:hover .a-checkbox__ui:before,
.csstransforms .l-form-chx_custom .a-checkbox__input:focus~.a-checkbox__ui:before,
.csstransforms .l-form-chx_custom .a-radio:hover .a-checkbox__ui:before,
.csstransforms .l-form-chx_custom .a-radio__input:focus~.a-checkbox__ui:before {
    background: #fff;
}

.csstransforms .l-form-chx_custom .a-checkbox__ui:before {
    background: transparent !important;
    border: 2px solid #fff;
    border-radius: 0.625em;
}

.csstransforms .l-form-chx_custom .a-checkbox__ui {
    border-radius: 0em;
}

.csstransforms .l-form-chx_custom .a-checkbox__input:checked~.a-checkbox__ui:before {
    border-color: #4ca02b;
}

@media (max-width: 55em) {
    .l-form-chx_custom .l-columns .l-columns__column .m-card-image,
    .l-fr-contact .l-columns .l-columns__column .m-card-image {
        display: none;
    }
    .l-form-chx_custom .m-card-content {
        padding-right: 20%;
        width: 100%;
    }
    .l-form-chx_custom .a-checkbox__label:after,
    .l-form-chx_custom .a-checkbox__label:before {
        right: .625em;
        left: initial;
    }
}

@media (min-width: 35em) and (max-width: 58em) {
    .svg .l-fr-contact .a-text-icon,
    .svg .t-accent-dark .t-accent-light .l-fr-contact .a-text-icon,
    .svg .t-accent-light .l-fr-contact .a-text-icon,
    .svg .t-card-accent-dark .m-card.t-accent-light .l-fr-contact .a-text-icon,
    .svg .t-card-accent-light .m-card .l-fr-contact .a-text-icon,
    .svg .l-fr-home-contact-compagnie .a-text-icon,
    .svg .t-accent-dark .t-accent-light .l-fr-home-contact-compagnie .a-text-icon,
    .svg .t-accent-light .l-fr-home-contact-compagnie .a-text-icon,
    .svg .t-card-accent-dark .m-card.t-accent-light .l-fr-home-contact-compagnie .a-text-icon,
    .svg .t-card-accent-light .m-card .l-fr-home-contact-compagnie .a-text-icon {
        background-image: none;
        padding-left: 0;
    }
}


/*
.l-form-chx_custom .m-checkbox-group{
	margin-top:1.250em;
}

@media (min-width: 35em){
	.csscalc .l-form-chx_custom .m-form-row {
		width: calc(75% - 1.25em);
	}
}

@media (min-width: 60em){
	.csscalc .l-form-chx_custom .m-form-row {
		width: calc(98% - 1.875em);
	}
}*/


/*  
	========================================================================== 
	Fiche client
	========================================================================== 
*/

.t-accent-dark--blue-2 {
    background-color: #344B80;
}

@media (min-width: 60em) {

    .csscalc .l-columns--20-80-large,
    .csscalc .l-columns--75-25-large {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
        display: flex;
        justify-content: space-between;

    }

    .csscalc .l-columns--20-80-large>.l-columns__column:nth-child(odd),
    .csscalc .l-columns--20-80-large>.l-columns__column:first-child {
        width: calc(16.66% - 1.875em);
    }

    .csscalc .l-columns--20-80-large>.l-columns__column:nth-child(2n) {
        width: calc(83.34% - 1.875em);
    }

    .csscalc .l-columns--75-25-large {
        padding: 0;
    }

    .csscalc .l-columns--75-25-large>.l-columns__column:nth-child(odd),
    .csscalc .l-columns--75-25-large>.l-columns__column:first-child {
        width: calc(75% - 1.875em);
    }

    .csscalc .l-columns--75-25-large>.l-columns__column:nth-child(2n) {
        width: calc(25% - 1.875em);
    }
}

.a-vip {
    padding-top: 45px;
    position: relative;
    text-align: center;
    width: 50px;
}

.svg .a-vip:before {
    background-image: url(../../images/broker/icons/stars-vip.svg);
}

.a-vip:before {
    background-image: url(../../images/broker/icons/stars-vip.png);
    background-repeat: no-repeat;
    content: "";
    display: block;
    left: 0em;
    height: 50px;
    position: absolute;
    top: 0%;
    width: 50px;
}


/**Bubble**/

.l-fr-fiche-client .a-heading+.a-heading--0 {
    margin-top: 0;
}

.l-fr-fiche-client .a-fr-bubble-info {
    border-color: #4ca79f;
    color: #4ca79f;
}

.l-fr-fiche-client .a-fr-bubble-info .a-fr-bubble-text {
    color: #4ca79f;
}

.l-fr-fiche-client .a-fr-bubble {
    background: #eee;
}

.l-fr-fiche-client .a-fr-bubble:hover {
    background: #d57b1d;
}

.l-fr-fiche-client .a-fr-bubble:hover span {
    color: #fff;
}


/**Menu vertical**/

.l-fr-fiche-client .m-vertical-nav {
    display: flex;
    flex-direction: column;
    max-height: 50px;
    overflow: hidden;
    padding: .5em 1.25em;
    position: relative;
    text-align: center;
    transition: max-height 0.15s ease-out;
}

.no-js .l-fr-fiche-client .m-vertical-nav {
    max-height: inherit !important;
}

.l-fr-fiche-client .m-vertical-nav.is-open {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs {
    margin-bottom: 1em;
    margin-top: 1px;
    padding-right: 50px;
    min-height: 42px;
    text-align: left;
}

@media (min-width: 60em) {
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs {
        padding-right: 0px;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs {
        padding-right: initial;
    }
    .l-fr-fiche-client .m-vertical-nav {
        max-height: inherit;
        display: block;
    }
    .l-fr-fiche-client .m-vertical-nav,
    .l-fr-fiche-client .m-vertical-nav.is-open {
        max-height: initial;
        padding: initial;
    }
    .no-js .l-fr-fiche-client .m-vertical-nav {
        max-height: inherit !important;
    }
}

.l-fr-fiche-client .m-tabs__more-tab {
    display: block;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 13px;
}

.l-fr-fiche-client .m-tabs__more-tab a {
    border-width: 3px;
    border-color: transparent;
    color: #5c596d;
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.4em;
    padding-right: 1.3em;
    padding-bottom: .5em;
    text-decoration: none;
    transition: background-color .35s, border .35s;
}

.l-fr-fiche-client .m-tabs__more-tab a:hover {
    border-width: 3px;
    border-color: #5c596d;
    color: #5c596d;
}

.l-fr-fiche-client .m-tabs__more-control:after {
    top: 8px;
}

.l-fr-fiche-client .m-vertical-nav>li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

.l-fr-fiche-client .m-vertical-nav>li.m-vertical-nav--current,
.l-fr-fiche-client .m-vertical-nav>li:last-child {
    border-bottom: 1px solid transparent;
}

@media (min-width: 60em) {
    .l-fr-fiche-client .m-tabs__more-tab {
        display: none;
    }
    .l-fr-fiche-client .m-vertical-nav>li {
        border-bottom: 1px solid transparent;
        margin-bottom: 0;
    }
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs>a:hover .a-vertical-nav--title {
    color: #8a2c24;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs .m-tabs-icon.a-vertical-nav--icon {
    height: 28px;
    margin-right: 0;
    width: 29px;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs .m-tabs-icon.a-vertical-nav--icon img {
    height: 28px;
    left: 0;
    width: 56px;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current .a-vertical-nav--icon img {
    left: -29px;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs>a:hover .m-tabs-icon.a-vertical-nav--icon img {
    left: -29px;
}

@media (min-width: 60em) {
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs .m-tabs-icon.a-vertical-nav--icon {
        height: 50px;
        margin-right: 0;
        width: 50px;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs .m-tabs-icon.a-vertical-nav--icon img {
        height: 50px;
        left: 0;
        width: 100px;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current .a-vertical-nav--icon img {
        left: -50px;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs>a:hover .m-tabs-icon.a-vertical-nav--icon img {
        left: -50px;
    }
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current .a-vertical-nav--title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4em;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current a {
    font-family: source_sans_probold, -apple-system, blinkmacsystemfont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, arial, sans-serif;
    border-width: 3px;
    border-color: #8a2c24;
    color: #8a2c24;
    /*display: initial;*/
    line-height: 1.4em;
    padding-bottom: 10px;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs a {
    border-width: 3px;
    border-color: transparent;
    color: #5c596d;
    font-size: 1.25rem;
    line-height: 1.4em;
    padding: 10px 0px;
    padding-bottom: 10px;
}

.l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs a:hover {
    border-width: 3px;
    border-color: #8a2c24;
    color: #8a2c24;
}

@media (min-width: 60em) {
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current .a-vertical-nav--title {
        font-family: source_sans_probold, -apple-system, blinkmacsystemfont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, arial, sans-serif;
        font-size: 1em;
        color: #8a2c24;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs .a-vertical-nav--title {
        display: block;
        font-size: 1em;
        font-weight: initial;
        margin-top: .325em;
        padding: 0 .5em;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs a {
        font-family: source_sans_prolight, -apple-system, blinkmacsystemfont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, arial, sans-serif;
        font-size: 1em;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current a .a-vertical-nav--title {
        color: #8a2c24;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs.m-vertical-nav--current a {
        border-color: transparent;
    }
}

@media (min-width: 60em) {
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs {
        margin-bottom: 1.5em;
        margin-top: 1em;
        text-align: center;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs:last-child {
        margin-bottom: 0em;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs>a {
        border-bottom: 3px solid rgba(92, 89, 109, 0);
        display: inline-block;
        margin-bottom: .825em;
        padding-top: 1em;
        padding-bottom: .175em;
        width: auto;
    }
    .l-fr-fiche-client .m-vertical-nav .m-vertical-nav--tabs>a:hover {
        border-bottom: 3px solid rgba(92, 89, 109, 0);
        /*#004fb6*/
    }
}

.l-fr-fiche-client .m-vertical-nav .m-tabs__more-tab {
    display: none;
}

@media (max-width: 60em) {
    .l-fr-fiche-client .m-vertical-nav .m-tabs__more-tab {
        display: block;
    }
    .no-js .l-fr-fiche-client .m-tabs__more-tab {
        display: none;
    }
}


/**Filtre**/

.l-fr-fiche-client .l-fr-fiche-client-content .l-section {
    padding-bottom: 0px;
}

@media (max-width: 35em) {
    .l-fr-fiche-client .l-fr-fiche-client-content .a-title-divider {
        margin-bottom: 2em;
    }
    .l-fr-fiche-client .l-fr-fiche-client-content .l-fr-search-filter .l-columns {
        margin-top: 0em;
    }
    .l-fr-fiche-client .l-fr-fiche-client-content .l-section {
        padding-bottom: 0px;
        margin-top: -1.5em;
    }
}


/**Table**/

.a-order {
    background-position: center center;
    background-repeat: no-repeat;
    border: 0px;
    bottom: 0px;
    height: 1.8em;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
}

@media (min-width: 60em) {
    .a-order {
        left: inherit;
        right: 0px;
        top: 7px;
        width: 2.2em;
    }
}

.svg .a-order {
    background-image: url(../../images/broker/icons/arrow-down-black.svg);
    transition: all 0.5s;
}

.a-order {
    background-image: url(../../images/broker/icons/arrow-down-black.png);
    transition: all 0.5s;
}

.svg a:hover .a-order {
    background-image: url(../../images/broker/icons/arrow-down-miel.svg);
}

a:hover .a-order {
    background-image: url(../../images/broker/icons/arrow-down-miel.png);
}

.a-order-check {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.m-table tbody>tr:nth-child(odd)>td,
.m-table tbody>tr>td {
    background-color: transparent !important;
    vertical-align: middle;
}

.m-table thead>tr>th {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 1em;
    vertical-align: top;
}

@media (min-width: 35em) {
    .m-table thead>tr>th {
        padding-bottom: 2em;
    }
}

@media (min-width: 60em) {
    .m-table thead>tr>th a {
        display: block;
        padding-right: 30px;
    }
}

@media (min-width: 60em) {
    .m-table thead>tr>th {
        padding-bottom: 0.5em;
    }
}

.m-table thead>tr>th a {
    color: #000000;
    border: 0px;
    text-decoration: none;
}

.m-table thead>tr>th a:hover {
    color: #8a2c24;
    border: 0px;
    text-decoration: none;
}

.m-table tbody>tr>td {
    position: relative;
    text-align: center;
}

.m-table tbody>tr:nth-child(odd) {
    background: #fff;
    transition: all 0.5s;
}

.m-table tbody>tr:nth-child(even) {
    background: #f1f3f8;
    transition: all 0.5s;
}

.m-table tbody>tr.a-clickable-row:nth-child(odd):hover,
.m-table tbody>tr.a-clickable-row:nth-child(even):hover {
    background-color: #e5eaf2;
    cursor: pointer;
}

.m-table tbody a:hover {
    cursor: pointer;
}

@media (max-width: 35em) {
    .m-table thead>tr>th {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/*  
	========================================================================== 
	Creer une saisine
	========================================================================== 
*/

.a-textbox--euro {
    background-position: right .8438em center;
    padding-left: 1em;
}

.l-fr-download .m-card-content {
    border: 1px solid #ccc;
    padding-top: 0px;
    padding-bottom: 0px;
}

.l-fr-download .m-card-content h2 {
    padding-top: 0.5em;
}

.l-fr-download.t-accent-light.t-card-accent-light--white:not(.t-accent-light--yellow):not(.t-accent-light--white) .m-card {
    border: 0px;
}

@media (max-width: 35em) {
    .display-none--mobile {
        display: none;
    }
}

h2.bold,
.bold,
.strong {
    font-weight: bold;
    font-family: 'source_sans_proregular', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', arial, sans-serif;
}

.csscalc .l-fr-adresse {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 1.25em);
}

.l-fr-adresse {
    width: 98.75%;
}

@media (min-width: 35em) {
    .csscalc .l-fr-adresse {
        width: calc(75% - 1.25em);
    }
    .l-fr-adresse {
        width: 73.75%;
    }
}

@media (min-width: 60em) {
    .csscalc .l-fr-adresse {
        width: calc(50% - 1.875em);
    }
    .l-fr-adresse {
        width: 48.75%;
    }
}


/*  
	========================================================================== 
	Loading
	========================================================================== 
*/

.o-modal-active.o-modal-overlay {
    opacity: 1 !important;
}


/*  
	========================================================================== 
	Masquer le moteur de recherche
	========================================================================== 
*/

.m-site-nav-selection {
    overflow: hidden;
}

.o-masthead__skip-links .o-masthead__search-link {
    height: 0px;
    position: absolute;
    visibility: hidden;
    width: 0px;
}


/*  
	========================================================================== 
	Agenda
	========================================================================== 
*/


/*Buttons haut de page */

ul.list--button {
    margin: 0;
    padding: 0;
}

ul.list--button li {
    list-style: none;
    padding: 0;
}

ul.list--button li a.a-button {
    margin-bottom: 1em;
}

@media (min-width: 35em) {
    ul.list--button li {
        float: left;
        margin-right: 1em;
    }
}


/*  
	========================================================================== 
	Surcharge - Style Abeille
	========================================================================== 
*/

.o-masthead__skip-links .o-masthead__welcome-user {
    border-left: 1px solid #eee !important;
}

.o-masthead__skip-links::after {
    border-right: 1px solid #eee;
}

.o-masthead__skip-links .o-masthead__login-link,
.o-masthead__skip-links .o-masthead__deconnexion {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    float: right;
}

.o-masthead__welcome-user-name,
.o-masthead__welcome-user-bonjour {
    color: #000 !important;
}

.o-masthead {
    border-bottom: 1px solid rgba(217, 217, 217, .5);
    box-shadow: none !important;
    overflow-x: hidden;
    max-width: 100%;
}

 @media (min-width: 35em){
	.o-masthead__logged-in-link a:after {
		background: url(../../images/broker/icons/arrows/arrow-down-white.png) no-repeat 50%;
		content: "";
		position: absolute;
		top: 0.875em;
		right: 0.75em;
		height: 9px;
		width: 14px;
	}
}


/*correctif pour scrollbar header*/

@media (min-width: 60em) {
    .o-masthead-logo__link {
        padding: 0 0.75em;
    }
}

.svg .o-masthead__logged-in-link a::after {
    background-image: url(../../images/broker/icons/arrow-down-black.svg);
}

.o-masthead__logged-in-link:focus a::after,
.o-masthead__logged-in-link:hover a::after {
    background: url(../../images/broker/icons/arrow-down-white.svg);
}

.m-site-contact-favoris__selection {
    height: 35px;
    width: 196px;
}

.o-masthead__logged-in-link.m-site-contact-favoris__selection a {
    left: 0px;
}

.m-site-contact-favoris__selection a:focus,
.m-site-contact-favoris__selection a:hover {
    background-color: #000;
}

.o-masthead__deconnexion a:focus,
.o-masthead__deconnexion a:hover {
    background-color: initial;
    border-bottom-color: #000 !important;
}


/*breadcrumb*/

.a-breadcrumb__current {
    color: #000;
    border-bottom: 0px solid #000 !important;
    font-weight: 700;
}

.a-breadcrumb__link {
    color: #000;
    border-bottom: 2px dotted #000 !important;
}

.a-breadcrumb__link:focus,
.a-breadcrumb__link:hover,
.t-accent-dark .t-accent-light .a-breadcrumb__link:focus,
.t-accent-dark .t-accent-light .a-breadcrumb__link:hover,
.t-accent-light .a-breadcrumb__link:focus,
.t-accent-light .a-breadcrumb__link:hover {
    color: #000000;
    border-bottom: 2px solid #000 !important;
}

.m-site-nav-selection {
    background: #FFFFFF;
    height: 2.15em;
}


/* Section couleur.l-section.t-accent-dark.t-accent-dark--dark-blue, */

.t-accent-dark--dark-blue,
.t-accent-dark--blue-2 {
    background: #A07C8A;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .a-heading,
.t-accent-dark--blue-2 .a-heading {
    color: #000 !important;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .a-button--transparent,
.l-section.t-accent-dark.t-accent-dark--dark-blue .m-card.t-accent-dark .a-button--transparent {
    background: none;
    border: 2px solid #000;
    color: #000;
}

.a-breadcrumb__link:focus,
.a-breadcrumb__link:hover,
.t-accent-dark .t-accent-light .a-breadcrumb__link:focus,
.t-accent-dark .t-accent-light .a-breadcrumb__link:hover,
.t-accent-light .a-breadcrumb__link:focus,
.t-accent-light .a-breadcrumb__link:hover {
    color: #000000;
    border-bottom: 2px solid #000!important;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .a-button--transparent:hover,
.l-section.t-accent-dark.t-accent-dark--dark-blue .m-card.t-accent-dark .a-button--transparent:hover {
    background: #d57b1d;
    border: 2px solid #d57b1d;
    color: #000;
}

.t-accent-dark--blue-2 {
    background-color: #F1F3F8;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .l-content-container,
.l-section.t-accent-dark.t-accent-dark--dark-blue.t-accent-dark .a-heading {
    color: #000!important;
}

*/ .l-section-05.t-accent-dark--light-blue,
.l-fr-fiche-client .t-accent-dark--dark-blue {
    background: #784558 !important;
}


/* Section couleur.l-section.t-accent-dark.t-accent-dark--dark-blue, */

.l-fr-fiche-client .l-section.t-accent-dark.t-accent-dark--dark-blue .a-heading,
.l-fr-fiche-client .l-section.t-accent-dark.t-accent-dark--dark-blue .a-vip {
    color: #ffffff !important;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .a-heading,
.t-accent-dark--blue-2 .a-heading {
    color: #000!important;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .a-button--transparent,
.l-section.t-accent-dark.t-accent-dark--dark-blue .m-card.t-accent-dark .a-button--transparent {
    background: none;
    border: 2px solid #000;
    color: #000;
}

.l-section.t-accent-dark.t-accent-dark--dark-blue .a-button--transparent:hover,
.l-section.t-accent-dark.t-accent-dark--dark-blue .m-card.t-accent-dark .a-button--transparent:hover {
    background: #d57b1d;
    border: 2px solid #d57b1d;
    color: #000;
}

.l-section-05.t-accent-dark--light-blue,
.l-fr-fiche-client .t-accent-dark--dark-blue {
    background: #784558!important;
}

.l-fr-fiche-client .t-accent-dark.t-accent-dark--dark-blue a:not(.a-button),
.l-fr-fiche-client .t-card-accent-dark.t-card-accent-dark--dark-blue .m-card a:not(.a-button) {
    color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

a#corriger {
    border-bottom-color: #8a2c24;
    border-bottom-style: dotted;
    color: #8a2c24;
}

.l-fr-fiche-client .t-accent-dark.t-accent-dark--dark-blue a:not(.a-button),
.l-fr-fiche-client .t-card-accent-dark.t-card-accent-dark--dark-blue .m-card a:not(.a-button) {
    color: #ffffff!important;
    border-bottom-color: #ffffff!important;
}

.t-accent-dark.t-accent-dark--dark-blue a:not(.a-button):active,
.t-accent-dark.t-accent-dark--dark-blue a:not(.a-button):focus,
.t-accent-dark.t-accent-dark--dark-blue a:not(.a-button):hover {
    border-bottom-color: #ffffff!important;
    color: #ffffff!important;
    border-bottom-style: solid;
}

a#corriger {
    border-bottom-color: #8a2c24;
    border-bottom-style: dotted;
    color: #8a2c24;
}

.a-link-icon .a-link-icon__inner {
    color: #000!important;
    border-bottom-color: #000000!important;
}

.a-link-icon .a-link-icon__inner {
    color: #000 !important;
    border-bottom-color: #000000 !important;
}

.l-fr-formation-right .a-link-icon .a-link-icon__inner:hover {
    border-bottom-style: solid;
    border-bottom-color: #8a2c24!important;
}

.l-section-05.t-accent-dark--light-blue .a-heading {
    color: #ffffff!important;
}

.l-fr-fiche-client .t-accent-dark--blue-2 {
    background: #A07C8A!important;
}

.t-accent-dark--light-teal.a-fr-bubble:hover {
    background-color: #d57b1d!important;
}

.a-fr-bubble--notification .m-card-notification--information,
.a-fr-bubble--notification .m-card-notification--neutral,
.a-fr-bubble--notification .m-card-notification--warning {
    border-radius: 10px;
    overflow: initial;
    z-index: 100;
}

.a-fr-bubble--notification .m-card-notification .m-card-content {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.l-section-02 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-section-03 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-section-04 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-fr-contact .t-accent-light--grey {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.m-fr-card-blue .m-card-content {
    background: #784558!important;
}

.m-fr-card-blue .m-fr-image-default {
    border-bottom: 0px solid #784558;
    border-left: 0px solid #784558;
    border-top: 0px solid #784558;
}

.l-section-02 .l-fr-home-contact-compagnie .a-link-icon__inner,
.l-section-03 .l-fr-home-contact-compagnie .a-link-icon__inner,
.l-section-04 .l-fr-home-contact-compagnie .a-link-icon__inner {
    color: #8a2c24;
}

.l-section-01 .a-link-icon .a-link-icon__inner {
    color: #fff!important;
    border-bottom-color: #fff!important;
}

.l-section-01 .a-link-icon--edit:before {
    background-position: 1px;
}

.l-fr-formation-right .a-link-icon .a-link-icon__inner {
    color: #8a2c24 !important;
    border-bottom-style: dotted;
}


/*  
	========================================================================== 
	Surcharge formulaire - Style Abeille
	========================================================================== 
*/

.t-accent-light .a-button--transparent,
.t-accent-light .m-card.t-accent-light .a-button--transparent {
    border: 2px solid #000!important;
}

.l-fr-formation-right .a-link-icon .a-link-icon__inner:hover {
    border-bottom-style: solid;
    border-bottom-color: #8a2c24 !important;
}

.t-accent-light .a-button--transparent:hover,
.t-accent-light .m-card.t-accent-light .a-button--transparent:focus {
    border: 2px solid #d57b1d!important;
}

.l-section-05.t-accent-dark--light-blue .a-heading {
    color: #ffffff !important;
}

.l-fr-fiche-client .t-accent-dark--blue-2 {
    background: #A07C8A !important;
}

.l-section-05.t-accent-dark--light-blue .a-button--transparent:hover {
    border-color: #d57b1d;
}


/*Boutons


/* Pastille */

.t-accent-light .a-fr-bubble .a-heading {
    color: #000;
    font-weight: 500;
    line-height: initial;
}

.t-accent-dark--light-teal.a-fr-bubble {
    background-color: #eeeeee;
    color: #000;
}

.t-accent-dark--light-teal.a-fr-bubble:hover {
    background-color: #d57b1d;
    color: #000;
}

.a-fr-bubble--notification .m-card-notification--information,
.a-fr-bubble--notification .m-card-notification--neutral,
.a-fr-bubble--notification .m-card-notification--warning {
    border-radius: 10px;
    overflow: initial;
    z-index: 100;
}

.a-fr-bubble--notification .m-card-notification .m-card-content {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.l-section-02 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-section-03 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-section-04 .l-fr-home-contact-compagnie .t-accent-light--grey,
.l-fr-contact .t-accent-light--grey {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.m-fr-card-blue .m-card-content {
    background: #784558 !important;
}

.m-fr-card-blue .m-fr-image-default {
    border-bottom: 0px solid #784558;
    border-left: 0px solid #784558;
    border-top: 0px solid #784558;
}

.l-section-02 .l-fr-home-contact-compagnie .a-link-icon__inner,
.l-section-03 .l-fr-home-contact-compagnie .a-link-icon__inner,
.l-section-04 .l-fr-home-contact-compagnie .a-link-icon__inner {
    color: #8a2c24;
}

.l-section-01 .a-link-icon .a-link-icon__inner {
    color: #fff !important;
    border-bottom-color: #fff !important;
}

.l-section-01 .a-link-icon--edit:before {
    background-position: 1px;
}

.l-fr-fiche-client-aside {
    border-radius: 10px;
}


/*  
	========================================================================== 
	Surcharge formulaire - Style Abeille
	========================================================================== 
*/

.t-accent-light .a-button--transparent,
.t-accent-light .m-card.t-accent-light .a-button--transparent {
    /*border: 2px solid #000!important;*/
}

.t-accent-light .a-button--transparent:hover,
.t-accent-light .m-card.t-accent-light .a-button--transparent:focus {
    border: 2px solid #d57b1d !important;
}

.l-section-05.t-accent-dark--light-blue .a-button--transparent:hover {
    border-color: #d57b1d;
}


/*Correctifs bloc actualit?s home*/

.l-section-03 .t-accent-dark--light-blue {
    background-color: #784558 !important;
}

.l-section-03 .t-accent-dark--light-blue h2 {
    color: #fff !important;
}

.l-section-03 .slick-active {
    background-color: #FFF;
}

.l-section-03 .l-section .t-accent-light .t-accent-light--grey {
    background-color: #FFF!important;
}

.t-accent-dark--blue-2 p.a-heading--light {
    color: #000!important;
}

.l-form-chx_custom .t-accent-light,
.t-card-accent-dark .m-card.t-accent-light {
    background-color: #f1f3f8 !important;
}

.l-form-chx_custom .t-accent-light,
.t-card-accent-dark .m-card.t-accent-light {
    background-color: #ccc !important;
}


/*Pastilles mises en avant*/

.a-fr-bubble.t-accent-dark--light-teal.highlight {
    background-color: #4ca79f;
}

.a-fr-bubble.t-accent-dark--light-teal.highlight:hover {
    background-color: #dbb27d;
    color: #000;
}

/** START L?gende **/

.m-fr-inline-summary {
	display: flex;
	flex-direction: row;
	padding: 0;
}
.m-fr-inline-summary li {
	list-style-type: none;
	margin-bottom: 0.625em;
    margin-left: 1.875em;
    margin-top: 0.625em;
    position: relative;
}
.m-fr-inline-summary li + li {
	margin-left: 3.875em;
}
.m-fr-inline-summary li:before {
	background-color: #ccc;
    border-radius: 50%;
    content: "";
    height: 1.25em;
    left: -1.875em;
    position: absolute;
    top: 0.1875em;
    width: 1.25em;
}
.m-fr-inline-summary > :first-child:before {
    background-color: #f1e0cb;
}
.m-fr-inline-summary > :nth-child(2):before {
    background-color: #b7dcd9;
}
.m-fr-inline-summary > :nth-child(3):before {
    background-color: #e5eaf2;
}

/** END L?gende **/



/** START Tableau notifications **/

.m-table.m-fr-table--notifications thead > tr,
.m-table.m-fr-table--notifications tbody > tr {
	background-color: #fff !important;
}
.m-table.m-fr-table--notifications thead > tr > th,
.m-table.m-fr-table--notifications tbody > tr > td {
	background-color: transparent !important;
}
.m-table.m-fr-table--notifications tbody > tr + tr > td {
	border-top: 1px solid #ccc;
}
.m-table.m-fr-table--notifications tbody > tr.is-action {
	background-color: #f1e0cb !important;
}

/** END Tableau notifications **/

/** START Notifications **/

.m-site__site-list-notifications {
	float: right;
	font-size: .875em;
	height: 35px;
	line-height: 1.7143em;
	margin: 0;
}
.m-site__site-list-notifications a {
    border: none;
    color: #2A2A2A;
    display: block;
    height: 100%;
    padding: 0.3em 3.2em 0.3em 1.3em;
    position: relative;
    transition: background .35s;
}

.m-site__site-list-notifications a:hover {
	background-color: #444;
    color: #FFF;
}

.m-site__site-list-notifications a::after {
    position: absolute;
    content: "12";
    top: 0.475em;
    right: 1.4em;
    border-radius: 50%;
    background-color: #D57B1D;
    width: 20px;
    height: 20px;
    color: #FFF;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
}

/* .m-site__site-list-notifications a:before {
	background: url(../../images/broker/alert-bell.png) no-repeat 50%;
    content: "";
    left: 1.3em;
    height: 15px;
    width: 15px;
    position: absolute;
	top: 0.65em;
}
.svg .m-site__site-list-notifications a:before {
	background-image: url(../../images/broker/alert-bell.svg);
}
.m-site__site-list-notifications.is-active a:before {
	-webkit-animation: animation-shakin-bell 5s infinite;
	animation: animation-shakin-bell 5s infinite;
}
@keyframes animation-shakin-bell {
	0% { transform: rotate(0); }
	2% { transform: rotate(10deg); }
	4% { transform: rotate(-10deg); }
	6% { transform: rotate(8deg); }
	8% { transform: rotate(-8deg); }
	10% { transform: rotate(4deg); }
	12% { transform: rotate(-4deg); }
	14% { transform: rotate(2deg); }
	16% { transform: rotate(0); }
	to { transform: rotate(0); }
}
@-webkit-keyframes animation-shakin-bell {
	0% { -webkit-transform: rotate(0); }
	2% { -webkit-transform: rotate(10deg); }
	4% { -webkit-transform: rotate(-10deg); }
	6% { -webkit-transform: rotate(8deg); }
	8% { -webkit-transform: rotate(-8deg); }
	10% { -webkit-transform: rotate(4deg); }
	12% { -webkit-transform: rotate(-4deg); }
	14% { -webkit-transform: rotate(2deg); }
	16% { -webkit-transform: rotate(0); }
	to { -webkit-transform: rotate(0); }
} */

/** END Notifications **/

/* Border grey */
.m-card-content.m-card-content__border-grey {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.m-site-nav-selection.m-site-nav-selection__border-bottom--grey {
    border-bottom: 2px solid #eee;
}


@media screen and (max-width: 35em) {
    .m-card-content.m-card-content__border-grey {
        border-top: 1px solid #CCC;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
/* End border grey */

/* Box shadow */
.m-site-nav-selection.m-site-nav-selection--box-shadow {
    box-shadow: 0px 3px 5px rgba(238, 238, 238, 0.9);
}
/* END Box shadow */

/* Flex classes */
.align-items--center {
    align-items: center !important;
}

.flex-direction--row {
    flex-direction: row !important;
}

.flex-direction--column {
    flex-direction: column !important;
}

.flex-wrap--wrap {
    flex-wrap: wrap !important;
}

.align-items--flex-start {
    align-items: flex-start !important;
}

@media screen and (min-width: 35em) and (max-width: 79em) {
    .m-card-content.flex-direction--column-tablet {
        flex-direction: column !important;
    }
}
/* END Flex classes */

/* Utility classes */
.text-wrap--nowrap {
    text-wrap: nowrap !important;

.no-border-bottom {
    Border-bottom:none;
}
}
/* END Utility classes */

/* Dropdown arrow right of text */
.a-button--tertiary.a-button--download-icon-right.a-button--download:before {
    position: absolute;
    right: -2.2em !important
}
/* END Dropdown arrow right of text */