/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes du risal.info pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

body { margin: 0em; text-align: none; background: #EEE }

img, table { margin: 0; padding: 0; border: none; }
h1 { margin: 0px; padding: 0px; font-weight: bold; text-align: left; }
h2 { margin: 0px; padding: 0px; font-weight: bold; text-align: left; font-size: 12px; }
h3 { margin: 0px; padding: 0px; font-weight: bold; text-align: left; }
h4 { margin: 0px; padding: 0px; font-weight: bold; text-align: left; }


/*  ------------------------------------------ */
/*  Liens */
/*  ------------------------------------------ */

a:link {color: #6C7288; text-decoration: none; font-weight: bold;  } /* Lien normal */
a:visited {color: #6C7288; text-decoration: none; font-weight: bold;  } /* Lien après visite */
a:hover {color: #0066FF; text-decoration: none; font-weight: bold;  } /* Lien au apssage de la souris */

a.spip_note { color : #999999; font-size:11px} /* liens vers notes de bas de page */
a:hover.spip_note {text-decoration:overline underline }

a.spip_in { } /* liens internes */
a.spip_out {  } /* liens sortants */
a.spip_url { } /* liens url sortants */
a.spip_glossaire {color : #999999; } /* liens vers encyclopedie */

a.on { color: #000000; font-weight: bold; text-decoration:underline  } /* Lien actif */

/* Lien coloré */
a:link.lien_bordeaux {color:#990000;  font-weight: normal; } 
a:visited.lien_bordeaux {color:#990000; font-weight: normal;  } 
a:hover.lien_bordeaux {color:#FF0000; font-weight: normal;  } 


/*  ------------------------------------------ */
/*  Typographie generale du site */
/*  ------------------------------------------ */

#conteneur, #contenu, #cartouche, #pied, #page, #entete, #navigation, #alphabetique, #contenu-accueil, #navigation-accueil
{ font-family: Verdana, Tahoma, Arial, sans-serif; }

.chapo, .texte, .ps   { font-family: Verdana, Tahoma, Arial, sans-serif; }

/*  ------------------------------------------ */
/*  Disposition a l'ecran des blocs principaux */
/*  ------------------------------------------ */
#page { width: 1000px; 
		background: url("/squelettes/images/newrisal/bg-ombre-right2.gif") repeat-y ;
		text-align: left; 
		margin: -10px auto 20px auto; padding: 0px 0px 0px 0px ; 
		border-left: 1px #CCCCCC solid;    }

#entete { width: 993px; height: 74px; 
		background: url("/squelettes/images/newrisal/bg-entete-14.gif") no-repeat; 
		border: none; border-top: 0px #CCCCCC solid;padding: 0px 7px 0px 0px; margin:8px 0px 0px 0px; }
#entete .spip_logos {   }

#conteneur {  width: 993px; padding: 0px 7px 0px 0px; margin: 0px 0px 10px 0px; background: none; text-align: left; border: 0px solid #CCCCCC   }
#conteneur #contenu { float: right; width: 670px; border: none; margin: 0px 0px Opx 0px; padding: 0px 0px 20px 0px;  background: none; border-left: 1px #CCCCCC solid  }
#conteneur #navigation { float: left; width: 300px; background: none; margin: 0px 0px 0px 0px; padding : 0px 0px 20px 0px;      }

#contenu-accueil { float: left; width: 670px; border: none; margin: 0px 0px Opx 0px; padding: 0px 0px 20px 0px;  background: none; border-right: 1px #CCCCCC solid  }
#navigation-accueil { float: right; width: 315px; background: none; margin: 0px 0px 0px 0px; padding : 0px 0px 20px 0px;      }

#contenu-accueil .spip_logos {margin-top: 15px;}

/*  ------------------------------------------ */
/*  Premier menu */
/*  ------------------------------------------ */

#menu-header {width:100%; clear:both;
			margin:0px 0px 10px 0px; padding:0px; 
			border:none; 
			background:none; font-family:verdana;  }
			
#menu-header ul {float:right; background: none; list-style-type:none; 
					margin:0px;padding: 0px;
					width:600px; border:none;}
					
#menu-header ul li{list-style-type:none;
						margin:0px 2px; padding:0px 0px 2px 0px; 
 						float:left;
						background:none; }
						
#menu-header ul a {padding:0px; margin: Opx; }
#menu-header ul a:link {padding: 0px; margin: Opx;  }
#menu-header ul a:visited {padding: 0px; margin: Opx;   }
#menu-header ul a:hover {padding: 0px; margin: Opx; border-bottom: 1px dotted #990000;  }
#menu-header ul .on {padding: 0px; margin: Opx; border-bottom: 1px dotted #990000;   }

#entete #menu-header .spip_logos {margin: Opx; padding: Opx; border: none; }

/*  ------------------------------------------ */
/*  Second menu */
/*  ------------------------------------------ */

#menu-header2 {width:993px; height:30px; margin:0px 7px 30px 0px;padding:0px 0px 0px 0px;border:none;  border-top: 1px solid #666666;
			background:url("/squelettes/images/newrisal/fondu.jpg") repeat-x ; 
			font-family:verdana; display: block; clear: both;  }
			
#menu-header2 ul {background: none; list-style-type:none; float:right;
					margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;
					width:100%; height:30px;border:none; }
					
#menu-header2 ul li{list-style-type:none;
						margin:0px 0px 7px 0px; padding:3px 3px 0px 3px; 
 						float:left; border: none; border-right: 1px solid #666666;
						background:none; }
						
#menu-header2 ul a{padding:0px; margin: Opx; }
#menu-header2 ul a:link {padding: 0px; margin: Opx;  }
#menu-header2 ul a:visited {padding: 0px; margin: Opx;  }
#menu-header2 ul a:hover{padding: 0px; margin: Opx; border-bottom: 1px dotted #990000;  }
#menu-header2 ul a.on { padding: 0px; margin: Opx; border-bottom: 1px dotted #990000;   }
#menu-header2 .spip_logos {margin: Opx; padding: Opx; border: none; }

/*  ------------------------------------------ */
/*  Troisième menu - pied de page */
/*  ------------------------------------------ */

#pied { clear: both; width: 1000px; height: 31px; 
		border:none;
		padding: 69px 0px 0px 0px; margin: 0px 0px 0px 0px; 
		text-align: center; font-weight: normal; color: #999999; font-size:11px;
		background: url("/squelettes/images/newrisal/bg-footer.gif") no-repeat; 
		}
#pied img { vertical-align: bottom; }

#menu-pied {width:993px; height:30px; margin:0px 7px 0px 0px;padding:0px 0px 0px 0px;border-top: 1px solid #666666;
			background:url("/squelettes/images/newrisal/fondu-inverse.jpg") repeat-x ; 
			font-family:verdana; display: block; clear: both;  }
			
#menu-pied ul {background: none; list-style-type:none; float:right;
					margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;
					width:100%; height:30px;border:none; }
					
#menu-pied ul li{list-style-type:none;
						margin:0px 0px 0px 0px; padding:3px 8px 0px 8px; 
 						float:left; border: none; border-right: 1px solid #666666;
						background:none; }
						
#menu-pied ul a{padding:0px; margin: Opx; }
#menu-pied ul a:link {padding: 0px; margin: Opx;  }
#menu-pied ul a:visited {padding: 0px; margin: Opx;  }
#menu-pied ul a:hover{padding: 0px; margin: Opx; border-bottom: 1px dotted #666666;  }
#menu-pied ul a.on { padding: 0px; margin: Opx; border-bottom: 1px dotted #666666;   }
#menu-pied .spip_logos {margin: Opx; padding: Opx; border: none; }


/*  ------------------------------------------
/* Navigation */
/*  ------------------------------------------ */
			

.fiche-article {margin: 10px 5px 10px 5px; padding: 5px; border:none; }
.fiche-article .spip_logos {width: 100%; float: left; clear: both; margin: 0px 0px 3px 5px; padding:0px; border:none; }
.fiche-article ul {margin: 10px 0px 6px 0px; padding:0px; border:none; list-style:none}
.fiche-article li {margin: 2px 0px; padding: 5px 0px; list-style:none;font-size:12px;}
.fiche-article .titre-small {margin: 0px; padding:0px; border:none; list-style:none; font-weight:normal; clear:both;}
.fiche-article .surtitre {margin: 0px; padding:0px; border:none; list-style:none; font-weight:normal; clear:both; color :#999999}
.fiche-article .auteur-date { color:#666666; text-transform: none; font-weight: normal; margin: 2px 0px 0px 0px;padding:0px;text-align:left  }
.fiche-article .nom {text-transform: none; text-align:left; font-weight:bold; padding:0px; margin :0px;}
.fiche-article .bio { text-align:left; font-weight:normal;padding:0px; margin :2px 0px;}
.fiche-article .commentaire-photo {font-size:11px; color: #999999; text-align:left; font-weight:normal;padding:0px; margin :2px 0px;}


.titre-rubrique {
	border: none;
	padding: 0px 10px 0px 5px;
	margin: 5px 5px 10px 5px;
	 }
	

/*  ------------------------------------------ */
/*  Cartouche et titraille */
/*  ------------------------------------------ */

#cartouche { width: 100%; margin:0px; padding:0px; text-align:left; }
						
			
#cartouche .titre-article {
	font-size: 15px;
	font-variant: small-caps;
	font-weight: bold;
	color:#000000;
	border: none;
	text-align: left;
	padding: 0px 10px 0px 5px;
	margin: 5px 10px 10px 5px; }
	
#cartouche .surtitre-article {
	font-size: 11px;
	padding: 0px 10px 0px 5px;
	margin: 10px 10px 5px 5px;
	background: none;
	color:#999999;
	font-weight: bold;
	text-transform: uppercase;
	 }
	
#cartouche .auteur-article {
	font-size: 12px;
	padding:none;
	padding: 0px 10px 0px 5px;
	margin: 10px 10px 5px 5px;
	background: none;
	color:#000000;
	font-weight: normal;
}

#cartouche .spip_logos {
	display:block; }
	 
	
/*  ------------------------------------------ */
/*  Mise en forme ARTICLE */
/*  ------------------------------------------ */

.chapo {
	font-weight: bold;
	line-height: 1.4em;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	margin: 10px 10px 20px 10px;
	text-align:justify }

.texte { 
	color: #000;
	font-size: 12px;
	text-align: justify;
	padding: 0px 10px 0px 10px;
	margin: 10px 10px 20px 10px; }
	
	
.menu-article { border: none; margin: 5px 20px 5px 5px; padding: none; text-align: right; }
.menu-article .spip_logos { border: 0;  }


#imprimer-envoyer { 
		clear:both; height: 22px; padding:0px; margin :10px auto; 	background: none; 	}

.intro-rubrique { font-size: 11px; color: #999999}

/*  ------------------------------------------
/*  Logos, documents et images
/*  ------------------------------------------ */

.spip_documents { text-align: center; border: none; }
.spip_documents img { border: 0px solid #666;  }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 7px; margin-bottom: 5px; border:none;   }
.spip_documents_right { float: right; margin-left: 7px; margin-bottom: 5px; border:none; }
.spip_doc_titre { width: 70%;font-weight: bold; font-size: 11px; margin-left: auto; margin-right: auto; padding : 1px; color:#666666;background: #CCCCCC; }
.spip_doc_descriptif { width: 70%; clear: both; font-size: 11px; margin-left: auto; margin-right: auto; padding : 1px; color:#666666; background: #CCCCCC; }


/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles {width:650px; padding:0px 10px 0px 10px; margin: 0px; display: block;  }
.liste-articles ul { margin: 0px 5px 0px 0px; padding: 4px 3px 4px 3px; list-style: none; }
.liste-articles li { margin: 2px; clear: both; padding: 3px 0px 3px 0px; border-bottom: 1px solid #CCCCCC  }
.liste-articles .titre { font-size : 12px; font-weight: bold; list-style: none;padding: 0px; margin: 2px 0px }
.liste-articles .surtitre { font-size:11px;font-weight: normal;list-style: none;color: #666666; margin:2px 0px 3px 0px; padding:0px; }
.liste-articles .soustitre { font-size:11px;font-weight: normal;list-style: none;color: #666666; margin:2px 0px 3px 5px; padding:0px; }
.liste-articles li .date { font-size: 11px; text-align: left; font-style: none; color: #999999; margin:0; }
.liste-articles li .auteur { font-size: 11px; text-align: left; font-style: none; color: black; font-weight: bold; }
.liste-articles li .descriptif { font-size: 12px; text-align: justify; margin: 0; padding: 2px 1px 2px 9px; border: none; background-color: none  } 
.liste-articles .intro { font-size: 12px; text-align: justify; text-transform: none;margin: 0; padding: 2px;  }
.liste-articles .auteur-date { color:#666666; font-size: 11px; text-transform: none; font-weight: normal; margin: 10px 5px 1px 0px;text-align:right  }
.liste-articles .spip_logos { width: 100%; float: left; clear: both; margin: 4px 20px 5px 0px; border: none; } 

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

	

/*  ------------------------------------------
/*  Pagination
---------------------------------------------- */
.pagination { font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: none; text-align: center; background: none; }
.pagination .lien_pagination { font-weight: bold;}
.pagination .on { font-weight: normal; }

/*  ------------------------------------------
/*  Index - Classement alphabétique
/*  ------------------------------------------ */

#alphabetique{ width: 98%; padding:0px 6px 0px 0px; margin: 0px 6px 0px 6px;  }
#alphabetique .alpha { height: 19px; border: 1px #CCCCCC solid; background-color:#6C7288; color: white; margin: 0px; padding: 0px; }
#alphabetique .alpha li {font-size: 13px; display:inline; width: 25px; height: 19px; margin : 0px; padding: 0px;background: none; color: none; list-style:none; }
#alphabetique .alpha a { width: 25px;padding: 0px; margin: 0px;  border-right: 1px #FFFFFF solid}
#alphabetique .alpha a:link {width: 25px;background: none; color: #FFFFFF;  padding: 3px 3px; margin: 0px }
#alphabetique .alpha a:visited {width: 25px;background: none; color: #FFFFFF; padding: 3px 3px;margin: 0px }
#alphabetique .alpha a:hover {width: 25px;background: #CCCCCC; color: #FFFFFF; padding: 3px 3px;margin: 0px }
#alphabetique .alpha #expose {width: 25px;background: #CCCCCC;color: #FFFFFF; padding: 3px 3px;margin: 0px    }

#alphabetique .laliste {margin: 10px 10px; padding: 0px; font-size: 12px; }
#alphabetique .laliste ul {margin: 0px; padding: 0px; background: none; border: none }
#alphabetique .laliste a {margin: 0px; padding: 0px; background: none; border: none }



/*  -----------------------------------------------------------------------------
/*  Onglets
--------------------------------------------------------------------------------- */

.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		95%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
	margin-left: 10px;
	border: none;
	padding: 0px;
	background-color:#6C7288;
	color: #FFFFFF;
}

.dynamic-tab-pane-control .tab-row .tab,.dynamic-tab-pane-control .tab-row .tab-link {
	width:				80px;
	height:				16px;
	background:	none;
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	cursor:			Default;
	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0px solid #CCCCCC;
	border-bottom:  none;
	z-index:		1;
	white-space:	nowrap;
	text-align:		center;
	color: #000000;
	
}

.dynamic-tab-pane-control .tab-row .tab.selected, .dynamic-tab-pane-control .tab-row .tab-link.selected {
	width:				84px !important;
	height:				18px !important;
	background-color:#990000;
	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -5px 0px;
	top:			-2px;
	color: #000000;
}

.dynamic-tab-pane-control .tab-row .tab a, .dynamic-tab-pane-control .tab-row .tab-link a {
	text-decoration:	none;
	cursor:				default;
	color: #FFFFFF
}

.dynamic-tab-pane-control .tab-row .tab.hover, .dynamic-tab-pane-control .tab-row .tab-link.hover {
	width:				80px;
	height:				16px;
	background-color:#990000;
	color:	#FFFFFF;
	
	
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	background:		rgb( 252, 252, 254 );
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:				Black;
	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	padding:		10px;
	border-top: 0px #CCCCCC solid;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}















.bloc-nav { width:200px; margin: 20px 10px; padding: 0px; background:none; }

.bloc-nav ul { margin: 0px 0px ; padding: 0px 0px; list-style: none; clear: both; }
.bloc-nav li { margin: 0px 0px 5px 0px; padding: 2px 0px 2px 0px; clear: both; list-style:none; border-bottom: 1px #CCCCCC solid }

.bloc-nav .titre {font-size:12px; clear: both; font-weight:bold; padding: 0px; margin: 0px 0px 0px 0px;clear:both }
.bloc-nav .titre-small { font-size:11px; font-weight: bold; list-style:none;text-transform: none; clear: both;}
.bloc-nav .intro { font-size: 11px; text-align: justify; text-transform: none;  }
.bloc-nav .surtitre {font-size:11px;color:#999999;font-weight:normal; padding:0px; margin: 0px }
.bloc-nav .date { color:#999999; font-size: 11px; text-transform: none; font-weight: normal; margin: 0px 0px 5px 0px;  }
.bloc-nav .spip_logos { padding: 0px; margin: 3px auto 3px auto; border: none; clear:both}
.bloc-nav .auteur { color:#000000; font-size: 11px; text-transform: none; font-weight: bold; margin: 0px 0px 1px 0px;  }



.newsletter { color:#FFFFFF;
			border:#CCCCCC solid 1px;
			font-family:verdana; 
			font-size:11px;
			background-color:#990033;
			width:200px; height:80px;
			margin: 0px 5px 20px 5px; padding: 5px; }
			
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

#contenu fieldset {margin: 10px 5px 10px 5px; padding: 5px; border:none;border-top:#CCCCCC solid 1px;}
#contenu legend { font-size:13px; font-family:verdana; font-weight:bold; color:#990000;text-transform: none; background-color:#FFFFFF; border: none; margin: 0px;padding: 5px}
#contenu label {font-size: 12px; font-weight: bold; background-color: none;  }

.formulaire_spip { text-align: left; font-family: verdana, arial, sans-serif;   }
.formulaire_spip p { margin: 0px; padding: 0px; }

.formulaire_spip fieldset {background:none;list-style:none;margin: 10px 5px 10px 5px; padding: 5px; border:none;border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 0px;}
.formulaire_spip legend { font-size:12px; font-family:verdana; font-weight:bold; color:#999999;text-transform: none; background-color:#FFFFFF}

.formulaire_spip label {  }
.formulaire_spip .forml {   }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { color:#FF0000; margin :3px; text-align:center;
					 font-family: verdana, arial, sans-serif; 
					 font-size: 12px  }
fieldset.reponse_formulaire { border: none;  }

/* Previsualisation du message */
.previsu 
	{ margin: 3px; padding: 10px; 
	font-family: verdana, arial, sans-serif; 
	font-size: 12px;  }
.previsu fieldset { border: none;  }
.previsu legend {color:#000000; font-weight: bold; }



/* formulaire pour écrire à l'auteur */

.formulaire_ecrire_auteur {width:95%; }
.formulaire_ecrire_auteur .forml { 
	width: 95%; padding: 2px; margin:10px; background: #EEE; display: block;
	border-top: #999999 1px solid; border-left: #999999 1px solid; border-right: #666666 2px solid; border-bottom: #666666 2px solid;
	font-size: 12px; font-weight: normal; background-color: #FFFFFF; }
	
.formulaire_ecrire_auteur legend {color: #999999 }

.formulaire_ecrire_auteur .spip_bouton {
	background: none;
	padding: 2px;
	margin-right : 20px ;
	float: right;
	font-size: 12px; }
	
	

.forml-recherche { border-top: #999999 1px solid; border-left: #999999 1px solid; border-right: #666666 2px solid; border-bottom: #666666 2px solid;
								width: 300px; margin: 2px 5px; padding : 1px 2px; font-size: 12px; font-weight: normal; background-color: #FFFFFF;}

/* formulaire de recherche dans le second menu d'entête */

#menu-header2 .forml_recherche_header { 
		border-top: #999999 1px solid; border-left: #999999 1px solid; border-right: #666666 2px solid; border-bottom: #666666 2px solid;
		width: 150px; margin: 0px 5px; padding : 2px 2px 2px 12px; font-size: 12px; font-weight: normal; background: #eee url("/squelettes/images/newrisal/search-10x10.gif") no-repeat 2px center;}


#menu-header2 .bouton {
	border: none;
	background: url("/squelettes/images/newrisal/menu-cosmical/bouton-ok.gif") no-repeat 0px center;
	padding: 0px;
	width:27px;
	height:20px;
	margin : 0px ; } /* bouton du lien */

#menu-header2 .formulaire_recherche .bouton:hover{ 
	background: url("/squelettes/images/newrisal/menu-cosmical/bouton-ok-petit.gif") no-repeat 0px center;
	}




.formulaire_recherche { padding : 0px; margin: 0px;  }

.formulaire_recherche form { margin: 0px; padding: 0px;    } 
.formulaire_recherche label { display: none;  }
.formulaire_recherche fieldset {     }
.formulaire_recherche legend { }



/* formulaire de recherche avancée
----------------------------------------------- */
.formulaire_recherche_avancee .bouton { float:right; margin-right: 20px; }





/* les miniatures */

#minipics{
	float:left;
	width:520px;
	display:inline;
	clear:both;
	margin:20px 0 20px 20px;
	background: none;
	}

#minipics ul{
        list-style-type: none;
        display:inline;
        padding: none;    
        clear:both;
		margin: 0px 0px 0px 50px;
		}
#minipics li{
	padding:5px 4px;
	display:block;
	width:100px;
	margin:5px 0 5px 12px;
	float:left;
	 }

#minipics li p{
	margin:4px;
	padding:0;
	 clear:both;
	}
#minipics li img{
	display:block;
	margin:10px 20px;
		}	
#minipics li.transparent a:hover img{
	filter:alpha(opacity=100)!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.00;opacity:1; 
}
#minipics li.transparent a img{
	filter:alpha(opacity=70)!important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: .7; opacity:.7; background:#fff;
}




/* les div minipics */


.logorond{	
	padding:4px 7px;
	margin:8px;
	background:#fff;
	width:inherit!important;
	width:95px;
	text-align:center;
}	
.textepics{
		width:340px;	
}
.transpa{
	filter:alpha(opacity=15)!important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
	-moz-opacity: .15; opacity:.15; background:#fff;
position:relative;
}
.plusbas{
	position:absolute;	
	text-align:center;
	line-height:1.8em;
	width:48px;
}




/* les deux x2  cellules */

#cel,#celbas{
	float:left;
	display:inline;
	}
#cel ul,#celbas ul{
	list-style-type: none;
	display:inline;
	margin:0;
	padding:0;
	clear:both;
}
#cel li, #celbas li{
	width:235px;
	float:left;
	display:inline;
	margin: 6px 0 6px 10px;
	padding:0;
	}

#cel li img,#celbas li img{
	margin: 0 6px;
   max-width: 200px; 
	}

#cel li h4,#celbas li h4{
	word-spacing: 0.1em;
	display:block;
	-height:1%;
	}



/* la grande photo */
.photo{
	position:relative;
	text-align:left;
	width:450px;
	margin:0 auto 0 auto;	
	padding:4px 0;
}
.photo img{
	width:450px;
	border:1px solid #60566a;
	
}
#exif img{
	cursor:help;
	display: block; 
	}
#exif a span{
	position:absolute;
	left:-900px;
	visibility:hidden;
}
#exif a:hover span{
	visibility:visible;
	position:absolute;
	text:center;
	text:none;
	top:20%;
	left:22%;
	width:50%;
	background:#FFF;
	color:#000;
	padding:5px 15px 5px 15px;
	border:3px solid #c4c4de;
	cursor:text;
	text-decoration: none;
	background:#FFF;
	filter:alpha(opacity=70)!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:.7; opacity:.7; -moz-border-radius:12px;
}

/* les icônes */
.icone_fleche{
	right: 25px;
	margin:3px 0;
}
.icone_site,.icone_fleche,.icone_post,.icone_membre,.icone_filter,.icone_article,.icone_photo,.icone_forum,.icone_stats,.icone_menu,.icone_agenda,.icone_zip,.icone_juk,.icone_recherche{
	height:22px;
	position:relative;
	padding: 4px;
}


/* Thickbox 2 */


#TB_window {
		-moz-border-radius:10px;	
}

#TB_secondLine {
   -moz-border-radius:0 0 10px 10px;	
}

.grande_boite{
	clear:left;
	width:480px;
	padding: 8px 0;
	margin: 6px 0 6px 10px;
	}

.boite{	
	margin:6px 10px 6px 0;
	width:235px;
	}




/* tableaux internes - articles */
table.spip { width: 100%; margin-bottom: 1em; border: 1px solid #CCCCCC; border-collapse: collapse; background-color: none; font-size:11px }
table.spip caption {
	caption-side: top;  /* bottom pas pris en compte par IE */
	text-align: center; margin: auto; padding: 3px; font-weight: bold;  color : #FFFFFF; width: 100%; background: #6C7288; text-transform: uppercase;}
table.spip tr.row_first { font-size:11px; background: #6C7288; width: 100%; color : #FFFFFF; text-align: left; text-transform: none;  }
table.spip tr.row_odd { background: none; border-bottom: 1px #CCCCCC solid;width: 100%;text-align: left; }
table.spip tr.row_even { background: #EEE; border-bottom: 1px #CCCCCC solid; width: 100%;text-align: left; }
table.spip th, table.spip td { background-color: none; padding: 8px 3px;  vertical-align: middle;  }

.texte .spip_logos {border:none}