body {
    margin: 0px;
    padding: 0px;   
    font-family:"Arial","Courrier New","Times New Roman";

}

#header {
    width: 100%;
    height: 141px;
    background-image:url('bg_01.png');   
}

 

#page {
    width: 100%;
    position: absolute;
    top: 128px;
}
#content {
    margin-top: 55px;
    width: 100%;
    min-height: 400px;
    position: relative;
}


.couverture {
	width: 100px
}


.sommaire   {
color: rgb(51, 51, 51); 
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; 
font-size: 15px; 
font-style: normal; 
font-variant-ligatures: normal; 
font-variant-caps: normal; 
font-weight: 400; 
letter-spacing: normal; 
orphans: 2; 
text-align: start; 
text-indent: 0px; 
text-transform: none; 
white-space: normal; 
widows: 2; 
word-spacing: 0px; 
-webkit-text-stroke-width: 0px; 
background-color: white; 
text-decoration-thickness: initial; 
text-decoration-style: initial; 
text-decoration-color: initial; 
display: inline !important; 
float: none;
} 



th, td {
border: 1px solid;
}
  
/*         IMAGE DE HEADER = LOGO KUQ      */
#logo {
    position: absolute;
    top: 8px;
    left: 24px;
    width: 400px;
    height: 141px;
    background-image:url('esperanto-gironde-banniere-400x141.png');
    background-repeat:no-repeat;    
}


/* ==== SI GRAND ECRAN NON MOBILE SUP 481px ====     */
@media screen and (min-width: 481px) {



#center {
    position: absolute;
    top:0px;
    left: 10px;
/*     right: 400px;  */
}
 
}

/*    === DEBUT ECRAN MOBILE MAX 480px SUPP LEFTCOLUMN  ======   */
@media screen and (max-width: 480px) {



#center {
    position: absolute;
    top:0px;
    left: 10px;
}
  
}
/* === FIN ECRAN MOBILE  ==== */




/* === DEBUT PETIT ECRAN MAX 960   ==== */

@media (max-width: 960px) {
  
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
        
  
}