.greyBG {
  background: #666666;
}
.redBG {
  background: #cf0000;
}
.indent {
  text-indent: -9999px;
  overflow: hidden;
}
.reset-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.layuot {
  content: "";
  display: block;
  clear: both;
}
.img-resize {
  width: 100%;
  height: auto;
  display: block;
}
.content-center {
  max-width: 1000px;
  margin: 0 auto;
}
/* styles for tablet device */
@media only screen and (max-width: 1023px) {
  #main {
    width: 100%;
    padding: 0 15px;
  }
  #main .right_column {
    display: none;
  }
  #main .inner_content {
    width: 100%;
  }
  #main #newDesign {
    width: 100%;
  }
  #main #newDesign #spotlight #title {
    font-size: 1.5em;
  }
  #main #newDesign #siosTable {
    padding-bottom: 3em;
  }
  #main #newDesign #siosTable .features .greenButton > a {
    font-size: .7em;
  }
  #main #newDesign #siosTable .features .greenButton .merchantsPerRegion {
    font-size: .5em;
    top: 28%;
    left: 50px;
  }
  #main #newDesign #siosTable .siosDemo {
    width: 45%;
    height: auto;
  }
  #main #newDesign #VIP .vipAd div {
    margin: 0 auto;
  }
  #main #newDesign #VIP .vipAd div img {
    display: block;
    margin: 0 auto;
    float: none;
  }
  #main #newDesign #VIP .vipAd div h3 {
    float: none;
    text-align: center;
    width: 100%;
    margin: 0;
  }
  #main #newDesign #VIP .vipAd div p {
    float: none;
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 1rem;
  }
  #main #newDesign #partners #partnersTestimonials .image img {
    margin: 1em 0 0;
  }
  #main #newDesign #partners #partnersTestimonials .content {
    width: 70%;
  }
  #main #newDesign #advantages article a .box {
    margin: 0 3vw;
  }
  #main #newDesign #advantages article a .box h3 {
    font-size: 3.5vw;
  }
  #main #newDesign #advantages article a .box p {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }
  #main #newDesign #usersTestimonials article {
    width: 100%;
    height: auto;
  }
  #main #newDesign #usersTestimonials article:nth-child(3) {
    display: none;
  }
  #main #newDesign #usersTestimonials article .image {
    width: 12%;
    height: auto;
  }
  #main #newDesign #usersTestimonials article .testimonial {
    width: 85%;
  }
  #main #newDesign #usersTestimonials article .testimonial.noImage {
    width: 100%;
  }
  #main #newDesign #options section {
    width: 31%;
  }
  #main #inlineBannerAutopromo1_ads iframe,
  #main #inlineBannerAds1_ads iframe {
    width: 721px;
    height: 200px;
    display: block;
    margin: 0 auto !important;
  }
  #main .ui-tooltip {
    max-width: 768px;
  }
  #newDesign .cycle-gallery.monitor .pagination,
  #newDesign .cycle-gallery.ipad .pagination,
  #newDesign .cycle-gallery.iphone .pagination {
    margin-top: -50px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a,
  #newDesign .cycle-gallery.ipad .pagination li a,
  #newDesign .cycle-gallery.iphone .pagination li a {
    padding: 8px 10px 12px 22px;
    height: auto;
    font-size: 18px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-heart,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-heart,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-heart {
    width: 24px;
    height: 18px;
    background-size: 100px 68px;
    background-position: -20px -15px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-modify,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-modify,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-modify {
    width: 24px;
    height: 18px;
    background-size: 100% 100%;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-money,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-money,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-money {
    width: 24px;
    height: 23px;
    background-size: 100px 68px;
    background-position: -47px -15px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-home02,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-home02,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-home02 {
    width: 24px;
    height: 23px;
    background-size: 100px 68px;
    background-position: -56px -40px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-phone,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-phone,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-phone {
    width: 24px;
    height: 23px;
    background-size: 144px 75px;
    background-position: -103px -16px;
    margin: 0 8px 0 -12px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-mesure,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-mesure,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-mesure {
    width: 24px;
    height: 23px;
    background-size: 100px 68px;
    background-position: 0 -40px;
  }
  #newDesign .cycle-gallery.monitor .pagination li a .icon-time,
  #newDesign .cycle-gallery.ipad .pagination li a .icon-time,
  #newDesign .cycle-gallery.iphone .pagination li a .icon-time {
    width: 24px;
    height: 23px;
    background-size: 100px 68px;
    background-position: -28px -40px;
  }
  #newDesign .cycle-gallery.monitor .pagination li small,
  #newDesign .cycle-gallery.ipad .pagination li small,
  #newDesign .cycle-gallery.iphone .pagination li small {
    font-size: 10px;
    line-height: 12px;
    margin: 0;
  }
  #newDesign .cycle-gallery.ipad .pagination {
    margin: 5px;
    margin-left: 11px;
  }
  #newDesign .cycle-gallery.ipad .gallery-holder {
    width: 51%;
    padding: 4.5% 5.9% 3.5% 5.5%;
    margin: 0 -12px 0 -18px;
  }
  #newDesign .cycle-gallery.iphone .gallery-holder {
    margin: 0;
    width: 21%;
    height: auto;
    padding: 7.5% 1.6% 11.5% 1.5%;
  }
  #newDesign #descriptions {
    width: 100%;
    text-align: center;
  }
  #newDesign #descriptions img {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
  #newDesign #descriptions .service {
    height: 354px;
    text-align: left;
  }
  #newDesign #descriptions .service .presentation {
    height: 148px;
  }
  .hero .frame {
    padding: 50px 0 122px 11px;
    width: 100%;
  }
  .hero .hero-box .hero-item {
    width: 100%;
    padding: 0 15px;
    font-size: 26px;
    line-height: 30px;
  }
  .content-section h1 {
    font-size: 30px;
    line-height: 32px;
  }
  section .pagination {
    font-size: 14px;
    line-height: 16px;
    margin: -14px 0 0;
  }
  section .pagination li a {
    padding: 7px 15px;
  }
  .cycle-gallery .gallery-holder {
    padding: 35px 47px 57px 44px;
  }
  .cycle-gallery.iphone .gallery-holder {
    margin: 0;
  }
  .cycle-gallery.iphone .pagination {
    margin: 0 0 0 -5px;
    font-size: 16px;
    line-height: 18px;
  }
  .cycle-gallery.iphone .pagination small {
    display: none;
  }
  .cycle-gallery.iphone .pagination a {
    padding: 9px 10px 10px 22px;
    height: auto;
  }
  .list-steps .title {
    font-size: 20px;
    line-height: 24px;
  }
  .btn {
    font-size: 24px;
    line-height: 26px;
  }
  .soscuisine-mealsuggestor .suggestions {
    width: 700px;
  }
  /****************
    * Page Premium
    ****************/
  #menusContainer .cell {
    width: 20%;
  }
}
/* styles for mobile device */
@media only screen and (max-width: 767px) {
  #main #newDesign .hero {
    min-height: 310px;
  }
  #main #newDesign #spotlight {
    padding: 2em 1em .5em;
  }
  #main #newDesign #spotlight .features .feature div:first-child {
    max-width: 20%;
    height: auto;
    padding-bottom: .2em;
    margin: 0 2%;
  }
  #main #newDesign #spotlight .features .feature div:first-child .icone {
    max-width: 80%;
    height: auto;
  }
  #main #newDesign #spotlight .features .feature div:first-child p {
    display: none;
  }
  #main #newDesign #siosTable {
    padding-bottom: 1em !important;
  }
  #main #newDesign #siosTable .features {
    display: block;
    padding: 1em 0 1em;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
  }
  #main #newDesign #siosTable .features .greenButton {
    display: inline-block;
    position: static;
  }
  #main #newDesign #siosTable .features .greenButton .description {
    display: none;
  }
  #main #newDesign #siosTable .features .greenButton.selected .description {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #588a0f;
    left: 0;
  }
  #main #newDesign #siosTable .features .greenButton .merchantsPerRegion {
    display: none;
  }
  #main #newDesign #siosTable .features .greenButton > a img {
    margin-right: 0;
  }
  #main #newDesign #siosTable .siosDemo {
    position: static;
    margin: 0 auto;
    max-width: 450px;
    width: 100% !important;
    height: auto;
  }
  #main #newDesign #customMenus {
    padding: .1em 1.5em 3em;
  }
  #main #newDesign #customMenus .jcarousel li img {
    max-width: 95%;
  }
  #main #newDesign #customMenus .jcarousel li .textOver {
    max-width: 95%;
  }
  #main #newDesign #customMenus .jcarousel li .textOver a {
    width: 100%;
    font-size: 2.5vw;
  }
  #main #newDesign #VIP .vipAd div p {
    font-size: .9rem;
  }
  #main #newDesign #partners {
    padding: .1em 1.5em;
  }
  #main #newDesign #partners h2 {
    font-size: 1.25rem;
  }
  #main #newDesign #partners .jcarousel li img {
    max-width: 95%;
  }
  #main #newDesign #partners .jcarousel-control-prev.logosPartners,
  #main #newDesign #partners .jcarousel-control-next.logosPartners {
    top: 175px !important;
  }
  #main #newDesign #partners #partnersTestimonials .image {
    display: none;
  }
  #main #newDesign #partners #partnersTestimonials .content {
    line-height: 4.5vw;
    width: 87%;
  }
  #main #newDesign #partners #partnersTestimonials .content p:first-child {
    font-size: .9rem;
  }
  #main #newDesign #partners #partnersTestimonials .signature,
  #main #newDesign #partners #partnersTestimonials .context {
    font-size: .9rem;
  }
  #main #newDesign #partners #partnersTestimonials .quoteClose {
    margin-top: 6em;
  }
  #main #newDesign #partners .allTestimonialsLink {
    font-size: .9rem;
  }
  #main #newDesign #advantages #benefit4 .image {
    margin-top: 0;
  }
  #main #newDesign #advantages article a .box h3 {
    font-size: 1.25rem;
    width: 100%;
    display: block;
    float: none;
  }
  #main #newDesign #advantages article a .box .image {
    width: 100%;
    display: block;
    float: none;
  }
  #main #newDesign #advantages article a .box .image img {
    display: block;
    margin: 0 auto;
  }
  #main #newDesign #advantages article a .box .content {
    width: 100%;
    display: block;
    float: none;
  }
  #main #newDesign #advantages article a .box p {
    font-size: .9rem;
    line-height: 1.25rem;
  }
  #main #newDesign #usersTestimonials {
    padding: .1em 1.5em 3em;
  }
  #main #newDesign #usersTestimonials h2 {
    font-size: 1.25rem;
  }
  #main #newDesign #usersTestimonials article .image {
    display: none;
  }
  #main #newDesign #usersTestimonials article .testimonial {
    width: 95%;
    font-size: .9rem;
  }
  #main #newDesign #usersTestimonials article .testimonial .signature {
    font-size: .9rem;
  }
  #main #newDesign #usersTestimonials article .testimonial .context {
    font-size: .9rem;
  }
  #main #newDesign #media {
    padding: .1em 1.5em 3em;
    font-size: 1.25rem;
  }
  #main #newDesign #media h2 {
    font-size: 1.25rem;
  }
  #main #newDesign #media .image {
    display: block;
    width: 100%;
    float: none;
  }
  #main #newDesign #media .image img {
    margin: 0 auto;
  }
  #main #newDesign #media .testimonial {
    display: block;
    width: 100%;
    float: none;
  }
  #main #newDesign #media .testimonial .content {
    width: 100%;
  }
  #main #newDesign .jcarousel-control-prev {
    left: -0.2em;
  }
  #main #newDesign .jcarousel-control-next {
    right: -0.2em;
  }
  #main #newDesign #options section {
    width: 47.8%;
  }
  #main #newDesign #options section .presentation h2 {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  #main #newDesign .content-section {
    padding: 15px 9999px 20px;
  }
  #main #newDesign .content-section h1 {
    font-size: 32px;
    line-height: 36px;
  }
  #main #newDesign .content-section .imgFox {
    display: none;
  }
  #main #newDesign .content-section .halfWidth {
    width: 100%;
    float: none;
  }
  #main #newDesign .video {
    width: 100%;
  }
  #main #inlineBannerAutopromo1_ads iframe,
  #main #inlineBannerAds1_ads iframe {
    width: 290px;
    height: 81px;
    display: block;
    margin: 0 auto !important;
  }
  #main .ui-tooltip {
    max-width: 320px;
  }
  #newDesign .cycle-gallery.monitor .pagination,
  #newDesign .cycle-gallery.ipad .pagination,
  #newDesign .cycle-gallery.iphone .pagination {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 30px;
  }
  #newDesign .cycle-gallery.monitor .pagination li,
  #newDesign .cycle-gallery.ipad .pagination li,
  #newDesign .cycle-gallery.iphone .pagination li {
    position: static;
  }
  #newDesign .cycle-gallery.monitor .pagination li a,
  #newDesign .cycle-gallery.ipad .pagination li a,
  #newDesign .cycle-gallery.iphone .pagination li a {
    position: static;
  }
  #newDesign .cycle-gallery.monitor .pagination li.active .description,
  #newDesign .cycle-gallery.ipad .pagination li.active .description,
  #newDesign .cycle-gallery.iphone .pagination li.active .description {
    position: absolute;
    display: block !important;
    width: 100%;
    left: 0;
    top: 10px;
    text-align: center;
    color: #588a0f;
  }
  #newDesign .cycle-gallery.monitor .pagination li.active .description small,
  #newDesign .cycle-gallery.ipad .pagination li.active .description small,
  #newDesign .cycle-gallery.iphone .pagination li.active .description small {
    display: none;
  }
  #newDesign .cycle-gallery.monitor .gallery-holder {
    width: 90%;
    margin: 0 auto 20px !important;
    display: block !important;
    padding: 4.5% 5.3% 19% 5.3%;
    max-width: 490px;
  }
  #newDesign .cycle-gallery.ipad .gallery-holder {
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 7% 10% 14% 9%;
    float: none;
    max-width: 524px;
  }
  #newDesign .cycle-gallery.ipad .pagination {
    padding-top: 35px !important;
  }
  #newDesign .cycle-gallery.iphone .gallery-holder {
    width: 195px;
    padding: 79px 14px 72px 16px;
    margin: 0 auto 10px;
    display: block;
    background-size: auto auto !important;
  }
  #newDesign .cycle-gallery.iphone .pagination {
    font-size: 0;
    line-height: 0;
  }
  #newDesign section .pagination {
    display: block;
    width: 100% !important;
    font-size: 0;
    line-height: 0;
    margin: 0 !important;
    float: none !important;
    letter-spacing: -4px;
    text-align: center;
  }
  #newDesign section .pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 10px!important;
    letter-spacing: normal;
  }
  #newDesign section .pagination li a {
    display: inline-block;
    vertical-align: top;
    border-radius: 4px !important;
    width: 65px !important;
    height: 65px !important;
    padding: 10px 0 !important;
    text-align: center;
    position: relative;
    white-space: nowrap;
  }
  #newDesign section .pagination li a:after {
    content: '';
    display: inline-block;
    height: 100%;
    /* the same as min-height */
    width: 1px;
    overflow: hidden;
    vertical-align: middle;
  }
  #newDesign section .pagination li a .description {
    display: none !important;
  }
  #newDesign section .pagination li a i {
    margin: -2px 0 0 8px !important;
    white-space: normal;
  }
  #newDesign section .pagination li .underLink {
    display: none !important;
  }
  #newDesign .list-steps {
    margin-left: 0;
  }
  #newDesign #descriptions .service {
    float: none;
    width: 100%;
    max-width: 467px;
    margin: 0 auto 20px;
  }
  .two-box {
    padding: 0;
    margin: 0;
  }
  .two-box .col {
    width: 100% !important;
    padding: 0 0 10px !important;
  }
  .two-box .col img {
    display: block;
    margin: 0 auto;
  }
  .two-box .title {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
  }
  .btn {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 19px;
  }
  .recipeNutritionColumn.halfColumn {
    width: 100% !important;
  }
  #menuType {
    width: 65% !important;
  }
  #parameters {
    width: 34% !important;
  }
  .soscuisine-mealsuggestor .suggestions {
    width: 320px;
  }
  /****************
    * Page Premium
    ****************/
  #presentation.premium h1 {
    font-size: 42px;
  }
  #presentation.premium p {
    max-width: 65%;
    font-size: 24px;
    padding-top: 25px;
  }
  #menusContainer .cell {
    width: 31%;
    min-width: 145px;
  }
  /*** Profil Members  *****/
  .formRow div {
    width: 100%;
  }
  .formRow div input,
  .formRow div select,
  .formRow div table {
    max-width: 100%;
  }
  .formRow div.label {
    padding: 0;
    width: 100%;
    margin-bottom: 5px;
  }
  #bouton_modification_profil {
    font-size: 16px;
  }
  #meals_table th,
  #meals_table td {
    padding: 3px;
  }
  /********************************
* Consulter recettes
********************************/
  .recipeView .recipePictureContainer {
    display: block;
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .recipeView .recipeBlockInformation {
    float: none;
    width: 96.5%;
  }
  .recipeView .recipeBlockInformation .block {
    width: 47%;
    min-width: 124px;
    float: left;
  }
  #tabMethod {
    display: list-item;
  }
  .recipeTabMenu {
    max-width: 100%;
  }
  .recipeTabMenu li {
    max-width: 18%;
  }
  .recipeTabMenu li a {
    max-width: 100%;
    min-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
  /************************
    * page consulter recette
    ************************/
  .enlarge {
    display: none;
  }
}