@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
	border:0;
}

OLD.simulator-big .right-bloc li:nth-child(2) {
	display: none;
}

 


.title span.collab {
	font-size:20px;
	display: block;
}

.page-template-index .title span.collab {
	font-size:16px;
}

#sidebar.mobile-sidebar {
     display:none;
}

iframe {
    max-width: 100%;
}


.ml-livret {
	font-size:10px;
	color:white;
	opacity: 0.7;
}




.centered {
	text-align: center;
	
}

.offre-live.compte .mention-l {
margin-top:0;
}

.offre-live.compte .btn-link a {
    border-color: #1f375d;
}

.page-template-produit .offre-live .btn-link a span, .page-template-produit-compte .offre-live .btn-link a span {
	display: none;
}

#simTrop.error, #simPasAssez.error {
	color:RGBA(230, 71, 68, 1.00);
	display:block;
	opacity: 1;
}

.label-promo {
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    display:none;
}

.label-promo.active {
    display: block;
}


#simTrop, #simPasAssez {
	display: none;
}

ul, ol, li {
   list-style:none;
}

a {
    color: inherit;
   outline:none;
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.hide {
	display: none !important;
}


#error {
	text-align: center;
	padding:20px;
	font-size:14px;
	color:white;
	background-color:#FF4238;
}

img {
    width:auto;
    max-width:100%;
    height: auto;
    vertical-align: middle;
}

body, html {
    min-height: 100%;
}


body {
    font-size: 62.5%;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    margin: 0 auto;
    background: #fff;

}

section {
    display: table;
    width: 100%;
    padding: 55px 0;
}

.grey-bg {
    background:#f5f5f5;
}

#wrapper {
    max-width:1240px;
    margin:0 auto;
    padding: 0 15px;
    position:relative;
}

.col-5 {
    width: 50%;
    float: left;
}

table {
    border-collapse: collapse;
    border: 1px solid #dfdfdf;
       margin-bottom:15px;
}

table tr:first-child {
    font-weight: bold;
}

table tr td:first-child {
 }
table tr td {
     padding: 12px 15px;
}


.h1-title {
    font-size: 20px;
    color: #1c365e;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;

}

.btn-link a:after {
    content: "";
    position: absolute;
    
    width: 5px;
    height: 10px;
    margin-top: 1px;
    right: 23px;
}
.btn-link a:hover {
    border-color: #FF4238;
}
.btn-link a {
    color: #fff;
    background: #bd2121;
    text-transform: uppercase;
    font-size: 1.4rem;
     padding: 8px 20px;
    display: inline-block;
     position: relative;
    border-radius: 4px;
    margin-top: 25px;
     -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    outline: none;
}

.grey-bg .widget_white .btn-link a {
    border-color: #fff;
}

.grey-bg .btn-link a {
   border-color:#f5f5f5;
}

.offre-live .btn-link a {
    border-color: #a5c9d7;
    margin-top: 5px;
}

.btn-link a:hover {
    border-color: #FF4238!important;
}

/*
// HEADER
*/

.box-private {
    background: #fff;
    padding: 30px;
    text-align: center;
}

#acces-collaborateur .content {
    width: 390px;
    overflow: hidden;
    bottom: initial;
    top: 37%;
}

.box-private .title {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    margin-bottom: 20px;
    text-align:left;
}

.box-private input[type="password"], #collabPass {
    border: 0;
    background: #f7f7f7;
    padding: 15px 20px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.box-private .input-line {
    text-align: left;
}

.box-private .input-line input {
    display: inline-block;
    vertical-align: top;
    
}

.box-private input.submit-acces {
    background: #FF4238;
    color: #fff;
    border: 0;
    padding: 16px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}


 
 

 

/*
// POPIN
*/

#wrapper.wrapper-sidebar {
display:table;
width:100%;
}

#sticky {
z-index:5; 
right:15px;
}

#sticky .widget_white {
box-shadow: 0px 0px 12px rgba(0,0,0,0.05);

}
	
#sticky.scrolled .widget_white {
				
}

.pop
{
    opacity: 0;        
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    content: '';
    pointer-events: none;
    z-index: -1;
    
            transition: opacity 300ms;
         -o-transition: opacity 300ms;
        -ms-transition: opacity 300ms;
       -moz-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;z-index:999;
    
}
.pop .content {
    position: fixed;
    left: 0;
    right: 0;
    top: 40px;overflow: auto;
   bottom: 40px;
    max-height: 90%;
    width:95%;
    max-width: 630px;
    margin: 0 auto;
    background-color: #FFF;
    
    
    


}

.active.iframe-holder {
	-webkit-overflow-scrolling: touch !important;
	overflow-y: scroll !important;
	height:100%;
}


.pop:target
{
    opacity: 1;
    pointer-events: auto;z-index:999;
   
}

a.close {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 11px;
    line-height: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #eee;
    display: block;outline:none;
}

/*
// HOME SLIDER
*/

.toggle-offres .bloc-red .before-title {
    font-size: 11px;
    margin-top: -5px;
}

#section-top .toggle-offres .item .content.bloc-red .title {
    font-size: 28px;
}


.toggle-offres a {
    text-decoration: none;
}

#section-top .toggle-offres .item .content .description {
    text-align: center;
}

#section-top .toggle-offres .item.item-compte {
    width: 60%;
}

#section-top .toggle-offres .item .content .validite {
    padding-top: 0;
    margin-top: -5px;
}
.toggle-offres .prime {
    text-align: center;
}

.btn-offers .tgl-link:hover {
    text-decoration: underline;
}
.btn-offers .tgl-link {
    float: right;
    cursor: pointer;
    color: #ffffff;
    background: #FF4238;
    padding: 10px 15px;
    border-radius: 50px;
}

.btn-offers {
    position: absolute;
    bottom: 30px;
    color: #FF4238;
    font-size: 11px;
    right: 0;
    left: 0;
    padding: 0 25px;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    max-width: 1240px;
}


#section-top .toggle-offres .item .content .btn-link a {
    margin-top: 10px;
}

.toggle-offres #wrapper {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.close-offers {
    position: absolute;
    color: #ffffff;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    right: 0;
    bottom: 24px;
    margin: 0 auto;
}

#section-top .toggle-offres .item .content.bloc-dark .taux .chiffre {
    margin-top: -25px;
}

#section-top .toggle-offres .item-compte .mention-l {
    display: inline-block;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 5px;
}

#section-top .toggle-offres .item .content .taux {
    font-size: 135px;
}

#section-top .toggle-offres .item .content .taux sup {
    font-size: 68px;
}


#section-top .toggle-offres .item .left {
    float: none;
    width: 100%;
    text-align: center;
    border: 0;
}

#section-top .toggle-offres .right {
    padding-left: 0;
     width:100%;
}

#section-top .toggle-offres .item .content .title {
    font-size: 30px;
}


#section-top .toggle-offres .item .content .taux .label {
    font-size: 16px;
    bottom: 31px;
}


#section-top .item .content.other-slide .title {
    font-family: 'Open Sans', sans-serif;
}

#section-top .item .content.other-slide {
    text-align: left!important;
}
#home-slider{
	height:430px;
}
#home-slider #wrapper {
    padding: 0 25px;
}


.duration-offer {
    font-size: 16px;
    text-transform: uppercase;
    background: #FF4238;
    color: #fff;
    padding: 4px;
}

.mention-l {
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    font-size: 11px;
    margin-top: 2px; 
}

.mention-l a {
	font-size:12px;
}

.bloc-dark .mention-l {
    color: #ffffff;
}

.prime b {
    font-size: 13px;
    display: block;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
}

.prime {
    font-size: 40px;
    z-index: 99999;
    font-family: 'Open Sans', sans-serif;
    color: #FF4238;
    text-align: center;
    text-transform: uppercase;
}

.bloc-red .prime b {
    color: #fff;
}
.bloc-red .prime {
    color: #1c365e;
}

.bloc-red img.label-f {
    display: none;
}

#section-top {
   position:relative;
}

#section-top .toggle-offres .item .content {
    width: 100%;padding-bottom: 12px;
}

#section-top .toggle-offres .item {
    width: 40%;
    float: left;
    padding: 10px;
}

#section-top .toggle-offres {
    position: absolute;display:none;
    padding-top: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #a6c7d6;
    background: -moz-radial-gradient(center, ellipse cover, #a6c7d6 0%, #92b3c2 49%, #6b8c9b 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #a6c7d6 0%,#92b3c2 49%,#6b8c9b 100%);
    background: radial-gradient(ellipse at center, #a6c7d6 0%,#92b3c2 49%,#6b8c9b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c7d6', endColorstr='#6b8c9b',GradientType=1 );
    overflow:hidden;
}



#section-top .item .content.image-slide {
    padding: 0;
    background: transparent;
}

#home-slider {
    max-width: 1600px;
    margin: 0 auto;
    background-size: cover!important;
    background-position: center center!important;
}

#section-top .owl-buttons {
    display: none;
}

#section-top .item {
    padding: 34px 0;
}

.head-content {
    display: table;
    width: 100%;
}


.before-title {
    display: inline-block;
      font-size: 2rem;
      margin-bottom: 8px;
	 color:#213756
}

#section-top .left {
    width: 45%;
    text-align: left;
    display: inline-block;
    padding-right:20px;
    vertical-align: middle;
    border-right: 1px solid #87a8b7;
}

#section-top .bloc-dark .left {
    width: 100%;
    display: block;
    padding: 0;
    border: 0;
}

#section-top .item .right .label-f {
    max-width: 130px;
}

#section-top .item .content {

    width: 55%;
    padding: 50px 25px 0px 1px;
     font-weight: normal;
     display: table;
}

#section-top .item .content .titles {
    font-size: 3.7rem;
     color: #3182a5;
     line-height: 1.0em;
}

#section-top .right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;width:52%;
}

#section-top .bloc-dark .right {
    float: left;
    width: 65%;
    padding: 0 12px;
    border: 0;margin-top: 18px;
}

#section-top .bloc-dark .right.r1 {
    padding-left: 0;
}

#section-top .bloc-dark .right.r2 {
    padding-right: 0;
}

#section-top .item .content .description {
    font-size: 15px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
    text-align: left;
    padding-top: 15px;
    margin: 0 auto;
}

#section-top .item .content .taux {
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    font-size: 120px;
    position: relative;
    margin-top: -5px;
    margin-bottom: -20px;
    text-align: center;
    display: inline-block;
}

#section-top .bloc-dark .right .taux {
    background: #fff;
    color: #1c365e;
    font-size: 115px;    margin-bottom: 0px;
    margin-top: 0;    display: block;
}

#section-top .item .content.bloc-dark .right .taux sup {
    font-size: 58px;
}

#section-top .item .content .taux sup {
    font-size: 55px;
}


#section-top .item .content .title b {
    font-family: 'Open Sans', sans-serif;
    color: #FF4238;
}

#section-top .item .content .taux .label {
    font-size: 14px;
    padding-left:20px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    position: absolute;
    bottom: 27px;
    line-height: 1.1em;
    right: 0;
    width: 66%;
}

#section-top .item .content .validite {
    font-family: 'Open Sans', sans-serif;
    OLDtext-transform: uppercase;
    font-size: 11px;
    color: #FF4238;
    padding-top: 15px;
}

#section-top .item .content .btn-link a {
     margin-top: 0px;
    margin-bottom:8px;
}
#section-top .item .content.bloc-dark {

}

#section-top .item .content.bloc-dark .description {
    color: #a5c9d7;
}


#section-top .item .content.bloc-dark .taux .label {
    color: #1c365e;
    font-size: 13px;
    bottom: 18px;
    padding-right: 15px;
}


#section-top .item .content.bloc-dark .taux .chiffre {
    line-height: 1.08em;
    margin-top: -16px;
}

#section-top .item .content.bloc-dark .btn-link a {
    border-color: #1c365e;
}

#section-top .item .content.bloc-red .title b {
    color: #ffffff;
}

#section-top .item .content.bloc-red {
     
}

#section-top .item .content.bloc-red .description {
    color: #213756;
}

#section-top .item .content.bloc-red .taux {
    color: #fff;
}

#section-top .item .content.bloc-red .left {
    border-color: #cc2e26;
}

#section-top .item .content.bloc-red .btn-link a {
     background: #de5b1d;
}

#section-top .item .content.bloc-red .btn-link a:hover {
    border-color: #1c365e!important;
}

#section-top .item .content.bloc-red .validite {
    color: #1c365e;
}


/*
// ACCUEIL
*/

#top-slide {
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
}

#presentation-livret {
    text-align:center;
    padding-top: 40px;
}

#presentation-livret .sub-title {
    font-size: 18px;
    color: #FF4238;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 25px;
    font-family: 'Open Sans', sans-serif;

}

#presentation-livret li {
    width: 20%;
    float: left;
    text-align: center;
    color: #1c365e;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 35px;
}

#presentation-livret li img {
    display: block;
    
	margin-top:20px; margin-bottom:0px; margin-left:auto; margin-right:auto;
}

/*
// QUESTIONS FREQUENTES
*/

.left-section {
    width: 705px;
    float: left;
}

.content-bulle div {
    font-size: 13px;
    background: #fff;
    margin: 10px;
    display: inline-block;
    padding: 22px 25px;
    border-radius: 20px;
    font-family: 'Open Sans', sans-serif;
    position:relative;    color: #1c365e;
}

.content-bulle.reponse div {
    background: #a5c9d7;
    color: #fff;
    font-family: 'Open Sans', sans-serif;

}

.content-bulle.reponse {
    float: right;
    width: 90%;
}

#questions-frequentes .h1-title {
    padding-bottom: 20px;
}

.content-bulle div:after {
    border-right: 18px solid transparent;
    border-top: 12px solid #ffffff;
    height: 0;
    margin: 0 auto;
    content: "";
    position: absolute;
    bottom: -12px;
    left: 18px;
    width: 0px;
}

.content-bulle.reponse div:after {
    border-left: 18px solid transparent;
    border-right:0;
    border-top: 12px solid #a5c9d7;
    right: 18px;
    left:inherit;
}

/*
// PRESENTATION absexpertise
*/

#presentation-absexpertise .col-5:last-child {
    padding-left: 50px;
}

#presentation-absexpertise .col-5:first-child {
    padding-right: 50px;
    border-right: 1px solid #dfdfdf;
}

#presentation-absexpertise p {
    color: #757575;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
}

#presentation-absexpertise .h1-title {
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 24px;
}

#presentation-absexpertise .h1-title:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    background: #a5c9d7;
    bottom: 0;
    left: 0;
}

a.link-mini {
    color: #1c365e;
    text-decoration: inherit;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-top: 35px;
    display: inline-block;
}

a.link-mini:hover {
	text-decoration: underline;
}

/*
// NEWSLETTER
*/

.page-template-produit #newsletter, .page-template-produit-compte #newsletter {
    background: #fff; border-bottom:1px solid #eee;    text-align: left;

}
#newsletter .left-page {
    text-align: center;
}

.page-template-produit-compte #newsletter #wrapper, .page-template-produit #newsletter #wrapper {
    background: transparent;
}




#newsletter {
    text-align: center;
    padding: 35px 0;
}

#newsletter #wrapper {
 
}

#newsletter .btn-link a {
    margin-top: 15px;
}
.h1-title span {
    font-family: 'Open Sans', sans-serif;
}

#newsletter p {
    color: #757575;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
    padding-top: 15px;
}

/*
// FOOTER
*/

.meta-footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #557885;
	text-align: center;
	line-height:16px;
    padding: 18px 0;
    margin: 0 10px;
	font-weight:400;
    position:relative;
}


.meta-footer:after {
    position: absolute;
    content: "";
    left: 40%;
    bottom: 0;
    height: 1px;
    width: 20%;
    background: #a5c9d7;

}



#menu-footer {
    float: left;
}

.menu-footer li {
    display: inline-block;
    vertical-align: middle;
}
.menu-footer li a {
    color: #1b365e;
    font-size: 13px;
    text-decoration: inherit;
    padding: 26px 10px;
	font-weight:600;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6em;
}

.copyright {
    color: #757575;
    font-size: 13px;
    padding: 0 0px 25px 10px;
    font-family: 'Open Sans', sans-serif;    
}

/*
// TABS
*/

#tabs {
    padding:0;
}

#tabs .tabs-links li.current-menu-item {
    background: #fff;
}

#tabs .tabs-links  {
    display: table;
}

#tabs .tabs-links li {
    float: left;
}

#tabs .tabs-links li a {
    font-size: 16px;
    text-decoration: inherit;
    padding: 25px;
    display: inline-block;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
    outline:none;
}

#tabs .tabs-links li.current-menu-item a {
    color: #FF4238;
}

.page-template-produit-compte #tabs .tabs-links li.current-menu-item a {
    color: #1c365e;
}

.ui-tabs-panel {
    padding: 55px 0;
}

/*
// AVANTAGES LIVRET
*/




.OLDbtn-link.bt-blue a {
	background-color:rgb(69,115,153);
}
.OLDbtn-link.bt-blue a:hover {
    border-color: rgb(69,115,153)!important;
}


.btn-link.bt-blue a {
	background-color:#1c365e;
}
.btn-link.bt-blue a:hover {
    border-color: #1c365e!important;
}



.h2-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    padding: 24px 0;
    position: relative;
    margin-bottom: 24px;
}

.h2-title:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 2px;
    background: #a5c9d7;
    bottom: 0;
    left: 0;
}

li.col-top {
    width: 50%;
    float: left;
    padding: 0 10px 10px 0;
}

li.col-top .content {
background: #f7f7f7;    padding: 25px;
    position: relative;
    padding-left: 90px;
min-height: 175px;max-height:175px;
}

li.col-h {
    text-align: center;
    width: 33.3%;
    float: left;
    padding: 0 13px;
    border-left: 1px solid #d8d8d8;
}

li.col-h:first-child {
    border:0;
}

li.col-top .content img {
    position: absolute;
    left: 25px;    max-width: 50px;
}

li.col-top .content .col-title, li.col-h .content .col-title  {
    font-size: 14px;
	font-weight:600;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 8px;
}

li.col-top .content p, li.col-h .content p {
    font-size: 12px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
}

li.col-h .content img {
    padding-bottom: 25px;
}

.left-page {
    width: 730px;float:left;
}

.clear {
    display: table;
    padding-top: 15px;
    width: 100%;
}

/*
// WIDGETS
*/

.sidebar {
    float: right;
width:430px;
}


.widget_white {
    background: #fff;
    width: 430px;
    padding: 35px 45px;
    -moz-box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.06);
    -o-box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.06);
    box-shadow: 0px 11px 11px -10px rgba(0,0,0,0.06);
}


.sidebar .h1-title {
    padding-bottom: 0!important;
}

.clear-widget {
    display: table;
    padding-top: 24px;
    width: 100%;
}

.contact-w .h1-title {
    padding-bottom: 0!important;
}

.contact-w .subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #a5c9d7;
}

.contact-w .phone {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    color: #FF4238;
    margin-top: 24px;
    margin-bottom: 5px;
}

.contact-w p {
    color: #757575;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.contact-w .client-contact {
    margin-top: 24px;
}

.contact-w .client-contact p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    text-transform: uppercase;
}

.contact-w .client-contact a {
    font-family: 'Open Sans', sans-serif;
    text-decoration: inherit;
    font-size: 14px;
    color: #FF4238;
    line-height: 1.4em;
}

.contact-w .btn-link a {
    margin-top: 14px;
}

.documentation-w p {
    font-size: 13px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5em;

}

/*
// QUESTIONS
*/

#header-question-top {
    background: #a5c9d7;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
}

#header-question {
    text-align: left;
    padding: 0;
    margin-bottom: 30px;
    line-height: 1.3em;
    font-size: 24px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
}

#question-reponse .content {
    color: #757575;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
}

#question-reponse ul li {
    list-style: inherit;
    list-style-type: disc;
    margin: 15px 0 15px 20px;
}
#question-reponse ul {
    color: #757575;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
}

.content-page-p ul li {
    list-style: inherit;
    list-style-type: disc;
    margin: 15px 0 15px 15px;
}


.description ul {
	padding: 6px 0 6px 35px;
}
.description ul li {
    list-style: inherit;
    list-style-type: disc;
}

#accordion {

}

#accordion div {
display:none;
}

#accordion a.list-q {
    display: block;
    background: #f7f7f7;
color: #1c365e;    padding: 18px;
    font-size: 13px;
    margin: 5px 0;
	font-weight:600;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif ;
    cursor: pointer;
}

#accordion a.list-q.active {
    background: #a5c9d7;
    color: #fff;
}

div#accordion div {
    padding: 10px;
}

div#accordion div a {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    padding-left: 25px;
    position: relative;
    display: block;
    line-height: 1.3em;
}
#accordion div#link-quest {
    padding: 10px;
}

#accordion div a:before {
    content: "+";
    background: #a5c9d7;
    color: #fff;
    width: 15px;
    height: 16px;
    line-height: 15px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    padding-left: 1px;
    margin-right: 8px;
    left: 0;
    position: absolute;
    top: 0;
}

#accordion div a:hover {
    color: #a5c9d7;
}
#accordion div a.active {
    color: #a5c9d7;
}

#question-reponse .widget_white {
    margin-top: 25px;
}

/*
// DOCUMENTATION
*/

#header-page {
    background: #a5c9d7;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
}

.doc-list li .content img {
    display: block;
    margin: 0 auto 18px auto;
}

.doc-list li .content {
    text-align: center;
    margin: 8px;
    padding: 25px 20px 20px 20px;
    background: #f7f7f7;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.3em;
}

.doc-list li .content .title {
    min-height: 48px;
}

.doc-list {
    display: table;
    width: 100%;
    margin-bottom: 25px;
}

.doc-list li {
    float:left;
    width:50%;
}

.doc-list li .link-mini {
    background: #FF4238;
    color: #fff;
    padding: 8px 15PX;
    margin-top: 15px;
    text-align: center;
    font-size: 11px;
    border-radius: 50px;
}

.content-p {
    font-size: 16px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
    padding-top: 20px;
    max-width: 740px;
    margin: 0 auto;
}

/*
// CONTACT
*/

.bloc-contact {
    display: table;
    width: 100%;
margin-bottom: 10px;
}

.contact-content .h2-title img {
    margin-right: 5px;
    width: 60px;
}

.content-phone {
    background: #1c365e;
    font-size: 20px;
    color: #fff;
    padding: 30px;
    font-family: 'Open Sans', sans-serif;
    display: table;
}

.content-phone .titre {
    color: #a5c9d7;
    text-transform: uppercase;
    float: left;
    width: 40%;
    padding: 10px 20px;
}

.content-phone .right {
    width: 60%;
    float: right;
    text-align: left;
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-left: 30px;
}

.content-phone .numero {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    padding-bottom: 10px;
    font-size: 36px;
}

.content-phone .annotation {
    color: #a5c9d7;
    font-size: 11px;
}

.content-email {
    width: 50%;
    padding: 0 8px;
    float: left;
    font-family: 'Open Sans', sans-serif;
}

.content-email .content {
    background: #f7f7f7;
    padding: 25px;
    font-size: 13px;
    color: #757575;
}

.content-email .titre {
    font-size: 18px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 8px;
}

a.btn-c {
    background: #FF4238;
    color: #fff;
    padding: 8px 15PX;
    margin-top: 15px;
    text-align: center;
    font-size: 11px;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-decoration: inherit;
    display: inline-block;
}

.content-courrier {
    margin-bottom: 25px;
}

.content-courrier .titre {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #a5c9d7;
    padding-bottom: 8px;
}
.content-courrier p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #757575;
}

.bloc-contact .h2-title {
    margin-bottom: 0;
}
.bloc-contact .h2-title:after {
    display: none;
}

input#s:focus {
    border-color: #ffffff!important;
    box-shadow: none;
}
input#s {
    background: rgba(255,255,255,1);
    font-size: 16px;
    padding: 18px;
    border: 2px solid #a5c9d7;
    color: #1c365e;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    border-radius: 50px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.content-search-form {
    font-size: 18px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
    padding-top: 30px;
    margin: 0 auto;
}

input#searchsubmit {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    padding: 15px 30px;
    border: 0;
    color: #a5c9d7;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
   
    cursor:pointer;
}

form#searchform {
    position: relative;
    margin: 20px auto 0 auto;
    max-width: 450px;
}


.page-template-contact section.page-defaut {
	padding-top:15px;
}


/*
// LIVRET PAGE
*/



#sidebar {
    float: right;
    width: 430px;
}
#sticky {
    position: absolute;    padding-top: 30px;
    OLDtransition: top .2s linear 0s;
}


.title-mini {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #a5c9d7;
    padding-bottom: 10px;
}

.simulator-big .bloc select.select-duration {
    border: 0;
    padding: 12px;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    color: #a9a9a9;
    width: 193px;    font-size:14px;

}

.simulator-big .bloc li.duration-input:after {
    display: none;
}
.simulator-big .bloc li span {
    display: block;
    padding-top: 6px;
    font-size: 11px;
    opacity: 0.5;
}

.simulator-big {
    background: #f8f8f8;
    padding: 30px;
    color: #fff;
    display: table;
    width: 100%;
     margin-bottom: 15px;
}

.simulator-big .btn-link a {
    border-color: #1c365e;
}

.simulator-big .title {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #1c365e;
    float: left;
    text-transform: uppercase;
    width: 40%;
    padding: 20px;
    position: relative;
}

#simulateurResultat.active .periodeN:after, #simulateurResultatPromo.active .periodeN:after {
 }

#simulateurResultat.active .periodeN {
	display: inline;
}

#simulateurResultat .periodeN {
	display:none;
}

.label-promo.actual {
	padding-top:20px;
}

.periodeN {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

#simulateurResultat, #simulateurResultatPromo {
    text-align: right;
    padding-bottom: 20px;
}

#simulateurResultat.active:before, #simulateurResultatPromo.active:before {
    content: "Vos intérêts s’élèveront à ";
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #1c365e;
    padding-right: 5px;
}

.simulator-big .title span {
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    text-transform: uppercase;
    display: block;
    font-size: 28px;
}

.simulator-big .bloc {
      text-align: left;
 }

.simulator-big .bloc li {
     padding-bottom: 10px;
    position:relative;
}
.bloc li:after {
    position: absolute;
     right: 10px;
    top: 9px;
    color: #1c365e;
    font-size: 20px;
}

.simulator-big .bloc label {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    padding-right: 15px;
    text-align: left;    
}

.simulator-big .bloc textarea {
    border: 0;
    padding: 12px;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    font-size:14px;
}
.simulator-big .bloc input {
    border: 0;
    padding: 12px;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    font-size:14px;
}

.simulator-big .bloc .btn-link {
     padding-right: 58px;
}

.simulator-big .bloc .btn-link a {
    margin-top: 10px;
}


#top-produit {
padding: 35px 0;
background: #a6c7d6; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #a6c7d6 0%, #92b3c2 49%, #6b8c9b 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #a6c7d6 0%,#92b3c2 49%,#6b8c9b 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #a6c7d6 0%,#92b3c2 49%,#6b8c9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c7d6', endColorstr='#6b8c9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.offre-live.bloc-red {
    background: #ea534d;
}

.offre-live.bloc-red .validite {
    color: #1f375d;
    font-family: 'Open Sans', sans-serif;
    padding-top: 20px;
}

.offre-live.bloc-red .before-title {
    font-size: 13px;
 }

.offre-live.bloc-red .title b, .offre-live.bloc-red .description, .offre-live.bloc-red .taux {
    color: #fff;
}

.offre-live.bloc-red .btn-link a:hover {
    border-color: #1f375d!important;
}

.offre-live.bloc-red .btn-link a {
    background: #1c365e;
}

.offre-live.bloc-red .btn-link a {
    border-color: #ea534d!important;
}

.offre-live.bloc-red .right:before {
    background: #cc2e26;

}


.offre-live {
    text-align: center;
    padding: 35px;
    background:#a5c9d7;
    display:table;
    width:100%;
    overflow: hidden;
}

.offre-live .prime {
    margin-top: -15px;
    margin-bottom: 15px;
}

.offre-live .title {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 34px;
    line-height: 1.05em;
}

.absconsult {
	text-align: right;
	opacity: 0.8;
	font-style: italic;
	margin-bottom:15px;
	display:block;
}

.offre-live .title b {
    color: #FF4238;
    font-family: 'Open Sans', sans-serif;
}

.offre-live .description {
    font-size: 16px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
line-height: 1.3em;
    padding-top: 20px;
}

.offre-live .taux {
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    font-size: 145px;
    position:relative;
    display:inline-block;
    margin-top: -25px;
}

.offre-live .taux sup {
    font-size: 55px;
}

.offre-live .taux .label {
	padding-left:10px;
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-align: left;
    position: absolute;
    bottom: 42px;
    line-height: 1.1em;
    right: 0;
    width: 65%;
}

.offre-live .validite {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #FF4238;
    padding-top: 25px;
}

.offre-live .left {
    float: left;
    width: 50%;
    text-align: left;
    position:relative;
}

.offre-live .left .label-f {
    position: absolute;
    right: -60px;
    max-width: 155px;
    top: 5px;
}

.offre-live .right {
    float: right;
    width: 45%;
    padding-left: 35px;
    position: relative;
}

.offre-live .right:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 65%;
    left: 0;
    background: #96b7c6;
    bottom: 0;
}

.presentation-onglet.list-p .title {
    text-transform: none;
    font-size: 18px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
}

.presentation-onglet.list-p p {
    font-size:13px;
}

.presentation-onglet .title {
    font-size: 20px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.presentation-onglet p {
    font-size: 16px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
}

.presentation-onglet .link-mini {
    margin-top: 20px;
}

.presentation-onglet {
    position: relative;

}

.presentation-onglet .right {
    float: none;
    width: 100%;
}

.presentation-onglet .image {
    width: 15%;
    float: left;
    text-align:center;
    display:none
}


.exemples-bloc {
    margin: 15px 0;
    display: table;
    position: relative;
    width: 100%;    z-index: 1;
}

.exemples-bloc li {
    float: left;
    width: 33.3%;
    text-align: center;
    padding: 25px;
    color: #ffffff;
    position: relative;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;background: #a8ccda;
}

.exemples-bloc li:after {
    border-top: 50px solid transparent;
    border-left: 25px solid #99c0d0;
    border-bottom: 51px solid transparent;
    height: 0;
    margin: 0 auto;
    content: "";
    right: -25px;
    position: absolute;
    top: 0;
    z-index: 9;
    width: 0px;
    bottom: 0;
}

.exemples-bloc li .number {
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 5px;
}

.exemples-bloc li:first-child {
    background: #99c0d0;
}

.exemples-bloc li:last-child {
    background: #b5d7e4;
}
.exemples-bloc li:nth-child(2):after {
    border-left-color: #a8ccda;
}

.exemples-bloc li:last-child:after {
    display:none;
}


.list-infos li {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #757575;
    padding: 15px 0;
    line-height: 1.25em;
}

.list-infos li .title {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    padding-bottom: 10px;
}


.list-infos .annotation {
    padding-left: 20px;
    margin: 20px 0;
    font-size: 12px;
    font-style: italic;
    color: #a5c9d7;
    border-left: 1px solid #a5c9d7;
}

.bottom-livret {
background: #f7f7f7;    margin-top: 20px;
    padding: 30px;
}

.bottom-livret .title {
    font-size: 18px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 10px;
}

.bottom-livret p {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #757575;
    line-height: 1.25em;
padding: 10px 0;
}

li.col-b {
    width: 25%;
    float: left;
    padding: 5px;
}

li.col-b .col-title {
    font-size: 13px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
    padding: 15px;
    text-align: center;
}

li.col-b .image, #personas-team .item .photo {
    position: relative;
}


li.col-b .image img {
    width: 100%;
}

#personas-team .item:hover .photo .rollover {
    opacity: 1;
}
#personas-team .item .photo .rollover {
    position: absolute;
    top: 0;
    background: rgba(165,201,215,0.75);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    font-size: 16px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    opacity: 0;
    transition: opacity ease-in 0.2s;
}


.gestion-list {
    padding: 25px;
    display: table;
    width: 100%;
background: #f7f7f7;    margin-top: 15px;
}

.gestion-list li {
    width: 50%;
    float: left;
    padding: 15px;
}

.gestion-list li .image {
    float: left;
    width: 15%;
}

.gestion-list li .title {
    float: left;
    padding: 5px 15px;
    font-size: 13px;
    width: 85%;
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
}

.online-list .presentation-onglet {
    padding: 15px 0;
    display: table;
}

.online-list .presentation-onglet .image {
    display: block;
    padding-right: 30px;
}

.online-list {
    display: table;
    width: 100%;
    padding: 20px 0;
}

li.open-step:nth-child(1){
    width: 50%;
}


li.open-step:nth-child(2) {
    width: 50%;
}


li.open-step {
    width: 33.3%;
    float: left;
    font-family: 'Open Sans', sans-serif;
    padding: 6px;
}

li.open-step .content img {
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: 12px;
    display: block;
}

li.open-step .content p {
    font-size: 13px;
    color: #757575;
    padding: 5px 0;
}

li.open-step .content {
    padding: 25px;
    position: relative;
    height: 320px;
    background:#f5f5f5;
}

li.open-step .col-title {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    padding-bottom: 8px;
}

.step-number {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 18px;
    background: #FF4238;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
}

li.open-step:nth-child(2) .content:before {
    background: #ffffff;
    content: "OU";
    position: absolute;
    top: 50%;
    color: #a5c9d7;
    left: -26px;
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    font-family: 'Open Sans', sans-serif;
}

li.open-step:nth-child(2) .content .step-number {
    display: none;
}
li.open-step:nth-child(1) .content {
    padding-right: 40px;
}

li.open-step:nth-child(2) .content {
    padding-left: 40px;
}

li.open-step:nth-child(1) {
    width: 50%;
    padding-right: 0;
}

li.open-step:nth-child(2) {
    width: 50%;
    padding-left: 0;
}


.mobile-icon-close {
     display:none;
}

.mobile-icon {
    display:none;

}


#tabs .left-page {
    padding-right: 0;
}


/*
// PAGE COMPTE
*/

.items-account {
    border-top: 1px solid #eee;
    padding-top: 25px;
}

.items-account li.col-top .content {
    background: transparent;
}

.bottom-account-b .btn-link a {
    margin-top: 20px;
}
.bottom-account-b .link-mini {
    margin-top: 10px;

}
.bottom-account-b {
    display: table;
    width: 100%;
    padding: 25px 0;
}

.open-account-b li.col-top .content:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 18px;
    background: #a5c9d7;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
}


.open-account-b li.col-top:nth-child(1) .content:before {
    content: "1";
}

.open-account-b li.col-top:nth-child(2) .content:before {
    content: "2";
}

.open-account-b li.col-top:nth-child(3) .content:before {
    content: "3";
}

.open-account-b .col-top {
    width: 33.3%;
}

.open-account-b li.col-top .content {
    padding-left: 75px;
    min-height: inherit;
    max-height: inherit;
    background: transparent;

}

.open-account-b {
    display: table;
    width: 100%;
    background: transparent;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.page-template-produit-compte .annot {
    display: table;
    width: 100%;
    font-size: 12px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 10px;
    padding-bottom: 0;
}


.page-template-produit-compte .presentation-onglet .right {
    padding-left:0px;
   width:inherit;
float:none;
}

.offre-live.compte {
    background: #1f375d;
    padding: 30px 30px;
}

.offre-live.compte .title {
    color: #ffffff;
}

.offre-live.compte .chiffre {
    margin-top: -8px;
}

.offre-live.compte .mention-l {
    color: #fff;
}

.offre-live.compte .validite {
    padding-top: 15px;
}

.offre-live.compte .right {
    float: left;
    width: 50%;
    padding: 0 25px;
    border: 0;
}
.offre-live.compte .description {
    padding-top: 12px;
    color: #a5c9d7;
    padding-bottom: 22px;
}
.offre-live.compte .taux {
    background: #fff;
    width: 100%;
    margin-top: 0px;
    font-size: 110px;
}

.offre-live.compte .duration-offer {
    font-size: 18px;
    background: #FF4238;
    padding: 5px;
    text-transform: uppercase;
    line-height: 1.1em;
    color: #fff;
}

.offre-live.compte .taux sup {
    font-size: 55px;
}

.offre-live.compte .right:before {
    display: none;
}

.offre-live.compte .taux .label {
    font-size: 12px;
    text-align: left;
    bottom: 25px;
    left: inherit;
    right: 0;
    width: 62%;
    padding-right: 20px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
}

.offre-live.compte .left {
    float: none;
    width: 100%;
    text-align: center;
}


 

.content-group .image img {
    width: 100%;
}

.stats li {
    float: left;
    width: 48%;
	margin-left:1%; margin-right:1%;
    text-align: center;
    padding: 5px 5px;
    font-family: 'Open Sans', sans-serif;
    color: #1f375d;
}

.stats {
    display: table;
    width: 100%;
    padding:25px 0;
}

.stats li .count {
    font-size: 34px;
    color: #a5c9d7;
}

.stats li .title {
    font-size: 21px;
    padding: 12px 0;
    color: #1c365e;
}

.stats li p {
    font-size: 14px;
    color: #757575;
	line-height:23px;
    font-family: 'Open Sans', sans-serif;
}

#absslider .item img {
    width: inherit;
}

#absslider {
    background: #a5c9d7;
    color: #fff;
    text-align: center;
    border-radius:5px;
}

#absslider .item {
    padding: 35px 17%;
}


#absslider .item .image {
    padding-bottom: 20px;
}


#absslider .item .title {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 10px;
}

#absslider .item p {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

#absslider.owl-theme .owl-controls .owl-buttons div {

    background: transparent;
    opacity: 1;
}

#absslider .owl-next {
    position: absolute;
    right: 0;
    top: 38%;
}

#absslider .owl-prev{
    position: absolute;
    left: 0;
    top: 38%;
}

#absslider.owl-theme .owl-controls, #personas-team.owl-theme .owl-controls  {
    position: initial;
}


#absslider.owl-theme .owl-controls .owl-buttons img {
    width: 30px;
}


.absexpertise-presentation .description {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #757575;
    padding: 20px 0;
    line-height: 1.6em;
}

#personas-team.owl-theme .owl-controls .owl-buttons div {
   
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #a5c9d7;
    opacity: 1;
}

#personas-team.owl-theme .owl-controls .owl-buttons div img {
    width: 20px;
}

#personas-team .owl-prev {
    left: -16px;
    position: absolute;
    top: 30.5%;
}

#personas-team .owl-next{
    right: -18px;
    position: absolute;
    top: 30.5%;
}

#personas-team .item .photo img {
    width: 100%;
}

#personas-team .item {
    padding: 6px;
    text-align:center;
}

#personas-team .item .title {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #1c365e;
    padding-top: 10px;
    padding-bottom: 6px;
}

#personas-team .item p {
    font-size: 13px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2em;
}

.choix-absexpertise li p {
    font-size: 13px;
    color: #757575;
    font-family: 'Open Sans', sans-serif;
}

.choix-absexpertise li .title {
    font-size: 18px;
    color: #1c365e;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 8px;
}
.choix-absexpertise li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 10px;
}

.choix-absexpertise li .picto {
    padding-bottom: 20px;
}

.choix-absexpertise .content {
    display:table;
    width:100%;
}

.link-b {
    text-align: center;
}
.link-b a:after {
    border-left: 22px solid transparent;
    border-top: 16px solid #FF4238;
    height: 0;
    margin: 0 auto;
    content: "";
    position: absolute;
    bottom: -16px;
    left: 45%;
    width: 0px;
}
.link-b a {
    background: #FF4238;
    color: #fff;
    padding: 18px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    position: relative;
    text-decoration: inherit;
    display: inline-block;
    border-radius: 5px;
}



/*
// PAGE BASIC
*/

.content-page-p .h1-title {
    padding-bottom: 30px;
}

.content-page-p p {
    padding: 8px 0;
}

.content-page-p {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.35em;
}


/*
// ACTUALITES
*/

nav.custom-pagination {
    text-align: right;
    margin: 15px 0;
}

.page-numbers.current {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    background: #a5c9d7;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    display: inline-block;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

a.page-numbers {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-decoration: inherit;
    display: inline-block;
    color: #757575;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
}

a.page-numbers:hover {
    background: #f7f7f7;
    border-radius: 50%;
}


article {
  
}

.loop {
    display: table;
    width: 100%;
}

.loop article:first-child .p-article {
    padding: 25px;
    font-size:16px;
line-height:1.4em;
}

.loop article:first-child picture {
    width: 100%;
    display: table;
}

.loop article:first-child {
    width: 100%;
    display: table;
}

.loop article:first-child .title {
    font-size: 24px;
    line-height: 1.25em;
}


.loop article:first-child .content-article {
    background: #f7f7f7;
}

article .content-article {
    display: table;
    width: 100%;
}

article picture img {
    width: 100%;
}

article .title {
    font-family: 'Open Sans', sans-serif;
    color: #1c365e;
    font-size: 18px;
    padding-bottom: 10px;
line-height: 1.2em;
}

article .p-article {
    font-size: 14px;
    color: #727272;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 0;
    line-height: 1.3em;
}

@media only screen and (min-width: 1100px) {

header .top-header {
max-width:1280px; margin:0 auto;
  
}

 
}

@media only screen and (min-width: 890px) {

.content-inner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.left-page {
    width: 100%!important;
    display: table-cell;
    direction: ltr;
    float: none;
    vertical-align: top;
    padding-right: 50px;
}

.right-col {
    display: table-cell;
    direction: ltr;
    float: none;
    width: 430px!important;
}
}


@media only screen and (max-width: 1190px) {
#tabs .tabs-links li a {
    font-size: 14px;
    padding: 25px 16px;
}

.menu-site li#menu-item-14 a, .menu-site li#menu-item-13 a {
    font-size: 11px;
    padding: 16px 15px;
}

.menu-site li a {
    font-size: 13px;
    padding: 19px 8px;
}

.offre-live .title {
    font-size: 26px;
}

.offre-live .taux {
    font-size: 125px;
}

.offre-live .taux sup {
    font-size: 65px;
}

.offre-live .description {
    font-size: 13px;
}


.offre-live {
    padding: 25px;
}

.left-page {
    padding-right: 25px;
}

.right-col {
    width: 390px!important;
}

.widget_white {
    width: 390px;
    padding: 25px 25px;
}

.offre-live .taux .label {
    font-size: 14px;
    bottom: 26px;
}

#sidebar {
    float: right;
    width: 390px;
}

.h1-title {
    font-size: 24px;

}

#section-top .item .content .taux .label {
    font-size: 14px;
    bottom: 26px;
}

#section-top .item .content .taux {
    font-size: 125px;
}

#section-top .item .content .taux sup {
    font-size: 60px;
}

#section-top .item .content {
    width: 56%;
}

.offre-live .left .label-f {
    right: -45px;
    max-width: 135px
}

li.col-top .content .col-title, li.col-h .content .col-title {
    font-size: 15px;

}
li.col-top .content img {
    left: 20px;
    max-width: 42px;
}

li.col-top .content {
    padding: 18px;
    padding-left: 80px;
}

li.col-top .content p, li.col-h .content p {
    font-size: 12px;
}

.presentation-onglet.list-p p {
    padding-left: 85px;
}

li.open-step .content {
    padding:20px;
    height: 305px;
}

.btn-link a {
    font-size: 11px;
    padding: 15px 12px;
    padding-right: 30px;
}

.btn-link a:after {
    right: 15px;
}
offre-live.compte .right {

    padding: 0 10px;

}

}

@media only screen and (max-width: 1023px) {

.offre-live .taux sup {
    font-size: 65px;
}
.offre-live .taux sup {
    font-size: 65px;
}

.offre-live .taux .label {
    font-size: 14px;
    bottom: 28px;

}

.offre-live .right {
    padding-left: 15px;
}


.btn-link a {
    font-size: 10px;
    padding: 12px 18px;
     padding-right:35px;

}


header {
    height: inherit;
}
.menu-site {
    position: fixed;
    background: #fff;
    top: 0!important;z-index:99;
    bottom: 0;
    right: 0;
    left: 0;
padding-top: 60px;display:none;
}

.mobile-icon-close {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 11px;
    line-height: 14px;
    position: absolute;
    margin-top: -45px;
    opacity: 0.4;background:#e0e0e0;
     display:block;
}

.mobile-icon {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    padding: 10px;
    line-height: 16px;
    position:absolute;    margin-top: -6px;     display:block;

}

.menu-site li {
    display: block;
}

.menu-site li#menu-item-14, .menu-site li#menu-item-13 {
    float: none;
}

.menu-site li#menu-item-14 a, .menu-site li#menu-item-13 a {
    font-size: 11px;
    padding: 14px 20px;
}

.menu-site li a {
    display: block;
    padding: 14px 8px;
    border-bottom: 1px solid #eee;
    font-size:13px;
}
header .top-header #wrapper {
    display: table;
 }
header .top-header  {
 	width:100%;
}
.menu-site li a br {
    display: none;
}

li#menu-item-480 a:before {
    content: "Accueil";
}

li#menu-item-480 a img {
    display:none;
}

.logo {
    padding-left: 55px;
}

.left-page {

    padding-right: 30px;
}

.widget_white {
    width: 380px;
}

#sidebar {
    float: right;
    width: 380px;
}

.right-col {
    width: 380px!important;
}

#sticky.scrolled {
    top: 25px!important;
transition: top .2s linear 0s;
}

}




@media only screen and (max-width: 890px) {

#section-top .bloc-dark .right {
    float: none;
    width: 100%;

}


.doc-list li {
    float: none;
    width: 100%;
}

.doc-list li .content img {
    margin: 0 auto 10px auto;
    max-width: 32px;
}

.doc-list li .link-mini {
    margin-top: 10px;
}

.doc-list li .content .title {
    font-size: 12px;
}

.presentation-onglet.list-p .title {
    font-size: 16px;
}

li.open-step:nth-child(2) .content:before {
    top: 20px;
    left: 20px;

}

li.open-step .col-title {
    font-size: 16px;

}
li.open-step .content img {
    margin-top: 20px;
    margin-left: 50px;

    max-width: 40px;
}

li.open-step {
    width: 100%!important;

}

li.open-step .content {
    padding: 15px!important;
    height: inherit;

}
.gestion-list li {
    width: 100%; padding:6px!important
}

.gestion-list {
    padding: 8px;
}


.open-account-b li.col-top .content {
    padding: 15px;
    padding-left: 65px;
}


.open-account-b .col-top {
    width: 100%;
    padding: 0;
}

.home .right-col {
    display: table;
    margin: 20px auto;    width: 100%!important;
}

.right-col {
    display:none;
}



#sticky {
display:none;
}

.offre-live.compte .taux .label {
    font-size: 12px;
    bottom: 24px;
    padding-left:50px;
}

.offre-live.compte .duration-offer {
    font-size: 16px;

}


.offre-live.compte .taux {

    margin-top: 15px;
    font-size: 110px;
}

.offre-live.compte .taux sup {
    font-size: 51px;
}


.offre-live.compte .right {
    float: none;
    width: 100%;
    padding: 0;
    border: 0;
}

#top-produit {
    padding: 15px 0;
}

.presentation-onglet .title {
    font-size: 16px;
}

.presentation-onglet p {
    font-size: 13px;
}

li.col-top .content img {
     left:15px;
    max-height: 35px;
}

li.col-top .content .col-title, li.col-h .content .col-title {
    font-size: 15px;
}

#personas-team .item .title {
    font-size: 15px;
}

li.col-h {
    width: 100%;
    float: none;
    padding-bottom: 25px;border:0;
}

li.col-h .content img {
    padding-bottom: 20px;
    max-height: 70px;
}

#tabs .tabs-links li a {
    font-size: 13px;
    padding: 16px 10px;
}

#personas-team .item p {
    font-size: 12px;

}
.offre-live {
    padding: 20px;
}

.offre-live .title {
    font-size: 22px;
}

.offre-live .description {
    font-size: 13px;
    padding-top: 10px;
}

.offre-live .validite {
    font-size: 11px;
    padding-top: 15px;
}


.offre-live .taux {
    font-size: 125px;
    margin-top: -10px;
}


#acces-collaborateur .content {
width: 100%;
    top: 0;
    bottom: 0;
}

.box-private input[type="password"], #collabPass {

    width: 100%;
}

.box-private .input-line input {
    display: block;

    margin: 0 auto;
}

.box-private {
     padding:30px 15px;
}

.box-private .title {

    font-size: 15px;
    margin-bottom: 25px;

}


.box-private input.submit-acces {

    -webkit-appearance: none;
    border-radius: 50%;
    margin-top: 20px;
    height: 53px;
}

#tabs #wrapper {
    padding: 0;
}
.header-bar {
	display:none;
    position:relative;
}

header {
    padding-top: 0;
    height: inherit;
}

.menu-site {
    display: none;
}

#sticky {
    position: relative!important;  
}

.offre-live .left {
    float: none;
    width: 100%;
    text-align: center;
  
}
.offre-live .right {
    float: none;
    width: 100%;
    border-left: 0;
    padding-left: 0;
}

#tabs .tabs-links {
    display: table;
    width: 100%;
}

#tabs .tabs-links li {
    text-align: center;
    float:none;
}



.left-page {
    width: 100%;
    float: none;
      padding-right:0;
}

li.col-top {
    width: 100%;
    float: none;
}

li.col-top .content {
    min-height: inherit;
    padding-left: 65px;
    max-height: none;
}

.left-section {
    width: 100%;
    float: none;
}

#sidebar.sidebar-web {
    display: none;
}

#sidebar.mobile-sidebar {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
}

#presentation-absexpertise .col-5 {
    width: 100%;
    float: none;
    padding: 0 10px!important;
}

#sidebar {
    float: none;
    width: 100%!important;
    padding: 20px 0;    padding-bottom: 0;
}

#presentation-absexpertise .col-5:first-child {
    padding-bottom: 35px!important;
    border-bottom: 1px solid #dfdfdf;
    border-right: 0;
    margin-bottom: 25px;
}

section {
     display:block;
    padding: 30px 0;
}

.widget_white {
    width: 100%!important;    padding: 20px;
    display: inline-block;
}

.content-bulle div {
    font-size: 12px;
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 14px;
}




.h1-title {
    font-size: 18px;
}

#presentation-absexpertise p {
    font-size: 12px;

}

#home-slider #wrapper {
    padding: 0 15px!important;
}

.item .content {
    width: 100%!important;
    padding: 15px!important;
    display: block!important;
}

.item {
    padding: 15px 0!important;
    padding-bottom: 30px!important;
}

#section-top .item .content .left {
    width: 100%!important;
    border-right: 0!important;
     padding-right:0;text-align: center;
}

.item .content .right {
    padding-left: 0!important;
   width:100%!important;
}

.item .content .title {
    font-size: 20px!important;
     text-align:center;
}

.item .content .taux {
    font-size: 85px!important;
}

.item .content .taux sup {
    font-size: 45px!important;
}

.item .content .taux .label {
    font-size: 11px!important;
    bottom: 18px!important;
    width: 60%!important;
}

.item .mention-l {
    text-align:center;
    margin-top: 0;
      font-size:inherit;
}

#section-top .item .content.bloc-dark .taux .chiffre {
    line-height: auto; 
    margin-top: 0px; 
}
#section-top .item .right .label-f {

    display: none;
}

.item .content .description {
    font-size: 11px!important;
margin-top: -10px!important;
text-align:center!important;
}

.item .content .btn-link a {
    margin-top: 15px!important;
}

.before-title {

    font-size: 11px;

}

.owl-pagination {
    position: absolute;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
}

.btn-offers {;
    display: none!important;
}

section:after {
    content: "";
    clear: both;
    display: table;
}
section:before {
    content: "";
    display: table;
    clear: both;
}

#presentation-livret li {
    width: 40%;
    float: none;
    padding: 25px 5px;
    display: inline-block;
    vertical-align: top;
}

#presentation-livret .content-li {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
    display: block!important;
    -webkit-overflow-scrolling: touch;
}

#presentation-livret .content-li .desc {
    font-size: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    white-space: normal;
}

#presentation-livret li img {
    max-height: 40px;
}

#presentation-livret .sub-title {
    font-size: 14px;
    padding-bottom: 5px;
}

.contact-w .subtitle {
    font-size: 14px;
}

.contact-w .phone {
    font-size: 22px;
    margin-top: 15px;
}

.documentation-w p {
    font-size: 12px;
}

#menu-footer {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
    display: block!important;
    -webkit-overflow-scrolling: touch;
}

.menu-footer li a {
    font-size: 12px;
     padding: 20px 10px;
}

#newsletter p {
    font-size: 14px;
}

.h2-title {
    font-size: 18px;
}

#header-page {
    font-size: 22px;
}

.content-p {
    font-size: 13px;
}

.stats li {
    float: none;
    width: 100%;
    padding: 15px 0px;
}

.choix-absexpertise li {
    width: 50%;
}


#absslider .item .title {
    font-size: 16px;
}


#absslider .item p {
    font-size: 12px;
line-height:1.2em;
}

#absslider .item img {
    max-width: 50px;
}
#absslider.owl-theme .owl-controls .owl-buttons img {
    width: 15px;
}


#absslider .item {
    padding: 30px 12%!important;
}

.absexpertise-presentation .description {
    font-size: 13px;
    line-height: 1.25em;
}

.clear {
    padding-top: 20px;
}

#personas-team .item {
    padding: 5px!important;
}

#personas-team .owl-prev, #personas-team .owl-next {
    top: 23%;
}

#personas-team.owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#personas-team.owl-theme .owl-controls .owl-buttons div img {
    width: 15px;
}

.choix-absexpertise li .picto img {
    max-width: 55px;
}


.choix-absexpertise li .title {
    font-size: 15px;
    padding-bottom: 5px;
}

.choix-absexpertise li p {
    font-size: 12px;
    padding-bottom: 15px;
}

}

@media only screen and (max-height: 700px) {


#sticky .widget_white .btn-link a:after {
    right: 16px;
}


#sticky .widget_white .btn-link a {
    margin-top: 12px;
    font-size: 11px;
    padding: 13px 20px;
    padding-right: 35px;
}

#sticky .documentation-w p {
    font-size: 13px;
    padding-top: 12px;
}

#sticky .contact-w .client-contact {
    margin-top: 15px;
}

#sticky .contact-w .client-contact a {
    font-size: 12px;
}

#sticky .contact-w .client-contact p {
    font-size: 12px;
}

#sticky .widget_white .h1-title {
    font-size: 22px;
}

#sticky .contact-w .phone {
    font-size: 25px;
    margin-top: 14px;
}

#sticky .widget_white {
    padding: 25px 30px;
}


#sticky .clear-widget {
    padding-top: 18px;

}
}
@media only screen and (max-width: 705px) {
	.simulator-big .right-bloc,
	.simulator-big .title 	{
		width: 100%;
		float: none;
		border-left: none;
	}
	.simulator-big .right-bloc li{
		ext-align:left;
	}
	.simulator-big .right-bloc label{
		float: left;
		padding: 10px;
	}
	.simulator-big .right-bloc li:after {
		display:none;
	}
	.exemples-bloc li  {
		    width: 90%;
	}
	.contact-content .content-phone .titre {
		    width: 100%;
	}
	.contact-content .content-phone .right{
		width: 100%;
	}
	
	
	
	
	
}

@media only screen and (max-width: 890px){
	#home-slider{
		height:auto;
	}
	.offre-live .left .label-f {
		right:0;
		position: relative;
		top:0;
	}
	
	#home-slider{
		background-image:none !important;
		background-color: #6b8c9b !important;
	}
	
	.acces-compte a {
		text-decoration: inherit;
		color: #1c365e;
		display: block;
		padding-top: 20px;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		padding-left: 20px;
		margin-left: 20px;
		position: relative;
	}
	.acces-compte a.pro-link:before {
 
	}
	.acces-compte a.user-link:before {
	 
	}
	.acces-compte a:before {
		content: "";
		position: absolute;
		width: 15px;
		height: 15px;
		top: 20px;
		left: 0;
	}
	.offre-live .right:before {
		display:none;
	}
	
}

@media only screen and (max-width: 470px){
	
	.contact-content .content-email {
		width: 100%;
	}
	
	
	
}





.gris {
    -webkit-filter: grayscale(95%); /* Safari 6.0 - 9.0 */
    filter: grayscale(95%);
}

.gris:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}