@font-face {
font-family: 'Karbon-Regular';
src: url('font/webfontkit3/Karbon-Regular.eot');
src: url('font/Karbon-Regular.otf') format('truetype'),
     url('font/webfontkit3/Karbon-Regular.woff') format('woff'),
     url('font/webfontkit3/Karbon-Regular.eot?#iefix') format('embedded-opentype'),
     url('font/webfontkit3/Karbon-Regular.svg#Karbon-RegularBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
	font-family: 'Karbon-Bold';
	src: url('font/webfontkit1/Karbon-Bold.eot');
	src: url('font/Karbon-Bold.otf') format('truetype'),
		 url('font/webfontkit1/Karbon-Bold.woff') format('woff'),
		 url('font/webfontkit1/Karbon-Bold.eot?#iefix') format('embedded-opentype'),
		 url('font/webfontkit1/Karbon-Bold.svg#Karbon-RegularBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
  width:100%;
	margin: 0px;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	color:#000000;
	font-size: 12px;

}

h2{
	padding-top: 20px;
	padding-left: 5px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
a{
	color: #000;
	text-decoration: none;
}

p{
	padding-left: 5px;
}

table.main{
	border-spacing : 0;
	border-collapse : collapse;
	width: 100%;
}

table.main td{
	padding: 5px;
}

a.blanc { 
	color: #ffffff; 
	text-decoration: none;
}

a:hover{ 
	color: #2B2E31;
	text-decoration: none;
}

td.header,div.header{
	background-color: #778495;
  color:#FFF;
	height: 30px;
	border-bottom: 1px solid black;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}

td.data,div.data{
	/*background-color: #FFF;*/
	vertical-align: top;
	height: 45px;
}

td.right_border,div.right_border{
	border-right: 1px solid #FFF;
}

td.right_border2,div.right_border2{
	border-right: 1px solid #778495;
}

td.data_var,div.data_var{
	vertical-align: top;
}

.valeur{
	font-size: 20px;
	font-weight: 300; 
}

.code{
	font-size: 15px;
	font-weight: 400; 
}

.heure{ 
	font-size: 15px;
	font-weight: 400; 
}

.libelle{
	font-size: 12px;
	font-weight: 300; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	color:#778495;
	font-weight:normal;
}

.libelle_var{
	font-size: 12px;
	font-weight: 300; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	color:#778495;
	font-weight:bold;
}

.cours_cloture { 
	font-size: 25px;
	font-weight: 700; 
}

.info {
	font-size: 14px;
	padding-left: 0px;
  font-weight:bold;
}

.down{
	color:#FF011F;
	background: url("img/fle_rouge.gif") right no-repeat;
	padding-right: 15px;
}

.up2{
	color:green;
 
	padding-right: 15px;
}
.down2{
	color:#FF011F;
	 
	padding-right: 15px;
}

.up{
	color:green;
	background: url("img/fle_verte.gif") right no-repeat;
	padding-right: 15px;
}

.menu { 
	font-size: 12px;
  color:#778495;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	
}

a.menu_onglet { 
	font-size: 12px;
	font-weight: bold; 
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	border-bottom:2px solid #778495;
	padding:3px;
	text-decoration: none;
}

.txt  { 
	font-size: 13px;
	font-weight: 300; 
}

.legende   { 
	font-size: 12px;
	font-weight: 300; 
	border-top: 1px solid #999; 
	padding-top:5px;
	padding-left:5px;
	line-height: 15px;
}

/* Calculatrice */

.formrows {
	background-color: #006699; 
	color: #FFFFFF;
	font-size: 12px;
}

.calc_table {
	width:100%;
}

.td_calculatrice {
	padding-left: 5px;
	height: 25px;
}

.td_calculatrice_right {
	padding-left: 5px; 
	height: 25px;
	text-align: right;
}

.link_calc {
    width:90px;
    height:22px;
    text-decoration:none;
    margin-right:3px;
    padding:2px;
}
.petit {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 11px;
	font-weight : normal;
}
img {
    border : none;
}

.row_result{
 	background-color:#EEEEEE; 
 	color: #000000;
 	height:25px;
 	font-size: 12px;
}

.paddingleft{
 	padding-left: 25px;
 }
 
.volume{
	color: #a48a77;
 }

#graphic{
	margin-bottom:1em;
}
 
#prevClosing{
	width:inherit;
	margin-bottom:1em;
	overflow:hidden;
}
 
#prevClosing .headingBig{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
 
#prevClosing td{
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 12px;
	
	height: 30px;
}
#prevClosing td:first-child{
	padding-left:5px;
}


.disclaimer{
  list-style: none;
  padding-left:5px;
  line-height: 1.5;
}
 
#prevClosing th{
	width:18%;
}

#prevClosing tr{
	height:20px;
}
 
tr.colored{
	background-color:#F5F5F5; 
	color:#000; 
}
.noColored{
  background-color:#FFFFFF; 
} 
#prevClosing .headingSmall2{
  	width:18% !important;
}
#prevClosing .headingSmall {
    color: #4D4946;
    font-size: 12px;
    font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    background-color: #FFF;
    font-weight: bold;
	  width:13.5%;
}


#table2{
	display: none;
}

.negative{
	color:red;
}

.positive{
	color:green;
}

.neutral{
	color:green;
}
.info_div{
   margin-top: 5px;
    width: 28%;
}
.data_var2{
 padding-top:0px !important; 
}

#veille_line {
  height: 1px;
  width: 20px;
  margin-bottom:4px;
  border-bottom: 1px dashed #F00;
  overflow: hidden;
  display: inline-block;
}

#veille_legend {
	display: inline-block;
}

@media (max-width: 500px),(max-device-width: 500px),handheld {
	#no-more-tables{
		/*display: none;*/
	}
	
	.bgColor{
		background-color: #778495;
		color:#FFFFFF
	}
	
	.bgColor th{
		 padding: 10px;
		 padding-left: 5px;
		 padding-right: 5px;
	}
	
	.dataTable
	{
		width:100%;
	}
	  
	#table2{
		display:block;
		font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
		width:100vw; 
	}
	
	#table2 tbody,#table2 thead,#table2 tr{
	  width:100%;
	  display: table;
	}
	
	#table2 td{
		text-align: right;
		width:75%;
		line-height: 1.5em;
		padding-right: 5px;
	}
	
	#table2 tr td:first-child{
		text-align: left;
		padding-left:10px;
		color: #778495;
		font-weight: bold;
	}
	 
	.width_bloc{
		 padding-top: 11px;
		 padding-bottom: 5px;
		 padding-left: 5px;
		 padding-right: 5px;
		 width:100%;
	}
	
	.bloc_left{
		display: inline-block;
		width: 49%;
		text-align: left;
		color:#fff;
	}
	
	.bloc_right{
		display: inline-block;
		width: 49%;
		text-align: right;
		color:#fff;
	}

	#prevClosing td{
		font-size:10px;
		padding-left: 0px;
		border-left: 1px solid #fff;
	}
	
	#prevClosing tr td:first-child{
		font-size:0.5em;
		padding-left:0px;
	}
	
	#graphic{
		padding-left: 3%;
	}


}