html>body {
font-family:Arial, Helvetica,  'lucida console', Geneva, sans-serif, verdana;  
margin-left:auto;
margin-right:auto;
width: 990px;
text-align:center;
padding-top:0;
padding-bottom:0;
color:       #333;
margin-top:0;
}

body {
padding-top:0;
margin-top:0;
margin-left:auto;
margin-right:auto;
text-align:center;  
}

.border_all {
width:990px;
height:100%; 
background: url(../images/border_all.png) repeat-y top center;

}

td,p,div,tr {
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size:   12px;
color:       #000000;
font-style:normal;
}

.container {
width: 770px;
height:100%;
margin:4px 0 ;
padding:0;
}

#header {
margin-top: 0;
background: url(../images/barre_haut.png) repeat-x top center;     
width:960px;
height: 92px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:20px;
}

#logo {
width:216px;
padding-top: 10px; 
padding-left: 4px;
float:left;
background: url(../images/back_logo.png) no-repeat top right;     
}

#logo img{
float:left;
}

#banner_top {
float:right;
width:728px;
height: 90px;
padding-right:2px;

}

#navtop {
background:    url(../images/navigtop.png) repeat-x top ;
width: 960px;
height: 30px;
margin-top:5px;
padding-top:0px;
margin-left: auto;
margin-right:auto;
text-align:center;
}

#searchpos {
float:left;
padding-left:10px;
padding-top:7px;
}

#mentop {
float:left;
}

#contenu {
width:990px;
float:left;
}

#left {
width:        150px;
text-align:   left;
padding-left: 30px;
float:left;
}

#right {
width:    780px;
height:100%;
float:left;
text-align:          left;
padding-top:         15px;
margin-right:4px;
margin-left:4px;
}

/* DEBUT CSS A LA UNE */
#alaune {
	width: 586px!important;
	width: 585px;
	display:inline;
	padding-left:   0;
    padding-top:    0;
    padding-bottom: 5px;
	text-align:justify;
}

#alaune img{
	float: left;
	padding-left:   0;
    padding-right:    10px;
}
/* FIN CSS A LA UNE */


/* DEBUT CSS DERNIERS ARTICLES */

#dernart_video {
width:100%;
height:320px;
padding:0;
margin:0;
}

#dernart {
float: left;
width: 430px;
display:inline;
padding-left:   0;
margin-top:    5px;
padding-bottom: 09px;
height:300px;
}

#dernart th {
width: 430px;
color: #cc0000 ;
text-align:     left;
height:19px;
line-height:18px;
padding-left:   10px;
background-image:    url(../images/moduletitle.png);
background-repeat:   no-repeat;
background-position: top left;
	   }

#video_youtube {
float: left;
width: 330px;
padding-left:   5px;
padding-top:0;
margin-top:    15px;
margin-bottom:0;
padding-bottom:0;
height:320px;
}

/* FIN CSS PUB2 */


#newsnat_journaux {
float:left;
width:600px;
height:600px;
}

#adsense_skycraper {
float:right;
width:164px;
height:600px;
}


/* DEBUT CSS PETITES ANNONCES */

#anno_forum {
width:100%;
height:240px;
margin:0;
padding:0;
margin-bottom:4px;
}

#dernanno {
float: left;
width: 290px;
height:240px;
border: 1px  #999999 double;
background:#f5f5f5;
display: inline;
padding-top:    1px;
margin-right:5px;
}

#dernanno th {
color: #cc0000 ;
text-align:     left;
padding-left:   10px;
padding-top:    3px;
padding-bottom: 2px;
background-image:    url(../images/mod_center.gif);
background-repeat:   repeat-x;
background-position: bottom left;
font-size: 11px; 
width: 290px;
	   }
	   
#dernanno li {
line-height: 16px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow2.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}

/* FIN CSS PETITES ANNONCES */


/* DEBUT CSS FORUM */

#dernforum {
	float: left;
	width: 290px;
	height:240px;
	border: 1px  #993333 double;
	background:#f5f5f5;
	display: inline;
	padding-top:    1px;
	margin-left:5px;
}

#dernforum th {
    color: #663300 ;
   text-align:     left;
    padding-left:   10px;
    padding-top:    3px;
    padding-bottom: 2px;
	background-image:    url(../images/mod_center2.gif);
    background-repeat:   repeat-x;
    background-position: bottom left;
	font-size: 11px; 
	width: 290px;
	   }

#dernforum li {
line-height: 14px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow3.png);
background-repeat: no-repeat;
background-position: 0% 50%;
}

/* FIN CSS FORUM */




#adsense_texte_2 {
width:468px;
height:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* DEBUT CSS NEWSNAT */
#newsnat {
	float: left;
	width: 594px;
	border: 1px  #cc9966 double;
	background:#f5f5f5;
	display: inline;
	padding-top:    1px;
	margin-top:5px;
	margin-bottom:2px;
}

#newsnattitle  {
float:left;
color: #660000 ;
text-align: center;
padding-top:    1px;
background: transparent   url(../images/mod_center.gif) repeat-x top;
font-size: 11px;
font-weight:bold; 
width: 496px;
height:100%;
margin-right:2px;
	   }

#newsnarch {
float:right;
color: #660000 ;
text-align: center;
padding-top:    1px;
background:    transparent url(../images/mod_center2.gif) repeat-x top ;
font-size: 11px; 
width: 110px;
width: 90px !important;
height:100%;
	   }

div.newsnatt {
    color: #cc3300 ;
    text-align:     left;
    padding-left:   10px;
    padding-top:    1px;
    padding-bottom: 1px;
	background:    url(../images/mod_newsnat.gif) repeat-x bottom left;
    font-size: 09px; 
	width: 610px;
	height:100%;
	float:left;
	   }

#newsnat li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow2.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}
/* FIN CSS NEWSNAT */


/* DEBUT CSS priere */

#spotlight-priere {
    width:               510px;
    text-align:          center;
    padding-right:      10px;
    padding-top:         10px;
    padding-left:        10px;
}

#priere {
	width:300px;
	margin-left:150px;
	}

/* FIN CSS PRIERE */

/* DEBUT CSS METEO */

#meteo {
    width:               510px;
    text-align:          center;
    padding-right:      10px;
    padding-top:         10px;
    padding-left:        10px;
}

#meteo td {
    color: #663300 ;
	border: #CC0000;
	   }

/* FIN CSS METEO */

/* DEBUT CSS HIJRI */
#hijri {
    width:        150px;
	height: 108px;
}	
/* FIN CSS A HIJRI */

/* DEBUT CSS adsense */

#adsense1 {
padding-left: 22px;
}	
/* FIN CSS A adsense */

/* DEBUT CSS DIASHADOW */
#diashad {
	float: right; 
	width: 203px!important;
	width: 202px;
	border: 1px  #999999 double;
	background:#f5f5f5;
	display: inline;
	padding-top:    1px;
	margin-right:19px;
	}
/* FIN CSS FORUM */

#box{
margin-top:20px;
width:547px; 
    background-image: url(../images/box.png); 
    background-repeat: no-repeat;
}

#banner {
margin-top:0px;
margin-left:200px;
}

#footer{
width:990px;
height:100%; 
background: url(../images/border_footer.png) no-repeat bottom center;
margin-top:10px;
padding-bottom:16px; 
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
overflow:hidden;
}

#footer a:link, a:visited {
    color: #cc0000;
    font-weight:     bold;
    text-decoration: none;
}

/* joomla stuff */

ul#mainlevel-nav {
list-style: none;
font-size:  11px;
height:     30px;
padding-right: 10px;
}

ul#mainlevel-nav li {
float:          left;
font-size:      11px;
font-weight:    normal;
text-align:     center;
line-height:    20px;
font-family:    Verdana, Arial, Helvetica, sans-serif;
display:        block;
background:     none ;
padding-left:   15px;
}

ul#mainlevel-nav li a {
display:         block;
padding-left:    5px;
padding-right:   5px;
padding-top:     5px !important;
padding-top:     0;
text-decoration: none;
color:           #fff;
font-weight:     bold;
}

ul#mainlevel-nav li a:hover {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    text-decoration: none;
    color:           #ffcc66;
    font-weight:     bold;
	}

mainlevel-nav#active_menu {
    display: block;
    color:   #ff0000;
}

a:link, a:visited {
    color: #990000;
    font-weight:     normal;
    text-decoration: none;
}

a:hover {
    color: #330000;
}

form {
    display: inline;
    margin:  0;
    padding: 0;
}

h1 {
    font-weight: normal;
    font-size:   16px;
	color: #990000;
}

ul{
margin: 0;
padding: 0;
list-style: none;
margin-top: 05px;
}

li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}

img {
    border: none ;
}

ol {
    margin-left:        05px;
    list-style-position: inherit;
}

blockquote {
    margin: 10px;
}

pre {
    padding: 10px;
}

.contentpane {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:   11px;
    line-height: 18px;
    text-align:  left;
}

.contentpaneopen ul {
    margin-left: 10px;
}

.contentpane ul {
    margin-left: 10px;
}

table.contentpaneopen {
padding-right: 5px;
}

table.contentpaneopen p{
text-align:justify;
}

table.contentpaneopen li {
    margin-left: 40px;
}

div.moduletable {
margin-top:5px;
text-align:    left;
}

div.moduletable td {
    text-align: left;
	}

div.moduletable h3 {
    color: #ffffff;
    text-align:     left;
    vertical-align: middle;
    font-weight: bold;
    padding-left:   10px;
    padding-top:    2px;
    padding-bottom: 2px;
	margin-bottom:0;
    font-size:      11px; 
    text-transform: uppercase; 
    background-image: url(../images/moduleth.jpg); 
    background-repeat: no-repeat; 
    background-position: bottom left;
	width: 140px;     
}

.contentpaneopen fieldset {
    border: none ;
    width:  100%;
}

.contentpaneopen td {
padding:     0;
text-align:justify;
line-height: 16px;
}

.latestnews li {
    list-style-type: none;
}

.latestnews li a {
       display: inline;
}

.latestnews li a:hover {
}

.mostread li {
    list-style-type: none;
}

.mostread li a {
    display:       inline;
}

.mostread li a:hover {
}

ul.latestnews li {
    padding:     2px 2px 3px 20px;
    margin-left: 0px;
    color: #666666;
    width:       auto;
    text-align:  left;
}

.latestnews a:link {
    text-transform: lowercase;
    color: #333333;
}

.latestnews a:visited {
    color: #333333;
}

.latestnews a:hover {
    color: #990000;
}

ul.mostread li {
    margin-left: 0px;
    color: #666666;
    width:       auto;
    text-align:  left;
    padding:     2px 2px 3px 20px;
}

.mostread a:link {
    text-transform: lowercase;
    color: #333333;
}

.mostread a:visited {
    color: #333333;
}

.mostread a:hover {
    color: #990000;
}

td.contentheading {
    color:           #000000;
    font-family:     Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     bold;
    font-size:       13px;
}

div.componentheading {
    color: #000000;
   width:          510px;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     bold;
    font-size:       13px;
    text-align:      left;
}

a.contentpagetitle:link,a.contentpagetitle:hover {
    font-family:     Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size:       18px;
}

a.contentpagetitle:hover {
    color: #CCCC99;
}

.createdate {
    color:          #cccccc;
    font-size:      11px;
    font-weight:    bold;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
}

.modifydate,.small {
    color:          #cccccc;
    font-size:      10px;
    font-weight:    normal;
    text-transform: none;
}

.highlight {
    color:            #FFFFFF;
    background-color: gray;
}

.mosimage {
    margin:  5px;
    padding: 5px;
    border:  1px #cccccc solid ;
}

.mosimage_caption {
    background-color:#cccccc;
    padding:          1px 2px;
    color: #000000;
    font-size:        10px;
    font-weight:      bold;
}

.contentpaneopen img {
    margin: 5px;
}

.contentpane img {
    margin: 5px;
}

a.mainlevel:link, a.mainlevel:visited {
    display:         block;
    height:          20px !important;
    height:          26px;
    vertical-align:  middle;
    font-size:       12px;
    font-weight: normal;
    text-align:      left;
    text-decoration: none;
    color: #000000;
    padding-top:     4px;
    padding-left:    0;
    width:           150px;
	background-image: url(../images/menu.jpg);
    background-repeat:   no-repeat;
    background-position: left;
}

a.mainlevel:hover {
    text-decoration: none;
    color: #ff3300;
    font-weight:     normal;
}

a.mainlevel#active_menu {
    color: #cc0000;
    font-weight:         normal;
}

a.mainlevel#active_menu:hover {
    color: #660000;
}

a.sublevel:link, a.sublevel:visited {
   display:         block;
    height:          20px !important;
    height:          26px;
    vertical-align:  middle;
    font-size:       11px;
    font-weight: normal;
    text-align:      left;
    text-decoration: none;
    color: #000000;
    padding-top:     4px;
    padding-left:    0;
    width:           150px;
	background-image: url(../images/menu.jpg);
    background-repeat:   no-repeat;
    background-position: left;
}

a.sublevel:hover {
    text-decoration: none;
	  color: #660000;
}

a.sublevel#active_menu {
    color: #660000;
}

a.sublevel#active_menu:hover {
    color: #660000;
}

#mod_login_username {
    width:               95%;
    padding:             2px;
    border:              none ;
    font-size:           10px;
    margin:              0px 10px 5px 0;
    border-left:      1px solid #333 ;      
    border-right:        1px solid #333 ;
    border-bottom:       1px solid #333 ;
    border-top:      1px solid #333 ;
	background-image:    url(../images/searchinput.png);
    background-repeat:   repeat-x;
    background-position: top;
}

#mod_login_password {
    width:             95%;
    padding:           2px;
    border:            none ;
    font-size:         10px;
    margin:            0px 0px 5px 0px;
    border-left:      1px solid #333 ;
	border-right:      1px solid #333 ;
    border-bottom:     1px solid #333 ;
	border-top:      1px solid #333 ;
    background-image:  url(../images/searchinput.png);
    background-repeat: repeat-x;
}

#mod_login_remember {
    border:     1px solid gray ;
    background: white ;
}

.inputbox {
    font-size:  11px;
    border:     1px solid;
	border-color: #cccccc;
    background: #ffffff ;
}

.button {
    margin-top: 3px;
	margin-bottom: 3px;
	padding: 1px;
	color: #660000;
	font-size:  11px;
    border:     1px solid;
	border-color: #cccccc;
    background: #ffffff ;
	float:left;
}

.sectiontableheader {
    font-weight: bold;
    background: #666666;
    padding:     4px;
    color: #ffffff;
}

.sectiontableentry1 td {
    padding: 3px;
}

.sectiontableentry2 td {
    padding:    3px;
	background:none;
}

.sectiontableentry1 {
    padding: 2px;
}

.sectiontableentry2 {
padding: 2px;
}

.readon {
    font-size: 11px;
    height:    20px;
    padding:   2px 5px 2px 2px;
}

.readon a:link, .readon a:visited {
    color: #FFFFFF;
}

.readon a:hover {
    color: #999999;
}

.back_button a {
    padding:    2px 5px 2px 5px;
    background: #ffffff ;
}



.back_button a:hover {
    padding:    2px 5px 2px 5px;
    background: #660000;
    color:      #FFFFFF;
}

.pagenav {
    text-align:        center;
    color:             #ffffff;
    margin:            0px -2px 0px 0px;
    padding:           1px 6px 1px 6px;
    font-size:         11px;
    font-family:       Verdana, Arial, Helvetica, sans-serif;
}

a.pagenav, a.pagenav:visited {
    color: #cc0000;
}

a.pagenav:hover {
    color:            #ffffff;
    background-color: #000000;
    border:           1px solid #5d5d5d ;
}

/* content style */

.penting {
    border:           1px dotted #FFCC99 ;
    background-color: threedlightshadow;
}

.mhp { font-size:12px; COLOR: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; VISIBILITY: hidden; }

.conteneur {
  padding-top: 10px;
  padding-left: 15px;
  font-family:Georgia, "Times New Roman", Times, serif;
  text-align:justify;
}

.gauche {
  float: left;
  }

.Stil2 {color: #CCCCCC}

.Stil3 {color: #FFFFFF}


#mediaplayer {
width: 290px;
float:left;
margin-top:0;
padding-top:0;
}

#higr{
color:#ffffff; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight:bold; 
text-transform: uppercase; 
padding-left:3px;
}

#salat{
width:100%;
margin-left:150px;
text-align:center;
background: transparent url(http://www.habous.gov.ma/fr/pics/bgd_P2.jpg) no-repeat  ;   
}

#awkatsalat {
margin-top:60px;
margin-bottom:2px;
margin-left:5px;
border:1px #c2b7b1solid;
width: 70%;
height:90%;
background: #e9e9e7;
}

/*****************************************************************************/
                              /*** PRIEIRE ***/
/****************************************************************************/

.priereg {
	background-image:url(http://www.menara.ma/images/squellete/bg_liste_pratique2.jpg);
	background-repeat:no-repeat;
	width:306px;
	height:290px;
    margin-left:1px;
	margin-top:1px;
}

.priereresulta {
	float:left;
	display:inline;
	font-family: arial;
	font-size: 11px;
	color: #706949;
	text-decoration: none;
	text-align:center;
	font-weight: normal;
	width:280px;
	margin-top:60px;
	text-align:center;
	margin-left:20px;
	margin-bottom:10px;
}

.priereresultav {
	font-family:arial;
	font-size:11px;
	color: #706949;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
}

.priererehoraire {
	float: left;
	display: inline;
	background-image: url(http://www.menara.ma/images/squellete/bg_table_horaire.gif);
	background-repeat: no-repeat;
	width:180px;
	height:128px;
	margin-top:1px;
    margin-left:60px;
}
.priererehorairefalse {
	float:left;
	display:inline;
	background-image:url(http://www.menara.ma/images/squellete/bg_table_horaire2.gif);
	background-repeat:no-repeat;
	width:180px;
	height:128px;
	margin-top:8px;
    margin-left:70px;
}

.prieredate {
float:left;
	display:inline;
	margin-left:24px;
	margin-top:8px;
	width:230px;
}


.prierevilles {
float:left;
	display:inline;
	margin-left:24px;
	margin-top:6px;
	width:230px;
	font-family: arial;
	font-size: 11px;
	color: #4d4d4d;
	text-decoration: none;
	text-align:left;
	font-weight: normal;
}



/* Pour aligner les icones pdf imprimer et email */

.buttonheading {
display:inline;
}



/*///////////// Debut articles /////////////////*/
	
div.contenu-article {
	float:left;
	width:728px;
	margin:0;
	padding:14px 20px 0 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	line-height: 24px;
	color: #333333;
	background:#F0FADA;
		}
	
div#imgart {
	float:right;
	width:28%;
		}
	
div.buttonheading {
	float:right;
	width:16%;
	margin-top:5px;
		}
	
.contenu-article p {
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 24px;
	text-indent:6%;
	/*background: url(../images/dotsline.gif) no-repeat bottom center ;*/
	padding-bottom:10px;
	}
	
.contenu-article img{
	padding: 5px ;
	border: none; 
	}
	
.contenu-article h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-left:12px;
	}
	
.bjr{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #003366;
	}
	
div.contenu-article ul {
		list-style: none;
		text-align: left;
		padding: 0;
	}
	
div.contenu-article ul li{
		margin: 0;
		padding: 0;
		background:url(../images/arrow.png) 0px 5px no-repeat;
		padding-left:10px;
		margin-left:6px;
		display:block;
		}
	
div.contenu-article ul li li{
		margin: 0;
		padding: 0;
		background:url(../images/arrow_2.gif) 0px 5px no-repeat;
		padding-left:6px;
		margin-left:6px;
		display:block;
	}
	
	
div.contenu-article table, table.contenu-article {
	  border-collapse: collapse;
	  margin: 1px;
	  width:auto;
	}
	
div.contenu-article table, div.contenu-article tr, div.contenu-article th, div.contenu-article td {
	  background-color:Transparent;
	}
	
div.contenu-article td {
	padding:1px;
	border:1px solid #999999;
	}
	
#votrecherche {
	width:100%;
	height:100%;
		}
	
table.recherches {
	float:left;
	width:100%;
	height:100%;
		}
div.contenu-article h1 {
color:#333333;
font-size:15px;
text-align:left;
padding-left:26px;
margin-bottom:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
		}
			
.moduletablevideotheque h3, .moduletablenews h3, .moduletablenewscoop h3 {
	width:74%;
	height:22px;
	line-height:22px;
	text-align:left;
	padding-left:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	text-transform:uppercase;
	background: #FFFBF9;
	border-left:1px solid #CCCCCC;
	border-bottom:none;
	}
	
	
label.sectiontableentry1sondage, label.sectiontableentry2sondage {
	text-align:left;
	margin-left:60px;

	}
	
.apollsondage input{
	}
	
.moduletablesondage {
	font-size:12px;
	}
	
.moduletablesondage  h3{
	width:96%;
	height:28px;
	line-height:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CC0000;
	text-transform:uppercase;
	background: #FFFBF9;
	background: url(../images/bg_menu_top.gif) top center repeat-x;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:20px;
	margin-bottom:6px;
	}
	
.moduletable {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	/*background:#FFCCCC;*/
		}
	
		
/*///////////// Fin articles /////////////////*/





/* Fiche bassani */

#cabbass {
width:90%;
height:100%;
padding-left:15px;
padding-right:8px;
border:1px solid #F3B805;
/* background: url(/images/imgsite/bg_bass.jpg) top left repeat-x; */
background: #FEFDF3;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#cabbass img{
margin:3px;
padding:3px;
}

#cabbass ul {
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	}
	
#cabbass li {
	margin:0;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
 
#cabbass p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:justify;
margin:8px 0;
}

#cabbass h1{
width:100%;
text-align:left;
color:#CC3300;
font-size:14px;
font-weight:bold;
margin-bottom:2px;
}

#cabbass h2{
width:100%;
text-align:left;
color:#000000;
font-size:14px;
font-weight:bold;
}

#cabbass h3{
width:100%;
text-align:right;
color:#CC3300;
font-size:12px;
font-weight:bold;
padding-right:20px;
margin-top:2px;
}


span.salaf{
color:#CC0000;

}

/* Fiche FIN bassani */



/*///////////// Debut articles /////////////////*/


div.contenu-article {
float:right;
width:96%;
margin-left:6px;
margin-bottom:10px;
line-height: 20px;
padding:8px;
background:#FBFBFB;
border:1px solid #CCCCCC;
color: #666666;
text-align:justify;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;

	}
	
div.contenu-article h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align: center;
color: #990033; 
	}
	
div.contenu-article h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-align: left;
color: #666666;
	}
	
div.contenu-article h4{
width:60%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
color: #990033;
border-bottom:1px solid #999999;
	}

div#imgart {
float:right;
width:28%;
	}

div.buttonheading {
float:right;
width:16%;
margin-top:10px;
margin-right:10px;
	}
	
.contenu-article p{
text-align:justify;
line-height: 20px;
text-indent:6%;
/*background: url(../images/h-line.png) no-repeat center bottom; */
padding-bottom:10px;
margin:4px;
padding:4px;
}

.contenu-article img{
padding: 0 5px 5px ;
border: none; 
}

.bjr{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #003366;
}

div.contenu-article ul {
	list-style: none;
	text-align: left;
	padding: 0;
}

div.contenu-article ul li{
	margin: 0;
	padding: 0;
	background:url(../images/arrow.png) bottom no-repeat left;
	padding-left:20px;
	margin-left:36px;
	display:block;
	}

div.contenu-article ul li li{
	margin: 0;
	padding: 0;
	background:url(../images/arrow_2.gif) 5px 8px no-repeat left;
	padding-left:20px;
	margin-left:36px;
	display:block;
}

#votrecherche {
width:100%;
height:100%;
	}

table.recherches {
float:left;
width:100%;
height:100%;
	}


	
/*///////////// Fin articles /////////////////*/


/*///////////     JOURNAUX AUTRES DEBUT /////////////////////*/


#journaux_autres_left {
width:66%;
height:100%;
float:left;
margin:0;
padding:0;
}

#journaux_autres_right {
width:32%;
height:100%;
float:right;
margin-left:10px;
margin-right:0;
padding:0;
}

#journaux {
width:100%;
height:246px;
margin-left:auto;
margin-right:auto;
text-align:center;
background: url(../images/back_journaux.png) top left no-repeat; 
}

#villes_photos {
width:100%;
height:320px;
margin-top:4px;
padding-top:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
background: url(../images/back_villes_photos.png) top center no-repeat;
}

.journaux img{
border: 1px solid #666666;
}

#events {
	width: 235px;
	height:100%;
	border: 1px  #993333 double;
	background:#f5f5f5;
	padding-top:    2px;
	margin: 3px 0;
	text-align:left;
}

#events th {
    color: #663300 ;	
    text-align:     left;
    padding-left:   10px;
    padding-top:    2px;
    padding-bottom: 2px;
	background-image:    url(../images/mod_center2.gif);
    background-repeat:   repeat-x;
    background-position: bottom left;
	font-size: 09px; 
	width: 228px;
	   }

#events li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow3.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}

#ban234  {
	width: 235px;
	height:100%;
	margin-bottom:4px;
	padding:0;
}

#ban234  img{
	float: right;
	text-align:right;
}

#textes_loi {
width:200px;
height:100%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:0;
}

.moduletabledroits {
width:190px;
text-align:left;
}

.moduletabledroits h3{
background:#999;
color:#FFFFFF;
font-size:12px;
padding:0;
margin:0;
width:74%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#chadad{
width: 290px;
float:left;
margin-right:2px;
}


/*///////////     JOURNAUX AUTRES FIN /////////////////////*/




/* debut GENERAL  */

.clr {
	clear: both;
	height:0px;
}

img {
border:none;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:normal;
	color: #CC0000;
	font-size:12px;
	}

a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#999;
	}


table.moduletable img {
text-align:center;
}

.moduletable {
	margin-bottom:1em;
	background-color: #FFF;
	width:100%;
	}
	
.moduletable h3 {
	background:url(../images/mod_bg.png) no-repeat top center;
	width:170px;
	margin:0;
	margin-top:2px;
	font-size:11px;
	color: #CC0000;
	text-decoration:none;
	text-align:center;
	padding:8px 4px;
	}

.moduletable h1 {
    height:18px;
	color: #CC0000;
	margin:0;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	padding:4px 4px;
	}

.moduletable ul {
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	}
	
.moduletable li {
	margin:0;
	text-align:left;
	}
	
.moduletable li a {
	text-decoration:none;
	padding:1px 5px 1px 8px;
	line-height: 1;
	background-image:url(../images/arrow_ident.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
	color:#CC0000;
	}
	
input.inputbox{
margin-top:4px;
	}
	
	input.button{
margin-top:4px;
	}

.input {
margin-top:1px;
}

.form-login-username {
margin-top:2px;
}

.imgheading {
line-height:18px;
vertical-align: middle;
margin-left:5px;
margin-right:5px;
}

.center {
width: 100%;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.img_left {
text-align:left;
margin-bottom:6px;
 }

/* Fin GENERAL  */


/*///////////// Debut articles arabe /////////////////*/


div.article-arabe {
width:98%;
float:right;
text-align: justify;
margin-bottom:10px;
padding:2px;
margin:0;
background: none;
color: #333;
font-size:15px;
font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif;
line-height:22px;
direction:rtl;

	}
	
div.article-arabe h1{
font-size:17px;
text-align: center;
color: #003333;
font-weight:bold;
	}
	
div.article-arabe h2{
font-size:16px;
text-align: right;
color: #CC0000;
padding-left:6px;
	}
	
div.article-arabe h3{
font-size:15px;
text-align: right;
color: #003300;
font-weight:bold;
padding-left:20px; 
	}
		
.article-arabe p {
text-align:right;
line-height: 22px;
text-indent:6%;
/*background: url(../images/h-line.png) no-repeat center bottom; */
padding-bottom:10px;
margin:6px 2px 0 0;
color: #666666;
font-size:16px;
font-weight: bold;
line-height: 23px;
}

.article-arabe img{
padding:5px;
border: none; 
}

div.article-arabe ul {
	list-style: none;
	text-align: right;
	padding: 0;
	margin:0;
	font-size:16px;
}

div.article-arabe ul li{
	margin: 0;
	padding: 0;
	padding-right:16px;
	margin-right:4px;
	display:block;
	background:url(../images/arrow_right_1.jpg) no-repeat 100% 26%;
	list-style:decimal;
	}

div.article-arabe ul li li{
	margin: 0;
	padding: 0;
	background:url(../images/arrow_2.gif) 5px 8px no-repeat left;
	padding-left:20px;
	margin-left:36px;
	display:block;
}

div.article-arabe ol {
	text-align: right;
	padding: 0;
	margin:0;
	padding-right:18px;
	margin-right:10px;
	font-size:16px;
}

div.article-arabe ol li{
	margin: 0;
	padding: 0;
	padding-right:6px;
	margin-right:14px;
	direction:rtl;
	}
	
div.article-arabe ol li li{
	margin: 0;
	padding: 0;
	padding-right:16px;
	margin-right:4px;
	display:block;
	background:url(../images/arrow_right_1.jpg) no-repeat 100% 26%;
	list-style:decimal;
	}

/*///////////// Fin articles arabe /////////////////*/


