@media screen and (min-width:1131px) {
	.wrapper_flex {
        	display: grid;
  	      	grid-template-columns: 790px 300px;
        	/*grid-template-rows: auto auto;*/
 	       	grid-template-rows: minmax(600px,auto) 10px min-content;
   	     	grid-gap: 20px 40px;
        	grid-template-areas:    "grid_content_body grid_sidebar_top"
					"grid_content_body grid_sidebar_bottom"
                	                "grid_content_body grid_sidebar_bottom"

	}
	.wrapper_flex_annonce_solo, .wrapper_flex_infos_ludiques, .wrapper_flex_page_index, .wrapper_flex_page_ajout {
		grid-template-rows: minmax(0px,auto) 10px min-content !important;
	}

	.wrapper_flex_annonce_listing {

	}
	
}
.grid_content_body {grid-area:grid_content_body;}
.grid_sidebar_top {grid-area:grid_sidebar_top; }
.grid_sidebar_bottom {grid-area:grid_sidebar_bottom;}



@media screen and (min-width:451px) and (max-width:1130px) {
	.wrapper_flex {
                display: grid;
                grid-template-columns: auto;
                grid-template-rows: auto auto auto;
                /*grid-template-rows: repeat(3, auto);*/
                grid-gap: 10px 10px;
                grid-template-areas:    "grid_sidebar_top"
                                        "grid_content_body"
                                        "grid_sidebar_bottom"
		}
	.grid_content_body {padding-left:10px; padding-right:20px;}
	.grid_sidebar_top {padding:10px;}
	.grid_sidebar_bottom {padding:10px;}
	#affichage_listing_annonces .bloc_annonce{margin: 0px 0 10px 0 !important;}
}


@media screen and (min-device-width:200px) and (max-device-width:450px) {
	.wrapper_flex {
                display: grid;
                grid-template-columns: auto;
                grid-template-rows: auto auto auto;
                /*grid-template-rows: repeat(3, auto);*/
                grid-gap: 10px 10px;
                grid-template-areas:    "grid_sidebar_top"
                                        "grid_content_body"
                                        "grid_sidebar_bottom"
                }


	.wrapper_flex_annonce_listing {
                display: grid;
                grid-template-columns: auto;
                grid-template-rows: auto auto auto;
                /*grid-template-rows: repeat(3, auto);*/
                grid-gap: 10px 10px;
                grid-template-areas:    "grid_sidebar_top"
                                        "grid_sidebar_bottom"
                                        "grid_content_body"
                }


        .grid_content_body {padding:0px;}
        .grid_sidebar_top {padding:0px;}
        .grid_sidebar_bottom {padding:0px;}
}



.wrapper_flex_sans_sidebar {
        display: grid;
        /*grid-template-rows: auto auto;*/
        grid-template-rows: minmax(0px, auto);
        grid-auto-flow: row;
        grid-template-areas:    "grid_content_body"

}

.wrapper_flex_page_resultat_recherche {
	grid-template-rows: minmax(0px,auto) auto min-content !important;*
}


.grid_content_body {grid-area:grid_content_body;}


#affichage_listing_annonces .bloc_annonce{
        width: 100%;
        margin: 10px 0 10px 0;
	background-color: #fefded;
/*	padding:4px;*/
        display: grid;
        grid-template-columns: 170px auto 160px;
        grid-template-rows: minmax(0px, auto);
        justify-items: stretch;
        grid-gap: 0 15px;
        grid-template-areas: "grid_bloc_photo grid_bloc_details grid_bloc_date_depot_tarifs"
}

#affichage_listing_annonces .grid_bloc_photo {grid-area:grid_bloc_photo; padding:4px;}
#affichage_listing_annonces .grid_bloc_photo img {max-width:170px;}
#affichage_listing_annonces .grid_bloc_details {grid-area:grid_bloc_details; padding-top:2px;}
#affichage_listing_annonces .grid_bloc_date_depot_tarifs {grid-area:grid_bloc_date_depot_tarifs; display: flex; flex-direction: row; align-items: start;flex-wrap: wrap; padding-right:6px;}


/*

@media screen and (min-device-width:550px) and (max-device-width:700px) {
	#affichage_listing_annonces .bloc_annonce{
		grid-template-columns: 170px auto;
	        grid-template-rows: minmax(30px, auto) minmax(10px, auto);	
		grid-auto-flow: column;
		justify-items: stretch;
	        grid-gap: 10px 10px;
        	grid-template-areas:    "grid_bloc_photo grid_bloc_details"
					"grid_bloc_photo grid_bloc_date_depot_tarifs"	
	}

	#affichage_listing_annonces .grid_bloc_date_depot_tarifs .date_depot {text-align:left;}
	#affichage_listing_annonces .grid_bloc_date_depot_tarifs .prix {text-align:left; margin-top:8px;}
        #affichage_listing_annonces .grid_bloc_date_depot_tarifs .lien {margin-top:8px; max-width:50%;}
}
*/

@media screen and (min-width:200px) and (max-width:767px) {
	#affichage_listing_annonces .bloc_annonce{
                grid-template-columns: 100%;
                grid-template-rows: auto auto auto;
                justify-items: center;
		align-content: space-evenly;
                grid-gap: 10px 10px;
               	grid-template-areas:    "grid_bloc_photo"
					"grid_bloc_details"
                                        "grid_bloc_date_depot_tarifs";
		background-color:#fffded;
	/*	border: 1px solid #ccc;*/
        }

	#affichage_listing_annonces .grid_bloc_details {text-align:center;}
	#affichage_listing_annonces .grid_bloc_date_depot_tarifs { width: 90%; }
	#affichage_listing_annonces .grid_bloc_date_depot_tarifs .date_depot {text-align:center;}
        #affichage_listing_annonces .grid_bloc_date_depot_tarifs .prix {text-align:center; margin-top:8px;}
	#affichage_listing_annonces .grid_bloc_date_depot_tarifs .lien {width:100%;  margin-bottom:20px; }
	#affichage_listing_annonces .grid_bloc_photo img {max-width:320px;}
	#affichage_listing_annonces .grid_bloc_photo {margin-top:20px;}
}