@font-face {
  font-family: 'Alwyn';
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/alwynnew-rg-webfont.eot');
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/alwynnew-rg-webfont.eot?#iefix') format('embedded-opentype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-rg-woff.woff') format('woff'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-rg-ttf.ttf') format('truetype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-rg-svg.svg#Alwyn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Luset';
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/luset-regular-141211-webfont.eot');
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/luset-regular-141211-webfont.eot?#iefix') format('embedded-opentype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/luset-regular-141211-woff.woff') format('woff'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/luset-regular-141211-ttf.ttf') format('truetype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/luset-regular-141211-svg.svg#Luset') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'AlwynNewRgBold';
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/alwynnew-bd-webfont.eot');
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/alwynnew-bd-webfont.eot?#iefix') format('embedded-opentype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-bd-woff.woff') format('woff'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-bd-ttf.ttf') format('truetype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-bd-svg.svg#AlwynNewRgBold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AlwynNewRgItalic';
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/alwynnew-rgit-webfont.eot');
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/alwynnew-rgit-webfont.eot?#iefix') format('embedded-opentype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-rgit-woff.woff') format('woff'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-rgit-ttf.ttf') format('truetype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/alwynnew-rgit-svg.svg#AlwynNewRgItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'LusetBold';
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/luset-bold-141211-webfont.eot');
  src: url('/~/media/LU/fr2014/Files/CSS/Fonts/EOT/luset-bold-141211-webfont.eot?#iefix') format('embedded-opentype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/luset-bold-141211-woff.woff') format('woff'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/luset-bold-141211-ttf.ttf') format('truetype'),
  url('/~/media/LU/fr2014/Files/CSS/Fonts/luset-bold-141211-svg.svg#LusetBold') format('svg');
  font-weight: bold;
  font-style: normal;
}*/
/*  =LESS
----------------------------------------------------------------------------- */
/* main colorz */
/* default font-size (px) */
/* typographie */
/* clearer */
.clearfix {
  display: block;
  zoom: 1;
  /* IE, don’t use conditional comments here */

}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* fonctions */
/*  =RESET
----------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
input {
  height: auto;
}
a img,
fieldset,
form {
  border: 0;
}
ins,
abbr,
acronym {
  text-decoration: none;
  border: 0;
  font-style: normal;
}
a:hover ins,
a:hover abbr,
a:hover acronym {
  text-decoration: underline;
}
address {
  font-style: normal;
}
ul {
  list-style: none;
}
q:before,
q:after {
  content: '';
}
small {
  font-size: 0.9em;
}
input,
select,
textarea,
button,
pre {
  font: 1em 'Alwyn', Arial, Helvetica, sans-serif;
}
textarea {
  overflow: auto;
  resize: vertical;
}
sup {
  vertical-align: text-top;
}
/*img {
  display: block;
  max-width:100%;
}*/
pre {
  white-space: pre-wrap;
  /* CSS 3 */

  white-space: -moz-pre-wrap;
  /* Mozilla since 1999 */

  white-space: -pre-wrap;
  /* Opera 4 à 6 */

  white-space: -o-pre-wrap;
  /* Opera 7 */

  word-wrap: break-word;
  /* IE 5.5+ */

  overflow: auto;
  /* IE 6 */

}
button,
.button {
  display: -moz-inline-box;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  /*vertical-align: middle;*/

}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* overrides extra padding in Firefox */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button span {
    margin-top: -1px;
  }
  /* Safari and Google Chrome only - fix margins */
}
.msie6 button {
  width: 1%;
  overflow: visible;
}
.msie7 button {
  overflow: visible;
}
input,
textarea,
select {
  /* not working with select on IE6 IE7 */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  /* 1 */

  line-height: normal;
  margin: 0;
  /* 2 */

  vertical-align: baseline;
  /* 3 */

  *vertical-align: middle;
  /* 3 */

}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  /* HTML5 elements display */

  display: block;
}
/* ugly Mac OS fonts rendering */
html {
  -webkit-font-smoothing: antialiased;
}
/* Stupid webkit input[type=search] custom, FUCK YOU, geez. */
input[type="search"] {
  -webkit-appearance: textfield!important;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
/*html{ -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; }*/
/*  =GENERIC
----------------------------------------------------------------------------- */
.fl {
  float: left!important;
}
.fr {
  float: right!important;
}
.fr.sendMailStatus{
  margin-top: -20px;
  color: #e30613;
}
.msie8 #footer .fr {
  margin-top: -150px;
}
.txtR {
  text-align: right!important;
}
.txtC {
  text-align: center!important;
}
::-moz-selection {
  color: #fff;
  background-color: #fa3c47;
}
/* firefox */
::-webkit-selection {
  color: #fff;
  background-color: #fa3c47;
}
/* webkit */
::selection {
  color: #fff;
  background-color: #fa3c47;
}
/* normal */
/*  =LINKS
----------------------------------------------------------------------------- */
a {
  display: block;
  cursor: pointer;
  color: #e30613;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a.ninja {
  color: #666666;
}
/*  =GLOBAL_LAYOUT
----------------------------------------------------------------------------- */
body {
  position: relative;
  margin: 0;
  height: 100%;
  background: #fff;
  text-align: left;
  color: #666666;
  font-family: 'Alwyn', Arial, Helvetica, sans-serif;
  font-size: 75%;
  line-height: 1.25;
  /*overflow-y: scroll;*/
  /*-webkit-transform: translateZ(0);*/
  /* black flash debug */
}
.msie7 body {
  overflow-y: visible;
}
/* IE7 bug, popin disappears */

#body-bis.popin-active {
  position: fixed;
  width: 100%;
}
.isTouch #body-bis.popin-active {
  position: absolute;
  overflow: hidden;
}
#body-ter {
  min-height: 715px;
  background: url(/~/media/LU/fr2014/Images/bg_body-btm.ashx) no-repeat bottom center;
}
#body-ter.error404 { min-height: 200px;}
.main {
  position: relative;
  width: 800px;
  margin: 0 auto;
}
h2{
  font-size: 22px; color:#fa3c47;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*, p, ul, li, h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;}
ul li{list-style-type: none;}
a{text-decoration: none;}
.txtImg{overflow: hidden; display: block; text-indent: -9000px;}
img{/*max-width: 100%;*/ display: block; height: auto;}
.headlineContainer{
  height: 0;
  overflow: hidden;
  text-indent: -9000px;
}
/*=============header=============*/

#header{width:100%; margin:0; position: fixed; top:0; z-index: 200000; background-color: #fff;}
#header .ContentItem.PlainHTML{
    height: 127px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    -webkit-transition:height linear 0.3s; /* For Safari 3.1 to 6.0 */
    transition: height linear 0.3s;

}
.topNav{
  position: relative;
  z-index: 200000;
  width: 800px;
  margin: 0 auto;
}
.topNavMarque{
  position: absolute;
  left:0; top:89px;
}
.topNavMarque li {
  float: left;
}


/*barre de recherche*/
#header .search_field{position: absolute;
  left:0; top:10px;width: 104px;}


/*logo*/
  /*harmony*/
  .logoHarmony {
    position: absolute;
    right:0;
    top:10px;
    width: 219px;height: 47px;
  }
  .logoHarmony a {
    width: 219px;height: 47px;
    background: url('/~/media/LU/fr2014/Images/header-footer/header-harmony-btn-normal.jpg') no-repeat;
    display: block; text-indent: -99999px;

  }

  /*lu*/
  /*.miniLogo, .no-js .mini .logoLu img.biglogo {display: none;}*/
  .no-js .mini img.miniLogo {display: block;}

  .logoLu {
    position: relative;
    left:299px; top:4px; z-index: 3;
    width: 162px; height: 130px;
  }
  .mini .logoLu{width: 110px; height: 75px;}
  .logoLu img{position:absolute; top:0; left: 0;
    -webkit-transition:all linear 0.3s; /* For Safari 3.1 to 6.0 */
    transition: all linear 0.3s;
  }
  .tablet .logoLu img{
    -webkit-transition:none; /* For Safari 3.1 to 6.0 */
    transition: none;
  }
  .logoLu img.miniLogo{top:-200px;left: 30px;}
  .logoLu img.biglogo{top:0px; }
/*nav*/
.main-navigation {
  position: absolute;
  top:89px; left:190px;
}
.main-navigation li {
  float:left;
}

#header .topNavMarque, #header .main-navigation{background-color: #fff; z-index: 1;}

.topNavMarque .homeLink {
  width: 49px; height: 38px;
}
.topNavMarque .homeLink a {
  background: url('/~/media/LU/fr2014/Images/header-footer/home-icon.png') no-repeat;
  width: 19px; height: 19px;
  display: block; text-indent: -99999px;margin: 10px 0 0 5px;
}
.topNavMarque .brandLink {
  width: 140px;height: 38px;
}
.topNavMarque .brandLink a {
  height: 34px; width: 94px;
  padding: 4px 10px 0 36px;
  color:#fff;
  text-align: center; line-height: 15px;
  background: #e0121f url('/~/media/LU/fr2014/Images/header-footer/bg_marque.jpg') no-repeat 0 0;
}
.topNav .main-navigation a, .topNavMarque .brandLink a{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 15px;
  padding-top: 4px;
  font-family: 'Alwyn', Arial;
  font-weight: bold;
}
.topNavMarque .brandLink a{
  width: 91px;
  padding-right: 13px;
}
.topNav .main-navigation a:hover, .topNavMarque .brandLink a:hover{text-decoration: none;}
.topNav .main-navigation a{text-align: center;}
#onglet_histoire {
  width: 130px; height: 38px;
}

#onglet_histoire a {
  width: 100px; height: 38px; margin: 0 auto;
}
#onglet_ludique {
  width: 130px; height: 38px;  margin-left:146px;
}
#onglet_ludique a {
  width: 130px;
  height: 38px;
  margin: 0 auto;
}

#onglet_recette {
  width: 92px; height: 38px;
}

#onglet_recette a {
  width: 89px; height: 38px;

}

#onglet_engagement {
  width: 110px; height: 38px;
}

#onglet_engagement a {
  width: 110px; height: 38px;

}
#onglet_engagement a:hover,
#onglet_recette a:hover,
#onglet_ludique a:hover,
#onglet_histoire a:hover{color:#545454;}

.engagementContent #onglet_engagement a:hover,
.engagementHomeContent #onglet_engagement a:hover,
#recette #onglet_recette a:hover,
#ludique #onglet_ludique a:hover,
#histoire #onglet_histoire a:hover{color:#e30613;}
#histoire #onglet_histoire a,  #ludique #onglet_ludique a, #recette #onglet_recette a, .engagementHomeContent #onglet_engagement a, .engagementContent #onglet_engagement a{
  height: 35px;
/*  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-left: 1px solid #e30613;border-right: 1px solid #e30613;border-top: 1px solid #e30613;
  background-color: #fff;*/
}
/*sous-nav marque*/

.subnavigation {display: none;}
.products-navigation{overflow:hidden; z-index: 0; position: absolute; top: 127px; left: 0; width: 100%; height: 0; padding-top: 0px; background-color: #fff; border-top: 2px #e0121f solid;
-webkit-transition:top linear 0.3s; /* For Safari 3.1 to 6.0 */
  transition: top linear 0.3s;}
.products-navigation.open{ border-bottom:2px #e0121f solid;}
.products-navigation ul{overflow: hidden; margin: 0 auto 10px; width: 780px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.products-navigation ul li{float: left; width: 95px; padding: 4px 0 8px;}
  .products-navigation ul li.veritablepetitbeurre{width: 115px;}
  .products-navigation ul li.petitsepis {
    width: 115px;
  }
.products-navigation ul li.borderBottom.patrimoniaux{width: 128px;}
.products-navigation ul li.borderBottom{ width: 93px; border-bottom: 1px solid #e7e7e8; margin-bottom: 4px; padding-top: 8px;}


.products-navigation ul li a{}
.products-navigation ul li a:hover{text-decoration: none;}
.products-navigation ul li a img{margin: 0 auto 4px; display: block;}
.products-navigation ul li a strong{display:block; width: 88%; margin: 0 auto; padding: 4px 0px; text-align: center; color: #545454;}
  .products-navigation ul li.petitsepis a strong,
  .products-navigation ul li.veritablepetitbeurre a strong,
  .products-navigation ul li.patrimoniaux a strong{width: 100%;}
.products-navigation ul li a:hover strong, .products-navigation ul li.actif a strong{color: #fff; background-color: #e30613;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/* searchEngine */

.search_field #search_lu {
  width: 74px; height: 21px;
  padding: 2px 4px;
  border:none; background: none; box-shadow: none;
}
.search_field .leftSearch {
  width: 82px; height: 25px; float:left;
  background: url("/~/media/LU/fr2014/Images/header-footer/search-left.gif") no-repeat;}
.search_field #submit_search_lu {
  width: 22px; height: 25px; display: block; float: right; text-indent: -99999px; overflow: hidden;
  border:none;background: url("/~/media/LU/fr2014/Images/header-footer/search-icon.gif") no-repeat;
}
#header .topNavMarque, #header .main-navigation, #header .search_field, #header .logoHarmony{
  -webkit-transition:top linear 0.3s; /* For Safari 3.1 to 6.0 */
  transition: top linear 0.3s;}
  /* Test Rich Snippet*/
.richsnippet{
  display:none; }
/*nav minify*/
.mini{}
#header.mini .ContentItem.PlainHTML{height:73px;}
#header.mini .search_field{top: 2px;}
#header.mini .topNavMarque, #header.mini .main-navigation{top: 35px;}
#header.mini .logoHarmony {
    height: 30px;
    top: 2px;
    width: 99px;
}
#header.mini .logoHarmony a {
    background-position:-119px -9px;
    height: 30px;
    width: 99px;
}



/*=============content=============*/
#content{margin-top: 129px; width: 100%; min-height: 980px; padding-bottom: 20px;
-webkit-transition:all linear 0.4s;
transition: all linear 0.4s;}

/*custome bg page*/


  #home #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/home.jpg') no-repeat top center;}
  .lu #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/lu.jpg') no-repeat top center;}
  .belvita #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/belvita.jpg') no-repeat top center;}
  .prince #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/prince.jpg') no-repeat top center;}
  .tuc #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/tuc.jpg') no-repeat top center;}
  .granola #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/granola.jpg') no-repeat top center;}
  .mikado #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/mikado.jpg') no-repeat top center;}
  .loursondelulu #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/loursondelulu.jpg') no-repeat top center;}
  .veritablepetitbeurre #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/veritablepetitbeurre.jpg') no-repeat top center;}
  .petitsepis #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/petitsepis.jpg') no-repeat top center;}
  .pelletier #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/pelletier.jpg') no-repeat top center;}
  .grany #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/grany.jpg') no-repeat top center;}
  .napolitain #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/napolitain.jpg') no-repeat top center;}
  .lapailledor #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/lapailledor.jpg') no-repeat top center;}
  .pepito #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/pepito.jpg') no-repeat top center;}
  .petitecolier #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/petitecolier.jpg') no-repeat top center;}
  .cracotte #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/cracotte.jpg') no-repeat top center;}
  .heudebert #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/heudebert.jpg') no-repeat top center;}
  .cookiedelu #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/cookiedelu.jpg') no-repeat top center;}
  .lusansgluten #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/lubio.jpg') no-repeat top center;}

  body#recette #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/recette.jpg') no-repeat top center;}
  body#histoire #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/histoire.jpg') no-repeat top center;}
  body#ludique #content{background: url('/~/media/LU/fr2014/Images/Skins/bg/ludique.jpg') no-repeat top center;}
  #marque.collectionlu{
    background: url('/~/media/LU/fr2014/Images/Skins/bg/collectionlu.jpg') no-repeat top center;
  }
  #marque.autresbiscuitslu{
    background: url('/~/media/LU/fr2014/Images/Skins/bg/autresbiscuitslu.jpg') no-repeat top center;
  }
.home-content{width:804px; margin:0 auto; overflow: hidden; position: relative; z-index: 0;}

.home-hot{height:413px; margin: 0 auto 19px; width: 798px;
  -moz-box-shadow: 0px 2px 14px 2px   rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 14px 2px  rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 2px 14px 2px  rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 14px 2px  rgba(0, 0, 0, 0.25);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd, Direction=180, Strength=2);
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  /*border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;*/
  background: url('/~/media/LU/fr2014/Images/Skins/hotzone/home.jpg') no-repeat top center;
}
/*custome bg page*/
  .lu #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/lu.jpg') no-repeat top center; background-size: 100% auto;}
  .belvita #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/belvita.jpg') no-repeat top center; background-size: 100% auto;}
  .prince #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/prince.jpg') no-repeat top center; background-size: 100% auto;}
  .tuc #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/tuc.jpg') no-repeat top center; background-size: 100% auto;}
  .granola #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/granola.jpg') no-repeat top center; background-size: 100% auto;}
  .mikado #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mikado.jpg') no-repeat top center; background-size: 100% auto;}
  .loursondelulu #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/loursondelulu.jpg') no-repeat top center; background-size: 100% auto;}
  .veritablepetitbeurre  #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/veritablepetitbeurre.jpg') no-repeat top center; background-size: 100% auto;}
  .petitsepis #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/petitsepis.jpg') no-repeat top center; background-size: 100% auto;}
  .pelletier #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/pelletier.jpg') no-repeat top center; background-size: 100% auto;}
  .grany #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/grany.jpg') no-repeat top center; background-size: 100% auto;}
  .napolitain #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/napolitain.jpg') no-repeat top center; background-size: 100% auto;}
  .lapailledor #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/lapailledor.jpg') no-repeat top center; background-size: 100% auto;}
  .pepito #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/pepito.jpg') no-repeat top center; background-size: 100% auto;}
  .petitecolier #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/petitecolier.jpg') no-repeat top center; background-size: 100% auto;}
  .cracotte #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/cracotte.jpg') no-repeat top center; background-size: 100% auto;}
  .heudebert #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/heudebert.jpg') no-repeat top center; background-size: 100% auto;}
  .cookiedelu #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/cookiedelu.jpg') no-repeat top center; background-size: 100% auto;}
  .lusansgluten #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/lubio.jpg') no-repeat top center; background-size: 100% auto;}
  #marque.collectionlu .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/collectionlu.jpg') no-repeat top center; background-size: 100% auto;}
  #marque.autresbiscuitslu .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/autresbiscuitslu.jpg') no-repeat top center; background-size: 100% auto;}

  body#recette #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/recette.jpg') no-repeat top center; background-size: 100% auto;}
  body#recette #content .home-hot.foodartContainer{background: #fff url('/~/media/LU/fr2014/Images/Skins/hotzone/recette_foodart.jpg') no-repeat top center; background-size: 100% auto;}
  body#ludique #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/ludique.jpg') no-repeat top center; background-size: 100% auto;}
  body#histoire #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/histoire.jpg') no-repeat top center; background-size: 100% auto;}

/* ticket 99370 */
.homebanner--content,
.homebanner--content .contentBody {
  height: 100%;
}
.homebanner--content .home-link {
  width: 800px;
  height: inherit;
}
.homebanner{float:left; width: 400px; height: 100%;}
.homebanner-content{float:left; padding-right: 26px; padding-top: 26px; width: 372px;}
.homebanner-content .entity-listview ul{overflow: hidden;}
.homebanner-content .entity-listview ul li{float: left; margin-bottom: 20px;}
.homebanner-content .entity-listview ul li + li{margin: 0 16px 0 0;}
.homebanner-content .entity-listview ul li + li + li{margin: 0;}
.homebanner .btn{margin:80% auto 0;}
    .btn_discover_range{width:195px; height:31px; background: url('/~/media/LU/fr2014/Images/Skins/btn_discover_range.png') no-repeat top left;}

.homebanner-content .entity-listview ul li .contentBody{position: relative; overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.homebanner-content .entity-listview ul li .contentBody a{position: absolute; top: 0; left:0; z-index: 3; display:block; width:100%; height:100%; background: url('/~/media/LU/fr2014/Images/Skins/cache.png') repeat top left;}
.homebanner-content .entity-listview ul li .contentBody img{/*position: absolute; top: 0; left:0; z-index: 0;*/}
.homebanner-content .entity-listview ul li .contentBody div{position: absolute; z-index: 1; bottom: 0;
  display:block; width:100%; height:100%;
  text-align: center; color: #fff;
  background: url('/~/media/LU/fr2014/Images/Skins/red_wave.png') no-repeat top left;
}
.homebanner-content .entity-listview ul li.large .contentBody div{
  background: url('/~/media/LU/fr2014/Images/Skins/red_wave_large.png') no-repeat top left;
}
/*.homebanner-content .entity-listview ul li .contentBody div *{opacity: 0;}*/
.homebanner-content .entity-listview ul li .contentBody div strong{
  display: inline-block; margin-bottom: 8px; padding-top: 45px;
  font-weight: bold; font-size: 14px; text-transform:uppercase;
  border-bottom: 3px solid #fff;
}
.homebanner-content .entity-listview ul li .contentBody div p{
  display: block;
}
.homebanner-content .entity-listview ul li .contentBody div p img{ display: block; margin:10px auto 0;opacity: 1;}


.home-cold{margin: 0 auto; overflow: hidden; width: 800px; min-height: 580px;}/*min height necessaire pour le push FB*/
.home-cold .DivContainer{}
.navResponsive{display: none;}
.DivContainer.home-loadmore a, .DivContainer.home-loadmore a:hover, a#loadMore, a#loadMore:hover{
  width:268px; height: 24px; padding: 2px 5px 5px; margin:0 auto;
  font-size:12px; text-align:center; color: #fff; text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #e0121f url('/~/media/LU/fr2014/Images/Skins/bg_plusDe.png') no-repeat 129px 20px;
}

/*actu*/
.actu{float: right;width: 569px;}
.actu .sweetControl{width: 100%; height: auto; overflow: hidden;}
.actu ul {overflow: hidden; margin-bottom: 10px; 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;}
.actu ul li{margin:0px 5px 20px;}
#patrimoniaux .actu ul li{margin:0px 10px 20px;}
.actu ul li.pair{margin:0 20px 20px;}
.block_push{ width: 176px; height:169px; overflow: hidden; position: relative;}
.block_push a{display: block; position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; background: url('/~/media/LU/fr2014/Images/cache.png') no-repeat top left;}
.block_push img{width: 100%;}
.block_push div{position: absolute; bottom: 0px; left:0; width:100%; min-height: 37px; background: url('/~/media/LU/fr2014/Images/Skins/red_wave.png') no-repeat top right;}
.block_push div strong{display:block; padding: 18px 4px 4px 4px; line-height: 13px; text-align: center; color: #fff;}
.block_push div p{position:absolute; bottom:50px; left:0; display: none; width:100%; text-align: center; color: #fff;}
.block_push div p img{margin:10px auto 0; display: block;}
div p span.btn{margin:10px auto 0; display: block; width:130px; padding: 3px 8px;
  color:#e30613; text-align: center; font-size: 16px; line-height: 16px; font-family: 'luset';
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #eee;
}

/*Facebook*/
.push-facebook{float: left; width: 214px;}
.push-facebook .contentBody{font-size: 12px; width: 214px; overflow: hidden;}
  .push-facebook.fixed{position: fixed;top: 80px;}

.title_facebook{width:156px; height:61px; padding: 12px 10px 0 48px; position: relative; background: url('/~/media/LU/fr2014/Images/Skins/header_fb.png') no-repeat top left;}

.title_facebook h3, .biodiversite .title_facebook h3{display: block; line-height: 22px; font-size: 12px; padding-bottom: 4px; font-family: 'luset'; color: #fff; text-transform: uppercase; }
.title_facebook h3 span{ font-size: 14px;}
  .title_facebook .like-content{width: 61px; height: 20px; overflow: hidden;}

.dynamic_facebook{
  width:192px;
  height: auto;
  overflow: hidden;
  padding: 4px 10px 10px 10px;
  background-color: #fff;
  /*-moz-box-shadow: 0px 2px 8px 0px #cfcfcf;
  -webkit-box-shadow: 0px 8px 2px 0px #cfcfcf;
  -o-box-shadow: 0px 2px 8px 0px #cfcfcf;
  box-shadow: 0px 2px 8px 0px #cfcfcf;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=2);*/
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
}
.push-facebook ul{overflow: hidden; position: relative;}
.push-facebook ul li{display:none; float:left; width: 214px;}
.push-facebook ul li a, .push-facebook ul li a:hover{color: #666666; text-decoration: none;}
.dynamic_facebook strong{
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 5px;
  display: block;
}
.fbLink {color: #3b5998; padding-top: 8px;}
.push-facebook ul li a .fbLink span{display: inline-block; color: #3b5998; text-decoration: underline; margin-right: 8px;}
.push-facebook img{margin: 0 auto; width: 100%;
height: auto;}


/*=============recette/histoire/ludique=============*/
#recette h2, #ludique h2, #histoire h2, .foodart h2{text-align:left; margin-bottom:20px; }


/*=============footer=============*/


#footer{position: relative; width: 100%; padding-bottom: 40px; padding-top: 20px; background-color: #fff;}
#footer > div{width:804px; margin:0 auto; position: relative;}
#footer #footer-lg-lu{position: absolute; top:0; left: 0;}
#footer #footer-lg-mondelez{position: absolute; top:20px; right: 0;}
#footer-content{width:600px; position: relative; padding-left: 60px;}
#footer-content h2{padding-bottom:4px; padding-top: 20px; margin-bottom: 9px; color:#e30613; border-bottom: 1px solid #cccccc; font-size: 22px; font-family: 'luset';}
#footer-content h2 span{font-size: 14px;}
.footer-social{}
.footer-social ul, #footer-content ul.footerList{overflow: hidden;}
.footer-social ul, #footer-content ul.footerList + p{margin-bottom: 13px;}
.footer-social ul li, #footer-content ul.footerList li{float: left; }
.footer-social ul li{margin-right: 9px; padding-top: 2px;}
.footer-social ul li + li + li + li{padding-top: 0px;}
#footer-content p + ul.footerList li{margin-right: 5px;}

#footer-content ul.footerList, #news-container {margin-bottom: 4px;}
#news-container ul li{font-weight: bold; font-family: 'Arial'; color: #565656;}

#footer-content a {font-size: 11px; color: #666666;}
.footer-social ul li span{padding-right: 5px;}
.footer-social ul li img{display: inline;}

#footer-content ul.footerList li a{color: #a6a6a6;}
#footer-content ul.footerList li{border-left: 0px; margin-right: 5px;}
#footer-content ul.footerList li + li{border-left: 1px solid #a6a6a6; padding-left: 5px;}

#footer-content p, #footer-content ul.footerList{color:#a6a6a6; font-size: 11px; }


.footer-links div{overflow: hidden;}
.footer-links div div{float: left;}
.footer-links div > div + div{margin-left: 10px;}
.footer-links div div strong{width:100%; display: block; padding: 5px 0; font-size: 10px; font-family: "alwyn"; color:#565656; border-bottom: 1px solid #d1d1d1;}
.footer-links div div.marques ul, .footer-links div div.rubriques ul{overflow: hidden; width: 260px;}
.footer-links div div.marques ul li, .footer-links div div.rubriques ul li{float: left; width: 112px; margin-right: 5px;}
.footer-links div div ul{}
.footer-links div div ul li{color:#a6a6a6; line-height: 10px; line-height:14px; padding: 0 0 4px 8px; margin-top: 4px; background: url('/~/media/LU/fr2014/Images/Skins/dot.png') no-repeat 0px 2px;}
.footer-links div div ul li a{color:#a6a6a6; font-size: 10px; vertical-align: middle; line-height: 11px;}
.news-container{margin-bottom: 8px;}
#header .ContentItem.PlainHTML.cookie-content{height: auto;}
#cookie-holder{display: none;}
#cookie-holder .cookie{position:relative; margin:0 auto; width: 760px; padding:20px; background-color: #e30613; z-index: 10000000000;}
#cookie-holder .cookie p{color: #fff;}
#cookie-holder .cookie p a{color: #fff; display: inline; text-decoration: underline;}
#cookie-holder .cookie a#btn-close{position: absolute; top:0px; right:0px; color: #fff;width: 26px; height: 17px; overflow: hidden; text-indent: -9000px;
background: url('/~/media/LU/fr2014/Images/Skins/btn-close.png') no-repeat scroll center top;
}
  .footer-navigation{overflow: hidden;}

/* ==========================================================================
  Style V1
   ========================================================================== */
/*  =FORMS
----------------------------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=search],
select,
textarea {
  padding: 5px;
  background: #fcfcfc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #eaeaea));
  background-image: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
  background-image: -o-linear-gradient(top, #fcfcfc, #eaeaea);
  background-image: -khtml-linear-gradient(top, #fcfcfc, #eaeaea);
  background-image: -ms-linear-gradient(top, #fcfcfc 0%, #eaeaea 100%);
  /* IE10+ */

  background: linear-gradient(top, #fcfcfc, #eaeaea);
  /*future CSS3 browsers*/

  border: 1px solid;
  border-color: #b7b8b9 #eaeaea #e1e1e1 #bfc0c0;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -khtml-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
}
select {
  padding: 4px 5px;
}
textarea {
  line-height: 1.5;
}
.placeholded {
  color: #808080;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=search]:hover,
textarea:hover,
select:hover {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.button, .submit input[type="submit"] {
  background: #e40714;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e40714), color-stop(1, #ce0611));
  background-image: -moz-linear-gradient(top, #e40714, #ce0611);
  background-image: -o-linear-gradient(top, #e40714, #ce0611);
  background-image: -khtml-linear-gradient(top, #e40714, #ce0611);
  background-image: -ms-linear-gradient(top, #e40714 0%, #ce0611 100%);
  /* IE10+ */

  background: linear-gradient(top, #e40714, #ce0611);
  /*future CSS3 browsers*/

  border: 1px solid #db0914;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  text-transform: uppercase;
}
.button:hover,
.button:focus,
.submit input[type="submit"]:hover,
.submit input[type="submit"]:focus {
  background: #d10913;
}
.button:active,
.submit input[type="submit"]:active {
  background: #aa0710;
}
#form-search {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
#form-search input,
#form-search select {
  width: 230px;
  margin-right: 10px;
  vertical-align: top;
}
#form-search button {
  height: 26px;
  padding: 5px 10px;
  vertical-align: top;
}
.results-count {
  padding: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8333333333333334em;
}
/*  =POPIN
----------------------------------------------------------------------------- */

/* class specific for popin video anniversaire berangere*/

.berangere-text {
text-align: justify;
margin-left: -2px !important;
}

#popin-mask {
  display: none;
  z-index: 100000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  min-height: 100%;
  background: url(/~/media/LU/fr2014/Images/bg_popin-mask.ashx);
  zoom: 1;
}
.popin {
  /*display: none;*/
  position: relative;
  width: 706px;
  left: 50%;
  margin-left: -353px;
  /*padding: 50px 0;*/

}
.popin-top {
  width: 706px;
  height: 22px;
  margin-top: 80px;
  background: url(/~/media/LU/fr2014/Images/bg_popin.ashx) no-repeat 0 0;
}
.popin-btm {
  width: 706px;
  height: 75px;
  margin-bottom: 50px;
  background: url(/~/media/LU/fr2014/Images/bg_popin.ashx) no-repeat 0 -22px;
}
.popin-btm a {
  padding: 30px 0 0 55px;
  background: url(/~/media/LU/fr2014/Images/pc_search.ashx) no-repeat 30px 28px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9166666666666666em;
}
.popin-core {
  background: url(/~/media/LU/fr2014/Images/bg_popin.ashx) repeat-y -706px 0;
  max-width: 53.3333em;
  padding: 8px 4.5% 0;
  overflow: hidden;
}
.popin-core img{/*max-width: 100%;*/}
.popin-core .video-container {
  position: relative;
  /*padding-bottom: 56.25%;*/

  padding-bottom: 60%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.popin-core .video-container iframe,
.popin-core .video-container object,
.popin-core .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*.popin-core .video-container iframe{
  position: relative;
  z-index: -1;
}*/
.popin-core .h2,
.popin-core h1{
  width: auto;
  padding: 15px 0;
}
.popin-core h1,
.h2{
  padding-bottom: 15px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 2.3333333333333335em;
  font-weight: normal;
  line-height: 1;
}
.h3 {
  padding: 5px 0 15px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 1.6666666666666667em;
  font-weight: normal;
  line-height: 1;
}
.h4 {
  padding-bottom: 5px;
  color: #e30613;
  font-family: 'Alwyn', Arial, Helvetica, sans-serif;
  font-size: 1.3333333333333332em;
  font-weight: normal;
  line-height: 1;
}
.mosaic-target .h3 { font-size: 20px;}

.popin-core h1{
  padding-bottom: 15px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 2.3333333333333335em;
  font-weight: normal;
  line-height: 1;
}
.recipe-instructions h2,
.recipe-core h2 {
  display:none;
}
.popin-news-core + p,
.popin-news-core + ul {
  float: right;
  width: 335px;}
.popin-core .share-tools p,
.popin-core .share-tools ul, .popin-core .divDescription p,
.popin-core .divDescription ul, .popin-core .recipeContainer p,
.popin-core .recipeContainer ul{
  float: none;
  width: auto;
}
.popin-core .divDescription strong{font-weight: bold;}
.popin-core .divDescription p a{display:inline;}
.popin-core ul.lu-list-accordion  li {
  position:relative;
}
  .popin-core ul.lu-list-accordion  li .preloader {
    background:#fff;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0.8;
    filter: alpha(opacity= 80 )
  }
  .popin-core ul.lu-list-accordion  li .preloader  img{
    left: 0;
    position: relative;
    top: 50%;
  }
.popin-close {
  position: fixed;
  left: 50%;
  top: 255px;
  margin-left: 335px;
  width: 30px;
  height: 32px;
  background: url(/~/media/LU/fr2014/Images/bg_popin.ashx) no-repeat -1412px 0;
  text-indent: -900em;
}
.popin-close:hover,
.popin-close:focus {
  background-position: -1412px -32px;
}
.popin-close:active {
  background-position: -1412px -64px;
}
.share-tools {
  padding: 5px 0 2px 0;
  margin-bottom:0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
/* GDPR requirement - remove tell-a-friend */

#popin-mask .popin-core ul li a.hidden-caller[href="#send-a-friend_3"],
#popin-mask .popin-core ul li a.hidden-caller[title="Envoyer par email"]{
  display:none;
}
.share-tools ul.fr li{
  margin-right:3px;
}
.share-tools ul.fr li + li{
  margin-right:0px;
}
.share-tools ul,
.share-tools ul li{
  float:left;
}
.share-tools ul.list-social {
  width: 285px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.share-tools ul.list-social li{
  float: none;
}
.share-tools ul li{
  margin-right: 6px;
}
.share-tools ul li.fbk-share iframe{
  width:95px!important;
}
.share-tools ul li + li + li +li {
    margin-right:0;
}
/*.share-tools li {
  display: inline-block;
  *display: inline;
}
.msie7 .share-tools li a,
.msie7 .share-tools li img {
  display: inline;
}*/
.send-a-friend {
  padding-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  zoom: 1;
    position:relative;
}
#loader {
    background:none;
    color:#E30613;
    position: absolute;
    right: 100px;
    bottom: 7px;
    padding:5px 10px;
    border: none;
}
#send-a-friend_3 input.button {
  background: #e40714;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e40714), color-stop(1, #ce0611));
  background-image: -moz-linear-gradient(top, #e40714, #ce0611);
  background-image: -o-linear-gradient(top, #e40714, #ce0611);
  background-image: -khtml-linear-gradient(top, #e40714, #ce0611);
  background-image: -ms-linear-gradient(top, #e40714 0%, #ce0611 100%);
  /* IE10+ */

  background: linear-gradient(top, #e40714, #ce0611);
  /*future CSS3 browsers*/

  border: 1px solid #db0914;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  text-transform: uppercase;
  right:0;
  float: right;
  position: relative;
  top:0;
}
.send-a-friend .clearfix p {
  float: left;
  width: 205px;
}
.send-a-friend .clearfix p:first-child {
  margin-left: 0;
}
.visual-container #send-a-friend_3 p.secondInput, /*.recette-container #send-a-friend_3 p.secondInput,*/ .video-container #send-a-friend_3 p.secondInput, .visual-container #send-a-friend_3 p + p + p, .recette-container #send-a-friend_3 p + p + p, .video-container #send-a-friend_3 p + p + p {
margin-left: 11px;
}
.recipe-instructions-wrapper ul img,
.recipe-instructions ul li img {
  float:left;
  margin:0 5px 0;
}

.recipe-instructions ul li b{
  float:left;
}
.recipe-instructions ul li {
  margin-right:10px;
  width:auto !important;
}
  .recipe-instructions ul li  + li{
    margin-right:0;
  }

 .recipe-core .rdTips li{padding-left: 0;}
 .rdTips li p b{
  padding: 5px 0 15px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 1.6666666666666667em;
  font-weight: normal;
  line-height: 1;
 }

.recette-container .send-a-friend .clearfix p:last-child,
.video-container .send-a-friend .clearfix p:last-child {
  float: right;
}
#divError {
  color:#E30613;
}
#send-a-friend_3 .clearfix p:last-child {
  float: left;
}
.visual-container #send-a-friend_3 p.secondInput,/*
.recette-container #send-a-friend_3 p.secondInput,*/
.video-container #send-a-friend_3 p.secondInput{
  margin:0 0 0 11px;
}
.visual-container  #send-a-friend_3 p + p + p,
.recette-container  #send-a-friend_3 p + p + p,
.video-container #send-a-friend_3 p + p + p {
margin-left:11px;
}

.send-a-friend .clearfix p input,
.send-a-friend .clearfix p label {
  display: block;
  width: 206px;
  margin-bottom: 11px;
}
.send-a-friend .submit {
  margin-top:10px;
  width: 100%;
}
.send-a-friend .submit small {
  padding-top: 10px;
}
.send-a-friend .submit .button,
.send-a-friend .submit input[type="submit"] {
  padding: 5px 10px;
  float: right;
}
.msie7 .send-a-friend .clearfix p input {
  position: relative;
  width: 195px;
  margin-left: -10px;
  zoom: 1;
}
.msie7 .send-a-friend .clearfix p:first-child input {
  margin-left: 0;
}
.divIngredientTitle {
  padding: 5px 0 0;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 1.6666666666666667em;
  font-weight: normal;
  line-height: 1;
  margin:0 0 10px;
}
.divIngredientTitle  div {
    display:inline;
}
.recipe-instructions {
padding:10px 0 0;
  float: left;
  width: 238px;
}
.recipe-instructions-wrapper li{
    float:left;
}
.recipe-instructions p strong {
    margin:10px 0;
}
.recipe-instructions ul {
  margin: 5px 0 15px;
  font-family: Arial, Helvetica, sans-serif;
  width: auto;
  overflow:hidden;
}
.recipe-instructions ul li {
  padding: 5px 0;
}
.recipe-instructions ul li .picto {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  background: url(/~/media/LU/fr2014/Images/bg_pictos-recipe.ashx) no-repeat;
  vertical-align: text-bottom;
}
.recipe-instructions ul li .picto.difficulty {
  background-position: 0 0;
}
.recipe-instructions ul li .picto.preparation {
  background-position: 0 -19px;
}
.recipe-instructions ul li .picto.cooking {
  background-position: 0 -38px;
}
.recipe-instructions ul li .type {
  display: inline-block;
  width: 90px;
}
.recipe-instructions ul li strong span {
  color: #e30613;
  text-transform: uppercase;
  font-family: 'Alwyn', Arial, Helvetica, sans-serif;
}
.recipe-instructions p strong {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 0.8333333333333334em;
  color: #e30613;
}
.recipe-instructions p a,
.recipe-instructions p img {
  display: inline;
  vertical-align: bottom;
}
.recipe-instructions p a.cheat-code,
.recipe-instructions p img.cheat-code {
  position: relative;
  top: -5px;
}
.recipe-instructions p span {
  padding: 0 5px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: normal;
}
.recipe-core {
  float: right;
  padding:10px 0 0;
  width: 360px;
}
.recipe-core ul,
.recipe-core p {
  /*width: 360px;*/

  margin-bottom: 1em;
}
.recipe-core li {
  position: relative;
  padding-left: 15px;
}
/* Modifs Muniir 11/05/2012 */
.recipe-core li:before {
  position: absolute;
  top: -6px;
  left: 0;
  content: "•";
  color: #e30613;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6666666666666667em;
}
.recipe-core .rdTips li:before{content: "";}
/* Modifs Muniir 11/05/2012 */
.recipe-core .recipe-more {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 0.8333333333333334em;
  color: #e30613;
}
.recipe-core .recipe-more a {
  margin-top: 5px;
}

.lu-list-accordion .lu-accordion-caller {
  position: relative;
  height: 18px;
  padding: 15px 35px;
  margin-top: 2px;
  background: url(/~/media/LU/fr2014/Images/Skins/bg_accordion.png) repeat-x 0 -48px;
  color: #e30613;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 1;
}
.lu-list-accordion .lu-accordion-caller strong {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -17px;
  font-weight: bold;
  font-size: 1.675em;
}
.lu-list-accordion .lu-accordion-caller span {
  position: absolute;
  top: 0;
  display: block;
  width: 5px;
  height: 48px;
  background: url(/~/media/LU/fr2014/Images/Skins/bg_accordion.png) no-repeat;
}
.lu-list-accordion .lu-accordion-caller span.accordion-caller_left {
  left: 0;
  background-position: 0 0;
}
.lu-list-accordion .lu-accordion-caller span.accordion-caller_right {
  right: 0;
  background-position: -5px 0;
}
.lu-list-accordion .lu-accordion-content {
  display: none;
  padding: 10px 0;
}
.lu-list-accordion .active .lu-accordion-content {
  display: block;
}
.msie7 .lu-list-accordion .lu-accordion-caller:hover {
  text-decoration: none!important;
}
.lu-list-mosaic {
  float: left;
  width: 240px;
}
.lu-list-mosaic li {
  float: left;
  margin: 2px 2px 0 0;
}
.lu-list-mosaic li a {
  position: relative;
}
.lu-list-mosaic li a .mosaic-mask {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(/~/media/LU/fr2014/Images/bg_popin-mask.ashx);
}
.lu-list-mosaic li a:hover .mosaic-mask,
.lu-list-mosaic li a:focus .mosaic-mask,
.lu-list-mosaic li a.active .mosaic-mask {
  display: block;
}
.mosaic-content {
  display: none;
  float: right;
  width: 355px;
}
.mosaic-content.active {
  display: block;
}
.mosaic-content p {
  width: 355px;
}
.popin-core h1,
.h2 {
  padding-bottom: 15px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 2.3333333333333335em;
  font-weight: normal;
  line-height: 1;
}

/*==== fin recup popin*/

/* Sitemap */
.siteMap #page-core {overflow: hidden;}
.siteMap #body-ter { background: none;}
.siteMap #page-top {background: url("/~/media/LU/fr2014/Images/bg_page2.ashx") no-repeat scroll 0 0 transparent;}
.siteMap #footer { margin-top:52px;}
.siteMap .listLink { float: left;  margin-bottom: 38px; overflow: hidden;}
.listLink li { margin-bottom: 4px; background: url(/~/media/LU/fr2014/Images/pictos.ashx) no-repeat 0 6px; padding-left: 13px;}
.listLink li a { font-size: 13px; color: #666666; font-family: Arial;}
.listLink li em { font-style: italic;}
.listLink .h3 { padding-bottom: 5px; border-bottom: solid 1px #d1d1d1; margin-bottom: 10px;}
.listLink.simpleCol { width: 334px; margin-right: 20px;}
.listLink.doubleCol { width: 360px;}
.listLink.doubleCol ul { float: left;}
.listLink ul.col1 { width: 200px;}
.listLink ul.col2 { width: 160px;}

.rollBox { position: absolute; bottom: 0; left: 0; height: 43px; background: url(/~/media/LU/fr2014/Images/bg_rollBox.ashx) no-repeat; display: none;}
.rollBox p { margin: 12px 22px 0 15px; font-family:Alwyn ; font-size: 10px; color: #fefefe; text-transform: uppercase;}
.block_type-4 .rollBox,
.block_type-2 .rollBox { background-position: 0 -43px; width: 238px}
.block_type-3 .rollBox,
.block_type-5 .rollBox { background-position: 0 -86px; width: 318px}
.block_type-8 .rollBox,
.block_type-1 .rollBox {background-position: 0 0; width: 158px}
.block_type-7 .rollBox {background-position: 0 -129px; width: 100%;}

  /**********Added by VRINDAH CHAUNDEE****************/
  /* Popin News*/
  .popin-news-core {float:right; width:335px;}
  /*.popin-news-core p{ width:290px}*/

  .popin-news-core .popin-news-more {
      color: #E30613;
      font-size: 0.833333em;
      margin-top: 10px;
      text-transform: uppercase;
  }

  .packshot-news{ float:left; width:275px; position:relative}
  .packshot-news img.align-packshot{ vertical-align:middle;}
  .align-image{display:table-cell; height:380px; vertical-align:middle;}
  .macaron-position{position:absolute;top:5px;right:0; z-index:10}

/**********End VRINDAH CHAUNDEE****************/





/*=====PAGE DE RESULTATS=====*/
#search-results, .pageError, #plan-site, #cookies, #vie-privee, #condition-utilisation, #mention-legales .page-mentions{
  position: relative;
  width: 758px;
  margin: 0 auto; padding: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#search-results{min-height: 925px;}
#plan-site{overflow: hidden;}
#plan-site #page-core div.listLink + div.listLink + div.listLink{padding-top: 20px;}
#plan-site .listLink.simpleCol, #plan-site .listLink.doubleCol{float: left;}
.pageError{padding: 150px 20px;}
#search-results #page-core{position: relative;}
#search-results h2{
  position: absolute;top:0px; left: 0px;
}
#divSearchResult{
  overflow: hidden;
  width: 410px;
  margin: 0 auto; padding-bottom: 20px;
}
#divSearchResult input, #divSearchResult select, .category-drop-down select, .category-drop-down strong{
  display: block; float: left;
  width: 180px; height: 33px;
  margin-right:5px; padding: 8px 5px;
  font-family: 'Alwyn', Arial; font-size: 12px; line-height: 20px; color: grey;
}
#divSearchResult input{  }

#divSearchResult .button{
  float: left;
  height: 33px; width: 29px; padding: 3px 5px;
  background-color: #fa3c47;
}
#divSearchResult input, #divSearchResult select, #divSearchResult .button, .category-drop-down select, .category-drop-down strong{
  border:1px solid #fa3c47;
}
#pResult{margin: 0 0 8px; }

.zone-img, .zone-txt{float: left;}
.zone-img{width: 158px; min-height: 10px;}
.zone-txt{
  width: 330px;
  margin-left: 20px;
  color: grey;
}
#search-results .list-results{
  width: 520px;
  margin-top: 10px; padding: 30px 119px;
  border-top: 1px solid red;
}
#search-results .list-results li{
  margin-bottom: 10px; padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
#search-results .list-results li.noBorder{border: none;}
.backTop{position: absolute; bottom: 20px; right:20px;}

.category-drop-down .selectContent{display: none;}
.DivContainer.FBPost .list-callout {float: none;}
.foodartContainer .category-drop-down .food-art-intro {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  z-index: 0;
  text-align: left;
}
.foodartContainer .food-art-intro .food-art-intro-title{
  display: block;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 1.6666666666666667em;
  font-weight: normal;
  line-height: 1;
  font-size: 20px;
  margin-bottom: 15px;
}
.foodart .popin-core .food-art-logo{
  float: right;
  width: 355px;
}
.foodartContainer .food-art-intro p{margin-bottom: 15px; font-size: 13px; line-height: 14px; text-align: justify;}
.foodartContainer .food-art-intro p span{font-weight: bold;}
.foodartContainer .food-art-intro p:last-child{margin-bottom: 0px;}
.category-drop-down .selectRecette{overflow: hidden; z-index: 10; position: relative;}
  .category-drop-down .selectRecette > div{float: left; width: 160px}
  .category-drop-down .selectRecette div.selectMarque{padding-right: 10px;}
  .category-drop-down .selectRecette div.selectMoments{padding-left: 10px;}
  .category-drop-down select{width:148px; color: #e30613}
  .category-drop-down strong{
    width:133px;
    padding-left: 20px;
    line-height: 34px; text-align: left; color: #e30613;
    background:#FFF url('/~/media/LU/fr2014/Images/Skins/arrow-select.png') no-repeat -184px 20px;
  }
  .category-drop-down strong.open{
    background-position: 7px 12px;
  }
  #recette .category-drop-down strong.open,
  #patrimoniaux .category-drop-down strong.open{
    background-position: 7px 19px;
  }
  .category-drop-down .selectRecette div.mask{
    position: relative;
    margin: 40px auto 0; overflow: hidden;
    width: 158px; height: 245px;
    border: 1px solid #e30613;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
  }
  
  /* yugi .category-drop-down .selectRecette strong.open + div.mask{
    border-bottom: 1px solid #e30613;
  } */
  
  .category-drop-down .selectRecette .selectMoments div.mask{height: 165px;}
  /*.category-drop-down .selectRecette div.mask ul{position: absolute; width: 100%;}*/
  .selectRecette div.mask ul li, .category-drop-down strong{cursor: pointer;}
      .category-drop-down .selectRecette div.mask ul li.belvita{background-image: url('/~/media/LU/fr2014/Images/logo/mini/belvita.png');}
      .category-drop-down .selectRecette div.mask ul li.the{background-image: url('/~/media/LU/fr2014/Images/logo/mini/the.png');}
      .category-drop-down .selectRecette div.mask ul li.bastogne{background-image: url('/~/media/LU/fr2014/Images/logo/mini/bastogne.png');}
      .category-drop-down .selectRecette div.mask ul li.pims{background-image: url('/~/media/LU/fr2014/Images/logo/mini/pims.png');}
      .category-drop-down .selectRecette div.mask ul li.prince{background-image: url('/~/media/LU/fr2014/Images/logo/mini/prince.png');}
      .category-drop-down .selectRecette div.mask ul li.tuc{background-image: url('/~/media/LU/fr2014/Images/logo/mini/tuc.png');}
      .category-drop-down .selectRecette div.mask ul li.heudebert{background-image: url('/~/media/LU/fr2014/Images/logo/mini/heudebert.png');}
      .category-drop-down .selectRecette div.mask ul li.granola{background-image: url('/~/media/LU/fr2014/Images/logo/mini/granola.png');}
      .category-drop-down .selectRecette div.mask ul li.mikado{background-image: url('/~/media/LU/fr2014/Images/logo/mini/mikado.png');}
      .category-drop-down .selectRecette div.mask ul li.lulu{background-image: url('/~/media/LU/fr2014/Images/logo/mini/lulu.png');}
      .category-drop-down .selectRecette div.mask ul li.veritablepetitbeurre{line-height:14px; background-image: url('/~/media/LU/fr2014/Images/logo/mini/petitBeurre.png');}
      .category-drop-down .selectRecette div.mask ul li.petitsepis {
        line-height: 14px;
        background-image: url('/~/media/LU/fr2014/Images/logo/mini/petitBeurre.png');
      }
      .category-drop-down .selectRecette div.mask ul li.grany{background-image: url('/~/media/LU/fr2014/Images/logo/mini/grany.png');}
      .category-drop-down .selectRecette div.mask ul li.napolitain{background-image: url('/~/media/LU/fr2014/Images/logo/mini/napolitain.png');}
      .category-drop-down .selectRecette div.mask ul li.lapailledor{background-image: url('/~/media/LU/fr2014/Images/logo/mini/pailleDor.png');}
      .category-drop-down .selectRecette div.mask ul li.cracotte{background-image: url('/~/media/LU/fr2014/Images/logo/mini/cracotte.png');}
      .category-drop-down .selectRecette div.mask ul li.petitecolier{background-image: url('/~/media/LU/fr2014/Images/logo/mini/peco.png');}
      .category-drop-down .selectRecette div.mask ul li.pepito{background-image: url('/~/media/LU/fr2014/Images/logo/mini/pepito.png');}

      #patrimoniaux .category-drop-down .selectRecette div.mask ul li.bastogne{background-image: url('/~/media/LU/fr2014/Images/logo/mini/bastognes.png');}
      .category-drop-down .selectRecette div.mask ul li.edition-speciale{background-image: url('/~/media/LU/fr2014/Images/logo/mini/edition-speciale.png');}
      .category-drop-down .selectRecette div.mask ul li.petit-brun-extra{background-image: url('/~/media/LU/fr2014/Images/logo/mini/petit-brun-extra.png');}
      .category-drop-down .selectRecette div.mask ul li.rem{background-image: url('/~/media/LU/fr2014/Images/logo/mini/rem.png');}
      .category-drop-down .selectRecette div.mask ul li.the{background-image: url('/~/media/LU/fr2014/Images/logo/mini/the.png');}
      .category-drop-down .selectRecette div.mask ul li.tuiles-amandes{background-image: url('/~/media/LU/fr2014/Images/logo/mini/tuiles-amandes.png');}
      .category-drop-down .selectRecette div.mask ul li.brun{background-image: url('/~/media/LU/fr2014/Images/logo/mini/brun.png');}
      .category-drop-down .selectRecette div.mask ul li.feuillete-dore{background-image: url('/~/media/LU/fr2014/Images/logo/mini/feuille-dore.png');}
      .category-drop-down .selectRecette div.mask ul li.palmito{background-image: url('/~/media/LU/fr2014/Images/logo/mini/palmito.png');}
      .category-drop-down .selectRecette div.mask ul li.saint-sauveur{background-image: url('/~/media/LU/fr2014/Images/logo/mini/saint-sauveur.png');}
      .category-drop-down .selectRecette div.mask ul li.resille-or{background-image: url('/~/media/LU/fr2014/Images/logo/mini/resille-dor.png');}
      .category-drop-down .selectRecette div.mask ul li.beurre-nantais{background-image: url('/~/media/LU/fr2014/Images/logo/mini/beurre-nantais.png');}
      .category-drop-down .selectRecette div.mask ul li.resille-d-or{background-image: url('/~/media/LU/fr2014/Images/logo/mini/resille-dor.png');}
      .category-drop-down .selectRecette div.mask ul li.sable-flandres{background-image: url('/~/media/LU/fr2014/Images/logo/mini/sable-des-flandres.png');}
      .category-drop-down .selectRecette div.mask ul li.caleche{background-image: url('/~/media/LU/fr2014/Images/logo/mini/caleche.png');}
      .category-drop-down .selectRecette div.mask ul li.petit-coeur{background-image: url('/~/media/LU/fr2014/Images/logo/mini/petits-coeurs.png');}
      .category-drop-down .selectRecette div.mask ul li.schoks{background-image: url('/~/media/LU/fr2014/Images/logo/mini/schoks.png');}
      .category-drop-down .selectRecette div.mask ul li.chamonix{background-image: url('/~/media/LU/fr2014/Images/logo/mini/chamonix_42x30.png');}
      .category-drop-down .selectRecette div.mask ul li.pims{background-image: url('/~/media/LU/fr2014/Images/logo/mini/pims_42x30.png');}

      .category-drop-down .selectRecette div.mask ul li.pepito, .category-drop-down .selectRecette div.mask ul li.diner{border-bottom: none;}
  .category-drop-down .selectRecette div.mask ul li{
    height: 30px;
    padding:5px 5px 5px 50px;
    font-size: 12px; color:#e30613;
    line-height: 27px; text-align: left;
    border-bottom: 1px solid #e30613;
    background-repeat: no-repeat; background-position: 3px 5px;
  }
  .category-drop-down .selectRecette div.mask ul li.dessert{border-bottom: none;}
  .category-drop-down .selectRecette div.mask ul li.noMarqueSelect,
  .category-drop-down .selectRecette .selectMoments div.mask ul li,
  .category-drop-down .selectRecette div.mask ul li.lu{
    padding:5px 5px 5px;
  }

.home-hot .brand-list .pushLeft, .category-drop-down{
  float: left;
  height: 374px; width: 360px;
  padding: 20px;
  text-align: center;
}
.category-drop-down .contentBody{padding-top: 55px; position: relative;}
.foodartContainer .category-drop-down .contentBody{padding-top: 75px;}
.home-hot .brand-list .pushLeft{position: relative;}
  .home-hot .brand-list .pushLeft h2{
    font-family: 'luset';
    font-size: 45px;
    color: #e30613;
    margin-bottom: 50px;
  }
  .home-hot .brand-list .pushLeft p{
    margin-bottom: 50px; height: 160px;
    font-family: 'Alwyn', Arial; font-size: 14px; color: #3b5998;
  }
  .home-hot .brand-list .pushLeft a{
    display: block; overflow: hidden; text-indent: -9000px;
    position: absolute; bottom: 40px; left: 90px;
    width: 195px; height: 31px; margin: 0 auto;
    background: url('/~/media/LU/fr2014/Images/Skins/btn.png') no-repeat 0 0;
  }
  .home-hot .brand-list .pushLeft a:hover{background-position: bottom left; }


/*=============page mention légales=============*/
/*#mention-legales{padding-top: 20px;}*/
/*#mention-legales .page-mentions{
  width: 758px;
  padding:80px 20px ; margin: 0 auto 30px;
}*/
#mention-legales h2{
  margin-bottom: 50px;
}
.DivContainer.FBPost .list-callout{float: right;}

#phmaincontent_0_contentdiv.contentBody{
width: auto;
}
.flash-element, .animix #phmaincontent_0_contentdiv.contentBody{
width: 798px;
margin: 0 auto;
}
.monamedenfant #content, .animix #content{min-height: 510px;}



#popin-mask .popin-core p,
#popin-mask .popin-core ul {
  font-size: 1.0833333333333332em;
  line-height: 1.5;
}
#popin-mask .popin-core p{margin: 0 10px 0 0;}
#popin-mask .popin-core p:last-child{margin: 0px;}

/*POPIN FOODART*/

.foodart .sweetControl.left-col{
  width: 240px;
  float: left;
}
.foodart .entity-list li{
  margin: 2px 2px 0 0;
  width: 118px;
  float: left;
}
.foodart .entity-list li .recipe_title{
  display: none;
}
.foodart .entity-list li img{
  max-width: 100%;
}
.foodart .sweetControl.right-col-wrapper{
  float: right;
  width: 355px;
}

.foodart .recipe_ingredients{
  margin-bottom: 20px;
}
.foodart .recipe_images.detail-image{
  margin-bottom: 10px;
}
.foodart .recipe_images.detail-image img,
.foodart .recipe_images.detail-image table{
  width: 100%;
}
.foodart .sweetControl.right-col-wrapper .detail-title span{
  display: block;
  padding: 5px 0 15px;
  color: #e30613;
  font-family: 'Luset', Arial, Helvetica, sans-serif;
  font-size: 1.6666666666666667em;
  font-weight: normal;
  line-height: 1;
  font-size: 20px;
}
.foodart .recipe-intro span{
  display: block;
  padding: 0 0 15px 0;
  font-size: 12px;
  text-align: justify;
}
.foodart .ingredients li{
  font-weight: bold;
}

.foodart .recipe_instructions li {
  margin-bottom: 20px;
}
.foodart .recipe_instructions li:last-child{
  margin-bottom: 0;
}
.foodart .recipe_tips{display: none;}
.foodart h2{
    color: #e30613;
    font-family: 'Luset', Arial, Helvetica, sans-serif;
    font-size: 2.3333333333333335em;
    font-weight: normal;
    line-height: 1;
  }
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/*  =MEDIA_QUERIES
------------------------------------------------------------------------------ */
/* =tablet ------------------------------------------------------------------- */
@media screen and (min-width: 801px) {
  .title_facebook .like-content{position: absolute; bottom: 15px; right: 14px;}
  .actu ul#cold {
    margin-left: 10px; 
  }
}
@media screen and (max-width: 800px) {
  #header .ContentItem.PlainHTML{
    -webkit-transition:height linear 0.0s; /* For Safari 3.1 to 6.0 */
    transition: height linear 0.0s;
  }
  .products-navigation{
  -webkit-transition:top linear 0.0s; /* For Safari 3.1 to 6.0 */
    transition: top linear 0.0s;
  }
  #header .topNavMarque, #header .main-navigation, #header .search_field, #header .logoHarmony{
    -webkit-transition:top linear 0.0s; /* For Safari 3.1 to 6.0 */
    transition: top linear 0.0s;
  }
  #content{
  -webkit-transition:all linear 0.0s; /* For Safari 3.1 to 6.0 */
    transition: all linear 0.0s;
  }
  #content{background: none; min-height: 500px; margin-top: 49px;}

  .topNav{width: 100%;}
  .home-hot, .home-cold, #footer > div, #header .main-navigation ul {
    width: 560px;
  }
  .home-cold{min-height: 410px;}
  .home-hot{
    height: 290px;
    background-size: 100% auto;
  }
  .products-navigation ul {
    margin: 0 auto 10px;
    width: 440px;
  }
  .home-hot .brand-list .pushLeft h2, .home-hot .brand-list .pushLeft p{margin-bottom: 20px;}
  .home-hot .brand-list .pushLeft p{height: 120px;}


  #home #content,
  .lu #content,
  .belvita #content,
  .prince #content,
  .tuc #content,
  .granola #content,
  .mikado #content,
  .loursondelulu #content,
  .veritablepetitbeurre #content,
  .petitsepis content,
  .grany #content,
  .napolitain #content,
  .lapailledor #content,
  .pepito #content,
  .petitecolier #content,
  .cracotte #content,
  body#recette #content,
  body#histoire #content,
  body#ludique #content {
    background: none;
  }

.tablet #header img.biglogo, .tablet #header img.miniLogo,
.mobile #header img.biglogo, .mobile #header img.miniLogo{display: none;}


/*header*/
  .site-logo{display: none;}
  .main-navigation{top:47px; width: 100%; left: 0; border-top: 2px solid #e0121f;}

  #header .main-navigation, #header.mini .main-navigation{
    top: 47px;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 0px;
  }
   #header .main-navigation.open{
    height: 50px;
    border-bottom: 2px solid #e0121f;
  }
  #header .main-navigation ul {
    margin: 23px auto 0; width: 560px;
  }

  #header .main-navigation ul li {
    width: 134px;
    border:solid 1px #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 4px;
    margin-bottom: 5px;
  }
  #onglet_recette a,
  #onglet_engagement a {
    margin:0 auto;
  }
  #header .topNavMarque, #header.mini .topNavMarque{
    width: 560px;
    margin: 0 auto;
    position: relative;
    top: 9px; z-index: 10;
  }

  #header .ContentItem.PlainHTML, #header.mini .ContentItem.PlainHTML {height: 47px;}
  .topNavMarque .homeLink{
    width: 63px;
    height: 42px;
    margin-right: 9px;
  }
  .topNavMarque .homeLink a {
    width: 63px;
    height: 42px;
    margin: 0px;
    background: url('/~/media/LU/fr2014/Images/header-footer/logo_lu_mini.png') no-repeat;
  }

  #header .search_field {
    width: 312px;
  }
  #header .search_field .leftSearch {
    width: 244px; height: 23px;
    background: none;
    border:solid 1px #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .search_field #search_lu {
    width: 242px; height: 21px;
  }
  .search_field #submit_search_lu {
    width: 63px; height: 25px;
    background: none; background-color: #e0121f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    text-align: center;
    color:#ffffff; float: left; margin-left: 3px;
    font-family: 'Alwyn', Arial; font-size: 12px;
  }
  #onglet_ludique{margin: 0;}
  .products-navigation{top: 47px;}
  .logoHarmony, #header.mini .logoHarmony{
    top: 0;
    width: 560px;
    margin: 0 auto;
    position: relative;
  }
  .logoHarmony a, #header.mini .logoHarmony a{float: right;}
  #header.mini .logoHarmony a{
    width: 219px;
    height: 47px;
    background: url('/~/media/LU/fr2014/Images/header-footer/header-harmony-btn-normal.jpg') no-repeat;
  }
  .navResponsive{
    display: block;
    width: 360px;
    margin: -38px auto 0;
    padding-left: 180px;
    height: 34px;
  }
  .topNav div.borderBottom{border-bottom: 2px solid #e0121f;}
  #header.mini .navResponsive{margin: -21px auto 0;}
  .topNavMarque .brandLink {width: auto;}
  .topNavMarque .brandLink a, .navResponsive span{
    display: block;
    float: left;
    width:93px;
    height: 34px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Alwyn', Arial;
    font-weight: bold;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .navResponsive span.search{
    width:51px;
    text-indent: -9000px;
    overflow: hidden;
    background: url('/~/media/LU/fr2014/Images/header-footer/search_btn.png') no-repeat 16px 9px #fff;
  }
  .topNavMarque .brandLink a{
    width:70px;
    color: #fff;
    border: 1px solid #e0121f;
    background: #e0121f url('/~/media/LU/fr2014/Images/header-footer/marque_picto.png') no-repeat 6px 13px;
  }
  .navResponsive span{
    padding-top: 11px;
    color: #e0121f;
    text-align: center;
    border: 1px solid #ddd; border-bottom: none;
    position: relative;
    z-index: 1000;
    height: 26px;
    background-color: #fff;
    cursor: pointer;
  }
  .navResponsive span.open{height: 28px;}
  #searchbar{
    position: absolute;
    top: 47px;
    background: #fff;
    height: 0;
    width: 100%;
    overflow: hidden;
  }
  #header .search_field{
    position: relative;
    margin: 0 auto;
  }

  #onglet_engagement a:hover,
  #onglet_recette a:hover,
  #onglet_ludique a:hover,
  #onglet_histoire a:hover,
  .engagementContent #onglet_engagement a:hover,
  .engagementHomeContent #onglet_engagement a:hover,
  #recette #onglet_recette a:hover,
  #ludique #onglet_ludique a:hover,
  #histoire #onglet_histoire a:hover{color:#e30613;}

  #histoire #onglet_histoire a,  #ludique #onglet_ludique a, #recette #onglet_recette a, .engagementHomeContent #onglet_engagement a, .engagementContent #onglet_engagement a{
    height: auto;
    -webkit-border-top-right-radius: none;
    -webkit-border-top-left-radius: none;
    -moz-border-radius-topright: none;
    -moz-border-radius-topleft: none;
    border-top-right-radius: none;
    border-top-left-radius: none;
    border-left: none;border-right: none;border-top:none;
    background-color: transparent;
  }



/*footer*/
  #footer{padding-bottom: 20px;}
  #footer-content{
    width: 460px;
  }
  #footer-content h2{
    width: 370px;
  }
  #footer-content ul.footerList + p {
    margin-bottom: 10px;
  }
  #footer > div{
    padding-bottom: 10px;
  }
  .footer-links div div {
    margin-bottom: 20px;
  }

  .footer-links div div.marques ul, .footer-links div div.rubriques ul{width: 100%;}
  .footer-links div > div + div {
  margin-left: 0;
  }
    .footer-links div div.marques ul li, .footer-links div div.rubriques ul li{width: 135px;}

  .footer-links div div, .footer-links div div + div + div{
    width: 25%; margin-left: 10px; margin-right: 25px;
  }
  .footer-links div div + div{width: 30%;}
  .footer-links div div + div + div + div{
    width: 60%;
  }
  .footer-links div div.marques ul.footerList {
    width: 250px;
  }
  .footer-links div div.marques ul.footerList li{margin-right: 25px;}
/*hot zone*/
  .homebanner-content {
  float: left;
  padding-right: 18px;
  padding-top: 16px;
  width: 277px;
  }
  .homebanner-content .info_push + img{width: 100%; height: auto;}

  .homebanner-content .entity-listview ul li {
    width: 136px;
    height: 131px;
  }
  .homebanner-content .entity-listview ul li.large {
    width: 277px;
    height: 131px;
    margin-bottom: 5px;
  }
  .homebanner-content .entity-listview ul li + li {
    margin: 0 5px 0 0;
  }
  .homebanner{width: 265px;}
  .homebanner-content .entity-listview ul li .contentBody div strong{padding-top: 65px;}
/*cold zone*/
  .push-facebook {width: 135px;}
  .title_facebook {
    width: 103px; height: auto;
    padding: 8px 5px 0 30px;
    background:#3b5997  url('/~/media/LU/fr2014/Images/Skins/header_fb.png') no-repeat top center;
    background-size: 139px auto;
  }
  .title_facebook h3{padding-bottom: 3px;}
  .dynamic_facebook {
    width: 113px;
  }
  .block_push div p{bottom: 30px;}
  div p span.btn{width: 110px;}
  .actu {
    width: 420px;
    height: auto;
  }
  .actu ul li {
    margin: 0 0 5px;
  }
  .actu ul li.pair {
    margin: 0 5px 5px;
  }
  .block_push {
    width: 136px;
    height: 131px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

/* popin */
  #popin-mask {
    /*background: #fff;*/
  }

  #popin-mask .popin {
    width: 480px;
    padding: 20px 30px 0;
    margin: 50px auto;
    margin-left: -280px;
    background: none;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px #c4bcb5;
    -moz-box-shadow: 4px 4px 10px #c4bcb5;
    -ms-box-shadow: 4px 4px 10px #c4bcb5;
    -o-box-shadow: 4px 4px 10px #c4bcb5;
    -khtml-box-shadow: 4px 4px 10px #c4bcb5;
    box-shadow: 4px 4px 10px #c4bcb5;
  }
  #popin-mask .popin-top {
    display: none;
  }
  #popin-mask .popin-btm {
    position: relative;
    margin: 20px -30px 0;
    background-position: -140px -35px;
    width: 540px;
    height: auto;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  }
  #popin-mask .popin-btm a {
    padding: 15px 10px 10px 55px;
    background-position: 30px 13px;
    font-size: 0.8333333333333334em;
  }
  #popin-mask .popin-core {
    width: 480px;
    padding: 0;
    background: none;
  }
  #popin-mask .popin-core h2 {
    font-size: 2em;
  }
  #popin-mask .popin-core ul {
    float: none;
    margin: 0 auto;
  }
  .share-tools ul.list-social {
    width: 265px;
  }
  #popin-mask .popin-core p,
  #popin-mask .popin-core ul {
    font-size: 1em;
  }
  #popin-mask .popin-core p{
    width: 100%;
    margin: 0;
  }
  #popin-mask .popin-core p.secondInput {
    margin: 0px;
  }
  #popin-mask .popin-close {
    position: absolute;
    width: 28px;
    height: 29px;
    top: 10px;
    margin-left: 270px;
    background-position: -1442px 0;
  }
  #popin-mask .popin-close:hover,
  #popin-mask .popin-close:focus {
    background-position: -1442px -32px;
  }
  #popin-mask .popin-close:active {
    background-position: -1442px -64px;
  }
  .send-a-friend .clearfix p {
    float: none!important;
    margin: 0;
  }
  .send-a-friend .clearfix p input,
  .send-a-friend .clearfix p label {
    width: 98%;
  }
  .recipe-instructions {
    float: none;
    width: 100%;
  }
  .recipe-instructions img {
    float: left;
  }
  .recipe-core {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .packshot-news{width: 33%;}
  .popin-news-core {width: 65%;}
  .align-image{height: auto; width:100%;}
  .packshot-news img.align-packshot{max-width: 100%;}

  .mosaic-content {width: 100%;}
  .mosaic-content .bigProdPic {margin: 15px auto 15px;}

  /*=============page mention légales=============*/
  /*#mention-legales .page-mentions{
    width: 540px;
    padding:40px 10px ;
  }*/
  #mention-legales h2{
    margin-bottom: 25px;
  }
  /*=============page résultat=============*/
  #search-results, .pageError, #plan-site, #cookies, #vie-privee, #condition-utilisation, #mention-legales .page-mentions{width: 560px;}
  #search-results{min-height: auto;}
  #plan-site .listLink.simpleCol, #plan-site .listLink.doubleCol{width: 100%}
  #search-results .list-results {width: 520px; padding: 30px 0;}

  /*=============Facebook=============*/


  .push-facebook ul li{width: 135px;}

/*=============page recette=============*/

  .home-hot .brand-list .pushLeft, .category-drop-down{
    height: 250px; width: 223px;
  }
  .category-drop-down .selectRecette > div{
    margin-bottom: 10px;
  }
  .category-drop-down .selectRecette div.selectMoments {
    padding-left: 0px;
  }
  .category-drop-down .selectRecette div.mask,
  .category-drop-down .selectRecette .selectMoments div.mask{height: 80px;}
  #cookie-holder .cookie {
    width: 540px;
    padding: 20px 10px;
  }

  .home-hot .brand-list .pushLeft a{bottom:20px; left: 40px;}


  /*.products-navigation ul li.veritablepetitbeurre{width: 110px;}*/
  .products-navigation ul li a strong{height: 30px; vertical-align: middle; line-height: 30px;}
    .products-navigation ul li.veritablepetitbeurre a strong,
    .products-navigation ul li.petitsepis a strong,
    .products-navigation ul li.lapailledor a strong,
    .products-navigation ul li.patrimoniaux a strong{line-height: 15px; width: 100%;}
	.products-navigation ul li.loursondelulu a strong{line-height: 15px;}

  /*recherche*/
  #search-results #page-core{padding-top:40px;}

  /*foodart*/
  .foodart .sweetControl.left-col,
  .foodart .sweetControl.right-col-wrapper{
    float: none;
    margin: 0 auto 20px;
    overflow: hidden;
  }
  .foodartContainer .category-drop-down .food-art-intro {
    top: 160px;
    width: 240px;
    height: 103px;
    overflow: auto;
  }
  .foodartContainer .food-art-intro .mCSB_container{
    padding-right: 10px;
  }
  .foodartContainer .category-drop-down .contentBody {
    padding-top: 35px;
  }

}
@media screen and (min-width: 801px){
	.products-navigation ul li.borderBottom.secondLine,
  .products-navigation ul li.secondLine {width: 126px; padding-top: 8px;}
}
@media screen and (min-width: 561px) and (max-width: 800px){
  .products-navigation ul{
    width: 98%;
  }
  .actu ul li {
    margin: 0 3px 5px;
  }
  .products-navigation ul li, 
  .products-navigation ul li.petitsepis,
  .products-navigation ul li.veritablepetitbeurre{
    width: 12%;
  }
  .products-navigation ul li.borderBottom,
  .products-navigation ul li.borderBottom.patrimoniaux{
    width: 12%;
  }
	.products-navigation ul li.borderBottom.secondLine,
	.products-navigation ul li.secondLine {width: 16%;}
  /*.products-navigation ul li.loursondelulu a strong{
    line-height: 16px;
  }*/
  /*.products-navigation ul li.loursondelulu{
    width: 15%;
  }*/
  .products-navigation ul li{
    padding: 0;
  }
  .products-navigation ul li a img{
    width: auto;
    height: 35px;
  }
  .products-navigation ul li.lapailledor a strong{
    line-height: 30px;
  }
}

/* =mobile ------------------------------------------------------------------- */
@media screen and (max-width: 560px){
  .foodart .sweetControl.left-col,
  .foodart .sweetControl.right-col-wrapper{
    width:100%;
  }
  .foodart .entity-list ul{
    text-align: center;
  }
  .foodart .entity-list li{
    float: none;
    display: inline-block;
  }
/*=============page recette=============*/
  .category-drop-down .selectRecette{display: none;}
  .category-drop-down .selectContent{display: block;}
  .category-drop-down  select#u53{width: 130px;}
  .category-drop-down  select{margin-bottom: 10px; margin-right: 5px; width: 140px;}
  .home-hot, .home-cold, #footer > div {width: 320px;}
  /*HEADER*/
  #cookie-holder .cookie {width: 300px;}
  .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/home.jpg') no-repeat 0 0 #fff;}
  .lu #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/lu.jpg') no-repeat top center;}
  .belvita #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/belvita.jpg') no-repeat top center;}
  .prince #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/prince.jpg') no-repeat top center;}
  .tuc #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/tuc.jpg') no-repeat top center;}
  .granola #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/granola.jpg') no-repeat top center;}
  .mikado #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/mikado.jpg') no-repeat top center;}
  .loursondelulu #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/loursondelulu.jpg') no-repeat top center;}
  .veritablepetitbeurre #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/veritablepetitbeurre.jpg') no-repeat top center;}
  .petitsepis #content .home-hot {
    background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/petitsepis.jpg') no-repeat top center;
  }
  .grany #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/grany.jpg') no-repeat top center;}
  .napolitain #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/napolitain.jpg') no-repeat top center;}
  .lapailledor #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/lapailledor.jpg') no-repeat top center;}
  .pepito #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/pepito.jpg') no-repeat top center;}
  .petitecolier #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/petitecolier.jpg') no-repeat top center;}
  .cracotte #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/cracotte.jpg') no-repeat top center;}
  .heudebert #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/heudebert.jpg') no-repeat top center;}
  
  #marque.collectionlu .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/collectionlu.jpg') no-repeat top center;}
  #marque.autresbiscuitslu .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/autresbiscuitslu.jpg') no-repeat top center;}

  body#recette #content .home-hot.foodartContainer {
    background: #fff ;
  }
  body#recette #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/recette.jpg') no-repeat top center;}
  body#ludique #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/ludique.jpg') no-repeat top center;}
  body#histoire #content .home-hot{background: url('/~/media/LU/fr2014/Images/Skins/hotzone/mobil/histoire.jpg') no-repeat top center;}

  #header .topNavMarque, #header.mini .topNavMarque {
  width: 320px;
  }
  .topNavMarque .brandLink a {
    background: none; background-color: #dd1a27;
    padding:0;height: 36px;
  }
  .navResponsive {
    padding-left: 0;
  }
  .topNavMarque .brandLink {
    margin-right: 5px;
  }
  .topNavMarque .homeLink{margin-right: 0;}
  .logoHarmony{width: 320px;}
  .topNavMarque .brandLink a, .navResponsive span{font-size: 12px;}
  .navResponsive span{width: 50px; margin-right: 5px;}
  .navResponsive span.search {
    width: 32px;
    background: url('/~/media/LU/fr2014/Images/header-footer/search_btn.png') no-repeat 8px 9px #fff;
  }
  #header .logoHarmony a{
    height: 27px; width: 81px;
    margin-top: 14px;
    background: url('/~/media/LU/fr2014/Images/header-footer/btn-harmony-mobil.png') no-repeat 0px 0px;
  }/*sous nav*/
  .products-navigation ul{width: 320px}

  .products-navigation ul li, .products-navigation ul li.borderBottom,
  .products-navigation ul li.borderBottom.patrimoniaux {
    width: 100px;
    height: 55px;
  }
  .products-navigation ul li a img{width: 40%;}
  .products-navigation ul li.petitsepis a{padding: 0 10px;}
  .products-navigation ul li.petitsepis a img{width: 50%;}
  .products-navigation ul li a strong {
    height: auto;
    line-height: inherit;
  }
  .products-navigation ul li.veritablepetitbeurre a strong,
  .products-navigation ul li.petitsepis a strong,
  .products-navigation ul li.patrimoniaux a strong{padding: 0; line-height: 12px;}
 #header .main-navigation ul {
    width: 300px; margin: 0 auto;
  }
  #header .main-navigation ul li {
    width: 146px;
    margin-right: 0px;
    margin-bottom: 5px;
  }

  #header .main-navigation ul li:nth-child(odd) {
    margin-right: 4px;
  }

/*HOT ZONE*/
  .home-hot {height: 529px;}
  .homebanner {
    float: none;
    width: 320px;
    height: 230px;
  }
  .home-hot .brand-list .pushLeft, .category-drop-down {
  height: 204px;
  width: 280px;
  }
  .homebanner-content{
    float: none;
    margin: 16px auto 0;
    padding: 0;
  }
  .footer-links div div, .footer-links div div + div, .footer-links div div + div + div, .footer-links div div + div + div + div{
    width: 300px;
    margin-left: 10px;
  }
  .home-hot .brand-list .pushLeft h2{margin-bottom: 10px;}
  .footer-links div div ul li{
    width: 130px; margin-right: 5px; float: left;
  }
  .footer-links div div.marques ul li, .footer-links div div.rubriques ul li {
    width: 128px;
  }
  .home-hot .brand-list .pushLeft a{left: 60px;}
  .home-hot .brand-list .pushLeft p {
    margin-bottom: 10px;
    height: 96px;
  }
/*COLD ZONE*/
  .home-cold .DivContainer {
    width: 320px;
    float: none;
  }
  
  .actu ul.entity-list{
    width: 282px;
    margin: 0 auto;
  }
  .actu{width: 320px;}
/*push FB*/
  .push-facebook {
    width: 214px;
    float: none;
    margin: 15px auto;
  }
  .title_facebook {
    width: 214px;
    height: 73px;
  }
  .dynamic_facebook {
    width: 190px;
  }
  .push-facebook ul li{width: 214px;}
  .title_facebook {
    width: 140px;
    height: 70px;
    padding: 12px 26px 0 48px;
    background-size: 100%;
  }
  .title_facebook h3{font-size: 16px;}

/*loadMore*/
  .DivContainer.home-loadmore a, .DivContainer.home-loadmore a:hover {
    width: 272px;
  }
/*Footer*/
  #footer-content {
    width: 300px;
    padding: 0 10px;
  }
  #footer-lg-lu{
    width: 35px;
    height: auto;
  }
  #footer #footer-lg-mondelez{
    top: 10px;
    width: 90px;
    height: auto;
  }
  #footer-content h2 {
    width: 194px;
    margin-left: 35px;
    padding-top: 16px;
    font-size: 14px;
  }
  #footer #footer-lg-lu {
    left: 10px;
  }
  #footer-content p, #footer-content p + ul{margin-bottom: 8px;}
  #footer-content p + ul + p{position: relative; bottom: 0px;}
  .footer-navigation{padding-bottom: 10px;}

/* popin */
  #popin-mask .popin {
    width: 298px;
    padding: 12px 10px 0 10px;
    margin-left: -159px;
  }
  #popin-mask .popin-btm {
    width: 318px;
    margin: 20px -10px 0;
    background-position: -365px -35px;
  }
  #popin-mask .popin-btm a {
    padding: 15px 10px 10px 35px;
    background-position: 10px 13px;
    font-size: 0.75em;
  }
  #popin-mask .popin-core {
    padding: 0;
    width: 298px;
    /*iframe{ height: 250px!important; }*/
  }
  #loader {
    right: 120px;
    bottom: 69px;
  }
  #divSearch {
      top:-70px;
      right:0;
  }
    /**********Added by VRINDAH CHAUNDEE****************/
  /* Popin News*/
  .popin-news-core {
    float:none;
    width:100%;
  }
  .packshot-news{ float:none; width:100%;height:100%; position:relative}
  .align-image{display:table-cell; height:100%; vertical-align:middle;}

/**********End VRINDAH CHAUNDEE****************/
  #popin-mask .popin-core .h2,
  #popin-mask .popin-core p {
    width: 298px;
  }
  #popin-mask .popin-core h2 {
    font-size: 1.6666666666666667em;
  }
  #popin-mask .popin-core p {
    font-size: 0.9166666666666666em;
  }
  #popin-mask .popin-close {
    width: 26px;
    height: 24px;
    top: 0px;
    margin-left: 134px;
    background-position: -1470px 0;
  }
  #popin-mask .popin-close:hover,
  #popin-mask .popin-close:focus {
    background-position: -1470px -32px;
  }
  #popin-mask .popin-close:active {
    background-position: -1470px -64px;
  }
  .send-a-friend .clearfix p input,
  .send-a-friend .clearfix p label {
    width: 298px;
  }
  .send-a-friend .submit small,
  .send-a-friend .submit .button {
    float: none;
  }
  .send-a-friend .submit .button {
    margin-top: 10px;
    padding: 10px 0;
    width: 100%;
  }
  /*.recipe-instructions div {
    float:left;
    width: 158px;
  }*/
  /*.recipe-instructions img {
    width:100%;
  }*/

  .recipe-instructions-wrapper li img{
    float:left;
  }
  /*.recipe-instructions div ul {
    min-height: 158px;
  }*/
  .recipe-instructions div ul li .picto {
    margin-right: 5px;
  }
  .recipe-instructions div ul li .type {
    width: auto;
  }
  .recipe-instructions div ul li strong {
    display: block;
    padding-left: 24px;
  }
  /*div.recipe-instructions-wrapper{
    float:right;
    width:130px;
  }
  div.recipe-instructions-wrapper ul {
    width:130px;
  }*/
  /*.recipe-instructions div p {
    position: relative;
    margin-left: -168px;
  }*/

  .recipe-instructions div p .cheat-code {
    top: 0;
  }
  .recipe-instructions div p img {
    width: auto;
    max-height: 25px;
  }
  .mosaic-content .bigProdPic {
    margin: 15px 0;
    width: 100%;
  }

  /*=============page mention légales=============*/
  /*#mention-legales .page-mentions{
    width: 300px;
  }*/
  /*=============page résultat=============*/
  #search-results, .pageError, #plan-site, #cookies, #vie-privee, #condition-utilisation, #mention-legales .page-mentions{
    width: 308px;
    padding: 20px 5px;
  }
  #search-results .list-results {width: 308px;}
  .zone-txt {
    width: 308px;
    margin-left: 0;
  }
  #divSearchResult {
    width: 308px;
    padding-top: 0;
  }
  #divSearchResult input{margin-bottom: 8px;}
  .zone-img{width: 25%;}
  .zone-img img{width: 100%; height: auto;}
  .zone-txt{ width: 70%; padding-left: 2%;}
  .foodartContainer .category-drop-down .contentBody {padding-top: 0px;}
  .foodartContainer .category-drop-down .food-art-intro {
    top: 45px;
    width: 280px;
    height: 170px;
    padding: 0;
  }
}



/*=============pages CollectionLu AutresBiscuitsLU=============*/
#autresbiscuitslu{
	background: url('/~/media/LU/fr2014/Images/Skins/bg/autresbiscuitslu.jpg') no-repeat top center;
}

/*=============page patrimoniaux=============*/
#patrimoniaux{
	background: url('/~/media/LU/fr2014/Images/patrimoniaux/bg_patrimoniaux.jpg') no-repeat top center;
}

#patrimoniaux.autresbiscuits {
 background: url(/~/media/LU/fr2014/Images/Skins/bg/autresbiscuitslu.jpg)no-repeat top center;
}

#patrimoniaux h1 {
    display: block;
    padding: 30px 0 0 20px;
    font-size: 33px;
    font-family: 'luset';
    color:#e30613;
}

#patrimoniaux .homebanner,
#patrimoniaux .homebanner-content {
    width: 100%;
    float: none;
    padding: 0;
}
#patrimoniaux .homebanner{
  padding-bottom: 50px;
}
#patrimoniaux .homebanner-content{
  height: auto;
}
#patrimoniaux .category-drop-down {
    height: auto;
    float: none;
    width: 758px;
    text-align: left;
}

#patrimoniaux .category-drop-down .contentBody {
    padding: 0;
}


#patrimoniaux .homebanner-content ul.entity-list,
#patrimoniaux .homebanner-content .content-text ul{
  margin: 0 auto;
}
#patrimoniaux .home-hot {
    overflow: hidden;
    height: auto;
    background: #fff;
}

#patrimoniaux .homebanner-content ul.entity-list li + li,
#patrimoniaux .homebanner-content .content-text ul li + li{
  margin: 0 0 20px;
}
#patrimoniaux .homebanner-content .content-text ul li:nth-child(odd),
#patrimoniaux .homebanner-content ul.entity-list li:nth-child(odd){
  margin-right: 20px;
  margin-left: 20px;
}
#patrimoniaux .home-cold .DivContainer{
    width: 100%;
}
#patrimoniaux .homebanner-content ul.entity-list li .contentBody div strong,
#patrimoniaux .homebanner-content .content-text ul li .contentBody div strong{
  padding-top: 22px;
  border-bottom: none;
  -webkit-transition: all linear 0.3s; /* For Safari 3.1 to 6.0 */
  transition: all linear 0.3s;
}
#patrimoniaux .category-drop-down strong{
  width: 170px;
}
#patrimoniaux .category-drop-down .selectRecette > div,
#patrimoniaux .category-drop-down .selectRecette div.mask{
  width: 195px;
}
#patrimoniaux.patrimoniaux-home .category-drop-down .selectRecette div.mask{

  height: 200px;
}
#patrimoniaux .category-drop-down .selectRecette div.mask{

  height: 163px;
}
#patrimoniaux .category-drop-down .selectRecette div.mask ul li{
  padding: 5px;
}
#patrimoniaux .category-drop-down .selectRecette div.mask ul.list-logo li,
#patrimoniaux .category-drop-down .selectRecette .selectMoments div.mask ul li{
  padding: 5px 5px 5px 50px;
}
#patrimoniaux .category-drop-down .selectRecette .selectMoments div.mask ul li.patrimoniaux{padding-left: 5px;}
#patrimoniaux .homebanner-content .entity-listview ul li.large .contentBody div {
    height: 47px;
    background: url('/~/media/LU/fr2014/Images/patrimoniaux/red_wave_xl.png') no-repeat top right;
}
#patrimoniaux .viewer.loading{
  min-height: 345px;
  background: url('/~/media/LU/fr2014/Images/Skins/ajax-loader.gif') no-repeat 50% 135px;
}
#patrimoniaux .viewer{
  margin: 0 auto;
  padding-bottom: 20px;
  width: 706px;
}
#patrimoniaux .col-left,
#patrimoniaux .col-right{
  display: inline-block;
  vertical-align: top;
}
#patrimoniaux .col-right{
  width: 343px;
  margin-left: 20px;
}
#patrimoniaux .col-right .title-produit{
  margin-bottom: 20px;
    font-family: 'luset';
    color:#e30613;
}
#patrimoniaux .col-right p{
  padding-top: 20px;
}
#patrimoniaux .col-right strong{
  display: block;
  margin: 20px 0;
  font-weight: bold;
}
#patrimoniaux .homebanner-content{
  position: relative;
}
.viewer-controler{
  position: relative;
  width: 100%;
  z-index: 1;
}
#patrimoniaux .button{
  position: relative;
  padding: 5px 10px 5px 20px;
  margin-bottom: 20px;
  float: left;
  clear: both;
}
#patrimoniaux .button:before{
  position: absolute;
  top: 5px;
  left: 8px;
  content: "";
  width: 6px;
  height: 10px;
  display: block;
  background: url('/~/media/LU/fr2014/Images/patrimoniaux/arrow-btn.png') no-repeat top left;
}
.btn-viewer{
  position: absolute;
  top: 135px;
  overflow: hidden;
  display: block;
  width: 35px;
  height: 35px;
  text-indent: -9000px;
  cursor: pointer;
  background: url('/~/media/LU/fr2014/Images/patrimoniaux/viewer-controle.png') no-repeat top left;
}
.btn-viewer.btn-viewer-L{
  left: 5px;
  background-position: bottom left;
}
.btn-viewer.btn-viewer-R{
  right: 5px;
}
.recette_list {
  margin: 0;
}
#patrimoniaux .homebanner-content .content-text ul.recette_list li:nth-child(odd){
  margin-left: 0;
  margin-right: 10px;
}
#patrimoniaux .homebanner-content .content-text ul.recette_list li{
  margin-right: 10px;
  display: inline-block;
}
.recette_list a{
  overflow: hidden;
  display: block;
  width: 79px;
  height: 79px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.controler-content{
  width: 100%;
}

/* =tablet ------------------------------------------------------------------- */

@media screen and (max-width: 800px) {
  #patrimoniaux .home-cold .actu ul{margin:0 auto 10px;}
  #patrimoniaux h1 {
    font-size: 30px;
  }
  #patrimoniaux .homebanner-content ul.entity-list li + li,
  #patrimoniaux .homebanner-content ul.entity-list li:nth-child(odd),
  #patrimoniaux .homebanner-content .content-text ul li + li,
  #patrimoniaux .homebanner-content .content-text ul li:nth-child(odd) {
    margin-right: auto;
    margin-left: auto;
  }
  #patrimoniaux .homebanner-content .entity-listview ul li.large,
  #patrimoniaux .homebanner-content .entity-listview ul li {
    float: none;
    margin-bottom: 18px;
    height: auto;

  }
  #patrimoniaux .category-drop-down{
    width: 520px;
  }
  #patrimoniaux .viewer {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 470px;
    text-align: center;
  }
  #patrimoniaux .viewer .col-right{
    padding-top: 20px;
    text-align: left;
  }
  #patrimoniaux .viewer .col-left img{
    display: inline-block;
  }
  #patrimoniaux .homebanner-content .content-text ul.recette_list li:nth-child(odd),
  #patrimoniaux .homebanner-content .content-text ul.recette_list li{
    margin: 0 0 18px;
    width: 79px;
    float: left;
  }

  #patrimoniaux .homebanner-content .content-text ul.recette_list li:nth-child(even){
    margin: 0 5px 18px;
  }
  .actu ul {
    margin: 0 auto 10px;
    width: 430px;
  }
  
  
}

/* =mobile ------------------------------------------------------------------- */

@media screen and (max-width: 560px){
  #patrimoniaux .homebanner-content ul.entity-list li + li,
  #patrimoniaux .homebanner-content ul.entity-list li:nth-child(odd),
  #patrimoniaux .homebanner-content .content-text ul li + li,
  #patrimoniaux .homebanner-content .content-text ul li:nth-child(odd) {
    margin-right: auto;
    margin-left: auto;
  }
  #patrimoniaux .homebanner-content .entity-listview ul li.large,
  #patrimoniaux .homebanner-content .entity-listview ul li {
    float: none;
    margin-bottom: 18px;
    height: auto;

  }
  #patrimoniaux .homebanner{
    height: auto;
    overflow: hidden;
  }
  #patrimoniaux .col-right,
  #patrimoniaux .viewer{
    width: 280px;
  }
  #patrimoniaux .viewer .col-left img{
    width: 100%;
  }
  #patrimoniaux .col-right{
    margin-left:  0;
  }
}

@import url("/sitecore/shell/themes/standard/default/Default.css");
@import url("/sitecore/shell/controls/Lib/Flexie/flex.css");

/*Previlé*/
/* <link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" /> */

/* <link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" /> */

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />