<!-- STANDARD CSS --!>
Z:motion {e: happy;}

A:link {text-decoration: none; color: #FFFFFF; font-family: Calibri; font-size: 18px;}
A:visited {text-decoration: none; color: #FFFFFF; font-family: Calibri; font-size: 18px;}
A:active {text-decoration: none; color: #3498DB; font-family: Calibri; font-size: 18px;}
A:hover {text-decoration: none; color: #ff7f27;}

input[type="text"] {width: 350px; padding: 10px; font-size: 16px; border: 2px solid #ccc; border-radius: 6px; outline: none; transition: all 0.3s ease;}
input[type="email"] {width: 350px; padding: 10px; font-size: 16px; border: 2px solid #ccc; border-radius: 6px; outline: none; transition: all 0.3s ease;}
select {width: 350px; padding: 10px; font-size: 16px; border: 2px solid #ccc; border-radius: 6px; outline: none; transition: all 0.3s ease;}
textarea {width: 350px; padding: 10px; font-size: 16px; border: 2px solid #ccc; border-radius: 6px;outline: none; transition: all 0.3s ease;}

button:hover {background: #1e60d4;}

input[type="text"]:hover {border-color: #888;}
input[type="email"]:hover {border-color: #888;}
select:hover {border-color: #888;}
textarea:hover {border-color: #888;}

input[type="text"]:focus {border-color: #007BFF; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
input[type="email"]:focus {border-color: #007BFF; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
select:focus {border-color: #007BFF; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
textarea:focus {border-color: #007BFF; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}

input[type="text"]::placeholder {color: #aaa; font-style: italic;}

.btn {display: inline-block; padding: 12px 20px; background: #1A4E89; color: white; text-decoration: none; border-radius: 4px; margin-top: 20px;}

.btn-menu {display: inline-block; padding: 8px 20px; background: #1e60d4; color: white; text-decoration: none; border-radius: 4px; margin-top: 20px;}

.fond-bleu {background-color : #EAF1F8; text-align: center;}

.fond-blanc {background-color : #FFFFFF; text-align: center;}

.fond-gris {background-color : #FAFAFA; text-align: center;}

.fond-anthracite {background-color : #333333; text-align: center;}

.table-dim {background-color: #1A4E89; border-spacing: 0px; font-family: Calibri;}

.table-min {border-spacing: 0px; font-family: Calibri;}

.table-footer {border-spacing: 0px; font-family: Calibri; background-color: #333333; color: #FFFFFF;}

.post {max-width:300px; margin:3rem auto;}