#panel-newsbox {
    position:relative; /* pour positionnement relative de l'élément "button-next"*/
	padding: 15px;
	height: 210px; /*valeur par défaut , modifiée par js suivant settings*/
	overflow: hidden;
	background: #CCC;
}

#panel-newsbox .panel-newsbox-body{
	overflow:hidden;
}

#panel-newsbox .panel-newsbox-body .newsbox {
	overflow:hidden;
	margin-bottom: 15px; /*ATTENTION: ne pas mofidier. Valeur utilisée dans les calculs news.js)*/
	position: relative;
	opacity:0; /*gérée ensuite par le fondu enchainé du js */
}
		
#panel-newsbox .newsbox .image{
   height: 100px;
   max-width:150px;
   float: right;
   margin: 0px 0px 10px 10px; /* éloignement du texte*/
   border-radius: 3px; 
}	
	
#panel-newsbox .newsbox .titre{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
	color:#FFF;	
}
	
#panel-newsbox .newsbox .texte{
    font-size: 13px;
}

#panel-newsbox .newsbox .link{
    color: #FFF;    
	position:absolute; bottom: 0px; left:0px; 
	font-size: 18px;
	background: #CCC; /*cache le texte éventuel en dessous*/
	width:120px;
}

#panel-newsbox .button-next{
    color: #FFF;
    font-size: 18px;
    text-align: right;
    width: fit-content; 
    position: absolute;
    bottom: 15px;
    right: 5px;
    margin-right: 10px;
}


#panel-newsbox .fa{
    color:#21A1B3;
    font-size: 24px;
    background:#FFF;
    border-radius:50%;
    line-height: 0.8em;
}

#panel-newsbox .back-icon{
    color:#FFF;
}


.button-next:hover{
    cursor:pointer;
}


@media screen and (max-width: 1200px){
    #panel-newsbox .newsbox .image{
       height: 80px;
       max-width:120px;
    }
}