/* Eléments principaux de la page */

*
{
	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: #9f8f6e;
}

	body
	{
		width: 972px;
		min-height: 100%;
		background-color: #f4ebcc;
		position: relative;
		padding-bottom: 30px;
		margin: auto;
	}
	
		header
		{
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: column;
			padding: 0;
			margin: 0;
		}
		
			#titre_site
			{
				width: 100%;
				height: 46px;
				background-color: #9f8f6e;
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				align-items: center;
				padding: 5px 0 5px 0;
				margin: 0;
			}
			
				#petit_ginkgo
				{
					width: 33px;
					height: 30px;
					padding: 0 0 0 5px;
					margin: 5px 0 0 0;
				}
			
			#logo_entete
			{
				width: 100%;
				height: 225px;
				display: flex;
				flex-direction: row;
				padding: 0;
				margin: 0;
			}
			
				#logo_site
				{
					width: 242px;
					height: 225px;
					background-color: #675443;
					padding: 14px 0 0 0;
					margin: 0;
					border-left: 2px solid #f4ebcc;
					border-top: 2px solid #f4ebcc;
				}
				
				#image_entete
				{
					width: 730px;
					height: auto;
					padding: 0;
					margin: 0;
					border: 2px solid #f4ebcc;
				}
				
		#corps_site
		{
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: row;
			padding: 0;
			margin: 0;
		}
		
			aside
			{
				width: 242px;
				height: auto;
				background-color: #675443;
				display: flex;
				flex-direction: column;
				padding: 0;
				margin: 0;
				border-left: 2px solid #f4ebcc;
			}
			
			section
			{
				width: 730px;
				height: auto;
				display: flex;
				flex-direction: column;
				padding: 20px;
				margin: 0;
			}
			
				#annonce_maj
				{
					width: 100%;
					padding: 5px;
					margin: 5px 0 5px 0;
					flex-shrink: 0;
					background-color: #675443;
				}
				
				#annonce_portees
				{
					width: 100%;
					padding: 7px;
					margin: 0 0 20px 0;
					flex-shrink: 0;
					background-color: #78b128;
				}
				
				
				
				#image_gauche, #image_droite, #image_full
				{
					width: 100%;
					padding: 0;
					margin: 5px 0 0 0;
					flex-shrink: 0;
				}
				
				#image_plan
				{
					width: 100%;
					padding: 0;
					margin: 5px 0 0 0;
					flex-shrink: 0;
					display: flex;
					flex-direction: row;
					justify-content: center;
				}
				
					#boite_image
					{
						width: 40%;
						height: auto;
						float: left;
						padding: 0 20px 0 0;
						margin: 5px 0 5px 0;
						flex-shrink: 0;
					}
					
					#boite_image_250
					{
						width: 270px;
						height: auto;
						float: left;
						padding: 0 20px 0 0;
						margin: 5px 0 5px 0;
						flex-shrink: 0;
					}
					
					#boite_image_droite250
					{
						width: 270px;
						height: auto;
						float: right;
						padding: 0 0 0 20px;
						margin: 5px 0 5px 0;
						flex-shrink: 0;
					}
					
				#photos_races
				{
					width: 100%;
					padding: 0;
					margin: 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
				}

					#cornish_rex
					{
						width: 236px;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
					}

					#sphynx
					{
						width: 166px;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
					}

					#selkirk_rex
					{
						width: 258px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#itzel1
					{
						width: 295px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#itzel2
					{
						width: 380px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#race_bottom1
					{
						width: 240px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#race_bottom2
					{
						width: 229px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#race_bottom3
					{
						width: 191px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons1
					{
						width: 322px;
						margin: 0 0 15px 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons2
					{
						width: 353px;
						margin: 0 0 15px 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons3
					{
						width: 219px;
						margin: 0 0 15px 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons4
					{
						width: 255px;
						margin: 0 0 15px 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons5
					{
						width: 188px;
						margin: 0 0 15px 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons6
					{
						width: 211px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons7
					{
						width: 280px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
					
					#chatons8
					{
						width: 169px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
			
				#separateur_news
				{
					width: 100%;
					padding: 0;
					margin: 5px 0 5px 0;
					display: flex;
					flex-direction: row;
					justify-content: center;
				}
				
			#liens_maj_sup
			{
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
			}
			
			#liens_maj_sup_center
			{
				display: flex;
				flex-direction: row;
				justify-content: center;
			}

			#lien_supprimer
			{
				margin: 5px 0 0 0;
				text-align: center;
			}

			#lien_maj
			{
				margin: 5px 20px 0 0;
				text-align: center;
			}
			
			#images_listing
		{
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
				
			#miniature_chat_listing
			{
				width: 20%;
				margin: 0;
				padding: 0 4px 0 4px;
				display: flex;
				flex-direction: column;
			}
					
				#cadre_listing
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
		#cadre_fiche_chat
		{
			width: 100%;
			padding: 0;
			margin: 20px 0 30px 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-shrink: 0;
		}
		
		#cadre_fiche_chaton
		{
			width: 100%;
			padding: 0;
			margin: 10px 0 10px 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-shrink: 0;
		}
		
		#fiche_portee
		{
			width: 100%;
			padding: 0;
			margin: 10px 0 30px 0;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
		}
		
			#fiche_chat_photo
			{
				width: 40%;
			}
			
			#fiche_chaton_photo
			{
				width: 28%;
			}
			
			#fiche_chat_texte
			{
				width: 57%;
			}
			
			#fiche_chaton_texte
			{
				width: 69%;
			}
		
		#listing_portee_cadre
		{
			width: 100%;
			height: auto;
			padding: 8px 8px 0 8px;
			margin-bottom: 10px;
			background-color: #fff;
			color: #3b3b3b;
			border: 1px #9f8f6e solid;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
		}
		
		#listing_portee_cadre:hover
		{
			background-color: #9f8f6e;
			text-decoration: none;
			border: 1px #9f8f6e solid;
			color: #fff;
		}

			#mini_pere
			{
				margin: 0 8px 0 0;
			}

			#mini_mere
			{
				margin: 0 10px 0 0;
			}
			
				.mini_parent
				{
					height: 80px;
					width: auto;
					padding: 0;
					margin: 0 0 6px 0;
					border: 1px #9f8f6e solid;
				}
			
			#liens_porteesnom
			{
				margin: 0;
			}

		#titre_portee
		{
			padding: 0;
			margin-bottom: 15px;
		}

		#parents_portee
		{
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-shrink: 0;
			margin: 0 0 30px 0;
			padding: 0;
		}

		#pere_rexdevon, #mere_rexdevon
		{
			width: 333px;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 0 10px 0 10px;
			margin: 0;
			flex-shrink: 0;
		}

		#pere_x_mere
		{
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			padding: 0 10px 0 10px;
			flex-shrink: 0;
		}

		#cadre_2parents
		{
			width: 200px;
			margin: 0 0 20px 0;
			padding: 10px;
			display: flex;
			flex-direction: column;
			border: 0;
			flex-shrink: 0;
		}
		
		#miniatures_galerie_chats
		{
			max-width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			margin: 0 0 30px 0;
		}
		
		#miniatures_galerie_index
		{
			max-width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			margin: 0 0 10px 0;
		}


			#contour_diapo
			{
				width: 25%;
				padding-top: 25%;
				margin: 0;
				padding: 2px;
			}
			
				#diapositive_chat
				{
					width: 100%;
					height: 100%; /* 1:1 Aspect Ratio */
					padding: 2px;
					background-color: #9f8f6e;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 5px;
					cursor: pointer;
					transition: 0.2s;
					opacity: 1.0;
					filter: alpha(opacity=100); /* For IE8 and earlier */
				}
				
				#diapositive_chat:hover
				{
					opacity: 0.8;
					filter: alpha(opacity=80); /* For IE8 and earlier */
				}
				
			#boite_citation
			{
				width: 100%;
				display: flex;
				flex-direction: column;
				margin: 0;
				padding: 0;
			}
			
				#top_citation
				{
					width: 100%;
					height: 48px;
					display: flex;
					flex-direction: row;
					margin: 0;
					padding: 0;
				}
				
					#ouvre_citation
					{
						width: 48px;
						height: 48px;
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: flex-start;
						margin: 0;
						padding: 0 3px 3px 0;
					}
					
					#citation_topline
					{
						width: 642px;
						height: 48px;
						margin: 0;
						padding: 0;
						border-top: 3px solid #9f8f6e;
						border-right: 3px solid #9f8f6e;
					}
				
				#middle_citation
				{
					width: 100%;
					display: flex;
					flex-direction: column;
					margin: 0;
					padding: 5px 20px 0 20px;
					border-left: 3px solid #9f8f6e;
					border-right: 3px solid #9f8f6e;
				}
				
				#bottom_citation
				{
					width: 100%;
					display: flex;
					flex-direction: row;
					margin: 0;
					padding: 0;
				}
				
					#citation_bottomline
					{
						width: 642px;
						height: 48px;
						margin: 0;
						padding: 0;
						border-bottom: 3px solid #9f8f6e;
						border-left: 3px solid #9f8f6e;
					}
					
					#ferme_citation
					{
						width: 48px;
						height: 48px;
						display: flex;
						flex-direction: row;
						justify-content: flex-end;
						align-items: flex-end;
						margin: 0;
						padding: 3px 0 0 3px;
					}
				
		footer
		{
			width: 100%;
			height: 30px;
			margin: 0;
			padding: 5px 0 5px 0;
			height: auto;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: flex-end;
			position: absolute;
			bottom: 0;
			background-color: #9f8f6e;
			border-top: 2px solid #f4ebcc;
		}


/* LES ECRITURES */

header h1
{
	font-family: 'Courgette', cursive;
	font-size: 30px;
	font-weight: normal;
	color: #f4ebcc;
	line-height: 36px;
	letter-spacing: 0;
	text-align: right;
	margin: 0;
	padding: 0;
}

section h1
{
	font-family: 'Courgette', cursive;
	font-size: 32px;
	font-weight: normal;
	color: #2d1e0b;
	line-height: 36px;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
	padding: 0;
}

section h2
{
	font-family: 'Courgette', cursive;
	font-size: 20px;
	font-weight: normal;
	color: #2d1e0b;
	line-height: 25px;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
	padding: 0;
}

#titre_portee h2
{
	font-family: 'Courgette', cursive;
	font-size: 24px;
	font-weight: normal;
	color: #2d1e0b;
	line-height: 25px;
	letter-spacing: 0;
	text-align: center;
	margin: 0;
	padding: 0;
}

#miniature_chat_listing h3
{
	font-family: 'Courgette', cursive;
	font-size: 18px;
	font-weight: bold;
	letter-spacing : 0;
	line-height: 20px;
	margin: 2px 0 15px 0;
	color: #675443;
	text-align: center;
}

#fiche_chat_texte h3
{
	font-family: 'Courgette', cursive;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #675443;
	padding: 0 0 0 10px;
	margin: 0 0 40px 0;
}

#parents_portee h3
{
	font-family: 'Courgette', cursive;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	color: #675443;
	padding: 0;
	margin: 5px 0 0 0;
}

#fiche_portee h3
{
	font-family: 'Courgette', cursive;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #3b3b3b;
	padding: 0;
	margin: 0 0 20px 0;
}

#pere_x_mere h3
{
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #675443;
	padding: 0;
	margin: 0;
}

p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2d1e0b;
	letter-spacing: 0;
	line-height: 22px;
	text-align: justify;
	margin: 0 0 15px 0;
	padding: 0;
}

#liens_porteesnom p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 21px;
}

#parents_portee p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2d1e0b;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
}

.annonce_portees
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.adresse_centree
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2d1e0b;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
}

.citation
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #2d1e0b;
	letter-spacing: 0;
	line-height: 24px;
	text-align: justify;
	margin: 0;
	padding: 0;
}

.auteur_citation
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2d1e0b;
	letter-spacing: 0;
	line-height: 22px;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
}

.legende
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #675443;
	letter-spacing: 0;
	line-height: 22px;
	text-align: justify;
	margin: 0 0 15px 0;
	padding: 0;
}

footer p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f4ebcc;
	letter-spacing: 0;
	line-height: 22px;
	text-align: justify;
	margin: 0;
	padding: 0;
}

.date_news
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #675443;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}

.red
{
	color: #cc0000;
}


/* LES LIENS */

footer a:link, footer a:visited
{
	color: #f4ebcc;
	font-weight: normal;
	letter-spacing : 0;
	text-decoration: underline;
}

footer a:active, footer a:hover
{
	color: #f4ebcc;
	font-weight: normal;
	letter-spacing : 0;
	text-decoration: none;
}

section a:link, section a:visited
{
	color: #2d1e0b;
	font-weight: normal;
	letter-spacing : 0;
	text-decoration: underline;
}

section a:active, section a:hover
{
	color: #2d1e0b;
	font-weight: normal;
	letter-spacing : 0;
	text-decoration: none;
}

.lien_supprimer
{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 20px 0 20px 0;
	height: 46px;
	width: 160px;
	background: #b92a25;
	color: #fff;
	border: 1px #fff solid;
	text-decoration: none;
	-moz-box-shadow: 2px 2px 7px 0px #656565;
	-webkit-box-shadow: 2px 2px 7px 0px #656565;
	-o-box-shadow: 2px 2px 7px 0px #656565;
	box-shadow: 2px 2px 7px 0px #656565;
}

#lien_supprimer a:link, #lien_supprimer a:visited
{
	padding: 5px 10px 5px 10px;
	margin: auto;
	height: 46px;
	width: 160px;
	transition: 0.2s;
	background: #b92a25;
	color: #fff;
	text-decoration: none;
}

#lien_supprimer a:active, #lien_supprimer a:hover
{
	padding: 5px 10px 5px 10px;
	margin: auto;
	height: 46px;
	width: 160px;
	background: #fff;
	color: #b92a25;
	text-decoration: none;
	border: 1px #b92a25 solid;
}

.lien_maj
{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 20px 0 20px 0;
	height: 46px;
	width: 160px;
	background: #2e3136;
	color: #fff;
	border: 1px #fff solid;
	text-decoration: none;
	-moz-box-shadow: 2px 2px 7px 0px #656565;
	-webkit-box-shadow: 2px 2px 7px 0px #656565;
	-o-box-shadow: 2px 2px 7px 0px #656565;
	box-shadow: 2px 2px 7px 0px #656565;
}

#lien_maj a:link, #lien_maj a:visited
{
	padding: 5px 10px 5px 10px;
	margin: auto;
	height: 46px;
	width: 160px;
	transition: 0.2s;
	background: #2e3136;
	color: #fff;
	text-decoration: none;
}

#lien_maj a:active, #lien_maj a:hover
{
	padding: 5px 10px 5px 10px;
	margin: auto;
	height: 46px;
	width: 160px;
	background: #fff;
	color: #2e3136;
	text-decoration: none;
	border: 1px #2e3136 solid;
}


/* LES IMAGES */

#image_gauche img, #image_droite img, #cornish_rex img, #sphynx img, #selkirk_rex img, #itzel1 img, #itzel2 img, #race_bottom1 img, #race_bottom2 img, #race_bottom3 img, #chatons1 img, #chatons2 img,
#chatons3 img, #chatons4 img, #chatons5 img, #chatons6 img, #chatons7 img, #chatons8 img
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
	border: 1px #9f8f6e solid;
}

#image_full img
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
	border: 1px #9f8f6e solid;
}

#image_plan img
{
	width: 529px;
	height: auto;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
	border: 1px #9f8f6e solid;
}

#formulaire_news img
{
	width: 40%;
	height: auto;
	padding: 0;
	margin: 0;
	border: 1px #9f8f6e solid;
	flex-shrink: 0;
}

#images_listing img
{
	width:100%;
	height: auto;
	padding: 0;
	margin: 0 0 2px 0;
	-moz-box-shadow: 1px 1px 2px 0px #656565;
	-webkit-box-shadow: 1px 1px 2px 0px #656565;
	-o-box-shadow: 1px 1px 2px 0px #656565;
	box-shadow: 1px 1px 2px 0px #656565;
	transition: 0.2s;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	flex-shrink: 0;
}

#images_listing img:hover
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 2px 0;
	-moz-box-shadow: 1px 1px 2px 0px #656565;
	-webkit-box-shadow: 1px 1px 2px 0px #656565;
	-o-box-shadow: 1px 1px 2px 0px #656565;
	box-shadow: 1px 1px 2px 0px #656565;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	flex-shrink: 0;
}

#fiche_chat_photo img
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border: 1px #9f8f6e solid;
	flex-shrink: 0;
}

#parents_portee img, #fiche_chaton_photo img
{
	width:100%;
	height: auto;
	padding: 0;
	margin: 0;
	border: 1px #9f8f6e solid;
	transition: 0.2s;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	flex-shrink: 0;
}

#parents_portee img:hover, #fiche_chaton_photo img:hover
{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border: 1px #9f8f6e solid;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	flex-shrink: 0;
}

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

#vertical img
{
	height:100%;
	width: auto;
	max-width: 100%;
	padding: 5px;
	margin: 0;
	flex-shrink: 0;
}

#carre img
{
	height:100%;
	width: 100%;
	padding: 5px;
	margin: 0;
	flex-shrink: 0;
}

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



/* LIGNES SEPARATRICES */

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

.invisible_noclear
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

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


/* LES LISTES */

aside ul
{
	width: 100%;
	list-style-type: none;
	margin: 25px 0 40px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

	aside ul li
	{
		width: 230px;
		list-style-type: none;
		margin: 1px 0 1px 0;
		padding: 5px 10px 5px 10px;
		background-color: #f4ebcc;
		font-family: 'Courgette', cursive;
		font-size: 16px;
		font-weight: normal;
		color: #2d1e0b;
		letter-spacing: 0;
		line-height: 18px;
		text-align: left;
		text-decoration: none;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	
	.page_actuelle
	{
		width: 230px;
		list-style-type: none;
		margin: 1px 0 1px 0;
		padding: 5px 10px 5px 10px;
		background-color: #78b128;
		font-family: 'Courgette', cursive;
		font-size: 16px;
		font-weight: normal;
		color: #f4ebcc;
		letter-spacing: 0;
		line-height: 18px;
		text-align: left;
		text-decoration: none;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	
	aside ul li:hover
	{
		text-decoration: none;
		background-color: #78b128;
		color: #f4ebcc;
	}
	
	
/* LES FORMULAIRES */

.hidden {
  display: none !important;
}

label
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #2d1e0b;
	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 #675443;
}

#formulaire_login p
{
	text-align: right;
}

#formulaire_news, #formulaire_chats
{
	max-width: 100%;
	min-width: 320px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #675443;
}

.champtexte
{
	height: 30px;
	width: 200px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 0 0 10px 0;
}

.bouton_envoyer
{
	height: 30px;
	width: 200px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 10px 0 10px 0;
	background-color: #675443;
	color: #fff;
}

.bouton_envoyer:link, .bouton_envoyer:visited
{
	background-color: #675443;
	border: 1px solid #675443;
	color: #fff;
}

.bouton_envoyer:active, .bouton_envoyer:hover
{
	background-color: #fff;
	border: 1px solid #675443;
	color: #675443;
}

.champ_annee
{
	height: 30px;
	width: 50px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 0 0 10px 0;
}

.champtexte_bigger
{
	height: 30px;
	width: 100%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 0 0 10px 0;
}

.zone_texte
{
	width: 100%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 0 0 10px 0;
}

.liste_deroulante
{
	max-width: 300px;
	min-width: 150px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 0 0 10px 0;
	font-family: 'Open Sans', sans-serif;
}

.liste_deroulante_petite
{
	max-width: 120px;
	min-width: 80px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #675443;
	margin: 0 0 10px 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: 330px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #675443;
	background-color: #fff;
}


/* FENETRES POP-UP GALERIES */

.modal
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding: 40px 0 50px 0; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(103,84,67); /* Fallback color */
	background-color: rgba(103,84,67,0.9); /*  with opacity */
}
		
#modal-content
{
	margin: auto;
	padding: 10px;
	max-width: 700px;
	display: flex;
	flex-direction: column;
}
		
#modal-content img
{
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 500px;
	height: auto;
}
		
#caption
{
	color: #fff;
	text-align: center;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

#formulaire_chats #caption
{
	color: #000;
	text-align: left;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
		
#fleches
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
		
#fleche_gauche, #fleche_droite
{
	width: 100px;
}
		
/* Add Animation */
#modal-content
{    
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}
		
@-webkit-keyframes zoom
{
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}

@keyframes zoom
{
	from {transform:scale(0)} 
	to {transform:scale(1)}
}
		
/* The Close Button */
.close
{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	transition: 0.2s;
}

.close:hover,
.close:focus
{
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}
		
#previous, #next
{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	transition: 0.2s;
}
		
#previous:hover, #next:hover,
#previous:focus, #next:focus
{
	color: #ccc;
	text-decoration: none;
	cursor: pointer;
}