/*=============================================================================
*
*============================================================================*/
html {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
}

/*=============================================================================
*
*============================================================================*/
body {
   margin: 0;
   padding: 0;
   /*background-image: url('../img/background/body-background.png');
   background-color: #C9C9D1;*/
   background-color: #bd9d60;
}

/*=============================================================================
*
*============================================================================*/
div#page-shadow {
   margin: auto;
   padding: 0px;
   width: 800px;
   background-image: url('../img/background/page-shadow.png');
}

/*=============================================================================
*
*============================================================================*/
div#page {
   margin: auto;
   padding: 0px;
   width: 768px;
   background-color: #E5E5E5;
}

/*=============================================================================
*
*============================================================================*/
div#top {
   height: 32px;
   margin: auto;
   padding: 0;
   background-color: #000000;
   background-image: url('../img/background/top-background.jpg');
}

div#top h1 {
   padding: 8px 12px;
   margin: 0;
   font-family: verdana;
   font-size: 8pt;
   color: #ffffff;
   text-align: right;
}

/*=============================================================================
*
*============================================================================*/
div#header {
   margin: auto;
   padding: 0;
   height: 109px;
   font-size: 1px;
   line-height: 1px;
   background-image: url('../img/background/header-background.jpg');
   background-color: #ffffff;
}

/*=============================================================================
*
*============================================================================*/
div#presentation {
	width: 600px;
   margin: 24px auto 0px auto;
   line-height: 1px;
   font-size: 0;
}

/*=============================================================================
*
*============================================================================*/
div#navigation {
   height: 19px;
   margin: auto;
   padding: 0;
   background-image: url('../img/background/navigation-background.png');
}

div#navigation ul {
   margin: 0 0 0 288px;
   padding: 0;
   list-style-type: none;
   height: 19px;
}

div#navigation li {
   margin: 0;
   padding: 0;
   float: left;
   height: 19px;
}

div#navigation li.first {
   margin: 0;
   padding: 0;
   float: left;
   border: none;
   height: 19px;
}

div#navigation li a {
   margin: 0;
   padding: 1px 8px 0px 8px;
   color: #ffffff;
   font-family: arial;
   font-size: 8pt;
   text-decoration: none;
   display: block;
   line-height: 16px;
   /*width: 152px;*/
   text-align: center;
}

div#navigation li.first a {
   /*width: 156px;*/
}

div#navigation li a:hover {
   color: #000000;
}

div#navigation li a.active {
	text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {
   width: 224px;
   float: right;
   margin: 0 0 16px 16px;
}

div#page-list ul {
   margin: 0px 0px 32px 0px !important;
   list-style-type: none  !important;
   padding: 0 !important;
}

div#page-list ul li {
   margin: 0 !important;
   padding: 0 !important;
}

div#page-list ul li a {
   display: block !important;
   padding: 0 !important;
   line-height: 40px !important;
   text-decoration: none;
   text-indent: 24px !important;
   color: #0094DA;
   font-weight: bold;
   font-size: 10pt;
   font-family: verdana;
}

div#page-list ul li a.active, div#page-list ul li a.active:hover {
   color: #E67A00;
}

div#page-list ul li a:hover {
  background-color: #f0f0f0;
  text-decoration: none;
}

div#page-list div.page-list-top {
	background-image: url('../img/background/page-list-top-background.png');
	height: 8px;
}

div#page-list div.page-list-content {
   background-color: #ffffff;
   border-left: 1px solid #EBEBEB;
   border-right: 1px solid #EBEBEB;
   line-height: 1px;
   font-size: 1px;
}

div#page-list div.page-list-bottom {
   background-image: url('../img/background/page-list-bottom-background.png');
   height: 8px;
}

/*=============================================================================
*
*============================================================================*/
div#left-panel {
	width: 117px;
	background-color: #E5E5E5;
	background-image: url('../img/background/impression-numerique-couleur.jpg');
	background-repeat: no-repeat;
	min-height: 197px;
	float: left;
}

div#left-panel a.button {
   color: #b4b7c5;
   font-size: 8pt;
   font-family: arial;
   text-decoration: none;
   font-weight: bold;
   text-transform: uppercase;
   border: 1px solid #b4b7c5;
   display: block;
   width: 90px;
   padding: 4px;
   text-align: center;
   margin: 32px auto 0px auto;
   background-color: #f0f0f3;
}

div#left-panel a.button:hover {
   color: #454b6f;
   border: 1px solid #454b6f;
   background-color: #f0f0f3;
}

/*=============================================================================
*
*============================================================================*/
div#upload-shadow {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   visibility: hidden;
   background-color: black;
   opacity: 0.32;
}

div#upload {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   visibility: hidden;
   display: table;
}

div#upload div.canvas {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

div#upload div.messagebox {
   width: 320px;
   border: 1px solid #454b6f;
   background-color: #ffffff;
   margin: auto;
}

div#upload div.messagebox h3 {
   font-family: arial;
   font-size: 12pt;
   margin: 16px;
   color: #454b6f;
}

div#upload div.messagebox img {
   margin: 16px;
}

/*=============================================================================
*
*============================================================================*/
div#content {
   background-color: #ffffff;
   margin: 0;
   padding: 16px;
   min-height: 400px;
   float: right;
   width: 619px;
}

div#content h2 {
   padding: 0 0 4px 0;
   margin: 0;
   /*color: #D4A017;*/
   color: #ad8439;
   margin: 8px 8px 12px 8px;
   font-size: 14pt;
   font-family: arial;
   /*border-bottom: 1px solid #EAC117;*/
   border-bottom: 1px solid #bb9958;
}

div#content h3 {
   padding: 0;
   margin: 0;
   /*color: #EAC117;*/
   color: #bb9958;
   margin: 16px 12px 16px 12px;
   font-size: 12pt;
   font-family: arial;
}

div#content h4 {
   /*color: #0F2B53;*/
   color: #24365f;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 12px 16px 12px 16px;
   padding: 0;
}

div#content p {
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 8px 20px 8px 20px;
   padding: 0;
}

div#content pre {
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 8px 20px 8px 20px;
   padding: 4px;
   border: 1px solid #b4b7c5;
   background-color: #f0f0f3;
}

div#content ul {
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 8px 16px 8px 40px;
   padding: 0;
   list-style-type: square;
}

div#content ul li {
   margin: 0;
   padding: 0 8px;
}

div#content a {
   color: #2B60DE;
   text-decoration: none;
}

div#content a:hover {
   text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#content label {
	display: block;
   color: #24365f;
   font-size: 10pt;
   font-family: verdana;
   line-height: 150%;
   margin: 0;
   padding: 1px;
   font-weight: bold;
}

div#content fieldset {
   padding: 16px;
   margin: 8px;
   border: 1px solid #b4b7c5;
}

div#content legend {
   padding: 0;
   margin: 0;
   /*color: #EAC117;*/
   color: #bb9958;
   font-size: 12pt;
   font-family: arial;
   font-weight: bold;
}

div#content select {
   display: block;
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   margin: 0 0 16px 0;
   padding: 1px;
   border: 1px solid #b4b7c5;
}

div#content input.textbox {
   display: block;
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   margin: 0 0 16px 0;
   padding: 2px;
   border: 1px solid #b4b7c5;
   width: 224px;
   background-color: #f0f0f3;
}

div#content input.file {
   display: block;
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   margin: 0 0 16px 0;
   padding: 1px;
   border: 1px solid #b4b7c5;
}

div#content input.long {
   width: 560px;
}

div#content input.button {
   display: inline;
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   margin: 0 auto 0 auto;
   padding: 2px 8px 2px 8px;
   border: 1px solid #b4b7c5;
   background-color: #f0f0f3;
}

div#content textarea {
   display: block;
   color: #454b6f;
   font-size: 10pt;
   font-family: verdana;
   margin: 0;
   padding: 2px;
   border: 1px solid #b4b7c5;
   background-color: #f0f0f3;
}

div#content textarea#note {
   width: 560px;
}

/*=============================================================================
*
*============================================================================*/
div#footer-navigation {
   height: 19px;
   margin: auto;
   padding: 0;
   background-image: url('../img/background/footer-navigation-background.png');
   clear: both;
}

div#footer-navigation ul {
   margin: 0 0 0 192px;
   padding: 0;
   list-style-type: none;
   height: 19px;
}

div#footer-navigation li {
   margin: 0;
   padding: 0;
   float: left;
   height: 19px;
}

div#footer-navigation li.first {
   margin: 0;
   padding: 0;
   float: left;
   border: none;
   height: 19px;
}

div#footer-navigation li a {
   margin: 0;
   padding: 1px 8px 0px 8px;
   color: #ffffff;
   font-family: arial;
   font-size: 8pt;
   text-decoration: none;
   display: block;
   line-height: 16px;
   text-align: center;
}

div#footer-navigation li.first a {

}

div#footer-navigation li a:hover {
   color: #000000;
}

div#footer-navigation li a.active {
   text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#footer {
   /*background-color: #454b6f;*/
   margin: auto;
   padding: 0;
   clear: both;
   background-image: url('../img/background/footer-background.jpg');
}

/*=============================================================================
*
*============================================================================*/
div#copyright {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #ad8439;
   font-size: 8pt;
   font-weight: bold;
}

div#copyright a {
   color: #ad8439;
   text-decoration: none;
}

div#copyright a:hover {
   text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #ad8439;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #ad8439;
   text-decoration: none;
}