.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
background-color: #1d2b45 !important;
    border-width: 0px !important;
    color: rgba(255, 255, 255, 0.8) !important;
	border-radius: .25rem 0 .25rem 0;
}
.form-control::placeholder {
  color: white;
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: 0 .25rem .25rem 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	    margin-top: 0!important;
    margin-bottom: 0!important;
	background-color:#1d2b45;
}
.btn:hover {
    color: #212529;
}
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

/*------------------------------------------------------------*/
/*------------------------  FORM  ----------------------------*/
/*------------------------------------------------------------*/



/*--- SUMMARY SEARCH  ---*/

#recherche p{
	margin-top: 15px;
	color: #7acac7;
	font-style: italic;
	font-weight: 300;
}

/*--- INPUTS  ---*/

.select2-container--default .select2-selection--single{
	border : 1px #1d3557 solid;
	border-radius:0px;
	padding: 10px 40px;
	height: 43px;
	display:flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	top:50%;
	transform:translatey(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option .select2-results__option--selectable .select2-results__option--selected .select2-results__option--highlighted{
	color: #1d3557;
	font-weight : 400;
}


#form_div {
	display: flex;
}
#form_div .btn_search {
	width:100%;
}
#form_div .form_col {
	margin-right:5px;
}
#form_div .form_block::first-child {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

@media all and (min-width:1201px) {
	#form_div {
		flex-direction: row;
	}
	.form_block {
		width:50%;
		display: flex;
		flex-direction: row;
	}

	#form_div .form_col {
		width:50%;
	}
	
}
@media all and (min-width:981px) and (max-width:1200px) {

	#form_div {
		flex-direction: column;
	}
	
	.form_block {
		width:100%;
		display: flex;
		flex-direction: row;
        padding-left:5px;
        padding-right: 5px;
	}

	#form_div .form_col {
		width:50%;
		margin-bottom:5px;
	}

}

@media all and (max-width:980px) {

	#form_div {
		flex-direction: column;
	}
	.form_block {
		width:100%;
		display: flex;
		flex-direction: column;
	}

	#form_div .form_col {
		width:100%;
		margin-bottom:5px;
	}

}

/*--- BTN Rechercher  ---*/

.btn_search{
	cursor:pointer;
	padding: 10px 40px;
	border : 1px #1d3557 solid;
	text-transform: uppercase;
	transition: all .3s ease;
	letter-spacing:1px;
	background-color: #fca311 !important;
	color: black;
	font-weight:700;
}

.btn_search:hover{
	background-color: #f5f5f5;;
}



/*------------------------------------------------------------*/
/*-----------------------  RESULTS  --------------------------*/
/*------------------------------------------------------------*/



/*------------------------ Header  ---------------------------*/


#annuaire .company .header{
	border-bottom:2px solid #efefef;
}

/*--- WIDTH ---*/


#annuaire .link_company{
	width:50%;
	padding-left:10px;
}

#annuaire .website{
	width:30%;
}

#annuaire .rate{
	width:20%;
	padding-right: 10px;
}



/*--- INFOS ---*/
/* Nom de l'entreprise */


#annuaire .title .infos .activity{
	color: #808080;
	margin-bottom:8px;
}


#annuaire .title .infos h2{
	font-weight:700;
}

/*--- BTN WEBSITE ---*/


#annuaire .website a.link_company{
	display:none !important;
}


#annuaire .website .btn_website a{
	color: #1d3557;
	font-weight : 400;
	letter-spacing:1px;
	text-transform:none;
}


#annuaire .website .btn_website{
	background-color: #fff;
	text-transform: uppercase;
	padding: 13px 40px;
	font-weight: 700;
	border-radius: 0px;
	border: 1px #1d3557 solid;
	font-size: 12px;
	transition: all .3s linear;
	max-width:max-content;
	margin-left:auto;
}


#annuaire .website .btn_website:hover{
	background-color: #f5f5f5;;
}

/*--- Rate ---*/


#annuaire .company .rate .rate_note{
	color: #808080;
	font-weight:300;
}


#annuaire .company .rate{
	font-size:bold;
	color: #1d3557;
	font-size: 22px;
}


#annuaire .company .rate .note{
	font-size:75px;
	line-height:1em;
	color: #1d3557;
	font-weight:700;
	
}


#annuaire .img_check{
	width:35px;
}


#annuaire .nb_note{
	font-size : 50%;
	color: #808080;
}
/*------------------------ CONTENT  ---------------------------*/

#annuaire .content{
	display:flex;
	flex-direction: row;
	align-items: initial;
}


/*--- WIDTH ---*/

#annuaire .content .about{
	width : 65%;
	border-right:2px solid #efefef;
	padding: 20px;
}

#annuaire .content .link_contact{
	width : 35%;
	padding: 20px;
}

/*--- ABOUT ---*/

#annuaire .content .about p{
	font-weight: 400;
	font-size:14;
	line-height:22px;
}

#annuaire .content .about p.about_desc{
	color: #1d3557;
	font-weight:500;
}

/*-- ADDRESS --*/


#annuaire .content .link_contact .about_resume{
	display:flex;
	flex-direction:row;
	align-items: center;
	margin: 30px 0px;
	word-break: break-word;
}


/* Info */

#annuaire .content .link_contact p{
	padding:0px;
	color: #1d3557;
	font-weight:300; 
}

#annuaire .content .link_contact p.about_desc{
	padding:0px;
	color: #1d3557;
	font-weight:500;
	margin-bottom:30px;
}

#annuaire .content .link_contact .about_phone_info p{
	font-weight: 700;
}


/* Icon */

.about_icon i{
	color: #1d3557;
	margin-right:20px;
	min-width:20px;
	text-align: center;
}

.about_social_network_icons i{
	color: #1d3557;
	margin:0px 5px;
	min-width:30px;
	min-height:30px;
	text-align:center
}

/*------------------------------------------------------------*/

#annuaire a.link_company {
    color:#000000;
}

#annuaire .company {
    display: flex;
    flex-direction: column;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
    background-color: #fff;
    margin-top: 40px;

}

#annuaire .company .header  {
    display: flex;
    flex-direction: row;
	align-items: center;
	padding: 20px
}

#annuaire .company .header .title {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
#annuaire .company .header .logo {
    display: flex;
    flex-direction: row;

}
#annuaire .company .header .infos {
    display: flex;
    flex-direction: column;
	margin-left:15px;
}

#annuaire .company .header .rate {
    display: flex;
    justify-content: end;
	align-items: center;
}

#annuaire .company .header .rate .rate_note {
    display: flex;
    justify-content: end;
	align-items: baseline;
}








@media all and (max-width:980px){
	#annuaire .link_company{
		width:70%;
		padding-left:10px;
	}
	#annuaire .rate{
		width:30%;
		padding-right: 10px;
	}
	#annuaire .website{
		display: none;
	}
	#annuaire .content{
		display:flex;
		flex-direction: column !important;
		align-items: initial;
	}
	#annuaire .content .about{
		width : 100% !important;
		border-right: none !important;
		border-bottom: 2px solid #efefef;
		padding: 20px;
	}
	#annuaire .content .link_contact{
		width : 100% !important;
		padding: 20px ;
	}
}

@media all and (max-width:767px){
	#annuaire .company .header  {
   	 	flex-direction: column;
		align-items: center;
	}
	#annuaire .company .header .title{
		flex-direction: column;
	}
	#annuaire .company .header .infos{
		text-align:center;	
		margin: 10px 0px;
	}
	#annuaire .rate{
		width:100%;
		justify-content: center !important;
	}
	#annuaire .content .about p{
 	 display: -webkit-box;
 	 overflow: hidden;
 	 -webkit-line-clamp: 5;
 	 -webkit-box-orient: vertical;
	}
	
}





#tiptop_map .carte {
	width: 85%;
	margin: 0 auto;
}
#tiptop_map path {
	stroke: #ffffff;
	stroke-width: 1px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-opacity: .25;
	fill: #1D3557;
}
#tiptop_map g:hover path {
	fill: #86eee0;
}
#tiptop_map g path:hover {
	fill: #00a199;
}
#tiptop_map g path.selected {
	fill: #fca311;
}