/* CSS Document */

#produits{
	width:550px;
	margin:20px 0 0 50px;
}
#produits h1{
	font-size:1.4em;
	text-transform:none;
	text-align: left;
}
#panier{
	
	margin:5px 0 0 30px;
	font-size:1.2em;
	line-height:1.2em;
	list-style-type: none;
}
#panier li a{
	text-decoration:none;
	color:#000;
	
}
#panier li a:hover{
	text-decoration:none;
	color:#F08800;
}
#detail{
	font-size:1.2em;
	line-height:1.2em;
	margin:5px 0 0 30px;
	list-style-type:none;
}
#detail li a{
	text-decoration:none;
	color:#000;
}
#detail li a:hover{
	text-decoration:none;
	color:#5AA51D;
}
/*_________________________________________________________________________________________________*/
#produits2{
	
	width:630px;
	margin:0;
	padding:10px 0 0 0;
}
#produits2 h1{
	font-size:1.4em;
	text-transform:none;
	text-align: left;
}
#panier a{
	text-decoration:none;
	color:#333333;
	font-size:0.9em;
	padding:0 0 0 15px;
	background:url(../images/puce_on.gif) no-repeat 0 4px;
}
#panier a:hover{
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(../images/puce_valide.gif) no-repeat 0 4px;
	color:#F08800;
}
#detail a{
	text-decoration:none;
	font-size:0.9em;
	color:#333333;
	padding:0 0 0 15px;
	background:url(../images/puce_on.gif) no-repeat 0 4px;
}
#detail a:hover{
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(../images/puce_valide.gif) no-repeat 0 4px;
	color:#5AA51D;
}
.column {	
	column-count: 2;
}
/*
.column2 {	
	column-count: 3;
	border-bottom:2px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}
*/
.column2 {	
	-moz-column-count:3;
	-moz-column-gap:20px;
	column-rule: 1px dotted #fff;
}
/* column2 modifiée par David avec le css3-multi-column.js ligne 151 à 156  */ 
.column2 {
	column-count: 3;
	column-gap: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 8px;
	background-color: #FFFFFF;
	border-bottom:2px dotted #ccc;
}
.column3 {	
	-moz-column-count:2;
	/*-moz-column-gap:20px;*/
	/*column-rule: 1px dotted #fff;*/
}

.Article {	
	column-count: 4;
	column-gap: 20px;
	column-rule: 1px dotted #BBB;
	background-color: #FFFFFF;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
	padding: 8px;
	text-align: justify;
 	
}

/*__________________________________recettes__________________________________________________*/
.image-recette{
	width: 150px;
	padding:5px 0 0 0;
	margin:0;
	border:0;
}
/*__________________________________designation__________________________________________________*/
#designation{
	width:100%;
}
.titre0{
	line-height:45px;
	height:39px;
	background: url(../images/silhouette0.gif) repeat right 0px;
}
.titre{
	line-height:45px;
	height:39px;
	background: url(../images/silhouette4_5.gif) no-repeat right 0px;
}

.titre3{
	line-height:45px;
	height:39px;
	background: url(../images/silhouette2_3.gif) no-repeat right 0px;
}
.titre4{
	line-height:45px;
	height:39px;
	background: url(../images/silhouette3_4.gif) no-repeat right 0px;
}
.titre7{
	line-height:45px;
	height:39px;
	background: url(../images/silhouette7.gif) no-repeat right 0px;
}
.col-categorie{
	background-image: url(../images/bg_col_categorie.gif);
	padding:5px;
	font-size:0.9em;
}
.col-border{
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:0.9em;
}

.celgreen{
	display:block;
	height:14px;
	margin:0;
	
	background: url(../images/onglet_vert.gif) no-repeat left 0px;
	
}
.celgreen h4{
	text-align:center;
	font-size: 0.8em;
	color:#FFFFFF;
	padding:0 8px 0 5px;
	background: url(../images/onglet_vert2.gif) no-repeat right 0px;
}
.celorange{
	display:block;
	height:14px;
	margin:0;
	
	background: url(../images/onglet_orange.gif) no-repeat left 0px;
	
}
.celorange h4{
	text-align:center;
	font-size: 0.8em;
	color:#FFFFFF;
	padding:0 8px 0 5px;
	background: url(../images/onglet_orange2.gif) no-repeat right 0px;
}
/*__________________________ajouter a ma brouette______________________________*/
.ajouter a{
	display:block;
	width:146px;
	height: 31px;
	margin:0;
	text-decoration:none;
	padding: 12px 0 0 60px;
	background: url(../images/ajouter_brouette.gif) no-repeat;
	color:#fff;
}
.ajouter a:hover{
	background: url(../images/ajouter_brouette_on.gif) no-repeat;

}

.bloc {	
	
	border-bottom:2px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bloc2 {

	border-bottom:2px dotted #ccc;
	padding-top: 1px;
	padding-bottom: 1px;
}