body{                 /* a fin que le site soit en haut  */
 padding-left: 0;
 padding-top: 5px;
 background: #b9f0d5 url(../images/bg.gif);
 }
  .header{            /* classe des informations sur l entete du site*/
 width:800px;
 height:160px;
 border: #99CC66 solid 1px;
 background: url(header.png) no-repeat center;
 }

  .footer{         /* classe des informations sur le pied du site */
 width:800px;
 height:40px;
 border: #99CC66 solid 1px;
 color:#FFFFFF;
 padding-top:15px;
 text-align: center;
 font-family: Traditional Arabic, tahoma;
 font-weight: bold;        /* texte en gras */
 font-size: 16px;
 background: url(footer.jpeg) no-repeat center;
 }

 .myright{              /*classe pour la frame droite du site */
 width:140px;
 text-align: right;
 font-family: Traditional Arabic, tahoma;
 font-weight: bold;
 font-size: 16px;
 background:#dffde;

 }
  .mybody{             /* classe pour la frame du milieu du site largeur+ couleur du fond */
 width:500px;
 background: #f0ffff;
 }
   .myleft{            /* classe pour La frame du gauche du site */
 width:160px;
  border: #99CC66 solid 1px;
  background: #dfffe3;
 }

 .menudroite{          /* classe pour tout le menu du droit */
   display: block;/* rendre le div comme boite (des rectangles une au dessous de l'autre)(bloque) */
   width: 130px;
   height: 30px;
   border-left: #99CC66 solid 1px;
   border-right: #99CC66 solid 1px;
    padding-right: 25 px;
 }
  .menudroite_top{        /* Classe pour la partie sup du menu du droit */
   display: block;/* rendre le div comme boite (rectangle)(bloque) */
   width: 130px;
   height: 30px;
   border-left: #99CC66 solid 1px;
   border-right: #99CC66 solid 1px;
    padding-right: 25 px;
    color:#FFFF66;
    padding-top:8px;
     background: url(top_menu.jpeg) no-repeat center;
 }
   .menudroite_top2{        /* Classe pour la partie sup du menu du droit */
   display: block;/* rendre le div comme boite (rectangle)(bloque) */
   width: 130px;
   height: 10px;
   border-left: #99CC66 solid 1px;
   border-right: #99CC66 solid 1px;
    padding-right: 25 px;
    padding-top:8px;
	background: #FF9966;
	border: #000000 solid 1px;
 }
 
.myright a:link{          /* couleur su lien */
  text-decoration: none;
  color: #CC3300;
   background: none;
}
 .myright a:visited{     /* couleur du lien apres la visite */
  text-decoration: none;
  color: #CC3300;
  background: none;
}
.myright a:hover{         /* pendant la selection*/
  text-decoration: none;
  color: #0066FF;
  background: #CCFFCC url(puce.gif) no-repeat right;
  border-bottom: #99CC66 solid 1px;
  border-top: #99CC66 solid 1px;
}
 /* titre des articles*/

 .titre_art{
   text-align: right;
   font-family: Traditional Arabic;
   font-size: 22 px;
   color:#0033CC;
   font-weight: bold;
   border-bottom: #FF9900 dashed 1px;
   direction: rtl;
 }
.texte_art   {
   text-align: right;
   font-family: Traditional Arabic;
   font-weight: bold;
   font-size: 16px;
	direction: rtl

 }
.lien_details{
   font-family: Traditional Arabic;
   font-size: 16px;
   font-weight:bold;
   padding-left:10px;
   }
.lien_details a:link{
font-family: Traditional Arabic;
   font-size: 16px;
   font-weight:bold;
   text-decoration:none;
   color:#990000;
   }
.lien_details a:visited{
font-family: Traditional Arabic;
   font-size: 16px;
   font-weight:bold;
    text-decoration:none;
	color:#990000;
   }
.lien_details a:hover{
font-family: Traditional Arabic;
   font-size: 16px;
   font-weight:bold;
    text-decoration:none;
	color:#00CC00;
   }