@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700|Open+Sans:400italic,400,300,600);


body {
    margin: 0;
    background-color: #dfdfdf;
    font-size: 13px;
    font-family: 'Roboto', Arial, Helvetica, FreeSans, sans-serif;
    color: #006;
    text-align: center;
}

#page {
    background-color: #fff;
    background-image: none;
    /*max-width: 990px;*/
    border: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
	padding-left: 0;
	padding-right: 0;
}

header {
    /* background: #fff url(../img/header.jpg) no-repeat center top; */
    box-shadow: 0px 5px 8px #999;
    padding: 0;
    /* height: 108px; */
	width: 100%;
    margin: 0;
}

header img {
	width: 100%;
}

footer {
	/*height: 50px;*/
    background-color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 50px;
}

#main{
  background-color: #fff;
  margin-top: 20px;
  padding: 5px 20px;
}


p, span, li {
  line-height: 20px !important;
}





span.bold {
	font-weight: bold;
	color: black;
}

.tableHistoriqueStats td.date {
  width: 90px;
}


.tableHistoriqueStats thead tr:nth-child(1) th:nth-child(2),
.tableHistoriqueStats tr.total_split td:nth-child(2)
{
    background-color: #60358e;
    color: #fff;
    text-align: center;
}

.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(1)/*,
.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(2),
.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(3)*/
{
    background-color: #744c99;
    color: #fff;
}

.tableHistoriqueStats thead tr:nth-child(3) th:nth-child(1),
.tableHistoriqueStats td:nth-child(2),
.tableHistoriqueStats thead tr:nth-child(3) th:nth-child(4),
.tableHistoriqueStats td:nth-child(5),
.tableHistoriqueStats thead tr:nth-child(3) th:nth-child(7),
.tableHistoriqueStats td:nth-child(8)
{
  background-color: #c9b0ea; 
}

.tableHistoriqueStats thead tr:nth-child(1) th:nth-child(3),
.tableHistoriqueStats tr.total_split td:nth-child(3)
{
    background-color: #319188;
    color: #fff;
    text-align: center;
}

.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(4)
{
    background-color: #56b0a9;
    font-weight: bold;
    color: #fff;
}

.tableHistoriqueStats td:nth-child(11) {
  background-color: #abf3ec; 
}


/*.tableHistoriqueStats thead tr:nth-child(1) th:nth-child(2),
.tableHistoriqueStats thead tr:nth-child(1) th:nth-child(3),
.tableHistoriqueStats thead tr:nth-child(1) th:nth-child(4),
.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(1),
.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(3),
.tableHistoriqueStats thead tr:nth-child(2) th:nth-child(5)
{
    background-color: #696969;
}*/

.tableHistoriqueStats thead tr th,
.tableHistoriqueStats tr.total_split td:nth-child(1)
{
  font-size: 14px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #000;
  font-weight: bold;
  line-height: 16px;
}

.tableHistoriqueStats tr.total td:nth-child(1) {
  color: #000;
  font-weight: bold;
}

.tableHistoriqueStats tr.total_split td:nth-child(1) {
  background-color: #696969;
  color: #fff;
  font-size: 12px;
}
.tableHistoriqueStats thead tr:nth-child(n+2) th {
  font-size: 12px;
  color: #000;
  font-weight: normal;
  padding-top: 1px;
  padding-bottom: 1px;
}
.tableHistoriqueStats td {
  font-size: 11px;
  padding-left: 3px;
  padding-right: 3px;
}

.tableHistoriqueStats td:nth-child(n+2) {
  /*background-color: yellow;*/
  width: 65px;
}

.tableHistoriqueStats td:nth-child(n+8) {
  /*background-color: yellow;*/
  width: 75px;
}

.tableHistoriqueStats td .badge {
  font-size: 11px;
  padding: 1px 6px 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}




/* --------------------------------

Basic Style

-------------------------------- */

.o-card {
    background-color: #f5f9fb;
    border: 1px solid #e6e8ee;
    padding: 0rem 1.6rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.o-card h2 {
  color: #c8a14e !important;
}

h2 span.important {
  font-size: 18px !important;
  font-weight: normal !important;
}

ol.cd-breadcrumb a {
  color: #96c03d;
  text-decoration: none;
  line-height: 1;
  height: 60px;
}

ol.cd-breadcrumb a i{
  margin-right: 15px;
  /*margin-left: -73px;*/
}

ol.cd-breadcrumb{
  list-style: none;
}

.cd-breadcrumb {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}

.cd-breadcrumb.buttons-4 {
	width: 100%;
	max-width: 100%;
}
.cd-breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
/*.cd-breadcrumb li:last-of-type::after {*/
.cd-breadcrumb:not(.hidden_ip_triangle) li#ip_button::after,
.cd-breadcrumb.hidden_ip_triangle li#pj_button::after,
a.important::after{
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > * {
  /* selected step */
  color: #c8a14e;
}
.cd-breadcrumb a:hover {
  /* steps already visited */
  color: #c8a14e;
}
.cd-breadcrumb.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before {
  /* add a custom icon before each item */
  /*content: '';*/
  display: inline-block;
  height: 19px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  /*background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;*/
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}

.cd-breadcrumb {
  padding: 0 1.2em;
}
.cd-breadcrumb li {
  margin: 1.2em 0;
}
.cd-breadcrumb li::after {
  margin: 0 1em;
}
.cd-breadcrumb li > * {
  font-size: 1.6rem;
}


/* --------------------------------

Triangle breadcrumb

-------------------------------- */
.cd-breadcrumb.triangle {
  /* reset basic style */
  background-color: transparent;
  padding: 0;
}
.cd-breadcrumb.triangle li {
  position: relative;
  padding: 0;
  margin: 4px 4px 4px 0;
}
/*.cd-breadcrumb.triangle li:last-of-type {*/
.cd-breadcrumb.triangle:not(.hidden_ip_triangle) li#ip_button,
.cd-breadcrumb.triangle.hidden_ip_triangle li#pj_button{
  margin-right: 0;
}
.cd-breadcrumb.triangle li > * {
  position: relative;
  padding: 1em 1.5em 1em 3em;
  color: #2c3f4c;
  background-color: #edeff0;
  /* the border color is used to style its ::after pseudo-element */
  border-color: #edeff0;
}
.cd-breadcrumb.triangle li.current > * {
  /* selected step */
  color: #ffffff;
  background-color: #0086a6;
  border-color: #0086a6;
}
.cd-breadcrumb.triangle li.inactive > * {
  color: #ffffff;
  background-color: #999;
  border-color: #999;
}
.cd-breadcrumb.triangle li.inactive a,
.cd-breadcrumb.triangle li.inactive a:hover {
	cursor: not-allowed;
}
.cd-breadcrumb.triangle li.active > * {
  color: #ffffff;
}
.cd-breadcrumb.triangle li.green > * {
  background-color: #8cb75b;
  border-color: #8cb75b;
}
.cd-breadcrumb.triangle li.orange > * {
  background-color: #eea236;
  border-color: #eea236;
}
.cd-breadcrumb.triangle li.red > * {
  background-color: #DB5459;
  border-color: #DB5459;
}
.cd-breadcrumb.triangle li > * {
  padding-left: 1.6em;
  border-radius: .25em 0 0 .25em;
}
/*.cd-breadcrumb.triangle li:last-of-type > * {*/
.cd-breadcrumb.triangle:not(.hidden_ip_triangle) li#ip_button > *,
.cd-breadcrumb.triangle.hidden_ip_triangle li#pj_button > * {
  padding-right: 1.6em;
  border-radius: .25em .25em .25em .25em;
}

.cd-breadcrumb.triangle li b,
.cd-breadcrumb.triangle li u {
  padding: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background-color: inherit !important;
  border-color: inherit !important;
  font-size: inherit !important;
}

.cd-breadcrumb.triangle li:not(.inactive) a:hover {
  /* steps already visited */
  color: #ffffff;
  background-color: #2c3f4c;
  border-color: #2c3f4c;
}
.cd-breadcrumb.triangle li.green a:hover {
  /* steps already visited */
  color: #ffffff;
  background-color: #62853A;
  border-color: #62853A;
}
.cd-breadcrumb.triangle li.orange a:hover {
  /* steps already visited */
  color: #ffffff;
  background-color: #C57810;
  border-color: #C57810;
}
.cd-breadcrumb.triangle li.red a:hover {
  /* steps already visited */
  color: #ffffff;
  background-color: #9E2124;
  border-color: #9E2124;
}
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
  /*
  	li > *::after is the colored triangle after each item
  	li::after is the white separator between two items
  */
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  content: '';
  height: 0;
  width: 0;
  /* 48px is the height of the <a> element */
  border: 24px solid transparent;
  border-right-width: 0;
  border-left-width: 20px;
}
.cd-breadcrumb.triangle li::after {
  /* this is the white separator between two items */
  z-index: 1;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
  border-left-color: #ffffff;
  /* reset style */
  margin: 0;
}
.cd-breadcrumb.triangle li > *::after {
  /* this is the colored triangle after each element */
  z-index: 2;
  border-left-color: inherit;
}
/*.cd-breadcrumb.triangle li:last-of-type::after,
.cd-breadcrumb.triangle li:last-of-type > *::after {*/
.cd-breadcrumb.triangle:not(.hidden_ip_triangle) li#ip_button::after,
.cd-breadcrumb.triangle.hidden_ip_triangle li#pj_button::after,
.cd-breadcrumb.triangle:not(.hidden_ip_triangle) li#ip_button > *::after,
.cd-breadcrumb.triangle.hidden_ip_triangle li#pj_button > *::after {
  /* hide the triangle after the last step */
  display: none;
}
.cd-breadcrumb.triangle.custom-separator li::after {
  /* reset style */
  background-image: none;
}
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
  /* 50px is the height of the <a> element */
  border-top-width: 30px;
  border-bottom-width: 30px;
}

@-moz-document url-prefix() {
  .cd-breadcrumb.triangle li::after,
  .cd-breadcrumb.triangle li > *::after {
    /* fix a bug on Firefix - tooth edge on css triangle */
    border-left-style: dashed;
  }
}


/* --------------------------------

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
.cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before {
  /* change custom icon using image sprites - hover effect or current item */
  background-position: 0 -40px;
}
.cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before {
  background-position: -20px -40px;
}
.cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before {
  background-position: -40px -40px;
}
.cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before {
  background-position: -60px -40px;
}





/* --------------------------------

Infos

-------------------------------- */
ol.cd-breadcrumb li .info {
  position: absolute;
  /*height: 60px;*/
  font-size: 1em;
  left: calc(10% + 7px);
  /*min-width: 150px;*/
  /*max-width: 200px;*/
  padding: 7px!important;
  white-space: normal;
  color: black!important;
  background-color: transparent!important;
  border:2px solid #0086a6!important;
  border-radius: 3px!important;
}
ol.cd-breadcrumb li .info:before{
  content: '';
  position: absolute;
  top: 100%;
  left: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: 0;
}

ol.cd-breadcrumb li.inactive .info {
  border-color: #999 !important;
}
ol.cd-breadcrumb li.green .info {
  border-color: #8cb75b !important;
}
ol.cd-breadcrumb li.orange .info {
  border-color: #eea236 !important;
}
ol.cd-breadcrumb li.red .info {
  border-color: #DB5459 !important;
}

ol.cd-breadcrumb li.inactive .info.up::before {
  border-color: #999 transparent transparent transparent !important;
}
ol.cd-breadcrumb li.green .info.up::before {
  border-color: #8cb75b transparent transparent transparent !important;
}
ol.cd-breadcrumb li.orange .info.up::before {
  border-color: #eea236 transparent transparent transparent !important;
}
ol.cd-breadcrumb li.red .info.up::before {
  border-color: #DB5459 transparent transparent transparent !important;
}

ol.cd-breadcrumb li.inactive .info.down::before {
  border-color: transparent transparent transparent #999 !important;
}
ol.cd-breadcrumb li.green .info.down::before {
  border-color: transparent transparent transparent #8cb75b !important;
}
ol.cd-breadcrumb li.orange .info.down::before {
  border-color: transparent transparent transparent #eea236 !important;
}
ol.cd-breadcrumb li.red .info.down::before {
  border-color: transparent transparent transparent #DB5459 !important;
}

ol.cd-breadcrumb li .info ul,
ol.cd-breadcrumb li .info ul li,
ol.cd-breadcrumb li .info span {
  padding: 0;
  margin: 0;
  /*line-height: 17px;*/
}
ol.cd-breadcrumb li:not(#ip_button) .info ul li,
ol.cd-breadcrumb li:not(#ip_button) .info span {
  white-space: nowrap;
  float: none;
  display: block;
}
@media(max-width:991px){
  ol.cd-breadcrumb li:not(#ip_button) .info ul li,
  ol.cd-breadcrumb li:not(#ip_button) .info span {
    white-space: normal;
  }
}
ol.cd-breadcrumb li .info.up::before {
    top: 100%;
    border-width: 8px 8px 0 0;
    border-color: #0086a6 transparent transparent transparent;
}
ol.cd-breadcrumb li .info.down::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #0086a6;
}
ol.cd-breadcrumb li .info:after{
      border: 0;
}
ol.cd-breadcrumb li .info.up {
  top: -20px;
  transform: translateY(-100%);
}
ol.cd-breadcrumb li .info.down {
    top: calc(100% + 20px);
}
nav.breadcrumbNav{
  margin: 0;
  margin-top: 100px;
  margin-bottom: 90px;
}
@media(max-width:991px){
	nav.breadcrumbNav{
	  margin-top: 0px;
	}
}


ol.cd-breadcrumb li .info ul li:after,
ol.cd-breadcrumb li .info ul li u:after {
  border:0;
}




/* Ajouts YC */ /*SURCHARGE SB */
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
body {
  font-family: Open Sans,sans-serif;
	color:#696969 !important;
	font-size: 1.4rem !important;
}
header {
  box-shadow: none;
  -webkit-box-shadow: none;
}
#header-logos {
  display: inline-block;
  text-align: center;
  width: 99%;
}
header img {
  width: 22%;
  margin: 10px;
  display: inline-block;
}
h1 {
	font-size: 2rem;
  line-height: 1.8;
  font-family: Montserrat,sans-serif;
	color: #1a405f;
	/*text-transform: uppercase;*/
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.insa {
  color:#dc3545;
}
h2 {
	font-size: 2.2rem;
  font-family: Montserrat,sans-serif;
	color: #1a405f;
	/*text-transform: uppercase;*/
	text-align: left;
	border-bottom: 1px solid;
}

h2.page-closed {
	border: none;
	text-align: center;
}

h2.inscriptions-closed {
	border: none;
}

h3 {
	font-size: 14px;
	color: #008db0;
	text-transform: uppercase;
	text-align: left;
}

.panel.panel-default h3 {
  margin-top: 0;
}

#liens-utiles {
  color:#FFF;
}
#liens-utiles ul {
  background-color: #008db0;
  padding: 2rem 0 2rem 3rem;
}
#liens-utiles ul li a {
  color: #FFF;
  text-decoration: underline;
}
#liens-utiles ul li a:hover {
  text-decoration: none;
}
p {
    margin: .75em 0;
    text-indent: 0;
    /*text-align: justify;*/
}

p.important:not(.gras) {
    border: 1px solid;
	
    font-size: 1.5em;
    font-weight: bold;
    margin: 20px;
    padding: 10px;
    text-align: center;
}

a.important,
span.important,
p.gras.important {
	font-weight: bold !important;
	color: #c8a14e !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: inherit !important;
	font-size: inherit !important;
	height: auto !important;
}
a.important {
  text-decoration: underline !important;
	font-weight: bold !important;
	color: #c8a14e !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: inherit !important;
	font-size: inherit !important;
	height: auto !important;
}
a:hover.important {
  text-decoration: none !important;
  color: #FFF !important;
  background-color: #c8a14e !important;
}
p.aide {
    font-size: 1.1em;
    font-weight: bold;
}

.cnil,.tip {
    font-style: italic;
    color: #333333;
    margin: 0;
}
.cnil {
    font-size: 12.5px;
    color: #fff;
    line-height: 1.5em;
}
.tip {
    font-size: 9px;
}

label {
    font-weight: bold;
}

.gras {
    font-weight: bold;
	margin: 0;
}

.radio {
	margin-top: 0;
}

.radio .tip {
	padding-left: 20px;
}

.radio .form-row {
	margin-bottom: 10px;
}

a,
a:hover{
	color: #008db0;
}

.panel {
  background-color: #f5f9fb;
  border: 1px solid #e6e8ee;
  padding: 2rem !important;
  position: relative;
  overflow: hidden;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}


form#loginForm {
	/*border: 1px solid #CCCCCC;*/
	padding: 10px;
}

.form-row.submit {
	margin-top: 20px;
}

.form-row.ine,
.form-row.num-etu,
.form-row.ddn,
.form-row.submit/*,
#authAreaCas,
body:not(.page-admin) #authAreaNoCas*/
{
	display: none;
}

#authAreaCas {
  padding: 10px;
}


#liens-utiles .lien-utile {
    border: 1px solid #CCCCCC;
    box-shadow: 3px 3px 0;
    font-size: 16px;
    font-weight: bold;
    height: 75px;
    line-height: 20px;
    list-style-image: none;
    list-style-type: none;
    margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
    padding: 20px;
    text-align: center;
    /*width: 199px;*/
    box-shadow: 2px 2px 0 #007B99;
}
#authAreaCas {
  text-align:center;
}
.btn.btn-primary {
	
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    color: #fff;
    background-color: #c8a14e;
    padding: 1rem 1.4rem;
    border-radius: 1.8rem;
    font-size: 1.6rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  
}
.btn {
  box-shadow: none;
  -webkit-box-shadow:none;
}
.panel-danger>.panel-heading {
	background-color: #DB5459;
}









/* home */
li.triangle_button {
	min-width: 250px;
}
.cd-breadcrumb.buttons-4 li.triangle_button {
	min-width: 229px;
}
@media(min-width:1200px){
	li.triangle_button {
		min-width: 250px;
	}
	.cd-breadcrumb.buttons-4 li.triangle_button {
		min-width: 278px;
	}
}

li.triangle_button > a,
li.triangle_button > a > span {
	width: 100%;
	text-align: center;
}

li.triangle_button i.loading {
	padding: 0 !important;
	margin: 0 !important;
	position: absolute;
	z-index: 50;
	top: 10px;
	left: 25px;
	display: none;
}
li.triangle_button i.loading::before,
li.triangle_button i.loading::after {
	display: initial;
	padding: 0 !important;
	margin: 0 !important;
	border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

#content_identity {
	margin-bottom: 25px;
}

#content_buttons {
	margin-bottom: 40px;
}

#content_identity,
#cod_etu,
#opi,
#etab {
	display: none;
}

#content_error,
#content_error_auth,
#content_error_ia,
#content_error_pj,
#content_error_ip,
#content_error_sesame {
	display: none;
}

#content_buttons,
#ia_closed_info,
#ia_closed_button,
#ia_primo_info,
#ia_primo_button,
#ia_reins_info,
#ia_reins_button,
#ia_consult_info,
#ia_consult_button,
#pj_button,
#pj_button .info,
#ip_button,
#ip_button .info,
/*#sesame_button,*/
#sesame_accueil_button,
#sesame_button .info,
/*#sesame_button a,*/
#sesame_button form#activationSesameForm {
	display: none;
}

.step {
	display: none;
}

.warning {
	color: #DB5459;
}

@media(max-width:991px){
	li.triangle_button {
		width: 80%;
		display: block;
		float: initial;
		margin-bottom: 18px !important;
		margin-left: 10% !important;
	}
	.cd-breadcrumb.triangle.custom-icons li > ::after,
	.cd-breadcrumb.triangle li::after	{
		display: none;
	}
	
	.cd-breadcrumb.triangle li > * {
		border-radius: .25em .25em .25em .25em !important;
	}
	
	ol.cd-breadcrumb li .info.up,
	ol.cd-breadcrumb li .info.down {
		/*background-color: orange !important;*/
		/*transform: translateX(215px);*/
		transform: none;
		top: 0;
		left: 0;
		min-width: none !important;
		width: 100% !important;
		position: relative;
		margin-bottom: 2px;
	}
	
	ol.cd-breadcrumb li .info.up:before,
	ol.cd-breadcrumb li .info.down:before {
		display: none;
	}
	
	ol.cd-breadcrumb li .info ul,
	ol.cd-breadcrumb li .info ul li,
	ol.cd-breadcrumb li .info span {
		white-space: normal;
		float: none;
		display: block;
	}
	
	.step {
		display: block;
		font-size: 12px;
		background-color: blue;
		width: 60px;
		right: 0;
		position: absolute;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 2px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: .25em .25em .25em .25em !important;
	}
	
	.inactive .step {
		background-color: #2c3f4c;
	}
	.green .step {
		background-color: #62853A;
	}
	.orange .step {
		background-color: #C57810;
	}
	.red .step {
		background-color: #9E2124;
	}
}




#annee_univ,
#etab,
#quit {
	text-align: right;
}
.identity-label {
	font-weight: bold;
}

#quit {
	margin-top: 10px;
}




.stats-count {
  color: #30a2bb;
  font-weight: bold;
}

.stats-count.badge {
  color: #fff;
  background-color: #30a2bb;
}

.warning .stats-count.badge {
  color: #fff;
  background-color: #DB5459;
}

@media(max-width:767px){
	#content_video_inscription iframe,
    #content_video_ent iframe    {
      width: 100%;
      height: 260px;
      /*background-color: red;*/
    }
}
@media(min-width:768px){
	#content_video_inscription iframe,
    #content_video_ent iframe    {
      width: 100%;
      height: 320px;
      /*background-color: red;*/
    }

@media(min-width:992px){
	#content_video_inscription iframe,
    #content_video_ent iframe    {
      width: 100%;
      height: 320px;
      /*background-color: red;*/
    }
}
@media(min-width:1200px){
	#content_video_inscription iframe,
    #content_video_ent iframe    {
      width: 100%;
      height: 320px;
      /*background-color: red;*/
    }
}