html, body	{height:100%;}

body		{margin:0 ; font: menu; font-family: sans-serif}

iframe		{height: 100%; width:100%; border:none}
#accueil	{background: url(../../saint-fiacre/images/bougies.jpg); background-repeat:no-repeat; background-size:cover}
#solidarite	{background: url(../../saint-fiacre/images/solidarite.jpg); background-repeat:no-repeat; background-size:cover}
#liturgie	{background: url(../../saint-fiacre/images/fialit.jpg); background-repeat:no-repeat; background-size:cover}
#foi		{background: url(../../fiacre/christ.jpg); background-repeat:no-repeat; background-size:cover}
#materiel	{background: url(../../saint-fiacre/images/fiamat.jpg); background-repeat:no-repeat; background-size:cover}

.categorie {float:left;
			height:48%;
			width:32%;
			margin:0.5% 0 0 0.5%;
			overflow:hidden;
}
.cover		{height:100%; height: 100%; background:red; }

.souscategorie		{ height:86%; overflow:auto}

h2					{ height: 14%;
					width: 100%;
					box-sizing: border-box;
					margin:0;
					line-height:2em;
					vertical-align:middle;
					font-weight:normal;
					color: lightyellow;
					text-align: center;
					margin: 0;
					border: 1px solid rgba(131,166,151,0.8);
					background-color: rgba(131,166,151,0.5)
					}
h3					{ background-color: dimgrey;}
					
/* h2.bas:after		{content: '\25BC'; float: right; margin-right:10px;font-size:0.75em} */

ul 					{ margin:0; padding:0}									

a 					{ display:block;
					margin-top: 2px;
					line-height:3em;
					vertical-align:middle;
					text-align:center;
					text-decoration:none;
					background-color:sienna;
					color:lightyellow;
					border: 1px solid rgba(0,0,0,0.5);
					background-color: rgba(0,0,0,0.3)
					}
a:hover				{ color: yellow}
a[nohref]			{ cursor:pointer}
a[nohref]:after		{content: '\25BA'; float: right; margin-right:10px;font-size:0.75em}
a.bas[nohref]:after	{content: '\25BC'; float: right; margin-right:10px;font-size:0.75em}

a[href*=".pdf"]:after	{content: url(../../logikal/images/pdf.gif);margin-left:5px;}
a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".docm"]:after	{content: url(../images/doc.gif);margin-left:5px;}

@media only screen and (max-width: 480px) {
/* h2:after			{ content: '\25BA'; float: right; margin-right:10px;font-size:0.75em} */
.categorie 			{ float:none; height:450px; width:100%; margin: 1% 0;}
h1,h2,h3,h4,h5		{ height: 10%;}

}

/*
body 				{margin:0; background-color: #222;  color:lightyellow}
input 				{display:none}
ul.picto 			{display:none}
div#corps			{position:relative}	

div>a.tit,
div>iframe			{}


div>a#foi			{clear:left	}
li					{display:inline}
img					{width:100%;}
/* niveau 0 */
/*
div>ul				{height:39%; width:32%; margin:4% 0 0 -32%; overflow:auto}

ul a				{}
					/* a[href*=".pdf"]:after{*content: url(pdf.gif); margin:5px ; float:right; height:5px*/
					/*
a[href*="../"]		{color:midnightblue}
a[href*="http://"]	{color:blue}
h2, h3, h4			{/* GOOGLE height: 10%; line-height:100%;*/
/*padding:2% 0; vertical-align:middle; margin:0;/* CHROME width:100%; line-height:30px; vertical-align:middle; */
/*font-size:smaller; overflow:hidden; text-wrap: none}
h3 					{background-color:peru; color:lightyellow}
h4					{background-color:#E6BE8A;}
span, p				{display:none;padding:2% 0;}		
.tit				{overflow: hidden}

@media only screen and (max-width: 760px) {
div>a.tit,
div>iframe			{height:65%; width: 32.5%}
div>ul 				{height:48%; margin-top:42px;}

}

/* 1er Niveau */
/*
div>a.tit,
div>iframe, 			
div>ul 				{width: 95%; margin:2.5%;}

/* 2eme Niveau */
/*
ul a				{width: 100%; margin:0; padding:0 ;}

div>a.tit,
div>iframe			{height:260px;}
div>ul				{margin-top:-225px; height: 225px; margin-bottom:0}
ul a				{margin:0.5% 0;}

}