/* Infodidac - Vincent Hardy, François Verlaeken */
/* voir  http://www.siteduzero.com/tutoriel-3-13639-liste-des-proprietes-css.html */

body 
{
background-image: url(logos/fond-idd1024.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Arial, sans-serif;
/* font-size: 10pt; VLK ne pas mettre de pt sinon ne varie plus selon la taille de texte demandée en IE */
/* font-size: 80%; ne correspond pas tout à fait à 10pt */
font-size: small;  /* small correspond à 10pt, c'est bien ce que l'on voulait */
/* pour mettre plus grand, mettre 1.2em ou 120% par exemple dans le style du titre */
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
}

img
{ 
border: 0; 
}

h1
{
font-size: 1.8em;
/*font-size: 14pt;*/
font-weight: bold;
margin-bottom: 25pt;
}

h2
{
font-size: 1.5em;
/*font-size: 12pt;*/
font-style: italic;
}

h3
{
font-size: 1.2em;
/*font-size: 10pt;*/
}

h4
{
font-size: small;
margin-bottom: 10pt;
}

p.droite
{
float: right;
text-align: right;
font-size: 8pt;
}

table.faq
{
text-align: justify;
margin-bottom: 15pt;
}

div
{
text-align: justify;
}	

p
{
text-align: justify;
}	

ol
{
text-align: justify;
}	

ul
{
text-align: justify;
}	

/*-------------- Liste de Définitions dl / dt / dd ---------------*/

dt
{
font-size: 1.1em;
font-weight: bold;
/*color: #0050A0;  plutôt utiliser la couleur du projet*/
margin-top: 10pt;
background-color: white; /* permet de se détacher du fond */
border: 1px solid black;
padding: 2px;
}

dd
{
margin-top: 10pt;
margin-bottom: 10pt;
/* background-color: white; /* permet de se détacher du fond */
}

dd .Ex  
/* Exemples dans les définitions 
  <span class="Ex">Ex: M.Durant</span>
 */ 
{
color: green;
font-style: italic;
/*font-weight: bold;*/
}

dd .Nb
/* Nota bene dans les définitions 
  <span class="Nb">NB : M.Durant n'est pas là</span>
 */ 
{
font-style: italic;
}

/*----------------------------------------------*/

td.faq
{
vertical-align: top;
white-space: nowrap;
padding-right: 5pt;
}

/*------------------ Tableaux Resumé (début de page) ---------------*/

table.Resume
{
border: 1px solid black;
background-color: white; /* permet de se détacher du fond */
width: 100%;
box-shadow: 5px 7px 5px #888888; /* VLK CSS3 mettre une ombre */
}

table.Resume td /* applicable à tous les td des table de class Resume */
{
border: none;  /* width  style  color */
padding: 0px 5px;  /*  top +bottom,  left+right  */
margin: 0px;
}

acronym
{
color: green;
}

/*------------------ Tableaux Détail (suite de page) ---------------*/

table.Detail
{
background-color: white; /* permet de se détacher du fond */
/* max-width: 600pt;  /* maximum 600px de large, sinon trop large */
width: 100%;
margin-bottom: 15pt;
border: 1px solid black;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
box-shadow: 5px 7px 5px #888888; /* VLK CSS3 mettre une ombre */
}

table.Detail td  /* applicable à tous les td des table de class Detail */
{
border-top: 1px solid black;  /* width  style  color */
border-bottom: 1px solid black;  /* width  style  color */
padding: 5px 5px;  /*  top +bottom,  left+right  */
}

table.Detail td.Lien
{
width: 30%;
}
table.Detail td.Explic
{
width: 65%;
}
table.Detail td.Qui
{
width: 5%;
color: #527E5B;  /* plus clair puisque moins important */
}

table.Detail h3
{
font-size: 1em;  /* les titres 3 doivent être plus petits dans les tableaux que dans le texte */
/*font-size: 10pt;*/
}

/*------------------ Tableaux Formation ---------------*/

table.Formation
{
background-color: white; /* permet de se détacher du fond */
max-width: 600pt;  /* maximum 600px de large, sinon trop large */
margin-bottom: 15pt;
border: 1px solid black;
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

table.Formation td  /* applicable à tous les td des table de class Formation */
{
border-top: 1px solid black;  /* width  style  color */
border-bottom: 1px solid black;  /* width  style  color */
padding: 5px 15px;  /*  top +bottom,  left+right  */
}

table.Formation th
{
background-color: gray;   /* par défaut */
color: white;
font-weight: normal;
text-align: left;
padding: 5px 15px;
}

table.Formation td
{
vertical-align: top;
}

/*------------------ Encadré Avert ---------------*/

table.Avert
{
/* background-color: #FFFF99; /* orange */
background-color: white; 
width: 600pt;  /* maximum 600px de large, sinon trop large */
margin-bottom: 10pt;
border: 2px solid #C02020; 
/* border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
box-shadow: 5px 7px 5px #888888; /* VLK CSS3 mettre une ombre */
}

table.Avert td  /* applicable à tous les td des table de class Formation */
{
font-size: 1.2em;
/* text-align: center; */
color: #C02020; 
/* border: 1px solid black;  /* width  style  color */
padding: 10px 10px;  /*  top +bottom,  left+right  */
}

/*-------------- iFrame pied de page ---------------*/
iframe.Pied
{
width: 99%; 
height: 30pt; 
padding: 0pt; 
border: 0;
}

p.Pied
{
font-family: Arial; 
font-size: 10px; 
text-align: center;
}

/*----------- Styles multi-logiciels -----------*/

body.logiciel h1
{
color: #FF0000;
}

body.logiciel h2, body.logiciel h3
{
color: #000FFF;
}

body.logiciel h4
{
color: #0000FF;
}

/*-------------- Couleurs pages générales Idd ---------------*/

body.idd h1, body.idd h2, body.idd h3, body.idd dt
{
color: #B4A4BC; /* black; /*#6000A0;   /* lilas */
}

/*-------------- Couleurs ComptEco -------------*/

body.compteco h1, body.compteco h2, body.compteco h3, body.compteco dt
{
color: #527E5B;  /* vert ComptEco normal */
}

body.compteco h4
{
color: #18572C;  /* vert ComptEco foncé */
}

body.compteco table.Formation th  /* vert ComptEco foncé */
{
background-color: #18572C;   
}

/*-------------- Couleurs BulEco ---------------*/

body.buleco h1, body.buleco h2, body.buleco h3, body.buleco dt
{
color: #0050A0;  /* bleu ciel */
}

/*-------------- Couleurs proeco ---------------*/

body.proeco h1, body.proeco h2, body.proeco h3, body.proeco dt
{
color: #6000A0;   /* lilas */
}

body.proeco table.Formation th
{
background-color: #6000A0;   /* lilas */
}

/*-------------- Couleurs propms ---------------*/

body.propms h1, body.propms h2, body.propms h3, body.propms dt
{
color: #805000;     /* brun-rouille */
}

/*-------------- Couleurs materiel ---------------*/

body.materiel h1, body.materiel h2, body.materiel h3, body.materiel dt
{
color: #C08000;     /* orange  */
}

/*-------------- Couleurs newsletter ---------------*/

body.newsletter h1, body.newsletter h2, body.newsletter h3, body.newsletter dt
{
color: #C08000;     /* orange  */
}

/*-------------- Couleurs edt ---------------*/

body.edt h1, body.edt h2, body.edt h3, body.edt dt
{
color: #C00000;   /* rouge sombre  */
}

/*-------------- Couleurs bob ---------------*/

body.bob h1, body.bob h2, body.bob h3, body.bob dt
{
color: #308030;   /*  vert BOB50  */
}

/*-------------- Couleurs Adobe ---------------*/

body.adobe h1, body.adobe h2, body.adobe h3, body.adobe dt
{
color: #D00000;  /*  rouge  */
}

/*-------------- Couleurs FSecure ---------------*/

body.fsecure h1, body.fsecure h2, body.fsecure h3, body.fsecure dt
{
color: #4040C0;  /* bleu-gris */
}

/*-------------- Couleurs Microsoft ---------------*/

body.microsoft h1, body.microsoft h2, body.microsoft h3, body.microsoft dt
{
color: #C0B030;  /* jaune "Office" */
}

/*-------------- Couleurs Hebergement ---------------*/

body.heberg h1, body.heberg h2, body.heberg h3, body.heberg dt
{
color: #00A000;   /* vert */
}

/*------------- mails archivés en html --------------*/

body.mail
{
font-family: Courier New,Courier,monospace;
}

/*------------ Couleurs Cliwin -----------------*/

body.cliwin h1
{
color: #4040A0;    /* genre bleu Navy */
text-decoration:underline;
}

body.cliwin h2
{
color: #4040A0;
text-decoration:underline;
}

body.cliwin h3
{
color: #4040C0;
}