/*
Mobile first
Light first
*/


/* global element p1/5 */

body{font:1rem sans-serif;background:#fff;color:#444}

body.darkmode{background-color:#111;color:#bbb}

div{position:relative}

a,.fakelink{color:#00bbff;text-decoration:none;cursor:pointer}
a:hover,.fakelink:hover{color:#6ef}

img{max-width:100%}

h1{font-size:2rem}
h2{font-size:1rem}

input[type="text"],input[type="password"]{background:#eee;color:#222;border:1px solid #aaa;padding:.25rem .5rem;border-radius:5px}

.darkmode input[type="text"],.darkmode input[type="password"]{background:#222;color:#bbb;border:1px solid #444}




/* global evident p2/5 */

.bsbb{box-sizing:border-box}

.w33p{width:33.33%}
.w50p{width:50%}
.w100p{width:100%}

.ma{margin:auto}
.m0{margin:0}
.mini_m{margin:.32rem .5rem}

.m_t10{margin-top:1rem}
.m_b10{margin-bottom:1rem}
.m_t20{margin-top:2rem}
.m_b20{margin-bottom:2rem}
.m_t25p{margin-top:25%}

.pd_10{padding:1rem}
.pd_1{padding:.1rem}

.pd_t5{padding-top:.5rem}

.pd_t10{padding-top:1rem}
.pd_l10{padding-left:1rem}
.pd_b10{padding-bottom:1rem}

.pd_t20{padding-top:2rem}
.pd_b20{padding-bottom:2rem}

.pd_t30{padding-top:3rem}
.pd_b30{padding-bottom:3rem}

.pd_t40{padding-top:4rem}

.pd_t60{padding-top:6rem}

.zindex2{z-index:2}

.abs100{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.before_abscontent:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.after_abscontent:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.tac,
.navbar_liste li,
.carde_title,
.carde_tarif{text-align:center}

.hidden{display:none}

.opa025{opacity:0.25}

.flex{display:flex}

.flex_center{display:flex;justify-content:center}

.flex_y_center{display:flex;align-items:center}

.flex_between{display:flex;justify-content:space-between}

.flex_spaced{display:flex;justify-content:space-evenly}

.flex_around{display:flex;justify-content:space-around}

.flex_rowwrap{display:flex;flex-flow:row wrap}



.back_sombre{background:rgba(24,24,24,0.92)}

.bold{font-weight:bold}
.shado_000{text-shadow:1px 1px 8px #000}
.shado_820{text-shadow:1px 1px 4px #820}
.shado_000_more{text-shadow:1px 1px 6px #000,1px 1px 6px #000}
.fs_40{font-size:4rem}

.white{color:#fff}
.darkmode .white{color:#ddd}

.trans_lum_75{filter:brightness(0.75)}

.hover_lum_100:hover img.hover_lum_100{filter:brightness(1)}

.hover_cur{cursor:pointer}

.abs_bottom{position:absolute; bottom:0}

.br2{border-radius:2px}


/* global multi p3/5 */

.navbar{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	padding:.25rem 1rem;
	background:#eee;
	color:#222;
	box-sizing:border-box;
	z-index:8;
}

.navbar a{line-height:0}

.darkmode .navbar{
	background:#333;
	color:#bbb;
}

.navbar .container{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.collapse{
	display:flex;
	height:0;
	overflow:hidden;
	transition:height .35s ease;
	flex-basis:100%;
}

.navbar.collapse_show{
	box-shadow:0px 0px 0px 1px hsl(200,0%,80%) inset;
}

.darkmode .navbar.collapse_show{
	box-shadow:0px 0px 0px 1px hsl(200,0%,25%) inset;
}

.collapse_show .collapse{
	box-shadow:0px 0px 0px 1px hsl(200,60%,80%) inset;
	height:auto!important;
	max-height:calc(100vh - 80px);
	overflow:auto;
}

.darkmode .collapse_show .collapse{
	box-shadow:0px 0px 0px 1px hsl(200,60%,14%) inset;
}

.uldecimal{list-style:decimal}

.navbar_liste{
	display:flex;
	width:100%;
	padding:0;
	list-style:none;
	align-items:center;
	flex-flow:row wrap;
}

.navbar_liste li{
	margin:2rem;
}

.footer{
	padding:1rem;
	background:#eee;
	color:#222;
}

.darkmode .footer{
	background:#333;
	color:#bbb;
}

.container{width:100%;max-width:1200px;margin:auto}

.navbar_toggler{
	display:inline-block;
	width:3rem;
	height:3rem;
	background:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 30 30'%3E%3Cpath stroke%3D'%2300acf1' stroke-width%3D'4' stroke-linecap%3D'round' d%3D'M4 6h22M4 15h22M4 24h22'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50% / contain;
	background-color:none;
	border:0;
}
.navbar_toggler:focus,.navbar_toggler:hover{background-color:rgba(255,255,255,0.25)}
.navbar_toggler:not(:disabled):not(.disabled){cursor:pointer}

.darkmode_toggler{
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	background:url("data:image/svg+xml,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 360 360'%3E%3Cdefs%3E%3Crect id%3D'ray' x%3D'170' y%3D'0' rx%3D'6' ry%3D'6' width%3D'12' height%3D'50'%2F%3E%3C%2Fdefs%3E%3Cg fill%3D'%23eecc88'%3E%3Ccircle cx%3D'180' cy%3D'180' r%3D'95'%2F%3E%3Cuse href%3D'%23ray'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(45, 180, 180)'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(90, 180, 180)'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(135, 180, 180)'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(180, 180, 180)'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(225, 180, 180)'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(270, 180, 180)'%2F%3E%3Cuse href%3D'%23ray' transform%3D'rotate(315, 180, 180)'%2F%3E%3C%2Fg%3E%3Cpath d%3D'M127 101c-66 47 -47 128 0 158L127 259c42 30 117 21 143 -48L270 211c-20 40 -100 20 -123 0L147 211c-40 -30 -40 -90 -20 -110z' fill%3D'%23000'%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50% / contain;
	background-color:none;
	border:0;
}

.carde{
	border-radius:5px;
	background:#f3f3f3;
	padding:.5rem 1rem;
	margin:.5rem 0;
}

.darkmode .carde{
	background:#222;
}

.zone{
	background:#f3f3f3;
}

.zone_discret_info{
	border-radius:3px;
	padding:.25rem .5rem;
  border-bottom:1px solid #999;
	color:#999;
}

.darkmode .zone_discret_info{
  border-bottom:1px solid #999;
	color:#666;
}

.darkmode .zone{
	background:#222;
}

.carde_mini{
	display:table;
	box-shadow:0px 0px 0px 1px hsl(0deg,0%,82%) inset;
	border-radius:5px;
	margin:.5rem;
}

.carde_title{
	background:#ddd;
	padding:.5rem 1rem;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.darkmode .carde_mini{
	box-shadow:0px 0px 0px 1px hsl(200,0%,20%) inset;
}

.darkmode .carde_title{
	background:#333;
}

.carde_content{
	padding:.5rem 1rem;
}

.carde_tarif{
	padding-top:0.5rem;
}

.btn{
	color:hsl(200,100%,92%);
	background:hsl(200,80%,50%);
	display:inline-block;
	border:0;
	padding:.4rem .75rem;
	border-radius:.25rem;
	transition:background .08s ease;
	user-select:none;
}

.darkmode .btn{
	color:hsl(200,40%,80%);
	background:hsl(200,60%,20%);
}

.btn:hover{
	color:hsl(200,100%,100%);
	background:hsl(200,75%,60%);
}

.darkmode .btn:hover{
	background:hsl(200,75%,30%);
}

.btn_outline_primary{
	color:hsl(200,80%,40%);
	background:transparent;
	box-shadow:0px 0px 0px 1px hsl(200,50%,50%) inset;
	transition:box-shadow .1s ease;
	cursor:pointer;
}

.btn_outline_primary:hover{
	color:hsl(200,80%,60%);
	background:transparent;
	box-shadow:0px 0px 0px 1px hsl(200,50%,70%) inset;
}

.darkmode .btn_outline_primary{
	color:hsl(200,100%,40%);
	box-shadow:0px 0px 0px 2px hsl(200,40%,40%) inset;
	background:transparent;
}

.darkmode .btn_outline_primary:hover{
	color:hsl(200,100%,60%);
	box-shadow:0px 0px 0px 2px hsl(200,60%,50%) inset;
	background:transparent;
}

.png_shadow{filter:drop-shadow( 0px 0px 2px #ddd )}

.nextlabel_cadre+label{
	border-radius:5px;
	border:2px dashed #666;
	padding:.25rem .5rem;
	margin:.32rem .5rem;
	cursor:pointer
}

.nextlabel_cadre+label:hover{border:2px dashed #494}

.nextlabel_cadre:checked+label{border:2px solid #2a2}



/* add on p4/5 */

@keyframes spin{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}

.loading{
	border:2px solid rgba(0,170,240,.2);
	border-right:2px solid #0af;
	border-radius:50%;
	width:2.4rem;
	height:2.4rem;
	animation:spin 1.6s linear infinite;
}



@keyframes progress-bar-stripes{
from{background-position:0 0}
to{background-position:1rem 0}
}

.progress{
	height:1rem;
	border-radius:3px;
	background:#00acf1 linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent)repeat-x center center / 1rem 1rem;
	animation:progress-bar-stripes 1s linear infinite
}



/* lite or media p5/5 */

@media screen and (prefers-reduced-motion:reduce){
	.progress{transition:none}
	.collapsing{transition:none}
}



@media (min-width:540px){
	/* (mode large) */

.navbar_expand_md .container{
	justify-content:normal;
}

.navbar_expand_md .navbar_toggler{
	display:none
}

.navbar_expand_md .collapse{
	flex-basis:calc(100% - 80px);
	height:auto;
	overflow:auto;
	justify-content:start;
	padding-left:8px;
}

.collapse_show .collapse{
	box-shadow:none;
}

.navbar_expand_md .navbar_liste{
	flex-flow:unset;
	justify-content:space-evenly;
}

.navbar_expand_md .navbar_liste li{
	margin:0 .4rem;
}

.carde_mini{
	margin:1rem;
}

.zone{
	margin:.5rem 1rem;
}

/* sd */

.sd_m_l10{margin-left:1rem}
.sd_m_r10{margin-right:1rem}

.sd_pd_5{padding:.5rem}

.sd_fs_40{font-size:4rem}
.sd_fs_15{font-size:1.5rem}

}



@media (min-width:820px){

/* md */

.md_fs_60{font-size:6rem}
.md_fs_20{font-size:2rem}

}


/* pas encore rangé / specifique */

.spacer100{
	height:100px;
	width:100%;
}

.spacer200{
	height:200px;
	width:100%;
}

.spacer400{
	height:400px;
	width:100%;
}

.spacer60{
	height:60px;
	width:100%;
}


/*
body {
  font-family:georgia; font-size:1.1rem;
  line-height:1.6em;
  background:#222;
	color:#bbb;
}

div{
	position:relative;
}

.b1_666{
	border:1px solid #666;
}

.note { 
  border-radius:4px; background-color:#d9e8f4; 
  padding:15px 12px;
  margin-bottom:1em;
}

code { font-family:Consolas }

textarea {
  background:#36393e;
  color:#aaa;
}

.wh140{
	width:140px;
	height:140px;
}

.blu {color:#0099f7}

pre {
  font-family:Consolas, monospace;
  font-size:10pt;
  overflow:auto;
}

a { color:#0099f7 }

ul {line-height:1.7em}

.explanation { 
  line-height:1.5; 
  padding:5px 0 5px 10px; 
  border-radius:4px; 
  background:#edeff4 
}

img.medium { width:75%; height:75%}


figcaption { color:#7b7070 }
figure { max-width:700px; display:inline-block}

.table { margin-top:15px; margin-bottom:20px; color:#7b7070 }

.code {
  line-height:1.4; margin-top:0;
  padding:10px 0px 10px 10px;
  background:#edeff4;
  border-bottom-left-radius:4px; 
  border-bottom-right-radius:4px;
}

.codehead { 
  font-family:Consolas; font-weight:600; color:#599a60; 
  background:#d5e8d7; border-top-left-radius:4px; 
  border-top-right-radius:4px; padding:4px 15px; 
  margin-bottom:0; 
}


.gray {
  background-color:#efefef;
}

table {
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse:collapse;
}

tr:nth-child(odd) {background:#efefef}


td, th {

    border-right:1px solid #999;
    border-bottom:1px solid #999;
}

th {
    padding:8px;
    font-family:Georgia;
    font-size:1em;
}

td {
    font-size:1em;
    padding:5px;
}

.keyword {
  color:#074685
}

.last_mod {
    font-style:italic;
}

.compact {
  line-height:1.3
}


#ebooks ul { list-style-type:none; padding-left:0; }

nav a { margin-right:0.5em}

header nav { background-color:#2e3136; padding:10px; }

header {
    background:#1e2125;
    padding-top:8px;
}


header div a[title="Home"] {
  font-family:georgia; 
  text-decoration:none; font-size:2em;
}

header div {

  padding-top:5px; padding-bottom:5px;
}

header div a {
  padding:0px 15px 0px 15px;
}

.f16_ss{
	font:16px sans-serif;
}

.f40_ss{
	font:40px sans-serif;
}

.f100_ss{
	font:100px sans-serif;
}

.block{
	display:block;
}

.r0{
	right:0;
}

.ltow {
    width:300px;
    padding-left:5px; 
    padding-right:5px; 
  }

  .ltow #ad-vert {
    padding-left:0px;
  }

.rtow { 
    padding-left:5px; 
    padding-right:5px; 
    width:300px; 
  }
  
.vert-ad { margin-bottom:1em}
.square-fix-ad {}
.square-resp-ad {}
.hor-fix-ad {}

.ad-top {}
.ad-mid {}
.ad-bot {}
.ad-rtow {}

.content {
    padding:5px 20px 5px 20px;
    background:#ddd;
	margin-bottom:80px;
	margin-left:auto;
	margin-right:auto;
}

.container {
    display:grid;
    gap:0px;
    justify-content:center;
    align-content:center;
    margin-left:auto;
    margin-right:auto;
}

div.cols-3 {
 column-count:3;
}

div.cols-2 {
 column-count:2;
}

div.cols-2 li { 
  list-style-type:none; 
}

.cols-3 h2:first-child {
  margin:0;
  padding:0;
} 
  
div.cols-2 ul { 
  padding-left:0;
}

.cols-2 ul:first-child {
  margin:0;
  padding:0;
} 

div.cols-3 li { 
  list-style-type:none; 
}
  
div.cols-3 ul { 
  padding-left:0;
}

.bt{
	height:32px;
	padding:0 12px;
	border-radius:5px;
	border:0;
	background:#aaa;
	color:#000;
	cursor:pointer;
}

.bt:hover{
	background:#ccc;
	color:#222;
}

.ul_decimal{
	list-style:decimal;
}

.pink{
	color:#e83e8c;
}

li{line-height:26px}
.container{auto;max-width:1400px}
textarea{width:100%;height:600px;border:1px solid #ddd;padding:10px}
.button{display:inline-table;background-color:#fff;padding:10px 15px 9px 15px;border:1px solid #ddd;margin-top:10px;font:16px sans-serif;color:#333;text-decoration:none;}
.error{color:red;font-family:monospace;white-space:pre}
.tab-nav li{padding:3px 15px;font-size:14px;cursor:pointer;display:inline-block;border-radius:3px 3px 0 0;margin-bottom:-1px}
.tab-nav li.active{background:#ddd}
.tab-pane {min-height:300px}
.file-wrapper{box-sizing:border-box;width:100%;background-color:#e1e1e1;outline:2px dashed #ccc;outline-offset:-10px;transition:outline-offset 0.15s ease-in-out, background-color 0.15s linear;position:relative;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43"><path fill="%2392b0b3" d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z"></path></svg>');background-repeat:no-repeat;background-size:90px;background-position:center 90px;padding-top:180px;padding-bottom:110px}
*/