/* LES CONTENEURS */

*
{
	padding: 0;  /* On enlève tous les paddings inutiles */
	margin: 0;   /* On enlève toutes les marges inutiles */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html 
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: url(images/fond-ruchers.jpg) repeat;
	background-color: #8e7450;
}

body
{
	max-width: 1400px;
	min-height: 100%;
	position: relative;
	padding: 0 0 80px 0;
	margin: 0 auto 0 auto;
	background: url(images/fond-ruchers-clair.jpg) repeat;
	background-color: #fff;
}

	header
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 15px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-shrink: 0;
	}
	
		#logo_rucher
		{
			width: 304px;
			height: 200px;
			margin: 0;
			padding: 0;
			flex-shrink: 0;
		}

		#texte_head
		{
			width: auto;
			height: 200px;
			margin: 0;
			padding: 0 10px 0 0;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: flex-end;
			flex-shrink: 0;
		}
		
			#reseaux_sociaux
			{
				width: 100%;
				height: 45px;
				margin: 0 0 10px 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				flex-shrink: 0;
			}
	
	#image_panoramique
	{
		width: 100%;
		height: auto;
		margin: 5px 0 0 0;
		padding: 0;
		flex-shrink: 0;
	}
	
	section
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 20px 50px 20px 50px;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
	
		#image_gauche, #image_droite, #label_sofensch
		{
			width: 100%;
			padding: 0;
			margin: 5px 0 0 0;
		}
		
		#partenaire_rucher
		{
			width: 100%;
			padding: 0;
			margin: 15px 0 10px 0;
		}
		
		#duo_images
		{
			width: 100%;
			padding: 0;
			margin: 5px 0 15px 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-shrink: 0;
		}
		
			#duo_imageGauche, #duo_imageDroite
			{
				width: 49%;
				padding: 0;
				margin: 0;
				flex-shrink: 0;
			}
			
		#conteneur_news
		{
			width: 100%;
			height: auto;
			margin: 10px 0 10px 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			flex-shrink: 0;
			flex-wrap: wrap;
		}
			
			#aroundconteneur_news, #aroundconteneur_plastique
			{
				width: 25%;
				height: auto;
				margin: 0 0 20px 0;
				padding-top: 25%; /* padding-top for 1:1 Aspect Ratio */
				position: relative;
			}
					
				#marge_news
				{
					position: absolute;
					top: 0;
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 10px 20px 10px 0;
				}
				
				#conteneur_nouvelle
				{
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					justify-content: flex-end;
					flex-shrink: 0;
				}
						
					#conteneur_nouvelle > #titredate_news
					{
						width: 100%;
						height: 100%;
						margin: 0;
						padding: 20px;
						background-color: rgba(244,216,170,0.8);
						color: rgba(0,0,0,1.0); /* Black */
						display: flex;
						flex-direction: column;
						justify-content: center;
						flex-shrink: 0;
					}
										
					#conteneur_nouvelle  > #titredate_news:hover
					{
						background-color: rgba(255,255,255,0.0);
						color: rgba(0,0,0,0.0); /* Black */
						transition: 2s;
						cursor: pointer;
					}
					
						#boite_boutons_del
						{
							width: 100%;
							height: auto;
							margin: 10px 0 0 0;
							padding: 0;
							display: flex;
							flex-direction: row;
							justify-content: flex-end;
							flex-shrink: 0;
						}
		
		#conteneur_allproduits
		{
			width: 100%;
			height: auto;
			margin: 10px 0 10px 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			flex-shrink: 0;
			flex-wrap: wrap;
		}
		
			#marge_1produit
			{
				width: 20%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 0 20px 0 0;
			}
			
				#conteneur_1produit
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 10px;
					background-color: rgba(255,255,255,1.0);
					display: flex;
					flex-direction: column;
					border: #fff 1px solid;
				}
				
				#conteneur_1produit:hover
				{
					background-color: rgba(245,222,181,1.0);
					transition: 1s;
					cursor: pointer;
					border: #76604c 1px solid;
				}
				
					#vignette_1produit
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						flex-shrink: 0;
					}
					
					#resume_1produit
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						flex-shrink: 0;
					}
					
						#nom_1produit
						{
							width: 100%;
							height: 50px;
							margin: 0 0 20px 0;
							padding: 0;
						}
						
						
						#dispo_1produit
						{
							width: 100%;
							height: auto;
							margin: 0;
							padding: 0;
						}
						
						#infoplus_1produit
						{
							width: 100%;
							height: auto;
							margin: 0;
							padding: 0;
							display: flex;
							flex-direction: row;
							justify-content: flex-end;
							flex-shrink: 0;
						}
						
						#visib_1produit
						{
							width: 100%;
							height: 25px;
							margin: 10px 0 0 0;
							padding: 0;
							display: flex;
							flex-direction: row;
							justify-content: center;
						}
		
		#lien_bloc
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 5px 20px 5px 20px;
		}
		
		#admin_news, #presentation_produit
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-shrink: 0;
		}
		
			#admin_image_gauche
			{
				width: 40%;
				height: auto;
				margin: 0;
				padding: 0;
				flex-shrink: 0;
			}
			
			#image_gauche_produit
			{
				width: 40%;
				height: auto;
				margin: 0;
				padding: 0 20px 0 0;
				flex-shrink: 0;
			}
			
			#formulaire_droite, #encart_droite_produit
			{
				width: 59%;
				height: auto;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
			
				#BoiteColonnesPhotos
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					flex-shrink: 0;
				}
				
					#ColPhotosLeft
					{
						width: 49%;
						height: auto;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
					
					#ColPhotosRight
					{
						width: 49%;
						height: auto;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
					
						#admin-photos
						{
							width: 100%;
							height: auto;
							margin: 0 0 10px 0;
							padding: 0;
							display: flex;
							flex-direction: column;
							flex-shrink: 0;
							flex-wrap: wrap;
							background-color: #fff;
							border: 1px solid #fff;
						}
						
						#admin-photos:hover
						{
							border: 1px solid #000;
							cursor: pointer;
						}
						
							#del_maj
							{
								margin: 0 0 10px 0;
								padding: 0;
								display: flex;
								flex-direction: row;
								justify-content: space-around;
							}
				
				#galerie_videos
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					align-items: center;
					flex-shrink: 0;
				}
				
					#admin_video
					{
						width: 60%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width: 100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 550px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}

							iframe
							{
								width: 100%;
								height: 100%;
							}
			
	footer
	{
		bottom: 0;
		width: 100%;
		min-height: 40px;
		background-color: #76604c; /* Chocolat */
		position: absolute;
		margin: 10px 0 0 0;
		padding: 15px;
	}
	
		
/* ECRITURES ET LIENS TEXTUELS */

strong
{
	font-weight: bold;
}

i
{
	font-style: italic;
}

header h1
{
	font-family: 'Bodoni Moda', serif;
	font-size: 52px;
	font-weight: 600;
	font-style: normal;
	color: #ec9f50; /* Orange */
	line-height: 50px;
	letter-spacing: 0;
	text-align: right;
	margin: 0 0 10px 0;
	padding: 0;
}

section h1
{
	font-family: 'Bodoni Moda', serif;
	font-size: 42px;
	font-weight: 600;
	font-style: italic;
	color: #76604c; /* Chocolat */
	line-height: 50px;
	letter-spacing: 1px;
	text-align: left;
	margin: 5px 0 15px 0;
	padding: 0;
}

section h1 a:link, section h1 a:visited
{
	color: #76604c; /* Chocolat */
	text-decoration: underline;
}

section h1 a:active, section h1 a:hover
{
	color: #76604c; /* Chocolat */
	text-decoration: none;
}

header h2
{
	font-family: 'Bodoni Moda', serif;
	font-size: 20px;
	font-weight: 600;
	font-style: italic;
	color: #76604c; /* Chocolat */
	line-height: 30px;
	letter-spacing: 1px;
	text-align: right;
	margin: 0 0 15px 0;
	padding: 0;
}

section h2
{
	font-family: 'Bodoni Moda', serif;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	color: #ec9f50; /* Orange */
	line-height: 40px;
	letter-spacing: 0;
	text-align: left;
	margin: 10px 0 20px 0;
	padding: 0;
}

section h3
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	color: #000;
	line-height: 20px;
	letter-spacing: 0;
	text-align: left;
	margin: 0 0 30px 0;
	padding: 0;
}

section h3 a:link, section h3 a:visited
{
	color: #000;
	text-decoration: underline;
}

section h3 a:active, section h3 a:hover
{
	color: #000;
	text-decoration: none;
}

#image_gauche h3
{
	font-family: 'Bodoni Moda', serif;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	color: #ec9f50; /* Orange */
	line-height: 40px;
	letter-spacing: 0;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#image_gauche h4
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #76604c; /* Chocolat */
	line-height: 30px;
	letter-spacing: 0;
	text-align: left;
	margin: 0 0 40px 0;
	padding: 0;
}

#conteneur_news h4
{
	font-family: 'Bodoni Moda', serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 32px;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	margin: 0 0 14px 0;
	padding: 0;
}

#conteneur_news h5
{
	font-family: 'Bodoni Moda', serif;
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#resume_1produit h6, #presentation_produit h6
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 20px;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
	padding: 0;
}

section p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 30px;
	letter-spacing: 0;
	text-align: justify;
	margin: 0 0 20px 0;
	padding: 0;
}

section p a:link, section p a:visited
{
	color: #000;
	text-decoration: underline;
}

section p a:active, section p a:hover
{
	color: #000;
	text-decoration: none;
}

#partenaire_rucher p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 28px;
	letter-spacing: 0;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}

#ColPhotosLeft p, #ColPhotosRight p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 18px;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
}

#lien_bloc p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 600;
	text-decoration: none;
	color: #ec9f50; /* Orange */
	text-align: center;
	margin: 0;
	padding: 0;
}

#resume_1produit p
{
	font-family: 'Open Sans', sans-serif;
	text-transform : uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 22px;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
	padding: 0;
}

#dispo_1produit p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
	letter-spacing: 0;
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}

#infoplus_1produit p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 20px;
	letter-spacing: 0;
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}

footer p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	line-height: 20px;
	letter-spacing: 0;
	text-align: center;
	margin: 0;
	padding: 0;
}

footer p a:link, footer p a:visited
{
	color: #fff;
	text-decoration: underline;
}

footer p a:active, footer p a:hover
{
	color: #fff;
	text-decoration: none;
}

#supprimer_video
{
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}

#supprimer_video a:link, #supprimer_video a:visited
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 23px 5px 24px;
	margin: 0;
	width: 117px;
	height: 30px;
	transition: 0.2s;
	background: #b92a25;
	color: #fff;
	text-decoration: none;
	border: 1px #b92a25 solid;
}

#supprimer_video a:active, #supprimer_video a:hover
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 23px 5px 24px;
	margin: 0;
	width: 117px;
	height: 30px;
	background: #fff;
	color: #b92a25;
	text-decoration: none;
	border: 1px #b92a25 solid;
}

#lien_supprimer2 a:link, #lien_supprimer2 a:visited
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 23px 5px 24px;
	margin: 20px 0 0 0;
	width: 117px;
	height: 30px;
	transition: 0.2s;
	background: #b92a25;
	color: #fff;
	text-decoration: none;
	border: 1px #b92a25 solid;
}

#lien_supprimer2 a:active, #lien_supprimer2 a:hover
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 23px 5px 24px;
	margin: 20px 0 0 0;
	width: 117px;
	height: 30px;
	background: #fff;
	color: #b92a25;
	text-decoration: none;
	border: 1px #b92a25 solid;
}


/* LES IMAGES */

#logo_rucher img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

#reseaux_sociaux img
{
	width: 75px;
	height: 45px;
	margin: 0;
	padding: 0 0 0 30px;
	flex-shrink: 0;
	cursor: pointer;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

#reseaux_sociaux img:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

#image_panoramique img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

#image_gauche img
{
	width: 42%;
	height: auto;
	float: left;
	padding: 0 25px 0 0;
	margin: 5px 0 7px 0;
	flex-shrink: 0;
}

#image_droite img
{
	width: 42%;
	height: auto;
	float: right;
	padding: 0 0 0 25px;
	margin: 5px 0 7px 0;
	flex-shrink: 0;
}

#label_sofensch img
{
	width: 150px;
	height: auto;
	float: right;
	padding: 0 0 0 20px;
	margin: 5px 0 7px 0;
	flex-shrink: 0;
}

#partenaire_rucher img
{
	width: 150px;
	height: auto;
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 5px 0;
	flex-shrink: 0;
}

#duo_imageGauche img, #duo_imageDroite img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

#formulaire_news img
{
	width: 30%;
	height: auto;
	flex-shrink: 0;
	border: 0;
}

#admin_image_gauche img, #image_gauche_produit img
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
}

#ColPhotosLeft img, #ColPhotosRight img
{
	width: 100%;
	height: auto;
	flex-shrink: 0;
	padding: 0;
	margin: 0 0 5px 0;
}

#vignette_1produit img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

#visib_1produit img
{
	width: 40px;
	height: 25px;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

#carte_google iframe
{
	width: 100%;
	height: 400px;
}


/* LIGNES SEPARATRICES */

.invisible
{
	clear: both;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
}


/* LES FORMULAIRES */

.hidden {
  display: none !important;
}

label
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #76604c; /* Chocolat */
	letter-spacing: 0;
	line-height: 21px;
	text-align: justify;
	margin: 10px 0 10px 0;
	padding: 0;
}

#formulaire_login
{
	max-width: 350px;
	margin: auto;
	padding: 20px 15px 10px 15px;
	border: 1px dashed #76604c; /* Chocolat */
}

#formulaire_news
{
	max-width: 100%;
	min-width: 320px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #76604c; /* Chocolat */
}

#titre_login h2
{
	text-align: center;
}

#formulaire_login p
{
	text-align: right;
}

.champtexte
{
	height: 30px;
	width: 200px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
}

.bouton_envoyer
{
	height: 30px;
	width: 200px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 10px 0 10px 0;
	background-color: #76604c; /* Chocolat */
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
}

.bouton_envoyer:link, .bouton_envoyer:visited
{
	background-color: #76604c; /* Chocolat */
	border: 1px solid #76604c; /* Chocolat */
	color: #f4d8aa; /* Jaune crème pale */
}

.bouton_envoyer:active, .bouton_envoyer:hover
{
	background-color: #f4d8aa; /* Jaune crème pale */
	border: 1px solid #76604c; /* Chocolat */
	color: #76604c; /* Chocolat */
}

.champ_annee
{
	height: 30px;
	width: 50px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
}

.champtexte_bigger
{
	height: 30px;
	width: 100%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
}

.champtexte_bigger
{
	height: 30px;
	width: 100%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
}

.champtexte_prix
{
	height: 30px;
	max-width: 200px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
}

.zone_texte
{
	width: 100%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
}

.liste_deroulante
{
	max-width: 300px;
	min-width: 150px;
	padding: 5px;
	border-radius: 3px;
	background-color: #FFF;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
	font-family: 'Open Sans', sans-serif;
}

.liste_deroulante_petite
{
	max-width: 120px;
	min-width: 80px;
	padding: 5px;
	border-radius: 3px;
	background-color: #FFF;
	border: 1px solid #76604c; /* Chocolat */
	margin: 0 0 15px 0;
	font-family: 'Open Sans', sans-serif;
}

input[type=radio]
{
    margin: 0 5px 0 0;
}

.radio
{
    margin: 5px 0 5px 0;
}

#boutons_radio
{
	max-width: 300px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #76604c; /* Chocolat */
	background-color: #fff;
}


/* CALENDRIER DU BLOG */

#calendrier_blog
{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 0 40px 0;
	padding: 0;
}

	#boite_calendrier
	{
		width: 100%;
		height: auto;
	}
			
		#calendrier_prev, #calendrier_next
		{
			cursor: pointer;
		}


/* TABLEAUX */

table
{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
	padding: 0;
}

th
{
	border: 1px #c8beac solid;
	background-color: #c8beac; /* ~ Pale Silver */
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #232323; /* Eerie Black */
	text-align: center;
	padding: 5px;
	margin: 0;
	height: 40px;
}

td
{
	border: 1px #cdcdcd solid;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #000;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: 40px;
}

#calendrier_fonduni tbody tr
{
    background-color: #fff;
}

.fleche_active
{
	border: 1px #c8beac solid;
	background-color: #c8beac; /* ~ Pale Silver */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #232323; /* Eerie Black */
	text-align: center;
	padding: 5px;
	margin: 0;
	height: 40px;
}

.fleche_active:hover
{
	background-color: #fff;
	color: #232323; /* Eerie Black */
}

#calendrier_fonduni h2
{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #232323; /* Eerie Black */
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	padding: 0;
}


/* MENU RESPONSIVE DEROULANT */

	nav
	{
		width: 100%;
		height: auto;
		margin: 5px 0 0 0;
		padding: 0 10px 0 10px;
		display: flex;
		flex-direction: row;
		background-color: #76604c; /* Chocolat */
	}
			
		#menu_rucher
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: row;	
		}

			#menumain_left
			{
				width: 100%;
				height: auto;
				margin: 0;
				display: flex;
				flex-direction: row;
			}

				#menumain_emptytop
				{
					display: none;
				}
	
				#topline_menu
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					background-color: #76604c; /* Chocolat */
					color: #fff;
					position: relative;
				}
				
				#topline_menu h3
				{
					font-family: 'Bodoni Moda', serif;
					font-size: 20px;
					font-weight: 500;
					font-style: normal;
					letter-spacing : 0;
				}
				
					#liste_toplinemenu-admin
					{
						width: auto;
						height: 40px;
						margin: 0;
						padding: 0 18px 0 18px;
						background-color: #76604c; /* Chocolat */
						color: #fff;
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						cursor: pointer;
					}
						
					#liste_toplinemenu-admin:hover, #liste_toplinemenu-admin:focus
					{
						text-decoration: none;
						background-color: #f4d8aa; /* Jaune crème pale */
						color: #76604c; /* Chocolat */
						cursor: pointer;
					}

			#menumain_right
			{
				display: none;
			}

			@-ms-viewport {
				width: device-width;
			}

			@viewport {
				width: device-width;
			}


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

	section
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 20px;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
}

@media screen and (max-width:1300px) {
	
			#marge_1produit
			{
				width: 25%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 0 20px 0 0;
			}
					
					#admin_video
					{
						width: 70%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width:100%;
						position: relative;
						margin: 0;
						padding-bottom:0;
					}

						.video_taverne
						{
							height: 550px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}
}

@media screen and (max-width:1150px) {
	
					#admin_video
					{
						width: 80%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width:100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 550px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}

}

@media screen and (max-width:1000px) {
	
			#marge_1produit
			{
				width: 33%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 0 20px 0 0;
			}	
					
					#aroundconteneur_news
					{
						width: 50%;
						height: auto;
						margin: 0 0 10px 0;
						padding-top: 35%;
						position: relative;
					}	
					
					#admin_video
					{
						width: 90%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width:100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 550px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}
						
}


@media screen and (max-width:950px)
{
	
		#logo_rucher
		{
			width: 280px;
			height: 184px;
			margin: 0;
			padding: 0;
			flex-shrink: 0;
		}

		#texte_head
		{
			width: auto;
			height: 184px;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: center;
			flex-shrink: 0;
		}		
	
	header h1
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 41px;
		font-weight: 600;
		font-style: normal;
		color: #ec9f50; /* Orange */
		line-height: 42px;
		letter-spacing: 0;
		text-align: right;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	section h1
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 34px;
		font-weight: 600;
		font-style: italic;
		color: #76604c; /* Chocolat */
		line-height: 42px;
		letter-spacing: 1px;
		text-align: left;
		margin: 5px 0 15px 0;
		padding: 0;
	}

	header h2
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 15px;
		font-weight: 600;
		font-style: italic;
		color: #76604c; /* Chocolat */
		line-height: 26px;
		letter-spacing: 1px;
		text-align: right;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	section h2
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 26px;
		font-weight: 600;
		font-style: normal;
		color: #ec9f50; /* Orange */
		line-height: 38px;
		letter-spacing: 0;
		text-align: left;
		margin: 10px 0 20px 0;
		padding: 0;
	}

	header h3
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 20px;
		font-weight: 600;
		font-style: italic;
		color: #ec9f50; /* Orange */
		line-height: 20px;
		letter-spacing: 0;
		text-align: right;
		margin: 0;
		padding: 0;
	}
	
					/* MENU RESPONSIVE DEROULANT */
					
					#topline_menu h3
					{
						font-family: 'Bodoni Moda', serif;
						font-size: 18px;
						font-weight: 500;
						font-style: normal;
						letter-spacing : 0;
					}
					
					#liste_toplinemenu-admin
					{
						width: auto;
						height: 40px;
						margin: 0;
						padding: 0 15px 0 15px;
						background-color: #76604c; /* Chocolat */
						color: #fff;
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						cursor: pointer;
					}
					
					/* FIN MENU RESPONSIVE DEROULANT */
}

@media screen and (max-width:900px) {
	
					#admin_video
					{
						width: 90%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width:100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 480px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}
}

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

					#aroundconteneur_news
					{
						width: 50%;
						height: auto;
						margin: 0 0 10px 0;
						padding-top: 50%; /* padding-top for 1:1 Aspect Ratio */
						position: relative;
					}
					
					/* MENU RESPONSIVE DEROULANT */
					
					#topline_menu h3
					{
						font-family: 'Bodoni Moda', serif;
						font-size: 15px;
						font-weight: 500;
						font-style: normal;
						letter-spacing : 0;
					}
					
					#liste_toplinemenu-admin
					{
						width: auto;
						height: 40px;
						margin: 0;
						padding: 0 12px 0 12px;
						background-color: #76604c; /* Chocolat */
						color: #fff;
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						cursor: pointer;
					}
					
					/* FIN MENU RESPONSIVE DEROULANT */
					
	#image_gauche img
	{
		width: 50%;
		height: auto;
		float: left;
		padding: 0 20px 0 0;
		margin: 5px 0 5px 0;
		flex-shrink: 0;
	}
	
	#image_droite img
	{
		width: 50%;
		height: auto;
		float: right;
		padding: 0 0 0 20px;
		margin: 5px 0 5px 0;
		flex-shrink: 0;
	}
}

@media screen and (max-width:800px)
{
	
	#formulaire_news img
			{
				width: 50%;
				height: auto;
				flex-shrink: 0;
				border: 0;
			}

}

@media screen and (max-width:750px)
{
	
		#logo_rucher
		{
			width: 220px;
			height: 145px;
			margin: 0;
			padding: 0;
			flex-shrink: 0;
		}

		#texte_head
		{
			width: auto;
			height: 145px;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: center;
			flex-shrink: 0;
		}
		
				#BoiteColonnesPhotos
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
					#ColPhotosLeft
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
					
					#ColPhotosRight
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
					
			#marge_1produit
			{
				width: 50%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 0 20px 0 0;
			}
					
					#admin_video
					{
						width: 100%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width: 100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 460px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}
		
	header h1
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 38px;
		font-weight: 600;
		font-style: normal;
		color: #ec9f50; /* Orange */
		line-height: 42px;
		letter-spacing: 0;
		text-align: right;
		margin: 0 0 10px 0;
		padding: 0;
	}

	header h2
	{
		font-family: 'Bodoni Moda', serif;
		font-size: 14px;
		font-weight: 600;
		font-style: italic;
		color: #76604c; /* Chocolat */
		line-height: 26px;
		letter-spacing: 1px;
		text-align: right;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
				#admin_news
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
					#admin_image_gauche
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						flex-shrink: 0;
					}
					
					#formulaire_droite
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
	
}

			
@media screen and (max-width:700px)
{		
	
	header
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 15px;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
		
		#logo_rucher
		{
			width: 100%;
			height: auto;
			margin: 0 0 10px 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-shrink: 0;
		}

		#texte_head
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items : center;
			flex-shrink: 0;
		}
		
			#reseaux_sociaux
			{
				width: 100%;
				height: 45px;
				margin: 0 0 10px 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: center;
				flex-shrink: 0;
			}
		
		#logo_rucher img
		{
			width: 304px;
			height: auto;
			margin: 0;
			padding: 0;
			flex-shrink: 0;
		}
		
		#reseaux_sociaux img
		{
			width: 75px;
			height: 45px;
			margin: 0;
			padding: 0 15px 0 15px;
			flex-shrink: 0;
			cursor: pointer;
			opacity: 1.0;
			filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		
		header h1
		{
			font-family: 'Bodoni Moda', serif;
			font-size: 40px;
			font-weight: 600;
			font-style: normal;
			color: #ec9f50; /* Orange */
			line-height: 42px;
			letter-spacing: 0;
			text-align: right;
			margin: 0 0 10px 0;
			padding: 0;
		}

		header h2
		{
			font-family: 'Bodoni Moda', serif;
			font-size: 15px;
			font-weight: 600;
			font-style: italic;
			color: #76604c; /* Chocolat */
			line-height: 26px;
			letter-spacing: 1px;
			text-align: right;
			margin: 0 0 15px 0;
			padding: 0;
		}
	
	section p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #000;
		line-height: 24px;
		letter-spacing: 0;
		text-align: justify;
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	/* MENU RESPONSIVE */
	
	nav
	{
		width: 100%;
		margin: 5px 0 0 0;
		padding: 4px 0 0 0;
		background-color: #76604c; /* Chocolat */
	}
	
	#menumain_left
	{
		width: 100%;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	
		#menumain_emptytop
		{
			display: block;
			background-color: #76604c; /* Chocolat */
			width: 100%;
			position: relative;
		}
	
		#topline_menu
		{
			width: 100%;
			margin: 0;
			padding: 0;
			height: auto;
			display: none;
			background-color: #76604c; /* Chocolat */
			color: #fff;
			position: relative;
		}
		
		#topline_menu h3
		{
			font-family: 'Bodoni Moda', serif;
			font-size: 20px;
			font-weight: 500;
			font-style: normal;
			letter-spacing : 0;
			padding: 0 10px 0 10px;
		}
		
			#liste_toplinemenu-admin
			{
				width: 100%;
				height: auto; /* IMPORTANT pour que le sousmenu pousse le reste du menu */
				margin: 0;
				padding: 5px;
				background-color: #76604c; /* Chocolat */
				color: #fff;
				text-align: left;
				cursor: pointer;
				display: block;
				transition: 0.2s;
				border-right: 0;
			}
						
			#liste_toplinemenu-admin:hover, #liste_toplinemenu-admin:focus
			{
				text-decoration: none;
				background-color: #f4d8aa; /* Jaune crème pale */
				color: #76604c; /* Chocolat */
				cursor: pointer;
				position: relative;
			}
							
	
	#menumain_right
	{
		display: block;
		width: 45px;
		margin: 0;
		padding: 0 5px 0 0;
	}
	
		#menumain_right img
		{
			width: 40px;
			height: 40px;
			padding: 0;
			margin: 0;
		}
	
}

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

	
		
		#presentation_produit
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
					#image_gauche_produit
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						flex-shrink: 0;
					}
					
					#encart_droite_produit
					{
						width: 100%;
						height: auto;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
		
					#admin_video
					{
						width: 100%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width: 100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 360px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}
		
		
		#image_gauche img, #image_droite img
		{
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0 0 15px 0;
			flex-shrink: 0;
		}
		
		#duo_images
		{
			width: 100%;
			padding: 0;
			margin: 5px 0 15px 0;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
		}
		
			#duo_imageGauche
			{
				width: 100%;
				padding: 0;
				margin: 0 0 10px 0;
				flex-shrink: 0;
			}
			
			#duo_imageDroite
			{
				width: 100%;
				padding: 0;
				margin: 0;
				flex-shrink: 0;
			}
			
			#formulaire_news img
			{
				width: 60%;
				height: auto;
				flex-shrink: 0;
				border: 0;
			}
}

@media screen and (max-width:550px)
{
					
					#aroundconteneur_news
					{
						width: 100%;
						height: auto;
						margin: 0 0 10px 0;
						padding-top: 75%; /* padding-top for 1:1 Aspect Ratio */
						position: relative;
					}
					
						#marge_news
						{
							position: absolute;
							top: 0;
							width: 100%;
							height: 100%;
							margin: 0 0 10px 0;
							padding: 0;
						}
	
	#formulaire_news img
		{
			width: 100%;
			height: auto;
			flex-shrink: 0;
			border: 0;
		}
}

@media screen and (max-width:470px) {
	
			#marge_1produit
			{
				width: 100%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 0;
			}
			
			header h1
			{
				font-family: 'Bodoni Moda', serif;
				font-size: 30px;
				font-weight: 600;
				font-style: normal;
				color: #ec9f50; /* Orange */
				line-height: 28px;
				letter-spacing: 0;
				text-align: center;
				margin: 0 0 10px 0;
				padding: 0;
			}

			header h2
			{
				font-family: 'Bodoni Moda', serif;
				font-size: 17px;
				font-weight: 600;
				font-style: italic;
				color: #76604c; /* Chocolat */
				line-height: 18px;
				letter-spacing: 1px;
				text-align: center;
				margin: 0 0 15px 0;
				padding: 0;
			}
	
}

@media screen and (max-width:450px) {
					
					#admin_video
					{
						width: 100%;
						margin: 0 auto;
						padding: 0;
						display: flex;
						flex-direction: column;
						align-items: center;
						flex-shrink: 0;
					}
					
					.video-responsive
					{
						width: 100%;
						position: relative;
						margin: 0;
						padding:0;
					}

						.video_taverne
						{
							height: 230px;
							width: 100%;
							background-color: #c8beac; /* ~ Pale Silver */
							margin: 0 0 20px 0;
							padding: 10px;
							display: flex;
							flex-direction: column;
							align-items: center;
							flex-shrink: 0;
						}
}

@media screen and (max-width:400px)
{
	
	#partenaire_rucher p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #000;
		line-height: 28px;
		letter-spacing: 0;
		text-align: left;
		margin: 10px 0 0 0;
		padding: 0;
	}
		
		#logo_rucher img
		{
			max-width: 280px;
			height: auto;
			margin: 0;
			padding: 0;
			flex-shrink: 0;
		}
		
		#partenaire_rucher img
		{
			width: 100px;
			height: auto;
			float: left;
			padding: 0 15px 0 0;
			margin: 0 0 5px 0;
			flex-shrink: 0;
		}
		
		#formulaire_login
		{
			width: 100%;
			margin: 0;
			padding: 20px 15px 10px 15px;
			border: 1px dashed #76604c; /* Chocolat */
		}
	
}