@charset "UTF-8"; /*

===================================================

   Squelette Ueno 
   


=== Table of contents =============================

    - Debug Grid
    – Core Import
    – Font
    - Color
    - Layout
    - Utility
    - SPIP
    - Plugins    
    - Menu
    - Pages

    Viewport (https://getbootstrap.com/docs/4.2/layout/overview)
	- @media (min-width: 576px) { ... } // Small devices (landscape phones, 576px and up)
	- @media (min-width: 768px) { ... }	// Medium devices (tablets, 768px and up)
	- @media (min-width: 992px) { ... } // Large devices (desktops, 992px and up)
	- @media (min-width: 1200px) { ... } // Extra large devices (large desktops, 1200px and up)


*/
/* Debug Grid
=================================================== */
/*
.container {
	background-color:pink;
}
.row {
	background-color:lightblue;
}
.col-9, .col-md-9 {
	background-color:lightsalmon;
}
.col-3, .col-md-3 {
	background-color:lightgreen;
}
 */
/* Core Import
=================================================== */
body {
	background: #f1f4f9;
	color: #34495e;
	font-family: 'Roboto', sans-serif;
}

a {
	color: #1042fb;
	transition: all .5s;
}

a:hover {
	color: #122f9d;
}

@media (max-width: 768px) {
	h1 {
		font-size:1.8rem;
	}

	h2 {
		font-size: 1.2rem;
	}
}

/* Font
=================================================== */
.roboto {
	font-family: 'Roboto', sans-serif;
}

.crimson {
	font-family: 'Crimson Text', serif;
}

/* Color
=================================================== */
.theme {
	background-color: #7e735f;
	color: #fff;
}

.theme-col-1 {
	background-color: #1042fb;
}

.theme-col-2 {
	background-color: #01c853;
}

.theme-col-3 {
	background-color: #ffb901;
}

.theme-col-4 {
	background-color: #765f89;
}

.theme-col-5 {
	background-color: #00b294;
}

.theme-col-6 {
	background-color: #2d7c9a;
}

.theme-col-7 {
	background-color: #0078d7;
}

.theme-col-8 {
	background-color: #e64856;
}

.theme-col-9 {
	background-color: #55acef;
}

.theme-col-10 {
	background-color: #f7630d;
}

/* Layout
=================================================== */
/* header
----------------------------------*/
header {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

header p {
	margin: 0;
}

header a:hover {
	color: #1042fb;
	text-decoration: none;
}

.banner-wrapper {
	background: #fff url("../img/banner.png") no-repeat top 35% right 0%;
	padding-top: 1rem;
}

@media (max-width: 1200px) {
	.banner-wrapper {
		background:#fff url("../img/banner.png") no-repeat top 45% left 10%;
	}
}

.header-main {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.banner-title {
	font-size: 4rem;
	color: #18223f;
	font-family: "Times New roman";
	line-height: 90%;
	margin-right: 1rem;
	width: 14rem;
}

.banner-title a {
	color: #18223f;
}

.banner-desc {
	font-size: 0.88rem;
	color: #95a5a6;
	font-family: 'Roboto', sans-serif;
	line-height: 100%;
	text-align: center;
}

.banner-nav {
	/*background-color:#f9d8ff;*/
	width: 68%;
	width: calc(100% - 14rem);
	margin-bottom: .2rem;
}

.banner-nav ul {
	display: flex;
	justify-content: space-around;
}

.banner-nav a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9rem;
	color: #18223f;
	letter-spacing: .15rem;
}

.header-sidebar {
	display: flex;
}

/* formulaire recherche */
.search-form {
	position: relative;
	color: #1041fb;
	margin-bottom: .4rem;
}

.search {
	border: 1px solid #eaefff;
	border-radius: 5px;
	width: 100%;
	padding: 0.25rem .6rem;
	color: #2d3e4a;
	font-size: .9rem;
}

.search-submit {
	color: #1041fb;
	fill: #9C27B0;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 7px;
	right: -25px;
}

@media (max-width: 992px) {
	.search {
		width:120px;
	}
}

@media (max-width: 768px) {
	header {
		margin-top:0;
	}

	.search {
		width: 100%;
	}

	.search-form {
		margin-top: 1rem;
	}
}

.banner-row-2 {
	font-size: 0.8rem;
	color: #515563;
	padding: 0.5rem 0;
}

@media (max-width: 1200px) {
	.header-main {
		/*display:block;*/
	}

	.banner-title {
		font-size: 2.5rem;
		width: 11rem;
	}

	.banner-desc {
		font-size: .7rem;
		padding-bottom: 4px;
		text-align: left;
	}

	.banner-nav {
	}

	.banner-nav ul {
		margin-top: 1rem;
		justify-content: flex-end;
	}

	.banner-nav a {
		margin-right: 1rem;
		text-transform: lowercase;
		letter-spacing: normal;
		background: #ffffff85;
	}

	.banner-nav-home, .banner-row-2 {
		display: none;
	}
}

@media (max-width: 768px) {
	.banner-nav ul {
		justify-content:flex-start;
	}

	.banner-nav ul a {
		font-size: .8rem;
		line-height: 110%;
	}
}

/* content
----------------------------------*/
/* sidebar
----------------------------------*/
.bloc {
	background-color: #fff;
	padding: 1rem;
	margin-bottom: 1rem;
	width: 100%;
	position: relative;
}

.bloc-transparent {
	background-color: transparent;
}

.bloc-title {
	font-family: 'Crimson Text', serif;
	color: #1041fb;
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 110%;
}

.bloc-illus {
	margin: .75rem 0;
	text-align: center;
}

.bloc-illus img {
	max-width: 100%;
	height: auto;
}

.bloc-intro {
	font-size: 0.9rem;
	color: #34495e;
	line-height: 130%;
}

.bloc a {
	display: block;
}

.bloc-intro a {
	display: inline-block;
}

.bloc a:hover, .bloc a:hover .bloc-title, .bloc a:hover .bloc-intro {
	text-decoration: none;
	color: #2d7c9a;
}

.bloc-more {
	color: #00cafd;
	font-size: .9rem;
	text-decoration: underline;
}

.bloc-marger {
	margin: 1rem 0;
}

/* bloc declinaisons ... */
.bloc-newsletter .bloc-title {
	margin-top: 1.5rem;
}

.bloc-newsletter-illus {
	position: absolute;
	top: -15px;
	right: 1rem;
}

@media (max-width: 768px) {
	.bloc {
		margin-left:1rem;
		margin-right: 1rem;
	}

	.bloc-newsletter {
		margin-top: 3rem;
	}
}

/* partners
----------------------------------*/
.partners {
	margin-top: 3rem;
	text-align: center;
}

.partners img {
	max-width: 150px;
	height: auto;
	margin: 1rem;
}

@media (max-width: 768px) {
	.partners img {
		max-width:80px;
	}
}

/* footer
----------------------------------*/
.footer {
	font-size: .9rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.footer a {
	color: #2c3e50;
}

.footer a:hover {
	color: #7e735f;
}

.footer-row-1 {
	align-items: center;
}

.footer-title {
	font-size: 3.5rem;
	color: #18223f;
	font-family: "Times New roman";
	line-height: 100%;
}

.footer-sep {
	padding-top: 0.8rem;
	border-bottom: 3px solid #34495e;
}

.footer-link {
	margin: 0;
	padding: 0.8rem 0 0 0;
}

.footer-link ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-link li {
	display: inline-block;
	margin-left: 1.2rem;
}

.footer-row-2 {
	color: #95a5a6;
}

.footer a {
	text-decoration: none;
}

@media (max-width: 768px) {
	.footer {
		font-size:0.8rem;
	}

	.footer-title {
		font-size: 2.2rem;
	}

	.footer-link li {
		display: block;
		margin-right: 1rem;
	}

	.footer-row-2 {
		padding-top: 1rem;
		text-align: center;
	}
}

/* Utility
=================================================== */
.rdw-show {
	display: none;
}

.rdw-hidden {
	display: show;
}

.uppercase {
	text-transform: uppercase;
}

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.spacer {
	clear: both;
}

.marger-top {
	margin-top: 2rem !important;
}

.liner-bottom {
	border-bottom: 1px solid #aaa;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

@media (max-width: 800px) {
	.rdw-show {
		display:show;
	}

	.rdw-hidden {
		display: none;
	}
}

/* SPIP
=================================================== */
.article-texte h3, h3.spip {
	margin-top: 1rem;
	font-size: 1.2rem;
	font-weight: bold;
}

tt, .spip_code {
	font-family: monospace;
	color: #474646;
	background: #efefef;
	padding: 1px 4px;
	margin: 0 3px;
	border: 1px solid #d3d2d2;
	font-weight: bold;
}

.spip_poesie {
	color: #414141;
	background: #efefef;
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 0.25rem;
	width: 100%;
}

textarea.spip_cadre {
	color: #ededed;
	background: #414141;
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 0.25rem;
	width: 100% !important;
}

blockquote.spip {
	color: #ededed;
	background: #414141;
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 0.25rem;
	width: 100%;
}

blockquote.spip p:first-child {
	margin-bottom: 0;
}

blockquote.spip a {
	color: #8bedde;
}

blockquote.spip a:hover {
	color: #6ab7ac;
}

table.spip {
}

table.spip td {
	padding: 1rem;
}

tr.odd {
	background-color: #eee;
}

tr.even {
	background-color: #7e7a7a;
}

/* Document (version 2015.03.04) */
dl.spip_documents {
	margin: 0;
}

.spip_documents a.spip_out {
	background: transparent !important;
	text-decoration: none!important;
	border: 0px #fff !important;
}

/* pour eviter les bordures sur lien img [<img1>->url] */
.spip_documents_left {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 0.8em;
}

.spip_documents_right {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 0.8em;
}

@media (max-width: 1100px) {
	.spip_documents_left, .spip_documents_right {
		float:none;
		margin: 1em 0;
	}
}

dl.spip_documents_center, .spip_documents_center {
	display: block !important;
	float: none;
	text-align: center;
	margin: .8em auto;
}

.spip_doc_titre, .spip_doc_descriptif {
	clear: both;
	font-size: 0.8em;
	margin: 0 auto;
	font-family: Verdana;
}

img.spip_logos {
	margin: 10px;
}

dl.spip_documents a img {
	border: 0 !important;
}

/* modele speciale img afficher titre et desc */
.spip_doc_titre {
	font-size: 0.9em;
	font-weight: bold;
}

.spip_doc_descriptif {
	font-size: 0.8em;
	font-weight: normal;
}

dd.spip_doc_credits {
	font-size: 0.8em;
	text-align: center;
	margin: 0;
}

hr.spip {
	border: none;
	border-top: 1px solid #d5d5d5;
	clear: both;
}

/* formulaire spip */
.formulaire_spip {
}

.formulaire_spip label {
	display: block;
	margin-top: 1rem;
}

.formulaire_spip .text, .formulaire_spip textarea {
	padding: 0.3rem;
}

.formulaire_spip .submit {
	margin: 1rem 0;
}

legend {
	font-size: 1.2rem;
}

.erreur_message {
	font-size: 11px;
	color: #d00;
	display: block;
	font-family: arial,verdana;
	font-size: 110%;
}

.reponse_formulaire {
	margin: 1em 0;
	font-family: arial,verdana;
	font-size: 110%;
}

.reponse_formulaire_ok {
	color: #0a0;
	font-family: arial,verdana;
	font-size: 110%;
}

.formulaire_spip ul, .formulaire_spip li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.spip_surligne {
	background: yellow;
}

/* pagination */
.pagination {
	padding-top: 1rem;
	font-size: 1rem;
	display: flex;
	align-items: center;
}


/* SPIP 4+ */
.pagination-items {
	flex-grow: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.pagination-item-label {
	padding: 0.5rem 1rem;
}

.pagination-item:after {
	content: "|";
}

@media (max-width: 992px) {
	.pagination-item:after {
		content:"";
	}
}

.pagination-item:last-child:after {
	content: "";
}

.pagination-item.on span {
	font-weight: bold;
}

/* commun SPIP 4.0  -SPIP 3.2 */
.pagination-total:before {
	content: "- ";
}

@media (max-width: 992px) {
	.pagination-total:before {
		content:"";
	}
}

.pagination a.lien_pagination {
	text-decoration: none;
}

.pagination-titre {
	margin-right: 1.5rem;
}

.pagination .on, .lien_pagination {
	text-decoration: none;
	display: inline-block;
}

.pagination .lien_pagination:hover {
	text-decoration: none;
	color: #000;
}

/* Plugins
=================================================== */
/* oembed */
.oembed figcaption {
	display: none;
}

.spip_documents .oembed {
	background: transparent;
	padding: 0;
	border: none;
}

/* Menu
=================================================== */
/* Page
=================================================== */
/* auteur */
.logo-auteur {
	border-radius: 100%;
}

/* auteurs */
.auteur-index {
	display: inline-block;
	text-decoration: none;
	padding: .1rem .4rem .2rem .4rem;
	; min-width: .8rem;
	text-align: center;
	border-radius: 100%;
	background-color: #999;
	color: #fff;
	margin: 1rem .1rem .5rem 0;
}

.auteur-index-on, .auteur-index:hover {
	background-color: #000;
}

.auteur-preview-title {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	/*background:pink;*/
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	padding: 0;
	border-top: 1px solid #aaa;
	color: #34495e;
}

.auteur-preview-title:hover {
	text-decoration: none;
	color: #1042fb;
}

.auteur-preview-img {
	width: 18%;
	padding-top: 4px;
	margin-right: 2%;
}

.auteur-preview-text {
	width: 80%;
}

.auteur-preview-text h1 {
	font-size: 1.5rem;
	margin: 1.2rem 0 .2rem 0;
}

/* homepage - sommaire 
----------------------------------*/
/* homepage layout */
.home-row-2 {
	margin: 1rem 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.home-row-2-col {
	width: 48%;
}

@media (max-width: 768px) {
	.home-row-2-col {
		width:100%;
	}
}

.home-row-3 {
	margin-top: 1rem;
}

/* article-preview */
.article-preview {
	background-color: #fff;
	margin-bottom: 2rem;
	overflow-wrap: break-word;
}

.article-preview-theme {
}

.article-preview-theme a {
	padding: .5rem 1rem;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.article-preview-texte {
	padding: .5rem 1rem;
	display: block;
	color: #34495e;
}

.article-preview-texte:hover, .article-preview-texte:hover .article-preview-titre {
	text-decoration: none;
	color: #1042fb;
}

.article-preview-titre {
	font-size: 1.2rem;
	margin-top: 0.5rem;
	font-family: 'Crimson Text', serif;
	text-decoration: none;
	font-weight: bold;
	color: #2d3e50;
}

.article-preview-meta {
	padding: .5rem 1rem;
	text-align: right;
	font-size: 0.8rem;
	color: #999;
}

.article-preview-meta a {
	font-size: 0.95rem;
	color: #34495e;
}

.article-preview-img {
	margin: 0.5rem 0;
	text-align: center;
}

.article-preview-img img {
	max-width: 100%;
	height: auto;
}

/* article-preview-short */
.article-preview.article-preview-short {
	margin-bottom: .5rem;
}

.article-preview-short {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 4px;
}

.article-preview-short .article-preview-theme {
	margin: 5px;
}

@media (max-width: 1100px) {
	.article-preview-img {
		text-align:left;
	}

	.chapter {
		text-align: left;
		border-bottom: 1px solid #eee;
	}
}

/* article 
----------------------------------*/
.ariane {
	padding: .5rem 0;
	color: #fff;
}

.ariane ul {
	list-style: none;
	margin: 0;
}

.ariane li {
	display: inline-block;
}

.ariane a {
	color: #fff;
}

.ariane span {
	display: inline-block;
	padding: 0 0.5rem;
}

.ariane li.on a {
	font-weight: bold;
}

.content-main-wrapper {
	background-color: #fff;
	padding: 1rem 2.5rem;
}

@media (max-width: 768px) {
	.content-main-wrapper {
		padding:1rem 1rem;
	}
}

.content-main-wrapper img {
	max-width: 100%;
	height: auto;
}

.article-chapo {
}

.article-titre {
	font-size: 1.9rem;
	font-family: 'Crimson Text', serif;
	font-weight: bold;
	padding: 1rem 0;
	margin-bottom: 1rem;
	border-bottom: 1px solid #888;
}

@media (max-width: 768px) {
	.article-titre {
		font-size:1.4rem;
	}
}

.article-soustitre {
	font-size: 1.2rem;
	font-weight: bold;
}

.rss_chapo, .article-chapo {
	/*background-color:#eee;*/
	padding: 1rem;
	font-size: .9rem;
	margin: 1rem 0;
	border-left: 15px solid #eee;
}

.article-texte {
}

@media (max-width: 768px) {
	.article-texte {
		font-size:.88rem;
	}
}

.article-texte a {
	text-decoration: underline;
}

.article-texte h2 {
	font-size: 1.4rem;
}

.date {
	margin-top: 2rem;
	color: #999;
	font-size: 0.9rem;
}

.license {
	font-size: 0.9rem;
}

.site_info {
	clear: both;
	margin: 1.4rem 0;
	background: #efefef;
	border: 1px solid #aaa;
	padding: 1rem;
}

.site_info h4 {
	font-weight: bold;
}

/* forum */
#forum {
}

#forum a.btn-more {
	float: right;
}

#forum .btn {
	background-color: #1042fb;
	color: #fff;
}

.previsu {
	background-color: #fff;
	padding: 1rem;
}

.previsu legend {
	background-color: #fff;
	padding: 0rem 1rem;
	border-bottom: 3px solid #1042fb;
}

/* forum */
ul#forums {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
}

ul#forums {
	margin: 2em 0 0 0;
	padding: 0;
	list-style: none;
}

ul#forums li {
	padding: 1rem;
	clear: both;
	border-top: 1px solid #eee;
}

ul#forums li li {
	border: none;
	padding: 0;
}

ul#forums li.odd {
}

ul#forums li.even {
	background: #fafafa;
}

ul#forums strong {
	text-decoration: none;
	font-weight: normal;
	color: #8D8E8D;
	background: #efefef;
	width: 80px;
	border: 1px solid #eee;
	text-align: center;
	display: block;
	float: left;
	margin: 0 8px 3px 0;
	padding: 10px 2px;
}

ul#forums span {
	font-weight: normal;
	color: #8D8E8D;
}

ul#forums div {
	font-weight: normal;
	margin: 0.4em 0;
	padding: 0 0 0 95px;
}

ul#forums h4 {
	color: #135F85;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
}

/* portfolio */
.portfolio {
	margin: 1em 0;
}

.portfolio-item {
	float: left;
	margin: 0 5px 5px 0;
	padding: 8px 8px 28px 8px;
	border: 1px solid #ddd;
	;border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.portfolio-item img {
	border-top: 1px solid #aaa;
	border-left: 1px solid #999;
}

.portfolio-item:hover {
	border: 1px solid #888;
	background: #fafafa;
}

/* rubrique
----------------------------------*/
.rubrique-title {
	border-radius: .4rem;
}

.rubrique-title a {
	font-size: 1.6rem;
	line-height: 100%;
	margin-bottom: 1rem;
	padding: 0.5rem 1rem;
	text-decoration: none;
	color: #fff;
	display: block;
	border-radius: .4rem;
}

.rubrique-title a:hover {
	background-color: #000;
	padding-left: 1.8rem;
}

/* recherche 
----------------------------------*/
.article-search input {
	padding: 5px;
	text-align: left;
}

.alert-error {
	background-color: #ffc2c3;
	border-radius: 1rem;
	padding: 1rem;
	font-size: 1.2rem;
}