html {
    height: 100%;
    font-family: 'Dosis', ExtraLight;
}

#fondprincipal {
    color: white;
    background-color: #7d7f56;/*vert clair*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Dosis', ExtraLight;
    font-size: 16px;
}

#fonderreur {
    color: black;
    background-color: black;
}

fieldset {
  color : white;
  background-color: #5c5f30;/*vert foncé*/
  border: none;
}

input, textarea, select {
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0);
  border-radius:5px;
  color: white;
  height: 22px;
  font-size: 16px;
}

input[type="submit"] {
  border: 0px solid white;
  background-color:#b28734;/*jaune mercure*/
  color:white;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: white;
  color:black;
  -webkit-transition: all .8s ease-in; /* element qui subit la transition, temps de la transition et function de la transition*/
  -moz-transition: all .8s ease-in;
  -o-transition: all .8s ease-in;
  transition: all .8s ease-in;
}

#fixe {
    position: fixed;
    top: 20%;
    left: 280px;
}

#entetefixe {
    position: fixed;
    top: 10%;
    left: 551px;
    z-index: 2;
}

#planning {
    left: 220px;
    position: relative;
}

#blanc {
    color: white;
    text-align: left;
    background-color: #5c5f30;
    border:	none;
    box-shadow:	0 0 2em white;
}

#timeline {
  color : white;
  background-color: #5c5f30;/*vert foncé*/
  border: none;
}

#lobby {
  color : white;
  background-color: #5c5f30;/*vert foncé*/
  border: none;
}

#footer {
    clear: both;
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: #7d7f56;/*vert clair*/
}

#prix {
    color : black;
    background-color: #81BEF7;
    border: 1px solid blue;

}

#resa {
    color : black;
    background-color: #FCFAE1;
    border: 1px solid blue;

}


#ferme {
    color : black;
    background-color: #C03000;
    border: 1px solid red;
}

#Vgauche {
    top: 0px;
    position: fixed;
    left: 0%;
    z-index: 2;
    min-width: 50%;
    height: 100%;
    color : white;
    background-color: #5c5f30;/*vert foncé*/
    background-size: contain;
    text-align: right;
    font-size: 80px;
}
#Vdroit {
    top: 0px;
    position: fixed;
    left: 50%;
    margin: right-side;
    z-index: 2;
    height: 100%;
    min-width: 50%;
    color : white;
    background-color: #5c5f30;/*vert foncé*/
    background-size: contain;
    text-align: left;
    font-size: 80px;
}
#Vdroit {
    -webkit-transition: all .9s ease-in;
    transition: all .9s ease-in;
}
#Vgauche {
    -webkit-transition: all .9s ease-in;
    transition: all .9s ease-in;
}

#galerie
{
    width: 600px;
    height: 400px;
}
#galerie img
{
    display: none;
    max-height : 400px;
    max-width : 800px;
}
#galerie .active
{
    display: block;
}

table {
    position : center;
    text-align: center;
    color:black;
}
#resultat {
    text-align: left;
    border: 1px solid black;
    background-color: white;
}
#resultat td {
    border: 1px solid black;
}

li {
list-style-type: none;
}

#vert {
    color: black;
    text-decoration : none;
    list-style-type: none;
    border: none;
}
#vert :hover {
    color: black;
}
#vert :visited {
    color: black;
    list-style-type: none;
}


#jaune {
    color: white;
    text-decoration : none;
    list-style-type: none;
}
#jaune :hover {
    color: yellow;
}
#jaune :visited {
    color: white;
    list-style-type: none;
}


#onglets
{
    font : 14px, arial, serif;
    list-style-type : none;
    padding-bottom : 28px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}

#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
  background-color:#b28734;/*jaune mercure*/
  color: white;
}

#boutonvert {
    background-color: green;
}
#boutonrouge {
    background-color: red;
}




#ecran {
    width: 900px;
    margin-left: 300px;
}


#ecranlibre {
    width: 900px;
    margin-left: 400px;
}

#cotegauche {
    width: 200px;
    height: auto;
    margin-left: 0px;
    position: fixed;
    display: block;
    float: left;

}

#cotelibre {
    width: 300px;
    height: auto;
    margin-left: 0px;
    position: relative;
    display: block;
    float: left;

}

.calendar
{
    background-color:white;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:1px solid white;
    -moz-opacity:0;
    filter:alpha(opacity=0);

}

.calendar a
{
    text-decoration:none;
    color:grey;
    font-weight:bold;
}

.ListeDate
{
  background-color:grey;
}

#Contenant_Calendar
{
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}

#Contenant_Calendar span
{
    float:left;
    display:block;
    width:30px;
    height:25px;
    line-height:30px;
    text-align:center;
}

.DayDate:hover
{
    background-color:#5c5f30;/*vert foncé*/
    cursor:pointer;
}

#curentDateString
{
    width:100%;
    text-align:center;
}

.titleMonth
{
    width:100%;
    background-color:white;
    color:grey;
    text-align:center;
    border-bottom:1px solid #666;
    margin:0px;
    padding:0px;
    padding-bottom:2px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
}

.separator
{
    float:left;
    display:block;
    width:25px;
}

.currentDay
{
    font-weight:bold;
    background-color:#b28734;/*jaune mercure*/
}