﻿@charset "utf-8";

#global {
	margin: auto;
	width: 1016px;
	width: 986px;
}

#top {
	height: 38px;
	text-align:center;
}

#tdcontenu {
	width: 658px;
}

#pied {
	background-image:url(/image/bas.jpg);
	background-position: top center;
	background-repeat:repeat-x;
	text-align: center;
	height: 18px;
	padding-top: 2px;
}

#adresse, #pied a, #ariane, #ariane a, .categorie  {
	color: #474747;
}


#philosophie {
	font-style:italic;
	color: #777;
	padding: 10px;
	padding-top: 0;
}

#adresse {
	font-size: 10px;
	font-weight: bold;
	padding: 10px;
	background-color: #efefef;
}
#accesrapide {
	/*padding: 10px;*/
	border-right: 1px solid #dedede;
}

#pied {
	font-size: 10px;
}
#pied a {
}

#ariane {
	font-size: 10px;
	text-align:right;
	height: 19px;
	line-height: 19px;
	padding: 0 10px;
}
#ariane a {
}
.ariane_actif {
	font-weight: bold;
}

/* utilise dans la popup */
/*#photoactive {
	background-color:#efefef;
}*/


/************* ELEMENTS TEMPLATES ****************/

/* Contenu */

#zonecontenu {
	padding: 10px;
}

#contenufond {
	background-image:url(/image/top_fond_pages_contenu.jpg);
	background-repeat:repeat-x;
}

/* Occasions */

#occasionsaccueil {
	background-color: #e2e2e2;
	float:left;
	/*width: 611px;
	width: 500px;*/
	margin-bottom: 1px;
}

#occasionsaccueil .occasiontd {
	padding: 5px;
}
.occasiondetailtd {
	width: 166px;
}

#listingoccasions {
	background-color: #efefef;
}
#listingoccasions td {
	border-bottom: 3px solid white;
}

.vehicule {
	font-size: 12px;
	font-weight:bold;
	color: white;
	background-color: red;
	padding: 2px 5px;
	/*width: 135px;*/
}
.vehicule a {
	color: white;
	text-decoration:none;
}
.vehicule a:hover {
	text-decoration:underline;
}

.vehiculedetail {
	padding: 5px;
}

.imageoccasionaccueil {
	border: 1px solid red;
	vertical-align:bottom;
}

.imageoccasionlisting {
	border: 1px solid red;
	vertical-align:bottom;
	float:left;
}

.imageoccasiondetail {
	border: 1px solid red;
	vertical-align: bottom;
}

.prixlisting {
	font-size: 12px;
	font-weight:bold;
	color: #444;
}

#listingresultat {
	font-size: 10px;
	font-weight:bold;
	color: #474747;
	margin-bottom: 1em;
}

#pagination {
	font-size: 9px;
	color: red;
	font-weight:bold;
}
#pagination a {
	font-weight:normal;
	text-decoration:none;
}
#pagination a:hover {
	text-decoration:underline;
}
#pagination .curpage {
	font-weight: bold;
}

/* listing */

#filtrecategories td {
	font-size: 10px;
}
#filtres select {
	font-size: 10px;
}
#filtres td {
	padding: 2px 5px;
}

#selectperpage {
	font-size: 10px;
}

/* Page produit */

#prix {
	font-size: 30px;
	color: red;
}
#prixcomplement {
	font-size: 12px;
	color: red;
}

#autresvues {
	display:block;
	position:relative;
	top: -19px;
}

.detailleftcol {
	border-right: 1px solid #dedede;
}

/************ GALERIE ************/

#mainphoto {
	height: 290px; 
	background-color:#efefef; 
	text-align:center; 
	padding: 15px 0;
}
#photoliste {
	padding: 1em;
	text-align:center;
	/*height: 55px;
	overflow: auto;*/
}
#photoliste .vignette {
	border: 1px solid #474747;
}
#photoliste .selected {
	border: 2px solid red;
}
#photoliste a {
	text-decoration:none;
}


/************* BRIQUES GESTION CONTENU **********/

.brique p, .brique h1, .brique h2, .brique h3, .brique h4, 
#popupcontent p, #popupcontent h1, #popupcontent h2, #popupcontent h3, #popupcontent h4,
#ficheproduit p, #ficheproduit h1, #ficheproduit h2, #ficheproduit h3, #ficheproduit h4,
#recettedetail p, #recettedetail h1, #recettedetail h2, #recettedetail h3, #recettedetail h4,
#actuaccueilcontenu p ,#actuaccueilcontenu h2 
 {
	margin: 0;
}


/******** POPUP ********/

#popup {
	/* obligatoire */
	position: absolute;/* left: 0px; top: 0px;*/
	visibility:hidden;
	z-index:20;
	width: auto;
	margin: auto;
	/*width:470px; 
	height:221px;*/
	/* /obligatoire */
	border: 1px solid red;
	background-color: white;
}

#popup #boutonfermer {
	position: absolute; right: 5px; top: 5px;
	/*float:right;*/
	cursor:pointer;
}

#popupbar {
	padding-bottom:20px;
}

#popupbar img {
	vertical-align:bottom;
}

#popupcontent {
	padding: 5px;
	/*background-color:#E1E5E8;*/
}

#popupclosebutton {
	width: 15px; height: 15px; 
	background: white; 
	position: absolute; 
	right: 0; top: 0; 
	cursor: pointer;
}


