body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
background: #c9c9c9;
vertical-align:top;
}
#conteneur {
position:relative;
width:780px;
padding: 30px 0px 0px 0px;
margin:auto;
background: #c9c9c9 ;
}
h1#logo a {
height: 99px ;
width:349px;
display: block ;
}
h1#logo a span {
display: none ;
}
#logo {
margin:0px;
}
#logo a {
width: 349px ;
height: 99px ;
display: block ;
position: absolute ;
left: 20px ;
top: 0px ; 
}
#entete {
width:780px;
height:30px;
padding: 0px;
text-align:right;
margin:auto;
background: #c9c9c9 ;
}
#entete form {
float:right;
background-color:#c9c9c9;
padding:0px 20px 0px 0px;
width:300px;
}
#entete select,option {
background-color: #000;
color:white;
padding:0px;
}
#exterieur {
width:780px;
height:450px;
padding-top:5px;
background: #000 ;
}
#interieur {
width:770px;
height:445px;
margin:0px 5px 5px 5px;
}
#gauche {
float:left;
width:520px;
height:385px;
padding:30px 0px 10px 0px;
text-align:center;
margin: 0 auto;
overflow: auto;
}
#clients {
float:right;
text-align:right;
margin:250px 0px 0px 0px;
}
#clients form {
float:left;
text-align: center;
width:300px;
padding:3px 0px 3px 0px;
margin:0px 0px 0px 0px;
}
#clients input {
background-color: #fff;
color:#000;
border: 2px solid #c9c9c9;
margin:5px 0px 0px 5px;
}
#clients select,option {
width: 200px;
background-color: #fff;
color:#000;
margin:0px 0px 0px 0px;
}
.clients {
float:right;
text-align:right;
margin:0px 0px 0px 0px;
}
.clients form {
float:left;
text-align: center;
width:300px;
padding:3px 0px 3px 0px;
margin:0px 0px 0px 0px;
}
.clients select,option {
width: 200px;
background-color: #fff;
color:#000;
margin:0px 35px 0px 0px;
}
#droite {
float:right;
width:210px;
height:395px;
background:#FFF;
margin:15px 10px 15px 10px;
padding:10px;
opacity: .6;
filter: alpha(opacity=60);
-moz-opacity: .6;
}
#droite h3 {
padding:0px 10px 0px 5px;
margin:5px 0px 0px 0px;
font-family: Arial, sans-serif;
font-size: 2.0em;
color:red;
font-weight: bold ;
letter-spacing: 1px ;
}
#droite p {
text-align:justify;
padding:0px 10px 0px 15px;
margin:0;
}
#droite a {
text-decoration:none;
color:#000;
}
#droite a:hover {
text-decoration:underline;
color:#2088A8;
}
#basdepage {
width:780px;
height:30px;
text-align:center;
background: #c9c9c9;
}
.spacer {
clear:both;
}
/* Formulaire de contact */
FORM {
padding:0px;
}
label { DISPLAY: inline ; FLOAT: left ; WIDTH: 40% ; font-weight: bold ; font-size:12px; color:#FFB400; margin: 2px 10px 0px 0px; text-align:right; vertical-align:top;}
input {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Geneva;
    font-size: 10px;
}
#formulaire .input
{
color:#fff;
border: solid 1px #fff;
background-color:#AAA;
font-size:10px;
font-family: Verdana, sans-serif;
font-weight: bold ;
margin: 0px;
}
.inpit
{
margin-bottom: 3px;
}
#formulaire .saisie {
  margin: 1px 0;
  padding: 2px 10px;
  border:0;
}
#formulaire .bas_formulaire {
  margin-top: 2px;
  padding: 10px;
  color:#fff;
  font-size: 10px;
  border: 0;
}
#formulaire #validateur {
  float: right;
}
.select {background-color: #FFF; margin-bottom: 4px; width:150px;}
.textarea { background-color: #FFF; margin:0px 0px 3px 10px;
}
.central {
  font-style: italic;
  margin: 1px 0;
  padding: 5px 10px;
  text-align:center;
color:#fff;
}
.captcha {text-align:right; margin: 10px 0px 10px 0px;}
.bouton {text-align:center; margin: 10px 0px 10px 0px;}
.certification {
text-align:center;
font-family: Arial, Helvetica, sans-serif ; font-weight: bold ; font-size:0.9em; color:#fff;
}
.certification img {
border:1px solid #fff;
}
.certification a {
color:#fff;
}
.required {
font-family: Arial, Helvetica, sans-serif ; font-weight: bold ; font-size:1.0em; color:red; text-align:center;
}
.separation {
height:4px;
padding: 0;
margin: 0;
}
.recapitulatif {
text-align:left;
font-family: Arial, Helvetica, sans-serif ;
font-weight: bold ;
font-size:1.0em;
color:#fff;
}
.rouge {
font-size:1.6em;
font-weight: bold ;
color:red;
text-align:center;
}
.rouge a {
color:red;
}
/* bannières */
.titlestyle {
text-align:left;
font-family: Arial, Helvetica, sans-serif ;
font-weight: bold ;
font-size:1.5em;
color:#fff;
background: #FFB400;
padding-left:10px;
}
.colonne1 {
font-family: Arial, Helvetica, sans-serif ;
font-size:1.2em;
color:#333;
}
.colonne1 a {
padding-left:20px;
color:#333;
text-decoration:none;
}
.colonne2 {
font-family: Arial, Helvetica, sans-serif ;
font-weight: bold ;
font-size:1.2em;
color:#333;
}
.red {
font-weight: bold ;
color:red;
}
.row1 {
font-style: italic ;
color:#333;
}
.row2 {
font-style: italic ;
color:#333;
}
.mini { 
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color:#333;
 }
.lien {
color:#333;
}
.lien a {
color:#333;
}
.pages {
font-size:1.2em;
color:#FFB400;
}
#tableau {
width:95%;
padding:0px;
margin:0px;
border:3px solid #FFB400;
background:#FFF;
}
/* miniatures  */
.miniature  {
float:left;
width:166px;
text-align:center;
color:#FF0;
margin-bottom:0px;
height:145px;
}
.miniature img {
width:160px;
height:100px;
border:2px solid #2088A8;
}
.maj{
vertical-align:top;
text-align:center;
background:#FFF;
border:5px solid #eee;
padding:5px;
margin: 0 0 0 10px;
}
.majbout{
padding:10px 0 0 0;
height:60px;
font-size:1.4em;
font-weight:bold;
color:#58595b;
background: url("http://www.hautsdefrance.com/images/accueil/grand_bouton.gif") no-repeat center top ;
}
.majbout a{
color:#2088A8;
text-decoration:none;
}
.majsep{
height:180px;
border-left:4px dotted #ddd;
}
.majtxt{
text-align:justify;
padding:5px 15px 5px 15px;
}
.majboutbl{
padding:5px 0 0 0;
margin-top:10px;
height:25px;
font-size:1.0em;
font-weight:bold;
color:#fff;
background: url("http://www.hautsdefrance.com/images/accueil/boutbleu.gif") no-repeat center top ;
}
.majboutbl a{
color:#fff;
text-decoration:none;
}
.majsitu{
font-size:1.2em;
font-weight:bold;
color:#2088A8;
}