@import url(fonts.css);

::selection {background: #333; color: #fff;}
html, body, div, span, object, iframe,h1,h2,h3,h4,h5, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
	font-family:"encode_sans_condensedbold", sans-serif !important;
}

body{ background:url(../images/bg.jpg) center top; color:#000 !important; }

h1{ font-weight:700 !important;  font-size:24px; font-family:"encode_sans_compressedblack", sans-serif !important; color:#000000 !important; text-align:center; }
h2{ font-weight:500; font-size:20px; }

ul{ padding-top:5px; }
a{ text-decoration:none; color:rgb(195,8,30); }

b, strong{ font-family:"encode_sansblack", sans-serif !important; font-weight:normal; color:rgb(195,8,30) !important;  }

div.header{ position:relative; width:100%; }
div.header div.boog{ position:absolute; z-index:2; width:265px; height:296px; top:-18px; left:0px; background:url(../images/boog.png); }
div.header div.tomato{ position:absolute; z-index:2; width:151px; height:239px; top:50px; right:0px; background:url(../images/tomator.png) center right no-repeat; }
div.header div.header-wrapper{ position:relative; margin:20px auto 0; padding:0 0 20px 0; max-width:1250px; width:100%; text-align:center; }
div.header div.header-wrapper div.logo{ margin:0px; width:100%; text-align:center; }
div.header div.header-wrapper div.btn{ position:absolute; right:50px; bottom:50px; }

div.main{ position:relative; z-index:2; max-width:324px; padding:0px 10px 20px; background:#fff; margin:50px auto 0 ; width:100%; }
div.main:before{ background:url(../images/main_top.png) top center no-repeat; content:" "; width:100%; height:60px; position:absolute; top:-60px; left:0px; }
div.main:after{ background:url(../images/main_bottom.png) center top no-repeat; content:" "; width:100%; height:75px; position:absolute; bottom:-75px; left:0px; }
div.main a{ color:#333; }
div.main div.main-wrapper{ position:relative; text-align:center; margin:0px auto; padding:30px 0; max-width:1000px; width:100%; }

div.footer{ position:relative; z-index:1; padding-top:70px; text-align:center; background:#0D0F10; width:100%; height:175px; }
div.footer img{ width:50px; }
div.footer img:last-child{ margin-left:20px; }
div.footer:before{ background:url(../images/bg_bottom.png) top left repeat-x; content:" "; width:100%; height:124px; position:absolute; top:-124px; left:0px; }

.countdown { width: 100%; height: 100px; margin: 0 auto; text-align: center; }
.countdown .bloc-time { margin-right: 6px; text-align: center; display: inline-block; }
.countdown .bloc-time:last-child { margin-right: 0; }
.countdown .count-title { display: block; margin-bottom: 10px; font: normal 9px "encode_sans_condensedbold"; color: #1a1a1a; text-transform: uppercase; }
.countdown .figure { position: relative; float: left; height: 42px; width: 27px; margin-right: 3px; background-color: #fff; border-radius: 8px; -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
.countdown .figure:last-child { margin-right: 0; }
.countdown .figure > span { position: absolute; left: 0; right: 0; margin: auto; font: normal 2.34em "encode_sans_condensedbold"; font-weight: 700; color: #A91F2C; }
.countdown .figure .top:after, .countdown .figure .bottom-back:after { content: ""; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.countdown .figure .top { z-index: 3; background-color: #f7f7f7; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-transform: perspective(200px); -ms-transform: perspective(200px); -webkit-transform: perspective(200px); transform: perspective(200px); }
.countdown .figure .bottom { z-index: 1; }
.countdown .figure .bottom:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.02); }
.countdown .figure .bottom-back { z-index: 2; top: 0; height: 50%; overflow: hidden; background-color: #f7f7f7; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.countdown .figure .bottom-back span { position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.countdown .figure .top, .countdown .figure .top-back { height: 50%; overflow: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.countdown .figure .top-back { z-index: 4; bottom: 0; background-color: #fff; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -moz-transform: perspective(200px) rotateX(180deg); -ms-transform: perspective(200px) rotateX(180deg); -webkit-transform: perspective(200px) rotateX(180deg); transform: perspective(200px) rotateX(180deg); -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.countdown .figure .top-back span { position: absolute; top: -100%; left: 0; right: 0; margin: auto; }