a:visited /* Quand le visiteur a déjà vu la page concernée */
{
text-decoration: line-through;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
background-color: #FFCC66;
box-shadow: 0 1px 0 rgba(255,255,255,.4);
}
a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline;
color: green;
box-shadow: 0 1px 0 rgba(255,255,255,.4);
}
a /* Lien normal */
{
text-decoration: none;
color: gray;
font-style: bold;
text-decoration:;
text-shadow: 5px;

}

/*info bulle*/
a span{
     position:absolute;
     transform:scale(0) rotate(-12deg);
}

/*cree un decallage*/
a span{

     margin-top:-60px;
     margin-left:0px;
}

/*mise en forme*/

a span{

     color:#09c;
     background:rgba(0,0,0,.9);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
}

a:hover span, a:focus span{
     transform:scale(1) rotate(0);
     cursor: help;
}

a span{

     transition:all .25s;
}

a span{

     opacity:0;
}
a:hover span, a:focus span{

     opacity:1;
      transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne */
}

h1{
  text-align: center;
}

h3
{

}

/*style des paragraphes*/
p
{



}
/* lien des langues*/
.langues /* Lien normal */
{
text-decoration: none;
color: white;
font-style: normal;
}

body
{
width: 780px;
margin: auto;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f6fafb;
text-indent: 20px;
}

     #banniere
	 {

	   width:100px;
	   height:100px;
	   }

	   #entete
{
  text-indent:2px;
  font-family:arial "times new roran" ;
  font-size:5em;
  color:lime;
  background-color:black;
  text-align:left;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
  border-radius:10px;
  }
              /*************************************************** le corps*****************************************/



  .diventete


  {    text-indent:10px;
      text-align:;
      font-size:0em;
      font-family:arial "times new roman" serif;
      color:white;
      border:1px solid black;
      width:300px;
      background-color: ;
  }


    #table1 /* la table juste apres l'entete*/

    {
    text-align:center;
    color : #fff;
    border:1px solid gray;
    width:100%;
    background-color:green;


       }


             .latable1 /*class des td du tableau juste apres l'entete*/

            {
              background-color:#c9cdf0;

              color: white;
             -moz-border-radius: 11px 11px 11px 11px;
             -webkit-border-radius: 15px 15px 15px 15px;
              -moz-border-shadow:10px 10px 20px 19px;
			        border-radius:11px;
              /*border:1px solid ;*/

             }
             .latable1 a
             {
               text-align: center;
               color:gray;

             }
             .latable1 a:hover
             {
               text-align: center;
               color:green;

             }


             .latable2 /*class des tr du tableau aveclogo*/

            {

             -moz-border-radius: 11px 11px 11px 11px;
             -webkit-border-radius: 15px 15px 15px 15px;
              -moz-border-shadow:10px 10px 20px 19px;
             border-radius:11px;
              border:1px solid #e0dadd;
              background-color:gray;


             }

                 .latable3 /*class des td du tableau de african humanities*/

            {
              background-color:white;
              font-size: 12px;
              font-weight:2px;
              color: white;
             -moz-border-radius: 11px 11px 11px 11px;
             -webkit-border-radius: 15px 15px 15px 15px;
              -moz-border-shadow:10px 10px 20px 19px;
              border-radius:11px;
              /*border:1px solid ;*/

             }
             .latable3 a
             {
               text-align: left;
               color:gray;
             }
             .latable3 a:hover
             {
               text-align: left;
               color:green;
             }


             #menu  /*class du menu*/

            {
              background-color:gray;
             -moz-border-radius: 11px 11px 11px 11px;
             -webkit-border-radius: 15px 15px 15px 15px;
              -moz-border-shadow:10px 10px 20px 19px;
              border-radius:11px;
              border:2px solid #e0dadd;

             }
             #menu a /*liens du menu*/

            {
             color: white;

             }
                #menu a:hover /*liens du menu*/

            {
             color: green;

             }

             #corps /*class du corps*/

            {
              text-indent:7px;
              font-family:"times new roman" ;
              font-size:19px;
              line-height:pt;
              float: inherit;
              text-indent: px;
              text-align: justify;
              background-color:white;
             -moz-border-radius: 11px 11px 11px 11px;
             -webkit-border-radius: 15px 15px 15px 15px;
              -moz-border-shadow:10px 10px 20px 19px;
              border-radius:11px;
              border:2px solid #e0dadd;
              padding-left: 30px;
              padding-right: 30px;
              min-height: 700px;
              margin-left: 150px;

             }

            #foot /*class du pied*/
                {
              background-color: #edfeef;
              text-align:center;
              font-family:arial "times new roman";
              padding:2px;
              margin:2px;
              border:px solid gray;
             -moz-border-radius: 10px 10px 5px 5px;
             -webkit-border-radius: 10px 10px 10px;
             -moz-border-shadow:10px 10px 10px 10px;
             margin-left:150px;
             margin-bottom:2px;

     }

     #foot a
     {
       text-decoration-color: ;
       font-size: 1em;
       font-style: italic;
       text-decoration: none;
       font-weight: bold;

     }
/* class du menu deroulant*/
        #monmenu
                {
          font-family: trebuchet ms, arial"times new roman", tahoma, verdana, sans-serif, ;
          font-size: 90%;
          font-weight:bold;
          background-color:gray;

              }
       #monmenu ul ul
       {
        display: none;
        left: 144px;
        top: -1px;
        position: absolute;
        margin:0px;
        padding: 0px;
        border: 1px solid ;
        background-color:blue;
       -moz-border-radius: 11px 11px 11px 11px;
       -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-shadow:10px 10px 20px 19px;
        border-radius:11px;
            }
       #monmenu li
       {
          list-style-type: none;
          position: relative;
          width: 150px;

          padding: 2px;
          margin: 0px;
          background-color:blue;
         -moz-border-radius: 11px 11px 11px 11px;
         -webkit-border-radius: 15px 15px 15px 15px;
          -moz-border-shadow:10px 10px 20px 19px;
          border-radius:11px;


        }

       #monmenu li:hover, #monmenu li.sfhover
       {
         background-color: lime;
       }
       #monmenu li a
       {
         text-decoration:;

       }
       #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
       #monmenu li.plus
        {
          background-position:left;
          background-repeat: no-repeat;
          border-bottom: 1px solid #B0B0B0;
        }

/*menu vertical pour les articles*/
/*couleur de fond du menu*/
#menuvertical {
    background-color:  ;
    width: auto;
}

/*supression des puces de ul et li*/


#menuvertical,
#menuvertical ol {
    list-style-type: ;
    margin: 0px;
    padding: 0px;
}

/*masquage des sous-menus par defaut*/
#menuvertical ul {
    display: none;
}
/*fixe les li principaux pour positionner les sous li ensuite*/

#menuvertical li {
    position: relative;
}

/*mise en forme des liens du menu*/
#menuvertical a {
    display: block;
    width: auto;
    height: auto;
    line-height: 30px;
    padding: 3px 10px;
    text-align: left;
    color: black;
}

/*au passage de la souris sur les lidu menu*/

#menuvertical li:hover ul {
    display: block ;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 100;
}


#menuvertical a:hover  {
   color: gray;
   font-weight: 10px;
}

/*style des elements du sous-menu*/

.submenu li{
  border-bottom: 1px solid #ccc;
}
.submenu li a{
  padding: 0px 0px;
  font-size: 13px;
  color: #2222538;
  width: 270px;
}

/*couleur des sous menu a a la selection*/
.menu-vol1 .submenu{
  background-color: rgb(00,160,240);
}

.menu-vol2 .submenu{
  background-color: rgb(00,160,240);
}

.menu-vol4 .submenu{
  background-color: rgb(00,160,240);
}

.submenu li:hover a{
  color:#EEE;
  font-weight: bold;
}

.menu-vol1  .submenu li:hover{
  background-color: rgb(210,77,60);
}
.menu-vol2  .submenu li:hover{
  background-color: rgb(000,115,200);
}
.menu-vol4  .submenu li:hover{
  background-color: rgb(200,165,75);
}