/* ----------------------------------------------------------------------------------------- CSS */



/* -------------------------------------------------------------------------- MAINTENANCE WIDGET */
#maintenance-wrapper {
  position: fixed;
  top: 1em;
  left: 1em;
  z-index: 100000;
}
#maintenance-widget {
  border-radius:50px;
  padding: 3px 10px 4px 0px !important;
  width: 37px !important;
  text-overflow: ellipsis;
  overflow: hidden;

  display: inline-block;

  /*Transition*/
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  -ms-transition: All 0.4s ease;
  transition: All 0.4s ease;
}
#maintenance-widget:hover {
  width: 210px !important;
}
.widget{
  margin-bottom:0;
  font-weight:400;
  /*text-align:center;*/
  vertical-align:middle;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  white-space:nowrap;
  padding:5px 12px 0px 12px;
  font-size:14px;
  line-height:1.2;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* DANGER */
.widget-danger {
  color:#fff;
  background-color:#f5412e;
  border-color:#f42b16;
}
.widget-danger.active,.widget-danger:active,.widget-danger:focus,.widget-danger:hover,.open>.dropdown-toggle.widget-danger {
  color:#fff;
  background-color:#e5200b;
  border-color:#c31b09;
  text-decoration: none;
}
.widget-danger.active,.widget-danger:active,.open>.dropdown-toggle.widget-danger {
 background-image:none;
}
.widget-danger.disabled,.widget-danger.disabled.active,.widget-danger.disabled:active,.widget-danger.disabled:focus,.widget-danger.disabled:hover,.widget-danger[disabled],.widget-danger[disabled].active,.widget-danger[disabled]:active,.widget-danger[disabled]:focus,.widget-danger[disabled]:hover,fieldset[disabled] .widget-danger,fieldset[disabled] .widget-danger.active,fieldset[disabled] .widget-danger:active,fieldset[disabled] .widget-danger:focus,fieldset[disabled] .widget-danger:hover {
  background-color:#f5412e;
  border-color:#f42b16;
}
.widget-danger .badge {
  color:#f5412e;
  background-color:#fff;
}
.widget .text-danger {
  color:#ef210b;
}
.widget a.text-danger:hover {
  color:#be1a09;
}

/* WARNING */
.widget-warning {
  color:#fff;
  background-color:#f9bb05;
  border-color:#e0a804;
}
.widget-warning.active,.widget-warning:active,.widget-warning:focus,.widget-warning:hover,.open>.dropdown-toggle.widget-warning {
  color:#fff;
  background-color:#c79504;
  border-color:#a47b03;
  text-decoration: none;
}
.widget-warning.active,.widget-warning:active,.open>.dropdown-toggle.widget-warning {
 background-image:none;
}
.widget-warning.disabled,.widget-warning.disabled.active,.widget-warning.disabled:active,.widget-warning.disabled:focus,.widget-warning.disabled:hover,.widget-warning[disabled],.widget-warning[disabled].active,.widget-warning[disabled]:active,.widget-warning[disabled]:focus,.widget-warning[disabled]:hover,fieldset[disabled] .widget-warning,fieldset[disabled] .widget-warning.active,fieldset[disabled] .widget-warning:active,fieldset[disabled] .widget-warning:focus,fieldset[disabled] .widget-warning:hover {
  background-color:#f9bb05;
  border-color:#e0a804;
}
.widget-warning .badge {
  color:#f9bb05;
  background-color:#fff;
}
.widget .text-warning {
  color:#ae8303;
}
.widget a.text-warning:hover {
  color:#7c5d02;
}

/* SUCCESS */
.widget-info {
  color:#fff;
  background-color:#5cc3e5;
  border-color:#46bbe1;
}
.widget-info.active,.widget-info:active,.widget-info:focus,.widget-info:hover,.open>.dropdown-toggle.widget-info {
  color:#fff;
  background-color:#30b3de;
  border-color:#20a0ca;
  text-decoration: none;
}
.widget-info.active,.widget-info:active,.open>.dropdown-toggle.widget-info {
  background-image:none;
}
.widget-info.disabled,.widget-info.disabled.active,.widget-info.disabled:active,.widget-info.disabled:focus,.widget-info.disabled:hover,.widget-info[disabled],.widget-info[disabled].active,.widget-info[disabled]:active,.widget-info[disabled]:focus,.widget-info[disabled]:hover,fieldset[disabled] .widget-info,fieldset[disabled] .widget-info.active,fieldset[disabled] .widget-info:active,fieldset[disabled] .widget-info:focus,fieldset[disabled] .widget-info:hover {
  background-color:#5cc3e5;
  border-color:#46bbe1;
}
.widget-info .badge {
  color:#5cc3e5;
  background-color:#fff;
}
.widget .text-info {
  color:#21a3ce;
}
.widget a.text-info:hover {
  color:#1a81a2;
}


/* ---------------------------------------------------------------------------------- RGPD POPIN */
.btn_accept,
.btn_refuse {
  margin: 0 auto;
  line-height: 1.3333333;
  border-radius: 6px;
  display: block;
}

.btn_accept {
  font-size: 18px;
  padding: 10px 0px;
  width: 400px;
  text-align: center;
  background: #f39712;
  border: 1px solid #f39712;
}

.btn_accept:hover {
  cursor: pointer;
  background: #da6f0d;
  border: 1px solid #da6f0d;
}

.btn_refuse {
  font-size: 10px;
  margin-top: 5px;
  padding: 5px 0px;
  width: 400px;
  color: #333333;
  background: #e7e7e7;
  border: 1px solid #e7e7e7;
}

.btn_refuse:hover {
  cursor: pointer;
  color: #fff;
  background: #333333;
  border: 1px solid #333333;
}
.fancybox-skin {
  position: relative;
  background: white !important;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px !important;
  border: 3px solid #4172fa !important;
}

.btn_contact {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f28f17), color-stop(1, #f28f17));
  background:-moz-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:-webkit-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:-o-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:-ms-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:linear-gradient(to bottom, #f28f17 5%, #f28f17 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28f17', endColorstr='#f28f17',GradientType=0);
  background-color:#f28f17;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border: 1px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:16px;
  padding:17px 44px;
  text-decoration:none;
}
.btn_contact:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f28f17), color-stop(1, #f28f17));
  background:-moz-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:-webkit-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:-o-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:-ms-linear-gradient(top, #f28f17 5%, #f28f17 100%);
  background:linear-gradient(to bottom, #f28f17 5%, #f28f17 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28f17', endColorstr='#f28f17',GradientType=0);
  background-color:#f28f17;
}
.btn_contact:active {
  position:relative;
  top:1px;
}


/* ----------------------------------------------------------------------------------------- NAV */
.nav-tabs {
	border-bottom: 2px solid #DDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 0;
}
.nav-tabs > li > a {
	border: none;
	color: #2F2E2E;
    text-decoration: none;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
	border: none;
	color: #4172fa !important;
	background: transparent;
}
.nav-tabs > li > a::after {
	content: "";
	background: #4172fa;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
	transform: scale(1);
}
.tab-pane {
	padding: 15px 0;
}
.tab-content{
	padding:15px;
}

/*#13157*/
.bandeau-reloaded{
  background-color: #4172fa;
  height:35px;
  line-height: 25px;
  text-align: center;
  margin-top: -30px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;

}
.bandeau-reloaded>a{
  color:white!important
}
.bandeau-reloaded .cta  {
  color:white!important;
  font-size:1.3em;
  margin-bottom: 10px;
}

.bandeau-reloaded .cta a {
    font-weight: bold;
    text-decoration: underline;
}

.bandeau-reloaded > p {
  margin-bottom:0;
}

.bandeau-reloaded > p > a {
  color:white!important;
}


.lg-md-hidden
{
    display: none;
}

.sm-hidden
{
    display: initial;
}

.padding-top-50
{
    padding-top: 50px;
}

@media (max-width: 768px)
{
    .img-container
    {
        margin-top: 0px !important;
        margin-bottom: 30px !important;
    }

    .lg-md-hidden
    {
        display: block !important;
    }

    .sm-hidden
    {
        display: none !important;
    }

    .padding-top-50
    {
        padding-top: 0px !important;
    }

    .covid-banner
    {
        padding-top: 20px !important;
    }
}

.close-covid
{
    cursor: pointer;
    height: 100%;
    width: 40px;
    vertical-align: top !important;
}

.covid-banner
{
    display: none;
    background-color: #7f797d;
    color: white;
    max-width: 100% !important;
    padding-top: 50px;
}

header
{
  margin-bottom: 0px !important;
}

i.fas.fa-eye
{
  cursor: pointer;
}

.head-band-container {
    height: 125px;
    background-color: #4172fa;
    box-shadow : 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
}

.head-band-content {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    margin-top: 1px;
}

.head-band-content div {
    color: #fff;
}

.head-band-content div:first-child {
    font-size: 18px;
    font-weight: bold;
}

.head-band-content div:nth-child(2) {
    font-size: 14px;
    margin-top: 10px;
}

.head-band-content .head-band-buttons {
    margin-top: 10px;
}

.head-band-content button {
    height: 35px;
    padding: 0px 15px;
    font-weight: bold;
    border-radius: 1px;
}

.head-band-content .head-band-buttons .show-video-button {
    background: #4172fa;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 15px;
}

.head-band-content .head-band-buttons .discover-button {
    background: #fff;
    color: #4172fa;
    border: none;
}

.user-vcard
{
    height: auto !important;
    width: 40% !important;
}

div.user-vcard-small
{
    height: auto !important;
}