@font-face{
    font-family:"lovegood-regular";
    src:url("./fonts/Lovegood.ttf") format("woff"),
    url("./fonts/Lovegood.ttf") format("opentype"),
    url("./fonts/Lovegood.ttf") format("truetype");
}
span.font0{font-family:"lovegood-regular";font-size:45px;text-transform:none;}
html{
padding: 0;
margin: 0;
}
h1, h2, h3, h5 {
padding-bottom: 0px;
font-weight: normal;
margin: 0 auto;
}
h1{
	font-family:"lovegood-regular";
	font-size: 3.4em; 
	line-height: 100%; 
	color: #666;
	text-align: center;
}
h2{
	font-family:"Roboto";
	font-size: 1.6em;
	color : #666;
	text-align: center;
}
h3 { font-size: 26px; }
h4 { font-size: 24px; margin: 10px auto;}
h5 { font-size: 22px; }
h6 { font-size: 19px; }
body,button,input,select,textarea {
color: #666666;
font-size: 15px;
line-height: 1.5;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
p {
color: #888888;
font-size: 15px;
line-height: 1.5;
font-weight: 300;
padding: 0;
margin: 0;
}
table { 
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
th {
font-weight: bold;
}
th, td {
border: 0;
padding: 6px 10px;
}
body {
background-color: #ffffff;
margin:0;
}
strong {
font-weight: bold;
}
a {
color: inherit;
text-decoration: none;
}
a:focus, a:active, a:hover {
text-decoration: none;
}
#top{
border-bottom: 1px solid #f2f2f2;
margin: auto;
width: 100%;
max-width: 1300px;
text-align: center;
}
#page{
display: block;
text-align: center;
position: relative;
}
#top h4{
font-family: 'Roboto', sans-serif !important;
}
#bas_page{
margin-top: 30px;
width: 100%;
background-color: black;
padding: 15px 0 15px 0;
}
#menu_gen{
max-width: 1100px;
margin: 0 auto;
display: block;
}
#page_produits, #pageEvenement, #page_recettes, #page_avis, #page_contact{
max-width: 80%;
margin: auto;
text-align: center;
}
.titre_accueil span{
	visibility: hidden;
	display: block;
}
.titre_accueil img:hover + span{
	visibility: visible;
}
.images_en_ligne{
	display: inline-block;
	margin-top: 20px;
	width: 100%
}
.images_en_ligne_det{
margin: 10px 5px;
display: inline-block;
min-width: 320px;
width: 30%;
vertical-align: middle;
}
.images_en_ligne div img{
	width: 140px;
	height: 140px;
	border-radius: 10px;
	margin: 0 10px 0 10px; 
	vertical-align: middle;
}
.images_en_ligne h1{
	display: inline-block;
	vertical-align: middle;
}
.recette_ligne_titre{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: large;
}
.recette_ligne_titre img{
	width: 90px;
	vertical-align: middle;
	padding-right: 10px;
	padding-bottom: 10px;
	display: inline-block;
}
.recette_ligne_titre ul{
	list-style: none;
	font-size: small;
	display: inline-block;
	margin: 0;
	padding: 0 0 10px 0;
	vertical-align: middle;
	width: 65%;
}
.recette_ligne_titre li{
	padding-top: 10px;
}
.recette_resume{
	width: 100%;
	padding: 5% 0 5% 0;
	text-align: justify;
	font-size: small;
}
.div_float{
display: inline-block;
margin: auto;
vertical-align: middle;
}
.div_compact{
padding: 0;
margin:0;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.bloc200{
width: 200px;
}
.bloc250{
width: 250px;
}
.menu_dyn li{
display: inline-block;
margin-top: 10px;
height:40px;
vertical-align: middle;
}
.menu_dyn ul{
list-style: none;
margin-top: 40px;
padding:0;
}
.menu_dyn li a{
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-size: 1em;
}
.menu_dyn li a img{
vertical-align: top;
}
.menu_selected{
border-top: 2px solid #666666;
}
.menu_dyn li a:not(.image):hover{
border-top: 2px solid #186d35;
color: #186d35;
cursor: pointer;
}

.fb{
width: 30px;
}
.logo{
width: 160px;
}
.imgcentre{
width: 100%;
max-width: 1000px;
margin: auto;
display: block;
padding-top: 10px;
}
.roboto{
font-family: 'Roboto', sans-serif !important;
}
.margintop50{
margin-top: 50px;
}
.bas_page_tab{
width: 100%;
color: #b7b7b7;
text-align: center;
font-size: small;
}
.bas_page_tab td{
	max-width: 34%;
}
.fil_categories input{
	border: 1px solid #666;
}
.fil_categories li{
vertical-align: top;
display: inline-block;
list-style: none;
cursor: pointer;
padding-top: 3px;
}
.fil_categories img{
cursor: pointer;
}
.fil_categories {
font-family: 'Roboto', sans-serif !important;
display: inline-block;
white-space: nowrap;
border-radius: 15px;
padding: 8px 30px 5px 30px;
height: 29px;
margin: 0 15px 10px 15px;
vertical-align: top;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
box-shadow: 1px 0px 6px #888;
color: #888;
cursor: pointer;
}
.fil_categories li:not(:last-child)::after {
    content: "»";
    padding: 0 5px;
    font-weight: bold;
}
#bloc_savoir_plus{
	position: absolute;
	width: 80%;
	height: auto;	
	text-align: center;
	background-color: #f2f2f2;
	border-radius: 100px;
	z-index: 200;
	left: calc( 10% - 50px);
	padding: 50px;
	color: #888;
	border: 1px solid #f2f2f2;
	box-shadow: 1px 0px 6px #888;
	cursor: pointer;
    top: 10%;
}
}
#bloc_savoir_plus img{
	width: 60%;
	height: auto;
}	
.description_savoir_plus{
	font-family: 'Roboto', sans-serif !important;
text-align: center;
width: calc( 100% - 120px);
min-width: 268px;
margin: 5px auto;
font-size: 1em;
line-height: 100%;
position: relative;
color: #666;
}
.description_categorie{
font-family: 'Roboto', sans-serif !important;
text-align: center;
width: calc( 100% - 120px);
min-width: 268px;
margin: 0 auto;
font-size: 1.6em;
line-height: 100%;
position: relative;
padding: 5px 20px 5px 20px;
color: #666;
}
.description_categorie_alerte{
font-family: 'Roboto', sans-serif !important;
text-align: center;
margin: 0 auto 20px auto;
font-size: medium;
line-height: 140%;
position: relative;
color: #186d35;
}
.categorie_titre{
display: block;
font-family: lovegood-regular;
font-size: 2.4em;
padding-bottom: 20px;
text-align: left;
}
.categorie_contenu{
display: inline-block;
min-width: 268px;
max-width: calc( 100% - 110px);
vertical-align: bottom;
padding-left: 10px;
}
.description_categorie_alerte strong:hover{
text-decoration: underline;
}
.liste_categories{
width: 98%;
margin: 0 auto 20px auto;
padding:0;
position: relative;
display: inline-block;
text-align: center;
}
.liste_produits{
width: calc( 100% - 20px);
position: relative;
height: auto;
padding: 10px;
text-align: center;
overflow: hidden;
margin-top: 10px;
}
.detail_produit{
width: calc( 100% - 20px);
max-width: 80%;
text-align: left;
border-radius: 15px;
margin: 10px auto;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
box-shadow: 1px 0px 6px #888;
color: #888;
}
.detail_image{
position: relative;
display: inline-block;
vertical-align: middle;
padding: 5px;
}
.detail_image img{
width: 200px;
height: 200px;
}
.detail_cols{
display: inline-block;
vertical-align: middle;
width: calc( 100% - 220px);	
min-height: 200px;
min-width: 300px;
}
.detail_col{
display: inline-block;
width: calc( 50% - 10px);
padding: 5px;
min-width: 200px;
vertical-align: top;
}
.detail_nom{
position: relative;
display: inline-block;
vertical-align: middle;
padding: 20px;
font-size: large;
min-width: 295px;
font-family: 'Roboto', sans-serif !important;
}
.detail_nom p{
padding-top: 20px;
}
.detail_titre{
font-family: lovegood-regular, 'Roboto', sans-serif !important;
font-size: 3em;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.produits, .produits>*, .produits>*>*{
	
}
.produits div img:hover{
	
	cursor: url(images/loupe.png), zoom-in;
}
.detail_prix_TTC, .detail_prix_HT{
	margin-right: 25px;
}
.bloc_comment{
	background-color: #f2f2f2;
	padding: 10px 15px;
	color: #666;
	font-size: small;
	max-width: 420px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 15px;
}
.bloc_comment textarea{
	border: 0;
	width: 100%;
	max-width: 420px;
	min-width: 100px;
}	
.ligne_boutons{
	width: 80%;
	margin: 10px auto;
	text-align: center;
}
.bouton_ajout_petit{
position: absolute;
padding: 4px 10px 0 10px;
height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; 
top: 236px;
text-align: center;
width: 160px;
background: #186d35;
color: white;
border-radius: 15px;
left: 15px;
cursor: pointer;
}
.bouton_ajout{
width: 60%;
border-radius: 10px;
padding: 5px;
vertical-align: middle;
box-shadow: none;
border: none;
width: 150px;
margin: 0 15px;
background-color: #186d35;
cursor: pointer;
color: #fff;
}
.bouton_ajout label{
display: block;
text-align: center;
padding-top: 10px 5px;
cursor: pointer;
}
.contact_min, .contact_dbl {
height: 500px;
position: relative;
float: left;
border: 2px solid #00592d;
border-radius: 15px;
box-shadow: 1px 0px 8px #00592d;
margin: 10px;
text-align: center;
}
.contact_min {
width: 238px;
}
.contact_dbl {
width: 500px;
}
.contact_min img, .contact_dbl img{
width: 150px;
padding-top: 40px;
padding-bottom: 40px;
}
#alerte_panier{
height: auto;
position: fixed;
top: 40%;
left: 0;
width: 100%;
text-align: center;
margin: auto;
z-index: 100;
}
.alerte_panier_bouton{
	background: #186d35;
	color: white;
	width: 250px;
	height: 60px;
	margin: 10px 40px;
	display: inline-block;
	z-index: 200;
	border-radius: 15px;
	position: relative;
}
.alerte_panier_bouton label{
	text-align: center;
	width: 100%;
	top: 18px;
	font-size: large;
	position: absolute;
	left: 0;
}
.produits{
width: 210px;
position: relative;
display: inline-block;
margin: 10px;
vertical-align: top;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
height: 310px;
box-shadow: 1px 0px 6px #888;
border-radius: 100px;
color: #888;
}
.produits_reserv{
width: 210px;
height: 310px;
position: relative;
display: inline-block;
border-radius: 100px;
margin: 10px;
color: #666666;
vertical-align: top;
cursor: pointer;
color: #888;
}
.colis_dispo{
	background: #186d35;
	box-shadow: 1px 0px 6px #186d35;
	color: white;
}
.colis_indispo{
	background: #bb0000;
	color: white;
	box-shadow: 1px 0px 6px #bb0000;
}
.produits_reserv label{
height: 50px;
width: 200px;
line-height: 2em;
font-size: large;
display: table-cell;
padding-left: 5px;
padding-right: 5px;
cursor: pointer;
position: absolute;
top: 40px;
}
.produits_reserv_detail{
position: absolute;
padding-left: 10px;
padding-right: 10px;
height: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; 
top: 110px;
text-align: center;
width: 190px;
}
.produits_reserv_detail p{
white-space:normal;
}
.prod_image{
position: absolute;
left: 0;
top: 0;
padding: 5px;
}
.prod_image img{
width: 200px;
max-height: 200px;
}
.prod_nom{
position: absolute;
padding-left: 10px;
padding-right: 10px;
height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; 
top: 210px;
text-align: center;
width: 190px;
}
.prod_detail{
position: absolute;
padding-left: 10px;
padding-right: 10px;
height: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; 
top: 240px;
text-align: center;
width: 190px;
}
.prod_prix_HT, .prod_prix_TTC, .changer, .prod_prix{
position: absolute;
padding-left: 10px;
padding-right: 10px;
top: 270px;
font-size: medium;
font-weight: bold;
text-align: center;
width: 180px;
}
.changer select{
text-align: center;
color: #666666;
border: 1px solid #00592d;
width: 100%;
border-radius: 5px;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.changer label{
	cursor: pointer;
}
.chemin{
width: calc( 100% - 12px);
position: relative;
overflow: hidden;
height: 260px;
margin: 50px auto;
border: 1px solid #f2f2f2;
border-radius: 15px;
background-color: #f2f2f2;
box-shadow: 1px 0px 6px #888;
color: #888;
}
.chemin_titre{
position: absolute;
margin: auto;
left: 51px;
overflow: hidden;
text-overflow: ellipsis;
color: #666666;
}
.chemin .img1{
width: 30px;
position: absolute;
left: 0;
border: 1px solid #888;
border-radius: 15px;
box-shadow: 1px 0px 8px #888;
height: 200px;
margin-top: 30px;
margin-left: 10px;
cursor: pointer;
background: white;
}
.flecheg {
border-top: 10px solid transparent;
border-right: 20px solid #888;
border-bottom: 10px solid transparent;
margin-top: 90px;
position: absolute;
left: 4px;
}
.chemin .img2{
width: 30px;
position: absolute;
right: 0;
border: 1px solid #888;
border-radius: 15px;
box-shadow: 1px 0px 8px #888;
height: 200px;
margin-top: 30px;
margin-right: 10px;
cursor: pointer;
background: white;
}
.fleched {
border-top: 10px solid transparent;
border-left: 20px solid #888;
border-bottom: 10px solid transparent;
margin-top: 90px;
position: absolute;
left: 4px;
}
.plusA {
background: #888;
height: 18px;
width: 5px;
margin-top: 143px;
position: absolute;
left: -14px;
}
.plusB {
background: #888;
height: 5px;
width: 18px;
margin-top: 150px;
position: absolute;
left: -21px;
}
.plusCheminA {
background: #888;
height: 19px;
width: 5px;
margin-top: 87px;
position: absolute;
left: -14px;
}
.plusCheminB {
background: #888;
height: 5px;
width: 19px;
margin-top: 94px;
position: absolute;
left: -21px;
}
.chemin_produits{
position: absolute;
left: 50px;
right: 50px;
overflow: hidden;
white-space: nowrap;
margin-top: 20px;
background: white;
cursor: pointer;
}
.chemin_produit{
width: 200px;
height: 200px;
margin: 10px;
display: inline-block;
border-radius: 15px;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
vertical-align: top;
padding: 5px;
box-shadow: 1px 0px 6px #888;
position: relative;
}
.chemin_produit img{
width: 150px;
max-height: 180px;
cursor: pointer;
background-color: #f2f2f2;
}
.chemin_nom{
font-size: medium;
text-align: center;
white-space: normal;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chemin_prix_HT, .chemin_prix_TTC{
position: absolute;
padding-left: 10px;
padding-right: 10px;
top: 180px;
font-size: medium;
font-weight: bold;
text-align: center;
width: 180px;
}
.categorie{
font-size: large;
font-weight: bold;
}
.invisible{
display: none;
}
.recherche{
margin-left: 20px;
display: inline-block;
width: 30px;
vertical-align: middle;
}
.bloc_OU{
box-shadow: 3px 0px 8px #00592d;
color: #666666;
font-weight: bold;
margin: 10px auto;
width: 50px;
border: 1px solid #00592d;
border-radius: 100%;
}
.marginT20{
margin-top: 20px;
}
.bloc_moitie{
min-width: 300px;
width: 35%;
margin: 10px 10px;
display: inline-block;
vertical-align: top;
padding: 5px;
font-family: 'Roboto', sans-serif !important;
color: #888;
text-align: justify;
font-size: small;
}
.ligne_nouveau{
display: inline-block;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
box-shadow: 1px 0px 6px #888;
border-radius: 15px;
color: #199649;
vertical-align: middle;
padding: 10px 20px;
margin: 0 10px;
}
.conteneur{
min-width: 300px;
width: 35%;
margin: 10px;
display: inline-block;	
}
.contact_bloc{
border-radius: 15px;
vertical-align: top;
padding: 5px;
font-family: 'Roboto', sans-serif !important;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
box-shadow: 1px 0px 6px #888;
color: #888;
}
.contact_bloc ul{
list-style-image : url('images/mini_esky.png');
text-align: left;
margin-top: 10px;
padding: 5px;
list-style-position: inside;
color: #666666;
}
.contact_bloc ul li ul{
list-style: disclosure-closed;
color: #888888;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
list-style-position: inside;
margin: 0;
font-weight: bold;
padding-left: 15px;
}
.contact_bloc ul li ul li ul{
list-style : square;
margin-top: 0;
padding-left: 30px;
margin: 0;
list-style-position: inside;
font-weight: normal;
}
.contact_bloc ul li ul li ul li ul{
list-style : circle;
margin-top: 0;
padding-left: 45px;
margin: 0;
list-style-position: inside;
}
.contact_label{
color: #666666;
margin-bottom: 10px;
padding: 5px;
}
.txtarea_avis_recette{
	width: 96%;
	border-radius: 10px;
	padding: 5px;
	vertical-align: middle;
	box-shadow: none;
	border: none;
}
.bouton_global, .contact_ligne textarea, .contact_ligne select,.contact_ligne input[type=text], .contact_ligne input[type=password], .contact_ligne input[type=checkbox], .contact_ligne input[type=email], .contact_ligne input[type=tel]{
width: 60%;
border-radius: 10px;
padding: 5px;
vertical-align: middle;
box-shadow: none;
border: none;
}
.bouton_global{
	width: 150px;
	margin: 5px 15px;
	background-color: #186d35;
	cursor: pointer;
	color: #fff;
}
.contact_ligne{
display: inline-block;
width: 100%;
margin: 5px;
}
.contact_vert{
display: block;
width: 100%;
color: #bb0000;
text-align: center;
width: 100%;
font-size: large;
}
.contact_ano{
display: block;
width: 100%;
text-align: center;
}
.contact_ano label{
width: 100%;
text-align: center;
color: #bb0000;
font-size: x-large;
font-weight: bold;
display: block;
}
.contact_ano input{
display: block;
margin: 10px auto;
}
.contact_ligne label{
display: inline-block;
text-align: left;
margin-right: 5px;
width: 270px;
color: #666666;
vertical-align: middle;
}
.contact_ano input[type=button],.contact_ano input[type=submit],.contact_ano input[type=reset], .contact_ligne input[type=button], .contact_ligne input[type=submit], .contact_ligne input[type=reset] {
  border: none;
  padding: 10px 40px;
  text-decoration: none;
  margin: 20px auto 10px auto;
  cursor: pointer;
  border-radius: 15px;
background-color: #186d35;
box-shadow: none;
border: none;
color: #fff;  
}
.contact_ligne select:valid,.contact_ligne input[type=text]:valid, .contact_ligne input[type=password]:valid, .contact_ligne input[type=checkbox]:valid, .contact_ligne input[type=email]:valid, .contact_ligne input[type=tel]:valid{
border: 1px dotted #a4c4b4;
}
.contact_ligne select:invalid,.contact_ligne input[type=text]:invalid, .contact_ligne input[type=password]:invalid, .contact_ligne input[type=checkbox]:invalid, .contact_ligne input[type=email]:invalid, .contact_ligne input[type=tel]:invalid{

}
.pointeur{
cursor: pointer;
}
#pageEvenement{
display: block;
text-align: center;
}
#pageEvenement h1{
margin: 40px auto 30px auto;
font-family:"Roboto";
 font-size: 1.6em;
 color : #666
 text-align: center;
max-width: 1100px;
}
#pageEvenement h2{
font-size: 3em;
font-family: lovegood-regular, 'Roboto', sans-serif !important;
color: #666666;
}
.evenements{
min-width: 300px;
width: 30%;
position: relative;
display: inline-block;
border-radius: 15px;
margin: 10px;
vertical-align: top;
padding: 5px;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
box-shadow: 1px 0px 6px #888;
color: #888;
}
.evenement_ligne, .evenement_ligne_ss_hover{
font-size: 1em;
padding: 5px 10px 0 10px;
}
.evenement_ligne:hover{
	background-color: #186d35;
	color: white;
	border-radius: 10px;
}
.evenement_reservable{
margin-top: 20px;
font-family: lovegood-regular, 'Roboto', sans-serif !important;
color: #666666;
font-size: 2em;
padding: 0 5px 0 5px;
line-height: 25px;
}
.marche_choisi{
color: white;
background-color: #186d35;
border-radius: 10px;
}
#evenement_reservation{
display: block;
margin: 50px auto 0 auto;
max-width: 600px;
}
#evenement_reservation ul{
list-style-image : url('images/mini_esky.png');
text-align: left;
margin-top: 10px;
padding: 5px;
list-style-position: inside;
color: #666666;
}
#evenement_reservation ul li{
vertical-align: top;
padding-top: 5px;
}
.produit_indispo{
	background: #bb0000;
	cursor: default;
}
.panier h1{
	margin-top: 30px;
	margin-bottom: 10px;
	font-family:"Roboto";
	font-size: 1.6em;
	color : #666;
	text-align: center;
}
.panier h2{
	font-family:'lovegood-regular', 'Roboto', sans-serif !important;
	font-size: 3em;
	color : #666;
	text-align: center;
	line-height: normal;
}
.tab_panier{
	border: 1px solid #888;
	width: 80%;
	margin: 30px auto 0 auto;
	font-size: small;
	border-radius: 15px;
}
.tab_panier tr:nth-child(odd){
	background-color: #f2f2f2;
	background-color: white;
}
.tab_panier tr:first-child, .tab_panier tr:last-child{
	background-color: #666;
	color: white;
}
.tab_panier tr{
	border: 1px solid #888;
}
.tab_panier th {
	text-align: center;
	font-size: 1.2em;
}
.tab_panier th , .tab_panier td {
	border: 1px solid #888;
	height: 45px;
}
.droite{
	text-align: right;
}
.panier_q_ligne{
	display: inline-block;
	vertical-align: middle;
}
.panier_q_ligne label{
	text-align: center;
	display: inline-block;
	min-width: 80px;
}
.panier_q_ligne input{
	border: 1px solid #888;
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	width: 50px;
}
.panier_q_ligne img{
	width: 30px;
	display: inline;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
}
.pb_panier{
	color: orange;
	min-width: 50%;
	max-width: 80%;
	margin: 0 auto;
	padding: 15px;
	font-size: 1em;
}
.pb_panier ul{
list-style-image : url('images/mini_esky.png');
}
.centre{
	margin: auto;
}
.sign_livror{
	margin-top: 10px;
	padding-right: 10px;
	font-style: italic;
	font-size: small;
	text-align: right;
}
.fa-star {
color: gray;
cursor: pointer;
padding: 0.0625rem;
}
.fa_star_s{
color: gray;
padding: 0.0625rem;
}
.fa-star.gold, .fa_star_s.gold {
color: #ffdc0f;
}
.rating {
display: flex;
flex-direction: column;
align-items: center;
}
.stars,  .stars_s{
display: inline-flex;
justify-content: center;
font-size: 3em;
}
.stars:hover .fa-star {
color: #ffdc0f;
}
.stars .fa-star:hover ~ .fa-star {
color: gray;
}
.fa-star::before , .fa_star_s::before{
    content: "\2605";
}
.bandeau_bas_page_images{
	width:100%; 
	text-align: center; 
	display: inline-block;
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}

@media (max-width: 640px) {

	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	h1{padding: 0 4px;}
	.evenements{min-width: 240px;max-width: 250px;}
	.recette_ligne_titre{text-align: center;}
	.fil_categories input{width:150px;}
	.description_categorie{min-width: 230px;}
	.chemin, .bandeau_bas_page_images{display: none;}
	.categorie_contenu{min-width: 220px;}
	.categorie_titre{text-align:center;}
	.images_en_ligne div img{width: 120px;height: 120px;}
	.images_en_ligne_det{min-width:280px;}
	.images_en_ligne div img{margin: 0 2px;}
}
	
}