@media screen and (max-width: 800px){
  #imglogo{
    width: 200px;
    margin: 0 auto;
    padding: 15px; 
  }
  #navigation ul li{background-color: white;}
}

div#entete{
  display: flex;
  justify-content: space-around;
}
div#entete h1{
  display: none;
}
div#frecherche{
  margin-top:0px;
}
div#frecherche form{
  display: flex;
}
div#frecherche form input{
  border-bottom: 1px solid #F07D00;
  border-top: 1px solid #F07D00;;
  border-left: 1px solid #F07D00;
  border-right: 1px solid #F07D00;
  border-radius: 25px 0px 0px 25px;
  height: 38px;
  width: 500px;
  color:#F07D00;
  font-size: 18px;
}
form img{
  border-radius: 0px 30px 30px 0px;
}
div#slogan{
  background:#F07D00;
  font-size:20px;
  color:#fff;
  line-height: 30px;
  text-align: center;
  padding:5px;
}
div#navigation ul{
  list-style: none;
  display: flex;
  justify-content: space-around;
  background:#F9C906;
  margin-top: 0px;
  padding: 0px;
  line-height:45px;
}
div#navigation a{
   font-size:19px;
   color:#ec711d;
   text-decoration: none;
}
/* Titre de la page principal */
div#principal h1{
  font-size:30px;
  font-weight:normal;
}
div#cachemenu{
  width: 210px;
}


/* menu javascript */ 
.btn {
    display: inline-block;
    cursor: pointer;
  margin: 10px 10px 0px 10px;
}

.btn-navbar {
    padding: 7px 15px 0px 15px;
    margin-right: 5px;
    margin-left: 5px;
}

.icon-bar {
    display: block;
    width: 18px;
    height: 3px;
    background-color: #CECECE;
    -webkit-border-radius: 1px; /* Ce sont des préfixes, pour que les navigateurs */
       -moz-border-radius: 1px; /* prennent en charge les nouvelles propriétés. */
            border-radius: 1px;
}

.icon-bar + .icon-bar { /* Le + permet de sélectionner les éléments qui suivent */
    margin-top: 3px;
}

@media screen and (min-width: 600px) and (max-width: 2000px){
  div#menu-mobile{
    display: none;
  }
}


/* fin menu JS */


#div-gpt-ad-BDC_Carre3{
  padding-top: 20px;
}

#content-page-month img:hover{
  opacity: 0.7;
}

@media screen and (max-width: 800px){
  #content-page-month{
    flex-direction: column;
  }
  #bloc-1,#bloc-2,#bloc-3{
    margin: 0 auto;
  }
  section#minirecettes{
  margin: 0px;
}
  #secondaire{
    margin: 0 auto;
  }
  #navigation{
    display: none;
  }

}

#content-page-month{
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
}

h1#-month-title{
  text-align: center;
  width: 100%;
  color: #F07D00;
}

footer
{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0px;
  margin-bottom: 80px;
}

footer h3
{
  font-size: 1.2em;
  font-weight: normal;
  color: #F07D00;
}

footer p img
{
  max-width: 80px;
  height: 80px;
  border-radius: 10px;
}

footer p img:hover{
  opacity: 0.7;
}

aside{
  margin: 0px 50px;
}

/* header */

div#fond{
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  div#fond{
    justify-content: normal;
    flex-direction: column;
  }
  h1#titreselections, h1#titreaccueil{
    ;
  }
}
section#minirecettes h2, #titre-liste-recettes{
  color: #F07D00;
    margin-top: 0px;
}
section#minirecettes{
  width: 100%;
  
}
div#suggestionflex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
div#suggestionflex div.cimg{
  border-radius: 5px;
  overflow: hidden;
  height: 158px;
}

section#minirecettes{
  margin: 0px 0px
}
@media screen and (max-width: 800px){
  section#minirecettes article{
  margin-right : 0px;
}
}
section#minirecettes article img{
  width: 300px;
  border-radius: 5px;
}

section#minirecettes article a{
  color: #F07D00;
  text-decoration: none;
  font-size: 15px;
}

section#minirecettes article a:hover{
  border-bottom: solid 1px #F07D00;
}

#pageinscription h1{
  background: url("/img_articles/titre-accueil.png") no-repeat;
  color: white;
  max-width: 632px;
  max-height: 200px;
  text-align: center;
  padding: 30px 10px;
  border-radius: 5px;
  font-weight: normal;
}


h1#titrearticle{
  background: url("/img_articles/image-selection.png") no-repeat;
  color: white;
  max-width: 632px;
  max-height: 200px;
  text-align: center;
  padding: 30px 10px;
  border-radius: 5px;
}


h1#titreaccueil{
  background: url("/img_articles/titre-accueil.png") no-repeat;
  color: white;
   max-width: 632px;
  max-height: 200px;
  text-align: center;
  padding: 30px 10px;
  border-radius: 5px;
}

h1#titreselections{
  background: url("/img_articles/titre-image.png") no-repeat;
  color: white;
   max-width: 632px;
  max-height: 200px;
  text-align: center;
  padding: 30px 10px;
  border-radius: 5px;
}


body{
  font-family: "Verdana";
  max-width: 1000px;
  margin: auto;
  width: 100%;
}

/* recettes */
div#centre{
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
div#principal{
  max-width: 800px;
}
div#principal a{
   font-size: 13px;
   color: #ec711d;
   text-decoration: none;
}
section#listerecettes{
  display: flex;
  border:1px solid #e9ebee;
  border-radius:5px;
  overflow:hidden;
  margin-bottom: 20px;
  width: 100%;
  margin-top: 20px;
  
}
article#billetrecette, section#listerecettes
{
  width: 100%;
  max-width: 650px;
}
article#billetrecette img
{
  width: 100%;
  max-width: 600px;
  max-height: 450px;
  margin: -23.5px 0px;
}
div.cimg{
  max-width: 600px;
  max-height: 300px;
  overflow: hidden;
}
article#billetrecette {
  padding: 0px 20px;
}
article#billetrecette a.title{
  font-size:26px;

  
 
}
article#billetrecette div#texte #tags
{
  display: none;
}
/* Numéro page */ 
ul.pager{
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0px;
  max-width: 652px;
}
ul.pager li
{
  margin: 40px 8px;
}
ul.pager li.next, ul.pager li.next{
  margin: auto 20px;
}

p#selections{
  margin: 0px 0px 20px 0px;
  font-size: 20px;
}

nav#menu ul
{
  width: 290px;
  padding: 20px 0px 0px 10px;
  list-style: none;
  margin: 0px;
  border: solid 1px #e9ebee;
  border-radius: 5px;
  margin-top: 30px;
}
nav#menu ul li {
  margin-bottom: 15px;
}
nav#menu ul a{
  padding: 2px;
  color: #96b610;
  text-decoration: none;
  font-size: 18px;
}
nav#menu ul a:hover
{
  border-bottom:1px solid #96b610;
}



/* Publicités */
div#fond{
  align-items: center;
}

#secondaire{
  display: flex;
  flex-direction: column;
  float: right;
  margin-top: 20px;
  width: 300px;
}
div #megapave{
  margin-bottom: 30px;
}
div#megapave2{
  margin-top: 30px;
}
#megaban{
   display: flex;
}
section#pubinter{

}
#baspub{
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
/* Page intermédiaire */
div#redaction{
  max-width: 650px;
  margin-bottom: 30px;
}
h1#titredelarecette a{
  font-size: 26px;
}

h1#titredelarecette{
  margin: 0px 0px 0px 0px;
}
p#signature{
  font-style: italic;
  text-align: right;
}


section#principal{
  display: flex;
}
nav#menuinter{
  width: 240px;px;
}
nav#menuinter ul
{
  width: 200px;
  padding: 20px 0px 0px 10px;
  list-style: none;
  margin: 0px;
  border: solid 1px #e9ebee;
  border-radius: 5px;
  margin-bottom: 15px;
}
nav#menuinter ul li {
  width: 200px;
  margin-bottom: 15px;
}
nav#menuinter ul a{
  padding: 2px;
  color: #96b610;
  text-decoration: none;
  font-size: 14px;
}
nav#menuinter ul a:hover
{
  border-bottom:1px solid #96b610;
}
div #ensemblearticle {
    border: solid 1px #e9ebee;
    border-radius: 5px;
    padding: 30px;
    max-width: 370px;
}
div #articleunique h1 a{
  font-size:30px;
  font-weight:normal;
  margin-bottom:5px;
  color:#ec711d;
  text-decoration: none;
}
div #articleunique h1{
  margin-top: 0px;
  text-align: center
}
div #articleunique #contenu{
  text-align: justify;
}
div #articleunique img {
  width:100%;
}
#partager{
  display: flex;
  margin:  20px 0px 20px 0px;
}

div#textearticle {
 font-size: 16px;
 margin-bottom:20px;
}
p.date a strong {
 font-weight:normal;
}
p.date a {
 margin-right:10px;
}
div#billet p.date{
   font-size:12px;
  text-align: center;
}
div#billet a{
  font-weight:normal;
  color:#ec711d;
  text-decoration:none;
}
div#liresuite{
  margin:30px 0px 0px 0px; 
  text-align: center
}
div#liresuite a{
  font-size:15px;
  text-decoration:none;
  color:#ec711d;
}

/* hover */
div #textearticle a:hover, div#navigation a:hover, div#principal a:hover, div #liresuite a:hover{
  border-bottom: 1px solid #ec711d;
}
div #articleunique h1 a:hover{
  border-bottom: 2px solid #ec711d;
}

/* Page inscription */

#pageinscription strong{
  font-weight: normal;
}
#pageinscription p#descriptioninscription{
font-size: 14px;
  max-width: 652px;
}
#pageinscription #formulaire .box {
 max-width:800px;
 border:1px solid #e9ebee;
 border-radius:5px;
 padding:10px;
 margin: 20px 0px;
}

#pageinscription #formulaire h3 {
 font-size:17px;
 font-weight:normal;
 color:#ec711d;
 margin-bottom:20px;
 margin-top:5px;
}
#pageinscription #formulaire input, textarea {
 height:25px;
 border:1px solid #c9c9c9;
 margin-left:10px;
 font-size:13px;
}
#pageinscription #formulaire textarea {
 height:100px;
}
#pageinscription form  {
max-width: 652px;
}
/* Footer */
div#contacteznous{
  text-align: center;
  margin: 30px 0px 30px 0px;
}
#contacteznous a{
  text-decoration: none;
  color: black;
}
#contacteznous a:hover{
  border-bottom: solid 1px black;
}
/* Responsive */ 
@media screen and (max-width: 800px) {
 #megaban{
    display: none;
 }
  #entete {
  flex-direction:column;
  align-items:center;
 }
  div#frecherche{
  width: 280px;
 }
  div#centre{
    flex-direction: column
  }
  div#navigation ul {
  flex-direction:column;
  text-align:center;
 }
  #socialfb, #socialp {
  display: none;
 }
  #slogan {
    display: none;
  }
  footer{
    flex-direction: column;
  }
  nav#menu{
    display: none;
  }
  nav#menuinter{
    display: none;
  }
  div#principal{
    margin-left: 15px;
    margin-right: 15px;
  }
  div #articleunique{
    margin-left: 15px;
    margin-right: 15px;
  }
}