/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆   NE PAS MODIFIER -- EDITEUR BACK               ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

#spec > * { margin:0; padding:0; }
#spec .messages{width:100% !important}/* width + 4 */
#blocEditor{width:100%;box-sizing:border-box;padding:20px;background:#f2f2f2 ;border:none;-webkit-text-size-adjust: 100%;   font-size: 62.5%;}
#spec fieldset, #submitButton{width:710px;}
/* /////////////////////////////////////////////////////////////////////////////// */
#blocEditor p { margin:0; margin-top:5px; }
#blocEditor input, #blocEditor textarea { width:auto !important; }
/* /////////////////////////////////////////////////////////////////////////////// */
#toolbox {background:#fff;border:1px #ddd solid;padding:4px;border-radius:100px;position:absolute;width:auto;display:flex;align-items:center;justify-content:center;z-index:101}
.c-toolbox__inside{display:flex;align-items:stretch;justify-content:center;}
.c-toolbox__inside > * + *{margin-left:5px;border-radius:4px;border:1px #ddd solid;}
.c-toolbox__inside .elt{align-items:center;font-size:10px;font-weight:500;margin:0;background:#fff;padding:3px 15px 3px 8px;border-radius:50px 10px 10px 50px;}
.c-toolbox__inside .elt[data-show="show"]{display:flex;}
.c-toolbox__inside .elt[data-show="hide"]{display:none;}
.c-toolbox__inside .elt > img{display:block;width:30px;margin-right:5px;}
.c-toolbox__inside > span{display:flex;align-items:center;background:var(--c-current);color:#fff;padding:0 10px;border-radius:6px;cursor:pointer;}
.c-toolbox__inside svg{width:20px;height:20px;}
.c-toolbox__inside > *:last-child{border-radius:10px 50px 50px 10px;}
.toolbox-arr{display:flex;align-items:center;border-radius:100px;width:35px;justify-content:center;cursor:pointer;}
.c-toolbox__inside > span,
.toolbox-arr{transition:all .3s ease-out}
.c-toolbox__inside > span:hover,
.toolbox-arr:hover{background:var(--c-accentAdmin);color:var(--c-current)}
/* /////////////////////////////////////////////////////////////////////////////// */
/*#toolbox a { text-decoration:none; }*/
/*#toolbox img { border:0; margin:0; margin-right:5px; cursor:pointer; }*/
/*#toolbox p{margin:0;height:24px;}*/
/*#toolbox p.elt{text-align:left;float:left;width:180px;padding-top:2px;}*/
/*#toolbox p.elt img{cursor:default}*/
/*#toolbox p.elt span{position:relative;top:2px}*/
/*#toolbox p.elt img{vertical-align:middle}*/
/*#toolbox p.actions{float:left;width:320px;margin-left:30px;background:#282828;padding:3px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}*/
/*#toolbox p.actions span{position:relative;top:4px;cursor:pointer;padding:0 3px;font-size:14px;color:#fff;}*/
/*#toolbox p.actions span:hover{color:#e31318;}*/
/*#toolbox p.fleches{float:right;margin:6px 0px 0 0;}*/
/*#addButtons img { cursor:pointer; }*/
/* /////////////////////////////////////////////////////////////////////////////// */
.left { float:left; }
.right { float:right; }
h1,h2,h3,h4,h5{font-weight:normal; font-family: 'Poppins', 'Arial', sans-serif;}
.no-img img {width:100% !important}
.u-clear{clear:both;}
.u-englob-imgtxt{display:flex;align-items:center;clear: both}
.u-englob-imgtxt--start{align-items:flex-start}
.u-englob-imgtxt--end{align-items:flex-end}
.u-englob-imgtxt>.txt{flex:1;}
#body .u-englob-imgtxt>.img.left{margin-right:40px !important}
#body .u-englob-imgtxt>.img.right{margin-left:40px !important}
.u-englob-imgtxt>.img.right{order:50}
@media (max-width: 60em){
   .u-englob-imgtxt{flex-direction:column;}
   .u-englob-imgtxt>*{width:100%;}
   .u-englob-imgtxt.img.left,
   .u-englob-imgtxt.img.right{margin-left:0;margin-right:0}
   #body .u-englob-imgtxt>.img.left{margin-right:0px !important}
   #body .u-englob-imgtxt>.img.right{margin-left:0px !important}
}

.u-englob-imgtxt > .js__img-flottante {margin-bottom:0 !important}
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆   RECLASSEMENT
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
#parentDePage{position:relative;}

.u-pos-reclassement__hackoverflow{background:#fff;margin-left:20px;overflow-y:scroll;overflow-x:visible;border:1px #ccc dotted;box-sizing:border-box;border-radius:10px;height:calc(100vh - 120px);position:sticky;top:0;}
.u-pos-reclassement{width:255px;padding:20px 10px;box-sizing:border-box;height:100%}
/* Hide scrollbar for Chrome, Safari and Opera */
.u-pos-reclassement__hackoverflow::-webkit-scrollbar {display: none;}
/* Hide scrollbar for IE, Edge and Firefox */
.u-pos-reclassement__hackoverflow{-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}

#reclassement{padding-bottom:15px;}
#reclassement ul{margin:0;padding:0;}
#reclassement ul li{margin:0;padding:0;list-style-type:none;position:relative;}
#reclassement p#headline{margin:0;padding:5px 0 15px 10px;color:#666;}

#reclassement ul li a.elemReclasse{font-family:"Figtree","Arial", sans serif;font-weight:bold;cursor:pointer;margin-bottom:6px;position:relative;padding:0 0 0 33px;display:flex;align-items:center;width:186px;color:#373737;background:url(../img/gestionnaire/onglet_classement.gif) no-repeat 0 0;z-index:3;height:30px;line-height:10px;font-size:10px;}
#reclassement ul li:hover  a.elemReclasse{text-decoration:none;background-position:0 -30px;}
#reclassement ul li  a.elemReclasse img{position:absolute;top:4px;left:4px;border:1px #ddd solid;border-radius:5px;width:20px;}

.reclassement__ico--action{position:absolute;left:202px;top:0;width:30px;height:30px;background:#fff;border:1px #e1e1e1 solid;display:flex;align-items:center;justify-content: center;box-sizing:border-box;visibility:hidden;opacity:0;transition:transform .3s cubic-bezier(0, 0.9, 0.42, 1.39), opacity .4s ease-out, border .4s ease-out;transform:translateX(-30px);cursor:pointer;z-index:4}
.reclassement__ico--action.editElem{left:170px;}
.reclassement__ico--action.deleteElem{transition-delay: 0.1s}

#reclassement ul li:hover .reclassement__ico--action{opacity:1;visibility:visible;transform:translateX(0)}
#reclassement ul li:hover .reclassement__ico--action.editElem{left:170px}
#reclassement ul li:hover .reclassement__ico--action.deleteElem{left:204px}

   /* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆   PERSONNALISATION DU SITE               ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
#fancybox-title-main{color:#5d5d5d}
#blocEditor .highlight{color:#666}
#blocEditor .encart_highlight{color:#b90031}
/* /////////////////////////////////////////////////////////////////////////////// */
#margeCMS{margin:0px 0px 0px 20px}
/* /////////////////////////////////////////////////////////////////////////////// */
#body:after{clear:both;content:"";display:table;}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// CENTRALISATION DES COULEURS
/!\ REPRENDRE LES STYLES DEFINIS DANS LE STYLE GLOBAL DU SITE
//////////// */
:root {
   --c-accent:       #7BBFE9;
   --c-accentPale:   #efeeea;
   --c-accentDarken: #283541;
   --c-current:      #283541;
   --c-discret:      #efeeea;
   --fs100:          10.0rem;
   --fs1:            9.0rem;
   --fs1alt:         7.0rem;
   --fs2:            3.6rem;
   --fs3:            2.5rem;
   --fs4:            1.8rem;
   --fs5:            1.6rem;
   --fscourant:                  1.8rem;
   --fsmedium:                   1.6rem;
}

/* ---------------------------- */
@media (max-width:85em){
   :root {
      --fs100:                      8.0rem;
      --fs1:                        5.5rem;
      --fs1alt:                     4.2rem;
      --fs2:                        3.2rem;
      --fs3:                        2.2rem;
      --fs4:                        1.8rem;
      --fscourant:                  1.8rem;
      --fsmedium:                   1.6rem;
   }
}
@media (max-width:60em){
   :root {
      --fs100:                      9.0rem;
      --fs1:                        7.0rem;
      --fs1alt:                     5.4rem;
      --fs2:                        3.2rem;
      --fs3:                        2.2rem;
      --fs4:                        1.8rem;
      --fscourant:                  1.8rem;
      --fsmedium:                   1.6rem;
   }
}
/* ---------------------------- */
#body{
   color:var(--c-current);
}
#body a{
   color: var(--c-accent)
}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// SQUELETTE //////////// */
#spec,input,select,textarea {
   font-family: "Figtree", "Roboto", arial, sans-serif;;
}
#spec{
   /* Dans l'admin */
   font-weight:300;
   width:100%;
   margin:10px 0 30px 0;
}
#body{
   /* Commun admin + front */
   margin:0;
   padding:0;
}
#body p a{text-decoration:underline;font-weight:700}
#body p a:hover{text-decoration:none;}
/* ///// FONTS //////////// */
#body,
#body table td,
#body p{
   font-size:1.6rem;
   line-height:1.45;
}
@media (min-width: 60em){
   #body,
   #body table td,
   #body p{
      /* Commun admin + front */
      font-size:1.8rem;
      line-height:1.8;
   }
}
@media (max-width:60em){
   /* on redéfinit pour le front / mobile */
   #body,
   #body table td,
   #body p{
      font-size:16px;
      line-height:1.8;
   }
}
/* l'admin n'étant pas définie en 62.5% sur le <html>,
on ne peut pas utiliser les REM en guise d'unité de font-size.
Il faut donc redéfinir les différentes tailles pour le contexte #blocEditor */
#blocEditor #body h2{
   font-size:24px;line-height:32px;
}
#blocEditor #body p,
#blocEditor #body ul li,
#blocEditor #body ol li,
.ui-widget-content #blocEditor a,
#body div.txt table td {
   font-size: 16px;line-height: 22px;
}
#blocEditor .image_wrap div.legendeDia p{
   font-size:13px
}
#blocEditor .c-box-content ul li:before{
   font-size:40px
}
@media (min-width:60em){
   #blocEditor #body p,
   #blocEditor #body ul li,
   #blocEditor #body ol li,
   .ui-widget-content #blocEditor a,
   #body div.txt table td{
      font-size: 18px;line-height: 30px;
   }
}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// TEXTES + TABLEAUX +  //////////// */
#body div.txt table{clear:both;background:#edece7;width:100%;border:1px solid #fff;border-collapse:collapse;/*color:#57563d*/}
#body div.txt table:after{content:"";display:table;clear:both}
#body div.txt table a{text-decoration:underline;color:var(--c-accent);font-weight:500}
#body div.txt table a:hover{text-decoration:none;}
#body div.txt table tr{padding:0;margin:1px 0;background-color:#edece7;color:#4f4f4f;}
#body div.txt table td{background:#e5e5e5;padding:15px;border:1px #fff solid;}
#body div.txt .c-tpl-page__hl table td{background: #fff;padding: 15px;border: 1px #fff solid;}
#body div.txt table tr:nth-child(odd) td{background:#f5f5f5;}
#body div.txt .c-tpl-page__hl table tr:nth-child(odd) td{background: #eee;}
#body div.txt .c-tpl-page__hl table td{border:1px #ddd solid;}
#body div.txt table tbody tr.odd td{background:#ffffff}
#body div.txt table thead tr{background: var(--c-current) !important;}
#body div.txt table tfoot tr{background:var(--c-current) !important;color:#4f4f4f}
#body div.txt table thead tr td{background: var(--c-accent) !important;color:#fff !important;}
#body div.txt .c-tpl-page__hl table thead tr td{background: var(--c-accent) !important;color:#fff !important;}
#body div.txt .c-tpl-page__hl table thead tr td a{color:#fff !important;}
#body div.txt table tfoot tr td{background:var(--c-current) !important;color:#fff !important}
#body div.txt table thead tr td a{color:#fff}
#body div.txt table tfoot tr td a{color:var(--c-accent)}
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// LISTES //////////// */
#body ul,#body ol,#contrat ul{padding:20px;background:var(--c-accentPale);color:var(--c-current);line-height:26px;overflow:hidden;border-radius:0 10px 10px 10px}
#body ul li, #body ol li{margin:0 0 5px 20px;list-style:circle;background-size:15px 15px;padding-left:0px;}
#body ul ul,#body ol ol{padding:20px 40px 10px;margin-top:10px;border:none;background:#e3f1f8}
#body ul a,#body ol a{font-weight:500;text-decoration:underline}
#body ul a:hover,#body ol a:hover{text-decoration:none}
#body ul li ul li{padding-left:0;background:transparent;list-style:circle}
#body ol li ol li{margin-left:10px;}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// HIGHLIGHT //////////// */
.c-tpl-page__hl{position:relative;color:var(--c-current);background:var(--c-accentPale);padding:20px;border-radius:0 10px 10px 10px;}
.c-tpl-page__hl:before{content:"";display:block;width:20px;height:20px;position:absolute;top:0;left:-30px;background:var(--c-accent);border-radius:6px 0 6px 6px}

#body .c-tpl-page__hl a{color:var(--c-current);}
#body .c-tpl-page__hl ul li a{background:none;color:var(--c-accent);font-weight:500;padding:0}
#body .c-tpl-page__hl a:hover{text-decoration:none}
#body .c-tpl-page__hl p{padding:0;color:var(--c-current);}
#body .c-tpl-page__hl p strong{color:var(--c-third);}
#body .c-tpl-page__hl p a{color:var(--c-accent);}
#body .c-tpl-page__hl table tfoot p{color:#fff;padding:0;margin:0}
#body .c-tpl-page__hl table thead p{color:#000;padding:0;margin:0}
#body .c-tpl-page__hl ul,
#body .c-tpl-page__hl ol{margin-bottom:2%;color:var(--c-current);background:#fff}
#body .c-tpl-page__hl :last-child{padding-bottom:0;margin-bottom:0;}
#body .c-tpl-page__hl ul:last-child{padding-bottom:20px}
div.txt .c-tpl-page__hl table thead tr{background: #fff !important;color:var(--c-current) !important}
div.txt .c-tpl-page__hl table tfoot tr{background: #fff; color:var(--c-current) !important}
div.txt .c-tpl-page__hl table thead tr td{background: #fff !important;color:var(--c-current) !important}
div.txt .c-tpl-page__hl  table thead tr td a{color:var(--c-current)}
div.txt .c-tpl-page__hl table tfoot tr td{background:#fff !important;color:var(--c-current) !important}

/* ---------------------------- */
@media (min-width:60em){
   /*.c-tpl-page__hl{width:calc(100% + 60px);transform:translateX(-30px)}*/
}
@media (min-width:90em){
   .c-tpl-page__hl{padding:40px;}
}
/* ---------------------------- */

#blocEditor #body .c-tpl-page__hl{width:100%;transform:translateX(0);padding:30px;box-sizing:border-box}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// LEGENDES //////////// */
#body div.legendeVideo,
#body p.legende,#body p.legendeImg{margin:0 0 20px;text-align:center;font-size:15px;background:var(--c-accentPale);padding:10px;}
#blocEditor #body p.legende,#blocEditor  #body p.legendeImg{font-size:15px}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// GLOBAL "BOITES" //////////// */
.c-box-content{margin-bottom:40px;font-weight:400;}
.c-box-content__ttl{margin-bottom:30px;}

/* ---------------------------- */
@media (max-width:60em){
   .c-box-content:has(table){overflow-x:auto;}
}
/* ---------------------------- */


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// GESTION DES MARGES POUR TOUS LES BLOCS //////////// */
#body form div.clear {margin:0px;}
#body div.txt table,#body ul,#body ol,#contrat ul,.imgLarg1,#body .img,.u-englob-imgtxt{margin:0 0 40px}
#body div.txt p:last-child,#body div.txt p:last-of-type{padding-bottom:0}
#body div.txt p:last-child + table,#body div.txt p:last-of-type + table{margin-top:40px}
#body div.txt p:last-child+ul,#body div.txt p:last-of-type+ul{margin-top:25px;}
.c-box-content.doc + .clearElement + .clear + .c-box-content.doc{margin-top:-20px;}
.c-mos__tiers{width:100%;margin:0 0 30px 0;height:auto}
.c-box-content ul,.c-box-content ol{padding:30px;margin:0;background:#eee;}
#body .c-box-content p,#body .c-box-content p+p,#body .c-box-content p+table,#body .c-box-content p+ul{margin-bottom:40px;}
#body .u-englob-imgtxt--end .c-box-content p, #body .u-englob-imgtxt--end .txt.c-box-content {margin-bottom:0px;}
#body .u-englob-imgtxt .c-box-content p, #body .u-englob-imgtxt .txt.c-box-content {margin-bottom:0px;}
#body .c-box-content .elemForm p,
#body .c-box-content p.legendeImg
{margin-bottom:0;}
#body .c-box-content :not(.c-box-content):last-child{margin-bottom:0}
/* ///// IMAGES //////////// */
#body .img img{width:100%;display:block;}
#body .img{position:relative;z-index:10}
#body .img.left{margin-bottom:40px}
#body div.left{margin-right:40px}
#body div.right{margin-left:40px}
.img.left + .txt + .clear,.img.right + .txt + .clear{padding-bottom:40px}
/*.img.left + .c-box-content.txt,.img.right + .c-box-content.txt{margin-bottom:0}*/
.c-mos-img{display: flex;flex-flow:row wrap}
.c-mos-img img{display: block;width:100%}
#body div.clear img.pleineLargeur{margin:0;vertical-align:middle}
#body .img a{border:none;text-decoration:none !important;color:var(--c-accent)}
#body .img a .legende{text-decoration:underline !important}
#body .img a:hover .legende{text-decoration:none !important}
a.fancy img{text-decoration:none}

/* -/-/-/-/-/-/-/-/-/-/-/-/- GESTION DES IMAGES EN MOSAIQUE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#body .imgLarg2,#body .imgLarg3,#body .imgLarg4,#body .imgLarg5, #body .imgLarg23{margin-left:1% !important;margin-right:1% !important;}
#body .imgLarg2{width:48% !important;}
#body .imgLarg4{width:23% !important;}
#body .imgLarg5{width:18% !important;}
#body .imgLarg3{width:31% !important;}
#body .imgLarg23 {width: 64% !important;}
.c-elem__clearTop{display:block;clear:both}

/* margin top image en mosaique au cas ou flottant dans un bloc highlight */
#body .imgLarg2,#body .imgLarg3,#body .imgLarg4,#body .imgLarg5,#body .imgLarg23{margin-top:1%}

/* rajout marge plus importante si image habille texte */


/* PRISE EN COMPTE DES MOSAIQUES */
.imgLarg2 + .imgLarg2,
.imgLarg3 + .imgLarg3 + .imgLarg3,
.imgLarg4 + .imgLarg4 + .imgLarg4 + .imgLarg4,
.imgLarg5 + .imgLarg5 + .imgLarg5 + .imgLarg5 + .imgLarg5
{margin-bottom:40px !important}

#body div.img.js__img-flottante{margin-bottom:10px;margin-right:40px !important}
#body div.img.js__img-flottante--right{margin-bottom:10px;margin-left:40px !important}

/* derniere image d'une mosaique, ne peut être en flottant habillage texte */
#body div.img.js__last-mosaique{margin-left:1% !important;margin-right:1% !important}

@media (max-width:60em){
   #body div[class*="img"] + div[class*="txt"]{margin-right:0;transform:translateX(0)}
   #body div[class*="right"] + div[class*="txt"]{margin-left:0;transform:translateX(0);margin-right:0}
   #body .img.left,#body .img.right{float:none;}
   #body .imgLarg2, #body .imgLarg3, #body .imgLarg4, #body .imgLarg5,#body div.img.js__img-flottante,#body div.img.js__img-flottante--right,#body div.img.js__last-mosaique{width:100% !important;margin:0 0 40px !important}
}

#body .img.clear{margin-left:auto !important;margin-right:auto !important}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// UTILS //////////// */
.vdo .video {margin:0px 0px 40px 0px;}
.video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// MOSAIQUES D'IMAGES //////////// */
#body .imgLarg2,#body .imgLarg3,#body .imgLarg4,#body .imgLarg5{margin-left:1% !important;margin-right:1% !important;}
#body .imgLarg2{width:48% !important;}
#body .imgLarg4{width:23% !important;}
#body .imgLarg5{width:18% !important;}
#body .imgLarg3{width:31% !important;}
.c-elem__clearTop{display:block;clear:both}
/* margin top image en mosaique au cas ou flottant dans un bloc highlight */
#body .imgLarg2,#body .imgLarg3,#body .imgLarg4,#body .imgLarg5{margin-top:1%}
/* rajout marge plus importante si image habille texte */
/* PRISE EN COMPTE DES MOSAIQUES */
.imgLarg2 + .imgLarg2,
.imgLarg3 + .imgLarg3 + .imgLarg3,
.imgLarg4 + .imgLarg4 + .imgLarg4 + .imgLarg4,
.imgLarg5 + .imgLarg5 + .imgLarg5 + .imgLarg5 + .imgLarg5
{margin-bottom:40px !important}
/* derniere image d'une mosaique, ne peut être en flottant habillage texte */
#body div.img.js__img-flottante{margin-bottom:10px;margin-right:40px !important}
#body div.img.js__img-flottante--right{margin-bottom:10px;margin-left:40px !important}
#body div.img.js__last-mosaique{margin-left:1% !important;margin-right:1% !important}

/* fix img left dans element HL */
#body .img.deplace.left.js__img-inHL{margin:40px 100px 10px 0 !important}
#body .img.deplace.right.js__img-inHL{margin:40px 0 10px 40px !important}
#blocEditor #body .img.deplace.left.js__img-inHL{margin:33px 40px 10px 32px !important}
#blocEditor #body .img.deplace.right.js__img-inHL{margin:33px 32px 10px 40px !important}

@media (max-width:60em){
   #body div[class*="img"] + div[class*="txt"]{margin-right:0;transform:translateX(0)}
   #body div[class*="right"] + div[class*="txt"]{margin-left:0;transform:translateX(0);margin-right:0}
   #body .img.left,#body .img.right{float:none;}
   #body .imgLarg2, #body .imgLarg3, #body .imgLarg4, #body .imgLarg5,#body div.img.js__img-flottante,#body div.img.js__img-flottante--right,#body div.img.js__last-mosaique{width:100% !important;margin:0 0 40px !important}
}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// SOUS-TITRES //////////// */
/* // Comme on est logique, h2light fait référence à la version de chaque sous-titre avec un fond :DD // */
/* -------------- */
h1.c-titre-lv1.c-titre-lv1__barre{font-size: 3.5rem; color:var(--c-accent); font-weight: 300; line-height:1.25}
.c-box-content.ttl{margin-bottom:20px}
/* seo h2 */
.u-standard-page__ttl{font-size:2.0rem;display:flex;align-items:flex-start;position:relative;margin-bottom:2.0rem;font-weight:bold;line-height:1.25;color: var(--c-accent);}
#blocEditor #body .u-standard-page__ttl{font-size:20px;margin-bottom:20px;}
h2.u-standard-page__ttl,h3.u-standard-page__ttl{}
.u-standard-page__ttl.h2light{background:var(--c-accent);color:#fff;padding:1.2rem 0 1.2rem 1.2rem;border-radius:0 10px 10px 0;}
h3.u-standard-page__ttl.h2light{background:var(--c-accentPale);color:var(--c-secondary);padding:1.2rem 0 1.2rem 1.2rem;border-radius:0 10px 10px 0;}
#blocEditor #body .u-standard-page__ttl.h2light{padding:12px 0 12px 12px}
/*h2.u-standard-page__ttl:before{content:"";display:block;width:30px;margin-right:1.0rem;background:#004358;height:3px;margin-top:15px;}*/
/*h2.u-standard-page__ttl.h2light:before{background:#fff;width:24px;}*/

/* seo variation h3 */
h3.u-standard-page__ttl{font-size:1.8rem;padding-bottom:1.2rem;border-bottom:1px var(--c-secondary) dotted;color:var(--c-secondary);}
#blocEditor #body h3.u-standard-page__ttl{padding-bottom:12px;font-size:18px}

/* seo variation h4 */
h4.u-standard-page__ttl{font-size:1.6rem; color:var(--c-third);}
#blocEditor #body h4.u-standard-page__ttl{font-size:16px}
h4.u-standard-page__ttl.h2light{background:var(--c-third);padding:1.0rem;}
#blocEditor #body h4.u-standard-page__ttl.h2light{padding:10px;}

@media (min-width: 60em) {
   .u-standard-page p{font-size:1.7rem;}
   .u-standard-page__ttl{font-size:2.4rem;margin-bottom:2.3rem;}
   h1.c-titre-lv1.c-titre-lv1__barre{font-size: 4.5rem;}
   h3.u-standard-page__ttl{font-size:2.0rem;}
   h4.u-standard-page__ttl{font-size:1.8rem;}
   /*h2.u-standard-page__ttl:before{width:40px;margin-right:1.7rem;}*/
   #blocEditor #body .u-standard-page p{font-size:17px}
   #blocEditor #body .u-standard-page__ttl{font-size:24px;margin-bottom:23px;}
   #blocEditor #body h3.u-standard-page__ttl{font-size:20px;}
   #blocEditor #body h4.u-standard-page__ttl{font-size:18px;}
   /*#blocEditor #body h2.u-standard-page__ttl:before{margin-right:17px;}*/
}

@media (min-width: 85em) {
   .u-standard-page p{font-size:1.8rem;}
   .u-standard-page__ttl{font-size:2.7rem;margin-bottom:2.5rem;}
   h3.u-standard-page__ttl{font-size:2.4rem;}
   h4.u-standard-page__ttl{font-size:2.0rem;}
   /*h2.u-standard-page__ttl:before{width:50px;height:4px;margin-right:2.0rem;}*/
   #blocEditor #body .u-standard-page p{font-size:18px;}
   #blocEditor #body .u-standard-page__ttl{font-size:27px;margin-bottom:25px;}
   #blocEditor #body h3.u-standard-page__ttl{font-size:24px;}
   #blocEditor #body h4.u-standard-page__ttl{font-size:20px;}
   /*#blocEditor #body h2.u-standard-page__ttl:before{margin-right:20px;}*/
}

@media (min-width: 105em) {
   .u-standard-page__ttl{font-size:3.0rem;margin-bottom:3.0rem;}
   #blocEditor #body .u-standard-page__ttl{font-size:30px;margin-bottom:30px;}
}

.svg__hand{width:20px;height:30px;transition:all .5s cubic-bezier(0.56, -0.71, 0.29, 1.6)}
.u-hover-on .cliquableMasque:hover .svg__hand{transform: scale(1.3) rotate(390deg); transition-delay: .05s;}
.svg__hand .svg__hand__cercle{fill:var(--c-accent);}
.svg__hand .svg__hand__hand{fill:var(--c-current);}
.h2light .svg__hand .svg__hand__hand{fill:#fff;}
.u-hover-on .cliquableMasque:hover .svg__hand .svg__hand__hand{fill:#fff;}
.u-hover-on .cliquableMasque.h2light:hover .svg__hand .svg__hand__hand{fill:var(--c-current);}

.cliquableMasque>*{cursor:pointer;transition:all .3s ease}
span.c-box-content__ttl__hand{display:flex;align-items:flex-start;}
span.c-box-content__ttl__hand svg{margin-right:12px}
/* HOVER CLIQUABLE */
.u-hover-on .cliquableMasque:hover>*{background-color:var(--c-current);padding:1.5rem}
.u-hover-on .cliquableMasque:hover>h4{background-color:var(--c-current);}
.u-hover-on .cliquableMasque:hover>h2,.u-hover-on .cliquableMasque:hover>h3, .u-hover-on .cliquableMasque:hover>h4{color:#fff;}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// DIAPO //////////// */
.c-diapo__big img{width:100%;display: block;}
.c-diapo__min{display: flex;flex-flow:row wrap;padding:15px 0 0}
.c-diapo__min .minstat{width:10%;margin-right:15px;background:var(--c-current)}
.c-diapo__min .minstat img{width:100%;display: block;opacity:0.5}
.c-diapo__min .minstat.cycle-pager-active img{opacity:1}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// GEOLOC //////////// */
#body h1#firstHeading{background:#fff;color:var(--c-accent);padding:0 10px 10px 0;font-size:18px;border:none;margin:0}
#body div.geo p{font-size:1.5rem;line-height:1.8}
#body .c-box-content.geo p:nth-last-of-type(1){margin-bottom:0}
#body h1#firstHeading:after{display:none;}
div.geo{margin-bottom:25px;background:#fff;border:1px #eee solid;padding:20px}
div.for #recaptcha_widget_div{margin-left:0}
.c-geoloc__description{padding-top:1.0rem}

.geolocBubble{padding:0 20px 15px 5px;color:var(--c-current);font-size:16px;line-height:1.2}
.geolocBubble__titre{display:block;color:var(--c-accent);font-weight:bold;margin-bottom:3px}
.geolocBubble__body{display:block;color:var(--c-current);line-height:1.2}
#blocEditor #body .geolocBubble__titre p{font-size:16px;line-height:1.2}
#blocEditor #body .geolocBubble__body p{font-size:13px;line-height:1.1}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// FORMULAIRE //////////// */
#body form,#blocEditor .for{width:100%;background:#fff;border:1px #eeeeee solid;margin:10px 0;color:var(--c-current);box-sizing:border-box;}
#body form,#blocEditor .for > .centrage{padding:3%}
#body #bodyDocument form{width:100%;}
#body form .champ{background:var(--c-current);margin:0 0 3px 0;padding:5px 0; color:#fff !important}
#body form .oblig{background:#444}
#body form .oblig label{font-weight:bold}
#body form .champ .libelle{width:30%;text-align:right;margin-right:10px}
#body form .champ .input{width:60%}
#body form .champ .libelle2{width:35%;text-align:right;margin-right:10px}
#body form .champ .input2{width:55%}
#body form input{font-size:16px;width:250px;margin-bottom:3px}
#body form input[type="radio"], #body form input[type="checkbox"]{margin-bottom:0;width:auto;}
#body form select{font-size:16px;width:250px;margin-bottom:3px}
#body form textarea{font-size:16px}
#body label,#body .radio label.main,#body .checkbox label.main{color:var(--c-current);display:block;position:relative;font-size:1.6rem;float:none;width:auto;text-align:left;font-weight:400;}
#body .checkbox label.main,#body .radio label.main{font-weight:bold;}
#body .checkbox label,#body .radio label{font-weight:normal;}
#body .mandatory label,#body .mandatory label{font-size:1.6rem;font-weight:bold;color:var(--c-current);}
#body .radio label,#body .checkbox label{font-size:1.5rem;}
#body div.checkbox input{-moz-appearance: checkbox;-webkit-appearance: checkbox;width:13px;height:13px;}
#body .radio label,#body .checkbox label{float:left;width:auto;color:#888;padding:0;font-weight:300}
#body .text input,#body textarea,#body form .select select{border:1px var(--c-discret) solid;font-size:16px;margin-bottom:15px;background: #eee; color:var(--c-current); padding:12px;width:100%;border-radius:4px;}

#body form .select select,#blocEditor .for .select select,#blocEditor .for input[type="text"],#blocEditor .for textarea{width:100% !important;box-sizing:border-box}
#body form p{margin-bottom:0;padding-bottom:0}
#body form .fichier input,#blocEditor .fichier input{background:#fff;padding:20px;margin-bottom:10px;width:100%;box-sizing:border-box}
div.for form>div{clear:both;padding-bottom:15px;margin-bottom:15px;border-bottom:1px #ddd dotted}
div.for form>div:after{content:"";display:table;clear:both}
div.for form>div.formSubmit:after{display: none;}
#body form .fichier input[type="file"],#blocEditor .fichier input[type="file"]{background:#eee;border-radius:10px;box-sizing:border-box;width:100% !important;}
#body .c-box-content .elemForm.texte > * + * {margin-bottom:15px;}

#body .text input.u-form__input--error,
#body textarea.u-form__input--error{border:1px var(--c-accent) solid;font-size:16px;margin-bottom:15px;background: #eee; color:var(--c-current); padding:12px;width:100%}
#body .c-box-content .elemForm .u-form__msg--indiv p, #body .u-form__msg--indiv.u-form__input--error p{font-size:1.4rem}
.u-form__msg--indiv.u-form__input--error{padding:0.7rem 1.2rem;}
#body .u-form__msg--indiv .svg__form-error{width:18px;height:18px}


#body .u-form__options{display:flex;padding:0.9rem;align-items:center;border-radius:4px;}
#body .u-form__options.u-form__input--error{border:1px var(--c-accent) solid;}
#body .u-form__options > * + *{margin-left:5px}
#body .u-form__options > * + input{margin-left:14px}

.elemForm.soustitre>h3{font-size:2.2rem;font-weight:bold;background:var(--c-accent);padding:1.2rem 1.5rem;color:#fff}

#blocEditor .elemForm.soustitre>h3{font-size:22px;padding:12px 15px;}
#blocEditor #body .mandatory label,#blocEditor #body .mandatory label,#body label,#body .radio label.main,#body .checkbox label.main{font-size:16px}
#blocEditor #body .radio label,#blocEditor #body .checkbox label{font-size:15px;}

#body .formSubmit input[type="submit"]{background:var(--c-current);color:#fff;display:block;border:none;text-align:center;padding:2.0rem;border-radius:6px;margin-top:2.0rem;width:100%;cursor:pointer;font-size:2.0rem;transition:all .4s ease-out;white-space: normal;}
#blocEditeur .formSubmit input:hover,
.u-hover-on #body .formSubmit input:hover{background:var(--c-third);}
#blocEditor #body .formSubmit input[type="submit"]{font-size:22px;margin-top:20px;padding:20px;width:100%;font-weight:bold;}

@media (min-width: 60em) {
   #body .formSubmit input[type="submit"]{font-size:2.8rem;}
   #blocEditor #body .formSubmit input[type="submit"]{font-size:24px}
}

@media (min-width: 85em) {
   #body .formSubmit input[type="submit"]{font-size:3.0rem;}
   #blocEditor #body .formSubmit input[type="submit"]{font-size:20px}
}

#blocEditor #body .formSubmit input[type="submit"]{display:block;width:100% !important}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// AUDIO - MP3 PLAYLIST //////////// */
.mp3.deplace{padding: 20px;border:1px #eee solid;background:#fff}
#audio {width:100%;border:2px #fff solid;border-radius: 200px}
#playlist {margin-top:15px;width:100%;}
#playlist span {transition:all .3s ease;text-align: left;background: #fff;color:var(--c-current);width: 100%;display: inline-block;border-bottom: 1px #f2f2f2 solid;}
#playlist span a {transition:all .3s ease;}
#playlist span:hover {background:var(--c-accent);color:#fff}
#playlist span:hover a{color:#fff}
#playlist span.active {background:var(--c-accent);}
#playlist a{font-size: 16px;color:var(--c-current);font-weight: 500;display: block;text-decoration: none!important;padding: 12px 25px 12px 12px;}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// CALAMEO //////////// */
#body div.calameo{padding:20px;margin:20px 0;}
div.cmo{background:#fff;border:1px #eeeeee solid;}
div.infos_calameo{padding-top: 10px}
#body .cmo p.texte {padding-top: 10px;padding-right: 50px;text-align: justify;}
#body .cmo p.texte a {color:var(--c-current);text-decoration: none;}
#body .cmo p{margin-bottom:5px;padding:0;font-size:16px;}
#body .cmo p.sousTitre a{font-size:15px;font-weight:400;color:#488099;text-decoration:none;}
#body .cmo p.titre,#body .cmo p.titre a{color:var(--c-accent);font-weight:600;font-size:18px;text-transform: uppercase;text-decoration:none;}
#body .cmo p a:hover{text-decoration:underline}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// DOCUMENT //////////// */
#body a.c-doc{background:var(--c-current);padding:25px 20px;display:flex;flex-flow:row wrap;color:#fff;font-size:1.8rem;font-weight:bold;align-items:center;transition:all .3s ease;text-decoration:none;}
/* blocEditor */.ui-widget-content a.c-doc{color:#fff;font-size:18px;}
#blocEditor span.c-doc__legende{font-size:14px;}
#blocEditor #body a.c-doc{font-size:18px;}
#body a.c-doc:hover{background:var(--c-accent);}
span.c-doc__legende{font-weight:500;font-size:1.4rem;display: block;}
#body span.c-doc__desc p{font-weight:initial;font-size:1.2rem;display: block;padding-bottom: 20px;}
span.c-doc__svg{display:block;width:40px;height:50px;margin:0 15px;}
span.c-doc__svg svg{display:block;width:40px;height:50px;}
span.c-doc__svg svg .st0{fill:#fff}
.svg__doc-gc{width:40px;height:50px;}
.cdoc{clear:both;padding-top:10px;}
#body a.linkDoc,#formContact a.linkDoc{display:block;padding:25px 10px 20px 85px;background:#fff url(../img/gestionnaire/bg_doc.png) no-repeat 25px 23px;background-size:42px 47px;font-size:14px;line-height: 22px;text-decoration: none;color:var(--c-current);margin-bottom:25px;border:1px #eeeeee solid;}
#body a.linkDoc span.titre,#formContact a.linkDoc span.titre{font-size:16px;color:var(--c-current);font-weight:500;}
#body a.linkDoc:hover,#formContact a.linkDoc:hover{background-color:#eeeeee;color:var(--c-current);}
#body a.linkDoc:hover span.titre,#formContact a.linkDoc:hover span.titre{color:var(--c-current);}
#body a.roots + p.left{font-size:15px;padding-top:2px}

/*-- COMPLEMENTS NOUVEAU MODULE --*/
#body .c-moddoc__consult a{background:#fff;border:1px #004358 solid;display:flex;color:var(--c-current);flex-flow:row wrap;padding:0}
#body .c-moddoc__consult a:hover{background:#fff;}
.c-moddoc__intitule{font-size:24px;width:100%}
/** -- TITRE + DESCRIPTIF -- **/
.c-moddoc__intitule{padding:15px 20px 10px;font-size:24px;width:100%}
.c-moddoc__description{padding:0 20px 30px;width:100%;font-weight:400}
#body .c-moddoc__description p{font-size:15px;line-height:1.8;}
/** -- LIGNE INFOS + BTN -- **/
.c-moddoc__cta{display:flex;align-items:center;width:100%;border-top:2px #004358 solid}
.c-moddoc__poids, .c-moddoc__extension, .c-moddoc__btn{display:flex;align-items:center;justify-content:center;height:60px;text-align:center;}
.c-moddoc__extension{text-transform:uppercase}
.c-moddoc__poids, .c-moddoc__extension{width:140px;border-right:2px #004358 solid}
.c-moddoc__btn{flex:1;background:var(--c-current);color:#fff;transition:all .4s ease-out}
#body .c-moddoc__consult a:hover .c-moddoc__btn{background:var(--c-accent)}
.c-moddoc__btn svg{margin-right:10px}
.c-moddoc__btn .st0{fill:#fff}
@media (max-width:60em){
   .c-moddoc__cta{display:flex;flex-direction:column}
   .c-moddoc__poids, .c-moddoc__extension{border:none;border-bottom:1px #004358 solid;}
   .c-moddoc__poids, .c-moddoc__extension,.c-moddoc__btn{width:100%}
}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// EXTRAIT D'ARBORESCENCE DE DOCUMENTS //////////// */
#body .doc h2{margin-bottom:0 !important;padding:20px 0;border-top:1px #eee solid;}
#body .doc p.courant{padding:20px 0 0;}
#body .doc .espace_document{background:#fff;border:1px #eee solid;padding:2% 3% 5%;margin:1% 0% 3%;}
#body .doc .espace_document h3{font-weight:500;font-size:2.8rem;color:var(--c-accent)}
#blocEditor #body .doc .espace_document h3{font-size:20px}
#body div.doc div.treeDoc h4{color:#333;font-size:16px;}
#body .espace_document p.allDoc{font-weight:normal;margin-left:40px;}
#body div.doc .espace_document form select{padding:5px}
#body div.doc div.treeDoc p a{color:#333;font-size:14px;font-weight:300}
#body div.doc div.treeDoc p {display: flex;flex-direction: row;align-items: center;}
#body div.doc form{padding: 0px 0px 20px 0px;margin: 0;background: transparent;border:none;}
#body div.doc form select {background: #fff;border: 1px #eee solid;font-size: 13px;padding: 4px;font-weight: bold;color: #333;width: 90%;}
#blocEditor .espace_document p.allDoc{margin:0 0 10px 0;font-weight:bold;}
div.treeDoc .svg__lock {width: 18px;   height: 18px;margin: 0 5px;}
div.treeDoc .svg__lock .st0{fill: #c94b27;}
#zoneLoadMenu form { background: #fff}
#listVdo{padding:10px;}
#recaptcha_table{margin:15px auto !important}
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// ARBORESCENCE DOCUMENT -- REPRISE :_((  //////////// */
.espace_document #bandeau,#espace_actualite #bandeau,#espace_question #bandeau,#espace_contenu #bandeau{height:225px;background-image:url(../img/bandeau/bg_bas_c.gif)}
.espace_document #bandeau h2,#espace_actualite #bandeau h2,#espace_question #bandeau h2,#espace_contenu #bandeau h2{top:180px;font-size:28px;}
.espace_document #bandeau form#moteurRecherche,#espace_actualite #bandeau form#moteurRecherche,#espace_question #bandeau form#moteurRecherche,#espace_contenu #bandeau form#moteurRecherche{top:181px;}

.espace_document .ligne a.roots{display:block;width:28px;height:28px;background:url(../img/docs/tree/extra_doc.gif) no-repeat 0 0;vertical-align:middle;float:left; margin-right:5px;transition:all .3s ease;cursor:pointer}
.espace_document .ligne a.roots:hover{background-position: 0 -28px;}
.espace_document a.dl_tree_doc{padding: 0 0 0 20px;background:url(../img/picto/dl.gif) no-repeat 2px 0;color:#6d5238;font-size:12px;position:relative;top:2px}
.espace_document a.dl_tree_doc:hover{background-position:2px -34px;color:#6ca624}

.espace_document .extras{padding-top:10px;}
form#recherche{padding-bottom:20px;}
div.separateurDoc{background:#c5c5c5;height:1px;margin:40px 60px;}

#leGestionnaire p.seeAll{float:right;font-size:12px;background:url(../img/docs/tree/seeall.gif) no-repeat 0 0;height:28px;padding:0 0 0 31px;margin-bottom:15px;}
#leGestionnaire p.seeAll a{display:block;background:#656565;color:#fff;padding:4px 15px 0;text-align:center;height:24px}

.ligne{position:relative;margin:15px 0;width:100%;clear:both;height:30px;}
.ligne select{width:90%;padding:6px;background:#f3f0ee;color:#6d5238;border:none;float:left;}

#navDoc{border-bottom:1px #fffddd solid}
#navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #fffddd solid}
#navDoc div.ligne img,#navDoc div.ligne select{vertical-align:middle}
#navDoc select{width:655px;}
#navDoc img{position:relative;top:1px;}

#treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left}
#treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}

#treeDoc p{font-size:13px;margin-bottom:0;}

#treeDoc p a{font-size:13px;color:#6d5238;font-weight:bold}
#treeDoc p a:hover,#treeDoc p a.actif{text-decoration:underline;}

#treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:3px 0 6px 42px}
#treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:3px 0 6px 42px}

#treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:4px 0 6px 42px}
#treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.odt,#treeDoc p.ods,#treeDoc p.odp,#treeDoc p.odg,#treeDoc p.odc,#treeDoc p.odf,#treeDoc p.odb,#treeDoc p.odi,#treeDoc p.odm,#treeDoc p.otg,#treeDoc p.otp,#treeDoc p.ots,#treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.xls,#treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.doc,#treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.pic,#treeDoc p.jpg,#treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:4px 0 7px 42px}

#treeDoc hr.clear{height:10px;border:0}

div.largeurTotale div#document_consult{width:640px;margin:0}
div#document_consult{width:564px;margin-left:12px}
div#document_consult p{color:#574837;line-height:16px;padding-bottom:3px;text-align:justify;}
div#document_consult a img.visu{border:5px #c1c1c1 solid;float:left;margin:0 23px;}
div#document_consult div.right{width:430px;}
div#document_consult p.fil a{color:#b09f8d;text-decoration:underline}
div#document_consult p.fil{padding-bottom:10px;border-bottom:dotted 1px #e5e5e5;color:#b09f8d;}
div#document_consult p.fil a:hover{color:#a9b720;text-decoration:underline}
div#document_consult div.bg_dl{background:#f5f5f5;padding:7px;margin-top:15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
div#document_consult div.bg_dl p{padding:5px}
div#document_consult div.bg_dl a{display:block;float:right}
div#document_consult p a{color:#574837;text-decoration:none}

div#leGestionnaire h4.titreDoc{color:#13216a;font-size:22px;font-weight:normal;padding-bottom:0}
#espace_affilies div#leGestionnaire h4.titreDoc{color: #6d5238;}
div#leGestionnaire #treeDoc h5{color:#6d5238;font-size:16px;font-weight:normal}

#docConsult{padding:10px 0px 30px;}
#docConsult h3{padding:0;margin:0;font-size:22px;color:#f39800;margin-bottom:10px}
#docConsult .fil{font-size:12px;background:#f5f5f5;color:#fff;padding:5px 10px;}
#docConsult .fil a{color:#6d5238}
#docConsult .fil a:hover{color:#f39800;text-decoration:underline}
#docConsult .fil img{margin:0 5px}
#docConsult .doc{line-height:16px;font-size:12px;border-top:1px #fff dashed;padding:35px 20px 10px 80px;background:url("../img/doc/pdf.gif") no-repeat 20px 40px;min-height: 50px}
div#leGestionnaire #docConsult h3{margin-bottom:10px;padding:0;background:transparent;font-weight:normal}

div.dlDoc{margin:20px 0;background:#f3f0ee;color:#6d5238;font-size:12px;}
div.dlDoc p{padding:10px;}
div.dlDoc a{display:block;padding:10px;height:96%;background:#63bee0;color:#fff;font-weight:bold;float:right;margin: 0 0 0 0;text-decoration:underline}
div.dlDoc a:hover{text-decoration:none}

#body div.doc form{padding: 0px 0px 20px 0px;margin: 0;background: transparent;}
#blocEditor #body div.doc form{padding:0}

#body div.doc form select:disabled{color: #aca08d !important;font-weight: normal;}
#body div.doc form select{background: #F5F5F5;border: 1px #eee solid;font-size: 13px;padding: 4px;font-weight: bold;color: var(--c-current);width: 90%;float: left;}

#body div.doc div.treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left}
#body div.doc div.treeDoc h4{border:none;margin-top:10px;font-size:1.8rem;padding-bottom:15px;color:var(--c-current);background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}
#blocEditor #body div.doc div.treeDoc h4{font-size:18px;margin-bottom:0}
#body div.doc div.treeDoc p{font-size:13px;margin-bottom:0;line-height: normal}
#body div.doc div.treeDoc p a{font-size:15px;font-weight:bold;text-decoration: none !important;}
#blocEditor #body div.doc div.treeDoc p{font-size:13px}
#body div.doc div.treeDoc p a.dl_tree_doc{color:#1c4b5e;}
#body div.doc div.treeDoc p a:hover,#body div.doc div.treeDoc p a.actif{text-decoration:underline !important;}
#body div.doc div.treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:6px 0 7px 45px}
#body div.doc div.treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:6px 0 7px 45px}
#body div.doc div.treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:6px 0 7px 45px}
#body div.doc div.treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:6px 0 7px 45px}
#blocEditor #body div.doc div.treeDoc p{padding:0 0 0 45px !important}
#body div.doc div.treeDoc p.odt,#body div.doc div.treeDoc p.ods,#body div.doc div.treeDoc p.odp,#body div.doc div.treeDoc p.odg,#body div.doc div.treeDoc p.odc,#body div.doc div.treeDoc p.odf,#body div.doc div.treeDoc p.odb,#body div.doc div.treeDoc p.odi,#body div.doc div.treeDoc p.odm,#body div.doc div.treeDoc p.otg,#body div.doc div.treeDoc p.otp,#body div.doc div.treeDoc p.ots,#body div.doc div.treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#body div.doc div.treeDoc p.xls,#body div.doc div.treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.doc,#body div.doc div.treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.pic,#body div.doc div.treeDoc p.jpg,#body div.doc div.treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:8px 0 7px 45px}

#body div.doc div.treeDoc hr.clear{height:1px;border:0}
#blocEditor #body div.doc div.treeDoc hr.clear{margin:4px 0}

#body form#recherche>div.ligne a + p.left{font-size:15px;padding:2px 0 0;margin:0}

/* affichage arborescence dans le module de documents */
form#documentEspace{margin-bottom:30px;}
form#documentEspace #treeDoc{width:calc(100% - 40px);color:#333}
form#documentEspace #treeDoc p a{color:#fff;}
.ui-widget-content form#documentEspace #treeDoc p.file{padding:6px 10px 6px 44px;}
.ui-widget-content form#documentEspace #treeDoc p.file a{color:#333}
.ui-widget-content form#documentEspace #treeDoc p.file input{position: relative;top:2px}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// DIAPORAMA //////////// */
div.dia {margin: 0 0 25px 0;position: relative;clear:both}
div.dia img{width:100%}
.svg__arrowleft{width:30px;height:18px;}
.svg__arrowright{width:30px;height:18px;}

.customize-tools{position:relative;background:var(--c-accentPale);border-radius:20px;padding:20px 70px;margin-top:30px;}
.thumbnails{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;}
.thumbnails > div{display: inline-block;cursor: pointer;}
.thumbnails > div img{display:block;border:2px solid #fff;border-radius:6px;transition:border .3s ease-out}
.thumbnails .tns-nav-active img,
.thumbnails > div:hover img{background:none;border-color:var(--c-accent);}
.thumbnails > div{width:50px;}
.thumbnails img{vertical-align:bottom;height:auto;max-height:50px;}
.controls{text-align:center;}
.controls .prev{left:0;}
.controls .next{right:0;}
.controls > div:hover{background:#f2f2f2;}
.controls [data-interact="owlHomePrevBtn"] svg,
.controls [data-interact="owlHomeNextBtn"] svg{color:var(--c-current);}
.controls [data-interact="owlHomePrevBtn"],
.controls [data-interact="owlHomeNextBtn"]{cursor:pointer}
.controls [data-interact="owlHomePrevBtn"]:hover svg,
.controls [data-interact="owlHomeNextBtn"]:hover svg{color:var(--c-accent)}
div.dia [data-interact="customize-controls"] > *{position:absolute;top:calc(50% - 9px);}
div.dia .playbutton-wrapper{position:absolute;top:-15px;left:calc(50% - 45px)}
div.dia .playbutton-wrapper > *{transition:all .3s ease-out;text-transform:uppercase;cursor:pointer;font-size:11px;width:90px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:var(--c-accent);color:#fff;border-radius:5px;font-weight:bold;}
div.dia .playbutton-wrapper:hover > *{background:var(--c-accentDarken)}
div.dia [data-interact="customize-controls"] > [data-interact="owlHomePrevBtn"]{left:20px}
div.dia [data-interact="customize-controls"] > [data-interact="owlHomeNextBtn"]{right:20px;}

.diapo-item-img{position:relative;}
.diapo-item-img img{display:block;border-radius:10px}
.diapo-item-legende{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;justify-content:center;width:calc(100% - 20px);}
.diapo-item-legende__txt{background:rgba(255,255,255,0.6);padding:2px 15px;border-radius:10px;font-size:15px;}

/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ///// CTAS //////////// */
.cms__cta{display:flex;}
.cms__cta__btn{display:flex;align-items:center;border-radius:4px;line-height:1.6}
#body a.cms__cta__btn{color:var(--c-current);transition:all .3s ease-out}
#contenu-du-module.elEdit a.cms__cta__btn{color:var(--c-current);transition:all .3s ease-out}
.c-box-content.cms__cta + .c-box-content.cms__cta{margin-top:-35px;}
.cms__cta .st0{fill:#fff}

.cms__cta--left{justify-content:flex-start}
.cms__cta--center{justify-content:center}
.cms__cta--right{justify-content:flex-end}

.cms__cta--small{padding:15px 0 0;}
#contenu-du-module.elEdit .cms__cta--small{padding:0}
.cms__cta--small svg{position:relative;top:0px;width:15px;margin-right:10px;}
.cms__cta--small a.cms__cta__btn{padding:8px 20px 6px;font-size:1.4rem}
.cms__cta--regular{padding:22px 0 0;}
#contenu-du-module.elEdit .cms__cta--regular{padding:0}
.cms__cta--regular svg{position:relative;top:1px;width:20px;margin-right:10px;}
.cms__cta--regular a.cms__cta__btn{padding:12px 25px 8px;font-size:1.6rem}
.cms__cta--big{padding:30px 0 0;}
#contenu-du-module.elEdit .cms__cta--big{padding:0}
.cms__cta--big svg{position:relative;top:2px;width:24px;margin-right:10px;}
.cms__cta--big a.cms__cta__btn{padding:20px 35px 17px;font-size:2.4rem;font-weight:bold;/*text-transform:uppercase*/}

#contenu-du-module.elEdit .cms__cta--small a.cms__cta__btn{font-size:13px}
#contenu-du-module.elEdit .cms__cta--regular a.cms__cta__btn{font-size:15px}
#contenu-du-module.elEdit .cms__cta--big a.cms__cta__btn{font-size:24px}

#contenu-du-module.elEdit .cms__cta--discreet a.cms__cta__btn,
#body .cms__cta--discreet a.cms__cta__btn{border:1px #ddd solid;}
#contenu-du-module.elEdit .cms__cta--discreet.cms__cta .st0,
#body .cms__cta--discreet.cms__cta .st0{fill:var(--c-current)}
#contenu-du-module.elEdit .cms__cta--discreet a.cms__cta__btn:hover,
#body .cms__cta--discreet a.cms__cta__btn:hover{background:#ddd;}
#contenu-du-module.elEdit .cms__cta--primary a.cms__cta__btn,
#body .cms__cta--primary a.cms__cta__btn{background:var(--c-accent);color:#fff;border:1px var(--c-accentDarken) solid;}
#contenu-du-module.elEdit .cms__cta--primary a.cms__cta__btn:hover,
#body .cms__cta--primary a.cms__cta__btn:hover{background:var(--c-accentDarken);}
#contenu-du-module.elEdit .cms__cta--secondary a.cms__cta__btn,
#body .cms__cta--secondary a.cms__cta__btn{background:var(--c-accentPale);color:var(--c-current);border:1px var(--c-accent) solid;}
#contenu-du-module.elEdit .cms__cta--secondary.cms__cta .st0,
#body .cms__cta--secondary.cms__cta .st0{fill:var(--c-accent)}
#contenu-du-module.elEdit .cms__cta--secondary a.cms__cta__btn:hover,
#body .cms__cta--secondary a.cms__cta__btn:hover{background:var(--c-accent);color:#fff}
#contenu-du-module.elEdit .cms__cta--secondary.cms__cta:hover .st0,
#body .cms__cta--secondary.cms__cta:hover .st0{fill:#fff}
#contenu-du-module.elEdit .cms__cta--contrast a.cms__cta__btn,
#body .cms__cta--contrast a.cms__cta__btn{background:var(--c-current);color:#fff;}
#contenu-du-module.elEdit .cms__cta--contrast a.cms__cta__btn:hover,
#body .cms__cta--contrast a.cms__cta__btn:hover{background:var(--c-accent);}

/* ---------------------------- */
@media (max-width:60em){
   #body .cms__cta__btn{width:100%;flex:1;text-align:center;justify-content:center;}
}
/* ---------------------------- */

/* Nouvel attribut mosaique pour les images */
#body .mosaique-conteneur {
   display: flex;
   flex-flow: row wrap;
   /* -- */
   /* -- */
   /* -- */
   /* -- */
   /* -- */
}
#body .mosaique-conteneur div.img.mosaique-image.c-box-content {
   width: 100%;
}
/* ---- 2 images ------ */
@media (min-width: 45em) {
   #body .mosaique-conteneur[data-nbImages="2"] div.img.mosaique-image.c-box-content{
      width: calc((100% - 3rem) / 2);
   }
   #body .mosaique-conteneur[data-nbImages="2"] div.img.mosaique-image.c-box-content:nth-child(2n+1){
      margin-right: 3rem;
   }
}
@media (min-width: 80em) {
   #body .mosaique-conteneur[data-nbImages="2"]  div.img.mosaique-image.c-box-content{
      width: calc((100% - 4rem) / 2);
   }
   #body .mosaique-conteneur[data-nbImages="2"]  div.img.mosaique-image.c-box-content:nth-child(2n+1) {
      margin-right: 4rem;
   }
}
/* ---- 3,4,5, petites résolutions > meme comportement que data 2 ----- */
/* ---------------------------- */
@media (min-width:45em) and (max-width:60em){
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content,
   #body .mosaique-conteneur[data-nbImages="4"] div.img.mosaique-image.c-box-content,
   #body .mosaique-conteneur[data-nbImages="5"] div.img.mosaique-image.c-box-content{
      width: calc((100% - 3rem) / 2);
   }
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content:nth-child(2n+1),
   #body .mosaique-conteneur[data-nbImages="4"] div.img.mosaique-image.c-box-content:nth-child(2n+1),
   #body .mosaique-conteneur[data-nbImages="5"] div.img.mosaique-image.c-box-content:nth-child(2n+1){
      margin-right: 3rem;
   }
}
/* ---------------------------- */
/* ---- 3 images ------ */
@media (min-width: 60em) {
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content {
      width: calc((100% - 6rem) / 3);
   }
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content:nth-child(3n+1) {
      margin-right: 3rem;
   }
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content:nth-child(3n) {
      margin-left: 3rem;
   }
}
@media (min-width: 80em) {
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content {
      width: calc((100% - 8rem) / 3);
   }
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content:nth-child(3n+1) {
      margin-right: 4rem;
   }
   #body .mosaique-conteneur[data-nbImages="3"] div.img.mosaique-image.c-box-content:nth-child(3n) {
      margin-left: 4rem;
   }
}
/* ---- 4 images ------ */
@media (min-width: 60em) {
   #body .mosaique-conteneur[data-nbImages="4"] div.img.mosaique-image.c-box-content {
      width: calc((100% - 9rem) / 4);
      margin-right: 3rem;
   }
   #body .mosaique-conteneur[data-nbImages="4"] div.img.mosaique-image.c-box-content:nth-child(4n) {
      margin-right: 0;
   }
}
@media (min-width: 80em) {
   #body .mosaique-conteneur[data-nbImages="4"] div.img.mosaique-image.c-box-content {
      width: calc((100% - 12rem) / 4);
      margin-right: 4rem;
   }
   #body .mosaique-conteneur[data-nbImages="4"] div.img.mosaique-image.c-box-content:nth-child(4n) {
      margin-right: 0;
   }
}
/* ---- 5 images ------ */
@media (min-width: 60em) {
   #body .mosaique-conteneur[data-nbImages="5"] div.img.mosaique-image.c-box-content {
      width: calc((100% - 12rem) / 5);
      margin-right: 3rem;
   }
   #body .mosaique-conteneur[data-nbImages="5"] div.img.mosaique-image.c-box-content:nth-child(5n) {
      margin-right: 0;
   }
}
@media (min-width: 80em) {
   #body .mosaique-conteneur[data-nbImages="5"] div.img.mosaique-image.c-box-content {
      width: calc((100% - 16rem) / 5);
      margin-right: 4rem;
   }
   #body .mosaique-conteneur[data-nbImages="5"] div.img.mosaique-image.c-box-content:nth-child(5n) {
      margin-right: 0;
   }
}

/* rajouts */
.deplace:has(.no-img){padding:0;display:block;border:none}
.deplace:has(.no-img) img{display:block;}

.deplace.img.left + .deplace.txt,
.deplace.img.right + .deplace.txt {overflow:visible !important}