/* ------------------------- CSS COMPLETS POUR UN TEMPLATE JOOMLA 1.0.x ------------------------- */
/* d'après Dinh Viet Hung  (c) http://www.joomlart.com et Wee Keat Chin (c) http://www.visualdensity.com */
/* traduit et complété pour Joomla! 1.0 mejean / Papounet / Lexel / Zen Air Cashmere / Dragon Company */
 
 
/* ------------------------- Styles par défaut ------------------------- */

/* Styles généraux */
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
} 
td {
	font-size: 10px;
} 
tr {
	font-size: 10px;
} 
/*
p {} 
hr {} 
hr.separator {}
div {} 
pre {}*/

#header {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../images/header.png) no-repeat; 
	FLOAT: left; 
	PADDING-BOTTOM: 10px; 
	WIDTH: 950px; 
	PADDING-TOP: 0px; 
	HEIGHT: 152px
}
 #footer {
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(../images/footer.png) no-repeat;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 951px;
	HEIGHT: 153px;
	color: #CCCCCC;
	font-size: 8px;
}

/* Paramétres par défaut des niveaux de titre */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: small-caps;
	color: #0099FF;
	text-align:left;
} 
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	color: #0099FF;
	text-align:left;
} 
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
	text-align:left;
} 
h4 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	/*text-align:left;*/
	padding:0px;
	margin:0px;
} 
h5 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	padding:0px;
	margin:0px;
} 
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align:left;
	padding:0px;
	margin:0px;
}

/* Paramétres par défaut des liens */

a:link {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
} 
a:visited {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
} 
a:hover {
	text-decoration: underline;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
} 

/* Paramétres par défaut des listes à puce */

ul {
	list-style:square;
	padding-bottom:5px;
	margin-bottom:5px;
} 
li {} 

 
/* ------------------------- Paramètres des formulaires ------------------------- */
.inputbox, textarea, .button{
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.form {} /* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */
.search {} /* apparence des <div> qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/
 
 
/* ------------------------- Paramètres de navigation / des menus ------------------------- */
 
/* Style des menus */
/* style des liens de menu de premier ordre */
a.mainlevel{
	text-decoration: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 15px;
	list-style-image: url(../images/menu_puce.png);
	list-style-position:inside;
	display: list-item;
} 
a.mainlevel:link {
} 
a.mainlevel:visited {
} 
a.mainlevel:hover{
	text-decoration: none;
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 15px;
	list-style-image: url(../images/menu_puce2.png);
	list-style-position:inside;
	display: list-item;
}  
#active_menu {
	text-decoration: none;
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 15px;
	list-style-image: url(../images/menu_puce2.png);
	list-style-position:inside;
	display: list-item;
	font-weight:bold;
} 

a.mainlevelsousmenu{
	text-decoration: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 2px;
	margin-right: 10px;
} 
a.mainlevelsousmenu:hover{
	text-decoration: none;
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 2px;
	margin-right: 10px;
} 
#active_menusousmenu {
	text-decoration: none;
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 2px;
	margin-right: 10px;
    font-weight:bold;
} 

a.sublevel{
	text-decoration: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 15px;
	list-style-image: url(../images/menu_puce.png);
	list-style-position:inside;
	display: list-item;
} /* style des liens de menu de second ordre */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}

/* Style du menu horizontal */

/* style des liens du menu horizontal (généralement dans la position user3) */
ul#mainlevel-nav {} 
ul#mainlevel-nav li {}
ul#mainlevel-nav li a:link {}
ul#mainlevel-nav li a:visited {}
ul#mainlevel-nav li a:hover {}
 
/* Style des barres de navigation */
 
.pagenavbar {} /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci n'apparaît pas comme hyperlien (quand il y a seulement quelques articles).*/
.pagenavbar:link {} /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci devient des hyperliens */
.pagenavbar:visited {}
 
.pagenav {} /* paramètre des liens de la barre de navigation "<< Début < Précédent 1 2 3 Suivant > fin >>" */
a.pagenav:visited {}
a.pagenav:hover {}

/* Style des autres liens */
 
a.readon:link {} /* style du lien 'en savoir plus..." ou "lire la suite..." affiché pour des articles longs */
a.readon:hover {}
a.readon:visited {}
 
/* style pour le bouton "retour" */
.back_button {
	text-align: right;
	margin-right: 25px;
} 
.pagenav_prev {} /* style pour le bouton "précédent" */
.pagenav_next {} /* style pour le bouton "suivant" */
 
.latestnews ul {} /* style pour la liste "dernières news" - par défaut, les "dernières news" sont dans le module user1 */
.latestnews li {}
 
.mostread ul{} /* style pour la liste "plus populaires" - par défaut, les "plus populaires" sont dans le module user1 */
.mostread li{}


/* ------------------------- Paramètres des pages de contenu ------------------------- */

a.category:link {}
a.category:hover {}
a.category:visited {}

/* apparence de la table entourant le contenu central sur le front page */
.blog {
	padding:0px;
	margin:0px;
	padding-left: 15px;
	padding-right: 15px;
	width: 630px;
} 
.blogsection {}
.blog_more {} /* style du texte "Plus..." d'une page de type blog * */
a.blogsection:link {} /* paramètre le format du lien */
a.blogsection:visited {} 
a.blogsection:hover {}

.article_seperator { }      /* style pour l'écartement vertical entre les articles d'une page de type blog */
 
/* style du composant utilisé pour affiché le contenu en cours */
.componentheading {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	BACKGROUND-IMAGE: url(../images/content_title.png); 
	COLOR: #444444; 
	TEXT-INDENT: 24px; 
	BACKGROUND-REPEAT: no-repeat; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	HEIGHT: 20px; 
	FONT-VARIANT: small-caps; 
	Padding-top: 12px;
}
/* style du tire du contenu, de l'article... en cours */
.contentheading {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	VERTICAL-ALIGN: bottom;
	COLOR: #0099FF;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	FONT-VARIANT: small-caps;
	BORDER-BOTTOM-STYLE: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
} 
.contentpane {} /* apparence de la table qui contient les éléments non-liés à  un article (composant, liste de catégories, formulaire de contect, etc).*/
/* apparence de la table qui contient le texte de l'article en cours */
.contentpaneopen {
	border:none;
	padding: 0px;
	margin: 0px;
	border-spacing:0px;
	padding-bottom: 20px;
	width: 600px;
} 

.content {
	border:none;
	padding: 0px;
	margin: 0px;
	BACKGROUND-IMAGE: url(../images/bg_content.jpg);
	background-repeat:repeat-y;
} 

.contentpagetitle {} /* style du titre du contenu, de l'article, etc. affiché */

.buttonheading {} /* position des boutons : "pdf", "imprimer", "envoyer à un ami" */
 
a.contentpagetitle:hover {} /* Titre des articles quand ils fonctionnent comme lien */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* style de la "description" des sections, catégories (news/liens web/dernières news...) */
table.contenttoc {} /* style de la table des matières pour des contenus ou articles à pages multiples */
table.contenttoc th {} /* style du titre de la table des matières */
table.contenttoc td {} /* style du contenu de la table des matières */
table.contenttoc td.toclink {} /* style du des liens dans la table des matières */
a.toclink:link {}
a.toclink:visited {}
a.toclink:hover {}
 
 
 
/* ------------------------- Paramètres sections Joomla! ------------------------- */

.sectiontableheader {} /* apparence des titres des tables */
.sectiontableentry1 {} /* apparence des lignes impaires des tables */
.sectiontableentry2 {} /* apparence des lignes paires des tables */
.sectiontablefooter {} /* apparence du pied de table */
 
 
/* ------------------------- Paramètres des modules Joomla! (par défaut) ------------------------- */
/* apparence général des modules */
div.moduletable {	
	width: 136px;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	background-image: url(../images/menu_court.png);
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: 5px;
	background-position: center;
	height: 208px;
} 
div.moduletable_promo {	
	width: 137px;
	margin-bottom: 5px;
	text-align: center;
	padding: 0px;
	border-spacing: 0px;
	background-image: url(../images/menu_long.png);
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: 5px;
	background-position: center;
	height: 250px;
} 
table.moduletable_promo th, div.moduletable_promo h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333333;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}
table.moduletable {	
} 
table.moduletable th {} /* apparence du titre des modules */
table.moduletable th, div.moduletable h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333333;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 10px;
}
table.moduletable td {
} /* apparence du contenu des modules */
table.moduletable ul {} /* apparence deslistes des modules */

.moduletablesousmenu {	
	text-align: right;
	margin: 0px;
	font-size: 9px;
	padding-bottom: 0px;
	background-image: url(../images/sous_menu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 37px;
} 
.moduletablesousmenuLink {	
	text-align: right;
	margin: 2px;
	margin-right: 15px;
	font-size: 9px;
	padding-bottom: 0px;
	background-image: url(../images/sous_menu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 42px;
} 
/* NB : selon le paramètre x d'affichage du module mosLoadModules ( 'position', x ), le titre du module est paramétré par : */

moduletable h3 {} /* apparence du titre d'un module publié avec -2 */
div.module div div div h3 {} /* apparence du titre d'un module publié avec -3 */ 
 
/* ------------------------- Paramètres particuliers ------------------------- */
 
/* images insérées via le bot {mosimage} */

.mosimage {} /* style de l'image : bordure, marges... */
.mosimage_caption {} /* style de la légende de l'image */

/* Dates, auteurs, évaluation, etc. */

.createdate {} /* style de l'intitulé "créé le" si affiché */
.modifydate {} /* style de l'intitulé "modifié le" si affiché */
.content_rating /* style des résultats des votes pour un article si affiché */
.small {} /* style employé pour la liste de liens en bas lors de l'affichage sous forme de blog */
.smalldark {} /* style uniquement employé (à ma connaissance) pour les intitulés "nombre de votes", "premier vote", "dernier vote" lors de l'affichage des résultats d'un sondage */

/* composant sondage */
 
.poll {} /* apparence du texte du module de sondage */
.pollstableborder {} /* apparence des bordure du sondage affiché */
 
/* composant liens web */

a.weblinks:link /* apparence des liens */
a.weblinks:visited {} 
a.weblinks:hover {}
 

/* composant fils d'actualité */

.newsfeedheading {} /* style du titre desfils d'actualité */
.newsfeeddate {} /* style de la date des fils d'actualité */
.fase4rdf {} /* style des liens des fils d'actualité */
a.fase4rdf:link {}
a.fase4rdf:visited {}
a.fase4rdf:hover {}
 
/* composant recherche */

table.searchintro {} /* Paramètre du texte affiché  de la boîte affichant "Rechercher les mots-clés ... x résultat(s) trouvé(s) au total. Rechercher ... avec Google" apparaissant après avoir fait une recherche */
  
/*  paramètres de la table contact  */

table.contact {}
table.contact td.icons {}
table.contact td.details {}

/*  paramètres du pathway (quand affiché)  */

.pathway {}
a.pathway,
a.pathway:visited {}
a.pathway:hover {}

/* titre du site (quand affiché)  */

.site_name {}

 
/* ------------------------- Paramètres l'interface d'administration Joomla! en frontend ------------------------- */
/* les CSS suivant permettent de définir l'interface d'administration en frontend (lorsqu'un utilisateur est connecté) */
 
.ontab {} /* apparence des onglets actifs dans l'éditeur d'article en "frontend" */
.offtab {} /* apparence des onglets inactifs dans l'éditeur d'article en "frontend" */
.tabpadding {} /* défini la largeur les fenêtres de saisie (formulaire) */
.tabheading {}
.pagetext {} /* apparence du contenu des fenêtres de saisie du contenu */

.message { }                /* style du message envoyé par l'éditeur en frontend suite à une action de l'utilisteur, par exemple "Publication sauvegardée avec succés" */

.separator{
	height : 5px;
}