/* ------------------------- CSS COMPLETS POUR UN TEMPLATE JOOMLA 1.0.x ------------------------- */

/* ------------------------- Styles par défaut ------------------------- */

/* Styles généraux */

body,html { height:100%; } /* style général entre les balises body, contrôle les éléments comme le fond, etc.*/
td { font-family:arial;font-size:12px; } /* style par défaut des colonnes des tables du templates  */
tr {} /* style par défaut entre les balises body, contrôle les éléments comme le fond, etc. */
p { } /* style par défaut des paragraphes */
hr {} /* style par défaut des lignes horizontales du template */
hr.separator {}
div { } /* format par défaut des balises "div" du template */
pre {} /* style des zones de textes préformatés  (utilisé par la zone de debogage) */


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

h1 {} /* style de titre de niveau 1 */
h2 {} /* style de titre de niveau 2 */
h3 {} /* style de titre de niveau 3, est utilisé pour l'affichage des titre de module que le paramètre du module est à -2 ou -3 (cf. plus bas) */
h4 {} /* style de titre de niveau 4 */
h5 {} /* style de titre de niveau 5 */
h6 {} /* style de titre de niveau 6 */

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

a:link {
color:#990000;
text-decoration:none;
} /* style par défaut des liens */
a:visited {
color:#990000;
text-decoration:none;
} /* style des liens visités */
a:hover {
color:#DD4F0A;
text-decoration:underline;
} /* style des liens survolés */

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

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{

line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;

}

 
/* ------------------------- Paramètres des formulaires ------------------------- */

.form {} /* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */
.button  {} /* apparence des boutons */
.inputbox {} /* apparence des formulaire de saisie, par ex. le module de connexion */
.search {
	padding:0px;
	margin:0px;
	background-image: url(../images/logo-header2.gif);
	} /* apparence des <div> qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/
 
 
/* ------------------------- Paramètres de navigation / des menus ------------------------- */
 
/* Style des menus */

a.mainlevel{
	display: block;
	width:273px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-indent:20px;
	line-height:45px;
	/*padding:0px 10px 10px 0px;*/
	/*padding:20px 10px 10px 20px;*/
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;

	} /* style des liens de menu de premier ordre */
a.mainlevel:link {
	} /* style des liens de menu de premier ordre */
a.mainlevel:visited {
	
	} /* style des liens de menu de premier ordre visités */
a.mainlevel:hover {
	display: block;
	color: #970908;
	/*background-color: #FF9933;*/
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-indent:20px;
	line-height:45px;
	/*margin: 0px 0 0 0px;
	padding:20px 10px 10px 20px;*/
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;

	} /* style des liens de menu de premier ordre survolé par la souris */
 
#active_menu {
	display: block;
	color: #970908;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0 0 0px;
	/*padding:20px 10px 10px 20px;*/
	
	} /* style des liens de menu de premier ordre actif */

a.sublevel{
	display: block;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0 0 0px;
	padding:6px 0px 0px 40px;
	background:transparent url(../images/sub-puce.gif) no-repeat top left;
	} /* style des liens de menu de second ordre */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {
	display: block;
	color: #970908;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0 0 0px;
	padding:6px 0px 0px 40px;
	background:transparent url(../images/sub-puce.gif) no-repeat top left;
	}

/* Style du menu horizontal */

ul#mainlevel-nav {} /* style des liens du menu horizontal (généralement dans la position user3) */
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 {}
 
.back_button {} /* style pour le bouton "retour" */
.pagenav_prev {} /* style pour le bouton "précédent" */
.pagenav_next {} /* style pour le bouton "suivant" */
 
.latestnews ul {
	padding:20px;
	} /* style pour la liste "dernières news" - par défaut, les "dernières news" sont dans le module user1 */
.latestnews li {
	list-style-image: url(../images/puce-home.gif);
	margin:12px 8px 0px 30px;
	}
.latestnews a {
	color:#46463C;
	text-decoration:none;
	font-weight:bold;
	}
.latestnews a:hover {
	color:#981617;
	}

.mostread-link a{
	color:#000000;
	}
.mostread-link a:hover {
	color:#981617;
	text-decoration:none;
	}

.mostread ul{} /* style pour la liste "plus populaires" - par défaut, les "plus populaires" sont dans le module user1 */
.mostread-link li{
   font-family: Arial;
   text-decoration:none;
   font-size: 11px;
   font-weight:bold;
   color:#000000;
   display: block;
   width:auto;
   margin: 0px;
   padding: 8px 15px 0px 41px;
  background: url(../images/link-bullet.gif) 0px 8px no-repeat;

	}


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

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

.blog /* apparence de la table entourant le contenu central sur le front page */
.blogsection {} /* paramètres de liens d'une page de type blog * */
.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 */
 
.componentheading {
	} /* style du composant utilisé pour affiché le contenu en cours */
.contentheading {	/* style du tire du contenu, de l'article... en cours */
		} 
.contentpane {} /* apparence de la table qui contient les éléments non-liés à  un article (composant, liste de catégories, formulaire de contect, etc).*/
.contentpaneopen {} /* apparence de la table qui contient le texte de l'article en cours */
.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) ------------------------- */

table.moduletable {} /* apparence général des modules */
table.moduletable th {} /* apparence du titre des modules */
table.moduletable td {} /* apparence du contenu des modules */
table.moduletable ul {} /* apparence deslistes des modules */

/* 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 {
	/*
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	margin-bottom: 2px;
	*/
	font-family:Arial;
	color:#FFFFFF;
	font-weight: bold;
	font-size:16px;
	}
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" */


/****************/

.moduleZoomContent {
	font-size:arial;
	font-weight:bold;
	font-size:11px;
	margin: 5px;
	background-image: url(../images/zoom-background.gif);
	}

.moduleLinkContent {
	font-size:arial;
	font-weight:bold;
	font-size:11px;
	background-image: url(../images/link-background.gif);
	}

.moduleNewsContent {
	font-size:arial;
	font-weight:bold;
	font-size:11px;
	background-image: url(../images/link-background.gif);
	}