@charset "UTF-8";
@font-face { font-family: 'corposregular'; src: url("../../webfonts/c063003t-webfont.woff2") format("woff2"), url("../../webfonts/c063003t-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

.map-container { width: 100%; height: 309px; }

.map-container .content-map { position: relative; width: 100%; height: 100%; background: #fff; display: none; }

.map-container .content-map.show { display: block; }

.map-container .map-preview { position: relative; width: 100%; height: 100%; cursor: pointer; background: url("../../ImagesV2/agences/map_placeholder.png") no-repeat; }

.map-container .map-preview.hidden { display: none; }

.map-container .map-preview > div { position: absolute; top: 0; bottom: 0; width: 100%; height: 1.2em; text-align: center; margin: auto; text-transform: uppercase; color: #585858; font-weight: bold; font-size: 25px; font-family: 'corposregular', Arial; }

.zone-communication { margin-top: 20px; text-align: center; }

.zone-communication img { max-width: 100%; height: auto; }

.icon-sourd { width: 15px; height: 15px; margin-right: 5px; }

@media (max-width: 480px) { .map-container { height: 309px; } }

.block-results { width: 100%; float: left; background: #fff; }

.block-results h1 { text-align: center; padding: 0; margin: 0; border: none; font-size: 19px; color: #253e92; }

.block-results .list-results { width: 100%; padding-bottom: 1px; float: left; margin-bottom: 20px; box-shadow: 0px 10px 20px #ddd; }

.block-results .result-map { width: 64.5%; position: relative; }

.block-results .result-map .content-map { position: absolute; z-index: 1; width: 100%; height: 100%; background: #fff; display: block; }

.block-results .result-map .map-preview { position: absolute; z-index: 2; width: 100%; height: 100%; cursor: pointer; background: url("../../ImagesV2/agences/map_placeholder.png") no-repeat; background-size: cover; }

.block-results .result-map .map-preview.hidden { display: none; }

.block-results .result-map .map-preview > div { position: absolute; top: 0; bottom: 0; width: 100%; height: 1.2em; text-align: center; margin: auto; text-transform: uppercase; color: #585858; font-weight: bold; font-size: 25px; font-family: 'corposregular', Arial; }

.block-results .list-agences { width: 35.5%; }

.block-results .list-agences ul { width: 100%; height: 100%; float: left; overflow: auto; }

.block-results .list-agences ul > li { width: 100%; float: left; border-bottom: solid 1px #c5cada; padding: 10px; }

.block-results .list-agences ul > li:last-child { border: none; }

.block-results .list-agences ul > li .picto-marker { width: 30px; height: 45px; margin-right: 10px; position: relative; }

.block-results .list-agences ul > li .picto-marker.marker-bp .number { color: #bf9439; }

.block-results .list-agences ul > li .picto-marker .number { position: absolute; text-align: center; left: 0; right: 0; margin-top: 6px; }

.block-results .list-agences ul > li .picto-marker img { display: block; float: left; }

.block-results .list-agences ul > li h2 { font-size: 17px; }

.block-results .list-agences ul > li:nth-child(odd) { background: #f4f4f4; }

.block-results .list-agences ul > li .infos-agence { width: 90%; float: left; background: none; }

.block-results .list-agences ul > li .infos-agence.infos-bp h2 { color: #bf9439; }

.block-results .list-agences ul > li .pictos-agence { width: 10%; float: left; }

.block-results .list-agences ul > li .pictos-agence img { width: 20px; height: auto; display: block; float: right; margin-top: 20px; }

.block-results .list-agences ul > li .distance { width: 100%; float: left; }

.block-results .list-agences ul > li .distance > img { width: 10px; float: left; margin-right: 5px; }

.block-results .list-agences ul > li .distance > small { float: left; }

.block-results .result-map, .block-results .list-agences { float: left; height: 335px; }

.legende-recherche { margin-bottom: 20px; opacity: .7; }

.legende-recherche > div.legende { float: left; margin-right: 35px; }

.legende-recherche > div.legende img { margin-right: 5px; }

.legende-recherche > div.legende.banque-prive img { width: 18px; min-height: 30px; }

.legende-recherche > div.legende.samedi img { width: 20px; min-height: 25px; }

.legende-recherche > div.legende.safe img { width: 28px; min-height: 22px; }

.legende-recherche > div.legende.legende img { width: 20px; height: auto; }

@media (max-width: 480px) { .block-results .list-results .result-map { width: 100%; height: 336px; }
  .block-results .list-results .list-agences { width: 100%; height: auto; }
  .legende-recherche { width: 100%; padding: 0 15px; }
  .legende-recherche > .legende { display: block; width: 100%; margin-bottom: 10px; }
  .legende-recherche > .legende:last-child { margin-bottom: 0; } }

.heading-agence { padding-top: 15px; width: 100%; float: left; }

.heading-agence h1 { font-size: 19px; padding: 0; border: none; margin: 0; line-height: 1.2em; min-height: 1em; }

.heading-agence .special-opening { margin: 0; color: #ce0000; font-weight: bold; }

.owl-theme .owl-controls .owl-page span { border: solid 1px #00aee0; background: none !important; }

.owl-theme .owl-controls .owl-page.active span { border: solid 1px #253e92; background: #253e92 !important; }

.icon-print { margin-top: 20px; cursor: pointer; }

.infos-agence { width: 100%; float: left; background: #fff; }

.infos-agence .map-container { position: relative; }

.infos-agence .map-container .map-preview { position: absolute; z-index: 2; }

.infos-agence .map-container .content-map { position: absolute; z-index: 1; display: block; }

.block-map { width: 64.5%; float: left; padding-bottom: 10px; }

.box-itineraire { width: 100%; float: left; margin-top: 14px; }

.box-itineraire #autocomplete-itineraire-result { width: 100%; }

.box-itineraire .container-autocomplete { position: relative; width: 67%; margin-right: 2%; margin-left: 2%; float: left; }

.box-itineraire input[type="text"] { width: 100%; padding: 9px; border-radius: 5px; border: solid 1px #ccc; }

.box-itineraire input[type="submit"] { width: 28%; }

.block-details-agence { width: 35.5%; float: left; }

.block-details-agence > .section { border-top: solid 1px #f2f2f2; padding: 10px; width: 100%; float: left; }

.block-details-agence > .section h2 { font-size: 18px; }

.block-details-agence > .section ul > li { width: 100%; float: left; margin-bottom: 5px; }

.block-details-agence > .section ul > li .picto { float: left; width: 30px; text-align: center; }

.block-details-agence > .section ul > li .picto .icon-marker { width: 12px; height: 17px; }

.block-details-agence > .section ul > li .picto .icon-telephone { width: 12px; height: 12px; }

.block-details-agence > .section ul > li .picto .icon-fax { width: 14px; height: 14px; }

.block-details-agence > .section ul > li .picto .icon { width: 18px; }

.block-details-agence .btn-rdv { width: 100%; display: block; }

.block-details-agence .btn-rdv:hover { text-decoration: none; }

.block-details-agence .box-rdv { width: 100%; float: left; margin-top: 10px; color: #000; }

.detail-itineraire { width: 100%; float: left; }

.detail-itineraire .heading { padding: 15px; color: #fff; }

.detail-itineraire .heading p { margin: 0; }

.detail-itineraire li { padding: 5px 15px; width: 100%; float: left; background: #f9f9f9; border-bottom: solid 1px #e0e0e0; }

.detail-itineraire li > div { float: left; }

.detail-itineraire li .nb-item { width: 3%; text-align: center; font-weight: bold; }

.detail-itineraire li .etape { width: 60%; }

.mention { width: 100%; }

.container-horaires { width: 100%; float: left; }

.container-horaires .icon-sablier { width: 20px; height: 20px; }

.container-horaires .horaires-heading { width: 100%; float: left; padding: 15px 15px; box-shadow: inset 0px 10px 10px #e5e5e5; }

.container-horaires .horaires-heading h2 { font-size: 18px; margin: 0; }

.container-horaires .block-timeleft { width: 100%; float: left; }

.container-horaires .block-timeleft .picto { float: left; width: 20px; }

.container-horaires .block-timeleft .time-left { float: left; }

.container-horaires .block-timeleft .time-left .small { font-size: 13px; }

.container-horaires .block-timeleft .time-left .time { font-size: 17px; font-weight: bold; }

.list-horaires { width: 100%; background: #fff; padding-bottom: 20px; }

.list-horaires.hidden-xs { display: table; }

.list-horaires.hidden-xs > .box-horaire { display: table-cell; vertical-align: top; }

.list-horaires .box-horaire { position: relative; }

.list-horaires .box-horaire.active .timeline:after { background: #fff; }

.list-horaires .box-horaire.active > div { position: relative; z-index: 2; color: #fff; width: 100%; float: left; }

.list-horaires .box-horaire.active > div .timeline:after { background: #fff; }

.list-horaires .box-horaire.active:after { content: ""; width: 100%; height: 115%; top: 0; left: 0; bottom: 0; margin: auto; display: block; position: absolute; z-index: 1; box-shadow: 0px 0px 20px #6f6f6f; }

.list-horaires .day { width: 100%; float: left; text-transform: uppercase; text-align: center; padding: 10px; }

.list-horaires .timeline { width: 100%; float: left; height: 2px; position: relative; }

.list-horaires .timeline:after { content: ""; width: 10px; height: 10px; border-radius: 50%; left: 0; right: 0; top: 0; bottom: 0; position: absolute; margin: auto; display: block; }

.list-horaires .details-horaires { width: 100%; float: left; padding: 15px 25px; }

#agence-carousel .item { text-align: center; }

.agence-normal h1 { color: #253e92; }

.agence-normal .icon-marker, .agence-normal .icon-telephone, .agence-normal .icon-fax, .agence-normal .icon-sablier { fill: #253e92; }

.agence-normal .detail-itineraire .km { color: #253e92; }

.agence-normal .detail-itineraire .heading { background: #253e92; }

.agence-normal .detail-itineraire .heading h2 { color: #00aee0; }

.agence-normal .timeline { background: #00aee0; }

.agence-normal .timeline:after { background: #253e92; }

.agence-normal .box-horaire.active:after { background: #253e92; }

.agence-bp h1 { color: #bf9439; }

.agence-bp h2.title-blue { color: #666666; }

.agence-bp .icon-marker, .agence-bp .icon-telephone, .agence-bp .icon-fax, .agence-bp .icon-sablier { fill: #bf9439; }

.agence-bp .detail-itineraire .km { color: #bf9439; }

.agence-bp .detail-itineraire .heading { background: #bbbbbb; }

.agence-bp .detail-itineraire .heading h2 { color: #fff; }

.agence-bp .timeline { background: #bbbbbb; }

.agence-bp .timeline:after { background: #bf9439; }

.agence-bp .box-horaire.active:after { background: #bf9439; }

.agence-bp .owl-theme .owl-controls .owl-page span { border: solid 1px #bf9439; background: none !important; }

.agence-bp .owl-theme .owl-controls .owl-page.active span { border: solid 1px #bf9439; background: #bf9439 !important; }

@media (max-width: 480px) { .block-map { width: 100%; height: auto; }
  .box-itineraire { padding: 15px; }
  .box-itineraire .container-autocomplete { width: 100%; margin: 0 0 10px 0; }
  .box-itineraire input[type="text"] { margin: 0; width: 100%; }
  .box-itineraire input[type="submit"] { float: right; margin-top: 5px; width: auto; }
  .block-details-agence { width: 100%; }
  .detail-itineraire li .nb-item { width: 10%; }
  .detail-itineraire li .etape { width: 70%; }
  .horaires-heading .block-timeleft { margin-left: 0; }
  #carousel-horaires .item { min-height: 90px; }
  .owl-item .item img { width: 100%; height: auto; } }

@media (min-width: 460px) { .search-form .main-rwd { overflow: visible; min-height: 60px; } }

.search-form { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2e2e2+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ padding: 15px; border-bottom: solid 1px #bdbdbd; }

.search-form form, .search-form #form { width: 100%; float: left; display: table; }

.search-form form > div, .search-form #form > div { display: table-cell; vertical-align: middle; margin-right: 15px; }

.search-form h1, .search-form .label-search { font-size: 19px; color: #253e92; border: none; padding-left: 0; margin-bottom: 0; line-height: 1em; min-height: 1em; font-weight: normal; }

.search-form input[type="text"] { border: none; border-radius: 5px; padding: 10px; margin-right: 10px; width: 60%; }

.search-form .block-submit { display: inline; }

.search-form .title-search { width: 7%; }

.search-form .localisez-moi { width: 5%; }

.search-form .localisez-moi .btn-lcl, .search-form .localisez-moi .agence-normal .btn-itineraire, .agence-normal .search-form .localisez-moi .btn-itineraire { width: 100%; height: auto; line-height: 25px; padding: 5px; }

.search-form .localisez-moi .btn-lcl img, .search-form .localisez-moi .agence-normal .btn-itineraire img, .agence-normal .search-form .localisez-moi .btn-itineraire img { width: 25px; height: auto; min-height: 25px; float: left; }

.search-form .block-or { width: 2%; }

.search-form .block-search { width: 13%; }

.search-form .container-autocomplete { width: 60%; margin-right: 10px; position: relative; float: left; }

.search-form .container-autocomplete #input-search { margin-right: 0; width: 100%; }

.search-form .filtres { width: 100%; float: left; margin-top: 10px; }

.search-form .filtres > .pull-left { position: relative; margin-right: 15px; }

.search-form .filtres label { padding-left: 15px; }

.search-form .filtres input[type="checkbox"] { display: none; }

.search-form .filtres input[type="checkbox"]:not(:checked) + label:before, .search-form .filtres input[type="checkbox"]:checked + label:before { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border: solid 1px #797979; line-height: 10px; font-size: 11px; text-align: center; border-radius: 2px; }

.search-form .filtres input[type="checkbox"]:checked + label:before { content: '✔'; color: #253e92; border-color: #253e92; }

@media (max-width: 480px) { .search-form .filtres > .pull-left { margin-right: 10px; position: relative; width: 100%; } }

@media (min-width: 480px) and (max-width: 900px) { .search-form { height: 260px; } }

@media (max-width: 900px) { .search-form form, .search-form #form { display: block; }
  .search-form form > div, .search-form #form > div { display: block; width: 100% !important; float: left; margin-right: 0; }
  .search-form .title-search { text-align: center; }
  .search-form .title-search h1 { display: inline; }
  .search-form .localisez-moi { text-align: center; }
  .search-form .localisez-moi .btn-lcl, .search-form .localisez-moi .agence-normal .btn-itineraire, .agence-normal .search-form .localisez-moi .btn-itineraire { width: 50%; margin-top: 10px; margin-bottom: 10px; }
  .search-form .block-search { position: static; margin-top: 10px; }
  .search-form .block-search input[type="text"] { width: 100%; margin-right: 0; }
  .search-form .block-search .block-submit { text-align: center; margin-top: 10px; width: 100%; float: left; }
  .search-form .filtres > .pull-left { position: relative; margin-right: 15px; }
  .search-form .container-autocomplete { width: 100%; position: static !important; } }

.btn-lcl, .agence-normal .btn-itineraire { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c61c0+0,243c93+100 */ background: #3c61c0; /* Old browsers */ background: -moz-linear-gradient(top, #3c61c0 0%, #243c93 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3c61c0 0%, #243c93 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3c61c0 0%, #243c93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c61c0', endColorstr='#243c93',GradientType=0 ); /* IE6-9 */ }

.btn-bp, .agence-bp .btn-itineraire { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cda248+0,a88231+100 */ background: #cda248; /* Old browsers */ background: -moz-linear-gradient(top, #cda248 0%, #a88231 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #cda248 0%, #a88231 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #cda248 0%, #a88231 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cda248', endColorstr='#a88231',GradientType=0 ); /* IE6-9 */ }

.btn-bp, .agence-bp .btn-itineraire, .btn-lcl, .agence-normal .btn-itineraire { border-radius: 5px; padding: 10px; display: inline-block; box-shadow: 0 2px 5px 0 #bfbfbf; color: #fff; cursor: pointer; border: none; }

a.btn-lcl, .agence-normal a.btn-itineraire, a.btn-bp, .agence-bp a.btn-itineraire { color: #fff; text-decoration: none; }

.fil-ariane { width: 100%; float: left; margin: 0; padding: 10px; }

.container-rwd .fil-ariane { padding: 0; }

@media (max-width: 992px) { .header-rwd#header { height: 45px; min-height: 45px; position: fixed; z-index: 9999999999; background: #21368b; }
  .header-rwd#header .main-nav { display: none; }
  .header-rwd#header a.logo { display: none; }
  .logo-mobile { height: 45px; width: auto; }
  .icon-burger { width: 22px; height: 22px; margin-top: 8px; margin-left: 10px; float: left; position: relative; z-index: 99999999999999999999; background: url("../../ImagesV2/rwd/bars.svg"); }
  .icon-burger:after { content: "Menu"; position: absolute; bottom: -10px; color: #fff; font-size: 9px; }
  .menu-active .icon-burger { background: url("../../ImagesV2/rwd/close.png"); }
  .wrapper { padding-top: 45px; } }

.menu-mobile { width: 100%; height: 100%; position: fixed; z-index: 99999; transform: translate3d(-100%, 0px, 0px); transition: all .5s ease-in-out; }

.menu-mobile.active { transform: translate3d(0px, 0px, 0px); }

.container-menu-mobile { width: 100%; height: 100%; position: absolute; background: #fff; text-transform: uppercase; /*ul { margin-top: 45px; li { padding: 10px 10px 10px 40px; border-bottom: 1px solid #b9b9b9; position: relative; img { position: absolute; left: 10px; } span, img { display: inline-block; vertical-align: middle; } } }*/ }

.container-menu-mobile ul.menu-gray { margin-top: 40px; }

.container-menu-mobile ul.menu-gray div.title { padding: 10px 10px 5px 10px; border-bottom: solid 1px #bcbcbc; }

.container-menu-mobile ul.menu-gray > li { background: #eeeeee; padding: 10px; border-bottom: solid 1px #bcbcbc; }

.container-menu-mobile ul.menu-gray > li a { color: #646472; }

.container-menu-mobile ul.menu-gray > li.active a { color: #646472; }

.container-menu-mobile a { color: #253e92; font-weight: bold; font-size: 17px; line-height: 1em; display: block; text-decoration: none; }

#autocomplete-result, #autocomplete-itineraire-result { box-shadow: 0px 5px 20px #cccccc; border-radius: 4px; position: absolute; z-index: 90; margin-top: 3px; }

#autocomplete-result .autocomplete-item-search, #autocomplete-result .autocomplete-item-itineraire-search, #autocomplete-itineraire-result .autocomplete-item-search, #autocomplete-itineraire-result .autocomplete-item-itineraire-search { border: solid 1px #e4e4e4; padding: 10px; border-radius: 4px; transition: all .4s ease-in-out; background: #fff; color: #253e92; border-radius: 0; border-bottom: solid 1px #ececec; border-top: none; border-left: none; border-right: none; cursor: pointer; }

#autocomplete-result .autocomplete-item-search:hover, #autocomplete-result .autocomplete-item-itineraire-search:hover, #autocomplete-itineraire-result .autocomplete-item-search:hover, #autocomplete-itineraire-result .autocomplete-item-itineraire-search:hover { background: #253e92; color: #fff; }

#autocomplete-result .autocomplete-item-search:first-child, #autocomplete-result .autocomplete-item-itineraire-search:first-child, #autocomplete-itineraire-result .autocomplete-item-search:first-child, #autocomplete-itineraire-result .autocomplete-item-itineraire-search:first-child { border-radius: 4px 4px 0 0; }

#autocomplete-result .autocomplete-item-search:last-child, #autocomplete-result .autocomplete-item-itineraire-search:last-child, #autocomplete-itineraire-result .autocomplete-item-search:last-child, #autocomplete-itineraire-result .autocomplete-item-itineraire-search:last-child { border-radius: 0 0 4px 4px; border: none; }

* { box-sizing: border-box; }

body { font-size: 13px; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b6b6b6; font-style: italic; }

::-moz-placeholder { /* Firefox 19+ */ color: #b6b6b6; font-style: italic; }

:-ms-input-placeholder { /* IE 10+ */ color: #b6b6b6; font-style: italic; }

:-moz-placeholder { /* Firefox 18- */ color: #b6b6b6; font-style: italic; }

.main-rwd { width: 1000px; margin: auto; overflow: auto; }

.container-rwd { background: #fff; padding: 20px; overflow: auto; }

@media (max-width: 992px) { .main-rwd { width: 100%; }
  .hidden-xs { display: none !important; }
  .visible-xs { display: block !important; } }

@media (min-width: 992px) { .visible-xs { display: none !important; } }

@media (min-width: 480px) and (max-width: 999px) { .main-rwd { width: 100% !important; } }

.text-yellow { color: #fbd301; }

.text-blue { color: #253e92; }

.title-blue { color: #00aee0; }

.pull-left { float: left; }

.pull-right { float: right; }

.tt-u { text-transform: uppercase; }

.fw-b { font-weight: bold; }

.ta-c { text-align: center; }

hr { display: block; clear: both; height: 0; padding: 0; border: 0; }

hr:after { content: ""; height: 0px; width: 100%; display: block; border-bottom: solid 1px #ccc; }

h2 { color: #253e92; font-size: 19px; }

p { margin: 10px 0; }