@import url('/skins/Intranet/resources/css/content/forms.css');
/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

.ametys-cms-content.news .content-illustration
{
	text-align: center;
	float: none;
}

.ametys-cms-content .content-illustration
{
	margin: 0 20px 20px 0;
}

.ametys-cms-content .content-illustration.big {
	float:left;
}

.ametys-cms-content.view-kiosque .content-illustration.big {
	float: none;
}

.ametys-cms-content .content-illustration.small
{
	width: 110px;
}

.ametys-cms-content .content-illustration img
{
	margin-left: 0;
}

.ametys-cms-content .content-illustration {
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ametys-cms-content .content-richtext-end
{
	clear: both;
}

.ametys-cms-content .meta{
	border-top: 1px solid #a8a8a8;
	padding:6px 0;
}

.ametys-cms-content .meta .content-contact,
.ametys-cms-content .meta .content-published-date
{
	text-align: right;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	color:#8c8c8c;
	font-family: "Lato", sans-serif;
}
.ametys-cms-content > ol,
.ametys-cms-content > ul {
	padding-left: 0px;
}

.ametys-cms-content ol,
.ametys-cms-content ul {
    display: flex;
    flex-direction: column;
}
.ametys-cms-content ol li:before, 
.ametys-cms-content ol.arabic li:before {
    content: counter(section, decimal) ". ";
}
.ametys-cms-content ol.toc li:before,
.ametys-cms-content ol.toc ol li:before {
    counter-increment: section;            
    content: counters(section, ".") ". ";  
      color : $couleur-principale;
}
.ametys-cms-content .meta .content-contact a{
	font-family: "Lato", sans-serif;
}

/* comments */
.ametys-cms-content .comment-form noscript p
{
	font-size: 19px;
	font-family: "Lato", sans-serif;
}

.page #col-content .ametys-cms-content .comments-wrapper > p {
	font-size: 22px;
	font-family: "Lato", sans-serif;
	margin-top: 8px;
	margin-bottom: 8px;
}

.ametys-cms-content .comments-wrapper ul
{
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
.ametys-cms-content .comments-wrapper ul li
{
	margin: 0 0 2px 0;
	padding: 10px;
	background-color:#ffffff;
}

/* .ametys-cms-content .comments-wrapper ul li div.comment-content */
/* { */
/* 	padding-left: 50px; */
/* 	background:url('/skins/Intranet/resources/img/comment.png') no-repeat left top; */
/* } */

.ametys-cms-content .comments-wrapper ul li div.comment-content p
{
	margin: 0;
	color:#797979;
}
.ametys-cms-content .comments-wrapper ul li p.comment-header
{
	margin-top: 0;
	font-family: "Lato", sans-serif;
	font-size:15px;
}
.ametys-cms-content .comments-wrapper ul li p.comment-footer
{
	margin-bottom: 0;
	text-align:right;
	border-top:1px solid #cbcbcb;
	padding-top:5px;
/* 	margin-left:50px; */
}

.ametys-cms-content .comments-wrapper ul li p.comment-footer .comment-url a{
	background:url('/skins/Intranet/resources/img/external.png') no-repeat left center;
	padding-left:20px;
	margin-left:30px;
}

.ametys-cms-content .comments-wrapper .comment-form{
	margin-top:30px;
}

.ametys-cms-content .comments-wrapper form
{
	padding: 20px;
	background-color: #f0f0f0;
	margin-top:40px;
	position:relative;
}

.ametys-cms-content .comments-wrapper form:after{
	display:block;
	clear:both;
	content: " ";
}

.ametys-cms-content .comment-form>p a{
	background:url('/skins/Intranet/resources/img/bg_arrow_large.png') no-repeat right top;
	display:inline-block;
	padding:5px 30px 3px 10px;
	margin:-60px 0 5px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:11px;
	font-weight: bold;
}

.ametys-cms-content .comment-form>p a:hover {
	text-decoration: none;
}

.ametys-cms-content .comments-wrapper form .mandatory-hint{
	position:absolute;
	top:-40px;
	left:0;
}

.ametys-cms-content .comments-wrapper form .field{
	margin-bottom:10px;
	width:46%;
}

.ametys-cms-content .comments-wrapper form .field .label{
	font-weight:bold;
	display: block;
	font-size: inherit;
	color: #2a2929;
	text-align: left;
}

.ametys-cms-content .comments-wrapper form .field .label label{ line-height: normal; font-size: inherit; }

.ametys-cms-content .comments-wrapper form .field.checkbox{
	margin:5px 5px 15px 0;
}

.ametys-cms-content .comments-wrapper form .field.checkbox .label,
.ametys-cms-content .comments-wrapper form .field.checkbox .label label,
.ametys-cms-content .comments-wrapper form .field.checkbox .input{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	line-height: 1;
}

.ametys-cms-content .comments-wrapper form .field .input
{
	text-align: left;
}

.ametys-cms-content .comments-wrapper form .field .input input{
	width:100%;
	padding:2px 5px;
	background-color: #ffffff;
}

.ametys-cms-content .comments-wrapper form .field.checkbox .input input,
.ametys-cms-content .comments-wrapper form .field.checkbox input[type="checkbox"]
{
	width: auto !important;
	position:static;
}

.ametys-cms-content .comments-wrapper form .field.comment-content{
	position:absolute;
	right:20px;
	top:20px;
}

.ametys-cms-content .comments-wrapper form .field.comment-content textarea{
	height:178px;
	width:100%;
	background-color: #ffffff;
}

.ametys-cms-content .comments-wrapper form .field.comment-content + .field{
	width:100%;
	position:relative;
	border-top: 1px solid #CBCBCB;
	margin-top:30px;
	padding-top:10px;
}

.ametys-cms-content .comments-wrapper form .field.comment-content + .field .input{
	width:46%;
}

.ametys-cms-content .comments-wrapper form .field.comment-content + .field div.captcha{
	position:absolute;
	right:60px;
	top:15px;
	width:250px;
}

.ametys-cms-content .image-wrapper .legend
{
	font-style: italic;
	background-color: #222931;
	color: #ffffff;
	padding: 5px;
}

/* HTML expert recherches du moment */
.ametys-cms-content ul.tagcloud li a {
	color: #3F3D3D;
   	font-family: "Lato";
    height: 30px;
    line-height: 22px;
	display: inline-block;
}

.ametys-cms-content ul.tagcloud li a:hover {
	text-decoration: none;
	color: #FFF;
}