.colorDesc {background-image: linear-gradient(to bottom , rgba(242,242,242,0.15), rgba(101,202,222,0.30) );}
	.colorAscd {background-image: linear-gradient(to top , rgba(242,242,242,0.15), rgba(101,202,222,0.30) );}

	.ombrage {
		box-shadow: 5px 5px 5px 2px rgba(111, 111, 111, 0.45);
		-moz-box-shadow: 5px 5px 5px 2px rgba(111, 111, 111, 0.45);
		-webkit-box-shadow: 5px 5px 5px 2px rgba(111, 111, 111, 0.45);			
	}

	.inter { border:none;outline:none;height:100%;padding:0 0.5rem;margin-right:0.5rem;background:rgba(45,206,185, 0.50);opacity:0.75;transition:opacity 0.25s; }
	.inter:hover { background:rgba(45,206,185, 0.75);opacity:1; }
	.inter:focus { outline:none; }
	.sub_txt { font-size:calc(100vw / 40); color:#666; }
	.sub_txt:hover { color:#444; }



	.title {
		background:rgba(101,202,222,0.25); 
		height:calc(40px + 2vw);
		line-height:calc(40px + 2vw);
		font-weight:600;
		color:#666;	
		font-size:calc(100vw / 25);
		padding-left:calc(.5rem);
		filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.15));
	}

	.title_hot {
		background:rgba(101,202,222,0.25); 
		height:calc(40px + 2vw);
		line-height:calc(40px + 2vw);
		font-weight:600;
		color:#666;	
		font-size:calc(100vw / 30);
		padding-left:calc(.5rem);
		filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.20));
	}
	
	.title_reality {
		background:rgba(141,101,222,0.25); 
		height:calc(40px + 2vw);
		line-height:calc(40px + 2vw);
		font-weight:600;
		color:#666;	
		font-size:calc(100vw / 30);
		padding-left:calc(.5rem);
		filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.20));
	}

	.maTop { margin-top:calc(1.10rem); }
	.maBot { margin-bottom:calc(1.65rem); }



	.infos { 			
		margin-top:calc(.55rem);
		text-align:justify;
		padding-left:calc(.5rem);
		padding-right:calc(.5rem);
		color:#666;
		font-size:calc(100vw / 40); 
	}
	
	.overing { color: #666666; text-decoration: none; }
	.overing:hover { color: #007bff; text-decoration: none; transition:color 0.5s; }
	
	
	.audioBox { width:100%; height:50px; background:rgba(101,202,222,1); }
		audio::-webkit-media-controls-panel { background:rgba(101,202,222,1); }









	@media all and (max-width:479.99px) {
		.title_hot { font-size:calc(100vw / 25); }
		.infos { font-size:calc(100vw / 35); }
		.sub_infos, .sub_infosRow, .sub_txt { font-size:calc(100vw / 35); }
		
	}

	@media all and (min-width:480px) {
		.title_hot { font-size:calc(100vw / 30); }
		.infos { font-size:calc(100vw / 40); }
		.sub_infos, .sub_infosRow, .sub_txt { font-size:calc(100vw / 40); }
		
	}

	@media all and (min-width:640px) {
		.container { max-width:100%; }
		.title_hot { font-size:calc(100vw / 30); height:calc(45px + 2vw); line-height:calc(45px + 2vw); }
		.infos { font-size:calc(100vw / 50); }
		.sub_infos, .sub_infosRow, .sub_txt { font-size:calc(100vw / 50); }

	}

	@media all and (min-width:768px){
		.container { max-width:100%; }
		.title_hot { font-size:calc(100vw / 35); height:calc(40px + 2vw); line-height:calc(40px + 2vw); }
		.infos { font-size:calc(100vw / 60); }
		.sub_infos, .sub_infosRow, .sub_txt { font-size:calc(100vw / 60); }
		
	}

	@media all and (min-width:992px){
		.container { max-width:100%; }
		.title_hot { font-size:calc(100vw / 40); height:calc(40px + 2vw); line-height:calc(40px + 2vw); }
		.infos { font-size:calc(100vw / 70); }
		.sub_infos, .sub_infosRow, .sub_txt { font-size:calc(100vw / 70); }
		
	}

	@media all and (min-width:1200px){
		.container { max-width:100%; }
		.title_hot { font-size:calc(100vw / 45); height:calc(35px + 2vw); line-height:calc(35px + 2vw); }
		.infos { font-size:calc(100vw / 90);  }
		sub_infos, .sub_infosRow, .sub_txt { font-size:calc(100vw / 90);  }
		
	}