/* SLIDER AGENCE */
div#agence {position:relative; width:100%; background:#f8f8f8; padding:20px 0 0 0;}
div#agence_cadre {
	position:relative;
	margin:0 auto;
	padding:0 0 20px 0;	
}
div#agence_list .bx-wrapper {padding:0 40px 50px 40px !important;}

div#agence_list .bx-wrapper .bx-pager, div#agence_list  .bx-wrapper .bx-controls-auto {
  bottom: 0 !important;
	max-width: calc(100% - 80px);
}

.bx-wrapper .bx-controls-direction a {top: calc(50% - 70px) !important;}

div#agence_list .bx-wrapper .bx-prev {
	left: 0;
	width:30px;
	height:140px;
	background: url('../img/public/slider_arrows_prev.png') center left no-repeat;
	background-size:100%;
	opacity: 0.5;
}
div#agence_list .bx-wrapper .bx-prev:hover,
div#agence_list .bx-wrapper .bx-prev:focus {
	background: url("../img/public/slider_arrows_prev.png") center left no-repeat;   
	background-size:100%;
  opacity: 1;
}
div#agence_list .bx-wrapper .bx-next {
	right: 0;
	width:30px;
	height:140px;
	background: url("../img/public/slider_arrows_next.png") center right no-repeat;
	background-size:100%;
	opacity: 0.5;
}

div#agence_list .bx-wrapper .bx-next:hover,
div#agence_list .bx-wrapper .bx-next:focus {
	background: url("../img/public/slider_arrows_next.png") center right no-repeat;
	background-size:100%;
	opacity: 1;
}

div#agence_list .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--cg_orange) !important;
}

div#agence_list {max-width:1600px; margin:0 auto;}
.agence_item {padding:0 15px;}
.agence_item a {text-decoration:none; color:inherit;}
.agence_vignette {overflow:hidden; border-radius: 0.3em;max-height: 230px;}
.agence_vignette img {
	max-width: 100%;
	border-radius: 0.3em;
	width: 100%;
	/*height: 250px;
	object-fit: cover;
	object-position: center;
	*/
	-webkit-transition: all 1.5s ease; /* Safari et Chrome */
	-moz-transition: all 1.5s ease; /* Firefox */
	-ms-transition: all 1.5s ease; /* Internet Explorer 9 */
	-o-transition: all 1.5s ease; /* Opera */
	transition: all 1.5s ease;
}

.agence_item:hover .agence_vignette img {
	-webkit-transform:scale(1.10); /* Safari et Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* Internet Explorer 9 */
	-o-transform:scale(1.10); /* Opera */
	transform:scale(1.10);
}

.agence_info {margin:10px 0 0 0; padding:0 10px; text-align:center;}
.agence_nom {color:var(--cg_orange); text-transform:uppercase; font-size:1.3em; font-weight:bold;}
/*.agence_nom_ville {color:var(--cg_bleu);}*/
.agence_tel { font-weight:bold; font-size:1.2em; margin:10px auto;}

.agence_adresse, .agence_ville {font-size:1.1em;}
.agence_link {display: table; text-align: center;margin:20px auto 0 auto;}
.agence_link a {
    position: relative;
    display: table;		
    background: var(--cg_orange);
    border-radius: 3em;
    margin: 0;
    padding: 6px 20px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
}
.agence_item:hover .agence_nom {color:var(--cg_orange);}
.agence_item:hover .agence_nom_ville {color:var(--cg_orange);}
.agence_link a:hover {
    background: var(--cg_orange);
}

@media screen and (max-width : 1100px) {
	.agence_item {padding: 0 5px;}
}
@media screen and (max-width : 800px) {
}
@media screen and (max-width : 450px) {
}
@media screen and (max-width : 350px) {
}