/* -------------------------------------------------------------------------------------------------------------------------- */
/*                                                 par Kinaly                                                                 */
/* -------------------------------------------------------------------------------------------------------------------------- */

/* #F2F2F2 gris clair      */
/* #DCE1E3 gris            */
/* #97C9DB bleu clair      */
/* #6EA4B8 bleu            */
/* #0C161A presque noir    */
/* #036564 vert            */
/* #033649 vert foncé      */
/* #031634 bleu très foncé */

/* --------------------------------------------------- */
/*     initialisation : balises XHTML générales        */
/* --------------------------------------------------- */

html { font-size: 11px; }

body  {
	margin:0; padding:0;
	text-align: left; 
	font-family: arial;
	font-size: 100%;
	color: #41210B;
	background-image:url(/_boutiques/BIOCAVAGNOU//site_image/fond.jpg);
	background-repeat: repeat-x;
	background-color:#dfe2c3;
}

img {
	border:0px;
	margin: 0;
}

p { margin: 0 0 6px 0; }

a {	
	color: #036564;
	text-decoration: none;
}

a:hover {
	color: #036564;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 4px 0; padding: 0; }

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #E04E1B;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #41210B;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	color: #41210B;
}

th {
	color: #FFFFFF;
	background-color: #999999;
	padding: 3px;
}

th a { color:#FFFFFF; }

em {
	font-style: normal;
		color: teal;
}

strong {

}

table {
	margin: 0 auto;
	border: 0;
}

form { margin:0; padding:0; }

input {
	color:#000000;
	font-size: 10px;
}

select, option {
	color:#000000;
	font-size: 10px;
	padding-left: 4px;
}

textarea {
	color:#000000;
	font-size: 10px;
	margin: 6px;
}

input {
	margin: 4px 0;
}


/* --------------------------------------------------- */
/*                structure : armature                 */
/* --------------------------------------------------- */

#enveloppe-page {
	width: 911px; /* Largeur de page à rendre dynamique */
	margin: auto;
	background-color:#FFFFFF;
	border:1px solid #666666;
}

#en-tete {position: relative;
           	background-position : center;
			width :911px;
			height : 166px;
	}


#bandeau {position: relative;
           	background-position : center;
			width :911px;
			height : 136px;
	background-image: url(/_boutiques/BIOCAVAGNOU//site_image/bandeau-h.jpg);
	           	background-repeat : no-repeat;
}

#menuhoriz {position:relative;
background-image:url(/_boutiques/BIOCAVAGNOU//site_image/menuhoriz.jpg);
background-repeat:no-repeat;
height: 30px;
	 width:911px;
	      }


#conteneur {
	position: relative;
	background: transparent;
	margin-top:0px;
}

#conteneur-interne {
position:relative;
	display: block;
}

#col-g {
	background-image: url(/_boutiques/BIOCAVAGNOU//site_image/bandeau-v.jpg);
	background-repeat:no-repeat;
	float: left;
	position: relative;
	display: inline;
	width:180px;
	height: 547px; /* Largeur de colonne à rendre dynamique */
	left: 0;
	margin: 0;
	z-index: 100;
}



#col-d {
		background: #DCE1E3;
	float: right;
	position: relative;
	display: inline;
	width: 184px; /* Largeur de colonne à rendre dynamique */
	right: 0;
	margin: 0 0 0 5px;
	z-index: 100;
	padding: 0;
}

.col-interne {
	margin-top : 60px;
	margin-left:0px;
	margin-right:20px; /* Valeur dynamique qui sert à générer une marge pour le contenu des colonnes. */
}
	.col-interne .menu_dyn h2 {
		height: 25px;
		line-height: 15px;
		padding: 5px 0 5px 28px;
		margin: 0 9px 0 0;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		background: transparent url(/_boutiques/BIOCAVAGNOU//site_image/bg_titre_menu.gif) left top repeat-x;
	}
	.col-interne .menu_dyn ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
	.col-interne .menu_dyn li { margin: 0 14px; padding: 0 0 0 13px; font-size: 12px; background: transparent url(/_boutiques/BIOCAVAGNOU//site_image/puce_menu.gif) left 1px no-repeat; color: #040600; }
	.col-interne .menu_dyn a { color: #040600; text-decoration: none; }
	.col-interne .menu_dyn a:hover { color: #040600; text-decoration: underline; }

#contenu-principal {
	position: relative;
	margin-right: 50px;
	margin-left: 210px;
padding-top: 30px;
	display: block;
	margin-left : 180 px; /* Les valeurs gauche et droite équivalent aux largeurs des colonnes latérales */
	background-color:#FFFFFF;

}

.clear {
	clear: both;
}
.clearfloat {
	clear: both;
}

#pied-page {
	display: block;
	height:40px; /* Hauteur à rendre dynamique */
	text-align: center;
	background-image:url(/_boutiques/BIOCAVAGNOU//site_image/footer.jpg);
	 	background-repeat : no-repeat;
		background-position:left;
}

.footer {
padding-top:15px;
}



/* --------------------------------------------------- */
/*                structure : éléments                 */
/* --------------------------------------------------- */

#elem_panier {
color: #41210B;
	width: 130px;
	text-align: right;
	padding-right: 25px;
	padding-bottom : 5px;
	margin-left:-5px;
		background: transparent url(/_boutiques/BIOCAVAGNOU//site_image/icon-panier.jpg) 100% 0 no-repeat;
		
}



#elem_compte {
color:#41210B;
width: 130px;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom : 15px;
	background: transparent url(/_boutiques/BIOCAVAGNOU//site_image/icon-compte.jpg) 100% 0 no-repeat;
}

#elem_compte a, #elem_panier a {
color:#41210B;
}

#elem_rechercher {visibility : hidden; }

#elem_menu {padding-left: 5px; }

#elem_menu a {
	color: #000000;
	text-decoration: none;
	text-indent: 20px;
	display: block;
	width: 140px;
	height: 20px;
	line-height: 20px;
	background:  transparent url(/_boutiques/BIOCAVAGNOU//site_image/menu_rollover.gif) 0 0 no-repeat;
	padding-left: 5px;
 }
 
#elem_menu a:hover {
	color: #0033FF;
	background:  transparent url(/_boutiques/BIOCAVAGNOU//site_image/menu_rollover.gif) -140px 0 no-repeat;
}

#elem_newsletter {padding-left : 5px;
padding-bottom : 20px;
margin-top: 30px; }


.chapo {
font-weight:bold;
color: #41210B;
font-size:12px;
}



 #menuhoriz ul {
 margin-left: 200px;
 height: 25px;
margin-top: 0px;
margin-bottom: 0px;

 }
  
     #menuhoriz li {
          display : inline;
          padding-right: 0.5em;
		 padding-left: 0.5em;
		  border-right : 1px dotted #fff;
      }
	  
     #menuhoriz a {
          font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
          font-size : 12px;
          color : #fff;
          text-decoration : none;
		  line-height : 30px;

      }
	  
     #menuhoriz a:hover, #menu_prod a:hover {
           font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
           font-size : 12px;
           color : #fff;
		   text-decoration : underline;
      }

#certif {padding-top: 5px;
padding-bottom: 5px;
}


.bloc-produit {
	width: 300px;
	height: 200px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-top: #41210B 1px solid;
	padding-top: 5px;
}

.img_prod {
float:left;
}

.bloc-produit h2{
text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #E04E1B;
}


.desc {
margin-top:15px;
text-align:center;
height : 80px;
}

.prix {
text-align:center;
color: #033649;
font-size : 16px;
}

.vignettes {
display: none;
}

#produits {
position: relative;
margin-top:20px;
height:auto;
}

#menu_prod {
	position:relative;
	background-image: url(/_boutiques/BIOCAVAGNOU//site_image/menu_prod.jpg);
height: 21px;
	width:auto;
	font-size : 10px;
	background-repeat: repeat-x;
	      }


 #menu_prod ul {
margin-left : 0px;
 }
  
     #menu_prod li {

          display : inline;
          padding-right: 1em;
		 padding-left: 1em;

		  border-right : 1px dotted #fff;
      }

 #menu_prod a {
          font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
          font-size : 11px;
          color : #fff;
          text-decoration : none;
line-height: 21px;      }
	  
 #menu_prod a:hover {
           font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
           font-size : 11px;
           color : #fff;
		   text-decoration : underline;
      }

.jaune {color:#FFFF00;
 font-family : "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
       font-size : 11px;
          text-decoration : none;
}

#photos-prod {
padding-top: 15px;
margin-top: 10px;
float : right;
word-spacing:151px;
margin-right: 10px;
}

#producteur {
float:left;
margin-right:10px;
margin-top:10px;
width: 300px;
height : 50px;
border-bottom:solid 1px #41210B;
}



#nom_prod {
float: left;
width: 150px;
height:40px;
margin-left: 10px;
}

#img_prod {

float: left;
width : 40px;
height:40px;
}

#savoirplus {
margin-left:5px;
float:left;
width: 93px;
height:25px;

}

#point_liv {
float: left;
width: 150px;
height:60px;
margin-left: 10px;
}

#img_liv {
float: left;
width : 51px;
height:25px;
}

#livraison {
float:left;
margin-right:10px;
margin-top:10px;
width: 310px;
height : 100px;
border-bottom: solid 1px #41210B;
}

#livraison1{
margin-right:300px;
margin-top:10px;
width: 650px;
height : 100px;
border-bottom: solid 1px #41210B;
}

#point_livraison {
float:left;
margin-right:10px;
margin-top:0px;
width: 310px;
height : 60px;
}

#img_point {
float: left;
width : 77px;
height:38px;
}

#point {
float: left;
width: 200px;
height:80px;
margin-left: 10px;
}


.point_liv {
float: left;
width: 150px;
height:80px;
margin-left: 10px;
}

.img_liv {
float: left;
width : 51px;
height:25px;
}

.livraison {
float:left;
margin-right:10px;
margin-top:10px;
width: 310px;
height : 100px;
border-bottom: solid 1px #41210B;
}

.livraison1{
margin-right:300px;
margin-top:10px;
width: 650px;
height : 100px;
border-bottom: solid 1px #41210B;
}

.point_livraison {
float:left;
margin-right:10px;
margin-top:0px;
width: 310px;
height : 60px;
}

.img_point {
float: left;
width : 77px;
height:38px;
}

.point {
float: left;
width: 200px;
height:80px;
margin-left: 10px;
}



#plan
{
margin-top:20px;
width: 800px;
height: 350px;
background-color : #fff;
border: 1px solid #000000;
margin-right:auto;
margin-left: auto;
}


#adresse {
float: left;
background-color:#FFFFFF;
margin-left:10px;
margin-right: 10px;
margin-top:0px;
width: 350px;
height : auto;
}

.desc_plan
{
font-size:10px;
margin-top: 20px;
margin-bottom:20px;
}


#liens_bio {
padding-top: 15px;
padding-bottom:15px;
margin-top: 10px;
float : right;
width : 200px;
height: 400px;
margin-right: 10px;
margin-left: 20px;
background-color: #f5f5eb;
text-align:center;
border: solid 1px #000000;
}

#rrrr {
float:left;
margin-right:10px;
margin-top:10px;
width: 300px;
height : 50px;
border-bottom:solid 1px #41210B;
}

/* --------------------------------------------------- */
/*                    formulaires                      */
/* --------------------------------------------------- */

.form_text {
	color: #666666;
	margin: 0 5px;
}

.form_img { margin: 0 0 10px 0; }

#form-panier { }

#form-panier td { vertical-align: middle; }

.form_col {
	width: 120px;
}

.imgspoon {
	margin: 0;
	padding-top: 3px;
}

/* --------------------------------------------------- */
/*                       Home Page                         */
/* --------------------------------------------------- */

.baseline1 {
	font-size: 14px;
	font-weight: bold;
	color: #E04E1B;
}

.baseline2 {
	font-size: 13px;
	font-weight: bold;
	color: #41210B;
}

.home_colg { border-right: 1px solid #a9a9a9; padding: 20px 20px 20px 0; margin: 0 20px 0 0; width: 320px; float: left; }
.home_cold { overflow: hidden; padding: 0 0 20px; }

.home_actu { border-bottom: 1px solid #a9a9a9; padding: 20px 0; margin: 0 0 20px; overflow: hidden; }

.home_nouveautes .bloc-produit { border-top: 0; border-bottom: 1px solid #41210B; padding-bottom: 10px; }

h2.titre {  
	height: 25px;
	line-height: 15px;
	padding: 5px 0 5px 28px;
	margin: 0 9px 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(/_boutiques/BIOCAVAGNOU//site_image/bg_titre_menu.gif) left top repeat-x;
	text-align: center;
}

/* --------------------------------------------------- */
/*                  classes générales                  */
/* --------------------------------------------------- */

.right { text-align: right;}
.left { text-align: left;}
.center { text-align: center;}

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;
font-size:12px;
}

.fl-droite { float: right; }
.fl-gauche { float: left;
}

.txt-italique { font-style: italic; }

.nobr { white-space: nowrap; }


/* --------------------------------------------------- */
/*               éléments récurrents                   */
/* --------------------------------------------------- */

.bloc_s {
	width: 400px;
	margin: 3px auto;
}

.bloc_m {
	width: 480px;
	margin: 3px auto;
}

.bloc_l {
	width: 520px;
	margin: 3px auto;
}

.alerte_erreur {
	color: #FF0000;
	font-weight: bold;
}
.alerte_info {
	color: #009933;
	font-weight: bold;
}

.encart-dynamique {
	margin: 10px 0 0 0;
}

.avis {
	font-style: italic;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* largeur à spécifier pour centrer le bloc */
#bloc-pro-asso { 
	width: 60px;
	margin: 0 auto;
}

/* --------------------------------------------------- */
/*                       index                         */
/* --------------------------------------------------- */

#zonedyn1, #zonedyn2, #zonedyn3 {
	margin-top:6px;
}

#zonedyn1 h1, #zonedyn2 h1, #zonedyn3 h1 { 
	margin-top:6px;
}

#txt-home { padding-bottom: 10px;}
#txt-home a { color:#000000; text-decoration:none }
#txt-home a:hover { color:#000000; text-decoration:none }
#txt-home img { margin-right:8px;}

#news-home {
	margin: 10px 0;
	padding: 8px 6px 25px 6px; /* valeur bottom pour englober le bouton "lire" */
}
#news-home img { float: left; margin: 0 5px 0 0;}
#news-home p { margin: 0 0 5px 0;}


/* --------------------------------------------------- */
/*                 catalogue, rayons                   */
/* --------------------------------------------------- */

.syspage  {  }
.syspage a  {  }
.syspage a:hover  {  }


/* --------------------------------------------------- */
/*                        news                         */
/* --------------------------------------------------- */

.news { }

#news-date-titre {
	font-size: 11px;
	font-weight: normal;
}

/* --------------------------------------------------- */
/*                       panier                        */
/* --------------------------------------------------- */

/* TABLEAU A COULEURS ALTERNEES */
.styleCell1 { background-color: #E1E1E1; }
.styleCell1 img { margin: 3px;}
	
.styleCell2 { background-color: #F6F6F6; }
.styleCell2 img { margin: 3px;}

/* --------------------------------------------------- */
/*                  expérimentations                   */
/* --------------------------------------------------- */

.cadre-vert-or {
	background:  transparent url(/_boutiques/BIOCAVAGNOU//site_image/vert-et-or_247_300.gif) 0 0 no-repeat;
	width: 247px;
	height: 300px;
}

.photo {
	position: relative;
	margin: 45px 20px 60px 20px;
	width: 189px;
	height: 219px;
}

.photo span {
	position: absolute;
	display: block;
	width: 247px;
	height: 300px;
	top: -35px;
	left: -15px;
	background:  transparent url(/_boutiques/BIOCAVAGNOU//site_image/vert-et-or_247_300.gif) 0 0 no-repeat;
}

.exp {
	margin: 0 auto;
	width: auto;
}

/* --------------------------------------------------- */
/*                CSS François à trier                 */
/* --------------------------------------------------- */

input.sans { border: 0; }
div.sans input { border:0; }
div#sans input { border:0; }

input.nl_input { border: 0; margin-left: 2px; margin-bottom: 8px }
input.search { border: 0; margin-left: 2px; margin-bottom: 8px }

.relative { position: relative; }

/* ------------------------------------------------------------------- */
/*                   François : STRUCTURE                              */
/* ------------------------------------------------------------------- */


div#homeLink {
	background-image: url(/_boutiques/BIOCAVAGNOU//theme/icone_homepage.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
}

#struct_panier {
		border: 1px solid red;
	position: relative;
	top: -20px;
	text-align:right;
	background-image: url(/_boutiques/BIOCAVAGNOU//theme/icone_panier.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: 20px 6px 0 0;
}

#struc_compte {
	position: relative;
	background-image: url(/_boutiques/BIOCAVAGNOU//theme/icone_moncompte.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	text-align:right;
	margin-top: 10px;
}

#struct_newsletter { }

#struct_newsletter IMG {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 4px;
}

#struct_newsletter FORM { margin-top:6px; }

#struct_search { margin-top: 6px; }



#categorie_html { }

#categorie_html A {
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-indent: 20px;
	display: block;
	width: 140px;
	height: 20px;
	line-height: 20px;
	background-image: url(/_boutiques/BIOCAVAGNOU//site_image/menu_rollover.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
 }
 
#categorie_html A:hover {
	font-size: 13px;
	color: #0033FF;
	text-indent: 20px;
	display: block;
	width: 140px;
	height: 20px;
	line-height: 20px;
	background-image: url(/_boutiques/BIOCAVAGNOU//site_image/menu_rollover.gif);
	background-position: -140px 0px;
	background-repeat: no-repeat;
}

/* --------------------------------------------------------- */
/* François : STYLES  DES ALERTES (panier, mescommandes, parrainage etc */
/* --------------------------------------------------------- */

.black { color: black; }
.orange { color: orange; }
.green { color: green; }
.red { color: red; }

/* --------------------------------------------------- */
/*         François : CATALOGUE   RAYONS               */
/* --------------------------------------------------- */

div#sncf {  }
div#sncf H1 {  }
div#sncf A {  }
div#sncfA:hover {  }

div#cat6_img {  }
div#cat6_txt {  }

div#cat6_conteneur { position:relative; }
div.repeat_cat6 { float:left; }
div.repeat_cat6 IMG {  }
div.cat6_nomrepeat {  }




/* --------------------------------------------------- */
/* François : style de "Ajouter au panier" (#ssproduit_nosize#)   */
/* --------------------------------------------------- */

.ssproduit {
	font-size: 13px; color: #0033FF; font-family: "Trebuchet MS";
	text-indent: 0px;
	display: block;
	width: 240px;
	height: 20px;
}

/* ------------------------------------------ */
/* 	François : styles du sélecteur ssproduit  */
/* ------------------------------------------ */

.sstable {
	margin: 1px;
	padding: 1px;
	width: 300px;
}

.sstdleft { }
.sstdright { }

/* ------------------------------------------ */
/*     François : styles des news             */
/* ------------------------------------------ */



/* ------------------------------------------ */
/*     François : styles newsletter           */
/* ------------------------------------------ */

div#rep_nl { }

div#nl_texte { }

/* --------------------------------------------------- */
/*      François : styles de la page d'accueil         */
/* --------------------------------------------------- */

div#newsHome {
	
}

div#coupsdecoeur {  }

/* ------------------------------------- */
/* STYLES CSS PERSONNALISES              */
/* Placez vos sytles personnels ici            */
/* ------------------------------------- */

.erreur {
	color: red;
	font-weight:bold;
}
.noerreur {
	
}

.subfooter {
	text-align: center;
	font-size:9px;
	margin-top:8px;
}

.subfooter A {
	color:#999999;
}