ernestophone.ens.fr/static/css/ernesto.css

@import url("http://fonts.googleapis.com/css?family=Lobster");

html, body {
     height: 100%;
}

p {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

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;
}

tr.prop {
    height: 32px;
}

td {
    padding-right: 10px;
}

td.details {
    padding-left: 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;
     padding-bottom: 27px;
}

#page section {
     padding: 20px;
}

header {
     background: none repeat scroll 0% 0% #e4522f;
     overflow: hidden;
}

footer {
     position: relative;
     clear: both;
     height: 27px;
     margin-top: -27px;
     text-align: center;
     background-color: #45312D;
     color: white;
     font-size: 12px;
     padding: 5px;
}

footer a {
     color: white;
}

#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;
}

#viewevent h4 {
     text-align: center;
     margin-bottom: 30px;
}

#actions {
      margin: 15px 0px;
      border-top: 1px solid #f7e4e0;
      padding-top: 10px;
}

#doodle {
      border-top: 1px solid #f7e4e0;
}

#doodle table {
      margin-bottom: 10px;
}

h3.part {
      padding-top: 15px;
      border-top: 1px solid #f7e4e0;
}

div.info_part {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
}

div.info_part form, div.info_part div {
    padding-bottom: 10px;
    border-bottom: 1px solid #f7e4e0;
    margin-bottom: 10px;
}