/*
 *  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 .content-illustration.small */
/* { */
/* 	width: 110px; */
/* } */

.ametys-cms-content{
	clear:both;
	position:relative;
}

.ametys-cms-content.article{
	margin-bottom:0;
}

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

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

/* Feedback form */
.ametys-cms-content .feedback-form {
    background-color: #F7F5F1;
    color: #947B5E/* AMETYS ("default.default.secondary.dark") */;
    margin: 10px 0;
    padding: 0 20px;
}

.ametys-cms-content .feedback-form p.feedback{
	font-size:1.8em;
	font-weight:normal;
	padding:10px 0;
	margin:0;
}

.ametys-cms-content .feedback-form p.feedback a:link{
	color:#706353/* AMETYS ("default.default.secondary.dark") */ !important;
	font-weight:normal;
}

/* comments */
.ametys-cms-content .comments-wrapper{
	background-color:#f7f5f1;
/* 	color:#ffffff; */
	padding: 0;
	clear:both;
}

.ametys-cms-content .comments-wrapper a:link,
.ametys-cms-content .comments-wrapper a{
	color:#706353/* AMETYS ("default.default.secondary.dark") */!important;
	font-weight:normal;
}

.ametys-cms-content .comments-wrapper>a:link{
	float:right;
	display:inline-block;
	vertical-align:middle;
	font-size:1.2em;
}

.ametys-cms-content .comments-wrapper>p{
	margin: 0 10px;
	padding-top:15px;
}

.ametys-cms-content .comments-wrapper .comment-form>p{
	margin:0 5px;
	font-size:1.8em;
}

.ametys-cms-content .comments-wrapper .comment-form p.mandatory-hint{
	font-size:1.3em;
}

.ametys-cms-content .comments-wrapper ul
{
	margin: 0 10px;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
.ametys-cms-content .comments-wrapper ul li
{
	margin: 0;
	background-position: left 9px;
	list-style-type: none;
	border-top:1px solid #d8d3cc;
	padding-top:10px;
	margin-bottom:10px;
}

.ametys-cms-content .comments-wrapper span.invisible{
	background-color: transparent;
    border-width: 0;
    margin: 10px;
}

.ametys-cms-content .comments-wrapper ul li div.comment-content,
.ametys-cms-content .comments-wrapper ul li p.comment-footer
{
}

.ametys-cms-content .comments-wrapper ul li div.comment-content p
{
	margin: 0;
}
.ametys-cms-content .comments-wrapper ul li p.comment-header
{
	margin-top: 0;
	font-weight:bold;
}
.ametys-cms-content .comments-wrapper ul li p.comment-footer
{
	margin-bottom: 0;
}

.ametys-cms-content .comments-wrapper .comment-sendmail{
	margin-right:10px;
}

.ametys-cms-content .comments-wrapper .comment-url:after{
	content:" \27A6 "; 
	color: #947B5E/* AMETYS ("default.default.secondary.dark") */;
}

.ametys-cms-content .comments-wrapper .comment-form {
    background-color: #DCD0C2/* AMETYS ("default.default.secondary.light") */;
    margin: 0 0 10px;
    padding: 10px;
}

.ametys-cms-content .comments-wrapper form
{
	padding: 5px !important;
}

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

.ametys-cms-content .comments-wrapper form .field.checkbox .input input
{
	width: auto !important;
}

.ametys-cms-content .comments-wrapper form .field
{
	margin-bottom: 2px;
}

.col-right .ametys-cms-content.article.view-abstract,
.col-right .ametys-cms-content.article.view-link{
    display:inline-block;
    width:100%;
}

/* View illustration */
.ametys-cms-content.article.view-illustration h1,
.ametys-cms-content.article.view-illustration h2,
.ametys-cms-content.article.view-illustration h3,
.ametys-cms-content.resources-content.view-illustration h1,
.ametys-cms-content.resources-content.view-illustration h2,
.ametys-cms-content.resources-content.view-illustration h3,
.ametys-cms-content.post.view-illustration h1,
.ametys-cms-content.post.view-illustration h2,
.ametys-cms-content.post.view-illustration h3{
    color: #23292c;
    font-family: "Istok Web", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    text-transform:uppercase;
    line-height:1.2;
    margin:0;
}

.ametys-cms-content.article.view-illustration h1 a:link,
.ametys-cms-content.article.view-illustration h2 a:link,
.ametys-cms-content.article.view-illustration h3 a:link,
.ametys-cms-content.resources-content.view-illustration h1 a:link,
.ametys-cms-content.resources-content.view-illustration h2 a:link,
.ametys-cms-content.resources-content.view-illustration h3 a:link,
.ametys-cms-content.post.view-illustration h1:link,
.ametys-cms-content.post.view-illustration h2:link,
.ametys-cms-content.post.view-illustration h3:link{
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.ametys-cms-content.view-illustration .content-tag .tag{
	background-color: transparent;
    color: #ffffff;
    font-size: inherit;
    padding: 0;
}

.ametys-cms-content.view-illustration .content-tag .tag:after
/* .ametys-cms-content.article .content-tag .tag.last:after */
{
	content: " | ";
	display:inline;
    font-size: 12px;
}

.ametys-cms-content.view-illustration .content-tag .tag.last:after{
	display:none;
}

.col-right .ametys-cms-content.view-illustration{
	margin-left:5px;
}

/* View link */
.ametys-cms-content.view-link p a:link,
.ametys-cms-content.view-link p a:visited{
    background:url("../../img/menu_fd.png") no-repeat scroll 0 3px transparent;
    color: #23292c;
    font-weight: bold;
    text-transform:uppercase;
    display:inline-block;
    padding-left:20px;
}

.ametys-cms-content.view-link p,
.ametys-cms-content.view-link h1,
.ametys-cms-content.view-link h2,
.ametys-cms-content.view-link h3{
    margin:0;
}

.ametys-cms-content.view-link p.content-date,
.ametys-cms-content.view-link p.content-tag{
	margin-left:20px;
}

/* View abstract */

	.ametys-cms-content.view-abstract{
		margin-bottom:16px;
	}
	
	.ametys-cms-content.view-abstract h1,
	.ametys-cms-content.view-abstract h2,
	.ametys-cms-content.view-abstract h3,
	.ametys-cms-content.view-link p.content-link{
		font-size:1.2em;
		line-height:normal;
		font-family: "Istok Web", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		border-width:0;
		line-height:1.5;
	}
	
	.ametys-cms-content.view-abstract h1,
	.ametys-cms-content.view-abstract h2,
	.ametys-cms-content.view-abstract h3,
	.ametys-cms-content.view-abstract .content-abstract,
	.ametys-cms-content.view-abstract .content-date,
	.ametys-cms-content.view-abstract .content-tag{
		margin:0;
	}
	
	.ametys-cms-content.view-abstract.withIllustration h1,
	.ametys-cms-content.view-abstract.withIllustration h2,
	.ametys-cms-content.view-abstract.withIllustration h3{
		margin: 0 0 0 110px;
	}
	
	.col-right .ametys-cms-content.view-abstract.withIllustration h2,
	.col-right .ametys-cms-content.view-abstract.withIllustration h3{
		margin: 0 100px 0 0;
	}
	
	.ametys-cms-content.view-abstract.withIllustration .content-abstract,
	.ametys-cms-content.view-abstract.withIllustration .content-date,
	.ametys-cms-content.view-abstract.withIllustration .content-tag{
		margin:0 0 0 110px;
	}
	
	.col-right .ametys-cms-content.view-abstract,
	.col-right .ametys-cms-content.view-link{
		font-size:.9em;
	}
	
	.ametys-cms-content.view-abstract h1:before,
	.ametys-cms-content.view-abstract h2:before,
	.ametys-cms-content.view-abstract h3:before{
		display:none;
	}
	
	.col-right .ametys-cms-content.view-abstract .content-illustration,
	.ametys-cms-content.view-abstract .content-illustration{
		position:absolute;
		left:0;
		top:0;
	}
	
	.col-right .ametys-cms-content.view-abstract .content-illustration{
		left:auto;
		right:0;
	}
	
	.col-right .ametys-cms-content.view-abstract.post .content-illustration{
		left:auto;
		right:0;
		background-color: transparent;
		width:auto;
	}
	
	
	
/* Tabs */

.ametys-cms-content .ui-state-active, 
.ametys-cms-content .ui-widget-content .ui-state-active, 
.ametys-cms-content .ui-widget-header .ui-state-active,
.ametys-cms-content .ui-state-default, 
.ametys-cms-content .ui-widget-content .ui-state-default, 
.ametys-cms-content .ui-widget-header .ui-state-default{
	border-width:0;
	background-image:none;
	background-color:transparent;
}

.ametys-cms-content.person .tabs,
.ametys-cms-content.resources-content .tabs,
.ametys-cms-content.bibliotheque .tabs,
.ametys-cms-content.institution .tabs,
.ametys-cms-content.contact .tabs{
	clear:both;
	float:left;
	margin-right:30px;
	border-right:1px solid #AD1700;
	border-right-color:#AD1700 /* AMETYS ("default.default.contrast.dark") */;
	margin-top:30px;
	width:100%;
}

.ametys-cms-content.person .tabs ul li.tab,
.ametys-cms-content.resources-content .tabs ul li.tab,
.ametys-cms-content.bibliotheque .tabs ul li.tab,
.ametys-cms-content.institution .tabs ul li.tab,
.ametys-cms-content.contact .tabs ul li.tab {
    border-width: 0;
    display: inline-block;
    height: 40px;
    list-style-type: none;
    margin-bottom: 4px;
    margin-left: 0;
}

.ametys-cms-content.person .tabs ul li.tab a,
.ametys-cms-content.resources-content .tabs ul li.tab a,
.ametys-cms-content.bibliotheque .tabs ul li.tab a,
.ametys-cms-content.institution .tabs ul li.tab a,
.ametys-cms-content.contact .tabs ul li.tab a{
    display: block;
    height: 43px;
    text-decoration:none;
}

@media (min-width: 768px){
	.ametys-cms-content.person .tabs,
	.ametys-cms-content.bibliotheque .tabs,
	.ametys-cms-content.institution .tabs,
	.ametys-cms-content.contact .tabs {
	    width: 100%;
	}
}

@media (min-width: 990px) {
	.ametys-cms-content.person .tabs,
	.ametys-cms-content.bibliotheque .tabs,
	.ametys-cms-content.institution .tabs,
	.ametys-cms-content.contact .tabs {
	    width: 100%;
	}
	
	.ametys-cms-content.person .tabs{
		border-right: 1px solid #DDDADA !important;
	    padding-right: 50px;
	    margin-right:0px;
	    width:700px;
	}
	
}

.ametys-cms-content.person .tabs,
.ametys-cms-content.person .tabs > ul,
.ametys-cms-content.resources-content .tabs,
.ametys-cms-content.resources-content .tabs > ul,
.ametys-cms-content.bibliotheque .tabs,
.ametys-cms-content.bibliotheque .tabs > ul,
.ametys-cms-content.institution .tabs,
.ametys-cms-content.institution .tabs > ul,
.ametys-cms-content.contact .tabs,
.ametys-cms-content.contact .tabs > ul{
	border-width:0;
	background-image:none;
	background-color:transparent;
	border-radius:0;
}

.ametys-cms-content.person .tabs > ul,
.ametys-cms-content.resources-content .tabs > ul,
.ametys-cms-content.bibliotheque .tabs > ul,
.ametys-cms-content.institution .tabs > ul,
.ametys-cms-content.contact .tabs > ul{
	border-bottom:3px solid #AD1700;
	border-bottom-color: #AD1700 /* AMETYS ("default.default.contrast.dark") */;
	font-size:1.4em;
	font-family: "Istok Web", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0;
	margin-bottom:10px;
}

.col-right .ametys-cms-content.person .tabs > ul,
.col-right .ametys-cms-content.resources-content .tabs > ul,
.col-right .ametys-cms-content.bibliotheque .tabs > ul,
.col-right .ametys-cms-content.institution .tabs > ul,
.col-right .ametys-cms-content.contact .tabs > ul{
	font-size:1.1em;	
}

.ametys-cms-content.person .tabs ul li.tab a:link,
.ametys-cms-content.resources-content .tabs ul li.tab a:link,
.ametys-cms-content.bibliotheque .tabs ul li.tab a:link,
.ametys-cms-content.institution .tabs ul li.tab a:link,
.ametys-cms-content.contact .tabs ul li.tab a:link,
.ametys-cms-content.person .tabs ul li.tab a:visited,
.ametys-cms-content.resources-content .tabs ul li.tab a:visited,
.ametys-cms-content.bibliotheque .tabs ul li.tab a:visited,
.ametys-cms-content.institution .tabs ul li.tab a:visited,
.ametys-cms-content.contact .tabs ul li.tab a:visited{
	border-width:0;
	border-left:1px solid #AD1700;
	border-left-color: #AD1700 /* AMETYS ("default.default.contrast.dark") */;
	background-image:url('../../img/tabs.png');
	background-repeat:no-repeat;
	background-color:#AD1700/* AMETYS ("default.default.contrast.dark") */;
	border-radius:0;
	background-position:bottom right;
	font-weight:bold;
	padding:9px 25px;
	margin:1px 0 0 0.2em
}

.col-right .ametys-cms-content.person .tabs ul li.tab a:link,
.col-right .ametys-cms-content.resources-content .tabs ul li.tab a:link,
.col-right .ametys-cms-content.bibliotheque .tabs ul li.tab a:link,
.col-right .ametys-cms-content.institution .tabs ul li.tab a:link,
.col-right .ametys-cms-contact.contact .tabs ul li.tab a:link,
.col-right .ametys-cms-content.person .tabs ul li.tab a:visited,
.col-right .ametys-cms-content.resources-content .tabs ul li.tab a:visited,
.col-right .ametys-cms-content.bibliotheque .tabs ul li.tab a:visited,
.col-right .ametys-cms-content.institution .tabs ul li.tab a:visited,
.col-right .ametys-cms-content.contact .tabs ul li.tab a:visited{
	padding:11px 8px 12px;
}

.ametys-cms-content.person .tabs ul li.tab.first,
.ametys-cms-content.resources-content .tabs ul li.tab.first,
.ametys-cms-content.bibliotheque .tabs ul li.tab.first,
.ametys-cms-content.institution .tabs ul li.tab.first,
.ametys-cms-content.contact .tabs ul li.tab.first{
	border-width:0;
}

.ametys-cms-content.person .tabs ul li.tab.first a:link,
.ametys-cms-content.resources-content .tabs ul li.tab.first a:link,
.ametys-cms-content.bibliotheque .tabs ul li.tab.first a:link,
.ametys-cms-content.institution .tabs ul li.tab.first a:link,
.ametys-cms-content.contact .tabs ul li.tab.first a:link,
.ametys-cms-content.person .tabs ul li.tab.first a:visited,
.ametys-cms-content.resources-content .tabs ul li.tab.first a:visited,
.ametys-cms-content.bibliotheque .tabs ul li.tab.first a:visited,
.ametys-cms-content.institution .tabs ul li.tab.first a:visited,
.ametys-cms-content.contact .tabs ul li.tab.first a:visited{
	margin-left:0;
}

.ametys-cms-content.person .tabs ul li.tab a:link,
.ametys-cms-content.resources-content .tabs ul li.tab a:link,
.ametys-cms-content.bibliotheque .tabs ul li.tab a:link,
.ametys-cms-content.institution .tabs ul li.tab a:link,
.ametys-cms-content.contact .tabs ul li.tab a:link,
.ametys-cms-content.person .tabs ul li.tab a:visited,
.ametys-cms-content.resources-content .tabs ul li.tab a:visited,
.ametys-cms-content.bibliotheque .tabs ul li.tab a:visited,
.ametys-cms-content.institution .tabs ul li.tab a:visited,
.ametys-cms-content.contact .tabs ul li.tab a:visited{
/* 	padding:0; */
	color:#AD1700 /* AMETYS ("default.default.contrast.dark") */;
}

.ametys-cms-content.person .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.resources-content .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.bibliotheque .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.institution .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.contact .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.person .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.resources-content .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.bibliotheque .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.institution .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.contact .tabs ul li.tab.ui-tabs-active a:visited{
	background-position:top right;
}

.ametys-cms-content.person .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.resources-content .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.bibliotheque .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.institution .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.contact .tabs ul li.tab.ui-tabs-active a:link,
.ametys-cms-content.person .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.resources-content .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.bibliotheque .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.institution .tabs ul li.tab.ui-tabs-active a:visited,
.ametys-cms-content.contact .tabs ul li.tab.ui-tabs-active a:visited{
	color:#ffffff;
}
 /* end @tabs */
	

@media (max-width: 767px){
		
	.ametys-cms-content.article.view-illustration .content-tag .tag.last:after,
	.ametys-cms-content.post.view-illustration .content-tag .tag.last:after{
    	display:none;
    }
    
    .ametys-cms-content.view-illustration .content-abstract {
        display:none;
    }
    
    .ametys-cms-content.view-illustration h1,
    .ametys-cms-content.view-illustration h2,
    .ametys-cms-content.view-illustration h3{
        color: #23292c;
        font-family: "Istok Web", Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        text-transform:uppercase;
        line-height:14px;
        margin:0;
        float:right;
        width:73%;
    }
    
    .ametys-cms-content.view-illustration .content-illustration {
        float:left;
        width:25%;
        min-height:60px;
    }
    
    .ametys-cms-content.view-illustration .content-tag{
        font-family: "Crimson", Times, serif;
        font-size:1.2em;
        background-color:black;
        height:22px;
        display:inline-block;
        color:white;
        padding:0 5%;
        line-height:normal;
        margin-left:3px;
        text-transform:capitalize;
    }
    
    .ametys-cms-content.view-illustration .content-tag .tag{
    	font-weight:normal;
    }
    
    .ametys-cms-content.view-abstract .content-read-more,
    .ametys-cms-content.view-illustration .content-read-more{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:0;
    }
    
    .ametys-cms-content.view-abstract .content-read-more a:link,
    .ametys-cms-content.view-illustration .content-read-more a:link{
        display:inline-block;
        width:100%;
        height:100%;
        text-indent:-9999px;
    }
    
    .ametys-cms-content.article.view-abstract,
    .ametys-cms-content.article.view-illustration,
    .ametys-cms-content.resources-content.view-illustration,
    .ametys-cms-content.post.view-illustration{
        min-height:54px;
    }
    
    .ametys-cms-content.article.view-illustration .content-tag,
    .ametys-cms-content.post.view-illustration .content-tag{
        bottom: 0;
        margin: 0;
    }
    
    .ametys-cms-content.article.view-illustration .content-title,
    .ametys-cms-content.resources-content.view-illustration .content-title,
    .ametys-cms-content.post.view-illustration .content-title{
        display:inline-block;
    }
    
    /* View abstract */
/*     .col-right .ametys-cms-content.view-abstract .content-illustration { */
/* 	    left: 0; */
/* 	    right: auto; */
/* 	} */
	
	.col-right .ametys-cms-content.view-abstract h2,
	.col-right .ametys-cms-content.view-abstract h3,
	.col-right .ametys-cms-content.view-abstract.withIllustration .content-abstract, 
	.col-right .ametys-cms-content.view-abstract.withIllustration .content-date, 
	.col-right .ametys-cms-content.view-abstract.withIllustration .content-tag{
		margin: 0 100px 0 0;
	}
	
	.col-right .ametys-cms-content.view-abstract,
	.col-right .ametys-cms-content.view-link{
		font-size:inherit;
	}
}

@media (min-width: 768px){
	
	.ametys-cms-content{
		position:relative;
	}
	
    .ametys-cms-content.article.view-illustration,
    .ametys-cms-content.resources-content.view-illustration,
    .ametys-cms-content.post.view-illustration{
		padding-bottom:44px;
	}
	
	.ametys-cms-content.view-illustration .content-illustration{
		background-color:#F7F5F1;
		position:absolute;
	}
	
	
	.ametys-cms-content.view-illustration .content-illustration img{
		margin:0 auto;
		clip:rect(0,228px,145px,0);
/* 		min-width: 228px; */
/* 		min-height: 146px; */
		position:absolute;
		right:0;
		left:0; 
	}
	
	.col-right .ametys-cms-content.view-illustration .content-illustration img{
		clip:rect(0,254px,145px,0);
	} 
	
	.narrow .ametys-cms-content.view-illustration .content-illustration img{
		clip:rect(0,212px,145px,0);
/* 		min-width: 213px; */
/* 		min-height: 146px; */
	}

	.ametys-cms-content.view-illustration .content-illustration.small{
		width:228px;
		height:145px;
		position:relative;
	}
	
/* 	.col-right .ametys-cms-content.view-illustration .content-illustration.small{ */
/* 		width:254px; */
/* 	}  */
	
	.narrow .ametys-cms-content.view-illustration .content-illustration.small{
		width:212px;
		height:145px;
	}
	
	.ametys-cms-content.view-illustration p.content-abstract{
        width:228px;
    }
    
    .narrow .ametys-cms-content.view-illustration p.content-abstract{
    	width:212px;
    }
    
    .ametys-cms-content.view-illustration .content-abstract {
        border-top: 1px solid #D1D1D1;
        color: #242323;
        font-family: "Istok Web", Arial, Helvetica, sans-serif;
        font-size: 1.4em;
        line-height: 16px;
        margin-top: 77px;
        padding-top: 8px;
        width:100%;
        height:65px;
    }
    
    .ametys-cms-content.article.view-illustration h1,
    .ametys-cms-content.article.view-illustration h2,
    .ametys-cms-content.article.view-illustration h3,
    .ametys-cms-content.resources-content.view-illustration h1,
    .ametys-cms-content.resources-content.view-illustration h2,
    .ametys-cms-content.resources-content.view-illustration h3,
    .ametys-cms-content.post.view-illustration h1,
    .ametys-cms-content.post.view-illustration h2,
    .ametys-cms-content.post.view-illustration h3{
        background-color: #232A2C;
        bottom: 0;
        height:44px;
        left: 0;
        margin: 0;
        padding: 6px 12px;
        position: absolute;
        right: 0;
        line-height:1.4;
        z-index:3;
        overflow:hidden;
        -webkit-transition: height 200ms;
        -moz-transition: height 2000ms;
        -o-transition: height 200ms;
		transition: height 200ms;
    }
    
    .ametys-cms-content.article.view-illustration h1 a:link,
    .ametys-cms-content.article.view-illustration h2 a:link,
    .ametys-cms-content.article.view-illustration h3 a:link,
    .ametys-cms-content.resources-content.view-illustration h1 a:link,
    .ametys-cms-content.resources-content.view-illustration h2 a:link,
    .ametys-cms-content.resources-content.view-illustration h3 a:link,
    .ametys-cms-content.post.view-illustration h1 a:link,
    .ametys-cms-content.post.view-illustration h2 a:link,
    .ametys-cms-content.post.view-illustration h3 a:link{
    	height:32px;
    	-webkit-transition: height 200ms;
        -moz-transition: height 2000ms;
        -o-transition: height 200ms;
		transition: height 200ms;
    }
    
    .ametys-cms-content.article.view-illustration:hover h1,
    .ametys-cms-content.article.view-illustration:hover h2,
    .ametys-cms-content.article.view-illustration:hover h3,
    .ametys-cms-content.resources-content.view-illustration:hover h1,
    .ametys-cms-content.resources-content.view-illustration:hover h2,
    .ametys-cms-content.resources-content.view-illustration:hover h3,
    .ametys-cms-content.post.view-illustration:hover h1,
    .ametys-cms-content.post.view-illustration:hover h2,
    .ametys-cms-content.post.view-illustration:hover h3{
        height:60px;
        -webkit-transition: height 200ms;
        -moz-transition: height 2000ms;
        -o-transition: height 200ms;
		transition: height 200ms;
    }
    
    .ametys-cms-content.article.view-illustration:hover h1 a:link,
    .ametys-cms-content.article.view-illustration:hover h2 a:link,
    .ametys-cms-content.article.view-illustration:hover h3 a:link,
    .ametys-cms-content.resources-content.view-illustration:hover h1 a:link,
    .ametys-cms-content.resources-content.view-illustration:hover h2 a:link,
    .ametys-cms-content.resources-content.view-illustration:hover h3 a:link,
    .ametys-cms-content.post.view-illustration:hover h1 a:link,
    .ametys-cms-content.post.view-illustration:hover h2 a:link,
    .ametys-cms-content.post.view-illustration:hover h3 a:link{
    	height:48px;
    	-webkit-transition: height 200ms;
        -moz-transition: height 2000ms;
        -o-transition: height 200ms;
		transition: height 200ms;
    }
    
    .ametys-cms-content.article.view-illustration h1 .content-title,
    .ametys-cms-content.article.view-illustration h2 .content-title,
    .ametys-cms-content.article.view-illustration h3 .content-title,
    .ametys-cms-content.resources-content.view-illustration h1 .content-title,
    .ametys-cms-content.resources-content.view-illustration h2 .content-title,
    .ametys-cms-content.resources-content.view-illustration h3 .content-title,
    .ametys-cms-content.post.view-illustration h1 .content-title,
    .ametys-cms-content.post.view-illustration h2 .content-title,
    .ametys-cms-content.post.view-illustration h3 .content-title{
        color: #ffffff;
        font-size: .9em;
        font-weight: bold;
        text-transform:uppercase;
    }
    
    .ametys-cms-content.article.view-illustration h1 .content-tag,
    .ametys-cms-content.article.view-illustration h2 .content-tag,
    .ametys-cms-content.article.view-illustration h3 .content-tag,
    .ametys-cms-content.resources-content.view-illustration h1 .content-tag,
    .ametys-cms-content.resources-content.view-illustration h2 .content-tag,
    .ametys-cms-content.resources-content.view-illustration h3 .content-tag,
    .ametys-cms-content.post.view-illustration h1 .content-tag,
    .ametys-cms-content.post.view-illustration h2 .content-tag,
    .ametys-cms-content.post.view-illustration h3 .content-tag{
    	 font-size:1.3em;
    	 margin-top:0;
        margin-bottom:0;
         position:relative;
         line-height:1;
    }
    .ametys-cms-content.article.view-illustration h1 .content-tag .tag,
    .ametys-cms-content.article.view-illustration h2 .content-tag .tag,
    .ametys-cms-content.article.view-illustration h3 .content-tag .tag,
    .ametys-cms-content.resources-content.view-illustration h1 .content-tag .tag,
    .ametys-cms-content.resources-content.view-illustration h2 .content-tag .tag,
    .ametys-cms-content.resources-content.view-illustration h3 .content-tag .tag,
    .ametys-cms-content.post.view-illustration h1 .content-tag .tag,
    .ametys-cms-content.post.view-illustration h2 .content-tag .tag,
    .ametys-cms-content.post.view-illustration h3 .content-tag .tag{
        color: #FC9E8F /* AMETYS ("default.default.contrast.light","Couleur claire") */;
        font-weight: 500;
        text-transform:none;
        float:none;
        line-height:1;
    }
    
    .ametys-cms-content.article.view-illustration .content-read-more,
    .ametys-cms-content.resources-content.view-illustration .content-read-more,
    .ametys-cms-content.post.view-illustration .content-read-more{
        left: 1px;
        margin: 0;
        position: absolute;
        right: 0px; /* -1 supprimé pour que le hover sur les remontées de contenu en vue bloc ne dépassent pas sur la droite. */
		top:0;
        text-align:center;
        height:145px;
        opacity:0;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 2000ms;
        -o-transition: opacity 200ms;
		transition: opacity 200ms;
    }
    
    .ametys-cms-content.view-illustration .content-read-more a:link,
    .ametys-cms-content.article.view-illustration .content-read-more a:link,
    .ametys-cms-content.resources-content.view-illustration .content-read-more a:link,
    .ametys-cms-content.post.view-illustration .content-read-more a:link,
    .ametys-cms-content.view-illustration .content-read-more a:visited,
    .ametys-cms-content.article.view-illustration .content-read-more a:visited,
    .ametys-cms-content.resources-content.view-illustration .content-read-more a:visited,
    .ametys-cms-content.post.view-illustration .content-read-more a:visited{
        background:none;
        text-indent:-9999px;
        display: inline-block;
        color: #FFFFFF;
        font-weight: bold;
        height: 100%;
        padding-top: 95px;
        text-transform: uppercase;
        width: 100%;
        padding-left:0;
    }
    
/* 	.ametys-cms-content.view-illustration .content-read-more, */
	.ametys-cms-content.view-illustration .content-read-more a:link,
/* 	.ametys-cms-content.article.view-illustration .content-read-more, */
	.ametys-cms-content.article.view-illustration .content-read-more a:link,
	.ametys-cms-content.resources-content.view-illustration .content-read-more a:link,
	.ametys-cms-content.post.view-illustration .content-read-more a:link{
        left:-2000px;
        top:-2000px;
        position:absolute;
/*         text-indent:-9999px; */
        background:none;
        opacity:0;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 2000ms;
        -o-transition: opacity 200ms;
		transition: opacity 200ms;
	}
	.ametys-cms-content.view-illustration:hover .content-read-more,
	.ametys-cms-content.article.view-illustration:hover .content-read-more,
	.ametys-cms-content.resources-content.view-illustration:hover .content-read-more,
	.ametys-cms-content.post.view-illustration:hover .content-read-more{
        background:url("../../img/bg_noir60.png") repeat scroll center center transparent;
        opacity:1;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 2000ms;
        -o-transition: opacity 200ms;
		transition: opacity 200ms;
        
    }
    
    .ametys-cms-content.view-illustration:hover .content-read-more{
    	left:0;
    	top:0;
    }
    
    .ametys-cms-content.view-illustration:hover .content-read-more a:link{
        background: url("../../img/a_venir_lire_suite.png") no-repeat scroll center 15px transparent;
        text-indent:0;
        left:0;
    	top:0;
    	opacity:1;
    	-webkit-transition: opacity 200ms;
        -moz-transition: opacity 2000ms;
        -o-transition: opacity 200ms;
		transition: opacity 200ms;
    }
    
	.ametys-cms-content.view-illustration{
/*         float:left; Utiliser service remonté de contenu pour afficher plusieurs vues illustration sur une même ligne sinon pb de focus dans BO et FO */
        width:228px;
        position:relative;
        margin-right:22px;
        margin-top:10px;
    }
    
    .col-right .ametys-cms-content.view-illustration{
    	float:none;
    }
	
	/* affichage bloc moins large si colonne de droite */
    .narrow .ametys-cms-content.view-illustration{
    	width:212px;
    	margin:22px 22px 22px 0;
    	display:inline-block;
/*     	float:left; Utiliser service remonté de contenu pour afficher plusieurs vues illustration sur une même ligne */
    }
    .narrow .ametys-cms-content.view-illustration .content-illustration.small{
    	width:210px;
    	height:135px;
    }
   	.narrow .ametys-cms-content.view-illustration .content-illustration img{
		margin:0;
		clip:rect(0px,212px,135px,0);
/* 		min-width: 212px; */
/* 		min-height: 135; */
		position:absolute;
	}
    
}