body {
    margin: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    /* background-color: rgb(240, 240, 255); */
    background-image: url(../images/fd_pcb_13.jpg);
    background-size: 1000px;
}

cache,
cache2 {
    display: none;
    position: absolute;
    width: 100%;
    height: 500%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    text-align: center;
}

.imageEnGrand {
    position: relative;
    width: 1000px;
    height: 800px;
    margin: 0 auto;
    top: 50px;
    /* border:3px SOLID #000; */
    /* border-radius: 50px; */
}

.imageEnGrand img {
    width: 1000px;
    /* height:800px; */
    /* margin:200px auto; */
    border: 3px SOLID #000;
    border-radius: 50px;
}

conteneur {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* background-color: #ddd; */
    box-shadow: 0px 0px 5px #333;
    background-color: rgb(240, 240, 240);
    position:relative;
}

header {
    background-color: #ccc;
    display: flex;
    flex-direction: column;
}

barreSup {
    background-color: #20114a;
    display: flex;
    align-items: center;
    /* gap: 10px; */
    padding: 4px 10px 4px 10px;
    color: #ddd;
    border-bottom: 1px solid #000;
    position:relative;
}
#cntLogo {
    position:absolute;
    width:100%;
    height:70px;
    top:10px;
    z-index:100;
}
#logoCC {
    position:absolute;
    left:246px; 
    top:5px;
    margin:0 auto;  
    width:700px;/*632px;*/
    height:65px;/*60px;*/
    border-radius:40px;
    border:4px SOLID  #20114a;
    background: url(../images/logo_cybertech_long_1240.png) center center / 600px 50px no-repeat scroll border-box padding-box #ddf;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .7);
    z-index:50;
    /* background: url(../images/logo_cybertech_1264_2.png) center center / 600px 60px no-repeat scroll border-box padding-box #20114a; */
}
#barreLogo {
    position:absolute;
    z-index:10;
    width:1000px;
    height:4px;
    top:38px;
    left:100px;
    background:#20114a;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .7);
}
#afficheLive {
    margin:90px 0 0 0;
}

icoLive {
    display:none;
    position:absolute;
    top:83px;
    right:20px;
    z-index:1000;
    width:150px;
    font-size:2.5em;
    font-weight:bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding: 0px 0px 0px 30px;
    color:red;
    border:5px SOLID red;
    border-radius:27px;
    background: url(../images/Red_Blinking_Dot.gif) 15px center / 35px 35px no-repeat scroll border-box padding-box transparent;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .4);
    /* transform: rotate(-14deg); */
}
.txtHome {
    font-size: 1.4em;
    font-weight: 600;
    /* background-color: #bbb; */
    flex-grow: 1;
    text-align: left;
    cursor: pointer;
}

.txt2 {
    font-size: 1.2em;
    font-weight: 500;
    /* margin-left: 20%; */
    /* background-color: #aaa; */
    flex-grow: 1;
}

#infosCnx {
    text-align: right;
    display: flex;
    gap: 2px;
}

#icoCnx {
    background-image: url(../images/login_48dp_E3E3E3_FILL0_wght400_GRAD0_opsz48.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 1px;
    width: 20px;
}

#icoDeCnx {
    background-image: url(../images/person_48dp_E3E3E3_FILL0_wght400_GRAD0_opsz48.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 1px;
    width: 20px;
}

#userCnx {
    color: #ff4;
}

.nomUser {
    padding: 0 20px 0 10px;
}

@media screen and (min-width: 1200px) {
    .sep {
        padding: 0 10px 0 10px;
    }
}
@media screen and (max-width: 1200px) {
    .sep {
        padding: 0; /* 15px 0 15px;*/
    }
}


#lienCnx {
    /* background-color: #999; */
    /* flex-grow: 1; */
    /* width: 105px; */
    cursor: pointer;
}

#lienCnx:hover {
    text-decoration: underline;
    text-shadow: 0px 0px 8px #fff;
    /* font-weight: 500; */
}

.mdpOublie {
    text-align: right;
    font-size:0.9em;
}

.g-recaptcha {
    padding-left:108px;
}

banniere {
    /* background-color: #8cc; */
    background-image: url(../images/fond_combat_robots.png);
    height: 239px;
}

myMenu {
    background-color: #20114a;
    color: #ccc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 3px 0 6px 0;
    border-top: 1px solid #7b67e9;
    font-weight: normal;
    font-size: 1.1em;
    color: rgb(255, 255, 200);
    margin:0 0 0 0;
}
.myMenuSel {
    padding: 3px 0 0px 0;
}

myMenu a,
footer a {
    cursor: pointer;
    /* background-color: #333; */
    text-decoration: none;
}

myMenu a:hover,
footer a:hover {
    text-decoration: underline;
    text-shadow: 0px 0px 8px #fff;
    color: #fff;
}

myMenu a:link,
myMenu a:visited,
myMenu a:active,
footer a:link,
footer a:visited,
footer a:active {
    color: rgb(255, 255, 200);
}
.menuSel {
    border-bottom:6px SOLID rgb(254, 255, 180);
    /* padding: 3px 0 0 0; */
}

.medaille {
    position:absolute;
    height:42px;
    width:34px;
    top:-11px;
    left:-55px;
    background: url(../images/medaille2_100.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}

.medaille2 {
    position:absolute;
    height:60px;
    width:45px;
    top:-23px;
    left:147px;
    background: url(../images/medaille2_100.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
contenu {
    background-color: #edf;
    padding: 20px 20px 20px 20px;
    position:relative;
}

.titreAccueil {
    margin: 0 0 20px 0;
    font-size: 1.5em;
    font-weight: bold;
    color: #448;
}

#map {
    width: 800px;
    height:400px;
    border: 2px solid black;
    margin: 20px auto;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    border-radius: 20px;
}

.img_palais {
    width: 800px;
    border: 2px SOLID black;
    border-radius: 10px;
    margin: 20px;
}

#partenaires {
    width: 870px;
    height: 630px;
    margin: 20px auto;
    border: 1px solid #ccc;
    font-family: Helvetica, sans-serif;
    font-size: 2.5em;
    font-weight: 0;
    text-align: left;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    border-radius: 20px;
    background-color: #fff;
}

#contPartenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#contPartenaires img {
    width: 200px;
}

footer {
    background-color: #000;
    color: #ddd;
    padding: 5px 0;
}

.mail {
    background-image: url(../images/fond_combat_robots.png);
}

/*--------------------------------------- Formulaires ---------------------------------- */

.wrap {
    max-width: 1200px;
    margin: 24px auto;
    padding: 0 16px
}

.card {
    background: #fff;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    position:relative;
    text-align:left;
}
.card label {
    color:#678;
    /* font-style:italic; */
    font-size:0.85em;
}

input,
select {
    width: 100%;
    padding: 10px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: 6px
}

button {
    background: #111827;
    color: #fff;
    border: none;
    padding: 10px 30px;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    font-size: 0.9em
}

button.secondary {
    background: #e5e7eb;
    color: #111827
}

.btnDisabled {
    background: #6e7178;    
}

.danger {
    background: #b91c1c
}

.flash-success {
    background: #ecfdf5;
    color: #065f46;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 16px
}

.flash-error {
    background: #fef2f2;
    color: #991b1b;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 16px
}

.muted {
    color: #6b7280;
    font-size: 14px
}

.txtG {
    text-align: left;
    font-size: 1.3em;
}

.txtC {
    text-align: center;
}

.bandeau {}

#erreur {
    text-align: center;
    padding:2px 0 5px 0;
    background: #f77;
    margin:0 0 20px 0;
    font-size:0.8em;
    font-style: italic;
    border-radius: 7px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.titreCard {
    font-size: 2.5em;
    text-align: left;
}

.enteteCard {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
}

.formCreation {
    width: 700px;
    margin: 200px auto 0 auto;
    /* top:300px; */
}

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

.margeDessous {
    margin-bottom:20px;
}

.formCreation label {
    margin-bottom:20px;
}

.closeForm {
    position:absolute;
    top:20px;
    right:20px;
    width:25px;
    height:25px;
    background-image:url('../images/close_100x100.png');
    background-size:100%;
    cursor:pointer;
    z-index:3000;
}
.closeForm2 {
    position:absolute;
    top:100px;
    right:100px;
    width:35px;
    height:35px;
    background-image:url('../images/close_110x110.png');
    background-size:100%;
    cursor:pointer;
    z-index:3000;
}
.closeForm3 {
    position:absolute;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    background-image:url('../images/close_110x110.png');
    background-size:100%;
    cursor:pointer;
    z-index:3000;
}


.formAjoutModifJury {
    width:500px;
}

.formJugement {
    width:700px;
}

.typeJury {
    margin:20px 0;
    text-align:center;
    font-size:2.0em;
    color:#c35207;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    font-weight:bold;
}

.etabRobot {
    display:flex;
    justify-content: center;
    font-size: 1.3em;
    font-style:italic;
    color:#593bab;
    font-weight:bold;
}
.etabRobot div{
    padding:0 10px;
}
.defiRobot {
    text-align:center;
    font-weight:bold;
    font-size:1.5em;
    color:#054332;
}
.nomRobot {
    text-align:center;
    font-weight:bold;
    font-size:1.5em;
    color:#054332;
}
.contNote {
    display:flex;
    justify-content: center;
    align-items: center;
}
.titreNote {
    margin:30px 100px 10px 100px;
    border-bottom:1px SOLID #678;
    padding:0 0 0 10px;
    color:#456;
    font-weight: bold;
}
.typeNote {
    background:#8e81b4;
    color:#ddd;
    margin:0 40px;
    font-weight:bold;
    font-style:italic;
    text-align:center;  
    padding:0 0 3px 0;
    border-radius:10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
/*-------- sliders -----------------*/
.valSlider {
    width:40px;
    height:32px;
    border-radius: 10px;
    border:2px SOLID #000;
    padding:10px;
    font-size:1.3em;
    text-align:center;
    margin:0 0 0 20px;
}
.sliderNote {
    width: 300px;
    /* margin:10px auto; */
}
.echelleSlider {
    display:flex;
    justify-content: space-between;
    width:276px;
    margin:0 157px;
    font-size:0.8em;
    color:#9ab;
    /* background-color: #678; */
}
/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  padding:5px;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 55px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 55px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
  cursor: pointer; /* Cursor on hover */
}

.titreSliders {
    /* display:flex; */
    position:relative;
    justify-content: space-between;
    margin:10px 30px 10px 30px;
    border-bottom:1px SOLID #678;
    padding:0 0 0 10px;
    color:#456;
    font-weight: bold;
}
.noteTitre {
    position:absolute;
    border:1px SOLID black;
    padding:2px 15px 2px 15px;
    top:0px;
    right:0px;
    background:#def;
    font-size:1.3em;
}
.contSliders {
    display:flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
    margin:0 0 50px 0;
}
.contSlider2 {

}
.titreNote2 {
    margin:0px 0px 0px 0px;
    border-bottom:1px SOLID #89a;
    padding:0 0 0 10px;
    font-weight: bold;
    font-size:0.9em;
    color:#89a;
}
.valSlider2 {
    width:40px;
    height:34px;
    border-radius: 10px;
    border:2px SOLID #000;
    padding:6px;
    font-size:1.2em;
    text-align:center;
    margin:20px 0 0 10px;
}
.slider2Note {
    /* width: 300px; */
    /* margin:10px auto; */
}
.echelleSlider2 {
    display:flex;
    justify-content: space-between;
    /* width:276px;
    margin:0 157px; */
    margin:0 0 10px 14px;
    font-size:0.8em;
    color:#9ab;
    /* background-color: #678; */
}
/* The slider itself */
.slider2 {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 12px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  padding:5px;
}

/* Mouse-over effects */
.slider2:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider2::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 20px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
  cursor: pointer; /* Cursor on hover */
}

.slider2::-moz-range-thumb {
  width: 20px; /* Set a specific slider handle width */
  height: 2cqmax; /* Slider handle height */
  background: #04AA6D; /* Green background */
  box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
  cursor: pointer; /* Cursor on hover */
}

.valChrono {
    width:100px;
    height:32px;
    border-radius: 10px;
    border:2px SOLID #000;
    padding:20px;
    font-size:1.3em;
    text-align:center;
    margin:0 0 0 20px;
}

.chrono {
    width:48px;
    height:48px;
    /* background: url(../images/timer_48dp_000000_FILL0_wght400_GRAD0_opsz48.png) center center / 40px 40px no-repeat scroll border-box padding-box transparent; */
    background: url(../images/chronometre_64px.png) center center / 40px 40px no-repeat scroll border-box padding-box transparent;
}

.radioConforme {
    width:30px;
    height:30px;
    margin:10px 0 10px 0px;
}
.txtValid {
    color:#abc;
    font-weight:bold;
    font-size:0.85em;
    font-style: italic;
}
.noteDejaMise {
    background:rgb(218, 212, 30);
    color:rgb(120, 69, 69);
    font-size:0.7em;
    font-weight:bold;
    margin:0 0 5px 20px;
    padding:0 10px;
}
.contCoupDeCoeur {
    display:flex;
    border:3px SOLID #789;
    padding:5px;
    border-radius:30px;
    margin:20px auto 50px; auto;
    width:250px;
    align-items: center;
    justify-content: center;
    background:#efdfff;
    gap:20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.bgCDC_dis {
    background:#eee;
}
.coupDeCoeur {
    width:120px;
    height:80px;
    background: url(../images/coup_de_coeur.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.coupDeCoeurDis {
    background: url(../images/coup_de_coeur_dis.png) center center / 90% 90% no-repeat scroll border-box padding-box transparent;
}

.resultVad {
    display:flex;
    justify-content: center;
    align-items: center;
    margin:10px auto;
    padding:0px;
    width:650px;
}
.multiChoixVad {
    width:300px;
    border-right:1px SOLID #888;
}
.choixVad {
    display:flex;
    justify-content:baseline;
    gap:5px;
    align-items: center;
    margin:5px;
}
.choixVad input[type="radio"] {
    width:25px;
    height:25px;
}
.resultVad label {
    font-size:1.1em;
    color:#000;
    margin:5px 0 0 5px;
}
.lblChk label{
    font-size:1.1em;
    color:#000;
    margin:5px 0 0 5px;
}
.chkInvalide {
    width:20px;
    height:20px;
}
.bgInvalide {
    background:#ddd;
}

.cntnbObjPont {
    width:620px;
    display:flex;
    justify-content: center;
    margin:0 auto;
    align-items: baseline;
    gap:50px;
}
.chkPont {
    width:24px;
    height:24px;
    margin:0;
}
.titreNote3 {
    margin:30px 50px 10px 50px;
    border-bottom:1px SOLID #678;
    padding:0 0 0 10px;
    color:#456;
    font-weight: bold;
}

.ssTitreNote {
    margin:15px auto 10px auto;
    border-bottom:1px SOLID #678;
    padding:0 0 0 10px;
    color:#678;
    font-weight: bold;
}
.toucheBia {
    display:flex;
    justify-content: center;
    align-items: center;
    margin:10px auto;
    gap:10px;
    font-weight: bold;
    padding:0px;
    /* width:500px; */
}
.toucheBia button:first-child {
    display:flex;
    justify-content:center;
    align-items: center;
    width:60px;
    height:40px;
    border-radius:10px;
    background:rgb(154, 240, 190);
    border:2px SOLID #444;
    color:#666;
    font-size:1.8em;
    padding:0px;
    font-weight: bold;
    margin:6px 0 0 20px;
}
.toucheBia button:first-child:hover {
    background:rgb(133, 208, 163);
}
.toucheBia button:last-child {
    display:flex;
    justify-content:center;
    align-items: center;
    width:30px;
    height:40px;
    border-radius:10px;
    background:rgb(241, 150, 150);
    border:2px SOLID #444;
    color:#666;
    font-size:1.8em;
    padding:0 0 5px 0;
    font-weight: bold;
    margin:6px 0 0 0px;
}
.toucheBia button:last-child:hover {
    background:rgb(192, 118, 118);
}
.valTouche {
    width:60px;
    height:32px;
    border-radius: 10px;
    border:2px SOLID #000;
    padding:20px 0 20px 0;
    font-size:1.3em;
    text-align:center;
    /* margin:0 0 0 20px; */
}
.passPont {
    display:flex;
    justify-content: center;
    align-items: center;
    gap:12px;
    margin:30px 0 0 0;
}
.chronoBia {
    width:235px;
    margin:10px auto;
}
.resultBia {
    display:flex;
    justify-content: center;
    align-items: center;
    margin:10px 0 10px 35px;
    padding:0px;
    /* width:650px; */
}
.cibleBia {
    width:95px;
    height:158px;
    background: url(../images/cible_biathlon.png) 0px center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.multiChoixBia {
    width:200px;
    /* border-left:1px SOLID #888; */
}
.choixBia {
    display:flex;
    justify-content:baseline;
    gap:5px;
    align-items: center;
    margin:5px;
}
.choixBia input[type="radio"] {
    width:25px;
    height:25px;
}
.resultBia label,
.chronoBia label {
    font-size:1.1em;
    color:#000;
    margin:5px 0 0 5px;
}
.valChronoCalc {
    width:100px;
    height:32px;
    border-radius: 10px;
    border:2px SOLID #000;
    padding:20px;
    font-size:1.3em;
    text-align:center;
    background:rgb(174, 174, 237);
    color:#666;
}
.valChrono:disabled,
.valTouche:disabled {
    background:#ddd;
}
.multiChoixBia input:disabled+label{
    color:#888;
    font-weight:normal;
}
/*----------------- Les établissements ----------------*/

#listeEtabs {
    width: 870px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px SOLID #abc;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    position: relative;
}

.icoPlus {
    position: absolute;
    width: 54px;
    height: 54px; 
    top: 11px;
    right: 44px;    
    cursor: pointer;
    background: url(../images/icons8-add-100.png) center center / 48px 48px no-repeat scroll border-box padding-box transparent;
}

.icoPlusDis {
    position: absolute;
    width: 54px;
    height: 54px; 
    top: 11px;
    right: 44px;    
    cursor: pointer;
    background: url(../images/icons8-add-100-dis.png) center center / 48px 48px no-repeat scroll border-box padding-box transparent;
}

/* #addEtab {
        background: url(../images/icons8-add-100.png) 3px 3px / 48px 48px no-repeat scroll border-box padding-box transparent;
 } */

#addEtab:hover {
        /* background: url(../images/icons8-add-100.png) 0 0 / 54px 54px no-repeat scroll border-box padding-box transparent; */
        background-size: 54px 54px;
 }

/* #icoPlus img {
    width: 48px;
    height: 48px;
} */

.enteteDpt {
    background: #c55;
    color: rgb(255, 255, 200);
    margin: 30px 0px 10px 0px;
    padding: 5px 20px;
    text-align: left;
    border-radius: 10px;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    font-size: 1.1em;
}

.etab {
    display: flex;
    position: relative;
    margin: 5px 30px 10px 30px;
    /* border: 1px SOLID #ccc; */
    padding: 4px 13px;
    font-size: 1.2em;
    /* background: #d8f8f8; */
    color: #444;
    border-radius: 7px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    /* background-image: url(../images/hdr_strong_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 20px 5px; */
}

.etabEdit {
    /* display: flex; */
    position: relative;
    margin: 5px 10px 10px 10px;
    /* border: 1px SOLID #ccc; */
    padding: 4px 13px 4px 0;
    font-size: 1.2em;
    /* background: #d8f8f8; */
    color: #444;
    border-radius: 7px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

.contEtab {
    /* position:relative; */
    display:flex;
}

.bgEtab:nth-child(odd) {
    /* background: #d8f8f8; */
    background: url(../images/hdr_strong_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 20px 5px / 20px 20px no-repeat scroll border-box padding-box #d8f8f8;
}

.bgEtab:nth-child(even) {
    /* background: #b6d3d3; */
    background: url(../images/hdr_strong_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 20px 5px / 20px 20px no-repeat scroll border-box padding-box #c2d8e4;
}

.bgEtabEdit:nth-child(odd) {
    /* background: #d8f8f8; */
    background: url(../images/hdr_strong_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 10px 5px / 20px 20px no-repeat scroll border-box padding-box #d8f8f8;
}

.bgEtabEdit:nth-child(even) {
    /* background: #b6d3d3; */
    background: url(../images/hdr_strong_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 10px 5px / 20px 20px no-repeat scroll border-box padding-box #c2d8e4;
}

/* .bgEtabImg {
    background-image: url(../images/hdr_strong_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px 5px;
} */


/* .typeEtab {
    text-align: right;
    width: 100px;
} */

.nomEtab {
    text-align: left;
    margin: 0 0 0 35px;
}

.ville {
    text-align: left;
}

.nbRobots {
    text-align: right;
    /* text-decoration:underline; */
}

.nbRobots a:hover {
    color:rgb(152, 152, 255);
}

.nbRobots a:link,
.nbRobots a:visited,
.nbRobots a:active {
    color:rgb(102, 102, 227);
}
.plage {
    margin: 0 0 0 10px;
    font-size: 0.9em;
    border-right: 2px SOLID #88f;
}

.editEtab {
    position: absolute;
    width:18px;
    height:18px;
    right:38px;
    top:6px;
    background-image:url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 18px;
}

.editEtab:hover {
    position: absolute;
    width:24px;
    height:24px;
    right:35px;
    top:3px;
    background-image:url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 24px;
}

.supEtab {
    position: absolute;
    width:18px;
    height:18px;
    right:11px;
    top:6px;
    background-image:url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 18px;
    cursor:pointer;
}

.supEtab:hover {
    position: absolute;
    width:24px;
    height:24px;
    right:8px;
    top:3px;
    background-image:url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 24px;
    cursor:pointer;
}

.supEtabInactif {
    position: absolute;
    width:18px;
    height:18px;
    right:11px;
    top:6px;
    background-image:url(../images/delete_forever_48dp_999999_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 18px;
    cursor:pointer;
}

/*----------------- Professeurs -----------------*/
.addProf {
    position: absolute;
    width:18px;
    height:18px;
    right:65px;
    top:6px;
    background-image:url(../images/person_add_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 18px;
    cursor:pointer;
}

.addProf:hover {
    position: absolute;
    width:24px;
    height:24px;
    right:62px;
    top:3px;
    background-image:url(../images/person_add_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 24px;
    cursor:pointer;
}

#nomEtabProf {
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#666;
    font-style:italic;
}

.sup_tProfs{
    border-top:1px SOLID black;
    margin:0 0 2px 10px;
}

.tProfs {
    margin:0 auto;
    padding:0px;
    width:500px;
    background:rgba(127, 127, 255, .2)
}

.titre_tProfs {
    font-size:0.6em;
    padding:2px;
    /* font-style:italic; */
    /* font-weight:bold; */
    color:#ddd;
    background: #b09292;
    /* background: #6a5858; */
    cursor:pointer;
}

.prof {
    position:relative;
    font-size:0.85em;
    display:flex;
    border-bottom:1px SOLID rgba(0, 0, 0, .3);
    text-align:left;
}

.nomProf {
    width:180px;
}

.mailProf {
    width:270px;
}

.editProf {
    position: absolute;
    width:16px;
    height:16px;
    right:32px;
    top:1px;
    background-image:url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 16px;
    cursor:pointer;
}

.editProf:hover {
    position: absolute;
    width:20px;
    height:20px;
    right:30px;
    top:0px;
    background-image:url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 20px;
    cursor:pointer;
}

.supProf {
    position: absolute;
    width:16px;
    height:16px;
    right:8px;
    top:1px;
    background-image:url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 16px;
    cursor:pointer;
}

.supProf:hover {
    position: absolute;
    width:20px;
    height:20px;
    right:6px;
    top:0px;
    background-image:url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 20px;
    cursor:pointer;
}


.btnMdp {
    cursor:pointer;
    width:100px;
    color:white;
    border-radius:10px;
    border:1px SOLID black;
    height:30px;
    text-align: center;
    padding:5px 0 0 0;
    margin:6px 0 0 2px;
}

.btn {
    background:#888;
}
.btn:hover {
    background:#aaa;
}

#listeProfs {
    width: 870px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px SOLID #abc;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    position: relative;
}

/*------------ tableau recap --------------*/
#enteteRecapProf {
    display: flex;
    flex-direction: row;
    padding: 5px 43px 5px 77px;
    margin: 30px 0;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.1em;
    font-style: italic;
    background: #88f;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    text-align:center;
}

.r_prof {
    display: flex;
    position: relative;
    margin: 5px 30px 10px 30px;
    /* border: 1px SOLID #ccc; */
    padding: 4px 13px 4px 47px;
    font-size: 0.9em;
    color: #444;
    border-radius: 7px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    align-items: center;
    justify-content: space-between;
}

.bg_r_prof:nth-child(odd) {
    background: url(../images/school_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 16px center / 20px 20px no-repeat scroll border-box padding-box  #d8f8e3;
}

.bg_r_prof:nth-child(even) {
    background: url(../images/school_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 16px center / 20px 20px no-repeat scroll border-box padding-box #7add9d;
}

.r_nomP { 
    width:150px;
    text-align:left;
}
.r_mailP { 
    width:250px;
    text-align:left;
}
.r_mdpP { 
    width:110px;
}
.r_etabP { 
    font-size:0.8em;
    width:240px;
}
.envMail {
    width:36px;
    height:36px;
    cursor:pointer;
    background: url(../images/outgoing_mail_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
.envMail:hover {
    width:36px;
    height:36px;
    cursor:pointer;
    background: url(../images/outgoing_mail_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 30px 30px no-repeat scroll border-box padding-box transparent;
}
.envMailOff {
    width:36px;
    height:36px;
    cursor:pointer;
    background: url(../images/outgoing_mail_48dp_E3E3E3_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
.mdpDejaDefini {
    font-size:0.8em;
    font-style: italic;
    color:#888;
}
/*----------------- Les jurys -----------------*/
#listeJurys {
    width: 870px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px SOLID #abc;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    position: relative;
}

#enteteRecapJury {
    display: flex;
    flex-direction: row;
    padding: 5px 43px 5px 77px;
    margin: 30px 0;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.1em;
    font-style: italic;
    background: #88f;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    text-align:center;
}

.r_jury {
    display: flex;
    position: relative;
    margin: 5px 30px 10px 30px;
    /* border: 1px SOLID #ccc; */
    padding: 4px 13px 4px 47px;
    font-size: 1.05em;
    color: #444;
    border-radius: 7px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    align-items: center;
    justify-content: space-between;
    /* background: url(../images/balance_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 5px center / 24px 24px no-repeat scroll border-box padding-box transparent; */
}

.bg_r_jury:nth-child(odd) {
    background: url(../images/balance_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 16px center / 20px 20px no-repeat scroll border-box padding-box #dcc6d4;
}

.bg_r_jury:nth-child(even) {
    background: url(../images/balance_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) 16px center / 20px 20px no-repeat scroll border-box padding-box #da9cc5;
}

.r_nomJ { 
    width:150px;
    text-align:left;
}
.r_loginJ { 
    width:150px;
    text-align:left;
}
.r_mdpJ { 
    width:150px;
}
.r_typeJ { 
    width:150px;
}
.r_modifJ { 
    width:100px;
}
.editJury {
    position: absolute;
    width:24px;
    height:24px;
    right:42px;
    top:2px;
    cursor:pointer;
}
.editJ {
    background: url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 20px 20px no-repeat scroll border-box padding-box transparent;
}
.editJ:hover {
   background: url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
.supJury {
    position: absolute;
    width:24px;
    height:24px;
    right:10px;
    top:2px;
    cursor:pointer;
}
.supJ {
    background: url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 20px 20px no-repeat scroll border-box padding-box transparent;
}
.supJ:hover {
   background: url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
/* .supJury {
    position: absolute;
    width:16px;
    height:16px;
    right:8px;
    top:6px;
    background-image:url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 16px;
    cursor:pointer;
}

.supJury:hover {
    position: absolute;
    width:20px;
    height:20px;
    right:6px;
    top:5px;
    background-image:url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
    background-size: 20px;
    cursor:pointer;
} */

/* #addJury {
        background: url(../images/icons8-add-100.png) 3px 3px / 48px 48px no-repeat scroll border-box padding-box transparent;
 } */

#addJury:hover {
        background-size: 54px 54px;
 }
/*----------------- Les robots ----------------*/

.chercheRobot {
    width: 400px;
    position: relative;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
}

.chercheRobot input {
    width: 320px;
    font-size: 1.1em;
    /* display: flex;
    align-items: end; */
    /* justify-content: space-between; */
}

.chercheRobot a {
    margin: 0 20px 0 0;
    color: #888;
    display: none;
}

#btnChercheRbt {
    position: absolute;
    right: 4px;
    top: 10px;
    height: 33px;
    width: 46px;
    border: 1px SOLID rgb(47, 47, 97);
    border-radius: 10px;
    /* padding:10px; */
    /* margin: 10px 0 20px 0; */
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 11px 5px;
}

.chrRbt {
    background: #7b67e9;
    background-image: url(../images/search_48dp_FFFF55_FILL0_wght400_GRAD0_opsz48.png);
}

.chrRbt:hover {
    background: #aca2e7;
    background-image: url(../images/search_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png);
}

#noRobots {
    font-size: 1.1em;
    color: #888;
}

#listeRobots,
#listeVideos {
    width: 1070px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px SOLID #abc;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    position:relative;
}
.w30 {
    width:30px;
}
.w36 {
    width: 36px;
}

.w48 {
    width: 48px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w110 {
    width: 110px;
}
.w120 {
    width: 120px;
}
.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w180 {
    width:180px;
}

.w200 {
    width: 200px;
}
.w230 {
    width: 230px;
}
.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w280 {
    width: 280px;
}

.w300 {
    width: 300px;
}
.w310 {
    width:310px;
}
.w330 {
    width:330px;
}

.w350 {
    width:350px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.enteteRbt {
    display: flex;
    flex-direction: row;
    padding: 10px 77px 10px 50px;
    margin: 30px 0;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.2em;
    font-style: italic;
    background: #88f;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.robot {
    display: flex;
    flex-direction: row;
    padding: 10px 57px 10px 30px;
    margin: 10px 20px;
    align-items: center;
    justify-content: space-between;
    position:relative;
    
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #c7e5ff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.robot:nth-child(odd) {
    display: flex;
    flex-direction: row;
    padding: 10px 57px 10px 30px;
    margin: 10px 20px;
    align-items: center;
    justify-content: space-between;
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #d7d7d7;

    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.yaDesDuels {
    background:#f88;
    color:#000;
    margin:10px auto 30px auto;
    padding:5px 10px;
    width:850px; 
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.cntDuel {
    width:860px;
    margin:40px auto;
}
.typeDuel {
    padding: 2px 10px 2px 10px;
    text-align:left;
    font-size:0.8em;
    color:#80e3bf;
    background:#2f254a;
    width:400px;
    border-top-left-radius:7px;
    border-top-right-radius:50px 20px;
}
.dTypeDuel {
    font-weight:bold;
    font-size:1.2em;
}
.deuxRobotsDuel {
    display:flex;
    justify-content:space-between;
    align-items: center;
    /* box-shadow: 0 2px 12px rgba(0, 0, 0, .2); */
}
.icoDuel {
    width:100%;
    height:80px;
    background: url(../images/nombre_1_vs_2_100.png) center center / 86% 38% no-repeat scroll border-box padding-box #c0c4d8;
    border-radius: 0 20px 20px 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    cursor:pointer;
}
.robotEnDuel {
    display: flex;
    flex-direction: row;
    padding: 5px 0px 5px 38px;
    margin: 0px;
    width:738px;
    align-items: center;
    justify-content: baseline;
    gap:2px;
    position:relative;
    font-size:0.8em;
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #c7e5ff;
}

.robotEnDuel:nth-child(odd) {
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #d7d7d7;
}

.video {
    display: flex;
    flex-direction: row;
    padding: 0px 80px 0px 40px;
    margin: 10px 20px;
    align-items: center;
    justify-content: space-between;
    position:relative;
    background: url(../images/camera-de-cinema_100.png) 15px center / 24px 24px no-repeat scroll border-box padding-box #c7ffd7;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.video:nth-child(odd) {
    background-color:#8cd388;
}

/*------------------ Tableau des résultats ---------------*/
#tableauResult {
    margin:0 100px;
}
.enteteRbtRes {
    display: flex;
    align-items: center;
    justify-content: baseline;    
    flex-direction: row;
    gap:2px;
    padding: 5px 27px 8px 38px;
    margin: 0px 20px;
    /* margin: 30px 0; */
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
    /* background: #88f; */
    background: #000;
    color:#fff;
    /* border-radius: 10px; */
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.resRobot {
    display: flex;
    flex-direction: row;
    padding: 5px 27px 5px 38px;
    margin: 4px 20px;
    align-items: center;
    justify-content: baseline;
    gap:2px;
    position:relative;
    font-size:1.2em;
    /* background: #444; */
    color:#fff;
    
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 8px center / 42px 42px no-repeat scroll border-box padding-box transparent; /*c7e5ff;*/
    background-color: #534081;
    /* border-radius: 10px; */
    /* box-shadow: 0 2px 12px rgba(0, 0, 0, .2); */
}

.resRobot:nth-child(odd) {
    background-color: #282c5a; /*d7d7d7;*/
}
.txtPlace {
    font-size:0.7em;
    vertical-align: super;
}
.laNoteRes {
    font-size:1.2em;
    text-align:center;
    font-weight:bold;
}
.placeRbt {
    font-size: 1.3em;
    /* font-weight: bold; */
    /* position:relative; */
    /* background: #888; */
} 
/*------------------ Analyse --------------------*/
.enteteRbtAn {
    display: flex;
    align-items: center;
    justify-content: baseline;    
    flex-direction: row;
    gap:2px;
    padding: 2px 27px 2px 38px;
    margin: 0px 20px;
    /* margin: 30px 0; */
    font-weight: bold;
    font-size: 1.0em;
    font-style: italic;
    background: #88f;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.anRobot {
    display: flex;
    flex-direction: row;
    padding: 5px 27px 5px 38px;
    margin: 0px 20px;
    align-items: center;
    justify-content: baseline;
    gap:2px;
    position:relative;
    font-size:0.8em;
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #c7e5ff;
    /* border-radius: 10px; */
    /* box-shadow: 0 2px 12px rgba(0, 0, 0, .2); */
}

.anRobot:nth-child(odd) {
    /* display: flex;
    flex-direction: row;
    padding: 10px 57px 10px 30px;
    margin: 10px 20px;
    align-items: center;
    justify-content: space-between; */
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #d7d7d7;

    /* box-shadow: 0 2px 12px rgba(0, 0, 0, .2); */
}
.icoValideAn {
    width: 24px;
    height: 30px;
    margin: 0 5px 0 0;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0px 5px;
    /* background-color: #888; */
}
.ensembleIconesAn {
    display:flex;
    justify-content:center;
    align-items: center;
    gap:20px;
    width:140px;
    border-left:1px SOLID #888;
    border-right:1px SOLID #888;
}
.icoFic {
    width: 25px;
    height:29px;
}
.icoPh {
    background: url(../images/ico-photo2.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}

.icoPhDis {
    background: url(../images/ico-photo-dis.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}

.icoPdf2 {
    background: url(../images/ico-pdf.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}

.icoPdf2Dis {
    background: url(../images/ico-pdf-dis.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}

.icoPdf3D-2 {
    background: url(../images/ico-pdf3D.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}

.icoPdf3D-2Dis {
    background: url(../images/ico-pdf3D-dis.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.chkClsmt {
    display:flex;
    /* gap:25px;  */
    justify-content: space-between;
    align-items: center;
    width:120px;
    margin: 0 0 0 10px;
}
#selTrophee {
    width:400px;
    margin:0 auto;
    text-align: center;
    font-size:1.3em;
    font-weight:bold;
    background:#bcd;
    border:3px SOLID #444;
}
#subSauveClassement {
    display:block;
    position:absolute;
    border-radius: 13px;
    background: #000;
    width:300px;
    /* height:30px; */
    padding:5px 0 5px 0;
    color:#fff;
    font-size:1.1em;
    border:2px SOLID #000;
    top:22px;
    right:39px;
    cursor:pointer;
}
#subSauveClassement:hover {
    background: #bbb;
    color:#000;
}
.laNote {
    width:60px;
    border-right:1px SOLID #888;
    font-size:1.2em;
}
.laNote2 {
    width:60px;
    font-size:1.2em;
}
.coeur {
    width:25px;
    height:22px;
    margin:0 2px;
}
.avec {
    background: url(../images/coeur1.png) center center / 80% 80% no-repeat scroll border-box padding-box transparent;
}
.chkClsmt input[type="checkbox"] {
    width:18px;
    height:18px;
}
.titre_trophees {
    font-size:0.6em;
    padding:2px;
    color:#ddd;
    background: #dd6fc7;
    cursor:pointer;
}
.trophees {
    position:relative;
    font-size:0.85em;
    display:flex;
    border-bottom:1px SOLID rgba(0, 0, 0, .3);
    text-align:left;
}
.nomTrophee {
    text-align: center;
}
#fond_finales {
    position:relative;
    width:700px;
    height:385px; 
    margin:20px auto;
    border-radius:14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    background: url(../images/fond_finale_1000.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
#fond_finales2 {
    position:relative;
    width:1000px;
    height:550px;
    margin:20px auto;
    border-radius:20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    background: url(../images/fond_finale_1000.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
/* #fond_finales2 div {
    background:#888;
} */
#choix_robot {
    display:flex;
    justify-content: center;
    align-items: center;
    height:30px;
    gap:20px;
    position:relative;
}
.caseRobot {
    position:absolute;
    width:75px;
    height:35px;
    font-size:1.5em;
    padding:8px 0 0 0;
    font-weight:bold;
    color:#ff0;
}
#fond_finales2 .caseRobot {
    position:absolute;
    width:120px;
    /* height:60px; */
    font-size:2.2em;
    padding:0;
    font-weight:bold;
    color:#ff0;
}
#fond_finales2 .caseFinaleRobot {
    position:absolute;
    width:120px;
    /* height:60px; */
    font-size:2.2em;
    padding:0;
    font-weight:bold;
    color:#008;
}
#fond_finales2 .caseFinale {
    width:130px;
    font-size:2.8em;
    /* padding-top:7px; */
}
.caseRobotActive {
    cursor:pointer;
}
.caseFinaleRobot {
    position:absolute;
    width:75px;
    height:35px;
    font-size:1.5em;
    padding:8px 0 0 0;
    font-weight:bold;
    color:#000;
}
.caseDis {
    background: url(../images/croix_rouge_100.png) center center / 30px 31px no-repeat scroll border-box padding-box transparent;
}
.caseDis2 {
    height:50px; 
    margin-top:2px;
    background: url(../images/croix_rouge_100.png) center center / 41px 42px no-repeat scroll border-box padding-box transparent;
}
.caseFinale {
    width:93px;
    height:48px;
    font-size:2.2em;
    padding-top:7px;
}
.caseSelRobot {
    /* width:60px; */
    border:2px SOLID #666;
    border-radius:5px;
    text-align:center;
    padding:5px 10px 5px 10px;
    font-size:1.5em;
    font-weight:bold;
    background:#effab8;
    cursor:pointer;
    color:#444;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.caseSelDis {
    background:#848a66;
    cursor:normal;
}

.tempsRbt {
    font-size:0.5em;
    font-weight:normal;
    border-top:1px SOLID #888;
}
.titreAnalyse {
    margin:30px 70px 30px 70px;
    text-align:left;
    border-bottom:1px SOLID #678;
    padding:0 0 0 10px;
    color:#456;
    font-weight: bold;
}
.noteAnalyse {
    font-size:0.7em;
    font-style:italic;
    font-weight:normal;
    color: #456; 
    margin:20px;
}
#cntCaseMov {
    z-index:2010;
    position:fixed;
    width:800px;
    height:800px;
    display:none;
    /* border:1px SOLID #000; */
    justify-content: center;
    align-items: center;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10+ */
    user-select: none;         /* Standard */
}
#caseMovRobot {
    /* width:60px; */
    z-index:2000;
    /* position:fixed; */
    /* top:0px;
    left:0px; */
    /* display:none; */
    border:2px SOLID #666;
    border-radius:5px;
    text-align:center;
    padding:5px 10px 5px 10px;
    font-size:1.5em;
    font-weight:bold;
    background:#effab8;
    cursor:pointer;
    color:#444;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10+ */
    user-select: none;         /* Standard */
}

/*------------------- Affichage Live --------------*/
#gestion_AffichageLive {
    width: 970px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffd9cd;
    padding: 20px;
    border-radius: 15px;
    border: 1px SOLID #abc;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    position: relative;
}
#ouvrePageLive {
    font-size:1.2em;
}
#cntGereLive {
    display:flex;
    justify-content: space-between;
    align-items: baseline;
    margin:20px 20px 0 20px;
}
#choixPageLive {
    border-right:1px SOLID #000;
    width:50%;
    padding:10px;
}
.titreGereLive {
    font-size:1.3em;
    font-weight:bold;
    text-align:center;
    background:#ff88a8;
    color:#ff0;
    border-radius:7px;
    margin:0 20px 0 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.categPageLive {
    font-size:1.1em;
    font-style: italic;
    font-weight:bold;
    border-bottom:1px SOLID #000;
    text-align:left;
    padding:0 0 0 10px;
    margin: 20px 10px 0 10px;
}
#actionPageLive {
    width:50%;
    
}
.ligneChoixLive {
    font-size:1.1em;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin:10px 50px 0 50px;
}
.ligneChoixDis {
    color:#888;
}
.visuPage {
    width:50px;
    height:30px;
    border:2px SOLID #008;
    border-radius:10px;
    cursor:pointer;
    background: url(../images/oeil_bleu_ouvert_200.png) center center / 32px 20px no-repeat scroll border-box padding-box #acc;
}
.visuPageDis { 
    width:50px;
    height:30px;
    border:2px SOLID #008;
    border-radius:10px;
    cursor:default;
    background: url(../images/oeil_gris_barre_200.png) center center / 32px 20px no-repeat scroll border-box padding-box #999;
}
.visuPage:hover {
    background-color: #cee;
}
.choixLive {
    background:#88f;
    color:#ff8;
    padding:0 5px 0 5px;
    border-radius:4px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.ligneChoixLive input[type="checkbox"] {
    width:18px;
    height:18px;
}
#choixPalmares {
    margin: 0 0 0 10px;
    font-size:1.1em;
    border:2px SOLID black;
    background:#bbb;

}
#cntDefilPages {
    display:flex;
    justify-content: center;
    align-items: center;
    gap:15px;
    margin:5px 0 0 0;
}
#cntRefreshDefil input[type="text"] {
    width:100px;
    text-align:center;
    font-size:1.1em;
    margin:0 10px 0 0;
}
.valRefresh {
    display:flex;
    justify-content: center;
    align-items: center;
}
.btnPlayStop {
    width:50px;
    height:50px;
}
.btnStop {
    background: url(../images/btn_stop_2_200.png) center center / 50px 50px no-repeat scroll border-box padding-box transparent;
    cursor:pointer;
}
.btnStopDis {
    background: url(../images/btn_stop_3_200.png) center center / 50px 50px no-repeat scroll border-box padding-box transparent;
    cursor:pointer;
}
.btnStop:hover {
    background-image: url(../images/btn_stop_1_200.png);
}
.btnPlay {
    background: url(../images/btn_play_2_200.png) center center / 50px 50px no-repeat scroll border-box padding-box transparent;
    cursor:pointer;
}
.btnPlayDis {
    background: url(../images/btn_play_3_200.png) center center / 50px 50px no-repeat scroll border-box padding-box transparent;
    cursor:pointer;
}
.btnPlay:hover {
    background-image: url(../images/btn_play_1_200.png);
}
#cntRefreshDefil {

}
/*------------------- Palmarès --------------------*/
#cntPalmares {
    margin:0 auto;
    width:900px;
}
.un_palmares {
    position:relative;
    width:700px;
    /* height:400px; */
    display:flex;
    flex-direction: column;
    margin:200px auto;
    background:#f5bcdf; 
    padding:15px 0 5px 0;
    border:4px SOLID #b08585;
    border-radius:20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    transform:scale(1.5);
}
.palmares {
    position:relative;
    width:700px;
    /* height:400px; */
    display:flex;
    flex-direction: column;
    margin:100px 0px 100px 200px;
    background:#f5bcdf; 
    padding:15px 0 5px 0;
    border:4px SOLID #b08585;
    border-radius:20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.palmares:nth-child(odd) {
    margin:100px 200px 100px 0px;
    background:#e7dcba; 
}
.palmares:first-child {
    margin:70px 200px 100px 0px;
    background:#e7dcba; 
}
.palmares:last-child {
    margin-bottom:30px;
}
.podium {
    position:absolute;
    top:-45px; 
    left:24px;
    width:173px;
    height:70px;
    background: url(../images/podium.png) 0px 0px / 100% 100% no-repeat scroll border-box padding-box transparent;;
}
.cnt_tTroph {
    position:absolute;
    width:100%;    
    top:-20px;
    display:flex;
    justify-content: center;
}
.tTroph {
    width:150px;
    padding:2px; 
   font-size:1.3em;
    font-weight:bold;
    background:#4f0f0f;
    color:#ebff93;
    border:3px SOLID #b08585;
    border-radius:10px; 
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.leTroph {
    font-size:1.7em;
    font-weight:bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin:0 0 5px 0;
    z-index:100;
}
#titreLive {
    font-size:2.5em;
    font-weight:bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin:0 0 5px 0;
}
#cntLive {
    padding:10px;
}
#barreAvance {
    /* width:100%; */
    border:1px SOLID #000;
    height:10px;
    display:flex;
    margin:10px 50px 0 50px;
    padding:3px 5px 3px 5px;
    border-radius: 10px;
}
#barreAv {
    background:#008;
    width:0%;
    border-radius: 5px;
}
.classement {
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:2px;
    padding:3px 3px 3px 70px;
    border-radius: 5px;
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 33px center / 36px 36px no-repeat scroll border-box padding-box #deedfa;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.classVideo {
    background: url(../images/camera-de-cinema_100.png) 43px center / 22px 22px no-repeat scroll border-box padding-box #deedfa;
}
.clas1 {
        margin:3px 110px 3px 10px;
}
.clas2 {
        margin:3px 60px 3px 60px;
}
.clas3 {
        margin:3px 10px 3px 110px;
}
.fdOr {
    background: url(../images/fd-or.png) center center / 1000px 155px no-repeat scroll border-box padding-box transparent;
}
.fdArgent {
    background: url(../images/fd-argent.png) center center / 1000px 155px no-repeat scroll border-box padding-box transparent;
}
.fdBronze {
    background: url(../images/fd-bronze.png) center center / 1000px 155px no-repeat scroll border-box padding-box transparent;
}
.medClast {
    position:absolute;
    width:40px;
    height:69px;
    top:0px;
    left:0px;
    z-index:100;
}
.med1 {
    background: url(../images/medaille-or.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.med2 {
    background: url(../images/medaille-argent.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.med3 {
    background: url(../images/medaille-bronze.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
medClassement {
    position:absolute;
    width:40px;
    height:56px;
    z-index:100;
}
medClassement2 {
    position:absolute;
    width:46px;
    height:63px;
    z-index:100;
}
.med1er {
    top:-35px;
    left:-20px;
    background: url(../images/medaille_1er.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.med2eme {
    top:-35px;
    left:-20px;
    background: url(../images/medaille_2eme.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.med2eme-2 {
    top:-35px;
    left:58px;
    background: url(../images/medaille_2eme.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.med3eme {
    top:-35px;
    left:-20px;
    background: url(../images/medaille_3eme.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.classement div {
    /* background:#bfd4d8;
    border:2px SOLID #000;
    border-radius:8px;
    padding:10px 0 10px 0; */
}
.placeTroph {
    width:60px;
    background:#ffd893;
    border-radius:11px;
    padding:5px 0 5px 0;
}
.numTrop {
    width:65px;
    font-size:1.3em;
    font-weight:bold;
}
.nomTroph {
    width:190px;
    font-size:1.1em;
}
.etabTroph {
    width:220px;
    padding:0;
    font-size:0.8em;
}
.typeScore {
    font-size:0.7em;
    font-weight:normal;
}
.scoreTroph {
    width:60px;
    font-weight:bold;
}


.numRbt {
    font-size: 1.4em;
    font-weight: bold;
    position:relative;
    /* background: #888; */
}

.photoRbt {
    width: 100px;
}

.photoRbt img {
    width: 100px;
    clip-path: rect(0px 102px 102px 0px);
    border: 1px SOLID #000;
}
#chk3D {
    color:#666;
    position:absolute;
    top:37px;
    left:0px;
    width:100%;
    padding-left:310px; 
}
.nomRbt {
    font-size: 1.3em;
    /* background: #888; */
}

.defiRbt {
    font-size: 1.3em;
    /* background: #888; */
}

.cntEtab {
    /* width:300px; */
    /* background: #888; */
}
.nbDuels {
    background:#ff0;
    font-size:0.85em;
    font-weight:bold;
    color:rgb(97, 63, 38);
    border-radius:10px;
    padding:0px 10px;
    width:140px; 
    text-align:center;
}
.ndG {
    margin:10px auto 0 20px; 
    
}
.ndD {
    margin:10px 20px 0 auto; 
}
.etabRbt {}

.villeRbt {}

.icoValide {
    width: 48px;
    height: 30px;
    margin: 0 15px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 9px 0px;
    /* background-color: #888; */
}
.contValid {
    display:flex;
    flex-direction: column;
    justify-items: center;
    text-align:center;
    align-items: center; 
    width:150px;
    border:3px SOLID transparent;
    padding:10px 0 0 0;
}
.brdContValid {
    border-radius:5px;
    border:3px SOLID #666;
    background:#ddd;
}
.contDefiConforme {
    width:400px;
    margin:0 auto;
    padding:0;
}
.valide {
    background-image: url(../images/check_icon.png);
}

.enAttente {
    background-image: url(../images/sablier_icon2.png);
}

.invalide {
    background-image: url(../images/cross_icon.png);
}

.ombre {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

#navigRobots {
    display: flex;
    flex-direction: row;
    padding: 0px 30px 0px 30px;
    margin: 30px auto;
    width:700px;
    align-items: center;
    justify-content: space-between;
    background:#d8b462;
    /* background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #c7e5ff; */
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

#nbItemsAAfficher {
    display:flex;
    align-items: center;
    justify-content: left;
    width:200px;
    gap: 10px;
}
#nbItemsAAfficher select {
    width:70px;
    padding:3px;
    margin:0;
}

#navPages {
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:244px;
}

#navPage {
    font-size:1.2em;
    margin:0 20px;
    width:60px;
}

#navDeb {
    width:36px;
    height:36px;
    background: url(../images/first_page_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
#navDeb:hover {
    width:36px;
    height:36px;
    background: url(../images/first_page_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 30px 30px no-repeat scroll border-box padding-box transparent;
}
#navMoins {
    width:36px;
    height:36px;
    background: url(../images/keyboard_arrow_left_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
#navPlus {
    width:36px;
    height:36px;
    background: url(../images/keyboard_arrow_right_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
#navFin {
    width:36px;
    height:36px;
    background: url(../images/last_page_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
#navMoins:hover {
    width:36px;
    height:36px;
    background: url(../images/keyboard_arrow_left_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 30px 30px no-repeat scroll border-box padding-box transparent;
}
#navPlus:hover {
    width:36px;
    height:36px;
    background: url(../images/keyboard_arrow_right_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 30px 30px no-repeat scroll border-box padding-box transparent;
}
#navFin:hover {
    width:36px;
    height:36px;
    background: url(../images/last_page_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 30px 30px no-repeat scroll border-box padding-box transparent;
}

/*---------------------- Mes robots -------------------------*/
.icoPhoto {
    width: 50px;
    height:57px;
    background: url(../images/ico-photo2.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.icoPhotoDis {
    width: 50px;
    height:57px;
    background: url(../images/ico-photo-dis.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.icoPdf {
    width:50px;
    height:57px;
    background: url(../images/ico-pdf.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.icoPdfDis {
    width:50px;
    height:57px;
    background: url(../images/ico-pdf-dis.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.icoPdf3D,
.icoPdf3D1,
.icoPdf3D2,
.icoPdf3D3
 {
    width:50px;
    height:57px;
    background: url(../images/ico-fichier3d.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.icoPdf3DDis,
.icoPdf3D1Dis,
.icoPdf3D2Dis,
.icoPdf3D3Dis
 {
    width:50px;
    height:57px;
    background: url(../images/ico-fichier3d-dis.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.icoVideo {
    width:50px;
    height:57px;
    background: url(../images/ico-video2.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}
.icoVideoCH {
    cursor:pointer;
}
.icoVideoCH:hover {
    background-size: 70% 70%;
}

.icoVideoDis {
    width:50px;
    height:57px;
    background: url(../images/ico-video-dis.png) center center / 60% 60% no-repeat scroll border-box padding-box transparent;
}

.bg_i:hover {
    background-size: 70% 70%;
    cursor:pointer;
}

.enteteMesRbt {
    display: flex;
    flex-direction: row;
    padding: 10px 106px 10px 74px;
    margin: 30px 0;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.2em;
    font-style: italic;
    background: #88f;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}


.ensembleIcones {
    display:flex;
    justify-content:center;
    align-items: center;
    gap:10px;
    width:250px;
}

.mesRobots {
    position:relative;
    display: flex;
    flex-direction: row;
    padding: 0px 86px 0px 54px;
    margin: 10px 20px;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}

.bgMesRobots {
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #b6c2dd;
}

.bgMesRobots:nth-child(even) {
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 10px center / 36px 36px no-repeat scroll border-box padding-box #e393c3;
}

.editRobot {
    position: absolute;
    width:32px;
    height:32px;
    right:42px;
    /* margin-top:5px; */
    cursor:pointer;
    background: url(../images/edit_square_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
.supRobot {
    position: absolute;
    width: 32px;
    height:32px;
    right:10px;
    /* top:2px; */
    top:center;
    cursor:pointer;
    background: url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box transparent;
}
.jugeRobot {
    position: absolute;
    width:36px;
    height:36px;
    right:20px;
    border-radius:10px;
    /* margin-top:5px; */
    cursor:pointer;
    background: url(../images/contract_edit_48dp_000000_FILL0_wght400_GRAD0_opsz48.png) center center / 24px 24px no-repeat scroll border-box padding-box #ee992a;
    border:2px SOLID #444;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.icoR:hover {
   background-size: 32px 32px;
}
.icoR2:hover {
   background-size: 28px 28px;
}
.icoNb {
    position:absolute;
    width:36px;
    height:36px;
    cursor:pointer;
}
.ico1 {
    right:40px;
    background: url(../images/nombre_1_100.png) center center / 28px 28px no-repeat scroll border-box padding-box transparent;
}
.ico2 {
    right:5px;
    background: url(../images/nombre_2_100.png) center center / 28px 28px no-repeat scroll border-box padding-box transparent;
}
.icoNb:hover {
    background-size: 32px 32px;
}
/* .ico2:hover {
    background-size: 32px 32px;
} */
#contPanneauChoixRobots {
    border-radius: 30px;
    width:850px;
    /* height:100px; */
    margin:0 auto 10px auto;
    background:#5ae4b2;
    border:3px SOLID #000;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    padding:0 0 10px 0;
}
#titrePanneauCR {
    font-size:1.5em;
    font-weight:bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    color:rgb(129, 48, 7);
}
#contChoixRobots {
    display:flex;
    justify-content: space-between;
    align-items: normal;
    /* height:120px; */
    /* padding:30px 0 0 0; */
}
.contRobotChoisi1 {
    position:relative;
    /* display:flex; */
    text-align: left;
    padding:0 0 0 60px;
    width:334px;
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 6px center / 48px 48px no-repeat scroll border-box padding-box transparent;
}
.contRobotChoisi2 {
    position:relative;
    text-align: right;
    padding:0 60px 0 0;
    width:334px;
    background: url(../images/robot@1x-1.0s-200px-200px.svg) 340px center / 48px 48px no-repeat scroll border-box padding-box transparent;
}
.numRbtChoix {
    font-size: 1.5em;
    font-weight: bold;
    color:#2f254a;
}
.fontG {
    font-weight:bold;
}
.icoNbChoix {
    position:absolute;
    width:50px;
    height:50px;
}
.pasDeRobotChoisi {
    padding:40px 0 0 0;
    font-style:italic;
    text-align:center;
}
#sepRobotChoisi {
    position:relative;
    width:5px;
    height:100%;
    /* background:#4fd4a3; */
    /* border-left:1px SOLID #000;
    border-right:1px SOLID #000; */
}
#imgVersus {
    position:absolute;
    left:-45px;
    top:5px;
    width:94px;
    height:86px;
    background: url(../images/image_versus.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.icoSupCombattant {
    width:32px;
    height:32px;
    background: url(../images/close_100x100.png) center center / 20px 20px no-repeat scroll border-box padding-box transparent;
    cursor:pointer;
    margin:0px 10px 0 10px;
}
.icoSupCombattant:hover {
    background-size:28px 28px;
}
#lienLanceCombat {
    cursor:pointer;
}
.brdG {
    border-left: 3px SOLID #4fd4a3;
}
.brdD {
    border-right: 3px SOLID #4fd4a3;
}
.idRobot {
    width:80px;
}
.detailsRobots {
    width:300px;
}

.info {
    position:absolute;
    top:-1px;
    right:33px;
    width:24px;
    height:24px;
    cursor:pointer;
    background: url(../images/help-200.png) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
#panneauInfos {
    position:absolute;
    display:none;
    bottom:40px;
    left:40px;
    background: url(../images/help-200.png) center 5px / 35px 35px no-repeat scroll border-box padding-box #fffcc2;
    color:#2f254a;
    width:350px;
    border:2px SOLID orangered;
    border-radius:15px;
    font-size:0.9em;
    padding:45px 10px 10px 10px;
}
.posRel {
    position:relative;
}
/* .supR:hover {
   background-size: 32px 32px;
} */
/*---------- form Combat sumo ---------*/
#enteteCombatSumo {
    display:flex;
    width:650px;
    justify-content: space-between;
    align-items: baseline;
}
.enteteRobot {
    width:320px;
    align-items: center;
    text-align:center;
}
.robot1 {

}
.robot2 {

}
#sepRobots {
    width:2px;
    background:#bbb;
    height:100px;
}
.numEtValideRbt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
}
.resultatCombat {
    width:80px;
    /* height:50px; */
    /* background:#ddd; */
    border-radius:10px;
    margin:0 30px 0 30px;
    text-align:center;
}
.resultatCombat input[type="radio"] {
    width:25px;
    height:25px;
}
.resultGagne {
    background:rgb(86, 225, 86);
}
.resultPerd {
    /* background:rgb(228, 110, 110); */
}
.txtGagnant {
    margin:10px 0 5px 0;
    font-weight:bold;
}
.gagnantOuPas {
    font-weight: normal;
    font-style:italic;
    color:#888;
}


#contChoixModeSJ {
    border-radius: 20px;
    width:1000px;
    /* height:100px; */
    margin:0px auto 20px auto;
    background:#e4b757;
    border:3px SOLID #ce4141;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    padding:0 0 10px 0;
}
#titre_SJ {
    font-size:1.5em;
    font-weight:bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    color:rgb(18, 4, 92);
}
#mode_SJ {
    display:flex;
    justify-content: center;
    gap:30px;
    margin:10px 20px 0 20px;
    /* padding:10px 0 0 0; */
}
#mode_SJ div {
    display:flex;
    justify-content: baseline;
    align-items: center;
    text-align:left;
    /* gap:10px; */
    /* width:220px; */
}
#mode_SJ div:first-child {
    /* width:200px; */
}
#mode_SJ input[type="radio"] {
    width:22px;
    height:22px;
    margin:0px 5px -1px 0px;
}
#mode_SJ option[selected] {
    font-size:1.0em;
    font-weight: bold;
}


#contChoixModeDuel {
    border-radius: 20px;
    width:400px;
    /* height:100px; */
    margin:0px auto 20px auto;
    background:#dd98ea;
    border:3px SOLID #ce4141;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    padding:0 0 10px 0;
}
#mode_Duel {
    display:flex;
    justify-content: center;
    gap:30px;
    margin:10px 20px 0 20px;
    /* padding:10px 0 0 0; */
}
#mode_Duel div {
    display:flex;
    justify-content: baseline;
    align-items: center;
    text-align:left;
    /* gap:10px; */
    width:150px;
}
#mode_Duel div:last-child {
    width:80px;
}
#type_duel {
    display:flex;
    justify-content: center;
    gap:30px;
    border-top:1px SOLID black;
    margin:10px 20px 0 20px;
    padding:10px 0 0 0;
}
#type_duel div {
    display:flex;
    justify-content: baseline;
    align-items: center;
    text-align:left;
    /* gap:10px; */
    width:150px;
}
#type_duel div:last-child {
    width:80px;
}
#type_duel label {
    font-weight:bold;
}
#type_duel input:disabled+label{
    color:#888;
    font-weight:normal;
}

#type_duel input[type="radio"],
#mode_Duel input[type="radio"] {
    width:22px;
    height:22px;
    margin:0px 5px -1px 0px;
}
#msgAvertDuel {
    background:#ffff98; 
    color:rgb(157, 28, 66);
    margin:0 200px;
    border-radius:5px;
}
.lienLanceCombat {
    width:250px;
    height:25px;
    padding:2px;
    border-radius:12px;
    margin:10px 0 3px 0;
    border:2px SOLID #000;
}
.lienLanceCombat:disabled {
    border:2px SOLID #888;
}
.llcBk {
    background:#444;  
    color:#fff;
}
.llcBk:hover {
    background:#666;  
    color:#fff;
}

.llcDis {
    background:#bbb;
    color:#888;
    cursor:not-allowed;
}

cntMessage {
    display:flex;
    width:100%;
    position:absolute;
    top:100px;
    left:0px;
    justify-content: center;
}
message {
    display:none;
    /* position:absolute; */
    /* top:50px; */
    /* width:500px; */
    padding:20px 20px 20px 70px;
    border:3px SOLID #456;
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .8);
    background: url(../images/icons8-info-200.png) 10px center / 50px 50px no-repeat scroll border-box padding-box transparent;
    background-color:#41e3ff;    
    /* left:calc(50%-252px); */
}

.detailEtab {
    font-style: italic;
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
    color:#789;
    margin:-20px 0 0 50px;
}
.eee {
    background:#eee;
}
.formAjoutModifRobot {
    width:500px;
}

#addRobot:hover,
#addVideo:hover {
    background-size: 54px 54px;
}

.wait {
    position:absolute;
    width:60px;
    height:60px;
    background: url(../images/Spin@1x-1.0s-200px-200px.gif) center center / 100% 100% no-repeat scroll border-box padding-box transparent;
}
.btnChargeFic {
    background:#8383da;
    width: 70px;
    border:2px SOLID black;
    font-size:0.9em;
    border-radius:10px;
    padding:5px;
    text-align:center;
    cursor:pointer;
    /* box-shadow: 0 2px 12px rgba(0, 0, 0, .4); */
}

.btnSupFichier {
    width: 25px;
    height:25px;
    border-radius:5px;
    border:1px SOLID #a21;
    /* padding:8px; */
    text-align:center;
    cursor:pointer;
    /* box-shadow: 0 2px 12px rgba(0, 0, 0, .4); */
    background: url(../images/delete_forever_48dp_46152F_FILL0_wght400_GRAD0_opsz48.png) center center / 16px 16px no-repeat scroll border-box padding-box #e65;
}

.btnDis {
    background-color:#ddd;
    cursor:not-allowed;
}
.dFichier {
    width:90px;
}
.uploadOk {
    background:#79e03e;
}
.uploadNotOk {
    background:#e03e3e;
}
#visuMiniature {
    display:none;
    width:102px;
    height:102px;
    top: 100px;
    left:100px;
    position:fixed;
    border:2px SOLID black;
    border-radius:10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .4);
    z-index:1000;
}

.traitSur {
    border-top:1px SOLID #888;
}

.tri {
    width:20px;
    height:20px;
    margin:0 0 0 5px;
    background: url(../images/mobiledata_arrows_48dp_000000_FILL0_wght400_GRAD0_opsz48.png) center center / 20px 20px no-repeat scroll border-box padding-box transparent;
}

.flexC {
    display:flex;
    justify-content: center;
}
.flexG {
    display:flex;
    justify-content: baseline;
}
.flexD {
    display:flex;
    justify-content: end;
}