.container-full {
    overflow-x: hidden;
}
.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset4 {
    margin-top: 30px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 60px;
}

.voffset7 {
    margin-top: 80px;
}

.voffset8 {
    margin-top: 100px;
}

.voffset9 {
    margin-top: 150px;
}

#SideColumn, #SideColumnNew {
    margin-top: 15px;
}

#LeftNavigation {
    width: 70px !important;
}

.container-full-inside {
    margin-left: 70px;
}

@media only screen and (max-width: 768px) {
    .container-full-inside {
        margin-left: 0px;
    }

    .logoholder,
    #SpyPanel .searchBoxContainer {
        margin-left: auto;
        margin-right: auto;
    }
}

#LeftNavigation ul li.navigation_button:hover, #LeftNavigation ul li.navigation_button.active {
    background: url("../images/menu_active_arrow.png") no-repeat scroll right 5px rgba(0, 0, 0, 0);
}

#LeftNavigation ul li.navigation_button.active, #LeftNavigation ul li.navigation_button.active a {
    color: #fff;
}

#LeftNavigation ul li.navigation_button, #LeftNavigation ul li.navigation_button a {
    transition: all 0.3s ease-out 0s;
}

#LeftNavigation ul li.navigation_button a {
    background: url("../images/menu_active_arrow.png") no-repeat scroll 150% 5px rgba(0, 0, 0, 0);
    color: #a3a3a3;
    cursor: pointer;
    font-size: 12px;
    margin: 5px 0 25px;
    padding: 0 5px;
}

.modindeximg {
    z-index: -1;
    width: 2000px;
    height: 800px;
    slidedirection: fade;
    slideoutdirection: fade;
    durationin: 100;
    durationout: 8000;
    easingin: easeInSine;
    easingout: easeOutSine;
    delayin: 0;
    delayout: 0;
    showuntil: 100;
    rotateout: 0;
    scaleout: 1.2;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.hidden {
    display: none;
}

/*.product.element{
    height:336px;
    overflow: hidden;
}
.product .image{
    height:245px;
}
.products .product .inside{
    height:307px;
}*/
.efixed {
    height: 336px;
    overflow: hidden;
}

.ifixed {
    height: 245px;
}

.infixed {
    height: 307px;
}

.product .buttons a.masonrylink, .text_wrapper.bck {
    color: black !important;
    font-family: Arial;
    line-height: 120%;
    font-size: 18px;
    background-color: #f8f7f7 !important;
    bottom: 0 !important;
}

.product .buttons a.masonrylink:hover {
    background-color: #dddeee !important;
    color: black !important;
}

.product .text_wrapper {
    /*height:60px;*/
    overflow: hidden;
}

.thumb img {
    width: 150px;
}

#emailsubscribebutton {
    top: 35px;
}

/*.table-no-border > thead > tr > th,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > tbody > tr > td,
.table-no-border > tfoot > tr > td,
.collapsed-menu li,
.collapsed-menu .nav-list {
    border-top: none !important;
    border-bottom: none !important;
    border-style: hidden !important;
}*/
.tree-toggler.nav-header {
    cursor: pointer;
}

.tablefontsize {
    fon-size: 18px;
}

.table-no-border > thead > tr > th,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > tbody > tr > td,
.table-no-border > tfoot > tr > td {
    border-top: none !important;
    border-bottom: none !important;
    border-style: hidden !important;
}

.specmargin {
    margin-top: 18px;
}

#addtobag2totalprix {
    font-size: 20px;
}

.transformer {
    position: relative;
    margin-top: 5px
}

.normbutton {
    margin-top: 10px;
    width: 47%;
    padding: 15px 6px;
}

@media (max-width: 1000px) {
    .tablefontsize {
        font-size: 16px;
    }

    .searchBox .searchButton {

    }

    .searchBox .searchBoxInput {
        width: 300px !important;
        font-size: 10px !important;
    }

    .middleblock img {
        max-width: 95%;
    }

    .specmargin {
        margin-top: 200px !important;
    }

    #shopping_cart, #SpyPanel .searchBoxContainer {
        float: none !important;
    }

    #SpyPanel .searchBoxContainer {
        margin: 20px auto 10px;
    }

    .movebar {
        margin-top: 0 !important;
        padding-top: 1px !important;
    }

    .fontresize {
        font-size: 15px !important;
    }

    .qty.no_selection.transformer,
    .transformer {
        clear: both;
    }
}

@media (min-width: 1001px) and (max-width: 1199px) {
    .searchBox .searchButton {

    }

    .searchBox .searchBoxInput {
        width: 300px !important;
        font-size: 10px !important;
    }

    .qty.no_selection.transformer,
    .transformer {
        clear: both;
    }
}

@media (min-width: 1001px) and (max-width: 1400px) {
    .specmargin {
        margin-top: 30px !important;
    }

    .fontresize {
        font-size: 17px !important;
    }

    .middleblock img {
        max-width: 95%;
    }

    .col-lg-9 {
        width: 74%;
    }

    .sugel-down h6 {
        font-size: 14px;
    }
}

@media (min-width: 1401px) and (max-width: 1599px) {
    .fontresize {
        font-size: 25px !important;
    }

    .specmargin {
        margin-top: 30px !important;
    }
}

@media (min-width: 1401px) {
    .tablefontsize {
        font-size: 20px;
    }

    .searchBox .searchButton {
        height: 75px !important;
        width: 75px !important;
        font-size: 50px !important;
        margin-left: -75px !important;
    }

    .searchBox .searchBoxInput {
        width: 550px !important;
        height: 75px !important;
        line-height: 50px !important;
        padding-left: 25px !important;
        font-size: 20px !important;
    }
}

@media (min-width: 1600px) {
    .visible-lg.custom-visible {
        display: none !important;
    }

    .fontresize {
        font-size: 35px !important;
    }

    .specmargin {
        margin-top: 35px !important;
    }

    .searchBox {
        margin-top: 60px !important;
        margin-bottom: 100px !important;
    }

    .searchBox .searchButton {
        height: 90px !important;
        width: 90px !important;
        font-size: 65px !important;
        margin-left: -90px !important;
    }

    .searchBox .searchBoxInput {
        width: 650px !important;
        height: 90px !important;
        line-height: 60px !important;
        padding-left: 30px !important;
        font-size: 25px !important;
    }

    .squaredTwo {
        /*width: 28px;
        height: 28px;*/
        width: 25px;
        height: 25px;
        background: #fcfff4;
    }

    .squaredTwo label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
    }

    .squaredTwo label:after {
        width: 18px;
        height: 10px;
        top: 4px;
        left: 4px;
        border: 3px solid white;
    }

    .sepsize {
        /*width: 30% !important;
        float:left!important;*/
    }

    .transformer {
        width: 100%;
        float: none !important;
    }

    #removebuttonfromform,
    #removebuttonfromform2 {
        width: 100%;
    }

    #ProductBox .qty {
        float: none;
        margin: 10px 15px 0 0;
    }

    #addtobag2button {
        width: 100% !important;
    }

    /*.addtobag2buttondiv .normbutton, .normbutton { width: auto !important; }*/
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .customprixbox {
        width: 100% !important;
    }

    #ProductBox .qty {
        float: left !important;
        margin: 0 5px !important;
        width: 60px !important;
    }

    .transformer {
        display: inline !important;
        width: 15% !important;
        float: left !important;
        margin-right: 10px;
    }

    .sepsize {
        width: 50% !important;
        float: left !important;
    }

    .transformer.addtobag2buttondiv {
        float: none !important;
        width: 30%;
    }

    .transformer.addtobag2buttondiv .normbutton {
        width: 45% !important;
    }

    #addtobag2button {
        width: 60% !important;
    }

    .addtobag2buttondiv .normbutton, .normbutton {
        width: 60% !important;
    }

    .addtobag2info {
        display: inline-block;
        font-size: 14px;
        padding: 0 0 5px 20px;
        vertical-align: bottom;
    }

    .defheight {
        height: 150px;
    }

    .btn-default.btn-xl.normbutton,
    .normbutton {
        margin: 10px 5px !important;
        padding: 15px 10px !important;
    }
}

#SideColumn, #SideColumnNew {
    z-index: 1999 !important;
}

.form-inline, #categorizing, #categorizing2 {
    display: inline;
}

/*#SpyPanel .searchBoxContainer .searchButton, #SpyPanel .searchBoxContainer .searchButtonClose {
    font-size:17px!important;
}*/
.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 55px;
}

.middleblock {
    margin-right: 5px;
    cursor: pointer;
}

.middleblock img {
    /*width:80%;*/
}

#SpyPanel .btn-group > .btn {
    padding-right: 15px !important;
}

.logoholder {
    width: 90%;
    padding: 10px;
    font-size: 30px;
    color: red;
    font-weight: bold;
}

.logoholder img {
    width: 100%;
}

.homeblock1, .homeblock3 {
    position: relative;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.homeblock1 img {
    max-width: 100%;
}

.homeblock2 {
    padding-top: 20px;
    width: 100%;
    text-align: center;
}

.homeblock4 {
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

.homepage {
    background-color: #FFFFFF;
/ / background-image : url("http://www.italiapremium.com/images/equipement-moto-bk.png");
    padding-bottom: 200px;
}

.searchBox {
    margin-bottom: 80px;
    margin-top: 40px;
}

.searchBox .searchBoxInput {
    width: 410px;
    height: 50px;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
}

.searchBox .searchButton {
    height: 50px;
    width: 50px;
    font-size: 35px;
    margin-left: -50px;
    position: absolute;
    top: 0;

    background-color: darkgrey;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
}

.num {
    /*float:right;
    display:inline;*/
    display: block;
}

.pagering {
    /*position:absolute;*/
    vertical-align: bottom;
    bottom: 0;
}

/* SQUARED TWO */
.squaredTwo {
    /*width: 28px;
    height: 28px;*/
    width: 15px;
    height: 15px;
    background: #fcfff4;

    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
    /*margin: 20px auto;*/
    margin: 0;

    /*-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
    position: relative;
}

.squaredTwo label {
    cursor: pointer;
    position: absolute;
    /*width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;*/
    width: 12px;
    height: 12px;
    left: 2px;
    top: 2px;

    /*-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);

    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);*/
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);

    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    top: 2px;
    left: 2px;
    /*border: 1px solid #fcfff4;*/
    border: 2px solid black;
    background: transparent;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.rightborder {
    border-right: 1px solid #dddddd;
    height: 100%;
}

.selectors {
    font-size: 10px;
}

.checkboxlabelspan {
    position: absolute;
    left: 25px;
    top: 0;
    width: 115px;
}

.clearfix.visible-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.customprixbox {
    border: 1px solid #dddddd;
}

.table-responsive {
    padding-left: 15px;
    padding-right: 15px;
}

#ProductBox .price {
    margin-top: 15px !important;
}

.price .old {
    text-decoration: none !important;
}

.pricedivider {
    border-bottom: 1px solid red;
    clear: both;
    margin: 10px 0;
}

.suggestedelement {
    width: 30%;
    overflow: hidden;
    margin-right: 3%;
}

.product .buttons a i.typcn {
    height: auto !important;
}

/*
.suggestedelement2 {
    width: 30%;
    overflow: hidden;
    margin-right: 3%;
    float:left;
}*/
.suggestedelement img, .suggestedelement2 img {
    max-width: 100%;

}

#ProductBox .qty {
    /*float:none!important;*/
}

.quantityerror {
    color: red;
    bottom: 25px;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
}

.lightgrey {
    /*background:#dddddd;*/
    height: 35px;
    width: 101%;
}

.fontcrumb, #ariane {
    font-size: 12px !important;
    line-height: 25px !important;
    padding-left: 15px;
}

.listing_header {
    margin-top: 15px !important;
}

.movebar {
    padding-top: 15px;
    margin-top: -3px;
}

#ariane {
    padding-left: 15px;
    display: inline-block;
}

html, body {
    max-width: 100%;
    /*overflow-x: hidden;*/
}

.menulvl2 {
    font-weight: normal !important;
    padding-left: 20px;
}

.menulvl3 {
    padding: 5px 10px 5px 25px !important;
    font-size: 15px !important;
}

.tableimg {
    max-width: 150px;
    max-height: 150px;
}

#sideimg {
    position: absolute;
    max-width: 400px;
    max-height: 400px;
}

#sideimg img {
    max-width: 390px;
    max-height: 390px;
}

/* ads and cookies start*/
.closeme {
    font-size: 18px;
    cursor: pointer;
    display: inline;
}

#ainfo11, #ainfo12, #ainfo21, #ainfo22 {
    text-decoration: underline;
    cursor: pointer;
    color:white;
}

#infotext1 {
    /*background-color: #dddddd;*/
    background-color: black;
    padding: 5px;
    font-size: 14px;
    position:fixed;
    bottom:0;
    width:100%;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    z-index:9999999999;
    color:white;
}

#infotext2 {
    background-color: #E6E6E6;
    padding: 5px;
    font-size: 14px;
    position:fixed;
    bottom:15px;
    width:100%;

}

.innertext {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*ads and cookies end*/
#tmpelement1, #tmpelement2 {
    min-width: 100px;
    width: 100px;
    /*width:auto!important;*/
    clear: none;
}

.listboxcart {
    /*float: left;*/
    display: table-cell;
    vertical-align: top;
    padding-left: 8px !important;
}

.listboxcart .btn {
    /*float:right;*/
    margin-top: 23px;
}

.carttd {
    padding-left: 0 !important;
}

.dataTables_filter {
    display: none;
}

.buttons.masbut {
    position: relative;
}

.product.element.masel {
    padding: 15px;
}

#TopLinksButton {
    margin: -10px 0 0;
    text-align: center;
}

#TopLinksButton.closed i.typcn.closed, #TopLinksButton i.typcn.opened {
    display: inline-block;
}

#TopLinksButton i.typcn.closed, #TopLinksButton.closed i.typcn.opened {
    display: none;
}

#TopLinksButton i.typcn {
    cursor: pointer;
    font-size: 24px;
    line-height: 1em;
}

#TopLinks {
    display: none;
    overflow: hidden;
}

.filtertitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 5px;
}

.image.ifixed img {
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.image.ifixed {
    text-align: center;
}

.product .image:hover img.first {
    opacity: 1 !important;
}

.product .image {
    overflow: visible;
}

#ShoppingSteps .step {
    padding: 19px 15px !important;
}

#ShoppingSteps .arrow {
    padding: 0 2px !important;
}

.left {
    float: left;
    position: relative;
}

.right {
    float: right;
    position: relative;
}

#back-top {
    bottom: 10% !important;
}

#paginatorblock {
    text-align: center !important;
    float: none !important;
}

@media screen and (min-width: 1600px) {
    #changefonts h1, #changefonts h2 {
        font-size: 36px !important;
    }

    #changefonts h3, #changefonts h4 {

    }

    #changefonts h5, #changefonts h6 {

    }

    #changefonts a, #changefonts p {

    }
}

.marginpad {
    margin: 20px 0;
}

.marginpadcompense {
    margin-top: -15px;
}

.inlinefilter {
    display: inline;
}

.selectors {
    margin-bottom: 5px;
}

.inlinefilter.filterelement,
.inlinefilter.filterelementbrand,
.inlinefilter.filterelementsubsubcat {
    border-radius: 7px;
}

.filterelement.checked,
.filterelementbrand.checked,
.filterelementsubsubcat.checked {
    background: #757575;
    color: #fff;
    border-radius: 7px;
}

.moveup {
    margin-top: -20px !important;
}

a.tags0 {
}

a.tags0.checked {
}

a.tags1 {
    background-color: red;
    color: #ffffff
}

a.tags1.checked {
    background-color: red;
    border: 3px solid black;
    box-shadow: 4px 4px 2px #888888;
}

a.tags2 {
    background-color: orange;
    color: #ffffff
}

a.tags2.checked {
    background-color: orange;
    border: 3px solid black;
    box-shadow: 4px 4px 2px #888888;
}

a.tags3 {
    background-color: green;
    color: #ffffff
}

a.tags3.checked {
    background-color: green;
    border: 3px solid black;
    box-shadow: 4px 4px 2px #888888;
}

.numberofarticles {
    margin-top: -5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.table tbody tr.coloredrow > td {
    background-color: #FFF5F5 !important;
}

.btn-no-style,
.btn-no-style:hover {
    background-color: #ffffff !important;
    border-color: #ffffff;
}

.table-nonfluid {
    width: auto !important;
}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}

ul, ul li {
    list-style: outside none none;
}

@media only screen and (min-width: 748px) {
    .sugel-up {
        height: 235px;
        overflow: hidden;
    }

    .sugel-down h6 {
        margin: 5px 0;
    }

    .suggestedelement2 {
        height: 300px;
    }
}

.dot-badge {
    border-radius: 100px;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    height: 22px;
    padding-top: 3px;
    position: absolute;
    text-transform: capitalize;
    top: 1px;
    left: 0;
    width: 25px;
    z-index: 10;
}

.dot-badge:nth-child(2) {
    left: 30px;
}

.dot-badge:nth-child(3) {
    left: 60px;
}

.dot-badge.hot {
    background-color: #cb423c;
}

.dot-badge.new {
    background-color: #ffbb03;
}

.dot-badge.best {
    background-color: black;
}

@media only screen and (min-width: 1400px) {
    .col-xl-2 {
        width: 8%;
    }

    .col-xl-5 {
        width: 23%;
    }

    .col-xl-10 {
        width: 52%;
    }

    .col-xl-15 {
        width: 77%;
    }
}

#SpyPanel.fix #OptionsButtons {
    border-left: 0;
}

#searchbox {
    border-left: 1px solid #eeeeee;
}

#SpyPanel .searchBoxContainer {
    margin: 10px 10%;
    border-radius: 0;
    float: none;
    padding: 0;
    height: 35px;
    width: 80%;
}

#SpyPanel .searchBoxContainer:hover .searchBoxInput, #SpyPanel .searchBoxContainer.focus .searchBoxInput {
    height: 35px;
    width: 100%;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

#SpyPanel .searchBoxContainer.focus, #SpyPanel .searchBoxContainer:hover {
    width: 80%;
}

#SpyPanel .searchBoxContainer .searchButton {
    font-size: 30px;
    border-radius: 0;
    cursor: pointer;
    right: 0;
    left: auto;
    background-color: orange;
    color: white;
    height: 35px;
    width: 35px;
}

.cartmoney {
    background-color: orange;
    padding: 3px 6px;
    border-radius: 8px;
    color: white;
}

.cartmoney, #panierlink, #OptionsButtons .btn-group span.title, #OptionsButtons .btn-group span.subtitle {
    line-height: 17px;
    font-size: 11px;
}

#OptionsButtons .btn-group > .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 50px;
}

#OptionsButtons .btn-group > .btn i.typcn {
    font-size: 40px !important;
    left: 0 !important;
    position: absolute;
    top: 14px !important;
}

#OptionsButtons .btn-group .product-detailes {
    padding: 0 65px;
}

#OptionsButtons .btn-group .item {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 10px;
    position: relative;
}

#OptionsButtons .btn-group .product-image {
    border: 1px solid #f3f3f3;
    left: 0;
    position: absolute;
    top: 2px;
}

#OptionsButtons .btn-group .product-detailes .product-name {
    color: #000;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
}

#OptionsButtons .btn-group .product-detailes .product-price {
    color: #000;
    font-weight: bold;
}

#OptionsButtons .btn-group .product-options {
    position: absolute;
    right: 0;
    top: 2px;
}

#OptionsButtons .btn-group .dropdown-menu {
    min-width: 360px;
}

#OptionsButtons .btn-group .dropdown-menu .product-options .btn .typcn {
    font-size: 20px;
    color: black;
}

.greybck {
    background-color: #eeeeee;
}

#livraisontable {
    margin-top: 20px;
}

#livraisontable #accordion .panel-default > .panel-heading a span {
    border-color: #000000 transparent -moz-use-text-color;
    border-style: solid solid dotted;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 5px;
    top: 20px;
    vertical-align: middle;
    width: 0;
}

#livraisontable .panel-heading {
    position: relative;
}

#accordion .panel-default > .panel-heading a span {
    border-color: #000000 transparent -moz-use-text-color;
    border-style: solid solid dotted;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    vertical-align: middle;
    width: 0;
}

#accordion .panel-default > .panel-heading a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#producttab .embed-responsive iframe {
    width: 100% !important;
}

#producttab > img,
#producttab img {
    width: 100% !important;
}

.sugel-down h6 {
    padding-right: 5px;
}

td.tabtableright {
    text-align: right;
    width: 30%;
}

td.tabtableleft {
    text-align: left;
    width: 70%;
}

#producttab table {
    border-bottom: 1px solid #dddddd;
}

#producttab .transporteur {
    display: inline-block;
}

#producttab .transporteur > img {
    width: 35px !important;
    margin-right: 20px;
    margin-bottom: 40px;
}

#producttab .transporteur > img,
#producttab .transporteur > h6 {
    float: left;
    padding-left: 20px;
}

#user-wrapper {
    margin: 15px 0 15px 15px;
    padding: 10px 20px;
    background-color: #eeeeee;
}

.user-header {
    margin: 15px 15px 25px 15px;
    background-color: #ffffff;
}

.user-header img,
.user-header h2 {
    display: inline-block;
}

.user-header h2 {
    font-size: 20px;
}

.user-header .user-tag-block h2 {
    display: block;
}

.user-header img {
    width: 100px;
    margin-right: 20px;
}

.user-tag-block {
    background-color: #ffffff;
    border-right: 1px solid #cccccc;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1em;
}

.user-tag-block h2.font3 {
    font-size: 1.3em;
}

.user-tag-block:last-child {
    border-right: 0;
}

.user-header .wishlist-scroll img {
    width: auto;
}

.user-header .wishlist-scroll {
    padding-top: 20px;
    height: 350px;
}

@media only screen and (max-width: 768px) {
    .user-header.text-center {
        font-size: 1em !important;
    }

    .user-header.text-center h2 {
        margin: 5px 0 5px;
        font-size: 1em !important;
        line-height: 1.2em;
    }

    .user-tag-block {
        border-right: 0px;
    }
}

a.myacc {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    color: #ffffff;
    font-size: 13px;
    line-height: 12px;
    padding: 5px 14px;
    text-decoration: none;
    border: 1px solid #b6b6b6;
    margin: 5px auto;
    width: 50px;
    display: block;
    background: orange;
    font-weight: bold;
}

a.myacc:hover {
    /*background: #e7e7e7 none repeat scroll 0 0;*/
    background: red none repeat scroll 0 0;
}

#myacc-comm-list,
#myacc-comm-list tr td,
#myacc-comm-list tr td p,
#myacc-comm-list tr td a {
    font-size: 12px;
}

#myacc-comm-list {
    margin-top: 15px;
}

a.wishlink {
    text-align: right;
    padding: 2px 10px;
    float: right;
    cursor: pointer;
}

#wishcart {
    right: 0;
    left: auto;
    max-height: 600px;
    overflow-y: scroll;
}

#logindiv.dropdown-menu {
    left: -200px;
}

.btn.btn-default.fullwidth {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 20px;
    color: white;
}

#logindiv a:hover,
#logindiv a:hover h2 {
    color: red;
    -webkit-transition: color 1s; /* Safari */
    transition: color 0.5s;
}

#logindiv a.fullwidth:hover,
#logindiv a.fullwidth:hover h2 {
    color: white;
    box-shadow: 2px 2px 2px 2px #cecece;
    font-size: 22px !important;
    -webkit-transition: font-size 1s; /* Safari */
    transition: font-size 0.5s;
}

#logindiv > li > ul > li:hover,
#logindiv > li > ul > li:hover a {
    background: #4B4B4B;
    color: white;
    transition: color 0.3s;
}

.markinvalid {
    background-color: #aaaaaa;
}

/*



































































*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../font/glyphicons-halflings-regular.eot');
    src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

/*
 * Table styles
 */
div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_filter {
    text-align: right;
}

div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper > div.row > div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate {
        text-align: center;
    }

    div.DTTT {
        margin-bottom: 0.5em;
    }
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150"; /* sort */
}

table.dataTable thead .sorting_asc:after {
    content: "\e155"; /* sort-by-attributes */
}

table.dataTable thead .sorting_desc:after {
    content: "\e156"; /* sort-by-attributes-alt */
}

div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

table.dataTable thead > tr > th {
    padding-right: 30px;
}

table.dataTable th:active {
    outline: none;
}

/* Condensed */
table.dataTable.table-condensed thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
    top: 6px;
    right: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
    border-collapse: separate !important;
}

table.table-bordered thead th,
table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered tfoot th,
table.table-bordered tfoot td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
    border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
    background-color: #08C;
    color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
    color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn:hover {
    text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
    position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #0088cc;
    color: white !important;
}

div.DTTT_collection_background {
    z-index: 2002;
}

/* TableTools information display */
div.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    opacity: 0.95;

    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

div.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}

div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
    display: none;
}

/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
    margin: 0 !important
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: 0.25em;
    text-align: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #666 !important;
    cursor: default;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #666 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    color: #333 !important;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #333 !important;
    text-decoration: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacaca;
    color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #333 !important;
    text-decoration: none !important;
}

#motofilterform {
    border: 3px solid #ffa500;
    margin: 55px 1% 0;
    width: 98%;
    padding: 0 !important;
}

#motofilterform .formup {
    width: 100%;
    background-color: #ffa500;
}

#motofilterform .formdown {
    padding: 8px 4px;
}

#motofilterform h2 {
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 5px;
    margin: 0 !important;
}

#motofilterform .form-control {
    margin-bottom: 5px;
    background-color: #e6e6e6;
}

.formwhitebck,
#formbrand {
    background-color: white !important;
}

.resetnewform {
    background-color: white;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: black;
    font-size: 10px;
    padding: 0;
    max-width: 98% !important;
    white-space: normal;
}

.center {
    width: 100%;
    text-align: center;
    max-width: 98% !important;
}

.brands-name-warp {
    text-align: center !important;
}

.btn-orange {
    background-color: #ffa500;
    font-weight: 900;
    font-size: 14px;
    transition: all 0.5s ease;
    margin-top: 10px;
}

.btn-orange:hover {
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.5s ease;
}

.blogimgbox {
    width: 100%;
}


.blogboxtitle {
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 28px;
	text-align:left;
	font-size:28px;
}

.blogboxmeta {
    padding-bottom: 10px;
    line-height: 16px;
}

.singleblogtitle.listing_header2 {
    background-color: #f0f3f7;
}

.singleblogtitle.listing_header2 h1 {
    font-size: 22px;
}

.singleblogbox {
    background-color: #f0f3f7;
    padding: 10px;
}

.blogboxwhite {
    background-color: white;
    padding: 15px 15px;
    margin-bottom: 10px;
}

.blogboxwhite iframe, iframe {
    width: 100% !important;
}

.image2 {
    margin-bottom: 10px;
    margin:0px;
    max-width: 100%;
}

.image2 img {
    width: 100%;
}

.panel-heading.active {
    background-color: #f0f3f7;
}

.row.magazine .panel-group {
    margin-top: 10px;
    border: 0;
}

.row.magazine .panel-group .panel {
    border: 0;
    box-shadow: none;
}

.magazinmeta {
    margin: 10px 0 !important;
}

@media only screen and (min-width: 1024px) {
    .col-md-3.col-sm-4.col-xs-12.image2 {
        height: 230px;
    }

    .col-md-3.col-sm-4.col-xs-12.image2 p {
        vertical-align: bottom;
        position: absolute;
        top: 165px;
    }
}

@media only screen and (min-width: 1400px) {
    .col-md-3.col-sm-4.col-xs-12.image2 {
        height: 235px;
    }

    .col-md-3.col-sm-4.col-xs-12.image2 p {
        vertical-align: bottom;
        position: absolute;
        top: 175px;
    }
}

@media only screen and (min-width: 1500px) {
    .col-md-3.col-sm-4.col-xs-12.image2 {
        height: 225px;
    }

    .col-md-3.col-sm-4.col-xs-12.image2 p {
        vertical-align: bottom;
        position: absolute;
        top: 180px;
    }
}

@media only screen and (min-width: 1600px) {
    .col-md-3.col-sm-4.col-xs-12.image2 {
        height: 245px;
    }

    .col-md-3.col-sm-4.col-xs-12.image2 p {
        vertical-align: bottom;
        position: absolute;
        top: 205px;
    }
}

@media only screen and (min-width: 1700px) {
    .col-md-3.col-sm-4.col-xs-12.image2 {
        height: 270px;
    }

    .col-md-3.col-sm-4.col-xs-12.image2 p {
        vertical-align: bottom;
        position: absolute;
        top: 235px;
    }
}

.image2 .blogimgbox {
    max-height: 250px;
    max-width: 100%;
    width: auto;
}

.row.magazine .isotope {
    margin-left: 0 !important;
}

@media only screen and (max-width: 1000px) {
    #idresponsivemargin {
        padding-left: 15px;
    }
}

.shoplisting3{
    text-align:center;
    margin-top:25px;
    font-size:20px!important;
}
.shoplisting3.tags_cloud a {
    padding: 9px 15px;
}

.col-md-3.col-sm-4.col-xs-12.image2.higher {
    height:250px;
}
.arrowstyle{
    background-color: #eeeeee!important;
}
.xinlinefilter.tags_cloud.padding10 {
    padding:10px!important;
}

#modcriteres3 .panel-title a {
    display:block;
    width:100%!important;
    position: relative;
}

#modcriteres3 .panel-default > .panel-heading a span {
    border-color: #000000 transparent -moz-use-text-color;
    border-style: solid solid dotted;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 5px;
    top: 10px;
    vertical-align: middle;
    width: 0;
}

#modcriteres3 .panel-default > .panel-heading a span.arrowdown {
    border-bottom: 5px solid #000000;
    border-top: 0 dotted;
    display: none;
}

h2{
	text-align:center;
}
h2:before, h2:after {
  content:'';
  width:3em;
  border-bottom:#000000 solid;
  display:inline-block;
  vertical-align:middle;
}
h2:before {
  margin-left:-10px;
margin-right:3em}
h2:after {
  margin-right:-10px;
margin-left:3em;}


.tagbutton {
  background-color: #fe0000;
  border: none;
  color: white;
  padding: 6px;
  padding-left:8px;
  padding-right:8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  border-radius: 4px;
}

.vignette {
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
border-bottom:solid 1px #cccccc;
text-align:left;
}
.vignettebleu1 {
background-color:#f2f2f2;
border-left:solid 4px #3d7acc;
}
.vignettebleu2 {
background-color:#c0d5f3;
border-left:solid 4px #0b4499;
}
.vignettejaune {
background-color:#ffffcc;
border-left:solid 4px #ffcc33;
}
.vignettevert {
background-color:#cef5cf;
border-left:solid 4px #33cc33;
}
.vignetterouge {
background-color:#f7ced1;
border-left:solid 4px #ff0000;
}