/*
 *  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-date */
/* { */
/* 	margin-top: 0; */
/* } */

.ametys-cms-content.news abbr.dtstart,
.ametys-cms-content.news abbr.dtend
{
    border: none;
}

/* View illustration */
.ametys-cms-content.news.view-illustration .content-tag{
    font-family: "Crimson", Times, serif;
    font-size:1.6em;
    background-color:black;
    height:22px;
    display:inline-block;
    color:white;
    padding:0 5px;
    line-height:1.5;
    margin-left:3px;
}

/* View abstract & link */
.ametys-cms-content.news.view-abstract .content-tag,
.ametys-cms-content.news.view-link .content-tag{
	background-color:#232a2c;
	color:#ffffff;
}
.ametys-cms-content.news.view-abstract .content-tag .tag,
.ametys-cms-content.news.view-link .content-tag .tag{
	background-color:transparent;
	color:#ffffff;
	margin-right:0;
	Padding-right:5px;
}
.ametys-cms-content.news.view-abstract .content-tag .tag:after,
.ametys-cms-content.news.view-link .content-tag .tag:after{
	content: " | ";
	display: inline;
    font-size: 12px;
    padding:0 0 0 5px;
}

.ametys-cms-content.news.view-abstract .content-tag .tag.last:after,
.ametys-cms-content.news.view-link .content-tag .tag.last:after{
	display:none;
}

.ametys-cms-content.news.view-main p.content-date{
    background-color:black;
    font-family: "Istok Web", Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:white;
    height:95px;
    text-align:center;
    margin:0;
    font-size:1em;
}
    
.ametys-cms-content.news.view-main .startdate,
.ametys-cms-content.news.view-main .enddate{
	display: block;
	width:55px;
	padding-top:4px;
}

.ametys-cms-content.news.view-main .no-startdate .enddate{
	display:block;
	padding-left:55px;
	width:110px;
}

.ametys-cms-content.news.view-main .content-date .day{
    display: block;
    font-size: 3.6em;
    height: 30px;
    line-height: 42px;
    vertical-align:middle;
    font-family: "Crimson", Times, serif;
}
    
/*     .ametys-cms-content.news.view-main .content-date .startdate .day{ */
/*     	margin-top:4px; */
/*     } */
    
.ametys-cms-content.news.view-main .content-date .month{
    font-size:1.3em;
    display:block;
    line-height:12px;
    text-transform:uppercase;
}

.ametys-cms-content.news.view-main .content-date .year{
    font-size:1.3em;
    display:block;
    margin-bottom:5px;
}

.ametys-cms-content.news.view-main p.content-date{
	padding:0;
	height:auto;
}

.ametys-cms-content.news.view-main .startdate,
.ametys-cms-content.news.view-main .enddate{
	display: inline-block;
	line-height: 1.2;
}

/* Petit trait de séparation graphique dans les vues complètes */
.ametys-cms-content.news.view-main .startdate:after {
    border-right: 1px solid #6B6B6B;
    content: " ";
    display: block;
    float: right;
    height: 10px;
    margin-top: -35px;
}

.ametys-cms-content.news.view-main .no-enddate .startdate:after{
	display:none;
}

.ametys-cms-content.news.view-main .content-date .day{
	 margin-bottom:2px;
}



@media (max-width: 767px){
	
	.ametys-cms-content.news.view-illustration p.content-date{
        background-color:black;
        height:22px;
        line-height:22px;
        font-size:1.5em;
        text-transform:uppercase;
        color:white;
        text-align:center;
        display:inline-block;
        font-family: "Crimson", Times, serif;
        padding:3px 2%;
        margin-left:5%;
    }
    .ametys-cms-content.news.view-illustration p.content-date .enddate:before{
    	display:inline;
    	content: " - ";
    }
    
    .ametys-cms-content.news.view-abstract p.content-date{
    	clear:both;
    }
    
    .ametys-cms-content.news.view-main p.content-date{
    	height:auto;
    	margin-bottom:15px;
    }
    
    .ametys-cms-content.news.view-main .content-date .day,
    .ametys-cms-content.news.view-main .content-date .month,
    .ametys-cms-content.news.view-main .content-date .year{
    	display:inline-block;
    	font-size:1.3em;
    	font-family: "Istok Web", Arial, Helvetica, sans-serif;
    	height:auto;
    	line-height: normal;
    	margin-bottom:0;
    	padding-left:0;
    	margin-right:5px;
   	}
   	
   	.ametys-cms-content.news.view-main .startdate, 
   	.ametys-cms-content.news.view-main .enddate{
   		width:auto;
   	}
    
}

@media (min-width: 768px){
	
	/* view illustration */
	.ametys-cms-content.news.view-illustration p.content-date{
	    background-color:black;
	    font-family: "Istok Web", Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    color:white;
	    height:95px;
	    text-align:center;
	    margin:0;
	    font-size:1em;
	}
	    
	.ametys-cms-content.news.view-illustration .startdate,
	.ametys-cms-content.news.view-illustration .enddate{
		display: block;
		width:55px;
		padding-top:4px;
	}
	
	/* S'il existe seulement une date alors elle sera affichée à son emplacement réservé dans la charte (date de début en haut, date de fin en bas). */
	.ametys-cms-content.news.view-illustration .no-startdate .enddate {
	    display: block;
	    padding-top: 52px;
	}
	
	.ametys-cms-content.news.view-illustration .content-date .day{
	    display: block;
	    font-size: 3.6em;
	    height: 30px;
	    line-height: 42px;
	    vertical-align:middle;
	    font-family: "Crimson", Times, serif;
	}
	    
	/*     .ametys-cms-content.news.view-illustration .content-date .startdate .day{ */
	/*     	margin-top:4px; */
	/*     } */
	    
	.ametys-cms-content.news.view-illustration .content-date .month{
	    font-size:1.3em;
	    display:block;
	    line-height:12px;
	    text-transform:uppercase;
	}
	
	.ametys-cms-content.news.view-illustration .content-date .year{
	    font-size:1.3em;
	    display:block;
	    margin-bottom:5px;
	}
	
	.ametys-cms-content.news.view-illustration p.content-date{
        position:absolute;
        top:1px;
        right:-1px;
    }
    
    .ametys-cms-content.news.view-main p.content-date{
    	position: absolute;/* INHA-570 */
		right: 0;/* INHA-570 */
		top: 0;/* INHA-570 */
		/* position:static; INHA-570 */
		/* right:auto; INHA-570 */
		/* float:right; INHA-570 */
		/* margin-top:-194px; /* INHA-115 supprimé par INHA-570 */ 
	}	
    
    .ametys-cms-content.news.view-illustration h1,
    .ametys-cms-content.news.view-illustration h2,
    .ametys-cms-content.news.view-illustration h3{
        position:absolute;
        top:160px;
        font-size:1.3em;
        text-transform:uppercase;
        line-height:1.2;
        color:#232a2c;
    }
    
    .narrow .ametys-cms-content.news.view-illustration h1,
    .narrow .ametys-cms-content.news.view-illustration h2,
    .narrow .ametys-cms-content.news.view-illustration h3{
    	top:150px;
    }
    
    .ametys-cms-content.news.view-illustration .content-tag{
    	position:absolute;
        margin:-1px 0 0 1px;
    }
    
    .ametys-cms-content.news.view-illustration:hover .content-read-more{
        position:absolute;
        left:-6px;
        right:-7px;
        top:-6px;
        bottom:0;
        text-align:center;
        margin:0;
    }
    
    .ametys-cms-content.news.view-illustration:hover .content-read-more a:link,
    .ametys-cms-content.news.view-illustration:hover .content-read-more a:visited{
        display: inline-block;
        color: #FFFFFF;
        height: 100%;
        width: 100%;
        font-weight: bold;
        text-transform:uppercase;
        padding-left:0;
    }
    
    .ametys-cms-content.news.view-illustration .content-read-more a:link,
    .ametys-cms-content.news.view-illustration .content-read-more a:visited{
        background-position: center 27px;
        padding-top:105px;
        color:#23292C;
    }
    
    /* View main */
    
    .ametys-cms-content.news.view-main h1.art-postheader,
    .ametys-cms-content.news.view-main h2.art-postheader,
    .ametys-cms-content.news.view-main h3.art-postheader{
    	margin-right:120px;
    }
    
	/* Petit trait de séparation graphique dans les vues bloc */
	.ametys-cms-content.news.view-illustration .startdate:after {
	    border-bottom: 1px solid #6B6B6B;
	    content: " ";
	    display: block;
	    height: 5px;
	    margin-bottom: -3px;
	    margin-left: auto;
	    margin-right: auto;
	    width: 10px;
	}
	.ametys-cms-content.news.view-illustration .no-enddate .startdate:after{
		display:none;
	}
    
    
	
	/* View abstract */
	
	.ametys-cms-content.news.view-abstract p.content-date{
		margin-top: 0;
		margin-bottom:0;
	}
	
	.col-right .ametys-cms-content.news.view-abstract p.content-date,
	.col-right .ametys-cms-content.news.view-abstract p.content-tag{
		margin:0;
	}
    
}