/*#region General */
* {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}


.the_content #map {
    min-height: 663px;
    /*margin-bottom: 40px;*/
    text-align: left;
}


#map {
	width: 100%;
	height: 500px;
	z-index: 3; 
	padding: 0px;
	margin: 0px;
	position: relative;
	line-height: normal;
}

#map .icon-spinner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 64px;
	height: 64px;
	width: 64px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	-webkit-animation: spin 1s steps(8) infinite;
    -moz-animation: spin 1s steps(8) infinite;
    animation: spin 1s steps(8) infinite;
}

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

.dijitReset {
	background-color: transparent !important;
}

#map .pins {
	display: none;
	z-index: 2;
	position: absolute;
	top: 35px;
	left: 300px;
	width: 0;
	overflow: visible;
}

#map .menu {
	display: none;
	background: white;
	background: rgba(255,255,255,0.8);
	background-repeat:repeat-y;
	z-index: 100; 
	width:236px;
	position:absolute; 
	left: 0; 
	top: 0;
}

#map .menu .conteneur {
    padding: 0 26px;
}

#map .menu a:hover {
	text-decoration: none;
}

#map .logofqcq {
    display: block;
    margin: 0 auto;
}

#map .separateur {
    background: #011BD4;
    margin-bottom: 18px;
    height: 1px;
}

#map .bloc
{
    background: white;
    border: 1px solid #dedede;
    border-radius:6px;
    width: 100%;
    box-sizing: border-box;
    padding: 7px;
    margin-bottom: 15px;
    color: #4c4c4c;
}

#map .bloc h3 {
    font-size: 12pt;
    font-weight: normal;
	margin: 0;
    margin-bottom: 10px;
}

#map .bloc {

}

#map .col2 {
    margin: 12px -12px 0 -6px;
	text-align: center;
}

#map .col2 .bloc {
    *display: inline;
    *zoom: 1;
    display: inline-block;
    width: 75px;
    margin: 0 6px;
    border-radius: 4px;
    padding: 2px 0;   
}

#map .col2 .bloc h4 {
    font-size: 9pt;
    font-weight: normal;
    text-align: center;
}

#map .col2 .bloc .compteur {
    padding: 6px 0;
    text-align: center;
}

#map .radio {
    position: relative;
    display: inline-block;
    margin: 0 6px;
    margin-bottom: 10px;
    background: white;
    border: 1px solid #dedede;
    color: #4c4c4c;
    border-radius:6px;
    width: 82px;
    height: 35px;
}

#map .radio label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 6px 12px;
}

#map .radio input {
    position: absolute;
    right: 6px;
    top: 10px;
}

#map .bouton-large {
    background: white;
    font-size: 10pt;
	text-align: center;
    padding: 4px 6px;
    margin-top: 15px;
    margin-bottom: 2px;
    border-radius: 4px;
    transition: border 200ms;
    border-bottom: 3px solid #424242;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    cursor: pointer;
}

#map .bouton-large:hover {
    border-bottom: 3px solid #011BD4;
}

#map input[type=text] {
    width: 100%;
    border: 1px solid #dedede;
    box-shadow: 0 -3px 0 #dedede inset;
    padding-bottom: 3px;
}

#map input[type=text]:focus {
	outline-color: #011BD4;
}

#map table {
	width: auto;
}

#map table * {
	margin: 0;
	padding: 0;
}

#map .publicite h3 {
    background-image: url('../img/ruban.png');
    background-repeat: no-repeat;
    margin: 0 -20px;
    height: 65px;
    padding-top: 14px;
    color: white;
    text-align: center;
    overflow: hidden;
}

#map .publicite h4 {
    font-size: 10pt;
    font-weight: normal;
	text-align: left;
}

#map .menu .publicite p {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 4px;
    font-size: 8pt;
    padding: 6px 4px;
    padding-left: 20px;
    margin: 10px 0 20px 0;
	text-align: left;
}

#map .menu .appcom p {
	box-shadow: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#map .menu .appcom a {
	color: #1964D6;
}

#map .menu .appcom a:hover {
	text-decoration: underline;
}

#map .publicite p:before {
    content: ">";
    margin-left: -10px;
}

#map .publicite img {
    display: block;
    margin: 0 auto;
}

#map .legende {
	display: none;
	background: white;
	background: rgba(255,255,255,0.8);
	width: 220px; 
	position:absolute; 
	z-index: 1000;  
	right:0; 
}

#map .legende .conteneur {
	display: none;
    padding: 0 12px;
}

#map .legende h2 {
    font-size: 14pt;
    text-align: center;
    padding: 10px 0;
	margin: 0;
    color: #011BD4;
}

#map #map .legende ul {
    list-style: none;
	margin: 0;
}

#map .legende ul li {
    font-size: 10pt;  
	list-style-image: none;
}

#map .legende li label {
    display: block;
    position: relative;
    width: 100%;
}

#map .legende li input {
    position: absolute;
    top: 4px;
    right: 4px;    
}

#map .legende li span {
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background-size: 25px 25px;
}

#map .legende .col2 .radio {
    width: 75px;
    margin: 0 2px;
    font-size: 9pt;
    text-align: center;
}

#map .legende .col2 .radio input {
    right: 2px;
}

#map .legende .col2 label {
    padding: 8px 16px 0 0;
}

#map .surfacage {
    display: none;
}

#map .surfacage h4 {
    font-size: 10pt;
    font-weight: normal;
}

#map .legende li .bleu, #map .legende li .vert, #map .legende li .orange, #map .legende li .bleupale, #map .legende li .rose, #map .legende li .violet, #map .legende li .gris {
    width: 10px;
    margin-right: 15px;
    margin-left: 7px;
}

#map li .bleu {
    background: #305faf;
}

#map li .vert {
    background: #237f74;
}

#map li .orange {
    background: #f79702;
}

#map li .bleupale {
    background: #3399fe;
}

#map li .rose {
    background: #fe66cb;
}

#map li .violet {
    background: #9966ff;
}

#map li .gris {
    background: #9c9c9c;
}


#map li .hebergement {
    background-image: url('../img/legende/hebergement.png');
}

#map li .restaurant {
    background-image: url('../img/legende/restaurant.png');
}

#map li .commerce {
    background-image: url('../img/legende/commerce.png');
}

#map li .essence {
    background-image: url('../img/legende/essence.png');
}

#map li .attraits {
    background-image: url('../img/legende/touriste.png');
}

#map li .debarcadere {
    background-image: url('../img/legende/debarcadere.png');
}

#map li .refuge {
    background-image: url('../img/legende/refuge.png');
}

#map li .concessionnaire {
    background-image: url('../img/legende/concessionnaire.png');
}

#map li .surfaceuse {
    background-image: url('../img/legende/surfaceuse.png');
}

@media (min-resolution: 192dpi) {    
    #map li .hebergement {
        background-image: url('../img/legende/hebergement@2x.png');
    }

    #map li .restaurant {
        background-image: url('../img/legende/restaurant@2x.png');
    }

    #map li .commerce {
        background-image: url('../img/legende/commerce@2x.png');
    }

    #map li .essence {
        background-image: url('../img/legende/essence@2x.png');
    }

    #map li .attraits {
        background-image: url('../img/legende/touriste@2x.png');
    }

    #map li .debarcadere {
        background-image: url('../img/legende/debarcadere@2x.png');
    }

    #map li .refuge {
        background-image: url('../img/legende/refuge@2x.png');
    }

    #map li .concessionnaire {
        background-image: url('../img/legende/concessionnaire@2x.png');
    }

    #map li .surfaceuse {
        background-image: url('../img/legende/surfaceuse@2x.png');
    }
}

#map .esriPopup .esriPopupWrapper {
	background: rgba(255, 255, 255, 0.8);
}

#map .esriPopup .titleButton.maximize{
	display:none;
}

#map .esriPopup .titlePane {
	background-color: rgb(42, 103, 237);
	border-radius: 0; */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

#map .esriPopup .content, #map .esriPopup .contentPane {
	background: transparent;
	padding: 0;
	border: 0;
}

#map .esriPopup .actionsPane {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0; */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

#map .esriPopup .actionList {
	text-align: center;
}

#map .esriPopup .actionList a.zoomTo {
	margin: 0;
}

#map table.popup, table.popup tbody {
	border-spacing: 0;
	width: 100%;
	height: 100%;
}

#map table.popup td {
	vertical-align: middle;
	text-align: left;
	padding: 7px;
}

#map table.popup tr > td:first-child {
	text-align: right;
	font-weight: bold;
}

#map table.popup tr {
	background-color: white;
}

#map *::selection {
	background-color: transparent; /* Safari */
}

#map *::-moz-selection {
	background-color: transparent; /* Firefox */
}