/* CSS Document */  /* projet le marocain */
/* pour tous les navigateurs  2009-11-27 */


/*---DEB  General ------*/

 @font-face {
       font-family: Matura MT Script Capitals ;
       src: url("fonts/MATURASC.TTF") ;

}

 @font-face {
       font-family: Papyrus Normal ;
       src: url("fonts/PAPYRUS.TTF") ;
}

 @font-face {
       font-family: BlackChancery ;
       src: url("fonts/BLKCHCRY.TTF") ;
}



       * { padding:0; margin:0; border:none;}
	   
	   body {
			 background:#fff url(../images/bg_body.jpg) repeat-x 0 0;
			 font-family:Arial, Helvetica, sans-serif;
			 color: #666666;
			 font-size: 12px;   
			 }
			 
	  #page { width:989px; 
	   		  margin:0 auto 45px; 
			  background:#FFFFFF;
			  border: solid 1px #80B47B; 
			 }		 
			 
	   img {border:none}
	   .clear {clear:both; height:0px; width:0px;}
	   
	   ul {list-style:none;}
	   
	   
			
	
	   h1,h2,h3,h4 , .contentheading , .componentheading ,.contentheadingjournaux {color:#73B166; font-weight:bold; margin : 8px 0px; }
	  .componentheading,  .contentheading , h1 , .contentheadingjournaux {font-size:35px; font-family: BlackChancery; font-weight:normal; text-transform: capitalize;  padding-bottom:20px;} 
	  
	  .blog .contentheading { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight:bold;  }
	   h2 {  font-size:18px; }
	   h3 {  font-size:14px; }
	   
	   hr { border-bottom: solid 0,5px #BBAC91;}
	   
	   a { color: #DF6767;  text-decoration:none; }
	   
	   a:hover { color: #70C469; text-decoration:underline; }
	   
	   /*p,ul {line-height:18px;}*/
	   .haut_page { display:block; background:url(../images/bt_haut-page.jpg) no-repeat; width:105px; line-height:26px; text-align:center; color:#006600;  font-size:12px; font-weight:bold;  }
	   
.nb { display:block; border:solid 1px #DF6767; color:#DF6767; font-size:11px;}
.ifram_jrn { border:solid 3px #DF6767; margin-left:-4px;   scrollbar-face-color: #DF6767 ;}	

#facebook  { display:block ;  background:url(../images/facebook_icone.jpg) no-repeat;  float:right; width:19px; height:19px;  position:relative; left:-23px; top:0px;  } 
	   
/*---FIN  General------*/
  
  
  
/*---DEB  entete ------*/

/* menu base : contact-partenaires-home-... */
   #menu_base { position: absolute; width:300px; height:22px; top:66px; left:562px; }
   	#menu_base ul li { float:left; display:block; }
    #menu_base ul li a { display:block; color:#3f9441 ; font-size:11px;   text-decoration:none;  padding:0 10px; border-left: dotted 1px #3f9441 ;  }

   #entete {width:100%; margin-bottom: 0px; height:108px; background:url(../images/logo_maghribi6.jpg) no-repeat 0 0; position:relative; } 
     #logo {height:36px; left:72px; position:absolute; top:22px; width:261px;}	
	 	#menu_haut   { width:100%; height:25px; line-height:25px;  position:absolute; top:83px;  background:url(../images/bg_menu-top.jpg) repeat-x 0 0 #DF6767; }
		#menu_haut ul li {float:left; display:block; background:url(../images/separ_menutop.gif) no-repeat center right ;}
		#menu_haut ul li a {display:block;   color:#fff ; font-size:14px; font-weight:bold;   text-decoration:none;  padding:0 10px;   }
		#menu_haut ul li a:hover{text-decoration:none; color:#FDFFC7 ; background: url(../images/bg_menu-top_hover.jpg) repeat-x  0 0 #e78d8d ; } 
		
		#menu_haut #sous-menu-top { position:relative; }
		#menu_haut #sous-menu-top  ul.smt { background:#DF6767 ; width:213px; z-index:100; position:absolute; top:25px; visibility:hidden; }
		#menu_haut #sous-menu-top  ul  li { float:none; background:none;  z-index:100;  }
		#menu_haut #sous-menu-top  ul  li a { background:none; font-size:11px;  z-index:100; display:block; border-top: 1px solid  #EB9B9C;  }
		#menu_haut #sous-menu-top  ul  li a:hover { background:#EB9B9C;  } 
		
		#menu_haut #sous-menu-top  ul#smt_1 { left:0px; }
		#menu_haut #sous-menu-top  ul#smt_2 { left:66px;}
		#menu_haut #sous-menu-top  ul#smt_3 { left:213px;}
		#menu_haut #sous-menu-top  ul#smt_4 { left:299px;}
		#menu_haut #sous-menu-top  ul#smt_5 { left:410px; }
		#menu_haut #sous-menu-top  ul#smt_6 { left:463px; }
		#menu_haut #sous-menu-top  ul#smt_7 { left:0px; }
		
		 .inputbox  { border:solid 1px #80B47B;}
		#rechercher { position:absolute;  background:url(../images/bg_search.jpg) no-repeat center right ; width:194px; height:20px;  top:63px; left:795px;  }
		#rechercher .inputbox  { font-size:11px; height:13px; left:65px; margin-top:1px; position:relative; top:2px; width:121px; 		 }
/*---FIN  entete ------*/



/*---DEB  contenu ------*/
  #contenu {width:100%; margin-bottom: 25px; } 
  
  #chemin_page { font-weight:bold;   padding:0.5%; width:99%; background:url(../images/bg_chemain_page.gif) repeat-x 0 0 #E6FAE3; }
     #chemin_page  a { color: #0688A4; font-size:12px; }
	 #chemin_page  a:hover { color:#DF6766; text-decoration:underline; }
  	#contenu_gauche {
					float:left;
					width: 160px; 
					padding-left:4px;
					 border-right: solid 2px #D6F0D2;  
					 border-bottom: solid 2px #D6F0D2; 
					 background:url(../images/cl_right.png) top right no-repeat;  
					}
	
	  #menu_left { border: solid 1px #80B47B; width:95%; margin:10px 0; } 
	  #menu_left li { border-bottom: dotted 1px #80B47B; width:98%; padding:2px 0 2px 1%; }
	  #menu_left li a { font-size:14px; font-weight:bold; }
	   .title_left { margin:8px 0; background:#DF6766; color : #fff; font-size:11px; font-size:15px; text-align:center; width:96%;  }
	  
	#contenu_droite {
					float:left; 
					width: 800px;
					padding: 0 11px; 
					background:url(../images/cl_right.gif) top right no-repeat; 
					} 
					
	 #contenu_droite .contentpaneopen ul { margin:10px 0 10px 10px; }
     #contenu_droite .contentpaneopen ul li {background:url(../images/puce_site.gif) no-repeat  0 2px ; margin:5px 0; padding-left:20px; }				
					
	
	#ads_336x280_double { /* background:#E6FAE3 ; */  padding:1%;  -moz-border-radius : 10pt; -webkit-border-radius:  10pt;   border-radius: 10pt; border: 2px solid #D6F0D2;  }
	
	
	
		/* #contenu_droite p  { margin : 15px 0px; }*/
					
		 .contentpaneopen object { display:block; text-align:center; }			
	 .contentpaneopen embed {  margin-top: 20px; position:relative; left:25%; /* margin-left : 190px ;    display:block; */  } 				
	 .contentpaneopen img ,	  .contentpaneopenjournaux img   { margin:5px; } 		
	 		
     #ads_bas { width:380px; margin: 10px auto;   }
	 
	 .back_button  a { display:block; background:#eee ;  width:63px; font-weight:bold; font-size:14px;  }	
	 
	 /* -- les boutons de navigation en bas d'article : suivant precedent  -- */	
	 .pagenav_next a , .pagenav_prev a , .back_button a { display:block; position:relative; text-align:center; background:url(../images/bt_navigat.jpg) no-repeat 0 0; line-height:24px; width:103px;  color:#fff;  font-weight:bold; font-size:13px;  } 
			.pagenav_next a  { left : 258px;  }   		
			.pagenav_prev a  { left : 239px; }  
			.back_button a   { left : 239px; margin-top : 31px; } 		
			
			
/* la liste des liens utiles ds info pratique : */	

   .liste_liens { margin-left : 12px; list-style-type:disc;  }
   .liste_liens li  { margin :15px 0px; }
 		
/*---FIN  contenu  ------*/

/*----spécial joomla ----*/
.category {  font-size:20px; display:block;  margin: 3px auto;  background:url(../images/bg_bt_category.gif) no-repeat bottom left #e5f9e5;
 width:635px; line-height:48px; padding-left :70px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;  color:#b60c0c;   }
 .category:first-letter { text-transform:uppercase;}
 
 .category:hover  { background:url(../images/bg_bt_category.gif) no-repeat top left #e5f9e5;  padding-left :80px;  width:625px; color:#e94e4e; text-decoration:none;  } 

.sectiontableentry2 a ,.sectiontableentry1 a  { position:relative;  display:block; font-size:15px;   background:url(../images/puce-2.gif) no-repeat center left;  
width:740px; margin-left:20px; padding-left :20px;}

.sectiontableentry2 a:hover ,.sectiontableentry1 a:hover {  background:url(../images/puce-2.gif) no-repeat center left #F5F5F5;} 
 

.content_vote { margin-bottom:20px; display:block } 
.content_rating {   } 



/* page journaux */
   .haut-page { background:url(../images/haut-page.gif) no-repeat 0 0 ; width:60px; height:60px;  opacity : 0.3; position:fixed; left:50%; top:50%; margin-top:-30px; margin-left:-30px; display:block;  z-index:123;   }  
   
   #pre-chargement1 { background:url(../images/bg_prechargement.gif) no-repeat 0 0; width: 270px; padding-left:71px;  height:29px; line-height:29px; color:#fff;  font-size:12px;  position:absolute; left: 190px ; top : -29px; font-weight:bold; } 
   #pre-chargement1  span { position:relative; top:-7px;  }
   
   
   /* box partenaires */ 
   
    #partenaire_middle .pm_title   { text-align:center; font-weight:bold; background:#E6FAE3; color : #DF6767 ; font-size:12px; line-height:25px; margin: 15px 0px; }
	    #partenaire_middle ul li  { float:left;  margin: 0 6px ; border-right: 1px dotted #ccc; padding: 2px 8px;  }



/* DEB articles les plus vue,  & dernier articles */

.moduletable_blocs-articles-dernier	 , .moduletable_blocs-articles-plusvues { width:98%; background:url(../images/bg_bottom_bloc-articles.jpg) bottom left no-repeat ; border:solid 1px #599a50; padding-bottom: 20px; height: auto !important ; min-height:  211px;  height:211px; }

.moduletable_blocs-articles-dernier h3	 , .moduletable_blocs-articles-plusvues h3 { margin:0;  line-height: 40px;  width:96%; 
padding-left:4%; padding-top:4%; background:url(../images/bg_top_bloc-articles.jpg) top left no-repeat ; color: #b21f1f; font-size: 17px;  font-family:BlackChancery; } 

.moduletable_blocs-articles-dernier	 ul  , .moduletable_blocs-articles-plusvues ul { width:94%; margin: 0 auto;  }
.moduletable_blocs-articles-dernier	 ul li  , .moduletable_blocs-articles-plusvues ul li  { margin: 5px 0;  } 
.moduletable_blocs-articles-dernier  { float:left; }
.moduletable_blocs-articles-plusvues { float:right; }	

/* FIN articles les plus vue,  & dernier articles */


/* DEB Plan du site*/
#bloc_plan-site { background:#F3FEF0; margin-top:20px; border-right: solid 1px #d1e5cb; } 
#bloc_plan-site td {border-left: solid 1px #d1e5cb; width:14%; padding-left: 2px; }
#bloc_plan-site  .ps_title3 { color: #b21f1f; font-size: 12px; font-weight:bold;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; padding:1% 0;  } 
#bloc_plan-site ul li a , #bloc_plan-site ul li { font-size:10px;  }
#bloc_plan-site ul  {margin-left:2px; } 
#bloc_plan-site ul li { margin:5px 0px;}
/* FIN  Plan du site */

		

/*----spécial joomla ----*/
/*---DEB  pied ------*/
#pied {width:100%; position:relative; text-align:center; border-top:solid 1px #80B47B; } 					 
/*---FIN  pied ------*/