body {
background-image: url("images/icebergwallpaper.png");
background-size: 100%;
}

#confettis{
display: none;
width: 100%;
height: 91%;
margin-top: 0;
position: absolute;
}

header{
border-color: transparent;
}

#CaltuxTitre{
display: block;
width: 25%;
margin: auto;
}
	
	
h1 {
color: aqua;
margin-left: auto;
font-size: 230%;
padding-bottom: 2px;
text-align: center;
}


#p1{
font-style: inherit;
color: wheat;
font-size: 220%;
margin: auto;
margin-top: 40px;
text-align: center;
position: static;
}

#p2{
font-style: inherit;
color: wheat;
font-size: 220%;
margin: auto;
margin-top: 40px;
text-align: center;
position: static;
}

#calcul1 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul2 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul3 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul4 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul5 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul6 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul7 {
width: 5%;
border: inset 2px;
border-color: blue;
}

#calcul8 {
width: 5%;
border: inset 2px;
border-color: blue;
}


#myModal {
display: none;
position: fixed;
z-index: 1; 
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; 
background-color: transparent;
}

#close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

#modal-content {
background-color: azure;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

#caltux {
position: relative;	
width: 25%;
margin-top: 19%;
}

#famille {
width: 25%;
margin-top: 17%;
margin-left: 49%;
}

#myBtn1 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
padding: 3px;
border-color: blue;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn1:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn2 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn2:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn3 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn3:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn4 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn4:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn5 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn5:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn6 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn6:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn7 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn7:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

#myBtn8 {
width: auto;
margin-bottom: 20px;
margin-top: 30px;
margin-right: 1%;
border-radius: 50%;
border-color: blue;
padding: 3px;
color: black;
font-style: inherit;
background-color: whitesmoke;
}

#myBtn8:hover {
text-decoration: blink;
color: white;
background-color: skyblue;
border-color: lightgray;
}

.sp {
display: none;	
border: solid 5px;
border-radius: 20%;
padding: 4px;
}