@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'NeoSansPro-Regular';
    src: url('/fonts/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NeoSansPro-Regular.otf')  format('opentype'),
    url('/fonts/NeoSansPro-Regular.woff') format('woff'),
    url('/fonts/NeoSansPro-Regular.ttf')  format('truetype'),
    url('/fonts/NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeoSansPro-Light';
    src: url('/fonts/NeoSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NeoSansPro-Light.otf')  format('opentype'),
    url('/fonts/NeoSansPro-Light.woff') format('woff'),
    url('/fonts/NeoSansPro-Light.ttf')  format('truetype'),
    url('/fonts/NeoSansPro-Light.svg#NeoSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeoSansPro-Medium';
    src: url('/fonts/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NeoSansPro-Medium.otf')  format('opentype'),
    url('/fonts/NeoSansPro-Medium.woff') format('woff'),
    url('/fonts/NeoSansPro-Medium.ttf')  format('truetype'),
    url('/fonts/NeoSansPro-Medium.svg#NeoSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeoSansPro-Bold';
    src: url('/fonts/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NeoSansPro-Bold.otf')  format('opentype'),
    url('/fonts/NeoSansPro-Bold.woff') format('woff'),
    url('/fonts/NeoSansPro-Bold.ttf')  format('truetype'),
    url('/fonts/NeoSansPro-Bold.svg#NeoSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeoSansPro-Ultra';
    src: url('/fonts/NeoSansPro-Ultra.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NeoSansPro-Ultra.otf')  format('opentype'),
    url('/fonts/NeoSansPro-Ultra.woff') format('woff'),
    url('/fonts/NeoSansPro-Ultra.ttf')  format('truetype'),
    url('/fonts/NeoSansPro-Ultra.svg#NeoSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamthin';
    src: url('/fonts/gotham-thin-webfont.eot');
    src: url('/fonts/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-thin-webfont.woff') format('woff'),
    url('/fonts/gotham-thin-webfont.ttf') format('truetype'),
    url('/fonts/gotham-thin-webfont.svg#gothamthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamlight';
    src: url('/fonts/gotham-light-webfont.eot');
    src: url('/fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-light-webfont.woff') format('woff'),
    url('/fonts/gotham-light-webfont.ttf') format('truetype'),
    url('/fonts/gotham-light-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambook';
    src: url('/fonts/gotham-book-webfont.eot');
    src: url('/fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-book-webfont.woff') format('woff'),
    url('/fonts/gotham-book-webfont.ttf') format('truetype'),
    url('/fonts/gotham-book-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambookitalic';
    src: url('/fonts/gotham-bookitalic-webfont.eot');
    src: url('/fonts/gotham-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-bookitalic-webfont.woff') format('woff'),
    url('/fonts/gotham-bookitalic-webfont.ttf') format('truetype'),
    url('/fonts/gotham-bookitalic-webfont.svg#gothambookitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothammedium';
    src: url('/fonts/gotham-medium-webfont.eot');
    src: url('/fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-medium-webfont.woff') format('woff'),
    url('/fonts/gotham-medium-webfont.ttf') format('truetype'),
    url('/fonts/gotham-medium-webfont.svg#gothammedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambold';
    src: url('/fonts/gotham-bold-webfont.eot');
    src: url('/fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-bold-webfont.woff') format('woff'),
    url('/fonts/gotham-bold-webfont.ttf') format('truetype'),
    url('/fonts/gotham-bold-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamblack';
    src: url('/fonts/gotham-black-webfont.eot');
    src: url('/fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gotham-black-webfont.woff') format('woff'),
    url('/fonts/gotham-black-webfont.ttf') format('truetype'),
    url('/fonts/gotham-black-webfont.svg#gothamblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_lt_stdcondensed';
    src: url('/fonts/helveticaltstd-cond-webfont.eot');
    src: url('/fonts/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helveticaltstd-cond-webfont.woff') format('woff'),
    url('/fonts/helveticaltstd-cond-webfont.ttf') format('truetype'),
    url('/fonts/helveticaltstd-cond-webfont.svg#helvetica_lt_stdcondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_lt_stdcompressed';
    src: url('/fonts/helveticaltstd-comp-webfont.eot');
    src: url('/fonts/helveticaltstd-comp-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helveticaltstd-comp-webfont.woff') format('woff'),
    url('/fonts/helveticaltstd-comp-webfont.ttf') format('truetype'),
    url('/fonts/helveticaltstd-comp-webfont.svg#helvetica_lt_stdcompressed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueltstdthex';
    src: url('/fonts/helveticaneueltstd-thex-webfont.eot');
    src: url('/fonts/helveticaneueltstd-thex-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helveticaneueltstd-thex-webfont.woff') format('woff'),
    url('/fonts/helveticaneueltstd-thex-webfont.ttf') format('truetype'),
    url('/fonts/helveticaneueltstd-thex-webfont.svg#helvetica_neue_lt_std33ThEx') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arrows_tfbregular';
    src: url('/fonts/arrows_tfb-webfont.eot');
    src: url('/fonts/arrows_tfb-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/arrows_tfb-webfont.woff') format('woff'),
    url('/fonts/arrows_tfb-webfont.ttf') format('truetype'),
    url('/fonts/arrows_tfb-webfont.svg#arrows_tfbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
    url('/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
    url('/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
    url('/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src:url('/fonts/icomoon2.eot');
    src:url('/fonts/icomoon2.eot?#iefix') format('embedded-opentype'),
    url('/fonts/icomoon2.ttf') format('truetype'),
    url('/fonts/icomoon2.woff') format('woff'),
    url('/fonts/icomoon2.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINOT';
    src: url('/fonts/DINOT.eot?#iefix') format('embedded-opentype'),  url('/fonts/DINOT.otf')  format('opentype'),
    url('/fonts/DINOT.woff') format('woff'), url('/fonts/DINOT.ttf')  format('truetype'), url('/fonts/DINOT.svg#DINOT') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINOT-Bold';
    src: url('/fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'),  url('/fonts/DINOT-Bold.otf')  format('opentype'),
    url('/fonts/DINOT-Bold.woff') format('woff'), url('/fonts/DINOT-Bold.ttf')  format('truetype'), url('/fonts/DINOT-Bold.svg#DINOT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINOT-Light';
    src: url('/fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'),  url('/fonts/DINOT-Light.otf')  format('opentype'),
    url('/fonts/DINOT-Light.woff') format('woff'), url('/fonts/DINOT-Light.ttf')  format('truetype'), url('/fonts/DINOT-Light.svg#DINOT-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Regular';
    src: url('/fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Regular.woff') format('woff'),
    url('/fonts/DINPro-Regular.ttf')  format('truetype'),
    url('/fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Light';
    src: url('/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Light.woff') format('woff'),
    url('/fonts/DINPro-Light.ttf')  format('truetype'),
    url('/fonts/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Medium';
    src: url('/fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Medium.woff') format('woff'),
    url('/fonts/DINPro-Medium.ttf')  format('truetype'),
    url('/fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Bold';
    src: url('/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Bold.woff') format('woff'),
    url('/fonts/DINPro-Bold.ttf')  format('truetype'),
    url('/fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Black';
    src: url('/fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Black.woff') format('woff'),
    url('/fonts/DINPro-Black.ttf')  format('truetype'),
    url('/fonts/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Italic';
    src: url('/fonts/DINPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-Italic.woff') format('woff'),
    url('/fonts/DINPro-Italic.ttf')  format('truetype'),
    url('/fonts/DINPro-Italic.svg#DINPro-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-LightItalic';
    src: url('/fonts/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/DINPro-LightItalic.woff') format('woff'),
    url('/fonts/DINPro-LightItalic.ttf')  format('truetype'),
    url('/fonts/DINPro-LightItalic.svg#LightItalic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BodoniBE-Regular';
    src: url('/fonts/BodoniBE-Regular.eot?#iefix') format('embedded-opentype'),  url('/fonts/BodoniBE-Regular.otf')  format('opentype'),
    url('/fonts/BodoniBE-Regular.woff') format('woff'), url('/fonts/BodoniBE-Regular.ttf')  format('truetype'), url('/fonts/BodoniBE-Regular.svg#BodoniBE-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BodoniBE-Medium';
    src: url('/fonts/BodoniBE-Medium.eot?#iefix') format('embedded-opentype'),  url('/fonts/BodoniBE-Medium.otf')  format('opentype'),
    url('/fonts/BodoniBE-Medium.woff') format('woff'), url('/fonts/BodoniBE-Medium.ttf')  format('truetype'), url('/fonts/BodoniBE-Medium.svg#BodoniBE-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BodoniBE-Bold';
    src: url('/fonts/BodoniBE-Bold.eot?#iefix') format('embedded-opentype'),  url('/fonts/BodoniBE-Bold.otf')  format('opentype'),
    url('/fonts/BodoniBE-Bold.woff') format('woff'), url('/fonts/BodoniBE-Bold.ttf')  format('truetype'), url('/fonts/BodoniBE-Bold.svg#BodoniBE-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BodoniBE-Light';
    src: url('/fonts/BodoniBE-Light.eot?#iefix') format('embedded-opentype'),  url('/fonts/BodoniBE-Light.otf')  format('opentype'),
    url('/fonts/BodoniBE-Light.woff') format('woff'), url('/fonts/BodoniBE-Light.ttf')  format('truetype'), url('/fonts/BodoniBE-Light.svg#BodoniBE-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BodoniBE-Italic';
    src: url('/fonts/BodoniBE-Italic.eot?#iefix') format('embedded-opentype'),  url('/fonts/BodoniBE-Italic.otf')  format('opentype'),
    url('/fonts/BodoniBE-Italic.woff') format('woff'), url('/fonts/BodoniBE-Italic.ttf')  format('truetype'), url('/fonts/BodoniBE-Italic.svg#BodoniBE-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Weber-Regular';
    src: url('/fonts/weber-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-regular-webfont.woff') format('woff'),
    url('/fonts/weber-regular-webfont.ttf')  format('truetype'),
    url('/fonts/weber-regular-webfont.svg#weber-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-RegularItalic';
    src: url('/fonts/weber-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-regularitalic-webfont.woff') format('woff'),
    url('/fonts/weber-regularitalic-webfont.ttf')  format('truetype'),
    url('/fonts/weber-regularitalic-webfont.svg#weber-regularitalic-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-Light';
    src: url('/fonts/weber-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-light-webfont.woff') format('woff'),
    url('/fonts/weber-light-webfont.ttf')  format('truetype'),
    url('/fonts/weber-light-webfont.svg#weber-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-LightItalic';
    src: url('/fonts/weber-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-lightitalic-webfont.woff') format('woff'),
    url('/fonts/weber-lightitalic-webfont.ttf')  format('truetype'),
    url('/fonts/weber-lightitalic-webfont.svg#weber-lightitalic-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-Medium';
    src: url('/fonts/weber-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-medium-webfont.woff') format('woff'),
    url('/fonts/weber-medium-webfont.ttf')  format('truetype'),
    url('/fonts/weber-medium-webfont.svg#weber-medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-MediumItalic';
    src: url('/fonts/weber-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-mediumitalic-webfont.woff') format('woff'),
    url('/fonts/weber-mediumitalic-webfont.ttf')  format('truetype'),
    url('/fonts/weber-mediumitalic-webfont.svg#weber-mediumitalic-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-Bold';
    src: url('/fonts/weber-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-bold-webfont.woff') format('woff'),
    url('/fonts/weber-bold-webfont.ttf')  format('truetype'),
    url('/fonts/weber-bold-webfont.svg#weber-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-BoldItalic';
    src: url('/fonts/weber-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weber-bolditalic-webfont.woff') format('woff'),
    url('/fonts/weber-bolditalic-webfont.ttf')  format('truetype'),
    url('/fonts/weber-bolditalic-webfont.svg#weber-bolditalic-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-Brush';
    src: url('/fonts/weberbrush-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/weberbrush-webfont.woff') format('woff'),
    url('/fonts/weberbrush-webfont.ttf')  format('truetype'),
    url('/fonts/weberbrush-webfont.svg#weberbrush-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Weber-Name';
    src: url('/fonts/webername-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/webername-webfont.woff') format('woff'),
    url('/fonts/webername-webfont.ttf')  format('truetype'),
    url('/fonts/webername-webfont.svg#webername-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicLTStd';
    src: url('/fonts/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TradeGothicLTStd.woff') format('woff'),
    url('/fonts/TradeGothicLTStd.ttf')  format('truetype'),
    url('/fonts/TradeGothicLTStd.svg#TradeGothicLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicLTStd-Bold';
    src: url('/fonts/TradeGothicLTStd-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TradeGothicLTStd-Bold.woff') format('woff'),
    url('/fonts/TradeGothicLTStd-Bold.ttf')  format('truetype'),
    url('/fonts/TradeGothicLTStd-Bold.svg#TradeGothicLTStd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicLTStd-Extended';
    src: url('/fonts/TradeGothicLTStd-Extended.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TradeGothicLTStd-Extended.woff') format('woff'),
    url('/fonts/TradeGothicLTStd-Extended.ttf')  format('truetype'),
    url('/fonts/TradeGothicLTStd-Extended.svg#TradeGothicLTStd-Extended') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicLTStd-Light';
    src: url('/fonts/TradeGothicLTStd-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TradeGothicLTStd-Light.woff') format('woff'),
    url('/fonts/TradeGothicLTStd-Light.ttf')  format('truetype'),
    url('/fonts/TradeGothicLTStd-Light.svg#TradeGothicLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicLTStd-Obl';
    src: url('/fonts/TradeGothicLTStd-Obl.eot?#iefix') format('embedded-opentype'),
    url('/fonts/TradeGothicLTStd-Obl.woff') format('woff'),
    url('/fonts/TradeGothicLTStd-Obl.ttf')  format('truetype'),
    url('/fonts/TradeGothicLTStd-Obl.svg#TradeGothicLTStd-Obl') format('svg');
    font-weight: normal;
    font-style: normal;
}


*|*:-moz-any-link {
    text-decoration:none!important;
}

html {
    height: 100%;
}

body {
    height: 100%;
    background: #FFF url(/repphp/images/fond.png) center top no-repeat;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow:hidden;
}

.PopupLevel1 {
    z-index:9000;
}
.PopupLevel2 {
    z-index:9005;
}
.PopupLevel3 {
    z-index:9010;
}
.PopupLevel4 {
    z-index:9015;
}

img {
    border:none;
}
#imgpreview {
    position:absolute;
    border: solid #EB2E88 2px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #EB2E88;
    padding:0px;
    display:none;
    color: #FFF;
    text-align:center;
    font-size: 12px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height:20px;
    z-index:9002;
}
.imgpreview img {
    border: solid #EB2E88 1px;
}

.spritezoom-container {
    margin: 10px;
    text-decoration: none;
}

.spritezoom-view {
    border: solid #EB2E88 1px;
    margin: 0px;
}

.spritezoom-zoom {
    border: solid #EB2E88 1px;
    margin: 0px;
    z-index:9002;
}

.spritezoom-tint { background: #ccc; }

.spritezoom-lens {
    border: solid #EB2E88 1px;
    margin: 0px;
}

.spritezoom-title {
    background: #888;
    color: white;
    padding: 3px;
    text-align: center;
}


b, strong {
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: underline!important;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #EB2E88;
}

a:hover {
    text-decoration: underline!important;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #EB2E88;
}

h1 {
    margin: 0;
    padding: 0;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    color: #EB2E88;
    text-transform: uppercase;
    text-align: inherit;
    line-height: 30px;
    background: none;
}
h2 {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #EB2E88 !important;
    text-transform: uppercase;
    text-align: inherit;
    line-height: 20px;
    background: none;
}

.Icone {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

label {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #EB2E88 !important;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
}

input, select, textarea {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    border: solid #1e2227 1px;
    padding: 5px;
    color: #000;
    font-size: 12px;
}

input.Cal {
    background-image: url(/repphp/images/cal.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-origin: border-box;
}
.Cal2, .Time {
    position: relative;
    display: inline-block;
}
.Cal2 input, .Time input {
    width: 90px !important;
}
.Calendar, .TimeIcon {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 2px;
    right: 2px;
    font-size: 20px;
    font-family:'icomoon';
    color: #000;
    background: #FFF;
    text-decoration: none !important;
}
a.Calendar {
    font-family:'icomoon';
    text-decoration: none !important;
}


.InputRond, .InputPopup {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:3px;
}
.InputBorder, .InputPopup {
    border:solid 1px #000000;
}
.InputPopup {
    font-size:12px;
    color:#000000;
}
.TitrePopup {
    font-size:20px;
    font-weight: bold;
    color:#000000;
}
.LibPopup {
    font-size:15px;
    color:#000000;
}

.checkbox {
    display: none;
}
.newcheckbox {
    padding: 2px;
}

.newchecked:before, .newchecked .before {
    font-family: 'icomoon';
    font-weight: bolder;
    font-style: normal;
    font-size: 21px;
    content: "\e770";
    color: #000;
}
.lt-ie8 .newchecked {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e770</span>'+this.innerHTML);
}
.newunchecked:before, .newunchecked .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    content: "\e797";
    color: #000;
}
.lt-ie8 .newunchecked {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e797</span>'+this.innerHTML);
}
.checked_ok, .unchecked_ok, .checked_no, .unchecked_no {
    padding: 2px;
    font-family: 'icomoon';
    font-style: normal;
}
.checked_ok:before, .checked_ok .before {
    font-weight: bolder;
    font-size: 21px;
    content: "\e770";
    color: #00AA00;
}
.lt-ie8 .checked_ok {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e770</span>'+this.innerHTML);
}
.unchecked_ok:before, .unchecked_ok, .before {
    font-weight: normal;
    font-size: 18px;
    content: "\e770";
    color: #000;
}
.lt-ie8 .unchecked_ok {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e770</span>'+this.innerHTML);
}
.checked_no:before, .checked_no .before {
    font-weight: bolder;
    font-size: 21px;
    content: "\e771";
    color: #AA0000;
}
.lt-ie8 .checked_no {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e771</span>'+this.innerHTML);
}
.unchecked_no:before, .unchecked_no, .before {
    font-weight: normal;
    font-size: 18px;
    content: "\e771";
    color: #000;
}
.lt-ie8 .unchecked_no {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e771</span>'+this.innerHTML);
}
.checked_wait{
    background:url(/repphp/images/pucejaune.png) no-repeat;
    background-origin:content-box;
}
.unchecked_wait{
    background:url(/repphp/images/pucejaune2.png) no-repeat;
    background-origin:content-box;
}
.checked_okno{
    background:url(/repphp/images/puceverte.png) no-repeat;
    background-origin:content-box;
}
.unchecked_okno{
    background:url(/repphp/images/pucerouge2.png) no-repeat;
    background-origin:content-box;
}

.DisplayRowTop {
    display:-moz-inline-stack;
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:top;
    zoom:1;
    *display:inline;
    word-wrap:break-word;
}
.DisplayRowBottom {
    display:-moz-inline-stack;
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:bottom;
    zoom:1;
    *display:inline;
    word-wrap:break-word;
}
.DisplayRowCenter {
    display:-moz-inline-stack;
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    *display:inline;
    word-wrap:break-word;
}

.ColBlanc, .ColBlanc a {
    color: #FFFFFF;
}
.ColNoir, .ColNoir a {
    color: #000000;
}
.ColTxt {
    color: #666666;
}
.ColTxt2, .ColTxt2 a {
    color: #000;
}

.TxtBold {
    font-weight: bold;
}
.TxtItalic {
    font-style:italic;
}
.TxtStroke {
    text-decoration:line-through;
}

.TxtBig {
    font-size:24px;
}
.TxtMedium {
    font-size: 20px;
}
.TxtNorm {
    font-size: 15px;
}
.TxtSmallPlus {
    font-size: 12px;
}
.TxtSmall {
    font-size: 10px;
}

.TraitVert {
    width: 3px;
    min-width: 3px;
    max-width: 3px;
    height:100%;
    background: linear-gradient(to right, #FFFFFF00 0%, #EB2E88 20%, #EB2E88 80%, #FFFFFF00 100%);
    -webkit-background-size: 100% 3px;
    background-size: 100% 3px;
}
.TraitVert.Fin {
    width: 1px;
    min-width: 1px;
    max-width: 1px;
}
.TraitHorz {
    width:100%;
    height: 3px;
    min-height: 3px;
    max-height: 3px;
    background: linear-gradient(to right, #FFFFFF00 0%, #EB2E88 20%, #EB2E88 80%, #FFFFFF00 100%);
    -webkit-background-size: 100% 3px;
    background-size: 100% 3px;
}
.TraitHorz.Fin {
    height: 1px;
    min-height: 1px;
    max-height: 1px;
}

.IcoUpdate, .IcoPanier, .IcoConfig, .IcoPerso, .IcoValid, .IcoCancel, .IcoMessage, .IcoSearch, .IcoDelete, .IcoInsert, .IcoContact, .IcoHisto, .IcoClose,
.IcoPicture, .IcoPrev, .IcoNext, .IcoDownload, .IcoUpload, .IcoChevronUp, .IcoChevronDown, .IcoChevronLeft, .IcoChevronRight,
.IcoExpand, .IcoShrink, .IcoUndo, .IcoRedo, .IcoCopy,
.IcoPaste, .IcoCut, .IcoZoomIn, .IcoZoomOut, .IcoAdjust, .IcoAdjustW, .IcoAdjustH, .IcoFile, .IcoSave, .IcoWarning,
.IcoExcel, .IcoExcelUp, .IcoExcelDown,
.IcoBullet {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 16px;
}
.IcoUpdate:before, .IcoUpdate .before,
.IcoPanier:before, .IcoPanier .before,
.IcoConfig:before, .IcoConfig .before,
.IcoPerso:before, .IcoPerso .before,
.IcoValid:before, .IcoValid .before,
.IcoCancel:before, .IcoCancel .before,
.IcoMessage:before, .IcoMessage .before,
.IcoSearch:before, .IcoSearch .before,
.IcoDelete:before, .IcoDelete .before,
.IcoInsert:before, .IcoInsert .before,
.IcoContact:before, .IcoContact .before,
.IcoHisto:before, .IcoHisto .before,
.IcoClose:before, .IcoClose .before,
.IcoPicture:before, .IcoPicture .before,
.IcoPrev:before, .IcoPrev .before,
.IcoNext:before, .IcoNext .before,
.IcoDownload:before, .IcoDownload .before,
.IcoUpload:before, .IcoUpload .before,
.IcoChevronUp:before, .IcoChevronUp .before,
.IcoChevronDown:before, .IcoChevronDown .before,
.IcoChevronLeft:before, .IcoChevronLeft .before,
.IcoChevronRight:before, .IcoChevronRight .before,
.IcoExpand:before, .IcoExpand .before,
.IcoShrink:before, .IcoShrink .before,
.IcoUndo:before, .IcoUndo .before,
.IcoRedo:before, .IcoRedo .before,
.IcoCopy:before, .IcoCopy .before,
.IcoCut:before, .IcoCut .before,
.IcoPaste:before, .IcoPaste .before,
.IcoZoomIn:before, .IcoZoomIn .before,
.IcoZoomOut:before, .IcoZoomOut .before,
.IcoFile:before, .IcoFile .before,
.IcoSave:before, .IcoSave .before,
.IcoAdjust:before, .IcoAdjust .before,
.IcoAdjustW:before, .IcoAdjustW .before,
.IcoAdjustH:before, .IcoAdjustH .before,
.IcoWarning:before, .IcoWarning .before,
.IcoExcel:before, .IcoExcel .before,
.IcoExcelUp:before, .IcoExcelUp .before,
.IcoExcelDown:before, .IcoExcelDown .before,
.IcoBullet:before, .IcoBullet .before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}
.IcoUpdate:before, .IcoUpdate .before {
    content:"\e721";
}
.lt-ie8 .IcoUpdate {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e721</span>'+this.innerHTML);
}
.IcoPanier:before, .IcoPanier .before {
    content:"\e67e";
}
.lt-ie8 .IcoPanier {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e67e</span>'+this.innerHTML);
}
.IcoConfig:before, .IcoConfig .before {
    content:"\e634";
}
.lt-ie8 .IcoConfig {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e634</span>'+this.innerHTML);
}
.IcoPerso:before, .IcoPerso .before {
    content:"\e620";
}
.lt-ie8 .IcoPerso {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e620</span>'+this.innerHTML);
}
.IcoValid:before, .IcoValid .before {
    content:"\e770";
}
.lt-ie8 .IcoValid {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e770</span>'+this.innerHTML);
}
.IcoCancel:before, .IcoCancel .before {
    content:"\e771";
}
.lt-ie8 .IcoCancel {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e771</span>'+this.innerHTML);
}
.IcoMessage:before, .IcoMessage .before {
    content:"\e641";
}
.lt-ie8 .IcoMessage {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e641</span>'+this.innerHTML);
}
.IcoSearch:before, .IcoSearch .before {
    content:"\e759";
}
.lt-ie8 .IcoSearch {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e759</span>'+this.innerHTML);
}
.IcoDelete:before, .IcoDelete .before {
    content:"\e63a";
}
.lt-ie8 .IcoDelete {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e63a</span>'+this.innerHTML);
}
.IcoInsert:before, .IcoInsert .before {
    content:"\e772";
}
.lt-ie8 .IcoInsert {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e772</span>'+this.innerHTML);
}
.IcoContact:before, .IcoContact .before {
    content:"\e678";
}
.lt-ie8 .IcoContact {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e678</span>'+this.innerHTML);
}
.IcoHisto:before, .IcoHisto .before {
    content:"\e652";
}
.lt-ie8 .IcoHisto {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e652</span>'+this.innerHTML);
}
.IcoClose:before, .IcoClose .before {
    content:"\e771";
}
.lt-ie8 .IcoClose {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e771</span>'+this.innerHTML);
}
.IcoPicture:before, .IcoPicture .before {
    content:"\e66f";
}
.lt-ie8 .IcoPicture {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e66f</span>'+this.innerHTML);
}
.IcoPrev:before, .IcoPrev .before {
    content:"\e776";
}
.lt-ie8 .IcoPrev {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e776</span>'+this.innerHTML);
}
.IcoNext:before, .IcoNext .before {
    content:"\e777";
}
.lt-ie8 .IcoNext {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e777</span>'+this.innerHTML);
}
.IcoDownload:before, .IcoDownload .before {
    content:"\e731";
}
.lt-ie8 .IcoDownload {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e731</span>'+this.innerHTML);
}
.IcoUpload:before, .IcoUpload .before {
    content:"\e730";
}
.lt-ie8 .IcoUpload {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e730</span>'+this.innerHTML);
}
.IcoChevronUp:before, .IcoChevronUp .before {
    content:"\e75f";
}
.lt-ie8 .IcoChevronUp {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e75f</span>'+this.innerHTML);
}
.IcoChevronDown:before, .IcoChevronDown .before {
    content:"\e760";
}
.lt-ie8 .IcoChevronDown {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e760</span>'+this.innerHTML);
}
.IcoChevronLeft:before, .IcoChevronLeft .before {
    content:"\e761";
}
.lt-ie8 .IcoChevronLeft {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e761</span>'+this.innerHTML);
}
.IcoChevronRight:before, .IcoChevronRight .before {
    content:"\e762";
}
.lt-ie8 .IcoChevronRight {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e762</span>'+this.innerHTML);
}
.IcoExpand:before, .IcoExpand .before {
    content:"\e767";
}
.lt-ie8 .IcoExpand {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e767</span>'+this.innerHTML);
}
.IcoShrink:before, .IcoShrink .before {
    content:"\e768";
}
.lt-ie8 .IcoShrink {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e768</span>'+this.innerHTML);
}
.IcoUndo:before, .IcoUndo .before {
    content:"\e71f";
}
.lt-ie8 .IcoUndo {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e71f</span>'+this.innerHTML);
}
.IcoRedo:before, .IcoRedo .before {
    content:"\e720";
}
.lt-ie8 .IcoRedo {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e720</span>'+this.innerHTML);
}
.IcoCopy:before, .IcoCopy .before {
    content:"\e64f";
}
.lt-ie8 .IcoCopy {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e64f</span>'+this.innerHTML);
}
.IcoCut:before, .IcoCut .before {
    content:"\e650";
}
.lt-ie8 .IcoCut {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e650</span>'+this.innerHTML);
}
.IcoPaste:before, .IcoPaste .before {
    content:"\e651";
}
.lt-ie8 .IcoPaste {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e651</span>'+this.innerHTML);
}
.IcoZoomIn:before, .IcoZoomIn .before {
    content:"\e75a";
}
.lt-ie8 .IcoZoomIn {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e75a</span>'+this.innerHTML);
}
.IcoZoomOut:before, .IcoZoomOut .before {
    content:"\e75b";
}
.lt-ie8 .IcoZoomOut {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e75b</span>'+this.innerHTML);
}
.IcoAdjust:before, .IcoAdjust .before {
    content:"\e619";
}
.lt-ie8 .IcoAdjust {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e619</span>'+this.innerHTML);
}
.IcoAdjustW:before, .IcoAdjustW .before {
    content:"\e618";
}
.lt-ie8 .IcoAdjustW {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e618</span>'+this.innerHTML);
}
.IcoAdjustH:before, .IcoAdjustH .before {
    content:"\e617";
}
.lt-ie8 .IcoAdjustH {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e617</span>'+this.innerHTML);
}
.IcoFile:before, .IcoFile .before {
    content:"\e64d";
}
.lt-ie8 .IcoFile {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e64d</span>'+this.innerHTML);
}
.IcoSave:before, .IcoSave .before {
    content:"\e64b";
}
.lt-ie8 .IcoSave {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e64b</span>'+this.innerHTML);
}
.IcoWarning:before, .IcoWarning .before {
    content:"\e76d";
    color: #FF0000 !important;
}
.lt-ie8 .IcoWarning {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e76d</span>'+this.innerHTML);
}
.IcoExcel:before, .IcoExcel .before {
    content:"\e900";
}
.lt-ie8 .IcoExcel {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e900</span>'+this.innerHTML);
}
.IcoExcelUp:before, .IcoExcelUp .before {
    content:"\e901";
}
.lt-ie8 .IcoExcelUp {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e901</span>'+this.innerHTML);
}
.IcoExcelDown:before, .IcoExcelDown .before {
    content:"\e61a";
}
.lt-ie8 .IcoExcelDown {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e61a</span>'+this.innerHTML);
}
.IcoBullet:before, .IcoBullet .before {
    content:"\e616";
}
.lt-ie8 .IcoBullet {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e616</span>'+this.innerHTML);
}

.BtnIcone  {
    position:relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
}
.BtnIcone a {
    display:block;
    color: #EB2E88 !important;
    background: #FFF;
    border: none;
    text-decoration: none !important;
    font-size: 18px;
    padding: 3px 3px 3px 3px;
}
.BtnIcone a:hover {
    color: #FFF !important;
    text-decoration: none !important;
    background: #1e2227;
    border: none;
}

.BtnToolBar {
    float:left;
    margin-right:5px;
    margin-top:5px;
}


.TopBandeau {
    position:absolute;
    background:none;
    left:0;
    top:0;
    width:1024px;
    height:120px;
    min-width:1024px;
    box-shadow:none;
    overflow:hidden;
    z-index:0;
}
.TopBandeau .Logo {
    position:absolute;
    left:20px;
    top:30px;
}
.TopBandeau .Logo img {
    max-height:57px;
}

.TopBandeau .Demo {
    position:absolute;
    left:20px;
    top:90px;
    font-size:10px;
    color:#EB2E88;
    text-transform: none;
}

.TopBandeau .User {
    position:absolute;
    left:auto;
    right:0px;
    top:0px;
    bottom:auto;
    width: auto;
    text-align: right;
}
.TopBandeau .User .Texte {
    padding: 5px 0 5px 0;
    line-height: 14px;
}
.TopBandeau .User, .TopBandeau .User a {
    font-size: 10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: italic;
    color:#FFF;
}
.TopBandeau .User a {
    margin-left: 5px;
    text-decoration: underline !important;
}

.TopBandeau .User .Langue a {
    padding: 5px !important;
}


.TopBandeau .TopBG {
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    height: 24px;
    width: 100%;
    background: #1e2227;
}

.TopBandeau .BottomBG {
    position: absolute;
    left: 270px;
    right: auto;
    top: auto;
    bottom: 10px;
    height: 3px;
    width: 700px;
    background: linear-gradient(to right, #FFFFFF00 0%, #EB2E88 20%, #EB2E88 80%, #FFFFFF00 100%);
}

.TopBandeau .AdmMenuLeft {
    position:absolute;
    display:none;
    left: 25px;
    right: auto;
    width: 10px;
    bottom: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
    color: #FFF;
}
.TopBandeau .AdmMenuLeft a {
    color: #FFF;
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
}
.TopBandeau .AdmMenuRight {
    position:absolute;
    display:none;
    left: 1005px;
    right: auto;
    width: 10px;
    bottom: 5px;
    height: 20px;
    line-height:  20px;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
}
.TopBandeau .AdmMenuRight a {
    color: #FFF;
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
}
.TopBandeau .AdmMenu {
    position:absolute;
    overflow:hidden;
    left: 20px;
    right: auto;
    width: 600;
    height: 24px;
    top: 0px;
    bottom: auto;
    background: none;
}
.TopBandeau .AdmMenu .Up, .TopBandeau .AdmMenu .Down {
    position: relative;
    display: block;
    background-origin:border-box;
    background-position:right;
    line-height: 10px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    text-wrap: none;
    width: auto;
    max-width: auto;
    height: 14px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
}
.TopBandeau .AdmMenu .Up a, .TopBandeau .AdmMenu .Down a {
    display: block;
    width:100%;
    height: 100%;
}
.TopBandeau .AdmMenu, .TopBandeau .AdmMenu .Up a, .TopBandeau .AdmMenu .Up .Lib {
    color: #FFF;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
    text-decoration: none !important;
}
.TopBandeau .AdmMenu .Up {
    background: #1e2227;
}
.TopBandeau .AdmMenu .Down a, .TopBandeau .AdmMenu .Down .Lib, .TopBandeau .AdmMenu .Up:hover a, .TopBandeau .AdmMenu .Up:hover .Lib {
    color: #FFF;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
    text-decoration: none !important;
}
.TopBandeau .AdmMenu .Down, .TopBandeau .AdmMenu .Up:hover {
    background: #EB2E88;
}

.TopBandeau .AdmMenuBottom {
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #EB2E88;
}

.TopBandeau .MainMenu {
    position:absolute;
    /*overflow:hidden;*/
    left: auto;
    right: 0px;
    width: 640px;
    max-width: 960px;
    height: 80px;
    top: 0px;
    bottom: auto;
    background: none;
}
.TopBandeau .MainMenu .Items {
    float: right;
}
.TopBandeau .MainMenu .Empty {
    position: relative;
    clear: both;
    line-height: 50px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    text-wrap: none;
    height: 50px;
    padding: 5px 5px 5px 5px;
    margin: 24px 0px 0px 0px;
    vertical-align: middle;
}
.TopBandeau .MainMenu .Up, .TopBandeau .MainMenu .Down, .TopBandeau .MainMenu .Left, .TopBandeau .MainMenu .Right {
    position: relative;
    clear: both;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    text-wrap: none;
    width: 80px;
    max-width: auto;
    height: 50px;
    padding: 5px 5px 5px 5px;
    margin: 24px 0px 0px 0px;
}
.TopBandeau .MainMenu .Up a, .TopBandeau .MainMenu .Down a {
    display: block;
    width:100%;
    height: 100%;
}
.TopBandeau .MainMenu .Item {
    position: relative;
    padding: 0 0 0 0px;
    height: 50px;
}
.TopBandeau .MainMenu .Item:before, .TopBandeau .MainMenu .Item .before {
    font-size: 22px;
}
.TopBandeau .MainMenu .ItemIco {
    padding: 0 0 0 0px;
}
.TopBandeau .MainMenu .ItemIco:before, .TopBandeau .MainMenu .ItemIco .before {
    font-size: 22px;
}
.TopBandeau .MainMenu .ItemLib.Hide {
    display: none;
}
.TopBandeau .MainMenu, .TopBandeau .MainMenu .Up a, .TopBandeau .MainMenu .Up .Lib {
    color: #1e2227;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
    text-decoration: none !important;
}
.TopBandeau .MainMenu .Up .ItemLib {
    color: #1e2227;
}
.TopBandeau .MainMenu .Up {
    background: none;
}
.TopBandeau .MainMenu .Down a, .TopBandeau .MainMenu .Down .Lib, .TopBandeau .MainMenu .Up:hover a, .TopBandeau .MainMenu .Up:hover .Lib {
    color: #FFF;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
    text-decoration: none !important;
}
.TopBandeau .MainMenu .Down .ItemLib, .TopBandeau .MainMenu .Up:hover .ItemLib {
    color: #FFF;
}
.TopBandeau .MainMenu .Down, .TopBandeau .MainMenu .Up:hover {
    background: #EB2E88;
}
.TopBandeau .MainMenu .Left {
    width: 50px;
    background: none;
}
.TopBandeau .MainMenu .Right {
    width: 0;
    background: none;
}

.TopBandeau .MainMenu .NB {
    position: absolute;
    top: 0px;
    bottom: auto;
    left: auto;
    right: auto;
}
.TopBandeau .MainMenu .NB .Background {
    font-size:20px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-family:'icomoon';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.TopBandeau .MainMenu .Up .NB .Background {
    color: #1e2227;
}
.TopBandeau .MainMenu .Up:hover .NB .Background, .TopBandeau .MainMenu .Down .NB .Background {
    color: #FFF;
}
.TopBandeau .MainMenu .NB .Num {
    position: absolute;
    left: 0px;
    top: 0px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    text-transform:uppercase;
    font-size:9px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    z-index: 1;
}
.TopBandeau .MainMenu .Up .NB .Num {
    color: #FFF;
}
.TopBandeau .MainMenu .Up:hover .NB .Num, .TopBandeau .MainMenu .Down .NB .Num {
    color: #EB2E88;
}

.TopBandeau .MenuSearch {
    position:absolute;
    /*overflow:hidden;*/
    left: auto;
    right: 450px;
    width: 200px;
    max-width: auto;
    height: 50px;
    line-height: 50px;
    top: 0px;
    bottom: auto;
    background: none;
    vertical-align: middle;
    margin: 24px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #1e2227 !important;
}
.TopBandeau .MenuSearch input {
    padding: 3px;
    width: 130px;
}
.TopBandeau .MenuSearch .Items {
    position: relative;
}

.TopBandeau .Credit {
    position:absolute;
    /*overflow:hidden;*/
    left: auto;
    right: 350px;
    width: 100px;
    max-width: auto;
    height: 50px;
    top: 0px;
    bottom: auto;
    background: none;
    vertical-align: middle;
    margin: 24px 0px 0px 0px;
    padding: 0 10px 0px 0;
    text-align: right;
    text-transform: uppercase;
    color: #1e2227;
    border: 1px solid #1e2227; border-left: 0px; border-top: 0px; border-bottom: 0px;
}
.TopBandeau .Credit .Inner {
}
.TopBandeau .Credit .Lib {
    position: relative;
    line-height: 8px;
    font-size: 10px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
}
.TopBandeau .Credit .Solde {
    position: relative;
    line-height: 30px;
    font-size: 32px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
}
.TopBandeau .Credit .Date {
    position: relative;
    line-height: 8px;
    font-size: 10px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight:  normal;
    font-style:  normal;
}

.LeftBandeau {
    position:absolute;
    top: 120px;
    width: 270px;
    background: none;
    overflow:auto;
}
.LeftBandeau .MenuOff {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0px 10px 0px 20px;
    color: #FFF;
}
.BtnMenuLeft {
    position: relative;
    display:inline-block;
}
.BtnMenuLeft a {
    display:block;
    color: #FFF;
    background: #1e2227;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 13px;
    width: 60px;
    height: 40px;
    padding: 20px 5px 10px 5px;
}
.BtnMenuLeft2 a:before, .BtnMenuLeft2 a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e671";
}
.lt-ie8 .BtnMenuLeft2 a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e671</span>'+this.innerHTML);
}
.BtnMenuLeft a:hover, .BtnMenuLeft a:hover:before, .BtnMenuLeft a:hover .before, .BtnMenuLeft.Selected a {
    color: #FFF;
    background: #EB2E88;
    text-decoration: none !important;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.LeftBandeau .Menu {
    position: relative;
    color: #888888;
    background: #FFF;
    margin: 0px 10px 0px 20px;
    padding: 0px 0px 0px 0px;
    border: #EB2E88 solid 2px;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 1px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.LeftBandeau .Menu.Popup {
    position: fixed;
    z-index: 1000;
    -moz-box-shadow: 5px 10px 15px 0px #888888;
    -webkit-box-shadow: 5px 10px 15px 0px #888888;
    box-shadow: 5px 10px 15px 0px #888888;
}
.LeftBandeau .Menu div.Titre {
    font-size: 16px;
    font-family: 'NeoSansPro-Medium', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    padding: 0;
    margin: 0px 0px 20px 0px;
}
.LeftBandeau .Menu.Popup .Items {
    overflow: auto;
    min-width: 200px;
    min-height: 100px;
    padding: 20px;
    margin: 0;
    width: auto;
}
.LeftBandeau .Menu a {
    color: #888888;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu div.Titre a {
    padding: 10px;
    display: block;
    height: auto;
    color: #FFF;
    background: #1e2227;
    font-family: 'NeoSansPro-Medium', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline !important;
    border-bottom: #EB2E88 solid 2px;
}
.LeftBandeau .Menu div.Titre a:hover, .LeftBandeau .Menu div.Titre a.Selected {
    background: #EB2E88;
    color: #FFF;
    font-family: 'NeoSansPro-Medium', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline !important;
}
.LeftBandeau .Menu ul, .LeftBandeau .Menu li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
}
.LeftBandeau .Menu ul, .LeftBandeau .Menu li {
    color: #888888;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu ul a {
    color: #1e2227;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu ul.Titre a {
    color: #1e2227;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu li a {
    color: #1e2227;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu a.Selected {
    color: #888888;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu ul a.Selected, .LeftBandeau .Menu ul a:hover {
    color: #EB2E88;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu ul.Titre a.Selected, .LeftBandeau .Menu ul.Titre a:hover {
    color: #EB2E88;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu li a.Selected, .LeftBandeau .Menu li a:hover {
    color: #EB2E88;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.LeftBandeau .Menu ul {
    text-transform: uppercase !important;
    margin: 5px 5px 5px 8px;
    text-indent: -0px;
}
.LeftBandeau .Menu ul.Titre {
    text-transform: uppercase !important;
    margin: 5px 5px 5px 8px;
    text-indent: -0px;
}
.LeftBandeau .Menu li {
    text-transform: uppercase !important;
    margin: 5px 5px 5px 16px;
    text-indent: -8px;
}
.LeftBandeau .Menu ul::before, .LeftBandeau .Menu ul .before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "";
    margin-left: 0px;
}
.lt-ie8 .LeftBandeau .Menu ul {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before"></span>'+this.innerHTML);
}
.LeftBandeau .Menu ul.Titre::before, .LeftBandeau .Menu ul.Titre .before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "";
    margin-left: 0px;
}
.lt-ie8 .LeftBandeau .Menu ul.Titre {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before"></span>'+this.innerHTML);
}
.LeftBandeau .Menu li::before, .LeftBandeau .Menu li .before {
    display: inline-block;
    content: "-";
    margin-left: 8px;
}
.lt-ie8 .LeftBandeau .Menu li {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">-</span>'+this.innerHTML);
}
.LeftBandeau .Menu input, .LeftBandeau .Menu select, .LeftBandeau .Menu textarea {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    border: solid #1e2227 1px;
    padding: 5px;
    color: #000;
    font-size: 12px;
}

.LeftBandeau .Menu .TraitHorz {
    background: linear-gradient(to right, #FFFFFF00 0%, #EB2E88 20%, #EB2E88 80%, #FFFFFF00 100%);
    background-size: 100% 3px;
}

.RightBandeau {
    position:absolute;
    top: 120px;
    background: none;
    width: 0;
}

.BottomBandeau {
    position: absolute;
    bottom: 0;
    font-size: 10px;
    background:none;
    color:#888888;
    height: 30px;
    line-height: 10px;
    padding: 10px;
    text-align: center;
    text-transform: none;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    border-top: none;
}
.BottomBandeau a {
    color:#888888;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.Center {
    position:absolute;
    background: none;
    overflow:auto;
    /*
        overflow-x:hidden;
    */
    border:none;
    top: 120px;
    left: 270px;
    width: 1024px;
    padding: 10px 0px 0px 0px;
    margin: 0;
    color: #000;
}

.Center .Inner {
    position:relative;
    width: 984px;
    min-height: 618px;
    background: none;
}

.Center h1 {
    margin: 0;
    padding: 0;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    color: #EB2E88;
    text-transform: uppercase;
    text-align: inherit;
    line-height: 30px;
    background: none;
}

.CoordAdr label, .LivAdr label {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
}
.CoordAdr .Info, .LivAdr .Info {
    color: #EB2E88;
    font-size: 10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.LivAdr td, .CoordAdr td {
    vertical-align: top;
}

.ArtPromo {
    background: url('/repphp/images/Promo.png') no-repeat;
    border: none;
    color: #E3032E;
    padding: 0px 0px 0px 62px;
    margin: 0;
    font-size: 11px;
    line-height: 13px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}
.ArtPromo sub {
    vertical-align: baseline;
    font-size: smaller;
}
.ArtNom {
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: #EB2E88;
    text-transform: uppercase;
    min-width: 400px;
}
.ArtPerso {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    color: #EB2E88;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}
.ArtPerso::before, .ArtPerso .before {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content: ">";
    margin: 0px 5px 0px 0px;
}
.lt-ie8 .ArtPerso {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">">"</span>'+this.innerHTML);
}
.ArtDescr {
    position: relative;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #000;
}
.ArtDescrDet, .ArtDescrDet a {
    position: relative;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #000;
}
.ArtDescrDet a {
    text-decoration: underline !important;
}
.ArtRupture {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 30px;
    color: #EB2E88;
    text-transform: uppercase;
}
.ArtPrix {
    position:relative;
    width: 120px;
    height: 40px;
    text-align: right;
    color: #EB2E88;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    text-transform: uppercase;
}
.ArtPrixNum {
    position:absolute;
    left: auto;
    right: 20px;
    top: 0;
    bottom: auto;
    width: 100px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
}
.ArtPrixDev {
    position:absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    width: 20px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
}
.ArtPrixLib {
    position:absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    width: 200px;
    height: 12px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
}
.ArtQte {
    color: #000;
    font-size:11px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.ArtQteTot {
    margin-left: 10px;
    text-align: right;
    color: #EB2E88;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
}
.ArtQte input {
    width: 40px !important;
    height: 17px;
    text-align: right;
    padding: 2px;
}

.BtnOff, .BtnOn {
    position: absolute;
    right: 0;
    top: 0;
    display:inline-block;
}
.BtnOff a, .BtnOn a {
    display:block;
    color: #000;
    text-decoration: none !important;
    font-size: 18px;
    line-height:20px;
    height: 21px;
    padding: 2px 5px;
}
.BtnOff a:before, .BtnOff a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e736";
}
.lt-ie8 .BtnOff a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e736</span>'+this.innerHTML);
}
.BtnOn a:before, .BtnOn a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e737";
}
.lt-ie8 .BtnOn a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e737</span>'+this.innerHTML);
}
.BtnOff a:hover, .BtnOff a:hover:before, .BtnOff a:hover .before,
.BtnOn a:hover, .BtnOn a:hover:before, .BtnOn a:hover .before {
    font-weight: bolder !important;
    text-decoration: none !important;
}

.Btn, .BtnQtePlus, .BtnQteMoins, .BtnDelete, .BtnInsert, .BtnUpdate, .BtnLiv, .BtnCmd, .BtnPerso, .BtnSearch, .BtnMoveUp, .BtnMoveDown {
    position:relative;
    display:inline-block;
}
.Btn a, .BtnQtePlus a, .BtnQteMoins a, .BtnDelete a, .BtnInsert a, .BtnUpdate a, .BtnLiv a, .BtnCmd a, .BtnPerso a, .BtnSearch a, .BtnMoveUp a, .BtnMoveDown a {
    display:block;
    color: #000;
    text-decoration: none !important;
}
.BtnQtePlus a, .BtnQteMoins a {
    font-size:15px;
    line-height:20px;
    height: 21px;
    padding: 2px 5px;
}
.Btn a, .BtnDelete a, .BtnInsert a, .BtnUpdate a, .BtnLiv a, .BtnCmd a, .BtnPerso a, .BtnFind a, .BtnMoveUp a, .BtnMoveDown a {
    font-size: 18px;
}

.BtnQtePlus a:before, .BtnQtePlus a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e772";
}
.lt-ie8 .BtnQtePlus a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e772</span>'+this.innerHTML);
}

.BtnQteMoins a:before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e773";
}
.lt-ie8 .BtnQteMoins a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e773</span>'+this.innerHTML);
}

.BtnDelete a:before, .BtnDelete a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e63a";
}
.lt-ie8 .BtnDelete a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e63a</span>'+this.innerHTML);
}

.BtnInsert a:before, .BtnInsert a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    content:"\e772";
}
.lt-ie8 .BtnInsert a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e772</span>'+this.innerHTML);
}

.BtnUpdate a:before, .BtnUpdate a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e721";
    margin: 0px 5px 0px 0px;
}
.lt-ie8 .BtnUpdate a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e721</span>'+this.innerHTML);
}

.BtnLiv a:before, .BtnLiv a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e68b";
}
.lt-ie8 .BtnLiv a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e68b</span>'+this.innerHTML);
}

.BtnCmd a:before, .BtnCmd a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e67e";
}
.lt-ie8 .BtnCmd a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e67e</span>'+this.innerHTML);
}

.BtnPerso a:before, .BtnPerso a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e618";
    margin: 0px 5px 0px 0px;
}
.lt-ie8 .BtnPerso a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e618</span>'+this.innerHTML);
}

.BtnSearch a:before, .BtnSearch a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e759";
    margin: 0px 5px 0px 0px;
}
.lt-ie8 .BtSearch a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e759</span>'+this.innerHTML);
}
.MenuSearch .BtnSearch a:before, .MenuSearch .BtnSearch a .before {
    font-size: 22px;
    color: #1e2227 !important;
}

.BtnMoveUp a:before, .BtnMoveUp a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e730";
    margin: 0px 5px 0px 0px;
}
.lt-ie8 .BtnMoveUp a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e730</span>'+this.innerHTML);
}

.BtnMoveDown a:before, .BtnMoveDown a .before {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content:"\e731";
    margin: 0px 5px 0px 0px;
}
.lt-ie8 .BtnMoveDown a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="before">\e730</span>'+this.innerHTML);
}



.Btn a:hover,
.BtnQtePlus a:hover, .BtnQtePlus a:hover:before, .BtnQtePlus a:hover .before,
.BtnQteMoins a:hover, .BtnQteMoins a:hover:before, .BtnQteMoins a:hover .before,
.BtnDelete a:hover, .BtnDelete a:hover:before, .BtnDelete a:hover .before,
.BtnInsert a:hover, .BtnInsert a:hover:before, .BtnInsert a:hover .before,
.BtnUpdate a:hover, .BtnUpdate a:hover:before, .BtnUpdate a:hover .before,
.BtnLiv a:hover, .BtnLiv a:hover:before, .BtnLiv a:hover .before,
.BtnCmd a:hover, .BtnCmd a:hover:before, .BtnCmd a:hover .before,
.BtnPerso a:hover, .BtnPerso a:hover:before, .BtnPerso a:hover .before,
.BtnSearch a:hover, .BtnSearch a:hover:before, .BtnSearch a:hover .before,
.BtnMoveUp a:hover, .BtnMoveUp a:hover:before, .BtnMoveUp a:hover .before,
.BtnMoveDown a:hover, .BtnMoveDown a:hover:before, .BtnMoveDown a:hover .before {
    font-family: 'icomoon' !important;
    font-weight: bolder !important;
    font-style: normal !important;
    color: #000;
    text-decoration: none !important;
}


.Perso {
    color: #000;
}

.Perso td {
    padding: 5px 5px 5px 0px;
}
.Perso input, .Perso textarea, .Perso select {
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    width: 250px;
}
.Perso .InputFile, .Perso .InputFileLabel {
    position: relative;
    overflow: hidden;
    height: 18px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}
.Perso .InputFile {
    width: 250px;
    border: solid #1e2227 1px;
    padding: 5px;
    color: #000;
}
.Perso .InputFileLabel {
    color: #FFF;
    background: #1e2227;
    padding: 5px;
    border: solid #1e2227 1px;
}
.Perso .InputFile input, .Perso .InputFileLabel input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.Perso .InputFileLabel input {
    width: auto;
}

.Perso .TDFileLabel {
    padding-right: 0;
}

.Perso .Entete, .Perso .Aide {
    color: #000;
    font-size: 12px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
}

.Perso .Aide {
    color: #000;
    font-size: 12px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.Perso .Info {
    color: #000;
    font-size: 10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.Perso .Title {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    line-height: 20px;
    height: 25px;
}
.Perso .Title:before, .lt-ie8 .Perso .Title .before {
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    content: ">";
    margin: 0px 5px 0px 0px;
}

.PersoMultiFld .Titre, .PersoMultiFld .Titre a, .PersoMultiFld .Titre a:hover, .PersoMultiFld .Titre a:hover:before, .PersoMultiFld .Titre a:hover .before {
    background:#1e2227;
    color: #FFF;
}

.PersoGalerie {
    color: #000;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:12px;
    text-transform:none;
}
.PersoGalerieImg {
    color: #000;
    font-family: 'NeoSansPro-Light', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:11px;
    width:150px;
    height:165px;
}
.PersoGalerieMentions {
    color: #000;
    font-family: 'NeoSansPro-Light', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:8px;
    text-transform:none;
    width:600px;
}
.PersoMailing {
    color: #000;
    font-family: 'NeoSansPro-Light', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:12px;
    text-transform:none;
}
.PersoMailingSep {
    color: #EB2E88;
    background: #FFF;
    width:40px;
    font-size:14px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align:center;
    text-transform:uppercase;
}

.PanierEtapeOn, .PanierEtapeOff, .PanierEtapeOk a {
    display:inline-block;
    position:relative;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    width: 230px;
    height: 12px;
    padding: 6px 5px 6px 5px;
    line-height: 12px;
}
.PanierEtapeOk a {
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFF;
    background: #EB2E88;
    border-left: none;
    border-right: solid 1px #FFF;
    border-top: none;
    border-bottom: none;
    text-decoration: none !important;
}
.PanierEtapeOk a:hover {
    color: #FFF;
    background: #1e2227;
    text-decoration: none !important;
}
.PanierEtapeOn {
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFF;
    background: #1e2227;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}
.PanierEtapeOff {
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #1e2227;
    background: #EEEEEE;
    border-left: solid 1px #1e2227;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.PanierArtNom, .PanierArtDescr, .PanierArtPerso, .PanierArtDescr, .PanierArtPrix {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierTotAchat {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierLibAchat {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierTotLiv {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierLibLiv {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierTotPromo {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierLibPromo {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
input.PanierLibPromo  {
    width: 80px !important;
}
.PanierTotTVA {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierLibTVA {
    font-size: 13px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierTotHT {
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierLibHT {
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierTotTTC {
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}
.PanierLibTTC {
    font-size: 15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    color: #000;
}

.PanierComment, .Panier .PromoMsg {
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'NeoSansPro-Light', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.PanierComment div {
    text-align: center;
    margin-bottom: 5px;
}
.PanierComment div, .PanierComment textarea {
    width: 250px;
}
.PanierComment textarea, .PanierComment input {
    color: #000;
    font-size:10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.PanierComment textarea {
    height: 80px;
}

.PanierTitre {
    color: #000;
    font-size:15px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform:uppercase;
    line-height:20px;
}
.PanierTexte {
    color: #000;
    font-size:15px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform:none;
    margin-left:0px;
    margin-bottom:10px;
}

.Login h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #EB2E88;
    text-transform: uppercase;
    text-align: inherit;
    line-height: 20px;
    background: none;
}

.Login .Form {
    position: relative;
    margin: 0 0 0 0;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #000;
    min-width: 350px;
    min-height: auto;
    background: #FFF;
    -moz-box-shadow: 5px 5px 20px 0px #888888;
    -webkit-box-shadow: 5px 5px 20px 0px #888888;
    box-shadow: 5px 5px 20px 0px #888888;
    border: none;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}

.Login .Form label, .Login .Form a, .Login .Form h2 {
    color: #000 !important;
}
.Login input {
    width: 180px;
}

.Histo {
    font-size:12px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.Histo input {
    font-size: 10px;
    padding: 2px;
    width: 80px;
    height: 18px;
}

.Admin {
    font-size:10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.Admin input, .Admin select, .Admin textarea {
    font-size: 10px;
    padding: 2px;
    width: 100px;
    height: 18px;
}

.Admin input.Large, .Admin select.Large, .Admin textarea.Large {
    width: 350px;
}
.Admin input.Medium, .Admin select.Medium, .Admin textarea.Medium {
    width: 150px;
}

#divError {
    position:absolute;
    bottom:0;
    left:0;
    background: #FFFFAA;
    color: #ff0000;
}

#divCGV {
    position:absolute;
    top:10px;
    right:40px;
    color: #000;
    font-size:10px;
}

#divConnect {
    position:absolute;
    bottom:60px;
    right:100px;
    color: #000;
    font-size:12px;
}
#divConnect a, #divConnect a:hover {
    color: #38748B;
}

.MsgPopup {
    position:absolute;
    left:0px;
    top:0px;
    width:800px;
    height:600px;
    display:none;
}
.MsgPopup .Fond {
    position:absolute;
    left:0px;
    top:0;
    width:100%;
    height:100%;
    background: #FFF;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
}
.MsgPopup .Body {
    position:fixed;
    top:50px;
    left:50px;
    width: auto;
    min-width: 200px;
    height: auto;
    border: 0px solid #1e2227;
    background: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    padding: 0px;
    -moz-box-shadow: 5px 5px 20px 0px #1e2227;
    -webkit-box-shadow: 5px 5px 20px 0px #1e2227;
    box-shadow: 5px 5px 20px 0px #1e2227;
}
.MsgPopup .Header {
    position:relative;
    min-height: 14px;
    padding: 5px 30px 5px 5px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #FFF;
    background: #EB2E88;
    display: block;
}
.MsgPopup .Header b {
    font-size: 13px;
    font-family: 'NeoSansPro-Bold', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.MsgPopup .Header img {
    margin-left:5px;
    margin-right:5px;
}
.MsgPopup .Text, .MsgPopup .TextHeader, .MsgPopup .TextFooter {
    position:relative;
    height:auto;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: normal;
    text-transform: none;
    color: #000;
    background: #FFF;
    text-align: left;
}
.MsgPopup .Text {
    overflow:auto;
    min-height: 50px;
    padding: 5px 20px 20px 5px;
}
.MsgPopup .Text .Simple {
    color: #000;
    text-transform: none;
}
.MsgPopup .Text label {
    color: #000 !important;
}
.MsgPopup .MsgWarning {
    border-color: #EB2E88;
}
.MsgPopup .MsgWarning .Header {
    color: #FFF;
    background: #EB2E88;
}
.MsgPopup .MsgWarning .Text {
    color: #000;
    background: #FFF;
}
.MsgPopup .MsgERR {
    border-color: #E3032E;
}
.MsgPopup .MsgERR .Header {
    color: #FFF;
    background: #E3032E;
}
.MsgPopup .MsgERR .Text {
    color: #E3032E;
    background: #FFF;
}
.MsgPopup .MsgOK {
    border-color: #EB2E88;
}
.MsgPopup .MsgOK .Header {
    color: #FFF;
    background: #EB2E88;
}
.MsgPopup .MsgOK .Text {
    color: #000;
    background: #FFF;
}

.MsgPopup .Close {
    position:absolute;
    right: 2px;
    top: 2px;
}
.MsgPopup .Close a {
    display:block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #FFF;
    font-family:'icomoon';
    font-weight: normal;
    text-decoration: none !important;
}
.MsgPopup .Close a:hover {
    font-weight: bold;
    text-decoration: none !important;
}
.MsgPopup .Close a:before {
    content: "\e771";
}
.lt-ie8 .MsgPopup .Close a {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e771');
}
.MsgPopup .MsgOK .Close a {
    color: #FFF;
}
.MsgPopup .MsgWarning .Close a {
    color: #FFF;
}
.MsgPopup .MsgERR .Close a {
    color: #FFF;
}


#divShortMsg {
    position:absolute;
    bottom:5px;
    right:20px;
    background-color:#FFF;
    z-index:9010;
    display:none;
    font-size:12px;
    color:#000;
    border: 2px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:7px;
    -moz-box-shadow: 2px 2px 3px 0px #aaa;
    -webkit-box-shadow: 2px 2px 3px 0px #aaa;
    box-shadow: 2px 2px 3px 0px #aaa;
}

#DivLeftOnglets {
    position:absolute;
    left: 40px;
    top:36px;
}
.btnLeftOngletUp, .btnLeftOngletDown, .DivLeftOngletDown {
    position:absolute;
    top:-15px;
    left:0px;
}
.btnLeftOngletUp, .btnLeftOngletUp a, .btnLeftOngletDown, .btnLeftOngletDown a, .DivLeftOngletDown {
    line-height:15px;
    font-size:14px;
    text-align:left;
}
.btnLeftOngletUp, .btnLeftOngletUp a {
    color:#FFF;
}
.DivLeftOngletDown, .btnLeftOngletUp a, .btnLeftOngletDown a {
    display: block;
    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:right;
}
.DivLeftOngletDown, .btnLeftOngletUp a, .btnLeftOngletDown a {
    width:100px;
    max-width:100px;
    height:30px;
    padding-left:15px;
    padding-right:15px;
    padding-top:13px;
    padding-bottom:7px;
}
.btnLeftOngletUp a, .btnLeftOngletUp a:hover {
    background-image:url(/repphp/boutons/btnOngletUp.png);
}
.btnLeftOngletDown a:hover {
    color:#EB2E88;
    background-image:url(/repphp/boutons/btnOngletOver.png);
}
.btnLeftOngletDown, .btnLeftOngletDown a, .DivLeftOngletDown {
    color:#EB2E88;
}
.btnLeftOngletDown a {
    background-image:url(/repphp/boutons/btnOngletDown.png);
}
.DivLeftOngletDown {
    background-image:url(/repphp/boutons/btnOngletDown.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:right;
}
.DivLeftOngletHeaderDown, .DivLeftOngletHeaderUp {
    position:relative;
    padding-top:35px;
}
.DivLeftOngletDownInner, .DivLeftOngletUpInner {
    background-repeat:repeat-y;
    background-origin:border-box;
    background-position:right;
    position:relative;
    width:100px;
    padding-left:15px;
    padding-right:15px;
    max-width:100px;
    text-align:left;
    font-size:12px;
}
.DivLeftOngletDownInner {
    display:block;
    position:relative;
    background-image:url(/repphp/boutons/btnOngletInner.png);
    color:#EB2E88;
}
.DivLeftOngletUpInner {
    display:none;
    position:absolute;
    background-image:url(/repphp/boutons/btnOngletUpInner.png);
    color:#FFF;
}
.DivLeftOngletDownInner a, .DivLeftOngletDownInner span {
    color:#EB2E88;
    font-size:12px;
    max-width:80px;
}
.DivLeftOngletDownInnerSel, .DivLeftOngletDownInnerSel a {
    color:#EB2E88;
    font-size:12px;
    max-width:100px;
}
.DivLeftOngletDownInnerUnsel, .DivLeftOngletDownInnerUnsel a {
    color:#EB2E88;
    font-size:12px;
    max-width:100px;
}
.DivLeftOngletUpInner a, .DivLeftOngletUpInner span {
    color:#1e2227;
    font-size:12px;
}

.btnRefresh, .btnValid, .btnValidR, .btnRetour, .btnRetourR {
    min-width:75px;
    height:53px;
    line-height:53px;
    text-indent:75px;
}
.btnRefresh, .btnValid, .btnRetour {
    text-align:left;
}
.btnValidR, .btnRetourR {
    text-align:right;
    direction:rtl;
}
.btnRefresh a, .btnValid a, .btnValidR a, .btnRetour a, .btnRetourR a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight:normal;
    background-repeat:no-repeat;
    background-origin:border-box;
}
.btnRefresh a, .btnValid a, .btnRetour a {
    background-position:left;
}
.btnValidR a, .btnRetourR a {
    background-position:right;
}
.btnRefresh a {
    background-image:url(/repphp/images/btnRefresh.png);
}
.btnValid a, .btnValidR a {
    background-image:url(/repphp/images/btnValid.png);
}
.btnRetour a, .btnRetourR a {
    background-image:url(/repphp/images/btnRetour.png);
}
.btnRefresh a:hover, .btnValid a:hover, .btnValidR a:hover, .btnRetour a:hover, .btnRetourR a:hover {
    font-weight: normal;
}
.btnRefresh a:hover {
    background-image:url(/repphp/images/btnRefresh2.png);
}
.btnValid a:hover, .btnValidR a:hover {
    background-image:url(/repphp/images/btnValid2.png);
}
.btnRetour a:hover, .btnRetourR a:hover {
    background-image:url(/repphp/images/btnRetour2.png);
}

.CadreRondCentre {
    position:relative;
    border: 2px solid #1e2227;
    background:#FFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding:10px;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}
.CadreRondCentreFin {
    border: 2px solid #1e2227;
    border-width: 1px;
    color:#000;
    background:#FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:7px;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}

.Cadre15GrisContainer {
    position: relative;
    padding: 10px;
    border: 2px solid #1e2227;
    background:#FFF;
}
.Cadre15GrisCorner {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-attachment: scroll;
    background-image: url(/repphp/boutons/Radius15Gris.png);
    background-color:#FFF;
    overflow: hidden;
}
.Cadre15GrisTL {
    top: -2px;
    left: -2px;
    background-position: 0px 0px;
}
.Cadre15GrisTR {
    top: -2px;
    right: -2px;
    background-position: 15px 0px;
}
.Cadre15GrisBL {
    bottom: -2px;
    left: -2px;
    background-position: 0px 15px;
}
.Cadre15GrisBR {
    bottom: -2px;
    right: -2px;
    background-position: 15px 15px;
}

.CenterTitle {
    line-height:50px;
    text-align:center;
    font-size:18px;
    color:#000;
}

.CenterFilAriane {
    line-height:15px;
    text-align:left;
    font-size:12px;
    color:#000;
}

.CenterEntete, .CenterFooter {
    line-height:15px;
    text-align:left;
    font-size:15px;
    font-weight: bold;
    padding:10px;
    color:#000;
}
.CenterEntete a, .CenterFooter a {
    color:#000;
}

.ModeleOuter {
    height: 310px;
    padding:10px;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
}
.ModelePreview, .ModelePreviewVide {
    width: 400px;
}
.ModelePreview img, .Vignette img {
    border: solid #EB2E88 thin;
}
.Vignette img {
    max-width: 50px;
    max-height: 50px;
}
.Vignette a {
    cursor: zoom-in;
}
.ModelePreviewVide {
    height: 300px;
    background: #808080;
}
.ModeleTitle, .ModeleTitle a {
    width: 230px;
    height: 50px;
    line-height:20px;
    font-size:14px;
    color:#000;
}

.ClientOuter {
    height: 100px;
    padding:10px;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
}
.ClientPreview, .ClientPreviewVide {
    width: 150px;
    height: 50px;
}
.ClientPreview img {
    border:none;
    max-width:150px;
    max-height:45px;
}
.ClientPreviewVide {
    background-color:#808080;
}
.ClientTitle, .ClientTitle a {
    width: 150px;
    height: 50px;
    line-height:16px;
    font-size:13px;
    color:#000;
}

.FondFields {
    position:relative;
    border: 2px solid #AAA;
    background: #AAA;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding:10px;
    opacity:0.85;
    -moz-opacity:0.85;
    filter:alpha(opacity=85);
}
.FondFieldsContainer {
    position: relative;
    padding: 10px;
    border: 2px solid #AAA;
    background: #AAA;
}
.FondFieldsCorner {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-attachment: scroll;
    background-image: url(/repphp/boutons/FondFields15.png);
    background-color: none;
    overflow: hidden;
}
.FondFieldsTL {
    top: -2px;
    left: -2px;
    background-position: 0px 0px;
}
.FondFieldsTR {
    top: -2px;
    right: -2px;
    background-position: 15px 0px;
}
.FondFieldsBL {
    bottom: -2px;
    left: -2px;
    background-position: 0px 15px;
}
.FondFieldsBR {
    bottom: -2px;
    right: -2px;
    background-position: 15px 15px;
}

.BlocQte {
    position:relative;
    padding:10px;
}
.BlocOptionQte {
    position:relative;
    padding:10px;
    background-color:#AED7FF;
}
.LigneQte {
    position:relative;
    width:240px;
    height:30px;
}
.OptionQte {
    margin-bottom:10px;
}
.OptionQte, .OptionQte table {
    color:#009;
    font-size:12px;
    line-height:15px;
}

.CenterTab {
    font-size: 10px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.CenterTab td {
    vertical-align: middle;
}
.CenterTab .TopLeft, .CenterTab .Top, .CenterTab .TopRight, .CenterTab .TopCadre {
    background:#1e2227;
    color: #FFF;
    font-size: 10px;
    font-family: ;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    height: $rep_css->center_tab_top->height;
    line-height: $rep_css->center_tab_top->line_height;
}
.CenterTab .TopLeft {
    border-left: 1px solid #1e2227;
    border-right: none;
    border-top: 1px solid #1e2227;
    border-bottom: 1px solid #1e2227;
    padding: 10px 5px 5px 5px;
}
.CenterTab .Top {
    border-left: 1px solid #1e2227;
    border-right: none;
    border-top: 1px solid #1e2227;
    border-bottom: 1px solid #1e2227;
    padding: 10px 5px 5px 5px;
}
.CenterTab .TopRight {
    border-left: 1px solid #1e2227;
    border-right: 1px solid #1e2227;
    border-top: 1px solid #1e2227;
    border-bottom: 1px solid #1e2227;
    padding: 10px 5px 5px 5px;
}
.CenterTab .TopCadre {
    border-left: 1px solid #1e2227;
    border-right: 1px solid #1e2227;
    border-top: 1px solid #1e2227;
    border-bottom: 1px solid #1e2227;
    padding: 10px 5px 5px 5px;
}
.CenterTab .Left, .CenterTab .TabInner, .CenterTab .Right, .CenterTab .BottomLeft, .CenterTab .Bottom, .CenterTab .BottomRight {
    background: inherit;
    color: inherit;
}
.CenterTab a, .CenterTab a:hover {
    color: inherit !important;
}
.CenterTab .Left {
    border-left: 1px solid #1e2227;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 5px 5px;
}
.CenterTab .TabInner {
    border-left: 1px solid #1e2227;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 5px 5px;
}
.CenterTab .Right {
    border-left: 1px solid #1e2227;
    border-right: 1px solid #1e2227;
    border-top: none;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 5px 5px;
}
.CenterTab .BottomLeft {
    border-left: 1px solid #1e2227;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 10px 5px;
}
.CenterTab .Bottom {
    border-left: 1px solid #1e2227;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 10px 5px;
}
.CenterTab .BottomRight {
    border-left: 1px solid #1e2227;
    border-right: 1px solid #1e2227;
    border-top: none;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 10px 5px;
}
.CenterTab .NoBorder {
    padding: 5px 5px 5px 5px;
}
.CenterTab .Empty {
    padding: 0;
}
.CenterTab .Cadre {
    border-left: 1px solid #1e2227;
    border-right: 1px solid #1e2227;
    border-top: 1px solid #1e2227;
    border-bottom: 1px solid #1e2227;
    padding: 5px 5px 5px 5px;
}
.CenterTab .BordInnerL {
    padding: 5px 5px 5px 5px;
    border-left: 1px solid #1e2227;
}
.CenterTab .BordL {
    padding: 5px 5px 5px 5px;
    border-left: 1px solid #1e2227;
}
.CenterTab .BordR {
    padding: 5px 5px 5px 5px;
    border-right: 1px solid #1e2227;
}
.CenterTab .BordT {
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #1e2227;
}
.CenterTab .BordB {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #1e2227;
}
.CenterTab .Impair {
    background: #FFF !important;
    color: #000 !important;
}
.CenterTab .Pair {
    background: #FFF !important;
    color: #000 !important;
}
.CenterTab .Selected {
    background:#17ADE2 !important;
    color:#000 !important;
}
.CenterTab .Impair:hover2, .CenterTab .Pair:hover2 {
    background:#17ADE2 !important;
    color:#000 !important;
    opacity:0.60;
    -moz-opacity:0.60;
    filter:alpha(opacity=60);
}
.CenterTab .Warning {
    background:#FDE295 !important;
    color:#000 !important;
}
.CenterTab .Alerte {
    background:#F28C00 !important;
    color:#FFF !important;
}
.CenterTab .Error {
    background:#E3032E !important;
    color:#FFF !important;
}

.FondSaisieLeft, .FondSaisieRight, .FondSaisieRightSmall {
    position:absolute;
    overflow:hidden;
    background-image:url(/repphp/boutons/FondQteGris.png);
    height:28px;
}
.FondSaisieLeft, .FondSaisieRight {
    width:150px;
}
.FondSaisieRightSmall {
    width:30px;
}
.FondSaisieLeft {
    left:0px;
    background-position:left;
}
.FondSaisieRight, .FondSaisieRightSmall {
    right:0px;
    background-position:right;
}
.FondSaisieEditLeft, .FondSaisieEditRight {
    position:absolute;
    overflow:hidden;
    background-image:url(/repphp/boutons/FondQteBlanc.png);
    width:40px;
    height:28px;
}
.FondSaisieEditLeft {
    right:20px;
    background-position:left;
}
.FondSaisieEditRight {
    right:0px;
    background-position:right;
}
.FondSaisieEdit input {
    border: none;
    padding: 0;
}

.FondSelection {
    background: #AAA;
    opacity:0.65;
    -moz-opacity:0.65;
    filter:alpha(opacity=65);
}

.btnUp {
    width:12px;
    height:7px;
}
.btnUp a {
    display: block;
    width: 100%;
    height: 100%;
    background-image:url(/repphp/boutons/btnUp.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:right;
}
.btnUp a:hover {
    background-image:url(/repphp/boutons/btnUp2.png);
}
.btnDown {
    width:12px;
    height:7px;
}
.btnDown a {
    display: block;
    width: 100%;
    height: 100%;
    background-image:url(/repphp/boutons/btnDown.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:right;
}
.btnDown a:hover {
    background-image:url(/repphp/boutons/btnDown2.png);
}

.btnTrash {
    background-image:url(/repphp/images/TrashRed.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    background-position:right;
    color:#FFF;
    width:23px;
    height:23px;
}

.AddPanier {
    background-image:url(/repphp/images/Panier2.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:20px;
    height:20px;
    line-height:60px;
}
.InPanier {
    background-image:url(/repphp/images/PanierIn.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:20px;
    height:20px;
    line-height:60px;
}
.AdrLiv {
    background-image:url(/repphp/images/Livraison.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:40px;
    height:50px;
}
.StatusDemo {
    background-image:url(/repphp/images/Demo.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:30px;
    height:30px;
    line-height:60px;
}
.StatusValid {
    background-image:url(/repphp/images/Valid2.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:44px;
    height:60px;
    line-height:70px;
}
.StatusCancel {
    background-image:url(/repphp/images/Cancel2.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:44px;
    height:58px;
    line-height:70px;
}
.StatusWait {
    background-image:url(/repphp/images/Wait2.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:44px;
    height:46px;
    line-height:70px;
}
.StatusEnProd {
    background-image:url(/repphp/images/EnProd.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:50px;
    height:50px;
    line-height:60px;
    font-size:10px;
}
.StatusLivEnCours {
    background-image:url(/repphp/images/LivEnCours.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:50px;
    height:50px;
    line-height:70px;
    font-size:10px;
}
.StatusObs {
    background-image:url(/repphp/images/Obs2.png);
    background-repeat:no-repeat;
    background-origin:border-box;
    width:50px;
    height:40px;
    line-height:70px;
}

.StatusDemo2, .StatusValid2, .StatusCancel2, .StatusWait2, .StatusEnProd2, .StatusLivEnCours2, .StatusObs2 {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #000;
    font-size: 18px;
}

.StatusDemo2:before {
    content:"\e6b6";
}
.lt-ie8 .StatusDemo2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e6b6');
}
.StatusValid2:before {
    content:"\e770";
}
.lt-ie8 .StatusValid2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e770');
}
.StatusCancel2:before {
    content:"\e76e";
}
.lt-ie8 .StatusCancel2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e76e');
}
.StatusWait2:before {
    content:"\e71b";
}
.lt-ie8 .StatusWait2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e71b');
}
.StatusEnProd2:before {
    content:"\e631";
}
.lt-ie8 .StatusEnProd2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e631');
}
.StatusLivEnCours2:before {
    content:"\e6e9";
}
.lt-ie8 .StatusLivEnCours2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e6e9');
}
.StatusObs2:before {
    content:"\e6ad";
}
.lt-ie8 .StatusObs2 {
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e6ad');
}


.AddPanier a,
.AdrLiv a,
.btnTrash a,
.StatusObs a {
    display: block;
    width: 100%;
    height: 100%;
}
.AddPanier a:hover,
.AdrLiv a:hover,
.btnTrash a:hover,
.StatusObs a:hover {
    -moz-box-shadow: 2px 2px 3px 0px #aaa;
    -webkit-box-shadow: 2px 2px 3px 0px #aaa;
    box-shadow: 2px 2px 3px 0px #aaa;
}

.Excel {
    max-width:300px;
    max-height:300px;
    overflow:auto;
}
.Excel table {
    font-size:12px;
    background-color:#FFFFFF;
    background-origin:border-box;
    color:#000000;
}
.Excel th {
    border-color:#666666;
    border-style:solid;
    border-width:thin;
    text-transform:uppercase;
    background-color:#CCCCCC;
    padding:5px
}
.Excel td {
    border-color:#000000;
    border-style:solid;
    border-width:thin;
    text-transform:none;
    padding:5px
}

.BtnPage, .BtnPage a {
    font-size: 11px;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}
.BtnPage a {
    display: block;
    color: #000 !important;
}
.BtnPage, .BtnPage a:hover {
    color: #000 !important;
}
.BtnPage input {
    width: 20px !important;
    height: auto !important;
    padding: 1px !important;
    text-align: center;
    font-size: 11px !important;
    font-family: 'NeoSansPro-Regular', Verdana, Geneva, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.BtnAction {
    position:relative;
    padding: 0 0 5px 0;
    vertical-align: top;
    font-size: 12px;
    width: 190px;
    max-width: auto;
    min-width: 100px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 5px 0;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.BtnAction a {
    display: block;
    line-height: 12px;
    padding: 10px 5px 10px 5px;
    background: #FFF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #EB2E88 !important;
    font-family: 'NeoSansPro-Medium', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
}
.BtnAction a:hover {
    font-family: 'NeoSansPro-Medium', Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
    background: #1e2227;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.Next a {
    color: #FFF !important;
    background: #EB2E88;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.Next a:hover {
    color: #FFF !important;
    background: #1e2227;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.New a {
    color: #FFF !important;
    background: #EB2E88;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.New a:hover {
    color: #FFF !important;
    background: #1e2227;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.Prev a {
    color: #FFF !important;
    background: #EB2E88;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.Prev a:hover {
    color: #FFF !important;
    background: #1e2227;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.BtnAction.Small {
    display: inline-block;
    width: auto !important;
    min-width: 50px !important;
    max-width: auto !important;
    height: auto !important;
    min-height: 10px !important;
    max-height: auto !important;
}
.BtnAction.Small a {
    padding: 7px !important;
}
.BtnAction.Seul {
    padding: 0 !important;
    margin: 0 !important;
}
.BtnAction.Big {
    display: inline-block;
    width: auto !important;
}

.VTop {
    vertical-align: top !important;
}

.divLangue {
    position:absolute;
    right: 20px;
    top: 20px;
}

/* pager */
.cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}