body{
font-family: 'Source code pro', Calibri, serif;
font-size: 14px;
margin: 0px;
padding: 0px;
background-color: rgb(46, 49, 68);
}
.image{
width: 30%;
padding: 10px;
}
.image2{
width: 700px;
padding: 20px;
}
.centrage {
text-align: center;
align-content: center;
}
.centragebox {
margin-left: auto;
margin-right: auto;
}
.shadow{
text-shadow: 0.5px 0 0 #000, -0.5px 0 0 #000, 0 0.5px 0 #000, 0 -0.5px 0 #000, 0.5px 0.5px #000, -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000;
}
#image{
padding: 20px;
width: 60%;
}
.minecraft,
.mc{
float: left;
padding: 0px;
margin: 0px;
width: 100%;
}
.background_dark{
background: #27292f;
}
.minecraft{
height: 50px;
background: #62ac19;
}
.mc{
height: 60px;
}
.lego{
float: left;
padding: 0px;
margin: 0px;
background: #922222;
width: 100%;
height: 50px;
}
.titre{
float: left;
padding: 0px;
margin: 0px;
margin-bottom: 40px;
width: 100%;
height: 50px;
}
.titre2{
float: left;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 118px;
width: 100%;
height: 35px;
}
.titre3{
float: left;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
height: 35px;
}
.titre4{
float: left;
padding: 0px;
margin: 0px;
width: 100%;
height: 50px;
}
.float{
float: left;
}
h1, h2{
text-align: center;
vertical-align: middle;
text-shadow: 0.5px 0 0 #000, -0.5px 0 0 #000, 0 0.5px 0 #000, 0 -0.5px 0 #000, 0.5px 0.5px #000, -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000;
color: white;
margin: 0px;
padding-top: 10px;
}
.pimage{
vertical-align: middle;
float: left;
width: 500px;
padding: 80px;
}
.support{
padding-top: 50px;
font-size: 20px;
}
p{
color: white;
}
.paragraphe,
h3{
margin: 25px 100px 10px 100px; /*Top - Right - Bottom - Left*/
margin-top: 50px;
}
.paragraphe2{
margin: 50px 0px 10px 0px; /*Top - Right - Bottom - Left*/
width: 500px;
}
.paragraphe3{
margin: 25px 50px 25px 50px; /*Top - Right - Bottom - Left*/
}
.paragraphe4{
display: table-cell; /* comportement visuel de cellule */
vertical-align: middle;
}
.pointer{
cursor: pointer;
}
/*========== Infobulle ==========*/
.infobulle {
position: relative; /* les .infobulle deviennent référents */
cursor: help;
}
/* on génère un élément :after lors du survol et du focus :*/
.infobulle:hover::after,
.infobulle:focus::after {
content: attr(aria-label); /* on affiche aria-label */
position: absolute;
top: -2.4em;
left: 50%;
transform: translateX(-50%); /* on centre horizontalement */
z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
white-space: nowrap; /* on interdit le retour à la ligne */
}
/*========== Lien ==========*/
/* unvisited link */
.lien a:link {
color: green;
}
/* visited link */
.lien a:visited {
color: #f0c300;
}
/* mouse over link */
.lien a:hover {
color: #f2b117;
}
/* selected link */
.lien a:active {
color: lightblue;
}