@font-face{
	font-family: 'bliss';
	src: url('../font/bliss.eot');
	src: local('x'),
    url('../font/bliss.woff') format('woff'),
    url('../font/bliss.ttf');
}

@font-face{
	font-family: 'caviar';
	src: url('../font/caviar.eot');
	src: local('x'),
    url('../font/caviar.woff') format('woff'),
    url('../font/caviar.ttf');
}

html {
	position:relative;
	min-height: 100%;
}

body {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29432+0,ffee97+100 */
	background: #f29432; /* Old browsers */
	background: url(../picture/interface/bg-banderole.png);
	background: url(../picture/interface/bg-banderole.png), -moz-linear-gradient(top,  #f29432 0%, #ffee97 100%); /* FF3.6-15 */
	background: url(../picture/interface/bg-banderole.png), -webkit-linear-gradient(top,  #f29432 0%,#ffee97 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../picture/interface/bg-banderole.png), linear-gradient(to bottom,  #f29432 0%,#ffee97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29432', endColorstr='#ffee97',GradientType=0 ); /* IE6-9 */
	background-repeat: repeat-x;
	background-size: 1642px 500px, cover;
	/* Margin bottom by footer height */
  margin-bottom: 45px;
}

a, a:visited { outline: none; }
a:hover,
a:active,
a:focus {
  outline: none;
}


#stay_online_block{
	display: none;
}
#devMode{
	text-align: center;
    padding: 5px 0;
    margin:0
}

#banner {
	margin-bottom:20px;
	display: block;
}

.no-padding {
	padding:0;
}

.no-padding-top {
	padding-top:0;
}

.no-padding-bottom {
	padding-bottom:0;
}

.no-padding-left {
	padding-left:0;
}

.no-padding-right {
	padding-right:0;
}



.no-margin {
	margin:0;
}

.margin-top {
	margin-top:20px;
}

.margin-bottom {
	margin-bottom:20px;
}

.margin-left {
	margin-left:20px;
}

.margin-right {
	margin-right:20px;
}

.margin-top-mid {
	margin-top:10px;
}

.margin-bottom-mid {
	margin-bottom:10px;
}

.margin-left-mid {
	margin-left:10px;
}

.margin-right-mid {
	margin-right:10px;
}

.margin-top-small {
	margin-top:5px;
}

.margin-bottom-small {
	margin-bottom:5px;
}

.margin-left-small {
	margin-left:5px;
}

.margin-right-small {
	margin-right:5px;
}
.margin-top-none{
	margin-top: 0!important;
}
.margin-bottom-none{
	margin-bottom: 0!important;
}
.margin-left-none{
	margin-left: 0!important;
}
.margin-right-none{
	margin-right: 0!important;
}
.no-float {
	float:none;
}

.d-inline-block {
	display: inline-block;
}

.underline {
	text-decoration: underline;
}

.uppercase {
	text-transform: uppercase;
}

.border-bottom {
	border-bottom:1px solid red;
}

.border-top {
	border-top:1px solid;
}

.row-flex, .col-flex{
		display: -ms-flexbox;  /* IE 10 */
		display: -webkit-flex; /* Safari 6 */
		display: flex;         /* Modern browsers */
}

.row-flex{
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.col-flex{
	-ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

.fake-label {
	display: block;
	height:26px;
}

.back {
	color:#fff;
	font-size:14px;
	margin-right: 10px;
}

.back:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

a[type="button"]:hover {
	cursor: pointer;
}

.col-v-align {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.col-v-align-baseline {
    display: inline-block;
    vertical-align: baseline;
    float: none;
}

.v-align-middle {
	vertical-align: middle;
}

.margin-bottom {
	margin-bottom: 20px;
}

ul.no-padding {
	padding-left:15px;
}

.capitalize:first-letter {
	text-transform: uppercase;
}

label > .error-msg > label {
	margin:0;
}

.login-error-msg {
	padding: 2px 0 5px 0;
	font-style: italic;
	display: block;
}

textarea {
	resize: vertical;
}

#ingredientList .row,
.allergen-list .row {
	margin-bottom: 15px
}
#ingredientList .btn.remove{
	margin-top: -2px;
}
.allergen-list, .allergen-list li:last-child {
	margin-bottom: 0;
}

.legend {
	font-style: italic;
	font-size: 12px;
	color: #737373;
	margin: 10px 0 0 0;
}

.legend span {
	margin-left:5px;
}

footer {
	font-size: 11px;
	text-align: center;
	margin-bottom: 15px;

  bottom: 0;
  width: 100%;
}

footer p {
	margin: 0;
}

#ingredientsBySeason {
	max-height:445px;
	overflow-y: scroll;
}

.z-index-9 {
	z-index: 999 !important;
}

.no-border {
	border:none;
}

#cancelBtn {
  margin-right:5px;
}

#twitterBloc .content {
	padding:5px !important;
}

#listForm .ui-sortable li:hover {
	cursor: pointer!important;
}

.not-visible {
	visibility: hidden;
}

#moreAllergen {
	display: inline-block;
	margin:10px 0;
}

#moreAllergen,#infos-supplementaire {

}

.nowrap {
	white-space: nowrap;
}

a {
	cursor: pointer;
}

.tr-link:hover {
	background: #f9f9f9;
	cursor: pointer;
}

.pub {
	min-height: 10px;
	margin: 30px 0;
	/*border: 1px solid red;*/
	max-width: 100%;
}

body > .main-container {
	position:relative;
}
.color-black{
	color: #000!important;
}

.btn.btn-link{
	color:#FFFFFF!important;
}

/* BTN header */
.header .btn-group .btn-icon-legend{
  top: -5px !important;
  position: relative!important;
}
#twitter-widget-0 .btn{
	background-color: transparent!important;
}
.fake-textarea{
	display: block;
	width: 100%;
	height: 130px;
	padding: 6px 5px;
	font-size: 1rem;
	line-height: 1.42857143;
	color: #999999;
	background-color: #E3E3E3;
	background-image: none;
	border: 1px solid #646362;
	border-radius: 0;
	cursor: text;
	}
	.fake-textarea:hover{
		text-decoration: none;
		color:#999999;
	}
	#facebookBloc{
		overflow: hidden;
	}
	div.google-auto-placed {
		display:none !important;
	}
.small-loader{
	width: 16px;
	height: 16px;
}
.modal-backdrop.in{
	opacity: 0.8;
}
.modal-chefette .modal-dialog::after{
	content: "";
	width: 392px;
	height: 500px;
	max-height:100%;
	background-image: url('../picture/interface/chefette-modal.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -50px;
	bottom: -15px;
}
.modal-chefette .modal-dialog{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 15px;
	width: auto;
	height: auto;
	max-height:90%;
}
.modal-chefette .modal-dialog .modal-content{
	margin-left: 150px;
	min-height: 400px;
	width: 800px;
	max-width: 90%;
	max-height: 90%;
	padding-left: 150px;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.modal-chefette .modal-dialog .modal-content h1{
	font-weight: 600;
	color:#B20066;
}
@media only screen and (max-width: 980px) {
	.modal-chefette .modal-dialog::after{
		display: none;
	}
	.modal-chefette .modal-dialog .modal-content{
		margin-left: 0;
		padding-left: 0;
	}
	.modal-chefette .modal-dialog{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	#verify-email-form .btn,
	#profil-completion .btn{
			float: none!important;
			width: 100%;
	}
	#verify-email-form #send_email_verification,
	#profil-completion #send_profil_completion{
		margin-left: 0;
	}

}
#modal-verify-mail-step-2{
		display: none;
}

#verify-email-form #btn-step1{
	display: none;
}

#edit-pass-block{
	display: none;
}