@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
/* @import url(../yaml/navigation/nav_shinybuttons.css); */
@import url(./screen/basemod.css);
@import url(./screen/content.css);
@import url(./screen/menu.css);

/** 
 * @auteur Wee Keat Chin 
 * @url www.visualdensity.com 
 * @email weekeat@visualdensity.com 
 * @traduction Lexel / Zen Air Cashmere / Dragon Company 
 * Version FR 1.00 du 17-05-2004 
 */ 


/** 
 * Styles de Base pour Mambo 
 * Ces styles CSS sont souvent utilisés avec la plupart des thèmes graphiques 
 * pour les sites mambo car ils sont presque toujours présents dans un thème graphique. 
 */ 

hr {} 
hr.separator {} 
.pagenavbar {} /* il n'est pas utilisés dans la page nav bar mais pour l'affichage des noms sur le forum Simple Board? */ 
.pagenav {} /* comme son nom l'indique, ce style correspond aux liens << Premier < Précédent 1 Suivant > Dernier */ 
.small {} 



/* * 
 * Styles de Formulaires pour Mambo 
 * -------------------------------- 
 * Voici les 2 styles que Mambo utilise pour les contrôles des utilisateurs 
 * (boutons et champs de saisies) 
 */ 


.button {} 
.inputbox {} 


/** 
 * Interface de Navigation pour Mambo 
 * --------------------------------- 
 * Les styles CSS que voici définissent l'affichage des interfaces de navigation 
 */ 


.ontab {}/*  Pour modifier l'apparence des  "Onglet" dans l'editeur d'article en "frontend"  ( quand vous etes logger en admin ). Ce style .ontab correspond aux éléments actifs ou aprés un clique*/ 
.offtab {} /* La même chose que précédemment Celui-ci correspond aux cases qui ne sont pas actives ou il n'y a pas eu de clique  */ 
.tabpadding {} /* Ce style est utilisé pour fixer la taille des cases en question  */ 
.tabheading {} /* Je ne suis pas sur que ce soit utilisé. Je n'ai pas trouvé d'exemple concernant ce style. */ 
.pagetext {} /* Ce style est utilisé pour le contenu des formulaire d'éditions, de saisie des articles (ce que l'ont fait avec htmlarea par exemple)   */ 



/** 
 * Style du menu Mambo 
 * ------------------- 
 * Vous pouvez contrôler l'apparence et la disposition du menu principal 
 * en utilisant les paramètres CSS suivant 
 */



a.mainlevel{}/*ce style correspond aux liens du menu principal*/ 
a.sublevel{}/*ce style correspond aux articles du sous-menu*/ 



/** 
 * Style général dans Mambo des Sections / Catégories / Contenu? 
 * ------------------------------------------------------------- 
 * Ces styles sont le plus souvent utilisés é travers des Sections, 
 * Catégories et Contenus. Ils méritent donc d'étre séparés des autres. 
 */ 



.creadate{}/*ce style correspond é la date figurant au-dessous du titre du contenu/article*/ 
.modifydate{}/*ce style correspond é la date figurant en fin de contenu/article éderniére modificationé*/ 
.readon{}/*ce style correspond au texte élire la suiteé" figurant dans la page principale ou en fin de résumé (contenu)*/ 



/** 
 * Style du contenu dans Mambo 
 * l'ensemble des styles pour le contenu est listé ci-aprés. 
 */ 



.contentpane{}/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous créez un lien vers une section et quand vous cliquez dessus, cela vous montrera le éNewsé avec une description et une image (si vous en choisissez une), et une liste de catégorie des news. */ 
.contentpaneopen{width:100%}/*ce style a été utilisé par Phil dans son Shambo 2?. Pas d'autre idée d'utilisation dans mambo.*/ 
.contentheading{
	color:#d1494a;
}/* ce style est employé dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est également utilisé pour l'entéte de Section éNewsé (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 
.contentpagetitle{}/*Pas d'informations de disponible. La présente partie sera mise é jour quand les infos seront obtenues. Désolé. Si vous savez, veuillez adresser les infos par mail.*/ 
.contentdescription{}/*?*/ 
table.contenttoc{}/*ce style correspond au tableau (<table>) reprenant la liste des matiéres (ou éjump to boxé ? -> connais pas ;( ) quand cela est possible dans une multiple pagination de contenu/articles.*/ 
table.contenttoc td{}/*idem mais pour les cellules de tableaux (<td>)*/ 
.content_rating{}/*ce style correspond au texte utilisé pour noter un article ou le commenter*/ 
.content_vote{}/*ce style correspond au texte utilise pour les votes (celui avec une case é cocher)*/ 



/** 
 * Style des Sections dans Mambo 
 * ----------------------------- 
 * Style des étableauxé (<table>) dans les Sections 
 */ 



.sectiontableheader{}/*ce style correspond aux entétes des tableaux (<table>) dans les pages Section. Un exemple serait celui de la liste des articles quand vous cliquez sur éNewsé ou autre avec l'entéte de tableau (<table>)comme édateé, étitre de l'articleé, éauteuré et éhitsé. C'est l'entéte que vous pourrez contréler avec ce style.*/ 
.sectiontableentry1{}/* ce style est employé quand il y a une liste entiére de données é fournir et que vous devez créer des couleurs alternatives pour chaque rangée des données. C'est le 1ére des couleurs. 
.sectiontableentry2{}/*ce style correspond é la seconde couleur pour les rangées. Ainsi, le générateur de table, alternera le style entre sectionableentry1 et sectiontableentry2 en formant un cycle pour chaque rangée des données. Semblable aux listes de épostsé dans les forums.*/ 



/** 
 * Style des Categories / Category Mambo 
 * ------------------------------------- 
 * Les styles suivant configurent l'affichage des objets éCategory / Categoriesé 
 * generée é partir de la zone éSectionsé 
 */ 



.category {} /*Cette classe definit le titre de la Categorie */ 
a.category:link, a.category:visited {} /*meme chose qu'au dessus mais pour les titres Liens*/ 
a.category:hover {} /* meme chose qu'au dessu mais avec le curseur pointé dessu*/ 



/** 
 * Style du Blog Mambo 
 * -------------------- 
 * Ce n'est pas certain que cette classe soit encore utilisée. 
 * n'esitez é nous envoyer un mail si vous avez des info sur cette partie 
 */ 



.blogsection{} /*é mettre é jours */ 



/** 
 * Style des éComponents / Composantsé Mambo 
 * ----------------------------------------- 
 * Ces style CSS definissent la maniere dont le titre des éComposant / Componenté est affiché 
 */ 



.componentheading { display:none; } /* Cette class est utilisée pour l'affichage du titre du composant, quand il est affiché sur la page principal */ 



/** 
 * Format des modules Mambo 
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules, 
 * ceci concerne principalement l'affichage des table 
 */ 



table.moduletable {} /* Le style des tables module */ 
table.moduletable th {} /* configure le style de l'entete des modules et leurs titres */ 
table.moduletable td {} /* Permet de formater les cellules de la table module */ 



/** 
 * Style des éComponents / Composantsé integrés é Mambo 
 * ---------------------------------------------------- 
 *Ces styles configurent l'affichage des composants integrés a mambo 
 * tel que news externes, annuaire de liens, contact, recherche et sondage. 
 */ 



/* Sondages */ 



.poll {} /* Les textes des sondages */ 
.pollstableborder {} /* configure les bords de la table des sondages */ 



/* Liens Web */ 
.weblinks{} /* Configure le titre des liens dans l'annuaire éWeblinksé*/ 
a.weblinks:hover {} /* meme chose qu'au dessu mais avec le curseur pointé dessu*/ 



/* Diffusion des news */ 
.newsfeedheading {} /* Le titre des news. NOTE: ceci n'affecte pas le titre des news! */ 
.newsfeeddate {} /* La date des news */ 
.fase4rdf {} /* Le texte principal des news*/ 



/* Page de recherche */ 
table.searchintro {} 
/* Ce style configure l'affichage du resulta d'une recherche affichée dans la page principale */ 



/* Paramettres de la Table des Contactes */ 



table.contact {} 
/* Pour formater la totalité de la table des écontactsé ce qui inclus le nom, addresse icons and formulaire. 
Note : Cette table n'inclus pas la liste deroulante qui permet de choisir éDepartmenté éPersonneé */ 



table.contact td.icons {} 
/* Le nom vous en dis deja beaucoup. Ce style configure les cellules <td> 
ou sont affichés les petits icons prés des details (addresses, telephone etc) */ 



table.contact td.details {} 
/* ceci definit le format <td> ( td pour table data ) des cellules ou sont les informations. 
Ces informations sont : addresses, telephone et autres info*/

#jflanguageselection {
	position: relative;	
	width: 56px;
	text-align: center;
	height: 24px;
	padding: 0;
	background-color: white;
	top: -30px;
	right : 30px;
}

.banner {
	width: 201px;
	height: 296px;
	padding: 15px;
	cursor: pointer;
	color:#d1494a;
}

.banner1 {
	background: url(../images/banners/banner1.jpg) no-repeat;
}

.banner2 {
	background: url(../images/banners/banner2.jpg) no-repeat;
}

.banner3 {
	background: url(../images/banners/banner3.jpg) no-repeat;
}

.banner4 {
	background: url(../images/banners/banner4.jpg) no-repeat;
}

.banner5 {
	background: url(../images/banners/banner5.jpg) no-repeat;
}

.banner6 {
	background: url(../images/banners/banner6.jpg) no-repeat;
}