@font-face{
    font-family: "Inconsolata";
    src: url('/public/font/Inconsolata.eot');
    src: url('/public/font/Inconsolata.woff') format('woff'),
        url('/public/font/Inconsolata.svg') format('svg'),
        url('/public/font/Inconsolata.ttf') format('truetype');
}
#please {
    display: none;
    position: fixed;
    top: 2px;
    z-index: 30 !important;
    font-size: .8em;
    text-align: center;
    width: 100%;
    background: #ededed;
    border: 1px solid #d4d4d4;
}
.about h2 { letter-spacing: .2em; }
.soldout { text-align: center; line-height: 20px; min-height: 20px !important; }
html, body { font-family: "Inconsolata", monaco, monospace; font-size: .9em; min-height: 100%; height: 100%; padding: 5px 3px !important;}
hr { margin: 20px 0; border: 0;border-top: 1px solid #eee;display: block;-webkit-margin-before: 0.5em;-webkit-margin-after: 0.5em;-webkit-margin-start: auto;-webkit-margin-end: auto; }
a { text-decoration: none !important; color: black; cursor: pointer; }
a:hover { text-decoration: underline; }
input, label { font-family: "Inconsolata" !important; margin: 0;}
/* Header */
#header{ height: 100px; line-height: 50px; }
#header a { color: inherit !important; text-decoration: none; }

#menu-container { width: 100% !important; }
#menu { width: 100%; margin: 0 !important; padding: 10px 0 0 0 !important; list-style: none;}
#menu ul { background: #ededed; }
#menu > li { float: left;height: 20px; padding: 0; position: relative; background: #ededed; line-height: 20px; margin: 0 10px; }
#menu a { float: left; height: 100%; width: 100%; text-decoration: none; padding-left: 8px; color: black; height: 100%; display: inline-block; width: 120px; }
#menu > li:hover { background: #d4d4d4; }
#menu li:hover > ul { display: block; }
#menu ul { list-style: none; margin: -15px 0 0 0 ; padding: 0; display: none; position: absolute; top: 35px; left: 0; z-index: 99999; }
#menu ul li { float: none; margin: 0;padding: 0;display: block; }
#menu ul li:hover { background: #d4d4d4; }
#menu ul a { height: 20px; line-height: 20px; display: block; padding-left: 8px; white-space: nowrap; float: none; text-transform: none; width: 120px; }
#cart > a {background: #ededed; }
#cart:hover { background: #d4d4d4 !important; }

#social { background: none !important; display: inline-block !important; width: 120px; position: absolute; top:25px; left: -145px; }
#social a { display: inline-block !important; height: 25px !important; width: 25px !important; float: none !important; padding: 0 !important; }
#social img { height: 100%; width: 100%; cursor: pointer; }
.right { float: right !important; background: none !important; }

.network { position: relative; top:2px; }
.network a { display: inline-block !important; height: 25px !important; width: 25px !important; float: none !important; padding: 0 !important; }
.network img { height: 100%; width: 100%; cursor: pointer; }

.my-tw-a { margin-left: -5px !important; }

.social-network img { height: 25px; width: 25px; padding-bottom: 4px; }
#my-social .no-deco:hover { text-decoration: none !important; }
/* Content */
#content { margin-top: 60px; font-size: 1em; padding: 0 !important; }
.table thead { font-weight: bold !important; }
.table [class^="icon-"] { font-size: 1.5em; margin-left: .5em; }
.table [class="icon-edit"] { color: #2287ca; }
.table [class="icon-remove"] { color: #ee1313; }
.thumb { height: 100px !important; width: 100px !important; display: inline-block !important; }
.inline { display: inline-block !important; }
.border { border-top: solid 1px black; }
.border [class*="span"] { margin-left: 0px; }
.border-double { border-top: solid 1px black; border-bottom: solid 1px black; margin-bottom: 50px !important; padding: 10px 0; }
.border-double [class*="span"] { margin-left: 0px; }
.last { padding: 10px 0; }
.top, .top a, .top a:hover { color: #c2c2c2 !important; }
.titre { letter-spacing: 1px; padding: 7px 0 5px 0 !important; }
.titre-u { letter-spacing: 1px; min-height: 25px !important; margin-top: -2px !important; }
.img-list [class*="span"] { margin-left: 0px; margin-top: 20px; }
#info-list { list-style: none; }
#content a:hover { color: black; text-decoration: underline !important; }
.buy-pdt { margin: 10px 0 !important; }
.add-to-cart { padding: 1px 7px; min-height: 20px !important; line-height: 20px;  color: #333 !important; }
.add-to-cart:visited, .add-to-cart:hover, .add-to-cart:focus { color: #333 !important; text-decoration: underline !important; }
.add-licence:visited, .add-licence:hover, .add-licence:focus { color: #333 !important; text-decoration: underline !important; }

#qt, .qt, .qt-input { padding-left: 7px !important; display: inline-block !important;  min-height: 20px !important; line-height: 20px; background: #ededed; border: 0; box-shadow: none; border-radius: 0; font-size: 1em; margin-bottom: 0 !important; }
#qt:focus, #qt:active, #qt:hover, #qt:target { text-decoration: underline; }
.grey-bk {  background: #ededed; line-height: 20px; min-height: 20px !important; margin-top: 10px; }
.grey-bk-no-margin { background: #ededed; line-height: 20px; min-height: 20px !important; }

.blog-date { float: right; }

.colonne { display: inline-table; }
.colonne .span12 { margin: 0 !important; }
.colonne .border { margin-bottom: 15px !important; }
.catcher { padding-bottom: 10px !important; }
/* Formulaires */
textarea { height: 250px; }
.hideme { display: none !important; }
.remove-pict { color: #ee1313; }
.remove-pict:hover { cursor:pointer; }
#information > h2, .border > h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 3px; }
#information > p .border > p { margin-bottom: 30px; }
#information {
    display: inline-block !important;
    min-height: 100% !important;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
}
.err { display: none; color: red; padding-bottom: 4px; }

footer { height: 10px;}
footer a:hover { color: #2287ca; }
cufon > * { word-break: break-all !important; }
#wrapper { min-height: 90%; height: auto !important; height: 90%; }
#woop { margin-bottom: 10px !important; padding-left: 15px; font-size: 5em; word-break: break-all !important;}
.text { display: block; line-height: .8em; word-break: break-all !important; }
#blog { padding-right: 12px; }
#blog .span12 { margin: 0 !important; padding: 5px 0 !important; }
.blog-link { float: right; }
.blog-link img { height: 9px; }

#infos {
    position: absolute;
    right: 38px !important;
    width: 175px;
}

#infos.fixed { position: fixed; top: 5px; }

.style { font-size: 2.5em; margin-left: 15px; margin-bottom: 5px; cursor: pointer; min-height: 50px !important; line-height: 50px !important; display: block; }

.infos-content { width: 175px !important; font-size: .7em; position: absolute; top: -320px;}
.infos-content.fixed { position: absolute; top: 5px; }

.infos-content > .span12 { margin: 0; }
.infos-content .border { padding: 3px 0; }
.infos-content .title { margin-bottom: -2px; letter-spacing: 1px; }
.font-infos {
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;
   display: -moz-box;
   -moz-line-clamp: 4; /* number of lines to show */
   -moz-box-orient: vertical;
}
.font-button { background: #ededed; min-height: 20px !important; margin: 5px 0 17px !important; }
.font-button a { display: inline-block; width: 100%; height: 100%; padding-left: 5px; }

.link { margin-bottom: -12px !important; }

.block { display: block}
.block > span, #font > span, .font-container > .span12 { margin: 0 ; padding: 0 ; }
.pad10 { padding: 0 10px !important; margin-top: 60px; }
.right { float: right; }
.right a { float: right; }
.right-link { position: absolute; right: 0px; }
.text-right { position: relative; top:-20px; }
.a-style { font-size: 50px; margin-left: 0 !important; }
.hide { display: none; }

.single { border-bottom: black 1px solid; padding-bottom: 20px !important; }
.double-filet { border-bottom: black 1px solid; border-top: black 1px solid; min-height: 7px !important; margin: 15px 0 !important; }
.descr { padding-top: 15px !important; margin-bottom: 25px !important; display: block !important; z-index: 10 !important; position: relative; }
/* slider */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-right,
.ui-corner-tr,
.ui-corner-left,
.ui-corner-tl { border-radius: 0px !important; }
.ui-widget-content { background : #ededed !important; min-height: 10px !important; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background: #d4d4d4 !important; }

#mytext { background: none; border: 1px #000 solid; line-height: 27px; font-size: 20px; min-height: 27px !important; margin-bottom: 10px; padding-left: 3px; font-family: "Inconsolata", monaco, monospace;}
#mytext::-webkit-input-placeholder {  
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   background-size: 110px;
   opacity: 1;
   text-decoration:blink !important;
}
#mytext:-moz-placeholder,#mytext::-moz-placeholder{  
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   opacity: 1;
   background-size: 100px;
   text-decoration:blink !important;
}
#mytext:-o-placeholder,#mytext::-moz-placeholder{  
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   opacity: 1;
   background-size: 110px;
   text-decoration:blink !important;
}
#mytext::-ms-input-placeholder{  
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   background-size: 110px;
   opacity: 1;
   text-decoration:blink !important;
}

.message { background: #ededed; min-height: 20px !important; border: 1px solid #d4d4d4; text-align: center; position: fixed; top: 20px; }
.amessage { background: #ededed; min-height: 20px !important; border: 1px solid #d4d4d4; text-align: center;margin-left: 20px; padding: 0 10px; }
.mmessage { background: #ededed; min-height: 20px !important; border: 1px solid #d4d4d4; text-align: center; padding: 0 10px; }

.remove { cursor: pointer; min-height: 15px !important; padding: 0 !important;}
.remove:hover { border-bottom: 1px black solid; }
.a-font { margin: 50px 0;  }
.a-product { margin: 40px 0; }
.a-product img { margin-bottom: 20px; }
.a-empty { margin: 100px 0; }

.my-select {
    background-color: #ededed !important;
    min-height: 20px !important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    padding: 5px !important;
    font-family: "Inconsolata", monospace; font-size: .9em;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.detail { margin: 20px 0 !important; }
.top-one { margin-top: 20px !important; }
.payment, .payment-colored { padding: 0 7px !important; min-height: 20px !important; margin-bottom: 10px; }
.payment-colored a { min-height: 20px !important; }
.payment span { min-height: 20px !important; }
.payment-colored { background-color: #24ffcc; }
.button-background { background-color: #24ffcc; }
.tx { border-top: 1px solid #ccc; padding-top: 3px !important; }
.chm-mail label, .chm-lname label, .chm-fname label { display: block; }
.chm-mail { margin-top: 30px; }
.chimp { margin-left: 0px !important; }
.chimp-content input { border: none !important; line-height: 20px !important; min-height: 20px !important; font-family: "Inconsolata", monospace; font-size: .9em; }
.recap-input { border-bottom: 1px #333 solid !important; border: none; line-height: 20px !important; min-height: 20px !important; font-family: "Inconsolata", monospace; font-size: .9em; }
.chimp-content { margin-left: 0px !important; }
.chimp-content-submit { margin-top: 10px; }
#mc-embedded-subscribe { width: 120px; min-height: 20px !important; line-height: 20px !important; margin: 0 !important; padding: 0 0 0 8px !important; text-align: left !important; background: #ededed; border: 1px solid #acacac !important; }
#mc-embedded-subscribe:hover { background: #d4d4d4; }

.interrog {
	height: 13px;
	padding-bottom: 15px;
	margin-left: -4px;
	cursor:help;
}
.memo {
	position: absolute;
	top: 20px;
	margin-left: 8px;
	width: 200px;
	background: #ededed;
	padding: 4px 8px;
	font-size: .9em;
}
.add-to-cart-btn, .add-licence-btn {
	color: black;
	text-decoration: underline !important;
}
.add-to-cart-btn:hover, .add-licence-btn:hover {
	color: black;
	text-decoration: none !important;
}
.span8 > *, .span4 > * {
	margin-left: 0 !important;
}
#size { width: 5.9%; padding-top: 2px;}
#size img {
	height: 10px !important;
	position: relative;
	bottom: 8px;
	left: 2px;
}
.font-infos > * {
	min-height: 22px !important;
}
.font-infos .right { height: 9px; width: 12px !important; margin-top: 5px; }
.font-infos a { padding-left: 10px; }
.font-infos a:hover {
	color: black;
	text-decoration: underline !important;
}
.associated-pdt, .associated-art {
	position: absolute;
	top: 180px;
	right: 35px;
	z-index: 20;
}
.font-test { padding-top: 5px; }
#slider {
	margin-bottom: 50px; margin-left: 0 !important; width: 94.1%;
}