/******* Design Sidebar Top Criteres de recherche **/


.grid_sidebar_top .sidebar_mascotte, .grid_sidebar_bottom .sidebar_mascotte  {text-align:center; margin:0px auto; display:block;}

.grid_sidebar_top .sidebar_entete_onglet{display:flex; flex-flow: row nowrap;justify-content: flex-start; width:100%; box-sizing: border-box;}
.grid_sidebar_top .sidebar_entete_onglet .onglet_titre{max-width:70%; flex:1;}
.grid_sidebar_top .sidebar_entete_onglet #box_arrow_up {display:none; min-width:20px; width:20px; margin-right:0px; line-height:34px; height:34px; background-color:#457822; float:left;}



#sidebar_critere_recherche_critere {display:block;}
/* Concerne le depot dannonces pieces detachees*/

#sidebar_critere_recherche_critere .easy-autocomplete {width:100% !important; float:left;}
#sidebar_critere_recherche_critere .easy-autocomplete input[type="text"] {width:94% !important; margin-top:6px;}
#sidebar_critere_recherche_critere .easy-autocomplete ul {list-style-type:'- '; cursor:pointer;}
#sidebar_critere_recherche_critere .easy-autocomplete ul li:hover{color:#457822; font-weight:bold;}
#sidebar_critere_recherche_critere .easy-autocomplete-container{margin-left:10px;}


.grid_sidebar_top .sidebar_top_content {background-color: #FFFDED; padding-left: 10px;  padding:10px; border: 1px solid #ccc;}

.grid_sidebar_top #critere_definition_pieces_detachees {display: flex; flex-flow: column wrap; align-items: stretch}
.grid_sidebar_top .sidebar_top_content select {width:95%; margin-bottom:5px; margin-top:3px; height:22px;}
.grid_sidebar_top .sidebar_top_content input[type=text] {width:96%;}
.grid_sidebar_top .sidebar_top_content #search {width:95%; margin-bottom:5px; margin-top:3px;}


/*############### Design sidebar right Pages annonces  Solo uniquement ###########*/


.sidebar_bottom_content #box_arrow_up {display:none;}
.sidebar_bottom_content {border: 1px solid #ccc; background-color: #FFFDED; padding: 10px; box-sizing: border-box;}
.sidebar_bottom_content .prix_vente {font-size:30px; color: #c10f1b;}

.sidebar_bottom_content .sidebar_infos_utilisateur {display:flex; flex-direction: row; justify-content: space-around; align-items:center;}

#results div{cursor:pointer;}

.grid_sidebar_top .div_bouton_validation {margin:0px auto !important; max-width:200px;}
.grid_sidebar_top .div_bouton_validation a {display:block; line-height:22px;}
.grid_sidebar_top .div_bouton_validation input:hover, .div_bouton_validation a:hover {cursor:pointer;}


#resultat_action_signaler_abus button {background-color:#457822; color :white; border: 1px solid #457822; border-radius:3px;  width:160px; height:25px; text-align:center; /*line-height: 23px;*/}

/*################# Sidebar Module Action  #############################################*/

#sidebar_social_network {height:40px !important;}

.sidebar_actions_annonce li {list-style-type: none;   font-size:14px;}
.sidebar_actions_annonce li a {line-height:30px;    text-align:left;}

.sidebar_actions_annonce .colonne1 {width:30px; float:left; line-height:30px; font-size:16px; text-align:center;}
.sidebar_actions_annonce .colonne1 i {color: #457822; font-size:16px;}
.sidebar_actions_annonce .colonne2 {float:left;line-height:30px; }
.sidebar_actions_annonce .colonne2 a{ font-size:14px;}



/*############### Design sidebar recherche annuaire garage ######*/

#critere_definition_annuaire_garage { height:130px;}
#critere_definition_annuaire_garage .col1_piece {float:left; width:40%;   padding:5px;}
#critere_definition_annuaire_garage .col2_piece {float:right;  width:40%; padding:5px;}




/***********Barre de recherche Listing annonces  "**************/

.sidebar_top_wrapper_search{width:100%; display: flex; flex-flow: row nowrap; justify-content: flex-start;   align-content: space-around;}
.sidebar_top_wrapper_search #onglet_titre_recherche_small_screen{display:none;}
.sidebar_top_wrapper_search img{min-width:239px;}

.sidebar_top_wrapper_search_page_index{width:100%; display: flex; flex-flow: row nowrap; justify-content: flex-start;   align-content: space-around;}
.sidebar_top_wrapper_search_page_index #onglet_titre_recherche_small_screen{display:none;}
.sidebar_top_wrapper_search_page_index img{min-width:239px;}



.sidebar_top_wrapper_search_form {width:100%; display: flex;flex-flow: row nowrap;justify-content: flex-start;  align-content: space-around;}
.sidebar_top_wrapper_search_form #keyword_search{border: none; border-radius:0px;flex:1;padding-left:5px; height:32px; border-top: 1px solid #457822; border-bottom: 1px solid #457822; outline:0; text-align:left;}
.sidebar_top_wrapper_search_form #validation_recherche {min-width: 80px;border:none;font-size:15px;border-radius:0px; cursor: pointer; background-color:#457822; color:white;}


/***********Barre de recherche Listing annonces Small Screen "**************/
.sidebar_top_wrapper_search_form_small_screen {display: none}
.sidebar_top_wrapper_search_form_small_screen label { font-weight:bold; line-height:25px;}
.sidebar_top_wrapper_search_form_small_screen #keyword_search_slider {border-radius:0; height:25px; flex:1; text-align:left;}
.sidebar_top_wrapper_search_form_small_screen .div_bouton_validation {height:25px; border-radius:0px;}
.sidebar_top_wrapper_search_form_small_screen #validation_recherche {min-width:100px; border-radius:0; background-color: #457822; color: white;  border:none;  cursor: pointer; height:20px;}


.grid_sidebar_top #form_critere_evenements #div_departement_limitrophe input[type="checkbox"]{float: left;}
.grid_sidebar_top #form_critere_evenements #div_departement_limitrophe div{float: left;margin-left: 5px;line-height: 14px;}

.annonce_solo_sidebar {display:flex; flex-direction: column; row-gap: 30px; align-content: flex-start}
.annonce_solo_sidebar #annonce_solo_sidebar_informations {order: 0;}
.annonce_solo_sidebar #annonce_solo_sidebar_utilisateur {order: 1;}
.annonce_solo_sidebar #annonce_solo_sidebar_actions {order: 2;}
.annonce_solo_sidebar #annonce_solo_sidebar_partager {order: 3;}
.annonce_solo_sidebar #annonce_solo_sidebar_publicite {order:4;}




@media screen and (min-device-width:200px) and (max-device-width:1130px) {
	.sidebar_top_wrapper_search {display:none;}
	.sidebar_top_wrapper_search_form_small_screen {display:flex; margin-top:8px;}
	.sidebar_top_wrapper_search_form_small_screen #keyword_search_slider {height:25px; text-align: left;}	

	.grid_sidebar_top #sidebar_critere_recherche_critere {display:none;}

	.grid_sidebar_top .sidebar_entete_onglet {margin:0px auto; }
	.grid_sidebar_top .sidebar_entete_onglet #box_arrow_up {display:block;}
	.grid_sidebar_top .sidebar_entete_onglet i {font-size:17px; color:white; line-height:34px;}

	.grid_sidebar_top #form_critere_evenements {display:none;}
	.grid_sidebar_top #form_critere_annuaire_musee {display:none;}
	.grid_sidebar_top #form_critere_annuaire_garage {display:none;}

	.grid_sidebar_top .sidebar_top_content select{height:25px;}
	.grid_sidebar_top select{height:23px;}

	.annonce_solo_sidebar {display:flex; flex-direction: column; row-gap: 35px;  align-content: flex-start}
        .annonce_solo_sidebar #annonce_solo_sidebar_informations {order: 0;}
        .annonce_solo_sidebar #annonce_solo_sidebar_utilisateur {order:2;}
        .annonce_solo_sidebar #annonce_solo_sidebar_actions {order: 1;}
        .annonce_solo_sidebar #annonce_solo_sidebar_partager {order: 3;}
        .annonce_solo_sidebar #annonce_solo_sidebar_publicite {order:4;}

}



@media screen and (min-device-width:800px) and (max-device-width:1130px) {

	.grid_sidebar_top #critere_definition_pieces_detachees {flex-flow: row wrap; justify-content: space-around;}
	.grid_sidebar_top #critere_definition_pieces_detachees .col1_piece, .grid_sidebar_top #critere_definition_pieces_detachees .col2_piece {min-width:45%; width:49%;}
/*	.grid_sidebar_top #critere_definition_pieces_detachees .div_bouton_validation {max-width:170px; width:100%; text-align:center;}*/

	.sidebar_top_wrapper_search_form_small_screen {width:96%; flex-flow: row nowrap; align-content: space-around;}

	.sidebar_mascotte img { display:none;}
}



@media screen and (min-device-width:450px) and (max-device-width:800px){
	#cssmenu { background:black;}
	#cssmenu.small-screen #menu-button {background:black;}
	#cssmenu .logo_maison {background-color:black !important; color:white !important; }

}


@media screen and (min-device-width:100px) and (max-device-width:450px){

	/*#sidebar_top_wrapper_search {flex-flow: column nowrap;}*/

	.grid_sidebar_top .sidebar_entete_onglet {width: 100%; margin:0px auto; }
	.grid_sidebar_top .sidebar_entete_onglet .onglet_titre {max-width:95%;}
	.grid_sidebar_top .sidebar_entete_onglet #box_arrow_up {min-width:20px; width:25px; margin-right:0px;}

	.grid_sidebar_top .sidebar_top_content {width:99%; margin: 0px auto; max-width:99%;}
	.grid_sidebar_top .sidebar_top_content #box_arrow_up  {display:block; float:right;  padding:4px 0 0 5px; background-color:#457822; height:30px;}


	.sidebar_right_bloc #form_critere_evenements {display:none;}


/*	/***********Barre de recherche Listing annonces Small Screen "**************/
	.sidebar_top_wrapper_search_form_small_screen {flex-flow: column wrap;align-items:center;}
	.sidebar_top_wrapper_search_form_small_screen #keyword_search_slider {width:97%; margin-top:15px; margin-bottom:15px; text-align: left;}
	.sidebar_top_wrapper_search_form_small_screen .div_bouton_validation {border-radius:3px; height:30px; line-height:30px;}

	.sidebar_bottom_wrapper{width:100%; max-width:100%; margin-top:40px;}
	.sidebar_bottom_content{border:none; border-top:1px solid #ccc; border-bottom: 1px solid #ccc;}
}

@media screen and (min-device-width:100px) and (max-device-width:600px){
	.sidebar_top_wrapper_search_page_index #onglet_titre_recherche {display:none;}
	.sidebar_top_wrapper_search_page_index .sidebar_top_wrapper_search_form {flex-flow: column;}
	.sidebar_top_wrapper_search_page_index .sidebar_top_wrapper_search_form #keyword_search{flex:none; border: 1px solid #457822; text-align:center;}
	.sidebar_top_wrapper_search_page_index #validation_recherche {width:100%; height:30px;}
}