MediaWiki: Common.css : Différence entre versions

De ECU
Aller à : navigation, rechercher
Ligne 32 : Ligne 32 :
 
top: 375px;
 
top: 375px;
 
left: 345px;
 
left: 345px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 70 : Ligne 72 :
 
top: 533px;
 
top: 533px;
 
left: 571px;
 
left: 571px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 101 : Ligne 105 :
 
top: 306px;
 
top: 306px;
 
left: 499px;
 
left: 499px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 132 : Ligne 138 :
 
top: 463px;
 
top: 463px;
 
left: 813px;
 
left: 813px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 163 : Ligne 171 :
 
top: 644px;
 
top: 644px;
 
left: 729px;
 
left: 729px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 194 : Ligne 204 :
 
top: 530px;
 
top: 530px;
 
left: 172px;
 
left: 172px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 225 : Ligne 237 :
 
top: 632px;
 
top: 632px;
 
left: 550px;
 
left: 550px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 255 : Ligne 269 :
 
top: 344px;
 
top: 344px;
 
left: 626px;
 
left: 626px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 285 : Ligne 301 :
 
top: 175px;
 
top: 175px;
 
left: 490px;
 
left: 490px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 316 : Ligne 334 :
 
top: 572px;
 
top: 572px;
 
left: 410px;
 
left: 410px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 346 : Ligne 366 :
 
top: 568px;
 
top: 568px;
 
left: 234px;
 
left: 234px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 377 : Ligne 399 :
 
left: 185px;
 
left: 185px;
 
         box-shadow: 2px 2px 2px black;
 
         box-shadow: 2px 2px 2px black;
−
         text-shadow:3px 3px 5px gray;
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 408 : Ligne 430 :
 
top: 401px;
 
top: 401px;
 
left: 410px;
 
left: 410px;
−
         box-shadow: 2px 2px 3px black;
+
         box-shadow: 2px 2px 2px black;
−
         background-image: linear-gradient(to top, #74b9ff 12%, #0984e3 75%);
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 440 : Ligne 462 :
 
top: 329px;
 
top: 329px;
 
left: 310px;
 
left: 310px;
−
         box-shadow: 2px 2px 5px black;
+
         box-shadow: 2px 2px 2px black;
−
         text-shadow:2px 2px 3px gray;
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 472 : Ligne 494 :
 
top: 504px;
 
top: 504px;
 
left: 536px;
 
left: 536px;
−
         box-shadow: 1px 1px 2px white;
+
         box-shadow: 2px 2px 2px black;
−
         background-image: linear-gradient(to top, #2ecc71 16%, #27ae60 56%);
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 505 : Ligne 527 :
 
left: 656px;
 
left: 656px;
 
         box-shadow: 2px 2px 2px black;
 
         box-shadow: 2px 2px 2px black;
−
        text-shadow:3px 3px 5px gray;
 
 
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
Ligne 538 : Ligne 559 :
 
top: 592px;
 
top: 592px;
 
left: 294px;
 
left: 294px;
−
         box-shadow: 2px 2px 2px gray;
+
         box-shadow: 2px 2px 2px black;
−
        text-shadow:3px 3px 5px gray;
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
−
         background-image: linear-gradient(to top, #fc5c65 10%, #eb3b5a 56%);
 
 
}
 
}
  
Ligne 571 : Ligne 591 :
 
top: 742px;
 
top: 742px;
 
left: 561px;
 
left: 561px;
−
         box-shadow: 1px 1px 2px white;
+
         box-shadow: 2px 2px 2px black;
−
         background-image: linear-gradient(to top, #487eb0 16%, #40739e 56%);
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 603 : Ligne 623 :
 
top: 350px;
 
top: 350px;
 
left: 100px;
 
left: 100px;
−
         box-shadow: 1px 1px 2px white;
+
         box-shadow: 2px 2px 2px black;
−
         background-image: linear-gradient(to top, #487eb0 16%, #40739e 56%);
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 635 : Ligne 655 :
 
top: 461px;
 
top: 461px;
 
left: 321px;
 
left: 321px;
−
         box-shadow: 1px 1px 2px black;
+
         box-shadow: 2px 2px 2px black;
−
         background-image: linear-gradient(to top, #fd79a8 16%, #e84393 56%);
+
         background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 667 : Ligne 687 :
 
top: 472px;
 
top: 472px;
 
left: 379px;
 
left: 379px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 697 : Ligne 719 :
 
top: 627px;
 
top: 627px;
 
left: 196px;
 
left: 196px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 727 : Ligne 751 :
 
top: 200px;
 
top: 200px;
 
left: 700px;
 
left: 700px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 757 : Ligne 783 :
 
top: 558px;
 
top: 558px;
 
left: 847px;
 
left: 847px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 787 : Ligne 815 :
 
top: 389px;
 
top: 389px;
 
left: 517px;
 
left: 517px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 829 : Ligne 859 :
 
top: 637px;
 
top: 637px;
 
left: 156px;
 
left: 156px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 859 : Ligne 891 :
 
top: 557px;
 
top: 557px;
 
left: 335px;
 
left: 335px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 890 : Ligne 924 :
 
top: 637px;
 
top: 637px;
 
left: 517px;
 
left: 517px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
Ligne 920 : Ligne 956 :
 
top: 556px;
 
top: 556px;
 
left: 695px;
 
left: 695px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  

Version du 7 juin 2019 à 07:52


.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;
}

#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: 300px;
	width: 50%;
	background-color: #C7B39B;
	font-family: helvetica;
	text-align: justify;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 38%;
}

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


#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: 350px;
	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: 350px;
	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: 50%;
}

#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: 390px;
	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: 370px;
	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;
	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: 330px;
	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: 520px;
	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: 2px;
	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: 32%;
}

#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: 580px;
	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: 270px;
	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: 350px;
	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: 290px;
	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: 420px;
	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;
	color:#ffffff;
	border-radius:2px;
	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: 637px;
	left: 156px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#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: 56%;
}

#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: 557px;
	left: 335px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup24 {
        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: 56%;
}


#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: 637px;
	left: 517px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup25 {
        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%;
}

#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: 556px;
	left: 695px;
        box-shadow: 2px 2px 2px black;
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
}

#popup26 {
        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: 30%;
}

#btnClose1 {
	float: right;
	cursor: pointer;
        background-color:#f7f1e3;
        border-radius: 5px;
}
Récupérée de « http://www.open4ec.fr/index.php?title=MediaWiki:Common.css&oldid=3400 »