#page {
	width: auto;
	min-width:400px;
}

* html #page
{
	word-wrap: break-word;
}

#accessibiliylinks{
text-align:right;
position:absolute;
top:30px;
right:30px;
}

#outils {list-style-type: none; text-align: left; float:left;}
#outils li {display: inline; text-align: left; }
 #header label {position: absolute; left: -99em; width: 90em; overflow: hidden;}

input#recherche { width: 8em;}

#outercolonne
{
	z-index: 1;
	border-color: #FFFFFF;	/* set default color to white. set the real olor inside colors.css */
	border-style: solid;
	border-width: 0 175px 0 186px;	/* sets the width of the borders used to create he left and right columns' background color. */
}
#innercolonne
{
	z-index: 2;
	width: 100%;
}

* html #innercolonne
{
	position: relative;	/* fix a render bug in IE under certainconditions */
}


#content
{
	margin: 0 -1px;		/* without this, boxes stop floating next to each other */
	width: 100%;
	min-width: 8em;
}

.en2col{
	float: left;
	width: 47.5%;
		margin-left : 2px;
		margin-right : 2px;
}

#lefter, #righter, #content{
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}

#righter{
	width: 175px;
	margin: 0 -175px 0 1px;	/* same as in the #leftColumn selector up  above. */
}
#lefter{
width: 186px;
	margin: 0 1px 0 -186px;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
}

#footer {
	position: relative;
	width: 100%;
}

.clear{
	clear: both;
}

html>body .mozclear/* could use :root instead of html>body to target mozilla specifically, but that invalidates the stylesheet */
{
	border-bottom: 1px solid transparent;	/* help mozilla recognize empty clearing element */
	margin-bottom: -1px;	/* compensate for 1px space used by border */
}