/* ======================================== LISTE-MOSAIQUE.css ======================================== */
/* Présentation de la liste mosaïque */
/* Septembre 2025 - IAFACTORY j.muckensturm


/* LISTE MOSAÏQUE METHODES
================================================================================================== */

/* Intertitre méthode et déployable */
.intertitre-methode a {display:block;margin:44px 0 0 0;padding:0 0 0 50px;width:1449px;height:49px;border:1px solid #D8D8D8;line-height:49px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;
font-size:14px;letter-spacing:2px;color:#000;background-color:rgba(255,255,255,0.7);background-image: url(../img/ico/ico-chevron-deployer-noir.png);background-repeat: no-repeat;background-position: 1418px center;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.intertitre-methode a:hover {border:1px solid #000;}
.intertitre-methode a.active {border:1px solid #000;background-image: url(../img/ico/ico-chevron-replier-noir.png);background-repeat: no-repeat;background-position: 1418px center;}
.intertitre-expander {width:1500px;max-height: 0;overflow: hidden;transition: max-height 0.1s ease;}/* état expander masqué par défaut*/
.intertitre-expander.ouvert {height:350px;max-height: 500px;border-left:1px solid #DADADA;border-right:1px solid #DADADA;background-color:rgba(255,255,255,0.7)}
.intertitre-expander-box1 {display:block;float:left;height:267px;width:751px;border-bottom:1px solid #DADADA;line-height:25px;padding:82px 100px 0 49px;margin:0 0 0 0;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:14px;letter-spacing:1px;color:#777;}
.intertitre-expander-box2 {display:block;float:right;height:337px;width:600px;border-bottom:1px solid #000;margin:0 0 0 0;padding:12px 0 0 0;text-align:right;background:#000;}

/* Mosaîque */
.liste-methode-analyse {width:1499px;height:4400px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7);}
.liste-methode-editorial {width:1499px;height:3850px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7);}
.liste-methode-conception {width:1499px;height:6050px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7);}
.liste-methode-evaluation {width:1499px;height:2200px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7);}
.liste-methode-pilotage {width:1499px;height:3850px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7);}
.liste-expertise {width:1499px;height:2750px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7)/*rgba(0, 0, 0, 0.95)*/;}
.liste-expertise-page-studio {clear:both;width:1499px;height:2750px;margin:21px 0 0 1px;padding:49px 0 0 0;background: rgba(0, 0, 0, 0.7)/*rgba(0, 0, 0, 0.95)*/;} /*cas page studio IAF avec listing des expertises en partie basse;*/
.liste-etude-de-cas {width:1499px;height:1650px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7)}
.liste-carnet-article {width:1499px;height:2250px;margin:0 0 0 1px;padding:49px 0 0 0;background: rgba(245, 245, 245, 0.7)}


/* LISTE BLANC
================================================================================================== */

/* boîte 1 - 2 - 3 */
.boite-liste-1 {float:left;width:449px;height:499px;margin:0 0 49px 49px;padding:0 0 0 0;border-top: 1px solid #DADADA;border-right: 1px solid #DADADA;border-left: 1px solid #DADADA;border-bottom: 1px solid #DADADA;
 background: rgba(255, 255, 255, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-liste-2 {float:left;width:449px;height:499px;margin:0 0 49px 24px;padding:0 0 0 0;border-top: 1px solid #DADADA;border-right: 1px solid #DADADA;border-left: 1px solid #DADADA;border-bottom: 1px solid #DADADA;
 background: rgba(255, 255, 255, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-liste-3 {float:left;width:449px;height:499px;margin:0 0 49px 24px;padding:0 0 0 0;border-top: 1px solid #DADADA;border-right: 1px solid #DADADA;border-left: 1px solid #DADADA;border-bottom: 1px solid #DADADA;
 background: rgba(255, 255, 255, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-liste-1:hover, .boite-liste-2:hover, .boite-liste-3:hover {cursor:pointer;border:1px solid #000;}
.boite-liste-1:hover .liste-lien a, .boite-liste-2:hover .liste-lien a, .boite-liste-3:hover .liste-lien a {padding:6px 6px 6px 6px;background-color:#000;color:#fff;transition: background-color 0.3s ease, color 0.3s ease;}

/* contenu boîte */
.liste-numero {display:block;float:left;height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid #DADADA;border-bottom:1px solid #DADADA;line-height:50px;background:rgba(245, 245, 245, 0.6);font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:center;font-size:13px;color:#777777;}
.liste-categorie {display:block;float:left;height:50px;width:375px;margin:-1px 0 0 -1px;padding:0 0 0 25px;border-bottom:1px solid #DADADA;line-height:50px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;letter-spacing:2px;color:#777777;}
.liste-lien a {display:block;float:left;margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:17px;color:#000;letter-spacing:2px;}
.liste-description {display:block;float:left;margin:0 0 0 0;padding:28px 75px 0 75px;line-height:18px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;color:#777777;letter-spacing:1px;}
.liste-vignette {height:247px;width:449px;margin:0 0 0 0;padding:0 0 0 0;text-align:left;}
.liste-vignette img {width:347px;height:247px;margin:0 0 0 0;padding:50px 0 0 75px;}

/* LISTE NOIR
================================================================================================== */

/* boîte 1 - 2 - 3 */
.boite-liste-1-noir {float:left;width:449px;height:499px;margin:0 0 49px 49px;padding:0 0 0 0;border-top: 1px solid #191919;border-right: 1px solid #191919;border-left: 1px solid #191919;border-bottom: 1px solid #191919;
 background: rgba(000, 000, 000, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-liste-2-noir {float:left;width:449px;height:499px;margin:0 0 49px 24px;padding:0 0 0 0;border-top: 1px solid #191919;border-right: 1px solid #191919;border-left: 1px solid #191919;border-bottom: 1px solid #191919;
 background: rgba(000, 000, 000, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-liste-3-noir {float:left;width:449px;height:499px;margin:0 0 49px 24px;padding:0 0 0 0;border-top: 1px solid #191919;border-right: 1px solid #191919;border-left: 1px solid #191919;border-bottom: 1px solid #191919;
 background: rgba(000, 000, 000, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-liste-1-noir:hover, .boite-liste-2-noir:hover, .boite-liste-3-noir:hover {cursor:pointer;border:1px solid #666;}
.boite-liste-1-noir:hover .liste-lien-noir a, .boite-liste-2-noir:hover .liste-lien-noir a, .boite-liste-3-noir:hover .liste-lien-noir a {padding:6px 6px 6px 6px;background-color:#FFF;color:#000;transition: background-color 0.3s ease, color 0.3s ease;}

/* contenu boîte */
.liste-numero-noir {display:block;float:left;height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid #191919;border-bottom:1px solid #191919;line-height:50px;background:rgba(15, 15, 15, 1.0);font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:center;font-size:13px;color:#777777;}
.liste-categorie-noir {display:block;float:left;height:50px;width:375px;margin:-1px 0 0 -1px;padding:0 0 0 25px;border-bottom:1px solid #191919;line-height:50px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;letter-spacing:2px;color:#777777;}
.liste-lien-noir a {display:block;float:left;margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:17px;color:#fff;letter-spacing:2px;}
.liste-intertitre-noir-iaf {display:block;float:left;margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:17px;color:#fff;letter-spacing:2px;} /*spécifique intertitre pour liste expertise dans page studio IAF : cet intertitre est initialement un lien mais pour la validité du code, on utilise une autre méthode de lien sans JS*/
.liste-description-noir {display:block;float:left;margin:0 0 0 0;padding:28px 75px 0 75px;line-height:18px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;color:#777777;letter-spacing:1px;}
.liste-vignette-noir {height:247px;width:449px;margin:0 0 0 0;padding:0 0 0 0;text-align:left;}
.liste-vignette-noir img {width:347px;height:247px;margin:0 0 0 0;padding:50px 0 0 75px;}


/* LISTE CARNET D'ARTICLE
================================================================================================== */

/* boîte horizontale sur toute la largeur */
.boite-large-1, .boite-large-2, .boite-large-3 {float:left;width:1399px;height:399px;margin:0 0 49px 49px;padding:0 0 0 0;border-top: 1px solid #191919;border-right: 1px solid #191919;border-left: 1px solid #191919;border-bottom: 1px solid #191919;
 background: rgba(000, 000, 000, 1.0);cursor:pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}

.boite-large-1:hover, .boite-large-2:hover, .boite-large-3:hover  {cursor:pointer;border:1px solid #666;}
.boite-large-1:hover .liste-lien a, .boite-large-2:hover .liste-lien a, .boite-large-3:hover .liste-lien a {padding:6px 6px 6px 6px;background-color:#FFF;color:#000;transition: background-color 0.3s ease, color 0.3s ease;}

/* contenu boîte */
.boite-liste-numero {display:block;float:left;height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid #555555;border-bottom:1px solid #191919;line-height:50px;background:rgba(15, 15, 15, 1.0);font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:center;font-size:13px;color:#777777;}
.boite-liste-categorie {display:block;float:left;height:50px;width:1299px;margin:-1px 0 0 0;padding:0 0 0 50px;border-bottom:1px solid #191919;background:rgba(15, 15, 15, 1.0);line-height:50px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;letter-spacing:2px;color:#777777;}
.boite-liste-lien a {display:block;float:left;margin:63px 0 0 93px;padding:6px 6px 6px 6px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:25px;color:#fff;letter-spacing:2px;}
.boite-liste-description {clear:both;display:block;float:left;width:700px;margin:28px 0 0 0;padding:28px 75px 0 99px;line-height:20px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:14px;color:#888888;letter-spacing:1px;opacity:0.5 !important;}
.boite-liste-vignette {position:absolute;float:left;margin:100px 0 0 1000px;padding:0 0 0 0;}
.boite-liste-vignette img {width:347px;height:247px;margin:0 0 0 0;padding:0 0 0 0;}


/* Résumé et texte synthétique bas de page */
.resume-liste-titre {display:block;margin:83px 0 0 50px;width:1450px;line-height:25px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:14px;letter-spacing:1px;color:#777777;}
.resume-liste-texte {display:block;margin:25px 0 0 50px;height:117px;padding:0 900px 0 0;width:550px;line-height:25px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:14px;letter-spacing:1px;color:#777777;}
.specifique-footer-position-liste {} /* spécifique mediaqueries pour caler le footer */



/* PLAN DU SITE
================================================================================================== */

.liste-plan-du-site {width:1499px;height:auto;margin:44px 0 0 0;padding:0 0 0 0;}

/* Plan du site à déployer */
.sitemap-lien a {
    display:block;margin:0 0 -1px 0;padding:0 0 0 50px;width:1449px;height:49px;border:1px solid #D8D8D8;line-height:49px;
    font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:14px;letter-spacing:2px;color:#000;
    background-color: rgba(245, 245, 245, 0.7);background-image: url(../img/ico/ico-chevron-deployer-noir.png);background-repeat: no-repeat;background-position: 1418px center;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.sitemap-lien a:hover {background-color: rgba(255, 255, 255, 0.7);}
.sitemap-lien a.active {color:#FFF;border:1px solid #000;background-color:rgba(0,0,0,1.0);background-image: url(../img/ico/ico-chevron-replier-blanc.png);background-repeat: no-repeat;background-position: 1418px center;}

.sitemap-expander {width:1499px;max-height: 0;overflow: hidden;transition: max-height 0.1s ease;}/* état expander masqué par défaut*/
.sitemap-expander.ouvert {margin:1px 0 -1px 0;height:auto;max-height: 25000px;border-left:1px solid #DADADA;border-right:1px solid #DADADA;background-color:rgba(255, 255, 255, 0.7);}

.expander-body h3 a {/*background-color:rgba(255,255,255,0.7);*/
  display:block;margin:-1px 0 0 -1px;padding:0 0 0 100px;width:1450px;height:49px;border:1px solid #D8D8D8;line-height:49px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;letter-spacing:2px;color:#000;font-weight:bold;
  background-image: url(../img/ico/ico-fleche-ouvrir-gris.png);background-repeat: no-repeat;background-position: 1418px center;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}
.expander-body h3 a:hover {background-color:rgba(245,245,245,0.7);background-image: url(../img/ico/ico-fleche-ouvrir-noir.png);background-repeat: no-repeat;background-position: 1423px center;}

.expander-body h4 {
  display:block;margin:-1px 0 0 -1px;padding:0 0 0 150px;width:1450px;height:49px;border:1px solid #D8D8D8;line-height:49px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;letter-spacing:2px;color:#A4A4A4;}

.expander-body h5 a {
  display:block;margin:-1px 0 0 -1px;padding:0 0 0 200px;width:1450px;height:49px;border:1px solid #D8D8D8;line-height:49px;font-family: 'typoarchia', "Trebuchet MS", Helvetica, sans-serif;text-align:left;font-size:13px;letter-spacing:2px;color:#000;
  background-image: url(../img/ico/ico-fleche-ouvrir-gris.png);background-repeat: no-repeat;background-position: 1418px center;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}
.expander-body h5 a:hover {background-color:rgba(245,245,245,0.7);background-image: url(../img/ico/ico-fleche-ouvrir-noir.png);background-repeat: no-repeat;background-position: 1423px center;}

.sitemap-rebond-numero {margin:0 25px 0 0;color:#B9B9B9;}



/* ==================================================================== */
/* °°° 	@MEDIAQUERIES                         													*/
/* °°°  875px                       																		*/
/* ==================================================================== */

@media screen and (min-width: 875px) and (max-width: 1600px) {


  /* LISTE MOSAÏQUE METHODES
  ================================================================================================== */

  /* Intertitre méthode et déployable */
  .intertitre-methode a {margin:44px 0 0 0;padding:0 0 0 50px;width:699px;height:49px;line-height:49px;font-size:13px;letter-spacing:2px;background-image: url(../img/ico/ico-chevron-deployer-noir.png);background-position: 718px center;}
  .intertitre-methode a:hover {}
  .intertitre-methode a.active {background-image: url(../img/ico/ico-chevron-replier-noir.png);background-position: 718px center;}
  .intertitre-expander {width:750px;max-height: 0;overflow: hidden;}/* état expander masqué par défaut*/
  .intertitre-expander.ouvert {height:700px;max-height: 700px;}
  .intertitre-expander-box1 {height:267px;width:651px;line-height:25px;padding:82px 100px 0 49px;margin:0 0 0 0;font-size:14px;letter-spacing:1px;}
  .intertitre-expander-box2 {height:337px;width:751px;margin:0 0 0 0;padding:32px 0 0 0;text-align:center;}
  .intertitre-expander-box2 img {height:280px;width:500px;}


  /* Mosaîque */
  .liste-methode-analyse {width:749px;height:6600px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-methode-editorial {width:749px;height:6000px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-methode-conception {width:749px;height:9900px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-methode-evaluation {width:749px;height:3600px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-methode-pilotage {width:749px;height:6000px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-expertise {width:749px;height:4500px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-expertise-page-studio {width:749px;height:3750px;margin:21px 0 0 1px;padding:49px 0 0 0;}
  .liste-etude-de-cas {width:749px;height:2700px;margin:0 0 0 1px;padding:49px 0 0 0;}
  .liste-carnet-article {width:749px;height:1600px;margin:0 0 0 1px;padding:49px 0 0 0;}


  /* LISTE BLANC
  ================================================================================================== */

  /* boîte 1 - 2 - 3 */
  .boite-liste-1 {width:649px;height:249px;margin:0 0 49px 49px;padding:0 0 0 0;}
  .boite-liste-2 {width:649px;height:249px;margin:0 0 49px 49px;padding:0 0 0 0;}
  .boite-liste-3 {width:649px;height:249px;margin:0 0 49px 49px;padding:0 0 0 0;}

  .boite-liste-1:hover, .boite-liste-2:hover, .boite-liste-3:hover {}
  .boite-liste-1:hover .liste-lien a, .boite-liste-2:hover .liste-lien a, .boite-liste-3:hover .liste-lien a {padding:6px 6px 6px 6px;}

  /* contenu boîte */
  .liste-numero {height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;line-height:50px;font-size:13px;}
  .liste-categorie {height:50px;width:575px;margin:-1px 0 0 -1px;padding:0 0 0 25px;line-height:50px;font-size:13px;letter-spacing:2px;}
  .liste-lien a {margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-size:13px;letter-spacing:2px;}
  .liste-description {position:absolute;width:300px;margin:135px 0 0 0;padding:0 0 0 73px;line-height:18px;font-size:13px;letter-spacing:1px;}
  .liste-vignette {position:absolute;float:left;height:197px;width:140px;margin:80px 0 0 425px;padding:0 0 0 0;}
  .liste-vignette img {width:197px;height:140px;margin:0 0 0 0;padding:0 0 0 0;}


  /* LISTE NOIR
  ================================================================================================== */

  /* boîte 1 - 2 - 3 */
  .boite-liste-1-noir {width:649px;height:249px;margin:0 0 49px 49px;padding:0 0 0 0;}
  .boite-liste-2-noir {width:649px;height:249px;margin:0 0 49px 49px;padding:0 0 0 0;}
  .boite-liste-3-noir {width:649px;height:249px;margin:0 0 49px 49px;padding:0 0 0 0;}

  .boite-liste-1-noir:hover, .boite-liste-2-noir:hover, .boite-liste-3-noir:hover {}
  .boite-liste-1-noir:hover .liste-lien-noir a, .boite-liste-2-noir:hover .liste-lien-noir a, .boite-liste-3-noir:hover .liste-lien-noir a {padding:6px 6px 6px 6px;}

  /* contenu boîte */
  .liste-numero-noir {height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;line-height:50px;font-size:13px;}
  .liste-categorie-noir {height:50px;width:575px;margin:-1px 0 0 -1px;padding:0 0 0 25px;line-height:50px;font-size:13px;letter-spacing:2px;}
  .liste-lien-noir a {margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-size:13px;letter-spacing:2px;}
  .liste-intertitre-noir-iaf {margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-size:13px;letter-spacing:2px;} /*spécifique intertitre pour liste expertise dans page studio IAF : cet intertitre est initialement un lien mais pour la validité du code, on utilise une autre méthode de lien sans JS*/
  .liste-description-noir {position:absolute;width:300px;margin:135px 0 0 0;padding:0 0 0 73px;line-height:18px;font-size:13px;letter-spacing:1px;}
  .liste-vignette-noir {position:absolute;float:left;height:197px;width:140px;margin:80px 0 0 425px;padding:0 0 0 0;}
  .liste-vignette-noir img {width:197px;height:140px;margin:0 0 0 0;padding:0 0 0 0;}


  /* LISTE CARNET D'ARTICLE
  ================================================================================================== */

  /* boîte horizontale sur toute la largeur */
  .boite-large-1, .boite-large-2, .boite-large-3 {width:649px;height:349px;margin:0 0 49px 49px;padding:0 0 0 0}

  .boite-large-1:hover, .boite-large-2:hover, .boite-large-3:hover  {}
  .boite-large-1:hover .liste-lien a, .boite-large-2:hover .liste-lien a, .boite-large-3:hover .liste-lien a {padding:6px 6px 6px 6px;}

  /* contenu boîte */
  .boite-liste-numero {height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;line-height:50px;font-size:13px;}
  .boite-liste-categorie {height:50px;width:575px;margin:-1px 0 0 -1px;padding:0 0 0 25px;line-height:50px;font-size:13px;letter-spacing:2px;}
  .boite-liste-lien a {margin:32px 0 0 68px;padding:6px 6px 6px 6px;font-size:13px;letter-spacing:2px;}
  .boite-liste-description {position:absolute;width:325px;margin:135px 0 0 0;padding:0 0 0 73px;line-height:16px;font-size:13px;letter-spacing:1px;}
  .boite-liste-vignette {position:absolute;float:left;height:197px;width:140px;margin:150px 0 0 435px;padding:0 0 0 0;}
  .boite-liste-vignette img {width:197px;height:140px;margin:0 0 0 0;padding:0 0 0 0;}


  /* Résumé et texte synthétique bas de page */
  .resume-liste-titre {margin:83px 0 0 50px;width:450px;line-height:25px;font-size:14px;letter-spacing:1px;}
  .resume-liste-texte {margin:25px 0 0 50px;width:600px;height:117px;padding:0 0 0 0;line-height:25px;font-size:13px;letter-spacing:1px;}
  .specifique-footer-position-liste {clear:both;margin:88px 0 0 0;} /* bien caler le footer sous le résumé dans les pages tableaux et liste */



/* PLAN DU SITE
================================================================================================== */

.liste-plan-du-site {width:749px;height:auto;margin:44px 0 0 0;padding:0 0 0 0;}

/* Plan du site à déployer */
.sitemap-lien a {margin:0 0 -1px 0;padding:0 0 0 50px;width:699px;height:49px;font-size:13px;letter-spacing:2px;background-image: url(../img/ico/ico-chevron-deployer-noir.png);background-repeat: no-repeat;background-position: 667px center;}
.sitemap-lien a:hover {}
.sitemap-lien a.active {background-image: url(../img/ico/ico-chevron-replier-blanc.png);background-repeat: no-repeat;background-position: 667px center;}
.sitemap-expander {width:749px;max-height: 0;overflow: hidden;transition: max-height 0.1s ease;}/* état expander masqué par défaut*/
.sitemap-expander.ouvert {margin:1px 0 -1px 0;height:auto;max-height: 25000px;}
.expander-body h3 a {margin:-1px 0 0 -1px;padding:0 0 0 50px;width:700px;height:49px;font-size:13px;letter-spacing:2px;background-image: url(../img/ico/ico-fleche-ouvrir-gris.png);background-repeat: no-repeat;background-position: 667px center;}
.expander-body h3 a:hover {background-image: url(../img/ico/ico-fleche-ouvrir-noir.png);background-repeat: no-repeat;background-position: 677px center;}
.expander-body h4 {margin:-1px 0 0 -1px;padding:0 0 0 50px;width:700px;height:49px;line-height:49px;font-size:13px;letter-spacing:2px;}
.expander-body h5 a {margin:-1px 0 0 -1px;padding:0 0 0 100px;width:700px;height:49px;font-size:13px;letter-spacing:2px;background-image: url(../img/ico/ico-fleche-ouvrir-gris.png);background-repeat: no-repeat;background-position: 667px center;}
.expander-body h5 a:hover {background-image: url(../img/ico/ico-fleche-ouvrir-noir.png);background-repeat: no-repeat;background-position: 677px center;}
.sitemap-rebond-numero {margin:0 25px 0 0;}

}



/* ==================================================================== */
/* °°° 	@MEDIAQUERIES                         													*/
/* °°°  300px - mobile mini          																		*/
/* ==================================================================== */


@media screen and (min-width:50px) and (max-width:874px){

  /* LISTE MOSAÏQUE METHODES
  ================================================================================================== */

  /* Intertitre méthode et déployable */
  .intertitre-methode a {margin:44px 0 0 0;padding:0 0 0 25px;width:274px;height:49px;line-height:49px;font-size:11px;letter-spacing:1px;background-image: url(../img/ico/ico-chevron-ouvrir-min.png);background-position: 268px center;}
  .intertitre-methode a:hover {}
  .intertitre-methode a.active {background-image: url(../img/ico/ico-chevron-fermer-min.png);background-position: 268px center;}
  .intertitre-expander {width:299px;max-height: 0;overflow: hidden;}/* état expander masqué par défaut*/
  .intertitre-expander.ouvert {height:700px;max-height: 700px;margin:0 0 0 0;}
  .intertitre-expander-box1 {height:467px;width:253px;line-height:25px;padding:32px 24px 0 24px;margin:200px 0 0 0;font-size:12px;letter-spacing:1px;}
  .intertitre-expander-box2 {height:184px;width:253px;margin:-710px 0 0 0;padding:25px 24px 0 24px;text-align:center;}
  .intertitre-expander-box2 img {height:165px;width:304px;margin:0 0 0 -25px;padding:0px 0 20px 0;}

  /* Mosaîque */
  .liste-methode-analyse {width:301px;height:9331px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-methode-editorial {width:301px;height:8481px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-methode-conception {width:301px;height:14006px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-methode-evaluation {width:301px;height:5031px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-methode-pilotage {width:301px;height:8481px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-expertise {width:301px;height:6356px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-expertise-page-studio {width:301px;height:6281px;margin:16px 0 0 0;padding:0 0 0 0;}
  .liste-etude-de-cas {width:301px;height:3806px;margin:0 0 0 0;padding:45px 0 0 0;}
  .liste-carnet-article {width:301px;height:2081px;margin:0 0 0 0;padding:45px 0 0 0;}


  /* LISTE BLANC
  ================================================================================================== */

  /* boîte 1 - 2 - 3 */
  .boite-liste-1 {width:299px;height:399px;margin:4px 0 20px 0;padding:0 0 0 0;}
  .boite-liste-2 {width:299px;height:399px;margin:4px 0 20px 0;padding:0 0 0 0;}
  .boite-liste-3 {width:299px;height:399px;margin:4px 0 20px 0;padding:0 0 0 0;}

  .boite-liste-1:hover, .boite-liste-2:hover, .boite-liste-3:hover {}
  .boite-liste-1:hover .liste-lien a, .boite-liste-2:hover .liste-lien a, .boite-liste-3:hover .liste-lien a {padding:6px 6px 6px 6px;}

  /* contenu boîte */
  .liste-numero {height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;line-height:50px;font-size:10px;letter-spacing:1px;}
  .liste-categorie {height:50px;width:199px;margin:-1px 0 0 0;padding:0 25px 0 25px;line-height:50px;font-size:10px;letter-spacing:1px;}
  .liste-lien a {width:240px;margin:25px 150px 0 18px;padding:6px 6px 6px 6px;font-size:12px;letter-spacing:1px;}
  .liste-description {width:250px;height:75px;margin:18px 50px 0 0;padding:0 0 0 24px;line-height:16px;font-size:11px;letter-spacing:1px;}
  .liste-vignette {width:250px;height:147px;margin:-60px 0 0 0;padding:0 0 0 0;}
  .liste-vignette img {width:246px;height:175px;margin:0 0 0 25px;padding:0 0 0 0;}


  /* LISTE NOIR
  ================================================================================================== */

  /* boîte 1 - 2 - 3 */
  .boite-liste-1-noir {width:299px;height:399px;margin:4px 0 20px 0;padding:0 0 0 0;}
  .boite-liste-2-noir {width:299px;height:399px;margin:4px 0 20px 0;padding:0 0 0 0;}
  .boite-liste-3-noir {width:299px;height:399px;margin:4px 0 20px 0;padding:0 0 0 0;}

  .boite-liste-1-noir:hover, .boite-liste-2-noir:hover, .boite-liste-3-noir:hover {}
  .boite-liste-1-noir:hover .liste-lien-noir a, .boite-liste-2-noir:hover .liste-lien-noir a, .boite-liste-3-noir:hover .liste-lien-noir a {padding:6px 6px 6px 6px;}

  /* contenu boîte */
  .liste-numero-noir {height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;line-height:50px;font-size:10px;letter-spacing:1px;}
  .liste-categorie-noir {height:50px;width:199px;margin:-1px 0 0 0;padding:0 25px 0 25px;line-height:50px;font-size:10px;letter-spacing:1px;}
  .liste-lien-noir a {width:240px;margin:25px 150px 0 18px;padding:6px 6px 6px 6px;font-size:12px;letter-spacing:1px;}
  .liste-intertitre-noir-iaf {margin:32px 0 0 18px;padding:6px 6px 6px 6px;font-size:13px;letter-spacing:2px;} /*spécifique intertitre pour liste expertise dans page studio IAF : cet intertitre est initialement un lien mais pour la validité du code, on utilise une autre méthode de lien sans JS*/
  .liste-description-noir {width:250px;height:75px;margin:18px 50px 0 0;padding:0 0 0 24px;line-height:16px;font-size:11px;letter-spacing:1px;}
  .liste-vignette-noir {width:250px;height:147px;margin:-60px 0 0 0;padding:0 0 0 0;}
  .liste-vignette-noir img {width:246px;height:175px;margin:0 0 0 25px;padding:0 0 0 0;}


  /* LISTE CARNET D'ARTICLE
  ================================================================================================== */

  /* boîte horizontale sur toute la largeur */
  .boite-large-1, .boite-large-2, .boite-large-3 {width:299px;height:499px;margin:4px 0 20px 0;padding:0 0 0 0}

  .boite-large-1:hover, .boite-large-2:hover, .boite-large-3:hover  {}
  .boite-large-1:hover .liste-lien a, .boite-large-2:hover .liste-lien a, .boite-large-3:hover .liste-lien a {padding:6px 6px 6px 6px;}

  /* contenu boîte */
  .boite-liste-numero {height:49px;width:49px;margin:0 0 0 0;padding:0 0 0 0;line-height:50px;font-size:10px;letter-spacing:1px;}
  .boite-liste-categorie {height:50px;width:199px;margin:-1px 0 0 0;padding:0 25px 0 25px;line-height:50px;font-size:10px;letter-spacing:1px;}
  .boite-liste-lien a {width:240px;margin:25px 150px 0 18px;padding:6px 6px 6px 6px;font-size:12px;letter-spacing:1px;}
  .boite-liste-description {width:250px;height:75px;margin:210px 50px 0 0;padding:0 0 0 24px;line-height:16px;font-size:11px;letter-spacing:0;}
  .boite-liste-vignette {width:250px;height:147px;margin:130px 0 0 0;padding:0 0 0 0;}
  .boite-liste-vignette img {width:246px;height:175px;margin:0 0 0 25px;padding:0 0 0 0;}

  /* Résumé et texte synthétique bas de page */
  .resume-liste-titre {margin:107px 25px 0 25px;width:250px;line-height:25px;font-size:13px;letter-spacing:1px;}
  .resume-liste-texte {margin:25px 25px 0 25px;width:250px;height:117px;padding:0 0 0 0;line-height:25px;font-size:12px;letter-spacing:1px;}
  .specifique-footer-position-liste {clear:both;margin:190px 0 0 0;} /* bien caler le footer sous le résumé dans les pages tableaux et liste */


  /* PLAN DU SITE
  ================================================================================================== */

  .liste-plan-du-site {width:299px;height:auto;margin:44px 0 134px 0;padding:0 0 0 0;}

  /* Plan du site à déployer */
  .sitemap-lien a {margin:0 0 -1px 0;padding:0 0 0 25px;width:274px;height:49px;font-size:12px;letter-spacing:2px;background-image: url(../img/ico/ico-chevron-deployer-noir.png);background-repeat: no-repeat;background-position: 267px center;}
  .sitemap-lien a:hover {}
  .sitemap-lien a.active {background-image: url(../img/ico/ico-chevron-replier-blanc.png);background-repeat: no-repeat;background-position: 267px center;}
  .sitemap-expander {width:299px;max-height: 0;overflow: hidden;transition: max-height 0.1s ease;}/* état expander masqué par défaut*/
  .sitemap-expander.ouvert {margin:1px 0 -1px 0;height:auto;max-height: 25000px;}
  .expander-body h3 a {margin:-1px 0 0 -1px;padding:0 0 0 25px;width:300px;height:49px;font-size:11px;letter-spacing:1px;background-image: url(../img/ico/ico-fleche-ouvrir-gris.png);background-repeat: no-repeat;background-position: 267px center;}
  .expander-body h3 a:hover {background-image: url(../img/ico/ico-fleche-ouvrir-noir.png);background-repeat: no-repeat;background-position: 277px center;}
  .expander-body h4 {margin:-1px 0 0 -1px;padding:0 0 0 25px;width:300px;height:49px;line-height:49px;font-size:11px;letter-spacing:1px;}
  .expander-body h5 a {margin:-1px 0 0 -1px;padding:0 0 0 25px;width:300px;height:49px;font-size:11px;letter-spacing:1px;background-image: url(../img/ico/ico-fleche-ouvrir-gris.png);background-repeat: no-repeat;background-position: 267px center;}
  .expander-body h5 a:hover {background-image: url(../img/ico/ico-fleche-ouvrir-noir.png);background-repeat: no-repeat;background-position: 277px center;}
  .sitemap-rebond-numero {margin:0 10px 0 0;}



}