/* ---------------------------------------------- */

#commentaireContainer
{
	background-color: #808080;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	position: absolute; 
	display: none;
    z-index:10002;
}

#commentaireHandle
{
	background-color: transparent;
	color: #fff;
	padding: 3px;
	margin: 3px;
	text-align: left;
}

#closeThisImage
{
	border: none;
	float: right;
	padding-right: 10px;
	margin: 0px;
	height: 16px;
	width: 16px;
}

#handleText
{
	background-color: transparent;
	color: #fff;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 6px;
	text-align: left;
}

#commentaireContentWrapper
{
	background-color: #e2e2e2;
	color: #000;
	padding: 3px;
	margin: 3px;

	display: flex;
	flex-direction: column;
}

#commentaireContent
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	overflow: hidden;
	margin: 10px;
	padding: 10px;
	text-align: left;

	float: left;

	resize: none;
	/* overflow-y: scroll; */
	overflow-y: auto;
}
	
#commentaireButtons
{
	margin: 0px;
	text-align: center;
	clear: both;
	height: 26px;
	padding-bottom: 15px;
	padding-top: 2px;
}

#commentaireForm
{
	margin-top: auto;

	margin: 0px;
	padding: 0px;
}

#btn_valider_annuler_supprimer
{
	float: right;
	text-align: right;
	padding-right: 50px;

	margin-top: auto;
}

#btn_valider
{
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	background-color: rgb(191, 186, 165)
}

#btn_annuler
{
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#btn_supprimer
{
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 50px;
}

#div_btn_nouvel_onglet
{
	float: left;
	text-align: left;
	margin-top: auto;
	padding-left: 50px;
}

#btn_nouvel_onglet
{
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#icon_corner
{
	margin-top: auto;
	text-align: right;
}

#resizer_r
{
	position: absolute;

    cursor: col-resize;
    height: 100%;
    right: 0;
    top: 0;
    width: 5px;
}

#resizer_b
{
	position: absolute;

    bottom: 0;
    cursor: row-resize;
    height: 5px;
    left: 0;
    width: 100%;
}

#aligner_gauche:hover
{
	cursor: pointer; 
}

#aligner_droite:hover
{
	cursor: pointer; 
}

#taille_police_moins:hover
{
	cursor: pointer; 
}

#taille_police_plus:hover
{
	cursor: pointer; 
}

/* ----------------------------- */

#barre_haut
{
	display: flex;
	flex-direction: row;

	margin-left: auto;
	margin-right: auto;
}

#main_buttons
{
	display: flex;
	flex-direction: column;
}

#mepBtn
{
	padding-top: 10px;
	width: 110px;
}

#filesBtn
{
	width: 110px;
	text-align: left;
}

/* ----------------------------- */

.tabs
{
	display: flex;
	flex-wrap: wrap;
}

.tabs label
{
	order: 1;
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-right: 0.2rem;
	cursor: pointer;
  	background: rgb(191, 186, 165);
  	font-weight: bold;
  	transition: background ease 0.2s;
	border-radius: 15px;
}

.tabs .tab
{
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  background: #fff;
  margin-top: -12px;
}

.tabs input[type="radio"]
{
	display: none;
}

.tabs input[type="radio"]:checked + label
{
	background: #fff;
}

.tabs input[type="radio"]:checked + label + .tab
{
	display: block;
}

/* ----------------------------- */

#special_characters
{
	display: flex;
	flex-direction: row;
	padding-top: 10px;
}

/*
.btn_group:hover
{
	cursor: pointer; 
}

.btn_group
{
	display: flex;
	flex-direction: column;
	font-size: 20px;
	padding: 0;
	width: 30px;
	height: 48px;
	vertical-align: bottom;
}
*/

.btn_char
{
	width: 30px;
	height: 24px;
}

.sc_voy1
{
	padding-left: 30px;
}

.sc_cedille
{
	padding-left: 30px;
}

.sc_con1
{
	padding-left: 30px;
}

.sc_pers1
{
	padding-left: 30px;
}

/* ----------------------------- */

#btn_group
{
	padding-top: 10px;
}

#btn_group td
{
	font-size:20px;
	vertical-align: bottom;
	width: 24px;
}

#btn_group:hover
{
	cursor: pointer; 
}

/* ----------------------------- */

#tab_cmt_files
{
	display: flex;
	flex-direction: column;
	text-align: left;
}

#div_upload_file
{
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 10px;

}

.cmt_files_title
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

#up_file_div
{
	padding-bottom: 10px;
}

#div_tab_files_list
{
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 10px;
}

#table_list_files th
{
	background-color: #e2e2e2;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}

#table_list_files td
{
	padding: 10px;
}

.vignette
{
	display: none;
	
	float: left;
	position: absolute;
	
	overflow-x: hidden;
	overflow-y: auto;
}

.bleu
{
	color: blue;
}

#error_msg
{
	padding-top: 10px;
	font-weight: bold;
	color:red;
}