/* inspiré de apl.css 2018, lui même...  */
/* inspiré de styleISN.css by jcr, 2012 $ */
html {
    background-color:#F7F7F7;
}

body {
    margin: auto;
    width:90%;
    padding : 8px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#111111;
    background-color:white;
    border-left : 2px solid #EEEEEE;
    border-right : 2px solid #EEEEEE;
}

/* pied de page, minimal pour le moment  */
body:after {
    clear :both;
    float: right;
    vertical-align : top;
    color : green;
    font-style :italic;
    font-size:small;
    background-color:white;
    /* content:   "commentaires à : philippe.marquet@univ-lille.fr "; */
    content:   "commentaires à : philippe.marquet@univ-lille.fr" url(http://i.creativecommons.org/l/by/3.0/fr/88x31.png);
}

h1 {
    font-size: 24px;
    color : #cd00cd;		/* magenta 3 */
    font-weight : bold;
}

h1.title {
    font-size:36px;
    color : navy;    
}

h2 {
    font-size: 20px;
    color : blue;
    font-weight : bold;
}

h3 {
    font-size: 20px;
    color : red;
    font-weight : bold;
}

h4 {
    color : #cd00cd;		/* magenta 3 */
}

h5 {
    color : blue;
}

h5 {
    color : red;
}

h3,h4,h5,h6 {
    margin:1%;    
}

p {
    margin:1%;
    text-align:justify;
}

.author, .line-block {			/* pandoc author */
    font-size: 20px;
    color : green;
    font-weight : bold;    
}

.preliminaire {
    clear :both;
    background-color:#EEEEEE;
    margin: 0 15px;
    padding : 20px;
    color : black;
    border : thin solid #BBBBBB;
    margin : 1px;
}

.remarque {
    font-style:italic;
}

.footnotes {			/* produites par pandoc */
    font-size:small;    
}

p.format1 {
    background-color:#CCCCCC;
}

li p { 				/* paragraphes inclus dans des li */
    margin: inherit;		/* pas de marge supp. */
}


.italique {
    font-size:16px;
    font-style:italic;
}

a {
    color: green;
    text-decoration : none;
}

a:visited {
    text-decoration : none;
}


a:hover {
    background-color : white;
    text-decoration : underline;
}


div.manip, .encadre {
    border-left: 3px ;
    border-right:1px;
    border-left-style : solid;
    border-right-style : solid;
    border-color : red;
}

div.important {
    background-color : #FF9999;
    border : 2px solid red;
    color : black;
    border-radius : 8px;
}
span.nav2file, span.navigation, span.important {
    color:white;
    background-color:red;
    font-weight:bold;
    padding: 0 4px;
    border-radius : 4px;
    margin:0px 2px;
}
span.navigation {
    align: right;
    display:table;
    margin-left: auto;
}
span.nav2file {
    background-color:green;
}

tt {
    font-family : courier;
}

code, pre {
    background-color : #ffffaf; /* #FFFF88; */
    padding: 0 3px;
    font-family : courier;
    color : #0000FF;
}

pre {
    /* width:%; */
    margin:5px 10px;
    padding:3px 10px;
    border : solid thin #CCCCCC;
    width:90%;
}


.manip, div.important {
    width:70%;
    padding : 10px;
    margin: 5px;
}

div.manip {
    background-color : #EEEEEE;
    counter-increment: nummanip;
    margin-top: 5px;
}
/* div.manip:before { */
/*     content: "Manip' " counter(nummanip, decimal)". "; */
/*     color: #222222; */
/*     font-weight:bold; */
/* } */

#auteurs  {
font-style:italic;
font-size:12px;
color : #555555;
}

.clear {
    clear:both;
}
/* IMAGES */
img {
    margin: 10px;
}
.caption {
    font-size: xx-small;
    font-style: italic;
    text-align: center;
}
.bornee, .w600 {
    width:600px;
}

.w200 {
    width:200px;
}
.w400 {
    width:400px;
}
.w300 {
    width:300px;
}
.w800 {
    width:800px;
}
.wmax{
    width:95%;
}
.vignette64 {
    width:64px;
}
.droite {
    float: right;
}

.gauche {
    float: left;
}

.robot, .images {
    text-align:center;
}
.cadrerobot, .cadreimages {
    background-color:#D0F5A9;
   padding:6px;
   border : solid thin #BBBBBB;
} 
/* FIN IMAGES */

.commande {
    color : #0B610B;
    font-weight:bold;
}

.commjs {
    font-style:italic;
}

pre.poeme {
    clear :both;
    border-style: dotted;
    border-width: 1px;
    float: right;
    width:20%;
    font-size:small;
    background-color: #FFEEEE;
    color: #333333;
}

div.correction:before {
    content: "/!\\ Correction /!\\ ";
    color: #222222;
    font-weight:bold;

}

.correction {
    margin:5px 20px;
    padding:3px 10px;
    border : solid thin #8888FF;
    background-color: #CCCCFF;
    border-radius : 8px;

}


.specif {
    margin : 10px;
    padding : 10px;
    width:50%;
    border:thin solid #999999;
    background-color: white;
}

.equation {
    border-collapse:separate;
    border-spacing:12px;
    width:auto; 
    border:none;
    white-space:nowrap;
    padding:0px 20px;
    margin:0ex auto;    
}

.underline {
    text-decoration:underline;
}

/* Commentaires des rédacteurs, destinés aux rédacteurs.
   Devraient disparaître ou être masqués dans la version finale. */
.comment {
    background-color: #F4FF3A;
}
.todo {
    background-color: #F4FFFA;
}
.todo:before {
    content: "/!\\ TODO /!\\ ";
    color: red;
    font-weight:bold;
}
.comment, .todo {
    //    display: none;  // décommenter pour masquer les comment et les todo
    clear :both;
    border-style: solid;
    border-width: 2px;
    border-color: #FF456A;
    float: right;
    margin: 5px;
    margin-right:0px;

    padding: 5px;
    width: 30%;
    font-style:oblique;
    border-radius : 8px;
}
.comment i {
    font-style : normal;
}


.aparte {
    clear: both;
    display: block;
    background-color: #77FF77;
    border-style: solid;
    border-width: 1px;
    border-color: #00FF00;
    float: right;
    font-size: smaller;
    margin: 5px;
    margin-right:0px;

    padding: 5px;
    width: 30%;
    font-style:italic;
    border-radius : 8px;
}

.aparte i, .aparte em {
    font-style : normal;
}

.aparte a {
    color: blue;		/* background is #77FF77 ~ green*/
}

#buttonAparte {
    float: right;
    color:white;
    background-color:green;
    padding: 0 4px;
    border-radius : 4px;
    border : 2px solid white;    
}

#buttonAparte:hover {
    border : 2px solid darkgreen;    
    color : green;
    background-color:white;
}