@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: "Ubuntu", 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: #f7630d;
    color: #fff;
}

.theme-col-1 {
    background-color: #653ea3;
}

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

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

.theme-col-4 {
    background-color: #3585eb;
}

.theme-col-5 {
    background-color: #2afb4e;
}

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

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

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

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

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

/* 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%;*/  
    background: #fff url("../img/banner.png") no-repeat;
    background-position-x: 50%;
    background-position-y: 65%;
    height: 10rem;
    padding-top: 1rem;
}

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

@media (max-width: 800px) {
    /* brkpoint 576*/
    .banner-wrapper {
        background:#fff url("../img/banner.png") no-repeat;
        background-position-x: 65%;
        background-position-y: 65%;
    }
}

@media (max-width: 360px) {
    .banner-wrapper {
        /*background:#fff url("../img/banner.png") no-repeat top 45% left 10%;*/
        background:#fff url("../img/banner.png") no-repeat;
        background-position-x: 80%;
        background-position-y: 65%;
    }
}

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

.banner-title {
    font-size: 5rem;
    color: #18223f;
    font-family: "Ubuntu";
    font-weight: bold;
    line-height: 90%;
    margin-right: 1rem;
    width: 30%;
    width: 14rem;
}

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

.banner-desc {
    font-size: 2rem;
    color: #95a5a6;
    font-family: "Ubuntu";
    line-height: 100%;
    /*text-align: center;*/
}

.banner_ligne_sup {
    font-size: 1.5rem;
    color: #95a5a6;
    font-family: "Ubuntu";
    line-height: 100%;
    /*text-align: center;*/
}

.banner-desc1 {
    font-size: 2rem;
    color: #094549;
    font-family: "Ubuntu";
    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;
}

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

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

@media (min-width: 1200px) {

    .banner-title {
        font-size: 3rem;
        width: 100rem;
    }
}



@media (max-width: 1200px) {

    .banner-title {
        font-size: 3rem;
        width: 75rem;
    }

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

    .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: 992px) {
    .search {
        width:120px;
    }
}

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

    .search {
        width: 100%;
    }

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

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

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

@media (max-width: 575.98px) {
    .banner-title {
        font-size: 1.3rem;
        width: 50rem;
    }
}

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

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

.bloc-title {
    font-family: 'Ubuntu';
    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: 'Ubuntu';
    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;
    }
}

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

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

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

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

/* 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 {
    font-weight: bold;
}

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

.article-preview-texte {
    padding: .5rem 1rem;
    font-family :'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    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 :'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    font-weight: normal;
    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: 'Segoe UI', sans-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;
}