body {background-color:maroon;font-family:arial;font:normal 10pt arial;color:gray;}
#titre {width:100%;text-align:center;color:maroon;background-color:#FFFFCC;font-size:18pt;font-weight:bold;padding:8px 0px;}
#menu {width:100%;text-align:center;color:maroon;background-color:#FFCC00;font:bold 10pt arial;padding:8px 0px;}
#menu span {color:maroon;cursor:pointer;border:solid 1px maroon;padding:2px;}
#menu span:hover {background-color:#FFFFCC;}
#choix_v {margin-top:5px;margin-left:5px;width:150px;height:260px;border:solid 1px #FFCC00;font:normal 9pt arial;color:maroon;background-color:#FFFFCC;overflow:auto;}
#cadre0, #cadre1, #cadre2, #cadre3, #cadre4, #cadre5, #cadre6, #cadre7, #cadre8, #cadre9, #cadre10, #cadre11, #cadre12, #cadre13, #cadre14, #cadre15, #cadre16, #cadre17, #cadre18 {display:none;margin-top:10px;height:350px;width:600px;margin-left:auto;margin-right:auto;background-color:#EAEAEA;font:normal 9pt arial;color:gray;padding:10px;}
#cadre0 {width:750px;height:380px;} 
#cadre16 {width:700px;}
#cadre17 {width:700px; height:auto;}
#cadre3  {width:650px;overflow:auto;}
#cadre4, #cadre8, #cadre15 {height:400px;}
.sstitre {text-align:center;padding:5px 0px;font:bold 10pt arial;color:maroon;background-color:#FFCC00;}
#creation {float:left;}
#code {margin-left:200px;margin-top:15px;font:normal 9pt arial;}
#code input {margin-left:20%;}
#intro {height:330px;border:solid 1px #FFCC00;padding:5px;text-align:justify;overflow:auto;}
#modif, #choix {border:solid 1px #FFCC00;padding:5px;text-align:justify;}
div.entete {font:bold 8pt arial;color:maroon;background-color:#FFCC00;font-style:italic;text-align:center;}
#cocher_tout, input {margin-top:5px;background-color:#F9F9F9;border:outset 2px #CCC;font:bold 8pt arial; color:gray;cursor:pointer;text-align:center;}
input.check {border:none;}
#cocher_tout:hover, input:hover {background-color:#FFCC00;color:red;}
#tableau {width:100%;}
#tableau caption {text-align:left;background-color:#FFEB9B;color:maroon;font-style:italic;font-size:9pt;font-weight:bold;padding:3px 5px;}
#tableau td {width:19%;border:solid 1px #FFF;font-size:11pt;color:maroon;letter-spacing:1px;padding-left:3px;}

/* EXERCICE 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 */
span.lettre {font:bold 18pt 'courier new';color:maroon;border:solid 1px gray;padding:0px 3px;background-color:#FFFFCC;margin-left:2px;}
input.num {background-color:#EAEAEA;color:maroon;border:none;cursor:default;font-size:10pt;}
#ex1, #ex2, #ex3, #ex4, #ex5, #ex6, #ex7, #ex8, #ex9, #ex10, #ex11, #ex12, #ex13 {text-align:center;}

#nbq {display:none;width:300px;height:250px;position:absolute;top:21%;left:37%;background-color:#FFFFCC;color:gray;text-align:center;border:dashed 5px maroon;padding:15px;font-size:10pt;}
.spin {font:bold 16pt arial;background:gray;color:#FFF;padding:3px 9px;border:outset 1px #FFF;cursor:pointer;}
.spin:hover {background-color:#FFCC00;}
input#s1 {border:none;width:30px;font:bold 12pt arial;color:black;}

#listes {width:250px;margin-left:auto;margin-right:auto;font:bold 12px arial;color:maroon;line-height:30px;border:solid 1px #FFCC00;padding:15px;}
#listes form {text-align:left;}
#copyr {font-family:verdana;font-size:7pt;color:#FFCC00;text-align:center;}
#copyr a:visited {color:#FFCC00;}
#copyr a:link {color:#FFCC00;}