/*************** BODY- IMG  **************************/
body
{
	margin: 0px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000000;
	background-image: url(../allimages/bg-body.gif );
	text-align:center;
	direction:rtl;
}
img
{
	border: 0;
}


/*************** HEADER **************************/
.header
{
	height: 80px;
	background-image: url(../allimages/header_ar.jpg );
	background-position: center;
	background-repeat: no-repeat;
}
.hr1 {
  border: 0;
  text-align:center;
  width: 95%;
 border-bottom: 1px solid #EBEBEB;
 color: #ffffff;
 background-color: #ffffff;
 height: 4px;
} 

.hr2
{
	border: 0;
	width: 50%;
	text-align: center;
	border-bottom: 1px solid #EBEBEB;
	color: #ffffff;
	background-color: #ffffff;
	height: 4px;
}
/*************** MENU **************************/
.menu
{
	padding:0px;
	margin:0px;
	text-align:center;
	height: 24px;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #3e5a31;
	vertical-align: middle;
}

.menu a:link, .menu a:active, .menu a:visited
{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover
{
	font-family: Arial, tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	text-decoration: none;
}
.text-search
{
	width: 150px;
	height: 10px;
	font-size: 10px;
	vertical-align:middle;
}
.menu-date
{
	vertical-align: middle;
	background-color: #28471b;
	width: 168px;
	text-align:right;
	padding-right:10px;
}
.menu-recherche
{
	vertical-align: middle;
	width: 400px;
	background-color: #28471b;
	
}
.menu-links
{	

	vertical-align: middle;
	background-color: #3e5a31;
	text-align:left;
	letter-spacing:0px;
	font-weight:bold;
	
}

.menu-links a
{
	padding-right: 2px;
	padding-left: 2px;
}
/*************** ZONE **************************/
.droite
{
	background-color:#f7f7f7;
	text-align:center;
	width: 208px;	
	
}
.centre
{
	background-image: url(../allimages/bg-pli.jpg );	
	background-position:top;
	background-repeat:no-repeat;
	width: 612px;
}
.gauche
{
	background-color:#f9f9f9;
	width: 150px;
	text-align:center;
}
/*************** FOOTER **************************/
.footer
{
	height:20px;
	background-image: url(../allimages/footer-ar.jpg );	
	background-position:center;
	color:#FEFEFE;
	text-align:right;
	font-size:12px;
	padding-right:10px;
}
.footer a:link, .footer a:active,.footer a:visited
{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FEFEFE;
	text-decoration: none;
}
.footer a:hover
{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ff0000;
	text-decoration: underline;
}

/*************** VIGNETTES **************************/

/* PHOTOTEC*/
#phtec
{
width:140px;
}
#divphoto
{
padding-top:4px;
height:80px;
text-align:center;
background-image:url(../vignettes/phtec_bg.jpg);
background-position:center;
background-repeat:repeat-y;
}
#divphoto img
{
border: solid 2px #E2E2E2;
}

/* VIDEOTEC*/

#videotec
{
width:140px;
}

#divvideo
{
padding-top:4px;
height:119px;
text-align:center;
background-image:url(../vignettes/phtec_bg.jpg);
background-position:center;
background-repeat:repeat-y;
}

#videobg{
height:114px;
background-image:url(../vignettes/video_bg.jpg);
background-position:center;
background-repeat:no-repeat;
}

#videobg img
{
padding-top:4px;
}

/* ACTUALITE*/
#actualite
{
width:140px;
}

#divactualite
{
padding:2px;
text-align:right;
background-image:url(../vignettes/phtec_bg.jpg);
background-position:center;
background-repeat:repeat-y;
}

/* ECLAIRAGE */
#eclairage
{
width:140px;
}

#diveclairage
{
padding:2px;
text-align:right;

background-image:url(../vignettes/phtec_bg.jpg);
background-position:center;
background-repeat:repeat-y;
}

#diveclairage a, #divactualite a
{
	font-size: 12px;
}

/*************** PHOTO ABBAS EL FASSI ET VIGNETTES DROITE *****/
#photoAF
{
text-align:center;
width:198px;
height:171px;
background-image:url(../vignettes/bg-AF.jpg);
background-position:center;
background-repeat:no-repeat;
}
#photoAF img
{
padding-top:7px;
}

.photoMain {
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.photoGal
{	text-align: center;
	width: 140px;
	height: 120px;
	background-image: url(../vignettes/bg-gal.jpg);
	background-position: center;
	background-repeat: no-repeat;
}


.videosGal
{	text-align: center;
	width: 140px;
	height: 120px;
	background-image: url(../vignettes/bg-videos.jpg);
	background-position: center;
	background-repeat: no-repeat;
}


.photoGal img,.videosGal img
{
	padding-top: 5px;
}

.sites-gov
{
	font-size: 12px;
	text-align: right;
	color: #0f7cbd;
	height: 18px;
	width: 180px;
	
}

.sites-gov optgroup
{	
	color: #CCCCCC;	
}
.sites-gov option
{
letter-spacing:1px;
	padding:0px;
	margin:0px;	
	color:#0f7cbd;
}
/*************** MENU GLOBAL **************************/

#menu_contenu{
 width:189px;
 text-align:right;
 font-weight:bold;

}

#menu_contenu tr
{	
	padding:0px;
	margin:0px;
    color:#0f7cbd;
	font-size:16px;
	vertical-align: middle;
}
#menu_contenu td img
{
	padding-right: 14px;	
}
#menu_contenu td 
{
	margin:0px;
	padding:0px;
}
#menu_contenu td a
{
	display: block;
	padding-top:3px;
	padding-bottom:3px;	
	font-family: Arial,Tahoma,Helvetica, sans-serif;
	font-size: 16px;
	color: #0f7cbd;
	letter-spacing: 0px;
}
#menu_contenu a:hover 
{
	color: #FF0000;
	background-image: url(../allimages/bg-menu_02.jpg);
	background-position: center;
	background-repeat: repeat-y;
	text-decoration: none;
}

#menu_contenu .menuON a {

	color: #FF0000;
}

#menu_contenu .menuON 
{
	color: #FF0000;
	background-image: url(../allimages/bg-menu_02.jpg);
	background-position: center;
	background-repeat: repeat-y;
	text-decoration: none;
}

.line-menu{
	height:2px;
	background-image:url(../allimages/ligne-menu.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
/****** LE SOUS MENU **********/

#menu_contenu .s-menu
{
	font-size: 16px;
	color:#669900;
	padding-right:20px;
}

#menu_contenu td span
{
	display: block;
	padding-top:3px;
	padding-bottom:3px;	
	font-family: Arial,Tahoma,Helvetica, sans-serif;
	font-size: 16px;
	color: #0f7cbd;
	letter-spacing: 0px;
}

#menu_contenu td div
{
	direction:rtl;
	background-image:url(../allimages/smenu.jpg);
	background-position:center;
	position: absolute;
	z-index: 100;
	margin-top: -2.0em;
	width: auto;
	vertical-align: middle;
	border: 1px solid gray;
	
}
#menu_contenu td div ul
{	
	text-align:right;
	list-style:none;
	padding:5px;
	margin:0px;
	
}

#menu_contenu td div li
{
	display:block;
	width:100%;
	background-image:url(../allimages/etoile.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right: 10px;
	padding-top:0px;
	padding-bottom:0px;

}
#menu_contenu td div ul li a,#menu_contenu .menuON div ul li a
{
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;

}

#menu_contenu td div a:hover,#menu_contenu .menuON div ul li a:hover
{
	background-image: none;
	color: #FFFF00;
}

#menu_contenu td div .smenu-line{	
	height: 9px;
	padding:0px;
	margin: 0px;
	background-image: url(../allimages/smenu-line.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	
}
/*************** NEWSLETTERS **************************/
#newsletters{
	width:140px;
	height:100px;
}
#divnewsletters{

	background-image: url(../vignettes/newsletters_bg-ar.jpg);	
	background-position:center;
	background-repeat: repeat-y;
	padding-top:7px;
	padding-right:20px;
	text-align:right;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
	font-size:12px;
	color:#0f7cbd;
}
.text-nl
{
	font-family: Arial,Helvetica,tahoma, sans-serif;
	width: 100px;
	height: 15px;
	font-size: 12px;
	text-align:center;
	vertical-align:middle;
	color:#666666;
}
/***************  la une -Activites- centre-index - actualites **************************/
/***************  la une  *********/
#laUne{
	width:536px;
	height: auto;
	padding-left:15px;
	padding-right:15px;
}
.laUneTitre{
	background-image:url(../allimages/bg-titre-ar.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
	font-family: Arial,Tahoma,Helvetica,tahoma, sans-serif;	
	font-size:14px;
	font-weight:bold;	
	color:#8dba55;
}
.laUneTitreInfo{
	text-align:right;
	text-decoration:underline;
	font-size:14px;
	font-family:Arial,Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0px;
	color:#8dba55;
}
.laUneContenu{
	text-align:right;
	font-size:12px;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
}
/********** centre-index **********/
.centre-index{
	padding-right:10px;
	padding-top:5px; 
	background-repeat:no-repeat;
	background-image:url(../allimages/bord-haut-ar.jpg);
	background-position:top right;
}

.centre-index-table{
	padding-left:2px;
	padding-bottom:0px; 
	background-repeat:no-repeat;
	background-image:url(../allimages/bord-bas-ar.jpg);
	
	background-position:bottom left;
}
/********* activites *******/
#activites{
	width:536px;
	padding-left:5px;
	padding-right:5px;
}
.activites-nationales,.dossiers-actualite,.eclairage{
	background-image:url(../allimages/bg-titre-blue-ar.gif);
	background-position:left center;
	background-repeat:no-repeat;
	text-align:right;	
	font-size:12px;
	font-weight:bold;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
	color:#517aa8;
	margin-bottom:20px;
}
.dossiers-actualite{

	color:#bb0208;
}
.activites-nationales-titre,.dossiers-actualite-titre,.eclairage-titre{
	text-align:right;
	text-transform:uppercase;
	text-decoration:underline;
	color:#517aa8;
}

.dossiers-actualite-titre{
	color:#FF0000;
}

.eclairage-titre{
	color:#DD6F00;
}

.activites-nationales-titre,.activites-nationales-titre a,.activites-nationales-titre a:link,.activites-nationales-titre a:active,.activites-nationales-titre a:visited {
	font-family:Arial,Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:right;
	text-transform:uppercase;
	text-decoration:underline;
	color:#517aa8;
	letter-spacing:0px;
}


.dossiers-actualite-titre, .dossiers-actualite-titre a, .dossiers-actualite-titre a:link, .dossiers-actualite-titre a:active,.dossiers-actualite-titre a:visited {
	font-family:Arial,Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:right;
	text-transform:uppercase;
	text-decoration:underline;
	color:#FF0000;
}
.eclairage-titre, .eclairage-titre a, .eclairage-titre a:link, .eclairage-titre a:active,.eclairage-titre a:visited {
	font-family:Arial,Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:right;
	text-transform:uppercase;
	text-decoration:underline;
	color:#DD6F00;
}

.activites-nationales-titre a:hover,.dossiers-actualite-titre a:hover,.eclairage-titre a:hover {
	font-family:Arial,Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#669900;
}
.activites-nationales-in td{
	padding-top:10px;
}
.activites-nationales-img
{
	padding-left:7px;
}

.activites-nationales-contenu
{
	font-size:12px;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
	text-align:justify;
}
.bg-activites-titre{
	width:250px;
	height:38px;

	background-image: url(../allimages/bg-actualite-titre-ar.jpg);	
	background-position:right;
	background-repeat: no-repeat;
	text-align:right;
	font-family: Tahoma, Helvetica,sans-serif;
	font-weight:bolder;
	font-size:13px;
	color:#4573a4;
}

.bg-activites-titre span{
	display:block;
	padding-top:5px;
	margin-right:40px;
}

/********* actualites *********/
.bg-actualite-titre{
	width:250px;
	height:38px;
	background-image: url(../allimages/bg-activites-titre-ar.jpg);	
		
	background-position:right;
	background-repeat: no-repeat;
	text-align:right;
	font-family: Tahoma, Helvetica,sans-serif;
	font-weight:bolder;
	font-size:13px;
	color:#c31703;	
}

.bg-actualite-titre span{
	display:block;
	padding-top:5px;
	margin-right:40px;
}
/******** text liste ******/
.txt-liste{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size:11px;
	
}
.txt-liste td{
	vertical-align:text-top;
	text-align:justify;
	padding-top:5px;
}
.date-liste{
	text-align:left;
	font-size:10px;
	color:#0f7cbd;
	text-decoration:none;
}
.date-liste-red{
	text-align:right;
	font-size:10px;
	color:#bb0208;
}

.suite-green:link, .suite-green:active, .suite-green:visited
{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size: 12px;
	color: #669900;
	letter-spacing: 0px;
}

.suite-gray:link, .suite-gray:active, .suite-gray:visited{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size:12px;
	color:#333333;
	letter-spacing:0px;
}

.suite-blue:link, .suite-blue:active, .suite-blue:visited{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size:12px;
	color:#0f7cbd;
	letter-spacing:0px;
}

.suite-red:link, .suite-red:active, .suite-red:visited{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size:12px;
	color:#c31703;
	letter-spacing:0px;	
}
.suite-gray:hover
{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size: 12px;
	color: #0f7cbd;
	text-decoration:none;
	letter-spacing: 0px;
}
.suite-red:hover,.suite-blue:hover,.suite-green:hover{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size:12px;
	color:#669900;
	text-decoration:underline;
	letter-spacing:0px;	
}
/*************** SITE MAP **************************/
#siteMap{
direction:rtl;
	background-image: url(../allimages/home.gif);
	background-position:540px top ;
	background-repeat: no-repeat;
	width:536px;
	height:40px;
	padding-left:0px;
	padding-right:40px;
	text-align:right;	
	font-size:12px;
	font-family: Arial,Tahoma,Helvetica,tahoma, sans-serif;
}
#siteMap a, #siteMap a:link,#siteMap a:active,#siteMap a:visited{
	font-size:12px;
	font-family: Arial,Tahoma,Helvetica,tahoma, sans-serif;
	color:#517aa8;
	text-decoration:underline;
	font-weight:bold;
}
#siteMap a:hover{

	color:#669900;
}
/*************** telechargement **************************/
.dl td,.dl2 td {
padding:5px;
padding-left:0px;
padding-right:0px;
vertical-align:middle;
}

.dl2 {
background-color:#F2F2F2;
}
.dl a,.dl2 a,.dl a:link,.dl a:active,.dl a:visited,.dl2 a, .dl2 a:link,.dl2 a:active,.dl2 a:visited{
	font-size:10px;
	font-family: Arial,Tahoma,Helvetica,tahoma, sans-serif;
	color:#669900;
	text-decoration:underline;
	font-weight:bold;
}
.dl a:hover,.dl2 a:hover{
color:#517aa8;
	
}
/*************** CONTACT **************************/
.contact-table{
	font-size: 12px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	padding:2px;
}
.contact-table select{
	font-size: 12px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color:#517aa8;
}
.contact-table-input{	
	font-size: 12px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	width:180px;
	height:12px;
	color: #0f7cbd;

}
/*************** BACKGROUNDS **************************/
.ombre-d
{
	border-left:solid thin #E2E2E2;
	background-image: url(../allimages/ombre.jpg);	
	background-position:top;
	background-repeat: repeat-x;
}
.ombre-g
{

	background-image: url(../allimages/ombre2.jpg);	
	background-position:top;
	background-repeat: repeat-x;
}
.bg-deg
{
	background-image: url(../allimages/bg-deg.gif );
	background-repeat: repeat-x;
}
/*************** info BULL **************************/
#bulle { 
position: absolute; 
visibility: hidden;  
font-size:12px;}

.info-bulle{ 
	width:200px;
	height:auto;
	border:1px solid #666666;
	padding: 7px; color:#666666;
   background-color:#F7FAFD; 
   font-size: 11px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	}
/*************** LINKS GLOBAL **************************/
a:link
{
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}
a:hover
{

	font-size: 12px;
	color: #777777;
	text-decoration: underline;
}
a:active
{

	font-size: 12px;
	color: #777777;
	text-decoration: none;
}
a:visited
{

	font-size: 12px;
	color: #777777;
	text-decoration: none;
}
/*************** SOMMAIRE**************************/
.sommaire ol
{
	margin-top:4px;
	margin-bottom:2px;
	padding-right:12px;
	color:#cc0000;
	}
.sommaire ol a:link,.sommaire ol a:visited
{	
	color:#669900;
	text-decoration:none;
	
}
/*************** SOMMAIRE 2 **************************/
.sommaire2 ul a
{	
	font-weight:bold;
	color:#669900;
	
}	
	
/*************** Bande annonces **************************/
.b-annonce
{
	margin-top: 10px;	
	vertical-align:bottom;
	background-image: url(../vignettes/b-annonce.gif);
	background-position: center center;
	background-repeat: no-repeat;
	font-weight:bold;
	width: 468px;
	height: 41px;
}

.b-annonce-in
{
	display:block;
	margin-top:6px;
	font-family:Arial,Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	vertical-align:bottom;
	color: #666666;
	text-decoration: none;
	overflow: hidden;
	padding: 8px;

}