body {
  text-align:center;
  width:100%;
  background:#7968AC;
}

.calendar {
  position: relative;
  margin-left:5%;
  margin-right:5%;
  width:90%;
  padding:1em;
  text-align:center;
  /*background:#C5CAE4;*/
}


.ligne {

  float:left;
  padding:1em;
  margin:1em;
  border-style: dashed;
  border-width: 1px;
  width:90%;
  background:#DFD9EC;
}

.date {
  float:left;
  border-bottom-style: solid;
  border-color: #999999;
   border-width: 2px;
   font-weight: bold;
    }

.jour {
   float: left;
   padding-right:0.5em;
   text-align: left;
    }
.num_jour {
  float : left;
  padding-right:0.5em;
  text-align: left;
}
    
.mois {
    float: left;
    padding-right:0.5em;
    text-align: left;
}


.souhaits {
    width:100%;
    float: left;

}
.souhait {
    width:90%;
    float:right;
    background:#D6C1EA;
    /*border-bottom-style: dotted;
    border-width:2px;
    border-color:DDDDDD;*/
    margin:0.1em;
    padding:1%;
}

.absence {
    width:90%;
    float:right;
    background:#F3CFE2;
    /*border-bottom-style: dotted;
    border-width:2px;
    border-color:DDDDDD;*/
    margin:0.1em;
    padding:1%;
}

.message {
    width:90%;
    float:right;
    background:#E3F3B1;
    border-left-style: dotted;
    border-width:2px;
    border-color:#969C1B;
    margin:0.1em;
    padding:1%;
}

.rdv_message {
    width:90%;
    float:right;
    background:#DFD9EC;
    border-left-style: dotted;
    border-width:2px;
    border-color:#7968AC;
    margin:0.1em;
    padding:1%;
}

.saisi_message {
    width:90%;
    float:right;
    background:#E3F3B1;
    margin:0.1em;
    padding:1%;
}

.rdv_saisi_message {
    width:90%;
    float:right;
    background:#DFD9EC;
    margin:0.1em;
    padding:1%;
}

.date_post{
  font-style:italic;
  font-size:smaller;
  color:#808080;
  float:left;
  margin-right:0.5em;
}

.auteur {
  font-size:smaller;
  font-style:italic;
  float:left;
  padding-right:1em;
}

.corps_msg {
  font-size:smaller;
  float:left;
  text-align:justify;
  padding-right:1em;
}

.absence_titre
{
     width: 25%;
    float: left;
    font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px;
}

.confirme_titre
{
     width: 100%;
    float: left;
    font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    color:#2DBC25;
}

.interet_titre
{
     width: 100%;
    float: left;
    font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    color:#BC2B23;
}

.coureur_absent
{
  font-weight:bold;
  margin-left:1em;
  margin-right:1em;
  float:left;
}

.coureur_present
{
  float:left;
  width:35%;
}

.liste_membres
{
  width:70% ;
  margin-right:15%;
  margin-left:15%;
  margin-bottom:2em;
  /*float:right;   */
  text-align:center;
  background:#000000;/*D6C1EA;*/
  font-style:italic;
  /*font-size:smaller;*/
  /*padding:1em;*/

}

.titre
{
    width: 100%;
    float: left;
    font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    font-size:larger;
    color:#000000;
}

.coureur {
   /* width: 25%; */
    float: left;
    font-weight:bold;
    margin-left: 0.5em;
    margin-right:0.5em;
}

.rdv_bar {
  width:98%;
  margin-top:0.2em;
  float:right;
  padding:0.2em;
  background:#733483;
}

.proposition {
  width:100%;
  float:left;
  /*text-align:center;
  font-style:italic;
  color:#FF0000; */
  /*margin-top:0.3em;*/
 /* margin-left:2%;
  margin-right:5%;
  font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px;*/
}

.confirmation {
  width:100%;
  float:left;
 /* text-align:center;
  font-style:italic;
  color:#008800;*/
 /* margin-top:0.3em;*/
 /* margin-left:2%;
  margin-right:5%;
  font-weight:bold;
    border-bottom-style:dashed;
    border-bottom-width:1px; */
}

.horaire {
     width: 60%;
     float: right;
     text-align:left;
     background:#A9E2B1;
}

.parcours {
     width: 60%;
     float: right;
     text-align:left;
     background:#E3F3B1;
}

.rendezvous {
     width: 60%;
     float: right;
     text-align:left;
     background:#F3CFE2;
}

.proposition_button_bar {
  width:100%;
  padding:2px;
  margin-top:0.2em;
  float:left;
  text-align:left;
  background:#7968AC;
}


.absence_button_bar {
  width:100%;
  padding:2px;
  margin-top:0.2em;
  float:left;
  text-align:left;
  background:#8E1555;
}

.bn_annule_absence_up {
        width:5em;
        border_style: solid;
        float: left;
	background-color: #DFD9EC;
	text-align:center;
        font-size:smaller;
        margin-left:1%;
        margin-right:1%;
}
.bn_annule_absence_over {
        width:5em;
        border_style: solid;
        float: left;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}
.bn_annule_absence_down {
        width:5em;
        border_style: solid;
        float: left;
	background-color:#31DB68;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}

.bn_annule_up {
        width:5em;
        border_style: solid;
        float: left;
	background-color: #DFD9EC;
	text-align:center;
        font-size:smaller;
        margin-left:1%;
        margin-right:1%;
}
.bn_annule_over {
        width:5em;
        border_style: solid;
        float: left;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}
.bn_annule_down {
        width:5em;
        border_style: solid;
        float: left;
	background-color:#31DB68;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}

.bn_confirme_up {
        width:5em;
        border_style: solid;
        float: left;
	background-color: #DFD9EC;
	text-align:center;
        font-size:smaller;
        margin-left:1%;
        margin-right:1%;
}
.bn_confirme_over {
        width:5em;
        border_style: solid;
        float: left;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}
.bn_confirme_down {
        width:5em;
        border_style: solid;
        float: left;
	background-color:#31DB68;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}

.label {
  float:left;
  font-style:italic;
  width:30%;
}

.heure {
    /*width: 4em;*/
    float: left;
}

.lieu {
   /* width: 8em; */
    float: left;
}

.discussion {
  width:60%;
  float : right;
  margin:0.1em;
  text-align:left;
  background:#D6C1EA;
}


.bn_addrdv_up {
        width:5em;
        border_style: solid;
        float: right;
	background-color: #F8BF74;
	text-align:center;

}
.bn_addrdv_over {
        width:5em;
        border_style: solid;
        float: right;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
}
.bn_addrdv_down {
        width:5em;
        border_style: solid;
        float: right;
	background-color:#31DB68;
	text-align:center;
}


.bn_msg_up {
        width:5em;
        border_style: solid;
        float: right;
	background-color: #F8BF74;
	text-align:center;
	margin-right:0.5em;
	
}
.bn_msg_over {
        width:5em;
        border_style: solid;
        float: right;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	margin-right:0.5em;
}
.bn_msg_down {
        width:5em;
        border_style: solid;
        float: right;
	background-color:#31DB68;
	text-align:center;
	margin-right:0.5em;
}


.bn_absent_up {
        width:5em;
        border_style: solid;
        float: right;
	background-color: #F8BF74;
	text-align:center;
	margin-right:0.5em;

}
.bn_absent_over {
        width:5em;
        border_style: solid;
        float: right;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	margin-right:0.5em;
}
.bn_absent_down {
        width:5em;
        border_style: solid;
        float: right;
	background-color:#31DB68;
	text-align:center;
	margin-right:0.5em;
}

.content {
  position: relative;
  margin-left:5%;
  margin-right:5%;
  width:90%;
  padding:1em;
  text-align:center;
}

.consigne {
  width:70% ;
  margin-right:15%;
  margin-left:15%;
  margin-bottom:2em;
  /*float:right;   */
  text-align:center;
  background:#F9CCF8;
  font-style:italic;
  font-size:smaller;
  padding:1em;
}

.rappel{
  width:80%;
  margin-right:10%;
  margin-left:10%;
  margin-bottom:2em;
  float:left;
  background:#DFD9EC;
}

.rappel_souhaits {
    width:100%;
    float: left;
}

.prise_rdv{
  width:80%;
  float:left;
  margin-top:2em;
  margin-right:10%;
  margin-left:10%;
   background:#DFD9EC;
}

.saisi_horaire {
     width: 100%;
     float: right;
     text-align:left;
     background:#A9E2B1;
}

.saisi_parcours {
     width: 100%;
     float: right;
     text-align:left;
     background:#E3F3B1;
}

.saisi_rdv {
     width: 100%;
     float: right;
     text-align:left;
     background:#F3CFE2;
}

.saisi_confirme{
     width: 100%;
     float: right;
     text-align:left;
     background:#C2D3EF;
}


.saisi_msg {
  width:80%;
  height:7em;
}

.bn_reply_up {
        width:5em;
        border_style: solid;
        float: left;
	background-color: #F1CA70;
	text-align:center;
        font-size:smaller;
        margin-left:1%;
        margin-right:1%;
}
.bn_reply_over {
        width:5em;
        border_style: solid;
        float: left;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}
.bn_reply_down {
        width:5em;
        border_style: solid;
        float: left;
	background-color:#31DB68;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}



.bn_bar_left_up {
        width:5em;
        border_style: solid;
        float: left;
	background-color: #DFD9EC;
	text-align:center;
        font-size:smaller;
        margin-left:1%;
        margin-right:1%;
}
.bn_bar_left_over {
        width:5em;
        border_style: solid;
        float: left;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}
.bn_bar_left_down {
        width:5em;
        border_style: solid;
        float: left;
	background-color:#31DB68;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}


.bn_bar_right_up {
        width:5em;
        border_style: solid;
        float: right;
	background-color: #DFD9EC;
	text-align:center;
        font-size:smaller;
        margin-left:1%;
        margin-right:1%;
}
.bn_bar_right_over {
        width:5em;
        border_style: solid;
        float: right;
        background-color: #B9E88A;
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}
.bn_bar_right_down {
        width:5em;
        border_style: solid;
        float: right;
	background-color:#31DB68;
	text-align:center;
	font-size:smaller;
	margin-left:1%;
        margin-right:1%;
}