body {
height:99%;
 width: 80%;
 margin: 2px auto;
 font-family: Arial, "MS Trebuchet", sans-serif;
 text-align: center;
 background-color:#ffffff/* #90ee90; #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;
background-image:url("image201.png");*/
height:60px;
 width: 80%;
 margin: 0px auto;
 /*border: 2px solid red;*/
}

.tete{
margin:0px auto;
width: 71%;
height:60px;
color:purple;

background-color:#ffffff;}


#navMenu{
position:relative;
float:center;
height:20px;
margin-left:5%;
margin-top:5%;
margin-bottom:15%;

padding: 0;

}



#navMenu ul {

margin-left:5%;
height:80px;
  float:center;
 list-style: none;
 
 padding: 0;
 line-height:30px;

}



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

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

#navMenu ul li a{
background-color:#dd0066;/*#21177d;*/
text-align:center;
text-decoration:none;
height:50px;/*....30..*/
width:160px;
display:block;
color:#000000;
border:1px solid #FFF;
/* 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:#095228;
color:#fff;






}
#navMenu a:hover{

color:#000000;
}




section.posts {

margin-top:3%;
height:75%;
 float: center;
 width: 100%;

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


article.post {

  height:500px;
 margin-top:30px;
 background-color: #ededed;/*#87CEFA;*/
 text-align: left;
}
article.post aside {
 float: right;
 margin-top: -58px;
 width: 250px;
 height: 120px;
 background-color: green;
}
aside.post_baner p{
font-style:italic;
}

article.post p { clear: right;}



section.sidebar {
 float: right;
 width: 20%;
 height:500px;
 background-color: #d7d8fe;
/* border: 1px solid green;*/
 padding:5px;
}

section.sidebar header{

margin: 0 20px 0 0;
 padding: 15px
 }

section.sidebar nav ul {
 list-style:none;
 margin: 3px auto;
 text-align: left;
 padding:  5px;
}
section.sidebar nav ul li {
 
 margin: 3px auto;
 text-align: left;
 padding:  5px;
}

section.sidebar aside {
 width: 160px;
 height: 150px;
 margin: 10px auto;
 background-color: #fefefe;
}



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

.medium{
float: left;
width :450px;
height : 350px;
 margin: 10px 5px 30px 10px;
padding: 0px;
}


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;}

input[type="text"]{
width=200px;
border : 1px solid #d1d1d1;
padding: 2px;}



input[type="text"]:hover{

background-color:#d0e2f0;
border : 1px solid #2222;}

.colonne1{
float:left;
width:100px;
height:200px;
margin:10px;
}


.colonne2{
float:left;
width:700px;
margin:20px;}


aside{

float:right;
margin: 0px 50px 0px 100px;
padding: 10px 10px 10px 25px;
width:1000px;
height: 500px;
background-color:#efffe0;}


.aligne{
float:left;
width:10%;
height:100px;
color:#ffffff;
font-size:20px;


border : 2px solid;
border-spacing: False;
text-align:center;
background-color:#00cc66;
}

.done{
float:left;
width:10%;
height:100px;
color:#ffffff;
font-size:20px;


border : 2px solid;
border-spacing: False;
text-align:center;
background-color:#33caff;
}

.exercice{
float:left;
width:12%;
height:100px;
color:#ffffff;
font-size:20px;


border : 2px solid;
border-spacing: False;
text-align:center;
background-color:#25bb66;
}

#table-programme{
margin:10px;}

//* lorsqu'on survole les intitulés du programme */
#table-programme td:hover{
transition: all ls ease-out;
background-color:#9370DB;


/*transform: rotateX(150deg);*/
 
}


#table-programme td:hover ,td:focus {

/*text-shadow: 3px 3px 3px red; */
transform: rotate3d(1, 2, -1, 45deg);
/*transform: rotateX(150deg);*/
color:#fff;
background-color:#095228;
}



.programme{
margin:30px ;}

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



}


a.lien1 

#principale{
position:relative;
margin-top:0%;
margin-left:6%;
width:95%;
height: 600px;
background-color:#ffffff;}
}


/*.lien1 a:hover{background-color:#ffffff;}*/


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

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

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