/**********************************************************************************************************************************/
/*******************************************************       HEADER       *******************************************************/
/**********************************************************************************************************************************/
/* ---------------------------- Entête - Logo, Bouvier et infos du compte ---------------------------- */
div#header
{
	width:100%;
	height:459px;
	margin:0px;
	background: url(../images/h_bg.gif) repeat top center;
}

/* ---------------------------- Publicité ---------------------------- */
div#header div#h_publicite
{
	width:960px;
	height:131px;
	margin:auto;
}

div#header div#h_publicite div#h_img_pub
{
	padding-top: 22px;
	text-align:center;
}

div#h_header1
{
	width:100%;
	height:288px;
	margin:0px;
	background: #ffffff url(../images/accueil/bg_head_h.png) repeat-x top center;
}

div#h_header2
{
	width:100%;
	height:288px;
	margin:0px;
	background: url(../images/accueil/bg_head_b.png) repeat-x bottom center;
}

div#hh_contenu
{
	position:relative;
	width:960px;
	height:288px;
	margin:auto;
}

div#hh_contenu div#h_logo
{
	position:absolute;
	top:40px;
	left:41px;
	width:287px;
	height:168px;
	background:url(../images/accueil/h_logo.png) repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/h_logo.png',sizingMethod='scale');
}

div#hh_contenu div#h_bouvier
{
	position:absolute;
	top:3px;
	left:347px;
	width:487px;
	height:312px;
	background:url(../images/accueil/h_bouvier.png) repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/h_bouvier.png',sizingMethod='scale');
}

div#hh_contenu div#zoneAffichageCompteAcc
{
	position:absolute;
	top:230px;
	left:47px;
	width:276px;
	height:39px;
	font-size:10pt;
}
div#hh_contenu div#zoneAffichageCompteAcc a
{
	color:#7b200c;
	text-decoration:none;
	font-size:10pt;
}



/**********************************************************************************************************************************/
/*************************************************       COLONNE DE GAUCHE        *************************************************/
/**********************************************************************************************************************************/
div#accColGauche
{
	float:left;
	width:733px;
}

/* ---------------------------- Message de bienvenue ---------------------------- */
div#acc_titre
{
	width:468px;
	height:24px;
	margin-top:20px;
	background:url(../images/accueil/acc_titre.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/acc_titre.png',sizingMethod='scale');
}

/* ---------------------------- Répertoire des entreprises (Timbres) ---------------------------- */
div#timbresHaut
{
	width:699px;
	height:117px;
	padding:13px 2px 0px 2px;
}
div#timbresHaut a
{
	display:block;
	float:left;
	width:233px;
	height:117px;
}
div#timbresHaut a#timEleveurs img { background:url(../images/accueil/tim_eleveurs.jpg) no-repeat top left; }
div#timbresHaut a#timEleveurs:hover img  { background:url(../images/accueil/tim_eleveurs_r.jpg) no-repeat top left; }
div#timbresHaut a#timGarderies img  { background:url(../images/accueil/tim_garderies.jpg) no-repeat top left; }
div#timbresHaut a#timGarderies:hover img  { background:url(../images/accueil/tim_garderies_r.jpg) no-repeat top left; }
div#timbresHaut a#timDressage img  { background:url(../images/accueil/tim_dressage.jpg) no-repeat top left; }
div#timbresHaut a#timDressage:hover img  { background:url(../images/accueil/tim_dressage_r.jpg) no-repeat top left; }

div#timbresBas
{
	width:699px;
	height:117px;
	padding:0px 2px 2px 2px;
}
div#timbresBas a
{
	display:block;
	float:left;
	width:233px;
	height:117px;
}
div#timbresBas a#timToilettage img  { background:url(../images/accueil/tim_toilettage.jpg) no-repeat top left; }
div#timbresBas a#timToilettage:hover img  { background:url(../images/accueil/tim_toilettage_r.jpg) no-repeat top left; }
div#timbresBas a#timVeterinaires img  { background:url(../images/accueil/tim_veterinaires.jpg) no-repeat top left; }
div#timbresBas a#timVeterinaires:hover img  { background:url(../images/accueil/tim_veterinaires_r.jpg) no-repeat top left; }
div#timbresBas a#timAcheteur img  { background:url(../images/accueil/tim_acheteur.jpg) no-repeat top left; }
div#timbresBas a#timAcheteur:hover img  { background:url(../images/accueil/tim_acheteur_r.jpg) no-repeat top left; }


/**********************************************************************************************************************************/
/*************************************************       COLONNE DE DROITE        *************************************************/
/**********************************************************************************************************************************/
div#accColDroite
{
	float:right;
	width:227px;
}

div#btnNouveautes { margin-bottom:10px; }

/* ---------------------------- Boite de connexion (Rouge et Jaune) ---------------------------- */
div#boiteConnexion
{
	width:227px;
	height:291px;
}
div#boiteConnexion
{
	background:url(../images/accueil/connexion_bg.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil/connexion_bg.png',sizingMethod='scale');
}
div#boiteConnexion div.connTitre
{
	font-size:12pt;
	font-weight:bold;
	color:#FFF;
}
div#boiteConnexion a.password
{
	font-size:9pt;
	color:#FFF;
}

div#boiteConnexion div#zoneDejaMembre { padding: 62px 0px 0px 28px }
div#boiteConnexion div#zoneInscrire { padding: 22px 0px 0px 28px }


/* ---------------------------- Canis Familiaris ---------------------------- */
div#canisFamiliaris a
{
	display:block;
	width:160px;
	height:170px;
	margin:29px 0px 0px 39px;
}



/**********************************************************************************************************************************/
/*************************************************       ANNONCES CLASSÉES        *************************************************/
/**********************************************************************************************************************************/
/* -- Annonces classées -- */
div#accAnnoncesClassees
{
	display:block;
	position:relative;
	margin:60px 0px 0px 0px;
	padding-bottom:30px;
}

/* -- Boite principal -- */
div#acBoitePrinc
{
	display:block;
	position:relative;
	width:940px;
}

/* -- Zone rouge - Catégories -- */
div#acBoitePrinc div#ac_cat
{
	display:block;
	height:63px;
	background:url(../images/ac_cat_m.png) repeat-x top center !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ac_cat_m.png', sizingMethod='scale');
}

div#acBoitePrinc div#ac_cat div#ac_cat_g
{
	display:block;
	float:left;
	width:19px;
	height:63px;
	background:url(../images/ac_cat_g.png) no-repeat top center;
}

div#acBoitePrinc div#ac_cat div#ac_cat_cont
{
	display:block;
	float:left;
	padding:20px 0px 0px 28px;
	font-size:18pt;
	font-weight:bold;
	color:#f2c473;
}

/* -- Zone blanche - Annonces classées + recherche simple -- */
div#ac_m1
{
	display:block;
	width:960px;
	background:#ffffff url(../images/ac_m_g.gif) repeat-y top left;
}

div#ac_m2
{
	display:block;
	width:960px;
	background:url(../images/ac_m_d.gif) repeat-y top right;
}

div.ac_m_cont
{
	display:block;
	padding:20px 47px;
	font-size:12pt;
	color:#404040;
}

div.ac_m_cont a
{
	color:#404040;
	text-decoration:none;
}

div.ac_m_cont a:hover
{
	color:#404040;
	text-decoration:underline;
}


/* -- Recherche -- */

div#zoneRechercheBG_1
{
	width:960px;
	background:url(../images/ac_m_g.gif) repeat-y top left;
}

div#zoneRechercheBG_2
{
	width:960px;
	background:url(../images/ac_m_d.gif) repeat-y top right;
}

/* -- Fermeture de la boite de recherche -- */
div#ra_m1
{
	display:block;
	width:960px;
	background:#b87d00 url(../images/ac_m_g.gif) repeat-y top left;
}

div#ra_m2
{
	display:block;
	width:960px;
	background:url(../images/ac_m_d.gif) repeat-y top right;
}

div#ra_bottom
{
	display:block;
	width:960px;
	height:43px;
}

div#ra_bottom div#ra_g
{
	display:block;
	float:left;
	width:19px;
	height:43px;
	background:url(../images/ac_ra_g.gif) no-repeat top center;
}

div#ra_bottom div#ra_m
{
	display:block;
	float:left;
	width:922px;
	height:43px;
	background:url(../images/ac_ra_m.gif) repeat-x top center;
	font-size:12pt;
	font-weight:bold;
	color:#FFFFFF;
}

div#ra_bottom div#ra_d
{
	display:block;
	float:left;
	width:19px;
	height:43px;
	background:url(../images/ac_ra_d.gif) no-repeat top center;
}


/* -- Zone jaune - Contenu en continue -- */
div#acZoneJaune1
{
	display:block;
	position:absolute;
	top:0px;
	right:0px !important;
	right:10px;
	width:670px;
	height:210px;
	background:#e7cc77 url(../images/ac_zj_h.png) repeat-x top center;
}

div#acZoneJaune2
{
	display:block;
	position:absolute;
	top:0px;
	right:0px !important;
	right:10px;
	width:680px;
	height:210px;
	background: url(../images/ac_m_d.gif) repeat-y top right;
}

div#acZoneJaune3
{
	display:block;
	padding-top:63px;
	background:url(../images/ac_zj_chien.jpg) no-repeat top right;
}

div#acZoneJauneCont1
{
	display:block;
	width:670px;
	height:147px;
	background:url(../images/ac_zj_deg_g.gif) repeat-y top left;
}

div#acZoneJauneCont2
{
	display:block;
	width:670px;
	height:147px;
	background:url(../images/ac_zj_deg_b.gif) repeat-x bottom center;
}

div#acZoneJauneContenu
{
	display:block;
	padding:0px 210px 0px 40px;
	height:122px;
}

div#acZoneJauneBottomLeft
{
	width:25px;
	height:25px;
	background:url(../images/ac_zj_deg_bg.png) no-repeat bottom left;
}

/* -- Titre - Annonces classées -- */
div#b_ac_titre
{
	display:block;
	position:absolute;
	top:-23px;
	left:246px;
	width:319px;
	height:86px;
	background:url(../images/ac_titre.png) no-repeat top center !important;
	background:none;
	filter:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ac_titre.png', sizingMethod='scale');
}


/**********************************************************************************************************************************/
/**************************      ZONE DE RECHERCHE (ANNONCES CLASSÉES ET RÉPERTOIRE DES ENTREPRISES       *************************/
/**********************************************************************************************************************************/
div#zoneRecherche div#btnRechercher
{
	padding:0px;
	margin-top:-4px;
}

/* ---------------------------- CUSTOM (Ajuster pour le formulaire de recherche) ---------------------------- */
/* Éléments visibles - Élément sélectionné + flèche */
div#zoneRecherche .customSelect
{
	float:left;
	margin:0px;
}
div#zoneRecherche .customSelectText
{	
	float:left;
	color:#5f1f0b;
	font-size:10pt;
	width:171px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding:0px 5px;
	background-color:#fff;
	border:1px #d38300 solid;
}
div#zoneRecherche .petit .customSelectText{ width:71px; }

div#zoneRecherche .customSelectBtn
{
	float:left;
	background:#84220d url(../images/selectBtnRech.gif) no-repeat top center;
	width: 23px;
	height: 25px;
	border:1px #d38300 solid;
	border-left:none;
}

/* Éléments invisibles - Listes d'éléments */
div#zoneRecherche .customSelectList
{
	min-width:205px;
	color:#5f1f0b;
	font-size:10pt;
	margin-top:26px;	
	background-color:#fff;
	border:1px #d38300 solid;
}
div#zoneRecherche .petit .customSelectList{ min-width:105px; }

div#zoneRecherche .customSelectOption
{
	cursor: pointer;
	padding:5px;
	color:#5f1f0b;
}

div#zoneRecherche .customSelectOptionIndent { padding-left: 25px; }
div#zoneRecherche .customSelectOptionOver { background:#ffd005; }
div#zoneRecherche .customSelectOptionSelected { background: #fba81a; }
div#zoneRecherche .customSelectOptionSelectedOver { background: #fba81a; }


/**********************************************************************************************************************************/
/**************************      BALISE H      *************************/
/**********************************************************************************************************************************/

h2.titreAccueil{
	color:#91300e;
	font-weight:bold;
	display:inline;
}

h1.titreContenu{
	color:#F2C473;
	font-size:14pt;
	font-weight:bold;
	display:inline;
}
h1.titreCategorie{
	color:#F2C473;
	font-size:inherit;
	font-weight:inherit;
	display:inline;
}
