/* CUSTOM STYLES
-------------------------------------------------- */
@font-face{font-family:Ubuntu;src:url(/css/fonts/ubuntu-bold-webfont.woff2) format('woff2'),url(/css/fonts/ubuntu-bold-webfont.woff) format('woff'),url(/css/fonts/ubuntu-bold-webfont.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:Ubuntu;src:url(/css/fonts/ubuntu-regular-webfont.woff2) format('woff2'),url(/css/fonts/ubuntu-regular-webfont.woff) format('woff'),url(/css/fonts/ubuntu-regular-webfont.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:icomoon;src:url(/css/fonts/icomoon.eot?srdzxp);src:url(/css/fonts/icomoon.eot?srdzxp#iefix) format('embedded-opentype'),url(/css/fonts/icomoon.ttf?srdzxp) format('truetype'),url(/css/fonts/icomoon.woff?srdzxp) format('woff'),url(/css/fonts/icomoon.svg?srdzxp#icomoon) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e942"}.icon-approche:before{content:"\e900"}.icon-bars:before{content:"\e901"}.icon-calendrier:before{content:"\e902"}.icon-categorie:before{content:"\e903"}.icon-check:before{content:"\e904"}.icon-checkbox:before{content:"\e905"}.icon-checkedbox:before{content:"\e906"}.icon-close:before{content:"\e907"}.icon-contact:before{content:"\e908"}.icon-cpf:before{content:"\e909"}.icon-detail:before{content:"\e90a"}.icon-down:before{content:"\e90b"}.icon-down-alt:before{content:"\e90c"}.icon-download:before{content:"\e90d"}.icon-duree:before{content:"\e90e"}.icon-equipe:before{content:"\e90f"}.icon-evaluation:before{content:"\e910"}.icon-experts:before{content:"\e911"}.icon-facebook:before{content:"\e912"}.icon-formation:before{content:"\e913"}.icon-formation_1:before{content:"\e914"}.icon-google:before{content:"\e915"}.icon-handicap:before{content:"\e916"}.icon-home:before{content:"\e917"}.icon-hsitorique:before{content:"\e918"}.icon-info:before{content:"\e919"}.icon-intra:before{content:"\e91a"}.icon-left:before{content:"\e91b"}.icon-lelt-alt:before{content:"\e91c"}.icon-linkedin:before{content:"\e91d"}.icon-mentions:before{content:"\e91e"}.icon-methode:before{content:"\e91f"}.icon-metier:before{content:"\e920"}.icon-mouse:before{content:"\e921"}.icon-moyen:before{content:"\e922"}.icon-news:before{content:"\e923"}.icon-objectif:before{content:"\e924"}.icon-partenaires:before{content:"\e925"}.icon-philosophie:before{content:"\e926"}.icon-plane:before{content:"\e927"}.icon-prerequis:before{content:"\e928"}.icon-programme:before{content:"\e929"}.icon-public:before{content:"\e92a"}.icon-question:before{content:"\e92b"}.icon-question_1:before{content:"\e92c"}.icon-qui:before{content:"\e92d"}.icon-radio:before{content:"\e92e"}.icon-radioed:before{content:"\e92f"}.icon-ref:before{content:"\e930"}.icon-referent:before{content:"\e931"}.icon-reload:before{content:"\e932"}.icon-right:before{content:"\e933"}.icon-right-alt:before,.icon-left-alt:before{content:"\e934"}.icon-left-alt{transform:rotate(180deg); transform-origin: center center;}.icon-search:before{content:"\e935"}.icon-share:before{content:"\e936"}.icon-star:before{content:"\e937"}.icon-star-0:before{content:"\e938"}.icon-star-half:before{content:"\e939"}.icon-sur-mesure:before{content:"\e93a"}.icon-times:before{content:"\e93b"}.icon-twitter:before{content:"\e93c"}.icon-up:before{content:"\e93d"}.icon-up-alt:before{content:"\e93e"}.icon-vae:before{content:"\e93f"}.icon-valeurs:before{content:"\e940"}.icon-viadeo:before{content:"\e941"}
.bigicon {
 	font-size: 200%;
    margin: 7px;
}

/** -- GLOBAL -- **/
html, body {
	font-size: 14px;
}
body {
  color: #383c3e;
  font: normal 1rem/1.43 'Ubuntu', sans-serif !important;
	padding-top: 70px;
}
@media screen and (min-width: 992px) {
	body {
		position: relative;
		padding-bottom: 370px;
		min-height: 100vh;
	}
}

.rosebg {
	background-color: rgba(255,0,102,255);
}

/* Colors */
.white {
	color:white;
}

/* Headers */
h1, .h1 {
	font: bold 2em/1.215 'Ubuntu', sans-serif;
	margin-bottom: 2rem;
}
h2, .h2 {
	font: bold 1.5em/1.215 'Ubuntu', sans-serif;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
h1 .text-muted, .h1 .text-muted,
h2 .text-muted, .h2 .text-muted {
	font-weight: 400;
	font-size: .85em;
}
h3, .h3 {
	font: bold 1.214em/1.215 'Ubuntu', sans-serif;
	margin-bottom: 1rem;
}
h4, .h4 {
	font: bold 1em/1.215 'Ubuntu', sans-serif;
}

.lead {
	font: normal 1.214rem/1.43 'Ubuntu', sans-serif;
	color: #636666;
}

/* Texts */
.text-muted {
	color: #636666;
}
.upper {
	text-transform: uppercase;
}

/* Links */
a, a:hover, a:focus {
  text-decoration: none;
  color: #383c3e;
}
a:hover, a:focus {
	text-decoration: underline;
}

/* Boutons */
.block-btn {
	display:block;
	width: 10em;
	margin:auto;
}

.btn {
	display: inline-block;
	max-width: 100%;
  min-height: 3.143rem;
  white-space: normal;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;	
  padding: .85rem 2rem;
  border: 1px solid;
  font: normal .857rem/1.43rem 'Ubuntu', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-primary {
  border: 0;
  background-color: #f06;
	color: #fff;	
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: #e5005c;
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #f06;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;	
}
.btn-secondary {
  border: 0px;
  background-color: #fff;
	color: #383c3e;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #fff;
	background-color: #383c3e;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;	
}
.btn-gray {
	background: #fff;
}
.btn-circle {
	padding: .85rem .714rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 3.143rem;
	height: 3.143rem;
	text-align: center;
	line-height: 1.43rem;
}
.btn i {
  display: inline-block;
	font-size: 1.25rem;
  vertical-align: sub;
  position: relative;
  margin-right: .25rem;	
}
.btn-margin {
	margin: 4rem 0;
}

/* -- FORMS -- */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7c7f80;
	font-family: 'Ubuntu', sans-serif;
	font-size: .857rem;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7c7f80;
	font-family: 'Ubuntu', sans-serif;
	font-size: .857rem;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #7c7f80;
	font-family: 'Ubuntu', sans-serif;
	font-size: .857rem;
}
:-moz-placeholder { /* Firefox 18- */
  color: #7c7f80;
	font-family: 'Ubuntu', sans-serif;
	font-size: .857rem;
}
input,
.form-control {
	height: 3.143rem; 
	border: 1px solid #7c7f80;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: .5rem .714rem;
	font: normal 1rem/1.715em ‘Ubuntu’, sans-serif;
	color: #383c3e;
}
input:focus,
.form-control:focus {
	border-color: #383c3e;
}
textarea.form-control {
	height: auto;
	line-height: 1.43;
}
label {
	font-weight: 700;
	display: block;
	cursor: pointer;
}
input[type=checkbox], 
input[type=radio] {
	height: auto;
}
select.form-control:not([size]):not([multiple]) {
	height: 3.143rem;
}
/* -- END FORMS -- */

/* helpers */
.centered {
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.canvasjs-chart-canvas {
	position: relative!important;
}

/* Elements */
.featurette-divider {
	margin: 4rem auto;
  width: 10vw;
  border-top: 1px solid rgba(0,0,0,.3);
}

/* -- HEADER -- */
header{
	position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  padding: 10px 0;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
}
nav {
	height: 70px;
	text-transform: uppercase !important;
}
.navbar-toggler {
	border: 0;
}
.navbar-toggler small {
	display: block;
	font-size: .75rem;
	text-align: center;
}
.navbar-light .navbar-nav .nav-link.comptebtn {
	display: flex;
	align-items: center;
	margin-top: 9px;
	height: 3.143rem;
  padding: .35rem 2rem;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  color: #fff;
  font: normal .857rem/2.143rem 'Ubuntu', sans-serif;
}
.selected {
		color: rgba(255,0,102,0.6) !important;
}
/* -- END HEADER -- */

/* -- BREADCRUMBS -- */
.breadcrumbs {
	margin-bottom: 4rem;
  background: #383c3e;
  color: #fff;
  padding-left: 10vw;
}

.has-breadcrumbs .breadcrumbs {
	display: block;
}
.breadcrumb {
	background: none;
	margin: 0;
}
.breadcrumb-item,
.breadcrumb-item a {
	display: inline-block;
	float: none;
	color: #fff;
	font-size: .857rem;
	line-height: 1.4;
	margin-right: .25rem;
}
.breadcrumb-item.active {
	color: rgba(255,255,255,0.75);	
}
.breadcrumb-item+.breadcrumb-item::before {
	content: '>';
	color: rgba(255,255,255,0.5);
	padding-left: 0;
}
/* -- END BREADCRUMBS -- */

/* -- BLOC CTA -- */
.bloc-cta {
	padding: 4rem 0;
	background-color: #f06;
  background-image: -moz-linear-gradient( 115deg, rgba(219,38,59,.35) 0%, rgba(147,90,107,.35) 100%);
  background-image: -webkit-linear-gradient( 115deg, rgba(219,38,59,.35) 0%, rgba(147,90,107,.35) 100%);
  background-image: -ms-linear-gradient( 115deg, rgba(219,38,59,.35) 0%, rgba(147,90,107,.35) 100%);
	color: #fff;
	text-align: center;
}
.bloc-cta p {
	margin: 0 0 .5rem;
}
.bloc-cta .lead {
	margin: 0 0 1rem;
	color: #fff;
}
.bloc-cta .btn-alt {
	border-color: #935a6b;
}
/* -- END BLOC CTA -- */

/* -- FOOTER -- */
footer {
	padding: 60px 0;
	background: #383c3e;
	color: #fff;
}
@media screen and (min-width: 992px) {
	footer {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
.footer-menu {
	list-style: none;
	padding: 0;
}
.footer-menu li {
	display: inline-block;
	margin-right: 1rem;
}
.footer-menu a {
	color: #fff;
	line-height: 2;
	font-weight: normal;
}
.footer-rs .btn {
	margin-left: 1rem;
	margin-bottom: 1rem;
}
.footer-rs .btn i {
	font-size: 1.5rem;
	line-height: 1;
}
.group-sites {
  margin-bottom: 30px;
}	
.group-sites a {
	display: inline-block;
	margin-right: 1rem;
	width: 60px
}
.group-sites a img {
	width: 100%;
}
.copyright a {
	color: #fff;
}
@media screen and (min-width: 768px){
	.footer-rs {
    text-align: right;
	}	
}
@media screen and (min-width: 992px){
	footer {
   	background: #383c3e url(/img/pattern-grey.png) repeat top center;
	}
	.group-sites {
    margin-bottom: 60px;
	}
}
/* -- END FOOTER -- */

/* -- Loader -- */
.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 98;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: #fff;
}
@keyframes lds-double-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes lds-double-ring {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes lds-double-ring_reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes lds-double-ring_reverse {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
.lds-double-ring {
	position: relative;
}
.lds-double-ring div {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50px;
	left: 50px;
	border-radius: 50%;
	border: 8px solid;
	border-color: #e5005c transparent #e5005c transparent;
	-webkit-animation: lds-double-ring 3.5s linear infinite;
	animation: lds-double-ring 3.5s linear infinite;
}
.lds-double-ring div:nth-child(2) {
	width: 80px;
	height: 80px;
	top: 60px;
	left: 60px;
	border-color: transparent rgba(89.80392156862746%,0%,36.078431372548984%,0.499) transparent rgba(89.80392156862746%,0%,36.078431372548984%,0.499);
	-webkit-animation: lds-double-ring_reverse 3.5s linear infinite;
	animation: lds-double-ring_reverse 3.5s linear infinite;
}
.lds-double-ring {
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/** -- LOADER SMALL --- **/


@keyframes lds-double-ring2 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes lds-double-ring2 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.lds-double-ring2 {
	position: relative;
}
.lds-double-ring2 div {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 25px;
	left: 25px;
	border-radius: 50%;
	border: 4px solid;
	border-color: #e5005c transparent #e5005c transparent;
	-webkit-animation: lds-double-ring 3.5s linear infinite;
	animation: lds-double-ring 3.5s linear infinite;
}
.lds-double-ring2 div:nth-child(2) {
	width: 40px;
	height: 40px;
	top: 30px;
	left: 30px;
	border-color: transparent rgba(89.80392156862746%,0%,36.078431372548984%,0.499) transparent rgba(89.80392156862746%,0%,36.078431372548984%,0.499);
	-webkit-animation: lds-double-ring_reverse 3.5s linear infinite;
	animation: lds-double-ring_reverse 3.5s linear infinite;
}
.lds-double-ring2 {
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-50px, -50px) scale(1) translate(50px, 50px);
	transform: translate(-50px, -50px) scale(1) translate(50px, 50px);
}

/** -- ACCUEIL -- **/
.section-content {
	margin-bottom: 4rem;
}
.home-bandeau {
	height: calc(100vh - 70px);
  background-position: center center;
	color: #fff;
}
.home-bandeau .container {
	height: 100%;
}
.home-bandeau h1 {
	margin-bottom: .5rem;
}
.home-bandeau a {
    color: #fff;
}
.row-bandeau {
	height: 100%;
	align-items: center; 
}
.row-bandeau .row {
	justify-content: center; 
}
.row-titre {
	margin-bottom: 4rem;
}
.row-bandeau-cta .btn {
	margin-bottom: 1rem;
}
@media screen and (orientation:portrait) {
	.home-bandeau {
		height: calc(75vh - 70px);
	}
}

.home-formations-une {
	padding: 4rem 0;
}
.home-formations-une h2 {
	margin-bottom: 4rem;
}
.formation-rank {
	display: inline-block;
	vertical-align: baseline;
	width: 6rem;
	text-align: right;
	font: bold 3.286rem/1 'Ubuntu', sans-serif;
}
.formation-rank2 {
	display: inline-block;
	vertical-align: baseline;
	width: 6rem;
	text-align: right;
	font: bold 2.5rem/1 'Ubuntu', sans-serif;
}
.formation-rank:after {
	content: '';
	display: inline-block;
	vertical-align: baseline;	
	width: 2rem;
	height: .5rem;
	background: #f06;
	margin: 0 .5rem;
}
.formation-rank2:after {
	content: '';
	display: inline-block;
	vertical-align: baseline;	
	width: 2rem;
	height: .25rem;
	background: #f06;
	margin: 0 .5rem;
}
.formation-content {
	display: inline-block;
	margin-left: .5rem;
	vertical-align: baseline;
	max-width: calc(100% - 7rem);
	text-align: left;
	font: normal 1.143rem/1.2 'Ubuntu', sans-serif;
}
.formation-content span {
	display: block;
	margin-bottom: .5rem;
	font-weight: bold;
}
@media screen and (max-width: 991px){
.bloc-number {
	margin-bottom: 2rem;
}	
}
@media screen and (min-width: 992px){
	.row-formations {
    justify-content: center;
    align-items: flex-end;
	}
}
.content-home {
	margin-bottom: 4rem;
}

/** -- END ACCUEIL -- **/

/** -- LISTE SESSION -- **/
.section-listing {
	margin-bottom: 2rem;
}
.bloc-warning {
	margin-bottom: 4rem;
}
.bloc-warning .btn {
	margin-top: 2rem;
}
.sessionitm {
	margin-bottom: 2rem;
}
.sessionitm a {
	font-weight: bold;
}
.sessionopn {
  position: absolute;
  top: 0;
  right: 0;
	margin-bottom: 1rem;
	color: #fff;
	background-color: #f06;
	font-size: 1em;
	padding: .5rem;
}
.sessionopn.small {
	display: inline-block;
}
.sessionopn i {
  font-size: 1.25rem;
  vertical-align: sub;
}
.sessionopn .day,
.sessionopn .month {
  font-size: 2rem;
  display: block;
  line-height: 1;
  text-align: center;
}
.sessionopn .month {
  text-transform: uppercase;
  font-size: 1.1em;
}


.liste-quiz {
  list-style: none;
  padding: 0;
}
.liste-quiz li {
  margin-bottom: 30px;
}
.liste-quiz li .card {
  padding: 15px;
  height: 100%;
  box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
}
.liste-quiz li .h3 {
  display: block;
  margin: 0;
}
.liste-quiz .icon-session {
  width: auto;
  height: 40px;
  margin-right: 10px;
}
.liste-quiz .contenu {
  margin-top: 15px;
}
.liste-quiz .contenu .fa-check {
  color: green;
}
.liste-quiz .contenu .fa-pause-circle-o {
  color: orange;
}
.liste-quiz .contenu .fa-play-circle-o {
  color: red;
}
.liste-quiz .start {
  margin-top: auto;
}
/** -- END LISTE SESSION -- **/

/** -- DETAIL SESSION -- **/
.detail-session {
	margin-bottom: 2rem;
}
.detail-session h1 {
	margin-bottom: .5rem;
}
.infos-session {
	margin-bottom: 1rem;
  position: relative;
  padding-right: 115px;
}
.detail-session .sessionopn {
	display: inline-block;
	margin-right: auto;
	margin-bottom: 2rem;
}
/** -- END DETAIL SESSION -- **/

/* ===== CHAT ==== */

.chat-wrapper {
  margin-top: 1rem;
}
.chat-wrapper .panel-body {
  box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
  padding-left: 15px;
}
.img-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.chat
{
  list-style: none;
  margin: 0 0 1rem;
  padding: 0 1rem 0 0;
	max-height: 45vh;
	overflow-y: scroll;
	width: 400px;
}

.chat li
{
	margin-bottom: 1rem;
}

.chat li.left .chat-body
{
  margin-left: 60px;
}

.chat li.right .chat-body p
{
	background-color: rgba(56,60,62,.1);
	border-radius: 15px 1px 15px 15px;
	float: right;
  
}

.chat li.left .chat-body p
{
	background-color: rgba(255,0,102,.1);
	border-radius: 1px 15px 15px 15px;
  float: left;
  box-sizing: unset !important;
}

.chat li .chat-body p
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
  margin: 0;
	color: black;
	text-align:left;
	padding:15px;
  width: auto;
	max-width: calc(100% - 100px);
  padding: 15px 35px 15px 15px;
}
.chat-img {
	width: 3rem;
	height: 3rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.chat-img .avatar-text {
	line-height: 2rem;
	padding: .5rem;	
}

.panel .slidedown .glyphicon, 
.chat .glyphicon
{
  margin-right: 5px;
}
.sidebar-chat {
  position: relative;
}
.sidebar-chat .chat-content {
  position: absolute;
  top: 0;
}
.sidebar-chat #btn-chat {
	text-align: center;
	padding: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
}
.sidebar-chat #btn-chat span {
	display: none;
}
.panel-footer button {
	margin-top: 1rem;
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
/**=== FIN CHAT ==== */

/** -- QUIZ -- **/
.section-question {}
.section-question .bloc-number {
	margin-bottom: 2rem;
}
#countdown {
	display: flex;
	align-items: center;
  flex-shrink: 0;
	width: 60px;
	height: 60px;
	margin-left: 2rem;
	/*background: #f06;*/
	border: 1px solid #b1b2b3;
}
#countdown-text {
	font-size: 14px;
	font-weight: bold;
}
#btn-start {
	margin: 4rem 0;
}
.num-question {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  margin: 0 30px 0 0;
  border-radius: 50%;
  background: #f06;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.bloc-question {
	margin-bottom: 4rem;
}
@media screen and (max-width: 767.98px) {
	.num-question {
		margin: 0;
	}
  .content-bloc-question {
    flex-wrap: wrap;
  }
}
.bloc-file {
	background: #b1b2b3;
}
.bloc-file a {
	display: block;
	color: #fff;
}
.bloc-file a .icon-info {
	padding: .5rem;	
	font-size: 1.5rem;
  display: inline-block;
  vertical-align: sub;
}
.bloc-media {
	margin-bottom: 30px;
}
.bloc-media.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.bloc-media.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bloc-reponse {
	margin-bottom: 1rem;
}
.bloc-reponse input:focus {
	outline: 0;
	border: 0;
	box-shadow: none;
}
.bloc-reponse label,
.true-answer {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: 100%;
}
.true-answer {
	margin-bottom: 1rem;
}
.bloc-reponse label {
	cursor: pointer;
}
.bloc-reponse .checkbox {
	display: none;
}
.bloc-reponse .checkbox,
.circle-check {	
	width: 3rem;
	min-width: 3rem;
	height: 3rem;
	min-height: 3rem;
	margin: 0 1rem 0 0;
	float: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #b1b2b3;	
	border: 0;
}
.bloc-question .wrapper-question {
	flex-grow: 1;
}
.bloc-question .titre-question {
  margin: 2.5rem 0 1.5rem;
}
.bloc-question .content-question {
  margin-top: 3rem;
}
.bloc-reponse .content-reponse {
  display: flex;
  align-items: center;
}
.wrapper-btn-question {
  margin: 2rem 0;
}
@media screen and (max-width: 767.98px) {
  .wrapper-btn-question {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .wrapper-btn-question .btn {
    margin-bottom: 30px;
  }
}

.circle-check2 {	
	width: 1.75rem;
	min-width: 1.75rem;
	height: 1.75rem;
	min-height: 1.75rem;
	margin: 0 1rem 0 0;
	float: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #b1b2b3;	
	border: 0;
}

.bg-blue {
	background: rgb(71, 184, 218);	
	
}

.bg-green {
	background: rgb(82, 164, 82);	
	
}

.bloc-reponse .checkbox::after,
.circle-check::after {	
	content: '\e904';	
	font-family: 'icomoon';
	line-height: 1.3;
	color: #fff;
}
.circle-check {
	text-align: center;
}
.circle-check::after {
	line-height: 3rem;
}
.bloc-reponse .checkbox.is-checked {
	background: #f06;
}
.bloc-reponse .checkbox.is-checked::after {
	background: #f06;
	font-size: 20px;
	line-height: 40px;
}
.circle-check.is-checked {
	background: #f06;
}
.bloc-reponse label .content-reponse span {
	padding-right: 10px;
}
.bloc-reponse label .content-reponse:before {
	content: '\e904';
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	min-height: 2rem;
	margin: 0 1rem 0 0;
	float: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;	
	border: 1px solid #b1b2b3;
	font: normal 0rem/2rem 'icomoon';
	color: #b1b2b3; 
	text-align: center;
	transition: font .3s ease, background .3s ease;
}
.bloc-reponse label .is-checked + .content-reponse:before {
	background: #b1b2b3;
	color: #fff;
	font-size: .75rem;
}

.bloc-reponse label .is-forgot + .content-reponse {
	color: orange;
}

.bloc-reponse label .is-correct + .content-reponse {
	color: rgb(104, 184, 0);
}
.bloc-reponse label .is-correct + .content-reponse:before {
	/*background: rgb(104, 184, 0) !important;*/
}
.bloc-reponse label .not-correct + .content-reponse {
	color: rgb(255, 0, 0);
}
.bloc-reponse label .not-correct + .content-reponse span {
	text-decoration: line-through;
}
.bloc-reponse label .not-correct + .content-reponse:before {
	/*background: rgb(255, 0, 0) !important;*/
}

.bloc-reponse label .isTruee + div:before {
	background: rgb(104, 184, 0) !important;
}
.bloc-reponse label .isFalsee + div:before {
	background: rgb(255, 0, 0) !important;
}

.result-answer {
	color: green;
}
.result-answer.false {
	color: red;
}
.row-result {
	margin-top: 2rem;
}
.result-score {
	margin-top: 4rem;
}
.end-quizz {
	margin-bottom: 4rem;
}
.embed-responsive-3by1::before {
    padding-top: 25%;
}
/** -- END QUIZ -- **/

/** -- PAGE STATS -- **/
.section-stats {
	margin-bottom: 4rem;
}
#chartContainer {
	width: 100%;
	height: 400px;
	margin-bottom: 4rem;
}
/** -- END PAGE STATS -- **/

/** -- PAGE LOGIN -- **/
.section-login {
	margin-bottom: 4rem;
}
.login-btns .btn{
	margin: 0 1rem 1rem;
}
/** -- END PAGE LOGIN -- **/

/** -- PAGE COMPTE -- **/
.section-profile {
	margin-bottom: 4rem;
}
.bloc-user-general {
	margin-bottom: 2rem;
  display: -ms-flexbox;
  display: flex;
}
.avatar {
	width: 4rem;
	min-width: 4rem;
	height: 4rem;
	min-height: 4rem;
	margin-right: 1rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}
.avatar-text {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1rem;
	font-size: 1rem;
	text-align: center;
	background: #383c3e;
	font-weight: 700;
	color: #fff;	
}
.avatar .avatar-text {
	line-height: 2.3rem;
}
.infos-general .btn + .btn {
	margin-left: 1rem;
}
#form-edit-profile label {
	display: block;
	font-weight: 700;
	margin-bottom: .5rem;
}
#form-edit-profile .form-group {
	margin-bottom: 2rem;
}
#passedquizz {
  max-width: calc(100% - 80px);
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
#QuizzDiv {
	margin-top: 2rem;
}
#QuizzDiv .btn {
	margin: 2rem 0 1rem;
}
.section-password {
	margin-bottom: 4rem;
}
.section-password .alert {
	text-align: center;
	position: relative;
	top: -4rem;
	left: 0;
	right: 0;
}

.wrapper-liste {
	margin-bottom: 30px;
}
.liste-session {
  list-style: none;
  padding: 0;
	margin-bottom: 0;
}
.liste-session li {
  margin-bottom: 15px;
}
.liste-session li .card {
	height: 100%;
  padding: 15px;
}
.liste-session li .titre {
  position: relative;
  padding-right: 100px;
}
.liste-session li .date {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background: #f06;
  color: #fff;
}
.liste-session li .date .day,
.liste-session li .date .month {
  font-size: 2rem;
  display: block;
  line-height: 1;
  text-align: center;
}
.liste-session li .date .month {
  text-transform: uppercase;
  font-size: 1.1em;
}
.liste-session li .start {
	margin-top: auto;
}

/** -- END PAGE COMPTE -- **/

/* 3 collones feautres */
.number {
  display: inline-block;
  width: 140px;
  height: 140px;
  padding-top: 30px;
  font-size: 50px;
  line-height: 60px;
  font-weight: 300;
  text-align: center;
  color: #fff;
  background: #323a45 url(../bundles/batiforceseval/images/footer-bkg.png) repeat-x top left;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all .6s ease-in-out 0s;
  -moz-transition: all .6s ease-in-out 0s;
  -ms-transition: all .6s ease-in-out 0s;
  -o-transition: all .6s ease-in-out 0s;
  transition: all .6s ease-in-out 0s;
}
	

.row-centered{
	display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

/* #MOBILE  */
@media(max-width: 767px){
	.breadcrumbs {
		padding-left: 0; 
	}
	.breadcrumbs .breadcrumb {
		padding-left: 0;
		padding-right: 0;
	}
	.row-result {
    padding-bottom: 2rem;
		margin-top: 0;
    margin-bottom: 2rem;
		border-bottom: 1px solid #ddd;
	}
	.row-result > div[class^="col-"] {
		margin-bottom: 2rem;
	}	
	.row-result > div[class^="col-"]:last-child {
		margin-bottom: 0;
	}	
	.row-result strong {
		display: inline-block;
		margin-bottom: 1rem;
	}
	.embed-responsive-3by1::before {
    padding-top: 55%;
	}
}
@media(max-width: 991px){
	.navbar-collapse {
	    flex-basis: 100%;
	}
	
	 .navbar-brand .logo {
		display:none;
	 }
	.navbar-light .navbar-nav .nav-link.comptebtn {
		margin-bottom: 1.5rem;
	}
	.navbar-light .navbar-nav .nav-item {
		text-align: center; 
	}	 
    
}

/* #TABLET */
@media(min-width: 768px){
	.user-answer {
		justify-content: center;	
	}
	.user-answer2 {
	}
}


/* #DESKTOP */
@media(min-width: 992px){
	

	
	.black {
		color: black !important;
	}
	
	.navbar {
		height: 70px;
	    line-height: 4rem;
	    padding-left: 1rem;
	    padding-right: 1rem;
	    font-size: .857rem;
	    text-transform: uppercase;	
	}

	
	.navbar-collapse .navbar-nav {
		flex-shrink: 0 !important;
	}
	
	.nav-item {
		padding-left: 15px;
		padding-right: 15px;
		width: initial; 
	}
	
	.nav-link:hover {
		color: rgba(255,0,102,150);
	}
	
    .navbar-brand .logo {
    	position: absolute;
    	z-index: 9;
        display: block;
        width: 140px;
        height: auto;
        margin-top: -35px;
        -webkit-transition: margin .3s ease;
        -moz-transition: margin .3s ease;
        -ms-transition: margin .3s ease;
        -o-transition: margin .3s ease;
        transition: margin .3s ease;
    }
    
    .navbar-brand .logores {
        top: -6px;	
        width: 107px;
        height: auto;
        opacity: 0;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        -ms-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }
    
    .scrolled header .logo {
        margin-top: -160px;
    }
    
    .scrolled header .logores {
    	margin-top: 0;
        opacity: 1;
    }

    .sessionopn {
      right: 15px;
    }
    .liste-quiz {
      padding-right: 15px;
    }
    .sidebar-chat {
      padding-left: 30px;
      border-left: 1px solid #dedede;
    }
}
 
/* Helpers */
.hidden-xs-up{display:none!important}
@media (max-width:575px){.hidden-xs-down{display:none!important}}
@media (min-width:576px){.hidden-sm-up{display:none!important}}
@media (max-width:767px){.hidden-sm-down{display:none!important}}
@media (min-width:768px){.hidden-md-up{display:none!important}.text-center-md-up{text-align: center;}}
@media (max-width:991px){.hidden-md-down{display:none!important}}
@media (min-width:992px){.hidden-lg-up{display:none!important}}
@media (max-width:1199px){.hidden-lg-down{display:none!important}}
@media (min-width:1200px){.hidden-xl-up{display:none!important}}
.hidden-xl-down{display:none!important}

#results-graph {
	padding-top: 60px;
}
@media screen and (min-width: 992px) {
	.chartt {
		width:auto !important;
		height:250px !important;
	}
}
.chart-legend {
}
.chart-legend ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
}
.chart-legend li span{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
}
.myChart-wrapper {
	position: relative;
	width: 200px;
	text-align: center;
}
.myChart-wrapper #myChart {
	display: inline-block;
	float: none;
}
.DiffuclteChart-wrapper {
	position: relative;
	width: 100%;
}
.DiffuclteChart-wrapper #DiffuclteChart {
	display: inline-block;
	float: none;
}


.corectiontitle {
	display:inline-block;
}

.correctionsubtitle {
	margin-top: 10px;margin-bottom:20px;color:black;
}

.correctionsmall {
	font-weight: normal !important;
}
.topmargin {
	margin-top:30px;
}

.topdemismargin {
	margin-top:15px;
}

.resultmd6 {
	border-style: solid; border-color:#d3d3d3; border-right-width: 1px;border-left-width: 0px;border-top-width: 0px;border-bottom-width: 0px;
}

.hideresults {
	margin-top: 60px;
}
.row-intro {
  margin-bottom: 3rem;
}
.corectiontitle h2 {
  margin-bottom: 0;
}
.finalscore {
	color: #fff;
	background-color:#f06;
	padding:15px;
	width: 200px;
}
.finalscore span {
	font-size: 2.5em;
}
.niveau {
	margin: 15px 30px;
}

.bloc-correction {
	padding: 30px;
	border: 1px solid;
}
.bloc-correction .wrapper-smiley {
	margin-right: 30px;
	width: 32px;
	height: auto;
	font-size: 32px;
	line-height: 1;
}
.bloc-correction.is-forgot {
	border-color: orange;
}
.bloc-correction.is-forgot .title {
	color: orange;
}
.bloc-correction.is-correct {
	border-color: green;
}
.bloc-correction.is-correct .title {
	color: green;
}
.bloc-correction.not-correct {
	border-color: red;
}
.bloc-correction.not-correct .title {
	color: red;
}
.bloc-correction.not-correct .wrapper-smiley {
	color: red;
}

#ToHideTorender .btn {
	margin: 0 15px;
}

.petichrono {
	font-size:20px;top: 4px;position: relative;
}

/* CSS DES QUESTIONS */



	.questionimg {
		max-width: 100%;
		height: auto;
	}


.pdf-block {
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom: 30px;
}

.pdf-block > div.d-flex  > div.myChart-wrapper {
	margin-top: -50px;
}

.pdf-block > h3 {
/*	margin-bottom: -30px;*/
}

.pdf-block > d-flex > js-legend {
/*	margin-top: -30px;*/
}

.pdf-block.row {
	 margin-bottom: 64px;
}

.hiddengedimat{
	display: none;
}