body{margin:0;}

.img-recap
{
  width: 50%;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 8%;
  padding-bottom: 8%;
}


  .plus
  {
        position: relative;
    margin-top: 43.5%;
    margin-left: 13.5%;
    font-size: 1.35vw;

  }

  .plus a
  {
        color: red;
    text-decoration: none;
        font-weight: 400;
    font-family: "roboto_slabregular";
  }

  .recap tr td
  {
    width: 50%; 
        padding-bottom: 4%;
  }

  .recap tr td p
  {
    font-size: 1.3vw;
    color: red;
    text-align: center;
    font-weight: 400;
    font-family: "roboto_slabregular";
  }


  .apercu
  {
    width: 100%;
  }

  .apercu .titre-recette
  {
    width: 50%;
    background-image : url('../Photos/paperbackround.jpg') ;
    float: right;
  }

    .apercu .titre-recette p
    {
    font-size: 3.8vw;
    padding-top: 10.9%;
    padding-left: 7%;
    padding-bottom: 30.3%;
    font-family: "roboto_slabregular";
    padding-right: 18%;
    }



  .apercu .image
  {
    width: 50%;
    
        background-size: cover;
    padding-bottom: 39.3%;
    margin-top: 2%;
    float: left;
  }


  
  #section-recette
  {
background-color: white;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0;
    position: relative;
  }

    #section-recette .titre
    {
      font-family: "fff_tusjbold";
        font-size: 3.48vw;
        padding-left: 12%;
        position: absolute;
        text-transform: uppercase;
        padding-top: 3.5%;
        width: 88%;
            padding-bottom: 3.25%;
        position: relative;
    }


    #section-recette .titre span
    {
      color: #E4131C;
    }

    .detail-recette
    {
        background-color: white;
        width: 43%;
        margin-left: 46%;
        margin-top: -50%;
        position: absolute;
    }  
    

      .detail-recette .titre-detail
      {
        color: red;
        font-size: 2vw;
        text-transform: uppercase;
        padding-top: 10%;
        padding-left: 9%;
        font-family: "roboto_slabregular";
      }


      .detail-recette .titre-detail.prepa
      {

            padding-top: 3%;
      }

    .detail-recette p 
    {
      margin: 0;
      padding: 0;
    }

    .detail-recette .ingredients,
    .detail-recette .preparation
    {
    font-size: 1.82vw;
    padding-top: 3%;
    padding-left: 9%;
    font-family: robotolight;
    }

    .recap
    {
    border: 1px black solid;
    position: relative;
    width: 30.75%;
    margin-top: 2%;
    margin-left: 12%;
    }

@media screen and (max-width: 960px) {

#section-recette 
{
    background-image: none;
    background-color: transparent;
	    margin-top: 60%;
}

#section-recette .titre 
{
    font-size: 5vw;
    padding-left: 0;
    width: 100%;
    text-align: center;
    padding-top: 5%;
}


.apercu .image 
{
    width: 100%;
    padding-bottom: 55%;
    float: none;
}

.apercu .titre-recette 
{
    width: 100%;
    float: none;
    background-image: none;
}

.apercu .titre-recette p 
{
    font-size: 6.5vw;
    padding-top: 7%;
    padding-left: 15%;
    padding-bottom: 0%;
    padding-right: 15%;
    font-weight: bold;
}

.detail-recette 
{
    width: 77%;
    margin-left: auto;
    margin-top: 0%;
    position: relative;
    margin-right: auto;
    background: rgba(255,255,255,0.75);
    padding-bottom: 10%;
}

.detail-recette .titre-detail 
{
    font-size: 4.5vw;
}

.detail-recette .ingredients, 
.detail-recette .preparation 
{
    line-height: 1.25em;
    font-size: 3.6vw;
}


.recap
{
    display: inline-block;
    width: 77%;
    margin-left: 0;
    margin-left: 11.5%;
    border-color: transparent;
	margin-bottom: 5%;
}

.recap tbody
{
      width: 100%;
    display: inline-table; 
}

.recap tr td
{
  font-size: 1.6vw;
    color: red;
    text-align: center;
    font-family: roboto;
}

.recap tr {
    display: table-cell;
    width: 50%;
}

.recap tr td p {
    font-size: 3vw;
}

/*A replacer dans le bon css*/
.navigation-slider {
    padding-top: 59%;
}

.plus 
{
  display: none;
}
}