img {
-ms-interpolation-mode:bicubic;
}
.mad_image__container {
position:relative;
}
.mad_image__container:hover .mad_image__zoom {
display:block;
}
.mad_image__pin {
left:5px;
position:absolute;
text-align:center;
top:0;
z-index:5;
display:none;
}
.mad_image__zoom {
background:rgba(255,255,255,0.5);
bottom:10px;
cursor:pointer;
height:60px;
overflow:hidden;
padding:15px;
position:absolute;
right:10px;
text-align:center;
width:60px;
z-index:5;
}
.mad_image__zoom svg {
color:#2e3032;
fill:transparent;
}
.mad_image__zoom:hover svg {
color:transparent;
fill:#2e3032;
}
.mad_image picture {
display:block;
position:relative;
}
.mad_image figcaption {
border-bottom:3px solid #2e3032;
color:#999999;
font-size:0.875rem;
font-style:italic;
line-height:1.5rem;
padding:17px 0;
text-align:left;
}
.mad_image figcaption p {
margin:0;
}
.diaporama__titre,.diaporama__legende {
color:white;
}
@media only screen and (min-width:46.25em) {
.mad_image.mad_image--extra_large figcaption,.mad_image.mad_image--large figcaption {
width:70%;
}
}
@media only screen and (max-width:46.1875em) {
.mad_image.mad_image--extra_large picture,.mad_image.mad_image--large picture {
margin-left:-5vw;
margin-right:-5vw;
}
}
@media only screen and (max-width:46.1875em) {
figcaption.mad_image--extra_large figcaption,figcaption.mad_image--large figcaption {
width:100%;
}
}
@media only screen and (max-width:46.1875em) {
.context-mad_text_media_large iframe {
max-height:300px;
}
}
.mfp-container:before {
display:none;
}
.mfp-bg {
background-color:#000;
opacity:1;
z-index:2147483590 !important;
}
.mfp-wrap {
z-index:2147483590 !important;
}
button.mfp-close {
height:3rem;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:3rem;
background:rgba(0,0,0,0.5) url(/img/diaponav_base.png);
background-position:-180px -2px;
margin:0;
padding:0;
}
.mfp-container {
padding:0;
}
img.mfp-img {
padding:0;
}
.mfp-figure:after {
display:none;
}
.diaporama__link {
display:inline-block;
position:relative;
}
.lac__media-diaporama {
}
.mfp-content {
height:100%;
position:relative;
text-align:center;
width:100%;
}
.diaporama__wrapper {
display:flex;
flex-direction:column;
justify-content:center;
float:left;
position:relative;
text-align:center;
width:calc(100% - 340px);
}
.diaporama__figure {
display:inline-block;
margin:0 auto;
padding-top:0;
position:relative;
vertical-align:middle;
}
.diaporama__figure:hover .mad_image__pin {
display:block;
}
.diaporama__figure img {
height:auto;
max-height:90%;
max-height:calc(100vh - 100px);
display:block;
margin:0 auto;
}
.diaporama__nav {
background:#171717;
padding:10px;
margin:0;
position:absolute;
top:0;
}
.diaporama__nav li {
display:table-cell;
line-height:1;
list-style:none;
text-align:center;
vertical-align:bottom;
}
.diaporama__nav li.mfp-close-grid {
float:right;
width:20%;
}
.diaporama__nav li > a {
background:url(/img/diaponav_base.png);
display:inline-block;
height:3rem;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:3rem;
cursor:pointer;
}
.diapo__next a {
background-position:0 0;
}
.diaporama__nav .diapo__autoplay a {
background:url(/img/play-pause.png) no-repeat;
background-position:0 15px;
height:3rem;
width:9px;
margin:0 10px;
}
.diaporama__nav .diapo__autoplay a.playing {
background:url(/img/play-pause.png) no-repeat;
background-position:-9px 15px;
height:3rem;
width:9px;
}
.diapo_autoplay a {
background-position:-65px 0;
}
.diaporama__nav li.diapo__previous a {
background-position:-65px -2px;
}
.diaporama__nav li.diapo__next a {
background-position:-123px 0;
}
.diaporama__nav .mfp-close {
height:3rem;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:3rem;
background:url(/img/diaponav_base.png);
background-position:-184px -2px;
position:relative;
margin:0;
padding:0;
}
.mfp-container:hover button.mfp-prevent-close {
display:table-cell;
}
.diaporama__aside {
padding:1.25rem;
text-align:left;
background:#282828;
}
.diaporama__pub {
margin:30px auto;
}
.mfp-counter {
color:white;
display:inline-block;
font-size:12px;
left:0;
line-height:18px;
margin-left:5px;
position:absolute;
text-align:left;
top:5px;
}
.lac__media-diaporama__legende {
color:#fff;
padding:.5em;
}
.diaporama__titre {
font-size:0.875rem;
font-weight:bold;
padding-bottom:5px;
}
.diaporama__legende {
font-size:0.875rem;
color:#cccccc;
}
.diaporama__legende a{
color: #fff;
text-decoration: underline;
}
.diaporama__footer {
clear:both;
min-height:60px;
overflow:hidden;
width:100%;
display: none;
}
@media only screen and (min-width:64.0625em) {
.diaporama__footer {
bottom:0;
position:fixed;
}
}
.diaporama__copyright {
color:#999999;
font-style:italic;
font-size:14px;
margin:10px 10px 0;
text-align:left;
}
.diaporama-grid {
padding:5px;
text-align:right;
}
@media only screen and (min-width:64.0625em) {
.diaporama-grid {
margin-bottom:60px;
}
}
.diaporama-grid-item {
list-style:none;
display:inline-block;
vertical-align:top;
padding:0 0 5px 5px;
position:relative;
}
button.mfp-arrow {
height:100px;
margin:0;
opacity:1;
top:calc(50% - 50px);
border: 1px solid transparent;
}
button.mfp-arrow:before {
background:url(/img/bg-sprites.svg) 0 0 no-repeat;
border:none;
height:55px;
margin:0;
top:20px;
width:31px;
left:calc(50% - 15px);
}
button.mfp-arrow:after {
display:none;
}
button.mfp-arrow-left:before {
background-position:0 -100px;
}
button.mfp-arrow:active {
margin-top:0;
}
button.mfp-arrow:hover,button.mfp-arrow:focus,.mfp-arrow:hover,.mfp-arrow:focus {
background-color:rgba(0,0,0,0.7);
border: 1px solid #666;
}
.mfp-inline-holder .diaporama__nav {
display:table;
table-layout:fixed;
table-layout:auto\0;
text-align:center;
}
.mfp-inline-holder button.mfp-close {
display:inline-block;
vertical-align:bottom;
}
@media only screen and (min-width:0em) and (max-width:64em) {
.mfp-inline-holder .diaporama__wrapper {
height:auto;
}
}
@media only screen and (max-width:46.1875em) {
.mfp-counter {
display:none;
}
.mfp-arrow {
display:none !important;
}
}
@media only screen and (min-width:0em) and (max-width:64em) {
.diaporama__wrapper {
width:100%;
height:auto;
margin-bottom:25px;
margin-top:71px;
}
.diaporama__nav {
width:100%;
position:absolute;
opacity:0.75;
z-index:10;
}
.diaporama__nav .diapo__autoplay {
display:none;
}
.diaporama__aside {
width:100vw;
height:auto;
clear:both;
position:relative;
}
}
@media only screen and (min-width:64.0625em) {
.diaporama__wrapper {
min-height:calc(100% - 0px);
}
.diaporama__nav {
right:0;
width:340px;
}
.diaporama__aside {
float:right;
padding-top:90px;
min-height:calc(100% - 0px);
width:340px;
}
.mfp-arrow-right {
right:340px;
}
}
.diaporama__auto-promo {
padding:8px 0 8px 60px;
position:relative;
text-align:left;
}
@media only screen and (min-width:46.25em) {
.diaporama__auto-promo {
padding-top:15px;
}
}
.diaporama__auto-promo:before {
content:"&";
opacity:0.1;
color:#2e3032;
font-family:Velino,Times New Roman,serif;
font-style:italic;
font-size:85px;
position:absolute;
left:-7px;
top:-30px;
}
.diaporama__auto-promo__label {
border-right:1px solid #cccccc;
display:inline-block;
color:#2e3032;
font-family:Velino,Times New Roman,serif;
font-style:italic;
font-size:1.875rem;
height:30px;
line-height:1;
margin-right:30px;
padding-right:30px;
vertical-align:middle;
}
.diaporama__auto-promo__texte {
display:inline-block;
font-size:1rem;
font-style:italic;
padding-top:.2em;
vertical-align:middle;
}
.diaporama__auto-promo__texte a {
color:#2e3032;
}
.diaporama__auto-promo__texte svg {
margin-left:20px;
}
.lac__media-diaporama {
position:relative;
}
.lac__media-diaporama .element-invisible {
display:none;
}
.lac__media-diaporama__item {
float:left;
}
.lac__media-diaporama__photo {
position:relative;
float:left;
}
.lac__media-diaporama__photo:hover .mad_image__pin {
display:block;
}
.lac__media-diaporama__photo img {
display:block;
-moz-filter:brightness(100%);
-webkit-filter:brightness(100%);
-ms-filter:brightness(100%);
filter:brightness(100%);
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
.lac__media-diaporama__photo img:hover {
-moz-filter:brightness(70%);
-webkit-filter:brightness(70%);
-ms-filter:brightness(70%);
filter:brightness(70%);
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
.lac__media-diaporama__info {
float:left;
color:#2e3032;
font-family:Velino,Times New Roman,serif;
font-style:italic;
line-height:1;
position:relative;
}
.lac__media-diaporama__info__type {
font-size:3.4375rem;
}
.lac__media-diaporama__info__type:before {
content:"E";
color:#eeeeee;
position:absolute;
}
.lac__media-diaporama__info__type__inner {
position:relative;
}
.lac__media-diaporama__info__link_open {
color:#2e3032;
font-size: 16px;
display: inline-block;
}
@media only screen and (min-width:64.0625em) {
.lac__media-diaporama__info__link_open:hover {
color:#ce0033;
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
}
.lac__media-diaporama .lac__like {
pointer-events:none;
right:20px;
top:20px;
position:absolute;
}
.lac__media-diaporama .lac__like .lac__icon {
width:40px;
height:40px;
}
.lac__media-diaporama .lac__like .item-0,.lac__media-diaporama .lac__like .item-1,.lac__media-diaporama .lac__like .item-2,.lac__media-diaporama .lac__like .item-3 {
display:block;
}
.lac__media-diaporama--large .lac__media-diaporama__info {
line-height:1;
}
.lac__media-diaporama--large .lac__media-diaporama__info__type {
font-size:3rem;
}
.lac__media-diaporama--large .lac__media-diaporama__info__type:before {
top:-22px;
left:-10px;
font-size:13.75rem;
}
.lac__media-diaporama--large .lac__media-diaporama__info__type__inner {
top:40px;
left:-17px;
}
.lac__media-diaporama--large .lac__media-diaporama__info__titre {
clear:both;
font-size:2.25rem;
padding-top:.5em;
text-align:center;
position:relative;
z-index:2;
}
.lac__media-diaporama--large .lac__media-diaporama__info__link_open .lac__icon {
width:80px;
height:80px;
display:inline-block;
margin-left:0.5em;
}
@media only screen and (min-width:64.0625em) {
/*
.lac__media-diaporama--large:before {
left:12%;
content:"";
display:block;
position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:left bottom;
}
*/
.lac__media-diaporama--large .thumb-0 {
width:14%;
margin:3.07018% 0 1.66667% 0;
}
.lac__media-diaporama--large .thumb-1 {
width:30%;
}
.lac__media-diaporama--large .thumb-2 {
width:18%;
margin-top:6.557895%;
}
.lac__media-diaporama--large .thumb-3 {
width:13%;
margin-top:3.50877%;
}
.lac__media-diaporama__info {
width:25%;
}
}
@media only screen and (min-width:0em) and (max-width:64em) {
.lac__media-diaporama--large:before {
top:86px;
left:-54px;
}
.lac__media-diaporama--large .thumb-0 {
width:46%;
float:left;
margin-left:4%;
padding-top:6%;
}
.lac__media-diaporama--large .thumb-1 {
width:38%;
top:-20px;
}
.lac__media-diaporama--large .thumb-2 {
width:46%;
margin-top:0;
float:left;
display:block;
top:-20px;
}
.lac__media-diaporama--large .thumb-3 {
display:none;
}
.lac__media-diaporama--large .lac__media-diaporama__info {
height:90px;
text-align:left;
width:100%;
}
.lac__media-diaporama--large .lac__media-diaporama__info__type {
height:4.5rem;
}
.lac__media-diaporama--large .lac__media-diaporama__info__type:before {
font-size:7.5rem;
}
.lac__media-diaporama--large .lac__media-diaporama__info__type__inner {
top:10px;
left:-2px;
font-size:2.5rem;
}
.lac__media-diaporama--large .lac__media-diaporama__info__link_open {
font-size:1.875rem;
}
.lac__media-diaporama--large .lac__media-diaporama__info__link_open .lac__icon {
width:60px;
height:60px;
}
}
.lac__media-diaporama--colonne {
padding:20px 20px 30px;
}
/*
.lac__media-diaporama--colonne:before {
bottom:94px;
right:3px;
left:20px;
content:"";
display:block;
position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:left bottom;
}
*/
.lac__media-diaporama--colonne .thumb-0 {
width:56.3%;
float:left;
top:7px;
}
.lac__media-diaporama--colonne .thumb-1 {
width:34.5%;
top:-20px;
}
.lac__media-diaporama--colonne .thumb-2 {
width:43.6%;
margin-top:0;
float:left;
top:-20px;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info {
line-height:1;
width:100%;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__type {
font-size:3.125rem;
height:117px;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__type:before {
font-size:7.5rem;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__type__inner {
top:23px;
left:10px;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__titre {
position:relative;
width:100%;
margin-top:-17px;
text-align:center;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__link_open {
font-size:1.875rem;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__link_open .lac__icon {
width:60px;
height:60px;
margin:0 auto;
display:block;
}
@media only screen and (min-width:46.25em) and (max-width:64em) {
.lac__media-diaporama--colonne {
margin:0 auto;
}
.lac__media-diaporama__info__type__inner {
font-size:2.75rem;
}
.lac__media-diaporama__info__type:before {
font-size:10.3125rem;
}
}
@media only screen and (max-width:46.1875em) {
.lac__media-diaporama--colonne {
margin:0 auto;
}
.lac__media-diaporama--colonne:before,.lac__media-diaporama--colonne:after {
content:" ";
display:table;
}
.lac__media-diaporama--colonne:after {
clear:both;
}
.lac__media-diaporama--colonne .thumb-2 {
display:block;
top:-20px;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__type {
height:7.5rem;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__type:before {
font-size:7.5rem;
}
.lac__media-diaporama--colonne .lac__media-diaporama__info__type__inner {
top:23px;
left:25px;
}
}
/*
.lac__media-diaporama--medium:before {
content:"";
display:block;
position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:left bottom;
width:38%;
left:12%;
bottom:526px;
opacity:0.3;
}
*/
.lac__media-diaporama--medium {
padding:0;
}
.lac__media-diaporama--medium .thumb-0 {
width:60.5%;
float:right;
margin-bottom:0;
margin-top:0;
text-align:left;
}
.lac__media-diaporama--medium .thumb-1 {
left:1.4%;
width:38.1%;
margin-top:38%;
}
.lac__media-diaporama--medium .thumb-2 {
margin-top:0;
width:34.5%;
right:-1.4%;
}
.lac__media-diaporama--medium .thumb-3 {
margin-top:15.6%;
width:25%;
right:58.1%;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__titre {
font-size:2.25rem;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__titre svg {
clear:both;
display:inline-block;
margin-left:.5em;
}
@media only screen and (min-width:64.0625em) {
.lac__media-diaporama--medium .lac__media-diaporama__info__titre svg {
width:100px;
height:100px;
}
}
.lac__media-diaporama--medium .lac__media-diaporama__info__link_open {
padding:0;
}
.lac__media-diaporama--medium .lac__media-diaporama__info {
position:absolute;
width:40.3%;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type {
font-size:3.3rem;
top:20px;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type__inner {
margin-top:21%;
left:0;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type:before {
left:8%;
top:15%;
font-size:11rem;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__titre {
text-align:center;
}
@media only screen and (min-width:0em) and (max-width:64em) {
.lac__media-diaporama--medium .lac__media-diaporama__info {
position:relative;
width:100%;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type:before {
font-size:9.375rem;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__titre {
width:100%;
position:relative;
padding-top:20px;
margin-top:0;
}
}
.context-mad_text_media_medium.atom-align-center {
clear:none;
margin-right:0;
}
@media only screen and (min-width:46.25em) and (max-width:64em) {
.lac__media-diaporama--medium:before {
width:48%;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__titre svg {
width:80px;
height:80px;
margin-top:10px;
}
.lac__media-diaporama--medium .thumb-3 {
display:block;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type__inner {
margin:5% 0 5% 0;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type:before {
left:-1%;
top:-26%;
}
}
@media only screen and (max-width:46.1875em) {
.lac__media-diaporama--medium .lac__media-diaporama__info__type:before {
left:0;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__type__inner {
margin:10% 0;
}
.lac__media-diaporama--medium {
max-width:100%;
}
.lac__media-diaporama--medium:before {
bottom:64%;
left:-3%;
width:51%;
}
.lac__media-diaporama--medium .thumb-0 {
width:80%;
}
.lac__media-diaporama--medium .thumb-1 {
width:40%;
margin-top:-25%;
left:0.4%;
}
.lac__media-diaporama--medium .thumb-2 {
display:block;
width:52.5%;
right:-0.4%;
}
.lac__media-diaporama--medium .thumb-3 {
display:none;
}
.lac__media-diaporama--medium .lac__media-diaporama__info__titre svg {
width:60px;
height:60px;
}
}
.lac__homepage .lac__media-diaporama {
max-width:1000px;
padding:0;
}
/*
.lac__homepage .lac__media-diaporama:before {
content:"";
display:block;
position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:left bottom;
opacity:0.3;
}
*/
@media only screen and (min-width:64.0625em) {
.lac__homepage .lac__media-diaporama:before {
bottom:-110px;
left:90px;
}
}
.lac__homepage .lac__media-diaporama__photo {
float:left;
}
.lac__homepage .lac__media-diaporama ul {
margin-left:0;
}
.lac__homepage .lac__media-diaporama li {
list-style:none;
}
.lac__homepage .lac__media-diaporama .item-0 {
width:18.4%;
margin-top:7%;
}
.lac__homepage .lac__media-diaporama .item-1 {
width:38.55%;
}
.lac__homepage .lac__media-diaporama .item-2 {
width:24.3%;
margin-top:9%;
}
.lac__homepage .lac__media-diaporama .item-3 {
width:18.75%;
margin-top:3%;
}
.lac__homepage .lac__media-diaporama .lac__icon {
width:100px;
height:100px;
margin-top:3%;
margin-left:5%;
position:relative;
z-index:15;
}
@media only screen and (min-width:46.25em) and (max-width:64em) {
.lac__homepage .lac__media-diaporama {
padding:0;
}
.lac__homepage .lac__media-diaporama:before {
top:0;
bottom:-60px;
left:60px;
}
.lac__homepage .lac__media-diaporama .lac__icon {
width:80px;
height:80px;
}
.lac__homepage .lac__media-diaporama .item-3 {
display:block;
}
}
@media only screen and (max-width:46.1875em) {
.lac__homepage .lac__media-diaporama .item-0 {
width:32.4%;
margin-top:14.4%;
}
.lac__homepage .lac__media-diaporama .item-1 {
width:66.5%;
}
.lac__homepage .lac__media-diaporama .item-2 {
width:42.2%;
margin-top:-20%;
margin-left:14%;
}
.lac__homepage .lac__media-diaporama .item-3 {
display:none;
}
.lac__homepage .lac__media-diaporama .lac__icon {
width:60px;
height:60px;
margin-top:5%;
margin-left:10%;
}
.lac__homepage .lac__media-diaporama:before {
left:0;
bottom:90px;
}
}
@media only screen and (min-width:46.25em) {
.lac__homepage .lac__home__pub .lac__media-diaporama {
padding-top:0;
}
.lac__homepage .lac__home__pub .lac__media-diaporama .item-0 {
width:32.4%;
margin-top:14.4%;
}
.lac__homepage .lac__home__pub .lac__media-diaporama .item-1 {
width:66.5%;
}
.lac__homepage .lac__home__pub .lac__media-diaporama .item-2 {
width:42.2%;
margin-top:-14.5%;
margin-left:14%;
}
.lac__homepage .lac__home__pub .lac__media-diaporama .item-3 {
display:none;
}
.lac__homepage .lac__home__pub.lac__media-diaporama .item-0 {
width:32.4%;
margin-top:9%;
}
.lac__homepage .lac__home__pub.lac__media-diaporama .item-1 {
width:66.5%;
}
.lac__homepage .lac__home__pub.lac__media-diaporama .item-2 {
width:42.2%;
margin-top:-20%;
margin-left:14%;
}
.lac__homepage .lac__home__pub.lac__media-diaporama .item-3 {
display:none;
}
}
.mad_image.mad_image--full {
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.mad_image.mad_image--full:before {
content:"";
display:inline-block;
height:100%;
margin-left:-5px;
overflow:hidden;
vertical-align:middle;
width:0;
}
.mad_image.mad_image--full figcaption {
border:none;
padding:0;
position:relative;
width:100%;
left:0;
bottom:1.9em;
}
.mad_image.mad_image--full figcaption .mad_image__copyright {
background-color:#505050;
color:#fcfcfc;
display:inline;
font-style:italic;
font-size:0.805rem;
padding:8px 13px;
}
.mad_image.mad_image--full .mad_image__container {
vertical-align:middle;
display:inline-block;
}
.lac__teaser--videostill {
clear:both;
}
.diapo__content-inner {
position:relative;
height:100%;
}
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, 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 {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
input
{
outline: none;
}
/* FONTS
-------------------------------------------------------------- */
@font-face {
font-family: 'work_sanslight';
src: url('../fonts/worksans-light-webfont.eot');
src: url('../fonts/worksans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/worksans-light-webfont.woff2') format('woff2'),
url('../fonts/worksans-light-webfont.woff') format('woff'),
url('../fonts/worksans-light-webfont.ttf') format('truetype'),
url('../fonts/worksans-light-webfont.svg#work_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'work_sansregular';
src: url('../fonts/worksans-regular-webfont.eot');
src: url('../fonts/worksans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/worksans-regular-webfont.woff2') format('woff2'),
url('../fonts/worksans-regular-webfont.woff') format('woff'),
url('../fonts/worksans-regular-webfont.ttf') format('truetype'),
url('../fonts/worksans-regular-webfont.svg#work_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'work_sansmedium';
src: url('../fonts/worksans-medium-webfont.eot');
src: url('../fonts/worksans-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/worksans-medium-webfont.woff2') format('woff2'),
url('../fonts/worksans-medium-webfont.woff') format('woff'),
url('../fonts/worksans-medium-webfont.ttf') format('truetype'),
url('../fonts/worksans-medium-webfont.svg#work_sansmedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'work_sansbold';
src: url('../fonts/worksans-bold-webfont.eot');
src: url('../fonts/worksans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/worksans-bold-webfont.woff2') format('woff2'),
url('../fonts/worksans-bold-webfont.woff') format('woff'),
url('../fonts/worksans-bold-webfont.ttf') format('truetype'),
url('../fonts/worksans-bold-webfont.svg#work_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'work_sanssemibold';
src: url('../fonts/worksans-semibold-webfont.eot');
src: url('../fonts/worksans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/worksans-semibold-webfont.woff2') format('woff2'),
url('../fonts/worksans-semibold-webfont.woff') format('woff'),
url('../fonts/worksans-semibold-webfont.ttf') format('truetype'),
url('../fonts/worksans-semibold-webfont.svg#work_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displayblack';
src: url('../fonts/playfairdisplay-black-webfont.eot');
src: url('../fonts/playfairdisplay-black-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/playfairdisplay-black-webfont.woff2') format('woff2'),
url('../fonts/playfairdisplay-black-webfont.woff') format('woff'),
url('../fonts/playfairdisplay-black-webfont.ttf') format('truetype'),
url('../fonts/playfairdisplay-black-webfont.svg#playfair_displayblack') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displayregular';
src: url('../fonts/playfairdisplay-regular-webfont.eot');
src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),
url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displaybold';
src: url('../fonts/playfairdisplay-bold-webfont.eot');
src: url('../fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),
url('../fonts/playfairdisplay-bold-webfont.woff') format('woff'),
url('../fonts/playfairdisplay-bold-webfont.ttf') format('truetype'),
url('../fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displaybold_italic';
src: url('../fonts/playfairdisplay-bolditalic-webfont.eot');
src: url('../fonts/playfairdisplay-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
url('../fonts/playfairdisplay-bolditalic-webfont.woff') format('woff'),
url('../fonts/playfairdisplay-bolditalic-webfont.ttf') format('truetype'),
url('../fonts/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dincond-mediumregular';
src: url('../fonts/ff_din_condensed_medium-webfont.eot');
src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
url('../fonts/ff_din_condensed_medium-webfont.svg#dincond-mediumregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'master_of_breakregular';
src: url('../fonts/master_of_break-webfont.eot');
src: url('../fonts/master_of_break-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/master_of_break-webfont.woff2') format('woff2'),
url('../fonts/master_of_break-webfont.woff') format('woff'),
url('../fonts/master_of_break-webfont.ttf') format('truetype'),
url('../fonts/master_of_break-webfont.svg#master_of_breakregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* SITE
-------------------------------------------------------------- */
body
{
-webkit-backface-visibility:hidden;
}
a
{
text-decoration: none;
color: #000;
}
a:hover
{
text-decoration: underline;
}
sup
{
font-size: 12px;
vertical-align: top;
}
input[type=text]
{
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.row:after
{
clear: both;
content: '';
display: table;
}
img
{
max-width: 100%;
}
.clear
{
clear: both;
}
.center
{
text-align: center;
}
.pretablet, .tablet, .mobile
{
display: none;
}
#container
{
/*
max-width: 1440px;
*/
margin: 0 auto;
position: relative;
background: #fffcf4;
}
#sidenav
{
display: none;
}
.wrap
{
max-width: 1055px;
margin: 0 auto;
}
iframe[src*=googleads]
{
display: none;
}
iframe.instagram-media
{
margin-left: auto!important;
margin-right: auto!important;
}
body {
background: #fffcf4;
font-family: Arial;
font-size: 12px;
}
body.suite h1
{
font-family: 'playfair_displayblack';
font-size: 40px;
background: url(../img/titre_separ.png) no-repeat center bottom;
padding-bottom: 33px;
text-align: center;
margin-bottom: 36px;
padding-left: 15px;
padding-right: 15px;
}
body.suite h2, #search h2
{
font-family: 'playfair_displayblack';
font-size: 30px;
background: url(../img/titre_separ.png) no-repeat center bottom;
padding-bottom: 33px;
text-align: center;
margin-bottom: 56px;
}
body.suite h3
{
font-family: 'playfair_displaybold';
font-size: 24px;
text-align: center;
margin: 25px 0;
}
body.suite .introfirst
{
font-size: 16px;
font-family: 'work_sanslight';
line-height: 20px;
text-align: center;
margin-bottom: 36px;
padding-left: 15px;
padding-right: 15px;
}
.half
{
float: left;
width: 50%;
}
.third
{
float: left;
width: 33.333333333%;
}
.quarter
{
float: left;
width: 25%;
}
.five
{
float: left;
width: 20%;
}
.half img, .quarter img, .five img, .third img
{
max-width: 100%;
display: block;
}
.flex
{
display: flex;
}
.flex.strech
{
width: 100%;
height: 100%;
}
.flex .middle
{
margin: auto;
text-align: center;
padding: 0 15px;
}
.table
{
display: table;
width: 100%;
height: 100%;
}
.table .row
{
display: table-row;
width: 100%;
height: 100%;
}
.table .cell
{
display: table-cell;
vertical-align: top;
}
.table .middle
{
vertical-align: middle;
}
.table .bottom
{
vertical-align: bottom;
}
.table .half
{
float: none;
}
.recetteClicker
{
position: relative;
}
#banner
{
height: 235px;
position: relative;
}
#banner .search
{
position: absolute;
bottom: 28px;
width: 100%;
left: 0;
z-index: 2;
text-align: center;
}
#banner .search .field
{
width: 80%;
height: 43px;
max-width: 486px;
position: relative;
background: rgba(124,122,122, 0.4);
display: inline-block;
}
#banner .search input
{
background: none;
font-family: 'work_sansregular';
font-size: 18px;
border: 0;
outline: none;
padding: 0 20px 0 23px;
width: 100%;
height: 43px;
text-align: left;
color: #fff;
}
#banner .search .submit
{
position: absolute;
right: 12px;
top: 12px;
width: 19px;
height: 19px;
background: url(../img/loupe_blanc.png) no-repeat;
cursor: pointer;
}
#banner .titre
{
position: absolute;
width: 100%;
left: 0;
top: 134px;
font-size: 30px;
line-height: 35px;
font-family: 'playfair_displayblack';
color: #fff;
text-align: center;
}
#header
{
position: fixed;
height: 62px;
background: rgba(124,122,122, 0.7);
left: 0;
top: 0;
width: 100%;
z-index: 9;
}
#header .right, #header .right ul, #header .right li
{
height: 62px;
}
#header, #header a
{
color: #fff;
}
#header .bar
{
height: 0;
overflow: hidden;
}
#header.fixed
{
z-index: 9999;
height: 45px;
}
#header.fixed .right, #header.fixed .right ul, #header.fixed .right li
{
height: 45px;
}
#header.fixed .right ul li
{
padding-top: 11px;
}
#header .right ul li:hover
{
background-color: #81121D;
cursor: pointer;
}
#header.fixed .left ul li a
{
height: 45px;
line-height: 45px;
}
#header .logo
{
float: left;
}
#header .logo img
{
-moz-transition: width 0.3s ease 0.3s;
-webkit-transition: width 0.3s ease 0.3s;
transition: width 0.3s ease 0.3s;
width: 144px;
}
#header.fixed .logo img
{
width: 97px;
position: relative;
z-index: 2;
}
#header .left
{
float: left;
}
#header .left ul
{
margin-left: 32px;
float: left;
}
#header .left li
{
display: inline-block;
}
#header .left li
{
}
#header .left li a
{
text-transform: uppercase;
font-family: 'work_sanslight';
font-size: 16px;
display: inline-block;
height: 62px;
line-height: 62px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
}
#header .left li a:hover, #header .left li.current a
{
background: #fff;
color: #000;
}
#header .right
{
float: right;
}
#header .right ul
{
padding-right: 35px;
}
#header .right li
{
margin-left: 0px;
padding-top: 18px;
display: inline-block;
vertical-align: top;
}
#header .right li.coeur a
{
width: 24px;
height: 24px;
background: url(../img/p_coeur@2x.png) no-repeat;
background-size: 24px;
display: inline-block;
}
#header .right li.compte a
{
width: 24px;
height: 24px;
background: url(../img/p_user_on@2x.png) no-repeat center center;
background-size: 18px 24px;
display: inline-block;
}
#header .right li.compte.lo a
{
background: url(../img/p_user.png) no-repeat center center;
height: 28px;
}
#header .right li.top
{
display: none;
}
#header.fixed .right li.top, #header.fixed .right li.search
{
display: inline-block;
}
#header .right li.top
{
width: 50px;
height: 45px;
background: url(../img/top.png) no-repeat center center;
vertical-align: top;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
cursor: pointer;
}
#header.fixed .right li.coeur
{
border-right: 1px solid #fff;
}
#header .right li.search
{
width: 50px;
height: 62px;
background: url(../img/loupe_blanc_big.png) no-repeat center center;
vertical-align: top;
background-size: 24px;
cursor: pointer;
}
#header.fixed .right li.search
{
border-right: 1px solid #fff;
margin: 0;
height: 45px;
}
#header .right li.compte, #header .right li.coeur
{
width: 50px;
text-align: center;
}
.popup.emailshare
{
position: absolute;
left: 320px;
top: 134px;
z-index: 10002;
display: none;
}
.popup.emailshare .close, .popup#questionForm .close
{
width: 33px;
height: 34px;
position: absolute;
cursor: pointer;
left: 562px;
top: -5px;
}
.popup#questionForm .close
{
left: auto;
right: -32px;
top: -35px;
}
.popup.emailshare .top
{
width: 598px;
height: 28px;
}
.popup.emailshare .middle
{
width: 598px;
text-align: center;
}
.popup.emailshare .fieldright
{
margin-left: 20px;
}
.popup.emailshare .middle .merci
{
display: none;
font-size: 17px;
padding: 70px;
color: #fff;
}
.popup.emailshare .middle .titre
{
font-family: 'MissionScript';
font-size: 30px;
color: #fff;
margin-bottom: 10px;
}
.popup.emailshare .middle .titre2
{
color: #fff;
margin-bottom: 15px;
}
.popup.emailshare .middle input, .popup.emailshare .middle textarea
{
font-family: 'dincond-mediumregular';
font-size: 16px;
color: #85827b;
padding-left: 10px;
float: none;
margin-bottom: 7px;
}
.popup.emailshare .middle textarea
{
width: 423px;
height: 141px;
padding-top: 5px;
}
.popup.emailshare .middle a.submit
{
display: inline-block;
width: 125px!important;
height: 43px;
line-height: 43px;
text-decoration: none!important;
cursor: pointer;
margin-top: 3px;
color: #fff;
font-family: 'dincond-mediumregular';
font-size: 19px;
text-align: center;
}
.popup.emailshare .middle #form
{
padding: 0 83px;
text-align: left;
}
.popup.emailshare .middle #form .input
{
}
.popup.emailshare .middle #form table
{
float: left;
margin-right: 15px;
}
.popup.emailshare .middle #form table TD
{
vertical-align: top;
}
.popup.emailshare .bottom
{
width: 598px;
height: 28px;
}
#header #networks .googleplus a
{
width: 26px;
height: 24px;
background: url('../img/googleplus.png') no-repeat;
cursor: pointer;
position: relative;
display: block;
}
#header #networks .facebook
{
width: 26px;
height: 24px;
background: url('../img/facebook@2x.png') no-repeat;
background-size: 9px 22px;
cursor: pointer;
position: relative;
}
#header #networks .facebook .pad
{
position: absolute;
z-index: 1;
top: 0;
left: -305px;
display: none;
padding-right: 25px;
}
#header #networks .facebook .fb-share-button
{
position: absolute;
z-index: 2;
top: 34px;
left: 132px;
width: 80px;
height: 30px;
}
#header #networks .facebook .pad > div
{
background: white;
height: 258px;
}
#header #networks .twitter
{
width: 26px;
height: 24px;
background: url('../img/twitter.png') no-repeat;
cursor: pointer;
}
#header #networks .twitter .pad
{
position: absolute;
z-index: 1;
top: 0;
left: -265px;
display: none;
padding-right: 25px;
}
#header #networks .twitter .pad > div
{
background: white;
border: 1px solid #ccc;
padding: 10px;
color: #666;
font-weight: bold;
width: 260px;
}
#header #networks .twitter .pad a
{
color: #FF9900;
font-weight: bold;
display: inline-block;
margin: 10px 0;
}
#ajout_recette_ok
{
position: absolute;
width: 184px;
height: 72px;
z-index: 10002;
background: url('../img/ajout_recette_ok.png') left top no-repeat;
color: #fff;
padding: 37px 16px;
text-align: center;
line-height: 17px;
padding: 24px 6px;
display: none;
}
#ajout_recette
{
position: absolute;
width: 346px;
z-index: 10002;
display: none;
}
#ajout_recette .top
{
background: url('../img/ajout_recette_top.png') left top no-repeat;
width: 346px;
height: 24px;
}
#ajout_recette .middle
{
background: url('../img/ajout_recette_middle.png') left repeat-y;
width: 346px;
text-align: center;
position: relative;
}
#ajout_recette .close
{
background: url('../img/ajout_recette_close.png') left top no-repeat;
width: 26px;
height: 26px;
cursor: pointer;
position: absolute;
top: -28px;
right: -1px;
}
#ajout_recette .middle .pad
{
padding: 10px 50px 20px 50px;
text-align: left;
}
#ajout_recette .middle .pad, #ajout_recette .middle .pad .add
{
color: #85827b;
font-size: 14px;
}
#ajout_recette .middle .pad .add
{
display: inline-block;
text-decoration: underline;
margin-top: 20px;
cursor: pointer;
}
#ajout_recette .middle .pad .titre
{
font-size: 25px;
color: #ff9900;
font-family: 'MissionScript';
margin-bottom: 15px;
}
#ajout_recette .middle .ajout
{
display: none;
}
#ajout_recette .middle .pad .field
{
background: url('../img/ajout_recette_field.png') left no-repeat;
width: 197px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 13px;
padding: 0 10px;
display: inline-block;
border: 0;
outline: none;
vertical-align: middle;
font-family: Arial;
}
#ajout_recette .middle .pad .ok
{
background: url('../img/ok.png') left no-repeat;
width: 28px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 18px;
text-align: center;
text-transform: uppercase;
font-family: 'dincond-mediumregular';
display: inline-block;
margin-left: 5px;
vertical-align: middle;
cursor: pointer;
}
#ajout_recette .middle .bouton3 a
{
display: inline-block;
}
#ajout_recette .middle .bouton3
{
position: absolute;
bottom: -36px;
left: 6px;
width: 332px;
display: none;
text-align: center;
}
#ajout_recette .middle .bouton3.active
{
display: block;
}
#ajout_recette .middle .pad li
{
padding-left: 25px;
background: url('../img/ajout_recette_puce.png') left top no-repeat;
line-height: 16px;
margin-bottom: 10px;
cursor: pointer;
}
#ajout_recette .middle .pad li.active
{
background: url('../img/ajout_recette_puce_on.png') left top no-repeat;
}
#ajout_recette .bottom
{
background: url('../img/ajout_recette_bottom.png') left top no-repeat;
width: 346px;
height: 32px;
}
#footer
{
width: 100%;
background: #241616;
}
#footer .prefooter
{
border-bottom: 1px solid #332626;
}
#footer .prefooter .col
{
float: left;
width: 33.33%;
padding: 30px 0px;
}
#footer .prefooter a
{
font-family: 'work_sanslight';
font-size: 16px;
line-height: 18px;
padding: 30px 0px 0 100px;
display: inline-block;
height: 100px;
margin: 0 25px;
text-decoration: none;
text-align: center;
}
#footer .prefooter a.compte
{
background: url(../img/footer_compte_on.png) no-repeat left center;
}
#footer .prefooter a.compte.lo
{
background: url(../img/footer_compte.png) no-repeat left center;
}
#footer .prefooter a.termes
{
background: url(../img/footer_terme.png) no-repeat left center;
}
#footer .prefooter a.adresses
{
background: url(../img/facebook_big.png) no-repeat 20px 10px;
background-size: 44px;
}
#footer .footer .col
{
float: left;
width: 18%;
padding: 40px 20px 20px 20px;
}
#footer .footer .col1
{
width: 28%;
background: url(../img/logo.png) no-repeat center top;
padding-top: 115px;
text-align: center;
font-size: 11px;
}
#footer .footer, #footer .footer a
{
font-family: 'work_sanslight';
font-size: 12px;
line-height: 16px;
}
#footer .footer .mentions
{
padding-top: 40px;
opacity: 0.4;
}
#footer .footer .titre
{
font-size: 16px;
font-family: 'playfair_displayregular';
height: 54px;
}
.popup.remboursement .line1
{
margin-bottom: 20px;
}
.popup.remboursement p
{
padding-bottom: 20px;
line-height: 20px;
}
.popup.remboursement .more a
{
text-decoration: none;
}
.remboursement .close
{
width: 29px;
height: 29px;
background: url('../img/popupcode_close.png') no-repeat left center;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
#passwordform
{
background: #fff;
width: 612px;
padding: 22px;
text-align: center;
z-index: 10001;
margin: 120px auto 50px auto;
}
#passwordform .pad
{
border: 1px solid #81121d;
padding-bottom: 40px;
padding: 20px;
}
#passwordform
{
margin-top: 120px;
}
#passwordform .form.password h1
{
font-size: 20px;
}
#passwordform .form.password .row
{
text-align: center;
margin-bottom: 10px;
}
#passwordform .form.password .submit
{
text-align: center;
}
#passwordform .passwordchanged .submit
{
margin-top: 30px;
}
#passwordform .passwordchanged .submit a
{
color: #81121d;
font-size: 18px;
text-decoration: underline;
}
#home h2
{
font-family: 'playfair_displayblack';
font-size: 30px;
margin-bottom: 16px;
}
#home .chefs
{
max-width: 100%;
}
#home .chefs .slide .bx-wrapper .bx-pager, #home .chefs .slide .bx-wrapper .bx-controls-auto
{
bottom: -75px;
}
#home .chefs .slide .bx-wrapper .bx-pager.bx-default-pager a
{
border-color: #6f1006;
}
#home .chefs .slide
{
padding-bottom: 90px;
}
#home .chefs h2
{
margin-top: 60px;
}
#home .chefs h2, #home .chefs .titre
{
text-align: center;
}
#home .chefs .titre
{
font-family: 'work_sanslight';
font-size: 20px;
margin-bottom: 50px;
}
#home .chefs li a
{
font-size: 16px;
font-family: 'work_sansregular';
color: #000;
}
#home .chefs li img
{
display: block;
margin-bottom: 15px;
}
#home .chefs .more
{
text-align: center;
margin-top: 25px;
padding-bottom: 10px;
}
.more a, #home .ingredient .left .texte a, .encart_geste .all a
{
font-family: 'work_sansmedium';
font-size: 16px;
color: #000;
border: 2px solid #000;
padding: 7px 20px;
text-decoration: none;
display: inline-block;
}
#ingredient .texte .more
{
padding: 30px 0;
text-align: center;
}
#ingredient .texte .more a
{
display: inline-block;
}
.more a:hover, #home .ingredient .left .texte a:hover, .encart_geste .all a:hover
{
color: #fff;
background: #000;
}
#home .chefs .more a, #home .ingredient .left .texte a, #ingredients .categorie .more a, #club .more a
{
color: #81121d;
border: 2px solid #81121d;
text-decoration: none;
}
#home .chefs .more a:hover, #home .ingredient .left .texte a:hover, .encart_geste .all a:hover, #ingredients .categorie .more a:hover, #club .more a:hover
{
background: #81121d;
color: #fff;
}
#home .slide
{
position: relative;
}
#home .slide h1
{
position: absolute;
z-index: 9;
left: 0;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #fff;
font-family: 'playfair_displayblack';
font-size: 40px;
top: 165px;
text-shadow: 1px 1px 1px #444;
}
.pave .inner
{
padding-top: 30px;
}
#homeslider
{
max-height: 596px;
overflow: hidden;
}
#homeslider .bx-viewport
{
max-height: 596px;
}
#homeslider, #homeslider li img
{
width: 100%;
}
#home .chefs .bx-controls
{
position: relative;
}
#home .chefs .bx-controls-direction
{
position: absolute;
width: 100%;
}
#home .chefs .bx-prev, #home .chefs .bx-next
{
margin: 0;
width: 21px;
height: 19px;
display: inline-block;
}
#home .chefs .bx-prev
{
background: url(../img/prev2.png) no-repeat;
margin-right: 54px;
vertical-align: middle;
cursor: pointer;
}
#home .chefs .bx-next
{
background: url(../img/next2.png) no-repeat;
margin-left: 54px;
vertical-align: middle;
cursor: pointer;
}
#home .chefs .bx-controls
{
display: none;
}
#home .chefs #bx-pager
{
width: 100%;
position: absolute;
bottom: 20px;
left: 0;
}
#home .chefs #bx-pager a
{
border-color: #81121d;
}
#home .chefs #bx-pager a.active
{
background: #81121d;
}
.slide_trait
{
text-align: center;
margin-bottom: 27px;
}
.slide_trait span
{
display: inline-block;
height: 10px;
background: #81121d;
width: 70%;
max-width: 900px;
vertical-align: top;
}
#home .chefs h1, #home .recettespop h1, #home .recettescoeur h1
{
color: #666666;
}
#home .alaune .titre
{
font-family: 'playfair_displayregular';
font-size: 20px;
}
#home .alaune .trait
{
margin-top: 16px;
margin-bottom: 16px;
}
#home .alaune .trait span
{
display: inline-block;
width: 34px;
height: 6px;
background: #000;
}
#home .alaune .texte
{
font-family: 'work_sanslight';
color: #242424;
font-size: 16px;
line-height: 25px;
max-width: 900px;
margin-top: 50px;
padding-bottom: 30px;
}
#home .alaune .blocs
{
margin: 60px 0;
}
.magazine
{
background: #358792;
padding: 20px;
position: relative;
margin-top: 170px;
}
.magazine .encart
{
position: absolute;
left: 0;
width: 100%;
top: -123px;
text-align: center;
}
.magazine .encart h2
{
margin-bottom: 36px;
}
.magazine .encart .wrap
{
}
.magazine .encart .wrap .inner
{
background: #fff;
min-height: 215px;
padding: 40px 20px;
margin-left: 25px;
margin-right: 25px;
}
.magazine .encart .intro
{
font-family: 'work_sanslight';
color: #929292;
font-size: 16px;
}
.magazine .pad
{
border: 2px solid #fff;
padding: 150px 15px 70px 15px;
}
.magazine .article
{
float: left;
width: calc(33.33% - 50px);
margin: 0 25px;
color: #fff;
}
.magazine .article img
{
width: 100%;
}
.magazine .article .titre
{
font-family: 'playfair_displaybold';
font-size: 24px;
color: #fff;
margin-bottom: 20px;
display: inline-block;
line-height: 28px;
text-align: left;
}
.magazine .article .texte
{
margin-top: 20px;
text-align: justify;
font-family: 'work_sansregular';
font-size: 14px;
line-height: 20px;
min-height: 260px;
}
.magazine .all
{
text-align: center;
margin-top: 50px;
}
.magazine .article .more, .magazine .all a
{
display: inline-block;
padding: 10px 20px;
color: #fff;
border: 2px solid #fff;
margin-top: 20px;
text-decoration: none;
}
.magazine .article .more:hover, .magazine .all a:hover
{
background: #fff;
color: #358792;
}
.share
{
text-align: right;
}
.share > ul
{
border-left: 1px solid #81121d;
border-right: 1px solid #81121d;
}
.share ul
{
white-space: nowrap;
display: inline-block;
vertical-align: top;
}
.share li
{
display: inline-block;
vertical-align: top;
width: 36px;
height: 36px;
cursor: pointer;
}
.share > ul > li
{
border-right: 1px solid #81121d;
border-top: 1px solid #81121d;
border-bottom: 1px solid #81121d;
}
.share li li
{
border-right: 1px solid #81121d;
height: 35px;
}
.share li.first
{
background: url(/img/share@2x.png) no-repeat center center;
background-size: 22px 22px!important;
}
.share li.nlast
{
border-right: 0;
}
.share.open.page li.nlast
{
border-left: 1px solid #81121d;
margin-left: 30px;
}
.share li.first.open
{
background: url(/img/share_on@2x.png) no-repeat center center;
background-size: 40px 40px!important;
border-right: 0;
width: 40px;
}
.share li.first:hover
{
background: #81121d url(/img/share_over@2x.png) no-repeat center center;
background-size: 22px 22px!important;
}
.share li.first.open:hover
{
background: url(/img/share_on@2x.png) no-repeat center center;
background-size: 40px 40px!important;
}
.share li.coeur
{
overflow: hidden;
border-right: 0;
padding-left: 36px;
background: url(/img/coeur@2x.png) no-repeat 7px center;
background-size: 21px 21px!important;
width: 0;
}
.share li.coeur:hover
{
background: #81121d url('../img/coeur_over@2x.png') no-repeat center center!important;
background-size: 21px 21px!important;
}
.share li.print
{
background: url(/img/print@2x.png) no-repeat 7px center;
background-size: 23px 22px;
}
.share li.print:hover
{
background: #81121d url(/img/print_on@2x.png) no-repeat 7px center!important;
background-size: 23px 22px!important;
}
.share li.coeur.load
{
background: url(/img/ajax-loader2.gif) no-repeat center center;
}
.share li.coeur.active
{
background: url(/img/coeur_on@2x.png) no-repeat 7px center;
background-size: 21px 21px!important;
}
.share li.coeur.active:hover
{
background: #81121d url(/img/coeur_over@2x.png) no-repeat 7px center!important;
background-size: 21px 21px!important;
}
.share li.coeur.open .n1
{
width: 32px;
}
.share li.facebook
{
background: #fff url('../img/facebook@2x.png') no-repeat center center!important;
background-size: 9px 22px!important;
}
.share li.facebook:hover
{
background: #81121d url('../img/facebook_on@2x.png') no-repeat center center!important;
background-size: 9px 22px!important;
}
.share li.twitter
{
background: url(/img/twitter@2x.png) no-repeat center center;
background-size: 25px 20px!important;
}
.share li.twitter:hover
{
background: #81121d url('../img/twitter_on@2x.png') no-repeat center center!important;
background-size: 25px 20px!important;
}
.share li.pinterest
{
background: url(/img/pinterest@2x.png) no-repeat center center;
background-size: 18px 21px!important;
}
.share li.pinterest:hover
{
background: #81121d url('../img/pinterest_on@2x.png') no-repeat center center!important;
background-size: 18px 21px!important;
}
.share li li
{
background-color: #fff!important;
}
.bloc_chef_2recettes .share
{
margin-top: 12px;
}
.bloc_chef_2recettes .left
{
text-align: right;
float: left;
width: 483px;
position: relative;
}
.bloc_chef_2recettes .left a
{
display: block;
color: #000;
}
.bloc_chef_2recettes .left img
{
max-width: 100%;
}
.bloc_chef_2recettes .left a span
{
position: absolute;
left: -30px;
top: 50px;
display: block;
background: #fff;
font-family: 'playfair_displaybold_italic';
font-size: 16px;
text-align: right;
padding: 38px 23px;
width: 200px;
line-height: 22px;
}
.bloc_chef_2recettes .right
{
text-align: left;
float: left;
width: 502px;
margin-left: 25px;
}
.bloc_chef_2recettes .right .recette
{
position: relative;
}
.bloc_chef_2recettes .right .recette .share
{
display: none;
}
.bloc_chef_2recettes .right .recette a
{
display: block;
color: #000;
}
.bloc_chef_2recettes .right .recette a span
{
position: absolute;
right: -30px;
top: 50px;
display: block;
background: #fff;
font-family: 'playfair_displaybold_italic';
font-size: 16px;
text-align: right;
padding: 38px 23px;
width: 184px;
line-height: 22px;
}
.bloc_chef_2recettes .right .chef
{
margin-bottom: 23px;
}
.bloc_chef_2recettes .right .chef a
{
display: inline-block;
background: #fff;
height: 175px;
line-height: 175px;
color: #000;
white-space: nowrap;
}
.bloc_chef_2recettes .right .chef a img
{
float: left;
max-width: 172px;
}
.bloc_chef_2recettes .right .chef a span
{
display: inline-block;
vertical-align: middle;
font-family: 'playfair_displaybold_italic';
font-size: 20px;
text-align: right;
padding-left: 25px;
padding-right: 37px;
line-height: normal;
text-align: left;
white-space: normal;
width: calc(100% - 172px);
}
#home .ingredient
{
background: #f6f4f2;
margin-top: 20px;
}
#home .ingredient .left
{
border-top: 46px solid #fffcf4;
float: left;
width: 52%;
background: #f6f4f2 url(../img/home_ingredient.png) no-repeat left top;
min-height: 765px;
padding-left: 220px;
padding-right: 102px;
}
#home .ingredient .left .titre
{
font-size: 20px;
font-family: 'playfair_displayregular';
padding-top: 70px;
padding-bottom: 25px;
}
#home .ingredient .left .trait span
{
display: inline-block;
background: #000;
width: 63px;
height: 4px;
margin-bottom: 25px;
}
#home .ingredient .left h2
{
margin-bottom: 20px;
}
#home .ingredient .left .intro
{
color: #929292;
font-size: 16px;
font-family: 'work_sanslight';
margin-bottom: 50px;
line-height: 20px;
text-align: justify;
}
#home .ingredient .left .texte
{
padding: 0 30px;
font-family: 'work_sansregular';
font-size: 14px;
line-height: 20px;
text-align: justify;
}
#home .ingredient .left .texte p
{
padding-bottom: 20px;
}
#home .ingredient .left .texte a
{
}
#home .ingredient .right
{
float: left;
width: 48%;
}
#home .ingredient img
{
display: block;
max-width: 100%;
}
.recettesliste li.recette
{
position: relative;
}
.recettesliste .share
{
position: absolute;
bottom: 5px;
right: 5px;
}
.half .recettesliste .share
{
position: relative;
}
.recettesliste .share li
{
width: 28px;
height: 28px;
background-size: auto 16px!important;
}
.recettesliste .share li:hover
{
background-size: auto 16px!important;
}
.recettesliste .share li.coeur
{
/*
padding-left: 0px;
background-position: 5px center;
width: 0;
*/
padding-left: 28px;
background-position: 5px center;
}
.recettesliste .share li.first.open
{
width: 28px;
background-color: #81121d;
background-size: auto 23px !important;
}
.recettesliste .share li.coeur.open .n1
{
width: 24px;
}
.recettesliste .share li.first.open
{
/*
background-size: auto 26px !important;
width: 30px;
*/
}
.recettesliste img
{
display: inline-block;
max-width: 100%;
}
.share.open
{
text-align: left;
}
.share.open .back
{
float: right;
padding-left: 37px;
height: 25px;
line-height: 25px;
background: url(/img/back@2x.png) no-repeat left center;
background-size: 27px 19px;
font-size: 13px;
color: #81121d;
font-family: 'work_sansregular';
cursor: pointer;
}
.share.open li.coeur
{
margin-left: 18px;
border-left: 1px solid #81121d;
border-right: 1px solid #81121d;
}
#recette .share.open
{
margin-left: 15px;
margin-right: 15px;
}
#recette .share .etoiles
{
float: right;
white-space: nowrap;
border: 0;
margin-right: 45px;
}
#recette .share .etoiles li
{
display: inline-block;
height: 28px;
line-height: 28px;
border: 0;
}
#recette .share .etoiles li.notes
{
font-size: 13px;
color: #81121d;
font-family: 'work_sansregular';
margin-right: 10px;
width: auto;
}
#recette .share .etoiles li.etoile
{
width: 35px;
background: url(/img/star.png) no-repeat left center;
background-size: 28px;
}
#recette .share .etoiles li.on:not(.over0), #recette .share .etoiles li.etoile.over
{
background: url(/img/star_on.png) no-repeat;
background-size: 28px;
}
#home .ingredient .image
{
position: relative;
display: block;
}
#home .ingredient .image .trait
{
position: absolute;
left: 0;
top: 0;
width: calc(100% - 36px);
height: calc(100% - 36px);
margin: 18px;
border: 1px solid #fff;
}
#home .ingredient .right .recettesliste li.recette
{
width: 50%;
}
#home .themes .quarter.idx9, #recette.geste .themes .quarter.idx9
{
display: none;
}
.recettesliste li.recette
{
display: inline-block;
vertical-align: top;
background: #fff;
}
.recettesliste li.recette .img
{
position: relative;
}
.recettesliste li.recette .img .triangle
{
position: absolute;
display: inline-block;
width: 21px;
height: 13px;
left: 26px;
bottom: 0;
background: url(../img/triangle.png) no-repeat;
}
.recettesliste li.recette .nom
{
padding: 18px 15px 10px 15px;
}
.half .recettesliste li.recette .nom
{
padding: 8px 15px 3px 15px;
line-height: 17px;
}
.recettesliste li.recette .nom a
{
font-family: 'work_sansregular';
font-size: 14px;
}
.recettesliste li.recette .chef
{
padding: 8px 15px 10px 15px;
}
.recettesliste li.recette .chef, .recettesliste li.recette .chef a
{
font-family: 'work_sansbold';
font-size: 14px;
}
.half .recettesliste li.recette .chef, .half .recettesliste li.recette .chef a
{
font-size: 13px;
text-align: left;
line-height: 15px;
}
.half .recettesliste li.recette .chef
{
padding: 8px 10px 10px 10px;
}
.encart_geste .titre, .encart_themes .titre
{
font-size: 20px;
font-family: 'playfair_displayregular';
padding-top: 40px;
padding-bottom: 20px;
text-align: center;
}
.encart_geste h2, .encart_themes h2
{
text-align: center;
margin-top: 20px;
margin-bottom: 35px!important;
}
#recette.geste .encart_themes h2
{
margin-top: 45px;
}
.encart_geste .trait, .encart_themes .trait
{
text-align: center;
}
.encart_geste .trait span, .encart_themes .trait span
{
display: inline-block;
background: #000;
width: 60px;
height: 6px;
}
.encart_geste .left
{
float: left;
width: 65%;
text-align: right;
position: relative;
}
.encart_geste .left .encart
{
position: absolute;
left: -80px;
top: 80px;
width: 238px;
height: 238px;
background: #fff;
padding: 36px;
text-align: right;
}
.encart_geste .left .encart .libelle
{
font-size: 12px;
font-family: 'playfair_displayregular';
text-transform: uppercase;
margin-bottom: 22px;
}
.encart_geste .left .encart .nom
{
font-size: 18px;
font-family: 'playfair_displaybold_italic';
line-height: 25px;
}
.encart_geste .left img
{
max-width: 100%;
}
.encart_geste .right
{
float: left;
width: 35%;
padding: 15px 80px 15px 30px;
font-family: 'work_sansregular';
font-size: 14px;
line-height: 18px;
}
.encart_geste .right p
{
padding-bottom: 18px;
}
.encart_geste .right h3
{
font-size: 24px;
font-family: 'playfair_displayregular';
font-weight: bold;
line-height: 28px;
margin-bottom: 30px;
}
.encart_geste .right .more
{
margin-top: 20px;
}
.encart_geste .all
{
text-align: center;
margin-top: 50px;
}
.encart_geste .all a
{
border: 2px solid #6f0828;
display: inline-block;
color: #6f0828;
}
#home .encart_geste
{
background: #ebe6e2;
padding: 30px 0 50px 0;
margin-top: 0;
}
#home .video .play
{
position: absolute;
background: url(/img/play.png) no-repeat center center;
left: calc(50% - 48px);
top: 40%;
z-index: 10;
width: 96px;
height: 96px;
cursor: pointer;
}
.bx-wrapper
{
margin: 0;
}
.bx-wrapper .bx-viewport
{
box-shadow: none;
border: 0;
left: 0;
background: none;
}
.bx-wrapper .bx-viewport .bx-loading
{
display: none;
}
#home .slide .bx-wrapper .bx-pager, #home .slide .bx-wrapper .bx-controls-auto
{
bottom: 80px;
}
#home .slide .search
{
position: absolute;
bottom: 18px;
width: 100%;
left: 0;
z-index: 2;
text-align: center;
}
#home .slide .search .field
{
width: 80%;
height: 43px;
max-width: 600px;
position: relative;
background: rgba(255,255,255, 0.87);
display: inline-block;
}
#home .slide .search input
{
background: none;
font-family: 'work_sansregular';
font-size: 18px;
border: 0;
outline: none;
padding: 0 20px 0 23px;
width: 100%;
height: 43px;
text-align: left;
}
#home .slide .search .submit
{
position: absolute;
right: 12px;
top: 12px;
width: 19px;
height: 19px;
background: url(../img/loupe.png) no-repeat;
cursor: pointer;
}
#home .slide .bx-wrapper .bx-pager.bx-default-pager a
{
background: none;
border: 1px solid #fff;
border-radius: 100px;
width: 11px;
height: 11px;
}
#home .slide .bx-wrapper .bx-pager.bx-default-pager a:hover, #home .slide .bx-wrapper .bx-pager.bx-default-pager a.active
{
border: 1px solid #6f1006;
background: #6f1006;
}
#footer
{
background: #241616;
}
#footer, #footer a
{
color: #fff;
}
.home .bxslider .legende
{
position: absolute;
left: 20%;
top: 106px;
text-align: center;
border: 1px solid #fff;
width: 60%;
padding-top: 116px;
font-family: 'playfair_displayblack';
}
.home .bxslider .legende .titre
{
font-size: 20px;
padding-bottom: 120px;
}
.home .bxslider .legende .titre a {
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px #444;
}
.home .bxslider .legende .pad
{
position: relative;
}
.home .bxslider .legende .chef
{
width: 100%;
height: 170px;
position: absolute;
background: url('../img/chef_rond_slider_big.png') no-repeat center center;
bottom: -85px;
text-align: center;
}
.home .bxslider .legende .chef a
{
display: inline-block;
}
#bx-pager
{
margin-top: 12px;
position: relative;
width: 931px;
}
#bx-pager .prev
{
background: url('../img/slider_previous.png') no-repeat;
width: 26px;
height: 38px;
position: absolute;
left: -24px;
top: 40px;
cursor: pointer;
}
#bx-pager .next
{
background: url('../img/slider_next.png') no-repeat -9px 0;
width: 30px;
height: 38px;
position: absolute;
right: -25px;
top: 40px;
cursor: pointer;
}
#bx-pager .slide
{
overflow: hidden;
position: relative;
height: 198px;
}
#bx-pager ul
{
width: 1000000px;
position: absolute;
left: 0;
top: 0;
}
#bx-pager li
{
border-bottom: 8px solid #adaba5;
width: 177px;
float: left;
margin-right: 12px;
}
#bx-pager li, #bx-pager li a
{
font-family: Arial;
font-size: 12px;
color: #666;
}
#bx-pager li.active
{
border-bottom: 8px solid #4c0317;
}
#bx-pager li strong
{
font-size: 13px;
font-weight: bold;
display: block;
color: #000;
margin-bottom: 3px;
}
#bx-pager li .img
{
position: relative;
cursor: pointer;
}
#bx-pager li .img .fleche
{
position: absolute;
width: 18px;
height: 9px;
background: url('../img/homeslider_fleche.png') no-repeat;
left: 12px;
bottom: 0;
}
#bx-pager li .titre
{
height: 36px;
display: block;
text-decoration: none;
}
#bx-pager li .texte
{
padding-left: 10px;
margin-top: 10px;
height: 67px;
}
#bx-pager li .tools
{
padding: 10px 0;
}
#bx-pager li.Chef .tools
{
padding-top: 7px;
}
#bx-pager li.Chef .tools a
{
height: 18px;
line-height: 18px;
}
#bx-pager li .coeur
{
float: left;
width: 70px;
background: url('../img/coeur.png') no-repeat;
padding-left: 20px;
height: 14px;
font-size: 11px;
line-height: 14px;
}
#bx-pager li .tools a
{
float: right;
font-family: arial;
font-size: 10px;
text-transform: uppercase;
color: #ff9900;
line-height: 14px;
}
#homechefs
{
margin-top: 12px;
position: relative;
width: 828px;
margin-left: 86px;
height: 265px;
}
#homechefs .prev
{
background: url('../img/slider_previous.png') no-repeat;
width: 35px;
height: 38px;
position: absolute;
left: -16px;
top: 40px;
cursor: pointer;
z-index: 2;
}
#homechefs .next
{
background: url('../img/slider_next.png') no-repeat -5px 0;
width: 35px;
height: 38px;
position: absolute;
right: -17px;
top: 40px;
cursor: pointer;
z-index: 2;
}
#homechefs .slide
{
overflow: hidden;
position: relative;
height: 220px;
}
#homechefs ul
{
width: 1000000px;
position: absolute;
left: 0;
top: 0;
}
#homechefs li
{
width: 169px;
font-family: Arial;
font-size: 12px;
color: #666666;
padding-bottom: 5px;
float: left;
padding-right: 17px;
text-align: center;
position: relative;
}
#homechefs li .img
{
position: relative;
}
#homechefs li .img span.new
{
background: url('../img/nouveau_chef.png') no-repeat;
width: 121px;
height: 26px;
position: absolute;
left: 0;
bottom: 19px;
}
#homechefs li .separ
{
background: url('../img/slider_separ.png') no-repeat;
width: 37px;
height: 8px;
left: 142px;
top: 55px;
position: absolute;
}
#homechefs li .nom a
{
font-size: 18px;
font-family: 'dincond-mediumregular';
text-transform: uppercase;
color: #666;
}
#homechefs li .nom a span
{
color: #000;
}
#homechefs li .desc
{
padding: 6px 0;
}
#homechefs .tools
{
background: url('../img/separ_v.png') no-repeat 46px 8px;
margin-top: 3px;
}
#homechefs .tools a.etoile
{
line-height: 18px;
display: inline-block;
margin-right: 15px;
}
#homechefs .tools a.more
{
display: inline-block;
font-family: arial;
font-size: 10px;
text-transform: uppercase;
color: #ff9900;
line-height: 22px;
vertical-align: top;
}
#chefs #banner
{
background: url(../img/chefs-banner.jpg) no-repeat center center;
background-size: cover;
}
#chefs .slide_trait
{
margin-top: -1px;
}
#chefs .slide_trait span
{
height: 7px;
}
#chefs .pave
{
float: left;
width: 48%;
background: #f6f4f2;
margin-bottom: 55px;
padding: 45px 27px;
}
#chefs .pave.left
{
margin-right: 4%;
}
#chefs .pave .titre
{
font-size: 24px;
font-family: 'playfair_displayblack';
margin-bottom: 20px;
}
#chefs .pave .texte
{
font-family: 'work_sanslight';
color: #929292;
text-align: justify;
line-height: 20px;
font-size: 14px;
}
#chefs .pave .texte p
{
padding-top: 20px;
}
#chefs .pave .texte img
{
float: left;
margin-right: 20px;
}
#chefs .tous
{
margin-top: 80px;
}
#chefs .tous .more
{
text-align: center;
margin: 20px;
}
#chefs .tous .more a
{
display: inline-block;
}
#chefs .tous h2
{
margin-bottom: 0;
padding-bottom: 15px;
background: none;
}
#chefs .tous .titre
{
font-family: 'work_sanslight';
font-size: 16px;
text-align: center;
background: url(../img/titre_separ.png) no-repeat center bottom;
padding-bottom: 33px;
margin-bottom: 30px;
}
.lettres
{
margin-bottom: 60px;
}
.lettres ul
{
text-align: center;
}
.lettres li
{
display: inline-block;
color: #adadad;
width: 35px;
vertical-align: middle;
}
.lettres li.current
{
width: 50px;
position: relative;
}
.lettres li.current span
{
bottom: -16px;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: url(../img/chefs_lettre.png) no-repeat center bottom;
}
.lettres li, .lettres li a
{
font-family: 'playfair_displayregular';
font-size: 21.6px;
text-transform: uppercase;
}
.lettres li a
{
color: #242424;
text-decoration: none;
}
.lettres li.current a
{
font-size: 48.6px;
color: #81121d;
}
#chefs .tous .liste a
{
display: inline-block;
vertical-align: top;
margin-left: 14px;
margin-right: 14px;
margin-bottom: 30px;
width: calc(25% - 28px);
}
#chefs .tous .liste a span
{
display: block;
padding-top: 17px;
font-size: 14px;
font-family: 'work_sansregular';
}
#chefs .encart_geste
{
padding-bottom: 100px;
}
#chefs .encart_geste h2
{
background: none;
margin-bottom: 10px;
}
#chefs .geste_container
{
background: #ebe6e2;
}
#chef h1
{
margin-bottom: 19px;
}
#chef .bx-wrapper li img
{
width: 100%;
min-height: 500px;
}
#chef .share.open .print
{
display: none;
}
#chef .share.open .pinterest
{
border-right: 0;
}
#chef .slide_trait
{
margin-bottom: 50px;
}
#chef .slide_trait span
{
height: 7px;
}
#chef .bx-controls-direction
{
/*display: none;*/
}
#chef .bx-wrapper
{
margin-bottom: 0;
}
#chef .bx-wrapper .bx-pager, #chef .bx-wrapper .bx-controls-auto
{
bottom: 30px;
}
#chef .distinctions
{
margin-bottom: 25px;
text-align: center;
}
#chef .distinctions .etoiles, #chef .distinctions .mof
{
display: inline-block;
margin: 0 10px;
}
#chef .distinctions .etoiles span
{
width: 43px;
height: 47px;
display: inline-block;
background: url(../img/p_etoile.png) no-repeat center center;
}
#chef .distinctions .mof span
{
width: 62px;
height: 53px;
display: inline-block;
background: url(../img/p_mof.png) no-repeat center center;
}
#chef .cuisine
{
background: #fff;
margin: 0 auto;
max-width: 1056px;
position: relative;
z-index: 2;
font-family: 'work_sansregular';
font-size: 14px;
padding: 35px;
line-height: 18px;
}
#chef .cuisine h2
{
font-family: 'playfair_displaybold';
font-size: 24px;
text-align: center;
background: none;
margin: 0;
}
#chef .cuisine p
{
padding-bottom: 18px;
}
#chef .biographie
{
background: #ebe6e2;
position: relative;
z-index: 1;
margin-top: -116px;
padding-top: 123px;
}
#chef .biographie .cadre
{
position: absolute;
left: 0;
top: 0;
width: calc(100% - 46px);
height: calc(100% - 46px);
margin: 23px;
border: 1px solid #fff;
z-index: -1;
}
#chef .biographie h2
{
margin-top: 25px;
margin-bottom: 35px;
}
#chef .biographie .texte
{
font-family: 'work_sansregular';
font-size: 14px;
line-height: 18px;
margin-top: 35px;
text-align: justify!important;
padding: 35px;
max-width: 1056px;
margin: 0 auto;
}
#chef .biographie .texte p
{
text-align: justify!important;
}
#chef .biographie .table .cell
{
text-align: center;
}
#chef .biographie .table .cell img
{
display: inline-block;
vertical-align: bottom;
}
#chef .biographie .right
{
position: relative;
z-index: 3;
}
#chef .biographie .right img
{
display: block;
}
#chef .resto
{
margin-bottom: 50px;
}
#chef .resto h3
{
font-family: 'playfair_displayregular';
margin-top: 45px;
}
#chef .resto h2
{
background: url("../img/titre_separ.png") no-repeat center top;
padding-bottom: 0;
padding-top: 33px;
}
#chef .resto .row
{
text-align: center;
}
#chef .resto .pave
{
display: inline-block;
vertical-align: top;
width: 344px;
background: #fff;
padding: 12px;
margin: 0 6px;
}
#chef .resto .pave .pad
{
border: 1px solid #8c3953;
padding: 23px;
height: 393px;
text-align: left;
font-size: 16px;
line-height: 20px;
font-family: 'work_sansregular';
position: relative;
}
#chef #map
{
width: calc(100% - 20px);
height: 226px;
position: absolute;
left: 10px;
bottom: 10px;
}
#chef .resto .horaires
{
margin-top: 10px;
}
#chef .resto .horaires .table
{
display: table;
width: 100%;
}
#chef .resto .horaires .row
{
display: table-row;
width: 100%;
}
#chef .resto .th, #chef .resto .td
{
display: table-cell;
text-align: left;
vertical-align: top;
font-size: 16px;
white-space: nowrap;
}
#chef .resto .th
{
font-family: 'playfair_displaybold';
color: #81121d;
padding: 0 5px 16px 5px;
}
#chef .resto .td
{
padding: 5px;
}
#chef .resto .even .td
{
background: #f8f7f5;
}
#chef .resto .td.col1
{
width: 66px;
font-family: 'work_sansbold';
}
#chef .resto .td.col2
{
width: 140px;
font-family: 'work_sansregular';
}
#chef .resto .td.col3
{
font-family: 'work_sansregular';
padding-right: 10px;
}
#chef .resto .pave .titre
{
font-family: 'playfair_displaybold';
font-size: 20px;
margin-bottom: 15px;
}
#chef .resto .infos .telephone
{
margin-top: 50px;
padding-left: 47px;
background: url(../img/p_telephone.png) no-repeat left top;
height: 39px;
line-height: 39px;
}
#chef .resto .infos .site
{
margin-top: 35px;
padding-left: 47px;
background: url(../img/p_lien.png) no-repeat left top;
height: 33px;
line-height: 33px;
}
#chef .resto .infos .email
{
margin-top: 35px;
padding-left: 47px;
background: url(../img/p_email.png) no-repeat 8px top;
background-size: 21px;
}
#chef .resto .networks
{
margin-top: 50px;
}
#chef .resto .networks a
{
display: inline-block;
width: 36px;
height: 36px;
margin-right: 10px;
}
#sidenav .networks a
{
display: inline-block;
width: 36px;
height: 36px;
margin-right: 10px;
text-indent: -10000px;
}
#chef .resto .networks a[href*="facebook.com"], #sidenav .nav li a[href*="facebook.com"]
{
background: url(../img/p_facebook.png) center center no-repeat;
margin-right: 5px;
}
#chef .resto .networks a[href*="twitter.com"], #sidenav .nav li a[href*="twitter.com"]
{
background: url(../img/p_twitter.png) center center no-repeat;
}
#chef .resto .networks a[href*="pinterest.com"], #sidenav .nav li a[href*="pinterest.com"]
{
background: url(../img/p_pinterest.png) center center no-repeat;
}
#chef .resto .networks a[href*="instagram.com"], #sidenav .nav li a[href*="instagram.com"]
{
background: url(../img/p_instagram.png) center center no-repeat;
}
#chef .recettesliste /*, #ingredient .recettesliste*/
{
margin-bottom: 70px;
}
#chef .recettesliste h2, #ingredient .recettesliste h2
{
margin-bottom: 35px;
}
#chef .recettesliste .row, #ingredient .recettesliste .row
{
text-align: center;
}
#chef .recettesliste li.recette, #ingredient .recettesliste li.recette
{
width: calc(25% - 30px);
margin-right: 15px;
text-align: left;
min-height: 339px;
}
#chef .recettesliste li.recette:last-child, #ingredient .recettesliste li.recette:last-child
{
margin-right: 0;
}
#chef .recettesliste .more
{
text-align: center;
margin-top: 25px;
}
#chef .recettesliste .more a
{
display: inline-block;
}
#chef .slider
{
position: relative;
}
#chef .slider .chef
{
position: absolute;
width: 100%;
bottom: 60px;
text-align: center;
z-index: 2;
}
#chef .slider .chef .trait span
{
display: inline-block;
width: 18px;
height: 2px;
background: #fff;
margin-top: 21px;
margin-bottom: 10px;
}
#chef .slider .chef .nom
{
font-size: 20.7px;
font-family: 'playfair_displaybold';
color: #fff;
}
#chef .slider .chef .photo
{
width: 169px;
height: 170px;
background: url('../img/chef_rond_slider_big.png') no-repeat center center;
display: inline-block;
}
#chef .slider .chef a
{
display: inline-block;
}
#cuisine #banner
{
background: url(../img/cuisiner-banner.jpg) no-repeat center center;
background-size: cover;
height: 314px;
}
#cuisine h1
{
position: relative;
}
#cuisine #banner .titre
{
text-shadow: 1px 1px 1px #444;
}
#cuisine .slide_trait
{
margin-bottom: 49px;
}
.encart_geste.first .left .encart
{
line-height: 238px;
padding-top: 0;
padding-bottom: 0;
}
.encart_geste .left .encart .nom
{
display: inline-block;
vertical-align: middle;
}
#cuisine .encart_geste .titre, #gestes .encart_geste .titre
{
padding-top: 0;
text-align: left;
font-family: 'playfair_displaybold';
line-height: 27px;
}
#home .encart_geste .titre
{
text-align: center;
}
.encart_geste .texte
{
font-size: 14px;
line-height: 20px;
}
.encart_geste
{
margin-top: 40px;
}
.gestes
{
margin-bottom: 40px;
}
.gestes .encart_geste
{
display: inline-block;
vertical-align: top;
width: 42%;
}
.gestes .encart_geste .left, .gestes .encart_geste .right
{
float: none;
width: 100%;
text-align: left;
padding-left: 90px;
display: block;
text-decoration: none;
}
.gestes .encart_geste .right
{
padding-top: 5px;
padding-right: 0;
}
.gestes .encart_geste .titre
{
font-size: 18px;
padding-bottom: 10px;
}
.gestes .encart_geste .texte
{
font-size: 14px;
line-height: 18px;
}
.gestes .encart_geste .left .encart
{
width: 185px;
height: 185px;
line-height: 185px;
left: -3px;
top: 38px;
padding: 0px 25px;
}
.gestes > .more
{
text-align: center;
margin-top: 20px;
}
.gestes > .more a, #cuisine .ingredients .more a, #ingredient .ingredients .more a, #ingredient .texte .more a
{
color: #6f1006;
border-color: #6f1006;
display: inline-block;
padding: 10px 30px;
}
.gestes > .more a:hover, #cuisine .ingredients .more a:hover, #ingredient .ingredients .more a:hover, #ingredient .texte .more a:hover
{
background: #6f1006;
color: #fff;
}
#cuisine .ingredients
{
background: #ebe6e2;
padding: 60px 0 397px 0;
}
#ingredient .ingredients
{
background: #ebe6e2;
padding: 60px 0 0px 0;
}
#cuisine .ingredients h2, #ingredient .ingredients h2
{
margin-bottom: 37px;
}
#cuisine .ingredients .intro, #ingredient .ingredients .intro, #recette .autresrecettes .intro
{
font-family: 'work_sanslight';
font-size: 16px;
line-height: 22px;
text-align: center;
}
#recette .autresrecettes h2
{
margin-bottom: 20px;
}
#recette .autresrecettes .intro
{
margin-bottom: 37px;
}
#cuisine .ingredients .table, #ingredient .ingredients .table
{
display: table;
width: 100%;
margin-top: 35px;
}
#cuisine .ingredients .line, #ingredient .ingredients .line
{
display: table-row;
width: 100%;
}
#cuisine .ingredients .line a, #ingredient .ingredients .line a
{
}
#cuisine .ingredients .ingredient, #ingredient .ingredients .ingredient
{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 25%;
height: 362px;
max-width: 362px;
position: relative;
cursor: pointer;
}
#cuisine .ingredients .ingredient .cadre, #ingredient .ingredients .cadre
{
position: absolute;
z-index: 1;
left: 12px;
top: 12px;
width: calc(100% - 24px);
height: calc(100% - 24px);
border: 1px solid #fff;
}
#cuisine .ingredients .ingredient, #ingredient .ingredients .ingredient
{
text-decoration: none;
}
#cuisine .ingredients .ingredient .flex , #ingredient .ingredients .ingredient .flex
{
font-family: 'master_of_breakregular';
font-size: 35px;
color: #fff;
position: relative;
z-index: 2;
text-decoration: none;
}
#cuisine .ingredients .more , #ingredient .ingredients .more
{
text-align: center;
margin: 58px 0;
}
#cuisine .wrap
{
position: relative;
}
#cuisine .links
{
background: #fff;
width: 100%;
position: absolute;
left: 0;
top: 0;
-moz-box-shadow: 1px 1px 2px 0px #656565;
-webkit-box-shadow: 1px 1px 2px 0px #656565;
-o-box-shadow: 1px 1px 2px 0px #656565;
box-shadow: 1px 1px 2px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=2);
padding: 18px;
}
#cuisine .links .pad
{
border: 1px solid #902e38;
min-height: 560px;
padding: 40px 85px;
}
#cuisine .links .intro
{
margin-bottom: 20px;
}
#cuisine .links h3
{
margin-bottom: 25px;
}
#cuisine .links .left, #cuisine .links .right
{
display: block;
text-decoration: none;
}
#cuisine .links h3
{
font-size: 20px;
font-family: 'playfair_displayblack';
text-align: center;
}
#cuisine .vins
{
background: #8b0a32;
padding-top: 320px;
padding-bottom: 90px;
color: #fff;
}
#cuisine .vins .left
{
float: left;
width: 59%;
padding-left: 30px;
}
#cuisine .vins .right
{
float: left;
width: 41%;
}
#cuisine .vins h2
{
text-align: left;
background: url(../img/titre_separ_blanc.png) no-repeat left bottom;
}
#cuisine .vins .right h2
{
margin-top: 20px;
margin-bottom: 40px;
}
#cuisine .vins .left .vin
{
display: inline-block;
width: 148px;
height: 148px;
background: #fff;
margin-right: 29px;
margin-bottom: 29px;
}
#cuisine .vins .right .texte
{
font-family: 'work_sansregular';
font-size: 16px;
line-height: 20px;
}
#cuisine .vins .right .texte p
{
padding-bottom: 20px;
}
#cuisine .vins .container
{
width: 532px;
}
#cuisine .vins .bx-controls
{
position: relative;
}
#cuisine .vins .bx-controls-direction
{
position: absolute;
width: 100%;
}
#cuisine .vins .bx-prev, #cuisine .vins .bx-next
{
margin: 0;
width: 21px;
height: 19px;
display: inline-block;
}
#cuisine .vins .bx-prev
{
background: url(../img/prev.png) no-repeat;
margin-right: 54px;
vertical-align: middle;
cursor: pointer;
}
#cuisine .vins .bx-next
{
background: url(../img/next.png) no-repeat;
margin-left: 54px;
vertical-align: middle;
cursor: pointer;
}
.questions_encart
{
padding: 55px 0 45px 0;
text-align: center;
}
.questions_encart h2
{
margin-bottom: 20px;
}
.questions_encart .intro
{
font-size: 16px;
font-family: 'work_sanslight';
line-height: 25px;
padding: 0 10%;
}
.questions_encart .left
{
padding-top: 20px;
}
.questions_encart .right.border
{
border-left: 1px solid #f3e5df;
}
.questions_encart .right
{
padding-top: 20px;
}
.questions_encart .boutons .left
{
text-align: right;
padding-right: 10px;
}
.questions_encart .boutons .right
{
text-align: left;
padding-left: 10px;
}
.questions_encart .lien
{
margin-bottom: 30px;
}
.questions_encart .lien a
{
font-size: 20px;
text-decoration: underline;
font-family: 'playfair_displayregular';
}
.questions_encart .ask
{
margin-bottom: 25px;
}
.questions_encart .field
{
border-color: #dddbd6;
color: #1d1d1d;
font-family: 'work_sansregular';
font-style: italic;
font-size: 16px;
}
.questions_encart .liens
{
margin-bottom: 25px;
}
.questions_encart .liens a
{
font-size: 16px;
font-family: 'work_sansregular';
text-decoration: underline;
}
.questions_encart .question .nom
{
font-family: 'work_sansmedium';
font-size: 18px;
padding-bottom: 10px;
min-height: 33px;
}
.questions_encart .question .texte
{
font-family: 'work_sansregular';
font-style: italic;
font-size: 14px;
padding: 16px 30px;
background: url(../img/quote.png) no-repeat left top;
}
.questions_encart .question .pad
{
max-width: 313px;
padding-left: 18px;
display: inline-block;
}
.questions_encart .boutons
{
margin: 20px 0;
}
.questions_encart .boutons a
{
color: #8b0a32;
border-color: #8b0a32;
padding: 10px 60px;
}
#recettes #banner
{
background: url(../img/recettes-banner.jpg) no-repeat center center;
background-size: cover;
height: 314px;
}
#recettes .slide_trait
{
margin-top: -1px;
}
#recettes .slide_trait span
{
height: 7px;
}
#recettes .recettesliste
{
background: #fff;
}
#recettes .bloc
{
background: #f6f4f2;
}
#recettes .bloc .img
{
position: relative;
}
#recettes .bloc .text
{
padding: 40px 40px 10px 40px;
}
#recettes .titre_bloc
{
padding-top: 80px;
}
#recettes .bloc .flex
{
position: absolute;
left: 0;
top: 0;
font-family: 'master_of_breakregular';
font-size: 45px;
color: #fff;
text-decoration: none;
}
#recettes .bloc .flex .fond
{
}
/*
#recettes .bloc1 .flex
{
color: #000;
text-shadow: 1px 1px 2px white;
}
*/
#recettes .bloc h2
{
text-align: left;
background: none;
padding-bottom: 0;
margin-bottom: 20px;
}
#recettes .bloc .intro
{
color: #929292;
font-size: 16px;
font-family: 'work_sanslight';
margin-bottom: 40px;
line-height: 20px;
text-align: justify;
}
#recettes .bloc .texte
{
font-family: 'work_sansregular';
font-size: 14px;
line-height: 18px;
padding: 0 30px;
text-align: justify;
}
#recettes .bloc3
{
margin-top: 50px;
}
#recettes .fond_container
{
background: #ebe6e2;
padding-top: 50px;
}
#recettes .fond_container .intro, #recette.geste .encart_themes .intro
{
font-family: 'work_sanslight';
font-size: 16px;
line-height: 22px;
padding-bottom: 40px;
}
#recettes .ingredients a, .themes a, #ingredients .ingredients a
{
position: relative;
display: block;
font-family: 'master_of_breakregular';
font-size: 36px;
color: #fff;
max-width: 541px;
}
#recettes .fond, .themes .fond, #cuisine .ingredients .ingredient .fond, #ingredient .ingredients .ingredient .fond, #ingredients .ingredients .ingredient .fond
{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.3);
z-index: 1;
}
.themes a:hover .fond, #cuisine .ingredients .ingredient:hover .fond, #ingredient .ingredients .ingredient:hover .fond, #ingredients .ingredients .ingredient:hover .fond
{
display: none;
}
#recettes .img .middle
{
z-index: 2;
}
#recettes .ingredients a .strech, .themes a .strech, #ingredients .strech
{
width: calc(100% - 20px);
height: calc(100% - 20px);
margin: 10px;
border: 1px solid #fff;
}
#recettes .ingredients a .flex, .themes a .flex, #ingredients .ingredients a .flex
{
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.themes a .titre2
{
position: absolute;
width: 100%;
padding-left: 15px;
padding-right: 15px;
left: 0;
top: 70px;
font-size: 15px;
font-family: 'work_sansregular';
text-align: center;
color: #fff;
}
.themes .middle
{
position: relative;
}
.themes img
{
width: 100%;
}
.encart_types
{
background: #fffcf4;
}
.encart_types .third
{
width: 20%;
}
.encart_types .block.last
{
display: none;
}
.encart_types .themes .more
{
width: auto;
display: inline-block;
margin-top: 20px;
}
.encart_types .after
{
display: none;
clear: both;
}
.encart_types .autre .carre
{
background: #358792;
}
.encart_types .open .carre .triangle
{
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 20px;
background: url(../img/triangle_haut.png) no-repeat center center;
z-index: 2;
}
#recettes .encart_types .carre .fond
{
background: rgba(0, 0, 0, 0);
}
#recettes .encart_types .carre:hover .fond, #recettes .encart_types .open .carre .fond
{
background: rgba(0, 0, 0, 0.5);
display: block;
}
.encart_types .detail
{
display: none;
}
.encart_types .detail .prev
{
position: absolute;
width: 21px;
height: 18px;
background: url(../img/prev2.png) no-repeat;
cursor: pointer;
left: -80px;
top: 416px;
}
.encart_types .detail .next
{
position: absolute;
width: 21px;
height: 18px;
background: url(../img/next2.png) no-repeat;
cursor: pointer;
right: -80px;
top: 416px;
}
.encart_types .detail .close
{
position: absolute;
width: 25px;
height: 26px;
background: url(../img/close.png) no-repeat;
cursor: pointer;
right: -60px;
top: 50px;
}
.encart_types .detail .wrap
{
padding-top: 50px;
position: relative;
}
.encart_types .detail h2
{
background: none;
margin-top: 0px;
padding-bottom: 0;
}
.encart_types .detail .menu
{
float: left;
width: 230px;
height: 560px;
background: #ebe6e2;
padding: 30px;
color: #000;
font-family: 'work_sansregular';
}
.encart_types .detail .menu .titre
{
font-size: 16px;
margin-bottom: 30px;
}
.encart_types .detail .menu li
{
display: block;
padding-bottom: 10px;
}
.encart_types .detail .menu a
{
color: #000;
font-family: 'work_sansregular';
font-size: 14px;
}
.encart_types .detail .liste
{
float: left;
width: calc(100% - 230px);
}
.encart_types .detail .liste a
{
display: inline-block;
vertical-align: top;
margin-right: 30px;
width: calc(33.33333333% - 30px);
font-family: 'work_sansregular';
font-size: 16px;
color: #000;
}
.encart_types .detail .liste a img
{
display: block;
}
.encart_types .detail .liste a span
{
display: block;
height: 70px;
padding-top: 15px;
line-height: 18px;
}
.encart_types .detail .morecontainer
{
text-align: center;
margin-top: 30px;
margin-bottom: 50px;
}
.encart_types .detail .morecontainer a
{
color: #6f0828;
border: 2px solid #6f0828;
padding: 10px 40px;
font-size: 16px;
font-family: 'work_sansmedium';
display: inline-block;
}
.encart_types .detail .morecontainer a:hover
{
color: #fff;;
border: 2px solid #6f0828;
background: #6f0828;
text-decoration: none;
}
#gestes #banner
{
background: url(../img/apprendre-banner.jpg) no-repeat center center;
background-size: cover;
height: 223px;
}
#gestes .gestes .encart_geste
{
width: 33%;
}
#gestes .gestes .more
{
margin-top: 50px;
}
#gestes .geste
{
padding-top: 66px;
padding-bottom: 30px;
}
#gestes .geste.first
{
padding-top: 0;
padding-bottom: 0;
}
#gestes .geste.even
{
background: #ebe6e2;
}
#bx-pager
{
text-align: center;
width: 510px;
margin-top: 0;
}
#bx-pager a
{
width: 13px;
height: 13px;
display: inline-block;
border: 1px solid #fff;
border-radius: 50px;
margin: 0 2px;
vertical-align: middle;
}
#bx-pager a.active
{
background: #fff;
}
.popup
{
display: none;
position: absolute;
top: 10px;
background: #fff;
width: 612px;
padding: 22px;
text-align: center;
z-index: 10001;
}
.popup, .popup a
{
font-size: 18px;
font-family: 'work_sansmedium';
color: #626262;
}
.popup .pad
{
border: 1px solid #81121d;
padding-bottom: 40px;
}
.popup .title
{
padding-top: 17px;
padding-bottom: 32px;
font-size: 30px;
font-family: 'playfair_displayblack';
color: #000;
}
.popup .title span
{
display: inline-block;
background: #000;
width: 68px;
height: 7px;
margin-top: 20px;
}
.popup .intro
{
color: #7c1b24;
font-size: 18px;
padding-bottom: 20px;
font-family: 'work_sanssemibold';
}
form input.field
{
color: #626262;
font-size: 18px;
font-family: 'work_sanslight';
}
.popup .title, .popup .intro, .popup .texte
{
padding-left: 15px;
padding-right: 15px;
}
.popup .texte
{
line-height: 19px;
margin-bottom: 15px;
font-size: 15px;
}
.popup a
{
text-decoration: underline;
}
form .radio span
{
display: inline-block;
width: 25px;
height: 24px;
margin-right: 5px;
background: url(../img/radio.png) no-repeat;
vertical-align: top;
}
form .radio.on span
{
background: url(../img/radio_on.png) no-repeat;
}
form .radio p
{
display: inline-block;
vertical-align: top;
width: calc(100% - 100px);
}
.popup.login .facebook
{
display: inline-block;
width: 270px;
height: 50px;
background: url(../img/login_fb.png) no-repeat;
cursor: pointer;
margin-right: 7px;
position: relative;
}
.popup.login .google
{
/*display: inline-block;*/
display: none;
width: 265px;
height: 50px;
background: url(../img/login_google.png) no-repeat;
cursor: pointer;
position: relative;
}
.popup .google .loader, .popup .facebook .loader
{
width: 100%;
height: 16px;
background: url(../img/ajax-loader.gif) no-repeat center center;
position: absolute;
left: 0;
bottom: -30px;
display: none;
}
.popup .emailf
{
display: none;
}
.popup .ou span
{
display: inline-block;
background: #fff;
padding: 0 20px;
position: relative;
z-index: 2;
height: 20px;
line-height: 20px;
vertical-align: middle;
}
.popup .ou
{
margin-top: 20px;
position: relative;
font-family: 'work_sanssemibold';
padding-bottom: 0;
}
.popup .ou .trait
{
height: 1px;
border-top: 1px solid #81121d;
position: absolute;
width: 80%;
left: 10%;
top: 10px;
z-index: 1;
}
form input.field
{
width: 80%;
height: 45px;
border: 1px solid #9a9a9a;
margin-top: 23px;
padding: 0 15px;
}
form input.field.error
{
border: 1px solid red;
color: red;
}
.popup .field.error::-webkit-input-placeholder { color:red; opacity: 1; }
.popup .field.error::-moz-placeholder { color:red; opacity: 1; }
.popup .field.error:-ms-input-placeholder { color:red; opacity: 1; }
.popup .field.error:-moz-placeholder { color:red; opacity: 1; }
form .message
{
width: 100%;
display: table;
color: red;
text-align: center;
padding: 0 15px;
}
form .message > div
{
display: table-row;
height: 48px;
}
form .message > div > div
{
display: table-cell;
vertical-align: middle;
font-size: 14px;
}
form input[type=submit], #compte .infos .logout
{
padding: 0 30px;
height: 55px;
color: #626262;
font-size: 24px;
font-family: 'work_sansmedium';
margin-bottom: 20px;
background: none;
border: 3px solid #626262;
cursor: pointer;
}
form input[type=submit].load
{
background: url(../img/ajax-loader.gif) no-repeat 10px center;
}
.popup.login .remember
{
width: 80%;
margin-left: 10%;
text-align: left;
padding-top: 10px;
font-size: 12px;
}
.popup.login .forgot
{
float: right;
padding-top: 5px;
}
.popup.login .forgot a
{
color: #626262;
font-size: 12px;
}
.popup .signin a
{
color: #81121d;
}
.popup.signin .ou
{
margin-bottom: 20px;
color: #7c1b24;
font-family: 'work_sanssemibold';
}
.popup.signin .field
{
margin-top: 16px;
}
.popup.signin
{
font-family: 'work_sanslight';
}
.popup.signin input[type=submit]
{
margin-top: 10px;
}
.popup.signin .title
{
padding-bottom: 25px;
}
.popup.signin .facebook
{
display: inline-block;
width: 258px;
height: 50px;
background: url(../img/signin_fb.png) no-repeat;
cursor: pointer;
margin-right: 7px;
position: relative;
}
.popup.signin .google
{
/*display: inline-block;*/
display: none;
width: 250px;
height: 50px;
background: url(../img/signin_google.png) no-repeat;
cursor: pointer;
position: relative;
}
.popup.signin .signin, .popup.signin .signin a
{
line-height: 19px;
font-size: 15px;
}
.popup.infos .field
{
width: 89%;
}
.popup.infos .radio
{
margin-bottom: 30px;
font-family: 'work_sanslight';
line-height: 24px;
}
#compte h1
{
margin-top: 100px;
}
#compte form input.field
{
margin-top: 5px;
margin-bottom: 25px;
}
#compte form label
{
display: block;
}
#compte .infos
{
padding: 15px;
}
#compte .infos input[type=submit], #compte .infos .logout
{
height: 40px;
font-size: 18px;
}
#compte .infos .logout
{
display: inline-block;
text-transform: uppercase;
line-height: 40px;
}
.mainbanner
{
position: relative;
}
.mainbanner img
{
max-width: 100%;
}
.mainbanner .title
{
position: absolute;
bottom: 38px;
width: 100%;
left: 0;
font-size: 23px;
font-family: 'playfair_displaybold';
text-align: center;
color: #fff;
}
body.suite .mainbanner .title
{
text-shadow: 1px 1px 1px #444;
}
body.suite .mainbanner .credits
{
background: rgba(129, 18 ,29, 0.7);
color: #fff;
padding: 5px 15px;
display: block;
position: absolute;
right: 10px;
bottom: 10px;
display: none;
z-index: 3;
}
.mainbanner .title .trait
{
display: inline-block;
margin-top: 18px;
height: 2px;
background: #fff;
width: 20px;
}
h1.maintitle
{
margin-top: 60px;
}
#recette h1
{
font-size: 30px;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
#recette .introfirst
{
max-width: 800px;
margin: 0 auto 25px auto;
}
#recette .mainbanner
{
width: 100%;
height: 100vh;
background-size: auto 100%!important;
background-position: center top!important;
}
#recette.geste .mainbanner
{
height: auto;
}
#recette .slide_trait span
{
height: 7px;
margin-bottom: 14px;
}
#recette .mainbanner img
{
display: none;
}
#recette.cocktail .mainbanner
{
text-align: center;
background: #000;
}
#recette.cocktail .mainbanner img
{
display: inline-block;
height: 100vh;
}
#recette.cocktail .preparation .item.type
{
background: none;
padding-left: 0;
display: block;
}
#recette.cocktail .ingredients
{
text-align: center;
}
@media (max-width: 700px)
{
#recette .mainbanner img
{
display: block;
}
#recette .mainbanner
{
height: auto;
background: none!important;
}
}
.breadcrumb
{
margin-bottom: 25px;
}
.breadcrumb li
{
display: inline-block;
vertical-align: top;
}
.breadcrumb, .breadcrumb a
{
font-size: 15px;
}
.breadcrumb .current
{
font-weight: bold;
}
#recette .innerwrap
{
max-width: 1044px;
margin: 0 auto;
}
#recette .etape .geste
{
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
background: #fff;
-moz-box-shadow: 0px 1px 3px 0px #656565;
-webkit-box-shadow: 0px 1px 3px 0px #656565;
-o-box-shadow: 0px 1px 3px 0px #656565;
box-shadow: 0px 1px 3px 0px #656565;
padding: 30px;
}
#recette .etape .geste h2
{
font-size: 20px;
color: #000;
font-family: 'playfair_displayblack';
font-style: italic;
margin: 0;
background: none;
text-align: left;
padding-bottom: 20px;
}
#recette .etape .geste .video
{
width: 217px;
float: left;
}
#recette .etape .geste .full.visible
{
display: block;
font-size: 10px;
margin-top: 10px;
}
#recette .etape .geste span
{
font-family: 'work_sansregular';
font-size: 16px;
max-width: 160px;
display: inline-block;
text-align: left;
padding: 15px;
}
#recette .time
{
display: none;
}
#recette .preparation
{
background: #fff;
padding: 10px;
}
#recette .preparation .pad
{
border: 1px solid #a6585f;
padding: 33px;
text-align: center;
}
#recette .preparation .item
{
display: inline-block;
margin: 0 25px;
vertical-align: top;
height: 30px;
line-height: 30px;
white-space: nowrap;
font-size: 20px;
font-family: 'work_sanslight';
}
#recette .preparation.cocktail .item
{
}
#recette .preparation.cocktail
{
}
#recette .preparation .sep
{
display: none;
}
#recette .preparation .item.type
{
padding-left: 40px;
background: url(../img/p_plat.png) no-repeat left top;
background-size: 32px 22px;
}
#recette .preparation .item.type0
{
background: url(../img/p_plat0@2x.png) no-repeat left top;
background-size: 32px 22px;
}
#recette .preparation .item.type1
{
background: url(../img/p_plat1@2x.png) no-repeat left top;
background-size: 32px 22px;
}
#recette .preparation .item.type2
{
background: url(../img/p_plat2@2x.png) no-repeat left top;
background-size: 32px 22px;
}
#recette .preparation .item.type3
{
background: url(../img/p_plat3@2x.png) no-repeat left top;
background-size: 32px 22px;
}
#recette .preparation .item.nbpers
{
padding-left: 35px;
background: url(../img/p_nbpersonnes@2x.png) no-repeat left 5px;
background-size: 23px 18px;
}
#recette .preparation .item.temps
{
padding-left: 33px;
background: url(../img/p_temps@2x.png) no-repeat left 2px;
background-size: 20px 22px;
}
#recette .preparation .item.temps2
{
background: url(../img/p_preparation.png) no-repeat left 2px;
background-size: 20px 22px;
}
#recette .preparation .item.diff
{
}
#recette .preparation .item.diff img
{
width: 20px;
display: inline-block;
vertical-align: top;
margin-right: 5px;
margin-top: 2px;
}
#recette .preparation .txt
{
padding-top: 30px;
}
#recette .ingredients
{
font-size: 16px;
font-family: 'work_sanslight';
padding-top: 45px;
padding-bottom: 150px;
}
#recette .ingredients li
{
line-height: 22px;
}
#recette .ingredients li a
{
color: #81121d;
}
#recette .ingredients .col2
{
width: 35%;
display: inline-block;
vertical-align: top;
text-align: left;
}
#recette .ingredients .col2.idx1
{
margin-left: 9%;
margin-right: 5%;
}
#recette .ingredients .col2.idx2
{
margin-left: 14%;
margin-right: 0%;
}
#recette .ingredients .col3
{
width: 30%;
display: inline-block;
vertical-align: top;
}
#recette .ingredients .titre
{
font-family: 'playfair_displaybold';
font-size: 20px;
margin-bottom: 10px;
padding-top: 15px;
}
#recette .innerwrap
{
position: relative;
}
#recette .innerwrap > .chef
{
margin-bottom: 25px;
padding: 0 60px;
}
#recette .innerwrap > .chef .img
{
float: left;
width: 119px;
height: 119px;
background: url(../img/chef_rond_recette.png) no-repeat;
margin-right: 43px;
padding-left: 1px;
}
#recette .innerwrap > .chef .img img
{
width: 118px;
}
#recette .innerwrap > .chef .nom
{
font-size: 12px;
font-family: 'work_sansregular';
padding-top: 15px;
padding-bottom: 15px;
}
#recette .innerwrap > .chef .nom a, #recette.cocktail .innerwrap > .chef .nom span
{
font-size: 20px;
font-family: 'playfair_displayblack';
}
#recette .innerwrap > .chef .texte
{
font-size: 16px;
font-family: 'work_sanslight';
line-height: 20px;
}
#recette.geste .innerwrap > .chef .texte
{
text-align: center;
}
#recette .innerwrap > .chef .texte .more
{
display: inline-block;
width: 15px;
height: 14px;
background: url(../img/more.png) no-repeat;
margin-left: 5px;
}
#recette .commentaires
{
position: absolute;
top: -202px;
left: 0;
width: 100%;
color: #000;
}
#recette .commentaires .pad
{
background: #fff;
text-align: center;
padding: 12px;
}
#recette .commentaires .pad .in
{
border: 1px solid #8b0a32;
padding-bottom: 35px;
}
#recette .commentaires .titre
{
margin-top: 40px;
margin-bottom: 27px;
}
#recette .commentaires textarea
{
max-width: 887px;
width: 80%;
display: inline-block;
resize: none;
border: 1px solid #e1e1e1;
height: 86px;
line-height: 20px;
font-family: 'work_sansregular';
font-size: 16px;
font-style: italic;
padding: 10px 20px;
overflow: hidden;
}
#recette .commentaires .submit
{
margin: 5px 10% 20px 0%;
text-align: right;
display: none;
}
body.log #recette .commentaires .submit
{
display: block;
}
#recette .commentaires .submit span
{
display: inline-block;
padding: 10px 20px;
text-transform: uppercase;
font-size: 16px;
cursor: pointer;
border: 1px solid #000;
}
#recette .commentaires .result
{
display: none;
margin: 20px 0;
font-weight: bold;
text-align: center;
}
#recette .commentaires .links
{
padding-top: 17px;
padding-bottom: 40px;
}
body.log #recette .commentaires .links
{
display: none;
}
#recette .commentaires .links a
{
font-family: 'work_sansregular';
color: #1d1d1d;
font-size: 16px;
text-decoration: underline;
display: inline-block;
vertical-align: top;
}
#recette .commentaires .links span
{
display: inline-block;
vertical-align: top;
padding: 0 20px;
font-family: 'work_sansregular';
color: #1d1d1d;
font-size: 16px;
}
#recette .commentaires .liste .comment
{
padding: 25px 0;
margin-bottom: 25px;
text-align: left;
margin-left: 25px;
margin-right: 25px;
}
#recette .commentaires .liste .comment .meta
{
font-family: "work_sansbold";
margin-bottom: 10px;
}
#recette .commentaires .liste .comment .body
{
font-family: "work_sanslight";
line-height: 20px;
}
#recette .autresrecettes
{
padding-top: 44px;
padding-bottom: 35px;
}
#recette .autresrecettes ul
{
text-align: center;
}
#recette .autresrecettes li
{
width: calc(33% - 32px);
text-align: left;
margin-left: 8px;
margin-right: 8px;
min-height: 340px;
}
#recette .autresrecettes.liste4 li
{
width: calc(25% - 32px);
}
#recette .sommelier
{
background: #8b0a32;
padding-bottom: 74px;
color: #fff;
}
#recette .sommelier .img
{
float: left;
margin-right: 3%;
margin-left: 5%;
width: 40%;
}
#recette .sommelier .img .titre
{
text-align: left;
}
#recette .sommelier .img.grappes
{
width: 42%;
text-align: center;
border-left: 1px solid #fff;
margin-left: 3%;
padding-left: 2%;
}
#recette .sommelier .img.grappes .titre
{
text-align: center;
}
#recette .sommelier .img.grappes img
{
width: 100%;
max-width: 200px;
margin-top:15px;
margin-bottom: 25px;
}
#recette .sommelier .row
{
padding-top: 200px;
}
#recette .sommelier .titre
{
font-size: 30px;
font-family: 'playfair_displayblack';
line-height: 38px;
}
#recette .sommelier .maintitre
{
font-size: 30px;
font-family: 'playfair_displayblack';
line-height: 38px;
text-align: center;
margin-bottom: 60px;
}
#recette .sommelier .grappes .titre
{
font-size: 22px;
line-height: 25px;
}
#recette .sommelier .texte.grappes
{
text-align: center;
width: 42%;
margin-left: 5%;
padding-right: 2%;
}
#recette .sommelier .texte.grappes .titre
{
margin-bottom: 50px;
}
#recette .sommelier .titre .trait
{
padding-top: 5px;
margin-bottom: 22px;
}
#recette .sommelier .titre .trait span
{
width: 62px;
height: 4px;
display: inline-block;
background: #fff;
}
#recette .sommelier .texte
{
font-size: 14px;
font-family: 'work_sansregular';
float: left;
width: 32%;
}
#recette .sommelier .texte .intro
{
padding-bottom: 20px;
}
#recette .sommelier .texte.grappes .intro
{
font-size: 20px;
}
#recette .etapes
{
background: #ebe6e2;
padding-bottom: 100px;
}
#recette.geste .etapes
{
padding-bottom: 0;
}
#recette.cocktail .etapes
{
padding-bottom: 0;
}
#recette .etapes.avecgestes
{
padding-bottom: 1px;
}
#lesgrappes_widget
{
max-width: 300px;
}
#recette .gestes
{
padding-bottom: 200px;
}
#recette .gestes .row
{
text-align: center;
}
#recette .gestes h2
{
margin-top: 30px;
}
#recette .encart_geste
{
margin-top: 0;
width: auto;
margin-left: 30px;
margin-right: 30px;
}
#recette .etape
{
border-top: 2px solid #fff;
padding-top: 120px;
padding-bottom: 180px;
position: relative;
text-align: center;
}
#recette .etapes.avecpub .etape.last
{
padding-bottom: 60px;
}
#recette .pub
{
text-align: center;
margin: 25px;
}
#recette .etapes .pub
{
margin-bottom: 50px;
}
#recette.geste .etape
{
padding-bottom: 80px;
}
#recette.cocktail .etape
{
padding-bottom: 90px;
}
#recette .etape .texte
{
font-size: 18px;
font-family: 'work_sanslight';
padding-bottom: 40px;
line-height: 24px;
}
#recette.geste .etape .texte
{
padding-bottom: 0;
}
#recette .etape .numero
{
position: absolute;
width: 100%;
top: -71px;
left: 0;
text-align: center;
}
#recette .etape .numero span
{
width: 141px;
height: 141px;
line-height: 114px;
background: #fff;
display: inline-block;
font-size: 80px;
font-family: 'playfair_displayregular';
}
video
{
position: relative !important;
width: 100% !important;
}
#recette .video
{
position: relative;
margin-top: 62px;
}
#recette .video video
{
height: calc(100vh - 62px);
}
#recette .video .play
{
position: absolute;
background: url(/img/play.png) no-repeat center center;
left: calc(50% - 48px);
top: 40%;
z-index: 10;
width: 96px;
height: 96px;
cursor: pointer;
}
#recette .etape .video .play
{
width: 40px;
height: 40px;
left: calc(50% - 20px);
background-size: 100%;
top: calc(50% - 20px);
}
#recette.geste .ingredients
{
padding-left: 25px;
padding-right: 25px;
}
#recette.geste .ingredients h2
{
text-align: left;
background-position: left bottom;
margin-bottom: 27px;
}
#recette.geste .ingredients .left
{
width: 70%;
float: left;
}
#recette.geste .ingredients .left ul.cat
{
width: calc(50% - 40px);
margin-right: 20px;
float: left;
}
#recette.geste .etape .texte
{
text-align: center;
}
#recette.geste .ingredients .right
{
width: 30%;
float: left;
}
#recette.geste .gestes
{
padding-top: 40px;
}
#flashMessage
{
text-align: center;
padding: 25px;
font-family: 'dincond-mediumregular';
font-size: 20px;
}
#flashMessage.error
{
color: white;
border: 1px solid #990000;
margin: 0px 200px;
background: #990000;
}
#overallcache
{
background: #000;
opacity: 0.56;
position: fixed;
left: 0;
top: 0;
z-index: 10000;
display: none;
width: 100%;
height: 100%;
}
#ingredient h1
{
background: none;
padding-bottom: 0;
margin-bottom: 0;
}
#ingredient .mainbanner
{
background: #FEFEFE;
}
#ingredient .mainbanner img
{
width: 100%;
}
#ingredient .mainbanner .title
{
bottom: auto;
top: 200px;
}
#ingredient .saison
{
background: #fff;
margin-left: 10%;
width: 80%;
padding: 15px 18px;
text-align: center;
margin-top: -60px;
z-index: 1;
position: relative;
}
#ingredient .saison .row
{
border: 1px solid #81121d;
padding: 10px 15px 20px 15px;
}
#ingredient .saison .titre
{
font-size: 32px;
font-family: 'playfair_displayregular';
margin-bottom: 20px;
}
#ingredient .saison .mois
{
display: inline-block;
padding: 10px 10px;
font-size: 16px;
font-family: 'work_sansregular';
}
#ingredient .saison .mois.active
{
background: #ebe6e2;
}
#ingredient .texte
{
text-align: left;
margin-left: 10%;
width: 80%;
font-size: 16px;
font-family: 'work_sanslight';
}
#ingredient .texte h2
{
text-align: left;
font-size: 24px;
margin-bottom: 20px;
background-position: left bottom;
padding-bottom: 20px;
}
#ingredient .texte p:first-child
{
padding-top: 40px;
}
#ingredient .texte p
{
padding-left: 30px;
padding-right: 20px;
margin-bottom: 40px;
line-height: 24px;
}
#ingredient .recettesliste
{
padding-top: 70px;
padding-bottom: 70px;
background: #f6f4f2;
}
#search .mobile
{
display: none;
}
#search .recette
{
margin-left: 7px;
margin-right: 7px;
width: calc(33% - 14px);
float: left;
background: #fff;
height: 350px;
margin-bottom: 14px;
}
#search .full .recette
{
width: 340px;
max-width: 100%;
float: none;
height: auto;
min-height: 350px;
}
#search .full #recettesresults
{
display: flex;
flex-wrap: wrap;
position: relative;
/*justify-content: center;*/
}
#search .full #recettesresults .cache
{
background: rgba(255, 255, 255, 0.7);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
}
#search .full #recettesresults .loader
{
background: url(../img/ajax-loader2.gif) no-repeat left top;
position: absolute;
left: 0;
top: -120px;
width: 100%;
height: 100%;
z-index: 11;
}
body.suite #search h1
{
background: url(../img/titre_separ_blanc.png) no-repeat center bottom;
top: 100px;
}
body.cuisines .introfirst
{
text-align: left;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
body.cuisines .introfirst .img
{
margin-right: 25px;
margin-bottom: 50px;
float: left;
}
#search .recette, #search .recette a
{
font-family: 'work_sansregular';
font-size: 14px;
}
#search .recette .nom, #search .recette .tools, #search .recette .chef
{
padding: 10px;
background: #fff;
}
#search .recette .chef, #search .recette .chef a
{
font-family: 'work_sansbold';
}
#search .recette .img
{
display: block;
height: 250px;
overflow: hidden;
position: relative;
}
#search .recette[type=Geste] .img .triangle
{
background: url(../img/play.png);
width: 96px;
height: 96px;
position: absolute;
left: calc(50% - 48px);
top: calc(50% - 48px);
}
#search #banner
{
background: url(../img/recettes-banner.jpg) no-repeat center center;
background-size: cover;
height: 314px;
}
#search .slide_trait
{
margin-top: -1px;
}
#search .slide_trait span
{
height: 7px;
}
#search .row.button
{
width: 100%;
}
#search .more
{
text-align: center;
margin: 30px 0;
height: 42px;
}
#search .more.load
{
background: url(/img/ajax-loader2.gif) no-repeat center center;
}
#search .more span
{
display: inline-block;
cursor: pointer;
font-family: 'work_sansmedium';
font-size: 16px;
color: #6f1006;
border: 2px solid #6f1006;
padding: 0 25px;
height: 42px;
line-height: 42px;
}
#search .more span:hover
{
background: #6f1006;
color: #fff;
}
#search .filters
{
margin-bottom: 50px;
}
#search .full .filters
{
float: left;
width: 250px;
padding: 20px;
margin-top: 8px;
}
#search .full .filters .label
{
border-bottom: 1px solid #81121d;
font-size: 25px;
padding-bottom: 8px;
margin-bottom: 10px;
}
#search .full .filter
{
margin-bottom: 20px;
}
#search .full .filter:not(.right) li
{
line-height: 30px;
cursor: pointer;
}
#search .full .filter:not(.right) li span
{
padding-left: 35px;
background: url(../img/radio.png) no-repeat left center;
display: inline-block;
vertical-align: top;
}
#search .full .filter:not(.right) li span.active
{
background: url(../img/radio_on.png) no-repeat left center;
}
#search .box .filter
{
font-family: 'work_sansmedium';
}
#search h2
{
float: left;
width: calc(100% - 200px);
margin-bottom: 35px;
}
#search h2 .box.row
{
float: right;
width: 200px;
}
#search .box .filter
{
float: right;
width: 200px;
color: #6f1006;
font-size: 15px;
position: relative;
}
#search .full .content
{
float: left;
width: calc(100% - 270px);
}
/*
#search .filter.right
{
float: right;
margin-left: 0px;
margin-right: 40px;
}
*/
#search .box .filter .label
{
border: 2px solid #6f1006;
padding-left: 10px;
height: 40px;
line-height: 40px;
background: url(/img/dropdown.png) no-repeat right center;
position: relative;
z-index: 1;
}
#search .box .filter.plus .label
{
background: url(/img/plus.png) no-repeat right center;
}
#search .box .filter ul
{
display: none;
position: absolute;
left: 0;
border: 2px solid #6f1006;
border-top: 0;
top: 40px;
width: 100%;
background: #fff;
z-index: 2;
}
#search .box .filter li span, #search .box .filter li a
{
padding: 0px 25px 0px 10px;
display: block;
height: 30px;
line-height: 30px;
text-decoration: none;
cursor: pointer;
}
#search .box .filter li span:hover, #search .box .filter li span.active, #search .box .filter li a:hover, #search .box .filter li a.active
{
background: #6f1006;
color: #fff;
}
#cuisine.lexique .lettres
{
margin-top: 20px;
}
#cuisine.lexique .mot
{
position: relative;
min-height: 200px;
}
#cuisine.lexique .mot.first
{
width: 100%;
}
#cuisine.lexique .mot .table
{
}
#cuisine.lexique .mot .img
{
width: 175px;
}
#cuisine.lexique .mot .img img
{
width: 145px;
}
#cuisine.lexique .mot .titre
{
font-size: 24px;
font-family: 'playfair_displayregular';
margin-bottom: 5px;
}
#cuisine.lexique .mot .titre span
{
font-size: 36px;
color: #85141d;
text-transform: uppercase;
}
#cuisine #convertisseurs li
{
background: #f6f4f2;
padding: 22px 31px;
margin-bottom: 25px;
}
#cuisine #convertisseurs li .right
{
float: left;
}
#cuisine #convertisseurs li .img
{
float: left;
margin-right: 40px;
}
#cuisine #convertisseurs div.field
{
display: inline-block;
vertical-align: top;
}
#cuisine #convertisseurs li input.field
{
width: 100px;
height: 45px;
display: inline-block;
vertical-align: top;
margin-top: 0;
}
#cuisine #convertisseurs li .sep
{
display: inline-block;
vertical-align: top;
content: '=';
padding-top: 18px;
padding-left: 5px;
padding-right: 5px;
}
#cuisine #convertisseurs li h2
{
clear: none;
background: none;
text-align: left;
font-size: 24px;
padding: 0;
margin-bottom: 58px;
}
#cuisine #convertisseurs li .soustitre
{
padding: 10px 0;
}
#cuisine #convertisseurs li .label
{
font-family: 'work_sanssemibold';
font-size: 14px;
padding-top: 10px;
}
#cuisine #convertisseurs li.temperatures .img
{
float: right;
margin: 0;
text-align: right;
}
#cuisine #convertisseurs li.temperatures .img img
{
display: inline-block;
}
#cuisine #convertisseurs li.temperatures table
{
width: 94%;
}
#cuisine #convertisseurs li.temperatures th
{
font-family: 'work_sanssemibold';
font-size: 14px;
text-transform: uppercase;
padding-bottom: 22px;
font-weight: normal;
text-align: center;
}
#cuisine #convertisseurs li.temperatures td
{
font-family: 'work_sanssemibold';
font-size: 14px;
width: 33.33%;
padding-bottom: 22px;
text-align: center;
}
#article .mainbanner img
{
width: 100%;
}
#article .pub
{
margin-bottom: 40px;
}
#article .texte
{
color: #242424;
font-size: 16px;
line-height: 25px;
font-family: 'work_sanslight';
}
#article .texte p
{
padding: 15px 15px 0 15px;
}
#article .texte strong
{
font-family: 'work_sanssemibold';
color: #81121d;
font-weight: normal;
}
#article .texte > ul, #article .texte .half > ul
{
margin-bottom: 34px;
}
#article .texte > ul > li, #article .texte .half > ul > li
{
background: url(/img/puce.png) no-repeat left 10px;
padding-left: 10px;
margin-left: 30px;
}
#article .texte ul.recettesliste > li
{
padding: 0;
margin-left: 0;
background: #fff;
}
#article .texte ul.recettesliste > li.half
{
margin-left: 1%;
margin-right: 1%;
}
#article .texte ul.recettesliste.center
{
text-align: center;
}
#article .texte ul.recettesliste > li .img, #article .texte ul.recettesliste > li .img img
{
display: block;
}
#article .texte .half
{
text-align: justify;
padding: 15px;
width: 48%;
}
#article .texte .half.left
{
margin-right: 4%;
}
#article .texte h2
{
line-height: normal;
}
#article .texte .half p
{
padding-left: 0;
padding-right: 0;
}
#article .title .wrap
{
background: #fff;
font-size: 17px;
color: #929292;
font-family: 'work_sanslight';
padding: 35px 160px;
text-align: center;
margin-top: -100px;
position: relative;
margin-bottom: 20px;
}
#article .title .wrap h1
{
color: #000;
margin-top: 0;
}
#article .title .meta
{
color: #000;
margin-top: 30px;
}
#article .title .auteur img
{
width: 160px;
}
#article .autres
{
background: #358792;
padding: 25px;
}
#article .autres .pad
{
border: 2px solid #fff;
padding: 50px 0;
}
#article .autres h2
{
color: #fff;
background: url(../img/titre_separ_blanc.png) no-repeat center bottom;
}
#article .autres .autre
{
display: block;
width: calc(33.33% - 26px);
margin: 0 13px;
text-decoration: none;
color: #fff;
position: relative;
float: left;
}
#article .autres .autre .titre, #article .autres .autre .date
{
padding: 0 28px;
}
#article .autres .autre .titre
{
font-family: 'playfair_displaybold';
font-size: 18px;
display: inline-block;
margin-top: 28px;
height: 90px;
}
#article .autres .autre .date
{
font-family: 'work_sansbold';
font-size: 12px;
display: inline-block;
margin-bottom: 28px;
}
#article .autres .autre img
{
display: block;
width: 100%;
}
#article .autres .autre .cadre
{
border: 1px solid #fff;
position: absolute;
width: calc(100% - 26px);
height: calc(100% - 26px);
left: 13px;
top: 13px;
}
#articles #club .introfirst
{
background: #fff;
padding: 35px 15px;
margin-top: 35px;
}
#articles #banner
{
background: url(../img/articles-banner.jpg) no-repeat center center;
background-size: cover;
height: 383px;
}
#articles #banner .search
{
bottom: auto;
top: 165px;
}
#articles .intro_first
{
margin-top: -120px;
position: relative;
z-index: 2;
}
#articles .intro_first .wrap
{
background: #fff;
padding: 30px;
text-align: center;
}
#articles .intro_first .texte, #articles .autres .intro .texte
{
font-family: 'work_sanslight';
color: #929292;
font-size: 16px;
}
#articles .magazine
{
margin-top: 0;
}
#articles .magazine .pad
{
padding-bottom: 150px;
}
#articles .autres
{
background: #f1f2ef;
padding: 25px;
}
#articles .autres .inner
{
margin-left: 13px;
margin-right: 13px;
position: relative;
padding-top: 120px;
}
#articles .autres .intro
{
background: #fff;
padding: 30px;
position: absolute;
left: 0;
top: -126px;
width: 100%;
text-align: center;
}
#articles .autres .intro h2
{
margin-bottom: 30px;
}
#articles .autres .autre
{
display: block;
background: #358792;
width: calc(33.33% - 26px);
margin: 0 13px 42px 13px;
text-decoration: none;
color: #fff;
position: relative;
float: left;
}
#articles .autres .autre .titre, #articles .autres .autre .date
{
padding: 0 28px;
}
#articles .autres .autre .titre
{
font-family: 'playfair_displaybold';
font-size: 18px;
display: inline-block;
margin-top: 28px;
height: 90px;
}
#articles .autres .autre .date
{
font-family: 'work_sansbold';
font-size: 12px;
display: inline-block;
margin-bottom: 28px;
}
#articles .autres .autre img
{
display: block;
width: 100%;
}
#articles .autres .autre .cadre
{
border: 1px solid #fff;
position: absolute;
width: calc(100% - 26px);
height: calc(100% - 26px);
left: 13px;
top: 13px;
}
#articles .autres .more
{
text-align: center;
}
#articles .autres .more a
{
display: inline-block;
margin-left:15px;
margin-right:15px;
}
#ingredients #banner
{
background: url(../img/ingredients-banner.jpg) no-repeat center center;
background-size: cover;
height: 233px;
}
/*
#ingredients .saison .ingredient > a
{
display: block;
position: relative;
}
#ingredients .saison .ingredient > a .libelle
{
position: absolute;
right: 60px;
top: 40%;
font-size: 45px;
color: #000;
font-family: 'master_of_breakregular';
width: 100%;
text-align: right;
text-shadow: 1px 1px 1px #fff;
}
#ingredients .saison .ingredient > a .cadre
{
position: absolute;
width: calc(100% - 30px);
height: calc(100% - 30px);
border: 1px solid #fff;
left: 15px;
top: 15px;
}
*/
#ingredients .saison .ingredient .recette
{
width: 50%;
float: left;
}
#ingredients .all
{
background: #ebe6e2;
padding: 30px 0;
}
#ingredients .bloc
{
background: #f6f4f2;
}
#ingredients .categorie
{
margin-bottom: 30px;
}
#ingredients .categorie .more
{
padding-top: 25px;
text-align: center;
}
#ingredients .categorie .hide
{
display: none;
}
#ingredients .categorie.all
{
margin-top: 30px;
}
#ingredients .bloc .img
{
position: relative;
}
#ingredients .bloc .text
{
padding: 40px 40px 10px 40px;
}
#ingredients .bloc.even .text
{
float: right;
}
#ingredients .titre_bloc
{
padding-top: 80px;
}
#ingredients .bloc .flex
{
position: absolute;
left: 0;
top: 0;
font-family: 'master_of_breakregular';
font-size: 45px;
color: #fff;
}
#ingredients .bloc .flex .fond
{
}
/*
#recettes .bloc1 .flex
{
color: #000;
text-shadow: 1px 1px 2px white;
}
*/
#ingredients .bloc h2
{
text-align: left;
background: none;
padding-bottom: 0;
margin-bottom: 20px;
}
#ingredients .bloc .intro
{
color: #929292;
font-size: 16px;
font-family: 'work_sanslight';
margin-bottom: 40px;
line-height: 20px;
text-align: justify;
}
#ingredients .bloc .texte
{
font-family: 'work_sansregular';
font-size: 14px;
line-height: 18px;
padding: 0 30px;
text-align: justify;
}
#ingredients .bloc .ingredients .flex
{
font-size: 30px;
}
#ingredients .bloc .half img
{
width: 100%;
}
#article #banner
{
background: url(../img/ingredients-banner.jpg) no-repeat center center;
background-size: cover;
height: 233px;
}
#mesrecettes #banner
{
background: url(../img/cuisiner-banner.jpg) no-repeat center center;
background-size: cover;
height: 314px;
}
#mesrecettes .filtres
{
background: #fff;
margin-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
}
#mesrecettes .filtres .pad
{
border: 1px solid #6f1006;
padding: 40px 20px;
text-align: center;
}
#mesrecettes .filtres a
{
display: inline-block;
padding: 15px 10px;
color: #6f1006;
border: 2px solid #6f1006;
margin: 5px;
font-family: 'work_sansmedium';
font-size: 18px;
text-decoration: none;
}
#mesrecettes .filtres a:hover, #mesrecettes .filtres a.active
{
background: #6f1006;
color: #fff;
}
#mesrecettes .recettesliste .recette
{
width: calc(33.33% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
#mesrecettes .recettesliste .recette .remove
{
width: 20px;
height: 20px;
background: #fff url(/img/poubelle.png) no-repeat center center;
background-size: 10px;
position: absolute;
z-index: 9;
cursor: pointer;
border-radius: 3px;
top: 5px;
right: 5px;
}
#mesrecettes .recettesliste .recette .remove:hover
{
background: #6f1006 url(/img/poubelle_on.png) no-repeat center center;
background-size: 10px;
}
#mesrecettes .recettesliste .recette img
{
width: 100%;
}
@media (min-width: 1095px)
{
.mainbanner .title
{
width: 60%;
left: 20%;
}
#cuisine.lexique .mot .cell
{
padding-bottom: 50px;
}
#cuisine.lexique .mot.first
{
margin-bottom: 50px;
}
#cuisine.lexique .mot.first .img
{
width: 258px;
}
#cuisine.lexique .mot.first .img img
{
width: auto;
}
#cuisine.lexique .mot.first .titre
{
font-size: 48px;
margin-bottom: 15px;
}
#cuisine.lexique .mot.first .titre span
{
font-size: 72px;
}
}
#cuisine.lexique .mot .texte
{
font-family: 'work_sansregular';
font-size: 14px;
padding-right: 30px;
}
#cuisine.lexique .mot .texte .mores a
{
display: inline-block;
padding: 10px 10px;
border: 1px solid #000;
margin-right: 10px;
margin-top: 15px;
}
#cuisine.lexique .intro
{
margin-bottom: 45px;
text-align: center;
font-size: 16px;
font-family: 'work_sanslight';
line-height: 20px;
padding-left: 20px;
padding-right: 20px;
}
#cuisine.lexique .filtres .search
{
width: 486px;
max-width: 90%;
margin: 0 auto;
position: relative;
}
#cuisine.lexique .filtres .field
{
background: #cbc8c3;
color: #fff;
border: 0;
font-family: 'work_sansregular';
width: 100%;
margin-top: 0;
}
#cuisine.lexique .filtres .search .submit
{
position: absolute;
position: absolute;
right: 12px;
top: 12px;
width: 19px;
height: 19px;
background: url(../img/loupe_blanc.png) no-repeat;
cursor: pointer;
}
#adresses #banner
{
background: url(../img/cuisiner-banner.jpg) no-repeat center center;
background-size: cover;
height: 314px;
}
#club.adresse #adressesResults
{
padding: 0 25px;
}
#club.adresses .search
{
float: left;
width: calc(50% - 10px);
background: #fff;
padding: 20px;
}
#club.adresses .mapContainer
{
float: left;
width: calc(50% - 10px);
margin-right: 20px;
}
#club.adresses .search h1
{
color: #fff;
font-size: 44px;
padding-top: 26px;
padding-bottom: 30px;
}
#club.adresses .search .title
{
font-family: 'playfair_displayblack';
font-size: 20px;
padding-bottom: 10px;
}
#club.adresses .search .geo, #club.adresses .search .france
{
display: inline-block;
background: url('../img/adresses_geo.png') center right no-repeat;
padding-right: 30px;
font-size: 16px;
font-family: 'work_sansmedium';
height: 25px;
line-height: 25px;
text-decoration: underline;
margin-top: 15px;
}
#club.adresses .search .more
{
margin-top: 30px;
}
#club.adresses .search .geo
{
background: url('../img/adresses_geo.png') center right no-repeat;
}
#club.adresses .search .france
{
background: url('../img/adresses_france.png') center right no-repeat;
margin-right: 50px;
}
#club.adresses .search .col1
{
margin-left: 25px;
}
#club.adresses .search .col
{
float: left;
margin-right: 35px;
}
#club.adresses .search .col4
{
margin-right: 0;
}
#club.adresses .search .col li
{
line-height: 22px;
}
#club.adresses .search .col li span
{
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
border-radius: 3px;
margin-right: 8px;
}
#club.adresses .search .col li span.on
{
background-image: url('../img/adresses_check.png');
background-repeat: no-repeat;
background-position: center center;
}
#club.adresses .zone
{
padding-bottom: 2px;
}
#club.adresses .cache
{
width: 999px;
height: 500px;
background: #000;
position: absolute;
z-index: 100;
display: none;
}
#club.adresses .loader
{
width: 999px;
height: 500px;
background: url('../img/loader.png') center center no-repeat;
position: absolute;
z-index: 101;
display: none;
}
#club.adresses .zone .results
{
height: 37px;
line-height: 37px;
padding-left: 40px;
background: url('../img/club_results.png') left center no-repeat;
font-size: 28px;
font-family: 'dincond-mediumregular';
color: #666;
margin-bottom: 20px;
margin-left: 40px;
}
#club.adresses .zone .results span
{
color: #4b0317;
}
#club.adresses .infowindow
{
width: 411px;
overflow: hidden;
}
#club.adresses .infowindow .main
{
width: 411px;
}
#club.adresses .zone .left
{
float: left;
width: 452px;
margin-left: 35px;
}
#club.adresses .zone .left .categories .categorie
{
display: inline-block;
background: #b86675;
font-size: 14px;
font-family: 'dincond-mediumregular';
color: #fff;
text-transform: uppercase;
height: 28px;
line-height: 28px;
padding: 0 9px;
margin: 0 3px 10px 0;
cursor: pointer;
}
#club.adresses .zone .left .categories .categorie span
{
float: right;
background: url('../img/club_check.png') left center no-repeat;
width: 13px;
height: 12px;
margin-left: 20px;
margin-top: 8px;
}
#club.adresses .zone .left .categories .categorie span.active
{
background: url('../img/club_check_on.png') left center no-repeat;
}
#club.adresses .pavetop.results
{
margin-top: 18px;
}
#club.adresses .zone
{
margin-top: 44px;
}
#club.adresses hr
{
border: 0;
border-bottom: 1px solid #e6e6e6;
margin-top: 15px;
margin-bottom: 20px;
}
#club.adresses form .inputfield
{
position: relative;
}
#club.adresses form .inputfield span
{
display: block;
width: 19px;
height: 19px;
position: absolute;
right: 10px;
top: 7px;
background: url('../img/loupe_rouge.png') center center no-repeat;
cursor: pointer;
}
#club.adresses form input.field
{
margin-top: 0;
width: 100%;
height: 32px;
line-height: normal;
font-size: 15px;
}
#club.adresses .zone #map
{
width: 100%;
border: 1px solid #bfbfbf;
}
#club.adresses .zone #map, #club.adresses .search
{
height: 510px;
}
#club.adresses .zone .right
{
position: relative;
}
#club.adresses .zone .right .previous
{
display: block;
width: 30px;
height: 38px;
left: -34px;
top: 46%;
margin-top: 0;
position: absolute;
z-index: 1;
cursor: pointer;
}
#club.adresses .zone .right .next
{
display: block;
width: 30px;
height: 38px;
right: -35px;
top: 46%;
margin-top: 0;
position: absolute;
z-index: 1;
cursor: pointer;
}
#club.adresses .zone .right #slider
{
width: 100000px;
}
#club.adresses .zone .right #slider li
{
display: table;
float: left;
width: 933px;
}
#club.adresses .zone .right #slider .col
{
display: table-cell;
width: 33.33%;
vertical-align: top;
padding: 0 0 20px 12px;
}
#club.adresses .zone .right .row
{
display: table-row;
}
#club.adresses .zone .right .picto, #club.adresses #map .picto
{
width: 95px;
height: 95px;
vertical-align: top;
text-align: center;
float: left;
}
#club.adresses .zone .right .picto
{
background: url(../img/marker.png) no-repeat center center;
vertical-align: middle;
line-height: 95px;
}
#club.adresses .zone .right .picto span, #club.adresses #map .picto span
{
display: inline-block;
width: 48px;
height: 58px;
vertical-align: middle;
line-height: 47px;
font-size: 16px;
font-family: 'work_sansregular';
}
#club.adresses .zone .right .picto span
{
cursor: pointer;
}
#club.adresses #adressesResults
{
margin: 50px 0;
}
#club.adresses #adressesResults .bx-pager-item a
{
margin-bottom: 10px;
}
#club.adresses #adressesResults .resultnb
{
font-family: 'playfair_displayblack';
font-size: 30px;
background: url(../img/titre_separ.png) no-repeat center bottom;
padding-bottom: 33px;
text-align: center;
margin-bottom: 36px;
}
#club.adresses #adressesResults .full
{
color: #333;
font-size: 14px;
line-height: 18px;
width: 175px;
margin-top: 25px;
}
#club.adresses #adressesResults .full a
{
color: #ff9900;
}
#club.adresses #adressesResults h1 span
{
color: #ff9900;
}
#club.adresses .mapContainer
{
position: relative;
}
#club.adresses #map .picto span
{
padding-top: 6px;
}
#club.adresses #map .infowindow
{
font-family: Arial;
color: #333;
line-height: 18px;
font-size: 12px;
}
#club.adresses .one #adressesResults h1
{
margin-left: 0;
}
#club.adresses #map .infowindow .avantage, #club.adresses .one .avantage
{
background: #f6f2ec;
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
#club.adresses #map .fiche
{
padding-left: 50px;
padding-top: 10px;
}
#club.adresses #map .fiche .titre
{
font-weight: bold;
font-size: 18px;
color: #000;
}
#club.adresses #map .fiche .infos, #club.adresses #map .fiche .adresse, #club.adresses .one .adresse, #club.adresses .one .infos
{
color: #666;
}
#club.adresses .one .adresse, #club.adresses .one .infos, #club.adresses .one .texte
{
line-height: 20px;
}
#club.adresses #map .fiche .infos a, #club.adresses .one .infos a, #club.adresses .one .back
{
text-decoration: underline;
}
#club.adresses #map .bottom, #club.adresses .one .bottom
{
border-top: 1px solid #ccc;
margin-top: 14px;
padding-top: 14px;
}
#club.adresses .zone .right .fiche
{
float: left;
vertical-align: top;
font-family: 'work_sansregular';
font-size: 14px;
line-height: 16px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
width: calc(100% - 95px);
}
#club.adresses .zone .right .fiche .titre
{
margin-bottom: 7px;
}
#club.adresses .zone .right .fiche .titre a
{
font-family: 'work_sansbold';
font-size: 16px;
}
#club.adresses .zone .right .fiche .titre, #club.adresses .zone .right #slider li .fiche .adresse, #club.adresses .zone .right .fiche .infos, #club.adresses .zone .right .fiche .texte
{
padding: 0 10px;
word-wrap: break-word;
}
#club.adresses .zone .right .fiche .titre
{
}
#club.adresses .zone .right .fiche .infos span
{
color: #81121d;
font-weight: bold;
}
#club.adresses .zone .right .fiche .texte
{
margin: 10px 0;
}
#club.adresses .zone .right .fiche .img
{
margin-top: 20px;
}
#club.adresses .zone .right .avantage
{
position: relative;
padding-left: 130px;
background: #f6f2ec;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 10px;
}
#club.adresses .zone .right .avantage .exclu
{
position: absolute;
left: -33px;
top: 0;
width: 152px;
height: 27px;
line-height: 27px;
background: url('../img/club_exclu.png') center center no-repeat;
font-family: 'MissionScript';
font-size: 17px;
text-align: center;
color: #fff;
}
@media (min-width: 1441px)
{
#home .ingredient .left
{
width: calc(100% - 711px);
}
#home .ingredient .right
{
width: 711px;
}
.slider .bx-wrapper img
{
width: 100%;
}
}
@media (max-width: 1300px)
{
.encart_types .detail .close
{
right: 0;
}
.encart_types .detail .prev
{
left: -50px;
}
.encart_types .detail .next
{
right: -50px;
}
}
@media (max-width: 1250px)
{
#chef .bx-wrapper li img
{
width: auto!important;
max-width: none!important;
}
}
@media (max-width: 1200px)
{
.encart_types .detail .liste
{
float: none;
width: calc(100% - 100px);
margin: 0 50px;
}
.encart_types .detail .menu
{
float: none;
width: calc(100% - 130px);
height: auto;
margin: 0 65px;
text-align: center;
}
.encart_types .detail .menu li
{
display: inline-block;
vertical-align: top;
width: calc(30% - 30px);
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
.encart_types .detail .liste a
{
margin-left: 15px;
margin-right: 15px;
}
.encart_types .detail .prev
{
left: 10px;
}
.encart_types .detail .next, .encart_types .detail .close
{
right: 10px;
}
}
@media (max-width: 1095px)
{
#article .title .wrap
{
margin-top: 0px;
padding: 35px 100px;
}
#cuisine.lexique .mot
{
width: 100%;
margin-bottom: 25px;
}
#cuisine.lexique .mot .img
{
padding-left: 10px;
}
#recette .etape .geste
{
position: relative;
max-width: 450px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
#chef .resto .row
{
text-align: left;
}
#recette .innerwrap
{
padding-left: 15px;
padding-right: 15px;
}
body.suite h1
{
font-size: 30px;
}
#recette .sommelier .texte
{
width: 48%;
}
#recette .commentaires, #cuisine .links
{
width: 90%;
margin-left: 5%;
}
#cuisine .links .half
{
width: 45%;
}
#cuisine .links .half.left
{
margin-right: 5%;
}
}
@media (max-width: 1160px)
{
#chef .resto .pave
{
width: calc(33.33% - 12px);
}
.desktop
{
display: none!important;
}
.pretablet
{
display: block;
}
#cuisine .vins .container
{
width: auto;
}
#cuisine .vins .wrap
{
padding-left: 20px;
padding-right: 20px;
}
.home .bxslider .legende .titre
{
font-size: 30px;
padding-left:20px;
padding-right:20px;
}
#home .alaune
{
padding-left: 35px;
}
#home .alaune .texte, .bloc_chef_2recettes .left
{
padding-right: 20%;
}
.bloc_chef_2recettes .right
{
float: none;
width: 95%;
}
.bloc_chef_2recettes .left
{
float: right;
width: 85%;
text-align: left;
}
.bloc_chef_2recettes .left img
{
width: 100%;
}
.bloc_chef_2recettes .left a span
{
left: -110px;
}
.bloc_chef_2recettes .right
{
margin-left: 0;
display: table;
}
.bloc_chef_2recettes .right .chef.pretablet
{
float: none;
width: 100%;
width: 34%;
display: table-cell;
vertical-align: bottom;
}
.bloc_chef_2recettes .right .chef a
{
white-space: nowrap;
height: auto;
line-height: normal;
}
#recette.geste .bloc_chef_2recettes .right .chef a
{
white-space: normal;
}
.bloc_chef_2recettes .right .chef a img
{
width: 50%;
}
.bloc_chef_2recettes .right .chef a span
{
line-height: normal;
font-size: 18px;
padding-top: 25px;
width: 50%;
}
.bloc_chef_2recettes .right .recette
{
padding-left: 15%;
float: none;
width: 60%;
padding-top: 22px;
display: table-cell;
vertical-align: bottom;
}
.bloc_chef_2recettes .right .recette img
{
max-width: 100%;
}
.bloc_chef_2recettes .right .recette a span
{
text-align: left;
right: 20px;
width: 160px;
}
#home .bloc_chef_2recettes .right .pad
{
display: table-row;
}
#home .chefs .slide
{
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
#home .chefs .slide .bx-wrapper
{
display: inline-block;
}
#home .chefs .more
{
padding-bottom: 0;
}
#home .ingredient .left
{
width: 100%;
}
#home .ingredient .left .texte
{
padding-right: 0;
}
#home .ingredient .right
{
width: 100%;
background: #fff;
}
#home .ingredient .image
{
float: left;
width: calc(64% - 1px);
margin-right: 1px;
}
#home .ingredient .image img
{
width: 100%;
}
#home .ingredient .right .recettesliste
{
float: left;
width: 36%;
}
#home .ingredient .right .recettesliste li.recette
{
width: 100%;
}
.encart_geste .left, .encart_geste .right
{
width: 74%;
margin-left: 13%;
}
.encart_geste .left img
{
width: 100%;
}
.encart_geste .right
{
padding: 25px 0 0 0;
}
.encart_geste .right .more
{
text-align: center;
}
/*
#header
{
height: 80px;
}
*/
#header .logo
{
float: none;
position: absolute;
left: 5px;
}
#header .left li
{
margin-right: 20px;
}
#header .right ul
{
padding-right: 5px;
/*
padding-top: 24px;
*/
}
body.home #header .logo
{
float: none;
position: absolute;
width: 100%;
text-align: center;
top: 62px;
left: 0;
}
body.home #header.fixed .logo
{
top: 45px;
}
#header .left ul
{
margin-left: 167px;
}
/*
#header .left ul
{
padding-top: 37px;
margin-left: 70px;
}
#header .right ul
{
padding-top: 33px;
padding-right: 27px;
}
#header .right li
{
margin-left: 19px;
}
*/
#home .slide h1
{
display: none;
}
body.suite .introfirst, #cuisine .ingredients > .wrap, #ingredient .ingredients > .wrap, , #ingredients .ingredients > .wrap
{
padding-left: 10%;
padding-right: 10%;
}
.gestes .encart_geste > div
{
width: 81%;
}
}
@media (max-width: 1160px) and (min-width: 960px)
{
.gestes .encart_geste .left .encart
{
width: 138px;
height: 138px;
line-height: 138px;
left: 20px;
}
.encart_geste .left .encart .nom
{
font-size: 13px;
line-height: normal;
}
}
@media (max-width: 990px)
{
#club.adresses .search, #club.adresses .mapContainer
{
width: 100%;
}
#club.adresses .search
{
height: auto;
}
#club.adresses .zone .right #slider .main:after
{
clear: both;
content: '';
display: table;
}
#club.adresses .zone .right #slider .col
{
width: 100%;
display: block;
}
#mesrecettes .filtres .pad
{
padding: 10px;
}
#mesrecettes .filtres a
{
font-size: 14px;
padding: 10px;
}
#article .autres .autre
{
width: calc(50% - 26px);
}
.magazine .article
{
width: calc(50% - 50px);
}
#article .autres .autre.idx3, .magazine .article.idx3
{
display: none;
}
#cuisine #bx-pager
{
width: 329px;
margin-bottom: 20px;
}
#chef .biographie
{
margin-top: 0;
padding-top: 25px;
}
#chef .biographie .left .texte
{
margin-left: 40px;
margin-right: 20px;
max-width: none;
}
#chef .biographie .texte .half
{
display: block;
float: left;
width: calc(50% - 30px);
}
#chef .recettesliste .row, #ingredient .recettesliste .row
{
text-align: left;
}
#chef .recettesliste li.recette, #ingredient .recettesliste li.recette
{
width: calc(50% - 30px);
height: auto;
min-height: 390px;
margin-bottom: 20px;
margin-left: 15px;
}
#chef .recettesliste li.recette:last-child, #ingredient .recettesliste li.recette:last-child
{
margin-right: 15px;
}
}
@media (min-width: 960px)
{
#header .bar
{
height: 0px;
padding-top: 0;
background: #d1cfc9;
position: absolute;
left: 0;
top: 62px;
width: 100%;
border-top: 0;
-moz-transition: all 0.3s ease 0.3s;
-webkit-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
#header.fixed .bar
{
top: 45px;
}
#header .bar.active
{
height: 67px;
padding-top: 13px;
border-top: 1px solid #fff;
}
#header .bar input
{
width: calc(100% - 67px);
height: 40px;
background: #fff;
padding-left: 15px;
padding-right: 15px;
color: #b3b1ad;
font-size: 18px;
font-family: 'work_sansregular';
border: 0;
float: left;
}
#header .bar .submit
{
float: left;
width: 67px;
height: 40px;
line-height: 40px;
text-align: center;
background: #8c151e;
color: #fff;
font-size: 18px;
font-family: 'work_sansbold';
cursor: pointer;
text-transform: none;
}
#header .bar .toggle
{
display: none;
}
}
@media (max-width: 960px)
{
.lettres li, .lettres li a
{
font-size: 18px;
width: 28px;
margin-bottom: 10px;
}
.lettres li.current
{
width: 28px;
}
.lettres li.current a
{
font-size: 26px;
}
.lettres li.current span
{
bottom: -4px;
}
#cuisine .ingredients .ingredient, #ingredient .ingredients .ingredient, #ingredients .ingredients .ingredient
{
width: 50%;
}
#recettes .ingredients a, .themes a, #cuisine .ingredients .ingredient a, #ingredient .ingredients .ingredient a, #ingredients .ingredients .ingredient a
{
font-size: 26px;
}
#gestes .gestes .encart_geste, #cuisine .encart_geste
{
width: 50%;
}
#gestes .gestes .encart_geste.idx3
{
display: none;
}
#recette .autresrecettes li
{
width: 100%;
margin-bottom: 25px;
background: none;
margin-left: 0;
margin-right: 0;
}
#recette .autresrecettes li .img img
{
width: 100%;
}
#recette .autresrecettes li .img, #recette .recettesliste li.recette .nom, #recette .recettesliste li.recette .chef
{
margin-left: 5%;
margin-right: 5%;
width: 90%;
display: inline-block;
background: #fff;
}
.recettesliste > ul > li .nom
{
}
#header, #header.fixed
{
height: 37px;
}
#header .left ul, #header .right
{
display: none;
}
#header .logo, body.home #header .logo
{
top: 37px;
}
body.suite #header .logo
{
left: 5px;
top: 0px;
z-index: 2;
width: auto;
}
#home .slide .search
{
display: none;
}
#header .bar
{
display: block;
height: auto;
}
#header .bar .wrap
{
margin: 0;
}
#header .bar form
{
width: calc(100% - 42px);
float: left;
position: relative;
}
#header .bar form input
{
height: 37px;
width: 100%;
border: 0;
background: rgba(255,255,255,0.86);
margin: 0;
padding: 0 35px 0 160px;
font-size: 17px;
font-family: 'work_sansregular';
}
body.home #header .bar form input
{
padding-left: 15px;
}
#header .bar .toggle
{
width: 42px;
height: 37px;
float: left;
background: #81121d url(../img/toggle.png) center 11px no-repeat;
background-size: 11px;
padding-top: 25px;
font-size: 9px;
font-family: 'work_sansregular';
color: #fefefe;
text-align: center;
cursor: pointer;
}
#header .bar .submit
{
position: absolute;
width: 11px;
height: 11px;
background: url(../img/loupe.png) no-repeat;
background-size: 100%;
right: 15px;
top: 13px;
cursor: pointer;
text-indent: -10000px;
}
#container {
transition: transform .7s;
}
body.menu #container {
transform: translateX(-250px);
position: fixed;
}
body.menu #sidenav {
width: 250px;
}
#sidenav {
display: block;
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
-moz-box-shadow: 0px 1px 3px 0px #656565;
-webkit-box-shadow: 0px 1px 3px 0px #656565;
-o-box-shadow: 0px 1px 3px 0px #656565;
box-shadow: 0px 1px 3px 0px #656565;
}
#sidenav .top
{
display: block;
}
#sidenav .top li
{
width: 50px;
float: left;
height: 42px;
}
#sidenav .top li a
{
display: block;
height: 42px;
border-right: 1px solid #766a47;
}
#sidenav .top li.compte a
{
background: url(../img/p_user@2x.png) no-repeat center center;
background-size: 14px 18px;
}
#sidenav .top li.coeur a
{
background: url(../img/p_coeur_rouge@2x.png) no-repeat center center;
background-size: 18px;
}
#sidenav .nav
{
display: block;
}
#sidenav .nav li
{
height: 42px;
line-height: 42px;
border-top: 1px solid #766a47;
padding: 0 14px 0 17px;
}
#sidenav .nav li a
{
font-family: 'work_sanslight';
font-size: 14px;
color: #81121d;
text-transform: uppercase;
display: block;
background: url(../img/nav_fleche@2x.png) no-repeat right center;
background-size: 3px 7px;
white-space: nowrap;
}
#sidenav .nav li.current a
{
color: #000;
}
#sidenav .nav .networks
{
padding-top: 10px;
}
#sidenav .nav .networks a
{
display: inline-block;
width: 25px;
height: 25px;
background-size: auto 18px !important
}
#recette .etape img
{
max-width: 100%;
}
}
@media (max-width: 1094px)
{
#article .texte ul.recettesliste > li.full
{
margin: 0 15px;
}
#cuisine #convertisseurs .img
{
margin-right: 20px;
width: 200px;
}
#recette.cocktail .mainbanner img
{
height: auto;
display: block;
}
}
@media (max-width: 1024px)
{
.tablet
{
display: block;
}
.magazine .encart .bottom
{
background: #358792;
border-bottom: 2px solid #fff;
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
}
.magazine .encart .wrap .inner
{
margin-left: 20px;
margin-right: 20px;
}
#recettes .bloc .text, #ingredients .bloc .text
{
padding: 25px;
}
#recettes .bloc .intro, #ingredients .bloc .intro
{
margin-bottom: 20px;
font-size: 14px;
line-height: 18px;
}
#recettes .bloc .texte, #ingredients .bloc .texte
{
padding: 0;
}
.home .bxslider .legende
{
top: 135px;
padding-top: 52px;
}
/*
#home #homeslider .bx-controls
{
display: none;
}
*/
#home #homeslider .bx-wrapper .bx-pager
{
bottom: 30px;
}
#header .right li.coeur a
{
width: 20px;
height: 20px;
background-size: 100% auto;
}
/*
#header .right li.compte a
{
width: 20px;
height: 20px;
background-size: auto 100%;
}
*/
.slide_trait span
{
max-width: none;
width: 97%;
}
#home .alaune .texte
{
margin-top: 10px;
}
#home .themes .quarter, #recette.geste .themes .quarter
{
width: 33.33%;
}
#home .themes .quarter.idx9, #recette.geste .themes .quarter.idx9
{
display: block;
}
#footer .prefooter
{
display: none;
}
#footer .tablet
{
padding: 70px 20px 50px 20px;
}
#footer .tablet ul
{
text-align: center;
}
#footer .tablet li
{
display: inline-block;
margin: 0 12px;
}
#footer .tablet li, #footer .tablet li a
{
font-family: 'work_sansregular';
font-size: 14px;
}
}
@media (max-width: 1014px)
{
#cuisine #convertisseurs .img
{
display: none;
}
#cuisine #convertisseurs li .right
{
width: 100%;
}
#chefs .pave
{
width: 80%;
margin-left: 10%;
}
#chef .resto .pave
{
width: calc(50% - 12px);
}
#search .full .filters
{
position: fixed;
display: none;
background: #fff;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 99;
}
#search .full .filters .scroll
{
position: relative;
height: calc(100% - 80px);
overflow: auto;
}
#search .full .content
{
width: 100%;
}
#search .full #recettesresults
{
justify-content: center;
}
#search .box .filter
{
float: none;
display: inline-block;
}
#search .box.row
{
text-align: center;
}
#search .box.row .filter
{
text-align: left;
}
#search .mobile
{
display: block;
text-align: center;
font-size: 18px;
color: #6f1006;
margin-bottom: 20px;
}
#search h2
{
float: none;
width: 100%;
}
#search .box.row
{
display: none;
}
#search .mobile .btn
{
display: inline-block;
width: calc(100% - 40px);
margin: 0 10px;
border: 2px solid #6f1006;
height: 50px;
line-height: 50px;
cursor: pointer;
max-width: 200px;
}
#search .mobile .btn.apply
{
position: fixed;
left: calc(50% - 100px);
width: 90%;
bottom: 20px;
}
}
@media (max-width: 850px)
{
.encart_types .detail .menu
{
margin: 0 25px;
width: calc(100% - 50px)
}
.encart_types .detail .menu li
{
width: calc(46% - 30px);
}
.encart_types .detail h2
{
padding-left: 20px;
padding-right: 40px;
}
.third, .encart_types .third
{
width: 33.333333333%;
}
.encart_types .block.last
{
display: block;
}
#articles .autres .autre
{
width: calc(50% - 26px);
}
.magazine .article .texte
{
min-height: 0;
}
#chef .biographie
{
padding-bottom: 22px;
}
#chef .biographie h2
{
margin-bottom: 0;
}
#chef .biographie .left .texte
{
margin-right: 40px;
}
#chef .biographie .table .cell
{
display: block;
width: 100%;
}
#chef .biographie .right
{
text-align: center;
}
#chef .biographie .right img
{
display: inline-block;
}
#chefs .tous .liste a
{
width: calc(33.33% - 28px);
}
#chefs .tous .liste a img
{
width: 100%;
}
#recettes .fond_container .intro
{
padding-left: 25px;
padding-right: 25px;
}
.recettesliste li.recette .nom
{
min-height: 76px;
}
#recettes .bloc, #ingredients .bloc
{
width: 541px;
margin-left: calc(50% - 270px);
}
#recettes .bloc .half, #ingredients .half
{
width: 100%;
}
#ingredients .saison .ingredients a
{
max-width: 100%;
}
#ingredients .saison .ingredients img
{
width: 100%;
}
#ingredients .categorie .bloc
{
width: 100%;
margin-left: 0;
}
#recettes .recettesliste
{
width: 541px;
margin-left: calc(50% - 270px);
}
#recettes .recettesliste .quarter, #recettes .ingredients .quarter, #recettes .themes .quarter, #ingredients .ingredients .quarter
{
width: 50%;
}
.home .bxslider .legende .titre
{
font-size: 20px;
padding-bottom: 80px;
}
#recette .innerwrap > .chef .img
{
background-position: center center;
width: 100%;
text-align: center;
float: none;
}
#recette .innerwrap > .chef .nom
{
text-align: center;
padding-top: 15px;
}
#recette .innerwrap > .chef
{
padding: 0 30px;
}
.bloc_chef_2recettes .left
{
width: 90%;
}
.bloc_chef_2recettes .right .recette
{
padding-left: 10%;
}
#homeslider li .chef img
{
width: 94px;
}
.home .bxslider .legende .chef
{
bottom: -47px;
height: 95px;
background-size: 88px;
}
#recette .sommelier .img
{
width: calc(100% - 60px);
padding-left:60px;
margin-left: 0;
margin-right: 0;
margin-bottom: 25px;
}
#recette .sommelier .texte
{
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
body.suite .encart_geste .left .encart
{
height: auto;
line-height: normal;
padding: 25px;
}
body.suite .encart_geste .texte
{
font-size: 14px;
}
}
@media (max-width: 782px)
{
#cuisine #convertisseurs, #cuisine #convertisseurs input, #cuisine #convertisseurs li h2
{
text-align: center;
}
#cuisine #convertisseurs li h2
{
margin-bottom: 24px;
margin-top: 10px;
}
#cuisine #convertisseurs div.field
{
margin-bottom: 20px;
margin-right: 10px;
}
#cuisine #convertisseurs div.field.even
{
margin-right: 0;
}
#cuisine #convertisseurs li .sep
{
display: none;
}
#cuisine #convertisseurs li
{
padding: 10px;
}
#cuisine #convertisseurs li h2
{
font-size: 18px;
}
#cuisine #convertisseurs li .label
{
font-size: 12px;
}
#cuisine #convertisseurs li.temperatures th
{
font-size: 11px;
}
#cuisine #convertisseurs li.temperatures td
{
font-size: 13px;
}
}
@media (max-width: 768px)
{
#search .filter, #search .filter.right
{
width: 80%;
margin: 0 0 20px 10%;
float: left;
}
#search .recette
{
width: calc(50% - 14px);
}
#search .recette img
{
width: 100%;
}
body.suite h1
{
font-size: 24px;
padding-bottom: 22px;
}
#banner .titre
{
font-size: 24px;
line-height: 28px;
}
#home .ingredient .image
{
width: 100%;
}
#home .ingredient .right .recettesliste
{
width: 100%;
}
#home .ingredient .right .recettesliste li.recette
{
width: 50%;
}
.slide_trait span
{
width: 100%;
height: 5px;
}
#cuisine .vins .left
{
width: 100%;
}
#cuisine .vins .right
{
width: 100%;
padding-left: 30px;
}
#cuisine .links .pad
{
padding-left: 25px;
padding-right: 25px;
}
#cuisine #bx-pager
{
width: 100%;
}
.encart_types .detail .liste a
{
width: calc(50% - 30px);
}
}
@media (max-width: 690px)
{
#recette .share .etoiles
{
position: absolute;
float: none;
left: 0;
top: 53px;
}
#recette h1
{
margin-top: 80px;
}
#recette .share .etoiles li.notes
{
float: right;
margin-left: 10px;
font-size: 14px;
}
}
@media (max-width: 668px)
{
.third, .encart_types .third
{
width: 50%;
}
#club.adresses .zone #map
{
height: 250px;
}
#mesrecettes .recettesliste .recette
{
width: calc(50% - 20px);
}
#articles .autres .autre
{
width: calc(100% - 26px);
}
#articles .autres .more a
{
margin-bottom: 25px;
}
#ingredient .mainbanner .title
{
top: 60px;
}
#article .autres .autre
{
width: calc(100% - 26px);
}
.magazine .article
{
width: 100%;
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
}
.magazine .article .titre
{
font-size: 19px;
}
#article .autres
{
padding: 0px;
}
#article .autres .pad
{
border: 0;
}
#article .autres .autre.idx3, .magazine .article.idx3
{
display: block;
}
#article .texte .half
{
width: 100%;
}
#article .title .auteur img
{
width: 100px;
}
#article .title .wrap
{
padding: 35px;
}
body.cuisines .introfirst .img
{
display: block;
float: none;
text-align: center;
}
#recette .ingredients .col2
{
width: 86%;
}
#recette .ingredients .col2.idx2
{
margin-left: 9%;
}
#chefs .pave .texte
{
font-size: 9px;
line-height: normal;
}
.recettesliste .share
{
position: relative;
bottom: auto;
right: auto;
margin-right: 15px;
padding-bottom: 15px;
}
#recette.geste #example_video_1
{
margin-top: 37px;
}
#recette.geste .play
{
width: 48px;
height: 48px;
background-size: 100%;
left: calc(50% - 24px);
top: 34%;
}
*::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}
#recette.geste .mainbanner .title
{
bottom: 5px;
}
#recette.geste .ingredients .left, #recette.geste .ingredients .right
{
width: 100%;
}
#recette.geste .ingredients .right
{
margin-top: 25px;
}
#recette .etape
{
padding-bottom: 94px;
}
#chef .recettesliste li.recette, #ingredient .recettesliste li.recette
{
width: calc(100% - 30px);
min-height: 0;
}
#chef .recettesliste li.recette .nom, #ingredient .recettesliste li.recette .nom, #recette .autresrecettes li.recette, #recette .autresrecettes li.recette .nom
{
min-height: 0;
}
#ingredient .saison, #ingredient .texte
{
width: 95%;
margin-left: 2.5%;
}
#ingredient .texte p
{
margin-bottom: 0px;
}
#ingredient .saison .mois span
{
display: none;
}
#ingredient .texte h2
{
font-size: 18px;
}
.popup
{
width: 90%;
left: 5%!important;
}
.popup.login .facebook, .popup.login .google, .popup.signin .facebook, .popup.signin .google
{
margin-left: 5%;
margin-right: 5%;
max-width: 90%;
background-size: 100%;
}
form input.field
{
font-size: 15px;
margin-top: 17px;
height: 38px;
width: 90%;
padding: 5px;
}
#banner .search .field
{
padding: 0 15px;
}
.popup.signin .signin
{
line-height: 21px;
padding: 0 10px;
}
.popup.signin input[type="submit"]
{
margin-top: 28px;
width: 90%;
font-size: 15px;
}
.popup .texte
{
line-height: 22px;
}
.popup, .popup a
{
font-size: 15px;
}
form input[type="submit"]
{
font-size: 17px;
height: 44px;
}
.popup .title
{
font-size: 30px;
padding-bottom: 40px;
}
#recette .commentaires .links a
{
display: block;
font-size: 12px;
margin-top: 5px;
}
#recette .commentaires .links span
{
display: none;
}
#chef .resto .pave
{
width: calc(100% - 12px);
}
#chefs .tous .liste a
{
width: calc(50% - 28px);
}
#cuisine .links .half
{
width: 100%;
margin-right: 0;
}
#cuisine .links
{
position: relative;
top: 0;
}
#cuisine .ingredients, #ingredient .ingredients, #ingredients .ingredients
{
padding-bottom: 30px;
}
#cuisine .vins
{
padding-top: 30px;
padding-bottom: 30px;
}
#gestes #banner
{
background-position: -700px 0;
}
#gestes .gestes .encart_geste, #cuisine .encart_geste
{
width: 100%;
}
#recette .preparation .sep
{
display: block;
height: 5px;
}
#recette .preparation .item
{
font-size: 16px;
/*
padding-left: 25px!important;
padding-right: 25px!important;
*/
}
/*
#recette .preparation .item.type
{
background-size: 17px auto;
background-position-y: 7px;
}
#recette .preparation .item.nbpers
{
background-size: 12px auto;
background-position-y: 9px;
}
#recette .preparation .item.temps
{
background-size: 11px auto;
background-position-y: 7px;
}
#recette .preparation .item.diff
{
background-size: 9px auto;
background-position-y: 8px;
}
*/
#recette .preparation .pad
{
padding-left: 43px;
}
.home .bxslider .legende .titre
{
font-size: 16px;
}
#home .alaune
{
padding-left: 0;
}
.bloc_chef_2recettes .left
{
padding-left: 60px;
padding-right: 20px;
margin-left: 5%;
float: none;
}
#home .alaune .titre, #home .alaune .trait, #home .alaune h2, #home .alaune .texte
{
margin-left: 20px;
padding-right: 20px;
}
#home .alaune .texte {
font-size: 13px;
line-height: 21px;
}
.bloc_chef_2recettes .left a span
{
left: 0;
top: 32px;
width: 130px;
line-height: 17px;
font-size: 12px;
padding: 12px;
}
.bloc_chef_2recettes .right
{
display: block;
padding-left: 60px;
margin-left: 5%;
}
#home .bloc_chef_2recettes .right .pad
{
display: block;
width: 100%;
}
.bloc_chef_2recettes .right .recette
{
display: inline-block;
padding-left: 0;
}
.bloc_chef_2recettes .right .recette a span
{
left: auto;
right: -85px;
top: 32px;
width: 130px;
line-height: 17px;
font-size: 12px;
padding: 12px;
}
.bloc_chef_2recettes .right .chef.pretablet
{
display: inline-block;
width: calc(100% - 60px);
margin-top: 30px;
}
.bloc_chef_2recettes .right .chef a
{
white-space: normal;
}
.bloc_chef_2recettes .right .chef a span
{
word-wrap: break-word;
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
}
#home h2
{
font-size: 22px;
}
#home .chefs h2
{
font-size: 18px;
margin-top: 10px;
}
#home .chefs .titre
{
padding: 0 30px;
font-size: 14px;
margin-bottom: 20px;
}
#home .chefs .slide
{
display: none;
}
#home .chefs .more
{
margin-top: 0;
margin-bottom: 20px;
}
#home .chefs .more a, #home .ingredient .left .texte a
{
display: inline-block;
}
.more a, #home .ingredient .left .texte a, .encart_geste .all a
{
font-size: 13px;
}
#home .ingredient .left
{
background: none;
border-top: 0;
min-height: 0;
padding-left: 15px;
padding-right: 15px;
}
#home .ingredient .left .titre
{
padding-top: 30px;
}
#home .ingredient .left .trait span
{
margin-bottom: 17px;
}
#home .ingredient .left .texte
{
padding-left: 0;
}
#home .ingredient .left .texte p
{
display: none;
}
#home .ingredient .left .texte p.link
{
display: block;
}
#home .ingredient .left .intro
{
margin-bottom: 20px;
font-size: 14px;
}
.recettesliste li.recette .nom a
{
font-size: 11px;
}
.recettesliste li.recette .chef, .recettesliste li.recette .chef a
{
font-size: 11px;
}
.recettesliste li.recette .chef
{
padding-top: 0;
}
.recettesliste li.recette .nom
{
padding-top: 5px;
padding-bottom: 5px;
}
.encart_geste .titre, .encart_themes .titre
{
font-size: 15px;
line-height: normal;
padding-bottom: 7px;
}
.encart_geste .trait span, .encart_themes .trait span
{
height: 5px;
width: 40px;
}
#home .encart_geste
{
padding-bottom: 20px;
}
#home .encart_geste h2, #home .encart_themes h2
{
font-size: 19px;
}
.encart_geste .left, .encart_geste .right, .gestes .encart_geste .left, .gestes .encart_geste .right
{
margin-left: 5%;
width: 90%;
float: none;
display: block;
}
body.home .encart_geste .left .encart
{
background: none;
height: auto;
left: 0;
top: 20px;
padding: 0;
text-align: left;
position: relative;
width: auto;
}
body.home .encart_geste .left .encart .libelle
{
display: none;
}
body.home .encart_geste .left .encart .nom
{
text-transform: none;
line-height: normal;
font-family: "playfair_displaybold";
font-size: 16px;
}
.encart_geste .right p, .encart_geste .right h3
{
display: none;
}
.encart_geste .right .more
{
margin-top: 20px;
}
.encart_geste .all
{
margin-top: 20px;
}
#home .themes .quarter, #recette.geste .themes .quarter
{
width: 50%;
}
#home .themes .quarter.idx9, #recette.geste .themes .quarter.idx9
{
display: none;
}
#recettes .ingredients a, .themes a, #cuisine .ingredients .ingredient a, #ingredient .ingredients .ingredient a, #ingredients .ingredients .ingredient a, #ingredients .bloc .flex
{
font-size: 18px;
}
.themes .middle
{
position: static;
}
.themes a .titre2
{
top: auto;
bottom: 30px;
font-size: 13px;
}
#footer .tablet li, #footer .tablet li a
{
font-size: 12px;
}
#footer .tablet li
{
margin: 0 4px;
}
}
@media (max-width: 568px)
{
#recette .video
{
margin-top: 0px;
}
#recette .video video
{
height: calc(100vh - 37px);
}
#cuisine.lexique .mot .cell
{
display: block;
padding-left: 15px;
}
#cuisine.lexique .mot
{
margin-bottom: 60px;
}
#cuisine.lexique .mot .texte
{
padding-top: 15px;
}
#recette .etape .geste
{
text-align: left;
width: 90%;
margin-left: 5%;
}
#recette .etape .geste .video
{
width: 100%;
}
#recette .etape .geste span
{
max-width: none;
padding-left: 0;
}
#search .recette
{
width: calc(100% - 14px);
}
#search .recette img
{
width: 100%;
}
#chef .bx-wrapper li img
{
max-height: 300px;
}
#chefs .pave, #chefs .pave.right
{
margin-left: 20px;
margin-right: 20px;
width: calc(100% - 40px);
}
#chefs .pave .titre
{
font-size: 18px;
}
#banner .titre
{
font-size: 20px;
padding-left: 15px;
padding-right: 15px;
top: 82px;
}
#adresses #banner .titre
{
top: 182px;
}
#banner .titre br
{
display: none;
}
#recettes .titre_bloc
{
padding-top: 30px;
}
#recettes .bloc, #recettes .recettesliste
{
width: 90%;
margin-left: 5%;
}
#banner .search input
{
font-size: 15px;
}
#gestes #banner
{
background-position: -800px 0;
}
#header .logo img
{
max-width: 80px;
}
#header .bar form input
{
padding-left: 95px;
}
.home .bxslider .legende
{
top: 104px;
}
.questions_encart
{
padding-left: 25px;
padding-right: 25px;
}
body.suite h2
{
font-size: 22px;
padding-bottom: 20px;
margin-bottom: 30px;
}
.questions_encart .lien a
{
font-size: 15px;
}
.questions_encart .liens a
{
font-size: 13px;
}
.questions_encart .half
{
width: 100%;
}
.questions_encart .boutons .half
{
text-align: center;
}
.questions_encart .boutons .half.left
{
display: none;
}
.questions_encart .boutons .half.right
{
padding-left: 0;
}
.questions_encart .right.border
{
border-left: 0;
border-top: 1px solid #f3e5df;
}
.more a, #home .ingredient .left .texte a, .encart_geste .all a
{
display: inline-block;
}
#gestes .geste
{
padding-top: 0;
}
#gestes .encart_geste
{
padding-top: 40px;
margin-top: 0px;
}
#gestes .geste.even .gestes
{
margin-bottom: 0;
}
}
@media (max-width: 468px)
{
.encart_types .detail .liste a
{
width: calc(100% - 30px);
}
#club.adresses .zone .right .picto, #club.adresses #map .picto
{
width: 45px;
height: 45px;
}
#club.adresses .zone .right .picto
{
background: none;
}
#mesrecettes .filtres .pad
{
padding: 5px;
}
#mesrecettes .filtres a
{
font-size: 14px;
padding: 5px;
}
#mesrecettes .recettesliste .recette
{
width: 100%;
margin-left: 0;
margin-right: 0;
}
#chefs .pave .texte
{
font-size: 12px;
line-height: normal;
}
#chefs .pave .texte img
{
float: none;
margin-right: 0;
}
.themes a .titre2
{
font-size: 12px;
}
#banner .search input
{
font-size: 12px;
padding-left: 0;
}
#cuisine .ingredients > .wrap, #ingredient .ingredients > .wrap, #ingredients .ingredients > .wrap
{
padding-left: 0;
padding-right: 0;
}
#cuisine .ingredients .intro, #ingredient .ingredients .intro, #ingredients .ingredients .intro
{
padding-left: 20px;
padding-right: 20px;
}
#cuisine #banner .titre
{
display: none;
}
#gestes #banner
{
background-position: -900px 0;
}
body.suite .encart_geste .left .encart
{
left: -14px;
top: 20px;
width: 130px;
padding: 30px 10px;
}
body.suite .encart_geste .left .encart .nom
{
font-size: 13px;
}
body.suite .encart_geste .left .encart .texte
{
font-size: 13px;
}
#recette .sommelier .row
{
padding-top: 167px;
}
#recette .sommelier .img, #recette .sommelier .texte
{
width: calc(100% - 30px);
padding-left:30px;
}
#recette .sommelier .texte
{
padding-right: 30px;
}
.home .bxslider .legende
{
width: 90%;
left: 5%;
padding-top: 12px;
}
.home .bxslider .legende .titre
{
padding-bottom: 60px;
}
#header .bar form input
{
font-size: 12px;
}
.questions_encart .boutons a
{
padding: 10px 20px;
}
#cuisine .vins .left
{
padding-left: 0;
}
#cuisine .vins .left .vin
{
width: 120px;
height: 120px;
background-size: 100%;
}
#cuisine .vins .right
{
padding-left: 0;
}
}
@media (max-width: 360px)
{
#chef .resto .th, #chef .resto .td
{
font-size: 14px;
}
#cuisine .vins .left .vin
{
width: 80px;
height: 80px;
background-size: 100%!important;
margin-right: 10px;
}
#gestes #banner
{
background-position: -900px 0;
}
#recette .sommelier .texte
{
padding-right: 0;
}
#recette .sommelier .titre
{
font-size: 18px;
line-height: normal;
}
}