/* ==============================================
   FEUILLE DE STYLES
   Inspirée par le "gabarit 10" proposé par
   Elephorm & Alsacreations.com
   ============================================== */

  
/* Général */
body {
	background: #0a0a0a;
	height:100%;
}

a, a:visited {
	color: darkblue;
	font-weight:bold;
	text-decoration:none;
}

a:hover, a:focus {
	color: #636363;
}

strong {
	color: #A1B55D;
}
th {
	text-align:left;
	width:170px;
}
td {
	text-align:center;
	width:130px;
}

iframe {
	width:100%;
	height:350px;
	margin:0px;
	border-width:0px;
}
h2 {
	margin-bottom: 20px;
	font-weight:bold;
	font-style:italic;
}

hr {
	border:0px;
	background-color:black;
	height:1px;
}

/* Page */
#global {

	position:relative;
	min-height:100%;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background: url(../fond.png) repeat-y;
}

/* En-tête */
#entete {
	height: 166px;
	background: url(../header.png);
	font-size:11pt;
	font-weight: bold;
}

#logo h1 {
	margin:0px;
	
}

#logo {
	padding-top:36px;
	padding-left:1px;
	height:56px;
	width:217px;
	margin-left:auto;
	margin-right:auto;
}

/* Mise en forme du menu, avec les rollover */
#menu {
	padding-left:2px;
	overflow:hidden;
	margin-top:37px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:720px;
}

#menu a {
	font-size:14px;
	margin: 0px;
	padding-top: 7px;
	display: block;
	float: left;
	height: 30px;
	width: 120px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0px;
}

#menu .bleu a {
	color: #dedd6b;
}

#menu .bleu a:hover {
	/*background: url(../hover-jaune.png) no-repeat;*/
	/*color:white;*/
	text-decoration:underline;
}

#menu .jaune a {
	color:#1519b6;
	
}

#menu .jaune a:hover {
	/*background: url(../hover-bleu.png) no-repeat;*/
	/*color:black;*/
	text-decoration:underline;
}

/* Bloc central */
#centre {
	padding-bottom:30px;
	position:relative;
	min-height:100%;
	overflow:hidden;
	width: 100%;
	text-align: justify;
}

/* Images dans les colonnes */
#gauche img, #droite img {
	margin-top:30px;
}

/* Mise en forme de la colonne de gauche */
#gauche {
	text-align:center;
	float: left;
	width: 128px;
}
#gauche img {
	margin-bottom: 12px;
}
/* Mise en forme de la colonne de droite */
#droite {
	text-align:center;
	margin-left:771px;
	margin-right: 0px;
}
#droite img {
	margin-bottom: 12px;
}

/* Contenu principal */
#principal {
	letter-spacing:0.01em;
	float: left;
	margin-left:1px;
	width: 585px;
	padding: 0px 28px 20px;
}
#principal > :first-child {
	margin-top: 15px;
}
#principal p, #principal li {
	line-height: 1.6;
}

/* images dans les paragraphes (image de l'email spécialement) */
#principal p img {
	border-width:0px;
	margin-bottom:-5px;
}

/* Image alignée à droite dans la page de présentation */
#principal .fright {
	float:right;
	margin:5px;
}

#principal img {
	border-color:#636363;
	padding:1px;
	margin-left:5px;
	border-style:solid;
	border-width:1px;
}

#principal a:hover img {
	background-color:#636363;
}

/* Mise en forme des élément de la page occasions */
#principal .occasions {
	float:left;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:10px;
}


/* Pied de page */
#pied {
	text-align:center;
	background: url(../footer.png) no-repeat;
	width:900px;
	position: absolute;
	padding-bottom:8px;
	bottom: 0px; 
}
#pied a {
	color:#dedd6b;
}
#pied a:hover {
	text-decoration:underline;
}
#pied p {
	margin:0px;
	padding-top:9px;
}
#pied .gauche {
	color:#dedd6b;
	text-align:right;
	padding-right:10px;
	float:left;
	width:436px;
}
#pied .droite {
	color:#1519b6;
	text-align:left;
	padding-left:15px;
	float:left;
	width:436px;
}