#axafr-footer,#axafr-header{display:none}.inner{max-width:100%;margin:0!important}#axafr-main{background:0 0}
#navigation{display:none;}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

#wrapper_landing * {
	font-family:HelveticaNeue, arial;
}

#wrapper_landing a {
	text-decoration:underline;
	color:#666666;
}

#wrapper_landing .container {
	max-width:1200px;
	margin:0 auto;
}

#wrapper_landing header {
	overflow:hidden;
	height:108px;
	padding:15px 0 0 15px;
}

#wrapper_landing header #logo {
	float:left;
	text-indent: -5000px;
	display: block;
	width: 26%;
	height: 76px;
	background: url("https://www.axa.fr/etc/designs/axa/axa-fr-desktop/clientlib_publish/img/logo/mobile/logo-axa.svg") no-repeat left center;
	background-size: auto 100%;
}

#wrapper_landing header .baseLine {
	float:left;
	width: 56%;
	padding:20px 0 0;
}

.baseLine .first {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color:red;
}

.baseLine .second {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color:#103083;
}

#banner {
	background:url(../../../../content/dam/axa/desktop/gabarits-libres/perf/01072015/bg_transverse.jpg) no-repeat center 0;
	padding: 30px 0;
}


#banner .bloc_cta {
	overflow:hidden;
	width:960px;
	margin:0 auto;
}

#banner .bloc_cta li {
	width:33.333%;
	padding:0 2em 2em 0;
	float:left;
}

.bloc_cta .icon:before {
  font-size: 56px;
	color:#103184;
}

#banner .bloc_cta li .containerOffre {
	background-color:#fff;
	padding:25px;
	box-shadow:0px 2px 1px #999;
}

#banner .titre {
	font: 400 36px/38px HelveticaNeue;
	color:#fff;
	text-align:center;
	margin:10px 0 40px 0;
}

#banner .bloc_cta .parag {
	font: 400 17px/22px HelveticaNeue;
	color:#0e3b82;
	margin:20px 0;
	text-align:center;
}

#banner .bloc_cta .parag b {
	color:#ff1518;
    font-family: arial;
    font-size:20px;
}

#banner .bloc_cta .sstitre {
	font: bold 30px/36px HelveticaNeue;
	color:#103184;
	margin:0 0 20px;
	padding:0 10px;
	text-align:center;
}

#banner .bloc_cta .icon {
	display:block;
	text-align:center;
}

#banner .bloc_cta ul li .icon-coche:before {
	color:#103184;
	font-size: 20px;
}


#banner .bloc_cta .btn.action {
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:20px auto;
	padding:10px 0;
	color:#fff;
}


#banner .bloc_cta .link {
	display:block;
	font-size:14px;
	color:#103184;
	text-align:center;
}

#banner .autre_produits {
	overflow:hidden;
	width:660px;
	margin:0 auto 30px auto;
	box-shadow:0px 2px 1px #999;
}

#banner .autre_produits li {
	width:15%;
	float:left;
	background-color:#f8f8f8;
	height:80px;
	font-size:14px;
	text-align:center;
	padding:12px 0 0;
	border-left:1px solid #a8a6a6;
                  line-height: 13px;
}


#banner .autre_produits li a {
	color:#333;
	font-size:12px;
}

#banner .autre_produits li .icon {
	display:block;
	margin:0 0 5px;
}

#banner .autre_produits li .icon:before {
	color:#a8a6a6;
                font-size: 24px
}

#banner .autre_produits li.first {
	width:40%;
	padding:30px 0 0;
	border-left:none;
}

#avantages .container {
	padding:20px 0 0;
}

#avantages .titre {
	font-size: 28px;
	line-height: 38px;
	font-weight: bold;
	color:#333;
	text-align:center;
}

#avantages ul {
	overflow:hidden;
	padding:50px 0;
}

#avantages ul li {
	float:left;
	width:33.3333%;
	padding:0 70px;
	text-align:center;
}

#avantages ul li .icon {
	border-radius: 90px;
	width: 90px;
	height: 90px;
	display:block;
	background-color:#103184;
	margin:0 auto;
	position:relative;
}

#avantages ul li .icon:before {
	color: #fff;
  font-size: 42px;
  position: absolute;
  top: 19px;
  left: 25px;
}

#avantages ul li span {
	font-size:20px;
	line-height:28px;
	color:#636363;
	display:block;
	margin:20px 0;
}

#avantages ul li div {
	font-size:15px;
	line-height:18px;
	color:#343434;
}

footer {
	padding:30px 0;
}

footer ul.foot {
	max-width:60%;
	margin:0 auto;
}

footer ul.foot li {
	display:inline-block;
	padding:0 20px;
	border-right:1px solid #999999;
	text-align:center;
}

footer ul.foot li:last-child {
	border-right:none;
}

footer ul.foot li a,
footer ul.foot li span {
	color:#999999;
	font-size:13px;
	text-decoration:none;
}

.legals.accordion .toggle {
	width:150px;
	margin: 17px 0;
}

#banner .bloc_cta #btn_mobile, #banner .bloc_cta #btn_mobile02, #banner .bloc_cta #btn_mobile03 {
    display:none;
}

@media (max-width:1024px){
	
	#banner .bloc_cta {
		width:100%;
		padding:0 0 0 1em;
	}

}

@media (max-width:768px){
	.container {
		padding-left:20px!important;
		padding-right:20px!important;
	}
	
	#wrapper_landing header {
		padding:15px 0;
	}

    #wrapper_landing header .baseLine {
  		float: right;
    }
	
	footer ul.foot {
	  max-width: 74%;
	  margin: 0 auto;
	}
	
	#avantages ul li {
		padding:0;
	}
}

@media (max-width:640px){
	body {
	  min-width: 100%;
    	position:relative;
	}

	.icon-hamburger-menu:before {
        content: "\f1a9"
    }
    .icon-loupe:before {
        content: "\f1cb"
    }

    #page {
        padding: 2vw
    }
    #container>header {
        background: #fff;
        padding: 1.8vw;
        position: relative
    }
    #container>header .logo,
    header .button.login,
    header .button.nav {
        display: inline-block
    }
    #container>header .button.nav,
    header .button.login {
        text-align: center
    }
    #container>header>a {
        text-decoration: none;
        color: #333
    }
    #container>header .button.nav {
        display: block;
        width: 8vw;
        height: 8vw;
        background: #efebea;
        position: absolute;
        top: 50%;
        margin-top: -4vw;
        right: 1.8vw
    }
    #container>header .button.nav span {
        position: absolute;
        top: 1.65vw;
        left: 2.2vw
    }
    #navigationResponsive {
        width: 75%;
        font-family: Arial, sans-serif;
        height: 100%;
        position: absolute;
        top: 0;
        right: -75%;
        border-left: 4px solid #333;
        background-color: #fff;
        z-index: 100;
        display: none
    }
    #navigationResponsive .inner {
        padding: 2vw 4vw
    }
    #navigationResponsive .inner .search {
        position: relative;
        margin-bottom: 1.8vw;
        margin-right: 9vw
    }
    #navigationResponsive .inner .search input {
        display: block;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 3vw;
        height: 8.1vw;
        width: 100%;
        background: 0 0;
        border: 1px solid #ccc;
        outline: 0;
        color: #333
    }
    #navigationResponsive .inner .search button {
        position: absolute;
        background: #999696;
        top: 0;
        right: 0;
        width: 8.1vw;
        height: 8.1vw;
        margin-right: -9vw;
        border: 0;
        color: #FFF;
        outline: 0;
        font-size: 2.5vw
    }
    #navigationResponsive .inner .search button:active {
        background: #898787
    }
    #navigationResponsive .inner .search::-webkit-input-placeholder {
        color: #999
    }
    #navigationResponsive .inner .search:-moz-placeholder {
        color: #999
    }
    #navigationResponsive .inner .search::-moz-placeholder {
        color: #999
    }
    #navigationResponsive .inner .search:-ms-input-placeholder {
        color: #999
    }
    #navigationResponsive .inner .menu {
        margin: 0;
        padding: 0
    }
    #navigationResponsive .inner .menu li {
        background: #efebea;
        margin-bottom: .4vw
    }
    #navigationResponsive .inner .menu li:before {
        content: ' ';
        border-left: .8vw solid #666;
        position: absolute;
        height: 10vw
    }
    #navigationResponsive .inner .menu li a:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 8.4vw;
        height: 100%;
        text-align: center;
        font-size: 5.3vw;
        color: #999;
        font-family: icons;
        display: inline-block;
        font-weight: 400;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    #navigationResponsive .inner .menu li.auto:active span {
        background: #5a8093;
        color: #FFF
    }
    #navigationResponsive .inner .menu li.auto:active a:after {
        color: #FFF
    }
    #navigationResponsive .inner .menu li.auto:before {
        border-color: #5a8093
    }
    #navigationResponsive .inner .menu li.auto a:after {
        color: #5a8093;
        content: "\f138"
    }
    #navigationResponsive .inner .menu li.house:active span {
        background: #b26ab1;
        color: #FFF
    }
    #navigationResponsive .inner .menu li.house:active a:after {
        color: #FFF
    }
    #navigationResponsive .inner .menu li.house:before {
        border-color: #b26ab1
    }
    #navigationResponsive .inner .menu li.house a:after {
        color: #b26ab1;
        content: "\f1a5"
    }
    #navigationResponsive .inner .menu li.family:active span {
        background: #00af8f;
        color: #FFF
    }
    #navigationResponsive .inner .menu li.family:active a:after {
        color: #FFF
    }
    #navigationResponsive .inner .menu li.family:before {
        border-color: #00af8f
    }
    #navigationResponsive .inner .menu li.family a:after {
        color: #00af8f;
        content: "\f191"
    }
    #navigationResponsive .inner .menu li.health:active span {
        background: #98bc58;
        color: #FFF
    }
    #navigationResponsive .inner .menu li.health:active a:after {
        color: #FFF
    }
    #navigationResponsive .inner .menu li.health:before {
        border-color: #98bc58
    }
    #navigationResponsive .inner .menu li.health a:after {
        color: #98bc58;
        content: "\f232"
    }
    #navigationResponsive .inner .menu li.bank:active span {
        background: #51aad3;
        color: #FFF
    }
    #navigationResponsive .inner .menu li.bank:active a:after {
        color: #FFF
    }
    #navigationResponsive .inner .menu li.bank:before {
        border-color: #51aad3
    }
    #navigationResponsive .inner .menu li.bank a:after {
        color: #51aad3;
        content: "\f13c"
    }
    #navigationResponsive .inner .menu li.savings:active span {
        background: #6377ba;
        color: #FFF
    }
    #navigationResponsive .inner .menu li.savings:active a:after {
        color: #FFF
    }
    #navigationResponsive .inner .menu li.savings:before {
        border-color: #6377ba
    }
    #navigationResponsive .inner .menu li.savings a:after {
        color: #6377ba;
        content: "\f20d"
    }
    #navigationResponsive .inner .menu li a {
        display: block;
        height: 10.1vw;
        line-height: 10vw;
        color: #333;
        font-weight: 700;
        text-decoration: none;
        font-size: 3.2vw;
        -webkit-tap-highlight-color: transparent;
        position: relative
    }
    #navigationResponsive .inner .menu li a:before {
        content: ' ';
        border-left: .4vw solid #fff;
        position: absolute;
        height: 10.1vw;
        left: .8vw
    }
    #navigationResponsive .inner .menu li a i {
        color: #87888a;
        position: absolute;
        right: 0;
        width: 11vw;
        height: 100%;
        font-size: 4.3vw
    }
    #navigationResponsive .inner .menu li a a:after {
        text-align: center;
        width: 100%
    }
    #navigationResponsive .inner .menu li a span {
        display: block;
        padding-left: 3vw
    }
    #burger {
        position: absolute;
        z-index: 10;
        right: 20px;
        top: 30px
    }
    .icon-hamburger-menu:before {
        font-size: 28px
    }
	
	#wrapper_landing header #logo {
		width: 100%;
	}
	
	#banner {
		padding: 0 0 17px 0;
	}
	
	#banner .bloc_cta {
	  width: 100%;
	  padding: 0;
	}
	
	#banner .bloc_cta li {
		width: 100%;
		padding: 0 0 2em 0;
	}
	
	#banner .bloc_cta li .containerOffre {
		background-color: #eee;
		padding: 20px;
	}
	
	#banner .titre {
		font-size: 7.5vw;
		line-height:8vw;
		padding: 3vw;
		margin:0;
	}
		
	#banner .sstitre {
	  font-size: 6vw;
	  line-height: 8vw;
	  margin:3vw 0;
	}
	
	#banner .bloc_cta ul {
	  margin: 0;
	}
	
	#banner .bloc_cta ul li div {
		font-size: 5vw;
		line-height: 7vw;
	}
	
	#banner .bloc_cta .btn.action {
		font-size: 6vw;
		margin:0 auto 2vw auto;
		padding:4vw 1vw;
		  width: 96%;
	}
	
	#banner .bloc_cta .link {
		font-size: 4vw;
	}
	
	#banner .autre_produits li,
	#banner .autre_produits,
	#banner .autre_produits li.first {
		width:100%;
	}
	
	#avantages .container {
		padding: 10px 0;
	}
	#banner .autre_produits {
		box-shadow:0 0 0;
	}
	
	#banner .autre_produits li {
		border-bottom:1px solid #a8a6a6;
		border-left:none;
	}
	
	#banner .container img {
		display:none;
	}

	#banner .bloc_cta #btn_mobile, #banner .bloc_cta #btn_mobile02, #banner .bloc_cta #btn_mobile03 {
    	display:block;
	}

	#banner .bloc_cta #btn_desktop, #banner .bloc_cta #btn_desktop02, #banner .bloc_cta #btn_desktop03 {
    	display:none;
	}
	
	#avantages ul {
		padding:10px 0;
	}
	
	#avantages ul li {
		height: auto;
		width:100%;
		margin:20px 0;
	}
	
	#avantages .titre {
	  font-size: 7.5vw;
		line-height:9.5vw;
	  }
	
	footer {
	  padding: 10px 0;
	}
	
	footer ul.foot {
		  max-width: 77%;
	}
	
	footer ul.foot li {
		padding:5px;
		border:0;
	}
}