@charset "utf-8";

html, body {
width: 100%;
height: auto;
margin: 0;
}

@font-face {
font-family: "Arial";
} 

body {
margin: 0;
padding: 0;
font-family:Arial;
font-size: 0.8em;
}

.container {
	position:absolute;
	min-width: 100%;
min-height:100%;
background-image:url(design/barre-body.gif);
background-position: left;
background-repeat:repeat-y;
}

.langue {
	position: inherit;
	text-align:center;
	margin-left: 145px;
	width: 10%;
	
}
	
.elmar {
position:inherit;
width: 13%;
height: 70%;
}

.colonne {
	position: inherit;
	width: 185px;
	min-height: 100%;
	background-image:url(design/barre-colonne.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.elmar2 {
	z-index: 1001;
	position: inherit;
	width: 170px;
	height: 200px;
	margin-top: 160px;
	padding-left : 5px;
	padding-right: 5px;
	text-align: center;
	left: -5px;
	top: 7px;
}
.frame {
	position:inherit;
	padding-left: 10px;
	margin-top: 160px;
	margin-left: 200px;
	width: 80%;
	height: 100%;
	
	text-align:justify;
	font-size: 0.9em;
}
.logo {
	position:inherit;
	margin-left: 40%;
	height: 140px;
	text-align: center;
	font-size: 1.8em;
	font-color: white;
}

a.type2:visited {color: #3CF}
a.type2 {color: #4356FE;  text-decoration:none }
a.type2:hover {  color:#FFF; text-decoration:none	 }
a.type2:active { color: #FFF; text-decoration:none}

.redgras {
	color: #FF0000;
	font-weight: bold;
}
.red {
color: #FF0000;
}