div.comments-list{
margin-top: 50px;
}
div.comments-list h3.comments-title,
div.comment-respond h3.comment-reply-title{
color: #555555;
font-size: 23px;
line-height: 26px;
margin: 0px;
}
div.comment-respond h3.comment-reply-title small{
float: right;
margin: -1px 0px 1px 0px;
}
div.comment-respond h3.comment-reply-title small a{
display: block;
font-family: "Open Sans", sans-serif, Arial, serif;
color: #ffffff;
font-size: 14px;
line-height: 20px;
font-style:bold;
font-variant:bold;
font-weight:bold;
width: 32px;
max-height: 31px;
text-align: center;
overflow: hidden;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.comment-respond h3.comment-reply-title small a:before{
display: block;
font-family: fontello;
line-height: 23px;
width: 23px;
font-size: 20px;
content: '\eb65';
margin-right: 20px;
text-align: center;
}
@media ( max-width: 480px ){
div.comment-respond h3.comment-reply-title small{
display: block;
float: right;
margin: 55px 0px 15px 0px; 
}
}
div.comments-list h3.comments-title small{
color: #999999;
}
div.comments-list > ol{
border-top: 1px solid #eeeeee;
margin: 18px 0px 0px 0px;
list-style: none;
padding: 0px;
}
div.comments-list > ol ul.children{
border-top: 1px solid #eeeeee;
list-style: none;
padding: 30px 0px 0px;
}
@media ( max-width: 767px ){
div.comments-list > ol ul.children{
margin-left: 0px;       
}
}
div.comments-list > ol li.pingback,
div.comments-list > ol li.comment{
border-bottom: 1px solid #eeeeee;
margin-top: 30px;
margin-left: 65px;
}
div.comments-list > ol ul li.pingback,
div.comments-list > ol ul li.comment{
margin-left: 65px;
}
div.comments-list > ol ul > li.pingback:first-child,
div.comments-list > ol ul > li.comment:first-child{
margin-top: 0px;
}
div.comments-list > ol ul > li.pingback:last-child,
div.comments-list > ol ul > li.comment:last-child{
border-bottom: 0px;
}
div.comments-list > ol li.pingback header img.avatar,
div.comments-list > ol li.comment header img.avatar{
position: absolute;
margin: 0px 65px 0px -65px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.comments-list > ol li.pingback header cite,
div.comments-list > ol li.pingback header cite a,
div.comments-list > ol li.comment header cite,
div.comments-list > ol li.comment header cite a{
color: #303030;
font-size: 13px;
font-weight: bold;
}
@media (max-width: 480px ){
div.comments-list > ol li.pingback header cite,
div.comments-list > ol li.comment header cite{
display: block;
margin-top: 10px;
margin-left: 8px;
}
}
div.comments-list > ol li.pingback header span.comment-meta,
div.comments-list > ol li.comment header span.comment-meta{
float: right;
font-size: 11px;
color: #d3d3d3;
}
@media ( max-width: 480px ){
div.comments-list > ol li.pingback header span.comment-meta,
div.comments-list > ol li.comment header span.comment-meta{
display: block;
float: none;
}
}
div.comments-list > ol li.pingback header span.comment-meta time,
div.comments-list > ol li.comment header span.comment-meta time{
background-color: #f6f6f6;
font-family: Helvetica, Arial,sans-serif,serif;
font-size: 11px;
color: #000000;
padding: 4px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.comments-list > ol li.comment header span.comment-meta span.comment-replay{
margin-left: 5px;
}
div.comments-list > ol li.comment header span.comment-meta span.comment-replay a{
background-color: #5f992f;
color: #ffffff;
font-family: Helvetica, Arial,sans-serif,serif;
font-size: 11px;
padding: 4px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.comments-list > ol li.comment header span.comment-meta span.comment-replay a:hover{
background-color: #353d45;
}
div.comments-list > ol li.pingback div.comment-quote,
div.comments-list > ol li.comment div.comment-quote{
color: #999999;
font-size: 12px;
line-height: 18px;
padding-top: 13px;
padding-bottom: 30px;
}
div.comments-list > ol li.pingback div.comment-quote p
div.comments-list > ol li.comment div.comment-quote p{
margin-bottom: 13px;
}
div.comments-list > ol li.pingback div.comment-quote em,
div.comments-list > ol li.comment div.comment-quote em{
color: #ff2222;
display: block;
margin-bottom: 8px;
}
div.comments-list > ol li.pingback div.comment-quote p:last-child
div.comments-list > ol li.comment div.comment-quote p:last-child{
margin-bottom: 0px;   
}
div.pagination.comments.aligncenter{
border: none;
}
div.comment-respond form.comment-form{
border-top: 1px solid #eeeeee;
margin-top: 12px;
}
div.comment-respond form.comment-form p.logged-in-as,
div.comment-respond form.comment-form p.comment-notes{
font-size: 12px;
color: #555555;
padding: 15px 0px;
margin: 0px;
}
div.comment-respond form.comment-form input[type="submit"],
div.comment-respond form.comment-form p.form-submit{
display: none;
}
div.comment-respond form.comment-form input[type="text"],
div.comment-respond form.comment-form input[type="email"],
div.comment-respond form.comment-form textarea{
margin: 0px;
padding: 9px 8px;
}
div.comment-respond form.comment-form p.comment-form-author input{
background-image: url(//www.caencaswing.fr/wp-content/themes/treeson/media/_frontend/img/comment-form.author.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 60px;
}
div.comment-respond form.comment-form p.comment-form-email input{
background-image: url(//www.caencaswing.fr/wp-content/themes/treeson/media/_frontend/img/comment-form.email.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 60px;
}
div.comment-respond form.comment-form p.comment-form-url input{
background-image: url(//www.caencaswing.fr/wp-content/themes/treeson/media/_frontend/img/comment-form.url.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 60px;
}
div.comment-respond form.comment-form > pre{
margin-top: 0px;
background-color: #fcfcfc;
border: none;
}
div.comment-respond form.comment-form p.comment-form-comment.textarea{
margin-bottom: 0px;
}
div.comment-respond h3.comment-reply-title small a{
opacity: 0.8;
filter: alpha(opacity=80);
}
div.comment-respond h3.comment-reply-title small a:hover{
opacity: 1.0;
filter: alpha(opacity=100);   
}
div.comment-respond form.comment-form button.submit-comment{
color: #ffffff;
float: right;
font-weight: bold;
font-variant: bold;
font-style: bold;
margin: -40px 0px 40px 0px;
padding: 5px 15px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
li  div.comment-respond form.comment-form button.submit-comment{
margin: -40px 40px 40px 0px;
}
div.comment-respond form.comment-form button.submit-comment:focus{
border: none;
border-bottom: 1px solid #020911;
}
div.comment-respond form.comment-form button.submit-comment:hover{
color: #ffffff;
}
@media ( max-width: 480px ){
li  div.comment-respond form.comment-form button.submit-comment,
div.comment-respond form.comment-form button.submit-comment{
display: block;
float: none;
width: 100%;
margin: 15px 0px 0px 0px;
}
}
div.comment-respond form.comment-form > pre{
background-color: #fdfdfd;
border: 1px solid #efefef;
color: #121212;
font-size: 11px;
margin-top: 0px;
}