/* CSS3 Reset
---------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,
mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-align: left;}
body{line-height:1;}
article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#f1f191;color:#010201;text-decoration:none;}
mark{background-color:#f1f191;color:#010201;font-style:italic;font-weight:bold;}
del{ text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #c1c2c3;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
textarea{resize: none; }
ul {list-style: none;}
* {box-sizing: border-box; font-family: 'whyteregular', 'Arial', sans-serif; }

html { font-size:16px; min-height: 100%; }
body { font-size:1rem; font-family:  'whyteregular', 'Arial', sans-serif; color: #000; }
html, body { height: 100%; width: 100%; min-height: 100%; padding: 0 ;margin: 0; overflow-x:hidden; }

:root {
	/* --color-yellow: #F6A71C; 2023 */
	--color-yellow: #ffd423;
	--color-blue: #3DBFEF;
	--color-pink: #FFCAE8;
	--color-fushia: #E5147C;
	--color-green: #26A237;
	--color-brick: #EB6435;
	--color-dark-blue: #4363AB;
}

.ft-green { color:var(--color-green);}

.internalPage { max-width:1150px; margin-left:auto; margin-right:auto; }
.internalPage-larger { max-width:1350px; margin-left:auto; margin-right:auto; }
.mainNavInner { width:100%; position:relative; height:118px; }

.wrap-col { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; }
.wrap-col > .col { flex: 1; padding: 0 12px 0 12px; }
.hide { display: none; }

body { min-height: 100%; }
body > header {  background-color:var(--color-yellow); align-items: center; justify-content: space-between; flex-direction: row; border-bottom:10px solid #000; }
body > header > .mainNavInner { justify-content: space-between; align-items: center; }
body > header .logo { height: 100%; padding:4px 10px; }
body > header .logo img { max-width: 275px;
	width: 300px; }
body > header .nav { margin-right: 16px; }
body > header .nav a { text-decoration: none; }
body > header .nav .fa-bars, body > header .nav .fa-times, body > header .nav .fas { position:relative; color: #000; font-size: 32px; z-index: 20; }
body > header .nav .fas { margin-left:10px; }
body > header .menu { z-index: 42; display: none; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; }
body > header .menu .blur { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: #333; opacity: 0.3; }
body > header .menu a { text-decoration: none; }
body > header .menu a.icon { font-size:25px; color:#FFF; }
body > header .menu ul li:first-child { text-align: center; font-family:'whytemedium'; }
body > header .menu ul li.closeMenu { display:none; }
body > header .menu img { width: 100%; max-width: 300px; height: auto; }
body > header .menu ul { position: absolute; top: 0;  width: 60%; border-right: 1px solid #eee; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start;  }
body > header .menu ul ul { position:static; padding-top:0px; padding-bottom:0px; width:100%; }
body > header .menu ul li { font-family: 'Open Sans', 'Arial', sans-serif; text-align:center; position: relative; padding: 20px 8px; color: #FFFFFF; font-size: 18px; text-decoration: none !important; cursor: pointer; text-transform:uppercase; }
body > header .menu ul li:not(:first-child) { overflow: hidden; }
body > header .menu ul li:nth-child(2) { }
body > header .menu ul li[data-code="logout"], body > header .menu ul li[data-code="website"][data-islogged="0"] { border-top: 1px solid #eee; margin-top: auto; }
body > header .menu ul li:not(:first-child):before { display:none; z-index: 10; position: absolute; top:0; left: 300%; bottom: 0; right: 0; width: 300%; content: ''; background-color: #000000; transition: 0.5s; transform: skew(-45deg); color:#FFF; }
body > header .menu ul li:not(:first-child):hover:before { left: -100%; }
body > header .menu ul li:hover > span { color: #fff; text-decoration:none !important; font-family:'whytemedium'; }
body > header .menu ul li:not(:first-child):hover { /* box-shadow: 2px 2px 3px 0px #eee; */ }
body > header .menu ul li > span { font-size:14px; font-weight:normal !important;  font-family:'whytemedium'; color:#000; }
body > header .menu ul li > span { z-index: 20; position: relative; top:0; left: 0; bottom: 0; right: 0;  transition: 0.3s;
	font-size: 14px;
	font-family: 'whytemedium';
	text-decoration: none;
	padding: 0; font-weight:normal !important; }
body > header .overHead {
	width:100%;
	background:#000;
	color:#fff;
	transition: top 0.7s ease;
	z-index:1;
}
body > header .menu ul li.hasSub span::after { content:'\f0d7'; position:absolute; right:-40px; height:20px; width:20px; top:9px; font-family:FontAwesome; font-size:18px; }
body > header .menu ul li.menu-public { display:none; }
.menu-public-webapp { display:none; }
body > header .overHead > div {margin:0 auto; display:flex; justify-content: space-between; line-height:20px;}
body > header .overHead .flags {display:flex; padding:8px 5px; }
body > header .overHead .flags li {padding:0px 5px;}
body > header .overHead .areas {display:flex;  padding:8px 5px; font-size:14px;}
body > header .overHead .areas li {padding:0px 5px; cursor: pointer;}
body > header .overHead .areas li i { font-size:16px; margin-right:6px; }
body > header .overHead .areas li a {color:#fff; text-decoration: none;}
body > header .overHead .areas li a.icoQuit { margin-left:10px; }
body > header .overHead {z-index:2; height:40px;}
body > header .overHead.scroll {top:-30px;}

body > header .menu ul li span { text-decoration:none !important; }
body > footer { width: 100%; /* height: 100px; */ padding: 0px 6px; background-color:var(--color-fushia); border-top:10px solid #000; }
body > footer ul { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
body > footer ul li { color: #fff; margin: 3px; }
body > footer ul li:first-child { font-weight: bold; margin-bottom: 12px; }
body > footer ul li a { color: #fff; text-decoration: none !important; }
body > footer ul li a:hover { text-decoration: none; }

body > main { padding: 0px; margin: 0%; width: 100%; min-height: calc(100vh - 258px); }
body > main #notifications { position: fixed; bottom: 0; right: 0; z-index: 100; font-size: 18px; width: 50%; right:25%; margin: auto; text-align: center; font-family:'whytemedium'; }
body > main #notifications > div { position: relative; width: 98%; padding: 32px 12px; border: 10px solid transparent; border-radius: 4px; margin: 6px; text-align: center; }
body > main #notifications > div > .fa-times { cursor: pointer; position: absolute; top: 2px; right: 4px; font-size: 22px; color: #fff; }
body > main #notifications .error { border-color:var(--color-fushia); background-color:var(--color-fushia); color: #FFF; }
body > main #notifications .success { border-color:var(--color-green); background-color:var(--color-green); color: #FFF; }
body > main #notifications .info { border-color:var(--color-blue); background-color:var(--color-blue); color: #FFF; }

body > main #form-auth { width: 80%; margin: 64px auto 32px auto; max-width:450px; }
body > main .toplogin { margin-bottom: 16px; line-height: 22px; font-size: 18px; font-weight: bold; color: #e8561a; text-align: center; }
body > main .underlogin { margin-top: 16px; text-align: left; }

form { display: flex; flex-direction: column; }
.form-row-center,
.form-row { display: flex; flex-direction: row; align-items: center; justify-content:center; flex-wrap: wrap; margin: 25px 0; }
.form-row-center { justify-content: center; }
.form-row.hide { display: none; }
.form-row label { width: 30%; font-weight: bold; cursor: pointer; }
.form-row input,
.form-row textarea,
.form-row button,
.form-row select { border-radius: 30px; width: 100%; border: 5px solid #000; padding: 10px; outline: none; transition: 0.3s; font-size: 16px; margin: 8px; outline: none; }
.form-row input:not([type="checkbox"]):not([type="radio"]):focus,
.form-row textarea:focus,
.form-row select:focus { border-bottom-color:var(--color-fushia); transition: 0.3s; }

.form-row input.code { background-color:#FFF; border-color:var(--color-green); padding:10px 15px; border-radius:100px; font-size:30px; font-family:'whytemedium'; border-width:10px; text-align:center; color:#000; border:10px solid #000; }

.form-col { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0px 0 0px 0; }
#form-quiz { padding-top:35px; }
#form-quiz .internalPage .form-col { margin-bottom:20px; }
.form-col.hide { display: none; }
.form-col label { width: 100%; font-weight: bold; cursor: pointer; margin: 2px 2px 5px 2px; }
.form-col input,
.form-col textarea,
.form-col button,
.form-col select { border-radius: 30px; width: 100%; border: 5px solid #000; padding: 12px 20px; outline: none; transition: 0.3s; font-size: 16px; }
.form-col input:not([type="checkbox"]):not([type="radio"]):focus,
.form-col textarea:focus,
.form-col select:focus { border-bottom-color:var(--color-fushia); transition: 0.3s; outline: none; }
.form-col p { margin: 6px 0; align-self: self-start; }

.search-suggs { width: 100%; background-color: #fff; border: 1px solid #e8561a; border-top: none; box-shadow: 2px 2px 3px 0px rgba(232, 86, 26, 0.3); box-sizing: border-box; padding: 3px 6px; }
.search-suggs:empty { display: none; }
.search-suggs li { padding: 12px 24px; cursor: pointer; }
.search-suggs li:not(:first-child){ border-top: 1px solid #e8561a; }

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='color'],
input[type='range'],
input[type='url'],
input[type='time'],
input[type='datetime'],
input[type='email'],
select {
	color:#000000;
	border:5px solid #000000;
	border-radius: 30px;
	width:100%;
	padding:12px 20px;
	font-size:16px;
	outline: none;
	background-color:#FFF;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='date']:focus,
input[type='color']:focus,
input[type='range']:focus,
input[type='url']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='email']:focus,
select:focus {
	border-bottom-color: var(--color-fushia);
	transition: 0.3s;
}
.digiForm p, .digiForm div { line-height:20px; }
.digiForm article {font-size: 0; margin:16px 10px;}
.digiForm article > label{width:30%; text-align: right; padding-right:5px; }
.digiForm article label  {font-size: 15px; display: inline-block; vertical-align: middle;  color:#FFF;}
.digiForm article > div {width:70%; max-width: 700px; font-size: 16px; text-align: left; display: inline-block;}
.digiForm article.formTxt {font-size:13px; line-height: 14px; margin-left: 30%; max-width: 700px; text-align: justify;}

.form-top .digiForm {max-width:500px; margin:0px auto; }
.form-top .digiForm article {}
.form-top .digiForm article > label {width:100%; display:block; text-align: left; padding-right: 0; margin-bottom: 5px;}
.form-top .digiForm article > div {width:100%; max-width: none; display: block;}
.form-top .digiForm article.formTxt {margin-left:0; max-width: none;}

.digiForm.login article > label { padding-top: 8px;	vertical-align: top;}
.forgetPwd {cursor: pointer; font-size:11px; padding:5px; display:block;}
.forgetPass h3 {text-align: center;}

button[type='button']:focus, button[type='submit']:focus { outline: none; }
button[type='button'], button[type='submit'] { cursor: pointer; position: relative; border-radius: 2px; width: auto; padding: 8px 32px; border: 10px solid #000000; background-color: #FFF; border-radius:30px; color: #000; font-weight: bold; font-size: 18px; letter-spacing: 1px; overflow: hidden; transition: 0.5s; margin: 4px 16px; }
button[type='button'] > span, button[type='submit'] > span { display: flex; flex-direction: column; align-items: center; justify-content: center; }
button[type='button'] i, button[type='submit'] i { font-size: 32px; }
button[type='button'] > span, button[type='submit'] > span { z-index: 20; position: relative; top:0; left: 0; bottom: 0; right: 0; text-transform:uppercase; }
/* button[type='button']:before, button[type='submit']:before { z-index: 10; position: absolute; top:0; left: -100%; bottom: 0; right: 0; width: 0; content: ''; background-color: #e8561a; transition: 0.4s; transform: skew(-45deg); } */
button[type='button']:hover:before, button[type='submit']:hover:before { width: 300%; }
button[type='button']:hover > span, button[type='submit']:hover > span { color: #fff; }
button[type='button']:hover, button[type='submit']:hover { background:#000; color:#FFF !important; }

button[type='button'].filled, button[type='submit'].filled { border-color: #000; background-color: #fff; border-width:10px; padding: 10px 25px; padding: 10px 20px; font-size:16px; color:#000; }
button[type='button'].filled:before, button[type='submit'].filled:before { background-color: #fff; }
button[type='button'].filled:hover > span, button[type='submit'].filled:hover > span { color:#FFF !important; }

button[type='button'].btn-small, button[type='submit'].btn-small { padding: 10px 16px; margin: 2px 8px; font-size: 14px; }
button[type='button'].btn-ico, button[type='submit'].btn-ico { font-size: 12px; font-weight: bold; }
button[type='button'].btn-ico i, button[type='submit'].btn-ico i { font-size: 22px; }
button[type='button'].rounded, button[type='submit'].rounded { width: 120px; height: 120px; border-radius: 50%; padding: 12px; }
button[type='button'].rounded-red { border-color:var(--color-fushia); color:var(--color-fushia); }
button[type='button'].rounded-red:hover { background-color:var(--color-fushia); color:var(--color-fushia); }

button[type='button'].rounded-red.no-hover:hover { border-color:var(--color-fushia); color:var(--color-fushia); background-color:#FFF; cursor:initial;  }
button[type='button'].rounded-red.no-hover:hover span { border-color:var(--color-fushia); color:var(--color-fushia); }

button[type='button'].btn-blue, button[type='submit'].btn-blue { border-color: #007fc5; color: #007fc5; }
button[type='button'].btn-blue:before, button[type='submit'].btn-blue:before { background-color: #007fc5; }
button[type='button'].btn-blue:hover, button[type='submit'].btn-blue:hover { background: rgb(0, 127, 197); box-shadow: 2px 2px 3px 0px rgba(0, 127, 197, 0.3); color:#fff;}

button[type='button'].btn-blue.filled, button[type='submit'].btn-blue.filled { border-color: #000; background-color: #fff; border-width:10px; padding: 10px 25px; padding: 10px 20px; font-size:16px; color:#000; }
button[type='button'].btn-blue.filled:before, button[type='submit'].btn-blue.filled:before { background-color: #fff; }
button[type='button'].btn-blue.filled:hover > span, button[type='submit'].btn-blue.filled:hover > span { color: #FFFFFF; }
button[type='button'].btn-blue.filled:hover, button[type='submit'].btn-blue.filled:hover { background-color:#000; }

button[type='button'].btn-red, button[type='submit'].btn-red { border-color: #f44336; color: #f44336; }
button[type='button'].btn-red:before, button[type='submit'].btn-red:before { background-color: #f44336; }
button[type='button'].btn-red:hover, button[type='submit'].btn-red:hover { background: rgb(244, 67, 54); box-shadow: 2px 2px 3px 0px rgba(244, 67, 54, 0.3); }

button[type='button'].btn-red.filled, button[type='submit'].btn-red.filled { border-color: #f44336; background-color: #f44336; color: #fff; }
button[type='button'].btn-red.filled:before, button[type='submit'].btn-red.filled:before { background-color: #fff; }
button[type='button'].btn-red.filled:hover > span, button[type='submit'].btn-red.filled:hover > span { color: #f44336; }
button[type='button'].btn-red.filled:hover, button[type='submit'].btn-red.filled:hover { box-shadow: 2px 2px 3px 0px rgba(244, 67, 54, 0.3); }

button[type='button']:disabled, button[type='submit']:disabled { cursor: not-allowed; background: #fafafa !important; border-color: #eee !important; }
button[type='button']:disabled:hover, button[type='submit']:disabled:hover { background: #eee !important; box-shadow: 2px 2px 3px 0px rgba(238, 238, 238, 0.3) !important; }
button[type='button']:disabled > span, button[type='submit']:disabled > span { color: rgba(0, 0, 0, 0.2) !important; }
button[type='button']:disabled:before, button[type='submit']:disabled:before { background: #fafafa !important; }
button[type='button'].small {font-size:14px; padding:4px 10px; margin:4px 10px;}

button[type='button'].btn-green, button[type='button'].btn-green.small { background-color:var(--color-green); color:#FFF; border: 10px solid var(--color-green); }

body > main h1 { font-family: 'Open Sans', 'Arial', sans-serif;  color: #000; padding: 14px 28px; text-align: center; width: 100%; font-size: 32px; }
body > main h2 { display: flex; flex-direction: row; align-items: center; margin-top: 32px; margin-bottom: 12px; padding: 6px 18px; width: 100%;text-align:center; align-items: center; justify-content: center; font-size:25px; }
body > main h2 img { height: 42px; width: auto; margin-right: 12px; }
body > main h3 { font-family: 'Open Sans', 'Arial', sans-serif;  color: #000000; padding: 0px 28px 30px 28px; text-align: center; width: 100%; font-size: 25px; }
body > main > section { margin: 0px 0; padding:0px 10px; }
body > main > section > article { margin: 0px 0; }
body > main > section > article > div { text-wrap: wrap; word-break: keep-all; margin: 0px 0; display: block; flex-direction: row; justify-content: flex-start; align-items: center; }
body > main > section > article > div > span:first-child { margin-right: 4px; }

/* Card */
body > main .card { color: #333; padding: 20px; border: 10px solid #000000; border-radius: 2px; display: flex; position:relative; flex-direction: column; justify-content: center; align-items: center; background-color:#FFF; margin-bottom:35px; }
body > main .card:before { content:''; display:block; width:147px; height:134px; background-image:url(/img/exhibitor-logo-icons.png); opacity:1; position:absolute; bottom:-55px; left:-20px; z-index:10; }
body > main .card:after { content:''; display:block; width:147px; height:134px; background-image:url(/img/exhibitor-logo-icons-2.png); opacity:1; position:absolute; top:-60px; right:-60px; z-index:10; }
body > main .card .header { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position:relative; font-size: 0.875rem; text-shadow: #e8561a; margin-bottom: 12px; }

body > main .card .header span:last-child { font-size: 20px; color:var(--color-green); font-weight: bold; }
body > main .card .header span.cancel { font-size: 12px; font-weight: normal; }
body > main .card .header span .fa-times { cursor: pointer; font-size: 12px; color: #e8561a; font-weight: normal; }
body > main .card .content { text-align: center; line-height: 22px; width:80%; }
body > main .card .content .points-details { text-align: center; }
body > main .card .content .points-details span { color: #e8561a; font-weight: bold; }
body > main .card .footer { margin-top: 12px; width: 100%; text-align: right; font-size: 0.75rem; }
body > main .card[data-href] { cursor: pointer; }
body > main .card.israre { /* box-shadow: 3px 3px 8px 1px rgba(232, 86, 26, 0.3); */ }
body > main .card.selected { background-color: rgba(232, 86, 26, 0.3); }

/* Card : Point */
body > main .card.point { cursor: pointer; }
body > main .card.point.ischild { width: 80%; margin-left: auto; }
body > main .card.point .header span:last-child { display: flex; justify-content: center; align-content: center; }
body > main .card.point .header span:last-child .fa-check { margin-left: 6px; color: #6b9b37; font-size: 12px; }
body > main .card.point:not(.isdisabled):hover { box-shadow: 0 0 6px 1px #e8561a; }
body > main .card.point.isdisabled { background-color: rgba(221, 221, 221, 0.4); cursor: not-allowed; }

/* Card : Jury */
.card.jury { cursor: pointer; }
.card.jury:not(.isdisabled):hover { box-shadow: 0 0 6px 1px #e8561a; }
.rankings li .content, .card.jury .content { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 4px;}
.rankings li .content > *, .card.jury .content > * { text-align: center; }
.rankings li .content .fullname, .card.jury .content .fullname { font-weight: bold; }
.rankings li .content .establishment, .card.jury .content .establishment { text-transform: lowercase;  margin-top: 8px; font-size: 16px; }
.rankings li .content .formation, .card.jury .content .formation { font-weight: bold; margin-top: 2px; font-size: 12px; }

/* Card : Visitor */
body > main .card.visitor .header span:first-child { width: 60%; height: 100%; font-size: 20px; font-weight: bold; text-overflow: ellipsis;}
body > main .card.visitor .header span:last-child { width: 40%; font-size: 20px; font-weight: bold; text-align: right; text-overflow: ellipsis; position:relative; }
body > main .card.visitor .header span:last-child span.cardPoints { display:inline-block; height:55px; width:55px; background-color:var(--color-green); padding-top:15px; text-align:center; position:absolute; top:-10px; right:0px; border-radius:30px; color:#FFF; z-index:10; }

/* Card : Lobby */
body > main .card.lobby, body > main .card.toggleLobby { cursor: pointer; }

/* Table */
table { width: 100%; }
table thead tr th { text-align: center; }
table td { padding: 6px; }
table.stats tbody tr td:not(:first-child), table.stats tfoot tr td:not(:first-child){ text-align: center; }
table.stats tbody tr:nth-child(2n) { background-color: rgba(200, 200, 200, 0.3); }

/* Leaderboards */
.title-rankings { display: flex; flex-direction: row; justify-content: space-between; }
.rankings { width: 100%; }
.rankings li:not(.rankBySpinneretFull):nth-child(1)
{
	background: repeating-linear-gradient(
    -55deg,
    #fff,
    #fff 20px,
    rgba(255, 215, 0, 0.6) 20px,
    rgba(255, 215, 0, 0.6) 60px);
}
.rankings li:not(.rankBySpinneretFull):nth-child(2)
{
	background: repeating-linear-gradient(
    -55deg,
    #fff,
    #fff 20px,
    rgba(192, 192, 192, 0.6) 20px,
    rgba(192, 192, 192, 0.6) 60px);
}
.rankings li:not(.rankBySpinneretFull):nth-child(3)
{
	background: repeating-linear-gradient(
    -55deg,
    #fff,
    #fff 20px,
    rgba(205, 127, 50, 0.6) 20px,
    rgba(205, 127, 50, 0.6) 60px);
}
.rankings li { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px; border: 1px solid #007fc5; opacity: 0; }
.rankings li:not(:first-child) { border-top: none; }
.rankings li .rank, .rankings li .points, .rankings li .points div { font-weight: bold; font-size: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.rankings li .points { font-size: 18px; }
.rankings li .points div { margin: 4px; }

/* Modal : Attribution de points */
.modal { display: none; position: fixed; top:0; left: 0; max-width: 300px; z-index: 42; background-color: #fff; border-radius: 3px; }
.modal .close { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; position: absolute; right: -14px; top: -14px; font-size: 22px; font-weight: bold; background-color: #fff; border: 1px solid #ff5722; border-radius: 50%; z-index: 43; box-shadow: 0 0 6px 1px #e8561a; }

/* Apply */
#applyCpy .details { margin-bottom: 0px; border-bottom: 10px solid #000000; align-items: flex-start; }
#applyCpy .details .logo { width: 50px; min-width: 50px; min-height: 50px; margin: 8px auto; }
#applyCpy .details .logo img { width: 100%; height: auto; object-fit: contain; }
#applyCpy h2 { border-left: none; }
#applyCpy .desc { white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; border:10px solid #000; background-color:#FFF; padding:45px; }
#applyCpy .desc img { max-width: 100%; height: auto; }

i.participation { font-size: 1.4em; margin: 3px; margin-bottom: 0; color: #ccc; }
i.participation.checked { color: #007fc5; }


.btn {
	background: #FFFFFF;
	cursor: pointer;
	padding:10px 35px;
	color:#000000;
	font-size:15px;
	border-radius: 30px;
	border: 10px solid #000000;
	display:inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
	outline: none;
	font-family:'whytemedium';
	text-transform:uppercase;
}
.btn:hover, a.btn:hover {background: #000000; color:#FFFFFF; border-color: #000000; transition: all 0.3s ease;}

.btn.btn-black { background: #000000; color:#FFFFFF; border-color: #000000; transition: all 0.3s ease; }
.btn.btn-black:hover, a.btn.btn-black:hover { background:#FFFFFF; color:#000000; }

.btn.big { padding:15px 30px; font-size:32px; border-radius: 10px;}
.btn.xbig { padding:20px 40px; font-size:48px; border-radius: 14px;}
.btn.medium {padding:8px 16px; font-size:20px; border-radius: 7px;}
.btn.small {padding:4px 8px; font-size:16px; border-radius: 4px;}
.btn.btn-circle { border-radius: 50%; }


.buttons { display: flex; flex-wrap: wrap; justify-content: end; margin-top:20px; }

.buttons.align-center {justify-content: center;}
.buttons a {
	border-radius: 5px;
	height: 50px;
	margin: 5px;
	padding: 0 10px;
	transition: all 0.3s;
	line-height: 50px;
}
.buttons a:hover {background: #000;}
.buttons span { vertical-align: middle;}

.modal .struct-blocs .buttons {padding:20px;}

@media screen and (max-width: 650px){
	.wrap-col { flex-direction: column; flex-grow: 1; }
	.wrap-col > .col { width: 100%; }
	body > main > section > article > div { flex-direction: column; }
	#applyCpy .details { align-items: center; }
	#applyCpy h2 { text-align: center; }
	#applyCpy .details .logo { width: 100px; min-width: 100px; min-height: 100px; }
	#applyCpy .details :last-child { margin-bottom: 8px; }
    body > main #notifications { width: 100%; right:0px; }
    body > main #notifications > div { width: calc(100% - 12px); float: none; }
}

@media screen and (max-width: 420px){
	.form-row { flex-direction: column; }
	.form-row label { width: 100%; text-align: left; margin: 3px 0; }
	.form-row input, select, textarea { width: 100%; text-align: left; margin: 3px 0; }
}


#companyTeams:empty::before {
	content:"Aucune équipe pour le moment...";
}
#pending-teams:empty::before {
	content:"Aucune invitation pour le moment...";
}

#companyTeams:empty::before,
#pending-teams:empty::before,
.myVisitors li.empty {
	display:block;
	padding:10px;
	color: #333;
	margin: 16px 0;
	padding: 20px 8px;
	border: 1px solid rgba(221, 221, 221, 0.2);
	border-radius: 2px;
	box-shadow: 3px 3px 8px 1px rgba(100, 100, 100, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bloc-progressbar { background-color:#FFF; padding-bottom:65px; padding-top:25px; border-bottom:10px solid #000; }
.bloc-obtentionlot { background-color:var(--color-green); padding-bottom:45px; padding-top:45px; border-bottom:10px solid #000; text-align:center; color:#FFF; }
.bloc-obtentionlot div { font-size:16px; }
.bloc-obtentionlot div.msgGain { font-size:22px; }
.bloc-obtentionlot h3 { color:#FFF; text-align:center; }
h3, .bloc-progressbar h3 { color:#000; font-size:25px; text-transform:uppercase; padding-bottom:25px; text-align:center; }
footer .bloc-progressbar h3, footer .bloc-countdown h3 {  color:#FFFFFF; padding-bottom:20px; }
footer .bloc-countdown .details {padding: 0px 10px; margin-bottom:35px; }

.progress-chart { position:relative; }
.progress-chart:after {
    content: '';
    overflow: hidden;
    border: 10px solid #000;
    position: absolute;
    height: 100%;
    width: 100%;
    left: -10px;
    top: -10px;
    border-radius: 100px;
    z-index: 300;
}
.progress-chart-digi { text-align:center; position:relative; padding-top:50px; }
.progress-chart-digi * { box-sizing:border-box; }


.progress-chart {
	background:var(--color-pink);
	border-radius:50px;
	display: inline-block;
	height: 100px;
	margin-bottom: 20px;
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width: 88%;
	border:10px solid #000;
  }

  footer .progress-chart { height:30px; }

  .bar {
	height: 100%;
	position: absolute;
	top: 0;
  }
  .bar .label {
	background: #f0f0f0;
	border-radius: 4px;
	color: gray;
	margin-top: 2px;
	padding: 2px 4px;
	position: absolute;
	left:0;
	bottom: 100px;
	min-width:140px;
  }
  @media screen and (max-width: 600px){
	.bar.target .label { left:-30px; }
  }
  .bar.forecast .label { background-color:var(--color-green); color:#FFF; padding:4px 2px; font-size:18px; font-family:'whytemedium'; min-width:120px; text-align:center; }
  .bar.target .label { background-color:var(--color-fushia); color:#FFF; padding:4px 4px; font-size:18px; font-family:'whytemedium'; min-width:120px; top:110px; text-align:center; height:44px; }

  .bar.forecast {
	background: var(--color-green);
	/*
	background-image:url(/img/progressbar-bg.gif);
	background-repeat:repeat-x;
	background-position-y:center;
	*/
	z-index: 1;
	-webkit-animation: /* bar 0.9s ease-in-out, */bgBar infinite linear;
	animation: bar 0.9s ease-in-out, ;
	/*
	border-bottom-left-radius:40px;
	border-top-left-radius:40px;
	*/
	border-radius:40px;
	position:relative;
	min-width:40px;
  }
  .bar.forecast:before { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(/img/progressbar-bg.gif);	background-repeat:repeat-x;	background-position-y:center; animation:bgBar 1.5s linear infinite; -webkit-animation:bgBar 1.5s linear infinite; width:100%; border-bottom-left-radius:40px;
	border-top-left-radius:40px; border-radius:40px; }
  .bar.forecast:after { content:''; background-image:url(/img/hand.png); animation: bounceHand 0.7s ease infinite; width:78px; height:60px; top:10px; right:-88px; position:absolute; z-index:110px; }
  .bar.forecast.bar-high:after { right:28px; animation: bounceHand2 0.7s ease infinite; }
  .bar.actual {
	background: #00cbfc;
	z-index: 2;
	-webkit-animation: bar 0.8s ease-in-out;
	animation: bar 0.8s ease-in-out;
  }
  .bar.target {
	background: #006982;
	top: -10px;
	width: 10px;
	z-index: 3;
	height: calc(100% + 20px);
  }
  .bar.target label {text-align:right; }

  @-webkit-keyframes bar {
	0% {
	  width: 0;
	}
  }
  @keyframes bar {
	0% {
	  width: 0;
	}
  }
  @-webkit-keyframes bgBar {
	0% {
	  background-position-x:-100px;
	  opacity:1;
	}
	50% {
		background-position-x:-55px;
		opacity:0.2;
	}
	100% {
		background-position-x:-10px;
		opacity:1;
	  }
  }
  @keyframes bgBar {
	0% {
		background-position-x:-100px;
		opacity:1;
	  }
	  50% {
		  background-position-x:-55px;
		  opacity:0.2;
	  }
	  100% {
		  background-position-x:-10px;
		  opacity:1;
		}
  }



  /* Compte à rebours
---------------------------------------------------------------------- */
.bloc-countdown {background-position: center; background-repeat: no-repeat; background-size: cover; background-color:var(--color-blue); padding:35px 0px; position:relative; }
.bloc-countdown:before { content:''; display:block; position:absolute; top:0px; left:0px; width:36%; background-image:url(/img/home-header-1-2023.gif); height:100%; z-index:5; background-size:cover; background-repeat:no-repeat; background-position:top right; }
.bloc-countdown:after { content:''; display:block; position:absolute; top:0px; right:0px; width:36%; background-image:url(/img/home-header-2-2023.gif); height:100%; z-index:5; background-size:cover; background-repeat:no-repeat; background-position:bottom left; }

.bloc-countdown > div { position:relative; z-index:300; }

.bloc-countdown .picture,
.bloc-countdown .date,
.bloc-countdown svg { display: none;}
.bloc-countdown .details {padding: 20px 10px;}
.bloc-countdown h2 {font-size: 50px; line-height: unset;}
.bloc-countdown h2,
.bloc-countdown strong {display: block; text-align: center; width: 100%;}
.bloc-countdown h3 { color:#FFF; }
.bloc-countdown strong {font-weight: normal;}
.bloc-countdown .countdown-bloc {display: flex; flex-direction: row; justify-content: center; }
.bloc-countdown .countdown-bloc.expired { color:var(--color-fushia); }
.bloc-countdown .licd {margin: 0 20px; text-align: center; position:relative;}
.bloc-countdown .licd.h:after { content:''; display:none; width:147px; height:134px; background-image:url(/img/exhibitor-logo-icons.png); opacity:1; position:absolute; top:-35px; left:-80px; z-index:10; }
.bloc-countdown .licd.s:after { content:''; display:none; width:147px; height:134px; background-image:url(/img/exhibitor-logo-icons-2.png); opacity:1; position:absolute; bottom:-30px; left:-110px; z-index:10; }
.bloc-countdown .val-bloc {font-size: 90px; text-align: center; background-color:#FFF; padding:20px; line-height:90px; border-radius:30px; border:10px solid #000; width:200px; }
.bloc-countdown .val {font-size: 90px; text-align: center; color:#000000; line-height:100px; }
.bloc-countdown .legend {
	font-size: 24px;
	padding-top: 5px;
	text-align: center;
	color:#FFFFFF;
}

.bloc-countdown.wzcircle.wzbg .details {background-color: rgba(0, 0, 0, 0.5);}
.bloc-countdown.wzcircle .details {padding: 10px 10px 20px 10px;}

.bloc-countdown.wzcircle .licd {
	box-sizing: border-box;
	height: 120px;
	padding: 20px 15px 10px 15px;
	position: relative;
	width: 120px;
}
.bloc-countdown.wzcircle .legend {border-top: 0; padding-top: 0;}
.bloc-countdown.wzcircle svg {
	box-sizing: border-box;
	display: block;
	fill: transparent;
	height: 100%;
	left: 0;
	padding: 3px;
	position: absolute;
	stroke: #030805;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	stroke-width: 3px;
	top: 0;
	transform: rotate(-90deg);
	transition: all 0.5s;
	width: 100%;
}

.details h3 { display:none;}

.details_expired { text-align:center; display:none; background-color:var(--color-blue); }
.details_expired div { text-align:center; }
.details_expired > div.msg-expired { background-color:var(--color-fushia); max-width:450px; width:100%; margin:0px auto 45px auto; color:#FFFFFF; font-family:'whytemedium'; padding:35px; font-size:22px; }
.details_expired h3 { color:#FFF; }

.table-final-result { width:100%; max-width:450px; width:100%; margin:0px auto; background-color:#FFFFFF; border:10px solid #000000; }
.table-final-result-row { display:flex; width:100%; padding:15px; align-items: center; }
.table-final-result-row.total { font-weight:bold; background-color:#000; color:#FFF; }
.table-final-result-row .colA { flex:1; justify-content: center; font-size:20px; }
.table-final-result-row .colB { flex:1; font-size:20px; }
.table-final-result-row.total .colB strong { font-size:35px; color:#338a3e; }

.table-final-result-row span { font-size:11px; letter-spacing:2px; }
.pageTitleHeader { border-bottom:10px solid #000000; background-color:var(--color-blue); position:relative; padding:45px 0px; }
.pageTitleHeader:empty { display:none; }
p.pageTitleHeaderEvent { text-align:center; text-transform:uppercase; }
.pageTitleHeader h1 { color:#FFFFFF; font-size:35px; line-height:36px; text-align:center; margin:0px; padding:0px; z-index:10; position:relative; text-transform:uppercase; }
.pageTitleHeaderExposantDetail h1 { padding:0px 0px 20px 0px; }
.pageTitleHeaderExposantDetail h1:empty {padding-bottom:0;}
.pageTitleHeaderExposantDetail .logo {
	text-align:center;
	padding:0px;
	position: relative;
	z-index:2;

}
.pageTitleHeaderExposantDetail .logo figure {max-width:250px; display:inline-flex; flex-direction: column; justify-content: center; text-align: center; width:250px; height:250px; padding:25px; border-radius:30px; border:10px solid #000; background: #fff; overflow: hidden;}
.pageTitleHeaderExposantDetail .logo img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
/*	border-radius: 100%;*/
}
.pageTitleHeaderExposantDetail .logo figure {max-width:250px; display:inline-flex; flex-direction: column; justify-content: center; text-align: center; width:250px; height:250px; padding:25px; border-radius:30px; border:10px solid #000; background: #fff; overflow: hidden;}
.pageTitleHeaderExposantDetail .logo img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
/*	border-radius: 100%;*/
}




.pageTitleHeader:before { content:'';  display:block; position:absolute; top:0px; left:0px; width:35%; background-image:url(/img/header-small-illustrations-2024.gif?v=2); height:100%; z-index:0; background-size:contain; background-repeat:no-repeat; background-position:center left; }
.pageTitleHeader:after { content:''; display:block; position:absolute; top:0px; right:0px; width:35%; background-image:url(/img/header-small-illustrations-2024.gif?v=2); height:100%; z-index:0; background-size:contain; background-repeat:no-repeat; background-position:center right; }

.pageTitleHeaderExposantDetail:before { content:'';  display:block; position:absolute; top:0px; left:0px; width:40%; background-image:url(/img/header-large-illustrations-2023.gif?v=2); height:100%; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:center right; }
.pageTitleHeaderExposantDetail:after { content:''; display:block; position:absolute; top:0px; right:0px; width:40%; background-image:url(/img/header-large-illustrations-2023.gif?v=2); height:100%; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:center right; transform:scaleX(-1);}

@media screen and (max-width: 1000px){
	.pageTitleHeader:not(.pageTitleHeaderExposantDetail):before, .pageTitleHeader:not(.pageTitleHeaderExposantDetail):after { width:30%;  }
	.pageTitleHeaderExposantDetail:before, .pageTitleHeaderExposantDetail:after { width:35%; }
}

@media screen and (max-width: 600px){
	.pageTitleHeader:not(.pageTitleHeaderExposantDetail):before, .pageTitleHeader:not(.pageTitleHeaderExposantDetail):after { display:none; }
	.pageTitleHeaderExposantDetail:before, .pageTitleHeaderExposantDetail:after { width:30%; }
}

.pageTitleHeader .fa { color:#FFF; }

.introText { font-size:18px; text-align:center; font-family:'whytemedium'; padding:45px 0px; border-bottom:10px solid #000000; }
.introTextExhibitor {  background-image:url(/img/quiz-exhibitor-illustrations.png); background-position:center center; background-repeat:no-repeat; }
.introText ul { text-align:center; padding:45px 0px; margin:0px; display:flex;  max-width:750px; margin:0px auto; }
.introText ul li { text-align:center; flex:1; color:var(--color-fushia); padding:0px 20px; }

.listBlocks { background-color:var(--color-blue); padding:45px 20px; }
.listBlocks h3 { padding-bottom:45px; color:#FFF;}
body > main .card .content > span { font-size:22px; background-color:var(--color-fushia); font-family:'whytemedium'; color:#FFF; border-radius:26px; border:10px solid var(--color-fushia); padding:20px 25px; text-align:center; display:block; width:80%; margin:0px auto 10px auto; position:relative; }
body > main .card .content:not(.nodesc) > span:after { content:''; position:absolute; bottom:-28px; left:50%; margin-left:-17px; display : inline-block;
	height : 0;
	width : 0;
	border-top : 20px solid var(--color-fushia);
	border-right : 18px solid transparent;
	border-left : 17px solid transparent; }

.articles-codes { padding-top:35px; /* background-image:url(/img/quiz-code-illustrations.png); */ background-position:bottom center; background-repeat:no-repeat; }
.article-codes { text-align:center; padding-top:45px; padding-bottom:5px; }
.article-codes .title { letter-spacing:10px; font-size:15px; text-align:center; width:100%; display:block; padding-bottom:20px; font-weight:700; }
.article-codes h1 { font-size:50px; font-weight:bold; padding-top:55px; display:inline-block; background-color:#fff; width:auto; padding:30px; color:#000 }
#article_reussite h1 { background-color:var(--color-green); }
.article-codes .butCt { display:block; margin-top:85px; margin-bottom:45px; text-align:center; }

.form-presentation { padding-top:55px; padding-bottom:55px; }

/* footer */
body footer {
	font-size: 12px;
	text-align: center;
	width: 100%;
	overflow: hidden;
	position:relative;
	background: #161516;
	padding: 20px 0px;
}
body > footer {background:var(--color-fushia); color:#fff; border-top:10px solid #000; border-bottom:10px solid #000; align-items:center; }
body > footer a {color: #fff; text-decoration: none; transition: 0.1s; font-size:15px; font-family:'whyteregular'; font-weight:normal; }
body > footer a:hover {color: #fff; text-decoration: underline; transition: 0.1s;}
footer .menuFooter{ width: 100%; max-width:1150px; margin: 0 auto; padding: 0 10px; display:flex; flex-wrap :wrap; }
footer .menuFooter::before,
footer .menuFooter::after {content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; clear: both;}
footer .sousMenuFooter{display: inline; margin-left: 12px; margin-right: 12px; width: auto;}
footer .sousMenuFooter:first-child { margin-left:0px; }
footer .sousMenuFooter:last-child { margin-right:0px; }
footer .sousMenuFooter h1{margin-top: 0; color: #fff; font-size:14px; padding:0; text-align: left; margin:0px;}
footer .sousMenuFooter .footerlist > li{display: block; margin-bottom: 4px; padding-top: 4px; border-top: 1px dotted #214767; font-size: 13px; line-height: 16px;}
footer .sousMenuFooter .footerlist > li a {color: #8c9da7;}
footer .internalPage { display:flex; align-items:center; }
footer .wrapAlone { flex:2; }
ul.wrapAlone{padding-left: 45px;}
.footerLogo { flex:2; text-align:center; font-size:14px; color:#FFF; display: flex; align-items: center; justify-content: end;  }
.footerLogo.footerLogo1 { flex:1; }
.footerLogo img {  }
.footerLogo.footerLogo2 img { margin-left:10px; }

.bloc-buttons { background-color:#FFF; padding-bottom:45px; padding-top:55px; border-top:10px solid #000; text-align:center; }
.bloc-buttons .btn { margin-bottom:10px; }



/* Modal
---------------------------------------------------------------------- */

.simple-modal {
	width: 66%;
	max-width: 960px;
	min-width: 300px;
	height: auto;

	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);

	visibility: hidden;
	z-index: 1000;
	border-radius: 10px;
	color: #333;

	background: #fff;
	border:10px solid #000;
}
.simple-modal.on {visibility: visible; top: 6vh;}
.simple-modal .simpleModal-content {
	color:#333;
	margin: 0 auto;
	opacity: 0;
	position: relative;
	transform: translateY(-50%);
	transition: all 0.3s;
	padding: 10px;
}
.simple-modal.on .simpleModal-content { border-radius: 0 0 3px 3px; opacity: 1; transform: translateY(0%);}
.simple-modal .close { color: #333; }
.simple-modal .ct-blocs article { padding: 16px; }

.simpleModal-overlay {
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 300;
}
.simple-modal.on ~ .simpleModal-overlay {background-color: rgba(39, 27, 27, 0.8); opacity: 1; visibility: visible;}
.simple-modal h3 {font-size: 2.4em;	font-weight: normal; padding: 0.4em; text-align: center; color:#333; text-transform:none; }

.simple-modal .wrap-form {padding: 10px;}
.simple-modal .wrap-form label {color:#333;}
.simple-modal .wrap-form .btn {
	border-radius: 30px;
	cursor: pointer;
	display: block;
	margin: 10px auto;
	padding: 8px 20px;
	font-size:16px;
	transition: 0.4s;
	outline: none;
}
.simple-modal .wrap-form .btn:hover {color: #FFF; background: #000; transition: 0.4s;}

.simple-modal .products,
.simple-modal .nav {display: flex; justify-content: center;	text-align: center;}
.simple-modal h4 {margin: 15px 0;}
.simple-modal h4,
.simple-modal .price {font-size: 18px;}
.simple-modal img {max-height: 250px; object-fit: contain; width: 100%;}
.simple-modal .nav div {flex: 1;}

.statsPage { padding-top:45px; }
.boardExhibitor { padding:45px 0px; }
.boardExhibitor-boards { display:flex; flex-wrap: wrap; }
.boardExhibitor-boards > div {  flex:1; margin:10px; }
.boardExhibitor-board { background-color:var(--color-fushia); padding:25px 35px; border:10px solid #000; position:relative; }
.boardExhibitor-board.yellow { background-color:var(--color-yellow); }
.boardExhibitor-board.green { background-color:var(--color-green); }
.boardExhibitor-board h4 { color:#000; font-size:18px; text-transform:uppercase; text-align:center; padding-bottom:25px; }
.boardExhibitor-board .desc { text-align:center; color:#FFF; padding-bottom:35px; }
.boardExhibitor-board.yellow .desc { color:#000; }

.boardExhibitor-board.yellow:before { content:''; display:block; width:147px; height:134px; background-image:url(/img/exhibitor-logo-icons.png); opacity:1; position:absolute; bottom:-85px; left:-55px; z-index:10; }
.boardExhibitor-board.yellow:after { content:''; display:block; width:147px; height:134px; background-image:url(/img/exhibitor-logo-icons-2.png); opacity:1; position:absolute; top:-70px; right:-30px; z-index:10; }

.saisieCode label { width:100%; margin-bottom:10px; padding-top:55px; text-align:center; font-size:20px; }
.saisieCodeForm { margin-top:35px; padding-top:40px; box-sizing:border-box; min-height:290px; background-image:url(/img/quiz-code-illustrations.png); background-position:top center; background-repeat:no-repeat; }

.webapp-who { color:#000; padding-top:45px; text-align:center; }
.webapp-who article { text-align:center; }
.webapp-who table { text-align:center; max-width:350px;margin:0px auto;  }
.webapp-who table tr td:first-child { text-align:right; width:33%; }
.webapp-who table tr td:last-child { text-align:left; }

#menu-overlay { width:0; height:0; position:fixed; top:0; left:0; }

@keyframes bounceHand {
	from {right: -88px;}
	50%  {right: -108px;}
	to   {right: -88px;}
}
@keyframes bounceHand2 {
	from {right: 28px;}
	50%  {right: 48px;}
	to   {right: 28px;}
}

@media screen and (max-width: 1100px){
	.internalPage {
		padding-left:10px;
		padding-right:10px;
	}
	.listBlocks { padding-left:10px; padding-right:10px; }
	body > header .menu ul {width:100%; padding: 10px 0px 45px 0px;}
	.bloc-countdown .val-bloc {
		font-size: 60px;
		padding: 10px;
		line-height:90px;
		width:120px;
	}
	.bloc-countdown .licd { margin:0px 4px; }
	.bloc-countdown .val {
		font-size: 50px;

	}
	footer .menuFooter{flex-direction: column;width:100%; margin:auto;padding:0; border: none; padding:0px 0px 35px 0px;}
	footer .menuFooter .sousMenuFooter {width:95%; margin: auto;}
	footer .menuFooter > div.sousMenuFooter > ul {height: 1px; border-bottom: 1px solid #3c3c3c; overflow: hidden;}
	footer .menuFooter .footerTitle::after {font-family: FontAwesome; content: '\f0d7'; float: right;}
	footer .menuFooter .footerTitle {width: 92%; text-align: left; margin: 0px 0 0px 4%;}
	footer .menuFooter .footerTitle.on:after{font-family: FontAwesome; content:'\f0d8';float:right;}
	footer .menuFooter .footerlist.on{height:auto;margin-top:-20px;padding-bottom:15px;}
	footer .menuFooter .footerlist{height:1px;border-bottom:1px solid #3c3c3c;overflow: hidden;}
	footer .sousMenuFooter .footerlist > li {width: 92%; text-align: left; margin: 0px 0 0px 4%; padding: 10px;}
	footer .menuFooter .footerTitle:hover {cursor: pointer;}

	footer .menuFooter .footerTitle::after { display:none; }
	footer h1 { line-height: 26px; }

	footer .internalPage { display:block; }
	footer .wrapAlone { display:block; padding-top:35px; text-align:center; }
	footer .menuFooter .footerTitle { text-align:center; }

	body > main .card .content { width:90%; }
	body > main .card .content > span { width:100%; }
	body > main .card::before { transform:scale(0.8); }

	.introText ul li { padding:0px 0px; }

	body > header .menu ul { background-color: #2B9ddd; width:100%; }
	body > header .menu ul li.menu-public { display:inline-block; }
	body > header .menu ul ul { background-color:#000; }
	body > header .menu { z-index: 42; display: none; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; background-color: #2B9ddd; }
	body > header .menu ul li:hover { background-color:#111; }
	body > header .menu ul li:not(:first-child) > span { color: #FFF; font-size:25px; }
	body > header .menu ul li > span { font-size:25px; font-weight:normal !important;  font-family:'whytemedium'; color:#FFF; }
	body > header .menu ul li.closeMenu { display:inline-block; }
	body > header .menu ul li.menu-webapp { background-color:#3badec; }

	body > main .card:after { right:-30px; top:-40px; }
	button[type='button'].rounded-red { margin:4px 5px; }

	#menu-overlay { width:100vw; height:100vh; }
	.progress-chart { width:96%; }

	.footerLogo.footerLogo1, .footerLogo.footerLogo2 { justify-content:center; }
	.footerLogo.footerLogo2 { padding-top:25px; }

}
@media screen and (max-width: 600px){
.bloc-countdown .val-bloc { width:90px; }
.bloc-countdown .val { line-height:80px; }
.bloc-countdown .val { font-size:40px;}
.bloc-countdown .val-bloc { border-width:8px;}
.bloc-countdown .licd { margin:0px 1px;}

}