@media (max-width: 1299px){
html,body{
font-size:14px;
}
#PartSup{
height:660px;
}
#LogoP{
width:300px;
}
#BlocMenu{
left:calc(100% - 300px);
}
.bNom{
padding:0 10px 0 10px;
}
#BlocPano{
height:520px;
}
	#Silh1{
	top:525px;
	}
	#Silh2{
	top:570px;
	}
.bAccesMenu{
top:610px;
}

/* Formule ------------------------ */
.cadreMenu{
height:520px;
}
.cadreMenuPhoto{
height:520px;
}
/* Animations ------------------------------------------------------------ */
@keyframes FlecheInDown {
  from {
    height:30px;
	-webkit-animation-timing-function: ease-out;
  }
  
  3%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
    height:30px;
	top:610px;
	-webkit-animation-timing-function: ease-in;
  }

  5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
    height:40px;
	top:600px;
	-webkit-animation-timing-function: ease-out;
  }
  to {
    height:30px;
	-webkit-animation-timing-function: ease-out;
  }
}
}

@media (max-width: 999px){
html,body{
/*font-size:14px;*/
}
/* TYPO ------------------ */
h1,h2{
font-size:24px;
}

.titre{
font-size:24px;
}
.impose{
font-size:18px;
}
/* ---------- */

#PartSup{
height:600px;
}
#LogoP{
left:50%;
transform:translateX(-50%);
}
#BlocMenu{
width:auto;
padding:0;
clear:both;
top:0;
left:50%;
transform:translateX(-50%);
}
#BlocPano{
height:400px;
background:url(img/bandeau/index2025LOW.webp) no-repeat center center;
background-size:cover;
}
#BlocPano.actu{
background:url(img/bandeau/actu2025LOW.webp) no-repeat center center;
background-size:cover;
}
#BlocPano.carte{
background:url("img/bandeau/carte2025LOW.webp") no-repeat center center;
background-size:cover;
}
#BlocPano.formule{
background:url("img/bandeau/formule2024LOW.webp") no-repeat center center;
background-size:cover;
}
#BlocPano.contact{
background:url("img/bandeau/contact2025LOW.webp") no-repeat center center;
background-size:cover;
}
#BlocPano.presse{
background:url("img/bandeau/presse2025LOW.webp") no-repeat center center;
background-size:cover;
}
#BlocPano.galerie{
background:url("img/bandeau/galerie2025LOW.webp") no-repeat center center;
background-size:cover;
}
	#Silh1{
	top:465px;
	}
	#Silh2{
	top:510px;
	}
.bAccesMenu{
top:550px;
}

#AccrocheFinale{
font-size:16px;
}
#BlocCopyr{
font-size:12px;
}
	

.Rond77{
width:90px;
height:90px;
top:190px;
left:20px;
font-size:14px;
}
	.Rond77 p .big{
	font-size:24px;
	}

.RondR{
width:90px;
height:90px;
top:190px;
right:50px;
font-size:14px;
}
	.RondR p .big{
	font-size:17px;
	}

/* Carte ------------------- */
.cadrePhotoMenu{
width:15.5%;
height:14%;
margin:0.4%;
}
	.cadrePhotoMenu .titre{
	font-size:15px;
	top:50%;
	}
.tdPlat{
width:85%;
border-bottom:1px solid #ee7266;
padding-top:10px;
}
	.tdPlat .ingredient{
	font-size:12px;
	color:#ee7266;
	}
.tdPrix{
width:15%;
text-align:right;
color:#ee7266;
font-weight:bold;
font-size:14px;
vertical-align:bottom;
}
/* Formule ------------------------ */
.cadreMenu{
width:47%;
height:500px;
}
.cadreMenuPhoto{
display:none;
}

/* Galerie --------------------- */
#clientTem{
width:99%;
}

/* contact --------------------- */
.itiInp{
width:180px;
font-size:12px;
}
.subIti{
width:30px;
}

/* Presse ----------------------- */
.blocArticle{
height:80px;
}
	.dateArticle{
	width:80px;
	}
.dateArticle p{
font-size:16px;
}
.infoArticle{
width:calc(100% - 150px);
}
	.infoArticle .titre{
	font-size:20px;
	}
.lienArticle{
width:60px;
}
	.lienArticle p{
	font-size:10px;
	}

/* Actu -------------------------- */
.cadreActu{
width:31%;
}
	.cadreActu .dateActu{
	width:160px;
	font-size:14px;
	}
    
/* Livraison ------------------- */
    
.caseLivraison{
    width:150px;
    height: 150px;
    position: relative;
    float: left;
    margin: 8px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    cursor: pointer;
}
.photoLivraison{
    width:100%;
    height: 100px;
    position: relative;
    float: left;
    overflow: hidden;
    background-color: #eeeeee;
    -moz-transition: .8s all;
    -webkit-transition: .8s all;
    transition: .8s all;
}


/* Animations ------------------------------------------------------------ */
@keyframes FlecheInDown {
  from {
    height:30px;
	-webkit-animation-timing-function: ease-out;
  }
  
  3%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
    height:30px;
	top:550px;
	-webkit-animation-timing-function: ease-in;
  }

  5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
    height:40px;
	top:540px;
	-webkit-animation-timing-function: ease-out;
  }
  to {
    height:30px;
	-webkit-animation-timing-function: ease-out;
  }
}
}

@media (max-width: 680px){
#PartSup{
height:auto;
overflow:hidden;
}
#BandSup{
height:inherit;
padding-bottom:10px;
}
#LogoP{
width:100%;
height:inherit;
text-align:center;
}
	#LogoP img{
	max-width:100%;
	position:inherit;
	top:0;
	transform:translateY(0);
	}
#BlocPano{
height:300px;
background-size: auto 100%;
}

#BlocMenu,#Silh1,#Silh2,.bAccesMenu,#Silh1R,#Silh2R{
display:none;
}

#MenuM{
width:100%;
min-height:20px;
text-align:center;
position:relative;
float:left;
display:block;
margin-top:10px;
}

#MenuM .nav{
height:0;
transition-property: height;
transition-duration: 1s;
-webkit-transition-property: height;
-webkit-transition-duration: 1s;
}
	#MenuM .boutonM{
	padding:8px;
	background-color:#ee7266;
	border-radius:4px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}

#MenuM ul {
    list-style: none;
    padding: 5px 0;
}
 
#MenuM li a {
	font-size:14px;
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #383838;
}
 
#MenuM li:last-child a {
    border-bottom: none;
}
 
#MenuM li a:hover,
#MenuM li a:focus {
    color: #1c1c1c;
    background: #ccc;
}



.col50{
width:98%;
margin:1%;
}

.Rond77{
top:180px;
}
.RondR{
top:150px;
}

/* BAS ------------------------- */
#PartInf{
margin-top:30px;
}
#AccrocheFinale{
width:100%;
text-align:center;
font-size:14px;
}
#Coord{
width:100%;
text-align:center;
padding:0;
}
	.coordFinale{
	margin-top:0;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #666666;
	}
#Copyright{
width:46%;
margin:1%;
}
#MenuF{
width:46%;
margin:1%;
}

/* INDEX ---------------------- */
.col100.lignePhoto{ display:none; }
#BlocPlatJ{
width:98%;
min-height:0;
margin:1%;
}
#BlocSuggestJ{
width:98%;
min-height:0;
margin:1%;
}
/* ACUTUALITE ---------------------------------- */
.cadreActu{
width:48%;
}
	.cadreActu .dateActu{
	width:120px;
	min-width:0;
	font-size:12px;
	}


/* CARTE ------------------------------ */
.colcartePH{ display:none; }
.colcarte{
width:98%;
padding:0.5%;
}
.sepPlat{
height:40px;
background-size: auto 80%;
}
	.sepPlat .bMonte{
	width:30px;
	height:30px;
	top:5px;
	}
	.sepPlat .bMonte .triangle{
	border-width: 0 8px 8px 8px;
	}
.tdPlat{
width:80%;
}
.tdPrix{
width:20%;
}
#MenuCarte{ display:block; }
.cadrePhotoMenu{
width:130px;
height:90px;
}

/* FORMULES -------------------- */
.blocFormJ{
width:46%;
}
.col50.resa{
height:auto;
}
	.col50.resa p{
	position:inherit;
	float:inherit;
	top:0;
	transform:translateY(0);
	}
.cadreMenu{
width:96%;
height:auto;
margin-bottom:20px;
}

/* Presse --------------------- */
.blocArticle{
width:99%;
margin-bottom:10px;
}


}

@media (max-width: 340px){
#BlocPano{
height:200px;
background-size: auto 100%;
}
	
.bResa{
	width: 220px;
}
.bResa:hover{ width:240px; }
.iconeBResa{ height: 40px; }

#Copyright{
width:98%;
margin:1%;
padding:0;
}
#MenuF{
width:98%;
margin:1%;
padding:0;
}
	.menuFinal{
	text-align:center;
	}
	
.Rond77{
width:70px;
height:70px;
font-size:10px;
top:130px;
left:10px;
}
	.Rond77 p .big{
	font-size:16px;
	}
.RondR{
width:70px;
height:70px;
font-size:10px;
top:130px;
right:10px;
}
	.RondR p .big{
	font-size:14px;
	}
.mini{
font-size:10px;
}

/* ACUTUALITE ---------------------------------- */
.cadreActu{
width:98%;
margin-bottom:50px;
}
	.cadreActu .dateActu{
	width:150px;
	font-size:12px;
	}
    
/* Livraison --------------- */
.caseLivraison{
    width:190px;
    height: 190px;
    margin: 10px;
}
.photoLivraison{
    height: 135px;
}
.infoLivraison{
    min-height: 65px;
}
.ingredientLivraison{
font-size:12px;
}
.prixLivraison{
    width:100%;
    height: 24px;
    background-color: #ffffff;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    color:#ee7266;
	font-weight:bold;
	font-size:16px;
    position: absolute;
    bottom: 0;
}
    
}