/*

td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/
* { font-family: Arial;}

/* styles généraux */

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

body{ background: #005286;}

h1 {font-size: 30px; color:#005286; font-weight: normal; margin: 0 0 20px 0; }
h2 {font-size: 16px; color:#e2a03b; font-weight: normal; margin: 0 0 20px 0;}
h3 {font-size: 14px; color:#7b9cc2; font-weight: normal; margin: 0 0 10px 0;}
h4 {font-size: 12px; color:#e2a03b; font-weight: bold; margin: 0 0 10px 0;}
p { margin:  0 0 10px 0; font-size: 12px; }
a { font-size: 12px; color:#005286; text-decoration: none; border-bottom: 1px dotted #005286;}
a:hover { font-size: 12px; color:#e2a03b; text-decoration: none; border-bottom: 1px solid #e2a03b;}
li { font-size: 12px; }
ul { margin: 0 0 10px 0; padding: 0;}
ul li { margin:  0 0 0 15px; padding: 0 0 0 15px; list-style-image: url('../images/puce-list.gif');}
ol { margin: 0 0 10px 0; padding: 0;}
ol li { margin:  0 0 0 15px; padding: 0 0 0 15px; }
tt { margin: 5px 0 5px 0 ; font-size: 9px; display: block}
address { font-size: 14px; font-style: italic; text-align: right}

/* layout */
div.thebody { background-color: #ffffff; height:100%; width:1010px; margin: 0px auto 0px auto ; border: 0px none transparent;}
div.page { background-color: #ffffff; border: 0px none transparent;}

/* zone d'entête */
div.head {  background: #ffffff url('../images/bkheader.gif') repeat-x; border: 0px none transparent;}
div.content { background: #ffffff url('../images/header.gif') no-repeat; border: 1px solid #005286;}

/* chemin d'accès */
div.path { position: absolute; top: 125px; margin:0 0 0 25px;}
div.path a { border: none; font-size: 12px; color: #005286; background: url('../images/puce-path-out.gif') no-repeat 0 center; padding: 0 20px 0 20px; text-decoration: none;}
div.path a.selected { border: none; font-size: 12px; color:#e2a03b; background: url('../images/puce-path-over.gif') no-repeat 0 center; padding: 0 20px 0 20px; text-decoration: none;}

/* menu */
div.menu { position: absolute; width: 220px; top: 190px; margin:0 0 0 25px;}
div.menu ul { margin: 0; padding: 0;}
div.menu ul li { margin: 0 0 5px 0; padding: 0; list-style-type: none; list-style-image: none;}
div.menu a { display: block; padding:0 0 0 20px; border: none; color: #005286; font-size: 14px; background: url('../images/puce-menu-out.gif') no-repeat 0 2px; padding: 0 20px 0 20px; text-decoration: none;}
div.menu a:hover,
div.menu a.selected { display: block; padding:0 0 0 20px; border: none; color: #e2a03b; font-size: 14px; background: url('../images/puce-menu-over.gif') no-repeat 0 2px; padding: 0 20px 0 20px; text-decoration: none;}

/* Retour */
div.langues {  color: white; position: absolute; padding:5px 0 0 10px;}
div.langues span { font-size: 11px; padding: 0 5px 0 0; color: white; border-right: solid 1px #ffffff; }
div.langues a { font-size: 11px; color: #005c8f; border:none; }
div.langues a:hover { font-size: 11px; color:#ffffff; border:none; }
div.langues a.ordre { font-size: 11px; color: #005c8f; border:none; }
div.langues a.ordre:hover { font-size: 11px; color:#ffffff; border:none; }

/* Retour */
div.retour {  color: white; position: absolute; margin:70px 0 0 0; padding:5px 0 0 10px;}
div.retour span { font-size: 11px; padding: 0 5px 0 0; color: white; border-right: solid 1px #ffffff; }
div.retour a { font-size: 11px; color: #005c8f; border:none; }
div.retour a:hover { font-size: 11px; color: #00487c; border:none; }
div.retour a.ordre { font-size: 11px; color: #89aecd; border:none; }
div.retour a.ordre:hover { font-size: 11px; color: #00487c; border:none; }

/* boutons */
div.boutons { position: absolute; top: 150px; margin:0 0 0 250px;}
div.boutons a.print { background: url('../images/print.gif') no-repeat 0 0; width: 32px; height: 32px; display: inline-block; border: none; margin-right: 10px;}
div.boutons a.save {  background: url('../images/save.gif') no-repeat 0 -7px; width: 32px; height: 32px; display: inline-block; border: none; }

/* zone texte */
div.text {position:static; width:680px; margin:190px 0px 0px 250px; }

/* zone de pied */
div.foot { color: #003385; border-top: 1px solid #e2a03b; margin: 20px 0 50px 0; padding:10px 0 0 0; font-size: 10px}
div.foot a { color: #e2a03b; font-size: 10px; border: none;}
div.foot a:hover { color: #005286; font-size: 10px; border: none;}

div img { padding-right:10px; }