/* titre de paragraphes */
h1 { margin: 6px 0px 6px 10px;
        font-size: 115%; font-family: verdana, arial, helvetica, sans-serif;
        color: #7e45a5; font-weight: bolder; text-decoration: none;
}

h5 { 
	font-size: 90%; color:#038;
	font-weight: bold; 
	padding-left: 4em; 
    margin-bottom: 6pt;  
}
/* texte normal */
p {
	margin : 6px 20px 6px 40px; padding:3px; 
}
/* texte d'un sous-paragraphe */
p.h3 {
	margin : 0px 20px 6px 40px; padding:3px;
}
/* exemples de code */
pre, code {
	padding-left: 30px;
	margin-left: 30px;
	margin-top: 12px;
	margin-bottom: 12px;
}
code {display:block;
	background-color:#ceF;padding-top:12px;padding-bottom:12px;
	font-size:100%;
	font-family: "Courier New", Courier, mono;
	}
pre.courrier , pre.html-example , pre.example, pre.code, pre.code3 {
	background-color:#ceF;padding-top:12px;padding-bottom:12px;
	font-size:100%;
	font-family: "Courier New", Courier, mono;
	}
pre.courrier {width:92%}
pre.code3 {margin-left:100px; margin-right:100px}
div.voir {
	float:right; padding-top:12px;padding-right:12px; margin:0px 6px 10px 10px 
}
/* listes */
ul {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 65px;
	margin-bottom: 0px;
}
ul ul {margin-left:0px;}
ul.mx { margin-bottom:10px; padding-top:0px; }
ul.mx li { margin-top:3px; margin-bottom:3px; padding-top:0px; }

ol {
	margin-left: 75px;
	list-style-type: decimal;
}
ol ol {
	margin-left: 10px;
	list-style-type: decimal;
}
ol ol ol {
	list-style-type: lower-alpha;
}
dl { margin-left:50px;}
/* Exercices */
.code_exo {
        position: relative; left: 30px;
        width:90%;
        border: dotted 2px #00f;
        margin: 20px 5px 20px 5px; padding: 6px 20px 12px 3px;
        background-color: #cccccc; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; 
}
.code_exo pre {
	background-color:#aaa; color:navy;
}
.console { background-color:black; color:white; width:50%;
}
.code_exo pre.console {
	border: 1pt solid navy; background-color:black; color:white; width:50%
}
/* Un tableau avec bordure et cellules de couleur alternées */
table.tableau {
	margin:0px; padding:0px;  border-spacing:0px; border:1px solid; 
}
.cellule1 td {background-color:#5bf; border-left:1px solid navy;border-right:1px solid navy;}
.cellule2 td {border-left:1px solid navy;border-right:1px solid navy;}
.cellule3 td {border-top:2px solid navy; border-left:1px solid navy;border-right:1px solid navy;}
.cellule0 td {border:1px solid navy; padding:6px 10px}

.courrier {font-family:"Courier New", Courier, monospace;}

/* Exemple de code flottant à droite */
div.code-droite {
	float:right; border:1px solid navy; font-family:"Courier New", Courier, monospace;
	padding:6px; background-color:#33CCFF; margin-right:40px;
}
div.code-droite p { margin:0px;}
div.voir {float:right}
/* Exemple de résultat HTML */
div.html-droite, div.tester {
	float:right;width:300px; padding:6px; font-size:80%;  line-height:120%; background-color:#fff; border:2px solid navy; margin-left:30px;
	color:black;margin-top:20px;
}
div.tester {width:80px; text-align:center;}
div.html-droite h1 { font-size:14px; margin-bottom:14px;color:#000; margin-left:0px;}
div.html-droite h2 { font-size:12px; text-decoration:none; font-style:normal; margin-bottom:10px;color:#000; margin-left:0px;}
div.html-droite p { margin-bottom:8px; margin-top:8px;color:#000; margin-left:0px;}
div.html-droite ol, div.html-droite ul, div.html-droite li { margin: 3px 0px 3px 15px;}
div.html-droite dt {margin:6px 0px 6px 0px; }
div.html-droite dd {margin:6px 0px 6px 20px; }

div.html-droite2 {
	float:right;width:100px; padding:6px; font-size:80%;  line-height:120%; background-color:#fff; border:2px solid navy; margin-left:30px;
	color:black;margin-top:12px; cursor:pointer;
}
div.html-droite2 a:hover {
	color:red !important
}

table.bordbleu {
        font-size: 100%; font-family: verdana, arial, helvetica, sans-serif;
        border:1px solid #0060a9; padding: 5px;
}

table * { border-color:navy; }
table.center td,table.center th {text-align:center; padding:3px}
.c3 {
	color:#006; font-style:italic;
}

.rouge {color:red}
/* inutilisés pour l'instant */


table.bord_bleu {padding:0px; margin-left:20px; margin-right:20px; border-color:#0060a9;}
td.bord_bleu {border-style:solid; border-width:1px;vertical-align:top;}
td.bord_bleu_gras {border-style:solid; border-width:1px; vertical-align:middle; font-weight: bolder; 
		text-decoration: none; text-align:center; color:#0066a9}



.description { position: relative; left: 30px; background-color: #ffcccc; color: black; 
               font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; 
			   border: 2px dashed #0000ff; margin-left: 2px; 
               margin-right: 2px; margin-top: 5px; margin-bottom: 5px; padding: 15px }


li.retrait {margin-left:20px;}
span.a_faire {
        text-decoration:none; color:#993300; 
        padding-left:8px; padding-right:8px; background-color: #cccccc
}
.bleu {color:#0000c0}
span.exercice {text-decoration:underline; font-weight:bold}
.bouton {background-color: #0060a9; color: #5dc4b8}
.liste {background-color: #0060a9; color: #5dc4b8}
.liste_deroulante {background-color: #0060a9; color: #5dc4b8;}