/*
Theme Name: Présent
Author: Corentin Stemler
Author URI: http://cos-web.fr
Description: Le thème du site de Présent
Version: 2.0
Text Domain: present
*/

@media screen and (max-width: 1100px) {

	#header_menu ul li a
	{
		font-size: 14px;
		padding: 5px;
	}

	#top_header ul
	{
		text-align: left;
	}

	.dessin_unit img
	{
		height: auto;
		width: 100%!important;
	}

}

@media screen and (max-width: 850px) {

	.page_size
	{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}

	main
	{
		padding-top: 87px!important;
		width: 100%;
	}

	#breadcrumb
	{
		padding-top: 98px;
	}

	#breadcrumb + main
	{
		padding-top: 0!important;
	}

	.header_mobile_cont,
	#header_mobile_logo
	{
		display: block;
	}

	#top_header,
	#header,
	#header_categories
	{
		display: none;
	}

	.main_content_left,
	.sidebare
	{
		display: block;
		width: 100%;
	}

	.vignette,
	.vignettes_cont .visuel_little
	{
	    flex: 1 0 48%;
	    max-width: 48%;
	}

	.article_related_cont
	{
		display: block;
	}

	.article_related_cont .vignette
	{
		flex: initial;
		max-width: 100%;
	}

	.direct_big_cont
	{
		padding-bottom: 5px;
		margin: 10px auto;
	}

	.direct_big_cont .direct_cont
	{
		flex-wrap: wrap;
	}

	.direct_big_cont #to_right
	{
		display: none;
	}

	.vignettes_cont .visuel_middle
	{
		margin: auto;
	}

	.vignettes_cont .une
	{
		max-width: 100%;
	}

	.category_container_post .une
	{
		max-width: 100%;
	}

	#footer .categories
	{
		display: none;
	}

	.article_container
	{
		max-width: 100%;
	}

	.article_container h1,
	.category_container h1,
	.page_cont h1,
	.shop_cont h1
	{
		margin: 10px;
	}

	.article_image_cont
	{
		height: 45vh;
	}

	.article_content_cont
	{
		padding: 20px 10px;
	}

	.shop_choice
	{
		display: block;
		margin: 30px auto;
		width: 80%;
	}

	.shop_choice h2
	{
		width: 80%;
		margin: auto;
	}

	.shop_choice_img_cont
	{
		min-height: initial!important;
		max-height: initial!important;
		overflow: auto;
	}

	.shop_choice img
	{
		height: auto;
		width: 90%;
	}

	#wpadminbar
	{
    	position: fixed!important;
	}

	.debloquer_article,
	.call_don_article
	{
		width: 100%;
		box-sizing: border-box;
		max-width: 100%;
	}

	.debloquer_article .choix_article
	{
		display: block;
		min-height: 0!important;
		border-left: 0!important;
		width: 100%;
		padding: 15px 0;
	}

	.debloquer_article .choix_article:last-child
	{
		border-top: 2px solid #ccc;
	}


	.debloquer_article .choix_article h3
	{
		border-bottom: 0;
	}

}

@media screen and (max-width: 650px) {

	.form_group
	{
		width: 100%;
	}

	.une_texte,
	.une_image
	{
		display: block;
		width: 100%!important;
	}

	.une_image img
	{
		max-height: initial;
	}

	#footer_links
	{
		text-align: center;
		display: block;
	}

	#footer_links a
	{
		display: inline-block;
		margin: 10px;
	}

	.shop_cont
	{
		box-sizing: border-box;
	}

	.shop_choice
	{
		width: 100%;
	}

	.shop_choice img
	{
		width: auto!important;
		max-height: 300px;
	}

	.product_cat
	{
		display: block;
	}

	.product_cat_unit
	{
		margin: 50px auto;
		max-width: 100%;
	}

	.shop_cont .related ul
	{
		background: none;
	}

	.shop_cont .related ul li
	{
		flex: none;
    	max-width: 100%;
    	width: 100%;
    	box-sizing: border-box;
    	margin: 30px auto;
    	background: #f7f7f7;
    	padding-bottom: 10px;
	}

	.product .woocommerce-product-gallery figure
	{
		margin: 0;
	}

	.product .woocommerce-product-gallery figure img
	{
		width: 100%!important;
	}

	.product .woocommerce-product-gallery,
	.product .summary
	{
		display: block;
		box-sizing: border-box;
		width: 100%;
	}

	.center_card
	{
		width: 90%;
	}

	.woocommerce form .form-row-last,
	.woocommerce-page form .form-row-last
	{
		float: none;
	}

	.woocommerce ul.order_details li
	{
		margin-bottom: 10px;
		float: none;
	}

	p.woocommerce-notice
	{
		text-align: center;
	}

	.template_content_50
	{
		display: block;
		width: 100%;
	}

	.abonnement_formules,
	.abonnement_formules_secondaires,
	.abonnement_duree_formule
	{
		display: block;
	}

	.abonnement_duree_unit
	{
		max-width: 100%;
	}

	p.formule_desc
	{
		min-height: 0;
	}

	.template_content
	{
		padding: 10px;
		box-sizing: border-box;
	}

	.abonnement_etape form
	{
		max-width: 100%;
	}

	.abonnement_etape .moyen_paiement
	{
		max-width: 90%;
	}

}

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

	.vignette,
	.vignettes_cont .visuel_little
	{
	    display: block;
	    width: 100%;
	    max-width: 100%!important;
	    flex: initial!important;
	}

	.direct_cont .vignette_image
	{
    	height: 180px;
	}

	.vignette h3,
	.direct_cont .vignette h3,
	.une h3
	{
		min-height: 0;
		background-size: 22px;
    	background-position: right 2px top 0px;
	}

}