/*100Thin  200Extra Light 300Light 400Normal 500Medium 600SemiBold 700Bold 800ExtraBold 900Black (Heavy) */
/* classe "rubriques_gre" */

@font-face {
   font-family: 'Source_Serif_Pro';
   src: url('../fonts/Source_Serif_Pro-400.woff2') format('woff2');
   font-weight:400;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2');
   font-weight:400;
   font-style: normal;
}

/* auteurs*/
@font-face {
    font-family: 'Montserratmedium_italic';
    src: url('../fonts/montserrat-mediumitalic-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* titres des flux */
@font-face {
    font-family: 'Montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2');
    src: url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserratmedium';
    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Oswald_300';
    src: url('../fonts/oswald_300-webfont.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

/* classe "rubriques_gre" */
@font-face {
    font-family: 'Oswald_500';
    src: url('../fonts/oswald_500-webfont.woff2') format('woff2');
    src: url('../fonts/oswald_500-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto_Sans_italic';
    src: url('../fonts/notosans-italic-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

.Oswald_300 {
    font-family: "Oswald_300";
  }

.Oswald_500 {
    font-family: "Oswald_500";
  }

.Noto_italic {
    font-family: "Noto_Sans_italic";
  }

.alert {font-size:1.0em;font-weight:500;color:#000;}
#titre {position:absolute;left:0;right:0;top:100px;font-weight:700;font-size:25px;color:#fff;text-transform:uppercase;text-shadow:0 2px 0 #8400ff;letter-spacing:3px;margin:0}
#min-text{font-size:0.8em;height:auto;padding:8px;background-color:#02050e;color:#fff;border-radius:5px;margin-bottom:8px}

.nav {font-size:1.2em;background-color:#1c212e !important;}


/* STYLES PAR DEFAUT */
* {
    margin: 0;
    padding: 0;
}

@media (min-width:320px)  { .mestitres {font-size:1.0em;} .mestitres a {font-size:1.0em;} .Textebase {margin-bottom:0.5em;font-family:'Montserrat',verdana,arial,sans-serif;word-spacing:1px;}/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px)  { .mestitres {font-size:1.0em;} .mestitres a {font-size:1.0em;} .Textebase {margin-bottom:0.5em;font-family:'Montserrat',verdana,arial,sans-serif;word-spacing:1px;}/* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { .mestitres {font-size:1.0em;} .mestitres a {font-size:1.0em;} /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { .mestitres {font-size:1.0em;} .mestitres a {font-size:1.0em;} /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { .mestitres {font-size:1.2em;} .mestitres a {font-size:1.2em;} /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { .mestitres {font-size:1.4em;} .mestitres a {font-size:1.4em;} #flux {font-size:1.8em;} /* hi-res laptops and desktops */ }
@media (min-width:2560px) { .mestitres {font-size:1.8em;} .mestitres a {font-size:1.8em;} #flux {font-size:1.8em;} /* hi-res laptops and desktops */ }

body, html {font-family:Montserrat,system-ui,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif; color:#000;font-size:16px;
background:#1c212e;}

.rubriques_gre {font-family:Oswald_500;font-size:2.3em;color:#000;}

.w3-bar a:link {text-decoration:none}

.menu_haut {font-family:Oswald_300,arial,Sans-Serif;color:#fff;font-size:1.3em;vertical-align:baseline;}

a.top {font-family:'Montserratbold',arial,helvetica,sans-serif;font-variant:small-caps;font-size:1.2em;color:#fff;/*text-decoration:underline #ff0000;*/}
a:visited.top {/*text-decoration:underline #ff0000;text-decoration-thickness: 25%;*/color:#fff;}
a:hover.top {text-decoration:underline #ff0000;color:#fff;text-decoration-thickness: 25%;}
a:active.top {text-decoration:underline #ff0000;color:#fff;text-decoration-thickness: 25%;}

.menuflex::before {content: " \2022  ";color:#82a3a1;}
a.menuflex {font-family:montserratsemibold,arial,helvetica,sans-serif;font-size:1.0em;color:#c0c0c0;}
a:visited.menuflex  {color:#c0c0c0;}
a:hover.menuflex  {text-decoration:underline #00ff00;}
a:active.menuflex  {text-decoration:underline #00ff00;}


/*chapôs */
h3 {font-family:Montserratmedium,verdana,arial,sans-serif;} /*titres podcasts - auteurs shaarli color:#669999;*/
h4 {font-family:Noto_Sans_italic,verdana,arial,sans-serif;margin-top:3px;} /*sous-titres surlignés - shaarli*/
h5 {font-family:Noto_Sans_italic,verdana,arial,sans-serif;color:gray;}
h6 {font-family:Montserratmedium,verdana,arial,sans-serif;color:#a02b2b;} /* rouge -Libre Actu*/

hr {size:1px}
hr.redline {height: 1px;border-color:#a02b2b;}
hr.style14 {margin-top:1.50em;margin-bottom:1.20em;border: 0; width:50%; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}


audio {filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);width:300px;height:1.7em;}
audio:hover {filter: drop-shadow(2px 3px 3px #333);}

iframe {width:330px!important;height:auto!important;}

video {
width: 960px;
max-width: 100%;
height: auto;
}
details {
border-radius: 8px;
padding: 0.3em 0.3em 0;
cursor:pointer;
background:#fff;
}

details[open] {
padding: 0.5em;
border: solid 1px #fff;
}

details[open] summary {
margin-bottom: 0.5em;
background: #eaf5fb;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

summary {
display: list-item;
font-weight: bold;
margin: -0.5em -0.5em 0;
padding: 0.3em;
color:#000;
background:rgb(240, 255, 240);
border-radius: 8px;
}

summary:hover {
background:rgb(230, 255, 230);
border-radius: 8px;}



article > h4 {font-family: 'Montserratmedium_italic',sans-serif;}
form select {border: 0px transparent; border-color: transparent transparent transparent transparent;background-color:#000;margin-left:17px;margin-top:20px;font-weight:bold;}
div {overflow-wrap: break-word;}
tooltip {font-weight: 900;font-size:1.5em;}
blockquote {font-size:1.1em;color:#8b0000;}
svg {overflow: visible;}/* Par défaut les navigateurs masquent ce qui dépasse du Viewbox */

.accueil {font-family:Oswald_300,sans-serif;color:#fff;font-size:1.3em;vertical-align:baseline;}

/*== MENU DROIT des FLUX == */

/* pictos menu droit */
.btn-group:hover a{transition: all 0.5s ease-in-out;}
.fist {text-decoration:none;transition: all .2s ease-in-out;}
.fist:visited {text-decoration:none;z-index:2;color:#ddd;}
.fist:hover {text-decoration:none;z-index:2;color:red;transform: scale(1.5);}
.fist:active {text-decoration:none;z-index:2;color:red;}
.el {text-decoration:none;transition: all .1s ease-in-out;}
.el:visited {text-decoration:none;text-decoration:none;z-index:2;color:#ddd;}
.el:hover {text-decoration:none;z-index:2;color:#00e600;transform: scale(1.5);}
.el:active {text-decoration:none;z-index:2;color:#00e600;}
.tool {transition: all .2s ease-in-out;}
.tool:visited {z-index:3;color:#ddd;}
.tool:hover {z-index:3;color:tomato;transform: scale(1.5);}
.tool:active {z-index:3;color:tomato;}

dt{font-family:'Oswald_300',sans-serif;font-size:1.2em;}
.MRBE{font-family:Oswald_500,sans-serif;font-size:1.2em;color:#ccffcc;}


/* ==== LECTEURS DE FLUX WS3 ===== */

.EnTeteFlux {
font-family:'Oswald_600',sans-serif;padding:1.0em;border-radius:3px;padding-bottom:0.5em;cursor:pointer;
}

img {display:block;max-width:100%;height:33%} /* global  */
img.webfeedsFeaturedVisual {display:none  !important;}/* UpMagazine */

figure {display:none !important} /*Terrestres*/
/*figure img {display:block;max-width:100%;height:33%} /* blog Le Monde sex  */
.vignette {display:none;} /*Quartier Général - Disclose  */
.img-thumbnail{max-width:50%;height:23%}  /*Humanité,HuffPost, Disclose... */
.inline {display:none;} /* PhiloMag */
.webfeedsFeaturedVisual {display:none;} /* Rapports de Force - images doublon */
.related-entries__image__src {display:none;} /* Huffington Post - big pictures*/
.related-entries__image {display:none;}/* Huffington Post - big pictures*/
.sqs-block-image-figure {display:none;}/* Autre Quotidien */
.img-fluid {max-width:50%;height:23% !important;}/* Inkyfada */
.size-full  {max-width:50%;height:23%;} /* Global Investigative Network*/
.wp-block-heading {margin: 0;padding: 0;border: 0;font-family:Montserratbold,verdana,arial,sans-serif;vertical-align:baseline; }/*Obs strategique de l'Info'*/
.feed-description > description > img {display:none;}/* Catas Naturelles */

.col_menu {font-family:'Montserratmedium',sans-serif;font-size:1.0em;}
.col-padding {padding:1.1rem;margin-bottom:1.3em;color:#c0c0c0;}
.typeflux {font-family:Noto_Sans,arial,verdana,sans-serif;font-size:1.5em;padding:5px;}

.acces {font-size:1.5em;font-family:'Montserratbold',sans-serif;color:green;}
.DatePub {font-family:Oswald_300,arial,sans-serif;font-size:1.2em;color:#696969;}
.auteurs, .source {font-family:'Montserratmedium_italic',arial,sans-serif;color:#8b008b;}

.close {transition: all .2s ease-in-out;}
.close:visited {z-index:3;color:#ddd;}
.close:hover {z-index:3;color:#a02b2b;transform: scale(1.5);}
.close:active {z-index:3;color:#a02b2b;}


.mestitres {font-family:'Montserratbold',verdana,arial,sans-serif;font-size:1.3em;}
.mestitres a:link {color:#0047b3;text-decoration:none;font-size:1.3em;}
.mestitres a:visited {color:#0047b3;text-decoration:none;font-size:1.3em;}
.mestitres a:hover {color:green;text-decoration:none;font-size:1.3em;}
.mestitres a:active {color:green;text-decoration:none;font-size:1.3em;}

.description {font-family:'Montserratmedium_italic',sans-serif;}

.Textebase {margin-bottom:0.5em;font-family:'Montserrat',verdana,arial,sans-serif;word-spacing:1px;line-height:26px;font-size:1.2em}

.TexteMedias {margin-bottom:0.5em;font-family:'Montserrat',verdana,arial,sans-serif;color:#000;text-align:justify;text-justify:inter-word;}

.comptage {
font-family:Montserratbold,sans-serif;font-size:2.8em;font-weight:800;vertical-align :5px;
color:#fff;text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;}

.flechage {vertical-align:5px;text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;}
.flechage a:link {color:#fff;}
.flechage a:visited {color:#fff;}
.flechage a:hover {color:#7cfc00;}
.flechage a:active {color:#7cfc00;}


.tooltip-inner{
width:auto;
font-family:Oswald_500,sans-serif;
font-size:1.8em;
font-weight:900;
color:tomato;
background-color:#000;
}

/* EN TETES BLOGS */
.blogs {font-family:Oswald,arial,sans-serif;font-stretch:condensed;font-size:1.8em;margin-bottom:1.4em;}


/*ASSOS*/
.deux_cols {
columns:2;margin-top:2.0em;font-size:1.0em;width:auto;height:20%;word-wrap:break-word;
  }


.two_colls .mestitres {
font-size:1.1em;
  }

/* ==== EFFETS ==== */
/* fade-in 2s applicable à TOUT élément :*/
.fade-in {
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}