Valid XHTML     Valid CSS2    


        /* # (gH)   -_-  std.css  ;  TimeStamp (unix) : 21 Février 2018 vers 13:55 */
        
        /* version 7.09 */
        
        .aligne { text-align : justify }
        
        p.texte                 { text-align : justify ; background-color: white }
        p.texteInterligneDouble { text-align : justify ; background-color: white ; line-height:2em}
        p.texteInterligne1p5    { text-align : justify ; background-color: white ; line-height:1.5em}
        .doubleInterligne      { line-height:2em}
        li.texte                { text-align : justify }
        
        .cadre       { border: thin solid ; margin-left: 30px;   background-color: #DDDDDD ; margin : 25px  ; padding : 10px }
        .cadreblanc  { border: thin solid ; margin-left: 30px;   background-color: white   ; margin : 25px  ; padding : 10px }
        .cadrem      { border: thin solid ; margin-left: 30px;   background-color: #DDDDDD ; margin : 25px  ; padding : 30px }
        .cadrejaune  { border: thin solid ; margin-left: 30px;   background-color: #FFFFCC ; margin : 25px  ; padding : 10px }
        .cadrebleu   { border: thin solid ; margin-left: 30px;   background-color: #CCFFFF ; margin : 25px  ; padding : 10px }
        .cadreorange { border: thin solid ; margin-left: 30px;   background-color: orange  ; margin-right : 80px  ; }
        .cadrej      { border: thin solid ; margin-left: 3px;    background-color: #DDDDDD; margin-right: 8px  ; text-align : justify ; padding : 25px }
        .cadreV      { border: thin solid ; margin-left: 30px;   background-color: #CDDDDC; margin-right: 100px  }
        .cadreB      { border: thin solid ; margin-left: 30px;   background-color: blue ; margin-right: 100px  }
        .rouge   {                      color: #990000  }
        .grouge  { font-weight : bold ; color : #990000  }
        .gbleu   { font-weight : bold ; color: blue     }
        .gbleuf  { font-weight : bold ; color: #000088  }
        .grougef { font-weight : bold ; color : #990000  }
        .pbleu  { font-size:  1em ;      color: blue     }
        .t1     { font-size:  1em ;      }
        .t3     { font-size:  3em ;      color: blue     }
        .t4     { font-size:  4em ;      color: blue     }
        .ti4    { font-size:  1em ;      color: blue     }
        .bleu   { font-weight : normal ; color: blue     }
        .bleuf  {                      color: #000099  }
        .vert   {  color: green  ; background-color: transparent;  }
        .gvert  { font-weight : bold ; color: green ; background-color: transparent;   }
        .vertf  { color: #008800    }
        .vertf2 { color: #005500    }
        .gvertf { font-weight : bold ; color: #008800    }
        .nou    {  text-decoration : none }
        .gnoir  { font-weight : bold ; color: black    }
        
        .orange  { color: #FF0033    }
        .borange  { color: #FF0033    }
        
        .tavert   { color: green   ; background-color: #FFCC33; }
        .tarose   { color: black   ; background-color: #FFCCFF; }
        .tarouge  { color: #990000 ; background-color: #FFFF00; }
        .tagris   { color: black   ; background-color: #DDDDDD; }
        .tajaunec { color: blue    ; background-color: #FFFFCC; }
        .tableu   { color: blue    ; background-color: #CCFFFF; }
        b3.hover {
        color:yellow;
        }
        
        .cadregris {  border: thin solid ; color: black ; }
        
        .ok:link{
        width:150px;
        height:30px;
        text-decoration:none;
        color:yellow;
        text-align:center;
        font-weight:bold;
        background-color:green;
        padding:5px;
        border-style:outset;
        border-width:2px;
        border-color:silver ;
        background-color: #EEEEEE;
        }
        
        .ok:visited{
        width:150px;
        height:30px;
        text-decoration:none;
        color:yellow;
        text-align:center;
        font-weight:bold;
        background-color:green;
        padding:5px;
        border-style:outset;
        border-width:2px;
        border-color:silver ;
        background-color: #EEEEEE;
        }
        
        .ok:hover{
        color:yellow ;
        background-color:red ;
        }
        
        /***********************************************************/
        
        .bouton {
          height: 30px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 5px ;
          margin-top: 8px ;
          margin-bottom: 8px ;
          padding-top: 8px ;
          border-width:1px;
          border-color:black ;
          border-style:outset;
        }
        
        .bouton_href {
          height: 40px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 5px ;
          margin-top: 8px ;
          margin-bottom: 12px ;
          padding-top: 8px ;
          padding-bottom: 8px ;
          border-width:1px;
          border-color:black ;
          border-style:outset;
        }
        
        .bouton_href2 {
          text-decoration: none;
          text-align: center;
          border-width:1px;
          border-color:black ;
          border-style:outset;
          color : black ;
        }
        
        .bouton_submit {
          height: 40px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 5px ;
          margin-top: 8px ;
          margin-bottom: 12px ;
          padding-bottom: 8px ;
          padding-top: 8px ;
          border-width:1px;
          border-color:black ;
          border-style:outset;
        }
        
        .bouton_rectangulaire {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin  : 8px ;
          padding : 8px ;
          border-width:1px;
          border-color:black ;
          background-color: #FFFFCC ;
          border-style:outset;
        }
        
        .bouton_rectangulaire2 {
          height: 50px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding-top: 8px ;
          border-width:1px;
          border-color:black ;
          background-color: #FFFFCC ;
          border-style:outset;
        }
        
        .bouton_rectangulaire_sur_fond_bleu {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding: 8px ;
          border-width:1px;
          border-color:black ;
          background-color: #000080;
          color : white ;
          border-style:outset;
        }
        
        .bouton_rectangulaire_sur_fond_jaune {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding: 8px ;
          border-width:1px;
          border-color:black ;
          background-color: yellow;
          color : #000088 ;
          border-style:outset;
        }
        
        .bouton_rectangulaire_sur_fond_orange {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding: 8px ;
          border-width:1px;
          border-color:black ;
          background-color: #FF6600 ;
          color : #000088 ;
          border-style:outset;
        }
        
        .bouton_rectangulaire_orange {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding: 8px ;
          border-width:1px;
          border-color:black ;
          color : #000088 ;
          border-style:outset;
        }
        
        .bouton_rectangulaire_sur_fond_rouge {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding: 8px ;
          border-width:1px;
          border-color:black ;
          background-color: #880000;
          color : yellow ;
          border-style:outset;
          vertical-align : middle ;
          /*font-size : larger ; */
        }
        
        .bouton_rectangulaire_sur_fond_vert {
          height: 30px ;
          width: 180px ;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
          margin-left: 15px ;
          margin-top: 8px ;
          padding: 8px ;
          border-width:1px;
          border-color:black ;
          background-color: #008800;
          color : yellow ;
          border-style:outset;
        }
        
        .bouton_fin {
          border-width:1px;
          margin:2px;
          padding:2px;
          padding-left:4px;
          padding-right:4px;
          color : black ;
          border-style:outset;
        }
        
        body.beige_jpg { background-image:url("beige.jpg") }
        body.galg { background-image:url("galg.gif") }
        .align_right   { text-align: right }
        
        
        .section_white  {  background-color: #FFFFFF ; padding : 50px }
        .bgcolor_white  {  background-color: #FFFFFF }
        .bgcolor_jaune  {  background-color: #FFFF99 }
        .bgcolor_orange {  background-color: #FF6633 }
        .bgcolor_bleuc  {  background-color: #0000BB }
        .bgcolor_bleuf  {  background-color: #000088 }
        .bgcolor_vertf  {  background-color: #008800 }
        .bgcolor_vertc  {  background-color: #00BB00 }
        
        
        .coulGH    { color : #006600                   }
        .centre    { text-align: center }
        .center    { text-align: center }
        .droite    { text-align: right }
        .gauche    { text-align: left }
        .gras      { font-weight : bold ; }
        .hrgalg    { width : 70% ; text-align : left ; margin : 0px }
        
        .vutext_decoration_none { text-decoration : none ; }
        .sans_decoration { text-decoration : none ; }
        .border_none { border : none }
        .border_none { border : none }
        .encadre { border : solid 1px }
        .cadreimage { border-color : black ;  vertical-align: bottom }
        
        .ptextecadre {
                    border: thin solid;
                    background-color: #DDDDDD ;
                    margin : 45px  ;
                    padding : 30px ;
                    text-align : justify ;
        }
        
         /* ne pas changer l'ordre des définitions... */
        
        .bgcolor_black_encadre   { border : solid 1px ; background-color: #000000 ; } /*  1 */
        .bgcolor_bleuc_encadre   { border : solid 1px ; background-color: #3399FF ; } /*  2 */
        .bgcolor_rouge_encadre   { border : solid 1px ; background-color: #FF0000 ; } /*  3 */
        .bgcolor_bleuf_encadre   { border : solid 1px ; background-color: #000088 ; } /*  4 */
        .bgcolor_vertf_encadre   { border : solid 1px ; background-color: #008800 ; } /*  5 */
        .bgcolor_violet_encadre  { border : solid 1px ; background-color: #660066 ; } /*  6 */
        .bgcolor_marron_encadre  { border : solid 1px ; background-color: #996600 ; } /*  7 */
        .bgcolor_orange_encadre  { border : solid 1px ; background-color: #FF6633 ; } /*  8 */
        .bgcolor_rose_encadre    { border : solid 1px ; background-color: #FF99FF ; } /*  9 */
        .bgcolor_vertc_encadre   { border : solid 1px ; background-color: #CCFF66 ; } /*  10 */
        .bgcolor_grisf_encadre   { border : solid 1px ; background-color: #666666 ; } /*  11 */
        .bgcolor_jaunef_encadre  { border : solid 1px ; background-color: #FFFF00 ; } /*  12 */
        .bgcolor_ocre_encadre    { border : solid 1px ; background-color: #CCCC00 ; } /*  13 */
        .bgcolor_bleum_encadre   { border : solid 1px ; background-color: #66FFFF ; } /*  14 */
        .bgcolor_vertm_encadre   { border : solid 1px ; background-color: #33FF00 ; } /*  15 */
        .bgcolor_violm_encadre   { border : solid 1px ; background-color: #990066 ; } /*  16 */
        .bgcolor_slate_encadre   { border : solid 1px ; background-color: #99CCFF ; } /*  17 */
        
        .coul000000 { color : #000000 ; }
        .coul880000 { color : #880000 ; }
        .coul008800 { color : #008800 ; }
        .coul000088 { color : #000088 ; }
        .coul660066 { color : #660066 ; }
        .coul996600 { color : #996600 ; }
        .coul3399FF { color : #3399FF ; }
        
        .bgcolor_jaune_encadre   { border : solid 1px ; background-color: yellow  ; }
        .bgcolor_blanc_encadre   { border : solid 1px ; background-color: white   ; }
        .bgcolor_vert_encadre    { border : solid 1px ; background-color: green   ; }
        .bgcolor_bleu_encadre    { border : solid 1px ; background-color: blue    ; }
        .bgcolor_gris_encadre    { border : solid 1px ; background-color: #666666 ; }
        .bgcolor_orange_encadre  { border : solid 1px ; background-color: orange  ; }
        
        .bgcolor_slate_encadre   { border : solid 1px ; background-color: #99CCFF ; } /*  17 */
        
        .fond_jaune_clair { background-color : #FFFFCC }
        .fond_jaune2 { background-color : #FFCC33 }
        .couleur_bleu { color : #6677ff }
        .fond_bleu_clair  { background-color : #CCFFFF }
        .fond_bleu_clair2 { background-color : RGB(170, 253, 249) }
        
        .jetevois       { visibility : visible ; }
        .jenetevoispas  { visibility : hidden  ; }
        .visible   { visibility : visible ; }
        .enbloc    { display : block }
        .invisible { visibility : hidden  ; display : none  }
        
        .gros_car    { font-size : 300% }
        .gros_car700 { font-size : 700% }
        .gros_car_20pt { font-size : 20pt }
        .gros_car_30pt { font-size : 30pt }
        .gros_car_60pt { font-size : 60pt }
        
        .grd_interligne { line-height : 100pt }
        
        /* gros bord bleu foncé épais */
        
        .gbbe {  border :  thick #000088 solid }
        
        /* gros bord bleu foncé épais avec "collapse" */
        
        .gbbec {  border :  thick #000088 solid ; border-collapse : collapse }
        
        /* bord bleu clair fin  */
        
        .bbcf {  border :  thin #3399ff solid  ; }
        
        /* bord bleu clair fin pointillé */
        
        .bbcfp {  border :  thin #3399ff dashed ; }
        
        /* cases espacées "qui respirent" */
        
        .respire { padding : 40pt }
        
        .taille_7 { font-size : 20pt }
        
        /* en taille 5 ou équivalent */
        
        .taille_5 { font-size : 16pt }
        
        .taille_3 { font-size : 8pt }
        
        .sport  { width : 400px ; background-color : yellow ;}
        .equipe { font-size : 50pt ; width : 180px ; color  : blue ; border : thin solid ; text-align : center }
        .score  { font-size : 30pt ; width : 180px  ; border : thin solid ; color : green ; text-align : center}
        .marque { font-size : 80pt ; width : 90px ; border : thin solid ; color : red ; text-align : center}
        .floatXleft  { float : left ; }
        .clearXleft  { clear : left ; }
        
        .collapse {  border-collapse : collapse }
        .separate {  border-collapse : separate }
        .bgcolor_yellow {  background-color : yellow }
        .font_size_plus_un { font-size : large }
        .color_000088 { color :  #000088 ; }
        .bgcolor_BBBBBB {  background-color : #BBBBBB }
        
        /* Sortable tables */
        
        .tableviolet {
            background-color:#CCCCFF;
        }
        
        table.sortable thead {
            background-color:#CCCCFF;  /* #CC6699;  */
            color: black;
            font-weight: bold;
            cursor: default;
        }
        
        .valigntop { vertical-align : top }
        .valignbottom { vertical-align : bottom }
        .valignmiddle { vertical-align : middle }
        .pluspetit { font-size : smaller }
        .plusgros  { font-size : larger }
        .trespetit { font-size : x-small }
        .gris { color : #444444 }
        .fondgris { background-color : #DDDDDD }
        
        .ldc { border : solid 3px #880000 ; background : #CCFFFF }
        
        /* pour ne pas avoir d'ascenseur dans les "textarea" */
        
        .oh { overflow : hidden }
        
        /* couleurs pastel pour les résultats de caractérisation spécifique */
        
        .vert_pastel   { background-color   : #CCFFCC  }
        .orange_pastel { background-color   : #FFCC99  }
        .rouge_pastel  { background-color   : #FF3333  }
        .bleu_pastel   { background-color   : #CCFFFF  }
        .jaune_pastel  { background-color   : #FFFFCC  }
        .fond_jaune { background-color   : yellow  }
        .jaune { color   : yellow  }
        .fond_rouge    { background-color   : #880000  }
        .gris_pastel   { background-color   : #BBBBBB  }
        .coul_jaune    { color : yellow }
        
        .bgcolor_BBBBBB { background-color   : #BBBBBB }
        
        /* importé de W3C validator */
        
        .valid, .valid strong {
          background-color:	#55B05A;
          color:		white;
          line-height:2em ;
        }
        
        .invalid, .invalid strong {
          background-color:	#D23D24 !important;
          color:		white !important;
          line-height:2em ;
        }
        
        .fieldsetGH {
          background-color : #a0c4de;
          border        : 1px solid ;
          border-color  : #525787   ;
          margin-bottom : 15px      ;
          padding-top   : 10px      ;
          text-align    : left      ;
          width         : 50em      ;
        } /* fin de style fieldsetGH */
        
        .legendeGH {
          background-color : #FFFFCC      ;
          border           : 1px solid    ;
          border-color     : #525787      ;
          color            : #08294d      ;
          font-family      : arial        ;
          font-size        : 80%          ;
          font-weight      : bold         ;
          padding          : 0.2em 0.5em  ;
          text-align       : left         ;
        }
        
        .legendeO {
          background-color : #FFFFCC      ;
          border           : 1px solid    ;
          border-color     : #525787      ;
          color            : #08294d      ;
          font-family      : arial        ;
          font-size        : 160%          ;
          font-weight      : bold         ;
          padding          : 0.2em 0.5em  ;
          text-align       : left         ;
        }
        
        .noir  { color : black }
        .court60p { width : 60% }
        .court70p { width : 70% }
        .court80p { width : 80% }
        
        /* 10 juin 2010 pour Aspw */
        .fond_aspw    { background-color: #c3d3e6;  }
        .bleu_ardoise { background-color: #c3d3e6;  }
        
        /* 12 juin 2010 pour Stim */
        
        .orange_stim  { color : #FF6600 ; }
        .sansgras     { font-weight : normal }
        
        /* 2 juillet 2010 pour LEAPdb */
        
        .fond_orange    { background-color: #FFCC99 ;  }
        .of { overflow : auto }
        
        /* 18 octobre 2010, après réflexion */
        
        a:hover  { background-color : yellow ;
                   text-decoration : none ;
                   color : #880000 ;
                   border-color : white ;
                   border-style : solid ;
                   border-width : thin  ;
                   padding : 0px ;
        }
        
        .cligne  { text-decoration : blink }
        
        /* 15 novembre pour Farcompr */
        
        .taille4enbleu { font-size : 4ex ; color : blue }
        .taille4 { font-size : 4ex ; }
        .taille4 { font-size : 4ex ; }
        .taille3 { font-size : 2em ; }
        .taille3x { font-size : 3ex ; }
        
        /* pour Christophe (et pour qu'elle revienne !) */
        
        .aline { text-indent : 1cm }
        
        /* pas de <dl compact> en strict, on "bricole" */
        
        .dtcompact  { float : left ; padding : 0 }
        .dlcompact  { float : left ; padding : 0 }
        
        .dl.table-display {
        width: 41.1em;
        margin: 2em 0;
        padding: 0;
        }
        
        .table-display dt {
        width: 15em;
        float: left;
        margin: 0 0 0 0;
        padding: .5em;
        }
        
        /* hack de commentaire avec un antislash pour ie5 mac \*/
        dt { clear: both; }
        /* end hack */
        
        .table-display dd {
        float: left;
        width: 24em;
        margin: 0 0 0 0;
        padding: .5em;
        }
        
        .bgcolor_noir_encadre   { border : solid 1px ; background-color: #000000 ; }
        
        /* pour drag and drop */
        
        .drapeau { display : block }
        
        /* pour bfc */
        
        .fond_bleu   { background-color: blue ; }
        .fond_vert   { background-color: green ; }
        .fond_jaune  { background-color: yellow ; }
        .fond_orange { background-color: orange ; }
        .fond_rouge  { background-color: red ; }
        
        .bord_fin { border : solid 1px }
        .paliste { list-style : none }
        .blockwidth200 { display : block ; width : 200px ; float : left ; z-index : 2 ; margin : 5px ; padding : 5px ; vertical-align : middle ; height : 150px }
        .floatclear { clear : both ; }
        
        
        .rien {
         text-decoration  : none ;
         border-style     : none ;
        }
        
        /* pour Datasets */
        
        .reliureb   { background-image:url("reliureb.jpg") }
        .fond_blanc { background-color: white   ; }
        .en_blanc   { color: white   ; }
        .moitie     { width : 50% }
        .troisQuarts    { width : 75% }
        
        /* hélas, ".tiret      { list-style-type : hyphen }" n'existe pas ! */
        
        ul.tirets {
         list-style-type : none
        } /* fin de ul.tirets */
        
        li.tirets:before {
         content : "- "
        } /* fin de li.tirets:before */
        
        .nobold { font-weight : normal }
        
        .sansrc { white-space : nowrap }
        
        .bordImage {  border : thin solid ; float : left }
        .finFloat {  float : none }
        
        .dixPct { width : 05% }
        .quinzePct { width : 15% }
        .demiLargeur { width : 50% }
        .troisquarts { width : 75% }
        .troisQuarts { width : 75% }
        .unQuart { width : 25% }
        .unTiers { width : 33% }
        .opaque { opacity : 0.2 }
        .nonopaque { opacity : 1 }
        .bordure { border : thin solid ; padding : 3px }
        .cadreGALG { border: thin solid ; background-color: #DDDDDD ; padding : 10px }
        .cellpad50 { padding : 50px ; width : 100% }
        .padding20 { padding : 20px ; }
        .spacing20 { border-spacing : 20px ; }
        
        .over { text-decoration-line : overline ; text-decoration-color : #113E16 }
        
        .disque { list-style-type : disc ; color : black ;}
        

 

 

retour gH    Retour à la page principale de   (gH)