/* CSS Document */

/**************************************************** Mise en forme global */
/* Arrière plan de toutes les page */
body {
	margin:0 0 0 0;
	background:url(../images/interface/fond.jpg) #d9d6ca;
}
/* 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:#093018;
	margin-top:20px;
}
.message a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.message a:hover{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

/* Lien sans format */
.nolink a {
	font-style:normal;
	text-decoration:none;
}
/* Contour index */
.contour_index {
	width:750px;
	border:1px solid #000; 
}
/************************************************************* Page d'index */
.index_langue {
	background:url(../images/interface/squelette/index/1_r2_c1.jpg);
}
.index_ligne_langue {
	width:25%;
	text-align:center;
}
.index_ligne_spacer {
	width:100%;
	height:150px;
}
.index_lien_page a {	
	color:#006600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.index_lien_page a:hover {	
	background-color:#006600;
	color:#9fc558;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
/************************************************************ p_index.php ****************/
.index_menu_image {

}
/******************************************************* MENU HAUT Navigation */
.menu_navigation {
	text-align:center;
	height:20px;	
	color:#FFFFFF;
/*	background-color:#39681E;
	border-left:1px solid #000;
	border-right:1px solid #000;*/
	background-color:#d9d6ca;
	padding-top:10px;
	padding-bottom:10px;
}
	/* Liens */
.menu_navigation a {
	color: #7a231a;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
	/* Liens hover*/
.menu_navigation a:hover {
	color:#7a231a;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}
	/* Bordure du cadre */
.menu_cadre {

}
	/* Indentation du texte */
.menu_indent {
	width:220px;
}
/******************************************************** Image haut */
.image_haut {
	/*background:url(../images/interface/squelette/top.jpg) no-repeat;*/
	height:210px;
	width:755px;
}
/********************************************************* Contenu centre */
.contenu_centre {
/*	background:#9fc558;*/
	background:#d9d6ca;
	vertical-align:text-top;
}
	/* Liens de base du contenu  */
.contenu_centre a {
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	color:#FFFFFF;
}
	/* Liens de base du contenu hover */
.contenu_centre a:hover {
	text-decoration:underline;
	color:#000000;
	font-weight:bold;
}
/* *****************************************************************Contenu bas de page */
.contenu_bas {
	background:url(../images/interface/squelette/bas.jpg);
	height:68px;
	width:755px;
}
/* *****************************************************************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:#093018;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding-top:20px;
}
.titre_page_galerie {
	color:#DDCB13;
	text-align:center;
	font-family:'Lucida Calligraphy',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding-top:20px;
}
	/* Sous-Titre de la page */
.soustitre_page {
	color:#000000;
	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:#000000;
	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-color:#EBCA0A;*/
	text-align:center;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:21px;
	color:#000000;
}
	/*Cadre catégorie côté(coup de coeur, promo)*/
.cadre_categorie {
	width:100%px;
}
	/*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;
	width:100%;
}
	/*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;
}
.accueil_barrenews {
	color:#f8f4d9;
}
.accueil_texte {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:15px;
	color:#000000;
	text-align:justify;
	padding-right:5px;
	padding-left:2px;
}
.accueil_categorie_titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:center;
/*	background:#EBCA0A;*/
/*	color:#39681E;*/
	width:100%;
}
.accueil_categorie {	
	width:185px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
/*	border:1px solid #000;*/
	margin-top:20px;
	padding-left:7px;
}
.accueil_categorie a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#39681E;
	text-decoration:none;
}
.accueil_categorie a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#39681E;
	text-decoration:underline;
}
.accueil_sscategorie {	
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
.accueil_sscategorie a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#39681E;
	text-decoration:none;
}
.accueil_sscategorie a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#39681E;
	text-decoration:underline;
}
.accueil_spacer_menu {
	background-color:#D9D6CA;
	height:20px;
}
/* **************************************** MENU */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#39681E;
}
#menu {
	position: relative; /* placement du menu, à modifier selon vos besoins */
	top: 0;
	left: 0;
}
#menu {
	width: 185px;
}
#menu dt {
	cursor: pointer;
	margin: 2px 0;;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 0px solid #000;
	font-size:13px;
}
#menu dd {
	border: 0px solid #000;
}
#menu li {
	text-align: center;
}
#menu li a {
	color: #39681E;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	font-size:11px;
	font-weight:bold;
}
#menu dt a {
	color: #39681E;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	font-size:13px;
	font-weight:normal;
}
#menu li a:hover, #menu dt a:hover {

}
/**************************************************** p_boutique.php */
.boutique_spacer {
	height:20px;
}
.boutique_categorie_spacer {
	padding-top:20px;
}
.boutique_info_categorie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	text-indent:20px;
}
.boutique_categorie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	/*Emplacement Lien vers la fiche ou la page de contact */
.boutique_lien_fiche {
	height:60px;
	color:#053A02;
	vertical-align:bottom;
	text-align:center;
}
	/*Lien vers la fiche ou la page de contact */
.boutique_lien_fiche a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#053A02;
	font-style:normal;
	text-decoration:none;
}
	/*Lien vers la fiche ou la page de contact hover*/
.boutique_lien_fiche a:hover {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#093018;
	text-decoration:underline;
	background-color:#F7BD00;
}
	/*Emplacement lien pour les listes complètes */
.boutique_lien_liste {
	text-align:center;
	font-style:normal;
}
	/*lien pour les listes complètes */
.boutique_lien_liste a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#093018;
	font-style:normal;
	text-decoration:none;
}
	/*lien pour les listes complètes hover*/
.boutique_lien_liste a:hover {
	font-size:12px;
	font-093018:Verdana, Arial, Helvetica, sans-serif;
	color:#093018;
	text-align:center;
	font-style:normal;	
	text-decoration:underline;
}
	/* Emplacement lien pour les pages suivantes précédentes, numéro de page */
.boutique_lien_page {
	text-align:center;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	/* Lien pour les pages suivantes précédentes, numéro de page */
.boutique_lien_page a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F7BD00;
	text-decoration:none;
	text-align:center;
	font-style:normal;
}
	/* Lien pour les pages suivantes précédentes, numéro de page hover*/
.boutique_lien_page a:hover{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F7BD00;
	text-decoration:underline;
	text-align:center;
	font-style:normal;
}

	/*Mise en forme des titres des résultats (référence,intitule) mise en évidence */
.boutique_titre_recherche {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	height:25px;
	font-weight:bold;
}
.boutique_titre_champ {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#144600;
	text-align:left;
	padding-bottom:10px;
	width:30%;
}
.boutique_donne_champ {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#144600;
	text-align:left;	
	font-weight:bold;
	padding-bottom:10px;
	width:70%;
}
	/*Arrière plan normal de l'affichage des résultats */
.total_recherche {
	background:url(../images/interface/boutique/fond_annonce.jpg);
}
	/*Arrière plan mis en évidence de l'affichage des résultats */
.total_recherche_highlight {
	background:url(../images/interface/boutique/fond_annonce_highlight.jpg);
}
	/*Contour de chaque résultat */
.contour_recherche {
	border:2px solid #093018; 
	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:#000000;
	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:80%;
}

	/*Emplacement des photos d'un élément recherché ou listé */
.photos_recherche {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
}

/**************************************************** Mise en forme de la page des partenaires (p_partenaires.php) */
	/* Mise en forme des informations des employés */
.global_partenaires {
	background:url(../images/partenaires/fond_partenaires.jpg);
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	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) */
.contact_info {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#093018;
	width:75%;
	text-align:center;
	padding-top:20px;
}
.select_champ_contact {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F7BD00;
	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:#F7BD00;
	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:#F7BD00;
	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;	
}
.contact_titre_champ {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}
.contact_plan {
	padding-top:10px;
}


/**************************************************** Mise en forme de la page de présentation (p_selection.php) */
.selection_titre {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#093018;
	width:100%;
	padding:0 0 0 10;
	padding-top:10px;
}
.selection_quantite {
	color:#006600;
	font:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	width:30px;
}
.selection_encours {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	width:95%;
	background:#093018;
}
.selection_encours a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-style:italic;
	text-decoration:none;
}
.selection_encours a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-style:italic;
	background-color:#FFFFFF;
	text-decoration:none;
}
.selection_rien {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	background:#093018;
}
.selection_ajout {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.input_champ_selection {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background:#F7BD00;
}
.selection_champ_contact {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F7BD00;
	width:150px;
}
.selection_textarea_contact {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F7BD00;
	width:80%;
	height:75px;
}
.selection_demande_info {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background:#093018;
}
.selection_table_contact {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background:#093018;
}
.selection_obligatoire {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	font-style:normal;	
}
.selection_message {
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-style:normal;	
}
.selection_separation {
	background:#093018;
}
.selection_produit {	
	background-color:#9FC558;
	color:#000000;
}
.selection_calcul {
	background-color:#9FC558;
	color:#000000;
}
.selection_submit {	
	background-color:#F7BD00;
	color:#000000;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.selection_recalculer {	
	background-color:#F7BD00;
	color:#000000;
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.selection_message {
	background-color:#9FC558;
	color:#000000;
	width:80%;
	text-align:center;
}
.selection_recapitulatif {
	background-color:#006600;
	color:#ffffff;
	width:80%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.selection_recapitulatif a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-style:italic;
	text-decoration:none;
}
.selection_recapitulatif a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ED7167;
	font-style:italic;
	background-color:#FFFFFF;
	text-decoration:none;
}
.selection_valider {
	text-align:right;
}
.selection_submit_etape {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #000;
	width:220px;
}
.selection_spacer {
	height:12px;
}
.selection_comment {
	color:#000;
	background-color:FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.selection_bondecommande {
	border:1px solid #000;
	width:98%;
	background:#FFF;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.selection_bondecommande a{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.selection_bondecommande a:hover{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
.selection_retour a{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.selection_retour a:hover{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
.selection_date {
	padding-bottom:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.selection_bdc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
}
/****************************************************p_fiche.php*/
.fiche_englobe {
	border:1px #006600 solid;
	background:url(../images/interface/boutique/fond_fiche.jpg);
	padding:20px;
	width:98%;
}
.fiche_titre {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	width:100%;
	padding-top:10px;
	padding-bottom:25px;
}
.fiche_sstitre {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#144600;
	font-weight:normal;
}
.fiche_donnee {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#144600;
	font-weight:bold;
}
.fiche_action {
	padding-top:80px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#144600;
	text-align:center;
}
.fiche_action a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#144600;
	text-decoration:none;
}
.fiche_action a:hover{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#144600;
	text-decoration:underline;
}
.fiche_spacer {
	height:15px;
}
/****************************************************p_comment.php */
.comment_tableau {	
	width:90%;
}
.comment_texte {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:20px;
	font-style:normal;
	
}
/**************************************************** Mise en forme des INPUT, SELECT, GLOBAUX & FORMULAIRES*/
.fermer_fenetre
{
	text-align:center;
}
.fermer_fenetre a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
}
.fermer_fenetre a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:underline;
}	/*Intitulé pré-champ : (Ex : Nom :) */

	/*Mise en forme des Menu (SELECT) */
.select_champ {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F7BD00;
	width:350px;
}
	/*Mise en forme des Input (text,password,submit)  (INPUT) */
.input_champ {
	font-size:12px;
	color:#000000;
	font-family:Verdana, F7BD00, Helvetica, sans-serif;
	background-color:#F7BD00;
	width:120px;
}
	/*Mise en forme des Textarea (TEXTAREA) */
.textarea_champ {
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F7BD00;
	width:555px;
	text-align:left;
}
	/*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;
}