/*
Remarque pour Internet Explorer.
Il vaut mieux concevoir ses feuilles de style 
en fonction des navigateurs qui respectent les standards.
Ensuite, on peut cacher certaines instructions pour IE
afin de ne pas trop gener la mise en page dans IE.
La commande @import n'etant pas supportee par IE, 
on peut l'utiliser dans l'entete du fichier HTML
et mettre certaines instructions dans la feuille de style 
style_sauf_IE.css qu'elle appelle.
Ces instructions ne seront alors pas interpretees par IE.
*/


body { background-color: #7fecf6; color: black; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }

/* *************  CONTENU  *************** */

.contenu
{
margin-left: 200px;
padding: 5px 15px;
/* Lorsqu'il y a plusieurs valeurs, la premiere est pour le haut, 
puis c'est dans le sens des aiguilles d'une montre 
(deuxieme pour la droite, troisieme pour le bas, quatrieme pour la gauche). 
Lorsqu'il y a seulement une valeur, elle vaut pour les quatre cotes.
Lorsqu'il y en a deux, le bas fait comme le haut et la gauche comme la droite.
Lorsqu'il y en a trois, la gauche fait comme la droite. 
*/
border: black 1px solid;
background: #FFFFDD;
}

img
{
border: 0;
}




/* *************  MENU  *************** */

div.menu 
{
position: absolute;  /* defile avec la page */
/*position: fixed;*/     /* position fixe meme lorsque qu'on fait defiler la page */
left: 5px;
top: 100px;
width: 180px;
padding: 5px;
border: black 1px solid;
background: #EEEEFF;
}

/* commun a toutes les entrees du menu */
div.menu a
{
display: block;
text-decoration: none;
/*margin: 8px auto;*/
}

div.menu a.autre_page /* entree du menu autre que la page actuelle */
{
margin: 8px 5px;
padding: 2px 0;
}

div.menu a.actuel /* entree du menu pointant sur la page actuelle */
{
color: green;
border: 1px black solid;
margin: 7px 4px;
padding: 2px 0;
}

div.menu a:hover
{
color: #FF0000;
}

/* SOUS-MENU */
div.menu div
{
border: black 1px solid;
margin: 10px 4px 4px;
}

div.menu div a
{
color: green;
font-size: smaller;
margin: 9px 4px;
}


div.sources
{
position: fixed;
left: 5px;
bottom: 0;
width: 180px;
padding: 5px;
/*border: black 1px solid;
background: #EEEEFF;*/
}
div.sources a
{
display: block;
text-decoration: none;
}


/* *************  LISTE DES LOGICIELS  *************** */

p.objectif
{
margin: 30px 35px;
padding: 10px 15px;
border: black 1px solid;
background: #FFFFFF;
}
div.categorie_de_logiciels
{
/*background: #EEEEFF;*/
margin: 40px 0;
padding: 3px;
/*border: 2px black solid;*/
}
.titre_categorie_de_logiciels
{
width: auto;
background: yellow;
}
.descriptif_categorie_de_logiciels
{
border: black 1px solid;
padding: 10px;
background: #EEEEFF;
}
div.logiciel
{
/*background: #EEEEFF;*/
margin: 10px 0 0 30px;
padding: 0;
border: 1px green solid;
}
table.resume_logiciel, table.resume_logiciel tr 
{
padding: 0;
margin: 0;
width: 100%;
}
table.resume_logiciel td
{
padding: 5px;
margin: 0;
border: 1px black solid;
background: #CCCCCC;
}
table.resume_logiciel td.logiciel_detail_categorie
{
}
table.resume_logiciel td.logiciel_nom
{
color: red;
border: 2px green solid;
}
table.resume_logiciel td.logiciel_telechargement
{
}
table.resume_logiciel td.logiciel_commentaire
{
}
img.detail_logiciel 
{
float: right;
/*width: 100px;*/
margin: 3px;
}
div.detail_logiciel
{
padding: 10px 10px 0;
margin: 0;
}