/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Main Page
	- Page accueil
	- Tableaux
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
}
html{
	font-family: Arial, Verdana, Helvetica;
	/*color: #3C4B55;*/
	color: #000;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{
	color: #0086CA;
	font:18px Arial;
}

h2{
	color: #039EEE;
	font:15px Arial;
	font-weight:bold;
}

#nouvelles h2{background:url(Gx/01/bordure.gif) repeat-x bottom;padding-bottom:3px;}

h2 a, h2 a:link, h2 a:visited{color:#3c4b55;text-decoration:none;}

h3{
	font:16px Arial;
	font-weight:bold;
	color: #3C4B55;
}
img{
	border:none;
}

/*table{
	cellpadding: 0px;
	cellspacing: 0px;
	border: 0px;
	border:solid 1px #3C4B55;
	padding: 0 5px;
}*/

#detailVehicule{
	font-size:11px;
	width:630px;
}

#detailVehicule td{
	padding:6px 0 6px 3px;
	border-bottom:2px solid #FFF;
	width:630px;
}

.pageHeading{
	padding:0 15px 0 15px;
	background:url(Gx/01/titrefond.gif) no-repeat;
	line-height:150%;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

.row_heading{
	color:#0186CB;
}

.row_odd{
	background-color:#F3F3F3;
	color:#000;
}

.row_even{
	background-color:#E9EAEC;
	color:#000;
}


.row_blank{
	display:none;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 0 0 0;
	text-align:left;
	width:995px;
}

/* MAIN
--------------------------------------------------------------------------------------- */
#header{
	background: #FFF url(Gx/M/fondheader.gif) repeat-x;
	width:966px;
	height:109px;
}
#headerdroit{
	background: url(Gx/M/fondheaderdroit.jpg) no-repeat;
	float:right;
	width:322px;
	height:109px;
	position:relative;
}

#headerdroit #liensRapides { position:absolute; top:70px; right:0; }
#headerdroit input { position:absolute; top:71px; right:20px; }

#logo{
	float:left;
	padding:35px 0 0 20px;
}
#logoprint{
	position:absolute;
	visibility:hidden;
}

#adresseHeader{position:absolute; top:50px; left:260px;}
#adresseHeader p{line-height:130%;}


#borduredroite{
	background: url(Gx/M/finbordure.gif) no-repeat;
	width:29px;
	height:8px;
	float:right;
}
#principal{
	border-top:1px solid #979797;
	float:left;
	width:966px;
}
#contenu{font-size:12px;
color: #3C4B55;
	float:right;
	width:664px;
	background:url(Gx/M/degradebordure.gif) repeat-x;
}
#gauche{
	float:left;
	width:302px;
}
.imggauche{
	margin:1px 0 1px 0;
	height:174px;
	width:302px;
}
.imggaucheComparez a{
	background:url(gx/m/comparezMazda.jpg) no-repeat top left;
	margin:1px 0 1px 0;
	height:100px;
	width:302px;
	display:block;
}
.imggaucheComparez a:hover{
	background:url(gx/m/comparezMazda_over.jpg) no-repeat top left;
	margin:1px 0 1px 0;
	height:100px;
	width:302px;
}
.imggaucheConstruisez a{
	background:url(gx/m/construisezMazda.jpg) no-repeat top left;
	margin:1px 0 1px 0;
	height:100px;
	width:302px;
	display:block;
}
.imggaucheConstruisez a:hover{
	background:url(gx/m/construisezMazda_over.jpg) no-repeat top left;
	margin:1px 0 1px 0;
	height:100px;
	width:302px;
}

.imgpage{
	float:right;
	margin: 0px;
}

#info{
	margin-top:10px;
	padding:50px 0 0 115px;
	width:187px; _width:302px;
	font-size:9px;
	text-transform:uppercase;
	color:#575757;
	background:  url(Gx/M/fondinfo.jpg) no-repeat;
}
#info2{
	margin-top:20px;
	padding:20px 0 0 45px;
	width:257px; _width:302px;
	font-size:10px;
	text-transform:uppercase;
	line-height:150%;
	color:#575757;
	background:  url(Gx/M/fondinfo2.gif) no-repeat top;
}
#info2 a{color:#575757;}

#info3{
	margin-top:20px;
	width:282px;
	padding:20px 0 0 0;
	font-size:12px;
	text-align:justify;
	color:#575757;
	background:  url(Gx/M/fondinfo2.gif) no-repeat top;
}

#formContactSimple{
	margin:0 0 0 30px;
}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#promo{
	background: url(gx/00/fondproduits.gif) repeat-y;
	width:653px;
	float:right;
	color:#DADADA;
	margin-bottom:10px;
	
}
#promocontenu{
	float:right;
	width:653px;
	margin:0;
	background: url(gx/00/fondproduitshaut.gif) no-repeat top;
	padding-bottom:20px;
}
#promobas{background: url(gx/00/fondproduitsbas.gif) no-repeat;height:8px;overflow:hidden;}
/*#promogauche{float:left;background:url(gx/00/fondproduitsgauche.gif) no-repeat;height:474px;width:9px;}
#promodroit{float:right;background:url(gx/00/fondproduitsdroit.gif) no-repeat;height:474px;width:8px;}*/
#vehVedette{float:left;color:#DADADA;font-size:11px;width:300px;margin:23px 0 0 15px;}

.vehiculetn{
	float:left;
	width:200px;
	margin:2px 10px 5px 0;
	text-align:center;
}

.vehiculetn a span{
	color: #3C4B55; 
	text-decoration: none;
	
}

.vehiculetn a:hover span{
	color:#039EEE;
}

/* PAGE CENTRE ESTHÉTIQUE
--------------------------------------------------------------------------------------- */
.contentForfait {float:right; width:650px;}
	.contentForfait .thumb {float:left; width:325px; height:408px; margin-bottom:10px;}
		.contentForfait .thumb img {border:1px solid #AAAAAA;}

.contentService {float:right; width:650px;}
	.contentService .thumb {float:left; width:210px; height:37px; margin:5px 5px 5px 0px;}

	
/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
************************************************************** */
#dhtmltooltip { position: absolute; left: -300px; width: 150px; padding: 10px; visibility: hidden; z-index: 100; text-align : left; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #555; background-color: #EEEEEE; color : #000; }
#dhtmltooltip dt { color : #000; border-bottom : 1px solid #000; }
	
/* TABLEAUX
--------------------------------------------------------------------------------------- */
#progdiplomes{border:1px solid #0086CA; clear:both;}
#progdiplomes th{font-size: 12px; line-height: 150%; color: #000;font-weight:bold;border-bottom:1px solid #0086CA;}
#progdiplomes tr td{font-size: 12px; line-height: 150%; color: #000; padding:3px;}

#navigation{
	float:right;
	background: url(Gx/01/caracteristiquefond.gif) no-repeat;
	width:326px;
	height:186px;
	margin-top:3px;
}
#navigationSpec{
	float:right;
	background: url(Gx/01/caracteristiquefondSpec.gif) no-repeat;
	width:326px;
	height:260px;
	margin-top:3px;
}
#mazdaBientot{margin-top:30px;}
#navigation ul li, #navigationSpec ul li{
	list-style:none;
	background:url(Gx/01/flecheliste.gif) no-repeat 0px 6px;
	padding-left:8px;
	margin:0;
	font-size:11px;
	font-weight:bold;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited, #navigationSpec ul li a, #navigationSpec ul li a:link, #navigationSpec ul li a:visited{
	color:#3C4B55;
	text-decoration:none;
}

#navigation ul li a:hover, #navigation ul li a:visited:hover, #navigationSpec ul li a:hover, #navigationSpec ul li a:visited:hover{
	color:#0086CA;
}

.titrecaract{
	float:right;
	background:url(Gx/01/titrefond.gif) no-repeat;
	width:630px; 
	height:29px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

.titrecaract a, .titrecaract a:link, .titrecaract a:visited{ 
	color:#FFF;
	text-decoration:none;
	padding-right:25px;
	background:url(Gx/01/titrefleche.gif) no-repeat 95% 65%
}
.hautdepage{float:right;font-weight:normal;font-size:11px;}

#tableau table{float:right;text-align:center;font-size:11px;font-weight:bold;color:#000;margin-top:5px;width:625px;}
#tableau table th{color:#0186CB;background-color:#fff;padding:3px 0 7px 0;width:125px;}
#tableau table tr{width:625px;}
#tableau table td{padding:6px 0 6px 3px;border-bottom:2px solid #FFF;width:125px;}
.elements{text-align:left;}
.unbold{font-weight:normal;}

.montantRemise{
	border : 0px solid #FFFFFF;
	padding : 0px;
}

td{font-size:12px;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{width:302px;margin:0; padding:0;background:#3C4B55 url(Gx/M/fondmenu.gif) no-repeat;}
#menu ul{padding:11px 0 0 42px;margin:0}
#menu ul li{padding:0 0 7px 0; margin:0; list-style-type:none; background: url(Gx/M/menubordure.gif) repeat-x 0 28px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-transform: uppercase;
	display:block;
	width:260px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: url(Gx/M/fleche.gif) no-repeat 93% 70%;
	padding:4px 0 0 0;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#039EEE;background: url(Gx/M/fleche_over.gif) no-repeat 93% 70%;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#039EEE;background:none;}

#menu ul li ul{padding:12px 0 5px 0; margin:0; background:url(Gx/M/menubordure.gif) repeat-x bottom;}
#menu ul li ul li{padding:0; padding-left:2px; margin:0; list-style-type:none;background:none;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	text-transform:none;
	display:block;
	width:258px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background:none;
	padding:2px 0 2px 0;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{color:#039EEE;background:none;}
#menu ul li ul li a.actif, #menu ul li ul li a.actif:visited{color:#FFF; background:#0086CA url(Gx/M/flechesousmenu.gif) no-repeat 97% 50%;}

#menu2{width:302px;margin:0; padding:0; background:#027FBE url(Gx/M/coinsousmenu.gif) no-repeat bottom right;}
#menu2 ul{padding:2px 0 0 42px;margin:0;}
#menu2 ul li{padding:0; margin:0; list-style-type:none;}
#menu2 ul li a, #menu2 ul li a:link, #menu2 ul li a:visited{
	text-transform:none;
	display:block;
	width:258px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding:0 0 2px 2px;
}
#menu2 ul li a:hover, #menu2 ul li a:visited:hover{background:#009BE9 url(Gx/M/flechesousmenu3.gif) no-repeat 97% 50%;}

#titremenu2{background:#006293 url(Gx/M/flechesousmenu2.gif) no-repeat 93% 40%;color:#FFF;font-size:11px;font-weight:bold;width:302px;height:30px;text-transform:uppercase;}

.menuonfix{padding-left:5px;}

#sousmenu{background: url(Gx/M/fondsousmenu.gif) no-repeat;height:49px;width:966px;margin-top:60px;color:#3A3A3A;text-transform:uppercase;font-size:9px;}
#sousmenu a{color:#3A3A3A; text-decoration:none;}

.menuaccueil{float:right;text-align:center;margin-bottom:5px;width:322px;}

.callToAction{
	float:left;
	padding:5px 7px;
	width:197px; _width:207px;
}

.callToAction img{display:block;}
.callToAction a, .callToAction a:link, .callToAction a:visited{
	display:block;
	border:1px solid #aaa;
	padding:1px;
	margin-bottom:6px;
}

#MenuEmploi ul li a, #MenuEmploi ul li a:link, #MenuEmploi ul li a:visited{
	text-decoration: none;	
	color: #000;
}
#MenuEmploi ul li a strong{color: #0086CA;}

#MenuEmploi ul li a:hover, #MenuEmploi ul li a:visited:hover{text-decoration: underline;}




/* CALENDRIER (Calendrier d'événements calendrierEvenement.js) 
-----------------------------------------------------------------------*/
div#CalendrierEvenement{
	font-size:11px; 
	width:200px; height:202px;
	float:right;
	margin-top:10px;
}
#btnCalendrier{margin:0 0 0 5px;}
div#CalendrierEvenement div#CalendrierEvenement{background:url(Gx/M/calendrier_bg.png) no-repeat;background-position:5px 0;}
#CalendrierEContent, #Calendrier{position:relative;}
div#CalendrierEvenement .controls{padding:3px;}
div#CalendrierEvenement input{outline:none;}
div#CalendrierEvenement div.weekdays div{ color:#fff; font-weight:bold;padding:0 0 1px 1px;font-size:11px;}
div#CalendrierEvenement div.days{_position:absolute;_left:-175px;_top:20px;_width:179px;}
div#CalendrierEvenement div.days div{color:#CEEA59; font-weight:bold; height:18px;line-height:18px; padding:1px;}
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited{ background:#CEEA59; color:#000; font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:18px; }
div#CalendrierEvenement div.days div ul{display:none;font-weight:normal;background:#000;padding:5px;left:0;width:200px;position:absolute;z-index:100;}
div#CalendrierEvenement div.days div ul li{list-style-type:square;margin:3px 16px;text-align:left;color:#e0e09d;font-size:11px;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited{
	display:inline;
	color:#e0e09d; font-weight:normal;
	padding:0;
	margin:0;
	text-indent:0;
	background:none;
}
div#CalendrierEvenement div.days a:hover{ text-decoration:underline; }
div#CalendrierEvenement div.days div{ margin:-1px 0 0 -1px; }


/* CALENDRIER (Utilisé pour popup de calendar.js)
-------------------------------------------------------------*/
div#Calendar{ background:#FFFFFF; border:#2266B3 1px solid; font-size:11px; }
div#Calendar div.weekdays div{ border:#FFFFFF 1px solid; color:#2266B3; font-weight:bold; margin:-1px 0 0 -1px; }
div#Calendar div.days a, div#Calendar div.days a:visited{ border:#2266B3 1px solid; color:#3e3328; margin:-1px 0 0 -1px; text-decoration:none; }
div#Calendar div.days a:hover{ color:#999999; }
div#Calendar div.days div{ background:#CFCFCF; border:#2266B3 1px solid; margin:-1px 0 0 -1px; }


/* 01_200 Rachat de votre vehicule
--------------------------------------------------------------------------------------- */

.formRachatCollGauche{float:left;margin:0 30px 0 0 ;}
.formRachatCollDroite{float:left;}

#rachat label{width:200px;display:block;float:left;}
#rachat .labelRadio{width:75px; float:left;}
#rachat .radioBtn{float:left;margin:3px 30px 0 0;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; width:995px; font-family:Tahoma; font-size:11px; padding:20px 0 0 30px;background: url(Gx/M/fondpieddepage.gif) repeat-y;}
#piedPage a{color:#555; text-decoration:none;}
#piedPage a:hover{color:#979797;}
#piedPage #copyrights{margin:0; text-align:left;color:#979797;font-size:10px;}
#piedPage #copyrights a{font-weight:bold;color:#979797;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#979797;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #000;}

#modelespdp{height:90px;}

#copyrightprint{
	height:0;
	position:absolute;
	visibility:hidden;
}

.lienspdp{float:left;margin:0 35px 0 0;font-size:10px;}
.lienspdp b{font-size:11px;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; /*color: #3C4B55;*/ color: #000;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #3C4B55; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%;color: #000; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#000; margin-left:16px;}
.bleu{color:#0086CA}
.textePetit{font-size:11px;}
.lienPDF{background: url(Gx/pdficon.gif) no-repeat right; padding:5px 20px 5px 0;}
.lienPDF2{background: url(Gx/pdficon.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPrint{background: url(Gx/icone_print.gif) no-repeat left; padding:5px 0 5px 20px;}

/* BROCHURES
--------------------------------------------------------------------------------------- */
#brochure{
	font-size: 12px;
	color: #000;
	border-collapse: collapse;
	width: 640px;}
#brochure img{
	border: 1px solid #000;
	display: block;
	margin: 5px 0 5px 5px;
}
#brochure td{
	background: #EAEAEA;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	vertical-align: middle;
}
#brochure td.img{
	width: 78px;
}
#brochure .name{
	text-transform: uppercase;
	font-weight: bold;
}
#brochure .lien{
	width: 205px;
}
#brochure a, #brochure a:link, #brochure a:visited{
	background: transparent url(Gx/pdficon.gif) no-repeat 15px 23px;
	display: block;	
	font-size: 11px;
	text-decoration: none;
	width: 205px;
	height: 63px;
	line-height: 63px;
	cursor: pointer;
	color: #000;
}
#brochure a:hover{
	background-color: #cef3ff;
}
#brochure div{
	padding: 0 0 0 38px;
}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000;}
fieldset label{font-size: 12px; color:#3C4B55;margin:2px 0 2px;}

.champTexte{	
	background: #DDDDDD;
	border:none;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px;
	width:200px;
}

.champTexteDate{	
	background: #DDDDDD;
	border:none;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px;
	width:75px;
}

.listeDeroulante{
	background: #DDDDDD;	
	border: none;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #DDDDDD;
	border: none;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #3C4B55;
	border: 1px solid #000;
	color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #039EEE;} /* FF seulement */
.boutonRadio{
	background: #FFF;
	color: #000;
	font-size: 11px;
}
.caseaCocher{
	border: none;
}
.erreur{
	color: #FF0000;
}