/* 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-color: #fff;
}
			
body
{
	width: 100%;
	min-height: 100%;
	position: relative;
	padding: 0 0 100px 0;
	margin: 0 auto 0 auto;
	background-color: #fff;
}

	header
	{
		width: 100%;
		height: auto;
		background-color: #eef6eb; /* blanc cassé vert */
		margin: 0;
		padding: 5px 0 5px 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		position: sticky;
		top: 0;
		z-index: 2;
	}
	
		#logo_titre
		{
			width: 300px;
			height: 119px;
			margin: 0;
			padding: 0 20px 0 10px;
		}
			
		/* Voir menu responsive */
	
	#panoramique_top
	{
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 0;
		flex-shrink: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		background-color: #b8e5ba; /* vert clair */
	}
		
		#contenu_diaporama
		{
			width: 1400px;
			height: 420px;
			padding: 0;
			margin: 0;
			flex-shrink: 0;
		}
	
	section
	{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
		#couleur1_section
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
			background: #fff;
		}
			
			#contenu_bloc
			{
				width: 1400px;
				height: auto;
				padding: 0;
				margin: 10px auto 30px auto;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
			
				#bloc_intro
				{
					width: 100%;
					padding: 0;
					margin: 10px 0 0 0;
				}
				
					#image_gauche, #image_droite, #image_blog
					{
						width: 100%;
						padding: 0;
						margin: 5px 0 0 0;
					}
			
		#couleur2_section
		{
			width: 100%;
			height: auto;
			margin: 0 0 10px 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			flex-shrink: 0;
			background: #eef6eb; /* vert très pale */
		}
		
			#conteneur_4blocs
			{
				width: 1400px;
				height: auto;
				padding: 0;
				margin: 20px 0 20px 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-shrink: 0;
				flex-wrap: wrap;
			}
			
				#around_rubriques
				{
					width: 20%;
					height: auto;
					margin: 5px 0 5px 0;
					padding-top: 20%; /* padding-top for 1:1 Aspect Ratio */
					position: relative;
				}
				
					#marge_rubrique
					{
						position: absolute;
						top: 0;
						width: 100%;
						height: 100%;
						margin: 0;
						padding: 0;
					}
					
						#conteneur_rubrique
						{
							width: 100%;
							height: 100%;
							margin: 0;
							padding: 0;
							display: flex;
							flex-direction: column;
							justify-content: flex-end;
							flex-shrink: 0;
							border: 1px solid #eef6eb; /* vert très pale */
						}
						
						#conteneur_rubrique:hover
						{
							border: 1px solid #0a7633; /* vert foncé */
							box-shadow: 0 0 10px #0a7633; /* vert foncé */
							transition: 0.6s;
							cursor: pointer;
						}
						
							#conteneur_rubrique > #titrerubrique
							{
								width: 100%;
								height: 25%;
								margin: 0;
								padding: 10px;
								background-color: rgba(255,255,255,0.5);
								color: rgba(35,35,35,1.0); /* Eerie Black */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
	
	footer
	{
		bottom: 0;
		width: 100%;
		min-height: 80px;
		background-color: #b8e5ba; /* vert clair */
		position: absolute;
		margin: 0;
		padding: 10px 20px 10px 20px;
	}
		
		#copyright
		{
			width: 100%;
			height: auto;
			margin: 20px 0 10px 0;
			padding: 0;
		}
		

/* LES ECRITURES */

strong
{
	font-weight: bold;
}

i
{
	font-style: italic;
}

#couleur1_section h1
{
	font-family: "Lexend Deca", sans-serif;
	font-size: 44px;
	letter-spacing: 0;
	font-weight: 500;
	line-height: 44px;
	color: #0a7633; /* vert foncé */
	margin: 0 0 10px 0;
	padding: 0;
}

#couleur1_section h2
{
	font-family: "Lexend Deca", sans-serif;
	font-weight: 500;
	letter-spacing: 0;
	font-style: normal;
	font-size: 32px;
	line-height: 42px;
	color: #7b5f25; /* marron */
	margin: 5px 0 20px 0;
	padding: 0;
}

#couleur2_section h2
{
	font-family: "Lexend Deca", sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 42px;
	color: #fff;
	margin: 5px 0 20px 0;
	padding: 0;
}

#conteneur_rubrique h3
{
	font-family: "Lexend Deca", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#contenu_bloc h3
{
	font-family: "Lexend Deca", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	line-height: 36px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#couleur1_section p
{
	font-family: "Lexend Deca", sans-serif;
	font-style: normal;
	font-size: 17px;
	font-weight: 300;
	line-height: 26px;
	color: #000;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: justify;
}

#couleur2_section p
{
	font-family: "Lexend Deca", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: justify;
}

footer p
{
	font-family: "Lexend Deca", sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.vertselect
{
	border-bottom: 1px solid #0a7633; /* vert foncé */
}

.noselect
{
	border-bottom: 1px solid #eef6eb; /* blanc cassé vert */
}


/* LES LIENS */

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

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

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

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


/* LES LISTES */

ul
{
	list-style-image: url('images/trefle-liste.png');
	list-style-type: square;
	list-style-position: inside;
	padding: 0;
	margin: 0;
}

	ul li
	{
		font-family: "Lexend Deca", sans-serif;
		font-style: normal;
		font-size: 17px;
		font-weight: 300;
		line-height: 26px;
		color: #000;
		margin: 0 0 14px 0;
		padding: 0 0 0 2px;
		text-align: justify;
	}


/* LES IMAGES */

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

#image_gauche img
{
	width: 20%;
	height: auto;
	float: left;
	padding: 0 30px 0 0;
	margin: 5px 0 10px 0;
	flex-shrink: 0;
}

#image_droite img
{
	width: 20%;
	height: auto;
	float: right;
	padding: 0 0 0 30px;
	margin: 5px 0 10px 0;
	flex-shrink: 0;
}

#logo_titre img
{
	width: 270px;
	height: auto;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
}

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


/* FORMULAIRE */

.hidden
{
	display: none !important;
}


/* TABLEAUX */

#table_prestas
{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	padding: 0;
	margin: 10px 0 10px 0;
}

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

th
{
	border: 1px #fff solid;
	background-color: #0a7633; /* vert foncé */
	font-family: "Lexend Deca", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	padding: 2px 10px 2px 10px;
	margin: 0;
	height: 40px;
}



td
{
	border: 1px #fff solid;
	font-family: "Lexend Deca", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-align: left;
	padding: 1px 10px 1px 10px;
	margin: 0;
	height: 40px;
}

.tableau_chien
{
	background-color: #b8e5ba; /* vert clair */
}

.tableau_chien_clair
{
	background-color: #e2fce3; /* vert très pale */
}

.tableau_chat
{
	background-color: #b8bee5; /* bleu clair */
}

.tableau_chat_clair
{
	background-color: #e2eafc; /* bleu très pale */
}

.tableau_nac
{
	background-color: #e0daa9; /* orange clair */
}

.tableau_nac_clair
{
	background-color: #fcf9e2; /* orange très pale */
}

.tableau_equide
{
	background-color: #e2abab; /* rouge clair */
}

.tableau_equide_clair
{
	background-color: #fce2e2; /* rouge très pale */
}


/* LIGNES SEPARATRICES */

.invisible
{
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	border: 0;
	border-bottom: 0;
}

.invisible2
{
	clear: both;
	width: 100%;
	margin: 0 0 50px 0;
	border: 0;
	border-bottom: 0;
}


/* DEBUT MENU RESPONSIVE DEROULANT */
			
		#menu_pattounes
		{
			width: 100%;
			height: 119px;
			margin: 0;
			padding: 0;
		}
		
			nav
			{
				width: 100%;
				height: 119px;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				
			}

				#menumain_left
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: row;
					justify-content: flex-end;
					align-items: center;
				}

					#menumain_emptytop
					{
						display: none;
					}
	
							#topline_menu
							{
								width: 100%;
								height: 40px;
								margin: 0;
								padding: 0 20px 0 0;
								display: flex;
								flex-direction: row;
								justify-content: flex-end;
								align-items: center;
								flex-wrap: wrap;
								position: relative;
							}
							
							#menu_phone
							{
								display: none;
							}
							
							#topline_menu h3
							{
								font-family: "Lexend Deca", sans-serif;
								font-size: 16px;
								font-weight: 600;
								letter-spacing: 0;
								text-transform: uppercase;
								text-align: left;
								color: #0a7633; /* vert foncé */
							}
							
								#liste_toplinemenu
								
								{
									width: auto;
									height: 40px;
									margin: 0;
									padding: 0 15px 0 15px;
									display: flex;
									flex-direction: row;
									justify-content: center;
									align-items: center;
									cursor: pointer;
								}
								
								#liste_toplinemenu_phone
								{
									display: none;
								}
								
								#liste_toplinemenu:hover, #liste_toplinemenu:focus
								{
									text-decoration: none;
									cursor: pointer;
									background-color: #fff;
									transition: 0.6s;
								}
									
			#menumain_right
			{
				display: none;
			}

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

			@viewport {
				width: device-width;
			}		
			
		/* FIN MENU RESPONSIVE DEROULANT */
		
		
/* MEDIA QUERIES */

@media screen and (max-width:1400px)
{
		#panoramique_top
		{
			width: 100%;
			height: auto;
			margin: 0 0 10px 0;
			padding: 0;
			flex-shrink: 0;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			flex-shrink: 0;
			background-color: #fff;
		}
		
			#contenu_diaporama
			{
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0;
				flex-shrink: 0;
			}
			
			#contenu_bloc
			{
				width: 100%;
				height: auto;
				padding: 0 20px 0 20px;
				margin: 10px auto 50px auto;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
			
			#conteneur_4blocs
			{
				width: 100%;
				height: auto;
				padding: 0 20px 0 20px;
				margin: 20px 0 20px 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-shrink: 0;
				flex-wrap: wrap;
			}
			
				#around_rubriques
				{
					width: 22%;
					height: auto;
					margin: 5px 0 5px 0;
					padding-top: 22%; /* padding-top for 1:1 Aspect Ratio */
					position: relative;
				}
			
	#image_gauche img
	{
		width: 25%;
		height: auto;
		float: left;
		padding: 0 30px 0 0;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}

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

@media screen and (max-width:1250px)
{
		
		#around_rubriques
		{
			width: 24%;
			height: auto;
			margin: 5px 0 5px 0;
			padding-top: 24%; /* padding-top for 1:1 Aspect Ratio */
			position: relative;
		}
		
	#conteneur_rubrique h3
	{
		font-family: "Lexend Deca", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		margin: 0;
		padding: 0;
	}
}

@media screen and (max-width:1200px)
{
	
		#logo_titre
		{
			width: 300px;
			height: 119px;
			margin: 0;
			padding: 0 30px 0 10px;
		}
		
	#couleur1_section h1
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 38px;
		letter-spacing: 0;
		font-weight: 500;
		line-height: 38px;
		color: #0a7633; /* vert foncé */
		margin: 0 0 10px 0;
		padding: 0;
	}

	#couleur1_section h2
	{
		font-family: "Lexend Deca", sans-serif;
		font-weight: 500;
		letter-spacing: 0;
		font-style: normal;
		font-size: 26px;
		line-height: 32px;
		color: #7b5f25; /* marron */
		margin: 15px 0 20px 0;
		padding: 0;
	}

	#couleur2_section h2
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 26px;
		font-weight: 500;
		line-height: 32px;
		color: #fff;
		margin: 5px 0 20px 0;
		padding: 0;
	}
	
	#image_gauche img
	{
		width: 28%;
		height: auto;
		float: left;
		padding: 0 20px 0 0;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}

	#image_droite img
	{
		width: 28%;
		height: auto;
		float: right;
		padding: 0 0 0 20px;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}

	/* DEBUT MENU RESPONSIVE DEROULANT */
	
				#menumain_left
				{
					width: 100%;
					margin: 0;
					padding: 0 0 10px 0;
					display: flex;
					flex-direction: row;
					justify-content: flex-end;
					align-items: center;
				}

					#menumain_emptytop
					{
						display: none;
					}
	
							#topline_menu
							{
								width: 100%;
								height: auto;
								margin: 0;
								padding: 0 20px 0 0;
								display: flex;
								flex-direction: row;
								justify-content: flex-end;
								align-items: center;
								flex-wrap: wrap;
								position: relative;
							}
		
							#topline_menu h3
							{
								font-family: "Lexend Deca", sans-serif;
								font-size: 14px;
								font-weight: 600;
								letter-spacing: 0;
								text-transform: uppercase;
								text-align: left;
								color: #0a7633; /* vert foncé */
							}
							
								#liste_toplinemenu
								
								{
									width: auto;
									height: 40px;
									margin: 0;
									padding: 0 15px 0 15px;
									display: flex;
									flex-direction: row;
									justify-content: center;
									align-items: center;
									cursor: pointer;
									
									
								}
	
	/* FIN MENU RESPONSIVE DEROULANT */
}

@media screen and (max-width:1000px)
{
	
			#contenu_bloc
			{
				width: 100%;
				height: auto;
				padding: 0 20px 0 20px;
				margin: 10px auto 10px auto;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
	
	#image_gauche img
	{
		width: 34%;
		height: auto;
		float: left;
		padding: 0 20px 0 0;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}

	#image_droite img
	{
		width: 34%;
		height: auto;
		float: right;
		padding: 0 0 0 20px;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}
}

@media screen and (max-width:950px)
{
							#conteneur_rubrique > #titrerubrique
							{
								width: 100%;
								height: 30%;
								margin: 0;
								padding: 10px;
								background-color: rgba(255,255,255,0.5);
								color: rgba(35,35,35,1.0); /* Eerie Black */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
}	

@media screen and (max-width:800px)
{
	
							#conteneur_rubrique > #titrerubrique
							{
								width: 100%;
								height: 35%;
								margin: 0;
								padding: 10px;
								background-color: rgba(255,255,255,0.5);
								color: rgba(35,35,35,1.0); /* Eerie Black */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
	
	#image_gauche img
	{
		width: 45%;
		height: auto;
		float: left;
		padding: 0 20px 0 0;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}

	#image_droite img
	{
		width: 45%;
		height: auto;
		float: right;
		padding: 0 0 0 20px;
		margin: 5px 0 10px 0;
		flex-shrink: 0;
	}
}

@media screen and (max-width:700px)
{
				
			#conteneur_4blocs
			{
				width: 100%;
				height: auto;
				padding: 0 20px 0 20px;
				margin: 10px 0 10px 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-shrink: 0;
				flex-wrap: wrap;
			}
				
				#around_rubriques
				{
					width: 46%;
					height: auto;
					margin: 10px 0 10px 0;
					padding-top: 46%; /* padding-top for 1:1 Aspect Ratio */
					position: relative;
				}
							
							#conteneur_rubrique > #titrerubrique
							{
								width: 100%;
								height: 25%;
								margin: 0;
								padding: 10px;
								background-color: rgba(255,255,255,0.5);
								color: rgba(35,35,35,1.0); /* Eerie Black */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
}	

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

		header
		{
			width: 100%;
			height: auto;
			background-color: #eef6eb; /* blanc cassé vert */
			margin: 0;
			padding: 5px 0 5px 0;
			display: flex;
			flex-direction: column;
			position: sticky;
			top: 0;
			z-index: 2;
		}
			
		/* DEBUT MENU RESPONSIVE DEROULANT */
		
		#menu_pattounes
		{
			display: none;
			width: 100%;
			height: 119px;
			margin: 0;
			padding: 0;
		}
			
			nav
			{
				display: none;
				width: 100%;
				height: 119px;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				
			}

				#menumain_left
				{
					display: none;
					width: 100%;
					margin: 0;
					padding: 0;
				}

				#menumain_right
				{
					display: block;
					width: 100%;
					margin: 0;
					padding: 0 5px 0 0;
					display: flex;
					flex-direction: row;
					align-content: flex-start;
					align-items: center;
					background-color: #0a7633; /* vert foncé */
					
				}
				
					#menumain_icon
					{
						width: 50px;
						height: 40px;
						padding: 0 10px 0 0;
						margin: 0;
					}
					
					#titre_menu h3
					{
						font-family: "Lexend Deca", sans-serif;
						font-size: 20px;
						font-weight: 600;
						letter-spacing: 0;
						text-transform: uppercase;
						text-align: left;
						color: #fff;
						width: 100%;
						height: 40px;
						padding: 7px 50px 0 0;
						cursor: pointer;
					}
					
					#titre_menu h3 a:link, #titre_menu h3 a:visited, #titre_menu h3 a:active, #titre_menu h3 a:hover
					{
						text-decoration: none;
						color: #fff;
					}
			
				#menumain_right img
				{
					width: 40px;
					height: 40px;
					padding: 0;
					margin: 0;
				}
					
					#menumain_emptytop
					{
						display: block;
						width: 100%;
						position: relative;
						display: flex;
						flex-direction: row;
						justify-content: flex-end;
						align-content: center;
						color: #fff;
						
					}
	
							#topline_menu
							{
								display: none;
								width: 100%;
								margin: 0;
								padding: 0;
								height: auto;
								color: #fff;
								position: relative;
							}
							
							#menu_phone
							{
								display: none;
								width: 100%;
								margin: 0;
								padding: 0;
								height: auto;
								color: #fff;
								position: relative;
							}
							
							#menu_phone h3
							{
								font-family: "Lexend Deca", sans-serif;
								font-size: 14px;
								font-weight: 600;
								letter-spacing: 0;
								text-transform: uppercase;
								text-align: left;
								color: #0a7633; /* vert foncé */
							}
							
								#liste_toplinemenu
								
								{
									display: none;
								}

								#liste_toplinemenu_phone
								{
									display: block;
									width: 100%;
									height: auto; /* IMPORTANT pour que le sousmenu pousse le reste du menu */
									margin: 0;
									padding: 6px 15px 6px 15px;
									background-color: #b8e5ba; /* vert clair */
									color: #fff;
									text-align: left;
									cursor: pointer;
								}
								
								#liste_toplinemenu_phone:hover, #liste_toplinemenu_phone:focus
								{
									text-decoration: none;
									position: relative;
									background-color: #fff;
									transition: 0.6s;
								}
								
								/* FIN MENU RESPONSIVE DEROULANT */
								
}

@media screen and (max-width:450px)
{
	
		#logo_titre
		{
			width: 250px;
			height: auto;
			margin: 0;
			padding: 0;
		}
		
		#logo_titre img
		{
			width: 250px;
			height: auto;
			flex-shrink: 0;
			padding: 0;
			margin: 0;
		}
	
	#panoramique_top
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		flex-shrink: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}
				
				#around_rubriques
				{
					width: 49%;
					height: auto;
					margin: 10px 0 10px 0;
					padding-top: 49%; /* padding-top for 1:1 Aspect Ratio */
					position: relative;
				}
							
							#conteneur_rubrique > #titrerubrique
							{
								width: 100%;
								height: 30%;
								margin: 0;
								padding: 10px;
								background-color: rgba(255,255,255,0.5);
								color: rgba(35,35,35,1.0); /* Eerie Black */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
							
	#couleur1_section h1
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 32px;
		letter-spacing: 0;
		font-weight: 500;
		line-height: 35px;
		color: #0a7633; /* vert foncé */
		margin: 0 0 10px 0;
		padding: 0;
	}

	#couleur1_section h2
	{
		font-family: "Lexend Deca", sans-serif;
		font-weight: 500;
		letter-spacing: 0;
		font-style: normal;
		font-size: 22px;
		line-height: 26px;
		color: #7b5f25; /* marron */
		margin: 5px 0 20px 0;
		padding: 0;
	}

	#couleur2_section h2
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 22px;
		font-weight: 500;
		line-height: 26px;
		color: #fff;
		margin: 5px 0 20px 0;
		padding: 0;
	}
	
	#image_gauche img, #image_droite img
	{
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 5px 0;
		flex-shrink: 0;
	}
	
	th
	{
		border: 1px #fff solid;
		background-color: #0a7633; /* vert foncé */
		font-family: "Lexend Deca", sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		text-align: left;
		padding: 2px 5px 2px 5px;
		margin: 0;
		height: 40px;
	}



	td
	{
		border: 1px #fff solid;
		font-family: "Lexend Deca", sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #000;
		text-align: left;
		padding: 1px 5px 1px 5px;
		margin: 0;
		height: 40px;
	}

}

@media screen and (max-width:350px)
{
	
	body
	{
		width: 100%;
		min-height: 100%;
		position: relative;
		padding: 0 0 80px 0;
		margin: 0 auto 0 auto;
		background-color: #fff;
	}
	
				#around_rubriques
				{
					width: 95%;
					height: auto;
					margin: 10px 0 10px 0;
					padding-top: 95%; /* padding-top for 1:1 Aspect Ratio */
					position: relative;
				}
							
							#conteneur_rubrique > #titrerubrique
							{
								width: 100%;
								height: 25%;
								margin: 0;
								padding: 10px;
								background-color: rgba(255,255,255,0.5);
								color: rgba(35,35,35,1.0); /* Eerie Black */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
							
	footer
	{
		bottom: 0;
		width: 100%;
		min-height: 60px;
		background-color: #b8e5ba; /* vert clair */
		position: absolute;
		margin: 0;
		padding: 10px 20px 10px 20px;
	}
		
		#copyright
		{
			width: 100%;
			height: auto;
			margin: 20px 0 10px 0;
			padding: 0;
		}
							
	#couleur1_section h1
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 28px;
		letter-spacing: 0;
		font-weight: 500;
		line-height: 32px;
		color: #0a7633; /* vert foncé */
		margin: 0 0 10px 0;
		padding: 0;
	}

	#couleur1_section h2
	{
		font-family: "Lexend Deca", sans-serif;
		font-weight: 500;
		letter-spacing: 0;
		font-style: normal;
		font-size: 20px;
		line-height: 24px;
		color: #7b5f25; /* marron */
		margin: 5px 0 20px 0;
		padding: 0;
	}

	#couleur2_section h2
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		color: #fff;
		margin: 5px 0 20px 0;
		padding: 0;
	}
	
	#couleur1_section p
	{
		font-family: "Lexend Deca", sans-serif;
		font-style: normal;
		font-size: 15px;
		font-weight: 300;
		line-height: 24px;
		color: #000;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: justify;
	}

	#couleur2_section p
	{
		font-family: "Lexend Deca", sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
		color: #fff;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: justify;
	}

}