body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;

	background-color:#b99d9d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	overflow:hidden;
}

#mask {
	width:500%;
	height:100%;

}

.item {
	width:20%;
	height:100%;
	float:left;
	background:url(../images/dcp-traduction.jpg) center no-repeat
}
.mybody{
	width:1050px;
	height:600px;
	top:20%;
	padding-top:40px;
	margin:0 auto;
	position:relative;
}

.content {
	width:750px;
	height:500px;
	margin:0 auto;
	position:relative;
}
.content a{
	color:black;
	text-decoration:none;
}
.content a:hover{
	color:black;
	text-decoration:underline;
}
.selected {
	background:#fff;
	font-weight:700;
}

.clear {
	clear:both;
}

.blanc{
	background-color:white;
	color:white;
	font-size:12px;
}
.rouge{
	background-color:#850b26;
	color:white;
	font-size:12px;
}
.bleu{
	background-color:#d03456;
	color:white;
	font-size:12px;
}
.jaune{
	background-color:#c1002a;
	color:black;
	font-size:12px;
}
.grise{
	background-color:#aea7a0;
	color:white;
	font-size:12px;
}
.cadre img{
	padding-top:15px;
}
div.cadre  { 
	float: left;
	width: 185px;
	height: 155px;
	padding: 10px;
	margin-left:20px;
	margin-bottom:20px;
	border:1px white solid;
}

#column1{
	width:140px;
	float:right;
	padding-right:25px;
	border:0px red solid;
}
#column2{
	width:420px;
	float:right;
}
#bottom{
	float:right;
	padding-top:10px;
	width:420px;
	color:white;
}
#bottom .bottomlink{
	padding-left:10px;
	padding-right:10px;

}
#bottom .bottomlink a{
	color:white;
	text-decoration:none;
}
#bottom .copyright{
	float:right;
}
.principal{
	width:550px;
	height:450px;
	background-color:white;
	font-size:12px;
	padding:10px;
}
.principaltop{
	width:560px;
	height:20px;
	color:white;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}
.smalllogo{
	width:155px;
	height:155px;
	position:relative;
	right:0px;
	background-color:white;
	text-align: center;
	float:right;
	margin-left:50px;
	margin-bottom:5px;
}
.smalllogo img{
	padding-top:32px;
}
.souslogo{
	text-align:right;
	float:right;
	margin-bottom:80px;
	font-size:11px;
	color:white;
	width:180px;
}
div.cadre-principal  { 
	float: right;
	border:1px white solid;
}
div.puce{
	width:10px;
	height:10px;
	border:1px white solid;
	float: right;
	margin-left:5px;
}

#menu{
	text-align:right;
	font-size:13px;
	font-weight:bold;
	color:#aea7a0;
	color:white;
	line-height:11px;
}
.menu-option{
	height:40px;
	float:right;
}
.menu-label{
	float:right;
}
#menu a{
	color:#aea7a0;
	color:white;
	text-decoration:none;
}
#menu a:hover{
	color:#fff;
	text-decoration:none;
}
.lbl{
	float:left;
	width:160px;
	padding-bottom:10px;
}

.field{
	float:left;
	width:200px;
	padding-bottom:10px;
}
.inp_field{
	width:200px;
	border:1px #aea7a0 solid;
}
.scroll-pane{
	height:450px;
}
.invisible{
	display:none;
}