/* CSS Document */

#c_mp_header{
	margin-top:20px;
	margin-bottom:20px;
}

#c_mp_header .a_table{
	width:100%;
}

#c_mp_header .a_col{
	width:50%;
}
#c_mp_header .a_p{
	font-size:14px;float:left;color:#939090;width:50%;
}
#c_mp_header h2{
	font-size:30px;
	line-height:30px;
}

#c_mp_header #c_mp_rss{
	float:right;	
}

#c_mp_header #c_mp_rss p{
	display:inline-block;
	margin-right:10px;	
	font-weight:bold;
}

#c_mp_header #c_mp_rss a,
#c_mp_header #c_mp_rss a:visited,
#c_mp_header #c_mp_rss a:active{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	color:#ff8134;
	text-decoration:none;
}

#c_mp_header #c_mp_rss a i{
	margin-left:5px;	
}

#c_mp_header #c_mp_rss a:hover{
	text-decoration:underline;	
}


#c_mp_control_header{
	border-bottom:3px solid rgb(23,64,124);
	margin-bottom:10px;
}
#or_text{
color:red;
display:inline;
	}
	/*metal price banners */
	#cours_banner_left_mobile{
	display:none;
	}
	#cours_banner_left{
	display:block;
	}
.cours_banner_left{
padding-left:0px;
padding-right:10px;
 width:100%;
 height:100%;
max-width:936px; 


 
}
.cours_banner_right{

width:100%;
max-width:402px;
 height:100%;
 
 display:block;
}
/* end metal price banners */
#c_mp_control_header_show{
	float:left;
}

#c_mp_control_header_show span{
	float:left;	
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	margin-right:5px;
}

/*added for french metal price date buton to appear on the left side*/
#c_mp_control_header_show  input.b{
	
	padding:5px 10px;
	background-color:#17407C;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	float:left;
	margin-left:5px;
	margin-top:2px;
	border:0;
	cursor:pointer;
}


#c_mp_control_header_show #c_mp_control_header_show_opts{
	float:left;	
}

#c_mp_control_header_show_opts a{
	font-size:14px;
	line-height:20px;
	padding:10px;
	background-color:rgb(230,230,230);	
	text-decoration:none;
	color:rgb(0,0,0);
	float:left;
	margin-left:2px;
	margin-right:2px;
}

#c_mp_control_header_show_opts a.active{
	background-color:rgb(23,64,124);	
	color:rgb(255,255,255)	
}




#c_mp_control_header_date{
	float:right;	
}

#c_mp_control_header_date span{
	float:left;	
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	margin-right:5px;
}
#c_mp_control_header_date .btn span{
padding:0px 0px 0px 0px;

}
#c_mp_control_header_date .btn i{
margin-right:0px;
}
#c_mp_control_header_date .btn p{


padding:10px 10px 0px 0px;
	background-color:#17407C;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	float:left;
	margin-left:5px;
	margin-top:2px;
	border:0;
	cursor:pointer;

}


#c_mp_control_header_date input.b{
	padding:5px 10px;
	background-color:#17407C;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	float:left;
	margin-left:5px;
	margin-top:2px;
	border:0;
	cursor:pointer;
}

#c_mp_control_header_date #c_mp_control_header_date_opts{
	float:left;	
}

#c_mp_control_header_date_opts select{
	float:left;
	margin-left:2px;
	margin-right:2px;
	height:20px;
	margin-top:10px;

}

/* content cols */

.c_mp_content_col{
display:none;
}

.c_mp_content_col.active{
display:block;
}

#c_mp_content h2{
	margin-bottom:20px;
}


#c_mp_content_tables{
	float:left;
	width:69%;	
}

#c_mp_content_charts{
	float:left;
	width:100%;	
}

#c_mp_content_averages{
	float:left;
	width:69%;	
}

#c_mp_content_info{
	float:right;
	width:29%;
}

.c_mp_wrapper h3{
	border-bottom:2px solid #E6E6E6;
	padding-bottom:10px;
	color:#17407C;
}

.c_mp_price_table{
	margin-bottom:30px;
}

.c_mp_price_table td{
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
}


/* metal colours */
.c_mp_price_table td.mc_silver{background-color:#e0e0e0;}
.c_mp_price_table td.mc_gold{background-color:#ffbf00;}
.c_mp_price_table td.mc_iridium{background-color:#797979;}
.c_mp_price_table td.mc_palladium{background-color:#e0e0e0;}
.c_mp_price_table td.mc_platinum{background-color:#f5f5f5;}
.c_mp_price_table td.mc_rhodium{background-color:#e0e0e0;}
.c_mp_price_table td.mc_ruthenium{background-color:#eaeaea;}



.c_mp_price_table th{
	font-size:14px;
	color:rgb(23,64,124);
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.c_mp_price_table td span{
	color:rgb(23,64,124);
	font-weight:bold;	
}

.c_mp_price_table td a{
	display:block;
	width:100%;
	height:100%;	
}

.c_mp_price_table tr:hover{
	background-color:#E6E6E6;
}
.clal_header_1 tr:hover{
	background-color:transparent;
}

.clal_header_mobile_1 tr:hover{
background-color:transparent;
}
.nohilight tr:hover{
background-color:transparent;
}
/* tables */
/*parité*/
#c_mp_spot_price .indx_p1{
	width:10%;
	text-align:left;
}

#c_mp_spot_price .indx_p2{
	width:30%;	
	text-align:left;
	padding-left:10px;
}

#c_mp_spot_price .indx_p3{
	width:15%;	
	text-align:center;
}

#c_mp_spot_price .indx_p4{
	width:11.25%;	
	text-align:center;
}

#c_mp_spot_price .indx_p5{
	width:11.25%;	
	text-align:center;
}

#c_mp_spot_price .indx_p6{
	width:11.25%;	
	text-align:center;
}

#c_mp_spot_price .indx_p7{
	width:11.25%;	
	text-align:center;
}
/*end parité*/
#c_mp_spot_price .indx_1{
	width:10%;
	text-align:left;
}

#c_mp_spot_price .indx_2{
	width:30%;	
	text-align:left;
	padding-left:10px;
}

#c_mp_spot_price .indx_3{
	width:15%;	
	text-align:center;
}

#c_mp_spot_price .indx_4{
	width:11.25%;	
	text-align:center;
}

#c_mp_spot_price .indx_5{
	width:11.25%;	
	text-align:center;
}

#c_mp_spot_price .indx_6{
	width:11.25%;	
	text-align:center;
}

#c_mp_spot_price .indx_7{
	width:11.25%;	
	text-align:center;
}


#c_mp_spot_price td.indx_3,
#c_mp_spot_price td.indx_5,
#c_mp_spot_price td.indx_7
{
	background-color:#E6E6E6;
}


.c_mp_mobile_price_table .indx_1{
	width:50%;
	text-align:left;
}

.c_mp_mobile_price_table .indx_2{
	width:50%;
	text-align:right;
}

.c_mp_mobile_price_table{
	margin-top:15px;
	margin-bottom:15px;
}

.c_mp_mobile_price_table td{
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.c_mp_mobile_price_table tr.alt{
	background-color: #E6E6E6;	
}

.c_mp_mobile_price_table{
	display:none;	
}
.clal_header_mobile_1{
	display:none;	
}

.c_mp_mobile_price_table h4{
	color:#17407C;
}

/* graph */

#c_mp_graph img{
	display:block;
	width:100%;
}


#c_mp_info{
	padding:5px 30px 30px 30px;
	margin-top:30px;	
}

#c_mp_info p{
	margin-top:10px;
	margin-bottom:10px;	
	color:rgb(23,64,124);
}

#c_mp_content_averages ul.gen_form label{
		float:left;
}

#c_mp_content_averages ul.gen_form div.select{
		float:left;
		width:120px;
		margin-left:10px;
}

#c_mp_content_averages ul.gen_form div.fbtn{
		float:left;
		width:100px;
		height:40px;
		line-height:40px;
		margin-left:10px;
}

#c_mp_content_charts ul.gen_form label{
		float:left;
}

#c_mp_content_charts ul.gen_form div.select{
		float:left;
		width:120px;
		margin-left:10px;
}

#c_mp_content_charts ul.gen_form div.fbtn{
		float:left;
		width:100px;
		height:40px;
		line-height:40px;
		margin-left:10px;
}

#c_graph_display{
	margin-top:20px;
	margin-bottom:20px;	
}

#c_mp_content_averages p{
	font-size:12px;	
}

@media screen and (max-width:999px){
	
	#c_mp_content_tables{
		width:100%;
	}

	#c_mp_content_info{
		width:100%;		
	}
}

@media screen and (max-width:699px){
	
	#c_mp_header h2{
		margin-bottom:10px;
	}

	#c_mp_header .a_col{
		display:table-row;
		text-align:center;
	}
	#c_mp_header .a_p{
		float:none;
		display:table-row;
	}
	#c_mp_header #c_mp_rss p{
		margin-right:5px;	
	}

	#c_mp_header #c_mp_rss a,
	#c_mp_header #c_mp_rss a:visited,
	#c_mp_header #c_mp_rss a:active{
		margin-left:5px;
		margin-right:5px;
	}
	
	#c_mp_header #c_mp_rss{
		float:none;
	}

}

@media screen and (max-width:599px){
	
	.clal_header_1{
		display:none;	
	}
	
	.clal_header_mobile_1{
		display:block;	
	}
	
	.c_mp_wrapper h3{
		color:#fff;
		background-color:#17407C;
		padding-top:10px;
		padding-left:10px;
	}
	
	#c_mp_control_header{
		margin-bottom:0px;
	}
	
	#c_mp_graph{
		display:none;	
	}
	
	#c_mp_control_header_show{
		float:none;	
	}
	
	#c_mp_control_header_show span{
		display:none;	
	}
	
	#c_mp_control_header_show_opts{
		width:100%;	
	}
	
	#c_mp_control_header_show_opts a{
		width:31.33333333333333%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	margin:0;
	text-align:center;
	margin-bottom:1px;
	margin-left:1%;
	margin-right:1%;
	}
	
	#c_mp_control_header_date{
		width:100%;
		float:none;
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	#c_mp_spot_price .indx_2{
	width:12%;	
	padding-left:0px;
}

#c_mp_spot_price .indx_3{
	width:25%;	
	
}

#c_mp_spot_price .indx_4{
	width:25%;	

}

#c_mp_spot_price .indx_5{
	width:25%;	

}
#or_text{
display:none;	
	}
	
/*parité*/
	#c_mp_spot_price .indx_p2{
	width:17%;	
	padding-left:0px;
}

#c_mp_spot_price .indx_p3{
	width:18%;	
	
}

#c_mp_spot_price .indx_p4{
	width:14.25%;	

}

#c_mp_spot_price .indx_p5{
	width:14.25%;	

}
/*end parité*/	
/*font size smaller*/
.c_mp_price_table td{
	font-size:11px;}
/*metal price banners mobile*/
#cours_banner_left{
	display:none;
	}
#cours_banner_left_mobile{
	display:block;
	}
	
	.cours_banner_left{
	padding-left:0px;
padding-right:0px;
width:98%;
 height:100%;



}
.cours_banner_right{
width:100%;
 height:100%;
 
}

	
}