/*oooooooooooooooooooooooooooooooooooo
Css screen - Staf cnt 29
oooooooooooooooooooooooooooooooooooo*/

/*-- reset marges --*/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
ul, ol, li,
fieldset, form, label,
table, tr, td {
margin: 0;
padding: 0;
}

/*-- document html --*/

html { font-size: 100%; }
body {  }

/*-- liens --*/

a { text-decoration: underline; }
a:active { outline: none; }
a img, a object { border: none; }

/*-- textes --*/

h1, h2, h3, h4, h5, h6 {
font-weight: normal; 
font-style: normal;
}
hr { display: none; }
sup, sub { line-height: 0; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
abbr { 
border-bottom: 1px dotted #000;
cursor: help;
}

/*-- formulaire --*/

form, fieldset { border: none; }
form label { cursor: pointer; }
input, button, select { vertical-align: middle; }

/*-- tableau --*/

table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #fff;
}
td {
border: 1px solid #fff;
vertical-align: top;
}


/*oooooooooooooooooooooooooooooooooooo
Mise en page globale 
oooooooooooooooooooooooooooooooooooo*/

/* html */
html {
background: #fdfefe;
height: 100%;
}

/* image de fond et police */

body {
font: 0.8em/1.3em Arial, Helvetica, "Trebuchet MS", sans-serif;
color: #000000;
margin: 0;
}

/* séparations hr */

hr {
display: none;
}

/* couleur des liens */

a {
color: #f30d0d;
text-decoration: none;
}

a:hover, a:focus, a:active {
color: #c61010;
text-decoration: underline;
}

/*oooooooooooooooooooooooooooooooooooo
Conteneurs 
oooooooooooooooooooooooooooooooooooo*/

#entete, #contenu, #menu, #footer {
margin: 0 auto;
}

#entete {
background: #FFF url(images/fond-banniere.jpg) repeat-x center top;
width: 880px;
height: 171px;
}

#contenu {
overflow: auto;
height: 1%;
width: 880px;
}

#menu {
width: 880px;
}

#article {
float: left;
width: 600px;
background: #fdfefe;
}

#colonne {
float: right;
width: 270px; /* - 10 pour la marge */
background: #FFF;
}

#footer {
clear: both;
width: 880px;
}

/*oooooooooooooooooooooooooooooooooooo
entete
oooooooooooooooooooooooooooooooooooo*/

#entete img#logo{
position : absolute;
margin-left : 20px;
}

#entete img#staf{
position : absolute;
margin-left : 200px;
margin-top: 40px;
}

/*oooooooooooooooooooooooooooooooooooo
menu 
oooooooooooooooooooooooooooooooooooo*/

#menu {
display: block;
overflow: auto;
background: #000;
margin-bottom: 10px;
}

#menu a {
padding: 5px;
line-height: 2em;
color: #fff;
text-decoration: none;
}

#menu a:hover, #menu a:focus, #menu a:active {
color: #dbd9d9;
text-decoration: underline;
}

#menu li {
float : left; 
display: block;
padding: 5px 8px;
}

/*oooooooooooooooooooooooooooooooooooo
Articles
oooooooooooooooooooooooooooooooooooo*/

#article {
margin-bottom : 10px;
}

#article h2 {
background: #dbd9d9;
color: #ffffff;
font-size : 1.7em;
line-height: 1.1em;
font-weight: bold;
/*font-style: italic;*/
padding: 9px 7px;
margin-bottom: 10px;
clear: both;
}

#article h2.inverse {
background: #f30d0d;
color: #fff;
font-size : 1.7em;
line-height: 1.1em;
font-weight: bold;
/* font-style: italic; */
padding: 9px 7px;
margin-bottom: 10px;
clear: both;
}

#article h3 {
font-size : 1.3em;
font-weight: bold;
line-height: 1.2em;
padding: 10px 0 10px 10px;
}

#article img {
float: left;
margin: 10px;
}

#article p {
padding: 7px 10px;
}

#article ul {
margin: 7px 10px;
}

#article li {
list-style: disc;
margin-left: 15px;
}

/*oooooooooooooooooooooooooooooooooooo
Colonne
oooooooooooooooooooooooooooooooooooo*/

#colonne {
margin-bottom : 10px;
line-height: 1.2em;
}

#colonne h2 {
font-size : 1.3em;
font-weight: bold;
background: #fdfefe;
color: #f30d0d;
padding: 10px 0 10px 10px;
}

#colonne p {
padding: 7px 10px;
}

#colonne img{
float : left;
margin: 10px;
}

#colonne li{
display: block;
overflow: auto;
height: 1%;
border-bottom : solid 1px #dbd9d9;
}

#colonne li a{
display: block;
font-weight: bold;
margin : 5px 10px;
}

#colonne li p a{
font-weight: normal;
}

/*oooooooooooooooooooooooooooooooooooo
Formulaire de contact
oooooooooooooooooooooooooooooooooooo*/

p.important{
color: #b83b03;
}

#contact-form label{
float:left;
font-weight: bold;
text-align:right;
width: 100px;
padding: 3px 10px 9px 0;
}

#contact-form textarea {
border:1px solid #808080;
}

#contact-form input.textfield {
border:1px solid #808080;
padding: 3px;
width: 200px;
}

#contact-form input.textfield:focus, #contact-form textarea:focus {
background: #e9e9e9;
}

#contact-form #submit{
margin-left: 110px;
}