/*General*/
body {
	font-family: 'Myriad Pro', sans-serif;
	font-size: 14px;
	font-size: normal;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

a {
	text-decoration: none;
	-moz-transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


.cover {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}


/*Header*/
/*Top nav left*/
.top-nav-1 {
	padding-top: 8px;
    background: #f4f7f9;
    color: #091e42;
    line-height: 1;
}

/*top-center*/
.top-center {
	text-align: center;
	    margin-top: 12px;
}

.top-center strong{
	font-family: 'Levenim MT', sans-serif !important;
	font-size: 18px;
	text-transform: uppercase;
	color: #101010;
}

.top-center p:nth-child(2) {
	font-family: 'Levenim MT' !important;
	 font-size: 16px;
    color: #a4a4a4;
    margin-top: -12px;
}



/*Top left Menu*/


.top-left ul >li {
	display: inline-block;
	margin-right: 15px;
}

.top-left a {
	font-size: 16px;
	color: #333;
}

.top-left a:hover {
	color: #01b1d7;
}

/*Top Right Menu*/
.top-right {

	    margin-top: 12px;
}

.top-right {
	float: right;
}

.top-right p {
	color: #30526c;
    font-size: 14px;
    text-align: right;
}

.top-right p:nth-child(2) {

    margin-top: -12px;
}

/*Nagivation*/

.navbar-header button{
	    background: #42a5f5;
}

.navbar-header button > span{
	    background: #fff;
}

.navbar-border {
	    border: 1px solid #ccc;
    border-radius: 0;
    border-right: none;
    border-left: none;
}

#main-nav {
	padding: 15px 0;
}

#main-nav .navbar-menu {
	font-size:16px;
	text-transform: uppercase;
	
}

#main-nav .navbar-menu li {
	border-right: 1px solid #efefef;

}

#main-nav .navbar-menu li:last-child {
	border-right: none;

}

#main-nav .navbar-menu li > a {
	color: #3d4849;
	padding: 17px 39px;
}

#main-nav .navbar-menu li > a:hover {
	border-top: 5px solid #3394ca;
    color: #3394ca;
    background: #f8f8f8;
  
    padding-top: 12px;
}

#main-nav .navbar-menu .active {
	border-top: 5px solid #3394ca;
    color: #3394ca;
    background: #f8f8f8;
  
    padding-top: 12px;
}



/*Main Menu*/
#main-nav .navbar-right {
	margin-top: 10px;
}


/*Demande*/
.demande-forme {
	padding: 18px;
	background: #f8f7f7;
}

.demande-forme h2 {
	font-size: 16px;
    color: #42a5f5;
       width: 73%;
}

.demande-forme a {
	color:#42a5f5;
	text-decoration: underline;
	margin-top: 12px;
}

.input-form {
	height: 39px;
    border-radius: 0;
}

.sticker {
    position: absolute;
    top: -7px;
    left: 0;
    width: 201px;
    height: 153px;
}

.sticker-new {
    background: url(../images/bande.png) no-repeat;
    left: auto;
    right: 0;
}

.btn-demande {
	height: 39px;
	    width: 100%;
    border-radius: 0;
    background: #42a5f5;
    text-transform: uppercase;
}

.demande img {
	width:100%;
	max-width: inherit !important;
}


/*avantage*/
.avantage {
	    background: #f4f7f9;
    padding: 12px;
    text-align: center;
    margin-top: 27px;
}

.avantage h3 {
	font-size: 16px;
	color:#42a5f5;
}

.avantage p {
	color: #091e42;
	    font-size: 13px;
}

.bloc-avantage {
	padding: 0 76px;
}

/*partenaire*/
.partenaire {
	padding:27px;
	
}

.partenaire .container {
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
}

.partenaire h2 {
	color: #3598d4;
	font-size: 18px;
	text-transform: uppercase;
}

.partenaire ul {
	padding: 0 75px;
    margin-top: 30px;
}
.partenaire ul > li {
	display: inline-flex;
	margin-right: 53px;
	text-align: center;
}


/*barometre*/
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none;
    font-weight: inherit;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 0.428571;
    vertical-align: top;
    border-top: none;
}

.table>tbody>tr>td {
	font-weight: bold;
}

.table-border {
	    border: 1px solid #ccc;
        padding: 15px 22px 0px 22px;
}

.fleche {
	color:#3598d4;
}


.barometre .container {
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
}

.barometre h2 {
	color: #3598d4;
	font-size: 18px;
	text-transform: uppercase;
}


/*offres*/
.offres h2 {
	color: #337ab7;
	font-size: 20px;
	background: #f3f3f3;
	padding: 8px;
	/*text-transform: uppercase; */
}



.offres-mgt {
	    margin-top: 15px;
}

.well h3 {

    font-size: 16px;
    font-weight: bold;
    color: #064B7D;
    margin: 6px 0px 10px 0px;
    padding: 0 6px;
    /* text-align: center; */
}

.well img {
	margin-right: 8px;
}

.well hr {
	
    height: 1px;
    background-color: #0261A5;
}


/*Footer*/
#footer {
	margin-top: 50px;
	background-color: #f8f8f8;
	padding: 20px 0;
}

.footer-heading h3{
	    font-size: 13px;
}

.footer-heading ul > li > a {
	font-size: 13px;
}


/*Bottom Footer*/
#bottom-footer {
	background-color: #f8f8f8;
	padding: 20px 0;
	color: #8e8e8e;
	font-size: 13px;
}

#bottom-footer .footer-right ul > li > a {
	color: #8e8e8e;
}

#bottom-footer .footer-right ul > li > a:hover {
	color: #01b1d7;
}

/*modal*/
.modal-header {    
    border-top: 5px solid #42a5f5;
}

/*Perco*/
.descrp h3 {
	font-size: 14px;
	color: #3598d4;
    padding: 4px;
}

.avantage-liste {
	border: 1px dashed #ccc;
	padding: 20px;
}

/*Rachat de credit*/
.rachat-de-pret {
	padding: 9px;
    border: 1px solid #3598d4;
    text-align: center;
}

.rachat-de-pret h2 {
	color: #727272;
}

.rachat-de-pret span {
	color: #3598d4;
}

.rachat-form {
	padding: 13px;
    /* background: #f5f5f5; */
    border: 1px solid #ccc;
        margin-bottom: 24px;

}

.rachat-form h3 {
	    background: #3598d4;
    color: #fff;
    padding: 11px;
    font-size: 19px;
    font-family: 'Levenim MT', sans-serif !important;
}

.condition p {
	    color: #6b6b6b;
}

.autre-sujet-liste strong {
	text-decoration: underline;
}

.f-h2{
	text-align: left;
	font-size: 29px;
	margin-bottom: 30px;
}
.f-col{
	margin-left: 8%;
}
.f-row{
	text-align: left;
    margin-top: 10px;
    line-height: 2;
}
.f-h2:after {
    margin: 0px 0 0 150px;
    top: 60px;
    left: -135px;
    right: 0;
    width: 15%;
    background: black;
    position: absolute;
    content: '';
    height: 2px;
    bottom: -4px;
}


.container-center {text-align: center;}      
.grid-section .header_part .list-group .list-group-item.main_top{        
		text-align: center;
		height: 35px;
		min-height: 35px;
		background: #3394ca;
		padding: 3px 0px;
		color: #ffffff;}
h2.title-center{font-size: 18px;text-align: center;background: none;}
    
@media screen and (max-width: 768px) {
	    button.btn.btn-primary.btn-md.btn-block.mb-5 {
		white-space: inherit;
	}
}
	
@media (min-width: 320px) and (max-width: 600px)  {
 

	h2.title-center{font-size: 18px;text-align: center;background: none;}
}


@media (min-width: 768px) and (max-width: 1024px)  {
    figure.pull-left {
        width: 107px;
    }
    button.btn.btn-primary.btn-md.btn-block.mb-5 {
		white-space: inherit;
	}

}


.header_part{
	height: auto;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px){
  .grid-section .header_part .list-group .list-group-item .media figure img{
    object-fit: contain!important;
  }
  #test{
    height: auto!important;
  }

  #test > div.media.col-xs-12.col-sm-5.col-md-5.hidden-lg > div > ul{
    padding-left: 0!important;
  }
  #test > div.media.col-xs-12.col-sm-2.col-md-2.hidden-lg > div > ul{
    padding-left: 0!important;
  }
}


#test > div.media.col-xs-12.col-sm-3.col-md-2.visible-lg > div > ul{
	padding-left: 0!important;
}