/**
 * Black theme for reveal.js. This is the opposite of the 'white' theme.
 *
 * By Hakim El Hattab, http://hakim.se
 */
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
	color: #222; }

/*********************************************
 * GLOBAL STYLES
 *********************************************/

.reveal {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #333; }

::selection {
	color: #fff;
	background: #bee4fd;
	text-shadow: none; }

::-moz-selection {
	color: #fff;
	background: #bee4fd;
	text-shadow: none; }

.reveal .slides {

	 z-index:2;
	 
}
 
.reveal .slides > section,
.reveal .slides > section > section {
	
	padding:0;

 	border:0.25em dotted #999;
	background-color:var(--template-couleur-fond-secondaire-90);
	
	font-size: 1em;
	line-height: 1.3;
	font-weight: inherit;
	
}

.reveal .slides > section {

	height:calc(100% - 2em);
	width:calc(100% - 5em);

	margin-left:2.5em;
	padding:0;
  
}

.reveal .slides > section.stack  {

 	border:unset;	
	background-color:unset;

	height:calc(100% - 2em);
	width:calc(100% - 5em);

}

.reveal .slides > section > section {

	height:100%;
	width:100%;
	
	background-color:var(--template-couleur-fond-secondaire-90);
 
} 

.reveal .slides > section:first-child > section:first-child {

	margin-top:1em;
 
} 
	 
.overview {

	background: #eee;
 
}
	
.reveal.overview .slides section.present {

	border: 1em solid rgba(242, 132, 51, 1);
 
}
	
.reveal.overview .slides section.stack.present {

	border: unset;
 
}

.reveal.overview .slides > section,
.reveal.overview .slides > section > section {
	
	background-color:rgba(250, 250, 250, 0.8);
}
 
.reveal.overview h1 {

	font-size:3em; 
 
}	
 
/*********************************************
 * HEADERS
 *********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
	margin: 0 0 0.5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	line-height: 1.2;
	letter-spacing: normal;
	text-align:left;
	text-shadow: none;
	word-wrap: break-word;
}

 
.reveal .sans_marge_inferieure {

	margin-bottom:0;
	
}

.reveal .sans_papdding_inferieur {

	margin-bottom:0;
	
}
 
.reveal h1 {
	font-size: 1.5em;
	color: var(--template-couleur-primaire);
}

.reveal h2 {
	font-size: 1.4em;
    color: var(--template-couleur-secondaire);
}

.reveal h3 {
	font-size: 1.3em;
	color: #444; 
}

.reveal h4 {
	font-size: 1.2em;
	color: #444; 
}

.reveal .font_grise {

	color: #444; 
	
}

.reveal h1 {
	text-shadow: none; }

/*********************************************
 * OTHER
 *********************************************/
.reveal p {
	padding:0;
	margin: 0 0 0.75em 0;
	line-height: 1.2;
	font-size: 1em;
	
	display: block;
    width: 100%;	
}
 
.reveal p.sans_marge_superieure {
	margin-top: 0;
}
 
.reveal p:last-child {
	margin: 0;
}
 

/* Ensure certain elements are never larger than the slide itself */
.reveal img,
.reveal video,
.reveal iframe {
	max-width: 95%;
	max-height: 95%; }

.reveal strong,
.reveal b {
	font-weight: bold; }

.reveal em {
	font-style: italic; }

.reveal ol,
.reveal dl,
.reveal ul {
	display: inline-block;
	text-align: left;
	margin: 0 0 0 1em; }

.reveal ul li {

	padding: 0 0 0.75em 2em;

}

.reveal ul li p {

	width:100%;
	
}

.reveal ul li:before {

	content:'';
	
	width:0.8em;
	height:0.8em;

	background-repeat:no-repeat;
	background-size: 100% 100%;
	background-position: center center;

	margin:0.15em 0 0 -1.5em;

	background-image:url('../../img/point.svg?v=1.0');	

	display:block;
	position:absolute;

}

.reveal .popper ul li:before {

	margin: -0.2em 0 0 -1.2em;
		
	content: "■";

	background-repeat:unset;
	background-size: unset;
	background-position:unset;

	background-image:unset;	

}


.reveal ol {
	list-style-type: decimal; }

.reveal ul {
	list-style-type: disc; }

.reveal ul ul {
	list-style-type: square; }

.reveal ul ul ul {
	list-style-type: circle; }

.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
	display: block;
	margin-left: 2em; }

.reveal dt {
	font-weight: bold; }

.reveal dd {
	margin-left: 2em; }

.reveal q,
.reveal blockquote {
	quotes: none; }

.reveal blockquote {
	display: block;
	position: relative;
	width: 70%;
	margin: 1em auto;
	padding: 0.5em;
	font-style: italic;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

.reveal blockquote p:first-child,
.reveal blockquote p:last-child {
	display: inline-block; }

.reveal q {
	font-style: italic; }

.reveal pre {
	display: block;
	position: relative;
	width: 90%;
	margin: 1em auto;
	text-align: left;
	font-size: 0.55em;
	font-family: monospace;
	line-height: 1.2em;
	word-wrap: break-word;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }

.reveal code {
	font-family: monospace; }

.reveal pre code {
	display: block;
	padding: 5px;
	overflow: auto;
	max-height: 400px;
	word-wrap: normal;
}

.reveal table {
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;

}

.reveal table th {
	font-weight: bold;
}

.reveal table th,
.reveal table td {
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-bottom: 0.1em solid #555;

	border-left: 0.05em solid #ccc;

	font-size:0.8em;
	
}

.reveal table thead th,
.reveal table thead td {
	
	padding: 0.3em 0.5em 0.3em 0.5em;
	background-color:#ddd;
	
	font-size:0.9em;
	text-align: center;

	border-bottom: 0.15em solid #aaa;
 
}

.reveal table thead th.selectionne,
.reveal table thead td.selectionne {
	
	border-left: 0.3em solid rgba(242, 132, 51, 1);
	border-top: 0.3em solid rgba(242, 132, 51, 1);
	border-right: 0.3em solid rgba(242, 132, 51, 1);
	border-bottom: 0.15em solid rgba(242, 132, 51, 1);
	
	color : rgba(242, 132, 51, 1);
	background-color: rgba(242, 132, 51, 0.2);

} 



.reveal table tbody th.selectionne,
.reveal table tbody td.selectionne {
	
	border-left: 0.3em solid rgba(242, 132, 51, 1);
	border-right: 0.3em solid rgba(242, 132, 51, 1);
} 

.reveal table tbody tr:last-child th.selectionne,
.reveal table tbody tr:last-child td.selectionne {
	
	padding-bottom: 1.25em;
	border-bottom: 0.3em solid rgba(242, 132, 51, 1);
	
} 

.reveal table tbody tr:last-child th.selectionne:after,
.reveal table tbody tr:last-child td.selectionne:after {
	
	content: attr(data-content);
	
	padding: 0.15em 0;
	margin: 0 0 0 -0.5em;
	bottom: 1.5em;
	width: calc(30% - 1.8em);
	
	text-align:center;
	
	font-size:1em;
	font-weight:bold;

	color : rgba(242, 132, 51, 1);
	background-color: rgba(242, 132, 51, 0.2);
	
	position:absolute;	
	display:block;
	float:left;

} 

.reveal table thead th.vide,
.reveal table thead td.vide {
	
	background-color:unset;
 
} 
 
.reveal table th,
.reveal table td: {
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-bottom: 0.1em solid #555;

	border-left: 0.05em solid #ccc;

	font-size:0.8em;
	
}
.reveal table tbody tr th:first-child,
.reveal table tbody tr td:first-child {
	background-color: #fdeadd;
}	

.reveal table tr th:first-child,
.reveal table tr td:first-child {
	border-left: unset;
}

.reveal table tr th.fond_actif,
.reveal table tr td.fond_actif {
	
	background-color: rgba(242, 132, 51, 0.05);

} 

.reveal table th[align="center"],
.reveal table td[align="center"] {
	text-align: center; }

.reveal table th[align="right"],
.reveal table td[align="right"] {
	text-align: right; }

.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
	border-bottom: none; }

.reveal table ul li p, 
.reveal table p
{

	width:auto;
	text-align: left;
 
}

.reveal table ul li
{
	padding: 0 0 0.3em 0.8em;
}

.reveal sup {
	vertical-align: super; }

.reveal sub {
	vertical-align: sub; }

.reveal small {
	display: inline-block;
	font-size: 0.6em;
	line-height: 1.2em;
	vertical-align: top; }

.reveal small * {
	vertical-align: top; }

/*********************************************
 * LINKS
 *********************************************/
.reveal a {
	color: #42affa;
	text-decoration: none;
	-webkit-transition: color .15s ease;
	-moz-transition: color .15s ease;
	transition: color .15s ease; }

.reveal a:hover {
	color: #8dcffc;
	text-shadow: none;
	border: none; }

.reveal .roll span:after {
	color: #fff;
	background: #068de9; }

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img {
	margin: 0 0 1em 0;
	background: rgba(255, 255, 255, 0.12);
	border: 0.2em solid #fff;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.15);
}

.reveal section img.plain {
	border: 0;
	box-shadow: none;
	
	background-color: transparent;
	
}

 .reveal section img.left {
	position:absolute;
	left:-95%;
}
 
	
.reveal a img {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear; }

.reveal a:hover img {
	background: rgba(255, 255, 255, 0.2);
	border-color: #42affa;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }


.reveal .fade {
	 opacity: 0;
	 transition: opacity 3.5s ease;
}

.reveal .fade.fade_after {
	transition-delay: 2s;
}

/*
.reveal .fade.fade_after:nth-child(1) {
	transition-delay: 2s;
}

.reveal .fade.fade_after:nth-child(2) {
	transition-delay: 2.5s;
}

.reveal .fade.fade_after:nth-child(3) {
	transition-delay: 3s;
}

.reveal .fade.fade_after:nth-child(4) {
	transition-delay: 3.5s;
}

.reveal .fade.fade_after:nth-child(5) {
	transition-delay: 4s;
}

.reveal .fade.fade_after:nth-child(6) {
	transition-delay: 4.5s;
}
*/


.reveal section section .fade {
	 opacity: 0;
}

.reveal .present .fade {
	 opacity: 1;
}

.reveal section.present section .fade {
	 opacity: 0;
}

.reveal section.present section.present .fade {
	 opacity: 1;
}

.reveal.overview .fade, .reveal.overview section section .fade, .reveal.overview section.present section .fade {
	 opacity: 1;
}
 


/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/
 .reveal .controls {

	width:100%;
	height:calc(100% - 0.15em);
	
	font-size:1em;
	right:0;
	
	z-index:1;
	
	bottom:0.15em;
	position:absolute;
 }
 
.reveal .controls .navigate-left {

	top:calc(50% - 2.5em);
	left:0 !important;
	
	right: 1em;
	height: 4em;
	width: 1em;
	border-left-width: 0em;
	border-right-width: 2em;
	border-top-width: 4em;
	border-bottom-width: 4em;
	
	font-size:1em;
	
}
 
	
.reveal .controls .navigate-right {

	top:calc(50% - 2.5em);
	left:auto;
	right:2.6em !important;

	height: 4em;
	width: 1em;
	border-left-width: 2em;
	border-right-width: 0em;
	border-top-width: 4em;
	border-bottom-width: 4em;

	font-size:1em;
	
}

	
.reveal .controls .navigate-down {

	bottom:3em;
	top:auto;
	left:auto;
	right:1.5em;

	height: 0.75em;
	width: 2.5em;
	border-left-width: 2.5em;
	border-right-width: 2.5em;
	border-top-width: 1.25em;
	border-bottom-width: 0;
	
	font-size:1em;
	
}

	
.reveal .controls .navigate-up {

	top:0.5em;
	bottom:auto;
	left:auto;
	right:1.5em;

	height: 0.75em;
	width: 2.5em;
	border-left-width: 2.5em;
	border-right-width: 2.5em;
	border-top-width: 0;
	border-bottom-width: 1.25em;
	
	font-size:1em;
	
}
 
 
.reveal .controls .controls-arrow:before,
.reveal .controls .controls-arrow:after {

	background-color: rgba(242, 132, 51, 1);
	
}		

.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled .controls-arrow:before, .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled .controls-arrow:before ,
.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled .controls-arrow:after, .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled .controls-arrow:after
{

	background-color: #999;

}

.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover .controls-arrow:before, .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover .controls-arrow:before ,
.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover .controls-arrow:after, .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover .controls-arrow:after
{

	background-color: rgba(242, 132, 51, 1);

}

 /*
.reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
	border-right-color: rgba(242, 132, 51, 1);
}

.reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
	border-left-color: rgba(242, 132, 51, 1); }

.reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
	border-bottom-color: rgba(242, 132, 51, 1); }

.reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
	border-top-color: rgba(242, 132, 51, 1); }

.reveal .controls .navigate-left.enabled:hover {
	border-right-color: rgba(242, 132, 51, 1); 
	opacity:1;
}

.reveal .controls .navigate-right.enabled:hover {
	border-left-color: rgba(242, 132, 51, 1);
	opacity:1;
}

.reveal .controls .navigate-up.enabled:hover {
	border-bottom-color: rgba(242, 132, 51, 1);
	opacity:1;	
}

.reveal .controls .navigate-down.enabled:hover {
	border-bottom-color: rgba(242, 132, 51, 1);
	opacity:1;	
}

*/

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
	background: rgba(240, 240, 240, 0.8); 
	bottom: 0;
	height:0.15em;
	
	cursor:pointer;
	
	position:absolute;
}

.reveal .progress:hover {
	
	height:0.8em;
	
	z-index: 50;
	
}

.reveal .progress span {
	background: rgba(242, 132, 51, 1);
	-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
	-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
	transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
	
	
/*********************************************
 * SLIDE NUMBERS
 *********************************************/

.reveal .slide-number {
	padding: 0.4em;
	
	left: 1em;
	right: unset;
	bottom: 1em;
	
	z-index: 31;
	font-size: 1em;
	line-height: 1;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.2);

	position: absolute;
	display: block;
}

.reveal .slide-number a:hover {
	color: #fff;
}

	
	
/*********************************************
 * JK
 *********************************************/

.reveal .zone_avec_reperes {

	margin:0;
	padding:0;
	
	font-size:1em;

	justify-content:flex-start;
	align-items:flex-start;
	
	position:relative;
	display:flex;
	float:left;

}
 
.reveal .zone_avec_reperes .repere_rectangle {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	border:0.15em solid rgba(242, 132, 51, 1);
	border-radius:0.35em;


	transition: all 1s ease;
	 
	cursor:pointer;
	
	position:absolute;
	display:block;
	float:left;

}

.reveal .zone_avec_reperes:hover .repere_rectangle {

	transition-delay: 0s;
	border:0.15em solid #aaa;
	
}

.reveal .zone_avec_reperes .repere_rectangle:hover {

	border:0.15em solid rgba(242, 132, 51, 1);
	
	z-index:1000;
	
}



.reveal p.coche {

	font-size:1.2em;
	font-weight:bold;
	color : rgba(242, 132, 51, 1);
	
}

.reveal p.coche:before {

    font-size: 1.2em;
    padding-right: 0.5em;
	content: "\2713 ";

}


.reveal p.noncoche {

	font-size:1.2em;
	color : rgba(150, 150, 150, 1);
	
}

.reveal p.noncoche:before {

    font-size: 1.2em;
	padding-right:0.3em;	
	content: "X ";

}


.reveal h1.chargement {

	margin:0.4em 0 0.2em 0;
	padding:0;

	font-weight:bold;
	
	color:#2c5aa0;
	
	font-size:2em;
	width: 100%;
	
	display: block;
	float: left;

}

.reveal h1.decallage_horizontal {

	padding-left:0.5em;
	padding-right:0.5em;

}