/* Style copié de /css/style.css puis modification de left en right ... pas tout */
/* reset css http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1em;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
/* fin reset */

body {
	font: large/1.556 "Libertine", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;
	word-spacing: 0.1em;
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 2em;
	direction: rtl; /*displays text direction as right to left*/
}

/*inséré 2018-06-08 */
html, body {
	background: #fff;
	color: #000;
	/* centrer ttes les pages */
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/*fin*/
.windowbg p span {}

/* Paragraphs */
p {margin: 0 0 1em 0;}

/* nouveau à partir du 2018-06-09 */
/* links */
a {text-decoration: none;}
a:link {color: FireBrick; border-bottom: 1px dotted;}
a:visited {color: RosyBrown; border-bottom: 1px dotted;}
a:link:hover, a:visited:hover {border-bottom: 1px solid;}
/*les codes ci-dessous pour effacer le souslignement des liens-images ont échoué et d'autres aussi */
.image_link {border-bottom: none; }
a img, img:link , img:visited, img:hover, img:visited:hover {/* Applique la suppression de bordures à toutes les images*/ border: none !important; border-bottom: none !important; text-decoration: none !important;}

/* Modif */
/*définitions récupérés de modification.css afin d'uniformiser les affichage */
ins {	/* background-color: transparent; ancienne définition */ text-decoration: underline double blue; display: initial; }
del {	/*ancienne définition */text-decoration: line-through dashed red;	display: initial; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: "Essays 1743", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif; /* ajouté le 09-06-2018 */
	font-weight: normal; /* ajouté le 09-06-2018 */
	/*arabic*/
	text-align: right; /* ajouté le 09-06-2018 */
	border-right: 5px solid rgba(249,6,6,1.00);
	background: transparent;
	border-left: 5px solid; /*rgba(0,0,0,1.00); Désactivé 2018/06/16*/
	color: #3282BD;
	font-size: 110%; /* au lieu de 11 pt jusqu'au 09-06-2018 */
	/*margin: 0 0 1em 0; Supression des espaces au-dessous et en-dessous avec la commande ci-dessous*/
	margin: 0;
	padding: 0 0 0 1px;
	line-height: 1.3125; /* ajouté le 09-06-2018 */
}

/* 2018-01-08 Modification des définitions de h1 à h5 afin de réduire la taille des polices et les rendre identiques à celles de Titresx */
/* headers */
h1 {
	width: 100%; 
	/*margin: 0.67em 0;*/
	border-right: 5px solid rgba(0,0,0,1.00); 
	/* bande alternée à droite modifié le 2018-06-16*/
	border-left: 5px solid rgba(249,6,6,1.00); 
	/*bande alternée modifié le 2018-06-16 */
}
h2 {
 /*margin: 0.83em 0;*/
	margin: 0 0 1px 10 ; /* marge réintroduites pour test avec barre de navigation verticale 2018-06-29 */
	border-left: 5px solid rgba(0,0,0,1.00); /* bande alternée à droite modifié le 2018-06-16*/
	border-right: 5px solid rgba(249,6,6,1.00); /*bande alternée modifié le 2018-06-16 */
	text-indent: 5px;
}
h3 {
	/*margin: 1em 0;*/
	margin: 0 0 1px 15 ; /* marge réintroduites pour test avec barre de navigation verticale 2018-06-29 */
	border-right: 5px solid rgba(0,0,0,1.00); /* bande alternée à droite modifié le 2018-06-16*/
	border-left: 5px solid rgba(249,6,6,1.00); /*bande alternée modifié le 2018-06-16 */
	text-indent: 10px;
}

h4 {
/*margin: 1.33em 0;*/
	margin: 0 0 1px 20 ; /* marge réintroduites pour test avec barre de navigation verticale 2018-06-29 */
	border-left: 5px solid rgba(0,0,0,1.00); /* bande alternée à droite modifié le 2018-06-16*/
	border-right: 5px solid rgba(249,6,6,1.00); /*bande alternée modifié le 2018-06-16 */
	text-indent: 15px;
	
}
  
h5 {
/*margin: 1.67em 0;*/
	margin: 0 0 1px 25 ; /* marge réintroduites pour test avec barre de navigation verticale 2018-06-29 */
	border-right: 5px solid rgba(0,0,0,1.00); /* bande alternée à droite modifié le 2018-06-16*/
	border-left: 5px solid rgba(249,6,6,1.00); /*bande alternée modifié le 2018-06-16 */
	text-indent: 20px;	
}
  
h6 {
/*margin: 2.33em 0;*/
	margin: 0 0 1px 30 ; /* marge réintroduites pour test avec barre de navigation verticale 2018-06-29 */
	border-left: 5px solid rgba(0,0,0,1.00); /* bande alternée à droite modifié le 2018-06-16*/
	border-right: 5px solid rgba(249,6,6,1.00); /*bande alternée modifié le 2018-06-16 */
	text-indent: 25px;
	
}

/* Ajouté 2022-11-26 cadre suppression recours à transparent.gif et tables associées */
hr 
{
	margin: 2em 0 1em 0;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Forms */
form {
	margin: 0 0 1em 0;
	padding: 6px;
	/*arabic*/
	text-align: right;
}

label {
	background: transparent url("../images/backgrounds/label_bg.jpg") no-repeat 0% 50%;
	color: #999999;
	/*arabic*/
	padding-right: 5px;
}

/* input, textarea { */
textarea {
	/*background: #FFFFE6;*/
	background: transparent;
	border: 1px double #666666;
	color: #003399;
	font: 1em "lucida grande", "lucida sans unicode", verdana, helvetica, arial, sans-serif;
}

/* input:hover, input:focus, textarea:hover, textarea:focus { */
textarea:hover, textarea:focus {
	background: #FFFFE6;
	border: 2px double #3282BD;
}
input.option {
	border: 0px;
	background-color: transparent;
}
input.imgsubmit {
	border: 0;
	margin: 10px 10px 0 0;
}
input.required {
	border: 1px solid red;
}
input:required:focus {
  border: 3px solid red;
}
input:required:hover {
	opacity: 3;
}
label.required:before {
	content: "* ";
}
fieldset:hover, fieldset:focus {
	border: 1px solid #999999;
}
fieldset {
	border: 1px solid #EEEEEE;
	margin: 0 0 10px 0;
	padding: 8px;
}
legend {
	background: transparent;
	color: #6B651D;
	margin: 0 4px;
	padding: 0 4px;
	text-transform: uppercase;
}
ol, ul 
{
	margin: .9em 0;
	list-style: none;
	line-height: 1.2em; /* 2024-03-16 changé en 1 au lieu de 1.5 */
}
ol li {
	background: transparent;
	margin: 5px 0px 0px 10px;
	list-style-position: inside;
}
ul li::marker {
  color: red;
}
ol li::marker {
  color: red;
}

ol.arabic { list-style-type: arabic-indic;} /* Numérotation avec des chiffres arabes */
ol.u-roman { list-style-type: upper-roman;} /* The marker is upper-roman (I, II, III, IV, V, etc.)*/
ol.l-roman { list-style-type: lower-roman;} /*The marker is lower-roman (i, ii, iii, iv, v, etc.)*/
ol.u-alpha { list-style-type: upper-alpha;} /*(A, B, C, D, E, etc.)*/
ol.l-alpha { list-style-type: lower-alpha;} /* The marker is upper-latin a, b, c, d, e*/
ol.l-decimal { list-style-type: decimal;} 	/* (1, 2, 3) */
ol.l-greek { list-style-type: lower-greek;} 
ol.decimalzero { list-style-type: decimal-leading-zero;} /* THe marker is numeric with leadin zero */
ol.abjd {
  list-style: none;
}
/* Numérotation alphabétique en arabe */
ol.abjd > li::before {
	color: red;
  display: inline-block;
  width: 1em;
  margin-right: 1.5em;
  margin-left: 0.5em;
  text-align: left;
  direction: ltr;
}
ol.abjd > li:nth-child(1)::before  { content: ".أ"; }
ol.abjd > li:nth-child(2)::before  { content: ".ب"; }
ol.abjd > li:nth-child(3)::before  { content: ".جـ"; }
ol.abjd > li:nth-child(4)::before  { content: ".د"; }
ol.abjd > li:nth-child(5)::before  { content: ".هـ"; }
ol.abjd > li:nth-child(6)::before  { content: ".و"; }
ol.abjd > li:nth-child(7)::before  { content: ".ز"; }
ol.abjd > li:nth-child(8)::before  { content: ".حـ"; }
ol.abjd > li:nth-child(9)::before  { content: ".ط"; }
ol.abjd > li:nth-child(10)::before { content: ".ى"; }
ol.abjd > li:nth-child(11)::before { content: ".كـ"; }
ol.abjd > li:nth-child(12)::before { content: ".ل"; }
ol.abjd > li:nth-child(13)::before { content: ".مـ"; }
ol.abjd > li:nth-child(14)::before { content: ".ن"; }
ol.abjd > li:nth-child(15)::before { content: ".س"; }
ol.abjd > li:nth-child(16)::before { content: ".عـ"; }
ol.abjd > li:nth-child(17)::before { content: ".ف"; }
ol.abjd > li:nth-child(18)::before { content: ".صـ"; }
ol.abjd > li:nth-child(19)::before { content: ".ق"; }
ol.abjd > li:nth-child(20)::before { content: ".ر"; }
ol.abjd > li:nth-child(21)::before { content: ".ش"; }
ol.abjd > li:nth-child(22)::before { content: ".ت"; }
ol.abjd > li:nth-child(23)::before { content: ".ث"; }
ol.abjd > li:nth-child(24)::before { content: ".خـ"; }
ol.abjd > li:nth-child(25)::before { content: ".ذ"; }
ol.abjd > li:nth-child(26)::before { content: ".ضـ"; }
ol.abjd > li:nth-child(27)::before { content: ".ظ"; }
ol.abjd > li:nth-child(28)::before { content: ".غـ"; }
/* Unordered Lists */
ul 
{
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
	line-height: 1.2em;
}
ul li 
{
	margin: 0 0 1px 0;
	list-style-position: inside;
	padding: 0 0 0 18px;
}
/*2022-12-28 neutralisation
.windowbg ul li {
	background: transparent url("../images/misc/ul_bullet.gif") no-repeat 0 4px;
	list-style-image: url("../images/misc/linklist_bullet.gif");
	Use classes below recommended
}
*/
/* usage : <ul class="asterisk">*/
.disc { list-style-type: disc; text-indent: 1.5em;}
.square { list-style-type: square; text-indent: 1.5em;}
.tiret { list-style-type: '— '; text-indent: 1.5em;}
.asterisk { list-style-type: '* '; text-indent: 1.5em;}
.angle { list-style-type: '> '; text-indent: 1.5em;}
.arrowtoright { list-style-type: '→ '; text-indent: 1.5em;}  
.arrowtoleft { list-style-type: '← '; text-indent: 1.5em;}
.shorthand { list-style: '♥ ' outside none; text-indent: 1.5em;}
.escaped { list-style: '\2630 ' outside none; text-indent: 1.5em;}

/*
ul li:before 
{
	content: "-";
	display: block;
	float: left;
	width: 1.2em;
	color: #000000;
}
*/
#content ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}
#content ul li {
	background: transparent url(../images/misc/ul_bullet.gif) no-repeat 0 4px;
	margin: 0 0 1em 0;
	padding: 0 0 0 18px;
}
.texteplus ul li {
	list-style-image: url("../images/misc/ul_bullet.gif");
	text-indent: 1.5em;
	margin: 0 0 1em 0;
	padding: 0 0 0 18px;
}

blockquote.style2 {
	direction: rtl;
  background: transparent none no-repeat top left;
	font-style: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 30px;
  padding-right: 15px;
  border-right: 3px solid #ccc;
} 

/* Quotations */
blockquote {
	direction: rtl;
  background: transparent none no-repeat top left;
	font-style: normal;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 20px;
  padding-right: 10px;
  border-right: 3px solid #ccc;
}

cite {
	background: transparent;
	color: #3282BD;
	font-weight: bold;
}

strong {
	color: #696969;
}

/* Retiré de Modelecode.dwt le 2017-12-24 et inséré dans css 
La position récupérée de modelecodearabe code avant sa suppression de celui-ci*/
#KBStatic {
	position: fixed;
	left: 2px;
	top: 45%;
	width: 40px;
	margin: 0 0 0 0;
	padding: 1px 0px 1px 0px;
	font-weight: bold;
	font-size: large;
	align-content: center;
	text-align: center;
	text-indent: 0px;
	color: white;
	border: 3px solid hsla(121, 73%, 17%, 0.5);
	border-radius: 10px 10px 10px 10px;
	z-index: 25;
}

/* Layout Styles */
#outerwrapper {
	background: transparent none no-repeat 100% 100%;
	margin: 0;
	padding: 0;
}

#wrapper {
	background: #FFFFFF none repeat-y;
	font-size: 1.1em;
	margin: 0 auto;
}

#heading {
	background: #FFFFFF none no-repeat 0 0;
	height: 50px;
	position: relative;
}

#heading h1 {
	border: none;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#topnav {
	font-size: .9em;
	list-style-type: none;
	margin: 0;
	padding: 0 1px 0 0;
	position: absolute;
	/*arabic*/
	right: 0px;
	text-align: center;
	top: 0;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#topnav li {
	background: none;
	display: inline;
	text-align: center;
	width: 100px;
}

#topnav a {
	display: block;
	/*arabic*/
	float: right;
	padding: 18px 0 0 0;
	text-decoration: none;
	width: 100px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#topnav a:link, #topnav a:visited {
	color: #666666;
}

#topnav a:hover {
	color: #3288C5;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#topnav a:active, #topnav a:focus {
	color: #3288C5;
	text-decoration: underline;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#current a, #current a:link, #current a:hover, #current a:active, #current a:focus {
	color: #3288C5 !important;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#masthead {
	background: #FFFFFF none no-repeat 0 0;
	height: 218px;
	margin: 0 0 20px 0;
}

#masthead h2 {
	border: none;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#topcontent {
	margin: 0 auto;
	padding: 0;
	/*arabic*/
	text-align: right;
}

/* Other Bits */
.top {
	/*arabic*/
	text-align: right;
}

#portbut {
	line-height: normal;
	margin: 0;
}

.clearboth {
	clear: both;
}

.rightalign {
	text-align: right;
}

p.latestproject {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: .8em;
}

p.latestproject a {
	display: block;
}

img.thumbnailone {
	border: 1px solid #EEEEEE;
	padding: 1px;
}

img.thumbnailtwo {
	border: 3px double #EEEEEE;
	padding: 2px;
}

.leftfloat {
	float: left;
	margin-left: 8px;
}

.rightfloat {
	float: right;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
}

/* 
2018-01-08
J'ai modifié les définitions de h1 à h5 afin de réduire la taille des polices et les rendre identique à ceux de Titresx ci-dessous reproduits:
2018-06-09
Suite à la modification des hi, j'ai à titre temporaire reproduit les définitions des hi pour les rendre identiques à celles des Titrei en attendant de ne plus utiliser dans les pages du site ces deux défintions à la fois en même temps j'ai supprimé les anciennes définitions des titrex
*/
/* headers */

.titlebg			{background-color: inherit;} /*base*/ /*YabbSE*/
.bordercolor	{background-color: #FFFFFF;} /*base*/ /*YabbSE*/ /*glossword*/
.catbg				{background-color: transparent; color: inherit; } /*base*/ /*YabbSE*/
.g       			{color: #9B99FF; background: transparent; font: bold 100% "trebuchet ms", verdana, arial, helvetica, sans-serif; } 
.texte				{font-size: inherit; color: inherit;} /*base*/
.windowbg 		{background-color: #FFFFFF;} /*base*/ /*YabbSE*/
.windowbg2		{background-color: transparent;} /*base*/ /*YabbSE*/
.windowbg3		{background-color: transparent;	/*arabic*/	text-align: right;} /*base*/ /*YabbSE*/
.retrait-ar-droite {  margin-left:50px;}
.term         {color: #000000; background: transparent; font: 135% georgia,"times new roman",serif; } /*glossword*/
.trns         {color: #000000; background: transparent; font: bold 110% "arial unicode ms",arial,sans-serif; } /*glossword*/
.aazz         {font: bold 100% 'trebuchet ms',arial,verdana,sans-serif; margin: 0; padding: 0; width: 100%; } /*glossword*/
.r            {font: bold 91% verdana,arial,sans-serif; } /*glossword*/
.abbr         {color: #777; background: transparent; font: bold 100% verdana,arial,sans-serif; } /*glossword*/
.abbrpetit    {color: #777; background: transparent; font: bold 70% verdana,arial,sans-serif; } /*citation*/
.termpreview  {font: 79% "arial unicode ms",arial,helvetica,sans-serif; } /*glossword*/
.meaction			{color:red; background-color: transparent;} /*YabbSE*/
.h            {color: #588400;} /*glossword*/
.text1				{font-style: normal; font-weight: bold; font-size: 13px; color: Black;} /*base*/
.code					{font-size: 10px; font-family: Courier New; color: #000000; background-color: #FFB920;} /*base*/ /*YabbSE*/
.u						{font: 90% verdana,arial,helvetica,sans-serif; } /*glosswords*/
.f         	 	{color: #777; background: transparent; } /*glossword*/
.little				{font-size : 10px;color: #FF0000;} /*phpMyFaq*/
.bookmark			{font-size: 10pt; color: #003A8C; line-height: normal; font-weight: bold} /*base*/
.poll					{font-size: 10px; font-family: Arial;	background-color: rgba(224,222,240,1.00);	color: red;} /*base*/
.d          	{color: #6A00CC; background: transparent; } /*glossword*/
.defn       	{margin: 0 1em 0 1em; font: 106% "times new roman",serif; text-align: justify; } /*glossword*/
.section 			{font-size : 12px;}
.comment			{color: #000080; font-size : 10px; border-bottom : 1px dashed Navy;	border-top : 1px dashed Navy; 	background-color : #EEEEEE;	} /*phpMyFaq*/
.w 						{font: bold 140% "trebuchet ms", verdana, sans-serif;	color: #FF0000;} /*glosswords*/



/* recup d'un template utilisé dans la première version de Yabbse utilisée*/
/* ces définitions font en fait double emploi avec les balises h1 à h6
Je vais les conserver à titre provisoire le temps d'épurer le code html des pages qui y recourent
Dans l'intervalle on fera en sorte que leur définition doivent coïncider avec celle des h1 à h6
*/
.titre1, .titre2, .titre3, .titre4, .titre5, .titre6 {
	font-family: "Essays 1743", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif; /* ajouté le 09-06-2018 */
    font-weight: normal; /* ajouté le 09-06-2018 */
	/*arabic*/
	text-align: right; /* ajouté le 09-06-2018 */
	background: transparent;
	/*arabic*/
	border-right: 5px solid rgba(249,6,6,1.00);
	color: #3282BD;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 110%; /* au lieu de 11 pt jusqu'au 09-06-2018 */
	margin: 0 0 1em 0;
	padding: 0 0 0 1px;
	line-height: 1.3125; /* ajouté le 09-06-2018 */
}

.titre1 {  width: 100%;  margin: 0.67em 0;}
.titre2 {  margin: 0.83em 0;}
.titre3 {  margin: 1em 0;}
.titre4 {margin: 1.33em 0;}
.titre5 {margin: 1.67em 0;}
.titre6 {margin: 2.33em 0;}