a{
text-decoration:none;
}


input[type=submit].photovilla{
/*Ici on attribue une image de fond au bouton de validation*/
background:url(https://www.mcm-soleil.com/villa.gif) no-repeat;
     width:412px;
     height:309px;
border:none;
/*Pour ne pas voir le texte du bouton*/
font-size:0px;
}

/* 1er onglet ***********************************/	   
.navigation, .navigation ul {
	padding: 0;
	list-style: none;
	font-size: 0
	margin:4px;
	text-align:center;	
	z-index: 2;
	
}
.navigation li {
	display: inline-block;
	position: relative;
	border-radius:8px 8px 0 0;
	
}
.navigation a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;		
	color: white;
	text-align: center;
background-color: #0553F4;
border-radius:8px 8px 0 0;
background-image:-webkit-linear-gradient(top, #0553F4 0%, #2A23AE 100%);
background-image:linear-gradient(to bottom, #0553F4 0%, #2A23AE 100%);	

}
.navigation ul {
	left: -999em;
	position: absolute
}
.navigation li:hover > ul {
	left: 0
}
.navigation li li:hover > ul {
	left: 180px;
	top: 0
}
.navigation a:hover {
	color: #666;
	background: #ccc
}

/* premier onglet ***********************************/	   
.un, .un ul {
	padding: 0;
	list-style: none;
	font-size: 0
	margin:4px;
	text-align:center;	
	
}
.un li {
	display: inline-block;
	position: relative;
	border-radius:8px 8px 0 0;
	
}
.un a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-family: arial;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;		
	color: white;
	text-align: center;
background-color: #B2D2FF;
border-radius:8px 8px 0 0;
background-image:-webkit-linear-gradient(top, #B2D2FF 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #B2D2FF 0%, #2A2333 100%);	

}
.un ul {
	left: -700em;
	position: absolute
}
.un li:hover > ul {
	left: 0
}
.un li li:hover > ul {
	left: 180px;
	top: 0
}
.un a:hover {
	color: #666;
	background: #ccc
}









/* 2ème onglet ***********************************/	   
.second, .second ul {
	padding: 0;
	list-style: none;
	font-size: 0
	margin:4px;
	text-align:center;	
	
}
.second li {
	display: inline-block;
	position: relative;
	border-radius:8px 8px 0 0;
	
}
.second a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;		
	color: white;
	text-align: center;
background-color: #FF6A00;
border-radius:8px 8px 0 0;
background-image:-webkit-linear-gradient(top, #FF6A00 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #FF6A00 0%, #2A2333 100%);	

}
.second ul {
	left: -999em;
	position: absolute
}
.second li:hover > ul {
	left: 0
}
.second li li:hover > ul {
	left: 180px;
	top: 0
}
.second a:hover {
	color: #666;
	background: #ccc
}

/* 3ème onglet ***********************************/	   
.trois, .trois ul {
	padding: 0;
	list-style: none;
	font-size: 0
	margin:4px;
	text-align:center;	
	
}
.trois li {
	display: inline-block;
	position: relative;
	border-radius:8px 8px 0 0;
	
}
.trois a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;		
	color: white;
	text-align: center;
background-color: #0A37FF;
border-radius:8px 8px 0 0;
background-image:-webkit-linear-gradient(top, #0A37FF 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #0A37FF 0%, #2A2333 100%);	

}
.trois ul {
	left: -1998em;
	position: absolute
}
.trois li:hover > ul {
	left: 0
}
.trois li li:hover > ul {
	left: 180px;
	top: 0
}
.trois a:hover {
	color: #666;
	background: #ccc
}

/* 4ème onglet ***********************************/	   
.quatre, .quatre ul {
	padding: 0;
	list-style: none;
	font-size: 0
	margin:4px;
	text-align:center;	
	
}
.quatre li {
	display: inline-block;
	position: relative;
	border-radius:8px 8px 0 0;
	
}
.quatre a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;		
	color: white;
	text-align: center;
background-color: #FFAE35;
border-radius:8px 8px 0 0;
background-image:-webkit-linear-gradient(top, #FFAE35 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #FFAE35 0%, #2A2333 100%);	

}
.quatre ul {
	left: -1998em;
	position: absolute
}
.quatre li:hover > ul {
	left: 0
}
.quatre li li:hover > ul {
	left: 180px;
	top: 0
}
.quatre a:hover {
	color: #666;
	background: #ccc

}

/* 5ème onglet ***********************************/	   
.cinq, .cinq ul {
	padding: 0;
	list-style: none;
	font-size: 0
	margin:4px;
	text-align:center;	
	
}
.cinq li {
	display: inline-block;
	position: relative;
	border-radius:8px 8px 0 0;
	
}
.cinq a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;		
	color: white;
	text-align: center;
background-color: #FF6456;
border-radius:8px 8px 0 0;
background-image:-webkit-linear-gradient(top, #FF6456 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #FF6456 0%, #2A2333 100%);	

}
.cinq ul {
	left: -1998em;
	position: absolute
}
.cinq li:hover > ul {
	left: 0
}
.cinq li li:hover > ul {
	left: 180px;
	top: 0
}
.cinq a:hover {
	color: #666;
	background: #ccc
}

/************ calculatrice ******************************************/
table.calcul {
margin-top:10px;
margin-left:35%;
margin-right:40%;
border: 2px;
width:25%;
background-color: #FF7F7F;
border: 1;
}
th.calcul {
font-family: arial;
font-size: 12px;
color: black;
border: 4px;
font-style: bold;
text-align: center;
width: auto;
padding: 5px;
background-color: #FF7F7F;
}

th.calcul2 {
font-family: arial;
font-size: 12px;
color: black;
border: 4px;
font-weight: bold;
text-align: center;
width: auto;
padding: 5px;
background-color: #FF7F7F;
}

th.calcul3 {
font-family: arial;
font-size: 12px;
color: #7F0000;
border: 4px;
font-style: bold;
text-align: center;
width: auto;
padding: 5px;
background-color: #C0C0C0;
}


td.calcul {

font-family: arial;
font-size: 12px;
color: white;
border: 1px;
font-weight: bold;
text-align: center;
width: auto;
padding: 5px;
background-color: white;
}
td.calcul2 {

font-family: arial;
font-size: 14px;
color: red;
border: 1px;
font-weight: bold;
text-align: center;
width: auto;
padding: 5px;
background-color: white;
}

.bouton-calcul {
	padding:6px 0 6px 0;
	font:Bold 12px Arial;
	background:#d34836;
	color:#fff;
	width:90px;
	border-radius:2px;
	border:none;