/* --------- MISE EN PAGE --------- */ body { background-image: url(../images/back.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #89a9b7; margin: 0px} .clear {clear: both;} img {margin: 0px; display:block;} a {color: #1679a4;} a:hover {color:#0a4964;} #containerBack {width: 870px; margin: 0px auto; background-image:url(../images/back_contour.jpg); background-repeat:repeat-y;} #container {width: 774px; margin: 0px auto;} #contGauche {float:left; width: 234px; background-image:url(../images/menu_back.jpg); padding-top: 20px;} #contDroite {float: left; width: 510px; padding: 0px 15px 15px 15px;} #banner {width: 774px; height: 169px; background-image:url(../images/banner.jpg); background-repeat:no-repeat;} #txt { padding: 0px 10px;} #modNewsletter {background-color:#fff; padding: 0px 20px 20px 20px;} #alt {width: 267px; background-color:#fff; padding-bottom: 30px; padding-top: 10px; border-top: 6px solid #d4ecf8;} #footer {background-image:url(../images/footer.jpg); background-position:top right; background-repeat:no-repeat; width: 870px; height: 56px; margin: 0px auto; position: relative;} /**** Du site de Favre mais peut être utile... ***/ .table_rows3, .table_rows4 {padding:10px 10px 5px 10px; border-bottom:1px solid #9dcae0;} .table_rows3 {background-color:#e1f2fa;} img.float {float:left; margin:3px 10px 0px 0px;} /***** Footer Genibox J-R ****/ #footer_txt {position: absolute; bottom: 10px; right: 45px; color: #fff;} a.genibox {color: #fff; font-weight: bolder; text-decoration:none;} a.genibox:hover {color: #006e8f;} /***** Contenu de la page - A utiliser dans la conception des pages *****/ .boiteMainLeft {float: left; width: 230px; height:200px; padding: 0px 20px 0px 0px; border-right: 1px solid #eee;} .boiteMainRight {float: left; width: 230px; height:200px; padding: 0px 0px 0px 20px;} .boiteMainBtmLeft {float: left; width: 230px; height:200px; padding: 0px 20px 0px 0px; border-right: 1px solid #eee; border-top: 1px solid #ddd;} .boiteMainBtmRight {float: left; width: 230px; height:200px; padding: 0px 0px 0px 20px; border-top: 1px solid #ddd;} a.savoir_plus {display: block; background-color: #eaf6fc; height: 20px; line-height: 20px; padding-left: 25px; text-decoration:none; color: #c3e8f8; font-size: 10px; font-weight: bold; background-image: url(../images/menu_off.gif); background-repeat: no-repeat; background-position: 10px 8px;} a.savoir_plus:hover{background-color: #eaf6fc; color: #2b4468; background-image: url(../images/menu_off.gif); background-repeat: no-repeat; background-position: 10px 8px;} /***** Module Agenda *****/ .table_rows1, .table_rows2 {font-size: 10px; margin: 0px 10px; padding: 10px 0px; border-bottom: 1px solid #9dcae0;} /****** Composant Emploi *******/ .emploi_titre_black{font-size:11px; color:#111; display:block; margin:8px 0px; text-transform:uppercase; text-decoration:none; font-weight:bold;} .emploi_titre_select{font-size:11px; color:#1f8dcd; display:block; margin:8px 0px; text-transform:uppercase; text-decoration:none; font-weight:bold;} a.emploi_titre_select:link, a.emploi_titre_select:visited{} a.emploi_titre_select:hover{} .colonne{background-color:#f4f8fc; padding:5px 10px 15px 10px; width:125px; font-weight:bold; color:#72838d;} .colonne2{background-color:#ffffff; padding:5px 10px 15px 10px; width:370px; color:#72838d;} .back{float:right; margin-left:3px; border-left:1px solid #d2dce3; border-bottom:1px solid #d2dce3; border-right:1px solid #d2dce3;} .back a{background-color:#dfebf6; display:block; padding:3px 10px; font-weight:bold;} .back a:link, .back a:visited, .back a:hover{text-decoration:none;} /****** Liens Web ****/ ul.categorielienweb{list-style-type:none; padding:8px 0px 0px 20px; margin:0px;} ul.categorielienweb li{ margin:0px; font-size:11px; color:#000000; font-weight:bold;} ul.categorielienweb li a:link, ul.categorielienweb li a:visited, ul.categorielienweb li a:hover{} ul.categorielienweb li a.category:link, ul.categorielienweb li a.category:visited, ul.categorielienweb li a.category:hover{color:#1f8dcd; text-decoration:none;} ul.categorielienweb li .small{color:#999;} /* ------------------------- 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 {} /* 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) */ .bloc {float: left; width: 210px; background-color: #ecf3f9; padding: 10px; margin-left: 10px;} /*BOUTON VERT LARGE*/ a.btn {height: 21px;width: 196px;background-image:url(../images/btn_off.jpg);background-repeat:no-repeat;display: block; color:#ffffff;font-size:10px;font-weight: bolder;text-decoration:none;line-height:19px;padding-left: 30px;} a.btn:hover {background-image:url(../images/btn_on.jpg);background-repeat:no-repeat;} /*BOUTON VERT*/ a.btn2 {height: 21px;width: 141px;background-image:url(../images/btn2_off.jpg);background-repeat:no-repeat;display: block; color:#ffffff;font-size:10px;font-weight: bolder;text-decoration:none;line-height:19px;padding-left: 30px;} a.btn2:hover {background-image:url(../images/btn2_on.jpg);background-repeat:no-repeat;} /*BOUTON VERT: proposer un job*/ a.btn3 {height: 21px;width: 141px;background-image:url(../images/btn2_off.jpg);background-repeat:no-repeat;display: block; color:#ffffff;font-size:10px;font-weight: bolder;text-decoration:none;line-height:19px;padding-left: 30px; position: absolute; top: -30px; right: -43px;} a.btn3:hover {background-image:url(../images/btn2_on.jpg);background-repeat:no-repeat;} /*BOUTON VERT: Devenir membre */ a.btn4 {height: 21px;width: 141px;background-image:url(../images/btn2_off.jpg);background-repeat:no-repeat;display: block; color:#ffffff;font-size:10px;font-weight: bolder;text-decoration:none;line-height:19px;padding-left: 25px; position: absolute; top: -5px; right: -25px;} a.btn4:hover {background-image:url(../images/btn2_on.jpg);background-repeat:no-repeat;} /*BOUTON VERT: proposer un fichier*/ a.btn5 {height: 21px;width: 141px;background-image:url(../images/btn2_off.jpg);background-repeat:no-repeat;display: block; color:#ffffff;font-size:10px;font-weight: bolder;text-decoration:none;line-height:19px;padding-left: 25px; position: absolute; top: -30px; right: -38px;} a.btn5:hover {background-image:url(../images/btn2_on.jpg);background-repeat:no-repeat;} /*BOUTON VERT: changement d'adresse*/ a.btn6 {height: 21px;width: 196px;background-image:url(../images/btn3_off.jpg);background-repeat:no-repeat;display: block; color:#ffffff;font-size:10px;font-weight: bolder;text-decoration:none;line-height:19px;padding-left: 30px;} a.btn6:hover {background-image:url(../images/btn3_on.jpg);background-repeat:no-repeat;} /* Paramétres par défaut des niveaux de titre */ h1 {color: #0d6b98; font-size:18px; text-transform:uppercase; background-image:url(../images/h1.gif); background-repeat:no-repeat; padding-left: 27px; margin-bottom: 15px;} h3 {font-size: 11px; font-weight:bolder; margin-bottom: 15px;} #modNewsletter h3 {margin-bottom: 10px; color: #42c7ef; font-size: 14px; margin-left: 0px;} h2 {font-size: 14px; font-weight:bolder; margin-bottom: 15px; color: #42c7ef} h4 {font-size: 11px; font-weight:bolder; color: #0d6b98; margin-bottom: 15px; text-transform: uppercase;} /* style de titre de niveau 4 */ h5 {font-size: 10px; margin:10px 0px 0px 0px; padding:0px;} /* style de titre de niveau 5 */ h6 {font-size: 12px; margin:0px 0px 0px 0px; padding:0px; color: #2d86c1;} /* style de titre de niveau 6 */ /* Paramétres par défaut des liens */ /* Paramétres par défaut des listes à puce */ ul {margin-bottom: 15px;} /* style de tous les élements de liste ul */ li {list-style-image:url(../images/li.gif); margin-left: 20px;} /* style de tous les élements de liste li */ p {font-size:10px; padding:0px; margin:0px 0px 7px 0px;} ol li{margin:10px 0px 7px 0px;} /* ------------------------- Paramètres des formulaires ------------------------- */ .form {} /* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */ .button {background-color: #00aaf1; border: 1px solid #b1b1b1; color: #fff;} /* apparence des boutons */ .inputbox {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; padding:1px; width:70%;} /* apparence des formulaire de saisie, par ex. le module de connexion */ .search {} /* apparence des
qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/ select{} /* style des listes déroulantes des formulaires */ .buttonNewsletter {background-color: #2b4468; border: 1px inset #000; color: #fff; font-size: 10px; margin-top: 5px;} /* apparence des boutons */ .inputboxNewsletter {} /* apparence des formulaire de saisie, par ex. le module de connexion */ .textarea{width:90%;} /* ------------------------- Paramètres de navigation / des menus ------------------------- */ /* Style des menus */ a.mainlevel {height: 44px; width: 234px; display:block; background-image:url(../images/menu_off.jpg); background-repeat:no-repeat; margin: 0px auto; line-height:47px; font-size:12px; color: #ffffff; text-decoration:none; text-align: center;} a.mainlevel:hover{background-image:url(../images/menu_on.jpg); color: #007bb6;} #mainlevel_alt {margin: 0px; padding: 0px;} #mainlevel_alt li {list-style-type: none;} #mainlevel_alt li a{display: block; background-color: #fff; height: 23px; line-height: 23px; padding-left: 25px; text-decoration:none; color: #2b4468; font-size: 10px; font-weight: bold; background-image: url(../images/menu_off.gif); background-repeat: no-repeat; background-position: 10px 10px;} #mainlevel_alt li a:hover{background-color: #fff; color:#768a9f; background-image: url(../images/menu_on.gif); background-repeat: no-repeat; background-position: 10px 10px;} a.mainlevel{}/* style des liens de menu de second ordre */ a.mainlevel:link {} a.mainlevel:visited {} a.mainlevel:hover {} #active_menu {background-image:url(../images/menu_on.jpg); color: #007bb6;} /* 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 */ 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 {} /* 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 {color: #0d6b98; font-size:18px; text-transform:uppercase; font-weight: bolder; border-bottom: 1px solid #95b6c4; background-image:url(../images/h1.gif); background-repeat:no-repeat; background-position: center left; padding-left: 27px; margin-bottom: 20px; padding-top: 25px; padding-bottom: 5px;} /* style du composant utilisé pour affiché le contenu en cours */ .contentheading {color: #0d6b98; font-size:18px; text-transform:uppercase; font-weight: bolder; border-bottom: 1px solid #95b6c4; background-image:url(../images/h1.gif); background-repeat:no-repeat; background-position: center left; padding-left: 27px; padding-top: 25px; padding-bottom: 8px; width: 490px; } /* 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 { border-collapse: collapse;} /* apparence de la table qui contient le texte de l'article en cours */ .contentpaneopen_candidat{padding: 10px 20px} .contentpaneopen2_candidat{} .contentheading_candidat{font-size: 20px; color: #2d86c1; margin-bottom: 0px; padding-bottom: 0px; padding-top: 8px; font-weight:bold;} .contentheading_contact { font-size: 20px; color: #0d6b98; padding-bottom: 5px;} .contentpaneopen_candidat h3 {font-size: 12px; margin-left:0px; margin-top:40px;} .contentpaneopen2_candidat a{color: #2d86c1;} .description{font-size: 14px; color: #000; font-weight:bold; margin:10px 0px 30px 0px; } .occupation{} .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 {background-color:#eff5fa; padding:0px 20px 25px 25px; margin-bottom:5px;} /* style de la "description" des sections, catégories (news/liens web/dernières news...) */ .contentdescriptionentete {margin:35px 0px 0px 0px; position: relative;} 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 {background-color:#f4f8fc; color:#72838d;} /* apparence des lignes impaires des tables */ .sectiontableentry2 {background-color:#ffffff; color:#72838d;} /* 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 {color: #0d6b98; font-size: 14px; padding: 10px 10px 10px 0px;} /* 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 {color: #0d6b98; font-size: 14px; padding: 10px 10px 10px 0px;} /* apparence du titre d'un module publié avec -2 */ div.module div div div h3 {color: #0d6b98; font-size: 14px; padding: 10px 10px 10px 0px;} /* 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" */ /* ----------------------- 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 */