/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   GENEREAL
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.clear
{
	clear:both;
}

.requete {
	width: 100%;
	max-width: 600px;
	padding: 10px;
	border: 5px solid gray;
	margin: 0;
	background-color: lightblue;
}
.reqtitre {
	width: 100%;
	padding-top: 10px;
	float: left;
	border: 5px solid gray;
}
.requeteD {
	width: 59%;
	padding: 5px;
	border: 5px solid gray;
	margin: 0;
	background-color: lightblue;
	float: left;
}
.requeteG {
	width: 40%;
	padding: 5px;
	border: 5px solid gray;
	margin: 0;
	background-color: lightblue;
	float: right;
}
.titre_form {
	width: 100%;
	padding: 10px;
	border: 5px solid coral;
	margin: 0;
	background-color: #E0E0E0;
	font-size:3em;
	color:blue;
	text-align:center;
}
.attribut {
	padding-top: 10px;
	width: 30%;
	float: left;
}
.attribut10 {
	padding-top: 10px;
	width: 9%;
	float: left;
}
.attribut15 {
	padding-top: 10px;
	width: 15%;
	float: left;
}
.attribut19 {
	padding-top: 10px;
	width: 19%;
	float: left;
}
.attribut25 {
	padding-top: 10px;
	width: 25%;
	float: left;
}
.attribut40 {
	padding-top: 10px;
	width: 39%;
	float: left;
}
.valeur {
	padding-top: 10px;
	width: 80%;
	float: left;
}
.valeur55 {
	padding-top: 10px;
	width: 54%;
	float: left;
}
.valeur55b {
	padding-top: 10px;
	width: 54%;
	float: left;
	padding-bottom: 10px;
}
.valeur60 {
	padding-top: 10px;
	width: 59%;
	float: left;
}
.valeur69 {
	padding-top: 10px;
	width: 69%;
	float: left;
}
.valeur99 {
	padding-top: 10px;
	width: 99%;
	float: left;
}
.valeur99b {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 99%;
	float: left;
}
.contient {
	padding-top: 10px;
	width: 9%;
	float: left;
}
.contient15 {
	padding-top: 10px;
	width: 15%;
	text-align: center;
	float: left;
}
.bord1 {
	border: 5px solid gray;
    border-radius: 10px;
}
.interv19 {
	padding-top: 0px;
	width: 24%;
	float: left;
}
.interv69 {
	padding-top: 0px;
	width: 75%;
	float: left;
}
.tab_concert
{
	border:  5px solid gray;
	border-radius: 10px;
	min-width:400px;
	width:39%;
	margin-left:10px;
	float: left;
}
.tab_concertoeuvre
{
	border:  5px solid gray;
	border-radius: 10px;
	min-width:400px;
	width:59%;
	margin-left:5px;
	float: left;
}
.trait_dessus
{
	border-top: 5px solid gray;
	text-align:center;
}
.trait_dessous
{
	border-bottom:5px solid gray;
	text-align:center;
}
.ligne {
	background-color: LemonChiffon;
	text-align:center;
}
.TitrePage {
	background-color: #E0E0E0;
	font-size:1.8em;
	color:blue;
	text-align:center;
}
.bouton1 {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
  border-radius: 10px;
}
.bouton1:hover {
  background-color: #4CAF50;
  color: white;
}
.bouton2 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.bouton3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
}

.bouton4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.bouton5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}
.boutonMode {
     display: inline-block;
	 float:left;
	 width: 250px;
	 border: 0;
	 height: 35px;
	vertical-align:middle;
}
.divcentree {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*input[type="submit"] {
	background: blue;
	color: white;
	border-style: outset;
	border-color: #0066A2;
	border-radius: 10px;
	height: 30px;
	width: 130px;
	font: bold 15px arial, sans-serif;
	text-shadow:none;
}
*/
/*pour ajuster l'image à la taille du contener */

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   entete
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
 #div_entete
{
	min-width:1090px;
	height:140px;
}
#entetGauche {
	float:left;
	width:19%;
	font-size:1em;
	color:blue;
	text-align:center;
	background-image: url("images/puce005.png");
	background-repeat: repeat-y;
	height:100%;
	}
#entetCentre {
	float:left;
	width:80%;
	font-size:1em;
	color:blue;
	text-align:left;
	height:100%;
	background-image: url("images/fond_musique.png");
	}
.infoHG {
	display: block;
}
@media screen and (max-width: 992px) {
	.infoHG {
		display: none
	}	
}
.fondMusique {
	background-color: #d9edf7;
	background: url("images/fond_musique.png");
	background-position: center top;
	text-align: center;
}
.fondbleu1 {
	background-color: #d9edf7;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   Menu haut
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.menu_haut{
	padding-left: 0px !important;
} 
.barre_menu{
	  background-color: #333;
}
.menu_haut ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.menu_haut li{
  float: left;
}

.menu_haut a, .barre_menu, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu_haut a:hover, .sousmenu:hover .dropbtn {
  background-color: red;
}

.sousmenu {
  display: inline-block;
}

.sousmenu-content {
  display: none;
  position: absolute;
  background-color: #AAF3F4;
  min-width: 100px;

  z-index: 1;
}

.sousmenu-content a {
  color: blue;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size:1.3em;
  font-family: "Times New Roman";
  border: 1px solid;
}

.sousmenu-content a:hover {background-color: #f1f1f1;}

.sousmenu2 {
  display: none;
  position: sticky;
  background-color: #AAF3F4;
  min-width: 100px;

  z-index: 1;
}

.sousmenu2 a {
  color: blue;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size:1.3em;
  font-family: "Times New Roman";
  border: 1px solid;
}
.sousmenu2-content {
  display: none;
  position: absolute;
  background-color: #AAF3F4;
  min-width: 100px;

  z-index: 2;
}
.sousmenu:hover .sousmenu-content,
.sousmenu:hover .sousmenu2
 {
  display: block;
}


.sousmenu2:hover .sousmenu2-content
 {
  display: block;
}
.sousmenu2-content a:hover {background-color: #f1f1f1;}



@media screen and (max-width: 992px) {
	.barre_menu{
		display: none
	}	
}

.programme{
	font-size:1.3em;
	font-family: "Times New Roman";
	color: blue;
	background-color: #66FFFF;
	margin-top:5px;
	margin-bottom:5px;
	text-align: center;
	
}
.NoSession {
	color: #337ab7;
	font-size:0.3em;
}
.NoSession:hover {
	font-size:0.8em;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   corps de page
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#div_corps
{
	min-width:1100px;
}
#div_menu {
	float:left;
	width:19%;
	font-size:1em;
	color:blue;
	text-align:center;
	min-height:850px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: blue;
	background-image: url("images/puce005.png");
	background-repeat: repeat-y;
	}
.menu {
	font-size:1.2em;
	color:blue;
	text-align:center;
	min-height:850px;
	background-image: url("images/puce005.png");
	background-repeat: repeat-y;
	font-family: "Times New Roman";
	padding-left:0;
}
	
	
}	
#div_page {
	float:left;
	width:80%;
	font-size:1em;
	color:blue;
	text-align:left;
	}

#div_contenu {
	clear:both;
	float:left;
	width:100%;
	margin:2px 0px 2px 10px;
	font-size:0.8em;
	color:blue;
	text-align:left;
	}
.contenu {
	clear:both;
	margin:2px 0px 2px 10px;
	font-size:0.8em;
	color:blue;
	text-align:left;
	margin-right:0px !important;
}
#div_grandepage {
	float:left;
	width:100%;
	font-size:1em;
	color:blue;
	text-align:left;
	}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   Menu
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
 #subdiv_navigation
{
	color: #990000;
	background-color: #66CCFF;
}
 #subdiv_compteur
{
	font-size:16px;
	color:blue;
	text-align:center;
	background-color: #CCFF99;
}
 #subdiv_programme
{
	font-size:1.2em;
	color:#FF6600;
	text-align:left;
	text-decoration:underline;
	background-color: #CCFFFF;
;
}
 .display_proglist
{
	font-size:1.5em;
	color:#3300CC;
	text-align:left;
	background-image: url("images/puce005.png");
	background-repeat: repeat-y;
}
 .display_proglist a
{
	color:blue;
	text-decoration:none;
}

.display_proglist a:hover
{
	color:#636363;
	text-decoration:underline;
}
 .display_proglist li
{
	margin-bottom:5px;
	
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   Page Accueil
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#div_bienvenu {
	clear:both;
	float:left;
	width:100%;
	font-size:18.0pt;
	color:blue;
	text-align:left;

	}
.bienvenu{
	font-size:18.0pt;
	color:blue;
	text-align:left;
}
#subDiv_Bienvenu_haut
{
	float:left;
	width:100%;
	font-size:18.0pt;
	text-align:center;
	
}
#subDiv_Bienvenu_deconnect
{
	float:right;
	width:10%;
	font-size:18.0pt;
	text-align:right;
	
}
.Bienvenu_deconnect
{
	font-size:1em;
	text-align:right;
	background:#66FFFF;
	margin-top:5px; 
	margin-bottom:5px;
}
#subDiv_Bienvenu_left
{
	float:left;
	width:49%;
	font-size:18.0pt;
	color:red;
	text-align:center;
	
}
.bienvenu_left{
	font-size:1.1em;
	color:red;
	text-align:center;
}
#subDiv_bienvenu_right
{
	float:left;
	width:50%;
	font-size:1.1em;
	margin:0px 0px 15px 0px;
	background-color:white;
}
.bienvenu_right{
	font-size:1.2em;
	background-color:white;
	text-align:left;
}
.bienvenu_right hr{
  border: 1px solid blue
  }
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //------- Contenu premiere partie avertissement
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#info
{
	margin:0px -15px 0px -15px;
	display: block;
}
@media screen and (max-width: 1024px) {
#info {
		display: none
	}	
}
#subDiv_avertis
{
	float:left;
	min-width:900px;
	margin:0px 0px 2px 2px;
}
.avertis{
	margin:0px 0px 2px 2px;
}
#subDiv_attention_left
{
	float:left;
	width:45%;
	font-size:1.5em;
	color:red;
	text-align:center;
	margin:0px 0px 7px 0px;
}
.attention_left{
	font-size:1.5em;
	color:red;
	text-align:center;
}
#subDiv_attention_midle
{
	float:left;
	width:12%;
	font-size:1em;
	margin:0px 0px 7px 0px;
}
.attention_midle{
	font-size:1em;
	margin:0px 0px 7px 0px;
}
#subDiv_attention_right
{
	float:left;
	width:42%;
	border: solid 2px #00ddff;
	font-size:1em;
	margin:0px 0px 7px 0px;
}
.attention_right
{
	border: solid 2px #00ddff;
	font-size:1em;
	margin:0px 0px 7px 0px;
}
#subDiv_entete_left
{
	float:left;
	width:50%;
	font-size:1em;
	background-color:#FFF6D0;   /* remplace  #FFE4B5*/
}
.entete_left
{
	font-size:1em;
	background-color:#FFF6D0;   /* remplace  #FFE4B5*/
}
 #subDiv_entete_left_titre
{
	margin-left:10px;
	text-decoration:underline;
}

#subDiv_entete_right
{
	float:left;
	width:49%;
	font-size:1em;
	margin:0px 0px 2px 0px;
}
.entete_right
{
	font-size:1em;
	margin:0px 0px 2px 0px;
}


#subDiv_entete_left_1
{
	float:left;
	width:50%;
	margin:0px 0px 15px 0px;
}

#subDiv_entete_left_2
{
	float:left;
	width:49%;
	margin:0px 0px 15px 0px;
}

 #subDiv_entete_left_1 ul, #subDiv_entete_left_2 ul
{
	margin-top:0px;
	margin-bottom:0px;
}
 
 #subDiv_entete_left_1 a, #subDiv_entete_left_2 a
{
	text-decoration:none;
}

 #subDiv_entete_left_1 a:hover, #subDiv_entete_left_2 a:hover
{
	text-decoration:underline;
}
#subDiv_audio_left
{
	float:left;
	width:49%;
	min-width:500px;
	font-size:1.5em;
	color:red;
	text-align:center;
	margin:0px 0px 7px 0px;
	
}
#subDiv_audio_right
{
	float:left;
	width:49%;
	min-width:500px;
	border: solid 2px #00ddff;
	font-size:1em;
	margin:0px 0px 7px 0px;
}

/* corps : programme   */


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   HEAD
 * modif 14/03/2018 couleur bordure (bleau clair)
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#head_TO
{
	background-color: #ccffcc;    
	color:blue;
	font-family:bold;
	font-size:1.3em;
	width:100%;
	height:30px;
	text-align:center;
}

#left_HTO
{
	width:298px;
	height:100%;
	float:left;
}

#right_HTO
{
	border-left: solid 2px #00ddff;
	width:600px;
	height:100%;
	float:left;
}
.head_TO
{
	background-color: #ccffcc;    
	border: solid 3px #00ddff;			/* remplace  #ff6600*/
	color:blue;
	font-family: "Times New Roman";
	font-size:1.3em;
	height:30px;
	text-align:center;
}

.left_HTO
{
	border-right: solid 3px #00ddff;
	height:25px;
}

.right_HTO
{
	border-left: solid 2px #00ddff;
	width:600px;
	height:100%;
	float:left;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   Sub HEAD
 * modif 14/03/2018 couleur bordure (bleau clair) et arriere plan
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#subhead_TO
{
	background-color:#e4e4ff;				/* remplace #fde9d9*/
	border-bottom: solid 3px #00ddff;
	width:100%;
	height:45px;
}
.subhead_TO
{
	background-color:#e4e4ff;				/* remplace #fde9d9*/
	border: solid 3px #00ddff;
	height:45px;
}
.encadre1
{
	border-right: solid 1px #00ddff;
	height:40px;
	font-size:1.3em;
	text-align:center;
}
.encadre2
{
	border-right: solid 1px #00ddff;
	height:40px;
	font-size:1em;
	text-align:center;
}
.encadre3
{
	background-color:#e4e4ff;
	border-top: solid 1px #00ddff;
	border-bottom: solid 1px #00ddff;
	height:40px;
	font-size:1.3em;
	text-align:center;
}
.son3{
	padding-top:15px !important;
	border-right: solid 1px #00ddff;
	height:40px;
	border-bottom: solid 1px #00ddff;
	text-align:center;
}
.son3r{
	padding-top:15px !important;
	height:40px;
	border-bottom: solid 1px #00ddff;
	text-align:center;
}
.oeuvre1
{
	border-right: solid 1px #00ddff;
	height:40px;
	font-size:1.3em;
	text-align:right;
}
.oeuvre2
{
	height:40px;
	font-size:1.3em;
	text-align:left;
}
/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { */
@media screen and (max-width: 1320px) {
.encadre1{
	font-size:1.2em;
}
}
.encadre2{
	font-size:0.9em;
}
@media screen and (max-width: 1190px) {
.encadre1{
	font-size:1.1em;
}
.encadre2{
	font-size:0.9em;
}
.oeuvre_partition{
	font-size:0.8em;
}
}
@media screen and (max-width: 1024px) {
.encadre1{
	font-size:1em;
}
.encadre2{
	font-size:0.7em;
}
.oeuvre_partition{
	font-size:0.7em !important;
}
}
#left_ShTO
{
	width:298px;
	height:100%;
	float:left;
}

#right_ShTO
{
	border-left: solid 2px #00ddff;
	width:600px;
	height:100%;
	text-align:center;
	font-size:1.3em;
	float:left;
}

#col_left_right_ShTO
{
	color:red;
	border-right: solid 1px #00ddff;
	padding-top:8px;
	width:149px;
	height:100%;
	float:left;
}

#col_center_right_ShTO
{
	color:red;
	border-right: solid 1px #00ddff;
	padding-top:8px;
	width:239px;
	height:100%;
	float:left;
}

#col_right_right_ShTO
{
	color:#984806;
	width:210px;
	height:100%;
	float:left;
}

#label_Entrainement
{
	border-bottom: solid 1px #00ddff;
	width:100%;
}

.col_s, .col_a, .col_t
{
	border-right: solid 1px #00ddff;
	color:#984806;
	width:52px;
	height:100%;
	float:left;
}


.col_b
{
	color:#984806;
	width:51px;
	height:100%;
	float:left;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   NoUiSlider
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.noUi-connect {
    background: navy !important;
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    background: red;
}
.noUi-target.noUi-horizontal .noUi-tooltip {
    background-color: lightblue;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   DATA
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#tab_oeuvres
{
	border: solid 3px #00ddff;
	min-width:900px;
	width:900px;
	margin:auto;
}
.erreur {
	font-size: 12px;
	color: #FF00FF;
	font-weight: bold;
	text-align: center;
}
.ok {
	font-size: 12px;
	color: blue;
	font-weight: bold;
	text-align: center;
}
.display_an 
{
	border-bottom: solid 2px #00ddff;
	border-right: solid 1px #00ddff;
	font-size: 20px;
	color: black;
	text-align:center;
	width:100%;
	background-color: #E6E6FA;    
}
.display_oeuvre 
{
	border: solid 2px #00ddff;
	font-size:1.3em;
}
 
.titre_oeuvre
{
	/*width:298px;
	height:100%;
	float:left;*/
	text-align:center;
}
 
.titre_oeuvre .titre
{
	color:#00ddff;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
} 

.titre_oeuvre .auteur
{
	color:blue;
	font-size:1.3em;
} 
 
 .fichiers_oeuvre
{
	border-left: solid 2px #00ddff;
/*	width:600px;
	height:100%;  */
	text-align:center;
	font-size:1.3em;
	float:left;
}

.oeuvre
{
	height:24px;
	border-bottom: solid 1px #00ddff;
	text-align:left;
	padding-right:0px !important;
}
.oeuvre_partition
{
	height:24px;
	border-bottom: solid 1px #00ddff;
	text-align:center;
	padding-right:0px !important;
	border-right: solid 1px #00ddff;
}
.son{
	border-right: solid 1px #00ddff;
	padding-right: 1px;
	padding-left: 1px;
	width: 25%;
	position: relative;
	float: left;
	height:24px;
}
.col_left_O
{
	border-right: solid 1px #00ddff;
	border-bottom: solid 1px #00ddff;
	width:149px;
	height:100%;
	float:left;
}

.col_center_O
{
	border-right: solid 1px #00ddff;
	border-bottom: solid 1px #00ddff;
	width:239px;
	height:100%;
	float:left;
}

.col_right_O
{
	border-bottom: solid 1px #00ddff;
	width:210px;
	height:100%;
	float:left;
}

.col_left_O_end
{
	border-right: solid 1px #00ddff;
	width:149px;
	height:100%;
	float:left;
}

.col_center_O_end
{
	border-right: solid 1px #00ddff;
	width:239px;
	height:100%;
	float:left;
}

.col_right_O_end
{
	width:210px;
	height:100%;
	float:left;
}

.col_s_O, .col_a_O, .col_t_O
{
	border-right: solid 1px #00ddff;
	color:#984806;
	width:52px;
	height:24px;
	float:left;
}

.col_b_O
{
	color:#984806;
	width:51px;
	height:24px;
	float:left;
}

.col_left_O img, .col_left_O_end img, .col_s_O img, .col_a_O img, .col_t_O img, .col_b_O img
{
	border:none;
	margin-top:4px;
}

 .col_center_O a, .col_center_O a:link, .col_center_O a:visited, .col_center_O_end a, .col_center_O_end a:link, .col_center_O_end a:visited
{
	color:#636363;
	text-decoration:none;
}

.col_center_O a:hover, .col_center_O_end a:hover
{
	color:#636363;
	text-decoration:underline;
}
.affiche img
{
 height: 100%;
 width: 100%;
 object-fit: contain;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   partition
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
 #partition_titre
{
	min-width:1000px;
}
 #partition_haut
{
	min-width:1000px;
}
 #partition_H_droit
{
	float:left;
	width:33%;
}
 #partition_H_centre
{
	float:left;
	width:33%;
}
 #partition_H_gauche
{
	float:left;
	width:33%;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
 * //--------------   ADMIN
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
 #div_menu_admin {
	float:left;
	width:19%;
	font-size:1em;
	color:blue;
	text-align:center;
	min-height:850px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: blue;
	background-image: url("images/puce007.png");
	background-repeat: repeat-y;
	}
#div_contenu_admin {
	float:left;
	width:80%;
	font-size:1em;
	color:blue;
	text-align:left;
	min-height:850px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: blue;
	background-image: url("images/puce007.png");
	background-repeat: repeat-y;
	}
#div_contenu1_admin {
	float:left;
	width:60%;
	font-size:1em;
	color:blue;
	text-align:left;
	min-height:400px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: blue;
	background-repeat: repeat-y;
	}
#div_contenu2_admin {
	float:left;
	width:39%;
	font-size:1em;
	color:blue;
	text-align:left;
	min-height:400px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: blue;
	background-image: url("images/puce007.png");
	background-repeat: repeat-y;
	}
.rouge{
color: red;
}
.rouge2{
color: red;
font-size:1.5em;
}
  .display_admin
{
	font-size:1em;
	color:#3300CC;
	text-align:left;
	background-image: url("images/puce007.png");
	background-repeat: repeat-y;
}
 .display_admin a
{
	color:blue;
	text-decoration:none;
}

.display_admin a:hover
{
	color:#636363;
	text-decoration:underline;
}
 .display_admin li
{
	margin-bottom:5px;
	
}
#subDiv_User_left
{
	float:left;
	width:49%;
	font-size:12.0pt;
	color:blue;
	text-align:center;
}
.user_left
{
	color:blue;
	text-align:center;
}

	
#tab_users
{
	border: solid 3px #00ddff;
	min-width:1110px;
	width:1200px;
	margin:auto;
}
.col_umod
{
	border-right: solid 1px #00ddff;
	color:#984806;
	width:50px;
	height:24px;
	text-align:center;
	float:left;
}
.col_uid
{
	border-right: solid 1px #00ddff;
	color:#984806;
	width:50px;
	height:24px;
	float:left;
}

.col_unom
{
	color:#984806;
	width:120px;
	height:24px;
	float:left;
}
.col_umail
{
	color:#984806;
	width:200px;
	height:24px;
	float:left;
}
.col_uville
{
	color:#984806;
	width:155px;
	height:24px;
	float:left;
}
.col_pupitre
{
	color:#984806;
	width:70px;
	height:24px;
	float:left;
}
.col_uchor
{
	color:#984806;
	width:200px;
	height:24px;
	float:left;
}
.col_uaudio
{
	color:#984806;
	width:50px;
	height:24px;
	float:left;
}	
.col_urole
{
	color:#984806;
	width:70px;
	height:24px;
	float:left;
}	
.col_lieu
{
	color:#984806;
	width:240px;
	height:24px;
	float:left;
}
.col_comment
{
	color:#984806;
	width:300px;
	height:24px;
	float:left;
}	
/* *********
           pour tableaux avec tri 
*/
.celnum{
	font-weight: bold;
	text-align: right
}
.flecheDesc {
	width: 0; 
	height: 0; 
	float:right;
	margin: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.flecheAsc {
	width: 0; 
	height: 0;
	float:right;
	margin: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
}
/*table, td, tr, th {
  border: 1px solid black;
  border-collapse: collapse;
}*/
.tableau {width:100%;table-layout: fixed;border-collapse: collapse;margin:5px;}
.tableau td {padding:.3rem}
.zebre tbody tr:nth-child(odd) {background-color: #d6d3ce;border-bottom:1px solid #ccc;color:#444;}
.zebre tbody tr:nth-child(even) {background-color: #c6c3bd;border-bottom:1px solid #ccc;color:#444;}
.zebre tbody tr:hover:nth-child(odd) {background-color: #999690;color:#ffffff;}
.zebre tbody tr:hover:nth-child(even) {background-color: #999690;color:#ffffff;}
.avectri th {text-align:center;padding:5px 0 0 5px;vertical-align: middle;background-color:#999690;color:#444;
/* cursor:pointer;  */
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.avectri th.selection {background-color:#5d625c;color:#fff;}
.avectri th.selection .flecheDesc {border-bottom-color: white;}
.avectri th.selection .flecheAsc {border-top-color: white;}
.zebre tbody td:nth-child(3) {text-align:center;}
