@charset "UTF-8";
/* === COLORS === */
/* === ANIMATIONS === */
/* === WEIGHT === */
/* === SPACE === */
/* calendar white */
.calendar_wrap_inner {
  padding: 10px;
  border-radius: 10px;
  background: #71bde8;
  background: linear-gradient(to top, #71bde8 0%, #006ab3 100%);
}

.calendar_main {
  /*border: 1px solid #77c2fc;*/
}

.calendar_rowheader_inner,
.calendar_cornerright_inner,
.calendar_corner_inner,
.calendar_colheader_inner,
.calendar_alldayheader_inner {
  color: #006ab3;
  background: #fff;
}

.calendar_cornerright_inner,
.calendar_rowheader_inner,
.calendar_corner_inner,
.calendar_colheader_inner,
.calendar_alldayheader_inner {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.calendar_cornerright_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.calendar_rowheader_inner {
  font-size: 16pt;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.calendar_corner_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.calendar_rowheader_minutes {
  font-size: 10px;
  vertical-align: super;
  padding-left: 2px;
  padding-right: 2px;
}

.calendar_colheader_inner {
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.calendar_cell_inner {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #ffffff;
}

.calendar_alldayheader_inner {
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.calendar_message {
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 10px;
  color: #ffffff;
  background-color: #006ab3;
  border-radius: 10px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
}

.calendar_alldayevent_inner_action,
.calendar_event_inner_action {
  color: #ffffff;
  background: #FF9900;
  border-radius: 5px;
  border: 1px solid #808080;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgb(192, 192, 192);
  text-shadow: 0px -1px 0px rgb(192, 192, 192), 0px 0px 0px rgba(0, 0, 0, 0);
}

.calendar_alldayevent_inner_session,
.calendar_event_inner_session {
  color: #ffffff;
  background-color: #006ab3;
  border-radius: 5px;
  border: 1px solid #0f2e66;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgb(158, 187, 241);
  text-shadow: 0px -1px 0px #4db2f0, 0px 0px 0px rgba(0, 0, 0, 0);
}

.calendar_alldayevent_inner_dispense,
.calendar_event_inner_dispense,
.calendar_alldayevent_inner_indisponibilite,
.calendar_event_inner_indisponibilite {
  color: #ffffff;
  background: #D0D0D0;
  border-radius: 5px;
  border: 1px solid #808080;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgb(192, 192, 192);
  text-shadow: 0px -1px 0px rgb(192, 192, 192), 0px 0px 0px rgba(0, 0, 0, 0);
}

.calendar_alldayevent_inner_seance,
.calendar_event_inner_seance {
  color: #ffffff;
  background: #09b2ef;
  border-radius: 5px;
  border: 1px solid #079beb;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgb(72, 211, 246);
  text-shadow: 0px -1px 0px rgb(7, 155, 235), 0px 0px 0px rgba(0, 0, 0, 0);
}

.calendar_event_inner_session,
.calendar_event_inner_dispense,
.calendar_event_inner_indisponibilite,
.calendar_event_inner_seance,
.calendar_event_inner_action {
  position: absolute;
  overflow: hidden;
  top: 0px;
  bottom: 2px;
  left: 2px;
  right: 0px;
  padding-top: 2px;
  padding-left: 2px;
  font-size: 12px;
}

.calendar_alldayevent_inner_session,
.calendar_alldayevent_inner_indisponibilite,
.calendar_alldayevent_inner_seance,
.calendar_alldayevent_inner_action {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 1px;
  padding: 3px;
  margin-right: 1px;
  font-size: 12px;
}

.calendar_shadow_inner {
  background-color: #666666;
  opacity: 0.5;
  filter: alpha(opacity=50);
  height: 100%;
  border-radius: 5px;
}

/* navigator */
.navigator_main {
  xborder-left: 1px solid #A0A0A0;
  xborder-right: 1px solid #A0A0A0;
  xborder-bottom: 1px solid #A0A0A0;
  background-color: white;
  color: #000000;
}

.navigator_month {
  font-family: Tahoma;
  font-size: 8pt;
  /*border: 1px solid black;*/
}

.navigator_day {
  color: black;
  /*background-color: white;*/
}

.navigator_weekend {
  background-color: #f0f0f0;
}

.navigator_dayheader {
  color: black;
}

.navigator_line {
  xborder-bottom: 1px solid #A0A0A0;
}

.navigator_dayother {
  color: gray;
}

.navigator_todaybox {
  border: 1px solid #FF0000;
}

.navigator_select {
  background-color: #6b9cad;
  color: #fff;
}

.navigator_title, .navigator_titleleft, .navigator_titleright {
  xborder-top: 1px solid #A0A0A0;
  color: #000;
  font-weight: bold;
}

.navigator_busy {
  font-weight: bold;
}

/*

DayPilot Month Theme
http://themes.daypilot.org/month/theme/ygte5x

Compatibility:

DayPilot Pro for ASP.NET WebForms 7.2
http://www.daypilot.org/

DayPilot Pro for ASP.NET MVC 7.2
http://mvc.daypilot.org/

DayPilot Pro for Java 7.2
http://java.daypilot.org/

*/
.daypilot_calendar_month_main {
  border: 1px solid #a0a0a0;
}

.daypilot_calendar_month_main, .daypilot_calendar_month_main td {
  font-family: Tahoma;
  font-size: 12px;
}

.seance .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #4db2f0;
  background: linear-gradient(to top, #ffffff 0%, #4db2f0);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="$tp-blue-3");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.action .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #FF9900;
  background: -moz-linear-gradient(to top, #ffffff 0%, #FF9900);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FF9900));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#FF9900");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.indisponibilite .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #D0D0D0;
  background: -moz-linear-gradient(to top, #ffffff 0%, #D0D0D0);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D0D0D0));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#D0D0D0");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #006ab3;
  background: linear-gradient(to top, #ffffff 0%, #006ab3);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#184ba9");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session1 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #71bde8;
  background: linear-gradient(to top, #ffffff 0%, #71bde8);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#4B90B1");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session2 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #EBA93C;
  background: -moz-linear-gradient(to top, #ffffff 0%, #EBA93C);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EBA93C));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#EBA93C");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session3 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #39AD4A;
  background: -moz-linear-gradient(to top, #ffffff 0%, #39AD4A);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#39AD4A));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#39AD4A");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session4 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #F79C84;
  background: -moz-linear-gradient(to top, #ffffff 0%, #F79C84);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F79C84));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#F79C84");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session5 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #A5E784;
  background: -moz-linear-gradient(to top, #ffffff 0%, #A5E784);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#A5E784));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#A5E784");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session6 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #FFE773;
  background: -moz-linear-gradient(to top, #ffffff 0%, #FFE773);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FFE773));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#FFE773");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session7 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #C6AD6B;
  background: -moz-linear-gradient(to top, #ffffff 0%, #C6AD6B);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C6AD6B));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#C6AD6B");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session8 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #7B8C94;
  background: -moz-linear-gradient(to top, #ffffff 0%, #7B8C94);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#7B8C94));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#7B8C94");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session9 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #DA5B1A;
  background: -moz-linear-gradient(to top, #ffffff 0%, #DA5B1A);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DA5B1A));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#DA5B1A");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session10 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #EAEAAE;
  background: -moz-linear-gradient(to top, #ffffff 0%, #EAEAAE);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EAEAAE));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#EAEAAE");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session11 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #9370DB;
  background: -moz-linear-gradient(to top, #ffffff 0%, #9370DB);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9370DB));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#9370DB");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session12 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #DB7093;
  background: -moz-linear-gradient(to top, #ffffff 0%, #DB7093);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DB7093));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#DB7093");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session13 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #D9D919;
  background: -moz-linear-gradient(to top, #ffffff 0%, #D9D919);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D9D919));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#D9D919");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session14 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #A62A2A;
  background: -moz-linear-gradient(to top, #ffffff 0%, #A62A2A);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#A62A2A));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#A62A2A");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session15 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #B87333;
  background: -moz-linear-gradient(to top, #ffffff 0%, #B87333);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#B87333));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#B87333");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session16 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #EBC79E;
  background: -moz-linear-gradient(to top, #ffffff 0%, #EBC79E);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EBC79E));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#EBC79E");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session17 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #238E68;
  background: -moz-linear-gradient(to top, #ffffff 0%, #238E68);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#238E68));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#238E68");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session18 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #4D4DFF;
  background: -moz-linear-gradient(to top, #ffffff 0%, #4D4DFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#4D4DFF));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#4D4DFF");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session19 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #32CD99;
  background: -moz-linear-gradient(to top, #ffffff 0%, #32CD99);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#32CD99));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#32CD99");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.session20 .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #8FBC8F;
  background: -moz-linear-gradient(to top, #ffffff 0%, #8FBC8F);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#8FBC8F));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#8FBC8F");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.sessionnoir .daypilot_calendar_month_event_inner {
  position: absolute;
  margin: 0px;
  color: #000000;
  background-color: #000000;
  background: -moz-linear-gradient(to top, #ffffff 0%, #000000);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#000000");
  border-radius: 5px;
  padding: 2px;
  border: 1px solid #4f4f4f;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgb(255, 255, 255);
  left: 0px;
  right: 2px;
  top: 0px;
  bottom: 3px;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.8), 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.daypilot_calendar_month_header_inner {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  text-align: center;
  padding: 2px;
  color: #666666;
  background: #eeeeee;
  background: -moz-linear-gradient(to top, #fafafa 0%, #e2e2e2);
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e2e2e2));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#fafafa", endColorStr="#e2e2e2");
}

.daypilot_calendar_month_cell {
  background-color: #ffffff;
}

.daypilot_calendar_month_cell_inner {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.daypilot_calendar_month_cell_header {
  text-align: right;
  padding-right: 2px;
}

.daypilot_calendar_month_message {
  padding: 10px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  color: #ffffff;
  background: #990303;
  background: -moz-linear-gradient(to top, #a80303 0%, #8a0303);
  background: -webkit-gradient(linear, left top, left bottom, from(#a80303), to(#8a0303));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#a80303", endColorStr="#8a0303");
}

.daypilot_calendar_month_shadow_inner {
  background-color: #666666;
  opacity: 0.5;
  filter: alpha(opacity=50);
  height: 100%;
  border-radius: 5px;
}

.lien_puce_fleche {
  padding: 0 0 0 12px;
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  color: #006ab3;
  background-image: url(../scss/img_template/puce_fleche.png);
  background-position: center left;
  background-repeat: no-repeat;
  text-decoration: none;
}

.lien_puce_liste {
  position: relative;
  color: #178AD5;
  padding: 0 0 0 12px;
}
.lien_puce_liste::before {
  content: url("../img/puce_list_txt.png");
  background-color: #4db2f0;
  position: absolute;
  width: 7px;
  height: 7px;
  left: -15px;
  top: calc(50% - 4px);
  padding: 1px;
  border-radius: 10px;
}

.liens_infos {
  position: relative;
  padding: 0 0 0 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #58585a !important;
  font-weight: normal !important;
  background-image: url("../img/puce_gris.png");
  background-repeat: no-repeat;
  background-position: 0px center;
}
.liens_infos:hover {
  text-decoration: none;
}

.bt_validation_formulaire {
  position: relative;
  float: left;
  width: auto;
  clear: both;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 8px;
  background: linear-gradient(#71bde8, #4db2f0);
  /*borderIE*/
  behavior: url("/js/border_ie/PIE.htc");
}
.bt_validation_formulaire:hover {
  background: #71bde8;
  /*borderIE*/
  behavior: url("/js/border_ie/PIE.htc");
}

.bt_validation_formulaire .bt_puce {
  position: relative;
  display: block;
  padding: 3px 12px 3px 25px;
  background-image: url("../img/puce_bt.png");
  background-position: 8px center;
  background-repeat: no-repeat;
  line-height: 15px;
}

.bt_savoirplus {
  position: relative;
  float: left;
  width: auto;
  clear: both;
  margin: 20px 0 0 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(#71bde8, #4db2f0);
  border-radius: 8px;
  cursor: pointer;
  /*borderIE*/
  behavior: url("/js/border_ie/PIE.htc");
}
.bt_savoirplus:hover {
  background: #71bde8;
  /*borderIE*/
  behavior: url("/js/border_ie/PIE.htc");
}

.bt_savoirplus .bt_puce {
  position: relative;
  display: block;
  padding: 7px 12px 7px 25px;
  background-image: url("../img/puce_bt.png");
  background-position: 8px center;
  background-repeat: no-repeat;
}

.header_search .bt_search_ok {
  background-color: #4db2f0;
}

.bt_formation_intra {
  position: relative;
  float: right;
  width: auto;
  clear: both;
  padding: 5px 25px 5px 25px;
  margin: 10px 30px 0px 0px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  text-align: center;
  background: linear-gradient(#71bde8, #4db2f0);
  border: 1px solid #ffffff;
  border-radius: 8px;
  line-height: 16px;
  /*borderIE*/
  behavior: url("/js/border_ie/PIE.htc");
}
.bt_formation_intra:hover {
  background: #ffffff;
  color: #4db2f0;
  transition: all 0.4s;
}

.bt_formation_intra span {
  display: block;
  clear: both;
  font-size: 16px;
}

.bt_form_ok {
  border: none;
  border-style: none;
  padding: 0px;
  width: 30px;
  height: 22px;
  border-radius: 5px;
  background: linear-gradient(#71bde8, #178AD5);
}

.bt_home {
  position: relative;
  float: left;
  display: block;
  height: 11px;
  padding: 23px 15px 10px 30px;
  margin: 0 0 0 4px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  background-image: url("../img/puce_home.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #71bde8;
  transition: all 0.4s;
  /*background-color:#9FC;*/
}
.bt_home:hover {
  background-color: #90cbed;
}

.bt_panier {
  position: relative;
  float: left;
  display: block;
  height: 11px;
  padding: 23px 15px 10px 30px;
  margin: 0 0 0 4px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  background-image: url("../img/bt_panier.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #006ab3;
  transition: all 0.4s;
}
.bt_panier:hover {
  background-color: #007fd7;
}

.login_clients .bt_form_ok {
  float: right;
  margin: 2px 5px 0 0;
  border: none;
  border-style: none;
  padding: 0;
  width: 30px;
  height: 22px;
  border-radius: 5px;
  background: linear-gradient(#71bde8, #178AD5);
}

.bt_creer_compte {
  clear: both;
  padding: 0 0 0 12px;
  width: auto;
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  color: #006ab3;
  background-image: url(../scss/img_template/puce_fleche.png);
  background-position: center left;
  background-repeat: no-repeat;
}
.bt_creer_compte:hover {
  text-decoration: none;
}

.bt_ajout, .bt_print, .bt_calendar {
  font-size: 12px;
  font-family: "Trébuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-right: 25px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #58585a !important;
  text-decoration: none !important;
  clear: both;
  position: relative;
  text-decoration: none;
}

.bt_ajout {
  background-image: url("../img/picto_plus.gif");
  background-repeat: no-repeat;
  background-position: right center;
}

/* style boutons de l'emploi du temps */
.bt_print {
  background-image: url("../img/picto_print.gif");
  background-repeat: no-repeat;
  background-position: right center;
}

.bt_calendar {
  background-image: url("../img/picto_calendar.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.bt_previous_small {
  font-size: 12px;
  font-family: "Trébuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-image: url("../img/picto_precedent.png");
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #58585a !important;
  text-decoration: none !important;
  clear: both;
  position: relative;
}

.bt_next_small {
  font-size: 12px;
  font-family: "Trébuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-image: url("../img/puce_gris.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #707173 !important;
  text-decoration: none !important;
  clear: both;
  position: relative;
}

.bt_print:hover,
.bt_calendar:hover,
.bt_previous_small:hover,
.bt_next_small:hover {
  color: #006ab3 !important;
}

.googlebutton {
  background-image: url("../img/g-normal.png");
  cursor: pointer;
  background-color: #006ab3;
  color: white;
  border-radius: 2px;
  border: 1px solid #006ab3;
  padding: 6px 10px 9px 36px !important;
  background-repeat: no-repeat;
}

.idnotbutton {
  background-image: url("../img/logo_IdNot.png");
  cursor: pointer;
  background-color: #006ab3;
  color: white;
  border-radius: 2px;
  border: 1px solid #006ab3;
  padding: 5px 10px 9px 36px !important;
  background-repeat: no-repeat;
}

.login_clients label {
  position: relative;
  float: right;
  clear: both;
  color: #58585a;
  font-size: 11px;
  padding: 5px 5px 0 0;
  margin-top: 8px;
}

.login_clients input {
  float: left;
  margin-left: 3px;
  font-size: 11px;
  padding: 3px;
}

.login_clients label:first-child {
  margin-top: 0;
}

.login_clients .resterConnecte label {
  margin-top: 0px;
  margin-bottom: 8px;
  clear: none;
}

/* INTEGRATION POPIN OU PAGE WEB
form_popin_block = FORMULAIRE EN POPIN
form_block = FORMULAIRE EN PAGE WEB */
/* TODO PDA Supprimer car conflit avec Body de styles_structure_portail.css
body{
	margin:0; padding:0;
	font-family	: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	}*/
.bg_form {
  background-image: url("../img/bg_page.jpg");
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #d6edfb;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.form_popin_block {
  position: relative;
  width: 530px;
  background-color: #ffffff; /*height:450px;*/
  margin: 25px auto;
  padding: 0 0 11px 0;
  border-radius: 10px;
  behavior: url("/js/border_ie/PIE.htc"); /**/
  overflow-x: hidden; /**/
  overflow-y: hidden;
}

.form_block {
  position: relative;
  width: 80%;
  margin: 25px auto;
  height: 450px;
  border-radius: 10px;
  behavior: url("/js/border_ie/PIE.htc"); /**/
  overflow-x: hidden; /**/
  overflow-y: visible;
}

.formular_titre {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 35px;
  color: #178AD5;
  padding: 10px 0 5px 15px;
}

.form_popin_block form.formular {
  width: 490px; /*530*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 20px 0 20px;
  margin: 0 auto;
}

.form_block form.formular {
  /*width:290px;330*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 20px 0 20px;
  margin: 0 auto;
}

.form_popin_block .formular_intro {
  width: 490px;
  margin: 0px 0px 15px 0px;
  color: #58585a;
}

.form_block .formular_intro {
  margin: 0 0 15px 0;
}

.formular fieldset {
  padding: 0px;
  margin: 0px 0px 6px 0px; /*background-color:#f9fafa;*/
  border: 0px solid #B5B8C8;
}

.formular legend {
  position: relative;
  float: left;
  clear: both;
  display: block;
  font-size: 14px;
  width: auto;
  color: #178AD5;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
}

.formular .form_contenu {
  position: relative;
  float: left;
  clear: both;
  display: block;
  padding: 0;
}

.formular fieldset label {
  position: relative;
  float: left;
  padding: 0 0 10px 0;
}

.formular input, .formular select, .formular textarea {
  position: relative;
  float: left;
  display: block;
  padding: 8px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #ccc;
  border-radius: 8px; /* ARRONDI IE*/
  behavior: url("/js/border_ie/PIE.htc");
}

.formular input, .formular select {
  width: 200px;
  color: #555;
  font-size: 14px;
  margin: 0 7px 10px 7px;
}

.formular input:focus {
  color: #178AD5;
  border: 1px solid #178AD5;
}

.form_popin_block .formular textarea {
  width: 430px;
  height: 110px;
  color: #555;
  font-size: 14px;
  margin: 5px 7px 10px 7px;
}

.formular textarea {
  width: 240px;
  height: 110px;
  font-size: 14px;
  margin: 5px 7px 0px 7px;
}

.formular textarea:focus {
  color: #178AD5;
  border: 1px solid #178AD5;
}

.formular .infos {
  background: #ffffff;
  color: #333;
  font-size: 12px;
  padding: 10px;
  margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
  display: inline;
}

.formular .submit {
  float: left;
  clear: both;
  width: 150px;
  padding: 4px;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  background-color: #178AD5;
  text-decoration: none;
  border-radius: 8px;
  cursor: pointer;
}

.form_popin_block .submit {
  float: none;
  margin: 15px auto 0px auto;
}

.submit:hover {
  background-color: #7fc5eb;
}

.formular hr {
  clear: both;
  visibility: hidden;
}

.formular .fc-error {
  width: 290px;
  color: #555;
  padding: 4px;
  border: 1px solid #B5B8C8;
  font-size: 12px;
  margin-bottom: 15px;
  background: #FFEAEA;
}

/* TABLE */
.search_header_table_block {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}

.header_table {
  position: relative;
  float: left;
  margin: 0 0 11px 0;
  color: #178AD5;
}

.resultats_table {
  position: relative;
  float: left;
  margin: 20px 0 11px 0;
}

.nbr_resultats {
  /*display: block;*/
  clear: both;
  font-size: 15px;
}

.titre_table {
  position: relative;
  float: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 20px;
  color: #178AD5;
  text-align: left;
}

.table_trie {
  position: relative;
  float: right;
  margin-top: 20px;
}

.table_trie label {
  border-left: 1px solid #e7e9ea;
  padding: 0 0 0 8px;
  margin: 0 0 0 8px;
}

.table_trie label:first-child {
  border: none;
}

.table_trie select {
  font-size: 11px;
}

/* Styles Tableaux */
.table_resultats {
  position: relative;
  float: left;
  width: 100%;
  background-color: #e1e2e3;
  margin: 0 0 45px 0;
  border: 0;
  padding: 0;
  border-spacing: 1px;
}

.table_resultats tr {
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
  height: 70px;
}
.table_resultats tr:hover {
  background: none;
  background-color: #ffffff;
}

.table_resultats td {
  padding: 10px;
  margin: 0;
  text-align: center;
}
.table_resultats td .liens_table {
  display: block;
  font-size: 11px;
  color: #58585a;
  clear: both;
}
.table_resultats td .liens_table:hover {
  text-decoration: none;
}

.table_resultats td .bt_savoirplus .bt_puce {
  padding: 3px 12px 3px 25px;
}

.table_resultats .td_desc {
  /*border: 1px solid #e1e2e3;*/
  width: 62%;
  text-align: left;
  vertical-align: top;
}

.table_resultats .td_desc2 {
  /*border: 1px solid #e1e2e3;*/
  padding: 7px 30px 7px 10px;
  text-align: left;
  vertical-align: top;
}

.table_resultats .td_desc img, .table_resultats .td_desc2 img {
  /*border: 1px solid #e1e2e3;*/
  margin: 0 0 0 2px;
  vertical-align: text-bottom;
}

.td_desc .texte_liens_formations, .td_desc2 .texte_liens_formations {
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.td_desc .liens_formations, .td_desc2 .liens_formations {
  font-size: 14px;
  color: #178AD5;
  text-decoration: none;
  padding: 0px 5px 0px 18px;
  background-image: url("../img/puce_carre_gris.gif");
  background-position: left top;
  background-repeat: no-repeat;
  white-space: nowrap;
}

.td_desc .liens_formations:hover {
  text-decoration: underline;
}

.td_desc2 .liens_formations:hover {
  text-decoration: underline;
}

.td_desc .titre, .td_desc2 .titre {
  font-size: 14px;
  color: #640d45;
  text-decoration: none;
  padding: 0 5px 0 0;
}

.emptyDataTemplateStyle {
  background: none !important;
  background-color: #ffffff !important;
}

.classic {
  position: relative;
  float: none;
  width: 100%;
  background-color: transparent;
  margin: 0;
  border: 0;
  padding: 0;
  border-spacing: 1px;
}

.classic tr {
  background-image: none;
  background-repeat: repeat-x;
  background-color: transparent;
  height: 21px;
}

.classic td {
  padding: 0;
}

.classic .td_desc, .classic .td_desc2 {
  width: auto;
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

.td_desc .titre, .td_desc2 .titre {
  font-size: 12px;
  color: #FF0000;
  text-decoration: none;
  padding: 0 5px 0 0;
}

.table_resultats_petit {
  padding: 0 !important;
  margin: 0;
  text-align: center;
}

.td_desc .titre, .td_desc2 .titre {
  font-size: 14px;
  color: #178AD5;
  text-decoration: none;
  padding: 0 5px 0 0;
}

/* Tables */
.table {
  background-color: #ffffff;
  margin: 0 0 45px 0;
  border: 0;
  padding: 0;
  border-spacing: 0;
  border: solid 1px #e1e2e3;
}

.table thead tr th {
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #178AD5;
  height: 40px;
  border-bottom: solid 1px #e1e2e3;
}

.table thead tr th:first-child {
  padding-left: 5px;
}

.table tbody tr td {
  border-bottom: solid 1px #e1e2e3;
  height: 30px;
  padding: 5px 7px;
}

.table tbody tr:last-child td {
  border: 0;
}

.table:not(.sansPuce) tbody tr td:first-child span:first-child {
  position: relative;
  padding-left: 10px !important;
}
.table:not(.sansPuce) tbody tr td:first-child span:first-child::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #4db2f0;
  top: calc(50% - 2px);
  left: 0;
}

.tableBackgroundColor {
  background-color: #D9EDF7;
}

.tableBorderLeft {
  border-left: 1px solid #D9DADB;
}

input[type=file] {
  font-size: 1.1em;
}

.table2 {
  background-color: #ffffff;
  margin: 0 0 45px 0;
  border: 0;
  padding: 0;
  border-spacing: 0;
  border: solid 1px #e1e2e3;
}

.table2 thead tr th {
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #178AD5;
  height: 40px;
  border-bottom: solid 1px #e1e2e3;
}

.table2 thead tr th:first-child {
  padding-left: 5px;
}

.table2 tbody tr td {
  border-bottom: solid 1px #e1e2e3;
  height: 30px;
}

.table2 tbody tr:last-child td {
  border: 0;
}

.table2 tbody tr td:first-child span:first-child {
  position: relative;
}
.table2 tbody tr td:first-child span:first-child::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #4db2f0;
  top: calc(50% - 2px);
  left: 0;
}

/* root element for tabs  */
ul.tabs {
  display: block;
  clear: both;
  list-style: none;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  border-bottom: 1px solid #c6c7c8;
  height: 35px;
}

/* single tab */
ul.tabs li {
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 0 !important;
}
ul.tabs li::before {
  display: none;
}

/* link inside the tab. uses a background image */
ul.tabs a {
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: block;
  height: auto; /*25px*/ /*line-height:30px;*/
  width: auto;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  padding: 8px 15px 8px 15px;
  margin: 0 4px 0 0;
  border: 1px solid #ffffff;
  border-bottom: none;
  background: linear-gradient(#71bde8, #178AD5);
}
ul.tabs a:active {
  outline: none;
}
ul.tabs a:hover {
  color: #c7e7f7;
  background: #178AD5;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
  cursor: default !important;
  color: #006ab3 !important;
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%) !important;
  border-top: 1px solid #c6c7c8;
  border-left: 1px solid #c6c7c8;
  border-right: 1px solid #c6c7c8;
  border-bottom: 2px solid #ffffff;
}

/* initially all panes are hidden */
.panes .pane {
  display: block;
}

.panes_div {
  display: block;
  padding: 15px 10px;
  margin: 10px 0 0 0;
  border: none;
  border-top: 0;
  height: auto;
  min-height: 200px;
}

.panes_div h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #71bde8;
  padding: 0 0 15px 0;
  margin: 0;
}

.mdp, .login_clients .mdp {
  font-size: 10px;
  font-style: italic;
  color: #006ab3;
}
.mdp:hover, .login_clients .mdp:hover {
  text-decoration: none;
}

/*FONCTION AFFICHER MASQUER SOUS MENU*/
header .message_body { /* Cible Message body uniquement dans le Header */
  clear: both;
  /**/
  display: none;
}

.header_espace_clients {
  position: relative;
  display: block;
  float: right;
  clear: both;
  font-size: 11px;
  color: #ffffff;
  margin: 7px 0 0 0;
  padding: 1px 8px 0 27px;
  background-image: url("../img/picto_espace_clients.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-color: #006ab3;
  border: 1px solid #006ab3;
  text-decoration: none;
  z-index: 300;
}

.header_espace_clients_open {
  position: absolute;
  width: 200px;
  top: 5px;
  right: 0;
  z-index: 150;
}

.espace_clients_block {
  position: relative;
  display: block;
  padding: 30px 0 5px 15px;
  background-position: top;
  background-repeat: repeat-x;
  background-color: #e7e9ea;
  border: 2px solid #ffffff;
  background: linear-gradient(#ffffff, #EAEBED);
}
.espace_clients_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  background: #006ab3;
}

.login_clients {
  display: inline-grid;
  margin-bottom: 5px;
}
.login_clients .resterConnecte {
  float: right;
  clear: both;
  margin: 0 5px 0 0;
  width: auto;
}
.login_clients .mdp {
  float: right;
  clear: both;
  margin: 0 5px 0 0;
  width: auto;
}

.utilisateur_connecte_block {
  padding: 0 5px 5px 0;
}

.utilisateur_connecte_block a {
  padding: 0 0 0 12px;
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  color: #006ab3;
  background-image: url(../scss/img_template/puce_fleche.png);
  background-position: center left;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
}

.nouvel_utilisateur_block {
  position: relative;
  display: block;
  clear: both;
  padding: 15px 5px 5px 5px;
  width: auto;
  text-align: right;
}

.nouvel_utilisateur_titre {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 5px 0;
}

/* Fermer Login*/
.header_espace_clients_open .collpase_header_message {
  display: block;
  clear: both;
  text-align: right;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
  text-decoration: none;
  margin: 0;
  background-color: #4db2f0;
  border: 2px solid #ffffff;
}

.home_titre_principal {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  color: #4db2f0;
}

.home_titre_niv2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: #006ab3;
  padding: 0 0 5px 0;
  margin: 0;
}

/*  ------------------- HOME SIDE BAR ------------- */
.home_sidebar {
  position: relative;
  float: right;
  margin: 0 0 0 25px;
  padding: 35px 30px 0 25px;
  width: 317px; /*372px*/
  background: linear-gradient(#ffffff, #dff0fa, #ffffff);
  min-height: 200px !important; /*taille minimal pour les moteur gecko et IE7*/
  height: auto !important; /*on remet à la normal pour gecko et IE7 */
  height: 200px; /*taille max pour IE6 */
}

.home_sidebar a {
  color: #006ab3;
  font-weight: bold;
  text-decoration: underline;
}
.home_sidebar a:hover {
  text-decoration: none;
}

.home_sidebar_block {
  position: relative;
  float: left;
  width: 317px;
  clear: both;
  border-bottom: 1px solid #ffffff;
  padding: 0 0 35px 0;
  margin: 0 0 15px 0;
}

.home_sidebar_block .bt_savoirplus {
  float: right;
  margin: 15px 0 0 0;
}

.home_sidebar_contenu {
  clear: both;
  padding: 0 0 15px 0;
}

.home_sidebar_contenu hr {
  border-top: 1px dashed;
  border-bottom: none;
  padding: 0;
  margin: 5px 0 5px 0;
}

/* //////////////////////// STRUCTURE  /////////////////////*/
.centre_block ul li {
  position: relative;
  list-style: none;
  padding: 4px 0;
  margin: 0;
}
.centre_block ul li::before {
  content: url("../img/puce_list_txt.png");
  background-color: #4db2f0;
  position: absolute;
  width: 7px;
  height: 7px;
  left: -15px;
  margin-top: 4px;
  padding: 1px;
  border-radius: 10px;
}

.titre_page_block .titre_page {
  position: relative;
  float: left;
  max-width: 710px !important; /*taille minimal pour les moteur gecko et IE7*/
  width: auto !important; /*on remet à la normal pour gecko et IE7 */
  width: 710px; /*taille max pour IE6 */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #178AD5;
  padding: 0 0 15px 75px;
  margin: 0;
  font-weight: normal;
  font-size: 25px;
  text-shadow: 1px 1px 1px #ffffff;
}

.titre_page_block .annexes_titre_page {
  position: relative;
  clear: both;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #58585a;
  padding: 0 0 15px 75px;
  font-weight: normal;
  font-size: 12px;
}

.titre_page_block .picto_societe {
  position: relative;
}
.titre_page_block .picto_societe::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/picto_building_white.png);
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

.titre_page_block .picto_formations {
  position: relative;
}
.titre_page_block .picto_formations::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/picto_calendar_white.png);
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

.titre_page_block .picto_panier {
  position: relative;
}
.titre_page_block .picto_panier::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/bt_panier.png);
  background-repeat: no-repeat;
  background-position: 5px 13px;
}

.picto_formations img {
  height: 65px;
  left: -7px;
  position: absolute;
  top: -2px;
  width: 65px;
}

.titre_page_block .picto_recherche {
  position: relative;
}
.titre_page_block .picto_recherche::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/picto_search_white.png);
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

.titre_page_block .titre_chap {
  position: relative;
  display: block;
  clear: both;
  padding: 0;
  margin: 0 0 5px 0;
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  line-height: 5px;
  text-shadow: none;
}

.titre_page_block .titre_desc {
  position: relative;
  display: block;
  clear: both;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #58585a;
}

.titre_page_block .titre_desc span {
  border-left: 1px solid #58585a;
  margin: 0 0 0 1px;
  padding: 0 0 0 5px;
}

.titre_page_block .titre_desc span:first-child {
  border: none;
  margin: 0;
  padding: 0;
}

.titre_principal {
  display: block;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 0 0 17px 0;
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  color: #006ab3;
}

.titre_niv2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #4db2f0;
  padding: 0 0 15px 0;
  margin: 0;
}

.titre_niv3 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: #006ab3;
  padding: 0 0 5px 0;
  margin: 0;
}

.centre_block a {
  color: #006ab3;
  text-decoration: underline;
}

.centre_block_nosidebar a {
  color: #006ab3;
  text-decoration: underline;
}

.centre_block a:hover {
  text-decoration: none;
}

/* ///////// PAGE RESULTATS RECHERCHE ///////*/
.search_titre_block {
  position: relative;
  width: 890px; /*922*/
  padding: 15px;
  margin: 0 0 10px 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 16px;
  background-color: #f3f3f3;
  border: 1px solid #d9dadb;
}

.search_nouvelle_recherche {
  position: relative;
  display: block;
  float: right;
}

.search_nouvelle_recherche .search {
  position: relative;
  float: left;
  display: block;
  width: 220px;
  margin: 0px 4px 0px 0px;
  font-size: 12px;
  padding: 7px 4px 7px 4px;
  border: 1px solid #ffffff;
  color: #58585a;
  border: 1px solid #d9dadb;
}

.search_nouvelle_recherche .bt_big_search {
  padding: 4px; /* Décale l'image dans le html*/
  background-color: #4db2f0;
}

/* Pagination */
.pagination_block {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  padding: 0 0 5px 0;
}

.pagination_fleche {
  color: #58585a !important;
  text-decoration: none !important;
  font-size: 18px;
  font-weight: bold;
  padding: 0 5px;
}

.pagination_fleche:hover {
  color: #999 !important;
}

.pagination_pointsSuspension {
  color: #58585a;
  font-size: 14px;
  font-weight: bold;
}

.pagination_numero {
  color: #58585a !important;
  text-decoration: none !important;
  padding: 1px 6px;
  margin: 0 2px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.pagination_numero:hover {
  text-decoration: none;
  color: #178AD5;
  padding: 1px 6px 1px 6px;
  border: 1px solid #178AD5;
}

.pagination_active {
  color: #ffffff !important;
  background-color: #178AD5;
  border: 1px solid #178AD5;
}

/* ///////// SIDE BAR  //////////*/
/* Page Formations*/
.sidebar_formations_block {
  position: relative;
  float: left;
  width: 273px; /*275*/
  padding: 5px;
  margin: 0 0 20px 0;
  border: 1px solid #d9dadb;
}

.sidebar_formations_titre {
  position: relative;
  float: left;
  width: 267px; /*273*/
  font-size: 18px;
  font-weight: bold;
  padding: 3px;
  margin: 0px 0px 8px 0px;
  color: #178AD5;
  background-image: url("../img/bg_titre_sidebar.jpg");
  background-position: bottom;
  background-repeat: repeat-x;
}

.sidebar_formations_titre .titre_form_desc, .titre_form_desc a {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 267px;
  font-size: 11px;
  color: #58585a;
  text-decoration: none;
  zoom: 1;
}

.sidebar_formations_contenu {
  position: relative;
  float: left;
  width: auto;
}

.sidebar_formations_contenu_couleur {
  position: relative;
  float: left;
  color: #178AD5;
  width: 85%;
}

.sidebar_formations_picto {
  position: relative;
  float: right;
  width: auto;
  text-align: right;
}

.sidebar_formations_picto img {
  margin: 0 0 0 2px;
}

.sidebar_formations_tarifs {
  position: relative;
  float: left;
  clear: both;
  width: 273px; /*275*/
  padding: 13px 0 0 0;
}

.dotted_bottom {
  background-image: url("../img/bg_dotted.gif");
  background-position: bottom;
  background-repeat: repeat-x;
}

.sidebar_formations_tarifs .tarif_famille {
  position: relative;
  float: left;
  display: inline;
  width: auto;
  background-color: #ffffff;
  line-height: 10px;
}

.sidebar_formations_tarifs .tarif {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline;
  text-align: right;
  width: auto;
  background-color: #ffffff;
  line-height: 10px;
}

.sidebar_formations_block_bt {
  position: relative;
  float: right;
  padding: 15px 0 0 0;
  width: auto;
}

.sidebar_formations_block .liens_infos {
  padding: 0 10px 0 12px;
  margin: 4px 12px 0 0;
  border-right: 1px solid #999;
  float: left;
}

.formations_block .liens_infos {
  padding: 0 0 0 12px;
}

.sidebar_formations_block .bt_savoirplus {
  float: right !important;
  clear: none;
  margin: 0 !important;
}

.sidebar_formations_block .bt_savoirplus .bt_puce {
  padding: 3px 12px 3px 25px;
}

.sidebar_formations_block hr {
  position: relative;
  float: left;
  display: block;
  clear: both;
  width: 273px;
  border: 0;
  border-top: 1px solid #e7e9ea;
  padding: 0;
  margin: 12px 0;
}

/* BLOCK TELECHARGER */
.sidebar_telecharger_titre {
  position: relative;
  float: left;
  width: 267px; /*273*/
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
  margin: 0 0 8px 0;
  color: #178AD5;
  background-image: url("../img/bg_titre_sidebar.jpg");
  background-position: bottom;
  background-repeat: repeat-x;
}

.telecharger_titre {
  padding: 0 30px 0 0;
  background-image: url("../img/picto_titre_telecharger.gif");
  background-position: right;
  background-repeat: no-repeat;
}

.sidebar_telecharger_contenu {
  clear: both;
  background-image: url("../img/bg_block_telecharger.gif");
  background-position: center left;
  background-repeat: no-repeat;
  /*position				: relative;
  float					: left;
  width					: auto;*/
}

.sidebar_telecharger_contenu ul {
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
.sidebar_telecharger_contenu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar_telecharger_contenu ul li::before {
  display: none;
}
.sidebar_telecharger_contenu ul a {
  display: block;
  color: #006ab3;
  text-decoration: none;
  padding: 4px 20px 4px 0;
  background-image: url("../img/picto_telecharger.gif");
  background-position: right;
  background-repeat: no-repeat;
}
.sidebar_telecharger_contenu ul a:hover {
  text-decoration: underline;
}

/* SOUS NAV (Page societe) */
.nav_sidebar_titre {
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 8px 8px 8px;
  color: #4db2f0;
  border-top: 1px solid #dedede;
  background-image: url("../img/bg_titre_sidebar.jpg");
  background-repeat: repeat-x;
}

.nav_sidebar { /*ul*/
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #58585a;
  /*background-color		: #0C0;*/
}

.nav_sidebar li a {
  position: relative;
  clear: both;
  display: block;
  text-decoration: none;
  color: #58585a;
  padding: 15px 18px 15px 9px;
  border-bottom: 1px dotted #58585a;
  font-weight: bold;
}
.nav_sidebar li a:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: calc(50% - 3px);
  right: 4px;
  border: 1px solid #4db2f0;
  box-shadow: inset 0 0 0 4px #4db2f0;
  transition: 0.3s;
}
.nav_sidebar li a:hover:after {
  box-shadow: inset 0 0 0 0 #4db2f0;
}

.nav_sidebar li .actifnav {
  color: #4db2f0;
}

/* 1er element li avec a
	.nav_sidebar li:first-child a  {
	border					: none;
	}*/
.TitreBlock {
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #178AD5;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  font-weight: bold;
  border-bottom: solid 1px #e1e2e3;
  padding-left: 5px;
}

.BlocDescription {
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
  border: solid 1px #E1E2E3;
}

tr.LigneTarif .ligne-tarif-icon {
  position: relative;
  display: inline-block;
  background-color: #4db2f0;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  margin-left: -10px;
  margin-right: 3px;
}
tr.LigneTarif .ligne-tarif-icon::after {
  content: url("../img/puce_list_txt.png");
  position: absolute;
  padding: 1px;
}

tr.LigneTarif td:first-child {
  padding-left: 16px;
}

/* Nouveau Panier */
.Separateur {
  width: 100%;
  height: 15px;
  margin-top: 20px;
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
}

.Niveau3 {
  display: block;
  padding: 5px;
  margin-top: 20px;
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
}

.Supprimer {
  background-image: url(/img/101.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}

.Modifier {
  background-image: url(/img/090.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}

.PanelTotaux {
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%);
  float: right;
  margin: 20px 45px 0 0;
  padding-right: 20px;
  bottom: 0;
  height: 80px;
  width: 280px;
}

/* Icône nouveau panier */
.VignetteMoins10Articles {
  background: #FF0000;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
}

.VignetteMoins10Articles div {
  font-size: 75%;
  color: white;
  text-indent: 4px;
  font-weight: bold;
  padding-top: 1px;
}

.VignettePlus10Articles {
  background: #FF0000;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
}

.VignettePlus10Articles div {
  font-size: 70%;
  color: #ffffff;
  text-indent: 1px;
  font-weight: bold;
  padding-top: 1px;
}

/* MultiViewSteps */
.Step {
  display: inline-block;
  vertical-align: top;
  height: 35px;
  width: 100px;
  line-height: 17px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(#71bde8, #178AD5);
  border: solid 1px #178AD5;
}

.StepActive {
  color: #006ab3;
  background: linear-gradient(#ffffff, #f0f0f0 20%, #ffffff 80%) !important;
  border: solid 1px #e7e9ea !important;
}

.StepSeparator {
  background-image: url("../img/puce_carre_gris.gif");
  background-repeat: no-repeat;
  background-position: center center;
  width: 13px;
  height: 35px;
  display: inline-block;
}

.StepMargin3 {
  margin-left: 3px;
  margin-right: 3px;
}

.StepMargin17 {
  margin-left: 17px;
  margin-right: 17px;
}

.modal-header .picto_formations {
  position: relative;
}
.modal-header .picto_formations::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/picto_calendar_white.png);
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

.modal-header .picto_panier {
  position: relative;
}
.modal-header .picto_panier::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/bt_panier.png);
  background-repeat: no-repeat;
  background-position: 5px 13px;
}

.modal-header .picto_recherche {
  position: relative;
}
.modal-header .picto_recherche::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0px;
  width: 35px;
  height: 45px;
  background-color: #4db2f0;
  background-image: url(../img/picto_search_white.png);
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

.modal-header .titre_page {
  position: relative;
  float: left;
  max-width: 710px !important; /*taille minimal pour les moteur gecko et IE7*/
  width: auto !important; /*on remet à la normal pour gecko et IE7 */
  width: 710px; /*taille max pour IE6 */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #178AD5;
  padding: 10px 0 15px 75px;
  margin: 0;
  font-weight: normal;
  font-size: 20px;
  text-shadow: 1px 1px 1px #ffffff;
}

.bootstrap .modal-header {
  background-image: url("../img/bg_header_modal.png");
}

.lb_error {
  color: #b94a48 !important;
}

.cookiesDiv {
  background-color: #71bde8;
}

.cookiesPortail {
  width: 982px;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
  vertical-align: middle;
  color: black;
}

.autocomplete_listItem {
  background-color: #ffffff;
  color: rgb(88, 88, 90);
}

.autocomplete_highlightedListItem {
  background-color: #006ab3;
  color: #ffffff;
}

.days-inline {
  display: inline-block;
}
.days-inline input, .days-inline label {
  display: inline-block !important;
  vertical-align: middle;
  float: none !important;
}
.days-inline input {
  margin-left: 0 !important;
}
.days-inline label {
  margin: 0 10px !important;
}

.slideshow {
  position: relative;
  float: left;
  width: 982px;
}

.slideshow a img {
  position: relative;
  float: left;
  border: none;
  padding: 0;
  margin: 0;
  border: 5px solid #ffffff;
  border-bottom: none;
  border-radius: 5px 0 0 0;
  /*borderIE*/
  behavior: url("/js/border_ie/PIE.htc");
}

.slideshow a {
  position: relative;
  float: left;
  width: 982px; /*982px*/
  text-decoration: none !important;
  border: none;
  padding: 0;
  margin: 0;
  zoom: 1;
}

/*-------- ENVELOPPE PANNEAUX SANS A HREF----
	.slideshow .pane{
	position				: relative;
	float					: left;
	text-decoration			: none!important;
	border					: none;
	padding					: 0px;
	margin					: 0px;
	}

	.slideshow .pane img{
	position				: relative;
	float					: left;
	border					: none;
	padding					: 0px;
	margin					: 0px;
	border					: 5px solid #FFF;
	border-bottom			: none;
	border-radius			: 5px 0px 0px 0px;
    -moz-border-radius		: 5px 0px 0px 0px;
    -webkit-border-radius	: 5px 0px 0px 0px;

 	 behavior: url(../scss/js/border_ie/PIE.htc);
	}*/
.home_titre_slide_block {
  position: relative;
  float: left;
  display: block;
  width: 450px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  padding: 45px 0 0 40px;
  margin: 15px 0 0 35px;
  color: #ffffff;
  z-index: 10;
  cursor: pointer;
}

.home_txt_slide {
  position: relative;
  display: block;
  width: auto;
  font-weight: normal;
  font-style: italic;
  clear: both;
  font-size: 17px;
}

.home_block_panneaux .bt_savoirplus {
  float: right;
  clear: both;
  margin: 15px 0 0 0;
  border: 1px solid #ffffff;
  z-index: 10;
}

.home_nav_slide {
  position: absolute;
  top: 18px;
  right: 22px;
  z-index: 10;
}

.bt_next {
  position: relative;
  float: left;
  display: block;
  width: 28px;
  height: 28px;
  background-image: url("../img/bt_panneau_suiv.png");
  background-position: 0px 0px;
  z-index: 10;
}
.bt_next:hover {
  background-position: 0px -28px;
}

.bt_prev {
  position: relative;
  float: left;
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 5px 0 0;
  background-position: 0px 0px;
  background-image: url("../img/bt_panneau_prec.png");
  z-index: 10;
}
.bt_prev:hover {
  background-position: 0px -28px;
}

/*

DayPilot Scheduler Theme
http://themes.daypilot.org/scheduler/theme/tfopyi

Compatibility:

DayPilot Pro for JavaScript 8.0
http://javascript.daypilot.org/

DayPilot Pro for ASP.NET WebForms 8.0
http://www.daypilot.org/

DayPilot Pro for ASP.NET MVC 8.0
http://mvc.daypilot.org/

DayPilot Pro for Java 8.0
http://java.daypilot.org/

DayPilot Lite for ASP.NET WebForms 5.0
http://www.daypilot.org/daypilot-lite/

*/
.planningressources_main {
  border: 1px solid #aaaaaa;
}

.planningressources_main, .planningressources_main td {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.planningressources_event {
  color: #ffffff;
}

.planningressources_event_inner {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: 0px;
  overflow: hidden;
  padding: 2px;
  padding-top: 5px;
  border: 1px solid #807d80;
}

.planningressources_timeheadergroup,
.planningressources_timeheadercol {
  color: #006ab3;
  background: #eeeeee;
  background: linear-gradient(to top, #f3f3f3 0%, #e9e9e9);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9");
}

.planningressources_rowheader,
.planningressources_corner {
  color: #006ab3;
  background: #eeeeee;
  background: linear-gradient(to left, #f3f3f3 0%, #e9e9e9);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f3f3f3", endColorStr="#e9e9e9", GradientType=1);
}

.planningressources_rowheader_inner {
  padding: 2px;
}

.planningressources_timeheadergroup,
.planningressources_timeheadercol {
  text-align: center;
}

.planningressources_timeheadergroup_inner,
.planningressources_timeheadercol_inner {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-right: 1px solid #aaaaaa;
  padding: 2px;
}

.planningressources_timeheadergroup_inner {
  border-bottom: 1px solid #aaaaaa;
}

.planningressources_divider,
.planningressources_splitter,
.planningressources_divider_horizontal,
.planningressources_resourcedivider {
  background-color: #aaaaaa;
}

.planningressources_matrix_vertical_line,
.planningressources_matrix_horizontal_line {
  background-color: #eeeeee;
}

.planningressources_cell {
  background: #f9f9f9;
}

.planningressources_cell.planningressourceb_cell_business {
  background: #ffffff;
}

.planningressources_message {
  padding: 10px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  color: #ffffff;
  background: #4db2f0;
}

.planningressources_shadow_inner {
  background-color: #666666;
  opacity: 0.5;
  filter: alpha(opacity=50);
  height: 100%;
}

.planningressources_event_bar {
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
  background-color: #006ab3;
}

.planningressources_event_bar_inner {
  position: absolute;
  height: 3px;
  background-color: #4db2f0;
}

.planningressources_matrix_vertical_break {
  background-color: #000;
}

.planningressources_tree_image_expand {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLyUoFBT0AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAFJJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeRhgJGREc4GijMBtTNgA0BxFog+uA4IA2gmUJwFog/IgUhAGBB9KPYhA3T74Jog+hjx+A8A1KRQ+AN5vcwAAAAASUVORK5CYII=);
}

.planningressources_tree_image_collapse {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAAKXRFWHRDcmVhdGlvbiBUaW1lAHDhIDMwIEkgMjAwOSAwODo0NjozMSArMDEwMClDkt4AAAAHdElNRQfZAR4HLxB+p9DXAAAACXBIWXMAAA7CAAAOwgEVKEqAAAAABGdBTUEAALGPC/xhBQAAAENJREFUeNpjrK6s5uTl/P75OybJ0NLW8h8bAIozgeSxAaA4E1A7VjmgOAtEHyMjI7IE0EygOAtEH5CDqY9c+xjx+A8ANndK9WaZlP4AAAAASUVORK5CYII=);
}

.planningressources_columnheader_inner {
  font-weight: bold;
}

.planningressources_columnheader_cell {
  background: linear-gradient(to left, #eeeeee 0%, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#dddddd", GradientType=1);
}

.planningressources_columnheader_splitter {
  background-color: #666;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.planningressources_columnheader_cell_inner {
  padding: 2px;
}

.planningressources_timeheader_float_inner {
  padding: 2px;
}

.planningressources_event_float_inner {
  padding: 6px 2px 2px 7px;
}

.planningressources_event_float_inner:after {
  content: "";
  border-color: transparent #ffffff transparent transparent;
  border-style: solid;
  border-width: 5px;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: -4px;
}

.planningressources_event_move_left {
  box-sizing: border-box;
  padding: 2px;
  border: 1px solid #ccc;
  background: #fff;
  background: linear-gradient(to top, #ffffff 0%, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.planningressources_event_move_right {
  box-sizing: border-box;
  padding: 2px;
  border: 1px solid #ccc;
  background: #fff;
  background: linear-gradient(to top, #ffffff 0%, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
}

.planningressources_event_delete {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  cursor: pointer;
}

.planningressources_event_delete:hover {
  opacity: 1;
  -ms-filter: none;
}

.planningressources_rowmove_handle {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ccc;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAKCAYAAACT+/8OAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUGFdj+P//P4O9vX2Bg4NDP4gNFgBytgPxebgAMsYuQGMz/jMAAFsTZDPYJlDHAAAAAElFTkSuQmCC);
  cursor: move;
}

.planningressources_rowmove_source {
  background-color: black;
  opacity: 0.2;
}

.planningressources_rowmove_position_before, .planningressourceb_rowmove_position_after {
  background-color: #999;
  height: 2px;
}

.planningressources_rowmove_position_child {
  margin-left: 10px;
  background-color: #999;
  height: 2px;
}

.planningressources_rowmove_position_child:before {
  content: "+";
  color: #999;
  position: absolute;
  top: -8px;
  left: -10px;
}

.planningressources_rowmove_position_forbidden {
  background-color: #FF0000;
  height: 2px;
  margin-left: 10px;
}

.planningressources_rowmove_position_forbidden:before {
  content: "x";
  color: #FF0000;
  position: absolute;
  top: -8px;
  left: -10px;
}

.planningressources_link_horizontal {
  border-bottom-style: solid;
  border-bottom-color: #FF0000;
}

.planningressources_link_vertical {
  border-right-style: solid;
  border-right-color: #FF0000;
}

.planningressources_link_arrow_right:before {
  content: "";
  border-width: 6px;
  border-color: transparent transparent transparent #FF0000;
  border-style: solid;
  width: 0px;
  height: 0px;
  position: absolute;
}

.planningressources_link_arrow_left:before {
  content: "";
  border-width: 6px;
  border-color: transparent #FF0000 transparent transparent;
  border-style: solid;
  width: 0px;
  height: 0px;
  position: absolute;
}

.planningressources_link_arrow_down:before {
  content: "";
  border-width: 6px;
  border-color: #FF0000 transparent transparent transparent;
  border-style: solid;
  width: 0px;
  height: 0px;
  position: absolute;
}

.planningressources_shadow_overlap .planningressourceb_shadow_inner {
  background-color: #FF0000;
}

.planningressources_overlay {
  background-color: gray;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.planningressources_event_group {
  box-sizing: border-box;
  font-size: 12px;
  color: #666;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
}

.planningressources_header_icon {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  background-color: #eeeeee;
  color: #006ab3;
}

.planningressources_header_icon:hover {
  background-color: #e9e9e9;
}

.planningressources_header_icon_hide:before {
  content: "«";
}

.planningressources_header_icon_show:before {
  content: "»";
}

.planningressources_row_new .planningressourceb_rowheader_inner {
  cursor: text;
  background-position: 0px 5px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVChTY0ACslAaK2CC0iCQDMSlECYmQFYIAl1AjFUxukIQwKoYm0IQwFCMSyEIaEJpMMClcD4Qp0CYEIBNIUzRPzAPCtAVYlWEDgyAGIdTGBgAbqEJYyjqa3oAAAAASUVORK5CYII=);
}

.planningressources_row_new .planningressourceb_rowheader_inner:hover {
  background: white;
}

.planningressources_rowheader textarea {
  padding: 3px;
}

.planningressources_rowheader_scroll {
  cursor: default;
}

.planningressources_shadow_forbidden .planningressourceb_shadow_inner {
  background-color: #FF0000;
}

.planningressources_event_moving_source {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* CSS du menu horizontal */
#menu1 {
  position: relative;
  float: right;
  font-size: 14px; /*line-height: 25px;maintient le focus*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
#menu1 li {
  position: relative;
  float: left;
  display: inline;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

/* BT N1V 1 > MARGIN BUG SOUS FF */
#menu1 .nav_niv1 a {
  position: relative !important;
  float: left !important;
  display: block !important;
  height: 11px;
  padding: 23px 15px 10px 30px;
  margin: 0 0 0 4px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  background-image: url("../img/puce_nav.png");
  background-position: 12px 29px;
  background-repeat: no-repeat;
  background-color: #006ab3;
  transition: all 0.4s; /*background-color:#9FC;*/
}

/**/
#menu1 .nav_niv1 a:hover {
  background-color: #4db2f0;
}
#menu1 .nav_niv1 a:hover .linkOver {
  background-color: #4db2f0;
}

#menu1 .actif {
  color: #4db2f0 !important;
}

#menu1 .nav_niv1 a:focus {
  text-decoration: underline;
}

/*Block Ul niv2*/
#menu1 .nav_niv2 {
  position: absolute;
  visibility: hidden;
  display: block;
  width: auto;
  top: 44px;
  right: 0; /**/
  width: 750px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  height: 1%; /*=ASTUCE MASQUE LE FOCUS */
  background-color: transparent;
  background-image: none;
}

/*Block Ul niv2 - DERNIER MENU MAINTENU DANS LA PAGE*/
#menu1 .nav_niv2 .last_menu {
  left: -110px;
}

/**/
#menu1 .nav_col_block {
  position: relative;
  float: right !important;
  display: block;
  border-top: 5px solid #4db2f0;
}

#menu1 .nav_col {
  position: relative !important;
  float: left !important;
  display: block !important; /*width			: 230px!important;*/
  padding: 10px 5px 10px 5px !important;
  margin: 0 !important; /*background-color:#666;*/
}

#menu1 .nav_niv2 li {
  display: block;
  clear: both; /* CORRIGE LE DISPLAY INLINE DU MENU1 li (Niv 1)*/
  padding: 0;
  width: auto;
  float: none;
  text-align: left;
  border-left: none;
  background: none;
  zoom: 1;
}

/* BT NIV 2 */
#menu1 .nav_niv2 li a {
  position: relative;
  float: left;
  display: block;
  font-weight: normal;
  font-style: normal;
  width: 210px;
  min-height: 15px;
  height: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding: 2px 10px 2px 12px; /*border-bottom	: 2px solid #fff;*/
  background-color: transparent;
  transition: all 0s;
  color: #58585a !important;
}
#menu1 .nav_niv2 li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  width: 3px;
  height: 3px;
  background-color: #4db2f0;
}

#menu1 .nav_niv2 li a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #4db2f0 !important;
}

#menu1 .gradient {
  /* Anciens navigateurs */
  background: #E7E8EA url("../img/bg_menu_xxl.jpg") repeat-x top;
  background-size: 100% 100%; /* Navigateurs récents */
  background: linear-gradient(to top, #FCFDFF, #E7E8EA);
}

/*

.chap_actif{
	position		:relative;
	float			:left !important;
	display			: block;
	background-image:none !important;
	color			:#000 !important;
	background-color:#fff !important;
    }


#menu1 .actif {
	color			: #000;
}
*/
/* for a mozilla better display with key nav */
/*
#menu1 a:focus{
    background-color: #aaf!important;
}
*/
.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: flex;
}

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
  dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-grid-background {
  fill: none;
}

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}

.ct-line {
  fill: none;
  stroke-width: 4px;
}

.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}

.ct-bar {
  fill: none;
  stroke-width: 10px;
}

.ct-slice-donut {
  fill: none;
  stroke-width: 80px;
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #11B14B;
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  fill: #11B14B;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #8CC540;
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  fill: #8CC540;
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #FF741F;
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  fill: #FF741F;
}

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #FF2C33;
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  fill: #FF2C33;
}

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #00b0f0;
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  fill: #00b0f0;
}

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #5b9bd5;
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  fill: #5b9bd5;
}

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  fill: #d9d9d9;
}

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  fill: #d9d9d9;
}

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  fill: #d9d9d9;
}

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  fill: #d9d9d9;
}

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  fill: #d9d9d9;
}

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  fill: #d9d9d9;
}

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  fill: #d9d9d9;
}

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  fill: #d9d9d9;
}

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  fill: #d9d9d9;
}

.ct-series-p .ct-point, .ct-series-p .ct-line, .ct-series-p .ct-bar, .ct-series-p .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-p .ct-slice-pie, .ct-series-p .ct-slice-donut-solid, .ct-series-p .ct-area {
  fill: #d9d9d9;
}

.ct-series-q .ct-point, .ct-series-q .ct-line, .ct-series-q .ct-bar, .ct-series-q .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-q .ct-slice-pie, .ct-series-q .ct-slice-donut-solid, .ct-series-q .ct-area {
  fill: #d9d9d9;
}

.ct-series-r .ct-point, .ct-series-r .ct-line, .ct-series-r .ct-bar, .ct-series-r .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-r .ct-slice-pie, .ct-series-r .ct-slice-donut-solid, .ct-series-r .ct-area {
  fill: #d9d9d9;
}

.ct-series-s .ct-point, .ct-series-s .ct-line, .ct-series-s .ct-bar, .ct-series-s .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-s .ct-slice-pie, .ct-series-s .ct-slice-donut-solid, .ct-series-s .ct-area {
  fill: #d9d9d9;
}

.ct-series-t .ct-point, .ct-series-t .ct-line, .ct-series-t .ct-bar, .ct-series-t .ct-slice-donut {
  stroke: #d9d9d9;
}
.ct-series-t .ct-slice-pie, .ct-series-t .ct-slice-donut-solid, .ct-series-t .ct-area {
  fill: #d9d9d9;
}

.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}
.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}
.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.chartistQuestionNonRepondue {
  stroke: #b5b5b5 !important;
}

.ct-legend .chartistQuestionNonRepondue:before {
  background-color: #b5b5b5 !important;
  border-color: #b5b5b5 !important;
}

.chartistPourcentageNul {
  display: none;
}

.ct-legend {
  position: relative;
  z-index: 10;
}
.ct-legend li {
  position: relative;
  padding: 0 !important;
  padding-left: 15px !important;
  margin-bottom: 4px !important;
  font-size: 10px;
}
.ct-legend li:before {
  width: 6px !important;
  height: 6px !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  content: "" !important;
  border: 1px solid transparent;
  border-radius: 2px !important;
}
.ct-legend li.inactive:before {
  background: transparent !important;
}
.ct-legend.ct-legend-inside {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 10px 10px 10px 0;
  max-width: 200px;
}
.ct-legend .ct-series-0:before {
  background-color: #11B14B;
  border-color: #11B14B;
}
.ct-legend .ct-series-1:before {
  background-color: #8CC540;
  border-color: #8CC540;
}
.ct-legend .ct-series-2:before {
  background-color: #FF741F;
  border-color: #FF741F;
}
.ct-legend .ct-series-3:before {
  background-color: #FF2C33;
  border-color: #FF2C33;
}
.ct-legend .ct-series-4:before {
  background-color: #00b0f0;
  border-color: #00b0f0;
}
.ct-legend .ct-series-5:before {
  background-color: #5b9bd5;
  border-color: #5b9bd5;
}
.ct-legend .ct-series-6:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-7:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-8:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-9:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-10:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-11:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-12:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-13:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-14:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-15:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-16:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-17:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-18:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.ct-legend .ct-series-19:before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

div[class^=ct-chart-question] {
  margin-top: 4%;
  position: relative;
  min-height: 150px;
}

div[class^=ct-chart-question] > svg {
  margin-left: 50px;
}

.ct-legend.ct-legend-inside {
  left: 25px;
  max-width: 200px;
  text-align: left;
}

.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid Gainsboro;
  background-color: white;
  box-shadow: 0 2px 4px 0 #e6ebf1;
  transition: box-shadow 150ms ease;
}
.StripeElement--focus {
  box-shadow: 2px 2px 4px 0 Gainsboro;
}
.StripeElement--invalid {
  border-color: #fa755a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.stripe-bank-icon {
  width: 30px;
  position: absolute;
  top: 25%;
  right: 3%;
  color: #71bde8;
  z-index: 100;
}

.stripe-btn-main {
  display: inline-block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
  border-radius: 5px;
  background-color: #71bde8;
  font-size: medium;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s, width 0.3s, border-radius 0.3s 0.3s, box-shadow 0.3s;
}
.stripe-btn-main:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.stripe-btn-main.is-waiting {
  background-color: #858f94;
  pointer-events: none;
}
.stripe-btn-main.is-waiting:hover {
  box-shadow: none;
  cursor: default;
}
.stripe-btn-main.is-valid {
  background-color: #17D362;
  width: 35px;
  border-radius: 50%;
  pointer-events: none;
}
.stripe-btn-main.is-valid:hover {
  box-shadow: none;
  cursor: default;
}

.bg-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
  background-size: cover;
}

.select-theme {
  float: right;
  padding-top: 5px;
  margin-right: 5px;
}