/*****************
* block :Declaration générique d'un block
******************/

.block{ display:block; float:left; width:100%; margin-bottom:0px; background-color:#fff; /* contexte de formatage */ overflow:hidden;_overflow:visible;_height:1%;}
.block table tr{ border:0px}
.block .block{ font-size:1em; /* permet de gommer le soucis d'indentation de class .block */}
/* entete de block (header) */
.block .blk_header, .block .blk_header span, .block .blk_header a{
display:block; margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:left top;}
.block .blk_header{ position:relative;  z-index:10;  padding:0 0 0 6px;  margin:-1px -1px 0;   zoom:1;}
h2.blk_header{ background-image:url(../images/bullet.gif); background-position:left; background-repeat:no-repeat; padding:0 0 0 15px }
h2.blk_header span { font-size:0.7em; color:#fff; font-weight:bold;}
.block .blk_header span, .block .blk_header a{  padding:5px 6px 2px 1px;  min-height:20px;  _height:20px;  background-position:right top;  /* contexte formatage */  overflow:hidden;  _overflow:visible;  zoom:1;}

.block .blk_footer{ position:relative; display:block;  z-index:10;  padding:0 0 0 12px;  margin:-1px -1px 0;  font-size:1.3em;  zoom:1;  background-color:#000; /* noir */  background-image:url(../images/box_footer.gif);  color:#FFF; /* blanc */}
.block .blk_footer b{ display:block; width:100%; padding:5px 0 2px 0;  min-height:20px;  _height:20px;  background-position:right top; background-image:url(../images/box_footer.gif); /* contexte formatage */  overflow:hidden;  _overflow:visible;  zoom:1;}

/* blck_inside */
.block .blk_inside{  position:relative;  zoom:1; /* correction IE bug */}

/* corps intrieur du block, c'est la partie qui contient le texte, produits, etc... */
.blk_content{  /* contexte de formatage */  zoom:1;  overflow:hidden;  _overflow:visible; padding:0;}
#index .blk_content{  /* contexte de formatage */ height:250px; padding:5px}
/* ======= block_darker ======= */
.block_noir .blk_header, .block_noir .blk_header span, .block_noir .blk_header a{background-color:#000; /* noir */  background-image:url(../images/box_header.gif);/* blanc */}
.block_noir .blk_inside{ border-left:4px solid #E7E7E7;border-right:4px solid #E7E7E7;border-top:4px solid #E7E7E7; /* gris  */}


/* ======= block_lighter ======= */
.block_lighter .blk_header, .block_lighter .blk_header span, .block_lighter .blk_header a{  background-color:#000; /* noir */  background-image:url(../images/box_header_lighter.gif);  color:#666; /* blanc */}
.block_lighter .blk_inside{ border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC; /* gris  */}


/* ======= block_vert ======= */
.block_vert h2{font-size:3em;}
.block_vert .blk_header, .block_vert .blk_header span, .block_vert .blk_header a{background-color: #77ad1a; /* noir */  background-image:url(../images/box_header_vert.gif);/* blanc */}
.block_vert .blk_inside{ border-left:1px solid #77ad1a;border-right:1px solid #77ad1a;border-top:1px solid #77ad1a; /* gris  */}
.block_vert .blk_content{ background-color:#77ad1a; padding:0 10px;}
.block_vert .blk_footer{ position:relative; display:block;  z-index:10;  padding:0 0 0 12px;  margin:-1px -1px 0;  font-size:1.3em;  zoom:1;   /* noir */  background-image:url(../images/box_footer_vert.gif);  color:#FFF; /* blanc */}
.block_vert .blk_footer b{ display:block; width:100%; padding:5px 0 2px 0;  min-height:20px;  _height:20px;  background-position:right top; background-image:url(../images/box_footer_vert.gif); /* contexte formatage */  overflow:hidden;  _overflow:visible;  zoom:1;}


/* ======= block_border_vert ======= */
.block_border_vert .blk_header, .block_border_vert .blk_header span, .block_border_vert .blk_header a{ /* noir */  background-color:#fff; /* noir */  background-image:url(../images/box_header_border_green.gif);/* blanc */color:#77ad1a; font-size:1.1em;}
.block_border_vert  .blk_content{ background-color:#ffffff; padding:0 10px;}
.block_border_vert .blk_inside{ border-left:1px solid #77ad1a;border-right:1px solid #77ad1a;border-top:1px solid #77ad1a; /* gris  */}
.block_border_vert .blk_footer{ position:relative; display:block;  z-index:10;  padding:0 0 0 12px;  margin:-1px -1px 0;  font-size:1.3em;  zoom:1;   /* noir */  background-image:url(../images/box_footer_border_green.gif);  color:#FFF; /* blanc */}
.block_border_vert .blk_footer b{ display:block; width:100%; padding:5px 0 2px 0;  min-height:20px;  _height:20px;  background-position:right top; background-image:url(../images/box_footer_border_green.gif); /* contexte formatage */  overflow:hidden;  _overflow:visible;  zoom:1;}


/* ======= block_admin ======= */
.block_admin .blk_header, .block_admin .blk_header span, .block_admin .blk_header a{  background-color:#000; /* noir */  background-image:url(../images/box_header_admin.gif);  color:#666;}
.block_admin .blk_inside{ border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;border-top:1px solid #E8E8E8; /* gris  */}
.block_admin .blk_content{  /* contexte de formatage */  zoom:1;  overflow:hidden;  _overflow:visible; padding:5px;t}
.block_admin .blk_footer{ position:relative; display:block;  z-index:10;  padding:0 0 0 12px;  margin:-1px -1px 0;  font-size:1.3em;  zoom:1;  background-color:#000; /* noir */  background-image:url(../images/box_footer_admin.gif);  color:#FFF; /* blanc */}
.block_admin .blk_footer b{ display:block; width:100%; padding:5px 0 2px 0;  min-height:20px;  _height:20px;  background-position:right top; background-image:url(../images/box_footer_admin.gif); /* contexte formatage */  overflow:hidden;  _overflow:visible;  zoom:1;}

/*****************
* bloc (sans k) 100%
******************/

/* Bloc de texte à 100% */
.bloc_100 a, .bloc_70 a, .bloc_60 a, .bloc_50 a, .bloc_40 a,  .bloc_30 a{}
.bloc_100 a:hover, .bloc_70 a:hover, .bloc_60 a:hover, .bloc_50 a:hover, .bloc_40 a:hover, .bloc_30 a:hover{}

.bloc_100{ width:100%; display:block; float:left; clear:both; text-align:justify;margin-bottom:10px; font-size:0.9em}
.bloc_100 a.pourcentage{font-size:2.1em;}
/* Bloc de texte à 60% */
.bloc_70{ width:66%;padding:5px 1%;  display:block; float:left; margin:0  1% 0 0;}
/* Bloc de texte à 60% */
.bloc_60{ width:56%;padding:0 1%;  display:block; float:left; margin:0  1% 0 0;}
/* Bloc de texte à 50% */
.bloc_50{ width:50%;padding:0%;  display:block; float:left;}
/* Bloc de texte à 40% */
.bloc_40{ width:37%;padding:0 1%;  display:block; float:left;}
/* Bloc de texte à 30% */
.bloc_30{ width:30%;  display:block; float:left;}
.bloc_30 table tr{ border:0}
.bloc_20{width:20%;display:block; float:left;}
/*****************
* bloc_center
******************/

/* sert a centrer un bloc au milieu d'un page, pas de couleur de fond, ça ne marche pas */
.bloc_center{ width:50%;padding:2%; margin:0 auto; color:#fff }
.bloc_center a{color:#fff }
.bloc_center_style{ width:100%;padding:2%; float:left;background-color:#F5F5F3; 
border-top:6px solid #ccc; 
border-right:1px solid #999; 
border-bottom:1px solid #999;
border-left:1px solid #ccc;
}

/*****************
* bloc_both
******************/

/* sert a centrer un bloc au milieu d'un page, pas de couleur de fond, ça ne marche pas */
.bloc_both{ display:block; float:left; clear:both; width:100%}


/*****************
* bloc_recherche
******************/
.bloc_recherche{display:block;float:left;color:#333; width:96%; display:block;float:left;background:#aec510 url(../images/bloc_recherche2.gif) top no-repeat; padding:5px 2%;}
.bloc_recherche .more_details{color:#FFFFFF; font-weight:bold; display:block;width:98%; float:left;}