.frame-underconstruct {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -15px;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
}

.frame-icon-close {
	width: 48px;
	height: 48px;
	background-image: url("../img/icon_close.png");
	transform: scale(0.8);
	transition: ease-in-out 0.5s
}

.frame-icon-close:hover {
	width: 48px;
	height: 48px;
	background-image: url("../img/icon_close.png");
	transform: scale(1.0);
}

/* Icones interactives du menu */
.frame-icon-00 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: 90px;
	border: 3px solid #b4a563; 
	border-radius: 0% 50% 0% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_partner.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-00:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: 90px;
	border: 3px solid #ffffff; 
	border-radius: 0% 50% 0% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_partner.png");
	transform: scale(1.0);
}

.frame-icon-00-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -720px;
	margin-top: 130px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}

.frame-icon-01 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -330px;
	margin-top: -100px;
	border: 3px solid #b4a563; 
	border-radius: 0% 50% 0% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_exploration.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-01:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -330px;
	margin-top: -100px;
	border: 3px solid #ffffff; 
	border-radius: 0% 50% 0% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_exploration.png");
	transform: scale(1.0);
}

.frame-icon-01-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -750px;
	margin-top: -60px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}

.frame-icon-02 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -235px;
	margin-top: -265px;
	border: 3px solid #b4a563; 
	border-radius: 0% 50% 0% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_security.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-02:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -235px;
	margin-top: -265px;
	border: 3px solid #ffffff; 
	border-radius: 0% 50% 0% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_security.png");
	transform: scale(1.0);
}

.frame-icon-02-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -655px;
	margin-top: -225px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}

.frame-icon-03 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -330px;
	border: 3px solid #b4a563; 
	border-radius: 0% 0% 50% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_bops.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-03:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -330px;
	border: 3px solid #ffffff; 
	border-radius: 0% 0% 50% 50%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_bops.png");
	transform: scale(1.0);
}

.frame-icon-03-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -365px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.frame-icon-04 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: 135px;
	margin-top: -265px;
	border: 3px solid #b4a563; 
	border-radius: 50% 0% 50% 0%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_react.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-04:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: 135px;
	margin-top: -265px;
	border: 3px solid #ffffff; 
	border-radius: 50% 0% 50% 0%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_react.png");
	transform: scale(1.0);
}

.frame-icon-04-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: 250px;
	margin-top: -225px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}

.frame-icon-05 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: 230px;
	margin-top: -100px;
	border: 3px solid #b4a563; 
	border-radius: 50% 0% 50% 0%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_arkange.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-05:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: 230px;
	margin-top: -100px;
	border: 3px solid #ffffff; 
	border-radius: 50% 0% 50% 0%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_arkange.png");
	transform: scale(1.0);
}

.frame-icon-05-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: 345px;
	margin-top: -60px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}

.frame-icon-06 {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: 198px;
	margin-top: 90px;
	border: 3px solid #b4a563; 
	border-radius: 50% 0% 50% 0%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_joinus.png");
	transform: scale(0.9);
	transition: ease-in-out 0.5s
}

.frame-icon-06:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: 198px;
	margin-top: 90px;
	border: 3px solid #ffffff; 
	border-radius: 50% 0% 50% 0%;
	background: rgba(160,130,70,0.4);
	background-image: url("../img/icon_joinus.png");
	transform: scale(1.0);
}

.frame-icon-06-title {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: 315px;
	margin-top: 130px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}







/* Icones de raccourci */
.frame-icon-08 {
	background-image: url("../img/icon08a.png");
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: 220px;
	transform: scale(0.7);
	transition: ease-in-out 0.5s
}

.frame-icon-08:hover {
	background-image: url("../img/icon08b.png");
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: 220px;
	transform: scale(1.0);
}

.frame-icon-09 {
	background-image: url("../img/icon09a.png");
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: 240px;
	transform: scale(0.7);
	transition: ease-in-out 0.5s
}

.frame-icon-09:hover {
	background-image: url("../img/icon09b.png");
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: 240px;
	transform: scale(1.0);
}

.frame-icon-10 {
	background-image: url("../img/icon10.png");
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: 60px;
	margin-top: 220px;
	transform: scale(0.7);
	transition: ease-in-out 0.5s
}

.frame-icon-10:hover {
	background-image: url("../img/icon10.png");
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: 60px;
	margin-top: 220px;
	transform: scale(1.0);
}