body {
        position: absolute; 
        width: 1000px;
        color: #000000; /* #000000; */
        background-color: #FFFFFF; /* #EFF2F7; */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0px;
        padding: 3% 2% 3% 2%;
        text-align : justify;
        font-size: 14px; }

 h1 {
	font-size: 200%;
	font-weight: bold; 
	text-align: center;
	color:   #204080; /* rgb(51, 0, 153);  */ }

 h2 {
	font-size: 150%;
	font-weight: bold;
	color:  #41AE84; /* rgb(65,174,132); */ }

 h3 {
	font-size: 100%;
	font-weight: bold;
	color:   #000000; /* rgb(150, 0, 0); */ }

:link {
  	color: #0000AA; }
:visited {
  	color: #0000AA; }
:active {
  	color: #8800AA; }
  	
 .ident1 {
	margin-left: 40px; }

 .text-cent {
	text-align: center; }

 .date-news {
	 color: rgb(153, 51, 153);
	 font-size: 80%; }

 .col-red {
	color: red; }

 .col-violet {
	color: rgb(153, 51, 153); }

 .col-gray {
	color: rgb(50, 50, 50); }

 .ft-size1 {
	font-size: 120%}

 .contact {
	font-family: monospace;
	font-style: italic;
	text-align: right;
	font-size: 80%}

 ul.list-news {
	font-size: 100%;
	line-height: 1.5em; }

 ul.list1 {
	margin-top:2pt;
	margin-bottom:5pt; }

 ul.list2 {
	line-height: 1.5em; }

 .saut1-ligne {
        margin-bottom: 0.5em; }
        
/* centrer du texte sur une colonne pas trop large */
#main {
float:center;
width:600px;
margin-left: 40px;
}
        
/* menus deroulant */  
#menu a {
    display: block;  
    color: #fff;  
    text-decoration:none;  
}  
#menu > li,  
#menu > li li {  
    position: relative; 
    display: inline-block;  
    width: 115px;  /* largeur des menus 115 */
    padding: 6px 15px;  /* The CSS padding properties = space between  border and content. 6px 15px*/
    background-color: #777;  
    background-image: linear-gradient(#248, #248 50%, #248 50%,#248);  
}  
#menu > li li { background: transparent none; }  
#menu > li li a { color: #248;         text-align : left;}  /* couleur du texte qui se déroule des menus déroulants */
#menu > li li:hover { background:#eee; }  
#menu > li:first-child {  
    /*border-right: 1px solid #777;  
    border-radius: 8px 0 0 8px; */ 
}  
#menu > li + li {  
    border-left: 1px solid #aaa;  
    border-right: 1px solid #777;  
}  
#menu > li:last-child {  
    border-right:0;  
    border-left: 1px solid #aaa;  
    /*border-radius: 0 8px 8px 0 ;  */
}  
#menu > li:hover {  
    background-color: #999;  
    background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);  
}  
/* (presque) fin de la partie positionnement/déco */  
/* dans cette déclaration, on fixe le max-height */  
#menu ul {  
    position: absolute;  
    top: 2em; left:0;  
    max-height:0em;  
    margin:0; padding:0;  
    background-color:#248;  
    background-image: linear-gradient(#fff,#ddd);  
    overflow:hidden;  
    transition: 1s max-height 0.3s;  
    /*border-radius: 0 0 8px 8px;  */
}  
/* ici on change la valeur de max-height au :hover */  
#menu > li:hover ul {  
    /* need an adaptation, lower is better, but see it large   */  
    max-height:50em;  /* hauteur maximum du menu déroulant */
}