/*
 Theme Name:   Opquast
 Theme URI:    http://www.opquast.com
 Description:  A Twenty Fifteen child theme 
 Author:       Laurent Denis
 Author URI:   http://www.opquast.com
 Template:     twentyfifteen
 Version:      1.0.0
*/
 
@import url("../twentyfifteen/style.css");
@font-face {
	font-family: "Geograph";
	src: local('Geograph Regular'),
		local('Geograph-Regular'),
		url("https://website.oqs-cdn.com/wp-content/themes/opquast/fonts/geograph-regular.woff2") format("woff2"),
		url("https://website.oqs-cdn.com/wp-content/themes/opquast/fonts/geograph-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Geograph";
	src: local('Geograph Bold'),
		local('Geograph-Bold'),
		url("https://website.oqs-cdn.com/wp-content/themes/opquast/fonts/geograph-bold.woff2") format("woff2"),
		url("https://website.oqs-cdn.com/wp-content/themes/opquast/fonts/geograph-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: "OpenDyslexic";
	src: local('OpenDyslexic Regular'),
		local('OpenDyslexic-Regular'),
		url("https://training-v5.certified.opquast.com/fr-v5/wp-content/themes/opquast/fonts/OpenDyslexic-Regular") format("woff2"),
		url("https://training-v5.certified.opquast.com/fr-v5/wp-content/themes/opquast/fonts/OpenDyslexic-Regular") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "OpenDyslexic";
	src: local('OpenDyslexic Bold'),
		local('OpenDyslexic-Bold'),
		url("https://training-v5.certified.opquast.com/fr-v5/wp-content/themes/opquast/fonts/OpenDyslexic-Bold.woff2") format("woff2"),
		url("https://training-v5.certified.opquast.com/fr-v5/wp-content/themes/opquast/fonts/OpenDyslexic-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* Patch OpenDyslexic */
.OpenDyslexic body, .OpenDyslexic p, .OpenDyslexic li, .OpenDyslexic div, .OpenDyslexic span, .OpenDyslexic input, .OpenDyslexic select, .OpenDyslexic option, .OpenDyslexic button, .OpenDyslexic label, .OpenDyslexic a,
 .OpenDyslexic h1, .OpenDyslexic h2, .OpenDyslexic h3, .OpenDyslexic h4, .OpenDyslexic h5, .OpenDyslexic h6 {
    font-weight: bold !important;
    font-family: OpenDyslexic, sans-serif !important;
}
.OpenDyslexic body {
    font-size: 1.7em;
}
.OpenDyslexic .oq_IsCorrect_Label span {
    font-size: 0.6em;
}

/**
 * Opquast
 *
 * 1. General
 * 2. Typography
 * 3. forms controls
 * 4. Adminbar
 * 5. headings
 * 6. Aside
 * 7. icones menu aside 
 * 8. Search
 * 9. Footer
 * 10. Plier + déplier (trancripts + FAQ)
 * 11. TOC du cours
 * 12. Contenu du cours
 * 13. Barre d'avancement dans le cours
 * 14. vidéos
 * 15. Mode démo

 */


/**
 * 1. General
 */
 /*colors*/
 :root {
	--light-colored: #1a7a79;
  }
  
  
body {
	background: #fff;
	padding: 0 100px 0 35px;
	}
body:before {
		display: none;
		box-shadow: none;
	}
#adminbarsearch {
	display: none;
	}
a{
	cursor:pointer;
}
/* menu corporate top*/
#oq_corporate {
	color: #fff;
	overflow: hidden;
	background: #304553;
	text-align: right;
	font-size: 0.7em;
	margin: 0 -10px 0 -35px;
  padding: 5px 10px 5px 35px;
}
@media screen and (min-width: 956px){
#oq_corporate {	
	padding: 5px 40px 5px 35px;
	margin: 0 -100px 0 -35px;
}
}
#oq_corporate ul, #oq_corporate li {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#oq_corporate li {
	margin: 0 0 0 15px;
}
#oq_corporate li.acces-rapide {
	margin: 0;
}
.accessibility-menu-left {
	float: left;
}
.accessibility-menu-right {
	float: right;
}
.accessibility-menu-left a, .accessibility-menu-right a{
	color: #fff;
	text-decoration: none;
}
.accessibility-menu-left a:hover, .accessibility-menu-left a:focus,  .accessibility-menu-right a:hover, .accessibility-menu-right a:focus{
	text-decoration: underline;
	color: #fff;
}
.acces-rapide a {
	color: #304554;
	display: inline-block;
	width: 1px;
	overflow: hidden;
	height: 1px;
}
.acces-rapide a:focus {
	color: #fff;
	display: inline;
}
#oq_corporate a[target="_blank"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKtJREFUGBllkDEKwkAQRXeDlXXOIMHCI9gL1pYeIXfJMcTSwiJ4EZtUimClgo3i+v6yE+L64THzZ2dnNnEuUwihgVzX2EZ1DGVC+QZ+5HA1vFL1QJxCl3wf1PiAFWjiBDr4kxqlCgrYyQx0It/Kj+xbvPcffItfptqZuIAjXPqJ6dDe3HJJb91DGc9IJFut9YbeLCkWWn2HuU0cxBn5G56xRvcabpBLf6O2i1/6dwodBUA/OgAAAABJRU5ErkJggg==);
}

/* description du site */

@media screen and (min-width: 60em){
	.site-branding{
	margin: 0 0 0 -20px;
	}
}
/* surcharge js inline !important nécéssaire*/
#sidebar.sidebar {
	position: relative !important;
	top: 0;
	max-width: 380px;
	width: 25%;
}
@media screen and (min-width: 955px) {
	#sidebar.sidebar {
	  max-width: 25%;
	}
  }
  /* MOBILE */
@media screen and (max-width: 59.6875em) {
	body {
	padding: 0 10px;
	}
	#sidebar.sidebar {
		width: auto;
		max-width: none;
	}
	.oq_review_button {
		display: none;
	}
}
/**/

.site-header {
	margin-top: 30px;
	margin-bottom: 0;
}
.site-main {
	padding-top: 15px;
}
.hentry, .page-header, .page-content, .site-footer {
	box-shadow: none;	
}
.hentry {
	padding-top: 0;
}
.entry-content, .entry-summary {
	padding: 0;
}
.entry-content ul {
	margin-left: 20px;
}
.page {
	margin: 0 0 30px 0;
}
.entry-content {
	margin-bottom: 25px;
}
.center {
	text-align:center;
}

/* Liens */
main a, .site-info a {
	color:var(--light-colored);
	border-bottom: none !important;	
	text-decoration: none;}
main a:hover, main a:focus, 
.site-info a:hover, .site-info a:focus, 
.widget a:hover, .widget a:focus, a.js-tablist__link:focus {
	color:var(--light-colored);
	text-decoration: underline;
}
a[target="_blank"] {
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA7ElEQVQY013PsUqbARSG4ef7yRRCh15BVjN0dHQrVnB2cTSTIXboNXTo4GBrnPxxFrwBUbwIhwheQCitCC2SqfQ4JFKbs3zDec/He2JlBnuTo+IgKCzzIbA2POmq6kKSuaoz7LwCNYO9yUHUL/EzcY6+WJclFRI64nOVXdwUb5O6RH9VqVF64fauHT2Kwyr9quW2zMhFFZ36d/SXXFHbC8YMW7gP35vX9Xen+1/Dx3BN3ie+oDdtR+MmWTijQTNtR8fTdrQZfhQfXhQ7+F3JxmB48p98Vb0TfzCHDhlHfSveBC+PJJ6UT9N2fw7Pbc5Rboz+tKAAAAAASUVORK5CYII=);
	padding-right: 15px;
}
/* Breadcrumb */
.oq_breadcrumb {
	font-size: 0.75em;
	margin: 15px 0 20px 0;
}
.oq_breadcrumb img {
	vertical-align: baseline;
}
/** logo opquast **/
.textwidget img{
	max-width: 150px;
	height:auto;
	margin: 0 0 0 -5px;
}
.textwidget a {border-bottom: none}
.site-header{
	padding:0 0 10px 0;
}
.site-description {
	margin: 0;
	opacity: 1;
	}
/* balises diverses */
iframe {
	margin: 0 auto;
	width: 100%;
}
.button {
	text-transform: none
}
.big_button {
	width: auto;
}
.simple-modal__content{
	color: #254356;
}
.simple-modal__content img{
box-shadow: .125em .125em .125em rgba(47,69,84,.2);
}

/*** icone √ ***/
.icon-checked{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23179345' d='M0 9.9l1.8-1.8 4.5 4.5 9.9-9.9 1.8 1.8-11.7 11.7z'%3E%3C/path%3E%3C/svg%3E");
}
/*** icone X ***/
.icon-fail{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23bf341a' d='M9 7.727l-6.364-6.364-1.273 1.273 6.364 6.364-6.364 6.364 1.273 1.273 6.364-6.364 6.364 6.364 1.273-1.273-6.364-6.364 6.364-6.364-1.273-1.273-6.364 6.364z'%3E%3C/path%3E%3C/svg%3E");
}

/*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}
.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
		clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
}

.clear {
	clear:both;
}

/**
 * 2. Typography
 */



html {
	font-family: Geograph, sans-serif;
	line-height: 1.5;
	color: #2f4554;
	scroll-behavior: smooth; }

.site-description{
	font-family: Geograph, sans-serif;
}
body,
button,
input,
select,
textarea {
	font-family: inherit;
	line-height: 1.5;
	color: #254356;
	}
button{color: #fff;}
main a {
	color:var(--light-colored);
}
/**
* 3. forms controls
 */
.button {
	background: #304554;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
	display: block;
	text-align: center;	
}
.big_button {
	width: 50%;
	margin: 0 auto;
	line-height: 2em;
	border-radius: 8px;
}
.button:hover, .button:focus,
input.wpProQuiz_button:hover, input.wpProQuiz_button2:hover, #sfwd-mark-complete input.button:hover, #sfwd-mark-complete input[type="submit"]:hover, #learndash_mark_complete_button:hover,
input.wpProQuiz_button:focus, input.wpProQuiz_button2:focus, #sfwd-mark-complete input.button:focus, #sfwd-mark-complete input[type="submit"]:focus, #learndash_mark_complete_button:focus, 
body #primary #main .oq_nextfinish:hover, body #primary #main .oq_nextfinish:focus{
	background-color:var(--light-colored)!important;
	color: white !important;
    font-weight:700 !important;
	opacity: 1 !important;
}

#sfwd-mark-complete {
	text-align: center;
}
/**
 * 4. Adminbar
 */
#wpadminbar {
    background: #304554;
}

/**
 * 5. headings
 */

 h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
}
h1.entry-title {
	margin-top: 30px;
	margin-bottom: 0;
}
.learndash_content h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
h1.entry-title, .wpProQuiz_quiz h1, .simple-modal-title{
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin: 20px 0;
	font-size: 2em !important;
}
.wpProQuiz_quiz h1 {
	margin: 0;
}

h2 {
	clear: none !important;
}
.entry-content h2 {
	font-size: 1.5em;
}
/** 
* 6. Aside
*/
/* Espacement sur menu page d'accueil */
aside.widget_pages span.oq_done_icon.oq_profil_cell{display:none;}
/* barre d'avancement */
#custom_html-8 {
	margin: 0;
	margin-left: -25px;
}
#oq_course_progress_meta {
	font-size: 0.85em;
}
.oq_course_progress a {
	display: block;
	border-bottom: 0;
	margin-bottom: 5px;
	height: 25px;
}
#oq_course_progress_bar {
	background: #efefef;
	height: 25px;
	display: inline-block;
	width: 100%;
}
.oq_course_progress a {
		width: 85%;
  	}
.oq_course_progress_percent {
	background:var(--light-colored);
	width: 0%;
	min-width: 2em;
	text-align: right;
	font-size: 0.75em;
	line-height: 25px;
	vertical-align: bottom;
}
.oq_course_progress_percent {
	color: #fff;
	padding-right: 2px;
	display: none;
}
/* Menu parcours */ 
/* widgets menu latéral */
aside.widget {
	/* margin: 35px 0 0 0;  TEST LDE VUE DEMO */
	margin: 0;
	padding: 0
}
.oq_widget_course_h2 {
	/* TEST LDE VUE DEMO */
	margin-top: 35px;
}

#custom_html-4 {
	margin:0;
}
aside.widget_pages .oq_course_item > div.oq_profil_cell {
	display: none;
}
#custom_html-6 {
	margin-top: 0;
}
.oq_widget_course_h2 h2{
	color: #333;
	float: left;
}
.oq_widget_course_h2 h2{
	padding-bottom:5px;
}
.oq_widget_course_h2 span {
	color: #333;
	font-size: 0.8em;
	float: right;
	margin: 3px 0 0 20px;
}
aside.widget_pages {
	font-size: 0.8em;
	line-height: 1.2em;
}
.oq_widget_course_h2 h2 a{
	color: var(--light-colored);
	border-bottom: 0;
}
.oq_widget_course_h2 a:hover, .oq_widget_course_h2 a:focus{
	text-decoration: underline;
}
.page_item_has_children.oq_video, .widget_pages li:last-child {
	padding-bottom: .5em;
}
.page_item_has_children.oq_course_item.oq_video {
	padding-bottom: 0;
}
aside.widget_pages {
	line-height: 1.2em;
	margin-top: 0;
}
aside.widget_pages .oq_course_item > span {
	display: none !important; /* nécéssaire */
}
aside.widget_pages .oq_module_item:first-of-type > span.oq_content_type_icon {
		background-color: #fff;
}
aside.widget_pages ul.children {
	margin-top: 0;
	padding-top: 0;
	margin-left: -2px;
}
aside.widget_pages ul.children ul.children {
	margin-left: 20px;
}
aside.widget_pages ul, aside.widget_pages ul li {
	padding: 0;
	border: 0 !important; /* nécéssaire */
	margin-top: 8px;
	margin-bottom: 0;
	vertical-align: top;
}
aside.widget_pages ul li { 	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; /* nécéssaire */
}
aside.widget_pages ul ul ul li, aside.widget_pages ul li:last-of-type {
	border-bottom: 0 !important; /* nécéssaire */
}
aside.widget_pages ul li ul li ul {
	display: none;
}

aside.widget_pages ul li ul li.current_page_ancestor ul, aside.widget_pages ul li.current_page_ancestor ul li.current_page_item ul {
	display: block;
}
aside.widget_pages ul li a, aside.widget_pages ul li .oq_no_link {
	display: inline-block;
}
aside.widget_pages  span.oq_no_link {
	color:rgb(51, 51, 51);
	font-weight: 700;
}
aside.widget_pages li.current_page_item {
	font-style: italic;
}
aside.widget_pages li.current_page_item ul {
	font-style: normal;
}
.widget_pages code, #oq_course_page code {
	display: none;
}
aside.widget_pages span.oq_duration, aside.widget_pages span.oq_score {
	font-size: 0.9em;
	display: block;
	margin-left: -5px;
}

aside.widget_pages li >.oq_content_type_icon {
	display: inline-block;
	margin-left: -20px;
	width: 20px;
	height: 20px;
	vertical-align: top;
	position: relative;
	z-index: 5000;
}


aside.widget_pages ul {
	position: relative;
}
aside.widget_pages ul:before {
	position: absolute;
	background: lightgray;
	content: "";
	display: block;
	width: 3px;
	left: -14px;
	top: 0;
	bottom: 0;
}
aside.widget_pages ul.children:before {
	display: none;
}
aside.widget_pages li {
	position: relative;
}
aside.widget_pages ul.children ul.children li:before {
	position: absolute;
	background: lightgray;
	content: "";
	display: block;
	width: 13px;
	left: -30px;
	top: 7px;
		height: 3px;
}
aside.widget_pages span.oq_profil_cell, aside.widget_pages div.oq_profil_cell {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 10000;
	line-height: 1.3em;
}
.page_item_has_children .oq_duration{
	display: inline-block;
	margin-top: 5px;
	padding: 0 0 0 25px;
	background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 20 20'%3E%3Cpath fill='%23269b9b' d='M9 15.012q2.18 0 3.709-1.547t1.529-3.727-1.529-3.709-3.709-1.529-3.709 1.529-1.529 3.709 1.529 3.727 3.709 1.547zM14.273 5.555q0.598 0.773 1.037 1.986t0.439 2.197q0 2.777-1.969 4.764t-4.781 1.986-4.781-1.986-1.969-4.764 1.969-4.764 4.781-1.986q0.949 0 2.197 0.457t2.021 1.055l1.055-1.090q0.563 0.457 1.055 1.055zM8.262 10.512v-4.5h1.477v4.5h-1.477zM11.25 0.738v1.512h-4.5v-1.512h4.5z'%3E%3C/path%3E%3C/svg%3E%0A") no-repeat 0 56%;
}
.oq_item_to_mark > .oq_profil_cell > .oq_duration{
	background:none;
}
#oq_course_page .oq_text_item span.oq_duration, #oq_course_page .oq_quiz_item span.oq_duration {
    background: none;
}
aside #oq_training_search {
	width: 100%;
}
.widget.widget_pages{
	font-size: 1em;
	line-height: 1.6;
}
/* Gris sur done menu */
.oq_done a{
	color: #919191;
}

.oq_widget_tools_h2 h2, .oq_widget_course_h2 h2{
	color: #333;
	margin: 35px 0 0 25px
}

.oq_widget_tools_h2 li {
	display: block;
	margin: 5px 0;	
}
.oq_widget_tools_h2 li a {
	border: 0
}
.oq_widget_tools_h2 ul {
	margin-top : 10px; 
 margin-left: 25px;
}
.page_item_has_children{
	padding-bottom: 12px;
}
.oq_profil_cell{padding-left:5px;}

.oq_module_item>button {
	padding: 0;
	cursor: pointer; 
}
.oq_widget_tools_h2 h2 {
	margin: 35px 0 0 5px;
}
.oq_widget_course_h2 h2, #oq_widget_course_h2 h2, .widget.widget_search {
	margin:0 0 0 -20px;
} 
/* Couleurs liens du menu */

.widget_pages a, .widget_pages .oq_no_link {
	color: rgb(51, 51, 51);
	}
.widget_pages .oq_done a,.widget_pages .ok_done .oq_no_link {
	color: #919191;
	}
/**
* 7. icones menu aside 
**/	

/*boite noire*/
.page_item_has_children >.oq_content_type_icon {
	background-repeat:no-repeat;
	background-color:#fff;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiPjxwYXRoIGZpbGw9IiM1ZTVlNWUiIGQ9Ik0xNi41NTkgMS44aC0xNS4xMTljLTAuMjk5IDAtMC41NCAwLjI0LTAuNTQgMC41NHYyLjE2aDE2LjJ2LTIuMTZjMC0wLjMtMC4yNDMtMC41NC0wLjU0MS0wLjU0ek0xLjggMTQuOTRjMCAwLjY5MyAwLjU2NiAxLjI2IDEuMjU5IDEuMjZoMTEuODhjMC42OTMgMCAxLjI2LTAuNTY4IDEuMjYtMS4yNnYtOS41NGgtMTQuMzk5djkuNTR6TTYuMyA3LjJoNS40djEuOGgtNS40di0xLjh6Ij48L3BhdGg+PC9zdmc+Cg==");
}
/* boite blanche */
.page_item_has_children.current_page_parent >.oq_content_type_icon, 
.page_item_has_children.current_page_item >.oq_content_type_icon{
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiPjxwYXRoIGZpbGw9IiM1ZTVlNWUiIGQ9Ik0zIDYuNzVoMTJ2OC4yNWgtMTJ6TTAuNzUgMS41Yy0wLjQxNCAwLTAuNzUgMC4zMzYtMC43NSAwLjc1djMuNzVjMCAwLjQxNCAwLjMzNiAwLjc1IDAuNzUgMC43NWgwLjc1djljMCAwLjQxNCAwLjMzNiAwLjc1IDAuNzUgMC43NWgxMy41YzAuNDE0IDAgMC43NS0wLjMzNiAwLjc1LTAuNzV2LTloMC43NWMwLjQxNCAwIDAuNzUtMC4zMzYgMC43NS0wLjc1di0zLjc1YzAtMC40MTQtMC4zMzYtMC43NS0wLjc1LTAuNzV6TTEuNSAzaDE1djIuMjVoLTE1ek03LjUgOS43NWgzYzAuNDE0IDAgMC43NS0wLjMzNiAwLjc1LTAuNzVzLTAuMzM2LTAuNzUtMC43NS0wLjc1aC0zYy0wLjQxNCAwLTAuNzUgMC4zMzYtMC43NSAwLjc1czAuMzM2IDAuNzUgMC43NSAwLjc1eiI+PC9wYXRoPjwvc3ZnPgo=");
}
/* cadenas mode demo */
.demo-mode .page_item_has_children > .oq_content_type_icon, 
.demo-mode .page_item_has_children.current_page_parent > .oq_content_type_icon, 
.demo-mode .page_item_has_children.current_page_item > .oq_content_type_icon {
background-image: url("data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48dGl0bGU+bG9jazwvdGl0bGU+PHBhdGggZmlsbD0iIzVlNWU1ZSIgZD0iTTguNDM4IDEyLjMyN3YwYy0wLjMyOC0wLjExNi0wLjU2My0wLjQyOC0wLjU2My0wLjc5NiAwLTAuNDY2IDAuMzc4LTAuODQ0IDAuODQ0LTAuODQ0czAuODQ0IDAuMzc4IDAuODQ0IDAuODQ0YzAgMC4zNjctMC4yMzUgMC42OC0wLjU2MyAwLjc5NnYxLjQ1OWMwIDAuMTQ4LTAuMTI2IDAuMjc2LTAuMjgxIDAuMjc2LTAuMTUxIDAtMC4yODEtMC4xMjQtMC4yODEtMC4yNzZ2LTEuNDU5ek00LjUgNy44NzV2MCAwYy0wLjkzMiAwLjAwMy0xLjY4OCAwLjc1NC0xLjY4OCAxLjY5M3Y1LjYxNGMwIDAuOTM1IDAuNzU3IDEuNjkzIDEuNjkyIDEuNjkzaDguNDI4YzAuOTM1IDAgMS42OTItMC43NTIgMS42OTItMS42OTN2LTUuNjE0YzAtMC45MzMtMC43NTQtMS42OS0xLjY4OC0xLjY5M3YtMS45NjljMC0yLjMzLTEuODk0LTQuMjE4LTQuMjE5LTQuMjE4LTIuMzMgMC00LjIxOSAxLjg4OC00LjIxOSA0LjIxOHYxLjk2OXpNNi4xODggNy44NzV2LTEuOTY4YzAtMS40MDIgMS4xMzMtMi41MzIgMi41MzEtMi41MzIgMS4zOTUgMCAyLjUzMSAxLjEzMyAyLjUzMSAyLjUzMnYxLjk2OGgtNS4wNjN6Ij48L3BhdGg+PC9zdmc+Cg==")
}
/* boite blanche mode demo*/
.demo-mode .page_item_has_children.module_1 > .oq_content_type_icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiPjxwYXRoIGZpbGw9IiM1ZTVlNWUiIGQ9Ik0zIDYuNzVoMTJ2OC4yNWgtMTJ6TTAuNzUgMS41Yy0wLjQxNCAwLTAuNzUgMC4zMzYtMC43NSAwLjc1djMuNzVjMCAwLjQxNCAwLjMzNiAwLjc1IDAuNzUgMC43NWgwLjc1djljMCAwLjQxNCAwLjMzNiAwLjc1IDAuNzUgMC43NWgxMy41YzAuNDE0IDAgMC43NS0wLjMzNiAwLjc1LTAuNzV2LTloMC43NWMwLjQxNCAwIDAuNzUtMC4zMzYgMC43NS0wLjc1di0zLjc1YzAtMC40MTQtMC4zMzYtMC43NS0wLjc1LTAuNzV6TTEuNSAzaDE1djIuMjVoLTE1ek03LjUgOS43NWgzYzAuNDE0IDAgMC43NS0wLjMzNiAwLjc1LTAuNzVzLTAuMzM2LTAuNzUtMC43NS0wLjc1aC0zYy0wLjQxNCAwLTAuNzUgMC4zMzYtMC43NSAwLjc1czAuMzM2IDAuNzUgMC43NSAwLjc1eiI+PC9wYXRoPjwvc3ZnPgo=");
  }
/* Activités */
.oq_content_type_icon {
	background-repeat:no-repeat;
	background-color:#fff;
	background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23000" d="M10.969 1.688h0.281l3.375 3.938v10.13c0 0.615-0.503 1.12-1.124 1.12h-8.44c-0.622 0-1.124-0.506-1.124-1.129v-12.929c0-0.624 0.504-1.129 1.127-1.129h5.905zM10.688 2.25h-5.627c-0.309 0-0.56 0.256-0.56 0.56v12.943c0 0.309 0.256 0.56 0.562 0.56h8.438c0.311 0 0.562-0.25 0.562-0.559v-9.566h-2.251c-0.621 0-1.124-0.499-1.124-1.128v-2.809zM11.25 2.531v2.526c0 0.313 0.253 0.567 0.561 0.567h2.083l-2.644-3.094z"%3E%3C/path%3E%3C/svg%3E');	
}
/* Activités done */
.oq_done > .oq_content_type_icon{
	background-repeat:no-repeat;
	background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"%3E%3Cpath fill="%23919191" d="M9.012 16.313h-5.076c-0.622 0-1.124-0.506-1.124-1.129v-12.929c0-0.624 0.506-1.129 1.13-1.129h5.62v3.376c0 0.625 0.505 1.124 1.128 1.124h2.809v5.343c-0.433-0.181-0.908-0.28-1.406-0.28-2.019 0-3.656 1.637-3.656 3.656 0 0.725 0.211 1.4 0.575 1.969v0 0zM10.125 1.125v3.373c0 0.312 0.254 0.564 0.557 0.564h2.818l-3.375-3.938zM12.094 17.438c1.709 0 3.094-1.385 3.094-3.094s-1.385-3.094-3.094-3.094c-1.709 0-3.094 1.385-3.094 3.094s1.385 3.094 3.094 3.094v0zM11.813 15.886l-1.324-1.324 0.412-0.412 0.912 0.912 1.756-1.756 0.412 0.412-2.168 2.168z"%3E%3C/path%3E%3C/svg%3E');	
}
@media screen and (min-width: 68.75em){
	.widget.widget_pages{
		font-size: .8em;
	}
}

/* Menu outils + icon svg */
.outils .icon{
	width:30px;
	height: 18px;
	padding-right: 5px;
	position: relative;
	top: 3px;
}
.outils a:visited{
	color: #919191;
}

/**
* 8. Search
**/
.widget_search .submit {
    display: inline-block;
    height: 28px;
    overflow: visible;
    position: relative;
    top: -30px;
    left: 90%;
    width: 18px;
    text-transform: none;
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    background-color: transparent;
    padding: 5px;
}
/* RESULTATS RECHERCHE */
.oq_search_results {
	padding: 0 0 0 25px;
	margin: 20px 8.3333%;
}
/* Hover submit loupe */
.widget_search input[type="submit"]:hover{
	background-color: transparent;
}
/* bouton recherche sans résultats */ 
input[type="submit"].c-cta{
	font-family: inherit;
	text-transform: none;
	background-color: #304554;
}
input[type="submit"].c-cta:hover
{ background: var(--light-colored);}

/**
 * 9. footer
 */
.site-info {
    text-align: center;
	border-top: 1px solid;
}
.site-info a:hover, .site-info a:focus {
	border: 0;
}
.site-info ul, .site-info li {
	display: inline-block;
	padding: 10px;
}
.site-info ul li.oq_access {
	display: none;
}
.logged-in .site-info ul li.oq_access {
	display: inline-block;
}


/**
 * 10. Plier + déplier (trancripts + FAQ)
 */

.js-to_expand[aria-hidden=true], .js-to_expand[data-hidden=true] {
  display: none;
}
.js-expandmore {	
text-align: center;
}
.js-expandmore-button {
    background: none;
    border: 0;
    text-decoration: underline;
    color:var(--light-colored);
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFeXl53d3dmpqasbGx////GU0iEgAAAAV0Uk5T/////wD7tg5TAAAAK0lEQVQI12NwgQIG0hhCDAwMTCJAhqMCA4MiWEoIJABiOCooQhULi5BqMgB2bh4svs8t+QAAAABJRU5ErkJggg==') left center no-repeat;
	padding-left: 16px;
}
.js-expandmore-button:hover {
    text-decoration: none;
}

.js-expandmore-button.is-opened {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF3d3deXl5////nZ2dQA6SoAAAAAN0Uk5T//8A18oNQQAAAClJREFUCNdjWAUEDEjEIhCxBkQs1wISS0+BiCIQEQdnnYLJroHrgBkAAGdcKNrtvBB6AAAAAElFTkSuQmCC') left center no-repeat;
}

.js-expandmore-button:hover, .js-expandmore-button:active, .js-expandmore-button:focus {
color: inherit;
text-decoration: none;
background: none;
}
.js-to_expand {
border: 1px solid #ccc;
padding: 15px;
margin: 15px 0
}
.c-disclosure__label:not(:first-child) {
    margin-top: calc(var(--baseline)*3.5rem);
    padding-top: calc(var(--baseline)*3.5rem);
    border-top: 2px solid lightgray;
}
/* FAQ */
.c-h2 {
    margin-bottom: calc(var(--baseline)*3rem);
    font-size: 2rem;
	line-height: 1.25;}


.c-disclosure__btn[aria-expanded="false"]::after {
    content: "";
    position: absolute;
    top: calc(var(--baseline)*1.5rem);
    right: 0;
    width: 3rem;
    height: 3rem;
    background: linear-gradient(180deg,transparent 45%,#1c9b9c 0,#1c9b9c 55%,transparent 0),linear-gradient(90deg,transparent 45%,#1c9b9c 0,#1c9b9c 55%,transparent 0),#fff;
    border: 7px solid #fff;
        border-top-color: rgb(255, 255, 255);
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
    border-radius: 50%;
	box-shadow: .125em .125em .125em rgba(47,69,84,.2);}
	.c-disclosure__btn[aria-expanded="true"]::after {
		background: linear-gradient(180deg,transparent 45%,#fff 0,#fff 55%,transparent 0),#1c9b9c;
		border-color: #1c9b9c;
	}

.c-disclosure__btn {display: block;
    background: none;
    color: #254356;
    text-transform: none;
    font-size: 1em;
 	text-align :left;
    width: 100%;
	padding: 20px 80px 20px 0;}
	.c-disclosure__btn[aria-expanded]::after {
		content: "";
		position: absolute;
		top: calc(var(--baseline)*1.5rem);
		right: 0;
		width: 3rem;
		height: 3rem;
		background: linear-gradient(180deg,transparent 45%,#1c9b9c 0,#1c9b9c 55%,transparent 0),linear-gradient(90deg,transparent 45%,#1c9b9c 0,#1c9b9c 55%,transparent 0),#fff;
		border: 7px solid #fff;
			border-top-color: rgb(255, 255, 255);
			border-right-color: rgb(255, 255, 255);
			border-bottom-color: rgb(255, 255, 255);
			border-left-color: rgb(255, 255, 255);
		border-radius: 50%;
		box-shadow: .125em .125em .125em rgba(47,69,84,.2);}
		.c-disclosure__btn[aria-expanded="true"]::after {
			background: linear-gradient(180deg,transparent 45%,#fff 0,#fff 55%,transparent 0),#1c9b9c;
			border-color: #1c9b9c;
		}
.c-disclosure__btn:hover, .c-disclosure__btn:focus{
	background-color: #fff;
}
    
/* Acordéon nouvelle page avancement & scores */ 
.oq-accordion__header {
	display: block;
	background: none;
	color: #254356;
	text-transform: none;
	font-size: 1em;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #ccc;
	box-shadow: .125em .125em .125em rgba(47,69,84,.2);
  	margin-bottom: 15px;
	padding: 10px 80px 20px;
}	
.oq-accordion__header[aria-expanded="true"] {
	box-shadow: none;
}
.oq-accordion__header:hover, .oq-accordion__header:focus {
	background: none;
}
.oq-accordion__panel[aria-hidden=true] {
  display: none;
}
.oq-accordion__header:after {
  content: "";
position: absolute;
top: calc(var(--baseline)*1.5rem);
right: 50px;
width: 3rem;
height: 3rem;
background: linear-gradient(180deg,transparent 45%,#1c9b9c 0,#1c9b9c 55%,transparent 0),linear-gradient(90deg,transparent 45%,#1c9b9c 0,#1c9b9c 55%,transparent 0),#fff;
border: 7px solid #fff;
border-radius: 50%;
box-shadow: .125em .125em .125em rgba(47,69,84,.2);
	
}
.oq-accordion__header[aria-expanded="true"]:after {
  background: linear-gradient(180deg,transparent 45%,#fff 0,#fff 55%,transparent 0),#1c9b9c;
border-color: #1c9b9c;
}

.oq-accordion__title {
	display: none;
}

/* Tableau des scores */
/* Page profil */
#oq_course_page ul {
	margin-top: 30px;
	margin-left: 40px;
}

#oq_course_page ul, #oq_course_page li {
	display: block;
	margin: 0;
	text-align: center;
}
#oq_course_page ul a {
	display: none;
}
#oq_course_page ul ul a {
	display: block;
	margin-bottom: 5px;
	text-align: left;
	color: #000;
	font-size: 1em;
	font-weight: 700;
	float: left;
}
#oq_course_page ul ul ul a {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	color:var(--light-colored);
	font-weight: 400;
}
#oq_course_page  ul ul .oq_done a {
	color: #000;
} 
#oq_course_page ul ul ul {
	display: table;
	margin: 0;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8em;
	border-bottom: 1px solid lightgray;
}
#oq_course_page ul ul ul li {
	display: table-row;
	text-align: left;
	vertical-align: top !important;
	border-top: 1px solid lightgray;
}
#oq_course_page ul ul ul li div.oq_profil_cell {
	display: table-cell;
	padding: 5px 0;
	vertical-align: top;
}
#oq_course_page .oq_done_icon {
	height: auto;
	background-position: center 5px ;
}
.oq_score_and_review .js-modal {
	margin-left: 20px;
}
#oq_course_page span.oq_done_icon {
	width: 30px;
}
#oq_course_page div.oq_score_and_review{
	clear:both;
}
.oq_score_and_review {	
	display:flex;
	justify-content:flex-start;
	align-items: center;
}
.oq_score {
font-weight:700;	
}
.js-modal{
	background:#285568;
	font-size:1em;
	padding:0.4em;
    border-radius: 5px;
	text-transform: none;
	display: block; 
	margin:10px auto;
 }
 .js-modal:focus, .js-modal:hover{
	 background: var(--light-colored);
 }
 .review_results {
  margin: 0 0 30px 0;
  text-align: center;
  font-size: .9em;
  color: #285568;
  font-weight: 700;
  border: 5px solid;
  padding: 20px 5px 10px 5px;
 }
 .review_type {
	 float: left;

 }
 .js-modal-close{
   margin: 30px auto 20px;
 }

 /* Styles modale */
 .hidden {
	 display: none;
  }
  /* needed for old browsers */
  dialog {
	display: block;
  }
  /* removes scroll when modal is opened */
  .no-scroll {
	overflow: hidden;
  }
  /* overlay covers everything */
  .simple-modal-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	  background:rgba(028, 055, 068, 95%);
	  z-index:10100;
	  height: 800%;
  }
  /* Modale personnalisation */
  .simple-modal{
	  border:0;
	  z-index: 10200;
	  position: fixed;
	  left: 15%;
	  width: 70%;
	  top: 5vh;
	  max-height: 90vh;
	  background: #fff;
	  padding: 2em;
	  right: auto;
	  overflow: auto;
  }
  .simple-modal-title{
	  font-size:1.5em;
  }
  .simple-modal__content{
	  padding:30px;
  }
  .review_cat{
	  font-weight:700;
  }
  .review_cat, .review-list{
	  padding-right: 10px;	
  }
  .review_list{
	  list-style:none;
	  max-width:70%;
	  flex-grow: 1;
  }
  .review_list a{
	  text-decoration: underline;
  }
  .review_item{
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: nowrap;
	  padding: 30px 0 20px 0;
	  border-bottom:1px solid 
  }
  
  #js-modal-close.simple-modal-close{
	  background: #285568;
	  border-radius: 5px;
	  padding: 8px 10px;
	  font-size: 0.9em;
	  text-transform: none;
	  font-weight: 700;
	  float:right;
	  margin: -20px -20px 30px 0;
  }
  #js-modal-close.simple-modal-close:hover,  #js-modal-close.simple-modal-close:focus, #js-modal-close.simple-modal-close:active{
	 background:var(--light-colored);
  }
  .oq_done_icon.oq_profil_cell{
	display: table-cell;
  }
 
  #oq_course_page ul ul ul a, #oq_course_page ul ul ul span.oq-demo-nolink {
    width: 63%;
    float: left;
}
@media only screen and (min-width: 30em){
	#oq_course_page ul ul ul a, #oq_course_page ul ul ul span.oq-demo-nolink {
	  width: 73%;
	  float: left;
	}
  }
  #oq_course_page li .oq_duration{
	   display: none;
  }
  #oq_course_page li li .oq_duration{
	  display: block;
	  float:right;
  }
  #oq_course_page .page_item_has_children .oq_duration {
	  margin-top: 0;
  }
  
  /* headers/footer de tableau simulés */
  #oq_course_page ul.children.oq_headers {
	  margin-bottom: 0;
	  border-bottom: 0;
	  font-size: 1em;
  }
  #oq_course_page ul ul ul.oq_headers li {
	  border-top: 0;
  }
  .oq_headers span.oq_activity {
	width: 55%;
	float: left;
}
  @media only screen and (min-width: 30em){
  .oq_headers span.oq_activity {
	  width: 68%;
  }
}
  @media only screen and (min-width: 81.875em){
	 .oq_headers span.oq_activity {
		 width: 70%;
	 }
 }
  .oq_headers span.review_type {
	  margin-left: 25px;	
  }
  .oq_headers span.oq_duration {
	  background: none;
  }
  
  #oq_course_page ul.children.oq_footer {
	  margin-bottom: 25px;
	  border-bottom: 0;
	  font-size: .9em;
  }
  #oq_course_page ul.children.oq_footer li {
	  border: 0;
  }



/**
 * 14. video
 */

.entry-content a img, .entry-summary a img, .page-content a img, .comment-content a img.provider-icon {
    display: inline;
}

/**
 * Opquast Connect SSO
 */
.wp-social-login-provider-opquastconnect span {
	border:2px solid var(--light-colored);
	box-shadow: 2px 3px #59adb1;
	border-radius: 15px;
	display:inline-block;
	padding:10px;
}

/* bouton télécharger + mention download */
.small_txt_down{
	font-size: .9em; 
	text-align: right;}
	.certif_down{
		display: flex; 
		justify-content: flex-end ;
		align-items: center;
	}
	.certif_down span, .button.download{
		display:block; 
		margin-left: 25px;	
	}
	
	.button.download{
		font-size: .9em;
		width: 9.5em;
		text-align:center;
		border-radius: 5px;
		text-transform: none;
	}
		
	@media only screen and (min-width: 38em){
		.button.download{
		text-align:right;
		padding-left: 10px;
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20.718 15.716l-0.718 3.804h-15.999l-0.719-3.804h-1.789v6.046h21.014v-6.046h-1.789zM20.265 8.96h-5.267v-2.197h-5.995v2.197h-5.216l8.186 8.559 8.293-8.559zM14.998 2.987h-5.995v0.799h5.995v-0.799zM14.998 4.48h-5.995v1.528h5.995v-1.529z'%3E%3C/path%3E%3C/svg%3E%0A");
		background-position: 10% center; 
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.button.download:hover{
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20.718 15.716l-0.718 3.804h-15.999l-0.719-3.804h-1.789v6.046h21.014v-6.046h-1.789zM20.265 8.96h-5.267v-2.197h-5.995v2.197h-5.216l8.186 8.559 8.293-8.559zM14.998 2.987h-5.995v0.799h5.995v-0.799zM14.998 4.48h-5.995v1.528h5.995v-1.529z'%3E%3C/path%3E%3C/svg%3E%0A");
		background-position: 10% center; 
		background-repeat: no-repeat;
	}
	}
	/**
	Bouton précédent / suivant

	/* Prev Next & J'ai terminé */
	.oqstraining_mark_done, .oqstraining_mark_undone{
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		margin-bottom: 2em;
		}
		.oqstraining_mark_undone{
		align-items:baseline;
		}
	
	.oqstraining_mark_done, .oqstraining_mark_undone{
		font-size: 1.2em;
		line-height: 1.5;
		padding-top: 1.5em;
		border-top: 1px solid #919191;
	}
	.oqstraining_mark_undone span, .oqstraining_mark_done span{
		padding-left: 26px;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 18"%3E%3Cpath fill="%231a7a79" d="M9.012 16.313h-5.076c-0.622 0-1.124-0.506-1.124-1.129v-12.929c0-0.624 0.506-1.129 1.13-1.129h5.62v3.376c0 0.625 0.505 1.124 1.128 1.124h2.809v5.343c-0.433-0.181-0.908-0.28-1.406-0.28-2.019 0-3.656 1.637-3.656 3.656 0 0.725 0.211 1.4 0.575 1.969v0 0zM10.125 1.125v3.373c0 0.312 0.254 0.564 0.557 0.564h2.818l-3.375-3.938zM12.094 17.438c1.709 0 3.094-1.385 3.094-3.094s-1.385-3.094-3.094-3.094c-1.709 0-3.094 1.385-3.094 3.094s1.385 3.094 3.094 3.094v0zM11.813 15.886l-1.324-1.324 0.412-0.412 0.912 0.912 1.756-1.756 0.412 0.412-2.168 2.168z"%3E%3C/path%3E%3C/svg%3E');
	}
	.oqstraining_mark_done span{
	background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 18"%3E%3Cpath fill="%23000" d="M10.969 1.688h0.281l3.375 3.938v10.13c0 0.615-0.503 1.12-1.124 1.12h-8.44c-0.622 0-1.124-0.506-1.124-1.129v-12.929c0-0.624 0.504-1.129 1.127-1.129h5.905zM10.688 2.25h-5.627c-0.309 0-0.56 0.256-0.56 0.56v12.943c0 0.309 0.256 0.56 0.562 0.56h8.438c0.311 0 0.562-0.25 0.562-0.559v-9.566h-2.251c-0.621 0-1.124-0.499-1.124-1.128v-2.809zM11.25 2.531v2.526c0 0.313 0.253 0.567 0.561 0.567h2.083l-2.644-3.094z"%3E%3C/path%3E%3C/svg%3E');
	}
	.oqstraining_mark_done button{
	background: #304554;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	padding: 10px 25px;
	text-transform: capitalize;
	display: block;
	text-align: center;
	margin-left: 15px;
	}
	.oqstraining_mark_done button:focus, .oqstraining_mark_done button:hover{
		background: var(--light-colored);
	}
	.oqstraining_mark_undone button{
		background:transparent;
		color: #919191;
		padding: 5px;
		border:0;
		text-transform:capitalize;
		font-weight: 400;
	}
	.oqstraining_mark_undone button:hover, .oqstraining_mark_undone button:focus{
		text-decoration: underline;
	}
	/* PrevNext */
	.oq_prevnextbutton{
		display:flex;
		justify-content:space-between;	
		align-items:center;

	}
	.home .oq_prevnextbutton{
		display: block;
		text-align:right;
		padding-bottom: 50px;
	}
	.oq_prevnextbutton:nth-child(2) {
		margin-top: -5px;
		} 
	.oq_prevbutton a, .oq_nextbutton a {
		color: rgb(37, 67, 86);
		font-size: .85em;
		display: inline-block;
		background-repeat: no-repeat;
	}
	.oq_prevbutton a{
			padding-left: 20px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 22 22'%3E%3Cpath fill='%232f4554' d='M15.422 16.594l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z'%3E%3C/path%3E%3C/svg%3E");
			background-position: .5% 60%;
		}
		.oq_nextbutton a{
			padding-right: 20px;
			background-image: url("data:image/svg+xml,%3Csvg height='22' viewBox='0 0 22 22' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.578 16.594 4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z' fill='%232f4554'/%3E%3C/svg%3E");
			background-position: 99.5% 60%;
		}
	
	.oq_prevbutton a:focus, .oq_nextbutton a:focus, .oq_prevbutton a:hover, .oq_nextbutton a:hover {
		color: var(--light-colored);	
			
		}
		.oq_prevbutton a:hover, .oq_nextbutton a:hover{
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 22 22'%3E%3Cpath fill='%231a7a79' d='M15.422 16.594l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z'%3E%3C/path%3E%3C/svg%3E");
		}
		.oq_nextbutton a:hover, .oq_nextbutton a:focus{
			background-image: url("data:image/svg+xml,%3Csvg height='22' viewBox='0 0 22 22' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.578 16.594 4.594-4.594-4.594-4.594 1.406-1.406 6 6-6 6z' fill='%231a7a79'/%3E%3C/svg%3E");
		}
	.oq_prevbutton {
		background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"%3E%3Cpath fill="%23fff" d="M15.422 16.594l-1.406 1.406-6-6 6-6 1.406 1.406-4.594 4.594z"%3E%3C/path%3E%3C/svg%3E%0A');
		background-position: left center;
	} 

	/* suppression du bouton Next sur la page d'accueil */
	.home div.oq_prevnextbutton:nth-child(2) > div:nth-child(1) {
		display: none;
	   }

	/*Video open/close*/
	/* bouton transcript vidéo */

	button.expandmore__button[aria-expanded="true"] > span.first {
	display: none;
   }
   button.expandmore__button[aria-expanded="false"] > span.second {
	   display: none;
   }
   
   .expandmore__button[aria-expanded="true"] > span + span {
	   display: inline;
   }
	/**
	* GLOSSAIRE
	**/
	/** Origine **/
	.glossary-container #glossaryList-nav {
		display: none;
	}
	/* ONGLETS */
	[aria-hidden="true"].js-tabcontent {
		display: none;
	  }
	  a.js-tablist__link:hover {
		  cursor: pointer;
	  }
	/**/
	#opquast_body .wpProQuiz_tipp > div {
		background-color: #FCF3CF;
		color: #000;
	}
	#opquast_body #span.glossaryLink, #opquast_body a.glossaryLink {
		border-color: var(--light-colored);
		color: var(--light-colored);
		
	}
	#opquast_body #span.glossaryLink:hover, #opquast_body a.glossaryLink:hover {
		border-style: solid;
		color: var(--light-colored);
	}
	.glossaryList span.glossaryLink:focus, .glossaryList a.glossaryLink:focus{
		outline: 2px solid rgba(51, 51, 51, 0.3);
	}
	#opquast_body #span.glossaryLink:visited, #opquast_body a.glossaryLink:visited{
		color: #787878 !important;
	}
	#opquast_body .cmtt-backlink-top {
		display: none;
	}
	.oq_glossary_thema_button {
		float: right;
		margin-left: 30px;
	}
	
	/*** glossary***/
	.navCards{font-family: Geograph, sans-serif;}

	.entry-content .glossaryList.cat_new{
		margin-left: 0;
	  hyphens: none;
	font-family: Geograph, sans-serif;
	}
	.glossaryList.cat_new li {
		list-style-type: none;
	}
	.glossaryList.cat_new li a{
		display: block;
		min-width: 200px;
		box-shadow: 1px 1px 4px 1px rgba(182,184,184,.50);
		border-top: 5px solid #269a99;
		padding: 2rem;
		border-radius:4px;
		font-size:1.1em;
		margin-bottom: 2rem;
		color:#333;
	}
	.glossaryList.cat_new li a:hover{
		box-shadow: 1px 1px 10px 1px rgba(182,184,184,1);
	}
	@media only screen and (min-width: 30em){
	.glossaryList.cat_new{
	 margin: 0;
	 padding: 0;   
	 display: grid;
	 grid-gap: 20px;
	 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-template-rows: repeat(2, auto);
		} 
	.glossaryList.cat_new li{
			margin-bottom:0;
		}
	}
	@media only screen and (min-width: 64.2em){            
	.glossaryList.cat_new{
	grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));
	  }
	}
	.cmtt_help.glossary-search-helpitem, #glossary-categories{
		display:none;
	}
	.glossary-search-label{
		display:block;
	}
	.glossary-search-term {
		width:70%;
		float:left;
		height: 44px;
		border: 2px solid #304554;
	}
	.glossary-search.button{
		border-radius:0;
		min-height:44px;
		max-height:44px;
		border: 2px solid #304554;
	}
	
	input.glossary-search-term:focus{
		border: 2px solid #304554;
		outline: 2px solid #269a98;
		background: 0;
	}
	.glossary-search-clear{
		display:none;
	}
	.ln-letters{
		margin-top:40px;
	}
	.ln-letters a{
		border:2px solid #269a98!important;
		background: #269a98;	
		color: white;
		border-radius: 2px;	
		cursor: pointer;
	}
	.glossary-container.no-counts .ln-letters a:hover{
		text-decoration:none!important;	
	}
	.ln-letters a.ln-selected{
		color: black;
	}
	.glossary-container.no-counts .ln-letters a, .glossary-container.no-counts .ln-letters a:hover{
		margin: 5px !important;
	}
	@media only screen and (min-width: 30em){
		#id_first .glossaryList{
		column-count: 2;
		}
	}
	@media only screen and (min-width: 1400px){
		#id_first .glossaryList{
		column-count: 3;
		line-height: 1.8;	
		}
	}
	.type-glossary ol{
		list-style: decimal inside;
	}
	/**swipe cards**/
	.glosswap{
		display: block; 
	}
	
	.entry-content ul.glossaryList{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.swiper-container {
		width: 98%;
		height:400px;
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
	  overflow: hidden;
	  list-style: none;
	  padding: 0;
	  z-index: 1;
	}
	
	.swiper-wrapper {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  z-index: 1;
	  display: flex;
	  transition-property: transform;
	  box-sizing: border-box;
	}
	.swiper-container-android .swiper-slide,
	.swiper-wrapper {
	  transform: translate3d(0px, 0, 0);
	}
	.swiper-slide {
	  flex-shrink: 0;
	  width: 100%;
	  height: 100%;
	  position: relative;
	  transition-property: transform;
		border:1px solid #ccc;	
		overflow-y: scroll;
		border-radius: 6px;
	}
	.swiper-slide-invisible-blank {
		visibility: hidden;
	}
	.swiper-slide>span{
		display:block;
		padding: 20px;
		border-bottom: 2px solid #ccc;
		font-size : 1.5em;
		font-family: Geograph, sans-serif;
		font-weight: 700;
	}
	.glosswap .glossary_itemdesc{
		padding:20px;
	}
	/* List sous swiper */


	.glosslist{display: none;}
	@media only screen and (min-width: 813px){
	.glosslist {
	 display:block;
	 width: 95%;
	  margin-left: auto;
	  margin-right: auto;
	}
	.glosslist .cm-glossary.sidebar-termpage{
		display: flex;
		flex-direction: column-reverse;
		}
		.glosslist .cm-glossary.sidebar-termpage .glossary-term-content{
		width: 100%;
		}
	
	}

	/** Retour Glossaire **/
	.back_glossary .button{
		width:12em;
		margin-right:auto;
		margin-left:auto;
		font-family: Geograph, sans-serif;;
		font-size:.8em;	
	}
	/* Navigation swipe*/
	.navCards{
		max-width:400px;
		margin:0 auto; 
		display:flex;
		justify-content:space-around;
		padding-bottom:20px;
		font-family: Geograph, sans-serif;
		font-size:.9em;
	}
	.navCards #prev, .navCards #next{
		flex-basis:7em;
	}
	@media only screen and (min-width: 813px){
		.glosswap, .navCards{
			display: none; 
		}
		
	}
	/*** Glossaire tab ***/
	.entry-content .tabs__list{
		width: 100%;
		list-style: none;
		display: flex;
		margin: 0 0 5rem 0!important;
		padding: 0 0 6px 0;
		border-bottom: 1px solid #ccc;
		font-family: Geograph, sans-serif;
	}
	#id_second{
		margin-top:5rem;
	}
	.tabs__link{
		margin: 0 1rem 0 0;
	}
	.tabs__link{
		color: black;
		border: 1px solid #ccc;
		border-bottom:none;
		background: white;
		padding:9px;	
		
		}
	.tabs__link:focus{
		outline:0;
		text-decoration:none !important;
		color:black;	
	}
	.tabs__item[aria-selected="true"]{
		z-index:10;
		color:black;
	}
	.tabs__link[aria-selected="false"]{
		z-index:0;	
		background:#ccc
	}
	/*** Couleurs cartes ***/
	.glossaryList.cat_new .content a{border-top-color:rgba(044, 097, 130, 1);}
	.glossaryList.cat_new .personal-data a{border-top-color:rgba(038, 154, 153, 1);}
	.glossaryList.cat_new .e-commerce a{border-top-color:rgba(0, 144, 193, 1);}
	.glossaryList.cat_new .forms a{border-top-color:rgba(10, 113, 128, 1);}
	.glossaryList.cat_new .identification-and-contact a{border-top-color:rgba(112, 145, 118, 1);}
	.glossaryList.cat_new .images-and-medias a{border-top-color:rgba(179, 214, 198, 1);}
	.glossaryList.cat_new .internationalization a{border-top-color:rgba(76, 46, 68, 1);}
	.glossaryList.cat_new .links a{border-top-color:rgba(117, 119, 128, 1);}
	.glossaryList.cat_new .navigation a{border-top-color:rgba(164, 162, 145, 1);}
	.glossaryList.cat_new .newsletter a{border-top-color:rgba(210, 204, 161, 1);}
	.glossaryList.cat_new .presentation a{border-top-color:rgba(181, 188, 189, 1);}
	.glossaryList.cat_new .security a{border-top-color:rgba(106, 154, 191, 1);}
	.glossaryList.cat_new .server-and-performances a{border-top-color:rgba(98, 110, 123, 1);}
	.glossaryList.cat_new .structure-and-code a{border-top-color:rgba(220, 234, 178, 1)}
	
	/*** Border titre cat ***/
	.glosswap h1.entry-title{border-bottom: 5px solid #CCC}
	 
	 .content h1.entry-title{border-bottom-color:rgba(044, 097, 130, 1);}
	 .personal-data h1.entry-title{border-bottom-color:rgba(038, 154, 153, 1);}
	 .e-commerce h1.entry-title{border-bottom-color:rgba(0, 144, 193, 1);}
	 .forms h1.entry-title{border-bottom-color:rgba(10, 113, 128, 1);}
	 .identification-and-contact h1.entry-title{border-bottom-color:rgba(112, 145, 118, 1);}
	 .images-and-medias h1.entry-title{border-bottom-color:rgba(179, 214, 198, 1);}
	 .internationalization h1.entry-title{border-bottom-color:rgba(76, 46, 68, 1);}
	 .links h1.entry-title{border-bottom-color:rgba(117, 119, 128, 1);}
	 .navigation h1.entry-title{border-bottom-color:rgba(164, 162, 145, 1);}
	 .newsletter h1.entry-title{border-bottom-color:rgba(210, 204, 161, 1);}
	 .presentation h1.entry-title{border-bottom-color:rgba(181, 188, 189, 1);}
	 .security h1.entry-title{border-bottom-color:rgba(106, 154, 191, 1);}
	 .server-and-performances h1.entry-title{border-bottom-color:rgba(98, 110, 123, 1);}
	 .structure-and-code h1.entry-title{border-bottom-color:rgba(220, 234, 178, 1)}
	
	.back_glossaire{
		margin-top: 20px;
		margin-left: 25px;
	}
	.back_glossaire a{
		border-bottom: 0;
		font-family: Geograph, sans-serif;
	}
	/**glossaire article**/
	.type-glossary .entry-content{
		width:400px;
		height:400px;
		overflow-x:hidden;
		overflow-y:scroll;
		border:1px solid #ccc;
		border-radius: 6px;
		margin: 40px auto !important;	
	}
	@media only screen and (min-width: 75em){
		.type-glossary .entry-content{
		width:830px;
	 height:auto;}
	}
	
	.type-glossary .entry-content{
		padding: 20px; 	
	}
	.type-glossary .entry-content h2::after{
		content:"";
		display:block;
		width:120%;
		margin: 20px -20px;
		border-bottom: 2px solid #ccc;
		
	}
	.type-glossary .entry-content h2{
		font-weight: 400;
	}

	/**
	Glossary only 
	**/
	.shadow {	
		padding: 1em;
		box-shadow: 0 .25em .75em 0 rgba(0,0,0,.2);	
	}
	.certif_only{
		margin:0 0 0 -35px;
		max-width: 90%;
		color: #000
	}
	.shadow h2 {
		font-size: 2.2rem;
		line-height: 1.26;
		color : #254356;
		margin-bottom: 1em;	
	}
	.c-highlight{
		padding-right: .5ch;
		background-image: linear-gradient(#e8f5f5,#e8f5f5);
		background-repeat: no-repeat;
		background-position: .5ch 100%;
		background-size: 100% 1ex;
	}
	/* RECHERCHE DANS LA PAGE INDEX GLOSSAIRE */
	.op_hidden {
		display: none;
	}

	/* adminbar lien toggle entre les vues */
	#wp-admin-bar-oq-view-demo-menu .dashicons-visibility {
		padding-top: 6px !important;
	}
	
	
	/** 
	* Quiz
	**/
	/* Quiz */
	.wpProQuiz_quiz {
		overflow: hidden !important;
	}
	/* Quiz review */
	
	.wpProQuiz_reviewDiv {
		float: left;
		max-width: 35%;
		margin-left: -40% !important;
			font-size: 0.7em;
	}
	.wpProQuiz_reviewDiv p, .wpProQuiz_reviewQuestion_list p {
		text-align: center;
		margin: 5px 0 0 0;
	}
	.wpProQuiz_reviewQuestion {
		overflow: visible;
		max-height: none;
		border-bottom: none;
	
	}
	.wpProQuiz_reviewQuestion div {
		position: static;
		height: auto;
		width: auto;
		background: none;
	}
	.oq_wpProQuiz_review_legende {
		padding: 10px;
		background: #F8FAF5;
		border: 1px solid #C3D1A3;
		border-top: none;
		margin-bottom: 25px;
		text-align: center;
	}
	.oq_wpProQuiz_review_legende li, .oq_wpProQuiz_review_legende p {
		display: inline-block;
		margin: 5px auto;
	}
	.oq_wpProQuiz_review_legende .wpProQuiz_reviewQuestion_mark {
		display: none;
	}
	.oq_wpProQuiz_review_legende span {
		display: inline-block;
		width: 20px;
		height: 20px;
		padding: 1px 5px;
		text-align: center;
		margin: 0 0 0 20px;
	}
	.oq_wpProQuiz_review_legende .wpProQuiz_reviewQuestionNotSolved {
		border: 1px solid #CFCFCF;
		background: #fff;
	}
	.oq_wpProQuiz_review_legende ul, .oq_wpProQuiz_review_legende p {
		margin: 0 !important;
		display: inline-block !important;
	}
	.wpProQuiz_reviewQuestion_nav li:focus, .wpProQuiz_reviewQuestion_list li:focus {
		outline: 2px solid #285568;
	}
	.wpProQuiz_reviewQuestion li span {
		vertical-align: middle;
	}
	.wpProQuiz_reviewQuestion li {
		padding: 3px 0 !important;
		min-width: 30px;
		min-height: 30px;
		
	}
	.wpProQuiz_reviewQuestion_mark {
		display: none;
	}
	.wpProQuiz_reviewQuestionTarget {
		background: lightgray !important;
	}
	.wpProQuiz_reviewQuestionSolved {
		border-radius: 100px;
		background: #595959 !important;
		border-color: #595959 !important;
		color: #fff;
	}
	.wpProQuiz_reviewQuestion_list {	
		border: 1px solid #C3D1A3;
		margin-bottom: 10px;
	}
	/* détails résultats quiz */
	.subjects_to_review p, .subjects_to_review li {
		margin: 0;
	}
	/* switch quizz À revoir, inversé ! */
	.oq_review_button {
	float: right;
	margin: 10px 10px 10px 25px;
	font-size: 0.8em;
	}
	button.oq_review_button_switch, button.oq_review_button_switch:hover {
	background-color: #A8A9AD;
	display: inline-block;
	padding: 4px;
	position: relative;
	  font-size: 0.75em;
	  border-radius: 15px;
	  font-weight: normal;
  	}
  	.oq_review_button_switch:focus, .wpProQuiz_questionListItem:focus, .wpProQuiz_response:focus, .wpProQuiz_question_text:focus {
	outline: 1px dotted #285568;
  	}
  	.oq_review_button_switch:after {
	bottom: -0px;
	content: "";
	left: -0px;
	position: absolute;
	right: -0px;
	top: -0px;
  	}
  
  	button.oq_review_button_switch span {
	border-radius: 100px;
	display: inline-block;
	padding: 2px 4px;
	text-transform: uppercase;
  	}
  
  	button.oq_review_button_switch[aria-checked="true"] span:first-child, button.oq_review_button_switch[aria-checked="false"] span:last-child {
	background: #F1F3F2;
	  color: #000;
  	}
  
  	button.oq_review_button_switch[aria-checked="true"] span:last-child, button.oq_review_button_switch[aria-checked="false"] span:first-child {
	background: #A8A9AD;
	border-color: #A8A9AD;
	color: #A8A9AD;
	}

	/* Quiz question */
	
	.wpProQuiz_content {
		word-wrap: normal;
		hyphens: none;
	}
	ul.glossaryListQuiz {
		/* column-count: 4; */
		list-style: none;
		padding: 10px;
	}
	ul.glossaryListQuiz li {
		display: inline-block;
		padding: 5px;
		border-radius: 5px;
		border: 1px solid lightgray;
		margin: 3px 0;
		background:var(--light-colored);
		color: #fff;
		text-align: center
	}
	.wpProQuiz_question ul[data-type="cloze_answer"] {
		line-height: 1.8em;
	}
	.wpProQuiz_question {
		background: #EFEFEF;
		border: 1px solid lightgray;
		padding: 10px 10px 5px 10px;
		border-radius: 5px;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.wpProQuiz_question p {
		margin: 0;
	}
	main .wpProQuiz_tipp a, main .wpProQuiz_response a {
		color: #000 !important;
		text-decoration: underline !important;
	}
	.wpProQuiz_tipp a:hover, .wpProQuiz_tipp a:focus, main .wpProQuiz_response a:hover, main .wpProQuiz_response a:focus {
		text-decoration: none !important;
	}
	.wpProQuiz_question_text p:first-of-type {
		display: inline !important;
	}
	.wpProQuiz_questionList {
		background: none !important;
		border: none !important;
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.wpProQuiz_results h4 {
		display: none !important;
	}
	.wpProQuiz_resultsList {
		text-align: center;
	}
	.wpProQuiz_answerCorrect {
		background-color: lightgreen !important;
	}
	.wpProQuiz_response {
		margin-top: 15px;
		background: #F7F9F3 !important;
	}
	span.oq_IsCorrect_Label {
		display: table-cell;
		width: 3em;
	}
	/* boîte d'indice */
	.wpProQuiz_tipp, .wpProQuiz_tipp > div {
		background: #F7F9F3 !important;
	}
	.wpProQuiz_tipp h5 {
		display: none;
	}
	
	/* Quiz pseudo radio & checkbox */
	.wpProQuiz_questionListItem {
		display: table-row;
	}
	.oq_answer_numbered_span {
		display: table-cell;
		width: 1.5em;
	}
	.oq_answer-input_styled {
		display: table-cell;
		position: relative;
		width: 1.5em;
	}
	.wpProQuiz_questionList label {
		display: table-cell;
		padding: 0 0 10px 0;
	}
	.wpProQuiz_questionList span.oq_input_radio, .wpProQuiz_questionList span.oq_input_checkbox {
		padding: 0 5px
	}
	.wpProQuiz_questionList label {
		position: relative;
	}
	.wpProQuiz_questionList span.oq_input_radio:before, .wpProQuiz_questionList span.oq_input_checkbox:before {
	  content: '';
	  position: absolute;
	  top: 0;
	  margin: auto;
	}
	.wpProQuiz_questionList input[disabled]+ span.oq_input_radio::before, 
	.wpProQuiz_questionList input[disabled]+ span.oq_input_checkbox::before{
		background-color: lightgray;
		cursor:not-allowed; 
		border: 1px solid #A5A7A7;
	}
	.wpProQuiz_questionList span.oq_input_radio:hover {
	  cursor: pointer;
	}
	.wpProQuiz_questionListItem input {
		vertical-align: 5px
	}
	.wpProQuiz_questionList span.oq_input_radio:before {
	  left: -5px;
	  width: 24px;
	  height: 24px;
	  background-color: #fff;
		border: 1px solid lightgray;
	  border-radius: 25px;
	}
	input[type="radio"]:checked + span.oq_input_radio:before {
	  /*background-color: #285568;*/
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABbAAAAWwB+66crQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGFSURBVEiJ1dW/SwJhGAfw7/MKUVBDaQ0tUSDaRUJULv0D0eSg1hAEgZgRbRE1RFtLQ0OhQs2VWRAN/hFZQ4TaEi5BoDnUEtTd03Ce+fvHdQ1+h+N9nufu8x4cLwe0a6jRDePegOuLFT9AgyDuBNMnAS9MHExFwje6cLt71Q9S9gD01nk+R4I2k+fB46Zxu8cfA2i23luVIbHkRWiuvG8qb9g8gTMCXM3C+Vgt0qQ1m7i7qonbvL5lAm23CKshcvQ7pp6zj/EHrSVK5jDt64K1yDgoLgv46LxvAVz34zUMA32Se81TgbMsFv8Ca1HwXXAKOAkxbAQOgZEKHKx0G2EzU08lDvFhBE7g9yq4kjYCF+D07zofmcWREbgiOg61dcnxt3tXMmBYdMtEmVQkOKCVJYdIUWhLNwwAMjaKy5Lj/5aI35slp0TEYy3DzKepy9BOTVzd4DZqlqaHiDDRlKleT56i4aXyWQWubhC/tkjOVxDPAOiqY+eEoPVUJLRbbfivf6L2zQ96SHZ7a0rkdQAAAABJRU5ErkJggg==) no-repeat center center;
	}
	input[type="radio"]:focus {
		outline: none;
	}
	
	input[type="radio"]:focus + span.oq_input_radio:before {
		outline: 2px solid #285568;
	}
	.wpProQuiz_questionList span.oq_input_checkbox:hover {
	  cursor: pointer;
	}
	.wpProQuiz_questionList span.oq_input_checkbox:before {
	  left: -5px;
	  width: 25px;
	  height: 25px;
	  background-color: #fff;
		border: 1px solid lightgray;
	}
	input[type="checkbox"]:checked + span.oq_input_checkbox:before {
	  background: #fff  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABPAAAATwBTZvJDgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAG8SURBVDiN1ZK9T1NhFMZ/515a6kIiiZQmknRQ06IhIQytTjUKVUwcNEUTjJMS4sIAceU/IHFycXJwQJkgSCHBLuplcHK4WhPUED9IDBjjAJR7jwPt5doPPsoC73ae9zm/9zw5Lxz2Y9bbGE2lQq2RWKYpHF1a/bG4XtKNeoHH1hrHRPVZY8B8H09cTR4IGE+mLwODxbINce7VDTx7Pt2M8BQQAJTfjgRH6wa6qo9QIp5gyEj+7dS3Uin7gcUS6ZsivNhWdNq2Zq/5PXuesONCT4sIj33Simvq/XJfg784l7gUdsRMhUMbE7lcbtN/t+EaY4Ke8ASRhx9fz30vB3qR413pCAFywBlgPBxa7y9BY8krNwSd8PW9tK1sb7Uk3oQSYFi3YAB9y2tBl0zmzqmff5spuP6oq44EKqJWADdFn5gq/UBr8Ynb7Ut/XIUQ0OJ1KEN5a3urNSMXo0UFfQVEa/if21a2rxYMyrb8wZr5gmGmgM9VvMtOIfhgJ1gFEMB+M/0Vw7woIov/G2Ug/27y127Amh87nug+rWLMC5wExm0re2s3WNUJvUkX5j65hWCnotcLx427e4EdjfMPt7OBJLRDQMcAAAAASUVORK5CYII=) center center;
	}
	
	input[type="checkbox"]:focus + span.oq_input_checkbox:before {
				outline: 2px solid #285568;
	}
	
  
	/* Quiz buttons */
	.wpProQuiz_TipButton:focus {
				outline: 2px solid #285568 !important;	
	}
	.wpProQuiz_QuestionButton[name="check"], input[name="startQuiz"], input[name="restartQuiz"], .oq_nextfinish {
		width: 100%;
		background-color: #285568 !important;
	  border-color: #285568 !important;
	  box-shadow: none !important;
	  margin-top: 10px !important;
		text-transform: none !important;
		border-radius: 8px !important;
		padding: 10px !important;
	}
	body #primary #main .oq_nextfinish:focus {
		color: #000;
		background-color: var(--light-colored) !important;
	  border-color: #285568 !important;
	  box-shadow: none !important;
	  margin-top: 10px !important;
		text-transform: none !important;
		border-radius: 8px !important;
		padding: 10px !important;
	}
	.wpProQuiz_QuestionButton[name="tip"], .wpProQuiz_QuestionButton[name="tip"]:hover, .wpProQuiz_QuestionButton[name="tip"]:focus,  input.button.oq_finish {
		border: 0;
		text-transform: none;
		float: right;
	    font-weight: 400;
	}
	
	input.button.oq_nextfinish {
		display: none;
	}
	input.button.oq_finish {
		display: block;
		padding: 10px 0;
		width: auto;
	}
	/* Recherche */
	#searchform label {
		border: 0 !important;
		clip: rect(1px, 1px, 1px, 1px) !important;
		-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;
		height: 1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		width: 1px !important;
		white-space: nowrap !important;
	}
	/* TODO */
	#oqstraining_mark_done[disabled] {
		border: 2px solid #000 !important;
		background: #fff !important;
		color: #000 !important;
		opacity: 1
	}
	.widget_pages {
			padding-bottom: 5px !important;
	}
	.widget_pages:after {
		border-top: 1px solid lightgray !important;
		display: block;
		content: " ";
	
		margin-left: -14px;
	}
	body #primary #main body #primary #main input[name="startQuiz"], body #primary #main .oq_nextfinish {
		background: #285568 !important;
	}
	
	/* MODALE CHECK QUIZ TERMINÉ + MODALE NOUVEAU FEEDBACK */ 
	div#oq_alert_background,
	div#oq_alert_feedback_background {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.9;
			z-index: 15000;
	}
	div#oq_alert_message,
	div#oq_alert_feedback_message {
		position: fixed;
		z-index: 50000;
		background: #Efefef;
		border: 1px solid lightgray;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 25px;
		border-radius: 5px;
	}
	button#oq_alert_button_finish,
	button#oq-feedback-submit {
		float: right;
		margin: 25px;
		border-radius: 5px;
		text-transform: none;
		padding: 15px;
	}
	button#oq_alert_button_return,
	button#oq-feedback-close {
		float: left;
		margin: 25px;
		background: #279A9B;
		border-radius: 5px;
		text-transform: none;
		padding: 15px;
	}
	button#oq-feedback-close.button_link {
		background: none !important;
		color: #000;
		text-decoration: underline;
		font-weight: normal;
	}
	
	/**
	Spécifique FR
	**/
	html[lang="fr"] #post-189 .glossary-container #glossaryList-nav {
		display: block;
	}
	/**
	Spécifique EN
	**/
	html[lang="en-US"] span.oq_IsCorrect_Label, html[lang="en"] span.oq_IsCorrect_Label {
		width: 4em;
	}
	html[lang="en-US"] #post-525 .glossary-container #glossaryList-nav {
		display: block;
	}

	/** 
	15. Mode demo
	**/

	button.js-modal.asalink {
		background:none;
		color: var(--light-colored);
		font-weight: normal;
		display: inline;
		padding: 0;
		margin: 0;
		text-transform: none;
		font-size: inherit;
	
	}
	button.js-modal.asalink:hover, button.js-modal.asalink:focus {
		text-decoration: underline;
	}
	button.simple-modal-close:focus {
		background: var(--light-colored);
	}
	
	.switch-training-demo {
		display: none;
	}
	.demo-mode .switch-training-demo {
		display: block;
	}
	.demo-mode .switch-training-view {
		display: none;
	}
	
	.demo-mode  span.glossaryLinkForbiden {
		background: url(data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48dGl0bGU+bG9jazwvdGl0bGU+PHBhdGggZmlsbD0iIzVlNWU1ZSIgZD0iTTguNDM4IDEyLjMyN3YwYy0wLjMyOC0wLjExNi0wLjU2My0wLjQyOC0wLjU2My0wLjc5NiAwLTAuNDY2IDAuMzc4LTAuODQ0IDAuODQ0LTAuODQ0czAuODQ0IDAuMzc4IDAuODQ0IDAuODQ0YzAgMC4zNjctMC4yMzUgMC42OC0wLjU2MyAwLjc5NnYxLjQ1OWMwIDAuMTQ4LTAuMTI2IDAuMjc2LTAuMjgxIDAuMjc2LTAuMTUxIDAtMC4yODEtMC4xMjQtMC4yODEtMC4yNzZ2LTEuNDU5ek00LjUgNy44NzV2MCAwYy0wLjkzMiAwLjAwMy0xLjY4OCAwLjc1NC0xLjY4OCAxLjY5M3Y1LjYxNGMwIDAuOTM1IDAuNzU3IDEuNjkzIDEuNjkyIDEuNjkzaDguNDI4YzAuOTM1IDAgMS42OTItMC43NTIgMS42OTItMS42OTN2LTUuNjE0YzAtMC45MzMtMC43NTQtMS42OS0xLjY4OC0xLjY5M3YtMS45NjljMC0yLjMzLTEuODk0LTQuMjE4LTQuMjE5LTQuMjE4LTIuMzMgMC00LjIxOSAxLjg4OC00LjIxOSA0LjIxOHYxLjk2OXpNNi4xODggNy44NzV2LTEuOTY4YzAtMS40MDIgMS4xMzMtMi41MzIgMi41MzEtMi41MzIgMS4zOTUgMCAyLjUzMSAxLjEzMyAyLjUzMSAyLjUzMnYxLjk2OGgtNS4wNjN6Ij48L3BhdGg+PC9zdmc+Cg==) no-repeat right;
		padding-right: 20px;
	}
	
	#custom_html-18 {
		margin-top: 0;
	}
	#oq_course_progress_meta {
		margin-bottom: 0;
	}
	#oq_course_progress_demo {
		font-size: 0.85em;
	}
	
	#oq_course_page .cadenas_icon {
		vertical-align: baseline;
	}
	
	
	/* bouton tooltip */
	
	#tt #tt-btn-close {
	color: white !important;
	}
	tooltip.css
	#tt #tt-btn-close, #amp-tt #tt-btn-close {
	right: 0;
	top: 0;
	right: 5px;
	top: 5px;
	}
	
	
	/* No link demo tableau des cores */
	
	.oq-demo-nolink{
		color: rgba(040, 065, 083, 0.70)
	}
	/* Bouton cta */
	.c-cta{
	padding: 9px 22px 12px 22px;
	display: inline-block;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	background-color: #1c9b9c;
	
	border-radius: 2.82353rem;
	transition: all var(--transition-duration);
	-webkit-appearance: none;
	appearance: none;
	margin: 1rem auto;
	}
	.c-cta:focus, .c-cta:hover {
	  color: #fff;
	  background-color: #206f78;
	  outline: 0;
	}
	.c-cta:active {
	  color: #2f4554;
	  background-color: #1c9b9c;
	  box-shadow: inset .125em .25em .25em #206f78;
	}
	a.c-cta[target="_blank"]{
		background-image: none;
		padding-right: 22px;
	}
	/* iframe */
	iframe{
		max-height:500px;
	  margin-top: 3rem;
	}
	
	/* pour la CSS ADMIN */
	#oqstraining_reset {
		display: block;
		width: 100%;
		margin: 50px 30px;
	}
	
	/* plan de site démo indentation + */ 
	.demo-mode ul .oq_module_item{
	list-style:none; 
	}
	.demo-mode ul ul ul.children{
		margin-left:60px;
	}
	
	
	/* OVERLAY pour les quiz */
	.overlay_quiz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.4;
	display: none;
	}
	footer, .oq_prevnextbutton, .oq_breadcrumb, .site-branding {
		position: relative;
	}