body {
  background: url('../images/fond.png') repeat-x top left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0;
  color: #333;
  font-size: 11px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
div, img, ul, form { margin: 0; padding: 0; border: 0; }
img { display: block; }
ul { list-style-type: none; }
p { margin: 0; margin-top: 14px; padding: 0; border: 0; }
h1 , h2 , h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h1 span { visibility: hidden; font-size: 1%; }

#page { background: url('../images/fond-gauche.png') no-repeat; padding-left: 40px; width: 1110px; }
#ombre { background: url('../images/ombre.png') repeat-y; }

.cl { clear: both; }

#content { background: url('../images/content.gif') repeat-y 0 245px; width: 928px; }
#gauche { float: left; background: url('../images/fond-menu.jpg') no-repeat; width: 240px; }

/* logo */
#logo { background: url('../images/logo.jpg') no-repeat; margin: 30px 0 0 27px; width: 131px; height: 112px; }
#logo a { display: block; width: 131px; height: 112px; }
#logo a:hover { text-decoration: none; }

/* menu */
#menu { 
  border-bottom: 1px solid #46a5af; margin: 145px 0 150px 42px; font-weight: bold; text-transform: uppercase; width: 183px; 
}

#menu a:hover { text-decoration: none; }
#menu dt { border-top: 1px solid #46a5af; padding: 9px 0; font-size: 11px; }
#menu dt a { color: #fff; }
#menu dt a:hover, #menu dt a#on { color: #000; }
#menu dd { margin-bottom: 10px; font-size: 10px; }
#menu dd a { display: block; padding: 1px 0 1px 12px; color: #fbbf19; }
#menu dd a:hover, #menu dd a#on { background: #fbc01a; color: #333; }

#droite { float: left; position: relative; width: 688px; }

/* bandeau */
#bandeau { margin: 37px 0 0 -9px; }
#bandeau-h { background: url('../images/bandeau-h.png') no-repeat; width: 706px; height: 7px; }
#bandeau-m { background: url('../images/bandeau-m.png') repeat-y; padding: 0 0 0 7px; width: 699px; }
#bandeau-b { background: url('../images/bandeau-b.png') no-repeat; width: 706px; height: 7px; }

/* chemin */
#chemin { 
  background: url('../images/bandeau-ombre.jpg') no-repeat;
  margin-bottom: 5px; 
  padding: 5px 0 0 15px;
  color: #a9a9a9;
  font-size: 10px;
  width: 673px;
  height: 13px;
}

#chemin li { display: inline; }
#chemin a { color: #a9a9a9; }
#chemin span { color: #188084; }

/* contenu */
#contenu { float: left; background: url('../images/contenu.gif') no-repeat; padding: 0 28px 0 16px; width: 464px; }

#contenu h2 { 
  margin-top: 25px; 
  color: #000; 
  font-size: 18px; 
  font-style: italic; 
  font-weight: bold; 
  text-transform: uppercase; 
  width: 400px; 
}

#contenu h2 span { color: #1ca6b5; }

#contenu h3 { 
  margin-top: 15px; color: #1ca6b5; font-size: 16px; font-style: italic; font-weight: bold; text-transform: uppercase; 
}


#contenu h4 { margin-top: 25px; color: #343434; font-size: 14px; font-weight: bold; /*text-align: justify;*/ }
#contenu h4 span { color: #1ca6b5; }
#contenu h4 a { text-decoration: none; }

#contenu p { line-height: 160%; }
#contenu p span, #contenu .liste span, #contenu .liste-references span { color: #87888a; }
.liste { margin-left: 6px; line-height: 160%; }

#contenu .lien {
  float: right;
  display: inline;
  background: url('../images/puce.png') no-repeat top right;
  margin: 5px 2px 0 0;
  padding: 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 125%;
}

.lien a { background: #14a4bf; margin-right: 16px; padding: 1px 6px 2px 3px; color: #fff; text-transform: uppercase; }

.img-gauche, .img-espace-droite { float: left; padding: 25px 15px 0 5px; }
.img-centre { margin-top: 25px; }
.img-droite, .img-espace-gauche { float: right; padding: 12px 19px 0 28px; }
.references-droite { float: right; padding: 0 5px 0 15px; }

.separateur { background: url('../images/separateur.jpg') no-repeat; margin: 15px 0 0 6px; width: 444px; height: 10px; }

.hidden { display: none; }

#contenu .references { color: #87888a; }
#contenu .references li { color: #333; }
#contenu .references p { line-height: 125%; }
.liste-references { margin: 10px 0 0 20px; }
.missions { margin-top: 15px; }
.missions li { float: left; width: 225px; }

.bleu { color: #1ca6b5; }
.gris { color: #87888a; }

/* focus */
.focus { float: left; margin-top: 10px; }
.premierfocus { margin-right: 6px; }
.focus-h { background: url('../images/focus-h.gif') no-repeat; width: 229px; height: 6px; }
.focus-m { background: url('../images/focus-m.gif') repeat-y; padding-left: 8px; width: 221px; }
.focus-m img { padding-top: 17px; }

#contenu .focus-m h3 { 
  margin-top: 20px; color: #000; font-size: 14px; font-style: normal; font-weight: bold; text-transform: none; width: 205px; 
}

#contenu .focus-m p { line-height: 125%; }
.focus-texte { text-align: justify; width: 212px; }
.focus-b { background: url('../images/focus-b.gif') no-repeat; width: 229px; height: 17px; }

.focus-lien {
  float: right;
  display: inline;
  background: url('../images/puce.png') no-repeat top right;
  margin: 9px 9px 0 0;
  padding: 7px;
  font-size: 10px; 
  font-weight: bold;
}

.focus-lien a { background: #14a4bf; margin-right: 16px; padding: 1px 6px 2px 3px; color: #fff; text-transform: uppercase; }

/* cartouche */
#cartouche { clear: both; margin-top: 35px; }
#cartouche-h { background: url('../images/cartouche-h.gif') no-repeat; width: 465px; height: 7px; }
#cartouche-m { background: url('../images/cartouche-m.gif') repeat-y; padding: 11px 0 10px 10px; width: 455px; }
#cartouche-m h4 { margin: 0; color: #343434; font-size: 14px; font-weight: bold; text-align: justify; width: 442px; }
#cartouche-m h4 span { color: #1ca6b5; font-style: italic; }
#cartouche-m p { width: 442px; }

#legende { margin-left: 15px; }
#legende li { float: left; padding: 10px 0 0 45px; color: #343434; font-size: 12px; width: 165px; height: 24px; }
.billetique { background: url('../images/icones/billetique.jpg') no-repeat; }
.prestations { background: url('../images/icones/prestations.jpg') no-repeat; }
.saeiv { background: url('../images/icones/saeiv.jpg') no-repeat; }
.routier { background: url('../images/icones/routier.jpg') no-repeat; }
.mobilite { background: url('../images/icones/mobilite.jpg') no-repeat; }
.urbain { background: url('../images/icones/urbain.jpg') no-repeat; }
.region { background: url('../images/icones/region.jpg') no-repeat; }
.departement { background: url('../images/icones/departement.jpg') no-repeat; }
.multiaot { background: url('../images/icones/multiaot.jpg') no-repeat; }
.urbain strong { color: #004a99; }
.region strong { color: #e2007a; }
.departement strong { color: #799c13; }
.multiaot strong { color: #fbbf19; }

#cartouche-b { background: url('../images/cartouche-b.gif') no-repeat; width: 465px; height: 17px; }

/* demande d'informations */
#contact { margin-top: 25px; }
#contact input, #contact textarea { width: 250px; }
#contact textarea { height: 100px; }
#contact #captcha { width: 15px; }
.cellule2 { width: 150px; }
#champs-obligatoires { font-size: 10px; font-style: italic; }
.response p, .response { margin: 0; color: #ff0000; font-weight: bold; }

/* contenu de droite */
#contenu-droite { float: left; width: 180px; }

/* nos interventions */
#nos-interventions { 
  background: url('../images/nos-interventions.png') no-repeat; margin-top: 25px; width: 167px; height: 40px; 
}

#nos-interventions span { visibility: hidden; }

.bx_wrap { margin: 12px 0 0 -4px; width: 174px; }
.bx_wrap .prev { float: left; width: 9px; margin-top: 21px; }
.bx_wrap .next { float: right; width: 10px; margin-top: 21px; }
.bx_wrap .bx_container { float: left; width: 155px; }
.bx_wrap .bx_container .interventions { width: 155px; }

/* vous avez un projet ? */
#projet { margin: 10px 0 0 -4px; }
#projet h2 { background: url('../images/vous-avez-un-projet.png') no-repeat; width: 177px; height: 67px; }
#projet h2 span { visibility: hidden; }
#projet-texte { background: url('../images/projet.png') repeat-y; padding: 11px 0 10px 0; width: 177px; }
#projet-texte p { border-left: 2px solid #fbc01a; margin: 0; margin-left: 17px; padding-left: 6px; width: 140px; }
.parlons-en { display: block; background: url('../images/parlons-en.png') no-repeat; width: 177px; height: 48px; }
.parlons-en span { visibility: hidden; }
.parlons-en:hover { text-decoration: none; }

/* Le conseil de l'expert */
#le-conseil-de-lexpert { 
  background: url('../images/le-conseil-de-lexpert.png') no-repeat; margin-top: 25px; width: 135px; height: 40px;
}

#le-conseil-de-lexpert span { visibility: hidden; }

#conseil-expert { 
  background: url('../images/bulle.png') no-repeat 36px 0; margin: 5px 0 25px 0; padding-top: 1px; width: 172px; 
}

#conseil-expert p { border-left: 2px solid #fbc01a; margin-left: 13px; padding-left: 6px; width: 150px; }

/* une couverture nationale */
#une-couverture-nationale { 
  background: url('../images/une-couverture-nationale.png') no-repeat; margin-top: 25px; width: 181px; height: 40px; 
}

#une-couverture-nationale span { visibility: hidden; }

.img-contenu-droite { margin: 10px 0 25px 0; }

/* nos r�f�rences */
#nos-references { margin-left: 16px;  }
#nos-references h2 { color: #000; font-size: 16px; font-style: italic; font-weight: bold; text-transform: uppercase; }
#nos-references .precedent, #nos-references .suivant, #nos-references ul{ float: left;  margin-top: 15px; }
#nos-references ul li { display: inline; margin-right: 15px; }
#nos-references ul li img { display: inline; }

/* footer (en haut) */
#footer {
  position: absolute;
  background: url('../images/footer.jpg') no-repeat;
  margin-right: -8px;
  padding: 6px 11px 0 0;
  color: #a3d5d9; 
  top: 0px;
  right: 0px;
  text-align: right;
  width: 390px;
  height: 19px;
}

#footer li { display: inline; }
#footer li a { color: #a3d5d9; }

/* footer (en bas) */
#footer-bis { border-top: 1px solid #b8c0c6; margin: 3px 0 15px 16px; font-size: 10px; width: 665px; }
#credits { color: #969696; margin-top: 16px; text-align: right; }
#credits a { color: #969696; }
#mots-cles { margin-top: 4px; }