@CHARSET "UTF-8";

.nav{
	width: 100%;
	background-color: #fff;
}

.nav ul{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.nav .nav-item{
	font-family:"Raleway", sans-serif;
	position:relative;
    display: table-cell;
    min-width: 4.5rem;
    height: 4.5rem;
    line-height: 4.1rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: #615f5f;
    text-align:center;
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

.nav .nav-item .dropdown-content{
	text-align:left;
}

.nav .nav-item .nav-item-content{
	text-transform:capitalize;
}

.nav .nav-item span{
	margin-left:8px;
}

.nav-item .dropdown-content li .lnr-checkmark-circle{
	font-size:16px;
	float:right;
	padding-top:5px;
	padding-right:5px;
}

.nav-item .dropdown-content li .icon{
	width:28px;
	height:26px;
	padding-right:5px;
}

@media (max-width:768px){
	.nav .nav-item .nav-item-content{
		display:none;
	}
}

.nav .nav-item-institutionnel .dropdown-content .active{
	border-bottom:2px solid #ffc01f;
	
}
.nav .nav-item-territoire .dropdown-content .active{
	border-bottom:2px solid #027551;
}
.nav .nav-item-petite-enfance---pmi .dropdown-content .active{
	border-bottom:2px solid #48b95f;
}
.nav .nav-item-solidarite .dropdown-content .active{
	border-bottom:2px solid #003d7e;
}
.nav .nav-item-jeunesse .dropdown-content .active{
	border-bottom:2px solid #e73f57;
}

.nav .nav-item-institutionnel{
	border-color: #ffc01f;
}

.nav .nav-item-institutionnel:hover{
	background-color:#ffc01f;
}
	
nav .nav-item-institutionnel .lnr{
	color:#ffc01f;
}

nav .nav-item-institutionnel:hover > span{
	color:#ffffff;
}

.nav .nav-item-institutionnel.active{
	background-color:#ffc01f;
}

.nav .nav-item-institutionnel.active > span{
	color:#ffffff;
}

.nav .nav-item-petite-enfance---pmi{
	border-color: #48b95f;
}

.nav .nav-item-petite-enfance---pmi:hover{
	background-color:#48b95f;
}

.nav .nav-item-petite-enfance---pmi.active{
	background-color:#48b95f;
}

.nav .nav-item-petite-enfance---pmi.active > span{
	color:#ffffff;
}
	
nav .nav-item-petite-enfance---pmi .lnr{
	color:#48b95f;
}

nav .nav-item-petite-enfance---pmi:hover > span{
	color:#ffffff;
}

.nav .nav-item-solidarite{
	border-color: #003d7e;
}

.nav .nav-item-solidarite:hover{
	background-color:#003d7e;
}

.nav .nav-item-solidarite.active{
	background-color:#003d7e;
}

.nav .nav-item-solidarite.active > span{
	color:#ffffff;
}
	
nav .nav-item-solidarite .lnr{
	color:#003d7e;
}

nav .nav-item-solidarite:hover > span{
	color:#ffffff;
}

.nav .nav-item-jeunesse{
	border-color: #e73f57;
}

.nav .nav-item-jeunesse:hover{
	background-color:#e73f57;
}

.nav .nav-item-jeunesse.active{
	background-color:#e73f57;
}

.nav .nav-item-jeunesse.active > span{
	color:#ffffff;
}
	
nav .nav-item-jeunesse .lnr{
	color:#e73f57;
}

nav .nav-item-jeunesse:hover > span{
	color:#ffffff;
}

.nav .nav-item-territoire{
	border-color: #027551;
}

.nav .nav-item-territoire:hover{
	background-color:#027551;
}
	
nav .nav-item-territoire .lnr{
	color:#027551;
}

.nav .nav-item-territoire.active{
	background-color:#027551;
}

.nav-item-territoire.selected > span{
	color:#ffffff;
}

nav .nav-item-territoire:hover > span{
	color:#ffffff;
}

.nav .nav-item .icon{
	width: 2rem;
	height: 2.3rem;
	vertical-align:middle;
}

.nav-item .dropdown-content{
	display: none;
    position: absolute;
    background-color: #f9f9f9;
    width:100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index:1;
}

.nav-item .dropdown-content li:hover{
	background-color:#EBECEC;
}

@media (min-width:768px){
	.nav-item:hover .dropdown-content{
		 display: block;
	}
}

.dropdown-content-mobile{
	font-family:"Raleway", sans-serif;
	display:none;
	position:absolute;
	top:0;
	background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
	height:auto;
	width:100%;
	z-index:9999;
}

.dropdown-content-mobile li .lnr-checkmark-circle{
	font-size:16px;
	float:right;
	padding-top:5px;
	padding-right:5px;
}

.dropdown-content-mobile li .icon{
	width:28px;
	height:26px;
	padding-right:5px;
	vertical-align:middle;
}

.dropdown-content-mobile li{
	line-height: 3.6rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: #615f5f;
    cursor: pointer;
}

.title{
	margin-top:20px;
}

.title h2{
	font-family: "Roboto Slab", serif;
	font-weight: 700;
	font-size: 2em;
	text-transform: uppercase;
	color: #003d7e;
}

@media (max-width:768px){
	.title h2{
		font-size:2em !important;
	}
}

.mypos{
    width:15px;
    height:15px;
}

.content_img{
    width:150px;
    height:100%;
}

/* Leaflet overload */

.leaflet-popup-content p{
	font-size: 1em;
	color: #000000;
}

.leaflet-popup-content {
	font-family: "Raleway", sans-serif;
}

.leaflet-popup-content .title{
	font-weight: 700;
	font-size: 1.2em;
	color: #000000;
}

/* Autocomplete field */

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

/* Panel */

.annuaire .panel{
	height:auto;
	background-color:#fff;
	border:none;
	margin:0;
}

@media(max-width:992px){
	.annuaire .panel{
		width:100% !important;
		height:250px;
	}
	.annuaire .panel h2{
		font-size:1.6em !important;
	}
}

.annuaire .panel .header p {
	color:#333;
	font-family: "Raleway", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
}

.annuaire .panel .header h2 {
	font-family: "Raleway", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
	margin-bottom:10px;
	padding-top:15px;
}

.annuaire .panel .header{
	height:4.1em;
	position:relative;
	width:100%;
	color:#fff;
	z-index:0;
}

.search-form label{
	font-family: "Raleway", serif;
	font-weight: 700;
	font-size: 1.5em;
	margin-top:10px;
	margin-bottom:10px;
}

.search-form{
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
}

.search-btn{
	font-family: "Raleway", serif;
	font-weight: 700;
	color: #ffffff;
	border-radius:0;
	text-align:center;
	margin-bottom:10px;
	padding-top:7.5px;
	padding-bottom:7.5px;
}

.loader {
    border: 14px solid #f3f3f3;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    text-align:center;
    margin: 0 auto;
    display:none;
}

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

.hamburger{
  position:absolute;
  margin-left:10px;
  margin-top:10px;
  z-index:2;
  background: transparent;
  border: none;
  width: 32px;
  height: 32px;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  transform: translate(0); 
  -webkit-transform: translate3d(0,0 0);
  -ms-transition:all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  transform: translate(-100px);
  -webkit-transform: translate3d(-100px,0,0);
  -ms-transition:all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #003d7e;
}

.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -ms-transform:rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -ms-transition: -ms-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -ms-transform:rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
  -ms-transition: -ms-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*
.chbox:not(:checked),
.chbox:checked {
  position: absolute;
  left: -9999px;
}
.chbox:not(:checked) + label,
.chbox:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

.chbox:not(:checked) + label:before,
.chbox:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

.chbox:not(:checked) + label:after,
.chbox:checked + label:after {
  content: '✔';
  position: absolute;
  top: .1em; left: .3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #e73f57;
  transition: all .2s;
}

.chbox:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.chbox:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.chbox + label:hover {
  font-size: 1.1em;
  color: #e73f57;
}
*/

@media screen and (max-width: 768px) {
  .map{
  	height:250px !important;
  	width:100%;
  }
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.panel{
	border:none;
}

.help{
	padding-top:20px;
	padding-bottom:20px;
}

.help-btn{
	font-family: "Raleway", serif;
	font-weight: 700;
	background-color:#e73f57;
	border:2px solid #e73f57;
	color: #ffffff;
	border-radius:0;
	margin-bottom:10px;
	padding-top:7.5px;
	padding-bottom:7.5px;
	padding-left:7.5px;
	padding-right:7.5px;
}

.help-btn:disabled{
	opacity:0.75;
	cursor:pointer;
}

.help-btn:hover:not([disabled]){
	background-color:#ffffff;
	color: #e73f57;
	border:3px solid #e73f57;
}

.help-btn:focus{
	background-color:#ffffff;
	color: #e73f57;
	border:3px solid #e73f57;
}

#carto_annuaire_footer{
	margin-top:10px;
}

.bodywrapper .filtresAnnuairePratique{
	margin-top:15px;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres h3 {
    float: left;
    color: #48b95f;
    font-family: "Roboto Slab",serif;
    font-weight: 700;
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 20px;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres .cal_liste-filtre {
    border: 1px solid #48b95f;
    padding: 5px;
    min-height: 100px;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres .cal_liste-filtre .cal_filtre.active {
    background-color: #48b95f;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres .cal_liste-filtre .cal_filtre {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 1.6em;
    color: #ffffff;
    background-color: #737373;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres .cal_reinitialiser {
    float: right;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 1.6em;
    border: 1px solid #737373;
    color: #737373;
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres .cal_reinitialiser:hover, .bodywrapper .filtresAnnuairePratique .cal_filtres .cal_reinitialiser:focus {
    border-color: #48b95f;
    color: #48b95f;
}

.bodywrapper .filtresAnnuairePratique .cal_filtres .cal_liste-filtre li{
	display:inline;
	cursor: pointer;
}

.lnr.lnr-unchecked{
	border:solid 1px #fff;
	border-radius: 50%;
	width:15px;
	height:15px;
	display:inline-block;
	line-height:90%;
}