@charset "utf-8";
/* CSS Document */
/*
				  Writed by Almantors
				http://www.almantors.net
* ------------------------- CSS JOOMLA ------------------------- */


/* ------------------------- Styles par défaut ------------------------- */
 
/* Styles généraux */
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
} /* style général entre les balises body, contrôle les éléments comme le fond, etc.*/
td {
	margin: 0px;
	padding: 0px;
} /* style par défaut des colonnes des tables du templates  */
tr {
	margin: 0px;
	padding: 0px;
} /* style par défaut entre les balises body, contrôle les éléments comme le fond, etc. */
p {
	display: block;
	padding: 0px;
	margin: 1px 0px 2px 0px;
	text-indent: 10px;
} /* style par défaut des paragraphes */
hr {
	background-color: #2c6693;
} /* style par défaut des lignes horizontales du template */
hr.separator {}
div {
	margin: 0px;
	padding: 0px;
} /* format par défaut des balises "div" du template */
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	white-space: pre;
	color: #666;
} /* style des zones de textes préformatés  (utilisé par la zone de debogage) */
 
 
/* Paramétres par défaut des niveaux de titre */
 
h1 {
	font-size: 27px;
	margin: 0px;
	padding: 0px;
} /* style de titre de niveau 1 */
h2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
} /* style de titre de niveau 2 */
h3 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
} /* 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 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
} /* style de titre de niveau 4 */
h5 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
} /* style de titre de niveau 5 */
h6 {
	font-size: 8px;
	margin: 0px;
	padding: 0px;
} /* style de titre de niveau 6 */
 
/* Paramètres par défaut des liens */
 
a:link, a:visited {
	color: #2c6693;
	text-decoration: none;
} /* style par défaut des liens *//* style des liens visités */
a:hover {
	color: #0060B6;
	text-decoration: underline;
} /* style des liens survolés */
 
/* Paramètres par défaut des listes à puce */
 
ul {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/puce-0.png);
	list-style-position: inside;
} /* style de tous les éléments de liste ul */
li {
	margin: 0px;
	padding: 0px;
} /* style de tous les éléments de liste li */
 
 
/* ------------------------- Paramètres des formulaires ------------------------- */
form {
	margin: 0;
	padding: 0;
}/* permet de définir les marges (margin et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */

input, select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #0060B6;
}

textarea {
	border: 1px solid #BEDFEB;
	padding-left: 2px;
	background: none;
}

.button {
	padding: 1px 5px;
	border-top: 1px solid #BFE1ED;
	border-right: 1px solid #6BB7D3;
	border-bottom: 1px solid #6BB7D3;
	border-left: 1px solid #BFE1ED;
	background: #D3E9F2;
	color: #1D8BB4;
}

.button:hover {
	border-top: 1px solid #6BB7D3;
	border-right: 1px solid #BFE1ED;
	border-bottom: 1px solid #BFE1ED;
	border-left: 1px solid #6BB7D3;
	background: #D3E9F2;
	color: #1D8BB4;
}

.inputbox, .text_area {
	padding: 1px 3px;
	border: 1px solid #BEDFEB;
	background: #F7FBFD;
}

.inputbox:hover, .inputbox:focus, .text_area:hover, .text_area:focus {
	border: 1px solid #0060B6;
	background: #FFF;
}

input.disable {
	background-color:#CCC;
	color: #999;	
}
input.enable {
	border: 1px solid #0060B6;
	background: #FFF;
}

 
/* ------------------------- Paramètres de navigation / des menus ------------------------- */
 
/* Style des menus */

ul#mainlevel-main {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul#mainlevel-main li {
	height: 16px;
	margin: 0px;
	padding: 0px;
	text-indent: 5px;
}
ul#mainlevel-main li a:link, ul#mainlevel-main li a:visited {
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #999;
	font-size: 11px;
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
ul#mainlevel-main li a:hover {
	background-image: url(../images/menu-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #80B0DB;
} 

a.mainlevel-main {} /* style des liens de menu de premier ordre */
a.mainlevel-main:link {} /* style des liens de menu de premier ordre */
a.mainlevel-main:visited {} /* style des liens de menu de premier ordre visités */
a.mainlevel-main:hover {} /* style des liens de menu de premier ordre survolé par la souris */
 
a.mainlevel{} /* 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 {} /* style des liens de menu de premier ordre survolé par la souris */
 
#active_menu {} /* style des liens de menu de premier ordre actif */
#active_menu-main {
	background-image: url(../images/menu-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #0060B6 !important;
} /* style des liens de menu de premier ordre actif */

#active_menu-main1 {
	background-image: url(../images/menu-hover.png);
	background-repeat: repeat;
	background-position: center center;	
	color: #0060B6 !important;
} /* style des liens de menu de premier ordre actif */

a.sublevel{} /* 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) */
#menu-haut {
	width: 760px;
	text-align: center;
	}
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	font-size: 14px;
	line-height: 21px;
	white-space: nowrap;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A4C7E5;
}



ul#mainlevel-nav li a
{
	display: block;
	text-decoration: none;
	color: #4690cd;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	padding: 3px 5px 0px 5px;
}
ul#mainlevel-nav li a:hover, #active_menu-nav {
	background-color: transparent;
	color: #FFFFFF;
	background-image: url(../images/top-menu-hover.png);
	background-repeat: repeat-x;
	background-position: top;
}
 
/* Style des barres de navigation */
 
.pagenavbar {
	text-align: center;
	padding-top: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
} /* 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 {
	color: #999;
}
 
.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 {} /* 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 {}
 
.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 {
	text-align: center;
	color: #afd0ee;
	width: 100%;
	/*border-bottom: 0px solid #80B0DB;*/
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;} /* style du composant utilisé pour affiché le contenu en cours */
.contentheading {
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
} /* 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 contact, etc).*/
.contentpaneopen {
	width: 100%;
	padding: 0;
	margin: 0;
} /* 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 {
	height: 22.5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin: 0px;
	padding: 0px;
} /* 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 {
	background-image: url(../images/box2.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 160px;
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #2061A7;
	padding-bottom: 2px;
} /* style de la table des matières pour des contenus ou articles à pages multiples */
table.contenttoc th {
	color: #80B0DB;
	padding-top: 8px;
	padding-bottom: 5px;
} /* style du titre de la table des matières */
table.contenttoc td {
	padding-right: 5px;
	padding-left: 5px;
} /* style du contenu de la table des matières */
table.contenttoc td.toclink {
	display: block;
} /* style du des liens dans la table des matières */
a.toclink:link {
}
a.toclink:visited {}
a.toclink:hover {
	color: #CCC;
}
 
 
/* ------------------------- 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 {
	color: #666;
	display: block;
	width: 100px;
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
} /* apparence du titre d'un module publié avec -3 */ 
 
/* ------------------------- Paramètres particuliers ------------------------- */
 
/* images insérées via le bot  */
 
.mosimage {} /* style de l'image : bordure, marges... */
.mosimage_caption {} /* style de la légende de l'image */
 
/* Dates, auteurs, évaluation, etc. */
 
.modifydate, .createdate {
	color: #80B0DB;
	font-size: 11px;
} /* style de l'intitulé "modifié le" si affiché *//* style de l'intitulé "créé le" si affiché */
.content_rating, .content_vote {
	color: #80B0DB;
}/* style des résultats des votes pour un article si affiché */
.small {
	color: #80B0DB;
} /* 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 {
	font-size: 10px;
	color: #CCC;
}
a.pathway,
a.pathway:visited {
	color: #B2CFEA;
	text-decoration: none;
}
a.pathway:hover {
	text-decoration: underline;
}
 
/* 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" */
.pagenavcounter {
	font-size: 10px;
	color: #80B0DB;
}