/**
 * File: screen.css
 */

body {

    font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    background: url('images/background.jpg');
}

a {
	color: #337091;
}

label {
	
	display:block;
	float: left;
	width: 150px;
}

.bold {

    font-weight: bold;
}

.right {

    text-align: right;
}
.left {

    text-align: left;
}
.center {

    text-align: center;
}

.italic {

    font-style: italic; 
}

.send {
  background-color: #A3E78F;
  border: 1px solid #279A2D;
  padding: 2px;
  text-align:center;
  margin-bottom: 5px;
}
.error {
  background-color: #f57884;
  border: 1px solid #ed394a;
  padding: 2px;
  text-align:center;
  margin-bottom: 5px;
}

#menu {
   height:25px;
   width: 100%;
   margin-bottom: 10px;
   background: #DDD url('images/barre.jpg');
}

#menu ul {
   margin: 1px 0px 0px 0px;
   padding: 0;
   list-style-type: none;
}

#menu ul li { 
   padding: 5px 0px 6px 0px;
   width: 112px;
   float: left;
   text-align:center;
   border-right: 1px solid #FFF;
}

#menu ul li:hover { 
   background: #DDD url('images/barre_hover.jpg');
}

#menu ul li a { 
   color: #337091;
}

#menu ul li a { 
	text-decoration: none;
	display: block;
}

div#page {

    margin: 0 auto;
    padding: 10px;
    width: 950px;
    background: #FFFFFF;
}
div#page_valid {
	
	position: absolute;
    top: 50%;  
	left: 50%;
	width: 950px;
	height: 300px;
	margin-left: -475px;
	margin-top: -150px;
	text-align:center;
}

div#page div.header {


    height: 200px;
    background-image: url('images/header.jpg');
    margin-bottom: 5px;
}

div#page div#column-left {

    width:70%;
    float: left;
}

div#column-left div.block {

    width: 98%;
}

div#page div#column-right {

    width:30%;
    float: right;
}

div#column-right div.block {

    width: 100%;
}

div.block {

    margin: 0px 0px 10px 0px;
    background: #FFFFCC;
}

div.block h1, div.label h1 {

    background: url('images/title.jpg');
    height: 23px;
    color: #FFF;
    padding-top: 2px;
    padding-left: 10px;
    margin: 0px;
    font-size: 14px;
}

div.block h2 {
	
	
	background: #FFF;
	width: 500px;
	margin: 10px 0px 10px 20px;
	padding-left: 10px;
	border-left: 3px solid #FFCC66;
	border-bottom: 1px dashed #FFCC66;
}

div.block div.content, div.label div.content {

    padding: 5px;
}
 
div.block div.content img {
    
    padding: 5px;
}

table.list td {

    border-bottom: 1px solid #EEEEEE;
}

div.chapter {

    padding: 5px;
    margin: 5px;
    width: 300px;
    float: right;
    background: #FFFFFF;
}

div.label {

    border: 1px solid #FF9900;
    background: #FFFFCC;
    width: 300px;
    height: 194px;
    text-align:center;
    float:left;
    margin: 5px;

}

table.annonces {
	
	margin: 0px auto;
	border: 1px solid #CCC;
	background: #FFF;
	text-align: center;
}
table.annonces th {
	
	
	background: #EEE;
	border-bottom: 1px solid #DDD;
}

fieldset {
	
	margin: 0px auto;
	background: #fff;
}

div.both {

    clear:both;
    text-align:right;
}

div#page div#copyright {

    font-size: 9px;
    text-align: center;
    clear:both;
}