/* #PRODUIRE{fond=css/zerofour.spip.css}
   md5:7e3d87d1efd380c68033975250d687b1 */

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

/* Configuration couleur du thème */

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


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

/* Le menu passe en flex */

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

#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;
}

/* Surchage l'image de fond de la bannière */
#header-wrapper {
    background: url('https://www.zerofour.laurentvoyage.com/local/cache-vignettes/L1453xH817/pxl_20231024_101251465.portrait.original-edit_1_-2-9e955.jpg?1725293416');
	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;
}
	
/* inclure plugin newsletters  */
.formulaire_newsletter {
    padding: 2em 0 0 0;
    text-align: center;
	margin: 0 auto;
	width: 50%;
}

.formulaire_newsletter label{
		color:inherit
}

/* 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; }
