/*
Theme Name: Association MRKH
Author: Magali Api
Description: Un thème pour association
*/
@font-face {
    font-family: 'blokletters_viltstifviltstift';
    src: url('font/Blokletters-Viltstift-webfont.eot');
    src: url('font/Blokletters-Viltstift-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/Blokletters-Viltstift-webfont.woff') format('woff'),
         url('font/Blokletters-Viltstift-webfont.ttf') format('truetype'),
         url('font/Blokletters-Viltstift-webfont.svg#blokletters_viltstifviltstift') format('svg');
    font-weight: normal;
    font-style: normal;

}
html
{
	background-color:#110112;
}
	
html, body
{
	margin:0;
	padding:0;
	
	


	
}
.covid
{
	position:absolute;
	top:80px;
	width:100%;
	color:#FFF;
	background-color:red;
	font-size:1.5em;
	z-index:999;
	
}
body
{
	color:#5E3263;
	background-color:#E7E7E7;
	margin:0;
	padding:0;
	padding-top:60px;
	

	font-family:calibri;
	

}
img
{
	display:block;
}

 .aligncenter 
{
	
	margin:auto;
	
}
 .alignright
{
	
	

}

.screen-reader-text{
	display:none;
}
/* pour defiler les article*/

#actualite, #rencontre
{
	width:80%;
	margin:auto;
	margin-top:20px;
	
	text-align:justify;
	box-shadow : 0 0 2px 0 #C3BFC3;
	background-color:#ffffff;
	border-radius:20px;
}
#actualite>h1, #rencontre>h1
{
	font-variant:small-caps;
	font-size:1.6em;
	font-family: 'blokletters_viltstifviltstift';
	color:#B19CB0;
	padding-left:20px;
	padding-top:20px;
}

.one_article
{
	
	padding:5px 40px 30px 40px;
	
	margin:auto;
	margin-bottom:20px;
	
	
	
	
}
.one_article>div
{
	font-size:1.2em;
	margin:0;
	padding:0;
	width:80%;
	margin:auto;

	padding-bottom:20px;
}
.one_article>h2
{
	
	
}
.one_article>h2>a
{
	text-decoration:none;
	color:#69346B;
	font-variant:small-caps;
	font-size:1.2em;
}
.one_article>h2>a>span
{
	text-decoration:none;
	color:#E4CAE5;
	font-size:0.7em;
	font-variant:normal;
	padding-left:10px;
}
.one_article div a
{
	color:#5d8a33;
}
#id_arianne
{
	background-color:#B489B7;
	display:flex;
	align-items:center;
	padding-left:10px;
	color:#ffffff;
}
.ul_arianne{
	display:flex;
	list-style:none;
	margin:0;
	margin-left:5px;
	padding:0;
	align-items:center;
}
.li_arianne{
	padding-left:10px;
}
.li_arianne a{
	color:#ffffff;
}
.ma_galerie
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	/* background-color:#B19CB0; */
}
.ma_galerie img
{
	margin:5px;
	padding:5px;

	/* border:2px solid #B489B7; */
	box-shadow : 0 0 2px 0 #C3BFC3;

	border-radius:5px;
	
}
.fl_droite
{
	float:right;
	margin-top:10px;
	margin-left:20px;
}
.fl_gauche
{
	float:left;
	margin-top:10px;
	margin-right:20px;
}
#pied
{
	background-color:#110112;
	margin:0;
	margin-top:50px;
	padding:20px;
	color:#E2DDE1;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:flex-start;
}
#pied a
{
	color:#ffffff;
}
#formulaire_adhesion div p
{
	width:80%;
	
}
#formulaire_adhesion .align input
{
	width:100%;
}
#proche input
{
}
#fille
{
	background-color:#f5f0f5;
	padding:10px 00px;
	display:flex;
	flex-direction:column;
	align-items:center;
	border-radius:10px;
	margin-bottom:20px;
}	
#proche
{
	background-color:#d9c3da;
	padding:10px 00px;
	display:flex;
	flex-direction:column;
	align-items:center;
	border-radius:10px;
}

.chat
{
	margin:auto;

}
/*renocntre*/
#resultat_carte
{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-around;
}
.individu_carte
{
	-moz-box-shadow: 2px 2px 5px 0px #9b9b9b;
-webkit-box-shadow: 2px 2px 5px 0px #9b9b9b;
-o-box-shadow: 2px 2px 5px 0px #9b9b9b;
box-shadow: 2px 2px 5px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=5);
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
	border-radius:5px;
}
.alerte_recherche
{
	color:red;
}
.unelitterature
{
	background-color:#ffffff;
	border-radius:10px;
	width:280px;
	padding:10px;
	display:flex;
	flex-direction:column;
	align-content:center;
}
.unelitterature h3
{
	margin-bottom:0px;
	margin-top:0;
	text-align:center;
	
}
.unelitterature h4
{
	margin-top:0;
	text-align:center;
}

.unelitterature h3 a
{
	font-variant:small-caps;
	color:#5E3263;
	text-align:center;
	
}
.unelitterature>a
{
	align-self:center;
}
.unelitterature p
{
	text-align:justify;
}
.unelitterature p:last-child
{
	text-align:right;
}
@media all and (max-width: 1024px)
{
	#actualite, #rencontre
	{
		width:98%;
		border-radius:5px;
		
	}
	.one_article>div
	{
		width:90%;
		font-size:1.1em;
		
	}
	
}
@media all and (max-width: 700px)
{
	.one_article
	{
		padding:0px 10px 20px 10px;
	}
	.one_article>div
	{
		width:90%;
		font-size:1em;
		
	}
	#actualite>h1, #rencontre>h1
	{
		font-size:1.2em;
		padding-bottom:0;
		
	}
	.one_article>h2>a
	{
		font-size:1em;
	}
	
	
}

@media all and (max-width: 500px)
{
	.one_article
	{
		padding:0px 10px 20px 10px;
	}
	.one_article>div
	{
		width:95%;
		font-size:0.9em;
		
	}
	#actualite>h1, #rencontre>h1
	{
		font-size:1.1em;
		padding-bottom:0;
		
	}
	.one_article>h2>a
	{
		font-size:0.9em;
	}
	
	
}