/*****************************

# 17/03/2007 Eric PONCHANT
# http://www.ericfreelance.com
# contact@ericfreelance.com

******************************/


/*****************************
	Généralités
******************************/
/* nettoyage */
#topNav, #bloc-tete, #bloc-menu-principal, #bloc-gauche, #bloc-droite, #bloc-pied {display:none}
tr {border:1px solid #ccc; padding:5px; background:#f6f6f6}
table {border-spacing: 5px}
#bloc-milieu{padding-top:30px; width:100%}

* {padding: 0; margin: 0;} 

body 
{
	font-size: 80%; 
	line-height:120% ; 
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
	color:black; 
	margin:0;
	background:#fff;
	text-align:center;
}

img {border:none}
a img {border:none}

.fdroite {float:right; margin:0 12px}
.fgauche {float:left}

.img_droite {float:right; margin:0 0 10px 0}
.img_gauche {float:left; margin:0 10px 0 0}

.txt_droite {text-align:right}
.txt_centre {text-align:center}
.txt_gauche {text-align:left}

a {color:#0674b0; text-decoration:none}
a:hover {color:#0674b0; text-decoration:underline}
a:visited {color:#0674b0;}

a.suite 
{
	background:url(images/puce-suite-1.gif) no-repeat left 4px ; 
	padding-left:12px; 
	text-decoration:none; 
	color:#2EADEA; 
	font-style:italic;
	font-size:0.9em;
}

a.suite:hover
{
	text-decoration:underline; 
}

a.detail, a.zoom {float:left; width:45px; height:14px; background:url(images/textes/detail.jpg) no-repeat}
a.commander {width:92px; float:left; margin-left:10px; height:14px; background:url(images/textes/commander.jpg) no-repeat}
a.zoom {background:url(images/textes/zoom.jpg) no-repeat}

a.detail:focus{outline:none;}
a.commander:focus{outline:none}
a.zoom:focus{outline:none}


.liste-l ul {list-style-type:none;}
.liste-l li {background:url(images/item-cat-filet.gif) repeat-x bottom left; padding:4px 6px 2px 8px}
.liste-l a {font-size:1.1em; color:black; text-decoration:none; background:url(images/puce-item-cat.gif) no-repeat left 4px; padding-left:12px}

.prix, .remise {color:orange; font-weight:bold; font-size:1.3em}
.clear {clear:both}

.adresseCheque {width:200px; text-align:center; margin:10px auto; padding:10px; border:1px solid #ccc; background:#f6f6f6}
#bloc-milieu .adresseCheque br {display:block}

a[target=_blank] {background:url(images/puce-externe.gif) no-repeat left 3px; padding-left:12px}	

/*****************************
	Maquette de base
******************************/

#bloc-milieu{float:left; width:510px}


/*****************************
	Contenu principal
******************************/

#ariane {background:#0674B0 url(images/ariane-fond.jpg) no-repeat left top; padding:7px 6px 6px 12px; margin-right:10px; margin-bottom:12px}
#ariane p {font-size:1.2em; color:white; font-style:italic}

#ariane span {color:#fff;}
#ariane span a {color:#e6e6e6; font-size:0.8em; text-decoration:none}
#ariane span a:hover {text-decoration:underline}

#bloc-milieu h2, #bloc-milieu h1 {
	color:#0674b0;
	font-size:1.1em;
	font-style:italic;
	text-transform:uppercase;
	text-align:left;
	margin:0 6px 6px 2px;
	padding-left:10px;
	background:url(images/puce-suite-2.gif) no-repeat left 4px;
}

#bloc-milieu h1 {font-size:1.4em; margin-top:6px; margin-bottom:0}
#bloc-milieu br {display:none}

#tPage h1 {line-height:130%}
#tPage br {display:inline}
#tPage h2 {background:none; padding:0; text-transform:none; margin-left:10px; margin-top:12px; margin-right:20px; border-bottom:1px solid #0674b0}
#tPage h3 {margin-left:10px; margin-top:12px; margin-right:20px; text-align:left}
#tPage h4 {margin-left:10px; margin-top:12px; margin-right:20px; text-align:left}


.bloc-1c {background:url(images/filet-milieu-large.jpg) repeat-y top left; clear:left; margin-bottom:2px}
.bloc-1c .haut{background:url(images/filet-haut-large.jpg) no-repeat top left;}
.bloc-1c .bas {background:url(images/filet-bas-large.jpg) no-repeat bottom left; padding:6px; text-align:center;}
.bloc-1c .minh {height:22em; min-height:260px}

.bloc-1c h3 {text-align:left; margin:10px 12px 0 12px; color:#0674b0; font-size:1em}
.bloc-1c p {text-align:left; margin:12px 24px 0 12px}
.bloc-1c ul, .bloc-1c ol {text-align:left; margin:6px 42px 6px 42px}

.bloc-3c {float:left; width:170px; background:url(images/filet-milieu-court.jpg) repeat-y top left; margin-top:10px; margin-bottom:10px; }
.bloc-3c .haut {background:url(images/filet-haut-court.jpg) no-repeat top left;}
.bloc-3c .bas {background:url(images/filet-bas-court.jpg) no-repeat bottom left; padding:6px; text-align:center; height:16.5em; min-height:165px; position:relative; z-index:10}
.acc .bas {height:20em}

.bloc-3c p {margin:6px}
.bloc-3c .prix {display:block}
.bloc-3c p.prixAdherent {position:absolute; z-index:1; top:11em; left:9px; text-align:center; width:150px; margin:0 auto; padding:0; }
.bloc-3c p.prixPublicNa {position:absolute; z-index:1; top:10em; left:9px; text-align:center; width:150px; margin:0 auto; padding:0; }
.bloc-3c p.btIdentifier {position:absolute; z-index:1; top:12.5em; left:8px; text-align:center; width:150px; margin:0 auto; padding:0; }
.bloc-3c p.prixPublic {position:absolute; z-index:1; top:13.8em; left:8px; text-align:center; width:150px; margin:0 auto; padding:0;}
.bloc-3c .bas a.commander {position:absolute; right:3px; bottom:3px; z-index:10}
.bloc-3c .bas a.detail {position:absolute; left:6px; bottom:3px; z-index:10}

.acc p.prixAdherent {position:absolute; z-index:1; top:12.5em; left:9px; text-align:center; width:150px; margin:0 auto; padding:0; }
.acc p.prixPublicNa {position:absolute; z-index:1; top:12.5em; left:9px; text-align:center; width:150px; margin:0 auto; padding:0; }
.acc p.btIdentifier {position:absolute; z-index:1; top:15.5em; left:8px; text-align:center; width:150px; margin:0 auto; padding:0; }
.acc p.prixPublic {position:absolute; z-index:1; top:15.5em; left:8px; text-align:center; width:150px; margin:0 auto; padding:0;}
.acc .bas a.commander {position:absolute; right:3px; bottom:3px; z-index:10}
.acc .bas a.detail {position:absolute; left:6px; bottom:3px; z-index:10}

a.detail, a.commander, .produit-menu  a {display:block; text-indent:-5000px}
.bloc-3c a img {display:block; margin:0 auto; text-indent:0}


.annonce-1 h3 {font-size:2em; color:#5991ab; text-align:left;margin-bottom:6px }
.annonce-1 img {float:left; width:200px}
.annonce-1 p {font-size:1.1em; margin-top:12px}
.annonce-1 .liens {clear:both}
.annonce-1 .liens a {text-decoration:none; color:#2EADEA; padding-left:10px; margin-right:12px; background:url(images/puce-suite-2.gif) no-repeat left 6px;}


#tFamille h1 {font-size:1.2em; }
.sousFamille li {list-style:url(images/puce-item-cat.gif)}
#tProduit h1 {font-size:1.2em; margin-bottom:20px}
#tProduit a {float:none; margin:10px 0 0 0; padding:0}
#tProduit a img {float:left; margin-left:10px}
#tProduit .resume {border:solid #ccc; border-width:1px 0 1px 0; padding:5px 2px}
.produit-menu {float:right; width:200px; margin-right:12px; padding:0 0 0 12px}
.produit-menu .prix {display:block; padding:1px 0 4px 0}
.produit-menu .ecotaxe {color:green; font-weight:bold}
.description {clear:both; text-align:left; margin-right:20px; padding-top:10px}
.produit-prix {clear:both; text-align:left; margin-right:20px; padding-top:10px}
.description h3 {margin:10px; font-size:1.2em; color:#AFDEDB;}
.description ul {margin-left:42px}
.description p {margin-bottom:10px}


#jtopProduit h1 {line-height:150%; font-size:1.4em}
#jtopProduit p {margin-bottom:10px}
#jtopProduit img {float:left;}
#jtopProduit p.aide {font-size:0.8em; clear:both}

#jtopProduitTexte {width:150px; float:right; margin-bottom:20px; text-align:left}


/*****************************
	Formulaire
******************************/
fieldset {border:1px solid #fff; border-top:1px solid #ccc; margin-top:10px; text-align:left; }
fieldset p {margin-top:10px}
legend {margin-left:12px;padding:0 6px; font-style:italic; color:#888}
label {font-weight:bold;display:block;}
input, textarea {width:100%}
textarea {font-size:1em; overflow:auto; border:1px solid #ccc; height:200px; font-family:arial, helvetica, sans-serif}
input {border:1px solid #ccc;}
.btnEnvoyer, .btn {padding:1px 3px; background:#f6f6f6; width:auto; color:#888; border:1px solid #e6e6e6; cursor:pointer; font-weight:bold}
.texte-long {height:200px}
.texte-semilong {height:100px}
.texte-court{height:50px}
.btnSupprimer {padding:1px 3px; background:red; width:auto; color:#fff; border:1px solid red; cursor:pointer; font-weight:bold}
.checkbox {width:auto; margin-right:6px}
.radio {width:auto; margin-right:6px; border:none}
a.btnPreview, a.btnRetour {font-size:1.1em; padding-left:3px; padding-right:3px; font-weight:bold; background:#f6f6f6; color: #888; text-decoration: none; border:1px solid #e6e6e6;}

.over {background:#f6f6f6;}

.bloc-msg {margin:0 24px 12px 12px; padding: 6px; border:1px solid #ccc; background:#f6f6f6 }
.bloc-msguti {margin:10px 24px 12px 12px; padding: 0 6px 6px 0; border:1px solid #ccc; background:#f6f6f6 }
p.erreur {line-height:140%; padding-left:20px; background:url(admin/erreur.gif) no-repeat}
p.ok {line-height:140%; padding-left:20px; background:url(admin/ok.gif) no-repeat}
p.interdit {line-height:140%; padding-left:20px; background:url(admin/interdit.gif) no-repeat}

p.aide {margin-top:3px; color:#888; font-style:italic}

fieldset a.jTip {text-decoration:none; color:red; font-weight:bold}

/*****************************
	Navigation tab
******************************/

.anchors {list-style: none; margin: 0; padding: 0 0 1px; width:90%}
ul.anchors {margin:0; padding:3px 12px}
/* clearing without presentational markup, IE gets extra treatment */
.anchors:after {display: block; clear: both; content: " "; }
.anchors li {float: left; margin: 0 4px 0 0;}
.anchors a {display: block; position: relative; top: 1px; z-index: 2; padding: 2px 4px 1px; color: #000; text-decoration: none; border:1px solid #e6e6e6;}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active {background: #f6f6f6;}
ul.anchors-pied {margin-top:12px; padding:6px 12px; border:solid #ccc; border-width:1px 0}

/*****************************
	Formulaire contact
******************************/
#form-contact, #form-adhesion {margin:10px 24px 10px 12px}
#form-contact textarea {height:125px; overflow:auto;}

/****************************
	Résultats recherche
*****************************/
.navigationRecherche {float:left; width:100%; margin-top:10px}
.navigationRecherche a {padding:1px 4px; margin:2px; border:1px solid #e6e6e6; text-decoration:none; color:#000}
.navigationRecherche a:hover, .navigationRecherche a:focus, .navigationRecherche a:active {background: #f6f6f6; }
.navigationRecherche span {padding:1px 4px; margin:6px; border:1px solid #e6e6e6; text-decoration:none; background:#f6f6f6;}

/****************************
	Tableau
*****************************/

#formPanier {padding:12px 24px 12px 12px}
table#detail-panier {width:450px; border-collapse: collapse; }
#detail-panier tr {text-align:left;}
#detail-panier th {padding:2px 4px; border-bottom:1px solid #ccc; font-size:1em}
#detail-panier td {padding:2px 4px; font-size:1em}
#detail-panier a {color:#0674B0;}

#total-panier {float:right; padding:12px; background:#f6f6f6; margin:12px 0 12px 10px}
#action-panier {clear:both}

table#etat-commandes {width:460px; border-collapse: collapse; margin:10px auto }
#etat-commandes tr {text-align:left;}
#etat-commandes th {padding:2px 4px; border-bottom:1px solid #ccc; font-size:1em}
#etat-commandes td {padding:2px 4px; font-size:1em}
#etat-commandes a {color:#0674B0;}


#container 
{margin:10px 24px 10px 12px}

#liste-noeud{text-align:left; width:100%; border-collapse: collapse}
#liste-noeud .form-checkbox {border:1px solid #ccc; width:14px; height:14px}
#liste-noeud td, #liste-noeud th {padding:4px}
#liste-noeud tr {border:solid #d3e7f4; border-width:1px 0 0 0}
#liste-noeud thead tr {border:solid #fff; border-width:0 0 10px 0}
#liste-noeud tr.impaire {background-color:#f6fafc;}
#liste-noeud td .form-item {margin-left:6px}
#liste-noeud a{text-decoration:none; color:#027ac6}
#liste-noeud a:hover{text-decoration:underline;}

#liste-menu{text-align:left; width:100%; border-collapse: collapse}
#liste-menu .form-checkbox {border:1px solid #ccc; width:14px; height:14px}
#liste-menu td, table #liste-menu th {padding:2px 0}
#liste-menu tr {border:solid #d3e7f4; border-width:1px 0 0 0}
#liste-menu thead tr {border:none}
#liste-menu tr.impaire {background-color:#f6fafc;}
#liste-menu td .form-item {margin-left:6px}
#liste-menu tr.groupe{border-top:10px solid #fff; border-bottom:1px solid #d3e7f4}
#liste-menu a{text-decoration:none; color:#027ac6}
#liste-menu a:hover{text-decoration:underline;}

.navigation-page {text-align:left; margin:12px}
.navigation-page a, .navigation-page span {padding:1px 4px; margin-right:3px; border:1px solid #ccc}