/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body{
  margin:auto;
  background-color:#c7c7c7;
  /*font-family: Verdana, sans-serif;*/
  font-family: "bariol_lightlight","Helvetica neue",helvetica,sans-serif;
  font-size:14px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.contentFullLittle{
  padding: 10px;
  margin-bottom: 10px;
  width:calc( 100% - 22px );
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color:#cdcdcd;
  border-radius: 10px;
}
.contentFullTinny{
  float:left;
  text-align:center;
  margin-right:10px;
  min-height:50px;
  padding: 10px;
  margin-bottom: 10px;
  /*width:calc( 10% - 40px );*/
  width:100px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color:#cdcdcd;
  border-radius: 5px;
}

.contentFull{
  padding: 20px;
  margin-bottom: 20px;
  width:calc( 100% - 42px );
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color:#cdcdcd;
  border-radius: 10px;
  background-color: white;
}
.contentMiddle{
  padding-left: 20px;
  padding-right: 20px;
  width:calc( 100% - 42px );
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color:#cdcdcd;
  background-color: white;
}
.contentLittle{
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
  width:calc( 100% - 42px );
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color:#cdcdcd;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius:  10px;
  background-color: white;
}
.content{
  color:grey;
  padding: 20px;
  margin-bottom: 20px;
  width:calc( 100% - 42px );
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color:#cdcdcd;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius:  10px;
  background-color: white;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.etape_validation_contour{
  color:grey;
  background-color:black;
  margin:auto;
  overflow:auto;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.listeHtmlTable_pair{
  background-color:#f1f2f5;
  color:grey;
  font-size:12px;
}

.listeHtmlTable_pair:hover{
  background-color:#d8d8d8;
  cursor:pointer;
}

.listeHtmlTable_impair{
  background-color:white;
  color:grey;
  font-size:12px;
}

.listeHtmlTable_impair:hover{
  background-color:#d8d8d8;
  cursor:pointer;
}
.listeBleu{
  width:100%;
  border-color:#c8c8c8;
}

.listeBleu th{
  color:white;
  font-size:12px;
  background-color:#0284e9;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#contenu_gauche{
  background-color:#f1f2f5;
  position:absolute;
  width:200px;
  height:calc( 100% - 90px );
  margin-left:0px;
  margin-top:90px;
  float:left;
  overflow:auto;
  z-index:20;
}
#contenuPrincipal{
  width:calc( 100% - 42px );
  height:100%;
  overflow:hidden;
  padding-right:20px;
  padding-left:20px;
  background-color:white;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color:#cdcdcd;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius:  10px;
}
#contenuPrincipal_centre{
  background-color:#f1f2f5;
  position:absolute;
  width:calc( 100% - 400px );
  height:calc( 100% - 90px );
  margin-left:200px;
  margin-top:90px;
  float:left;
  overflow:auto;
  z-index:20;
}

.bandeau{
  position:absolute;
  width:100%;
  height:60px;
  background-color:white;
  z-index:200;
}
.bandeau_marge{
  background-color:#f1f2f5;
  position:absolute;
  width:100%;
  height:30px;
  margin-top:60px;
  z-index:20;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.titleFontSizeMediumMenuSelected{
  color:black;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.titleRedLittle{
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-color:#cdcdcd;
  border-style:solid;
  border-width:1px;
  font-size:18px;
  width:calc( 100% );
  margin:auto;
  color:black;
  /*background-color:#d4374d;*/
  font-weight:normal;
  padding:10px 0 10px 0;
  text-align:left;
}
.titleOrangeLittle{
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-color:#cdcdcd;
  border-style:solid;
  border-width:1px;
  font-size:18px;
  width:calc( 100% );
  margin:auto;
  color:black;
  /*background-color:#e3c72a;*/
  font-weight:normal;
  padding:10px 0 10px 0;
  text-align:left;
}
.titleBlueLittle{
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-color:#cdcdcd;
  border-style:solid;
  border-width:1px;
  font-size:18px;
  width:calc( 100% );
  margin:auto;
  color:black;
  /*background-color:#007bdb;*/
  font-weight:normal;
  padding:10px 0 10px 0;
  text-align:left;
}
.titleGreenLittle{
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-color:#cdcdcd;
  border-style:solid;
  border-width:1px;
  font-size:18px;
  width:calc( 100% );
  margin:auto;
  color:black;
  /*background-color:#3fb249;*/
  font-weight:normal;
  padding:10px 0 10px 0;
  text-align:left;
}
.titleBlue{
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-color:grey;
  font-size:28px;
  width:calc( 100% );
  margin:auto;
  color:white;
  background-color:#007bdb;
  font-weight:normal;
  padding:15px 0 15px 0;
  text-align:center;
}


.titleBlueSoft{
  border-width: 1px 1px 0px 1px;
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-style:solid;
  border-color:#cdcdcd;
  font-size:28px;
  width:calc( 100% );
  margin:auto;
  color:#007bdb;
  background-color:white;
  font-weight:normal;
  padding:15px 0 15px 0;
  text-align:center;
}
.titleGreen{
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
  border-color:grey;
  font-size:28px;
  width:calc( 100% );
  margin:auto;
  color:white;
  background-color:#3fb249;
  font-weight:normal;
  padding:15px 0 15px 0;
  text-align:center;

}

.titleBlueTopFreeWidth{
  padding: 20px;
  /*width:calc( 100% - 42px );*/
  border-width: 1px 1px 0px 1px;
  color:white;
  font-size:28px;
  background-color:#007bdb;
  border-style: solid;
  border-color:#007bdb;
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
}

.titleBlueTop{
  padding: 20px;
  width:calc( 100% - 42px );
  border-width: 1px 1px 0px 1px;
  color:#007bdb;
  background-color:#007bdb;
  border-style: solid;
  border-color:#007bdb;
  border-top-left-radius: 10px;
  border-top-right-radius:  10px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#calendrierDroite{
  background-color:#f1f2f5;
  position:absolute;
  width:200px;
  height:calc( 100% - 90px );
  margin-left:calc(100% - 200px );
  margin-top:90px;
  float:left;
  overflow:auto;
  z-index:20;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.contentStatLibre{
  width:calc( 80% );
  margin:auto;
  margin-bottom:20px;
  /*box-shadow: 5px 5px 5px 2px #cdcdcd;*/
  border-style:solid;
  border-width: 0px 1px 1px 1px;
  border-color:#cdcdcd;
}
.contentStatNumberTinny{
  width:calc( 100% - 2px );
  margin:auto;
  margin-bottom:20px;
  background-color: white;
  color:grey;
  font-weight:bold;
  font-size:18px;
}

.contentStatNumber{
  width:calc( 100% - 2px );
  margin:auto;
  margin-bottom:20px;
  background-color: white;
  color:grey;
  font-weight:bold;
}

.contentStatCourbe{
  width:calc( 100% - 2px );
  margin:auto;
  margin-bottom:20px;
  box-shadow: 5px 5px 5px 2px #cdcdcd;
  border-style:solid;
  border-width: 0px 1px 1px 1px;
  border-color:#cdcdcd;
  font-size: 12px;
}
.contentStat{
  width:calc( 100% - 2px );
  margin:auto;
  margin-bottom:20px;
  border-style:solid;
  border-width: 0px 1px 1px 1px;
  border-color:#cdcdcd;
}

.enteteStatNumberItalic{
  width:calc( 100% );
  height:15px;
  margin:auto;
  margin-left: -20px;
  color:#3fb249;
  font-weight:normal;
  font-size:12px;
  padding:5px 0 5px 0;
  text-align:center;
}

.enteteStatNumber{
  width:calc( 100% );
  height:15px;
  margin:auto;
  color:#2a82cb;
  font-weight:normal;
  font-size:24px;
  padding:5px 0 5px 0;
  text-align:center;
}

.enteteStatNumberTinny{
  width:calc( 100% );
  height:40px;
  margin:auto;
  color:#2a82cb;
  font-weight:normal;
  font-size:12px;
  padding:5px 0 5px 0;
  text-align:center;
}

.enteteStat{
  width:calc( 100% );
  height:30px;
  margin:auto;
  color:white;
  background-color:#2a82cb;
  font-weight:normal;
  font-size:16px;
  padding:15px 0 5px 0;
  text-align:center;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
input[type="text"], textarea, select {
  background-color : white;
  border-color: #e8e6e6;
  border-radius:5px;
  border-width: 1px 1px 1px 1px;
  /*width: calc( 100% - 10px);*/
  /*
  border-color: grey;
  border-radius:5px;
  border-width: 0 0 1px 0;
  background-color:#f4f4f4;
  */
  color : grey;
  margin-bottom:10px;
}
.InputSelectSmall{
  font-weight:normal;
  color:grey;
  width: calc( 100% - 10px);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #e8e6e6;
  border-radius:5px;
  padding:5px;
  font-size: 12px;
  margin-bottom:5px;
}
.InputSelectSmallFree{
  font-weight:normal;
  color:grey;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #e8e6e6;
  border-radius:5px;
  padding:5px;
  font-size: 12px;
  margin-bottom:5px;
}
.InputSelect{
  color:grey;
  width: calc( 100% - 10px);
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #e8e6e6;
  border-radius:5px;
  padding:5px;
  font-size: 12px;
  margin-bottom:10px;
}
/* */


.offreInvalide{
  background-color:#e4e4e4;
  color:#bbbbbb;
  padding:10px 0px 10px 0px;
  border-style:solid;
  border-width:0px 1px 0px 1px;
  border-color:#cdcdcd;
}

.offreValide{
  background-color:white;
  color:black;
  padding:10px 0px 10px 0px;
  border-style:solid;
  border-width:0px 1px 0px 1px;
  border-color:#cdcdcd;
}
.enteteGroupeVert{
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  width:calc( 100% );
  margin:auto;
  color:white;
  background-color:#3fb249;
  font-weight:normal;
  font-size:16px;
  padding:15px 0 5px 0;
  text-align:center;
}