/* ------Style General ------*/
@media print {
  @page         { margin: 0 }
  pre           { page-break-inside: avoid }
}

body {
	background: white;
	font-size: 11pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

HEAD          { display: none }


ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, 
FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, 
OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, 
              	{ display: block }

table         	{ display: table-header-group }
td,th       	{ display: table-cell;  }
thead			{ display: table-header-group; }
tbody       	{ display: table-row-group;}
tr 				{page-break-after: avoid; 
                page-break-inside: avoid}
td				{ page-break-after: avoid; 
                page-break-inside: avoid} 
li				{ display: list-item }
UL, OL, DL    	{ page-break-before: avoid } 
h1              { font-size: 15pt; margin: .67em 0 ; color:#333333; font-weight:lighter }
h2              { font-size: 13pt; margin: .83em 0; color: #4db3d0; font-weight:lighter}
h3              { font-size: 12pt; margin: 1em 0; color:#333; font-weight:lighter}
a 				{ color: #4db3d0; text-decoration:none}
sup				{ font-size:55%}
H1, H2, H3,
H4, H5, H6    { page-break-after: avoid; 
                page-break-inside: avoid }



/* ------Disparaitre pour l'impression ------*/
#TopNav, #NavBtn, #MainMenu, #Footer, .enteteImg, .entetePageGeneral, .MainContentNav, .LoginBox, .TextArea, #dhtmltooltip, #dhtmlpointer, .MainContentNavMenu, .BottomRegionContent, .MapTitle, .HistoricalLink, .clear{display:none}

/* ------Boite pour le Header ------*/
#header {width:auto; text-align:left;}
#header #logo { margin: 0 0 16px 0;}


.blueLinkTop {color:#4db3d0; font-weight:bold}




/*------ Titre des pages ------*/
.titlePage { width:auto; text-align:left; padding:8px 0 8px 0; color:#000; font-size:15pt; font-weight:normal; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.blueTitle {color:#4db3d0; font-weight:normal; font-size:15pt}




/*------ Contenu de la Map et des Données ------*/
.IndexContent { width:auto; text-align:left;  }
.IndexContentPage { position:relative; width:auto; text-align:left; display:block }
.MapContent { width:75%; height:298px; text-align:left; float:left}
.ContentIndex { width:25%;  text-align:left; float:right; overflow:hidden; margin:10px 0 0 0 }
.ContentNumber { border-bottom:1px dotted #CCC; padding:10px 0 10px 20px; font-size:11pt; color:#333; background:#ebf7fa;}
.ContentNumberSmall { border-bottom:1px dotted #CCC; padding:5px; font-size:11pt; color:#333; background:#ebf7fa; text-align:center}
.ContentTexteSmall { border-bottom:1px dotted #CCC; padding:5px; font-size:11pt; font-weight:normal; background:#FFF; text-align:left}
.ContentTableTitle { padding:5px; font-size:11pt; color:#FFF; font-weight:normal; background:#4db3d0; text-align:center}
.BigContentNumber {font-size:14pt;}


/*------ Bas de la page d'accueil avec les regions et les history index et charts ------*/
.RegionContent {width:auto; text-align:left; clear:both }
.RegionLink { width:auto; padding:0px; }
.RegionLink2 { width:auto; padding:0px; margin:0}
.RegionLinkBox {width:auto; padding:0px; border-bottom:1px dotted #CCC;  margin:10px; color:#333;}
.RegionLinkBoxWithoutBkg { width:auto; padding:0px 0px 3px 20px; border-bottom:1px dotted #CCC;  margin:0 12px 8px 0; color:#333;}
.RegionLinkBox ul{margin:0;padding:0; page-break-before: avoid; }
.RegionLinkBox li{ margin:0px; padding:0; font-size:11px; list-style:item;}
.RegionLinkBox a{ text-decoration:none; color:#333; padding:0}
.RegionLinkBox a:hover{ text-decoration:underline}




/*------ Contenu des pages avec Graphiques et description ------*/
.ContentLayout { width:auto; text-align:left; height:auto; }
.ContentLayoutMap { width:auto; text-align:left;}
.Content{width:auto; text-align:left; }
.MainContent { width:75%; height:auto; text-align:left; float:left}
.MainContentRight {width:auto; height:auto; text-align:left;}
.MainContent h1{ font-size:14pt; color:#333; font-weight:normal}
.MainContentNavFull {width:auto; border-bottom:1px solid #CCC}
.MainContentSansTitle { width:auto; background: #CCCCCC; height:1px;}
.MainContentTitle{ width:auto; font-size:14pt; height:23px; padding: 10px 0 0 0; color:#333333;clear:both; margin-bottom:10px}
.MainContentGraph { width:auto; padding:10px 5px 10px 5px;}
.MainContentInfo { width:auto; padding:10px 10px 15px 10px;  font-size:11px; clear:both; display:table; }
.MainContentInfo img{  margin:0 10px 0 0; }




/*------ Contenu des pages Générales ------*/
.MainContentLargeTitle {border-bottom:1px solid #CCC; font-size:14pt; height:23px; padding: 10px 0 10px 0; color:#333333; margin:0; width:auto}
.MainContentLarge { width:auto; padding:10px 10px 0 0; font-size:11pt; clear:both; }
.MainContentLarge p{padding:0; margin:5px 0 15px 0}
.MainContentLarge li{padding:0; margin:5px 0 15px 0; }
.MainContentLarge ul li ul li{padding:0; margin:2px 0 2px 0; color:#666}
.MainContentLarge h1 { font-weight:normal; margin:10px 0 20px 0}
.MainContentLarge h2{ font-weight:normal; padding:0; margin:0}
.clearDiv{padding:0; margin:5px 0px 5px 0px; border-top:1px dotted #CCC}
.enteteText {margin:0; padding:20px 40px 0px 0px; width:auto;}
.enteteText h2{ font-weight:normal; padding:0; margin:0}
.MainContentText { padding:10px 0px 10px 0px;}
.MainContentText h1{  color:#333; font-weight:normal}




/*------ Style le scrolle ------*/
.y_axe {display:block;width:10%; float:left; text-align:right; padding:0 0 0 0}
.y_axe img{height:62%; width:62%}
.graph {display:block;width:90%; float:left; clear:right}
.graph img{ width:98%; height:98%}
