body {
text-align:center;
font-size:14pt;
background-color:#536E7D;
color:#F2B28D;
font-family:Comic Sans MS;
}

h1 {
margin-left:10px;
font-weight:700;
background-color:#1A3540;
color:#F2B28D;
}

h5 a {
color:#F2DCB3;
text-decoration:overline underline;
}

object {
width:36px;
height:16px;
margin:0;
}

table {
width:95%;
margin:auto;
}

form input,form select {
font-size:14pt;
text-align:center;
font-family:Comic Sans MS;
}

form input {
background-color:#786056;
font-weight:700;
color:#F2DCB3;
}

#titre,#baspage {
background-color:#1A3540;
border:5px solid #F2DCB3;
color:#F2B28D;
font-weight:700;
text-align:center;
}

#baspage {
font-size:12pt;
margin-top:10px;
line-height:30px;
}

#baspage a {
text-decoration:overline underline;
color:#F2DCB3;
font-weight:700;
}

#contenu {
width:90%;
overflow:auto;
margin:auto;
}

#trier,#coder,#placer {
width:90%;
border:2px solid #F2DCB3;
margin:auto auto 10px;
}

#micetf {
font-weight:700;
font-size:10pt;
color:#F2DCB3;
text-align:center;
}

#micetf a {
color:#F2DCB3;
text-decoration:underline overline;
}

#recordbattu {
position:absolute;
top:110px;
right:10%;
width:80%;
height:620px;
background-color:#FF0;
border:2px solid #F2DCB3;
line-height:100px;
}

#courriel {
float:right;
width:20%;
line-height:50px;
margin:1%;
}

#courriel a {
color:#F2DCB3;
font-weight:700;
font-size:12pt;
text-decoration:overline underline;
}

#logo {
float:left;
width:20%;
margin:1%;
}

#logo img {
width:100px;
border:none;
}

.inline {
display:inline;
}

.consigne {
background-color:#786056;
border:2px solid #F2DCB3;
width:90%;
margin:20px auto auto;
}

.choix td {
font-size:12pt;
font-weight:700;
color:#F2B28D;
}

.signifiant1 {
text-align:center;
background-color:#786056;
}

.signifiant2 {
text-align:center;
}

.bienvenue {
color:#F2B28D;
line-height:30px;
}

ul.bienvenue {
text-align:left;
margin-left:10%;
margin-right:10%;
padding-top:10px;
padding-bottom:10px;
background-color:#786056;
border:2px solid #F2DCB3;
}

.cellule {
height:200px;
}

.chrono {
color:#F2DCB3;
line-height:28pt;
width:100px;
text-align:right;
font-size:12pt;
float:right;
margin-right:5%;
}

.record {
color:#F2DCB3;
line-height:28pt;
font-size:12pt;
float:left;
margin-left:5%;
}

.mot p {
font-size:16pt;
}

.image img {
width:100px;
height:100px;
}

.vert {
background-color:#1A3540;
color:green;
margin:5px;
padding:0 5px 0 5px;
}
.son1,.son2 {
text-align:left;
padding-left:50px;
}

.son1 {
background-color:#786056;
}

h2,h3,h4,h5,form input:hover,.majuscule,.bienvenue a {
color:#F2DCB3;
}
.rouge {
background-color:#786056;
color:red;
margin:5px;
padding:0 5px 0 5px;
}
.choix img, .bienvenue img,.record img,.chrono img {
border:0;
width:30px;
height:30px;
}

.image,.mot {
width:20%;
border:2px solid #F2DCB3;
}

.choix .hautparleur img, .image .hautparleur img{
width:36px;
height:16px;
background:transparent;
}
.retour {
font-size:12pt;
font-weight:bold;
color:#F2DCB3;
text-decoration:underline overline;
}