@font-face {
  font-family: 'FranklinGothic-Medium';
  src: url('/content/dam/axa/desktop/gabarits-libres/page-promo/monaxa-new/fonts/FranklinGothic-Medium.eot'); /* IE9 Compat Modes */
  src: url('/content/dam/axa/desktop/gabarits-libres/page-promo/monaxa-new/fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/content/dam/axa/desktop/gabarits-libres/page-promo/monaxa-new/fonts/FranklinGothic-Medium.woff2') format('woff2'), /* Modern Browsers */
    url('/content/dam/axa/desktop/gabarits-libres/page-promo/monaxa-new/fonts/FranklinGothic-Medium.woff') format('woff'), /* Modern Browsers */
    url('/content/dam/axa/desktop/gabarits-libres/page-promo/monaxa-new/fonts/FranklinGothic-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/content/dam/axa/desktop/gabarits-libres/page-promo/monaxa-new/fonts/FranklinGothic-Medium.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

.homeTop, .advertise {display:none;}
#axafr-main.homepage .page {padding: 0;}
#all-devis ul li a.cta-home-devis, .all-services div a, .search-dealerFindFrance label {
    font-family: HelveticaNeueCondensed, arial, sans-serif;
}

#axafr-main .content>.inner {
    margin-top: 0;
    max-width: 100%;
}
#axafr-main.homepage {
    margin-bottom: -15px;
}

#home_transactionnelle a {
    cursor: pointer;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    text-shadow: 0 0 0;
    font-weight: normal;
    vertical-align: baseline;
}
.clearfix {
    overflow: auto;
}

#home_transactionnelle li, #home_transactionnelle ul, #sticky-bar, #sticky-bar li {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 2;
    position: relative;
}

#home_transactionnelle a.btn i {padding:0;}

#sticky-bar {
    position: fixed;
    width: 100px;
    background-color: #103184;
    text-align: center;
    top: 380px;
    z-index: 10;
    right: 0;
}

#sticky-bar .icon {
    display: block;
    color: #fff;
    font-size: 24px;
    margin: 0 0 10px;
    padding: 0;
}

#sticky-bar .icon.question {
    font-style: normal;
    font-size: 29px;
    font-weight: bold;
    margin: 0;
}

#sticky-bar a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 15px 10px;
    display: block;
    background: none;
    border: 0;
    font-weight: normal;
}

#sticky-bar .conseiller {
    background-color: #0d2665;
}

#sticky-bar li a:hover {
    background-color: #0a1d4d;
}

#home_transactionnelle {
    box-sizing: border-box;
}
p#text-img {
    background: none;
    text-transform: capitalize;
    /* text-transform: capitalize; */
    border: 0;
    position: absolute;
    padding: 40px;
    padding-left: 25%;
    padding-right: 19%;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    /* height: 546px; */
    z-index: 0;
    color: #fff;
    text-align: left;
    font-size: 35px;
    line-height: 35px;
    font-family: franklinMed;
    font-family: "FranklinGothic-medium", 'sans-serif';
}
p#text-img span{
	font-size:20px;
}
p#text-img button.habillage-femmes-btn{
	float: right;
	width: 35%;
	height: 54px;
	margin-top: -25px;
	background-color: transparent;
	border-bottom: none;
	border: 1px solid #fff;
}
button.but_none{
    background: none!important;
    border: none;
    display: table;
    padding: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

p#note{
	visibility: hidden;
    height: 1px;
}

a#bouton-img {
    background: none;
    border: 0;
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 591px;
    z-index: 0;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 23px;
}
a#bouton-img span {
    font-size: 12px;
    position: relative;
    top: -14px;
}
#slidder span.title_b{
    text-shadow: 0 0 0;
    margin-top: 40px;
}
button span.title_b{
    text-align: left;
}

html.isIE button span.title_b{
	max-width: 91%;
    padding: 141px 0 0 0!important;
    margin-top: 0 !important;
}

#all-devis{
    width: 100%;
    background: url(../../../../content/dam/axa/desktop/Homepage/new-home/habillage_hp_femmes.jpg) center top no-repeat;
    overflow: hidden;
}

.home_axa_banque #all-devis{
    background: url(../../../../content/dam/axa/desktop/Homepage/new-home/bg-campagne-habitation-hp.png) center top no-repeat;
}

.content-home {
	max-width: 979px;
    margin: 0 auto;
}

#all-devis .content-home {
    padding: 45px 0 0;
}

#all-devis img.imagebtn-fc {
    width: 100%;
}

#all-devis .content-home ul li a i.icon.icon-arrow-s-right {
	display: none;
}


#all-devis .content-home.content_promo_alerte {
    padding: 0;
}
#all-devis .content-home.content_promo_alerte .img_promo_alerte {
    margin: 20px auto;
    width: 100%;
     display: block;
}
#all-devis a.btn span{
    text-shadow: 0 1px 0 rgba(0,0,0, .7);
}
#all-devis ul {
    margin: 0 0 0 -10px;
    overflow: hidden;
}
#all-devis ul li {
    list-style-type: none;
    width: 25%;
    padding: 0 0 0 10px;
    float: left;
    color: #666;
    margin: 0 0 34px;
}

#all-devis ul li.oc{
    width: 100%;
    margin: 0;
    list-style: disc;
    margin-left: 20px;
    padding: 0;
}
#all-devis h2:after{
	border: none;
}

#all-devis ul li .container {
    padding: 27px 15px 27px;
    background: #fff;
    border-top: 4px solid;
    box-shadow: 0 0 3px #bbb;
}
#all-devis ul li .autoM {
    border-color: #5a8093;
}
#all-devis ul li .habitation {
    border-color: #b26ab1;
}
#all-devis ul li .sante {
    border-color: #98bc58;
}
#all-devis ul li .banque {
    border-color: #51aad3;
}
#all-devis ul li .title-categorie {
    font-size: 2.5rem;
    color: #666;
    text-align: center;
}
#all-devis ul li .picto-devis {
    width: 50px;
    height: 50px;
    margin: 6px auto;
    display: block;
    text-align: center;
    font-size: 40px;
    line-height: 10pt;
}

#all-devis .icon-auto:before, #all-devis ul li.autoM .picto-devis {
    color: #5a8093;
}

#all-devis .icon-habitation:before, #all-devis ul li.habitation .picto-devis {
    color: #b26ab1;
}

#all-devis .icon-sante:before, #all-devis ul li.sante .picto-devis {
    color: #98bc58;
}

#all-devis .icon-banque:before, #all-devis ul li.banque .picto-devis {
    color: #51aad3;
}

#all-devis ul li p {
    text-align: center;
    font-size: 1.6rem;
    margin: 1em 0;
}

#all-devis ul li p b {
    font-size: 1.7rem;
    text-align: center;
    color: #fa5f35;
}
#all-devis span.link{
	font-size: 12px;
}

#all-devis ul li.sante p b {
    display: inline;
}

#all-devis ul li a {
    font-size: 1.4rem;
    color: #666;
    display: inline;
    text-decoration: none;
}

#all-devis ul li a.link-sshp {
    margin: 15px 0 5px;
}

#all-devis ul li a.link-sshp:hover,
#all-devis ul li .link:hover{
    text-decoration: underline;
    cursor:pointer;
}

#all-devis ul li a.link-sshp .icon-arrow-s-right:before {
    font-size: 11px;
}

#all-devis ul li .cta-home-devis {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: #fff;
    border-bottom: 3px solid;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px;
    position: relative;
    margin: 0 0 10px;
    line-height: 22px;
    width: 100%;
}

#all-devis ul li .cta-home-devis i, #all-devis ul li .cta-home-devis span {
    cursor: pointer;
    font-family: HelveticaNeueCondensed,arial,sans-serif;
}

#all-devis ul li .cta-home-devis i {
    font-size: 15px;
    position: absolute;
    right: 16px;
    top: 28px;
}

#all-devis ul li .cta-home-devis i:before {
    color: #fff;
}

#axa-mobile .content-home, #transverse ul {
    position: relative;
}

#all-devis ul li a.cta-home-devis .icon-arrow-s-right:before {
    color: #fff;
}

#all-devis ul li a.link-sshp .icon-arrow-s-right:before {
    color: #999;
}

#all-devis .autoM .cta-home-devis {
    background: #5a8093;
    border-bottom: 3px solid #3f5967;
}

#all-devis .autoM .cta-home-devis:hover {
    background: #3f5967;
}

#all-devis .habitation .cta-home-devis {
    background: #b26ab1;
    border-bottom: 3px solid #7c4a7c;
}

#all-devis .habitation .cta-home-devis:hover {
    background: #7c4a7c;
}

#all-devis .sante .cta-home-devis {
    background: #98bc58;
    border-bottom: 3px solid #6a833d;
}

#all-devis .sante .cta-home-devis:hover {
    background: #6a833d;
}

#all-devis .banque .cta-home-devis {
    background: #51aad3;
    border-bottom: 3px solid #397793;
}

#all-devis .banque .cta-home-devis:hover {
    background: #397793;
}

.all-services {
    border-top: 6px solid #103184;
    color: #333;
    overflow: hidden;
    margin: 0 0 37px;
    box-shadow: 0 0 3px #bbb;
    clear: both;
}
.all-services div, .all-services form {
    width: 33.3%;
    float: left;
    padding: 15px 30px;
    background: #fff;
    height: 140px;
    position:relative;
}

.all-services div a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.all-services div a span {
    color: #333;
    font-size: 2rem;
    padding: 16px 77px 0 25px;
    display: block;
    text-decoration: none;
}

.all-services div button span {
	color: #333;
    font-size: 1.9rem;
    padding: 0px 27px 0 10px;
    display: block;
    text-decoration: none;
    position: absolute;
    top: 19px;
    text-align: left;
    text-shadow: none;
    font-family: HelveticaNeueCondensed;
}
.all-services div span i {
    font-size: 13px;
    color: #999;
}
.all-services .icon-arrow-s-right:before {
    color: #999;
    font-size: 11px;
}

.all-services .avis {
    background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/macaron_avis.png?v_2) 202px center no-repeat #fff;
	padding: 50px 100px 0 25px;
    color: #666;
    font-size: 1.5rem;
    cursor:pointer;
}

.all-services .avis b {
    color: #103184;
    font-size: 16px;
    margin: 0 0 0 11px;
    display: inline-block;
    margin-top: 4px;
    position: absolute;
}

.all-services .avis p {
	margin:0 0 7px;
}

.all-services .avis .link,
.all-services .avis .icon-arrow-s-right:before{
	color:#103184;
}

.all-services .avis a {
    line-height: 2rem;
}

.all-services .avis:hover .link,
.all-services .decouvrirAxaBanque p span:hover{
    text-decoration:underline;
}

.all-services .decouvrirAxaBanque {
	background: url(../../../../content/dam/axa/desktop/Homepage/new-home/banniere_HP_webmarketeur_client.png)right 0px no-repeat #fff;
    padding: 53px 113px 0 10px;
    color: #666;
    font-size: 1.34rem;
    cursor:pointer;
    /* width: 327px;*/
}
/* ajout axa banque 23/01/2017 */
.home_axa_banque .all-services .decouvrirAxaBanque {
    background: url(../../../../content/dam/axa/desktop/Homepage/new-home/ligneFlotaison-innondation2.png)right 0px no-repeat #fff;
}


.all-services .decouvrirAxaBanque a {
	line-height: 2rem;
}

.decouvrirAxaBanque p{
    text-decoration: none!important;
    color: #888;
    margin-bottom: 5px;
    margin-top: -5px;
    max-width: 180px;
}

.decouvrirAxaBanque .link{
	color: #103184;
    font-size: 14px;
    position: absolute;
    padding-top: 2px;
}

.decouvrirAxaBanque:hover .link{
	text-decoration: underline;
}

.decouvrirAxaBanque i.icon:before{
	color: #004893!important;
}

.all-services .search-dealerFindFrance {
    background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/locator-france.png?v=02) 185px 32px no-repeat #ebf2fa;
}
.search-dealerFindFrance label {
    font-size: 2rem;
    margin: 0 0 25px;
    display: block;
}
#home_transactionnelle .search-dealerFindFrance label a.click_agence {
	cursor:default;
}

img.img_promo_alerte{
	padding-bottom: 10px;
}
.search-dealerFindFrance #input-dealerFindFrance {
    float: left;
    display: block;
    height: 40px;
    width: 60%;
    color: #999;
    padding: 0 0 0 15px;
    box-shadow: inset 1px 1px 0 0 #999, inset 1px 1px 0 1px #dfdfdf;
}
.search-dealerFindFrance #btn-dealerFindFrance {
    background-color: #103184;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    float: left;
    display: block;
    height: 40px;
    width: 20%;
    text-align: center;
    border: none;
    margin: 0 0 24px;
}

.all-services form a {
    color:#333;
}

.all-services form a:hover {
    text-decoration:none;
}

#slidder {
    padding: 0 0 1px;
}

#slidder .content-home ul {
    overflow: hidden;
    margin-left: -26px;
    margin-bottom: 50px;
}
#slidder .content-home li {
    width: 22%;
    float: left;
    margin-left: 30px;
    cursor:pointer;
    position:relative;
}

#slidder .content-home li img {
    width: 100%
}
#slidder h2:after{
	border: none;
}

#slidder h2.title_b{
	margin: 40px 0 0;
    text-align: left;
}

#slidder .title {
    color: #333;
    font: 400 20px/19px HelveticaNeueCondensed;
    margin:140px 0 0;
    display:block;
    max-width: 99%;
}

#slidder li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#slidder .paragraphe {
    color: #888;
    font-size: 14px;
    margin: 50px 0 10px;
    height: 50px;
}
#slidder .link {
    color: #103184;
    font-size: 14px;
    text-decoration: none;
}
#slidder li:hover .link {
    text-decoration: underline;
}
#slidder .icon {
    margin: 0 0 0 9px;
}
#slidder .link .icon-arrow-s-right:before {
    font-size: 12px;
}
#axa-mobile {
    background-color: #ffffff;
    padding: 25px 0;
   	padding-bottom: 46px;
}
#axa-mobile .img {
    position: absolute;
    top: 0;
    left: 0;
}

#axa-mobile .mesAppli {
    cursor:pointer;
    position:relative;
	padding: 37px 0 0
}

#axa-mobile .texte {
    float: right;
    width: 50%
}

#axa-mobile .title {
    font: 400 30px/39px HelveticaNeueCondensed;
    color: #103184;
}

#axa-mobile .mesAppli a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#axa-mobile .paragraphe {
    font-size: 16px;
    line-height: 24px;
    margin: 7px 0;
    color: #333;
}

#axa-mobile .link {
    color: #103184;
    font-size: 16px;
    text-decoration: none;
}

#axa-mobile .mesAppli:hover .link {
    text-decoration: underline;
}

.actus a, .actus ul li a, .desehrence a, .la-une .container a {
    text-decoration: none;
}

.monAXA {
    background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/mon-axa-appli-small.png?v=02) 21px 16px no-repeat #e3effc;
    padding: 30px 40px 25px 105px;
    position: relative;
    margin: 20px 0 0;
}

#axa-mobile .monAXA .title {
    font: 400 24px/29px HelveticaNeueCondensed;
    color: #333;
}

#axa-mobile .monAXA .paragraphe {
    color: #333;
}

#axa-mobile .icon-arrow-s-right:before {
    font-size: 12px;
    margin: 0 0 0 10px;
    color: #103184;
}

.clear {
    clear: both;
}

.conseil {
    background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/une.jpg?v=02) no-repeat #00af8f;
    position: relative;
    min-height: 230px;
}

.conseil .container {
    float: right;
    background: rgba(0, 175, 143, .93);
    padding: 58px 26px 0;
    color: #fff;
    font-size: 1.6rem;
    width: 53%;
    margin: 11px;
    height: 208px;
    cursor:pointer;
    position:relative;
}

.conseil .container span {
    display: block;
    margin: 10px 0 0;
}

.conseil .container:hover span {
	text-decoration:underline;
}

.conseil .container:hover .title {
	text-decoration:none;
}

.conseil .container a {
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.conseil .container .title {
    display: block;
    font: 400 22px/29px HelveticaNeue;
    margin: 15px 0 0 29px;
    color: #fff;
    text-decoration:none;
}

.click_agence{
	height: 124px;
	width: 100%;
	left: 0px;
	margin: 0px;
	position: absolute;
    cursor: pointer!important;
}

input[value="Code postal"]
{
	z-index: 2;
	position: absolute;
}

input[value="Ok"]{
	z-index: 2;
	position: absolute;
	margin-left: 131px!important;
}

.fixedBottomBar{
	display: none; 
}

#actualites{
	background: rgba(237, 238, 240, 0.56);
    padding-top: 50px;
    padding-bottom: 50px;
}

#actualites .container {
    max-width: 980px;
    margin: auto;
    display: flex;
}

.breve{
    width: 49%;
    display: inline-block;
}

.g_breve {
    width: 51%;
    display: inline-block;
    cursor: pointer;
}

.breve_1 {
    padding-right: 15px;
}

.g_breve.breve_2 {
    width: 48%;
}

.g_breve img {
    padding-bottom: 15px;
}

p.date {
    color: #103184;
    font-size: 1.4rem;
    font-family: Arial;
}

.g_breve p {
    font-size: 1.5rem;
    font-family: Arial;
    margin-bottom: 2px;
}

.conseil_axa {
    width: 48%;
    display: inline-block;
    margin-left: 25px;
    overflow: hidden;
}

.g_actus {
	background: #fff;
    width: 46%;
    height: 233px;
    display: inline-block;
    padding: 18px;
    overflow: hidden;
    cursor: pointer;
}

p.t_actus {
    color: #103184;
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-family: Arial;
}

p.q_actus {
    font-size: 1.6rem;
    font-family: Arial;
    font-weight: 700;
}

#actualites .q_actus a{
    color: black;
    text-shadow: none;
    font-weight: 700;
}

p.c_actus {
    font-size: 1.5rem;
    font-family: Arial;
    color: #666666;
}

.g_actus.actus_2{
    width: 47%;
    margin-left: 25px;
}

#actualites .c_breve a{
    color: black;
    text-shadow: none;
    font-weight: 700;
}

#contrat_non_r .container {
    max-width: 980px;
    margin: auto;
}

.t_breve.title_contrat_r{
    text-align: center;
    padding-top: 25px;
}

p.c_contrat_r {
    text-align: center;
    font-family: Arial;
	padding: 0 30px;
    font-size: 1.5rem;
    line-height: 22px;
    color: #666666;
}

section#contrat_non_r {
    padding-bottom: 30px;
}


#contrat_non_r .link_contrat{
	margin: 0 auto;
    display: block;
    text-align: center;
	color: #103184;
    text-shadow: none;
    font-family: Arial;
}

#contrat_non_r .icon-arrow-s-right:before {
    padding-left: 5px;
}

.t_breve {
    font-size: 3.0rem;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #004893;
    font-family: HelveticaNeueCondensed;
}

/******* RESPONSIVE *****/
@media all and (max-width:1280px) {

	/*RAJOUT JOURNEE DE LA FEMME*/
    p#text-img {
        padding-left: 18%;
        padding-right: 13%;
    }
    p#text-img button.habillage-femmes-btn {
        width: 36%;
    }

	/*FIN RAJOUT JOURNEE DE LA FEMME*/
}


@media all and (max-width:1180px) {
    #btnStickyBar, #sticky-bar {
    position: absolute;
    right: 20%;
    width: 110px;
}

    #btnStickyBar {
        top: 0;
        height: 32px;
        padding: 7px 12px;
        z-index: 100;
        cursor: pointer;
        background-color: #0d2665;
        color: #fff;
        font-size: 14px;
    }
    #btnStickyBar .icon-arrow-s-down:before {
        font-size: 14px;
        margin: 0 0 0 10px;
    }
    #sticky-bar {
        top: 32px;
    }
            /*RAJOUT JOURNEE DE LA FEMME*/
    p#text-img {
        padding-left: 20%;
        padding-right: 15%;
    }
    p#text-img button.habillage-femmes-btn {
        width: 36%;
    }

	/*FIN RAJOUT JOURNEE DE LA FEMME*/
}

@media all and (max-width:1023px) {
    #btnStickyBar, #sticky-bar {
        right: 16%
    }

    #all-devis ul li p {
        height: 8vw;
    }

    #axafr-main #home_transactionnelle p {
        padding: 0;
    }
	#axafr-main #home_transactionnelle p#text-img {
        padding: 10px 5px;
    }
    .img_promo_alerte{
        width: 100%
    }
    a#bouton-img {
        background: none;
        border: 0;
        position: absolute;
        padding: 20px;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 546px;
        z-index: 0;
        text-decoration: none;
        color: #fff;
        text-align: center;
        font-size: 20px;
    }
    a#bouton-img span {
        font-size: 12px;
        position: relative;
        top: -12px;
    }
    /*RAJOUT JOURNEE DE LA FEMME*/
    p#text-img {
        padding-left: 22%;
        padding-right: 18%;
    }
    p#text-img button.habillage-femmes-btn {
        width: 36%;
    }

	/*FIN RAJOUT JOURNEE DE LA FEMME*/

}

@media all and (max-width:975px) {

    #axafr-main .page p, #axafr-main article p {padding:0; margin:0}
    .all-services .avis {
         padding: 45px 130px 0 7px;
    }
    .all-services .decouvrirAxaBanque {
         padding: 61px 100px 0 7px;
    }
    
    .all-services div a span {
        padding: 16px 77px 0 8px;
    }

}

@media all and (max-width:952px) {
    #axa-mobile .img {
    width: 43%
	}
    #btnStickyBar, #sticky-bar {
        right: 20%;
    }

    #all-devis ul li .container {
        padding: 10px 11px 8px;
    }
    #slidder .paragraphe {
        height: 8vw;
    }
}
@media all and (max-width: 918px) {
    #all-devis ul li p {
        height: 8vw;
    }
}

@media all and (max-width: 900px) {
    .all-services .decouvrirAxaBanque {
        padding: 61px 82px 0 7px;
    }
    .all-services .avis {
        padding: 45px 120px 0 7px;
    }
    #slidder .title {
        margin: 130px 0 0;
        font: 400 19px/29px HelveticaNeueCondensed;
    }
}

@media all and (max-width: 863px) {
	#all-devis ul li a,
	#all-devis ul li .link {
    	font-size: 1.1rem;
	}
	.all-services .avis {
    	background-size: 35%;	
    }
    .all-services .decouvrirAxaBanque {
    	background-size: 28%;	
    }
	.all-services .avis {
    	padding: 42px 94px 0 7px;
	}
    .all-services .decouvrirAxaBanque {
        padding: 62px 60px 0 7px;
    }
	#slidder .paragraphe {
    	height: 12vw;
	}
	#slidder .title {
    	margin: 124px 0 0;
    	max-width: 100%;
	}
    .conseil .container {
    	width: 65%;
    }

    .all-services div a span {
        padding: 16px 30px 0 8px;
    }
    a#bouton-img {
        background: none;
        border: 0;
        position: absolute;
        padding: 20px;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 546px;
        z-index: 0;
        text-decoration: none;
        color: #fff;
        text-align: center;
        font-size: 18px;
    }
    a#bouton-img span {
        font-size: 12px;
        position: relative;
        top: -3px;
    }
}
@media all and (max-width: 794px) {
    #all-devis ul li .title-categorie {
        font-size: 2.1rem;
    }
    #all-devis ul li p {
        font-size: 1.3rem;
    }
    #all-devis ul li p b {
        font-size: 1.5rem;
    }
    #all-devis ul li .cta-home-devis i {
         right: 6px;
        font-size: 13px
    }
    #all-devis ul li .cta-home-devis {
        font-size: 1.6rem;
    }
    .all-services div a,
    .search-dealerFindFrance label{
        font-size: 1.8rem;
    }
    .all-services .avis, .all-services .decouvrirAxaBanque {font-size: 1.3rem;}
    .all-services .decouvrirAxaBanque {
        padding: 61px 7px 0 7px;
    }
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
        padding: 0 53px 0 0;
    }
    .all-services div, .all-services form {
        height: 126px;
    }
    #slidder .title {
        margin: 112px 0 0;
        font: 400 16px/29px HelveticaNeueCondensed;
    }
    .desehrence .title, .desehrence b {
         font-size: 18px;
    }
}

@media all and (max-width: 768px){
    .all-services .avis, .all-services .decouvrirAxaBanque{
        width: 33.3%;
    }
    #all-devis {
        background-size: 103%;
    }
    .content-home{
        padding: 0 16px;
        max-width: 100%;
    }
    .all-services div a span {
        padding: 16px 17px 0 8px;
    font-size: 2.35vw;
    }
    #all-devis .content-home {
        padding: 100px 16px 0;
    }

/*RAJOUT JOURNEE DE LA FEMME*/
    p#text-img {
        padding-left: 13%;
        padding-right: 9%;
    }
    p#text-img button.habillage-femmes-btn {
        width: 36%;
    }

/*FIN RAJOUT JOURNEE DE LA FEMME*/

    a#bouton-img {
        background: none;
        border: 0;
        position: absolute;
        padding: 20px;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 546px;
        z-index: 0;
        text-decoration: none;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }
    a#bouton-img span {
        font-size: 10px;
        position: relative;
        top: -3px;
    }
    #all-devis ul li p {
        margin: 1em 0 2em;
    }
    
    #all-devis ul li a.cta-home-devis i {
        top: 33px;
    }
    #all-devis ul li:last-child a.cta-home-devis i {
        top: 9px;
    }
    #all-devis ul li .link,
    #all-devis ul li a.link-sshp {
        font-size: 1rem;
    }
    .all-services div, .all-services form {
        padding: 15px;
    }
	.all-services .search-dealerFindFrance {
    background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/locator-france.png?v=02) 122px 33px no-repeat #ebf2fa;
	}
	.all-services form{
	padding-top: 14px;
    }
    .all-services div a {
        font-size: 1.6rem;
        letter-spacing: 0;
    }
    .all-services .avis {
        padding: 43px 122px 0 7px;
        background-size: 30%;
        background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/macaron_avis.png?v_3) 19vw no-repeat #fff;
    }
    .all-services .avis b{
    	margin-top: 0.3vw;
    }
    #all-devis ul li .cta-home-devis {
        font-size: 1.5rem;
        padding: 10px;
        line-height: 18px;
    }

    .all-services .decouvrirAxaBanque{
        padding: 4vw 1vw 0 1vw;
        background-size: 59%;
        font-size: 1.7vw;
    }
    #axa_banque span{
        font-size: 2.2vw;
        padding-right: 0;
    	top: 2.3vw;
        padding-left: 1vw;
    }
    
    #slidder .title {
        font: 400 17px/29px HelveticaNeueCondensed;
    }
    #slidder .link {
        font-size: 13px;
    }

    #slidder .paragraphe {
        height: 11vw;
    }
    #slidder .icon {
        margin: 0 0 0 3px;
    }
    #slidder .content-home ul {
        margin-bottom: 31px;
        margin-left: 0;
    }
    #slidder .content-home li{
        margin-left: 2vw;
    }
    #axa-mobile .img {
        top: 10px;
        left: 0;
        width: 46%;
    }
    #actualite {
        padding: 38px 0;
    }
    .la-une, .desehrence {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .desehrence {
    	padding: 0;
	}
    .conseil {
        height: 230px;
        width: 100%;
        margin: 43px 0 0;
    }

    .conseil .container {
        margin: 0;
        height: 100%
    }
    #btnStickyBar, #sticky-bar {
        right: 21%
    }
    #slidder .title {
        font: 400 18px/19px HelveticaNeueCondensed;
        max-width: 100%;
    }
    #slidder button span.title_b{
        padding: 0;
    	margin-top: -2.7vw;
        }
    #axafr-main #home_transactionnelle .avis p {
		padding-bottom: 1.5vw;
    }
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
        padding: 2vw 3.4vw 0 0;
    }
    .g_actus{
    	width: 70%;
    }
	.g_actus.actus_2 {
        width: 70%;
        margin-left: 0px;
	}
	#actualites .container {
    	max-width: 98%;
	}
}

@media all and (max-width: 736px){
    #slidder button span.title_b {
        margin-top: -1.0vw;
    }
   .all-services .decouvrirAxaBanque {
    background-size: 62%;
	}
}

@media all and (max-width: 732px){
    .all-services .decouvrirAxaBanque {
        background-size: 63%;
    }
}

@media all (max-width: 720px) {
    #all-devis ul li p b {
        font-size: 1.3rem;
    }
    a.btn span, button span {
        max-width: 100%;
    }
    .all-services .avis, .all-services .decouvrirAxaBanque {
        font-size: 1.3rem;
        background: #fff;
        padding: 15px;
    }
        #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
        padding: 0;
    }
}

@media all and (max-width: 667px){
    #all-devis ul li .title-categorie{
    font-size: 2.0rem;
    }
    #axafr-main #home_transactionnelle .avis p{
    padding-top: 0;
    padding-bottom: 0;
    }
    .all-services .decouvrirAxaBanque{
    padding: 5px;
    background-size: 69%;
	}
    #axa_banque span{
    top: 1.5vw;
    padding-left: 1vw;
    font-size: 2.67vw;
    }
	#axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p{
	padding-top: 7vw;
	}
	#slidder .title{
    font-size:	2.5vw;
    margin: 97px 0 0;
	}
	#all-devis ul li a.link-sshp{
    font-size: 0.9rem;
	}
	#slidder button span.title_b{
    margin-top: -4vw;
	}
    #slidder .paragraphe {
        height: 12vw;
        font-size: 2.0vw;
    }
	.all-services div a span{
    font-size: 2.7vw;
    padding-top: 10px;
	}
	#all-devis ul li .cta-home-devis{
    font-size: 2vw;
	}
	#axafr-main #home_transactionnelle #all-devis ul li p{
	margin-bottom: 10px;
	}
    .all-services .avis{
        padding: 38px 80px 0 7px;	
    }
    .all-services form{
        padding-top: 10px;
    }
    .all-services .avis b{
        position: static;
        display: block;
    }
	#slidder .link {
    	font-size: 12px;
	}
    .all-services div button span{
        font-size: 1.5rem;
        top: 7px;
    }
}

@media all and (max-width: 640px){
    #all-devis ul li a.link-sshp {
        font-size: 2.3vw;
    }
    .all-services .decouvrirAxaBanque {
    background-size: 49%;
    font-size: 2.3vw;
	}
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
        padding-top: 5vw;
    }
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
        padding-top: 5vw;
    }
    .all-services form {
        padding-top: 8px;
    }
    #slidder .title {
        font-size: 3vw;
        margin: 19.5vw 0 0;
    }
    #slidder button span.title_b {
        margin-top: 2vw;
    }
    #slidder .content-home ul {
        margin-bottom: 4.8vw;
        margin-left: 0;
    }
    #slidder .paragraphe {
        height: 9vw;
        font-size: 2.0vw;
    }
    #axa-mobile .img {
        width: 33%;
        left: 40px;
    }
}

@media all and (max-width: 568px){
	#all-devis ul li .cta-home-devis {
    font-size: 3vw;
	}
    .content-home {
    max-width: 99%;
    margin: 0 auto;
	}
    .all-services .avis {
    background-size: 30%;
    background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/macaron_avis.png?v_2) 32vw center no-repeat #fff;
    }
    .all-services div a span {
    font-size: 3.3vw;
    }
    .all-services .decouvrirAxaBanque {
    background-size: 49%;
    }
    #axa_banque span {
    font-size: 3.3vw;
    }
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
        padding-top: 7vw;
    }
    .all-services form {
        padding-top: 7px;
    }
    #slidder .title {
        font-size: 3.5vw;
        margin: 22vw 0 0;
    }
    #slidder .paragraphe {
        height: 13vw;
        font-size: 2.7vw;
    }
    #slidder .link {
        font-size: 2.1vw;
    }
    #slidder button span.title_b {
        margin-top: 0vw;
    }
    #slidder .content-home ul {
        margin-left: 0;
    }
    .all-services div, .all-services form{
        width: 32%;
     }
    #slidder .content-home li {
        width: 23%;
    }
	.breve {
    width: 55%;
	}
}

@media all and (max-width: 480px){
    #slidder .title {
        font-size: 3.5vw;
        margin: 25vw 0 0;
    }
    #slidder button span.title_b {
    margin-top: 0vw;
	}
    #slidder .link {
    font-size: 3vw;
	}
}

@media all and (max-width: 414px){
    .all-services .avis, .all-services .decouvrirAxaBanque{
        width: 33.3%;
	}
	#axafr-main .all-services .avis p {
    	margin: 9vw -1vw 2vw;
	}
    #axafr-main #home_transactionnelle .avis p {
        padding-top: 0;
        padding-bottom: 0;
	}
    #axafr-main #all-devis ul li p {
    	margin-bottom: 6vw;
	}
	.all-services .avis b{
		display: block;
		position: static;
	}
	#axafr-main .all-services .avis p{
    	margin: 9vw -1vw -4vw;
	}
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p{
    	padding: 6vw 6vw 0 0;
    }
    .all-services div a span {
    font-size: 4.3vw;
	}
	#slidder .content-home li{
    width: 22%;
    margin-left: 6vw;    
	}
	#slidder button span.title_b{
    	margin-top: 14px;
	}
    #slidder .title{
    margin: 130px 0 0;
    }
    #slidder .paragraphe {
    height: 16vw;
	}
    #axa-mobile .img{
        width: 29%;
        left: 28vw;      
    }
    .desehrence{
    	padding: 0;
	}
    #axa_banque span {
        top: 2.7vw;
        padding-left: 1vw;
        font-size: 4.3vw;
    }
    .all-services .decouvrirAxaBanque{
        font-size: 3.7vw;
    }
	#slidder .title {
    font-size: 5.5vw;
	}
	#slidder button span.title_b {
    margin-top: -0.7vw;
	}
    #slidder .paragraphe {
        height: 20vw;
        font-size: 4vw;
    }
    .all-services .avis {
        padding: 45px 80px 0 15px;
        background-size: 30%;
        background: url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/macaron_avis.png?v_3) 40vw center no-repeat #fff;
    }
	.all-services div a span {
    	padding: 2.4vw 17px 0 8px;
	}
	#axafr-main #home_transactionnelle .avis p {
    padding-top: 0;
    padding-bottom: 18px;
	}
	#axafr-main .all-services .avis p {
    	margin: -2vw -1vw -4vw;
	}
    .avis p {
        padding-top: 0;
        padding-bottom: 18px;
    }
	.all-services form{
    	padding-top: 8px;
	}
    #all-devis ul li a.link-sshp {
        font-size: 3vw;
    }
    #slidder .link {
        font-size: 3.6vw;
    }
	.breve {
    width: 55%;
    display: inline-block;
	}
}

@media all and (max-width: 375px){
    #axa_banque span{
		top: 3vw;
      font-size: 4.6vw;      
    }
    #slidder .title {
    font-size: 6.0vw;
	}
    #slidder .paragraphe {
    height: 20vw;
    font-size: 4vw;
	}
    #slidder .link {
	font-size: 12px;
	}
    #slidder button span.title_b {
    margin-top: 1.33vw;
	}
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p{
	    padding: 9vw 6vw 0 0;
    }
    #all-devis ul li .cta-home-devis {
    font-size: 4vw;
	}
    .all-services .decouvrirAxaBanque {
    width: 34%;
	}
}

@media all and (max-width: 320px){
    #axafr-main #home_transactionnelle #all-devis ul li p {
        margin-bottom: 15px;
    }
    #all-devis ul li a.link-sshp {
    font-size: 4.5vw;
	}
    #all-devis ul li .cta-home-devis {
    font-size: 6vw;
	}
    #all-devis ul li .cta-home-devis i{
	    top: 6vw;
    }
    #axa_banque span {
        font-size: 6vw;
	}
    #axafr-main #home_transactionnelle .all-services .decouvrirAxaBanque p {
    padding: 10vw 6vw 0 0;
	}
    #slidder button span.title_b {
    margin-top: 6.8vw;
	}
    .all-services .avis, .all-services .decouvrirAxaBanque {
    width: 34%;
	}
    #axafr-main #home_transactionnelle .avis p {
    padding-bottom: 13px;
	}
}

@media all and (max-width: 640px){

    	#menuContainer .connect #btnAuthentContainer button i {
			margin-top: -15px;
		}

        .container{
            margin: 0;
        }

        .legals,
		.monAXA,
        #actualites,
        #all-devis ul li .link,
        #metanav,
        #sticky-bar,
        a#bouton-img,
        #slidder .content-home li .link
        {
            display:none !important;
        }
    .home_axa_banque #all-devis {
        background: none;
    }
        
        h2{
            font-size: 2.3rem;
            color: #163087;
            text-align: center;
            margin-top: 20px;
            padding: 20px 0;
        }
        
        #all-devis{
            background:none;
            top: 0;
            position: relative;
        }
        
        #all-devis .content-home {
            padding-top: 0;
        }
        
        #all-devis ul{
            overflow:visible;
        }
        
        #all-devis ul li{
            float:none;
            width:100%;
            margin: 0 0 12px;
        }
        
        #all-devis ul li .container{
            height: 70px;
            border-top:none;
            border-left:4px solid;
            padding-top: 16px;
            box-shadow: 1px 1px 1px 1px #bbb;
        }
        
        
        #all-devis ul li .autoM {
            border-color: #5a8093;
        }
        
        #all-devis ul li .habitation {
            border-color: #b26ab1;
        }
        
        #all-devis ul li .sante {
            border-color: #98bc58;
        }
        
        #all-devis ul li .banque {
            border-color: #51aad3;
        }
        
        #all-devis ul li .picto-devis {
            display: inline;
        }
        
        #all-devis ul li .title-categorie{
            display:none
        }
        
        button span {
            max-width: 100%;
        }
        
        #all-devis .habitation .cta-home-devis,
        #all-devis .sante .cta-home-devis,
        #all-devis .banque .cta-home-devis,
        #all-devis .autoM .cta-home-devis{
            background-color:transparent;
            border-bottom:none;
            color:#696969;
            text-shadow:none;
            font-size:17px;
            margin-top:-53px;
            margin-left:50px;
            text-align:left;
            width:85%
        }
        
        #all-devis .autoM .cta-home-devis:hover,
        #all-devis .sante .cta-home-devis:hover,
        #all-devis .banque .cta-home-devis:hover,
        #all-devis .habitation .cta-home-devis:hover{
            background-color:transparent;
        }
        
        #all-devis ul li .responsive-link-fc i{
            top:12px;
        }
        
        #all-devis ul li .responsive-link-fc i:before{
            color:#999;
        }
        
        #all-devis .habitation br,
        #all-devis .sante br,
        #all-devis .banque br,
        #all-devis .autoM br{
            display:none;
        }


		#all-devis .content-home ul li a i.icon.icon-arrow-s-right {
            display: block;
            position: absolute;
            right: 20px;
            right: 10px;
    		top: 25px;
        }

        #axafr-main #home_transactionnelle #all-devis ul li p{
            font-size:10px;
            margin-top: -15px;
            margin-left:60px;
            text-align:left;
        }
        
        #axafr-main #home_transactionnelle #all-devis ul li p b{
            font-size:11px;
        }

        .all-services .avis,
        .all-services .search-dealerFindFrance,
        .all-services .decouvrirAxaBanque{
         width:100%;
        }
        
        .all-services{
            box-shadow:none;
        }
        
        .all-services .avis{
            background:url(../../../../content/dam/axa/desktop/gabarits-libres/home-statefarm-transac/macaron_avis-white.png?v_3) 65vw center no-repeat #103184;
            color:#fff !important;
        }
        
        .all-services .avis b,
        .all-services div a span,
        .all-services .avis .link{
            color:#fff;
        }
        
        .all-services div a span {
            padding: 2.4vw 17px 0 12px;
        }
        
        .search-dealerFindFrance #input-dealerFindFrance{
            width:80%;
        }
        
        input[value="Ok"] {
            right: 16px;
        }
        
        #slidder{
            background-color:#fff;
        }
        
        
        #slidder .content-home li{
            width:100%;
            margin-left:0;
        }
        
        
        #slidder .content-home li .title{
            color:#fff;
            text-align:left;
            font-size: 16px;
            background-color:rgba(81,170,211,.75);
        }
        
        #slidder .content-home li{
            position:relative;
            margin-bottom:12px;
        }
        
        #slidder .paragraphe{
            width:100%;
            display:block;
            position:absolute;
            bottom:-10px;
            padding: 0 0 0 10px;
            color:#fff;
            height:47px;
            font-size: 13px;
            background-color:rgba(81,170,211,.75);
            text-shadow: 0 1px 0 rgba(0,0,0,.7);
    		text-align: left;
        }
        
        #slidder h2{
            padding:6px;
            text-shadow: 0 1px 0 rgba(0,0,0,.7);
        }
        
        #slidder .content-home li .title {
            margin: 0;
    		position: absolute;
            bottom: 47px;
            width: 100%;
        }
        
        #slidder .content-home li .title_b {
            margin: 0;
    		position: absolute;
            bottom: 47px;
            width: 100%;
        }

        .avis{
            margin-bottom:10px;
        }
        
        #axa-mobile{
            margin-top: -20px;
            width:100%;
        }
        
        #axa-mobile .img {
            width: 24%;
    		left: 20px;
        }
        
        #axa-mobile .texte {
            width: 65%;
        }
        
        #axa-mobile .title {
            font: 400 21px/29px HelveticaNeueCondensed;
            color: #103184;
        }

		#axa-mobile .link,
		#axa-mobile .paragraphe {
			font-size:15px;
		}
        
        .subMenu{
            margin-bottom: 16px;
        }
        
        .dropdown{
            padding: 16px 0;
            box-shadow: 1px 1px 1px 1px #bbb;
        }
        
        /* Dropdown Button */
        
        
        a.dropbtn {
            background-color: #f1eded;
            color: #333;
            padding:3.2rem 3.2rem 3.2rem 7.2rem;
            border: none;
            cursor: pointer;
            display: block;
        
            font-weight: 700;
            text-transform: uppercase;
        }
        a.dropbtn i {
            position: absolute;
            right: 10px;
            -webkit-tap-highlight-color: transparent;
        
        }
        
        /* Dropdown button on hover & focus */
        
        .dropbtn:hover,
        .dropbtn:focus {
            background-color: #f1eded;
            -webkit-tap-highlight-color: transparent;
        }
        #dropBtnOn {
            position: relative;
        
            height:6.8rem;
        }
        #dropBtnOff {
        
            top:-2rem;
            height: 8.8rem;
        }
        
        
        /* The container <div> - needed to position the dropdown content */
        
        .dropdown {
            position: relative;
            display: inline-block;
            width: 100%;
            background-color: #f0f0f0;
        }
        
        /* Dropdown Content (Hidden by Default) */
        
        .dropdown-content {
            display: none;
            position: relative!important;
            background-color: #f1f1f1;
            width: 100%;
            height: auto;
            overflow: visible;
            z-index: 99999;
        }
        
        /* Links inside the dropdown */
        
        #home_transactionnelle .dropdown-content a {
            color: black;
            padding: 16px 16px;
            text-decoration: none;
            display: block;
        }
        
        /* Change color of dropdown links on hover and nth-child(even) */
        
        #home_transactionnelle .dropdown-content a:hover {
            background-color: #f1eded
        }
        #home_transactionnelle .dropdown-content a:nth-child(even) {
            background-color: #fafafa;
        }
        .dropdown i {
            color: #cecece;
            position: relative;
            margin-right: 1rem;
        }
        
        /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
        
        #iconHide{
            top: 15px;
        }
        #iconShow{
            top: 15px;
        }
        
        #iconList{
            position: absolute;
            top: 15px;
            display: inline-block;
            color: #333;
            left: 10px;
            padding-right: 20px;
        }
        
        i#iconList{
            padding: 0;
        }
        
        .hide {
            display: none!important;
        }
        .show {
            display: block!important;
        }
        
        .dropdown h3{
            font-size: 2.8rem;
            color: #000;
            text-transform: uppercase;
            font-style: normal;
            font-weight: bold;
            padding: 3rem 0 2rem 1rem;
        }
        
        .dropbtn i {
            color: #000;
            position: relative;
            margin-right: 1rem;
        }
        
        .dropbtn span {
            margin-left: 40px;
        }

		.mesAppli p.paragraphe {
            display: none;
        }

        .responsive-link-fc{
          text-decoration: none;
        }
        .responsive-link-fc:before {
            content: "" attr(title) "";
            position: relative;
            font-size: 15px;
            margin-left: 16px;
            top: -10px;
        }

        .imagebtn-fc{
            display: none;
        }

        .home_axa_banque .all-services .decouvrirAxaBanque {
            background: url(../../../../content/dam/axa/desktop/Homepage/new-home/ligneFLotaison-innondation-mobile2.png)right 0px no-repeat #fff;
    		background-position-x: -250px;
        }

        .decouvrirAxaBanque {
            display: block;
    		margin-top: 10px;
        }

		.decouvrirAxaBanque p {
            max-width: 240px;
    		padding: 13vw 7vw 0 0 !important;
        }
        button.but_none {
            position: absolute;
            top: 10px;
        }


    section#contrat_non_r {
        padding: 0 16px;
    }

	nav#navigation {
        display: none;
    }

}