@charset "UTF-8";
/* CSS Document, catherine.vernisson@inist.fr, janvier 2021 */

/*========= fonts ==========*/
:root {--bleu: #3da7f5;--bleger:#c1e5ff;--orange: #fe9919;--bnuit: #001942;}
body,.input-mail,.search-field,.suivre>h2,h2.poppins{font-family:'Poppins', sans-serif;color:var(--bnuit);}
.date,.source,h2,.h2,.nb,.voirtout,.page-content h3,.wpcf7 label{font-family:'Roboto Slab', serif;}
.titre-site,.titre-article,.titre-page{font-size:1.5625rem;}/*25*/
h2,.h2,h3,.h3,.inist{font-size:1.25rem;}/*20*/
.search-field,aside h2,.partager,article div.sharedaddy h3.sd-title,.wpcf7 label{font-size:1.125rem;}/*18*/
.page-content h3{font-size:1.0625rem;}/*17px*/
.date,.source,.resume,.lire,.liste-categories li,.archives li,.input-mail,.voirtout,.submit-abo,.Lien-bouton,.juridique,address,.inisthaut,.form-choix,.form-choix>*,.cat-article,.content-article,.tags,.pagination,.ref,.credits{font-size:.9375rem;}/*15*/
.liste-categories li,.archives li{letter-spacing:.3px;line-height:3.125rem;}/*50*/
.search-field{letter-spacing:.36px;line-height:2.8125rem;}/*45*/
.titre-site{font-weight:normal;line-height:2.5rem;}/*40*/
.titre-page{line-height:2.375rem;}/*38*/
.titre-site,.titre-article,.titre-page{letter-spacing:.5px;}
h2,.h2{letter-spacing:.4px;line-height:1.625rem;}/*26*/
.juridique,address,.inisthaut{letter-spacing:.3px;line-height:1.625rem;}
h3,.h3,.inist,.wpcf7 label{letter-spacing:.4px;line-height:1.5625rem}/*25*/
.date,.lire,.voirtout,.cat-article,.pagination{letter-spacing:.3px;line-height:1.5625rem}
aside h2{letter-spacing:.36px;line-height:1.5rem;}/*24*/
.source,.resume,.input-mail,.content-article,.tags,.ref,.credits{letter-spacing:.3px;line-height:1.25rem}/*20*/
.submit-abo,.Lien-bouton,.form-choix,.form-choix>*{letter-spacing:.3px;line-height:1.125rem;}/*18*/
h2,.h2,.date,.lire,.voirtout,.titre-page,.sourcedetail,.wpcf7 label,.inisthaut,.bold{font-weight:bold;}
h3,.h3,.titre-article,.titre-img,.inist,.suivre>h2,.mois,.lien-lettre,.partager,.pagination{font-weight:600;}
.form-choix,.form-choix>*,.input-mail::placeholder,.cat-article{font-weight:500;}
address,cite{font-style:normal}
h2,.h2,h3,.h3,.wpcf7 label,.inisthaut{color:var(--bnuit)}

/*========= génériques hors font ==========*/
img,table,td,blockquote,code,pre,textarea,input{max-width:100%;}
img{height:auto}
a{text-decoration:none;color:currentColor;}
a:hover,a:focus,h1.titre-article + p>a{text-decoration:underline;}
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);overflow: hidden;position: absolute !important;height: 1px;margin: -1px;}
.mt0{margin-top:0;}
.mb0{margin-bottom:0;}
.m0,blockquote,blockquote p{margin:0;}

/*========= mise en page géné ========*/
body,html{margin:0;}
body>*{margin-bottom:35px;}
.page{max-width:1332px;margin:auto;box-sizing: border-box;}
.site-header{display:grid; grid-template-columns: calc(100%/3 + 10.5px) 1fr;position:relative;}
.site-header{padding-left:3vw;padding-right:3vw}
.main{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:24px 0px;padding-left:3vw;padding-right:3vw;}
#content{grid-column: span 2;}
.home-content,.gtc2{display:grid;grid-template-columns: repeat(2,1fr);grid-gap:24px 21px;}
aside{grid-column: 3/4;padding-left:25px;margin-left:21px;}
aside>h2{margin-top:30px;}
.recentes{grid-column:span 2;}
.site-footer,.gc11{grid-column:1/-1;}
.anciens{display:grid;grid-template-columns:repeat(3,1fr);padding-left:3vw;grid-gap:0 21px;}
.anciens>*,.gc13{grid-column:1/3;}

/*========= header ========*/
#nav-skip{}
#nav-skip a{color:#000;background-color:#fff;position:absolute;left:-7000px;}
.skip-links{margin:0 auto;width:100%;height:0;transition:all .3s;background:transparent;opacity:0;grid-column: span 3;}
#nav-skip.focused a:focus{color:#000;position:absolute;left:0;top:.2rem}
.skip-links.focused{color:#000;opacity:1;z-index:300;height:auto}
.skip-links > li {padding:0 .5rem;list-style: none}

.logo-tit{display: grid;justify-content: space-around;padding-right:21px;}
.home .logo,.site-header.fille{padding-top:45px;}
.inisthaut{position:absolute;right:3vw;top:45px;}
.home .inisthaut{color:#fff;right:calc(3vw + 40px);}
.site-header picture{display: flex;align-items: stretch;}
.site-header picture>img{object-fit:cover;}
.site-header.fille{min-height:200px;}
.site-header.fille .titre-site{max-width:calc(100% - 100px);}
.detail{padding-left:0;list-style:none;}
/*========= content ==========*/
.un-billet,.un-billet>a,.fille-content>article{display:flex;flex-direction: column}
.home-content .date,.source{margin-top:10px;margin-bottom:0;}
.content .titre-billet,.content .resume{margin-top:15px;margin-bottom:0;}
.content .lire{margin-top:18px;margin-bottom:0;}
.lire,.datetcat{display:inline-flex;}
.lire::before{content:url("../img/i-lire.svg");margin-right:8px;display: flex}
.datetcat{justify-content:space-between;flex-wrap:wrap;align-items:center;}
.img-article{object-fit: cover;max-height: 200px;}
.sourcedetail{margin-top:40px;}
.tags{display:flex;flex-wrap:wrap;margin-top:20px;list-style: none;padding:0;}
.partager,article .sd-sharing-enabled{display: flex;justify-content:space-around;margin: 40px auto 30px auto;width: 50%;align-items:center;order:10;}
.fille-content article{border-bottom:1px solid var(--bnuit);}
.post-nav{display: grid;grid-template-columns:30px 1fr 1fr 1fr 30px;grid-gap:5px;justify-content: space-between;margin-top:15px;}
.post-nav a[rel = 'prev']{justify-self:flex-end;grid-column:4;}
.post-nav a[rel = 'prev']+a[rel = 'prev']{justify-self:flex-end;grid-column:5;}
.backhome{text-align:center;grid-column:3;}
.tags li::after{content:'\000020';display:inline-block;}

/*========= aside ==========*/
.search-form{border:1.5px solid var(--bleu);border-radius:31px;padding:0px 25px;display:flex;justify-content:space-between;}
.search-field{background-color:#fff;border:0;width: 100%}
.search-submit{background-color: #fff;border: 0;width: 23px;padding: 0;flex-shrink:0;}
.liste-categories a,.resume,.content-article{color:#000;}
.liste-categories,.archives,.site-footer ul{list-style: none;padding:0;margin:0; }
.suivre{background-color:var(--bleu);border-radius: 15px;padding:20px 30px 30px 25px;margin-top:30px;margin-bottom:30px;}
.suivre>h2{margin: 0px auto 15px 0;}
.liste-icons{display:flex;justify-content:space-between;list-style: none;padding:0;}

/*--- home - form newletter ---*/
.abo-newsletter{background-color:var(--bleger);padding:33px 3vw;}
.tit-abo-newsletter{text-align:center;margin:0;}
.mc4wp-form-fields{display: grid;grid-template-columns: 1fr;grid-template-rows:90px 60px;}
.form-choix{display:flex;align-items: center;margin: auto;padding-bottom:15px;padding-top:15px;flex-wrap:wrap;justify-content:center;}
.form-choix label{display:inline-flex;align-items:center;}
.mc4wp-alert{font-weight:bold;}
.inscrire{grid-column: span 2;margin: 0;justify-self: center;display:flex;}
input[type="radio"]{appearance: none;border-radius: 50%;width:21px;height:21px;border: 2px solid var(--bnuit);margin-right:6px;margin-left:20px;}
input[type="radio"]:checked{background: transparent url('../img/checked.svg') 0% 0% no-repeat border-box;}
.input-mail{background-color:transparent;color:var(--bnuit);border:2px solid var(--bnuit);width:500px;padding:20px;}
.input-mail::placeholder{margin:auto;}
input[type="submit"]{height:60px;width:140px;border:0;border-radius:10px;font-family:'Poppins', sans-serif;}
.submit-abo,.wpcf7-submit{background-color:var(--bnuit);color:#fff;margin-left:20px;}
.submit-abo:hover,.wpcf7-submit:hover,.submit-abo:focus,.wpcf7-submit:focus{cursor: pointer;}

/*--- home - anciens ---*/
.anciens .titre-billet{margin-top:11px;}
.anciens .resume{margin-top:15px;}
.anciens .source{margin-top:10px;}
.anciens .lire{margin-top: 19px}
.anciens>.un-billet,.category-content article:nth-child(n+3),.archive-content article,.une-lettre{padding:27px 0 24px 0;border-bottom:1px solid var(--bnuit);}
.une-lettre:first-of-type{padding-top:0;}
.voirtout{text-align:center;}

/*--- categorie et archives ---*/
.titre-archive{text-transform:capitalize;}
.paginer{display:flex;justify-content:space-between;align-items:center;margin-top:35px;}
.pagination{display:flex;color:var(--bnuit);padding-left:0;list-style-type: none}
.pagination>li+li,.next{margin-left:15px;}
.page-number.current{color:var(--orange);font-weight:normal;}
.precsuiv{display:flex;}
.prev,.next{display:inline-flex;}
/*credits*/
.archive-attachment{display:grid;grid-template-columns:214px 1fr;grid-row-gap:20px;}
.archive-attachment>.attachment{margin:0;padding-right: 20px;border-bottom: 1px solid var(--bnuit);display:flex;}
.archive-attachment>.attachment>a{display:flex;padding-bottom:20px;}
.metadata-img{border-bottom: 1px solid var(--bnuit);}
.avertissement{grid-column:span 2;}
/*--- contact ---*/
.wpcf7-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;}
.wpcf7-form .wpcf7-form-control{border: 1px solid var(--bnuit);border-radius: 5px;min-height:60px;}
.wpcf7-form p{display:flex;flex-direction:column;}
.wpcf7-form > p:nth-child(1n+4) {grid-column:1/-1;}
.wpcf7-form>p>span>input,.wpcf7-form>p>span>textarea{width:100%;}
.wpcf7-form > p:last-of-type {justify-self:flex-end;}

/*corriger les styles jetpack*/
.sd-content{width:100%;}
.sd-content ul {display:flex;justify-content:space-between;align-items:center}
div.sharedaddy h3.sd-title{margin:0!important;}
.sd-content ul li.share-facebook{order:1;}
.sd-content ul li.share-twitter{order:2;}
.sd-content ul li.share-linkedin{order:3;}
div.sharedaddy h3.sd-title::before{border:0!important;margin-bottom:0!important;}
.sharedaddy .sd-social-icon .sd-content ul li[class*="share-"].share-facebook a.sd-button,.sharedaddy .sd-social-icon .sd-content ul li[class*="share-"].share-twitter a.sd-button ,.sd-social-icon .sd-content ul li[class*="share-"].share-linkedin a.sd-button {background: #fff!important;}
.sd-content ul li.share-facebook div.option.option-smart-off a::before, .sd-social-icon .sd-content ul li.share-facebook a::before, .sd-social-icon-text .sd-content li.share-facebook a::before, .sd-social-text .sd-content ul li.share-facebook a::before {display:block;width:32px;height:32px;content: url('../img/i-fb-bleu.svg')!important;}
.sd-content ul li.share-twitter div.option.option-smart-off a::before, .sd-social-icon .sd-content ul li.share-twitter a::before, .sd-social-icon-text .sd-content li.share-twitter a::before, .sd-social-text .sd-content ul li.share-twitter a::before {display:block;width:32px;height:32px;content: url('../img/i-tw-bleu.svg')!important;}
.sd-content ul li.share-linkedin div.option.option-smart-off a::before, .sd-social-icon .sd-content ul li.share-linkedin a::before, .sd-social-icon-text .sd-content li.share-linkedin a::before, .sd-social-text .sd-content ul li.share-linkedin a::before {display:block;width:32px;height:32px;content: url('../img/i-in-bleu.svg')!important;}
.sharedaddy>.sd-sharing{display:flex;justify-content:space-around;width:100%;align-items:center;margin:0;}
/*========= footer ==========*/
.site-footer{background-color:var(--bnuit);color:#fff;}
.div-site-footer{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0px 36px;justify-content:space-between;padding:55px 3vw;}
.site-footer a{color:#fff}
.lien-bouton{display:inline-block;border-radius:5px;padding:12px 20px;margin-top:30px}
footer a.lien-bouton{color:var(--bnuit);background-color:#fff;}
.cnrs{width:110px;}
.inist{width:70px;}
.col2{align-self:flex-start;display:flex;align-items:center;}
.col3{display:flex; flex-direction:column;justify-content:space-between}

@media (max-width: 1200px) {
	.mc4wp-form-fields{display:flex;flex-direction:column;align-items:center;}
}
@media(max-width:850px){
	.home-content,.site-header.fille,.gtc2{grid-template-columns:1fr;}
	.un-billet.gc13{grid-column: 1/2}
}
@media(max-width:770px){
	.site-header,.main,.anciens,.div-site-footer{grid-template-columns:1fr;}
	aside{grid-column:auto;margin-top:25px;}
	.inscrire{flex-direction:column;align-items:center;}
	.gc13,.skip-links{grid-column:auto;}
	.wpcf7-form{grid-template-columns:1fr;}
	aside{padding-left:0;}
	.anciens{padding-right:3vw;}
	aside,.submit-abo{margin-left:0;}
	.submit-abo{margin-top:20px;}
	.div-site-footer>*,ul.liste-icons{margin-bottom:40px;}
	.input-mail,.partager{width:100%;}
	.site-header.fille .titre-site{max-width:100%;}
	.home .inisthaut{color:var(--bnuit);top:32px;}
}
@media(max-width:375px){
	.logo-tit img{width:174px;}
	header{padding-top:20px;}
}