html, body {
	min-height:100%;
}

body {
    height: 100%;
    font-family:'Rubik',apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 9pt;
    text-decoration: none;
    color: #444;
    background-color: white;
    background-attachment: fixed;
}

#main_div {
	height:100%;
	margin:auto;
	min-width:768px;
	max-width:97%;
	position:relative;
}




.div_content {
    padding: 10px;
    overflow: auto;
}

.div_content_mondsdo {
    background-color: rgb(255,255,255);
    border: 1px solid #C5C5C5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    margin-top: 10px;
	height:500px;
}

.div_content_mondsdo_footer {
		margin-bottom: 110px;
    border: 1px solid #C5C5C5;
    border-radius: 2px;
    padding: 16px;
}

.div_content_mondsdo_header {
    padding: 12px 20px;
		font-size: 16px;
		height: 16px;
    margin-bottom: 0;
	text-align: center;
    background-color: #F3F3F3;
    border-bottom: 1px solid #C5C5C5;;
}

.div_content_inner {
	background-color : rgb(255,255,255);
	margin-top:10px;
}

.div_content_inner_nostyle{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	max-width:100%;
	

}
.div_nav{
	background-color : rgb(255,255,255);
	border:1px solid rgb(220,220,220);
	height : 21px;
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px; /* Old Firefox */
	margin-left:5%;
	margin-right:5%;
	padding-left:5px;
	padding-top:5px;
	box-shadow: 1px 1px 5px #555;
	

}




.button_fonction {
	margin: 2px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	border: none;
	font-size: 14px;
	background-color: #3AA7F4;
	text-transform: uppercase;
	color: #FFFFFF;
	border-radius: 2px;
	height: 30px;
	min-width: 100px;
	max-width: 200px;
	background-size: 100% 100%; 
	cursor:pointer;
	padding: 8px 16px 8px 16px
}
	
button {
  	font-size: 16px;
    color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
   	background-color: #3AA7F4;
    cursor: pointer;
    overflow: hidden;
    text-transform: uppercase;
}
	
.button_fonction:hover, button:hover {
   	background-color: var(--blueHover);
	color: var(--btn-hover-text-color);
}

	.button_fonction.square{
		width:32px;
	}
	
	.img_bouton {
		height:15px;
		vertical-align:middle;
	}
	
	.button_fonction_short{
		border:1px solid transparent;
		border-color:transparent;
		background-color:transparent;
		cursor:pointer;
		padding: 1px;
	}
	
	.button_fonction_short:hover{
		border:1px solid #7E7E7E;
		background-color:transparent;
	}

	.button_fonction:active{
	}

	.button_top {
		width: 50px;
	}
	
	.text_button_right {
		background-repeat:no-repeat;
		background-position:left center;
		background-size:15px;
		text-align:right;
		display:block;
		padding-left:15px;
	}
	
	.text_button_left {
		background-repeat:no-repeat;
		background-position:right center;
		background-size:15px;
		text-align:left;
		display:block;
		padding-right:15px;
	}

	.text_button_short {
		background-repeat:no-repeat;
		background-position:center center;
		background-size:15px;
		display:block;
	}

	


	.div_to_top{
		background-color : #0B86BF;
		background-repeat:repeat-x;
		background-size: 100% 100%;
		background-position:center center;
		border:1px solid  #0B86BF;
		
		z-index:'1';
        border-radius: 2px;
		-moz-border-radius: 2px;
		position:fixed;
		text-align:center;
		cursor:pointer;
		height:23px;
		width:50px;
	}
	.div_to_top:hover{
	    color: #FFFFFF;
		border:1px solid #075578;
		background-color : #075578;
		background-repeat:repeat-x;
		background-size: 100% 100%;
	}
	.div_for_back{
		z-index:'1';
        position:fixed;
		cursor:pointer;
		height:23px;
		margin:-0.5px;
	}

	#div_footer {
		height: 60px;
		margin: 0 auto;
		left: 0;
		right: 0;
		position:fixed;
		bottom: 0;
		background-color: rgba(255,255,255,0.8);
		margin-top:10px;
		width:100%;
		padding:15px;
		overflow:hidden;
		-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing:border-box;    /* Firefox, other Gecko */
        box-sizing:border-box;
        z-index:11;
		display: flex;
		align-items: center;
	}
		
	.div_in_footer {
		display:inline;
		vertical-align:middle;
		margin: 5px;
	}
	
	#div_button_top {

		margin-left: auto;
	}