150 lines
2.2 KiB
CSS
150 lines
2.2 KiB
CSS
|
@import url("http://fonts.googleapis.com/css?family=Lobster");
|
||
|
|
||
|
html, body {
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
font: 36px Lobster;
|
||
|
margin-bottom: 0.8em;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: #e4522f;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background: none repeat scroll 0% 0% #45312D;
|
||
|
}
|
||
|
|
||
|
th {
|
||
|
padding-right: 10px;
|
||
|
}
|
||
|
|
||
|
|
||
|
td {
|
||
|
padding-right: 10px;
|
||
|
}
|
||
|
|
||
|
td.oui {
|
||
|
background-color: #409526;
|
||
|
}
|
||
|
|
||
|
td.pe {
|
||
|
background-color: #E68200;
|
||
|
}
|
||
|
|
||
|
td.non {
|
||
|
background-color: #C30909;
|
||
|
}
|
||
|
|
||
|
#page {
|
||
|
background: none repeat scroll 0% 0% #ffffff;
|
||
|
min-height: 100%;
|
||
|
margin: 0px auto;
|
||
|
max-width: 800px;
|
||
|
}
|
||
|
|
||
|
#page section {
|
||
|
padding: 20px;
|
||
|
}
|
||
|
|
||
|
header {
|
||
|
background: none repeat scroll 0% 0% #e4522f;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
#menu {
|
||
|
list-style-type: none;
|
||
|
max-width: 85%;
|
||
|
padding: 0px;
|
||
|
text-align: right;
|
||
|
margin-bottom:0;
|
||
|
}
|
||
|
|
||
|
#menu li {
|
||
|
display: inline-block;
|
||
|
font-size: 1.2em;
|
||
|
margin: 0px;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
#menu a {
|
||
|
color: #ffffff;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
#menu li > * {
|
||
|
display: inline-block;
|
||
|
padding: 30px 10px;
|
||
|
}
|
||
|
|
||
|
#menu a:hover {
|
||
|
background: none repeat scroll 0% 0% #ffffff;
|
||
|
color: #e4522f;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
#logo_ernesto {
|
||
|
float: left;
|
||
|
width: 15%;
|
||
|
}
|
||
|
|
||
|
#logo_ernesto img {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
#menu {
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
label {
|
||
|
width: 230px;
|
||
|
}
|
||
|
|
||
|
textarea, input {
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
form p {
|
||
|
border-top: 1px solid #f7e4e0;
|
||
|
padding-top: 5px;
|
||
|
}
|
||
|
|
||
|
.fichier, .telecharger, .supprimer {
|
||
|
display: inline-block;
|
||
|
margin: 3px;
|
||
|
padding: 2px 3px;
|
||
|
}
|
||
|
|
||
|
.telecharger:hover, .supprimer:hover {
|
||
|
color: #ffffff;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.fichier {
|
||
|
color: #1d90d2;
|
||
|
display: inline-block;
|
||
|
min-width: 20%;
|
||
|
}
|
||
|
|
||
|
.supprimer {
|
||
|
border: 1px solid #cc0000;
|
||
|
color: #cc0000;
|
||
|
}
|
||
|
|
||
|
.supprimer:hover {
|
||
|
background: none repeat scroll 0% 0% #cc0000;
|
||
|
}
|
||
|
|
||
|
.telecharger:hover {
|
||
|
background: none repeat scroll 0% 0% #6cb828;
|
||
|
}
|
||
|
|
||
|
.telecharger {
|
||
|
border: 1px solid #6cb828;
|
||
|
color: #6cb828;
|
||
|
}
|