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:30px;
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:fixed;
float:right;
height:80px;
margin-top:0%;
margin-left:25%;
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;
}



a.blanc{
text-decoration:none;}

section.posts {

margin-left:28%;
margin-top:3%;
/*margin-bottom:25%;*/
/*height:50%;*/
 float: center;
 width: 70%;

 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");*/}




aside.chapitres{
position: fixed;
float: left;
margin-top: 3%;
padding: 20px;
color: black;
width:300px;
height: 600px;
overflow: scroll;
background-color:#ffffee;
/*background-color:#00BFFF;*/}




ul.menu-chapitres  {
margin-top : 10px;
margin-bottom : 10px;
width : 300px;


text-align : left;
/*border-style:solid;*/
/*background-color:#ff0000;*/


}



ul.menu-chapitres  li a {
margin-top : 10px;
margin-bottom : 10px;
padding :8px 10px 8px 10px;
line-height :2.5em;
text-align : center;
/*border-style:solid;*/
/*background-color:#6400ff;*/

/*overflow:hidden;*/
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}


.menu-chapitres li{

margin-left :2px;
list-style: square;

padding :8px 10px 8px 10px;
font-size :1em;
}

/*ul.menu-chapitres li:{
background-color: #65537A;
background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}*/


.menu-chapitres li:hover {

background-color:#649500;
}

ul.menu-chapitres li ul{

visibility:hidden;}

.menu-chapitres  ul li:hover{
background-color:#649500;

}


h3 {text-align: center;}
p{
text-align : justify;
line-height: 2em;}

.niveau3 {
color : #000000;}



.menu-chapitres li ul li.themes:hover  {
display:block;
}



.cellule-06{
width:80px;
height:50px;
text-align:center;
font-size:35px;
color: blue;
}

.cellule-07{
width:80px;
height:50px;
text-align:center;
font-size:35px;
color: red;
}

.cellule-08{
width:80px;
height:50px;
text-align:center;
font-size:35px;
background-color: green;
}
#afficher{
font-size:35px;}