body {
	background-color: #E0DFE3;
	background-image: url(images/trame_diag.gif);
	background-repeat: repeat;
}
#cont {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	height:600px;
	padding:0;
	z-index:1;
}
.left{
z-index:1;
float:left;

}

.right{
z-index:1;
float:right;
}
.left_ref{
font-size:7px;
margin:40px;
z-index:0;
width:200px;
height:100px;
position:absolute;
visibility:hidden;
}

.cadre_1{
z-index:1;
width:299px;
height:199px;
background-color:#88C967;
float:right;
clear:right;
margin-bottom:1px;

}
.texte_1{
background-color:#88C967;
padding:20px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color: #252525;
font-size:12px;
font-weight: bold;
z-index:2;
}
.cadre_2{
z-index:1;
margin-top:1px;
margin-bottom:1px;
width:299px;
height:198px;
background-color:#EEBF5B;
float:left;
clear:left;
}
.texte_2{
padding:20px;
font-family:Arial, Helvetica, sans-serif;
color: #252525;
font-size:13px;
font-weight: bold;
}

.cadre_3{
position:relative;
z-index:1;
margin-top:1px;
width:299px;
height:199px;
background-color:#CBCBCB;
float:right;
clear:right;
}
.texte_3{
padding:20px;
font-family:Arial, Helvetica, sans-serif;
color: #252525;
font-size:13px;
font-weight: bold;
}
.entrer a{
font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-size:20px;
font-weight: bold;
padding:5px;
text-decoration:none;
}

#bas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.espace{
margin-left:10px;
}