/*	**********************************************************************************************
		*                                                                                            *
		*   Développeur : SIBILLE Thibaut - thibaut@rimay.net                                        *
		*   Destinataire : Sangha Rimay International                                                *
		*   Date de création du projet : juin 2009                                                   *
		*   Version du projet : 3.0                                                                  *
		*   Adresse web : www.rimay.net                                                              *
		*                                                                                            *
		*   Commentaires : IMPORTANT !!! Voir les remarques dans MODIFICATION STYLE SRI plus bas     *
		*                                                                                            *
		********************************************************************************************** */


	/* GENERAL */
  	body { margin : 0; background-color : #953449; }
  	body, td { font-family : Verdana,Arial; font-size : 11px; color : #3B3B66; }
  	p { margin : 0; padding : 0; }
  	img { border : 0; } /* les images n'ont pas de bordure par defaut */
		/* infobulle */
			.infosBulle { font-size: 11px; font-family : Arial; position:absolute; visibility: hidden; z-index:800; padding:10px; border:1px solid black; }
			.infoBulle_titre { text-align : center; font-size : 14px; font-weight : bold; }
			.infoBulle_texte { font-size : 11px; }
  	.ULcolDroite { padding : 0 0 0 15px; }
  	.main_div_padding { padding : 14px 0 0 22px; } /* padding du DIV contenant les infos du site (articles, sommaire etc...) */
		/* Pour les liens sur les images placées dans la colonne de droite. Pense à mettre <a href="monlien" class="lienSurImage">mon image</a>*/
  	#deco_fdFleurLeft { background-position : right; background-image:url('images/fd_svaLeft.png'); }
  	#deco_fdFleurRight { background-image:url('images/fd_svaRight.png'); }
  	.ombre1_dessus  { width : 100%; height : 5px; position:relative;z-index : 6; background-image:url('images/ombreRouge.png'); }
  	.ligneBlanche  { width : 100%; height : 2px; position:relative;z-index : 6; background-image:url('images/ligneBlanche.png'); }
  	.ombre1_dessous { width : 100%; height : 5px; position:relative;z-index : 6; background-image:url('images/topOmbre.png'); }
		/* Pour le séparateur HR il convient de faire une bidouille pour IE */
			div.hr {
				margin : 7px;
				height: 5px;
				background: url(images/hr.png) repeat-x scroll center;
			}
			div.hr hr {
				display: none;
			}
		
	/* NAVIGATION */
  	.navigationMain { height : 32px; cursor:pointer; padding : 0 10px 0 0; font-size : 12px; text-align : right; color : white; }
  	.navigationMain a:link { color : white; text-decoration : none; }
  	.navigationMain a:visited { color : white; text-decoration : none; }
  	.navigationMain a:hover { color : white; text-decoration : underline; }
  	.navigationMain a:focus { color : white; text-decoration : underline; }
  	.navigationMain a:active { color : white; text-decoration : underline; }
  	.navigationMain_small { font-size : 10px; }
  	.navigationMain_ES { color : #BF2543; }
  	.navigationMain_ES_small { font-size : 10px; color : #BF2543; }

		/* Navigation des sous rubriques */
		.navigationSousRubriques {
			padding : 5px 0 0 0;
			position : relative;
			z-index : 4;
			width : 100%;
			height : 24px;
		}
		
		/* Navigation des rubriques */
/*		.navigationRubriques {
			margin : 0 11px 12px 22px;
			padding : 3px 0 0 0;
			position : relative;
			float : left;
			z-index : 5;
			top : -2px;
			width : 693px;
			height : 23px;

			background-image : url('images/barreNav_sri.png');
			font-size : 10px;
			color : #E6511E;
		}
	*/	
		/* fil d'Ariane */
		.filAriane {
			background-image:url('images/fildariane.png'); width : 693px;
			padding : 0 0 6px 0;
			width : 693px;
			font-size : 10px;
			color : #E6511E;
		}
		.filAriane a { text-decoration : none; color : #E6511E; }
		.filAriane a:visited { text-decoration : none; color : #E6511E; }
		.filAriane a:hover { text-decoration : underline; color : #E6511E; }


/*	Special page d'accueil, on redéfini les styles afin d'avoir une présentation un peu différente des articles */
		  	.sommaire_titre { 
		  		text-align : center;
		  		font-variant : small-caps;
					text-align : left;
					font-family : Georgia;
					font-size : 28px;
					color : #3B3B66;
					letter-spacing : 1px;
					word-spacing: 0px;
		  	}
		  	.sommaire_sousTitre {
					text-align : left;
					font-family : Georgia;
					font-size : 17px;
					color : #ab1029;
					line-height : 19px;
					letter-spacing : 1px;
					word-spacing: 0px;
		  	}
		  	.sommaire_sousTitre_temp {
		  			padding : 5px 0 0 0;
		  			margin : 0 0 0 0;
					text-align : center;
					vertical-align : middle;
					font-family : Georgia;
					font-size : 17px;
					font-variant: small-caps;
					color : #ab1029;
					line-height : 19px;
					letter-spacing : 1px;
					word-spacing: 0px;
		  	}

		
		/* trio d'onglets */
/*	  	#trioOnglet {
				margin : 0 22px 12px 0;
				position : relative;
				float : right;
				z-index : 5;
				top : -6px;
				font-family : Arial; font-size : 10px; color : white; text-align : center;
			}*/
	  	.onglet1 { padding : 0 0 5px 0; font-family : Arial; font-size : 10px; color : white; text-align : center;width : 80px; background-image : url('images/trioOnglet.png'); }
	  	.onglet1 a:link { color : white; text-decoration : none; }
	  	.onglet1 a:visited { color : white; text-decoration : none; }
	  	.onglet1 a:hover { text-decoration : underline; }
	  	.onglet2 { padding : 0 0 5px 0; font-family : Arial; font-size : 10px; color : white; text-align : center;width : 80px; background-image : url('images/trioOnglet.png'); }
	  	.onglet2_temp { padding : 5px 0 0 0; font-family : Georgia;font-variant: small-caps; font-size : 14px; color : white; text-align : center;vertical-align : middle;  }
	  	.onglet2 a:link { color : white; text-decoration : none; }
	  	.onglet2_temp a:link { color : white; text-decoration : none; }
	  	.onglet2 a:visited { color : white; text-decoration : none; }
	  	.onglet2 a:hover { text-decoration : underline; }
	  	.onglet3 { padding : 0 0 5px 0; font-family : Arial; font-size : 10px; color : white; text-align : center;width : 80px; background-image : url('images/trioOnglet.png'); }
	  	.onglet3 a:link { color : white; text-decoration : none; }
	  	.onglet3 a:visited { color : white; text-decoration : none; }
	  	.onglet3 a:hover { text-decoration : underline; }
/*	  	.onglet1 { position : relative; float : left;  padding : 3px 0 0 0; width : 80px; height : 23px; background-image : url('images/trioOnglet1.png'); }
	  	.onglet1 a:link { color : white; text-decoration : none; }
	  	.onglet1 a:visited { color : white; text-decoration : none; }
	  	.onglet1 a:hover { text-decoration : underline; }
	  	.onglet2 { float : left; padding : 3px 0 0 0; width : 81px; height : 23px; background-image : url('images/trioOnglet2.png'); }
	  	.onglet2 a:link { color : white; text-decoration : none; }
	  	.onglet2 a:visited { color : white; text-decoration : none; }
	  	.onglet2 a:hover { text-decoration : underline; }
	  	.onglet3 { float : left; padding : 3px 0 0 0; width : 81px; height : 23px; background-image : url('images/trioOnglet3.png'); }
	  	.onglet3 a:link { color : white; text-decoration : none; }
	  	.onglet3 a:visited { color : white; text-decoration : none; }
	  	.onglet3 a:hover { text-decoration : underline; }
	*/	
	/* CONTENT */
  	#main { padding : 0; background-color : #FFF1D2; }
	  .imageDecale { margin : 25px 0 0 0; position : relative; left : -22px; } /* pour le décalage de l'image LOL de l'article SPIP */
		
		/* Conteneur de l'article */
  		#blocArticle {
				padding : 0 0 22px 0;
				margin : 0;
				width : 693px;
				font-size : 11px;
				line-height : 20px;
				/* background-color : #FCF2DF; */
			}
/*	*********************************************************************************************
		IMPORTANT !!! MODIFICATION STYLE SRI
		Cette modif est faite pour que le rendu via CKEditor et l'affichage de partout soit le même.
		Ceci permet de modifier le style de façon dynamique et nous rend moins dépendant de CKEditor.
		Ces styles sont valables pour le texte de l'editeur CKEditor, de la partie privée de SPIP et pour le site internet.
		Ces styles doivent etre les MEME dans les fichiers suivants mais avec des noms de classe DIFFERENTS :
		- prive/style_prive_defaut.css
		- squelettes/texteTitre.css
		- squelettes/ckeditorsri.css
		- squelettes/style.css
		- dans la config manuelle des styles du plugin CKEditor sous SPIP si besoin

		Pensez que le plugin CKEditor a une config sous SPIP qui doit inclure le style texteTitre.css
		 */
			/* Définition du TEXTE d'un article STANDARD */
			  .texteArticle{
					font-size : 11px;
					line-height : 20px;
				}
				/* Définition des LIENS dans un ARTICLE DECALE */
					.texteArticle a {
						text-decoration: none;
						color: #3B3B66;
						border-color: #888;
						border-width: 0 0 1px 0;
						border-style: none none solid none;
						padding: 3px 0px 2px 0px;
						background-color: inherit;
						}
					
					.texteArticle a:visited {
						color: #3B3B66;
						border-color: #999;
						border-width: 0 0 1px 0;
						border-style: none none dashed none;
						padding: 3px 0px 2px 0px;
						background-color: inherit;
						}
					
					.texteArticle a:hover {
						color: white;
						text-decoration: none;
						background-color: #606870;
						border-color: #606870;
						}
			  
			/* Définition des TITRES dans un ARTICLES */
		  	.articleTitre { 
					text-align : left;
					font-family : Arial;
					font-size : 30px;
				  font-weight : bold;
					color : #F6D182;
					/* font-style : italic; */
					line-height : 25px;
					letter-spacing : 1px;
					word-spacing: 0px;
					margin : 0 0 30px 0;
		  	}
		  	.articleSousTitre {
					text-align : left;
					font-family : Georgia;
					font-size : 17px;
					/* font-weight : bold; */
					color : #6B153C;
					/* font-style : italic; */
					line-height : 19px;
					letter-spacing : 1px;
					word-spacing: 0px;
		  	}

		/* Colone de gauche pour les brèves en page d'accueil */
			.bloc_contenu {
				padding : 22px;
				background-color : #F8F4ED;
				border-top : 0;
				border-right : 1px solid #FFB761;
				border-bottom : 1px solid #FFB761;
				border-left : 1px solid #FFB761;		
			}
			
	  	#bloc_contenuLeft {
				width : 242px;
				padding : 0 22px 22px 0;
			}
	  		/* Brèves */
					.brevesTitre { color : #3B3B66; font-size : 11px; font-weight : bold; }
					.brevesDate { font-family : Georgia; font-size : 10px; color : #E6511E; text-align : right; letter-spacing : 1px; }
					.brevesDate_temp {  font-size : 10px; color : #E6511E; text-align : right; letter-spacing : 1px; }
					.brevesDate_temp2 {  font-size : 11px; color : #E6511E; text-align : right; letter-spacing : 1px; }
					.brevesContenu { padding : 0 10px 0 10px; color : #4A4B80; line-height : 18px; font-size : 11px; }
					.brevesContenu_temp { padding : 10px 22px 0 22px; color : #4A4B80; line-height : 18px; font-size : 11px; }
					.brevesContenu a { color : #4A4B80; text-decoration : none;}
					.brevesContenu a:visited { color : #4A4B80; text-decoration : none; }
					.brevesContenu a:hover { text-decoration : none; color : #C5072D; }
  		
	  		/* Brèves */
					.paTitre { color : #3B3B66; font-size : 11px; font-weight : bold; }
					.paDate { font-family : Georgia; font-size : 10px; color : #E6511E; text-align : right; letter-spacing : 1px; }
					.paContenu { padding : 0 10px 0 10px; color : #4A4B80; line-height : 18px; font-size : 11px; }
					.paContenu_temp { padding : 10px 22px 0 22px; color : #4A4B80; line-height : 18px; font-size : 11px; }
					.paContenu_temp a { color : #4A4B80; text-decoration : none;}
					.paContenu_temp a:visited { color : #4A4B80; text-decoration : none; }
					.paContenu_temp a:hover { text-decoration : none; color : #C5072D; }
					.paContenu_temp2 { padding : 10px 10px 0 10px; color : #4A4B80; line-height : 18px; font-size : 14px; }
					.paContenu_temp2 a { color : #4A4B80; text-decoration : none;}
					.paContenu_temp2 a:visited { color : #4A4B80; text-decoration : none; }
					.paContenu_temp2 a:hover { text-decoration : none; color : #C5072D; }
					.paContenu a { color : #4A4B80; text-decoration : none;}
					.paContenu a:visited { color : #4A4B80; text-decoration : none; }
					.paContenu a:hover { text-decoration : none; color : #C5072D; }
					.paContenu_temp3 { padding : 0 0 0 0; color : #4A4B80; line-height : 18px; font-size : 11px; }
					.paContenu_temp3 a { color : #4A4B80; text-decoration : none;}
					.paContenu_temp3 a:visited { color : #4A4B80; text-decoration : none; }
					.paContenu_temp3 a:hover { text-decoration : none; color : #C5072D; }
  		
		/* Colone du milieu pour l'introdution en page d'accueil */
	  	#bloc_contenuCenter {
				width : 429px;
				padding : 0 0 22px 0;
			}
		/* Colone de droite divers trucmes en page d'accueil */
	  	.bloc_contenuRight {
				width : 242px;
				margin : 0 22px 22px 22px;
				font-size : 11px;
				line-height : 20px;
			}


		/* Pour l'affichage dans un SPIP du programme des événements du calendriers (ex : page programme => Session d'intro, l'affichage des sessions d'intro à la fin de l'article )*/
		  .texteArticleDecale_calendrier {
		  	color : #3B3B66;
		  	display : block;
				margin : 0 0 0 0;
				padding : 0 0 0 10px;
				font-size : 11px;
				line-height : 16px;
				border-left : 1px solid #FFBF5B;
			}

		/* Pour les Projets partenaires affichés en page d'accueil */
			.sommaire_projPartn { text-align : justify; color : #4A4B80; line-height : 18px; font-size : 11px; }
			.sommaire_projPartn a { color : #4A4B80; text-decoration : none;}
			.sommaire_projPartn a:visited { color : #4A4B80; text-decoration : none; }
			.sommaire_projPartn a:hover { text-decoration : none; color : #C5072D; }

	/* Tibetain */
		.tibetain_1 { font-family: TibetanMachineWeb; font-size: 50pt; font-weight: normal; }	
		.tibetain_2 { font-family: TibetanMachineWeb; font-size: 32pt; font-weight: normal; }	
		.tibetain_21 { font-family: TibetanMachineWeb1; font-size: 32pt; font-weight: normal; }
		.tibetain_25 { font-family: TibetanMachineWeb5; font-size: 32pt; font-weight: normal; }
		.tibetain_26 { font-family: TibetanMachineWeb6; font-size: 32pt; font-weight: normal; }
		.tibetain_overline { text-decoration : overline; }
		.tibetainTD_titre { height: 30px; font-size: 14px; font-weight: bold; color: #721019; border: solid #404040; border-width: 1px 0px 1px 0px; }
		.tibetainTD_fin { height: 30px; border: solid #404040; border-width: 1px 0px 0px 0px; }

	/* Dana online */
    .tableDana { width : 100%; border : 0 solid black; margin : 0; padding : 3px; }
    .titreNumTableDana { font-size : 50px; font-family : arial; font-weight : bold; color : #E27216; }
    .titreTableDana { font-size : 18px; font-weight : bold; padding : 0; }
    .texteTableDana { font-size : 12px; font-weight : bold; }

	/* FOOTER */
		.footer { background-color : #953449; font-size : 10px; color : white; background-image:url('images/pp_degrade.png'); }
		.footerSansBckgrnd { font-family : arial; background-color : #953449; font-size : 9px; color : white; }
		.footerSansBckgrnd a { color : white; text-decoration : none; }
		.footerSansBckgrnd a:hover { color : white; text-decoration : underline; }
		.menusLeft { position : relative; float : left; padding : 14px 0 0 30px; }
		.menusLeft a { color : white; text-decoration : none; }
		.menusLeft a:hover { color : white; text-decoration : underline; }
		.menusRight { position : relative; float : right; padding : 14px 0 0 0; text-align : right; color : #FF8C2E; }
		.menusRight a { color : #FF8C2E; text-decoration : none; }
		.menusRight a:hover { color : #FF8C2E; text-decoration : underline; }
		#copyright { padding : 0 0 0 71px; }