.carrespng {
	background: url(/images/carre-mutuel-menu-152x137.jpg) no-repeat;
	width: 152px;
	height: 137px;
	position: absolute;
	top: 200px;
	left: 50px;
	z-index: 1;
}

.carres {
	width: 156px;
	height: 137px;
	position: absolute;
	top: 200px;
	left: 50px;
	z-index: 2;
}

.carres div {
	color: white;
	font-weight: bold;
	width: 70px;
	height: 38px;
	padding: 30px 0px 0px 4px;
	text-align: center;
	float: left;
	display: block;
	cursor: pointer;
}

#menucarres {
	position: absolute;
	top: 171px;
	left: 37px;
	width: 150px;
	height: 108px;
	z-index: 10;
	cursor: wait;
	display: none;
}

#contenuPage {
	height: 1000px;
}

#footer {
	top: 500px;
}

.textcarre {
	position: absolute;
	width: 285px;
	height: 260px;
	padding: 17px 4px 10px 25px;
	color: white;
}

.textcarre h2 {
	margin: 0;
	padding: 5px 0 10px 0;
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

.textcarre ul {
	margin: 0;
	padding: 0;
}

.textcarre li {
	list-style: none;
	background: url(/images/cm-fleche-15x13-trans.png) no-repeat; 
	margin: 0;
	padding: 0 0 1em 18px;
	width: 250px;
}

.textcarre a, .textcarre a:visited {
	text-decoration: underline;
	color: white;
}

#fid, #red, #ser, #rel { 
	position: absolute; 
	top: 200px; 
	left: 180px; 
	width: 435px; 
	height: 370px; 
}

#fid .carredetail, #red .carredetail, #ser .carredetail, #rel .carredetail { 
	background: url(/images/carre-mutuel-fidelite-435x370.jpg) no-repeat;
	height: 370px; 
	left: 180px; 
	width: 435px; 
}

#fid .textcarre, #red .textcarre, #ser .textcarre, #rel .textcarre { 
	top: 8px; 
	left: 100px; 
}

#fid h2 { 
	color: #ed2a2b; 
}

#red .carredetail { 
	background: url(/images/carre-mutuel-reductions-435x370.jpg) no-repeat; 
}

#red h2 { 
	color: #42c2ef; 
}

#red .kdo { 
	text-align: center; 
	color: #00267F; 
	font-size: 14px; 
	font-weight: bold; 
}

#ser .carredetail { 
	background: url(/images/carre-mutuel-services-435x370.jpg) no-repeat; 
}

#ser h2 { 
	color: #6CBD45; 
}

#rel .carredetail { 
	background: url(/images/carre-mutuel-relation-435x370.jpg) no-repeat; 
}

#rel h2 { 
	color: #FFCC1B; 
}

#rel .textcarre li { 
	margin-left: 20px; 
}