/* TAG GENERAUX  ============================================================== */

body {
	margin:0;
	font-family:tahoma;
	font-size:0.7em;
	*text-align:center;
}

h1 {
	color:#98BF0C;
	font-size:1.2em;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	background:#D5F0FA;
	padding:2px;
	border-left:solid 1px white;
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img{border:none;}

a img {
	border:none;
}

div.bouton
{
	margin-top:5px;
	text-align:center;
}

input.bouton  {
  font-family: verdana, arial, helvetica;
  font-size: 10px;
  font-weight: bold;
  color: black;
  border: black solid 1px;
  background-color:#B5CBDE;
  margin-right:10px;
}


input.texte, textarea, select  {
  font-family: Verdana,	Arial, Helvetica;
  font-size: 10px;
  background-color: white;
  color: black;
  border: #C6DFF7 solid 1px;
}

#conteneur{
	position:relative;
	width:1000px;
	margin:auto;
}

/* CONTENEUR POUR CENTRER  ============================================================== */
#conteneur{
	position:relative;
	margin:auto;
	*text-align:left;
}



/* BANDEAU  ============================================================== */
#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:80px;
	background:url(gfx/logo.png) no-repeat;
	cursor:pointer;
}

#bandeau {
	position:absolute;
	top:0px;
	/*left:261px;
	width:537px;*/
	
	width:797px;
	height:80px;
	background:url(gfx/bandeau4.jpg) no-repeat;
	cursor:pointer;
}

/* BLOCKS  ============================================================== */

#main {
	position:absolute;
	top:0px;
	left:0px;
	width:797px;
}

/* MENU ============ */

#menu {
	position:absolute;
	top:80px;
	left:0px;
	background-color:#98BF0C;
	text-align:center;
	width:100%;
	height:20px;
	border-top:solid 2px #98BF0C;
}

/* pour que le menu reste a sa place */
* html #menu {
	height:22px;
	padding-top:2px;
}

#menu a {
	margin-right:3px;
	color:white;
	font-weight:bold;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
}

#menu a:hover {
	background:#D5F0FA;
	border-top:solid 5px #D5F0FA;
	border-bottom:solid 5px #D5F0FA;
	color:#98BF0C;
	text-decoration:none;
}

#menu .active {
	background:#D5F0FA;
	border-top:solid 3px #D5F0FA;
	border-bottom:solid 7px #D5F0FA;
	color:#98BF0C;
	text-decoration:none;
}

/* MENU VIGNETTE ========= */

a.pellicule:hover div {
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

* html #col-1 h1,* html #col-2 h1 { width:100%; }
* html #col-3 h1 { width:150px; }

#contenu { width:800px;}
#col-1,#col-2,#col-3 { position:absolute; }
#concession,#evenement ,#toyota-aventure,#occasion,#ecoConcessionHome,#sodebo,#serie-limitee,#entreprise,#environement,#lexus,#rallyeHome { margin-top:4px; }
#col-1 a:hover,#col-2 a:hover,#col-3 a:hover, #secondaire a:hover {
	cursor:pointer;
	text-decoration:none;
}

#col-1 { top:102px;	left:0px; }
#col-1 div { width:250px; }
#col-1 h1 { width:245px; }
#concession {
	height:150px;
	background:url(gfx/vignette-home-concessions.jpg) no-repeat;
	background-position:0px 20px;
}
/*#evenement {
	height:188px;
	background:url(gfx/fond-evenement.jpg) ;
}
#evenement ul {
	list-style-image:url(gfx/fleche.png);
	padding-left:30px;
}
#evenement ul li {
	padding-top:5px;
}
#evenement ul li a {
	color:white;
	font-weight:bold;
}*/
#ecoConcessionHome{
	height:354px;
	/*background:url(gfx/vignette-home-rallyes.jpg) no-repeat ;*/
	background:url(gfx/vignette-home-eco-concession.jpg) no-repeat ;
}

#toyota-aventure {
	height:162px;
	background:url(gfx/fond-toyota-aventure3.png) 0px 1px ;
}


#col-2 { top:102px;	left:254px; }
#col-2 div { width:385px; }
#col-2 h1 { width:380px; }
#occasion {
	height:150px;
	background:url(gfx/vignette-home-occasions.jpg);
}
#occasionComplet {
	position:absolute;
	top:106px;left:259px;
	width:535px;height:150px;
	background:url(gfx/vignette-home-occasions.jpg);
	z-index:1000;
	cursor:pointer;
}
#rallyeHome {
	height:258px;
/*	background:url(gfx/vignette-home-DAKAR-2010.jpg) no-repeat;*/
	background:url(gfx/vignette-home-portes-ouvertes.jpg) no-repeat;
}
#sodebo {
	height:92px;
	/*background:url(gfx/fond-sodebo.png);*/
	background:url(gfx/bandeauActu.jpg);
}


#col-3 {  top:102px; left:643px; }
#col-3 div { width:150px; }
#col-3 h1 { width:145px; }
#serie-limitee {
	height:150px;
	background:url(gfx/vignette-home-occasions.jpg) no-repeat;
	background-position:right top;
}
#entreprise {
	height:125px;
	background:url(gfx/fond-entreprise.png);
}
#environement {
	height:129px;
	background:url(gfx/fond-environement2.jpg);
}
#lexus {
	height:92px;
	/*background:url(gfx/fond-lexus.jpg) ;*/
}


/* SECONDAIRE ============ */

#secondaire {
	position:absolute;
	top:0px;
	left:797px;
	width:202px;
}
#actualite, div#boutique,#lien {
	margin-top:4px;
}

#recherche {
	height:102px;
	background:url(gfx/fond-recherche1.jpg);
}
#actualite {
	background:url(gfx/fond-actualite.jpg);
}
div#boutique {
	height:96px;
	background:url(gfx/fond-boutique.jpg) center -5px;
}
#lien {
	height:90px;
	background:white;
	color:black;
}

/* SPECIFIQUE ========== */
#sponsor img {
	border:none;
	vertical-align:middle;
}
#secondaire #actualite span {
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
}
#secondaire #actualite {
	text-align:left;
}
#actualite a {
	padding-left:3px;
	color:white;
}
#actualite a:hover {
	text-decoration:none;
}

.sommaire a {
	color:white;
}
.sommaire {
	background:url(gfx/pixel-black.png);
	margin-top:0px;
	padding:2px;
	color:white;
}

#recherche .sommaire {
	margin-bottom:10px;
}
#concession h1 {
	padding-left:3px;
}
#sponsor h1 {
	text-align:left;
	margin-bottom:5px;
}

#evenement .sommaire {
	width:246px;
}

#actualite img {
	border:solid white 2px;
	margin-right:2px;
}
/*#occasion .sommaire {
	background:none;
	color:black;
	position:relative;
	top:50px;
	width:150px;
	text-align:center;
	padding-left:5px;
}
#sport .sommaire {
	background:none;
	color:black;
	position:relative;
	top:20px;
	width:160px;
	text-align:center;
	padding-left:5px;
	font-size:1.3em;
}*/

/*#environement h1 { 
	background:#C6D79C;
}*/
#environement .sommaire,#serie-limitee .sommaire { 
	width:146px;
}

/* corrige le bug des sommaires trop cours sur IE */
* html #environement .sommaire, *html #serie-limitee .sommaire { 
	width:150px;
}
* html #evenement .sommaire { 
	width:250px;
}

/* applique la transparence des sommaire sur IE */
* html #environement .sommaire, * html #serie-limitee .sommaire, * html #evenement .sommaire { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/pixel-black.png', sizingMethod='scale');
}

#lexus h1 {
	background:#C6BAB5;
}
#recherche a {
	color:#254768;
	font-weight:bold;
}

#actualite h1, div#boutique h1, #lien h1 {
	width:197px;
}
/* Corrige les titres trop court sur IE */
* html #actualite h1, * html div#boutique h1, * html #lien h1 {
	width:202px;
}

/* GAMME ========== */
#menu_gamme,#detail_gamme {position:absolute;margin:0px;padding:0px;}
#menu_gamme {
	top:110px;
	left:5px;
	width:180px;
	border-right:1px solid #C6DFF7;
}
#menu_gamme h1{padding-left:0px;padding-right:0px;text-align:center;}
#menu_gamme h2{
	margin-left:2px;
	margin-bottom:2px;
	color:red;
	font-size:13px;
}
#menu_gamme a{
	margin-left:0px;
	padding-left:10px;
	font-weight:bold;
	text-decoration:none; 
	background-color:#fff; 
	color:#000; 
	display:block;
	/*height:25px;*/ 
	border-top:1px solid #C6DFF7;
	z-index:1;
	padding-bottom:8px;
}
#menu_gamme a:hover {
	border-right:1px solid #C6DFF7; 
	text-align:right;
	width:170px;
	padding-right:6px;
}
#detail_gamme{
	top:110px;
	left:220px;
	width:530px;
}
#detail_gamme h3{
	border-bottom:solid 1px black;
	font-size:12px;
	margin:0;
	margin-bottom:5px;
}

img.big_size{
	display:none;
	position:absolute;
	left:214px;
	top:230px;
}

/* OCCASION ------------------- */
#rechercher-simple {
	width:100%;
	font-size:1em;
}

#rechercher-simple caption {
	text-align:right;
	color:red;
	font-weight:bold;
}

#rechercher-simple th {
	text-align:left;
	background:#C6DFF7;
	width:100%;
}

#rechercher-simple td {
	text-align:left;
	width:100%;
}

#rechercher-simple select {
	font-size:1em;
	border:solid 1px #C6DFF7;
	border-top:none;
	margin-bottom:1Opx;
	width:160px;
}

#liste-vehicule {
	width:100%;
}

#liste-vehicule th {
	 background:#C6DFF7;
	 font-size:11px;
	 width:100px;
}

#liste-vehicule td {
	 font-size:11px;
	 border-bottom:solid 1px #C6DFF7;
	 cursor:pointer;
	 color:black;
	 font-weight:normal;
}

p.pagination {
	text-align:center;
}

.pagination a {
	color:black;
	font-weight:normal;
}

.pagination strong {
	font-weight:bold;
	color:black;
}

#detail-vehicule {
	width:100%;
	font-size:1.1em;
}
#detail-vehicule caption {
	color:red;
	font-weight:bold;
	background:#EFEBEF;
	font-size:0.7em;
	padding-left:5px;
	margin-bottom:5px;
}

#detail-vehicule ul {
	list-style-image:url(gfx/arrowRed.gif);
}

#detail-vehicule .image {
	background:#EFEBEF;
	text-align:center;
}

#detail-vehicule img#miniature {
	border:solid 1px black;
}

#detail-vehicule th {
	background:#C6DFF7;
	text-align:left;
}

#detail-vehicule .option {
	font-size:0.9em;
}

table#formulaire {
	width:100%;
	font-size:1.1em;
}

table#formulaire caption {
	text-align:center;
	margin-bottom:10px;
}

table#formulaire th {
	text-align:left;
}
.descriptif,.option,.equipement,.complement_info{
	color:black;
	font-weight:normal;
	text-align:left;
}
.option{
	font-size:11px;
}
/* CONCESSIONS ========== */
#carte_france {
	position:absolute;
	top:102px;
	left:2px;
	width:260px;
	padding-top:20px;
	text-align:center;
}
#detail_concession {
	position:absolute;
	top:115px;
	left:275px;
	width:505px;
}

#titre_concession{
	display:none;
	z-index:100;
	position:absolute;
	top:460px;
	left:110px;
	background-color:white;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	width:140px;
	padding-bottom:5px;
	border:solid 1px #000080;
}

#accueil_concession{
	display:block;
	position:absolute;
	top:105px;
	left:275px;
	width:505px;
}
#accueil_concession h3{
	clear:left;
	font-size:14px;
	border-bottom:solid 2px black;
	font-weight:bold;
}
div.mini_accueil{
	text-align:center;
	font-weight:bold;
	font-size:10px;
	margin-right:2px;
	margin-bottom:5px;
	margin-top:-10px;
}
#info_concession{
	display:none;
	width:518px;
	height:450px;
	border:none;
	overflow:none;
}
.titre_info_concession td{
	font-size:15px;
	font-weight:bold;
	width:505px;
	border-bottom:solid 1px black;
}
#comparateur{
	padding-top:2px;
	border-top:solid 1px #C6DFF7;
	border-left:solid 1px #C6DFF7;
	border-bottom:solid 1px #C6DFF7;
	text-align:center;
}
#comparateur h1, #comparateur h2{
	color:black;
	text-align:left;
	font-size:11px;
}
#comparateur h2{
	font-size:9px;
	margin-top:1px;
}

/* ============================
RALLYE 2
============================ */
#titre_speciale_jour{
	background:url(gfx/titre-speciale-jour.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_trace{
	background:url(gfx/titre-trace-parcours.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_dossier_presse{
	background:url(gfx/titre-com-press.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_pressbook{
	background:url(gfx/titre-press-book.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_newsletter{
	background:url(gfx/titre-newsletter.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_wallpaper{
	background:url(gfx/titre-spec-photo.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_contact_rallye{
	background:url(gfx/titre-contact-tm.jpg) no-repeat;
	width:650px;height:78px;
	margin:15px 0px 0px 2px;
}
#titre_etape_speciale_jour{
	background:url(gfx/titre-etape-speciale-jour.jpg) no-repeat;
	width:650px;height:48px;
	margin:0px 0px 0px 2px;
	float:left;
}
#logo_speciale_jour{
	background:url(gfx/fond_logo_speciale.jpg) no-repeat;
	width:117px; height:126px;
	margin:-78px 0px 0px 652px;
	*margin:-126px 0px 0px 652px;
	text-align:center;
}
.titre_date,.sous_titre{
	font-weight:bold;
	color:white;
}
.titre_date{
	font-size:15px;
}
.sous_titre{
	font-size:13px;
	padding-top:3px;
}

/* OCCASIONS LEXUS */
.lexus_preference{
	margin:30px 0px 0px 27px;
	*margin-left:0px;
}

/* ECOCONCESSION */

/*
#ecoConcession form,#ecoConcession form input,#ecoConcession form textarea{
	font-size:11px;color:#675D44;
}
#ecoConcession form input,#ecoConcession form textarea{
	border:solid 1px black;
}
#ecoConcession label{
	margin:0px;padding:0px 10px 0px 0px;
	display:inline-block;
	width:100px;
	text-align:right;
}
#ecoConcession em{
	color:#CC0003;
}
#ecoConcession input,#ecoConcession select{
	border:solid 1px black;
}
#ecoConcession input.error,#ecoConcession textarea.error,#ecoConcession select.error{
	border:dotted 1px red;
}
#ecoConcession label.error{
	padding-left:10px;
	color:red;
	width:250px;
	text-align:left;
}
#ecoBouton{
	margin:10px 0px 0px 50px;padding:0px;
}
#ecoBouton input{
	width:100px;
	cursor:pointer;
	background:#DAD7C8;
}
.explication{
	font-weight:bold;font-size:13px;
}
*/