/* BANDEAU BLEU */
.inPartbandeaubleuhp { height: 47px; max-width:1000px; display: block; margin:0 auto; }
.bandeaubleuhp { background:#0082C3; padding:15px 0; overflow: hidden; position: relative; }
.bandeaubleuhp a { color:#fff; text-decoration: none; }
.bandeaubleuhp a span.labelServicebandeaubleuhp { display: table-cell; font-family: 'Roboto-Condensed', sans-serif; font-weight:700; font-size: 13px; padding-left: 7px; text-align: left; text-transform: uppercase; vertical-align: middle; color:#ffffff; text-decoration: none; }
.bandeaubleuhp a span.noteAvis { display: block; margin-top: 5px; font-family: 'Roboto-Condensed', sans-serif; font-weight:700; font-size: 13px; color:#ffffff; text-decoration: none; }
.bandeaubleuhp .serviceBoxpro { width:19%; float:left; display: table; text-align: center; margin-top: 5px; }
.bandeaubleuhp .serviceBoxclick { width:20%; float:left; display: table; text-align: center; margin-right: 15px; margin-left: 15px; margin-top: 5px; }
.bandeaubleuhp .serviceBoxreturns { width:13%; float:left; display: table; text-align: center; margin-right: 15px; margin-left: 15px; margin-top: 5px; }
.bandeaubleuhp .serviceBoxavis { width:22%; float:left; display: table; text-align: center; margin-right: 38px; margin-left: 16px; }
.bandeaubleuhp .serviceBoxkdo { width:11%; float:left; display: table; text-align: center; margin-top: 7px; margin-left: 15px; margin-right: 15px;}
.bandeaubleuhp .pictoServicesbandeaubleuhp { display:table-cell; vertical-align: middle; }
.pictoAvis { width:69px; height: 21px; display:block; background:url('../images/starts-icone.png?date=1') 0 0 no-repeat; margin: 0 auto; }
.free-returns { width: 32px; background: url(../images/picto-retour-echange-white.svg) 0 0 no-repeat; }
.click-collect { width:27px; background: url(../images/picto-clic-collect-white.svg) 0 0 no-repeat; }
.cadeau { width: 37px; background: url(../images/picto-carte-cadeaux-white.svg) 0 0 no-repeat; }
.location { background-position:0 -246px !important; }
.decapro { background-position: 0 -343px !important; background: url(../images/sprites-icone-hp@x2.png) 0 0 no-repeat; background-size: 100%; width: 49px; height: 49px; }
.trouver { width:30px; background: url(../images/picto-pin-white.svg) 0 0 no-repeat;}
.scaleScrollbandeaubleuhp { width:100%; height:auto; display:block; overflow:hidden; position: relative; }
@media(max-width:1024px){
.inPartbandeaubleuhp { padding:0 20px; }
.bandeaubleuhp { padding:20px 0; margin-top: -5px; }
.bandeaubleuhp .serviceBoxclick, .bandeaubleuhp .serviceBoxreturns, .bandeaubleuhp .serviceBoxkdo { margin-top: 10px; }
.bandeaubleuhp .serviceBoxavis { margin-top: 5px; }
}
@media(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
.bandeaubleuhp .pictoAvis { background:url('../images/starts-icone@x2.png?date=1') 0 0 no-repeat; background-size:100% }
}
@media(max-width:960px){
.digitalZonebandeaubleuhp { overflow-x:scroll; display:block; -webkit-overflow-scrolling:touch; width:100%; height: 100%; }
.tableLinkbandeaubleuhp { display: block; }
.containerMobilebandeaubleuhp { width:1000px !important; display:block; }
.serviceBox { text-align: left; }
.digitalCornerbandeaubleuhp { width:35px; height: 198px; display: block; position:absolute; top:0; right:-17px; z-index: 5; background:#0082C3; box-shadow:0 0 10px rgba(0,0,0,0.63); -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); -o-transform: skewX(-10deg); transform: skewX(-10deg);}
}

/* SMALL COMMERCE */
.hpsmall-commerce { max-width:1000px; height:auto; display:block; margin:20px auto; padding:0; position:relative; }
.hpsmall-commerce img { width: 100%; }
.hpsmall-commerce .small-1 { position:relative; width: 32%; display: block; float: left; }
.hpsmall-commerce .small-2 { position:relative; width: 32%; display: block; float: left; margin-right: 2%; margin-left: 2%; }
.hpsmall-commerce .small-3 { position:relative; width: 32%; display: block; float: right; }
.hpsmall-commerce .small-1 .btn-yellow, .hpsmall-commerce .small-2 .btn-yellow, .hpsmall-commerce .small-3 .btn-yellow, .hpsmall-commerce .small-3 .btn-blue { position: absolute; bottom: 12px; right: 80px; text-align: center;}
.hpsmall-commerce .clear-both { width:100%; height:0; display:block; clear:both; overflow:hidden; padding:0; margin:0; line-height:0; }

/* SMALL SERVICES */ 
.hpsmall-commerce .small-service-1 { position:relative; width: 49%; display: block; float: left; margin-right: 2%; margin-top: 40px; }
.hpsmall-commerce .small-service-2 { position:relative; width: 49%; display: block; float: left; margin-top: 40px; }
.hpsmall-commerce .small-service-1 .btn-blue, .hpsmall-commerce .small-service-2 .btn-blue, .hpsmall-commerce .small-service-3 .btn-blue { position: absolute; bottom: 12px; right: 20px; text-align: center; }

/* ZONE COMM */
.zone-comm { width:100%; height:463px; }
.zone-comm .content { max-width:1000px; display:block; margin:0 auto; }
.zone-comm .content .conseil { background-color: rgba(255, 255, 255, 0.6); width: 323px; float: right; overflow: hidden; height:463px; }
.zone-comm .content .conseil p.titre-conseil { margin-top: 90px; color: #0082c3; font-family: 'Roboto-Condensed', sans-serif; font-weight: 700; font-size: 44px; line-height: 0.9; text-transform: uppercase; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */ transform: rotate(-10deg);font-style: italic; text-align: center; }
.zone-comm .content .conseil p.titre-conseil span { color: #EC6607; }
.zone-comm .content .conseil .ligne-orange { border-bottom: 6px solid #EC6607; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */ transform: rotate(-10deg); width: 105%; margin-left: -8px; }
.zone-comm .content .conseil p.description-conseil { font-family: 'Roboto-Condensed', sans-serif; font-weight: 400; font-size: 16px; text-align:center; width: 270px; margin-left: 25px; margin-top: 55px; }
.zone-comm .content .conseil .btn-blue { position: relative; width: 190px; margin-bottom: 0; }
.zone-comm a.lien-comm { width:100%; height:463px; display:block; position:absolute; z-index:5; text-decoration:none; }

/* BANNIERE INSTITUTIONNELLE */
.banniere-institutionnelle { max-width:1000px; height:auto; display:block; position:relative; margin: 0 auto; }
.banniere-institutionnelle img { width:100%; }
.banniere-institutionnelle .btn-blue { position: absolute; bottom: 15px; right: 15px; }

/* CTA JAUNE */
.btn-yellow p a { position:relative; display:block; background:#fef63a; font-size:20px; font-weight:700; color:#000; line-height:35px; text-transform:uppercase; text-decoration:none; }
.btn-yellow p a:after { position:absolute; width:7px; height:12px; top:50%; right:10px; margin-top:-5px; background:transparent center center no-repeat url(/ecfr/static/head-css/images/btn-arrow-black.png);content:'' }
.btn-yellow p a span { position:relative; display:block; padding:1px 38px 0 10px; background:linear-gradient(to bottom, #fef63a 0%,#eec423  100%); overflow:hidden; font-family: 'Roboto-Condensed', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -0.5px; }
.btn-yellow p a span:after { position:absolute; width:75px; height:45px; bottom:0; right:0; margin-right:-40px; background:rgba(255,255,255,.3); transform:rotate(15deg); transform-origin:left bottom;content:'' }

/* CTA BLEU */
.btn-blue p a { position:relative; display:block; background:#19a4d5; font-size:20px; font-weight:700; color:#fff; line-height:35px; text-transform:uppercase; text-decoration:none; }
.btn-blue p a:after { position:absolute; width:7px; height:12px; top:50%; right:10px; margin-top:-5px; background:transparent center center no-repeat url(/ecfr/static/head-css/images/btn-arrow-white.png);content:'' }
.btn-blue p a span { position:relative; display:block; padding:1px 44px 0 17px; background:linear-gradient(to bottom, #4eb0ed 0%,#0173b9 100%); overflow:hidden; font-family: 'Roboto-Condensed', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -0.5px; }
.btn-blue p a span:after { position:absolute; width:75px; height:45px; bottom:0; right:0; margin-right:-40px; background:rgba(255,255,255,.3); transform:rotate(15deg); transform-origin:left bottom;content:'' }

/* TITRE */
.titre-push { padding: 20px; text-align: center; margin-top: 40px;}
.titre-push h2 { font-family: 'Roboto-Condensed', sans-serif; font-weight: 700; font-size: 20px; color: #5a5959; font-style: italic; text-transform: uppercase; letter-spacing: -0.8px;}


@media(max-width:999px){
.hpsmall-commerce .small-1 .btn-yellow, .hpsmall-commerce .small-2 .btn-yellow, .hpsmall-commerce .small-3 .btn-yellow, .hpsmall-commerce .small-3 .btn-blue { position: static; }
.zone-comm .content .conseil { margin-right: 10px; }

}
@media(max-width:660px){
.hpsmall-commerce { margin: 0px auto; }
.hpsmall-commerce .small-1, .hpsmall-commerce .small-2, .hpsmall-commerce .small-3, .hpsmall-commerce .small-service-1, .hpsmall-commerce .small-service-2 { width: 100%; float: none; padding: 10px;}
.hpsmall-commerce .small-2, .hpsmall-commerce .small-3 { margin-top: -45px; }
.hpsmall-commerce .small-2 { margin-right: 0; margin-left: 0; }
.hpsmall-commerce .small-1 .btn-yellow, .hpsmall-commerce .small-2 .btn-yellow, .hpsmall-commerce .small-3 .btn-yellow, .hpsmall-commerce .small-3 .btn-blue { position: relative; width: 225px; bottom: 53px; right: inherit; margin: 0 auto; }
.hpsmall-commerce .small-service-1 { margin-top: -30px; }
.hpsmall-commerce .small-service-2 { margin-top: -10px; }
.zone-comm, .titre-push, .banniere-institutionnelle { display: none; }


}
@media(max-width:320px){
.hpsmall-commerce .small-1 .btn-yellow, .hpsmall-commerce .small-2 .btn-yellow, .hpsmall-commerce .small-3 .btn-yellow, .hpsmall-commerce .small-3 .btn-blue { bottom: 48px; }
}