@charset "utf-8";
/* CSS Document */
#td{ 
 /* Web browsers that does not support RGBa */
        background: rgb(255, 255, 255);
        /* IE9/FF/chrome/safari supported */
        background: rgba(255, 255, 255, 1);
        /* IE 8 suppoerted */
        /* Here some time problem for Hover than you can use background color/image */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";
        /* Below IE7 supported */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);
 }
 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover{
	color: #990000;
	text-decoration: underline;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.barre-noire {
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 28px;
	background-image:none;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: px;
}
.rouge-bg {
	background-color: #E90C0D;
}
.barre-noire-titre {
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 4px;
	margin-bottom: 4px;
	height: 15px;
	font-weight: bold;
	}
.bordure-noire-grise {
	padding: 5px;
	font-size: 11px;
	background-color: #F5F5F5;
	float: left;
	margin-right: 20px;
	
	height: auto;
	display: inline;
}	
	
.bordure-noire {
	padding: 5px;
	border: 1px solid #CCCCCC;
	height: 200px;
	display: block;
	font-size: 12px;color #cccccc;
}
.bordure-noire-autres {
	padding: 5px;
	border: 1px solid #CCCCCC;
	height: auto;
	display: block;
	font-size: 11px;
}
.bordure-noire h3{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.texte-chapo {
	font-size: 11px;
	color:#000000
}
.enveloppeur {
	font-size: 90%;
	text-decoration: none;
}

.la-suite {
	color: #006633;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	height: 15px;
	width: 100px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	font-size: 11px;
}
.la-suite a{
	color: #009349;
	text-decoration: none;
}
.la-suite:hover{
	color: #009933;
	text-decoration: none;
}
.acces-rapide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.acces-rapide a {

	color: #000000;

}
.acces-rapide a:hover {
	color: #333333;
	text-decoration: none;
}
.acces-rapide:hover {
	background-color: #EEEEEE;
}
.vert h3 {
	color: #008040;
	font-size: 16px;
}
.noire-bg {
	background-color: #000000;
}
.noire-bg a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.noire-bg a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.liste-rubrique {
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #696969;
}
.liste-rubrique a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.liste-rubrique a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #008040;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#links {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;

}
.menu-docs{
	margin: 0px;
	padding: 0px;
}
.lister-documents {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.lister-documents li{
	background-color: #EBEBEB;
	margin-bottom: 2px;
	padding-left: 5px;
}
.titres-articles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.titres-articles a{
	color: #666666;
	text-decoration: none;
}
.titres-articles a:hover{
	color: #000000;
	text-decoration: none;
}
.box-liens {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-size: 12px;
}

.glossymenu{
	list-style-type: none;
	padding: 0;
	width: 145px;
	border-bottom-width: 0;
	
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}
.glossymenu li a{
	color: #000000;
	display: block;
	width: 145px;
	text-decoration: none;
	height: auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 145px;
}
.glossymenu li a:hover{
	color: #FF3300;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 11px;
	font-weight: bold;
}
#navlist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 145px;
}
#navlist li {
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 145px;
}
#navlist li a {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	width: 145px;
	
}
#navlist li a:hover {
	color: #FF3300;
}
.date{font-size:10px;}
.date1{font-size:11px;}
.h1 {
	background-image: url(template/h-1.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 253px;
	font-size: 12px;
	color: #AC1619;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
}
.h1bg {
	background-image: url(template/bg-1.png);
	padding: 5px;
	height: 131px;
	width: 253px;
	font-size: 11px;
}

.h2 {
	background-image: url(template/h2.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 254px;
	font-size: 12px;
	color: #0060A8;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
}
.h2bg {
	padding: 5px;
	height: auto;
	width: 252px;
	font-size: 11px;
	border: 1px solid #CBD8E6;
}
.logo-box  img{
	display: block;
	float: right;
	background-color: #ECFBEC;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.h4 {
	height: 22px;
	width: 180px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 7px;
	background-color: #FF661C;
}
.h8 {
	height: 22px;
	width: 180px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 7px;
	background-color: #666666;
}
.h4bg {
	padding: 5px;
	height: auto;
	width: 178px;
	font-size: 11px;
	border: 1px solid #FFEACA;
	color: #666666;
}


.h3 {
	background-repeat: no-repeat;
	height: 19px;
	width: 180px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 10px;
	background-color: #869F2D;
}
.h3bg {
	background-image: url(template/bg-3.png);
	padding: 5px;
	height: 131px;
	width: 253px;
	font-size: 11px;
}
.bg-newsletter {
	background-image: url(template/email.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#links {
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.formulaire-de-recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFF0E1;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
form {
	margin: 0px;
	padding: 0px;
}
.form-rech {
	text-align: center;
	vertical-align: middle;
	height: 17px;
	border: 1px solid #333333;
}
.boite-grise {
	border: 1px solid #CFD1D2;
	padding: 5px;
}
.border-news {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D4E2EF;
}
.lettre-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-image: url(template/lettre-info.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	width: 142px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.news {
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
}
.trait-droite {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.tableau{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	width: 98%;
	border: 1px solid #999999;
}
.tableau p{
	margin: 0px;
	padding: 0px;
}
.cellule-bleu{
	color: #000000;
	text-decoration: none;
	background-color: #DFEBFD;
	padding: 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.cellule-bleu-grand-texte{
	color: #000000;
	text-decoration: none;
	background-color: #DFEBFD;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.a-droite{
	text-align: right;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.petit-texte{
	font-size: 10px;
}
.expo{
	vertical-align: super;
}
.grand-titre-rubrique {
	font-size: 1.5em;
	color: #008040;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
}
.texte-article {
	font-size: 12px;
	text-decoration: none;
	text-align: top;

}
#document_articles {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#document_articles ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#document_articles li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 350px;
	background-image: url(template/puce-rouge.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.grand-titre-arabe {
	font-size: 1.8em;
	color: #006600;
	text-decoration: none;
}
.texte-arabe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
}
}
.texte-english {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 10px;
	height: auto;
}
.titreactualite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #008040;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
}
.titreactualite:hover{
	color: #008040;
	text-decoration: none; 
}