/* FONT */

@font-face {
    font-family: 'cleargothic-serialregular';
    src: url('cleargothic-serial-regular-webfont.woff2') format('woff2'),
         url('cleargothic-serial-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* 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: #fff;
}
			
body
{
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}
	
	header
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		flex-shrink: 0;
	}
		
		#logo_liens
		{
			width: 100%;
			height: auto;
			padding: 10px 15px 10px 16px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-shrink: 0;
		}
		
			#logo_titre_mq
			{
				display: none;
			}
			
			#topline_titles
			{
				width: 604px;
				height: 130px;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
			}
			
			#reseaux_sociaux
			{
				width: 34px;
				padding: 0;
				margin: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			
				#logo_facebook
				{
					width: 34px;
					height: 39px;
					padding: 0 0 5px 0;
					cursor: pointer;
					transition: 0.2s;
					opacity: 1.0;
					filter: alpha(opacity=100); /* For IE8 and earlier */
				}
					
				#logo_facebook:hover
				{
					opacity: 0.8;
					filter: alpha(opacity=80); /* For IE8 and earlier */
				}
				
				#logo_messagerie
				{
					width: 34px;
					height: 39px;
					padding: 0 0 5px 0;
					cursor: pointer;
					transition: 0.2s;
					opacity: 1.0;
					filter: alpha(opacity=100); /* For IE8 and earlier */
				}
				
				#logo_messagerie:hover
				{
					opacity: 0.8;
					filter: alpha(opacity=80); /* For IE8 and earlier */
				}
				
				#logo_download
				{
					width: 34px;
					height: 34px;
					cursor: pointer;
					transition: 0.2s;
					opacity: 1.0;
					filter: alpha(opacity=100); /* For IE8 and earlier */
				}
				
				#logo_download:hover
				{
					opacity: 0.8;
					filter: alpha(opacity=80); /* For IE8 and earlier */
				}
		
		nav
		{
			width: 100%;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			background: #7e99a9;
		}
		
		#diaporama_accueil
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}
	
	section
	{
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
	
		#whitebg_section
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
			background: #fff;
		}
		
			#image_gauche, #image_droite
			{
				width: 100%;
				padding: 0;
				margin: 5px 0 0 0;
			}
			
			#image_miniExpo
			{
				width: 100%;
				padding: 0;
				margin: 5px 0 0 0;
				clear: both;
			}
			
			#lien_download
			{
				width: 100%;
				height: auto;
				padding: 10px;
				margin-bottom: 10px;
				background-color: #7e99a9;
				align-items: center;
				transition: 0.2s;
				opacity: 1.0;
				filter: alpha(opacity=100); /* For IE8 and earlier */
			}

			#lien_download:hover
			{
				opacity: 0.9;
				filter: alpha(opacity=90); /* For IE8 and earlier */
			}
			
			#double_tableaux
			{
				width: 100%;
				padding: 0;
				margin: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
					
			#table_docus_infos
			{
				width: 50%;
				padding: 0 10px 0 0;
				margin: 0;
			}
					
			#table_docus_form
			{
				width: 50%;
				padding: 0 0 0 10px;
				margin: 0;
			}
			
			#miniatures_galerie_chiens
			{
				max-width: 100%;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				flex-wrap: wrap;
			}

				#admin-photos
				{
					display: flex;
					flex-direction: column;
				}

					#contour_diapo
					{
						width: 142px;
						height: 142px;
						padding: 1px;
						margin: 0 0 10px 0;
						display: flex;
						justify-content: center;
						align-items: center;
					}

						#diapositive_chien
						{
							width: 140px;
							height: 140px;
							margin: 0;
							padding: 5px;
							background-color: #7e99a9;
							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_chien:hover
						{
							opacity: 0.8;
							filter: alpha(opacity=80); /* For IE8 and earlier */
						}
						
						#del_maj
						{
							margin: 0 0 10px 0;
							padding: 0;
							display: flex;
							flex-direction: row;
							justify-content: space-around;
						}
		
			#menu_resultexpo
			{
				width: 100%;
				height: auto;
				margin: 0;
				padding: 10px 10px 0 10px;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				background: #e6e6e6;
			}
		
			#listing_portee_cadre
			{
				width: 100%;
				height: auto;
				padding: 5px 10px 5px 10px;
				margin: 0 0 10px 0;
				background-color: #7e99a9;
				border: 1px #fff solid;
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: center;
				transition: 0.2s;
				opacity: 1.0;
				filter: alpha(opacity=100); /* For IE8 and earlier */
			}

			#listing_portee_cadre:hover
			{
				border: 1px solid #cdcdcd;
				opacity: 0.9;
				filter: alpha(opacity=90); /* For IE8 and earlier */
			}
			
				#mini_pere
				{
					margin: 0;
					padding: 0 5px 0 0;
					width: 65px;
					height: 60px;
				}

				#mini_mere
				{
					margin: 0;
					padding: 0 10px 0 0;
					width: 70px;
					height: 60px;
				}
				
			#titre_portee
			{
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0 0 10px 0;
				flex-shrink: 0;
			}

				#parents_portee
				{
					width: 100%;
					height: auto;
					padding: 0;
					margin: 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					flex-shrink: 0;
				}

					#pere_x_mere
					{
						width: 50px;
						height: auto;
						padding: 0 8px 0 6px;
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						flex-shrink: 0;
					}
					
					#pere_chien
					{
						width: 31%;
						height: auto;
						padding: 10px;
						flex-shrink: 0;
						background-color: #e5e5e5;
					}
					
					#mere_chien
					{
						width: 31%;
						height: auto;
						padding: 10px;
						flex-shrink: 0;
						background-color: #e5e5e5;
					}
					
					#conteneur_lienpedigree
					{
						width: 220px;
						height: 55px;
						margin: auto;
						padding: 10px;
						flex-shrink: 0;
						background-color: #7e99a9;
						border-radius: 10px;
						cursor: pointer;
						transition: 0.2s;
						opacity: 1.0;
						filter: alpha(opacity=100); /* For IE8 and earlier */
					}

					#conteneur_lienpedigree:hover
					{
						opacity: 0.8;
						filter: alpha(opacity=80); /* For IE8 and earlier */
					}

						#lien_pedigree
						{
							width: 100%;
							margin: 0;
							padding: 0;
							display: flex;
							flex-direction: row;
							flex-shrink: 0;
						}

							#pedigree_scc
							{
								width: 100%;
								margin: 5px 0 0 0;
								padding: 0;
								display: flex;
								justify-content: center;
								align-items: center;
							}
		
		#darkbluebg_section
		{
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
			background: #292d39;
		}
		
		#bloc_section, #bloc_section_blue
		{
			max-width: 1200px;
			height: auto;
			margin: 0 auto 0 auto;
			padding: 20px;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
		}
		
			#bloc_sponsors
			{
				width: 100%;
				padding: 0;
				margin: 0 0 25px 0;
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
		
		#bloc_section_accueil
		{
			max-width: 1200px;
			height: auto;
			margin: 0 auto 0 auto;
			padding: 0 20px 20px 20px;
			display: flex;
			flex-direction: column;
			flex-shrink: 0;
		}
			
			#encadre_revue
			{
				width: 100%;
				padding: 10px;
				margin: 15px 0 15px 0;
				background-color: #e5e5e5;
			}
			
			#encadre_revue_accueil
			{
				width: 100%;
				padding: 0;
				margin: 0;
				display: flex;
				flex-direction: row;
				justify-content: center;
				opacity: 1.0;
				filter: alpha(opacity=100); /* For IE8 and earlier */
				cursor: pointer;
			}
			
			#encadre_revue_accueil:hover
			{
				opacity: 0.8;
				filter: alpha(opacity=80); /* For IE8 and earlier */
			}
					
				#interieur_revue
				{
					width: 100%;
					padding: 0;
					margin: 0;
					display: flex;
					flex-direction: row;
				}
					
					#couv_revue
					{
						width: 20%;
						padding: 0;
						margin: 0;
					}
					
					#couv_revue_accueil
					{
						width: 68%;
						padding: 0;
						margin: 0;
					}
							
					#contenu_revue
					{
						width: 80%;
						padding: 0 0 0 20px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}

			#chien_carte
			{
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0;
				display: flex;
				flex-direction: row;
				flex-shrink: 0;
			}
			
			#chien_carte_replacer
			{
				width: 100%;
				height: auto;
				padding: 10px;
				margin: 0 0 20px 0;
				display: flex;
				flex-direction: row;
				flex-shrink: 0;
				background-color: #e5e5e5;
				border: 1px solid #cdcdcd;
			}
					
				#photo_carte_chien
				{
					width: 35%;
					height: auto;
					padding: 0 20px 0 0;
					flex-shrink: 0;
				}
						
				#infos_carte_chien, #infos_carte_chien_replace
				{
					width: 65%;
					padding: 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
					{
						width: 33%;
						height: 200px;
						margin: 0 0 20px 0;
						padding: 0 10px 10px 10px;
					}
					
						#conteneur_nouvelle
						{
							width: 100%;
							height: 200px;
							margin: 0;
							padding: 0;
						}
						
							#conteneur_nouvelle > #titredate_news
							{
								width: 100%;
								height: 200px;
								margin: 0;
								padding: 10px;
								background-color: rgba(41,45,57,0.9);
								color: rgba(255,255,255,1.0); /* White */
								display: flex;
								flex-direction: column;
								justify-content: center;
								flex-shrink: 0;
							}
										
							#conteneur_nouvelle  > #titredate_news:hover
							{
								background-color: rgba(41,45,57,0.0);
								color: rgba(255,255,255,0.0); /* White */
								transition: 1.2s;
								cursor: pointer;
							}
		
			#liens_maj_sup
			{
				width: 240px;
				margin: 5px 0 0 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}

				#lien_maj
				{
					width: 117px;
					height: 30px;
					margin: 0;
					padding: 0;
					text-align: center;
					wrap: nowrap;
				}
			
				#lien_supprimer
				{
					width: 117px;
					height: 30px;
					margin: 0;
					padding: 0;
					text-align: center;
				}
				
				#lien_supprimer2
				{
					margin: 15px 0 0 0;
					padding: 0;
					text-align: center;
				}
			
			#derniers_chiens
			{
				width: 100%;
				margin: 10px 0 10px 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-shrink: 0;
			}
			
				#dernieres_majcolley
				{
					width: 100%;
					margin: 0 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					flex-shrink: 0;
				}
				
				#conteneur_chiens_gauche, #conteneur_chiens_droite
				{
					width: 49%;
					margin: 15px 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#conteneur_maj_gauche, #conteneur_maj_droite
				{
					width: 49%;
					margin: 0 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
					#bdp_chien
					{
						width: 100%;
						height: auto;
						margin: 0 0 5px 0;
						padding: 5px;
						background: #fff;
						display: flex;
						flex-direction: row;
						flex-shrink: 0;
						cursor: pointer;
					}
					
					#bdp_chien:hover
					{
						background: #799ec9;
					}
					
					#winner1st
					{
						width: 100%;
						height: auto;
						margin: 5px 0 5px 0;
						padding: 0;
						display: flex;
						flex-direction: row;
						flex-shrink: 0;
					}
		
						#image_bdpchien, #image_winner1st
						{
							width: 70px;
							height: 60px;
							margin: 0;
							padding: 0 10px 0 0;
							flex-shrink: 0;
						}
						
						#genrepoil_chien, #infos_winner1st, #texte_lastmaj
						{
							width: 100%;
							height: auto;
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: flex-start;
							align-content: center;
						}
		
			#adherer_vignette
			{
				width: 222px;
				height: 122px;
				margin: auto;
				border: 1px solid #292d39;
				cursor: pointer;
			}
			
			#adherer_vignette:hover
			{
				border: 1px solid #292d39;
				-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
				box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
			}
			
			#trophee_conteneur
			{
				width: 100%;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-shrink: 0;
			}
			
				#trophee_colonneA, #trophee_colonneB
				{
					width: 49%;
					margin: 15px 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#trophee_classChien
				{
					width: 100%;
					margin: 0 0 10px 0;
					padding: 0 10px 0 10px;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
					background-color: #e5e5e5;
					border: 1px solid #cdcdcd;
				}
		
			#listing_membres_bureau
			{
				width: 100%;
				height: auto;
				margin: 10px 0 0 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-wrap: wrap;
				flex-shrink: 0;
			}
			
			#delegation_bloc
			{
				width: 100%;
				height: auto;
				margin: 10px 0 10px 0;
				padding: 20px;
				background-color: #e5e5e5;
				border: 1px solid #cdcdcd;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
			
			#listing_membres_delegation
			{
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				flex-wrap: wrap;
				flex-shrink: 0;
			}
				
				#colonne_membreClub
				{
					width: 49%;
					height: auto;
					margin: 0 0 20px 0;
					padding: 10px;
					background-color: #e5e5e5;
					border: 1px solid #cdcdcd;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#colonne_delegueClub
				{
					width: 49%;
					height: auto;
					margin: 0 0 20px 0;
					padding: 10px;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#colonne_gauche
				{
					width: 50%;
					height: auto;
					margin: 0;
					padding: 0 10px 15px 0;
				}
					
				#colonne_droite
				{
					width: 50%;
					height: auto;
					margin: 0;
					padding: 0 0 15px 10px;
				}
					
					#haut_fichemembre
					{
						width: 100%;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: column;
						flex-shrink: 0;
					}
						
					#bas_fichemembre
					{
						width: 100%;
						margin: 0;
						padding: 0;
						display: flex;
						flex-direction: row;
						flex-shrink: 0;
					}
						
						#photo_membre
						{
							width: 40%;
							height: auto;
							margin: 0;
							padding: 12px 20px 0 0;
							flex-shrink: 0;
						}
							
						#coordonnees_membre
						{
							width: 60%;
							margin: 0;
							padding: 0;
							display: flex;
							flex-direction: column;
							flex-shrink: 0;
						}
						
					#email_membre
					{
						width: 100%;
						margin: 10px 0 0 0;
						padding: 0;
						flex-shrink: 0;
					}
		
			#admin_news
			{
				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;
				}
				
				#formulaire_droite
				{
					width: 59%;
					height: auto;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
		
	footer
	{
		width: 100%;
		height: auto;
		margin: 20px 0 0 0;
		padding: 0;
		background: #7e99a9;
	}
	
		#copyright
		{
			max-width: 1200px;
			height: auto;
			margin: 0 auto 0 auto;
			padding: 10px;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-shrink: 0;
		}

	
		
/* LES ECRITURES */

strong
{
	font-weight: bold;
}

h1
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 47px;
	font-weight: normal;
	color: #292d39;
	line-height: 36px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#whitebg_section h1
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #292d39;
	line-height: 36px;
	letter-spacing: 1px;
	text-align: left;
	margin: 10px 0 15px 0;
	padding: 0;
}

#whitebg_section h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 50px 0 15px 0;
	padding: 0;
}

#haut_fichemembre h2, #delegation_bloc h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#coordonnees_membre h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 10px 0 10px 0;
	padding: 0;
}

#image_gauche h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 5px 0 15px 0;
	padding: 0;
}

#dernieres_nouvelles h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 0;
}

#darkbluebg_section h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #7e99a9;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 5px 0 15px 0;
	padding: 0;
}

#bloc_section_accueil h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 10px 0 15px 0;
	padding: 0;
}

#infos_carte_chien_replace h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}

#whitebg_section h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 20px 0 10px 0;
	padding: 0;
}

#infos_carte_chien_replace h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 30px 0 10px 0;
	padding: 0;
}

#darkbluebg_section h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #7e99a9;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 20px 0 10px 0;
	padding: 0;
}

#formulaire_chien h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #7e99a9;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 20px 0 10px 0;
	padding: 0;
}

#lien_pedigree h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#dernieres_nouvelles h3, #pere_chien h3, #mere_chien h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 0;
}

#coordonnees_membre h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 7px 0 10px 0;
	padding: 0;
}

#formchien_sujet h3, #formchien_proprio h3, #formchien_parents h3, #formchien_sante h3, #formchien_activites h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #7e99a9;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
}

#trophee_classChien h3
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 10px 0 10px 0;
	padding: 0;
}

#whitebg_section h4, #infos_carte_chien_replace h4
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 10px 0 5px 0;
	padding: 0;
}

#bdp_chien h4
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
	text-shadow: 0 0 0 #fff;
}

#texte_lastmaj h4
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #292d39;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-shadow: 0 0 0 #fff;
}

#lien_download h4
{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #292d39;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #7e99a9;
	text-shadow: 0 0 0 #292d39;
}

#formulaire_news h4
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
	text-shadow: 0 0 0 #fff;
}

#table_gens h4
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	color: #292d39;
	margin: 0 0 2px 0;
	padding: 0;
}

#conteneur_news h4
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 25px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}

h5
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	letter-spacing: 1px;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 0;
}

#conteneur_news h5
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	letter-spacing: 1px;
	text-align: center;
	margin: 7px 0 0 0;
	padding: 0;
}

#bdp_chien h5
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #292d39;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 7px 0;
	padding: 0;
	text-shadow: 0 0 0 #fff;
}

#texte_lastmaj h5
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #292d39;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
	text-shadow: 0 0 0 #fff;
}

#form_resultexpo h5
{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #223a56;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	margin: 0 0 3px 0;
	padding: 0;
	text-shadow: 0 0 0 #fff;
}

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

p, #coordonnees_membre p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 27px;
	text-align: justify;
	margin: 0 0 15px 0;
	padding: 0;
}

#infos_carte_chien_replace p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 24px;
	text-align: justify;
	margin: 0 0 12px 0;
	padding: 0;
}

#email_membre p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 27px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#winner1st p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 27px;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}

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

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

#menu_resultexpo p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #292d39;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#bloc_section_blue p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 0;
	line-height: 27px;
	text-align: justify;
	margin: 0 0 15px 0;
	padding: 0;
}

#listing_portee_cadre p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 18px;
	letter-spacing : 0;
	margin: 0;
	padding: 0;
}



#lien_maj a:link, #lien_maj a:visited, #affiche_expo a:link, #affiche_expo a:visited
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 10px 5px 10px;
	margin: 0;
	width: 117px;
	height: 30px;
	transition: 0.2s;
	background: #2e3136;
	color: #fff;
	text-decoration: none;
	border: 1px #2e3136 solid;
}

#lien_maj a:active, #lien_maj a:hover, #affiche_expo a:active, #affiche_expo a:hover
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 10px 5px 10px;
	margin: 0;
	width: 117px;
	height: 30px;
	background: #fff;
	color: #2e3136;
	text-decoration: none;
	border: 1px #2e3136 solid;
}

#lien_supprimer a:link, #lien_supprimer a:visited, #lien_supprimer2 a:link, #lien_supprimer2 a:visited
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	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;
}

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

.baby_classe
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	background: #ff99cc;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding: 2px 5px 2px 5px;
}

.puppy_classe
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	background: #cc66ff;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding: 2px 5px 2px 5px;
}

.BestNE_classe
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	background: #ff3333;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding: 2px 5px 2px 5px;
}

.veteran_classe
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	background: #9999ff;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding: 2px 5px 2px 5px;
}

.jeune_classe
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	background: #66cc66;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding: 2px 5px 2px 5px;
}

.best_malfem
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	background: #99ccff;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding: 2px 5px 2px 5px;
}
	
	
/* LES LIENS */

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

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

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

#copyright p a:active, #copyright p a:hover
{
	color: #fff;
	text-decoration: none;
}
	
	
/* LES IMAGES */

#logo_facebook img, #logo_messagerie img, #logo_download img
{
	width: 34px;
	height: 34px;
	flex-shrink: 0;
}

#diaporama_accueil img
{
	width: 100%;
	height: auto;
	flex-shrink: 0;
}

#bdp_chien img, #winner1st img
{
	width: 100%;
	height: auto;
	flex-shrink: 0;
}

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

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

#image_miniExpo img
{
	width: 120px;
	height: 100px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 5px 0;
	flex-shrink: 0;
	cursor: pointer;
}

#photo_membre img
{
	width: 100%;
	height: auto;
	flex-shrink: 0;
}

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

#photo_carte_chien img
{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	border: 1px dashed #7e99a9;
}

#couv_revue img, #couv_revue_accueil img
{
	width: 100%;
	height: auto;
	flex-shrink: 0;
	border: 0;
}

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

#mini_mere img, #mini_pere img
{
	height: 60px;
	width: 60px;
	padding: 0;
	margin: 0;
}

#pere_chien img, #mere_chien img
{
	width: 100%;
	height: auto;
	flex-shrink: 0;
	border: 0;
}

#bloc_sponsors img
{
	height: 75px;
	width: 210px;
	padding: 0 5px 0 5px;
	margin: 0;
}


/* LIGNES SEPARATRICES */

.espace_noclear
{
	width: 100%;
	margin: 0 0 40px 0;
	border: 0;
	border-bottom: 0 ;
}

.espace_noclear2
{
	width: 100%;
	margin: 0 0 20px 0;
	border: 0;
	border-bottom: 0 ;
}

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

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

.sous_article
{
	clear: both;
	width: 100%;
	margin: 15px 0 25px 0;
	border: 0;
	border-bottom: 1px dashed #c2b190;
}


/* Calendrier du blog */

#calendrier_blog
{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 0 25px 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;
}

.calendexpo
{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 30px 0;
	padding: 0;
}

.smalltable
{
	max-width:300px;
	border-collapse: collapse;
	margin: 10px auto 10px auto;
	padding: 0;
}

th
{
	border: 1px #cdcdcd solid;
	background-color: #cdcdcd;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	text-align: center;
	padding: 5px;
	margin: 0;
	height: 40px;
}

.fleche_active
{
	border: 1px #cdcdcd solid;
	background-color: #cdcdcd;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #000;
	text-align: center;
	padding: 5px;
	margin: 0;
	height: 40px;
}

.fleche_active:hover
{
	background-color: #799ec9;
	color: #fff;
}

.trophee_actif
{
	border: 1px #cdcdcd solid;
	background-color: #cdcdcd;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #000;
	text-align: center;
	padding: 5px;
	margin: 0;
	height: 40px;
	cursor: pointer;
}

.trophee_actif:hover
{
	background-color: #799ec9;
	color: #fff;
}

.entete_docs
{
	border: 1px #223a56 solid;
	background-color: #223a56;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
	line-height: 25px;
	text-align: left;
	padding: 10px;
	margin: 0;
	height: auto;
}

.entete_calendrier
{
	border: 1px #cdcdcd solid;
	background-color: #223a56;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

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

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

.mois_actif
{
	border: 1px #cdcdcd solid;
	background-color: #e5e5e5;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #223a56;
	text-align: center;
	padding: 5px;
	margin: 0;
	height: 40px;
	cursor: pointer;
}

.mois_actif:hover
{
	background-color: #799ec9;
	color: #fff;
}

.lignes_docs
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 21px;
	text-align: left;
	margin: 0;
	padding: 10px;
	height: auto;
	cursor: pointer;
	text-decoration: none;
}

.lignes_docs:hover
{
	background-color: #ccc;
	text-decoration: none;
}

.lignes_docs_admin
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 21px;
	text-align: left;
	margin: 0;
	padding: 10px;
	height: auto;
	text-decoration: none;
}

.lignes_docs_admin a:link
{
	text-decoration: none;
}

.lignes_elevages, .lignes_elevages td
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 21px;
	text-align: left;
	margin: 0;
	padding: 10px;
	height: auto;
	cursor: pointer;
	text-decoration: none;
}

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

#table_docus tbody tr:nth-child(even), #table_docus_infos tbody tr:nth-child(even), #table_docus_form tbody tr:nth-child(even), #table_gens tbody tr:nth-child(even)
{
    background-color: #fff;
}

#table_docus tbody tr:nth-child(odd), #table_docus_infos tbody tr:nth-child(odd), #table_docus_form tbody tr:nth-child(odd), #table_gens tbody tr:nth-child(odd)
{
    background-color: #e5e5e5;
}

.lignes_fondorange, .lignes_fondorange td
{
	border: 1px #cdcdcd solid;
	background-color: #d1e3ed;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #292d39;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.lignes_fondbleugras, .lignes_fondbleugras td
{
	border: 1px #cdcdcd solid;
	background-color: #d1e3ed;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #292d39;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.lignes_fondbleu, .lignes_fondbleu td
{
	border: 1px #cdcdcd solid;
	background-color: #d1e3ed;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #292d39;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.lignes_podiumresult
{
	border: 0;
	background-color: #7e99a9;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	padding: 5px 8px 5px 8px;
	margin: 0;
	height: auto;
}

.small-podium
{
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 22px;
	text-align: left;
	padding: 0;
	margin: 0;
	height: auto;
}

.lignes_rouge, .lignes_rouge td
{
	border: 1px #cdcdcd solid;
	background-color: #fff;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #ff0000;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.lignes_bleu, .lignes_bleu td
{
	border: 1px #cdcdcd solid;
	background-color: #fff;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #292d39;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.lignes_orange, .lignes_orange td
{
	border: 1px #cdcdcd solid;
	background-color: #fff;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #e46c09;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.lignes_violet, .lignes_violet td
{
	border: 1px #cdcdcd solid;
	background-color: #fff;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #6f2f9f;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
}

.ligne_chien
{
	border: 1px #cdcdcd solid;
	background-color: #fff;
	color: #000;
	padding: 5px;
	margin: 0;
	cursor: pointer;
}

.ligne_chien td
{
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
}

.ligne_chien:hover
{
	background-color: #799ec9;
	color: #fff;
}

.ligne_people td
{
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	padding: 10px 5px 10px 5px;
	margin: 0;
}

.ligne_people:hover
{
	background-color: #799ec9;
	color: #fff;
}

.ligne_acti
{
	border: 1px #cdcdcd solid;
	background-color: #fff;
	color: #000;
	padding: 5px;
	margin: 0;
}

.ligne_acti td
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
}

caption
{
    display: table-caption;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	line-height: 16px;
	margin: 0;
	padding: 8px;
	background-color: #223a56;
	border: 1px #cdcdcd solid;
	border-bottom: 0;
}

#calendrier_fonduni h2
{
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #292d39;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	padding: 0;
}


/* TABLEAU TRIABLE */
/* Classe obligatoire pour les flèches */

.flecheDesc
{
	width: 0; 
	height: 0; 
	float:right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid white;
}

.flecheAsc
{
	width: 0; 
	height: 0;
	float:right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid white;
}

.flecheNo
{
	width: 0; 
	height: 0;
	float: right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
}

/* Classe optionnelle pour le style */

.avectri th
{
	border: 1px #cdcdcd solid;
	background-color: #223a56;
	color: #fff;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	padding: 5px;
	margin: 0;
	height: auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: auto;
}

.averti th.nontriable
{
	vertical-align: top;
}

.avectri th.triable
{
	cursor: pointer;
	vertical-align: middle;
	text-align: left;
}

.avectri th.selection
{
	background-color: #223a56;
	color: #fff;
}

.avectri th.selection .flecheDesc
{
	border-bottom-color: #799ec9;
}

.avectri th.selection .flecheAsc
{
	border-top-color: #799ec9;
}

.avectri tr
{
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	text-align: left;
	border: 1px #cdcdcd solid;
	background-color: #fff;
	color: #000;
	padding: 5px;
	margin: 0;
}

.avectri tr:hover
{
	background-color: #799ec9;
	color: #fff;
	cursor: pointer;
}

/* FIN TABLEAU TRIABLE */		
		

		
/* LES FORMULAIRES */

.hidden {
  display: none !important;
}

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

#formulaire_login p
{
	text-align: right;
}

#formulaire_news
{
	max-width: 100%;
	min-width: 320px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #292d39;
}

#formulaire_tablechiens
{
	width: 100%;
	padding: 0;
}

	#formchien_sujet, #formchien_sante, #formchien_activites, #formchien_proprio, #formchien_parents, #formchien_visibilite
	{
		width: 100%;
		margin: 10px 0 20px 0;
		padding: 15px;
		border: 1px dashed #292d39;
	}

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

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

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

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

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

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

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

.zone_texte_droite
{
	width: 50%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #292d39;
	margin: 0 0 15px 0;
}

.liste_deroulante
{
	max-width: 300px;
	min-width: 150px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #292d39;
	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;
	border: 1px solid #292d39;
	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 #292d39;
	background-color: #f2f0f0;
}

#boutons_radio_duo
{
	width: 100%;
	margin: 0;
	padding: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

	#boutons_radio_gauche, #boutons_radio_droite
	{
		width: 40%;
		margin: 0;
		padding: 20px;
		border: 1px solid #292d39;
		background-color: #f2f0f0;
		display: flex;
		flex-direction: column;
	}

#boutons_radio p	
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0;
	line-height: 27px;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}

#chien_checkbox
{
	max-width: 400px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #292d39;
	background-color: #f2f0f0;
}

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

/* 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(46,49,54); /* Fallback color */
	background-color: rgba(46,49,54,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;
}
		
#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;
}


	
/* Menu responsive déroulant */

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

	#menumain_emptytop
	{
		display: none;
	}
	
	#myTopnav
	{
		background: #7e99a9;
		position: relative;
		width: 100%;
	}

#menumain_right
{
	display: none;
}

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

@viewport {
	width: device-width;
}

ul.topnav, #cat-list-menu1, #cat-list-menu2, #cat-list-menu3, #cat-list-menu4, #cat-list-menu5
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

ul.topnav li
{
	float: left;
}

ul.topnav li a
{
	display: inline-block;
	padding: 8px 11px 8px 11px;
	margin: 0;
	text-decoration: none;
	transition: 0.2s;
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing : 1px;
	background-color: #7e99a9;
	color: #fff;
}

#myTopnav > li
{
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
}

ul.topnav li a:hover, ul.topnav li a:focus
{
	background-color: #292d39;
	color: #fff;
}

ul.topnav li ul
{
	position: absolute;
	top: 44px;
    width: 180px;
    z-index: 10;
	display: flex;
	flex-direction: column;
	width: 160px;
	list-style-type: none;
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background-color: #292d39;
	color: #fff;
	line-height: 16px;
	letter-spacing : 1px;
	margin: 0;
	padding: 10px;
}

#cat-list-menu1 a, #cat-list-menu2 a, #cat-list-menu3 a, #cat-list-menu4 a, #cat-list-menu5 a, #cat-list-menu6 a
{
	display: block;
	list-style-type: none;
	font-family: 'cleargothic-serialregular', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background-color: #292d39;
	color: #fff;
	line-height: 16px;
	letter-spacing : 1px;
	margin: 0;
	padding: 10px;
}

#cat-list-menu1 a:hover, #cat-list-menu2 a:hover, #cat-list-menu3 a:hover, #cat-list-menu4 a:hover, #cat-list-menu5 a:hover, #cat-list-menu6 a:hover,
#cat-list-menu1 a:focus, #cat-list-menu2 a:focus, #cat-list-menu3 a:focus, #cat-list-menu4 a:focus, #cat-list-menu5 a:focus, #cat-list-menu6 a:focus
{
	background-color: #7e99a9;
	color: #fff;
}


/* MEDIA QUERIES */

@media screen and (max-width:1000px) {			
					
					#couv_revue_accueil
					{
						width: 90%;
						padding: 0;
						margin: 0;
					}
	
	ul.topnav li a
	{
		display: inline-block;
		padding: 8px 11px 8px 11px;
		margin: 0;
		text-decoration: none;
		transition: 0.2s;
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 16px;
		font-weight: normal;
		letter-spacing : 1px;
		background-color: #7e99a9;
		color: #fff;
	}
	
	#coordonnees_membre p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		line-height: 27px;
		text-align: justify;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#email_membre p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		line-height: 27px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

}

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

					#pere_chien
					{
						width: 40%;
						height: auto;
						padding: 10px;
						flex-shrink: 0;
						background-color: #e5e5e5;
					}
					
					#mere_chien
					{
						width: 40%;
						height: auto;
						padding: 10px;
						flex-shrink: 0;
						background-color: #e5e5e5;
					}
					
	#winner1st p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		line-height: 20px;
		text-align: left;
		margin: 0 0 15px 0;
		padding: 0;
	}

}

@media screen and (max-width:880px) {
	
	#colonne_membreClub
	{
		width: 49%;
		height: auto;
		margin: 0 0 20px 0;
		padding: 10px 30px 10px 30px;
		background-color: #e5e5e5;
		border: 1px solid #cdcdcd;
		display: flex;
		flex-direction: column;
	}
	
	#colonne_delegueClub
	{
		width: 49%;
		height: auto;
		margin: 0 0 20px 0;
		padding: 10px 30px 10px 30px;
		display: flex;
		flex-direction: column;
	}
	
		#bas_fichemembre
		{
			width: 100%;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
		}
	
				#photo_membre
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 12px 0 0 0;
					flex-shrink: 0;
				}
				
				#coordonnees_membre
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
				}
	
	ul.topnav li a
	{
		display: inline-block;
		padding: 8px 11px 8px 11px;
		margin: 0;
		text-decoration: none;
		transition: 0.2s;
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 14px;
		font-weight: normal;
		letter-spacing : 1px;
		background-color: #7e99a9;
		color: #fff;
	}
	
	#titredate_news h4
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0;
		text-shadow: 2px 2px 3px #292d39;
	}
	
	#bdp_chien h4
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #292d39;
		line-height: 20px;
		letter-spacing: 1px;
		text-align: left;
		margin: 0;
		padding: 0;
		text-shadow: 0 0 0 #fff;
	}	

}

@media screen and (max-width:800px) {
	
	#colonne_membreClub
	{
		width: 49%;
		height: auto;
		margin: 0 0 20px 0;
		padding: 10px 20px 10px 20px;
		background-color: #e5e5e5;
		border: 1px solid #cdcdcd;
		display: flex;
		flex-direction: column;
	}
	
	#colonne_delegueClub
	{
		width: 49%;
		height: auto;
		margin: 0 0 20px 0;
		padding: 10px 20px 10px 20px;
		display: flex;
		flex-direction: column;
	}
	
	#logo_liens
	{
		width: 100%;
		height: auto;
		padding: 10px 10px 10px 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
		#reseaux_sociaux
		{
			width: 160px;
			padding: 0;
			margin: 10px 0 0 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		
					#couv_revue_accueil
					{
						width: 90%;
						padding: 0;
						margin: 0;
					}
	
	#whitebg_section h1
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 34px;
		font-weight: bold;
		color: #292d39;
		line-height: 36px;
		letter-spacing: 1px;
		text-align: left;
		margin: 10px 0 15px 0;
		padding: 0;
	}

	#whitebg_section h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 50px 0 15px 0;
		padding: 0;
	}
	
	#infos_carte_chien_replace h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 22px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	#bloc_section_accueil h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: center;
		margin: 10px 0 15px 0;
		padding: 0;
	}
	
	#calendrier_fonduni h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	#haut_fichemembre h2, #delegation_bloc h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	#coordonnees_membre h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 10px 0 10px 0;
		padding: 0;
	}
						
	#coordonnees_membre h3
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 7px 0 10px 0;
		padding: 0;
	}
	
	#pere_chien h3, #mere_chien h3
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #292d39;
		line-height: 20px;
		letter-spacing: 1px;
		text-align: center;
		margin: 7px 0 0 0;
		padding: 0;
	}
	
	#coordonnees_membre p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		line-height: 24px;
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#email_membre p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		line-height: 20px;
		text-align: left;
		margin: 0;
		padding: 0;
	}
		
	#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;
	}
	
	#menumain_left
	{
		width: 100%;
		background: #7e99a9;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	
		#menumain_emptytop
		{
			display: block;
			background: #7e99a9;
			position: relative;
			width: 100%;
		}
	
		#myTopnav
		{
			background: #7e99a9;
			position: relative;
			width: 100%;
			display: none;
		}
	
	#menumain_right
	{
		display: block;
		width: 40px;
	}
	
		#menumain_icon
		{
			display: block;
			background: #7e99a9;
			position: relative;
			width: 40px;
		}
	
	ul.topnav, ul.topnav li
	{	
		
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: left;
	}
	
	ul.icon_responsive
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}
	
	ul.topnav li
	{
		float: left;
	}

	ul.topnav li a
	{
		width: 100%;
		display: block;
		padding: 8px 10px 8px 10px;
		margin: 0;
		text-decoration: none;
		transition: 0.2s;
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 18px;
		font-weight: normal;
		letter-spacing : 1px;
		background-color: #7e99a9;
		color: #292d39;
	}
	
	#myTopnav > li
	{
		display: inline;
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	ul.icon_responsive li a
	{
		display: inline-block;
		padding: 8px 11px 8px 11px;
		margin: 0;
		text-decoration: none;
		transition: 0.2s;
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 18px;
		font-weight: normal;
		letter-spacing : 1px;
		background-color: #7e99a9;
		color: #292d39;
	}
	
	ul.icon_responsive li a:hover, ul.icon_responsive li a:focus
	{
		background-color: #292d39;
		color: #fff;
	}
	
	ul.topnav li ul
	{
		position: static;
		top: 44px;
		width: 100%;
		z-index: 10;
		display: flex;
		flex-direction: column;
		list-style-type: none;
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 15px;
		font-weight: normal;
		background-color: #292d39;
		color: #fff;
		line-height: 16px;
		letter-spacing : 1px;
		margin: 0;
		padding: 10px;
	}
	
			#formulaire_news img
			{
				width: 50%;
				height: auto;
				flex-shrink: 0;
				border: 0;
			}
	
}


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

						#interieur_revue
						{
							width: 100%;
							padding: 0;
							margin: 0;
							display: flex;
							flex-direction: row;
						}
						
							#couv_revue
							{
								width: 35%;
								padding: 0;
								margin: 0;
							}
							
							#contenu_revue
							{
								width: 65%;
								padding: 0 0 0 20px;
								margin: 0;
								display: flex;
								flex-direction: column;
							}
		
		#liens_maj_sup
		{
			width: 100%;
			margin: 5px 0 0 0;
			padding: 0;
			display: flex;
			flex-direction: column;
		}
		
			#lien_maj
			{
				width: 117px;
				height: 30px;
				margin: 0 0 5px 0;
				padding: 0;
				text-align: center;
			}
					
			#colonne_gauche, #colonne_droite
			{
				width: 100%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 10px;
				display: flex;
				flex-direction: column;
			}
			
			#colonne_membreClub
			{
				width: 49%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 10px;
				background-color: #e5e5e5;
				border: 1px solid #cdcdcd;
				display: flex;
				flex-direction: column;
			}
			
			#colonne_delegueClub
			{
				width: 49%;
				height: auto;
				margin: 0 0 20px 0;
				padding: 10px;
				display: flex;
				flex-direction: column;
			}

	#boutons_radio_gauche, #boutons_radio_droite
	{
		width: 49%;
		margin: 0;
		padding: 20px;
		border: 1px solid #292d39;
		background-color: #f2f0f0;
		display: flex;
		flex-direction: column;
	}
	
	#listing_portee_cadre p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		font-weight: 400;
		color: #fff;
		line-height: 18px;
		letter-spacing : 0;
		text-align: left;
		margin: 0;
		padding: 0;
	}
				
}


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

	#topline_titles
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	#topline_titles img
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		flex-shrink: 0;
	}
	
	#conteneur_news
	{
		width: 100%;
		height: auto;
		margin: 10px 0 10px 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-shrink: 0;
	}
	
		#aroundconteneur_news
		{
			width: 50%;
			height: 200px;
			margin: 0 0 20px 0;
			padding: 0 10px 10px 10px;
		}
		
			#conteneur_nouvelle
			{
				width: 100%;
				height: 200px;
				margin: 0 0 10px 0;
				padding: 0;
			}
		
		#conteneur_nouvelle1
		{
			width: 49%;
			height: 200px;
			margin: 0 0 10px 0;
			padding: 0;
			background: no-repeat url("images/test-news.jpg");
			background-size: cover;
		}
						
		#conteneur_nouvelle2
		{
			width: 49%;
			height: 200px;
			margin: 0 0 10px 0;
			padding: 0;
			background: no-repeat url("images/test-news2.jpg");
			background-size: cover;
		}
						
		#conteneur_nouvelle3
		{
			width: 49%;
			height: 200px;
			margin: 0;
			padding: 0;
			background: no-repeat url("images/test-news3.jpg");
			background-size: cover;
		}
		
			#derniers_chiens
			{
				width: 100%;
				margin: 10px 0 10px 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
			
			#dernieres_majcolley
			{
				width: 100%;
				margin: 0 0 10px 0;
				padding: 0;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
			}
				
				#conteneur_chiens_gauche, #conteneur_chiens_droite
				{
					width: 100%;
					margin: 15px 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#conteneur_maj_gauche
				{
					width: 100%;
					margin: 0 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#conteneur_maj_droite
				{
					width: 100%;
					margin: 20px 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
					#couv_revue_accueil
					{
						width: 50%;
						padding: 0;
						margin: 0;
					}
		
				#trophee_conteneur
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
				
				#trophee_colonneA, #trophee_colonneB
				{
					width: 100%;
					margin: 15px 0 10px 0;
					padding: 0;
					display: flex;
					flex-direction: column;
					flex-shrink: 0;
				}
		
			#formulaire_news img
			{
				width: 60%;
				height: auto;
				flex-shrink: 0;
				border: 0;
			}
			
	#delegation_bloc h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 25px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	#coordonnees_membre h2
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #292d39;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: left;
		margin: 10px 0 10px 0;
		padding: 0;
	}
}


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

			#listing_membres_bureau
			{
				width: 100%;
				height: auto;
				margin: 10px 0 0 0;
				padding: 0;
				display: flex;
				flex-direction: column;
			}
				
				#colonne_membreClub
				{
					width: 100%;
					height: auto;
					margin: 0 0 20px 0;
					padding: 10px;
					background-color: #e5e5e5;
					border: 1px solid #cdcdcd;
					display: flex;
					flex-direction: column;
				}
				
				#colonne_delegueClub
				{
					width: 100%;
					height: auto;
					margin: 0 0 20px 0;
					padding: 10px;
					display: flex;
					flex-direction: column;
				}
				
				#bas_fichemembre
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: row;
				}
	
				#photo_membre
				{
					width: 40%;
					height: auto;
					margin: 0;
					padding: 12px 15px 0 0;
					flex-shrink: 0;
				}
				
				#coordonnees_membre
				{
					width: 60%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
				}
	
	#boutons_radio_duo
	{
		width: 100%;
		padding: 10px;
		display: flex;
		flex-direction: column;
	}

		#boutons_radio_gauche
		{
			width: 100%;
			margin: 0 0 20px 0;
			padding: 20px;
			border: 1px solid #292d39;
			background-color: #f2f0f0;
			display: flex;
			flex-direction: column;
		}
		
		#boutons_radio_droite
		{
			width: 100%;
			margin: 0;
			padding: 20px;
			border: 1px solid #292d39;
			background-color: #f2f0f0;
			display: flex;
			flex-direction: column;
		}
		
		#formulaire_news img
		{
			width: 100%;
			height: auto;
			flex-shrink: 0;
			border: 0;
		}
		
	#listing_portee_cadre p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		line-height: 18px;
		letter-spacing : 0;
		text-align: left;
		margin: 0;
		padding: 0;
	}
}

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

	#chien_carte
	{
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
	
			#chien_carte_replacer
			{
				width: 100%;
				height: auto;
				padding: 10px;
				margin: 0 0 20px 0;
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				background-color: #e5e5e5;
				border: 1px solid #cdcdcd;
			}
					
		#photo_carte_chien
		{
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0 0 10px 0;
		}

		#infos_carte_chien, #infos_carte_chien_replace
		{
			width: 100%;
			padding: 0;
		}
	
	#double_tableaux
	{
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	
		#table_docus_infos
		{
			width: 100%;
			padding: 0;
			margin: 0 0 10px 0;
		}
						
		#table_docus_form
		{
			width: 100%;
			padding: 0;
			margin: 0;
		}
	
	#pere_chien h3, #mere_chien h3
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #292d39;
		line-height: 18px;
		letter-spacing: 1px;
		text-align: center;
		margin: 7px 0 0 0;
		padding: 0;
	}
	
	#lien_download h4
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #292d39;
		letter-spacing: 0;
		line-height: 18px;
		text-align: center;
		background-color: #7e99a9;
	}
	
	#image_gauche img, #image_droite img
	{
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 15px 0;
		flex-shrink: 0;
	}
	
}

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

	#bloc_sponsors img
	{
		height: auto;
		width: 100%;
		padding: 0 5px 0 5px;
		margin: 0;
	}

}

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

					#couv_revue_accueil
					{
						width: 80%;
						padding: 0;
						margin: 0;
					}
						
						#calendrier_fonduni h2
						{
							font-family: 'cleargothic-serialregular', sans-serif;
							font-size: 20px;
							font-weight: bold;
							color: #292d39;
							line-height: 28px;
							letter-spacing: 1px;
							text-align: center;
							margin: 0;
							padding: 0;
						}
}


@media screen and (max-width:400px) {
				
				#bas_fichemembre
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
				}
	
				#photo_membre
				{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 12px 0 0 0;
					flex-shrink: 0;
				}
				
				#coordonnees_membre
				{
					width: 100%;
					margin: 0;
					padding: 0;
					display: flex;
					flex-direction: column;
				}
	
	#topline_titles
	{
		display: none;
	}
	
	#logo_titre_mq
	{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 10px 0 0 0;
		flex-shrink: 0;
	}
	
	#logo_titre_mq img
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		flex-shrink: 0;
	}
	
	#conteneur_news
	{
		width: 100%;
		height: auto;
		margin: 10px 0 10px 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: nowrap;
		flex-shrink: 0;
	}
	
		#aroundconteneur_news
		{
			width: 100%;
			height: 200px;
			margin: 0 0 20px 0;
			padding: 0 0 10px 0;
		}
		
			#conteneur_nouvelle
			{
				width: 100%;
				height: 200px;
				margin: 0;
				padding: 0;
			}
		
		#conteneur_nouvelle1
		{
			width: 100%;
			height: 200px;
			margin: 0 0 10px 0;
			padding: 0;
			background: no-repeat url("images/test-news.jpg");
			background-size: cover;
		}
						
		#conteneur_nouvelle2
		{
			width: 100%;
			height: 200px;
			margin: 0 0 10px 0;
			padding: 0;
			background: no-repeat url("images/test-news2.jpg");
			background-size: cover;
		}
						
		#conteneur_nouvelle3
		{
			width: 100%;
			height: 200px;
			margin: 0;
			padding: 0;
			background: no-repeat url("images/test-news3.jpg");
			background-size: cover;
		}

				#interieur_revue
				{
					width: 100%;
					padding: 0;
					margin: 0;
					display: flex;
					flex-direction: column;
				}
				
					#couv_revue
					{
						width: 100%;
						padding: 0;
						margin: 0 0 10px 0;
					}
							
					#contenu_revue
					{
						width: 100%;
						padding: 0px;
						margin: 0;
						display: flex;
						flex-direction: column;
					}
	
	#titredate_news h4
	{
		font-family: 'cleargothic-serialregular', sans-serif;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		line-height: 28px;
		letter-spacing: 1px;
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0;
		text-shadow: 2px 2px 3px #292d39;
	}
	
	#table_gens p
	{
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 22px;
		text-align: left;
		color: #000;
		margin: 0;
		padding: 0;
	}
	
	.ligne_people td
	{
		font-family: font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 20px;
		text-align: left;
		padding: 2px;
		margin: 0;
	}
		
}