body {
	background-color: #fff;
}

.padd15 {
	padding:15px;	
}


@media (max-width: 1024px) and (min-width: 781px) {
	
	/*bouton enquette de satisfaction*/

.site_lien_enquette  {
    width: 100%;
    height:66px;
    float: left;
    padding: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 9px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_enquette.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}
	
	.container_fluid_actu {
    width: 100%;
    min-height: auto;
	}
	
	
	.container_fluid_mobile a{
		    width: 100%;
    display: block;
    overflow: hidden;
	}
	
		.container_fluid_mobile a img{
		    width: 100%;
	}
.ligne1_header {
    width: 100%;
    height: 103px;
    background: #fff;
}

.content_ligne1 {
    width: 100%;
    height: 103px;
    margin: 0 auto;
}

.ligne2_header {
   width: 100%;
    height: auto;
    background: #f4fbff;
    border-top: 1px #e6f0f6 solid;
    overflow: hidden;
}


a.logo_atb {
       width: 72px;
    height: 70px;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    background: url(../images/logo_atb.png) no-repeat;
    -moz-box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=40);
    z-index: 9;
    background-size: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 4px;
    border: 1px #eee solid;
}
	
	
	.cont_tmm_block {
       float: left;
    margin-left: 7px;
    padding-top: 32px;
    font-family: 'OpenSans';
    font-size: 11px;
    color: #838383;
    width: 32%;
}
	
	.cont_soccial_langue {
		width:30%;
		float:right;
		hanging-punctuation:80px;
		position:relative;
	}
	
	.cont_soccial_langue:before {
		width:1px;
		height:35px;
		position:absolute;
		right:0px;
		top:37%;
		background:#e8edef;
		content:"";
	}
	
	
	.btt_menu_mobile {
		    display: block;
    float: right;
    width: 52px;
    height: 52px;
    margin-top: 24px;
    position: relative;
	}
	.btt_menu_mobile:before {
		    content: "\f039";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #b60018;
    font-size: 26px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 12px;
	}
	
	.btt_arabe {
    float: none;
    padding-top: 12px;
    font: 15px Arial, Helvetica, sans-serif;
    color: #838383;
    display: block;
    text-decoration: none;
    margin-right: 20px;
    font-family: 'CoconNextArabic';
    margin: 15px auto 0px auto;
    text-align: center;
}

.cont_social_icon {
        float: none;
    width: 114px;
    height: 44px;
    padding-top: 4px;
    margin: 0 auto;
    text-align: center;
}

.content_header2 {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-top: 1px;
    position: relative;
	padding-bottom: 24px;
	overflow:hidden;
}
	a.lien_menu_haut:nth-child(4):before {
    content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_demo.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    transition: all 1s;
    background-size: 78%;
}
	a.lien_menu_haut:nth-child(5):before {
    content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_docs_utiles.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    transition: all 1s;
    background-size: 78%;
}
	a.lien_menu_haut {
        float: left;
    padding-top: 11px;
    font-family: 'OpenSans';
    font-size: 12px;
    color: #343434;
    display: block;
    padding-left: 41px;
    margin: 3px 6px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s;
    /* width: 33%; */
}

a.lien_menu_haut:after {
	    width: 1px;
    height: 39px;
    position: absolute;
    right: -11px;
    top: 0px;
    background: #dfe6eb;
    content: "";
}
a.lien_menu_haut:nth-child(1):before, a.lien_menu_haut:nth-child(2):before, a.lien_menu_haut:nth-child(3):before {
    background-size: 80%;
}
a:hover.lien_menu_haut:nth-child(1):before, a:hover.lien_menu_haut:nth-child(2):before, a:hover.lien_menu_haut:nth-child(3):before {
    background-size: 80%;
}	


.cont_menu_fixed {
    width: 100%;
    height: 53px;
    position: fixed;
    top: initial;
    left: 0px;
    z-index: 888;
    padding-top: 0;
    max-width: 100%;
    transition: all 1s;
    bottom: 53px !important;
    display: block;
    /* overflow: hidden; */
}
.cont_menu_mobile_fixed {
	width:100%;
    height:53px;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
}
.btt_menu_fixed {
	width: 25%;
    float: left;
    height: 53px;
    position: relative;
    border-bottom: 1px #414c55 solid;
}




.site_lien_particiulier {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 27px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

/* .site_lien_particiulier:before {
	width: 47px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_particulier.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_particiulier.active {
       width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    left: 0px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
   /*  padding-left: 46px; */
    left: 0px;
    top: 0px !important;
        border-left: 1px #414c55 solid;
        text-align: center;
    
}

/* .site_lien_particiulier.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_particulier.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
} */









.site_lien_proff {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 27px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

/* .site_lien_proff:before {
	width: 37px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_proff.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_proff.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    left: 0px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
   /*  padding-left: 46px; */
    left: 0px;
    top: 0px !important;
        border-left: 1px #414c55 solid;
        text-align: center;
}

/* .site_lien_proff.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_proff.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
}
 */







.site_lien_entreprise {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 27px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

/* .site_lien_entreprise:before {
	width: 47px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_entreprise.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_entreprise.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    left: 0px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
   /*  padding-left: 46px; */
    left: 0px;
    top: 0px !important;
        border-left: 1px #414c55 solid;
        text-align: center;
}

/* .site_lien_entreprise.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_entreprise.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
} */



.header_fixed_mobile {
	position:relative;
	top:0px;
	left:0px;
	z-index:6666;
	width:100%;
}


.slider {
	    height: 239px !important;
    
}

.banner_home_header {
	/*padding-top: 154px !important;*/
}


.slItem {
    width: 100%;
    height: 239px;
    /* background-image: url(../images/img_slider_home.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.content_faire {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.titre_block_faire {
    display: none;
}

.content_btt_faire a {
    display: block;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 46% !important;
    margin: 11px 2% !important;
	float:left !important;
}


.container_actu {
    width: 100%;
    margin: 30px auto;
    position: relative;
}


.container_actu .box_actu {
        background: #fff;
    border: 1px #eae9e9 solid;
    width: 30%;
    float: left;
    margin: 1.6%;
    transition: no;
    float: left !important;
    display: block;
    opacity: 1 !important;
    transform: translateZ(0) !important;
}

.container_fluid_mobile {
    width: 100%;
    min-height: auto;
    margin-top: -30px;
}

.container_produits {
    width: 100%;
    margin: 0px auto;
    position: relative;
    padding-top: 35px;
}

.content_prods {
    width: 100%;
    margin-top: 13px;
    height: auto;
    overflow: hidden;
}

.prod_compte, .prod_carte, .prod_credit, .prod_epargne, .prod_placement {
    width: 96%;
    float: left;
    background-color: #fffffe;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    display: block;
    min-height: 50px;
    font-size: 22px;
    color: #081721;
    text-decoration: none;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding-top: 17px;
    position: relative;
    transition: all 1s;
    height: 63px;
    margin: 10px 2%;
    background-image: none;
    padding-left: 90px;
    border-radius: 5px;
}

.prod_compte:after, .prod_carte:after, .prod_credit:after, .prod_epargne:after, .prod_placement:after {
	display:none;
	
}

.prod_compte:before, .prod_carte:before, .prod_credit:before, .prod_epargne:before, .prod_placement:before {
	    height: 61px;
    top: 1px;
    left: 0;
    background-size: 81%;
}

.prod_compte:hover:before, .prod_carte:hover:before, .prod_credit:before, .prod_epargne:hover:before, .prod_placement:hover:before {
	    height: 61px;
    top: 1px;
    left: 0;
    background-size: 81%;
}


.container_fluid_produits {
    width: 100%;
    min-height: auto;
    background-image: url(../images/bg_block_produits.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 30px;
}


.container_services {
    margin: 0px auto 0px auto !important;
    min-height: inherit;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
	    width: 100% !important;
}

.box_services {
    width: 50%;
    float: left;
    min-height: 174px;
    margin: 0px 0;
    padding: 0 20px;
	background-color:#578295;
	position:relative;
	height: 174px;
}

.desc_service {
    display: none;
}

.box_services .titre_service {
    width: 100%;
    padding: 15px 0px;
    font: 20px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	padding-top:117px;
}

.box_services:nth-child(2):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/fatca__mobile.png);
}
/*

.box_services:nth-child(2):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_banking_mobile.png);
}*/

.box_services:nth-child(3):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_assurance_mobile.png);
}
/*
.box_services:nth-child(3):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_devenez_client__mobile.png);
}
*/

.box_services:nth-child(4):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_portfeille_mobile.png);
}
.box_services:nth-child(5):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_transfert_mobile.png);
}
.box_services:nth-child(6):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_change_mobile.png);
}
.box_services:nth-child(7):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_ava_mobile.png);
}


.box_services:nth-child(3), .box_services:nth-child(4), .box_services:nth-child(7)  {
	background-color:#4f7a8c;
}
.content_titre_services {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px;
    color: #384c55;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 38px;
    position: relative;
}

.content_titre_services:after {
    content: "";
    width: 48px;
    height: 4px;
    background: #b50a0d;
    top: 91px;
    left: 48%;
    position: absolute;
}
.box_services .titre_service:hover {
    color: #fff;
}

.ligne_tarifs {
    width: 100%;
    height: auto;
}
.ligne_tarifs .cont_tarifs {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.ligne_tarifs .cont_tarifs a {
    width: 98%;
    height: auto;
    float: left;
    margin: 3px 1%;
    display: block;
    border: 1px #ebebeb solid;
    font-family: 'OpenSans';
    font-size: 14px;
    color: #2f2f2f;
    text-decoration: none;
    padding-top: 20px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    transition: all 1s;
    display: block;
    padding-bottom: 20px;
    padding-left: 82px;
}

.ligne_tarifs .cont_tarifs .lien_tarif:before {
        content: "";
    width: 99px;
    height: 61px;
    position: absolute;
    top: 4px !important;
    left: 0px !important;
    background-size: 75% !important;
}

.ligne_tarifs .cont_tarifs .lien_tarif:hover:before {
        content: "";
    width: 99px;
    height: 61px;
    position: absolute;
    top: 4px !important;
    left: 0px !important;
    background-size: 75% !important;
}


.ligne_footer1 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background-image: url(../images/bg_footer1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.content_block_footer1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.block_footer1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 15px 1%;
    padding: 0 50px;
}

.ligne_footer2 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 90px;
    padding: 0 17px;
}

.content_ligne2_footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.content_copy {
    width: 100%;
    float: left;
}


.slDots {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.ctrlPrev {
    left: 15px;
}

.ctrlNext {
    right: 15px;
}


nav:not(.mm-menu)
{
	display: none;
}



/***************** page recrutement */
.box_dev_client:nth-child(1):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn01.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(1):hover:before {
    background-color: #a2051a;
    background-image: url(../images/dev_client_icn01_h.png);
    top: 51px;
}

.box_dev_client .desc_box_dev_client {
    width: 100%;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 13px;
    font-family: 'OpenSans';
    color: #2b2b2b;
    position: relative;
    padding-left: 70px;
}


.box_dev_client:nth-child(1):after {
	display:none;
}




.box_dev_client:nth-child(2):before {
     content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn02.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}

.box_dev_client:nth-child(2):hover:before {
    top: 51px;
}

.box_dev_client .titre_box_dev_client {
    width: 100%;
    display: block;
    float: left;
    text-decoration: none;
    font: 26px Arial, Helvetica, sans-serif;
    color: #383838;
    margin-bottom: 20px;
}

.box_dev_client:nth-child(3):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn03.png);
     background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(3):hover:before {
    top: 51px;
}


.box_dev_client:nth-child(4):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn04.png);
     background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(4):hover:before {
    top: 51px;
}

.box_dev_client:nth-child(3) .desc_box_dev_client:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    position: absolute;
    right: 0px;
    bottom: -60px;
}
.box_dev_client:nth-child(3):after {
	display:none;
}

.header_global {
    /*padding-top: 154px;*/
}

.banner-interne_header {
    width: 100%;
    height: 200px !important;
    background-image: url(../images/banner_Devenez-client.png);
    background-repeat: no-repeat;
    background-position: center;
	display:none;
}


.box_choix_agence_dev_client .choix_agence {
    display: block;
    width: 100%;
    padding: 30px 0 50px 70px;
    font: 22px Arial, Helvetica, sans-serif;
    color: #282828;
    text-decoration: none;
    position: relative;
}



.box_choix_agence_dev_client:before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn05.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 3px;
    top: 27px;
    border-radius: 100px;
    transition: all 0.6s;
    background-size: 100%;
}

.box_choix_agence_dev_client:hover:before {
    top: 27px;
}

/***/



#top_art_large .tit {
    width: 100%;

}
.nav_simulateur .lien_simulateur.active {
    width: 100%;
}

.nav_simulateur .lien_simulateur {
    width: 100%;
}

.content_simul_credit .part1_form {
    width: 100%;
    float: left;
    margin-right: 0;
}

.content_simul_credit .part2_recap {
    width: 100%;
    float: left;
}


.box_sim_50 {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    margin-bottom: 23px;
}

.btt_echeance.active {
    width: 100%;
    margin: 7px 0px;
}

.btt_echeance {
    width: 100%;
    margin: 7px 0px;
}

.btt_amortissement.active {
    width: 100%;
    margin: 7px 0px;
}

.btt_amortissement{
    width: 100%;
    margin: 7px 0px;
}


.div_header_table {
    padding: 10px;
    font: 10px Arial, Helvetica, sans-serif;
    height: 53px;
}

.div_header_table:nth-child(1) {
    width: 20%;
}

.div_header_table:nth-child(2) {
    width: 20%;
}

.ligne_table_devise .td_div_ligne_devises {
    font: 10px Arial, Helvetica, sans-serif;
    padding: 10px 3px;
    overflow: hidden;
}

.ligne_table_devise .td_div_ligne_devises:nth-child(1) {
    font-weight: bold;
    width: 20%;
    float: left;
}

.ligne_table_devise .td_div_ligne_devises:nth-child(2) {
    width: 20%;
    float: left;
}
.div_header_table:nth-child(5) {
    width: 25%;
}


.box_carte_liste {

    margin-left: 0px !important;
}


.box_credits_liste {
    margin-left: 0px !important;
    min-height: 100px !important;
    margin-right: 0px !important;
}

.titre_page_liste_assurance {
    width: 100%;
    overflow: visible;
    height: auto;

}

.img_prod_assurances:before {
    left: 36% !important;
}

.cont_img_titre_article .cont_img_article {
    width: 100%;
    float: left;
    min-height: 290px;
}

.cont_img_titre_article .cont_titre {
    width: 100%;
    padding: 25px 0px;
    background: #fff;
    z-index: 5;
    position: relative;
    top: 0;
    right: 0px;
    -webkit-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    -moz-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    height: auto;
    display: block;
    overflow: hidden;
}

.box_comptes_liste {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.box_epargnes_liste {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.box_epargnes_produits .img_prod_epargne {
    position: relative;
    width: 100%;
    /* min-height: 238px; */
    display: block;
    float: right;
    min-height: 156px !important;
}

.img_prod_epargne img {
    border-radius: 0px !important;
}

.cont_nom_epargne {
    padding: 23px 20px;
    text-decoration: none;
    font: 21px Arial, Helvetica, sans-serif;
    color: #515151;
    text-decoration: none;
    width: 100%;
    display: block;
    min-height: 80px;
    position: relative;
    float: left;
}


.desc_epargne_prod {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 13px;
    position: relative;
    font-family: 'OpenSans';
    padding: 17px 25px;
}


.img_prod_placement:before {
    left: 37% !important;
}

.img_prod_banking:before {
    left: 37% !important;
}



.cont_img_titre_article .cont_titre_conseilpage {
    width: 100%;
    padding: 25px 0px;
    background: #fff;
    z-index: 5;
    position: relative;
    top: 0;
    right: 0px;
    -webkit-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    -moz-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    display: block;
    overflow: hidden;
    float: left;
}


.titre_cadre_conseil {
    padding: 10px 15px;
    background: #fff;
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    font: bold 18px Arial, Helvetica, sans-serif;
}


a.gogo {
    width: auto;
    position: relative;
    float: right;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
	    margin: 10px;
}


.lienn a.gogo {
    width: auto;
    position: relative;
    float: right;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
	    margin: 10px;
}




.txt img {
	width:100%;
	height:auto;
}

#contener_in #top {
	display:none;
}

.box_groupe {
    border: 1px #e5e5e5 solid;
    min-height: auto !important;
    position: relative;
    margin-bottom: 35px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: auto;
}
.tel_groupe, .adress_groupe, .site_groupe {
	height: auto;
}


.cont_logo_groupe .desc_logo_groupe {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #587482;
    float: left;
    padding-top: 20px;
    width: 70%;
}


.box_packs_liste {

    margin-left: 0px !important;
    margin-right: 0px !important;
}

.img_prod_pack {
    display: block;
    width: 100%;
    /* min-height: 210px; */
    float: right;
    position: relative;
}

.img_prod_pack:before {
    content: "";
    width: 100px;
    height: 100px;
    top: 18%;
    left: 37%;
    position: absolute;
    background-repeat: no-repeat;
    transition: all 1s;
    z-index: 5;
    background-size: 100%;
	display:none;
}

.cont_nom_pack {
    padding: 19px 20px;
    text-decoration: none;
    font: 37px Arial, Helvetica, sans-serif;
    color: #0b0b0b;
    text-decoration: none;
    width: 100%;
    display: block;
    min-height: 81px;
    position: relative;
    float: left;
}

.desc_pack_prod {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 13px;
    position: relative;
    font-family: 'OpenSans';
    padding: 25px;
}
.box_etat_finnaciers .cont_etat .etat:after {
	display:none;
}
.box_etat_finnaciers {
    position: relative;
    height: auto;
    margin-bottom: 32px;
}

.box_etat_Emprunt {
    position: relative;
    /* height: 87px; */
    margin-bottom: 14px;
    width: 80% !important;
    margin: 0 10% 14px 10% !important;
}

.table_taux_interet .ligne_table_taux .divright_titretab {
    width: 33%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #8ca4b0;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 15px;
    border-radius: 0px 10px 0px 0px;
	height:75px;
}

.table_taux_interet .ligne_table_taux .divleft_titretab {
    width: 60%;
    display: block;
    float: left;
    min-height: 75px;
    background-color: #8ca4b0;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 15px;
    border-radius: 10px 0px 0px 0px;
}

.table_taux_interet .ligne_table_taux .txt_right_taux {
    width: 33%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #fff;
    color: #404040;
    font: 15px Arial, Helvetica, sans-serif;
    padding: 15px;
    border: 1px #e6e7e9 solid;
    border-top: none;
    border-left: none;
}


.table_taux_interet .ligne_table_taux .txt_left_taux {
    width: 60%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #fff;
    color: #404040;
    font: 14px Arial, Helvetica, sans-serif;
    padding: 15px;
    border: 1px #e6e7e9 solid;
    border-top: none;
    border-right: none;
}

#container-side-left {
    display: none;

}

#ctn_c1 {
    width: 100%;
    min-height: 570px;
    float: left;
    overflow: auto;
    text-align: left;
    background-color: #fff;
    border-left: 1px solid #BDBDBD;
    margin-top: 50px;
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

#ctn_c1 h1:nth-child(1) {
    font: 22px Arial;
    margin: 0;
    font-weight: bold;
    color: #b6112b;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: left;
}


.tit {
	 font: 22px Arial;
    margin: 0;
    font-weight: bold;
    color: #b6112b;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: left;
}


#container-main {

    padding: 25px;

}


.txt strong img {
    width: auto;
    height: auto;
}





.banner-interne_header {
    background-image: url(../images/banner_interne_atb.png);
    background-repeat: no-repeat;
    background-position: center;
	display:none;
}


#footer .content_glob_maps {
	display:none;
}


.pagination {
	    width: 100%;
    height: 50px;
    overflow: hidden;
}

.pagination a, .pagination span {
	display:block;
	float:left;
	    width: auto;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
}


.pagination .current {
	font-weight:bold;
	color:#930013;
}


.azzouz {
	background:#98b3c0;
	color:#fff;
	font-weight:bold;
}

.azzouz:after {
    content: '';
    border-color: #adcbda;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}

.demo1 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo2 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo3 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo4 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}
.demo1:after, .demo2:after, .demo3:after, .demo4:after  {
    content: '';
    border-color: #8097a2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}

.demo1:before, .demo2:before, .demo3:before, .demo4:before{
	content: "";
    width: 34px;
    height: 34px;
    top: 5px;
    left: 23px;
    position: absolute;
}
.demo1:before {
		background:url(../images/icn_demo1_mobile.png) no-repeat;

}
.demo2:before {
		background:url(../images/icn_demo2_mobile.png) no-repeat;

}
.demo3:before {
		background:url(../images/icn_demo3_mobile.png) no-repeat;

}

.demo4:before {
    background:url(../images/icn_demo4_mobile.png) no-repeat;

}



.cont_adress .cont_detail_adress .box_adresse:nth-child(1), .cont_adress .cont_detail_adress .box_adresse:nth-child(2), .cont_adress .cont_detail_adress .box_adresse:nth-child(3) {
    width: 100%;
}




.ligne_contact_50 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.ligne_contact_50 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_contact_50 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_50 .label2 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 15px;
    text-align: left;
    height: auto;
}
.ligne_contact_50 .cint_input2 {
    width: 100%;
    float: left;
    padding: 5px 0px;
    height: 112px;
}


/*****/
.ligne_atbnet_100 .vincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .vincint_input input{
	width:100%;
	height:44px;
	border-radius:5px;
	border:1px #cbd8de solid;
	padding:5px 10px;
}
.ligne_atbnet_100 .imgvincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .imgvincint_input img{
	width:100%;
	height: auto;
}
/***/

.ligne_atbnet_100 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.ligne_atbnet_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_atbnet_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_contact_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_100 .label2 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 15px;
    text-align: left;
    height: auto;
}

.ligne_contact_100 .label3 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 50px;
    text-align: left;
    margin-right: 20px;
}

.ligne_contact_100 .cint_input3 {
    width: 100%;
    float: left;
    padding: 5px 15px;
}






	
}



@media (max-width: 780px) and (min-width: 461px) {
	
	/*bouton enquette de satisfaction*/

.site_lien_enquette  {
    width: 100%;
    height:66px;
    float: left;
    padding: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 9px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_enquette.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}
	
	.container_fluid_actu {
    width: 100%;
    min-height: auto;
	}
	
	
	.container_fluid_mobile a{
		    width: 100%;
    display: block;
    overflow: hidden;
	}
	
		.container_fluid_mobile a img{
		    width: 100%;
	}
.ligne1_header {
    width: 100%;
    height: 103px;
    background: #fff;
}

.content_ligne1 {
    width: 100%;
    height: 103px;
    margin: 0 auto;
}

.ligne2_header {
    width: 100%;
    height: auto;
    background: #f4fbff;
    border-top: 1px #e6f0f6 solid;
    overflow: hidden;
}


a.logo_atb {
       width: 72px;
    height: 70px;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    background: url(../images/logo_atb.png) no-repeat;
    -moz-box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=40);
    z-index: 9;
    background-size: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 4px;
    border: 1px #eee solid;
}
	
	
	.cont_tmm_block {
       float: left;
    margin-left: 7px;
    padding-top: 20px;
    font-family: 'OpenSans';
    font-size: 11px;
    color: #838383;
    width: 32%;
}
	
	.cont_soccial_langue {
		width:30%;
		float:right;
		hanging-punctuation:80px;
		position:relative;
	}
	
	.cont_soccial_langue:before {
		width:1px;
		height:35px;
		position:absolute;
		right:0px;
		top:37%;
		background:#e8edef;
		content:"";
	}
	
	
	.btt_menu_mobile {
		    display: block;
    float: right;
    width: 52px;
    height: 52px;
    margin-top: 24px;
    position: relative;
	}
	.btt_menu_mobile:before {
		    content: "\f039";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #b60018;
    font-size: 26px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 12px;
	}
	
	.btt_arabe {
    float: none;
    padding-top: 12px;
    font: 15px Arial, Helvetica, sans-serif;
    color: #838383;
    display: block;
    text-decoration: none;
    margin-right: 20px;
    font-family: 'CoconNextArabic';
    margin: 15px auto 0px auto;
    text-align: center;
}

.cont_social_icon {
        float: none;
    width: 114px;
    height: 44px;
    padding-top: 4px;
    margin: 0 auto;
    text-align: center;
}

.content_header2 {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-top: 1px;
    position: relative;
	padding-bottom: 24px;
		overflow:hidden;
}
a.lien_menu_haut:nth-child(4):before {
    content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_demo.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    transition: all 1s;
    background-size: 78%;
}
	a.lien_menu_haut:nth-child(5):before {
    content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_docs_utiles.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    transition: all 1s;
    background-size: 78%;
}
	a.lien_menu_haut {
        float: left;
    padding-top: 11px;
    font-family: 'OpenSans';
    font-size: 12px;
    color: #343434;
    display: block;
    padding-left: 41px;
    margin: 3px 6px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s;
    /* width: 33%; */
}

a.lien_menu_haut:after {
	    width: 1px;
    height: 39px;
    position: absolute;
    right: -11px;
    top: 0px;
    background: #dfe6eb;
    content: "";
}
a.lien_menu_haut:nth-child(1):before, a.lien_menu_haut:nth-child(2):before, a.lien_menu_haut:nth-child(3):before {
    background-size: 80%;
}
a:hover.lien_menu_haut:nth-child(1):before, a:hover.lien_menu_haut:nth-child(2):before, a:hover.lien_menu_haut:nth-child(3):before {
    background-size: 80%;
}	


.cont_menu_fixed {
    width: 100%;
    height: 53px;
    position: fixed;
    top: initial;
    left: 0px;
    z-index: 888;
    padding-top: 0;
    max-width: 100%;
    transition: all 1s;
    bottom: 53px !important;
    display: block;
    /* overflow: hidden; */
}
.cont_menu_mobile_fixed {
	width:100%;
    height:53px;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
}
.btt_menu_fixed {
	width: 25%;
    float: left;
    height: 53px;
    position: relative;
    border-bottom: 1px #414c55 solid;
}




.site_lien_particiulier {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
	padding-left:46px;
	left:0px;
	top:0px !important;
	    border-left: 1px #414c55 solid;
}

/* .site_lien_particiulier:before {
	width: 47px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_particulier.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_particiulier.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    left: 0px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
   /*  padding-left: 46px; */
    left: 0px;
    top: 0px !important;
        border-left: 1px #414c55 solid;
        text-align: center;
}

/* .site_lien_particiulier.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_particulier.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
} */



.site_lien_ae  {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 38px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}





.site_lien_proff {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
	/*padding-left:38px;*/
	left:0px;
	top:0px !important;
        border-left: 1px #414c55 solid;
        text-align: center;
}

/* .site_lien_proff:before {
	width: 37px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_proff.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_proff.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    left: 47px;
    position: absolute;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
	padding-left:46px;
	left:0px;
	top:0px !important;
	    border-left: 1px #414c55 solid;
}
/* 
.site_lien_proff.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_proff.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
}
 */







.site_lien_entreprise {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

/* .site_lien_entreprise:before {
	width: 47px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_entreprise.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_entreprise.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    left: 47px;
    position: absolute;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
	padding-left:46px;
	left:0px;
	top:0px !important;
	    border-left: 1px #414c55 solid;
}

/* .site_lien_entreprise.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_entreprise.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
}
 */

 
.site_lien_ago  {
    width: 100%;
    height:53px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_ago.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}


.header_fixed_mobile {
	    position: relative;
    top: 0px;
    left: 0px;
    z-index: 6666;
    width: 100%;
}


.slider {
	    height: 239px !important;
    
}

.banner_home_header {
	/*padding-top: 154px !important;*/
}


.slItem {
    width: 100%;
    height: 239px;
    /* background-image: url(../images/img_slider_home.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.content_faire {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.titre_block_faire {
    display: none;
}

.content_btt_faire a {
    display: block;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 46% !important;
    margin: 11px 2% !important;
	float:left !important;
}


.container_actu {
    width: 100%;
    margin: 30px auto;
    position: relative;
}


.container_actu .box_actu {
        background: #fff;
    border: 1px #eae9e9 solid;
    width: 30%;
    float: left;
    margin: 1.6%;
    transition: no;
    float: left !important;
    display: block;
    opacity: 1 !important;
    transform: translateZ(0) !important;
}

.container_fluid_mobile {
    width: 100%;
    min-height: auto;
    margin-top: -30px;
}

.container_produits {
    width: 100%;
    margin: 0px auto;
    position: relative;
    padding-top: 35px;
}

.content_prods {
    width: 100%;
    margin-top: 13px;
    height: auto;
    overflow: hidden;
}

.prod_compte, .prod_carte, .prod_credit, .prod_epargne, .prod_placement {
    width: 96%;
    float: left;
    background-color: #fffffe;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    display: block;
    min-height: 50px;
    font-size: 22px;
    color: #081721;
    text-decoration: none;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding-top: 17px;
    position: relative;
    transition: all 1s;
    height: 63px;
    margin: 10px 2%;
    background-image: none;
    padding-left: 90px;
    border-radius: 5px;
}

.prod_compte:after, .prod_carte:after, .prod_credit:after, .prod_epargne:after, .prod_placement:after {
	display:none;
	
}

.prod_compte:before, .prod_carte:before, .prod_credit:before, .prod_epargne:before, .prod_placement:before {
	    height: 61px;
    top: 1px;
    left: 0;
    background-size: 81%;
}

.prod_compte:hover:before, .prod_carte:hover:before, .prod_credit:before, .prod_epargne:hover:before, .prod_placement:hover:before {
	    height: 61px;
    top: 1px;
    left: 0;
    background-size: 81%;
}


.container_fluid_produits {
    width: 100%;
    min-height: auto;
    background-image: url(../images/bg_block_produits.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 30px;
}


.container_services {
    margin: 0px auto 0px auto !important;
    min-height: inherit;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
	    width: 100% !important;
}

.box_services {
    width: 50%;
    float: left;
    min-height: 174px;
    margin: 0px 0;
    padding: 0 20px;
	background-color:#578295;
	position:relative;
	height: 174px;
}

.desc_service {
    display: none;
}

.box_services .titre_service {
    width: 100%;
    padding: 15px 0px;
    font: 20px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	padding-top:117px;
}

.box_services:nth-child(2):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/fatca__mobile.png);
}
/*
.box_services:nth-child(2):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_banking_mobile.png);
}


.box_services:nth-child(3):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_assurance_mobile.png);
}*/
.box_services:nth-child(3):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_devenez_client__mobile.png);
}



.box_services:nth-child(4):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_portfeille_mobile.png);
}
.box_services:nth-child(5):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_transfert_mobile.png);
}
.box_services:nth-child(6):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_change_mobile.png);
}
.box_services:nth-child(7):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:37%;
	background:url(../images/icn_ava_mobile.png);
}


.box_services:nth-child(3), .box_services:nth-child(4), .box_services:nth-child(7)  {
	background-color:#4f7a8c;
}
.content_titre_services {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px;
    color: #384c55;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 38px;
    position: relative;
}

.content_titre_services:after {
    content: "";
    width: 48px;
    height: 4px;
    background: #b50a0d;
    top: 91px;
    left: 48%;
    position: absolute;
}
.box_services .titre_service:hover {
    color: #fff;
}

.ligne_tarifs {
    width: 100%;
    height: auto;
}
.ligne_tarifs .cont_tarifs {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.ligne_tarifs .cont_tarifs a {
    width: 98%;
    height: auto;
    float: left;
    margin: 3px 1%;
    display: block;
    border: 1px #ebebeb solid;
    font-family: 'OpenSans';
    font-size: 14px;
    color: #2f2f2f;
    text-decoration: none;
    padding-top: 20px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    transition: all 1s;
    display: block;
    padding-bottom: 20px;
    padding-left: 82px;
}

.ligne_tarifs .cont_tarifs .lien_tarif:before {
        content: "";
    width: 99px;
    height: 61px;
    position: absolute;
    top: 4px !important;
    left: 0px !important;
    background-size: 75% !important;
}

.ligne_tarifs .cont_tarifs .lien_tarif:hover:before {
        content: "";
    width: 99px;
    height: 61px;
    position: absolute;
    top: 4px !important;
    left: 0px !important;
    background-size: 75% !important;
}


.ligne_footer1 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background-image: url(../images/bg_footer1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.content_block_footer1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.block_footer1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 15px 1%;
    padding: 0 50px;
}

.ligne_footer2 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 90px;
    padding: 0 17px;
}

.content_ligne2_footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.content_copy {
    width: 100%;
    float: left;
}


.slDots {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.ctrlPrev {
    left: 15px;
}

.ctrlNext {
    right: 15px;
}


nav:not(.mm-menu)
{
	display: none;
}



/***************** page recrutement */
.box_dev_client:nth-child(1):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn01.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(1):hover:before {
    background-color: #a2051a;
    background-image: url(../images/dev_client_icn01_h.png);
    top: 51px;
}

.box_dev_client .desc_box_dev_client {
    width: 100%;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 13px;
    font-family: 'OpenSans';
    color: #2b2b2b;
    position: relative;
    padding-left: 70px;
}


.box_dev_client:nth-child(1):after {
	display:none;
}




.box_dev_client:nth-child(2):before {
     content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn02.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}

.box_dev_client:nth-child(2):hover:before {
    top: 51px;
}

.box_dev_client .titre_box_dev_client {
    width: 100%;
    display: block;
    float: left;
    text-decoration: none;
    font: 26px Arial, Helvetica, sans-serif;
    color: #383838;
    margin-bottom: 20px;
}

.box_dev_client:nth-child(3):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn03.png);
     background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(3):hover:before {
    top: 51px;
}


.box_dev_client:nth-child(4):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn04.png);
     background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(4):hover:before {
    top: 51px;
}

.box_dev_client:nth-child(3) .desc_box_dev_client:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    position: absolute;
    right: 0px;
    bottom: -60px;
}
.box_dev_client:nth-child(3):after {
	display:none;
}

.header_global {
    /*padding-top: 154px;*/
}

.banner-interne_header {
    width: 100%;
    height: 200px !important;
    background-image: url(../images/banner_Devenez-client.png);
    background-repeat: no-repeat;
    background-position: center;
	display:none;
}


.box_choix_agence_dev_client .choix_agence {
    display: block;
    width: 100%;
    padding: 30px 0 50px 70px;
    font: 22px Arial, Helvetica, sans-serif;
    color: #282828;
    text-decoration: none;
    position: relative;
}



.box_choix_agence_dev_client:before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn05.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 3px;
    top: 27px;
    border-radius: 100px;
    transition: all 0.6s;
    background-size: 100%;
}

.box_choix_agence_dev_client:hover:before {
    top: 27px;
}

/***/



#top_art_large .tit {
    width: 100%;

}
.nav_simulateur .lien_simulateur.active {
    width: 100%;
}

.nav_simulateur .lien_simulateur {
    width: 100%;
}

.content_simul_credit .part1_form {
    width: 100%;
    float: left;
    margin-right: 0;
}

.content_simul_credit .part2_recap {
    width: 100%;
    float: left;
}


.box_sim_50 {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    margin-bottom: 23px;
}

.btt_echeance.active {
    width: 100%;
    margin: 7px 0px;
}

.btt_echeance {
    width: 100%;
    margin: 7px 0px;
}

.btt_amortissement.active {
    width: 100%;
    margin: 7px 0px;
}

.btt_amortissement{
    width: 100%;
    margin: 7px 0px;
}


.div_header_table {
    padding: 10px;
    font: 10px Arial, Helvetica, sans-serif;
    height: 53px;
}

.div_header_table:nth-child(1) {
    width: 20%;
}

.div_header_table:nth-child(2) {
    width: 20%;
}

.ligne_table_devise .td_div_ligne_devises {
    font: 10px Arial, Helvetica, sans-serif;
    padding: 10px 3px;
    overflow: hidden;
}

.ligne_table_devise .td_div_ligne_devises:nth-child(1) {
    font-weight: bold;
    width: 20%;
    float: left;
}

.ligne_table_devise .td_div_ligne_devises:nth-child(2) {
    width: 20%;
    float: left;
}
.div_header_table:nth-child(5) {
    width: 25%;
}


.box_carte_liste {

    margin-left: 0px !important;
}


.box_credits_liste {
    margin-left: 0px !important;
    min-height: 100px !important;
    margin-right: 0px !important;
}

.titre_page_liste_assurance {
    width: 100%;
    overflow: visible;
    height: auto;

}

.img_prod_assurances:before {
    left: 36% !important;
}

.cont_img_titre_article .cont_img_article {
    width: 100%;
    float: left;
    min-height: 290px;
}

.cont_img_titre_article .cont_titre {
    width: 100%;
    padding: 25px 0px;
    background: #fff;
    z-index: 5;
    position: relative;
    top: 0;
    right: 0px;
    -webkit-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    -moz-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    height: auto;
    display: block;
    overflow: hidden;
}

.box_comptes_liste {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.box_epargnes_liste {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.box_epargnes_produits .img_prod_epargne {
    position: relative;
    width: 100%;
    /* min-height: 238px; */
    display: block;
    float: right;
    min-height: 156px !important;
}

.img_prod_epargne img {
    border-radius: 0px !important;
}

.cont_nom_epargne {
    padding: 23px 20px;
    text-decoration: none;
    font: 21px Arial, Helvetica, sans-serif;
    color: #515151;
    text-decoration: none;
    width: 100%;
    display: block;
    min-height: 80px;
    position: relative;
    float: left;
}


.desc_epargne_prod {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 13px;
    position: relative;
    font-family: 'OpenSans';
    padding: 17px 25px;
}


.img_prod_placement:before {
    left: 37% !important;
}

.img_prod_banking:before {
    left: 37% !important;
}



.cont_img_titre_article .cont_titre_conseilpage {
    width: 100%;
    padding: 25px 0px;
    background: #fff;
    z-index: 5;
    position: relative;
    top: 0;
    right: 0px;
    -webkit-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    -moz-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    display: block;
    overflow: hidden;
    float: left;
}


.titre_cadre_conseil {
    padding: 10px 15px;
    background: #fff;
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    font: bold 18px Arial, Helvetica, sans-serif;
}


a.gogo {
    width: auto;
    position: relative;
    float: right;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
	    margin: 10px;
}


.lienn a.gogo {
    width: auto;
    position: relative;
    float: right;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
	    margin: 10px;
}



.txt img {
	width:100%;
	height:auto;
}

#contener_in #top {
	display:none;
}

.box_groupe {
    border: 1px #e5e5e5 solid;
    min-height: auto !important;
    position: relative;
    margin-bottom: 35px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: auto;
}
.tel_groupe, .adress_groupe, .site_groupe {
	height: auto;
}


.cont_logo_groupe .desc_logo_groupe {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #587482;
    float: left;
    padding-top: 20px;
    width: 70%;
}


.box_packs_liste {

    margin-left: 0px !important;
    margin-right: 0px !important;
}

.img_prod_pack {
    display: block;
    width: 100%;
    /* min-height: 210px; */
    float: right;
    position: relative;
}

.img_prod_pack:before {
    content: "";
    width: 100px;
    height: 100px;
    top: 18%;
    left: 37%;
    position: absolute;
    background-repeat: no-repeat;
    transition: all 1s;
    z-index: 5;
    background-size: 100%;
	display:none;
}

.cont_nom_pack {
    padding: 19px 20px;
    text-decoration: none;
    font: 37px Arial, Helvetica, sans-serif;
    color: #0b0b0b;
    text-decoration: none;
    width: 100%;
    display: block;
    min-height: 81px;
    position: relative;
    float: left;
}

.desc_pack_prod {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 13px;
    position: relative;
    font-family: 'OpenSans';
    padding: 25px;
}
.box_etat_finnaciers .cont_etat .etat:after {
	display:none;
}
.box_etat_finnaciers {
    position: relative;
    height: auto;
    margin-bottom: 32px;
}

.box_etat_Emprunt {
    position: relative;
    /* height: 87px; */
    margin-bottom: 14px;
    width: 80% !important;
    margin: 0 10% 14px 10% !important;
}

.table_taux_interet .ligne_table_taux .divright_titretab {
    width: 33%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #8ca4b0;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 15px;
    border-radius: 0px 10px 0px 0px;
	height:75px;
}

.table_taux_interet .ligne_table_taux .divleft_titretab {
    width: 60%;
    display: block;
    float: left;
    min-height: 75px;
    background-color: #8ca4b0;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 15px;
    border-radius: 10px 0px 0px 0px;
}

.table_taux_interet .ligne_table_taux .txt_right_taux {
    width: 33%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #fff;
    color: #404040;
    font: 15px Arial, Helvetica, sans-serif;
    padding: 15px;
    border: 1px #e6e7e9 solid;
    border-top: none;
    border-left: none;
}


.table_taux_interet .ligne_table_taux .txt_left_taux {
    width: 60%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #fff;
    color: #404040;
    font: 14px Arial, Helvetica, sans-serif;
    padding: 15px;
    border: 1px #e6e7e9 solid;
    border-top: none;
    border-right: none;
}

#container-side-left {
    display: none;

}

#ctn_c1 {
    width: 100%;
    min-height: 570px;
    float: left;
    overflow: auto;
    text-align: left;
    background-color: #fff;
    border-left: 1px solid #BDBDBD;
    margin-top: 50px;
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

#ctn_c1 h1:nth-child(1) {
    font: 22px Arial;
    margin: 0;
    font-weight: bold;
    color: #b6112b;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: left;
}


.tit {
	 font: 22px Arial;
    margin: 0;
    font-weight: bold;
    color: #b6112b;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: left;
}


#container-main {

    padding: 25px;

}


.txt strong img {
    width: auto;
    height: auto;
}





.banner-interne_header {
    background-image: url(../images/banner_interne_atb.png);
    background-repeat: no-repeat;
    background-position: center;
	display:none;
}


#footer .content_glob_maps {
	display:none;
}


.pagination {
	    width: 100%;
    height: 50px;
    overflow: hidden;
}

.pagination a, .pagination span {
	display:block;
	float:left;
	    width: auto;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
}


.pagination .current {
	font-weight:bold;
	color:#930013;
}


.azzouz {
	background:#98b3c0;
	color:#fff;
	font-weight:bold;
}

.azzouz:after {
    content: '';
    border-color: #adcbda;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}

.demo1 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo2 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo3 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo4 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}
.demo1:after, .demo2:after, .demo3:after, .demo4:after  {
    content: '';
    border-color: #8097a2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}

.demo1:before, .demo2:before, .demo3:before, .demo4:before{
	content: "";
    width: 34px;
    height: 34px;
    top: 5px;
    left: 23px;
    position: absolute;
}
.demo1:before {
		background:url(../images/icn_demo1_mobile.png) no-repeat;

}
.demo2:before {
		background:url(../images/icn_demo2_mobile.png) no-repeat;

}
.demo3:before {
		background:url(../images/icn_demo3_mobile.png) no-repeat;

}

.demo4:before {
    background:url(../images/icn_demo4_mobile.png) no-repeat;

}



.cont_adress .cont_detail_adress .box_adresse:nth-child(1), .cont_adress .cont_detail_adress .box_adresse:nth-child(2), .cont_adress .cont_detail_adress .box_adresse:nth-child(3) {
    width: 100%;
}



/*****/
.ligne_atbnet_100 .vincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .vincint_input input{
	width:100%;
	height:44px;
	border-radius:5px;
	border:1px #cbd8de solid;
	padding:5px 10px;
}
.ligne_atbnet_100 .imgvincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .imgvincint_input img{
	width:100%;
	height: auto;
}
/***/

.ligne_atbnet_100 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.ligne_atbnet_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_atbnet_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}


.ligne_contact_50 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.ligne_contact_50 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_contact_50 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_50 .label2 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 15px;
    text-align: left;
    height: auto;
}
.ligne_contact_50 .cint_input2 {
    width: 100%;
    float: left;
    padding: 5px 0px;
    height: 112px;
}

.ligne_contact_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_contact_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_100 .label2 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 15px;
    text-align: left;
    height: auto;
}

.ligne_contact_100 .label3 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 50px;
    text-align: left;
    margin-right: 20px;
}

.ligne_contact_100 .cint_input3 {
    width: 100%;
    float: left;
    padding: 5px 15px;
}



	#recrutement #mod #lig, #cv #mod #lig {
    width: 100% !important;
	}

.hide_mobile {
		display:none;
	}
	.hide_web {
		display:block;
	}
	
	.cont_manager_mobile {
		width: 100% !important;
	}
	
	.block_header_accordion .card-link {
    width: 30%;
}
	
	#block-atb-search {
    width: 50%;
    padding: 10px 5px;
	    margin-left: 0px;
}


/*****/
.ligne_atbnet_100 .vincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .vincint_input input{
	width:100%;
	height:44px;
	border-radius:5px;
	border:1px #cbd8de solid;
	padding:5px 10px;
}
.ligne_atbnet_100 .imgvincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .imgvincint_input img{
	width:100%;
	height: auto;
}
/***/

.ligne_atbnet_100 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.ligne_atbnet_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
    white-space: normal;
}

.ligne_atbnet_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.titre_page_demande_atbnet {
    width: 100%;
    overflow: visible;
}

.ligne_atbnet_100.securite img {
    width: 150px;
}
.valeur_sicav_mobile {
    display: block;
}
.valeur_sicav {
    display: none;
}
	
	.valeur_sicav_mobile .libel_sicav {
    font-weight: bold;
    color: #b0031f;
    width: 100%;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
}


.site_lien_ago  {
    width: 100%;
    height:53px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_ago.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}

.pageDocuments .layerColorTitre {
    padding: 15px !important;
}
.pageDocuments .boxAutreFormulaire .ttAutreFormulaire {
    padding: 15px;
}
	
	
/****/

.bannerCreditCC {
    width: 100%;
    height: 100px;
    float: left;
    background-color: #344049;
    border-radius: 10px 10px 10px 10px;
    position: relative;
}

.box_simulateurCC {
    width: 100%;
    margin: 0px;
    border-radius: 10px 10px 10px 10px;
    border: 1px #ece9ee solid;
    float: right;
    background-color: #f3f2f5;
    margin-top: 10px;
}
.txtTitreBannerCC {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    position: absolute;
    width: 60%;
    top: 50%;
    left: 35%;
    transform: translateY(-50%);
}

.titreResumerCC, .montantAempCC, .dureeCC, .montantEcheCC, .btt_simulerCC {
    width: 100% !important;
    float: left;
    height: 50px;
    border-radius: 0 !important;
}


/*****/


}

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

/*bouton enquette de satisfaction*/

.site_lien_enquette  {
    width: 100%;
    height:66px;
    float: left;
    padding: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 9px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_enquette.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}

/****/

.bannerCreditCC {
    width: 100%;
    height: 100px;
    float: left;
    background-color: #344049;
    border-radius: 10px 10px 10px 10px;
    position: relative;
}

.box_simulateurCC {
    width: 100%;
    margin: 0px;
    border-radius: 10px 10px 10px 10px;
    border: 1px #ece9ee solid;
    float: right;
    background-color: #f3f2f5;
    margin-top: 10px;
}
.txtTitreBannerCC {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    position: absolute;
    width: 60%;
    top: 50%;
    left: 35%;
    transform: translateY(-50%);
}

.titreResumerCC, .montantAempCC, .dureeCC, .montantEcheCC, .btt_simulerCC {
    width: 100% !important;
    float: left;
    height: 50px;
    border-radius: 0 !important;
}


/*****/
.ligne_atbnet_100 .vincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .vincint_input input{
	width:100%;
	height:44px;
	border-radius:5px;
	border:1px #cbd8de solid;
	padding:5px 10px;
}
.ligne_atbnet_100 .imgvincint_input {
	width:100%;
	float:left;
	padding:5px 0px;
}
.ligne_atbnet_100 .imgvincint_input img{
	width:100%;
	height: auto;
}
/***/

    .pageDocuments .layerColorTitre {
        padding: 15px !important;
    }
    .pageDocuments .boxAutreFormulaire .ttAutreFormulaire {
        padding: 15px;
    }




	.valeur_sicav_mobile {
    display: block;
}
.valeur_sicav {
    display: none;
}
	
	.valeur_sicav_mobile .libel_sicav {
    font-weight: bold;
    color: #b0031f;
    width: 100%;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
}

    .ligne_atbnet_100.securite img {
        width: 150px;
    }

    .titre_page_demande_atbnet {
        width: 100%;
        overflow: visible;
    }
    
.ligne_atbnet_100 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.ligne_atbnet_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
    white-space: normal;
}

.ligne_atbnet_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

	
	.block_header_accordion .card-link {
    width: 100%;
}
	
	
	
	.hide_mobile {
		display:none;
	}
	.hide_web {
		display:block;
	}
	
	.cont_manager_mobile {
		width: 100% !important;
	}
	
	#recrutement #mod #lig, #cv #mod #lig {
    width: 100% !important;

}
	
	
.ligne1_header {
    width: 100%;
    height: 130px;
    background: #fff;
}

.content_ligne1 {
    width: 100%;
    height: 130px;
    margin: 0 auto;
}

#block-atb-search {
    width: 96%;
    float: right;
    position: relative;
    height: 45px;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
}



.ligne2_header {
    width: 100%;
    height: auto;
    background: #f4fbff;
    border-top: 1px #e6f0f6 solid;
	overflow: hidden;
}


a.logo_atb {
       width: 72px;
    height: 70px;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    background: url(../images/logo_atb.png) no-repeat;
    -moz-box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=40);
    z-index: 9;
    background-size: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 4px;
    border: 1px #eee solid;
}
	
	
	.cont_tmm_block {
       float: left;
    margin-left: 7px;
    padding-top: 32px;
    font-family: 'OpenSans';
    font-size: 11px;
    color: #838383;
    width: 32%;
}
	
	.cont_soccial_langue {
		width:30%;
		float:right;
		hanging-punctuation:80px;
		position:relative;
	}
	
	.cont_soccial_langue:before {
		width:1px;
		height:35px;
		position:absolute;
		right:0px;
		top:37%;
		background:#e8edef;
		content:"";
	}
	
	
	.btt_menu_mobile {
		    display: block;
    float: right;
    width: 52px;
    height: 52px;
    margin-top: 24px;
    position: relative;
	}
	.btt_menu_mobile:before {
		    content: "\f039";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #b60018;
    font-size: 26px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 12px;
	}
	
	.btt_arabe {
    float: none;
    padding-top: 12px;
    font: 15px Arial, Helvetica, sans-serif;
    color: #838383;
    display: block;
    text-decoration: none;
    margin-right: 20px;
    font-family: 'CoconNextArabic';
    margin: 15px auto 0px auto;
    text-align: center;
}

.cont_social_icon {
        float: none;
    width: 114px;
    height: 44px;
    padding-top: 4px;
    margin: 0 auto;
    text-align: center;
}

.content_header2 {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-top: 1px;
    position: relative;
	padding-bottom: 24px;
		overflow:hidden;
}
a.lien_menu_haut:nth-child(4):before {
    content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_demo.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    transition: all 1s;
    background-size: 78%;
}
	a.lien_menu_haut:nth-child(5):before {
    content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_docs_utiles.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    transition: all 1s;
    background-size: 78%;
}
	a.lien_menu_haut {
        float: left;
    padding-top: 11px;
    font-family: 'OpenSans';
    font-size: 12px;
    color: #343434;
    display: block;
    padding-left: 41px;
    margin: 3px 6px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s;
    /* width: 33%; */
}

a.lien_menu_haut:after {
	    width: 1px;
    height: 39px;
    position: absolute;
    right: -11px;
    top: 0px;
    background: #dfe6eb;
    content: "";
}
a.lien_menu_haut:nth-child(1):before, a.lien_menu_haut:nth-child(2):before, a.lien_menu_haut:nth-child(3):before {
    background-size: 80%;
}
a:hover.lien_menu_haut:nth-child(1):before, a:hover.lien_menu_haut:nth-child(2):before, a:hover.lien_menu_haut:nth-child(3):before {
    background-size: 80%;
}	


.cont_menu_fixed {
    width: 100%;
    height: 53px;
    position: fixed;
    top: initial;
    left: 0px;
    z-index: 888;
    padding-top: 0;
    max-width: 100%;
    transition: all 1s;
    bottom: 53px !important;
    display: block;
    /* overflow: hidden; */
}
.cont_menu_mobile_fixed {
	width:100%;
    height:53px;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
}
.btt_menu_fixed {
	width: 25%;
    float: left;
    height: 53px;
    position: relative;
    border-bottom: 1px #414c55 solid;
}




.site_lien_particiulier {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
	padding-left:46px;
	left:0px;
	top:0px !important;
	    border-left: 1px #414c55 solid;
}

/* .site_lien_particiulier:before {
	width: 47px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_particulier.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_particiulier.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    left: 0px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
   /*  padding-left: 46px; */
    left: 0px;
    top: 0px !important;
        border-left: 1px #414c55 solid;
        text-align: center;
}

/* .site_lien_particiulier.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_particulier.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
} */









.site_lien_proff {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px 7px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

/* .site_lien_proff:before {
	width: 37px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_proff.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_proff.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    left: 47px;
    position: absolute;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
	padding-left:46px;
	left:0px;
	top:0px !important;
	    border-left: 1px #414c55 solid;
}

.site_lien_proff.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_proff.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
}





.site_lien_ae  {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}


.site_lien_entreprise {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

/* .site_lien_entreprise:before {
	width: 47px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333f48;
    transition: all 1s;
    border-bottom: 1px #414c55 solid;
	background-image: url(../images/icn_espace_entreprise.png);
	content:"";
	position:absolute;
	left:0px;
	top:0px !important;
} */

.site_lien_entreprise.active {
    width: 100%;
    height: 63px;
    float: left;
    padding: 17px;
    left: 47px;
    position: absolute;
    color: #fff !important;
    text-decoration: none;
    font: 13px Arial, Helvetica, sans-serif;
    background: #980c1d;
    border-bottom: 1px #db112a solid;
    transition: all 1s;
	padding-left:46px;
	left:0px;
	top:0px !important;
	    border-left: 1px #414c55 solid;
}

.site_lien_entreprise.active:before {
    width: 47px;
    height: 63px;
    float: left;
    background-image: url(../images/icn_espace_entreprise.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #980c1d;
    border-bottom: 1px #db112a solid;
}


.site_lien_ago  {
    width: 100%;
    height:53px;
    float: left;
    padding: 17px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 0px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_ago.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}
/*bouton enquette de satisfaction*/

.site_lien_enquette  {
    width: 100%;
    height:66px;
    float: left;
    padding: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 9px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_enquette.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}
/*bouton espace finance*/
.site_lien_finance {
    width: 100%;
    height:66px;
    float: left;
    padding: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 9px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_finance.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}

.header_fixed_mobile {
	position:relative;
	top:0px;
	left:0px;
	z-index:6666;
	width:100%;
}


.slider {
	    height: 239px !important;
    
}

.banner_home_header {
	/*padding-top: 154px !important;*/
}


.slItem {
    width: 100%;
    height: 239px;
    /* background-image: url(../images/img_slider_home.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.content_faire {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.titre_block_faire {
    display: none;
}

.content_btt_faire a {
    display: block;
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 96% !important;
    margin: 11px 2% !important;
}


.container_actu {
    width: 100%;
    margin: 30px auto;
    position: relative;
}


.container_actu .box_actu {
    background: #fff;
    border: 1px #eae9e9 solid;
    width: 96%;
    float: left;
    margin: 1.6%;
    transition: all 0.5s;
}

.container_fluid_mobile {
    width: 100%;
    min-height: auto;
    margin-top: -30px;
}

.container_produits {
    width: 100%;
    margin: 0px auto;
    position: relative;
    padding-top: 35px;
}

.content_prods {
    width: 100%;
    margin-top: 13px;
    height: auto;
    overflow: hidden;
}

.prod_compte, .prod_carte, .prod_credit, .prod_epargne, .prod_placement {
    width: 96%;
    float: left;
    background-color: #fffffe;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    display: block;
    min-height: 50px;
    font-size: 22px;
    color: #081721;
    text-decoration: none;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding-top: 17px;
    position: relative;
    transition: all 1s;
    height: 63px;
    margin: 10px 2%;
    background-image: none;
    padding-left: 90px;
    border-radius: 5px;
}

.prod_compte:after, .prod_carte:after, .prod_credit:after, .prod_epargne:after, .prod_placement:after {
	display:none;
	
}

.prod_compte:before, .prod_carte:before, .prod_credit:before, .prod_epargne:before, .prod_placement:before {
	    height: 61px;
    top: 1px;
    left: 0;
    background-size: 81%;
}

.prod_compte:hover:before, .prod_carte:hover:before, .prod_credit:before, .prod_epargne:hover:before, .prod_placement:hover:before {
	    height: 61px;
    top: 1px;
    left: 0;
    background-size: 81%;
}


.container_fluid_produits {
    width: 100%;
    min-height: auto;
    background-image: url(../images/bg_block_produits.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 30px;
}


.container_services {
    margin: 0px auto 0px auto !important;
    min-height: inherit;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
	    width: 100% !important;
}

.box_services {
    width: 50%;
    float: left;
    min-height: 174px;
    margin: 0px 0;
    padding: 0 20px;
	background-color:#578295;
	position:relative;
	height: 174px;
}

.desc_service {
    display: none;
}

.box_services .titre_service {
    width: 100%;
    padding: 15px 0px;
    font: 20px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
	padding-top:117px;
}






.box_services:nth-child(2):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/fatca__mobile.png);
}
/*
.box_services:nth-child(2):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_banking_mobile.png);
}

.box_services:nth-child(3):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_assurance_mobile.png);
}*/


.box_services:nth-child(3):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_devenez_client__mobile.png);
}
.box_services:nth-child(4):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_portfeille_mobile.png);
}
.box_services:nth-child(5):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_transfert_mobile.png);
}
.box_services:nth-child(6):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_change_mobile.png);
}
.box_services:nth-child(7):before {
	content:"";
	width:99px;
	height:93px;
	position:absolute;
	top:15px;
	left:22%;
	background:url(../images/icn_ava_mobile.png);
}


.box_services:nth-child(3), .box_services:nth-child(4), .box_services:nth-child(7)  {
	background-color:#4f7a8c;
}
.content_titre_services {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 42px;
    color: #384c55;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 38px;
    position: relative;
}

.content_titre_services:after {
    content: "";
    width: 48px;
    height: 4px;
    background: #b50a0d;
    top: 91px;
    left: 48%;
    position: absolute;
}
.box_services .titre_service:hover {
    color: #fff;
}

.ligne_tarifs {
    width: 100%;
    height: auto;
}
.ligne_tarifs .cont_tarifs {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.ligne_tarifs .cont_tarifs a {
    width: 98%;
    height: auto;
    float: left;
    margin: 3px 1%;
    display: block;
    border: 1px #ebebeb solid;
    font-family: 'OpenSans';
    font-size: 14px;
    color: #2f2f2f;
    text-decoration: none;
    padding-top: 20px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    transition: all 1s;
    display: block;
    padding-bottom: 20px;
    padding-left: 82px;
}

.ligne_tarifs .cont_tarifs .lien_tarif:before {
        content: "";
    width: 99px;
    height: 61px;
    position: absolute;
    top: 4px !important;
    left: 0px !important;
    background-size: 75% !important;
}

.ligne_tarifs .cont_tarifs .lien_tarif:hover:before {
        content: "";
    width: 99px;
    height: 61px;
    position: absolute;
    top: 4px !important;
    left: 0px !important;
    background-size: 75% !important;
}


.ligne_footer1 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background-image: url(../images/bg_footer1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.content_block_footer1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.block_footer1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 1%;
    padding: 0 50px;
}

.ligne_footer2 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 90px;
    padding: 0 17px;
}

.content_ligne2_footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.content_copy {
    width: 100%;
    float: left;
}


.slDots {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.ctrlPrev {
    left: 15px;
}

.ctrlNext {
    right: 15px;
}


nav:not(.mm-menu)
{
	display: none;
}



/***************** page recrutement */
.box_dev_client:nth-child(1):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn01.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(1):hover:before {
    background-color: #a2051a;
    background-image: url(../images/dev_client_icn01_h.png);
    top: 51px;
}

.box_dev_client .desc_box_dev_client {
    width: 100%;
    display: block;
    float: left;
    text-decoration: none;
    font-size: 13px;
    font-family: 'OpenSans';
    color: #2b2b2b;
    position: relative;
    padding-left: 70px;
}


.box_dev_client:nth-child(1):after {
	display:none;
}




.box_dev_client:nth-child(2):before {
     content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn02.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}

.box_dev_client:nth-child(2):hover:before {
    top: 51px;
}

.box_dev_client .titre_box_dev_client {
    width: 100%;
    display: block;
    float: left;
    text-decoration: none;
    font: 26px Arial, Helvetica, sans-serif;
    color: #383838;
    margin-bottom: 20px;
}

.box_dev_client:nth-child(3):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn03.png);
     background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(3):hover:before {
    top: 51px;
}


.box_dev_client:nth-child(4):before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn04.png);
     background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 51px;
    border-radius: 100px;
    transition: all 0.6s;
    left: 0;
    background-size: 100%;
}
.box_dev_client:nth-child(4):hover:before {
    top: 51px;
}

.box_dev_client:nth-child(3) .desc_box_dev_client:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    position: absolute;
    right: 0px;
    bottom: -60px;
}
.box_dev_client:nth-child(3):after {
	display:none;
}

.header_global {
/*    padding-top: 154px;*/
}

.banner-interne_header {
    width: 100%;
    height: 200px !important;
    background-image: url(../images/banner_Devenez-client.png);
    background-repeat: no-repeat;
    background-position: center;
	display:none;
}


.box_choix_agence_dev_client .choix_agence {
    display: block;
    width: 100%;
    padding: 30px 0 50px 70px;
    font: 22px Arial, Helvetica, sans-serif;
    color: #282828;
    text-decoration: none;
    position: relative;
}



.box_choix_agence_dev_client:before {
    content: "";
    width: 60px;
    height: 60px;
    background-color: #e8edef;
    background-image: url(../images/dev_client_icn05.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 3px;
    top: 27px;
    border-radius: 100px;
    transition: all 0.6s;
    background-size: 100%;
}

.box_choix_agence_dev_client:hover:before {
    top: 27px;
}

/***/



#top_art_large .tit {
    width: 100%;

}
.nav_simulateur .lien_simulateur.active {
    width: 100%;
}

.nav_simulateur .lien_simulateur {
    width: 100%;
}

.content_simul_credit .part1_form {
    width: 100%;
    float: left;
    margin-right: 0;
}

.content_simul_credit .part2_recap {
    width: 100%;
    float: left;
}


.box_sim_50 {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    margin-bottom: 23px;
}

.btt_echeance.active {
    width: 100%;
    margin: 7px 0px;
}

.btt_echeance {
    width: 100%;
    margin: 7px 0px;
}

.btt_amortissement.active {
    width: 100%;
    margin: 7px 0px;
}

.btt_amortissement{
    width: 100%;
    margin: 7px 0px;
}


.div_header_table {
    padding: 10px;
    font: 10px Arial, Helvetica, sans-serif;
    height: 53px;
}

.div_header_table:nth-child(1) {
    width: 20%;
}

.div_header_table:nth-child(2) {
    width: 20%;
}

.ligne_table_devise .td_div_ligne_devises {
    font: 10px Arial, Helvetica, sans-serif;
    padding: 10px 3px;
    overflow: hidden;
}

.ligne_table_devise .td_div_ligne_devises:nth-child(1) {
    font-weight: bold;
    width: 20%;
    float: left;
}

.ligne_table_devise .td_div_ligne_devises:nth-child(2) {
    width: 20%;
    float: left;
}
.div_header_table:nth-child(5) {
    width: 25%;
}


.box_carte_liste {

    margin-left: 0px !important;
}


.box_credits_liste {
    margin-left: 0px !important;
    min-height: 100px !important;
    margin-right: 0px !important;
}

.titre_page_liste_assurance {
    width: 100%;
    overflow: visible;
    height: auto;

}

.img_prod_assurances:before {
    left: 36% !important;
}

.cont_img_titre_article .cont_img_article {
    width: 100%;
    float: left;
    min-height: 290px;
}

.cont_img_titre_article .cont_titre {
    width: 100%;
    padding: 25px 0px;
    background: #fff;
    z-index: 5;
    position: relative;
    top: 0;
    right: 0px;
    -webkit-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    -moz-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    height: auto;
    display: block;
    overflow: hidden;
}

.box_comptes_liste {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.box_epargnes_liste {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.box_epargnes_produits .img_prod_epargne {
    position: relative;
    width: 100%;
    /* min-height: 238px; */
    display: block;
    float: right;
    min-height: 156px !important;
}

.img_prod_epargne img {
    border-radius: 0px !important;
}

.cont_nom_epargne {
    padding: 23px 20px;
    text-decoration: none;
    font: 21px Arial, Helvetica, sans-serif;
    color: #515151;
    text-decoration: none;
    width: 100%;
    display: block;
    min-height: 80px;
    position: relative;
    float: left;
}


.desc_epargne_prod {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 13px;
    position: relative;
    font-family: 'OpenSans';
    padding: 17px 25px;
}


.img_prod_placement:before {
    left: 37% !important;
}

.img_prod_banking:before {
    left: 37% !important;
}



.cont_img_titre_article .cont_titre_conseilpage {
    width: 100%;
    padding: 25px 0px;
    background: #fff;
    z-index: 5;
    position: relative;
    top: 0;
    right: 0px;
    -webkit-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    -moz-box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    box-shadow: 3px 1px 26px -6px rgba(83,97,105,0.30);
    display: block;
    overflow: hidden;
    float: left;
}


.titre_cadre_conseil {
    padding: 10px 15px;
    background: #fff;
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    font: bold 18px Arial, Helvetica, sans-serif;
}


a.gogo {
    width: auto;
    position: relative;
    float: right;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
	    margin: 10px;
}


.lienn a.gogo {
    width: auto;
    position: relative;
    float: right;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
	    margin: 10px;
}



.txt img {
	width:100%;
	height:auto;
}

#contener_in #top {
	display:none;
}

.box_groupe {
    border: 1px #e5e5e5 solid;
    min-height: auto !important;
    position: relative;
    margin-bottom: 35px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: auto;
}
.tel_groupe, .adress_groupe, .site_groupe {
	height: auto;
}


.cont_logo_groupe .desc_logo_groupe {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #587482;
    float: left;
    padding-top: 20px;
    width: 70%;
}


.box_packs_liste {

    margin-left: 0px !important;
    margin-right: 0px !important;
}

.img_prod_pack {
    display: block;
    width: 100%;
    /* min-height: 210px; */
    float: right;
    position: relative;
}

.img_prod_pack:before {
    content: "";
    width: 100px;
    height: 100px;
    top: 18%;
    left: 37%;
    position: absolute;
    background-repeat: no-repeat;
    transition: all 1s;
    z-index: 5;
    background-size: 100%;
	display:none;
}

.cont_nom_pack {
    padding: 19px 20px;
    text-decoration: none;
    font: 37px Arial, Helvetica, sans-serif;
    color: #0b0b0b;
    text-decoration: none;
    width: 100%;
    display: block;
    min-height: 81px;
    position: relative;
    float: left;
}

.desc_pack_prod {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    font-size: 13px;
    position: relative;
    font-family: 'OpenSans';
    padding: 25px;
}
.box_etat_finnaciers .cont_etat .etat:after {
	display:none;
}
.box_etat_finnaciers {
    position: relative;
    height: auto;
    margin-bottom: 32px;
}

.box_etat_Emprunt {
    position: relative;
    /* height: 87px; */
    margin-bottom: 14px;
    width: 80% !important;
    margin: 0 10% 14px 10% !important;
}

.table_taux_interet .ligne_table_taux .divright_titretab {
    width: 33%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #8ca4b0;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 15px;
    border-radius: 0px 10px 0px 0px;
	height:75px;
}

.table_taux_interet .ligne_table_taux .divleft_titretab {
    width: 60%;
    display: block;
    float: left;
    min-height: 75px;
    background-color: #8ca4b0;
    color: #fff;
    font: 16px Arial, Helvetica, sans-serif;
    padding: 15px;
    border-radius: 10px 0px 0px 0px;
}

.table_taux_interet .ligne_table_taux .txt_right_taux {
    width: 33%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #fff;
    color: #404040;
    font: 15px Arial, Helvetica, sans-serif;
    padding: 15px;
    border: 1px #e6e7e9 solid;
    border-top: none;
    border-left: none;
}


.table_taux_interet .ligne_table_taux .txt_left_taux {
    width: 60%;
    display: block;
    float: left;
    min-height: 66px;
    background-color: #fff;
    color: #404040;
    font: 14px Arial, Helvetica, sans-serif;
    padding: 15px;
    border: 1px #e6e7e9 solid;
    border-top: none;
    border-right: none;
}

#container-side-left {
    display: none;

}

#ctn_c1 {
    width: 100%;
    min-height: 570px;
    float: left;
    overflow: auto;
    text-align: left;
    background-color: #fff;
    border-left: 1px solid #BDBDBD;
    margin-top: 50px;
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

#ctn_c1 h1:nth-child(1) {
    font: 22px Arial;
    margin: 0;
    font-weight: bold;
    color: #b6112b;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: left;
}


.tit {
	 font: 22px Arial;
    margin: 0;
    font-weight: bold;
    color: #b6112b;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: left;
}


#container-main {

    padding: 25px;

}


.txt strong img {
    width: auto;
    height: auto;
}





.banner-interne_header {
    background-image: url(../images/banner_interne_atb.png);
    background-repeat: no-repeat;
    background-position: center;
	display:none;
}


#footer .content_glob_maps {
	display:none;
}


.pagination {
	    width: 100%;
    height: 50px;
    overflow: hidden;
}

.pagination a, .pagination span {
	display:block;
	float:left;
	    width: auto;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #2a2a2a;
    font-size: 12px;
    font-family: 'OpenSans';
    text-transform: uppercase;
    border: 1px #eee solid;
    cursor: pointer;
    transition: all 1s;
}


.pagination .current {
	font-weight:bold;
	color:#930013;
}


.azzouz {
	background:#98b3c0;
	color:#fff;
	font-weight:bold;
}

.azzouz:after {
    content: '';
    border-color: #adcbda;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}

.demo1 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo2 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo3 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}

.demo4 {
	background:#738791;
	color:#fff;
	text-transform:uppercase;
	padding-left:58px;
	position:relative;
}
.demo1:after, .demo2:after, .demo3:after, .demo4:after  {
    content: '';
    border-color: #8097a2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0;
}

.demo1:before, .demo2:before, .demo3:before, .demo4:before{
	content: "";
    width: 34px;
    height: 34px;
    top: 5px;
    left: 23px;
    position: absolute;
}
.demo1:before {
		background:url(../images/icn_demo1_mobile.png) no-repeat;

}
.demo2:before {
		background:url(../images/icn_demo2_mobile.png) no-repeat;

}
.demo3:before {
		background:url(../images/icn_demo3_mobile.png) no-repeat;

}

.demo4:before {
    background:url(../images/icn_demo4_mobile.png) no-repeat;

}



.cont_adress .cont_detail_adress .box_adresse:nth-child(1), .cont_adress .cont_detail_adress .box_adresse:nth-child(2), .cont_adress .cont_detail_adress .box_adresse:nth-child(3) {
    width: 100%;
}

.ligne_contact_50 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.ligne_contact_50 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_contact_50 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_50 .label2 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 15px;
    text-align: left;
    height: auto;
}
.ligne_contact_50 .cint_input2 {
    width: 100%;
    float: left;
    padding: 5px 0px;
    height: 112px;
}

.ligne_contact_100 .label {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 20px;
    text-align: left;
}

.ligne_contact_100 .cint_input {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.ligne_contact_100 .label2 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 15px;
    text-align: left;
    height: auto;
}

.ligne_contact_100 .label3 {
    width: 100%;
    float: left;
    padding: 5px 15px;
    font: 16px Arial, Helvetica, sans-serif;
    color: #517080;
    padding-top: 50px;
    text-align: left;
    margin-right: 20px;
}

.ligne_contact_100 .cint_input3 {
    width: 100%;
    float: left;
    padding: 5px 15px;
}









	
}



@media all and (max-width: 375px) {
	
	/*bouton enquette de satisfaction*/

.site_lien_enquette  {
    width: 100%;
    height:66px;
    float: left;
    padding: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
    background: #333f48;
    border-bottom: 1px #414c55 solid;
    transition: all 1s;
    /* padding-left: 46px; */
    left: 0px;
    top: 9px !important;
    border-left: 1px #414c55 solid;
    text-align: center;
}

.site_lien_enquette.active {
    color: #fff !important;
    background: #980c1d;
    border-bottom: 1px #db112a solid;

}
	
	a.lien_menu_haut {
    float: left;
    padding-top: 11px;
    font-family: 'OpenSans';
    font-size: 11px;
    color: #343434;
    display: block;
    padding-left: 37px;
    margin: 3px 6px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s;
    width: 28% !important;
}

a.lien_menu_haut:nth-child(1) {
	 width: 22% !important;
    padding-left: 33px;
    margin-left: 4px;
}

a.lien_menu_haut:nth-child(2) {
	width: 30% !important;
    padding-left: 31px;
    margin: 3px 5px;
}

a.lien_menu_haut:nth-child(3) {
	width: 35% !important;
    padding-left: 40px;
    margin: 3px 7px;
}

a.lien_menu_haut:nth-child(1):before, a.lien_menu_haut:nth-child(2):before, a.lien_menu_haut:nth-child(3):before {
    background-size: 65%;
    top: 3px;
    left: -1px;
}

a:hover.lien_menu_haut:nth-child(1):before, a:hover.lien_menu_haut:nth-child(2):before, a:hover.lien_menu_haut:nth-child(3):before {
    background-size: 65%;
    top: 3px;
    left: -1px;
}


a.lien_menu_haut:after {
    width: 1px;
    height: 39px;
    position: absolute;
    right: -8px;
    top: 0px;
    background: #dfe6eb;
    content: "";
}






	
}