/* CSS Document */

body {background:#121212 url(../images/papierpeint.gif) repeat-x;margin:0px;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;}

.bleuGras {color:#999999;}
.blancGras {color:#FFFFFF;font-weight:bold;}
.rougeGras	{color:#9E0F17;}
.bleuGrasMaj {font-weight:bold;color:#999999;text-transform:uppercase;}
.rougeAutoGras {font-weight:bold;color:#E50002;}
.bleuAutoGras {font-weight:bold;color:#3E82C6;}
.gras {font-weight:bold;}

/* DIV CONTENEUR */
#conteneur {width:1000px;height:auto;margin:0 auto;background-color: #121212;border:1px solid #FFFFFF;}

/* DIV BANDEAU SUPERIEUR */
#haut {clear:both;width:1000px;height:270px;background:#121212;}
#haut #enseigne {float:left;width:235px;height:270px;}
#haut #enseigne #logo {clear:both;width:235px;height:210px;text-align:center;}
#haut #enseigne #infos {clear:both;width:225px;height:55px;text-align:left;color:#003145;padding:5px 5px 0 5px;font-size:11px;}
#haut #diaporama {float:left;width:600px;height:270px;background-color:#121212;}
#haut #marquemodele {float:left;width:150px;height:255px;padding:10px 5px 5px 10px;color:#FFFFFF;text-align:left;}
#haut #marquemodele ul {padding:0;margin:0;list-style-type:none;}
#haut #marquemodele li {padding:0;margin:0;list-style-type:none;}
#haut #marquemodele a {color:#999999;text-decoration:none;}
#haut #marquemodele a:hover {color:#FFFFFF;text-decoration:none;}

/* DIV MENU HORIZONTAL */
#menu {clear:both;width:1000px;height:28px;background:#121212;color:#FFFFFF;font-size:14px;border-top:#999999 dotted 1px;border-bottom:#999999 dotted 1px;}
#menu ul {list-style-type: none;margin: 0;padding:6px 0 0 0 ;}
#menu li {display: inline;}
#menu a {color:#999999;margin: 0 28px;text-decoration: none;text-align:center;}
#menu a:hover {color:#FFFFFF;text-decoration:none;}

/* DIV BOUTONS VOITURES */
#blocBoutons {clear:both;width:990px;height:80px;padding:15px 5px 10px 5px;text-align:center;font-size:14px;background:#373737;}
#blocBoutons #ensemble {text-align:center;}
#blocBoutons #ensemble .caseBouton {float:left;width:142px;padding-left:15px;}
#blocBoutons #ensemble .caseBouton .titreBouton {clear:both;text-align:center;color:#587B92;}
#blocBoutons #ensemble .caseBouton .titreBouton a {color:#587B92;font-weight:bold;text-decoration:none;}
#blocBoutons #ensemble .caseBouton .titreBouton a:hover {color:#587B92;font-weight:bold;text-decoration:underline;}
#blocBoutons #ensemble .caseBouton .imageBouton {clear:both;text-align:center;margin-top:5px;}


/* DIV PIED DE PAGE */
#pied {clear:both;width:1000px;height:23px;padding-top:5px;background:#121212;color:#999999;font-size:12px;border-top:#999999 dotted 1px;text-align:center;}
#pied a{text-decoration:none;color:#999999;}
#pied a:hover{text-decoration:none;color:#FFFFFF;}

/* DIV COLONES */
#CentreAccueil {clear:both;width:1000px;height:210px;padding-bottom:15px;padding-top:15px;}
#CentreAccueil #ColMedium {float:left;width:485px;height:auto;padding:0 15px 0 0;}
#Centre {clear:both;width:1000px;height:auto;padding-bottom:15px;padding-top:15px;}
/*#Centre #ColVerySmall {float:left;width:225px;padding:15px 0 15px 0;}*/
#Centre #ColSmall {float:left;width:230px;padding:0 0 15px 0;}
#Centre #ColMedium {float:left;width:485px;height:auto;padding:0 15px 0 0;}
#Centre #ColBig {float:left;width:740px;padding:0 0 15px 30px;}

/* DIV MOTEUR DE RECHERCHE */
#moteur {clear:both;width:485px;height:170px;margin-bottom:30px;}
#moteur #bdcoul {float:left;width:13px;height:170px;background-color:#000000;}
#moteur #blocmot {float:left;width:465px;}
#moteur #blocmot #entete {margin-left:7px;padding-left:0;width:auto;font-size:14px;height:auto;color:#999999;border-bottom:dotted 1px #999999;}

#moteur #blocmot  #ColMot {float:left;width:217px;height:auto;margin-left:7px;margin-top:5px;}
#moteur #blocmot  #ColMot .LigneForm {clear:both;width:220px;font:Arial 12px/12px ;color:#000000;padding-top:6px;}
#moteur #blocmot  #ColMot .LigneFormBtn {clear:both;width:220px;font:Arial bold 14px/14px ;color:#7C7C7C;padding-top:15px;text-align:right;}
#moteur #blocmot  #ColMot .LigneFormBtn a {font-weight:bold;font-size:14px/14px;color:#7C7C7C;text-decoration:none;}
#moteur #blocmot  #ColMot .LigneFormBtn a:hover {font-weight:bold;font-size:14px/14px;color:#7C7C7C;text-decoration:underline;}
.button {
  height:28px;
  font-family:arial;
  font-size:11px;
  font-weight:bold;
  text-transform: uppercase;
  color: #FFFFFF;
  background:url(../images/button.gif);
  cursor:pointer;
}
#moteur #blocmot  #ColMot .LigneForm .TexteForm {float:left;width:80px;padding-top:3px;font: Arial 12px;color:#999999;font-weight:bold;}
#moteur #blocmot  #ColMot .LigneForm .ChampForm {float:left;width:140px;}
#moteur #blocmot  #ColMot .LigneForm .miniCase {float:left;width:110px;color:#999999;font-weight:bold;}
#moteur #blocmot  #bouton {clear:both;width:auto;height:26px;text-align:center;padding-top:8px;}



/* DIV COORDONNEES */
#blocCoordonnees {clear:both;width:230px;height:130px;padding-left:30px;}
#blocCoordonnees #blocCoord {float:left;width:210px;}
#blocCoordonnees #blocCoord #entete {margin-left:7px;padding-left:0;width:auto;font-size:14px;height:auto;color:#999999;border-bottom:dotted 1px #999999;}
#blocCoordonnees #blocCoord #coordonnees {clear:both;width:210px;padding:7px 0 7px 7px;color:#FFFFFF;}
#blocCoordonnees #blocCoord #coordonnees a {font-weight:bold;color:#7C7C7C;text-decoration:none;}
#blocCoordonnees #blocCoord #coordonnees a:hover {font-weight:bold;color:#7C7C7C;text-decoration:underline;}



/* DIV AFFINER LA RECHERCHE */
#affinage {clear:both;width:230px;height:auto;}
#affinage #blocAffiner {float:left;width:210px;margin-left:7px;}
#affinage #blocAffiner #entete {clear:both;width:210px;height:auto;color:#999999;border-bottom:dotted 1px #999999;font-size:14px;}
#affinage #blocAffiner #corps {clear:both;width:210px;height:310px;}
#affinage #blocAffiner #corps #criteres {clear:both;width:210px;height:280px;padding:10px 0 10px 0;}
#affinage #blocAffiner #corps #criteres .LigneForm {clear:both;width:210px;font:Arial 12px/12px ;color:#999999;padding-top:6px;font-weight:bold;}
#affinage #blocAffiner #corps #criteres .LigneForm .TexteForm {float:left;width:80px;padding-top:3px;}
#affinage #blocAffiner #corps #criteres .LigneForm .ChampForm {float:left;width:130px;}
#affinage #blocAffiner #corps #criteres .bouton {clear:both;width:auto;height:26px;text-align:left;padding-top:20px;font-weight:bold;}
#affinage #blocAffiner #corps #criteres .bouton a {color:#7C7C7C;text-decoration:none;font-weight:bold;}
#affinage #blocAffiner #corps #criteres .bouton a:hover {color:#7C7C7C;text-decoration:underline;font-weight:bold;}


/* DIV RESULTATS */
#resultats {clear:both;width:740px;height:auto;}
#resultats #entete {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}
#resultats #TriPage {clear:both;width:725px;padding:15px 5px 15px 10px;}
#resultats #TriPage #TriSel {float:left;width:360px;height:30px;color:#999999;}
#resultats #TriPage #TriSel select {font:Arial 11px/11px ;}
#resultats #TriPage #Pagin {float:left;width:360px;text-align:right;font-weight:bold;color:#999999;}

/* UNE ANNONCE */
.AdsRed 						{clear:both;width:740px;height:48px;padding-top:5px;margin-bottom:10px;}

	/* Photo */
	.ImgAdsRed 					{float:left;width:72px;height:48px;}

	.TxtAdsRed 					{float:left;width:668px;}
		/* div titre + prix */
		.TitreAdsRed 			{float:left;text-transform:uppercase;width:566px;height:14px;padding:2px 0 0 7px;font:Arial 12px/12px ;}
			.TitreAdsRed a 		{color:#999999;text-decoration:none;}
		.PrixAdsRed 			{float:left;width:95px;height:14px;text-align:center;text-transform:uppercase;color:#FFFFFF;font:bold 12px/12px ;padding-top:2px;font-weight:bold;}

		/* div txt + origine */
		.InfoAdsOrigineAdsRed 	{clear:both;font:Arial 12px/12px ;color:#FFFFFF;}
		.InfoAdsRed 			{float:left;width:633px;padding:5px 0 0 7px;text-transform:capitalize;}
			.inf 				{padding-bottom:3px;}

/* DIV RESULTATS NEUFS*/
#resultatsNeuf {clear:both;width:740px;height:auto;}
#resultatsNeuf #enteteNeuf {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}
#resultatsNeuf #TriPage {clear:both;width:725px;padding:15px 5px 15px 10px;}
#resultatsNeuf #TriPage #TriSel {float:left;width:360px;height:30px;color:#999999;}
#resultatsNeuf #TriPage #TriSel select {font:Arial 11px/11px ;}
#resultatsNeuf #TriPage #Pagin {float:left;width:360px;text-align:right;font-weight:bold;color:#999999;}

/* UNE ANNONCE */
.AdsRedNeuf						{clear:both;width:740px;height:48px;padding-top:5px;margin-bottom:10px;}

	/* Photo */
	.ImgAdsRedNeuf 					{float:left;width:72px;height:48px;}

	.TxtAdsRedNeuf 					{float:left;width:668px;}
		/* div titre + prix */
		.TitreAdsRedNeuf 			{float:left;text-transform:uppercase;width:566px;height:14px;padding:2px 0 0 7px;font:Arial 12px/12px ;}
			.TitreAdsRedNeuf a 		{color:#9E0F17;text-decoration:none;}
		.PrixAdsRedNeuf 			{float:left;width:95px;height:14px;text-align:center;text-transform:uppercase;color:#9E0F17;font:bold 12px/12px ;padding-top:2px;font-weight:bold;}

		/* div txt + origine */
		.InfoAdsOrigineAdsRedNeuf 	{clear:both;font:Arial 12px/12px ;color:#FFFFFF;}
		.InfoAdsRedNeuf 			{float:left;width:633px;padding:5px 0 0 7px;text-transform:capitalize;}
			.infNeuf 				{padding-bottom:3px;}


/* DIV FICHE DETAIL OCCASION */
#fiche {clear:both;width:740px;height:auto;}
#fiche #entete {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}
#fiche #infoSup {clear:both;width:740px;height:70px;margin-top:7px;}
#fiche #infoSup #agauche {float:left;width:530px;height:70px;text-transform:uppercase;font:Arial bold 18px/18px ;padding:0 5px 0 5px;}
#fiche #infoSup #agauche #modele {clear:both;text-transform:uppercase;font-size:18px;color:#999999;}
#fiche #infoSup #agauche #prix {clear:both;text-transform:uppercase;font-size:18px;font-weight:bold;color:#FFFFFF;font-weight:bold;}
#fiche #infoSup #adroite {float:left;width:190px;height:70px;text-align:right;padding:0 5px 0 5px;}
#fiche #infoSup #adroite .lienUtile {clear:both;color:#999999;font:Arial 14px/18px ;}
#fiche #infoSup #adroite .lienUtile a {color:#999999;text-decoration:none;}
#fiche #infoSup #adroite .lienUtile a:hover {color:#FFFFFF;text-decoration:none;}
#fiche #infoSup #adroite .lienUtileBack {clear:both;color:#FFFFFF;font:Arial bold 14px/18px ;}
#fiche #infoSup #adroite .lienUtileBack a {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#fiche #infoSup #adroite .lienUtileBack a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}

#fiche #blocCentral {float:left;width:738px;height:auto;margin-top:7px;border:1px dotted #999999;font-size:14px;border-bottom:0;}
#fiche #blocCentral #espacePhoto {float:left;width:330px;height:auto;padding:5px 0 5px 5px;}
#fiche #blocCentral #espacePhoto #photoBig {width:320px;height:240px;}
#fiche #blocCentral #espacePhoto #photoBig img {border:1px solid #FFFFFF;}
#fiche #blocCentral #espacePhoto #photoSmall{clear:both;width:330px;height:auto;padding-top:7px;}
#fiche #blocCentral #espacePhoto #photoSmall .unePhoto {float:left;width:72px;height:54px;padding:0 4px 3px 3px;}
#fiche #blocCentral #espacePhoto #photoSmall .unePhoto img {border:1px solid #FFFFFF;}

#fiche #blocCentral #espaceInfos {float:left;width:390px;height:auto;padding:5px;border:1px;color:#FFFFFF;}
#fiche #blocCentral #espaceInfos #blocTxt {float:left;width:380px;height:auto;padding:5px;}
#fiche #blocCentral #espaceInfos #blocTxt p {padding:0 0 5px 0;margin:0;}

/* DIV D'ENVOI MAIL FICHE SUR FICHE DETAIL */
#EnvoiMailInternaute {clear:both;width:718px;height:auto;color:#999999;border:1px dotted #999999;padding:10px;margin-bottom:10px;background-color:#121212;}
	#EnteteMail {color:red;font:bold 12px/12px Arial;height:25px;}

	.ColMail1 {float:left;padding-right:15px;width:270px;}
	.ColMail1 input {font:11px/11px Arial;width:170px;}
	.ColMail2 {float:left;padding-right:15px;width:350px;}
	.ColMail2 textarea {font:11px/11px Arial;}
		.ElemMail {clear:both;}
		.MesgMail {padding-bottom:5px;}
			.TitreMail {float:left;width:95px;font:bold 11px/20px Arial;}
			.InputMail {float:left;}
			.TitreMail2 {float:left;width:60px;font:bold 11px/20px Arial;text-align:center;}
			.TitreMail3 {float:left;width:80px;font:bold 11px/20px Arial;text-align:center;}
			.InputMail2 {float:left;width:90px;}
			.InputMail2 input {font:13px/11px Arial;width:60px;}
	#SubMail {clear:both;text-align:center;padding-top:5px;}
	#optcapt {clear:both;}

/* DIV FICHE DETAIL NEUF */
#ficheNeuf {clear:both;width:740px;height:auto;}
#ficheNeuf #enteteNeuf {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}
#ficheNeuf #infoSup {clear:both;width:740px;height:70px;margin-top:7px;}
#ficheNeuf #infoSup #agauche {float:left;width:530px;height:70px;text-transform:uppercase;font:Arial bold 18px/18px ;padding:0 5px 0 5px;}
#ficheNeuf #infoSup #agauche #modele {clear:both;text-transform:uppercase;font-size:18px;color:#FFFFFF;}
#ficheNeuf #infoSup #agauche #prix {clear:both;text-transform:uppercase;font-size:18px;font-weight:bold;color:#9E0F17;font-weight:bold;}
#ficheNeuf #infoSup #adroite {float:left;width:190px;height:70px;text-align:right;padding:0 5px 0 5px;}
#ficheNeuf #infoSup #adroite .lienUtile {clear:both;color:#999999;font:Arial 14px/18px ;}
#ficheNeuf #infoSup #adroite .lienUtile a {color:#999999;text-decoration:none;}
#ficheNeuf #infoSup #adroite .lienUtile a:hover {color:#FFFFFF;text-decoration:none;}
#ficheNeuf #infoSup #adroite .lienUtileBack {clear:both;color:#FFFFFF;font:Arial bold 14px/18px ;}
#ficheNeuf #infoSup #adroite .lienUtileBack a {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#ficheNeuf #infoSup #adroite .lienUtileBack a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}

#ficheNeuf #blocCentral {float:left;width:738px;height:auto;margin-top:7px;border:1px dotted #999999;font-size:14px;border-bottom:0;}
#ficheNeuf #blocCentral #espacePhoto {float:left;width:330px;height:auto;padding:5px 0 5px 5px;}
#ficheNeuf #blocCentral #espacePhoto #photoBig {width:320px;height:240px;}
#ficheNeuf #blocCentral #espacePhoto #photoBig img {border:1px solid #9E0F17;}
#ficheNeuf #blocCentral #espacePhoto #photoSmall{clear:both;width:330px;height:auto;padding-top:7px;}
#ficheNeuf #blocCentral #espacePhoto #photoSmall .unePhoto {float:left;width:72px;height:54px;padding:0 4px 3px 3px;}
#ficheNeuf #blocCentral #espacePhoto #photoSmall .unePhoto img {border:1px solid #9E0F17;}

#ficheNeuf #blocCentral #espaceInfos {float:left;width:390px;height:auto;padding:5px;border:1px;color:#FFFFFF;}
#ficheNeuf #blocCentral #espaceInfos #blocTxt {float:left;width:380px;height:auto;padding:5px;}
#ficheNeuf #blocCentral #espaceInfos #blocTxt p {padding:0 0 5px 0;margin:0;}

/* DIV D'ENVOI MAIL FICHE SUR FICHE DETAIL */
#EnvoiMailInternaute {clear:both;width:718px;height:auto;color:#999999;border:1px dotted #999999;padding:10px;margin-bottom:10px;background-color:#121212;}
	#EnteteMail {color:red;font:bold 12px/12px Arial;height:25px;}

	.ColMail1 {float:left;padding-right:15px;width:270px;}
	.ColMail1 input {font:11px/11px Arial;width:170px;}
	.ColMail2 {float:left;padding-right:15px;width:350px;}
	.ColMail2 textarea {font:11px/11px Arial;}
		.ElemMail {clear:both;}
		.MesgMail {padding-bottom:5px;}
			.TitreMail {float:left;width:95px;font:bold 11px/20px Arial;}
			.InputMail {float:left;}
			.TitreMail2 {float:left;width:60px;font:bold 11px/20px Arial;text-align:center;}
			.TitreMail3 {float:left;width:80px;font:bold 11px/20px Arial;text-align:center;}
			.InputMail2 {float:left;width:90px;}
			.InputMail2 input {font:13px/11px Arial;width:60px;}
	#SubMail {clear:both;text-align:center;padding-top:5px;}
	#optcapt {clear:both;}

/* DIV CONTACT / PLAN */
#contactplan {clear:both;width:740px;height:auto;}
#contactplan #entete {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}
#contactplan #plan {clear:both;margin-top:15px;color:#FFFFFF;}
#contactplan #plan ul li	{margin-bottom:5px;}

/* DIV FORMULAIRE DE CONTACT / RECHERCHE / ENREGISTREMENT RECHERCHE*/
#formucontact {clear:both;width:740px;height:auto;}
#formucontact #entete {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}

#formucontact #blocformu {float:left;width:720px;padding:5px 10px 5px 0;color:#FFFFFF;}
#formucontact #blocformu .TitreForm {
	padding-top:20px;
	float:left;
	width:720px;
	color:#999999;
	text-transform:uppercase;
	font:Arial bold italic 12px/12px ;
	border-bottom:dotted 1px #999999;
	padding-bottom:5px;
	margin-bottom:10px;
}

#formucontact #blocformu .LigneForm {float:left;width:720px;font:Arial bold 12px/12px ;color:#FFFFFF;padding-top:12px;}
#formucontact #blocformu .LigneForm .TexteForm {float:left;width:190px;padding-top:3px;}
#formucontact #blocformu .LigneForm .TexteForm .facultatif {font-weight:normal;font-style:italic;}
#formucontact #blocformu .LigneForm .TexteFormID {float:left;width:389px;padding-top:3px;color:#A0A0A0;}
#formucontact #blocformu .LigneForm .ChampForm {float:left;width:389px;}
#formucontact #blocformu .LigneForm .ChampFormBis {float:left;width:130px;padding-right:8px;}
#formucontact #blocformu .LigneForm .ChampFormBiss {float:left;width:16px;}
#formucontact #blocformu .LigneForm .ChampFormTA {float:left;width:auto;}
#formucontact #blocformu .LigneForm a {text-decoration:none;color:#FF0006;font-weight:bold;}
#formucontact #blocformu .LigneForm a:hover {text-decoration:underline;color:#FF0006;font-weight:bold;}

/* DIV ATELIER */
#atelier {clear:both;width:740px;height:auto;}
#atelier #entete {clear:both;width:740px;height:auto;font-size:14px;color:#999999;border-bottom:dotted 1px #999999;}
#atelier #infoAtelier {clear:both;width:740px;height:auto;margin-top:7px;color:#FFFFFF;}
#atelier #infoAtelier a {text-decoration:none;font-weight:bold;color:#7A7A7A;}
#atelier #infoAtelier a:hover {text-decoration:underline;font-weight:bold;color:#7A7A7A;}
#atelier #infoAtelier #photoAtelier {float:left;width:auto;height:auto;padding:0 5px 0 5px:}
#atelier #infoAtelier #txtAtelier {float:left;width:360px;padding:0 5px 0 5px;font:Arial 12px/14px ;}


/* DIV NOUVELLES ANNONCES ACCUEIL OCCASION demi page */
#blocAnnonces {float:left;width:485px;height:auto;}
#blocAnnonces #blocPrincipal {float:left;width:465px;}
#blocAnnonces #blocPrincipal #entete {margin-left:7px;padding-left:0;width:auto;font-size:14px;height:auto;color:#999999;border-bottom:dotted 1px #999999;}

#blocAnnonces #blocPrincipal .ColAnn {clear:both;width:465px;height:auto;margin-left:7px;margin-top:7px;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce {float:left;width:215px;height:48px;padding-bottom:7px;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .photoAnnonce {float:left;width:72px;height:48px;padding:0;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce  {float:left;width:133px;height:48px;padding:3px 5px 3px 5px;text-transform:capitalize;font-weight:bold;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce .titreAnnonce {clear:both;text-transform:uppercase;font-weight:bold;padding-bottom:3px;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce .titreAnnonce a {color:#999999;text-decoration:none;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce .titreAnnonce a:hover {color:#999999;text-decoration:none;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce .prixAnnonce {clear:both;text-transform:uppercase;font-weight:bold;color:#FFFFFF;}

