*{
   margin: 0;
   padding:0;
}

body{
    background-color: #eeeeee;
    font-family: 'Arial', serif;
    font-size: 12px;
}
img{border:0;}

#logo{display: none;}


a{text-decoration: none; color: #ee9f34;}

.rub-contenu a{ padding: 0 2px;}
.rub-contenu a:hover{text-decoration: none; background-color: #ee9f34; color: #FFF;}

h1,h2, h3, h4, h5, h6{clear: both;}

h1 {font-size: 30px;}

h2{font-size: 22px; color: #FFF; }
h2 span{background: url(sts/www-azadmagazine-com/img/gbr/titre_rub.gif) no-repeat top right; padding: 2px 15px; line-height: 36px; font-weight: normal;}

h3{font-size: 18px; color: #003b64;  font-weight:normal; font-variant:small-caps; text-transform:capitalize; 
   background-color: #EEE; padding-left:5px; margin-top: 30px; margin-bottom: 10px;}

h4{font-size: 16px; color:#006f9f; font-weight:normal;}

h5{font-size: 14px; color:#006f9f; font-weight:normal;}

h6{font-size: 12px; color:#003B64;}

p, ul, ol{ margin-bottom: 0.5em; line-height: 1.5em; color: #666;}
p{text-align: justify;}

p.info{text-align: center; margin-bottom: 1em;}

hr.separation{border: 1px dotted #CCC; width: 50%; margin: auto;}

.clear{clear: both; margin: 0; height: 0px; line-height: 0px; font-size: 0px;}

.color{color: #ee9f34;}

.error{color: #990000;}

.ok{color: #008800;}




.page{background: url(sts/www-azadmagazine-com/img/gbr/bg_top_right.gif) no-repeat top right;}

#entete {background:url(sts/www-azadmagazine-com/img/gbr/bg_top.gif) no-repeat 265px 78px; height: 60px; padding-top: 30px;}

  #entete h1 {position: absolute; top: 0; left: 0;}
  #entete h1 a{display: block; width: 265px; height: 113px; background: url(sts/www-azadmagazine-com/img/gbr/logo_AZAD.jpg) no-repeat; text-indent: -1000px;}
  
  #menu{ margin-left: 490px; background:url(sts/www-azadmagazine-com/img/gbr/bg_menu.gif) no-repeat; height: 27px; padding: 3px 9px; }
  #menu li{float: left; list-style-type: none; line-height: 23px; padding: 0 10px;}
  #menu li a{font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #FFF;}
  #menu li a:hover{text-decoration: none;}
    
    #menu.menu {background-position: 0 0;}
    #menu.menu30 {background-position: 0 -37px;}
    
        
    #menu.menu60 {background-position: 0 -150px;}
    #menu.menu90 {background-position: 0 -187px;}
    #menu.menu120 {background-position: 0 -225px;}
  
#conteneur{clear: both; background: url(sts/www-azadmagazine-com/img/gbr/bg_repeat.gif) repeat-y;}

.page-in{background: url(sts/www-azadmagazine-com/img/gbr/bg_btm_right.jpg) no-repeat 935px bottom; width: 1104px;}
.page-in-in{background: url(sts/www-azadmagazine-com/img/gbr/bg_btm_left.jpg) no-repeat bottom left;}

  #contenu{float: left; width: 913px; padding: 20px 0 20px 22px; background:url(sts/www-azadmagazine-com/img/gbr/bg_top_left.gif) no-repeat top left}
    
    .rub-contenu{padding: 22px; clear: both; min-height: 300px;}
    .rub-contenu#quisommes-nous,.rub-contenu#archives{padding: 0 22px;}
      .col_left{float: left;}
      .col_right{float: left;}
    
    #nav-bar{clear: both; padding-top: 20px;}
    #nav-bar ul{margin-left: 38%;}
    #nav-bar li{ float: left; list-style-type: none;}
    #nav-bar li a{ display: block; padding: 0 3px; border: 1px solid #ccc; margin: 0 2px; color: #666; line-height: 12px; font-size: 11px;}
    #nav-bar li a:hover{ border: 1px solid #999; text-decoration: none;}
    #nav-bar li.active a{ border: 1px solid #ccc; background: #ccc; cursor: default;}
    
    #nav-bar li#first a,
    #nav-bar li#last  a{ border: none; padding: 0; margin: 0 }
    
    #nav-bar li#first span,
    #nav-bar li#last  span{ display: block; line-height: 14px; height: 15px; font-size: 11px;}
    
      #nav-bar li#first span{ background: url(sts/www-azadmagazine-com/img/gbr/btn_precedent.gif) no-repeat 0 -30px; padding: 0 4px 0 7px;}
      #nav-bar li#last  span{ background: url(sts/www-azadmagazine-com/img/gbr/btn_suivant.gif) no-repeat 100% -30px;   padding: 0 15px 0 9px;}
      
        #nav-bar li#first a:hover span{ background: url(sts/www-azadmagazine-com/img/gbr/btn_precedent.gif) no-repeat 0 -15px;}
        #nav-bar li#last  a:hover span{ background: url(sts/www-azadmagazine-com/img/gbr/btn_suivant.gif) no-repeat 100% -15px;}
      
        #nav-bar li#first.active a span{ background: url(sts/www-azadmagazine-com/img/gbr/btn_precedent.gif) no-repeat 0 0px;}
        #nav-bar li#last.active  a span{ background: url(sts/www-azadmagazine-com/img/gbr/btn_suivant.gif) no-repeat 100% 0px;}
        
        #nav-bar li#first.disabled span, #nav-bar li#first.disabled a:hover span
        { background: url(sts/www-azadmagazine-com/img/gbr/btn_precedent.gif) no-repeat 0 -30px; color: #ccc; cursor: default;}
        #nav-bar li#last.disabled  span, #nav-bar li#last.disabled  a:hover span
        { background: url(sts/www-azadmagazine-com/img/gbr/btn_suivant.gif) no-repeat 100% -30px; color: #ccc; cursor: default;}
    
  #partenaires{float: left; width: 145px;}
    #partenaires h2{background: url(sts/www-azadmagazine-com/img/gbr/titre_partenaires.gif) no-repeat; height: 22px; line-height: 22px;
                    color: #fbc681; font-size: 12px; text-align: center; font-weight: bold;}
    #partenaires a{display: block; width: 145px; text-align: center; margin: 20px 0;}
    #partenaires a img{border: 1px solid #999;}
    
    #partenaires p{color:#FBC681; margin:10px 20px; text-align:center;}
    #partenaires #cag{margin-left: 10px;}
  
  
  #pied{clear: both; height: 64px;}
    #pied ul{margin-left: 200px;margin-left:220px; padding-top:15px;}
    #pied li{ float: left; list-style-type: none; background-color:#E1E1E1;  height:19px; }
    .ie6 #pied li{ margin-top: 2px; }
    #pied ul li.first{padding-left:442px; }
    #pied li, #pied li a{ color: #999;}
    #pied li a{ padding-left: 10px; padding-right: 10px;}
    #pied li a:hover{ text-decoration: none; color: #666;}
    
    #pied li.copy{ color: #662200; background: none; padding-left: 10px;}
  
  #enigmatic{height:35px; position:absolute; text-indent:-1000px; width:115px;}
  
  
 

form{margin: 25px 0; clear: both;}

.form-no-fac{margin-left: 155px; font-style: italic; font-size: 0.9em;;}
label{ float:left; width:150px; margin-right:5px; text-align:right;}
.ie6 .color{border:none; color: #CF7A0C;}
.ie6 input.color, .ie6 textarea.color{border: 1px solid #ee9f34; border-top: 1px solid #CF7A0C; color: #000;}
.formclear{margin: 6px 0;}
.textarea{height: 150px; width: 300px;}
.button{margin-left: 150px; padding: 0 5px;}
#ecrire_contact hr.separation{border:1px dotted #CCCCCC; margin:30px 0 30px 4%; width:45%;}

#ecrire_contact .tb{margin-left: 155px; font-size: 13px;}

.resume{display: block; border: 1px solid #CCC; background-color: #F3F3F3; padding: 5px 10px; margin: 15px 0;}

  
#quisommes-nous .col_left{ width: 65%;}
#quisommes-nous .col_right{ width: 30%; margin-left: 5%}
.ie6 #quisommes-nous .col_right{ margin-left: 35px;}

.equipe-bloc{border: 1px solid #999; padding: 5px; margin-bottom: 10px;}
.equipe-bloc img{float: left; margin-right: 10px;}

.tb p span{font-size: 16px; color:#006f9f; font-weight:normal;}

#lecture {padding: 20px 35px 0 35px;}
#lecture .mag_num{margin-top: 10px; position: absolute;}


.num_liste {margin-bottom: 30px;}

#num_derniers .mag{float: left; width: 47.5%;}
#num_anciens .mag{float: left; width: 49%;}
.mag.impair{margin-left: 2%;}

.mag img{float: left; margin-right: 10px;}
.mag .mag_num{padding-top: 2px; }
.mag .mag_titre{font-size: 14px; font-weight: normal; color: #0073b9; clear: none; }
.mag .mag_sstitre{margin-top: 1em;}
  .mag .mag_sstitre p{margin-bottom: 0;}

#num_derniers .mag,
#num_anciens .mag_desc
{border: 1px solid #999;padding: 5px; margin-bottom: 10px;}

#num_anciens .mag_desc{min-height: 120px; _height: 120px;}

#num_anciens .mag_num{margin-bottom: 0; }

#num_derniers .mag:hover{background: #EEE; }
.ie6 #num_derniers .mag:hover{background: #v; }
#num_derniers a.mag_over{display: block; background-color: #FFF; padding:0 2px 0 0;}
.ie6 #num_derniers a.mag_over{ position: relative; z-index: 100;}
#num_derniers a.mag_over:hover{background-color: #FFF; _background-color: #EEE;}

.ie6 #num_derniers a.mag_over img{ position: relative; z-index: 110;}

#num_anciens a.mag_over{display: block; background: #FFF; padding:0 2px 0 0;}
#num_anciens a.mag_over .mag_desc-in{background-color: #FFF; padding: 3px 5px;}
#num_anciens a.mag_over:hover .mag_desc{background-color: #EEE;}


#contactez-nous .tb{margin-left: 155px;}