body { font: normal 12px Arial; margin: 3px; color: #313131 }
* { padding: 0px; margin: 0px; list-style-type: none }
h1 { font-size: 28px; font-weight: normal }
h2 { font-size: 20px; font-weight: normal }
h3 { font-size: 18px; font-weight: normal }
h4 { font-size: 16px; font-weight: normal }
h5 { font-size: 14px; font-weight: normal }
h6 { font-size: 11px; font-weight: normal }
select { border: 1px solid #9c9c9c; padding: 2px 3px; font-size: 12px }
input { border: 1px solid #9c9c9c; padding: 2px 3px; font-size: 12px }
textarea { border: 1px solid #9c9c9c; padding: 2px 3px; font-size: 12px }
a { color: #313131 }
.link1 { color: #ce5d24 } /* red */
.link2 { color: #666666 } /* gray */
.link3 { color: #669933 } /* green */

/* ************************************************* header ***/
#wrapper { width: 992px; margin: 0px auto }

.top { height: 125px; border: 1px solid #dfe1de; background: url(../images/fond.gif) repeat-x; margin-bottom: 1px; position: relative }
.top .logo { display: block; position: absolute; margin: 15px 0px 0px 15px }
.top .user { width: 350px; position: absolute; bottom: 12px; left: 370px }
.top .pub { position: absolute; bottom: 0px; right: 5px }
.top .pub span { color: #ff791f }
.top .pub a { display: block; background: url(../images/new_quizz3.gif) no-repeat; width: 241px; height: 80px; color: #ffffff; text-align: center; line-height: 75px; text-decoration: none; margin-top: 3px }

.top_info { border-top: 5px solid #ffca41 }
.top_info li { display: block; float: left; height: 30px; line-height: 30px }
.top_info li.date { border-bottom: 1px solid; width: 198px }
.top_info li.block { background: #ffca41 url(../images/cote_gauche.gif) left no-repeat; margin-right: 8px }
.top_info li.block h3 { display: block; float: left; background: url(../images/cote_droite.gif) right no-repeat; height: 30px; line-height: 30px; padding: 0px 20px; color: #ffffff }

/* ************************************************* footer ***/
.footer { background-color: #faf8ee; border: 1px solid #f1e1a7; padding: 10px 0px; text-align: center; margin-bottom: 5px }
.footer a { color: #666666 }

/* ************************************************* content structure ***/
#col1 { float: left; width: 588px }
#col1_ { float: left; width: 790px }
#col2 { float: left; width: 192px; margin-right: 10px }
#col3 { float: right; width: 192px; margin-left: 10px }

.box1 { background: #faf8ee url(../images/puce-beige.gif) no-repeat; border: 1px solid #f1e1a7; padding: 5px 10px 10px 18px }
.box2 { background: #f3f7e1 url(../images/puce-verte.gif) no-repeat; border: 1px solid #c4ce9d; padding: 5px 10px 10px 18px }
.arr1 { background-image: url(../images/puce-rouge.gif) }
.arr2 { background-image: url(../images/puce-jaune.gif) }
.arr3 { background-image: url(../images/puce-verte.gif) }

.band { margin-left: -19px; margin-right: -11px; border-top: 1px solid #e2d29a; border-bottom: 1px solid #e2d29a; padding: 2px 0px; background-color: #ffffff }
.band p { background-color: #e2d29a; color: #ffffff; padding: 0px 20px; font-weight: bold; height: 18px; line-height: 18px; font-size: 13px }
.band p a { display: block; padding: 0px 20px; height: 18px; line-height: 18px; font-size: 13px; color: #ffffff; border-right: 2px solid #ffffff; float: left; text-decoration: none }
.band p a:hover { background-color: #ff791f }
.band p a.on { background-color: #ff791f }

.band1 { margin-left: -19px; margin-right: -11px; border-top: 3px double #c4ce9d; border-bottom: 3px double #c4ce9d }

.list_table { text-align: left }
.list_table tr.on { background-color: #f5f1da }
.list_table td { padding: 10px 11px }

.list_table1 tr.head { background-color: #e2d29a }
.list_table1 tr.head td { border-right: 2px solid #ffffff }
.list_table1 tr.line { background-color: #f5f1da }
.list_table1 tr.line td { border-top: 2px solid #ffffff }
.list_table1 td { padding: 4px 10px; text-align: center; font-size: 14px }

.button1 { display: block; background-color: #ffca41; border: 1px solid #febb0f; padding: 5px 0px; text-align: center; cursor: pointer; font-size: 18px; position: relative }
.button2 { display: block; background-color: #a2c419; border: 1px solid #669933; padding: 5px 0px; text-align: center; cursor: pointer; font-size: 18px; position: relative }

.cont1 { border: 3px double #c4ce9d; padding: 4px 5px }

/* ************************************************* error message ***/
#msg_conf { background-color: #faf8ee; border: 1px solid #f1e1a7; padding: 10px; position: relative }

.clr { clear: both }

#ajax_field { border-width: 0px; height: 0px; visibility: hidden; margin: 0; padding: 0; font-size: 1px }