MediaWiki: Common.css : Différence entre versions

Version du 20 juin 2019 à 10:24

.button{
	width: 100%;
	text-align: left;
        background-color: #1e4a5a;
}

#buttonprint{
        height: 30px;
        width: 100px;
        background-color:#EEAC34;
        color: #ffffff;
	font-family: helvetica;
	font-size: 15px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
        box-shadow: 1px 1px 2px black;
}

#buttonreturn {
        height: 30px;
        width: 200px;
        background-color:#EEAC34;
        color: #ffffff;
	font-family: helvetica;
	font-size: 15px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
        box-shadow: 1px 1px 2px black;
}

#btnClose {
	float: right;
	cursor: pointer;
        background-color:#C7B39B;
        border-radius: 5px;
}

#btnClose1 {
	float: right;
	cursor: pointer;
        background-color:#f7f1e3;
        border-radius: 5px;
}

#button1 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
        color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 375px;
	left: 345px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup1 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 310px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 38%;
}


#button2 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 533px;
	left: 571px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup2 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 370px;
	width: 45%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -600px;
	left: 37%;
}


#button3 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 306px;
	left: 499px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup3 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 470px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 54%;
}


#button4 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 463px;
	left: 813px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup4 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 370px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1500px;
	left: 40%;
}


#button5 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 644px;
	left: 729px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup5 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 280px;
	width: 45%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 53%;
}

#button6 {

	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 530px;
	left: 172px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup6 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 370px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 20%;
}

#button61 {

	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 632px;
	left: 550px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup61 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 350px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 32%;
}

#button7 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 344px;
	left: 626px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup7 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 410px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 12%;
}

#button71 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 175px;
	left: 490px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup71 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 390px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 12%;
}


#button8 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 572px;
	left: 410px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup8 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 300px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 25%;
}

#button9 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 568px;
	left: 234px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup9 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 400px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 28%;
}

#button10 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 490px;
	left: 185px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup10 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 380px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 22%;
}

#button11 {
	height: 20px;
	width: 20px;
	background-color:#FF0000;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 401px;
	left: 410px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup11 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 530px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 45%;
        box-shadow: 2px 2px 3px black;
}

#button12 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
        border-radius: 10px;
	position: absolute;
	top: 329px;
	left: 310px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup12 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 370px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 35%;
}

#button13 {
	height: 20px;
	width: 20px;
	background-color:#FF0000;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 504px;
	left: 536px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup13 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 530px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 59%;
}

#button14 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 394px;
	left: 656px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup14 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 490px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 70%;
        box-shadow: 2px 2px 2px grey;
}

#button15 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 592px;
	left: 294px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup15 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 470px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 34%;
}

#button16 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 742px;
	left: 561px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup16 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 420px;
	width: 55%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 32%;
}

#button161 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 350px;
	left: 100px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup161 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 420px;
	width: 55%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 15%;
}

#button17 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 461px;
	left: 321px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup17 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 610px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 36%;
}

#button18 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 472px;
	left: 379px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup18 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 340px;
	width: 35%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 24%;
}

#button19 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 627px;
	left: 196px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup19 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 375px;
	width: 40%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color:#000000;
	position: absolute;
	top: -1000px;
	left: 23%;
}

#button20 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 200px;
	left: 700px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup20 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 310px;
	width: 37%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 36%;
}

#button21 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 558px;
	left: 847px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup21 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 460px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 36%;
}

#button22 {
	height: 20px;
	width: 20px;
	background-color:#EEAC34;
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
	position: absolute;
	top: 389px;
	left: 517px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup22 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 400px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 56%;
}

#boutonform {
	padding:6px 3px 6px 3px;
	background:#EEAC34;
        font-family: helvetica;
        cursor: pointer;
	color:#ffffff;
	border-radius:3px;
	width:200px;
	border:1px solid #ccc;
	box-shadow:1px 1px 3px #999;
}


#button23 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 802px;
	left: 163px;
}

#popup23 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 100px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 3%;
}

#button24 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 723px;
	left: 342px;
}

#popup24 {
        padding-left: 0.75em;
        padding-right: 0.75em;
	height: 120px;
	width: 240px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 28%;
}


#button25 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 625px;
	left: 510px;
}

#popup25 {
        padding-left: 0.75em;
        padding-right: 0.75em;
	height: 120px;
	width: 280px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 46%;
}

#button26 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 544px;
	left: 688px;
}

#popup26 {
        padding-left: 0.75em;
        padding-right: 0.75em;
	height: 100px;
	width: 280px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 65%;
}


#button27 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 415px;
	left: 250px;
}

#popup27 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 120px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button28 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 347px;
	left: 432px;
}

#popup28 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 90px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button29 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 440px;
	left: 611px;
}

#popup29 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 90px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button30 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 604px;
	left: 713px;
}

#popup30 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 70px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button31 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 764px;
	left: 613px;
}

#popup31 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 125px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button32 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 838px;
	left: 435px;
}

#popup32 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 95px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button33 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 765px;
	left: 255px;
}

#popup33 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 80px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}

#button34 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 605px;
	left: 161px;
}

#popup34 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 135px;
	width: 300px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 30%;
}


#button35 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 525px;
	left: 65px;
}

#popup35 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 71px;
	width: 175px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 4%;
}

#button36 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 445px;
	left: 242px;
}

#popup36 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 50px;
	width: 150px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 24%;
}

#button37 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 525px;
	left: 427px;
}

#popup37 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 55px;
	width: 175px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 41%;
}

#button38 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 445px;
	left: 605px;
}

#popup38 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 75px;
	width: 265px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 54%;
}

#button39 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 525px;
	left: 785px;
}

#popup39 {
        padding-left: 1.5em;
        padding-right: 1.5em;
	height: 75px;
	width: 275px;
	background-color: #f7f1e3;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 77%;
}