html, body {
  margin:0;
  min-height:100%;
  padding:0;
  height: 100%;
}

body {
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  background-color:#FFFFFF;
  color:#000000;  
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
  color: #d80a1d;
  margin-top: 1.4em;
  margin-bottom: 1em;
}
h2 {
  font-size: 1.8em;
  font-weight: normal;
  color: #d80a1d;
  margin-top: 1em;
  margin-bottom: 1em;
}
h3 {
  font-size: 1.4em;
  font-weight: normal;
  color: #d80a1d;
  margin-top: 1em;
  margin-bottom: 1em;  
}
h4 {
  font-size: 1.0em;
  font-weight: bold;
  color: #d80a1d;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
h5 {
  font-size: 1.0em;
  font-weight: normal;
  color: #d80a1d;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

th {
  vertical-align :top;  
  text-align: left;
  font-weight: bold;
}
td {
  vertical-align :top;  
  text-align: left;
}

td.cards{
height:174px;
width:300px;
background-image: url(../images/carte_blanche.jpg);
background-repeat:no-repeat;
background-position:left;>
}

td.pda{
height: 250px;
width: 225px;
}

a {
  color: #5b698c;
  text-decoration:none;
}
a:hover {
  color: #d9091b;
}

p {
  text-align: justify;
}

img {
  border: 0;
}

.remark {
  font-style: italic;
}
.heavy {
  font-weight: bold;  
}
.small {
  font-size: .8em;
}
.emphasis {
  text-decoration: underline;
}
.link {
color:#996666;
font-size: .8em;
}

.legende {
  text-align: center;
  font-weight: bold;
  color: #80685f;
  margin-top: 1em;
  margin-bottom: 1em;
}

.content {
  max-width: 800px;
}

.content table {
  border: 0;
  font-size: 1em;
}
.content p {
  margin-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
}

.content th {
  padding: 0.5em;
}
.content td {
  padding: 0.5em;
}
.content ul {
  font-size: 1em;
  margin-left: 40px;
  list-style-image: url(/_theme/images/ul-puce-2.gif);
  list-style-type: circle
}
.content ul.p {
  margin-left: 80px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.content table.p {
  margin-left: 30px;
}

.content ul ul {
  list-style-image: url(/_theme/images/ul-puce-1.gif);
  list-style-type: circle
}
.content ul.arrow {
  list-style-image: url(/_theme/images/ul-puce-2.gif);
  list-style-type: circle
}

.content ul.cards{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 100px;
	font-style: normal;	
  	list-style-image: url(/_theme/images/ul-puce-1.gif);	
  	list-style-type:square		
}
.content dl {
  margin-left: 40px;
  font-size: 1em;
}
.content li {
  margin-left: -20px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}



#main {
  color: #000000;
}
#main .notable {
  color: #3e312d;
  font-weight: bold;
}

#main p {
}
#main ul {
}
#main dl {
}
#main li {
}
#main table {
}

#main table tr td p {
  margin-right: 10px;
}
#main table tr td ul {
  margin-right: 10px;
}
#main table tr td p {
  margin-left: 0px;
}
#main table tr td ul {
  margin-left: 0px;
}
#main a {
  font-weight: bold;
}


.highlights {
  margin: 0;
  padding: 10px;
  color: #000000;
  background-color: #f8f8f8;
  border-color: #d80a1d;
  border-width: 1px;
  border-style: dashed;  
}
.highlights p {
  margin-bottom: 5px;
  padding: 0;
}
.highlights ul {
  margin-bottom: 5px;
  margin-left: 40px;
  list-style-image: url(/_theme/images/ul-puce-hl.gif);
  list-style-type: circle;
}
.highlights a {
  font-weight: bold;
  color: #d80a1d;
}
.highlights a:hover {
  text-decoration: underline;
}
.highlights .heavy {
  color: #d80a1d;
}

#academy ul {
  list-style-image: url(/_theme/images/ul-puce-hl.gif);
  list-style-type: circle;
}







table.panel {
  background-color: #f2f2f2;  
  border-color: #bababa;
  border-width: 1px;
  border-style: solid;    
  -moz-border-radius:3px;
  border-radius:3px;
}

table.sml{
  border-collapse: collapse;
  border-width: 1px; 
  border-style: solid;
  border-color:  #e02126;
  padding-left : 4px;
}

table.cards{
	margin-left: 20px;
}

table.ordercodes {
  border-width: 1px; 
  border-style: solid;
  border-color:  #ae8d80;
}

table.ordercodes tr.first td {
  border-top-color: #ae8d80;
  border-top-style: dashed;
  border-top-width: 1px;
}

table.ordercodes th {
  color: #ffffff;
  background-color: #ae8d80;
  padding : 3px;
}
table.ordercodes td {
  padding : 3px;
}


.panel_title {
  color: #ffffff;
  background-color: #a6a6a6;
}
a.panel {
  color: #555555;
}
a.panel:hover {
  background-color: #e7e7e7;
  color: #d80a1d;
}

td.label {
  color: #ffffff;
  background-color: #a6a6a6;
}


code {
  border-color: #bababa;
  border-width: 1px;
  border-style: dashed;    
  background-color: #ffffcc;
}
.code {
  border-color: #bababa;
  border-width: 1px;
  border-style: dashed;    
  background-color: #ffffcc;  
}
.code code {
  border-style: none;    
  background-color: transparent;
}

.remarque {
  border-color: #bababa;
  border-width: 2px;
  border-style: dashed;    
  padding: 10px;
  margin-bottom: 20px;
}

dl.links {
  list-style: none;
}
dl.links dt {
  height: 20px;
}
dl.links dd {
  margin-top: -20px;  
  margin-left: 24px;  
  padding-bottom: 5px;
}
ul.links {
  list-style: none;
}

ul.cards{
}

.links li {
  padding-bottom: 5px;  
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-end {
  clear: both;
}
.centered {
  text-align: center;
}




#migrating {
  position: absolute;
  z-index: 1000;
  top: 175px;
  left: 100px;
  width: 500px;
  color: #80685F;
  background-color: #ffffff;
  border-color: #D80A1D;
  border-width: 4px;
  border-style: dashed;
}
#migrating p {
  font-size: 14px;
  margin: 10px;
  text-align: center;
}
#migrating li {
  font-size: 14px;
}
#migrating a {
  font-size: 14px;
}




/* Sidebox */
.sidebox {
  background-color: #f8f8f8;
  padding: 5px;
  margin: 5px;
}
.sidebox h3 {
  color: #555555;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 0.9em;
  font-weight: bold;
}



* {
  margin: 0;
}

html, body {
  margin:0;
  min-height:100%;
  padding:0;
  height: 100%;
}

body {
  background:#FFFFFF url(/_theme/images/background.jpg) top repeat-x;
  height:100%;  
  min-width:950px;
  padding-left:20px;
  padding-right:20px;
}

#header {
  position: absolute;
  top: 0px;
  height: 39px;
  float: right;
  right: 120px;  
  z-index: 10;
  text-align: center;
}

#header_all {
  height:39px;
  float:right;
  color:#FFFFF;
  display:inline;
  width:420px;
  background: url(/_theme/images/header_right.jpg) no-repeat right top;
}

#header_left {
  background:url(/_theme/images/header_left.jpg) no-repeat left;
  height:39px;
  width:auto;
}

#footer{
  clear:both;
	height: 39px;
  width: 100%;
	background: url(/_theme/images/footer.jpg) repeat-x;
}

#footer-container {
  float: right;
  width: 480px;
}

#footer-all {
  width: 400px;
  background: red url(/_theme/images/footer_right.jpg) no-repeat right top;
}

#footer_left {
  margin-left: -5px;
  background: url(/_theme/images/footer_left.jpg) no-repeat left;
  height:39px;
}

#master {
  top: 0px;
	min-height: 100%;
	width: 100%;
	height: 100%;
	height: auto !important;
	margin: 0px auto -39px 0px; /* the bottom margin is the negative value of the footer's height */
}

#logo {
  background:url(/_theme/images/springcard___.jpg) left repeat-x;
  position: relative;
  top: 15px;
  height:84px;
  width:100%;
}

#railroad {
  margin-top: 4px;
  height: 16px;
  font-size: 0.9em;
}

#myroad {
  margin-top: 4px;
  float: right;
  font-size: 0.9em;
}

#banner0 {
  -moz-border-radius:10px;
  border-radius:10px;
  background: #d9091b url(/_theme/images/nebuleuse.jpg) no-repeat;
  height:160px;
  width:100%;
  margin-top: 15px;
  margin-bottom: 25px;
}

#banner0_text {
  padding: 15px;
}

h1.banner0 {
  font-family: "Lucida Sans Unicode","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
  color:#FFFFFF;
  font-size:44px;
  font-weight:bold;
  padding: 0;
  margin: 0;
}
h2.banner0 {
  color:#FFFFFF;
  font-size:28px;
  font-weight:normal;
  padding: 0;
  margin: 0;
}
h3.banner0 {
  color:#FFFFFF;
  font-size:20px;
  font-weight:normal;
  padding: 0;
  margin: 0;
}

#banner0_img {
  position: relative;
  float: right;
  margin-top: -10px;
  margin-right: 15px;
}

img.banner0_img {
  border-style: solid;
  border-width: 4px;
  border-color: #d80a1d; 
}

#container {
  width: 100%; 
  padding-bottom: 60px;
}

#container #main {
  float: left;
  width: 59%;
}
#container #sidebar {
  float: right;
  width: 40%;  
}


a.headfoot {
  font-size: 8pt;
  color:#ffffff;
  text-decoration:none;
}

a.headfoot:link {
  color:#ffffff;
}

a.headfoot:hover {
  background-color:#d80a1d;
  color:#ffffff;
}

a.headfoot:active {
  color:#ffffff;
}

a.headfoot:visited {
  color:#ffffff;
}

#sidebar .tabs {
  min-height: 360px; 
}


.dock_container {
  height: 120px;
  margin:0 auto;
}
.dock {

}

.drawers-container {
  width: 400px; 
}
.drawer {
  background:transparent url(/_theme/images/drawer-side_bg.gif) repeat-y scroll 0pt;
  color:#76797C;
  font-size:11px;
  line-height:1.3em;
}
.drawer-top {
  position: fixed;
  height:5px;
  width:100%;
  z-index:100;
  background:transparent url(/_theme/images/drawer-top_bg.png) no-repeat scroll 0%;
}
.drawer-bottom {
  height:5px;
  left:0pt;
  width:100%;
  z-index:100;
  background:transparent url(/_theme/images/drawer-bottom_bg.png) no-repeat scroll 0%;
  margin-top:-5px;
}
ul.drawers {
  list-style: none;
  padding: 0;
  margin: 0;
}

li.drawer {
  padding: 0;
  margin: 0;
}

li.cards{
margin-left: 25px;
width: 250px;
}

.drawer-group {
  background:#939393 url(/_theme/images/drawer-group_bg.png) no-repeat scroll 0px;
  color:#80685f;
  cursor:default;
  font-size:12px;
  font-weight:bold;
  height:25px;
  line-height:25px;
  margin-top:0px;
  margin-bottom:0px;
  text-indent:15px;
  width:100%;
}
.drawer-group.open {
  background-color:#72839D;
  background-position:-400px 0pt;
  color: #d80a1d;
}
ul.drawer-items {
  list-style: none;  
}
ul.drawer-items li {
  height: 25px;
  line-height:25px;
  margin: 0;
  padding: 0;  
}

p.cards {
	margin-left: 10px;
	color: #d80a1d;
}

.menu_top{text-transform: uppercase;}
.menu_parent{}
.menu_mc .menu_divider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.menu_mc .menu_dividery{float:left;width:0px;}
.menu_mc .menu_title{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.menu_clear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.menu_mc {position:relative;zoom:1;z-index:10;}
.menu_mc a, .menu_mc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.menu_mc div a, .menu_mc ul a, .menu_mc ul li {float:none;}.menu_sh div a {float:left;}
.menu_mc div{visibility:hidden;position:absolute;}
.menu_mc .menu_cbox{cursor:default;display:block;position:relative;z-index:1;}
.menu_mc .menu_cbox a{display:inline;}
.menu_mc .menu_cbox div{float:none;position:static;visibility:inherit;left:auto;}
.menu_mc li {z-index:auto;}
.menu_mc ul {left:-10000px;position:absolute;z-index:10;}
.menu_mc, .menu_mc ul {list-style:none;padding:0px;margin:0px;}
.menu_mc li a {float:none}
.menu_mc li:hover>ul{left:auto;}
.menu_fv {visibility:visible !important;}
.menu_fh {visibility:hidden !important;}
.menu_separator { border-width:0px 0px 0px 1px;border-color:#aaaaaa;border-style:solid;font-size:1px;width:8px;height:31px; }
.menu_cell { white-space:nowrap;vertical-align: middle;padding-left:6px;padding-right:6px; }
.menu_cell a { font-family:verdana;font-size:10px;color:#555555;text-decoration:none; }
.menu_flag { white-space:nowrap;vertical-align: middle;padding-left:1px;padding-right:1px; }

/*
 * menu0 : main menu
 * -----------------
 */

#menu0_holder {
  position: relative;
  margin-top: 10px;
  width:100%;
  height:34px;
  background-image:url(/_theme/images/menu_center_tile.gif);  
  z-index: 10;
}
#menu0_left {
  width:6px;
  height:34px;
  background-image:url(/_theme/images/menu_left_cap.gif);
}
#menu0_right {
  width:6px;
  height:34px;
  background-image:url(/_theme/images/menu_right_cap.gif);
}

#menu0 ul {top:100%;}

#menu0 ul li:hover>ul{top:0px;left:100%; background:none;}

#menu0 a	
{	
	padding:5px 4px 5px 5px;
	color:#555555;
	font-family:verdana;
	font-size:10px;
	text-decoration:none;
}

#menu0 div, #menu0 ul	
{	
	padding:10px;
	margin:-2px 0px 0px 0px;
	background-color:transparent;
	border-style:none;
}

#menu0 div a, #menu0 ul a	
{	
	padding:3px 10px 3px 5px;
	background-color:transparent;
	font-size:11px;
	border-width:0px;
	border-style:none;
}

#menu0 div a:hover	
{	
	background-color:#DADADA;
	color:#CC0000;
}

#menu0 ul li:hover>a	
{	
	background-color:#DADADA;
	color:#CC0000;
}

body #menu0 div .menu_active, body #menu0 div .menu_active:hover	
{	
	background-color:#DADADA;
	color:#CC0000;
}

#menu0 .menu_title	
{	
	cursor:default;
	padding:3px 0px 3px 4px;
	color:#444444;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}

#menu0 .menu_dividerx	
{	
  border-top-width:1px;
	margin:4px 0px 4px 0px;
	border-color:#BFBFBF;
}

#menu0 .menu_dividery	
{	
  border-left-width:1px;
	height:15px;
	margin:4px 2px 0px 2px;
	border-color:#AAAAAA;
}

#menu0 .menu_ritem span	
{	
	border-color:#DADADA;
	background-color:#F7F7F7;
}

#menu0 .menu_ritemcontent	
{	
	padding:0px 0px 0px 4px;
}

ul#menu0 ul	
{	
	padding:10px;
	margin:-2px 0px 0px 0px;
	background-color:#F7F7F7;
	border-width:1px;
	border-style:solid;
}

ul#menu0 li:hover > a	
{		
	color:#CC0000;
}


	

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}


/* Skin */
.tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}
.tabs-nav li {
  float: left;
  margin: 0 0 0 1px;
  min-width: 64px; /* be nice to Opera */
}
.tabs-nav a {
  display: block;
  margin: 0;
  padding: 0 9px 0 0;
  background: url(/_theme/images/tabs.jpg) no-repeat;	
  position: relative;
  top: 1px;
  z-index: 10;
  color: #80685f;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav a span {
  display: block;
  margin: 0;
  padding: 0 9px 0 0;
  background: url(/_theme/images/tabs.jpg) no-repeat;	
}
.tabs-nav .tabs-selected a {
   color: #d80a1d;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  background-position: 100% -150px;
  outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
  background-position: 100% -100px;
}
.tabs-nav a span {
  width: 50px; /* IE 6 treats width as min-width */
  min-width: 50px;
  height: 14px; /* IE 6 treats height as min-height */
  min-height: 14px;
  padding-top: 5px;
	padding-bottom:4px;
  padding-right:0px;
	padding-left:8px;
	margin:0;
}
*>.tabs-nav a span { /* hide from IE 6 */
  width: auto;
  height: auto;
}
.tabs-nav .tabs-selected a span {
  padding-top: 5px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
  background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
  opacity: .4;
}
.tabs-container {
  margin-top: 0px;
  border-top: 1px solid #d3d3d2;
	border-left: 1px solid #d3d3d2;
  padding: 2px 2px;
	background-color:#ffffff;
}

.tabs-nav { /* auto clear */
  display: inline-block;
}
.tabs-nav .tabs-disabled {
  position: relative; /* fixes opacity */
  filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
  _height: 19px; /* for some reason the height is 1px to less with opacity... */
  min-height: 19px; /* ...in both IE 6 and 7 */
}

.tabs div div {
  margin-left: 10px;
}

#quotebox {
  float: right;
  text-align: center;
  padding-top: 20px;
  padding-right: 12px;
  padding-left: 20px;
  padding-bottom: 20px;
}

img.flag_this {
  border-style: solid;
  border-width: 2px;
  border-color: #af8f82;
  padding: 2px;
}

img.flag_other {
  border-style: node;
  padding: 4px;
}