body{
text-align:center;
background: #424242;
font-family: verdana, arial, tahoma;
font-size:11px;
margin:0;
padding:0;
}
#page{
width:760px;
color: #404040;
margin: 21px auto;
text-align:left;
}
#header{
width:760px;
height:199px;
font-size: 0;
}
/* Contenu haut gauche */
#contenu_hg{
width:181px;
height:43px;
padding-top:128px;
padding-left:20px;
background: url(../media/interface/contenu_hg_1.gif) no-repeat;
float:left;
}
a.lien-contenu_hg{
text-decoration:none;
color:#FFF;
}
a.lien-contenu_hg:hover{
text-decoration:underline;
}
/* Contenu haut droit */
#contenu_hd{
font-size: 0;
width:559px;
height:171px;
background: url(../media/interface/contenu_hd_1.jpg) no-repeat;
float:left;
}
/* Contenu milieu gauche */
#contenu_mg{
height:39px;
margin:0px;
padding:0px;
font-size: 0;
float:left;
}
/* Contenu milieu droit */
#contenu_md{
height:39px;
margin:0px;
padding:0px;
font-size: 0;
float:left;
}
/* Contenu bas - permet d'aligner les parties gauche et droite */
#contenu_b{
width:760px;
background-color:#FFFFFF;
}
/* Contenu bas gauche */
#contenu_bg{
width:163px;
padding-left:28px;
padding-right:10px;
background-color:#FFFFFF;
float:left;
}
#contenu_bg p{
text-align:left;
}
div.sep{
border:0px;
height:1px;
font-size:0px;
background:url(../media/interface/ligne.gif) repeat-x;
margin-top:15px;
margin-bottom:15px;
padding:0px;
}
div.mid{
padding-right:10px;
}
/* Contenu bas droite */
#contenu_bd{
width:559px;
background: url(../media/interface/contenu_bd_fond.gif) no-repeat;
float:left;
}
#contenu_bd img.photo{
border:solid 1px #cdcdcd;
}
#contenu_bd-contenu{
width:90%;
position:relative;
top:15px;
left:32px;
padding-bottom:20px;
}
#contenu_bd-contenu p{
text-align:justify;
margin-bottom:10px;
}
.box{
border:solid 1px #FFFFFF;
}
#contenu_bd-coordonnees{
width:198px;
height:139px;
padding-left:25px;
padding-top:7px;
float:right;
background: url(../media/interface/barre_coordonnees.gif) no-repeat;
}
#contenu_bd-precisionqualite{
width:208px;
height:139px;
padding-top:7px;
float:right;
}
.separation{
width:559px;
height:18px;
margin-top:10px;
font-size: 0;
background: url(../media/interface/separation.gif) no-repeat;
background-position:center;
}
.separation-page{
width:520px;
}
#footer-inter{
width:50%;
color:#7B7B7B;
text-align:left;
float:left;
font-size:10px;
line-height:10px;
height:20px;
margin-top:7px;
}
#footer{
width:50%;
color:#7B7B7B;
text-align:right;
font-size:10px;
line-height:10px;
float:left;
height:20px;
}
a.lien-footer{
text-decoration:none;
color:#7B7B7B;
}
a.lien-footer:hover{
text-decoration:underline;
}
img.precision-qualite{
float:right;
margin:0 10px 0 10px;
}
img.logo-aw{
vertical-align:middle;
}
/* GENERAL */
a{
text-decoration:none;
color:#7695C8;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
p{
margin-top:0px;
}
ul{
list-style:none;
margin:0 0 10px 0;
padding:0px;
}
li{
background:url(../media/interface/puce.gif) no-repeat;
background-position: 0 5px;
padding-left:6px;
margin-bottom:5px;
}
.fl{
float:left;
}
.fr{
float:right;
}
img{
border:0px;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
img.pdf{
vertical-align:middle;
}
.l{
text-align:left;
}
.c{
text-align:center;
}                
.r{
text-align:right;
}
.intro{
font-style:italic;
padding:0 10px 10px 10px;
}
.justify{
text-align:justify;
}   
.small {
font-size: 0.90em;
}              
.spacer{
clear:both;
}
h1{
margin:0px;
margin-bottom:5px;
font:1.6em Arial, sans-serif;
font-weight:bold;
color:#950707;
}
h2{
margin:0px;
margin-bottom:5px;
font:1.4em Arial, sans-serif;
font-weight:bold;
color:#950707;
}
h3{
margin:0px;
margin-bottom:5px;
font:1.2em Arial, sans-serif;
font-weight:bold;
color:#950707;
}
h4{
margin:0px;
margin-bottom:5px;
font:1em Arial, sans-serif;
font-weight:bold;
color:#950707;
}
img.service-client{
float:left;
margin-right:22px;
}
img.no-margin{
margin:0px;
}
img.mail{
vertical-align:middle;
margin-right:3px;
}
.equipe{
border:solid 1px #cdcdcd;
height:105px;
}
.equipe p{
line-height:20px;
}
.equipe img.photo-service{
border:none;
border-right:solid 1px #cdcdcd;
}
.equipe img.nom-service{
margin-top:10px;
margin-bottom:3px;
}

/***** CONTACT *****/
table.contact {   
  width: 100%;
  margin: 0 0 0 0;
}
table.contact td.titre {
  padding: 15px 0 20px 0;
  font-size: 1.20em;
  color: #950707;
  font-weight: bold;
}
table.contact td.designation {
  width: 100px;
  padding: 7px 0 6px 10px;
  font-weight: bold;
  vertical-align: top;
}
table.contact tr.error td.designation {
  width: 100px;
  padding: 7px 0 6px 10px;
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: top;
}

table.contact td.required {
  width: 10px;
  font-size: 1px;
}

table.contact td.required-on {
  width: 10px;
  font-size: 1px;
  background-image: url(../media/interface/css-field-required.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
table.contact td.field {
  vertical-align: top;
  padding: 3px 0 0 0;
}
table.contact td.field input {
  width: 220px;
  padding: 2px 0 1px 2px;
  border: 1px solid #99B2B2;
  background-image: url(../media/interface/css-field-text.gif);
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 11px;
  color: #5D5D5D;
}
table.contact td.field textarea {
  width: 220px;
  height: 100px;
  padding: 0 0 0 2px;
  border: 1px solid #99B2B2;
  background-image: url(../media/interface/css-field-text.gif);
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 11px;
  color: #5D5D5D;
  font-family:Arial, Helvetica, sans-serif;
}
table.contact td.sep {
  height: 20px;
  font-size: 1px;
}
table.contact table.button {
  width: 100%;
}
table.contact table.button input {
  width: 100px;
  height: 20px;
  border-top: 1px solid #ECECEC;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #ECECEC;
  background-color: #7695C8;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
}
table.contact table.button td.space {
  width: 120px;
}
table.contact table.button td.submit {
  width: 120px;
  text-align: left;
}
table.contact table.button td.reset {
  text-align: left;
}
table.contact tr.error {
  background-color: #acacac;
}
        
div.error {
  color: #FFFFFF;    
  background-color: #acacac;
  margin-bottom:10px;
}                    
div.error div.titre {
  padding: 5px 15px;
  font-size: 1.30em;
  line-height: 1.30em;
  font-weight: bolder;
}         
div.error div.titre img {
  float:left;
}        
div.error div.txt {
  padding: 5px 15px;
}