html, body{
    	outline:none;
      padding:0;
      margin:0;
      font-family: "Open Sans",sans-serif;
      color: #454545;
    }

.gm-ui-hover-effect span{
	background: #6f6f6f !important;
    color: #fff !important;
    border-radius: 5px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.gm-ui-hover-effect span:after{
	content : 'X';
}

	form#image-upload{
		transition:0.5s;
	}

	form#image-upload:hover{
		background:#f0f3f3 !important;
	}
    
   
    h1{
    	font-weight:100;
      letter-spacing:1px;
    }
    /*
    .droite{
      	display:block;
    	width:60%;
        position:absolute;
      	right:0;
      background-color:#fff;
    }*/
    
    .bloc_blanc{
      	display:block;
    	width:50%;
        position:absolute;
      	right:0;
      	background-color:#fff;
      	height:100vh;
    }
    
    form{
      margin-left:auto;
      margin-right:auto;
      padding:20px;
    padding-top: 0px;
      display:block;
      width:400px;
    }
      
      .gm-style-iw{
        padding: 20px !important;
      }
      
      .gmnoprint{
			display:none !important;
      }

.pagination{
display: flex;
    width: 200px;
    margin: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}
    
   
    
    .bloc_infos{
    	background-color:#fff;
      	display:block;
      width:350px;
      color:#000;
      margin-left:auto;
      margin-right:auto;
      padding:30px;
      margin-top:50px;
      border-radius:5px;
      margin-top:40px;
    }
    
    .bloc_infos h3{
    	font-size:15px;
      	padding:0;
      	margin:0;
      margin-bottom:0px;
      color:#858585;
    }
    
    .bloc_infos h2{
    	color: #007d8f;
      margin:0;
    }
    
    .bloc_infos p{
      margin-top:0px;
      margin-bottom:0px;
      color:#787878;
    	font-size:15px;
    }
    
    .bloc_sanitaire{
    	width:90%;
      margin-left:auto;
      margin-right:auto;
      margin-top:100px;
    }
    
    .bloc_exp{
      margin-bottom:10px;
    	width:23%;
      padding:20px;
      margin-left:auto;
      margin-right:auto;
      background-color:#f4f4f4;
      border-radius:5px;
      float:left;
      text-align:center;
	margin-left:25px;
      height:130px;
    }
    
    .bloc_exp img{
      text-align:center;
    }
    
    .bloc_exp p{
      color:#2a2a2a;
    }
    
    .liste_agence{
    	width:90%;
      padding:20px;
      background-color:#f4f4f4;
      clear:both;
      overflow:hidden;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:30px;
    }
    
    .liste_agence p{
      margin-top:5px;
      margin-bottom:5px;
      padding:0;
      font-size:15px;
      color:#959595;
    }
    
    .liste_agence h3{
      color:#007d8f;
      margin-top:5px;
      margin-bottom:5px;
    }
    
    .title{
      clear: both;
      overflow: hidden;
      padding-top: 50px;
      display: block;
      margin-bottom: 25px;
      text-align: center;
      width: 90%;
      color: #007d8f;
      font-weight: bold;
      padding-left: 10px;
      padding-right: 10px;
      border-bottom: 1px solid #007d8f;
      padding-bottom: 15px;
      margin-right: auto;
      margin-left: auto;
    }
    
    .spec{
    	padding:10px;
      	border-radius:5px;
      color:#fff !important;
    }
    
    .full_agences{
      height:auto;
    	width:100%;
    }
    
    .red{
    	background-color:#ec1b1a;
        color:#fff;
        margin-top:10px !important;
    }
    
    .red b{
    	color:#fff;
    }
    
    .green{
    	background-color:#9cc602;
      	color:#fff;
      	margin-top:10px !important;
    }
    
    .green b{
    	color:#fff;
    }
    
    .mentions{
      color:#004751;
      width: 100%;
      margin-top:10px;
      font-size:9px;
    }
    
    .ico{
       width: 25px;
      float: left;
      margin-right: 10px;
      margin-top: 5px;
    }
      
     .gm-ui-hover-effect img{
      	width:25px !important;
       height:25px !important;
       margin-left:-5px !important;
      }
    
        
    .ico2{
       width: 25px;
      float: left;
      margin-right: 10px;
      margin-top: -5px;
    }
    
    .ico3{
       width: 25px;
      float: left;
      margin-right: 10px;
      margin-top: 15px;
    }
    
    @media screen and (max-width: 1700px) {
      .bloc_infos{
      	margin-top:40px;
      }
      form{
      }
    }
    
    @media screen and (max-width: 1500px) {
      .bloc_exp{
      	font-size:14px;
        width:20%;
      }
    }
    
   @media screen and (max-width: 1100px) {
      .bloc_exp{
      	font-size:14px;
        width:80%;
        float:none;
        height:auto;
      }
     
      .bloc_exp img{
      	float:left;
      }
     
     .title{
     	padding-top:20px;
     }
    }
    
  @media screen and (max-width: 900px) {
    .bloc_infos{
    	display:none;
    }
    
  
    .map_canvas{
    	/*height:80vh !important;*/
    }
    
     
    
    select, .select2-selection--multiple, .select2-container--default .select2-selection--single{
		margin-right:5px;
    }
    
   
    .bloc_infos{
    	width:80%;
    }
    
    /*.droite, */
    .bloc_blanc{
      	position:relative;
        width:100%;
      	margin-top:-25px;
    }
    
    .bloc_sanitaire{
    	margin-top:0px;
    }
    
    h2{
    	padding-top:30px;
      clear:both;
    }
    
    form{
      width:95%;
      margin-top:0px;
      padding:5px;
    }
 }
    
 @media screen and (max-width: 600px) {
   h1{
     font-size:23px;
     text-align:center;
   }
   
   .bloc_exp{
   	margin-left:auto;
     margin-right:auto;
   }
   
   .liste_agence{
   	width:80%;
   }
 }
    
    
   
    
    
    ul{
      font-family: "Open Sans",sans-serif;
      color: #333;
      font-size:14px;
    }
    form{
    	width:80%;
      margin-left:auto;
      margin-right:auto;
    }
    
    .formulaire input, textarea, select, .select2-selection--multiple, .select2-container--default .select2-selection--single{
      width:100%;
      padding:10px;
      outline:none;
      border-radius:5px;
      border:1px solid transparent;
      box-shadow:none;
      margin-top:5px;
      cursor:pointer;
      background-color:#e0edef !important;
      font-size:15px;
      transition: 0.5s;
      
    }
    .select2-selection--multiple{
      padding:0px;line-height: 28px;min-height: 43px !important;
    }
    .formulaire textarea{
      width:100%;
      font-family:Arial;
      height:140px;
      padding:13px;
      outline:none;
      border-radius:5px;
      border:1px solid transparent;
      box-shadow:none;
      margin-top:5px;
      cursor:pointer;
      transition: 0.5s;
      
    }
.formulaire textarea:focus{
    	border:1px solid #006675;
    }
    /*
    .formulaire select{
      width:100%;
      padding:13px;
      outline:none;
      border-radius:5px;
      border:1px solid #cecece;
      box-shadow:none;
      margin-top:5px;
      cursor:pointer;
    }*/
    
    .formulaire input:focus{
    	border:1px solid #006675;
    }
    .formulaire select:focus{
    	border:1px solid #006675;
    }
.select2-container--default .select2-selection--single select:focus{
    	border:1px solid #006675;
    }

    .bloc{
      width:90%;
      margin-left:auto;
      margin-right:auto;
      /*background-color:#f5f5f5;*/
      text-align:center;
      display:block;
      overflow:hidden;
      padding-bottom:15px;
      margin-bottom:10px;
    }
    
    .title{
      text-align:left;
      padding:20px;
      display:block;
      background-color:#007d8f;
      color:#fff;
      font-weight:500;
    }
    
    label{
    	text-align:left;
      color:#4b4545;
      font-size:13px;
      display: table-cell;
    height: 40px;
    vertical-align: bottom;
    }
   
    .bloc_form{
      width:45%;
      float:left;
      display:block;
      margin-left:2%;
      margin-right:2%;
      text-align:left;
      margin-top:2px;
      margin-bottom:2px;
    }
    
    .bloc_form_agence{
      width:50%;
      float:left;
      display:block;
      margin-left:20px;
      margin-right:20px;
      text-align:left;
      margin-top:20px;
    }
    
    h2{
    	display:block;
      	clear:both;
      overflow:hidden;
      text-align:left;
      margin-left:2%;
      padding-top:20px;
      margin-bottom:10px;
      font-size:15px;
      color:#9c0;
    }
    
    h1{
    	font-weight:100;
      font-size:22px;
    }
    
    .button{
      clear:both;
      overflow:hidden;
      float:none;
      display:block;
      margin-left:2%;
      padding-top:15px;
      padding-bottom:15px;
      padding-left:50px;
      padding-right:50px;
      margin-top:20px;
      border-radius:5px;
      background-color:#007d8f;
      border:none;
      color:#fff;
      font-size:12px;
      font-weight:bold;
      outline:none;
      cursor:pointer;
    }
    
    .button:hover{
    	background-color:#006675;
    }
    
    .title h2{
    	font-size:17px;
       padding:0;
      	margin:0;
      color:#fff;
      font-weight:100;
    }
    
    p{
    	font-size:13px;
      text-align:left;
      padding:2%;
      color:#454545;
    }
    
    a{
    	color:#007d8f;
    }
    
    .bandeau_ok{
      padding: 20px;
      width: 90%;
      background-color: #9c0;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      color: #fff;
      font-weight: bold;
      border-radius:10px;
    }
	
    .bandeau_ko{
      padding: 20px;
      width: 90%;
      background-color: #de4e4e;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      color: #fff;
      font-weight: bold;
      border-radius:10px;
    }
    
    
   @media screen and (max-width: 1100px) {
       .bloc_form{
          width:94%;
       }
     .bloc_form input{
     	width:100%;
     	margin-left:auto;
       margin-right:auto;
     }
     .bloc_form select, .select2-selection--multiple, .select2-container--default .select2-selection--single{
     	width:100% !important;
     	margin-left:auto;
       margin-right:auto;
     }
     
    .bloc_form textarea{
     	width:100%;
     	margin-left:auto;
       margin-right:auto;
     }
     .bloc{
     	width:100%;
     }
     form{
     	width:90%;
     }
     
    }
    
 @media screen and (max-width: 600px) {
   form{
		width:100%;
   }
 }

* {
  box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column_tpe {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row_tpe:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
  .column_tpe {
    width: 100%;
  }
}
p
    {
     padding:1%; 
    }
    
    #map_area
    {
      background-color: white;
      border-radius: 8px;
      box-sizing: border-box;
      width:270px;
      min-height:290px;
      max-height:400px;
      box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
    }
    #nom_map, #nom_map_g
    {
      font-size:14px;
        font-weight:bold;
      text-transform:uppercase;
      padding:5px 0;
    }
    #informations_map, #informations_map_g
    {
      font-size:12px;
        font-style:italic;
      padding:5px 0;
    }
   
    
       /* Create two equal columns that floats next to each other */
      .column_map {
        float: left;
        width: 50%;
        /*height:100vh;min-height:720px;max-height:780px;*/
        height: auto;
    	max-height: none;
        min-height:760px;
      }
    	
    .column_map_formulaire {
        /*max-height:950px;*/
      }

      /* Clear floats after the columns */
      .row_map:after {
        content: "";
        display: table;
        clear: both;
      }

      /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
      @media screen and (max-width: 800px) {
        .column_map {
          width: 100%;/*height:680px;min-height:680px;*/
        }
      }
    	@media screen and (max-width: 800px) {
        .column_map_formulaire {
          width: 100%;/*height: 1100px;   max-height: 1100px;*/
        }
      }
    

 /* Create two equal columns that floats next to each other */
      .column_map2 {
        width: 60%;
        height:200px;
      margin: auto;
          box-shadow: 0 4px 16px 0 #293d5e1a;
    border-radius: 16px;
    border-top: 1px solid #ffffff);
    padding: 20px 20px 0px;
      background-color: #ffffff;
      margin-bottom: 50px;
      margin-top: 20px;
      }

.colimn_map2 .npc-msl-toggle__content {
    height: 48px;
}
.column_map2 .radio input[type=radio], .radio-inline input[type=radio], input[type=radio] {
    margin-top: 6px;
    margin-right: 0;
    vertical-align: top;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	margin-left: -10px;
}
.column_map2 .radio input[type="radio"]::before, .radio-inline input[type="radio"]::before, input[type="radio"]::before {
    position: absolute;
    left: 0px;
    top: -3px;
    background-color: #007461;
    transform: scale(0);
}

.column_map2 .radio input[type="radio"]::after, .radio-inline input[type="radio"]::after, input[type="radio"]::after {
    position: relative;
    top: -3px;
    border: 1px solid #666e8a;
}
.column_map2 .npc-msl-toggle__content{
padding-top: 10px;
}
.column_map2 .npc-msl-toggle__content label:nth-child(2) {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-style: solid;
    background-color: #ffffff;
}

.column_map2 .npc-msl-toggle__content label {
    padding-top: 10px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    border-color: #007461;
    border-width: 1px;
    color: #007461;
display: inline-block;

}
.column_map2 .npc-msl-toggle__content input:checked+label {
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: #ffffff;
    background-color: #007461;
}

.column_map2 .npc-msl-toggle__content label:nth-child(4) {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-left: 0px;
    border-style: solid;
}
.Card-img-top{
height: 150px;
width: 100%;
overflow: hidden;
}
.Card-name:first-letter {
    text-transform: uppercase !important;
}
.sticker-local{
 background-color: #fff6d1;
color: #746000;
border-radius: 5px;
font-weight: bold;
font-size: 12px;
padding: 10px 20px;
}
.sticker-mecenat{
 background-color: #fbecff;
color: #911aac;
border-radius: 5px;
font-weight: bold;
font-size: 12px;
padding: 10px 20px;
}
    .column_map3 {
        
        width: 60%;
    	margin: auto;
    margin-bottom: 50px;
      }

.hide{
display: none;
}

      /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
      @media screen and (max-width: 1200px) {
        .column_map2 {
          width: 100%;
          height:430px;
        }
        .column_map3 {
          width: 100%;
        }
      }
    	
	@media screen and (max-width: 1000px) {
        .column_map2 {
          height:520px;
        }
        
      }
    @media screen and (max-width: 520px) {
        .column_map2 {
          height:630px;
        }
        
      }


    .select2-container
    {
     width:100% !important; 
    }


.select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--single
{
  font-size: 13px;
    color: #000;
      margin-top: 12px;
}




.cbx {
	  -webkit-user-select: none;
	  user-select: none;
	  -webkit-tap-highlight-color: transparent;
	  cursor: pointer;
	  clear:both;
	  margin-top: 20px;
	}
	.cbx span {
	  display: inline-block;
	  vertical-align: middle;
	  color: #a9a9a9;
	}
	.cbx span:first-child {
	  position: relative;
	  width: 34px;
	  height:34px;
	  border-radius: 50%;
	  transform: scale(1);
	  vertical-align: middle;
	  border: 1px solid #B9B8C3;
	  transition: all 0.2s ease;
	}
	.cbx span:first-child svg {
	  position: absolute;
	  z-index: 1;
	  top: 7px;
	  left: 5px;
	  fill: none;
	  stroke: white;
	  stroke-width: 2;
	  stroke-linecap: round;
	  stroke-linejoin: round;
	  stroke-dasharray: 16px;
	  stroke-dashoffset: 16px;
	  transition: all 0.3s ease;
	  transition-delay: 0.1s;
	  transform: translate3d(0, 0, 0);
	}
	.cbx span:first-child:before {
	  content: "";
	  width: 100%;
	  height: 100%;
	  background: #506EEC;
	  display: block;
	  transform: scale(0);
	  opacity: 1;
	  border-radius: 50%;
	  transition-delay: 0.2s;
	}
	.cbx span:last-child {
	  margin-left: 8px;
	}
	.cbx:hover span:first-child {
	  border-color: #52ae00;
	}

	.inp-cbx:checked + .cbx span:first-child {
	  border-color: #52ae00;
	  background: #52ae00;
	  animation: check 0.6s ease;
	}
	.inp-cbx:checked + .cbx span:first-child svg {
	  stroke-dashoffset: 0;
	}
	.inp-cbx:checked + .cbx span:first-child:before {
	  transform: scale(2.2);
	  opacity: 0;
	  transition: all 0.6s ease;
	}
	.inp-cbx:checked + .cbx span:last-child {
	  color: #444444;
	  transition: all 0.3s ease;
	}
	.inp-cbx:checked + .cbx span:last-child:after {
	  transform: scaleX(1);
	  transition: all 0.3s ease;
	}
	@keyframes check {
	  50% {
	    transform: scale(1.2);
	  }
	}


select, .select2-container--default .select2-selection--single{
     -webkit-appearance: none;
    background-color: white;
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
  background-position : right center;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-origin: content-box;
}
.select2-container--default .select2-selection--single{
        height: inherit;
  text-align: left;
      
}


.select2-container--default .select2-selection--single .select2-selection__arrow b
{
 display:none; 
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
  line-height: inherit;
  color: black !important;
  font-size: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder
{
  color: black !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{
      background-color: #007d8f;
  
}
.select2-container .select2-selection--single .select2-selection__clear
{
      font-size: 1.5em;
      font-weight: 100;
      float:left;
  margin: 0;
    padding: 0 0 3px 0;
}

.select2-search--dropdown .select2-search__field
{
  padding: 7px;
}