/* CSS Document */
body{ 
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
  background: #522539 url(fond-RCZ.jpg) no-repeat;
  background-position:top center;
}

/*pour eviter les sauts de ligne*/
table,form,h1,h2,ul,hr {margin:0;padding:0;}

#principal{
	position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 868px;
  border: 0px;
}

#divA, #divB, #divC, #divD, #divE, #divF,#divConteneur2,#divE_Interieur,#divConteneur2_Interieur{
	position: absolute;
	width: 868px;
	z-index:10;
	border: 0px;
	margin:0;
  padding:0;
}


#divF,#divG,#divH{
	position: relative;
	width: 868px;
	z-index:10;
	border: 0px;
	margin:0;
  padding:0;
}


#divA{
	top:0px;
	height:43px;
}

#divB{
	top:43px;
  height:26px;
  background: url(divB.gif) top left no-repeat;
}

#divC{
	top:69px;
  height:56px;
  background-color:#ffffff;
}

#divD{
	top:125px;
  height:30px;
  background-color:#47473b;
}

#divE{
	top:155px;
  height:185px;
}

#divConteneur2{
	top:340px;
}


#divE_Interieur{
	/*border:#999900 1px solid;*/
	top:155px;
  height:160px;
  
}

#divConteneur2_Interieur{
	/*border:#999900 1px solid;*/
	top:315px;

}



#divF{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#522539;
	min-height:306px;
	height:auto !important;
  height:306px;  
  background:#ffffff url(divF.gif) bottom left no-repeat;
  text-align:center;
  margin: auto;
}

#divG{
  height:49px;
  background: url(divG.gif) top left no-repeat;
}

#divH{
  height:43px;
}

#imgVoiture{
	z-index:15;
	position: absolute;
	top:125px;
	left:0px;
	width:323px;
	height:215px;
	
}

#imgVoitureInterieur{
	z-index:15;
	position: absolute;
	top:125px;
	left:0px;
	width:292px;
	height:197px;
	/*border:#999900 1px solid;*/
}

#imgLogo{
	z-index:15;
	position: absolute;
	top:48px;
	left:14px;
	width:532px;
	height:71px;
}

#imgRemise{
	z-index:25;
	position: absolute;
	top:280px;
	left:397px;
	width:390px;
	height:108px;
}

#imgRemise2{
	z-index:15;
	position: absolute;
	top:297px;
	left:445px;
	width:354px;
	height:83px;
}


#texteConfiance{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#522539;
	padding-left:10px;
}

#texteCle{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#522539;
	width:400px;
	padding-left:10px;
	/*border:#999900 1px solid;*/
}

#imgCle{
	z-index:15;
	position: relative;
	top:0px;
	left:-100px;
	width:84px;
	height:61px;
	padding:0px;
	margin:0px;
}

#divAnnonce{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	top:52px;
	width:369px;
	height:190px;
	background: url(divAnnonce.gif) top left no-repeat;
}

#texteService{
	width:800px;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#47473b;
	text-align:right;
	padding-top:15px;
}


#flashcontent {
		z-index:15;
		position: relative;
		top:40px;
		left:-10px;
		width: 96px;
		height: 84px;
		float:right;
}

#flashcontentInterieur {
		z-index:15;
		position: relative;
		padding-left:40px;
		width: 96px;
		height: 84px;
}

#menu1{
	z-index:50;
	width: 360px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#faf4e5;
	font-weight:bold;
	font-style:italic;
	padding-top:0px;
	left:500px;
	top:43px;

	
	
}

#menu2{
	z-index:50;
  width: 640px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	top:125px;
  padding-top:0px;
	padding-right: 20px;
	height:30px;
	left:215px;

}

#menu1 a,#menu2 a {
      color : #ffffff;
      text-decoration: none;
}

#menu1 a:visited,#menu2 a:visited{
      color : #ffffff;
      text-decoration: none;
}

#menu1 a:hover{
      color : #000000;
      text-decoration: none;
}


#menu2 a:hover{
      color : #47473b;
      text-decoration: none;
}



.divMenu2{
 padding-top:2px;
 float:left;
 height:19px;
 
 background: url(menu2.gif) repeat;
 
}

.divMenu1{
 padding-top:2px;
 float:left;
 height:19px;

 background: url(menu1.gif) repeat;

}


.divMenu1G{
 float:left;
 background: url(menu1G.gif) no-repeat;
 height:21px;
 width:10px;

}

.divMenu1D{
 float:left;
 background: url(menu1D.gif) no-repeat;
 height:21px;
 width:10px;
 padding-right:3px;

}


.divMenu2G{
 float:left;
 background: url(menu2G.gif) no-repeat;
 height:21px;
 width:10px;

}

.divMenu2D{
 float:left;
 background: url(menu2D.gif) no-repeat;
 height:21px;
 width:10px;
 padding-right:3px;

}


#conteneurWrap{
	position: absolute;
	top:64px;
	left:305px;
}

#textePromo{
	position: absolute;
	top:2px;
	left:345px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5d4f71;
	z-index:10;
}

#divDevisAuto{
	z-index:100;
	position: absolute;
	top:289px;
	left:614px;
	border:0px;

}

#imgDevisAuto{
	border:0px;

}

#texteMarqueBas{
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#522539;
	text-align:center;
	text-transform : uppercase;
}

#texteMentions{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#522539;
	text-align:right;
	padding-top:10px;
	padding-right:70px;
	
}


#texteMarqueBas a,#texteMentions a,#divF a {
      color : #522539;
      text-decoration: none;
}

#texteMarqueBas a:visited,#texteMentions a:visited,#divF a:visited{
      color : #522539;
      text-decoration: none;
}

#texteMarqueBas a:hover,#texteMentions a:hover,#divF a:hover{
      color : #522539;
      text-decoration: underline;
}

#pscroller1{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
width: 300px;
height: 70px;
padding-top: 10px;

}

#pscroller1 a,#divAnnonce a{
      font-family:Arial, Helvetica, sans-serif;
      font-size: 12px;
      color : #ffffff;
      text-decoration: none;
}

#pscroller1 a:visited,#divAnnonce a:visited{
      color : #ffffff;
      text-decoration: none;
}

#pscroller1 a:hover,#divAnnonce a:hover{
      color : #ffffff;
      text-decoration: underline;
}


.bulleTitre{
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#47473b;
	text-align:left;
	height: 26px;
	padding-top:3px;
	padding-left:10px;
	font-weight:bold;
	background: url(bulle.gif) top left no-repeat;
	/*border:#999900 1px solid;*/
}


hr { 
clear: both;
width: 100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #ccc solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}

.bouton{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
	color:#ffffff;
	border:#642d46 1px solid;
	background-color:#642d46;

}



/* cadre gris */

#gris_cadre { /* taille du cadre, à titre d'exemple */
	background-color: #c2bc9b;
  width:220px;  

}
/* propriétés communes à l'ensemble des 4 coins */
#gris_hautgauche, #gris_hautdroit, #gris_basgauche, #gris_basdroit {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#gris_hautgauche {
background: url(./gris_hautgauche.gif);
}
#gris_hautdroit {
float: right;
background: url(./gris_hautdroit.gif);
}
#gris_basgauche {
background: url(./gris_basgauche.gif);
}
#gris_basdroit {
float: right;
background: url(./gris_basdroit.gif);
}




/* cadre gris vehicules*/

#gris_cadreV { /* taille du cadre, à titre d'exemple */
	background-color: #c2bc9b;
  width:220px;  

}
/* propriétés communes à l'ensemble des 4 coins */
#gris_hautgaucheV, #gris_hautdroitV, #gris_basgaucheV, #gris_basdroitV {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#gris_hautgaucheV {
background: url(./gris_hautgauche.gif);
}
#gris_hautdroitV {
float: right;
background: url(./gris_hautdroit.gif);
}
#gris_basgaucheV {
background: url(./gris_basgauche.gif);
}
#gris_basdroitV {
float: right;
background: url(./gris_basdroit.gif);
}


.divRemise{
	font-size:16px;	
	font-weight:bold;
	/*background: url(./images/prix2.gif) top left no-repeat;*/
	padding-left:18px;
	color:#000000;
}

#divRemiseEx{

	font-size:16px;	
	font-weight:bold;
	/*background: url(./images/prix2.gif) top left no-repeat;*/
	padding-left:30px;
	color:#CD123A;
}



#divPrix{
	height:43px;
	font-size:18px;	
	font-weight:bold;
	/*background: url(./images/prix2.gif) top left no-repeat;*/
	padding-left:18px;
	color:#000000;
}


.titreDetail{
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#47473b;
	font-weight:bold;
	text-transform:uppercase;
}

.SStitreDetail{
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#47473b;
	font-weight:bold;
	text-transform:uppercase;
}



.champForm {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}


h1{
	font-size:14px;
	color:#522539;
	font-weight:bold;
}

h2{
	font-size:14px;
	color:#522539;
	font-weight:bold;
}


#indigo{
	display:block;
}

.A,.B,.C,.D,.E,.F,.G{
	border-width: small;
	width:80px;
}
.A{
	background: #008000;
}
.B{
	background: #99CC00;
}
.C{
	background: #CCFFCC;
}
.D{
	background: #FFFF00;
}
.E{
	background: #FFCC00;
}
.F{
	background: #FF9900;
}
.G{
	background: #FF0000;
}


.unite{
	/*background: url(./images/unite.gif) top left no-repeat;
	padding-left:0px;
	padding-top:15px;
	height:40px;
	width:160px;*/
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#ff6418;

}

/*

INFO BULLE

*/

a.info{
	position: relative;
	z-index: 1;
	color : #008000;
  text-decoration: none;	
}
a.info:hover{
	cursor: help;
	z-index: 2;
}

a.info span{
	display: none;
	font-size: 11px;
	width: 260px;
	padding: 5px 2px 5px 2px;
	color:#000000;
	background:#ffffff;
}
a.info:hover span{
	display:block;
	position:absolute;
	z-index: 5;
	top: -45px;
	left: -230px;
	text-align: center;
	border:1px solid #000000;
	
	
}