.searchblock_back_back
{
	margin:0px;
	padding: 0px;

	/*couleur de fond*/
	/*background: no-repeat url("../images/illustrations/backback.jpg");
	background-size: cover; */


	/*hauteur du fond*/
	height: 20vh;
	/*max-height: 80px;*/
	width: 100%;
	
}

.searchblock_back
{
	/*disposition de searchblock_top*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	/*couleur de fond*/
	/*background: no-repeat url("../images/illustrations/backback.jpg");
	background-size: cover; */

	/*couleur de fond*/
	background: rgba(242,242,242,0.6);

	/*hauteur du fond*/
	height: 100%;
	width: 100%;
}


.searchblock_top
{
	/*disposition des barres de recherche*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	

	/* couleur de fond */
	background: rgb(1,70,8);

	/* Arrondi de block*/
	/*border-radius: 0.2em;*/

	/*Dimensionnement et marges*/
	width: 100%;
	height: 100%;
	min-width: 450px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.searchblock_top form
{
	height: 100%;
	width:100%;
	padding:0px;
		
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

}

.searchbutton
{
	background:rgb(0,129,80);	
	color: white;
	border-radius: 4px;
	font-size: 1em;
	min-height: 40px;
	min-width: 150px;
	font-size: 1.2em;
	padding: 5px;	
	border-style:none;

	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.searchbutton:hover
{
	color: white;
	background: rgb(0,168,104);
	cursor: pointer;
}

.mainsearchbars
{
	/*disposition des barres de recherche*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;

	/*Proportions verticales*/
	

	/*largeur et marge interne*/
	width: 100%;
	padding: 0px;
}

.mainsearchbars > div
{
	/*Flexbox pour ajustement labels+input nécessaire ?*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

	/*Gestion des marges internes et externes*/
	margin:5vw;
	margin-top: 2vh;
	margin-bottom: 2vh;

	padding: 0px;
}

.mainsearchbars + div > input
{
	display: none;
}

.mainsearch_wrapper
{
/*proportions barre principale*/
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding: 0px;
margin:0px;
width: 55%;
height: 100%;
}

.mainsearch_wrapper div
{
/*proportions barre principale*/
height: 45px;
width: 45px;
padding: 0;
/*background: rgb(1,70,8);*/
background:rgb(0,129,80);
border-top: 0.5px solid rgb(1,70,8);
border-left: 0.5px solid rgb(1,70,8);
border-bottom: 0.5px solid rgb(1,70,8);
border-radius: 4px 0px 0px 4px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.locationsearch_wrapper
{
/* proportion location*/
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
padding: 0px;
width: 40%;
height: 100%;
}



.locationsearch_wrapper div
{
height: 45px;
width: 45px;
padding: 0px;	
/*background: rgb(1,70,8);*/
background:rgb(0,129,80);
border-top: 0.5px solid rgb(1,70,8);
border-left: 0.5px solid rgb(1,70,8);
border-bottom: 0.5px solid rgb(1,70,8);
border-radius: 4px 0px 0px 4px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.locationsearch_wrapper label
{

	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;	
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.mainsearch_wrapper label
{
	height: 40px;
	width: 40px;
		display: inline-flex;
	justify-content: center;
	align-items: center;
}
#mainsearch
{
		background: white;
		height: 45px;
		width: 100%;
		padding-left:10px;
		font-size: 1.2em;
		border-top: 0.5px solid rgb(1,70,8);
		border-bottom: 0.5px solid rgb(1,70,8);
		border-right:0.5px solid rgb(1,70,8);
		border-left: none;
/*barre de recherche principale*/
	border-radius: 0 4px 4px 0;
	/*border-top: 1px solid rgb(130,130,130);
	border-bottom: 1px solid rgb(130,130,130);
	border-right:1px solid rgb(130,130,130);
	border-left: none;
	height:30px;
	min-width: 75%;
	padding-left:4px;
    margin:0px;	
    background: rgb(242,242,242);
    padding-top: 0px;
    padding-bottom: 0px;*/
}


#mainsearch:focus
{
outline: none;
}

.mainsearch_wrapper label img
{
max-height: 90%;
max-width:90%;
margin: 0px;

}

.locationsearch_wrapper label img
{
max-height: 90%;
max-width:90%;
margin:0px;
}

#locationsearch
{
		background: white;
		height: 45px;
		width: 100%;
		padding-left:10px;
		border-top: 0.5px solid rgb(1,70,8);
		border-bottom: 0.5px solid rgb(1,70,8);
		border-right:0.5px solid rgb(1,70,8);
		border-left: none;
		font-size: 1.2em;
/*barre de recherche principale*/
	border-radius: 0 4px 4px 0;
	/*barre de recherche location*/
	/*border-radius: 0 4px 4px 0;
	border-top: 1px solid rgb(130,130,130);
	border-bottom: 1px solid rgb(130,130,130);
	border-right:1px solid rgb(130,130,130);
	border-left: none;
	height: 30px;
	width: 60%;
	padding-left: 7px; 
	min-width: 100px;
	margin: 0px;
	background: rgb(242,242,242);
	    padding-top: 0px!important;
    padding-bottom: 0px!important;*/
}

#locationsearch:focus
{
outline: none;
}


.morefilters
{

/* Taille du "plus de filtre"*/
	flex:0.2;

/* largeur*/
	width: 83%;
	padding-right: 13px;

/*traitement du texte*/
	color: white;
	font-size: 0.8em;
	text-align: right;
}

.morefilters label
{
	/*disposition du label et de son before*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;


	/* changement du curseur sur les labels*/
    cursor: pointer;

    /*Effet de transition*/
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

/*Masquer les checkbox standard*/
.morefilters > input[name='checkbox_mainsearch_filtres'], input[name='hide_morefilters_chevron']
  {
    display: none;
  }


/*creation d'un element devant le label + valeur initiale*/
.morefilters > label:before 
  {
    /*chevron orienté vers la gauche*/
    content: '\2039'; 
  
    /*dimensionnement de l'élément*/
    width: 1em; 
    height: 1em; 

  /*rotation vers le bas*/
    transform: rotate(-90deg);

    /*traitement de texte*/
    color: white;
    font-size: 1.6em;
    text-align: center;
    font-weight: normal;
    padding: 0px;
    vertical-align: middle;
    line-height: 0.8em;
  }


input[name='hide_morefilters_chevron']:checked + .morefilters > label:before 
{
 z-index: -1 !important;
}

  /*Changement de valeur de l'élément after laber*/
.morefilters > input:checked + label:before
  {
    content: '\203A';/* chevron orienté vers la droite(rotation + haut déjà prise en compte)*/
  
    /* adjust line-height to vertically center icon */
    line-height: .8em;
  }

  .morefilters .mainsearch_filters_content 
  {
    /*masquer le contenu*/
    overflow: hidden;
    max-height: 0em;

    /*positionnement et ajustemnet du contenu*/
    position: relative;
    padding: 0 1.5em;
  
    /*Couleur du texte*/
    color: black;

    /*Effet de transition*/
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
  }

.mainsearch_filters_body
{
	/* Disposition des filtres additionnels*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;	
	align-items: center;

	/*Taille de la zone filtres additionnels*/
	flex:2;

	/*Traitement du texte*/
	color: white;
	font-size: 0.8em;
}

/* tilde permet d'appliquer une action sur n'importe quel élément content à condition que la checkbox soit active*/
  input[name='checkbox_mainsearch_filtres']:checked ~ .mainsearch_filters_content 
  {
    /* Get this as close to what height you expect */
    max-height: 20em;
  }


.mainsearch_filtersbody div
{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;	
	align-items: center;

	padding: 2px;

}

input[type="checkbox"]
 {
	width: 1.4rem;
	height: 1.4rem;
	border: 0.5px solid rgb(1,70,8);
	background: white;
	border-radius: 2px;
}