/*
body:before {
   content: "Version bureau du site";
   display: block;
   text-align: center;
   font-style: italic;
   color: #777;
   font-size: 40 ;
}
*/

body {
    background: rgb(197,204,211) url(../stripes.png);
    font-family: Helvetica;
    font-size: 24 ;
    padding: 0;
    /* -webkit-user-select: none;  */
    /* -webkit-text-size-adjust: auto; */
    /*  width: auto; ou width: 800px; */
    max-width: 650px; 
    /* margin: 0 0 0 10px; */
    margin-left: auto; 
    margin-right: auto; 
    zoom:120%;
}


.scores {
    margin: 0 0 0 10px;
    font-family: Helvetica;
    font-size: 24 ;
    padding: 0;
    /* -webkit-user-select: none;  */
     -webkit-text-size-adjust: auto; 
    /*  width: auto; ou width: 800px; */
    max-width: 100%; 
}

.img_pub {
        width:  100%; 
        border: 0px;
        align: top;
}
    img,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    table,
    video {
        max-width: 100%;
    }
    
table {
    /* max-width: 100%; width: 800px; Modifie la taille du champ */
    font-size: 24 ;
    /* font-size: 1.1em; */
}  

.rfligne { 
    white-space: nowrap; 
    max-width: 100%;
    text-align: left;
    font-size: 22 ;
    font-family: verdana,serif;
}

.tableCanalActif { 
    /* display: none;        Masque le tableau */
    white-space: nowrap; 
    width: 100%;
    text-align: center;
    font-size: 18 ;
    font-family: verdana,serif;
    background-color: green ; 
    color: yellow ;
}

.msg {
    display: none;     /*   Masque la sous-liste */
    /*position: absolute;   Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
    background: white;   /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
    margin-top: -40px;    /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
    text-align: center;
    color: black ;
}

.tableCanalActif:hover .msg { 
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
}

.rfligneRouge { 
    white-space: nowrap; 
    max-width: 100%;
    text-align: left;
    font-size: 22 ;
    font-family: verdana,serif;
    background-color: yellow ; 
}

.rfplat { 
    font-size: 20 ;
    font-family: Arial;
}

.rfrouge { 
    background-color: red ; 
    font-weight: blod; 
}


tr.d0 {
    background-color: transparent ; 
    color: black;
    overflow: hidden;
}

tr.d1 {
    background-color: red ; 
    color: black;
    overflow: hidden;
}

.btn {
    width:40%;
    font-family: Helvetica;
    font-size: 24 ;
}

.mobileno {
    width:100%;
}

.btnfic {
    width:100%;
    font-family: Helvetica;
    font-size: 24 ;
}

.champ {
    width:10%;
    font-family: Helvetica;
    font-size: 24 ;
}

.champs {
    width:30%;
    font-family: Helvetica;
    font-size: 30 ;
}

.fic {
    font-family: Helvetica;
    font-size: 24 ;
}

.progress-bar {
	/* background: url(progress.png) no-repeat left center; */
	background-color: yellow;
	width: 120px;  /* width: 160px; */
	height: 24px;
}

.niveau {
    display: block;
    height: 1.1em;  
    border-radius: 2em;
    background-color: orange;
    /* background-image: url("progress.png"); */
	box-shadow: inset 0 0.063em 0 rgba(255, 255, 255, 0.3), inset 0 -0.063em 0.188em rgba(0, 0, 0, 0.4), 0 0.063em 0.063em rgba(0, 0, 0, 0.4);
	
	font-size: 20 ;
	text-align: center;
}

/* .niveau a{ text-decoration:none; }  */

.pourcent_00{  width: 1%;  }
.pourcent_05{  width: 5%;  }
.pourcent_10{  width: 10%;  }
.pourcent_15{  width: 15%;  }
.pourcent_20{  width: 20%;  }
.pourcent_25{  width: 25%;  }
.pourcent_30{  width: 30%;  }
.pourcent_35{  width: 35%;  }
.pourcent_40{  width: 40%;  }
.pourcent_45{  width: 45%;  }
.pourcent_50{  width: 50%;  }
.pourcent_55{  width: 55%;  }
.pourcent_60{  width: 60%;  }
.pourcent_65{  width: 65%;  }
.pourcent_70{  width: 70%;  }
.pourcent_75{  width: 75%;  }
.pourcent_80{  width: 80%;  }
.pourcent_85{  width: 85%;  }
.pourcent_90{  width: 90%;  }
.pourcent_95{  width: 95%;  }
.pourcent_100{ width: 100%; }