.txtRight .carousel-inner > .item {
    max-height: 310px;
}

body input, p, a, div, label, select, h1, h2, h3, h4 {
    font-family: cairo !important;
}

.Page input, .Page select {
    /*color: #FFF;*/
}

#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    white-space: pre;
    font: normal 13px 'Lucida Console',monospace;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #5d5d5d;
    border-bottom: 1px solid #5d5d5d;
    border-left: 1px solid #e5e5e5;
    background-color: #eeeeee;
    cursor: default;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.intl-tel-input {
    display: block;
}

.SuccessClassTel {
    border: 1px green red !important;
}

.errorTestClass {
    border: 1px solid red !important;
}

.Page {
    padding: 2% 2% 1% 4% !important;
}
/* Start by setting display:none to make this hidden.
           Then we position it in relation to the viewport window
           with position:fixed. Width, height, top and left speak
           for themselves. Background we set to 80% white with
           our animation centered, and no-repeating */
.Spinner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/Content/img/throbber_12.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
           the scrollbar off with overflow:hidden */
/*body.loading {
            overflow: hidden;
        }*/

/* Anytime the body has the loading class, our
           modal element will be visible */
body.loading .Spinner {
    display: block;
}

input[type=button] {
    width: auto;
}

input[type=submit] {
    width: auto;
}



.PanierPolice {
    font-size: 15px;
}

.basket {
    float: right;
    font-size: 15px;
    font-weight: bold;
}


body input, p, a, div, label, select, h1, h2, h3, h4 {
    font-family: cairo !important;
}

.Page input, .Page select {
    /*color: #FFF;*/
}

#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    white-space: pre;
    font: normal 13px 'Lucida Console',monospace;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #5d5d5d;
    border-bottom: 1px solid #5d5d5d;
    border-left: 1px solid #e5e5e5;
    background-color: #eeeeee;
    cursor: default;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.intl-tel-input {
    display: block;
}

.SuccessClassTel {
    border: 1px green red !important;
}

.errorTestClass {
    border: 1px solid red !important;
}

.Page {
    padding: 2% 2% 1% 4% !important;
}
/* Start by setting display:none to make this hidden.
           Then we position it in relation to the viewport window
           with position:fixed. Width, height, top and left speak
           for themselves. Background we set to 80% white with
           our animation centered, and no-repeating */
.Spinner {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/Content/img/throbber_12.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
           the scrollbar off with overflow:hidden */
/*body.loading {
            overflow: hidden;
        }*/

/* Anytime the body has the loading class, our
           modal element will be visible */
body.loading .Spinner {
    display: block;
}

input[type=button] {
    width: auto;
}

input[type=submit] {
    width: auto;
}


/**********************************************/
.container-fluid {

    background: url(../media/8503/page-2.jpg) no-repeat scroll left top;
    background-size: 100%;
}

/**********************************************/

.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

/*@media screen and (max-width: 600px) {
    table#cart tbody td .form-control {
        width: 20%;
        display: inline !important;
    }

    .actions .btn {
        width: 36%;
        margin: 1.5em 0;
    }

    .actions .btn-info {
        float: left;
    }

    .actions .btn-danger {
        float: right;
    }

    table#cart thead {
        display: none;
    }

    table#cart tbody td {
        display: block;
        padding: .6rem;
        min-width: 320px;
    }

    table#cart tbody tr td:first-child {
        background: #333;
        color: #fff;
    }

    table#cart tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 8rem;
    }



    table#cart tfoot td {
        display: block;
    }

        table#cart tfoot td .btn {
            display: block;
        }
}*/





.item-photo {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #f6f6f6;
}

.menu-items {
    list-style-type: none;
    font-size: 11px;
    display: inline-flex;
    margin-bottom: 0;
    margin-top: 20px
}

.btn-success {
    width: 100%;
    border-radius: 0;
}

.section {
    width: 100%;
    margin-left: -15px;
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f8f9f9
}

.title-price {
    margin-top: 30px;
    margin-bottom: 0;
    color: black
}

.title-attr {
    margin-top: 0;
    margin-bottom: 0;
    color: black;
}

.btn-minus {
    cursor: pointer;
    font-size: 7px;
    display: flex;
    align-items: center;
    padding: 5px;
    padding-left: 10px;
    border-left: 1px solid gray;
    border-radius: 10px 0 0 10px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    background: #fff;
}

.btn-plus {
    cursor: pointer;
    font-size: 7px;
    display: flex;
    align-items: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid gray;
    border-radius: 0 10px 10px 0;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    background: #fff;
}


#NombreCopieTxt {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    outline: none
}

div.section > div {
    width: 100%;
    display: inline-flex;
}

    div.section > div > input {
        margin: 0;
        padding-left: 5px;
        font-size: 10px;
        padding-right: 5px;
        max-width: 18%;
        text-align: center;
    }

.attr, .attr2 {
    cursor: pointer;
    margin-right: 5px;
    height: 20px;
    font-size: 10px;
    padding: 2px;
    border: 1px solid gray;
    border-radius: 2px;
}

    .attr.active, .attr2.active {
        border: 1px solid orange;
    }




    /*************************/
.prdcart {
    padding: 15px
}

    .prdcart:hover {
        opacity: .8
    }


.prdimg {
    position: relative;
}

    .prdimg img {
        border-radius: 15px
    }

    .prdimg h2 {
        position: absolute;
        border-radius: 0 0 15px 15px;
        color: #fff;
        bottom: 0;
        margin: 0;
        line-height: 16px;
        padding: 5px 10px 8px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400
    }

.addville select {
    margin: 5px 0;
    font-family: 'SegoeUI-Semibold';
}

.addville i {
    font-size: 18px;
    position: relative;
    top: -1px
}

.slideprd .carousel-control.left, .slideprd .carousel-control.right {
    background-image: none
}

.slideprd .carousel-control .glyphicon-chevron-left, .slideprd .carousel-control .glyphicon-chevron-right, .slideprd .carousel-control .icon-prev {
    color: #2794c2
}

.slideprd .carousel-indicators li {
    border-color: #2794c2
}

.slideprd .carousel-indicators .active {
    background-color: #2794c2;
}
/**********************************************/


.cartesgeo {
    margin: 10px 0;
    margin-left: -15px;
}


/**********************************************/

.albums {
    text-align: center;
    margin-top: 10px
}

    .albums img {
        height: 130px;
        width: 100%
    }

a p.albumtitre {
    text-align: center;
    height: 40px;
}

a:hover p.albumtitre {
    color: #06F !important
}

.alb {
    margin: 15px 0
}

.gallery {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

    .gallery:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .gallery li {
        float: left;
        width: 33.33333333%;
        list-style-type: none !important;
        max-height: 150px
    }

        .gallery li a {
            display: block;
            margin: 5px;
            border: 1px solid #3c3c3c;
        }

        .gallery li img {
            display: block;
            width: 100%;
            height: 150px;
        }

.actos {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 10px 0
}

    .actos .img {
        margin-right: 15px;
        width: 150px;
        height: 150px
    }

    .actos h1 {
        margin: 0 0 5px 0
    }

    .actos .actu {
        background: #1d93c4 none repeat scroll 0 0;
        color: #fff;
        float: right;
        font-weight: bold;
        font-size: 16px;
        margin-top: 20px;
        padding-top: 1px
    }

        .actos .actu a {
            color: #fff
        }


/**********************************************/
.Catalog span {
    font-size: 12px
}

.Catalog select {
    background: rgba(204,204,204,0.2);
    border-radius: 0;
    color: #000;
    font-family: SegoeUI-Semibold;
}

.Customselect {
    background: rgba(204,204,204,0.2);
    border-radius: 0;
    color: #000;
    font-family: SegoeUI-Semibold;
}



.Catalog .CarteGallery { 
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0;
    max-height: 260px;
    box-shadow: 0 0 8px -5px #060606;
}

    .Catalog .CarteGallery img {
        transition: all 0.9s ease-out 0s;
    }

    .Catalog .CarteGallery:hover img {
        transform: scale(1.08);
        transition: all 0.8s ease 0s;
    }

    .Catalog .CarteGallery h1 {
        font-size: 15px;
        text-align: center;
        font-style: normal;
        font-weight: bold;
		height:30px;
    }

    .Catalog .CarteGallery h2 {
        font-size: 18px;
        text-align: right;
        font-style: normal;
        font-weight: bold;
        /*margin: 20px 0 0*/
        margin-top: 0px;
    }

.pad-0 {
    padding-left: 0
}

.pad0 {
    padding-left: 0;
    padding-right: 0
}

.Echelle {
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 10px;
    margin-left: -15px;
}

    .Echelle h6 {
        margin: 10px 0;
        color: #1d93c4
    }

.cartesgeo {
    margin: 10px 0;
    margin-left: -15px;
}

ul#Echelle {
    padding: 0
}

    ul#Echelle li {
        list-style-type: none
    }

        ul#Echelle li a {
            color: #000;
            font-size: 16px
        }

            ul#Echelle li a:hover, ul#Echelle li a.active {
                color: #1d93c4;
                font-size: 18px
            }

.CarteSlide {
    border: 1px solid #ccc
}

.CarteText select {
    background: rgba(204,204,204,0.2);
    border-radius: 0;
    color: #000;
    font-family: SegoeUI-Semibold;
    margin-top: 14px
}

.CarteText h2 {
    margin: 20px 0 5px
}

    .CarteText h2.prix {
        margin: 30px 0 20px;
        clear: both
    }

.CarteText p.prix {
    font-size: 30px;
    color: #000
}


#gallery_01 {
    text-align: center
}

    #gallery_01 a {
        margin: 5px;
        display: inline-block
    }

        #gallery_01 a.active {
            border: 2px solid #1d93c4
        }

.btnCart {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    margin: 40px auto 30px
}

    .btnCart a {
        background: #1d93c4;
        color: #fff;
        padding: 10px 30px;
        border-radius: 20px
    }

        .btnCart a img {
            position: relative;
            top: -4px
        }

.CartGeo {
    background: #f5f5f5;
    padding: 15px 0
}

    .CartGeo label {
        display: inline-block
    }

    .CartGeo select {
        display: inline-block;
        background: #fff;
        border: none;
        height: 45px;
        border-radius: 0
    }

    .CartGeo .crr {
        padding: 0 5px
    }

    .CartGeo h5 {
        height: 45px;
        border: 1px solid #fff;
        background: #1d93c4;
        text-align: center
    }

        .CartGeo h5:hover {
            background: #167da8;
        }

.CarteFnc {
    background: #fff;
    padding: 2px
}

    .CarteFnc .Fnc {
        border-bottom: 1px solid #e5e5e5;
        padding-left: 25px;
        background: url(../images/circular-shape-silhouette.svg) no-repeat 4px 1px
    }

        .CarteFnc .Fnc h6 {
            font-size: 14px;
            margin: 15px 0
        }

        .CarteFnc .Fnc p {
            font-size: 13px;
            margin: 10px 0;
            color: #000
        }

    .CarteFnc input[type="checkbox"] {
        position: relative;
        top: 2px;
        margin-right: 2px
    }

.BntFnc {
    width: 100%;
    border: none;
    margin: 10px 0;
    background: #1d93c4;
}

    .BntFnc p {
        color: #fff;
        text-align: center;
        text-transform: uppercase
    }

.SearchGeo {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    float: left;
}

    .SearchGeo input.txt {
        border: 1px solid #fff;
        border-radius: 0;
        color: #333 !important;
        font-size: 11px;
        font-family: SegoeUI-Semibold;
        height: 45px;
        padding-left: 5px;
        margin: auto;
        width: 100%;
        background: #fff;
    }

        .SearchGeo input.txt::placeholder {
            color: #999 !important;
        }

    .SearchGeo input.ok {
        background: #0c92c7 url(../images/search.svg) no-repeat center center;
        border: 1px solid #fff;
        cursor: pointer;
        display: block;
        height: 45px;
        right: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 45px;
        border-radius: 0;
    }

/* -------------------------------- 

Basic style

-------------------------------- */
nav[role="navigation"] {
    text-align: center;
}

.cd-pagination {
    width: 90%;
    max-width: 768px;
    margin: 2em auto 4em;
    text-align: center;
}

    .cd-pagination li {
        /* hide numbers on small devices */
        display: none;
        margin: 0 .2em;
    }

        .cd-pagination li.button {
            /* make sure prev next buttons are visible */
            display: inline-block;
        }

    .cd-pagination a, .cd-pagination span {
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* use padding and font-size to change buttons size */
        padding: .3em .5em;
        font-size: 1.1rem;
    }

    .cd-pagination a {
        border: 1px solid #e6e6e6;
        border-radius: 0.25em;
    }

.no-touch .cd-pagination a:hover {
    background-color: #f2f2f2;
}

.cd-pagination a:active {
    /* click effect */
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.cd-pagination a.disabled {
    /* button disabled */
    color: rgba(46, 64, 87, 0.4);
    pointer-events: none;
}

    .cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
        opacity: .4;
    }

.cd-pagination .button:first-of-type a::before {
    content: '\00ab  ';
}

.cd-pagination .button:last-of-type a::after {
    content: ' \00bb';
}

.cd-pagination .current {
    /* selected number */
    background-color: #1d93c4;
    border-color: #1d93c4;
    color: #ffffff;
    pointer-events: none;
}

@media only screen and (min-width: 768px) {
    .cd-pagination li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-pagination {
        margin: 2em auto 4em;
    }
}

.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
    vertical-align: middle;
}

.cd-pagination.custom-buttons .button a {
    /* set custom width */
    width: 40px;
    /* image replacement */
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    color: transparent;
    background-image: url("../images/cd-icon-arrow-2.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.cd-pagination.custom-buttons .button:last-of-type a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {
    -webkit-transform: scale(0.9) rotate(180deg);
    -moz-transform: scale(0.9) rotate(180deg);
    -ms-transform: scale(0.9) rotate(180deg);
    -o-transform: scale(0.9) rotate(180deg);
    transform: scale(0.9) rotate(180deg);
}

.cd-pagination.no-space.custom-buttons .button:last-of-type a {
    border-radius: 0.25em 0 0 0.25em;
}
/**********************************************/


@media screen and (max-width:1300px) {
}

@media screen and (max-width:1200px) {

    .cheinsc > .siscrir {
        margin-top: 0;
    }

    .cheinsc > .search {
        margin-top: 24px;
    }

    .Page > .brl {
        border-left: none;
        width: 100%
    }

    .Page > .telecommerce {
        width: 100%
    }

    header > .container a > img {
        width: 120px !important
    }
}

@media screen and (max-width:1024px) {
    .Carto {
        margin: 20px auto 0;
        height: auto;
    }
}

@media screen and (max-width:820px) {
    .Page label {
        font-size: 18px;
    }

    .txtRight {
        margin-left: -15px;
    }
}

@media screen and (max-width:720px) {
    header .moncompte {
        font-size: 10px;
        line-height: 15px;
        text-align: center;
        width: 220px;
        margin-bottom: 5px;
    }

    .Page, .Login {
        display: inline-block;
        margin: 30px 1%;
        width: 98%;
    }

    header {
        position: relative
    }

    .gallery {
        position: relative;
        left: -15px
    }

        .gallery li {
            width: 50%;
        }

    .SearchGeo {
        margin: 10px auto
    }
}

@media screen and (max-width:550px) {
    .Carto {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    header .moncompte {
        width: 110px;
    }

    header .lang a {
        padding: 0 3px;
    }

    .cheinsc h3 {
        font-size: 26px;
    }

    .cheinsc .formgr {
        display: inline-block;
        width: 100%
    }

        .cheinsc .formgr label {
            width: 100%
        }

    .Plus a {
        font-size: 18px;
    }

    .Formlogin {
        width: 100%;
    }

    .crtxs {
        width: 100%;
        margin: 5px auto
    }

    .gallery li {
        width: 100%;
    }

    .actos .img {
        width: 100%;
        margin-bottom: 15px
    }




    .table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: middle;
    }

    /*@media screen and (max-width: 600px) {
        table#cart tbody td .form-control {
            width: 20%;
            display: inline !important;
        }

        .actions .btn {
            width: 36%;
            margin: 1.5em 0;
        }

        .actions .btn-info {
            float: left;
        }

        .actions .btn-danger {
            float: right;
        }

        table#cart thead {
            display: none;
        }

        table#cart tbody td {
            display: block;
            padding: .6rem;
            min-width: 320px;
        }

        table#cart tbody tr td:first-child {
            background: #333;
            color: #fff;
        }

        table#cart tbody td:before {
            content: attr(data-th);
            font-weight: bold;
            display: inline-block;
            width: 8rem;
        }



        table#cart tfoot td {
            display: block;
        }

            table#cart tfoot td .btn {
                display: block;
            }
    }*/