/* -----------------------------------------------------------------------
   Surcharges CSS du site — chargées après toutes les feuilles générées
   par Escal (couleurs.css, config.css, layout*.css), donc prioritaires
   à spécificité égale.
   ----------------------------------------------------------------------- */

/* Les liens sortants du forum sont souvent des URL brutes très longues
   (actes d'état civil, archives départementales) : sans coupure elles
   débordent de la cellule et élargissent toute la page. */
.spip_out {
	/* Permet de couper le lien s'il dépasse du conteneur */
	overflow-wrap: break-word;
	word-break: break-all;

	/* Optionnel : assure le bon comportement sur certains navigateurs */
	display: inline-block;
	max-width: 100%;
}

/* Le dégradé orange du thème phpBB « Orange_BBEs ». Escal ne colore que <body>,
   or en layout fluide <body> est le conteneur de 1200 px : la marge extérieure
   resterait blanche. On peint donc <html>, seule règle que la configuration
   d'Escal ne sait pas exprimer. */
html {
	background-color: #FFA73D;
	background: linear-gradient(to bottom,
		#FFB76B 0%, #FF7C00 0%, #FF7C00 30%, #FF7C00 35%,
		#FFA73D 91%, #FFA73D 99%, #FFA73D 100%);
	background-attachment: fixed;
}

/* Sujets épinglés du forum de site (les post-it repris de phpBB) : ils sont
   hors pagination et restent en tête sur toutes les pages, il faut donc les
   distinguer visuellement des sujets ordinaires. */
#forum-site tr.sujet-epingle td {
	background-color: #F9E289;
	border-top: 2px solid #D77118;
	border-bottom: 2px solid #D77118;
}

/* -----------------------------------------------------------------------
   Pages « forum de site » (forumSite-*)
   -----------------------------------------------------------------------
   Ces quatre pages chargent forum.css APRÈS le layout et après cette
   feuille, et y imposent une mise en page à deux colonnes en dur :
   #page { float: right; width: 75% } plus une colonne #navigation de 24 %.
   Le layout pleine largeur n'y survit pas. Comme la spécificité l'emporte
   sur l'ordre de chargement, on la bat avec un sélecteur à deux ID plutôt
   que de recopier — et de figer — les 209 lignes de forum.css. */
#conteneur #page {
	float: left;
	width: 100%;
}
#conteneur #contenu {
	float: none;
	width: auto;
	margin: 25px 0 0 0;
}

/* Même feuille, mêmes raisons : elle code en dur un zébrage blanc/gris et un
   texte bleu qui ignorent la configuration des couleurs. On le réaligne sur
   la palette du forum phpBB. */
#forum-site table.forum tr.art-forum.row_even {
	background: #FFFFFF;
	color: #333333;
}
#forum-site table.forum tr.art-forum.row_odd {
	background: #F6F4D0;
	color: #333333;
}

/* Toujours forum.css : le premier message d'un fil (« Rappel du sujet », cellules
   .logo1 et .sujet1 de forumSite-sujet) est peint en #4b8fb1 sur texte blanc, une
   couleur écrite en dur qui n'est nulle part dans la configuration. phpBB donne à
   ce message la même teinte qu'aux autres, .bg1 = #F9E289. */
#forum-site table.forum tr.art-forum td.logo1,
#forum-site table.forum tr.art-forum td.sujet1 {
	background-color: #F9E289;
	color: #333333;
}
/* forum.css force aussi les liens de cette cellule en blanc : illisibles sur fond
   clair, on les remet sur la couleur de lien du site. */
#forum-site table.forum tr.art-forum td.sujet1 a {
	color: #105289;
}
#forum-site table.forum tr.art-forum td.sujet1 a:hover,
#forum-site table.forum tr.art-forum td.sujet1 a:focus {
	color: #D31141;
}

/* Page pleine largeur : pas de navigation */
body.page-forum #navigation {
	display: none;
}
/* -----------------------------------------------------------------------
   Derniers bleus écrits en dur dans les feuilles statiques d'Escal
   -----------------------------------------------------------------------
   Ils échappent à la configuration des couleurs. general.css est chargé
   avant cette feuille (un sélecteur identique suffit) ; mobile.css est
   chargé après, il faut donc y gagner en spécificité. */

/* general.css : survol des boutons de formulaire, en #3498db */
.submit:hover, .submit:focus {
	color: #D31141;
}

/* mobile.css : le squelette « sm-blue » de SmartMenus. couleurs.css reprend
   déjà les liens ordinaires du menu ; restent l'entrée courante, l'entrée
   désactivée et les sous-menus. */
#main-menu a.current, #main-menu ul a.current {
	background: #CD6600;
	color: #FFFFFF;
}
#main-menu a.disabled, #main-menu ul a.disabled {
	color: #F0D9A5;
}
#main-menu ul a, #main-menu ul a:hover, #main-menu ul a:focus, #main-menu ul a:active {
	color: #105289 !important;
}

/* -----------------------------------------------------------------------
   Bandeau du site
   -----------------------------------------------------------------------
   Le logo du site est utilisé comme image de fond. Il est un assemble d'un bandeau orange
   et du logo de l'association. Les autres éléments sont alignés de manière
   à laisser de la place pour le logo */

#bandeau {
	position: relative;
	height: 100px;
}
#bandeau dl.image_fluide {
	position: absolute;
	width: 100%;
	text-align: left;
}
#bandeau dl.image_fluide img {
	width: 100%;
}
#bandeau #titrepage {
	position: relative;
	margin-left: 320px;
	float: none;
	text-align: left;
}
#bandeau #descriptif-site-spip {
	text-align: left;
	padding-left: 0;
}

/* -----------------------------------------------------------------------
   Menu du site
   -----------------------------------------------------------------------
   Par construction (portage de phpBB) le site n'a qu'une rubrique.
   Le menu de navigation est donc inutile. */

#entete .menudesktop {
	display: none;
}

/* -----------------------------------------------------------------------
   Tweak esthétiques
   -----------------------------------------------------------------------
   Quelques espacements pour aérer */

#conteneur #espace {
	padding-top: 10px;
}