/* ------Style General ------*/

html {height:100%; margin:0px; padding:0px;}
body {height:100%; margin:0px; padding:0px; background:#fff; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#666;text-align:center;line-height: 1.4em;}
.container {height:100%; width:971px;}
.container {height:auto; min-height:100%;}
h1{margin-top:0; font-size:150%; color:#4db3d0;}
h2{margin-bottom:10px; font-size:14px; color:#4db3d0; font-weight:normal }
h3{ margin:0; padding:0; font-size:120%; font-weight:normal; font-weight:normal; color:#333}
a { color:#4db3d0; text-decoration:none}
a:hover { color:#4db3d0; text-decoration:underline}
.fiedForm { font-size:11px; color:#333; border:1px solid #CCC; background:#e9f3f5}
.messageNote { font-size:11px; color:#666; }
.btnDisable {color:#a8dfee;}
sup {font-size: 65%; line-height: 1.4em;}

/* ------Boite pour le Header ------*/
#header {position:relative; clear:both; width:969px; text-align:left;}
#header #logo {	float: left; margin: 18px 0px 16px 42px;}
#header #TopNav {float: right; margin: 0px; color:#666}



/*------ Menu en haut a droite (Accueil, Contact, Langue) ------*/
#header #NavBtn ul{margin:0;padding:0;list-style:none; }
#header #NavBtn li{float:left; margin:0px;  background:url(../images/bkg_TopBtn.gif); height:30px}
#header #NavBtn li a{float:left; margin:0; padding:5px 28px 5px 28px; color:#666666; text-decoration:none}
#header #NavBtn li a:hover{color:#4db3d0; text-decoration:underline;}
.blueLinkTop {color:#4db3d0; font-weight:bold}


/*------ Menu Principal ------*/
#MainMenu {position:relative; clear:both; width:971px; text-align:left; background:url(../images/bkg_MainBtn.gif) no-repeat; height:34px; margin: 16px 0 0 0;}
#MainMenu #MainBtn ul{margin:0;padding:0;list-style:none; }
#MainMenu #MainBtn li{float:left; margin:0px;}
#MainMenu #MainBtn li a{float:left; margin:0; padding:10px 48px 5px 48px; color:#333; text-decoration:none}
#MainMenu #MainBtn li a:hover{color:#4db3d0; text-decoration:underline;}


/*------ Titre des pages ------*/
.titlePage { width:904px; text-align:left; border-right:1px solid #CCC; border-left:1px solid #CCC;  padding:7px 10px 7px 55px; color:#000; font-size:16px; font-weight:bold}
.blueTitle {color:#4db3d0; font-weight:normal; font-size:18px}




/*------ Contenu de la Map et des Données ------*/
.IndexContent { position:relative; width:969px; text-align:left;  height:298px; display:block }
.IndexContentPage { position:relative; width:969px; text-align:left; display:block }
.MapTitle{position: absolute;left: 428px;width: 200px;z-index: 100;color:#333;font-size:14px;top: 51px;}
.MapContent { width:695px; height:298px; text-align:left; float:left; border-right:1px solid #CCC;}
.ContentIndex { width:273px; height:298px; text-align:left; background:#CCC; float:right; }
.ContentNumber { border-bottom:1px dotted #CCC; padding:10px 10px 10px 20px; font-size:14px; color:#333; background:#ebf7fa;}
.ContentNumberSmall { border-bottom:1px dotted #CCC; padding:5px; font-size:12px; color:#333; background:#ebf7fa; text-align:center}
.ContentTexteSmall { border-bottom:1px dotted #CCC; padding:5px; font-size:12px; font-weight:900; background:#FFF; text-align:left}
.ContentTableTitle { padding:5px; font-size:12px; color:#FFF; font-weight:900; background:#4db3d0; text-align:center}
.BigContentNumber {font-size:18px;}


/*------ Bas de la page d'accueil avec les regions et les history index et charts ------*/
.RegionContent {position:relative; text-align:left;  display:table; background:url(../images/bkg_RegionLink.gif) repeat-x bottom;}
.RegionLink { float:left; width:620px; padding:20px 20px 20px 55px; border-right:1px solid #CCC; border-top:1px solid #CCC; height:175px}
.RegionLink2 { float:left; width:620px; padding:20px 20px 20px 55px;}
.RegionLinkBox { float:left; width:170px; padding:0px 0px 3px 20px; border-bottom:1px dotted #CCC;  margin:0 12px 8px 0; color:#333; background:url(../images/img_Arrow.gif) no-repeat}
.RegionLinkBoxWithoutBkg { float:left; width:170px; padding:0px 0px 3px 20px; border-bottom:1px dotted #CCC;  margin:0 12px 8px 0; color:#333;}
.RegionLinkBox ul{margin:0;padding:0;list-style:none; }
.RegionLinkBox li{ margin:0px; padding:0; font-size:11px;}
.RegionLinkBox a{ text-decoration:none; color:#333; padding:0}
.RegionLinkBox a:hover{ text-decoration:underline}
.HistoricalLink { float:left; width:240px; color:#333; font-size:14px; padding:10px 10px 10px 20px;}
.HistoricalLinkBox { width:220px; padding:3px 0px 3px 0px; background:url(../images/img_Arrow.gif) no-repeat}
.HistoricalLinkBox a{ text-decoration:none;  padding:0 0 0 20px; font-size:11px; color:#4db3d0;}
.HistoricalLinkBox a:hover{ text-decoration:underline; color:#333;}
.BottomRegionContent { position:relative; width:969px; text-align:left; }



/*------ Contenu des pages avec Graphiques et description ------*/
.ContentLayout { position:relative; width:969px; text-align:left; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; height:auto; display:table; background:url(../images/bkg_RegionLink.gif) bottom repeat-x; min-height:250px;}
.ContentLayoutMap { position:relative; width:969px; text-align:left;  height:auto; display:table; background:url(../images/bkg_RegionLink.gif) bottom repeat-x;border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC}
.Content{ position:relative; width:969px; text-align:left;  height:298px; display:block }
.MainContent { width:695px; height:auto; text-align:left; float:left; display:table; border-right:1px solid #CCC; padding:0 0 23px 0}
.MainContentRight {width:273px; height:auto; text-align:left; float:right;  padding:0 0 23px 0}
.MainContent h1{ font-size:14px; color:#333; font-weight:normal}
.MainContentNav { position:relative; width:695px; background:url(../images/bkg_MainTabu.jpg); height:33px; clear:both; float:left}
.MainContentNavFull { position:relative; width:969px; background:url(../images/bkg_MainTabu.jpg); height:33px; clear:both; border-bottom:1px solid #CCC}
.MainContentSansTitle { width:695px; background: #CCCCCC; height:1px;}
.MainContentNavMenu { padding:8px 0 0 10px;}
.MainContentNavMenu ul{margin:0;padding:0;list-style:none; }
.MainContentNavMenu li{float:left; margin:0px; color:#333;}
.MainContentNavMenu li a{float:left; margin:0; padding:5px 42px 5px 42px;  text-decoration:none;  background:url(../images/bkg_Tabu.gif);color:#333;}
.MainContentNavMenu li a:hover{color:#4db3d0; text-decoration:underline;}
.MainContentNavMenu li.select a{color:#4db3d0; font-weight:bold; background:url(../images/bkg_Tabu.gif)}
.MainContentTitle{ width:640px; background:url(../images/bkg_SousTitle.gif) repeat-x;   border-top:1px solid #CCC;  border-bottom:1px solid #CCC; font-size:14px; height:23px; padding: 10px 0 0 55px; color:#333333; float:left; margin:0; float:left}
.MainContentGraph { width:675px; padding:10px 5px 10px 5px;}
.MainContentInfo { width:675px; 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 { background:url(../images/bkg_SousTitle.gif) repeat-x;   border-top:1px solid #CCC;  border-bottom:1px solid #CCC; font-size:16px; height:23px; padding: 10px 0 0 55px; color:#333333; float:left; margin:0; float:left; width:914px}
.MainContentLarge { width:840px; padding:10px 10px 0 65px; font-size:12px; clear:both; display:table; }
.MainContentLarge p{padding:0; margin:5px 0 15px 0}
.MainContentLarge li{padding:0; margin:5px 0 15px 0;  list-style:url(../images/img_bullet.gif)}
.MainContentLarge ul li ul li{padding:0; margin:2px 0 2px 0; list-style:url(../images/img_bullet.gif); color:#666}
.MainContentLarge h1 {font-size:18px; font-weight:normal; margin:10px 0 20px 0}
.MainContentLarge h2{font-size:16px; font-weight:normal; padding:0; margin:0}
.clearDiv{padding:0; margin:5px 30px 5px 30px; border-top:1px dotted #CCC}
.entetePageContent {margin:0; padding:0; display:table; width:969px; height:234px; overflow:hidden}
.entetePageGeneral {margin:0; padding:0; display:table; width:969px; height:176px; overflow:hidden; border-bottom:1px solid #CCC}
.enteteImg {margin:0; padding:0;float: left; width:399px}
.enteteText {margin:0; padding:20px 40px 0px 40px; float: left; width:450px;}
.enteteText p{padding:0; margin:5px 0 5px 0}
.enteteText h2{font-size:16px; font-weight:normal; padding:0; margin:0}
.MainContentText { padding:10px 25px 10px 55px;}
.MainContentText h1{ font-size:14px; color:#333; font-weight:normal}
.TextArea { font-size:11px; color:#666; font-weight:normal}
.LoginBox { padding:20px; border:1px solid #CCC; width:300px; background:#f2f2f2}



/*------ Footer ------*/
#Footer { float:left; width:420px; text-align:left; margin:20px 0 50px 55px; border-top:1px solid #CCC; padding:10px 0 25px 0; color:#999; font-size:11px;}
#Footer ul{margin:0;padding:0;list-style:none; }
#Footer li{float:left; margin:0px;}
#Footer li a{float:left; margin:0; color:#999; text-decoration:none; padding:0 5px 0 5px}
#Footer li a:hover{color:#4db3d0; text-decoration:underline;}




/*------ Style pour les tooltips pour la Map ------*/
#dhtmltooltip{position: absolute; left: -300px; width: 100px; border: 1px solid #CCC; padding: 2px; background-color: #FFF; visibility: hidden; z-index: 100; color:#333; font-size:11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden; }



/*------ Style le scrolle ------*/
.y_axe {display:block;width:75px;float:left;overflow:hidden; text-align:right; padding:0 0 0 10px}
.graph {display:block;width:600px; float:left; overflow:hidden; clear:right;}
.clear {float:none;clear:both; border-top:1px solid #CCC;  border-bottom:1px solid #CCC; background:#ebf6fa; padding:5px 40px 8px 0;  font-size:14px; height:23px; padding: 10px 0 0 55px; color:#333333;}