/*
	main css customisation file
*/

/* overide bootstrad round ! */
input[type="number"], input[type="text"], input[type="password"]/*, input[disabled]*/
{
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	height:25px;
}
input[type="submit"]
{
	color:black;
}

body 
{
    background-color: rgb(22,29,35);
	color:white;
}

/*
.div_center
{
	text-alig
}*/

.test
{
	border:1px solid white;
}

.container
{

}

/* La classe comportant le logo BHC en fond avec la planete et dimension un minimum le contenu */
.bhc
{
	background: rgb(100,100,100);
	background-position:top right;
	background-repeat:no-repeat;
	background-image: url('../images/bhc_background.png'); /* fallback */
	background-image: url('../images/bhc_background.png'), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060)); /* Saf4+, Chrome */
	background-image: url('../images/bhc_background.png'), -webkit-linear-gradient(top, #000000, #606060); /* Chrome 10+, Saf5.1+ */
	background-image: url('../images/bhc_background.png'),    -moz-linear-gradient(top, #000000, #606060); /* FF3.6+ */
	background-image: url('../images/bhc_background.png'),     -ms-linear-gradient(top, #000000, #606060); /* IE10 */
	background-image: url('../images/bhc_background.png'),      -o-linear-gradient(top, #000000, #606060); /* Opera 11.10+ */
	background-image: url('../images/bhc_background.png'),         linear-gradient(to bottom, #000000, #606060); /* W3C */
		
	min-height:650px;
}

/* le span header utilisateur */
#header_user
{
	
	border:2px solid white;
	background-color:rgb(20,27,35);
	color:white;
	/*font-weight: bold;*/
	width:370px;
	margin-top:7px;
	margin-bottom:5px;
}


.logout
{
	font-size:80%;
}
/*
.menu
{
	margin:auto;
	border:solid white 1px;
	text-align:center;
}*/

/* ------------------------------------------------- */
/* le système d'onglet pour switch menu */
#tabs
{
	height:25px;
	margin:auto;
	text-align:center;
}
.tab
{
	border:1px solid #666666;
	color:black;
	background-color:#D2D2D2;
	margin-left:1px;
	margin-right:1px;
	padding:3px 5px;
	display:inline;
}
.tab_selected
{
	border:1px solid rgb(255,102,102);
	color:black;
	background-color:rgb(255,255,204);

	/*border:1px solid #666666;
	color:white;
	background-color:#D2D2D2;
	margin-left:1px;
	margin-right:1px;
	padding:3px 5px;
	display:inline;*/
}
.tabfocus
{
	/*border:1px solid white;*/
	background-color:rgb(213,93,93);
}
/* unvisited link */
.tab_link:link 
{
    color: black;
	text-decoration: none;
}
/* visited link */
.tab_link:visited 
{
    color: black;
	text-decoration: none;
}
/* mouse over link */
.tab_link:hover 
{
    color: black;
	text-decoration: underline;
}
/* selected link */
.tab_link:active 
{
    color: black;
	text-decoration: underline;
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* Section DATA */
/* Onglet, sous menu */
.data_submenu
{
	/* margin:auto; */
	text-align:center;
	/* border:1px solid white; */
	width:100%;
}
.data_submenu_bt
{
	/* border:1px solid white; */
	
}

/* bouton d'ajout OA/user dans le module de données */
.data_add_bt
{
	width:50px;
	height:50px;
}

/* ------------------------------------------------- */
/* boutton d'operation de la section data */
.data_operation_disable
{
	background-image: url("../images/icon_data_user_disable.png");
	background-repeat:no-repeat;
	width: 24px;
    height: 24px;
}
/* ------------------------------------------------- */

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

/* le container global de la page de contenu */
#content
{
	margin-top:20px;
}

/* titre de section, sous titre, titre secondaire... */
.title_section
 {
	background-color:#303030;
	text-align:center;
	color:#DDDDDD;
	font-size:150%;
	border:solid 2px #292C31;
 }

 /* ------------------------------------------------- */
.contact_table
{
	margin:auto;
	margin-top:10px;
	border:1px solid white;
	/* margin:10px 10px; */
	border-collapse: separate;
    border-spacing: 10px 1px;
}
 /* ------------------------------------------------- */
 
 /* ------------------------------------------------- */
/* le pied de page */
.footer
{
	/*margin-top:45px;
	background-image:url('../images/footer.png');
	background-position:bottom;
	background-repeat:no-repeat;
	height:30px;*/
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* boutton de suppression d'un element (news/docs/help) */
#data_delete
{
	background-image: url("../images/icons.png");
	background-repeat:no-repeat;
	background-position:-418px -569px;
	border:solid 1px red;
	width: 30px;
    height: 30px;
}
/* ------------------------------------------------- */
 
/* ------------------------------------------------- */
/* les elements de formulaire */
.form_label
{
	width:150px;
	text-align:center;
}
.form_in_5
{
	width:200px;
}
/* table d'information pour presentation formulaire */
.table_info
{
	margin:auto;
}
.table_info td
{
	text-align:center;
}
.table_info_label
{
	color:white;
	text-align:center;
	width:160px;
}

/* input text standardisé */
.input_info
{
	width:200px;
	color:black;
	height:25px;
}
/* input text pitit! */
.input_info_small
{
	width:80px;
	height:20px;
	color:black;
}
/* input text version large */
.input_info_large
{
	width:400px;
	color:black;
}
/* textarea standardisé */
.text_info
{
	width:200px;
	color:black;
	height:60px;
}

.account_bt_credits
{
	color:black;
	text-align:center;
}

.account_alert_container
{
	height:40px;
	width:25px;
	text-align:center;
	border:solid 1px white;
	vertical-align:middle;
}

.account_alert_bt_up
{
	/*426 64 */
	/* 12 9 */
	/*background-color:white;*/
	width: 12px;
    height: 9px;
    /*display: inline-block;*/
    background-image: url("../images/icons.png");
	background-repeat:no-repeat;
	background-position:-426px -64px;
	border:0px;
	
	position:relative;
	top:0px;
	display:inline;
}
.account_alert_bt_down
{
	width: 12px;
    height: 9px;
   /* display: inline-block;*/
    background-image: url("../images/icons.png");
	background-repeat:no-repeat;
	background-position:-426px -64px;
	border:0px;
	
	display:inline;
	/*position:relative;
	bottom:-9px;
	right:16px;*/
	/*border:0px;
	float:bottom;
	bottom:0px;*/
	/*display:block;*/
	
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
	
	
}

/* La table de présentation des roles */
.table_account_role
{
	margin:auto;
	width:90%;
	border:solid 1px white;
}
.table_account_role tr
{
	border:solid 1px white;
}

/* la section globale de validation */
.validation
{
	text-align:right;
	color:#CCCCCC;
}

/* les submit de form de la section account */
.bt_form_account
{
	color:#787878;
	background-color:transparent;
	width:110px;
	height:30px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border:#666666 solid 1px;
}
#sb_save
{
	color:#787878;
	background-color:transparent;
	width:110px;
	height:30px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px; 
	border:#666666 solid 1px;
}
.bt_form_account_modified
{
	color:black;
	background-color:transparent;
	width:110px;
	height:30px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border:black solid 1px;
}

/* classe pour le label d'information indiquant s'il y a eu des modifications ou pas */
.label_not_modified
{
	font-style: italic;
	color:#DEDEDE;
}
.label_modified
{
	font-weight:bold;
	color:#CC3333;
}

/* l'image pour ajouter un utilisateur dans la page de données */
#img_add_user
{
	padding:10px 10px;
}

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

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

/* ------------------------------------------------- */
/* La div globale pour contenir le système de login */
.login_div
{
	width:450px;
	height:270px;
	
	margin:auto;
	margin-top:140px;
	
	text-align: center;

	background-image: url('../images/login_header.png'); /* fallback */
	background-image: url('../images/login_header.png'), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#606060), to(#000000)); 	/* Saf4+, Chrome */
	background-image: url('../images/login_header.png'), -webkit-linear-gradient(top, #000000, #606060, #000000);									/* Chrome 10+, Saf5.1+ */
	background-image: url('../images/login_header.png'),    -moz-linear-gradient(top, #000000, #606060, #000000); 									/* FF3.6+ */
	background-image: url('../images/login_header.png'),     -ms-linear-gradient(top, #000000, #606060, #000000); 									/* IE10 */
	background-image: url('../images/login_header.png'),      -o-linear-gradient(top, #000000, #606060, #000000); 									/* Opera 11.10+ */
	background-image: url('../images/login_header.png'),         linear-gradient(to bottom, #000000, #606060, #000000); 							/* W3C */
	background-repeat:no-repeat;
	background-position:50% 10%;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	padding-top:125px;
}
/* la table de structuration des input de login */
.login_table
{
	width:90%;
	margin:auto;
	
	border:solid #303030 2px;
	
	background-image:  -webkit-gradient(linear, left top, left bottom, from(#1C2228), to(#424242)); 	/* Saf4+, Chrome */
	background-image:  -webkit-linear-gradient(top, #1C2228, #424242);									/* Chrome 10+, Saf5.1+ */
	background-image:     -moz-linear-gradient(top, #1C2228, #424242); 									/* FF3.6+ */
	background-image:      -ms-linear-gradient(top, #1C2228, #424242); 									/* IE10 */
	background-image:       -o-linear-gradient(top, #1C2228, #424242); 									/* Opera 11.10+ */
	background-image:          linear-gradient(to bottom, #1C2228, #424242); 							/* W3C */
}
.login_table tr td
{
	text-align:center;
	vertical-align: middle;
}
/* format des intitulés de login*/
.login_title
{
	color:white;
	padding:2px 10px;
	text-transform: uppercase;
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
}
.login_input
{
	width:240px;
	margin:auto;
	/* padding:auto; */
}
.login_submit
{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	background-color:#CCCCCC;
	color:black;
	margin:auto;
	margin-top:30px;
}/*
.login_submit_div
{
	margin:auto;
}*/

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

/* ------------------------------------------------- */
/* La ligne colorée horizontal BHC */
.bhc_gradient
{
	height:30px;
	width:100%;
	position:bottom;
	text-align:bottom;
	margin:0 0;
	padding:0 0;
	background-image: -webkit-gradient(linear, left bottom, right bottom, from(violet), to(lightblue), to(green), to(yellow), to(red), to(magenta)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, violet, lightblue, green, yellow, red, magenta); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(left, violet, lightblue, green, yellow, red, magenta); /* FF3.6+ */
	background-image:     -ms-linear-gradient(left, violet, lightblue, green, yellow, red, magenta); /* IE10 */
	background-image:      -o-linear-gradient(left, violet, lightblue, green, yellow, red, magenta); /* Opera 11.10+ */
	background-image:         linear-gradient(to right, violet, lightblue, green, yellow, red, magenta); /* W3C */
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */
.div_data
{
	padding:25px 50px;
}

.div_data_title
{
	background-color:#D4D4D4;
	border-bottom:solid black 1px;
	padding:5px 5px;
	vertical-align:middle;
	color:black;
}

.div_new_data_content
{
	background-color:#D4D4D4;
	padding:5px 5px;
	color:black;
}

.div_data_content
{
	background-color:white;
	padding:5px 5px;
	color:black;
}

.home_title_label
{
	/*color:black;
	background-color:white;*/
}


/* système de filtre dans la page de data*/
table.table_filter 
{
	font-size: 12px;
	/* background-color: #4D4D4D; */
	/*width: 1024px;*/
	/* cell-spacing:; */
	border: 1px solid #000;
	/* border-spacing: 5px; */
   /*  border-collapse: sepparate; */
    /* border-collapse: collapse; */
	margin:auto;
	width:100%;
}
.filter_input
{
	width:100%;
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */
/* Le conteneur global pour les messages */
.msgs_container
{
	margin-top:50px;
}
/* Le système d'affichage des messages d'info/warn/err */
.div_msg
{
	border:solid 2px white;
	margin:auto;
	width:80%;
	padding:20px 20px;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
/* ------------------------------------------------- */


/* ------------------------------------------------- */
/* Classe spécifique à la page de changement de mot de passe */
.passchange
{
	margin:auto;
}
.passchange tr td.passchange_label
{
	text-align:right;
	padding:3px 10px;
}
.passchange tr td.passchange_input
{
	text-align:left;
	padding:3px 10px;
}
.passchange_error
{
	border:red 2px solid;
}


/*
.passchange_row
{
	width:400px;
	border:solid 1px white;
}
*/
/* ------------------------------------------------- */
/* STATS */
.stats_div_main
{
	color:black;
	margin-top:5px;
	padding-left:5px; 
	background-color:#BEBEBE;
	border:solid black 1px;
}
.stats_div_question
{
	color:black;
	background-color:#DEDEDE;
}
/* span pour afficher les compteurs de réponses dans les stats */
.stats_span_response
{
	display:inline;
	color:black;
	min-width:55px;
	text-align:center;
	border:solid black 1px;
	margin:0px 0px;
}
/* style des icones ++ + - -- au dessus des réponses dans les stats */
.stats_response_icon
{
	width:35px;
	height:22px;
	margin:0px 10px;
}

.stats_tbl_seti
{
	float:right;
	background:white;
	color:black;
	border-collapse: separate;
    border-spacing: 0px 2px;
}
.stats_tbl_seti td.td_planet
{
	padding:4px 5px;
}
.stats_tbl_seti td.td_value
{
	min-width:20px;
	padding:4px 5px;
	border:solid 1px black;
}
.stats_icon_tab
{
	max-width:45px;
	max-height:45px;
	margin-left:5px;
}
.stats_tabs
{
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
/*
.lang_menu
{
	padding:0;
	margin:0;
	list-style:none;
	width: 180px;
}

.lang_menu ul
{
	padding:0;
	margin:0;
	list-style:none;
	width: 180px;
	height:30px;
}
.lang_cur
{
	background-image:url(../images/flag_fr.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin:0 0;
	padding:0 0 ;
	height:27px;
	width:40px;
	border:solid 1px black;
}


.lang_fr
{
	background-image:url(../images/flag_fr.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin:0;
	padding:0 ;
	height:27px;
	width:40px;
	border:solid 1px black;
}
.lang_uk
{
	background-image:url(../images/flag_uk.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin:0;
	padding:0 ;
	height:27px;
	width:40px;
	border:solid 1px black;
}

.lang_menu li li 
{
   max-height:0;
   overflow: hidden;
  
   border:none;
   margin:0
}

.lang_menu li:hover
{
	max-height:54px;
}

.lang_menu li li:hover
{
	max-height:54px;
}
.lang_menu li:hover li 
{
	max-height:54px;
}*/

.lang_flag
{
	padding:2px;
	height:27px;
	width:40px;
	margin:2px 2px;
}
.lang_selected
{
	border:yellow solid 2px;
}

.lang_menu 
{float:right;
	padding:0;
	margin:0;
	list-style:none;
	text-align: center;
	width:40px;
	/*display:block;*/
}
.lang_menu ul 
{
	width:40px;
	padding:0;
	margin:0;
	list-style:none;
	text-align: center;
}
.lang_menu li 
{
	/*display: inline;*/
	background-color:white; 
	/*border-radius: 6px;
	margin-bottom:2px;
	box-shadow: 3px 3px 3px #999;*/
	border:solid 1px black;
	width:40px;
}
.lang_menu li li 
{
/*display:inline-block;*/
	max-height:0px;
	overflow: hidden;
	transition: all .5s;
	/*border-radius:0;*/
	background:white;
	border:none;
	margin:0 0;
	padding:0 0 ;
	height:27px;
	width:40px;
}

.lang_menu li:hover 
{
  max-height:54px;
}
.lang_menu li li:hover 
{
  max-height:54px;
}
.lang_menu ul li:last-child 
{
   /*border-radius: 0 0 6px 6px;*/
   border:none;
}
.lang_menu li:hover li 
{
  max-height:54px;
}

.lang_cur
{
	background-image:url(../images/flag_fr.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin:0 0;
	padding:0 0 ;
	height:27px;
	width:40px;

	border:solid 1px black;
}
/*
.lang_fr
{
	background-image:url(../images/flag_fr.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin:0;
	padding:0 ;
	height:27px;
	width:40px;
	border:solid 1px black;
}
.lang_uk
{
	background-image:url(../images/flag_uk.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin:0;
	padding:0 ;
	height:27px;
	width:40px;
	border:solid 1px black;
}*/