/* FEUILLE DE STYLE RESPONSIVE */

/* ============================================================== 1450 */

@media (max-width: 1460px) {
	header nav .menu_principal > li {
		margin-left: 15px;
		font-size: 16px;
	}

}

/* ============================================================== 1300 */

@media (max-width: 1300px) {

	.container {
		width: 100%;
		padding: 0 20px;
	}
	.rubrique {
	    padding: 0 20px;
	}

}

/* ============================================================== 1200 */

@media (max-width: 1200px) {

	header {
		height: 100px;
	}
	#decalage_header {
	  height:100px;
	}

	header #logo {
		height: 90px;
		width: 90px;
	}

	header nav {
		display: none;
	}

	#btnMenuResp {
	    opacity: 1;
	    width: 40px;
	    height: 40px;
	    display: block;
	}

}

/* =============================================================== 920 */

@media (max-width: 920px) {
	.corner {
	    height: 75px;
	}
	#focusTextes .focus_texte_content {
	    width: 100%;
	    padding-left: 10%;
		padding-right: 10%;
	}
	#page_inter #page_inter_menu {
		position: absolute;
		left: -5px;
	    min-width: inherit;
	    width: 35px;
		height: 35px;
	    margin-right: 0;
z-index: 3;
	    transition: all 0.2s ease;
	}

	#page_inter_menu::before {
		content: '';
		display: block;
		height: 35px;
		width: 35px;
		background-image: url('../images/icon_menu_white.svg');
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 20px;
		background-size: 20px;
		border-radius: 50%;
		background-color: rgb(140,29,64);
		position: absolute;
		cursor: pointer;
		top: -55px;
	    transition: all 0.2s ease;
	}

	#page_inter_menu:hover:before {
		background-color: #480E21;
	}
	#page_inter_menu > ul {
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition: all 0.2s ease;
	}
	#page_inter_menu > ul.opened {
		position: absolute;
		top: -5px;
		z-index: 1;
		opacity: 1;
		height: auto;
		min-width: 120px;
		padding-top: 10px;
		background-color: rgb(140,29,64);
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}

	#page_inter_menu>ul a {
	    color: #fff;
	    white-space: nowrap;
	    padding-left: 20px;
	}

	#page_inter_menu>ul.opened li::after {
    	border-bottom: #fff solid 2px;
    }


   	#page_inter #page_inter_menu.fixedOnScroll:not(.scrolled) {
		position: absolute;
		top: inherit;
		left: -5px;
   	}

	#page_inter #page_inter_menu.fixedOnScroll.scrolled {
		position: fixed;
        top: 170px;
        left: calc(1% + 10px);
	}

	#lesVentes .bloc_vente {
		flex-flow: column;
		min-height: inherit!important;
	}
	#lesVentes .bloc_vente .infos_vente {
		width: 100%;
		background-color: rgba(140,29,64,0.7);
	}

	#lesVentes .bloc_vente .contenu_vente_hover {
		min-height: 180px;
	}
	h1 {
		margin-left: 55px;
	}

}

@media (min-width: 920px) {
	#page_inter #page_inter_menu > ul.scrolled {
		position: fixed;
		min-width: 120px;
        top: 150px;
	}
	#page_inter #page_inter_menu.catalogue > ul.scrolled {
		min-width: 220px;
	}
	#page_inter #page_inter_menu > ul {
		display: block!important;
	}
}

/* =============================================================== 800 */

@media (max-width: 800px) {

	header {
		margin-top: 0;
		opacity: 1;
	}

	.corner {
	    height: 5vh;
	}

	#Slider_Accueil_Container {
		margin-top: 10px;
	}

	#Slider_Accueil, #focus, #bandeau_header {
		min-height: 50vh;
		max-height: 50vh;
	}
	#bandeau_header {
		margin-top: 100px;
	}
	body .lSSlideOuter .lSPager.lSpg {
		right: 5px;
	    bottom: 0;
	}
	body #focus_container .lSSlideOuter .lSPager.lSpg {
	    left: 5px;
	    right: inherit;
	    bottom: 0;
	}
	footer #footer_content {
		flex-flow: column;
		width: 80%;
		margin: auto;
	}
	footer .footer_item {
		margin: 0px 10px;
	}
	footer #links {
	    text-align: center;
	}
	#explore #en_ligne {
	    width: 100%;
	}
	#explore #en_ligne .bloc_content {
		flex-flow: column;
		align-items: center;
		padding-top: 0;
		padding-bottom: 10px;
	}
	#explore #en_ligne .titre_colonne {
		margin-bottom: 15px;
	}
	#explore #en_ligne .categorie {
	    margin: 0px 0px 25px 0;
	}
	#explore .bloc_flex {
		flex-flow: column;
		height: inherit;
	}
	#explore #decouvrir {
		width: 100%;
		height: 200px;
		margin-bottom: 25px;
		flex: inherit;
		margin-right: 0;
	}
	#explore #reseaux_sociaux {
		width: 100%;
		flex: inherit;
		height: 400px;
		flex-flow: column;
	}
	#explore #reseaux_sociaux .itemReseauxSociaux.active {
	    flex: 1 1 80%;
	}
	#explore #reseaux_sociaux .itemReseauxSociaux:not(.active) {
	    flex: 1 1 20%;
	}
	#explore #reseaux_sociaux .itemReseauxSociaux:not(.active) .titreReseauxSociaux p {
	    transform: inherit;
	    bottom: 10px;
	    right: 55px;
	    left: inherit;
	}
	#explore #reseaux_sociaux .itemReseauxSociaux:not(.active) .fondReseauxSociaux {
		background-color: rgba(193,153,71,0.6)!important;
		background-image: inherit!important;
	}
	#focus_container .lSSlideOuter .lSAction > a {
	    opacity: 0.5;
	    visibility: visible;
	}
	
	#focusTextes .focus_texte_content {
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	    margin-top: 20px;
	}
	header.resp nav .menu_secondaire .container {
		flex-flow: column;
	}
	header.resp nav .menu_secondaire .container ul {
	    width: 80%;
	    margin: auto;
	    margin-bottom: 10px;
	}
	header.resp {
	    top: 0;
	}
	header.resp nav {
	    top: 100px;
	}
	body .lSAction > a {
	    height: 40px;
	    width: 40px;
	}
	/*
	#Slider_Accueil .bloc_txt_slider {
	    left: 0px;
	    top: 6vh;
	    right: inherit;
	    bottom: inherit;
	    margin: 0px;
	    max-width: inherit;
	    max-height: calc(41vh);
		overflow: auto;
		width: 90%;
	}
	#Slider_Accueil .bloc_txt_slider.leftBottom {
	  bottom: inherit;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	}
	#Slider_Accueil .bloc_txt_slider.rightBottom {
	  right: inherit;
	  bottom: inherit;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	}
	#Slider_Accueil .bloc_txt_slider.leftTop {
	  top: inherit;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	}
	#Slider_Accueil .bloc_txt_slider.rightTop {
	  right: inherit;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	}
    */
    #Slider_Accueil .slide .bg_img {
        height: 110% !important;
        width: 100% !important;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #Slider_Accueil .bloc_txt_slider {
        width:auto;
        padding: 5px;
    }    
    
	#Slider_Accueil .bloc_txt_slider .titre_slider {
		font-size: 18px;
        margin: 0;
	}
	#Slider_Accueil .bloc_txt_slider .soustitre_slider {
		font-size: 16px;
        margin: 0;
	}
	#Slider_Accueil .bloc_txt_slider .texte_slider {
	    font-size: 14px;
        margin: 0;
	}
    
    #Slider_Accueil {
        background-size: contain;
    }
    
    #Slider_Accueil .bloc_txt_slider.leftBottom {
        bottom:10%;
        left:5%;
        left: initial;
        top: initial;
        transform: initial;          
    }
    #Slider_Accueil .bloc_txt_slider.rightBottom {
        bottom:10%;
        right:5%;    
        left: initial;
        top: initial;
        transform: initial;        
    }    

    #Slider_Accueil .bloc_txt_slider.leftTop {
        top:5%;
        left:5%;    
        right: initial;
        bottom: initial;
        transform: initial;        
    }    
    #Slider_Accueil .bloc_txt_slider.rightTop {
        top:5%;
        right:5%;    
        left: initial;
        bottom: initial;
        transform: initial;        
    }         
  
    #mySearch_preview {
        width: 150%;
        left:inherit;
        right:0;
    }

    /*- VENTES -*/

    #info_ventes_plus {
		background-color: #fff;
		border-radius: 6px;
		height: 16px;
		width: 24px;
		margin-left: 10px;
		display: inline-block;
		cursor: pointer;
	}
	#info_ventes_plus::before {
		color: #444;
		text-align: center;
		content: '+/-';
		font-weight: 600;
		font-size: 12px;
	}

	#header_catalogue {
		padding-bottom: 15px;
	}
	#header_catalogue #titre_infosVente {
	    text-align: center;
	    padding-top: 50px;
	}
	#header_catalogue #rubrique_nom {
	    top: -20px;
	}
	#header_catalogue #infos_vente {
		display: none;
	}
	#header_catalogue #infos_vente.open {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		margin-left: 0;
	}
	#header_catalogue .infos_vente_col {
	    display: contents;
	}
	#header_catalogue .entete_vente_item {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-bottom: 10px;
	    cursor: pointer;
	    flex-flow: column;

	}
	#header_catalogue .infos_vente_col h2 {
		margin-left: 10px;
	}
	.pageVente #menuh {
		margin-bottom: 50px;
	}
	.menuh_bouton {
		margin: 10px 0px 10px 0px;
	}
  
 #footer_mentions {
   display:block;

 }   
 #footer_mentions div{
   text-align:center;
   margin:5px 0;
 }
 #footer_mentions a  {
   text-align:center;
   width:100%;
 }     

}

/* =============================================================== 600 */

@media (max-width: 600px) {

	#btnSearch {
	    opacity: 1;
	    width: 40px;
	    height: 40px;
	    display: block;
	    margin-left: 10px;
	    margin-bottom: 5px;
	}

	#form_haut_search {
		display: none;
	}

	#btnHeader_container {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	header #language_choice {
	    margin: 0 0 auto 0;
	    padding-top: 10px;
	}
    
    

    

    
    /* recherche header */
    #header_search_conteneur {
      position:absolute;
      top:120px;
      left:5%;
      width:90%;
      min-height:30px;
      height:auto;
      background-color:#fff!important;
    }
    #header_search_conteneur > form {
      margin: 0;
    }

    #mySearch_close, #header_search_conteneur #mySearch_submit {
      top: 5px;
    }

    #mySearch_preview {
        position: relative;
        width: auto;
        height: auto;
        left: 0;
        top: 0;
        background-color: #fff!important;
        z-index: 999999;
    }
    .rp_el {
      background-color: #fff!important;
    }
}

/* =============================================================== 380 */

@media (max-width: 380px) {
	header.resp nav .menu_secondaire .container ul {
	    width: 100%;
	}
	header.resp nav .menu_principal .lien_menu_principal {
		font-size: 25px;
	}
	.isHome h2 {
	    font-size: 50px;
	}
	.isHome h2 > .ombre {
	    top: 30px;
	    font-size: 30px;
	}
	.rubrique {
		margin-left: 0;
		margin-right: 0;
	}
}