/* Home Page de Philippe Gaucher 26/02/2004 
- J'ai enfin trouvé comment mettre un peu de relief le 27/08/2004
- Il y avait des scories autour de la boite "barre" qui correspond à
la barre de navigation ; j'ignore si c'est un bug des navigateurs ou
un bug dans la programmation mais j'ai rajouté le dessin explicite
d'une bordure de même couleur que le fond (border : solid #ffdead
thick ;) comme solution pour les classes barre et corps ! 28/08/2004
- La barre de navigation ne fonctionne pas bien avec Konqueror ;
Internet Explorer ne comprenant vraiment rien à CSS, il a fallu en
tenir compte grâce au fait suivant: IE ne comprend pas la présence de
> dans les entêtes !
- testé sous linux avec Mozilla, Netscape, Epiphany, Opera, Galeon
- testé sous Windows avec Internet Explorer, Mozilla, Netscape,
K-meleon, Firefox 29/08/2004
- le 17/12/2004, ajout d'un font-size pour la définition de tt 
- le 31/01/2007, ajout de quelques paddings 
- le 19/04/2007, changement de la couleur de fond principale car 
le rendu est vraiment trop mauvais sur les écrans à cristaux liquides 
(ou trop jaune, ou trop rosé) 
*/


html,body {
/* color:#000000;*/
color:#4B4B4B;
/*background-color:#FAEBD7; */
background-color:#FFFFFF;
/* font-family: times,verdana,arial,sans-serif;*/
font-family: Tahoma,sans-serif;
/* font: 100% 'Tahoma', sans-serif;*/
margin-top: 5pt;
padding: 0;
}
h2 {
font-size : 120%;
}


/* div.resume {
padding: 5px;
border : ridge black thin ;
background-color:grey;
color:white; 
font-size : 90%; 
} */


p {
text-align:justify;
padding: 0px 30px 0px 0px;
}

div.resume {
padding: 10px 50px 10px 20px;
font-style:italic;
text-align:justify;
background-color:#F8F8FF;
}

div.resume2 {
padding: 10px 50px 10px 20px;
font-style:italic;
text-align:justify;
background-color:#F8F8FF;
}


/* la barre de navigation */
div.barre {
margin-left:1%;
width:20%;
float:left;
height:auto; 
border : solid #FFFFFF thick ;
} 
/* Non lu par Internet Explorer 6.0 qui ne comprend pas "fixed" */
body>div.barre {
position:fixed ;
}
/* Fin de définition de la barre de navigation */


/* définition du corps de la page */
div.corps {
width:76%; 
margin-left:2%;
float:left;
border : solid #FFFFFF thick ;
}
/* Idem ici : la barre de navigation est fixe donc le corps 
doit être décalé si on n'est pas avec Internet Explorer */
body>div.corps {
margin-left:23%;}
/* Fin de définition du corps de la page */


/* définition de h1 */
h1 {
border: 2pt white outset;
font-size : 120%;
background-color : #804000; 
color : #ffffff; 
font-weight:bolder;
text-align:center; 
}
/* Ombre sur h1 */
div.ombre>h1 {
margin: -1em 0 0 -1em;
padding: 0.25em;
}
body>div.ombre {
color:inherit;
background: #917E62; 
margin: 0.5em 0em 0.5em 0.5em;
padding: 0.5em; 
} 
div.corps>div.ombre {
color:inherit;
background: #917E62; 
margin: 0.5em 0em 0.5em 0.5em;
padding: 0.5em; 
}
/* Fin définition de h1 */


/* définition de .choisi */
div.choisi {  
color:inherit;
border: 2pt white outset;
background-color:#e0b696;
text-align:center;
font-weight:bolder; 
font-size:80%;
}
/* Ombre sur .choisi */
div.barre>div.ombre>div.choisi {  
margin: -1em 0 0 -1em;
padding: 0.25em;
}
div.barre>div.ombre {
color:inherit;
background: #917E62; 
margin: 0.5em 0em 0.5em 0.5em;
padding: 0.5em; 
}
/* fin définition de .choisi */


/* définition de .nonchoisi */
div.nonchoisi {  
text-align:center;
font-weight:bolder; 
font-size:80%;
}
/* Ombre sur .nonchoisi */
div.barre>div.ombre2>div.nonchoisi {
border: 2pt white outset;
margin: 0.5em 0em 0.5em 0.5em;
padding: 0.5em;
color:inherit;
background-color:#e0b696;
}
div.barre>div.ombre2:hover>div.nonchoisi {
margin: -1em 0 0 -1em;
padding: 0.25em;
} 
div.barre>div.ombre2:hover {
color:inherit;
background: #917E62; 
margin: 0.5em 0em 0.5em 0.5em;
padding: 0.5em; 
}
/* fin définition de .nonchoisi */


/* style pour les liens */
a {
background-color:inherit;
color:#008000;
text-decoration:none;
}
a:hover {
background-color:inherit;
font-style:italic;
color:#ff8000;
text-decoration:none;
}
/* Non lu par Internet Explorer 6.0 */ 
a>i:hover { font-style:normal; }
div.nonchoisi>a:hover {
background-color:inherit;
text-decoration:none;
font-style:normal;
color:#008000;
}
div.choisi>a:hover {
background-color:inherit;
text-decoration:none;
font-style:normal;
color:#008000;
} 
/* Fin de définition des styles pour les liens */