@media all {
    img.petitephoto {
        width:30px;
        vertical-align:middle;
    }

    DIV.blockquote {
        margin:0.5em 2em;
    }
    div.sign {
        text-align:right;
        font-style : oblique ;
    }
    span.application {
        text-transform : capitalize;
        font-style : oblique ;
        font-variant : small-caps ;
    }
    em, em em em {
        font-style : oblique ;
    }
    em em, em em em em {
        font-style : normal ;
    }
    fieldset.fortune {
        margin:1em;
        border: thin solid #555 /* bord */ /* #6089BF */;
        padding:1em;
        counter-increment: cit;
    }
    legend {
        position:relative;
        top:2.4em;
        left:-2em;
        border:thin solid #555 /* bord */ /* #6089BF */;
        color:green /* texte */ /* #6089BF */;
        background:inherit;
        padding:0 2em;
        width:3em;
        text-align:center;
    }
    .nom {
        font-variant:small-caps;
    }
    .trombinoscope  {
        text-align:center;
    }
    .trombinoscope table {
        margin:auto;
    }
    .resultat {
        color:green;
        background:inherit;
    }
    span.invisible {
        display:inline;
    }
    DIV.dernieremodif{
        text-align:right;
        color:#4b4 /* texteestompe */ /* #444 */ ;
        background:inherit;
        font-size:75%;
        font-style:italic;
        margin-right:1em;
        margin-bottom:1em;
    }
    .calendrier div.dernieremodif {
        text-align:right;
        color: #4b4 /* texteestompe */ /* #444 */;
        background:inherit;
        font-size:85%;
        font-style:italic;
        margin-right:1em;
    }
    .calendrier ol ol {
        list-style-type:upper-alpha;
    }
    .calendrier .tt {
        font-size:110%;
        font-weight:170%;
        color:green;
        background:inherit;
        font-family:monospace;
    }
    .calendrier div.ecran {
        font-size:110%;
        font-weight:170%;
        padding-top:0.1em;
        padding-bottom:0.1em;
        padding-left:7px;
        padding-right:7px;
        margin:1em 2em 1em 2em;
    }
    .calendrier .ecran {
        padding-left:7px;
        padding-right:7px;
        background:rgb(84%,86%,84%);
        color:inherit;
        font-family:monospace;
    }
    .calendrier .ecran em {
        color:#FF8000;
        background:inherit;
    }
    .terminal {
        padding:1px 3px;
        background:rgb(84%,86%,84%);
        color:inherit;
    }
    .calendrier div.browser {
        background:rgb(84%,86%,84%);
        color:inherit;
        padding:0.2em;
        margin:1em 2em 1em 2em;
        font-family:hevetica,arial,sans-serif;
    }
    .calendrier div.lecours {
        border-style:solid;
        border-width:medium;
        border-color:blue;
        background:white;
        color:inherit;
        text-align:center;
    }
    .calendrier span.color0000BB { color:#0000BB;background:inherit; }
    .calendrier span.color007700 { color:#007700;background:inherit; }
    .calendrier span.colorDD0000 { color:#DD0000;background:inherit; }
    .calendrier span.colorFF8000 { color:#FF8000;background:inherit; }
    .trombinoscope td {
        text-align:center;
        background: rgb(95%,95%,95%) /* trombi */ /* #EEEEEE */;
        font-size:11pt;
        color:inherit;
        padding:0 2em;
    }
    table.tableaucalendrier td ,
    table.requete td {
        border:solid green /* texte */ 1px;
    }
    table.tableaucalendrier th,
    table.requete th {
        border:solid green /* texte */ 2px;
    }
    div.php ol li,
    div.python ol li {
        list-style-type:decimal;
    }
}
@media screen {
    .identite .nom {
        font-variant:small-caps;
    }
    .identite .nom,
    .identite .prenom {
        font-weight:bold;
        font-style:italic;
    }
    .nepasimprimer {}
    .identite .description {}
    .identite .nom,
    .identite .prenom,
    .identite strong {
        color:rgb(90%,20%,00%);
    }
    .identite li:first-line {}
    body {
        background:black /* fond */;
        color:green /* texte */;
        font-family: Arial, Helvetica, sans-serif;
    }
    div.gauche {
        position:absolute;
        top:0.5em;
        left:0.5em;
        width:15.9%;
    }
    .navigation img {
        border:none;
        margin:0.3em;
    }
    div.menu, div.menunuage{
        margin:0 0.6em 0 0.6em;
        padding:2px;
        border: thin solid  #555 /* bord */ /* #6089BF */;
        background: rgb(90%,90%,90%) /* menu */ /* #BFDBFF */;
        color:inherit;
    }
    div.menu {
        text-align:left;
    }
    div.menunuage{
        text-align:center;
    }
    div.navigation {
        width:94%;
        margin:3em 3% 2em;
        background:white /* navigation */ ;/*#BFDBFF; */
        color:inherit;
        padding:5px 0;
        font-size: 90%;
    }
    div.navigation div.menunuage,
    div.navigation div.menu {
        display:none;
    }
    div.navigation:hover div.menunuage,
    div.navigation:hover div.menu {
        display:block;
    }
    div.lapage {
        position:absolute;
        top:0;
        left:16.1%;
        width:78%;
    }
    div.eradiquonsIEint {
        background:yellow;
        color:red;
        border:1px solid red;
        padding:2px;
    }
    div.eradiquonsIEext {
        display:block;
    }
    html>body div.eradiquonsIEext {
        display:none;
    }
    div.ligne0 span.eltmenuencours {
    background:rgb(100%,100%,100%);
    border-bottom:thin solid rgb(100%,100%,100%);
    font-size:10pt;
}
div.page0 {
    background:rgb(100%,100%,100%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne1 span.eltmenuencours {
    background:rgb(92%,94%,92%);
    border-bottom:thin solid rgb(92%,94%,92%);
    font-size:10pt;
}
div.page1 {
    background:rgb(92%,94%,92%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne2 span.eltmenuencours {
    background:rgb(84%,86%,84%);
    border-bottom:thin solid rgb(84%,86%,84%);
    font-size:10pt;
}
div.page2 {
    background:rgb(84%,86%,84%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne3 span.eltmenuencours {
    background:rgb(77%,79%,77%);
    border-bottom:thin solid rgb(77%,79%,77%);
    font-size:10pt;
}
div.page3 {
    background:rgb(77%,79%,77%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne4 span.eltmenuencours {
    background:rgb(70%,72%,70%);
    border-bottom:thin solid rgb(70%,72%,70%);
    font-size:10pt;
}
div.page4 {
    background:rgb(70%,72%,70%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne5 span.eltmenuencours {
    background:rgb(64%,66%,64%);
    border-bottom:thin solid rgb(64%,66%,64%);
    font-size:10pt;
}
div.page5 {
    background:rgb(64%,66%,64%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne6 span.eltmenuencours {
    background:rgb(58%,60%,58%);
    border-bottom:thin solid rgb(58%,60%,58%);
    font-size:10pt;
}
div.page6 {
    background:rgb(58%,60%,58%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
div.ligne7 span.eltmenuencours {
    background:rgb(53%,55%,53%);
    border-bottom:thin solid rgb(53%,55%,53%);
    font-size:10pt;
}
div.page7 {
    background:rgb(53%,55%,53%);
    color:green /* texte */;
    border:solid thin #555 /* bord */;
    margin:2px -0.7em -2em 0.7em;
}
    a:link,
    a:visited {
        text-decoration:none;
        color:green /* lien */;
        border-bottom:dotted 1px #4b4 /* texteestompe */;
    }
    a:hover,
    a:visited:hover {
        text-decoration:none;
        color:#4a3 /* visited */;
        border-bottom:dotted 1px #4b4 /* texteestompe */;
    }
    span.eltmenuencours a:link,
    span.eltmenuencours a:visited,
    span.eltmenuencours a:hover,
    span.eltmenuencours a:visited:hover {
        color:green /* texte */;
        background:inherit;
    }
    span.eltmenu a:link,
    span.eltmenu a:visited,
    span.eltmenu a:hover,
    span.eltmenu a:visited:hover {
        color:white /* textetitre */;
        background:inherit;
        margin:2px ;
    }
    .noborder {
        border:none;
    }
    div.chemin {
        border: thin solid  #555 /* bord */ /* #6089BF */;
        background: rgb(90%,90%,90%) /* menu */ /* #BFDBFF */;
        color:inherit;
        padding-left:1em;
        padding-right:1em;
        margin:2px;
        font-size:80%;
    }
    div.contenuDePage {
        background:transparent;
        color:green /* texte */;
        padding:10px;
    }
    div.coursCalendrier {
        background:rgb(92%,94%,92%);
        color:inherit;
        padding:1em;
    }
    h1,h2 {
        text-align:center;
        background:green /* fondtitre */;
        color:white /* textetitre */;
    }
    h1 {
        font-size:150%;
    }
    h2 {
        font-size:130%;
    }
    h3.special {
        text-align:center
    }
    .lapage a:hover,
    .lapage a:visited:hover {
        background:#4b4 /* hover */;
        color:white /* textehover */;
    }
    div.citation {
        text-align:right;
        font-size:90%;
        border: thin solid #555 /* bord */ /* #6089BF */;
        float:right;
        width:60%;
    }
    div.postcitation {
        clear:both;
    }

    div.lignemenu {
        padding:12px 0 0 2em;
        font-size:8pt;
    }
    span.eltmenuencours {
        color:green /* texte */ /* blue */;
        /* background:#ddd; */
        border:solid #555 /* bord */ /* silver */ 1px;
    }
    span.eltmenu {
        color:white /* textetitre */ /* white */;
        background:green /* fondtitre */; /* #6089BF */
        border-style:solid;
        border-width:1px;
        border-color:#555 /* bord */; /* silver silver #6089BF */
    }
    span.eltmenu, span.eltmenuencours {
        margin:10px 1px 0;
        padding:2px;
    }
    div.valid {
        bottom: 10pt;
        right: 5pt;
        border:none;
    }
    html>body div.valid {
        position: fixed;
        bottom: 10pt;
        right:5pt;
        border:none;
    }
    .calendrier div.menu {
        text-align:right;
        font-size:80%;
    }
    .calendrier div.nonsemaine {
    }
}
@media print {
    .nepasimprimer {
        display:none;
    }
    body {
        background:white;
        color:black;
        font-family: Arial, Helvetica, sans-serif;
    }
    div.gauche,
    div.menu,
    div.navigation,
    div.nuageaccueil,
    div.chemin,
    div.citation,
    div.postcitation,
    div.lignemenu,
    span.eltmenuencours,
    span.eltmenu,
    span.eltmenu,
    span.eltmenuencours,
    div.valid,
    .calendrier div.menu,
    .calendrier div.nonsemaine {
        display:none;
    }
    div.coursCalendrier,
    div.contenuDePage,
    div.lapage {
    }
    div.ligne0 span.eltmenuencours {
    display:none;
}
div.page0 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne1 span.eltmenuencours {
    display:none;
}
div.page1 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne2 span.eltmenuencours {
    display:none;
}
div.page2 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne3 span.eltmenuencours {
    display:none;
}
div.page3 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne4 span.eltmenuencours {
    display:none;
}
div.page4 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne5 span.eltmenuencours {
    display:none;
}
div.page5 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne6 span.eltmenuencours {
    display:none;
}
div.page6 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
div.ligne7 span.eltmenuencours {
    display:none;
}
div.page7 {
    background:white;
    color:black;
    border:none;
    margin:0;
}
    a:link,
    a:visited,
    a:hover,
    a:visited:hover,
    span.eltmenu a:link,
    span.eltmenu a:visited,
    span.eltmenu a:hover,
    span.eltmenu a:visited:hover,
    span.eltmenuencours a:link,
    span.eltmenuencours a:visited,
    span.eltmenuencours a:hover,
    span.eltmenuencours a:visited:hover,
    .lapage a:hover,
    .lapage a:visited:hover {
        text-decoration:none;
        color:black;
    }
    .noborder {
        border:none;
    }
    h1,h2 {
        text-align:center;
        background:white;
        color:black;
        border:thin solid silver;
    }
    h1 {
        font-size:150%;
    }
    h2 {
        font-size:130%;
    }
    h3.special {
        text-align:center
    }
    pre.terminal,
    div.terminal {
        border:1px solid silver;
    }
    .trombinoscope th,
    .trombinoscope td {
        border:thin solid silver;
    }
}