@charset "utf-8";
/* CSS Document cve-2018*/
body {margin: 0;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
main {position: relative;display:block}
ul, ol {padding-left: 0;}
li {list-style: none;}
table th {text-align: left}
p{word-wrap: break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.hidden {position: absolute;left: 0;top: -5000px;width: 1px;height: 1px;overflow: hidden;}
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);overflow: hidden;position: absolute !important;height: 1px;margin: -1px;white-space: nowrap;width: 1px;}
.page {max-width: 1300px;margin: 0 auto;}
.bg {background-color: rgba(229,229,229,0.17);}
.grille {background-image: linear-gradient(90deg, rgba(170,170,170,.1) 1px,transparent 2px,transparent 99.8%) ;background-size: 25% 1px;}
img:not(.cnrs),table,td,blockquote,code, pre,textarea,input{max-width:100%!important;}

/*/===================
/**typo : font et color
====================/*/

@font-face {font-family: 'Barlow';src: url('../fonts/Barlow/Barlow-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Barlow';src: url('../fonts/Barlow/Barlow-ExtraBold.woff2') format('woff2');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Barlow';src: url('../fonts/Barlow/Barlow-Bold.woff2') format('woff2');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Barlow';src: url('../fonts/Barlow/Barlow-Medium.woff2') format('woff2');font-weight: 600;font-style: normal;}
@font-face {font-family: 'gentium_basicregular';src: url('../fonts/Gentium_Basic/genbasr-webfont.woff2') format('woff2'),  url('../fonts/Gentium_Basic/genbasr-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gentium_basicbold';src: url('../fonts/Gentium_Basic/genbasb-webfont.woff2') format('woff2'),  url('../fonts/Gentium_Basic/genbasb-webfont.woff') format('woff');font-weight: bold;font-style: normal;}
@font-face {font-family: 'gentium_basicbold_italic';src: url('../fonts/Gentium_Basic/genbasbi-webfont.woff2') format('woff2'),  url('../fonts/Gentium_Basic/genbasbi-webfont.woff') format('woff');font-weight: bold;font-style: italic;}
@font-face {font-family: 'gentium_basicitalic';src: url('../fonts/Gentium_Basic/genbasi-webfont.woff2') format('woff2'),  url('../fonts/Gentium_Basic/genbasi-webfont.woff') format('woff');font-weight: normal;font-style: italic;}
body {font-family:'gentium_basicregular',serif;color:#434148;font-size:1.125rem;}
.menu > li > a,strong {font-weight: bold;}
.logoinist>span:first-child {font-size: 1.875rem;}
.sub-menu>li a {color: rgba(67,65,72,1);}
.sub-menu>li,.nb-result,.st {font-size: 1.375rem;}
.sub-menu>li>ul>li {font-size: 1rem}
 .wpcf7-form label, header .menu > li > a, .date, .note,.detail-module table,.content li,.texte li,.texte-petit{font-size: .875rem;line-height:1.3125rem;}
h1, h2, h3, h4, .h3, .menu>li>a, .sub-menu>li>ul>li, .breadcrumb, .soustitre, h2.sous-titre,/* main li:not(.item-lien-article),*/ .besoin, .h-modules, .nb-modules, .faqservice button, .module button, .wpcf7-form label,.wpcf7-textarea, .sigle, .logoinist, .search-field, .menufooter, .licensecc, .encart,.nb-result,.menu-secondaire,.chiffre-titre,.follow,figcaption,.barlow,.chiffres,.tag,.single-service #description li {font-family: 'Barlow', sans-serif;}
main h1, .search-field {font-size: 3.1875rem;}
main h1 {font-weight: 800;}
.categorie h1, .home h1,.breadcrumb li, .breadcrumb a  {color: #fff;}
.categorie h1, .pagecontenu h1, h1.dansimg {padding-left: 1.0625rem;}
h2:not(.h3) {font-size: 2.625rem;font-weight: 800;margin-bottom:45px;}
.content h2, .h2 {font-size: 2rem;font-weight: bold;}
.content h2:before, .h2::before, .date::before {content: "—";padding-right: 20px;font-weight: bold;}
h3, .h3, .soustitre, .besoin, .h-modules, .nb-modules, footer .inist,.baseline,.duree-formation,.date-formation,.nomp {font-weight: 600;font-size: 1.375rem;}
footer .logoinist,.fww{flex-wrap:wrap}
h4{	font-weight: normal;}
.texte h2,h3{word-wrap:break-word}
.bold, .inist {font-weight: bold;}
.search-field,.recherche,.nb-result {font-weight: 600;}
.search-field {	font-style: italic;}
input.search-field::-webkit-input-placeholder,input.search-field:-ms-input-placeholder,input.search-field::placeholder{color:#c9ced1;}
.recherche,.search-field,#s-home,#s-home::placeholder{color:#23aeff;}
.breadcrumb li, .breadcrumb a,.plateformes p {font-size: .875rem;}
body.neutre{background-color:#fff}
.neutre .breadcrumb li, .neutre .breadcrumb a, .neutre .pagecontenu h1 {color: #434148;}
.c, .i, .inist,button:not(.expandmore__button), .button,.read-more {font-size: .8125rem;}
.realisation h3 {font-size: 1.6875rem;font-weight: bold;padding-right: 80px;}
button:not(.expandmore__button), .button,.read-more,li.tag:before,#s-home{font-family: 'gentium_basicregular', sans-serif;font-weight: normal;}
.tag,.chiffre-titre,.search-home,#s-home{font-size: 1.6875rem;word-wrap: break-word}
.content p {color: #737373;font-size: 1rem;}
.temoignage {font-size: 2.3125rem;}
.licensecc, .note {font-style: italic;}
.sigle, h2.sous-titre {font-size: 2rem;}
.menufooter {font-size: .6875rem;}
footer .logoinist>li:first-child {font-size: 3.75rem;}
h2.sous-titre {font-weight: 600;}
.chiffre{font-size:3.5rem;}
/*liens*/
a {text-decoration: none;}
main a:not(.button), .footer1 a, .footer2 a {color: #434148;border-bottom: 1px solid rgba(95, 177, 225, 0.5);}
main a.nodecoration{border-bottom: none;}
.footer3 a {color: #fff;}
.juridique a {text-decoration: underline;}

/*DECO du body
====================*/
/*.home {background-color: #fff;}*/

.peinture2{background-image:linear-gradient(to bottom, transparent 12%,#fff 8%)}
/****============================================*/
.peinture{background-image:-webkit-gradient(linear, left top, right top, color-stop(75%, transparent),color-stop(75%, rgba(255,255,255,1)));background-image:-webkit-linear-gradient(left, transparent 75%,rgba(255,255,255,1) 78%);background-image:-o-linear-gradient(left, transparent 75%,rgba(255,255,255,1) 75%);background-image:linear-gradient(90deg, transparent 75%,rgba(255,255,255,1) 75%);-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
body.services,body.actualites,body.nos-actualites,body.realisations,body.projets,body.qui{background-color:#434148}
@media only screen and (min-width:965px){
    .home {background: url(../img/bg_home.jpg) no-repeat;}
    .services, .accompagner, .acceder, .valoriser, .analyser,.formation_sur_site,.webinaire {background: url(../img/bg_services.jpg) repeat-x;}
    .realisations {background: url(../img/bg_realisations.jpg) repeat-x;}
    .projets {background: url(../img/bg_projets.jpg) repeat-x;}
    .tutoriels, .faq, .version,.module,.annexe {background: url(../img/bg_tutoriels.jpg) repeat-x;}
    .actualites, .nos-actualites{background: url(../img/bg_actualites.jpg) repeat-x;}
    .qui,.partenariats {background: url(../img/bg_qui.jpg) repeat-x;}
    .neutre {background: url(../img/bg_neutre.jpg) repeat-x;}
}
@media only screen and (min-width:481px) and (max-width:965px){
    .home {background: url(../img/bg_home_moyen.jpg) repeat-x;}
    .services, .accompagner, .acceder, .valoriser, .analyser,.formation_sur_site,.webinaire {background: url(../img/bg_services_moyen.jpg) repeat-x;}
    .realisations {background: url(../img/bg_realisations_moyen.jpg) repeat-x;}
    .projets {background: url(../img/bg_projets_moyen.jpg) repeat-x;}
    .tutoriels, .faq, .version,.module,.annexe {background: url(../img/bg_tutoriels_moyen.jpg) repeat-x;}
    .actualites, .nos-actualites{background: url(../img/bg_actualites_moyen.jpg) repeat-x;}
    .qui,.partenariats {background: url(../img/bg_qui_moyen.jpg) repeat-x;}
    .neutre {background: url(../img/bg_neutre_moyen.jpg) repeat-x;}
}
@media only screen and (max-width:480px){
    .home {background: url(../img/bg_home_petit.jpg) no-repeat;background-size: 100% 534px;}
   .services, .accompagner, .acceder, .valoriser, .analyser,.formation_sur_site,.webinaire {background: url(../img/bg_services_petit.jpg) no-repeat;background-size: 100% 421px;}
    .realisations {background: url(../img/bg_realisations_petit.jpg) no-repeat;background-size: 100% 421px;}
    .projets {background: url(../img/bg_projets_petit.jpg) no-repeat;background-size: 100% 421px;}
    .tutoriels, .faq, .version,.module,.annexe {background: url(../img/bg_tutoriels_petit.jpg) no-repeat;background-size: 100% 421px;}
    .actualites, .nos-actualites{background: url(../img/bg_actualites_petit.jpg) no-repeat;background-size: 100% 421px;}
    .qui,.partenariats {background: url(../img/bg_qui_petit.jpg) no-repeat;background-size: 100% 421px;}
    .neutre {background: url(../img/bg_neutre_petit.jpg) repeat-x;background-size: 100% 421px;} 
}
/* HEADER
////////////////////*/
header {background-color: transparent;-webkit-transition: background .5s linear .1s;-o-transition: background .5s linear .1s;transition: background .5s linear .1s;width: 100%;z-index: 9999;}
header >.page {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-right: 20px;}
header:before {content:'';display:block;height:12px;}
.logos {display: -webkit-box;display: -ms-flexbox;display: flex;/*margin: auto;*/max-width:315px}
header .logos>.logo:first-child {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;height: 50px;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
.logoinist>*:first-child:after {opacity: 0.8;padding-left: 0.5rem;padding-right: 0.5rem;}
/******************/
/*		sitcky
/******************/
.is-sticky .nostick, .clair .nostick, .stick {display: none;}
.is-sticky .stick, .is-sticky .clair, .clair .stick {display: block;}
.is-sticky>header, .clair>header {background-color: rgba(255,255,255,1);border-bottom: 1px solid rgba(196,195,195,1.00);}
@media only screen and (min-width:481px){
.is-sticky>header{position: fixed;width: 100%;z-index: 9999;top: 0px;}
}

.is-sticky .menu>li>a, .clair .menu>li>a, .neutre .menu>li>a {color: rgba(67,65,72,1);}
.is-sticky .logo, .clair .logo, .neutre .logo {color: #49648C;}
/******************/
/*		nav
/******************/
nav {/*width: 100%;*/display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
nav ul {padding: 0;margin: 0;list-style-type: none;}
header a {display: block;color: #fff;}
.menu {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;z-index: 100;}
.a-sous-niveau>.sub-menu {display: none;}

#nav-skip{background-color:#fff;}
#nav-skip a{color:rgba(67,65,72,1);background-color:#fff;position:absolute;left:-7000px;}
.skip-links{margin:0 auto;width:100%;height:0;transition:all .3s;background:transparent;opacity:0}
#nav-skip a:focus{position:absolute;left:0;top:.2rem}
.skip-links.focused{opacity:1;z-index:300;height:auto}
.skip-links > li {padding:0 .5rem}
/*==========================================
			responsive > 481px 
/*=========================================*/
@media only screen and (min-width:481px) {
header .sub-menu {min-height: auto;line-height: initial;}
	.a-sous-niveau:hover>.sub-menu,.a-sous-niveau.hover>.sub-menu, .a-sous-niveau:focus-within>.sub-menu {position: absolute;margin: 0 -1200px;padding: 40px 1200px;z-index: 100;/*passer dessous la boite de recherche ouverte*/-webkit-box-sizing: content-box;box-sizing: content-box;max-width:1200px;}
	.a-sous-niveau.deux:hover>.sub-menu,.a-sous-niveau.deux.hover>.sub-menu,.a-sous-niveau.deux:focus-within>.sub-menu {left: /*-400px*/-45%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
	.a-sous-niveau.un:hover>.sub-menu,.a-sous-niveau.un.hover>.sub-menu, .a-sous-niveau.un:focus-within>.sub-menu {display: block;	columns: 200px 3;left: /*-400px*/-10%;}
	.sub-menu >.sscategorie {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
    .w50centre{max-width:50%;margin:0 auto;}
}
/*la deco*/
.menu > li > a {margin: 20px 10px;border-bottom: 2px solid transparent;}
.menu > li > a:hover, .menu > li > a:focus, .menu > li > a:active {border-bottom: 2px solid rgba(35,174,255,1);}
.menu > li.item-search > a:hover, .menu > li.item-search > a:focus, .menu > li.item-search > a:active {border-bottom: 2px solid rgba(35,174,255,0);}
/*.sub-menu {background-color: #fff;}*/
.sub-menu>li {padding: 1rem 0;}
.sub-menu>li:not(.sscategorie) {padding: 1rem 1rem;}
.sub-menu>li>ul>li+li {margin: 5px 0;}
.deux > .sub-menu> li> a, .mb19 {margin-bottom: 19px;}
.sub-menu .sscategorie {margin: 0;padding: 0;width: 33%;}
.sscategorie+.sscategorie {margin-left: 10px;}

/****search****/
.item-search aside {display: none}
.item-search .liensearch {background: transparent url('../img/search_white.svg') no-repeat;background-position: right center;background-repeat: no-repeat;width: 44px;height: 26px;border-left: 1px solid rgba(196,195,195,1.00);position: relative;}
.is-sticky .item-search .liensearch, .neutre .item-search .liensearch {background: transparent url('../img/search_blue.svg') no-repeat;background-position: right center;background-repeat: no-repeat;}
.item-search .liensearch.fermer {background: transparent url('../img/cross.svg') no-repeat;background-position: right center;}
aside.ouvert {display: block;position: absolute;left: 0;margin: 0 -2000px;padding: 40px 2000px;background-color: white;z-index: 100;border-bottom:1px solid rgba(196,195,195,1.00); /*ca saute quand non sticky* et qu'on ouvre la recherche*/}
.search-form {display: -webkit-box;display: -ms-flexbox;display: flex;}
.search-field {min-width:600px;border: none;border-bottom: 1px solid rgba(196,195,195,1.00)}
.search-submit {order: -1;border: 0;padding: 0;background-color: #fff;}
/*===============/
breadcrumb
==================*/
.breadcrumb>li:first-child a {text-decoration: underline;}
.breadcrumb {display: -webkit-box;display: -ms-flexbox;display: flex;padding-left: 0;padding-top: 80px;padding-bottom:30px;list-style: none;}
.breadcrumb li {margin: .2rem;}
.breadcrumb li+li::before {content: "\25A0";margin-right: 7px;}

/*HOME
===========================*/
.home .breadcrumb{visibility: hidden;}
.home main{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);margin-bottom:100px}
.nous{width:59%;float:left;}
.baseline{color:rgba(213,237,255,.75);padding:0 15% 0 30px;margin:0;padding-top:30px}
.baseline:after{content:'';display:block;height:125px;}
.home h1{margin:0;padding-left:30px;/*padding-right:15%*/}
.search-home{text-align:center;padding-top:44px;background-color:#fff;float:left;width:767px;display:block;}
.ombre{width:630px;	height:4px;	-webkit-box-shadow: 0 0 44px 0 rgba(0,0,0,0.16);box-shadow: 0 0 44px 0 rgba(0,0,0,0.16);/* decalagehz decalagev forcdegrade couleur*/z-index:-1;-webkit-transform: translate(57px,0px);-ms-transform: translate(57px,0px);transform: translate(57px,0px);}
.search-home>p{margin-top:0;}
#s-home{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;border: 0;border-bottom: 1px solid #23aeff;width:65%}
.plateformes{float:right;width:41%;background-image: linear-gradient(180deg,rgba(255,255,255,0) 300px,rgba(255,255,255,1) 300px);}
.plateformes >.service-home{max-width:39.5%;background-color:#fff;border: 1px solid rgba(170,170,170,.2);padding:30px 0;float:left;}
.plateformes >.service-home>div{padding:0 20px;}
.plateformes >.service-home:last-child{padding-bottom:0;border-top:0}
.service-home:nth-child(4n+1){-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);border-right:0}
.service-home:nth-child(4n+3){padding-top:40px;border-right:0;border-top:0}
.plateformes h2,article>*:last-child{margin-bottom:0;}
.plateformes p{margin-top:0;}
.service-home img{-webkit-filter: grayscale(100%);filter: grayscale(100%);vertical-align:middle;max-width:100%}
.service-home .img{height: 110px;line-height:110px;text-align:center}
.service-home>.button,.une-actu .button{width:100%;margin-bottom:0;}
.vers{text-align:center;}
.home .twitter-timeline{margin:0 auto;}
.home-actus .troisquart>article:nth-child(2),.home-actus .troisquart>article:nth-child(3),.actus-service article:only-child {width:66.6%}
.home-actus article:nth-child(2) img,.home-actus article:nth-child(3) img,.home-actus article:nth-child(6) img,img.h350{height:350px;object-fit:cover;}
.home-actus .troisquart>article:nth-child(1),.home-actus .troisquart>article:nth-child(4),.actus-service article{width:calc(100%/3);}
.home-actus article:nth-child(1) img,.home-actus article:nth-child(4) img,.actus-service article img{height:220px;object-fit:cover;}
.actus-service > .fourcol > article:only-child img,.actus-service > .fourcol >.troisquart> article:only-child img{height:350px;}
.troisquart{position:relative;}
.troisquart > *{margin-bottom:40px;}
.home-actus{display: grid;grid-template-columns:repeat(4,1fr);align-items: start;justify-items: start}
.actusdte_accueil{grid-column:4;grid-row:1 / span 4}
.actu2,.actu6{grid-column:2 / 4}
.actu3{grid-column:1 / 3}
.wa>.textwidget>p{margin-top:0}
.wa iframe{min-height:220px;}
.home-actus .une-actu{margin-bottom:40px;}
.interview img{max-width:300px !important;}
.video>a.interview{display:-ms-grid;display:grid;grid-template-areas: "a";grid-template-columns:100%;margin-bottom:1rem}
.interview>img{margin:0;grid-area: a }
.voir{font-size:2rem;color:rgba(0,0,0,.5);grid-area: a;z-index:1;margin:auto}
.interview img{grid-area: a}

/*CONTENU principal single
=========================*/
.service {display: -ms-grid;display: grid;width: 100%;grid-template-areas: "h1 h1 aside aside"  "cible cible aside aside"  "soustit soustit aside aside"  "chapo chapo aside aside" "besoin besoin aside aside";-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4,1fr);-ms-grid-rows: auto auto auto auto auto;grid-template-rows: auto auto auto auto auto;}
.tuto {display: -ms-grid;display: grid;width: 100%;grid-template-areas: "h1 h1 aside aside"  "h1 h1 aside aside"  "sous-titre sous-titre aside aside"  "chapo chapo aside aside"  "h-modules nb-modules aside aside";-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4,1fr);-ms-grid-rows: auto auto auto auto auto;grid-template-rows: auto auto auto auto auto;}
.formation {display: -ms-grid;display: grid;width: 100%;grid-template-areas: "h1 h1 aside aside"  "sous-titre sous-titre aside aside"  "objectif-formation objectif-formation aside aside" "cible cible aside aside" "besoin besoin aside aside";-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4,1fr);-ms-grid-rows: auto auto auto auto auto;grid-template-rows: auto auto auto auto auto;}
.axe{display:-ms-grid;display:grid;width:100%;grid-template-areas:"h1 h1 aside aside" "chapo chapo aside aside" "chapo chapo aside aside";-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4,1fr);-ms-grid-rows:auto auto auto;grid-template-rows:auto auto auto;}

.cible {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: cible;}
.formation > .cible {-ms-grid-row: 4;-ms-grid-column: 1;-ms-grid-column-span: 2;}
h1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: h1;}
.tuto > h1 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.formation > h1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.axe > h1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.soustitre {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: soustit;}
.chapo {-ms-grid-row: 4;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: chapo;}
.tuto > .chapo {-ms-grid-row: 4;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.axe > .chapo {-ms-grid-row: 2;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.aside {-ms-grid-row: 1;-ms-grid-row-span: 5;-ms-grid-column: 3;-ms-grid-column-span: 2;grid-area: aside;}
.tuto > .aside {-ms-grid-row: 1;-ms-grid-row-span: 5;-ms-grid-column: 3;-ms-grid-column-span: 2;}
.formation > .aside {-ms-grid-row: 1;-ms-grid-row-span: 5;-ms-grid-column: 3;-ms-grid-column-span: 2;}
.axe > .aside {-ms-grid-row: 1;-ms-grid-row-span: 3;-ms-grid-column: 3;-ms-grid-column-span: 2;}
.sous-titre{-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: sous-titre;}
.formation > .sous-titre{-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.objectif-formation{-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: objectif-formation;}
.duree-formation{grid-area:duree-formation;}
.date-formation{grid-area:date-formation;}
.h-modules {-ms-grid-row: 5;-ms-grid-column: 1;grid-area: h-modules;}
.nb-modules {-ms-grid-row: 5;-ms-grid-column: 2;grid-area: nb-modules;}
.besoin {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: besoin;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.formation > .besoin {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 2;}
.support{grid-column:1 / 3 ;padding:0px 17px 17px 70px;}
.besoin>span{margin-right:2rem;}
.besoin, .h-modules, .nb-modules,.duree-formation,.date-formation {padding: 8px;background-color: #fff;}
.besoin, .tuto .h-modules, .tuto .nb-modules{text-align: center;}
.bl {border-left: 1px solid rgba(170,170,170,.2);}
.br {border-right: 1px solid rgba(170,170,170,.2);}
.bt {border-top: 1px solid rgba(170,170,170,.2);}
.bb {border-bottom: 1px solid rgba(170,170,170,.2);}
button:not(.search-submit), .button,.read-more {color: #434148;margin: 30px;background-color: #fff;cursor: pointer;display: inline-block;text-align: center;}
.prim {border: 1px solid #23aeff;}
.prim:hover, .prim:focus, .second:hover, .second:focus {box-shadow: 0px 0px 0px 1px #23aeff;}
.plateformes .prim:hover,.plateformes .prim:focus,.plateformes .second:hover,.plateformes .second:focus{border: 1px solid #23aeff;}
.second,.read-more {border: 1px solid #b9cdda;}
.grand {margin: 15px 0 15px 0;padding: 15px 20px;}
.grandpad{padding: 15px 60px;}
.petit,.read-more {height: 40px;line-height: 40px;margin: 5px auto;padding:0 10px;}
.acces{	min-width:170px;}
.tert {border-bottom: 1px solid #c6e3f4;border-left: 3px solid #23aeff;}
.container {max-width: 1300px;margin: 0 auto;box-sizing: border-box;background-color: transparent;padding: 0;}
section:after/*, .bg>section>div:after*/, section:not(.up):before, .bg>section>div:before, footer:before, .footer1:after {content: '';height: 50px;display: block;}
.texte li:before,.home-actus li:before,.categorie:not(.cat-partenariats) li:before,.une-actu li:before,.single-une-actu li:before,.raconte li:before,article ul:not(.chiffres)>li:before,.puce li:before{content: "\002d";margin-right: 5px;}
li.item-lien-article:before {content: "\003009";margin-right: 5px;font-weight: bold;color: #647b9d}
.cible {padding-top: 17px;padding-bottom: 17px;}
.c, .i {border-radius: 30px;padding: 8px 20px;display: inline-block;}
.c {color: rgba(191,186,254,1);background-color: rgba(191,186,254,.2);}
.i {color: rgba(255,201,98,1);background-color: rgba(255,201,98,.2);}
.up>h1, .up>.chapo, .up>.soustitre, h2.sous-titre, .cible,.up>.objectif-formation {margin: 0;background-color: #fff;padding-left: 70px;	padding-right: 70px;max-width: 100%;}
.up>h1 {padding-top: 57px;padding-bottom: 16px;overflow-wrap:break-word}
.up>.chapo,.up>.objectif-formation{padding-top: 16px;padding-bottom: 40px;}
.clear{clear:both;}
.note{display:inline-block}

/*==========================================
			responsive > 964px  et paysage
/*=========================================*/

@media only screen and (min-width:965px) and (orientation:landscape){
    .up.service .aside,.up.formation .aside {background: transparent url(../img/bg_aside_cataccompagner.png) no-repeat left 26% top 70px;}
    .acceder .up.service .aside{background: transparent url(../img/bg_aside_acceder.png) no-repeat left 26% top 70px;}
    .valoriser .up.service .aside{background: transparent url(../img/bg_aside_valoriser.png) no-repeat left 26% top 70px;}
    .analyser .up.service .aside{background: transparent url(../img/bg_aside_analyser.png) no-repeat left 26% top 70px;}
    .up.tuto .aside {background: transparent url(../img/ecrivaine.png) no-repeat left 26% top 70px;}
    .up.cat-acceder>.aside {background: transparent url(../img/bg_aside_catacceder.png) no-repeat left 26% top 70px;}
    .up.cat-valoriser>.aside {background: transparent url(../img/bg_aside_catvaloriser.png) no-repeat left 26% top 70px;}
    .up.cat-analyser>.aside {background: transparent url(../img/bg_aside_catanalyser.png) no-repeat left 26% top 70px;}
    .up.cat-accompagner>.aside {background: transparent url(../img/bg_aside_cataccompagner.png) no-repeat left 26% top 70px;}
    .up.cat-accompagner>.aside {background-size: auto 341px;}
    .aside-cat{min-height: 410px}
    main.single-service, main.single-tuto, main.cat-axe,main.single-formation {background-image: linear-gradient(to bottom, transparent 50%, white 50%);background-size: 470px 470px;}
}
/*==========================================
			responsive > 964px 
/*=========================================*/
@media only screen and (min-width:964px)/*,(orientation:landscape)*/{
	.sub-menu {background-color: #fff;}
	header .sub-menu {border-bottom: 1px solid rgba(196,195,195,1.00);border-top: 1px solid rgba(196,195,195,1.00);}
	.home .twitter-timeline{/*width:24%!important;*/}
	.up .aside {margin-top: 70px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
    .aside > img,.aside>a>img{padding:3px 3px 0 3px;background-image : linear-gradient(#fff, #fff),linear-gradient(#fff, #fff),linear-gradient(#fff, #fff);background-position:left top,right top,left top;background-repeat:no-repeat;background-size:100% 3px,3px 100%,3px 70px;}
    body{counter-reset:figure}
    figure.gallery-item::before{counter-increment:figure;content:'0' counter(figure);color:rgba(0,0,0,.3);font-size:6rem;}

}
.threecol>div:not(:first-child) {margin-left: 40px;}
.fourcol, .threecol, .twocol, .flexHz {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.home-actus>.flexHz{-ms-flex-line-pack:start;align-content:flex-start;}
.fourcol.widgetseul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.cat-services .twocol > .twocol,.cat-realisations  .twocol.content {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.twocol > *:not(:only-child), .twocol>.twocol>.resume-service {width: 50%;}
.twocol>.twocol{margin-bottom:60px;}
.twocol64>div:first-child{width:58.5%;}
.twocol64>div:nth-child(2){width:41.5%;}
.threecol > * {width: calc(33% - 40px);}
.threecol > *.w50 ,.fourcol  >*.w50{width:calc( 50% - 40px);}
.fourcol > * {width: 25%;margin-top: 20px;margin-bottom: 20px;}
.fourcol > .troisquart{width: 75%;}
.tags .fourcol > *{padding: 30px}
.mt0{margin-top:0;}
.mb0{margin-bottom:0}
.padr30 {padding-right: 30px;}
.padt30{padding-top:30px;}
.padl30{padding-left:30px;}
.pad30 {padding: 30px;}
.bl3,.chiffres>li {border-left: 3px solid #23aeff;}
li.tag {position: relative;}
li.tag:before {content: attr(data-count);font-size: 11.25rem;color: rgba(0,0,0,.05);position: absolute;top: -80px;left: 20px;}
.item-lien-article+.item-lien-article {margin-top: 1rem;}
.realisation .col:first-child {background-color: #fff;margin-left: -1200px;padding-left: 1200px;padding-top: 80px;padding-bottom: 80px;box-sizing: content-box;width: calc(50% - 40px)}
.realisation .chapo {color: #747474;padding-right: 80px;}
.realisation .col:last-child {padding: 80px 0 80px 80px;background: url('../img/guillemet.svg') 30px 30px no-repeat;background-size: 20%;}
.temoin:before {content: "\002015";font-weight: bold;font-size: 1rem;padding-right: 20px;}

/*accordeon faq*/
.js-to_expand[data-hidden=true] {display: none;}
button.expandmore__button {background: none;font-size: 1.125rem;color: inherit;}
button[aria-expanded="false"]:after, button[aria-expanded="true"]:after {font-size: 2rem;padding-right: 50px;}
button[aria-expanded="false"]:after, button[aria-expanded="true"]:after {content : '+ ';}
button[aria-expanded="true"]:after {content : '− ';}
button[aria-expanded="true"] {background-color: rgba(73,100,140,0.02);}
.faqservice button, .modules button,.single-76 button {border: 0;margin: 0;padding: 15px 0px 15px 70px;	width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: white;}
.js-expandmore {margin: 0;}
.js-to_expand {padding-left: 80px;background-color: white;}

/********contact*******/
.contactservice>.twocol>.col:first-child,.twocol.contactservice>.col:first-child {padding-left: 40px;align-self:flex-start;}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {border: 0;border-bottom: 1px solid #5FB1E1;height: 30px;}
.wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus{border-bottom: 1px solid #000}
.wpcf7-form textarea {padding: 0;border:0;}
.wpcf7-form textarea:focus{border:1px solid #5FB1E1}

/* SINGLE Tuto
=========================*/
.titre-module {	-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: left;}
.duree-module>img,.date-formation>img {margin-right: 10px;}
main a.lien-module {display: inline-block;align-self: center;border-bottom: 0;width: calc(25% - 80px);}
.detail-module {width: 75%;}
.detail-module th {width: 20%;}
.tuto .h-modules:before, .tuto .nb-modules:before, .tuto .h-modules:after, .tuto .nb-modules:after{content: '';display: block;height: 35px;}
.h-modules>img, .nb-modules>img {margin-right: 20px;}
.encart {background-color: #fff;width: 390px;min-height: 319px;padding-right: 60px;padding-left: 60px;}
.licensecc {max-width: 75%;}
/*actus*/
.partager{position:relative;}
h1+.share-button{position:absolute;top:0;left:-22px;}
.share-button{color:#aaa}
.share-button img{margin-right:5px}
.share-button a{display:block;}
/*single realisation*/
.realisations .date{margin-top:-50px;}
/* SINGLE formation
=========================*/
.formation .encart{	display:-webkit-box;	display:-ms-flexbox;	display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.duree_webinaire{padding-left:70px;}
/*SINGLE qui
====================/*/
.chiffres>li{padding-left: 30px;padding-right: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: distribute;justify-content: space-around;}

/*Carte**/
#map{height:400px}
/*CONTENU categories
====================/*/
.effaceimg {background-color: #fff;}
.pagecontenu::before{content:'';display:block;height:115px;}
.categorie h1, .pagecontenu h1 {margin-bottom: 55px;}
.wrap{padding-bottom:55px;}
blockquote,h1.dansimg{margin:0;}
.categorie section::before,.pagecontenu>.effaceimg>.page::before {content: '';display: block;height: 40px;}
.logoservice {text-align:center;}
.mask {min-height: 165px;min-width: 165px;background-size: 100%;position: absolute;right: 40px;display: flex;}
.mask>* {margin: auto;max-width: 70%;}
.logoduservice{text-align:right;}
.sigle {color: #666;}
/*axes*/
.cat-acceder>h1{background:#fff url(../img/acceder.png) 5px 5px no-repeat}
.cat-valoriser>h1{background:#fff url(../img/valoriser.png) 5px 5px no-repeat}
.cat-analyser>h1{background:#fff url(../img/analyser.png) 5px 5px no-repeat}
.content h2[class^="h2-"]{display:flex;align-items:center}
.content .h2-acceder::before{content:url(../img/acceder.png)}
.content .h2-valoriser::before{content:url(../img/valoriser.png)}
.content .h2-analyser::before{content:url(../img/analyser.png)}


/*La landing ACTUS*/
.nos-actualites article img.thumbnail {height: 220px;object-fit:cover}
.nos-actualites article:nth-child(9n+2), .nos-actualites article:nth-child(9n+4), .nos-actualites article:nth-child(9n){-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.nos-actualites article:nth-child(9n+2) img.thumbnail, .nos-actualites article:nth-child(9n+4) img.thumbnail, .nos-actualites article:nth-child(9n) img.thumbnail {	height: 350px}
.une-actu{padding-right: 34px;}
.une-actu img{width:100%}
.date, .une-actu h2, .une-actu .chapo, .une-actu h3{padding-right: 40px;padding-left: 40px;}
.date, .nos-actualites a.nodecoration{display: block;}
.une-actu>a > div,.une-actu>div{border: 1px solid rgba(170,170,170,.2);background-color:#fff;}
.nos-actualites,.home-actus {background-color: transparent;}

/*les partenaires*/
.flip-container {-webkit-perspective: 1000px;perspective: 1000px;min-height: 200px;}
.flip-container:hover .flipper,.flip-container:focus .flipper {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.flipper {-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;}
.recto, .verso {-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.recto {max-width: 90%;background-color:#fff;}
.verso {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);background-color: rgba(35,174,255,.1);padding: 10px;border: 1px solid rgba(35,174,255,.7);background: url('../img/guillemet.svg') no-repeat left 20%;background-size: 50px;}
.verso>h2{margin-top: 0;}
/*realisations, tutos, qui*/
.cat-qui .twocol section:nth-child(2n+1),.cat-tutoriels .twocol>div:nth-child(2n+1){padding-right:40px;}
.cat-realisations .even>div+div{order:-1}
.cat-realisations img{/*min-height:300px;object-fit:contain;*/height:300px;object-fit:cover}
.cat-realisations .odd img{width:calc(100% - 30px);}
.cat-realisations .even img{width:calc(100% - 30px);}
.conteneur9+.morereal,.dn{display:none}
/*
CONTENU search result
=========================*/
.search-result{width:75%;}
.search-result .button{margin-right:0;}

/*FOOTER
//////////////////////*/
footer {background-color: #fff;}
footer ul {margin: 0;}
.footer1 {padding-bottom: 50px;}
.logoinist {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: normal;margin:0}
.logoinist>*:first-child,.menu-secondaire {font-weight: 800;}
.logoinist>*:first-child:after {content: '|';font-weight: normal;}
footer .logoinist>li:first-child:after {opacity: 0.35;padding-left: 1.5rem;padding-right: 1.5rem;}
.footer1 div+div>ul {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 2.25rem;}
.tw img, .fb img,.rss img,.in img,.y img {padding-right: 13px;vertical-align: middle;width:43px;height:30px}
.tw,.fb,.in {padding-right: 60px;}
.footer2 >.fourcol>li {padding: 7px 30px}
.footer2:before, .footer2:after {content: '';display: block;height: 45px;}
.footer3 {background-color: #434148;padding:0px 100px;}
.footer3 .menufooter {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 27px;padding-bottom: 27px;}
.menufooter.juridique {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.juridique a::after {content: '|';padding-left: 10px;padding-right: 10px;}

@media only screen and (max-width:1340px){
    .page{	padding-left:22px;}
	.search-home{width:59%;}
}
/*==========================================
			responsive =< 964px ou portrait
/*=========================================*/
@media only screen and (max-width:964px)/*, screen and (orientation:portrait)*/{
    header .logos>.logo:first-child{-webkit-transform:none;-ms-transform:none;transform:none;}
	nav {width: auto;}
	.logos {margin-left: 0;}
	.logo {height: auto;}
	.logoinist{margin:18px 20px;}
	.menu {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
	.a-sous-niveau:hover>.sub-menu,.a-sous-niveau.hover>.sub-menu, .a-sous-niveau:focus-within>.sub-menu {position: static;}
    .sub-menu > li {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
	.nav-button {margin: 0px!important;}
	/*styler menu ferme*/
	.is-closed > .nav-button {background-image: url('../img/menu_white_24px.svg');background-repeat: no-repeat;background-position: center center;}
	.is-sticky .is-closed > .nav-button, .neutre .is-closed > .nav-button, .clair .is-closed > .nav-button {background-image: url('../img/menu_black_24px.svg');}
	.is-closed .menu {-webkit-transition: -webkit-transform .25s;-o-transition: transform .25s;transition: transform .25s;will-change: transform;-webkit-transform: translateX(-110%);-ms-transform: translateX(-110%);transform: translateX(-110%);}
	/*styler menu ouvert*/
	.menu {position: absolute;-webkit-transition: -webkit-transform .25s;-o-transition: transform .25s;transition: transform .25s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);top: 77px;left: 0;width: 100%;}
	.menu {background-color:rgb(128, 128, 128);}
	.clair {background-color: #fff;}
    /*.is-sticky .menu>li>a, .clair .menu>li>a, .neutre .menu>li>a {color: #fff;}*/
	nav > .nav-button {background:transparent url('../img/cross_white.svg') no-repeat;border: none;height: 25px;width: 29px;}
	.is-sticky nav > .nav-button, .neutre nav > .nav-button {background-image: url('../img/cross_black.svg');background-repeat: no-repeat;}
	/* .neutre .menu > li > a {color: #fff;}*/
    nav a{color:rgb(128, 128, 128)}
	.a-sous-niveau {position: relative;}
    .menu > li{margin-bottom:1px;background-color: #fff;}
    .menu > li > a{margin:0;padding:20px 10px;}
    li.item-search{background-color: rgba(95, 177, 225,1);}
   .a-sous-niveau.deux:hover>.sub-menu,.a-sous-niveau.deux.hover>.sub-menu, .a-sous-niveau.deux:focus>.sub-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .sub-menu ul{display:none;}
	.is-sticky .niveau1:after {color: #000;}
    /*search*/
	nav aside.ouvert, .item-search aside {position: static;display: block;}
	.search-form {margin: auto;border-top: 1px solid rgba(196,195,195,1.00);background-color:#fff;}
	.search-field{width: 100%;min-width:auto;}
	.liensearch {display: none;}
    .searchcontainer{margin:5px;}
	.grille, section {background-image: none;}
	.texte, .chiffres li, *.fourcol:not(.noredis), .threecol:not(.noredis), *.twocol:not(.noredis), .up, .footer1 div + div > ul {display: block;}
	.peinture{background-image:none;}
	.ombre{display:none;}
	/*redefinir height width marges et padding*/
    .baseline::after{height:63px;}
	h2 {margin: 0;}
	.up>h1, .up>.chapo, .up>.soustitre, h2.sous-titre, .cible,.duree_webinaire,.support {padding-left: 20px;padding-right: 20px;}
    .categorie h1, .pagecontenu h1{margin-bottom:18px;}
	.breadcrumb,.realisations .date{margin-top: 0;}
	.page {padding-left:30px;padding-right:30px;}
	button, .button,.read-more {display: inline-block;font-weight: normal;}
	.acces, .realisation h3, .realisation .chapo,.pagecontenu .chapo,.footer3 {padding: 0;}
	.texte, .tags > ol,.texte > div:not(:first-child) {margin-left: 0;}
    .sscategorie:first-child{margin-left:10px;}
	.texte>div, li.tag,.chiffres li, .realisation>div, .twocol > *, .threecol > *,.troisquart > *, .fourcol > *, .twocol .twocol > *, .wpcf7-text, .wpcf7-textarea, .twocol > div:last-child ,.plateformes > .service-home,.fourcol > .troisquart,.home-actus .troisquart > article:nth-child(n),.actus-service article:nth-child(n),.twocol64 > div:first-child,.nous,.plateformes,.fourcol > .troisquart,.search-home,.twocol>.twocol>.resume-service,.search-result,.fourcol >*.w50,.sub-menu .sscategorie{width: 100%;}
	.texte>div, li.tag,.chiffres li, .realisation>div, .twocol > *, .threecol > *,.troisquart > *, .fourcol > *, .twocol .twocol > *, .wpcf7-text, .wpcf7-textarea, .twocol > div:last-child ,.plateformes > .service-home,.fourcol > .troisquart,.home-actus .troisquart > article:nth-child(n),.actus-service article:nth-child(n),.twocol64 > div:first-child,.nous,.plateformes,.fourcol > .troisquart,.threecol>div:not(:first-child){margin-left: 0;}
	.up>h1 {max-width:inherit;}
	.bg > section > div::before, .bg > section > div::after {height: 0;}
	li.tag,.chiffres li, .up,.un-service {padding: 30px;}
    footer .logoinist > li:first-child {margin: 2rem 0;}
	footer .logoinist > li:first-child::after {padding: 0 .7rem;}
    .chiffres{text-align:left;}
	.faqservice button, .modules button, .js-to_expand {padding-left: 20px;}
	button[aria-expanded="false"]::after,button[aria-expanded="true"]::after{padding-right: 20px;}
	.petit, .grand {height: auto;line-height:normal}
	.petit{padding:10px 40px;}
    .grand{padding:0 40px;}
	.grand{line-height:50px;margin:5px 0;}
	.menufooter > li {width: 50%;padding: 27px 27px 0 0;}
	.logoinist > span:first-child::after {padding: 0 .5rem;}
	section::after, .bg > section > div::after, section:not(.up)::before, .bg > section > div::before, footer::before, .footer1::after, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {height: 40px;}
    .categorie::before,.pagecontenu::before,.pagecontenu .effaceimg::before{height:0px;}
	.realisation .col:first-child {padding: 20px;box-sizing: border-box;margin-left: 0;border: 1px solid rgba(170,170,170,.2);}
	.realisation .col:last-child {padding-left: 30px;padding-bottom: 0;background-position: 0px 50px;}
	.une-actu{padding-right:0;}
	iframe.wp-embedded-content,main a.lien-module{width:auto!important}


	/*redefinition des positions*/
    .up {position: relative;}
    .mask {right: auto;}
    .single-tuto .acces {position: absolute;top: 30px;right: 30px;width:33%;}
	.single-service .aside{margin-top:30px;text-align:center;}
	.nous,.search-home{float:none;clear:both;}
	.une-actu + .button{position:static;}
	.aside>img{display:none;}
   .search-result{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .home-actus{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
    .actusdte_accueil,.actu2,.actu3,.actu6{grid-column:auto;grid-row:auto}

	/*redefinition des polices et leur couleurs*/
	main h1,footer .logoinist > li:first-child {font-size: 2.5rem;}
	h2:not(.h3){font-size:2.1875rem;}
	.temoignage {font-size: 1.8rem;}
	header .logoinist > span:first-child {font-size: 1.5rem;}
	.search-field {font-size: 1rem;opacity: 0.8;}
	footer .inist {font-size: 1rem;font-weight: normal;}
	header .inist {font-size: .6rem;}
	body, .texte p, .realisation .chapo {color: #000;}
}
/*==========================================
			481px =<responsive =< 964px 
/*=========================================*/
@media only screen and (min-width:481px) and (max-width:964px){
    .breadcrumb{padding-top:60px;padding-bottom:0}
	.tabmw50,.noredis>*:not(.rewidth){width:50%!important;}
	.grille {background-image: linear-gradient(90deg, transparent 99.8%, rgba(170,170,170,.2) .2%);background-size: 50% 1px;}
    .a-sous-niveau:hover>.sub-menu,.a-sous-niveau.hover>.sub-menu, .a-sous-niveau:focus>.sub-menu {margin:0;padding:0;width: 100vw;max-width:100%;}
    .a-sous-niveau > .niveau1:after {content: '  \003009';position: absolute;right: 5px;}
}
@media only screen and (max-width:650px){
		.gallery-item:nth-child(2n),.gallery > figure:nth-child(5n+2)::before, .gallery > figure:nth-child(5n)::before,.gallery-item:nth-child(2n){transform:translateY(0)}
}
/*==========================================
			responsive =< 480px 
/*=========================================*/
@media only screen and (max-width:480px){
    .breadcrumb{padding-top:36px;padding-bottom:0;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .home h1{word-wrap: break-word }
    #s-home{width:100%;}
    .plateformes >.service-home:nth-child(4n+3),.plateformes >.service-home:first-child{border-right: 1px solid rgba(170,170,170,.2)}
    .une-actu, .une-personne{padding-right:0}
	*.noredis,.mask{display:block}
	.realisation .col:first-child,.threecol > *.w50,.twocol > :not(:only-child){width:100%;	}
	.grand{padding:0 20px;}
	.plateformes > .service-home{max-width:none;}
	.plateformes > .service-home{transform: none;}
	.service-home:nth-child(4n+3){margin-top:0;}
    .mask{min-height:auto;min-width:auto;position:static;}
    .logoservice{min-height:auto;}
    .cat-realisations .twocol section:nth-child(2n+1), .cat-qui .twocol section:nth-child(2n+1),.cat-tutoriels .twocol>div:nth-child(2n+1){padding:0;}
	.acces{min-width:auto;}
	.w50centre{max-width:initial;margin:0 auto;}
}