html, body{
    background-image:url('../img/logo_php.png');
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position:right;
    background-size:50%;font-family: Arial, Helvetica, sans-serif;
}
h1 {
    font-size:15px;
    border:1px solid blue;
    box-shadow:3px 3px 3px black;
    border-radius:10px;
    padding:10px 20px;
    width:50%;
    background:linear-gradient(to right,yellow,rgba(0,0,0,0) 90%);
}
p {
    color:blue;
    font-size:25px;
    border:1px solid green;
    padding:10px 20px;
    border-radius:10px;
    width:40%;
}
.form
{
    width:100%;
    height:100px;
    display:block;
    right:0px;
    margin:auto;
    padding:10px 0px;
    text-align:center;
}
input[type=text], select, input[type=submit], input[type=password], input[type=file]
{
    font-size:20px;
    border-radius:10px;
    height:30px;
    box-shadow:3px 3px 3px black;
    margin:5px auto;
}
input[type=submit]:hover
{
    background:greenyellow;
}
li
{
    list-style-type: none;
}
a
{
    color:black;
    font-size:25px;
    text-decoration:none;
    font-weight:bold;
}
a:hover
{
    color:grey;
}
li:hover::after
{
    content:" <=";
}
.calendar
{
    width:500px;  
    text-align:center;
    padding:0px;
    margin:20px 0px;
    border:1px solid grey;
    border-radius:5px;
    background:linear-gradient(to bottom,yellowgreen,rgba(0,0,0,0)90%);
    box-shadow:4px 4px 15px black;
    margin-bottom:10px;
    margin-top:30px;
    margin-left:100px;
    padding-bottom:10px;
}
.calendarBodyOff, .calendarBodyOn, .calendarHead
{
    width:60px;
    border-radius:5px;
    background-color:#888888;
    height:40px;
    line-height:40px;
    color:black;
    font-size:12px;
    display:inline-block;
    font-weight:bold;
    text-shadow:1px 1px 1px white;
    margin-bottom:1px;
    border:1px inset rgba(0,0,0,0);
    text-align: left;
    padding-left:3px;
}
.calendarHead
{
    color:white;
    text-shadow:1px 1px 1px black;
    font-size:12px;
    text-align:center;
    background-color:rgba(0,0,0,0);
}
.calendarBodyOn
{
    background-color:#DDDDDD;
    border:1px inset rgba(0,0,0,0);
    box-shadow:2px 2px 5px black;
}
.calendarBodyOn:hover
{
    /*border:1px inset green;*/
    text-shadow:2px 2px 2px black;
    background-color:#EEEEEE;
    color:white;
    box-shadow:2px 2px 8px red;
}
.calendar span, .beforeMonth, .nextMonth
{
    width:50%;
    height:50px;
    display: inline-block;
    color:white;
    font-size:25px;
    line-height:50px;
    font-weight:bold;
    text-shadow:2px 2px 2px black;
    margin:auto;
    text-align:center;
}
.nextMonth
{
    float:right;
    width:25%;
}
.beforeMonth
{ 
    float:left;
    width:25%;
}
.calendar select
{
    width:45%;
    display:inline-block;
    margin:10px auto;
    text-align: center;     
}
.calendar input[type=submit]
{
    width:90%;
    margin:auto;
}
.dayOff
{
    background-color:#DD0000;
    background-image:url('../img/dayOff.png');
    background-repeat:no-repeat;
    background-position:right;
}
.dayOff:hover
{
    background-color:#EE0000;
}
.birthday
{
    background-color:#FFFF00;
    background-image:url('../img/gateau.png');
    background-repeat:no-repeat;
    background-position:right;
}
.birthday:hover
{
    background-color:#EEEE00;
}
.autumn /*automne*/
{
    background-image:url('../img/autumn.png');
}
.summer /*été*/
{
    background-image:url('../img/summer.png');
}
.winter /*hiver*/
{
    background-image:url('../img/winter.png');
}
.spring /*Eté*/
{
    background-image:url('../img/spring.png');
}
.autumn, .summer, .winter, .spring
{
    background-size:620px;
    background-repeat:no-repeat;
    background-attachment: fixed;
}
.reliure
{
    background-image:url('../img/reliure.png');
    z-index:2;
    margin:-13px 0px 10px 0px;
}