@charset "utf-8";
/* commentaires */
.path-comment .js-comment ul.links, 
.path-comment .thin, 
.path-comment .ariane,
.boxComments .form-actions #edit-preview,
.comments > section > h2:first-child,
.js-comment .boxRetour,
.js-comment .u_infos,
#edit-comment-body-wrapper .form-wrapper {
	display: none !important;
}
/* commentaires */
.boxComments {
	margin-top:80px;
}
#pageComments {
	margin-top:65px;
}
.boxComments > section > h2:first-child,
.js-comment .boxRetour,
.js-comment .u_infos {
	display: none !important;
}
#edit-comment-body-wrapper .form-wrapper {
	display: none !important;
}
.js-comment .dateF {
	display: block;
	font-size: 13px;
}
.js-comment .tabUser {
    max-width: 100%;
    margin: 0px;
	width:auto;
}
.js-comment .intNode {
    background: none;
}
.js-comment .site,
.js-comment .site2,
.js-comment .site3 {
    width: auto !important;
}

.js-comment .tabUser .tdPhoto {
    padding-right: 10px;
    width: auto;
}
.js-comment .photo {
    width:50px;
    height:50px;
}
.js-comment .tabUser .td {
	vertical-align: middle;
}
.js-comment .photoLarge.base_photo {
    background-size: 38px auto !important;
}
.js-comment .tabUser h1 {
    font-size: 1em;
	font-family:"Avenir Next Condensed";
}
.js-comment {
	background-color: #F6F6F6;
	border-left:7px solid #D6D6D6;
	border-radius:3px;
	padding:10px 2%;
	width:96%;
	margin:18px auto;
	position: relative;
	display:flex;
	justify-content: space-between;
	max-width: 1200px;
}
.js-comment .nom {
    color:#3AC6EF;
	display: block;
	margin:0px;
}
footer.comment__meta {
	width:16%;
	flex-shrink: 0;
}
.comment__content {
	width: 82%;
	padding-right: 70px;
}
.dateComment {
	font-size:13px;
}
.indented .js-comment {
	border-width:0px;
	border:1px solid #D6D6D6;
}
.indented .indented .indented .js-comment {
	border-width:1px;
}
.indented .js-comment:before {
	display: block;
	content:"";
	width: 0; 
  height: 0; 
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #D6D6D6;
	position: absolute;
	top:-13px;
	left:32px;
}
.boxComments .indented .js-comment {
	margin-top:13px;
}
.f_comment-body,
.comment-form .js-form-type-managed-file input {
	font-size: 14px;
}
form.comment-form .js-form-type-textfield {
	margin-bottom: 20px;
}
form.comment-form .js-form-type-textfield input {
	width:96%;
	border:1px solid #ccc;
	padding:6px 2%;
}

.comment__time {
	display: block;
	padding-left:0px;
	font-size: 13px;
}
.boxComments h2 {
	background:#fff url("../images/icons/ic_talk.png") no-repeat 10px top;
	background-size:50px auto;
	padding:17px 0px 17px 70px;
	font-size:1.73em;
	color:#7F88A4;
	margin:20px 0px;
}
.boxComments h2:not(.commentsTitle) {
	background-image:url("../images/icons/ic_edit.png");
}
.comment__content .f_type-file {
	margin-bottom: 20px;
}
.comment-form label {
	padding-bottom: 8px;
	display: flex;
}
.comment__content .f_type-file .file-size {
	font-size: 12px;
}
.comment-form .js-form-type-managed-file .button {
	margin:10px 0px;
	font-size: 13px;
	padding:2px 10px;
}
.comment__content .f_type-file a {
	display: inline-block;
	padding:7px 8px 7px 31px;
	border-radius:3px;
	background:#FFF url('../images/icons/doc_txt.png') no-repeat 4px center;
	background-size: auto 25px;
	color:#13267E;
	border:1px solid #D6D6D6;
	box-shadow: 2px 2px 0px rgba(0,50,90,0.2);
	font-size: 13px;
}
.comment__content .f_type-file a:hover {
	box-shadow: 2px 2px 0px rgba(0,50,90,0.4);
}
form.comment-form {
    margin:0px auto 20px auto;
    max-width: 580px;
	border:0px;
    padding:0px 00px 40px 00px;
}
.commentTitre {
	font-size: 1em !important;
	margin:0px 0px 0px 0px;
	text-transform: none;
	 
}
.commentTitre a {
	color:#191919;
}
#edit-field-file-wrapper summary,
#edit-field-file-wrapper .js-form-wrapper {
	display: table-cell;
	padding: 0px 15px;
	vertical-align: middle;
}
.js-comment ul.links {
	margin:0px;
}
.js-comment ul.links li {
	list-style-type: none;
	display: inline-block;
	margin:0px;
}
.js-comment ul.links li:before {
	display: none;
}
.js-comment ul.links li a {
	background: #FFF;
	display: block;
	color:#666;
	border:1px solid #D6D6D6;
	padding:1px 6px;
	margin:0px 4px 0px 0px;
	border-radius:3px;
	font-size: 13px;
}
.js-comment ul.links li a:hover {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.20);
	text-decoration: none;
	color:#000;
}
.js-comment .pageUser {
	margin:0px;
}
.js-comment__meta {
	text-align: right;
	color:#666;
}
.js-comment__content h3 {
	margin:0px 0px 10px 0px;
}
.js-comment__content h3 a {
	color:#000;
}
.js-comment p {
    margin: 13px 0px;
	font-size: 14px;
}
.comment-form .description {
	font-size: 12px;
}
.comment-form .js-form-type-managed-file {
	margin:25px 0px;
}
.comment-form .form-actions input {
	margin:0px !important;
	display: inline-block;
}
.comments .indented .js-comment.new > span {
    color: #FFF;
}
.comment-form .field--name-comment-body .cke_contents {
	padding:5px 10px;
}
.comment-form details summary[role="button"] {
	font-style: italic;
	margin:0px;
}
.comment-form details summary[role="button"]:after {
    display: block;
	content:"Sujet";
	font-style: normal;
	margin-top:20px;
	margin-bottom: 6px;
	color: #7B7C8C;
}
footer.comment__meta img {
    width:60px;
	height: 60px;
	border-radius: 100%;
}
/*
.path-comment .form-required {
	color:#E30003;
}
.path-comment .form-required + div {
	border:1px solid #E30003;
} */
.path-comment .titreP  h1 {
	font-size: 2em;
	margin:45px auto;
}
.path-comment .site {
	max-width: 1000px;
	margin-left:auto;
	margin-right: auto;
}
.path-comment .site2 {
	width:100%;
}
.path-comment .pageDoc {
	display: none;
}
.sForComments {
	color:#57A655;
}
.comment__time {
	font-size: 1em;
}
.sNew {
	color:#0071BA;
}
.sValidated {
	color:#FE6001;
}
.sSignoff {
	color:#E30003;
}
.path-comment .block-system-main-block {
	padding-top: 1px;
}
.boxComments .comment .photo {
    width: 55px;
    height: 55px;
	display: block;
}
.boxComments .comment footer.comment__meta  {
		font-size: 13px;
}
@media all and (min-width:768px) {
	.boxComments .comment {
		display: flex;
		position: relative;
	}
	.boxComments .comment > span {
	position: absolute;
		background-color:#BF0072;
		color:#FFF;
		font-weight: 600;
		padding:1px 5px;
		z-index: 10;
		top: -4px;
	}
	.boxComments .comment footer.comment__meta  {
    display: block;
		padding-right: 25px;
		padding-top: 13px;
		width:130px;
		flex-shrink: 0;
}
	.boxComments .comment .tabUser,
	.boxComments .comment .tabUser .td {
		display: block;
		text-align: left;
	}
	.js-comment ul.links {
    position: absolute;
		right: 2px;
		top:2px;
}
	.js-comment ul.links li {
    display: block;
}
	.comments .comment .comment__content {
		padding-right: 95px;
	}
	.comment__content .f_type-file a {
		font-size: 11px;
	}
	.comment__content .f_comment-body {
		font-size: 12px;
	}
	/*.comments .comment .f_field-fichier {
		 position: absolute;
		right: 95px;
		width: 155px;
		top:10px;
	}
	.comment__content .f_type-file a {
		word-break: break-all;
		font-size: 11px;
		background-position: 10px 5px;
		padding:35px 5px 5px 5px;
	}*/
}
.comment-confirm-form {
	margin:35px 0px;
}
@media all and (max-width:767px) {
	footer.comment__meta {
    width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 5px;
}
	.js-comment .dateF {
    margin-right: 10px;
}
	.comment__content .f_type-file {
    margin: 10px 0px;
}
	.comment__content .f_type-file a {
		font-size: 11px;
	}
	.comment__content .f_comment-body {
		font-size: 12px;
	}
	.boxComments h2 {
    font-size: 1.45em;
}
	#pageComments {
    margin-top: 35px;
}
	.comment-confirm-form {
	margin:35px 0px;
}
	.boxComments {
    margin-top: 30px;
}
	.comment__content {
    width: 100%;
    padding-right: 0px;
}
	.js-comment {
    display: block;
}
	.boxComments h2 {
    background-size: 40px auto;
    padding: 0px 0px 0px 60px;
    font-size: 1.4em;
    min-height: 45px;
    display: flex;
    align-items: center;
    margin: 30px 0px 0px 0px;
}
}
/* fin commentaires */