/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écouvrez Flora Bellissima"> Dé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 --> |
|
</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>© 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écouvrez Flora Bellissima"> Dé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 --> |
|
</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>© 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écouvrez Flora Bellissima"> Dé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 êtes ici : <!-- PAPYRUS_VOUS_ETES_ICI --></p> |
</div> |
<div id="onglets"> |
<!-- PAPYRUS_MENU_3_3 --> |
<!-- PAPYRUS_CONTENU_NAVIGATION --> |
|
</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>© Tela Botanica / 2000-2009 - Le ré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écouvrez Flora Bellissima"> Dé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 êtes ici : <!-- PAPYRUS_VOUS_ETES_ICI --></p> |
</div> |
<div id="onglets"> |
<!-- PAPYRUS_MENU_3_3 --> |
<!-- PAPYRUS_CONTENU_NAVIGATION --> |
|
</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>© Tela Botanica / 2000-2009 - Le ré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> ©<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> ©<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) ; |