144 lines
1.9 KiB
Plaintext
144 lines
1.9 KiB
Plaintext
|
|
|
|
.action::before {
|
|
content: "➡ ";
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
grid-gap: 30px;
|
|
|
|
@media (min-width: 2500px) {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
@media (min-width: 3000px) {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
@media (max-width: 1500px) {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
@media (max-width: 1000px) {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
}
|
|
|
|
.metaService {
|
|
margin: 6px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.metasService {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.logoService {
|
|
text-align: center;
|
|
}
|
|
|
|
.elLogoServ {
|
|
max-width: 150px;
|
|
max-height: 100px;
|
|
}
|
|
|
|
.descService {
|
|
padding-top: 5px;
|
|
padding-bottom: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.domService {
|
|
font-family: monospace;
|
|
overflow-wrap: anywhere;
|
|
margin-top: -6px;
|
|
font-size: 0.8em;
|
|
@media @light {
|
|
color: @darkerColor;
|
|
}
|
|
@media @dark {
|
|
color: @lightlessColor;
|
|
}
|
|
}
|
|
|
|
#lienHeader {
|
|
margin: 0px;
|
|
padding: 30px;
|
|
padding-bottom: 20px;
|
|
margin-left: 35px;
|
|
margin-right: 35px;
|
|
|
|
@media (max-width: 600px) {
|
|
padding: 0px;
|
|
margin-top: 20px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
|
|
footer.antopie {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.logofooter {
|
|
padding-left: 6%;
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.interlude {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.traitinterlude > hr {
|
|
display: none;
|
|
}
|
|
|
|
.traitinterlude {
|
|
border-top: 2px gray dashed;
|
|
width: 450px;
|
|
}
|
|
|
|
|
|
.liensfooter {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 20px;
|
|
}
|
|
|
|
.lienfooter {
|
|
margin: 10px;
|
|
}
|
|
|
|
h1.titreService {
|
|
font-size: 1.3em;
|
|
text-align: center;
|
|
margin: 0px;
|
|
padding-bottom: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
@media (max-width: 800px) {
|
|
|
|
.basfooter {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.logofooter {
|
|
padding: 0px;
|
|
}
|
|
|
|
}
|