/* POSECO style sheet */

/* Définition des liens */
a, #art_selected{
text-decoration:none;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
}

a:link, a:visited, #art_selected{
color:#5f7a86;
}

a:hover {
color:#ff9900;
}

/* Définitions des éléments de la page */

body{
background-color:#f9f4ec;
 /*padding:5px; voir si nécessaire */
}

#page{
background-color:white;
width:780px;
margin-left: auto;
margin-right: auto;
padding:20px 0px;
}

#logo{
background-color:white;
padding:5px 12px;
width:123px;
height:62px;
float:left;
/* IE 5 & 6 Windows ne comprend pas "position:fixed;" aussi "absolute" est utilisé et
le Hack ci-dessous pas compris non plus par IE 5 & 6 mais très bien compris par navigateurs plus évolués */
/* position:fixed; peut être retiré avec le Hack qui suit */
}

/* Hack IE 5 et 6 cf. ci-dessus 

html>body #logo {
  position: fixed;
}
*/

div#logo img{
border:0px;
}

#topRight{
background-color:white;
height:75px;
border-left:1px solid #999999;
float:right;
width:600px; /* largeur totale 600px + 32px (padding) + 1px border = 633px */
padding:0px 32px 0px 0px;
}

#lang{
background:#b5d6ee;
position:relative;
left:70%;
bottom:75px;
/* width:1em;*/
height:11px;
padding:3px 14px 0px;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:9px; /*surement à supprimer cf def. des liens <a>*/
font-style:bold;
}

#left{ /*Colonne de gauche sous le logo */
background-color:white; /*white*/
float:left;
/* position:absolute; */
/* IE 5 & 6 Windows ne comprend pas "position:fixed;" aussi "absolute" est utilisé et
le Hack ci-dessous pas compris non plus par IE 5 & 6 mais très bien compris par navigateurs plus évolués */
/*position:fixed; peut être retiré avec le Hack qui suit */
/* margin-top:0px; va de pair avec la ligne ci-dessus */
width:146px;
padding:28px 0px 10px 1px;
/*border-right:1px solid #999999;
z-index:20; */
}

/* Hack IE 5 et 6 cf. ci-dessus 

html>body #left {
  position: fixed;
}
*/

#main, #main_home{ /* Partie principale sous l'image d'entête principale */
/* ////// la largeur de cette zone est de 633px soit:
///////// border : 1px + padding gauche + padding droite + width = 633px */
background-color:white;
float:right;
/*margin-left:147px;*/
/* margin-top:75px; */

border-left:1px solid #999999;
width:478px;/* original 520 px */
/* original  padding:20px 62px 0px 50px; */
padding:20px 84px 0px 70px;
/* z-index:10;*/
}

#dummy{
float:right;
background-color:white;
border-left:1px solid #999999;
width:632px;}

#main_home{
width:512px;
padding:0px 60px 0px 60px;}

hr#spacer{ /* Artifice utilisé pour remplir la colonne de gauche même si elle est plus courte que la partie principale (main) */
clear:both;
visibility:hidden;
}

#foot{ /* Pied de page pour CopyRight etc. */
background-color:white;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:9px; /*surement à supprimer cf def. des liens <a>*/
font-style:normal;
text-align:right;
border-top:1px solid #336699;
padding:10px 0px;
margin:15px 0px 0px;
}

#foot a,#foot a:link,#foot a:visited,#foot a:hover{
font-size:9px;
}

#main_home p#foot{
/* margin:15px 0px 0px; */
padding:20px 0px 0px;}

/* Définition des éléments des menus */
/*div#menus{
position:fixed;
}*/

#not_selected, #selected, #stay_tuned, #back{
padding:2px 0px 2px 1px;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}

#selected{
background-color:#def3e9;
color:#5f7a86;
margin:0px;
}

#not_selected{
background-color:white;
margin:0px;
}

h3#not_selected{
margin-left:29px; /*14 + 8 + 3 +... */
}

h3#back{
background-color:#def3e9;
padding-left:5px;
border-top:1px solid #ff9900;
border-bottom:1px solid #ff9900;
}

h3#selected span{ /* span zone ORANGE avant flèche du menu sélectionné */
background-color:#ff9900;
padding:2px 7px 2px 8px;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}

#stay_tuned img{
padding:0px 1px;
}

#stay_tuned a{
background-color:#def3e9;
border:1px solid #ff9900;
padding:2px;
margin:0px 1px;
}

div#stay_tuned{
text-align:center;
margin:25px 0px 0px; /* 25px Détermine l'espace entre ce bloc et le dernier menu de la liste */
}

h3#selected img, #stay_tuned img, h3#back img{
position:relative;
top:1px;
padding-right:3px; /* espace entre fleche et texte qui suit */
/*border:0px;*/
}

table#menus{
background-color:#b5d6ee;
margin:0px 0px 0px 19px;
border:0px;
padding:0px;
width:127px; /* 146 (largeur left - [margin-left] */
}

table#menus tr{
background-color:#b5d6ee;
}

table#menus td{
border:0px;
/* padding:0px 0px 0px 3px; */
vertical-align:top;
}

table#menus img{
position:relative;
top:5px;
}

tr#art_selected td{
border:1px solid #ff9900;
}

td.left{
border-right:0px !important;
padding:0px 0px 0px 2px !important;
}

tr#not_selected td.left{
padding:0px 0px 0px 3px !important;
}

td.right{
border-left:0px !important;
padding:0px 0px 0px 2px !important;
}


/*
tr#selected, #art_selected{
padding:0px;
margin:0px;
background-color:#b5d6ee;
color:#5f7a86;
text-decoration:none;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
}

#art_selected{
border:1px solid #ff9900;
}

tr#selected, tr#art_selected{
margin-left:19px; /*14 + 8 + 3 +... */
}

*/
div#pub{
margin:0px;
}

a.pub{
display:block; /* nécessaire sans quoi les positions margin et padding ne fonctionnent pas */
margin-top:20px; /* largeur obligatoire sans quoi margin-XXX: auto ne fonctionne pas */
}


a#pro_velo{
padding-left:10px;}

h2{ /* Titre (encadré) du top de la page */
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:14px;
font-style:bold;
color:#336699;
text-align:center;
border:1px solid #336699;
padding:10px 0px;
margin:0px;
background-color:white;
}

table#chapitres{
padding:5px 0px;
margin:0px; /* détermine l'espace entre le titre TOP, la liste des chapitres et contenu dessous */
background-color:#def3e9;
border:0px;
width:100%; /* nécessaire dans le cas où un seul chapitre présent */
}

#chapter_label{
font-size:11px;
font-family:Verdana, arial, Helvetica, sans-serif;
padding:0px 2px 0px 10px;
}

td#chapter_label img{
padding:0px 3px 0px 10px;
}

#un{
padding:0px 3px 0px 0px !important; /* le paramètre "!important" est obligatoire sans quoi ce sont les paramètres de td#chapter_label img qui sont pris en compte */
}

/* Définitions du CONTENU */

#Intro_Text{
padding:10px 0px 0px 0px; /* Permet de régler la distance avec les blocs précédents et suivants */
color:black;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
}

.chapter{
padding:10px 0px 0px 0px;
}

/* Article i */
h4{ /* Titre de l'Article */
color:#336699;
font-size:13px;
font-variant:small-caps;
font-style:bold;
font-family:Verdana, arial, Helvetica, sans-serif;
border-bottom:1px solid #336699;
margin:-10px 0px 10px; /* Détermine la distance entre le titre et les blocs précédent et suivant */
}

h4 img{
padding:0px 4px 0px 0px;}

p#Article, p, ul, ol, .liste, #address_registrar input{ /* Usage de "div"??? au cas où des paragraphes <p> étaient utilisés dans le contenu de l'Article */
font-style:normal;
font-family:Verdana, arial, Helvetica, sans-serif;
font-size:11px;
color:black;
}

p#Article{
padding:0px;
}

a#up{
display:block;
position:relative;
right:40px;
bottom:13px;
}

/* ///////////// DEFINITIONS ANCIENNES PAGES ///////////// */
a.bleu_souligne:link, a.bleu_souligne:visited  {
  color: #0000FF;
  text-decoration: underline;
  font-weight: bold;
}

a.bleu_souligne_n:link, a.bleu_souligne_n:visited  {
  color: #0000FF;
  text-decoration: underline;
}

a.bleu_souligne_n:hover  {
  color: #ff9900;
  text-decoration: underline;
}

a.bleu_souligne:hover {
  color: #ff9900;
  text-decoration: underline;
  font-weight: bold;
}

.liste {
margin-left:20px;
font-weight:normal;
}

#warning{
color: #D60000;
font-size: 11px;
font-style: normal;
font-family: Verdana, arial, Helvetica, sans-serif;
}

.bleu_souligne {
color: #0000FF;
text-decoration: underline;
}

ul.bleu_souligne {
color: #0000FF;
text-decoration: underline;
list-style: none;
}

/* Définitions pour Home page */

div#home a{
font-size:12px;
font-style:bold;
font-family:Verdana, arial, Helvetica, sans-serif;
}

div#home{
margin:30px 0px 20px;
background-color:#def3e9;
width:48%;
height:13px;
padding:1px 0px;
text-align:left;
}

div#home img{
padding:0px 9px 0px 0px;}

/* Définitions pour formulaire de Restez informé ! (Blijf op de hoogte) */

#address_registrar{
margin:20px 10px 30px 10px;
}

input#address{
color:blue;
}

#submit_button{
margin-left:10px;
}

#adresse{
background-color:#def3e9;
color:#5f7a86;
border:1px solid #ff9900;
padding:2px 4px;
margin-top:10px;
}