<!--
html, body {
        margin:0px;
        background-image:url(../images/background.jpg);
        background-color:#4F4F4F; 
        background-repeat: repeat-x;
        background-attachment: fixed;
}
.margin {
        margin:40px;
}
.header {
        font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
        font-size:15px;
        color:#CCCCCC;
}

h1 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 30px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

h2 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

code {
        font-weight: bold;
	color: #FFFF00;	
}

warning {
        font-weight: bold;
        color: #FF0000; 
}
.ip {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}


p {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #CCCCCC;
        text-decoration: none;
	text-align: justify;
	text-justify: auto;
}

.update_date-container {
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center;     /* Centre verticalement */
    height: 36px;           /* Hauteur du conteneur nécessaire pour le centrage vertical */
} 
.update_date-item{ 
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        border: 1px solid;
        padding: 4px;
}  

ul {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #CCCCCC;
        text-decoration: none;
}

.log {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #CCCCCC;
        text-decoration: none;
}

.tableau {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #CCCCCC;
        text-decoration: none;
	text-align: justify;
	text-justify: auto;
}

.explain {
        font-family:Geneva, Arial, Helvetica, sans-serif;
        color:#CCCCCC;
        font-size:15px;
        font-weight:bold;
}
a {
        font-family:Geneva, Arial, Helvetica, sans-serif;
        color:#1c5dcd;
        font-weight:bold;
        text-decoration:none;
}
a:visited {
        color: #1c5dcd;
        text-decoration:none;
        }
a:hover {
        color:#FFFF00;
        text-decoration:none;
}
a:visited:hover {
        color: #FFFF00;
        text-decoration:none;
}
.explainsmall {
        font-family:Geneva, Arial, Helvetica, sans-serif;
        color:#CCCCCC;
        font-size:14px;
        font-weight:100;
}
.steps {
        padding-top:50px;
}
.stepsicons {
        padding-right:20px;
        height:80px;
        width:40px;
        padding-left:5px;
}
.icon {
	padding-right:10px;
}
-->