/*
 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;
}

/**
 * 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, .oq-support-button {
	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,
	.oq-support-button:focus, .oq-support-button: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É */ 
	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;
	}