/*@charset 'UTF-8';*/

 
div#ctl00_MainPanel_FormViewArticle_PAnelRappelDestock {
    width: 195px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-family: 'Open sans';
    color: #1b3576;
    font-size: 14px;
}
div#ctl00_MainPanel_FormViewArticle_PAnelRappelDestock > a {text-decoration:underline!important;}

div#ctl00_MainPanel_FormViewArticle_PAnelRappelDestock {
    width: 195px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-family: 'Open sans';
    color: #1b3576;
    font-size: 14px;
}div#ctl00_MainPanel_FormViewArticle_PAnelRappelDestock > a {text-decoration:underline!important;}

input[type='image'] {
    cursor: pointer;
}

.ButtonSpecific {
    font-size: 12px;
    font-family: 'Open sans';
    color: #000;
    text-align: left;
    margin: 0;
    font-weight: 700;    padding: 2px;    padding: 0px 0px 10px 2px;
}
.Signupcell {
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-align: left;
    padding: 2px;
}
img {
    border: 0;
}

/*#accordion3 > ol #Enlevement {
    width: 854px;
    margin: 0 auto;
}*/

/*#accordion3 > ol.accordion-content {
    padding-left: 0;
}*/

#Enlevement .ui-widget-content {
    border: 1px solid #fff;
    color: #222;
}

#Enlevement .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 6px !important;
    background: none;
}

#Enlevement .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-image: url('../Images/b/trackfooters.jpg');
    height: 25px;
}

#Enlevement .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #fff;
    font-weight: normal;
    color: #555;
}

#Enlevement .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .9em .5em;
    text-decoration: none;
    width: 111px;
}

#Enlevement .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 1px;
    padding: 0;
    white-space: nowrap;
    height: 35px;
}

#Enlevement .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
    font-weight: normal;
    color: #555;
}

#Enlevement .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    background: #ef7d00;
    color: #fff;
    cursor: text;
    height: 17px;
}

#Enlevement .ui-helper-hidden {
    display: none;
}

#Enlevement .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#Enlevement .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

#Enlevement .ui-helper-clearfix:before, #Enlevement .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

#Enlevement .ui-helper-clearfix:after {
    clear: both;
}

#Enlevement .ui-helper-clearfix {
    min-height: 0;
}

#Enlevement .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

#Enlevement .ui-front {
    z-index: 100;
}

#Enlevement .ui-state-disabled {
    cursor: default !important;
}

#Enlevement .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

#Enlevement .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: hidden;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}

#Enlevement button.ui-button-icon-only {
    width: 2.4em;
}

#Enlevement .ui-button-icons-only {
    width: 3.4em;
}

#Enlevement button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        /*list-style-image: url(data:image/gif; base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
    }

    .ui-menu .ui-menu-divider {
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0;
        margin: 5px -2px;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        line-height: 1.5;
        min-height: 0;
        font-weight: 400;
        padding: 2px .4em;
    }

        .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: 400;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: 400;
        line-height: 1.5;
        margin: .4em 0 .2em;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        height: 100%;
        margin: -1px;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url(../Javascripts/ui-lightness/Images/Animated-overlay.gif);
        height: 100%;
        filter: alpha(opacity=25);
        opacity: .25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    padding: 0;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    margin: .2em 22px .2em .4em;
    padding: 0;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
    margin: 0;
    padding: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

#Enlevement .ui-tabs {
    position: relative;
    padding: .2em;
}

    #Enlevement .ui-tabs #Enlevement .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        #Enlevement .ui-tabs #Enlevement .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            border-bottom-width: 0;
            white-space: nowrap;
            margin: 1px .2em 0 0;
            padding: 0;
        }

        #Enlevement .ui-tabs #Enlevement .ui-tabs-nav #Enlevement .ui-tabs-anchor {
            float: left;
            text-decoration: none;
            width: 78px;
            padding: .5em 1em;
        }

        #Enlevement .ui-tabs #Enlevement .ui-tabs-nav li#Enlevement .ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            #Enlevement .ui-tabs #Enlevement .ui-tabs-nav li#Enlevement .ui-tabs-active #Enlevement .ui-tabs-anchor, #Enlevement .ui-tabs #Enlevement .ui-tabs-nav li.ui-state-disabled #Enlevement .ui-tabs-anchor, #Enlevement .ui-tabs #Enlevement .ui-tabs-nav li#Enlevement .ui-tabs-loading #Enlevement .ui-tabs-anchor {
                background: blue;
                color: #fff;
                cursor: text;
            }

#Enlevement .ui-tabs-collapsible #Enlevement .ui-tabs-nav li#Enlevement .ui-tabs-active #Enlevement .ui-tabs-anchor {
    cursor: pointer;
}

#Enlevement .ui-tabs #Enlevement .ui-tabs-panel {
    display: block;
    background: none;
    border-width: 0;
    padding: 1em 1.4em;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    padding: 8px;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff 50% 50% repeat-x;
    color: #222;
}

    #Enlevement .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #fff;
        font-weight: 400;
        color: #555;
    }

        #Enlevement .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555;
            text-decoration: none;
            background-image: none !important;
        }

    #Enlevement .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #999;
        border-radius: 3px;
        -moz-border-radius: 3px;
        background: #ef7d00;
        font-weight: 400;
        color: #fff;
    }

        #Enlevement .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            color: #fff;
            text-decoration: none;
        }

    #Enlevement .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        background: #fff url(../Javascripts/ui-lightness/Objets/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #212121;
    }

        #Enlevement .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121;
            text-decoration: none;
        }

    #Enlevement .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(../Javascripts/ui-lightness/Objets/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
        color: #363636;
    }

        #Enlevement .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    #Enlevement .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(../Javascripts/ui-lightness/Objets/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a;
    }

    #Enlevement .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: 400;
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-state-default .ui-icon {
    background-image: url(../Javascripts/ui-lightness/Objets/ui-icons_888888_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(../Javascripts/ui-lightness/Objets/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../Javascripts/ui-lightness/Objets/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-menu-icons, .ui-resizable {
    position: relative;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
    top: 0;
}

.ui-widget-content a, .ui-widget-header a {
    color: #222;
}

.ui-widget-header, #Enlevement .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

    #Enlevement .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, #Enlevement .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
    }

    .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
        background-image: url(../Javascripts/ui-lightness/Objets/ui-icons_222222_256x240.png);
    }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
    background-image: url(../Javascripts/ui-lightness/Objets/ui-icons_454545_256x240.png);
}

.ui-icon-seek-start, .ui-icon-seek-first {
    background-position: -80px -160px;
}

#Enlevement .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
    margin-left: -1px;
    padding-left: 7px;
}

#accordion {
    background: #4f473f;
    z-index: 1;
    position: relative;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 0;
    padding: 0;
    height: 58px;
    min-height: 0;
    background-repeat: no-repeat;
}

    .ui-accordion .ui-accordion-header img {
        padding-top: 5px;
        margin: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        border-top-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

.ui-accordion .ui-accordion-icons {
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    top: 50%;
    margin-top: -8px;
    left: 48%;
    position: absolute;
}

.ui-icon-triangle-1-s {
    background-position: 2px -15px;
}

.ui-icon-triangle-1-e {
    background-position: 2px 0;
}

.ui-accordion .ui-accordion-content {
    margin-top: 0;
    min-height: 280px;
    margin: 0;
    padding-top: 0;
    padding-right: .5em;
    padding-bottom: 0;
    padding-left: .5em;
    background: #4f473f;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-icon ui-icon-triangle-1-e {
    display: none;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0;
        font-weight: normal;
    }

        .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("../Javascripts/ui-lightness/Images/Animated-overlay.gif");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: .25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    font-family: Arial;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    }

.ui-widget-content {
    color: #000;
    background: #fff;
}

    .ui-widget-content a {
        color: #333;
    }

.ui-widget-header {
    border: 1px solid #e78f08;
    color: #fff;
    font-weight: bold;
    background-position: 50% 50%;
}

    .ui-widget-header a {
        color: #fff;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background-image: url('../Images/b/trackfooters.jpg');
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            background-image: url('../Images/b/trackfooters.jpg');
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            background-image: url('../Images/b/trackfooters.jpg');
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background-image: url('../Images/b/trackfooters.jpg');
        /*height: 58px;*/
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #eb8f00;
            text-decoration: none;
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        background-image: url(../Images/b/flecheFooter.png);
        background-repeat: no-repeat;
        color: #363636;
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #b81900 url(../Javascripts/ui-lightness/Objets/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
        color: #fff;
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #fff;
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #fff;
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }

.ui-icon {
    width: 36px;
    height: 14px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../Images/b/flecheFooter.png);
    background-repeat: no-repeat;
}

.ui-widget-header .ui-icon {
    background-image: url(../Images/b/flecheFooter.png);
    background-repeat: no-repeat;
}

.ui-state-default .ui-icon {
    left: 50%;
    top: 0;
    background-image: url(../Images/b/flecheFooter.png);
    background-repeat: no-repeat;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    left: 50%;
    top: 0;
}

.ui-state-active .ui-icon {
    left: 50%;
    top: 0;
    background-image: url(../Images/b/flecheFooter.png);
    background-repeat: no-repeat;
}

.ui-state-highlight .ui-icon {
    background-image: url(../Images/b/flecheFooter.png);
    background-repeat: no-repeat;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

input:active, input:hover, input:focus, a:active, a:hover, a:focus {
    outline: none;
}

input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
}

#PremiereVisite {
    float: left;
    width: 77px;
    height: 18px;
    padding-left: 8px;
}

#AideFaq {
    float: left;
    width: 77px;
    height: 18px;
    padding-left: 8px;
    padding-top: 2px;
}

#Google {
    width: 77px;
    height: 23px;
    padding-left: 8px;
}

.AutoComplete_ListItemHilite {
    color: #000;
    padding: 1px;
    border-bottom: 1px solid #ddd;
}

.AutoComplete_ListItemHiliteText {
    background: #FF0;
    color: #000;
}
/*body{font-family:Arial;margin:0;padding:0;background:url(../Images/Accueil/Background.jpg) no-repeat center top;}*/
#Accueilno {
    position: absolute;
    width: 43px;
    height: 36px;
    z-index: 1;
}

.spanpricehtttc {
    height: 5px;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

.TextAlignCenter {
    vertical-align: middle;
}

#Calag {
    width: 970px;
    margin: 0 auto;
    position: relative;
}
/*#container{z-index:1;position:static;width:980px;height:100%;padding-left:0;padding-right:0;border-right-width:0;border-left-width:0;border-right-color:#CCC;border-left-color:#CCC;-webkit-box-shadow:#666 0 0 20px;-moz-box-shadow:#666 0 0 20px;box-shadow:#666 0 0 20px;behavior:url(PIE.htc);border-style:none solid;margin:0 auto;background:#FFF;} */
/*  #Ventre{min-height:500px;width:980px; position:relative}  */
.green ul.mega-menu li li, .green ul.mega-menu li li a {
    float: none;
}

.green ul.mega-menu li > li {
    font-family: 'Open sans';
    width: 193px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    display: block;
    padding: 11px 22px 11px 5px;
    background: #fff;
}
/* .green ul.mega-menu li ul > li:hover{font-family:Arial;font-size:12px;display:block;color:#fff;border-bottom-color:#EAE7E0;border-style:none none solid;border-width:0 0 2px;background:url(../Images/b/hoverfamille.jpg) no-repeat right top #09F;} */
.green ul.mega-menu li ul > li a:hover {
    font-family: 'Open sans';
    display: block;
    color: #003399;
    text-decoration: underline;
    font-weight: bold; /* border-bottom-color:#EAE7E0;border-style:none none solid;border-width:0 0 0px;background:url(../Images/b/hoverfamille.jpg) no-repeat right top #09F; */
}
/* .green ul.mega-menu li ul > li:hover > a{color:#FFF;display:block;} */
.green ul.mega-menu li ul > li:hover > a {
    display: block;
}

.green ul.mega-menu li li ul > li {
    font-family: 'Open sans';
    font-size: 11px;
}

    .green ul.mega-menu li li ul > li a {
        width: 280px;
        margin-left: 5px;
        margin-right: 1px;
        padding: 0 0 0 2px;
    }

    .green ul.mega-menu li li ul > li:hover {
        width: 275px;
        font-family: 'Open sans';
        font-size: 11px;
        display: block;
        border-right: 2px solid #EAE7E0;
        border-left: 2px solid #EAE7E0;
        background: #09F;
    }

    .green ul.mega-menu li li ul > li a :hover {
        padding-left: 2px;
    }

.green ul.mega-menu li li ul {
    height: 100%;
}

.green ul.mega-menu li ul li > li:hover {
    font-family: 'Open sans';
    font-size: 12px;
    display: block;
    background: #09F;
}

.green ul.mega-menu li li {
    float: left;
    font-family: 'Open sans';
    width: 231px;
    font-size: 11px;
    font-weight: bold;
    color: #003399;
    border-width: 0 0 2px;
    background: #fff;
    text-transform: uppercase;
}

    .green ul.mega-menu li li a {
        display: block;
        min-height: 15px;
        color: #003399;
        padding: 0px 5px 0px 5px;
    }

    .green ul.mega-menu li li p a {
        display: block;
        min-height: 8px;
        color: #003399;
        padding: 2px 5px 2px 5px;
    }

    .green ul.mega-menu li li > li a:hover {
        color: #003399;
        font-size: 12px;
        margin: 2px 0 0;
        padding: 5px 5px 0 0;
        background: no-repeat right top #09F;
        text-decoration: underline;
    }
/**/
.mega-menu ul { /* position:relative; */
    margin: 0;
    padding: 0;
}

.mega-menu .sub {
    min-height: 250px;
    display: none;
}

.mega-menu #Home {
    height: 30px;
    width: 40px;
    margin: 0;
    padding: 0;
    background: url(../Images/b/Accueil.png) no-repeat left top;
}

#Home a {
    margin: 0;
    padding: 0;
}

.green {
    font: normal 13px Arial, sans-serif;
    line-height: 16px;
    margin-left: 0;
    position: relative;
    z-index: 9;
    background: url(../Images/b/FondHautdeNav.jpg );
    z-index: 11; /**/
}

    .green ul.mega-menu, .green ul.mega-menu, .green ul.mega-menu li {
        border: none;
        margin: 0;
        padding: 0;
    }

    .green ul.mega-menu {
        width: 100%;
        height: 30px;
        position: relative;
    }

        .green ul.mega-menu li a.dc-mega {
            position: relative;
        }

        .green ul.mega-menu li {
            float: left;
            font-size: 13px;
            font-weight: 700;
            margin: 0;
            padding: 0 0 0 1px;
        }

        .green ul.mega-menu > li > a {
            color: #FFF;
            margin-left: 1px;
            font-size: 10px;
            font-weight: 700;
        }
        /*.green ul.mega-menu > li{border-left-width:0;border-right-width:2px;border-top-style:none;border-right-style:solid;border-right-color:#FFF;border-left-style:solid;border-left-color:#FFF;float:left;display:block;color:#FFF;text-decoration:none;padding:6px 10px 8px;background:url(../Images/b/bg_green.png) repeat-x 100% 0;}*/
        .green ul.mega-menu > li {
            border-left-width: 0;
            border-right-width: 2px;
            border-top-style: none;
            border-right-style: solid;
            border-right-color: #FFF;
            border-left-style: solid;
            border-left-color: #FFF;
            float: left;
            display: block;
            color: #FFF;
            text-decoration: none;
            padding: 5px 5.5px 8px;
            background: url(../Images/b/bg_green.png) repeat-x 100% 0;
        }

        .green ul.mega-menu li.mega-hover > li, .green ul.mega-menu li:hover {
            color: #FFF;
            background: 100% -31px;
        }

        .green ul.mega-menu li > li:hover > li {
            font-family: 'Open sans';
            width: 193px;
            font-size: 12px;
            font-weight: 700;
            color: #000;
            display: block;
            min-height: 25px;
            padding: 11px 22px 11px 5px;
            background: #fff;
        }

#fam1 ul a {
    display: block;
    padding: 3px;
}

#fam1 ul li {
    display: block;
    position: absolute;
    z-index: 4000;
    margin: 0;
    padding: 0;
}

#fam2 ul li {
    left: -99999px;
}

    #fam2 ul li:hover ul {
        display: block;
        left: 149px;
        float: left;
        width: 220px;
    }
/* #fam1 ul li:hover ul li{float:left;width:220px;margin-right:0;} */
#fam1 ul li li:hover {
    background: #000 !important;
}

#fam1 ul li li {
    border-radius: 0;
    margin-left: 0;
    float: none;
}

.green ul.mega-menu li ul > li > a span {
    font-size: 12px;
    font-weight: 400;
    color: #666;
}
/* .green ul.mega-menu li ul > li:hover > a span{font-weight:400;color:#FFF;} */
.green ul.mega-menu li ul > li:hover > a span {
    font-weight: 400;
}

.green ul.mega-menu li ul > li > ul > li > a span {
    font-size: 11px;
    font-weight: 400;
    color: #000;
}

.green ul.mega-menu li ul > ul > li > li:hover > a span {
    font-size: 11px;
    font-weight: 400;
    color: #FFF;
}

.test {
    border-bottom-color: #CCC;
    border-style: none none solid;
    border-width: 0 0 2px;
}

.green ul.mega-menu li ul > .ClFamille {
    color: #FFF;
    border-bottom: 2px solid #EAE7E0;
    border-style: none none solid;
}

    .green ul.mega-menu li ul > .ClFamille > a span {
        color: #FFF;
        font-weight: 700;
    }

.green ul.mega-menu li ul > .ClSousFamille > a {
    font-family: 'Open sans';
    width: 240px;
    margin-left: 10px;
    margin-right: 1px;
    color: #FFF;
    font-size: 11px;
    display: block;
    padding: 0 0 0 2px;
}

.green ul.mega-menu li ul > .ClSousSousFamille {
    font-family: 'Open sans';
    width: 240px;
    font-size: 11px;
    display: block;
}

#footer {
    width: 980px;
    margin: 0 auto;
}

#accordion h1 {
    line-height: 25px;
    margin: 0;
    padding: 0;
}

#celluleFooter1 {
    float: left;
    height: 264px;
    width: 229px;
    margin-top: 2px;
}

    #celluleFooter1 h2 a {
        color: #F78200;
        width: 169px;
        display: block;
    }

    #celluleFooter1 h1 {
        font-size: 14px;
        text-transform: capitalize;
        color: #F78200;
        margin: 5px 0 0;
        padding: 0 0 20px 40px;
        background: url(../Images/b/bulefooter.jpg) no-repeat left top;
    }

    #celluleFooter1 #SousForm p {
        padding-bottom: 11px;
        padding-top: 4px;
        color: #FFF;
        float: left;
    }

    #celluleFooter1 h2 {
        font-size: 11px;
        color: #F78200;
        margin: 0;
        padding: 5px 0 4px;
    }

    #celluleFooter1 p {
        font-size: 10px;
        color: #F78200;
        margin: 0;
        padding: 0;
    }

#celluleFooter2 {
    float: left;
    height: 200px;
    width: 240px;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 2px;
    background: url(../Images/b/filetbotom.jpg) no-repeat;
}

    #celluleFooter2 h1 {
        font-size: 14px;
        text-transform: capitalize;
        color: #F78200;
        margin: 0;
        padding: 0 0 20px;
    }

    #celluleFooter2 p {
        font-size: 11px;
        color: #FFF;
        margin: 0;
        padding: 0 0 5px;
    }

    #celluleFooter2 .MiniF {
        font-size: 9px;
    }

#celluleFooter3 {
    float: left;
    height: 200px;
    width: 188px;
    padding-top: 0px;
    margin-top: 2px;
    background: url(../Images/b/filetbotom.jpg) no-repeat;
}

    #celluleFooter3 h1 {
        font-size: 12px;
        text-transform: capitalize;
        color: #F78200;
        padding: 0 0 20px;
    }

    #celluleFooter3 a {
        font-size: 10px;
        color: #FFF;
        text-decoration: none;
        display: block;
        height: 28px;
        margin: 0;
        padding: 0 0 0 5px;
    }

        #celluleFooter3 a img {
            display: block;
            padding-right: 5px;
            float: left;
        }

    #celluleFooter3 span {
        padding-top: 5px;
    }

#celluleFooter4 {
    float: left;
    height: 200px;
    width: 110px;
    background: url(../Images/b/filetbotom.jpg) no-repeat;
}

    #celluleFooter4 p {
        font-size: 10px;
        color: #FFF;
        padding-top: 0px;
        padding-left: 5px;
    }

    #celluleFooter4 h1 {
        font-size: 12px;
        text-transform: uppercase;
        color: #F78200;
        line-height: 12px;
        margin: 0;
        padding: 5px 0 20px;
    }

    #celluleFooter4 .Secure {
        float: left;
    }

#celluleFooter5 {
    float: left;
    height: 200px;
    width: 170px;
    background: url(../Images/b/filetbotom.jpg) no-repeat;
}

    #celluleFooter5 p {
        font-size: 11px;
        color: #fff;
        margin: 0;
        padding: 0 0 0 10px;
    }

#calfoot {
    height: 42px;
}

#celluleFooter5 a {
    font-size: 11px;
    color: #fff;
    margin: 0;
    padding: 0;
}

#ctl00_footerControl_Button {
    height: 26px;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    float: left;
    border: 1px solid #529E29;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
    background: #529E29;
}

#ctl00_footerControl_Newsletter {
    color: #000;
    height: 22px;
    border: 1px solid #529E29;
    font-size: 11px;
    font-weight: 700;
    margin-right: 3px;
    float: left;
    width: 131px;
    padding-left: 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

#logo_footer {
    padding-left: 8px;
}

#ctl00_PanelUp_scSearchControl_pnlMaster {
    position: absolute;
    z-index: 13;
    top: 90px;
    left: -10px;
}

/*#region MyRegion */

#MoteurRecherche #ctl00_PanelUp_scSearchControl_txtSearch {
    border: 1px solid #FF6D00;
    font-size: 11px;
    height: 21px;
    padding-left: 7px;
    padding-right: 40px;
    margin-left: 2px;
    width: 267px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
    background: url(../Images/b/loupefloatr.jpg) no-repeat right top #FFF;
}


/*#endregion*/
#MoteurRecherche select {
    font-size: 11px;
    height: 25px;
    width: 150px;
    float: left;
    border: 1px solid #ff6d00;
    margin-left: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
    padding: 3px 0 0;
}

#header {
    height: 156px;
    background: left top;
    position: relative;
    width: 980px;
    margin: 0 auto;
    background: #fff;
    z-index: 1;
}

#TotArticleonline {
    height: 19px;
    float: left;
    padding-left: 11px;
    font-size: 11px;
    font-weight: bolder;
    text-align: center;
}

#logo {
    float: left;
    padding-left: 10px;
}

#Entetemenu {
    width: 550px;
    height: 62px;
    float: right;
    padding-top: 10px;
    z-index: 12;
    position: absolute;
    left: 435px;
}

#login {
    float: left;
    width: 154px;
    height: 60px;
 
 
}

#topCart {
    float: left;
    width: 140px;
    height: 60px;
     
}

#TitreCart {
    padding-left: 0;
    float: left;
    margin: 1px;
}

    #TitreCart h1 {
        color: #24195d;
        font-size: 12px;
        height: 12px;
        padding-top: 1px;
        margin-top: 2px;
        margin-bottom: 4px;
    }

#imagPanier {
    padding-left: 4px;
    padding-top: 0px;
    float: left;
    width: 39px;
    height: 60px;
}

#PrixCart {
    color: #FF8100;
    font-size: 12px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 4px;
    float: left;
    width: 80px;
    padding: 0 0 0 1px;
}

#TotArtCart {
    color: #24195d;
    font-size: 12px;
    float: left;
    padding-left: 0;
    line-height: 6px;
    margin: 1px;
}

.divBasket {
    overflow: visible;
    z-index: 5000;
    background: white;
}

    .divBasket:hover {
        z-index: 999999;
    }

#ctl00_PanelUp_Account {
    font-size: 12px;
    font-weight: 700;
    display: block;
    padding-left: 40px;
    width: 100px;
    color: #24195d;
}

#ctl00_PanelUp_Accoun a {
    color: #24195d;
}

#ctl00_PanelUp_BasketControl1_UpdatePanel1 {
    z-index: 203;
}

.divBasketHidden {
    display: none;
    position: absolute;
    z-index: 9999999999;
    width: 550px;
    margin-top: 60px;
    margin-left: -200px;
    border: 4px solid #F07D00;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-box-shadow: #666 2px 2px 7px;
    -moz-box-shadow: #666 2px 2px 7px;
    box-shadow: #666 2px 2px 7px;
    behavior: url(/PIE.htc);
    background: #FFF;
}

#monpanier {
    cursor: pointer;
}

.divBasket {
    cursor: pointer;
}

table#ctl00_MainPanel_GridViewArticle { /* margin-left: 88px; */
    width: 95%;
    margin-top: 22px;
}

#ctl00_MainPanel_tbProductImage {
    margin-left: 0px;
}

.divLogginHidden {
    display: none !important;
    margin-left: 0;
    border: 4px solid #F07D00;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-box-shadow: #666 2px 2px 7px;
    -moz-box-shadow: #666 2px 2px 7px;
    box-shadow: #666 2px 2px 7px;
    margin-top: 60px;
    position: absolute;
    top: 10px;
    width: 210px;
    z-index: 299;
    background: #FFF;
}

    .divLogginHidden span {
        color: #ef7d00;
        font-size: 14px;
        font-weight: bold;
        display: block;
        padding-left: 5px;
        padding-top: 2px;
        height: 20px;
        width: 204px;
        font-style: bold;
    }

    .divLogginHidden a {
        color: #000061;
        font-size: 14px;
        font-weight: 500;
        display: block;
        padding-left: 5px;
        padding-top: 2px;
        height: 20px;
        width: 204px;
        font-family: 'Open sans';
    }

        .divLogginHidden a::before {
            /* content: "\0020\2022\0020"; text-transform:uppercase; text-transform:uppercase;text-transform:uppercase;*/
        }

        .divLogginHidden a:hover {
            color: #000061;
            font-size: 14px;
            font-weight: 500;
            display: block;
            padding-left: 5px;
            padding-top: 2px;
            height: 20px;
            background: #cdcdcd;
            font-family: 'Open sans';
        }

.divLogin {
    display: block;
    width: 160px;
    height: 70px;
}

td.heightnav {
    height: 15px;
}

.divLogin:hover .divLogginHidden {
    display: block !important;
}

#overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    background: url(../Images/b/BGtransparent.png) rgba(0,0,0,0.4);
}

.RoundButtonOrange {
    color: #FFF;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    width: 167px;
    padding: 5px 5px 10px 5px;
    background: url(../Images/b/finaliser_ma_commande.jpg) no-repeat left top;
    display: block;
}

.RoundButtonBleu {
    color: #FFF;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    width: 167px;
    padding: 5px 5px 10px 5px;
    background: url(../Images/b/creer_un_panier_favori.jpg) no-repeat left top;
    display: block;
}

.RoundButtonVert {
    color: #FFF;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    width: 167px;
    padding: 5px 5px 10px 5px;
    background: url(../Images/b/Enregistrer_en_devis.png) no-repeat left top;
    display: block;
}

#encadre {
    height: 25px;
    min-width: 25px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #000;
    display: block;
    float: left;
    text-align: center;
    padding-top: 9px;
}

#ctl00_PanelUp_BasketControl1_LabelCounterBis {
    font-size: 14px;
    color: #000;
    margin-left: 5px;
    margin-right: 5px;
    height: 25px;
    width: 25px;
    padding-top: 8px;
}

#Resume {
    font-size: 12px;
    color: #000;
    font-weight: 700;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.TexteCartQte {
    text-align: center;
    width: 20px;
    border: 0 dotted #EBEBEB;
    background: #EBEBEB;
}

.BasketPriceButtonMOINS {
    color: #FFF;
    font-weight: bolder;
    cursor: pointer;
    height: 14px;
    width: 14px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    border-color: #FF8419;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: url(../Images/b/MoinsBTN.jpg) no-repeat left top #FF8419;
}

.BasketPriceButtonPLUS {
    color: #FFF;
    font-weight: bolder;
    cursor: pointer;
    height: 14px;
    width: 14px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    border-color: #FF8419;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: url(../Images/b/PLUSbtn.jpg) no-repeat #FF8419;
}

.Bgligne {
    font-size: 10px;
    vertical-align: middle;
    font-family: Arial;
    background: #EBEBEB;
}

#totTva {
    color: #666;
    font-size: 11px;
}

#totproduct {
    font-weight: 700;
    font-size: 11px;
}

#SaisieRapide {
    float: left;
    width: 174px;
    height: 60px;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    background: #FFF;
}

#TitreSaisie h1 {
    font-size: 12px;
    color: #23195D;
    padding-top: 1px;
    margin-left: 7px;
    margin-top: 3px;
    margin-bottom: 0;
}

#Langue {
    float: left;
    width: 77px;
    height: 60px;
    display: block;
}

#BoiteAOutilCatalogue {
    height: 77px;
    width: 425px;
    float: right;
    padding-top: 5px;
}

#BoiteAoutils {
    height: 77px;
    width: 133px;
    float: left;
}

#Catalogue {
    height: 77px;
    width: 164px;
    float: left;
}

#ApplicationMobile {
    height: 77px;
    width: 128px;
    float: left;
}

#TTCorHT a img {
    float: left;
    display: block;
}

#TTCorHT a {
    float: left;
    display: block;
    font-size: 11px;
    color: #24195d;
    font-weight: 700;
}

#Recherche {
    width: 500px;
    float: left;
    height: 35px;
}

.dc-mega-li .mega-hover {
    min-height: 250px;
}

#mega-menu-1 {
    font: normal 13px Arial, sans-serif;
    list-style: none;
    width: 100%;
    height: 40px;
    position: relative;
    margin: 0;
    padding: 0;
    background: #222;
}

    #mega-menu-1 li {
        float: left;
        font-weight: 700;
        margin: 0;
        padding: 0;
    }

        #mega-menu-1 li a {
            float: left;
            display: block;
            color: #fff;
            text-decoration: none;
            padding: 12px 25px;
            background: #222;
        }

        #mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover {
            color: #000;
            background: #CCC;
        }

        #mega-menu-1 li a:hover {
            color: #000;
            background: #999;
        }

        #mega-menu-1 li .sub-container {
            position: absolute;
        }

        #mega-menu-1 li .sub {
            border: 1px solid #ccc;
            padding: 15px;
            background: #efefef;
        }

            #mega-menu-1 li .sub .row {
                width: 100%;
                overflow: hidden;
                clear: both;
            }

            #mega-menu-1 li .sub li {
                list-style: none;
                float: none;
                width: 170px;
                font-size: 1em;
                font-weight: 400;
            }

                #mega-menu-1 li .sub li.mega-hdr {
                    float: left;
                    margin: 0 10px 10px 0;
                }

                    #mega-menu-1 li .sub li.mega-hdr.last {
                        margin-right: 0;
                    }

            #mega-menu-1 li .sub a {
                color: #111;
                display: block;
                float: none;
                font-size: .9em;
                padding: 7px 10px;
            }

            #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
                margin-bottom: 5px;
                text-transform: uppercase;
                font-weight: 700;
                color: #fff;
                padding: 5px 15px;
                background: #6B6B6B;
            }

    #mega-menu-1 .sub li.mega-hdr li a {
        font-weight: 400;
        padding: 4px 5px;
    }

    #mega-menu-1 .sub ul li {
        padding-right: 0;
    }

    #mega-menu-1 li .sub-container.non-mega .sub {
        padding: 10px;
    }

    #mega-menu-1 li .sub-container.non-mega li {
        width: 190px;
        margin: 0;
        padding: 0;
    }

        #mega-menu-1 li .sub-container.non-mega li a {
            padding: 7px 5px 7px 22px;
        }

#Famille2 {
    width: 193px;
    min-height: 295px;
    float: left;
}

    #Famille2 li a {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        width: 162px;
        display: block;
        padding: 11px 22px 11px 5px;
        background: #fff;
    }

        #Famille2 li a:hover {
            font-weight: 700;
            color: #fff;
            display: block;
            font-size: 14px;
            background: url(../Images/hoverfamille.jpg) no-repeat right top #09F;
        }

#Famille3 {
    width: 295px;
    min-height: 295px;
    float: left;
    background: url(../Images/b/lignefamilen3.jpg) no-repeat right top;
}

#Collection {
    width: 300px;
    min-height: 295px;
    float: left;
}

#imageProduct { /* position:absolute; */
    top: 2px;
    right: 0;
    width: 200px;
}

#sliderprod {
    margin-top: 10px;
    width: 947px;
    min-height: 220px;
    display: block;
    overflow: hidden;
    margin-left: 19px;
}

#ContSlideNOUVEAUTES {
    width: 186px;
    min-height: 200px;
    float: left;
    margin-left: 2px;
    background: #FFF;
}

    #ContSlideNOUVEAUTES #title {
        height: 40px;
        background: url(../Images/b/Fond_Nouveautes.jpg) no-repeat left top;
    }

#ContSlidePROMOTIONS #title {
    height: 40px;
    background: url(../Images/b/Fond_Promotions.jpg) no-repeat left top;
}

#ContSlideCOUPSDECOEUR #title {
    height: 40px;
    margin: 0;
    padding: 0;
    background: url(../Images/b/Fond_CoupdeCoeur.jpg) no-repeat left top;
}

#ContSlideINCONTOURNABLES #title {
    height: 40px;
    margin: 0;
    padding: 0;
    background: url(../Images/b/Fond_Incontournables.jpg) no-repeat left top;
}

    #ContSlideINCONTOURNABLES #title h1 {
        font-size: 12px;
        color: #FFF;
        font-weight: 700;
        font-stretch: semi-condensed;
        margin: 0;
        padding: 0 0 0 35px;
    }

#ContSlideDESTOCKAGES {
    width: 186px;
    min-height: 200px;
    float: left;
    margin-left: 3px;
    background: #FFF;
}

    #ContSlideDESTOCKAGES #title {
        height: 40px;
        margin: 0;
        padding: 0;
        background: url(../Images/b/Fond_Destockage.jpg) no-repeat left top;
    }

#menunav {
    overflow: visible;
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%;
    margin: 0;
    padding: 0;
}

    #menunav li {
        list-style-type: none;
        float: left;
        margin: 0 -3px 0 0;
        padding: 0;
    }

        #menunav li a {
            display: block;
            font-size: 10pt;
            color: #212121;
            text-decoration: none;
            padding: 10px 15px;
        }

.owl-carousel {
    min-height: 220px;
}

.panel {
    width: 188px;
    height: 260px;
    float: left;
    display: block !important;
}

.item p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    height: 15px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.item .textslde {
    height: 35px;
    overflow: hidden;
}

.item h1 {
    font-size: 12px;
    color: #000;
    text-align: left;
    padding-left: 15px;
    padding-top: 0px;
    margin: 0;
}

.item h3 {
    text-align: center;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 1px;
}

#Prix {
    font-size: 14px;
    color: red;
    padding-left: 2px;
}

#PrixBarre {
    font-size: 12px;
    color: #000;
    text-decoration: line-through;
}

#VentreSlide #ZonePrice #PrixBarre {
    font-size: 12px;
    color: #000;
    text-decoration: line-through;
    padding-top: 3px;
    margin: 0 auto;
    width: 976px;
}

#VentreSlide #ZonePrice #Prix {
    font-size: 16px;
    font-weight: 700;
    color: red;
    float: left;
}

.liquid-slider {
    width: 186px;
    height: 260px;
    overflow: hidden;
}

#NosMArques {
    overflow: hidden;
    height: 95px;
    width: 950px;
    padding-top: 10px;
    background: #FFF;
    margin-left: 17px;
}

.jTscrollerContainer {
    height: 45px;
    width: 897px;
}

#NosMArques p {
    font-size: 12px;
    padding-bottom: 5px;
    height: 15px;
    color: #000;
    padding-left: 5px;
    margin: 0;
}
/* #mega-menu-7 #contener-FamilleM{width:947px;position:absolute;overflow:hidden;left:15px;top:29px;} */
#mega-menu-7 #contener-FamilleM {
    width: 980px;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 29px;
}

#mega-menu-7 #EspaceColor {
    background: #EAE6E0;
}

#Espaceblanc {
    display: block;
    width: 947px;
    height: 5px;
}

#mega-menu-7 #contener-FamilleM .sous-FamilleM {
    position: absolute;
    top: 2px;
    left: 196px;
    width: 100%;
}

#mega-menu-7 #contener-FamilleM .sous-sous-FamilleM {
    position: absolute;
    top: 0;
    left: 280px;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #999;
}

#mega-menu-7 #contener-FamilleM ul {
    list-style: none; /* width:300px; */
    padding-left: 7px;
}

#mega-menu-7 #contener-FamilleM > ul {
    width: 300px;
}

#mega-menu-7 #contener-FamilleM ul > ul li a {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    padding-left: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-type: circle;
    width: 280px;
}

#toutesOffres {
    position: absolute;
    width: 188px;
    height: 40px;
    z-index: 1;
    background: none;
}

#sliderprod #toutesOffres a {
    width: 188px;
    height: 40px;
    padding: 0;
}

#mega-menu-7 #contener-FamilleM #sliderprod .owl-item .item > a {
    padding: 0;
}

#CadreF {
    padding-top: 5px;
    padding-left: 15px;
    width: 171px;
    display: block;
    text-align: center;
    min-height: 100px;
}

.owl-Marque .owl-theme .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 0;
    top: 55px;
}

.owl-Marque .owl-theme .owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 0;
    top: 55px;
}

.owl-Marque .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    .owl-Marque .owl-controls .owl-buttons div {
        color: #FFF;
        zoom: 1;
        display: inline;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        margin: 5px;
        padding: 3px 10px;
        background: #869791;
    }

.owl-Marque .owl-theme .owl-carousel .owl-controls .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}

.owl-Marque .owl-theme .owl-carousel .owl-controls .owl-page {
    zoom: 1;
    display: inline;
}

    .owl-Marque .owl-theme .owl-carousel .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin: 5px 7px;
        background: #869791;
    }

.owl-Marque .owl-controls .owl-page.active span, .owl-Marque .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.owl-Marque .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 2px 10px;
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

div.scrollableArea {
    position: relative;
    width: 9999px;
    height: 100%;
}

.mega-menu #Home img {
    padding: 0;
}

.Scrolldiv {
    width: 950px;
    height: 70px;
    position: relative;
    overflow: hidden;
}

.scrollableArea a {
    float: left;
    margin: 0 3px;
    padding: 0;
}

#MerciNews {
    font-family: Arial;
    font-size: 18px;
    font-weight: 700;
    color: #006;
    text-align: center;
    height: 100px;
    padding-top: 47px;
}

#MerciPAnier {
    font-size: 18px;
    font-weight: 700;
    color: #006;
    text-align: center;
    height: 100px;
    padding-top: 40px;
}

#LienG {
    min-height: 130px;
    width: 160px;
    padding-top: 11px;
    padding-right: 10px;
    padding-left: 5px;
    margin-left: 15px;
    background: #F4F3F7;
}

    #LienG a {
        font-size: 10px;
        font-weight: 700;
        color: #656565;
        text-decoration: none;
        display: block;
        float: left;
        width: 152px;
        margin-top: 5px;
        margin-bottom: 5px;
        height: 15px;
        line-height: 15px;
        padding: 0 5px;
    }

#VentreSlide {
    height: 230px;
    margin-top: 9px;
    clear: both;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 977px;
    position: relative;
}

.customNavigation {
    text-align: center;
}

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

#NavSlide {
    width: 180px;
    float: left;
    padding-right: 8px;
    z-index: 9;
}

#Theslide {
    width: 780px;
    float: left;
    position: relative;
    height: 230px;
}

    #Theslide .owl-pagination {
        position: relative;
        top: -11px;
    }

#VentreSlide .item p {
    font-size: 12px;
    color: #000;
    text-align: left;
    height: 29px;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 15px;
    z-index: 9;
}

#VentreSlide #ZonePrice {
    padding-left: 15px;
}

.customNavigation .btn .next {
    left: 387px;
    top: -221px;
    position: relative;
}

.customNavigation .btn .prev {
    left: -387px;
    top: -221px;
    position: relative;
}

#DeConnecte p {
    color: #23195D;
    font-size: 12px;
    font-weight: 700;
    margin-left: 38px;
    margin-bottom: 0;
    margin-top: 2px;
    padding: 1px 0 0;
}

#ctl00_PanelUp_PanelLogin {
    padding-top: 0;
}

#DeConnecte a {
    font-size: 12px;
    font-weight: 700;
    margin-left: 38px;
    color: #FF8100;
    margin-top: 0;
    padding: 0;
}

#Connecte p {
    color: #23195D;
    font-size: 12px;
    font-weight: 700;
    padding-left: 40px;
    padding-top: 1px;
    margin-bottom: 0;
    margin-top: 2px;
}

.loginOrange {
    color: #ff8200;
    font-size: 12px;
    padding-left: 40px;
    font-weight: 700;
}

.AutoCompleteStyle {
    min-width: 950px;
    z-index: 6000;
    list-style-type: none;
    display: inline;
    border: solid 3px #000;
    font-size: 11px;
    background: #FFF;
}

.listItemArticle {
    float: left;
    width: 250px;
    display: block;
    left: 250px;
    font-size: 11px;
    height: 550px;
    padding: 2px;
    background: #FFF;
}

.listItemFamily {
    color: #000;
    float: left;
    width: 250px;
    display: block;
    left: 250px;
    padding: 2px;
    background: #FFF;
}

.listItemBrand {
    float: left;
    width: 250px;
    display: block;
    color: #000;
    left: 250px;
    padding: 2px;
    background: #FFF;
}

.listAllResults {
    font-weight: 700;
    color: #F07D00;
    display: block;
    padding: 2px;
    background: #FFF;
}

.listItemMainTitle {
    font-size: 13px;
    color: #000;
    float: left;
    width: 250px;
    display: block;
    left: 250px;
    padding: 2px;
    background: #F07D00;
}

.hoverListItemArticle {
    color: #FFF;
    cursor: pointer;
    float: left;
    width: 250px;
    display: block;
    left: 250px;
    padding: 2px;
    background: #000;
}

.hoverListItemArticle2 {
    color: #FFF;
    cursor: pointer;
    float: left;
    width: 250px;
    display: block;
    left: 250px;
    font-size: 11px;
    padding: 2px;
    background: #000;
}

.listItemArticle2 {
    float: left;
    width: 250px;
    display: block;
    left: 250px;
    font-size: 11px;
    height: 250px;
    overflow: auto;
    padding: 2px;
    background: #FFF;
}

.ajax__tab_body {
    font-size: 7px;
}

#PanelUp_ajoutrapideControl_CodeProduit {
    color: #23195D;
    font-size: 12px;
    padding-left: 2px;
    width: 83px;
    height: 22px;
    margin-left: 2px;
    border: 1px solid #FF851A;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#AjouterAupanier {
    padding-left: 5px;
    padding-top: 2px;
}

#ctl00_PanelUp_ajoutrapideControl_Qte {
    width: 36px;
    height: 22px;
    border: 1px solid #FF851A;
    margin-left: 2px;
    padding-left: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-indent: 10px;
    margin-right: 2px;
    padding-right: 3px;
    color: #23195d;
}

#MerciHTTC {
    font-family: Arial;
    font-size: 18px;
    font-weight: 700;
    color: #006;
    text-align: center;
    height: 100px;
    padding-top: 50px;
}

.AutoSaisieComplete {
    color: windowtext;
    border: buttonshadow;
    cursor: default;
    height: 200px;
    text-align: left;
    list-style-type: none;
    overflow: auto;
    padding-left: 2px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    behavior: url(PIE.htc);
    border-style: solid;
    border-width: 1px;
    margin: 0 !important;
    background: #FFF;
}

    .AutoSaisieComplete ul li {
        margin: 0 !important;
    }

#main {
    width: 980px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
    z-index: 1;
    padding-bottom: 0px;
    padding-top: 10px;
    bottom: -10px;
}
/* before zindex 5 and bottom -10px */
#ListeArtCentre {
    width: 980px;
    margin: 0 auto;
    background: #FFF;
    z-index: 2;
    position: relative;
    padding-top: 15px;
    min-height: 450px;
    overflow: hidden;
}
/* top: -32px;*/
#Centrage {
    clear: both;
    padding-bottom: 5px;
    width: 980px;
    margin: 0 auto;
    background: #FFF;
}

    #Centrage table {
        width: 850px;
        clear: both;
        margin: 0 auto;
    }

    #Centrage a {
        padding-right: 2px;
        margin-left: 2px;
    }

    #Centrage h1 {
        width: 850px;
        float: left;
        clear: both;
        padding-top: 10px;
        padding-bottom: 0;
        height: 42px;
        margin: 0 15px;
    }

#HOT_NEWS {
    clear: both;
    width: 980px;
    margin: 0 auto;
}

    #HOT_NEWS h1 { /*height:41px;width:850px;*/
        float: left;
        clear: both;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 15px;
    }

#Zone2 {
    width: 951px;
    clear: both;
    min-height: 219px;
    margin: 0 auto;
}

#SlideHotnews {
    width: 460px;
    min-height: 202px;
    display: block;
    float: left;
}

    #SlideHotnews #SlideHotnewsL {
        height: 202px;
    }

#Imageseule {
    padding-left: 30px;
    width: 461px;
    height: 202px;
    display: block;
    float: left;
}

#SlideHotnewsL .owl-pagination {
    position: absolute;
    top: 176px;
    left: 173px;
}

#Centrage a:hover img, #images a:focus img {
    opacity: 0.8;
    border: none;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

#Centrage a img {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

#ctl00_PanelUp_ajoutrapideControl_divSaisieCodeArticle {
    width: 255px !important;
    font-size: 11px;
    padding-right: 5px;
}

.autocomplete_completionListElement { /* overflow : auto; */
    width: 255px !important;
    color: windowtext;
    border: buttonshadow;
    font-size: 11px;
    cursor: default;
    min-height: 20px;
    text-align: left;
    list-style-type: none;
    padding-left: 2px;
    behavior: url(PIE.htc);
    border-style: solid;
    border-width: 1px;
    margin: 0 !important;
    background: #FFF;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
}

.autocomplete_highlightedListItem {
    color: #000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    padding: 0px;
    background: #EBEBEB;
}

.AutoSaisieComplete_listItem, .autocomplete_listItem {
    color: windowtext;
    padding: 1px;
    background: window;
}

.autocomplete_listItem {
    width: 255px !important;
    min-height: 10px;
}

.autocomplete_highlightedListItem {
    width: 255px !important;
}

.autocomplete_completionListElement ul li {
    font-size: 11px;
    margin: 0px;
}
/*#MaRecherche{position:relative;top:-33px;left:20px;width:950px;min-height:0px;display:none;-webkit-box-shadow:#666 0 0 10px;-moz-box-shadow:#666 0 0 10px;box-shadow:#666 0 0 10px;z-index:9999999;overflow:hidden;background:url(../Images/b/filetsearch.gif) left top #FFF;}*/
#MaRecherche {
    position: relative;
    top: -33px;
    left: 20px;
    width: 632px;
    min-height: 0px;
    display: none;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    z-index: 9999999;
    overflow: hidden;
    background: #FFF;
}

    #MaRecherche #Marques {
        width: 138px;
        min-height: 221px;
        display: block;
        float: left;
        padding-bottom: 5px;
    }

    #MaRecherche #Produits {
        width: 379px;
        min-height: 221px;
        display: block;
        float: left;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #999;
        padding-bottom: 10px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #999;
    }

    #MaRecherche #CategoriesProduit {
        width: 429px;
        min-height: 221px;
        display: block;
        float: left;
        padding-bottom: 10px;
    }

    #MaRecherche a > span {
        font-weight: 700;
        color: #FF6500;
    }

    #MaRecherche #Marques h1 a > span {
        font-weight: normal;
        color: #FF6500;
        font-size: 12px;
    }

    #MaRecherche #Produits h1 a > span {
        font-weight: normal;
        color: #FF6500;
        font-size: 12px;
    }

    #MaRecherche #CategoriesProduit h1 a > span {
        font-weight: normal;
        color: #FF6500;
        font-size: 12px;
    }
/*#fermerecherche{position:relative;left:945px;display:none;top:-15px;width:34px;height:34px;z-index:9999999999999999;cursor:pointer;}*/
#fermerecherche {
    position: relative;
    left: 629px;
    display: none;
    top: -15px;
    width: 34px;
    height: 34px;
    z-index: 9999999999999999;
    cursor: pointer;
}
/*.all{padding-left:10px;font-size:9px;color:#FF6500;text-decoration:underline;}*/
.all {
    padding-left: 10px;
    font-size: 9px;
    color: #FF6500;
    text-decoration: underline;
    float: right;
    display: block;
    margin-top: 15px;
    margin-right: 15px;
}

    .all > a {
        font-size: 9px;
        color: #FF6500;
        text-decoration: underline;
    }

#MoteurRecherche {
    padding-left: 13px;
}

.highlight {
    color: #000 !important;
    font-size: 10px;
    background: #FF0 !important;
}
/*.60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}
.80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}
.100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}*/
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

#paniereffet {
    position: absolute;
    width: 43px;
    height: 44px;
    padding-left: 5px;
    top: 9px;
    z-index: 99999999999999999999;
}

#TheformMotdepasse #BoutonClic {
    padding-top: 5px;
    padding-left: 5px;
}

#TheformMotdepasse #Theform {
    min-height: 241px;
    width: 460px;
    padding-top: 8px;
    padding-left: 10px;
    margin: 0 auto;
    background: #CBCBCB;
}

#Motdepasse #Titre h1 {
    font-size: 18px;
    color: #330065;
    display: block;
    width: 948px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #938878;
}

#TheformMotdepasse #Theform #taille tr td p {
    font-size: 12px;
    color: #330065;
    padding-top: 5px;
    padding-bottom: 5px;
}

#Motdepasse {
    margin: 0 auto;
    padding: 15px;
}

#TheformMotdepasse {
    padding-top: 50px;
}

#reinit {
    width: 655px;
    margin: 0 auto;
}

#weak, #medium {
    border-right: solid 1px #DEDEDE;
}

#sm {
    height: 14px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 9px;
    margin: 0;
    padding: 0;
}

    #sm div {
        display: block;
        float: left;
        text-align: center;
        height: 16px;
        width: 50px;
        font-size: 10px;
        font-weight: 700;
        margin: 0 0 0 5px;
        padding: 0;
    }

.nrm {
    width: 84px;
    color: #adadad;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding: 2px;
    background: #F1F1F1;
}

.red {
    width: 84px;
    color: #FFF;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding: 2px;
    background: #FF6F6F;
}

.yellow {
    width: 84px;
    color: #FFF;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding: 2px;
    background: #FC8E2E;
}

.vert {
    width: 84px;
    color: #FFF;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding: 2px;
    background: #44A728;
}

.vertlig {
    width: 84px;
    color: #FFF;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding: 2px;
    background: #00D225;
}

.champsMDP {
    width: 266px;
    padding-right: 5px;
    padding-left: 5px;
}

#Motdepasse #TheformMotdepasse #reinit tr td p {
    font-size: 10px;
    color: #306;
    margin: 5px;
    padding: 5px;
}

#ctl00_MainPanel_MessageError {
    width: 460px;
    margin: 0 auto;
}

.ReferencePanier {
    word-wrap: break-word;
    width: 115px;
}

#limite {
    width: 115px;
    overflow: hidden;
}

#affichageanim {
    display: none;
    position: absolute;
    width: 43px;
    height: 44px;
    padding-left: 5px;
    top: 17px;
    z-index: 99999999999999999;
}

.google-src-active-text {
    display: block !important;
    color: #000 !important;
    font-family: arial,sans-serif !important;
}

    .google-src-active-text a {
        font-size: 12px !important;
    }

/*#Linkdate a{font-size:13px;color:#000;display:block;float:left;height:16px;border:1px solid #6C6699;text-align:center;width:60px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;-webkit-box-shadow:#666 0 2px 3px;-moz-box-shadow:#666 0 2px 3px;box-shadow:#666 0 2px 3px;margin:10px;padding:5px 0;background:linear-gradient(#FFFFFF,#898FA4);}
*/
#Linkdate a {
    font-size: 13px;
    color: #000;
    display: block;
    float: left;
    height: 17px;
    border: 1px solid #eeeeee;
    text-align: center;
    width: 100px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 3px;
    /* -webkit-box-shadow: #666 0 2px 3px; */
    -moz-box-shadow: #666 0 2px 3px;
    /* box-shadow: #666 0 2px 3px; */
    margin: 1px;
    padding: 9px 0;
    background: #eeeeee;
    /* background: linear-gradient(#FFFFFF,#898FA4); */
}
/*.clickableNot {font-size:13px;display:block;float:left;height:14px;border:1px solid #6C6699;text-align:center;width:60px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;-webkit-box-shadow:#666 0 2px 3px;-moz-box-shadow:#666 0 2px 3px;box-shadow:#666 0 2px 3px;margin:10px 10px 2px 10px;padding:5px 0;background:linear-gradient(#FFFFFF,#898FA4);}*/
.clickableNot {
    font-size: 13px;
    display: block;
    float: left;
    height: 15px;
    text-align: center;
    width: 100px;
    margin: 1px;
}
/*#Linkdate a:hover{color:#FFF;display:block;float:left;height:16px;text-align:center;-pie-background:linear-gradient(#270DAF,#5DA6FE);-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;-webkit-box-shadow:#666 1px 1px 2px;-moz-box-shadow:#666 1px 1px 2px;box-shadow:#666 1px 1px 2px;background:blue !important;}
*/
#Linkdate a:hover {
    font-size: 13px;
    color: #FFF;
    display: block;
    float: left;
    /*height: 16px;*/
    border: 1px solid #ef7d00;
    text-align: center;
    width: 100px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 3px;
    background: #ef7d00; /*linear-gradient(#FFFFFF,#898FA4);*/
    /* -webkit-box-shadow: #666 0 2px 3px; */
    -moz-box-shadow: #666 0 2px 3px;
    /* box-shadow: #666 0 2px 3px; */
    margin: 1px;
    padding: 9px 0;
}

.activeEnlevement {
    color: #FFF !important;
    -pie-background: linear-gradient(#ef7d00,#ef7d00) !important;
    background: linear-gradient(#ef7d00,#ef7d00) !important;
}

#tabs {
    font-size: 11px;
}

#Linkdate {
    min-height: 105px;
}

#simplemodal-overlay {
    background: #000;
}

.modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999902;
    border: 1px solid #696;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.Ferme-window {
    position: absolute;
    width: 47px;
    height: 47px;
    right: -23px;
    top: -23px;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    background: url(../Images/b/close-button.png) no-repeat right top;
}

#erreurText {
    font-size: 12px;
    font-family: Arial;
    color: #000065;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
}

#Problemetechnique #Theform {
    height: 472px;
    width: 406px;
    padding-top: 8px;
    padding-left: 10px;
    background: #CBCBCB;
}

#EnvoyerCettePage #BoutonClic #Button1 {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    height: 26px;
    width: 90px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: #666 0 0 10px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    border: 1px solid #33A11B;
    background: #33A11B;
}

#EnvoyerCettePage #Theform {
    height: 436px;
    width: 445px;
    padding-top: 8px;
    padding-left: 10px;
    background: #CBCBCB;
}

#Normal #CheckBox1 input {
    width: 55px;
}

#hide {
    display: none;
    visibility: hidden;
}

#Problemetechnique #Theform .mini10 {
    font-size: 10px;
    margin: 0;
    padding: 0;
}

#EnvoyerCettePage span label {
    font-size: 11px;
    color: #000;
    font-family: Arial;
}

#EnvoyerCettePage #Theform #taille h1 {
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    color: #333365;
}

#EnvoyerCettePage #Theform .espacebottom {
    margin: 0;
    padding: 0 0 5px;
}

.fenetre-window {
    position: fixed;
    top: 28%;
    left: 50%;
    z-index: 999902;
    border: 4px solid #FF851A;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.gobo-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999902;
    border: 4px solid #FF851A;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.masterGobo-window {
    left: 50%;
    position: absolute;
    top: 258px /*top: 405px*/;
    z-index: 999902;
    border: 4px solid #FF851A;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

.ajoutrapide-window {
    position: fixed;
    top: 122px;
    left: 63%;
    z-index: 999902;
    border: 4px solid #FF851A;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    margin: 0;
    padding: 60px 0;
    background: #fff;
}

#Articlelie h1 {
    font-family: Arial;
    font-size: 14px;
    color: #252525;
}

#Articlelie td {
    font-size: 14px;
    font-family: Arial;
}

#CenterCross {
    height: 171px;
    width: 440px;
    padding-top: 15px;
    overflow: auto;
    margin: 0 auto;
}

#TotArticleonline span {
    color: #ff8200;
    float: left;
}

a:link, #MaRecherche h1 > a, #MaRecherche #Produits p > a, #MaRecherche #CategoriesProduit p > a {
 
    
 
    text-decoration: none;
}

.ButtonEspacePlusTexte a {
    color: #FFF;
}

#Forcreate a {
    color: #f90;
    font-weight: bold;
}

.mega-menu ul, .mega-menu ul li > li, .mega-menu ul, .mega-menu ul li, ul {
    list-style: none;
}
/*.green ul.mega-menu li > li a:hover,.green ul.mega-menu .FamilleM .SSfamilleSel ul li:nth-child(-n+1){color:#fff;background:#09F;} */
/* .mega-menu ul li ul,.mega-menu #contener-FamilleM,#mega-menu-7 #contener-FamilleM .FamilleM ul,#basic-modal-content{display:none;} */
#basic-modal-content {
    display: none;
}

.mega-menu ul li ul, .mega-menu #contener-FamilleM, #mega-menu-7 #contener-FamilleM .FamilleM ul {
    display: none;
}

.green ul#mega-menu-7.mega-menu li div#contener-FamilleM div#EspaceColor table tbody tr td ul li ul li a {
    list-style-type: disc;
}
/* .mega-menu .sub ul,#mega-menu-1 .sub ul,.mega-menu > li:hover #contener-FamilleM,#mega-menu-7 #contener-FamilleM li:hover > ul{display:block;}  */

/*#mega-menu-7 .FamilleM .SfamilleSelParent .rienF .SfamilleSel,#mega-menu-7 #contener-FamilleM .rienF .SfamilleSel li:nth-child(-n+1){color:#fff;background:url(../Images/b/hoverfamille.jpg) no-repeat left top #09F;} */

.green ul.mega-menu li ul > .ClFamille > a, .green ul.mega-menu li ul > .ClSousFamille > a span, .green ul.mega-menu li ul > .ClSousSousFamille a, .green ul.mega-menu li ul > .ClSousSousFamille > a span {
    color: #FFF;
}

#celluleFooter3 #TOPcal, #Pad, #Theslide .item a { /*     padding-left: 22px; */
    padding-bottom: 12px;
}

#celluleFooter2, #RemisePan {
    font-size: 11px;
    color: red !important;
}

#celluleFooter2, #Fraisdeport, #totHT {
    font-size: 11px;
    color: #000 !important;
}

    #celluleFooter2 .MiniFAdresse {
        font-size: 10px;
        color: #fff !important;
    }

#celluleFooter3 #TOPcal, #Pad, #Theslide .item a {
    padding-top: 10px;
}

#TextepanCounterBefore {
    display: block;
    height: 25px;
    float: left;
    padding-top: 10px;
    width: 110px;
}

#TextepanCounterAfter {
    display: block;
    height: 25px;
    float: left;
    padding-top: 10px;
    width: 162px;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover, #Allowl a, #Allow2 a, #Allow3 a, #Allow4 a, #Allow5 a {
    color: #000;
}

#mega-menu-1 .sub li.mega-hdr li a:hover, #mega-menu-1 li .sub-container.non-mega li a:hover {
    color: #a32403;
    background: #efefef;
}

#Famille3 li a, #Collection li a {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    padding-left: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    list-style-type: circle;
    width: 280px;
}

    #Famille3 li a:hover, #Collection li a:hover {
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        background: #09f;
    }

#ContSlidePROMOTIONS #title p, #ContSlideCOUPSDECOEUR #title p, #ContSlideINCONTOURNABLES #title p, #ContSlideDESTOCKAGES #title p, #ContSlideNOUVEAUTES #title p {
    font-size: 12px;
    color: #fff;
    font-style: italic;
    margin: 0;
    padding: 0 0 0 35px;
}

#ContSlidePROMOTIONS, #ContSlideCOUPSDECOEUR, #ContSlideINCONTOURNABLES {
    width: 186px;
    min-height: 200px;
    float: left;
    margin-left: 3px;
    background: #fff;
}

    #ContSlidePROMOTIONS #title h1, #ContSlideCOUPSDECOEUR #title h1, #ContSlideDESTOCKAGES #title h1, #ContSlideNOUVEAUTES #title h1 {
        font-size: 12px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        padding: 0 0 0 35px;
    }

.Disp0, .google-src-text {
    display: none !important;
}

#owl-demo .item, #owl-demo2 .item, #owl-demo3 .item, #owl-demo4 .item, #owl-demo5 .item {
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    width: 152px;
    height: 208px;
    margin: 0;
    padding: 1px 0;
}

#VentreSlide .customNavigation a, #NavSlide img {
    cursor: pointer;
}

#VentreSlide #Allowl, #VentreSlide #Allow2, #VentreSlide #Allow3, #VentreSlide #Allow4, #VentreSlide #Allow5 {
    color: #000;
    font-size: 12px;
    position: absolute;
    left: 600px;
    top: 214px;
    z-index: 1;
}

.btn prev5, .btn prev4, .btn prev3, .btn prev2, .btn prev {
    cursor: pointer;
}

#Marques h1 a img, #Produits h1 a img, #CategoriesProduit h1 a img {
    margin: 0 0 0 5px;
    padding: 0;
}

#Produits h1 a .highlight, #CategoriesProduit h1 a .highlight, #Marques h1 a .highlight {
    color: #F60;
}

#Marques h1, #Produits h1, #CategoriesProduit h1 {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 7px 0 7px 10px;
    background: #EFEDF2;
}

#Marques p, #Produits p, #CategoriesProduit p {
    font-size: 10px;
    display: block;
    font-weight: 700;
    clear: both;
    margin: 0;
    padding: 5px 2px 2px 10px;
}

#Marques a, #Produits a, #CategoriesProduit a {
    color: #000;
    text-decoration: underline;
}

#MaRecherche #Produits .all, #MaRecherche #Marques .all, #MaRecherche #CategoriesProduit .all {
    color: #FF6500;
}

#TheformMotdepasse p, #Problemetechnique p, #EnvoyerCettePage p {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px;
}

#TheformMotdepasse #Theform p, #Problemetechnique #Theform p, #EnvoyerCettePage #Theform p {
    margin: 0;
    padding: 5px 0 0;
}

#TheformMotdepasse #Theform h1, #Problemetechnique #Theform h1, #EnvoyerCettePage #Theform h1 {
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0 0 5px;
}

#TheformMotdepasse #BoutonClic #Button1, #TheformMotdepasse #BoutonClic input, #Problemetechnique #BoutonClic #Button1 {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    height: 26px;
    width: 90px;
    border: 1px solid #33A11B;
    box-shadow: #666 0 0 10px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #33A11B;
}

#TheformMotdepasse #Theform input, #Problemetechnique #Theform input, #EnvoyerCettePage #Theform .input {
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    width: 276px;
    height: 22px;
    margin: 0;
    padding: 0 0 5px;
}

#TheformMotdepasse span, #Problemetechnique span, #EnvoyerCettePage span {
    color: red;
}

#MessageError, #EnvoyerCettePage #Theform #taille tr td #Normal #CheckBox1 {
    font-family: Arial;
    font-size: 12px;
}

.google-src-active-text a:link, .google-src-active-text a:visited, .google-src-active-text a:active {
    text-decoration: underline !important;
}

#mega-menu-7 > li > .notranslate a:link, #mega-menu-7 > li > .notranslate a:visited {
    color: #FFF;
    font-size: 11px;
}

#simplemodal-container, #simplemodal-container2 {
    height: 360px;
    width: 600px;
    color: #bbb;
    border: 4px solid #444;
    padding: 12px;
    background: #333;
}

    #simplemodal-container .simplemodal-data, #simplemodal-container2 .simplemodal-data {
        padding: 8px;
    }

    #simplemodal-container code, #simplemodal-container2 code {
        border-left: 3px solid #65B43D;
        color: #bbb;
        display: block;
        font-size: 12px;
        margin-bottom: 12px;
        padding: 4px 6px 6px;
        background: #141414;
    }

    #simplemodal-container a, #simplemodal-container2 a {
        color: #ddd;
    }

        #simplemodal-container a.modalCloseImg, #simplemodal-container2 a.modalCloseImg {
            width: 25px;
            height: 29px;
            display: inline;
            z-index: 3200;
            position: absolute;
            top: -15px;
            right: -16px;
            cursor: pointer;
            background: url(../img/basic/x.png) no-repeat;
        }

    #simplemodal-container h3, #simplemodal-container2 h3 {
        color: #84b8d9;
    }

.modal-overlay, .fenetre-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .85;
    filter: alpha(opacity=85);
    z-index: 999901;
    margin: 0;
    padding: 0;
    background: url(../Images/b/BGtransparent.png) #D9D9D9;
}

#Problemetechnique h1, #EnvoyerCettePage h1 {
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    color: #000065;
    margin: 0;
    padding: 0 0 10px;
}

#Problemetechnique #BoutonClic, #EnvoyerCettePage #BoutonClic {
    padding-top: 5px;
    padding-left: 210px;
}

.gobo-overlay, .ajoutrapide-overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999901;
    margin: 0;
    padding: 0;
    top: 0;
}

.masterGobo-overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999901;
    margin: 0;
    padding: 0;
    top: 187px;
}

.green ul.mega-menu li li ul > li {
    font-family: Arial;
    font-size: 11px;
    background: transparent;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
    /*modif*/
    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px,0px,0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.2
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
    }


    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: .5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #d1c9bb;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            background: #ff931c;
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

/**OLD STYLE**/

.Style00 {
    padding-top: 10px;
}

.Style01 {
    font-size: 14px;
    font-weight: 700;
    color: #B74002;
}

.Style02 {
    font-size: 12px;
    font-family:'Open sans';
    color: #000;
    text-align: left;
    padding: 2px 0px 0px 5px;
	display: block;
float: left; margin:0px;
}

.Style02c {
	 font-family:'Open sans';
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.Style03 {
	 font-family:'Open sans';
    font-size: 12px;
    font-weight: 700;
    color: #000;
    width: 165px;
}

.StandardFontStyle {
    font-size: 12px;
    color: #000;
}

.Style04 {
    font-size: 11px;
    font-weight: 400;
    color: #000;
}

.Style04Price {
    font-size: 11px;
    font-weight: 400;
    color: #000;
    text-align: right;
}



.Style06 {
    font-size: 12px;
    color: #FBA200;
}

.Style07 {
    font-size: 10px;
    font-weight: 700;
    color: red;
}

.Style08 {
    font-size: 11px;
    font-weight: 700;
    color: #B74002;
}

.Style09 {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    line-height: 6pt;
}

.Style10 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.Style11 {
    font-size: 9px;
    font-weight: 400;
    color: #000;
}



.Style12 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.Style13 {
    font-size: 11px;
    font-weight: 700;
    color: #000;
}

.Style13b {
    font-size: 11px;
    font-weight: 700;
    color: #0a3760;
    padding: 0px;white-space: nowrap;    white-space: nowrap;
}

.Style13p {
    font-size: 11px;
    font-weight: 700;
    color: #0a3760; /*#7B003F*/
  
    padding: 0px;
}

.colorB1 {
    font-size: 14px;
    font-weight: 400;
    color: #000; /*#012c9d old */
    font-family: 'Open sans';
    padding: 0px; float:right;
}

.colorB2 {
    font-size: 14px;
    font-weight: 400;
    color: #000; /*#C20E19*/
	font-family: 'Open sans';
    padding: 0px;float:right;
}


.Style13g {
    font-size: 11px;
    font-weight: 700;
    color: #999;
}

.Style14 {
    font-size: 11px;
    font-weight: lighter;
    color: #000;
}

.Style15 {
    font-size: 12px;
    font-weight: 700;
    color: #E10813;
}

.Style16 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
}

.Style17Code {
    font-size: 11px;
    font-weight: 700;
    color: #000;
    border: 1px solid #CCC;
    text-align: left;
}

.Style22 {
    font-size: 14px;
    font-weight: 700;
    color: #F17D02;
}

.Style20 {
    font-size: 11px;
    font-weight: 700;
    color: #000;
    border: 1px solid #000;
    text-align: center;
}

.Style21 {
    font-size: 9px;
    font-weight: 400;
    color: #000;
    line-height: 8px;
}

.Style18 {
    font-size: 18px;
    font-weight: 700;
    color: #F17D02;
}

.Style23 {
    font-size: 18px;
    font-weight: 700;
    color: #002C99;
}

.Style24 {
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
}

.Style13w {
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    color: #006;
}

.Style13wc {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
}

.Style27 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.Style28 {
    font-size: 9px;
    font-weight: 700;
    color: red;
}

.Style29 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-align: left;
    border: 1px none #CCC;
}

.Style30 {
    font-size: 10px;
    font-weight: 400;
    color: #7B003F;
}

.Style03und {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}

.Style12w {
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
}

.Style22u {
    font-size: 14px;
    font-weight: 700;
    color: #F17D02;
    text-decoration: underline;
}

.Style02und {
    font-size: 10px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}

.Style13glight {
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

.Style02B {
    font-size: 11px;
    font-weight: 700;
    color: #000;
}

.Style02g {
    font-size: 11px;
    font-weight: 700;
    color: #000;
    text-align: left;
}

.Style34 {
    font-size: 14px;
    font-weight: 700;
    color: #E10813;
}

.Style15und {
    font-size: 12px;
    font-weight: 700;
    color: #E10813;
    text-decoration: underline;
}

.Style35 {
    font-size: 22px;
    font-weight: 400;
    color: #E10813;
}

.Style36 {
    font-size: 10px;
    font-weight: 700;
    color: #99C;
}

.Style37 {
    font-size: 18px;
    font-weight: 700;
    color: #99C;
}

.Style03it {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    font-style: italic;
}

.Style03it_b {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    font-style: italic;
}

.Style05g {
    font-size: 12px;
    color: #999;
    font-weight: 700;
}

.Style02Br {
    font-size: 11px;
    font-weight: 700;
    color: #E10813;
}

.Style16w {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
}

.Style18l {
    font-size: 18px;
    font-weight: 400;
    color: #F17D02;
}

.Style18black {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.Style23b {
    font-size: 12px;
    font-weight: 700;
    color: #002C99;
}

.Style26y {
    font-size: 16px;
    font-weight: 700;
    color: #F17D02;
}

.Style22g {
    font-size: 14px;
    font-weight: 700;
    color: #999;
}

.Style18Red {
    font-size: 18px;
    font-weight: 700;
    color: #E10813;
}

.Style13gu {
    font-size: 11px;
    font-weight: 700;
    color: #999;
    text-decoration: underline;
}

.Style16Red {
    font-size: 16px;
    font-weight: 700;
    color: #E10813;
}

.Style05gG {
    font-size: 12px;
    color: #666;
    font-weight: 700;
}

.Style12u {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}

.Style17c {
    font-size: 11px;
    font-weight: 700;
    color: #000;
    border: 1px solid #F17D02;
}

.Style16BU {
    font-size: 16px;
    font-weight: 700;
    color: #002C99;
    text-decoration: underline;
}

.Style12B {
    font-size: 14px;
    font-weight: 700;
    color: #002C99;
}

.Style12P {
    font-size: 14px;
    font-weight: 700;
    color: #7B003F;
}

.Style12BU {
    font-size: 14px;
    font-weight: 700;
    color: #002C99;
    text-decoration: underline;
}

.Style03lightU {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-decoration: underline;
}

.PagerPage {
    width: 10px;
    color: Orange;
}

.ControlVerticalAlign {
    vertical-align: top;
}

br.clear {
    height: 0;
    clear: both;
}

#navigation {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    bottom: 3px;
}

    #navigation ul {
        z-index: 5000;
        overflow: visible;
        width: 890px;
        margin: 0 0 0 4px;
        padding: 0;
    }

        #navigation ul li {
            list-style-type: none;
            position: relative;
            float: left;
            margin-left: 2px;
            margin-top: 12px;
            -webkit-border-radius: 8px 8px 0 0;
            -moz-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
            -o-border-radius: 8px 8px 0 0;
        }

            #navigation ul li li {
                margin-top: 0;
                border-radius: 0;
                margin-left: 0;
                float: none;
            }

        #navigation ul a {
            color: #FFF;
            display: block;
            padding: 3px;
        }

        #navigation ul li:hover ul {
            float: left;
            width: 220px;
            left: 0;
        }

            #navigation ul li:hover ul li {
                float: left;
                width: 220px;
                margin-right: 0;
            }

        #navigation ul li li:hover {
            background: #000 !important;
        }

        #navigation ul li ul li ul {
            margin-left: 218px;
            width: 220px;
            margin-top: 0;
            visibility: hidden;
            float: left;
            top: 0;
        }

            #navigation ul li ul li ul li:hover {
                background: #000;
            }

.leftMenuNavigation {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-align: left;
    display: block;
    z-index: 5000;
    width: 227px;
    margin: 0;
    padding: 0;
}

    .leftMenuNavigation ul a {
        color: #FFF;
        display: block;
        height: 16px;
        text-indent: 5px;
        margin: 3px 0;
    }

    .leftMenuNavigation ul {
        width: 227px;
        margin: 0;
        padding: 0;
    }

        .leftMenuNavigation ul li {
            list-style-type: none;
            position: relative;
        }

            .leftMenuNavigation ul li img {
                float: left;
                border: medium none;
            }

            .leftMenuNavigation ul li ul {
                position: absolute;
                left: -999em;
            }

            .leftMenuNavigation ul li:hover ul {
                left: 227px;
                z-index: 3000;
                top: 0;
            }

    .leftMenuNavigation li:hover {
        top: 0;
        background: #000 !important;
    }

    .leftMenuNavigation ul li ul a {
        height: auto;
        text-indent: 0;
        margin: 0;
        padding: 0 5px;
    }

    .leftMenuNavigation ul li ul li ul {
        visibility: hidden;
    }

.LabelSearchResultsImageViewStyle {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    display: block;
    width: 191px;
    padding-top: 5px;
}

.TableCellImageViewStyle {
    height: 140px;
    text-align: center;
    padding-bottom: 3px;
}

    .TableCellImageViewStyle a {
        margin: 0;
    }

.TableRowImageViewStyle {
    text-align: center;
}

.ImageFamilleStyle {
    height: 110px;
    width: 190px;
    display: block;
    border: medium none;
    margin: 11px 0 13px 10px;
}

.LinkButtonArborescenceStyle {
    font-size: 13px;
    color: #000;
    font-weight: 700;
}

.ResultLabelClass {
    color: #000;
    font-size: 11px;
    font-weight: 700;
}

.RoundButton {
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #FFF;
    height: 30px;
    font-weight: 700;
    cursor: pointer;
    background: #012D98;
}

.RounderCornersAll4 {
    width: 200px;
}

.LancerLaRechercheClass {
    color: #000;
    display: inline-block;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    top: 2px;
}

.LancerLaRechercheImageClass {
    border: medium none;
    position: absolute;
    right: -25px;
    top: 0;
    max-width: 148px;
}

#Connectnothing {
    color: #FFF;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    width: 167px;
    padding: 5px 5px 10px 5px;
    background: url(../Images/b/finaliser_ma_commande.jpg) no-repeat left top;
    display: block;
}
/* Slide styles */
.ajax__multi_slider_custom .outer_rail_horizontal {
    position: absolute;
    background: url('../Images/b/slider_out.png') repeat-x;
    width: 190px;
    height: 15px;
    z-index: 100;
}

.ajax__multi_slider_custom .inner_rail_horizontal {
    position: absolute;
    background: url('../Images/b/slider.png') repeat-x;
    width: 190px;
    height: 15px;
    z-index: 100;
}

.ajax__multi_slider_custom .handle_horizontal_left {
    position: absolute;
    background: url('../Images/b/slider_left.png') no-repeat;
    background-size: 20px 20px;
    width: 22px;
    height: 22px;
    z-index: 200;
    cursor: w-resize;
    margin-top: -3px;
    margin-left: -5px;
}

.ajax__multi_slider_custom .handle_horizontal_right {
    position: absolute;
    background: url('../Images/b/slider_right.png') no-repeat;
    background-size: 20px 20px;
    width: 22px;
    height: 22px;
    z-index: 200;
    cursor: w-resize;
    margin-top: -3px;
    margin-left: 5px;
}

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

#divCompanyMenu {
    font-size: 16px;
    font-family: Arial Narrow;
    position: relative;
}

    #divCompanyMenu ul li {
        list-style-type: none;
        position: relative;
        float: left;
    }

    #divCompanyMenu ul a {
        display: block;
        color: #9A9A9A;
        font-weight: 700;
        padding: 3px;
    }

    #divCompanyMenu ul li:hover ul {
        float: left;
        left: 0;
    }

        #divCompanyMenu ul li:hover ul li {
            float: left;
            width: 220px;
            background: #F17E01;
        }

    #divCompanyMenu ul li:hover a {
        color: #FFF;
        background: #F17E01;
    }

.liCompanyMenuSelected {
    color: #F17E01 !important;
    font-size: 20px;
    text-decoration: underline;
    background: #FFF !important;
}

#tabSearchBool input {
    margin-left: 0;
}

.FontSizeLarge {
    font-size: larger;
}

a img {
    border: 0 none;
}

.Style08 a:link, .Style08 a:hover, .Style08 a:visited {
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    color: #B74002;
}

.Style19, .Style03light {
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.Style26, .Style16Gray {
    font-size: 16px;
    font-weight: 700;
    color: #999;
}

.Style03undOrng, .Style03undOrng a:link, .Style03undOrng a:visited, .Style03undOrng a:hover {
    font-size: 12px;
    font-weight: 700;
    color: #F17D02;
    text-decoration: underline;
}

#navigation ul li ul, #divCompanyMenu ul li ul {
    display: block;
    position: absolute;
    left: -999em;
    z-index: 4000;
    margin: 0;
    padding: 0;
}

    #navigation ul li ul li:hover ul, .leftMenuNavigation ul li ul li:hover ul {
        visibility: visible;
    }

.leftMenuNavigation ul a:hover, .leftMenuNavigation li:hover a {
    color: #FFF !important;
}

.NoEspace {
    width: 345px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.FlottantG {
    float: left;
}

#limite a {
    color: Black;
}

div#google_translate_element div.goog-te-gadget-simple {
    background: transparent;
    width: 50px;
    overflow: hidden;
    background-image: url(../Images/b/frgb.gif);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
        color: yellow;
        display: none;
    }

.goog-te-gadget-icon {
    display: none;
}

#Allowl {
    display: block;
}

#Allow2 {
    display: none;
}

#Allow3 {
    display: none;
}

#Allow4 {
    display: none;
}

#Allow5 {
    display: none;
}

#owl-nav {
    display: block;
}

#owl-nav2 {
    display: none;
}

#owl-nav3 {
    display: none;
}

#owl-nav4 {
    display: none;
}

#owl-nav5 {
    display: none;
}

#ctl00_MainPanel_GridViewArticle h2 {
    padding-top: 0px;
    padding: 0px;
    margin: 0px;
}

#background2 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    height: 1000px;
    z-index: 0;
    position: absolute;
    cursor: pointer;
}

#play {
    left: 439px;
    top: -63px;
    display: block;
    width: 15px;
    position: relative;
    height: 11px;
    z-index: 8;
    background-image: url(../Images/b/PlaySl.png);
    background-position: top;
    background-repeat: no-repeat;
}

    #play:hover {
        left: 439px;
        top: -63px;
        display: block;
        width: 15px;
        position: relative;
        height: 11px;
        z-index: 8;
        background-image: url(../Images/b/PlaySl.png);
        background-position: bottom;
        background-repeat: no-repeat;
    }

#stop {
    left: 457px;
    top: -74px;
    display: block;
    width: 15px;
    position: relative;
    height: 11px;
    z-index: 8;
    background-image: url(../Images/b/PauseSl.png);
    background-position: top;
    background-repeat: no-repeat;
}

    #stop:hover {
        left: 457px;
        top: -74px;
        display: block;
        width: 15px;
        position: relative;
        height: 11px;
        z-index: 8;
        background-image: url(../Images/b/PauseSl.png);
        background-position: bottom;
        background-repeat: no-repeat;
    }

#Vtflash {
    color: red;
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
	    font-family: 'Open sans';    text-align: center;
}

#Vtflashdet {
    color: red;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
	    font-family: 'Open sans';
}

#Vtflashdetoffer {
color: #f00;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    bottom: 0;
    top: 4px;
    position: relative;
    font-family: 'Open sans';
    width: 210px;
    margin-left: 423px;
    display: block;
    clear: both;
    float: left;
    border: solid 1px #f00;
    height: 39px;
    margin-top: 5px;
    padding: 5px;
    padding-left: 11px;
    position: absolute;
    top: 160px;
    background: white; z-index:5;
}

#outilspec {
    float: right;
    margin-right: 10px;
    background: white;
    margin-top: 6px;
    width: 177px;
}

    #outilspec p {
        color: #000;
        font-size: 11px;
        font-weight: bolder;
        margin: 0px;
    }

    #outilspec small {
        color: #000;
        padding: 0px;
    }

#Imglibre {
    float: right;
    padding-right: 5px;
}

#Aide {
    width: 850px;
    margin: 0 auto;
    min-height: 513px;
    overflow: hidden;
}

    #Aide h1 {
        font-size: 18px;
        color: #656565;
    }

    #Aide h3 {
        font-size: 14px;
        color: #000;
    }

    #Aide > h2 {
        margin: 0px;
    }

        #Aide > h2 > a {
            width: 150px;
            height: 23px;
            font-size: 14px;
            font-weight: lighter;
            color: #FFF;
            background: #999999;
            display: block;
            float: left;
            margin: 20px 38px 0 0px;
            padding-top: 6px;
            padding-right: 10px;
            padding-left: 9px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            behavior: url(/PIE.htc);
        }

            #Aide > h2 > a:hover {
                font-size: 14px;
                color: #FFF;
                background: #003365;
                float: left;
            }

#TopQuestion {
    clear: both;
    padding: 15px 0 0 0;
}

    #TopQuestion > p > a {
        font-size: 12px;
        color: #666;
    }

    #TopQuestion > p {
        margin-top: 8px;
        margin-bottom: 8px;
    }

#TopQuestionPerso > span > p {
    margin-top: 8px;
    margin-bottom: 8px;
}

#TopQuestionPerso {
    clear: both;
    padding: 15px 0 0 0;
}

    #TopQuestionPerso > span > p > a {
        font-size: 12px;
        color: #666;
    }

#Aide > h1 > a {
    font-size: 18px;
    color: #656565;
}

#TopReponse {
    clear: both;
    padding: 15px 0 0 0;
}

    #TopReponse > p {
        font-size: 18px;
        color: #656565;
    }

#TopQuestion > h4 {
    font-size: 12px;
    color: #03316c;
}

    #TopQuestion > h4 > a {
        font-size: 12px;
        color: #03316c;
        text-decoration: underline;
    }

#Aide > h4 {
    font-size: 12px;
    color: #03316C;
}

#TopReponse > p {
    font-size: 12px;
    color: #666666;
}

#TopReponse > h3 {
    font-size: 12px;
    color: #666;
    font-weight: bold;
}

#merci h1 {
    font-size: 18px;
    color: #003365;
}

#merci h2 {
    font-size: 18px;
    color: #666;
    font-weight: lighter;
}

#merci p a {
    color: #003365;
    font-size: 14px;
    text-decoration: underline;
}

#merci {
    width: 800px;
    margin: 0 auto;
}

#retoursav h1 {
    font-size: 18px;
    color: #03326c;
    padding-left: 4px;
}

#retoursav #REF {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #03316b;
    min-height: 16px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;
    text-align: center;
}

#retoursav p {
    font-size: 12px;
    color: #4b4b4b;
    margin: 0;
    padding: 0;
}

#retoursav label {
    font-size: 12px;
    color: #4b4b4b;
}

#retoursav #champoblig {
    font-size: 10px;
    font-weight: bold;
    color: red;
}

#retoursav #QUANTITE {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #03316b;
    height: 16px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;
    text-align: center;
}

#retoursav #BLFAC {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #03316b;
    min-height: 16px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;
    text-align: center;
}

#retoursav #DETAILSDURETOUR {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #03316b;
    min-height: 16px;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;
    text-align: center;
}

#retoursav span {
    color: #F00;
}

#tablelistprod input {
    width: 99%;
}

#retoursav {
    width: 850px;
    margin: 0 auto;
}

    #retoursav #BoutonClic input, #Problemetechnique #BoutonClic #Button1 {
        font-family: Arial;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        height: 26px;
        width: 90px;
        border: 1px solid #33a11b;
        box-shadow: #666 0 0 10px;
        -webkit-box-shadow: #666 0 0 10px;
        -moz-box-shadow: #666 0 0 10px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        background: #33a11b;
    }


    #retoursav #societ {
        background-image: url(../Images/b/quality.jpg);
        background-repeat: no-repeat;
        background-position: left top;
    }

#ctl00_MainPanel_MessageErrorAide {
    width: 460px;
    margin: 0 auto;
    font-size: 13px;
}

#LienR {
    margin-left: 40px;
    width: 198px;
    background: #f4f3f7;
    margin-top: 0;
}

    #LienR > h1 {
        font-size: 24px;
        color: #036;
        width: 198px;
        padding-left: 10px;
        padding-top: 0px;
    }

    #LienR > h2 > a {
        font-size: 14px;
        color: #036;
    }

    #LienR > h2 {
        font-size: 14px;
        color: #036;
        font-weight: normal;
        line-height: 20px;
        padding: 100px 10px 10px 10px;
    }

    #LienR > p > a {
        font-size: 10px;
        font-weight: 700;
        color: #656565;
        text-decoration: none;
        display: block;
        float: left;
        width: 190px;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 15px;
        padding: 0 10px;
    }

#Offre {
    padding-left: 10px;
    padding-right: 10px;
    width: 707px;
    min-height: 600px;
    word-break: break-all;
    padding-top: 15px;
    font-size: 12px;
}

    #Offre h1 {
        font-size: 18px;
        color: #666;
        padding-bottom: 22px;
    }

    #Offre h2 {
        font-size: 18px;
        color: #036;
        padding-bottom: 22px;
    }

    #Offre p {
        font-size: 12px;
        color: #666;
        margin: 0;
    }

    #Offre span {
        font-size: 12px;
    }

#TrackingJobBody > br {
    height: 5px;
    line-height: 0;
}

#LienForm {
    padding-top: 30px;
}

    #LienForm > a {
        width: 150px;
        height: 23px;
        font-size: 14px;
        font-weight: lighter;
        color: #fff;
        background: #003365;
        display: block;
        margin: 0 auto;
        padding-top: 6px;
        padding-right: 10px;
        padding-left: 9px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        behavior: url(/PIE.htc);
        text-align: center;
    }

#Recrutementcentre {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    z-index: 1;
    position: relative;
    padding-top: 0px;
    top: 0px;
    min-height: 450px;
}

    #Recrutementcentre table {
        margin: 0;
    }

#FormOffre {
    padding-left: 10px;
    padding-right: 10px;
    width: 707px;
    min-height: 600px;
    word-break: break-all;
    padding-top: 15px;
}

    #FormOffre p {
        font-size: 12px;
        color: #4b4b4b;
        margin: 0;
        padding: 0;
    }

    #FormOffre > h1 {
        font-size: 14px;
        color: #e30513;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #FormOffre > table > tbody > tr > td > p > strong > span {
        color: #e30513;
    }

    #FormOffre > table > tbody > tr > td > p > span {
        color: #e30513;
    }

#champoblig {
    color: #e30513;
    font-size: 12px;
}

#FormOffre #BoutonClic #ctl00_MainPanel_Button1 {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    height: 26px;
    width: 90px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: #666 0 0 10px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    border: 1px solid #33A11B;
    background: #33A11B;
}

#ctl00_MainPanel_MailError {
    width: 460px;
    margin: 0;
    font-size: 12px;
}

#Merci {
    width: 400px;
    padding-top: 80px;
    margin: 0 auto;
}

#recherche > h1 {
    font-size: 12px;
    padding-left: 15px;
}

#Premierevisitecentre {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    z-index: 1;
    position: relative;
    padding-top: 0px;
    top: 0px;
    min-height: 600px;
}

    #Premierevisitecentre > table {
        top: 0px;
    }

#TitreRubrique {
    background: #ff7016;
    height: 25px;
    font-size: 18px;
    color: #fff;
    padding-top: 2px;
    padding-left: 11px;
}

#LienRVisite .TitreRub {
    padding-left: 0;
    font-size: 14px;
}

#LienRVisite .EspaceRub {
    padding-left: 15px;
    font-size: 12px;
}

#LienRVisite {
    margin-left: 40px;
    width: 198px;
    background: #f4f3f7;
    margin-top: 0;
}

    #LienRVisite > p > a {
        font-weight: 700;
        color: #2d3f75;
        text-decoration: none;
        display: block;
        margin-top: 5px;
        margin-bottom: 0;
        min-height: 15px;
        line-height: 15px;
        padding: 0 10px;
    }

    #LienRVisite > h1 {
        font-size: 24px;
        color: #036;
        width: 198px;
        padding-left: 10px;
        padding-top: 0px;
    }

    #LienRVisite > h2 > a {
        font-size: 14px;
        color: #036;
    }

    #LienRVisite > h2 {
        font-size: 14px;
        color: #036;
        font-weight: normal;
        line-height: 20px;
        padding: 100px 10px 10px 10px;
    }

#VideoHELP {
    padding-top: 50px;
}

#cheminfer {
    font-size: 12px;
    padding-top: 23px;
    padding-left: 15px;
    padding-bottom: 15px;
}

    #cheminfer a {
        color: #2d3f75;
    }

#ctl00_MainPanel_suite {
    font-weight: bold;
}

#idtexte1ervisite {
    background: #f2f2f2;
    color: #2d3f75;
    width: 700px;
}

#1ervisite {
    padding-left: 10px;
    padding-right: 10px;
    width: 707px;
    min-height: 600px;
    padding-top: 15px;
    font-size: 12px;
}

#idtexte1ervisite p {
    font-size: 12px;
    color: #2d3f75;
    margin: 0;
    margin-left: 15px;
    padding-bottom: 5px;
}

#idtexte1ervisite h1 {
    font-size: 12px;
    color: #2d3f75;
    margin: 0;
    margin-left: 15px;
    padding-bottom: 2px;
    padding-top: 15px;
}

div#space {
    clear: both;
}

#leftmarque {
    width: 154px;
    text-align: right;
}

    #leftmarque > h1 {
        font-size: 17px;
        color: #6f6f6e;
        padding: 0;
    }

.resultmysearch {
    font-size: 14px;
    color: #f37d00;
    padding: 0;
    font-weight: bold;
}

.countmysearch span {
    font-size: 14px;
    color: #f37d00;
    padding: 0;
    font-weight: bold;
}

.countmysearch {
    font-size: 12px;
    color: #000;
    padding: 0;
    font-weight: normal;
}

#ListofMarque {
    width: 200px;
    float: left;
    padding-left: 30px;
    padding-bottom: 8px;
    height: 154px;
}

    #ListofMarque p a {
        font-size: 14px;
        color: #000;
        display: block;
        text-align: center;
    }

        #ListofMarque p a span {
            font-size: 14px;
            color: #f37d00;
            width: 198px;
            display: block;
            text-align: center;
        }

.theimg {
    width: 198px;
    height: 118px;
    border: 1px solid #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0 0 5px;
    -moz-box-shadow: #666 0 0 5px;
    box-shadow: #666 0 0 5px;
    margin: 0;
    padding: 0 0;
    margin-bottom: 6px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.theinnerimg {
    max-height: 110px;
    max-width: 190px;
}

#ListofMarque > p {
    padding-bottom: 5px;
    margin: 0;
}

.Exclusif {
    font-size: 13px;
    color: #fff;
    background: #df0007;
    text-transform: uppercase;
    padding: 3px 0 3px;
    text-shadow: 1px 1px rgba(0,0,0,.24);
    width: 117px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#Exclu {
    position: absolute;
    overflow: hidden;
    height: 80px;
    width: 80px;
    text-align: center;
    z-index: 0;
}

#ListofMarque > a > p {
    font-size: 14px;
    color: #000;
    display: block;
    text-align: center;
    margin: 0;
}

#Leftcell { /* width:170px;text-align:right;padding-right: 21px; old margin-left: 43px;*/
    width: 220px;
}

#Leftcellxhr { /* width:170px;text-align:right;padding-right: 21px; old */
    width: 206px;
    margin-left: 24px;
}

#Leftcell > h1 {
    font-size: 17px;
    color: #6f6f6e;
    padding: 0;
}

#Leftcellxhr > h1 {
    font-size: 17px;
    color: #6f6f6e;
    padding: 0;
}

#titreTop {
    background: #330065;
    padding: 2px 0 0 8px;
    color: #fff;
    width: 92px;
    height: 17px;
}

    #titreTop p {
        font-size: 11px;
        font-weight: bold;
        padding: 0px;
        margin: 0px;
    }

#SaisieOblig > p {
    color: red;
    font-weight: bold;
    font-size: 9px;
    padding-top: 88px;
}

#Table2 > tbody > tr > td > h1 {
    font-size: 18px;
    font-weight: bold;
    color: #330065;
    border-bottom: 2px;
    border-bottom-color: #330065;
    border-bottom-style: solid;
    width: 927px;
}

#footerval {
    width: 480px;
    min-height: 104px;
    background: #fef2e6;
    font-size: 10px;
}

    #footerval label {
        display: inline-block;
        float: left;
        margin-top: 3px;
    }

    #footerval input {
        display: inline-block;
        float: left;
        width: 22px;
    }

#Textcentre {
    margin: 0 auto;
}

#footerval p {
    padding: 0;
    margin: 0;
}

#ButtonCentre {
    width: 138px;
    margin: 0 auto;
    align-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ValidatorNext {
    height: 25px;
    color: #fff;
    font-size: 14px;
    background: #f90;
    margin: 0 auto;
    border: 1px solid #f90;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

.Style17 {
    border: 1px solid #ff9c1e;
    font-size: 11px;
    font-weight: 700;
    margin-right: 3px;
    float: left;
    width: 131px;
    padding-left: 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

.BGbelge {
    font-size: 10px;
    background: #f0f0f0;
    min-height: 208px;
    border-bottom: 11px solid white;
}

    .BGbelge p {
        color: #330065;
        font-weight: bold;
        margin-bottom: 2px;
        padding-top: 1px;
        margin: 0px;
    }

    .BGbelge a {
        color: #FF9900;
        font-weight: bold;
        margin-left: 7px;
        text-decoration: underline !important;
    }

#ctl00_MainPanel_TableLivr > tbody > tr > td {
    padding-left: 5px;
}

#ctl00_MainPanel_TableFact > tbody > tr > td {
    padding-left: 5px;
}
/*td.ValLab{border-left-width:10px;border-left-style:solid;border-left-color:#fff}*/
#Vosavantages {
    display: block;
    height: 379px;
    width: 479px;
    border: 1px solid #f90;
    margin-left: 14px;
}

    #Vosavantages h1 {
        font-size: 22px;
        color: #f90;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

.TavantageB {
    font-weight: bold;
    font-size: 22px;
}

.TavantageL {
    font-weight: lighter;
    font-size: 22px;
}

#Vosavantages h2 {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #4a0062;
}

#Vosavantages p {
    font-size: 14px;
    font-weight: bold;
    color: #4a0062;
    margin: 0;
    padding: 0;
}

#Vosavantages span {
    font-size: 14px;
    font-weight: bold;
    color: #f90;
}

#VosavantagesTextArea {
    display: block;
    height: 87px;
    width: 479px;
    border: 1px solid #f90;
    margin-left: 14px;
    margin-top: 17px;
}

    #VosavantagesTextArea p {
        font-size: 10px;
        color: #656565;
        margin: 5px 0 5px 10px;
    }

#ctl00_MainPanel_message {
    height: 56px;
    width: 465px;
    border: none;
    padding-left: 11px;
}

.Headresume {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}



.accordion > table > tbody > tr > td.block {
    background: #d7cfc2;
    color: #656565;
    padding: 2px 0 0 8px;
    width: 107px;
    height: 17px;
}

.selectedaccordion > table > tbody > tr > td.block {
    background: #330065;
    color: #fff;
    padding: 2px 0 0 8px;
    width: 107px;
    height: 17px;
}

#accordion2 {
    list-style: none;
    padding: 0 0 0 0;
    width: 959px;
    margin: 0;
}

    #accordion2 li {
        display: block;
        height: 30px;
        font-size: 11px;
        font-weight: bold;
        border-bottom: #fff solid 1px;
        cursor: pointer;
    }

    #accordion2 ol {
        list-style: none;
        padding: 0 0 0 0;
        display: none;
    }

    #accordion2 ul li {
        font-weight: normal;
        cursor: auto;
        background: #fff;
        padding: 0 0 0 7px;
    }

    #accordion2 a {
        text-decoration: none;
    }

        #accordion2 a:hover {
            text-decoration: underline;
        }

.quantityctrl {
    margin-top: 4px;
    margin-right: 15px;
    margin-left: 2px;
    font-size: 11px;
    font-weight: 700;
    margin-right: 0;
    width: 131px;
    padding-left: 0;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ccc;
    border-right-color: #fff;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
}

#InfoCGV {
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.validret {
    margin-left: 10px;
    margin-right: 5px;
}

.buttonret {
    border: 1px solid #ff9c1e;
    font-size: 11px;
    font-weight: 700;
    margin-right: 3px;
    width: 131px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

#NBart {
    font-size: 14px;
    color: #f37d00;
    width: 198px;
    text-align: center;
}

#zoneTexte p {
    font-size: 12px;
}

#zoneTexte h1 {
    font-size: 18px;
}

.bgprems {
    background-image: url(../Images/b/bg1ervisite.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.Blockprod {
    height: 200px;
}

.classForm {
    text-align: right;
    border-right-width: 23px;
    border-style: solid;
    width: 81px !important;
    height: 14px;
    border-color: #fff;
}

.cadreForm {
    border: 1px solid #a0a0a0;
    height: 20px;
    padding: 0;
    color: #999;
}

#ctl00_MainPanel_MessageErrorSAV {
    width: 849px;
    margin: 0 auto;
}

#sm {
    padding-bottom: 3px;
    height: 20px;
}

.fondPatch {
    background-image: url(../Images/b/fondpatch.jpg);
    background-repeat: repeat;
}

.BTradio {
    font-size: 14px;
    color: #656565;
}

td.ValLab span {
    word-wrap: break-word;
}

#CentreCB {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    z-index: 2;
    position: relative;
    min-height: 450px;
}

#CBcard {
    padding-top: 0;
    overflow: hidden;
}

    #CBcard h1 {
  
        margin-left: 15px;
        margin-top: 15px;
        font-size: 16px;
        font-family: Arial;
        color: #330065;
        border-bottom-color: #938878;
        width: 948px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        height: 25px;
    }

#CarteForm {
    width: 492px;
    margin: 0 auto;
    background: #fff;
    z-index: 2;
    position: relative;
    min-height: 450px;
    font-size: 12px;
}

.oblig {
    font-size: 10px;
}

    .oblig span {
        color: Red;
    }

.textCb span {
    color: Red;
}

.btnCB {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background: #f90;
    width: 210px;
    height: 25px;
    border: 1px solid #f90;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

.btnretourCB {
    font-size: 13px;
    color: #2f2f2f;
    background-image: url(../Images/BTNretourCB.png);
    width: 210px;
    display: block;
    height: 20px;
    text-align: center;
    padding-top: 5px;
}

.btnretourCBr {
    font-size: 13px;
    color: #2f2f2f;
    background-image: url(../Images/BTNretourCB.png);
    width: 210px;
    display: block;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    float: right;
}

#centersocgen {
    width: 545px;
    margin: 0 auto;
    font-size: 10px;
}

.cbimput {
    color: #23195d;
    font-size: 12px;
    padding-left: 2px;
    height: 22px;
    margin-left: 2px;
    border: 1px solid #ff851a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.YearTexte {
    color: #23195d;
    font-size: 12px;
    padding-left: 2px;
    height: 22px;
    margin-left: 2px;
    border: 1px solid #ff851a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.MonthTexte {
    color: #23195d;
    font-size: 12px;
    padding-left: 2px;
    height: 22px;
    margin-left: 2px;
    border: 1px solid #ff851a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.CBErroReturn {
    display: block;
    color: #fff;
    background: gray;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -o-border-radius: 8px;
    width: 210px;
    height: 20px;
    text-align: center;
    padding-top: 5px;
    font-size: 13px;
    font-weight: bold;
}

#CentreFormCB {
    height: 140px;
    padding-top: 100px;
}

#CentreCB h2 {
    font-size: 18px;
    color: #4B4B4B;
}

#ctl00_MainPanel_FormViewArticle {
    margin: 0 auto;
}

#masterGobo .Ferme-window {
    display: none;
}

#ctl00_MainPanel_TextBoxRaison2 {
    display: none;
}

#ctl00_MainPanel_TextBoxRaison2Adre {
    display: none;
}

.EspaceNavigation {
    padding-top: 14px;
}

.EspaceVentre {
    padding-top: 14px;
    width: 570px;
}

.EspaceNavigation h1 {
    font-size: 18px;
    color: #ef7d00;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

.EspaceVentre h1 {
    font-size: 24px;
    color: #000066;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-top: 0px;
}

.EspaceNavigation p {
    font-size: 14px;
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0px;
}

.EspaceVentre p {
    font-size: 14px;
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
}

.EspaceNavigation h2 {
    font-size: 18px;
    color: #ef7d00;
}

.EspaceNavigation span {
    font-size: 14px;
    color: #ef7d00;
    padding-top: 15px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    display: block;
    font-style: normal;
    font-weight: bold;
    height: 22px;
}

.EspaceNavigation a {
    font-size: 14px;
    font-weight: lighter;
    font-family: 'Open Sans', sans-serif;
    color: #000065;
    min-height: 20px;
    display: block;
}

.EspaceNavigation .Statut span {
    color: #E30513;
    padding: 0px;
    margin: 0px;
    float: left;
}

.EspaceNavigation .TimeInscription {
    font-size: 12px;
    font-weight: lighter;
    padding: 0px;
    margin: 0px 0px 25px;
    clear: both;
}

.PhotoUser {
    padding: 10px 5px 25px 15px;
}

.TitrePresentation {
    font-size: 24px;
    color: #ef7d00;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 14px;
    /*  padding-left: 19px; */
    margin-bottom: 7px;
}

/* .PresentezVousEn { background:#EF7D00; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#FFF; text-align:left;padding-left: 20px; width:400px; font-size:18px; display: block;height: 30px; } */
.PresentezVousEn {
    background: #669933;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #FFF;
    text-align: left;
    padding-left: 20px;
    padding-right: 13px;
    padding-top: 1px;
    padding-bottom: 5px;
    font-size: 18px;
    height: 41px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 22px;
    font-weight: 600;
}

.CalPresentationMetierGout {
    height: 29px;
    display: block;
    clear: both;
}

 

    .PresentationComplete h1 {
        font-size: 18px;
        color: #ef7d00;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-top: 0px;
    }

.EspaceClient-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: .85;
    filter: alpha(opacity=85);
    z-index: 999901;
}

.EspaceClient-window {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0;
    z-index: 999902;
    background: #fff;
    border: 1px solid #696;
    padding: 10px 10px;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    border: 3px solid #FB8119;
}

.Ferme-EspaceClient {
    position: absolute;
    width: 47px;
    height: 47px;
    right: -5px;
    top: -5px;
    background: transparent url(../Images/b/close-button.png) no-repeat scroll right top;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
}

.EspaceSociete h2 {
    font-size: 12px;
    color: #000066;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0px;
}

.EspaceSociete {
    font-size: 12px;
    font-size: 14px;
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: lighter;
    margin: 0px;
}

.EspaceVentre .TitrePresentation {
    color: #ef7d00 !important;
    font-family: 'Open sans';
}

.EspaceSociete table {
    font-size: 11px;
}

.InfosClient {
    font-size: 11px;
}

.EspaceMesinformations h3 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    font-size: 14px;
    color: #2C3F75;
}

.EspaceMesinformations p {
    font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 12px;
    color: #000;
}

.EspaceMesinformations {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.filetBleu {
    border-style: solid;
    border-width: 1px;
    border-color: #2C3F75;
    width: 572px;
}

.DownloadMyTarifs {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

    .DownloadMyTarifs h3 {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: Bold;
        font-size: 14px;
        color: #666666;
    }

    .DownloadMyTarifs p {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: lighter;
        font-size: 14px;
        color: #666666;
    }

.BlockVotreTarifs {
    width: 306px;
    height: 99px;
    border-style: solid;
    border-width: 1px;
    border-color: #FF851A;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.LogoType {
    width: 144px;
    height: 99px;
    float: left;
}

.ButtonEspacePlusTexte {
    width: 149px;
    height: 99px;
    float: left;
}

div.ButtonEspacePlusTexte > p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    color: #253775;
    text-align: center;
}

.imgLogoPrestataire {
    border-width: 0px;
    vertical-align: middle;
    display: block;
    margin: 12%;
}

.BtnLogoTarif {
    border-width: 0px;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-style: solid;
    border-color: #FF851A;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #FF851A;
    height: 21px;
    color: #FFF;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: Bold;
    padding-top: 5px;
    cursor: progress;
    pointer-events: none;
}

h4.RedTitle {
    font-size: 18px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: Bold;
    color: #CF2C1F;
}

.BtnTeleCharger {
    font-size: 18px;
    font-family: 'Open sans';
    background: #59A539;
    color: white;
    height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-width: 0px;
    pointer-events: bounding-box;
    width: 120px;
    height: 30px;
    cursor: pointer;
}

.Dropdowntele {
    height: 30px;
}

.EspaceFormMail {
    min-height: 283px;
    width: 572px;
    background: #F1F1F1;
    margin-top: 15px;
}

a.active {
    font-weight: Bold;
    font-size: 14px;
}

.PresentationUser p { /* padding-left: 20px;  */
    font-size: 12px;
    font-family: 'Open sans';
}

.BtnPresentationSociety {
    padding-top: 25px;
    padding-bottom: 25px;
}

.PresentationSociety p {
    padding-left: 0px;
}

.EspaceFormMail p {
    font-size: 12px;
    padding: 8px 0px 8px 0px;
    margin: 0px;
}

.EspaceFormMail span {
    font-size: 13px;
    padding: 0px;
    font-weight: bold;
    margin: 0px 0px 8px 0px;
}

div.EspaceFormMail > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td {
    font-size: 12px;
    font-weight: lighter;
    padding: 8px 0px 8px 0px;
}

.EspaceNavigation .PhotoUser a {
    height: auto !important;
}

 tr.AltRow {
    background: #e6e6e6 !important;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border: none;
    padding-left: 5px !important;
}

tr.AltRow td {
    padding-left: 5px !important;
    border: none;
}

.Grille > tbody > tr > td {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border: none;
}

#ctl00_MainPanel_GridViewUsers tr th.head {
    border: 0 none #06c;
    padding: 0;
    text-align: left;
    margin-left: 5px;
    padding-left: 5px;
    font-weight: normal;
}

#ctl00_MainPanel_GridViewUsers tr td.head {
    border: 0 solid #000;
}

#ForSupprim {
    display: block;
    height: 20px;
    width: 572px; /* border:1px solid #f90; */
    margin: 0 auto;
}

    #ForSupprim p {
        padding-top: 9px;
        padding-left: 15px;
        color: #000;
        margin: 0;
        text-align: center;
        font-family: 'Open sans',arial;
        font-size: 13px;
    }

#Forcreate {
    display: block;
    height: 50px;
    width: 572px;
    border: 1px solid #f90;
    margin: 0 auto;
}

    #Forcreate p {
        padding-top: 9px;
        padding-left: 15px;
        color: #000065;
        margin: 0;
        text-align: center;
        font-family: 'Open sans',arial;
        font-size: 14px;
    }

#IndormationTitre > h1 {
    font-size: 14px;
    color: #fff;
    background: #ef7d00;
    text-align: center;
    display: block;
    height: 25px;
    width: 230px;
    padding-top: 10px;
}

.WhiteRow td {
    padding-left: 5px !important;
    border: none;
}

tr.WhiteRow {
    background: #FFF;
}

tr.AltRow td {
    background: #e6e6e6;
}

#TexteInfoCpt {
    width: 550px;
    display: block;
    clear: both;
    padding-top: 10px;
}

.EspaceMesinformations {
    font-size: 11px;
}

.EspaceCreate {
    font-size: 11px;
    padding: 2px;
}

.Calespace {
    height: 25px;
    display: block;
    width: 200px;
}

#InformationText > h1 {
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: Bold;
}

#EditvueInsert input {
    width: 210px;
    height: 16px;
    padding-left: 2px;
    border: 1px solid #ff9c1e;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

#EditvueInsert select {
    width: 214px;
    height: 22px;
    padding-left: 2px;
    border: 1px solid #ff9c1e;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

select#ctl00_MainPanel_FormViewUsersInfo_ddlPageSize {
    width: 63px;
}

input#ctl00_MainPanel_FormViewUsersInfo_CheckBoxNews {
    width: 17px;
}

input#ctl00_MainPanel_FormViewUsersInfo_cbTTC {
    width: 17px;
}

#InfosaDroite {
    width: 242px;
    min-height: 200px;
    background: #e6e6e6;
    margin-right: 51px;
    padding: 8px;
}

.TextBloc {
    width: 420px;
    min-height: 100px;
    border: 1px solid #797063;
    display: block;
    color: #797063;
    font-size: 12px;
    margin-left: 10px;
}

    .TextBloc p {
        padding: 5px !important;
        margin: 5px;
        font-size: 12px !important;
    }

.Modifier {
    width: 420px;
    height: 20px;
    display: block;
    font-family: 'Open sans';
}

    .Modifier a {
        float: right;
        color: #797063;
        font-size: 12px;
        font-weight: bold;
    }

.EspaceMesinformations #sm {
    width: 230px;
}

.BTNVERT {
    background: #5aa639;
    width: 156px;
    height: 35px;
    padding-top: 0;
    color: #fff;
    text-align: center;
    margin-left: 140px;
    border: 0;
}

.MoncarnetAdresse {
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.inputFact {
    width: 210px;
    height: 16px;
    padding-left: 2px;
    border: 1px solid #ff9c1e;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

select.inputFact {
    width: 210px;
    height: 20px;
}

.Hidehead {
    display: none;
}

.MesUtilisateursList {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 10px;
}

td.head {
    font-size: 10px;
}

td.head {
    font-size: 10px;
}

td.headitem {
    font-size: 10px;
    padding-right: 10px;
}

#ctl00_MainPanel_GridViewAddresses > tbody > tr > th {
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
}

#ForcreateRaison {
    display: block;
    height: 50px;
    width: 440px;
    border: 1px solid #f90;
    color: #006;
    margin-top: 20px;
}

    #ForcreateRaison a {
        color: #ef7d00;
    }

    #ForcreateRaison p {
        margin-top: 10px;
        text-align: center;
        font-weight: normal;
        font-size: 12px;
    }

#ctl00_MainPanel_GridViewAddresses > tbody > tr > th {
    min-width: 11px;
}

.inputLivre {
    width: 210px;
    height: 20px;
    padding-left: 2px;
    border: 1px solid #ff9c1e;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

#Infocreate {
    font-size: 12px;
}

#ctl00_MainPanel_TableAddress > tbody > tr:nth-child(1) {
    background: #e6e6e6 !important;
}

#CreeAdresse {
    display: block;
    width: 400px;
    height: 33px;
    border: solid 1px #f19026;
    padding-top: 11px;
    margin: 0 auto;
}

    #CreeAdresse a {
        text-align: center;
        font-size: 14px;
        padding-left: 0;
        display: block;
        color: #000066;
    }

#ctl00_MainPanel_FormViewModifyAdresse_TableAddress tbody > tr > td > h1 {
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: Bold;
}

#ctl00_MainPanel_FormViewPresentation tbody > tr > td > h1 {
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: Bold;
}

.BTEnregistrer {
    background: #5aa639;
    width: 156px;
    height: 35px;
    padding-top: 0;
    color: #fff;
    text-align: center;
    margin-left: 148px;
    border: 0;
    margin-top: 11px;
    font-family: 'Open sans';
    font-size: 14px;
    letter-spacing: 1px;
}

.BTEnregistrerSAVE {
    background: #5aa639;
    width: 156px;
    height: 35px;
    padding-top: 0;
    color: #fff;
    text-align: center;
    margin-left: 191px;
    border: 0;
    margin-top: 11px;
    font-family: 'Open sans';
    font-size: 14px;
    letter-spacing: 1px;
}

.BTEnregistrerModifieAdress {
    background: #5aa639;
    width: 156px;
    height: 35px;
    padding-top: 0;
    color: #fff;
    text-align: center;
    margin-left: 191px;
    border: 0;
    margin-top: 11px;
    font-family: 'Open sans';
    font-size: 14px;
    letter-spacing: 1px;
}

.MoncarnetAdresse {
    text-transform: uppercase;
}

#ctl00_MainPanel_FormViewModifyAdresse_DropDownListContact, #ctl00_MainPanel_FormViewModifyAdresse_DropDownListCountry, #ctl00_MainPanel_FormViewModifyAdresse_DropDownListClosingDay {
    height: 25px;
}

.EspaceVentreNewsletter h1 {
    font-size: 24px;
    color: #006;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-top: 0;
}

.EspaceVentreNewsletter h2 {
    font-size: 18px;
    color: #ef7d00;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-top: 0;
    display: block;
    width: 572px;
    border-bottom-color: #ef7d00;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.EspaceVentreNewsletter {
    padding-top: 10px;
    width: 598px;
    font-family: 'Open Sans';
}

.tableQuestion p {
    margin-bottom: 17px;
    color: #006;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding-top: 0;
    margin-top: 0;
}

.tableQuestion img {
    padding-top: 6px;
}

#TitreallNewsletter {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-top: 50px;
    color: #006;
    font-weight: bold;
    padding-bottom: 15px;
}

.CalEspace {
    height: 23px;
}

.RadioLib {
    margin-bottom: 25px;
    margin-top: 25px;
}

.validbtn {
    width: 550px;
    text-align: right;
}

    .validbtn input {
        align: right;
    }

span.rouge {
    color: red;
}

#Infocreate h2 {
    font-family: 'Open sans', arial,Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
}

a.tooltips_cls {
    position: relative;
    display: inline;
    color: #000;
    text-decoration: none;
}

    a.tooltips_cls span {
        position: absolute;
        width: 140px;
        color: #fff;
        background: #000;
        height: 90px;
        line-height: 90px;
        text-align: center;
        visibility: hidden;
        border-radius: 6px;
        border: 1px solid 0;
        text-shadow: 0 0 0 #fff;
        box-shadow: 9px 6px 13px 0 #7a8185;
        color: #fff;
    }

        a.tooltips_cls span:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: 11px;
            width: 0;
            height: 0;
            border-bottom: 8px solid #000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

a:hover.tooltips_cls span {
    visibility: visible;
    opacity: .8;
    top: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}

#ctl00_MainPanel_TableFact > tbody > tr > td:nth-child(1) {
    text-transform: uppercase;
}

#ctl00_MainPanel_TableLivr > tbody > tr > td:nth-child(1) {
    text-transform: uppercase;
}

.Signupchamp {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    width: 165px;
    text-transform: uppercase;
}

#vosmarquesnesontpasici {
    padding-top: 25px;
}

    #vosmarquesnesontpasici a {
        color: #006;
    }

#ctl00_MainPanel_GridViewBill > tbody > tr > th {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    padding-left: 5px;
}

#ctl00_MainPanel_GridViewBill > tbody > tr > th {
    background: #fff;
    font-weight: bold;
}

.EnteteMesCommandes {
    width: 573px;
    height: 60px;
}

.triparcreateur { /* width:183px; */
    width: 450px;
    display: block;
    float: left;
    height: 50px;
    padding-top: 10px;
    font-size: 12px;
    font-family: 'Open Sans',arial,helvetica;
    font-weight: 600;
}

.fonctionreserve { /* width:269px;float:left;height:30px;padding-top:25px;vertical-align:middle;font-family:'Open Sans',Arial,helvetica;color:#cf2c1f;font-size:12px; font-weight:600 */
    width: 269px;
    vertical-align: middle;
    font-family: 'Open Sans',Arial,helvetica;
    color: #cf2c1f;
    font-size: 12px;
    font-weight: 600;
}

.Reserve12mois {
    width: 110px;
    float: left;
    min-height: 45px;
    font-size: 12px;
    background: #e6e6e6;
    padding: 5px;
    font-size: 12px;
}

.suivantcondition {
    color: #263776;
    font-family: 'Open Sans',Arial,helvetica;
    font-weight: bold;
    font-size: 14px;
    min-height: 30px;
    padding-top: 10px;
}

    .suivantcondition span {
        color: #cf2c1f;
        font-size: 12px !important;
    }

.hrryellow {
    color: #f90;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #f90;
    border-right-color: #f90;
    border-bottom-color: #f90;
    border-left-color: #f90;
    width: 572px;
    float: left;
}

#ctl00_MainPanel_GridViewDevis > tbody > tr > th {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding-left: 5px;
}

#ctl00_MainPanel_GridViewDevis > tbody > tr > td {
    font-size: 10px;
    font-weight: normal; /* text-align:center; */
    padding-left: 5px;
    padding-right: 4px;
}

#ctl00_MainPanel_GridViewDevis > tbody > tr > td, th {
    border: hidden;
}

.textRed {
    font-size: 10px;
    font-weight: 700;
    color: #FF0505;
    text-transform: initial;
}

#MesTarifs p {
    font-size: 11px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 2px;
}

#MesTarifs span {
    font-size: 11px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: red;
}

.filetOrange {
    border-bottom-color: #ef7d00;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

input#showHide {
    width: 15px;
    float: left;
}

.Infoedit {
    text-transform: uppercase;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

    .Infoedit span {
        color: red;
    }

#ctl00_MainPanel_AfficheNewsletter > p > a {
    text-decoration: underline !important;
    font-family: 'Open sans';
    font-weight: bold;
    font-size: 12px; /* padding-left:55px; */
    padding-left: 7px;
    color: #000066;
}

#Raisonsociale p {
    font-size: 11px;
    text-transform: uppercase;
    width: 113px;
}

#CreateUser span {
    color: red;
}

#CreateUser {
    text-transform: uppercase;
}

.ParametreP {
    font-family: 'Open sans';
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#ctl00_MainPanel_Ordredist {
    font-family: 'Open sans';
    font-size: 14px;
}

#ctl00_MainPanel_RadioButtonListMesabonnements {
    font-family: 'Open sans';
    font-size: 14px;
}

#ctl00_MainPanel_TypeFichier {
    width: 200px;
}

.styled-select select {
    background: transparent;
    /*    width: 268px;
   padding: 5px;
   font-size: 16px; */
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

.styled-select {
    width: 200px;
    height: 34px;
    overflow: hidden;
    background: url(new_arrow.png) no-repeat right #FFF;
    border: 1px solid #ccc;
}

.styled-select-yellow select {
    background: transparent;
    /*    width: 268px;
   padding: 5px;
   font-size: 16px; */
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.styled-select-yellow::-ms-expand {
    display: none;
}

.styled-select-yellow {
    width: 67px;
    height: 30px;
    overflow: hidden;
    background: url(../Images/b/arrowlistbox.png) no-repeat right #FFF;
    border: 1px solid #EF7C00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.BoutonsAddtocart {
    font-family: 'Open sans';
    color: white;
    font-size: 16px;
    width: 280px;
    height: 34px;
    background: #5aa639;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: none;
}

#Placeptn {
    padding-top: 25px;
    width: 566px;
    height: 60px;
    border: none;
}

.footermespanier {
    font-size: 10px;
    font-weight: 700;
    color: #000;
    font-family: 'Open sans';
}

.EspacePAnierFavoris {
    margin: 0px auto;
    width: 880px;
    min-height: 700px;
    font-family: 'Open sans';
}

    .EspacePAnierFavoris h1 {
        font-size: 24px;
        color: #006;
        font-family: 'Open Sans',Arial,Helvetica,sans-serif;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 3px;
    }

.nobordatransp {
    width: 80px;
    font-size: 12px;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-appearance: none;
    font-family: 'Open sans';
    padding-left: 2px;
}

.nobordat {
    width: 80px;
    font-size: 12px;
    border: 1px solid #AFA597;
    -webkit-appearance: none;
    font-family: 'Open sans';
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    text-align: center;
}

.HeadColCode {
    width: 80px;
    font-size: 12px;
    font-family: 'Open sans';
}

.HeaddesigCode {
    font-size: 12px;
    font-family: 'Open sans';
}

.ColCode {
    width: 80px;
    background: #f2f2f2;
    font-size: 12px;
    font-family: 'Open sans';
}

.ColDesignation {
    width: 360px;
    background: #f2f2f2;
    font-size: 12px;
    font-family: 'Open sans';
}

.Colqte {
    width: 80px;
    background: #f2f2f2;
    font-size: 12px;
    font-family: 'Open sans';
    padding-left: 5px;
}

.Coldelet {
    background: #f2f2f2;
    font-size: 12px;
    font-family: 'Open sans';
    padding-left: 5px;
}

.ColPrice {
    width: 90px;
    background: #ffe6cc;
    font-size: 12px;
    font-family: 'Open sans';
    padding-right: 9px;
}

#CommandeDeetPrint {
    width: 880px;
    height: 84px;
    font-family: 'Open sans';
    font-size: 14px;
}

    #CommandeDeetPrint a {
        font-family: 'Open sans';
        font-size: 14px;
    }

.hrryellow880 {
    color: #f90;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #f90;
    border-right-color: #f90;
    border-bottom-color: #f90;
    border-left-color: #f90;
}
.QuantityCtrl {    width: 110px;
    margin: 0 auto;
    display: block;
    padding-top: 5px;}
#CommandeDeetPrint p {
    margin: 0px;
    font-family: 'Open sans';
    font-size: 14px;
    font-weight: bold;
}

.ModifierPanier {
    font-family: 'Open sans';
    width: 134px;
    height: 34px;
    color: white;
    padding-top: 2px;
    background: #0069b4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.AddtoPanier {
    font-family: 'Open sans';
    width: 134px;
    height: 34px;
    color: white;
    padding-top: 2px;
    background: #5aa639;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.RetourAlaliste {
    font-family: 'Open sans';
    width: 320px;
    height: 34px;
    color: white;
    padding-top: 2px;
    background: #666666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

#CommandeDeetPrint a {
    color: #000;
    font-family: 'Open sans';
    font-weight: bold;
}

#footerdetailsbill a {
    color: #000;
    font-family: 'Open sans';
    font-weight: bold;
}

#Total {
    font-family: 'Open sans';
    font-weight: bold;
    font-size: 12px;
    width: 881px;
}

#ctl00_MainPanel_GridView1 > tbody > tr > th {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    padding-left: 5px;
}

#ctl00_MainPanel_GridView1 > tbody > tr > th {
    background: #fff;
    font-weight: bold;
}

#BlueBottom {
    background: #009EE3;
    width: 572px;
    height: 30px;
    font-family: 'Open sans';
    color: white;
}

.ColespaceBlue {
    font-size: 14px;
    width: 243px; /*194px*/
}

.ColorBlueBlack {
    background: #253775;
    font-family: 'Open sans';
    color: white;
    width: 70px;
    vertical-align: middle;
    font-size: 11px;
    padding-right: 5px;
}

.ColorYellow {
    background: #FF9B00;
    font-family: 'Open sans';
    color: white;
    width: 70px;
    vertical-align: middle;
    font-size: 11px;
    padding-right: 5px;
}

.FinFooter {
    width: 238px;
}

#LienFootMybill h1 {
    font-family: 'Open sans';
    color: black;
    font-size: 14px;
}

#LienFootMybill a {
    color: #263775;
}

#requiredsaisie {
    color: red;
    padding-left: 195px;
}

#mespanierfavliste1 h2 {
    font-size: 18px;
    color: #263776;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-top: 0;
    display: block;
    width: 572px;
    border-bottom-color: #263776;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

#EspaceClientcontener {
    width: 980px;
    margin: 0 auto;
    background: #FFF;
    z-index: 1;
    position: relative;
    padding-top: 2px;
    min-height: 450px;
    overflow: hidden;
    font-family: 'Open Sans';
    margin-bottom: 25px;
    padding-bottom: 25px;
}

#espacered {
    padding-top: 2px;
    padding-bottom: 2px;
}

.EspaceFormMail {
    font-family: 'Open sans';
}

.BtnContacter {
    background: #59A539;
    color: white;
    height: 30px;
    /*   font-size:18px; */ font-size: 16px;
    width: 119px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-width: 0px;
    pointer-events: bounding-box;
    cursor: pointer;
}

#Table_01 {
    font-family: 'Open sans';
}

#BlockselectUser {
    font-family: 'Open sans';
    font-size: 12px;
}

#ctl00_MainPanel_GridViewBasket span {
    text-align: right;
    float: right;
    padding-right: 5px;
    font-size: 12px;
}

#ctl00_MainPanel_GridViewBasket .AltRow, .WhiteRow {
    font-size: 10px;
    font-weight: lighter !important;
}

#retoursav #QUANTITESP {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #03316b;
    height: 16px;
    padding: 2px 0 0 1px;
    /*padding-top: 2px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;*/
    text-align: center;
    height: 34px;
}

.Mesmessages p {
    font-family: 'Open sans';
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.Mesmessages a {
    color: #000;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

    .Mesmessages a span {
        color: #157499;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

#CLBlock {
    display: block;
    clear: both;
}

#Messagepanier {
    font-family: 'Open sans';
    color: #263775;
    font-size: 18px;
    padding-top: 38px;
    text-align: center;
}

.heighttextb {
    width: 340px;
    height: 100px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

p.InfoRed {
    color: #CF2C1F;
    font-weight: 600;
    font-size: 14px;
}

p.InfoBlue {
    color: #263775;
    font-weight: 400;
    font-size: 14px;
}

p.InfoBlueBold {
    color: #263775;
    font-weight: 700;
    font-size: 14px;
}

.DeroulContact {
    width: 230px;
    height: 22px;
    color: #666666;
    font-family: 'Open sans';
    font-size: 12px;
}

::-webkit-input-placeholder {
    color: #666666;
    font-family: 'Open sans';
    font-size: 12px;
}

::-moz-placeholder {
    color: #666666;
    font-family: 'Open sans';
    font-size: 12px;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #666666;
    font-family: 'Open sans';
    font-size: 12px;
}
/* ie */
input:-moz-placeholder {
    color: #666666;
    font-family: 'Open sans';
    font-size: 12px;
}

.EspaceFormMailContact {
    min-height: 316px;
    width: 574px;
    background: #F1F1F1;
    margin-top: 15px;
}

.EspaceFormMailServicecomptable {
    min-height: 415px;
    width: 574px;
    background: #F1F1F1;
    margin-top: 15px;
}

    .EspaceFormMailServicecomptable p {
        font-size: 14px;
        margin: 2px;
    }

.heighttextbPieceConcern {
    width: 250px;
    height: 100px;
}

.formulezdemande {
    width: 440px;
    height: 100px;
}

.tableaucontactezcomptable {
    margin-left: 8px;
    margin-top: 9px;
}

.Calboutonservice {
    padding-left: 230px;
}

.BtnContacterCommercial {
    background: #59A539;
    color: white;
    height: 30px;
    /* font-size: 18px; */
    font-size: 16px;
    width: 100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-width: 0px;
    pointer-events: bounding-box;
    cursor: pointer;
}

.InfoBluesemiBold {
    color: #263775;
    font-weight: 300;
    font-size: 14px;
}

#disclaimer {
    font-family: 'Open sans';
    font-size: 12px;
}

#retoursav #BoutonClic input, #Problemetechnique #BoutonClic #ButtonEspaceSAV {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    height: 26px;
    width: 100px;
    border: 1px solid #33a11b;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #33a11b;
}

.EspaceVentreMesService h2 {
    font-size: 18px;
    color: #263775;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-top: 0;
    display: block;
    width: 572px;
    border-bottom-color: #38466E;
    border-bottom-width: 1px;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.EspaceVentreMesService {
    padding-top: 10px;
    width: 598px;
    font-family: 'Open Sans';
}

    .EspaceVentreMesService h1 {
        font-size: 24px;
        color: #006;
        font-family: 'Open Sans',Arial,Helvetica,sans-serif;
        font-weight: normal;
        margin-top: 0;
    }

.ModifierPanierFav {
    font-family: 'Open sans';
    width: 134px;
    height: 45px;
    color: white;
    padding-top: 2px;
    background: #0069b4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.AddtoPanierFav {
    font-family: 'Open sans';
    width: 134px;
    height: 45px;
    color: white;
    padding-top: 2px;
    background: #5aa639;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.CadreFormulaire {
    padding-top: 33px;
}

.colorf1f1 {
    background: #F1F1F1;
}

    .colorf1f1 p {
        padding-left: 25px;
        margin: 0px;
    }

    .colorf1f1 span {
        padding-left: 11px;
        margin: 0px;
    }

.Selectting {
    background: transparent;
    line-height: 2;
    border: 0;
    font-family: 'Open sans';
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    float: left;
    width: 100%;
    font-family: 'Open sans';
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.Selectting::-ms-expand {
    display: none;
}

.deroulantfleche {
    width: 524px;
    height: 33px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../Images/b/flechederoulante.png) no-repeat right;
    border: 1px solid #1BB1E0;
    background: #F1F1F1;
}

.deroulantfleche2 {
    width: 524px;
    height: 33px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../Images/b/flechederoulante.png) no-repeat right;
    border: 1px solid #1BB1E0;
    background: #F1F1F1;
}

.InfoPDF {
    font-size: 12px;
    font-weight: 700;
    color: #999;
}

    .InfoPDF span {
        font-weight: 700;
        color: #E10813;
    }

.ScrollingCondition {
    width: 562px;
    height: 464px;
    font-family: 'Open sans';
    overflow-x: auto;
    margin-left: 15px;
}

    .ScrollingCondition h1 {
        font-size: 18px;
        color: #263775;
    }

#EspaceVentreNewsletter label {
    font-size: 12px;
}

#EspaceClientcontener > label {
    font-size: 12px;
}

.Fontcell {
    font-size: 14px;
}

.EspaceVentreMesService a {
    text-decoration: underline;
}

.MesSites p {
    font-size: 12px;
    color: #263775;
}

.MesSites {
    border-bottom: 1px solid #FB8119;
}

#Lib > table > tbody > tr > td > a {
    text-decoration: underline !important;
}

#retoursavEspace {
    width: 598px;
    margin: 0 auto;
}

    #retoursavEspace #societ { /* background-image:url(../Images/b/quality.jpg); */
        background-repeat: no-repeat;
        background-position: left top;
    }

    #retoursavEspace #QUANTITESP {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #03316b;
         height: 34px!important;
         padding:2px 0 0 1px;
        /*padding-top: 2px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1px;*/
        text-align: center;
        height: 32px;
    }

    #retoursavEspace #BoutonClic input, #Problemetechnique #BoutonClic #Button1 {
        font-family: 'Open sans';
        background: none repeat scroll 0% 0% #59A539;
        color: #FFF;
        height: 30px;
        font-size: 16px;
        width: 119px;
        border-radius: 5px;
        border-width: 0px;
        cursor: pointer;
    }

    #retoursavEspace span {
        color: #F00;
    }

    #retoursavEspace h1 {
        font-size: 16px;
        color: #03326c;
        padding-left: 4px;
    }

    #retoursavEspace #REF {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #03316b;
        min-height: 16px;
        padding-top: 2px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1px;
        text-align: center;
    }

    #retoursavEspace p {
        font-size: 12px;
        color: #4b4b4b;
        margin: 0;
        padding: 0;
    }

    #retoursavEspace label {
        font-size: 12px;
        color: #4b4b4b;
    }

    #retoursavEspace #champoblig {
        font-size: 10px;
        font-weight: bold;
        color: red;
    }

    #retoursavEspace #QUANTITE {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #03316b;
        height: 16px;
        padding:2px 0 0 1px; 
        /*padding-top: 2px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1px;*/
        text-align: center;
    }

    #retoursavEspace #BLFAC {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #03316b;
        min-height: 16px;
        padding-top: 2px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1px;
        text-align: center;
    }

    #retoursavEspace #DETAILSDURETOUR {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #03316b;
        min-height: 16px;
        padding-top: 2px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1px;
        text-align: center;
    }

    #retoursavEspace .cadreForm {
        border: 1px solid #A0A0A0;
        height: 21px;
        padding: 0px;
        color: #999;
    }

#ctl00_MainPanel_MessageErrorSAV {
    width: 550px;
    font-size: 13px;
    margin: 0px auto;
}

.MacommandeAction {
    padding-top: 25px;
    margin: 0 auto;
    width: 95%;
}

#Footerreturncommandable {
    padding-bottom: 25px;
    padding-bottom: 25px;
    /* float: right; */
    width: 95%;
    padding-top: 25px;
    margin: 0 auto;
}

#ctl00_MainPanel_TextBoxConditionsPerso2 {
    width: 310px;
    height: 17px;
}

#ctl00_MainPanel_TextBoxConditionsPerso {
    width: 310px;
    height: 17px;
}

#ctl00_MainPanel_TextBoxConditionsPerso3 {
    width: 310px;
    height: 17px;
}

table#Raisonsociale {
    width: 275px;
}

#Raisonsociale p {
    white-space: nowrap;
}

.taille12 {
    font-size: 12px;
    font-family: 'Open sans';
    padding-top: 8px;
    margin: 0px;
}

select#ctl00_MainPanel_DropDownListClients3 {
    width: 314px;
}

select#ctl00_MainPanel_DropDownListClients2 {
    width: 314px;
}

select#ctl00_MainPanel_DropDownListClients {
    width: 314px;
}

#ctl00_MainPanel_NavFilter {
    width: 245px;
    display: block;
    min-height: 400px;
    float: left;
}

div#detailsFilter {
    /*width: 700px;*/
    float: left;
}

#ctl00_MainPanel_ButtonSend {
    height: 31px;
    color: #fff;
    font-size: 17px;
    background: #f90;
    margin: 0 auto;
    border: 1px solid #f90;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
    width: 263px;
}

#ctl00_MainPanel_NavFilter {
    font-size: 12px;
    font-family: 'Open sans';
    margin-top: 10px;
}

#ctl00_MainPanel_tbProductFilter {
    margin-top: 10px;
    margin-left: 40px;
    width: 220px;
}

.tdheight {
    height: 25px;
}

#EspaceColor ul > li > p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: lighter; /* line-height: 13px;font-size: 12px; */
    line-height: 10px;
    text-transform: none;
    font-weight: 600;
    float: left;
    width: 230px;
}

    #EspaceColor ul > li > p > a {
        color: #000;
    }

        #EspaceColor ul > li > p > a:hover {
            color: #003399;
            font-weight: 600;
        }

.ligne {
    background-image: url(../Images/b/ligne_03.jpg);
    background-repeat: repeat-y;
    background-position: center top;
}

#EspaceColor ul > li > p:before {
    content: '\0025CF'; /*' \2022'; */
    font-size: 5px;
    float: left;
    width: 8px;
    display: block;
    margin-left: 3px;
    min-height: 12px;
    margin-top: 3px; /*  margin-left: 5px;  min-height:15px;  margin-top: 4px;*/
    color: #000 !important;
	font-family: Segoe UI Symbol;
}

.MenuWhite {
    background: #FFF;
}

#ctl00_MainPanel_NavFilter [type="checkbox"]:not(:checked), #ctl00_MainPanel_NavFilter [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
}

#ctl00_MainPanel_tbProductFilter [type="checkbox"]:not(:checked), #ctl00_MainPanel_NavFilter [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

    #ctl00_MainPanel_NavFilter [type="checkbox"]:not(:checked) + label, #ctl00_MainPanel_NavFilter [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        float: left;
    }

        /* checkbox aspect */
        #ctl00_MainPanel_NavFilter [type="checkbox"]:not(:checked) + label:before, #ctl00_MainPanel_NavFilter [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }
        /* checked mark aspect */
        #ctl00_MainPanel_NavFilter [type="checkbox"]:not(:checked) + label:after, #ctl00_MainPanel_NavFilter [type="checkbox"]:checked + label:after {
            content: '\002713'; /* '✔' */
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 12px;
            color: #FFF;
            transition: all .2s;
            background: #2798ff;
            width: 14px;
            height: 16px;
            border-radius: 3px;
            text-align: center;
            transition: all .2s;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
			font-family: Segoe UI Symbol;
        }
        /* checked mark aspect changes */
        #ctl00_MainPanel_NavFilter [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(-1);
        }

        #ctl00_MainPanel_NavFilter [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
#ctl00_MainPanel_NavFilter [type="checkbox"]:disabled:not(:checked) + label:before, #ctl00_MainPanel_NavFilter [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#ctl00_MainPanel_NavFilter [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#ctl00_MainPanel_NavFilter [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#ctl00_MainPanel_NavFilter [type="checkbox"]:checked:focus + label:before, #ctl00_MainPanel_NavFilter [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9 !important;
}

#ResultFilter {
    padding-top: 0px; /*padding-top: 25px;*/
}

#ctl00_MainPanel_NavFilter h1 {
    font-family: 'Open sans';
    font-size: 15px;
    /* font-weight: bold; */
    color: #666666;
    margin-left: 20px; /*margin-left: 65px; */
}

#ctl00_MainPanel_leftcol {
    background-image: url(../images/b/filetFiltre.jpg);
    background-repeat: no-repeat;
    background-position: 264px top;
}



#ctl00_MainPanel_tdArborescence, #ctl00_MainPanel_UpdatePanelnbProd {
    padding-left: 30px;
}

.AddtoPanierFavOrange {
    font-family: 'Open sans';
    width: 134px;
    height: 45px;
    color: white;
    padding-top: 2px;
    background: #ff6600;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

#Totalmescommandes {
    font-family: 'Open sans';
    font-weight: bold;
    font-size: 12px;
    width: 779px;
}

#ctl00_MainPanel_FormViewFooter_txtCode {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #AFA597;
}

#ctl00_MainPanel_FormViewFooter_ImageButton1 {
    border-width: 0px;
    margin-top: 7px;
}

.descriptionPop {
    display: none;
    position: absolute;
    width: 400px;
    height: 250px;
    z-index: 999902;
    background: #fff;
    border: 1px solid #696;
    padding: 10px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    border: 3px solid #FB8119;
}

.tiptext, .tiptext2 {
    width: 25px; /* height:28px; */
    display: block;
    float: left;
}

span#ctl00_MainPanel_LabelStatus {
    float: left;
}

.descriptionPop2 {
    display: none;
    position: absolute;
    width: 400px;
    height: 250px;
    z-index: 999902;
    background: #fff;
    border: 1px solid #696;
    padding: 10px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    border: 3px solid #FB8119;
    left: 30%;
    /*   top: 434px; */
}

.colorf1f1Picto {
    background: #F1F1F1;
}

    .colorf1f1Picto p {
        margin: 0px;
    }

#TitreUnivers h1 {
    color: #ff8500;
    font-size: 18px;
    font-family: 'Open sans';
    font-weight: normal;
    margin-left: 60px;
    margin-top: -3px;
    padding-top: 0px;
    margin-bottom: 25px;
}

    #TitreUnivers h1 strong {
        font-weight: 600;
    }

#TitreUnivers div {
    margin: 0px;
    padding: 0px;
}

#LiensServices {
    margin-left: 40px;
    width: 198px;
    background: #f4f3f7;
    margin-top: 0;
    min-height: 131px;
    margin-right: 40px;
}

    #LiensServices h1 {
        color: #003366;
        font-family: 'Open sans';
        font-size: 18px;
        margin-left: 10px;
        margin-top: 18px;
    }

    #LiensServices a {
        color: #4b4b4b;
        font-family: 'Open sans';
        font-size: 14px;
        margin-left: 10px;
    }

.bgpmesservices {
    background-image: url(../Images/b/bgservice.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

a#ctl00_MainPanel_btReturnGobos {
    float: left;
    clear: both;
}

a#ctl00_MainPanel_btNewSearchGobos {
    float: left;
    clear: both;
}

.PresentationComplete p {
    font-size: 12px;
}

div#SousCAt {
    float: left;
}

#WebTv {
    float: left;
    margin-left: 20px;
}

td.headitem2 {
    font-size: 10px;
    padding-right: 10px;
}

#Ventre {
    clear: both;
}

.PortSpecifique {
    color: #000092;
    font-size: 14px;
    padding-left: 18px;
    padding-bottom: 10px;
    display: block;
}

.shopping-cart-page {
    width: 880px;
    margin: auto;
}

    .shopping-cart-page h1 {
        color: #000066;
        font-weight: 600;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 18px;
    }

    .shopping-cart-page td {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

.Entetecart {
    width: 881px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 3px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #c9c9c9;
    margin-bottom: 15px;
}

#ctl00_MainPanel_FormViewFooter h2 {
    color: #000;
    font-weight: bold;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

#ctl00_MainPanel_FormViewFooter p {
    color: #000;
    font-weight: 600;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

/*
#ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #ff6724;
    background: #FFF;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    border-radius: 151px;
}

#ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '\002713';
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 14px;
    background: #ff6724;
    line-height: 1.75;
    border-radius: 3px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;     }

   #ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}  */

#ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked), #ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

#ctl00_MainPanel_tbProductFilter [type="checkbox"]:not(:checked), #ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

    #ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked) + label, #ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 33px;
        cursor: pointer;
        float: left;
    }

        /* checkbox aspect */
        #ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked) + label:before, #ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 14px; /*25px;  */
            width: 14px;
            height: 14px;
            border: 1px solid #ff6724;
            background: #FFF;
            border-radius: 150px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }
        /* checked mark aspect */
        #ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked) + label:after, #ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked + label:after {
            content: ' ';
            position: absolute;
            top: 14px;
            left: 1px;
            font-size: 12px;
            color: #fff;
            transition: all .2s;
            background: #ff6724;
            width: 14px;
            height: 16px;
            border-radius: 150px;
            text-align: center;
        }

        #ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            border-radius: 150px;
        }

        #ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked + label:after {
            opacity: 1;
            border-radius: 150px;
        }

#ctl00_MainPanel_FormViewFooter [type="checkbox"]:disabled:not(:checked) + label:before, #ctl00_MainPanel_FormViewFooter [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#ctl00_MainPanel_FormViewFooter [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#ctl00_MainPanel_FormViewFooter [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#ctl00_MainPanel_FormViewFooter [type="checkbox"]:checked:focus + label:before, #ctl00_MainPanel_FormViewFooter [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted #ff6724;
}


.PiedPanier {
    width: 880px;
    margin-top: 30px;
    margin-bottom: 40px;
    clear: both;
}

.ContinuermesAchats {
    font-family: 'Open sans';
    width: 280px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background: #5ba639;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.TotalCss {
    background: #ffe6cc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: 278px;
    min-height: 120px;
    padding: 8px;
}

.QteCart {
    border: 1px solid #ff9c1e;
    font-size: 11px;
    font-weight: 700;
    margin-right: 3px;
    float: left;
    width: 50px;
    text-align: center;
    padding-left: 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

.ColqteCart {
    width: 40px;
    background: #f2f2f2;
    font-size: 12px;
    font-family: 'Open sans';
    padding-left: 4px;
}

#MainPanel_GridViewItems td {
    border-bottom-style: solid;
    border-color: #fff;
    border-bottom-width: 6px;
}

.rougeDevisinfo {
    color: red;
    font-weight: 500;
}

.hrrgris880 {
    color: #c9c9c9;
    border-top-width: 3px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #c9c9c9;
    border-right-color: #c9c9c9;
    border-bottom-color: #c9c9c9;
    border-left-color: #c9c9c9;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
}

.AddtoPanier {
    font-family: 'Open sans';
    width: 279px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background: #ef7d00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

#ctl00_MainPanel_GridViewAdrRevendeur > tbody > tr > th {
    min-width: 11px;
}

#ctl00_MainPanel_GridViewAdrRevendeur > tbody > tr > th {
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
}

#ctl00_MainPanel_FormViewViewAdrRev tbody > tr > td > h1 {
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: Bold;
}

#ctl00_MainPanel_FormViewModifyAdresseRev_TableAddress tbody > tr > td > h1 {
    font-size: 12px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: Bold;
}

#CreeAdresseRevendeur {
    display: block;
    width: 400px;
    height: 33px;
    border: solid 1px #f19026;
    padding-top: 11px;
    margin: 0 auto;
}

    #CreeAdresseRevendeur a {
        text-align: center;
        font-size: 14px;
        padding-left: 0;
        display: block;
        color: #000066;
    }

.Civildata {
    width: 215px;
    height: 24px;
    padding-left: 2px;
    border: 1px solid #ff9c1e;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

#REvendeur h2 {
    font-family: 'Open sans', arial,Helvetica, sans-serif;
    font-size: 12px;
    color: #000066;
}

#ctl00_MainPanel_compPrimeNumberPositive {
    font-size: 13px;
}

span.necessaire {
    color: red;
    display: inline;
    font-size: 13px;
}

.bgbelge {
    float: left;
}

    .bgbelge td {
        background: #f2f2f2 !important;
        border-color: #f2f2f2 !important;
    }

    .bgbelge img {
        padding-top: 8px;
    }

.selectedaccordionOSX > table > tbody > tr > td.block {
    background: #ff851a;
    color: #fff;
    padding: 2px 0 0 8px;
    width: 113px;
    height: 29px;
    cursor: pointer;
}

.LigneOSX {
    background: #ff851a;
    height: 2px;
    width: 880px;
}

.accordionOSX > table > tbody > tr > td.block {
    background: #ff851a;
    color: #fff;
    padding: 2px 0 0 8px;
    width: 113px;
    height: 29px;
    cursor: pointer;
}

ul#accordion3 {
    display: block;
    font-size: 11px;
    font-weight: bold;
    border-bottom: #fff solid 1px;
}

#accordion3 {
    list-style: none;
    padding: 0 0 0 0;
    width: 880px;
    margin: 0;
}

.ModifierFact {
    background: #707070;
    width: 130px;
    cursor: pointer;
    height: 35px;
    padding-top: 0;
    color: #fff;
    text-align: center;
    margin-left: 0;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

div#headTop {
    height: 91px;
    padding-top: 35px;
    display: block;
    padding-bottom: 15px;
}

#headTop h1 {
    font-size: 18px;
}

.PrecedentPanier {
    font-family: 'Open sans';
    width: 180px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background: #ef7d00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.SuivantChoixpaimentnt {
    font-family: 'Open sans';
    width: 180px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background: #5ba639;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

#Infotext {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eeeeee;
    width: 250px;
    border: 1px solid #F00;
    padding: 10px;
    min-height: 250px;
}

#Infotex > p {
    padding-top: 0px;
    padding-bottom: 0px;
}

#DivMoncarnet {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eeeeee;
    width: 250px;
    padding: 10px;
    margin-top: 25px;
    display: none;
}

.ValiderAnnuler {
    margin-top: 25px;
}

    .ValiderAnnuler label {
        float: left;
    }

    .ValiderAnnuler input[type=submit] {
        float: left;
    }

.Vertvalide {
    height: 30px;
    width: 116px;
    color: #fff;
    font-size: 14px;
    background: #59A539;
    margin: 0 auto;
    border: 1px solid #59A539;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    behavior: url(/PIE.htc);
}


.ValAnnul {
    height: 30px;
    width: 116px;
    color: #fff;
    font-size: 14px;
    background: #FF8500;
    margin: 0 auto;
    border: 1px solid #FF8500;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    behavior: url(/PIE.htc);
}


.alignecheck label {
    float: left;
    display: block;
    width: 186px;
}

.alignecheck input {
    float: left;
    display: block;
}

.alignecheck {
    padding-top: 0px;
    padding-bottom: 25px;
}

#DivMoncarnet a {
    text-decoration: underline;
    color: #0069b4;
    font-size: 14px;
    font-weight: 600;
}

#floter {
    position: absolute;
    width: 800px; /* 660px; */
    height: 39px;
    z-index: 1;
}

    #floter > h2 {
        font-size: 14px;
        font-weight: 600;
        margin-left: 10px;
    }

        #floter > h2 > span {
            color: red;
        }

#ctl00_MainPanel_EditionLivraison {
    padding-top: 0px;
}

#ctl00_MainPanel_PanelpartFond {
    padding-top: 68px;
}

#ctl00_MainPanel_lectureLivraison {
    padding-top: 26px;
}

table.DelaisExpedition {
    margin: 45px auto;
}

    table.DelaisExpedition h2 {
        font-size: 14px;
        font-weight: 600;
        margin-left: 5px;
    }

    table.DelaisExpedition h3 {
        font-size: 14px;
        font-weight: 600;
        margin-left: 5px;
        color: red;
    }

    table.DelaisExpedition h1 {
        font-size: 14px;
        font-weight: 600;
        margin-left: 5px;
    }

.ChecBExpress label {
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.ChecBExpress {
    font-size: 14px;
    font-weight: 600 !important;
    color: red;
}

#ctl00_MainPanel_FormViewFooter {
    margin: 0 auto;
}

.Alignbouton {
    margin-top: 50px;
    margin-bottom: 50px;
}

.Expedition {
    width: 880px;
    background: #eeeeee;
    padding: 2px 12px;
    margin-bottom: 21px;
}

    .Expedition > h1 {
        color: #000 !important;
    }

        .Expedition > h1 > span {
            color: #0072bc !important;
        }

    .Expedition > p {
        color: #000 !important;
    }

        .Expedition > p > span {
            color: #9e0b0f !important;
        }

#ctl00_MainPanel_EditionLivraisonRevendeur > div > table > tbody > tr > td > h1 {
    color: #000 !important;
}

    #ctl00_MainPanel_EditionLivraisonRevendeur > div > table > tbody > tr > td > h1 > span {
        color: #0072bc !important;
    }

#ctl00_MainPanel_EditionLivraisonRevendeur > div > table > tbody > tr > td > p > span {
    color: #9e0b0f !important;
}



#ctl00_MainPanel_EditionLivraisonRevendeur > div > table > tbody > tr > td > div > table > tbody > tr > td > p {
    color: #9e0b0f !important;
    font-size: 12px;
    padding: 0px;
    margin: 1px;
}



.tableLivraison .SameAdress label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 0px;
    margin-right: 15px;
    font-size: 13px;
}

#floter > h2 > label {
    cursor: pointer;
    float: left;
    width: 711px;
    height: 26px;
}

#ctl00_MainPanel_DropShiping > span {
    float: left;
    margin-left: 18px;
}

/*.tableLivraison .SameAdress input[type=checkbox] {
    display: none;
}

.tableLivraison .SameAdress .checkbox label:before
{
    border-radius:3px;background:#eee;width:25px}

.tableLivraison .SameAdress input[type=checkbox]:not(:checked) + label:hover::before {
	content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;         display: inline-block;
    color: #ff6724;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;       position: static;
    margin-right: 5px;
    background: #FFF;
      border-radius: 5px;        width: 15px;
    height: 15px;
   float:left;
}

.tableLivraison .SameAdress input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #ff6724;     display: inline-block;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;    position: static;
    margin-right: 5px;
    background: #FFF;
      border-radius: 5px;
      width: 15px;
    height: 15px;
   float:left;

}
.tableLivraison .SameAdress input[type=checkbox]:not(:checked) + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 5px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
   float:left;
} */

.tableLivraison input[type=checkbox] {
    display: none;
}

.tableLivraison .checkbox label:before {
    border-radius: 3px;
    background: #eeeeee;
    width: 25px;
}

.tableLivraison input[type=checkbox]:not(:checked) + label:hover::before {
    content: "\2022";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 27px;
    display: inline-block;
    color: #000;
    text-align: center;
    line-height: 13px;
    border: 1px solid #000;
    position: static;
    margin-right: 5px;
    background: #FFF;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    float: left;
}

.tableLivraison input[type=checkbox]:checked + label:before {
    content: "\2022";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 27px;
    color: #000;
    display: inline-block;
    text-align: center;
    line-height: 13px;
    border: 1px solid #000;
    position: static;
    margin-right: 5px;
    background: #FFF;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    float: left;
}

.tableLivraison input[type=checkbox]:not(:checked) + label:before {
    content: "\2022";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 27px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    line-height: 13px;
    border: 1px solid #000;
    position: static;
    margin-right: 5px;
    background: #FFF;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    float: left;
}

#floter input[type=checkbox] {
    display: none;
}

#floter .checkbox label:before {
    border-radius: 3px;
    background: #eeeeee;
    width: 25px;
}

#floter input[type=checkbox]:not(:checked) + label:hover::before {
    content: "\2022";
    font-size: 27px;
    display: inline-block;
    color: #000;
    text-align: center;
    line-height: 13px;
    border: 1px solid #000;
    position: static;
    margin-right: 5px;
    background: #FFF;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    width: 13px;
    height: 13px;
    float: left;
}

#floter input[type=checkbox]:checked + label:before {
    content: "\2022";
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    font-size: 27px;
    color: #000;
    display: inline-block;
    text-align: center;
    line-height: 13px;
    border: 1px solid #000;
    position: static;
    margin-right: 5px;
    background: #fff;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    float: left;
}

#floter input[type=checkbox]:not(:checked) + label:before {
    content: "\2022";
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    font-size: 27px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 13px;
    border: 1px solid #000;
    position: static;
    margin-right: 5px;
    background: #fff;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    float: left;
}

.Calage {
    height: 50px;
    display: block;
    width: 880px;
    margin: 0 auto;
}

#ctl00_MainPanel_EditionLivraison > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > label {
    cursor: pointer;
}

#MainPanel_GridViewItems > tbody > tr > td.Commentaire {
    color: #999;
    border: 1px solid #999;
    font-size: 12px;
    padding: 5px 10px;
}



#ListeArtCentre > div > div.Recapitulatif > h1 {
    width: 881px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 3px;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #c9c9c9;
    margin-bottom: 15px;
    color: #006;
    font-weight: 600;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding-bottom: 7px;
}

#ListeArtCentre > div > div.Recapitulatif > p {
    font-size: 11px;
    padding: 0px;
}

.EnlevementInfo {
    font-size: 11px;
    padding: 0px;
}

    .EnlevementInfo p {
        margin: 0px;
    }

.ChoixEnlevement {
    font-size: 11px;
    color: #ff8500;
    padding: 0px;
    font-weight: 600;
}

.AutoLigneGrise {
    border-style: solid;
    border-width: 1px;
    border-color: #c9c9c9;
    width: 880px;
}

.Oranges {
    color: #ff8500;
    font-weight: 600;
}

.CodeAvantageFooter {
    font-size: 12px;
}

    .CodeAvantageFooter > a {
        float: left;
        text-decoration: underline;
    }

.suiteFooter {
    width: 880px;
    margin: 0 auto;
    font-size: 12px;
}

.jaiuncodeAvantage {
    width: 340px;
    background: #eee;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/PIE.htc);
}



.ajouterAvotreselection {
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #fb8118;
    width: 880px;
    margin-top: 40px;
    background: #eee;
    margin-bottom: 10px;
}

    .ajouterAvotreselection h1 {
        font-size: 12px;
        padding: 3px 5px;
        margin: 0px;
    }

    .ajouterAvotreselection h2 {
        font-size: 12px;
        padding: 0px 5px 8px;
        color: red;
        margin: 0px;
    }

.blockrecap {
    background: #ff851a;
    color: #fff;
    padding: 2px 0 0 8px;
    width: 113px;
    height: 29px;
    font-size: 14px;
}

.LigneOSX3 {
    background: #ff851a;
    height: 2px;
    width: 420px;
}

.RecapAdresse {
    margin-top: 40px;
}

.AdressResul {
    font-size: 11px;
    padding-left: 11px;
}

.TextLivrpanel {
    font-weight: 500;
    font-size: 12px;
    min-height: 120px;
    padding-top: 15px;
}

div.paiement > table > tbody > tr > td > h1 {
    font-size: 18px;
    color: #263776;
    font-weight: 600;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #c9c9c9;
    padding-bottom: 6px;
    margin-top: 25px;
}

.leftLib {
    width: 325px;
    float: left;
    display: block;
    margin-left: 5px;
}


#ctl00_MainPanel_ConditionAct img {
    float: left;
    display: block;
    margin-bottom: 3px;
}

#ctl00_MainPanel_ConditionAct input {
    float: left;
    display: block;
    margin-top: 15px;
    margin-right: 10px;
}

#ctl00_MainPanel_ConditionAct {
    font-size: 14px;
    width: 442px;
}

    #ctl00_MainPanel_ConditionAct label {
        min-height: 30px;
        cursor: pointer;
        display: block;
        width: 441px;
    }



#ctl00_MainPanel_ConditionAct input[type="radio"] {
    display: none;
}

    

    #ctl00_MainPanel_ConditionAct input[type="radio"] + label span {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 8px 17px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        border: 1px solid #ff6724; background: #fff;
    }

    #ctl00_MainPanel_ConditionAct input[type="radio"]:checked + label span {
        background: #ef7d00;
        border: 3px double #FFFBFB;
        width: 10px;
        height: 10px;
    }


.selectiontypepaie {
    width: 860px;
    margin: 0 auto;
}

div.ChoixPaiementList h3 {
    font-size: 18px;
    color: #333366;
    font-weight: 600;
    margin: 0px;
}

div.ChoixPaiementList p {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}

#BonCommandetampon #divFile {
    position: relative;
    width: 344px;
}

#BonCommandetampon .inputFile {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
}

#BonCommandetampon .inputText {
    border: 1px solid #999;
    padding: 0 6px;
    width: 239px;
    height: 27px;
}

#BonCommandetampon span {
    border: 1px solid #707070;
    background: #707070;
    width: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 8px 5px;
    height: 34px;
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
}

.AddtoPanierEnreg {
    font-family: 'Open sans';
    width: 261px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background: url(../Images/b/validerpanierenregistrem.png) #FFF;
    border: none;
    text-align: left;
    padding-left: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
   
    cursor: pointer;
}

.ValiderCommande { /*font-family:'Open sans';width:280px;height:34px;color:#fff;padding-top:2px;background:#ef7d00;border-radius:5px;-webkit-border-radius:5px;moz-border-radius:5px;border:none;font-weight:bold;cursor:pointer*/
    font-family: 'Open sans';
    width: 261px;
    height: 34px;
    color: #fff;
    padding-top: 0px;
    background: url(../Images/b/validerpanierenregistrem.png);
    border: none;
    text-align: left;
    padding-left: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
   
    cursor: pointer;
}


.PassIncommand {
    font-family: 'Open sans';
    width: 209px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background-image: url(../Images/b/EnregistrerEncommande.png);
    border: none;
    text-align: left;
    padding-left: 16px;
    font-weight: 600;
    background-repeat: no-repeat;
  
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 14px;
    padding-left: 38px;
}

.PassInDevis {
    font-family: 'Open sans';
    width: 209px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background-image: url(../Images/b/EnregistrerEncommande.png);
    border: none;
    text-align: left;
    padding-left: 16px;
    font-weight: 600;
    background-repeat: no-repeat;
   
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 14px;
    padding-left: 38px;
}

.PassInFavoris {
    font-family: 'Open sans';
    width: 209px;
    height: 34px;
    color: #fff;
    padding-top: 2px;
    background-image: url(../Images/b/EnregistrerEncommande.png);
    border: none;
    text-align: left;
    padding-left: 16px;
    font-weight: 600;
    background-repeat: no-repeat;
  
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 14px;
    padding-left: 38px;
}

.RetourVisite {
    font-size: 16px;
    padding-top: 13px;
    display: block;
    color: #003663;
    text-decoration: underline !important;
}

.larg {
    width: 14px;
}

.QteCartFPS {
    border: 1px solid #DADADA !important;
    font-size: 11px;
    font-weight: 700;
    margin-right: 3px;
    float: left;
    width: 50px;
    text-align: center;
    padding-left: 2px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
}

.ColPriceFPS {
    width: 90px;
    background: #f2f2f2;
    font-size: 12px;
    font-family: 'Open sans';
    padding-right: 9px;
}

#InfotextLivre {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eeeeee;
    padding: 10px;
    min-height: 70px;
    float: right;
    margin-right: 52px;
}

#DivMoncarnetLivre {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eeeeee;
    width: 250px;
    padding: 10px;
    margin-top: 25px;
    float: left;
    display: none;
}

#floatleft {
    display: block;
    width: 40px;
    height: 77px;
    float: left;
}

.ValiderAnnuler {
    width: 262px;
    float: right;
    margin-right: 0px;
}

#Textemodif {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eeeeee;
    padding: 10px;
    width: 602px;
    margin: 16px auto;
}

#imgInf {
    display: block;
    width: 46px;
    height: 73px;
    float: left;
}



#ctl00_MainPanel_EditionLivraison > table > tbody > tr:nth-child(1) > td:nth-child(2) > table > tbody > tr > td > table > tbody > tr:nth-child(6) > td:nth-child(2) {
    height: 80px;
}

#ctl00_MainPanel_ValidationSummaryAddress {
    font-family: "Open sans";
    color: Red;
    float: right;
    width: 570px;
    margin-top: 30px;
}

#Proposition {
    font-family: "Open sans";
    background: #ff8500;
    height: 40px;
    width: 860px;
    margin: 0 auto;
}

    #Proposition h1 {
        font-family: "Open sans";
        font-size: 20px;
        font-weight: 500;
        color: #336;
        text-align: center;
        margin: 0;
        padding-top: 4px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

.numtempoCommande {
    height: 28px;
    width: 380px;
    border: 2px solid #ff8500;
}

    .numtempoCommande p {
        font-family: "Open sans";
        font-size: 16px;
        margin: 0;
        padding-top: 2px;
        padding-right: 3px;
        padding-bottom: 0;
        padding-left: 3px;
        font-weight: 500;
    }

#Remerciment tr td p span {
    font-family: "Open sans";
    color: #ef7d00;
    font-weight: 500;
}

#Remerciment tr td h1 {
    font-family: "Open sans";
    font-size: 20px;
    color: #263776;
}

.numtempoCommande p span {
    font-family: "Open sans";
    color: #ef7d00;
    font-weight: bold;
}

#Textemodif2 {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eee;
    width: 250px;
    padding: 10px;
    min-height: 250px;
    float: right;
    margin-right: 52px;
}

#imgInf2 {
    display: block;
    width: 46px;
    height: 40px;
    float: left;
}

.ProposeThis {
    width: 824px;
    margin: 0 auto;
    height: 220px;
}

#idtextepropose {
    width: 165px;
    text-align: center;
}

    #idtextepropose p.TexteArt {
        text-align: center;
        font-weight: 400;
        font-size: 12px;
        color: #000;
        height: 15px;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    #idtextepropose > div > p.Price {
        font-size: 14px;
        color: red;
        padding-left: 2px;
    }

    #idtextepropose > div > p.span {
        font-size: 12px;
        color: #000;
        text-decoration: line-through;
    }

#InfotextLivre2 {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 400;
    color: #263776;
    background: #eee;
    padding: 10px;
    float: right;
    margin-right: 52px;
}

#floatleft2 {
    display: block;
    width: 40px;
    height: 77px;
    float: left;
}

input[type=text]:read-only {
    /*  background: #eeeeee;
    border: 1px solid #eeeeee; */
    background: #f8f8f8;
    border: 1px solid #a29898;
}

/*select:read-only */

select.readonly {
    background: #f8f8f8;
    border: 1px solid #a29898;
}

input[type=text]:-moz-read-only {
    background: #eeeeee;
    border: 1px solid #eeeeee;
}

#ListeArtCentre > div > table.DelaisExpedition > tbody > tr > td > table > tbody > tr > td {
    font-size: 14px;
}

.StyleTextb {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
}

.TextContact {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
}

.StyleTexteAdresse {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
}

.StyleTextbList {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
    width: 363px;
}

.StyleTextREv {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
    width: 363px;
}

.tableLivraison .alignecheck input[type=checkbox] {
    display: none;
}

.tableLivraison .alignecheck .checkbox label:before {
    border-radius: 3px;
    background: #eee;
    width: 25px;
}

.tableLivraison .alignecheck input[type=checkbox]:not(:checked) + label:hover::before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #ff6724;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

.tableLivraison .alignecheck input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #ff6724;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

.tableLivraison .alignecheck input[type=checkbox]:not(:checked) + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

.alignecheck label {
    float: left;
    display: block;
    width: 198px;
}

#ctl00_MainPanel_TextBoxCondition {
    width: 258px;
    height: 25px !important;
    border-color: #ef7d00;
    margin-right: 9px;
    color: #f07d00;
    font-size: 18px;
    text-align: left;
    padding-left: 9px;
}


#ctl00_MainPanel_PanelSocial {
    margin: 0 auto;
    width: 944px;
    margin-bottom: 29px;
}

    #ctl00_MainPanel_PanelSocial > a {
        margin: 0 auto;
        padding: 0px;
    }

#ctl00_MainPanel_ValidationSummaryAddressOS2 {
    font-family: "Open sans";
    color: Red;
    float: left;
    width: 598px;
    margin-top: 30px;
    padding-right: 0px;
    border-color: #eee;
    background: #eee;
    border-width: 1px;
    border-style: solid;
    margin-right: 43px;
    padding-left: 21px;
    padding-top: 7px;
    padding-bottom: 10px;
    margin-left: 127px;
}

#ctl00_MainPanel_CompareValidatorBisOS2 {
    font-family: "Open sans";
    color: Red;
    float: right;
    width: 527px;
    margin-top: 0px;
    padding-right: 0px;
    border-color: #eee;
    background: #eee;
    border-width: 1px;
    border-style: solid;
    margin-right: 43px;
    padding-left: 21px;
    padding-top: 7px;
    padding-bottom: 10px;
}




#ctl00_MainPanel_EditionLivraisonRevendeur > table .ValiderAnnuler input[type=checkbox] {
    display: none;
}

#ctl00_MainPanel_EditionLivraisonRevendeur > table .ValiderAnnuler .checkbox label:before {
    border-radius: 3px;
    background: #eee;
    width: 25px;
}

#ctl00_MainPanel_EditionLivraisonRevendeur > table .ValiderAnnuler input[type=checkbox]:not(:checked) + label:hover::before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #ff6724;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

#ctl00_MainPanel_EditionLivraisonRevendeur > table .ValiderAnnuler input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #ff6724;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

#ctl00_MainPanel_EditionLivraisonRevendeur > table .ValiderAnnuler input[type=checkbox]:not(:checked) + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

.ValiderAnnuler label {
    float: left;
    display: block;
    width: 198px;
}

span#RedBld {
    font-size: 14px;
    font-weight: 600;
}

.Cinq3 {
    width: 53px;
}

.TroisQuatrevingt {
    width: 408px;
}

.TextContactMAIL {
 
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
}

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


#ctl00_MainPanel_ConditionActAdmin input[type="radio"] {
    display: none;
}

#ctl00_MainPanel_ConditionActAdmin input {
    float: left;
    display: block;
    margin-top: 15px;
    margin-right: 10px;
}

    #ctl00_MainPanel_ConditionActAdmin input[type="radio"] + label span {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 8px 17px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
        border-radius: 50%;
        float: left;
        border: 1px solid #ff6724;
    }

    #ctl00_MainPanel_ConditionActAdmin input[type="radio"]:checked + label span {
        background: #ef7d00;
        border: 3px double #FFFBFB;
        width: 10px;
        height: 10px;
    }

#ctl00_MainPanel_ConditionActAdmin img {
    float: left;
    display: block;
    margin-bottom: 3px;
}

#ctl00_MainPanel_ConditionActAdmin label {
    min-height: 30px;
    cursor: pointer;
    display: block;
    width: 441px;
}

#ctl00_MainPanel_FileDownload {
    color: red;
    font-size: 12px;
    font-weight: bold;
    float: left;
}

#ctl00_MainPanel_UploadAdmin {
    margin-top: 10px;
}

.CompleMentCart-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .85;
    filter: alpha(opacity=85);
    z-index: 999901;
    margin: 0;
    padding: 0;
    background: url(../Images/b/BGtransparent.png) #D9D9D9;
}

.CompleMentCart-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999902;
    border: 1px solid #ef7d00;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    margin: 0;
    padding: 60px 0;
    background: #FFF url(../Images/b/ajax-loaderlogin.gif) no-repeat;
    background-position: center center;
    /*background:#fff;*/
}

.Ferme-CompleMentCart {
    position: absolute;
    width: 47px;
    height: 47px;
    right: -23px;
    top: -23px;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer; /*background:url(../Images/b/close-button.png) no-repeat right top;*/
}

#MaRecherche #ProduitsNew {
    width: 632px;
    min-height: 80px;
    display: block;
    float: left;
    padding-bottom: 10px;
    /*border-left-width:1px;border-left-style:solid;border-left-color:#999;padding-bottom:10px;border-right-width:1px;border-right-style:solid;border-right-color:#999;*/
}

#MaRecherche #CategoriesProduitNew {
    width: 454px;
    min-height: 30px;
    display: block;
    float: left;
    padding-bottom: 10px;
}

#MaRecherche #MarquesNew {
    width: 177px;
    min-height: 80px;
    display: block;
    float: left;
    padding-bottom: 5px;
    background: #FFE6CC;
}

#MarquesNew h1, #ProduitsNew h1, #CategoriesProduitNew h1 {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 7px 0 7px 10px;
    background: #EFEDF2;
}

#ProduitsNew p, #CategoriesProduitNew p {
    font-size: 10px;
    display: block;
    font-weight: 700;
    clear: both;
    margin: 0;
    padding: 0px 2px 0px 10px;
}

.NoEspaceProduit {
    width: 441px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.NoEspaceCode {
    float: left;
}

a.NoEspaceCode a.NoEspaceProduit {
    color: black;
}

span.NoEspaceProduit {
    color: black !important;
    padding-top: 5px;
    padding-left: 10px;
}

span.NoEspaceCode {
    color: #263776 !important;
    padding-top: 6px;
    font-style: italic;
}

p.ClassGrey {
    background: #F2F2F2;
    height: 25px;
}

#CategoriesProduitNew > p {
    height: 22px;
}

    #CategoriesProduitNew > p > a {
        color: black !important;
        padding-top: 4px;
        display: block;
    }

#MarquesNew p {
    font-size: 10px;
    display: block;
    font-weight: 700;
    clear: both;
    margin: 0;
    padding: 5px 2px 2px 10px;
}

    #MarquesNew p > a {
        color: black;
    }

#AteliersBS {
    margin: 20px auto;
    width: 889px;
}

    #AteliersBS H1 {
        font-size: 24px;
        color: #ff7e00;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin-top: 0px;
    }

.AteliersBS p {
    font-size: 14px;
    color: #000000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding-top: 5px;
}

#AteliersBS > div:nth-child(2) > table:nth-child(1) > tbody > tr > td > p {
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin: 0;
}

#AteliersBS #BoutonClic input, #AteliersBS #BoutonClic #ctl00_MainPanel_ButtonEspaceSAV {
    font-family: 'Open sans';
    background: none repeat scroll 0% 0% #59a539;
    color: #fff;
    height: 30px;
    font-size: 16px;
    border-radius: 5px;
    border-width: 0;
    cursor: pointer;
}

#AteliersBS > input[type="text"] {
    width: 250px;
    height: 20px;
    padding-left: 2px;
    border: 1px solid #aaa;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

#AteliersBS > div > table > tbody > tr > td > table > tbody > tr > td > select {
    width: 250px;
    height: 20px;
    padding-left: 2px;
    border: 1px solid #aaa;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

#AteliersBS > div > table > tbody > tr > td > p > span {
    color: red;
}

#ctl00_MainPanel_Autresujet {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

#AteliersBS > div > table > tbody > tr > td > table > tbody > tr > td > input[type="text"] {
    width: 250px;
    height: 20px;
    padding-left: 2px;
    border: 1px solid #aaa;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 2px;
    behavior: url(/PIE.htc);
}

#AteliersBS > div > table > tbody > tr > td > table > tbody > tr > td > p {
    margin-top: 9px;
    margin-bottom: 0px;
    font-size: 12px;
}

    #AteliersBS > div > table > tbody > tr > td > table > tbody > tr > td > p > span {
        color: red;
    }

#EnteteFormInscription > p {
    font-size: 14px;
}

#CategoriesProduitNew > p > span {
    font-style: italic;
}

.highlight {
    font-style: normal !important;
}

#mega-menu-7 > #TypeOnglet2 {
    color: #FFF;
    background: 100% -31px;
}

#TextUpper > p {
    text-transform: uppercase !important;
}

#TextUpper > tbody > tr > td > table > tbody > tr > td > p {
    text-transform: uppercase !important;
}

#DES > a {
    color: #FF8100 !important;
    text-transform: none !important;
}

#TOPAtelier {
    padding-top: 6px;
}

#Utilnote {
    font-size: 12px;
    float: right;
}

    #Utilnote > span {
        color: #FF8100;
    }


#ctl00_MainPanel_ContactAdministratif {
    font-family: "Open sans";
    color: #000;
    font-size: 20px;
    font-weight: lighter;
}

    #ctl00_MainPanel_ContactAdministratif > span {
        font-weight: 600;
        color: #000;
    }

.fixedTop {
    padding-top: 12px;
    position: fixed;
    top: 40px;
    margin-left: 280px;
}

.ZINDEX {
    z-index: 2 !important;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.fixedTopZ {
    position: fixed !important;
    top: 0;
    width: 978px;
    height: 104px !important;
    margin: 0% auto !important;
    left: 0;
    right: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.fixedEnteteZmenu {
    position: fixed !important;
    top: 0px !important;
    margin: 0% auto !important;
    left: 675px !important;
    right: 0;
    width: 339px !important;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.showRight {
    position: fixed !important;
}

.ZINDEXLIST {
    z-index: 0 !important;
}

.fixedTopZmenu {
    position: fixed !important;
    top: 89px !important;
    margin: 0% auto !important;
    left: 0;
    right: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.HideMenu {
    display: none !important;
}

#Nocontener-FamilleM {
    display: none !important;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.positionbasketfixed {
    margin-left: -413px !important;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.rechercheAutopredictiveZ {
    transition: 0.8s;
    -webkit-transition: 0.8s;
    position: fixed;
    top: -15px;
    left: 0;
    right: 0;
    margin: 2% auto;
    width: 418px;
}

#ctl00_MainPanel_ContactAdministratif > h1 {
    font-size: 20px !important;
    font-weight: 300 !important;
}

#ctl00_MainPanel_ContactAdministratif > strong {
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* Menu toggleM */

#toggleM {
    display: block;
    width: 28px;
    height: 30px;
    margin: 30px auto 10px;
}

    #toggleM span:after,
    #toggleM span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }

    #toggleM span:after {
        top: 9px;
    }

    #toggleM span {
        position: relative;
        display: block;
    }

        #toggleM span,
        #toggleM span:after,
        #toggleM span:before {
            width: 100%;
            height: 5px;
            background: #888;
            transition: all 0.3s;
            backface-visibility: hidden;
            border-radius: 2px;
        }

    /* on activation */
    #toggleM.on span {
        background: transparent;
    }

        #toggleM.on span:before {
            transform: rotate(45deg) translate(5px, 5px);
        }

        #toggleM.on span:after {
            transform: rotate(-45deg) translate(7px, -8px);
        }

    #toggleM.on + #menubarrDisplay {
        opacity: 1;
        visibility: visible;
    }

/* menubarrDisplay appearance*/
#menubarrDisplay {
    position: relative;
    color: #999;
    width: 176px;
    padding: 10px;
    margin: auto;
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    text-align: center;
    border-radius: 4px;
    background: white;
    box-shadow: 0 1px 8px rgba(0,0,0,0.05);
    /* just for this demo */
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s;
    top: 38px;
}

    #menubarrDisplay:after {
        position: absolute;
        top: -15px;
        left: 95px;
        content: "";
        display: block;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid white;
    }

    #menubarrDisplay > ul, li, li a {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
    }

    #menubarrDisplay > li a {
        padding: 5px;
        color: #888;
        text-decoration: none;
        transition: all .2s;
    }

        #menubarrDisplay > li a:hover,
        #menubarrDisplay > li a:focus {
            background: #1ABC9C;
            color: #fff;
        }

#callmenufloat {
    position: fixed;
    width: 56px;
    height: 52px;
    z-index: 9;
    top: 13px;
}

.ZLOGO {
    padding-left: 0 !important;
    padding-top: 10px;
    z-index: 1;
}

#toggleM:after {
    content: 'MENU';
    font-size: 12px;
    margin-top: 0;
    padding-top: 14px;
    top: 5px;
    height: 7px;
    display: block;
    color: black;
    margin: -3px;
}

.calageFixe {
    position: fixed;
    top: 71px;
    margin: auto 7%;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.tableLivraison {
    background-attachment: fixed;
    /* background-image: url(/Images/b/LigneAdress.gif); */
    background-position: center top;
}

.CalCenterLivr1 {
    margin-left: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.CalCenterLivr2 {
    color: #E85D0F;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    font-size: 14px;
}

#menubarrDisplay > table > tbody > tr > td > a.textsuite {
    font-size: 12px;
    display: block;
    min-height: 10px;
    color: #978E7F;
    padding: 2px 5px 2px 10px;
    background: #EFEDF2;
    text-align: left;
    margin-bottom: 2px;
}

#menubarrDisplay > table > tbody > tr > td > a:hover.textsuite {
    background: #ff931c;
    color: #fff;
}

.masterGobo-fixe {
    left: 50%;
    top: 50% !important;
    position: fixed !important;
}

.Ferme-windowGOB {
    display: block !important;
}

#loaderdisplaynot {
    margin: 0 auto;
    width: 2502px;
    height: 250px;
    z-index: 25;
    position: absolute;
}

    #loaderdisplaynot > img {
        text-align: center;
        margin-top: 40%;
    }

#ScrollingCart {
    overflow: auto;
    max-height: 250px;
}

#NavFilter {
    font-size: 12px;
    font-family: 'Open sans';
    margin-top: 10px;
}

#NavFilter {
    width: 245px;
    display: block;
    min-height: 100px;
    float: left;
}

#NavFilter {
    font-size: 12px;
    font-family: 'Open sans';
    margin-top: 10px;
    margin-bottom: 10px;
}

    #NavFilter [type="checkbox"]:not(:checked), #NavFilter [type="checkbox"]:checked {
        position: absolute;
        /* left: -9999px; */
    }

    #ctl00_MainPanel_tbProductFilter [type="checkbox"]:not(:checked), #NavFilter [type="checkbox"]:checked {
        position: absolute;
        /* left: -9999px; */
        height: 29px;
        display: block;
        float: left;
        visibility: hidden;
    }

        #NavFilter [type="checkbox"]:not(:checked) + label:after, #NavFilter [type="checkbox"]:checked + label:after {
            content: '\002713';
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 12px;
            color: #FFF;
            transition: all .2s;
            background: #2798ff;
            width: 14px;
            height: 16px;
            border-radius: 3px;
            text-align: center;
            transition: all .2s;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
			font-family: Segoe UI Symbol;
        }

    #NavFilter [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(-1);
    }

    #NavFilter [type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
    }
    /* disabled checkbox */
    #NavFilter [type="checkbox"]:disabled:not(:checked) + label:before, #NavFilter [type="checkbox"]:disabled:checked + label:before {
        box-shadow: none;
        border-color: #bbb;
        background: #ddd;
    }

    #NavFilter [type="checkbox"]:disabled:checked + label:after {
        color: #999;
    }

    #NavFilter [type="checkbox"]:disabled + label {
        color: #aaa;
    }
    /* accessibility */
    #NavFilter [type="checkbox"]:checked:focus + label:before, #NavFilter [type="checkbox"]:not(:checked):focus + label:before {
        border: 1px dotted blue;
    }

    #NavFilter h1 {
        font-family: 'Open sans';
        font-size: 15px;
        /* font-weight: bold; */
        color: #666666;
        margin-left: 20px;
    }

#Categoriescroll > ul {
    float: left;
    font-family: 'Open sans';
    width: 205px;
    font-size: 11px;
    font-weight: bold;
    color: #003399;
    border-width: 0 0 2px;
    padding-left: 15px;
}


#Categoriescroll ul > li > p > a {
    color: #003399;
    margin-left: 10px;
}

#Categoriescroll li li p a {
    display: block;
    min-height: 8px;
    color: #003399;
    padding: 2px 5px 2px 5px;
}

#Categoriescroll li li a {
    display: block;
    font-family: 'Open sans';
    min-height: 15px;
    color: #000;
    padding: 5px 5px 5px 5px;
    font-weight: 600;
}

#Categoriescroll ul > li > p {
    font-family: Arial;
    font-size: 12px;
    background: transparent;
    margin: 1px;
}

#tbProductImage > li > p > a {
    text-transform: capitalize !important;
}

#tbProductImage > li > ul > li > a > span {
    color: #f37d00;
}

#Categoriescroll ul > li > p:before {
    content: ' \25CF';
    font-size: 10px;
    float: left;
    width: 8px;
    display: block;
    margin-left: 0px;
    min-height: 10px;
    margin-top: 1px;
    color: #000 !important;
}


#Categoriescroll ul > li > div {
    width: 210px !important;
}

#MArqueDiv {
    overflow: auto;
    max-height: 200px;
}

    #MArqueDiv > p > a {
        float: left;
        font-family: 'Open sans';
        width: 210px;
        font-size: 12px;
        font-weight: bold;
        color: #003399;
        border-width: 0 0 2px;
        text-transform: uppercase;
        padding-left: 15px;
    }

#wait {
    margin: 6px;
    padding: 6px;
    /* border: 1px solid #8B8B8B; */
    background: #FFFEFE;
    min-height: 50%;
    z-index: 8;
    position: absolute;
    width: 75%;
    opacity: 0.5;
    filter: alpha(opacity=40);
    padding-top: 103px;
}

/* Marque**/

#MArqueDiv [type="checkbox"]:not(:checked), #MArqueDiv [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
}

#MarqueProductFilter [type="checkbox"]:not(:checked), #MArqueDiv [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

    #MArqueDiv [type="checkbox"]:not(:checked) + label, #MArqueDiv [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        float: left;
    }


        #MArqueDiv [type="checkbox"]:not(:checked) + label:before, #MArqueDiv [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }

        #MArqueDiv [type="checkbox"]:not(:checked) + label:after, #MArqueDiv [type="checkbox"]:checked + label:after {
            content: '\002713';
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 12px;
            color: #FFF;
            transition: all .2s;
            background: #263776;
            width: 14px;
            height: 16px;
            border-radius: 3px;
            text-align: center;
            transition: all .2s;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
			font-family: Segoe UI Symbol;
        }
        /* checked mark aspect changes */
        #MArqueDiv [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(-1);
        }

        #MArqueDiv [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
#MArqueDiv [type="checkbox"]:disabled:not(:checked) + label:before, #MArqueDiv [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#MArqueDiv [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#MArqueDiv [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#MArqueDiv [type="checkbox"]:checked:focus + label:before, #MArqueDiv [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #263776 !important;
}


#MArqueDiv [type="checkbox"]:not(:checked) + label:before, #MArqueDiv [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

#MarqueProductFilter > tbody > tr > td > label > span {
    font-size: 14px;
    color: #f37d00;
}

#MarqueProductFilter {
    margin-left: 16px;
}

#tbProductImage > li > ul {
    margin-left: 0px;
    padding-left: 15px;
    text-transform: none;
}

#Categoriescroll ul > li > ul > li:before {
    content: ' \25CF';
    font-size: 5px;
    float: left;
    width: 8px;
    display: block;
    margin-left: 6px;
    min-height: 15px;
    margin-top: 4px;
    color: #000 !important;
}
/* Univers */


#UniversDiv [type="checkbox"]:not(:checked), #UniversDiv [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

#MarqueProductFilter [type="checkbox"]:not(:checked), #UniversDiv [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

    #UniversDiv [type="checkbox"]:not(:checked) + label, #UniversDiv [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        float: left;
    }


        #UniversDiv [type="checkbox"]:not(:checked) + label:before, #UniversDiv [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }

        #UniversDiv [type="checkbox"]:not(:checked) + label:after, #UniversDiv [type="checkbox"]:checked + label:after {
            content: '\002713';
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 12px;
            color: #FFF;
            transition: all .2s;
            background: #263776;
            width: 14px;
            height: 16px;
            border-radius: 3px;
            text-align: center;
            transition: all .2s;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
			font-family: Segoe UI Symbol;
        }
        /* checked mark aspect changes */
        #UniversDiv [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(-1);
        }

        #UniversDiv [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
#UniversDiv [type="checkbox"]:disabled:not(:checked) + label:before, #UniversDiv [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#UniversDiv [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#UniversDiv [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#UniversDiv [type="checkbox"]:checked:focus + label:before, #UniversDiv [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #263776 !important;
}


#UniversDiv [type="checkbox"]:not(:checked) + label:before, #UniversDiv [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

#MarqueProductFilter > tbody > tr > td > label > span {
    font-size: 12px;
    color: #f37d00;
    font-weight: bold;
}

#MarqueProductFilter {
    margin-left: 16px;
}

#tbProductImage > li > ul {
    margin-left: 0px;
    padding-left: 3px;
    text-transform: none;
}

#Categoriescroll ul > li > ul > li:before {
    content: ' ●';
    font-size: 9px;
    float: left;
    width: 8px;
    display: block;
    margin-left: 6px;
    min-height: 13px;
    margin-top: 5px;
    color: #000 !important;
	font-family: Segoe UI Symbol;
}

#UniversProductFilter {
    margin-left: 16px;
}

    #UniversProductFilter > tbody > tr > td > label > span {
        font-size: 14px;
        color: #f37d00;
        font-weight: bold;
    }

#tbProductImage > li > ul > li > ul {
    margin-left: 0px;
    padding-left: 0px;
}

    #tbProductImage > li > ul > li > ul > li:after {
        content: "";
        font-size: 5px;
        float: left;
        width: 8px;
        display: block;
        margin-left: 6px;
        min-height: 15px;
        margin-top: 4px;
        color: rgb(0, 0, 0);
    }

/* collection */

#CollectionDiv [type="checkbox"]:not(:checked), #CollectionDiv [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
}

#CollectionProductFilter [type="checkbox"]:not(:checked), #CollectionDiv [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

    #CollectionDiv [type="checkbox"]:not(:checked) + label, #CollectionDiv [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        float: left;
    }


        #CollectionDiv [type="checkbox"]:not(:checked) + label:before, #CollectionDiv [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }

        #CollectionDiv [type="checkbox"]:not(:checked) + label:after, #CollectionDiv [type="checkbox"]:checked + label:after {
            content: '\002713';
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 12px;
            color: #FFF;
            transition: all .2s;
            background: #263776;
            width: 14px;
            height: 16px;
            border-radius: 3px;
            text-align: center;
            transition: all .2s;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
			font-family: Segoe UI Symbol;
        }
        /* checked mark aspect changes */
        #CollectionDiv [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(-1);
        }

        #CollectionDiv [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
#CollectionDiv [type="checkbox"]:disabled:not(:checked) + label:before, #CollectionDiv [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#CollectionDiv [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#CollectionDiv [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#CollectionDiv [type="checkbox"]:checked:focus + label:before, #CollectionDiv [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9 !important;
}


#CollectionDiv [type="checkbox"]:not(:checked) + label:before, #CollectionDiv [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

#CollectionProductFilter {
    margin-left: 16px;
}

#CollectionDiv {
    max-height: 150px;
    overflow: auto;
}

.collectionFilter {
    cursor: pointer;
}

.MarqueFilter {
    cursor: pointer;
}

.OffresFilter {
    cursor: pointer;
}

#CollectionProductFilter > tbody > tr > td > label > span {
    font-size: 12px;
    color: #f37d00;
    font-weight: bold;
}

.PricePofto {
    width: 220px;
    padding-left: 21px;
}

#slider-range {
    width: 200px;
    margin: 0 auto;
}

#FilterPrice > #slider-range > a.ui-corner-all {
    background-image: url(../images/b/FlechejaugeLeft.png);
    height: 20px !important;
    border: 0px none;
    background-color: transparent !important;
    width: 20px !important;
}

#FilterPrice > #slider-range > a.ui-state-hover {
    background-image: url(../images/b/FlechejaugeLefthover.png);
    background-color: transparent !important;
    border: 0px none;
}

#FilterPrice > #slider-range > a.ui-state-focus a.ui-state-active {
    background-image: url(../images/b/FlechejaugeLefthover.png);
    background-color: transparent !important;
    height: 16px !important;
    border: 0px none;
}

.ui-slider-range {
    background: #f37d00;
}

#facette {
    background: #eee;
    min-height: 1px;
    width: 250px;
    margin-right: 15px;
    overflow: hidden;
    margin-left: 0px;
}

div#waitXhrMarque {
    margin: 0px;
    padding: 0px;
    background: #fffefe;
    min-height: 25%;
    z-index: 8;
    position: absolute;
    width: 251px;
    opacity: 0.5;
    filter: alpha(opacity=40);
    padding-top: 50px;
}

div#waitXhrOffre {
    margin: 0px;
    padding: 0px;
    background: #fffefe;
    min-height: 25%;
    z-index: 8;
    position: absolute;
    width: 251px;
    opacity: .5;
    filter: alpha(opacity=40);
    padding-top: 50px;
}

#slider-range > a:nth-child(2):after {
    content: '\25BA';
    color: #FFF;
    padding-top: 2px;
    display: block;
    padding-left: 4px;
}

#slider-range > a:nth-child(3):after {
    content: '\25C4';
    color: #FFF;
    padding-top: 2px;
    display: block;
    padding-left: 2px;
}

#Categoriescroll {
    overflow: auto;
    max-height: 250px;
}

#ctl00_MainPanel_VoirTousLesArticle {
    float: right;
    width: 200px;
    height: 34px;
    background: #039;
    color: #fff;
    font-family: 'Open Sans';
}

#tbProductImage > li > p > a > span {
    color: #f37d00;
}

#ctl00_MainPanel_tdArborescence {
    padding-bottom: 10px !important;
}

.Aligner {
    width: 980px;
    margin: 0 auto;
}

#Categoriescroll [type="checkbox"]:not(:checked), #Categoriescroll [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
}

#CatProductFilter [type="checkbox"]:not(:checked), #Categoriescroll [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

    #Categoriescroll [type="checkbox"]:not(:checked) + label, #Categoriescroll [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        float: left;
        color: #003399;
        /* text-transform: uppercase; */
        font-size: 12px;
        font-weight: 500;
    }


        #Categoriescroll [type="checkbox"]:not(:checked) + label:before, #Categoriescroll [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }

        #Categoriescroll [type="checkbox"]:not(:checked) + label:after, #Categoriescroll [type="checkbox"]:checked + label:after {
            content: '\002714'; /*'X'; ✔*/ 
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 12px;
            color: #FFF;
            transition: all .2s;
            background: #263776;
            width: 14px;
            height: 16px;
            border-radius: 3px;
            text-align: center;
            transition: all .2s;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
			font-family: Segoe UI Symbol;
        }
        /* checked mark aspect changes */
        #Categoriescroll [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(-1);
        }

        #Categoriescroll [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
/* disabled checkbox */
#Categoriescroll [type="checkbox"]:disabled:not(:checked) + label:before, #Categoriescroll [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#Categoriescroll [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#Categoriescroll [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#Categoriescroll [type="checkbox"]:checked:focus + label:before, #Categoriescroll [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9 !important;
}


#Categoriescroll [type="checkbox"]:not(:checked) + label:before, #Categoriescroll [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

#CatProductFilter {
    margin-left: 16px;
}

    #CatProductFilter > tbody > tr > td > table > tbody > tr > td > label {
        text-transform: none !important;
        color: #000 !important;
    }

        #CatProductFilter > tbody > tr > td > table > tbody > tr > td > label > span {
            text-transform: none !important;
            color: #f37d00 !important;
        }

#celluleFooter4 > p > a {
    color: #FFF !important;
}

#celluleFooter2 h2 a {
    color: #FFF;
    width: 169px;
    display: block;
    font-size: 12px;
}

#celluleFooter5 > table:nth-child(3) > tbody > tr > td:nth-child(2) > a {
    font-size: 11px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 9px;
    display: block;
    height: 28px;
}

#celluleFooter5 > table {
    margin-left: 6px;
    padding-top: 8px;
    padding-bottom: 0px;
}

div#TOPcal {
    padding-left: 5px;
}



.titledeliv {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: left;
    font-family: 'Open sans';
    padding-top: 8px;
}

 

.BTbluereinit {
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
    background: #253775;
    height: 30px;
    width: 250px;
}

#waitANDsee {
    margin: 0px;
    padding: 0px;
    /* border: 1px solid #8B8B8B; background: #FFFEFE; */
    min-height: 800px;
    z-index: 999;
    position: absolute;
    width: 980px;
 
    opacity: 1; /*0.6*/
    filter: alpha(opacity=40);
    padding-top: 30%;
    left: -5px;
}

#celluleFooter5 > div > table {
    margin-left: 6px;
    padding-top: 8px;
    padding-bottom: 0px;
}

#ctl00_MainPanel_PanelSocial > a > img {
    padding-top: 2px;
    padding-bottom: 2px;
}

.Reinit {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    float: right;
    text-decoration: underline !important;
    font-weight: 600;
    margin-right: 31px;
}

.Champmail {
    width: 247px;
}

.validateMailSuivi {
    font-family: 'Open sans';
    width: 88px;
    height: 28px;
    color: #fff;
    padding-top: 2px;
    background: #5ba639;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.ChampFormMAil {
    width: 246px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 24px;
}

span#red {
    color: red;
}

.EmailObligatoire {
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 13px;
}

#ctl00_MainPanel_OurRefCommand {
    width: 250px;
    height: 25px;
}

#ctl00_MainPanel_PanelOurRefCommand {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-top: 10px;
}

#ctl00_MainPanel_tdArborescence > span.FindeCrumb > a {
    color: Orange;
}

.alert-success {
    color: #468847;
    background: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger, .alert-error {
    color: #b94a48;
    background: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    color: #3a87ad;
    background: #d9edf7;
    border-color: #bce8f1;
}

.alert {
    padding: 1px 1px 8px 14px;
    margin-bottom: -5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.WarnIngQte {
    width: 91%;
    height: 58px;
    margin: 25px auto;
    background: #ffe6cc;
    padding: 11px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

.orange-title {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #FF8100;
    margin-top: 0;
}

.row {
    width: inherit;
    padding-top: 5px;
    display: flex;
}

.subTitle-advSearch {
    padding-top: 20px;
    color: #3b569b;
}

.center {
    display: block;
    text-align: center;
}

.right {
    display: block;
    text-align: right;
    margin-right: 20px;
}

.bold-text {
    font-weight: bolder;
}

.col1-advSearch {
    width: 350px;
    padding-left: 25px;
}

.col2-advSearch {
    width: 600px;
    padding-left: 5px;
}

.background-circle-blue {
    width: 22px;
    height: 22px;
    background: #3b569b;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    text-align: center;
    display: block;
    color: white;
}

.background-circle-orange {
    width: 22px;
    height: 22px;
    background: #FF8100;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    text-align: center;
    display: block;
    color: white;
}

.style-input-large > input {
    color: #23195D;
    font-size: 12px;
    padding-left: 5px;
    width: 500px;
    height: 22px;
    margin-left: 20px;
    border: 1px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.style-input-medium > input {
    color: #23195D;
    font-size: 12px;
    padding-left: 5px;
    width: 200px;
    height: 22px;
    margin-left: 20px;
    border: 1px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.style-input-small > input {
    color: #23195D;
    font-size: 12px;
    padding-left: 5px;
    width: 100px;
    height: 22px;
    margin-left: 10px;
    border: 1px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.style-select > select {
    color: #23195D;
    font-size: 12px;
    border: 1px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow-y: auto;
}

.style-select-medium > select {
    color: #23195D;
    font-size: 12px;
    padding-left: 5px;
    width: 200px;
    height: 22px;
    margin-left: 20px;
    border: 1px solid grey;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ventre-common {
    width: 980px;
    margin: 0 auto;
    background: #FFF;
    z-index: 1;
    position: relative;
    padding-top: 27px;
    padding-bottom: 30px;
    min-height: 450px;
    overflow: hidden;
}

.info-multiSelect {
    font-size: 11px;
    color: #000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0px;
}

.head-price-slider {
    width: 219px;
    height: 24px;
    background: #DCDCDC;
    padding-left: 20px;
    padding-top: 8px;
    font-weight: bold;
    font-size: 14px;
}

.small-label {
    font-size: 13px;
}

.button-request {
    background: green;
    color: white;
    height: 30px;
    font-size: 15px;
    border-radius: 5px;
    width: 200px;
}

.loaderAdvSearch {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -100px;
    display: block;
    opacity: 1;
}

#EspaceMarqueColor ul > li > p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: lighter;
    line-height: 10px;
    text-transform: none;
    font-weight: 600;
    float: left;
    width: 193px;
}

    #EspaceMarqueColor ul > li > p > a {
       font-size: 12px;
    font-family: 'Open sans';
    font-weight: 400;
    color: #003371;
    padding-bottom: 2px;
    font-style: italic;
	}
    

        #EspaceMarqueColor ul > li > p > a:hover {
            text-decoration: underline;
        }

        #EspaceMarqueColor ul > li > p > a:hover {
            color: #003399;
            font-weight: 600;
        }

    #EspaceMarqueColor ul > li > p:before {
        content: ' \25CF';
        font-size: 5px;
        float: left;
        width: 8px;
        display: block;
        margin-left: 3px;
        min-height: 12px;
        margin-top: 3px;
        color: #000 !important;
    }

#EspaceMarqueColor > table > tbody > tr > td > div.marquetrescolumn > ul {
    margin: 0px;
    padding: 5px;
}

#EspaceMarqueColor > table > tbody > tr > td.WidthTD > table > tbody > tr > td > ul {
    margin: 0px;
    padding: 5px;
}

.DetailsMarque {
    width: 950px;
    margin: 0 auto;
}

.RefEnLigne {
    width: 160px;
    display: flex;
    padding-left: 17px;
    padding-top: 6px;
}

#TotArticleonline > div > label {
    width: 315px;
}

#ctl00_PanelUp_NBarticle_advSearch {
    width: 160px;
    margin: 0px auto;
    height: 25px;
    background: #3b569b;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
    text-align: center;
    display: block;
    border: thin;
    color: white;
    font-size: 11px;
}


#ctl00_MainPanel_MarQueSelect > table.DetailsMarque > tbody > tr:nth-child(1) > td:nth-child(3) > table:nth-child(1) > tbody > tr > td > p {
    margin: 0px;
    padding: 1px 0px 1px 0px;
    color: #000;
    font-weight: 600;
}

    #ctl00_MainPanel_MarQueSelect > table.DetailsMarque > tbody > tr:nth-child(1) > td:nth-child(3) > table:nth-child(1) > tbody > tr > td > p > a {
        color: #000;
        font-size: 15px;
        font-family: 'Open Sans';
        font-weight: 400;
    }
/*#ctl00_MainPanel_MarQueSelect > table > tbody > tr  td > table > tbody > tr  > td > p > a 
{    color: #000;
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: 400;     
}  */

#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a > span {
    color: #f37d00;
    padding: 12px;
}
/*#ctl00_MainPanel_MarQueSelect > table > tbody > tr  td > table > tbody > tr  > td > p > a:hover {background: #ef7d00; color: #eeeeee; }
#ctl00_MainPanel_MarQueSelect > table > tbody > tr  td > table > tbody > tr  > td > p > a:hover > span {color: #000;padding: 12px; } */
#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a > i {
    float: right;
    display: block;
    padding-right: 2px;
}


#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.incontClass {
    background: #DF0062;
    color: #FFF;
    display: block;
    min-height: 27px;
    padding-top: 9px;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    width: 250px;
}

    #ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.incontClass:hover {
        background: #ef7d00;
    }

#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.NewsClass {
    background: #669962;
    color: #FFF;
    display: block;
    min-height: 27px;
    padding-top: 9px;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    width: 250px;
}

    #ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.NewsClass:hover {
        background: #ef7d00;
    }

#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.RebatesClass {
    background: #FF3262;
    color: #FFF;
    display: block;
    min-height: 27px;
    padding-top: 9px;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    width: 250px;
}

    #ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.RebatesClass:hover {
        background: #ef7d00;
    }

#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.DiscountClass {
    background: #FF9D1E;
    color: #FFF;
    display: block;
    min-height: 27px;
    padding-top: 9px;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    width: 250px;
}

    #ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.DiscountClass:hover {
        background: #ef7d00;
    }

#ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.CpCoeurClass {
    background: #3C708F;
    color: #FFF;
    display: block;
    min-height: 27px;
    padding-top: 9px;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    width: 250px;
}

    #ctl00_MainPanel_MarQueSelect > table > tbody > tr td > table > tbody > tr > td > p > a.CpCoeurClass:hover {
        background: #ef7d00;
    }

#ctl00_MainPanel_MarQueSelect {
    margin: 0 auto;
    width: 950px;
    padding: 25px 0px 25px 0px;
}

.SuiviColis {
    background: #eeeeee;
    padding-left: 7px;
}

    .SuiviColis h2 {
        font-size: 14px;
        margin: 0px;
        padding: 0px;
        color: #E85D0F;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .SuiviColis p {
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        font-weight: 500;
        font-style: italic;
        padding-top: 2px;
        padding-bottom: 2px;
    }

#ctl00_MainPanel_DropDownAdresseList {
    margin-top: 10px;
    width: 578px;
    margin-bottom: 10px;
}

#ctl00_MainPanel_lectureLivraison > table > tbody > tr > td > h1 {
    margin: 0px;
    padding: 0px;
    color: #f37d00;
    font-size: 15px;
}

.EnteteLivraison {
    width: 600px;
}

    .EnteteLivraison h1 {
        font-size: 14px;
        color: #FF7D00;
        text-align: center;
        font-weight: 700;
    }

    .EnteteLivraison h2 {
        font-size: 13px;
        text-align: center;
        font-weight: 700;
        margin: 0px;
        padding: 0px;
    }

#ctl00_MainPanel_PanelParticulier > div > h2 > span {
    color: #FF7D00;
}

#ctl00_MainPanel_TelechargerLeRIb {
    color: #fff;
    background: #ff8500;
    height: 38px;
    border: none;
    float: right;
    margin: 13px;
    width: 200px;
    font-size: 19px;
    box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.27);
}
 
#EspaceMarque > #EspaceMarqueColor > table > tbody > tr > td.WidthTD > table > tbody > tr > td > ul > li > a {
    display: block;
    color: #006729;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 14px;
	font-family:'Open sans'
}
#EspaceMarqueColor > table > tbody > tr > td.WidthTD > table > tbody > tr > td > ul > li > a {
    display: block;
    color: #006729;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 14px!important;
	font-family:'Open sans'
}

.Sise10px > a {
    color: Black !important;
    padding: 2px;
}

    .Sise10px > a:hover {
        color: Black !important;
        padding: 2px;
        text-decoration: underline;
    }

.Sise10px {
    font-size: 11px !important;
    line-height: 11px !important;
    margin: 0px;
    font-weight: normal;
}

#EspaceColor > table > tbody > tr > td > table > tbody > tr > td > ul > li > a {
    font-size: 14px;
    font-family: 'Open sans';
    font-weight: 400;
    text-decoration: none;
    color: #003371;
}

#EspaceColor > table > tbody > tr > td > table > tbody > tr > td > ul > li > a {
    font-size: 14px;
    font-family: 'Open sans';
    font-weight: 600;
    text-decoration: none;
    color: #003371;
    padding-bottom: 10px;
    padding-top: 5px;
}

#EspaceColor > table > tbody > tr > td > table > tbody > tr > td > ul > li > p > a {
    font-size: 12px;
    font-family: 'Open sans';
    font-weight: 400;
    color: #003371;
    padding-bottom: 2px;
    font-style: italic;
}

div.AaZ > h1 {
    display: block;
    color: #FF8100 !important;
    font-size: 13px;
}

#EspaceMarque {
    background-image: url(/Images/b/FondMArque.jpg) !important;
    background-repeat: no-repeat;
    background-position: -22px top;
}

    #EspaceMarque > div > table {
        background-color: transparent !important;
    }

    #EspaceMarque > #EspaceColor {
        background-color: transparent !important;
    }

#EspaceColor > table > tbody > tr > td > table.MenuWhite {
    background-color: transparent !important;
}

#EspaceMarque > div > table > tbody > tr > td > div.marquetrescolumnchange > table > tbody > tr > td > div > ul > li {
    background-color: transparent !important;
}

#EspaceColor > table > tbody > tr > td:nth-child(1) > table > tbody > tr > td > ul > li {
    background-color: transparent !important;
}

#EspaceColor > table > tbody > tr > td:nth-child(2) > div.AaZ > a:nth-child(15) {
    background: #006633;
}

#EspaceMarqueColor > table > tbody > tr > td:nth-child(2) > div.AaZ > a:nth-child(15) {
    background: #006633;
}

.SemiBoldTitle {
    font-size: 14px;
    font-family: 'Open sans';
    font-weight: 600;
    color: #003371;
}

span.SemiBoldTitle {
    font-size: 14px;
    font-family: 'Open sans';
    font-weight: 600;
    color: #003371;
}

#EspaceMarqueColor {
    background-image: url(../Images/b/FondMArquePage.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.buttonreinit {
    background: #3b569b;
    color: white;
    height: 30px;
    font-size: 15px;
    border-radius: 5px;
    min-width: 100px;
    border: none;
}

.IncontIco {
    background-image: url(../Images/b/IncontTransParent.png);
    width: 28px;
    height: 27px;
    padding-right: 0px !important;
}

.selectUnivers-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.selectUnivers {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #000;
    width: 220px;
    height: 40px;
}

.selectUnivers-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #c0392b;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .selectUnivers-styled:after {
        content: "";
        width: 0;
        height: 0;
        border: 7px solid transparent;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 16px;
        right: 10px;
    }

    .selectUnivers-styled:hover {
        background: #b83729;
    }

    .selectUnivers-styled:active, .selectUnivers-styled.active {
        background: #ab3326;
    }

        .selectUnivers-styled:active:after, .selectUnivers-styled.active:after {
            top: 9px;
            border-color: transparent transparent #fff transparent;
        }

.selectUnivers-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ab3326;
}

    .selectUnivers-options li {
        margin: 0;
        padding: 12px 0;
        text-indent: 15px;
        border-top: 1px solid #962d22;
        -moz-transition: all 0.15s ease-in;
        -o-transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
    }

        .selectUnivers-options li:hover {
            color: #c0392b;
            background: #fff;
        }

        .selectUnivers-options li[rel="hide"] {
            display: none;
        }

#ctl00_PanelUp_scSearchControl_ddlFamily > option {
    height: 15px !important;
    padding-top: 5px;
}

#ctl00_MainPanel_InfoExpedition {
    padding-top: 69px;
}


#ctl00_MainPanel_LivraisonREvpan > td > table > tbody > tr > td > div.ValiderAnnuler input[type=checkbox] {
    display: none;
}

#ctl00_MainPanel_LivraisonREvpan > td > table > tbody > tr > td > div.ValiderAnnuler .checkbox label:before {
    border-radius: 3px;
    background: #eee;
    width: 25px;
}

#ctl00_MainPanel_LivraisonREvpan > td > table > tbody > tr > td > div.ValiderAnnuler input[type=checkbox]:not(:checked) + label:hover::before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #ff6724;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

#ctl00_MainPanel_LivraisonREvpan > td > table > tbody > tr > td > div.ValiderAnnuler input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #ff6724;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

#ctl00_MainPanel_LivraisonREvpan > td > table > tbody > tr > td > div.ValiderAnnuler input[type=checkbox]:not(:checked) + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    display: inline-block;
    color: #FFF;
    text-align: center;
    line-height: 15px;
    border: 1px solid #ff6724;
    position: static;
    margin-right: 15px;
    background: #FFF;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    float: left;
    margin-bottom: 25px;
}

.StyleTextREvnot {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
    width: 363px;
}

.ValiderAnnulerLivreNormal {
    width: 262px;
    float: right;
    margin-right: 150px;
}

.SameAdress {
    margin-top: 10px;
    margin-bottom: 10px;
}

#mega-menu-7 > #TypeOnglet1 { /* li:nth-child(11)*/
    color: #FFF;
    /*background: 100% -31px;*/
	background: url(../Images/b/bg_maques.png) repeat-x 100% 0;
}
#mega-menu-7 > #TypeOnglet1:hover {
    color: #fff;
    background: url(../Images/b/bg_maques.png) repeat-x 100% -32px;
}
span.special {
    color: #006633!important;
    font-size: 14px!important;
    font-weight: 600!important;
}
#EspaceColor > table > tbody > tr:nth-child(1) > td > div > a:nth-child(15) { background-color:#006633!important;}

#ctl00_MainPanel_LivraisonNormaleNav2 > td > label:nth-child(2) {
    cursor: pointer;
}

#ctl00_MainPanel_LivraisonNormaleNav1 > td > div > label {
    cursor: pointer;
}

#ctl00_MainPanel_LivraisonNormaleNav2 > td > label:nth-child(7) {
    cursor: pointer;
}

#ctl00_MainPanel_LivraisonNormaleNav0 > td > table > tbody > tr:nth-child(5) > td:nth-child(2) > table > tbody > tr:nth-child(2) > td > label {
    cursor: pointer;
}

#ctl00_MainPanel_LivraisonNormaleNav0 > td > table > tbody > tr:nth-child(5) > td:nth-child(2) > table > tbody > tr:nth-child(4) > td > label {
    cursor: pointer;
}

#ctl00_MainPanel_EditionLivraisonRevendeur > table > tbody > tr:nth-child(4) > td:nth-child(1) > label {
    cursor: pointer;
}

#ctl00_MainPanel_EditionLivraisonRevendeur > table > tbody > tr:nth-child(3) > td > label {
    cursor: pointer;
}

#ctl00_MainPanel_LivraisonNormaleNav0 > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(2) > td > label {
    cursor: pointer;
}

#ctl00_MainPanel_LivraisonNormaleNav0 > td > table > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr:nth-child(4) > td > label {
    cursor: pointer;
}

.PointInterog {
    width: 22px;
    height: 22px;
    margin-left: 7px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin-left: 7px;
    cursor: pointer;
    float: left;
    /* overflow: auto; */
    position: absolute;
    left: 364px;
    top: 61px;
}

.PointInterogPop {
    cursor: pointer;
    position: absolute;
    width: 878px;
    min-height: 250px;
    z-index: 999902;
    background: #eeeeee;
    border: 1px solid #eeeeee;
    padding: 10px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    border: 1px solid #eeeeee;
    left: -475px;
}

#ctl00_MainPanel_PanelConnecte {
    text-align: center;
}

#ctl00_MainPanel_Panel1 {
    text-align: center;
}

.Txtred {
    color: #ED1C24;
}

#ctl00_MainPanel_DropShiping > div > div > table > tbody > tr > td:nth-child(1) > h1 > span {
    color: #003663;
}

#ctl00_MainPanel_DropShiping > div > div > table > tbody > tr > td:nth-child(1) > h1 {
    color: #000000;
    font-size: 15px;
}

#ctl00_MainPanel_DropShiping > div > div > table > tbody > tr > td:nth-child(1) > p:nth-child(2) {
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

    #ctl00_MainPanel_DropShiping > div > div > table > tbody > tr > td:nth-child(1) > p:nth-child(2) > em {
        font-size: 12px;
        padding: 0px;
        margin: 0px;
    }

#ctl00_MainPanel_InfoExpedition > div > table > tbody > tr > td:nth-child(1) > h1 > span {
    color: #003663;
}

#ctl00_MainPanel_InfoExpedition > div > table > tbody > tr > td:nth-child(1) > h1 {
    color: #000000;
    font-size: 15px;
}

#ctl00_MainPanel_InfoExpedition > div > table > tbody > tr > td:nth-child(1) > p:nth-child(2) {
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

    #ctl00_MainPanel_InfoExpedition > div > table > tbody > tr > td:nth-child(1) > p:nth-child(2) > em {
        font-size: 12px;
        padding: 0px;
        margin: 0px;
    }

.StyleTexteAdresseFree {
    width: 24px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #a0a0a0;
    height: 24px;
}

input.placeholder::-webkit-input-placeholder {
    color: black;
}

input.placeholder:-moz-placeholder { /* Firefox 18- */
    color: black;
}

input.placeholder::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

input.placeholder:-ms-input-placeholder {
    color: black;
}



input.placeholderred::-webkit-input-placeholder {
    color: white;
}

input.placeholderred:-moz-placeholder { /* Firefox 18- */
    color: white;
}

input.placeholderred::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

input.placeholderred:-ms-input-placeholder {
    color: white;
}

*::-moz-placeholder {
    color: black;
}

#ctl00_MainPanel_DropShiping > span {
    cursor: pointer;
}

.searchnormal {
    background: url(../Images/b/loupefloatr.jpg) no-repeat right top #FFF;
}

.searchonload {
    background: url(../Images/b/loadinput.gif) no-repeat right top #FFF !important;
}

.classabsmiddle {
    vertical-align: middle;
}

.classabsmiddlefloatleft {
    vertical-align: middle;
    float: left;
}

#CiviliteContact {
    position: absolute;
    width: 251px;
    height: 23px;
    z-index: 1;
    background: rgba(128, 128, 128, 0.09);
}

#CiviliteContactDropship {
    position: absolute;
    width: 251px;
    height: 23px;
    z-index: 1;
    background: rgba(128, 128, 128, 0.09);
}

.SpanNormal {
    color: black !important;
}

.EXCLUSIF {
    font-size: 13px;
    color: #fff;
    background: #df0007;
    text-transform: uppercase;
    padding: 3px 0 3px;
    text-shadow: 1px 1px rgba(0,0,0,.24);
    width: 117px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.PRIVILEGE {
    font-size: 13px;
    color: #fff;
    background: #dfaa00;
    text-transform: uppercase;
    padding: 3px 0 3px;
    text-shadow: 1px 1px rgba(0,0,0,.24);
    width: 117px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.OrangesAvantage {
    color: #070707;
    font-weight: 600;
    background: rgba(255, 171, 0, 0.32);
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 5px;
}

#ctl00_MainPanel_MarQueSelect > table > tbody > tr:nth-child(1) > td:nth-child(3) > table:nth-child(1) > tbody > tr > td > h1 {
    margin: 0px;
    padding-bottom: 8px;
    font-size: 28px;
    font-family: 'Open Sans';
    font-weight: 200;
}


#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteNews_ctl01_CompteNewsLink > span {
    font-size: 11px;
    color: #f37d00;
    font-family: 'Open Sans';
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteNews_ctl01_CompteNewsLink {
    font-family: 'Open Sans';
    font-size: 13px;
    color: black;
}


#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteRebates_ctl01_RebatesLink > span {
    font-size: 11px;
    color: #f37d00;
    font-family: 'Open Sans';
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteRebates_ctl01_RebatesLink {
    font-family: 'Open Sans';
    font-size: 13px;
    color: black;
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteDiscount_ctl01_DiscountLink > span {
    font-size: 11px;
    color: #f37d00;
    font-family: 'Open Sans';
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteDiscount_ctl01_DiscountLink {
    font-family: 'Open Sans';
    font-size: 13px;
    color: black;
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteIncontournable_ctl01_IncontLink > span {
    font-size: 11px;
    color: #f37d00;
    font-family: 'Open Sans';
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteIncontournable_ctl01_IncontLink {
    font-family: 'Open Sans';
    font-size: 13px;
    color: black;
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteCpCoeur_ctl01_CpCoeurLink {
    font-family: 'Open Sans';
    font-size: 13px;
    color: black;
}

    #ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteCpCoeur_ctl01_CpCoeurLink > span {
        font-size: 11px;
        color: #f37d00;
        font-family: 'Open Sans';
    }

#ctl00_MainPanel_MarQueSelect > table > tbody > tr:nth-child(1) > td:nth-child(3) > table:nth-child(2) > tbody > tr > td > table > tbody > tr > td > img {
   margin-right: 6px;
    margin-top: 9px;
	    border-radius: 5px;
}

.theDetailsMarqueimg {
    width: 198px;
    height: 118px;
    border: 1px solid #896e6e;
    text-align: center;
    margin: 0;
    padding: 0 0;
    margin-bottom: 6px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.QuantityButtonMOINS {
    color: #FFF;
    font-weight: bolder;
    cursor: pointer;
    height: 14px;
    width: 14px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    border-color: #FF8419;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: url(../Images/b/MoinsBTN.jpg) no-repeat left top #FF8419;
    vertical-align: middle;
}

.QuantityButtonPLUS {
    color: #FFF;
    font-weight: bolder;
    cursor: pointer;
    height: 14px;
    width: 14px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    border-color: #FF8419;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: url(../Images/b/PLUSbtn.jpg) no-repeat #FF8419;
    vertical-align: middle;
}


#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_PanelMArque {
    margin-left: 25px;
    margin-bottom: 20px;
}
/*#region DETAIL ARTICLE */

.Reference {
     min-width: 80px;
   
    margin-top: 2px;
    padding-right: 10px;
    font-size: 16px;
    /*float: left;*/
    display: table-cell;
}


.TypeArticle {
width: 450px;
    margin-top: -6px;
    margin-left: 13px;
    display: block;
    /* clear: both; */
    font-family: 'Martel Sans',sans-serif;
    font-size: 12px;
    font-weight: 400;
}


    .TypeArticle > img {
        margin: 1px;
		    border-radius: 5px;    float: left;
    }

.TitreArticle h1 {
  
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 7px 14px;
    font-size: 20px;
    color: #263775;
	font-family: 'Open Sans';
	     font-size: 1.2em;     letter-spacing: -0.03vW; /* -0.06vW white-space: nowrap;*/
}

.BearCrum {
    width: 688px;
    padding-left: 12px;
    display: block;
    border-bottom: #6F6F6F solid 1px;
    min-height: 27px;
    margin: 3px 0px 1px 13px;
    float: left;
    padding-right: 0px;
	font-family: 'Open Sans';
	padding-bottom: 2px;
}

    .BearCrum > div {
        display: block;
        float: left;
        color: #000;
        font-size: 12px;
    }
.lastbeacrumb { color:#ffa500!important;}
.Ecatalogue {
    width: 196px;
    padding-left: 12px;
    display: block;
    height: 27px;
    margin: 0px 21px;
    float: left;
    text-align: center;
	font-family: 'Open Sans';
}
a.CatLink {
        color: #0000ff!important;
        text-align: center;
        text-decoration: underline;
		font-family: 'Open Sans';
		font-size: 15px;
    }
#ctl00_MainPanel_FormViewArticle_Panel4 > a {
        color: #0000ff!important;
        text-align: center;
        text-decoration: underline;
		font-family: 'Open Sans';
		font-size: 15px;
		font-weight: bold;
    }
    .Ecatalogue > a {
        color: #0000ff!important;
        text-align: center;
        text-decoration: underline;
		font-family: 'Open Sans';
		font-size: 15px;
    }

        .Ecatalogue > a:hover {
            color: #0000FF!important;
            text-align: center;
            text-decoration: none;
        }

.TitreArticle h2 {
    font-size: 15px;
    font-weight: 400;
    color: darkslategray;
    margin: 0 0 0 0;
    padding: 3px 0px 7px 14px;
	font-family: 'Open Sans';
}

.ContentArticle {
    width: 960px;
    margin: 0 auto;
    display: block;
    clear: both;
	font-family: 'Open Sans';
}

.TitreArticle {
    width: 544px;
    min-height: 50px;
    margin-left: 13px;display: block;float:left;
	
}

.MarqueDeTailsArticle {
    display: block;
    float: left;
 
    width: 150px;
    height: 80px;
}

.SousLigneArticle {
    min-height: 25px;
    float: left;
    clear: both;
    width: 520px;
	    padding-top: 10px;
}

.MarqueDeTailsArticle {
    display: block;
    float: left;
  
}



.Images {
    width: 725px;
    min-height: 251px;
    display: block;
    float: left;
    margin-top: 12px;
}

.SocialandLastcateg {
    width: 680px;
    clear: both;
    display: block;
    margin-left: 25px;
    padding-top: 15px;
	font-family: 'Open Sans';padding-bottom: 0px;         height: 50px; padding-top: 25px;   /*padding-top: 38px;*/
}

.addtoSocial {
    float: right;
    margin-right: 9px;     
}

div.SocialandLastcateg > div > table > tbody > tr > td > a {
    color: #545454;
    font-family: 'Open sans';
    font-weight: 600;
    font-size: 14px;
}

.CadreRight {
    width: 250px;
    background: #F1F1F1;
    float: left;
    min-height:700px;
}

.CadLeft {
    width: 720px;
    float: left;
}



#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle {
    color: #000;
    margin-left: 13px;
	    font-family: 'Open sans';
}

#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle h2 {
	 font-size: 11px;
    margin: 0;
    width: 171px;
    letter-spacing: -0.06em;
}

#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle p {
	font-size: 10px !important;
	margin: 0px;
	width: 158px;
	float: left;
}

#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle > table > tbody > tr > td > label > p {
	font-size: 11px;
}

#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle > table > tbody > tr > td > table > tbody > tr > td > p {
	display: block;
	float: left;
	width: 180px;
	margin-left: 12px;
	margin-top: 8px;
}

    #ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle > table > tbody > tr > td > table > tbody > tr > td > img {
        display: block;
        float: left;
    }

.Heightblock {
    width: 25px;
    float: left;
    height: 20px;
    margin-top: 1px;
    position: absolute;
    right: 15px;
}

#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle > table > tbody > tr > td:nth-child(2) > label {
    width: 220px;
    float: left;
    margin-top: 6px;
}

#ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle > table > tbody > tr > td:nth-child(1) > label {
    overflow: hidden;
    width: 40px;
    display: block;
    height: 32px;
    padding-top: 6px;
}


img#ctl00_MainPanel_FormViewArticle_ImageArticle {
    margin: 0 auto;
    display: block;
    /*border: solid #707070 1px !important; */
}

input#ctl00_MainPanel_FormViewArticle_ImageButtonAdd {
    border-width: 0px;
    display: block;
   margin: 0px auto 20px;
}

.Reassurance {
    font-size: 13px; padding:0px;padding-top: 20px;
}

    .Reassurance > tr {
        min-height: 30px;
    }

#ctl00_MainPanel_FormViewArticle > tbody > tr > td > div.CadreRight > div:nth-child(4) > center > span:nth-child(7) {
    display: none;
}


.PriceDetails {
    width: 230px;
    height: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 0px;
    color: #f95820;
    /*background: #ff662c; */
    padding-top: 7px;
	font-weight:600;
	font-family: 'Open Sans';
	    font-size: 24px;
}
.TAbListe {border-collapse: collapse;
    background: white!important;
    width: 114px;
}
.TAbListe > tr { 
    background: white!important;
     
}
  table.TAbListe > tbody > tr  {
    background: white!important;
     
}
span.InfoUnit {
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-family: 'Open sans';    color: #f95820;
}
div#ctl00_MainPanel_FormViewArticle_VotreRemiseAffiche {
    /* width: 250px; */
    margin: 0 auto;     
    width: 150px;
    display: block; font-family: 'Open sans';  color: #1b3576;font-size: 14px;
}
.MultiplePriceCtr {
    width: 200px;
    margin: 0 auto;
}
#ctl00_MainPanel_FormViewArticle_UpdateArticle > div > div:nth-child(6) > span {display:none}
.BearcrumText {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-align: left;
    padding: 2px;
	font-family: 'Open Sans';
}

.PanelQuotite {
     
  font-size: 12px;
    text-align: center;
    width: 189px;
    
    font-family: 'Open Sans';
    margin: 0 auto;
    display: block; color: #1b3576;
}

.description {
    display: block;
    float: left;
    width: 680px;
    clear: both;
    margin-left: 25px;
    padding-top: 14px;
	font-family: 'Open Sans';
}




.SlideArticlesComplementaires {
    width: 650px;
    float: left;
    clear: both;
    height: 255px;
    display: block;
    margin-left: 35px;
	font-family: 'Open Sans';
    margin-bottom: 50px;
}


.Documentation {
    display: block;
    float: left;
    width: 680px;
    clear: both;
    margin-left: 25px;
    padding-top: 15px;
	    padding-bottom: 0px;
}


.container {
width: 134px;
      margin-left: 32px;
    padding: 0;
    float: left;
    padding-top: 0px;
}

.slideControls {
    position: absolute;
    width: 100%;
    top: 4px;
    left: 0;
}

    .slideControls i {
        font-size: 30px;
        margin-top: 35px;
        margin-left: 3px;
    }

    .slideControls .slideNext {
        right: 0;
        position: absolute;
        cursor: pointer;
        height: 105px;
        width: 15px;
        background: #ccc;
        top: 0px;
        border: #ccc solid 1px;
    }

    .slideControls .slidePrev {
        left: 0;
        position: absolute;
        cursor: pointer;
        height: 105px;
        width: 15px;
        background: #ccc;
        top: 0;
        border: #ccc solid 1px;
    }

.carousel {
    padding: 4px 16px;
    position: relative;
}

 

    .carousel .slide {
       
        text-align: center;
        /*height: 50px; padding: 19px; */
    }



/*.CaddyFixed {position : fixed} .Reassurance{top:250px;}*/
/*#endregion*/


.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

    .lSSlideWrapper > .lightSlider:after {
        clear: both;
    }

    .lSSlideWrapper .lSSlide {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: all 1s;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform,height;
        transition-property: transform,height;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lSSlideWrapper .lSFade {
        position: relative;
    }

        .lSSlideWrapper .lSFade > * {
            position: absolute !important;
            top: 0;
            left: 0;
            z-index: 9;
            margin-right: 0;
            width: 100%;
        }

    .lSSlideWrapper.usingCss .lSFade > * {
        opacity: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lSSlideWrapper .lSFade > *.active {
        z-index: 10;
    }

    .lSSlideWrapper.usingCss .lSFade > *.active {
        opacity: 1;
    }
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

    .lSSlideOuter .lSPager.lSpg > li {
        cursor: pointer;
        display: inline-block;
        padding: 0 5px;
    }

        .lSSlideOuter .lSPager.lSpg > li a {
            background: #222222;
            border-radius: 30px;
            display: inline-block;
            height: 8px;
            overflow: hidden;
            text-indent: -999em;
            width: 8px;
            position: relative;
            z-index: 99;
            -webkit-transition: all 0.5s linear 0s;
            transition: all 0.5s linear 0s;
        }

        .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
            background: #428bca;
        }

.lSSlideOuter .media {
    opacity: 0.8;
}

    .lSSlideOuter .media.active {
        opacity: 1;
    }
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .lSSlideOuter .lSPager.lSGallery li {
        overflow: hidden;
        -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
        transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    }

        .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
            border-radius: 5px;
        }

    .lSSlideOuter .lSPager.lSGallery img {
        display: block;
        height: 100px;
        max-width: 100%;
    }

    .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
        content: " ";
        display: table;
    }

    .lSSlideOuter .lSPager.lSGallery:after {
        clear: both;
    }
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

    .lSAction > a:hover {
        opacity: 1;
    }

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;    width: 100px; 
}

    .lSSlideOuter.vertical.noPager {
        padding-right: 0px !important;
    }

    .lSSlideOuter.vertical .lSGallery {
        position: absolute !important;
        right: 0;
        top: 0;
    }

    .lSSlideOuter.vertical .lightSlider > * {
        width: 100% !important;
        max-width: none !important;
    }

    /* vertical controlls */
    .lSSlideOuter.vertical .lSAction > a {
        left: 50%;
        margin-left: -14px;
        margin-top: 0;
    }

    .lSSlideOuter.vertical .lSAction > .lSNext {
        background-position: 31px -31px;
        bottom: 10px;
        top: auto;
    }

    .lSSlideOuter.vertical .lSAction > .lSPrev {
        background-position: 0 -31px;
        bottom: auto;
        top: 10px;
    }
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.one {
    border: #CCC solid 1px;
	    overflow: hidden;
}

.CaddyFixed {
    position: fixed;
    background: #f7f7f7;
    width: 250px;
    z-index: 10;
}

.Reassurance {
    font-size: 12px;
    position: absolute;
    background: #f7f7f7;
    z-index: 8;
}

.Img360 {
	 height: 100px!important;
   /* width: 100px;
   
    float: left;
   margin-top: 0px;
    margin-left: 18px;
	margin-bottom: 18px; */
    background: url(/Images/b/360Info.png) center bottom no-repeat #fff;
    /* border: #ccc solid 1px;*/
}

hr.LineGray {
    display: block;
    float: left;
    width: 657px;
    border: #ccc solid 1px;
    margin-bottom: 5px;
    margin-top: 15px;
}

h1.TitleAccessoires {
   
    float: left;
    margin: 0px 0px 7px 40px;
    padding: 0px;
    font-weight: 400;
    font-size: 14px;
    color: #263775;
	    font-size: 18px;
    
    font-family: 'Open sans';
}
h3.TitleAccessoires {
   
    float: left;
    margin: 0px 0px 7px 40px;
    padding: 0px;
    font-weight: 400;
    font-size: 14px;
    color: #263775;
	    font-size: 18px;
    
    font-family: 'Open sans';
}

h1.Documentation {
    float: left;
    margin: 1px 0 7px 9px;
    padding: 0;
    font-weight: 400;
  
    color: #263775;
	font-family: 'Open Sans';
	    font-size: 18px;
 
    font-family: 'Open sans';
}
h3.Documentation {
    float: left;
    margin: 1px 0 7px 9px;
    padding: 0;
    font-weight: 400;
  
    color: #263775;
	font-family: 'Open Sans';
	    font-size: 18px;
 
    font-family: 'Open sans';
}
 div.Documentation > h3 {
  
    margin: 1px 0 7px 9px;
    padding: 0;
    font-weight: 400;
  
    color: #263775;
	font-family: 'Open Sans';
	    font-size: 18px;
 
    font-family: 'Open sans';
}

.CloneWin-window {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    z-index: 999902;
    background: #fff;
    border: 1px solid #696;
    padding: 60px 0;
    text-align: center;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
}

.CloneWin-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #d9d9d9;
    opacity: .85;
    filter: alpha(opacity=85);
    background-image: url(../Images/b/BGtransparent.png);
    z-index: 999901;
}

.Indispensable {
    font-size: 11px;
    color: #fff;
    background: #ff8600;
    padding: 3px 0 3px;
    text-shadow: 1px 1px rgba(0,0,0,.24);
    width: 136px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-15deg);
    border-radius: 5px;
}

#owl-Slider > div > div > div > div > h1 {
    text-align: center;
}

#ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_NotConnected > table > tbody > tr > td > a {
    color: #545454;
    font-family: 'Open sans';
    font-weight: bold;
    font-size: 14px;
}

    #ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_NotConnected > table > tbody > tr > td > a:visited {
        color: #545454;
    font-family: 'Open sans';
    font-weight: bold;
    font-size: 14px;
}

    #ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_NotConnected > table > tbody > tr > td > a:active {
       color: #545454;
    font-family: 'Open sans';
    font-weight: bold;
    font-size: 14px;
}
.LigneSlider {
    width: 680px;
    clear: both;
    display: block;
    margin-left: 25px;
    padding-top: 0px;
}

.Indispensable {
    font-size: 11px;
    color: #fff;
    background: #ff8600;
    padding: 3px 0 3px;
    text-shadow: 1px 1px rgba(0,0,0,.24);
    width: 136px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-15deg);
    border-radius: 5px;
}

#owl-Slider > div > div > div > div > h1 {
    text-align: center;
}

#ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_NotConnected > table > tbody > tr > td > a {
    color: #545454;
}

    #ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_NotConnected > table > tbody > tr > td > a:visited {
        color: #545454;
    }

    #ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_NotConnected > table > tbody > tr > td > a:active {
        color: #545454;
    }

.LigneSlider {
    width: 680px;
    clear: both;
    display: block;
    margin-left: 25px;
    padding-top: 0px;
}

a.LinktoArt {
    width: 127px;
      width: 127px;
    background: #5AA639;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    margin-top: 7px;
    border-radius: 2px;
    /* display: none; */
    height: 25px;
    font-size: 15px;
    font-family: 'Open sans';
	
	 
}

.ImgVideo {
	background:#fff;
  /*  width: 100px;
    height: 100px;
    float: left;
   margin-top: 0px;
    margin-left: 18px;;
    background: center center no-repeat;
    border: #ccc solid 1px;
    background: black; */
}

.TAbMultiple {
    width: 202px !important; /* 90% */
    margin: 11px auto 0px auto;    white-space: nowrap;
}

#Table9 > tbody > tr > td > table {
    margin: 0px auto;
}

.PriceDetailsNewOld {
      width: 230px;
    height: 26px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 7px;
    color: #f95820;
    padding-top: 0px;
    padding-bottom: 10px;
}

tr.PriceDetailsNewOld > td > span {
    color: #f95820;
    text-align: center;
    display: block;
    width: 230px;
}

#ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteVteFlash_ctl01_VteFlashLink {
    font-family: 'Open Sans';
    font-size: 13px;
    color: #000;
}

    #ctl00_MainPanel_RepeaterMarqueImageBound_ctl01_MarqueDetailsControl_CompteVteFlash_ctl01_VteFlashLink > span {
        font-size: 11px;
        color: #f37d00;
        font-family: 'Open Sans';
    }

div#FirmWare {
    display: block;
    float: left;
    width: 680px;
    clear: both;
    margin-left: 25px;
    padding-top: 5px;
}

#ctl00_MainPanel_FormViewArticle_PanelFirmWare > h1 {
    float: left;
    margin: 0 0 7px 9px;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    color: #263775;
 
   
    font-family: 'Open sans';
}
#ctl00_MainPanel_FormViewArticle_PanelFirmWare > h3 {
    float: left;
    margin: 0 0 7px 9px;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    color: #263775;
 
   
    font-family: 'Open sans';
}
#ctl00_MainPanel_FormViewArticle_PanelFirmWare > div > a {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #33a11b;
    height: 26px;
    width: 90px;
    border-radius: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 8px;
    color: #fff;
    clear: both;
    display: block;
    width: 100px;
    height: 24px;
    padding-left: 5px;
    padding-top: 4px;
    text-align: center;
    border: 1px solid #33a11b;
    margin: 0 auto;
}

#ListeArtCentre > div.CadLeft > div.Images > div > div.container > div > div.lSSlideOuter > ul {
    display: none;
}

 
 
th, td {
    padding: 0;
}

#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_LabelQuantity3 {
      
       /*float: right;*/
    margin-left: 4px; /*25%;*/
    font-size: 16px;
    font-family: 'Open sans';
    font-weight: 700;
    margin-right: 4px;
  font-style: italic; float:left;
}

#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_LabelQuantity2 {
     
       /*float: right;*/
    margin-left: 4px; /*25%;*/
    font-size: 16px;
    font-family: 'Open sans';
    font-weight: 700;
    margin-right: 4px;
     font-style: italic; float:left;
	 
}

#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_LabelQuantity1 {
   
       /*float: right;*/
    margin-left:4px; /*25%;*/
    font-size: 14px;
    font-family: 'Open sans';
    font-weight: 500;
    margin-right: 4px;
	height: 25px;display: none;
     font-style: italic;
	
}

#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_TableCellHeader {
    text-align: center;padding: 5px; display:none;
}

.hrPrice {
    margin: 5px auto;    width: 179px;
}

#ctl00_MainPanel_FormViewArticle_qcAddToPersonalCart_PanConnected > table > tbody > tr > td > a {
    color: #545454;
	font-family: 'Open sans';
    font-weight: bold;
    font-size: 14px;
}

.colorB1 > strong {
    font-size: 16px;font-weight:600;color:#0a3760;font-family: 'Open sans';padding-right: 4px;
}

.colorB2 > strong {
    font-size: 16px; font-weight:600; Color:#0a3760;font-family: 'Open sans'; padding-right: 4px;
}
#ctl00_MainPanel_FormViewArticle_qcQuantityControl_divImageDisponibilite {display:none}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_LabelPrice1 {padding-right:22% ;    font-size: 14px;
    font-family: 'Open sans';
    font-weight: 600;
    margin-right: 4px; float:left;    height: 25px;    display: none;}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_LabelPrice2 {padding-left:2%;    font-size: 16px;
    font-family: 'Open sans';
    font-weight: 600;
    margin-right: 4px; float:left;     clear: left; color:#CA4646;}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_LabelPrice3 {padding-left:2%;    font-size: 16px;
    font-family: 'Open sans';
    font-weight: 600;
    margin-right: 4px; float:left;     clear: left;color:#CA4646;}


.CaddyFixed {
    background: #f7f7f7;
    width: 250px;
    z-index: 10;
}
.CaddyFixed.fixed {
    position: fixed;
    
}
.CaddyFixed.bottom {
    position: absolute;
    bottom: 356px; /* Height of the footer element, plus some extra pixels if needed */
}
#ctl00_MainPanel_FormViewArticle_UpdateArticle > div > div:nth-child(4) > span {display:none}
#ctl00_MainPanel_FormViewArticle_qcQuantityControl_lbDisponibilite {display:none}
#ctl00_MainPanel_FormViewArticle_qcQuantityControl_divDispoStatus {display:none}
#ctl00_MainPanel_FormViewArticle_UpdateArticle > div > div:nth-child(6) > center {padding-top:5px}
.Image450 {
	width: 450px;
    float: left;
  margin-left: 25px;
	    /*border: solid 1px rgba(0, 0, 0, 0.10);
		webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.10) 1px 1px 2px;
    box-shadow: rgba(0,0,0,0.10) 1px 1px 2px; */
}
#Reassurancecontain > table > tbody > tr:nth-child(1) > td  > p  { padding:0px}

#owl-nav > a.btn.prev1 > img:hover {opacity: 0.7;
    border: none;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;} 
#owl-nav > a.btn.next1 >  img:hover {opacity: 0.7;
    border: none;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;} 
 
	
div.SlideArticlesComplementaires	#owl-Slider > div.owl-wrapper-outer > div > div > div.item {text-align:center;    position: relative;} 
div.SlideArticlesComplementaires	#owl-Slider > div.owl-wrapper-outer > div > div > div.item:hover {/*background: #F3F3F3;*/ 
                                                                                                         -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;}
	
	.BTNFicheArticleplus {
    color: #fff;
    font-weight: bolder;
    cursor: pointer;
    height: 24px;
    width: 24px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    border-color: #ff8419;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: url(../Images/b/BTNPLUSFICHE.png) no-repeat #ff8419;
    vertical-align: middle;    margin-top: 5px
}
 .BTNFicheArticlemoins {
    color: #fff;
    font-weight: bolder;
    cursor: pointer;
    height: 24px;
    width: 24px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-border-radius: 10px;
    border-color: #ff8419;
    border-style: none;
    border-width: 0;
    padding: 0;
    background: url(../Images/b/BTNMOINSFICHE.png) no-repeat left top #ff8419;
    vertical-align: middle;    margin-top: 5px
}

.quantityctrlFicheArticle {
    height: 26px;
    margin-top: 4px;
    margin-right: 15px;
    margin-left: 2px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 0;
    width: 131px;
    padding-left: 0;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ccc;
    border-right-color: #fff;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
}
.quantityctrlFicheArticle.dl {
    margin-top: 4px;
	 height: 30px;
 
}
.quantityctrl.dl{
    margin-top: 4px;
	 height: 17px;

}
#ctl00_MainPanel_FormViewArticle_UpdateArticle > div > div:nth-child(3) > span {display:none;}
.HiddenProperty {display:none;}
#ctl00_MainPanel_FormViewArticle_ahrefZoom {    cursor: pointer;}
#ListeArtCentre > div.CadLeft > div.Documentation > p { padding: 2px 0 0 9px;}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_lbOldPrice {font-size: 18px; font-family:'Open sans';
    margin-bottom: 0px;
    margin-top: 8px;
    padding-top: 0px;
    display: block;}
#light-slider > li > div > a:hover > img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
#light-slider > li > div > a  > img {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

 
 
  #ListeArtCentre > div.CadLeft > div.SocialandLastcateg > div.addtoSocial::after {
	border-top: 0;
	border-right: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	min-width:167px;
 }

 #ListeArtCentre > div.CadLeft > div.SocialandLastcateg > div.addtoSocial::before,  #ListeArtCentre > div.CadLeft > div.SocialandLastcateg > div.addtoSocial::after {
    /*width: 100%;
    height: 100%;*/
    z-index: 3;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
} 	


 #ListeArtCentre > div.CadLeft > div.SocialandLastcateg > div.addtoSocial 
 {  
	/*margin-left:1px;
	box-shadow: 0px 9px 14px 6px #fff, 8px 10px 0 -7px #fff;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s; */
	margin-left: 1px;
    box-shadow: 0px 18px 0 0px #fff;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;    min-height: 55px;
   
 
 }
 #ListeArtCentre > div.CadLeft > div.SocialandLastcateg > div.addtoSocial:hover 
 {
   /* border-bottom: 2px solid #545454;
	border-left:none;
	border-top:none;
	border-right:none;
   
  -webkit-transform: scaleX(1);
  transform: scaleX(1); 
  box-shadow: 0 0px 0px 0px #ccc, 0px 10px 0 -7px #545454;*/
  box-shadow: 0 4px 0 0 #ff662c;
}
input#ctl00_MainPanel_FormViewArticle_ImageButtonAdd::before {
    content: "\f087";
    position: absolute;
    left: -1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; 
}
 input#ctl00_MainPanel_FormViewArticle_ImageButtonAdd:hover:after {	 
     -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
 transition-timing-function: cubic-bezier(0.47, 2.02, 0.78, -0.37);

 }
 input#ctl00_MainPanel_FormViewArticle_ImageButtonAdd {display:none;}
 #BtnAddtocart {
    width: 187px;
    height: 20px;
    color: #000;
    display: block;
    margin: 26px 15px 10px 16px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
 
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: #ff6724;
    text-align: center;
    border-radius: 3px;
    padding: 5px 2px 10px 28px;
    font-size: 16px;
   text-shadow: 2px 4px 4px rgba(242, 82, 5, 0.45098039215686275);
    font-family: 'Open sans';
    font-weight: 600;
	    background-image: url(../Images/b/Bgcart.jpg);
}

 #BtnAddtocart:before {
   /*content: "\f087"; */
  content: url(../Images/b/IconCart.png);
    position: absolute;
    left: 9px;
    top: -4px;
    padding: 3px 0;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 23px;
    height: 20px;
    display: block;
    -webkit-transform: scale(.4);
	transform: scale(0.4);
}

 #BtnAddtocart:hover:before , #BtnAddtocart:focus:before, #BtnAddtocart:active:before {	
 
 
	  
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  top: -4px;
    -webkit-filter: drop-shadow(5px 5px 5px #ff6724);
    filter: drop-shadow(5px 5px 5px #ff6724);

 }
 #owl-Slider > div.owl-wrapper-outer > div > div  > div > p {    height: 32px;}
 #owl-Slider > div.owl-wrapper-outer > div > div  > div > a.LinktoArt {    margin-top: 1px;}
 .MascImg {
    width: 138px;
    height: 138px;
    margin: 5px auto;overflow:hidden;
   -webkit-transition-duration: .3s;
    transition-duration: .3s;
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
 #Reassurancecontain > table {    margin-left: 9px;
    width: 242px;}
#owl-Slider > div.owl-wrapper-outer > div > div  > div > div.MascImg > a img {	transition-duration: .3s;
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
#owl-Slider > div.owl-wrapper-outer > div > div  > div > div.MascImg > a:hover img {      -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
} 
 div.SlideArticlesComplementaires #owl-Slider>div.owl-wrapper-outer>div>div>div.item > div.MascImg > a img  {
	 transition-duration: .3s;
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
 }
  div.SlideArticlesComplementaires #owl-Slider>div.owl-wrapper-outer>div>div>div.item:hover > div.MascImg > a img  {
	  -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
  }
  img#ctl00_MainPanel_FormViewArticle_imgMarque {
    height: 80px;
}
/*#ctl00$MainPanel$FormViewArticle$qcQuantityControl$BtnMore:hover {    opacity: 0.7;}*/
.BlockPicto {
    font-family: 'Martel Sans',sans-serif;
    font-size: 12px;
    font-weight: 400;

    padding-top: 7px;
    float: left;
    /* display: table-cell;     width: 353px;*/
    height: 41px;
}
span.VENTEFLASHSpan {
	    padding: 5px 6px 0px 5px;
    display: block;
    float: left;
    color: #FF6D00;
        font-weight: 600;
    font-size: 12px;
}
span.COUPDECOEURSpan {
	    padding: 5px 6px 0px 5px;
    display: block;
    float: left;
    color: #3B6F8F;
        font-weight: 600;
    font-size: 12px;
}
span.NOUVEAUTESpan {
	    padding: 5px 6px 0px 5px;
    display: block;
    float: left;
    color: #669960;
        font-weight: 600;
    font-size: 12px;
}
span.PROMOTIONSpan {
	    padding: 5px 6px 0px 5px;
    display: block;
    float: left;
    color: #E83964;
        font-weight: 600;
    font-size: 12px;
}
span.DESTOCKAGESpan {
	    padding: 5px 6px 0px 5px;
    display: block;
    float: left;
    color: #FF9D1E;
        font-weight: 600;
    font-size: 12px;
}
span.INCONTOURNABLESpan {
	    padding: 5px 6px 0px 5px; 
    display: block;
    float: left;
    color: #DF0061;
        font-weight: 600;
    font-size: 12px;
}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_lbPrice {    font-size: 24px;}
div#MArqueDetails {
        margin-left: 5px;
    width: 290px;
}
.SelectedItemWhite { background:white}

.exposant {

  /*  position: relative;
    bottom: -2px;
    font-size: 0.6em;
    line-height: 0.6em;
    vertical-align: super;
    text-decoration: none; */
	    position: relative;
    top: 5px;
    font-size: .6em;
    vertical-align: top;
    text-decoration: none;

}

s,
strike {
  text-decoration: none;
  /*we're replacing the default line-through*/
  position: relative;
  display: inline-block;
  /* keeps it from wrapping across multiple lines */
}

s:after,strike:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    border-top: 2px solid #f00;
    height: 45%;
    height: calc(50% - 1px);
    width: 100%;
    transform: rotateZ(+8deg);
}
div.AddtopersonnalBasquet > a {
    text-align: center;
    font-size: 12px;
    font-family: 'Open sans';
    margin: 0 auto;
    display: block;
    color: #093363;text-decoration-color: #666;
 
    text-decoration-line: underline;    width: 194px;
    display: block;    margin-left: 39px;
}
div.AddtopersonnalBasquet > a:hover{  text-decoration-line: none;
}
	.AddtopersonnalBasquet {
    height: 29px;
    margin: 7px 1px 0px 0px;
}
	
div.AddtopersonnalBasquet :before {
    content: url(../Images/b/star.png);    position: absolute;
    left: 36px;    transition-timing-function: ease-out;    transition-duration: .3s;
   
}
 
div.AddtopersonnalBasquet:hover:before, div.AddtopersonnalBasquet:focus:before, div.AddtopersonnalBasquet:active:before  {
        content:  url(../Images/b/staryellow.png);   position: absolute; z-index:5;
       left: 36px;
           transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    }
#ctl00_MainPanel_GridViewArticle > tbody > tr  > td  > table > tbody > tr  > td > table > tbody > tr:nth-child(1) > td > strike > span{font-size:12px;}
.Griseline { border-top:solid 1px #b0b0b0; background:#e5e5e5; height:33px;}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_Eco2 {height:33px; 
 border-bottom: solid 1px #b0b0b0;
    height:33px;
}
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_Eco3 {height:33px;
                                                                border-bottom: solid 1px #b0b0b0;  height:33px;
}
a.Morelink {
    font-size: 15px;
    text-decoration: underline;
    color: #535353;cursor:pointer;    white-space: nowrap;
}
 .slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    /*position: absolute; */
    top: 50%;

    display: block;

    width: 100px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
   /* left: 18px; */
    top: -14px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content:  url(/Images/b/flecheHaute.jpg); /*'←'; */
	
	color: #000;
}
[dir='rtl'] .slick-prev:before
{
    content:  url(/Images/b/flecheHaute.jpg); /*'←'; */
	color: #000;
}

.slick-next
{
	
   margin-top: 20px;
    /*  top: 432px; right: -25px; right: 98px;*/
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content:  url(/Images/b/flecheBasse.jpg); /* '→'; */
	color: #000;
}
[dir='rtl'] .slick-next:before
{
     content:  url(/Images/b/flecheBasse.jpg); /* '→'; */
	color: #000;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '*';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.selectedborder { border: 1px solid #000!important;}
span#ctl00_MainPanel_FormViewArticle_LabelDescription {
    margin-right: 15px;
}
.icon360 {
 
    position: absolute;    z-index: 8;
}
.iconYoutube {
	 width: 450px;
    height: 300px;
    position: absolute;    z-index: 8;    cursor: pointer;
}
.iconPDF { 
	width: 450px; 
	position: absolute;
		}
.iconYoutube > p  { 
    width: 442px;
    height: 221px;
line-height:200px;
text-align:center;   }

 
#IconeArticle {margin-left: 5px;    position: relative;
    z-index: 999;}
	#IconeArticleSpecif {    margin-left: 5px;
} 

.iconYoutube > p > img, .icon360 > p > img  { 
vertical-align:middle; }

.InfoClient {
    width: 828px;
    margin-left: 31px;
    clear: both;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.InfoClient > h1 {font-size:13px}
.InfoClient > p {font-size:12px; font-weight: 300;}


#light-slider>li>div>a:hover>img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
 
#carousel > div > div > div  > a  > img{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
#carousel > div > div > div  > a:hover > img{
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.iconImage {
    position: absolute;
     top: -71px;
    left: 387px;
}
#IconeArticle > div > p {    
    top: 560px;}
    
#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_VotreRemiseAffiche > a {color: #1b3576!important;}


div#ctl00_MainPanel_FormViewArticle_MultiplePriceControl1_VotreRemiseAffiche {
    margin: 0 auto;
    width: 150px;
    display: block;
    font-family: 'Open sans';
    color: #1b3576;
    font-size: 14px;padding-bottom: 5px;
}
a.IconTarif {
    margin-left: 5px;
}
div#ctl00_MainPanel_FormViewArticle_PAnelRappelDestock {
    width: 195px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}

.SpanNormalblue {
    font-family: "Open sans";
    color: #263776!important;
    cursor: default;
    font-weight: 700!important;
}
span.Bludate {
    color: #1b3576!important;     font-weight: bold;
}

#celluleFooter2 > h2 {    margin-top: 3px;
    margin-bottom: 12px;
    display: block;
    height: 13px;}

#ctl00_MainPanel_FormViewArticle_PAnelRappelDestock > a {    color: #1b3576!important;}
.headergris { background:#999999;color:white; padding: 2px 4px;     font-size: 14px;
    font-family: 'Open Sans'; text-align:center;
}
.exposantdegessif {
    position: relative;
    top: 5px;
    font-size: .6em;
    vertical-align: top;
    text-decoration: none;
}

.BlocCorner {
    width: 212px;
    margin: 8px auto;
    background: #e7e3e3;
    padding: 2px 4px 9px 4px;     border-radius: 8px;
}

.MultipriceNoir {
        padding: 4px 0px 0px 0px;
    font-size: 11px;
    font-weight: 700;
    color: #000;     white-space: nowrap;
        display: block;
    float: left;
    width: 53px;   
}
.Multipriceblue {
  
	font-size: 11px;
    font-weight: 700;
    color: #0a3760;
    padding: 4px 0px 0px 0px;
    white-space: nowrap;
    display: block;
    float: left;
    width: 53px;
    
}

.DisponibleProchaineMent{    float: left;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Open sans';
    color: #ff6724;
    font-style: oblique;    width: 150px;}

.Disponiblemaintenant {    float: left;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Open sans';
    color: #60A739;
    font-style: oblique;    width: 150px;}
.MarqueDeTailsArticleAndReference {
    display: block;
    float: left;
    width: 150px;
    height: 80px;
}
 
 div.Reference > h2 {
    font-size: 15px;
    font-weight: 400;
    color: #2f4f4f;
    margin: 0 0 0 0;
    padding: 3px 0 7px 5px;
    font-family: 'Open Sans'; 
    text-align:center;
    width: 150px;
    word-break: break-all;
}
 #ctl00_MainPanel_GridViewArticle > tbody > tr  > td  > table > tbody > tr  > td > table > tbody > tr  > td > span:nth-child(2) {    text-align: right;}
.multipriceNoEco {float: right;
    margin-right: 19px;
    clear: inherit;}
	select#ctl00_MainPanel_FormViewArticle_qcQuantityControl_ddlQuantity {
    border-right-color: #ccc;
}
  #ListeArtCentre > div.CadLeft > div.SocialandLastcateg > div:nth-child(4) > table {
               padding-top: 12px;
    }

  a.tooltip {color: #0a3661;
    font-weight: bold;
    text-decoration: underline;}


  .bleuBs {    color: #093363;}  
  #ctl00_MainPanel_FormViewArticle_ChoixDelivreryArticle h2 {padding-top:2px;}
span.colorB1 > strong > i {    font-size: 13px!important;}
span.colorB1 > strong > i > span {    font-size: 13px!important;}
span.colorB2 > strong > i {    font-size: 13px!important;}
span.colorB2 > strong > i > span {    font-size: 13px!important;}
#TitreCart p {
    color: #24195d;
    font-size: 12px;
    height: 12px;
    padding-top: 1px;
    margin-top: 2px;
    margin-bottom: 4px;
    font-weight: bold;
}
#TitreSaisie p {
    font-size: 12px;
    color: #23195d;
    padding-top: 1px;
    margin-left: 7px;
    margin-top: 3px;
    margin-bottom: 0;
        font-weight: bold;
}
#celluleFooter1 h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: #f78200;
    margin: 5px 0 0;
    padding: 0 0 20px 40px;
    background: url(../Images/b/bulefooter.jpg) no-repeat left top;
}

#celluleFooter2 h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: #f78200;
    margin: 0;
    padding: 0 0 20px;
}

#celluleFooter4 h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: #f78200;
    margin: 0;
    padding: 0 0 20px;
}

.item h6 {
font-size: 12px;
    color: #000;
    padding-left: 0px;
    padding-top: 0;
    margin: 0;
    text-align: center;
}

div.AaZ > h2 {
    display: block;
    color: black;
    font-size: 13px;
}
div.AaZ>h2 {
    display: block;
    color: #ff8100 !important;
    font-size: 13px;
}
 #celluleFooter1 > span > label
  {
    font-size: 11px;
    color: #f78200;
    margin: 0;
    padding: 5px 0 4px;
}
 .DocumentationParagraphe {    
     font-size: 12px;
    font-family: 'Open sans';
    color: #000;
    text-align: left;
    padding: 2px 0 0 5px;
    display: block;
    float: left;
   width:100%;     margin: 6px 0px;}

 .StyleTAble {
    font-size: 12px;
    font-family: 'Open sans';
    color: #000;
    text-align: left;
    padding: 2px 0 0 7px;
    display: block;
}
 
td.StyleTAble { width:50%}
 
#ListeArtCentre > div.CadLeft > div.Documentation > table  > tbody > tr  >  td:nth-child(1) { width: 285px;}
div#TitreFacetteTextBlock {
    display: block;
    background: #dcdcdc;
    padding: 8px 12px 8px 20px;
    font-size: 13px;
    font-weight: bold;    text-transform: uppercase;cursor: pointer;    color: #303030;
}
#TypeB {
    overflow: auto;
    height: 35px;
    margin-left: 16px;
}
#TypeV {
    overflow: auto;
    max-height: 200px;
}
#TypeL {
    overflow: auto;
    max-height: 200px;
}



#FacetteArticleDiv {
    
    max-height: 200px;
}

#FacetteArticleDiv > p > a {
	float: left;
	font-family: 'Open sans';
	width: 210px;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	border-width: 0 0 2px;
	text-transform: uppercase;
	padding-left: 15px;
}
	
#FacetteArticleDiv [type="checkbox"]:not(:checked), #FacetteArticleDiv [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
}

#MarqueProductFilter [type="checkbox"]:not(:checked), #FacetteArticleDiv [type="checkbox"]:checked {
    position: absolute;
    /* left: -9999px; */
    height: 29px;
    display: block;
    float: left;
    visibility: hidden;
}

#FacetteArticleDiv [type="checkbox"]:not(:checked) + label, #FacetteArticleDiv [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}


#FacetteArticleDiv [type="checkbox"]:not(:checked) + label:before, #FacetteArticleDiv [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

#FacetteArticleDiv [type="checkbox"]:not(:checked) + label:after, #FacetteArticleDiv [type="checkbox"]:checked + label:after {
    content: '\002713';
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 12px;
    color: #FFF;
    transition: all .2s;
    background: #263776;
    width: 14px;
    height: 16px;
    border-radius: 3px;
    text-align: center;
    transition: all .2s;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
	font-family: Segoe UI Symbol;
}
/* checked mark aspect changes */
#FacetteArticleDiv [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(-1);
}

#FacetteArticleDiv [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
#FacetteArticleDiv [type="checkbox"]:disabled:not(:checked) + label:before, #FacetteArticleDiv [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background: #ddd;
}

#FacetteArticleDiv [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

#FacetteArticleDiv [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
#FacetteArticleDiv [type="checkbox"]:checked:focus + label:before, #FacetteArticleDiv [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #263776 !important;
}


#FacetteArticleDiv [type="checkbox"]:not(:checked) + label:before, #FacetteArticleDiv [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}	
#FacetteArticleDiv [type="checkbox"]:not(:checked), #FacetteArticleDiv [type="checkbox"]:checked {
    position: absolute;
    float: left;
    left: -999999px;
}
table#CodeAvantage {
    width: 235px;
    margin: 0 auto;
    text-align: center;    font-size: 12px;
}
/*#CodeAvantage > tbody > tr > td >div> strong {
       border: solid 1px #000;
    width: 192px;
    height: 7px;
    background: #fff;
    display: block;
    padding: 4px 4px 9px 4px;
    border-radius: 8px;margin: 4px;cursor: help;
}
#CodeAvantage > tbody > tr > td > div > strong:hover {
     background: #006; color: #fff;
       -webkit-transition:  background  .6s  ease-in;
    -moz-transition: background  .6s   ease-in;
    -o-transition:  background .6s   ease-in;
    -ms-transition: background .6s    ease-in;
    transition: background .6s    ease-in;
}*/

/*.CartCodeAvantage>tbody>tr>td>div> strong {
    border: solid 1px #000;
 
    background: #fff;
    
    padding: 2px 6px 2px 6px;
    border-radius: 8px;
    margin-top: 8px; font-family: 'Open Sans',Arial,Helvetica,sans-serif;font-size: 12px;
}*/
.CartCodeAvantage>tbody>tr>td>div {font-size: 15px;    height: 28px;}
.CartCodeAvantage>tbody>tr>td>div h3 {
    color: #006;
    font-weight: 600;margin: 4px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 15px;}
.CodeAvantage {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}
.CodeAvantage.load {
    opacity: 1;
}
#CartCodeAvantage > tbody > tr > td > h3 {margin:0px;
                                           
 
 
    color: #006;
    font-weight: 600;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 18px;
 
}


.etiquette {
	display: inline-block;
  
    width: 150px;
	height: 28px;
	
	background-color: #ef7d00;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;
	
	border-left: 1px solid #979797;

	/* This makes room for the triangle */
	margin-left: 19px;
	
	position: relative;
	
	color: white;
	font-weight: 500;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	line-height: 28px;

	padding: 0 10px 0 10px;
}

/* Makes the triangle */
.etiquette:before {
	content: "";
	position: absolute;
	display: block;
	left: -14px;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-right: 14px solid #ef7d00;
}

/* Makes the circle */
.etiquette:after {
	content: "";
	background-color: white;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: -2px;
	top: 12px;
}
#CodeAvantage > tbody > tr:nth-child(2) > td > div > strong
  :hover {    	background: #fff!important; color: #fff;
       -webkit-transition:  background .6s  ease-in;
    -moz-transition: background  .6s   ease-in;
    -o-transition: background .6s   ease-in;
    -ms-transition:background .6s    ease-in;
    transition: background .6s    ease-in;}


 #CartCodeAvantage > tbody > tr > td > div > strong.etiquetteCart {
	display: inline-block;
  
    width: auto;
	height: 28px;
	
	background-color: #ef7d00;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;
	
	border-left: 1px solid #979797;

	/* This makes room for the triangle */
	margin-right: 19px;
	
	position: relative;
	
	color: white;
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	line-height: 28px;

	padding: 0 10px 0 10px;
}
 .CartCodeAvantage {	font-size: 17px;font-family: 'Open Sans' }

 #CartCodeAvantage > tbody > tr > td > div > strong.etiquetteCart:before {
	content: "";
	position: absolute;
	display: block;
	right: -13px;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #ef7d00;
}


#CartCodeAvantage > tbody > tr > td > div > strong.etiquetteCart:after {
    content: "";
    background-color: white;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    right: -2px;
    top: 12px;
}

#ctl00_MainPanel_AjouterBonnus {
    display: none;
} 
span.InfoUnit {
    padding-bottom: 4px;
}
span.MOTIFDESTOCAGEpan {
    padding: 5px 6px 0 5px;
    display: block;
    float: left;
    color: #ff0000;
    font-weight: 600;
    font-size: 12px;
    text-decoration:underline;
}
.ChorusH1 {
    font-family: 'open sans';
    font-size: 15px;
    margin: 0px;
    color: #ef7d00;
}
.DivChorus {    margin-bottom: 20px;margin-top: 10px;
}
 div.DivChorus > table > tbody > tr > td  > p {      font-family: 'open sans';
    font-size: 12px;
    height: 17px;
    padding: 11px 0 1px 0px;
    margin: 0px;}
 div.DivChorus > table > tbody > tr > td  > p > span{  margin: 0px;    font-family: 'open sans';  font-size: 12px; font-weight:bold; color:red}
 .CodeDeService {    width: 85%;
    height: 29px;}
 .EngagementChorus {    width: 85%;
    height: 26px;}
 .NumerodeMarche {    width: 85%;
    height: 26px;}
 #ctl00_MainPanel_CHORUS > table > tbody > tr  > td > span {    color: green;
    font-size: 11px;}
#MainPanel_tbProductImage {
    border-collapse:inherit;
    border-spacing:inherit;
}
.bgheader {     background: url(/Images/r/bg_top.jpg) no-repeat left top; height:80px}
.imglogininfo {    width: 30px;
    height: 60px;
    display: block;
    float: left;}

.appliecat ::after() {
    content:'';
    height:100px; width:2px;
    background-color:#2B2B2B;
}
#PanelUp_moncomptemetiermesgouts {display:none}
#MainPanel_rMenuControl_monCompteMetierGouts {display:none}