body {
  color:#333;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin: 0px;
  padding:0px;
}

#page {
  position: absolute;
  top: 0px;
  background-color:#FFF;
  width:769px;
}

.page_header {
  margin-bottom: 18px;
}

.page_header_left {
  padding: 2px;
}

.page_header_right {
  background-image: url(img/header.png);
  background-repeat: repeat-y;
}
.index_header_right {
  background-image: url(./img/header.png);
  background-repeat: repeat-y;
}

#page_topics {
  background-color:#6697C4;
  width: 149px;
}

div.page_topics {
  position: absolute;
  top: 83px;
  left: 0px;
  width: 149px;
}

.page_shortcuts {
  padding:2px;
}

.footer {
  background-color:#3278A9;
  color: #FFF;
  font-family:Arial,Verdana;
  font-weight:normal;
  font-size:8pt;
  padding: 3px;
  text-align: center;
}

.footer a {
  font-size:8pt;
  color:#FFF;
}

img {
	border: 0;
}

a.mark {
	display: none;
}

td{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
}

li{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
}



/* -- HOME ----------------------------------------------- */

.home_left { }

.home_h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: medium;
  color: #666666;
  margin-bottom: 30px;
}

.home_body {
  font-size:11px;
  text-align: left;
  color:#333;
}

.home_news {
  font-family:Arial;
  font-size:11px;
  padding:0px;
  margin: 0px;
  border: 1px solid #6697C4; 
}



.home_news_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;  
  background-color:#6697C4;
  color:#FFF;
  font-weight: bold;
  font-size: medium;
  margin: 0;
  padding: 3px;
  padding-left: 5px;
  text-align: left;
}

.home_news_title a {text-decoration: none; color:#FFF; }
li.home_news_item {font-size:12px;list-style-image: url(../img/news_indicator.png)}
div.home_news_item {font-size:12px; color:#6697C4}
.home_news_item a { font-size:12px;text-decoration: none;  color:#003366; padding-left: 0; }
.home_news_more { float: right; }
.home_news_more a { text-decoration: none;  color:#003366; padding-right: 10px; padding-bottom: 2px; text-align: right;}
.home_news_footer { clear: both; height: 0; }


.home_news ul {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: left;
font-size:12px;
padding:18px;
margin: 0px;
height: 110px;}



p.smallhome{margin-left : 10px; margin-right: 10pt; font-size : 11px; line-height : 14px;}

.title_home {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: medium;
  color: #666666;
  margin: 0px;
  background-color: #F4F4F6; 
}

.home_mda ul {
text-align: left;
padding:18px;
margin: 5px;
height: 0px;}

.home_mda_title {
  text-decoration: none;  
  background-color:#A3C8C6;
  color:#FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
  font-size: medium;
  margin: 0;
  padding: 3px;
  padding-left: 5px;
  text-align: left;
}

.home_mda {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding:0px;
  margin: 0px;
  height: 160px;
  background-color:#B4DBD9;
  border: 1px solid #0FBFB7; 
}


.home_mda_title a {text-decoration: none; color:#FFF; }
li.home_mda_item {list-style-image: url(../img/news_indicator.png)}
.home_mda_item a { text-decoration: none;  color:#003366; padding-left: 0; }
.home_mda_more { float: right; }
.home_mda_more a { text-decoration: none;  color:#003366; padding-right: 10px; padding-bottom: 2px; text-align: right;}
.home_mda_footer { clear: both; height: 0; }


.home_downloads {
font-family:Arial;
  font-size:11px;
  padding:0px;
  margin: 0px;
  border: 1px solid #F07100; 
  height: 115px;
}

.home_downloads ul {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: left;
padding:18px;
margin: 0px;
}


.home_downloads_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;  
    background-color:#F07100;
    color:#FFF;
    font-weight: bold;
    font-size: medium;
    margin: 0;
    padding: 3px;
    padding-left: 5px;
    text-align: left;
}

.home_downloads_title a {text-decoration: none; color:#FFF; }
li.home_downloads_item {font-size:12px;list-style-image: url(../img/more.png);margin-left : 20px; text-align: left;}
div.home_news_item {font-size:12px; color:#6697C4}
.home_downloads_item a { font-size:12px;text-decoration: none;  color:#F07100; padding-left: 0; }
.home_downloads_more { float: right; }
.home_downloads_more a { text-decoration: none;  color:#003366; padding-right: 10px; padding-bottom: 2px; text-align: right;}
.home_downloads_footer { clear: both; height: 0; }


.downloads {
  background-color:#F07100;
  color:#FFF;
  font-weight: medium;
  font-size: large;
  border: 1px solid #F07100;
  text-align: center;
}

p.downloads {
	padding:0px;
}


.story a {
	text-decoration:none;
	color:#FFF;
	padding:2px 0px;
	display:block;	
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}

.home_story {
font-family:Arial;
  font-size:11px;
  padding:0px;
  margin: 0px;
  border: 1px solid #F07100; 
  height: 115px;
}

.home_story ul {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: left;
padding:18px;
margin: 0px;
}


.home_story_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;  
    background-color:#F07100;
    color:#FFF;
    font-weight: bold;
    font-size: medium;
    margin: 0;
    padding: 3px;
    padding-left: 5px;
    text-align: left;
}

.home_story_title a {text-decoration: none; color:#FFF; }
li.home_story_item {font-size:12px;list-style-image: url(../img/more.png);margin-left : 20px; text-align: left;}
div.home_story_item {font-size:12px; color:#F07100}
.home_story_item a { font-size:12px;text-decoration: none;  color:#003366; padding-left: 0; }
.home_story_more { float: right; }
.home_story_more a { text-decoration: none;  color:#003366; padding-right: 10px; padding-bottom: 2px; text-align: right;}
.home_story_footer { clear: both; height: 0; }


.story {
  background-color:#F07100;
  color:#FFF;
  font-weight: medium;
  font-size: large;
  border: 1px solid #F07100;
  text-align: center;
}

p.story {
	padding:0px;
}


.story a {
	text-decoration:none;
	color:#FFF;
	padding:2px 0px;
	display:block;	
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}



/* -- MENUS ----------------------------------------------- */

.menu_left {
  position: absolute;
  top: 63px;
  left: 0px;
  width: 149px;
  height: 19px;
	background-color:#3278A9;
	font-family:Arial;
	font-size:9pt;
}

@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .menu_selected, .ssmenu {
	font-family:Arial;
	font-size:9pt;
	padding:2px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	background-color:#3278A9;
}

p.menu, p.menu_selected, ul.ssmenu {
	padding:0px;
	font-family:Arial;
	font-size:9pt;
}

.menu, .menu_selected {
	text-align:center;
	font-family:Arial;
	font-size:9pt;
}

.ssmenu ul, .ssmenu li {
	padding:0;

	margin:0;
	list-style-type:none;
	font-family:Arial;
	font-size:9pt;
}

.menu a, .menu_selected a, .ssmenu a, .menu_selected a:visited, .menu a:visited, .ssmenu a:visited {
	text-decoration:none;
	color:#FFF;
	padding:2px 0px;
	display:block;	
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}

.ssmenu a, .ssmenu a:visited {
  padding :0.2em;
  padding-left :0.4em;
  padding-right:2em;
  font-family:Arial;
	font-size:9pt;
}

.menu_selected a, .menu_selected a:visited {
	color:#FBD13D;
	font-family:Arial;
	font-size:9pt;
}

html>body .menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	width :auto;
	font-family:Arial;
	font-size:9pt;
}

.menu a:hover, .menu_selected a:hover, .menu a:focus, .menu_selected a:focus, .ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
	background-color:#6697C4;
	color:#FFF;
	text-decoration:none;
	font-family:Arial;
	font-size:9pt;
}

/* -- THEMES ----------------------------------------------- */

.theme {
  font-family:Arial;
  font-size:9pt;
  list-style-type:none;
  border-bottom: 1px solid #6697C4; 
  border-right:1px solid #6697C4; 
  padding:0px;
  margin-bottom: 20px;
  color:#003366;
}
.theme_index {
  font-family:Arial;
  font-size:9pt;
  list-style-type:none;
  border-bottom: 1px solid #6697C4; 
  border-right:1px solid #6697C4; 
  padding:0px;
  color:#003366;
  background-color:#6697C4;
  width: 160px;
}

.theme_title {
  color:#FFF;
  list-style-type:none;
  font-weight: bold;
  font-size: small;
  padding: 3px;
  padding-left: 5px;
}

.theme_title a { text-decoration: none;  color:#FFF;}

.theme_h1 { background-color: #E2E5E8; padding: 2px; padding-left: 0px; border-top:1px solid #cccccc; }
.theme_h1 a { text-decoration: none;  color:#003366; }

.theme_h2 { background-color:#F4F4F6; color:#003366; padding: 2px; padding-left:8px; }
.theme_h2 a { text-decoration: none;  color:#003366; }


.theme_h3 { background-color: #F4F4F6; color:#003366; padding: 2px; padding-left: 20px; }
.theme_h3 a { text-decoration: none;  color:#003366; }

.theme_h4 { background-color: #F4F4F6; color:#003366; padding: 2px; padding-left: 32px; }
.theme_h4 a { text-decoration: none;  color:#003366; }

/* -- SHORTCUTS ----------------------------------------------- */

.shortcut {
  font-family:Arial;
  font-size:10pt;
  list-style-type:none;
  background-color:#6697C4;
  border-bottom: 1px solid #6697C4; 
  border-right:1px solid #6697C4; 
  padding:0px;
  margin-bottom: 20px;
  color:#003366;
}

.shortcut_title {
  color:#FFF;
  list-style-type:none;
  font-weight: bold;
  font-size: small;
  border-bottom:0px; 
  background-color: #6697C4;
  padding: 3px;
  /*padding-left: 5px;*/
}

.shortcut_item { padding: 2px; padding-left: 10px;  }
.shortcut_item a { text-decoration: none; color:#FFF; }

/* -- CONTENT ----------------------------------------------- */

#page_content_minimum_size {
  width: 1px;
  height:440px;
  float: right;
}

#page_content {
  background-color:#FFF;
  font-family:Arial,Verdana;
  font-size:11px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 5px;
  margin-bottom: 12px;
  /*width: 78%;
  float: right;*/
}

.content_h1 {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  background-color: #F07100;
  color: #FFF;
  padding: 5px;
  padding-left: 15px;
  margin: 0px;
}

.content_h2 {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: large;
  color: #0;
  margin-bottom: 30px;
}

.content_h2_ecran {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: large;
  color: #666666;
  background-color: #F4F4F6;
  color: #0;
  margin-bottom: 30px;
}

.title_current {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: xx-large;
  color: #666666;
  margin: 0px;
}



.title_parent {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: x-large;
  color: #D7D7D7;
  margin: 0px;
}

.content_h3 {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #666666;
  background-color: #F4F4F6; 
  padding: 1px;
  padding-left: 3px;
  margin-top: 30px;
  text-align: left;
}

.content_h3_ecran {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #6697C4;
  padding: 1px;
  padding-left: 3px;
  margin-top: 30px;
  text-align: left;
}

.content_h3_home {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #666666;
  background-color: #F4F4F6; 
  padding: 1px;
  padding-left: 3px;
  margin-top: 1px;
  text-align: left;
}

.content_h4 {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: medium;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content_h5 {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 13px;
  color: #666666;
  background-color:#FFCCFF; 
  padding: 1px;
  padding-left: 3px;
  margin-top: 30px;
  text-align: center;
  
}

.content_h6 {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:13px;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content_h7 {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #666666;
  padding: 1px;
  padding-left: 3px;
  margin-top: 30px;
  margin-bottom: 10px;
  text-align: left;
}

.content_h8 {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: medium;
  color: #666666;
  padding: 1px;
  padding-left: 3px;
  margin-top: 1px;
  margin-bottom: 10px;
  text-align: center;
}


.content_body {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color:#333;
}

.content_text {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color:#333;
}

.content_center {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  color:#333;
}

form {
  background-color:#F7F7F7;
  border:1px solid #cccccc; 
  padding: 4px;
  width: 90%;
}

form.hidden {
  background-color:#FFF;
  border:0px solid #FFF; 
  padding: 0px;
  width: 90%;
}

form.login {
	padding-left: 20px;
	display: normal;
}

.content_li {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 10px;
}

.table_header {
  background-color:#6697C4;
  color:#FFF;
  padding: 4px;
  font-weight: bold;
}
 
.table_line1 {
  background-color:#FFF;
  color:#333;
  padding: 4px;
  border-bottom:1px solid #cccccc; 
} 

.table_line3 {
  background-color:#FFF;
  color:#333;
  padding: 4px;
} 

.table_line2 {
  background-color:#F8F9FB;
  color:#333;
  padding: 4px;
  border-bottom:1px solid #cccccc; 
}

.content_body img {
  margin: 3px;
}

/* -- CUSTOMER ----------------------------------------------- */

table.customer {
  border:0px solid #cccccc; 
  width: 100%;
}

/* -- FAQ ----------------------------------------------- */

.faq_question_top {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top: 0pt;
  margin: 5px;
  list-style-type:decimal  ;
}

.faq_question_top a {
  text-decoration:none;
}
  
.faq_question_top a:hover {
  text-decoration:underline;
  color:#003366;
}
  
.faq_question {
  border-top:1px solid #cccccc; 
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: bold;
  list-style-type:decimal  ;
}

.faq_text {
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: normal;
  list-style-type:decimal  ;
}

.faq_top {
  text-align: right;
}

/* -- NEWS ----------------------------------------------- */

.news_short_table {
  font-family:Arial,Verdana;
  font-size:10pt;
  border-bottom:1px solid #cccccc; 
}

.news_short_name {
  font-weight: bold;
}
 
.news_short_date {
  color:#F07100;
  font-weight: bold;
}
 
.news_short_more {
  text-align: right;
}

.news_short_more a { text-decoration: none;  color:#003366; text-align: right;}

.news_long_table {
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
}

.news_long_date {
  color:#F07100;
  font-weight: bold;
}
 
.news_long_name {
  font-weight: bold;
  font-size: large;
  color: #666666;
  margin-bottom: 40px;
}
 
.news_long_synopsis {
  font-weight: bold;
  font-size: small;
  color: #666666;
  margin-bottom: 40px;
}
 
.news_long_back { text-align: right; }
.news_long_back a { text-decoration: none;  color:#003366; }