/* CSS Document */

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

.rougeGras {font-weight:bold;color:#FF0006;}
.bleuGras {font-weight:bold;color:#526095;}
.bleuGrasMaj {font-weight:bold;color:#FF0006;text-transform:uppercase;}
.rougeAutoGras {font-weight:bold;color:#E50002;}
.bleuAutoGras {font-weight:bold;color:#003677;}
.gras {font-weight:bold;}
.orGras {color:#F7B806;font-weight:bold;}

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

/* DIV LOGO + MENU */
#haut {clear:both;width:1000px;height:118px;background:url(../images/fond-bandeau4.jpg) no-repeat;border-bottom:1px solid #FFFFFF;}
#haut #logo {float:left;width:140px;height:117px;}
#haut #menu {float:left;width:860px;height:117px;}
#haut #menu ul {list-style-type: none;margin: 0;padding:90px 0 0 130px ;}
#haut #menu li {display: inline;}
#haut #menu a {font-weight:bold;margin: 10px 10px;text-decoration: none;text-align:center;color:#FFFFFF;font-size:14px;font-style:italic;}
#haut #menu a:hover {color:#FFFFFF;font-weight:bold;text-decoration:underline;}

/* DIV DIAPORAMA */
#diaporama {clear:both;width:1000px;height:302px;margin-top:20px;}
#diaporama #diapogauche {float:left;width:485px;height:300px;border:1px solid #FFFFFF;border-left:0;}
#diaporama #diapodroite {float:right;width:485px;height:300px;border:1px solid #FFFFFF;border-right:0;}


/* DIV PIED DE PAGE */
#pied {clear:both;width:1000px;height:16px;text-align:center;color:#FFFFFF;padding:5px 0 5px 0;font-weight:bold;background:url(../images/pied.jpg) no-repeat;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
#pied a{text-decoration:none;color:#FFFFFF;font-weight:bold;}
#pied a:hover{text-decoration:none;color:#FFFFFF;font-weight:bold;text-decoration:underline;}

/* 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:#990100;}
#moteur #blocmot {float:left;width:465px;}
#moteur #blocmot #entete {margin-left:7px;padding-left:0;width:auto;font-size:14px;height:auto;font-weight:bold;color:#F7B806;border-bottom:solid 1px #FFFFFF;}

#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:#FFFFFF;font-weight:bold;}
#moteur #blocmot  #ColMot .LigneForm .ChampForm {float:left;width:140px;}
#moteur #blocmot  #ColMot .LigneForm .miniCase {float:left;width:110px;color:#FFFFFF;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;height:auto;font-size:14px;height:auto;font-weight:bold;color:#F7B806;border-bottom:solid 1px #FFFFFF;}
#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:#F7B806;border-bottom:solid 1px #FFFFFF;font-weight:bold;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:#FFFFFF;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-weight:bold;font-size:14px;color:#F7B806;border-bottom:solid 1px #FFFFFF;}
#resultats #TriPage {clear:both;width:725px;padding:15px 5px 15px 10px;}
#resultats #TriPage #TriSel {float:left;width:360px;height:30px;color:#F7B806;}
#resultats #TriPage #TriSel select {font:Arial 11px/11px ;}
#resultats #TriPage #Pagin {float:left;width:360px;text-align:right;font-weight:bold;color:#FFFFFF;}

/* 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:#F7B806;text-decoration:none;}
		.PrixAdsRed 			{float:left;width:95px;height:14px;text-align:center;text-transform:uppercase;color:#F7B806;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 FICHE DETAIL OCCASION ET NEUF */
#fiche {clear:both;width:740px;height:auto;}
#fiche #entete {clear:both;width:740px;height:auto;font-weight:bold;font-size:14px;color:#F7B806;border-bottom:solid 1px #FFFFFF;}
#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;font-weight:bold;color:#FFFFFF;}
#fiche #infoSup #agauche #prix {clear:both;text-transform:uppercase;font-size:18px;font-weight:bold;color:#FF0006;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:#FFFFFF;font:Arial bold 14px/18px ;}
#fiche #infoSup #adroite .lienUtile a {color:#FFFFFF;text-decoration:none;font-weight:bold;}
#fiche #infoSup #adroite .lienUtile a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}
#fiche #infoSup #adroite .lienUtileBack {clear:both;color:#FF0006;font:Arial bold 14px/18px ;}
#fiche #infoSup #adroite .lienUtileBack a {color:#FF0006;text-decoration:none;font-weight:bold;}
#fiche #infoSup #adroite .lienUtileBack a:hover {color:#FF0006;text-decoration:underline;font-weight:bold;}

#fiche #blocCentral {float:left;width:738px;height:auto;margin-top:7px;border:1px solid #FFFFFF;font-size:14px;}
#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 #F7B806;}
#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 #F7B806;}

#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:#FFFFFF;border:1px solid #FFFFFF;padding:10px;margin-bottom:10px;}
	#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-weight:bold;font-size:14px;color:#F7B806;border-bottom:solid 1px #FFFFFF;}
#contactplan #plan {clear:both;margin-top:15px;color:#FFFFFF;}

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

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

#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;}
#atelier #entete {clear:both;width:740px;height:auto;font-weight:bold;font-size:14px;color:#F7B806;border-bottom:solid 1px #FFFFFF;}
#atelier #infoAtelier {clear:both;width:740px;height:auto;margin-top:7px;color:#7A7A7A;}
#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:278px;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;font-weight:bold;color:#F7B806;border-bottom:solid 1px #FFFFFF;}

#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:#FFFFFF;text-decoration:none;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce .titreAnnonce a:hover {color:#FFFFFF;text-decoration:none;}
#blocAnnonces #blocPrincipal .ColAnn .uneAnnonce .infoAnnonce .prixAnnonce {clear:both;text-transform:uppercase;font-weight:bold;color:#F7B806;}

/* DIV REDACTIONNEL */
#redac {clear:both;width:740px;height:180px;margin-top:7px;}
#redac #photo {float:left;width:250px;height:auto;}
#redac #texte {float:left;width:470px;height:auto;padding:5px;color:#FFFFFF;padding:0 10px 0 10px;}
