/* CSS Document */
html {
    font-size: 62.5%;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
}
#container-main-menu{padding:0;}





div.labelBox
{
	width: 100%;
	font-family: Ubuntu,Ubuntu,"NotoSans-Bold",sans-serif;
	padding: 9px 5px 9px 15px;
	color: #fff;
	background-color: #05141f;
	position: relative;
	left: 0px;
	text-align: left;
	top:0px;
	font-size:11px;
	text-transform:uppercase;
	display:inline-block;

}

@media only screen and (min-width: 768px)  and (max-width: 1100px) {
div.labelBox
{font-size:9px;
}
}



div.labelBoxOK
{
	color: #05141f;
	background-color: #f7f8f8;
	border-bottom: 1px solid #cdd0d2;
}
div.labelBoxGray
{
	color: #05141f;
	background-color: #f7f8f8;
	border-bottom: 1px solid #cdd0d2;
}

.labelBoxOK::after
{
	background: url("icon_selected_tick.svg") 0 0 no-repeat;
    width: 20px;
    height: 20px;
    margin: -4px 0 0 8px;
    color: transparent;
	content: '';
	display: inline-block;
	vertical-align: middle;
}
div.contentBox
{
	padding:12px;
	width:100%;
}
div.intro
{
	text-align:center;
}
div.center
{
	text-align:center;
}
/*bloc intro */
.row.header_title {
    text-align: center;
}
#container-intro
{
	margin-top:20px;
}

/* jquery ui*/

.ui-datepicker table {
    font-size: 1.2em;
}
.ui-widget-content {
    font-family: inherit;
}

/* /jquery ui*/


/*  bloc de texte */
div.intro_text
{
	text-align:center;
	margin:auto;
	max-width:80%;
	margin-top:130px;
	margin-bottom: 40px;
}
.intro_text h3
{
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
}
 button.ui-button.ui-dialog-titlebar-close:hover
{
  background: none;
}


@media only screen and (max-width: 400px)
{
div.labelBox{font-size: 6px; overflow:visible; }

.title{white-space:normal};
label.coord {
  font-size: 9px;
}
}