/* Design : Joran Lafleuriel */

* {font-family: Arial,Helvetica, sans-serif;color:#000;}


body { background-color:#FAFAFA;margin:auto;padding:8px;position:absolute;top:0;left:0;bottom:0;right:0;}

p, h1, h2, h3, h4, h5, li, label {font-size:11px;line-height:25px}
h1 { font-weight:normal;}
p, nav a, blockquote {}

p { margin:4px 0 4px 0;line-height:20px;}

span.zfont {font-family:'Cardo';}

div.title { overflow:hidden;display:block;color:#000;line-height:28px;font-weight:normal;letter-spacing:4px;font-size:24px;margin:0;clear:right;}
div.title span {vertical-align:top;font-family:'Cardo';padding:3px;display:inline-block;float:none;}

.last { clear:right;}

.bmp { transition:all ease-in 10s; -webkit-transition:all ease-in 10s; -o-transition:all ease-in 10s;}
.bmp:hover {
 cursor:url('/design/icon_wave1743.gif'), move;
 font-size:6em;
 transition:all ease-out 0.5s;
 -webkit-transition:all ease-out 0.5s;
 -o-transition:all ease-out 0.5s;
}

h2 { color:#520b2b;font-size:1.45em}
h3 { color:#520b2b;font-size:1.4em;font-family: Arial;font-weight:normal;letter-spacing:1px;text-transform:lowercase;}
h4 { font-size:1em}
h2, input[type='submit'], nav a {font-family: Arial;letter-spacing:0;color:#b93c0b;font-weight:normal}
sup, sub { font-size:.7em}
small { font-size:.8em}

blockquote { color:#c8b0a8;font-weight:normal;font-family:Arial;font-weight:normal;letter-spacing:1px;font-size:18px;margin:24px 0}

a {text-decoration:none;border-bottom:1px dashed #000}
a:hover, a:focus, a:link, a:visited { color:#000;}

nav {margin-top:24px;display:inline-block}
nav a { color:#b93c0b;font-size:16px;letter-spacing:2px;text-decoration:none;/*font-family:'Basic', sans-serif;*/font-family: Arial}
nav ul { padding:0}
nav li {display:inline-block;margin-right:22px}
nav a:hover, nav a:focus, nav a:active, nav a.active { color:#A6AAB3}
nav a.active  {border-bottom:1px dotted #A6AAB3}


.phone {z-index:-1;min-height:44px;overflow:hidden;}
.phone span {font-family:'Cardo';font-weight:bold;font-style:italic}

article {}
header {margin:0;overflow:hidden;padding:12px;margin-left:-12px;}

#region-1 {
    background:#FFF;padding:32px;border:1px dotted #AAA;display:inline-block;width:auto;position:absolute;overflow-x:hidden;top:50%;left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align:center;
    }

.branding {display:inline-block;width:360px;margin:0}

/*#937F75*/

/* forms */
form, fieldset, input, textarea {border:none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
input, textarea {padding:2px 4px 2px 4px}
input:hover, textarea:hover {background:#B193B5}
div.form-item {margin:12px 0}
input, textarea {background:#b3a088}

/* buttons */

a.button, a.button:visited  {    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;padding:4px;color:#FFF;text-transform:lowercase;font-size:11px;letter-spacing:1px;text-decoration:none;   background-color:#6F4434;font-family: Arial;font-weight:normal}
a.button:hover { background-color:#888899}
a.button:focus { color:#889}

footer { display:block;margin-top:32px}

div.fb-like {}

a { outline:0 }

ul.images-list { list-style-type:none;padding:0; }
ul.images-list li { display:inline-block;margin:0 18px 18px 0}
ul.images-list li a {display:block;margin:0;padding:0}
ul.images-list li a:hover img {border:1px #666 solid}
ul.images-list li a:focus img,
ul.images-list li a:active img {border:1px #b93c0b solid}
ul.images-list li a:active {outline:0}
ul.images-list li img { border:1px #444 solid;box-shadow:0 0 30px #000;-moz-box-shadow:0 0 30px #000;-webkit-box-shadow:0 0 30px #000}

.poster { margin:0 24px 24px 0;display:inline-block;vertical-align:top}
.poster ul { margin:0;padding:0}
.poster ul li { list-style-type:none}

article div.content { display:block;vertical-align:top;}
article div.content div {margin:22px 0}

aside { margin:0}


.sticker { font-size:.6em;background:#6F4434;padding:4px 8px;margin:-12px 0 0 12px;width:100px;text-align:center;display:inline;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.message { margin:0 12px}

h2,.date {color:#FFF}
.time {color:#000}
.date {}
.time {}
.place {}

label {min-width:35%;display:inline-block}

h1 {
    animation: fadein 1.5s ease-in;
    -moz-animation: fadein 1.5s ease-in; /* Firefox */
    -webkit-animation: fadein 1.5s ease-in; /* Safari and Chrome */
    -o-animation: fadein 1.5s ease-in; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity:0} to {opacity:1}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0} to {opacity:1}
}

@-o-keyframes fadein { /* Opera */
    from { opacity:0; } to {opacity: 1; }
}​


wbr {}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width:1100px) {}

@media only screen and (max-width:900px) {}