/* Couleurs

Maison      : a21f44   (magenta)
Fond        : f4eedf   (Crème)
Texte clair : cfc3b3   (Marron clair)
Texte foncé : 73605c   (Marron foncé)
fée         : 68918f   (Bleu)
contour menu: 342826   (Marron très foncé)

filter: alpha(opacity=50); /* IE */

/*-moz-opacity: 0.5; /* Mozilla */

/*opacity: 0.5; /* CSS3 */

/*-khtml-opacity: .5; /* Safari */
/**/

/***************************************************************************       Général     */
* {
	margin: 0;
	padding: 0;
	}
body {
	font: 0.8em /1.5em verdana, arial, sans-serif;
	color: #000;
	background: #73605c url(../images/fond.jpg) top center no-repeat;
	}
a {
	color: #68918f;
	text-decoration: underline;
	font-weight: bold;
	}
a:hover {
	text-decoration: none;
	}
img {
	border-style: none;
	}
hr { margin: 10px 0; }

table {
  border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 0 auto 20px;
	}
table thead, tfoot {
  border-top: 1px solid #73605c;
  border-bottom: 1px solid #73605c;
	}
table th {
	font: bold small-caps 1em verdana, arial, sans-serif;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
  border-left: 1px dotted #73605c;
	}
table th img {
  vertical-align: middle;
	}
table tfoot td {
	font: bold 0.9em verdana, arial, sans-serif;
	text-align: center;
	}
table td {
	padding: 6px 5px;
	vertical-align: middle;
  border-left: 1px dotted #73605c;
	}
table th.nobords, td.nobords {
  border-left-width: 0;
	}
table tr.impair {	background-color: #f4eedf;	}
table td.tableft {	text-align: left;	}
table td.tabright {	text-align: right;	}
table td.centrer {	text-align: center;	}
table td.justifier {	text-align: justify;	}

.txtgauche { text-align: left; }
.txtcentre { text-align: center; }
.txtdroite { text-align: right; }
.txtjustifie { text-align: justify; }
.hidden { display: none; }
.clear { clear: both; }
.floatright { float: right; }
.floatleft { float: left; }
.nofloat { float: none; }
.bloccentre { margin-left: auto; margin-right: auto; }
.relatif { position: relative; }
.asterisque { font: italic 10px verdana, arial, sans-serif; text-align: right; position: absolute; bottom: 0; right: 0; padding: 2px}
/****************************************************************************      Tableaux     */
table.tarifs {
  width: 950px;
  margin: 0 auto 20px;
  }
table.promoteurs {
  width: 380px;
  margin: 0 auto 20px;
  }
/****************************************************************************    Mise en Page   */
#wait {
	margin: 0 auto;
	width: 1000px;
  }
h1 {
/*	background: transparent url(../images/header.jpg) top center no-repeat;*/
	height: 235px;
	}
h1 span {
	position: relative;
	left: -5000px;
	}
#page {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	}
#contenupage {
  padding: 30px 25px 30px;
  z-index: 0;
  background-color: #fff;
  position: relative;
	}
#pied {
	padding: 5px 40px 10px;
	}
h2 {
  color: #73605c;
  font: bold 2.5em Arial, sans-serif;
  text-align: center;
  border: 3px solid #cfc3b3;
  border-width: 3px 0;
  margin: 0 150px 20px;
	}
h2 span {
  font: bold 0.4em Arial, sans-serif;
  display: block;
  text-align: center;
  padding-bottom: 5px;
	}
h2#slogan3d {
  font-size: 1.9em;
	}
h3 {
  color: #73605c;
  padding: 0 0 15px 15px;
  font: bold 1.6em tahoma, arial, sans-serif;
  }
h4 {
  clear: both;
  color: #000;
  margin: 0 15px 15px 15px;
  border-bottom: 1px solid #000;
  }
#cotegauche {
  width: 350px;
  float: left;
  }
#cotegauche.noback {
  background-color: transparent;
  border-width: 0;
  }
#cotedroit {
  margin-left: 390px;
  }
div.cadre {
  background-color: #f4eedf;
  border: 1px dotted #73605c;
  padding: 20px 0 0;
  margin-bottom: 20px;
  }
#alerte {
	font: 1.4em Tahoma, Arial, sans-serif;
  color: #a21f44;
  background-color: #fff;
  text-align: center;
  padding: 10px;
  margin: 10px 0;
  border: 3px solid #a21f44;
  }
/*************************************************************************     Facebook  */
#facebook-cpt {
  position: absolute;
  top: 4px;
  right: -10px;
  overflow: hidden;
  width: 100px;
  height: 21px;
  }
#facebook-link {
  position: absolute;
  top: 4px;
  left: 70px;
  width: 60px;
  height: 21px;
  }
/*************************************************************************     Twitter  */
#twitter-link {
  position: absolute;
  top: 4px;
  left: 7px;
  overflow: hidden;
  width: 60px;
  height: 21px;
  }
/*************************************************************************     Formulaires   */
input, select, textarea { 
	font: 1em Arial, Verdana, Helvetica, Sans-Serif; 
	border: 1px solid black;
	padding-left: 0.1em;
	margin: 0.1em 0;
	}
input.bouton  { 
  background-color: #FB7;
  color: #000;
	}
select optgroup {
  font-style: normal;
  color: #600;
  }
select optgroup option {
	padding-left: 20px;
  color: #000;
	}
/* Suppression des effets sur les checkbox */
input.chkbox, input.radio { 
	border-style: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	width: auto;
	vertical-align: text-bottom;
	}
span.ChkRadio  { 
	color: #42469D;
	font: bold 0.85em/0.5em Arial, Helvetica, Geneva, Sans-Serif; 
	margin: -5px 0 0 5px;
	}
fieldset {
	padding: 0;
  margin: 0;
	}
fieldset legend {
	color: #FB722D;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 0.5em;
	}
label  { 
	color: #000; 
	font: bold 0.85em Arial, Helvetica, Geneva, Sans-Serif; 
	text-decoration: none; 
	padding-right: 1em;
	margin-top: 6px;
	width: 10em;
	text-align: left;
	}
label.lblcentre {
	width: 170px;
	text-align: right;
	}
label.lbldroit {
	text-align: right;
	}
.disabled {
  background-color: #C0C0C0;
  }
.enabled {
  background-color: #FFF;
  }
.wAuto { width: auto; }
.w10  { width: 10px;  }
.w20  { width: 20px;  }
.w30  { width: 30px;  }
.w50  { width: 50px;  }
.w80  { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
/****************************************************************************       Menu       */
#bloc-menu {
  border: 1px solid #fff;
	height: 27px;
	padding: 0 100px 0 170px;
	background-color: #a21f44;
  }
#menu, #menu ul  { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
  }
#menu  { 
	height: 27px;
	position: relative;
	z-index: 100;
	background-color: #a21f44;
  }
#menu li { /* tous les items de liste */
	float: left;
	font-weight: bold;
	font-size: 0.9em;
	position: relative;
  }
#menu a {
	display: block;
	font: 17px Tahoma, Arial, sans-serif;
  color: #fff;
  text-align: left;
  text-decoration: none;
	background-color: #a21f44;  /* Il faut une couleur de fond, sinon IE perd le hover en dehors du texte lui-même */
  padding: 2px 20px 3px;
	}
#menu a.actif {
  background-color: #fff;
  color: #a21f44;
	}
#menu a:hover {
  background-color: #cfc3b3;
  color: #73605c;
  }
#menu li ul { /* listes de deuxième niveau */
	position: absolute;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
  }
#menu li ul li { /* tous les items de liste */
  background: transparent url(../images/smenu.png) top left repeat-y;
  padding: 0 3px;
  }
#menu ul li.first {
  background: transparent url(../images/smenu-top.png) top left no-repeat;
  padding-top: 10px;
  }
#menu ul li.last {
  background: transparent url(../images/smenu-bas.png) bottom left no-repeat;
  padding-bottom: 10px;
  }
#menu li:hover ul, #menu li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: 0;
  }
#menu li ul li a {
  width: 170px;
  }
#menu li:hover ul a, #menu li.sfhover ul a { /* listes imbriquées sous les items de listes survolés */
	padding: 5px 0 5px 35px;
	margin: 0 7px 0 2px;
	background-color: #fff;  /* Il faut une couleur de fond, sinon IE perd le hover en dehors du texte lui-même */
  color: #73605c;
  }
#menu li:hover ul a:hover, #menu li.sfhover ul a:hover { /* listes imbriquées sous les items de listes survolés */
  background: #fff url(../images/puce.png) 5px center no-repeat;
  color: #a21f44;
  }
/*===========================  Sous-menus fr */
#menu li:hover #menu-file-fr, #menu li.sfhover #menu-file-fr {
  left: -35px;
  width: 205px;
	}
#menu li:hover #menu-tech-fr, #menu li.sfhover #menu-tech-fr {
  left: -135px;
  width: 380px;
	}
/*===========================  Sous-menus en */
#menu li:hover #menu-file-en, #menu li.sfhover #menu-file-en {
  left: -55px;
  width: 210px;
	}
#menu li:hover #menu-tech-en, #menu li.sfhover #menu-tech-en {
  left: -110px;
  width: 340px;
	}
/*===========================  Utilisateur  */
#utilisateur {
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
  position: absolute;
  right: 130px;
  top: 0px;
	}
#utilisateur a.nom {
  color: #000;
  }
#utilisateur a.nom:hover {
  color: #0925A3;
  text-decoration: underline;
  }
#utilisateur a.out:hover {
  text-decoration: underline;
  }
/****************************************************************************       Photos      */
div.photoh {
  margin: 10px auto;
  background: transparent url(../images/photoh.png) top left no-repeat;
  height: 261px;
  width: 316px;
  padding: 16px 0 0 16px;
  }
div.photobook {
  width: 760px;
  margin: 0 auto;
  padding: 0;
  }
div.photobook div {
  float: left;
  margin: 10px 5px;
  padding: 5px 5px 4px 5px;
  border: 5px solid #cfc3b3;
  background-color: #fff;
  }
/*
div.photobook div.gauche {
  margin-top: 45px;
  }
div.photobook div.droite {
  float: right;
  margin-top: 45px;
  margin-bottom: 46px !important;
  margin-bottom: 45px;
  }
*/
div.photobook img {
  width: 160px;
  }
/*************************************************************************     Extra divs   */
/* Les Extradiv sont à l'intérieur du bloc "contenupage" mais sont positionnés par rapport au bloc "page" (ou un bloc en position relative)*/
div.extradiv {
  position: absolute;
  z-index: 200;
  width: 270px;
  height: 185px;
	}
div.extradiv a {
  display: block;
  text-align: center;
  padding: 180px 0 0 0;
  text-decoration: none;
  color: #a21f44;
	}
div.extradiv span {
  display: none;
  }
div.exclusif {
	background: transparent url(../images/exclusif.png) top left no-repeat;
  top: 518px;
  right: 60px;
  }
div.unique {
	background: transparent url(../images/unique.png) top right no-repeat;
  top: 518px;
  left: 60px;
  }
div.vehicules {
	background: transparent url(../images/vehicules.png) top right no-repeat;
  top: 130px;
  left: 10px;
  width: 300px;
  }
div.nouveau {
	background: transparent url(../images/nouveau.png) top right no-repeat;
  top: 90px;
  right: 80px;
  }
div.logosimple {
	background: transparent url(../images/logo-simple.png) top right no-repeat;
  top: 330px;
  right: 75px;
  width: 200px;
  height: 90px;
  }
div.abita {
	background: transparent url(../images/logo-expertabita.png) top right no-repeat;
  top: 340px;
  left: 75px;
  width: 200px;
  height: 52px;
  }
div.effet3d {
	background: transparent url(../images/logo-effet3d.png) top right no-repeat;
  top: 495px;
  right: 120px;
  width: 300px;
  height: 153px;
  }
div.pret {
	background: transparent url(../images/pret.png) top right no-repeat;
  top: 200px;
  right: 40px;
  width: 300px;
  height: 200px;
  }
div.tampon-3d, div.tampon-pret {
  width: 120px;
  height: 120px;
  right: -60px;
  top: -10px;
  }
div.tampon-3d a, div.tampon-pret a {
  padding: 50px 0 0 120px;
  }
div.tampon-3d {
	background: transparent url(../images/tampon.png) top left no-repeat;
  }
div.tampon-pret, div.vendre-pret {
	background: transparent url(../images/tampon-pret.png) top left no-repeat;
  }
div.extradiv a:hover {
  text-decoration: underline;
  color: #000;
  }
div.vendre-pret {
  width: 120px;
  height: 120px;
  right: 30px;
  top: 35px;
  }
div.ph-effet-reussi {
  position: absolute;
  top: 675px;
  right: 50px;
  }
div.tarif49 {
	background: transparent url(../images/tarif49.png) top left no-repeat;
  }
div.tarif199 {
	background: transparent url(../images/tarif199.png) top left no-repeat;
  }
div.tarifdevis {
	background: transparent url(../images/tarifdevis.png) top left no-repeat;
 }
div.tarif49, div.tarif199, div.tarifdevis {
  width: 210px;
  height: 70px;
  right: -30px;
  bottom: -20px;
  }
div.mes-realisations {
	background: transparent url(../images/mes-realisations.png) top left no-repeat;
  width: 150px;
  height: 150px;
  left: 250px;
  top: 270px;
  }
/****************************************************************************       Article      */
div.article {
	background: transparent url(../images/fond_article.jpg) left top no-repeat;
	padding: 20px 0 0 0;
	z-index: 1;
	}
/****************************************************************************       Accueil      */
#contenupage.index {
  padding: 0;
	}
#bloc-photo {
	background: #fff url(../images/agr-accueil.png) left top no-repeat;
	padding: 30px 20px 0;
	height: 771px;
	}
#decoratrice {
  margin: 0 auto 30px;
  width: 800px;
  }
#decoratrice img.susy {
  float: right;
  margin: 5px;  
  }
#decoratrice p {
  font: bold 1.3em/1.5em "Times New Roman", serif;
  color: #73605c;
  padding: 10px 10px 60px 10px;
  margin-right: 180px;
	background: transparent url(../images/signature.png) 120px 100px no-repeat; 
  }
.bloc-lien-acc {
  width: 206px;
  float: right;
  }
.bloc-lien-acc p.question {
  font: bold italic 2em/1em "Times New Roman", serif;
  text-align: center;
  color: #73605c;
  padding: 0;
  margin: 0 0 30px;
  }
.bloc-lien-acc a {
  display: block;
  text-decoration: none;
  padding: 20px 3px 0;
	background: transparent url(../images/cadre-lien-acc.png) top left no-repeat;
	border-bottom: 3px solid #68918f;
  }
h2.acc {
  font: small-caps bold 1.4em/1em Arial, sans-serif;
  margin: 0;
  border-width: 0;
  }
div.acc-deco {
  margin-right: 50px;
  }
div.acc-homestaging {
  margin-right: 100px;
  }
div.acc-deco h2, div.acc-deco p.clic {
  color: #a21f44;
  }
div.acc-homestaging h2, div.acc-homestaging p.clic {
  color: #68918f;
  }
.bloc-lien-acc img {
  padding: 20px 0 5px;
  }
.bloc-lien-acc p.clic {
  font-family: "Times New Roman", serif;
  font-size: 1.5em;
  text-align: center;
  margin: 0;
  padding: 0;
	background: transparent url(../images/fleches-lien-acc.png) center center no-repeat;
  }
#bloc-salon {
  width: 350px;
  height: 543px;
  float: right;
  }
#acc-tel {
  font-weight: bold;
  font-size: 1.1em;
/*	background: transparent url(../images/pucetransparente.png) left top repeat;*/
  background-color: #b0a699; 
  border: 1px solid #cfc3b3;
	text-align: center;
  }
#acc-tel p {
  padding: 5px 10px;
  color: #342826;
  }
#acc-tel p.puces span {
  padding: 0 20px;
  }
.pucebleue {
	background: transparent url(../images/pucebleue.png) left center no-repeat;  
  }
.puceblanche {
	background: transparent url(../images/puceblanche.png) left center no-repeat;  
  }
.pucecreme {
	background: transparent url(../images/pucecreme.png) left center no-repeat;  
  }
.pucemarron {
	background: transparent url(../images/pucemarron.png) left center no-repeat;  
  }
.pucemauve {
	background: transparent url(../images/pucemauve.png) left center no-repeat;  
  }
#acc-tel p.dispo {
  float: left;
  width: 300px;
  padding-top: 8px;
  }
#acc-tel p.tel {
  font-size: 2em;
  text-align: center;
  color: #a21f44;
  padding: 0;
  }
#acc-tel p.tel span {
  padding: 10px 15px 0;
  }
#acc-tel p a {
  font-size: 1.5em;
  color: #a21f44;
  text-decoration: none;
  }
#acc-tel p a:hover {
  text-decoration: underline;
  }
/****************************************************************************        Logos      */
.imgeffet {
  position: relative;
  top: 6px;
  z-index: 1;
  }
/*span.effetlogis {
  padding: 4px 0;
	background: transparent url(../images/effet-logis.png) center center no-repeat;
  }
span.effetreussi {
  padding: 4px 0;
	background: transparent url(../images/effet-reussi.png) center center no-repeat;
  }*/
.effet {
  display: block;
  padding-bottom: 30px;
  }
.typepremier {
	background: transparent url(../images/effet-premier-moy.png) left top no-repeat;
  }
.typereussi {
	background: transparent url(../images/effet-reussi-moy.png) left top no-repeat;
  }
.type3d {
	background: transparent url(../images/effet-3d-moy.png) left top no-repeat;
  }
.typecertain {
	background: transparent url(../images/effet-certain-moy.png) left top no-repeat;
  }
.typegaranti {
	background: transparent url(../images/effet-garanti-moy.png) left top no-repeat;
  }
.typeoptions {
	background: transparent url(../images/effet-options-moy.png) left top no-repeat;
  }
.effetlogis strong, span.effetreussi strong, .effet strong {
  visibility: hidden;
  font-size: 0.9em;
  }
/****************************************************************************  Liens externes  */
div.lienarticle {
  border: 1px dotted gray;
  padding: 5px 0;
  background-color: #f4eedf;
  margin-bottom: 30px;
  font-size: 0.9em;
  }
div.lienarticle p {
  line-height: 1.4em;
  padding-bottom: 10px;
  }
div.lienarticle p.source {
  font-size: 0.85em;
  padding: 5px 0 0;
  border-top: 1px solid #BBB;
  text-align: right;
  margin: 0 20px;
  }
p.source span {
  float: left;
  font-weight: bold;
  }
div.lienarticle p.source a {
  padding: 0;
  }
div.lienarticle a {
  text-align: right;
  display: block;
  padding: 0 15px;
  }
/****************************************************************************     Paragraphes   */
p {
  padding: 0 20px 20px;
  line-height: 2em;
/*  border: 1px dotted gray;*/
  }
p.titre {
  text-align: center;
  font-size: 1.5em;
  padding: 5px 15px;
  }
p.marron {
  color: #73605c;
  font-size: 1.4em;
  text-align: center;
  }
p.citation {
  padding: 10px 40px 15px 100px;
  background: transparent url(../images/quotes.png) 40px top no-repeat;
  font-style: italic;
  }
p.citationglobale {
  padding: 10px 0 35px;
  text-align: center;
  }
p.citationglobale span {
  padding: 10px 0 35px 60px;
  background: transparent url(../images/quotes.png) left top no-repeat;
  font-style: italic;
  }
p.fort {
  padding: 15px 45px;
  text-align: center;
  font: small-caps bold 1.4em/1.4em Arial, sans-serif;
  }
p.tresfort {
  font-size: 2.8em;
  font-weight: bold;
  color: #73605c;
  }
p.image {
  padding: 10px 150px 0 20px;
  text-align: center;
  height: 90px;
  min-height: 90px;
  font: small-caps bold 1.4em/1.4em Arial, sans-serif;
  position: relative;
  }
p.image img {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #73605c;
  margin: 0;
  }
p.fond {
  margin: 20px 10%;
  text-align: center;
  border: 1px solid black;
  font: small-caps bold 1.4em/1.4em Arial, sans-serif;
  background-color: #cfc3b3;
  padding: 15px 0;
  color: #fff;
  }
p.liste {
  padding-bottom: 5px;
  }
#ref-facebook {
  float: left;
  width: 120px;
  margin: 0 0 0 15px;
  }
#ref-liens {
  clear: both;
  padding: 0;
  margin-left: 160px;
  }
p.referencement {
  float: left;
  width: 790px;
    padding: 0 0 0 20px;
  }
p.referencement a {
  margin: 0 5px;
  }
p.referencement a img {
  width: 140px;
  height: 40px;
  padding-bottom: 10px;
  }
p.note {
  font: bold 1em/1.4em Arial, sans-serif;
  padding: 0 15px 10px;
  }
p.note span {
  font-weight: normal;
  font-style: italic;
  }
p.erreur {
  font-size: 1.2em;
  font-weight: bold;
  color: #a21f44;
  text-align: center;
  }
p.messageok {
  font-size: 1.2em;
  font-weight: bold;
  color: #68918f;
  text-align: center;
  }
ul.txt {
  padding-left: 80px;
  }
p.nobottom {
  padding-bottom: 0;
  }
p.notabene {
  font-size: 0.8em;
  font-style: italic;
  }
p.sous-titre {
  margin: 0 120px; 
  text-align: center;
  }
p.puceno {
  padding-left: 60px;
  min-height: 55px;
  _height: 55px;
  line-height: 1.5em;
  }
p.puce1 {
  background: transparent url(../images/puce-1.png) left top no-repeat;
  }
p.puce2 {
  background: transparent url(../images/puce-2.png) left top no-repeat;
  }
p.puce3 {
  background: transparent url(../images/puce-3.png) left top no-repeat;
  }
p.puce4 {
  background: transparent url(../images/puce-4.png) left top no-repeat;
  }
p.puce5 {
  background: transparent url(../images/puce-5.png) left top no-repeat;
  }
p.puce6 {
  background: transparent url(../images/puce-6.png) left top no-repeat;
  }
p.puce7 {
  background: transparent url(../images/puce-7.png) left top no-repeat;
  }
p.puce8 {
  background: transparent url(../images/puce-8.png) left top no-repeat;
  }
p.puce9 {
  background: transparent url(../images/puce-9.png) left top no-repeat;
  }
p.puce10 {
  background: transparent url(../images/puce-10.png) left top no-repeat;
  }
p.puce11 {
  background: transparent url(../images/puce-11.png) left top no-repeat;
  }
p.puce12 {
  background: transparent url(../images/puce-12.png) left top no-repeat;
  }
p.puce13 {
  background: transparent url(../images/puce-13.png) left top no-repeat;
  }
p.puce14 {
  background: transparent url(../images/puce-14.png) left top no-repeat;
  }
p.puce15 {
  background: transparent url(../images/puce-15.png) left top no-repeat;
  }
.surligner {
  color: #000;
  background-color: #f4eedf;
  padding: 0 3px 0;
  }
.important {
  color: #a21f44;
  font-variant: normal;
  }
.fonce {
  color: #73605c;
  font: bold 1.1em tahoma, arial, sans-serif;
  }
/****************************************************************************     Diagnostics   */
#blocdiagnostics {
  width: 800px;
  margin: 0 auto;
  }
#blocdiagnostics .titre {
  font-size: 1.4em;
  font-variant: small-caps;
  }
#blocdiagnostics .texte {
  color: #73605c;
  font-size: 1.2em;
  text-align: center;
  padding: 0 0 20px; 
  }
#blocdiagnostics .big {
  color: #73605c;
  font-size: 4em;
  font-family: "Times new roman", serif;
  text-align: center;
  }
#diagnostics p em {
  font-size: 0.9em;
  margin-top: 0; 
  }
#blocdiagnostics ul {
  margin: 0 50px;
  padding: 10px;
  }
#blocdiagnostics ul li {
  }
#diagnostics {
  border: 1px solid #a21f44;
  margin: 0 50px;
  padding: 10px;
  }
#diagnostics p span {
  font-size: 1.3em;
  color: #a21f44;
  }
/****************************************************************************        Tarifs     */
h2.graphic {
  border: 0;
  height: 122px;
  margin: 0 auto 30px;
	}
h2.graphic span {
  color: #73605c;
  font: bold 1.2em Arial, sans-serif;
  position: relative;
  left: -9000px;
	}
h2.effetpremier {
	background: transparent url(../images/titre-effet-premier.png) center center no-repeat;
	}
h2.effetreussi {
	background: transparent url(../images/titre-effet-reussi.png) center center no-repeat;
	}
h2.effetcertain {
	background: transparent url(../images/titre-effet-certain.png) center center no-repeat;
	}
h2.effet3d {
	background: transparent url(../images/titre-effet-3d.png) center center no-repeat;
	}
h2.effetoptions {
	background: transparent url(../images/titre-effet-options.png) center center no-repeat;
	}
#bloctarif {
  width: 800px;
  margin: 0 auto;
  }
#bloctarif .magenta {
  color: #a21f44;
  font-size: 1.5em;
  text-align: center;
  }
#bloctarif .big {
  color: #73605c;
  font-size: 4em;
  font-family: "Times new roman", serif;
  text-align: center;
  }
#bloctarif ul {
  margin: 0 50px;
  }
#bloctarif ul li {
  padding-bottom: 10px;
  }
/****************************************************************************      Vendez      */
#vendre-offres {
	background: transparent url(../images/nos-offres.png) center top no-repeat;
	position: absolute;
	top: 35px;
	left: 0;
	width: 170px;
  }
#vendre-offres a {
  display: block;
  text-align: center;
  padding: 120px 0 5px;
  }
div.vendre-projet {
  width: 276px;
  padding: 0;
  position: relative;
  float: left;
  margin: 0 20px 70px;
  }
div.vendre-img {
  background: transparent url(../images/photoh-250.png) top left no-repeat;
  padding: 13px 0 0 13px;
  width: 263px;
  height: 200px;
  }
img.vendre-vendu {
  position: absolute;
  top: 0;
  left: 0;
  }
p.vendre-legende {
  font: 2.3em impact, 'arial black', arial, sans-serif;
  color: #a21f44;
  text-align: center;
  padding: 0;
  position: relative;
  top: -10px;
  }
#vendre-diaporama {
  text-align: center;
  padding: 20px 0;
  font-weight: bold;
  }
/****************************************************************************      Prestations      */
#contenupage.prestations {
  padding-bottom: 0;
/*  background-color: #000;*/
  background: #fff url(../images/fond-home.jpg) left 20px no-repeat;
  height: 781px;
  border: 1px solid #fff;
	}
.blocoffre {
  float: left;
  width: 270px;
  margin: 0 20px;
  height: 400px;
  position: relative;
  }
.blocoffre .conteneur {
  position: absolute;
  bottom: 0;
  }
.blocoffre .titre {
  border: 2px solid #342826;
  background-color: #68918f;
  color: #fff;
  filter: alpha(opacity=70); /* IE */
  -moz-opacity: 0.7; /* Mozilla */
  opacity: 0.7; /* CSS3 */
  -khtml-opacity: .7; /* Safari */
  margin: 0 0 5px;
  font-weight: bold;
  }
.blocoffre .texte {
  border: 2px solid #342826;
  background-color: #fff;
  filter: alpha(opacity=70); /* IE */
  -moz-opacity: 0.7; /* Mozilla */
  opacity: 0.7; /* CSS3 */
  -khtml-opacity: .7; /* Safari */
  margin: 0;
  padding: 10px 15px;
  }
/****************************************************************************       Plan       */
#plan {
  width: 400px;
  margin: auto;
  }
#plan ul {
  list-style: none;
  }
#plan li {
  padding: 15px 0;
  padding-left: 60px;
  background: transparent url(../images/plan.png) left top no-repeat;
  background-position: 0 -175px;
  font-weight: bold;
  }
#plan li.first {
  background-position: 0 7px;
  }
#plan li.last {
  background-position: 0 -957px;
  }
/****************************************************************************    Partenaires   */
.partenaire {
  clear: both;
  width: 750px;
  margin: 0 auto 20px;
  }
.partenaire a.logo {
  float: left;
  margin: 0 30px 20px;
  }
.partenaire a.logo img {
  width: 200px;
  }
.partenaire p {
  padding-left: 260px;
  font-size: 0.9em;
  }
/****************************************************************************    Contact   */
#cnt-vehicules {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 280px;
  height: 140px;
  }
#bloccoord {
	font-size: 1em;
  padding: 0 100px 40px;
  width: 450px;
  margin: 20px auto 0;
  }
#bloccoord p {
  padding-bottom: 5px;
  }
#bloccoord hr {
  margin: 10px 0;
  }
#bloccoord label {
	width: 100px;
	float: left;
  }
.listeerreurs {
  border: 1px dotted #C00;
  color: #C00;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 20px;
  }
.messageok {
  color: #7D94FA;
  font-weight: bold;
  font-size: 1.5em;
  padding: 5px;
  text-align: center;
  }
#captcha {
  text-align: center;
  }
#captcha img {
  border: 2px solid #000;
  background-color: red;
  vertical-align: middle;
  }

/****************************************************************************       Pied       */
#pied {
	color: #68918f;
	padding-top: 20px;
/*	background-color: #fff;*/
	}
#pied p.societe {
  color: #888;
  font-size: 0.9em;
  text-align: center;
	}
#pied a:hover {
  text-decoration: underline;
	}