#header {
    background-color: #5a008c;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}
.auto_center {margin: 0 auto;max-width: 985px;}

.header-top {
	max-width:1100px;
	margin:0 auto;
}
.header-top > div{
	display:table;
	width:100%;
}
#logo{
	padding: 11px 0;
	display:table-cell;
	width:75px;
	vertical-align:top;
}
#logo img{
	width:100%;
}
.navbar {
	display:table-cell;
	vertical-align:middle;
	padding-left: 3%;
}

#nav{
	list-style:none;
}
.first-colon-nav{
	float:left;
	padding:32px 0;
}
.first-colon-nav li{
	float:left;
}
.first-colon-nav li a{
	color:#453f3e;
	text-transform:uppercase;
	font-size: 13px;
	padding:15px;
	font-family: 'Montserrat-Regular';
	text-decoration:none;
	position:relative;
}
.first-colon-nav li a:hover{
	color:#561105;
}
.first-colon-nav li a.sous{
	background:url("../images/v2/dietbon_img_15.png") right center no-repeat;
	margin-right: 7px;
}
.last-colon-nav li{
	float: left;
	border-left: 1px #f7f8f9 solid;
	padding: 15px 15px;
	min-height: 86px;
	box-sizing: border-box;
}
#nav-link-panier {
    border-right: 1px #f7f8f9 solid;
	min-width: 90px;
}
#nav-link-compte{
	min-width:100px;
	padding:15px 0;
}
.last-colon-nav li i {
    display: block;
	height:25px;
	background:url("../images/v2/icons_header.png");
	margin: 3px auto 3px;
}
.last-colon-nav  li a{
	color: #666666;
	font-size:12px;
	display: block;
	text-align: center;
}
.last-colon-nav li#nav-link-tel a{
	color: #414141;
	font-size: 21px;
	position: relative;
	padding-left: 20px;
	font-family: 'Montserrat-Light';
}
.call-mobile strong,
.last-colon-nav li#nav-link-tel a strong{
	font-size: 9px;
	display: block;
	position: absolute;
	top: 24px;
	left: 25px;
	font-weight: normal;
	line-height: 12px;
}
.call-mobile strong{
	line-height: 10px;
	top: 30px;
	left: 41px;
}
.last-colon-nav li#nav-link-tel i{
	position:absolute;
	left:0;
	top:3px;
	background:url("../images/v2/dietbon_img_12.png") 0 0 no-repeat;
	width:24px;
	height:25px;
}
.last-colon-nav  li#nav-link-tel a span{
	color: #666666;
	font-size: 12px;
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 7px;
}
.last-colon-nav{
	float: right;
	max-width: 390px;
	width: 100%;
}
#nav-link-compte i{
	background-position: -26px 0;
	width: 20px;
}
#nav-link-panier i{
	background-position:-48px 0 ;
	width:22px;
}
#nav-link-panier,
#nav-link-compte{
	position:relative;
	cursor:pointer;
}

#nav-link-panier a.complement-link,
#nav-link-compte a.complement-link{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
	height:100%;
	text-indent:-99999px;
}
.content-sous-categorie {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    z-index: 999;
	padding-top: 37px;
}
.content-sous-categorie > div{
    background-color: #561205;
    padding: 12px 0;
    box-shadow: 0px 10px 8px -6px #000;
}
.first-colon-nav li:hover .content-sous-categorie{
	display:block !important;
}
.first-colon-nav li.over a.sous.over::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:16px;
	bottom:-21px;
	background:url('../images/v2/shap_nav.png') center no-repeat;
}
.content-sous-categorie ul{
	text-align:center;
}
.first-colon-nav li .content-sous-categorie ul li{
	float:none;
	display:inline-block;
	vertical-align: top;
	padding: 0 8px;
}
.first-colon-nav li .content-sous-categorie ul li:first-child{ padding-left:0px; }
.first-colon-nav li .content-sous-categorie ul li:last-child{ padding-right:0px; }

.first-colon-nav li .content-sous-categorie ul li a{
	padding: 0;
	opacity: 1;
}
.first-colon-nav li .content-sous-categorie ul li a:hover{
	opacity: 0.7;
}
.first-colon-nav li .content-sous-categorie ul li a img{
	float:left;
}
.first-colon-nav li .content-sous-categorie ul li a span{
	float: right;
	display: block;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	padding: 25px 4px;
	max-width: 86px;
	margin-top: 14px;
	font-family: 'Montserrat-SemiBold';
}
.first-colon-nav li .content-sous-categorie ul li a span::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:20px;
	bottom:0;
	background:url('../images/v2/fleche.png') center no-repeat;
}
.first-colon-nav li #sous-categorie-repas.content-sous-categorie ul li {
    padding: 0 5px;
}
.first-colon-nav li #sous-categorie-repas.content-sous-categorie ul li a span{
	width:95px;
}

.menu-mobile{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#561105;
	padding:15px 40px;
	z-index:99999;
	display:none;
}
.compte-mobile{
	display:block;
	float:right;	
	color:#ffffff;
	font-size:14px;
	text-align:center;
	padding-top:35px;
	position:relative;
	margin-top:15px;
}
.compte-mobile::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-14px;
	height:27px;
	width:25px;
	background:url('../images/v2/compte-mobile.png') center;
}
.close-menu{
	display:block;
	float:left;
	width:24px;
	height:24px;
	background:url('../images/v2/close_menu_03.png') center;
	text-indent:-9999px;
	margin-top:15px;
}
.logo-mobile{
	position: absolute;
	left: 50%;
	margin-left: -37px;
	top: 11px;
	width: 75px;
	height: auto;
	max-width: 75px;
}
.top-mobile{
	min-height:65px;
	margin-bottom:30px;
}
.menu-mobile-content{
	width:100%;
	max-width:390px;
	margin:0 auto;
}
.menu-mobile-content li{
	display:block;
	padding:15px 0;
	border-top:1px solid #90625a;
}
.menu-mobile-content li a{
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	font-family: 'Montserrat-Regular';
	text-decoration:none;
	background:url('../images/v2/fleche.png') right center no-repeat;
}
.call-mobile{
	display:inline-block;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	font-family: 'Montserrat-Light';
	padding-left: 20px;
	position:relative;
}
.call-mobile i {
    position: absolute;
	left: 16px;
	top: 8px;
	background: url("../images/v2/call-mobile.png") 0 0 no-repeat;
	width: 17px;
	height: 18px;
}
.call-mobile span {
    color: #ffffff;
    font-size: 15px;
    width: 100%;
    text-align: center;
    display: block;
	opacity: 0.8;
	margin-top: 13px;
}
.tel-mobile{
	text-align:center;
	margin-bottom:15px;
}
#nav-link-compte:hover .btn-deconnecter {
    display: block !important;
}
.last-colon-nav li a.btn-deconnecter {
    background: #fff;
    border: 1px solid #ccc;
    bottom: -25px;
    color: #000;
    font-weight: bold;
    left: 0;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    display: none;
    z-index: 9999;
}
@media (min-width: 1024px) {
	#menu_mobile{
		display:none;
	}
}

@media (max-width: 1100px) {
	.header-top {
		width: 100%;
		padding: 0 20px;
	}
	.navbar {
		padding-left: 4%;
	}
	.last-colon-nav li {
		padding: 15px 5px;
	}
	.last-colon-nav {
		max-width: 360px;
	}
	#nav-link-compte {
		min-width: 90px;
	}
	.first-colon-nav li a {
    	padding: 15px 12px;
	}
}

@media (max-width: 1023px) {
	.header-top {
		width: 100%;
		padding: 0;
	}
	#logo img {
    	margin: 0 auto;
	}
	#logo a {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.first-colon-nav {
		position: absolute;
		padding: 3px 0;
		top: 116px;
		width: 100%;
		left: -100%;
		z-index:99999;
		-webkit-transition: left 0.5s ease-in-out;
		-moz-transition: left 0.5s ease-in-out;
		-o-transition: left 0.5s ease-in-out;
		-ms-transition: left 0.5s ease-in-out;
		transition: left 0.5s ease-in-out;
	}
	.first-colon-nav.open{
		left:0;
	}
	.first-colon-nav > div{
		width: 33.08%;
		background: url("../images/v2/arriere_plan_menu.jpg") repeat-x left top #fff ;
	}
	.first-colon-nav li {
		display: block;
		min-height: auto;
	}
	first-colon-nav li a {
		color: #727885;
	}
	.first-colon-nav > ul > li > a {
		color: #727885;
		padding: 0;
		font-size: 1em;
	}
	#menu_mobile{
		display:table-cell;
		width: 15%;
		text-indent: -9999px;
	}
	#menu_mobile > div{
		border-right:1px solid #f7f8f9;
		padding: 34px 0;
	}
	
	#menu_mobile a {
		background: url("../images/v2/menu_mobile.png") no-repeat center top;
		color: #535b6c;
		display: block;
		font-size: 1em;
		padding-top: 32px;
		text-align: center;
		height: 20px;
	}
	#logo {
		margin-left: 0;
		width:70%;
		text-align:center;
	}
	#logo img{
		max-width:100%;
	}
	#navbar{
		width:15%;
		padding-left:0;
	}
	.last-colon-nav {
		margin-left: 0;
		min-width: 100%;
		width: 100%;
	}
	.last-colon-nav li {
		padding: 31px 0 30px;
		text-align: center;
	}
	.last-colon-nav li#nav-link-tel {
		width:59%;
		min-height: 58px;
	}
	.last-colon-nav li#nav-link-compte{
		width:21%;
	}
	.last-colon-nav li#nav-link-panier{
		width:19%;
	}
	
	.last-colon-nav li#nav-link-tel a span {
		display: block;
		margin-top: 8px;
	}
	.first-colon-nav > div > ul > li > a {
		color: #727885;
		font-size: 1em;
		display:block;
	}
	#nav-link-tel br {
		display: none;
	}
	#nav-link-programme.active,
	#nav-link-repas.active{
		background:#f8f5f2;
		color: #000000 !important;
	}
	.first-colon-nav #nav > li > a {
		text-transform: none !important;
	}
	#nav {
		border-bottom: 2px solid;
	}
	.first-colon-nav li.for-mobile{
		display:block;
	}
}


@media (max-width: 1023px) {
	.header-top {
		overflow: hidden;
	}
	#nav-link-tel,
	#nav-link-compte{
		display:none;
	}
	.last-colon-nav li#nav-link-panier{
		width:100%;
	}
	#logo img {
		/*max-width: 100%;*/
		height:65px;
	}
	.last-colon-nav li#nav-link-compte {
		width: 100%;
	}
	.last-colon-nav li a {
		text-indent:-99999px !important;
		font-size: 0;
	}
	#menu_mobile a {
		padding-top: 0;
	}
	.last-colon-nav li {
		padding: 29px 0 0;
	}
	.first-colon-nav {
		top: 84px;
	}
	.first-colon-nav > div {
		width: 100%;
	}
	#nav-link-tel.mobile,
	#nav-link-compte.mobile{
		display:block;
		border-bottom:1px solid #dadee6;
	}
	.first-colon-nav #nav > li > a {
		padding: 10px 0;
	}
	.first-colon-nav #nav {
		padding: 0 4.12%;
	}
	#nav-link-compte span{
		padding-left:35px;
		display:block;
		position:relative;
	}
	#nav-link-compte span i{
		background: url("../images/v2/icons_header.png") -27px 0 no-repeat;
		display: block;
		height: 25px;
		width: 18px;
		position:absolute;
		left:0;
	}
	#nav-link-tel span.numero {
		color: #c9799d;
		display: block;
		font-size: 1.5em;
		margin-bottom: 10px;
		padding-left: 35px;
		position:relative;
	}
	#nav-link-tel span.numero i{
		background: url("../images/v2/icons_header.png") no-repeat;
		width: 24px;
		height: 25px;
		display: block;
		position:absolute;
		left:0;
		top: 5px;
	}
	.first-colon-nav > div ul#nav{
		padding-bottom:28px;
		background: url("../images/v2/mobile_space_menu.jpg") repeat-x left bottom;
	}
	.first-colon-nav .sous-categorie li span {
		/*font-size: 0.5em;*/
		padding: 10px 0;
	}
	
	#nav-link-tel.mobile {
		border-bottom: 0 none;
		display: inline-block;
		text-align: center;
		width: 59%;
	}
	#nav-link-compte.mobile {
		border-bottom: 0 none;
		border-left: 1px solid #dadee6;
		display: inline-block;
		vertical-align: top;
		width: 39%;
	}
	#nav-link-tel span.numero {
		font-size: 1em;
		line-height: 30px;
		margin-bottom: 0;
		text-align: left;
	}
	#nav-link-tel span:not(.numero) {
		display: block;
		font-size: 13px;
		text-align: left;
	}
	#nav-link-compte span {
		font-size: 13px;
		padding-left: 0;
		padding-top: 30px;
		text-align: center;
	}
	#nav-link-compte span i {
		left: 50%;
		margin-left: -9px;
		top: 7px;
	}
	.first-colon-nav li:nth-child(3) {
		border-top: 1px solid #dadee6;
	}
}

@media (max-width: 580px) {
	#navbar,
	#menu_mobile {
		width: 23%;
	}
	#logo {
		width: 54%;
	}
	.menu-mobile-content li a {
    	font-size: 13px;
	}
	.menu-mobile {
		padding: 15px 20px;
	}
	.menu-mobile-content {
		max-width: 230px;
	}
	.top-mobile {
		margin-bottom: 15px;
	}
	.compte-mobile {
		margin-top:8px;
	}
}