MediaWiki: Common.css : Différence entre versions

De ECU
Aller à : navigation, rechercher
 
(570 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
−
.button_container{
+
 
 +
.button{
 
width: 100%;
 
width: 100%;
−
text-align: center;
+
text-align: left;
 +
        background-color: #1e4a5a;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#btnClose2 {
 +
float: right;
 +
cursor: pointer;
 +
        background-color:#ffffff;
 +
        border-radius: 5px;
 
}
 
}
  
Ligne 7 : Ligne 68 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#eb4d4b;
+
background-color:#EEAC34;
−
color: #ffffff;
+
        color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
 
font-size: 10px;
 
font-size: 10px;
Ligne 15 : Ligne 76 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 307px;
+
top: 375px;
−
left: 315px;
+
left: 345px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup1 {
 
#popup1 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 310px;
 +
width: 50%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
−
color: #ffffff;
+
color: #000000;
 
position: absolute;
 
position: absolute;
−
top: -250px;
+
top: -1000px;
−
left: 40%;
+
left: 38%;
−
}
 
−
 
 
−
#btnClose {
 
−
float: right;
 
−
cursor: pointer;
 
 
}
 
}
  
Ligne 41 : Ligne 101 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#78e08f;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 49 : Ligne 109 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 307px;
+
top: 533px;
−
left: 400px;
+
left: 571px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup2 {
 
#popup2 {
−
height: 400px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 370px;
 +
width: 45%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
−
color: #ffffff;
+
color: #000000;
 
position: absolute;
 
position: absolute;
 
top: -600px;
 
top: -600px;
−
left: 40%;
+
left: 37%;
 
}
 
}
  
Ligne 70 : Ligne 134 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#b71540;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 78 : Ligne 142 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 307px;
+
top: 306px;
−
left: 500px;
+
left: 499px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup3 {
 
#popup3 {
−
height: 400px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 520px;
 +
width: 50%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
−
color: #ffffff;
+
color: #000000;
 
position: absolute;
 
position: absolute;
 
top: -1000px;
 
top: -1000px;
−
left: 40%;
+
left: 54%;
 
}
 
}
  
Ligne 99 : Ligne 167 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#38ada9;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 107 : Ligne 175 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 307px;
+
top: 463px;
−
left: 600px;
+
left: 813px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup4 {
 
#popup4 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 370px;
 +
width: 50%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
−
color: #ffffff;
+
color: #000000;
 
position: absolute;
 
position: absolute;
−
top: -250px;
+
top: -1500px;
 
left: 40%;
 
left: 40%;
 
}
 
}
Ligne 128 : Ligne 200 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#f6b93b;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 136 : Ligne 208 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 200px;
+
top: 644px;
−
left: 600px;
+
left: 729px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup5 {
 
#popup5 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 315px;
 +
width: 45%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
−
color: #ffffff;
+
color: #000000;
 
position: absolute;
 
position: absolute;
−
top: -250px;
+
top: -1000px;
−
left: 40%;
+
left: 53%;
 
}
 
}
  
 
#button6 {
 
#button6 {
 +
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#D6A2E8;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 164 : Ligne 241 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 400px;
+
top: 530px;
−
left: 315px;
+
left: 172px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup6 {
 
#popup6 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 435px;
 +
width: 50%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 20%;
 +
}
 +
 +
#button61 {
 +
 +
height: 20px;
 +
width: 20px;
 +
background-color:#EEAC34;
 
color: #ffffff;
 
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: 415px;
 +
width: 50%;
 +
background-color: #C7B39B;
 +
font-family: helvetica;
 +
text-align: justify;
 +
border-radius: 10px;
 +
color: #000000;
 
position: absolute;
 
position: absolute;
−
top: -250px;
+
top: -1000px;
−
left: 40%;
+
left: 32%;
 
}
 
}
  
Ligne 184 : Ligne 298 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#2C3A47;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 192 : Ligne 306 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 400px;
+
top: 344px;
−
left: 415px;
+
left: 626px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup7 {
 
#popup7 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 410px;
 +
width: 50%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 12%;
 +
}
 +
 +
#button71 {
 +
height: 20px;
 +
width: 20px;
 +
background-color:#EEAC34;
 
color: #ffffff;
 
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;
 
position: absolute;
−
top: -250px;
+
top: -1000px;
−
left: 40%;
+
left: 12%;
 
}
 
}
 +
  
 
#button8 {
 
#button8 {
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#25CCF7;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 220 : Ligne 371 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 400px;
+
top: 572px;
−
left: 515px;
+
left: 410px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup8 {
 
#popup8 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
height: 300px;
 +
width: 40%;
 +
background-color: #C7B39B;
 
font-family: helvetica;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
−
color: #ffffff;
+
color: #000000;
 
position: absolute;
 
position: absolute;
−
top: -250px;
+
top: -1000px;
−
left: 40%;
+
left: 25%;
 
}
 
}
  
Ligne 240 : Ligne 395 :
 
height: 20px;
 
height: 20px;
 
width: 20px;
 
width: 20px;
−
background-color:#6D214F;
+
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 
font-family: helvetica;
 
font-family: helvetica;
Ligne 248 : Ligne 403 :
 
border-radius: 10px;
 
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: 400px;
+
top: 568px;
−
left: 615px;
+
left: 234px;
 +
        box-shadow: 2px 2px 2px black;
 +
        background-image: linear-gradient(to top, #e55039 16%, #eb2f06 56%);
 
}
 
}
  
 
#popup9 {
 
#popup9 {
−
height: 200px;
+
        padding-left: 1.5em;
−
width: 30%;
+
        padding-right: 1.5em;
−
background-color: #B8C8F9;
+
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%;
 +
}
 +
 
 +
#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: 390px;
 +
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: 550px;
 +
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%;
 +
}
 +
 
 +
#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;
 
font-family: helvetica;
−
text-align: center;
+
text-align: justify;
 
border-radius: 10px;
 
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 15%;
 +
}
 +
 +
#button17 {
 +
height: 20px;
 +
width: 20px;
 +
background-color:#EEAC34;
 
color: #ffffff;
 
color: #ffffff;
 +
font-family: helvetica;
 +
font-size: 10px;
 +
border: none;
 +
cursor: pointer;
 +
border-radius: 10px;
 
position: absolute;
 
position: absolute;
−
top: -250px;
+
top: 461px;
−
left: 40%;
+
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: 655px;
 +
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: 455px;
 +
width: 50%;
 +
background-color: #C7B39B;
 +
font-family: helvetica;
 +
text-align: justify;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 56%;
 +
}
 +
 
 +
#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: 801px;
 +
left: 163px;
 +
}
 +
 
 +
#popup23 {
 +
        padding-left: 0.75em;
 +
        padding-right: 0.75em;
 +
height: 100px;
 +
width: 270px;
 +
background-color: #f7f1e3;
 +
font-family: helvetica;
 +
text-align: justify;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 5%;
 +
}
 +
 
 +
#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: 721px;
 +
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: 25%;
 +
}
 +
 
 +
 
 +
#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: 624px;
 +
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: 50%;
 +
}
 +
 
 +
#button26 {
 +
height: 125px;
 +
width: 125px;
 +
background-color:#ffffff;
 +
color: #000000;
 +
font-family: helvetica;
 +
font-size: 13px;
 +
border: none;
 +
cursor: pointer;
 +
border-radius: 60px;
 +
position: absolute;
 +
top: 543px;
 +
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: 67%;
 +
}
 +
 
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: 135px;
 +
width: 300px;
 +
background-color: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
#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: #ffffff;
 +
font-family: helvetica;
 +
text-align: left;
 +
border-radius: 10px;
 +
color: #000000;
 +
position: absolute;
 +
top: -1000px;
 +
left: 35%;
 +
}
 +
 
 +
 
 +
#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%;
 
}
 
}

Version actuelle datée du 2 juillet 2019 à 09:39


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

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

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

#btnClose2 {
	float: right;
	cursor: pointer;
        background-color:#ffffff;
        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: 520px;
	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: 315px;
	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: 435px;
	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: 415px;
	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%;
}

#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: 390px;
	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: 550px;
	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%;
}

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

#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: 801px;
	left: 163px;
}

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

#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: 721px;
	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: 25%;
}


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

#button26 {
	height: 125px;
	width: 125px;
	background-color:#ffffff;
	color: #000000;
	font-family: helvetica;
	font-size: 13px;
	border: none;
	cursor: pointer;
	border-radius: 60px;
	position: absolute;
	top: 543px;
	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: 67%;
}


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

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

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

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

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

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

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

#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: #ffffff;
	font-family: helvetica;
	text-align: left;
	border-radius: 10px;
	color: #000000;
	position: absolute;
	top: -1000px;
	left: 35%;
}


#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%;
}
Récupérée de « http://www.open4ec.fr/index.php?title=MediaWiki:Common.css&oldid=4550 »