body
{
    padding: 0px;
    margin: 0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;    
}
.main_cadron,.head_cadron,.pub_cadron,.photo_1,.photo_2,.photo_3,.photo_4,.menu_in_the_middle
{
    width: 762px;  
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #808080;
    border-left-color: #808080;
}
/*  ------------------------------ */
.Back_Top1,.Back_Bottom1,.Back_Top2,.Back_Bottom2,.Back_Top3,.Back_Bottom3,.Back_Top4,.Back_Bottom4
{
   width: 764px;  
}
.Back_Top1
{
   background-image:url(Images/top_ksar.jpg);
   background-position:top;
   background-repeat:no-repeat;
   min-height:340px;
}
.Back_Bottom1
{
    background-image: url(Images/bottom_ksar.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 469px;
    padding-bottom: 120px;
}
.Back_Top2
{
   background-image:url(Images/top_madina.jpg);
   background-position:top;
   background-repeat:no-repeat;
   min-height:380px;  
}
.Back_Bottom2
{
    background-image: url(Images/bottom_madina.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 113px;
    padding-bottom: 120px;
}
.Back_Top3
{
   background-image:url(Images/top_zaouia.jpg);
   background-position:top;
   background-repeat:no-repeat;
   min-height:340px;
}
.Back_Bottom3
{
    background-image: url(Images/bottom_zaouia.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 578px;
    padding-bottom: 120px;
}
.Back_Top4
{
   background-image:url(Images/top_bohaira.jpg);
   background-position:top;
   background-repeat:no-repeat;
   min-height:375px;
}
.Back_Bottom4
{
    background-image: url(Images/bottom_bohaira.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 511px;
    padding-bottom: 120px;
}

/*  -------------------- Only for the default page  ---------- */
.main_cadron_Bottom
{
    background-position: bottom;
    background-image: url(Images/bottom_main.jpg);
    background-repeat: no-repeat;
    width: 764px;
}
.main_cadron_Top
{}
.main_repeater
{
    background-image: url(Images/main-repeater.jpg);
    background-repeat:repeat-y;
    width: 764px
}
/*  ------------------------------ */

.head_cadron
{
    border-top-style: solid;
    border-top-width: 1px;    
    border-top-color: #808080;
    height: 18px;
    background-color: #FFFFFF;
}
.tehta
{  text-align: center;
    }

.top_principal
{
   
    background-image:url(Images/main_back.jpg);
    background-repeat:repeat-x;
}


.first_head_main
{
    width: 762px;
    height: 76px;
    background-image: url(Images/first_head_main.jpg);
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.head_cadron_main
{   width:762px; height:18px;
    background-image: url(Images/head_cadron_main.png); 
    background-repeat:no-repeat;   
}

.pub_cadron
{   height:320px;
    background-image: url(Images/pub_cadron.jpg); 
    background-repeat:repeat-y;   
}
.bar_cadron
{
    width:762px; height:32px;
    background-image: url(Images/bar_cadron.png); 
    background-repeat:no-repeat;   
}
.foot_cadron
{
    width:762px; height:11px;
    background-image: url(Images/foot_cadron.png); 
    background-repeat:no-repeat;   
}
.foot
{
    width:762px;
 
    background-image: url(Images/foot.jpg); 
    background-repeat:no-repeat; 
}
.photo_1 /* El Kasr   */
{   width:762px; height:198px;
    background-image: url(Images/pub_ksar.jpg); 
    background-repeat:repeat-y;   
}
.photo_4  /* Lake */
{    height:200px;
    background-image: url(Images/pub_lake.jpg); 
    background-repeat:repeat-y;   
}
.photo_3 /* Zaouia */
{   height:320px;
    background-image: url(Images/pub_zaouia.jpg); 
    background-repeat:no-repeat;  
}
.photo_2  /* temacine ville */
{    height:270px;
    background-image: url(Images/pub_madina.jpg); 
    background-repeat:no-repeat;  
}

.menu_element
{
    cursor: pointer;
    border-bottom-style: dotted;
    border-bottom-color: #0066FF;
    border-bottom-width: 1px;
}

.menu_in_the_middle
{
    background-image: url(Images/menu_in_the_middle.jpg);
    width: 762px;
    height: 29px;
    text-align: left;
    background-repeat: no-repeat;
    padding-top: 4px;
}
.button_in_menu
{
    margin: 2px 2px 4px 4px;
}
.pnud
{
    margin-right: 10px;
}

/* ----------------------------------Divs  Titres             */  
.titres_1,.titres_2,.titres_3,.titres_4
{   height: 50px;
    width: 500px;
    background-repeat: no-repeat;
}
.titres_1 {  background-image: url(images/titres_1.png); }
.titres_2 {  background-image: url(images/titres_2.png); }
.titres_3 {  background-image: url(images/titres_3.png); }
.titres_4 {  background-image: url(images/titres_4.png); }

.pied_de_page
{
      height :18px;
      width: 500px;
      background-repeat:repeat-x;
      background-image: url(images/pied_de_page.png);
        
    }


/* -----------------------------------------------------------*/  
.sep-b
{
    background-image: url(images/sep-b.png);
    height: 14px;
    width: 372px;
    background-repeat: no-repeat;  }
    
    
   .about
        {
            color: #6E6E6E;
        }
/* ------------------------------------- Album Photos ----------------------*/          
.album_head
{ background-image: url(images/album_head.jpg);
  height: 255px;
  width: 764px;
  background-repeat: no-repeat;  
}
.album_repeater
{   background-image: url(Images/album_repeater.jpg);
    background-repeat:repeat-y;
    width: 764px;
}
.album_top
{
    background-position: top;
    background-image: url(images/album_top.jpg);
    min-height: 277px;
    width: 764px;
    background-repeat: no-repeat;
}
    
.album_bottom
{
    background-position: bottom;
    background-image: url(images/album_bottom.jpg);
    min-height: 128px;
    width: 764px;
    background-repeat: no-repeat;
}
/* ------------------------------------- map Photos ----------------------*/          
.map_head
{ background-image: url(images/map_head.jpg);
  height: 255px;
  width: 764px;
  background-repeat: no-repeat;  
}
.map_repeater
{   background-image: url(Images/map_repeater.jpg);
    background-repeat:repeat-y;
    width: 764px;
}
.map_top
{
    background-position: top;
    background-image: url(images/map_top.jpg);
    min-height: 272px;
    width: 764px;
    background-repeat: no-repeat;
}
    
.map_bottom
{
    background-position: bottom;
    background-image: url(images/map_bottom.jpg);
    min-height: 128px;
    width: 764px;
    background-repeat: no-repeat;
}
/* ------------------------------------- meteo Photos ----------------------*/          
.meteo_head
{ background-image: url(images/meteo_head.jpg);
  height: 255px;
  width: 764px;
  background-repeat: no-repeat;  
}
.standard_repeater
{   background-image: url(Images/meteo_repeater.jpg);
    background-repeat:repeat-y;
    width: 764px;
}
.meteo-main
{
    background-position: top;
    background-image: url(images/meteo-main.jpg);
    min-height: 421px;
    width: 764px;
    background-repeat: no-repeat;
}
    

/* ------------------------------------- sat Photos ----------------------*/          

.sat_repeater
{   background-image: url(Images/sat_repeater.jpg);
    background-repeat:repeat-y;
    width: 764px;
}
.sat_top
{
    background-position: top;
    background-image: url(images/sat_top.jpg);
    min-height: 691px;
    width: 764px;
    background-repeat: no-repeat;
}
    
.sat_bottom
{
    background-position: bottom;
    background-image: url(images/sat_bottom.jpg);
    min-height: 319px;
    width: 764px;
    background-repeat: no-repeat;
}
/* ------------------------------------- contacts Photos ----------------------*/          
.contacts_head
{ background-image: url(images/contacts_head.jpg);
  height: 255px;
  width: 764px;
  background-repeat: no-repeat;  
}
.contacts_top
{
    background-position: top;
    background-image: url(images/default_top.jpg);
    min-height: 372px;
    width: 764px;
    background-repeat: no-repeat;
}
    
.contacts_bottom
{
    background-position: bottom;
    background-image: url(images/default_bottom.jpg);
    min-height: 128px;
    width: 764px;
    background-repeat: no-repeat;
}
/* ------------------------------------- default Photos ----------------------*/          

.default_top
{
    background-position: top;
    background-image: url(images/default_top.jpg);
    min-height: 185px;
    width: 764px;
    background-repeat: no-repeat;
}
    
.default_bottom
{
    background-position: bottom;
    background-image: url(images/default_bottom.jpg);
    min-height: 130px;
    width: 764px;
    background-repeat: no-repeat;
}
.default_repeater
{   background-image: url(Images/default_repeater.jpg);
    background-repeat:repeat-y;
    width: 764px;
}

.image-elu
{ border: 2px solid #FFFFFF; 
  width: 73px; 
  height: 60px; 
  margin-top: 7px; 
  margin-left: 7px;
  margin-right: 7px;
    
    }