/** 
 * @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ésent dans un thème graphique. 
 */ 

body {
  margin: 0;
  padding: 0;
  color: black;
  background-color: rgb(100,100,100);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

td {
        font-size: 11px;
}

h1, h2, h3, h4, h5
{
  margin-bottom: 2px;
  color: rgb(70,130,180);
}

h1
{
  font-size: 30;
}
h2
{
  font-size: 26;
}
h3
{
  font-size: 22;
}
h4
{
  font-size: 18;
}
h5
{
  font-size: 14;
}
a, a:link, a:visited {
  color:rgb(230,0,3);
  text-decoration: none;
}

a:hover {
        color: rgb(70,130,180);
}
hr {} 
hr.separator {} 
.pagenavbar {} /* il n'est pas utilisé dans la page nav bar mais pour l’affichage des noms sur le forum Simple Board? */ 
.pagenav {  color: rgb(255,0,0);
  text-decoration: none;
} /* 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 {  
  color:#293984;
  background-color:white;
  border:1px solid;
} 
.inputbox {
  color:#293984;
  background-color:white;
  border:1px solid;
}
.text_area {
        border : 1px solid #999;
        color: blue;
        background: #FDF5E6;
        font-family: Courier, Helvetica, sans-serif;
        z-index: -3;
        font-size: 11px
}
INPUT, TEXTAREA, SELECT {
        color : blue;
        z-index : -3;
        font-size: 11px;
}



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


.ontab {
        font-size: 12px;
        background-color: #ffae00;
	height: 20px;
        text-align: center;
        font-weight: bold;
        color: #FFFFFF;
	Width:14%;
	border: 1px solid #cccccc;
}/*  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 {
        font-size: 12px;
        background-color : #e5e5e5;
	height: 20px;
	Width:14%;
        text-align: center;
        font-weight: normal;
	border: 1px solid #cccccc;
} /* 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 {
        border-bottom: solid 1px #D5D5D5;
} /* Ce style est utilisé pour fixer la taille des cases en question  */ 
.tabheading {
        background-color: #FFAE00;
        color: #FFF;
        font-size: 10px;
        text-align: right;

} /* Je ne suis pas sur que ce soit utilisé. Je n’ai pas trouvé d’exemple concernant ce style. */ 
.pagetext {
        visibility: hidden;
        display: none;
        position: relative;
        top: 0;

} /* Ce style est utilisé pour le contenu des formulaire d’éditions, de saisie des articles (ce que l’ont fait avec htmlarea par exemple)   */ 

table.adminform {
        background-color: #f5f5f5;
        border: solid 1px #d5d5d5;
        width: 99%;
        padding: 5px;
        margin: 0px;
        border-collapse: collapse;
}
table.adminform tr.row0 {
        background-color: #f5f5f5;
}
table.adminform tr.row1 {
        background-color: #eeeeee;
}

table.adminform th {
        margin: 0px;
        padding: 4px;
        border-bottom: 2px solid #FF9E31;
        height: 25px;
        background-color: #E4E1DC;
        font-size: 11px;
}
table.adminform td {
        /*padding: 5px;*/
}
table.adminform td.editor {
        font-size: 9px;
}
form {
        margin: 0px 0px 0px 0px;
}

/** 
 * 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_pres{
        font-size: 10px;
        text-decoration: none;
        color: rgb(255,0,0);
        border-right:1px solid #9DA6B3;
        padding-right: 5px;
        padding-left: 0px;
}
a.mainlevel_pres:hover {
        color: rgb(70,130,180);
} 

a.mainlevel_menuh, a.mainlevel_menuh:visited {
        font-size: 11px;
        text-decoration: none;
        color: rgb(255,255,255);
        padding-right: 0px;
        padding-left: 0px;
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bold;
}
a.mainlevel_menuh:hover {
        color: rgb(70,130,180);
}

#active_menu_menuh {
  color:black;
}

.mainlevel_menuh {
        color: rgb(255,255,255);
} 



a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #eeeeee;
        padding-left: 5px;
        padding-right: 5px;
        border-right:1px solid #9DA6B3;
        padding-top:6px;
        padding-bottom:7px;
}
a.mainlevel:hover {
        color: rgb(0,0,0);
        text-decoration: none;
} 


a.sublevel, a.sublevel:link, a.sublevel:visited {
        color: #333333;
        padding-left: 5px;
        vertical-align: middle;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
}

a.sublevel:hover {
        text-decoration: none;
        color: #990000;
}



/** 
 * 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. */ 


td.contentheading {
  font-size:12px;
  font-weight: bold;
  color: rgb(70,130,180);
  padding-top:0px;
  padding-bottom:0px;

}

.contentpaneopen a, .contentpaneopen a:hover, .contentpaneopen a:link  {
  text-decoration: none;
  color: rgb(230,0,3);
  font-size:12;
}

a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:link {
  text-decoration: none;
  font-size:22px;
  font-weight: bold;
  color: rgb(70,130,180);
}

.contentpaneopen td {
  width:100%;
  font-size:14;
}

.article_seperator {
  height:10px;
}

.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)*/ 

/*
** contentpane XTD
*/

.contentpaneopenxtd {
  font-size:10px;
  text-align: left;
}

.contentheadingxtd {
  font-size:10px;
}

a.contentpagetitlextd{
  font-size:10px;
  font-weight: bold;
  color: rgb(70,130,180);

}

.creadate{
  font-size:8px;
  font-style:italic;
  color: rgb(50,50,50);
}

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


.sectiontableheader, .sectiontableheader td {
        font-size: 12px;
	font-weight: bold;
	background-color: rgb(180,180,250);
}

.sectiontableentry1, .sectiontableentry1 td {
        font-size: 14px;
	background-color: rgb(220,220,250);
	color: black;
}

.sectiontableentry2, .sectiontableentry2 td {
	background-color: rgb(200,200,250);
        font-size: 14px;
	color: black;
}



.forum_sectiontableheader{
        font-size: 12px;
	font-weight: bold;
	background-color: rgb(180,180,250);
	background: url(../images/gradient_grey.gif) repeat-x;
}

.forum_sectiontableentry1 {
        font-size: 14px;
	background-color: rgb(220,220,250);
	color: black;
}

.forum_sectiontableentry2 {
	background-color: rgb(220,220,250);
        font-size: 14px;
	color: black;
}

.forum_space {
  height:5px;
}


/** 
 * 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 
 */ 

.blog{
  width:100%;
}

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




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



.componentheading {
  color: rgb(70,130,180);
        font-size: 18px;
} /* 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 { 
	  color: rgb(70,130,180);

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


table.moduletable_accueil {
  font-type: Helvetica;
  font-size: 16;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 2px;
  padding-bottom: 10px;
}

table.moduletable_accueil th { 
}
table.moduletable_accueil td {
  width:80%;
  border: 0px solid rgb(255,50,50);
  margin: 5px;
  padding: 5px;
  vertical-align: middle;
  font-size: 16;
}

/* Lastest News */

.moduletable_ln th {
  text-align: center;
  font-size: 18;
  font-weight: bold;
  padding-top: 12px;  
}

}

.moduletable_ln td {
  padding: 5px;
}


.latestnews_ln {
  font-size: 16;
  font-weight: bold;
  width: 350px;
}

/* Confitures */

.moduletable_confitures td {
  text-align: center;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  font-size: 18;
  font-weight: bold;
  color: rgb(70,130,180);

}

.moduletable_confitures td .linktitle {
  font-size: 18;
  font-weight: bold;
  color: rgb(70,130,180);

}

.moduletable_confitures a {
	color: rgb(70,130,180);
	font-size: 14px;

}

.moduletable_confitures {
	border: 2px solid rgb(70,130,180);
	height: 100%;
	width: 100%;
	margin-bottom: 10px;
}

.tabbanner td {
	vertical-align:top;
	border-spacing: 5px;	
}



/* Modules */

#menud div.module_menud {
width: 136px;
background: transparent url(../images/cadre-centre.jpg) right repeat-y;
margin-right:0px;
}

#menud div.module_menud div {
width: 136px;
background: transparent url(../images/cadre-haut.jpg) top right no-repeat;
padding-top: 5px;
}

#menud div.module_menud div div {
width: 136px;
background: transparent url(../images/cadre-bas.jpg)  bottom right no-repeat;

}

#menud div.module_menud div div div {
width: 137px;
padding-left: 15px;
padding-right: 30px;
padding-top: 0px;
background: transparent;
padding-bottom: 30px;
font-size: 10px;
margin-right:0px;
text-align:left;
}

#menud h3 {
  color: rgb(0,0,0);
  font-size:14px;
  padding: 0px;
  margin:0px;
}

a.mainlevel_menud, a.mainlevel_menud:visited {
        font-size: 10px;
        text-decoration: none;
        color: rgb(255,255,255);
        padding-right: 5px;
        padding-left: 0px;
}

a.mainlevel_menud:hover {
        color: rgb(70,130,180);
} 



/** 
 * 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*/

.table_fond {
  color: black;
  background-color: rgb(255,255,255);
}

#contactbar {
  font-size: 10px;
  border-top: 1px solid rgb(255,50,50);
  border-bottom: 1px solid rgb(255,50,50);
  margin: auto;
  margin-top: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 100%;
  clear: both;
  color: rgb(255,0,0);
}


.div_center {
  font-size: 12;
  height: 100%;
  width: 98%;
  margin:10px;
}

.menu_haut {
        width: 100%;
	height: 30px;
        border-top: solid 1px #9DA6B3;
        border-bottom: solid 1px #9DA6B3;
        text-align: right;
	background-color: rgb(230,0,3);
        padding: 0px 0px 0px 0px;
	color: white;
}

.sitename {
  font-type: Helvetica;
  font-size: 30;
  color: rgb(230,0,3);
}

.sitecoment {
  font-type: Helvetica;
  font-size: 14;
  color: rgb(230,0,3);
  font-weight: bold;
}