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

	:root {
		--largeur-header: 1000px;
		--largeur-main: 950px;
	}
	
	/* Header */
	header .container, footer .container {
		background-image: url('/images/temp_home/menu_fond-1000.png');
	}
	header #top_menu > ul:nth-child(1) {
		width: 750px;
	}
	header ul > li#li_cont.top > ul {
		right: 50px;
	}
	header ul > li#li_trad.top > ul {
		right: -50px;
	}
	header .prod_cat div:nth-child(2) {
		width: 450px;
	}
	.menu_prod_img_dte {
		width: 250px;
	}
	.menu_prod_img_dte img{
		width: 100%;
	}
	
	/* Sliders */

	section#home_contact #occasion .stu-control {
		margin-top: -40px;
	}
	section#home_contact #occasion .slider::after {
		bottom: 134px;
	}
	
	/* Footer */
	footer #footer_coord {
	}
	footer #footer_text {
		font-size: var(--font-size-small3);
	}

}

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

	:root {
		--largeur-header: 800px;
		--largeur-main: 750px;
	}
	
	/* Header */
	header #top_menu {
		margin: 0 50px;
	}
	header .container, footer .container {
		background-image: url('/images/temp_home/menu_fond-800.png');
	}
	header li.top > a {
		font-size: var(--font-size-normal);
	}
	header #top_menu > ul:nth-child(1) {
		width: 650px;
	}
	header .prod_cat .menu_prod_img_gch {
		margin-left: 20px;
	}
	.menu_prod_img_dte {
		display: none;
	}
	header .prod_cat div:nth-child(2) {
		width: 580px;
	}
	header ul > li.top > ul{
		margin: 20px 50px;
	}
	header ul > li#li_prod.top > ul {
		width: calc(100% - 100px);
		margin: 20px 50px;
	}
	header ul > li#li_trad.top > ul {
		right: 0px;
	}
	
	header #logo_gf {
		width: 150px;
	}
	header #logo_bk {
		width: 85px;
	}
	header #logo_kp {
		width: 200px;
	}
	
	/* Sliders */
	section .top-slider-container {
		height: 500px;
	}
	section#home_top .top-slide {
		height: 450px;
	}
	section#home_top .slider_txt {
		background-position: top right calc((100vw - var(--largeur-main))/2 + var(--largeur-main)/2 - 65px);
	}
	section#home_contact article:nth-of-type(2), section#home_photos article:nth-of-type(2) {
		flex: 1;
	}
	section .photos-slider-container {
		height: 255px;
	}
	section#home_contact #occasion .stu-slider-container {
		height: 360px;
	}
	section#home_contact #occasion .slider::before {
		content: url('/images/temp_home/angles/top-right-blanc-big-60.png');
		width: 60px;
		height: 60px;
	}
	section#home_contact #occasion .slider::after {
		content: url('/images/temp_home/angles/bottom-left-orange-60.png');
		width: 60px;
		height: 60px;
	}
	section#home_photos #slider110 .slider::before, 
	section#home_photos #slider110 .slider::after {
		content: url('/images/temp_home/angles/top-right-beige-big-60.png');
		width: 60px;
		height: 60px;
	}
	section#home_photos #slider110 .slider::after {
		bottom: 30px;
	}
	section#home_photos #slider110 .photos-control {
		margin-top: -25px;
	}

	/* News > 2 col */
	section.fond_beige{
		background-image: url('/images/temp_home/angles/for-blanc-vert.png');
	}
	#home_news article {
		min-width: 40%;
	}
	section#home_chiffres.wide_gris article {
		width: 730px;
	}
	section#home_chiffres.wide_gris article:nth-child(2) {
		padding: 0;
	}
	section#home_chiffres.wide_gris article br {
		display: none;
	}
	
	/* Footer */
	footer #footer_coord {
	}
	footer #footer_text {
		font-size: var(--font-size-small3);
		width: 700px;
	}
	footer #footer_text .texte{
		display: none;
	}

	/*//////////*/
	/* PRODUITS */
	/*//////////*/

	.produit section.wide_gris_titre .titre_gris {
		padding-right: 100px;
	}
	
	.produit section#produit article.photos {
		flex: 2;
	}
	section#produit #pictos {
		flex-direction: column;
	}
	section#produit #pictos div {
		width: 100%;
		margin-bottom: 20px;
	}
	section#produit #pictos div br {
		display: none;
	}
	
	/*//////////////////*/
	/*//// Page int. ///*/
	/*//////////////////*/

	.general #produit_titre h1 {
		font-size: var(--font-size-big);
	}
	.general section#produit .photos .photos-control {
		margin-top: -15px;
	}
	.general #logo_110, .general #logo_france {
		width: 70px;
		margin: 0 0 10px 10px;
	}
	
	/* form catalogues */
	.produit.general.pg_catalogues section#produit form input,
	.produit.general.pg_catalogues section#produit form select,
	.produit.general section#produit form .form_button button {
		width: 100%
	}
	.produit.general section#produit form .form_button button {
		margin: 0;
	}
	
	/* interlocuteurs */
	.carte_france {
		margin-top: 0;
	}

}

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

	section.wide_gris::before {
		content: none;
	}
	
}

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

	section .top-slider-container {
		height: 450px;
	}
	section#home_top .slider_txt div.top_picto {
		margin-left: calc((100vw - var(--largeur-main))/2 + 60px);
	}
	section#home_top .slider_txt div.top_legende {
		width: calc(var(--largeur-main) - 20%);
	}
	section#home_top .top-control {
		margin-top: -65px;
	}

	/*//////////*/
	/* PRODUITS */
	/*//////////*/

	section#produit #pictos {
		flex-direction: row;
	}
	section#produit #pictos div {
		width: 50%;
		margin-bottom: 0;
	}
	section#produit #pictos div br {
		display: inline-block;
	}
	
	/* form catalogues */
	.pg_catalogues section#produit img {
		max-width: 350px;
	}

}

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

	:root {
		--largeur-header: calc(100vw - 20px);
		--largeur-main: calc(100vw - 20px);
	}
	
	html {
		font-size: 12px;
	}

	section article h2 {
		padding-bottom: 10px;
	}

	/* Header */
	header .container, footer .container{
		background-size: cover;
	}
	header .top {
		font-size: var(--font-size-small2);
	}
	header #top_menu > ul:nth-child(1) {
		width: 490px;
	}
	header .prod_cat div:nth-child(2) {
		width: 420px;
	}
	 header .prod_cat .menu_prod_img_gch {
		margin-left: 10px;
	}
	header ul > li#li_prod.top > ul {
		height: 310px;
	}
	header ul > li#li_prod.top > ul::before, header ul > li#li_prod.top > ul::after {
		content: url('/images/temp_home/menu_mifond_3.png');
	}
	header .prod_cat div:nth-child(2){
		height: 250px;
	}
	
	/* Sliders */
	section .top-slider-container {
		height: 380px;
	}
	section#home_top .slider_txt div.top_picto {
		margin-left: calc((100vw - var(--largeur-main))/2 + 20px);
		height: 65%;
	}
	section#home_top .slider_txt div.top_picto img {
		height: 100%;
	}
	section#home_top .slider_txt div.top_legende {
		width: fit-content;
	}
	section#home_contact #occasion .stu-slider-container {
		height: 320px;
	}
	section#home_contact #occasion .slider::after {
		bottom: 110px;
	}	
	section .photos-slider-container {
		height: 239px;
	}
	section#home_photos #slider110 .photos-control {
		line-height: 10px;
	}
	
	/* chiffres */
	section#home_chiffres.wide_gris article	{
		width: 670px;
	}
	
	/* footer */
	.txt_normal {
		font-size: var(--font-size-big2);
	}

	/*//////////*/
	/* PRODUITS */
	/*//////////*/
	.produit section .photos-slider-container {
		height: 210px;
	}
	.produit section#produit .slider_img {
		height: 180px;
	}
	.produit section#produit .photos .photos-control {
		margin-top: -20px;
	}
	.produit section.wide_gris_titre .titre_gris {
		background-position: top right;
		height: fit-content;
	}
	.produit section.wide_gris::before {
		content: none;
    }
	.produit section#produit .photos .slider::before,
	.produit section#produit .photos .slider::after {
		content: url('/images/produits/top-right-gris-big-60.png');
		right: 0;
		width: 60px;
		height: 60px;
	}
	.produit section#produit #pictos div {
		width: 50%;
	}

	/* Modal */
	.produit #modal_cata > div,
	.produit #modal_video > div,
	.produit #modal_photo > div {
		width: 550px;
		margin: calc((100vh - 480px)/2) auto;
		background-image: url('/images/temp_home/angles/for-inverse-beige.png');
		height: 480px;
		background-size: 100% 100%;
	}
	.form_champs_3col {
		flex-direction: row;
	}
	.form_champs_3col > div {
		width: 32%;
	}

	/*//////////////////*/
	/*//// Page int. ///*/
	/*//////////////////*/

	.general section#gene_textes,
	.general section#gene_textes2 {
		margin: 0 calc((100% - var(--largeur-main))/2) 3em;
		padding: 0 10px;
	}

	.general .wTiers_1, .general .wTiers_2 {
		flex: 1;
		min-width: calc(var(--largeur-main) - 50px);
		padding: 10px;
		margin: 10px;
	}
	
	/* formulaire contact */
	.produit.general section#produit form {
		margin-bottom: 2em;
	}
	.produit.general section#produit form input {
		width: 100%;
	}
	.produit.general section#produit form .form_champs_3col {
		margin-bottom: 2em;
	}
	.produit.general:not(.pg_catalogues) section#produit form .form_button button{
		margin: 0 calc((100% - 32% - 20px)/2);
	}
	

}

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

	:root {
		--largeur-header: calc(100vw - 20px);
		--largeur-main: calc(100vw - 20px);
	}

	html {
		font-size: 10px;
	}

	/* Header */
	/* Logos */
	header .container {
		background-image: url('/images/temp_home/menu_fond-450.png');
		background-size: 100% 100%;
		padding-bottom: 3em;
	}
	header #logo_left, header #logo_right {
		height: 50px;
		width: 50px;
		right: 5vw;
		top: auto;
		bottom: 100px;
	}
	header #logo_left {
		left: auto;
		bottom: 30px;
	}
	header #logos_centre {
		width: 75%;
		height: auto;
	}
	header #logo_gf, header #logo_bk {
		margin: 0;
		width: 60%;
	}
	header #logo_bk {
		width: 40%;
	}
	header #logo_kp {
		width: 80%;
		margin: 10px 0;
	}
	/* listes */
	header ul ul {
		position: relative;
	}
	header ul > li.top > ul,
	header ul > li#li_soci.top > ul,
	header ul > li#li_prod.top > ul,
	header ul > li#li_cont.top > ul  {
		margin: 2vw 0;
		width: 100%;
		height: auto;
	}

	header ul > li.top > ul::before,
	header ul > li.top > ul::after {
		display: none;
	}
	
	header #top_menu {
		margin: 0 7vw;
	}

	header .titre {
		width: 98%;
		line-height: 1.7em;
	}
	
	header ul > li#li_cont.top > ul,
	header ul > li#li_trad.top > ul {
		background-image: none;
	}

	header ul > li.top > ul,
	header #top_menu > ul:nth-child(1),
	header #top_menu > ul:nth-child(2),
	header .prod_cat,
	header .prod_cat div:nth-child(2){
		display: inline-block;
		position: relative;
		width: 100%;
	}
	header ul > li.top:not(.on) > ul,
	header ul > li.top > ul > li:not(.on) > div.prod_cat:nth-child(2) {
		display: none;
	}
	header li.top > a,
	header .top,
	header .titre ul li ul li {
		font-size: var(--font-size-big);
	}
	header .top > ul > li >  a{
		font-size: var(--font-size-big1);
	}
	header ul > li#li_prod > ul > li,
	header ul > li#li_prod > ul > li:last-child {
		margin-right: 15px;
	}
	header .prod_cat div:nth-child(2) {
		height: auto;
	}
	header .prod_cat {
		margin: 0;
	}
	header #li_prod.on li.on {
		margin-bottom: 20px;
	}
	header .sous-titre {
		font-size: var(--font-size-small);
	}
	header li.top > ul > li {
		line-height: 20px;;
	}
	header .prod_cat .menu_prod_img_gch {
		display: none;
	}
	header ul > li#li_cont.top > ul {
		right: 0;
	}
	header .gl_lang {
		width: 100%;
		line-height: 20px;
	}
	
	
	/* BURGER */
	header {
		top: -2000px;
		position: absolute;
	}
	#logo_burger {
		display: block;
		position: fixed;
		z-index: 1000;
		background-color: var(--color-gris3);
		width: 100%;
		height: 45px;
		transition: all 0.3s ease-in-out;
	}
	#logo_burger img{
		margin: 15px 0 0 38px;
	}
	.hamburger {
		position: fixed;
		display: block;
		top: 5em;
		right: 10%;
		margin-left: -2em;
		margin-top: -45px;
		width: 2em;
		height: 45px;
		z-index: 2000;
	}
	.hamburger:hover {
		cursor: pointer;
	}
	
	.hamburger div {
		position: relative;
		width: 26px;
		height: 4px;
		background-color: var(--color-gris);
		margin-top: 5px;
		transition: all 0.3s ease-in-out;
	}
	
	/* Animations burger */
	#toggle:checked + .hamburger .top-bun {
		transform: rotate(-45deg);
		margin-top: 16px;
	}
	#toggle:checked + .hamburger .bottom-bun {
		opacity: 0;
		transform: rotate(45deg);
	}
	#toggle:checked + .hamburger .meat {
		transform: rotate(45deg);
		margin-top: -4px;
	}


	/* Sliders */
	#main {
		padding-top: 45px;
	}
	section .top-slider-container {
		height: 235px;
	}
	section.wide_gris::before, section.wide_gris::after {
		content: url('/images/temp_home/angles/top-right-blanc-big-60.png');
		width: 60px;
		height: 60px;
	}
	section#home_top .top-control {
		margin-top: -50px;
	}
	section#home_top .slider_txt div.top_picto {
		display: none;
	}
	section#home_top .slider_txt div.top_legende {
		margin-left: 30px;
	}
	
	/* Actu */
	section.fond_beige {
		background-image: url('/images/temp_home/angles/for-blanc-vert-2.png');
	}
	section article h2 {
		padding-bottom: 12px;
	}
	

	/* Chiffres */
	section.wide_gris_titre .titre_gris h2 {
		margin-left: -20px;
		margin-right: 20px;
	}
	section#home_photos,
	section#home_contact,
	section#home_chiffres.wide_gris article,
	section#home_chiffres.wide_gris article:nth-child(2) {
		width: calc(100% - 40px);
		padding: 0 10px;
		margin: 0 10px;
		flex-flow: row wrap;
	}
	section#home_chiffres.wide_gris article div.chiffres_one {
		margin-bottom: 20px;
	}
	
	/* Slider 2 */
	section#home_photos #slider110 .slider::after {
		bottom: 0;
	}
	section#home_photos article,
	section#home_contact article {
		min-width: 100%;
	}
	section#home_photos .pad_top_3 {
		padding: 0;
	}
	
	/* Contact */
	section#home_contact #occasion .slider::after {
		bottom: 105px;
	}
  	section#home_contact .form_champs_2col, section#home_contact .form_champs_3col {
		flex-flow: column nowrap;
	}
	section#home_contact .form_champs_2col > div {
		width: 100%;
	}
	section article#contact form button, form button {
		margin-top: 20px;
	}
	
	/* Footer */
	footer #footer_logo div {
		width: 200px;
	}
	footer .container,
	footer #coord_tl_rs {
		flex-direction: column;
		font-size: var(--font-size-normal);
	}
	footer .container #footer_logo,
	footer .container #footer_coord {
		min-width: 80%;
		text-align: left;
		padding: 0 10%;
		margin: 0;
		width: auto;
	}
	footer .container #footer_logo, 
	footer .container #coord_tl {
		margin-bottom: 10px;
	}
	footer #footer_text {
		display: none;
	}
	footer #footer_coord #coord_rs img {
		width: 3em;
		margin-right: 10px;
	}
	
	/*//////////*/
	/* PRODUITS */
	/*//////////*/
	.produit:not(.pg_catalogues) section#produit.wide_gris {
		flex-direction: column-reverse;
	}
	
	.produit section#produit .slider_img {
		height: 270px;
	}
	.produit section#produit .photos-slider-container {
		height: 320px;
	}
	.produit #produit_titre h1 .h1_bis {
		line-height: var(--font-size-normal);
	}
	.produit #produit article{
		font-size: var(--font-size-big);
	}
	.produit #produit article.photos {
		padding-right: 10px;
		margin-right: 10px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.produit section#produit .photos .slider::after {
		bottom: 45px;
	}
	.produit section#produit .photos .photos-control {
		margin-top: -40px;
	}
	.produit #produit article.textes {
		margin-bottom: 40px;
	}

	.w50w75 {
		width: 75%;
		margin: 0 12%;
	}
	
	/* Schéma */
	.produit section#tech article#schema {
		flex-direction: column;
		align-items: center;
		max-width: 400px;
	}
	.produit section#tech article#schema img {
		max-width: 400px;
	}
	.produit section#tech article#schema, .produit section#tech article#tableau {
		min-width: 75%;
	}
	.produit section#tech article#schema div,
	.produit section#tech article#schema ul {
		width: 100%;
	}
	.produit section#tech article#schema ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		font-size: var(--font-size-big);
	}
	.produit section#tech article#schema ul li {
		display: block;
		position: relative;
		min-width: 49%;
	}
	.produit section#tech article#schema .kp_chiffre {
		left: -12px;
	}
	
	/* Tableau */
	section#tech article#tableau table {
		font-size: var(--font-size-big);
	}

	/* Modal */
	.produit #modal_cata > div,
	.produit #modal_video > div,
	.produit #modal_photo > div {
		width: 75%;
		margin: calc((100vh - 480px)/2) auto;
		background-image: url('/images/temp_home/angles/for-inverse-beige-vert.png');
		height: 480px;
		background-size: 100% 100%;
	}
	.produit #modal_photo > div img {
		height: auto;
		width: 100%;
	}
	
	.form_champs_3col {
		flex-direction: column;
	}
	.form_champs_3col > div {
		width: 100%;
	}
	.cata_iframe h2 {
		background-image: none;
	}
	.cata_iframe form div button {
		margin: 20px auto;
		width: 100%;
	}

	/*//////////////////*/
	/*//// Page int. ///*/
	/*//////////////////*/

	.general section#gene_textes,
	.general section#gene_textes2 {
		font-size: var(--font-size-big);
	}
	.general .carte_france img {
		width: 90%;
	}
	.general .wDemi {
		min-width: 100%;
		padding: 10px;
		margin: 10px;
	}
	.general.produit section#produit.wide_gris{
		flex-direction: row;
	}
	.general.produit section#produit.wide_gris article {
		min-width: calc(var(--largeur-main) - 40px);
	}
	.general.produit section#produit .slider_img {
		height: 340px;
	}
	.general.produit section#produit .photos-slider-container {
		height: 390px;
	}
	.general section article.chiffres2 .chiffres_one {
		width: 40%;
		margin-right: 0;
		margin-left: 0;
	}
	.general .w75 {
		margin: 0;
	}

	/* Galerie */
	:root {
		--gallery_nbe_col: 5;
	}
	.media .imageGallery1 img {
		height: 200px;
	}

	/* formulaire contact */
	.produit.general section#produit form input,
	.produit.general section#produit form input[name='email'] {
		width: calc(100% - 4px - 10px);
	}
	.produit.general section#produit form .form_button button{
		margin: 0;
		width: 100%;
	}
	
	/* Occasions */
	.pg_occasions article.produits .prod {
		width: 100%;
	}
	.pg_occasions article.produits .prod h2 {
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 1.8em;
	}
	.pg_occasions article.produits .prod .texte .more {
		position: relative;
		width: 100%;
		margin-top: 10px;
		padding: 1em 0;
	}
	.pg_occasions.produit #produit article.textes {
		margin-bottom: 0;
	}

	/* Gamme */
	.pg_occasions.pg_gamme article.produits .prod {
		width: 47%;
	}

}

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

	/*//////////*/
	/* PRODUITS */
	/*//////////*/
	.produit #produit_titre .picto_prod {
		width: 35px;
	}
	.produit section#produit .photos-slider-container {
		height: 239px;
	}
	.produit section#produit .slider_img {
		overflow: hidden;
		height: 190px;
	}
	.general.produit section#produit .slider_img {
		height: 190px;
  }
	.general.produit section#produit .photos-slider-container {
		height: 240px;
	}
	.general #produit .w100 h3 br {
		display: none;
	}
	.general section.fond_beige {
		background-image: url('/images/temp_home/angles/for-blanc-vert-3.png');
	}
	.general #logo_110, .general #logo_france, .general #bpn, .general #rmtd {
		margin: 0 0 10px 10px;
	}
	.general #bpn, .general #rmtd {
		width: 50%;
	}
	.general section article.chiffres2 .chiffres_one {
		width: 100%;
	}
	/* Galerie */
	.media .imageGallery1 img {
		height: 170px;
	}

	/* Gamme */
	.pg_occasions.pg_gamme article.produits .prod {
		width: 100%;
	}

	
}