@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');
}

@font-face{
    font-family: "RegentPro";
    font-style: normal;
    src:  url('/public/font/RegentPro.eot');
    src:  url('/public/font/RegentPro.woff') format('woff'),
          url('/public/font/RegentPro.svg') format('svg'),
          url('/public/font/RegentPro.ttf') format('truetype');
}

@font-face{
    font-family: "RegentPro";
    font-style: italic;
    src:  url('/public/font/RegentPro-Italic.eot');
    src:  url('/public/font/RegentPro-Italic.woff') format('woff'),
          url('/public/font/RegentPro-Italic.svg') format('svg'),
          url('/public/font/RegentPro-Italic.ttf') format('truetype');
}



#please {
    display: none;
    position: fixed;
    top: 2px;
    z-index: 5 !important;
    background-color: red;
}
#hide-me-please {
  display: none;
}
html, body { font-family: "Inconsolata", monaco, monospace; font-size: .9em; /*min-height: 100%; height: 100%; */padding: 13px 13px 0 13px !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; }
.big { font-weight: bold; font-size: 4em; line-height: 1em; }
#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 { float: right !important; background: #ededed; }
#cart:hover { background: #d4d4d4 !important; }

#social { background: none !important; display: inline-block !important; float: left !important;  }
#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; width: 22.5% !important; margin-left: 2.5641% !important; background: none !important; }
.right-link { float: right !important; }
.right-menu { float: right !important; width: 22.5% !important; margin-left: 2.5641% !important; background: none !important; }
.network { float: right !important; }
.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, .soldout { 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; }

/*.row-fluid .offset1 { margin-left: 8.51063829787234% !important; }*/
.line { margin-left: 8.51063829787234% !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, #faq > h2, .border > h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 3px; letter-spacing: 2px; }
#faq > h2 { border-top: black 1px solid; margin-top: 25px; margin-bottom: 10px; line-height: 1.4em; padding-top: 10px; letter-spacing: 1.8px; }
#faq > h2:first-child { border-top: none; margin-top: 0; }
#information > p .border > p,
#faq > p .border > p { margin-bottom: 30px; }
#information, #faq {
    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-top: 50px !important; padding-left: 15px; font-size: 15em; 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;

}

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

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

.infos-content > .span12 { margin: 0; }
.infos-content .border { padding: 10px 0; }
.infos-content .title { margin-bottom: -2px; letter-spacing: 1px; }

.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; }

.a-style { font-size: 110px; 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: 16px; 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-position: left;
   background-size: 125px;
   opacity: 1;
}
#mytext:-moz-placeholder,#mytext::-moz-placeholder{
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   background-position: left;
   opacity: 1;
   background-size: 125px;
}
#mytext:-o-placeholder,#mytext::-moz-placeholder{
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   background-position: left;
   opacity: 1;
   background-size: 125px;
}
#mytext::-ms-input-placeholder{
   background-image: url("/public/img/image_try-it.png");
   background-repeat: no-repeat;
   background-position: left;
   background-size: 125px;
   opacity: 1;
}

.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;
	z-index: 2;
}
.mymodal {
	position: absolute;
	top: 20px;
	margin-left: 8px;
	width: 400px;
	background: #ededed;
	padding: 4px 8px 8px 8px;
	font-size: .9em;
	color: black;
}
.myclose {
	display: inline-block;
	float: right;
	padding: 1px;
	font-size: 1.8em;
}
.myclose:hover { cursor: pointer; text-decoration: underline; }

.mymodal-topbar {
	margin-bottom: 15px;
	font-size: 1.2em;
}

.add-to-cart-btn, .add-licence-btn, .show-btn {
	color: black;
	text-decoration: underline !important;
}
.add-to-cart-btn:hover, .add-licence-btn:hover, .show-btn:hover {
	color: black;
	text-decoration: none !important;
	cursor: pointer;
}
.package > .span12, .package, .package [class*="span"] { min-height: 15px !important; }
.package, .package * , .span8 > *, .span4 > * {
	margin-left: 0 !important;
}
.package-name { text-decoration: underline; margin-top: 10px; }


#size { width: 5.9%; padding-top: 2px;}
#size img {
	height: 10px !important;
	position: relative;
	bottom: 8px;
	left: 2px;
}
.font-infos > * {
	min-height: 20px !important;
}
.font-infos .right { height: 9px; width: 12px !important; margin-top: 5px; right: 15px; }
.font-infos a { padding-left: 30px; }
.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%;
}
.dc { color: rgb(51, 51, 51); }
.dc:hover { color: rgb(51, 51, 51) !important; }
#funny-menu { padding-right: 12px; }
#funny-menu > .span12 { margin-left: 0 !important; text-align: center !important; }
#funny-menu .span12 > img  { width: 70% !important; display: inline-block !important; }
#funny-menu .span12 > a img  { width: 75% !important; display: inline-block !important; }