/*@import url(_elements);*/

.une_colonne, .deux_colonnes{
	display: inline;
	clear:both;
}
.colleft, .colright{
 display:inline;
	float:left;
	width:49%;
	margin:0; 
	padding:0;
	margin:0 2% 0 0;
}
.colright{
	margin:0;
}
.intext_left{
	float: left !important;
	padding: 5px !important;
}
.intext_right{
	float: right !important;
	padding: 5px !important;
}
.above_left{
	text-align: left;
}
.above_right{
	text-align: right;
}
.above_center{
	text-align: center;
}
.below_center{
	text-align: center;
}
.below_right{
	text-align: right;
}
.below_left{
	text-align: left;
}
.above_center img, .above_right img, .above_left img, .below_center img, .below_right img, .below_left img{
	float: none !important;
}
.center{
	width:100%;
	text-align: center;
}

.left{
	width:100%;
	text-align: left;
}

.right{
	width:100%;
	text-align: right;
}


/* catalogue */
	div.line1, div.line2, div.line3{/* prýoir autant que de ligne il y aura si on veut des styles diffýent par ligne*/
		display:inline;
	}
	div.col1, div.col2, div.col3, div.col4, #products .short_product{/* prýoir autant que de colonne il y aura si on veut des styles diffýent par colonne*/
		float:left;
		width:48%;
		margin:0 1% 10px 0;
		padding:0 4px 0 0;
	}
    #contents .short_product h3{
    		margin:0;
    		font-size:1.1em;
            border-top:2px solid #ccc;
    	}
    
    	.short_product img{
    		float:left;
    		margin-right:1%;
    	}

div *{
 color:#000;
}
.before{float:left; margin-right:.3em}

html, body, #print{
 width:100%;
 height:auto;
 margin:0;
 padding:.2em;
 font-family: Times, serif;
 font-size:11pt;
}

#banner{
 font-size:9pt;
 height:6em;
 width:100%;
}
#banner img, #banner p, #banner a, #banner h1{
 float:left;
 margin:0 .3em;
 padding:0;
 border:0;
}
#banner p{margin:0 7em;}
hr{visibility:hidden}
.clear{clear:both}
#menu, #tools, #footer, #accessibility {
	display:none;
} 
.breadcrumb{
 clear:both;
}
pre{
	overflow:visible;
}
@page{
	size:portrait;
}