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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #000;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #bbb;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #a1a1a2;
	font-size:18px;
	margin:5px 0;
}

h2{
	color: #999;
	font-size:15px;
	margin:10px 0;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#haut{
	background: transparent url(Gx/M/haut.jpg) no-repeat;
	width:948px;
	height:187px;
	margin:15px 0 2px 0;
	position:relative;
}

#haut h1{display:none;}

#haut a#lienAccueil, #haut a#lienAccueil:link, #haut a#lienAccueil:visited{
	 padding:2px 3px 2px 10px;
	 color:#8e2f3a;
	 text-decoration:none;
	 position:absolute;
	 bottom:10px; left:20px;
}

#haut a#lienAccueil:hover, #haut a#lienAccueil:visited:hover, #haut a#lienAccueil.actif, #haut a#lienAccueil.actif:visited{
	 background:url(Gx/M/fleche_accueil.gif) no-repeat 1px 8px;
	 color:#ff0248;
}

#conteneurFlash{
	float:right;
}

#principal{
	padding:10px;
	background: #242424 url(Gx/M/contenubas.gif) no-repeat bottom;
}

#hautprincipal{
	background: #242424 url(Gx/M/contenuhaut.gif) no-repeat top;
	height:5px;
	font-size:0;
}

#conteneur{
	margin: 0 auto;
	text-align:left;
	width:948px;
}

#gauche{
	float:left;
	width:203px;
	margin-right:10px;
	padding-top:2px;
}

#contenu{
	float:right;
	width:715px; 
}
#contenuIframe{
	float:left;
	margin-left:70px;;
	width:800px;
}

/* CONTACT
--------------------------------------------------------------------------------------- */
#contact{
	background:#000 url(Gx/M/gauchebas.gif) no-repeat bottom;
	height:429px;
}

#contactlogo{
	background:transparent url(Gx/M/chryslerjeepdodge.gif) no-repeat;
	height:200px;
}

#contactinfo{
	font-size:12px;
	color:#fff;
	padding:0 12px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{height:48px; margin:0 0 12px 0; padding:0 1px 0 0; float:right;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:block; float:left; list-style-type:none;}
#menu ul li a span{display:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display:block;
	float:left;
	height:48px;
	border-right: solid 1px #343434;
}

#menu ul li#m01{background: transparent url(Gx/M/m01_100_fr_over.gif) no-repeat;}
#menu ul li#m02{background: transparent url(Gx/M/m02_100_fr_over.gif) no-repeat;}
#menu ul li#m03{background: transparent url(Gx/M/m03_100_fr_over.gif) no-repeat;}
#menu ul li#m04{background: transparent url(Gx/M/m04_100_fr_over.gif) no-repeat;}
#menu ul li#m05{background: transparent url(Gx/M/m05_100_fr_over.gif) no-repeat;}
#menu ul li#m06{background: transparent url(Gx/M/m06_100_fr_over.gif) no-repeat;}
#menu ul li#m01 a, #menu ul li#m01 a:link, #menu ul li#m01 a:visited{background: transparent url(Gx/M/m01_100_fr.gif) no-repeat; width:199px; _width:200px;}
#menu ul li#m02 a, #menu ul li#m02 a:link, #menu ul li#m02 a:visited{background: transparent url(Gx/M/m02_100_fr.gif) no-repeat; width:155px; _width:156px;}
#menu ul li#m03 a, #menu ul li#m03 a:link, #menu ul li#m03 a:visited{background: transparent url(Gx/M/m03_100_fr.gif) no-repeat; width:133px; _width:134px;}
#menu ul li#m04 a, #menu ul li#m04 a:link, #menu ul li#m04 a:visited{background: transparent url(Gx/M/m04_100_fr.gif) no-repeat; width:157px; _width:158px;}
#menu ul li#m05 a, #menu ul li#m05 a:link, #menu ul li#m05 a:visited{background: transparent url(Gx/M/m05_100_fr.gif) no-repeat; width:165px; _width:166px;}
#menu ul li#m06 a, #menu ul li#m06 a:link, #menu ul li#m06 a:visited{background: transparent url(Gx/M/m06_100_fr.gif) no-repeat; width:131px; _width:132px;}
#menu ul li#m01 a:hover, #menu ul li#m01 a:visited:hover, #menu ul li#m01 a:focus, #menu ul li#m01 a:active, #menu ul li#m01 a.actif, #menu ul li#m01 a.actif:visited{background: transparent url(Gx/M/m01_100_fr_over.gif) no-repeat;}
#menu ul li#m02 a:hover, #menu ul li#m02 a:visited:hover, #menu ul li#m02 a:focus, #menu ul li#m02 a:active, #menu ul li#m02 a.actif, #menu ul li#m02 a.actif:visited{background: transparent url(Gx/M/m02_100_fr_over.gif) no-repeat;}
#menu ul li#m03 a:hover, #menu ul li#m03 a:visited:hover, #menu ul li#m03 a:focus, #menu ul li#m03 a:active, #menu ul li#m03 a.actif, #menu ul li#m03 a.actif:visited{background: transparent url(Gx/M/m03_100_fr_over.gif) no-repeat;}
#menu ul li#m04 a:hover, #menu ul li#m04 a:visited:hover, #menu ul li#m04 a:focus, #menu ul li#m04 a:active, #menu ul li#m04 a.actif, #menu ul li#m04 a.actif:visited{background: transparent url(Gx/M/m04_100_fr_over.gif) no-repeat;}
#menu ul li#m05 a:hover, #menu ul li#m05 a:visited:hover, #menu ul li#m05 a:focus, #menu ul li#m05 a:active, #menu ul li#m05 a.actif, #menu ul li#m05 a.actif:visited{background: transparent url(Gx/M/m05_100_fr_over.gif) no-repeat;}
#menu ul li#m06 a:hover, #menu ul li#m06 a:visited:hover, #menu ul li#m06 a:focus, #menu ul li#m06 a:active, #menu ul li#m06 a.actif, #menu ul li#m06 a.actif:visited{background: transparent url(Gx/M/m06_100_fr_over.gif) no-repeat;}

#menuaccueil{width:203px; height:132px; background: #4d4d4d url(Gx/M/menuaccueilbas.gif) no-repeat bottom; margin-bottom:10px}
#menuaccueil ul{padding-top:10px; background:#4d4d4d url(Gx/M/menuaccueilhaut.gif) no-repeat top;}
#menuaccueil ul li{padding:0; margin:0; display:block; list-style-type:none;border-bottom: solid 1px #343434;}
#menuaccueil ul li a, #menuaccueil ul li a:link, #menuaccueil ul li a:visited{
	display:block;
	width:183px; _width:203px; /* IE6 */
	color:#afafaf;
	text-decoration:none;
	font-size:12px;
	padding:10px 0 10px 20px;
	background: transparent url(Gx/M/menuaccueil_fleche.gif) no-repeat 9px 15px;
}

#menuaccueil ul li a:hover, #menuaccueil ul li a:visited:hover, #menuaccueil ul li a:focus, #menuaccueil ul li a:active, #menuaccueil ul li a.actif, #menuaccueil ul li a.actif:visited{background-color:#676767; color:#fff;}

#menubas{float:right;text-align:right;line-height:20px;}

/* BOUTONS ACCUEIL
--------------------------------------------------------------------------------------- */
#boutonsaccueil a span{display:none;}
#boutonsaccueil a, #boutonsaccueil a:link, #boutonsaccueil a:visited{display:block;}
#boutonsaccueil #politique{background: transparent url(Gx/00/notre_politique_over.jpg) no-repeat;}
#boutonsaccueil #politique a, #boutonsaccueil #politique a:link, #boutonsaccueil #politique a:visited{
	background: transparent url(Gx/00/notre_politique.jpg) no-repeat; 
	width:353px; height:474px; 
	float:left;
	margin-right:8px;
}
#boutonsaccueil #politique a:hover, #boutonsaccueil #politique a:visited:hover, #boutonsaccueil #politique a:focus, #boutonsaccueil #politique a:active{
	background: transparent url(Gx/00/notre_politique_over.jpg) no-repeat;
}
#boutonsaccueil #promotions{background: transparent url(Gx/00/promotions_over.jpg) no-repeat;}
#boutonsaccueil #promotions a, #boutonsaccueil #promotions a:link, #boutonsaccueil #promotions a:visited{
	background: transparent url(Gx/00/promotions.jpg) no-repeat; 
	float:left;
	width:351px; height:137px;
	margin-bottom:5px;
}
#boutonsaccueil #promotions a:hover, #boutonsaccueil #promotions a:visited:hover, #boutonsaccueil #promotions a:focus, #boutonsaccueil #promotions a:active{
	background: transparent url(Gx/00/promotions_over.jpg) no-repeat;
}
#boutonsaccueil #chancecredit{background: transparent url(Gx/00/chancecredit_over.jpg) no-repeat;}
#boutonsaccueil #chancecredit a, #boutonsaccueil #chancecredit a:link, #boutonsaccueil #chancecredit a:visited{
	background: transparent url(Gx/00/chancecredit.jpg) no-repeat; 
	float:left;
	width:351px; height:138px;
	margin-bottom:6px;
}
#boutonsaccueil #chancecredit a:hover, #boutonsaccueil #chancecredit a:visited:hover, #boutonsaccueil #chancecredit a:focus, #boutonsaccueil #chancecredit a:active{
	background: transparent url(Gx/00/chancecredit_over.jpg) no-repeat;
}
#boutonsaccueil #quinoussommes{background: transparent url(Gx/00/quinoussommes_over.jpg) no-repeat;}
#boutonsaccueil #quinoussommes a, #boutonsaccueil #quinoussommes a:link, #boutonsaccueil #quinoussommes a:visited{
	background: transparent url(Gx/00/quinoussommes.jpg) no-repeat; 
	float:left;
	width:351px; height:189px;
}
#boutonsaccueil #quinoussommes a:hover, #boutonsaccueil #quinoussommes a:visited:hover, #boutonsaccueil #quinoussommes a:focus, #boutonsaccueil #quinoussommes a:active{
	background: transparent url(Gx/00/quinoussommes_over.jpg) no-repeat;
}


/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #bbb; text-align:justify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #ccc; text-decoration: underline;}
p a:hover, p a:focus, p a:active, p a:visited:hover, ul li a:hover, ul li a:focus, ul li a:active, ul li a:visited:hover, ol li a:hover, ol li a:focus,  ol li a:active, ol li a:visited:hover{
	color:#fff; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.texteGros{font-size:20px;line-height:150%}
.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:focus, .textePetit a:active, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

.rouge{
	color:#cb0038;
	font-size:20px;
}

/* IMAGES
--------------------------------------------------------------------------------------- */
.image{
	padding:3px;
	border:1px solid #aaa;
}
.image img{display:block;}

.imagesMain{
	float:left;
	margin:0 10px 10px 0;
	width:230px;
}

.imagesMain a, .imagesMain a:visited{
	color:#a80532;
	text-decoration:underline;
	font-size:12px;
}

.imagesMain a:hover, .imagesMain a:visited:hover{
	color:#000;
}

.imagesMain img{display:block;}

/* SECTIONS
--------------------------------------------------------------------------------------- */
/* --- Service et pièces --- */
#menuPiece a{
	background:transparent url(Gx/05/btn.gif) no-repeat;
	display:block;
	float:left;
	width:164px; height:49px;
	text-align:center;
	color: #a80532;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:300%;
	margin-right:10px;
}

#menuPiece a:hover, #menuPiece a.actif{
	background:transparent url(Gx/05/btn_over.gif) no-repeat;
}

#menuInventaire a{
	background:transparent url(Gx/00/bt_inventaire.gif) no-repeat;
	display:block;
	float:left;
	width:184px; height:49px;
	text-align:center;
	color: #a80532;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	line-height:15px;
	margin-right:10px;
	padding-top:10px;
}

#menuInventaire a:hover, #menuInventaire a.actif{
	background:transparent url(Gx/00/bt_inventaire_over.gif) no-repeat;
}

#heureOuverture{
	background:#000;
	height:170px;
}

#heureOuverture p{
	padding-left:10px;
	color:#fff;
	font-weight:bold;
}

#heureOuverture p img{
	float:right;
	margin-right:20px;
}

#heureOuverture p b{
	color:#fff;
	display:block;
	float:left;
	width:100px;
}

#heureOuverture p strong{
	color: #bbb;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{width:947px;color:#5a5a5a; font-family:Tahoma; font-size:11px; padding:0; background: transparent url(Gx/M/piedpage_fond.gif) repeat-x;margin:4px 0 60px 0;}
#meta{background: transparent url(Gx/M/piedpage_haut.gif) no-repeat top left; text-align:center;padding:30px 0 30px 75px;}
#meta img{float:left;margin-right:58px;}
#piedPage a{color:#5a5a5a; text-decoration:none;}
#piedPage a:hover, #piedPage a:focus, #piedPage a:active{color:#f3f3f3;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage a.liens1, #piedPage a.liens1:link, #piedPage a.liens1:visited{color:#fff; font-size:10px;}
#piedPage a.liens1:hover, #piedPage a.liens1:focus, #piedPage a.liens1:active, #piedPage a.liens1:visited:hover{color:#949494;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.champTexteMain{background:#fff;padding:5px;margin:7px 0;height:14px;_height:24px; /* IE FOREVER */ font-size:12px;}

fieldset{margin-bottom:10px; padding: 5px; border:1px solid #999;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#bbb; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#bbb;margin:2px 10px 2px 0}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:230px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #000;
	color: #333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{border-color: #666;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

table td{
	color:#bbb;
	font-size:12px;
	padding:0 5px;
}
table th{
	font-size:12px;
	color:#ccc;
	font-weight:bold;
}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#666;} /* couleur du contour popup */
#overlay{background-color: #3B392B;} /* couleur du fond tranparent */