/* CSS Document */

/**************************************************** Mise en forme global */
/* Arrière plan de toutes les page */
body {
	background-color:#DDDCDA;
}
/* Mise en forme de message d'informations */
.message {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	width:75%;
	background-color:#666666;
}
/* Lien sans format */
.nolink a {
	font-style:normal;
	text-decoration:none;
}
/******************************************************* MENU HAUT Navigation */
.menu_navigation {
	text-align:center;
	color:#FFFFFF;
	background:url(../images/interface/squelette/1_r2_c1.jpg) no-repeat;
}
	/* Liens */
.menu_navigation a {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
	/* Liens hover*/
.menu_navigation a:hover {
	color: #E3233C;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF;
}
	/* Bordure du cadre */
.menu_cadre {
	background:url(../images/interface/squelette/1_r3_c1.jpg);
	height:8px;
	width:750px;
}
/******************************************************** Image haut */
.image_haut {
	background:url(../images/interface/squelette/top.gif) no-repeat;
	height:251px;
	width:750px;
}
/********************************************************* Contenu centre */
.contenu_centre {
	background:url(../images/interface/squelette/1_r4_c1.jpg);
	vertical-align:text-top;
}
	/* Liens de base */
.contenu_centre a {
	text-decoration:none;
	font-style:italic;
	color:#FFFFFF;
}
	/* Liens de base hover */
.contenu_centre a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/* *****************************************************************Contenu bas de page */
.contenu_bas {
	background:url(../images/interface/squelette/1_r5_c1.jpg) no-repeat;
	height:69px;
	width:750px;
}
/* *****************************************************************Spacer (blanc) */
.spacer {
	background:url(../images/interface/squelette/spacer.gif);
}
.spacer_cadre {
	background:url(../images/interface/cadre/spacer.gif);
}
/* **********************************************************Copyright */
.copyright_bas {
	text-align:center;
	color:#574769;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	/* Liens */
.copyright_bas a {
	color:#574769;
	text-decoration:underline;
}
	/* Liens hover*/
.copyright_bas a:hover {
	color:#574769;
	text-decoration:none;
}
/****************************************************** Titre & mise en forme */
	/* Titre de la page */
.titre_page {
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
	/* Sous-Titre de la page */
.soustitre_page {
	color:#CCCCCC;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	height:30px;
}
	/* Texte normal, sans position particulière ni forme */
.texte_normal {
	text-align:justify;
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/******************************************************* Page d'accueil (p_accueil.php */
	/*Haut catégorie (titre de la catégorie)*/
.categorie {
	background:url(../images/interface/cadre/1_r1_c1.gif) no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	/*Cadre catégorie côté(coup de coeur, promo)*/
.cadre_categorie {
	background:url(../images/interface/cadre/1_r2_c1.gif);
}
	/*Cadre catégorie intérieur*/
.cadre_contenu_categorie {
	background:url(../images/interface/cadre/1_r3_c1.gif);
	height:169px;
}
	/*Cadre catégorie bas*/
.cadre_bas_categorie {
	background:url(../images/interface/cadre/1_r4_c1.gif);
}
	/*Mise en forme du texte de la catégorie*/
.contenu_categorie {
	text-align:center;
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	/*Mise en forme du texte de la catégorie lien*/
.contenu_categorie a{
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style:normal;
}
	/*Mise en forme du texte de la catégorie lien hover*/
.contenu_categorie a:hover{
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-style:normal;
}
	/*Image de la catégorie (coup de coeur, promo)*/
.img_coeur {
	width:120px;
	border:thin solid #000000;
}
/**************************************************** Mise en forme des pages de résultats (annonces, promotions)

	/*Mise en forme des titres des résultats (référence,intitule) mise en évidence */
.titre_recherche {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	height:25px;
}
	/*Arrière plan normal de l'affichage des résultats */
.total_recherche {
	background:url(../images/interface/annonces/fond_annonce.jpg) no-repeat;
}
	/*Arrière plan mis en évidence de l'affichage des résultats */
.total_recherche_highlight {
	background:url(../images/interface/annonces/fond_annonce_highlight.jpg) no-repeat;
}
	/*Contour de chaque résultat */
.contour_recherche {
	border: thin solid #999999;
	width:100%;
}
	/*Mise en forme du texte du nombre de résultats */
.nombre_resultat {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	vertical-align:middle;
	height:50px;
}
	/*Mise en forme du texte où se trouvent les informations des données recherchées */
.espace_recherche {
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:75%;
}
	/*Emplacement Lien vers la fiche ou la page de contact */
.lien_recherche {
	height:60px;
	vertical-align:bottom;
}
	/*Lien vers la fiche ou la page de contact */
.lien_recherche a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C39C9D;
	font-style:normal;
	text-decoration:none;
}
	/*Lien vers la fiche ou la page de contact hover*/
.lien_recherche a:hover {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C39C9D;
	text-decoration:underline;
}
	/*Emplacement des photos d'un élément recherché ou listé */
.photos_recherche {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:center;
}
	/*Emplacement lien pour les listes complètes */
.lien_dur {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-style:normal;
}
	/*lien pour les listes complètes */
.lien_dur a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
}
	/*lien pour les listes complètes hover*/
.lien_dur a:hover {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-style:normal;	
	text-decoration:underline;
}
	/* Emplacement lien pour les pages suivantes précédentes, numéro de page */
.lien_page {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660000;
	text-decoration:none;
	text-align:center;
	font-style:normal;
}
	/* Lien pour les pages suivantes précédentes, numéro de page */
.lien_page a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
	text-align:center;
	font-style:normal;
}
	/* Lien pour les pages suivantes précédentes, numéro de page hover*/
.lien_page a:hover{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:underline;
	text-align:center;
	font-style:normal;
	background-color:#FFFFFF;
}
/**************************************************** Mise en forme de la fiche (p_fiche.php) */
	/*Données de la fiche (intitulé,référence, prix etc.*/
.donnee_annonce {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
	/* Arrière plan d'une fiche */
.fiche_annonce {
	background:url(../images/interface/annonces/fond_fiche.jpg) no-repeat;
}
	/*Mise en forme du lien vers la page de contact depuis une fiche */
.contact_annonce {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C39C9D;
	text-align:center;
	height:50px;
}
/**************************************************** Mise en forme de la page de présentation (p_presentation.php) */
	/* Mise en forme des informations des employés */
.global_presentation {
	background:url(../images/presentation/fond_presentation.jpg);
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
}
/**************************************************** Mise en forme de la page de contact (p_contact.php) */
	/*Mise en forme des Menus de la page contact (p_contact) (SELECT) */
.select_champ_contact {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	width:187px;
}
	/*Mise en forme des Input (text,password,submit)  (INPUT) */
.input_champ_contact {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	width:180px;
}
	/*Mise en forme des Textarea (TEXTAREA) */
.textarea_champ_contact {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	width:100%;
	height:75px;
}
	/*Mise en forme texte pour un champ obligatoire */
.obligatoire {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	text-align:center;
	font-style:normal;	
}
/**************************************************** Mise en forme des INPUT, SELECT, GLOBAUX & FORMULAIRES
	/*Intitulé pré-champ : (Ex : Nom :) */
.titre_champ {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}
	/*Mise en forme des Menu (SELECT) */
.select_champ {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	width:350px;
}
	/*Mise en forme des Input (text,password,submit)  (INPUT) */
.input_champ {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	width:120px;
}
	/*Mise en forme des Textarea (TEXTAREA) */
.textarea_champ {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	width:555px;
}
	/*Mise en forme Lignes où se trouvent le bouton de validation du formulaire */
.valide_form {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:75px;
	text-align:center;
}