h1.Titre                  { grid-area               : Titre               ; }  
section.presentation      { grid-area               : present             ; }
section.CD1               { grid-area               : CD1                 ; } 
section.CD2               { grid-area               : CD2                 ; } 
section.CD3               { grid-area               : CD3                 ; } 
section.CD4               { grid-area               : CD4                 ; } 
section.CD5               { grid-area               : CD5                 ; } 
section.CD6               { grid-area               : CD6                 ; }
h3.CD                     { text-align:center;}
/* pour toute section de class commençant par CD */
section [class^="CD"]     { 
                            display                 : flex                ;
                            justify-content         : space-evenly        ;
                            flex-direction          : column              ; /* haut vers bas */
                            flex                    : 1 1 auto            ;
                            flex-wrap               : wrap                ; 
                            background              : lightgray           ;
                            padding                 : 5px                 ;
                            text-align              : center              ;
                            border                  : solid 3px steelblue ;
                            border-radius           : 10px                ;
                            margin                  : 0% ;
                          }  

div.cadre                 { display                 : grid                ;
                            gap                     : 2%                  ; /* gap n'est pas reconnu de gedit-CSS */
                            margin-left             : auto                ; /* marge autour du cadre bleu */
                            margin-top              : 0%                  ;
                            margin-bottom           : 0%                  ;
                            padding                 : 1%                  ; /* marge interne tout autour */
                            width                   : 100%                ;
                            height                  : auto                ;
                            grid-template-columns   : 1fr 1fr 1fr         ;
                            grid-template-areas     : "Titre Titre Titre"
                                                      "present present present"
                                                      "CD6 CD5 CD4"
                                                      "CD3 CD2 CD1"       ;
                          }