/* #PRODUIRE{fond=css/zerofour.spip.css}
   md5:8b579b02eeb744c2e4cda61f61f73505 */

/*----------------------------------------------
 Correctif html5up_zerofour - SPIP
-----------------------------------------------*/

/* Configuration couleur du thème */

#header .inner, #footer-wrapper, .dropotron, #navPanel{
    background-color:#4f5d7d;
}
@media screen and (max-width: 980px){
	#titleBar {
	background-color:#4f5d7d;
}
}


/* Force les margin du body à 0 */
body {
	margin:0
	}

/* Le menu passe en flex */

#nav {
		position: static;
		padding-right: 2em;
}

/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #4f5d7d; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;color:#fff}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active {background:#f0f0f0;color:#000;}
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}


#header nav > ul {
  display: flex;
  flex-wrap: nowrap;
}

.accueil {
  flex-grow: 1;
}

#nav > ul > li > a#logo{
    font-size: 1.5em;
}

/* modification de la marge du haut pour les rows sauf la premiere du feature2 */
section.feature2 div.row:not(:first-child) {
	margin-top: 0;
}

/* Utilisation du plugin fontawesome pour les icônes */

.box.feature1 header, .box.feature2 header, .box.article-list h2, .box.spotlight h2 {
	display: inline-block;
}

.button i.icon.fa-icon { 
	width: 24px;
	height: 24px;
    margin-right: 18px;
	vertical-align: middle;
    opacity: 0.5;
}

 .fa-icon { 
	width: 36px;
	height: 36px;
    margin-right: 18px;
	vertical-align: middle;
    opacity: 0.5;
}

/* Modele icone  */

.modele-icone {
   	width: inherit;
	height: inherit;
	margin: 0.2em;
	display:block;
}

div.icone {
	text-align: center;
	display: inline-block;
}

.icone  a {
	text-decoration: none;
}

/* Surchage l'image de fond de la bannière */
#header-wrapper {
    background: url('https://www.histori.al/plugins/auto/html5up_zerofour-28fab-html5up_zerofour-v1.5.0/images/header.jpg');
	background-size:cover;
	background-position: center;
	}

/* Classe invisible pour le titre de la bannière */

span.texte-invisible {display:block;color:transparent;text-indent:-9999em;}
#banner h1.invisible, #banner h1.invisible:before, #banner h1.invisible:after {border:none}

	
/* Balise h2 devient h1 */

h1 {
		font-size: 2em;
		margin: 0 0 1.5em 0;
		line-height: 1em;
	}
	
header h1 {
			margin: 0 0 0.25em 0;
		}
		
header.major h1 {
			margin: 0 0 1.2em 0;
		}
	
@media screen and (max-width: 736px) {

		/* Basic */

			h1 {
				font-size: 13pt !important;
			}

			h1 {
				line-height: 1.5em;
			}
}

	header h1 {
			margin: 0 0 0.25em 0;
		}

.box.feature1 header.first h1 {
			font-size: 2.5em;
			}
			
#banner h1 {
			border: solid 1px rgba(255, 255, 255, 0.25);
			border-left: 0;
			border-right: 0;
			color: #fff;
			color: rgba(255, 255, 255, 0.75);
			font-size: 2.35em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 1.5em 0;
		}
		

#banner h1 strong {
				font-weight: 800;
				color: inherit;
			}

#banner h1:before {
				content: '';
				display: block;
				border-top: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
				margin: 10px 0 1.25em 0;
			}

#banner h1:after {
				content: '';
				display: block;
				border-bottom: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
				margin: 1.25em 0 10px 0;
			}
			
			
#banner h1 strong {
				font-weight: 800;
				color: inherit;
			}

#banner h1:before {
				content: '';
				display: block;
				border-top: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
				margin: 10px 0 1.25em 0;
			}

#banner h1:after {
				content: '';
				display: block;
				border-bottom: solid 1px;
				border-color: #888;
				border-color: rgba(255, 255, 255, 0.25);
				margin: 1.25em 0 10px 0;
			}


	@media screen and (max-width: 736px) {
#banner h1 {
					font-size: 18pt !important;
				}

}


/* Espace entre 2 lignes d'images feature1 */
.box.feature1 header.second {
    margin: 0 0 2.5em 0;
}

/* Barre admin spip  */
#spip-admin {
	bottom: 0;top: auto; z-index: 1001;
}
	
/* Formulaire de recherche et Newsletter */ 

.formulaire_recherche * {
    display: block;
}

.formulaire_newsletter label, .formulaire_recherche label {
		display:none
}



form input[type="search"] {
    line-height: 3em;
    padding: 0 1em;
}

form input[type="search"]{
     -webkit-appearance: none;
    display: block;
    width: 100%;
    border-radius: 8px;
    border: solid 1px #eee;
}

/* Footer */

.footer-titre {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.065em;
    font-size: 0.9em;
    color: #ddd;
}

#footer a
{
text-decoration: none;
}

/* Sidebar */

#sidebar a
{
text-decoration: none;
}

/* Surcharge la feuille de style Typo */

.box {
    border: none;
}

nav li {
    list-style-type: none;
}

/* Le portfolio */
#documents_portfolio a {margin:0;padding:0;border:0 !important;box-shadow:none;}
#documents_portfolio ul { list-style: none; padding: 0; }