html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/src/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2") format("woff2"), url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
  font-display: swap;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 36px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}

.icons-plus-petit{
	font-size:24px;
}

#logoSaveur{
	font-size: 4em;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
}

@media (max-width: 767px){
	#logoSaveur { width: 100%; }
}

#logoSaveur a{
	text-decoration: none;
	color: black;
}

#bloc_menu{
	font-size: 1.5em;
	float: right;
}

@media (max-width: 767px) {
   #bloc_menu { float: left; }
}
@media (min-width: 768px) {
   #bloc_menu { float: right; }
}

#recherche{
	margin-top: 15px;
	padding-left: 15px;
}

#masqueRechercheOn{
	position: absolute;
	width: 100%;
	min-height: 100%;
	/*left:0;*/
	z-index: 60;
	background-color: rgba(255, 255, 255, 0.9);
	padding-right: 15px;
	padding-left: 15px;
}

 .menu-carte img, .menu-produits img, .menu-producteurs img, .menu-contact img{
 	color:blue;
 }

.menu-carte i, .menu-carte span{ color: #163579; }
.menu-produits i, .menu-produits span{ color: green; }
.menu-contact i, .menu-contact span{ color: #CC3333; }
.menu-producteurs i, .menu-producteurs span{ color: #812d5b; }

@media (min-width: 768px) {
	#bloc_middle .col-md-6{
		max-width: 49.7%;
		margin-top: 10px;
	}
}

.separateur_departement{
	margin-top: 25px;
	margin-bottom: 5px;
}

.vignettes_producteurs {
	
	display: inline-block;
	overflow: hidden;
	margin-top: 10px;
}

.vignettes_producteurs img{
	width:100%;
}

#tous_producteur .vignettes_producteurs:last-child{
	margin-bottom: 15px;
}

.vignettes_generales {
	display: inline-block;
	overflow: hidden;
}

.vignettes_generales img{
	width:100%;
}

.vignettes_categories {
	display: inline-block;
	overflow: hidden;
	margin-top: 10px;
	cursor: pointer;
}

.carte_couleur{
	background-color: #163579;
}

.contact_couleur{
	background-color: #CC3333;
}

.img_categorie{
	min-width: 100%;
}


.bloc_rotate{
	color:white;
	text-decoration: none;
	writing-mode: vertical-rl;
  	text-orientation: sideways;
  	height: 100%;
  	position: absolute;
  	right: 0px;
  	padding-top: 3px;
}

.bloc_rotate{
	
}

.bloc_rotate_fiche{
	right: -10px;
	color:white;
	text-decoration: none;
	font-size: 4em;
	writing-mode: vertical-rl;
  	text-orientation: sideways;
 	height: 100%;
  	position: absolute;
  	z-index:10;
}

.bloc_rotate_fiche span {
	position: relative;
	left: -25px;
}

#tous_producteurs{
	float:left;
	max-width: 100%;
	overflow:hidden;
	padding-right: 15px;
}

#tous_producteurs span:first-child{
	margin-top: 25px;
}

.noMarge{
	margin-top: 0px !important; 
}

#tous_producteurs .align-items-start:last-child{
	margin-bottom: 25px;
}

.page_gauche_producteur{
	overflow: hidden;
	margin-top: 25px;
	height: 100%;
}

.page_gauche_producteur .img-left{
	position:relative;
	left: -100%;
}

.page_droite_producteur{
	margin-top: 25px;
}

.page_droite_producteur a {
	text-decoration: none;
	cursor: pointer;
	color:white;
}

.page_droite_producteur h2{
	font-weight: bold;
}

.page_droite_producteur .chapo_txt{
	font-weight: 500;
}

.page_droite_producteur .fiche_txt{
	font-weight: 300;
}

.page_droite_producteur .fiche_contact{
	color:white;
}

.page_droite_producteur .fiche_contact h5{
	position: relative;
	top:-4px;
}

.page_droite_producteur .fiche_contact i{
	font-size: 1.3em;
	margin-left: 5px;
	margin-right: 5px;
}
.page_droite_producteur .fiche_contact p{
	font-weight: lighter;
}

.page_droite_producteur .fiche_contact p{
	margin-top: -5px;
}

.page_droite_producteur .fiche_contact p:last-child{
	padding-bottom: 15px;
}

.img-right {
	width: 100%;
}

.img-left{
	z-index: 5;
}

.img-left img {
	height: 100vmax;
	/*width: 300%;*/
}

.nom_turn{
	transform : rotate(90deg);
}

.nom_turn span{
	transform : rotate(90deg);
	color: white;
}

.coleur_generale{
	background-color: green;
}

.separateur_departement{
	margin-left: 15px;
}

.group-marge{
	margin-top: 25px;
}

#carte{
	width: 100%;
	height: 500px;
}

#tous_categorie, #tous_production, #tous_producteur, #tous_produit{
	float:left;
	width:100%;
}

.list_producteur{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	/*overflow: hidden;
	
	margin-right: 10px;*/
}

.list_producteur span{
	display: inline-block;
	width: 90%;
	color:white;
}

.list_producteur i{
	color:white;
	width: 5%;
}

.list_producteur:last-child{
	margin-bottom: 15px;
}

/* color region */
.auxois{
	background-color: #00889c;
	padding: 10px;
}

.beaune{
	background-color: #812d5b;
	padding: 10px;
}

.chatillon{
	background-color: #99bf5e;
	padding: 10px;
}

.dijon{
	background-color: #ea6939;
	padding: 10px;
}

.senonais{
	background-color: #b77e92;
	padding: 10px;
}

.auxerrois{
	background-color: #7d9fc2;
	padding: 10px;
}

.puisaye{
	background-color: #fabd85;
	padding: 10px;
}

.jovinien{
	background-color: #bcaec0;
	padding: 10px;
}

.tonnerrois{
	background-color: #cca1c0;
	padding: 10px;
}

.avallon{
	background-color: #f4927b;
	padding: 10px;
}

.red{
	color:red;
}

#tous_contact{
	float: left;
	margin-bottom: 15px;
}

#tous_contact label, #tous_contact button, #tous_contact h2, #tous_contact h4{
	margin-top: 25px;
}

#tous_contact h2 span{
	font-weight: bold;
}

.badge-info{
	background-color: #666;
}

.badge-success{
	background-color: #ccc;
}

.card {
	background-color: #f5f5f5;
	margin-bottom: 15px;
}

/*===========BLOC FOOTER==========*/
#footer{
	/*background-color:#333333;
	color:#DDDDDD;*/
	width:100%;
	position:relative;
	left:0px;
	bottom: 0px;
	z-index:15;
	font-size: 0.7em;
    height: 1px;
    margin-top: 25px;
}

#footer span{
	display: inline-block;
}

#footer div{
	display: inline-block;
	float: right;
}

#footer div a{
	margin-left: 10px;
}

#ray{
	background-color: #ced4da;
	height: 1px;
	width: 100%;
	margin-bottom: 5px;
}

#tous_mentions div:first-child{
	margin-top:25px;
}