body {
		font-family:'Bookman Old Style', serif;
    background-color: #FFFFFF!important;
	}
  body hr {
    background-color: #000000!important;
  }
  .newshr hr {
    background-color: #F39C12!important;
    width:50%;
  }
  .table {
       color: #000000;
  }
  .news {
    color: #000000;
  }
  .article_1 a {
    text-decoration: none;
    color: #000000;
  }
    .article_1 ul {
    color: #000000;
  }
    .article_1 p {
    color: #000000;
  }
  .article a {
    text-decoration: none;
    color: #000000;
  }
  .recettes_recentes a {
    text-decoration: none;
    color: #000000;
  }
	.navbar {
		background-color: #ffad33!important;
		margin-bottom: 40px;
    margin: auto;
		z-index: 999;
    color: #000000!important;
	}
  /* Couleur des titres affichés dans la barre */
.navbar-default .navbar-brand {
 color: #000000!important;
}

	.page-footer {
		background-color: #ffad33!important;
    color: #FFFFFF!important;
	}
	.footer-copyright {
		background-color: #ffad33!important;
    color: #FFFFFF!important;
	}
	.container-fluid {

	}
	.jumbotron {
		padding-top: 200px;
		margin-bottom: 0;
    max-height: 550px;
		background-image: url(../images/banniere/piment.jpg);
		background-position:50% 50% ;
    background-color: #FFFFFF!important;
		background-size: ;
		background-repeat: no-repeat;
}
.titre_jumbotron{
  color: #FFFFFF;
  font-size: 2rem ;
  margin-top:; 
}
.texte_jumbotron{
  color: #FFFFFF;
  margin-top:;
}
.banniere_diet {
  padding: 10px 15px 10px 10px;
  background-color: !important;
  border-bottom-style: solid;
  border-bottom-color: #ffad33!important;
  border-bottom-width: 0.1em;
}
.banniere_titre {
  margin :auto;
}
.banniere_nom{
  font-family: Jazz LET, fantasy;
  font-size: 1.3rem ;
  color: #2471A3 ;
  margin: 2% 0 0 20%;
}
.banniere_rdv {
  margin :auto;
}
.banniere_consult{
  font-family: Jazz LET, fantasy;
  font-size: 1.3rem ;
  color: #2471A3 ;
  margin: 2% 0 0 0;
}
.banniere_tel{
  font-family: Jazz LET, fantasy;
  font-size: 1.3rem ;
  color: #2471A3;
  margin: 2% 0 0 0;
}

.titre {
    font-family: "Georgia", "Helvetica Neue", sans-serif;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: bold;
  }
	/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {
		width: 100%;
		margin: 15px;
	}
	
  .photo_index{
     height: 26em; width: 20em; object-fit: cover;
  }
 
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 1000px) {
    .sidenav {
        background-color: #FFFFFF;
		height: auto;
        padding: 15px;
    }
    .row.content {height: auto;} 
    .jumbotron {
    padding-top: 20px;
    height: 350px;
    background-image: url(../images/banniere/piment.jpg);
    background-position:50% 50% ;
    background-color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
}
    .titre_jumbotron{
    color: #FFFFFF;
    margin-top: 25%; 
    }
    .texte_jumbotron{
    color: #FFFFFF;
    margin-top:;
    }
    .banniere_logo {
    text-align: center;
  }
    .banniere_titre {
    text-align: center;
  }
    .banniere_nom {
    margin: 10 0 0 0;
  }
    .banniere_rdv {
    text-align: center;
	}
    .banniere_tel {
    margin: 10 0 0 0;
  }
  .photo_index{
    height: 18em; 
    width: 14em; 
    object-fit: cover;
  }
}

	 /* Pagination links */
	.pagination a {
		color: black;
		float: center;
		padding: 8px 16px;
		text-decoration: none;
		transition: background-color .3s;
	}

/* Style the active/current link */
	.pagination a.active {
		background-color: dodgerblue;
		color: white;
	}

/* Add a grey background color on mouse-over */
	.pagination a:hover:not(.active) {background-color: #ddd;} 

 /* Dropdown Button */
.dropbtn {
    background-color: #008B8B;
    color: white;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    opacity: 0.8;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 5px 10px 0 5px;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; border-radius: 5px 10px 0 5px;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block; border-radius: 5px 10px 0 5px;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: ;} 


.sticky {
position: fixed;
top: 0;
width: 100%;
}
.margin-top { 
    margin-top: 100%; 
} 



 /* Fond du gadget de la barre de recherche */
.recherche_p {
  background-color: #eeeeee;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #dddddd;   /* Couleur de la bordure  */
  border-radius: 5px 10px 0 5px;
  padding: 10px 10px 10px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  text-align: center;
}

/* Champ de saisie */
#searchthis #search {
  background-color: #ffffff;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #dddddd;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: 98.5%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: Lato;   /* Police du texte */
  font-size: 1rem;   /* Taille de la police du texte */
  font-weight: normal;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 1px;   /* Espacement des caractères */
}

/* Bouton valider */
#searchthis #search-btn {
  background-color: #E8B960;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #E8B960;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: 98.5%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: PT sans;   /* Police du texte */
  font-size: 0.8rem;   /* Taille de la police du texte */
  font-weight: normal;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 2px;   /* Espacement des caractères */
  margin: 10px 0 0 0;   /* Espace autour du bouton : haut droite bas gauche  */
  text-transform: uppercase;   /* Transforme le texte en majuscules */
  color: #ffffff;   /* Couleur du texte */
}

/* Bouton valider quand survolé par la souris */
#searchthis #search-btn:hover {
  background-color: #ffffff;   /* Couleur de fond */
  color: #E8B960;   /* Couleur du texte */
  cursor: pointer;   /* Apparence du curseur comme pour un lien */
}

.description {
  font-size: 0.9rem; 
}

#sidenav-social-icons {
	margin: 0 50 0 25;
}
#sidenav-social-icons ul {
	
}
#sidenav-social-icons li {
    display: inline-block;
	list-style-type: none;
}
#sidenav-social-icons a {
	color: #F5B041;
	font-size: 1.2rem;
	display: block;
  text-decoration: none;
}

/* Fond du gadget de la barre de commentaire */
.comment_p {
  background-color: #eeeeee;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #dddddd;   /* Couleur de la bordure  */
  padding: 10px 10px 10px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  margin: 10px;
  margin-top:60px;
}

/* Champ de saisie */
#comment_form #pseudo {
  background-color: #ffffff;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #dddddd;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: 98.5%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: Lato;   /* Police du texte */
  font-size: 1rem;   /* Taille de la police du texte */
  font-weight: normal;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 1px;   /* Espacement des caractères */
}

#comment_form {
  text-align: center;
}

#comment_form #commentaire {
  background-color: #ffffff;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #dddddd;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: 98.5%;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: Lato;   /* Police du texte */
  font-size: 1rem;   /* Taille de la police du texte */
  font-weight: normal;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 1px;   /* Espacement des caractères */
}

/* Bouton valider */
#comment_form #envoyer {
  background-color: #E8B960;   /* Couleur de fond */
  border-style: solid;   /* Style de la bordure  */
  border-width: 1px;   /* Epaisseur de la bordure  */
  border-color: #E8B960;   /* Couleur de la bordure  */
  padding: 5px 10px 5px 10px;   /* Espace entre les bords et le contenu : haut droite bas gauche  */
  width: ;   /* Permet d'ajuster la largeur du champ de saisie à 100% */
  box-sizing: border-box;   /* Important */
  font-family: PT sans;   /* Police du texte */
  font-size: 1rem;   /* Taille de la police du texte */
  font-weight: normal;   /* Graisse du texte : normal = normal ; bold = gras */
  letter-spacing: 2px;   /* Espacement des caractères */
  margin: 10px 0 0 0;   /* Espace autour du bouton : haut droite bas gauche  */
  text-transform: uppercase;   /* Transforme le texte en majuscules */
  color: #ffffff;   /* Couleur du texte */
}

/* Bouton valider quand survolé par la souris */
#comment_form #envoyer:hover {
  background-color: #ffffff;   /* Couleur de fond */
  color: #E8B960;   /* Couleur du texte */
  cursor: pointer;   /* Apparence du curseur comme pour un lien */
}

/* bouton more from category */
.more_from_category {
  text-align: center;
}

/* bouton more from category */
.more_from_category a {
	background: #E8B960;
	border: 1px solid;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-family: "Karla", Arial, Helvetica, sans-serif;
	font-size: 0.5rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 7px 17px;
	text-transform: uppercase;
	width: auto;
  border-radius: 5px 10px 0 5px;
}

.more_from_category a:hover {
	background: #fff;
	color: #E8B960;
}

 /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
/* bouton more from category */
.more_from_category a {
  background: #E8B960;
  border: 1px solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 7px 17px;
  text-transform: uppercase;
  width: auto;
  border-radius: 5px 10px 0 5px;
}


}

/* bouton return */
.return a {
	background: #E8B960;
	border: 1px solid;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-family: "Karla", Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 7px 17px;
	text-transform: uppercase;
	width: auto;
}

.return a:hover {
	background: #fff;
	color: #E8B960;
}
/* bouton submit Envoyer */
.Envoyer {
	background: #E8B960;
	border: 1px solid;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-family: "Karla", Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 7px 17px;
	text-transform: uppercase;
	width: auto;
}

.Envoyer:hover {
	background: #fff;
	color: #E8B960;
}
/* bouton more from category */
.more_pages {
  margin-bottom: 10px;
}
.more_pages a {
  background: #E8B960;
  border: 1px solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 7px 17px;
  margin: 0 3px;
  text-transform: uppercase;
  text-decoration: none;
  width: auto;
  border-radius: 5px 10px 0 5px;
}

.more_pages a:hover {
  background: #fff;
  color: #E8B960;
}

 /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
.more_pages a {
  font-size: 0.5rem;
  padding: 3px 10px;
}
    }
/* scroll top */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #e68a00;
    width: 35px;
    height: 35px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 10px;
    top: 7px;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #ffcc80;
}
#return-to-top:hover i {
    color: #fff;
    top: 3px;
}
/* like dislike button */
.post-action{
    text-align:right;
    margin:15px 25px 15px 0;

}

.like,.unlike{
    border: 0;
    background: none;
    letter-spacing: 1px;
    color: lightseagreen;
}

.like,.unlike:hover{
    cursor: pointer;
}
/* Articles Recette 1&1 */
.recettes {
  width: 70%; margin: auto; border: 1px solid; padding:5px 5px; border-color:#ffad33; 
}

  @media screen and (max-width: 767px) {
.recettes {
  width: 100%; margin: auto; border: 1px solid; padding:5px 5px; border-color:#ffad33; 
}
    }

.recettes-time {
  border:1px; border-radius: 5px 10px 0 5px; background: #ffad33; padding: 3px; margin: 0 60px;
}
 table.tableau-recette{
  width:70%!important;
  margin:auto!important;
  border-collapse: collapse;
}
th.tableau-recette .titre{
    font-weight: normal;
background-color:#ffad33;
}
table.tableau-recette th.compo{
    font-weight: normal;
background-color:#ffad33;
}

td, th, thead.tableau-recette{
    border : 1px solid #ffad33;
    text-align: center;
}
table.tableau-recette th{padding-top: 0.3rem;padding-bottom:0.3rem;}
table.tableau-recette td{padding-top: 0.3rem;padding-bottom:0.3rem;}


	h1 {
		font-family: 'Bookman Old Style', serif;
		color: #000000;
		font-size: 2rem;
		font-weight: bold;
	}
	h2 {
		font-family: 'Bookman Old Style', serif;
		color: #000000;
		font-size: 1.5rem;
		font-weight: bold;
	}
	h3 {
		font-family: 'Bookman Old Style', serif;
		color: #000000;
		font-size: 1.2rem;
		font-weight: bold;
	}
	h4 {
		font-family: 'Bookman Old Style', serif;
		color: #C0C0C0;
		font-size: 0.8rem;
	}
	h5 {
		font-family: 'Bookman Old Style', serif;
		color: #000000 ;
		font-size: 0.8rem;
	}
  h6   {
    font-family: 'Bookman Old Style', serif;
    color: #FC9100;
    font-size: 0.8rem;
  }

  /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
  h1 {
    font-family: 'Bookman Old Style', serif;
    color: #000000;
    font-size: 1.5rem;
    font-weight: bold;
  }
  h2 {
    font-family: 'Bookman Old Style', serif;
    color: #000000;
    font-size: 1rem;
    font-weight: bold;
  }
  h3 {
    font-family: 'Bookman Old Style', serif;
    color: #000000;
    font-size: 0.8rem;
    font-weight: bold;
  }
  h4 {
    font-family: 'Bookman Old Style', serif;
    color: #C0C0C0;
    font-size: 0.5rem;
  }
  h5 {
    font-family: 'Bookman Old Style', serif;
    color: #000000 ;
    font-size: 0.5rem;
  }
  h6   {
    font-family: 'Bookman Old Style', serif;
    color: #FC9100;
    font-size: 0.5rem;
  }
    }