@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input,textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}

a{
	text-decoration:none;
}
table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}

q:before,q:after {
    content:'';
}

textarea { resize:none;}
a img{ border:none;}

/* Box Model */
*, *:before, *:after {
		box-sizing: border-box;
}

/* Fin Reset CSS
 * --------------------------------------- */
 
 
 /* masque la valeur du placeholder au clic*/
::-webkit-input-placeholder { opacity: 1;}  /* Chrome 56, Safari 9 */
:-moz-placeholder { opacity: 1;} /* FF 4-18 */
::-moz-placeholder { opacity: 1;} /* FF 19-51 */
:-ms-input-placeholder { opacity: 1;} /* IE 10+ */
::placeholder { opacity: 1;} /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome 56, Safari 9 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */


html {
background-color:#FFF;
color:#424242;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 62.5%;
}

body {
background-color:#fff;
color:#424242;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.8rem;
overflow-wrap: break-word;
}

a:link {color:#fff;text-decoration:none;}
a:visited {color:#fff;}
a:hover {color: #fff;}
a:active {color:#fff;}


h1{
	font-family: font-family: Arial, sans-serif;font-size:2.5rem; font-weight:700;font-style:normal;margin:0rem 0rem 0.5rem 0rem;color:#12538b;
}

h2{
	font-family: font-family: Arial, sans-serif;font-size:2.5rem; font-weight:700;font-style:normal;margin:0rem 0rem 0.5rem 0rem; color:#12538b;
}

#entete_conex{
background-color:#12538b;
padding:1.6rem 2rem 1.5rem 2rem;
color:#FFF;
font-size:2.0rem;
font-weight:700;
}


#bloc-form {
display:inline-block;
padding:50px;
margin-top:100px;
background-color:#f0f0f0;
border-radius:5px;
text-align:right;
}

#dateaccueil {
font-size:1.5rem;
font-weight:400;
color:#c8c8c8;
}

.label_form{
font-size:16px;
font-weight:700;
text-align:right;
display:inline-block;
text-align:right;
padding:0px 5px 0px 0px;
}

#login{
background-color:#fff;
border:1px solid #c8c8c8;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:16px;
color:#333;
padding:5px;
width:170px;
margin-bottom:10px;
text-align:center;
}

#mdp{
background-color:#fff;
border:1px solid #c8c8c8;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:16px;
color:#333;
padding:5px;
width:170px;
margin-bottom:10px;
text-align:center;
}

#mdpinvalide {
width:170px;
margin-bottom:10px;
text-align:left;
float:right;
color:red;
font-size:14px;
font-weight:700;
}

.bouton{
display:inline-block;
background-color:#d63333;
padding: 0.8rem 2rem 0.7rem 2rem;
color:#fff;
text-align:center;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
font-size:1.6rem;
cursor: pointer;
font-weight:700;
width:170px;
}

#page {
position:relative;
padding:3rem 2rem 8rem 2rem;
display:inline-flex;
flex-direction:column;
}

#pagechrono {
position:relative;
padding:3rem 2rem 1rem 2rem;
display:inline-flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

#titre-entete {
font-size:1.9rem;
font-weight:700;
color:#fff;
}

#footerchrono {
position:relative;
padding:3.2rem 1rem 3rem 1rem;
text-align:center;
}

#entete{
display:grid;
grid-template-columns: repeat(3, 1fr);
background-color:#12538b;
padding:0.6rem 2rem 0.5rem 2rem;
color:#FFF;
font-size:2.0rem;
font-weight:700;
}

#entete_nom{
text-align:left;
margin-top:1.1rem;
}

#entete_heure{
font-size:4rem;
font-weight:400;
}

#entete-heure-chrono{
font-size:3rem;
font-weight:700;
margin-bottom:0rem;
color:#fff;
background-color:#15b400;
background-color:#646464;
padding:0.8rem 1.5rem;
border-radius:0.5rem;
width:16rem;
}



#entete-chrono{
position:relative;
display:flex;
justify-content: space-between;
font-size:2.2rem;
font-weight:700;
text-align:center;
background-color:#484648;
color:#FFF;
height:5rem;
}

#bloc-legende{
border-bottom:1px solid #c8c8c8;
font-size:0;
padding:1.5rem 0rem;
}

#legende {
margin:0rem;
padding:0rem 0rem;
}

#logo-entete {
height:100%;
width:auto;
}

#entete_menu{
text-align:right;
font-size: 1.6rem;
color:#cdcdcd;
margin-top:1.3rem;
}

#nomeprchr{
grid-column:span 6;
color:#cdcdcd;
margin-top:1.3rem;
border-top: 1px solid #d33939;
border-left: 1px solid #d33939;
border-right: 1px solid #d33939;
color:#fff;
padding: 1rem;
font-size:2rem;
font-weight:700;
background-color:#d33939;
}

.messagetag{
grid-column:span 5;
border-bottom: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8;
padding: 1rem;
background-color:#fff;
color:#1f1f1f;
font-size:1.7rem;
text-align:left;
font-weight:700;
width:48rem;
}

.messagetag_heure{
border-bottom: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
padding: 1rem;
background-color:#fff;
color:#1f1f1f;
font-size:1.7rem;
text-align:center;
font-weight:700;
width:15rem;
}

#bloc-logo-chrono{
position:relative;
text-align:left;
width:20%;
}

#bloc-titre-chrono{
display: flex;
align-items:center;
justify-content: center;
}

#bloc-conex-chrono{
width:20%;
padding: 1rem 2rem;
display: flex;
justify-content: right;
align-items: center;
height:100%;
}

#connect {
border: 1px solid #8a8a8a;
padding: 0.6rem 2rem;
cursor:pointer;
font-size:1.4rem;
border-radius: 5px;
background-color:transparent;
font-weight: 700;
color:#fff;
}

#led {
width:20px;
height:20px;
margin-right: 0.5em;
}

#bloc_titre{
display:inline-flex;
justify-content: center;
align-items: center;
margin-bottom:1.8rem;
}

#titre-epreuve-chrono{
font-size:2rem;
font-weight:700;
color:#1f1f1f;
}


#titre_gestion{
color:#12538b;
font-family: font-family: Arial, sans-serif;
font-size:2.2rem;
font-weight:700;
margin-bottom:1rem;
}

#titre_gestion_flex{
color:#12538b;
font-family: font-family: Arial, sans-serif;
font-size:2.3rem;
font-weight:700;
}

#session-es{
font-size:1.8rem;
margin-bottom:1.5rem;
font-weight:700;	
}

#heure-es{
font-size:1.8rem;
margin-bottom:1.5rem;	
}

#select_statut{
margin-bottom:1.5rem;	
}

#clsmod{
margin-left:5px;
}


.barrecls{
margin:0rem 1.5rem;
}


#icoimp{
margin: 0rem 0rem 2rem 0rem;
width:auto;
height:3.0rem;
cursor:pointer;
}


#bloc_impr{
display:flex;
flex-direction:row;
justify-content: center;
font-size:1.6rem;
margin-top:1rem;
border: 1px solid #c8c8c8;
border-radius: 3px;
padding:1rem 2rem;
font-weight:700;
display:none;
}

#bloctempsvmrs{
display:flex;
flex-direction:row;
justify-content: space-around;
font-size:1.6rem;
margin-top:1rem;
border: 1px solid #c8c8c8;
border-radius: 3px;
padding:1rem 2rem;
}


.boutonmenucls{
font-size:1.6rem;
color:#c8c8c8;
}

.boutonmenuclsactif{
font-size:1.6rem;
color:#12538b;
}

.ecarttps{
margin:0rem 1.5rem;	
}

.tpsvmrs{
font-weight:700;
}

#tab {
display:inline-grid;
grid-template-columns: auto auto auto auto auto auto;
margin-top:2rem;
font-size: 1.7rem;
border-bottom: 1px solid #c8c8c8;
}

#tab_trame {
display:inline-grid;
grid-template-columns: auto auto auto auto auto auto;
font-size: 1.7rem;
border-bottom: 1px solid #c8c8c8;
}

#tab_trame_cc {
display:inline-grid;
grid-template-columns: auto auto auto auto auto;
font-size: 1.7rem;
border-bottom: 1px solid #c8c8c8;
}

#logotag {
width:15rem;
height:15rem;
}


#sstitre_epr {
font-size: 1.8rem;
font-weight:400;
}

#tabenreg {
grid-column:span 11;
padding:0rem;
display:flex;
justify-content: space-between;
align-items:center;
border-top: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
}

#tabenregchrono {
position:relative;
padding:2.5rem 3rem 2rem 3rem;
text-align:left;
display:flex;
justify-content: center;
align-items:center;
border-right: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8;
width:50%;
}

#label_chrono {
position:absolute;
top:-1.4rem;
left:1.7rem;
text-align:center;
padding:0.2rem 1rem;
background-color:#fff;
font-weight:700;
color:#215c94;
}

#tabenregconcurrent {
position:relative;
padding:2.5rem 0rem 2rem 0rem;
text-align:left;
display:flex;
justify-content: center;
align-items:center;
border-right: 1px solid #c8c8c8;
width:50%;
}

#label_concurrent {
position:absolute;
top:-1.4rem;
left:1.7rem;
text-align:center;
padding:0.2rem 1rem;
background-color:#fff;
font-weight:700;
color:#215c94;
}

.curseur{
cursor:pointer;	
}

#tabvide {
grid-column:span 11;
padding:0.5rem;
}


#input_saisie_num {
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:6rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}

#input_saisie_depart {
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:14rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}

#input_saisie_arrivee{
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:14rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}

#input_saisie_temps {
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:11rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}

#input_saisie_numc {
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:6rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}

#input_saisie_nom {
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:34rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}

#input_saisie_lic {
background-color:#fafafa;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem;
width:6rem;
font-size: 1.8rem;
text-align:center;
outline:#c8c8c8 solid 1px;
font-weight:700;
margin-right:1rem;
}


#tabgestion {
display:grid;
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
margin-top:2rem;
font-size: 1.7rem;
border-bottom: 1px solid #ebebeb;
}

.ordreid{text-align:center;padding: 1.2rem 1rem 1.2rem 1rem; border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.ordre{text-align:center;padding: 1.2rem 1rem 1.2rem 1rem; border-bottom: 0px solid #c8c8c8;}
.num{position:relative;text-align:center;padding: 1.2rem 1rem 1.2rem 1rem; border-bottom: 0px solid #c8c8c8;font-weight:700;}
.nom{text-align:left;padding: 1.2rem 2rem 1.2rem 1rem;border-bottom: 0px solid #c8c8c8;}
.sequentiel{text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.depart {position:relative;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.arrivee {position:relative;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}
.valide {position:relative;text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}
.temps {position:relative;font-weight:700;text-align:right;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}
.essai {position:relative;text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}
.commentaires {position:relative;text-align:left;padding: 1.2rem 1rem 1.2rem 1rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}

.numselect {position:relative;padding:0.0rem 0rem 0.0rem 0rem;border-bottom: 0px solid #8c8c8c;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.departselect {position:relative;padding:0;border-bottom: 0px solid #8c8c8c;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.arriveeselect {position:relative;padding:0;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}
.tempsselect {position:relative;text-align:right;padding:0;border-bottom: 0px solid #8c8c8c;border-right: 1px solid #c8c8c8;}
.commentairesselect {position:relative;text-align:left;padding:0;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;}
.supprimeselect {position:relative;text-align:center;padding:0.5rem 0rem 0rem 0rem;border-bottom: 0px solid #c8c8c8;}

.ordreidchr{width:8rem;padding: 1rem; border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.codechr {width:12rem;padding: 1rem;border-bottom: 0px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.pointchr {width:12rem;padding: 1rem;border-bottom: 0px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.numchr{width:8rem;padding:1rem; border-bottom: 0px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.sequentielchr{width:8rem;padding: 1rem;border-bottom: 0px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.heurechr {width:15rem;padding: 1rem;border-bottom: 0px solid #c8c8c8;border-left: 1px solid #c8c8c8;}
.etatchr{width:8rem;padding: 0rem;border-bottom: 0px solid #c8c8c8;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;display:flex;justify-content: center;align-items: center;}

.etat0 {background-color: #5a5a5a; height:1.6rem;width:1.6rem;border-radius: 0.8rem;text-align:center;}
.etat1 {background-color: #15b400; height:1.6rem;width:1.6rem;border-radius: 0.8rem;text-align:center;}
.etat2 {background-color: #cb3738; height:1.6rem;width:1.6rem;border-radius: 0.8rem;text-align:center;}
.etat3 {background-color: #ff7e00; height:1.6rem;width:1.6rem;border-radius: 0.8rem;text-align:center;}
.etat4 {background-color: #d4d200; height:1.6rem;width:1.6rem;border-radius: 0.8rem;text-align:center;}


.tr-blanc {background-color: #FFF; color: #1f1f1f;}
.tr-gris {background-color: #ebebeb; color: #1f1f1f;}
.tr-orange {background-color: #ffdc90; color: #1f1f1f;}

.numerreur{color: #1f1f1f;font-weight:700;}
.numerreur_etat2{color: #cb3738;font-weight:700;}
.numerreur_etat3{color: #ff7e00;font-weight:700;}
.numerreur_etat4{color: #d4d200;font-weight:700;}

.tr-inputdepblanc {background-color: #eff6f9; color: #1f1f1f;}
.tr-inputdepgris {background-color: #e1e8eb; color: #1f1f1f;}
.tr-inputdeprouge {background-color: #d2403c; color: #fff;}

.tr-inputarrblanc {background-color: #f2f9ef; color: #1f1f1f;}
.tr-inputarrgris {background-color: #e4ebe1; color: #1f1f1f;}

.tr-inputnumblanc {background-color: #fff6e0; color: #1f1f1f;}
.tr-inputnumgris {background-color: #f1e8d2; color: #1f1f1f;}


.cadre_numero_valide{
background-color:transparent;
color:#fff;
border: 1px solid #c8c8c8;
padding:2px 5px 2px 5px;
border-radius: 3px;
}


#tabfinal2 {
display:grid;
grid-template-columns: repeat(9, auto);
margin-top:2.2rem;
font-size: 1.7rem;
border-bottom: 1px solid #ebebeb;
}

#tabfinal3 {
display:grid;
grid-template-columns: repeat(10, auto);
margin-top:2.2rem;
font-size: 1.7rem;
border-bottom: 1px solid #ebebeb;
}

#tabfinal4 {
display:grid;
grid-template-columns: repeat(11, auto);
margin-top:2.2rem;
font-size: 1.7rem;
border-bottom: 1px solid #ebebeb;
}

#tabfinal5 {
display:grid;
grid-template-columns: repeat(12, auto);
margin-top:2.2rem;
font-size: 1.7rem;
border-bottom: 1px solid #ebebeb;
}


.separateurtableau2 {
grid-column:span 9;
padding: 2.0rem 0rem;
border-top: 1px solid #ebebeb;
}

.separateurtableau3 {
grid-column:span 10;
padding: 2.0rem 0rem;
border-top: 1px solid #ebebeb;
}

.separateurtableau4 {
grid-column:span 11;
padding: 2.0rem 0rem;
border-top: 1px solid #ebebeb;
}

.separateurtableau5 {
grid-column:span 12;
padding: 2.0rem 0rem;
border-top: 1px solid #ebebeb;
}


.titretableau2 {
grid-column:span 9;
padding: 0.4rem 1rem 0.4rem 1rem;
font-size: 2.5rem;
font-weight:700;
}

.titretableau3 {
grid-column:span 10;
padding: 0.4rem 1rem 0.4rem 1rem;
font-size: 2.5rem;
font-weight:700;
}

.titretableau4 {
grid-column:span 11;
padding: 0.4rem 1rem 0.4rem 1rem;
font-size: 2.5rem;
font-weight:700;
}

.titretableau5 {
grid-column:span 12;
padding: 0.4rem 1rem 0.4rem 1rem;
font-size: 2.5rem;
font-weight:700;
}

.ordrefinal{text-align:center;padding: 1.2rem 1rem 1.2rem 1rem; border-bottom: 0px solid #c8c8c8;}
.numfinal{text-align:center;padding: 0.9rem 1rem 0.0rem 1rem; border-bottom: 0px solid #c8c8c8;font-weight:700;}
.nomfinal{text-align:left;padding: 1.2rem 2rem 1.2rem 1rem;border-bottom: 0px solid #c8c8c8;}
.voiturefinal {text-align:left;padding: 1.2rem 2rem 1.2rem 1rem;border-bottom: 0px solid #c8c8c8; }
.grpfinal {text-align:left;padding: 1.2rem 3rem 1.2rem 1rem;border-bottom: 0px solid #c8c8c8; }
.tempsfinal {text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;}
.tempsfinalres {text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;font-weight:700;}
.pointsfinal {text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;}
.pointsfinalres {text-align:center;padding: 1.2rem 2rem 1.2rem 2rem;border-bottom: 0px solid #c8c8c8;font-weight:700;}

.titre{
font-weight:700;
background-color:#b4b4b4;
color:#000;
padding-top: 1.0rem;
padding-bottom: 1.0rem;
}

.titrecenter{
font-weight:700;
background-color:#b4b4b4;
color:#000;
padding-top: 1.0rem;
padding-bottom: 1.0rem;
text-align:center;
}

.colortitredepart{
background-color: #c9e2ec;
}

.colortitrearrivee{
background-color: #d4ecc9;
}

.colortitrenum{
background-color: #fee098;
}


select{
background-color:#fff;
border:1px solid #c8c8c8;
font-family: inherit;
font-size:1.6rem;
color:#424242;
padding:0.5rem 1rem;
font-weight:700;
}

textarea {
background-color:transparent;
font-family: inherit;
color:#1f1f1f;
padding:0.5rem 0.5rem 0.5rem 1rem;
width:30rem;
height:4.5rem;
font-size: 1.5rem;
text-align:left;
outline:none;
border:none;
font-weight:400;
}

input {
background-color:transparent;
font-family: inherit;
color:#1f1f1f;
padding:1.0rem;
width:14rem;
height:100%;
font-size: inherit;
text-align:center;
outline:none;
border:none;
font-weight:700;
}

.inputtemps{
width:11rem;
text-align:right;
padding: 1.0rem 2rem 1.0rem 2rem;
}

input:focus {
  border:none;
  outline:none;
  color:#000;
}

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

.imgsup{
cursor:pointer;
width:auto;
height:3.6rem;
}

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

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

.inputpena{
width:11rem;
}

.inputnum{
width:5rem;
color:#1f1f1f;
}

.inputheures{
color:#1f1f1f;
}

.inputheuresattente{
color:#d33c3c;
}

.inputnum0{
width:5rem;
color:#fff;
border-bottom:1px solid #ebebeb;
}

.selectp{
  pointer-events: none;
}

#bloc-es{
position:relative;
display:flex;
background-color:#fff;
padding:0;
flex: auto;
flex-wrap: nowrap;
width:100%;
}

.bouton_es{
background-color:#dcdcdc;
border-right: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
color:#1f1f1f;
text-align:center;
border-radius: 0px;
font-size:1.6rem;
font-weight:700;
width:11.5%;
margin:0rem 0rem 0rem 0rem;
flex: auto;
}

.bouton_es a{
color:#1f1f1f;
}

.bouton_es_txt{
padding: 0.7em 0.2rem 1.2rem 0.2rem;
}

.bescolor{
background-color:#c3c1c3;
}


#bloc_message_cat{
display:inline-flex;
flex-direction:row;
justify-content: center;
align-items: center;
padding:2rem 2rem;
border-bottom: 0px solid #c8c8c8;
border-radius: 3px;
margin-top:1rem;
font-size:1.5rem;
font-weight:700;
}

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


#message_icone_mod{
background-color:#1d6db3;
padding:0.3rem 0rem 0.2rem 0rem;
border-radius: 3px;
height:2.0rem;
width:2.5rem;
margin-right:0.6rem;
}

#message_icone_abandons{
background-color:#515151;
border: 1px solid #515151;
padding:0.3rem 0rem 0.2rem 0rem;
border-radius: 3px;
height:2.0rem;
width:2.5rem;
margin-right:0.6rem;
}

#message_icone_forfaits{
background-color:transparent;
border: 1px solid #515151;
padding:0.3rem 0rem 0.2rem 0rem;
border-radius: 3px;
height:2.0rem;
width:2.5rem;
margin-right:0.6rem;
}

#message_icone_vmrs{
background-color:#13a500;
padding:0.3rem 0rem 0.2rem 0rem;
border-radius: 3px;
height:2.0rem;
width:2.5rem;
margin-right:0.6rem;
}

#message_icone_vhrs{
background-color:#ec2c00;
padding:0.3rem 0rem 0.2rem 0rem;
border-radius: 3px;
height:2.0rem;
width:2.5rem;
margin-right:0.6rem;
}

.margin-message_cat{
margin-left:4rem;
}

#urllive{
margin-top:3rem;
}