@charset "UTF-8";
/*

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

    @-Brest



=== 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-263 {
	/* @-Brest */
	background-color:#1042fb;
}

.theme-col-264 {
	/* Médiation numérique */
	background-color:#01c853;
}

.theme-col-265 {
	/* Actualité */
	background-color:#ffb901;
}


.theme-col-266 {
	/* Coopération et innovations sociales */
	background-color:#765f89;
}



.theme-col-267 {
	/* Bretagne */
	background-color:#00b294;
}

.theme-col-268 {
	/* Écrits publics, multimédia */
	background-color:#2d7c9a;
}

.theme-col-269 {
	/* Internet et Société */
	background-color:#0078d7;
}

.theme-col-270 {
	/* Libres et savoirs publics */
	background-color:#e64856;
}

.theme-col-281 {
	/* Fils d'infos */
	background-color:#55acef;
}

.theme-col-282 {
	/* Agenda */
	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:5rem;
	color:#18223f;
	font-family:"Times New roman";
	line-height:90%;
	margin-right:1rem;
	width:30%;
	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;}

.formulaire_login #spip_logo_auteur {
	display:none;
}
.editer_session .choix {
	display:flex;
	align-items:center;
}


.editer_session .choix label {
	margin-left:.5rem;	
}

/* surcharge btn bootstrap */
.btn {
	color:#fff !important;
	background-color:#1041FA !important;
}


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

.pagination-top {
	font-size:1.5rem;
	margin-top:1rem;
	border-bottom:1px solid #ccc;
	padding-bottom:1rem;
	font-size:1.5rem;
}

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

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

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

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

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