/* CSS Document */

@media (max-width: 600px) {
	#CatDisplayClass_left_menu{
	font-family: 'Century Gothic',Helvetica,Arial, sans-serif;
	display:none;
	position:absolute;
	z-index: 1;
	//top:0;
	//left:0;
	//float:left;
	background:#353535;
		//background:#06b640;
	color:#FFFFFF;
	width:70%;
	//height:100%;
	overflow:hidden;

	
	}
	
	.main_reduced{
	position:relative;
	color:#626262;
	//float:left;
	z-index: 20;
	width:92%;
	//height:100%;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:15px;
	}		

	#category_hierarchy_infos{
	font-size:small;
	/*color:#999999;*/
	width:92%;
	margin:0 auto;
	padding:0 0 15px;
	border-bottom:inset 2px ;

	overflow:hidden;
	  }
	  
	#sidemenu-button{
		width:113px;
		height:38px;
		display:block;
		background:url(../images/menu-button-catdisplay.png);
		float:right;
		
		}
	#sidemenu-button:active{
		background:url(../images/menu-button-catdisplay-active.png);

		
		}
		
#CatDisplayClass_left_menu ul li{
	padding:8px 0 8px 16px;
	font-size:1.1em;
	border-bottom:#5D5D5D solid 1px;

}
 
.CatDisplayClass_ArticleLevel #arrow{
display:none;
}
	
	
 
 

/* Show the menu when animating or visible */
.animating #CatDisplayClass_left_menu, .menu-visible #CatDisplayClass_left_menu {
  display: block;
}
 
/***
 * If the animating class is present then apply
 * the CSS transition to #page over 250ms.
 */
.animating #category_display_main {
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out;
}
 
/***
 * If the left class is present then transform
 * the #page element 240px to the left.
 */	
.animating.right #category_display_main {
  transform: translate3d( 290px, 0, 0 );
  -webkit-transform: translate3d( 290px, 0, 0 );
}
 
/***
 * If the right class is present then transform
 * the #page element 240px to the right.
 */
.animating.left #category_display_main {
  transform: translate3d( -290px, 0, 0 );
  -webkit-transform: translate3d( -290px, 0, 0 );
}
 
/***
 * If the menu-visible class is present then
 * shift the #page 240px from the right edge
 * via position: absolute to keep it in the 
 * open position. When .animating, .left and
 * .right classes are not present the CSS
 * transform does not apply to #page.
 */
.menu-visible #category_display_main {
  left: 290px;
}



		
		



}


@media (min-width: 601px) {



	#sidemenu-button{
		display:none;
		}
	
	.main_reduced{
		color:#626262;
		float:left;
		width:66%;
		padding:2%;
		background-color:#FFFFFF;
		}		
		
        #category_hierarchy_infos{
  		font-size:small;
		/*color:#999999;*/
		padding:0 0 15px;
          }

#CatDisplayClass_left_menu{
float:left;
margin:0px;
/*background:#636363;*/
background:#06b640;
color:#FFFFFF;
width:26%;
height:395px;
overflow:hidden;
border-radius:20px;

}

#CatDisplayClass_left_menu ul li{
	padding:0 0 0 20px;

}

.CatDisplayClass_ArticleLevel #arrow{
float:left;
width:8%;
text-align:center;
}



}


	
        
		/*a:visited{
		color:#393F6F;
		text-decoration:none;
        }*/
		
		.hierarchy_link{
		text-decoration:none;
		color:#999999;
		}
		.hierarchy_link:hover{
		color:#06b640;
		text-decoration:underline;}
	
		.hierarchy_link:active{
		color:#06b640;
		}
		/*.hierarchy_link:visited{
		color:#999999;
		}*/
		
        #category_display_wrapper{
            overflow:hidden;
            background-color:#ffffff;
            width:100%;
            }
        #category_side_menu{
            float:left;
            width:13%;
            /*height:100%;*/
            padding:1%;
            margin:0px;
            }
        
        .category_side_menu_element{
            list-style:square;
            margin: 0px;
            padding: 0% 0% 0% 5%;
            font-size: small;
            font-weight: 500;
            color: #FFFFFF;
            text-align:left;
            }
		
		#category_display_main{
		
		
		}		
		
        #column_equalizer{
		background:red;
		width:100%;
		height:100%;}
		
        #article_display{
            /*background-color:#FFFFFF;*/
			//padding:0 2%;
			text-align:justify;
            }
        #article_header{
            padding-bottom:2%;
            margin-bottom:2%;
            border-top-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 1px;
            border-left-width: 0px;
            border-top-style: none;
            border-right-style: none;
            border-bottom-style: dashed;
            border-left-style: none;
            border-bottom-color: #CCCCCC;	
            }
        #titre_article{
			font-family: 'Century Gothic', sans-serif;
            font-size:1.5em;
			font-stretch:narrower;
			font-weight:lighter;
			color:#8e8c8c;
			padding:5px 0px 10px 5px;
			text-align:left;
			/*background:#FF3333;*/
            }
        #infos_article{
            font-size:small;
            color:#666666;
            }
        #article_content{
            font-size: 0.8em;
			overflow:visible;
			padding-right:12%;
			}
		#article_content{
			/*color: #595959;*/
			font-family: 'Century Gothic', sans-serif;
			font-size: 11pt;
			line-height: 115%;
			margin:0 0 10pt 0;
			padding:0;
			}
        #article_content a{
			color: #00B050;
			text-decoration: underline;
			}
        #article_content a:hover{
			color:#FE19FF;
			}
        #article_content a:active{
			color:#FE19FF;
			}
        #article_list{
			padding-left:1%;
            padding-top:1%;
            margin-top:3%;
            border-top-style: dashed;
            border-top-width: 1px;
            border-top-color: #CCCCCC;	
            }
        #article_view{
            padding:1% 0;
            font-size: 0.9em;
            border-bottom-style: dashed;
            border-bottom-width: 1px;
            border-bottom-color: #CCCCCC;	
            }
        #article_list_view_title{
            margin:0 0;
            }
        #article_list_view_date{
            color:#666666;
            }
        #article_list_link{
            }
        .discreet{
            font-size:small;
            color:#666666;
        }
        .x_discreet{
			font-size:x-small;
			color:#9A9A9A;
        }
		.imageLink{
		float:left; margin-right:5px; margin-left:4px%;margin-bottom:3px;
			
			}
		.snapShot{
		border:#FFFFFF solid 1px;
		}
	
	.article_preview{
	   font-size:0.75em;
	   text-align:justify;
	   padding:2%;
	   border:#CCCCCC dashed  1px;
	   vertical-align:baseline;
	   /*overflow:auto;*/
		}
	.image_link{
		float:left;
		display:block;
		margin-top:3%;margin-right:4%;margin-bottom:1%
		}
	#article_preview_header{
	overflow:auto;
	}
	.image_icon{
		border:#FFFFFF solid 1px;
		}
	.article_preview #title{
	display:block;
	margin-top:3%;
	text-align:left;
	margin-bottom:0;
	text-decoration:none;
	color:#00b9e9;
	font-weight:bolder;
	}
	.article_preview #title:hover{
	text-decoration:underline;
	}
	.article_preview #title:visited{
	}
	.article_preview #article_infos{
	font-size:x-small;
	}
	.article_preview #article_abstract{
	text-align:left;
	}		
		.category_view{
		background:#FFFFFF;
		color:#312B55;
		border:1px solid #CCCCCC;
		text-align:left;
		font-size:x-small;
		height:100%;
		padding:3%;
		background-image:url(../images/category_view.jpg);
		background-repeat:repeat-x;
		overflow:hidden;
		}
		.category_view .category_view_title{
			width:99%;
			font-size:medium;
			margin-bottom:3%;
			color:#00FF33;
		}

		.category_view  a{
		color:#312B55;
		text-align:left;
		text-decoration:none;
		}
		.category_view a:hover{
		color:#393F6F;
		text-align:left;
		text-decoration:underline;
		}
		.category_view_old{
		border: 1px solid #dcdcdc;
		background:#FFFFFF;
		background-image:url(../images/main_topic.jpg);
		background-repeat:repeat-x;
		text-align:left;
		font-size:x-small;
		height:100%;
		//padding:2%;
		overflow:hidden;
		}
		.category_view_title_old{
			width:178px;
			height:27px;
			text-align:right;
			background-image:url(../images/main_topic_title_graphic2.jpg);
			background-repeat:no-repeat;
			font-size:x-small;
			color: #FFFFFF;
		}

.box_title{
	font-size: small;
	color: #737dc6;
	font-weight:500;
	margin-bottom:2%;
	}
.titre_article{
	font-size:1.5em;
	font-weight:normal;
	color:#8e8c8c;
	/*display:table-cell;
	vertical-align:middle;*/
	/*background:#FF3333;*/
	}

#CatDisplayClass_summary{
overflow:auto;
color:inherit;
font-size:small;

}
#CatDisplayClass_summary #header{
	overflow:auto;
	}
#CatDisplayClass_summary #header #icon{
	float:left;
	}
#CatDisplayClass_summary #header #title{
	float:left;
	margin:auto 0px auto 5px;
	text-align:left;
	}
	
#body_1{
padding:10px 0px;
overflow:auto;
	}
#body_2{
	/*width:100%;*/
	width:640px;
	text-align:justify;
	/*color:#06b640;*/
	/*font-size:small;*/
	
	font-family: 'Century Gothic', sans-serif;
	font-size: 11pt;
	
	
	}
#CatDisplayClass_summary #illustration{
float:left;
margin:0 10px 0 0;
}
#CatDisplayClass_summary ul{
float:left;
list-style:none;
width:235px;
padding:0 0 0 5px;
min-height:195px;

}
#CatDisplayClass_summary ul li{
}
#CatDisplayClass_summary .TopCategory{
list-style:none;
font-size:large;
}
#CatDisplayClass_summary .TopCategory a{
color:#06b640;
text-decoration:none;
}
#CatDisplayClass_summary .TopCategory a:hover{
text-decoration:underline;
}
.CatDisplayClassSummaryItem{
background:#CCCCCC;
}
.CatDisplayClassSummaryItem a{
display:block;
text-decoration:none;
color:#06b640;
overflow:hidden;
background:#ffffff;
border: solid 1px transparent;
}

.CatDisplayClassSummaryItem #arrow{
float:left;
width:8%;
text-align:center;
}
.CatDisplayClassSummaryItem #label{
float:right;
color:#535353;
background-color:#ffffff;
padding:2px 0px 2px 4px;
width:89%;
}
.CatDisplayClassSummaryItem #label:hover{
color:#06b640;
}
.CatDisplayClassSummaryItem a:hover{
color:#ffffff;
background:#06b640;
border:#06b640 1px solid;
}
.CatDisplayClassSummaryItem a:active{
background:#ababab;
}
		.main_full{
		color:#626262;
		width:100%;
		padding:0%;
		/*background-color:#FFFFFF;*/
		}		

/* New : Navigation des cat�gories*/
#CatDisplayClass_left_menu ul{
list-style:none;
margin:0;
padding:0px;
font-size:small;
height:395px;

}
#category_title{
	padding:0px 0 0px 0px;
	font-size:1.5em;
	font-weight:normal;
	margin:20px 0px 15px 20px;
	/*width:175px;
	background:#f26d7d;
	border-bottom:dashed 1px #FFFFFF;*/
	
	}




/*#product_label{
min-height:110px;
background:#505050;
border-bottom:solid white 1px;
}
#product_brand{
padding:18px 0 10px 0;}

#product_brand_img{
}

#product_label #title{
color:#FFFFFF;
font-size:medium;
padding:0 0 10px 5px;
text-align:center;
font-weight:bold;
}*/

.CatDisplayClass_level2{
background:#505050;
color:#FFFFFF;
}
.CatDisplayClass_level2 a{
display:block;
padding:2px 0px 2px 4px;
text-decoration:none;
color:#FFFFFF;
}
.CatDisplayClass_level2 a:hover{
color:#FFFFFF;
background:#b3cef8;
}
.CatDisplayClass_level2 a:active{
background:#ababab;
}

.CatDisplayClass_level1{
/*border-top:#c7c7c7 1px solid;
border-collapse:collapse;*/

}
.CatDisplayClass_level1 a{
display:block;
padding:2px 0px 2px 4px;
text-decoration:none;
font-size:medium;
color:#ffffff;
}
.CatDisplayClass_level1 a:hover{
font-weight:bold;
}
.CatDisplayClass_level1 a:active{
font-weight:bold;
}

.CatDisplayClass_ArticleLevel{

}
.CatDisplayClass_ArticleLevel a{
display:block;
text-decoration:none;
overflow:hidden;
color:#FFFFFF;

}
.CatDisplayClass_ArticleLevel #label{
float:left;
padding:2px 0px 2px 4px;
width:77%;
}
.CatDisplayClass_ArticleLevel #label:hover{
}
.CatDisplayClass_ArticleLevel a:hover{
color:#ffffff;
font-weight:bold;
}
.CatDisplayClass_ArticleLevel a:active{
}