@import url('https://fonts.googleapis.com/css?family=Exo');

/* -----------------------------Default values-------------------------- */
body, select, input {	
	font-family: 'Exo';
	font-size: 14px;
}

body, img {
	margin: 0px;
}

body {
	margin: 0 auto;
	min-width: 485px;
	max-width: 1260px;
	background-color: #cadbfe;
}

body.dev {
	background-color: #e6ffe6;
}

select, input {	
	min-height: 28px;
	border-width: thin;
}

input[type="radio"] {
	min-height: 0px;
}

label {
	margin-left: 5px;
}

h1 {
		font-size: 19px;
}

h2 {
		font-size: 16px;
}
		
	@media only screen and (max-width: 1023px) {
		body, select, input {	
			font-size: 12px;
		}
		
		h1 {
			font-size: 16px;
		}
		
		h2 {
			font-size: 14px;
		}
	}
/*------------------------------New Tags---------------------------- */

.header {
	display: inline-block;
}

.hlogo {
	width: 15%;
	min-width: 180px;
}

.hlogo2 {
	width: 15%;
	min-width: 128px;
	min-height: 60px;
}

.htitre {
	width: 55%;
}

.hdeconnect a {
	width: 15%;
	color: white;
	font-weight: normal;
}

.hdeconnect a:hover {
	color: #cadbfe;
}

.admin_top_menu, .admin_liste_menu {
	white-space: nowrap;
}
.admin_liste_menu {
	margin: 10px 0px 20px 30px;
}

.admin_menu_btn, .admin_liste_btn, .dashboard_liste_btn, .marchand_liste_btn {
	display: inline-block;
	font-weight: bold;
	text-align: center;
}

.admin_menu_btn {
	margin-right: 10px;
	height: 32px;
	width: 13%;
	min-width: 150px;
	color: white;
	background-color: #195eac;
	border: thin solid white;
}

.admin_menu_btn:hover, .admin_menu_active {
	color: #195eac;
	background-color: white;
	border: thin solid #195eac;
}
.admin_menu_btn:hover {
	cursor: pointer;
}

.admin_liste_btn, .dashboard_liste_btn, .marchand_liste_btn {
	height: 26px;
	width: 12%;
	min-width: 120px;
	color: #195eac;
	background-color: #cadbfe;
	border: thin solid #195eac;
}

.admin_liste_btn:hover, .admin_liste_active, .dashboard_liste_btn:hover, .dashboard_liste_active, .marchand_liste_btn:hover, .marchand_liste_active {
	color: white;
	background-color: #195eac;
	border: thin solid #cadbfe;
}

.admin_liste_btn:hover, .dashboard_liste_btn:hover, .marchand_liste_btn:hover {
	cursor: pointer;
}

.sm-icon {
	width: 25px;
	margin-right: 8px;
}
.sm-icon:hover {
	cursor: pointer;
}

.xs-icon {
	width: 14px;
	margin-right: 6px;
}
.xs-icon:hover {
	cursor: pointer;
}

.leftside {
	vertical-align: top;
	width: 20%;
	max-width: 250px;
	display: inline-block;
}

.rightside {
	vertical-align: top;
	padding-left: 10px;
	max-width: 850px;
	display: inline-block;
}

.view_mar {
	padding: 5px;
	border: thin solid grey;
	margin-bottom: 1px;
}

.view_mar:hover {
	cursor: pointer;
	color: #195eac;
	background-color: #cadbfe;
	border: 2px solid #195eac;
}

.mar_infos, .mar_new {
	padding: 5px;
	border: thin solid grey;
}

.mar_new {
	display: none;
}

.demsom {
	border-bottom: solid 1px black;
}

.demsom:hover {
	background-color: rgb(78,126,182, 0.1);
	cursor: pointer;
}

.demdet {
	display: none;
	width: 98%;
	margin: 1px;
	border: solid thin gray;
	padding: 10px;
	border-radius: 5px;
	background-color: rgb(220, 230, 240);
}

.demsomcel, .demsomhead {
	display: inline-block;
	padding: 2px;
	margin-right: 5px;
	overflow: clip;
	white-space: nowrap;
}

.demsomhead {
	font-weight: bold;
}

.newform, .newform_a, .newform_p {
	display: none;
}

.frm_da, .frm_dp {
	border-collapse: separate;
	padding: 10px;
}

.frm_dp {

}

.da_sec, .dp_sec {
	border: solid 1px black;
	padding: 10px;
	margin: 0px 10px 10px 0px;
}

.demdetlabel {
	/*color: #103d70;*/
	font-weight: bold;
	font-size: 0.8em;
}

.demdetcel {
	background-color: white;
	border: solid thin gray;
	border-radius: 3px;
	margin-left: 5px;
}

.demdetlabel, .demdetcel, .demdetinp, .demdetcom, .demdetdocm, .formlabel, .forminp {
	display: inline-block;
	padding: 4px 5px;
	/*margin-right: 5px;*/
}

.emprunteur {
	background-color: #cadbfe;
	margin-left: -43px;
	padding: 10px 0px 10px 44px;
	width: 106.7%;
	border: solid thin cornflowerblue;
}

.infosmarch {
	background-color: #ff3333;
	margin-left: -43px;
	padding: 10px 0px 10px 44px;
	width: 106.7%;
	border: solid thin #660000;
}

.noteprivee {
	background-color: #d9ffcc;
	margin-left: -43px;
	padding: 10px 0px 10px 44px;
	width: 106.7%;
	border: solid thin #208000;
}

.verif_dossier {
	background-color: #ffd633;
	display: inline-block;
	margin-left: 8px;
	/*padding: 10px 0px 10px 44px;*/
	padding: 2px;
	/*width: 106.7%;*/
	border: solid thin #806600;
	cursor: pointer;
}

.verif_dossier_detail {
	position: absolute;
	left: 45%;
	margin-top: -6px;
	z-index: 100;
	padding: 20px;
	background-color: #ffd633;
	border: solid thin #806600;
	border-radius: 2px;
	max-width: 50%;
	min-width: 42%;
	
}

.vd_form {
	font-size: 0.9em;
}

.vd_close {
	width: 97%;
	text-align: right;
	font-size: 0.95em;
	color: red;
	font-weight: bold;
	cursor: pointer;
}

.vd_title {
	border-top: solid thin black;
	border-bottom: solid thin black;
	background-color: #cca300;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}

.vd_checkline {
	border-bottom: solid thin #806600;
}

.vd_cl_desc, .vd_cl_check {
	display: inline-block;
}

.vd_cl_desc {
	width: 97%;
}

.vf_label {
	width: 200px;
	margin: 5 15 5 0px;
}

.lst_title {
	display: inline-block;
	padding: 4px 5px;
	margin-right: 10px;
	font-weight: bold;
}

.lst_row {
	display: inline-block;
	padding: 4px 5px;
	margin-right: 10px;
}

.page {
	border: solid thin gray;
	background-color: rgb(220, 230, 240);
	padding: 2px 5px 0px 6px;
	margin: 1px;
	display: inline-block;
	min-width: 22px;
}

.pg_encours {
	background-color: #195eac;
	font-weight: bold;
	color: white;
	
}

.pagination {
	font-weight: bold;
	padding: 3px 10px;
	margin-bottom: 14px;
	border-top: solid #195eac;
	border-bottom: solid #195eac;
}


/* -----------------------------Custom tag-------------------------- */
.hidden {
	display: none;
}
.error {
	color: #d81010;
	font-weight: bold;
}

.success {
	color: #1db44f;
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.valigncenter {
	vertical-align: middle;
}

.valigntop {
	vertical-align: top;
}

.valignbottom {
	vertical-align: bottom;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.inline-flex {
	display: inline-flex;
}

.spacer {
	line-height: 15px;
}

.pointer {
	cursor: pointer;
}

.small_font {
	font-size: 0.85em;
}

.small_font_x {
	font-size: 0.65em;
}

.button {
	border: solid thin gray;
	border-radius: 2px;
	cursor: pointer;
}

.dark_blue {
	color: white;
	background-color: #195eac;	/*rgb: 25, 94, 172  --->dégradé---> 4e7eb6 (78,126,182)*/		
	font-weight: bold;
}

.light_blue {
	color: black;
	background-color: #cadbfe;	/*rgb: 202, 219, 254*/
	font-weight: bold;
}

.red_border {
	border-bottom: solid 1px #db2828;
}

.col1 {
	display: inline-block;
	vertical-align: top;
	width: 96%;
	min-width: 96%;
	max-width: 96%;
	padding: 2%
}

.col2 {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	min-width: 46%;
	max-width: 46%;
	padding: 2%
}

.col3 {
	display: inline-block;
	vertical-align: top;
	width: 29%;
	min-width: 29%;
	max-width: 29%;
	padding: 2%
}

.col4 {
	display: inline-block;
	vertical-align: top;
	width: 21%;
	min-width: 21%;
	max-width: 21%;
	padding: 2%
}

.col5, .col5_2px {
	display: inline-block;
	vertical-align: top;
	width: 18%;
	min-width: 18%;
	max-width: 18%;
	padding: 2%
}

.col5_2px {
	padding: 2px;
}

.col6 {
	display: inline-block;
	vertical-align: top;
	width: 15%;
	min-width: 15%;
	max-width: 15%;
	padding: 2%
}

.file {
	max-width: 250px;
}

/* -----------------------------Document Element-------------------------- */

.login_form {
	margin-top: 25px;
	text-align: center;
}

.label {
	text-align: left;
	width: 100px;
	/*min-width: 125px;
	max-width: 125px;*/
}

.main_content, .left_menu, .top_menu, .top_bar, .dem_box {
	display: inline-block;
	padding: 4px;
	max-width: 30%;
	min-width: 200px;
	min-height: 670px;
	border: solid 2px #195eac;
	border-radius: 4px;
	color: black;
	background-color: transparent;
	vertical-align: top;
	margin-right: 2px;
}

.left_menu {
	max-height: 670px;
	overflow-y: scroll;
}
	
@media only screen and (max-width: 667px) {
	.left_menu {
		width: 97%;
		max-width: 97%;
		min-height: 198px;
		max-height: 198px;
		overflow: scroll;
	}
}

.main_content {
	max-width: 80%;
	min-width: 75%;
	vertical-align: top;
	margin-right: 0px;
}

.main_content hr {
	margin: 1px 2px 2px 0px;
	color: white;
	max-width: 80%;
	margin-left: 5%;
}

@media only screen and (max-width: 667px) {
	.main_content {
		width: 97%;
		max-width: 97%;
	}
}

@media only screen and (min-width: 668px) and (max-width: 1023px) {
	.main_content {
		max-width: 80%;
		min-width: 68%;
	}
	.dem_label {
		font-size: 0.9em;
	}
}


.top_menu {
	min-width: 178px;
	color: white;
	font-weight: bold;
	background-color: #4e7eb6;
	margin-bottom: 4px;
	min-height: 75px;
	max-height: 90px;
}

@media only screen and (max-width: 667px) {
	.top_menu {
		width: 100%;
		max-width: 300px;
	}
}

.top_bar {
	color: white;
	font-weight: bold;
	min-height: 65px;
	width: 100%;
	min-width: 100%;
	background-color: #195eac;
	margin-bottom: 4px;
	border-radius: 0px;
}

.top_menu a {
	color: white;
	text-decoration: none;
	font-weight: normal;
	margin-top: 4px;
}

.top_menu a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.top_menu hr {
	margin: 1px 2px 2px 0px;
	color: white;
}

.top_bar img {
	display: inline-block;
	vertical-align: middle;
	max-height: 38px;
	margin-right: 20px;
}

.top_bar img.leburo {
	display: inline-block;
	max-height: 58px;
	margin-right: 20px;
}

.top_bar h1 {
	margin-left: 10px;
	display: inline-block;
}

.demande_menu {
	padding: 2px;
	border: solid thin #4e7eb6;
	border-radius: 4px;
	color: black;
	background: transparent;
	margin-bottom: 2px;
}

.demande_menu:hover {
	background-color: rgb(78,126,182, 0.1);
	opacity: 0.5;
	border-color: #195eac;
	cursor: pointer;
	/*border: solid 2px #195eac;*/
}

.demande_menu_actif, .demande_menu_actif:hover {
	background-color: rgb(78,126,182, 0.4);
	border: solid 4px #195eac;
}

.demande_menu_title, .demande_menu_info, .demande_menu_info_spl {
	display: inline-block;
	min-width: 50px;
	padding-right: 5px;
}

.demande_menu_title {	
	font-weight: bold;
}

.demande_menu_info_spl {
	color: 195eac;
}

.demande_vide {
	padding: 20px;
	color: #d81010;
	font-weight: bold;
}

.dem_top_bar {
	width: 98%;
	margin-bottom: 15px;
}

.dem_title, .dem_small_title, .com_title {
	display: inline-block;
	padding: 1% 2%;
	white-space: nowrap;
	font-weight: bold;
}

.dem_small_title {
	font-size: 0.8em;
}

.dem_box_comm .dem_small_title {
	font-weight: bold;
}

.dem_detail {
	width: 95%;
	margin: 0 0 0 3%;
}

.masquer_detail{
	color: red;
	font-weight: bold;
}

.dem_nom {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #195eac;
	/*padding: 1% 2% 2% 2%;*/
}

.dem_nom_co {
	display: inline-block;
}

.dem_label {
	display: inline-block;
	vertical-align: top;
	padding: 1% 2% 2% 2%;
}

.dem_box {
	max-width: 98%;
	min-width: 92%;
	min-height: 150px;
	border: solid 1px #195eac;
	vertical-align: top;
}

.dem_box .dem_label {
	min-width: 46%;	
}

.dem_box_comm {
	margin-top: 10px;
	min-height: 50px;
	max-height: 225px;
	overflow-y: scroll;
}

.dem_box_title {
	font-size: 1.1em;
	color: #195eac;
	text-decoration: underline;
	white-space: nowrap;
	padding-right: 2px;
}

.dem_box_label {
	display: inline-block;
	font-size: 0.8em;
	min-width: 96px;
	/*font-weight: bold;*/
}

.dem_time {
	font-size: 0.75em;
}

.dem_statut {
	font-size: 1.1em;
}

.dem_reponse {
	padding: 10px;
	border: solid 2px #195eac;
	vertical-align: middle;
	color: slategrey;
	text-align: center;
	margin-left: 5px;
}

.dem_refuse {
	color: #d81010;
	font-weight: bold;
}

.dem_accepte {
	color: #1db44f;
	font-weight: bold;
}

.dem_cond {
	color: #e1be00; /*fadc05;*/
	font-weight: bold;
}

.dem_aucun{
	font-size: 0.8em;
	font-style: italic;
	color: slategray;
}

.com_row {
	border-top: solid thin scalegray;
	color: black;
	padding: 1px;
}

.com_date {
		min-width: 82px;
	}

.com_label {
		padding-top: 2px;
		padding-bottom: 2px;
}

.com_comm {
	display: inline-block;
	width: 57%;
	min-width: 57%;
	max-width: 57%;
}


@media only screen and (max-width: 1023px) {
	.com_row {
		font-size:0.8em;
	}
}

.param_label, .param_input, .param_label_fw {
	margin-bottom: 4px;
}

.param_label {
	width: 45%;
}

.param_input {
	width: 52%;
	padding-left: 2px;
}

.param_input.pmod {
	width:100%;
}

.param_label_fw {
	width: 95%;
}

/*classe css de fin de fichier pour overider nimporte quel autre */

.message_important {
	padding: 4px;
	width: 100%;
	min-width: 100%;
	/*max-height: 75px;*/
	border: solid 1px #db2828;
	border-radius: 4px;
	color: #e14545;
	background-color: #ffe8e6;	/*rgb: 202, 219, 254*/
	vertical-align: top;
	margin-bottom: 2px;
	/*overflow-y: scroll;*/
}

.mi_large{
	max-height: 135px;
	overflow-y: hidden;
}

.msg_title, .msg_close {
	vertical-align: top;
	display: inline-block;
}

.msg_title {
	min-width: 97%;
	font-weight: bold;
}

@media only screen and (max-width: 667px) {
	.msg_title {
		min-width: 95%;
	}
}

.msg_close {
	max-width: 30px;
	text-align: right;
	margin-right: 0px;
	font-weight: bold;
	color: #db2828;
	cursor: pointer;
}

.msg_message {
	width: 100%;
	min-width: 100%;
	vertical-align: top;
}

.msg_show {
	min-height: 250px;
	overflow-y: hidden;
}

.btn_disabled {
	background-color: #fafafa;
	color: #C8C8C8;
	cursor: not-allowed;
}

.priv {
	color: #db2828;
}