@media (min-width: 319px) and (max-width: 767px) {
	.loadmore{
		display:none; font-size:12px; color:#900;
	}
	#overslider{
		position:relative;
		top:140px;
		left:3%;
		width:300px;
		border:1px solid #958e88;
		background:url(../images-site/fd-maitre-affineur.png) repeat;
		padding:22px;
		z-index:50;
	}
	.MaitreFromager{
		font-size:18px;
		font-family:PlayfairDisplay;
		color:#4f443d;
	}
	#SeparateurSlider{
		height:20px;
	}
	#LogoAndrouet img{ height:50px;}
	#topnavbar{height:60px; border-bottom:1px solid #e7e7e7; margin:0 auto; background:#FFF; }
	#NavbarAndrouet{
		background:#FFF;	
	}
	
	#MenuLarge{display:none;}
	#NavbarAndrouet + * {
		position: relative;
		background:#FFF;
		z-index:9000;
	}

	/* Theming opened nav */	
	#NavbarAndrouet ul {		
		
		/* maximum height */
		max-height: 25em;
		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0); 
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: max-height .4s;
		transition: max-height .4s;
		will-change: max-height;

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
		z-index:9999;
		background:#FFF;
	}
	#NavbarAndrouet ul li{
		width:100%;
		background: #fff;
		margin-top:10px;
	}
	#NavbarAndrouet .MainLink {
		color: #333;
		text-decoration: none;
		text-align:left;
	}
	#NavbarAndrouet .MainLink:hover {
		color: #c62a32;
	}
	#NavbarAndrouet li:hover, 
	#NavbarAndrouet li:focus,
	#NavbarAndrouet li:active
	{
		background: #FFF;
	}
	
	/* Theming closed nav */
	#NavbarAndrouet.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}
	.langues{
		display:none; width:100%; position:relative; z-index:10; left:115px; padding:0.2em;
	}
	.LinkLangueHeader{
	  font-family:RalewayMedium;
	  font-size:12px;
	  text-decoration:none;
	  color:#afa7a0;
	}
	.LinkLangueHeader:hover{
	  text-decoration:none;
	  color:#c62a32;
	}

	/* Global styling nav button */	
	#NavbarAndrouet > button {
		position: absolute;
		top: 2.5rem;
		right: 2.5rem;
		z-index: 1;
		height: 3.8rem;
		width: 3.8rem;
		background-color: transparent;
		padding: 0px;
		outline: 0px none;
		border: 1px solid #333;
		border-radius: 50%;
		cursor: pointer;
		transition: transform 0.2s ease 0s;
	}
	
	/*  Removing Firefox's dotted outline on button */	
	#NavbarAndrouet > button::-moz-focus-inner {
		border: 0;
	}
	
	#NavbarAndrouet > button::after, #NavbarAndrouet > button::before {
		content: "";
		position: absolute;
		top: 15%; right: 40%; bottom: 15%; left: 40%;
		background-color: #333;
		border-radius: 10px;
		-webkit-transition: -webkit-transform .2s;
		transition: transform .2s;
	}
	#NavbarAndrouet > button::before {
		top: 40%; right: 15%; bottom: 40%; left: 15%;
	}
	
	
	/* Theming opened nav button */	
	#NavbarAndrouet:not(.is-closed) > button,
	#NavbarAndrouet:not(.is-closed) > button::before {
		-webkit-transform: rotate(90deg) translateZ(0);
		-ms-transform: rotate(90deg) translateZ(0);
		transform: rotate(90deg) translateZ(0);
	}

	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}
  .container {
    width: 100%;
	  }
	#navbar{
		margin-top:145px;
		margin-left:300px;
	}
	.PushHome{
		border-top:1px solid #c62a32;
		border-bottom:1px solid #c62a32;
		padding:0px;
		min-height:380px;
	}
	.PushHome h2{
		color:#b61c2b;
		font-size:20px;
		font-family:RalewayMedium;
		margin-left:0px;
		padding-left:0px;
		margin-top:0.8em;
		margin-bottom:0.8em;
	}	
	.PushHome p{
		font-size:14px;
		font-family:RalewayMedium;
		margin-left:0px;
		padding-left:0px;
		text-transform:uppercase;
	}
	.PushHome img{
		width:100%;
		margin-bottom:1em;
	}
	.PushHome a{
		font-size:14px;
		font-family:RalewayBold;
		text-transform:uppercase;
		color:#000;
	}
	.Definition{
		min-height:180px;
		background:#f1efea;
	}
	.Definition h2{
		font-size:24px;
		font-family:PlayfairDisplay;
		color:#b22235;
		line-height:28px;
		margin-top:0.8em;
	}	
	.Definition p{
		font-size:14px;
		font-family:RalewayMedium;
		color:#685c54;
		margin-top:2em;
	}
	.JournalAndrouetContent{
		margin:0px;
		padding:0px;
	}
	.JournalAndrouet h1{
		font-size:24px;
		font-family:PlayfairDisplay;
		color:#4f443d;
		text-align:center;
		z-index: 1;
		height:45px;
	}
	.JournalAndrouet h2{
		font-size:18px;
		font-family:RalewayBold;
		color:#4f443d;
		text-transform:uppercase;
	}
	.JournalAndrouet p{
		font-size:14px;
		font-family:RalewayMedium;
		color:#4f443d;
		margin-left:0px;
		margin-right:15px;
	}
	.imgJournal{
		width:290px;
		height:218px;
	}
	.imgWorldMapHome{
		width:290px;
	}
	.RecetteSemaine h2{
		font-size:20px;
		font-family:RalewayMedium;
		color:#c62a32;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.5em;
		position: relative;
		z-index: 1;
		overflow: hidden;
		height:40px;
	}
	.RecetteSemaine h2:before, .RecetteSemaine h2:after {
		position: absolute;
		top: 25%;
		overflow: hidden;
		width: 50%;
		height: 2px;
		content: '\a0';
		background-color: #c62a32;
	}
	.RecetteSemaine h2:before {
		margin-left: -50%;
		text-align: right;
	}
	.RecetteSemaine h3{
		font-size:18px;
		font-family:RalewayBold;
		color:#000;
		text-transform:uppercase;
		text-decoration:underline;
	}
	.RecetteSemaineDetails{
		font-size:14px;
		font-family:RalewayMedium;
		color:#000;
		margin-left:0px;
		margin-right:15px;
		padding:2em;
	}
	.IngredientsRecette{
		font-size:18px;
		font-family:RalewayMedium;
		color:#000;
		line-height:20px;
		margin:1.2em;
	}
	
	.RecetteSaison h2{
		font-size:20px;
		font-family:RalewayMedium;
		color:#c62a32;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.5em;
		position: relative;
		z-index: 1;
		overflow: hidden;
		height:40px;
	}
	.RecetteSaison h2:before, .RecetteSaison h2:after {
		position: absolute;
		top: 25%;
		overflow: hidden;
		width: 50%;
		height: 2px;
		content: '\a0';
		background-color: #c62a32;
	}
	.RecetteSaison h2:before {
		margin-left: -50%;
		text-align: right;
	}
	.RecetteSaison h3{
		font-size:20px;
		font-family:PlayfairDisplay;
		color:#000;
		text-decoration:underline;
	}
	.RecetteSaison a{
		text-transform:uppercase;
		color:#c62a32;
		font-family:RalewayBold;
		font-size:14px;
	}
	.RecetteSaison img{
		max-width:320px;
		text-align:left;
		margin:0px;
		padding:0px;
	}
	
	
	/* OFFRES */
	.DescriptionTxtOffre{
		font-size:1em;
	}
	.TxtOffre{
		font-size:2em;
		color:#c62a32;		
	}
	.OffresMainDiv{
		height:270px;
		margin:0;
		padding:0;
		margin-bottom:2em;
	}
	.OffresDiv{
		/*height:410px !important;*/
	}
	.OffreList h2{
		font-size:18px;
		font-family:RalewayMedium;
		color:#c62a32;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.5em;
		position: relative;
		z-index: 1;
		overflow: hidden;
		height:40px;
		text-transform:uppercase;
	}
	.OffreList h2:before, .OffreList h2:after {
		position: absolute;
		top: 25%;
		overflow: hidden;
		width: 50%;
		height: 2px;
		content: '\a0';
		background-color: #c62a32;
	}
	.OffreList h2:before {
		margin-left: -50%;
		text-align: right;
	}
	.OffreList h3{
		font-size:16px;
		font-family:PlayfairDisplay;
		color:#000;
		text-decoration:none;
	}
	.OffreList a{
		color:#c62a32;
		font-family:RalewayMedium;
		font-size:14px;
	}
	.OffreListNoPadding{
		padding:0;
		margin:0;
	}
	.OffreList img{
		width:260px;
		height:195px;
		border:2px solid #afa7a0;
	}

	.TitreOffreList{
		height:120px;
	}
	.descritpionOffreList{
		height:35px;
		margin-top:1em;
		font-size:1.2em;
		color:#AFA7A0;
		text-align:center;
	}
	/*FROMAGE*/
	.FromageTitle{
		text-transform:uppercase;
		color:#c62a32;
		font-family:PlayfairDisplay;
		font-size:22px;
		margin-bottom:21px;
		padding-top:0;
		margin-top:0;
		padding-left:0.7em;
	}
	.LegendeFromage{
		padding:4px;
		margin-bottom:5px;
		text-align:center;
		font-family:RalewayMedium;
		color:#b0a7a0;
		font-size:13px;
	}
	.ImgFromage{
		width:100%; border:#b0a7a0 2px solid;
	}
	.DescriptionFromage{
		margin-top:10px;
		font-family:RalewayRegular;
		font-size:13px;
		padding:0;
		margin:0;
	}
	.DescriptionFromageTop{
		margin-top:10px;
		font-family:RalewayRegular;
		font-size:16px;
	}
	.DescriptionFromage a{
		color:#c62a32;
	}
	.InfosFromage{
		font-family:RalewayRegular;
		font-size:14px;
		color:#827771;
	}
	.h2Fromage{
		text-transform:uppercase;
		color:#827771;
		font-family:RalewayMedium;
		font-size:18px;
	}
	
	/* ARTICLE */
	
	.TxtArticle{
		font-size:2em;
		color:#c62a32;		
	}
	.ArticlesDiv{
		height:300px;
	}
	.ArticlesGdDiv{
		height:300px;
	}
	.ArticleList h2{
		font-size:20px;
		font-family:RalewayMedium;
		color:#c62a32;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.5em;
		position: relative;
		z-index: 1;
		overflow: hidden;
		height:40px;
	}
	.ArticleList h3{
		font-size:20px;
		font-family:PlayfairDisplay;
		color:#000;
		text-decoration:none;
	}
	.ArticleList a{
		color:#c62a32;
		font-family:RalewayMedium;
		font-size:14px;
	}
	.ArticleListNoPadding{
		padding:0;
		margin:0;
	}
	.ArticleList img{
		width:260px;
		height:195px;
		border:2px solid #afa7a0;
	}
	.ArticleListGd img{
		width:260px;
		height:195px;
		border:2px solid #afa7a0;
	}

	.TitreArticleList{
		height:120px;
	}
	.descritpionArticleList{
		height:35px;
		margin-top:1em;
		font-size:1.2em;
		color:#AFA7A0;
		text-align:center;
	}
	.ArticleDetails img{
		width:100%;
	}
	.HeaderArticle{
		text-transform:uppercase;
		font-family:RalewayMedium;
		font-size:19px;
		color:#827871;
	}
	.ArticleTitle{
		text-transform:uppercase;
		color:#c62a32;
		font-family:PlayfairDisplay;
		font-size:22px;
		margin-bottom:15px;
		padding-top:0;
		margin-top:0;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
	}
	.DescriptionArticle{
		margin-top:30px;
		font-family:RalewayRegular;
		font-size:16px;
	}
	.DescriptionArticle a{
		color:#c62a32;
	}
	.h2Sommaire{
		text-transform:uppercase;
		font-family:RalewayMedium;
		font-size:23px;
	}
	.ArticleActive{
		color:#c7c2bc;
		text-transform:uppercase;
		font-family:RalewayBold;
		font-size:13px;
		text-decoration:none;
	}
	.ArticleTitleHeader{
		color:#827871;
		font-size:22px;
		font-family:RalewayBold;
		margin-left:0.3em;
		padding-top:0.5em;
		margin-right:0.3em;
		margin-top:0em;
	}
	.ArticleInActive{
		color:#827871;
		text-transform:uppercase;
		font-family:RalewayBold;
		font-size:13px;
		text-decoration:none;
	}
	.separateurArticleListRight{
		height:10px;
	}
	.ChapitreTitleHeader{
		color:#827871;
		font-size:29px;
		font-family:RalewayBold;
		margin-left:1em;
		margin-right:1em;
		margin-top:1em;
	}
	.ChapitreTitle{
		color:#827871;
		font-size:14px;
		font-family:RalewayMedium;
		margin:0 0em 0.7em 0em;
		text-transform:uppercase;
		margin-bottom:0.5em;
		margin-left:0;
		padding-left:0.5em;
	}
	.OtherArticleAssocies{
		font-family:RalewayBold;
		font-size:12px;
		text-decoration:none;
		color:#827871;
		padding-left:0;
		margin-left:0;
		margin-bottom:0.5em;
		text-transform:uppercase;
	}
	.LinkAllTheme{
		padding-left:0.5em;
	}
	.PrevNextArticle{
		font-family:PlayfairDisplayBold;
		font-size:15px;
		text-decoration:none;
		color:#827871;
	}/* RECETTES */
	.RecetteList h2{
		font-size:20px;
		font-family:RalewayMedium;
		color:#c62a32;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.5em;
		position: relative;
		z-index: 1;
		overflow: hidden;
		height:40px;
		text-transform:uppercase;
	}
	.RecetteList h2:before, .RecetteList h2:after {
		position: absolute;
		top: 25%;
		overflow: hidden;
		width: 50%;
		height: 2px;
		content: '\a0';
		background-color: #c62a32;
	}
	.RecetteList h2:before {
		margin-left: -50%;
		text-align: right;
	}
	.RecetteList h3{
		font-size:16px;
		font-family:PlayfairDisplay;
		color:#000;
		text-decoration:none;
		margin-left:0;
		padding-left:0;
	}
	.RecetteList a{
		color:#c62a32;
		font-family:RalewayMedium;
		font-size:14px;
	}
	.RecettesDiv{
		height:310px;
	}
	.TitreRecetteList{
		height:80px;
	}
	.descritpionRecetteList{
		height:30px;
		margin-top:0.5em;
		font-size:0.9em;
		color:#AFA7A0;
		text-align:center;
	}
	.RecetteList img{
		width:260px;
		height:195px;
		border:2px solid #afa7a0;
	}
	.RecetteList .subinfos{
		width:26px;
		height:20px;
		text-align:center;
	}
	.RecetteListNoPadding{
		padding:0;
		margin:0;
	}
	.RecetteSubInfosNoPadding{
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}
	.RecetteTitle{
		text-transform:uppercase;
		color:#c62a32;
		font-family:PlayfairDisplay;
		font-size:22px;
		margin-bottom:15px;
		padding-top:0;
		margin-top:0;
		margin-left:15px;
		margin-right:15px;
	}
	.LegendeRecette{
		padding:4px;
		margin-bottom:10px;
		text-align:center;
		font-family:RalewayMedium;
		color:#b0a7a0;
	}
	.DescriptionRecette{
		margin-top:30px;
		font-family:RalewayRegular;
		font-size:14px;
	}
	.InfosRecette{
		font-family:RalewayMedium;
		font-size:14px;
		color:#827771;
	}
	.DescriptionRecette a{
		color:#c62a32;
	}
	.IngredientsRecetteDetails{
		line-height:24px;
		font-family:RalewayRegular;
		font-size:14px;
		color:#827771;
		margin-left:0;
		padding-left:0;
		padding-bottom:0.3em;
	}
	.IngredientsRecetteDetails a:hover{
		color:#c62a32;
	}
	.IngredientsRecette a{
		color:#c62a32;
	}
	.h2Recette{
		text-transform:uppercase;
		color:#827771;
		font-family:RalewayMedium;
		font-size:17px;
	}
	.h2RecetteAssocies{
		text-transform:uppercase;
		color:#827771;
		font-family:RalewayRegular;
		font-size:17px;
	}
	.IngredientsTitleDetails{
		color:#695c53;
		font-size:20px;
		font-family:PlayfairDisplayBold;
		margin-left:0.8em;
		padding-top:0.8em;
		text-transform:uppercase;
	}
	.descritpionRecetteDetails{
		height:28px;
		margin-top:1em;
		font-size:1.1em;
		color:#AFA7A0;
		text-align:center;
		margin-bottom:1em;
	}
	/*FIN RECETTE*/
	/* BOUTIQUES */	
	.InfosBoutiqueTitle{
		text-transform:uppercase;
		color:#695c53;
		font-size:18px;
		font-family:PlayfairDisplayBold;
	}
	.BoutiqueList h2{
		font-size:25px;
		font-family:RalewayMedium;
		color:#c62a32;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.5em;
		position: relative;
		z-index: 1;
		overflow: hidden;
		height:30px;
	}
	.BoutiqueList h2:before, .BoutiqueList h2:after {
		position: absolute;
		top: 25%;
		overflow: hidden;
		width: 50%;
		height: 2px;
		content: '\a0';
		background-color: #c62a32;
	}
	.BoutiqueList h2:before {
		margin-left: -50%;
		text-align: right;
	}
	.BoutiqueList h3{
		font-size:20px;
		font-family:PlayfairDisplay;
		color:#000;
		text-decoration:none;
	}
	.BoutiqueList a{
		color:#c62a32;
		font-family:RalewayMedium;
		font-size:14px;
	}
	.BoutiquesDiv{
		height:315px;
	}
	.TitreBoutiqueList{
		min-height:40px;
	}
	.BoutiqueList img{
		width:260px;
		height:195px;
		border:2px solid #afa7a0;
	}
	.descritpionBoutiqueList{
		height:35px;
		margin-top:1em;
		font-size:1.2em;
		color:#AFA7A0;
		text-align:center;
	}
	.BoutiqueTitle{
		text-transform:uppercase;
		color:#c62a32;
		font-family:PlayfairDisplay;
		font-size:22px;
		margin-bottom:21px;
		padding-top:0;
		margin-top:0;
		text-align:center;
		border-bottom:#b0a7a0 1px solid;
	}
	.BoutiqueDetails h3{
		font-size:16px;
		font-family:PlayfairDisplay;
		color:#000;
		text-decoration:none;
	}
	.AdresseBoutiqueDetails{
		line-height:30px;
		font-family:RalewayRegular;
		font-size:16px;
		color:#827771;
		margin:0;
		padding:0;
	}
	.h2BoutiqueAssocies{
		text-transform:uppercase;
		font-family:RalewayRegular;
		font-size:17px;
		text-align:center;
		color:#FFF;
		margin-top:10px;
	}
	.RedArrowDown{
		margin-bottom:1em;
		margin-top:-2px;
	}
	.Red{
		color:#c62a32;
	}
	#Footer{
		background:#afa7a0;
		margin:0px;
		padding:0px;
	}
	.imgsmalldevice{width:100%; margin-bottom:1em;}
	#SubMenuNav{ margin:0px; padding:0px; width:100%; background:#FFF; height:320px; z-index:900;}
	.smallnav{ margin:0px; padding:0px;}
	.LinkFooter{
		text-decoration:none;
		font-family:RalewayBold;
		font-size:14px;
		color:#000;
		text-align:center;:
	}
	.LinkFooterBoutique{
		text-decoration:none;
		font-family:RalewayMedium;
		font-size:14px;
		color:#000;
	}
	#Footer h4{
		margin-bottom:0px;
		padding-bottom:0px;
		text-decoration:none;
		font-family:RalewayBold;
		font-size:14px;
		color:#766a63;
	}
	#Footer .Services{
		margin:0px;
		padding:5px;
		line-height:18px;
	}
	#Footer p{
		margin:0px;
		padding:0px;
		text-decoration:none;
		font-family:RalewayBold;
		font-size:12px;
		color:#000;
	}
	.LinkFooterService{
		text-decoration:none;
		font-family:RalewayMedium;
		font-size:12px;
		color:#000;
	}
	#map{
		width: 100%;
		height: 300px;
		margin:0;
		padding:0;
	}
}