/* ===== WF 12-2022 ===== */

/* =====  FONTS   ===== */
@font-face {
  	font-family: 'OpenSans-Regular';
    font-style: normal;
  	font-weight: 400;
  	src: url('../_fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  	font-family: 'OpenSans-Bold';
    font-style: normal;
  	font-weight: 400;
  	src: url('../_fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  	font-family: 'OverlockSC-Regular';
    font-style: normal;
  	font-weight: 400;
  	src: url('../_fonts/OverlockSC-Regular.ttf') format('truetype');
}


/* 
=====  COULEURS  =====


=====             ===== */
    
/* =====  SPIP ADMIN   ===== */
.spip-admin-float { z-index:10000!important; }
 /* =====  SPIP   ===== */
img.spip_logo { float:none; }

/* ===== Voix de l'art petit ecran ===== */
#mep_0{
   min-height:220px;
}

/* ===== Base ===== */
body {
    background: #FFF;
    line-height: 1.7;
    color: #000;
    font-weight: 300;
    font-size: 20px;
    font-family:'OpenSans-Regular';
}
.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-image-parallax {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
::-moz-selection {
  background: #000;
  color: #fff; 
}
::selection {
  background: #000;
  color: #fff; 
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    text-decoration: none;
    color: #1399A3;
}
a:hover {
    text-decoration: none; 
    color :#C28A00;
    font-weight:bold;
}
a.on { color:#ad6c4d;}


a.info_car.spip_doc {
    color :indianred;
    font-size: 1.5em;
    text-align:center;
}
a[href$=".pdf"]:before {
   	font-family: "FontAwesome";
    content:"\f1c1";
	padding-right: 4px;
    color :indianred;
    font-weight: bold;
}
a.spip_out:after {
	font-family: "FontAwesome";
	content:"\f08e";
	padding-left: 8px;
	background-color:inherit;
}
a.spip_mail { 
    color :#79B0BB;
    font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
    font-family:'OverlockSC-Regular';
    font-weight:800;
}

hr {
  height: 4px;
  margin-left: 15px;
  margin-bottom:-3px;
}
.hr-warning { background-color:orange;}
.hr-success { background-color:green; }
.hr-primary { background-color:blue;  }
.hr-danger  { background-color:red;  }

#logo_art_rub { text-align:center; }

.mejs__neoplayer .mejs__controls {
	background: none!important;
}
.chroniques_auteur{
    text-align: center;
    margin-bottom:30px; 
    background-color: #C0C0C0; 
    padding:10px;
}
.texte {
    font-size:1.1em;
}


/* ===== scrolling ===== */
#to-bottom {
	border-radius: 50%;
	color:#FFF;
	background-color: #7f7f7f;
	position:absolute;
	bottom:20px;
    width:80px;
    padding:15px;
}
#to-bottom:hover  {
    color:#1399A3;
}

a.scrollup{
	height:32px;
	width:32px;
	color:#1399A3;
    background-color : #91452c;
	font-size:1.5em;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:25px;
	z-index:9999;
}
a.scrollup:hover{
	color:#91452c;
    background-color : #1399A3;
}

/* ===== Navbar ===== */
.bg-navbar {
    background-color: #505050;
}
.navbar{
    height: 90px;
    font-family:'OverlockSC-Regular';
}

.navbar-nav > li > a {
    padding: 5px 15px;
    margin : 0 5px;
    font-weight: 400;
    font-size:1em;
    text-transform: uppercase;
    text-decoration: none;
    color:#FFF;
}
.navbar-nav > li > a:hover {
    color: #F8DB00;
}

.navbar-nav > li > a.rub25:hover {
    color: #1E87CC;
}
.navbar-nav > li > a.rub30:hover {
    color: #FCB506;
}
.navbar-nav > li > a.rub21:hover {
    color: #1A9D03;
}
.navbar-nav > li > a.rub7:hover {
    color: #C105FC;
}
.navbar-nav > li > a.rub10:hover {
    color: #02C8EB;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a.on {
    color: #F8DB00;
}

/* ===== MENUS ===== */
.menu {
    background-color: #FFF;
    padding:10px;
}

/* ===== PAGINATION horizontale  ===== */
.pagination ul {
    list-style: none;
    margin-bottom:20px;
}
.pagination-items { margin: 10px 0 0 20px; }
.pagination-item { width:25px; float:left; }

.pagination-item-label {
    font-size:1.5em;
}
.pagination-item-label.on {
    font-weight: bold;
}
ul.pagination_precedent_suivant{
    list-style: none;
}
.pagination-item.prev:before {
    font-family: "FontAwesome";
    content:"\f060"; 
	padding-right: 5px;
    font-weight: bold; 
}
.pagination-item.next:after {
    font-family: "FontAwesome";
    content:"\f061"; 
	padding-left: 5px;
    font-weight: bold; 
}
.pagination-item.prev, .pagination-item.next { width:240px; }
.pagination-item.prev.disabled, .pagination-item.next.disabled { color:grey; }
.pagination-item.prev a:hover, .pagination-item.next a:hover{ color:#91452c; }


/* ===== SECTIONS ===== */
section {
    min-height: 750px;
}

/* ===== SECTIONS  PAGE ACCUEIL ===== */
.titrage {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:1.3em;
}
#section-top {
	height:100vh;
	min-height:100%;
	position:relative;
}
#section-top h1 {
	color: #FFEFD6;
	text-shadow:
		#000 8px 1px, 
		#000 -1px 1px, 
		#000 1px -1px, 
		#000 2px -1px; 
    font-size:8em;
    letter-spacing: 1rem;
    font-weight:900;
}
#section-top h3, #section-top h4 {
	color: #ad6c4d;
    font-size:2em;
	text-shadow:
        #000 0px 0px, 
		#000 0px 0px, 
		#000 0px 0px, 
		#000 0px 0px; 
    margin-bottom: 2em; letter-spacing: .2em;
}
#section-top h4 p{
	color: #ad6c4d;
 font-size:1.8em;
	text-shadow:
        #000 2px 0px, 
		#000 0px 0px, 
		#000 0px 0px, 
		#000 0px 0px; 
   letter-spacing: .2em;
}

/* ===== BLOCS sommaire ===== */
.sommaire-bloc {
    margin-top: 10px;
}
.sommaire-bloc:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; 
}

.bloc {
    display: block;
    overflow: hidden;
    margin: 30px 10px;
    /*border:solid rgba(183,57,3,1.00) 2px;*/
    text-align: center;
    position:relative;
}
/* 
.image-wrap-2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all eas
}
*/
.bloc:hover:before {
    background: rgba(0, 0, 0, 0.4);
    content: ""; 
}
.bloc-info {
    background-color: #ad6c4d;
    color:antiquewhite;
    padding:10px;
    text-align: center;
}
.bloc-info a {
    font-size : 1.2em;
    color:#0291AA;
    text-decoration:none;
}

.sommaire-bloc .bloc-info a h3{
    color:#FFF;
}
.sommaire-bloc .bloc-info a:hover h3{
    color:#F8DB00;
}

.sommaire-bloc .bloc.Cultur .bloc-info {
   background-color: #1E87CC;
}
.sommaire-bloc .bloc.Les.Vo .bloc-info {
   background-color: #FCB506;
}
.sommaire-bloc .bloc.Les.Ar .bloc-info {
   background-color: #1A9D03;
}
.sommaire-bloc .bloc.Les.Po .bloc-info {
   background-color: #CE0000;
}
.sommaire-bloc .bloc.Inform .bloc-info {
   background-color: #C105FC;
}
.sommaire-bloc .bloc.Qui.so .bloc-info {
   background-color: #02C8EB;
}
.sommaire-bloc .bloc.Contes .bloc-info {
   background-color: #ad6c4d;
}

.sommaire-bloc .bloc.Cultur .bloc-lien:hover {
   background-color: #1E87CC;
}
.sommaire-bloc .bloc.Les.Vo .bloc-lien:hover {
   background-color: #FCB506;
}
.sommaire-bloc .bloc.Les.Ar .bloc-lien:hover {
   background-color: #1A9D03;
}
.sommaire-bloc .bloc.Les.Po .bloc-lien:hover {
   background-color: #CE0000;
}
.sommaire-bloc .bloc.Inform .bloc-lien:hover {
   background-color: #C105FC;
}
.sommaire-bloc .bloc.Qui.so .bloc-lien:hover {
   background-color: #02C8EB;
}

.sommaire-bloc .bloc.Cultur .bloc-lien a {
   color: #1E87CC;
}
.sommaire-bloc .bloc.Les.Vo .bloc-lien a {
   color: #FCB506;
}
.sommaire-bloc .bloc.Les.Ar .bloc-lien a {
   color: #1A9D03;
}
.sommaire-bloc .bloc.Les.Po .bloc-lien a {
   color: #CE0000;
}
.sommaire-bloc .bloc.Inform .bloc-lien a {
   color: #C105FC;
}
.sommaire-bloc .bloc.Qui.so .bloc-lien a {
   color: #02C8EB;
}


.bloc-image img {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(1);
  /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all .1s ease-in-out; }
.bloc-image img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
}

.bloc-lien {
    position:absolute;
    top:50%;
    left:25%;
    z-index:100;
    background-color:#FFF;
    padding:5px 10px;
    border-radius: 10px;
    }
.bloc-lien a {
    font-size:1.1em;
    /*color:#91452c; */
    text-decoration:none;
    text-transform: uppercase; 
}
.bloc-lien a:hover{
    color:#FFF!important;
  }

.bloc img {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray;
    /* IE5+ */
    -webkit-filter: grayscale(1);
    /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .1s ease-in-out; 
}
.bloc:hover img {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01); }

.bloc-sommaire { 
    display:none;
}



/* ===== BLOCS page rubrique ===== */
.rubrique-bloc, .article-bloc {
    margin-top: 120px;
}
section.rubrique-bloc .titre_rubrique{
    margin: 0;
    padding:20px 0;
    text-align:center;
    color: #FFF;
}

#rub_content .bloc-auteurs{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:.8em;
}

#rub_content .bloc-lien{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:.8em;
}

/*    Informations     */
#section-7 .titre_rubrique {
    background-color: #C105FC;
}
#section-7 .bloc{
    min-height: 320px;
    padding: 20px;
    background-color: #cfc8bc;
}
#section-7.article-bloc .titre_article, #section-7.article-bloc .texte, #section-7.article-bloc .chapo {
    background-color:antiquewhite;
    padding: 20px; 
}
#section-7 .titre_article a{
    text-decoration: none;
    color: #91452c;
}
#section-7 .titre_article a:hover{
    text-decoration: none;
    color: #C105FC;
}
#section-7.article-bloc .menu h2 {
    color:#C105FC;
}

/*    Qui ?     */
#section-10 .titre_rubrique {
    background-color: #02C8EB;
}
#section-10 .bloc {
    min-height: 260px;
    padding: 20px;
    background-color: #cfc8bc;
}
#section-10 .titre_article {
    margin: 0 0 30px 0;
}
#section-10.article-bloc .titre_article, #section-10.article-bloc .texte, #section-10.article-bloc .chapo {
    background-color:antiquewhite;
    padding: 20px;
}
#section-10 .titre_article a{
    text-decoration: none;
    color: #91452c;
}
#section-10 .titre_article a:hover{
    text-decoration: none;
    color: #02C8EB;
}
#section-10.article-bloc .menu h2 {
    color:#02C8EB;
}
     
/*    podcasteurs     */
#section-20 .titre_rubrique {
    background-color: #CE0000;
}
#section-20.article-bloc .menu h2 {
    color:#CE0000;
}

/*    Archives     */
#section-21 .titre_rubrique {
    background-color: #1A9D03;
}
#section-21 .bloc{
    min-height: 320px;
    padding:20px;
    background-color: #cfc8bc;
}
#section-21 .bloc.auteur{
    min-height: 240px;
    padding:20px;
    background-color: #cfc8bc;
}
#section-21.article-bloc .titre_article, #section-21.article-bloc .texte, #section-21.article-bloc .chapo {
    background-color:antiquewhite;
    padding: 20px; 
}
#section-21 .bloc .texte{
    min-height: 50px;
}
#section-21 .titre_article {
    min-height: 70px;
}
#section-21 .titre_article a{
    text-decoration: none;
    color: #91452c;
}
#section-21 .titre_article a:hover{
    text-decoration: none;
    color: #1A9D03;
}
#section-21 .spip_documents h5{
   font-size:1em;
     min-height: 55px;  
}
#section-21.article-bloc .menu h2 {
    color:#1A9D03;
}
#section-12.article-bloc .menu h2 {
    color:#1A9D03;
}/* pour rubrique podcast */

/*     Culture 5      */
#section-25 .titre_rubrique {
    background-color: #1E87CC;
}
#section-25 .liste_actus_outer{
    border: 1px solid #1399A3;
    border-radius: 20px;
    padding: 10px 5px;
}
#section-25 .liste_actus_inner{
    padding: 20px 0;
    height: 100vh;
    overflow: scroll;
}
#section-25 .liste_actus_titre  {
    text-align: right;
}
#section-25 .liste_actus_titre a {
    color:#1399A3 ;
}
#section-25 .liste_actus_titre a:hover,#section-25 .liste_actus_titre a.on  {
    color:#C28A00 ;
    font-size:1.2em;
}
#section-25 .liste_actus_date {
    text-align: left;
}
#section-25 .liste_actus_date a {
    color:#1399A3 ;
}
#section-25 .liste_actus_date a:hover {
    color:#C28A00 ;
}
#section-25 .liste_actus_date a.on {
    color:#C28A00 ;

}
#section-25 .programme, #section-25 .a-lire  {
    background-color:#FFF; 
    padding: 20px;
}
#section-25 .texte {
    font-size: 1.1em;
    padding : 20px; background-color:antiquewhite;
}

/*    Voix de l'ART     */
#section-30 .titre_rubrique {
    background-color: #FCB506;
}
#section-30 .bloc{
    min-height: 240px;
    padding: 20px;
    background-color: #cfc8bc;
}
#section-30.article-bloc .titre_article, #section-30.article-bloc .texte, #section-30.article-bloc .chapo {
    background-color:antiquewhite;
    padding: 20px; 
}
#section-30 .titre_article a{
    text-decoration: none;
    color: #91452c;
}
#section-30 .titre_article a:hover{
    text-decoration: none;
    color: #C28A00;
}
#section-30 .texte {
    font-size: 1.1em; 
    padding : 20px; background-color:antiquewhite;
}
#section-30.article-bloc .menu h2 {
    color:#C28A00;
}

/* ===== FORUM ===== */
.forum-titre {
    font-size:1.2em;
    background-color :#E7E0D4;
    padding:10px;
}
#formulaire_forum {
    font-size:1em;
    background-color :#E7E0D4;
    padding:10px;
}
legend {
     font-size:1em;
}

/* ===== COMMENTS ======*/
/* COMMENTS */
.comments-items{
    padding:20px 10px;
    background-color:bisque;
    margin:0 0 20px 0;
}
.comments h2 {
    font-size: 1.2em;
    margin:10px 0;
}
.comment-meta {
     font-size: 1em;
}

/* page ARTICLE_FORUM          */
.comments-forum{
    border-radius: 8px;
	border: thin solid #000000;
    margin:10px 0;
    height:180px;
    padding:10px;
    overflow: scroll;
    background-color:antiquewhite;
}
.comments-forum h5 a {
    color: #1399A3;
}
.comments-forum h5 a:hover {
    color: #1FBC4F;
}

/* =====  FOOTER   ===== */
.footer-section  {
    background-color: #000;
    color: #bfbfbf;
    padding: 40px 20px;
    margin: 0;
}
.footer-section .sidebar-post img.spip_logo {
    width:50%;
    height:50%;
}
ul.social li {
    display:inline;
}
.footer-section a {
    color: #1399A3;
    font-weight: 600;
    text-decoration: none;
}
/* =====  COPYRIGHTS   ===== */  
.copyright-section {
  background-color: #000;
  color: #bfbfbf;
  padding: 0px 0px 15px 0;
}
.copyright-section .copyright-text a {
    color: #1399A3;
    font-weight: 600; 
}

/* =====  MEDIA QUERIES   ===== */
@media (min-width:200px) and (max-width:759px)   { 
    #section-top h1 {
        font-size:4em;
        text-shadow:
		#000 4px 1px, 
		#000 -1px 1px, 
		#000 1px -1px, 
		#000 2px -1px; 
        letter-spacing: 0rem; 
    }
    #section-top h3, #section-top h4 {
	    text-shadow:
		#000 4px 1px, 
		#000 -2px 1px, 
		#000 4px -1px, 
		#000 2px -1px; 
        font-size:2em;
        letter-spacing: .15em;
    }
    #section-top h4 p{
        font-size:1em;
        letter-spacing: 0em;
    }
    .bloc-lien a {
    font-size:.7em;
    }

}

@media (min-width:760px) and (max-width:999px)   {
    #section-top h1 {
        font-size:5em;
        letter-spacing: 1.2rem; 
    }
    .navbar-nav > li > a {
        border:none;
    }
}

@media (max-width:991px) {
   #section-25 .liste_actus_inner{
       font-size:.7em;
    }
}


@media screen and (max-width: 991px) {
    .navbar a.apple {
        display:none;
    }
}

@media screen and (max-width: 1199px) {
    .section-title h3 {
		padding: 3em 0 1em;
		font-size: 2em;
    }
}
@media (max-width:1399px) {
   #section-25 .liste_actus_inner{ font-size:.8em;}
}