/* CSS du site de C.COMPAGNON */
/* version 2.0 : passage en taille de police relative de façon à être compatible WAI */
@media aural { 
  h1, h2, h3 {stress: 20; richness: 90;}
  .hide {speak: none;}
  p.copyright {volume: x-soft; speech-rate: x-fast;}
  dt {pause-before: 20%;}
  pre {speak-punctuation: code;} 
}
/*Passage de la police de référence à 10px pour conserver le rapport */
/*Par exemple 12px --> 1.2em */
html {
background-color: #a0a0a0;
/* On fixe la taille du texte par rapport à la valeur par défaut :
10px : 1.0 em
15px : 1.5 em
etc.
*/
font-size:62.5% ;
padding : 5px 15px 8px 15px;
}

body {
background-color  : #ffffff;

/* On définit le pourtour ombré */
border : 1px solid #505050;
-moz-box-shadow: 6px 6px 7px #101010;
-webkit-box-shadow: 6px 6px 7px #101010;
box-shadow: 6px 6px 7px #101010;

padding-top : 25px;
padding-left : 25px;
padding-right : 25px;
padding-bottom : 10px;

/*height: auto; 
overflow: visible; */
text-align : center;
}

/*Pour assurer la compatibilité qq soit le navigateur */
h1 { font-size : 4.6em }
h2 { font-size : 2.8em }
h3 { font-size : 2.0em }
h4 { font-size : 1.8em }
h5 { font-size : 1.7em }
p { font-size : 1.2em }
li { font-size : 1.2em }
a { text-decoration : none; }

/* ====== Navigation centrale =====*/
nav {
text-align : center;
-moz-border-radius : 20px;
border-radius : 20px;
border : 1px solid #e0e0e0;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 12px;
padding-left : 12px;
font-size : 1.2em;
background-color : #f0f0f0;
display : inline;
}

nav  a {
font-size : inherit ;
border-right : 1px solid #e0e0e0;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 20px;
padding-left : 20px;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 0px;
margin-right : 0px;
background-color : #ffffff;
}

nav  a.actif {
font-weight : bold;
}

nav  a:hover {
text-decoration : none;
background-color : #f0f0f0;
}

nav a:first-child {
border-left : 1px solid #e0e0e0;
} 

/* ====================== title de page ===========================*/
body > header { 
/* Le header est juste un conteneur qu'on définit sans incidence sur le reste */
display : block;
background-color:#365D95;

padding-top : 6px;
padding-bottom : 2px;
padding-left : 20px;
padding-right : 20px;

margin-bottom : 15px;

}

body > header > h1 {
float : left;
font-size : 3.2em;
color : #fdfdfd;
font-weight : bold;
border-bottom: 1px solid #6383b1;

padding : 0px;
margin : 0px;
}

body > header > p {
clear : both;
padding-top : 5px;
padding-bottom : 0px;
padding-right : 0px;
padding-left : 0px;
text-align : left;
font-size: 1.0em;
letter-spacing: 0.1em;
color: #D0DCEE;
background-color: transparent;
}

/* ================== footer ================== */

footer {
clear : both;
font-size : 1.0em;
text-align : center;
color : #a0a0a0;
}

footer p {
margin-top : 0px;
margin-bottom : 0px;
}

footer a { font-size : inherit }

table#footer {
border-style : none; 
border-width : 0px; 
/*font-size : 12px;*/
border-color : #ffffff;
border-collapse : collapse;
margin : auto;
}

table#footer td {
padding-left : 15px;
padding-right : 15px;
padding-top : 3px;
padding-bottom : 3px;
border-width : 0px; 
}