@font-face {
    font-family: OCEicon;
    src: url(oce-icon.ttf);
}
.hidden {
	display: none;
}
.active {
	display: block;
}
.shortcut {
	line-height:1em;
	padding:2px;
}
.pieLegend {
	display:inline-block; 
	margin-left:8px; 
	height:32px; 
	line-height:32px; 
	vertical-align: middle;
}
@media (max-width:600px){[type="radio"],[type="checkbox"] {
	margin: 0px 16px 0px 16px;
}}
@media (min-width:601px){[type="radio"],[type="checkbox"] {
	margin: 0px 16px 0px 64px;
}}


/* language drapo */
.drapo {
	margin:4px auto 0px; 
	height:33px; 
	width:33px;
	background-image:url("../img/drapo.png");
}
#EN>.drapo {
	background-position:0px 0px; 
}
#EN:hover>.drapo, #EN.drapoActive>.drapo {
	background-position:33px 0px; 
}
#FR>.drapo {
	background-position:0px 99px; 
}
#FR:hover>.drapo, #FR.drapoActive>.drapo {
	background-position:33px 99px; 
}
#ES>.drapo {
	background-position:0px 66px; 
}
#ES:hover>.drapo, #ES.drapoActive>.drapo {
	background-position:33px 66px; 
}
#DE>.drapo {
	background-position:0px 33px; 
}
#DE:hover>.drapo, #DE.drapoActive>.drapo {
	background-position:33px 33px; 
}



/* Hack Internet Explorer */
.svg-container {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 50%; 
	/* padding-bottom corresponds to width*1024/2048 (original size of the image to display) */
	vertical-align: middle; 
	overflow: hidden; 
}
.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	/* max-height: 600px; */
}

@media (min-width:1601px){.w3-hide-jumbo{display:none!important}}
@media (max-width:1600px) and (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}


.w3-nuit,.w3-hover-nuit:hover{color:#FFF!important;background-color:#313C45!important}
.w3-capucine,.w3-hover-capucine:hover{color:#FFF!important;background-color:#EC6661!important}
.w3-ocre,.w3-hover-ocre:hover{color:#FFF!important;background-color:#AA7A46!important}
.w3-terre,.w3-hover-terre:hover{color:#FFF!important;background-color:#966A5C!important}
.w3-lichen,.w3-hover-lichen:hover{color:#FFF!important;background-color:#65A696!important}
.w3-foret,.w3-hover-foret:hover{color:#FFF!important;background-color:#009E92!important}
.w3-glacier,.w3-hover-glacier:hover{color:#FFF!important;background-color:#00ACBE!important}
.w3-ocean,.w3-hover-ocean:hover{color:#FFF!important;background-color:#3D8BBE!important}
.w3-gravier,.w3-hover-gravier:hover{color:#FFF!important;background-color:#536570!important}
.w3-grismoy,.w3-hover-grismoy:hover{color:#FFF!important;background-color:#DDDDDD!important}
.w3-grisclair,.w3-hover-grisclair:hover{color:#3A4851!important;background-color:#F5F5F5!important}
.w3-text-nuit,.w3-hover-text-nuit:hover{color:#313C45!important}
.w3-text-capucine,.w3-hover-text-capucine:hover{color:#EC6661!important}
.w3-text-ocre,.w3-hover-text-ocre:hover{color:#AA7A46!important}
.w3-text-terre,.w3-hover-text-terre:hover{color:#966A5C!important}
.w3-text-lichen,.w3-hover-text-lichen:hover{color:#65A696!important}
.w3-text-foret,.w3-hover-text-foret:hover{color:#009E92!important}
.w3-text-glacier,.w3-hover-text-glacier:hover{color:#00ACBE!important}
.w3-text-ocean,.w3-hover-text-ocean:hover{color:#3D8BBE!important}
.w3-text-gravier,.w3-hover-text-gravier:hover{color:#536570!important}
.w3-text-gris,.w3-hover-text-gris:hover{color:#75909E!important}
.w3-text-grismoy,.w3-hover-text-grismoy:hover{color:#DDDDDD!important}
.w3-text-grisclair,.w3-hover-text-grisclair:hover{color:#F5F5F5!important}
.w3-border-nuit,.w3-hover-border-nuit:hover{border-color:#313C45!important}
.w3-border-capucine,.w3-hover-border-capucine:hover{border-color:#EC6661!important}
.w3-border-ocre,.w3-hover-border-ocre:hover{border-color:#AA7A46!important}
.w3-border-terre,.w3-hover-border-terre:hover{border-color:#966A5C!important}
.w3-border-lichen,.w3-hover-border-lichen:hover{border-color:#65A696!important}
.w3-border-foret,.w3-hover-border-foret:hover{border-color:#009E92!important}
.w3-border-glacier,.w3-hover-border-glacier:hover{border-color:#00ACBE!important}
.w3-border-ocean,.w3-hover-border-ocean:hover{border-color:#3D8BBE!important}
.w3-border-gravier,.w3-hover-border-gravier:hover{border-color:#536570!important}
.w3-border-grismoy,.w3-hover-border-grismoy:hover{border-color:#DDDDDD!important}
.w3-border-grisclair,.w3-hover-border-grisclair:hover{border-color:#F5F5F5!important}

.w3-bar .w3-button {
    padding: 24px;
}
.w3-button {
	text-transform: uppercase;
	font-size:13px;
	/* font-weight:bold; */
}



/* OCE icons */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'OCEicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow1-left-14:before {
  content: "\e90b";
}
.icon-arrow1-up-14:before {
  content: "\e90c";
}
.icon-arrow1-down-14:before {
  content: "\e90d";
}
.icon-arrow1-right-14:before {
  content: "\e90e";
}
.icon-balance-24:before {
  content: "\e90f";
}
.icon-target-24:before {
  content: "\e910";
}
.icon-circle-24:before {
  content: "\e911";
}
.icon-check-24:before {
  content: "\e912";
}
.icon-check-circle-24:before {
  content: "\e913";
}
.icon-smiley-satisfied-24:before {
  content: "\e914";
}
.icon-help-24:before {
  content: "\e915";
}
.icon-help-circle-24:before {
  content: "\e916";
}
.icon-attention-circle-24:before {
  content: "\e917";
}
.icon-reload-24:before {
  content: "\e918";
  vertical-align:top;
}
.icon-arrow2-up-24:before {
  content: "\e919";
}
.icon-arrow1-right-24:before {
  content: "\e91a";
}
.icon-arrow2-down-24:before {
  content: "\e91b";
}
.icon-arrow1-left-24:before {
  content: "\e91c";
}
.icon-plus-24:before {
  content: "\e91d";
}
.icon-cross-24:before {
  content: "\e91e";
}
.icon-burger-24:before {
  content: "\e91f";
}
.icon-balance-32:before {
  content: "\e900";
}
.icon-location-filled-32:before {
  content: "\e901";
}
.icon-location-32:before, .contIcon:before {
  content: "\e902";
}
.icon-satellite-32:before {
  content: "\e903";
  font-size: 32px;
}
.icon-shopping-32:before, .consIcon:before {
  content: "\e904";
}
.icon-house-32:before, .houseIcon:before {
  content: "\e905";
}
.icon-car-32:before, .carIcon:before {
  content: "\e906";
}
.icon-fooding-32:before, .foodIcon:before {
  content: "\e907";
}
.icon-people-32:before {
  content: "\e908";
}
.icon-elevation-32:before {
  content: "\e909";
}
.icon-flood-32:before {
  content: "\e90a";
}

/* timeline */
.timelineBubble {
	padding: 0px;
	margin-top: -4px;
	font-size: 26px;
	background-color: #F5F5F5;
}
.timelineBubble:active, .timelineBubble:hover, .timelineBubble.valid {
	color: #EC6661;
}
.breadcrumbCat {
	font-size: 13px;
}
#timeline {
	width: 9999px;
	white-space: nowrap;
	display: inline-block;
}
#timelineContainer {
	overflow: hidden; 
	display: inline-block; 
	background-image: url("../img/greylineH.svg");
}
#timeline .active {
	color: #EC6661;
	display: inline-block
}