﻿@font-face {
	font-family: 'HelveticaRegular';
	src: url('helvetic-webfont.eot');
	src: local('☺'), url('Fonts/helvetic-webfont.woff') format('woff'), url('Fonts/helvetic-webfont.ttf') format('truetype'), url('Fonts/helvetic-webfont.svg#webfontgTaO4JJn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MatrixScriptBold';
	src: url('Fonts/matrixsb-webfont-webfont.eot');
	src: local('☺'), url('Fonts/matrixsb-webfont-webfont.woff') format('woff'), url('Fonts/matrixsb-webfont-webfont.ttf') format('truetype'), url('Fonts/matrixsb-webfont-webfont.svg#webfontpw6EtbSX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MatrixScriptRegularMedium';
	src: url('Fonts/matrixsr-webfont-webfont.eot');
	src: local('☺'), url('Fonts/matrixsr-webfont-webfont.woff') format('woff'), url('Fonts/matrixsr-webfont-webfont.ttf') format('truetype'), url('Fonts/matrixsr-webfont-webfont.svg#webfontszT55IPf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MatrixScript';
	src: url('Fonts/matrixsr-webfont.eot');
	src: local('☺'), url('Fonts/matrixsr-webfont.woff') format('woff'), url('Fonts/matrixsr-webfont.ttf') format('truetype'), url('Fonts/matrixsr-webfont.svg#webfontszT55IPf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TimesRegular';
	src: url('Fonts/times_roman-webfont-webfont.eot');
	src: local('☺'), url('Fonts/times_roman-webfont-webfont.woff') format('woff'), url('Fonts/times_roman-webfont-webfont.ttf') format('truetype'), url('Fonts/times_roman-webfont-webfont.svg#webfont70qSa9gZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'FuturaBook';
    src: url('Fonts/futura_book_bt-webfont.eot');
    src: url('Fonts/futura_book_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/futura_book_bt-webfont.woff') format('woff'),
         url('Fonts/futura_book_bt-webfont.ttf') format('truetype'),
         url('Fonts/futura_book_bt-webfont.svg#FuturaBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLight';
    src: url('Fonts/futura-light-webfont.eot');
    src: url('Fonts/futura-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/futura-light-webfont.woff') format('woff'),
         url('Fonts/futura-light-webfont.ttf') format('truetype'),
         url('Fonts/futura-light-webfont.svg#FuturaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* clients' */

@font-face {
    font-family: 'FuturaStdBook';
    src: url('Fonts/futurastd-book-webfont.eot');
    src: url('Fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/futurastd-book-webfont.woff') format('woff'),
         url('Fonts/futurastd-book-webfont.ttf') format('truetype'),
         url('Fonts/futurastd-book-webfont.svg#FuturaStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStdHeavy';
    src: url('Fonts/futurastd-heavy-webfont.eot');
    src: url('Fonts/futurastd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/futurastd-heavy-webfont.woff') format('woff'),
         url('Fonts/futurastd-heavy-webfont.ttf') format('truetype'),
         url('Fonts/futurastd-heavy-webfont.svg#FuturaStdHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStdLight';
    src: url('Fonts/futurastd-light-webfont.eot');
    src: url('Fonts/futurastd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/futurastd-light-webfont.woff') format('woff'),
         url('Fonts/futurastd-light-webfont.ttf') format('truetype'),
         url('Fonts/futurastd-light-webfont.svg#FuturaStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS - Lactalis - Print */

body{ margin:0; padding:0; }
body, td, th, input, textarea, select{ font-size:11px; font-weight:normal; font-family:Arial, Verdana, sans-serif; color:#000000; }
th{ text-align:left; }
form, img, fieldset, legend{ margin:0; padding:0; border:0; }
fieldset{ margin:10px 0; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:11px; }
hr{ display:none; }
img, input, label, select{ vertical-align:middle; }
p{ margin:10px 0; }
a{ color:#6A5F4F; text-decoration:none; }
a:hover{ text-decoration:underline; }
object p{ display:none; }
sup{ font-size:10px; }
.clear{ clear:both; display:block; font-size:1px; height:1px; overflow:hidden; }

/***** Clearance *****/
.main ul, .main ul li,
.categories ul, .categories ul li,
.onglets ul, .onglets ul li,
.calendar ul, .calendar ul li,
.z{ margin:0; padding:0; list-style-type:none; }

/***** Hidden *****/
.actions,
.articles .list ul li ul li img,
.banner,
.baseline,
.brd .brdts, .brd .brdbs,
.browser,
.button, .buttons,
.calendar .legend,
.categories .clown,
.comments,
.comment .tool,
.converter,
.creation img,
#deleter,
.discounts,
.discovery,
.edito .mover,
.footer .sep,
.header .add, .header .club, .header .claim, .header .newsletter, .header .search,
.home .book,
h3.supMy,
.inline th.empty, .inline td.picto, .inline td.check, .inline tr.sizer,
.left,
.link, .links,
.main li a,
.menu .picto,
.menus .intro,
.menus .listed,
.mini .intro,
.mod,
.modal,
.moments .best .items .item .texts .tool,
.moments .best .items .item .texts a img,
.moments .moment .rightPart .parts,
.moments .moment .leftPart .add,
.navigation,
.noprint .content,
.noprint .footer,
.onglets ul li a,
.opinion,
.planned .tools,
.planned .items .notes .inputImage,
.plannings .composer,
.plannings .inter,
.practicalSearch,
.previewed,
div.products,
.right,
#rings2,
.rd .rdts, .rd .rdbs,
.search,
.searchTools,
.sorting,
.shdts, .shdte, .shdl, .shdr, .shdbs, .shdbe,
.shdtts, .shdtte, .shdtl, .shdtr, .shdtbs, .shdtbe,
.shdwts, .shdwte, .shdwl, .shdwr, .shdwbs, .shdwbe,
.shdmts, .shdmte, .shdml, .shdmr, .shdmbs, .shdmbe,
.tg,
.tgLarge,
.tools, .back,
.weekplan .calendars,
.z{ display:none; }

/***** Not hidden *****/
.main li a.on,
.shdt .shdts,
.sitemap .links,
.edito .categories,
.categories ul .on,
.moments .moment .comments,
.onglets ul li .on,
.z{ display:block; }

.mini .shdi, .mini .edito{ display:inline; }

/***** Default *****/
.main li{ display:inline; }
.main li a.on{ position:absolute; margin:7px 0 0 10px; font-size:18px; color:#000000; font-weight:bold; }
.sep{ margin:20px 0 0 0; padding:20px 0 0 0; height:1px; overflow:hidden;border-top:2pt dotted #DDDDDD; }
.mContent{ display:inline; }

.header{ width:100%; overflow:hidden; }

.modaled{ display:inline; }
.modal h6{ margin:-20px 10px 10px 0; text-align:right; font-size:15px; color:#4B2413; text-transform:uppercase; }
.modal .cScroll{ clear:both; text-align:justify; }

.intro{ margin:10px 0; }

/**** Content ****/
.content{ padding:20px 0 0 0; border-top:35px solid #C3A27F; }
h2.ideas,
h2.head,
h2.supMy,
.edito h3,
h1.map,
.z{ position:absolute; top:138px; right:0; padding:0 10px 0 0; font-size:15px; font-weight:normal; }

.advices{ margin:20px 0 0 0; padding:20px 0 0 0; border-top:2pt dotted #DDDDDD; /*page-break-before:always;*/ }
.advices h2{ font-size:15px; }
.advices .item{ margin:0 0 10px 0; }
.advices .item .media{ float:left; width:80px; }
.advices .item .media img{ width:70px; }
.advices .item .texts{ padding:5px 0 0 0; }
.advices .item .texts strong{ display:block; }

/*** Colors ***/
.equilibre .content{ border-color:#FEA851; }
.improvise .content{ border-color:#FD6466; }
.invite .content{ border-color:#FE997F; }
.partage .content{ border-color:#FF899B; }
.club .content{ border-color:#92AEC3; }
.carnet .content{ border-color:#EB8BA3; }

/*** Home ***/
.home .slides .item{ display:inline; }
.home .slides h2{ clear:both; margin:0 0 10px 0; font-size:20px; border-bottom:1pt dotted #DDDDDD; }
.home .slides .media{ float:left; margin:0 10px 10px 0; width:45%; }
.home .slides .media img{ width:100%; }
.home .slides h3{ margin:0 0 5px 0; font-size:15px; }
.home .slides .clear{ display:none; }

.home .slides .bien h2, .home .slides .bien h3{ color:#FF8C18; border-color:#FF8C18; }
.home .slides .improvise h2, .home .slides .improvise h3{ color:#FC3A3C; border-color:#FC3A3C; }
.home .slides .invite h2, .home .slides .invite h3{ color:#FF7652; border-color:#FF7652; }
.home .slides .partage h2, .home .slides .partage h3{ color:#FE536D; border-color:#FE536D; }

.home .news{ clear:both; page-break-before:always;  }
.home .news h2{ margin:0 0 5px 0; color:#4B2413; font-size:20px; border-bottom:1pt dotted #4B2413; }
.home .news h3{ float:right; margin:0 0 10px 0; width:49%; font-size:15px; }
.home .news .texts{ float:right; width:49%; }
.home .news .media{ float:left; width:49%; }
.home .news .media img{ width:100%; }
.home .news .thumbnail .texts{ display:block; float:none; margin:5px 0 0 0; padding:10px 0 10px 0; width:auto; border-top:1pt dotted #DDDDDD; }
.home .news .thumbnail .media{ margin:15px 10px 0 0; width:10%; }

/*** Recipe ***/
.recipeDetails{ position:relative; padding:20px 0; height:auto !important; height:600px; min-height:600px; }
.recipeDetails h4{ margin:0 0 5px 0; font-size:13px; }
.recipeDetails .leftPart{ position:absolute; top:20px; left:0; width:272px; }
.recipeDetails .leftPart .media img{ width:272px; }
.recipeDetails .tips{ margin:10px 0 0 0; padding:5px; border:1pt solid #DDDDDD; }
.recipeDetails .sides{ margin:10px 0 0 0; padding:5px; border:1pt solid #DDDDDD; }
.recipeDetails .sides .item{ margin:0 0 5px 0; }
.recipeDetails .sides .item .media{ float:left; margin:0; width:59px; }
.recipeDetails .sides .item .media img{ width:59px; }
.recipeDetails .sides .item .texts{ float:right; width:185px; }
.recipeDetails .sides .item .texts a{ color:#DE4066; font-weight:bold; }

.recipeDetails .rightPart{ margin:0 0 0 292px; }
.recipeDetails .sep, .recipeDetails .steps{ margin:20px 0 0 0; padding:20px 0 0 0; border-top:2pt dotted #DDDDDD; }
.recipeDetails .product{ float:right; margin:-10px 0 0 0; padding:5px; width:90px; text-align:center; border:1pt solid #DDDDDD; }

.recipeHead h1{ margin:5px 0; padding:0 200px 5px 0; font-size:18px; font-weight:bold; color:#DE4066; border-bottom:2pt dotted #DDDDDD; }
.recipeHead .from{ position:relative; float:right; margin:-22px 0 0 0; padding:0 1px 1px 0; }
.recipeHead .from div{ float:left; }
.recipeHead .from div a{ color:#DE4066; text-decoration:none; }
.recipeHead .from .logo{ position:relative; margin:-15px 0 -25px 5px; padding:0 0 1px 0; border:1pt solid #DDDDDD; }
.recipeHead .from .logo img{ height:55px; }
.recipeHead h3{ padding:0 200px 0 0; font-size:12px; font-weight:normal; }

/*** Factsheet ***/
.edito .old h3{ position:relative; top:auto; left:auto; margin:0; padding:0 0 5px 0; font-size:15px; font-weight:bold; }
.edito .old{ margin:0 0 15px 0; }

.practical h1{ margin:20px 0 10px 0; font-size:20px; font-weight:bold; }
.practical .item{ margin:10px 0 0 0; }
.practical .media{ margin:0 15px 15px 0; }
.practical .media, .practical .media img{ float:left; width:272px; }
.practical .texts{ display:inline; text-align:justify; }

.equilibre .practical h1, .equilibre .edito .old h3{ color:#FF8C18; }
.improvise .practical h1, .improvise .edito .old h3{ color:#FC3A3C; }
.invite .practical h1, .invite .edito .old h3{ color:#FF7753; }
.partage .practical h1, .partage .edito .old h3{ color:#FE546E; }
.club .practical h1, .club .edito .old h3{ color:#7091A8; }

.propositions h4{ margin:10px 0; padding:0 0 5px 0; font-size:14px; border-bottom:1pt dotted #000000; }

/***** Listing *****/
h1.ideas, .archives h1{ padding:0 0 5px 0; font-size:20px; color:#DE4066; font-weight:bold; border-bottom:1pt dotted #DE4066; }
.inline{ margin:0 0 15px 0; width:100%; }
.inline th{ white-space:nowrap; border-bottom:1px dotted #DE4066; }
.inline th a{ color:#DE4066; }
.inline th .on{ font-weight:bold; }
.inline td{ border-bottom:1px dotted #DDDDDD; }
.archives .inline td{ border:0; }
.inline td.media, .inline td.media img{ width:50px; }
.inline td.title{ font-weight:bold; }
.inline td.sep{ margin:0; padding:0; font-size:1px; height:1px; overflow:hidden; border-bottom:1px dotted #DDDDDD; }
.inline td.steps{ text-align:center; }

.thumbs .item{ float:left; margin:5px 0 20px 0; width:33.33%; text-align:center; }
.thumbs .item .texts, .thumbs .item .media{ margin:auto; margin-bottom:5px; width:177px; text-align:left; }
.thumbs .item .mark, .thumbs .item .difficulty, .thumbs .item .cost{ margin:5px auto; width:177px; }
.thumbs .item .texts a{ display:block; height:30px; font-weight:bold; }

.moments .thumbs{ padding:0 0 10px 0; }


.populars{ margin:10px 0 0 0; }
.populars h3{ margin:0 0 5px 0; padding:0 0 5px 0; font-size:15px; color:#DE4066; border-bottom:1pt dotted #DE4066; }
.populars .item{ float:left; margin:0 0 5px 0; padding:0 0 5px 0; width:33.33%; border-bottom:1pt dotted #DDDDDD; }
.populars .item .media{ float:left; margin:0 10px 5px 0; width:25%; }
.populars .item .media img{ width:100%; }
.populars .item .texts{ padding:0 5px 0 0; }
.populars .item .texts a{ font-weight:bold; }

/***** Carnet *****/
.carnet h1{ padding:0 0 5px 0; font-size:20px; color:#DE4066; border-bottom:1pt dotted #DE4066; }
.carnet .form h2{ margin:15px 0; font-size:15px; }
.carnet .total{ float:right; margin:-20px 0 0 0; color:#DE4066; }

/***** Fields *****/
.field, .check{ margin:5px 0; }
.field .label{ float:left; width:30%; padding:2px 0 0 0; }
.field .input{ float:right; width:70%; }
.field .input label{ margin:0 10px 0 0; }

/***** Sitemap *****/
.sitemap .sub{ float:left; margin:0 10px 0 0; width:30%; }
.mapMain .clear{ display:none; }

/***** Brands *****/
.brands h1{ padding:0 0 5px 0; font-size:20px; color:#7091A8; font-weight:bold; border-bottom:1pt dotted #7091A8; }
.brands .logos .head,
.brands .item .caller,
.brands .item .brand .text a{ display:none; }
.brands .item{ float:left; margin:0 0 -1pt -1pt; width:16.5%; border-bottom:1pt dotted #DDDDDD; border-left:1pt dotted #DDDDDD; }
.brands .item .brand{ padding:5px; text-align:center; }
.brands .item .brand .media,
.brands .item .brand .media img{ height:50px; }
.brands .item .brand .text{ padding:5px 0 0 0; height:30px; }
.brands .head .media{ float:left; padding:0 10px 0 0; }

.onglets ul li .on{ margin:0 0 5px 0; padding:0 0 5px 0; font-size:15px; font-weight:bold; border-bottom:1pt dotted #DDDDDD; }
.categories ul .on{ float:right; margin:-25px 0 0 0; }

.bloc{ margin:10px 0; }
.bloc .media{ float:left; margin:0 10px 10px 0; }
.bloc .texts h2, .bloc .texts h3{ margin:0 0 5px 0; padding:0 0 5px 0; font-size:13px; font-weight:bold; color:#597F9A; }
.bloc .texts, .bloc .texts .text{ display:inline; }

/***** Calednar *****/
.board, .calendars, .program .rightPart{ margin:0 300px 0 0; min-height:150px; height:auto !important; height:150px; }
.plannings .intro, .calendars .texts{ min-height:150px; height:auto !important; height:150px; }
.plannings .intro, .plannings .sep{ margin:0 300px 0 0; }
.board h3, .calendars h3, .plannings .intro h3, .program .rightPart h5, .composer h4{ padding:5px 0; margin:0 0 10px 0; color:#9FB85C; font-size:14px; border-bottom:1pt dotted #9FB85C; }
.calendars .calendar, .program .leftPart .calendar{ position:absolute; top:220px; right:0; }

.calendar{ width:285px; border:1px solid #B0B0B0; }
.dates .shdwc .shdwi{ padding:1px 0; }
.program .rightPart{ padding:0 0 10px 0; }

.calendar .head{ position:relative; height:49px; border-bottom:1px solid #B0B0B0; }
.calendar .head .tools{ float:none; }
.calendar .head .tools .clear{ position:absolute; }
.calendar .head .tools .prev, .calendar .head .tools .next{ display:inline; margin:0; padding:0; }
.calendar .head .tools .prev a{ position:absolute; top:7px; left:10px; padding:12px 0 0 0; height:1px; width:11px; overflow:hidden; }
.calendar .head .tools .next a{ position:absolute; top:7px; right:10px; padding:12px 0 0 0; height:1px; width:11px; overflow:hidden; }
.calendar .head .month{ padding:5px 0; font-size:16px; font-weight:bold; text-align:center; }
.calendar .head .week ul li{ float:left; width:40px; text-align:center; }

.calendar .days{ padding:2px; }
.calendar .days .line{ display:block; height:40px; text-decoration:none; }
.calendar .days .line .day{ position:relative; display:block; float:left; padding:4px 0 0 0; width:38px; height:34px; font-size:18px; color:#000000; text-decoration:none; font-weight:bold; text-align:center; border:1px dotted #F0F0F0; border-right-color:#B0B0B0; border-bottom-color:#B0B0B0; }
.calendar .days .line .off{ color:#606060; }
.calendar .days .line .day br{ display:none; }
.calendar .days .line .day .amCar, .calendar .days .line .day .pmCar{ display:block; padding:1px 0 0 0; height:1px; width:2px; overflow:hidden; border:2px dotted #606060; }
.calendar .days .line .day .amCar{ position:absolute; bottom:5px; left:10px; }
.calendar .days .line .day .pmCar{ position:absolute; bottom:5px; right:10px; }
.calendar .days .line .am .amCar, .calendar .days .line .pm .pmCar{ border-style:solid; border-color:#9FB85C; }
.calendar .days .line .clear{ margin:-1px 0 0 0; }
.calendar .days .on .day, .calendar .days .alone .on{ color:#9FB85C; border-style:solid; border-color:#9FB85C; }

.menus .stepped{ float:left; width:49%; }
.menus .choosed{ float:right; width:49%; }
.menus .choosed strong{ display:block; margin:0 0 15px 0; color:#9FB85C; }
.menus .selection h4{ margin:10px 0; text-align:center; font-size:15px; }

.inline tr td.equilibre{ color:#FF8D19; }
.inline tr td.improvise{ color:#FC3B3D; }
.inline tr td.invite{ color:#FF7753; }
.inline tr td.partage{ color:#FE546E; }

.planned .items .choosed{ float:left; margin:0 0 10px 0; width:33.33%; }
.planned .items .choosed h3{ text-align:center; }
.planned .items .notes{ margin:5px 0 0 0; float:right; width:66.66%; }
.planned .items .notes .inputArea{ width:400px; height:217px; overflow:hidden; }
.menu{ margin:auto; width:90%; }
.menu caption{ text-align:left; border-bottom:1px solid #666666; }
.menu td{ padding:5px 0; }
.menu .media{ padding-right:10px; }
.menu .media img{ width:60px; }
.menu .title{ width:100%; }

/***** Moments *****/
.moments .best .items .item{ float:left; margin:10px 0; padding:10px 0 0 0; width:33.33%; text-align:center; border-top:1pt dotted #F2F2F2; }
.moments .best .items .media, .moments .best .items .texts{ margin:auto; margin-bottom:10px; width:177px; text-align:left; }
.moment .texts{ margin:0 0 10px 0; padding:10px 0; border-bottom:1pt dotted #DFDBD9; }
.moment .texts .text{ float:left; width:70%; }
.moment .texts .guest{ float:right; width:25%; }
.moment h3{ margin:5px 0; font-size:15px; }
.moment .medias{ padding:10px 0; }
.moment .medias .item{ float:left; margin:10px 0; width:33.33%; text-align:center; }
.moment .medias .views .item{ float:none; width:auto; }
.moment .medias .views .video{ display:none; }
.moment .medias .views .item img{ margin:auto; }


.comments{ clear:both; }
.comment{ padding:5px 0; border-bottom:1pt dotted #DFDBD9; }
.comment .media{ float:left; margin:0 10px 0 0; }
.comment .media img{ width:auto; }
.comment .texts{ padding:0; border:0; }
/************* new **************/
.recetteBody h2 {
	display: block;
	font-family: 'FuturaBook', Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}
.leftColRecette {
	float: left;
	width: 285px;
}
.rightColRecette {
	float: left;
	width: 362px;
}
.lastuceRecetteBtm h4,
.produitUtilise h4,
.ingredientsRecette h3,
.laRecetteInfo h3 {
	font-family: 'FuturaBook', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 15px 0;
	text-transform: uppercase;
}
.content,
.improvise .content,
.invite .content,
.partage .content,
.club .content,
.carnet .content{
	border:none !important;
}
#entry_pop,
#stealth_pop,
.linksUnderRecettes,
.votreInteresse,
#lesCommentaires,
.bottomSlider,
.footer,
.noterVotants,
.opinionInternautes,
.imprimerReductionLinks,
.recettesIngredientsExtra,
.rightColRecette h5,
.breadcrumbsRetour,
.sitePromo,
.suggestedRecettes {
	display: none;
}
.recetteBody .rightColRecette .bonAppetit {
	clear: both;
	color: #B7B7B7;
	font-family: 'MatrixScript', 'Times New Roman', Times, serif;
	font-size: 25px;
	font-weight: normal;
	overflow: hidden;
	padding: 25px 0 0;
	text-align: center;
}
.printLogo {
	display: block;
}
.infoDescrUl {
	float: left;
}
.infoDescrProposee {
	float: right;
}
.ingredientsRecette {
	clear: both;
	width: 100%;
}
