Subversion Repositories Sites.tela-botanica.org

Compare Revisions

No changes between revisions

Ignore whitespace Rev 704 → Rev 705

/trunk/sites/accueil_v5/en/squelettes/defaut.html
File deleted
\ No newline at end of file
/trunk/sites/accueil_v5/generique/styles/accueilv5.css
File deleted
\ No newline at end of file
/trunk/sites/accueil_v5/generique/images/carreGris.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/carres.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/carreBeige.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/telechargement.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/carreorange.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/flecheDroite.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/carreVert.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/plan.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/carreRouge.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/contact.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/.directory
File deleted
/trunk/sites/accueil_v5/generique/images/flecheGauche.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/bandeau.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/visite.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/imageAccueilCarres.jpg
Cannot display: file marked as a binary type.
svn:mime-type = image/jpeg
/trunk/sites/accueil_v5/generique/images/accueil.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/cc.gif
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/sites/accueil_v5/generique/images/rss.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/images/faq.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/accueil_v5/generique/scripts/csshover3.htc
File deleted
\ No newline at end of file
/trunk/sites/accueil_v5/generique/polices/hll.ttf
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/sites/accueil_v5/generique/polices/OptimaLTStd-DemiBold.ttf
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/sites/accueil_v5/generique/polices/optima.eot
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/sites/accueil_v5/generique/polices/hll.eot
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/sites/accueil_v5/fr/squelettes/_defaut.html
File deleted
\ No newline at end of file
/trunk/sites/accueil_v5/fr/squelettes/defaut.html
File deleted
\ No newline at end of file
/trunk/sites/accueil_v5/fr/squelettes/simple.html
File deleted
\ No newline at end of file
/trunk/sites/accueil_v5/fr/styles/defaut.css
File deleted
\ No newline at end of file
/trunk/sites/reseau/en/squelettes/defaut.html
File deleted
\ No newline at end of file
/trunk/sites/reseau/en/squelettes/reseau.html
1,109 → 1,109
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="<!-- PAPYRUS_SITE_LANGUE -->" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<link rel="stylesheet" type="text/css" media="screen" href="sites/commun/fr/styles/commun_simple.css" />
<script type="text/javascript" src="/sites/commun/fr/scripts/commun.js"></script>
<style type="text/css" media="screen">
<!-- @import "sites/commun/fr/styles/commun_complexe.css";
@import "sites/reseau/fr/styles/reseau.css";-->
</style>
<link rel="stylesheet" type="text/css" media="print" href="sites/commun/fr/styles/impression.css" />
<link rel="shortcut icon" type="image/x-icon" href="sites/commun/generique/images/favicones/tela_botanica.ico" />
<link rel="icon" type="image/png" href="sites/commun/generique/images/favicones/tela_botanica.png" />
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body xml:lang="<!-- PAPYRUS_SITE_LANGUE -->" lang="<!-- PAPYRUS_SITE_LANGUE -->" >
<div id="reducteur">
<div id="acces_direct">
<a href="#nav_gauche">Go to menu</a>
<a href="#contenu">Go to text</a>
</div>
<div id="logo_tela">
<a href="/" title="Go back to the main page"><img src="sites/reseau/generique/images/graphisme/logo_jaune.gif" alt="Tela Botanica's logo" width="135" height="102" /></a>
</div>
<div id="bandeau">
<div id="bandeau_contenu">
<div id="titre_monde">
<h1>The network</h1>
</div>
<div id="plan_contact">
<span>
<a title="Voir le site en français" href="<!-- PAPYRUS_PAGE_URL -->&langue=fr">
<img style="display:inline;border:none;padding:0;" src="/sites/commun/generique/images/icones/drapeau_fr.png" alt="fr" />
</a>
</span>
<!-- PAPYRUS_MENU_UNIQUE_9 -->
<!-- PAPYRUS_MENU_UNIQUE_105 -->
<!-- PAPYRUS_MENU_UNIQUE_273 -->
</div>
</div>
</div>
<div id="bandeau_annonce"><a href="http://www.tela-botanica.org/page:flora_bellissima" title="D&eacute;couvrez Flora Bellissima"> D&eacute;couvrez Flora Bellissima </a>
<hr style ="hr.cleardisplay:block;clear:both;visibility:hidden;" />
</div>
<div id="droite">
<div id="pos_recherche">
<!-- PAPYRUS_MOTEUR_RECHERCHE -->
<p>You are here : <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div>
<div id="onglets">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
&nbsp;
</div>
<div id="contenu">
<div id="entete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="texte">
<!-- start contenu -->
<!-- PAPYRUS_CONTENU_CORPS -->
<!-- end contenu -->
</div>
<div id="pied_texte">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
<div id="debogage">
<!-- PAPYRUS_DEBOGAGE -->
</div>
</div>
<div id="nav_gauche" class="clear">
<!-- PAPYRUS_SELECTEUR_SITES_XHTML -->
<div id="menus">
<!-- PAPYRUS_MENU_1_2 -->
</div>
<div id="menu_contextuel">
<!-- PAPYRUS_IDENTIFICATION -->
{{inclure page="747" interwiki="Papyrus" identifie="1"}}
<!-- PAPYRUS_CONTENU_MENU -->
</div>
</div>
</div>
<div id="pied_page">
<!-- PAPYRUS_MENU_COMMUN_1_1 -->
<p>&copy; Tela Botanica / 2000-2010 - The Network of French speaking botanists</p>
</div>
<!-- Début des scripts utilisées par Google Analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-57885-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Fin des scripts utilisés par Google Analytics -->
<!-- Début des scripts utilisées par ClickHeat -->
<script type="text/javascript" src="http://www.tela-botanica.net/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.fr/index.html">Outils webmaster gratuits</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = 'tela-botanica.org';clickHeatGroup = encodeURIComponent(window.location.pathname+window.location.search);clickHeatServer = 'http://www.tela-botanica.net/clickheat/click.php';initClickHeat(); //-->
</script>
<!-- Fin des scripts utilisées par ClickHeat -->
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="<!-- PAPYRUS_SITE_LANGUE -->" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<link rel="stylesheet" type="text/css" media="screen" href="sites/commun/fr/styles/commun_simple.css" />
<script type="text/javascript" src="/sites/commun/fr/scripts/commun.js"></script>
<style type="text/css" media="screen">
<!-- @import "sites/commun/fr/styles/commun_complexe.css";
@import "sites/reseau/fr/styles/reseau.css";-->
</style>
<link rel="stylesheet" type="text/css" media="print" href="sites/commun/fr/styles/impression.css" />
<link rel="shortcut icon" type="image/x-icon" href="sites/commun/generique/images/favicones/tela_botanica.ico" />
<link rel="icon" type="image/png" href="sites/commun/generique/images/favicones/tela_botanica.png" />
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body xml:lang="<!-- PAPYRUS_SITE_LANGUE -->" lang="<!-- PAPYRUS_SITE_LANGUE -->" >
<div id="reducteur">
<div id="acces_direct">
<a href="#nav_gauche">Go to menu</a>
<a href="#contenu">Go to text</a>
</div>
<div id="logo_tela">
<a href="/" title="Go back to the main page"><img src="sites/reseau/generique/images/graphisme/logo_jaune.gif" alt="Tela Botanica's logo" width="135" height="102" /></a>
</div>
<div id="bandeau">
<div id="bandeau_contenu">
<div id="titre_monde">
<h1>The network</h1>
</div>
<div id="plan_contact">
<span>
<a title="Voir le site en français" href="<!-- PAPYRUS_PAGE_URL -->&langue=fr">
<img style="display:inline;border:none;padding:0;" src="/sites/commun/generique/images/icones/drapeau_fr.png" alt="fr" />
</a>
</span>
<!-- PAPYRUS_MENU_UNIQUE_9 -->
<!-- PAPYRUS_MENU_UNIQUE_105 -->
<!-- PAPYRUS_MENU_UNIQUE_273 -->
</div>
</div>
</div>
<div id="bandeau_annonce"><a href="http://www.tela-botanica.org/page:flora_bellissima" title="D&eacute;couvrez Flora Bellissima"> D&eacute;couvrez Flora Bellissima </a>
<hr style ="hr.cleardisplay:block;clear:both;visibility:hidden;" />
</div>
<div id="droite">
<div id="pos_recherche">
<!-- PAPYRUS_MOTEUR_RECHERCHE -->
<p>You are here : <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div>
<div id="onglets">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
&nbsp;
</div>
<div id="contenu">
<div id="entete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="texte">
<!-- start contenu -->
<!-- PAPYRUS_CONTENU_CORPS -->
<!-- end contenu -->
</div>
<div id="pied_texte">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
<div id="debogage">
<!-- PAPYRUS_DEBOGAGE -->
</div>
</div>
<div id="nav_gauche" class="clear">
<!-- PAPYRUS_SELECTEUR_SITES_XHTML -->
<div id="menus">
<!-- PAPYRUS_MENU_1_2 -->
</div>
<div id="menu_contextuel">
<!-- PAPYRUS_IDENTIFICATION -->
{{inclure page="747" interwiki="Papyrus" identifie="1"}}
<!-- PAPYRUS_CONTENU_MENU -->
</div>
</div>
</div>
<div id="pied_page">
<!-- PAPYRUS_MENU_COMMUN_1_1 -->
<p>&copy; Tela Botanica / 2000-2010 - The Network of French speaking botanists</p>
</div>
<!-- Début des scripts utilisées par Google Analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-57885-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Fin des scripts utilisés par Google Analytics -->
<!-- Début des scripts utilisées par ClickHeat -->
<script type="text/javascript" src="http://www.tela-botanica.net/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.fr/index.html">Outils webmaster gratuits</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = 'tela-botanica.org';clickHeatGroup = encodeURIComponent(window.location.pathname+window.location.search);clickHeatServer = 'http://www.tela-botanica.net/clickheat/click.php';initClickHeat(); //-->
</script>
<!-- Fin des scripts utilisées par ClickHeat -->
</body>
</html>
/trunk/sites/reseau/generique/styles/annuaire.css
New file
0,0 → 1,450
img.icone {
 
height:16px;
width:16px;
margin: 5px;
border: none;
}
 
img.icone_moyenne_moins {
 
height:20px;
width: 20px;
margin: 5px;
border: none;
}
 
img.icone_moyenne {
 
height:24px;
width: 24px;
margin: 5px;
border: none;
}
 
img.icone_grande {
 
height:50px;
width:50px;
margin: 5px;
border: none;
}
 
td, th {
padding: 2px;
text-align: center;
}
 
.liste td.texte_gauche {
text-align: left;
padding-left: 5px;
}
 
.gestion td {
padding-top : 5px;
padding-bottom : 5px;
padding-right : 15px;
}
 
label {
float: none !important;
}
 
a > .icone {
 
text-align:center;
}
 
.texte_centre {
text-align: center;
}
.texte_centre > img {
display:table-cell;
}
 
.premiere_page {
float:left;
margin:5px
}
 
.derniere_page {
float:right;
margin:5px;
}
 
#pages {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
}
 
#page_courante a {
color: #FFD700;
}
 
.centre {
margin-top:10%;
margin-left:20%;
min-height:500px;
}
 
.gauche {
float:left;
margin-right: 20px;
}
 
.droite {
float:right;
clear:right;
}
 
img {
border: none;
}
 
#avatar {
margin-left: 10px;
}
 
.avatar_petit {
max-height: 70px;
max-width: 70px;
}
 
#inscription > div {
margin-top: 5px;
margin-bottom: 5px;
}
 
#fiche_utilisateur, {
background-color:#FAFAFA;
border:1px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
font-size: 0.8em;
}
 
#profil {
border:1px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
-moz-border-radius: 2em;
}
 
.element_profil {
font-size:1.1em;
padding-top: 2px;
padding-left: 25px;
padding-bottom: 8px;
color:#000000;
}
 
.valeur_profil {
font-weight:bold;
}
 
#profil, .resume_conteneur {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
}
 
.resume h3 {
font-size: 13px;
}
 
.info_resume {
margin-left:20px;
}
 
form#recherche_annuaire {
padding: 10px 0 10px 10px;
}
 
#envoi_message {
background-color: #FFFFFF;
}
 
form#suppression, form#modification, form#blocage {
display: inline;
border: none;
background-color: inherit
}
 
#inscription_modification input, #inscription_modification select {
display: block;
}
 
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
display: inline;
}
 
#inscription_modification label {
padding-left: 3px;
}
 
#inscription_modification label_champ_annuaire {
display: block;
}
 
form.form_bouton {
background-color: none !important;
border: none !important;
}
 
.conteneur_blocage {
padding: 0px 10px 10px 10px;
width: 250px;
margin: 10px
}
 
.conteneur_bloque {
border:1px solid #FF6347;
background-color: #FCCCCF;
}
 
.conteneur_non_bloque {
border:1px solid #A6C39E;
background-color: #D6FCCD;
}
 
ul#liste_orientation > li {
margin: 20px
}
 
.lien_en_ligne {
margin-right: 10px
}
 
#resume {
min-height: 1600px;
}
 
.resume_conteneur {
display: block;
margin-left: 10px;
padding: 10px;
-moz-border-radius: 2em;
clear : left;
}
 
.gestion_conteneur {
width: 50%;
}
 
.colonne_resume, .colonne_resume {
width: 45%;
}
 
.resume {
width:100%;
}
 
.gestion_conteneur {
width: 80%;
margin-left: 10px;
padding: 0px;
}
 
.info_application {
font-weight: bold;
margin-left: 20px;
}
 
#annuaire_carto, #cartographie {
padding-left:20px;
}
 
form#envoi_message, form#envoi_message > table {
background-color:#FFFFFF;
border: none;
margin: 2px;
}
 
textarea#contenu_message {
width: 90%;
}
 
#formulaire_message {
background-color:#FAFAEA;
border:1px solid #F2F2F2;
padding: 0px 10px 10px 10px;
width: 90%;
}
 
#carte_id {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom: 30px;
width: 350px;
height: 90px;
-moz-border-radius: 2em;
}
 
#carte_infos span {
padding-top: 2px;
}
 
 
#carte_infos {
margin-top: 5px;
}
 
#carte_id #avatar {
padding-top: 7px;
}
 
.checkbox_alignee {
display: inline-block;
margin: 1px;
margin-right:20px;
}
 
label.label_groupe_checkbox {
font-weight: normal !important;
display:inline !important;
}
 
.label_checkbox {
margin-right:2px;
display:inline !important;
}
 
.groupe_checkbox {
margin-right:2px;
}
 
textarea.annuaire {
width: 400px !important;
height: 200px !important;
}
 
input.date_annuaire {
width: 80px;
}
 
.information {
margin: 10px;
}
 
.champ_nom {
height: 50px !important;
}
 
#form_connexion #label_memoriser {
display: inline;
}
 
#fiche_privee {
background-color:#EBCC77;
border:1px solid #E4B842;
max-width:800px;
}
 
#texte_profil_prive {
 
vertical-align:top;
width:100%;
text-align:center;
}
 
#fiche_privee img {
margin-top: -6px;
}
 
#inscription label {
font-weight: bold;
display: inline;
}
 
.liste_horizontale {
clear: both;
}
 
.liste_horizontale_simple li {
float:left;
margin-right: 20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
}
 
.liste_horizontale li {
float:left;
margin-right: 20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
}
 
.liste_horizontale, .liste_horizontale_simple {
padding:0;
margin:0;
list-style-type:none;
}
 
.liste_horizontale_simple li span {
margin-right: 20px;
}
 
.liste_horizontale li a {
display:block;
float:left;
width:200px;
background-color:#EBCC77;
background-image : none;
color:black;
text-decoration:none;
text-align:center;
font-weight: bold;
padding:5px;
margin-left: 10px;
margin-top: 10px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#996F18;
-moz-border-radius: 0.9em;
}
 
.liste_horizontale li a:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
}
#page_en_cours a {
background-color:#996F18;
border-color:#EBCC77;
}
.liste_horizontale li.lien_participer a {
background-color:#CFDB86 !important;
border-color:#03642C !important;
}
 
.liste_horizontale li.lien_participer a:hover {
border-color:#696969 #FFFFFF #DCDCDC #696969 !important;
}
 
.lien_participer#page_en_cours a {
background-color:#639F13 !important;
border-color:#CFDB86 !important;
}
 
 
.separation {
visibility:hidden;
clear:both;
margin-bottom: 4px;
margin-top: 4px;
}
 
.formulaire_annuaire_admin textarea {
width: 400px !important;
height: 200px !important;
}
 
.formulaire_annuaire_admin input {
padding-left: 5px;
/trunk/sites/reseau/generique/styles/reseau.css
1,9 → 1,506
 
/********* STYLE SPECIFIQUE DE LA PAGE BOTANIQUE *********/
body#reseau { background: url(../images/traitVerticalReseau.jpg) repeat-x;}
/* Mots clefs Reseau */
#zone-reseau .motsclefs .mot1 { font-size:32px; margin:-25px 0 0 -102px; }
#zone-reseau .motsclefs .mot2 { font-size:26px; margin:0px 0 0 -81px; }
#zone-reseau .motsclefs .mot3 { font-size:20px; margin:3px 0 0 39px; }
#zone-reseau {background:url(../images/image_bandeau_reseau.png) right center no-repeat; }
 
/********* STYLE SPECIFIQUE DE LA PAGE RESEAU *********/
body#reseau { background: url(../images/traitVerticalReseau.jpg) repeat-x;}
/* Mots clefs Reseau */
#zone-reseau .motsclefs .mot1 { font-size:32px; margin:-25px 0 0 -102px; }
#zone-reseau .motsclefs .mot2 { font-size:26px; margin:0px 0 0 -81px; }
#zone-reseau .motsclefs .mot3 { font-size:20px; margin:3px 0 0 39px; }
#zone-reseau {background:url(../images/image_bandeau_reseau.png) right center no-repeat; }
/* Logos de droite (facebook, delicious etc...) */
.contenu_centre {
text-align: center;
}
.logo_externe {
padding:15px;
float:left;
}
.rss_site_titre {
display: none;
}
/** Affichage des flux RSS **/
.flux_RSS .contenu_RSS .actualites1 { width:674px; padding-top:5px; padding-bottom:5px; height:auto; border-bottom:1px dotted #c2c0ad; }
 
.texteActualites1 { width:535px; height:auto; text-align:justify; margin-bottom: 5px }
.texteActualites1 p, #texteActualites1 a {display:inline; text-align:justify}
.texteActualites1 br {position:absolute}
 
.imageActualites1{ width:130px; text-align:center; margin-top:0px; float:right; }
.contenu_RSS img {width:90px}
.flux_simple a {
color: #6C6865 !important;
}
 
.flux_simple h1 {
display: none;
}
.flux_simple h3 {
margin-bottom: 0px;
}
.categorie {
font-variant:small-caps;
color:#6C6865;
font-family:arial;
font-size:12px;
font-weight:bold;
letter-spacing:0;
margin-bottom:0px;
margin-top: 0px;
}
.contributions {
margin-bottom: 10px;
}
#nouvelles_du_reseau .categorie {
display: none;
}
#rejoindre_reseau h1 {
margin-top: 0px;
}
#rejoindre_reseau li {
margin-left:-30px;
padding:5px 0 0 30px;
}
/** Couleur des liens pour le monde reseau **/
a {
color: #7B9C35
}
/** Pages de l'annuaire */
/** Fiche utilisateur */
#fiche_utilisateur, #form_modification_inscription, #recherche_annuaire, #form_inscription {
padding-left: 30px;
-moz-border-radius:10px 10px 10px 10px;
border:2px solid #9AC342;
float:left;
margin-left:0;
margin-top:5px;
padding:20px;
width: 90%;
}
h2 {
margin:0px 0 12px;
}
textarea.annuaire {
width: 400px !important;
height: 200px !important;
}
#recherche_annuaire {
margin-bottom: 20px;
}
.element_profil {
padding-left: 20px;
padding-bottom: 2px;
}
.valeur_profil {
font-weight: bold;
white-space:pre;
}
.liste_horizontale {
clear: both;
}
 
.liste_horizontale_simple li {
float:left;
margin-right: 20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
background: none !important;
list-style-image:none;
}
 
.liste_horizontale li {
float:left;
margin-right: 20px !important;
margin-left:2px !important;
float:left; /*pour IE*/
background: none !important;
list-style-image:none !important;
}
 
.liste_horizontale, .liste_horizontale_simple {
padding:0;
margin:0;
list-style-type:none !important;
}
 
.liste_horizontale_simple li span {
margin-right: 20px;
}
 
.liste_horizontale li a {
display:block;
float:left;
color:black;
text-decoration:none;
text-align:center;
font-weight: bold;
padding:5px;
margin-left: 10px;
-moz-border-radius: 0.9em;
border-color:#6C6865;
}
.lien_participer#page_en_cours a {
background-color: #E16039 !important;
border-color:#F2F2F2 !important;
}
#page_en_cours a {
background-color: #E16039;
border-color:#F2F2F2;
color: #000000;
}
.separation {
visibility:hidden;
clear:both;
margin-bottom: 4px;
margin-top: 4px;
}
#modification {
padding-top: 10px;
float: left;
}
/** Profil prive **/
#fiche_privee {
background-color: #C2C0AD;
border:1px solid #E16039;
max-width:800px;
height: 50px;
}
 
#texte_profil_prive {
margin-top: 15px;
margin-left: 5px;
width:100%;
text-align:center;
}
#fiche_privee img {
margin-top: -6px;
}
/** Carte id **/
#carte_id {
border:2px solid #FD8C13;
margin-top: 10px;
margin-bottom: 10px;
margin-left:0px;
padding-bottom: 30px;
padding-left:20px;
padding-top:10px;
width: 350px;
height: 90px;
-moz-border-radius: 2em;
}
.avatar_petit {
max-height: 60px;
max-width: 60px;
}
/** Page mes contributions **/
#resume {
min-height: 1600px;
}
 
.resume_conteneur {
display: block;
margin-left: 10px;
padding: 10px;
-moz-border-radius: 2em;
clear : left;
border:2px solid #9AC342;
float:left;
margin-left:0;
margin-top:5px;
padding:20px;
width:90%;
}
 
.gestion_conteneur {
width: 50%;
}
 
.colonne_resume, .colonne_resume {
width: 48%;
}
 
.resume {
width:100%;
}
 
.gestion_conteneur {
width: 80%;
margin-left: 10px;
padding: 0px;
}
.resume_conteneur > h3 {
text-align: center;
font-weight: normal;
}
.resume_conteneur a {
text-align: center;
color: #000000 !important;
border-bottom:1px dotted #000000;
}
.resume_conteneur > h3 > a {
color:#7B9C35 !important;
}
.resume_conteneur a:hover {
border-bottom:1px solid #7B9C35;
}
.resume > h3 > a {
font-size: 12px;
font-family:arial;
font-weight:normal;
letter-spacing:0;
margin:8px 0 1px;
}
/** Page de gestion **/
.gestion > .form_bouton {
text-align: right;
}
/** Mise en page générique pour l'annuaire **/
.centre {
margin-top:10%;
margin-left:20%;
min-height:500px;
}
 
.gauche {
float:left;
margin-right: 20px;
}
 
.droite {
float:right;
clear:right;
}
#profil {
border:5px solid #F2F2F2;
margin:10px;
padding-bottom: 10px;
}
.resume_conteneur h3 {
font-size: 12px;
font-family:arial;
font-weight:bold;
letter-spacing:0;
margin:8px 0 1px;
}
.gestion {
max-width: 600px;
clear: left;
}
.gestion h2 {
padding-top: 10px;
}
.gestion td {
padding-top : 5px;
padding-bottom : 5px;
padding-right : 15px;
}
/** Formulaire d'inscription et de modification **/
form#suppression, form#modification, form#blocage {
display: inline;
border: none;
background-color: inherit
}
 
#inscription_modification input, #inscription_modification select {
display: block;
}
 
#inscription_modification input[type="checkbox"], #inscription_modification input[type="radio"], #inscription_modification input[type="submit"] {
display: inline;
}
 
#inscription_modification label {
padding-left: 3px;
}
 
#inscription_modification label_champ_annuaire {
display: block;
}
 
form.form_bouton {
background-color: none !important;
border: none !important;
}
/** Moteur de recherche **/
.liste {
border-collapse:collapse;
}
.liste th, .liste td {
text-align:center;
border: none;
padding-top: 3px;
padding-bottom: 3px;
border-top-width:1px;
border-top-style:dotted;
border-bottom-width:1px;
border-bottom-style:dotted;
 
}
 
.liste th {
border-width:1px;
border-style:solid;
}
 
th {
height: 40px;
}
 
.liste th, .liste th a {
color:black;
margin:0 5px;
}
 
.liste th {
text-align:center;
}
/** Pagination **/
.derniere_page {
float:right;
margin:5px;
}
 
#pages {
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
}
 
#page_courante a {
color: #FFD700;
}
/** Messagerie **/
#contenu_message {
width: 500px;
height: 200px;
}
#sujet_message {
width: 500px;
height: 25px;
}
/** Présentation du nombre d'inscrits **/
.infosInscrits {
-moz-border-radius:10px 10px 10px 10px;
text-align: center;
float:left;
margin-left:0;
margin-top:5px;
padding:5px;
width:200px;
}
#conteneur_infos_inscrits {
text-align: center;
padding-left: 55px;
margin-top: 0px;
}
#choix_utilisateur {
padding-left: 25px;
}
.orientation {
width: 45%;
padding: 5px;
margin-bottom: 20px;
color: #FFFFFF;
font-family:helveticaneue,helveticaneue2;
font-size:13px;
height: 130px;
}
.orientation strong {
font-size: 15px;
}
.orientation h3 {
margin-top: 0px;
margin-bottom: 5px;
}
.orientation span {
margin-bottom : 5px;
}
.orientation ul {
padding-top: 5px;
}
#choix_utilisateur a {
color: #222222;
border-bottom:1px dotted;
}
#orientation_reseau {
background-color: #E16039;
}
#orientation_actu {
background-color: #C2C0AD;
}
#orientation_projets {
background-color: #CAAC5D;
}
#orientation_eflore {
background-color: #9AC243;
}
* {
font-family: arial;
}
#zone_contenu_corps h3 {padding:0;}
/trunk/sites/reseau/fr/squelettes/defaut.html
1,135 → 1,135
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/reseau/generique/styles/reseau.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="reseau">
<div id="zone-principale">
<div class="zone-haut" id="zone-reseau">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_rouge.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Réseau</h3>
<h4>
<span class="mot1">Communiquer</span><span class="nodisplay">, </span>
<span class="mot2">échanger</span><span class="nodisplay">, </span>
<span class="mot3">partager</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></span></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Réseau</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/reseau/generique/styles/reseau.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="reseau">
<div id="zone-principale">
<div class="zone-haut" id="zone-reseau">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_rouge.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Réseau</h3>
<h4>
<span class="mot1">Communiquer</span><span class="nodisplay">, </span>
<span class="mot2">échanger</span><span class="nodisplay">, </span>
<span class="mot3">partager</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></span></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Réseau</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
/trunk/sites/reseau/fr/squelettes/reseau.html
1,109 → 1,109
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<link rel="stylesheet" type="text/css" media="screen" href="sites/commun/fr/styles/commun_simple.css" />
<script type="text/javascript" src="/sites/commun/fr/scripts/commun.js"></script>
<style type="text/css" media="screen">
<!-- @import "sites/commun/fr/styles/commun_complexe.css";
@import "sites/reseau/fr/styles/reseau.css";-->
</style>
<link rel="stylesheet" type="text/css" media="print" href="sites/commun/fr/styles/impression.css" />
<link rel="shortcut icon" type="image/x-icon" href="sites/commun/generique/images/favicones/tela_botanica.ico" />
<link rel="icon" type="image/png" href="sites/commun/generique/images/favicones/tela_botanica.png" />
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body xml:lang="fr" lang="fr" >
<div id="reducteur">
<div id="acces_direct">
<a href="#nav_gauche">Aller aux menus</a>
<a href="#contenu">Aller au texte</a>
</div>
<div id="logo_tela">
<a href="/" title="Retour à l'accueil du site"><img src="sites/reseau/generique/images/graphisme/logo_jaune.gif" alt="le logo de Tela Botanica" width="135" height="102" /></a>
</div>
<div id="bandeau">
<div id="bandeau_contenu">
<div id="titre_monde">
<h1><!-- PAPYRUS_SITE_NOM --></h1>
</div>
<div id="plan_contact">
<span>
<a title="View this web site in english" href="<!-- PAPYRUS_PAGE_URL -->&langue=en">
<img style="display:inline;border:none;padding:0;" src="/sites/commun/generique/images/icones/drapeau_us.png" alt="en" />
</a>
</span>
<!-- PAPYRUS_MENU_UNIQUE_9 -->
<!-- PAPYRUS_MENU_UNIQUE_105 -->
<!-- PAPYRUS_MENU_UNIQUE_273 -->
</div>
</div>
</div>
<div id="bandeau_annonce"><a href="http://www.tela-botanica.org/page:flora_bellissima" title="D&eacute;couvrez Flora Bellissima"> D&eacute;couvrez Flora Bellissima </a>
<hr style ="hr.cleardisplay:block;clear:both;visibility:hidden;" />
</div>
<div id="droite">
<div id="pos_recherche">
<!-- PAPYRUS_MOTEUR_RECHERCHE -->
<p>Vous &ecirc;tes ici : <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div>
<div id="onglets">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
&nbsp;
</div>
<div id="contenu">
<div id="entete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="texte">
<!-- start contenu -->
<!-- PAPYRUS_CONTENU_CORPS -->
<!-- end contenu -->
</div>
<div id="pied_texte">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
<div id="debogage">
<!-- PAPYRUS_DEBOGAGE -->
</div>
</div>
<div id="nav_gauche" class="clear">
<!-- PAPYRUS_SELECTEUR_SITES_XHTML -->
<div id="menus">
<!-- PAPYRUS_MENU_1_2 -->
</div>
<div id="menu_contextuel">
<!-- PAPYRUS_IDENTIFICATION -->
{{inclure page="746" interwiki="Papyrus" identifie="1"}}
<!-- PAPYRUS_CONTENU_MENU -->
</div>
</div>
</div>
<div id="pied_page">
<!-- PAPYRUS_MENU_COMMUN_1_1 -->
<p>&copy; Tela Botanica / 2000-2009 - Le r&eacute;seau des Botanistes Francophones</p>
</div>
<!-- Début des scripts utilisées par Google Analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-57885-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Fin des scripts utilisés par Google Analytics -->
<!-- Début des scripts utilisées par ClickHeat -->
<script type="text/javascript" src="http://www.tela-botanica.net/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.fr/index.html">Outils webmaster gratuits</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = 'tela-botanica.org';clickHeatGroup = encodeURIComponent(window.location.pathname+window.location.search);clickHeatServer = 'http://www.tela-botanica.net/clickheat/click.php';initClickHeat(); //-->
</script>
<!-- Fin des scripts utilisées par ClickHeat -->
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<link rel="stylesheet" type="text/css" media="screen" href="sites/commun/fr/styles/commun_simple.css" />
<script type="text/javascript" src="/sites/commun/fr/scripts/commun.js"></script>
<style type="text/css" media="screen">
<!-- @import "sites/commun/fr/styles/commun_complexe.css";
@import "sites/reseau/fr/styles/reseau.css";-->
</style>
<link rel="stylesheet" type="text/css" media="print" href="sites/commun/fr/styles/impression.css" />
<link rel="shortcut icon" type="image/x-icon" href="sites/commun/generique/images/favicones/tela_botanica.ico" />
<link rel="icon" type="image/png" href="sites/commun/generique/images/favicones/tela_botanica.png" />
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body xml:lang="fr" lang="fr" >
<div id="reducteur">
<div id="acces_direct">
<a href="#nav_gauche">Aller aux menus</a>
<a href="#contenu">Aller au texte</a>
</div>
<div id="logo_tela">
<a href="/" title="Retour à l'accueil du site"><img src="sites/reseau/generique/images/graphisme/logo_jaune.gif" alt="le logo de Tela Botanica" width="135" height="102" /></a>
</div>
<div id="bandeau">
<div id="bandeau_contenu">
<div id="titre_monde">
<h1><!-- PAPYRUS_SITE_NOM --></h1>
</div>
<div id="plan_contact">
<span>
<a title="View this web site in english" href="<!-- PAPYRUS_PAGE_URL -->&langue=en">
<img style="display:inline;border:none;padding:0;" src="/sites/commun/generique/images/icones/drapeau_us.png" alt="en" />
</a>
</span>
<!-- PAPYRUS_MENU_UNIQUE_9 -->
<!-- PAPYRUS_MENU_UNIQUE_105 -->
<!-- PAPYRUS_MENU_UNIQUE_273 -->
</div>
</div>
</div>
<div id="bandeau_annonce"><a href="http://www.tela-botanica.org/page:flora_bellissima" title="D&eacute;couvrez Flora Bellissima"> D&eacute;couvrez Flora Bellissima </a>
<hr style ="hr.cleardisplay:block;clear:both;visibility:hidden;" />
</div>
<div id="droite">
<div id="pos_recherche">
<!-- PAPYRUS_MOTEUR_RECHERCHE -->
<p>Vous &ecirc;tes ici : <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div>
<div id="onglets">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
&nbsp;
</div>
<div id="contenu">
<div id="entete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="texte">
<!-- start contenu -->
<!-- PAPYRUS_CONTENU_CORPS -->
<!-- end contenu -->
</div>
<div id="pied_texte">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
<div id="debogage">
<!-- PAPYRUS_DEBOGAGE -->
</div>
</div>
<div id="nav_gauche" class="clear">
<!-- PAPYRUS_SELECTEUR_SITES_XHTML -->
<div id="menus">
<!-- PAPYRUS_MENU_1_2 -->
</div>
<div id="menu_contextuel">
<!-- PAPYRUS_IDENTIFICATION -->
{{inclure page="746" interwiki="Papyrus" identifie="1"}}
<!-- PAPYRUS_CONTENU_MENU -->
</div>
</div>
</div>
<div id="pied_page">
<!-- PAPYRUS_MENU_COMMUN_1_1 -->
<p>&copy; Tela Botanica / 2000-2009 - Le r&eacute;seau des Botanistes Francophones</p>
</div>
<!-- Début des scripts utilisées par Google Analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-57885-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Fin des scripts utilisés par Google Analytics -->
<!-- Début des scripts utilisées par ClickHeat -->
<script type="text/javascript" src="http://www.tela-botanica.net/clickheat/js/clickheat.js"></script><noscript><p><a href="http://www.labsmedia.fr/index.html">Outils webmaster gratuits</a></p></noscript><script type="text/javascript"><!--
clickHeatSite = 'tela-botanica.org';clickHeatGroup = encodeURIComponent(window.location.pathname+window.location.search);clickHeatServer = 'http://www.tela-botanica.net/clickheat/click.php';initClickHeat(); //-->
</script>
<!-- Fin des scripts utilisées par ClickHeat -->
</body>
</html>
/trunk/sites/reseau/fr/styles/defaut.css
File deleted
\ No newline at end of file
/trunk/sites/reseau/fr/styles/reseau.css
1,178 → 1,178
/*Feuille de style du monde réseau
Auteurs : Magali Giaume - Tamara Le Bourg*/
h1 {
color:#5E5200;
background-color:#EBCC77;}
h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action {
color: #996F18;}
hr {
color: #5E5200;}
a {
background-image: url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/img_underline_reso.png);}
a:hover {
background-image: url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/img_underline1_reso.png);}
img {
border:0;
padding:2px;}
a img {
border : 1px dotted #5E5200;}
.information_soutien {
float:right;
margin:10px;
width:300px;
text-align:center;
background: #e7ebfd;
border:1px solid #5D81BA;
max-width: 800px;
padding:5px;
}
/*DIFFERENTS BLOCS DE LA PAGE*/
/*bandeau*/
#bandeau {
background: url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/bandeau_reseau_fond.png) repeat-x;}
#bandeau_contenu {
background:transparent url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/bandeau_reseau.jpg) no-repeat;
height:77px;}
#titre_monde h1 {
color:#feffdc;}
#plan_contact a {
color:black;
background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);}
#plan_contact a:hover {
background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);}
 
/*droite -> onglets */
#onglets li:hover {
color:#5E5200;}
#onglets li:hover a {
color:#5E5200;}
#onglets .menu_inactif {
border-bottom:#5E5200;}
#onglets .menu_actif a {
color:#5E5200;}
 
/* droite -> contenu */
#contenu {
border:1px solid #5E5200;}
 
/*Tableau*/
.table_cadre th {
background-color:#E4B842;
padding:0 5px;}
.table_cadre {
height:12px;}
.magali {
margin:0;}
.ligne_paire{
background-color:#faf2dc;}
.col1 {
text-align:left;}
#identification_info, #iden_action{
background-color:transparent;}
.form_identification input, .form_identification textarea, .form_identification select{
background-color:#fdf9f0;}
#menu_contextuel {
color:#E4B842;}
 
/*nav_gauche*/
#nav_gauche {
background:#fff url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/degrade_sable.png) repeat-x;}
 
/* nav_gauche -> menus */
#menus {
font-size:13px;
margin:10px 0;
text-align:left;}
#menus .menu_actif>a {
background-color:#EBCC77;
border-color:rgb(238, 210, 135);}
#menus a:hover {
background-color:#EBCC77;}
 
/* presentation des menus */
.menu_classique_n2 .menu_actif {
background-color:#EBCC77;}
.menu_actif a {
color:#5E5200;}
 
/* Fiche personnelle inscription */
.liste_inscription {
list-style:none;}
 
/* Présentation partenaires */
.reseaux_partenaires li, .reseaux_equipe li {
float: left;
height:160px;
width:180px;
text-align:center;
list-style-type:none;}
.reseaux_equipe li {
height:260px;
width:220px;}
.reseaux_partenaires span, .reseaux_equipe span {
font-size:13px;
font-weight:bold;
color: #996F18;
text-transform:uppercase;
line-height:1.3em;
margin:10px 0 4px 0;}
/* Présentation page soutien */
.reseaux_soutien li {
float: left;
height:200px;
width:300px;
border-style: solid;
border-width: 1px;
text-align:center;
list-style-type:none;}
.reseaux_soutien span {
font-size:13px;
font-weight:bold;
color: #996F18;
text-transform:uppercase;
line-height:1.3em;
margin:10px 0 4px 0;}
.reseaux_soutien img {
margin: 0 0 60px 60px;}
.reseaux_soutien li table {
margin: 10px 0 0px 10px;}
.reseaux_soutien li a {
text-decoration: none;
height: 25px;
width: 200px;
margin: 0px 0px 0px 60px;
padding-top:10px;
font-weight:bold;
display: block;
font-size: 13px;
background-color: #EFF3F7;
border-style: solid;
border-bottom-color: #848688;
border-right-color: #848688;
border-left-color: #FAFBFC;
border-top-color: #FAFBFC;}
.reseaux_soutien li a:link, .reseaux_soutien li a:visited, .reseaux_soutien li a:hover {
color: #000000;
background-color: #EFF3F7;
border-style: solid;
border-bottom-color: #848688;
border-right-color: #848688;
border-left-color: #FAFBFC;
border-top-color: #FAFBFC;}
.reseaux_soutien li a:hover {
background-color: #cccccc;}
.reseaux_soutien li a:active {
background-color: #FAFBFC;
border-style: solid;
border-top-color: #848688;
border-left-color: #848688;
border-right-color: #FAFBFC;
border-bottom-color: #FAFBFC;}
/* Divers */
#sans_auteur .page_auteur, .page_separateur_auteur, .page_separateur_titre, .page_creation_mois, .page_creation_annee {
display:none;}
#video_tuto_rss {
text-align:center;
}
 
/*Feuille de style du monde réseau
Auteurs : Magali Giaume - Tamara Le Bourg*/
h1 {
color:#5E5200;
background-color:#EBCC77;}
h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action {
color: #996F18;}
hr {
color: #5E5200;}
a {
background-image: url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/img_underline_reso.png);}
a:hover {
background-image: url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/img_underline1_reso.png);}
img {
border:0;
padding:2px;}
a img {
border : 1px dotted #5E5200;}
.information_soutien {
float:right;
margin:10px;
width:300px;
text-align:center;
background: #e7ebfd;
border:1px solid #5D81BA;
max-width: 800px;
padding:5px;
}
/*DIFFERENTS BLOCS DE LA PAGE*/
/*bandeau*/
#bandeau {
background: url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/bandeau_reseau_fond.png) repeat-x;}
#bandeau_contenu {
background:transparent url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/bandeau_reseau.jpg) no-repeat;
height:77px;}
#titre_monde h1 {
color:#feffdc;}
#plan_contact a {
color:black;
background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);}
#plan_contact a:hover {
background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);}
 
/*droite -> onglets */
#onglets li:hover {
color:#5E5200;}
#onglets li:hover a {
color:#5E5200;}
#onglets .menu_inactif {
border-bottom:#5E5200;}
#onglets .menu_actif a {
color:#5E5200;}
 
/* droite -> contenu */
#contenu {
border:1px solid #5E5200;}
 
/*Tableau*/
.table_cadre th {
background-color:#E4B842;
padding:0 5px;}
.table_cadre {
height:12px;}
.magali {
margin:0;}
.ligne_paire{
background-color:#faf2dc;}
.col1 {
text-align:left;}
#identification_info, #iden_action{
background-color:transparent;}
.form_identification input, .form_identification textarea, .form_identification select{
background-color:#fdf9f0;}
#menu_contextuel {
color:#E4B842;}
 
/*nav_gauche*/
#nav_gauche {
background:#fff url(http://www.tela-botanica.org/sites/reseau/generique/images/graphisme/degrade_sable.png) repeat-x;}
 
/* nav_gauche -> menus */
#menus {
font-size:13px;
margin:10px 0;
text-align:left;}
#menus .menu_actif>a {
background-color:#EBCC77;
border-color:rgb(238, 210, 135);}
#menus a:hover {
background-color:#EBCC77;}
 
/* presentation des menus */
.menu_classique_n2 .menu_actif {
background-color:#EBCC77;}
.menu_actif a {
color:#5E5200;}
 
/* Fiche personnelle inscription */
.liste_inscription {
list-style:none;}
 
/* Présentation partenaires */
.reseaux_partenaires li, .reseaux_equipe li {
float: left;
height:160px;
width:180px;
text-align:center;
list-style-type:none;}
.reseaux_equipe li {
height:260px;
width:220px;}
.reseaux_partenaires span, .reseaux_equipe span {
font-size:13px;
font-weight:bold;
color: #996F18;
text-transform:uppercase;
line-height:1.3em;
margin:10px 0 4px 0;}
/* Présentation page soutien */
.reseaux_soutien li {
float: left;
height:200px;
width:300px;
border-style: solid;
border-width: 1px;
text-align:center;
list-style-type:none;}
.reseaux_soutien span {
font-size:13px;
font-weight:bold;
color: #996F18;
text-transform:uppercase;
line-height:1.3em;
margin:10px 0 4px 0;}
.reseaux_soutien img {
margin: 0 0 60px 60px;}
.reseaux_soutien li table {
margin: 10px 0 0px 10px;}
.reseaux_soutien li a {
text-decoration: none;
height: 25px;
width: 200px;
margin: 0px 0px 0px 60px;
padding-top:10px;
font-weight:bold;
display: block;
font-size: 13px;
background-color: #EFF3F7;
border-style: solid;
border-bottom-color: #848688;
border-right-color: #848688;
border-left-color: #FAFBFC;
border-top-color: #FAFBFC;}
.reseaux_soutien li a:link, .reseaux_soutien li a:visited, .reseaux_soutien li a:hover {
color: #000000;
background-color: #EFF3F7;
border-style: solid;
border-bottom-color: #848688;
border-right-color: #848688;
border-left-color: #FAFBFC;
border-top-color: #FAFBFC;}
.reseaux_soutien li a:hover {
background-color: #cccccc;}
.reseaux_soutien li a:active {
background-color: #FAFBFC;
border-style: solid;
border-top-color: #848688;
border-left-color: #848688;
border-right-color: #FAFBFC;
border-bottom-color: #FAFBFC;}
/* Divers */
#sans_auteur .page_auteur, .page_separateur_auteur, .page_separateur_titre, .page_creation_mois, .page_creation_annee {
display:none;}
#video_tuto_rss {
text-align:center;
}
 
/trunk/sites/projets/en/defaut.html
New file
0,0 → 1,137
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/projets/generique/styles/projets.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
</head>
<body id="projets">
<div id="zone-principale">
<div class="zone-haut" id="zone-projets">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_projets.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Projets</h3>
<h4>
<span class="mot1">Coopérer</span><span class="nodisplay">, </span>
<span class="mot2">idées</span><span class="nodisplay">, </span>
<span class="mot3">documents</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actualites" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></span></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Projets</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_5 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
<ul>{{Inclure page="projets_defilants" interwiki="Papyrus"}}</ul>
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="seconnecter"><a href="#" title="Se connecter"> Connectez-vous </a></li>
<li class="vert" id="don"><a href="#" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="#" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- Papyrus Moteur Recherche : --><!-- PAPYRUS_MOTEUR_RECHERCHE -->
</li>
<!-- form method="get" action="#"><fieldset><input type="text" value="Rechercher dans le site" onclick="javascript:saisieChampRecherche(this)"/> OK</fieldset></form></li -->
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="/sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="/sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
/trunk/sites/projets/fr/squelettes/defaut.html
1,135 → 1,135
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/projets/generique/styles/projets.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="projets">
<div id="zone-principale">
<div class="zone-haut" id="zone-projets">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_projets.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Projets</h3>
<h4>
<span class="mot1">Coopérer</span><span class="nodisplay">, </span>
<span class="mot2">idées</span><span class="nodisplay">, </span>
<span class="mot3">documents</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></span></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Projets</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/projets/generique/styles/projets.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="projets">
<div id="zone-principale">
<div class="zone-haut" id="zone-projets">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_projets.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Projets</h3>
<h4>
<span class="mot1">Coopérer</span><span class="nodisplay">, </span>
<span class="mot2">idées</span><span class="nodisplay">, </span>
<span class="mot3">documents</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></span></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Projets</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
/trunk/sites/projets/fr/styles/defaut.css
1,215 → 1,215
/*****************Proprietes generales******************************************/
* {margin:0; padding:0; text-indent:0;}
body {background:#CCCCCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center;}
hr {margin:2px; width:100%; color:#333; background-color:#333; height:2px;}
a, a:visited {text-decoration:none; color:#4F82CB; background:inherit;}
a:hover {color:#4EBF37; background:inherit;}
table {width:90%; margin:2px auto; border: 1px solid #333; border-spacing:0; border-collapse:collapse;}
th {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border: 1px solid #CCC; height:20px;}
td {border: 1px solid #CCC;}
.navi {padding:0;margin:0;text-align:center;}
.other_month {color:#AAA;}
.current_day {background: #FBB63C; color: #FFF;}
.label_inscription {margin: 2px;float:left; clear:both; width:170px; text-align:right; }
.symbole_obligatoire {color:red;}
.input_inscription {float:left; width:180px;}
.input_inscription input, .input_inscription select {margin: 2px;border: 1px solid #000;font:12px Myriad, Arial, sans-serif; }
.liste_inscription {margin: 2px;float:left; clear:both; }
.inscription_bouton {float:left;margin: 3px;}
.inscription_note_obligatoire {float:left; clear:both;}
.bazar_checkbox {float:left;width:49%;}
.bazar_fieldset {border: 1px solid #000;width:100%;margin-bottom:5px;}
.bazar_fieldset legend {font-size:15px;font-weight: bold ;}
.bazar_table {border:1px solid #000;width:100%;margin:5px;}
.bazar_table td, .bazar_table tr, .bazar_table th {border:1px solid #000;}
.inscription_table {border:0px;width:100%;margin:5px;}
.inscription_cellule_gauche {font-size:12px;width:140px;text-align:right;}
.inscription_cellule_droite {text-align:left;padding:5px;}
.calendrier_applette {width:180px;}
.calendrier_applette td {text-align:center;}
 
/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold;}
h1 {font-size:120%;}
h2 {font-size:110%; text-transform:uppercase; color:#88ac0b;}
h3 {font-size:110%; color:#666666;}
 
/* images */
img {border: 2px solid #CCC;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
 
h1, h2, h3, p {padding: 10px; margin: 0;}
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;}
ul span, ol span { color: #666666;}
 
code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #f2f2f2;}
acronym {cursor:help; border-bottom:1px solid #777;}
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}
 
/* form elements */
#main form {margin:10px; padding:0 5px; border:1px solid #f2f2f2; background-color:#FAFAFA;}
#main form li {list-style-type:none; margin:0; padding:0; color:#000;}
#main form ul {margin:0; padding:0;}
#main label, #sidebar label {display:block; font-weight:bold; margin:5px 0 0 0; }
#main select {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main input, #sidebar input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main textarea {width:400px; padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; color:#777;}
#main fieldset {background:#f3fce3; border:0; margin:5px; padding:5px;}
#main fieldset legend {font-weight:bolder; text-decoration:none; background-image:none; color:#4F82CB;}
#main input.button {margin:0; font:bolder 12px Arial, Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#88ac0b;}
 
/* search */
#main form.search {
position: absolute;
top: 35px; right: 25px;
background: transparent;
border: none;
}
#main form.search input.textbox {
margin: 0; padding: 1px 2px;
width: 120px;
background: #FFF;
color: #333;
}
#main form.search input.button {
background: #CCC url(../images/headerbg.gif) repeat-x;
color: #333;
border: none;
width: 70px; height: 21px;
}
 
.liste_bouton li {display:inline;}
 
/********************************************
LAYOUT
********************************************/
#wrap {
width: 1009px;
background: #CCC url(../images/content.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 960px;
padding: 0;
margin: 0 auto;
}
#header {
width: 1009px;
position: relative;
height: 106px;
background: #CCC url(../images/header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
 
/* change the values of top and left to adjust the position of the logo*/
top: 40px; left: 50px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
 
/* change the values of top and left to adjust the position of the slogan*/
top: 85px; left: 53px;
}
#header h1#titre_site {position:absolute; top:50px; left:280px;}
 
/* Menu */
#menu {margin:0; padding:0 0 0 45px; background:url(../images/menu.jpg) repeat-y center top; font:11px/20px Verdana, Arial, Tahoma, Sans-serif;}
#vous_etes_ici {width:300px; display:inline;}
#menus_communs {float:right; margin:-20px 36px 0 0;}
#menu ul {float:right; list-style: none; margin:0; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none;}
#menu ul li a:hover {background-color: #ECECEC; color: #333;}
#menu ul li.menu_actif a {background-color: #FFF; color: #333;}
#menu a:hover {color:#FFF;}
 
/* Main Column */
#main {float:right; width:730px; padding:0; margin:0;}
#main h1 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%;}
 
/* Sidebar */
#sidebar {float:left; width:200px; padding:0; margin:0 0 0 13px;}
#sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0;}
#sidebar ul.sidemenu, #sidebar ul.menu_classique_n1 {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
#sidebar ul.sidemenu li, #sidebar ul.menu_classique_n1 li { border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px;}
#sidebar ul.sidemenu a, #sidebar ul.menu_classique_n1 a {font-weight: bolder; text-decoration: none; background-image: none;}
#sidebar ul.menu_classique_n1 li.menu_actif {background: url(../images/go_bas.gif) no-repeat 5px 5px;}
#sidebar li.menu_actif a {color:#FBB63C;}
#sidebar li.menu_inactif, #sidebar li.menu_inactif a {color:#4F82CB;}
#sidebar li a:hover {color:#4EBF37; background:inherit; background-image: none;}
#sidebar ul ul {margin:0; padding:0;}
#sidebar ul ul li {list-style-type:none;}
/* Footer */
#footer {color: #666666; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 1009px; height: 68px; text-align: center; font-size: 92%;}
#footer a {text-decoration:none;}
#footer a img {border:none;}
 
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
 
/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
 
 
#zone_onglets {float : right;margin : 0 20px -1px 0 ;text-align:left;font-weight:bold;}
#zone_onglets ul { margin:0; padding:0; list-style:none;}
#zone_onglets li { background:url(../images/Boutons/right_both_green.png) no-repeat right top; float:left; margin:0; padding:0; color: #006495;}
#zone_onglets a {float:left; display:block; color: #006495; font-size:12px; background:url(../images/Boutons/left_both_green.png) no-repeat left top; width:.1em; white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/ padding:5px 15px 4px; text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ #zone_onglets a {float:none;} /* End IE5-Mac hack */
#zone_onglets > ul a { width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone_onglets li:hover { background-position:100% -150px;}
#zone_onglets li:hover a { background-position:0% -150px;}
#zone_onglets .inactif { border-bottom:0px solid; font-weight:normal;}
#zone_onglets .actif, #zone_onglets .actif { position:relative; background-position:100% -150px; padding-bottom:2px; font-weight:bold;}
#zone_onglets .actif a, #zone_onglets .actif a { position:relative; background-position:0% -150px; padding-bottom:3px;}
/*-------------------------------APPLETTES--------------------------------------*/
#moteur_recherche {position:absolute; top:80px; right:50px; width:200px; height:33px; text-align:right; background:transparent;}
#moteur_recherche legend {display:none;}
#moteur_recherche fieldset {margin:0;padding:0;border: 0;}
#moteur_recherche label {display:none;}
.form_label {float:left;/* width:250px; */padding-right:3px; text-align:right;}
.formulaire_element {margin:3px 0; padding:0; float:left; clear:both; }
.formulaire_element label {float:left; text-align:right; width:250px; margin-right:4px;}
#more_motif {padding:2px; width:140px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#sesi_ok, #more_ok, #connexion, .liste_bouton input, #site_modifier, #form_annuler, #effacer, #choisir_site, #site_enregistrer {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border:none; height:20px;}
#selecteur_monde {position:absolute; top: 45px; right: 50px; width:200px; height:33px; text-align:right; background:transparent;}
#selecteur_monde select {padding:1px; width:146px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#selecteur_monde legend {display: none;}
#selecteur_monde fieldset {border:0; margin:0; padding:0;}
#copyright {margin:15px 0 10px 10px; padding:0; float:left; width:400px;}
#copyright a {color:#006495;}
#copyright a:hover {color:#222;}
#identification {width:180px; margin:0 auto 5px auto;}
#identification fieldset {border:0; margin:0; padding:0;}
#identification form {margin:5px; padding:0 5px; width:175px; border:1px solid #f2f2f2; background-color:#FAFAFA; }
#identification legend {display: none;}
#identification label {display: block;}
#identification_message {display:none;}
#username, #password {width:145px;}
#persistant, #persistant_label {float:left;}
#persistant {margin:7px 2px 0 0;}
.rss_page{padding:2px 0 0 0;}
.rss_titre_site{font-size:11px; font-weight:normal; border-bottom:0;}
.rss_date{color:rgb(80, 80, 80); text-align:justify;}
/*****************Proprietes generales******************************************/
* {margin:0; padding:0; text-indent:0;}
body {background:#CCCCCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center;}
hr {margin:2px; width:100%; color:#333; background-color:#333; height:2px;}
a, a:visited {text-decoration:none; color:#4F82CB; background:inherit;}
a:hover {color:#4EBF37; background:inherit;}
table {width:90%; margin:2px auto; border: 1px solid #333; border-spacing:0; border-collapse:collapse;}
th {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border: 1px solid #CCC; height:20px;}
td {border: 1px solid #CCC;}
.navi {padding:0;margin:0;text-align:center;}
.other_month {color:#AAA;}
.current_day {background: #FBB63C; color: #FFF;}
.label_inscription {margin: 2px;float:left; clear:both; width:170px; text-align:right; }
.symbole_obligatoire {color:red;}
.input_inscription {float:left; width:180px;}
.input_inscription input, .input_inscription select {margin: 2px;border: 1px solid #000;font:12px Myriad, Arial, sans-serif; }
.liste_inscription {margin: 2px;float:left; clear:both; }
.inscription_bouton {float:left;margin: 3px;}
.inscription_note_obligatoire {float:left; clear:both;}
.bazar_checkbox {float:left;width:49%;}
.bazar_fieldset {border: 1px solid #000;width:100%;margin-bottom:5px;}
.bazar_fieldset legend {font-size:15px;font-weight: bold ;}
.bazar_table {border:1px solid #000;width:100%;margin:5px;}
.bazar_table td, .bazar_table tr, .bazar_table th {border:1px solid #000;}
.inscription_table {border:0px;width:100%;margin:5px;}
.inscription_cellule_gauche {font-size:12px;width:140px;text-align:right;}
.inscription_cellule_droite {text-align:left;padding:5px;}
.calendrier_applette {width:180px;}
.calendrier_applette td {text-align:center;}
 
/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold;}
h1 {font-size:120%;}
h2 {font-size:110%; text-transform:uppercase; color:#88ac0b;}
h3 {font-size:110%; color:#666666;}
 
/* images */
img {border: 2px solid #CCC;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
 
h1, h2, h3, p {padding: 10px; margin: 0;}
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;}
ul span, ol span { color: #666666;}
 
code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #f2f2f2;}
acronym {cursor:help; border-bottom:1px solid #777;}
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}
 
/* form elements */
#main form {margin:10px; padding:0 5px; border:1px solid #f2f2f2; background-color:#FAFAFA;}
#main form li {list-style-type:none; margin:0; padding:0; color:#000;}
#main form ul {margin:0; padding:0;}
#main label, #sidebar label {display:block; font-weight:bold; margin:5px 0 0 0; }
#main select {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main input, #sidebar input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main textarea {width:400px; padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; color:#777;}
#main fieldset {background:#f3fce3; border:0; margin:5px; padding:5px;}
#main fieldset legend {font-weight:bolder; text-decoration:none; background-image:none; color:#4F82CB;}
#main input.button {margin:0; font:bolder 12px Arial, Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#88ac0b;}
 
/* search */
#main form.search {
position: absolute;
top: 35px; right: 25px;
background: transparent;
border: none;
}
#main form.search input.textbox {
margin: 0; padding: 1px 2px;
width: 120px;
background: #FFF;
color: #333;
}
#main form.search input.button {
background: #CCC url(../images/headerbg.gif) repeat-x;
color: #333;
border: none;
width: 70px; height: 21px;
}
 
.liste_bouton li {display:inline;}
 
/********************************************
LAYOUT
********************************************/
#wrap {
width: 1009px;
background: #CCC url(../images/content.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 960px;
padding: 0;
margin: 0 auto;
}
#header {
width: 1009px;
position: relative;
height: 106px;
background: #CCC url(../images/header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
 
/* change the values of top and left to adjust the position of the logo*/
top: 40px; left: 50px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
 
/* change the values of top and left to adjust the position of the slogan*/
top: 85px; left: 53px;
}
#header h1#titre_site {position:absolute; top:50px; left:280px;}
 
/* Menu */
#menu {margin:0; padding:0 0 0 45px; background:url(../images/menu.jpg) repeat-y center top; font:11px/20px Verdana, Arial, Tahoma, Sans-serif;}
#vous_etes_ici {width:300px; display:inline;}
#menus_communs {float:right; margin:-20px 36px 0 0;}
#menu ul {float:right; list-style: none; margin:0; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none;}
#menu ul li a:hover {background-color: #ECECEC; color: #333;}
#menu ul li.menu_actif a {background-color: #FFF; color: #333;}
#menu a:hover {color:#FFF;}
 
/* Main Column */
#main {float:right; width:730px; padding:0; margin:0;}
#main h1 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%;}
 
/* Sidebar */
#sidebar {float:left; width:200px; padding:0; margin:0 0 0 13px;}
#sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0;}
#sidebar ul.sidemenu, #sidebar ul.menu_classique_n1 {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
#sidebar ul.sidemenu li, #sidebar ul.menu_classique_n1 li { border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px;}
#sidebar ul.sidemenu a, #sidebar ul.menu_classique_n1 a {font-weight: bolder; text-decoration: none; background-image: none;}
#sidebar ul.menu_classique_n1 li.menu_actif {background: url(../images/go_bas.gif) no-repeat 5px 5px;}
#sidebar li.menu_actif a {color:#FBB63C;}
#sidebar li.menu_inactif, #sidebar li.menu_inactif a {color:#4F82CB;}
#sidebar li a:hover {color:#4EBF37; background:inherit; background-image: none;}
#sidebar ul ul {margin:0; padding:0;}
#sidebar ul ul li {list-style-type:none;}
/* Footer */
#footer {color: #666666; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 1009px; height: 68px; text-align: center; font-size: 92%;}
#footer a {text-decoration:none;}
#footer a img {border:none;}
 
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
 
/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
 
 
#zone_onglets {float : right;margin : 0 20px -1px 0 ;text-align:left;font-weight:bold;}
#zone_onglets ul { margin:0; padding:0; list-style:none;}
#zone_onglets li { background:url(../images/Boutons/right_both_green.png) no-repeat right top; float:left; margin:0; padding:0; color: #006495;}
#zone_onglets a {float:left; display:block; color: #006495; font-size:12px; background:url(../images/Boutons/left_both_green.png) no-repeat left top; width:.1em; white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/ padding:5px 15px 4px; text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ #zone_onglets a {float:none;} /* End IE5-Mac hack */
#zone_onglets > ul a { width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone_onglets li:hover { background-position:100% -150px;}
#zone_onglets li:hover a { background-position:0% -150px;}
#zone_onglets .inactif { border-bottom:0px solid; font-weight:normal;}
#zone_onglets .actif, #zone_onglets .actif { position:relative; background-position:100% -150px; padding-bottom:2px; font-weight:bold;}
#zone_onglets .actif a, #zone_onglets .actif a { position:relative; background-position:0% -150px; padding-bottom:3px;}
/*-------------------------------APPLETTES--------------------------------------*/
#moteur_recherche {position:absolute; top:80px; right:50px; width:200px; height:33px; text-align:right; background:transparent;}
#moteur_recherche legend {display:none;}
#moteur_recherche fieldset {margin:0;padding:0;border: 0;}
#moteur_recherche label {display:none;}
.form_label {float:left;/* width:250px; */padding-right:3px; text-align:right;}
.formulaire_element {margin:3px 0; padding:0; float:left; clear:both; }
.formulaire_element label {float:left; text-align:right; width:250px; margin-right:4px;}
#more_motif {padding:2px; width:140px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#sesi_ok, #more_ok, #connexion, .liste_bouton input, #site_modifier, #form_annuler, #effacer, #choisir_site, #site_enregistrer {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border:none; height:20px;}
#selecteur_monde {position:absolute; top: 45px; right: 50px; width:200px; height:33px; text-align:right; background:transparent;}
#selecteur_monde select {padding:1px; width:146px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#selecteur_monde legend {display: none;}
#selecteur_monde fieldset {border:0; margin:0; padding:0;}
#copyright {margin:15px 0 10px 10px; padding:0; float:left; width:400px;}
#copyright a {color:#006495;}
#copyright a:hover {color:#222;}
#identification {width:180px; margin:0 auto 5px auto;}
#identification fieldset {border:0; margin:0; padding:0;}
#identification form {margin:5px; padding:0 5px; width:175px; border:1px solid #f2f2f2; background-color:#FAFAFA; }
#identification legend {display: none;}
#identification label {display: block;}
#identification_message {display:none;}
#username, #password {width:145px;}
#persistant, #persistant_label {float:left;}
#persistant {margin:7px 2px 0 0;}
.rss_page{padding:2px 0 0 0;}
.rss_titre_site{font-size:11px; font-weight:normal; border-bottom:0;}
.rss_date{color:rgb(80, 80, 80); text-align:justify;}
.rss_titre_article{font-size:11px; text-transform:none; margin-bottom:5px;}
/trunk/sites/botanique/en/squelettes/defaut.html
1,139 → 1,139
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/botanique/generique/styles/botanique.css" rel="stylesheet" type="text/css" />
<link href="/commun/jquery/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
</head>
<body id="botanique">
<div id="zone-principale">
<div class="zone-haut" id="zone-botanique">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_vert.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Botanique</h3>
<h4>
<span class="mot1">se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <span class="menuHautActif"><a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></span></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actualites" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Botanique</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_5 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
<ul>{{Inclure page="projets_defilants" interwiki="Papyrus"}}</ul>
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="seconnecter"><a href="#" title="Se connecter"> Connectez-vous </a></li>
<li class="vert" id="don"><a href="#" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="#" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- Papyrus Moteur Recherche : --><!-- PAPYRUS_MOTEUR_RECHERCHE -->
</li>
<!-- form method="get" action="#"><fieldset><input type="text" value="Rechercher dans le site" onclick="javascript:saisieChampRecherche(this)"/> OK</fieldset></form></li -->
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="/sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="/sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/commun/jquery/jquery.lightbox-0.5.js"></script>
<script type="text/Javascript" src="/sites/botanique/generique/scripts/botanique.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/botanique/generique/styles/botanique.css" rel="stylesheet" type="text/css" />
<link href="/commun/jquery/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
</head>
<body id="botanique">
<div id="zone-principale">
<div class="zone-haut" id="zone-botanique">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_vert.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Botanique</h3>
<h4>
<span class="mot1">se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <span class="menuHautActif"><a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></span></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actualites" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Botanique</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_5 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
<ul>{{Inclure page="projets_defilants" interwiki="Papyrus"}}</ul>
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="seconnecter"><a href="#" title="Se connecter"> Connectez-vous </a></li>
<li class="vert" id="don"><a href="#" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="#" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- Papyrus Moteur Recherche : --><!-- PAPYRUS_MOTEUR_RECHERCHE -->
</li>
<!-- form method="get" action="#"><fieldset><input type="text" value="Rechercher dans le site" onclick="javascript:saisieChampRecherche(this)"/> OK</fieldset></form></li -->
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="/sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="/sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/commun/jquery/jquery.lightbox-0.5.js"></script>
<script type="text/Javascript" src="/sites/botanique/generique/scripts/botanique.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
/trunk/sites/botanique/generique/scripts/botanique.js
1,4 → 1,4
$(document).ready(function() {
$('.actualites1 a').lightBox();
});
$(document).ready(function() {
$('.actualites1 a').lightBox();
});
/trunk/sites/botanique/generique/styles/botanique.css
1,30 → 1,30
 
/********* STYLE SPECIFIQUE DE LA PAGE BOTANIQUE *********/
body#botanique { background: url(../images/traitVerticalBotanique.jpg) repeat-x;}
/* Mots clefs Botanique */
#zone-botanique .motsclefs .mot1 { font-size:32px; margin:-22px 0 0 -101px; width:150px}
#zone-botanique .motsclefs .mot2 { font-size:18px; margin:-15px 0 0 74px; width:250px}
#zone-botanique .motsclefs .mot3 { font-size:23px; margin:5px 0 0 -46px; width:280px}
#zone-botanique {background:url(../images/image_bandeau_botanique.png) right center no-repeat; }
/* Mise en page de la recherche Eflore */
.recherche_eflore .champs {
display:block; width:280px
}
.colonneDroite #afficherLaCarte { display:block; background:url(../../../botanique/generique/images/mini_carte_taxon.jpg); width:150px; height:143px; float:left; }
#rejoindreChorologie {position:absolute; margin:110px 0 0 10px}
#galeriePhoto .actualites1 a {float:left; padding:3px}
#galeriePhoto .actualites1 a img {float:left; height:63px}
#galeriePhoto {width:301px; }
#galeriePhoto #imgExtra {width:273px; margin-top:10px}
.contenu_RSS #texteActualites1 {
margin-bottom:15px
}
.boutonJaune {float:right}
 
#celObs h3 {padding:0; color:#6C6865}
#celObs h3 a {color:#6C6865 }
 
/********* STYLE SPECIFIQUE DE LA PAGE BOTANIQUE *********/
body#botanique { background: url(../images/traitVerticalBotanique.jpg) repeat-x;}
/* Mots clefs Botanique */
#zone-botanique .motsclefs .mot1 { font-size:32px; margin:-22px 0 0 -101px; width:150px}
#zone-botanique .motsclefs .mot2 { font-size:18px; margin:-15px 0 0 74px; width:250px}
#zone-botanique .motsclefs .mot3 { font-size:23px; margin:5px 0 0 -46px; width:280px}
#zone-botanique {background:url(../images/image_bandeau_botanique.png) right center no-repeat; }
/* Mise en page de la recherche Eflore */
.recherche_eflore .champs {
display:block; width:280px
}
.colonneDroite #afficherLaCarte { display:block; background:url(../../../botanique/generique/images/mini_carte_taxon.jpg); width:150px; height:143px; float:left; }
#rejoindreChorologie {position:absolute; margin:110px 0 0 10px}
#galeriePhoto .actualites1 a {float:left; padding:3px}
#galeriePhoto .actualites1 a img {float:left; height:63px}
#galeriePhoto {width:301px; }
#galeriePhoto #imgExtra {width:273px; margin-top:10px}
.contenu_RSS #texteActualites1 {
margin-bottom:15px
}
.boutonJaune {float:right}
 
#celObs h3 {padding:0; color:#6C6865}
#celObs h3 a {color:#6C6865 }
/trunk/sites/botanique/fr/styles/defaut.css
1,215 → 1,215
/*****************Proprietes generales******************************************/
* {margin:0; padding:0; text-indent:0;}
body {background:#CCCCCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center;}
hr {margin:2px; width:100%; color:#333; background-color:#333; height:2px;}
a, a:visited {text-decoration:none; color:#4F82CB; background:inherit;}
a:hover {color:#4EBF37; background:inherit;}
table {width:90%; margin:2px auto; border: 1px solid #333; border-spacing:0; border-collapse:collapse;}
th {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border: 1px solid #CCC; height:20px;}
td {border: 1px solid #CCC;}
.navi {padding:0;margin:0;text-align:center;}
.other_month {color:#AAA;}
.current_day {background: #FBB63C; color: #FFF;}
.label_inscription {margin: 2px;float:left; clear:both; width:170px; text-align:right; }
.symbole_obligatoire {color:red;}
.input_inscription {float:left; width:180px;}
.input_inscription input, .input_inscription select {margin: 2px;border: 1px solid #000;font:12px Myriad, Arial, sans-serif; }
.liste_inscription {margin: 2px;float:left; clear:both; }
.inscription_bouton {float:left;margin: 3px;}
.inscription_note_obligatoire {float:left; clear:both;}
.bazar_checkbox {float:left;width:49%;}
.bazar_fieldset {border: 1px solid #000;width:100%;margin-bottom:5px;}
.bazar_fieldset legend {font-size:15px;font-weight: bold ;}
.bazar_table {border:1px solid #000;width:100%;margin:5px;}
.bazar_table td, .bazar_table tr, .bazar_table th {border:1px solid #000;}
.inscription_table {border:0px;width:100%;margin:5px;}
.inscription_cellule_gauche {font-size:12px;width:140px;text-align:right;}
.inscription_cellule_droite {text-align:left;padding:5px;}
.calendrier_applette {width:180px;}
.calendrier_applette td {text-align:center;}
 
/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold;}
h1 {font-size:120%;}
h2 {font-size:110%; text-transform:uppercase; color:#88ac0b;}
h3 {font-size:110%; color:#666666;}
 
/* images */
img {border: 2px solid #CCC;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
 
h1, h2, h3, p {padding: 10px; margin: 0;}
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;}
ul span, ol span { color: #666666;}
 
code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #f2f2f2;}
acronym {cursor:help; border-bottom:1px solid #777;}
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}
 
/* form elements */
#main form {margin:10px; padding:0 5px; border:1px solid #f2f2f2; background-color:#FAFAFA;}
#main form li {list-style-type:none; margin:0; padding:0; color:#000;}
#main form ul {margin:0; padding:0;}
#main label, #sidebar label {display:block; font-weight:bold; margin:5px 0 0 0; }
#main select {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main input, #sidebar input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main textarea {width:400px; padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; color:#777;}
#main fieldset {background:#f3fce3; border:0; margin:5px; padding:5px;}
#main fieldset legend {font-weight:bolder; text-decoration:none; background-image:none; color:#4F82CB;}
#main input.button {margin:0; font:bolder 12px Arial, Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#88ac0b;}
 
/* search */
#main form.search {
position: absolute;
top: 35px; right: 25px;
background: transparent;
border: none;
}
#main form.search input.textbox {
margin: 0; padding: 1px 2px;
width: 120px;
background: #FFF;
color: #333;
}
#main form.search input.button {
background: #CCC url(../images/headerbg.gif) repeat-x;
color: #333;
border: none;
width: 70px; height: 21px;
}
 
.liste_bouton li {display:inline;}
 
/********************************************
LAYOUT
********************************************/
#wrap {
width: 1009px;
background: #CCC url(../images/content.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 960px;
padding: 0;
margin: 0 auto;
}
#header {
width: 1009px;
position: relative;
height: 106px;
background: #CCC url(../images/header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
 
/* change the values of top and left to adjust the position of the logo*/
top: 40px; left: 50px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
 
/* change the values of top and left to adjust the position of the slogan*/
top: 85px; left: 53px;
}
#header h1#titre_site {position:absolute; top:50px; left:280px;}
 
/* Menu */
#menu {margin:0; padding:0 0 0 45px; background:url(../images/menu.jpg) repeat-y center top; font:11px/20px Verdana, Arial, Tahoma, Sans-serif;}
#vous_etes_ici {width:300px; display:inline;}
#menus_communs {float:right; margin:-20px 36px 0 0;}
#menu ul {float:right; list-style: none; margin:0; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none;}
#menu ul li a:hover {background-color: #ECECEC; color: #333;}
#menu ul li.menu_actif a {background-color: #FFF; color: #333;}
#menu a:hover {color:#FFF;}
 
/* Main Column */
#main {float:right; width:730px; padding:0; margin:0;}
#main h1 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%;}
 
/* Sidebar */
#sidebar {float:left; width:200px; padding:0; margin:0 0 0 13px;}
#sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0;}
#sidebar ul.sidemenu, #sidebar ul.menu_classique_n1 {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
#sidebar ul.sidemenu li, #sidebar ul.menu_classique_n1 li { border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px;}
#sidebar ul.sidemenu a, #sidebar ul.menu_classique_n1 a {font-weight: bolder; text-decoration: none; background-image: none;}
#sidebar ul.menu_classique_n1 li.menu_actif {background: url(../images/go_bas.gif) no-repeat 5px 5px;}
#sidebar li.menu_actif a {color:#FBB63C;}
#sidebar li.menu_inactif, #sidebar li.menu_inactif a {color:#4F82CB;}
#sidebar li a:hover {color:#4EBF37; background:inherit; background-image: none;}
#sidebar ul ul {margin:0; padding:0;}
#sidebar ul ul li {list-style-type:none;}
/* Footer */
#footer {color: #666666; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 1009px; height: 68px; text-align: center; font-size: 92%;}
#footer a {text-decoration:none;}
#footer a img {border:none;}
 
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
 
/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
 
 
#zone_onglets {float : right;margin : 0 20px -1px 0 ;text-align:left;font-weight:bold;}
#zone_onglets ul { margin:0; padding:0; list-style:none;}
#zone_onglets li { background:url(../images/Boutons/right_both_green.png) no-repeat right top; float:left; margin:0; padding:0; color: #006495;}
#zone_onglets a {float:left; display:block; color: #006495; font-size:12px; background:url(../images/Boutons/left_both_green.png) no-repeat left top; width:.1em; white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/ padding:5px 15px 4px; text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ #zone_onglets a {float:none;} /* End IE5-Mac hack */
#zone_onglets > ul a { width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone_onglets li:hover { background-position:100% -150px;}
#zone_onglets li:hover a { background-position:0% -150px;}
#zone_onglets .inactif { border-bottom:0px solid; font-weight:normal;}
#zone_onglets .actif, #zone_onglets .actif { position:relative; background-position:100% -150px; padding-bottom:2px; font-weight:bold;}
#zone_onglets .actif a, #zone_onglets .actif a { position:relative; background-position:0% -150px; padding-bottom:3px;}
/*-------------------------------APPLETTES--------------------------------------*/
#moteur_recherche {position:absolute; top:80px; right:50px; width:200px; height:33px; text-align:right; background:transparent;}
#moteur_recherche legend {display:none;}
#moteur_recherche fieldset {margin:0;padding:0;border: 0;}
#moteur_recherche label {display:none;}
.form_label {float:left;/* width:250px; */padding-right:3px; text-align:right;}
.formulaire_element {margin:3px 0; padding:0; float:left; clear:both; }
.formulaire_element label {float:left; text-align:right; width:250px; margin-right:4px;}
#more_motif {padding:2px; width:140px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#sesi_ok, #more_ok, #connexion, .liste_bouton input, #site_modifier, #form_annuler, #effacer, #choisir_site, #site_enregistrer {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border:none; height:20px;}
#selecteur_monde {position:absolute; top: 45px; right: 50px; width:200px; height:33px; text-align:right; background:transparent;}
#selecteur_monde select {padding:1px; width:146px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#selecteur_monde legend {display: none;}
#selecteur_monde fieldset {border:0; margin:0; padding:0;}
#copyright {margin:15px 0 10px 10px; padding:0; float:left; width:400px;}
#copyright a {color:#006495;}
#copyright a:hover {color:#222;}
#identification {width:180px; margin:0 auto 5px auto;}
#identification fieldset {border:0; margin:0; padding:0;}
#identification form {margin:5px; padding:0 5px; width:175px; border:1px solid #f2f2f2; background-color:#FAFAFA; }
#identification legend {display: none;}
#identification label {display: block;}
#identification_message {display:none;}
#username, #password {width:145px;}
#persistant, #persistant_label {float:left;}
#persistant {margin:7px 2px 0 0;}
.rss_page{padding:2px 0 0 0;}
.rss_titre_site{font-size:11px; font-weight:normal; border-bottom:0;}
.rss_date{color:rgb(80, 80, 80); text-align:justify;}
/*****************Proprietes generales******************************************/
* {margin:0; padding:0; text-indent:0;}
body {background:#CCCCCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center;}
hr {margin:2px; width:100%; color:#333; background-color:#333; height:2px;}
a, a:visited {text-decoration:none; color:#4F82CB; background:inherit;}
a:hover {color:#4EBF37; background:inherit;}
table {width:90%; margin:2px auto; border: 1px solid #333; border-spacing:0; border-collapse:collapse;}
th {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border: 1px solid #CCC; height:20px;}
td {border: 1px solid #CCC;}
.navi {padding:0;margin:0;text-align:center;}
.other_month {color:#AAA;}
.current_day {background: #FBB63C; color: #FFF;}
.label_inscription {margin: 2px;float:left; clear:both; width:170px; text-align:right; }
.symbole_obligatoire {color:red;}
.input_inscription {float:left; width:180px;}
.input_inscription input, .input_inscription select {margin: 2px;border: 1px solid #000;font:12px Myriad, Arial, sans-serif; }
.liste_inscription {margin: 2px;float:left; clear:both; }
.inscription_bouton {float:left;margin: 3px;}
.inscription_note_obligatoire {float:left; clear:both;}
.bazar_checkbox {float:left;width:49%;}
.bazar_fieldset {border: 1px solid #000;width:100%;margin-bottom:5px;}
.bazar_fieldset legend {font-size:15px;font-weight: bold ;}
.bazar_table {border:1px solid #000;width:100%;margin:5px;}
.bazar_table td, .bazar_table tr, .bazar_table th {border:1px solid #000;}
.inscription_table {border:0px;width:100%;margin:5px;}
.inscription_cellule_gauche {font-size:12px;width:140px;text-align:right;}
.inscription_cellule_droite {text-align:left;padding:5px;}
.calendrier_applette {width:180px;}
.calendrier_applette td {text-align:center;}
 
/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold;}
h1 {font-size:120%;}
h2 {font-size:110%; text-transform:uppercase; color:#88ac0b;}
h3 {font-size:110%; color:#666666;}
 
/* images */
img {border: 2px solid #CCC;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
 
h1, h2, h3, p {padding: 10px; margin: 0;}
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;}
ul span, ol span { color: #666666;}
 
code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #f2f2f2;}
acronym {cursor:help; border-bottom:1px solid #777;}
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}
 
/* form elements */
#main form {margin:10px; padding:0 5px; border:1px solid #f2f2f2; background-color:#FAFAFA;}
#main form li {list-style-type:none; margin:0; padding:0; color:#000;}
#main form ul {margin:0; padding:0;}
#main label, #sidebar label {display:block; font-weight:bold; margin:5px 0 0 0; }
#main select {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main input, #sidebar input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main textarea {width:400px; padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; color:#777;}
#main fieldset {background:#f3fce3; border:0; margin:5px; padding:5px;}
#main fieldset legend {font-weight:bolder; text-decoration:none; background-image:none; color:#4F82CB;}
#main input.button {margin:0; font:bolder 12px Arial, Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#88ac0b;}
 
/* search */
#main form.search {
position: absolute;
top: 35px; right: 25px;
background: transparent;
border: none;
}
#main form.search input.textbox {
margin: 0; padding: 1px 2px;
width: 120px;
background: #FFF;
color: #333;
}
#main form.search input.button {
background: #CCC url(../images/headerbg.gif) repeat-x;
color: #333;
border: none;
width: 70px; height: 21px;
}
 
.liste_bouton li {display:inline;}
 
/********************************************
LAYOUT
********************************************/
#wrap {
width: 1009px;
background: #CCC url(../images/content.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 960px;
padding: 0;
margin: 0 auto;
}
#header {
width: 1009px;
position: relative;
height: 106px;
background: #CCC url(../images/header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
 
/* change the values of top and left to adjust the position of the logo*/
top: 40px; left: 50px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
 
/* change the values of top and left to adjust the position of the slogan*/
top: 85px; left: 53px;
}
#header h1#titre_site {position:absolute; top:50px; left:280px;}
 
/* Menu */
#menu {margin:0; padding:0 0 0 45px; background:url(../images/menu.jpg) repeat-y center top; font:11px/20px Verdana, Arial, Tahoma, Sans-serif;}
#vous_etes_ici {width:300px; display:inline;}
#menus_communs {float:right; margin:-20px 36px 0 0;}
#menu ul {float:right; list-style: none; margin:0; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none;}
#menu ul li a:hover {background-color: #ECECEC; color: #333;}
#menu ul li.menu_actif a {background-color: #FFF; color: #333;}
#menu a:hover {color:#FFF;}
 
/* Main Column */
#main {float:right; width:730px; padding:0; margin:0;}
#main h1 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%;}
 
/* Sidebar */
#sidebar {float:left; width:200px; padding:0; margin:0 0 0 13px;}
#sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0;}
#sidebar ul.sidemenu, #sidebar ul.menu_classique_n1 {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
#sidebar ul.sidemenu li, #sidebar ul.menu_classique_n1 li { border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px;}
#sidebar ul.sidemenu a, #sidebar ul.menu_classique_n1 a {font-weight: bolder; text-decoration: none; background-image: none;}
#sidebar ul.menu_classique_n1 li.menu_actif {background: url(../images/go_bas.gif) no-repeat 5px 5px;}
#sidebar li.menu_actif a {color:#FBB63C;}
#sidebar li.menu_inactif, #sidebar li.menu_inactif a {color:#4F82CB;}
#sidebar li a:hover {color:#4EBF37; background:inherit; background-image: none;}
#sidebar ul ul {margin:0; padding:0;}
#sidebar ul ul li {list-style-type:none;}
/* Footer */
#footer {color: #666666; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 1009px; height: 68px; text-align: center; font-size: 92%;}
#footer a {text-decoration:none;}
#footer a img {border:none;}
 
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
 
/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
 
 
#zone_onglets {float : right;margin : 0 20px -1px 0 ;text-align:left;font-weight:bold;}
#zone_onglets ul { margin:0; padding:0; list-style:none;}
#zone_onglets li { background:url(../images/Boutons/right_both_green.png) no-repeat right top; float:left; margin:0; padding:0; color: #006495;}
#zone_onglets a {float:left; display:block; color: #006495; font-size:12px; background:url(../images/Boutons/left_both_green.png) no-repeat left top; width:.1em; white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/ padding:5px 15px 4px; text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ #zone_onglets a {float:none;} /* End IE5-Mac hack */
#zone_onglets > ul a { width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone_onglets li:hover { background-position:100% -150px;}
#zone_onglets li:hover a { background-position:0% -150px;}
#zone_onglets .inactif { border-bottom:0px solid; font-weight:normal;}
#zone_onglets .actif, #zone_onglets .actif { position:relative; background-position:100% -150px; padding-bottom:2px; font-weight:bold;}
#zone_onglets .actif a, #zone_onglets .actif a { position:relative; background-position:0% -150px; padding-bottom:3px;}
/*-------------------------------APPLETTES--------------------------------------*/
#moteur_recherche {position:absolute; top:80px; right:50px; width:200px; height:33px; text-align:right; background:transparent;}
#moteur_recherche legend {display:none;}
#moteur_recherche fieldset {margin:0;padding:0;border: 0;}
#moteur_recherche label {display:none;}
.form_label {float:left;/* width:250px; */padding-right:3px; text-align:right;}
.formulaire_element {margin:3px 0; padding:0; float:left; clear:both; }
.formulaire_element label {float:left; text-align:right; width:250px; margin-right:4px;}
#more_motif {padding:2px; width:140px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#sesi_ok, #more_ok, #connexion, .liste_bouton input, #site_modifier, #form_annuler, #effacer, #choisir_site, #site_enregistrer {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border:none; height:20px;}
#selecteur_monde {position:absolute; top: 45px; right: 50px; width:200px; height:33px; text-align:right; background:transparent;}
#selecteur_monde select {padding:1px; width:146px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#selecteur_monde legend {display: none;}
#selecteur_monde fieldset {border:0; margin:0; padding:0;}
#copyright {margin:15px 0 10px 10px; padding:0; float:left; width:400px;}
#copyright a {color:#006495;}
#copyright a:hover {color:#222;}
#identification {width:180px; margin:0 auto 5px auto;}
#identification fieldset {border:0; margin:0; padding:0;}
#identification form {margin:5px; padding:0 5px; width:175px; border:1px solid #f2f2f2; background-color:#FAFAFA; }
#identification legend {display: none;}
#identification label {display: block;}
#identification_message {display:none;}
#username, #password {width:145px;}
#persistant, #persistant_label {float:left;}
#persistant {margin:7px 2px 0 0;}
.rss_page{padding:2px 0 0 0;}
.rss_titre_site{font-size:11px; font-weight:normal; border-bottom:0;}
.rss_date{color:rgb(80, 80, 80); text-align:justify;}
.rss_titre_article{font-size:11px; text-transform:none; margin-bottom:5px;}
/trunk/sites/botanique/fr/squelettes/botanique.html
1,130 → 1,130
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/botanique/generique/styles/botanique.css" rel="stylesheet" type="text/css" />
<link href="/commun/jquery/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
</head>
<body id="botanique">
<div id="zone-principale">
<div class="zone-haut" id="zone-botanique">
<h1>
<a href="http://www.tela-botanica.org">
<img src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_vert.png" alt="Tela Botanica"/>
</a>
</h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Botanique</h3>
<h4>
<span class="mot1">se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h4>
</div>
</div>
 
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <span class="menuHautActif"><a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></span></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!-- fermeture div zone-menu-navigation -->
 
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Botanique</h1>
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
 
<div id="zone-menu-connexion">
{{Identification}}
</div>
</div> <!-- fermeture div zone-gauche-->
 
<div id="zone-droite">
 
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/commun/jquery/jquery.lightbox-0.5.js"></script>
<script type="text/Javascript" src="/sites/botanique/generique/scripts/botanique.js"></script>
 
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/botanique/generique/styles/botanique.css" rel="stylesheet" type="text/css" />
<link href="/commun/jquery/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
</head>
<body id="botanique">
<div id="zone-principale">
<div class="zone-haut" id="zone-botanique">
<h1>
<a href="http://www.tela-botanica.org">
<img src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_vert.png" alt="Tela Botanica"/>
</a>
</h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Botanique</h3>
<h4>
<span class="mot1">se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h4>
</div>
</div>
 
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <span class="menuHautActif"><a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></span></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!-- fermeture div zone-menu-navigation -->
 
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Botanique</h1>
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
 
<div id="zone-menu-connexion">
{{Identification}}
</div>
</div> <!-- fermeture div zone-gauche-->
 
<div id="zone-droite">
 
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien">Faites un don</a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription">Lettre d'actualités</a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/commun/jquery/jquery.lightbox-0.5.js"></script>
<script type="text/Javascript" src="/sites/botanique/generique/scripts/botanique.js"></script>
 
</body>
</html>
/trunk/sites/botanique/fr/squelettes/defaut.html
1,125 → 1,125
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/botanique/generique/styles/botanique.css" rel="stylesheet" type="text/css" />
<link href="/commun/jquery/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<!-- PAPYRUS_STYLES -->
 
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/commun/jquery/jquery.lightbox-0.5.js"></script>
<script type="text/Javascript" src="/sites/botanique/generique/scripts/botanique.js"></script>
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="botanique">
<div id="zone-principale">
 
<div class="zone-haut" id="zone-botanique">
<h1><a href="http://www.tela-botanica.org"><img src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_vert.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Botanique</h3>
<h4>
<span class="mot1">se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h4>
</div>
</div>
 
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="http://www.tela-botanica.org" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <span class="menuHautActif"><a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></span></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
 
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Botanique</h1>
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
 
<div id="zone-droite">
 
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
 
<div id="main">
<div id="zone_contenu_tete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
 
</div> <!--fermeture div droite-->
 
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div>
 
<div id="zone-bas-page">
 
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
 
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span><br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!-- fermeture div zone-bas-page -->
 
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
 
</div><!--fermeture div zone-principale-->
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- css -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/botanique/generique/styles/botanique.css" rel="stylesheet" type="text/css" />
<link href="/commun/jquery/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<!-- PAPYRUS_STYLES -->
 
<!-- JavaScript -->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/commun/jquery/jquery.lightbox-0.5.js"></script>
<script type="text/Javascript" src="/sites/botanique/generique/scripts/botanique.js"></script>
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="botanique">
<div id="zone-principale">
 
<div class="zone-haut" id="zone-botanique">
<h1><a href="http://www.tela-botanica.org"><img src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_vert.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Botanique</h3>
<h4>
<span class="mot1">se former</span><span class="nodisplay">, </span>
<span class="mot2">identifier</span><span class="nodisplay">, </span>
<span class="mot3">plantes sauvages</span>
</h4>
</div>
</div>
 
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="http://www.tela-botanica.org" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <span class="menuHautActif"><a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></span></li>
<li id="menuActualites" class="ombre2 arrondi7"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
 
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Botanique</h1>
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
 
<div id="zone-droite">
 
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
 
<div id="main">
<div id="zone_contenu_tete">
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
 
</div> <!--fermeture div droite-->
 
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div>
 
<div id="zone-bas-page">
 
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
 
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span><br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!-- fermeture div zone-bas-page -->
 
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
 
</div><!--fermeture div zone-principale-->
</body>
</html>
/trunk/sites/actu/en/squelettes/defaut.html
New file
0,0 → 1,141
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/actualites/generique/styles/actualites.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/commun/jquery/jquery-ui/js/jquery-ui-1.8.4.custom.min.js"></script>
<link href="/commun/jquery/jquery-ui/css/humanity/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" />
</head>
<body id="actualites">
<div id="zone-principale">
<div class="zone-haut" id="zone-actualites">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_gris.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Actualités</h3>
<h4>
<span class="mot1">agenda</span><span class="nodisplay">, </span>
<span class="mot2">s'informer</span><span class="nodisplay">, </span>
<span class="mot3">environnement</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Actualites" href="/site:actualites" class="arrondi30"> Actualités </a></span></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Actualités</h1>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_5 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
<ul>{{Inclure page="projets_defilants" interwiki="Papyrus"}}</ul>
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="seconnecter"><a href="#" title="Se connecter"> Connectez-vous </a></li>
<li class="vert" id="don"><a href="#" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="#" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- Papyrus Moteur Recherche : --><!-- PAPYRUS_MOTEUR_RECHERCHE -->
</li>
<!-- form method="get" action="#"><fieldset><input type="text" value="Rechercher dans le site" onclick="javascript:saisieChampRecherche(this)"/> OK</fieldset></form></li -->
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="/sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="/sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/sites/actualites/generique/scripts/actualites.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
/trunk/sites/actu/generique/styles/pageInterieure.css
New file
0,0 → 1,313
 
/********* STYLE COMMUN A TOUTES LES PAGES *********/
/** Définition des polices exotiques **/
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
Pour windows, elle est remplacée par la police Helveticaneue2 */
@font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); }
@font-face { font-family:Helveticaneue2; src:url('../polices/helvetica_light.eot'); }
/* Optima n'est pas utile dans les pages intèrieures.
@font-face { font-family: optima; src: url('/commun/polices/optima_demi_bold.ttf'); }
@font-face { font-family: optima2; src: url('../polices/optima_demi_bold.eot'); }
*/
/** Classes **/
/* Marges */
img,ul,form,li,td,div,p,br,a,h1,h2 { padding:0; border:0; text-decoration:none;}
ul,form,li,td,div,p,br,a,h1,h2 { margin:0; }
/* Classes & couleurs */
.nodisplay {display:none}
.hidden {visibility:hidden}
.spacer125 {width:125px; float:left;}
.cadreRondVert h1 {margin:0 0 10px 0}
.cadreRondVert { width:685px; float:left; margin-bottom:20px; background-color:#eaedcd;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.cadreRondGris h1 {margin:0 0 10px 0}
.cadreRondGris h3 {margin:0}
.cadreRondGris { width:685px; float:left; margin-top:20px; background-color:#e5e4d4;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.floatLeft {float:left}
.notext { display:none; left:-5000px; top:-5000px; text-indent:-5000px; }
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
.troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
.puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
/** Cadre rond gris : mise en page **/
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
/* Taille des cadres */
.moitie {width:310px; float:left;}
.deuxTiersGauche {width:410px; margin-right:20px; float:left}
.deuxTiersDroite {width:240px; float:left}
.plein {width:620px;}
/* typographies */
p { color:black; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
p.orange{ color:#fd8c13; line-height:12px; }
.orange {color:#fd8c13; font-family:arial;}
p.blanc { color:#fff; font-size:11px; line-height:12px; }
.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
.overflow-hidden { overflow:hidden;}
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px; color:#fd8c13; font-size:14px;
text-transform:uppercase; margin-bottom:20px; margin-top:20px }
h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
h1 a:hover, h1 a:focus { color:#7b9c35; }
/*TEMP : le style pour le titre 2 */
h2, h2 a { color:#FD8C13; font-family:arial; font-size:12px; font-weight:normal; letter-spacing:0; margin:20px 0 12px 0;
text-transform:uppercase; font-weight:bold}
#contenu h2:before {content:"> "}
h2 a:hover {color:#6C6865}
 
/*TODO : vérifier ci dessous */
/*h2 { color:#6c6865; font-size:12px; margin-bottom:0px; }*/
/*h2 a:link, h2 a:visited,h2 a:active { color:#6C6865; }*/
h2 a:focus { color:#fd8c13; }
/*TODO : vérifier ci-dessous *
h3 { color:#6c6865; font-size:11px; letter-spacing:0px; margin:2px; }*/
 
/*TEMP : le style pour titre 3*/
h3, h3 a{color:#6C6865; font-family:arial; font-size:13px; font-weight:bold; letter-spacing:0; margin:20px 0 12px; }
.contenu_RSS h3 {margin:0}
 
h4 { font-size:11px; margin:2px; color:#7b9c35; font-weight:normal;}
.traitTela li{list-style:none; padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
.traitTela li a { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
/* Ombres */
.ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */}
 
/* Arrondis */
.arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;}
.arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
/* Menu supèrieur */
/* TODO : mettre les petits carrés à la bonne place */
#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
font-family:arial; font-size:12px;left:0}
#zone-menu-haut ul { list-style:none; }
#zone-menu-haut ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 4px;float:left}
#zone-menu-haut #seconnecter { margin:0; padding-left:10px}
#zone-menu-haut #don { width:110px; margin:0}
#zone-menu-haut #lettre { width:120px; margin:0}
#zone-menu-haut #inscrits { width:110px; margin:0}
#zone-menu-haut #connectes { width:115px; margin:0}
#zone-menu-haut #recherche { width:185px; padding-left:15px; text-align:left; margin:0}
#zone-menu-haut #recherche fieldset {width:185px; padding:0; border-style:none;}
#zone-menu-haut #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; }
#zone-menu-haut #recherche legend, #recherche label {display:none;}
#zone-menu-haut #recherche #more_ok { width:25px; height:20px }
#zone-menu-haut .drapeau { width:15px; margin-left:10px}
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-principale { position: absolute; width:960px; margin-left:-450px; left: 50%; padding-top:20px;}
.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
.zone-haut h1 {position:absolute; top:4px; background:none;}
.zone-haut h2 {position:absolute; left:0; top:20px; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial;
margin-bottom:0px; text-transform:none}
.motsclefs { left:0;position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
padding:0 0 0 0; margin-left:450px; margin:0; cursor:pointer; }
.motsclefs h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue; margin-left:550px}
.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
/** Menu de navigation entre univers **/
#zone-menu-navigation { width:900px; margin-bottom:10px; margin-top:10px; margin-left:15px; float:left; text-decoration:none; text-align:center; font-size: 14px; font-family:arial; line-height:20px;}
#zone-menu-navigation a:link , #zone-menu-navigation a:visited , #zone-menu-navigation a :active { text-decoration:none; }
#zone-menu-navigation .menuHautActif a{ color: #6C6865; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;}
 
#zone-menu-navigation a {color:white; }
 
#zone-menu-navigation ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none;
/* pour ie8 */ zoom: 1;}
 
#zone-menu-navigation a:hover, #zone-menu-navigation a:focus{ font-weight:bold; color: #6C6865; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; }
 
 
/* Couleurs des différents menus*/
#menuAccueil { background: #fd8c13; }
#menuBotanique { background: #9ac243;}
#menuActualites{ background: #c2c0ad; }
#menuReseau { background: #e16039; }
#menuProjets{ background: #a89d80; }
/* Menus */
#zone-menu-gauche {font-family:arial; font-size:12px; width: 170px; margin-top:10px; border-left: 1px solid #7b9c35; padding-left:2px}
#zone-menu-gauche ul { list-style:none;}
#zone-menu-gauche ul li { padding-bottom:5px;}
#zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 14px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35;
border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;
font-weight:bold; color:#7b9c35;display:block; background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
}
#zone-menu-gauche ul li ul { list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline}
#cheminDeFer { width:500px; margin-left:34px; margin-top:12px; margin-bottom:10px; }
/** Zone menu connexion **/
#zone-menu-connexion { height:122px; width:178px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;}
#zone-menu-connexion fieldset { text-align:left; width:165px; background:white; padding:28px 0 0 10px; border:solid 1px #99C242;
text-decoration: none; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius:0 10px 10px 10px;}
#zone-menu-connexion fieldset input { font-size:11px;}
#zone-menu-connexion fieldset p { text-align:left}
#zone-menu-connexion h3 { position:absolute; width:162px; padding:5px 5px 5px 9px; margin:-29px 0 0 -10px; color:white; text-align:left; text-transform:uppercase;
font-size:12px; background-color:#99C242; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius:0 10px 0 0;}
#zone-menu-connexion fieldset label { position:relative; width:12em; display:block; margin:.1em 0em; }
#zone-menu-connexion label input { position : absolute; left : 100%; top : 0px; width:15px;}
#zone-menu-connexion #username, #zone-menu-connexion #password { width:80px;}
#zone-menu-connexion fieldset #connexion {border:solid 1px #8eb533; padding:0;}
#zone-menu-connexion #persistant, #zone-menu-connexion #persistant_label {float:left;margin-left:-0px;}
#zone-menu-connexion #persistant_label {padding-top:2px}
#zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; }
/** Menu latéral : Zone gauche **/
#zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px;}
/** Zone principale : zone droite **/
#zone-droite { width:730px; margin-left:00px; float:left; height:auto;overflow:hidden}
#zone-droite #main { padding-left:20px}
#contenu li {list-style:none; background:url(../images/petitCarre.jpg) no-repeat 10px 5px; padding-left:25px}
#contenu form li {background:none}
#contenu a {color:#7B9C35; }
.filetVert { width:300px; margin-left:00px; margin-top:5px; padding:20px; border:1px solid #9ac342; -moz-border-radius: 10px; float:left; }
.filetVert h1 {margin:0 0 10px 0}
.cadreInvisible {float:left; margin-left:10px; margin-top:10px;}
.cadreInvisible h1 {margin:0 0 10px 0}
.cadreRondOmbre {float:left; margin-bottom:10px; padding:20px; background-color:#fff; border:1px solid #fff;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 9px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
zoom: 1; /* pour ie8 */}
.filetRouge { border:solid 1px red;}
#cartographieVolante { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; }
#cartographieVolante #masquerLaCarte { float:right }
/* Projets */
#bandeauProjets { width:845px; margin:20px 0 20px 0; border:dotted 1px #fd8c13; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
float:left; padding-left:65px; }
#bandeauProjets ul { height:98px; padding:0px; list-style:none; font-family:arial;}
#bandeauProjets ul li { width:250px; margin-left:15px; border: double 1px orange; border-width:0 4px 0 0; display:inline;height:95px;float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p { font-family:arial; font-size: 10px; line-height:1.3em;}
#bandeauProjets ul li p { padding-right:2px; }
#bandeauProjets ul li a { color:#7B9C35; font-weight:bold; }
#bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; }
#bandeauProjets ul li img { float:right; padding:10px}
#bandeauProjets ul .bouton { width:20px;}
#boutonPrecedent, #boutonSuivant { position:absolute;}
#boutonPrecedent { margin-left:-66px; margin-top:-99px; height:100px; background:white; cursor:pointer; width:70px; border:dotted 1px #fd8c13;
border-right-style:none; -moz-border-radius: 10px 0 0px 10px ; -webkit-border-radius: 10px 0 0px 10px ; border-radius: 10px 0 0 10px;
background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px; }
 
#boutonSuivant { margin-left:799px; margin-top:-99px; width:30px; cursor:pointer; background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
padding:28px 8px 53px 8px; border:dotted 1px #fd8c13; border-left-style:none;-moz-border-radius: 0px 10px 10px 0px ; -webkit-border-radius: 0px 10px 10px 0px ;
border-radius: 0px 10px 10px 0px ; }
 
 
/** Zone-bas-page : footer **/
#zone-bas-page { width:900px; clear:both;}
#zone-bas-page div { width:900px; margin:20px 0 10px 0;text-align:center;}
#zone-bas-page div ul li {list-style:none;text-decoration:none;text-align:center;font-size: 12px;font-family:arial;display:inline;margin-left:10px;padding :6px 0 0 20px}
#zone-bas-page #accueil { background:url(../images/accueil.png) no-repeat 0px 2px; }
#zone-bas-page #faq { background:url(../images/faq.png) no-repeat 0px 2px; }
#zone-bas-page #contact { background:url(../images/contact.png) no-repeat 0px 2px; }
#zone-bas-page #plan { background:url(../images/plan.png) no-repeat 0px 2px; }
#zone-bas-page #rss { background:url(../images/rss.png) no-repeat 0px 2px; }
#zone-bas-page #telechargement { background:url(../images/telechargement.png) no-repeat 0px 2px; }
#zone-bas-page #visite { background:url(../images/visite.png) no-repeat 0px 2px; }
#zone-bas-page #mentions { background:url(../images/mentions.gif) no-repeat 0px 2px; }
#zone-bas-page>div a:link , #zone-bas-page>div a:visited , #zone-bas-page>div a :active { font-weight:normal; color:#7b9c35; text-decoration:none; }
#zone-bas-page>div a:hover, #menupied a:focus { font-weight:normal; color: #fd8c13;text-decoration:none;}
/** Contact Tela **/
#coordonees { width:888px; text-align:center; margin:auto; background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right; height:15px; }
#coordonees span { float:left; padding-left:15px; background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px; font-family:arial;
font-size:12px; font-weight:normal; font-style:normal;}
#coordonees a {font-family:arial; font-size:12px; text-align:justify; font-weight:normal; line-height:16px; list-style:none;}
#coordonees a:link, #coordonees a:visited, #coordonees a :active {color:#3a3633;}
#coordonees a:hover, #coordonees a:focus { color:#fd8c13;}
/**
Mise en page en colonne depuis www.1kbgrid.com
*/
/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
 
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
/trunk/sites/actu/generique/styles/actualites.css
New file
0,0 → 1,52
 
/********* STYLE SPECIFIQUE DE LA PAGE ACTUALITES *********/
body#actualites { background: url(../images/traitVerticalActualites.jpg) repeat-x;}
/* Affichage des mots clefs*/
#zone-actualites .motsclefs .mot1 { font-size:28px; margin:-20px 0 0 -81px; }
#zone-actualites .motsclefs .mot2 { font-size:32px; margin:-10px 0 0 14px; }
#zone-actualites .motsclefs .mot3 { margin:10px 0 0 -101px;}
#zone-actualites {background:url(../images/image_bandeau_actualites.png) right center no-repeat; }
/* Mise en onglets */
#enOnglets {margin-top:15px;}
#enOnglets h1 {background:none; padding-left:4px; margin:0 3px 0px 0}
 
#enOnglets .contenu_RSS { width:685px; margin-top:-5px; padding:8px; float:left; height:auto; background-color:#fff; border-top: 0px solid #c2c0ad;
border-right: 1px solid #c2c0ad; border-left: 1px solid #c2c0ad; border-bottom: 1px solid #c2c0ad; text-decoration: none;
-moz-border-radius: 0px 0 10px 0; -webkit-border-radius: 0px 10px 0 0; /* pour Chrome */ border-radius: 0px 10px 0 0; }
#onglets li {padding-top:5px; background:#C2C0AD}
 
/** Affichage des flux RSS **/
.flux_RSS .contenu_RSS .actualites1 { width:674px; padding-top:5px; padding-bottom:5px; height:auto; border-bottom:1px dotted #c2c0ad; }
.flux_RSS h1 {margin:0 0 1px 0}
.texteActualites1 { width:535px; height:auto; text-align:justify }
.texteActualites1 h3 { margin:0}
.texteActualites1 p, #texteActualites1 a {display:inline; text-align:justify}
.texteActualites1 br {position:absolute}
.voirSuite {white-space:nowrap}
 
.imageActualites1{ width:130px; text-align:center; margin-top:0px; float:right; }
.contenu_RSS img {width:90px}
/** Mise en page de la recherche d'évènements**/
#actualites .colonneDroite input, #actualites .colonneDroite select{ font-family:arial; font-size:11px;
background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
 
#actualites .colonneDroite #afficherLaCarte { display:block; background:url(../images/carteEvenements.jpg);
width:130px; height:133px; float:right; }
#rechercheEvenements { width:265px; padding:20px; float:left; }
#evt_date_debt, #evt_date_fin { width:116px; }
.filtrer { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35;
color:#fd8c13; margin-left:10px; font-variant:small-caps; }
#actuPrincipales h4 {margin:2px 2px 5px 0}
#actuPrincipales h3 a {font-size:14px}
#actuPrincipales .actualites1 {padding-top:10px; padding-bottom:10px;}
#zone_contenu_corps h3 {padding:0}
/trunk/sites/actu/generique/scripts/actualites.js
New file
0,0 → 1,61
onglets = new Array();
ongletAffiche = null;
 
$(document).ready(function() {
$doc = $("#enOnglets");
//1. Masquer tous les contenus SAUF le 1er
$doc.children(".flux_RSS").children(".contenu_RSS").hide();
$doc.children(".flux_RSS").children("h1").hide();
var i= 0;
$doc.children(".flux_RSS").each(function(){
//On parcourt les flux RSS
titre = $(this).children("h1").text();
contenu = $(this).children(".contenu_RSS");
onglet = new Array(titre, contenu, i);
onglets[i] = onglet;
i++;
});
$doc.prepend('<ul id="onglets" class="onglets"></ul>');
//Afficher le contenu
for (compteur=0; compteur < onglets.length; compteur ++) {
onglet = onglets[compteur];
$("#onglets").append('<li class="" id="onglet-' + compteur + '" onclick="afficherContenu('+compteur+')"><h1>' + onglet[0] + "</h1></li>");
}
//afficher le premier onglet
afficherContenu(0);
/** Gestion de la taille des images
* */
$(".contenu_RSS img").each(function() {
if ($(this).height() > 81) {
$(this).css("height", "81px");
}
});
});
 
function afficherContenu(compteur) {
if (ongletAffiche!=null) {
ongletAffiche[1].hide();
$("#onglet-" + ongletAffiche[2]).removeClass("menu_actif");
}
ongletAffiche = onglets[compteur];
$("#onglet-" + compteur).addClass("menu_actif");
//ajouter la classe a la liste
if(ongletAffiche != null) {
ongletAffiche[1].show();
}
}
 
/trunk/sites/actu/fr/squelettes/defaut.html
New file
0,0 → 1,158
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- PAPYRUS_META_HTTP_EQUIV -->
<title><!-- PAPYRUS_TITRE_PAGE --></title>
<!-- PAPYRUS_META_NAME -->
<!-- PAPYRUS_META_NAME_DC -->
<!-- CSS -->
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" />
<link href="/sites/actu/generique/styles/actualites.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_botanica.png" type="image/png" /> <!--favicon-->
<script type="text/javascript" src="/commun/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/commun/jquery/jquery-ui/js/jquery-ui-1.8.4.custom.min.js"></script>
<link href="/commun/jquery/jquery-ui/css/humanity/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" />
<!-- PAPYRUS_STYLES -->
<!-- PAPYRUS_SCRIPTS -->
</head>
<body id="actualites">
<div id="zone-principale">
<div class="zone-haut" id="zone-actualites">
<h1><a href="http://www.tela-botanica.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/images/logo_tela_fond_gris.png" alt="Tela Botanica"/></a></h1>
<h2>Le réseau de la botanique francophone</h2>
<div class="motsclefs">
<h3>Actualités</h3>
<h4>
<span class="mot1">agenda</span><span class="nodisplay">, </span>
<span class="mot2">s'informer</span><span class="nodisplay">, </span>
<span class="mot3">environnement</span>
</h4>
</div>
</div>
<div id="zone-menu-navigation">
<ul>
<li id="menuAccueil" class="ombre2 arrondi7"><a title="Page Accueil" href="papyrus.php" class="arrondi30"> Accueil </a></li>
<li id="menuBotanique" class="ombre2 arrondi7"> <a title="Page Botanique" href="/site:botanique" class="arrondi30"> Botanique</a></li>
<li id="menuActualites" class="ombre2 arrondi7"><span class="menuHautActif"><a title="Page Actualites" href="/site:actu" class="arrondi30"> Actualités </a></span></li>
<li id="menuReseau" class="ombre2 arrondi7"><a title="Page Réseau" href="/site:reseau" class="arrondi30">Réseau</a></li>
<li id="menuProjets" class="ombre2 arrondi7"><a title="Page Projets" href="/site:projets" class="arrondi30"> Projets </a></li>
</ul>
</div><!--fermeture div menu haut-->
<div id="zone-gauche">
<div id="zone-menu-gauche">
<h1>Actualités</h1>
<ul>
<li><a href="/actu" title="Actualités"> Actualités</a>
<ul>
<li><a href="/actu/rubrique22.html">Brèves</a></li>
<li><a href="/actu/rubrique30.html">En kiosque</a></li>
<li><a href="/actu/rubrique38.html">Points de vue</a></li>
<li><a href="/actu/rubrique19.html">Offres d'emplois</a></li>
<li><a href="/actu/rubrique51.html">Offres de stages</a></li>
<li><a href="/actu/rubrique56.html">Fiche pratique</a></li>
<li><a href="/actu/rubrique54.html">Nouvelles du Réseau</a></li>
<li><a href="/actu/rubrique28.html">Archives</a></li>
</ul>
</li>
<li><a href="/actu/article220.html" title="Espace rédacteur"> Espace rédacteur</a>
<ul><li><a href="/actu/ecrire/articles_edit.php3?new=oui" title="Proposer un article"> Proposer un article</a></li>
<li><a href="http://www.tela-botanica.org/page:ajouter_modifier_evenement" title="Proposer un événement"> Proposer un événement</a></li></ul>
</li>
</ul>
<!-- Menu Classique Niveau 1 a 5 -->
<!-- PAPYRUS_MENU_DEROULANT_1_2 -->
<!-- Papyrus Contenu Menu -->
<!-- PAPYRUS_CONTENU_MENU -->
</div>
<div id="zone-menu-connexion">
{{Identification}}
</div><!--fermeture div connexion-->
</div> <!--fermeture div gauche-->
<div id="zone-droite">
<div id="cheminDeFer">
<p> <!-- PAPYRUS_VOUS_ETES_ICI --></p>
</div><!--fermeture div chemin de fer-->
<div id="main">
<div id="zone_contenu_tete">
<!-- Papyrus Contenu Tete : -->
<!-- PAPYRUS_CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- PAPYRUS_MENU_3_3 -->
<!-- PAPYRUS_CONTENU_NAVIGATION -->
<!-- Papyrus Contenu Corps : -->
<!-- PAPYRUS_CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- Papyrus Contenu Pied : -->
<!-- PAPYRUS_CONTENU_PIED -->
</div>
</div>
</div> <!--fermeture div droite-->
<div id="bandeauProjets">
{{Inclure page="757" interwiki="Papyrus"}}
</div> <!--fermeture div bandeau projets bas page-->
<div id="zone-bas-page">
<div>
<ul>
<li id="accueil"><a href="http://www.tela-botanica.org">Accueil</a></li>
<li id="faq"><a title="Page faq" href="http://www.tela-botanica.org/page:faq"> FAQ</a></li>
<li id="contact"><a title="Page contact" href="http://www.tela-botanica.org/page:contact"> Contact</a></li>
<li id="plan"><a title="Page plan du site" href="http://www.tela-botanica.org/page:plan_du_site"> Plan du site</a></li>
<li id="rss"><a title="Page flux rss" href="http://www.tela-botanica.org/page:fluxRSS"> Flux rss</a></li>
<li id="telechargement"><a title="Page téléchargement" href="http://www.tela-botanica.org/page:telechargement"> Téléchargement</a></li>
<li id="visite"><a href="http://www.tela-botanica.org/page:comment_marche_le_reseau" title="Page visite guidée"> Visite guidée</a></li>
<li id="mentions"><a href="http://www.tela-botanica.org/page:licence" title="Page mentions légales"> Mentions légales</a></li>
</ul>
</div> <!--fermeture div menupied-->
<address id="coordonees">
<span>Association TELA BOTANICA</span>
<span>Institut de Botanique </span>
<span>163, Rue Auguste Broussonnet</span>
<span>34090 Montpellier </span>
<span>Tél. 04 67 52 41 22</span>
<span><a title="Page contact" href="#"> accueil[at]tela-botanica.org</a></span>
<br /><br />
</address><!--fermeture div coordonnées-->
 
</div><!--fermeture div pied-->
<!-- TODO : utiliser un style commun avec la page d'accueil princ -->
<div id="zone-menu-haut">
<ul>
<li class="vert" id="don"><a href="http://www.tela-botanica.org/page:soutien" title="Page Faire un don"> Faites un don </a></li>
<li class="vert" id="lettre"><a href="http://www.tela-botanica.org/page:inscription" title="Page Lettre d'actualités"> Lettre d'actualités </a></li>
<li class="vert" id="recherche"><!-- PAPYRUS_MOTEUR_RECHERCHE --></li>
<li class="vert drapeau"><a href="?langue=fr" title="Site Tela Botanica Français"> <img src="sites/commun/generique/images/fr.gif" alt="Tela Botanica Français" title="Tela Botanica Français" /> </a></li>
<li class="vert drapeau"><a href="?langue=en" title="Site Tela Botanica Anglais"> <img src="sites/commun/generique/images/gb.gif" alt="Tela Botanica Anglais" title="Tela Botanica Anglais" /> </a></li>
</ul>
</div>
<!--fermeture div haut-->
</div><!--fermeture div pied-->
</div> <!--fermeture div pere-->
<!-- Script jquery placé en fin de page pour éviter le temps de chargement-->
<script type="text/Javascript" src="/sites/commun/generique/scripts/accueilv5.js"></script>
<script type="text/Javascript" src="/sites/actu/generique/scripts/actualites.js"></script>
</body> <!--fermeture body-->
</html> <!--fermeture html-->
 
/trunk/sites/actu/fr/styles/defaut.css
New file
0,0 → 1,215
/*****************Proprietes generales******************************************/
* {margin:0; padding:0; text-indent:0;}
body {background:#CCCCCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center;}
hr {margin:2px; width:100%; color:#333; background-color:#333; height:2px;}
a, a:visited {text-decoration:none; color:#4F82CB; background:inherit;}
a:hover {color:#4EBF37; background:inherit;}
table {width:90%; margin:2px auto; border: 1px solid #333; border-spacing:0; border-collapse:collapse;}
th {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border: 1px solid #CCC; height:20px;}
td {border: 1px solid #CCC;}
.navi {padding:0;margin:0;text-align:center;}
.other_month {color:#AAA;}
.current_day {background: #FBB63C; color: #FFF;}
.label_inscription {margin: 2px;float:left; clear:both; width:170px; text-align:right; }
.symbole_obligatoire {color:red;}
.input_inscription {float:left; width:180px;}
.input_inscription input, .input_inscription select {margin: 2px;border: 1px solid #000;font:12px Myriad, Arial, sans-serif; }
.liste_inscription {margin: 2px;float:left; clear:both; }
.inscription_bouton {float:left;margin: 3px;}
.inscription_note_obligatoire {float:left; clear:both;}
.bazar_checkbox {float:left;width:49%;}
.bazar_fieldset {border: 1px solid #000;width:100%;margin-bottom:5px;}
.bazar_fieldset legend {font-size:15px;font-weight: bold ;}
.bazar_table {border:1px solid #000;width:100%;margin:5px;}
.bazar_table td, .bazar_table tr, .bazar_table th {border:1px solid #000;}
.inscription_table {border:0px;width:100%;margin:5px;}
.inscription_cellule_gauche {font-size:12px;width:140px;text-align:right;}
.inscription_cellule_droite {text-align:left;padding:5px;}
.calendrier_applette {width:180px;}
.calendrier_applette td {text-align:center;}
 
/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold;}
h1 {font-size:120%;}
h2 {font-size:110%; text-transform:uppercase; color:#88ac0b;}
h3 {font-size:110%; color:#666666;}
 
/* images */
img {border: 2px solid #CCC;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
 
h1, h2, h3, p {padding: 10px; margin: 0;}
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;}
ul span, ol span { color: #666666;}
 
code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #f2f2f2;}
acronym {cursor:help; border-bottom:1px solid #777;}
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}
 
/* form elements */
#main form {margin:10px; padding:0 5px; border:1px solid #f2f2f2; background-color:#FAFAFA;}
#main form li {list-style-type:none; margin:0; padding:0; color:#000;}
#main form ul {margin:0; padding:0;}
#main label, #sidebar label {display:block; font-weight:bold; margin:5px 0 0 0; }
#main select {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main input, #sidebar input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
#main textarea {width:400px; padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; color:#777;}
#main fieldset {background:#f3fce3; border:0; margin:5px; padding:5px;}
#main fieldset legend {font-weight:bolder; text-decoration:none; background-image:none; color:#4F82CB;}
#main input.button {margin:0; font:bolder 12px Arial, Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#88ac0b;}
 
/* search */
#main form.search {
position: absolute;
top: 35px; right: 25px;
background: transparent;
border: none;
}
#main form.search input.textbox {
margin: 0; padding: 1px 2px;
width: 120px;
background: #FFF;
color: #333;
}
#main form.search input.button {
background: #CCC url(../images/headerbg.gif) repeat-x;
color: #333;
border: none;
width: 70px; height: 21px;
}
 
.liste_bouton li {display:inline;}
 
/********************************************
LAYOUT
********************************************/
#wrap {
width: 1009px;
background: #CCC url(../images/content.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 960px;
padding: 0;
margin: 0 auto;
}
#header {
width: 1009px;
position: relative;
height: 106px;
background: #CCC url(../images/header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
 
/* change the values of top and left to adjust the position of the logo*/
top: 40px; left: 50px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
 
/* change the values of top and left to adjust the position of the slogan*/
top: 85px; left: 53px;
}
#header h1#titre_site {position:absolute; top:50px; left:280px;}
 
/* Menu */
#menu {margin:0; padding:0 0 0 45px; background:url(../images/menu.jpg) repeat-y center top; font:11px/20px Verdana, Arial, Tahoma, Sans-serif;}
#vous_etes_ici {width:300px; display:inline;}
#menus_communs {float:right; margin:-20px 36px 0 0;}
#menu ul {float:right; list-style: none; margin:0; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none;}
#menu ul li a:hover {background-color: #ECECEC; color: #333;}
#menu ul li.menu_actif a {background-color: #FFF; color: #333;}
#menu a:hover {color:#FFF;}
 
/* Main Column */
#main {float:right; width:730px; padding:0; margin:0;}
#main h1 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%;}
 
/* Sidebar */
#sidebar {float:left; width:200px; padding:0; margin:0 0 0 13px;}
#sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0;}
#sidebar ul.sidemenu, #sidebar ul.menu_classique_n1 {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
#sidebar ul.sidemenu li, #sidebar ul.menu_classique_n1 li { border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px;}
#sidebar ul.sidemenu a, #sidebar ul.menu_classique_n1 a {font-weight: bolder; text-decoration: none; background-image: none;}
#sidebar ul.menu_classique_n1 li.menu_actif {background: url(../images/go_bas.gif) no-repeat 5px 5px;}
#sidebar li.menu_actif a {color:#FBB63C;}
#sidebar li.menu_inactif, #sidebar li.menu_inactif a {color:#4F82CB;}
#sidebar li a:hover {color:#4EBF37; background:inherit; background-image: none;}
#sidebar ul ul {margin:0; padding:0;}
#sidebar ul ul li {list-style-type:none;}
/* Footer */
#footer {color: #666666; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 1009px; height: 68px; text-align: center; font-size: 92%;}
#footer a {text-decoration:none;}
#footer a img {border:none;}
 
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
 
/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
 
 
#zone_onglets {float : right;margin : 0 20px -1px 0 ;text-align:left;font-weight:bold;}
#zone_onglets ul { margin:0; padding:0; list-style:none;}
#zone_onglets li { background:url(../images/Boutons/right_both_green.png) no-repeat right top; float:left; margin:0; padding:0; color: #006495;}
#zone_onglets a {float:left; display:block; color: #006495; font-size:12px; background:url(../images/Boutons/left_both_green.png) no-repeat left top; width:.1em; white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/ padding:5px 15px 4px; text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ #zone_onglets a {float:none;} /* End IE5-Mac hack */
#zone_onglets > ul a { width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#zone_onglets li:hover { background-position:100% -150px;}
#zone_onglets li:hover a { background-position:0% -150px;}
#zone_onglets .inactif { border-bottom:0px solid; font-weight:normal;}
#zone_onglets .actif, #zone_onglets .actif { position:relative; background-position:100% -150px; padding-bottom:2px; font-weight:bold;}
#zone_onglets .actif a, #zone_onglets .actif a { position:relative; background-position:0% -150px; padding-bottom:3px;}
/*-------------------------------APPLETTES--------------------------------------*/
#moteur_recherche {position:absolute; top:80px; right:50px; width:200px; height:33px; text-align:right; background:transparent;}
#moteur_recherche legend {display:none;}
#moteur_recherche fieldset {margin:0;padding:0;border: 0;}
#moteur_recherche label {display:none;}
.form_label {float:left;/* width:250px; */padding-right:3px; text-align:right;}
.formulaire_element {margin:3px 0; padding:0; float:left; clear:both; }
.formulaire_element label {float:left; text-align:right; width:250px; margin-right:4px;}
#more_motif {padding:2px; width:140px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#sesi_ok, #more_ok, #connexion, .liste_bouton input, #site_modifier, #form_annuler, #effacer, #choisir_site, #site_enregistrer {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border:none; height:20px;}
#selecteur_monde {position:absolute; top: 45px; right: 50px; width:200px; height:33px; text-align:right; background:transparent;}
#selecteur_monde select {padding:1px; width:146px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
#selecteur_monde legend {display: none;}
#selecteur_monde fieldset {border:0; margin:0; padding:0;}
#copyright {margin:15px 0 10px 10px; padding:0; float:left; width:400px;}
#copyright a {color:#006495;}
#copyright a:hover {color:#222;}
#identification {width:180px; margin:0 auto 5px auto;}
#identification fieldset {border:0; margin:0; padding:0;}
#identification form {margin:5px; padding:0 5px; width:175px; border:1px solid #f2f2f2; background-color:#FAFAFA; }
#identification legend {display: none;}
#identification label {display: block;}
#identification_message {display:none;}
#username, #password {width:145px;}
#persistant, #persistant_label {float:left;}
#persistant {margin:7px 2px 0 0;}
.rss_page{padding:2px 0 0 0;}
.rss_titre_site{font-size:11px; font-weight:normal; border-bottom:0;}
.rss_date{color:rgb(80, 80, 80); text-align:justify;}
.rss_titre_article{font-size:11px; text-transform:none; margin-bottom:5px;}
/trunk/sites/commun/generique/squelettes/defaut.html
1,68 → 1,68
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- META_HTTP_EQUIV -->
<title><!-- TITRE_PAGE --></title>
<!-- META_NAME -->
<!-- META_NAME_DC -->
<link rel="stylesheet" type="text/css" media="screen" title="Defaut Papyrus" href="sites/commun/fr/styles/defaut.css" />
<!-- STYLES -->
<!-- SCRIPTS -->
</head>
<body xml:lang="fr" lang="fr" >
<div id="zone_bandeau" >
<div id="logo">
<h1>
<a href="/" title="Retour en page d'accueil">
<img src="mon_logo.png" width="100" height="50" alt="Mon logo" />
</a>
</h1>
</div>
<div id="site_nom">
<h1><!-- NOM_SITE --></h1>
</div>
<ul id="accessibilite">
<li><a href="#zone_contenu_tete">Aller au texte</a></li>
<li class="dernier"><a href="#zone_menu">Aller au menu</a></li>
</ul>
<!-- MENU_COMMUN -->
<div id="selecteur_monde">
<!-- SELECTEUR_SITES -->
</div>
<div id="moteur_recherche">
</div>
</div>
<div id="zone_contenu">
<div id="zone_contenu_tete">
<!-- CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- CONTENU_PIED -->
</div>
<div id="zone_pied">
<p> &copy;<a href="#">Mon Copyright</a> 2004 </p>
<!-- CHRONOMETRAGE -->
</div>
</div>
<div id="zone_menu">
<!-- MENU_1_6 -->
<div id="identification">
<!-- IDENTIFICATION -->
</div>
</div>
</body>
</html>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head lang="fr" >
<!-- META_HTTP_EQUIV -->
<title><!-- TITRE_PAGE --></title>
<!-- META_NAME -->
<!-- META_NAME_DC -->
<link rel="stylesheet" type="text/css" media="screen" title="Defaut Papyrus" href="sites/commun/fr/styles/defaut.css" />
<!-- STYLES -->
<!-- SCRIPTS -->
</head>
<body xml:lang="fr" lang="fr" >
<div id="zone_bandeau" >
<div id="logo">
<h1>
<a href="/" title="Retour en page d'accueil">
<img src="mon_logo.png" width="100" height="50" alt="Mon logo" />
</a>
</h1>
</div>
<div id="site_nom">
<h1><!-- NOM_SITE --></h1>
</div>
<ul id="accessibilite">
<li><a href="#zone_contenu_tete">Aller au texte</a></li>
<li class="dernier"><a href="#zone_menu">Aller au menu</a></li>
</ul>
<!-- MENU_COMMUN -->
<div id="selecteur_monde">
<!-- SELECTEUR_SITES -->
</div>
<div id="moteur_recherche">
</div>
</div>
<div id="zone_contenu">
<div id="zone_contenu_tete">
<!-- CONTENU_TETE -->
</div>
<div id="zone_contenu_corps">
<!-- CONTENU_CORPS -->
</div>
<div id="zone_contenu_pied">
<!-- CONTENU_PIED -->
</div>
<div id="zone_pied">
<p> &copy;<a href="#">Mon Copyright</a> 2004 </p>
<!-- CHRONOMETRAGE -->
</div>
</div>
<div id="zone_menu">
<!-- MENU_1_6 -->
<div id="identification">
<!-- IDENTIFICATION -->
</div>
</div>
</body>
</html>
 
/trunk/sites/commun/generique/styles/pageInterieure.css
1,399 → 1,399
 
/********* STYLE COMMUN A TOUTES LES PAGES *********/
/** Définition des polices exotiques **/
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
Pour windows, elle est remplacée par la police Helveticaneue2 */
@font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); }
@font-face { font-family:Helveticaneue2; src:url('/commun/polices/helvetica_light.eot'); }
/* Optima n'est pas utile dans les pages intèrieures.
@font-face { font-family: optima; src: url('/commun/polices/optima_demi_bold.ttf'); }
@font-face { font-family: optima2; src: url('../polices/optima_demi_bold.eot'); }
*/
/** Classes **/
/* Marges */
img,form,td,div,p,br,a,h1,h2{padding:0; border:0; text-decoration:none;}
ul,form,li,td,div,p,br,a,h1,h2{margin:0; }
/* Classes & couleurs */
.nodisplay {display:none}
.hidden {visibility:hidden}
.spacer125 {width:125px; float:left;}
.cadreRondVert h1 {margin:0 0 10px 0}
.cadreRondVert { width:685px; float:left; margin-bottom:20px; background-color:#eaedcd;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.cadreRondGris h1 {margin:0 0 10px 0}
.cadreRondGris h3 {margin:0}
.cadreRondGris { width:685px; float:left; margin-top:20px; background-color:#e5e4d4;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.floatLeft {float:left}
.notext { display:none; left:-5000px; top:-5000px; text-indent:-5000px; }
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
.troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
#zone_contenu_corps {font-family:arial; font-size:12px}
#zone_contenu_corps .liste_projet li, #contenu .liste_projet li {background:none}
#zone_contenu_corps .liste_projet h1, #contenu .liste_projet h1 {margin-bottom:0}
#zone_contenu_corps a {color:#7B9C35}
.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
.clear,.nettoyage{clear:both;}
/** Cadre rond gris : mise en page **/
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
/* Taille des cadres */
.moitie {width:310px; float:left;}
.deuxTiersGauche {width:410px; margin-right:20px; float:left}
.deuxTiersDroite {width:240px; float:left}
.plein {width:620px;}
/* typographies */
p { color:black; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
p.orange{ color:#fd8c13; line-height:12px; }
.orange {color:#fd8c13; font-family:arial;}
p.blanc { color:#fff; font-size:11px; line-height:12px; }
.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
.overflow-hidden { overflow:hidden;}
strong, b {color:#222222}
#contenu a, p a {color:#7B9C35; }
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a{color:#FD8C13; }
.boutonJaune {background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12; padding:4px 10px 4px 30px;
-moz-border-radius: 10px 10px 10px 10px; color:#6C6865; font-family:helveticaneue; font-size:15px}
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
#zone_contenu_corps h1, #contenu h1 {background:url(../images/troisCarre.png) no-repeat 0px 5px;}
h1 {padding:0px 0 0 25px; color:#fd8c13; font-size:14px;
text-transform:uppercase; margin-bottom:20px; margin-top:5px }
h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
h1 a:hover, h1 a:focus { color:#7b9c35; }
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* Tableau */
/* Table */
.table_cadre{
border:1px solid #9ac342;
border-collapse:collapse;}
.table_cadre thead, .table_cadre tfoot{
background-color:#EEE;
border:1px solid #9ac342;}
.table_cadre tbody{
background-color:#FFF;
border:1px solid #9ac342;}
.table_cadre th{
font-family:monospace;
border:1px dotted #9ac342;
padding:5px;
background-color:#EEE;}
.table_cadre td{
font-family:sans-serif;
font-size:80%;
border:1px dotted #9ac342;
padding:5px;
text-align:left;}
.table_cadre caption{
font-family:sans-serif;}
 
/*TEMP : le style pour le titre 2 */
h2, h2 a { color:#FD8C13; font-family:arial; font-size:12px; font-weight:normal; letter-spacing:0; margin:20px 0 12px 0;
text-transform:uppercase; font-weight:bold}
#contenu h2:before, #zone_contenu_corps h2:before {content:"> "}
h2 a:hover {color:#6C6865}
 
/*TODO : vérifier ci dessous */
/*h2 { color:#6c6865; font-size:12px; margin-bottom:0px; }*/
/*h2 a:link, h2 a:visited,h2 a:active { color:#6C6865; }*/
h2 a:focus { color:#fd8c13; }
/*TODO : vérifier ci-dessous *
h3 { color:#6c6865; font-size:11px; letter-spacing:0px; margin:2px; }*/
 
/*TEMP : le style pour titre 3*/
h3, h3 a{color:#6C6865; font-family:arial; font-size:13px; font-weight:bold; letter-spacing:0; margin:20px 0 12px; }
.contenu_RSS h3 {margin:0}
 
h4 { font-size:11px; margin:2px 2px 2px 0; color:#7b9c35; font-weight:normal;}
#zone_contenu_corps .traitTela li{list-style:none; padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
.traitTela li a { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
/* Ombres */
.ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */}
 
/* Arrondis */
.arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;}
.arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
/* Menu supèrieur */
/* TODO : mettre les petits carrés à la bonne place */
#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
font-family:arial; font-size:12px;left:0}
#zone-menu-haut ul{padding:0;list-style:none;}
#zone-menu-haut ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 4px;float:left}
#zone-menu-haut #seconnecter { margin:0; padding-left:10px}
#zone-menu-haut #don { width:110px; margin:0}
#zone-menu-haut #lettre { width:120px; margin:0}
#zone-menu-haut #inscrits { width:110px; margin:0}
#zone-menu-haut #connectes { width:115px; margin:0}
#zone-menu-haut #recherche { width:185px; padding-left:15px; text-align:left; margin:0}
#zone-menu-haut #recherche fieldset {width:185px; padding:0; border-style:none;}
#zone-menu-haut #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; }
#zone-menu-haut #recherche legend, #recherche label {display:none;}
#zone-menu-haut #recherche #more_ok { width:25px; height:20px }
#zone-menu-haut .drapeau { width:15px; margin-left:10px}
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-principale { position: absolute; width:960px; margin-left:-450px; left: 50%; padding-top:20px;}
.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
.zone-haut h1 {position:absolute; background:none; left:0}
.zone-haut h2 {position:absolute; left:0; top:20px; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial;
margin-bottom:0px; text-transform:none}
.motsclefs { left:0;position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
padding:0 0 0 0; margin-left:450px; margin:0; cursor:pointer; }
.motsclefs h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue; margin-left:550px}
.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
/** Menu de navigation entre univers **/
#zone-menu-navigation { width:900px; margin-bottom:10px; margin-top:10px; margin-left:15px; float:left; text-decoration:none; text-align:center; font-size: 14px; font-family:arial; line-height:20px;}
#zone-menu-navigation a:link , #zone-menu-navigation a:visited , #zone-menu-navigation a :active { text-decoration:none; }
#zone-menu-navigation .menuHautActif a{ color: #6C6865; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;}
 
#zone-menu-navigation a {color:white; }
#zone-menu-navigation ul{padding:0;}
#zone-menu-navigation ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none;padding:0;
/* pour ie8 */ zoom: 1;}
 
#zone-menu-navigation a:hover, #zone-menu-navigation a:focus{ font-weight:bold; color: #6C6865; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; }
 
 
/* Couleurs des différents menus*/
#menuAccueil { background: #fd8c13; }
#menuBotanique { background: #9ac243;}
#menuActualites{ background: #c2c0ad; }
#menuReseau { background: #e16039; }
#menuProjets{ background: #a89d80; }
/* Menus */
#zone-menu-gauche{font-family:arial; font-size:12px; width: 170px; margin-top:10px; border-left: 1px solid #7b9c35; padding-left:2px}
#zone-menu-gauche ul{padding:0;list-style:none;}
#zone-menu-gauche ul li{padding:0 0 5px 0;}
#zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 14px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35;
border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;
font-weight:bold; color:#7b9c35;display:block; background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
}
#zone-menu-gauche ul li ul { list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline; font-weight:normal}
#zone-menu-gauche a:hover{color:#FD8C13}
#cheminDeFer { width:500px; margin-left:34px; margin-top:12px; margin-bottom:10px; }
/** Zone menu connexion **/
#zone-menu-connexion { height:122px; width:178px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;}
#zone-menu-connexion fieldset { text-align:left; width:165px; background:white; padding:28px 0 0 10px; border:solid 1px #99C242;
text-decoration: none; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius:0 10px 10px 10px;}
#zone-menu-connexion fieldset input { font-size:11px;}
#zone-menu-connexion fieldset p { text-align:left}
#zone-menu-connexion h3 { position:absolute; width:162px; padding:5px 5px 5px 9px; margin:-29px 0 0 -10px; color:white; text-align:left; text-transform:uppercase;
font-size:12px; background-color:#99C242; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius:0 10px 0 0;}
#zone-menu-connexion fieldset label { position:relative; width:12em; display:block; margin:.1em 0em; }
#zone-menu-connexion label input { position : absolute; left : 100%; top : 0px; width:15px;}
#zone-menu-connexion #username, #zone-menu-connexion #password { width:80px;}
#zone-menu-connexion fieldset #connexion {border:solid 1px #8eb533; padding:0;}
#zone-menu-connexion #persistant, #zone-menu-connexion #persistant_label {float:left;margin-left:-0px;}
#zone-menu-connexion #persistant_label {padding-top:2px}
#zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; }
/** Menu latéral : Zone gauche **/
#zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px;}
/** Zone principale : zone droite **/
#zone-droite { width:730px; margin-left:00px; float:left; height:auto;overflow:hidden}
#zone-droite #main { padding-left:20px}
#contenu {border:none}
#zone_contenu_corps {border:none}
#zone_contenu_corps li, #contenu li {list-style-image:url(../images/petitCarre.jpg);line-height:18px;}
#zone_contenu_corps li ul li, #contenu li ul li {list-style:none; background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px; padding-left:25px; line-height:18px}
#zone_contenu_corps form li, #contenu form li {background:none}
#zone_contenu_corps h3, #contenu h3 {padding-left:25px}
#zone_contenu_corps .alpha, #contenu .alpha { background:none; padding-left:25px; list-style-type: upper-alpha;}
#zone_contenu_corps .listeSimple li, #contenu .listeSimple li {list-style:inherit; background:none; padding:0}
#zone_contenu_corps .listeNumerique li, #contenu .listeNumerique li {list-style:upper-alpha inside; background:none; padding:0}
#zone_contenu_corps ul li ul {margin-bottom:10px}
.filetVert { width:300px; margin-left:00px; margin-top:5px; padding:20px; border:1px solid #9ac342; -moz-border-radius: 10px; float:left; }
.filetVert h1 {margin:0 0 10px 0}
/*Onglets*/
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {display:inline-block;padding:0;}
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {list-style-image:none;padding:5px 3px 5px 3px;margin-top:2px;background-color:#C2C0AD;}
#zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li { cursor:pointer; float:left; list-style:none; margin-right:5px; /* font-variant:small-caps; */
font-size:13px; text-transform:uppercase; letter-spacing:0px; padding:5px 2px 5px 5px;margin:0 1px 0 0;
background:none no-repeat 5px 9px #C2C0AD; color:#fd8c13;
border: 1px solid #c2c0ad; border-bottom: 0px solid #c2c0ad; text-decoration: none;
-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; /* pour Chrome */ border-radius: 10px 10px 0 0;
}
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {background:none;color:#FD8C13; font-weight:bold}
#zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
background:none; border: 1px solid #C2C0AD; border-bottom: 0px solid #c2c0ad;
text-decoration: none;
-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; /* pour Chrome */ border-radius: 10px 10px 0 0; }
#zone_contenu_corps #BAZ_menu .menu_inactif a, #zone_contenu_corps .menu_classique_n3 .menu_inactif a, #zone_contenu_corps .menu_classique_n3 h1, #zone_contenu_corps .onglets .menu_inactif a, #zone_contenu_corps .onglets h1 {color:#6C6865; }
#zone_contenu_corps #BAZ_menu .menu_actif h1, #zone_contenu_corps .menu_classique_n3 .menu_actif h1, .onglets .menu_actif h1 {color:#FD8C13; }
.cadreInvisible {float:left; margin-left:10px; margin-top:10px;}
.cadreInvisible h1 {margin:0 0 10px 0}
.cadreRondOmbre {float:left; margin-bottom:10px; padding:20px; background-color:#fff; border:1px solid #fff;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 9px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
zoom: 1; /* pour ie8 */}
.filetRouge { border:solid 1px red;}
#cartographieVolante { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; }
#cartographieVolante #masquerLaCarte { float:right }
/* Projets */
#bandeauProjets { width:845px; margin:20px 0 20px 0; border:dotted 1px #fd8c13; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
float:left; padding-left:65px; }
#bandeauProjets ul { height:98px; padding:0px; list-style:none; font-family:arial;}
#bandeauProjets ul li { width:250px; margin-left:15px; border: double 1px orange; border-width:0 4px 0 0; display:inline;height:95px;float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p { font-family:arial; font-size: 10px; line-height:1.3em;}
#bandeauProjets ul li p { padding-right:2px; }
#bandeauProjets ul li a { color:#7B9C35; font-weight:bold; }
#bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; }
#bandeauProjets ul li img { float:right; padding:10px}
#bandeauProjets ul .bouton { width:20px;}
#boutonPrecedent, #boutonSuivant { position:absolute;}
#boutonPrecedent { margin-left:-66px; margin-top:-99px; height:100px; background:white; cursor:pointer; width:70px; border:dotted 1px #fd8c13;
border-right-style:none; -moz-border-radius: 10px 0 0px 10px ; -webkit-border-radius: 10px 0 0px 10px ; border-radius: 10px 0 0 10px;
background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px; }
 
#boutonSuivant { margin-left:799px; margin-top:-99px; width:30px; cursor:pointer; background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
padding:28px 8px 53px 8px; border:dotted 1px #fd8c13; border-left-style:none;-moz-border-radius: 0px 10px 10px 0px ; -webkit-border-radius: 0px 10px 10px 0px ;
border-radius: 0px 10px 10px 0px ; }
 
 
/** Zone-bas-page : footer **/
#zone-bas-page { width:900px; clear:both;}
#zone-bas-page div { width:900px; margin:20px 0 10px 0;text-align:center;}
#zone-bas-page div ul li {list-style:none;text-decoration:none;text-align:center;font-size: 12px;font-family:arial;display:inline;margin-left:10px;padding :6px 0 0 20px}
#zone-bas-page #accueil { background:url(../images/accueil.png) no-repeat 0px 2px; }
#zone-bas-page #faq { background:url(../images/faq.png) no-repeat 0px 2px; }
#zone-bas-page #contact { background:url(../images/contact.png) no-repeat 0px 2px; }
#zone-bas-page #plan { background:url(../images/plan.png) no-repeat 0px 2px; }
#zone-bas-page #rss { background:url(../images/rss.png) no-repeat 0px 2px; }
#zone-bas-page #telechargement { background:url(../images/telechargement.png) no-repeat 0px 2px; }
#zone-bas-page #visite { background:url(../images/visite.png) no-repeat 0px 2px; }
#zone-bas-page #mentions { background:url(../images/mentions.gif) no-repeat 0px 2px; }
#zone-bas-page>div a:link , #zone-bas-page>div a:visited , #zone-bas-page>div a :active { font-weight:normal; color:#7b9c35; text-decoration:none; }
#zone-bas-page>div a:hover, #menupied a:focus { font-weight:normal; color: #fd8c13;text-decoration:none;}
/** Contact Tela **/
#coordonees { width:888px; text-align:center; margin:auto; background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right; height:15px; }
#coordonees span { float:left; padding-left:15px; background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px; font-family:arial;
font-size:12px; font-weight:normal; font-style:normal;}
#coordonees a {font-family:arial; font-size:12px; text-align:justify; font-weight:normal; line-height:16px; list-style:none;}
#coordonees a:link, #coordonees a:visited, #coordonees a :active {color:#3a3633;}
#coordonees a:hover, #coordonees a:focus { color:#fd8c13;}
/* ====== Menus cachés ==== */
/** Menu caché spip **/
#menu_1_758 {
display: none;
}
#menu_2_22 {
display: none;
}
/**
Mise en page en colonne depuis www.1kbgrid.com
*/
/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
 
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
 
/********* STYLE COMMUN A TOUTES LES PAGES *********/
/** Définition des polices exotiques **/
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
Pour windows, elle est remplacée par la police Helveticaneue2 */
@font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); }
@font-face { font-family:Helveticaneue2; src:url('/commun/polices/helvetica_light.eot'); }
/* Optima n'est pas utile dans les pages intèrieures.
@font-face { font-family: optima; src: url('/commun/polices/optima_demi_bold.ttf'); }
@font-face { font-family: optima2; src: url('../polices/optima_demi_bold.eot'); }
*/
/** Classes **/
/* Marges */
img,form,td,div,p,br,a,h1,h2{padding:0; border:0; text-decoration:none;}
ul,form,li,td,div,p,br,a,h1,h2{margin:0; }
/* Classes & couleurs */
.nodisplay {display:none}
.hidden {visibility:hidden}
.spacer125 {width:125px; float:left;}
.cadreRondVert h1 {margin:0 0 10px 0}
.cadreRondVert { width:685px; float:left; margin-bottom:20px; background-color:#eaedcd;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.cadreRondGris h1 {margin:0 0 10px 0}
.cadreRondGris h3 {margin:0}
.cadreRondGris { width:685px; float:left; margin-top:20px; background-color:#e5e4d4;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.floatLeft {float:left}
.notext { display:none; left:-5000px; top:-5000px; text-indent:-5000px; }
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
.troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
#zone_contenu_corps {font-family:arial; font-size:12px}
#zone_contenu_corps .liste_projet li, #contenu .liste_projet li {background:none}
#zone_contenu_corps .liste_projet h1, #contenu .liste_projet h1 {margin-bottom:0}
#zone_contenu_corps a {color:#7B9C35}
.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
.clear,.nettoyage{clear:both;}
/** Cadre rond gris : mise en page **/
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
/* Taille des cadres */
.moitie {width:310px; float:left;}
.deuxTiersGauche {width:410px; margin-right:20px; float:left}
.deuxTiersDroite {width:240px; float:left}
.plein {width:620px;}
/* typographies */
p { color:black; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
p.orange{ color:#fd8c13; line-height:12px; }
.orange {color:#fd8c13; font-family:arial;}
p.blanc { color:#fff; font-size:11px; line-height:12px; }
.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
.overflow-hidden { overflow:hidden;}
strong, b {color:#222222}
#contenu a, p a {color:#7B9C35; }
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a{color:#FD8C13; }
.boutonJaune {background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12; padding:4px 10px 4px 30px;
-moz-border-radius: 10px 10px 10px 10px; color:#6C6865; font-family:helveticaneue; font-size:15px}
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
#zone_contenu_corps h1, #contenu h1 {background:url(../images/troisCarre.png) no-repeat 0px 5px;}
h1 {padding:0px 0 0 25px; color:#fd8c13; font-size:14px;
text-transform:uppercase; margin-bottom:20px; margin-top:5px }
h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
h1 a:hover, h1 a:focus { color:#7b9c35; }
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* Tableau */
/* Table */
.table_cadre{
border:1px solid #9ac342;
border-collapse:collapse;}
.table_cadre thead, .table_cadre tfoot{
background-color:#EEE;
border:1px solid #9ac342;}
.table_cadre tbody{
background-color:#FFF;
border:1px solid #9ac342;}
.table_cadre th{
font-family:monospace;
border:1px dotted #9ac342;
padding:5px;
background-color:#EEE;}
.table_cadre td{
font-family:sans-serif;
font-size:80%;
border:1px dotted #9ac342;
padding:5px;
text-align:left;}
.table_cadre caption{
font-family:sans-serif;}
 
/*TEMP : le style pour le titre 2 */
h2, h2 a { color:#FD8C13; font-family:arial; font-size:12px; font-weight:normal; letter-spacing:0; margin:20px 0 12px 0;
text-transform:uppercase; font-weight:bold}
#contenu h2:before, #zone_contenu_corps h2:before {content:"> "}
h2 a:hover {color:#6C6865}
 
/*TODO : vérifier ci dessous */
/*h2 { color:#6c6865; font-size:12px; margin-bottom:0px; }*/
/*h2 a:link, h2 a:visited,h2 a:active { color:#6C6865; }*/
h2 a:focus { color:#fd8c13; }
/*TODO : vérifier ci-dessous *
h3 { color:#6c6865; font-size:11px; letter-spacing:0px; margin:2px; }*/
 
/*TEMP : le style pour titre 3*/
h3, h3 a{color:#6C6865; font-family:arial; font-size:13px; font-weight:bold; letter-spacing:0; margin:20px 0 12px; }
.contenu_RSS h3 {margin:0}
 
h4 { font-size:11px; margin:2px 2px 2px 0; color:#7b9c35; font-weight:normal;}
#zone_contenu_corps .traitTela li{list-style:none; padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
.traitTela li a { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
/* Ombres */
.ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */}
 
/* Arrondis */
.arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;}
.arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
/* Menu supèrieur */
/* TODO : mettre les petits carrés à la bonne place */
#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
font-family:arial; font-size:12px;left:0}
#zone-menu-haut ul{padding:0;list-style:none;}
#zone-menu-haut ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 4px;float:left}
#zone-menu-haut #seconnecter { margin:0; padding-left:10px}
#zone-menu-haut #don { width:110px; margin:0}
#zone-menu-haut #lettre { width:120px; margin:0}
#zone-menu-haut #inscrits { width:110px; margin:0}
#zone-menu-haut #connectes { width:115px; margin:0}
#zone-menu-haut #recherche { width:185px; padding-left:15px; text-align:left; margin:0}
#zone-menu-haut #recherche fieldset {width:185px; padding:0; border-style:none;}
#zone-menu-haut #recherche input { height:13px; width:155px; font-size:12px; margin:-15px 0 0 -2px; }
#zone-menu-haut #recherche legend, #recherche label {display:none;}
#zone-menu-haut #recherche #more_ok { width:25px; height:20px }
#zone-menu-haut .drapeau { width:15px; margin-left:10px}
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-principale { position: absolute; width:960px; margin-left:-450px; left: 50%; padding-top:20px;}
.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
.zone-haut h1 {position:absolute; background:none; left:0}
.zone-haut h2 {position:absolute; left:0; top:20px; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial;
margin-bottom:0px; text-transform:none}
.motsclefs { left:0;position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
padding:0 0 0 0; margin-left:450px; margin:0; cursor:pointer; }
.motsclefs h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue; margin-left:550px}
.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
/** Menu de navigation entre univers **/
#zone-menu-navigation { width:900px; margin-bottom:10px; margin-top:10px; margin-left:15px; float:left; text-decoration:none; text-align:center; font-size: 14px; font-family:arial; line-height:20px;}
#zone-menu-navigation a:link , #zone-menu-navigation a:visited , #zone-menu-navigation a :active { text-decoration:none; }
#zone-menu-navigation .menuHautActif a{ color: #6C6865; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;}
 
#zone-menu-navigation a {color:white; }
#zone-menu-navigation ul{padding:0;}
#zone-menu-navigation ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none;padding:0;
/* pour ie8 */ zoom: 1;}
 
#zone-menu-navigation a:hover, #zone-menu-navigation a:focus{ font-weight:bold; color: #6C6865; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; }
 
 
/* Couleurs des différents menus*/
#menuAccueil { background: #fd8c13; }
#menuBotanique { background: #9ac243;}
#menuActualites{ background: #c2c0ad; }
#menuReseau { background: #e16039; }
#menuProjets{ background: #a89d80; }
/* Menus */
#zone-menu-gauche{font-family:arial; font-size:12px; width: 170px; margin-top:10px; border-left: 1px solid #7b9c35; padding-left:2px}
#zone-menu-gauche ul{padding:0;list-style:none;}
#zone-menu-gauche ul li{padding:0 0 5px 0;}
#zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 14px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35;
border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;
font-weight:bold; color:#7b9c35;display:block; background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
}
#zone-menu-gauche ul li ul { list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline; font-weight:normal}
#zone-menu-gauche a:hover{color:#FD8C13}
#cheminDeFer { width:500px; margin-left:34px; margin-top:12px; margin-bottom:10px; }
/** Zone menu connexion **/
#zone-menu-connexion { height:122px; width:178px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;}
#zone-menu-connexion fieldset { text-align:left; width:165px; background:white; padding:28px 0 0 10px; border:solid 1px #99C242;
text-decoration: none; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius:0 10px 10px 10px;}
#zone-menu-connexion fieldset input { font-size:11px;}
#zone-menu-connexion fieldset p { text-align:left}
#zone-menu-connexion h3 { position:absolute; width:162px; padding:5px 5px 5px 9px; margin:-29px 0 0 -10px; color:white; text-align:left; text-transform:uppercase;
font-size:12px; background-color:#99C242; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius:0 10px 0 0;}
#zone-menu-connexion fieldset label { position:relative; width:12em; display:block; margin:.1em 0em; }
#zone-menu-connexion label input { position : absolute; left : 100%; top : 0px; width:15px;}
#zone-menu-connexion #username, #zone-menu-connexion #password { width:80px;}
#zone-menu-connexion fieldset #connexion {border:solid 1px #8eb533; padding:0;}
#zone-menu-connexion #persistant, #zone-menu-connexion #persistant_label {float:left;margin-left:-0px;}
#zone-menu-connexion #persistant_label {padding-top:2px}
#zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; }
/** Menu latéral : Zone gauche **/
#zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px;}
/** Zone principale : zone droite **/
#zone-droite { width:730px; margin-left:00px; float:left; height:auto;overflow:hidden}
#zone-droite #main { padding-left:20px}
#contenu {border:none}
#zone_contenu_corps {border:none}
#zone_contenu_corps li, #contenu li {list-style-image:url(../images/petitCarre.jpg);line-height:18px;}
#zone_contenu_corps li ul li, #contenu li ul li {list-style:none; background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px; padding-left:25px; line-height:18px}
#zone_contenu_corps form li, #contenu form li {background:none}
#zone_contenu_corps h3, #contenu h3 {padding-left:25px}
#zone_contenu_corps .alpha, #contenu .alpha { background:none; padding-left:25px; list-style-type: upper-alpha;}
#zone_contenu_corps .listeSimple li, #contenu .listeSimple li {list-style:inherit; background:none; padding:0}
#zone_contenu_corps .listeNumerique li, #contenu .listeNumerique li {list-style:upper-alpha inside; background:none; padding:0}
#zone_contenu_corps ul li ul {margin-bottom:10px}
.filetVert { width:300px; margin-left:00px; margin-top:5px; padding:20px; border:1px solid #9ac342; -moz-border-radius: 10px; float:left; }
.filetVert h1 {margin:0 0 10px 0}
/*Onglets*/
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {display:inline-block;padding:0;}
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {list-style-image:none;padding:5px 3px 5px 3px;margin-top:2px;background-color:#C2C0AD;}
#zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li { cursor:pointer; float:left; list-style:none; margin-right:5px; /* font-variant:small-caps; */
font-size:13px; text-transform:uppercase; letter-spacing:0px; padding:5px 2px 5px 5px;margin:0 1px 0 0;
background:none no-repeat 5px 9px #C2C0AD; color:#fd8c13;
border: 1px solid #c2c0ad; border-bottom: 0px solid #c2c0ad; text-decoration: none;
-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; /* pour Chrome */ border-radius: 10px 10px 0 0;
}
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {background:none;color:#FD8C13; font-weight:bold}
#zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
background:none; border: 1px solid #C2C0AD; border-bottom: 0px solid #c2c0ad;
text-decoration: none;
-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; /* pour Chrome */ border-radius: 10px 10px 0 0; }
#zone_contenu_corps #BAZ_menu .menu_inactif a, #zone_contenu_corps .menu_classique_n3 .menu_inactif a, #zone_contenu_corps .menu_classique_n3 h1, #zone_contenu_corps .onglets .menu_inactif a, #zone_contenu_corps .onglets h1 {color:#6C6865; }
#zone_contenu_corps #BAZ_menu .menu_actif h1, #zone_contenu_corps .menu_classique_n3 .menu_actif h1, .onglets .menu_actif h1 {color:#FD8C13; }
.cadreInvisible {float:left; margin-left:10px; margin-top:10px;}
.cadreInvisible h1 {margin:0 0 10px 0}
.cadreRondOmbre {float:left; margin-bottom:10px; padding:20px; background-color:#fff; border:1px solid #fff;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 9px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
zoom: 1; /* pour ie8 */}
.filetRouge { border:solid 1px red;}
#cartographieVolante { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; }
#cartographieVolante #masquerLaCarte { float:right }
/* Projets */
#bandeauProjets { width:845px; margin:20px 0 20px 0; border:dotted 1px #fd8c13; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
float:left; padding-left:65px; }
#bandeauProjets ul { height:98px; padding:0px; list-style:none; font-family:arial;}
#bandeauProjets ul li { width:250px; margin-left:15px; border: double 1px orange; border-width:0 4px 0 0; display:inline;height:95px;float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p { font-family:arial; font-size: 10px; line-height:1.3em;}
#bandeauProjets ul li p { padding-right:2px; }
#bandeauProjets ul li a { color:#7B9C35; font-weight:bold; }
#bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; }
#bandeauProjets ul li img { float:right; padding:10px}
#bandeauProjets ul .bouton { width:20px;}
#boutonPrecedent, #boutonSuivant { position:absolute;}
#boutonPrecedent { margin-left:-66px; margin-top:-99px; height:100px; background:white; cursor:pointer; width:70px; border:dotted 1px #fd8c13;
border-right-style:none; -moz-border-radius: 10px 0 0px 10px ; -webkit-border-radius: 10px 0 0px 10px ; border-radius: 10px 0 0 10px;
background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px; }
 
#boutonSuivant { margin-left:799px; margin-top:-99px; width:30px; cursor:pointer; background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
padding:28px 8px 53px 8px; border:dotted 1px #fd8c13; border-left-style:none;-moz-border-radius: 0px 10px 10px 0px ; -webkit-border-radius: 0px 10px 10px 0px ;
border-radius: 0px 10px 10px 0px ; }
 
 
/** Zone-bas-page : footer **/
#zone-bas-page { width:900px; clear:both;}
#zone-bas-page div { width:900px; margin:20px 0 10px 0;text-align:center;}
#zone-bas-page div ul li {list-style:none;text-decoration:none;text-align:center;font-size: 12px;font-family:arial;display:inline;margin-left:10px;padding :6px 0 0 20px}
#zone-bas-page #accueil { background:url(../images/accueil.png) no-repeat 0px 2px; }
#zone-bas-page #faq { background:url(../images/faq.png) no-repeat 0px 2px; }
#zone-bas-page #contact { background:url(../images/contact.png) no-repeat 0px 2px; }
#zone-bas-page #plan { background:url(../images/plan.png) no-repeat 0px 2px; }
#zone-bas-page #rss { background:url(../images/rss.png) no-repeat 0px 2px; }
#zone-bas-page #telechargement { background:url(../images/telechargement.png) no-repeat 0px 2px; }
#zone-bas-page #visite { background:url(../images/visite.png) no-repeat 0px 2px; }
#zone-bas-page #mentions { background:url(../images/mentions.gif) no-repeat 0px 2px; }
#zone-bas-page>div a:link , #zone-bas-page>div a:visited , #zone-bas-page>div a :active { font-weight:normal; color:#7b9c35; text-decoration:none; }
#zone-bas-page>div a:hover, #menupied a:focus { font-weight:normal; color: #fd8c13;text-decoration:none;}
/** Contact Tela **/
#coordonees { width:888px; text-align:center; margin:auto; background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right; height:15px; }
#coordonees span { float:left; padding-left:15px; background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px; font-family:arial;
font-size:12px; font-weight:normal; font-style:normal;}
#coordonees a {font-family:arial; font-size:12px; text-align:justify; font-weight:normal; line-height:16px; list-style:none;}
#coordonees a:link, #coordonees a:visited, #coordonees a :active {color:#3a3633;}
#coordonees a:hover, #coordonees a:focus { color:#fd8c13;}
/* ====== Menus cachés ==== */
/** Menu caché spip **/
#menu_1_758 {
display: none;
}
#menu_2_22 {
display: none;
}
/**
Mise en page en colonne depuis www.1kbgrid.com
*/
/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
 
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
/trunk/sites/commun/generique/scripts/accueilv5.js
File deleted
\ No newline at end of file
/trunk/sites/commun/generique/scripts/commun.js
New file
0,0 → 1,47
/*vim: set expandtab tabstop=4 shiftwidth=4: */
// +------------------------------------------------------------------------------------------------------+
// | Javascript version 1.5 |
// +------------------------------------------------------------------------------------------------------+
// | Copyright (C) Tela Botanica (accueil@tela-botanica.org), 2005. |
// +------------------------------------------------------------------------------------------------------+
// | This file is part of Tela Botanica web site. |
// | |
// | Foobar is free software; you can redistribute it and/or modify |
// | it under the terms of the GNU General Public License as published by |
// | the Free Software Foundation; either version 2 of the License, or |
// | (at your option) any later version. |
// | |
// | Foobar is distributed in the hope that it will be useful, |
// | but WITHOUT ANY WARRANTY; without even the implied warranty of |
// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
// | GNU General Public License for more details. |
// | |
// | You should have received a copy of the GNU General Public License |
// | along with Foobar; if not, write to the Free Software |
// | Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA |
// +------------------------------------------------------------------------------------------------------+
// CVS : $Id$
/**
* Contient du code javascript pour améliorer l'utilisation du site.
*
*
*@package TelaBotanica
//Auteur original :
*@author Jean-Pascal MILCENT <jpm@tela-botanica.org>
//Autres auteurs :
*@author Aucun
*@copyright Tela-Botanica 2000-2005
*@version $Revision$ $Date$
// +------------------------------------------------------------------------------------------------------+
*/
 
//if (document.getElementById) {
window.document.getElementById('sesi_selecteur').style.visibility = "hidden";
//}
 
/* +--Fin du code ----------------------------------------------------------------------------------------+
*
* $Log$
*
* +-- Fin du code ----------------------------------------------------------------------------------------+
*/
/trunk/sites/commun/fr/styles/commun_complexe.css
1,543 → 1,543
/*Feuille de style de tous les mondes
Auteur : Tamara Le Bourg et Magali Giaume*/
 
/*icones*/
a.lien_ext:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
a.pdf:before {
content: url(http://www.tela-botanica.org/client/projet/icones/pdf.gif)" ";}
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
a.mail:after, a[href ^="mailto:"]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_mail.png);}
.table_bordure th[title]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/help.png);}
/*abbr {
background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
padding-right:16px;
cursor:help;
border:none;}*/
 
/* presentation des liens */
a {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
a:hover {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
 
/* Texte trouvé par le moteur de recherche */
.surlignage {
background-color:yellow;}
 
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* presentation des listes */
#texte li {
margin:4px;}
.liste_decale li, .liste_decale dt {
margin-left:2em;}
ul ul {
margin-left:2em;}
#zone_menu ul, #menus ul{
line-height:1.5em;}
 
/* presentation des images */
img{
border:0;}
img a{
display:block;}
#logo_tela img {
border:0;}
#logo_tela a {
position:absolute;
top:0;
left:0;}
#logo_tela a:hover {
border:1px dotted;}
#logo_tela a:hover:after {
content: " Retour à l'accueil ";}
.img_gch_txt_drte img, .flottant_gauche {
float:left;
margin:5px 10px 5px 5px;}
.img_gch_txt_drte li {
margin-left:40px;}
.img_drte_txt_gch img, .flottant_droit {
float:right;
margin-left:10px;}
.img_drte_txt_gch > img {
float:right;
margin-left:10px;}
.img_milieu {
display:inline;
margin:0 10px;}
.image_legendee {
width: 300px;
font-style:italic;
margin: 5px}
.image_legendee img {
margin: 0 auto}
.legende {
display:block;
font-weight:bold;
text-align:center;}
.clear {
clear:both;}
/* presentation fichiers audio */
.fichier_audio {
border: 1px solid #99a;}
.legende_audio {
margin-top:-0.8em;
margin-left:10px;
float:left;}
.fichier_audio img {
float:left;
padding-right:25px}
.fichier_audio p {
padding-right:25px;}
.legende_audio span {
padding:0 10px;
background-color:#fff;}
 
/* autres classes de presentation*/
.texte_inactif {
font-size:10px;
color:gray;}
.erreur {
color:#F00;}
.en_evidence {
font-size:16px;
font-weight:bold;}
.attention {
display:block;
background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
text-align:center;
border: 1px solid red;
min-height: 30px;
max-width: 800px;
padding:10px 5px 5px 50px;}
.information {
background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
text-align:center;
border:1px solid #5D81BA;
max-width: 800px;
min-height:30px;
padding:10px 5px 5px 50px;}
#bb_liste_fascicule li{
clear:both;
height:100%;}
.bb_img_fascicule {
display:block;}
blockquote {
font-style:italic;
text-align:center;}
legend {
text-align:center;}
.fin_texte{
width:0;
height:0;
text-align: center;
clear: both;}
 
/*DIFFERENTS BLOCS DE LA PAGE*/
#reducteur {
text-align:center;}
/*bandeau*/
#bandeau, #zone_bandeau {
height:77px;
margin:0 0 0 190px;}
#titre_monde, #site_nom {
margin:0;
text-align:right;
height:38px;}
#titre_monde h1, #site_nom h1 {
background-color:transparent;
font-weight: bold;
font-size: 28px;
margin:0 20px 0 0;
padding:0;}
#plan_contact {
margin:0 5px 0 0;
text-align:right;
height:25px;
padding:7px 15px 0 0;}
#plan_contact a {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
#plan_contact a:hover {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
 
/*droite*/
#droite {
margin:0 5px 0 207px;
position:relative;
/* text-align est nécessaire pour IE */
text-align:left;
}
 
/* droite -> pos_recherche */
#pos_recherche, #moteur_recherche {
font-size:13px;
font-weight:bold;
min-height:30px;
padding:5px 0 5px 20px;
text-align:left;}
#form_more_recherche, #form_recherche {
text-align:right;
padding:0;
margin:0;}
#form_more_recherche legend {
display:none;}
#form_more_recherche fieldset {
float:right;
border:0;
margin:0;
padding:0;}
#form_more_recherche label {
display:none;}
#more_resultat, #more_resultat li {
clear:left;
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
.more_iid, .more_dui {
display:none;}
.more_ivd {
width:600px;}
.more_duv a {
color:#008000;}
.more_dsv, .more_dsi {
color:#C1C1C1;}
.more_detail, .more_detail li {
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
 
/*droite -> onglets */
#onglets {
position:relative;
float:left;
text-align:left;
z-index:2;
font-weight:bold;}
#onglets ul {
margin:0;
padding:0;
list-style:none;}
#onglets li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
float:left;
margin:0;
padding:0;}
#onglets a {
float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
display:block;
background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
width:.1em;
white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
padding:5px 15px 4px;
text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#onglets > ul a {
width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#onglets li:hover {
background-position:100% -150px;}
#onglets li:hover a {
background-position:0% -150px;}
#onglets .menu_inactif {
border-bottom:1px solid;}
#onglets .menu_actif, #onglets .onglet_actif {
position:relative;
background-position:100% -150px;
padding-bottom:2px;
z-index:3;
font-weight:bold;}
#onglets .menu_actif a, #onglets .onglet_actif a {
position:relative;
background-position:0% -150px;
padding-bottom:3px;
z-index:4;}
 
/* droite -> contenu */
#contenu, #zone_contenu, #contenu_accueil {
position:relative;
top:-1px;
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
/* z-index:1;*/
clear:both;
padding:0 2px 0 2px;
text-align:justify;
min-height:300px;}
#texte{
line-height:1.2em;
text-align:justify;
clear:both;
padding:0 5px 7px 5px;}
#texte .image_lien {
background-image:none;}
/* Hides from IE-mac \*/
* html #texte {height: 1%;}
/* Bug qui inactive les liens sous IE */
 
 
/* Droite -> pied_page */
#pied_text, #pied_page, #zone_pied {
clear:both;
text-align:center;
font-size:11px;}
#pied_page p, #zone_pied p{
position:center;}
#pied_page a {
margin:0 10px;}
.menu_commun_n1 {
padding:0;}
.menu_commun_n1 li {
display:inline;}
.menu_commun_n1 li+li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
display:inline;
padding-left:10px;}
 
/* Tableau */
.table_cadre {
border-spacing:0;
text-align:center;}
.table_cadre th {
text-align:center;}
.table_cadre td {
padding:2px;
text-align:left;}
 
/*nav_gauche*/
#navigation, #nav_gauche {
position:absolute;
top:2px;
left:2px;
width:188px;
padding-top:150px;
min-height:292px;}
 
/* nav_gauche -> logo_tela */
#logo_tela, #logo {
margin:7px 10px;
position:absolute;
top:2px;
left:18px;
z-index:1;}
#logo_tela a, #logo a {
background:none;}
#acces_direct, #accessibilite {
display:none;}
 
/* nav_gauche -> selecteur_sites */
#sesi_site {
text-align:center;
font-size:12px;
font-weight:bold;
width:180px;
height:20px;}
#sesi_selecteur fieldset, #selecteur_monde fieldset{
border:0;
margin:0;
padding:0;}
#sesi_selecteur legend, #selecteur_monde legend{
display: none;}
#sesi_selecteur option {
font-size:11px;}
#lien_inscription{
margin:2em 0 0 0;
font-size:11px;}
 
/* nav_gauche -> menus */
#zone_menu, #menus {
font-size:13px;
margin:10px 0;
text-align:left;}
#zone_menu a, #menus a {
background:none;
color:#000;
display:block;
height:1.2em;}
#zone_menu .menu_actif>a, #menus .menu_actif>a {
border:1px solid;}
#zone_menu > ul a, #menus > ul a {
height:auto;}
#navigation hr, #nav_gauche hr {
width:40%;
text-align:center;}
 
/* nav_gauche -> form connexion et deconnexion */
#form_connexion legend, #identification legend {
font-size:14px;
font-weight:bold;
padding-left:32px;}
#form_connexion label, #identification label {
display:none;}
label#persistant_label {
display:block;
margin:0.5em 0 1em 1em;
color:black;}
#form_connexion fieldset, #identification fieldset{
border:none;}
#username, #password {
width:10em;
text-align:left;
margin:0.5em 1em;}
#persistant {
text-align:left;
float:left;
margin:0.5em 0.5em 1em 1em;}
#identification_info, #identification, #formconnexion, #iden_action {
display:block;
width:auto;
text-align:center;
font-size:11px;
margin: 0;
padding-bottom:2px;}
#menu_contextuel {
border:1px solid;}
#deconnexion, #lien_inscription_modif, #lien_inscription {
font-size:12px;}
#inscription_info {
text-align:center;}
#inscription_aide {
margin-left:1em;}
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
display:block;
font-size:14px;
text-align:center;
font-weight:bold;
text-transform:none;
margin:0 0 5px 0;}
#identification_prenom, #identification_nom{
font-size:13px;
font-weight:bold;
color:black;}
#identification_nom {
text-transform:uppercase;}
#iden_action a {
line-height:15px;}
 
/* presentation des menus */
.menu_classique_n1, .menu_n1 {
padding:0;
margin:0;
font-weight:bold;
list-style-type:none;}
.menu_classique_n1 a {
padding:3px 0;}
.menu_classique_n2, .menu_n2 {
padding:0;
margin:0;
font-weight:normal;
list-style-type:none;}
.menu_classique_n2 a {
padding:3px 0 3px 15px;}
.menu_n3 {
margin:0 0 0 10px;
padding:0;
text-align:left;}
.menu_inactif a, .menu_actif a {
color:#000;
text-decoration:none;
background-color:transparent;}
 
/*presentation des syntheses*/
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
display:none;}
.page_titre {
font-weight:bold;}
 
/* Texte champ d'une fiche */
.champ_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}p_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}
/*presentation synthese biblio pteridophytes*/
/*.couleur_bleu {
color:blue;}
.couleur_vert {
color:green;}
.couleur_rose {
color:#BF90DE;}
.couleur_orange {
color:orange;}
.bp_auteur_france {
color:blue;}
.bp_auteur_europe {
color:#BF90DE;}
.bp_auteur_famille {
color:green;}
.bp_auteur_region {
color:orange;}*/
.bp_titre {
font-weight:bold;}
.bp_titre_revue, .nom_latin {
font-weight:normal;}
.bp_annee, .bp_num_revue {
font-weight:normal;}
/*menu_commun*/
.question {
font-weight:bold;}
 
/*Gestion de l'affichage du chronomètre des applications.*/
#chrono{display:none;}
 
/* Gestion de l'affichage du bandeau */
#bandeau_annonce {
height:28px;
margin:0 0 0 0px;
padding-right:20px;
text-align:right;
}
 
#bandeau_annonce a {
 
font-size: 15px;
padding: 3px;
font-weight:bold;
vertical-align:middle;
}
 
#bandeau_annonce a:hover {
background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);
background-position:center bottom;
background-repeat:repeat-x;
}
 
/*Selecteur de liens rapides pour l'utilisateur */
#selecteur_liens_rapides {
margin-left: 15px;
border: 1px solid rgb(238, 238, 238);
color: black;
font: 0.8em Verdana,sans-serif;
padding: 1px;
width: 146px;
/*Feuille de style de tous les mondes
Auteur : Tamara Le Bourg et Magali Giaume*/
 
/*icones*/
a.lien_ext:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
a.pdf:before {
content: url(http://www.tela-botanica.org/client/projet/icones/pdf.gif)" ";}
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
a.mail:after, a[href ^="mailto:"]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_mail.png);}
.table_bordure th[title]:after {
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/help.png);}
/*abbr {
background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
padding-right:16px;
cursor:help;
border:none;}*/
 
/* presentation des liens */
a {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
a:hover {
color:black;
text-decoration:none;
background-repeat: repeat-x;
background-position:center bottom;}
 
/* Texte trouvé par le moteur de recherche */
.surlignage {
background-color:yellow;}
 
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* presentation des listes */
#texte li {
margin:4px;}
.liste_decale li, .liste_decale dt {
margin-left:2em;}
ul ul {
margin-left:2em;}
#zone_menu ul, #menus ul{
line-height:1.5em;}
 
/* presentation des images */
img{
border:0;}
img a{
display:block;}
#logo_tela img {
border:0;}
#logo_tela a {
position:absolute;
top:0;
left:0;}
#logo_tela a:hover {
border:1px dotted;}
#logo_tela a:hover:after {
content: " Retour à l'accueil ";}
.img_gch_txt_drte img, .flottant_gauche {
float:left;
margin:5px 10px 5px 5px;}
.img_gch_txt_drte li {
margin-left:40px;}
.img_drte_txt_gch img, .flottant_droit {
float:right;
margin-left:10px;}
.img_drte_txt_gch > img {
float:right;
margin-left:10px;}
.img_milieu {
display:inline;
margin:0 10px;}
.image_legendee {
width: 300px;
font-style:italic;
margin: 5px}
.image_legendee img {
margin: 0 auto}
.legende {
display:block;
font-weight:bold;
text-align:center;}
.clear {
clear:both;}
/* presentation fichiers audio */
.fichier_audio {
border: 1px solid #99a;}
.legende_audio {
margin-top:-0.8em;
margin-left:10px;
float:left;}
.fichier_audio img {
float:left;
padding-right:25px}
.fichier_audio p {
padding-right:25px;}
.legende_audio span {
padding:0 10px;
background-color:#fff;}
 
/* autres classes de presentation*/
.texte_inactif {
font-size:10px;
color:gray;}
.erreur {
color:#F00;}
.en_evidence {
font-size:16px;
font-weight:bold;}
.attention {
display:block;
background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
text-align:center;
border: 1px solid red;
min-height: 30px;
max-width: 800px;
padding:10px 5px 5px 50px;}
.information {
background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
text-align:center;
border:1px solid #5D81BA;
max-width: 800px;
min-height:30px;
padding:10px 5px 5px 50px;}
#bb_liste_fascicule li{
clear:both;
height:100%;}
.bb_img_fascicule {
display:block;}
blockquote {
font-style:italic;
text-align:center;}
legend {
text-align:center;}
.fin_texte{
width:0;
height:0;
text-align: center;
clear: both;}
 
/*DIFFERENTS BLOCS DE LA PAGE*/
#reducteur {
text-align:center;}
/*bandeau*/
#bandeau, #zone_bandeau {
height:77px;
margin:0 0 0 190px;}
#titre_monde, #site_nom {
margin:0;
text-align:right;
height:38px;}
#titre_monde h1, #site_nom h1 {
background-color:transparent;
font-weight: bold;
font-size: 28px;
margin:0 20px 0 0;
padding:0;}
#plan_contact {
margin:0 5px 0 0;
text-align:right;
height:25px;
padding:7px 15px 0 0;}
#plan_contact a {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
#plan_contact a:hover {
font-weight:bold;
margin-left:10px;
background-repeat: repeat-x;
background-position:center bottom;}
 
/*droite*/
#droite {
margin:0 5px 0 207px;
position:relative;
/* text-align est nécessaire pour IE */
text-align:left;
}
 
/* droite -> pos_recherche */
#pos_recherche, #moteur_recherche {
font-size:13px;
font-weight:bold;
min-height:30px;
padding:5px 0 5px 20px;
text-align:left;}
#form_more_recherche, #form_recherche {
text-align:right;
padding:0;
margin:0;}
#form_more_recherche legend {
display:none;}
#form_more_recherche fieldset {
float:right;
border:0;
margin:0;
padding:0;}
#form_more_recherche label {
display:none;}
#more_resultat, #more_resultat li {
clear:left;
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
.more_iid, .more_dui {
display:none;}
.more_ivd {
width:600px;}
.more_duv a {
color:#008000;}
.more_dsv, .more_dsi {
color:#C1C1C1;}
.more_detail, .more_detail li {
display: inline;
margin: 0;
padding: 0;
list-style-type:none;}
 
/*droite -> onglets */
#onglets {
position:relative;
float:left;
text-align:left;
z-index:2;
font-weight:bold;}
#onglets ul {
margin:0;
padding:0;
list-style:none;}
#onglets li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
float:left;
margin:0;
padding:0;}
#onglets a {
float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
display:block;
background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
width:.1em;
white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
padding:5px 15px 4px;
text-decoration:none;}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#onglets > ul a {
width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
#onglets li:hover {
background-position:100% -150px;}
#onglets li:hover a {
background-position:0% -150px;}
#onglets .menu_inactif {
border-bottom:1px solid;}
#onglets .menu_actif, #onglets .onglet_actif {
position:relative;
background-position:100% -150px;
padding-bottom:2px;
z-index:3;
font-weight:bold;}
#onglets .menu_actif a, #onglets .onglet_actif a {
position:relative;
background-position:0% -150px;
padding-bottom:3px;
z-index:4;}
 
/* droite -> contenu */
#contenu, #zone_contenu, #contenu_accueil {
position:relative;
top:-1px;
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
/* z-index:1;*/
clear:both;
padding:0 2px 0 2px;
text-align:justify;
min-height:300px;}
#texte{
line-height:1.2em;
text-align:justify;
clear:both;
padding:0 5px 7px 5px;}
#texte .image_lien {
background-image:none;}
/* Hides from IE-mac \*/
* html #texte {height: 1%;}
/* Bug qui inactive les liens sous IE */
 
 
/* Droite -> pied_page */
#pied_text, #pied_page, #zone_pied {
clear:both;
text-align:center;
font-size:11px;}
#pied_page p, #zone_pied p{
position:center;}
#pied_page a {
margin:0 10px;}
.menu_commun_n1 {
padding:0;}
.menu_commun_n1 li {
display:inline;}
.menu_commun_n1 li+li {
background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
display:inline;
padding-left:10px;}
 
/* Tableau */
.table_cadre {
border-spacing:0;
text-align:center;}
.table_cadre th {
text-align:center;}
.table_cadre td {
padding:2px;
text-align:left;}
 
/*nav_gauche*/
#navigation, #nav_gauche {
position:absolute;
top:2px;
left:2px;
width:188px;
padding-top:150px;
min-height:292px;}
 
/* nav_gauche -> logo_tela */
#logo_tela, #logo {
margin:7px 10px;
position:absolute;
top:2px;
left:18px;
z-index:1;}
#logo_tela a, #logo a {
background:none;}
#acces_direct, #accessibilite {
display:none;}
 
/* nav_gauche -> selecteur_sites */
#sesi_site {
text-align:center;
font-size:12px;
font-weight:bold;
width:180px;
height:20px;}
#sesi_selecteur fieldset, #selecteur_monde fieldset{
border:0;
margin:0;
padding:0;}
#sesi_selecteur legend, #selecteur_monde legend{
display: none;}
#sesi_selecteur option {
font-size:11px;}
#lien_inscription{
margin:2em 0 0 0;
font-size:11px;}
 
/* nav_gauche -> menus */
#zone_menu, #menus {
font-size:13px;
margin:10px 0;
text-align:left;}
#zone_menu a, #menus a {
background:none;
color:#000;
display:block;
height:1.2em;}
#zone_menu .menu_actif>a, #menus .menu_actif>a {
border:1px solid;}
#zone_menu > ul a, #menus > ul a {
height:auto;}
#navigation hr, #nav_gauche hr {
width:40%;
text-align:center;}
 
/* nav_gauche -> form connexion et deconnexion */
#form_connexion legend, #identification legend {
font-size:14px;
font-weight:bold;
padding-left:32px;}
#form_connexion label, #identification label {
display:none;}
label#persistant_label {
display:block;
margin:0.5em 0 1em 1em;
color:black;}
#form_connexion fieldset, #identification fieldset{
border:none;}
#username, #password {
width:10em;
text-align:left;
margin:0.5em 1em;}
#persistant {
text-align:left;
float:left;
margin:0.5em 0.5em 1em 1em;}
#identification_info, #identification, #formconnexion, #iden_action {
display:block;
width:auto;
text-align:center;
font-size:11px;
margin: 0;
padding-bottom:2px;}
#menu_contextuel {
border:1px solid;}
#deconnexion, #lien_inscription_modif, #lien_inscription {
font-size:12px;}
#inscription_info {
text-align:center;}
#inscription_aide {
margin-left:1em;}
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
display:block;
font-size:14px;
text-align:center;
font-weight:bold;
text-transform:none;
margin:0 0 5px 0;}
#identification_prenom, #identification_nom{
font-size:13px;
font-weight:bold;
color:black;}
#identification_nom {
text-transform:uppercase;}
#iden_action a {
line-height:15px;}
 
/* presentation des menus */
.menu_classique_n1, .menu_n1 {
padding:0;
margin:0;
font-weight:bold;
list-style-type:none;}
.menu_classique_n1 a {
padding:3px 0;}
.menu_classique_n2, .menu_n2 {
padding:0;
margin:0;
font-weight:normal;
list-style-type:none;}
.menu_classique_n2 a {
padding:3px 0 3px 15px;}
.menu_n3 {
margin:0 0 0 10px;
padding:0;
text-align:left;}
.menu_inactif a, .menu_actif a {
color:#000;
text-decoration:none;
background-color:transparent;}
 
/*presentation des syntheses*/
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
display:none;}
.page_titre {
font-weight:bold;}
 
/* Texte champ d'une fiche */
.champ_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}p_cle {
font-weight:bold;}
.champ_valeur {
font-weight:normal;}
/*presentation synthese biblio pteridophytes*/
/*.couleur_bleu {
color:blue;}
.couleur_vert {
color:green;}
.couleur_rose {
color:#BF90DE;}
.couleur_orange {
color:orange;}
.bp_auteur_france {
color:blue;}
.bp_auteur_europe {
color:#BF90DE;}
.bp_auteur_famille {
color:green;}
.bp_auteur_region {
color:orange;}*/
.bp_titre {
font-weight:bold;}
.bp_titre_revue, .nom_latin {
font-weight:normal;}
.bp_annee, .bp_num_revue {
font-weight:normal;}
/*menu_commun*/
.question {
font-weight:bold;}
 
/*Gestion de l'affichage du chronomètre des applications.*/
#chrono{display:none;}
 
/* Gestion de l'affichage du bandeau */
#bandeau_annonce {
height:28px;
margin:0 0 0 0px;
padding-right:20px;
text-align:right;
}
 
#bandeau_annonce a {
 
font-size: 15px;
padding: 3px;
font-weight:bold;
vertical-align:middle;
}
 
#bandeau_annonce a:hover {
background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);
background-position:center bottom;
background-repeat:repeat-x;
}
 
/*Selecteur de liens rapides pour l'utilisateur */
#selecteur_liens_rapides {
margin-left: 15px;
border: 1px solid rgb(238, 238, 238);
color: black;
font: 0.8em Verdana,sans-serif;
padding: 1px;
width: 146px;
}
/trunk/sites/commun/fr/images/graphisme/rejoignezProjet.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
/trunk/sites/commun/fr/images/graphisme/rejoignezProjet.png
New file
Property changes:
Added: svn:mime-type
+image/png
\ No newline at end of property
/trunk/sites/commun/fr/scripts/commun.js
1,151 → 1,151
// cette fonction peut déjà être présente
if (typeof(addListener) != 'function') {
// fonction portable d'ajout de listeners
function addListener(element, baseName, handler)
{
if (element.addEventListener) {
element.addEventListener(baseName, handler, false) ;
} else if (element.attachEvent) {
element.attachEvent('on'+baseName, handler) ;
}
}
}
 
// Fonction déclanchant l'ouverture d'une fenêtre externe pour les liens possédant la classe "lien_ext"
function open_ext_link()
{
var liens = document.getElementsByTagName('a');
// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
// Une boucle qui parcourt le tableau (array) liens du début à la fin.
for (var i = 0 ; i < liens.length ; ++i) {
// Si les liens ont un nom de class contenant lien_ext ou img_ext, alors on agit.
var expression = /lien_ext|img_ext/;
if (expression.exec(liens[i].className)) {
liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
// Au clique de la souris.
liens[i].onclick = function() {
window.open(this.href);
return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
};
}
}
}
 
// Fonction cachant le bouton ok du sélecteur de site de Papyrus
function cacher_btn_ok_selecteur_site()
{
if (document.getElementById('sesi_ok')) {
document.getElementById('sesi_ok').style.display = 'none';
}
}
 
// Fonction aggrandissant ou diminuant la taille d'un champ
// Provient du site https://addons.mozilla.org/
function basculerTaille(id, grand)
{
var sb = document.getElementById(id);
if (grand) {
sb.style.width = '20em';
} else {
sb.style.width = '10em';
}
}
 
// Fonction nettoyant un champ de formulaire d'une chaine donnée...
function nettoyerChamp(id, chaine)
{
var sb = document.getElementById(id);
var valeur = sb.value;
if (valeur == chaine) {
sb.value = '';
}
if (valeur == '') {
sb.value = chaine;
}
}
 
/** Cacher la légende : fonctions et code provenant de Média Wiki
* Modifié pour pouvoir gérer des listes ul ou dl...
*/
function changeText(el, newText) {
// Safari work around
if (el.innerText) {
el.innerText = newText;
} else if (el.firstChild && el.firstChild.nodeValue) {
el.firstChild.nodeValue = newText;
}
}
 
function toggleToc(id, type_liste) {
var toc = document.getElementById(id).getElementsByTagName(type_liste)[0];
var toggleLink = document.getElementById('togglelink');
 
if (toc && toggleLink && toc.style.display == 'none') {
changeText(toggleLink, tocHideText);
toc.style.display = 'block';
document.cookie = "hidetoc=0";
} else {
changeText(toggleLink, tocShowText);
toc.style.display = 'none';
document.cookie = "hidetoc=1";
}
}
 
/** Pour utiliser cette fonction rajouter dans les pages web :
* <script type="text/javascript">
* // Le système de masquage des sommaires
* if (window.showTocToggle) {
* var tocShowText = "afficher";
* var tocHideText = "masquer";
* showTocToggle('faq_sommaire_titre', 'faq_sommaire', 'ul');
* }
* </script>
* Pour id_titre mettre l'identifiant du titre où afficher le texte "masquer"/"afficher"
* Pour l'id_div mettre l'identifiant de la div contenant la liste à masquer
* Pour le type de liste indiquer "ul" ou "dl" en fonction du type de liste.
*/
function showTocToggle(id_titre, id_div, type_liste) {
if (document.createTextNode) {
// Uses DOM calls to avoid document.write + XHTML issues
 
var linkHolder = document.getElementById(id_titre);
if (!linkHolder) {
return;
}
 
var outerSpan = document.createElement('span');
outerSpan.className = 'toctoggle';
 
var toggleLink = document.createElement('a');
toggleLink.id = 'togglelink';
toggleLink.className = 'internal';
toggleLink.href = 'javascript:toggleToc(\''+id_div+'\', \''+type_liste+'\')';
toggleLink.appendChild(document.createTextNode(tocHideText));
 
outerSpan.appendChild(document.createTextNode('['));
outerSpan.appendChild(toggleLink);
outerSpan.appendChild(document.createTextNode(']'));
 
linkHolder.appendChild(document.createTextNode(' '));
linkHolder.appendChild(outerSpan);
 
var cookiePos = document.cookie.indexOf("hidetoc=");
if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1) {
toggleToc(id_div, type_liste);
}
}
}
 
// Fonction initialisant d'autres fonctions
function initialiser()
{
cacher_btn_ok_selecteur_site();// Doit être avant les lien_ext
// s'il existe une carte dans la page
/*if(typeof isMap != "undefined") {
loadMap() ;
}*/
open_ext_link();
}
// Au chargement de la page, on appelle la fonction d'initialisation :
// cette fonction peut déjà être présente
if (typeof(addListener) != 'function') {
// fonction portable d'ajout de listeners
function addListener(element, baseName, handler)
{
if (element.addEventListener) {
element.addEventListener(baseName, handler, false) ;
} else if (element.attachEvent) {
element.attachEvent('on'+baseName, handler) ;
}
}
}
 
// Fonction déclanchant l'ouverture d'une fenêtre externe pour les liens possédant la classe "lien_ext"
function open_ext_link()
{
var liens = document.getElementsByTagName('a');
// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
// Une boucle qui parcourt le tableau (array) liens du début à la fin.
for (var i = 0 ; i < liens.length ; ++i) {
// Si les liens ont un nom de class contenant lien_ext ou img_ext, alors on agit.
var expression = /lien_ext|img_ext/;
if (expression.exec(liens[i].className)) {
liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
// Au clique de la souris.
liens[i].onclick = function() {
window.open(this.href);
return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
};
}
}
}
 
// Fonction cachant le bouton ok du sélecteur de site de Papyrus
function cacher_btn_ok_selecteur_site()
{
if (document.getElementById('sesi_ok')) {
document.getElementById('sesi_ok').style.display = 'none';
}
}
 
// Fonction aggrandissant ou diminuant la taille d'un champ
// Provient du site https://addons.mozilla.org/
function basculerTaille(id, grand)
{
var sb = document.getElementById(id);
if (grand) {
sb.style.width = '20em';
} else {
sb.style.width = '10em';
}
}
 
// Fonction nettoyant un champ de formulaire d'une chaine donnée...
function nettoyerChamp(id, chaine)
{
var sb = document.getElementById(id);
var valeur = sb.value;
if (valeur == chaine) {
sb.value = '';
}
if (valeur == '') {
sb.value = chaine;
}
}
 
/** Cacher la légende : fonctions et code provenant de Média Wiki
* Modifié pour pouvoir gérer des listes ul ou dl...
*/
function changeText(el, newText) {
// Safari work around
if (el.innerText) {
el.innerText = newText;
} else if (el.firstChild && el.firstChild.nodeValue) {
el.firstChild.nodeValue = newText;
}
}
 
function toggleToc(id, type_liste) {
var toc = document.getElementById(id).getElementsByTagName(type_liste)[0];
var toggleLink = document.getElementById('togglelink');
 
if (toc && toggleLink && toc.style.display == 'none') {
changeText(toggleLink, tocHideText);
toc.style.display = 'block';
document.cookie = "hidetoc=0";
} else {
changeText(toggleLink, tocShowText);
toc.style.display = 'none';
document.cookie = "hidetoc=1";
}
}
 
/** Pour utiliser cette fonction rajouter dans les pages web :
* <script type="text/javascript">
* // Le système de masquage des sommaires
* if (window.showTocToggle) {
* var tocShowText = "afficher";
* var tocHideText = "masquer";
* showTocToggle('faq_sommaire_titre', 'faq_sommaire', 'ul');
* }
* </script>
* Pour id_titre mettre l'identifiant du titre où afficher le texte "masquer"/"afficher"
* Pour l'id_div mettre l'identifiant de la div contenant la liste à masquer
* Pour le type de liste indiquer "ul" ou "dl" en fonction du type de liste.
*/
function showTocToggle(id_titre, id_div, type_liste) {
if (document.createTextNode) {
// Uses DOM calls to avoid document.write + XHTML issues
 
var linkHolder = document.getElementById(id_titre);
if (!linkHolder) {
return;
}
 
var outerSpan = document.createElement('span');
outerSpan.className = 'toctoggle';
 
var toggleLink = document.createElement('a');
toggleLink.id = 'togglelink';
toggleLink.className = 'internal';
toggleLink.href = 'javascript:toggleToc(\''+id_div+'\', \''+type_liste+'\')';
toggleLink.appendChild(document.createTextNode(tocHideText));
 
outerSpan.appendChild(document.createTextNode('['));
outerSpan.appendChild(toggleLink);
outerSpan.appendChild(document.createTextNode(']'));
 
linkHolder.appendChild(document.createTextNode(' '));
linkHolder.appendChild(outerSpan);
 
var cookiePos = document.cookie.indexOf("hidetoc=");
if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1) {
toggleToc(id_div, type_liste);
}
}
}
 
// Fonction initialisant d'autres fonctions
function initialiser()
{
cacher_btn_ok_selecteur_site();// Doit être avant les lien_ext
// s'il existe une carte dans la page
/*if(typeof isMap != "undefined") {
loadMap() ;
}*/
open_ext_link();
}
// Au chargement de la page, on appelle la fonction d'initialisation :
addListener(window, 'load', initialiser) ;