@font-face {
    font-family: 'tanu';
    src:url('../fonts/tanu.eot?-d7qotr');
    src:url('../fonts/tanu.eot?#iefix-d7qotr') format('embedded-opentype'),
            url('../fonts/tanu.ttf?-d7qotr') format('truetype'),
            url('../fonts/tanu.woff?-d7qotr') format('woff'),
            url('../fonts/tanu.svg?-d7qotr#tanu') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="tanu-"], [class*=" tanu-"] {
    font-family: 'tanu';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-align: center;
}
.nowrap {
	white-space: nowrap;
}
.text-14 {
	font-size: 14px;
}
small, .small {
	font-weight: normal;
}
.dropdown-menu li a{
	text-decoration: none;
}
.dropdown-swap .dropdown-toggle{
    padding: 20px;
}
.navbar-nav .dropdown-swap.open .dropdown-menu>li>a{
    height: 20px;
    padding: 0;
    background-position-x: 16px !important;
} 
.navbar-nav .dropdown-swap.open .dropdown-menu>li{
    padding: 8px 0;
}
#header .swap{
   padding: 20px;
}
#header .swap a{
    font-size: 1.125em;
    padding: 0;
    cursor: pointer;
    float: left;
    height: 20px;
    opacity: 0.75;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: linear 0.3s;
}
#header .swap-mobile a{
    width: 60px;
    height: 60px;
    font-size: 1.125em;
    padding: 20px;
    cursor: pointer;
    float: left;
}
#header .swap-mobile a:hover{
    color:#2e2e32;
}
#header .swap a:hover{
    color:#2e2e32;
    opacity: 1;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
#header .swap-school{
    background: url(../img/logo_ecole.png) no-repeat 30px 2px;
    width: 128px;
    background-size: 98px 16px; 
}
#header .profile ul > li {
	padding: 10px;
}
a.dropdown-toggle{
	text-decoration: none;
}
.sidebar-profile .profile-body.dropdown > .dropdown-menu li a:hover {
    background-color: transparent;
    color: #262626;
}
small.title span{
    color: #fff;
}
.profile-progress h5{
    color:#979898;
}
.profile-progress h5 span{
    color:#1d212a;
}
.profile-progress .progress{
    margin-top: 2px;
}
.profile-body .dropdown-menu{
    padding-bottom: 5px;
    padding-top: 10px;
}
.sidebar-profile .profile-body.dropdown > .dropdown-menu .profile-progress{
    padding: 0 10px 5px 10px;
}
.sidebar-profile .profile-body.dropdown > .dropdown-menu{
    left: 14px;
}
.modal-dialog {
    margin: 80px auto;
}
.navbar-right li.credits-number{
    height: 60px;
    line-height: 60px;
}
.navbar-right li.nav-buy-credits a.btn-success{
    padding:8px 14px;
    display: inline;
}
.navbar-right li.nav-buy-credits a.btn-success:hover{
    color: #ffffff;
    background-color: #2ccbc3;
    border-color: #2ccbc3;
}
.navbar-right li.nav-buy-credits{
    line-height: 60px;
    margin-left: 15px;
}
#header .navbar-right li.logo{
	display:none;
}

.navbar-right li.logout a:hover{
	background: #f6f8f8;
	color: #1d212a;
}
.tab-wrapper .tab-content{
    padding-top: 30px;
}
.tab-wrapper > .nav-tabs > li a {
	text-decoration: none;
}

.powered-by-tanu {
	color: #1d212a;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 0.77em;
}
.powered-by-tanu img {
	margin-left: 6px;
	vertical-align: text-bottom;
}

.alert {
    word-wrap: break-word;
}
.btn-alt1,
.btn-alt1:hover,
.btn-alt1.disabled {
	border: 1px solid #fff;
}
.btn-alt1.disabled {
	background: transparent;
	opacity: 0.5;
}
.btn-success.btn-alt1:hover, .btn-success.btn-alt1:focus,
.btn-success.btn-alt1:active, .btn-success.btn-alt1.active, .open .dropdown-toggle.btn-success.btn-alt1 {
	background: #fff;
	color: #27b6af;
}
.btn-warning.btn-alt1:hover, .btn-warning.btn-alt1:focus,
.btn-warning.btn-alt1:active, .btn-warning.btn-alt1.active, .open .dropdown-toggle.btn-warning.btn-alt1 {
	background: #fff;
	color: #f0ad4e;
}
.alert.alert-alt1 {
	color: #fff;
}
.alert-success.alert-alt1 {
	background: #27b6af;
	border-color: #27b6af;
}
.alert-primary.alert-alt1 {
	background: #337ab7;
	border-color: #337ab7;
}
.alert-warning.alert-alt1 {
	background: #f0ad4e;
	border-color: #f0ad4e;
}
.alert .test-disponibility {
	color: #424856;
}

/***** Liste des tests d’un candidat *****/
.upcoming-block .test-disponibility > .fa-fw {
    color: #337ab7;
}
.active-block .test-disponibility > .fa-fw {
    color: #27b6af;
}
.finished-block .test-disponibility > .fa-fw {
    color: #f0ad4e;
}

a.green-link{
    color:#27b6af;
    cursor: pointer;
}
a.green-link:hover{
    text-decoration: underline;
}
.text-normal {
    text-transform: none;
}

/***** Les Tableaux *****/
.tableContainer table th a{
    margin-left: 10px;
}
.tableContainer table#testlist th a{
    margin-left: 0;
}
.tableContainer table#testlist th a.active-all i.fa,
.tableContainer table#testlist th a.resend-all i.fa {
    display: none;
}
.tableContainer table#testlist th a.active-all.loading i.fa,
.tableContainer table#testlist th a.resend-all.loading i.fa {
    display: inline-table;
}
.tableContainer table#testlist tr span.label{
	padding: 1px 5px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}
.tableContainer table#testlist thead td input,
.tableContainer table#testlist thead td select {
	width: 100%;
}
.tableContainer .table td.obsolete-test {
    color: #bbb;
}
.modern-table .table > thead > tr > th {
	border-bottom: 1px;
}
.modern-table .table > thead > tr > th,
.modern-table .table > tbody > tr > th,
.modern-table .table > tfoot > tr > th,
.modern-table .table > thead > tr > td,
.modern-table .table > tbody > tr > td,
.modern-table .table > tfoot > tr > td {
	border-top: 0;
	border-bottom: 1px solid #ddd;
}
.modern-table .table > thead > tr > td {
	border: 0;
}

/***** Formulaire, élément select *****/
select,
select.form-control,
select.form-control:focus {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url("../img/caret-down.png");
	background-size: auto 33px;
    background-repeat: no-repeat;
    background-position-x: right;
}

/*****  *****/
#invoiceForm .modal-body{
    padding-bottom: 0;
}
#invoiceForm .control-label{
    text-align: left;
}
#invoiceForm .icheckbox_flat-grey{
    margin-right: 10px;
}
#invoiceForm .row-input{
    text-align: right;
    padding: 0;
    margin-bottom: 30px;
}
#invoiceForm .row-input label{
    line-height: 37px;
    margin-right: 15px;
    margin-bottom: 0;
}
#invoiceForm input.credits, #invoiceForm input.price{
    width: 130px;
    text-align: right;
    float: right;
}


.stripe-panel #payment-form {

}

.notice-stripe{
  margin-bottom: 15px;
  width: 100%;
  height: 60px;
  border-radius: 4px;  
  border: solid 1px #27b6af;
  background-color: #27b6af;
}
.notice-stripe > p  {
    font-size: 1.4em;
    font-weight: 500;    
    line-height: 60px;
    text-align:center;
    color: #ffffff;
}

.stripe-panel p a img {
    height: 30px;
}

.stripe-panel #payment-form {
  min-width: 400px;
  align-self: center;
  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 20px;
}

.stripe-panel #payment-form input {
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  font-size: 16px;
  width: 100%;
  background: white;
}

.stripe-panel #payment-form .result-message {
  line-height: 22px;
  font-size: 16px;
}

.stripe-panel #payment-form .result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}

.stripe-panel #payment-form .card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}

.stripe-panel #payment-form #card-element {
  border-radius: 4px 4px 0 0 ;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}

.stripe-panel #payment-form #payment-request-button {
  margin-bottom: 32px;
}

/* Buttons and links */

.stripe-panel #payment-form button {
  background: #27b6af;
  color: #ffffff;
  font-family: Arial, sans-serif;
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}

.stripe-panel #payment-form button:hover {
  filter: contrast(115%);
}

.stripe-panel #payment-form button:disabled {
  opacity: 0.5;
  cursor: default;
}

.delete-box form{
    margin-top: 10px;
}
.buy-credits-btn{
    /*text-align: center;*/
}
.buy-credits-loader{
    width:100%;
    height: 100%;
    text-align: center;
    background-color: white;
    opacity: 0.5;
    z-index: 10;
    position: absolute;
}
.buy-credits-loader img{
    margin-top: 109px;
}
.buy-credits-panel{
    position: relative;
}
/* dashboard */
.panel-dashboard-header .panel-body{
    padding: 40px;
    text-align: center;
}
.panel-dashboard-header .panel-body{
    display: table;
}
.panel-dashboard-header .panel-body .row{
    display: table-row;
}
.panel-dashboard-header .panel-body .col-cell{
    display: table-cell;
    vertical-align: middle;
    float:none;
}
.panel-dashboard-header .dashboard-header-desc{
    font-size: 25px;
}
.btn-dashboard-header{
    font-size: 18px;
    color:#fff;
    background-color: #0d7e78;
    margin-bottom: 20px;
    margin-top: 28px;
}
.btn-dashboard-header i{
    padding-left: 0;
}
.btn-dashboard-header:hover, 
.btn-dashboard-header:focus,
.btn-dashboard-header.active{
    color:#fff;
    background-color: #096d68;
}
a.dashboard-header-link{
    font-size: 14px;
    text-align: center;
    color: #fff;
}
a.dashboard-header-link:hover, 
a.dashboard-header-link:focus,
a.dashboard-header-link.active{
    text-decoration: underline;
    color: #fff;
}
.widget-mini i{
    font-size: 25px;
}
.widget-simple i{
    top: 15px;
}
.calendar-panel .panel-body{
    padding: 0;
}
#full-clndr {
    width: 100%;
    background-color: #ebebeb;
}
#full-clndr .clndr-controls {
    padding: 23px 20px;
    background-color: #27b6af;
    color: white;
    text-align: center;
    position: relative;
}
#full-clndr .clndr-controls .clndr-previous-button {
    float: left;
    text-align: left;
}
#full-clndr .clndr-controls .clndr-next-button {
    float: right;
    text-align: right;
}
#full-clndr .clndr-controls .clndr-previous-button,
#full-clndr .clndr-controls .clndr-next-button {
    top: 20px;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome/Safari */

    -moz-user-select: none;
    /* Firefox */

    -ms-user-select: none;
    /* IE10+ */

}
#full-clndr .clndr-controls .clndr-previous-button:hover,
#full-clndr .clndr-controls .clndr-next-button:hover {
    background-color: #fff;
    color: #27b6af;
}
#full-clndr .clndr-grid {
    float: left;
    width: 65%;
}
#full-clndr .clndr-grid .days-of-the-week {
    width: 100%;
    background-color: #1f7bb6;
}
#full-clndr .clndr-grid .days-of-the-week .header-day {
    float: left;
    width: 14.2857%;
    padding: 14px;
    text-align: center;
    color: white;
}
#full-clndr .clndr-grid .days {
    width: 100%;
}
#full-clndr .clndr-grid .days .day,
#full-clndr .clndr-grid .days .empty {
    float: left;
    width: 14.2857%;
    height: 66px;
    padding: 24px 0;
    text-align: center;
    color: #565656;
    background-color: #fff;
    border-bottom: 2px solid white;
}
#full-clndr .current-month{
    text-transform: uppercase;
}
#full-clndr .clndr-grid .days .day.event .day-number,
#full-clndr .clndr-grid .days .empty.event .day-number {
    padding-bottom: 4px;
    border-bottom: 2px solid #1f7bb6;
}
#full-clndr .clndr-grid .days .day.adjacent-month .day-number,
#full-clndr .clndr-grid .days .empty.adjacent-month .day-number {
    opacity: 0.5;
}
#full-clndr .clndr-grid .days .today {
    background-color: #27b6af;
    background-image: none;
    color: #fff;
}
#full-clndr .event-listing {
    float: left;
    width: 35%;
    height: 380px;
    overflow-y: auto;
}
#full-clndr .event-listing .event-listing-title {
    padding: 14px;
    background-color: #909aa0;
    text-align: center;
    color: white;
    letter-spacing: 1px;
}
#full-clndr .event-listing .event-item {
    padding: 14px;
    color: #565656;
}
#full-clndr .event-listing .event-item .event-item-name{
    font-weight: bold;
    font-size: 14px;
}
#full-clndr .event-listing .event-item .event-item-name a{
    color: #565656;
}
#full-clndr .event-listing .event-item .event-item-name a:hover{
    color: #565656;
    text-decoration: underline;
}
#full-clndr .event-listing .event-item .event-item-date{
    font-size:12px;
}
.current-tests ul{
    margin: 0;
    padding: 0;
}
.current-tests ul li{
    list-style: none;
}

.users-ranks ul{
    padding: 0;
    margin: 0;
}
.users-ranks ul li{
    list-style-type: none; 
}
.users-ranks .doughnut-canvas-holder{
    width:100%;
    max-width: 100%;
}
.level-1-color{
    color:#F2D145;
}
.level-4-color{
    color:#ededed;
}
.level-3-color{
    color:#F2B3B3;
}
.level-2-color{
    color:#E20613;
}
.level-5-color{
    color:#98CDF9;
}
.level-6-color{
    color:#545454;
}
.level-7-color{
    color:#DD5EAC;
}
.level-8-color{
    color:#1AAA8E;
}
.mini-img{
    padding: 0;
}
.tanu-logo:before {
    content: "\e700";
}
.tanu-passport:before {
    content: "\e600";
}
.brand .logo{
    background: url('../img/logo_tanu.png') no-repeat 0px 12px;
    background-size: 212px 42px;
    width: 212px;
    height: 60px;
}
.brand .logo.logo-sncf{
    background: url('../img/themes/SNCFDEV/logo_devsncf.png') no-repeat 0px 12px;
    background-size: 212px 36px;
    width: 212px;
    height: 60px;
}
#login-wrapper .logo{
	background: none;
}
#login-wrapper .logo img{
	margin-top: 12px;
}
nav{
    margin-top:20px;
}
a.cgu-link, a.cgv-link{
    color:#565656;
    text-decoration: underline;
}
a.cgu-link:hover, a.cgv-link:hover{
    color:#565656;
    text-decoration: underline;
}
a.menu-infos{
    color: #B3B8C3;
    font-size: 0.75em;
    margin-bottom: 10px;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    text-decoration: underline;
}
a.menu-infos:hover{
    text-decoration: underline;
}
.no-select{
    -webkit-user-select: none; // For Webkit
    -khtml-user-select: none;
    -moz-user-select: none; // For Mozilla
    -o-user-select: none;
    user-select: none; // Default
}
.alert p.start-test{
    margin-top: 10px;
    text-align: center;
}
.test-disponibility{
    background-color: #fff;
    border-radius: 2px;
    padding: 6px;
    margin-top: 8px;
    margin-bottom: 3px;
    /*width: 237px;*/
}
.form-error{
    list-style-type: none;
    color: #a94442;
    padding-left: 10px;
    margin-top: 5px;
}
.error-message{
    color: #a94442;
}
.buy-credits-link{ 
    color: #31708f !important;
}
.csv-link{
    color: #565656 !important;
}
.csv-link:hover, .buy-credits-link:hover{
    text-decoration: underline;
}

#login-wrapper{
    margin: 0;
}
#login-wrapper .logo, #header .logo{
    padding: 0;
}
#login-wrapper .panel-primary > .panel-heading {
  background-color: #27b6af;
  border-color: #27b6af;
}
.forget-password{
    cursor: pointer;
    color:#565656;
}
.forget-password:hover{
    color:#565656;
    text-decoration: underline;
}
trix-editor {
    border: 2px solid #e8ebed;
    border-radius: 2px;
}
.form-control:focus, trix-editor:focus {
  border-color: #27b6af;
}
/* training */
#trainingModal .alert-danger{
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
}
#trainingModal p.training-text{
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
}
#trainingModal p.training-arrow{
    color: #cdcdcd;
    font-size: 16px;
    text-align: center;
}
.training-timer {
    margin-bottom: 10px;
}
.training-timer img{
    width: 320px;
    display: block;
    margin: auto;
}
.training-answer{
    background-color: #27b6af;
    color: #fff;
    height: 50px;
    text-align: center;
    line-height: 50px;
    width:246px;
    margin: 0 auto 10px auto;
}
#trainingModal .checkbox{
    padding-left: 0;
    margin: 20px 0 0 0;
}
/* end training */
/* timer */
.timer-content {
    margin-bottom: 50px;
}
.timer-content p{
    font-size: 20px
}
.timer-block{
    margin-bottom: 10px;
    text-align: center;
}
.timer-block .questions-count,
.timer-block .timer, .timer-block .timer-pause{
    font-size: 50px;
    display: inline-block;
}
.timer-block .questions-count .questions-label,
.timer-block .timer-label{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
.timer-block .timer-label{
    display: block;
}
.timer-block .questions-count{
    border-right: 1px solid #d1d4dd;
    padding-bottom: 10px;
    padding-right: 30px;
}
.timer div.jst-hours, .timer-pause div.jst-hours,
.timer div.jst-minutes, .timer-pause div.jst-minutes,
.timer div.jst-seconds, .timer-pause div.jst-seconds{
    display: inline-block;
    margin-left: 30px;
}
.timer .timer-value, .timer-pause .timer-value{
    text-align: center;
}
/* end timer */
/* pause modal & co */
#modal-pause {
	font-size: 20px;
}
#modal-pause div.modal-content{
	padding-bottom:10px;	
}
#modal-pause p.deadline-hour-pause {
	font-size: 30px;
	font-weight: bold;
	color:#FF0000;
}
#modal-pause a {
	padding:8px 14px;
	font-size: 16px;
}
div.break-message-incoming {
	display: none;
}
div.break-message-incoming p {
	font-size: 20px;
	font-weight: bold;
	color:#FF0000;
}
/* end pause modal & co */
/* paginator */
.pagination>li>a, .pagination>li>span{
    color:#07826b;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
    color:#07826b;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #27b6af;
  border-color: #27b6af;
}
/* end paginator */

/* datepicker avec le picto ne bout de champ */
.full-datepicker-field .input-group-addon {
	display: inline-block;
    height: 37px;
    top: 31px;
    right: 29px;
    position: absolute;
    background: none;
    border: none;
}
.no-gutter-right .full-datepicker-field .input-group-addon {
	right: 14px;
}
.full-datepicker-field .input-group-addon .fa-calendar {
	cursor: pointer;
}

/* Liste des catégories du test */
.fa.fa-check.green:before {
	color: #27b6af;
}
table td label.checkbox-inline,
#testForm .radio-inline {
	padding-left: 0;
}
#testForm .active-label.label.label-premium {
	font-size: 11px;
    font-weight: 100;
    padding: 2px 6px;
    background: #ffc000;
}
#testForm .table .fa-check {
	color: #27b6af;
}
#testForm .table > tbody > tr > td {
	border-bottom: 1px solid #ddd;
}
#testForm .table > tbody > tr > td:first-child {
	width: 40px;
}
#testForm .test-14 {
	font-size: 14px;
}
#testForm a.popover-info {
	text-decoration: none;
}
#testForm .active-label.label.label-premium i {
	font-size: 10px;
}
.checkbox-inline .icheckbox_flat-grey,
.radio-inline .iradio_flat-grey{
    margin-right: 5px;
}
.icheckbox_flat-grey.focus,
.icheckbox_flat-grey.active,
.radio-inline .iradio_flat-grey.focus {
	background-image: url(./plugins/iCheck/flat/green.png);
}


/** Customisation du boution input file **/
.form-group.custom-fileinput .btn {
    margin-bottom: none;
}
.form-group.custom-fileinput .input-group input.form-control {
    border-right: none;
}
.form-group.custom-fileinput .input-group.focus input.form-control,
.form-group.custom-fileinput .input-group input.form-control:focus {
    border: 2px solid #27b6af;
    border-right: 0;
    outline: none;
    color: transparent;
    text-shadow: 0 0 0 #555;
}
.form-group.custom-fileinput .input-group.focus input.form-control::-moz-selection {
    background: transparent;
}
.form-group.custom-fileinput .input-group.focus input.form-control::selection {
    background: transparent;
}
.form-group.custom-fileinput .input-group .input-group-btn {
    border-left: none;
}
.form-group.custom-fileinput .input-group .input-group-btn .btn {
    background: #aab1b5;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    border: 2px solid #aab1b5;
    border-left: none;
}
.form-group.custom-fileinput .input-group.focus .input-group-btn .btn {
    border: 2px solid #27b6af;
    border-left: none;
}

/** Customisation de l'affichage de iCheck en block et pas en inline **/
.not-inline-icheck label.radio-not-inline {
	font-weight: normal;
}
.not-inline-icheck label.radio-not-inline div {
	margin-right: 5px;
}




a.btn{
	text-decoration: none;
    color: #fff;
}
a.btn-xs{
    margin-bottom: 2px;
}
#question{
    min-height: 350px;
}
#question h1{
    text-align: center;
    margin-bottom: 50px;
}
#question .answer-radio{
    display: none;
}
#question .answer-label{
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #27b6af;
    height: 65px;
    line-height: 65px;
    margin-bottom: 15px;
    cursor: pointer;
    border-radius:3px;
}
#question .answer-label:hover{
    background-color: #2ccbc3;
}
#question .answer-label span {
    display:inline-block;
    vertical-align:middle;
    line-height:normal;
}
#question .question-img{
    display: block;
    margin: 0 auto 40px auto;
    cursor: zoom-in;
}
body .modal-100{
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}
.textDiv_Minutes, .textDiv_Seconds{
    margin-top: 6px;
}
.textDiv_Minutes h4, .textDiv_Seconds h4{
    font-size: 16px !important;
}
#situationChart .c3-xgrid, 
#situationChart .c3-ygrid {
    stroke-dasharray: none;
    stroke: #dce0e6; 
}
#situationChart .c3-axis-x path.domain,
#situationChart .c3-axis-x .tick line{
    stroke:none;
}
#situationChart svg{
}
#situationChart .c3-axis-x .tick text{
    fill:#565656;
    font-size: 14px;
}
#situationChart .flag-ctn{
    position: absolute;
    height: 85px;
    border-right: 3px solid #1e212a;
    top: 291px;
}
#situationChart .flag-ctn.right{
    border-left: 3px solid #1e212a;
    border-right: none;
}
#situationChart .flag-point{
    position: absolute;
    height: 15px;
    width: 15px;
    border: 3px solid #1e212a;
    top: -8px;
    background: #fff;
    border-radius: 100%;
    right: -9px;
}
#situationChart .flag-ctn.right .flag-point{
    left: -9px;
}
#situationChart .flag{
    height: 36px;
    background: #f2d146;
    color:#1e212a;
    padding: 8px 16px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 49px;
    text-transform: uppercase;
}
#situationChart .flag-ctn.left .flag:before{
    content: '';
    display: block;
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 18px solid #f2d146;
    border-bottom: 18px solid #f2d146;
    border-left: 10px solid #fff;
    top: 49px;
    left: -10px;
}
#situationChart .flag-ctn.right .flag:after{
    content: '';
    display: block;
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 18px solid #f2d146;
    border-bottom: 18px solid #f2d146;
    border-right: 10px solid #fff;
    top: 49px;
    right: -10px;
}
.situation-categories, 
.situation-categories-select{
    text-align: center;
    margin: 30px 0 20px 0;
}
.situation-categories label{
    padding-bottom: 10px;
}
.situation-percent{
    text-align: center;
    margin-top: 20px;
}
.situation-percent .min,
.situation-percent .max{
    display: inline-block;
    margin-bottom: 30px;
}
.situation-percent .percent-desc{
    display: inline-block;
}
.situation-percent .round{
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
}
.situation-percent .min{
    text-align: right;
}
.situation-percent .max{
    text-align: left;
}
.situation-percent .min .round{
    background-color: #07826b;
}
.situation-percent .max .round{
    background-color: #27b6af;
}
.improve-link{
    margin-bottom: 20px;
    text-align: center;
}
.results .improve-link{
    margin-top: 20px;
}
.results .improve-link a:first-child{
    margin-right: 20px;
}
.mail-error-tab a span{
    margin-left: 8px;
    font-weight: normal;
    font-size: 12px;
}
#mailErrors .alert-info{
    margin-top: 15px;
}
svg {
    height:100%;
    width:100%;
}
/* restitution */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* ie 10-11 */
    .card svg {
        width: 100%; 
        padding-bottom: 140%;
        height: 1px; 
        overflow: visible; 
    }
}
/* ie 9 */
.card svg {
    width: 100%\9; 
    padding-bottom: 140%\9;
    height: 1px\9; 
    overflow: visible\9; 
}
.mini_passport_card.active {
	background: #1e9c7b;
}
.results .grayscale{
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6+ */
}
.results .panel-heading .panel-title {
    text-transform: none;
    color:#424856;
    font-size: 16px;
}
.results .panel-heading .actions{
    top:16px;
}
.results .panel-heading .actions i{
    color:#424856;
    font-size: 22px;
    margin: 0 6px;
}
.results .panel-heading .actions i:hover{
    color:#424856;
}

.results .switchery{
    margin-left: 10px;
}
.results .categories p{
    font-weight: bold;
    margin-top: 20px;
}
.results .categories .progress{
    height: 50px;
    border-radius:0;
}
.results .categories .progress .category{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 50px;
    margin-left: 10px;
    white-space: nowrap;
}
.results .categories .progress .note{
    font-size: 26px;
    font-weight: bold;
    line-height: 50px;
    color:#fff;
    position: absolute;
    right: 25px;
}
.results .categories .progress .progress-bar{
    text-align: left;
}
.results .categories .progress.principal{
    background-color: #26b6ad;
}
.results .categories .progress.principal .progress-bar{
    background-color: #199f98;
}
.results .categories .progress.not-principal{
    background-color: #acacac;
}
.results .categories .progress.not-principal .progress-bar{
    background-color: #919191;
}
.share .share-button{
    padding: 8px 9px;
}
.share .btn-facebook{
    background: #4060A5 !important;
}
.share .btn-twitter{
    background: #00ABE3 !important;
}
.share .btn-linkedin{
    background:#0094BC !important;
}
p.copied{
    display:none;
}
/* end restitution */
.sidebar .nav .nav-sub.active {
    display:block !important;
}
.tutorial-list{
    list-style-type: none;
    padding: 0;
}
.tutorial-list li{
    padding:0;
    text-transform: uppercase;
    font-size: 0.813em;
    margin: 5px 0;
}
.tutorial-list li a{
    padding:10px 0 10px 10px;
    display: block;
    color:#565656;
}
.tutorial-list li a.active,
.tutorial-list li a:hover{
    border-radius: 4px;
    background-color: #27b6af;
    color:#fff;
    cursor: pointer;
}
a.popover-info {
    color:#565656;
    cursor:pointer;
}
.row-900w{
    max-width: 900px;
}
.form-group {
    margin-bottom: 30px;
}
.notice-price{
  margin-bottom: 30px;
  width: 100%;
  height: 60px;
  border-radius: 4px;  
  border: solid 1px #27b6af;
  background-color: #27b6af;
}
.notice-price > p  {
    font-size: 1.4em;
    font-weight: 500;    
    line-height: 60px;
    text-align:center;
    color: #ffffff;
}
.notice-price > p > strong {
    font-size: 1.45em;
    display: inline-block;
    vertical-align: bottom;
}
.pack-prices .table tr:last-of-type > td {
    border-bottom: 1px solid #ddd; 
}
i.pack-check{
    color: #27b6af;
}    
i.pack-check-unique{
    color: #27b6af;
}
span.buy-credits-link-ctn{
    margin-left: 35px;
}
.avatar img {
    display:none\9;
}
.label-payment {
    margin-bottom: 10px !important;
}
.logo-payment {
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    margin-top: -4px;
}
.label-payment > label {
    width: 100%;
    text-align: left;
    padding: 0;
    margin-left: 0;
}
.logo-payment.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6+ */
    cursor: default;
}
.label-payment-input,
.label-payment-input > .child {
    padding: 10px;
}
.label-payment-input {   
    border-top: 1px solid #ddd; 
    margin:0;
}
.label-payment-input div:first-child{
    margin-right:10px;
}
.label-payment-input i:first-child{
    margin-left: 2px;
    margin-right: 13px;
    font-size: 1.44em;
    color: #d7dcde;
    vertical-align: middle;
}
label.label-payment-input:last-of-type {
    border-bottom: 1px solid #ddd;    
}
div.fg-price-loading {
    display: none;
    opacity: 0.85;
    height: 37px;
    line-height: 37px;
}
.contact-notice{
    margin-top: 10px;
}
.contact-notice > p{
    font-size: 0.8em;
}
.pl25 { padding-left:25px; }
.pt30 { padding-top:30px; }
.pr30 { padding-right:30px; }
.pb30 { padding-bottom:30px; }
#additionalParams select{
    border: 2px solid #e8ebed;
    border-radius: 2px;
    box-shadow: none;
    height: 37px;
    padding:0 12px;
    margin-right: 5px;
}
#additionalParams select:focus{
    border-color: #27b6af;
}
.billing-infos-toggle {
    margin-bottom: 20px;
    margin-top: 25px;
}
.billing-infos div:last-child{
    margin-bottom: 25px;
}
form.profile-for-payment label, form.profile-sub label{
    font-size: 15px;
}
form.profile-for-payment button, form.profile-sub button{
    font-weight: bold;
}
form.profile-for-payment sup, form.profile-sub button{
    top: -.3em;
}
form.profile-for-payment .req-fields-notice, form.profile-sub .req-fields-notice{
    margin-top: -20px;
}
form.profile-for-payment .req-fields-notice > p, form.profile-sub .req-fields-notice > p{
    font-size: 0.8em;
}
form.profile-sub #password-wrapper #password-field.form-control:focus{
    border-radius: 2px 2px 0 0;
}
form.profile-sub .progress { /* pour pwstrength */
	border-radius: 0 0 4px 4px;
	margin-bottom: 0;
}
form.profile-sub .progress .pwstrength.progress-bar .password-verdict { /* pour pwstrength */
	color: #323232;
	white-space: nowrap;
	padding: 0 10px;
}
form.profile-sub #password-wrapper ul.error-list { /* pour pwstrength */
    padding: 0;
}
form.profile-sub #password-wrapper ul.error-list li { /* pour pwstrength */
    list-style: none;
}

/*** Dashboard Candidat ***/
.user-dashboard {
    float: right;
}
.bg-white {
    background-color: #ffffff;
}
.color-primary {
    color: #556b8d;
}
.color-success {
    color: #27b6af;
}
.color-warning {
    color: #edce8c;
}
a.btn small.label {
    margin-left: 5px;
    top: -2px;
}
small.label {
    padding: 0.15em 0.5em .2em;
}
a.filter-test {
    padding: 3px 5px;
}
.alert-primary {
    color: #556b8d;
    background-color: #DBE9F8;
    border-color: #DBE9F8;
}
.alert>.test-disponibility {
    height: 135px;
}
.o-50 {
    opacity: 0.5;
}
.btn-tooltip + .tooltip > .tooltip-arrow,
.btn-tooltip + .tooltip > .tooltip-inner {
    text-align: left;
    background-color: #ffffff;
    -moz-box-shadow: 4px 0px 10px 0px #ededed;
    -webkit-box-shadow: 4px 0px 10px 0px #ededed;
    -o-box-shadow: 4px 0px 10px 0px #ededed;
    box-shadow: 4px 0px 10px 0px #ededed;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ededed, Direction=90, Strength=10);
    color: #424856;
    border-color: #ffffff;
}
.no-margin {
    margin: 0;
}

#acceptCguForm > div > div > label {
	display: initial;
}


/*** Un styles pour les boites panel neuboard ***/ 
.panel-neuboard {
	border: 1px solid #199f98;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-neuboard .panel-heading {
	background: #199f98;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-neuboard .panel-heading .panel-title,
.panel-neuboard .panel-heading .panel-title h4 {
	color: #fff;
}

/*** Style pour un label : écriture grise sur fond blanc ***/
.label-default-negative {
	background: #fff;
	color: #777;
}

/*** Pour le rapport expert ***/
#expert-report h6 {
	font-size: 1.1em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
#expert-report .list-group-item {
	border-left: 0;
	border-right: 0;
}
#expert-report .list-group-item:first-child {
	border-top: 0;
}
#expert-report .list-group-item:last-child {
	border-bottom: 0;
}
#expert-report .list-group {
	margin-bottom: 0;
}

/*** Fin Dashboard Candidat ***/
@media (max-width:991px) {
    .panel-dashboard-header .panel-body,
    .panel-dashboard-header .panel-body .row,
    .panel-dashboard-header .panel-body .col-cell{
        display: block;
    } 
    .btn-dashboard-header{
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    #question h1{
        font-size:0.9em;
        margin-bottom: 25px;
    }
    #question .answer-label span{
        font-size:0.8em;
        letter-spacing: -1px;
    }
    .textDiv_Minutes h4, .textDiv_Seconds h4{
        font-size: 12px !important;
    }
    .notice-price > p {        
        font-size: 1.3em;
    }
}
@media (max-width: 480px){
    .situation-percent .round{
        display: block;
        margin: 0 auto 10px auto;
    }
    .situation-percent .percent-desc{
        font-size: 14px;
    }
    .results .improve-link a:first-child{
        margin-right: 0;
    }
    .timer-block .questions-count,
    .timer-block .timer{
        font-size: 20px;
    }
    .timer div.minutes, 
    .timer div.seconds{
        margin-left: 15px;
    }
    .timer-block .questions-count{
        padding-right: 15px;
    }
    .timer-block .questions-count .questions-label, 
    .timer-block .timer-label{
        font-size: 9px;
    }
    .timer-block {
        margin-bottom: 25px
    }
    .timer-content p {
        font-size: 14px;
    }
    .btn-dashboard-header{
        white-space: normal;
        font-size: 15px;
    }    
    .notice-price > p {        
        font-size: 1.05em;
    }
    .pack-prices .table td {
        font-size:0.9em;
    }
    .label-payment-input {        
        font-size: 0.84em;
    }
}


/*** Grille des sessions en cours, à venir, terminées d'un utilisateur ***/
/*** Utilisé également dans le passeport ***/
.grid-unified-height {
    display: grid;
    grid-auto-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.grid-unified-height .alert {
	margin: 0 7px 15px 7px;
}
@supports (display: grid) {
	margin: 0;
}
.grid-unified-height.grid-xs-1-cols {
    grid-template-columns: repeat(1, 1fr);
}
.grid-unified-height.grid-xs-not-unified-height {
    display: block;
}
@media (min-width: 768px) { /* sm */
	.grid-unified-height {
		display: -ms-grid;
	    display: grid;
	}
    .grid-unified-height.grid-sm-not-unified-height {
        display: block;
    }
	/*** Grille avec une hauteur de blocs unifiée ***/
	.grid-unified-height.grid-sm-1-cols {
        grid-template-columns: repeat(1, 1fr);
    }
	.grid-unified-height.grid-sm-2-cols {
	    -ms-grid-columns: 50% 50%;
	    grid-template-columns: repeat(2, 1fr);
	}
	.grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+0) {
        -ms-grid-column: 1;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(2n+0) {
        -ms-grid-column: 2;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+0) {
       -ms-grid-row: 1;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+3) {
       -ms-grid-row: 2;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+5) {
       -ms-grid-row: 3;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+7) {
       -ms-grid-row: 4;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+9) {
       -ms-grid-row: 5;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+11) {
       -ms-grid-row: 6;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+13) {
       -ms-grid-row: 7;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+15) {
       -ms-grid-row: 8;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+17) {
       -ms-grid-row: 9;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+19) {
       -ms-grid-row: 10;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+21) {
       -ms-grid-row: 11;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+23) {
       -ms-grid-row: 12;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+25) {
       -ms-grid-row: 13;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+27) {
       -ms-grid-row: 14;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+29) {
       -ms-grid-row: 15;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+31) {
       -ms-grid-row: 16;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+33) {
       -ms-grid-row: 17;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+35) {
       -ms-grid-row: 18;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+37) {
       -ms-grid-row: 19;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+39) {
       -ms-grid-row: 20;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+41) {
       -ms-grid-row: 21;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+43) {
       -ms-grid-row: 22;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+45) {
       -ms-grid-row: 23;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+47) {
       -ms-grid-row: 24;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+49) {
       -ms-grid-row: 25;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+51) {
       -ms-grid-row: 26;
    }
    .grid-unified-height.grid-sm-2-cols .visible:nth-child(1n+53) {
       -ms-grid-row: 27;
    }
}
@media (min-width: 992px) { /* md */
	/*** Grille avec une hauteur de blocs unifiée ***/
	.grid-unified-height,
	.grid-unified-height.grid-sm-not-unified-height {
        display: -ms-grid;
        display: grid;
    }
    
    .grid-unified-height.grid-md-not-unified-height {
        display: block;
    }
    
	.grid-unified-height.grid-md-2-cols {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+0) {
        -ms-grid-column: 1;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(2n+0) {
        -ms-grid-column: 2;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+0) {
       -ms-grid-row: 1;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+3) {
       -ms-grid-row: 2;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+5) {
       -ms-grid-row: 3;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+7) {
       -ms-grid-row: 4;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+9) {
       -ms-grid-row: 5;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+11) {
       -ms-grid-row: 6;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+13) {
       -ms-grid-row: 7;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+15) {
       -ms-grid-row: 8;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+17) {
       -ms-grid-row: 9;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+19) {
       -ms-grid-row: 10;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+21) {
       -ms-grid-row: 11;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+23) {
       -ms-grid-row: 12;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+25) {
       -ms-grid-row: 13;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+27) {
       -ms-grid-row: 14;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+29) {
       -ms-grid-row: 15;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+31) {
       -ms-grid-row: 16;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+33) {
       -ms-grid-row: 17;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+35) {
       -ms-grid-row: 18;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+37) {
       -ms-grid-row: 19;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+39) {
       -ms-grid-row: 20;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+41) {
       -ms-grid-row: 21;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+43) {
       -ms-grid-row: 22;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+45) {
       -ms-grid-row: 23;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+47) {
       -ms-grid-row: 24;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+49) {
       -ms-grid-row: 25;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+51) {
       -ms-grid-row: 26;
    }
    .grid-unified-height.grid-md-2-cols .visible:nth-child(1n+53) {
       -ms-grid-row: 27;
    }
	
	
    .grid-unified-height.grid-md-3-cols {
	    -ms-grid-columns: 33% 33% 33%;
	    grid-template-columns: repeat(3, 1fr);
	}
	.grid-unified-height.grid-md-3-cols .visible:nth-child(3n+1) {
        -ms-grid-column: 1;
    }
    .grid-unified-height.grid-md-3-cols .visible:nth-child(3n+2) {
        -ms-grid-column: 2;
    }
    .grid-unified-height.grid-md-3-cols .visible:nth-child(3n+3) {
        -ms-grid-column: 3;
    }
    
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+0) {
       -ms-grid-row: 1;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+4) {
       -ms-grid-row: 2;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+7) {
       -ms-grid-row: 3;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+10) {
       -ms-grid-row: 4;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+13) {
       -ms-grid-row: 5;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+16) {
       -ms-grid-row: 6;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+19) {
       -ms-grid-row: 7;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+22) {
       -ms-grid-row: 8;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+25) {
       -ms-grid-row: 9;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+28) {
       -ms-grid-row: 10;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+31) {
       -ms-grid-row: 11;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+34) {
       -ms-grid-row: 12;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+37) {
       -ms-grid-row: 13;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+40) {
       -ms-grid-row: 14;
    }
    .grid-unified-height.grid-md-3-cols .alert.visible:nth-child(1n+43) {
       -ms-grid-row: 15;
    }
}
@media (min-width: 1200px) { /* lg */
	/*** Grille avec une hauteur de blocs unifiée ***/
    .grid-unified-height,
    .grid-unified-height.grid-md-not-unified-height {
        display: -ms-grid;
        display: grid;
    }
    .grid-unified-height.grid-lg-not-unified-height {
        display: block;
    }
    
	.grid-unified-height.grid-lg-2-cols {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+0) {
        -ms-grid-column: 1;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(2n+0) {
        -ms-grid-column: 2;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+0) {
       -ms-grid-row: 1;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+3) {
       -ms-grid-row: 2;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+5) {
       -ms-grid-row: 3;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+7) {
       -ms-grid-row: 4;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+9) {
       -ms-grid-row: 5;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+11) {
       -ms-grid-row: 6;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+13) {
       -ms-grid-row: 7;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+15) {
       -ms-grid-row: 8;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+17) {
       -ms-grid-row: 9;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+19) {
       -ms-grid-row: 10;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+21) {
       -ms-grid-row: 11;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+23) {
       -ms-grid-row: 12;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+25) {
       -ms-grid-row: 13;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+27) {
       -ms-grid-row: 14;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+29) {
       -ms-grid-row: 15;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+31) {
       -ms-grid-row: 16;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+33) {
       -ms-grid-row: 17;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+35) {
       -ms-grid-row: 18;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+37) {
       -ms-grid-row: 19;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+39) {
       -ms-grid-row: 20;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+41) {
       -ms-grid-row: 21;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+43) {
       -ms-grid-row: 22;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+45) {
       -ms-grid-row: 23;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+47) {
       -ms-grid-row: 24;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+49) {
       -ms-grid-row: 25;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+51) {
       -ms-grid-row: 26;
    }
    .grid-unified-height.grid-lg-2-cols .visible:nth-child(1n+53) {
       -ms-grid-row: 27;
    }
    
    
	.grid-unified-height.grid-lg-3-cols {
        -ms-grid-columns: 33% 33% 33%;
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-unified-height.grid-lg-3-cols .visible:nth-child(3n+1) {
        -ms-grid-column: 1;
    }
    .grid-unified-height.grid-lg-3-cols .visible:nth-child(3n+2) {
        -ms-grid-column: 2;
    }
    .grid-unified-height.grid-lg-3-cols .visible:nth-child(3n+3) {
        -ms-grid-column: 3;
    }
    
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+0) {
       -ms-grid-row: 1;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+4) {
       -ms-grid-row: 2;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+7) {
       -ms-grid-row: 3;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+10) {
       -ms-grid-row: 4;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+13) {
       -ms-grid-row: 5;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+16) {
       -ms-grid-row: 6;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+19) {
       -ms-grid-row: 7;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+22) {
       -ms-grid-row: 8;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+25) {
       -ms-grid-row: 9;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+28) {
       -ms-grid-row: 10;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+31) {
       -ms-grid-row: 11;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+34) {
       -ms-grid-row: 12;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+37) {
       -ms-grid-row: 13;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+40) {
       -ms-grid-row: 14;
    }
    .grid-unified-height.grid-lg-3-cols .alert.visible:nth-child(1n+43) {
       -ms-grid-row: 15;
    }
	
	
    .grid-unified-height.grid-lg-4-cols {
	    -ms-grid-columns: 25% 25% 25% 25%;
	    grid-template-columns: repeat(4, 1fr);
	}
	.grid-unified-height.grid-lg-4-cols .visible:nth-child(4n+1) {
        -ms-grid-column: 1;
    }
	.grid-unified-height.grid-lg-4-cols .visible:nth-child(4n+2) {
        -ms-grid-column: 2;
    }
	.grid-unified-height.grid-lg-4-cols .visible:nth-child(4n+3) {
        -ms-grid-column: 3;
    }
	.grid-unified-height.grid-lg-4-cols .visible:nth-child(4n+4) {
	    -ms-grid-column: 4;
	}
	
	.grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+0) {
       -ms-grid-row: 1;
    }
	.grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+5) {
	   -ms-grid-row: 2;
	}
	.grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+9) {
       -ms-grid-row: 3;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+13) {
       -ms-grid-row: 4;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+17) {
       -ms-grid-row: 5;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+21) {
       -ms-grid-row: 6;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+25) {
       -ms-grid-row: 7;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+29) {
       -ms-grid-row: 8;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+33) {
       -ms-grid-row: 9;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+37) {
       -ms-grid-row: 10;
    }
    .grid-unified-height.grid-lg-4-cols .alert.visible:nth-child(1n+41) {
       -ms-grid-row: 11;
    }
}