/* /////////////////////////////////////////////////////
 *
 *	RETRO COMPATIBILITY
 *
 * nla 2017/10/31 - Le mappage des polices a été supprimé (non compatible avec le site GR)
 *
 * ////////////////////////////////////////////////// */
/* =====================================================
 *	$ 1 = COMMON
 * ================================================== */
a{color: #4b555b;}
.vichy2015-container .left,
.str_left,
.str_middle{float:left;}
.vichy2015-container .right,
.str_right{float:right;}
/* =====================================================
 *	$ 2 = OBJECT
 * ================================================== */ 
/* ~ 690 carrousel */
.obj_carrousel{position:relative;z-index:1;}
.obj_carrousel .masque{position:relative;z-index:1;overflow:hidden;}
.obj_carrousel .items{position:absolute;z-index:1;width:100000px;height:100%;}
.obj_carrousel .item{float:left;width:1180px;height:100%;}
.obj_carrousel .nav{text-align:center;}
.obj_carrousel .nav .prev,
.obj_carrousel .nav .next{position:absolute;z-index:2;left:0;top:50%;border:none;padding:0;width:59px;height:117px;margin-top:-58px;text-indent:-10000px;transition:opacity .15s;background:url('../../includeVC2015/images/sprite_icon.png') -472px top no-repeat;}
.obj_carrousel .nav .next{left:auto;right:0;background-position:-532px top;}
.obj_carrousel .nav .disabled{opacity:.2;cursor:default;}
/* ~ 2562 push product */
.obj_push.product{position:relative;z-index:1;width:230px;height:400px;cursor:pointer;text-align:center;padding:45px 0 0 0;}
.obj_push.product:before,
.obj_push.product:after{content:"";opacity:0;position:absolute;top:0;left:0;height:100%;width:14px;transition:all .15s;background:url('../../includeVC2015/images/f_push-product-shadow.png') left center no-repeat;background-size:29px 100%;}
.container.ie .obj_push.product:before,
.container.ie .obj_push.product:after{display:none;}
.obj_push.product:after{left:auto;right:0;background-position:right center;}
.obj_push.product:hover{z-index:2;}
.obj_push.product:hover:before{left:-14px;opacity:1;}
.obj_push.product:hover:after{right:-14px;opacity:1;}
.obj_push.product header{display:table-cell;width:230px; height:107px;vertical-align:middle;font:.857142em/1.333333em 'CamphorW02-Bold',arial;/* 12px/16px */}
.obj_push.product h3{font-size:1em;text-transform:uppercase;}
.obj_push.product h2{font-size:1em;}
.obj_push.product h4,
.obj_push.product header p{font-family:'CamphorW02-Regular',arial;}
.obj_push.product .visuel{display:block;}
.obj_push.product img{max-width:100%;vertical-align:baseline;}
.obj_push.product a:hover{text-decoration:underline;}
.obj_push.product .label{position:absolute;top:20px;left:0;width:100%;}
.obj_push.product .label span{display:inline-block;font:.785714em 'CamphorW02-Medium',arial;/* 11px */color:#fff;text-transform:uppercase;padding:2px 7px;background:#4b555b;}
.obj_push.product.nolink{cursor:default;}
.obj_push.product.nolink:before,
.obj_push.product.nolink:after{display:none;}
.no-js .obj_push.product{cursor:default;}
.no-js .obj_push.product:before,
.no-js .obj_push.product:after{display:none;}
.obj_push.product .ctn_avis{position:absolute;z-index:100;top:0;left:0;opacity:0;width:100%;height:100%;text-align:center;background:#fff;background:rgba(255,255,255,.95);transition:opacity .25s;}
.obj_push.product:hover .ctn_avis{opacity:1;}
.container.ie .obj_push.product .ctn_avis{display:none;}
.container.ie .obj_push.product:hover .ctn_avis{display:block;}
.obj_push.product .ctn_avis p{font:1.142857em 'CamphorW02-MediumItalic',arial;padding:0 20px;margin-top:80px;}
.obj_push.product .ctn_avis p.signature{font-size:.857142em;margin-top:20px;}
/* ~ 2899 rating customers*/
.obj_rating-customers{font-size:.785714em;}
.obj_rating-customers span{display:inline-block;height:14px;width:86px;text-indent:-100000px;margin:0 10px 0 0;background:url('../../includeVC2015/images/sprite_icon.png') right top no-repeat;}
.obj_rating-customers span.r00{background-position:right 0px;}
.obj_rating-customers span.r05{background-position:right -14px;}
.obj_rating-customers span.r10{background-position:right -28px;}
.obj_rating-customers span.r15{background-position:right -42px;}
.obj_rating-customers span.r20{background-position:right -56px;}
.obj_rating-customers span.r25{background-position:right -70px;}
.obj_rating-customers span.r30{background-position:right -84px;}
.obj_rating-customers span.r35{background-position:right -98px;}
.obj_rating-customers span.r40{background-position:right -112px;}
.obj_rating-customers span.r45{background-position:right -126px;}
.obj_rating-customers span.r50{background-position:right -140px;}
/* ~ 3025 responsive list */
.obj_responsive-list{text-align:center;}
.obj_responsive-list .item{display:inline-block;width:25%;vertical-align:top;}
.obj_responsive-list .obj_push{margin:0 auto;}
/* ~ 3198 sharer */
.obj_sharer li{display:inline;margin-right:5px;}
.obj_sharer a{display:inline-block;width:18px;height:18px;text-indent:-10000px;opacity:.4;transition:opacity .25s;background:url('../../includeVC2015/images/sprite_icon.png') left -510px;}
.obj_sharer a:hover{opacity:1;}
.obj_sharer .twitter a{background-position:left -570px;}
.obj_sharer .share a{background-position:left -690px;}
/* =====================================================
 *	$ 3 = PAGES
 * ================================================== */ 
 
/* =====================================================
 *	$ 4 = SURCHARGE OP + NEW
 * ================================================== */
.vichy2015-container{background:#fff;font-size:14px;}
.vichy2015-container *{box-sizing:initial;} 
.vichy2015-container .breadcrumb-container,
.vichy2015-container .breadcrumb-container *{box-sizing:border-box;}
.vichy2015-container .clearfix::after{display:block;}
/* b_filet 2016 */
.b_filet{position:relative;}
#page-container .b_filet{background:none;box-sizing:border-box;border:1px solid #1c213f;color:#fff;display:inline-block;font:700 15px/1em 'Calibre',arial;overflow:hidden;padding:9px 17px 10px 30px;text-transform:uppercase;transition:color .25s;z-index:1;}
#page-container .b_filet::before{background:#1c213f;content:"";height:100%;left:-15px;position:absolute;top:0;-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);transition:left .25s;width:calc(100% + 30px);}
#page-container .b_filet::after{content:"";borde-color:#fff;border-style:solid;border-width:2px 2px 0 0;height:4px;left:17px;margin-top:-3px;position:absolute;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:border-color .25s;width:4px;z-index:2;}
#page-container .b_filet span{position:relative;z-index:2;}
#page-container .b_filet:hover{color:#1c213f;}
#page-container .b_filet:hover::before{left:calc(100% + 30px);}
#page-container .b_filet:hover::after{border-color:#1c213f;}
#page-container .b_filet.back{padding-left:17px;padding-right:30px;}
#page-container .b_filet.back::after{border-width:0 0 2px 2px;left:auto;right:17px;}
#page-container .b_filet.back:hover::before{left:calc(-100% - 45px);}

#page-container .b_filet.white{border-color:#fff;color:#1c213f;}
#page-container .b_filet.white::before{background:#fff;}
#page-container .b_filet.white::after{border-color:#1c213f;}
#page-container .b_filet.white:hover{color:#fff;}
#page-container .b_filet.white:hover::after{border-color:#fff;}
/* fil ariane 2016 */
.obj_filAriane{max-width:950px;margin:15px auto;padding:0 20px;}
.obj_filAriane li{display:inline;font:12px/1em 'Calibre-MediumItalic',arial;margin-right:5px;text-transform:uppercase;}
.obj_filAriane li a{font-family:'Calibre-Bold';color:#1c213f;opacity:.6;-webkit-transition:.2s ease;transition:.2s ease}
.obj_filAriane li a:hover{opacity:1}
.obj_filAriane li > span{border-color:#1c213f;border-style:solid;border-width:2px 2px 0 0;display:inline-block;height:3px;margin:-2px 7px 0 10px;text-indent:-10000px;transform:rotate(45deg);vertical-align:middle;width:3px;}
/* =====================================================
 *	$ 5 = RESPONSIVE
 * ================================================== */  
@media screen and (max-width:640px){
.str_left,
.str_middle,
.str_right{width:auto !important;float:none;}	
}