body {
height:99%;
 width: 90%;
 margin: 2px auto;
 font-family: Arial, "MS Trebuchet", sans-serif;
 text-align: center;
 background-color: #f1f1f1; /*#4C9FE2 ;*/
}
 h1 {
color:black;
font-size:50px;
text-shadow: 2px 2px 2px #FF0000;
}

header, footer, section, aside, article { display: block; }




header.page_header {
/*background-color:#7c9953;   #B697FF;*/

height:100px;
 width: 80%;
 margin: 0px auto;
 /*border: 2px solid red;*/
}
#navMenu{
position:relative;
float:right;
height:80px;
margin:0px;
padding: 0;
}



#navMenu ul {

height:80px;
  float:center;
 list-style: none;
 
 padding: 0;
 line-height:30px;

}



#navMenu  li {
display:inline;
width:200px;

margin:0;
padding:0px;
list-style:none;
float:left;
position:relative;
background:#ffffff;
}

#navMenu ul li a{

text-align:center;
text-decoration:none;
height:50px;/*....30..*/
width:200px;
display:block;
color:#ffffff;
border:1px solid #FFF;
background-color:#21177d;
/* text-shadow:1px 1px 1px #000;*/

}

#navMenu ul ul{
position:absolute;
visibility:hidden;
top:30px;

}

#navMenu ul li:hover ul{
visibility:visible;
}

#navMenu li:hover {
background:#f0e68c;
}

#navMenu ul li:hover ul li a:hover{

background:#f0e68c;
color:#000000;

}




#navMenu a:hover{

color:#000000;
}


section.posts {

margin-left:25%;
margin-top:3%;
margin-bottom:25%;
height:50%;
 float: center;
 width: 50%;

 background-color:#f1f2fe;
 /*border: 1px solid yellow;     */
}
 /*header.posts_header {
 background-color: #abcdef;
 /*border: 1px solid green;
}*/


article.post {

  height:300px;
 margin-top:20px;
 background-color: #87CEFA;
 text-align: left;
}







footer.page_footer {
height:100px;
 clear: both;
 width: 100%;
 margin: 20px auto;
 /*border: 2px solid blue;
 background-color:#7c9953;*/
}




table { border-spacing: 2px  5px;}
th  { text-align: left;
     border:1px solid #000000;

     padding : 25px;}



td  { 
     border:1px solid #0088dd;
     padding : 15px;}

td.vert {     border: 1px solid #000000;
             text-align: center;
            background-color:#33FF74;}

td.bleu {  border: 1px solid #000000;
           text-align: center;
            background-color:#33A5FF;}






.aligne{
float:left;
width:150px;
height:100px;
color:purple;
font-size:20px;
margin:2px;
border : 2px solid;
border-spacing: False;
text-align:center;
}

#table-programme{
float:auto;
margin:30px;}

.programme{

margin:30px ;}

a.lien1{
color:#fe0000;
text-decoration: none;


}

td.aligne:hover{
background-color:#708090;}

#une{
/*background-image: url("progpy.png");*/}

#sept{
background-image: url("dictionnaire.png");}

#trois{
/*background-image: url("image01.png");*/}