/*.panel-heading .accordion-toggle.collapsed{color: #fff;background: url(../images/collaps_icon_plus.jpg) no-repeat right center !important;}
.panel-heading .accordion-toggle{color: #fff;background: url(../images/collaps_icon_minus.jpg) no-repeat right center !important;}*/

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/roboto-medium.eot');
    src: url('../fonts/roboto-medium.eot') format('embedded-opentype'),
         url('../fonts/roboto-medium.woff') format('woff'),
         url('../fonts/roboto-medium.ttf') format('truetype'),
         url('../fonts/roboto-medium.svg#RobotoMedium') format('svg');
   font-weight: normal;
    font-style: normal;      
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/roboto-bold.eot');
    src: url('../fonts/roboto-bold.eot') format('embedded-opentype'),
         url('../fonts/roboto-bold.woff') format('woff'),
         url('../fonts/roboto-bold.ttf') format('truetype'),
         url('../fonts/roboto-bold.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;     
         
}		
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;     
}
.fiche_slider_sec{ width: 100%; display: inline-block; margin-top: 14px;}
.no_padng{ padding: 0px;}

#sync1 {width:100%; float:left; position: relative;}
#sync2 {width:100%; float:left; padding: 25px 25px 0;}
#sync1 .item{}
#sync1 .item img {width:100%;}
#sync2 .item{margin: 5px;}
#sync2 .item img {width:100%;}
.fiche_slider_sec .owl-prev{ width: 42px; height: 70px; background: url(../images/btn-prev.png) no-repeat center center #fff; position: absolute; left: 0; bottom: 50%; z-index: 99; font-size: 0px;}
.fiche_slider_sec .owl-next{ width: 42px; height: 70px; background: url(../images/btn-next.png) no-repeat center center #fff; position: absolute; right: 0; bottom: 50%; z-index: 99; font-size: 0px;}


.modal-slide {
    width: 90%;
}

.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}

.modal-body img {
    width: 100%;
}

.modal-slide .modal-body img {
    width: 100%;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 500;
}

.bx-wrapper {
    margin: 0px auto;
}

.bx-wrapper .bx-viewport {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.bx-wrapper img {
    margin: 5px auto;
}

ul.bxslider {
    padding-left: 5px;
}

#bx-pager {
    background-color: #ececec;
    text-align: left;
    padding: 5px;
}

#bx-pager.produit-pager {
    background-color: transparent;
    text-align: center;
    padding: 0;
}

#bx-pager.produit-pager-1 img {
    margin: 5px 0 5px 5px;
    max-height: 50px;
}

#bx-pager.produit-pager-1 {
    text-align: right;
}

#bx-pager.produit-pager img {
    width: 70px;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    margin: 0 5px 10px;
    max-height: 100px;
}

.bxslider-light {
    height: auto; padding-left:20px;
    
}

.bxslider-light li {
    min-width: 100%;
    height: auto;
    position: relative !important;
    left: -10px;
    top: -5px;
}

.bxslider-light li p {
    color: #4d4d4d;
    text-align: center;
    font: normal 18px/20px 'RobotoBold';
}
.bxslider-light li p span{
    color: #4d4d4d;
    text-align: center;
    font: normal 15px/20px 'RobotoRegular';
    background: url(../images/light_span_lft.png) no-repeat 8px;
    padding: 0 20px;
}

.light .modal-header button.close {
    position: absolute;
    top: 0px;
    right: 0;
    color: #fff;
    background-color: #00b9b4;
    padding: 5px 10px;
    opacity: 1;
    font: normal 29px/32px 'RobotoMedium';
}

.light .modal-content {
    border-radius: 0;
}

.bx-wrapper .bx-controls-direction a {
    height: 70px !important;
    width: 50px !important;
    margin-top: -35px !important;
    background-color: rgba(167, 52, 68, 0.6) !important;
}

.bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(167, 52, 68, 0.8) !important;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {
    background: url(../images/btn-prev.png) no-repeat center center !important;
    left:-65px !important;
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {
    background: url(../images/btn-next.png) no-repeat center center !important;
    right: -65px !important;
}

.modal-body .bx-viewport {
    min-height: 660px;
}

.light .modal-header button.close {
    position: absolute;
    top: -37px;
    right: -17px;
    color: #fff;
    background-color:none;
    padding: 5px 0px;
    opacity: 1;
    background: none;
    cursor: pointer;
}

.light .modal-content {
    border-radius: 0;
}



@media (min-width: 992px) {
    .modal-lg {
        width: 950px;
    }
}


@media only screen and (min-width:768px) and (max-width:1023px)
{
 .modal-body .bx-wrapper .bx-next {
        right: -150px;
    }
    .modal-body .bx-wrapper .bx-prev {
        left: -150px;
    }
	.modal-body .bx-viewport {
    min-height:415px;
}
}


@media only screen and (max-width:767px) 
{


 #bx-pager.produit-pager {
        text-align: center;
    }
    #bx-pager.produit-pager img {
        width: -webkit-calc((100%/6) - 15px);
        width: -moz-calc((100%/6) - 15px);
        width: calc((100%/6) - 15px);
        margin: 10px 5px;
    }

 .modal-body .bx-viewport {
        min-height: 210px;
    }



.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {
    left:0px !important;
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {
    right: 0px !important;
}

}

@media only screen and (max-width:599px) 
{
.modal-header .close{ right: -15px; top: -40px;}
}











