/* structure.css */

body {
	width:1004px;
	margin:auto;
}

html>body {
	width: 1004px;
}

/*
** Structure principales (trois colonnes, ent?te, pied de page)
*/

.wrapper {
	width: 1004px;
	position:relative;
	border:0px solid black; 
}      

.wide {
	position:relative;
	/*background-color: #fff;*/    /* header and footer colours */
}
.outer { 
	/*width: auto; */
	/*padding-left: 1%;*/
}

.inner { 
	width: 91%; 
	position: relative;
}
.left {
	top:0px;
	width: 31%;
	padding-left:2px;
	margin-left:2px;
	margin-right: 2px;
	float: left; 
	position: relative; /* pour gérer les hauteurs des colonnes */
	z-index: 10;
	border-right: 1px solid #BCDEFA;
	background: white;
}

.right { 
	top:0px;
	right:0px;
	width: 17%;
	border-left: 1px solid #BCDEFA;
	margin-right: -9%;
	padding-right: 1px;
	padding-left: 1px;
	float: right;
	position: relative; /* pour gérer les hauteurs des colonnes */
	z-index: 11;
}

.center { 
	float: left; 
	width: 58%; 
	position: relative; 
	z-index: 12;
	margin: 0 0px 0 1%;
}

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 0px solid transparent; z-index: 14;} 

/* misc */

.left ul {
	padding-left: 1.5em;
	margin-left: 0;
}
.left li {
	padding-left: 0em;
	margin-left: 0;
}

.HautBas {width: auto; position:relative; z-index:200; clear: both;}
#PiedPage {
	margin:0px;
	padding:5px;
	position: relative; 
	text-align: center;
	z-index:20;
	clear: both;
}

#menu_ar {
	padding:0px;
	margin:0px;
	text-align:center;
	line-height:36px;
	font-size:13px;
	font-weight:700;
	font-family: arabic transparent;
	width: 100%; /* correction pour Opera */
}
#menu_fr, #menu_en {
	padding:0px;
	margin:0px;
	text-align:center;
	line-height:36px;
	font-size:10px;
	font-weight:700;
	font-family: arial, verdana;
	width: 100%; /* correction pour Opera */
}

#menu_ar dl, #menu_fr dl, #menu_en dl {
	float: left;
	width: 120px;
	background-image: url('../images/icones/bouton.gif');
	background-repeat:no-repeat;
	background-position:bottom;
}


#menu_ar dd, #menu_fr dd, #menu_en dd {
	display: none;
	border:0px;
	padding:0px;
	position: absolute;
}

#menu_ar li {
	width: 110px;
	height:30px;
	line-height:30px;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:13px;
	font-weight:700;
	background-repeat:repeat-x;
	background-position:bottom;
}
#menu_fr li, #menu_en li {
	width: 110px;
	height:30px;
	line-height:30px;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:10px;
	font-weight:700;
	background-repeat:repeat-x;
	background-position:bottom;
}

#menu_ar ul, #menu_fr ul, #menu_en ul {
	width: 110px;
	list-style-position: outside ;
	margin:0px;
	padding:0px;
	text-align: left;
}
#menu_ar li a, #menu_fr li a, #menu_en li a, #menu_ar dt a, #menu_fr dt a, #menu_en dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	
}

#menu_ar li a:hover, #menu_fr li a:hover, #menu_en li a:hover, #menu_ar li a:focus, #menu_fr li a:focus, #menu_en li a:focus, #menu_ar dt a:hover, #menu_fr dt a:hover, #menu_en dt a:hover, #menu_ar dt a:focus, #menu_fr dt a:focus, #menu_en dt a:focus{
	background-image: url('../images/icones/boutonactif.gif');
	background-position:bottom;
	padding-top:0px;
	margin:0px;
	color:#FF9900;
}
* html #menu_ar li a:hover, #menu_fr li a:hover, #menu_en li a:hover, #menu_ar li a:focus, #menu_fr li a:focus, #menu_en li a:focus, #menu_ar dt a:hover, #menu_fr dt a:hover, #menu_en dt a:hover, #menu_ar dt a:focus, #menu_fr dt a:focus, #menu_en dt a:focus
{ position: relative; top:1px; } /* hack IE pour decaler d'un pixel vers le bas */
 
.text_bandeau_ar span{
	color: #306d8e;
	font-size:15px;
	font-weight:700;
	padding:5px;
	margin:5px;
}
.text_bandeau_fr span, .text_bandeau_en span{
	color: #507f98;
	font-size:11px;
	font-weight:600;
}

.menubandeau {
	background: url('../images/icones/bg_pagenav.jpg');
	text-align: center;
	border-bottom:1px solid;	
}

img {
	border:0px none;
}
.floatLeft {

	float: left;
}
.floatar {
	float: left;
}
.float_inv_ar {
	float: right;
}
.floatfr, .floaten{
	float: right;
}
.float_inv_fr, .float_inv_en{
	float: left;
}
.puce {
	margin: 0 3px;
}
.date_aujourdhui_ar {
	text-align:right;
	font-size:12px;
	font-weight:700;
	font-family:Arabic Transparent;
	color:#527493;
}
.date_aujourdhui_fr, .date_aujourdhui_en {
	text-align:left;
	font-size:10px;
	font-weight:600;
	font-family:Arial, Verdana;
	color:#527493;
}

/* Habillage des forums */

.labelar, .labelfr, .labelen {
	display: block;
	width: 90%;
}
.blockar, .blockfr, .blocken {
	display: block;
	width: 90%;
}
.formlar{
	border:1px solid;
	padding:3px;
	margin:3px;
	width:90%;
	direction:rtl;
	unicode-bidi:embed;
}
.forml, .formlfr, .formlen {
	border:1px solid;
	padding:3px;
	margin:3px;
	width:90%;
	direction:ltr;
	unicode-bidi:embed;

}

.spip_encadrer{
	list-style: none;
	border: 1px solid #99a;
	width:90%;
	padding:0px;
	margin:0px;
	position:relative;
	background-color:#f4f4f4;
}
#textarea_1ar{
	padding:5px;
	margin: 5px;
	direction:rtl;
	unicode-bidi:embed;
	font-family:Arabic Transparent;
	font-size: 14px;
	font-weight:700;
}
#textarea_1fr, #textarea_1en{
	padding:5px;
	margin: 5px;
	direction:ltr;
	unicode-bidi:embed;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:400;
}

#formulairear{
	border: 0px;
	width:90%;
	margin:1px;
	direction:rtl;
	padding:5px;
	float:right;
	position:relative;
}
#formulairefr, #formulaireen{
	border: 0px;
	width:90%;
	margin:1px;
	direction:ltr;
	padding:5px;
	float:right;
	position:relative;
}

legend{		
	border:1px solid black;
	margin:2px;
	padding:2px;
	background-color:#ffffff;
}

.textforumar{
width: 99%;
clear: both;
float: right;
}

.textforumfr, .textforumen{
width: 99%;
clear: both;
float: left;
}

.spip_bouton, .spip_bouton p{
	display:inline;
	background-color:#f4f4f4; 
}

.pub_ar, .rub_ar, .pub_ar fieldset{
	width:100%;
	border-top: 1px solid #BCDEFA;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	padding: 0px;
	line-height:1.1em;
}
.pub_fr, .rub_fr, .rub_en,.pub_en, .pub_fr fieldset, .pub_en fieldset{
	width:100%;
	border-top: 1px solid #BCDEFA;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	padding: 0px;
	line-height:1.1em;
}

		/* la forme de la case pour commenter ce texte dans Forums */

.legend_pub_ar{
	background-color:#31639c;		
	border:1px solid #BCDEFA;
	color: #FFF;
	margin:20px;
	padding:3px;
	float: left;
	text-align:right;
	direction:ltr;
}
.legend_pub_fr, .legend_pub_en{
	background-color:#31639c;		
	border:1px solid #BCDEFA;
	color: #FFF;
	margin:20px;
	padding:3px;
	float: left;
	text-align:left;
	direction:ltr;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.legend_rub_ar{
	border:1px solid #BCDEFA;
	color:#D04A11;
	margin:10px;
	padding:5px;
	float: right;
	text-align:right;
	direction:rtl;
	font-family: Andalus;
	font-size: 22px;
}
.legend_rub_fr, .legend_rub_en{
	border:1px solid #BCDEFA;
	color:#D04A11;
	margin:10px;
	padding:5px;
	float: left;
	text-align:left;
	direction:ltr;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:600;
}
input.hidden {
	border:0px none;
}

				/* table des signataires des pétitions   */

table.signature {
-moz-border-radius: 0.4em;
	background-color: #fffafa; 
}
table.signature td {
-moz-border-radius: 0.4em;
	border: 1px dashed green;
	padding: 0 1em;
}

				/* maitrisez ici la forme de la date dans le tableau signataire  */

.signature-date {
-moz-border-radius: 0.4em;						
}
				/* maitrisez ici la forme du nom dans le tableau signataire  */

.signature-nom {
-moz-border-radius: 0.4em;						
}

.signature td, .signature th {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	background: url('../images/icones/barre30.jpg');
	height:30px;
	font-weight: bold;
	font-size: 100%;
	text-align:center;
	margin:0px;
	padding:0px;
}
				
img.spip_logos {
	border: 0px solid #E0E0E0;
	margin:0px;
	padding:0px;
}

.formule_de_recherche_fr, .formule_de_recherche_en, .formule_de_recherche_fr input, .formule_de_recherche_en input {
	border-left:2px solid #989898;
	border-top:2px solid #989898;
	border-bottom:2px solid #f0f0f0;
	border-right:2px solid #e0e0e0;
	margin:1px;
	padding:1px;
	height: 16px;
	direction:ltr;
	text-align:left;
	
}
.formule_de_recherche_ar, .formule_de_recherche_ar input {
	border-left:2px solid #989898;
	border-top:2px solid #989898;
	border-bottom:2px solid #f0f0f0;
	border-right:2px solid #e0e0e0;
	margin:1px;
	padding:1px;
	height: 16px;
	direction:rtl;
	text-align:right;
}
.formulaire_recherche{
	background-color: #fff;
	width:90%;
	border-left:2px solid #989898;
	border-top:2px solid #989898;
	border-bottom:2px solid #f0f0f0;
	border-right:2px solid #e0e0e0;
	margin:1px;
	padding:1px;
}
.titre_forumar{
display:block;
direction:rtl;
text-align:right;
}
.titre_forumfr, .titre_forumen{
display:block;
direction:ltr;
text-align:left;
}
.titre_rep_forumar{
	display:inline;
	float:right;
	direction:rtl;
}
.titre_rep_forumfr, .titre_rep_forumen{
	display:inline;
	float:left;
	direction:ltr;
}
.titre_date_forumar{
	display:inline;
	float:left;
	direction:rtl;
}
.titre_date_forumfr, .titre_date_forumen{
	display:inline;
}
span.titreForum {
	display: block;
	text-align: right;
}
.for-textear, .for-textefr, .for-texteen{
border:2px solid;
border-color:#f2f2f2;
padding:2px;
}
.submit{
	display:inline;
	background-color:white;
}

.spip_code {
	text-align: left;
	margin-top:4px; 
	margin-bottom:4px;
	margin-left:10px;
	padding-left:10px;
	border-left:2px solid transparent;
}


/*
 * Le contenu de la page
 */
.Contar{
	width:99%;
	float:right;
	padding-right:2px;
	padding-left:2px;
	position:relative;
	padding-bottom:1px;
	line-height: 1.1em;
	direction:rtl;
	unicode-bidi:embed;
}

.Contfr, .Conten {
	width:99%;
	float:right;
	padding-right:2px;
	padding-left:2px;
	position:relative;
	padding-bottom:1px;
	line-height: 1.1em;
	direction:ltr;
}

.Contfr p, .Conten p{
	padding:6px;
	text-align:justify;
}

.titre-page{
display:inline;
text-align:center;
width: 100%;
}

.Contfr h1.titre-texte, .Conten h1.titre-texte {
	text-align:left;
	clear: left;
	margin-left:3px;
	padding-left:3px;
	margin-top:2px; 
	margin-bottom:1px;
	padding-top:2px;
	padding-bottom:1px;
}

.Contfr h2.titre-page, .Conten h2.titre-page, .Contar h2.titre-page {
	border:0px;
	margin:0px;
	padding:0px;
	background: url('../images/icones/logotiny.jpg') no-repeat 0 0;
	text-align: center;
	height:24px;
	float:left;
	width:100%;
}

.Contfr h1.titre-page, .Conten h1.titre-page {
	text-align: left;
	padding:5px;
	margin-top:-6px;
	margin-left:-6px;
	margin-right:-6px;
}

.Contfr h2.titre-texte, .Conten h2.titre-texte {
	text-align:left;
	clear: left;
	margin:3px;
	padding:3px;
}
.extraitar{
clear: right;
padding-top:3px; 
padding-bottom:6px;
margin: 6px;
direction:rtl;
text-align:right;
}
.extraitfr, .extraiten{
clear: left;
margin:6px; 
padding-top:3px;
padding-bottom:6px;
direction:ltr;
text-align:left;
}
.Contar .extrait {
	clear: right;
	padding-top:3px; 
	padding-bottom:6px;
	margin: 6px;
	text-align:justify;
}
.Contfr .extrait, .Conten .extrait {
	margin:6px; 
	padding-top:3px;
	padding-bottom:6px;
}
.Contfr .soustitre, .Conten .soustitre {
	clear: left;
	margin-top:0px; 
	margin-bottom:0px;
	padding-top:0px; 
	padding-bottom:0px;
	margin-right:6px;
	padding-left:6px;
}
.Contfr .publication , .Conten .publication {
	margin-top:0px; 
	margin-bottom:0px;
	margin-right:6px;
	margin-left:6px;
}

.Contfr a.spip_out, .Conten a.spip_out{

}
.Contfr  h3.spip , .Conten h3.spip {
	text-align: left;
	margin-top:5px; 
	margin-bottom:5px;
}
.Contfr p.spip, .Conten p.spip {
	text-align: left;
	margin-top:2px; 
	margin-bottom:4px;
}

.Contfr .spip_code, .Conten .spip_code {
	text-align: left;
	margin-top:4px; 
	margin-bottom:4px;
	margin-left:10px;
	padding-left:10px;
	border-left:2px solid transparent;
}
.Contfr .spip_code tt , .Conten .spip_code tt {
}

/* ici le contenu en arabe ************************  */

.Contar p, p.spip{
	padding-top:2px;
	margin-top:2px;
	padding-right:5px;
	margin-right:5px;
	padding-left:5px;
	margin-left:5px;
	padding-bottom:1px;
	text-align:justify;
}
.Contar h1.info {
	border-bottom:0px none;
}
.Contar h2.titre-texte {
	text-align:right;
	clear: right;
	margin-right:6px;
	padding-left:6px;
	margin-top:3px; 
	margin-bottom:1px;
	padding-top:3px;
	padding-bottom:1px;
}

.Contar h1.titre-texte {
	text-align:right;
	clear: right;
	margin-right:3px;
	padding-left:3px;
	margin-top:3px; 
	margin-bottom:1px;
	padding-top:3px;
	padding-bottom:1px;
}

.Contar h3.titre-article {
	background: url('../images/icones/bg_pagenav.jpg');
	height:27px;
	width:99%;
	padding-right:5px;
}

.Contar .publication {
	clear: right;
	margin-top:0px; 
	margin-bottom:0px;
	margin-right:6px;
	margin-left:6px;
}

.Contar .soustitre {
	clear: right;
	margin-top:0px; 
	margin-bottom:0px;
	padding-top:0px; 
	padding-bottom:0px;
	margin-right:6px;
	padding-left:6px;
}

.Contar a.spip_out{
}
.Contar h3.spip {
	text-align: right;
	margin-top:8px; 
	margin-bottom:8px;
}

.Contar .menu-liste {
	list-style: none;
	text-align:right;
}

.Contar .menu-item {
	list-style: none;
	text-align:right;
}

.Contfr .menu-liste, .Conten .menu-liste {
	list-style: none;
	text-align:left;
}

.Contfr .menu-item, .Conten .menu-item {
	list-style: none;
	text-align:left;
}

/*
   Habillage des forum
*/

.spip_barre {
	background-color:#CCD8E6;
	border:0;
}

table.spip_barre {
	border-collapse: collapse;
	margin-right:5px;
	padding-right:5px;
	width: 100%;
}

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #C1D0E1;
}

a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #A5BBD3;
}

.spip-env legend {
	background-color: #CCD8E6;
	border: solid 1px #F00;
	padding: 1px 1em;
	font-weight: bold;
}


/* Menu Deroulant **************************************** */

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	border:0px none;
	list-style-type: none;
}

/* interieur de colonne centre ...... image droite et texte gauche */

Contar .image_extrait_article img {
	display:block;
}

Contar .image_extrait_article {
	display:block;
}
Contar .texte_extrait_article{
	/*display:block;*/
}

.spip_doc_titre{
	text-align:center;
}

.spip_documents {
	padding: 5px;
}

hr.spacer {
	clear: both;
	visibility: hidden;
}

/* les commentaires reponses aux articles -forums--- */
.comment_forumsar h1, .comment_forumsfr h1, .comment_forumsen h1{
	background: url('../images/icones/barre20.gif');
	border: 0px none;
	padding-top:2px;
	margin-top:2px;
	text-align:center;
	width:100%;
	height:30px;
}

.Contar li.fors {
	list-style: none;
	border: 2px solid #dfdfdf;
	margin:2px;
	padding:3px;
	background-color:#f0f0f0;
}
.Contar .for-titre {
	border: 2px solid #ffffff;
	background-color: #f4f4f4;
	margin:2px;
	padding:3px;
}

.Contar .for-total {
	background-color: #fff;
	width:98%;
	list-style: none;
	margin:2px;
	padding: 3px;
}

.Contar ul.for-total {
	list-style: none;
	background-color: #fff;
	margin:2px;
	padding:3px;
}

.Contfr li.fors, .Conten li.fors {
	list-style: none;
	border: 2px solid #dfdfdf;
	margin:2px;
	padding:3px;
	background-color:#f0f0f0;
}

.Contfr .for-titre, .Conten .for-titre {
	border: 2px solid #ffffff;
	background-color: #f4f4f4;
	margin:2px;
	padding:3px;
}

.Contfr .for-total, .Conten .for-total {
	background-color: #fff;
	width:98%;
	list-style: none;
	margin:2px;
	padding: 3px;
}

.Contfr ul.for-total, .Conten ul.for-total {
	list-style: none;
	background-color: #fff;
	margin:2px;
	padding:3px;
}


/* img est ici pour corriger les images issues de spip avec la classe img.spip-logo qui définit un padding de 20px */

.titre{
width:98%;
float:right;
background-color: white;
border:0;
padding:0px;
margin:0;
}

.debupg{
display:inline;
width: 99.5%; 
float:right;
background-image: url('../images/icones/vertical.gif');
height: 40px;
background-repeat:repeat-x;
background-position:100% 100%;
}

.debutitrepage{
display:inline;
left:0px;
width:100%; 
float:left;
border:0;
padding:0px;
margin:0px;
text-align:center;
height: 24px;
background-color:#3c5d70;
}

b {font-size: 12px}
font {font-size: 12px}

.pagination_article, .pagination_article p{ 
width: 95%;
direction:ltr;
text-align:left;
padding:5px;
margin:5px;
font-size: 75%; 
color:#CC9933;
background-color:#F8F8F8;
}
.pagination_article_ar, .pagination_article_ar p{ 
width: 95%;
direction:rtl;
text-align:right;
padding:5px;
margin:5px;
font-size: 85%; 
color:#CC9933;
background-color:#F8F8F8;
}

.auteur_ar {
font-family:"Arabic Transparent";
font-size:14px;
font-weight:700;
padding:5px;
margin:5px;
}
.auteur_fr, .auteur_en {
font-family:"Arial";
font-size:11px;
font-weight:500;
font-weight:bold;
padding:5px;
margin:5px;
}

.Contar .menu-liste, .Contar .menu-item {
	list-style: none;
	text-align:right;

}
.Contfr .menu-liste, .Conten .menu-liste, .Contfr .menu-item, .Conten .menu-item {
	list-style: none;
	text-align:left;
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 15px;
    left: -50px;
    padding: 2px;
    color: #AE1E09;
    border: 1px solid #bbb;
    background: #FDFBCE;
}
a.tooltip:hover em span {
    position: absolute;
    top: 15px;
    left: -50px;
    margin:0;
    padding: 0;
    border: 0;
}
#documents_portfolio{
border:2px dotted #E8E2E0;
width: 95%;
margin-right: 5px;
background: #f2f2f0;
padding: 3px;
}
.griser{
height: 70px;
opacity=1;
filter:alpha(opacity=100);
-moz-opacity:1;
}