/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte-vert.css";

/* STYLE CONTENU */
#option-produit .txtprixbarre2{
font-size:13px;
font-weight:bold;
color:#989898;
text-decoration: line-through;
}

p {
margin:0 0 1em 0;
}

#contenu-texte p {
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
text-align:justify;
}

#contenu-texte ul {
font:normal 12px Arial, Helvetica, sans-serif;
list-style-position:outside;
list-style-type:square;
margin:0 0 1em 2em;
}

#contenu-texte h2{
font:bold 16px Arial, Helvetica, sans-serif;
color:#4B3D30;
}


#contenu-texte h3{
font:bold 14px Arial, Helvetica, sans-serif;
color:#9DC46B;
}

#panier-mini h3 a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#423628;
margin:0 0 12px 0;
}

#pagination{
font:bold 12px Arial, Helvetica, sans-serif;
text-align:center;
}

a:link, a:visited {
text-decoration:none;
color:#7A7A7A;
}
a:hover, a:active {
color:#000;
text-decoration:underline;
}

#label a:link, #label a:visited, #qui-sommes-nous a:link, #qui-sommes-nous a:visited {
text-decoration:none;
color:#FFF;
}
#label a:hover, #label a:active, #qui-sommes-nous a:hover, #qui-sommes-nous a:active{
color:#7A7A7A;
text-decoration:underline;
}

h2 a:link, h2 a:visited {
color:#000;
text-decoration:none;
}
h2 a:hover, h2 a:active {
color:#7A7A7A;
text-decoration:underline;
}
.produit-sousrub-titre a:link, .produit-sousrub-titre a:visited , .label-sousrub-titre a:link, .label-sousrub-titre a:visited {
color:#FFF;
text-decoration:none;
}
.produit-sousrub-titre a:hover, .produit-sousrub-titre a:active, .label-sousrub-titre a:hover, .label-sousrub-titre a:active {
color:#7A7A7A;
text-decoration:underline;
}
.titre-top a:link, .titre-top a:visited {
color:#000;
text-decoration:none;
}
.titre-top a:hover, .titre-top a:active {
color:#7A7A7A;
text-decoration:underline;
}


/************ STYLE GLOBAL********************/
a img{
border: 0px none;
}
.imageleft{
float:left;
margin:0em 1em 1em 0em;
border:none;
}
.imageright{
float:right;
margin:0em 0em 1em 1em;
border:none;
}

.box-produitmois-texte h2{
font:bold 11px Arial, Helvetica, sans-serif;
color:#342516;
margin:0px 0 0 0;
}

/************ STYLE PRODUIT********************/
#bloc-partenaires h2{
font:bold 11px Arial, Helvetica, sans-serif;
color:#342516;
margin:0px 0 0 0;
}

.bt-ajout-panier a span, .bt-fiche-produit a span{
display:none;
}
#bloc-produit-une{
position:relative;
margin:7px 0 0 5px;
background:url(../images/charte/bg-image.jpg) no-repeat left bottom;
width:255px;
height:285px;
text-align:center;
}

#bloc-produit-une img{
margin-top:10px;
}

#fiche-produit-image .cadre-produit-mini{
float:right;
text-align:left;
width:54px;
margin:6px 6px 6px 6px;
}

#produit-une h1 {
font-size:13px;
text-transform:uppercase;
padding-left:20px;
margin-left:10px;
color:#2D2D2D;
line-height:10px;
background:url(../images/charte/puce.jpg) no-repeat scroll left top;
}

.cadre-produit{
float:left;
margin-top:10px;
padding:8px 2px 8px 0px;
}

.bt-ajout-panier {
cursor: pointer;
line-height:19px;
height:19px;
margin-left: auto;
margin-right: auto;
width:114px;
margin-top:5px;
}

#contenu #produit-accroche{
font-size:1.2em;
}

.ajouter-panier{
cursor:pointer;
width:114px;
height:19px;
border:0px;
margin-left:10px;
background:url(../images/charte/bt-ajout-panier.jpg) no-repeat left bottom;
}

#option-produit .prix2 {
float:left;
margin-top:5px;
color:#342516;
font-weight:bold;
font:bold 1.4em/1.25em Arial, Helvetica, sans-serif;
}


/* FORMULAIRE */
.form_news{
padding-top:5px;	
margin:0px;
font:9px Arial, Helvetica, sans-serif;
color:#000;
margin-right:2px;
margin-bottom:7px;
}
.form_news a:link, .form_news a:visited{
text-decoration:none;
color:#858585;
margin-left:22px;
}
.form_news a:hover, .form_news a:active{
text-decoration:underline;
color:#858585;
margin-left:22px;
}

.form_rech{
padding-top:33px;
width:100px;
top:195px;
left:0px;	
}

#bt_rech{
position:relative;
width:27px;
margin-left:40px;
margin-top:5px;
}

.ok{
float:right;
width:27px;
height:13px;
border:0px;
margin-top:4px;
background:url(../images/charte/bt-ok.png) no-repeat left top;
cursor:pointer;
}

#form_compte .ok {
float:right;
}

.ok2{
float:left;
width:78px;
height:14px;
border:0px;
background:url(../images/charte/vert/bt-rech.png) no-repeat scroll left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bioauthentique.com/images/charte/vert/bt-rech.png', sizingMethod='scale');

cursor:pointer;
}
.form{	
font-size: 11px;	
width:95px;
height:13px;
margin-left:12px;
border:1px solid #858585;
color:#858585; 
}
#form_compte .form{	
font-size: 11px;	
width:90px;
height:13px;
border:1px solid #858585;
color:#858585;
margin-bottom:2px;
margin-top:2px;
margin-left:0px;
}

.form_long{	
font-size: 11px;	
width:129px;
height:13px;
margin-left:12px;
border:1px solid #858585;
color:#858585; 
}

#recherche .form_long{	
font-size: 11px;	
width:129px;
height:15px;
margin:1px 0 1px 12px;
border:0px solid #858585;
color:#858585; 
}

.form_select{	
font-size: 11px;
line-height:10px;
width:131px;
height:17px;
margin:1px 0 0px 12px;
border:1px solid #858585;
color:#858585; 
}

#recherche .form_select{	
font-size: 11px;
line-height:18px;
width:129px;
height:17px;
margin:1px 0 1px 12px;
border:0px solid #858585;
color:#858585; 
}

.long{
width:180px;
height:17px;
font-size:1.1em;
border:1px solid #858585;
color:#858585; 
}
.tresLong{
width:240px;
height:17px;
border:1px solid #858585;
color:#858585; 
}
.tresPetit{
width:90px;
height:17px;
border:1px solid #858585;
color:#858585; 
}
.message{
border:1px solid #858585;
color:#858585; 
}
.center{
font:9px Arial, Helvetica, sans-serif;
margin-left:160px;
color:#858585; 
}
.commentaire{
font:0.95em/0.95em Arial, Helvetica, sans-serif;
color:#404040;
}

.expandbox .expand {
display:none;
}
.bt_medium {
	float:right;
	font-size:0;
	text-decoration:none;
	margin-bottom:30px;
}



/* FORMULAIRE  GENERALISTE */

/******* BOUTONS **********/
.input_image_right{
	margin:5px 0px 5px 0;
	text-align:right;
}

#alerte{
position:fixed;
left: 40%;
top:30%;
z-index:1;
padding:15px;
background-color:#FFF;
border:1px solid #000;
font-size:1.2em;
font-weight:bold;
}