*{margin:0;padding:0;}
body, #head, #topmenu, #footer{min-width:1024px;}
body, html{margin:0px;padding:0px;text-indent:0px;height:100%;width:100%;}
body{font-family: 'Open Sans',sans-serif;font-size:16px;}
img{border:none;}
p, ul, ol{padding-bottom:12px;}
h1, h2, h3, h4{padding:0;display:block;font-weight:bold;}
h3{margin:13px 0 0;font-size:1.17em;}
h4{margin:10px 0;padding:0;}
.clear{clear:both;}
#top{background:#000 url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/header.png) repeat-x scroll center top;height:183px;width:100%;}
#header {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 140px;
    float: left;
    padding-top: 20px;
}
#header .button{position:absolute;left:777px;top:55px;}
#headerlogo{float:left;height:145px;width:350px;}
#headerlogo img{padding-top:20px}
#logo{position:absolute;left:20px;top:10px;}
#logotitre{display:none;}
#banner{position:absolute;left:253px;top:14px;}
#searchbar{background:transparent url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/searchbar.png) no-repeat center top;width:418px;height:52px;float:right;}
#searchbar form{float:left;padding:10px 0 0 21px;width:230px;}
#searchbar form select{float:left;margin:3px 5px 0 0;max-width:180px;}
#separator{padding-top:5px;}
#langues{float:right;padding:0;width:150px;}
#menu{float:left;height:38px;width:730px;}
#menu ul li{list-style:none;display:block;float:left;margin-left:15px}
#menu ul li .left{float:left;display:block;width:7px;height:42px;}
#menu ul li a{color:#FFFFFF;display:block;float:left;font-family:"Lucida Grande",Tahoma,Arial,sans-serif;font-size:11px;font-style:normal;font-weight:normal;height:42px;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;}
#menu ul li .right{display:block;float:left;width:7px;height:42px;}
#panier{background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/panier.png) no-repeat center top;width:244px;height:115px;float:right;margin-top:16px;}
#articlesp{text-align:center;padding-top:13px;}
#moncompte{padding-top:15px;text-align:center;font-weight:bold;}
#moncompte a:link, #moncompte a:hover, #moncompte a:visited{color:#000;text-decoration:none;}
#titrep{padding-top:26px;text-align:center;}
#titrep a{font-family:georgia;font-size:17px;font-weight:bold;text-decoration:none;font-style:italic;color:#000;}
#content{min-height:300px;width:100%;}
#right_col{float:left;margin-left:20px;}
a{color:#595959;}
.logiciel a{text-decoration:none;}

.desc{float:left;padding:13px 13px 13px 0; width: 200px; display: none;}
.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 h4{margin:0 !important;padding:0 !important;border:none !important;}
.required label, label.required{font-weight:bold !important;color:#333 !important;}
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;}
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField{width:350px;}
form .aligned p, form .aligned ul{margin-left:7em;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 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;}
fieldset.collapsed *{display:none;}
fieldset.collapsed h2, fieldset.collapsed{display:block !important;}
fieldset.collapsed h2{background-image:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/nav-bg.gif);background-position:bottom left;color:#999;}
fieldset.collapsed .collapse-toggle{padding:3px 5px !important;background:transparent;display:inline !important;}
fieldset.monospace textarea{font-family:"Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;}
.submit-row p{margin:0.3em;}
.submit-row p.deletelink-box{float:left;}
.submit-row .deletelink{background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/icon_deletelink.gif) 0 50% no-repeat;padding-left:14px;}
.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;}
.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(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/icon_addlink.gif) 0 50% no-repeat;padding-left:14px;}
fieldset{margin:0;padding:0;}
.module p, .module ul, .module h3, .module h4, .module dl, .module pre{padding-left:10px;padding-right:10px;}
.module blockquote{margin-left:12px;}
.module ul, .module ol{margin-left:1.5em;}
.module h3{margin-top:.6em;}
.module table{border-collapse:collapse;}
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(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/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;}
td ul.errorlist{margin:0 !important;padding:0 !important;}
td ul.errorlist li{margin:0 !important;}
.errors{background:#ffc;}
.errors input, .errors select{border:1px solid red;}
table{border-collapse:collapse;border-color:#ccc;}
th{text-align:left;font-size:13px;font-weight:bold;}
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;}
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(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/arrow-down.gif) right .4em no-repeat;}
table thead th.descending a{background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/arrow-up.gif) right .4em no-repeat;}
table.orderable tbody tr td:hover{cursor:move;}
table.orderable tbody tr td:first-child{padding-left:14px;background-image:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/nav-bg-grabber.gif);background-repeat:repeat-y;}
table.orderable-initalized .order-cell, body>tr>td.order-cell{display:none;}
#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(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/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;}
.change-list .filtered table tbody th{padding-right:1em;}
#changelist .toplinks{border-bottom:1px solid #ccc !important;}
.change-list .filtered .paginator{border-right:1px solid #ddd;}
#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;border-right:1px solid #ddd;text-align:center;}
#changelist table tfoot{color:#666;}
#changelist #toolbar{padding:3px;border-bottom:1px solid #ddd;background:#e1e1e1 url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/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;}
#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;}
.change-list ul.toplinks{display:block;background:white url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/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{font-size:13px;padding-top:10px;padding-bottom:10px;line-height:22px;margin:0;border-top:1px solid #ddd;}
.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;}
.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(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/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;}
.right{float:right;}
.billing_equals_shipping{border:0px none;}
.numericcell{text-align:right;width:100px;}
#content ul li p{margin:0;padding:0;}
#leftbar{width:203px;float:left}
#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-image:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/hr.png);background-position:center top;background-repeat:no-repeat;border:0;height:1px;}
.pubaccueil{background:transparent url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/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;}
.prixaccueil{font-size:22px;font-weight:bold;}
.submit{margin-top:10px;float:right;}
#frise{margin-top:15px;width:764px;}
.elementfrise{float:left;}
#leftbar2{width:225px;}
*+html #searchbar form select{max-width:160px;}
*+html hr{margin-top:0;}
*+html .module{float:left;clear:both;}
*+html .right img{margin-bottom:20px;}
*+html span span{padding:0;}
* html #menu ul li{width:115px;}
* html #menu ul li a{width:115px;font-size:11px;}
* html #searchbar form select{width:200px;}
* html hr{margin-top:0;}
#langues form{padding-left:0;}
.boutoncontinuer{background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/images/boutons2.png) repeat-x center center;border:1px solid black;color:white;float:right;margin:8px;padding:0px 5px;text-decoration:none;cursor: pointer;}
#personnel{margin-bottom:38px;}
.adresses{float:left;width:290px;}
ul li a{color:#000;text-decoration:none;font-weight:bold;}
.cadre{margin-bottom:23px;padding:5px 20px 20px;width:93%;}
#menutop{width:1000px;height:43px;background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/menu.png) no-repeat center top;}
ul.niveau1{height:43px;padding-left:40px;}
ul.niveau1 li{display:block;float:left;font-size:13px;height:23px;list-style-type:none;margin-top:1px;}
ul.niveau1 li a{color:#FFFFFF;display:block;height:22px;padding:20px 8px 0;text-decoration:none;}
ul.niveau1 li a:hover{background:#464646;}
ul.niveau2 li{list-style-type:none;font-size:14px;clear:both;border:1px solid #696969;background:#FFF;width:110px;margin-left:-40px;margin-right:0;padding:5px;}
ul.niveau2 li a{color:#000;}
ul.niveau2 li a:hover{color:#000;background:grey;}
ul.niveau3 li{list-style-type:none;display:block;float:left;font-size:14px;height:23px;}
ul.niveau3 li a{color:#000;}
.active{background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/onglet.png) no-repeat center bottom;height:43px;width:110px;}
a.active{color:#000;}
#menutop ul ul{display:none;position:absolute;}
#menutop ul.niveau2{left:0;margin-right:-25px;margin-top:5px;}
#menutop li:hover ul.niveau2, #menutop li li:hover ul.niveau3{position:relative;display:block;}
#menutop li li:hover ul.niveau3{margin-left:150px;}
.moduletop{height:13px;width:203px;background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/moduletop.png) center bottom no-repeat;}
.modulemiddle{width:163px;background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/box.png) center bottom repeat-y;padding:0 20px 10px;margin-bottom:10px;}
#modulemiddle a{text-decoration:none;font-size:10px;}
.connexioncontent ul li{list-style-type:none;font-size:10px;}
.connexioncontent ul{margin-top:15px;}
#menugauche ul li{list-style-type:none;height:19px;}
#menugauche ul li a{color:#595959;font-size:10px;text-decoration:none;font-weight:normal;}
#menugauche ul{margin-left:6px;padding-top:12px;}
#footer ul li{list-style-type:none;display:inline;}
.right img{max-width:260px;margin-bottom:20px;}
* html ul.niveau1 li{display:inline;}
* html ul.niveau1 li a{float:left;}
.buttonfixe{background:url(http://storage.shop.koffeeware.com.s3.amazonaws.com/upload/litto-fotogroep/design/boutonfixe.png) center center no-repeat;height:22px;padding-top:6px;width:255px;float:right;}
.buttonfixe a{color:#FFF;padding-top:4px;text-decoration:none;}
#explanations{display:none;color:red;font-weight:bold;margin-bottom:20px;background:#ffdddd;border:1px solid red;padding:5px;}


/* ------ CSS 2015 -------- */

#topmenu {  position: absolute;  padding-left: 330px;  color: #FFF;  font-size: 18px;  margin-top: -9px;  padding-top: 0;}
#topmenu ul li {list-style-type: none; color: #FFF; display: block; float: left;padding-right: 20px; font-family: 'Open Sans', sans-serif;font-weight: 300;    font-size: 14px;
    line-height: 25px;}
#topmenu ul li a {color:#FFF; text-decoration:none;}
#topmenu ul .fa {padding-right:5px;}
#topmenu ul {float:left;}
#logout {  float: left; display: block; color: #FFF; padding-top: 5px;}
#logout a {color:#FFF;}
#search {
    float: right !important;
    top: 3px !important;
    position: absolute;
    right: 30px !important;
}
@media (max-width:1300px) {
#leftbar {width:23% !important;}
}
.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-fotogroep/design/hr.png) center top no-repeat;border:0;}
#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:20px;
padding-top:30px;
}
.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;}

.menu li {
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 30px;
    font-family: 'Open Sans',sans-serif;
    font-size: 17px !important;
    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;}
.menu a, .menu a li {color:#2e3030; text-decoration:none;    font-size: 19px !important;}

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;
}

#footer {
    height: 55px;
    background-color: #2e3030;
    text-align: left;
    padding-top: 13px;
    color: #FFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
}

.bottomlinks {
    padding-top: 14px;
    float: left;
    padding-left: 20px;
}

.bottomlinks ul {float:left;}
.payment {float:right;    padding: 2px 15px 0 0;}
.bottomlinks a, .bottomlinks ul li {
color: #c8c8c8;
    text-decoration: none;
    padding: 6px 4px 6px 2px;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}

#content_large {
    float: left;
    width: 72%;
}

#breadcrumb {float: left;
width: 100%;
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;  
}

p {
    padding-bottom: 12px;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 16px !important;
    color: #616565;
}



#main {background-color:#FFF;}
.left {float:left;padding-right:20px;line-height: 36px;}
@media (max-width:1180px) {
#main img {max-width:650px;}
}

#main {float: right;width: 97%;padding:1% 1% 1% 0;}
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;
}

.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;
}

.active_product {
    float: left;
    margin: 20px 1% 10px 0;
    width: 48%;
    border: 1px solid #ebebeb;
    height: 280px;
padding-bottom:10px;
}

.active_products_desc {
    height: 155px;
    padding: 7px 0 0 16px;
    width: 33%;
    margin-top: 65px;
    position: absolute;
}

.active_products_desc a {
    color: #606565;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    line-height: 19px;
    font-size: 14px;
}

.active_product p {
    width: 50%;
    color: #606565;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    line-height: 19px;
    font-size: 14px;
}

.buttonlink .button {
    cursor: pointer;
    background: #ff8a00;
    border-bottom: 2px solid #ff6000;
    border-radius: 4px;
	color: #FFF;
    text-decoration: none;
    margin: 221px 2% 0!important;
    width: 96%;
    display: block;
    padding: 15px 0;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.button, .boutoncontinuer, .submit-row input, .bouton_profil {
    cursor: pointer;
    background: #cd3333;
    border-radius: 2px;
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;
}

.active_header h2 {
    color: #2e3030;
    position: absolute;
    font-size: 22px;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: left;
}

.pastille {
    color: #cd3333;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 0;
}

.active_product img {
    clear: both;
    float: right;
    margin: 0 20px 0 5px;
    max-height: 130px;
}

@media (max-width:1320px) {
    #content_large { width:71% !important;}
}

@media (max-width:1200px) {
    #content_large { width:65% !important;}
}

.pdesc p {
    color: #626565;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    line-height: 16px;
}

.large {
    padding: 25px 100px 20px!important;
    font-size: 25px!important;
}
.center {
    text-align: center;
    width: 200px;
    margin: auto;
    display: block;
    margin-top: 20px;
}

.module {
    border: none;
    margin-bottom: 5px;
    background: white;
    padding-top: 10px;
}

.module table {
    border-collapse: collapse;
}

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;
}

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;
}

.produitprix {
    color: #cd3333 ;
    text-align: center;
    display: block;
    margin-top: 20px;
    width: 100%;
    font-size: 18px;
    clear: both;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}


.codepromo {
    color: #616565;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding-right: 20px;
}

.small {
    padding: 5px 10px!important;
    font-size: 19px!important;
    border: none!important;
background-color:#cd3333 !important;
}

input[type="text"], input[type="password"], input[type="email"] {
    padding: 12px;
    border: 1px solid #DDD;
    min-width: 170px;
}

table {    border: 1px solid #d9d9d9;border-collapse: collapse;}

#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;
}

.decal {
    margin-right: 15px;
    line-height: 57px;
}

td a {
    text-decoration: none;
}

.button:hover {background:#c84d03 !important;}
.small:hover {background:#81912f !important;}

label {
    font-weight: normal!important;
    color: #666;
    font-size: 16px;
    padding: 12px;
    font-family: "Open Sans", sans-serif;
}

.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;
}


.module div {
    font-size: 17px;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
}

fieldset div {
    margin: auto;
    font-size: 17px;
}

.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;
}

.module label {
    font-size: 17px;
    line-height: 23px;
}

.form-row input {
    border: 1px solid #ddd;
    width: 330px;
    font-size: 16px;
    height: 30px;
}

select {
    display: block;
    height: 56px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.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;
}

#selected_city {float:left;}

.mag {text-align:center;}

.recap .form-row {
    padding: 0;
    margin: 0;
    height: 44px;
}
.recap .form-row div {
    line-height: 58px;
    margin: 0;
    padding: 0;
}

.valid {
    background: #F0F0F0;
    padding: 20px;
}

.long {
    width: 430px!important;
}

.java li {
    list-style-type: none;
}

.submit-row {
    padding: 25px 7px;
    text-align: center;
    border: none;
    margin: 5px 0;
    overflow: hidden;
}

.user label {width:350px !important;}
.user input[type="checkbox"] {
    border: 1px solid #ddd;
    width: 330px;
    font-size: 16px;
    height: 30px;
    margin-top: 15px;
}

.formt td, .formt th, .formt tr, .formt {
    border: none!important;
}

textarea {
    border: 1px solid #DDD;
}

.log input {
    width: 300px;
}
.log label {
    width: 100px !important;
}

fieldset {border:none;}

/*-------BX WRAPPER----*/

.car h3 {
    font-size: 14px;
    margin: 0;
    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 .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: black 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: black 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: -4px;
    font-size: 14px;
}
/*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;
}
.sitelogo {
position: absolute;
    top: 47px;
    left: 10px;
}
.sitelogo img {
    /* padding: 15px; */
    /* border-radius: 20px; */
    background: white;
    position: relative;
    top: -48px;
    left: -10px;
}