R.E.S.F. Education Sans Frontieres-Dark/Grey v.15 by decembre

/* ==UserStyle==
@name         R.E.S.F. Education Sans Frontieres-Dark/Grey v.15
@namespace    USO Archive
@author       decembre
@description  Pour une Interface plus lisible (à mon gout...)  de ce bel outil que met à notre disposition R.E.S.F. (Réseau Education Sans Frontières).    Afin de contrer les lois iniques qui menacent d’expulsion les élèves et parents d’élèves sans papiers, n'hésitez pas à le visiter (et à les soutenir...) !    Ancienne adresse :   http://www.educationsansfrontieres.org/    Nouvelle adresse (Octobre 2020):  <a href="https://reseau-resf.fr/">Réseau Éducation Sans Frontières (Resf) - Nouveau Site</a>
@version      20220615.13.03
@license      NONE
@preprocessor uso
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.educationsansfrontieres.org"), domain("reseau-resf.fr") {


/* ==== 0- R.E.S.F. Education Sans Frontieres-Dark/Grey v.15 ====  */

/* (new14) - COOKIE MESSAGE - === */
.chapo:not(.crayon) {
  border-bottom: 1px dotted lightgrey;
  border-top: 1px dotted lightgrey;
  font-family: Verdana,Arial,Sans,sans-serif;
  font-size: 11pt;
  font-weight: normal;
  left: 158% !important;
  margin-left: 2%;
  position: absolute !important;
  top: -91px !important;
  width: 314px !important;
/* color: red !important; */
}

/* (new13) - correction pour
http://www.educationsansfrontieres.org/spip.php?article51382
=== */
.contenu_article .chapo + .texte {
width: 87%!important;
}


/* (new4) PETITIONS VISITED - === */
.la a:visited h2 ,
.formulaire_signature ul li a:visited {
    color: red ! important;
}

.la h2 {
  color: gray;
  font-family: "Lucida Sans Unicode (TrueType)",Arial,Tahoma;
  font-size: 16px !important;
  font-weight: bold;
}
/* (new14) - PETITION - TABLE BORDER - === */
.MsoTableGrid>tbody>tr>td p ,
.MsoTableGrid>tbody>tr>td ,
.texte table.MsoNormalTable tbody tr td {
    border: 1px solid gray !important;
    border-collapse: collapse;
}

/* (new14) PETITION CONTAINER - === */
.contenu_article {
    display: inline-block !important;
width: 100%!important;
    clear: none !important;
    float: none !important;
    padding: 30px;
overflow: hidden !important;
text-overflow: ellipsis !important;
border: 1px solid gray !important;
}
#date_article {
    font-size: 20px;
    color: gold;
    border: 1px solid gold;
}


.contenu_article > a:not(:empty) {
position: relative !important;
    display: inline-block !important;
vertical-align: top !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 30px !important;
    line-height: 0px !important;
/* top: 20px !important; */
    top: -22px !important;
text-align: right !important;
    white-space: pre;
    word-wrap: break-word;
    overflow: hidden !important;
border: 1px solid gray !important;
background-color: transparent ;
}
.contenu_article>a .spip_logos {
/* position: absolute !important; */
/* position: relative !important; */
    display: inline-block !important;
    border: 0 none;
/* margin-bottom: -20px !important; */
    padding: 0;
    float: left !important;
width: 30px !important;
height: 30px !important;
}
.contenu_article>br {
    display: none !important;
}

/* (new15) LOGO PETIONS */
.liste.long.articles .liste-items img.img-fluid{
/* position: absolute !important; */
/* position: relative !important; */
    float: right !important;
width: 70px !important;
height: 70px !important;

margin: 0 3px 3px 0 !important;
    padding: 0;
    border: 0 none;
border-radius: 3px !important;
object-fit: contain !important;
}

/* (new5) PETITION TITRE - === */
.contenu h1 {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
line-height: 22px!important;
margin-top: 30px !important;
padding: 5px 20px !important;
  font-size: 15px!important;
  font-weight: bold;
  text-align: center !important;
background: #222222 !important;
}
.contenu h1 + .breadcrumps {
position: relative!important;
display: inline-block!important;
    font-size: 7pt;
    padding: 1px;
    text-align: left!important;
    width: 100%!important;
    min-width: 100%!important;
    max-width: 100%!important;
}
.i_breadcrump {
  position: absolute;
  max-width: 570px !important;
  min-width: 300px!important;
  left: 0;
  top: 2px!important;
  padding: 5px;
  border-color: #648b99;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 3px;
  text-align: left;
  font-size: 10px;
  opacity: 0.93;
  background-color: #eaffea;
}
.contenu h1 + .breadcrumps ul li {
position: relative!important;
display: inline-block!important;
    font-size: 7pt;
    padding: 1px;
    text-align: left!important;
    width: 100%!important;
    min-width: 200px!important;
    max-width: 500px!important;
margin-top: 5px!important;
}

.contenu h1 a ,
.contenu h1 a font {
  font-size: 15px!important;
}
.contenu h1:hover {
position: relative !important;
display: inline-block !important;
float: none !important;
/* width: 700px!important; */
  font-size: 16pt;
  font-weight: bold;
  text-align: left !important;
/* background: red!important; */
}
.contenu h1 a {
display: inline-block !important;
width: 700px!important;
padding: 0 5px!important;
/* background: #333333!important; */
/* color: peru!important; */
}
.contenu h1:hover a {
display: inline-block !important;
/* padding: 0 5px!important; */
background: #333333!important;
color: peru!important;
transition: color 1s ease-in !important;
}
/* (new5) - RUBRIQUE - CHARLIE PAGE - 
http://www.educationsansfrontieres.org/rubrique461.html
=== */
.titre_art {
  display: inline-block!important;
}
.cartouche {
    position: relative !important;
display: inline-block !important;
    width: 92% !important;
    min-height: 74px !important;
    padding: 8px;
    border-top: 1px dotted lightgrey;
    text-align: left !important;
}
/* (new13) */
.cartouche>div:not(.ancre1):not(#date_article):not(.d-sm-flex) {
    color: peru !important;
    font-size: 8pt;
    margin-top: -201px !important;
    position: absolute !important;
    text-align: right;
}
.liste_articles {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    left: 0 !important;
    text-align: left!important;
}
.liste_articles ul li.la.pas_recent>a {
position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
    left: -10px !important;
    border-radius: 0px !important;
}
.liste_articles ul li.la.pas_recent>a>img[align="middle"] {
float: none !important;
    display: inline-block !important;
    left: -81%!important;
    margin-right: 80% !important;
    margin-top: 2px !important;
    padding: 1px !important;
    border-radius: 2px !important;
    border: 1px solid red !important;
}
#principal.contenu .liste_articles .liste_articles ul li.la {
    display: inline-block !important;
    line-height: 26px !important;
    width: 100% !important;
    margin-left: 9% !important;
}

/* (new4) PopUp Infos petition/infos - === */
h1 + .ancre1 .intro {
    position: absolute;
display: inline-block !important;
opacity: 0 !important;
width: 97% !important;
height: auto !important;
    left: -5px!important;
margin-top: -14px!important;
padding: 5px 20px 20px 55px!important;
    color: grey !important;
    font-size: 14px!important;
transition: opacity 2s ease-in!important;
border: solid  red !important;
}
h1 + .ancre1 .intro:hover ,
h1:hover + .ancre1 .intro {
    position: absolute;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    left: -35px!important;
    padding: 5px 20px 20px 55px!important;
    border: solid  red !important;
    border-radius: 5px !important;
    color: grey !important;
    font-size: 14px!important;
transition: opacity 0.7s ease-in!important;
}
/* (new12) */
.la.recent_s .ancre1 .intro ,
.la.recent_j .ancre1 .intro ,
.la.pas_recent .ancre1 .intro  {
opacity: 0 !important;
    transition: 0.7s opacity ease !important;
}
.la.recent_s:hover .ancre1 .intro ,
.la.recent_j:hover .ancre1 .intro ,
.la.pas_recent:hover .ancre1 .intro {
    width: 94% !important;
height: auto !important;
    left: -10px !important;
padding: 5px 5px 5px 60px !important; 
border-bottom: 40px solid peru ! important;

    opacity: 1 !important;
    transition: 1s opacity ease !important;
}

/* (new4) PAGE INTRO APPELS - LOGO SOMMAIRE APPELS - === */
.som img:not([src="squelettes/img/signer.png"]):not([src="squelettes/img/message.png"]){
min-width: 100px!important;
background: white!important;
}

 .som .spip_logos{
position: relative!important;
display: inline-block!important;
    float: left !important;
    left: 0px!important;
transform-origin: 0 0 !important;
    transform: scale(0.7) !important;
}
.som .spip_logos + img{
position: relative!important;
display: inline-block!important;
    float: left !important;
    padding: 0;
transform-origin: 0 0 !important;
    transform: scale(0.7) !important;
}
.som img:only-of-type ,
.som .spip_logos:only-of-type {
position: relative!important;
display: inline-block!important;
    float: left !important;
    transform: scale(0.7) !important;
transform-origin: 0 0 !important;
border: 1px red solid!important;
}

/* (new5)Recherche Dans Page */
#outils_page {
    float: none !important;
    font-size: 10pt !important;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid gray!important;
}
#paginer {
  border: none !important;
  clear: both;
  float: none !important;
}
#query {
    width: 50%!important;
}
.liste_articles>img[alt="paginer"] {
    po...