/* éléments sur toutes les pages */
* { margin: 0; padding: 0; }
body { background: url(images/bandeau_body_news.jpg) repeat-x top center; }
.texte, .page_recap { font-size: 0.77em; text-align:justify;}
.texte p, .chapo p { margin-bottom: 0.77em; }
.infoimportante {font-weight:bold; color:#4c9943;}
h3.spip { text-align: left; }
.marge {padding-left:14px; padding-right:20px;}
#reserve_admin { margin-top: 1em; font-size: 0.77em; background-color: #ff9; text-align: left;}
#reserve_admin span { font-weight: bold; }
.vide_left, .nettoyeurG { clear: left; }
.vide_right, .nettoyeurD {clear: right; }
.floatR { float: right; }
.floatL{float: left; }

/* en-tete */
#bande_top { width: 100%; height: 25px; }
#bande_top { background-color: #4d9843; }

#entete { background: url(images/fond_tete_news_large.png) no-repeat 0 0 transparent;
          margin-left: auto; margin-right: auto; height: 280px; }
#les_boutons_G { text-align: left; white-space: nowrap; float: left;}
#les_boutons_D { text-align: left; white-space: nowrap; float: right;}


/* pied de page + login */
#pied { background-color: #4d9843; padding-top: 10px; height: 25px; font-size: 0.71em; width:100%; margin-right: auto; margin-left: auto;}
div#pied, #pied a { color: #fff; }
#pied img { vertical-align: bottom;  }
.pied_spip { margin: 5px 5px 0 0; white-space: nowrap; float: right; }
.pied_spip a { color: #8ab985 !important;}

#pied #lilo-panel { float: left; margin-left: 5px; }
#pied #lilo_login input { font-size: 0.9em; vertical-align: middle; margin-right: 5px; }
#pied #lilo_login input[type=text], #lilo_login input[type=password], #lilo_login input[type=checkbox] { background-color: #8ab985; border: 0; padding: 3px;}
#pied #lilo_login input[type=password] {width: 80px; }
#pied #lilo_login .titre_login { font-weight: bold; text-transform: uppercase ; }

#contenu #lilo-panel { float: left; margin-left: 5px; }
#contenu #lilo_login input { font-size: 0.9em; vertical-align: middle; margin-right: 5px; }
#contenu #lilo_login input[type=text], #contenu #lilo_login input[type=password], #contenu #lilo_login input[type=checkbox] { background-color: #FFF; border:1px solid #999; padding: 1px;}
#contenu #lilo_login input[type=password] {width: 80px; background-color: #FFF; border:1px solid #999; padding: 1px; }
#contenu #lilo_login .titre_login { font-weight: bold; text-transform: uppercase ; font-size:0.77em;}

/* formulaire d'inscription et pages de confirmation */
.inscription2 { border: 0; width: 600px; margin-left:auto; margin-right:auto; clear: both; }
#inscription label{ color:#333; /*line-height:2.5em;*/}
#inscription legend { color:#4C9943; font-weight:bold; padding:10px; /*margin-top:15px;*/}
#inscription div { margin-top: 1.5em; }
.message_retour { font-weight:bold; background-color: #4c9943; color:#F1F1F1; margin: 1em 0 0 0; padding: .6em; }


/* spécifique sommaire */
#nouveautes { margin: -70px auto 0 auto; font-size: 0.80em; text-align: left;
              background-color: transparent; line-height:1.3em;}
.textenouveautes { color:#4c9943; padding-top:20px; padding-bottom:40px;}
.sous-titre_sommaire { color: #000; font-weight: bold; }
#ps_sommaire { margin-top: 20px; }
#logos_sommaire { color: #F01239; }

/*#recettes { padding-left:10px; margin: 10px 0px 0px; font-size: 1.5em !important;}
.texterecettes { color:#c02a03; font-weight:bold; font-size:0.65em;}
.texterecettes img { vertical-align: middle; }
*/
#image {float: left; padding:0 35px 0 0px; }

#les_paniers { font-size: 0.77em; text-align:center;}
#choisirpanier { font-size:0.80em; color:#ff3f2f; font-weight:bold; width:250px;}
.bloc_panier { float: left; display: block; text-decoration: none !important; margin:10px 5px 10px 0;}
.bloc_panier .limiteL { width: 110px; }
.texteorange, .texteorangeP { color:#ff6600; font-size:0.90em;}
.textered { color:#ff0000;}
.texteorangeP { padding-top: 10px; margin-bottom: 0px; text-align:center; }

fieldset#actus { width: 191px; float: right; padding: 12px; margin:10px 0 30px 30px; }
#actus .bloc_actu { font-size: 0.70em; margin-bottom: 20px; color:#696967; }
#actus .titre_rub_actu { color: #8DB600; font-weight: bold;}
#actus .titre_rub_actu { border-bottom: solid 1px #ddd; margin-bottom: 5px;}
#actus .titre_art_act { font-weight: bold; margin:5px 0 5px 0; }
#actus .lire_suite { color: #617D00;}

#logos_sommaire .spip_doc_titre { display: none; }

/* spécifique rubriques */
.infofleche{  background: transparent url(images/fleche.gif) no-repeat left 5px; padding-left:15px; color:#ff6600; font-size:0.80em;}
.imagerub  {float: left; padding:0 35px 0 0;}

/* spécifique actualites */
.recette{ color:#ff6600; margin-bottom: 0px; font-size:1em; font-weight:bold; padding-top:10px;}


/* spécifique étapes panier */
.etapes{ color:#999999; margin-bottom: 0px; font-size:0.70em; font-weight:bold;}
.etapeson{ color:#ff6600;}
.etapesoff{ color: #666666;}

.rappel{ color:#CC0000; font-weight:bold; font-size:1.2em;}

/* spécifique infos générales */
#contenuinfos{ width: 720px; margin-left:auto; margin-right:auto; }
.borderinfo {border:1px solid #4C9943; padding:15px;}

/* spécifique rubrique point-relais */
#toutes_villes { margin-top: 2em; }
.une_ville { clear: both; margin-bottom: 2em;}
.une_ville h2 { padding: 10px 0 0 150px; height:50px; color:#ff6600;}
.un_ptrelais { margin: 20px 20px 20px 0; width: 410px; float: left; border: solid 1px #ddd; padding: 5px; min-height: 180px; }
.txt_ptrelais, .img_ptrelais { float: left; }
.txt_ptrelais { width: 240px; height: 180px; display: table;}
.img_ptrelais { padding:0 20px 0 0; }
.bt_ptrelais { padding: 0; display: table-row-group; }
.menu_villes { width: 230px; float: left; margin-top: 20px;
               list-style-image:url(images/fleche_verte.gif); list-style-position:inside; list-style-type:none;
               font-size: 0.8em; font-weight: bold; }
.menu_villes a { color: #000; }
.menu_villes a:hover { background-color: #ff6;}

/* commun tous les formulaires */
.spip_bouton {text-align: center; }
.spip_bouton input { border:none; background: transparent url(images/boutonvalid.gif) no-repeat center center; width: 117px; height: 46px; margin-left: auto !important; margin-right: auto !important; }
label.error, span.erreur, div.erreur { color: #f00 !important; font-weight: bold; background-color: #ddd; padding: 5px; margin: 3px; border: solid 1px #777; }
label.error, span.erreur { white-space: nowrap; }
.spip_forms { text-align: left !important; }

/* éléments variables selon le formulaire */
table.epicerie, table.form_panier, table.form_epicerie, table.form_ville, table.form_livraison {
    width: 720px; border: #c5c5c5 solid 1px; border-collapse: collapse; margin: 10px auto 0;
}
fieldset.form_ville, fieldset.form_panier, fieldset.form_epicerie, fieldset.form_paiement, fieldset#titre_sup, #total_onglets {
    border: 0; margin-left:auto; margin-right:auto; clear: both; }
fieldset.form_panier, fieldset.form_epicerie, fieldset.form_paiement, fieldset#titre_sup, #total_onglets { width: 720px; }
fieldset.form_ville { width: 100%; }
#departement_livraison input[type=text] { width: 40px; }

/* pour gérer un grand nombre d'onglets, passer les table épicerie en 100% */
table.epicerie, #total_onglets { width: 100%; }
table.epicerie, #total_onglets div.spip_form_champ { margin-top: 0; } 
/*table.epicerie thead tr { border-top: 1px solid #e50083; } */

.form_ville legend { display: none; }
.form_ville .spip_form_label { display: inline; }
.form_ville .un_panier { width: 40%; float: left; margin: 0px 10px 30px 0; padding-top: 20px; }
.form_ville .un_panier img { float: left; margin-top: -20px;}
.form_ville .un_panier .texteorange { margin: 0; padding: 0; }
.form_ville .un_panier .bt_radio { float:left; width: 20px; text-align: left; padding-right:10px; margin-top: 70px;}
.form_ville .un_panier label { display: block; margin-top: 50px;}
.form_ville .un_panier_epicerie { width: 100%; clear: left; }
.form_ville .spip_form_champ { margin-top: 0px; }
.form_ville select.fondo { width: 160px; margin: 10px 0 0 10px; vertical-align: top;}
.form_ville .spip_form_label { height: 25px; float: left; }
.form_ville .choix_ville { margin: 10px 0 30px; float: left; clear: none;}
/*.form_ville*/ #texte_pas_de_ville { width: 600px; font-size: 14px; border:1px solid #999; padding: 10px; background-color: #8ab985; display: none; }
.form_ville #departement_livraison { display: none; width: 240px;}
.form_ville #villes_livraison { width: 340px; }
.form_ville #villes_livraison select { width: 200px; }

fieldset.form_panier .spip_form_champ, .formulaire_crayon .spip_form_champ { border: #c5c5c5 solid 1px; }
fieldset.form_panier .spip_form_champ .label, .formulaire_crayon .spip_form_champ .label { display: block; background-color: #ff6201; color: #fff; text-transform: uppercase; padding: 4px 30px;}
fieldset.form_panier .produit_panier, .formulaire_crayon .produit_panier { vertical-align: baseline; clear: both; padding: 5px 30px 10px 5px;}
fieldset.form_panier .produit_panier input, .formulaire_crayon .produit_panier input { float: right; margin-left:20px;}
fieldset.form_panier .produit_panier label, .formulaire_crayon .produit_panier label { border-left: 100px transparent solid; display: block; }
.logo_produit { float: left; }
.separ_items { width: 100%; text-align: center; background: url(images/ligne_panier.jpg) repeat-x 0% 50%; clear: both; margin: 0 10px;}
.separ_items span { color: #ff6201; padding: 5px 25px; background-color: #fff; }


.epicerie thead tr, .epicerie tfoot tr { background-color: #e50083; color: #fff; }
.epicerie thead th { white-space: nowrap; }
.epicerie th { text-align: center; }
.epicerie td, .epicerie th { padding: 5px; }
.prix_article, .total_produit { text-align: right; padding-right: 0px;}
.epicerie th { font-weight: normal; }
.epicerie tbody tr, .form_epicerie tbody tr { border-bottom: #ff5f01 1px solid; }
.epicerie tfoot td { text-align: right; font-size: 1.7em; }
.epicerie #euro_total { text-align: left; }
input.a_multiplier { width: 40px; }
.form_epicerie .spip_descriptif { padding: 0.5em 0.5em; font-weight:bold; color:#e50083; font-size:1.1em;}



fieldset.form_livraison {border:1px solid #777; width: 590px; margin-left:auto; margin-right:auto; padding: 0 15px 10px 15px; }
.form_livraison {font-size:0.77em;}
.form_livraison input.code_postal { width: 4em;}
.form_livraison input.telephone { width: 10em; }
.form_livraison input.ligne { width: 25em; }
.form_livraison input.email { width: 20em; }
.form_livraison .spip_form_label{ padding-bottom:5px; }
.form_livraison .spip_form_champ { margin-top: 10px; }
.form_livraison legend {color:#f70; font-weight:bold;}
.form_livraison .cell_sup { border-top: #000 solid 1px; padding-top: 5px; margin-top: 3px; clear: both; }
.form_livraison .cell_sup .titre_lieu { font-weight: bold; }
.form_livraison .cell_sup input, .form_livraison .cell_sup .titre_lieu {  vertical-align: middle; }
.form_livraison .bloc_horaire { float: right; clear: right; padding-bottom: 10px; }
.form_livraison .bloc_horaire label { font-style: italic; }
.titre_lieu .details, .cell_sup .details { font-size: 75%; font-weight: normal; color: #777; padding-left: 5px; }
div.details { float: left; margin: 8px 3px 3px; }
.sous-titre_sup  { margin-left: 45px; }
.form_livraison textarea { width: 560px; }


/* spécifique page de récapitulatif */
table.form_ville td, table.form_panier td, table.form_epicerie td, table.form_livraison td, #total_recap, .frais_recap { font-weight: bold; padding: 5px;}
table.form_ville th, table.form_panier th, table.form_livraison th { width: 50%; }
table.form_ville thead tr  { background-color: #4d9843; color: #fff; }
table.form_ville tr th { color: #4d9843; text-align: left; padding:10px;}
table.form_livraison thead tr { background-color: #c00; color: #fff; }
table.form_livraison tr th { color: #c00; text-align: left; padding:10px;}
table.form_panier thead tr { background-color: #ff6201; color: #fff; }
table.form_panier tr th { color: #ff6201; text-align: left; padding:10px;}
table.form_panier tfoot, table.form_epicerie tfoot, table.frais_recap { text-align: right; color: #e60000;}
table.form_epicerie thead tr { background-color: #e50083; color: #fff; }
table.form_epicerie tr td label { color: #e50083; text-align: left; }
#total_recap, .frais_recap, .infos_facture { width: 720px; margin: 10px auto 0; }
#total_recap div, .frais_recap div { float: right; }
#txt_total_recap, .txt_frais_recap { text-align: left;  width: 340px; }
#euro_total_recap, .euro_frais_recap { text-align: left;  width: 70px; padding-left: 1em;}
#total_recap { background-color: #e60000; color: #fff; }
table#total_recap td { text-align: right; }
.frais_recap div { color: #e60000; }
.une_ligne { white-space:nowrap; }
tr.details_tva td { font-size: 75%; }
td.total { padding-right: 25px !important; }
.frais_recap td.total { width: 47%; }

.form_paiement ul.spip_form_choix_unique  { width: 100%;}
.form_paiement ul li { padding: 0 1em 1.5em 1em; width: 100%; font-weight: bold; }
.form_paiement .spip_bouton { margin-right: 125px; }

.infos_facture { border:1px solid #C5C5C5; }
.infos_facture h2 { background-color: #AAA; padding:5px; }
.infos_facture div, .infos_facture p { font-weight:bold; font-size:0.77em; margin: 0 5px; }
.infos_facture .floatR { width: 320px; text-align: left; clear: right; }

/* TB des points relais*/
.TB_titre{ font-size:0.77em; font-weight:bold; color:#FF7700;}
.TB_texte, .TB_adresse{ font-size:0.77em;}
.TB_total .bascule { font-size: 0.69em; }

/* les crayons sur la page de récapitulatif */
.formulaire_crayon .spip_form_champ { text-align: left; background-color: #ddd; }
.crayon-html { left: 450px !important; }
/* pas de crayons dans le tableau épicerie: c'est trop le souk pour recalculer le total!
.crayon-html tfoot {display: none; }
.crayon-html tbody {background-color: #ddd; }
*/

/* spécifique crayons */
textarea.crayon-active { width:703px !important; }

/* spécifique page de consultation des produits commandés */
#choix_produit { width: 800px; padding: 15px;  }
#choix_produit div { padding-bottom: 20px; }
.resultats { border: 1px #000 solid; background-color: #ddd; margin: 20px; padding: 10px; }

/* page d'affichage des commandes d'une semaine */
#tab_res td { vertical-align: middle; }
.td_validation label { display: block; cursor: pointer; padding: 10px 0;}
/* la page validation des commandes a un tableau laaaaaaaaaaaaaaarge => utiliser toute la page */
#page_commandes div#contenu { min-height: 0px; }
form.choix_semaine { margin-top: 15px; }
form#validation_commandes {clear: both; }
.liens_connexes { float: right; margin-top: 30px; width: 300px; }
.liens_connexes a { padding-bottom: 10px; }
.sem_suiv, .sem_prec { font-size: 10px; margin: 0 25px; }
.sem_suiv:hover, .sem_prec:hover { background-color: #ff9; }
#a_afficher { width: 80px; float: right; font-size: 10px; margin-right: 80px; background-color: #DDD; border: dotted 1px #777; padding: 5px; }
#a_afficher label { width: 100%; display: block; line-height: 18px; }
#a_afficher label:hover { background-color: #ff9; cursor: pointer; }
#a_afficher input { float: right; margin-top: 3px; }

/* spacifique page d'extraction du journal des ventes */
.colonne_annee { width: 33%; float: left; }
.colonne_annee ul { padding-left: 35px; margin-bottom: 10px; }
.infos_factures { border-collapse: collapse; }
.infos_factures td { width: 49%; border-top: solid 1px #000; padding: 5px; }
.infos_factures .valeur { background-color: #DDD; }

/* la page de comandes speciales */
#commande_speciale fieldset { margin-bottom: 1em; margin-left: 0;}
#commande_speciale label { margin-top: 1.5em; display: block;}
#recup_infos_client p { margin-top: 1em; }

/* les couleurs des onglets de l'épicerie */
.toto {background-color: red; }
.bordeau { color:#990000; }
.orange { color: #FF6600; }
.rouge { color: #FF0000; }
.rose { color: #FF00CC; }
.bleuciel{ color: #0099FF; }
.bleufonce{ color: #0033CC; }
.violet { color: #6633FF; }
.lidevin{ color: #990066; }
.marron{ color: #663300; }
.vert{ color: #66CC33; }
.vertfonce{ color: #009900; }