189 lines
2.9 KiB
CSS
189 lines
2.9 KiB
CSS
body {
|
|
margin: 0;
|
|
padding: 20px 20px 20px ;
|
|
background-color: aliceblue;
|
|
color: #505050;
|
|
font-family: arial, helvetica, sans-serif ;
|
|
font-size: 12pt ;
|
|
}
|
|
|
|
td { padding-left: 30px; }
|
|
|
|
a{ text-decoration: none; color: royalblue;}
|
|
|
|
#menu_salles {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 5px 20px;
|
|
width: 70%;
|
|
background-color: palegoldenrod;
|
|
z-index: 1;
|
|
}
|
|
|
|
#loaddiv { margin-top: 100px; }
|
|
|
|
#liste_salles{margin-top: 10px;}
|
|
|
|
#bouton-couleurs {
|
|
display: inline;
|
|
font-family: courier;
|
|
font-size: 95%;
|
|
border: 1px solid;
|
|
background-color: Lightblue;
|
|
position: relative;
|
|
bottom: 1px;
|
|
}
|
|
|
|
#couleurs {
|
|
display: none;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
#bouton-couleurs:hover {
|
|
visibility: hidden;
|
|
}
|
|
|
|
#bouton-couleurs:hover #couleurs {
|
|
visibility: visible;
|
|
display: inline-block;
|
|
opacity: 1;
|
|
background-color: White;
|
|
border: 1px solid;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.lien_salle {margin-left: 25px; padding-top: 5px; display: inline-block;}
|
|
|
|
.salle {
|
|
padding-bottom: 3px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
a.anchor {
|
|
display: block;
|
|
position: relative;
|
|
top: -100px; /* décalage de l'ancre sous le menu */
|
|
visibility: hidden;
|
|
}
|
|
|
|
.right {
|
|
position: absolute;
|
|
right: 0;
|
|
font-size: 75%;
|
|
}
|
|
|
|
.toggler_style {
|
|
cursor: pointer;
|
|
font-family: courier;
|
|
font-size : 60%;
|
|
position: relative;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.toggler_general {
|
|
cursor: pointer;
|
|
font-family: courier;
|
|
font-size : 90%;
|
|
float: right;
|
|
position: relative;
|
|
bottom: -1px;
|
|
}
|
|
|
|
/*
|
|
.deroule {
|
|
}
|
|
*/
|
|
|
|
.enroule {
|
|
display: none;
|
|
}
|
|
|
|
.jours { border:1px solid dimGrey; background-color: white; }
|
|
.j10 { background-color: #f3e575; }
|
|
.j20 { background-color: #e17b17; }
|
|
.j30 { background-color: #d5382c; }
|
|
|
|
.proc { background-color: LightSteelBlue;}
|
|
.p_user { background-color: PowderBlue;}
|
|
.proc:hover, .p_user:hover { background-color: Gold; }
|
|
|
|
.footer {
|
|
margin-top: 30px;
|
|
font-size: 75%;
|
|
text-align: center;
|
|
}
|
|
|
|
.header {
|
|
font-size: 300%;
|
|
font-weight: bolder;
|
|
text-align: center;
|
|
}
|
|
|
|
.login {
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.bouton_valide {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.odd {
|
|
background-color: LavenderBlush;
|
|
|
|
}
|
|
|
|
.even {
|
|
background-color: Lavender;
|
|
}
|
|
|
|
.odd:hover, .even:hover {
|
|
background-color: Gold;
|
|
}
|
|
|
|
.criteres {
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: right;
|
|
}
|
|
|
|
.materiel_ligne1 {
|
|
background-color: LavenderBlush;
|
|
}
|
|
|
|
.materiel_ligne2 {
|
|
background-color: Lavender;
|
|
}
|
|
|
|
.trombi img {
|
|
display: none;
|
|
}
|
|
|
|
.trombi:hover {
|
|
text-align: center;
|
|
}
|
|
|
|
.trombi:hover img{
|
|
display: block;
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
|
|
.connexion:hover {
|
|
background-color: khaki;
|
|
}
|
|
|
|
|
|
.pc.conn:hover {
|
|
width: 150px;
|
|
height: 230px;
|
|
z-index: 1;
|
|
}
|