html, body {padding:0; margin:0; height:100%; width:100%;  color:#0d1d2d; overflow:hidden;}
* {box-sizing:border-box;}
a, button, input {transition:0.3s ease-in-out !important; text-decoration:none; }
::selection {background:#2c821a; color:#ffffff;}
::-moz-selection {background:#2c821a; color:#ffffff;}


/*** LOADING ***/
#loading {border:16px solid #61CE70; border-radius:50%; border-top:16px solid #2c821a; border-bottom:16px solid #2c821a; width:120px; height:120px; margin:0; position:absolute; top:50%; left:50%; margin-right:-50%; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}

@-webkit-keyframes spin {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}


/*** LOGO ***/
.imgLogo {position:absolute; top:0; right:0; height:50px; padding:10px; background-color:#ffffff; z-index:0; border-radius: 0 0 0 10px;}

/*** CONTAINER ***/
#row {display:flex; align-items:center; justify-content:flex-start; height:100%;}

/*** MOTEUR ***/
#columnSearch {position:relative; padding:10px 15px 65px 15px; height:100%; background:#2c821a; color:#ffffff; border-radius:0; width:50%; max-width:480px; height:calc(100% - 60px); display:flex; flex-direction:column; z-index:1; height:100%;    text-align: center;}
#searchBar {border-radius:10px; background:#ffffff; width:100%; color:#0d1d2d; padding:5px 10px 5px 10px; font-size:16px; line-height:1.2; position:relative; border:2px solid #ffffff; transition:0.3s ease-in-out;}
#searchBar input {outline:none;}
#searchBar:focus-within {box-shadow:inset 0 0 1px 4px #2c821a;}
.labelSearch {display:block; font-weight:bold; margin-bottom:10px;}
#resultsSearchContainer {overflow:hidden;}
#resultsContainer {
    display:none; 
    margin-top:15px; 
    overflow-y:overlay;/*  flex:1 1 0; */ 
    padding-right:5px;
    position: relative;
    height: 100%;
}
/*.resultContent > div {margin-top:10px;}*/

.esri-search__container {position:static;}
.esri-input[type=text] {padding:0; border:none; background:none;}
.esri-menu {margin-top:5px;padding:5px; border-radius:15px; max-height: 400px !important;}
.esri-menu__list-item {border-left:none;}
.esri-search__submit-button {background-color:#2c821a; color:#ffffff; width:30px; height:30px; border-radius:50%; margin-left:10px;}
.esri-search__submit-button:is(:hover, :focus) {background-color:#61CE70; color:#ffffff;}
.esri-search__clear-button {background-color:#2c821a; color:#ffffff; width:30px; height:30px; border-radius:50%; margin-left:10px;}
.esri-search__clear-button:is(:hover, :focus) {background-color:#61CE70; color:#ffffff;}
#searchBar-source-menu-button {
	display: none;
}
#searchBar .esri-menu__header {
	display: none;
}
#searchBar .esri-search__suggestions-menu > .esri-search__suggestions-list:nth-child(4) .esri-menu__list-item:first-child {
	border-top: 1px solid #6e6e6e4d;
}
#resultTitle {display:block; font-weight:bold; margin-bottom:10px;}
.resultContent {background:#f2f2f2; padding:5px 10px; text-decoration:none; color:#0d1d2d; display:flex; border-radius:10px}
.resultContent.om {
	background-color: #ededed;
}
.resultContent.sel {
	background-color: #ffff80;
	margin-top: 20px;
}
.resultContent > div:nth-child(1) {

}
.resultContent > div:nth-child(1) > img {
	width: 50px;
	margin-right: 20px;
}
/*.resultContent strong {line-height:1.6;}*/
#resultsContainer.arr-1-8 img.arr-1-8,
#resultsContainer.arr-9-16 img.arr-9-16 {
	display: block;
}
#resultsContainer.arr-1-8 img.arr-9-16,
#resultsContainer.arr-9-16 img.arr-1-8 {
	display: none;
}

#exportPDF {
    margin:20px 0;
    padding: 2px;
    border: 1px solid white;
    cursor: pointer;
    width: 100%;
    background-color: #FFFFFF30;
}

#exportPDF:hover {
    font-weight: bold;
}

#errorSearch, #noResults {padding:20px; display:none; color:#fff;}

#legendInfoContainer {position:absolute; top:180px; left:15px; width: calc(100% - 30px);}
#legendInfoContainer > div {border-radius: 10px;}

#moreInfo {position:absolute; bottom:10px; left:15px; width: calc(100% - 30px);}
#moreInfo a {box-shadow:inset 0 -1px 0 0 #ffffff; color:#ffffff; padding:0 2px;}
#moreInfo a:is(:hover, :focus) {font-weight: bold;}

#download { display:none}
#download a {
	color: white;
	text-align: center;
	border: solid 1px white;
	padding: 0 5px;
	margin-left: 55px;
}
#download a:hover {
	background-color:#FFFFFF;
}


/*** MAP ***/
#columnMap {width:100%; height:100%; background:#f2f2f2;position:relative}
.esri-ui-bottom-left {flex-direction: column}
.esri-ui-bottom-left .esri-component { margin-top:10px}
.esri-legend.esri-widget.esri-widget--panel {width: auto; }
/*.esri-legend__message { display: none !important;}*/


#PAV {
    position: absolute;
    bottom: 25px;
    left: calc(50% - 125px);
    width: 250px;
    z-index: 10;
    padding: 5px 20px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    background-color: #2c821a;
    color:white;
}

#PAV:hover {
    font-weight:bold;
}

/*** RESPONSIVE ***/
    /* Tablette */
        @media screen and (max-width: 640px) {
            #row {flex-direction:column-reverse;}
            /*** MOTEUR ***/
                #columnSearch {max-width:100%; width:100%; padding:15px 15px 15px 15px; border-radius:0; height:auto; min-height:25%;  max-height:60%; margin-top:auto; overflow-y:auto; flex:0 0 auto  /* box-shadow:inset 0 -50px 0 0 rgba(255, 255, 255, 0.2); */}
                #moreInfo {position:static; margin-top:auto; padding:5px}
                #resultsContainer {
                    margin-top:15px; 
                    padding-right:0;
                }

            /*** MAP ***/
                #columnMap  {height:auto; flex:1 1 0;}
                /* .esri-ui-top-left {top:0; bottom:auto; right:auto; left:0;} */
        }

    /* Mobile */
        @media screen and (max-width: 640px) {

            /*** MOTEUR ***/
                #columnSearch {}
                #searchBar {padding:10px 10px 10px 15px;}
                .labelSearch {font-size:14px;}
                #resultsContainer {}
                #resultsSearchTitle {font-size:14px;}
                #resultsSearchValue {padding:15px; font-size:14px;}
        }

        @media screen and (max-height: 450px) {
            #row {flex-direction:row;}
            #columnSearch {width:50%; height:100%; max-height:100%; max-width:100%; }
            #columnMap  {width:50%; height:100%;}
        }

/*** PRINT ***/
    @media print {
        html, body {overflow:initial; height:auto;}
        body {background:none; padding:30px 0;}
        #row {display:block; height:auto;}
        #columnMap {display:none;}
        #columnSearch {height:auto; width:100%; max-width:650px; margin-left:auto; margin-right:auto; display:block; border-radius:0; color:inherit; background:none; padding:0;}
        #searchBar {background:#f2f2f2;}
        #moreInfo {display:none;}
        #resultsSearchValue {background:none; border:2px dashed #cccccc; page-break-inside:avoid;}
    }