/****************************************
Auteur: Antoine DELATTRE
pour: www.eden-auto.com

CSS EDEN AUTO :
page: Index
*****************************************/

html, body {
	float: none;
	font: 12px arial,sans-serif;
	padding: 0;
	margin: 0; /* pour éviter les marges */   
	text-align: center; /* pour corriger le bug de centrage IE */
}

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

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

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

a:active
{
	text-decoration: none;
	color: #DC1012;
}

#conteneur {
	float: none;
	width: 1000px !important;
	padding: 0px;
	background-color:#FFFFFF;
	text-align: left;
	margin-left: auto;   
	margin-right: auto;
	/*border-top: 1px solid #626161; 
	border-right: 1px solid #626161; 
	border-left: 1px solid #626161;
	*/border: 1px solid #ccc;
}

.redcenter {text-align: center; color: red;}

/* BANDEAU */
#bandeau {
	clear:both;
	float:left;
	width:1000px !important;
	background-color:#FFF;
	height: 98px; 
	font-size:0px;
}
#bandeau img {padding: 0; margin: 0;}
#bandeau #bandeau_gen {float:left; width:1000px;height:37px; padding: 0; margin: 0;}
#bandeau #bandeau_gen img {float: left; width: 171px; height: 37px; border: none;}
#bandeau #bandeau_gen .bandeau_texte {float: left; width: 823px; height: 37px; text-align: center; padding-top: 3px;font-size:11px;}

/* MENU */
#menu {
	clear:both;
	float:left;
	width:1000px !important;
	height:29px;
}

#menu #boutonbg {float:left;width:160px;height:29px;background-image:url('../images/onglet1.jpg');}
#menu #bouton {float:left;width:160px;text-align:center;font-family: arial, helvetica, sans-serif ;font-size:14px;padding-top:7px;}
#menu #boutonbg2 {float:left;width:200px;height:29px;background-image:url('../images/onglet2.jpg');}
#menu #bouton2 {float:left;width:200px;text-align:center;font-family: arial, helvetica, sans-serif ;font-size:14px;padding-top:7px;}

#menu a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover
{
	text-decoration: none;
	color: #7895A3;
}

#menu a:active
{
	text-decoration: none;
	color: #7895A3;
}

/* PAGE PRINCIPALE */
#pageAccueil {
	clear:both;
	float:left;
	width:1000px !important;
	padding-top:20px;
}

#pageAccueil #colonneA {float:left;width:320px;}
#pageAccueil #colonneB {float:left;width:320px;margin-left:20px;}
#pageAccueil #colonneB  form {float:left; margin: 0; padding: 0;}

#pageAccueil #titre {float:left;width:320px;}
#pageAccueil #titre #titre1bbg {float:left;width:212px;height:24px;background-image:url('../images/fond_titre2b.jpg');}
#pageAccueil #titre #titre2bbg {float:left;width:108px;height:24px;background-image:url('../images/fond_titre1b.jpg');}
#pageAccueil #titre #titre1b {float:left;width:212px;text-align:center;padding-top:4px;color:white;}
#pageAccueil #titre #titre1baff {float:left;width:212px;text-align:center;padding-top:4px;color:red;}
#pageAccueil #titre #titre2b {float:left;width:108px;text-align:center;padding-top:4px;}

#pageAccueil #titre #titre1bg {float:left;width:212px;height:24px;background-image:url('../images/fond_titre2.jpg');}
#pageAccueil #titre #titre2bg {float:left;width:108px;height:24px;background-image:url('../images/fond_titre1.jpg');}
#pageAccueil #titre #titre1 {float:left;width:212px;text-align:center;padding-top:4px;}
#pageAccueil #titre #titre1 a { color: blue; font-weight: bold; text-decoration: underline;}
#pageAccueil #titre #titre2 {float:left;width:108px;text-align:center;padding-top:4px;}

#pageAccueil #affaire {float:left; clear: both; width:320px; margin-bottom:20px;background-color:#6B6B6B;}
#pageAccueil #affaire #photoaff {float:left; clear: left; width: 320px; padding-left:40px; padding-top:20px;}
#pageAccueil #affaire #texteaff {float:left; clear: left; width: 320px; padding: 10px 40px; color:white;}

#pageAccueil #occasions {float:left;width:320px;padding-top:10px;}
#pageAccueil #occasions #colonne {float:left;width:310px;padding-left:10px;}
#pageAccueil #occasions #colonne #annonce {float:left;width:310px;padding-bottom:10px;}
#pageAccueil #occasions #colonne #annonce #photo {float:left;width:44px;}
#pageAccueil #occasions #colonne #annonce #texte {float:left;width:256px;padding-left:10px;}
#pageAccueil #occasions #colonne #annonce #texte #ligne {float:left;width:256px;}
#pageAccueil #occasions #colonne #annonce #texte #ligne #prix {float:left;color:#FF0000;padding-left:5px;}
#pageAccueil #occasions #colonne #annonce #texte #ligne #dpt {float:left;}
#pageAccueil #occasions #colonne #annonce #texte #ligne #dpt .rouge {color:red;}

/* ENCHERES */
#pageAccueil #Encheres {
	clear:both;
	float:left;
	width: 100%;
	padding: 20px 20px;
}
#pageAccueil #Encheres p.textegauche { float: left; width: 380px !important; width: 550px; padding-left: 170px;}
#pageAccueil #Encheres p.imagedroite { float: right; width: 400px; text-align: left; margin: 0; padding: 0;}

#pageAccueil #espacepro {float:left;width:300px;padding-left:10px;padding-right:10px;padding-top:10px;}

#pageAccueil #shearch {float:left;width:318px !important;width:320px;height:269px !important;height:271px;background-image:url('../images/shearch.jpg');border:1px solid #6B6B6B;margin-top:30px;}
#pageAccueil #shearch #ligne {float:left;width:308px;padding-top:20px;padding-left:10px;}
#pageAccueil #shearch #ligne #colonne1 {float:left;width:82px;padding-top:3px;}
#pageAccueil #shearch #ligne #colonne2 {float:left;width:216px;}
#pageAccueil #shearch #ligne .button {
		width:200px; 
		font-family:arial; 
		font-size:11px; 
		border-width : 2px; 
		border-style:outset; 
		border-color:red; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #000000;
		background: #EBE9ED; 
		cursor:pointer;
}
#pageAccueil #shearch #ligne .button2 {
		width:50px; 
		font-family:arial; 
		font-size:11px; 
		border-width : 2px; 
		border-style:outset; 
		border-color:red; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #000000;
		background: #EBE9ED; 
		cursor:pointer;
}

#pageAccueil span.MiniMaxi { float: left; width: 105px ;}

#cadreGris	{
	float:left;
	width:310px !important;
	width:320px;
	height:235px !important;
	height:245px;
	background-color:#6B6B6B;
	padding-top:10px;
	padding-left:10px;
}
#cadreJaune	{
	float:left;
	font: 12px/18px Arial;
	width:308px !important;
	width:320px;
	background-color:#B9D6E4;
	border-left: 1px solid #6B6B6B;
	border-right: 1px solid #6B6B6B;
	padding-top:10px;
	padding-left:10px;
}
#cadreJaune	#col1 {float:left;width:170px;}
#cadreJaune	#col2 {float:left;width:138px;text-align:center;}

/* FONCTIONNEMENT*/

#colonneC {float:left;width:660px;}
#colonneC #titre {float:left;width:660px;}
#colonneC #titre #titre1bbg {float:left;width:552px;height:24px;background-image:url('../images/fond_titre2bg.jpg');}
#colonneC #titre #titre2bbg {float:left;width:108px;height:24px;background-image:url('../images/fond_titre1b.jpg');}
#colonneC #titre #titre1b {float:left;width:552px;text-align:center;padding-top:4px;color:white;}
#colonneC #titre #titre1baff {float:left;width:552px;text-align:center;padding-top:4px;color:red;}
#colonneC #titre #titre2b {float:left;width:108px;text-align:center;padding-top:4px;}

#colonneC #ligne {float:left;width:660px;padding-top:10px;}
#colonneC #ligne #col1 {float:left;width:535px !important;width:545px;text-align:justify;padding-left:10px;}
#colonneC #ligne #col2 {float:left;width:115px;text-align:center;}

#colonneC #ligne #formulaireContactgauche{float:left;width:195px !important;width:205px;padding-left:10px;}
#colonneC #ligne #formulaireContactdroite{float:left;width:295px;}

#colonneC #ligne .button {
		width:200px; 
		font-family:arial; 
		font-size:11px; 
		border-width : 2px; 
		border-style:outset; 
		border-color:red; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #000000;
		background: #EBE9ED; 
		cursor:pointer;
}

/* ADRESSE */
#pageAdresse {
	clear:both;
	float:left;
	width:1000px !important;
	padding-top:20px;
}

#pageAdresse #colonne_gauche {float:left;width:452px;}
#pageAdresse #colonne_droite {float:right;width:490px;}
#pageAdresse #colonne_droite #titre {float:left;width:490px;}
#pageAdresse #colonne_droite #titre #titre1bbg {float:left;width:382px;height:24px;background-image:url('../images/fond_titre2bg.jpg');}
#pageAdresse #colonne_droite #titre #titre2bbg {float:left;width:108px;height:24px;background-image:url('../images/fond_titre1b.jpg');}
#pageAdresse #colonne_droite #titre #titre1b {float:left;width:382px;text-align:center;padding-top:4px;color:white;}
#pageAdresse #colonne_droite #titre #titre1baff {float:left;width:382px;text-align:center;padding-top:4px;color:red;}
#pageAdresse #colonne_droite #titre #titre2b {float:left;width:108px;text-align:center;padding-top:4px;}
#pageAdresse #colonne_droite #distributeur {float:left;width:490px;}
#pageAdresse #colonne_droite #distributeur #adresse_distributeur {float:left;width:300px;}
#pageAdresse #colonne_droite #distributeur #photo_distributeur {float:left;width:190px;padding-top:15px;}
a.plan
	{
	display: block;
	width:200px; 
	margin: 2px 20px 0 0;
	padding: 2px 5px;
	font-family:arial; 
	font-size:11px; 
	border-width : 2px; 
	border-style:outset; 
	border-color:red; 
	font-weight:bold; 
	text-transform: uppercase;
	text-align: center;
	color: #000000;
	background: #EBE9ED; 
	cursor:pointer;
	}
a.plan:hover { color: red;}

.THELP_div 
{
	width: 283px;	
}

.THELP_div_cartoucheHaut
{
	height: 21px;
	background-image:url(../images/cartoucheHaut.gif);
}

.THELP_div_cartoucheTexteA
{
	padding-left : 15px;
	background-image:url(../images/cartoucheTexteA.png);
	overflow: auto;
	background-color: #FFFFFF;
	color: #000000;
}

.THELP_div_cartoucheTexteB
{
	padding-left : 15px;
	background-image:url(../images/cartoucheTexteB.png);
	overflow: auto;
	background-color: #FFFFFF;
	color: #000000;
}

.THELP_div_cartoucheBas
{
	height: 7px;
	background-image:url(../images/cartoucheBas.gif);
	background-repeat: no-repeat ;
}

/* FICHE DETAILS */
#pageDetail {
	clear:both;
	float:left;
	width:1000px !important;
	padding-top:20px;
}
#pageDetail #retour {float:left;width:978px;margin-left:10px !important;margin-left:5px;padding-bottom:10px;}
#pageDetail #cadre_gris {float:left;width:978px;margin-left:10px !important;margin-left:5px;background: url('../images/bg.jpg');border:1px solid #878787;}
#pageDetail #cadre_gris #colonne_gauche {float:left;width:421px;}
#pageDetail #cadre_gris #colonne_gauche #modele {float:left;width:411px !important;width:421px;font-size:18px;padding-top:14px;padding-bottom:14px;padding-left:10px;background-color:#B9D6E4;}
#pageDetail #cadre_gris #colonne_gauche #cadre_photo_top {float:left;width:421px;height:11px;}
#pageDetail #cadre_gris #colonne_gauche #cadre_photo_top #line {float:left;width:410px;height:10px !important;height:11px;border-top:1px solid #878787;}
#pageDetail #cadre_gris #colonne_gauche #cadre_photo_top #corner {float:left;width:11px;height:11px;background: url('../images/corner.gif') no-repeat;}
#pageDetail #cadre_gris #colonne_gauche #cadre_photo {float:left;width:410px !important;width:420px;padding-left:10px;}
#pageDetail #cadre_gris #colonne_gauche #ligne_photos {float:left;width:418px !important;width:420px;height:71px !important;height:81px;padding-left:2px;padding-top:10px;}
#pageDetail #cadre_gris #colonne_gauche #ligne_photos #photo {float:left;width:94px !important;width:102px;height:71px;padding-left:8px;cursor: pointer;}
#pageDetail #cadre_gris #colonne_gauche #blank {float:left;width:420px;height:10px;}

#pageDetail #cadre_gris #colonne_droite {float:left;width:555px;}
#pageDetail #cadre_gris #colonne_droite #ligne {float:left;clear:both;padding-left:13px;padding-top:13px;width:542px !important;width:555px;}
#pageDetail #cadre_gris #colonne_droite #ligne #case_gauche {float:left;width:150px;}
#pageDetail #cadre_gris #colonne_droite #ligne #case_droite {float:left;}
#pageDetail .button {
		width:200px;
		font-family:arial;
		font-size:11px;
		border-width : 2px;
		border-style:outset;
		border-color:red;
		font-weight:bold;
		text-transform: uppercase;
		color: #000000;
		background: #EBE9ED;
		cursor:pointer;
		text-align:center;
}

#pageDetail #cadre_gris_contact {float:left;width:490px !important;width:745px;padding-left:255px; text-align:center; padding-bottom: 5px;}
#pageDetail #cadre_gris_contact #bordure_contact { border: 1px solid #ccc; width: 500px; margin-bottom: 20px; background: #eee;}
#pageDetail #cadre_gris_contact #ligne{float:left;width:490px;}
#pageDetail #cadre_gris_contact #ligne_bouton{float:left;width:490px;text-align:center;}
#pageDetail #cadre_gris_contact #gauche{float:left;width:195px;}
#pageDetail #cadre_gris_contact #droite{float:left;width:295px;}
#pageDetail #cadre_gris_contact .red { color: red;}


/* OCCASIONS */
#pageAccueil {
	clear:both;
	float:left;
	width:1000px !important;
	padding-top:10px;
}

#pageAccueil #ligneonglets {float:left;width:980px !important;width:990px;height:29px !important;height:34px;padding-top:5px;padding-left:10px;}
#pageAccueil #ligneonglets #onglet1 {float:left;width:193px;height:29px;background-image:url('../images/onglet1.gif');text-align:center;text-transform: uppercase;padding-top:7px;}
#pageAccueil #ligneonglets #onglet2 {float:left;width:199px;height:29px;background-image:url('../images/onglet2.gif');text-align:center;text-transform: uppercase;padding-top:7px;}
#pageAccueil #ligneonglets #onglet1lot {float:left;width:193px;height:29px;background-image:url('../images/onglet1lot.gif');text-align:center;text-transform: uppercase;padding-top:7px;}
#pageAccueil #ligneonglets #onglet2lot {float:left;width:199px;height:29px;background-image:url('../images/onglet2lot.gif');text-align:center;text-transform: uppercase;padding-top:7px;}
#pageAccueil #ligneonglets #onglet3 {float:left;width:588px;height:29px;background-image:url('../images/onglet3.gif');}

#pageAccueil #cadre_gris {
	float:left;
	width:978px;
	margin-left:10px !important;
	margin-left:5px;
	padding-top:5px;
	background-color:#CECDCE;
	border-left:1px solid #878787;
	border-right:1px solid #878787;
	border-bottom:1px solid #878787;
}
#pageAccueil #cadre_gris #ligne {float:left;width:978px;height:31px;padding-left:20px;}
#pageAccueil #cadre_gris #lignelot {float:left;width:978px;padding-left:20px;}
#pageAccueil #cadre_gris #ligne #nbannonces{ color: #000; font-weight: bold;}
#pageAccueil #cadre_gris #ligne #cadre280 {float:left;width:450px;padding-top:1px;font-weight:bold;color: #DC1012;}
#pageAccueil #cadre_gris #ligne #cadre56 {float:left;width:66px;padding-top:1px;}
#pageAccueil #cadre_gris #ligne #cadre124 {float:left;width:124px;}
#pageAccueil #cadre_gris #ligne #cadre90 {float:left;width:90px;padding-top:1px;}
#pageAccueil #cadre_gris #ligne #cadre224 {float:left;width:204px;}
#pageAccueil #cadre_gris #ligne #cadre308 {float:left;width:308px;}
#pageAccueil #cadre_gris #lignelot #cadre948 {float:left;width:948px;}
#pageAccueil #cadre_gris #ligne .button {
		width:200px; 
		font-family:arial; 
		font-size:11px; 
		border-width : 2px; 
		border-style:outset; 
		border-color:red; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #000000;
		background: #EBE9ED; 
		cursor:pointer;
}

#pageAccueil #onglets {float:left;width:1000px;height:20px;padding-top:10px;color:white;}
#pageAccueil #onglets #onglet100 {float:left;width:100px;height:17px !important;height:20px;background-image:url('../images/onglet100.jpg');text-align:center;padding-top:3px;}
#pageAccueil #onglets #onglet150 {float:left;width:150px;height:17px !important;height:20px;background-image:url('../images/onglet150.jpg');text-align:center;padding-top:3px;}
#pageAccueil #onglets #onglet200 {float:left;width:200px;height:17px !important;height:20px;background-image:url('../images/onglet200.jpg');text-align:center;padding-top:3px;}

#pageAccueil #onglets a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

#pageAccueil #onglets a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

#pageAccueil #onglets a:hover
{
	text-decoration: none;
	color: #7895A3;
}

#pageAccueil #onglets a:active
{
	text-decoration: none;
	color: #7895A3;
}

#pageAccueil #lignes {float:left;width:1000px;}
#pageAccueil #lignes #case100ph {float:left;width:100px;text-align:center;padding-top:10px;}
#pageAccueil #lignes #case100 {float:left;width:100px;text-align:center;padding-top:19px;}
#pageAccueil #lignes #case150 {float:left;width:150px;text-align:center;padding-top:19px;}
#pageAccueil #lignes #case200 {float:left;width:200px;text-align:center;padding-top:19px;}

#pageAccueil #pagination {float:left;width:1000px;text-align:center;}
#pageAccueil #spacing {float:left;width:1000px; height: 300px;}


/* ENSEIGNE-OCCASIONS */
#pageEnsOccaz {
	clear:both;
	float:left;
	width:1000px !important;
	padding-top:10px;
}

#pageEnsOccaz #cadre {float:left;width:978px;margin-left:10px !important;margin-left:5px;padding-top:0px;padding-bottom:5px;background-color:#FFF;border:1px solid #878787;}
#pageEnsOccaz #adresse_distributeur {float:left; margin:10px 0 5px 10px;}
#pageEnsOccaz #distributeur {float:right; margin:15px 0 5px 50px;}
#pageEnsOccaz #nbannonce {float:right; margin:35px 0 5px 50px; font-weight: bold;}

#pageEnsOccaz #onglets {float:left;width:1000px;height:20px;padding-top:10px;color:white;}
#pageEnsOccaz #onglets #onglet100 {float:left;width:100px;height:17px !important;height:20px;background-image:url('../images/onglet100.jpg');text-align:center;padding-top:3px;}
#pageEnsOccaz #onglets #onglet150 {float:left;width:150px;height:17px !important;height:20px;background-image:url('../images/onglet150.jpg');text-align:center;padding-top:3px;}
#pageEnsOccaz #onglets #onglet200 {float:left;width:200px;height:17px !important;height:20px;background-image:url('../images/onglet200.jpg');text-align:center;padding-top:3px;}
#pageEnsOccaz #onglets a:link { text-decoration: none; color: #FFFFFF;}

#pageEnsOccaz #lignes {float:left;width:1000px;}
#pageEnsOccaz #lignes #case100ph {float:left;width:100px;text-align:center;padding-top:10px;}
#pageEnsOccaz #lignes #case100 {float:left;width:100px;text-align:center;padding-top:19px;}
#pageEnsOccaz #lignes #case150 {float:left;width:150px;text-align:center;padding-top:19px;}
#pageEnsOccaz #lignes #case200 {float:left;width:200px;text-align:center;padding-top:19px;}

#pageEnsOccaz #pagination {float:left;width:1000px;text-align:center;}

/* MENU BAS */
#menu_bas {
	clear:both;
	width:1000px !important;
	height:28px;
	padding-top:20px;
}

#menu_bas #onglet1 {float:left;height:25px !important;height:27px;width:190px;background-color:#F4F4F4;border-top:1px solid #626161;text-align:center;padding-top:2px;}
#menu_bas #onglet2 {float:left;height:22px !important;height:27px;width:584px;background-color:#F4F4F4;border-top:1px solid #626161;text-align:center;padding-top:5px;}
#menu_bas #onglet3 {float:left;height:22px !important;height:27px;width:190px;background-color:#F4F4F4;border-top:1px solid #626161;text-align:center;padding-top:5px;}
#menu_bas #sep {float:left;width:18px;height:28px;background-image:url('../images/sep.jpg');}
#menu_bas .littlebiglink { font: 11px/9px; font-weight: bold; color: #787474;}
#menu_bas .littlelink { font-size: 9px;}

/*  SPECIAL */
.clear { clear: both; }
.red { color: red; font-weight: bold;}
.blue { color: #0000FF; font-weight: bold;}
.centerred { color: red; font-weight: bold; text-align: center;}
#pageAccueil .centerred a { color: blue; text-decoration: underline;}