/****************************************************
#####################################################
##-------------------------------------------------##
##              Pote & Boc - Version 1             ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2018             ##
## Date      = Septembre 2018                      ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
.item-page{
margin-right:5px;
margin-left:5px;
}
.logo{
margin-left:5px;
}
.featured .readmore{
margin-right:5px;
}
.pagewidth, .formules-left .pagewidth, .formules-right .pagewidth{
width:100%;
}
.container-menu .content .element, .container-sur-place .content .element, 
.container-services .content .element, .container-livraison-repas-en-entreprise .content .element{
padding-left:20px;
padding-right:20px;
width:250px;
}
.formules-right .menu-enfant{
width:50%;
}
.slide-btn{
top:50px;
}
.slide-btn-next{
right:0;
}
.slide-btn-prev{
left:0;
}
.equipe-img, .equipe .animated{
display:none;
}
.equipe-img-s{
display:block;
}
.bandeau{
min-height:20%;
}
@media screen and (max-width: 990px) {
	#top-menu{
	width:550px;
	}
	.emporter-top{
	height:130px;
	}
	.emporter-content .formule{
	padding-top:120px;
	}
	.emporter-content .formule .prix{
	top:20px;
	}
	.emporter-content .jackpotes{
	border-right:0;
	}
	.mois-elements .centre{
	border-right:0;
	}
}
@media screen and (max-width: 980px) {
	.informations{
	background:transparent;
	}
	.actualites{
	float:none;
	width:100%;
	background:url('../images/bandeau-infos.png') bottom center repeat-x transparent;
	}
	.horaires{
	position:relative;
	width:100%;
	background:#eec869;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	}
	.informations .pagewidth{
	height:auto;
	}
}
@media screen and (max-width: 940px) {
	.brochure{
	position:relative;
	right:0;
	bottom:0;
	margin-top:20px;
	}
	.tarifs-informations div{
	margin: 0 auto;
	margin-top:40px;
	}
}
@media screen and (max-width: 900px) {
	.formules-left .formule .prix{
	right:40px;
	}
	section.uber .pagewidth, .container-livraison-uber .content .pagewidth , .container-commandez-en-ligne .content .pagewidth{
	width:100%;
	}
	section.traiteur .pagewidth, .container-traiteur .content .pagewidth{
	width:calc(100% - 20px);
	}
	
	section.traiteur .textes, .container-traiteur .textes{
	width:300px;
	}
}
@media screen and (max-width: 880px) {
	.container-menu .content .semaine .centre, .container-sur-place .content .semaine .centre, 
	.container-services .content .semaine .centre, .container-livraison-repas-en-entreprise .content .semaine .centre{
	border-right:0;
	}
	.container-menu .content .element, .container-sur-place .content .element, 
	.container-services .content .element, .container-livraison-repas-en-entreprise .content .element{
	margin-bottom:20px;
	}
}
@media screen and (max-width: 850px) {
	.resto-row{
	height:auto;
	}
	.pull-left, .pull-right{
	float:none;
	text-align:center;
	}
	.pull-left img, .pull-right img, .producteur img{
	margin:0 auto;
	max-width:100%;
	}
	.ligne-prod{
	justify-content: center;
	margin:0;
	}
	.producteur{
	width:auto!important;
	margin-top:-5px;
	}
	.formule-liv{
	width:96%;
	}
	.formule-liv .formule{
	float:none;
	margin:0 auto;
	margin-bottom:20px;
	}
}
@media screen and (max-width: 800px) {
	.moment{
	display:none;
	}
	.formules-left .formule .prix, .formules-right .formule .prix{
	right:10px;
	}
	section.traiteur .textes, .container-traiteur .textes, section.traiteur .photo, .container-traiteur .photo,
	.container-commandez-en-ligne .content .emporter, .container-commandez-en-ligne .content .domicile{
	width:100%;
	float:none;
	text-align:center;
	}
	.container-commandez-en-ligne .content .domicile{
	margin-top:20px;
	}
	.devis{
	position:relative;
	left:0;
	bottom:0;
	}
}
@media screen and (max-width: 790px) {
	.commandez{
	position:relative;
	margin:0 auto;
	right:0;
	}
	.telephone-h{
	position:relative;
	width:100%;
	text-align:center;
	top:0;
	margin-top:15px;
	}
	.header, .header .pagewidth{
	height:auto;
	}
	.header{
	padding-top:5px;
	}
	.logo{
	margin:0 auto;
	float:none;
	margin-bottom:5px;
	}
	#top-menu, #top-menu .reseaux{
	display:none;
	}
	.reseaux-s{
	display:block;
	position:relative;
	background:transparent;
	position:relative;
	height:40px;
	}
	.reseaux-s a{
	display:inline-block;
	width:40px;
	height:40px;
	background:url('../images/reseaux.png') -2px -50px no-repeat transparent;
	margin-right:5px;
	margin-left:5px;
	}
	.reseaux-s a:first-child{
	background-position: -2px -15px;
	}
	#small-menu{
	display:block;
	position:relative;
	width:100%;
	height:40px;
	background:#eec869;
	}
	#mobile-menu{
	display:block;
	}
	.promo{
	width:70%;
	}
}
@media screen and (max-width: 760px) {
	.plan, .formulaire{
	width:100%;
	float:none;
	}
	.plan{
	height:200px;
	}
	.formulaire{
	padding-top:30px;
	padding-bottom:30px;
	}
	.formulaire .trait{
	top:56px;
	}
	.formulaire h3{
	margin:0;
	}
	.formulaire .pagewidth{
	margin-left:5px;
	}
}
@media screen and (max-width: 750px) {
	.design, .tarifs-informations{
	float:none;
	width:100%;
	}
}
@media screen and (max-width: 660px) {
	.emporter-content .jackpotes{
	border-left:0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
	.emporter-content .formule{
	width:332px;
	}
	.mois-elements .centre{
	border-left:0;
	border-top:2px solid #234450;
	border-bottom:2px solid #234450;
	}
}
@media screen and (max-width: 650px) {
	.formules-left, .formules-right{
	width:100%;
	float:none;
	}
	.formules-left .formule-bagel, .formules-left .formule-bocaux1, .formules-left .formule-bocaux2{
	border-right:0px;
	}
	.formules-right .menu-enfant{
	width:100%;
	position:relative;
	}
}
@media screen and (max-width: 630px) {
	section.uber .textes, .container-livraison-uber .content .textes, section.uber .photo, .container-livraison-uber .content .photo,
	section.gms .textes, .container-gms .content .textes, section.gms .photo, .container-gms .content .photo{
	float:none;
	width:100%;
	text-align:center;
	}
}
@media screen and (max-width: 600px) {
	.move, .content .compose{
	display:none;
	}
	.restomove, .livraisonmove{
	display:block;
	left:10px;
	margin-left:0;
	}
	.actualites{
	float:none;
	width:100%;
	}
	.famille{
	display:none;
	}
}
@media screen and (max-width: 590px) {
	.container-menu .content .semaine .centre, .container-sur-place .content .semaine .centre, 
	.container-services .content .semaine .centre, .container-livraison-repas-en-entreprise .content .semaine .centre{
	border-left:0;
	}
	.container-menu .content .semaine, .container-sur-place .content .semaine, 
	.container-services .content .semaine, .container-livraison-repas-en-entreprise .content .semaine{
	margin-right:10px;
	margin-left:10px;
	}
	.container-menu .content .element, .container-sur-place .content .element, 
	.container-services .content .element, .container-livraison-repas-en-entreprise .content .element{
	width:100%;
	padding:0;
	}
}
@media screen and (max-width: 550px) {
	.capapotes .pagewidth, .container-admin fieldset{
	width:95%;
	}
}
@media screen and (max-width: 480px) {
	.parallax-section{
	display:none;
	}
	.animated {
	visibility:visible;
	}
	.actualites .bt-introtext{
	width:100%;
	}
	.emporter-top{
	height:200px;
	}
	.telecharger{
	top:75px;
	}
}
@media screen and (max-width: 450px) {
	.promo{
	width:100%;
	}
	.page-header h1::before, .page-header h1::after {
	display: none;
	}
}
@media screen and (max-width: 440px) {
	.formule-liv .formule{
	margin-top:130px;
	}
	.formule-liv .formule .prix{
	right:50%;
	top:-115px;
	margin-right:-57px;
	}
}
@media screen and (max-width: 400px) {
	.container-commandez-en-ligne .content h3{
	line-height:40px;
	font-size:24px;
	}
	.container-commandez-en-ligne .content h3::before, .container-commandez-en-ligne .content h3::after{
	font-size:32px;
	}
}
@media screen and (max-width: 390px) {
	.formules-right .formule .prix{
	top:-50px;
	}
	.formulaire .pagewidth{
	width:95%;
	margin:0 auto;
	}
	.visform .field1, .visform .field2{
	width:100%;
	float:none;
	}
	.visform .field1 input, .visform .field2 input, .visform .field3 input, .visform textarea{
	width:95%;
	}
	.visform .field2 label, .visform .field2 input{
	margin-left:0;
	}
	.visform .field5 label{
	width:88%;
	}
}
@media screen and (max-width: 370px) {
	.promo{
	bottom:50%;
	margin-bottom:-70px;
	}
}
@media screen and (max-width: 350px) {
	.logo{
	width:90%;
	}
	.logo img{
	max-width:100%;
	}
	.container-menu .content h3, .container-sur-place .content h3,
	.container-services .content h3, .container-livraison-repas-en-entreprise .content h3{
	font-size:22px;
	}
	.container-menu .content h3, .container-sur-place .content h3{
	width:310px;
	}
}
/**end file***/