/******************************************************************************/
/*                        CSS                                                 */
/******************************************************************************/

                        /***  redéfinition des style HTML par défaut  ***/
/*---v8---
body
    {
    font: 11px < ? php echo $fonteT; ? >;
    margin-top: 0px; margin-bottom: 0px;
    padding-top: 0px; padding-bottom: 10px;
    }
---v8*/

th
    { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px;
      padding: 1px 2px 1px 1px;/*  T,R,B,L  */
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: center;;
      color: #000000; }
th.aws
    { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px;
      padding: 1px 2px 1px 1px;/*  T,R,B,L  */
      font-size: 13px; font-weight: bold;; }
td
    { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: center;;
      color: #000000; }
td.aws
    { border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 1px;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: left;;
      color: #000000; padding: 0px; }
td.awsm
    { border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: left;;
      color: #000000; padding: 0px; }
b
    { font-weight: bold;; }
a:link
    { color: #0011BB; text-decoration: none; }
a:visited
    { color: #0011BB; text-decoration: none; }
a:hover
    { cursor: pointer ;
      color: #FFA84C; text-decoration: underline; }
input, select,textarea, checkbox
    { box-sizing: border-box; }/*  permet d'avoir ces éléments de même largeur  */

/******************************************************************************/

                        /***  couleur fond de page  ***/

.clALGDegBleu        /*  pages accessibles au public  */
    {   
    background-image: linear-gradient(to bottom right, midnightblue, darkslategray);
    }
.clALGMT        /*  pages accessibles au public  */
    {   
    background: #00186b;
    background: linear-gradient(315deg,#00186b 60%, #153990 80%);
    background: -webkit-linear-gradient(315deg,#00186b 60%, #153990 80%);
    background: -moz-linear-gradient(315deg,#00186b 60%, #153990 80%);
    }
.clALGYinYang        /*  pages accessibles au public  */
    {   
    background:
      radial-gradient(circle at 50% 59%, #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54,78,39,0) 12%, rgba(54,78,39,0)) 50px 0,
      radial-gradient(circle at 50% 41%, #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210,202,171,0) 12%, rgba(210,202,171,0)) 50px 0,
      radial-gradient(circle at 50% 59%, #D2CAAB 3%, #364E27 4%, #364E27 11%, rgba(54,78,39,0) 12%, rgba(54,78,39,0)) 0 50px,
      radial-gradient(circle at 50% 41%, #364E27 3%, #D2CAAB 4%, #D2CAAB 11%, rgba(210,202,171,0) 12%, rgba(210,202,171,0)) 0 50px,
      radial-gradient(circle at 100% 50%, #D2CAAB 16%, rgba(210,202,171,0) 17%),
      radial-gradient(circle at 0% 50%, #364E27 16%, rgba(54,78,39,0) 17%),
      radial-gradient(circle at 100% 50%, #D2CAAB 16%, rgba(210,202,171,0) 17%) 50px 50px,
      radial-gradient(circle at 0% 50%, #364E27 16%, rgba(54,78,39,0) 17%) 50px 50px;
    background-color:#63773F;
    background-size:100px 100px;
    }
/*.clALGFibreCarbone        *//*  pages accessibles au public  */
.clALGPagePublic        /*  pages accessibles au public  */
    {   
    background-color: #F5F5F5;/*  fond Cerema  */  

/*
///...v9...    background:
      linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
      linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
      linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
      linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
      linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
      linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
      linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;

      linear-gradient(27deg, #575757 5px, transparent 5px) 0 5px,
      linear-gradient(27deg, #575757 5px, transparent 5px) 0 5px,
      linear-gradient(207deg, #575757 5px, transparent 5px) 10px 0px,
      linear-gradient(27deg, #666 5px, transparent 5px) 0px 10px,
      linear-gradient(207deg, #666 5px, transparent 5px) 10px 5px,
      linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
      linear-gradient(#6d6d6d 25%, #6a6a6a 25%, #6a6a6a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #555555;

    background-size: 20px 20px;
*/
/*
      radial-gradient(transparent 37%, #061e65 35%, #061e65 80%, transparent 70%) 4px 4px,
      radial-gradient(black 20%, transparent 32%) 0 0,
      radial-gradient(rgba(255,255,255,.1) 30%, transparent 40%) 0 1px;
    background-color:#061e65;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, navy 35%, navy 80%, transparent 70%) 4px 4px,
      radial-gradient(black 10%, transparent 32%) 0 0,
      radial-gradient(midnightblue 10%, transparent 40%) 0 1px;
    background-color:navy;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, wheat 35%, wheat 80%, transparent 70%) 4px 4px,
      radial-gradient(black 10%, transparent 32%) 0 0,
      radial-gradient(rosybrown 10%, transparent 40%) 0 1px;
    background-color:wheat;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, rosybrown 35%, rosybrown 80%, transparent 70%) 4px 4px,
      radial-gradient(black 10%, transparent 32%) 0 0,
      radial-gradient(brown 10%, transparent 40%) 0 1px;
    background-color:rosybrown;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, lightskyblue 35%, lightskyblue 80%, transparent 70%) 4px 4px,
      radial-gradient(black 10%, transparent 32%) 0 0,
      radial-gradient(cornflowerblue 10%, transparent 40%) 0 1px;
    background-color:lightskyblue;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, royalblue 35%, royalblue 80%, transparent 70%) 4px 4px,
      radial-gradient(black 10%, transparent 32%) 0 0,
      radial-gradient(midnightblue 10%, transparent 40%) 0 1px;
    background-color:royalblue;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, grey 35%, grey 80%, transparent 70%) 4px 4px,
      radial-gradient(black 1%, transparent 32%) 0 0,
      radial-gradient(silver 10%, transparent 40%) 0 1px;
    background-color:grey ;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;

      radial-gradient(transparent 37%, darkslategrey 35%, darkslategrey 80%, transparent 70%) 4px 4px,
      radial-gradient(black 1%, transparent 32%) 0 0,
      radial-gradient(slategrey 10%, transparent 40%) 0 1px;
    background-color:darkslategrey;
//    background-size:24px 24px, 12px 12px, 12px 12px;
    background-size:16px 16px, 8px 8px, 8px 8px;
*/

/*...v9...
      radial-gradient(transparent 37%, steelblue 35%, steelblue 80%, transparent 70%) 6px 6px,
      radial-gradient(black 1%, transparent 32%) 0 0,
      radial-gradient(lightsteelblue 10%, transparent 40%) 0 1px;
    background-color:steelblue;
    background-size:24px 24px, 12px 12px, 12px 12px;
//    background-size:16px 16px, 8px 8px, 8px 8px;
...v9...*/

/*
    background-color: #193c6d;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#003073', endColorstr='#029797');
    background-image: url(//img.alicdn.com/tps/TB1d.u8MXXXXXXuXFXXXXXXXXXX-1900-790.jpg);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, #003073), color-stop(100%, #029797));
    background-image: -webkit-linear-gradient(135deg, #003073, #029797);
    background-image: -moz-linear-gradient(45deg, #003073, #029797);
    background-image: -ms-linear-gradient(45deg, #003073 0, #029797 100%);
    background-image: -o-linear-gradient(45deg, #003073, #029797);
    background-image: linear-gradient(135deg, #003073, #029797);
    text-align: center;
    margin: 0px;
    overflow: hidden;
*/
    }
.clALGPagePyramide        /*  pages accessibles au public  */
    {   
/*...v9...    background-color:#556; ...*/
    background-color: #F5F5F5;/*  fond Cerema  */  
    background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
    linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a),
    linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
    background-size:80px 140px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
    }
.clALGPageTST                                                                                          
    { background: #fff9c4;background: linear-gradient(#fff9c4 33%, #fafafa 100%) fixed;; }  
.clALGPagePublicOLD        /*  pages accessibles au public  */
    { background: #fff9c4;background: linear-gradient(#fff9c4 33%, #fafafa 100%) fixed;; }  
.clALGPageReserve       /*  pages réservées (authentification)  */
    { background: #bbdefb;background: linear-gradient(#bbdefb 33%, #fafafa 100%) fixed;; }  
.clALGPageErreur        /*  pages d'erreur  */
    { background: #ef9a9a;background: linear-gradient(#ef9a9a 33%, #fafafa 100%) fixed;; }  
.clALGCardErreurBS      /*  card d'erreur BootStrap  */
/*    < ? php echo degradeMat("Rg","Gr",30,5,25,100,"L","B",false); ? >; } */
    { background-color: #EF7757; }/*  orange Cerema  */
/*...v9...
.clALGMenuBS            / *  sous-menu BootStrap  * /
    { < ? php echo degradeMat("GB","Bl",80,33,33,100,"L","R",false); ? >; }  
...v9...*/
.clALGMenuBS            /*  sous-menu BootStrap  */
/*    { background-color: #F07D00; }*/ /*  menu Cerema  */  
/*    { color: black; } *//*  menu Cerema  */  
    { } /*  menu Cerema  */  
/*
.clALGMenuBS            / *  sous-menu BootStrap  * /
    { background-color: #D9DBE2; }/ *  menu Cerema  * /  
*/
.clALGPagePopup         /*  pages popup  */
    { background: #ffcc80;background: linear-gradient(#ffcc80 33%, #fafafa 100%) fixed;; }  
.clALGPagePublicCandhis /*  pages accessibles au public  */
    { background: #cfd8dc;background: linear-gradient(#cfd8dc 33%, #fafafa 100%) fixed;; }  
.clALGPageReserveCandhis/*  pages réservées (authentification)  */
    { background: #ffcc80;background: linear-gradient(#ffcc80 33%, #fafafa 100%) fixed;; }  
/*function degradeMat($could,$coulf,$pcpd=90,$pcpf=5,$pcdd=33,$pcdf=100,$type="L",$sens="B",$fs=true)*/

                        /***  classes de positionnement `div` ***/
#idALGEntete
    { float: top;
      position: relative; }
#idALGEnteteLogo
    { min-width: 800px; height: 160px;
      background-image: url("../images/CEREMA_Logo1920_vagues_dechire_CandhisPetit.png"); }
/*      opacity: 0.4; filter:alpha(opacity=40); }*/
#idALGEnteteTitre
    { /width: 624px;    /*  bug I.E. <= 6 (texte en arrière-plan)  */
/*      margin-left: 86px;*/
      margin-left: 400px;
      margin-top: -140px !important; /margin-top: -113px;
      font: 22px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      height: 80px;
      color: #FFFF99;
/*      color: < ? php echo coulMat("Jn",50); ? >;*/
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre12
    { font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre14
    { font: 14px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre16
    { font: 16px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre18
    { font: 18px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
#idALGEnteteTitreCandhis
    { /width: 624px;    /*  bug I.E. <= 6 (texte en arrière-plan)  */
/*      margin-left: 86px;*/
      margin-left: 400px;
      margin-top: -177px !important; /margin-top: -113px;
      margin-bottom: 32px;
      font: 48px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      height: 80px;
      color: #FFFF99;
/*      color: < ? php echo coulMat("Jn",50); ? >;*/
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }

.clALGEnteteTitreBoot
    { 
/*...v9...    color: < ? php echo $coulPaJn; ? >; */
/*...v9...    color: #F07D00;/*  orange Cerema  */ */
/*...v9...    text-shadow: 0px 0px 7px rgba(0,0,0,0.75); */
    color: white;
    text-shadow: 0px 0px 7px rgba(0,0,0,1.00);
    }
.clALGEnteteTitreBootLink
    { 
/*...v9...    color: < ? php echo $coulPaJn; ? >; */
    color: white;
    }
#idALGEnteteTitreBootAppli
    {
    color: white;
    margin-top: -36px;
    }
#idALGEnteteTitreBootIntit
    {
    color: white;
    padding-top: 2px;
    }
#idALGEnteteTitreBootService
    { 
    color: white;
    display: flex;
    flex-direction: column;
    }

.clALGEnteteSTitre12Candhis
    { 
      margin-top: -30px;
      font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre14Candhis
    { 
      margin-top: -30px;
      font: 14px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre16Candhis
    { 
      margin-top: -30px;
      font: 16px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
.clALGEnteteSTitre18Candhis
    { 
      margin-top: -30px;
      font: 18px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }
#idALGEnteteService
    { /width: 624px;    /*  bug I.E. <= 6 (texte en arrière-plan)  */
      margin-top: 20px;
      padding-right: 6px;
      font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: right;;
      color: #FFFF99;
      text-shadow: 0px 0px 7px rgba(0,0,0,0.75); }

p.clALGLigne10px        /*  ligne de 10 px de haut comme séparateur  */
    { line-height:10px; }

.clALGBandeauSite
    {	font: 22px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: right;;
      color: #FFFF99;
      text-decoration: none; }
/*
                        *  redéfinition des couleurs liens pour le bandeau de page  *
a.clALGBandeauSite:link
    { color: < ? php echo $coulIELk; ? >; text-decoration: none; }
a.clALGBandeauSite:visited
    { color: < ? php echo $coulIELk; ? >; text-decoration: none; }
a.clALGBandeauSite:hover
    { color: < ? php echo $coulIELk; ? >; text-decoration: none; }
*/
a.clALGBandeauSite:hover
    { text-decoration: none;
      color: #c8e6c9;
      text-shadow: 0px 0px 7px rgba(200,200,200,0.75); }

.clALGMenuHaut
    { margin-top: -10px !important; /margin-top: 3px;
      min-width: 800px; height: 25px;
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD;
      background:   #ECECEC; }
#idALGMenuHautChoixA    /*  bouton "Accueil"  */
    { margin-left:  21px;
      margin-top:   -1px }
#idALGMenuHautFile
    { margin-left: 160px !important; /margin-left: 164px;
      margin-top:  -27px !important; /margin-top:  -24px
/*
      position:relative;
      width: 150px;
      height: 30px;
*/
      overflow:hidden; }
#idALGMenuHautFile button
    {
/*
      position: absolute;
      width: 100%;
      height: 100%;
*/
    }
#idALGMenuHautFile input
    { font: 500px monospace;
      opacity:0;
      filter: alpha(opacity=0);
      position: absolute;
      z-index: 1;
      top:0;
      right:0;
      padding:0;
      margin: 0; }
#idALGMenuHautChoix1I   /*  1° bouton page "index"  */
    { margin-left: 160px !important; /margin-left: 164px;
      margin-top:   -1px !important; /margin-top:   -1px }
#idALGMenuHautChoix1
    { margin-left: 160px !important; /margin-left: 164px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoix2
    { margin-left: 275px !important; /margin-left: 283px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoix3
    { margin-left: 390px !important; /margin-left: 402px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoix4
    { margin-left: 505px !important; /margin-left: 521px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoix5
    { margin-left: 620px !important; /margin-left: 640px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoix6
    { margin-left: 735px !important; /margin-left: 759px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoix7
    { margin-left: 840px !important; /margin-left: 878px;
      margin-top:  -27px !important; /margin-top:  -24px }
#idALGMenuHautChoixF
    { float: right;
      margin-top:  -27px !important; /margin-top:  -24px }

/******************************************************************************/

.clALGChoix               /*  zone de choix (menu gauche)  */
    { float: left;
      width: 138px !important; /width: 140px;
/*      /margin-top: -4px;*/
      padding: 0px 0px 12px 0px;/*  T,R,B,L  */
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD;
      background:   #ECECEC; }
.clALGChoixS              /*  zone de choix suivante (menu gauche)  */
    { float: left;
      width: 138px !important; /width: 140px;
/*      /margin-top: -4px;*/
      padding: 0px 0px 12px 0px;/*  T,R,B,L  */
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD;
      background:   #ECECEC; }
.clALGChoixTop          /*  zone de choix (menu vertical gauche)  */
    { margin-top:  0px;
      margin-left: 10px; }
.clALGChoixTitre        /*  titre  */
    { font: 13px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;; }
#idALGChoixTit1
    { margin-left: 10px;
      margin-top:  -6px !important; /margin-top: 6px; }
#idALGChoix1
    { margin-left: 10px; margin-right: 10px; /margin-top: -2px; }
#idALGChoixS
    { margin-left: 10px; margin-top: 7px; }
#idALGChoixTitS
    { margin-left: 10px;
      margin-top:  10px !important; /margin-top:  -1px; }
.clALGChoixSTitre       /*  sous-titre  */
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
#idALGChoixSTitS
    { margin-left: 10px;
      margin-top:  -4px }
#idALGChoixSS
    { margin-left: 10px; margin-right: 12px; margin-top: -8px; }
#idALGChoixSSTxt
    { margin-left:  2px; margin-top:  -2px; }
.clALGChoixSTitU        /*  utilisateur  */
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-style: italic;; }

#idALGSepar             /*  séparateur  */
    { height: 1px;
      background-color: #CCCCDD;
      /*margin-left: 5px; margin-right: 5px;*/  }

/******************************************************************************/

#idALGZonTxt            /*  zone de texte  */
    { overflow: auto;   /*  ascenseurs automatiques  */
      margin-left:  162px;
      margin-top:   -2px;
      margin-right:  11px;
      padding: 0px 10px 0px 10px;/*  T,R,B,L  */
/*      border-collapse: collapse;*/
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD;
      /zoom:1;          /*  pour corriger le bug I.E. sur les "margin/padding"  */
      background:   #FFFFFF;
    }

#idALGTabTit            /*  titre de tableau  */
    { overflow: auto;   /*  ascenseurs automatiques  */
      margin-left:  162px;
      margin-top:   -2px;
      margin-right:  11px;
      /zoom:1;          /*  pour corriger le bug I.E. sur les "margin/padding"  */
    }

#idALGBtnDeb            /*  bouton début de tableau  */
    { overflow: auto;   /*  ascenseurs automatiques  */
      margin-left:  162px;
      margin-top:    11px;
      margin-right:  11px;
      /zoom:1;          /*  pour corriger le bug I.E. sur les "margin/padding"  */
    }

.clALGTitErr
    { 
        padding: 10px;
        margin-top: 10px; margin-bottom: 10px;
        font: 26px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;
        border: 1px solid #CCCCDD; background: #ECECEC;
      text-shadow: 4px 4px 8px rgba(0,0,0,0.5); }/*  une jolie ombre  */
.clALGTitPar
    { 
        padding: 4px 0px 0px 0px !important; /padding: 4px 0px 4px 0px;
        font: 14px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;; height: 26px; margin-top: 10px; 
        border: 1px solid #CCCCDD; background: #ECECEC; }
a:hover .clALGTit2
    { cursor: pointer; }
/*.clALGInfo
    { < ? php echo $info; ? >; }*/

.clALGTxt9
    { font:  9px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
.clALGTxt11
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
.clALGTxt12
    { font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }

.clALGTab
    { }

.clALGTabInfoTit
    { font: 14px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;; }
.clALGTabInfoCol
    { font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;      vertical-align: middle;
      margin-bottom: 0px;
      padding: 4px 4px 4px 4px;/*  T,R,B,L  */
      background: #CCCCDD; }
.clALGTabTitCel
    { border: 0px;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      vertical-align: middle;
      margin-bottom: 0px;
      padding: 2px 0px 2px 0px;/*  T,R,B,L  */
      background: #CCCCDD; }
.clALGTabTitCel12
    { border: 0px;
      font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;text-align: center;;
      vertical-align: middle;
      margin-bottom: 0px;
      padding: 2px 0px 2px 0px;/*  T,R,B,L  */
      background: #CCCCDD; }


.clALGTabTitTri,          /*  titre tableau avec triangle  */
.clALGTabTitTri:hover,
.clALGTabTitTri:visited
    { cursor: pointer;
      padding-right: 15px;/*  on réserve la place pour le triangle de tri  */
      color: black;
      text-decoration: none;
      background:transparent url(../images/Boutons/TR0.png) right no-repeat;
      }
.clALGTabTitTri.TriDes
    { background:transparent url(../images/Boutons/TRB.png) right no-repeat; }
.clALGTabTitTri.TriAsc
    { background:transparent url(../images/Boutons/TRH.png) right no-repeat; }
/*********
.clALGTabTitTri.TriDes:visited,
.clALGTabTitTri.TriDes:link,
.clALGTabTitTri.TriDes:hover
    { padding-right: 15px;*  on réserve la place pour le triangle de tri  *
      text-decoration: none; }
.clALGTabTitTri.TriAsc:visited,
.clALGTabTitTri.TriAsc:link,
.clALGTabTitTri.TriAsc:hover
    { padding-right: 15px;*  on réserve la place pour le triangle de tri  *
      text-decoration: none; }
*********/

.clALGTxt
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
.clALGChkBox
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
.clALGTxtChkBox
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: left;; }

.clALGLis
    { font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; border-radius: 4px; }
.clALGInput,
.clALGInputNS
    { border-radius: 4px; }

.clALGLis:hover,
.clALGInput:hover
  { background: linear-gradient(to left, rgba(209,225,255,1) 0%, rgba(234,239,255,1) 11%, rgba(255,255,255,1) 100%); }
/*  { background: -linear-gradient(right, rgba(209,225,255,1) 0%, rgba(224,229,255,1) 11%, rgba(255,255,255,1) 100%); }
    { < ? php echo degrade("Bl","L","L",50) ? >; }  
    { < ? php echo degradeMat("Bl","Bl",50,5,10,50,"L","L"); ? >; }  
    { < ? php echo degradeMat("Bl","Bl",min($fonce*5,90),5,10,50,"L","L"); ? >; }*/  

                        /***  widgets  ***/
/*.clALGSaisie
    { font: 11px < ? php echo $fonteT; ? >; }*/
.clALGSubmitIE           /*  pour Internet Explorer (sélectionnable)  */
    { border: 1px outset #375D81;
      background-color:  #375D81;
      text-align: center;
     	height: 24px;
      width: 118px;
      padding: 2px; }
input.clALGSubmitIE
    { color: #ECECEC;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;; }
a:hover input.clALGSubmitIE
    { cursor: pointer;
      border-style: inset;
      text-decoration: none;
      color: #F2801D;
      background-color: #5F8CA3; }

.clALGBoutonIE          /*  pour Internet Explorer (sélectionnable)  */
    { background-color: #375D81;
      text-align: center;
     	height: 24px;
      width: 118px; }
.clALGBoutonIE.clALGMenuH /*  menu horizontal (navigation dans la page)  */
    { padding: 5px 2px 2px 2px;/*  T,R,B,L  */
      border: 0px; }
.clALGBoutonIE.clALGMenuV    /*  menu vertical   (navigation dans le site)  */
    { padding: 4px 2px 2px 2px;/*  T,R,B,L  */
      border: 1px outset #375D81; }
a.clALGBoutonIE
    { color: #ECECEC;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;; }
.clALGBoutonIE:link
    { color: #F2801D; text-decoration: none; }
a.clALGBoutonIE:hover
    { cursor: pointer;
      border-style: inset;
      text-decoration: none;
      color: #F2801D;
      background-color: #5F8CA3; }
.clALGBoutonIE.clALGMenuH:visited
    { cursor: pointer;
      text-decoration: none;
      color: #F2801D; }
.clALGBoutonIE:active
    { color: #ECECEC; }
.clALGBoutonIE:visited
    { color: #ECECEC; }
.clALGBoutonIE_NS       /*  pour Internet Explorer (non-sélectionnable)  */
    { border: 1px solid #ECECEC;
      background-color: #ECECEC;
      text-align: center;
     	height: 24px;
      width: 118px;
      color: #ECECEC;
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;;
      padding: 4px 2px 2px 2px; }/*  T,R,B,L  */
.clALGBoutonIE_NS:hover
    { cursor: default;
      text-decoration: none }

.clALGBoutonFF          /*  pour Firefox, Safari, Chrome, ...  */
    {                   /*  style du texte  */
      font: 11px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;font-weight: bold;;
      height:  25px;
      width: 114px;
  	  color: #ECECEC;
/*  	  padding: 0px < ? php echo $YBtnTxt; ? >px 0px 0px;*/
  	  margin: 1px; }
.clALGBoutonFF.clALGMenuH    /*  menu horizontal (navigation dans la page)  */
    { border: 0px; }
.clALGBoutonFF.clALGMenuV    /*  menu vertical   (navigation dans le site)  */
    {                   /*  ombre décalée de 0px D, 1px H, un flou de 0px, de couleur noir et d'opacité 50%  */
  	  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	                     /*  style général du bouton  */
  	  display: inline-block;
  	  border-radius: 4px;
  	  border-bottom: 1px solid rgba(0,0,0,0.5);
  	  box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    }

.clALGBoutonFF.clALGGris
/*    { < ? php echo degradeMat("Gr","Gr",50,70,10,100,"L","B",false); ? >; }*/
    { background: #9e9e9e;background: linear-gradient(#9e9e9e 10%, #616161 100%);; }
.clALGBoutonFF.clALGGris:hover
    {	cursor: default; }
.clALGBoutonFF.clALGBleu
/*    { < ? php echo degradeMat("BC","BC",80,90,0,100,"L","B",false); ? >; }*/
    { background: #0288d1;background: linear-gradient(#0288d1 0%, #01579b 100%);; }
.clALGBoutonFF.clALGBleu:hover
    {	cursor: pointer;
      color: #FFFFFF;
/*      < ? php echo degradeMat("BC","BC",40,60,150,100,"L","T",false); ? >;*/
      background: #29b6f6;background: linear-gradient(to top, #29b6f6 150%, #039be5 100%);;
    }
.clALGBoutonFF.clALGVert
/*    { < ? php echo degradeMat("BV","BV",70,80,0,100,"L","B",false); ? >; }*/ 
    { background: #00796b;background: linear-gradient(#00796b 0%, #00695c 100%);; } 
.clALGBoutonFF.clALGVert:hover  /*  rgb(  0,204,102) / rgb(  0,102, 51)  */
    { cursor: pointer;
      color: #FFFFFF;
/*      < ? php echo degradeMat("BV","BV",40,60,150,100,"L","T",false); ? >;*/ 
      background: #26a69a;background: linear-gradient(to top, #26a69a 150%, #00897b 100%);; 
    }
.clALGBoutonFF.clALGRouge       /*  fond bleu comme les boutons normaux  */
/*    { < ? php echo degradeMat("BC","BC",80,90,0,100,"L","B",false); ? >; }*/
    { background: #0277bd;background: linear-gradient(#0277bd 0%, #01579b 100%);; }
.clALGBoutonFF.clALGRouge:hover /*  rvb(255, 10, 10) / rvb(180, 20, 20)  */
    {	cursor: pointer;
      color: #FFFFFF;
/*      < ? php echo degradeMat("Rg","Rg",60,80,150,100,"L","T",false); ? >;*/
      background: #e53935;background: linear-gradient(to top, #e53935 150%, #c62828 100%);;
    }
.clALGBoutonFF.clALGArrondi2px
    {	border-radius: 2px; }
.clALGBoutonFF.clALGArrondi20px
    {	border-radius: 20px; }

.clALGBoutonTab         /*  bouton case tableau  */
  	{ border: 0px;
      background: transparent;
  	  padding: 3px;
      margin:  3px; }
.clALGBoutonTab:hover
    { cursor: pointer;
      background: #90caf9; }

.clALGTabLinkBl .clALGTabLinkOg .clALGTabLinkRg /*  lien hypertexte tableau  */
  	{ /*border: 0px;*/
      /*background: transparent;*/
      text-decoration: none;
  	  padding: 3px;
      margin:  3px; }
.clALGTabLinkBl .clALGTabLinkOg .clALGTabLinkRg:active
  	{ /*border: 0px;*/
      /*background: transparent;*/
      text-decoration: none;
  	  padding: 3px;
      margin:  3px; }
.clALGTabLinkBl .clALGTabLinkOg .clALGTabLinkRg:link
  	{ /*border: 0px;*/
      /*background: transparent;*/
      text-decoration: none;
  	  padding: 3px;
      margin:  3px; }
.clALGTabLinkBl:hover
    { cursor: pointer;
      text-decoration: none;
      color: blue;
      background: #90caf9; }
.clALGTabLinkOg:hover
    { cursor: pointer;
      text-decoration: none;
      color: blue;
      background: #FFA84C; }
.clALGTabLinkRg:hover
    { cursor: pointer;
      text-decoration: none;
      color: blue;
      background: #ef9a9a; }

.clALGBouton50          /*  bouton 2 lignes  */
    { height: 50px !important; /height: 38px;
      width: 140px;
      margin-left: -11px; }

                        /***  caractéristiques tableaux  ***/
.clALGvTop              /*  text en haut dans cases tableau  */
    {
    vertical-align: top;
    line-height: 24px;
/*    margin: 20px 10px 100px 10px;*//*  T,R,B,L  */
    }
.clALGTabQuad           /*  quadrillage tableau  */
    { padding: 1px;
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD; }
.clALGTabQuadScroll     /*  quadrillage tableau scrollable  */
    { border-width: 1px;
      border-collapse: collapse;
      border-style: solid;
      border-color: #F6F6F6; }
.clALGCelQuadInfo       /*  quadrillage cellule "info"  */
    { padding: 6px 0px 6px 0px;/*  T,R,B,L  */
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid; }

.clALGCelQuadW          /*  quadrillage cellule blanc  */
    { border-color: #CCCCDD;
/*      < ? php echo degradeMat("Gr","Gr",5,20,50,150,"L","R",false); ? >; }*/
      background: #f5f5f5;background: linear-gradient(to right, #f5f5f5 20%, #eeeeee 150%);; }
.clALGCelQuadG          /*  quadrillage cellule gris  */
    { border-color: #CCCCDD;
/*      < ? php echo degradeMat("Gr","Gr",20,40,50,150,"L","R",false); ? >; }*/
      background: #f5f5f5;background: linear-gradient(to right, #f5f5f5 20%, #eeeeee 150%);; }
.clALGCelQuadJ          /*  quadrillage cellule jaune  */
    { border-color: #fff59d;
/*      < ? php echo degradeMat("Jn","Jn",10,30,50,150,"L","R",false); ? >; }*/
      background: #fff9c4;background: linear-gradient(to right, #fff9c4 20%, #fff59d 150%);; }
.clALGCelQuadV          /*  quadrillage cellule vert  */
    { border-color: #a5d6a7;
/*      < ? php echo degradeMat("Vr","Vr",5,20,50,150,"L","R",false); ? >; }*/
      background: #c8e6c9;background: linear-gradient(to right, #c8e6c9 20%, #66bb6a 150%);; }
.clALGCelQuadB          /*  quadrillage cellule bleu  */
    { border-color: #90caf9;
/*      < ? php echo degradeMat("Bl","Bl",5,20,50,150,"L","R",false); ? >; }*/
      background: #bbdefb;background: linear-gradient(to right, #bbdefb 20%, #42a5f5 150%);; }
.clALGCelQuadR          /*  quadrillage cellule rose  */
    { border-color: #f48fb1;
/*      < ? php echo degradeMat("Rs","Rs",5,20,50,150,"L","R",false); ? >; }*/
      background: #f8bbd0;background: linear-gradient(to right, #f8bbd0 20%, #f48fb1 150%);; }
.clALGCelQuadO          /*  quadrillage cellule orange  */
    { border-color: #ffcc80;
/*      < ? php echo degradeMat("Og","Og",10,30,50,150,"L","R",false); ? >; }*/
      background: #ffe0b2;background: linear-gradient(to right, #ffe0b2 20%, #ffa726 150%);; }
.clALGCelQuadTitre      /*  quadrillage cellule "titre" (1° ligne) */
    { border-collapse: collapse;
      border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px;
      border-style: solid;
      border-color: #ECECEC; }
.clALGCelQuad           /*  quadrillage cellule tableau  */
    { padding: 1px 6px 1px 6px;/*  T,R,B,L  */
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid;
      border-color: #ECECEC; }
.clALGCelQuadScroll     /*  quadrillage cellule tableau scrollable  */
    { padding: 1px 2px 1px 2px;/*  T,R,B,L  */
      border-width: 1px;
      border-collapse: collapse;
      border-style: solid;
      border-color: #ECECEC; }
.clALGCelQuadPage       /*  quadrillage cellule tableau changement page  */
    { padding: 0px 0px 0px 0px;/*  T,R,B,L  */
      border-width: 1px;
      border-style: solid;
      border-color: #ECECEC; }
a:hover .clALGCelQuadScroll
    { cursor: pointer; text-decoration: none; }
.clALGCelQuadScrollNoT  /*  cellule tableau scrollable sans quadrillage haut  */
    { padding: 1px 2px 1px 2px;/*  T,R,B,L  */
      border-width: 1px;
      border-collapse: collapse;
      border-style: solid;
      border-top: none;
      border-color: #ECECEC; }
.clALGCelQuadScrollNoTB /*  cellule tableau scrollable sans quadrillage haut ni bas  */
    { padding: 1px 2px 1px 2px;/*  T,R,B,L  */
      border-width: 1px;
      border-collapse: collapse;
      border-style: solid;
      border-top: none;
      border-bottom: none;
      border-color: #ECECEC; }
.clALGTabQuadLeg        /*  quadrillage tableau Légende  */
    { padding: 2px;
      border-width: 1px;
      border-style: none; }
.clALGCelQuadLeg        /*  quadrillage cellule Légende  */
    { padding: 3px;
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD; }

#idALGMenuS             /*  zone de choix "Menu gauche" suivant  */
    { clear: left;
      margin-top:     12px;
      padding-bottom: 10px; }

.clALGTxtC              /*  texte centré  */
    { text-align: center;; }
.clALGTxtJ              /*  texte justifié  */
    { text-align: left;; }
.clALGTxtJCandhis12
    { font: 12px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
.clALGTxtJCandhis
    { font: 14px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;; }
.clALGTxtJCandhisKO       /*  texte justifié `Présentation` Candhis (---> verrue)  */
    { font: 18px text-align: left;; }
.clALGTxtD              /*  texte à droite  */
    { text-align: right;; }
.clALGTxtG              /*  texte en gras  */
    { font-weight: bold;; }
.clALGTxtI              /*  texte en italique  */
    { font-style: italic;; }
.clALGTxtU              /*  texte souligné  */
    { text-decoration: underline;; }
.clALGTxtML100          /*  marge 100 px à gauche  */
    { margin-left: 100px; }

.clALGTabBkgBlancP
    { background: #FFFFFF; }
.clALGTabBkgBlancF
    { background: #F6F6F6; }
.clALGTabBkgOrangeP
    { background: #ffe0b2; }
/*    { background: < ? php echo degradeMat("Og","Og",$clair/2,$fonce,20,150,"L","L",false); ? >; }*/
.clALGTabBkgOrangeF
    { background: #ffcc80; }
.clALGTabBkgRoseP
    { background: #f8bbd0; }
/*    { background: < ? php echo degradeMat("Rs","Rs",$clair/2,$fonce,20,150,"L","L",false); ? >; }*/
.clALGTabBkgRoseF
    { background: #f48fb1; }
.clALGTabBkgRougeP
    { background: #ffcdd2; }
.clALGTabBkgRougeF
    { background: #ef9a9a; }
.clALGTabBkgBleuP
    { background: #bbdefb; }
.clALGTabBkgBleuF
    { background: #90caf9; }
.clALGTabBkgJauneP
    { background: #fff9c4; }
.clALGTabBkgJauneF
    { background: #fff59d; }
.clALGTabBkgVertP
    { background: #c8e6c9; }
.clALGTabBkgVertF
    { background: #a5d6a7; }
.clALGTabBkgGris
    { background: #ECECEC; }

.clALGLegendeBlanc
    { background: #FFFFFF;background: linear-gradient(to right, #FFFFFF 20%, #FFFFFF 100%);; }
.clALGLegendeOrange
    { background: #fff3e0;background: linear-gradient(to right, #fff3e0 20%, #ffcc80 100%);; }
.clALGLegendeRose
    { background: #ffebee;background: linear-gradient(to right, #ffebee 20%, #ef9a9a 100%);; }
.clALGLegendeVert
    { background: #e8f5e9;background: linear-gradient(to right, #e8f5e9 40%, #a5d6a7 100%);; }
.clALGLegendeBleu
    { background: #e3f2fd;background: linear-gradient(to right, #e3f2fd 20%, #90caf9 100%);; }

.clALGTabIco            /*  icônes bouton  */
    { position: relative; top: 0px; left: 0px; }
#idALGTabIcoENR         /*  icône bouton ENR  */
    { }
#idALGTabIcoENR:hover
    { opacity: 0.60;             /*  Firefox  */
      filter : alpha(opacity=66);/*  Internet Explorer  */ }
#idALGTabIcoMAJ         /*  icône bouton MAJ  */
    { }
#idALGTabIcoMAJ:hover
    { opacity: 0.66;             /*  Firefox  */
      filter : alpha(opacity=66);/*  Internet Explorer  */ }
#idALGTabIcoSUP         /*  icône bouton SUP  */
    { }
#idALGTabIcoSUP:hover
    { opacity: 0.60;             /*  Firefox  */
      filter : alpha(opacity=66);/*  Internet Explorer  */ }

                        /*  cases des tableaux  */
.clALGTxt9J             /*  case "Texte"  justifiée (pour évènement)  */
    { font:  9px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: left;; }
.clALGTxt9C             /*  case "Texte" centrée (pour date)  */
    { font:  9px helvetica neue, lucida sans, verdana, arial, helvetica, sans-serif;text-align: center;; }

.clALGCadreImg
    { background: #ECECEC;
      border:   1px solid #CCCCDD;
      margin:   0 auto;
      margin:  10px auto auto 0px;/*  T,R,B,L  */
      height: 420px;
      width:  755px; }
.clALGImg
    { float: left;
      margin:  10px 0px 10px 10px;/*  T,R,B,L  */
      height: 100px;
      width:   75px; }

/*********************  fenêtre popup JS CodeMirror  **************************/

.clALGPopupPage         /*  pour éviter le bug FF 10px en bas : 10px partout !!!  */
    { padding: 10px 10px 0px 10px;/*  T,R,B,L  */ }
.clALGPopupMenuHaut
    { background: #90caf9; }
.clALGPopupText
    { width: 100%;
      border: 1px solid #CCCCDD; }
.clALGPopupLigCol
    { padding: 1px 3px 1px 3px;/*  T,R,B,L  */
      background:   #ECECEC; 
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD; }

                        /*  initialisation couleur de sélection  */
.bck-selCM
    { background-color: black; }

/*********************  fenêtre popup JS Message  *****************************/

#idALGPopTab            /*  tableau "Filtre / Fichier"  */
    { margin:   0px 20px 0px 20px;/*  T,R,B,L  */
      padding: 10px; }

.clALGPopMsg            /*  cellule "Message"  */
    { padding: 10px; }

.clALGPopDat            /*  cellule "Date"  */
    { margin-left: 30px ; }/*  T,R,B,L  */

.clALGPopTit            /*  cellule "Titre tableau"  */
    { padding: 4px;}

.clALGPopQuad           /*  quadrillage Popup  */
    { margin: 10px;
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD; }

/*********************  pour Leaflet  *****************************************/

#idALGLLZon             /*  zone de la carte  */
    {
/*      height: 100%;*/
/*      overflow: auto;*/   /*  ascenseurs automatiques  */
      overflow: hidden;   /*  pas d'ascenseurs automatiques  */
/*      margin-top:   < ? php echo $YTxtTab; ? >;*/
/*      margin-bottom: 10px;*/
/*      margin: 10px 10px -12px 10px;*/
      margin: 0px 0px -12px 0px;/*...v10...*/
      padding: 10px 10px 10px 10px;/*  T,R,B,L  */
/*
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      padding-left: 10px;
*/
/*      border-collapse: collapse;*/
/*
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD;
*/
      zoom:1;          /*  pour corriger le bug I.E. sur les "margin/padding"  */
      background:   #FFFFFF;
      }

.clALGLLInfo
    { padding: 6px 8px;
      font: 11px/12px Arial, Helvetica, sans-serif;
      background: white;
      background: rgba(255,255,255,0.8);
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      border-radius: 5px; }
.clALGLLInfo h4
    { margin: 0 0 5px;
      color: #777; }

.clALGLLTitre
    { box-sizing: border-box;
      width: 100% !important;
      padding-right: 10px;
      padding-left:  10px;
      text-align: center;
      vertical-align: middle;
      font: 11px/12px Arial, Helvetica, sans-serif;
      background: rgba(255,255,255,0.75);
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      border-radius: 6px; }
.clALGLLTitreLegende
    { text-align: right;
      vertical-align: bottom; }
.clALGLLTitre h6
    { color: rgba(0,0,0,0.66); }

.clALGLLLegend
    { line-height: 18px;
      color: #555; }
.clALGLLL i
    { width: 18px;
      height: 18px;
      float: left;
      margin-right: 8px;
      opacity: 0.7; }

.leaflet-control-command-interior
    {
    background-image: url(images/command.png);
    width: 1000px;
    height: 400px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: center;
    background-color: #FFFFFF;
    }

.clALGLLFiligrane2
    { /* background-image: url(../images/CandhisNeon.png); */
      /* height: 1000px; */
      / *width:   400px; */
      position: relative;
      overflow: hidden; }

.clALGLLFiligrane2 img
    { max-width: 10%; }

.clALGLLFiligrane2 p
    { position: absolute;
      top: 0;
      left: 0;
      opacity: 0.2;
/*      color: #fff; */
      font-size: 64px;
      pointer-events: none;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg); }

.clALGLLFiligrane
    { 
/*    background-image: url(../images/Candhis2.png) center center;// no-repeat;
      background-size: 128px 128px;         
      background-position: 50% 50%;
*/
      z-index:1
      position: absolute;
      transform-origin: 50% 50%;
/*...new BDD...                opacity: 0.10;  */
    }
.leaflet-verticalcenter
    { position: absolute;
      z-index: 40;
      pointer-events: none;
      top: 50%;
      left: 50%;
/*      transform: skewX(-25deg) rotateZ(-20deg); */
      padding: 10px 10px 10px 10px; }
.leaflet-verticalcenter .clALGLLFiligrane
    { margin-bottom: 10px; }
.leaflet-horizontalcenter
    { position: absolute;
      z-index: 40;
      pointer-events: none;
      top: 50%;
      left: 50%;
/*       transform: skewX(-25deg) rotateZ(-20deg); */
      padding: 10px 10px 10px 10px; }
.leaflet-horizontalcenter .clALGLLFiligrane
    { margin-left: 10px; }

/***+/- prod-v1.04
.clALGLLClusterGroup
  {
/ *	background-color: #EF7757;* / / *  orange Cerema  * /
	background-color: #F58220;/ *  orange Cerema #2  * /
	}
.clALGLLClusterGroup div
  {
/ *	background-color: #C9C8DC;* / / *  bleu clair Cerema  * /
	background-color: #FDC99B/ *  orange Cerema #4  * /
	}
+/- prod-v1.04***/
/*********************  pour LightBox  ****************************************/

                        /*  modification de la classe initiale Leaflet pour régler largeur MAX fenêtre  */
/*
.slbContentOuter {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0 1em;
  box-sizing: border-box;
  z-index: 2020;
  text-align: left;
  width: 80% !important;
  max-width: 80% !important;
  }
*/

#idALGLBZon             /*  zone de la carte  */
    { overflow: auto;   /*  ascenseurs automatiques  */
      margin-left:  11px;
      margin-top:   -2px;
      margin-right:  11px;
      padding: 0px 10px 0px 10px;/*  T,R,B,L  */
/*      border-collapse: collapse;*/
      border-width: 1px;
      border-style: solid;
      border-color: #CCCCDD;
      /zoom:1;          /*  pour corriger le bug I.E. sur les "margin/padding"  */
      background:   #FFFFFF; }

.clALGLBPad
    { margin: 200px; }

.clALGLBInfo, .clALGLBInfoVide  /*  quadrillage cellule "info"  */
    { padding: 6px;/*  T,R,B,L  */
      border-collapse: collapse;
      border-width: 1px;
      border-style: solid; }
.clALGLBInfo a
  { 
  text-align:left;
  line-height:150%;
  margin: -0em;
  padding: 1px;
  display: block;
height: 100%;
  }
.clALGLBInfo:hover,
.clALGLBLinkInfo:hover
    { cursor: pointer;
      text-decoration: none;
      color: blue;
      background: #bbdefb;
height: 100%;
    }