/* 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: #fff url(../images/fond.jpg) top left repeat-x;
	}
body.bodywait {
 	background: #fff url(../images/wait_fond.jpg) top left repeat-x;
	}
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;	}

.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; }
/****************************************************************************      Tableaux     */
table.tarifs {
  width: 1000px;
  margin: 0 auto 20px;
  }
table.promoteurs {
  width: 380px;
  margin: 0 auto 20px;
  }
/****************************************************************************    Mise en Page   */
#wait {
	margin: 0px auto;
	width: 1000px;
  }
h1 {
	background: #73605c url(../images/header.jpg) top center no-repeat;
	height: 173px;
	}
h1 span {
	display: none;
	}
#page {
	margin: 0px auto;
	width: 1000px;
	position: relative;
	}
#contenupage {
  padding: 30px 20px 0 20px;
	}
#contenupage.index {
	background: transparent url(../images/agr-accueil.png) 500px 30px no-repeat;
	}
#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: 20px 150px 40px;
	}
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;
  background-color: #f4eedf;
  border: 1px dotted #73605c;
  }
#cotegauche.noback {
  background-color: transparent;
  border-width: 0;
  }
#cotedroit {
  margin-left: 390px;
  }
/*************************************************************************     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       */
#menu {
	background: #73605c url(../images/fond_menu.jpg) bottom left repeat-x;
	height: 45px;
	padding-left: 130px;
	z-index: 100;
  }
#menu ul {
  float: left;
	list-style-type: none;
  }
#menu li {
  float: left;
  height: 45px;
  position: relative;
  }
#menu a {
	font: 1.4em/2em Tahoma, Arial, sans-serif;
  color: #afa393;
  display: block;
  width: 140px;
  text-align: center;
  text-decoration: none;
  }
#menu li.actif a {
  color: #fff;
  }
#menu li.direct:hover {
  background: transparent url(../images/menu.jpg) top left no-repeat;
  }
#menu li.sousmenu:hover {
  background: transparent url(../images/sousmenu.jpg) top left no-repeat;
  }
#menu li:hover a {
  color: #73605c;
  }
#menu li:hover > ul {
  display: block;
  }
/****************** Sous menu */
#menu li ul {
  display: none;
  width: 220px;
  position: absolute;
  left: 3px;
  top: 38px;
  filter: alpha(opacity=85); /* IE */
  -moz-opacity: 0.85; /* Mozilla */
  opacity: 0.85; /* CSS3 */
  z-index: 200;
  }
#menu li ul li {
  padding: 10px 0 0 0px;
  height: 20px;
  }
#menu li ul li a {
  font: bold 1.1em Tahoma, Arial, sans-serif;
  text-align: left;
  padding-left: 30px;
  width: 190px;
  }
#menu li ul li {
  background: transparent url(../images/smenu.png) top left repeat-y;
  }
#menu li ul li.first {
  background: transparent url(../images/smenu-top.png) top left no-repeat;
  }
#menu li ul li.last {
  background: transparent url(../images/smenu-bas.png) bottom left no-repeat;
  padding-bottom: 15px;
  }
#menu li ul li:hover a {
  color: #a21f44;
  background: transparent url(../images/etoile.jpg) 5px center no-repeat;
  }

/****************************************************************************       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.photov {
  margin: 10px auto;
  background: transparent url(../images/photov.png) top left no-repeat;
  height: 336px;
  width: 241px;
  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" */
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: 650px;
  left: 0px;
  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.tampon1, div.tampon2 {
	background: transparent url(../images/tampon.png) top right no-repeat;
  width: 120px;
  height: 120px;
  right: 110px;
  }
div.tampon1 a, div.tampon2 a {
  padding: 120px 0 0;
  }
div.tampon1 {
  top: 240px;
  }
div.tampon2 {
  top: 630px;
  }
div.extradiv a:hover {
  text-decoration: underline;
  color: #000;
  }
/****************************************************************************       Accueil      */
div.article {
	background: transparent url(../images/fond_article.jpg) left top no-repeat;
	padding: 20px 0 0px 0;
/*	border: 1px dotted red;*/
  }
#cadreaccueil {
	padding: 0 0 10px 140px;
	position: relative;
  }
#imgaccueil {
  float: right;
  margin: 50px 20px 0 0;
  }
#imgaccueil img {
  width: 320px;
  }
/****************************************************************************        Logos      */
.imgeffet {
  position: relative;
  top: 6px;
  }
/*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 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;
  }
p.referencement {
  padding-bottom: 0;
  }
p.referencement a {
  margin: 0 55px;
  }
p.referencement a img {
  width: 190px;
  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 {
  border: 0px solid red;
  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;
	}
h2.exclusivite {
	background: transparent url(../images/titre-exclusivite.png) center center no-repeat;
	}
#bloctarif {
  border: 0px solid red;
  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;
  }
/****************************************************************************      Offres      */
.nosoffres {
  width: 700px;
  height: 130px;
  margin: 0 auto 30px;
  padding: 15px 0;
  border-bottom: 1px dotted #a21f44;
  text-align: center;
  /*background: transparent url(../images/fond_article_bas.jpg) right bottom no-repeat;*/
  }
.nosoffres img {
  float: left;
  margin-right: 20px;
  } 
/*.pe {
  background: transparent url(../images/titre-premier-effet.png) left center no-repeat;
  }
.ei {
  background: transparent url(../images/titre-effet-immediat.png) left center no-repeat;
  }
.er {
  background: transparent url(../images/titre-effet-reussi.png) left center no-repeat;
  }
.op {
  background: transparent url(../images/titre-effet-options.png) left center no-repeat;
  }*/
/****************************************************************************       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 {
  }
/****************************************************************************    Coordonnées   */
#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;
  }
/****************************************************************************       Pied       */
#pied {
	color: #68918f;
	padding-top: 20px;
	}
#pied p.societe {
  color: #888;
  font-size: 0.8em;
  text-align: center;
	}
#pied a:hover {
  text-decoration: underline;
	}