body{background: #fff url(../images/bkg.jpg) repeat-x; text-align:center; font-weight: normal; text-align:left; font-size:100%; margin:0; padding:0; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans serif;}
abbr, acronym {border: none;}
a img {border: none;}
address {padding: 0px 0px 4px 0px; text-align:justify;}
h1{font-size:1.3em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#99d202;}
h2{font-size:1.0em; margin:10px 0px 0px 0px; padding:0px 0px 10px 0px; font-weight:normal; color:#99d202;}
h3{font-size:1.0em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#99d202; text-transform:uppercase;}
h4{font-size:1.0em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold; color:#99d202;}
h5{font-size:1.0em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold; color:#888;}
h6{font-size:1.0em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:normal; color:#99d202;}
p {padding: 0px 0px 8px 0px; margin: 0px 0px 0px 0px; text-align:left; font-size:1.1em; color:#888;}
ul{padding:0px 0px 8px 18px; margin: 0px 0px 0px 0px; font-size:1.1em; color:#888;}
ol{padding:0px 0px 8px 18px; margin: 0px 0px 0px 10px; font-size:1.1em; color:#888;}
li{color:#999;}
pre{font-size:0.7em; color:#999;}
a:link, a:visited{color:#7291a7; text-decoration:underline; }
a:hover{color:#7291a7; text-decoration:none;}
hr{background: #dddddd; height:1px;}
input, select{font-size:0.8em; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans serif;}


/***** Mise en page ***/
#page{width:780px; background-color:#fff; border-left:1px solid #dbcea5; margin:0px auto 15px auto; border-right:1px solid #dbcea5; border-bottom:1px solid #deddd7;}

#header{ background:url(../images/page_line_bkg.gif) repeat-x bottom; height:80px; width:780px; margin:0px auto;}

#content{background-color:#fff; width:780px; margin:0px auto;}
#pre_content{width:100%; height:47px; position:relative;}
#sub_content{width:677px; margin:0px 63px 0px 40px; min-height:300px;}
#content_txt{margin:0px 45px 0px 0px;}

#side_nav{position:absolute; left:780px; top:-2px;}

#col_left{float:left; padding:0px 0px 280px 0px; width:166px;}
#col_center{float:left; width:325px;}
#col_right{float:left; width:186px;}
#col_center_right{float:left; width:491px;}




ul#mainlevel-toolbar{font-size:13px; font-weight:bold; padding:31px 0px 0px 10px; margin:0px 0px 0px 0px;}
ul#mainlevel-toolbar li{display:inline; color:#7291a7; text-align:center; margin:0px 0px 0px 0px;}
ul#mainlevel-toolbar li a{text-decoration: none; padding: 0px 12px 0px 15px; display:block; float:left; padding-bottom:1px;}
ul#mainlevel-toolbar li a:link, ul#mainlevel-toolbar li a:visited{color:#7291a7;}
ul#mainlevel-toolbar li a:hover, ul#mainlevel-toolbar li a:active,ul#mainlevel-toolbar li a:focus{color:#fff;}
ul#mainlevel-toolbar li #active_menu-toolbar:link, ul#mainlevel-toolbar li #active_menu-toolbar:visited, ul#mainlevel-toolbar li #active_menu-toolbar:hover{color:#fff;}

ul#mainlevel-left{font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
ul#mainlevel-left li{margin: 0px 0px 0px 0px;}
ul#mainlevel-left li a{display:block; padding: 0px 6px 4px 0px; margin:0px 18px 8px 45px; border-bottom: solid 1px #dce4e9; text-decoration: none;}
ul#mainlevel-left li a:link, ul#mainlevel-left li a:visited{color:#7291a7;}
ul#mainlevel-left li a:hover,#mainlevel-left li a:active,#mainlevel-left li a:focus{color:#000;}
ul#mainlevel-left li a#active_menu-left{background-image:url(../images/puce_submenu.gif); background-repeat:no-repeat; background-position:0px 5px; padding: 0px 6px 4px 15px; margin:0px 18px 8px 30px; color:#000;}

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

.moduletable_principal {font-size:0.7em; color:#999;}
.moduletable_principal h3{text-transform:uppercase; font-size:11px; font-weight:normal; color:#fff; background-color:#99d202; padding:0px 0px 0px 5px; margin:0px 0px 10px 0px;}
.moduletable_principal div{margin:7px 0px 20px 5px; font-size:11px; color:#999;}
.moduletable_accueil{border:1px solid #e6f4c0; padding:5px; margin-bottom:17px; font-size:0.7em; color:#999;}
.moduletable_accueil h3 {font-size:1.3em; font-weight:normal; text-transform:none; color:#99d202; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;}
.moduletable_accueil div{margin:7px 0px 20px 0px; font-size:1.0em; color:#999;}
.moduletable {font-size:0.7em; color:#999;}
table.moduletable th{font-size: 16px; color: #000; width: 100%; padding: 0px 0px 0px 15px; vertical-align:middle; font-weight: normal; height: 24px; width: 100%; background-color: #E0EEC7; margin: 0px 0px 0px 0px;}
table.moduletable td{font-size: 12px; padding: 0px; margin: 0px 0px 0px 0px;}
table.moduletable a:link{color:#5e819d; font-weight: bold; text-decoration: underline;}
table.moduletable a:visited{color:#5e819d; font-weight: bold; text-decoration: underline;}
table.moduletable a:hover{color:#5e819d; font-weight: bold; text-decoration: none;}
table.moduletable ul {} /* apparence deslistes des modules */
.moduletable h3 {text-transform:uppercase; font-size:11px; font-weight:normal; color:#999; background-color:#fbedc8; padding:0px 0px 0px 5px; margin:0px 0px 0px 0px;}
.moduletable div{margin:7px 0px 20px 5px; font-size:11px; color:#999;}


#foot{width:780px; height:20px; border-top:4px solid #ffca00;}
#footer {font-size:10px; padding:0px 0px 0px 0px; background-color: transparent; position:relative;}
#footer a.impressum {color:#999; position: relative;}
#footer a.impressum:hover {background: none; z-index:1; text-decoration: none;}
#footer a.impressum .box {display: none; border:none; position: absolute;}
#footer a.impressum:hover .box {display:inline; position:absolute; top:-40px; left:10px; background-color:#fff; color:#333; border:1px solid #b7b7b7; height:30px; width:200px; padding:5px; color:#99d202; font-size:10px;}
#copy{margin:0px 0px 0px 0px; padding:3px 0px 0px 45px; color:#999; float:left;}
.clear{clear: both; font-size: 1px; line-height: 1px;}

/*  Pour l'accueil */
.contentpaneopen_accueil{width:100%; font-size:0.7em; color:#999; margin:0px 0px 15px 0px; border: 1px solid rgb(230, 244, 192); padding: 5px 10px;}

/* elements dans contenu */
a.plus{display:block; width:100%; text-align:right; font-size:1.0em;}
a.small_link{font-size:0.9em;}
a.doc{background-image:url(../images/btn_download_small.png); background-repeat:no-repeat; padding:0px 0px 0px 17px;}
.colonne{font-size:0.7em; color:#888;}
.colonne2{font-size:0.7em; color:#888;}

/* Documentation */
.small_documentation{font-size:0.7em; color:#99d202;}

/* CONTENU */
.contentpane{width:100%; font-size:0.7em; color:#999; padding:0px; margin:0px;}
.contentpaneopentitle{width:100%; color:#99d202; margin:0px; font-size:1.5em;}
.contentpaneopen{width:100%; font-size:0.7em; color:#999; padding:0px; margin:0px;}
.contentheading{width:100%; color:#99d202; margin:0px; font-size:1.5em;}
.componentheading{width:100%; color:#99d202; margin:0px; font-size:1.5em;}
.contentheading {} /* style du tire du contenu, de l'article... en cours */
.contentpagetitle {} /* style du titre du contenu, de l'article, etc. affich� */

.content_rating{font-weight: normal; font-size: 9.5pt;}
.contentdescription{width: 100%; color: #a2a2a1; margin: 0px 0px 20px 0px; padding: 0; font-size: 1em;}
.modifydate{color: #000; font-size: 9.5px; font-weight: bold; padding-top: 0px; text-align: left;}
.createdate{line-height: 10px; font-size: 9.5px; color: #000; font-weight: bold; vertical-align: top; text-align:left;}
.back_button{margin-bottom: 13px; display:block; text-align:right; background-color: #D7E9B7; padding: 0px 5px 0px 0px;}
.readon{margin-bottom: 13px; display:block; text-align:right; background-color: #D7E9B7; padding: 0px 5px 0px 0px;}
a.readon:link, a.readon:visited{color:#000000; text-decoration: none;}
a.readon:hover{color: #F2B800; text-decoration: none;}

/* PAGE NAVIGATION (suivant - precedent) */
a.pagenav,a.pagenav:visited{font-weight: bold; color: #666; text-decoration: none;}
a.pagenav:hover{color: #000; text-decoration: none;}

/* SECTION - CATEGORIE*/
.sectiontableheader{white-space:nowrap; font-size:0.8em; color:#000; font-weight:bold; padding:2px;}
.sectiontableheader th{font-size:0.8em;}
.sectiondesc{padding:3px; font-family: Lucida sans unicode, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a.sectiontitre:link,a.sectiontitre:visited{font-family: Lucida sans unicode, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding:2px; font-size:0.8em; font-weight : bold; text-decoration: none; color:#7291a7;}
a.sectiontitre:hover{text-decoration: underline; color:#7291a7;}
.sectiontableentry1{}
.sectiontableentry1 td{font-size:0.7em;}
.sectiontableentry2{background-color:#f5f5f5;}
.sectiontableentry2 td{font-size:0.8em;}
.table_cell{font-size:0.8em;}
.small{font-size: 0.7em; padding: 0px; color:#777;}
.edition{color:#506027; font-weight:bold;}
.edition a:link,.edition a:visited{color:#993300;}
.edition a:hover{}
.category{line-height:24px;}
div.categorylist{padding:0px 0px 0px 26px; line-height: 30px; font-weight: bold; color:#000;}
li.listout{list-style-type:none;}
a.categorylist:link,a.categorylist:visited{color:#506027; line-height: 30px; padding:6px 0px 2px 26px; text-decoration:none;background-image: url(../images/puce_donat.gif); background-repeat: no-repeat; background-position: 0px 3px;}
a.categorylist:hover{color:#000; text-decoration:underline;}
a.category:link,a.category:visited{padding: 0px; margin: 2px 5px 1px 0px; background-position: 6px 0px; font-weight:bold; font-family: Lucida sans unicode, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-decoration: none; text-indent:34px;}
a.categorylist:hover{color:#000; text-decoration:underline;}
a.rssnews:hover{text-decoration: underline; color: #000;}
a.rssnews:link,a.rssnews:visited{color:#506027; display:block; padding:6px 0px 0px 0px; text-decoration:none;}
.rsstxt{display:block; padding:0px 0px 3px 0px; font-size:10px;}

/* ------------------------- Param�tres des modules Joomla! (par d�faut) ------------------------- */

/* MODULE Mod_pool */
.pollstableborder{border: 0px solid; padding: 1px;}
.poll{font-size: 12px; line-height: 14px}
table.pollstableborder{border: 0px;}

/* MODULE Mod_Search */
.search inputbox{}
.search button{}

/* MODULE Mod_Wrapper */
.wrapper{}

/* CONTACT */
table.contact{text-align:left;}
table.contact td.icons{}
table.contact td.details{}

/* POLL*/
table.pollstableborder{padding:0px; margin:0px;}
table.pollstableborder td{padding:0px 0px 8px 0px; margin:0px;}
table.moduletable.poll{padding:0px; margin:0px;}


/* ------------------------- 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 */
td {} /* 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. */
hr.separator {}
div {} /* format par d�faut des balises "div" du template */

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

/* Param�tres par d�faut des liens */
a:link {} /* style par d�faut des liens */
a:visited {} /* style des liens visit�s */
a:hover {} /* style des liens survol�s */
select {} /* style des listes d�roulantes des formulaires */ /* ------------------------- Param�tres des formulaires ------------------------- */
.form {font-size:0.8em;} /* permet de d�finir les marges (marging et padding) des formulaire pour une meilleur accessibilit� (seulement pour Joomla!) */
.button  {font-size:0.8em;} /* apparence des boutons */
.inputbox {font-size:1.0em; color:#777; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans serif;} /* apparence des formulaire de saisie, par ex. le module de connexion */
.search {} /* apparence des <div> qui contiennent les �l�ments de recherche : inputbox, bouton de recherche...*/
.inputbox_contact {font-size:1.0em; color:#777; width:90%; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans serif;} /* ------------------------- Param�tres de navigation / des menus ------------------------- */ /* Style des menus */
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 */
a.sublevel{} /* style des liens de menu de second ordre */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}


/* Style du menu horizontal */
.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 {} /* style pour la liste "derni�res news" - par d�faut, les "derni�res news" sont dans le module user1 */
.latestnews_principal li {border-bottom:1px solid #e6f4c0; margin:4px 0px; padding:3px 0px;}
.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 {margin:0px; padding:0px; } /* style pour l'�cartement vertical entre les articles d'une page de type blog */
.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 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� */
.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 {width:100%; color:#99d202; font-size:1.0em; margin-bottom:50px;}
                /* style du message envoy� par l'�diteur en frontend suite � une action de l'utilisteur, par exemple "Publication sauvegard�e avec succ�s" */


/* ----------------------- Param�tre qui concerne la FAQ --------------------------------------- */
ul.faq{} /* apparence de les istes de questions et cat�gories */
li.faq{} /* apparence des �l�ments dans les listes de questions et de cat�gories */
.faqs h3{} /* apparence des titres des r�ponses */