html,body {
  background-color: transparent;
  background-image: url(/images/collaboratif2.png);
  background-attachment: fixed;
  text-align: justify;
  font-family : "Times New Roman", Times, serif, Verdana,Arial,Helvetica,sans-serif;
}

p,ul,li,td {
  font-size : 14px;
  font-family : "Times New Roman", Times, serif, Verdana,Arial,Helvetica,sans-serif;
  color : black;
  background-color : transparent;
}

h1 {
  font-size : 200%;
  font-family : "Times New Roman", Times, serif, Verdana,Arial,Helvetica,sans-serif;
  color : black;
  text-align: center;
}

h2 {
  font-size : 150%;
  font-family : "Times New Roman", Times, serif, Verdana,Arial,Helvetica,sans-serif;
  color : black;
  text-align: center;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border: 2px solid #544664;
  width: 750px;
}

td {
  padding: 5px;
  vertical-align: top;
}

.noborder {
 border-style: none;
}

.border {
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.logo {
  border-style: solid;
  border-width: 0px;
  border-color: black;
  background-color: transparent;
  width: 200px;
  padding: 10px;
  position: absolute;
  left: 790px;
  top: 0px;
}

.fronton {
  border-style: solid; 
  border-width: 0px;
  border-color: #cccc99;
  background-color: #cccc99;
  margin-left: 0px;
  width: 780px;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size : 200%;
  color: black;
  text-align: center;
}

.sitetit {
  border-style: solid; 
  border-width: 0px; 
  border-color: #cc99cc;
  background-color: transparent;
  margin-left: 0px;
  width: 780px;
  padding: 10px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #008000;
  text-align: center;
  font-weight:bold;
  font-size : 200%;
  font-style:italic
}

.menu {
  border-style: solid;
  border-width: 0px;
  border-color: red;
  background-color: transparent;
  width: 200px; 
  padding: 10px; 
  position: absolute;
  left: 790px;
  top: 160px;
}

.menu li:before {
  display: marker;
  content: url(/icons/4all/puce.gif) " ";
  marker-offset: 5px;
}

.main input{
  background-color: #ccffcc;
}

.question {
  text-align: center;
  font-weight: bold;
  background-color: #f5f5f5;
}

.reponse {
  background-color: #ffffff;
  valign: top;
}

.flash {
  color:            #FF0000;
  font-weight:      bold;
}

.main {
  border-style: solid; 
  border-width: 0px;
  border-color: blue; 
  margin-left: 0px; 
  width: 780px; 
  padding: 10px; 
  position: absolute;
  left: 0px;
  top: 30px
}

.tail {
  border-style: solid;
  border-width: 0px;
  border-color: grey;
  margin-left: 0px;
  width: 780px;
  padding: 10px;
  position: absolute; // voir http://jimbojw.com/wiki/index.php?title=Position_absolute_is_really_relative?&redirect=no
  left: 0px;
  top: 800px;
  color: grey;
  font-size: 9px;
  text-align: center;
  background-color: transparent;
}

/*
  aussi

  @import "subs.css";
  H1 { color: blue }

  ou

  @import "subs.css";
  @media print {
    @import "print-main.css";
    BODY { font-size: 10pt }
  }
  H1 { color: blue }

*/