/*====================*/
/*=== Reset Styles ===*/
/*====================*/



/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}






body {
	line-height:1.2;
	color:#333;
	background:white;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
body {background: transparent; }

strong {font-weight:bold;}

a {color:#0e3083;}
a :hover {color:#0e3083; text-decoration:underline;}

p  {	color:#333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;}




hr { border: 1px solid #eee;
	margin: 30px 0 20px 0;}

/********** LOGIN **********/

.nomclient {position:relative; color:#fff; text-align:right; padding: 0 30px 0 0;}


#login {
	position:relative;
	float:left;
	height:32px;
	width:896px;
	background-color:#3b3b3b;
	color: #FFF;
    padding: 8px 0px 0px 100px;
    font-size: 12px;	
}

#login input[type=text], #login input[type=password] , #cadre_login input[type=password] {
	
	background-color:#3b3b3b;
	height: 15px;
	border: 1px solid #fff;
	color: #fff;
}


#login input[type=submit] {
	color:#fff;
	background-color:#3b3b3b;
	border:none;
	 font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	-webkit-appearance: none;
}

#login input[type=submit]:hover{
	cursor:pointer;
	color: #f29400;
	
}

#login p {
	margin:0px;

}

.login {background: transparent url(/images/login.png) no-repeat top left;
padding: 0 0 0 30px;}

.mdp{padding: 0 0 0 20px;}


.mdpPerdu {
	margin:0 15px 0 10px;
	padding:0 0 0 40px;
	
}

.mdpPerdu a {
	color:#fff;
	text-decoration: underline;
	
}

.mdpPerdu a:hover {
	color: #f29400;
	
}

.seConnecter{
	text-align:center;
}

.inscrire{
	text-align:center;
}

.seConnecter input {
	
}
/********** FIN LOGIN **********/

/********** BANNIERE DU HAUT **********/

#cadre_banniere {
	position:relative;
	float:left;
	width:996px;
	height:110px;
	
	
}


#logo_transfoshop {
	position:relative;
	float:left;
	width:326px;
	height:110px;

}
#banniere_info {
	position:relative;
	float:left;
	width:390px;
	height:110px;
	
	
}



/********** PANIER **********/
#panier {
	height:80px;
	float:left;
	width:280px;
	
}

#panier-vide {
position: relative;
float:right;
width: 180px;
height: 30px;
background: #fff url(/images/panier-vide.png) no-repeat;
background-position:12px 5px;
color:#b1b1b1;
text-align: center;
margin: 10px 30px 0 0;
padding: 15px 10px 0 45px;

font-size: 14px;}



#panier-plein {
position: relative;
float:right;
width: 180px;
height: 30px;
background: #fff url(/images/panier-plein.png) no-repeat;
background-position:12px 5px;
color:#0e3083;
text-align: right;
margin: 10px 30px 0 0;
padding: 15px 10px 0 45px;
font-size: 13px;
	font-weight: bold;}


.detail   {
	border:none;
	float:left;
	color:#0e3083;

	font-size:11px;
	padding:3px 0px 0 0px;
	text-align: right;
	margin-left: 10px;
	background-color:#fff;
	-webkit-appearance: none;
}

.suivi  {
	float:right;
	border:none;
	color:#0e3083;
	font-size:11px;
	padding:3px 30px 0 0;
	text-align: right;
	background-color:#fff;
-webkit-appearance: none;	
	
}

#panier input.detail:hover {
	cursor:pointer;
	border:none;
	text-decoration:underline;
	color:#f29400;
}
	
#panier input.suivi:hover {
	cursor:pointer;
	border:none;
	text-decoration:underline;
	color:#f29400;
}





/* Zone de Recherche rapide---------------------------- */
#recherche {
	position:relative;
	float:right;
	width:266px;
	height:30px;
	
}

#recherche input[type=text] {
	
	height: 16px;
	border: 1px solid #ccc;
	color: #0e3083;
	font-size: 12px;
	margin: 5px 0 0 30px;
	padding:2px 0 2px 10px;
	text-align:center;
	vertical-align: middle;
	width: 162px;
	-webkit-appearance: none;
}

#recherche input.recherche-btn { 
	cursor:pointer;
	height: 22px;
	width: 32px;
	vertical-align: bottom;
	padding: 0 0 0 0px;
	border: 1px solid #0e3083;
	text-decoration:none;
	background-color:#0e3083;
	color:#fff;
	-webkit-appearance: none;}

/********** FIN BANNIERE DU HAUT **********/







.encarts {margin-top:20px;}


.encart-newsletter {position:relative; float:left; width:214px;  height:125px; border:1px solid #ccc; background:#fff; margin-bottom:20px; display:none;}
.newsletter-txt1{position:relative; float:left; width:194px; margin:2px 0 5px 20px; color:#0e3083;  font-size:14px; line-height:13px;  font-family:"Arial Black", Gadget, sans-serif;}
.newsletter-txt2{position:relative; float:left; width:194px; margin:15px 0 0px 20px; color:#ccc; text-transform:uppercase; font-family:"Arial Black", Gadget, sans-serif; font-size:14px;}

	
.encart-newsletter select{
	height:22px;
	width:145px;
	color:#0e3083;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	padding-left: 5px;
	vertical-align: middle;
	margin:0px 0 0 20px;
}

.encart-newsletter  input[type=text] {
	height:20px;
	width:169px;
	color:#0e3083;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	padding-left: 5px;
	margin:0 0 0 20px;
	vertical-align: middle;
 }





/********** FIN MENU GAUCHE **********/


/********** tableauSITE DYNAMIQUE **********/
#tableau {
	position:relative;
	float:left;
	height:auto;
	width:720px;
	border:0;
	padding:0;
	margin-top:5px;
	height:100%
	background-color:#fff;
}

#tableau  h1{
	text-align : left;
	width: 690px;
	font-size: 16px;
	color:#0e3083;
	font-family:"Arial Black", Gadget, sans-serif;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	padding : 8px 0;
	text-transform:uppercase;
	margin-top: 0px;
	margin-bottom : 15px;
	    -webkit-text-size-adjust: none;
}
	
#tableau h1 a{
	color:#0e3083;
	font-size: 14px;
	}	
	
#tableau h1 a:hover{
	color:#f29400;
	}
	
#tableau h2{
	
	font-size: 14px;
	color:#0e3083;
	font-family:"Arial Black", Gadget, sans-serif;
	padding : 8px 0;
	text-transform:uppercase;
	margin-top: 0px;
	margin-bottom : 15px;
	    -webkit-text-size-adjust: none;
}	

#tableau h3{
	
	font-size: 13px;
	color:#0e3083;
	font-family:"Arial Black", Gadget, sans-serif;
	padding : 8px 0;
	text-transform:uppercase;
	margin-top: 10px;
	margin-bottom : 5px;
	    -webkit-text-size-adjust: none;
}		
	
	
	
#tableau h4{
	
	font-size: 13px;
	color:#333;
	font-family:"Arial Black", Gadget, sans-serif;
	padding : 8px 0;
	margin-top: 10px;
	margin-bottom : 0px;
	    -webkit-text-size-adjust: none;
}	


#tableau h5{
	
	font-size: 14px;
	color:#333;
	
	padding : 8px 0;
	margin-top: 5px;
	margin-bottom : 0px;
	    -webkit-text-size-adjust: none;
}	
		
/********** SLIDER **********/

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
	
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.slider-wrapper { 
	width: 690px;
	height:330px;
	margin: 0 0;
	margin-bottom: 10px;
}

.theme-default #slider {
    margin:0px auto 0 auto;
	
}


.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/images/slider/loading.gif) no-repeat 50% 50% ;
	width: 690px;
	height:300px;
    
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: left;
	padding: 20px 0;
	margin:-20px 0 0 540px;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin: 10px 2px;
	background:url(/images/slider/bullets.png) no-repeat;
	
	
}


.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}




/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



/********** FIN SLIDER **********/

div.cadre_promo {
	position:relative;
	float:left;
	height:320px;
	min-height:320px;
	width:210px;
	text-align:center;
	padding:0 0 0 0;
	margin: 0 27px 20px 0;
	border-bottom: 1px dotted #ccc;
	background:url(/images/bg-promo.png) no-repeat top center;
}




div.promo-photo {
	position:relative;
	height:150px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 2px;
	margin-top: 3px;
	overflow:hidden;
}

div.promo-photo img {
	height:150px;
	width:150px;
	border:none;
	
}
.promo-ph-nc{
	position:relative;
	float:left;
	width:150px;
	display:block;
	height: auto;
	margin: 2px 0 0px 0px;
	text-align:left;
	color:#777;
	font-size:8px;}
	
.promo-remise{ 
position:relative; 
float:left;
text-align:center; 
width:80px;
line-height:30px; 
background:#f29400; 
font-size:22px;
font-weight:bold;
padding: 10px 0;
margin-top: 5px;
vertical-align: middle;
color: #fff; }

.promo-px { 
margin: 5px 0 5px 0;
position:relative; 
float:right; 
width:130px; 
text-align:right; 
font-size:20px;
font-weight:bold;
color:#f29400;  }


.prix-normal{ 
position:relative; 
float:left; 
width:130px; 
text-align:right;  
color:#0e3083;
font-weight:bold; 
font-size:14px; }

.aulieude { color: #000;font-weight:bold; font-size:12px; }

.promo_desig {
	position:relative;
	float:left;
	width:210px;
	height:35px;
	text-align:left;
	margin: 10px 0 5px 0;
	color: #000;
	font-weight:bold;
	font-size:12px;
}

.promo_desig a {
	color:#666;
	font-weight:normal;
	text-decoration:none;
}


.promo_desig a:hover {
	color:#0e3083;
	text-decoration:underline;
}

.detail_bouton {
	position:relative;
	float:right;
	width:80px;
	line-height:20px;
	background:#0e3083; 
	text-align:center;
	color: #fff;
	font-weight:bold; 
	font-size:12px;
	
}
.detail_bouton div {
	vertical-align: middle;
	}
	

	
.detail_bouton  a{
	color: #fff;
	font-weight:bold; 
	font-size:12px;
	text-decoration:none;
	}

.detail_bouton  a:hover{
	color: #f29400;
	font-weight:bold; 
	font-size:12px;
}


.destockage {
	position: absolute;
	width:80; 
	height:80px; 
	float:left; 
	z-index:8; 
	margin:73px 0 0 127px;}




/********** FIN PROMOTION PAGE ACCUEIL **********/

/********** PAGES EXTERNES **********/

.contenu_page {width: 690px; text-align:justify;}

/********** LISTE PRODUITS **********/

.liste-bloc {
	position: relative;
	float: left;
	width: 338px;
	margin: 0 10px 10px 0px;
	border:1px solid #ccc;
	height:200px;	}



.v-photo {
	position:relative;
	float:left;
	width:100px;
	height:130px;
	z-index:5;
	padding:0px;
	margin:10px 10px 5px 10px;

	
}


.v-photo a:hover{
	color:#F6C; 
}

.v-pic {
	height:100px;
	width:100px;
	margin-bottom:10px;
}

.v-pic img {
	width:100px;
	height:100px;
	border:2px solid #eee;
}

.v-pic img:hover {
	top:0px;
	width:170px;
	height:170px;
	position:relative;
	border:2px solid #eee;
}


.v-ref {
	position:relative;
	float:left;
	display:inline;
	width:190px;
	height: 20px;
	margin: 10px 0 10px 10px;
	text-align:left;
	color:#666;
	font-size:11px;
}


.v-ref  input{
	text-align:left;
	color:#666;
	width:150px;
	font-size:11px;
	border:none;
	background-color:#fff;
	-webkit-appearance: none;
}

.v-desig {
	position:relative;
	float:left;
	display:block;
	width:190px;
	height: 45px;
	margin: 0px 0 5px 10px;
	text-align:justify;
	line-height:1em;
	
}

	
.v-desig a {
	text-decoration:none;
	color:#222;
	font-size:13px;
	font-weight:bold;
	
}
	
.v-desig a:hover {
	text-decoration:underline;
	color:#0e3083;
}

.v-detail {
	text-decoration:none;
	color:#0e3083;
	padding: 0 0px 0 5px;
	
}

.v-remise {
position:relative; 
float:left;
text-align:center; 
width:70px;
line-height:30px; 
background:#f29400; 
font-size:18px;
font-weight:bold;
margin:0 5px 0 10px;
padding: 10px 0;
vertical-align: middle;
color: #fff;
}


.v-prix { 
margin: 0px 10px 5px 0;
position:relative; 
float:right; 
width:110px; 
text-align:right; 
font-size:20px;
font-weight:bold;
color:#f29400;  }


.v-prix-normal{ 
position:relative; 
float:right; 
width:120px;
margin: 0px 10px 5px 0; 
text-align:right;  
color:#0e3083;
font-weight:bold; 
font-size:13px; }

.v-aulieude { color: #000;font-weight:bold; font-size:12px; }

.v-livraison {
position:relative; 
width:115px;
margin: 0px 10px 5px 0; 
float:right; 
color:#0e3083; 
font-size:12px; 
text-align:right; 
padding: 2px 0 2px 0; 
line-height:1.2em; }
.titre {color: #666;}
.majuscule {text-transform: uppercase;}

.v-valide-1{
position:relative; 
float:left;
text-align:left; 
font-size:18px;
font-weight:bold;
margin:0 10px 0 10px;
padding: 15px 0;
vertical-align: middle;
color:#0e3083;}
	 
.v-valide-2{
position:relative; 
float:left;
width:40px; height:40px;
margin:3px 0px 0 125px;

}

.bouton-panier 
{	
    background:#fff url(/images/panier-plein.png) no-repeat top center;
	width:40px; height:40px; border:1px solid #fff; cursor:pointer; -webkit-appearance: none;}
 
 .bouton-panier:hover
{	
    background:#fff url(/images/panier-hover.png) no-repeat top center;
	}
	 
	 
	 
	 
.v-quantite {
position:relative; 
float:right;
text-align:center; 
font-size:18px;
font-weight:bold;
margin:0 10px 0 10px;
padding: 12px 0 10px 0;
vertical-align: middle;
color: #fff;}

.bouton-ajout-produit {
	color:#fff;
    background-color:#0e3083;
	border:1px solid #fff;
	font-size:14px;
	height: auto;
	padding: 2px 4px 2px 4px;
	cursor:pointer;
		-webkit-appearance: none;
	}
	
.bouton-ajout-produit:hover {
	color:#fff;
    background-color:#f29400;

	}	

	
.submit {
	color:#fff;
    background-color:#0e3083;
	border:1px solid #fff;
	font-size:14px;
	height: auto;
	padding: 2px 4px 2px 4px;
	cursor:pointer;
		-webkit-appearance: none;
	}
	
.submit:hover {
	color:#fff;
    background-color:#f29400;

	}		


/********** FICHE PRODUITS **********/


.fiche_produit {
	position:relative;
	float:left;
	width:690px;
	height:auto;
	border:1px solid #ccc;
}

.p-photo {
	position:relative;
	margin:10px 10px 10px 10px;
	float:left;
	height:160px;
	width:150px;
	z-index:5;
	border:none;
	text-decoration:none;
}

.p-photo img {
	width:150px;
	height:150px;
	border:4px solid #eee;
}

.p-photo img:hover {
	width:230px;
	height:230px;
	position:relative;
	border:1px solid #999;
}


.p-ph-nc {
	position:relative;
	float:left;
	width:150px;
	display:block;
	height: auto;
	margin: 2px 0 0px 0px;
	text-align:left;
	color:#777;
	font-size:8px;
}

.p-ref {
	position:relative;
	float:left;
	width:400px;
	display:block;
	height: 20px;
	margin: 10px 0 0px 10px;
	text-align:left;
	color:#666;
	font-size:12px;
}


.p-desig {
	position:relative;
	float:left;
	width:400px;
	height: auto;
	margin: 0px 0 5px 10px;
	color:#222;
	font-size:14px;
	
}

	
.p-livraison {
	position:relative;
	float:left;
	width:400px;
	height: auto;
	color:#0e3083;
	font-size:14px;
	margin: 0px 0 5px 10px;
	text-align:left;}


	
	
	


.p-remise {
position:absolute; 
float:right;
top:0px;
left:590px;
text-align:center; 
width:80px;
line-height:30px; 
background:#f29400; 
font-size:18px;
font-weight:bold;
margin:10px 0px 0 10px;
padding: 10px 0;
vertical-align: middle;
color: #fff;
}


.p-prix { 
margin: 0px 10px 5px 0;
position:relative; 
float:right; 
display:block;
width:420px; 
text-align:right; 
font-size:24px;
font-weight:bold;
color:#f29400;  }


.p-prix-normal{ 
position:relative; 
float:right; 
width:420px; 
margin: 0px 10px 5px 0; 
text-align:right;  
color:#0e3083;
font-weight:bold; 
font-size:16px; }

.p-aulieude { color: #000;font-weight:bold; font-size:13px; }

.p-quantite {
position:relative; 
float:right;
text-align:center; 
font-size:18px;
cursor:pointer;
font-weight:bold;
margin:0 10px 0 10px;
padding: 11px 0 10px 0;
vertical-align: middle;
color: #fff;}

.p-panier {
	position:relative;
	float:right;
	text-align:right;
	display:block;
	width:500px;
	height: auto;
	color:#0e3083;
	font-size:14px;
	margin: 0px 10px 5px 10px;
	text-align:left;}
	
.p-dejapanier {
	float:right;
	text-align:right;
	padding:0;
    border:none;
	color:#08ae00;
	font-weight:bold;
	cursor:pointer;
	background:#fff;
	-webkit-appearance: none;
}
	
.p-dejapanier:hover {
	cursor:pointer;
	border:none;
	color:#f29400; 
}

.p-description {
	float:left;
	width:650px;
	border:1px dotted #ccc;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	text-align:justify;
	font-size:12px;
	color:#333;
	
}

.p-description h2 {
	text-align : left;
	width: 100%;
	font-size: 13px;
	color:#0e3083;
	font-family:"Arial Black", Gadget, sans-serif;
	border-bottom : 1px solid #ccc;
	padding : 8px 0;
	text-transform:uppercase;
	margin-top: 0px;
	margin-bottom : 15px;}
	


.p-caracteristiques {
	float:left;
	width:650px;
	border:1px dotted #ccc;
	margin: 30px 0px 10px 10px;
	padding: 10px;
	text-align:justify;
	font-size:12px;
	color:#333;
	
}

.p-caracteristiques h2 {
	text-align : left;
	width: 100%;
	font-size: 13px;
	color:#0e3083;
	font-family:"Arial Black", Gadget, sans-serif;
	border-bottom : 1px solid #ccc;
	padding : 8px 0;
	text-transform:uppercase;
	margin-top: 0px;
	margin-bottom : 15px;}


	
/* JTabs caracteristique/description */	

html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 15px; margin: 0 0 20px 0; }
#page-wrap { width: 650px; margin: 20px auto; }


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }




/* Specific to example two */

#description-tab .list-wrap { background: #fff; padding: 10px; margin: 0 0 15px 0; }

#description-tab ul { list-style: none; }
#description-tab ul li a { display: block; border-bottom: 1px solid #ccc; padding: 4px; color: #666; }
#description-tab ul li.zonesup { display: block; border-bottom: 1px solid #eee; padding: 4px; color: #333; }
#description-tab ul li a:hover { background: #333; color: white; }
#description-tab ul li:last-child a { border: none; }

#description-tab .nav { overflow: hidden; }
#description-tab .nav li { width: 120px; float: left; margin: 0 10px 0 0; }
#description-tab .nav li.last { margin-right: 0; }
#description-tab .nav li a { display: block; padding: 5px 10px 5px 10px; background: #666; color: white; font-size: 12px; text-align: center; border: 0; }

#description-tab li a.current,#description-tab li a.current:hover { background-color: #dce6ff !important; color:#0e3083 ; font-weight:bold; }
#description-tab .nav li a:hover, #description-tab .nav li a:focus { background: #999;}	
	
	
/* FIN JTabs caracteristique/description */	
	
	
/* Tableau panier Transfoshop */	

table.panier-ts  {	
	width:690px;
	border:1px dotted #ccc;
	margin: 0;
	padding: 10px;
	text-align:justify;
	font-size:12px;
	color:#333;}
	

td.entete {	
	border-bottom:1px dotted #ccc;
	text-align:center;
	font-size:12px;
	height:30px;
	padding: 5px 0 px 0;
	color:#0e3083;
	font-weight:bold;}

td.desig {
	width:250px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	text-align:justify;
	font-size:12px;
	color:#333; }
	

td.qte {
	width:30px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	font-size:12px;
	color:#333; }
	
	
td.remise {
	
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	font-size:12px;
	color:#333; }	
		
td.puht {
	width:80px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	text-align:right;
	font-size:12px;
	color:#333; }


	
	
td.ptht {
	width:80px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	text-align:right;
	font-size:12px;
	color:#333; }	
		
	
td.supprimer{
	width:20px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	text-align:right;
	font-size:12px;
	color:#333; }

td.actualise{
	width:40px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	padding: 10px;
	text-align:right;
	font-size:12px;
	color:#333; }		
			
td.titre_bas{
	width:40px;
	padding: 10px;
	text-align:right;
	font-size:12px;
		font-weight:bold;
	color:#0e3083; }		

td.titre_bas_total{
	width:40px;
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	padding: 10px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#0e3083; }		
	
td.total_bas_total{
	width:40px;
	border:1px dotted #ccc;
	padding: 10px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#333; }		
	
/* FIN Tableau PANIER  */	

td.cdencours {
	width:80px;
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding: 10px;
	text-align:center;
	font-size:12px;
	color:#333; }	


/* Tableau PAGE CONTACT */	

table.contact {	
	width:690px;
	border:1px dotted #ccc;
	margin: 20px 0 10px 0;
	padding: 10px;
	text-align:justify;
	font-size:12px;
	color:#333;}
	

td.entete-contact {	
	
	text-align:right;
	font-size:12px;
	vertical-align: top;
	height:30px;
	width:auto;
	padding: 5px 20px 0px 0;
	color:#0e3083;
	font-weight:bold;}

	.champObligatoire {color: #f29400; margin-left:2px;}
	
/* FIN Tableau CONTACT */	


div.iciRelais {
	position:relative;
	float:left;
	width:240px;
	min-height:140px;
	margin:5px 5px;
	padding:5px;
	height:auto;
	border:1px dashed #888;
	background-color:#f9efff;
}

div.adrlivok {
	position:relative;
	float:left;
	width:660px;
	min-height:100px;
	margin:10px 0px 10px 0px;
	padding:15px;
	height:auto;
	border:1px dashed #888;
	background-color:#fff;
}







































#cgv {
	position:relative;
	float:right;
	width:186px;
	height:86px;
}

#cgv img, #contacter img, #nouveautes img, #mercanet img, #suiviColis img {
	border:none;
}

#contacter {
	position:relative;
	float:right;
	width:186px;
	height:46px;
}

#suiviColis {
	position:relative;
	float:right;
	width:186px;
	height:120px;
	background-repeat:no-repeat;
}

#mercanet {
	position:relative;
	float:right;
	width:186px;
	height:120px;
	text-align:center;
}


#suiviColis p, #suiviColis a {
	margin:0px;
	padding:0px;
}

#logo_marque {
	position:relative;
	float:right;
	width:100px;
	height:100px;
}





#bandeau_marque { 
	position:relative;
	float:right;
	width:450px; 
	height:135px; 
	overflow:hidden; 
	border:0px solid #000; 
	margin-top:20px;
	margin-left:30px;
} 



#logos img {
	height:130px;
	width :130px;
	margin:0px 10px; 
}


#logo_activite_coiffure, #logo_activite_esthetique {
	position:relative;
	float:left;
	width:150px;
	height:36px;
	margin-left:75px;
}



#menu_client {
	position:relative;
	float:right;
	width:190px;
	height:auto;
}






/* Navigation pages ------------------------------------  */	
#pages {
	position:relative;
	float:left;
	width:660px;
	height:28px;
	padding: 0 0 0px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:left;
	
}

.num-page {color:#888; font-size:12px;}

.Cpage, .Npage {
	border:none;
	width:24px;
	height:24px;
	padding: 5px;
	font-weight:bold;
	font-size:13px;
	
}

.Npage {
	color:#888;
	background:#fff;
	padding:0 2px 0 2px;
	-webkit-appearance: none;
}

.Npage:hover {
	cursor:pointer;
	color:#f29400; 
}

.Cpage {
	color:#0e3083;
	background:#fff;
	font-size:16px;
	padding:0 2px 0 2px;
	-webkit-appearance: none;
}

#retour_haut {
	position:relative;
	float:left;
	width:30px;
	height:auto;
	background:#fff url(/images/haut_page.png) no-repeat top center;
}

#retour_haut img {
	border:none;
}
	
#retour_haut a {
	color:#936;
	text-decoration:none;
}
	


	
	
ul.nav li {
   display: inline;
   text-align: center;
   padding: 2px ;
   margin: 0;
     }

.footer {
	position:relative;
	float:left;
	width: 586px;
	margin: 5px 0 0 250px;
	}	 
.social {
	position:relative;
	float:right;
	text-align:right;
	width: 100px;
   }
 
 .separation {padding: 0 6px 0 8px;}

/* Affichage des vignettes articles */
.v-dejapanier {
	border:none;
	color:#33CC66;
	width:60px;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(/images/v-panier.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:right;
	font-style:normal;
}
	
.v-dejapanier:hover  {
	cursor:pointer;
	border:none;
	color:#FF6699;
	background-image:url(/images/v-panier2.png);
}




















/* LE FORMULAIRE d'inscription ------------------------------------  */	
.inscription input {
	color:#000;
}

.inscription select {
	color:#000; }


.inscription option {
	color:#000;
}

.inscription textarea {
	color:#000;
}
/*---------------*/

p.offreSpeciale {
	margin:0;
	padding:0;
	color:fuchsia;
	background-color:#FF0;
	text-decoration:blink;
	font-weight:bold;
	text-transform:uppercase;
}



span.nomProduit {
	font-weight:bold;
	color:#936;
}

span.nomMarque {
	font-weight:bold;
}



span.prixHT {
	color:#00f;
}

span.prixTTC {
	color:#000;
}

span.prixHTrem {
	color:#00f;
	font-weight:bold;
}

span.prixTTCrem {
	color:#000;
	font-weight:bold;
}

span.prixappel {
	color:#000;
	font-weight:bold;
}

#suivi p {
	margin:3px;
}

#suivi img {
	text-align:center;
	border:0;
	margin:0px 60px;
	margin-top:20px;
}

#info3D {
	padding:12px;
	text-align:justify;
}

#info3D li {
	margin-top:6px;
}

#cookie-bar {background:#000; min-height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:5px 3px; z-index:10000; height:auto; }
#cookie-bar p{font-size:12px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:10px; color:#eeeeee; }
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0e3083;}
#cookie-bar .cb-policy:hover {background:#ff2f47;}


#banniere {	position: relative;
	float:left;
	width: 996px;
	height: 160px;
z-index: 28;
		}

#conteneur {
	position:relative;
}

#conteneur2
 {
	position : relative;
	width: 996px;
	margin-left: auto; 
    margin-right: auto; 
	
	
	}
	
#conteneurpro
 {
	position : relative;
	width: 996px;
	margin-left: auto; 
    margin-right: auto;
		
	}
	
#rechgauche   {
	position:relative;
	float: left;
	width:274px;
	margin-left:2px;
	border: none;
	color: #fff;
	font-size: 13px;
	  padding-top: 30px;
	text-align: left;
	margin-bottom:10px;

	}
#conteneur3
 {	position : relative;
	width: 996px;
	margin-left: auto; 
    margin-right: auto; 
	
	}
	
#footer {

clear:both;
	color:#666;
	background-color:#fff;
	vertical-align: middle;
	padding:30px 0 5px 0;
	    text-align: right;
    padding-right: 60px;
	
}

#footer a{
	color:#666;
	}
	
#footer a:hover{
	color:#0e3083;
	}
	
/********** MENU GAUCHE **********/

#menu {
	position:relative;
	float:left;
	width:216px;
	min-height:800px;
	margin: 3px 30px 30px 30px;
	border-bottom: 1px dotted #eee;
	}

#menu h1 {
	text-align : center;
	font-size: 16px;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	padding : 8px 0;
	margin-bottom : 15px;
	
	}
	
#menu h1 a{
 text-decoration:none;
 color:#0e3083;
 font-family:"Arial Black", Gadget, sans-serif;	
	}

#menu ul {
	padding:0;
	margin:0;
	font-weight: bold;
	}

#menu ul ul{
	padding:0 0 15px 15px;
	margin:0;
	font-weight: normal;
	}	
	
#menu ul li {
	padding:0;
	margin:0;
	list-style-type:none;	
	list-style-image:none;
	
}

#menu ul li:before {
    content: "\00BB \0020";
	color:#0e3083;
	font-size:16px;
	
   }
   
#menu ul ul li:before {
    content: "\00BB \0020";
	color: #f29400;
	font-weight:bold;
	font-size:13px;
   }
   
#menu ul ul li {
    padding: 3px 0 0 0;
   }   
   

#menu  ul li a {
	padding:0;
	margin:0;
	text-decoration:none;
	font-size: 14px;
	color:#0e3083;
	font-family:"Arial Black", Gadget, sans-serif;	
}

#menu ul li a:hover {
	color:#f29400;
	text-decoration:underline;
}





#menu  ul ul li a {
	padding:0px 0 0 0;
	margin:0px 0 0 0;
	font-size: 13px;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	color:#333;
}

#menu ul ul li a:hover {
	color:#0e3083;
	text-decoration:underline;
}








/*scroll to top bouton*/

.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:40px;
	display:none;
	background: url('../images/totop.png') no-repeat 0px 20px;
	z-index:99999;
}
.scrollToTop:hover{
	text-decoration:none;
}







/* Flexnav Base Styles */
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
background-color:#fff;
  max-height: 0; 	-webkit-appearance: none;

  }
  
  .flexnav ul{
  padding:0px 0 0 0;

  }
  
  
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.flexnav-show {
    max-height: 3000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
	
	 .flexnav h1 {
    font-size: 16px;
    position: relative;
    overflow: hidden; padding: 10px 0 0 10px;}
	
  .flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden; 
	padding:0px;
	list-style-type: none;	
	
	}
  .flexnav li a {
    position: relative;
    display: block;
    padding: 10px 0 10px 10px;
    z-index: 2;
    overflow: hidden;
    color:  #0e3083;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-weight:500; }
  .flexnav li ul {
    width: 100%; }
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
  .flexnav li ul.flexnav-show li {
    overflow: visible; }
  .flexnav li ul li a {
    display: block;
    background: #b2b2af; }
  .flexnav ul li ul li a {
    background: #bfbfbc; }
  .flexnav ul li ul li ul li a {
    background: #cbcbc9; }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: center; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 1.4em;
      font-size: 12px;
      color: #666; }

	  
	  
	  

.menu-button {
  position: relative;
  display: block;
  padding: 0.8em;
  margin:0px 0 0 0;
  background: #0e3083;
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 10;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center; }
    .menu-button .touch-button .navicon {
      font-size: 16px;
      position: relative;
      top: 1em;
      color: #666; }

	  .menu-button ul li {padding:0;}
	  



/*RESPONSIVE DEVICE PAR DP*/

/*BUREAU DEVICE MIN 996*/

@media only screen and ( min-device-width: 996px ) {
#mobile-cherche{display:none;}
.image-det {width:150px;}
#logo-mobile {display:none;}
#identification-mobile {display:none;}
#panier-mobile{display:none;}
#container-panier-mobile {
display:none;
}
#mobile-menu{display:none;}

#phone-mobile{display:none;}



}



/*MAX 480 IPHONE...*/

@media only screen and (max-device-width: 480px) {

#tableau {
    width: 100%;
    margin: 20px auto 20px auto;
    display: table-cell;
    text-align: center;}

div.cadre_promo {
	position:relative;
	float:none !important;
	height:320px;
	min-height:320px;
	width:210px;
	text-align:center;
	padding:0 10px 30px 10px;
	margin: 0 27px 20px 0;
	border-bottom: 1px dotted #ccc;
	background:url(/images/bg-promo.png) no-repeat top center;
	 display: inline-block;
    margin: 30px auto !important;
	}
	
#tableau form {
    margin: 0 auto !important;	
}

/*LISTE produits*/

.liste-bloc {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0px 10px 0px;
    border: 1px solid #ccc;
    height: auto;
}


.v-photo , .v-pic, .v-pic img {
    height: 97%;
    width: 97%;
    
}


.v-pic img:hover {
	top:0px;
	width:97%;
	height:97%;
	position:relative;
	border:2px solid #eee;
}

.v-desig {
    position: relative;
    float: left;
    display: block;
    width: 93%;
    height: auto;
    margin: 0px 0 5px 10px;
    text-align: center;
}

.v-ref {
    position: relative;
    float: left;
	width: 93%;
    display: inline;
    height: 20px;
    margin: 10px 0 10px 20px;
    text-align: left;
    color: #666;
    font-size: 12px;
}


.v-remise {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    line-height: 30px;
    background: #f29400;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0px 0 0px;
    padding: 10px 0px;
    vertical-align: middle;
    color: #fff;
}

.v-prix {
    margin: 10px 0px 0px 0;
    position: relative;
    float: right;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #f29400;
}

.v-prix-normal {
    position: relative;
    float: right;
    width: 100%;
    margin: 0px 10px 5px 0;
    text-align: center;
    color: #0e3083;
    font-weight: bold;
    font-size: 13px;
}

.v-quantite input[type="text"] { height:40px;padding:0px 15px 0px 15px; }
.v-quantite input[type="submit"] { height:42px; padding:0px 15px 0px 15px; font-size:18px; margin: 0 0 0 5px;}

.v-valide-2 {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin: 10px 0px 0 0px;
}

.v-valide-2 input[type="submit"] {
    background: transparent url('/images/panier-plein.png') no-repeat top left; 
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0s;
   border: 0px solid #0e3083; 
    text-transform: uppercase;
}


.v-valide-1 {
    position: relative;
    float: left;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px 0 10px;
    padding: 20px 0;
    vertical-align: middle;
    color: #0e3083;
}





}




/*MAX 979 IPAD...*/


@media only screen and ( max-device-width: 995px ) {
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
   
}

::-webkit-input-placeholder { color:#666; text-transform: uppercase; font-size:1em;}
::-moz-placeholder { color:#666;text-transform: uppercase; font-size:1em; } /* firefox 19+ */
:-ms-input-placeholder { color:#666;text-transform: uppercase; font-size:1em; } /* ie */
input:-moz-placeholder { color:#666; text-transform: uppercase; font-size:1em;}

.cache-mobile{display:none;}

input[type="text"], input[type="password"] {
    border: 1px solid #ddd;
    padding: 2px;
}


input[type="submit"], input[type="reset"], input[type="button"] {
    background: #0e3083;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0s;
    border: 1px solid #0e3083;
    text-transform: uppercase;
}


.encart-newsletter {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #fff;
    background: #fff;
    margin-bottom: 20px;
}

.newsletter-txt2 {
    position: relative;
    float: left;
    width: 100%;
    margin: 15px 0 0px 0px;
    color: #ccc;
    text-transform: uppercase;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 14px;
}

.newsletter-txt1 {
    position: relative;
    float: left;
    width: 100%;
    margin: 2px 0 5px 0px;
    color: #0e3083;
    font-size: 14px;
    line-height: 13px;
    font-family: "Arial Black", Gadget, sans-serif;
}


.encart-newsletter input[type=text] {
    height: 38px;
    width: 100%;
    color: #0e3083;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 0px 0 0 5px !important;
    margin: 0 0 0 0px;
    vertical-align: middle;
}

.encart-newsletter select {
    height: 40px;
    width: 100%;
    color: #0e3083;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
padding: 0px 0 0 0px !important;
    vertical-align: middle;
    margin: 5px 0 5px 0px;
}



.encart-newsletter input[type="submit"] {
    font-size: 12px;
   padding: 0 8px 0 8px!important;
    height: 40px;
	width:100%;
}


table.contact {
    width: auto;
    border: 1px dotted #ccc;
    margin: 20px 0 0px 0;
    padding: 10px;
    text-align: justify;
    font-size: 12px;
    color: #333;
}

td.entete-contact {
    text-align: left;
    font-size: 12px;
    vertical-align: middle;
    height: auto;
    width: auto;
    padding: 25px 20px 5px 0;
    color: #0e3083;
    font-weight: bold;
}

textarea {
    -webkit-appearance: none;
    width: 100%;
}

#inscription-particulier td {text-align: left;}


.contenu_page {
    width: 100%;
    text-align: justify;
}

#footer {
    clear: both;
    color: #666;
    background-color: #fff;
    vertical-align: middle;
    padding: 30px 0 5px 0;
    text-align: center;
    padding-right: 0px;
}

.v-ref input[type="text"]{border:none;}




#pages {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    padding: 0 0 0px 0;
   border-top: 0px solid #ccc; 
    border-bottom: 0px solid #ccc; 
    text-align: left;
}


#pages input[type="submit"] {
    font-size: 12px;
    padding: 10px 0px 10px 0px;
    height: 40px;
	width: 40px;
	text-align :center;
	margin: 2px 2px 2px 2px;
}


#retour_haut {display:none;}


/*FICHE produits*/

.p-ph-nc {	position:relative;
	float:left;
	width:100%;
	display:block;
clear:both;
	text-align:center;}

.p-ref {
	position:relative;
	float:left;
	width:100%;
	display:block;
clear:both;
	text-align:center;
	
}

.p-livraison{
	position:relative;
	
	width:100%;
	display:block;
clear:both;
	text-align:center !important;
	
}

.fiche_produit {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}



 
  

.p-desig {
    width: 100%;
    height: auto;
    margin: 0px 0 5px 0px;
	color: #0e3083;
	font-weight :600;
	font-size: 16px;
  }

  
  




.p-remise {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: 30px;
    background: #f29400;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px 0 0px;
    padding: 10px 0;
    vertical-align: middle;
    color: #fff;
}

.p-prix {
    margin: 10px 0px 5px 0;
    position: relative;
    float: right;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #f29400;
}

.p-prix-normal {
    position: relative;
    float: right;
    width: 100%;
    margin: 10px 0px 5px 0;
    text-align: center;
    color: #0e3083;
    font-weight: bold;
    font-size: 16px;
}

.p-quantite {
    position: relative;
    float: right;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 0px 0 0px;
    padding: 11px 0 10px 0;
    vertical-align: middle;
    color: #fff;
	width:100%;
}

.p-panier {
    position: relative;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    color: #0e3083;
    font-size: 14px;
    margin: 10px 0px 5px 0px;
    text-align: left;
}

.p-dejapanier {
    float: left;
    text-align: center;
    width: 100%;
    padding: 0;

}

#page-wrap {
    width: 100%;
     margin: 20px auto;
}


  .p-caracteristiques {
    float: left;
    width: 100%;
    border: 0px dotted #ccc;
    margin: 30px 0px 0px 0px;
    padding: 0px;
    text-align: justify;
    font-size: 12px;
    color: #333;
}

#description-tab .nav li a {
 

    font-size: 16px;

}

#description-tab .nav li {
    width: 100%;
    float: left;
    margin: 0 0px 0 0;
}



table.panier-ts {
    width: auto;
    border: 1px dotted #ccc;
    margin: 0;
    padding: 10px;
    text-align: justify;
    font-size: 12px;
    color: #333;
}

td.desig , td.ligne, td.qte, td.puht, td.ptht, td.supprimer, td.actualise, td.titre_bas, td.vide, td.titre_bas_total, td.total_bas_total{
    width: auto;
   
}

td.titre_bas_total{border-bottom: 1px dotted #ccc;}

.supprimer:before {
    content: " SUPPRIMER LA LIGNE ";
    background: transparent;
    font-size: 0.8em;
    padding: 1em;
}


div.adrlivok {
    position: relative;
    float: left;
    width: auto;
    min-height: 100px;
    margin: 10px 0px 10px 0px;
    padding: 15px;
    height: auto;
    border: 1px dashed #888;
    background-color: #fff;
}

/********** LOGIN **********/

.nomclient {position:relative; color:#0e3083; text-align:right; padding: 0 30px 0 0;}

#login {
	position:relative;
	float:left;
	height:32px;
	width:896px;
	background-color:#3b3b3b;
	color: #FFF;
    padding: 8px 0px 0px 100px;
    font-size: 12px;	
}

#login input[type=text], #login input[type=password] , #cadre_login input[type=password] {
	
	background-color:#3b3b3b;
	height: 15px;
	border: 1px solid #fff;
	color: #fff;
}


#login input[type=submit] {
	color:#fff;
	background-color:#3b3b3b;
	border:none;
	 font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	-webkit-appearance: none;
}

#login input[type=submit]:hover{
	cursor:pointer;
	color: #f29400;
	
}

#login p {
	margin:0px;

}

.login {background: transparent url(/images/login.png) no-repeat top left;
padding: 0 0 0 30px;}

.mdp{padding: 0 0 0 20px;}


.mdpPerdu {
	margin:0 0px 0 0px;
	padding:0 0 0 0px;
	
}

.mdpPerdu a {
	color:#fff;
	text-decoration: underline;
	
}

.mdpPerdu a:hover {
	color: #f29400;
	
}

.seConnecter{
	text-align:center;
}

.inscrire{
	text-align:center;
}

.seConnecter input {
	
}


#identification-bureau { display:none;}

.searchTerm {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 5px solid #0e3083;
    padding: 5px;
    height: 40px;
    border-radius: 5px;
    outline: none;
    color: #333;
}


#tableau h1{

	width: 100%;
text-align:center;
}	 


#panier-vide:before {  content: "\f07a"; font-family: 'FontAwesome';
     text-align: center;
   padding:0px 10px;
    color:#0e3083;
	 line-height:1.6em;
   -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
  font-size:1.4em;}


#panier-vide {
   background: none;
   margin: 0px 0px 0 0;
   padding:0px 0px 0 0px;
   height: auto;
   width:150px;
   right:0;
   color:#0e3083;
   text-align: right;
   position:absolute;
}

#panier-mobile { position:absolute; top:5px; right:10px; width:100%;  z-index:10;}

#panier-mobile input[type="submit"]{margin-top:5px; float:right; height:30px;}


#panier-plein:before {  content: "\f07a"; font-family: 'FontAwesome';
     text-align: center;
   padding:0px 10px;
    color:#0e3083;
	 line-height:1.6em;
   -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
  font-size:1.4em;}

#panier-plein {
 
   right: 0px;
    width: 100%;
    height: 30px;
    background: none;
     color: #0e3083;
    text-align: right;
    margin: 0px 0px 0 0;
   padding:0px 0px 0 0px;
    font-size: 13px;
    font-weight: normal;

}



#recherche {
    
   clear:both;
    width: 100%;
    height: 50px;
}

.search {
    width: 100%;
    position: relative;
}

.searchButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
}
  
 #recherche input[type=text] {
    height: auto;
    border: 1px solid #ccc;
    color: #0e3083;
    font-size: 12px;
    margin: 5px 0 0 0px;
    padding: 2px 0 2px 10px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    -webkit-appearance: none;
} 

.search:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'FontAwesome';
    content: '\f002';
    background: #0e3083;
    text-align: center;
    color: #fff;
    border-radius: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
}

#recherche input.recherche-btn {
    display:none;
}


.social-icon-mobile td{ margin:5px 0px 0px 0px; width:100%; display:inline-block; }
#phone-mobile{ color:#0e3083; witdh: 100%; padding:0px 0 0 0; margin:0 0 15px 0; font-size:1.1em; 
 font-weight:500; text-align:center;}
.panier-bureau-bouton { display:none;}

.panier-bureau {display:none;}
#container-panier {
display:none;
}

 #container-panier-vide{
position:relative;
float:left;
 width:100%;	
 margin-top:0px;
 margin-left:0px;
 background-image:url('../images/icon-close-open.png') no-repeat top left;
}
.identification-form {display:none;}
#form-client{
 width:100%;	
 margin-top:0px;
 margin-left:0px;
}

.identifie {font-size:0.8em; display:block; margin-bottom:20px;}

.scrollToTop{
	width:50px; 
	height:50px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:-20px;
	display:none;
	background: url('../images/totop.png') no-repeat 0px 20px;
	z-index:99999;
}


body {
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 

 
button {
    border: 0px solid #FFF;
    padding: 0 0 0 0;
    background: transparent;
    color: #0e3083;
    font-size: 12px;
    
    cursor: pointer;
    display: inline-block;
    margin: 0px 2px;
    height:40px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
 
button:hover {
    background: #0e3083;
    color: #fff;
}

button:before {font-family: 'FontAwesome';
  content: '\f007 ';
   text-align: center;
   padding:0px 5px;
     color: #0e3083;
	 line-height:1.6em;
   -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
  font-size:1.6em;}
 
 button:hover:before {font-family: 'FontAwesome';
  content: '\f007 ';
   text-align: center;
   padding:0px 5px;
     color: #fff;
	 line-height:1.6em;
   -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
  font-size:1.6em;}
 
 
 
.popup-button {
    margin-bottom: 0px;
	z-index:0;
}
 
img {
    max-width: 100%;
}
 
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 260px;
	min-height: 320px;
    height: auto;
    z-index: 2000;
	border:1px solid #eee;
    visibility: hidden;
    background: #FFF;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	text-align:center;
	padding: 22px;

}

 
.modal input[type="submit"] {
clear:both;
text-align:center;
font-size:12px;
}

.modal input[type="text"] {
clear:both;
display:block;
width:93%;
	text-align:left;
	font-size:0.8em;
	margin-bottom:10px;
	margin-left:15px;
}

.modal input[type="password"] {
clear:both;
display:block;
width:93%;
	text-align:left;
	font-size:0.8em;
	margin-left:15px;
}
 
.show {
    visibility: visible;
}
 
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
 
.show ~ .overlay {
    opacity: 1;
    visibility: visible;
}
 
.popup-content {
    color: #333;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    padding: 6% 10%;
}

.popup-content a{
    color: #333;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    padding: 6% 10%;
}
 
 
.popup-content h3 {
    margin: 25px 0;
    text-align: center;
    font-size: 1.2em;
    font-weight: 300;
    position: relative;
}
 
.popup-content h3:before {
    position: absolute;
    
    width: 47px;
    height: 38px;
    content: "";
    top: 18px;
    left: 0px;
}
 
.popup-content .para {
    color: #73556b;
    margin-bottom: 30px;
    text-align: justify;
}
 
.popup-content > div {
    padding: 0px;
    margin: 0;
    font-weight: 300;
    font-size: 1em;
}
 
.popup-content > div p {
    margin: 0;
    padding: 10px 0;
}
 
.popup-content > div ul {
    margin: 0;
    padding: 0 0 30px 20px;
}
 
.popup-content > div ul li {
    padding: 5px 0;
}
 
.popup-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
}
 
.close {
    background: url('/images/close.png') no-repeat;
    height: 49px;
    width: 49px;
    position: absolute;
    right: -35px;
    top: -35px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.close:hover {
    opacity: 0.2;
}
 

 
.submit:hover {
    opacity: 0.5;
}
 
 
/* Effet blur */
.show.blur-effect ~ .overlay {
    background: rgba(123,53,92,0.4);
}
 
.show.blur-effect ~ .container, .show.blur-effect ~ .bgall{
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    filter: blur(30px);
}
 
.blur-effect .popup-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
}
 
.show.blur-effect ~ .container,
.blur-effect .popup-content, .show.blur-effect ~ .bgall {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
 
.show.blur-effect .popup-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}


 td,
 table, 
 thead, 
 tbody, 
 th, 
 td, 
 tr { 
display: block; 
}

input [type="text"] {display: inline-block;}

 thead tr { 
display:none;
}
 td { 
position: relative;
border: 0px solid transparent;
white-space: normal;
text-align:center; 

}

.panier-tab {margin-top:20px;}
 
 td:before { 
position: absolute;
top: 0px;
left: 0px;
width: 45%; 
padding-right: 15px; 
height:100%;
white-space: nowrap;
text-overflow: ellipsis !important;
overflow:hidden !important;
text-align:left;
background-color:#f8f8f8;
padding:2px;
}
body{font-size:100%;}


#v-pic a .large {
  border: 0px;
  display: block;
  height: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 0px;
}


#v-pic a.p1:hover .large {
	border: 1px solid #CCCCCC;
	display: block;
	z-index:300;
	height: 100px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 0px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 0px;
}


#pic a.p1:hover .large {
	border: 0px solid #CCCCCC;
	display: block;
	height: 150px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 150px;
}

/*PANIER PAGE ECRAN 4*/
.entete  {display:none;}
.designation  {width:auto; height:auto; padding;0; text-align:left;background:#E0001A;}
.quantite:before {content:" QUANTITÉ"; background:transparent;font-size:0.8em;padding:1em;}
.puht{width:auto; height:auto; padding;0; text-align:right;}
.puht:before{content:" PRIX UNITAIRE HT"; background:transparent;font-size:0.8em; padding:1em;}
.ptht:before{content:" PRIX TOTAL HT"; background:transparent;font-size:0.8em;padding:1em;}
.casesup:before{content:" SUPPRIMER"; background:transparent;font-size:0.8em;padding:1em;}
.vide-sep {padding:2px 2px;}
.vide{display:none;}

#logo-mobile { position:relative; width:100%; height:auto; margin:80px 0px 0px 0px;}
#identification-mobile { position:absolute; top:0px; left:0px;z-index:11;}

#identification-mobile input[type="submit"] { width:100%; display:block; margin: 5px 0 5px 10px;}

#tableau {
  width: 100%;
  margin: 20px auto 20px auto;
  display: table;
  text-align: center;
}
#conteneur2{max-width: 80%; margin: 10px 30% 10px 11%;}
#banniere{display:none;}
#breadcrumb{display:none;}
/* #recherche{display:none;} */
#entete-social{width:100%;}
.slogan{display:none;}
.recherche{width:320px;margin:10px 30px 10px 10px;}
.social-icone{display:none;}
#logo {display:none;}
#access {display:none;}

.identification{display:none;}
#container-panier-mobile:after{ 
width:80px;
 font-family: 'FontAwesome';
  content: '\f07a';
   text-align: center;
   padding:0px 5px;
     color: #fff;
	 line-height:1.6em;
   -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
  font-size:1.4em;}
  
input[type="submit"], input[type="reset"], input[type="button"]{
    font-size: 12px;  padding: 0.5em 0.5em 0.2em 0.5em; height:40px; margin: 2px;}
  
input[type=submit].vdesig {font-size: 1.2em;}
form  {font-size:1em;}
  
#conteneurpro{max-width: 100% !important;}
#rechgauche{display:none;}

.conteneur-arrondi {display:table; text-align:center; width:100%; margin:0 auto;}
#photo-accueil {display:block; text-align:center;  margin:0 auto;background:#fff;}


.slider-wrapper {display:none;}
#conteneur3 {width: 100% !important; margin: 10px 0 0 0;}
#col1{width:100%}
#col2{width:100%}
#col3{width:100%}
#col4{width:100%}

#mobile-cherche {position:relative; clear:both; margin: 0 0 5px 0;  }

#footer{font-size:0.9em;}
#footer p{font-size:0.9em;}
.texte-footer,.widget-title   {width:100%;}
.widget-title  {font-size:1.2em;}
.conception {top:0;}

#footermenu {display:none;}


/*Liste PRODUITS ECRAN 2*/

input[type=submit].vdesig{
	height:auto;
	width:100%;
	white-space:normal;
}


.label{display:none;}
.caracteristiques {width: 100%; padding:0;}
.caracteristiques .valeurs { width: 100%; padding:0;}
.caracteristiques .valeurs select{ width: 100%; padding:0;}
h5 {
  font-size: 24px;
  text-align: center;
  text-indent: 0;
}

.vignette {
 width:100%;
 text-align:left;
font-size:12px;
line-height:1.2em;
}

.ref {display:inline-block; }

ul, menu, dir { -webkit-padding-start: 0px; padding:0;}




}








/* IPAD AIR PIXEL RATIO 2 > min 768 et max 1024px*/



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {

.liste-bloc {
    position: relative;
    float: left;
    width: 338px;
    margin: 0 10px 10px 20px !important;
    border: 1px solid #ccc;
    height: 200px;
}

div.cadre_promo {
    position: relative;
    float: left;
    height: 320px;
    min-height: 320px;
    width: 210px;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 20px 20px 20px;
    border-bottom: 1px dotted #ccc;
    background: url(/images/bg-promo.png) no-repeat top center;
}


.v-desig {
    position: relative;
    float: left;
    display: block;
    width: 190px;
    height: 45px;
    margin: 0px 0 15px 10px;
    text-align: justify;
}


.bouton-ajout-produit {
    font-size: 14px;
    padding: 5px 5px 5px 5px !important;
    height: 30px !important;
    margin: 2px;
	background: #0e3083;

}

.v-valide-2 input[type="submit"] {
    background: transparent url('/images/panier-plein.png') no-repeat top left; 
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0s;
   border: 0px solid #0e3083; 
    text-transform: uppercase;
}



}



/* IPAD MINI > min 768 et max 1024px*/



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {

.liste-bloc {
    position: relative;
    float: left;
    width: 338px;
    margin: 0 10px 10px 20px !important;
    border: 1px solid #ccc;
    height: 200px;
}

div.cadre_promo {
    position: relative;
    float: left;
    height: 320px;
    min-height: 320px;
    width: 210px;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 20px 20px 20px;
    border-bottom: 1px dotted #ccc;
    background: url(/images/bg-promo.png) no-repeat top center;
}


.v-desig {
    position: relative;
    float: left;
    display: block;
    width: 190px;
    height: 45px;
    margin: 0px 0 15px 10px;
    text-align: justify;
}


.bouton-ajout-produit {
    font-size: 14px;
    padding: 5px 5px 5px 5px !important;
    height: 30px !important;
    margin: 2px;
	background: #0e3083;

}

.v-valide-2 input[type="submit"] {
    background: transparent url('/images/panier-plein.png') no-repeat top left; 
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0s;
   border: 0px solid #0e3083; 
    text-transform: uppercase;
}






}

@media only screen and (min-device-width : 481px) and (max-device-width : 1024px) {



.p-photo  {	position:relative;
	float:left;
	width:97% !important;
	display:block;
clear:both;
	text-align:center; 
	min-height: 320px;
	}


.p-photo  img{
  
   display:block;
    max-width: 320px;
	min-height:320px;
	width:97%;
	 border:0px solid #eee !important;
	 
	margin-left:auto; margin-right:auto;
	 text-align:center;
	
}

.p-photo  img:hover {
	
	width:97%;
	height:97%;
	
}
}

@media only screen and (max-device-width : 480px) {


.p-photo  {	position:relative;
	float:left;
	width:97% !important;
	display:block;
clear:both;
	text-align:center; 
	
	}


.p-photo  img{
  
   display:block;
    max-width: 320px;
	min-height:auto;
	width:auto;
	 border:0px solid #eee !important;
	 
	margin-left:auto; margin-right:auto;
	 text-align:center;
	
}

.p-photo  img:hover {
	
	width:150px;
	height:auto;
	
}







.v-photo  img{
  
   display:block;
    max-width: 97%;
	min-height:auto;
	width:auto;
	 border:0px solid #eee !important;
	 
	margin-left:auto; margin-right:auto;
	 text-align:center;
	
}



}