@charset "utf-8";
body, h1, h2, h3, p, ol  {
    margin:0;
    padding:0;
}
body {
    padding:0 0 10% 0;
    text-align:center;
    background: url(/styles/img/logoFondLesco.png) 0 0 repeat;
    font-family: "Yanone Kaffeesatz", arial, serif;
}
#wrapper {
    width:75%;
    min-width:650px;
    max-width:850px;
    margin:0 auto;
    padding:0 0 10px 0;
    background: rgb(204, 204, 204);
    text-align:left;
    -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.66);
    -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.66);
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.66);
    -webkit-border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
}


#main {
    margin:0 50px 25px 50px;
    padding:0 100px 50px 100px;
    background-color: #cccccc;
    position:relative;
    -webkit-border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
}

h1 {
    position:absolute;
    width:150px;
    right:50px;
    top:0;
    padding:30px 25px;
    font-size:37px;
    background-color:rgb(235,235,235);
    -webkit-border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    -webkit-animation-name:slidingHeadline;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction:normal;
    -moz-animation-name:slidingHeadline;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:1;
    -moz-animation-direction:normal;
}
@-webkit-keyframes slidingHeadline{
    from {top:-100px;}
    to {top:0px;}
}
@-moz-keyframes slidingHeadline{
    from {top:-100px;}
    to {top:0px;}
}

h1 em {
    display:block;
    padding:17px 0 0 0;
    font-size:15px;
    font-style:normal;
    font-weight:normal;
}
#cadre {

    padding: 1
}
#contentZone {
    background: #eeeeee;
    font-size: .90em;
    border: 2px solid #333300;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:0 0 50px 0;
    padding:75px 10px 10px 10px;
}
#contentZone h2 {
    font-size:35px;
    padding:10px 10px 50px 10px;
}
#contentZone p {
    padding:25px 10px 10px 10px;
    text-align: justify;
}

#commentZone {
    margin:0;
}
#commentZone h3 {
    color:#8e8e8e;
    font-size: 35px;
}
#commentZone ol {
    margin:50px 0 0 50px;
    list-style-type: decimal-leading-zero;
}

.commentlist li{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin:0 0 20px 0;
    padding:25px;
    position:relative;
}

.commentlist li:nth-child(odd) {
    background-color:rgba(175,175,175,.25);
}
.commentlist li:nth-child(even){
    background-color:rgba(100,100,100,.25);
}

.commentlist li:nth-child(odd):before,
.commentlist li:nth-child(even):before {
    content:"";
    position:absolute;
    z-index:1;
    top:25px;
    left:-50px;
    width:50px;
    height:50px;
    background-color:rgba(175,175,175,.25);
    -webkit-border-top-left-radius:25px;
    -webkit-border-bottom-left-radius:25px;
    -moz-border-radius-topleft:25px;
    -moz-border-radius-bottomleft:25px;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
}
.commentlist li:nth-child(even):before {
    background-color:rgba(100,100,100,.25);
}

.comment_author p.gravatar {
    display: inline-block;
    margin:0 0 -22px 25px;
    width:50px;
    height:50px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color: #bfbcb6;
}

.commentlist cite a,
.commentlist cite span {
    font-style: normal;
    text-decoration:none;
    color:#2e2e2e;
    padding-left:10px;
}
#commentZone .comment p {
    margin:0;
    padding:25px 25px 15px 25px;
}

#commentZone .comment p.date {
    padding:10px 50px;
    margin:0 -25px -25px -25px;
    background-color: #bfbcb6;
    color:#2e2e2e;
    -webkit-border-bottom-right-radius:25px;
    -webkit-border-bottom-left-radius:25px;
    -moz-border-radius-bottomright:25px;
    -moz-border-radius-bottomleft:25px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;
}

a {
    outline:none;
}
