/* ------------- debut menu CSS ---------------- */

/* SAlut lila */
/* ceci et CSS que 'utilise pour les menu dans notre site www.ranahna.dz */
/* en lisant le code tu va comprendre le pricipe du CSS, j'ai garder les commentaire d'origine, je c que t a un bon niveau d'anglais. */
/* si tu utilise dreamweaver pour l'editer ca te facilitera la tac he ennormement */
/* n'hesite pas a me contacter  en cas de pblm, ok */


/* Display all <a> tags as block-level items */
#menu a { display: block; }

/* Set margin and padding to 0px and remove bullets from all list items */
#menu ul { 
  padding:    0px;
  margin:     0px;
  list-style: none;}

/* Move sub menu items off the screen and out of view until called */
#topMenu li ul {
  position: absolute;
  left:     -999em;}

/* Display sub menus when the mouse hovers over the top menu item (Used by JavaScript) */
#topMenu li:hover ul, #topMenu li.showMenu ul { left: auto; }

#menu {
	/*  background-color: #CC0000;   Background color of top menu */
  font-family:Verdana, Arial, Helvetica, sans-serif;  /* Font used for all menu items */
  font-size: small;  /* Font size of all menu items */
  height: 30px;  /* Height of top menu items */
  line-height: 30px;  /* Line height of top menu items (vertically adjust text) */
  margin: auto;  /* Centers menu on page */
  width: 500px;  /* Width of top menu (must be set to center menu on page) */}

#menu li { float: left; }  /* Display top menu items horizontally from left to right */

#topMenu a { 
  border: 0px;  /* Put border around all menu items */
  border-right-width: 0px;  /* Remove right border from all menu items (to stop double borders between top menu items) */
  text-decoration: none;  /* Remove underline from all menu item links */
  padding-left: 0px;
  padding-right: 21px;
  /* width: 120px;   Top menu item width (adjusted from 150px to account for border width) */}

/* Top Menu Link Presentation */
.topMenuPrsLink a {
  /* background-image:url(images/background1.gif);  pour afficher une images d'arrier plan du menu */
  color: #000000;  /* Set color of top menu text */
  font-weight: bold;  /* Make top menu text bold */}

.topMenuPrsLink a:hover {
  color: #CC6600;
  font-weight: bold;}
  
.topMenuPrsLink a:active {
  color: #CC6600;
  font-weight: bold;}

.topMenuPrsLink a:visited {
  /* color: #000000; Set top menu rollover text color */
  font-weight: bold;}

.topMenuPrsLink a#lastMenu { 
  border-right-width: 1px;  /* Add right border to last top menu item */}

/* Sub menu Link Presentation*/
.subMenuPrs {  
  background-color: #FF6600;  /* Set the background color of the sub menus */
  border-left: 1px solid #FF6600;  /* Add the right border back to the sub menus */
  border-bottom: 1px solid #FF6600;
  width: 220px; /* Set the width of the sub menus */
  text-align:left;}

.subMenuPrs a {
  background-color: #FF6600;
  color: #FFFFFF;  /* Set the font color of the sub menu items */
  font-weight: normal;  /* Return the font weight to normal for sub menu items */
  height: 25px;  /* Set the height of the sub menu items */
  line-height: 25px;  /* Set the line height of teh sub menu items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub menu link to -1px to remove double borders */}

.subMenuPrs a:hover {
  background-color: #FF8C40;  /* Set sub menu rollover background color */
  color: #FFFFFF;  /* Set sub menu rollover text color */}

.subMenuPrs a:visited { color: #CCCCCC;  /* Set sub menu rollover text color */}

/* -- Fin Top Menu Presenatation*/


/* Top Menu Link Projets */
.topMenuPrjLink a {
  color: #000000;  /* Set color of top menu text */
  font-weight: bold;  /* Make top menu text bold */}

.topMenuPrjLink a:hover {
  color: #CC6600;
  font-weight: bold;}

.topMenuPrjLink a:active {
  color: #CC6600;
  font-weight: bold;}

.topMenuPrjLink a:visited {
  /* color: #000000; */
  font-weight: bold;}

.topMenuPrjLink a#lastMenu { border-right-width: 1px;  /* Add right border to last top menu item */}


/* Sub menu Link Projets*/
.subMenuPrj {  
  background-color: #660099;  /* Set the background color of the sub menus */
  border-left: 1px solid #660099;  /* Add the right border back to the sub menus */
  border-bottom: 1px solid #660099;
  width: 220px; /* Set the width of the sub menus */
  text-align:left;}

.subMenuPrj a {
  background-color: #660099;
  color: #FFFFFF;  /* Set the font color of the sub menu items */
  font-weight: normal;  /* Return the font weight to normal for sub menu items */
  height: 25px;  /* Set the height of the sub menu items */
  line-height: 25px;  /* Set the line height of teh sub menu items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub menu link to -1px to remove double borders */}

.subMenuPrj a:hover {
  background-color: #7D26A8;  /* Set sub menu rollover background color */
  color: #FFFFFF;  /* Set sub menu rollover text color */}

.subMenuPrj a:visited { color: #CCCCCC;  /* Set sub menu rollover text color */}
/* -- Fin Top Menu Projets*/


/* Top Menu Link Gallerie */
.topMenuGPLink a {
  color: #000000;  /* Set color of top menu text */
  font-weight: bold;  /* Make top menu text bold */}

.topMenuGPLink a:hover {
  color: #CC6600;
  font-weight: bold;}

.topMenuGPLink a:active {
  color: #CC6600;
  font-weight: bold;}

.topMenuGPLink a:visited {
  /* color: #000000; */
  font-weight: bold;}

.topMenuGPLink a#lastMenu { border-right-width: 1px;  /* Add right border to last top menu item */}

/* Sub menu Link Gallerie*/
.subMenuGP {  
  background-color: #009900;  /* Set the background color of the sub menus */
  border-left: 1px solid #009900;  /* Add the right border back to the sub menus */
  border-bottom: 1px solid #009900;
  width: 175px; /* Set the width of the sub menus */
  text-align:left;}

.subMenuGP a {
  background-color: #009900;
  color: #FFFFFF;  /* Set the font color of the sub menu items */
  font-weight: normal;  /* Return the font weight to normal for sub menu items */
  height: 25px;  /* Set the height of the sub menu items */
  line-height: 25px;  /* Set the line height of teh sub menu items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub menu link to -1px to remove double borders */}

.subMenuGP a:hover {
  background-color: #66BB66;  /* Set sub menu rollover background color */
  color: #FFFFFF;  /* Set sub menu rollover text color */}

.subMenuGP a:active {
  background-color: #66BB66;  /* Set sub menu rollover background color */
  color: #FFFFFF;  /* Set sub menu rollover text color */}

.subMenuGP a:visited { color: #CCCCCC;  /* Set sub menu rollover text color */}
/* -- Fin Top Menu Gallerie*/


/* Top Menu Link Partenaires */
.topMenuPrtLink a {
  color: #000000; 
  font-weight: bold;}

.topMenuPrtLink a:hover {
  color: #CC6600;
  font-weight: bold;}

.topMenuPrtLink a:active {
  color: #CC6600;
  font-weight: bold;}

.topMenuPrtLink a:visited {
  /* color: #000000; */
  font-weight: bold;}

.topMenuPrtLink a#lastMenu { border-right-width: 1px;  /* Add right border to last top menu item */}

/* Sub menu Link Partenaires*/
.subMenuPrt {  
  border-left: 1px solid #FFCC00;  /* Add the right border back to the sub menus */
  border-bottom: 1px solid #FFCC00;
  width: 120px; /* Set the width of the sub menus */
  text-align:left;}

.subMenuPrt a {
  background-color: #FFCC00;
  color: #FFFFFF;  /* Set the font color of the sub menu items */
  font-weight: normal;  /* Return the font weight to normal for sub menu items */
  height: 25px;  /* Set the height of the sub menu items */
  line-height: 25px;  /* Set the line height of teh sub menu items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub menu link to -1px to remove double borders */}

.subMenuPrt a:hover {
  background-color: #FFE77F;  /* Set sub menu rollover background color */
  color: #888888;  /* Set sub menu rollover text color */}

.subMenuPrt a:visited { color: #AAAAAA;  /* Set sub menu rollover text color */}
/* -- Fin Top Menu Patenaires*/


/* Top Menu Link Contact */
.topMenuCtcLink a {
  color: #000000;  /* Set color of top menu text */
  font-weight: bold;  /* Make top menu text bold */}

.topMenuCtcLink a:hover {
  color: #CC6600;
  font-weight: bold;}

.topMenuCtcLink a:active {
  color: #CC6600;
  font-weight: bold;}

.topMenuCtcLink a:visited {
  /* color: #000000; */
  font-weight: bold;}

.topMenuCtcLink a#lastMenu { border-right-width: 1px;  /* Add right border to last top menu item */}

/* Sub menu Link Contacts */
.subMenuCtc {  
  background-color: #CC0000;  /* Set the background color of the sub menus */
  border-left: 1px solid #CC0000;  /* Add the right border back to the sub menus */
  border-bottom: 1px solid #CC0000;
  width: 120px; /* Set the width of the sub menus */
  text-align:left;}

.subMenuCtc a {
  background-color: #CC0000;
  color: #FFFFFF;  /* Set the font color of the sub menu items */
  font-weight: normal;  /* Return the font weight to normal for sub menu items */
  height: 25px;  /* Set the height of the sub menu items */
  line-height: 25px;  /* Set the line height of teh sub menu items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub menu link to -1px to remove double borders */}

.subMenuCtc a:hover {
  background-color: #E57F7F;  /* Set sub menu rollover background color */
  color: #FFFFFF;  /* Set sub menu rollover text color */}

.subMenuCtc a:visited { color: #CCCCCC;  /* Set sub menu rollover text color */}
/* -- Fin Top Menu Contacts -- */