* {margin:0;padding:0;}
body, html {margin: 0px; padding: 0px; text-indent: 0px;height:100%;width:100%; }

body {
    font-family: 'Open Sans', sans-serif;
    background: #FFF;
    font-size: 16px
}


/*body {font-family: mm-text-regular;background: #ffffff;font-size: 16px;}/*

/* 'Open Sans', sans-serif */

body, #head, #topmenu, #footer {min-width:1024px !important;}

#main {background-color:#FFF;}
.left {float:left;padding-right:20px;line-height: 36px;}
@media (max-width:1180px) {
#main img {max-width:650px;}
}

#logout {
float: right;
padding-top: 13px;
padding-right:5px;}

@media (max-width:1180px) {
.log {width:98% !important;}
}

#breadcrumb {float: left;
width: 67%;
display: inline;
margin-left: -1px;}

#breadcrumbs-one{
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(left,  #f6f6f6 0%, #f6f6f6 83%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f6f6f6), color-stop(83%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f6f6f6 0%,#f6f6f6 83%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f6f6f6 0%,#f6f6f6 83%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f6f6f6 0%,#f6f6f6 83%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #f6f6f6 0%,#f6f6f6 83%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
border-radius: 0;
overflow: hidden;
width: 100%;
}

#breadcrumbs-one span {
padding: 10px 0 0 30px;
display: inline;
float: left;
}

#breadcrumbs-one a{
  float: left;
  padding: .7em 1em .7em 30px !important;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
}

#breadcrumbs-one:first-child a{
  padding-left: 1em;
}

#breadcrumbs-one a:hover{
  background: #FFF;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

#breadcrumbs-one a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #fff;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}



.primary-button, .buy-button-sav {
    display: block;
    height: 30px;
    position:relative;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px;   
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px;
}

.secondary-button, .non-buy-button-sav {
    display: block;
    height: 30px;
    position:relative;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px;   
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px;
    background: white;
    color: black;
}







.menu a, .menu a li {color:#2e3030; text-decoration:none;}

.java li {list-style-type:none; padding-bottom:20px;}

.formt td, .formt th, .formt tr, .formt {border:none !important;}
.conditions {
background: #F0F0F0;
padding: 20px;
font-size: 18px;
}

select {display: block;
height: 40px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 5px;
}

fieldset div {
margin: auto;
font-size: 17px;
}

.jcarousel-clip.jcarousel-clip-horizontal h3 {
font-size: 14px !important;
}

.lostp {font-size: 16px;
padding-left: 210px;
margin-top: 10px;
display: block;
}

.log {width:49%; margin-right:1%;float:left;}

.cartup {width:70px !important;min-width:70px !important}

@media (max-width:1030px) {
.logiciel {display:none !important;}
.pastille {font-size:11px !important; }
.active_header h2 {font-size:18px !important;}
.active_products_desc {width:31% !important;}
}


@media (max-width:1100px) {
textarea {width:50% !important; }
}

.long {width:430px !important;}
.italic {font-style:italic;}

.recap .form-row {
    height: 44px;
    margin: 0;
    padding: 0;
}

.recap .form-row div {
    line-height: 58px;
    margin: 0;
    padding: 0;
}

.module label {
font-size: 17px;
line-height: 23px;
}
.module div {
font-size: 17px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}

@media (max-width:1300px) {
#leftbar {width:23% !important;}
.active_products_desc {width:29% !important;}
}

@media (max-width:1320px) {
    #main { width:69% !important;}
}

@media (max-width:1200px) {
    #main { width:65% !important;}
}

input[type="text"], input[type="password"], input[type="email"] {padding: 12px;border: 1px solid #DDDDDD;min-width: 170px;}
.small {padding: 5px 10px !important;font-size: 19px !important;border: none !important;position: relative;top:2px;}

.buttonlink .button {    
    -webkit-transition: background-color 500ms ease 0ms;
    -moz-transition: background-color 500ms ease 0ms;
    -o-transition: background-color 500ms ease 0ms;
    transition: background-color 500ms ease 0ms;
cursor: pointer;background: #454545;color: #FFF;text-decoration: none;margin: 221px 2% 0 !important;width: 96%;display: block;padding: 15px 0px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;;font-size: 18px;font-weight: 300;}
.pdesc p {color: #626565;font-size: 18px;font-family: 'Open Sans', sans-serif;font-weight: 300;line-height: 16px;}
td a {text-decoration:none;}
.button:hover{background-color:black;}

.white-button {    
    -webkit-transition: background-color 500ms ease 0ms;
    -moz-transition: background-color 500ms ease 0ms;
    -o-transition: background-color 500ms ease 0ms;
    transition: background-color 500ms ease 0ms;
cursor: pointer;background: #454545;color: #000;text-decoration: none;margin: 221px 2% 0 !important;width: 96%;display: block;padding: 15px 0px;text-transform: uppercasefont-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 300;}
.pdesc p {color: #626565;font-size: 18px;font-family: 'Open Sans', sans-serif;font-weight: 300;line-height: 16px;}
td a {text-decoration:none;}
.white-button:hover{background-color:white;}

.codepromo {color: #616565;font-family: 'Open Sans', sans-serif;font-size: 15px;font-weight: 300;padding-right: 20px;}

.jcarousel-skin-tango .jcarousel-container-horizontal {width:88% !important;margin-top:30px;}
.jcarousel-skin-tango .jcarousel-container {border: 1px solid #e4e4e4 !important;border-radius:0 !important;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 97% !important;}

img { border:none; }

ul li a {text-decoration:none;}


#head {background-color:#ffffff;background-image:linear-gradient(#fff 75%,#efefef);height:120px; width:100%;}
#head #langues {
    position: absolute;
    right:0px;
    padding: 25px;
}
#topmenu {width:98%; height:50px;position: absolute;margin-top: 70px;margin-left: 18px;}
#topmenu ul li, #cart, #cart a {color: #000;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 600;list-style-type:none;text-decoration:none;}
#topmenu ul li {padding: 11px 25px 15px 20px; float:left;list-style-type:none;}
#topmenu ul li:hover, #cart:hover, .bottomlinks a:hover {color: #df0000;text-decoration:underline;}
#cart {float:right;padding:10px 10px 12px 25px;width:220px;}
#cart a {float:left;padding-top:2px;}
#topmenu ul {float:left;}
#topmenu ul li a {color:#FFF;font-weight:300;}
.fa {font-size: 28px !important;padding-right: 10px;}
#cartdetail {float:right;width:70px; text-align:center;}
a #cartdetail {text-transform: none;font-size: 12px;text-align: center;padding-top:0;}

.menu li {border-bottom: 1px solid #e4e4e4;padding: 15px 30px;font-family: 'Open Sans', sans-serif;;font-size: 21px;font-weight: 300 !important;}
.menu li a {color: #2e3030;text-decoration: none;font-weight: 300;font-size: 20px;}
.menu li:hover {background: #F0F0F0; cursor:pointer;}

.power {float:right;padding-right:30px;color:#A0A0A0;padding-top: 15px;}
.kodak {float:left; padding-left:30px;}
.kodak2 {padding:10px 0 20px;}
.bottomlinks {/*width: 710px;*/margin: auto;padding-top:14px;}
#footer{height:65px;background:#ffffff none repeat scroll 0 0;text-align:center;padding-top:15px;color:#FFF;font-family: 'Open Sans', sans-serif;; font-size:13px;border-top:1px solid #dddddd;}
.footer_payments {
    border-bottom: 1px solid #dddddd;
    margin: 0 250px;
    padding-bottom: 19px;
}
.footer_payments dt {
   font-size: 13px;
   color: #A0A0A0;
}
.footer_payments dt,.footer_payments dd {
    display: inline-block;
    margin-left: 10px;
}
.footer_payments dd img{
vertical-align: text-bottom;
border: thin solid gray;
}
.bottomlinks a {color: #000000;text-decoration: none;padding: 13px;font-size: 15px;font-weight: 200;}

p {padding-bottom: 12px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #616565;}
p, ul, ol { padding-bottom: 12px; }
h1, h2, h3, h4 { padding-bottom:10px;display: block;font-weight: bold; }
h1 { margin: 0;font-size: 36px;padding: 20px 0;font-family: 'Open Sans', sans-serif;font-weight: 500;text-transform: uppercase;text-align: center;color: #2e3030;}
h2 { margin: 0;padding: 20px 10px;text-align: center;font-weight: 400;font-family: 'Open Sans', sans-serif;color: #282828;text-transform: uppercase;font-size: 20px;}
h3 { margin:13px 0 0; font-size: 1.17em;}
h4 { margin:10px 0; padding:0;}

.software {text-align:center;}
.logiciel {padding-bottom: 20px;}

.clear { clear:both; }



#headerlogo{float:left;height:120px;width:350px; padding-left:20px;}
#headerlogo img {margin-left:10px;margin-top:25px;height:35px;}
#logo {position:absolute;left:20px;top:10px;} 
#logotitre {display:none;}
#main {float: right;width: 72%;padding:1% 1% 1% 2%;}
.desctop {color: #616565;font-family: 'Open Sans', sans-serif;text-align: center;font-size: 16px;font-weight: 300;width: 600px;margin: auto;line-height: 25px;display:block; padding-bottom:20px;}




#content {width: 100%;margin: 0;padding: 0; background:#FFF;}
#right_col {float:left;	margin-left:20px;	}



a { color: #213254; }

.active_product {float: left;margin: 20px 1% 10px 0;width: 48%;border: 1px solid #ebebeb;height: 280px;position:relative;}
.active_product h2 { margin-top:0;}
.active_product img {clear:both;float:right;margin:0 20px 0 5px;max-height:160px;}
.active_products_desc { height: 155px;padding: 7px 0 0 16px;width: 33%;margin-top: 65px;position:absolute;}
.active_product p {width: 50%;color: #606565;font-family: 'Open Sans', sans-serif;font-weight: 300;line-height: 19px;font-size: 14px;}
.active_products_desc a {color: #606565;font-family: 'Open Sans', sans-serif;font-weight: 300;line-height: 19px;font-size: 14px;}
.active_header h2 {color: #2e3030;position:absolute;font-size: 22px;padding: 15px;text-transform: uppercase;font-weight: 400;text-align:left;}
.pastille {color: #d71f30; font-weight: bold;font-family: 'Open Sans', sans-serif;font-size: 18px; padding: 5px 10px 5px 0px; text-align:right;}
.pastille > span {
    color: #2e3030;
    font-size: 0.9em;
}
.desc {float:left;padding:13px 13px 13px 0;max-width:220px;min-width:220px; display: none;}


/* FORM ROWS */

.form-row {overflow: hidden;padding: 8px 12px;font-size: 13px;}
.form-row img, .form-row input { vertical-align: middle;}
form .form-row p {padding-left: 0; font-size: 13px;}


/* FORM LABELS */

form h4 {margin: 0 !important;padding: 0 !important; border: none !important;}
label {font-weight: normal !important;
color: #666;
font-size: 17px;
padding-right: 10px;}
.required label, label.required {font-weight: bold !important;color: #333 !important;}


/* RADIO BUTTONS */

form ul.radiolist li {list-style-type: none;}
form ul.radiolist label {float: none; display: inline;}
form ul.inline { margin-left: 0;padding: 0;}
form ul.inline li {float: left; padding-right: 7px;}


/* ALIGNED FIELDSETS */

.aligned label { display: block;
padding: 17px 10px 0 0;
float: left;
width: 260px;
text-align:right;
color: #616565;
font-size: 16px;
font-family: 'Open Sans', sans-serif;}
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width: 350px;}
form .aligned p, form .aligned ul { margin-left: 190px; padding-left: 30px;}
form .aligned table p {margin-left: 0;padding-left: 0;}
form .aligned p.help { padding-left: 38px;}

.aligned .vCheckboxLabel {float: none !important; display: inline;padding-left: 4px;}
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width: 610px;}
.checkbox-row p.help {margin-left: 0; padding-left: 0 !important;}

fieldset .field-box {float: left; margin-right: 20px;}


/* WIDE FIELDSETS */

.wide label { width: 15em !important;}
form .wide p {  margin-left: 15em;}
form .wide p.help {padding-left: 38px;}
.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { width: 450px;}


/* COLLAPSED FIELDSETS */

fieldset.collapsed * {display: none;}
fieldset.collapsed h2, fieldset.collapsed { display: block !important;}
fieldset.collapsed h2 {background-image: url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/nav-bg.gif);background-position: bottom left; color: #999;}
fieldset.collapsed .collapse-toggle { padding: 3px 5px !important; background: transparent; display: inline !important;}


/* MONOSPACE TEXTAREAS */

fieldset.monospace textarea {font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;}


textarea {width:60%; border:1px solid #DDD;}

/* SUBMIT ROW */

.submit-row {    padding: 10px 7px;    text-align: right; border: none; margin: 5px 0;    overflow: hidden;}
.submit-row input {    margin: 0 0 0 5px;}
.submit-row p {    margin: 0.3em;}
.submit-row p.deletelink-box {    float: left;}
.submit-row .deletelink {   background: url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/icon_deletelink.gif) 0 50% no-repeat;    padding-left: 14px;}


/* CUSTOM FORM FIELDS */

.vSelectMultipleField { vertical-align: top !important;}
.vCheckboxField {    border: none;}
.vDateField, .vTimeField {    margin-right: 2px;}
.vURLField {    width: 30em;}
.vLargeTextField, .vXMLLargeTextField {    width: 48em;}
.flatpages-flatpage #id_content {    height: 40.2em;}
.module table .vPositiveSmallIntegerField {    width: 2.2em;}
.vTextField {    width: 20em;}
.vIntegerField {    width: 5em;}
.vForeignKeyRawIdAdminField {    width: 5em;}

.form-row input{width: 330px;
font-size: 16px;
height: 30px;
}

/* INLINES */

.inline-group {    padding: 0;    border: 1px solid #ccc;    margin: 10px 0;}
.inline-group .aligned label { width: 8em;}
.inline-related {    position: relative;}
.inline-related h3 {margin: 0;color: #666;padding: 5px;font-size: 13px; border-bottom: 1px solid #ddd;}

.inline-related h3 span.delete{padding-left: 20px;position: absolute;top:2px;right:10px;}

.inline-related h3 span.delete label {
    margin-left: 2px;
    font-size: 13px;
}

.inline-related fieldset {
    margin: 0;
    background: #fff;
    border: none;
}

.inline-related fieldset.module h3 {
    margin: 0;
    padding: 5px;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    background: #bcd;
    color: #fff;
}

.inline-related.tabular fieldset.module table {
    width: 100%;
}

.last-related fieldset {
    border: none;
}

.inline-group .tabular tr.has_original td {
    padding-top: 2em;
}

.inline-group .tabular tr td.original {
    padding: 2px 0 0 0;
    width: 0;
    _position: relative;
}

.inline-group .tabular th.original {
    width: 0px;
    padding: 0;
}

.inline-group .tabular td.original p {
    position: absolute;
    left: 0;
    height: 1.1em;
    padding: 2px 7px;
    overflow: hidden;
    font-size: 9px;
    font-weight: bold;
    color: #666;
    _width: 700px;
}

.inline-group ul.tools {
    padding: 0;
    margin: 0;
    list-style: none;
}

.inline-group ul.tools li {
    display: inline;
    padding: 0 5px;
}

.inline-group ul.tools a.add {
    background: url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/icon_addlink.gif) 0 50% no-repeat;
    padding-left: 14px;
}







fieldset {
    margin: 0;
    padding: 0;
}


.module {
    border: none;margin-bottom: 5px;background: white;padding-top: 10px;}

.module p, .module ul, .module h4, .module dl, .module pre {
    padding-left: 10px;
    padding-right: 10px;
}

.module h3 {font-family: 'Open Sans', sans-serif;
font-weight: 400;
/*padding-top: 15px;*/}

.module blockquote {
    margin-left: 12px;
}

.module ul, .module ol {
    margin-left: 1.5em;
}

.module h3 {
    margin-top: .6em;
}

.module h2, .module caption, .inline-group h2, fieldset h2 {
  margin: 0 0 23px;
padding: 10px 20px;
font-size: 21px;
text-align: left;
font-weight: 400;
background: #F0F0F0;
color: #2d3030;
}

fieldset {border:none;}

.module table {
    border-collapse: collapse;
}

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 13px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/icon_success.gif) 5px .3em no-repeat;
}

.errornote {
    font-size: 13px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc none 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
   color: #F00;
display: block;
font-weight: bold;
margin: 0 0 17px;
padding: 12px;
font-family: 'Open Sans', sans-serif;
background: #FDE;
list-style-type: none;
font-size: 15px !important;
}

td ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

td ul.errorlist li {
    margin: 0 !important;
}

.errors {
    background: #ffc;
}

.form-row input {
    border: 1px solid #ddd;
}

.errors input, .errors select {
    border: 1px solid red;
}



/* TABLES */

table {
    border-collapse: collapse;
    border: 1px solid #d9d9d9;
}

td, th {line-height: 15px;border: 1px solid #f0f0f0;vertical-align: top;font-family: 'Open Sans', sans-serif;color: #616565;font-weight: 300;font-size: 15px;padding: 10px 20px;}

th {
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

thead th,tfoot td {color: #2e3030;background: #F0F0F0;border: 1px solid #dad9d9;font-family: 'Open Sans', sans-serif;font-size: 15px;font-weight: 400;text-transform: uppercase;text-align: left;padding: 20px;}

tfoot td {
    border-bottom: none;
    border-top: 1px solid #ddd;
}

thead th:first-child,
tfoot td:first-child {
    border-left: none !important;
}

thead th.optional {
    font-weight: normal !important;
}

fieldset table {
    border-right: 1px solid #eee;
}

tr.row-label td {
    font-size: 9px;
    padding-top: 2px;
    padding-bottom: 0;
    border-bottom: none;
    color: #666;
    margin-top: -1px;
}

tr.alt {
    background: #f6f6f6;
}

.row1 {
}

.row2 {
    background: white;
}

/* SORTABLE TABLES */

thead th a:link, thead th a:visited {
    color: #666;
    display: block;
}

table thead th.sorted {
    background-position: bottom left !important;
}

table thead th.sorted a {
    padding-right: 13px;
}

table thead th.ascending a {
    background: url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/arrow-down.gif) right .4em no-repeat;
}

table thead th.descending a {
    background: url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/arrow-up.gif) right .4em no-repeat;
}

/* ORDERABLE TABLES */

table.orderable tbody tr td:hover {
    cursor: move;
}

table.orderable tbody tr td:first-child {
    padding-left: 14px;
    background-image: url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/nav-bg-grabber.gif);
    background-repeat: repeat-y;
}

table.orderable-initalized .order-cell, body>tr>td.order-cell {
    display: none;
}


/* CHANGELISTS */

#changelist {
    position: relative;
    width: 100%;
}

#changelist table {
    width: 100%;
}

.change-list .filtered table {
    border-right: 1px solid #ddd;
}

.change-list .filtered {
    min-height: 400px;
}

.change-list .filtered {
    background: white url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/changelist-bg.gif) top right repeat-y !important;
}

.change-list .filtered table, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {
    margin-right: 160px !important;
    width: auto !important;
}

.decal {margin-right:15px; line-height: 57px;}

.change-list .filtered table tbody th {
    padding-right: 1em;
}

#changelist .toplinks {
    border-bottom: 1px solid #ccc !important;
}

#changelist .paginator {
  color: #666;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #FFF;
padding: 30px 0 20px;
border: none;
text-align: right;
// font-size: 30px;
}

.change-list .filtered .paginator {
    border-right: 1px solid #ddd;
}

/* CHANGELIST TABLES */

#changelist table thead th {
    white-space: nowrap;
    vertical-align: middle;
}

#changelist table thead th.action-checkbox-column {
    width: 1.5em;
    text-align: center;
}

#changelist table tbody td {
    border-left: 1px solid #ddd;
}

#changelist table tbody td:first-child {
    border-left: 0;
    text-align: center;
}

#changelist table tfoot {
    color: #666;
}

/* TOOLBAR */

#changelist #toolbar {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    background: #e1e1e1 url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/nav-bg.gif) top left repeat-x;
    color: #666;
}

#changelist #toolbar form input {
    font-size: 13px;
    padding: 1px 2px;
}

#changelist #toolbar form #searchbar {
    padding: 2px;
}

#changelist #changelist-search img {
    vertical-align: middle;
}

/* FILTER COLUMN */

#changelist-filter {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 160px;
    border-left: 1px solid #ddd;
    background: #efefef;
    margin: 0;
}

#changelist-filter h2 {
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

#changelist-filter h3 {
    font-size: 13px;
    margin-bottom: 0;
}

#changelist-filter ul {
    padding-left: 0;
    margin-left: 10px;
}

#changelist-filter li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

#changelist-filter a {
    color: #999;
}

#changelist-filter a:hover {
    color: #036;
}

#changelist-filter li.selected {
    border-left: 5px solid #ccc;
    padding-left: 5px;
    margin-left: -10px;
}

#changelist-filter li.selected a {
    color: #5b80b2 !important;
}

/* DATE DRILLDOWN */

.change-list ul.toplinks {
    display: block;
    background: white url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/nav-bg-reverse.gif) 0 -10px repeat-x;
    border-top: 1px solid white;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.change-list ul.toplinks li {
    float: left;
    width: 9em;
    padding: 3px 6px;
    font-weight: bold;
    list-style-type: none;
}

.change-list ul.toplinks .date-back a {
    color: #999;
}

.change-list ul.toplinks .date-back a:hover {
    color: #036;
}

/* PAGINATOR */

.paginator {
font-size: 23px;
line-height: 22px;
margin: 0;
font-family: 'Open Sans', sans-serif;
}


.paginator a.showall {
    padding: 0 !important;
    border: none !important;
}

.paginator a.showall:hover {
    color: #036 !important;
    background: transparent !important;
}

.paginator .end {
    border-width: 2px !important;
    margin-right: 6px;
}

.paginator .this-page {
    padding: 2px 6px;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
}



/* ACTIONS */

.filtered .actions {
    margin-right: 160px !important;
    border-right: 1px solid #ddd;
}

#changelist table input {
    margin: 0;
}

#changelist table tbody tr.selected {
    background-color: #FFFFCC;
}

#changelist .actions {
    color: #999;
    padding: 3px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    background: white url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/nav-bg-reverse.gif) 0 -10px repeat-x;
}

#changelist .actions.selected {
    background: #fffccf;
    border-top: 1px solid #fffee8;
    border-bottom: 1px solid #edecd6;
}

#changelist .actions span.all,
#changelist .actions span.action-counter,
#changelist .actions span.clear,
#changelist .actions span.question {
    font-size: 13px;
    margin: 0 0.5em;
    display: none;
}

#changelist .actions:last-child {
    border-bottom: none;
}

#changelist .actions select {
    border: 1px solid #aaa;
    margin-left: 0.5em;
    padding: 1px 2px;
}

#changelist .actions label {
    font-size: 13px;
    margin-left: 0.5em;
}

#changelist #action-toggle {
    display: none;
}

#changelist .actions .button {}

.button {cursor: pointer;background: #2e3030;color: #FFF;font-family: 'Open Sans', sans-serif; -webkit-appearance: none;border:none; padding: 20px 60px 15px;font-size: 20px;text-transform: uppercase;text-decoration: none;font-weight: 300;border-radius:0;}
.center {text-align: center;width: 200px;margin: auto;display: block;margin-top: 20px;}
.large {padding:25px 100px 20px !important; font-size:25px !important;}
.button2 {float:right;padding-right:20px;cursor:pointer;}


.right {float:right;}


.billing_equals_shipping { border:0px none;}

.numericcell {text-align: right;}

#content ul li p { margin:0; padding: 0; }

.leftbar {min-height: 160px;width: 224px;float: left;background: #f5f5f5;margin-bottom: 20px;border-radius: 8px;}
.leftbar h2 {color: #FFF;text-align: center;text-transform: uppercase;font-size: 13px;padding-top: 9px;background: #000;border-radius: 6px 6px 0 0;margin-top: 0;}

.leftbar h3 {padding-bottom:10px;text-align:center;}
.leftbar h3 a {color:#000;text-decoration:none;}
.leftbar p {text-align:center;}
.leftbar .prix {font-size:15px;font-weight:bold;padding-left:5px;}
.leftbar img{padding:5px 0;}
hr {margin-top:43px;background:transparent url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/hr.png) center top no-repeat;border:0;}

.pubaccueil{background:transparent url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/accueil.png) no-repeat scroll left top;float:left;height:210px;margin:21px 0 0;width:250px;}
.titrepub {color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding-right:35px;padding-top:15px;position:absolute;width:220px;}
.pastilleg{background:url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/pastilleg.png) no-repeat center top;height:119px;margin-left:128px;margin-top:110px;position:absolute;width:119px;}
.pastilleg p {text-align:center;font-size:10px;padding-top:34px;}
.prixaccueil{font-size:22px;font-weight:bold;}

.submit {background:url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/search.png) center top no-repeat; margin-right:10px; float:right; width:24px;height:24px; border:none;}
.produitprix {display: block; color:#d71f30;text-align:right;display: block;margin-top: 20px;width: 100%;font-size: 18px;clear: both;font-family: mm-text-regular;font-weight: 300;}

#frise {margin-top:15px;width:764px;}
.elementfrise {float:left;}

#leftbar {
width: 24%;
float: left;
border-right: 1px solid #e5e4e4;
/*box-shadow: 23px 0px 21px -18px #F1F1F1;*/
background: #fbfbfb;
min-width:320px;
height:100%;
padding-bottom:10px;
}





#langues form {padding-left:0;}
.boutoncontinuer {background:url(https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/images/boutons2.png) repeat-x center center;border:1px solid black;color:white;float:right;margin:8px;padding:3px 5px; cursor: pointer;}
a.boutoncontinuer {padding:0 5px; text-decoration:none;}

#personnel, #adresses {margin-bottom:38px;}

.adresses {float:left;width:45%;}


.mdp tr, .mdp td, .mdp th {border:none;}


.leftbar ul li {list-style-type:none;line-height:22px;}
.leftbar ul {margin:0 0 10px 25px;}
.leftbar form {margin-left:32px;  margin-top: 15px;}
.connexioncontent label {display:block;font-size:11px;}
.connexioncontent a {font-size:11px;}
.connexioncontent .submit {background:none;}
.boutonlogin {background:url("https://d2vxclnxwo31nb.cloudfront.net/litto-shoot/design/b3.png") repeat-x scroll left top transparent;border:1px solid #000;color: #FFFFFF;margin-top: 10px; padding: 3px 7px;  margin-bottom: 10px;}

#content2 {float:right; width: 750px;}
.boxindex { float: left;    margin: 25px 5px;    width: 31%;height: 130px;}
.boxindex h3 a {text-decoration: none;}
.boxindex a {text-decoration: none;}
.boxindex h3 {color: #000000;text-transform: uppercase;}
.boxindex p {text-align:justify;}
.boxindex img {max-height:100px;}

.koffeeware-creator #main_application #main .canvas-wrapper #creator {
    border: 1px solid #cdcdcd;
}

/*-------BX WRAPPER----*/

.car h3 {
    margin: -7px;
    font-size: 14px;
   padding-top: 10px;
}

.bx-wrapper img {width:100%;max-width: 100% !important;}

.car .bx-pager {display:none;}
.bx-wrapper {max-width:100% !important}
.car .bx-viewport{display: table;height: inherit !important;}
.car .jcarousel-skin-tango .jcarousel-item{height: inherit !important;}

.jcarousel-item{
  float:left;width:127px;display:block;
}

.jcarousel-item .imgctr2{
    display: table;
    margin: auto;
}
.jcarousel-item .imgctr{
    display: table-cell;
    height: 90px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

.jcarousel-item img {
    max-height: 75px;
    width: inherit;
}


.car .jcarousel-item img{
    -webkit-transition: all 300ms ease; /* Safari and Chrome */
    -moz-transition: all 300ms ease; /* Firefox */
    -ms-transition: all 300ms ease; /* IE 9 */
    -o-transition: all 300ms ease; /* Opera */
    transition: all 300ms ease;
}

.car .jcarousel-item a:hover img{
    -webkit-transform:scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:scale(1.20); /* Opera */
     transform:scale(1.20);
}/*info button*/
.active_products_desc .imgcontainer .fa.fa-info-circle{
 background-color: #2e3030;
    border: 0 none;
    border-radius: 50%;
    bottom: 0;
    color: white;
    display: none;
    font-size: 35px !important;
    height: 35px;
    left: 0;
    margin: auto;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 35px;
   z-index:1000;
 }   
.active_products_desc .imgcontainer a:hover .fa.fa-info-circle{
  display: block;
}
.active_products_desc .imgcontainer a:hover img{
  opacity:0.7;
}

.active_products_desc .imgcontainer {
    clear: both;
    float: right;
    margin: 0 20px 0 5px;
    max-height: 130px;
    position: relative;
    top: -20px;
}

.active_products_desc .imgcontainer a{display:table;position:relative;}
/* cat page fix*/
.active_product .active_header h2{position:relative;font-size:20px;padding-bottom:0px;}
.active_product .active_products_desc{width:100% !important;position:relative;margin-top:0px;padding:0px;height:145px;}
.active_product .txtcontainer, .active_products_desc .imgcontainer{width:49%;float:right;}
.active_product .imgcontainer a{width:100%;display: table-cell;margin: auto;text-align: center;}
.active_product p{width:100%;font-size:12px !important;padding-left:8px;height:100px;overflow:hidden;}
.active_product .buttonlink .button{margin:0px !important;}
.active_product .imgcontainer{display:table;margin:0px !important;padding:0px;}
.active_product .imgcontainer img{float:none;margin:0px !important;}
.active_product .txtcontainer > a {display: block;padding-left: 8px;padding-top: 5px;}

/*cat page promo pastille */
.active_product .buttonlink {
    position: relative;
}
.active_product .ordertitle {
    display: inline-block;
    margin: auto;
    position: relative;
}

.active_product .promopastille {
    background: #d71f30 none repeat scroll 0 0;
    border: 2px solid white;
    top: 10px;
    color: white;
    display: block;
    float: right;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    font-size: 13px;
    z-index: 100;
}

/*prod page promo pastille */
.pdesc .button {
    position: relative;
}

.pimage .promopastille {
    background: #d71f30 none repeat scroll 0 0;
    top: 0px;
    color: white;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    text-align: center;
    font-size: 14px;
    z-index: 10;
    left: 0px;
}

.pdesc .promopastille {
    background: red none repeat scroll 0 0;
    border: 2px solid white;
    border-radius: 50%;
    bottom: 0;
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-left: 8px;
    margin-top: -26px;
    padding: 5px;
    position: relative;
    text-align: center;
    top: -3px;
}
/*Tooltip*/
      .tooltip {
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.42857;
    opacity: 0;
    position: absolute;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: 1070;
}
.tooltip.in {
    opacity: 0.9;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
}
.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    margin-bottom: -5px;
    right: 5px;
}
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    margin-top: -5px;
    right: 5px;
    top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 5px;
    margin-top: -5px;
    top: 0;
}
/*remove dotted outline */
a {outline: 0;}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/*breadcrumb fix*/
p{font-size:14px;}
#breadcrumbs-one a::after, #breadcrumbs-one a::before{
right: -0.8em;
}
/*prix barré*/
.pastille > span, .produitprix .priceb {
    color: #2e3030;
    font-size: 0.9em;
}

.produitprix .priceb{
  text-decoration: line-through;
}
.intro{font-size:20px;}
/*ff html5 border*/
input:required {
    box-shadow:none;
}