/* Feuille CSS pour l'administration du District U-1 */
BODY {
SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #87202F; SCROLLBAR-SHADOW-COLOR: #87202F; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #87202F; SCROLLBAR-BASE-COLOR: #87202F; scrollbar-3d-light-color: #FFFFCC; scrollbar-dark-shadow-color: #B18E01 }
h0 {color: #FFF9E5; font-family: Arial; font-size: 18px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;} /* Beige pâle pour fond foncé */
h1 {color: #F2D509; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;} /* Or Lions*/
h2 {color: #F2D509; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h3 {color: #F2D509; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h4 {color: #3258A4; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;} /* Bleu foncé */
h5 {color: #3258A4; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h6 {color: #3258A4; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h7 {color: #496710; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;} /* VertFonce */
h8 {color: #496710; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h9 {color: #496710; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
.FondLien A:link {color: #3258A4; background: #FFFFFF;} /* Bleu sur fond blanc */
.FondLien A:visited {color: #3258A4; background: #FFFFFF;}
.FondLien A:active {color: #3258A4; background: #FFFFFF;}
.FondLien A:hover {color: #FFFFFF; background: #3258A4;}
.FondLien1 A:link {color: #FFFFFF; background: #3258A4;} /* Blanc sur fond bleu */
.FondLien1 A:visited {color: #FFFFFF; background: #3258A4;}
.FondLien1 A:active {color: #FFFFFF; background: #3258A4;}
.FondLien1 A:hover {color: #3258A4; background: #FFFFFF;}
.FondCCI A:link {clear: all; color: #3258A4; text-decoration: none;} /* Aucune décoration */
.FondCCI A:visited {color: #3258A4; text-decoration: none;} /* sur fond bleu foncé */
.FondCCI A:active {color: #3258A4; text-decoration: none;}
.FondCCI A:hover {color: #3258A4; text-decoration: none;}
.FondBeige {background-color: #EB6600; color: #F2D509;}
.FondBlanc {background-color: #FFFFFF; color: #FF0000;}
.FondBleu {background-color: #3258A4; color: #FFFFFF;}
.FondBrun {background-color: #663300; color: #FFFFFF;}
.FondJaune {background-color: #FFFF00; color: #3258A4;}
.FondAqua {background-color: #208888; color: #FFFFFF;}
/********************************************************************************* Champs INPUT */
.input {
text-decoration: none;
text-align: left;
border: 2px solid #3258A4; /* BleuFonce */
background-color: #EBF5FF; /* BleuPâle */
-moz-border-radius: 5px; /* Je déteste les coins carrés */
border-radius: 5px;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #3258A4; /* Texte en BlueFonce */
}
.inputCentre {
text-decoration: none;
text-align: center;
border: 2px solid #3258A4; /* BleuFonce */
background-color: #EBF5FF; /* BleuPâle */
-moz-border-radius: 5px; /* Je déteste les coins carrés */
border-radius: 5px;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #3258A4; /* Texte en BlueFonce */
}
.inputRapido {
text-align: center;
background-color: #FFFFFF; /* Blanc */
}
.checkbox {
display: inline-flex;
cursor: pointer;
position: relative;
}
.checkbox > span {
color: #3258A4; /* Texte en BlueFonce */
padding: 0.5rem 0.25rem;
}
.checkbox > input {
height: 25px;
width: 25px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
border: 1px solid #3258A4; /* BlueFonce */
border-radius: 4px;
outline: none;
transition-duration: 0.3s;
background-color: #EBF5FF; /* BleuPâle */
cursor: pointer;
}
.checkbox > input:checked {
border: 1px solid #EBF5FF; /* BleuPâle */
background-color: #3258A4; /* BlueFonce */
}
.checkbox > input:checked + span::before {
content: '\2713';
display: block;
text-align: center;
color: #EBF5FF;
position: absolute;
left: 0.7rem;
top: 0.2rem;
}
.checkbox > input:active {
border: 2px solid #3258A4; /* BleuFonce */
}
.textarea {
border: 2px solid #3258A4; /* BleuFonce */
background-color: #EBF5FF; /* BleuPâle */
-moz-border-radius: 5px; /* Je déteste les coins carrés */
border-radius: 5px;
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #3258A4; /* Texte en BlueFonce */
overflow-y: auto;
word-wrap: break-word;
height:auto;
resize:vertical-auto; /* enables vertical height due to size of contained text */
}
/********************************************************************************* Champs INPUT pour le nom d'une photo */
.inputPhoto {
text-decoration: none;
text-align: left;
border: 2px solid #3258A4; /* BleuFonce */
background-color: #3258A4; /* BleuFonce */
border-radius: 5px; /* Je déteste les coins carrés */
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #FFFFFF /* Texte en Blanc */
}
/********************************************************************************* Bouton SUBMIT */
.submit {
text-decoration: none;
text-align: center;
border: 2px solid #3258A4; /* BlueFonce */
background-color: #F2D509; /* Or Lions*/
border-radius: 5px; /* Je déteste les coins carrés */
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #3258A4; /* Texte en Bleu sur fond rose */
}
.submit:hover {
background-color: #3258A4; /* BleuFonce */
color: #FFFFFF; /* Texte en Blanc */
}
/*********************************************************************************