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

/*************** HEADER **************************/
.header
{
	height: 80px;
	background-image: url(../allimages/header.jpg );
	background-position: center;
	background-repeat: no-repeat;
}
.hr1
{
	border: 0;
	width: 95%;
	text-align: center;
	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: 9px;
	background-color: #3e5a31;
	vertical-align: middle;
}

.menu a:link, .menu a:active, .menu a:visited
{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover
{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF9900;
	text-decoration: none;
}
.text-search
{
	width: 150px;
	height: 10px;
	font-size: 9px;
	vertical-align: middle;
}
.menu-date
{
	vertical-align: middle;
	text-align: left;
	background-color: #28471b;
	width: 168px;
}
.menu-recherche
{
	vertical-align: middle;
	width: 400px;
	background-color: #28471b;
}
.menu-links
{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #3e5a31;
	font-weight:bold;
}
.menu-links img
{
	margin-right: 5px;
	margin-left: 5px;
}
/*************** 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.jpg );
	background-position: center;
	color: #ffffff;
	text-align: left;
	font-size: 11px;
	padding-left: 10px;
	letter-spacing:1px;
}
.footer a:link, .footer a:active, .footer a:visited
{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fefefe;
	text-decoration: none;
}
.footer a:hover
{
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 11px;
	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
{
	display: block;
	padding-top: 0px;
	padding-left: 4px;
	text-align: left;
	background-image: url(../vignettes/phtec_bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

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

#diveclairage
{
	padding-top: 0px;
	padding-left: 4px;
	text-align: left;
	background-image: url(../vignettes/phtec_bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
#diveclairage a, #divactualite a
{
	font-size: 11px;
}
/*************** 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
{
	margin: 2px;
}
.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-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #0f7cbd;
	height: 18px;
	width: 180px;
}

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

/*************** MENU GLOBAL **************************/

#menu_contenu
{
	width: 189px;
	text-align: left;
	font-weight: bold;
}
#menu_contenu tr
{
	padding: 0px;
	margin: 0px;
	color: #0f7cbd;
	font-size: 11px;
}
#menu_contenu td img
{
	padding: 0px;
	padding-left: 14px;
}

#menu_contenu td
{
	margin: 0px;
	padding: 0px;
}
#menu_contenu td a, #menu_contenu td span
{
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Tahoma,Helvetica, sans-serif;
	font-size: 11px;
	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: 11px;
	color: #669900;
	padding-left: 14px;
}

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

#menu_contenu td div
{
	background-image: url(../allimages/smenu.jpg);
	background-position: center;
	position: absolute;
	z-index: 100;
	margin-top: -2.0em;
	border: 1px solid gray;
	padding: 5px;
}

#menu_contenu td div ul li a, #menu_contenu .menuON div ul li a
{
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
#menu_contenu td div ul, #menu_contenu td div li
{
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

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


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



#menu_contenu td .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.jpg);
	background-position: center;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 20px;
	text-align: left;
	font-family: "Arial Narrow" ,Tahoma,Helvetica,tahoma, sans-serif;
	font-size: 11px;
	color: #0f7cbd;
	letter-spacing: 1px;
}
.text-nl
{
	width: 100px;
	font-weight: bold;
	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, .laUneTitre a, .laUneTitre a:link, .laUneTitre a:visited, .laUneTitre a:active
{
	background-image: url(../allimages/bg-titre.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial,Tahoma,Helvetica,tahoma, sans-serif;
	color: #8dba55;
}
.laUneTitreInfo
{
	text-align: left;
	text-decoration: underline;
	font-size: 11px;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
	letter-spacing: 1px;
	color: #8dba55;
}
.laUneContenu
{
	text-align: left;
	font-size: 11px;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
}
/********** centre-index **********/
.centre-index
{
	padding-left: 10px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-image: url(../allimages/bord-haut.jpg);
	background-position: top left;
}

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



.activites-nationales-titre, .dossiers-actualite-titre, .eclairage-titre
{
	font-size: 11px;
	letter-spacing: 1px;
	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-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #517aa8;
}
.dossiers-actualite-titre, .dossiers-actualite-titre a, .dossiers-actualite-titre a:link, .dossiers-actualite-titre a:active, .dossiers-actualite-titre a:visited
{
	font-size: 11px;
	letter-spacing: 1px;
	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-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #DD6F00;
}

.activites-nationales-titre a:hover, .dossiers-actualite-titre a:hover, .eclairage-titre a:hover
{
	font-size: 11px;
	letter-spacing: 1px;
	color: #669900;
}

.activites-nationales-in td
{
	vertical-align: text-top;
	padding-bottom: 10px;
}
.activites-nationales-img
{
	padding-right: 7px;
}

.activites-nationales-contenu
{
	font-size: 11px;
	font-family: Tahoma,Helvetica,tahoma, sans-serif;
	text-align: justify;
	letter-spacing: 1px;
}

.bg-activites-titre
{
	width: 250px;
	height: 38px;
	background-image: url(../allimages/bg-actualite-titre.jpg);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	font-family: Arial, "Arial Narrow" ,Tahoma, Helvetica,sans-serif;
	font-weight: bolder;
	font-size: 12px;
	color: #4573a4;
}

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

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

.bg-actualite-titre span
{
	display: block;
	padding-top: 5px;
	margin-left: 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: left;
	font-size: 10px;
	color: #bb0208;
}

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

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

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

.suite-red:link, .suite-red:active, .suite-red:visited
{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size: 10px;
	color: #c31703;
	letter-spacing: 1px;
}
.suite-gray:hover
{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size: 9px;
	color: #0f7cbd;
	text-decoration: none;
	letter-spacing: 1px;
}
.suite-red:hover, .suite-blue:hover, .suite-green:hover
{
	font-family: Tahoma, Helvetica,sans-serif;
	font-size: 10px;
	color: #669900;
	text-decoration: underline;
	letter-spacing: 1px;
}
/*************** SITE MAP **************************/
#siteMap
{
	background-image: url(../allimages/home.gif);
	background-position: 18px top;
	background-repeat: no-repeat;
	width: 536px;
	height: 40px;
	padding-left: 40px;
	padding-right: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Arial,Tahoma,Helvetica,tahoma, sans-serif;
}
#siteMap a, #siteMap a:link, #siteMap a:active, #siteMap a:visited
{
	font-size: 10px;
	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: 11px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	padding: 2px;
	letter-spacing: 1px;
}

.contact-table select
{
	color: #517aa8;
}
.contact-table-input
{
	font-size: 11px;
	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: 11px;
	color: #669900;
	text-decoration: none;
}
a:hover
{
	font-size: 11px;
	color: #777777;
	text-decoration: underline;
}
a:active
{
	font-size: 11px;
	color: #777777;
	text-decoration: none;
}
a:visited
{
	font-size: 11px;
	color: #669900;
	text-decoration: none;
}
/*************** SOMMAIRE**************************/
.sommaire ol
{
	margin-top:4px;
	margin-bottom:2px;
	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;
	width: 468px;
	height: 41px;
}
.b-annonce-in
{	
	display:block;
	margin-top:6px;
	vertical-align:bottom;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	overflow: hidden;
	padding: 8px;

}