@charset "UTF-8";

* { padding:0; margin:0;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #444444;background-color: #D3CDC2; padding:20px;}
.container { width:100%; background-color:#FFF;}
.header { background-image:url(/images/bandeau-bleu.jpg); background-repeat:repeat-x; padding: 0 20px; margin-bottom:20px;}
.nav {width:100%; float:left; background-image:url(/images/line-gray.jpg); background-position:bottom; background-repeat:repeat-x;}
.content {width:100%; }
.drap { float:right; margin:0 20px;}

  @font-face {
    font-family: 'CoHeadline_Corp_Rg';
    src: url('/styles/fonts/Co_Headline_Corporate_OT/CoHeadline_Corp_Rg/CoHeadline_Corp_Rg.ttf'),
	 url('/styles/fonts/Co_Headline_Corporate_OT/CoHeadline_Corp_Lt/CoHeadline_Corp_Lt.ttf'),  
	 url('/styles/fonts/Co_Headline_Corporate_OT/CoHeadline_Corp_Bd/CoHeadline_Corp_Bd.ttf'),
	 url('/styles/fonts/Co_Headline_Corporate_OT/CoHeadline_Corp_Rg/CoHeadline_Corp_Rg.woff'),
	 url("/styles/fonts/Co_Headline_Corporate_OT/CoHeadline_Corp_Rg/CoHeadline_Corp_Rg.eot");  /* EOT file for IE */
  } 


ul { margin-left:15px; float:left;}
li { list-style:none; float:left; margin-right:20px;}
li.line-active {padding-bottom:5px;border-bottom:3px solid #007FA3;}
li a {  text-decoration:none; font-weight:bold;   color:#777;font-family: 'CoHeadline_Corp_Rg';}
li a.active{ font-size:14px; text-decoration:none;font-weight:bold;  color:#007FA3;}
.nav a{ font-size:14px; text-decoration:none;font-weight:bold;}
.nav a:hover{ text-decoration:none;font-weight:bold;  color:#007FA3;}
img{ border:none;}
.clear{ clear:both;}
.col-lert{ width:30%; margin:1%; float:left; padding-top:20px;}
.col-right{ width:66%; margin:1%; float:right;}

h2 {color:#007FA3; float:left; margin-bottom:15px; font-size: 16px;font-weight: bold; font-family: 'CoHeadline_Corp_Rg';}
p.right{float:right; margin-bottom:15px; padding:5px 0; }
p.left{float:left; margin-top:15px; padding-top:25px; }
table { margin:15px 0; float:left; }
table td{ padding:8px 0; border-bottom:1px solid #ECEBEB; }

.up { color:#00A000;}
.down { color:#EE0033;}
.tnt-positive { color:#00A000;}
.tnt-negative { color:#EE0033;}

.picto-euro { padding-right:30px;}
.picto-dollar { padding-left:30px;}
.devise { font-weight:bold; font-size:24px;}
.devise td { border:medium none;}

/*
 rewrite css from layoutgrid
*/
.page { width:100%; background-color:#FFF;}
.grid_content {
     float: none;
     padding: 0 ;
     width: 100%;
}