/*
- texte sur bouton, date et lire plus dans évènement : #A12A7B
- titre dans évènement : #5E2497
- fond dans selection : #DADADA
- fond dans évènement : #ECEDED
- séparateur dans évènement : #CDCDCD
- texte en lien à droite dans service et panier : #A25DBF
- fond footer et texte mentions en dessous du footer : #B5ADB9 
*/

body { margin-top: 12px; padding: 0px; background: #CFC4E8; text-align: center;
	font: 12px Geneva, Arial, Verdana, sans-serif; color: #000000; }
div, p, ul {margin:0;padding:0}
h2 {
	font-size: 12px;
	color: #FFF;
	text-align: left;
	padding-left:12px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.discret {font-size:10px; text-align: justify;}
.align_droite {text-align:right;}
.align_centre {text-align:center;}
.en_valeur {color:#99cc00;}
.ok {font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;border:1px solid #c0c0c0;color:#99cc00;}
.prix {color: #A25DBF; font-size:13px;}
.date { color: #A12A7B;font-weight:bold; }
.breveTitre { color: #5E2497; font-weight: bold;}
img { border: 0;}
.unLogo img {	float: left;margin:0 18px 18px 0;border:1px solid #564088;
	-moz-border-radius:4px;border-radius:4px;}
.texte {font-family:Georgia;font-weight: bold;margin-top:12px;text-align:justify;} /* margin-left:95px; */
.txt {font-family:Georgia;font-weight: bold;text-align:justify;}
.poids { margin-top:12px;}
	
#global { width: 732px; margin-left: auto; margin-right: auto; text-align: left; border:1px solid #878787;padding:7px;background:#FFF;}
#global a, a:link, a:visited { text-decoration: underline; }

#entete { height: 365px; background: url(../bb/bg_main.jpg) top left no-repeat; }
body.sommaire #main {
		width: 488px;/*732 - 244 */
		height: 365px;
		position: absolute;
		background: url(../bb/bg_sommaire.jpg) 2px 123px no-repeat;
}
body.article #main {
		width: 326px;
		height: 365px;
		position: absolute;
		background: url(../bb/bg_article.jpg) 2px 122px no-repeat;
}
body.sommaire h1 { margin: 0; height:120px;padding: 2px;background: url(../bb/mokamellia.jpg) 2px 2px no-repeat; }
body.article h1 { margin: 0; height:120px;padding: 2px;background: url(../bb/mokamellia2.jpg) 2px 2px no-repeat; }
h1 img {display:none;}
#menu {list-style: none;background: #B29FDD url(../bb/clr_menu.gif);width: 122px;position: absolute;margin-left:354px;text-align:center;padding: 4px;}

body.sommaire #menu {margin-left:354px;}
body.article #menu {margin-left:186px;}
#menu li { width:118px;height:17px;padding:2px 0;text-align:left;}
#menu li a { border-radius:7px;-moz-border-radius:7px;
	border: 1px solid #BAA0E0;
	background: url(../bb/puce-menu.gif) 4px center no-repeat;color:#FFF;text-decoration:none;
	font-weight:bold;padding: 1px 2px 1px 40px;display:block;	
	}
#menu li a:hover {background: #BAA9E0 url(../bb/puce-menu.gif) 4px center no-repeat;
border: 1px solid #8967B9;padding-left:46px;color:#330B6B;}
body.sommaire #produit {	width: 244px;	position: absolute; margin-left: 488px;}
body.sommaire #produit div form {padding:0;margin:0;}
body.article #produit { background: url(../bb/bg_larticle.jpg) no-repeat left top;
	position: absolute;margin-left:325px;margin-top:2px;width:405px;height:361px;}
#leProduit {margin:16px 0 0 16px;overflow:auto;width:370px;height:335px;}
body.sommaire h3 {	margin: 0;color:#A12A7B;font-size:13px; }
body.article h3 {	margin: 0 0 12px 0;color:#A12A7B;font-size:16px; }
body.article p.prix {}

#unThe, #unCafe, #uneInfusion {
	background: url(../bb/bg_unProduit.gif);position: absolute;
	padding-top:10px;height: 109px;
	padding-left:16px;padding-right:16px;width: 207px;
}
#unThe { margin-top:2px;}
#unCafe { margin-top: 123px; }
#uneInfusion {margin-top: 244px;}
body.sommaire p.prix {text-align: right; margin-top:8px; }

.bouton {color: #EEE; font-weight:bold; text-decoration:none !important; text-align:center; background: url(../bb/fond-boutons.gif) no-repeat;
	border:0;width:58px;height:17px;font-size:12px; cursor:pointer;padding-bottom:2px;}
a.bouton { display:block;}
body.sommaire .bouton1 { position:absolute;margin-left:90px;margin-top:90px;} /* a ou input */
html>body.sommaire .bouton1 { margin-top:80px;} /* a ou input */
body.sommaire a.bouton2{ position:absolute;margin-left:154px;margin-top:80px;font-size:12px;}
body.article a.bouton {margin-left:100px; margin-top:22px;} 
input.bouton { }
input.bouton:hover {color:#FFF;}
a.bouton:hover { color: #FFF; }

#btn_recalcul {width:76px; height:17px; background: url(../bb/btn-recalcul.jpg) top left no-repeat;border:0;padding:0;cursor:pointer;}

#infos {	clear: both; height:200px; border-radius:3px;-moz-border-radius:3px;}

.hierarchie {margin-bottom:8px;}
.hierarchie a {text-decoration:none !important;color:#666;}
.hierarchie a:hover {text-decoration:underline !important;color:#A12A7B;}

.confirmMsg {font-size:14px; font-weight:bold; margin-top:32px;}

#selectionProduits {width:175px;float:left;}
#selectionProduits h2 {	background: url(../bb/fond-titre-selection.jpg) no-repeat;height:17px;}
form.listeTypes {margin:0 0 4px 0;}
form.listeTypes p {}
form.listeTypes label {display:block;}
form.listeTypes select {width:130px;font-size:11px;}
form.listeTypes select option.niveau1 {}
form.listeTypes select option.niveau2 {}
form.listeTypes input.submit {width:40px;font-size:10px;text-align:center;}

ul#listeTypes {margin-top:16px;}
ul.listeProduits, ul#listeTypes { list-style:none;}
#listeTypes li, .listeProduits li { margin-bottom: 2px;padding: 2px 2px 2px 12px;
	border-radius:1px;-moz-border-radius:1px;
}
.listeProduits li {  }
.listeProduits li.niveau1 { background: #DADADA url(../bb/puce-fleche.gif) 4px center no-repeat; }
.listeProduits li.niveau2 { background: #DADADA url(../bb/puce-fleche.gif) 14px center no-repeat;
padding-left: 22px;}
ul#listeTypes li.niveau1 { background: url(../bb/puce-fleche.gif) 4px center no-repeat; }
ul#listeTypes li.niveau2 { padding-left: 32px;background: url(../bb/puce-fleche.gif) 24px center no-repeat;}
.listeProduits a, #listeTypes li a  { color: #000;font-weight: bold;padding-right:20px;}
.listeProduits a:hover, #listeTypes li a:hover { color: #A12A7B;}

ul.rubriqueApercuListeSousRubs {float:left;width:90px;list-style:none;}
ul.rubriqueApercuListeSousRubs li a {color:#A12A7B;font-weight:bold;text-decoration: none !important;}
ul.rubriqueApercuListeSousRubs li a:hover {text-decoration: underline !important;color:#5E2497;}

#annonce {width: 309px;float:left;margin-left:5px;}
#annonce h2 {	background: url(../bb/fond-titre-evenements.jpg) no-repeat;height:17px;}
#annonce .uneBreve { padding:2px;margin-bottom:12px;}
hr {background: #CDCDCD; height:1px; border-top:1px solid #CDCDCD;margin:3px 0;}
#annonce a { color: #5E2497; font-weight: bold;}
#annonce a:hover { color: #A12A7B;}
#annonce p { color: #606060;}
body.article #annonce {margin-bottom:8px;}

#panierServices {width:238px;float:left;margin-left:5px;}
#panierServices h2 {	background: url(../bb/fond-titres-droite.jpg) no-repeat;height:17px;}
#panier { height: 90px;}
.som_panier {float: left;}
a.smartLink { color: #A25DBF;font-weight: bold; background: url(../bb/puce-flecheFFF.gif) left no-repeat;padding-left:8px;}
a.smartLink:hover {color:#A12A7B;}
p.contient {color:#757575; font-weight: bold;margin:8px 24px 0 0;text-align: right;}
p.contientTant {color:#000; font-weight: bold;margin:0 88px 8px 0;text-align: right;}
#acces {margin: 6px 0;}


ul#menuTexte { clear: both; text-align: center; background: #B5ADB9; margin: 6px 0;padding: 5px 0 6px 0;
	border-radius:3px;-moz-border-radius:3px;}
#menuTexte li {display: inline; padding: 0; }
#menuTexte li a { color: #FFF; text-decoration:none; font-size:10px;padding:7px 6px 6px 6px;}
#menuTexte li a:hover { background: #DADADA; color: #666;}

#copyright { font-size:10px; color:#B5ADB9;text-align: center;margin: 22px 0;  }

table#tblListeProduits {width: 95%;clear:both;margin-top:12px;margin-bottom:20px;}
table#tblListeProduits td {}
td.tblListeProduitsTitre {font-family:Georgia;font-weight:bold;font-size:90%;}
td.tblListeProduitsPrix {width:45px;}
td.tblListeProduitsAcheter {}
td.tblListeProduitsAcheter form {margin:0;padding:0;}
td.tblListeProduitsAcheter input {padding-bottom:5px;}
td.tblListeProduitsDetails {}
.bouton3 {margin:0 !important;}

.formrecherche label {color:#A25DBF; }
#formulaire_recherche, .formulaire_recherche {
		width: 106px;background: #FFF url(../bb/bg_recherche.gif) repeat-x;
		border: 1px solid #B5B5B5;color:#666;padding: 2px 0 0px 4px;
		font-size:9px;font-weight:bold;
}
#rechercheParMotsCles{margin-top:10px;}

div.rubriqueApercu {width:160px;float:left;text-align:center;background:#CFC4E8;margin-bottom:6px;padding:6px 0px 0px 2px;
	border-radius:12px;-moz-border-radius:6px;margin-right:5px;border-top:1px solid #672A9F;}
a.rubriqueApercuTitre {text-decoration:none !important;color: #330B6B;
	font-family:Georgia;font-weight:bold;font-size:11px;height:28px;display:block;}
a.rubriqueApercuTitre:hover {color:#A12A7B;}
a.rubriqueApercuImg {}
a.rubriqueApercuImg img {}
a.rubriqueApercuImg:hover img {}
	
ul.listeArticles {}
ul.listeArticles li {}
ul.listeArticles li a {background: url(../bb/puce-fleche.gif) 4px center no-repeat;padding-left:12px;color:#5E2497;font-weight:bold;text-decoration: none !important;}
ul.listeArticles li a:hover {text-decoration: underline !important;color:#A12A7B;}

form#ecrire_auteur {margin-top:20px;}
form#ecrire_auteur label {color:#330B6B;font-weight:bold;padding-left:12px;  }
form#ecrire_auteur p.f_input label {float:left;width:120px;}
form#ecrire_auteur p.f_area label {display:block;}
form#ecrire_auteur input, form#ecrire_auteur textarea { background: #FFF url(../bb/bg_recherche.gif) repeat-x;border: 1px solid #B5B5B5;color:#666;
	padding: 2px 2px 2px 4px;font-size:12px;font-weight:bold; margin-bottom:6px;}
form#ecrire_auteur p.f_input input {width:170px;}
form#ecrire_auteur input.envoyerMsg {cursor:pointer;background:#FFF;margin-right:20px;}
form#ecrire_auteur input.envoyerMsg:hover {background:#330B6B;color:#FFF;}
.previsuMsg {background: #FFF;padding:4px;border:1px solid #878787;-moz-border-radius: 4px;border-radius: 4px;margin:6px 6px 10px 0 ;}
form#ecrire_auteur textarea {width: 290px; height:80px; margin-left:12px; overflow:auto;}
form#ecrire_auteur p.f_submit input {margin-left:12px; padding: 2px 18px;}

table#resultRecherche {width:100%;}
td.titreResult {}
td.titreResult a {background: none;padding:0;}
td.pourcentageResult{text-align:right;color:#AAA;}

table.panier {margin-bottom:12px;}
table.panier th {font-weight:bold;}
table.panier td {background:#CFC4E8;}
	
.align_droite {text-align:right;}
.align_center {text-align:center;}

.clearRight {clear:right;}

a.beauLien {font-weight:bold;margin: 16px;display:block;font-size:110%;font-family:Georgia;color:#A12A7B;}
a.beauLien:hover {color:#5E2497;}

ul.erreurs_saisie {margin:12px 0;}
ul.erreurs_saisie li {font-weight:bold;}

#coords_livraison {display:none;margin-bottom:20px;}
form#coords {}
form#coords p {}
form#coords p label {width:100px;float:left;}
form#coords p label.textarea {width:100px;clear:both;display:block;}
form#coords p label.radio {width:auto;float:none;clear:both;}
form#coords p input {width:150px;}
form#coords p textarea {width:250px;height:70px;overflow:hidden;}
form#coords p input.radio {width:25px;}
form#coords p input.submit {width:100px;}

/* Ajout formulaire envoi à un ami -- Morgan */
fieldset.css { border: none; font-size: 0.9em; }
	fieldset.css ul { list-style-type: none; }
		fieldset.css li { clear: left; margin: 0.2em 0; }
			fieldset.css label { float: left; display: block; width: 37%; margin-right: 2%; text-align: right; }
			fieldset.css input, fieldset.css textarea { width: 55%; }
			fieldset.css #envoiami { margin-left: 39%; } 
			.texte_rouge { color: red; }