@charset "utf-8";

@media (max-width: 1024px){

	/*
	** Général
	** _______
	*/

	paragraphes {
		margin-left: 10px;
		margin-right: 10px;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	/*
	** Les titres
	** __________
	*/

	.titre_03{
		font-size: 1.3em;
	}

	/*
	** Animation latérale (panier et actualité)
	** ________________________________________
	*/

	@keyframes padding {
		0% {
			padding-left: 0px;
			padding-right: 0px; 
		}

		100% {
			padding-left: 15px;
			padding-right: 15px;
		}
	}

	@keyframes padding__search {
		0% {
			margin-right: 160px; 
		}

		100% {
			margin-right: 10px;
		}
	}

	/*
	** Header
	** ______
	*/

	.header__zone01 {
		/*box*/
		width: 100%;
		height: 60px;
		min-width: 300px;
		top: 20px;
		/*border*/
		/*background*/
		/*text*/
		/*other*/
		/*animation-name: padding;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;*/
		}

		.actu_layout {
			/*box*/
			display: none;
			/*border*/
			/*background*/
			/*text*/
			/*other*/
		}

		.ident_layout {
			padding-right: 10px;
			font-size: 1.5em;
		}

	.header__zone01_connected {
		/*box*/
		height: 100px;
		position: relative;
		top: 20px;
		/*border*/
		/*background*/
		/*text*/
		/*other*/
		}

		.connected_layout{
			position: relative;
			top: 10px;
			}

			.you_re_connected {
				padding-left: 10px;
				padding-top: 5px;
				font-size: 1.2em;
			}

			.voir_profil {
				padding-right: 10px;
				font-size: 1.5em;
			}

	.header__zone02 {
		/*box*/
		max-width: 100%;
		margin-bottom: -100px;
		/*border*/
		/*background*/
		/*text*/
		/*other*/
		/*animation-name: padding;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;*/
		}

		.home__mobile {
			display: block;
			}

			.home__mobile img {
			    top: 10px;
			    width: 70px;
			}

		.bookmark {
			/*box*/
			display: none;
		}

		.bookmark__mobile {
			display: block;
		}
		.bookmark__mobile img {
			position: relative;
			top: 5px;
			width: 70px;
			float: right;
		}

		.header__texte_articles {
			position: relative;
			height: 0px;
			right: 200px;
			top: 25px;
			font-size: 1.5em;
			font-weight: bold;
			color: #000;
		}

		.header__zone02 .titre{
			/*box*/
			top: 50px;
			/*border*/
			/*background*/
			/*text*/
			text-align: center;
			font-size: 1.6em;
			/*other*/
		}

		.header__zone02.active #content_beginer{
			/*box*/
			display: block;
			float: left;
			width: 100%;
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
			/*border*/
			/*background*/
			/*text*/
			color: #000;
			font-weight: bold;
			text-shadow: 1px 1px #909090;
			/*other*/
		}

		.header__zone02 .divlichette{
			/*box*/
			bottom: -54px;
			/*border*/
			/*background*/
			/*text*/
			/*other*/
		}

	.header__search{
		/*animation-name: padding__search;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;*/
	}

	/*
	** Main Menu
	** _________
	*/

	.tabs {
	}

	.tabs_content {
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}

		.zone01 {
			width: 100%;
			min-height: 200px;
			margin: auto;
			position: relative;
			margin-top: 20px;
			display: flex;
			justify-content: space-between;
		}

		.zone01 a{
			width: 100%;
		}

			.zone01_left {
				width: 48%;
				/*background-color: red;*/
			}

			.zone01_right {
				width: 48%;
				/*background-color: red;*/
			}

				.zone01_left .layout {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: flex-start;
				}

				.zone01_right .layout {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: flex-start;
				}

				.zone01_left .layout img{
					width: 100px;
				}
				.zone01_right .layout img{
					height: 30px;
				}

		.zone02 {
			width: 100%;
			margin: auto;
			position: relative;
			margin-top: 20px;
		}

		.zone02 .layout {
			display: flex;
			justify-content: space-between;
			align-content: flex-start;
		}

		.zone02 .tab_content_select {
			width: auto;
		}

		.zone02 .layout img{
			width: 60px;
			height: 20px;
			margin-left: 20px;
		}

		.zone03 {
			width: 100%;
			margin: auto;
			position: relative;
			margin-top: 15px;
		}

		.zone03 .layout {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-content: flex-start;
		}

		.zone03 .tab_content_select {
			width: auto;
			padding: 0px;
		}

		.zone03 .layout img{
			width: 100px;
		}

		.zone04 {
			width: 100%;
			margin: auto;
			position: relative;
			margin-top: 15px;
			display: flex;
			justify-content: space-between;
		}

	.header__search{
		margin-right: 10px;
	}

	.logo {
	/*box*/
	display: none;
	/*border*/
	/*background*/
	/*text*/
	/*other*/
	}

	/*
	** Pagination
	** __________
	*/

	.shop__pagination_layout img{
		width: 50px;
	}
}

@media (max-width: 1200px){
	.logo .home {
		display: none;
	}
	.home__mobile {
		display: block;
	}
}