@charset "utf-8";
/* CSS Document */

/* ********************************** */
/* POUR BOOTSTRAP v4                  */
label {
    font-weight: 700;
}

/* ********************************** */
/* POUR JQGRID de JQWIDGET en theme material */
.jqx-widget-content-material {
	font-size: 12px;
	/*font-size: 13px;*/
}
.jqx-grid-cell { /*pour supprimer les bordures Gauche et Droite*/
	border-style: dashed;
	border-width: 0px 0px thin;
}
.jqx-grid-column-header {
	font-weight: bold;
	font-size: smaller;
	background-color: rgb(225, 225, 225) !important;
}
.jqx-grid-statusbar {
	background-color: rgb(225, 225, 225) !important;
}
.jqx-grid-statusbar span {
	color: #0069D9;
	font-size: 13px;
}

/* ********************************** */
/* ARRONDI BOUTON ETAT		          */
.jqx-switchbutton {
	border-radius: 10px;
}

/* ********************************** */
/* POUR les boites de dialogue BOOTSTRAP */
/* a supprimer eventuellement + tard
permet de psotionner la croix de fermeture de la BD sur la droite ! */
.modal-header {
    display: block !important;
}

/* ********************************** */
/* POUR TEMPLATE */
html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 0.9rem;
}
.barreHaut {
	position: absolute;
	width: 100%;
	height: 70px;
	background: #F1F1F1;
	z-index: 10;
}
.regionCentral {
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 70px;
	padding-bottom: 2px;
	width: 100%;
	height: 100%;
}
.blockmenu {
	width: 100%;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-top: -2px;
	margin-bottom: -2px;
	/*
	margin-top: -1px;
	margin-bottom: -1px;
	*/
}
.opac {
	width: 100%;
	height: 20px;
	position: absolute;
	z-index: 10;
	display: inline;
	text-decoration: none;
	padding-top: 3px;
	color: #6E6E6E;
}
.opac:hover {
	background-color: #F1F1F1;
	opacity: 0.8;
	text-decoration: none;
}
.paramenu {
	text-align: left;
	/*font-size: 0.85rem;*/
	font-size: 0.8rem;
	padding-left: 7px;
}
.prenomnom {
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}
.textecorpsdepage {
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.0em;
	font-style: normal;
}
/* ************************************************** */
/* POUR TEMPLATE V2 en responsive design et bootstrap */
.barreHaut2 {
	position: relative;
	width: 100%;
	min-height: 70px;
	background: #ffffff;
	z-index: 10;
	display: inline-block;
	margin-bottom: -5px;
}
.regionCentral2 {
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 2px;
	width: 100%;
	bottom: 0;
	top: 70px;
}
.barreHaut3 {
	position: relative;
	width: 100%;
	min-height: 70px;
	background: #F1F1F1;
	z-index: 10;
	display: inline-block;
	margin-bottom: -5px;
	border-bottom: 1px solid #C7C7C7;
}
.infoscom {
	margin: 3px;
}
.btn.btobarrehaut {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
.zonenotif {
	position: absolute;
	margin-top: 10px;
	width: 100%;
	margin-left: 66%;
	z-index: 10000
}
/* ********************************** */
/* POUR LES ICONES SOCIAL NETWORK DANS BARRE HAUT */
.spotsocicon {
	font-size: 1.2em !important;
	color: #363f6d9e;
}
/* ************************************************** */
/* POUR ICONE TOOL BAR        					      */
.col_toolbar_icone {
	color: #6E6E6E !important;
}
.col_toolbar_icone2 {
	color: #027BFF !important;
}
.col_toolbar_icone_alert {
	color: #ff2637 !important;
}
.spot_toolbar_icone {
	padding-top: 5px;
}
.spot_toolbar_icone2 {
	padding-top: 4px;
	padding-bottom: 8px;
	font-size: 1.5em;
}
.spot_toolbar_hauteur {
	margin-top: 21px;
}
.spot_toolbar_social {
	padding-left: 0.25em !important;
	padding-right: 0.25em !important;
}

/* ********************************** */
/* POUR JQWIDGET */
.jqx-widget
{
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.jqx-widget-content
{
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.jqx-widget-bootstrap
{
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
/* pour NOTIFICATION */
.jqx-notification {
	background: #727276;
	color: #FDFDEF;
}
/* ********************************** */
/* POUR DASHBOARD et COURS */
.zonedb {
	float: left;
	height: 200px;
	padding: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
}
.zonedb:hover {
	background-color: #F1F1F1;
}
.zonedblate {
	float: left;
	height: 200px;
	padding: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
	background-color: #f2dede;
}
.zonedblate:hover {
	background-color: #F1F1F1;
}
/**----------------------- */
/* V2 en 2 zones sensibles */
.zonedbv2 {
	float: left;
	height: 200px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
	text-align: center;
	background-color: rgba(165, 168, 163, 0.08);
	border-radius: .5em;
}
.zonedbv2:hover {
	background-color: #F1F1F1;
}
.zonedbv2_haut, .zonedbv2_hautcours, .zonedbv2_hautcdu, .zonedbv2_hautmodele, .zonedbv2_hautapplet {
	height: 100px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	border-radius: .5em .5em 0em 0em;
}
.zonedbv2_bas, .zonedbv2_bascours {
	height: 100px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	border-radius: 0em 0em .5em .5em;
}
.zonedbv2_haut:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_account_circle_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.zonedbv2_hautcours:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_local_library_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.zonedbv2_hautcdu:hover {
	background-color: #45BAFD;
	background-image: url("/images/iconbarre/ic_assessment_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.zonedbv2_hautmodele:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_collections_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.zonedbv2_hautapplet:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_mode_edit_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.zonedbv2_bas:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_info_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 70px;
}
.zonedbv2_bascours:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_info_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 70px;
}
.zonedblatev2 {
	float: left;
	height: 200px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
	background-color: #ffdc55;
	border-radius: .5em;
}
.zonedblatev2:hover {
	background-color: #FFC107;
}
.zonedblockv2 {
	float: left;
	height: 200px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
	background-color: #ffbaba;
	border-radius: .5em;
}
.zonedblockv2:hover {
	background-color: #ff6e6e;
}
.zonedbv2_nullaction {
	height: 100px;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	border-radius: .5em .5em 0em 0em;
}
.zonecertifLMS {
	float: left;
	height: 200px;
	padding: 0px;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 170px;
	text-align: center;
	background-color: rgba(163, 241, 112, 0.28);
	border-radius: .5em;
}
.zonecertifLMS:hover {
	background-color: rgba(81, 210, 44, 0.48);
	background-image: url("/images/iconbarre/ic_info_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 170px;
}
.zonecomment {
	float: left;
	height: 200px;
	padding: 1px;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	width: 270px;
	text-align: center;
	background-color: rgba(165, 168, 163, 0.08);
	border-radius: .5em;
}
.zonecomment:hover {
	background-color: #BABABA;
	background-image: url("/images/iconbarre/ic_delete_grey600_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 170px;
}
/**------------------------ */

/* version pour bootstrap */
/* utilisé pour les icone du catalogue de la boutique */
.zonedbbootstrap {
	float: left;
	height: 190px;
	padding: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 200px;
	background-color: rgba(165, 168, 163, 0.08);
	border-radius: .5em;
	background-image: url("/images/iconbarre/ic_info_white_24dp.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.zonedbbootstrap:hover {
	background-color: #BABABA;
}
/* version pour bootstrap en utilisant le grid */
.zonedbbootstrap_native {
	padding: 8px 1px 8px 5px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.zonedbbootstrap_native:hover {
	background-color: #F2F2F2;
	border-color: transparent;
	box-shadow: 0 1px 2px 0 rgba(66,66,66,.30) ,0 2px 6px 2px rgba(66,66,66,.15);
}
.zonedbbootstrap_native_pad {
	padding: 8px 0px 5px;
}
.zonedbbootstrap_native_padimg {
	margin-right: 12px;
	margin-left: 10px;
	height: 32px;
}
.zonedbbootstrap_native_margeicon {
	margin-top: 4px;
}
.spottxtdashbd {
	font-size: 14px;
	font-weight: 600;
	word-break: break-word;
	word-wrap: break-word;
}
.spotprecisiondashbd {
	font-size: 12px;
	color: #333;
}
.zonedbbootstrap_native_padtxt {
	display: block;
	flex: 1 1 auto;
	max-height: 100%;
}

/* ********************************** */
/* POUR CATALOGUE BOUTIQUE EN LIST */
.zonelist {
	padding: 15px;
	margin-right: 10px;
	margin-left: 10px;
	width: 100%;
	border-top: 1px solid #BABABA;
}
.zonelist:hover {
	background-color: #F1F1F1;
	background-image: url("/images/system/information.png");
	background-repeat: no-repeat;
	background-position: 98% 90%;
}
/* ********************************** */
/* POUR DASHBOARD DEVELOPPER */
.zonedbdev {
	float: left;
	height: 130px;
	padding: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 120px;
}
.zonedbdev:hover {
	background-color: #F1F1F1;
}
/* ********************************** */
/* POUR APPRENANT SUIVI COURS */
.zonesuivicours {
	float: left;
	height: 118px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	width: 170px;
}
.zonesuivicours:hover {
	background-color: #F1F1F1;
}
/* ********************************** */
/* POUR CREATION CONTENU presente les different type de contenu */
.zonecontenu {
	/*	float: left; */
	height: 120px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	width: 90px;
	/*	display: inline-table;	*/
	float: left;
	border-radius: .4em;
}
.zonecontenu:hover {
	background-color: #F1F1F1;
}
/* ********************************** */
/* POUR ZONE TITRE DANS PAGE */
.zonetitre {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #c6c6c6;
	background-color: #ffffff;
	color: #686868;
	margin-top: -3px;
}
.zonetitregeneration {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #A2A2A2;
	color: rgba(15, 0, 0, 0.87);
	margin-top: -3px;
}
.zonetextetitre {
	padding: 12px;
	margin-top: 4px;
	margin-left: 10px;
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	font-style: normal;
	float: left;
}
.btnavtitre {
	font-size: 1.1rem;
	color: #686868;
	font-weight: 700;
	margin-top: -4px;
}
.zonetextetitregeneration {
	/*padding: 12px;*/
	margin-top: -25px;
	margin-left: 0px;
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	font-style: normal;
	float: left;
}
.zonesoustitre {
	padding: 6px;
	margin-top: 16px;
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	float: left;
}
/* ********************************** */
/* POUR COLONNE SUIVRE COURS */
.colsuivrecours {
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
/* ********************************** */
/* POUR ZONE TRAVAIL DANS PAGE */
.zonetravail {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.zonegeneration {
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.zoneboutongch {
	padding-bottom: 12px;
	float: right;
}
.zoneboutondrt {
	padding-bottom: 12px;
	float: left;
}
/* pour des grid ds des tab */
.zoneboutontab {
	padding-bottom: 50px;
}
.zoneboutonvalidation {
	width: 100%;
	background-color: #EFEFEF;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
}
/* ********************************** */
/* POUR LES CHAMPS FORMULAIRES */
.style_input {
	/*width: 210px;*/
	width: 90%;
	height: 20px;
}
.style_input_treslarge {
	width: 500px;
	height: 20px;
}
.style_input_largeur {
	width: 210px;
}
.style_separation {
	background-repeat: no-repeat;
	height: 8px;
	/*width: 600px;*/
	position: relative;
}
.style_separation:after {
	border-top: 1px solid #D3D3D3;
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
}
/* ********************************** */
/* POUR LES CHIFFRES DU TABLEAU BORD */
.carac_tab_bord {
	font-size: 1.3em;
	font-weight: bold;
	color: rgba(98,98,98,1.00);
}
/* ********************************** */
/* POUR LES ELEMENTS DANS TABLEAU */
.spottool {
	font-size: 1.5em !important;
	line-height: 1em !important;
	margin-right: 0.2em !important;
}

.spottoolnotif1 {
	font-size: 1.8em !important;
}
.spottoolnotif0 {
	float: right;
}
a.spottoolnotif0:hover {
	color: black;
}
a.spottoolnotif0:visited:hover {
	color: black;
}
a.spottoolnotif0 {
	color: white;
}
a.spottoolnotif0:visited {
	color: white;
}

.spottooldiv {
	margin: 11px;
	text-align: center;
}

a#spottoola:hover {
	color: white;
}
a#spottoola:visited:hover {
	color: white;
}
a#spottoola {
	color: grey;
}
a#spottoola:visited {
	color: grey;
}

a#spottoolablack:hover {
	color: black;
}
a#spottoolablack:visited:hover {
	color: black;
}
a#spottoolablack {
	color: grey;
}
a#spottoolablack:visited {
	color: grey;
}

a#spottoolablue:hover {
	color: grey;
}
a#spottoolablue:visited:hover {
	color: grey;
}
a#spottoolablue {
	color: #2AABD2;
}
a#spottoolablue:visited {
	color: #2AABD2;
}
.badgerolevignetspot {
	font-size: 1rem;
	line-height: 2rem;
}
.badgerolevignetspotsecond {
	font-size: 1rem;
	line-height: 1.4rem;
}
.badgerolevignetspotthird {
	font-size: 1rem;
	line-height: 2.5rem;
}
.badgeroletabspot {
	line-height: 3rem;
}


@media screen and (max-width: 800px) {
/* si taille affichage < a ... */
.spottool {
	font-size: 1.1em !important;
	line-height: 1em !important;
	margin-right: 0.05em !important;
}
.spottoolnotif1 {
	font-size: 1.3em !important;
}
}
/* ********************************** */
/* POUR LES ICONES TOOLS DANS BOITE DE DIALOG */
.spottoolBD {
	font-size: 1.2em !important;
	line-height: 1.0em !important;
}
/* ********************************** */
/* POUR AFFICHAGE DS CONTENU COURS -> MODULE DRAG and DROP */
.zonetech_mod {
	margin-left: -18px;
	margin-right: -18px;
	margin-top: -18px;
	width: auto;
	border-bottom: 1px solid gainsboro;
	background-color: #ffc1074d;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 4px;
}
.zonetech_compo {
	margin-left: 0px;
	width: auto;
	border-top: 1px solid #C8C8C8;
	background-color: #f7f7f7;
	padding-top: 4px;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-right: 0px;
	border-radius: 0em 0em .4em .4em;
}
.firstline_compo {
	height: 40px;
	padding-right: 5px;
	padding-top: 6px;
}
.zonecrea_mod {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 0px;
	width: auto;
	min-height: 26px;
	border-top: 1px solid gainsboro;
	background-color: #F5F5F5;
	margin-bottom: -15px;
	padding-top: 5px;
	padding-left: 18px;
	text-align: left;
	border-radius: 0px 0px 4px 4px;
}
.panel-spot-module {
	background-image: none !important;
	height: 36px;
}
.panel-spot-modulev4 {
	height: 50px;
}
.largeur_mod {
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 800px) {
/* si taille affichage < a ... */
.largeur_mod {
	width: 100%;
}
}

.font_mod {
	font-size: 0.85em;
	float: right;
	font-weight: bold;
	margin-top: 2px;
	color: #145690;
}
.spottool_etat {
	font-size: 0.9em !important;
	margin-top: -6px !important;
}
.spottool_etatv4 {
	font-size: 0.8em !important;
	margin-top: -4px !important;
}
.spottool_mod {
	font-size: 1.2em !important;
	line-height: 1em !important;
	margin-right: 0.2em !important;
	margin-top: -2px;
}
.spotbtn_mod {
	padding: 0px 6px !important;
	font-size: 12px !important;
/*	line-height: 1.4 !important;*/
	border-radius: 3px !important;
	margin-top: -4px !important;
}
.txtprealable_mod {
	color: #000000;
	font-size: 0.9rem;
}
.prealable_mod {
	padding: 0px 6px !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	border-radius: 10px !important;
	margin-top: 4px !important;
	margin-right: 5px !important;
	background-image: none !important;
}
.spotic_reuse {
	color: grey;
	margin-right: 5px;
	margin-left: 0px;
}
.zone_composant {
	margin-top: 5px;
}
.the_compo_actif {
	padding-top: 4px;
	min-height: 25px;
	display: inline-block;
	width: 100%;
	border-color: #E7E9ED;
	border-style: solid;
	border-width: 0px 0px 1px;
	background-color: #C6F87A;
	border-radius: .4em;
}
.the_compo_no_light {
	padding-top: 4px;
	min-height: 25px;
	display: inline-block;
	width: 100%;
	border-color: #E7E9ED;
	border-style: solid;
	border-width: 0px 0px 1px;
}
.the_compo {
	padding-top: 4px;
	min-height: 25px;
	display: inline-block;
	width: 100%;
	border-color: #E7E9ED;
	border-style: solid;
	border-width: 0px 0px 1px;

    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
}
.the_compo:hover {
	/*background: #FBE98E;*/
	background: #007bff17;
}
.spotic_typcompo {
	color: #337AB7;
	margin-right: 5px;
}
.textcompo {
	margin-top: -4px;
	font-weight: bold;
}
.spottool_compo {
	font-size: 1.3em !important;
	line-height: 1em !important;
	margin-right: 0.3em !important;
	margin-top: 5px;
}
.ic_noicon {	/* sert a indenter correctement le composant quand icone pas affiché */
	width: 34px;
	float: left;
}
/* les styles des retraits du composant */
.retrait_compo0 {
	margin-left: 0px;
}
.retrait_compo1 {
	margin-left: 30px;
}
.retrait_compo2 {
	margin-left: 60px;
}
.retrait_compo3 {
	margin-left: 90px;
}
.retrait_compo4 {
	margin-left: 120px;
}
.retrait_compo5 {
	margin-left: 150px;
}
.retrait_compo6 {
	margin-left: 180px;
}
.retrait_compo7 {
	margin-left: 210px;
}
.retrait_compo8 {
	margin-left: 240px;
}
.retrait_compo9 {
	margin-left: 270px;
}
.retrait_compo10 {
	margin-left: 300px;
}
.retrait_compo11 {
	margin-left: 330px;
}
.retrait_compo12 {
	margin-left: 360px;
}
.retrait_compo13 {
	margin-left: 390px;
}
.retrait_compo14 {
	margin-left: 420px;
}
.retrait_compo15 {
	margin-left: 450px;
}
.iconinfocompo {
	color: #05506d;
}
.iconinfocompored {
	color: #FF0000;
}
/* ********************************** */
/* POUR AFFICHAGE BLOC TITRE  */
.titrebloc {
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.3em;
	font-style: normal;
}
/* ********************************** */
/* POUR AFFICHAGE PLAN ds SUIVRE COURS  */
.bandeaucondicourssuivi {
	position: relative;
	width: 100%;
	min-height: 40px;
	/*background: #E7E9ED;*/
	background: #ffc1074d;
	display: inline-block;
	margin-bottom: -5px;
	border-bottom: 1px solid gainsboro;
}
.btn_condival_coursuiv {
	padding: 0px 6px !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	border-radius: 10px !important;
	margin-top: 4px !important;
	margin-bottom: 6px !important;
	margin-left: 5px !important;
	background-image: none !important;
}
.font_mod_plan {
	float: right;
	font-size: 1rem;
	font-weight: bold;
	color: #145690;
    padding: 5px;
}
.module_titre_colonne {
    border-top: 1px solid #aaaaaa;
    margin-top: 10px;
}
.textcompo_plan {
	color: gray;
	margin-top: 0px;
	font-size: 0.85em;
}
/* les styles des retraits du composant pour un plan (plus petit retrait)*/
.pretrait_compo0 {
	margin-left: 0px;
}
.pretrait_compo1 {
	margin-left: 15px;
}
.pretrait_compo2 {
	margin-left: 30px;
}
.pretrait_compo3 {
	margin-left: 45px;
}
.pretrait_compo4 {
	margin-left: 60px;
}
.pretrait_compo5 {
	margin-left: 75px;
}
.pretrait_compo6 {
	margin-left: 90px;
}
.pretrait_compo7 {
	margin-left: 105px;
}
.pretrait_compo8 {
	margin-left: 120px;
}
.pretrait_compo9 {
	margin-left: 135px;
}
.pretrait_compo10 {
	margin-left: 150px;
}
.pretrait_compo11 {
	margin-left: 165px;
}
.pretrait_compo12 {
	margin-left: 180px;
}
.pretrait_compo13 {
	margin-left: 195px;
}
.pretrait_compo14 {
	margin-left: 210px;
}
.pretrait_compo15 {
	margin-left: 225px;
}
/* ********************************** */
/* POUR AFFICHAGE QCM                 */
.zonetech_question {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: -18px;
    width: auto;
    border-bottom: 1px solid gainsboro;
    background-color: #E7E9ED;
    padding-top: 6px;
    padding-left: 5px;
    padding-bottom: 4px;
}
.zonetech_correction {
    margin-left: -18px;
    margin-right: -18px;
    width: auto;
    border-bottom: 1px solid gainsboro;
    background-color: #ebffec;
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 4px;
}
.header_question {
	height: 3.65rem;
}
.header_dragdrop {
	float: left;
    padding-top: 6px;
}
.font_question {
	font-size: 0.85em;
	float: right;
	font-weight: bold;
	margin-top: 6px;
	color: #145690;
}
.font_question_petit {
	font-size: 0.7em;
	float: right;
	font-weight: bold;
	margin-top: 8px;
	color: #145690;
}
.align_infos_question {
	float: right;
	margin-right: 20px;
}
.align_temps_question {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
}
.good_reponse {
	border-color: #008000;
	border-style: dotted;
	border-width: 2px;
}
.the_reponse {
	padding-top: 4px;
	min-height: 25px;
	display: inline-block;
	width: 100%;
	border-color: #ddd;
	border-style: solid;
	border-width: 0px 0px 1px;
}
.the_reponse:hover {
	background: #F5F5F5;
}
.point_reponse {
	margin-right: 18px;
    font-size: 0.9rem;
}
.point_notation {
	font-size: 1.1rem;
}
.somme_point_question {
	font-size: 18px !important;
}
.textequiz {
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.15em;
	font-style: normal;
}
.firstline_reponseresultat {
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
}
.carac_scorequiz {
	font-size: 1.1em;
	font-weight: bold;
	color: rgba(98,98,98,1.00);
}
.carac_applet {
	font-size: 0.9em;
	font-weight: bold;
	color: rgba(98,98,98,1.00);
}
.chart-inner-text {
	fill: #00BAFF;
	color: #00BAFF;
	font-size: 50px;
}
.titre_gch_quest_correspondance {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: 700;
	background-color: #F1F1F1;
	margin-right: -18px;
}
.titre_drt_quest_correspondance {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: 700;
	background-color: #F1F1F1;
	margin-left: 10px;
	margin-right: -13px;
}
.timequestion {
    background-color: #05506d;
    font-size: 0.9rem;
}
/* ************************************************** */
/* POUR AFFICHAGE offres commerciales au utilisateurs */
.prixcommercialmois {
	font-family: "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	float: left;
	color: #d9534f;
}
.prixcommercialan {
	font-family: "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.7em;
	font-style: normal;
	float: left;
	color: #337ab7;
}
.entetetabcom {
	font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	color: #3F9393;
}
.color_tooltip {
	background-color: #3F9393 !important;
}
.color_tooltip2 {
	color: #3F9393 !important;
}
.color_tickslider {
	background-color: #F9B116 !important;
	/*margin-left: +169px;*/
	margin-left: +151px;
}
/* ************************************************** */
/* POUR AFFICHAGE LABEL dans boite de dialogue		  */
.label_bdialog {
	background-color: #C9302C !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #ffffff;
}
.label_bdialog_success {
	background-color: #5cb85c !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #ffffff;
}
/* ************************************************** */
/* POUR IMAGE RETAILLE DANS UNE VUE ICONE/VIGNETTE    */
.resizeimageicon {
	max-width: 100%;
	max-height: 100%;
}
/* ************************************************** */
/* POUR LOGO RETAILLE                                 */
.resizelogo {
	max-width: 176px !important;
	max-height: 65px !important;
}

/* ************************************************** */
/* POUR IFRAME SCORM TAILLE                           */
.scorm-container {
	position: relative;
	height: 0;
	overflow: hidden;
}

/* 2x1 Aspect Ratio */
.scorm-container-2x1 {
	padding-bottom: 50%;
}

/* 16x9 Aspect Ratio */
.scorm-container-16x9 {
	padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.scorm-container-4x3 {
	padding-bottom: 75%;
}

.scorm-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
    border: none;
}

.scorm-container-api {
	width: 0%;
	height: 0;
	border: none;
}

/* 100% Aspect Ratio */
.iframe-100 {
    display: block;       /* iframes are inline by default */
    background: #ffffff;
    border: none;         /* Reset default border */
    height: 85vh;        /* Viewport-relative units */
    width: 100%;
}

/* ************************************************** */
/* POUR ICONES MENU PARAMETRE                         */
.col_menu_icone {
	min-width: 45px;
	min-height: 28px;
	float: left;
	font-size: 1.1em;
}
.dropdown-item.menupara {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* ************************************************** */
/* POUR OPERATION DROITS PROFILS SPECIFIQUES		  */
.rights_profil_type_ok {
    color: #5cb85c;
    font-size: 1.4em;
    border: 1px solid;
    border-radius: 3px;
    padding: 2px;
}
.rights_profil_type_ko {
    color: #9e9e9e;
    font-size: 1.4em;
    border: 1px solid;
    border-radius: 3px;
    padding: 2px;
}
.rights_profil_type_error {
    color: #d9534f;
    font-size: 1.4em;
}
.rights_profil_base_ok {
    color: #5cb85c;
    font-size: 1.4em;
}
.rights_profil_base_ko {
    color: #9e9e9e;
    font-size: 1.4em;
}
.warningspot {
	color: #d9534f;
	font-size: 1.1em;
}

/* ************************************************** */
/* POUR TYPE UTILISATEUR EN COULEUR DANS LABEL        */
.typeuser_text {
	font-weight: normal !important;
    white-space: normal !important;
}

/* ******************************************************** */
/* POUR LES ICONES TOOLS DANS BOITE DIALOGUE RENDUS TRAVAIL */
.spotbdrendu {
	font-size: 1.8em !important;
	line-height: 0.8em !important;
	margin-right: 0.2em !important;
}

/* ******************************************************** */
/* POUR LES TITRES DES BOITES DE DIALOGUE PUBLICITE 		*/
.mutitle-dialog .bootstrap-dialog-title {
	font-size: smaller !important;
	text-align: center !important;
}
/* ******************************************************** */
/* POUR LES PUBLICITE 		                                */
.cadre_pub {
	width: 98%;
	height: 90px;
	margin-left: 14px;
	padding-top: 12px;
	border: steelblue;
	border-style: dashed;
	border-radius: 8px;
	border-width: 2px;
	margin-bottom: 8px;
	margin-top: 8px;
}
/* ********************************** */
/* POUR BOUTONS COLONNE SUIVI COURS   */
.btocolsuivrecours {
	font-size: 1.5rem;
}
/* ********************************** */
/* POUR EDIT BOOKMARK				  */
.header_bkm_dragdrop {
	float: left;
	padding-top: 3px;
	padding-left: 3px;
}

/* ********************************** */
/* POUR AFFICHER CADRE COMMENTAIRE    */
.cadre_comment_spot {
	background-color: #F1F1F1;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 14px;
}

/* ********************************** */
/* PERSONNALISATION VIGNETTE          */
.custom_thumbspot {
	font-size: 0.8rem;
}

/* ********************************** */
/* TABLE INFO COURS, USER, ...        */
.table-spot {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.colbktblspot {
	background-color: #f5f5f5;
}
.colbktblspot2 {
	background-color: #F6F8FC;
}

/* ********************************** */
/* POUR AFFICHER AVANCEMENT SOUS FORME PROGRESS */
.progress_spot {
	float: left;
	margin-right: 20px;
}

/* ************************************************** */
/* POUR BOITE DE DIALOGUE DE SELCTION DE FICHIER EN STANDALONE AVEC RESPONSIVE FILEMANAGER */
.select_file_dialog_rf {
	margin-top: -15px;
	margin-bottom: -18px;
	margin-left: -28px;
	margin-right: -30px;
}

/* ************************************************** */
/* POUR DROPDOW MENU SCROLLABLE POUR LISTE DES GROUPES DANS BARRE DE MENU */
.scrollable-menu {
	max-height: 85vh;
	overflow: auto;
}