/trunk/sites/commun/fr/images/graphisme/archive.png |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/sites/commun/fr/images/graphisme/archive.png |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/sites/commun/fr/http_erreurs/erreur404.php |
---|
New file |
0,0 → 1,31 |
<?php header('HTTP/1.0 404 Not Found'); ?> |
<!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" lang="fr"> |
<head> |
<title>Page introuvable</title> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> |
<meta http-equiv="Content-language" content="fr" /> |
<meta name="revisit-after" content="15 days" /> |
<meta name="robots" content="noindex,nofollow" /> |
<meta name="author" content="Jean-Pascal MILCENT"/> |
<meta name="description" content="Page d'erreur 404." /> |
</head> |
<body> |
<div id="bandeau"> |
<h1>Tela Botanica <img src="/accueil/logo.jpg" alt="(TB)" height="77" width="110" /></h1> |
<h2>Le réseau de la botanique francophone</h2> |
</div> |
<div id="contenu_corps"> |
<h1>Page introuvable</h1> |
<p> |
L'URL requise n'a pu etre trouvée sur ce serveur. |
La référence sur <a href="<?php echo $_REQUEST['url']; ?>">la page <?php echo $_REQUEST['url']; ?></a> semble être erronée ou perimée. |
N'hésitez pas à envoyer un courriel à <a href="mailto:accueil@tela-botanica.org">accueil@tela-botanica.org</a> |
pour signaler ce problème. |
</p> |
<p> |
Vous pouvez retourner sur la <a href="/">page d'accueil du site de Tela Botanica</a>. |
</p> |
</div> |
</body> |
</html> |
/trunk/sites/commun/generique/squelettes/defaut_accueil.html |
---|
New file |
0,0 → 1,156 |
<!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="en"> |
<!-- Squelette : /sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/squelettes/<!-- PAPYRUS_SITE_CODE_ALPHA -->_accueil.html --> |
<!-- PAPYRUS_META_HTTP_EQUIV --> |
<title><!-- PAPYRUS_TITRE_PAGE --></title> |
<!-- PAPYRUS_META_NAME --> |
<!-- PAPYRUS_META_NAME_DC --> |
<!-- Favicones --> |
<link rel="icon" type="image/png" href="/sites/commun/generique/images/favicone/tela_botanica.png" /> |
<link rel="shortcut icon" type="image/x-icon" href="/sites/commun/generique/images/favicone/tela_botanica.ico" /> |
<!-- CSS --> |
<!-- TODO : utiliser un style commun avec la page d'accueil princale --> |
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" /> |
<link href="/commun/jquery/lightbox/0.5/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" /> |
<link href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/styles/botanique.css" rel="stylesheet" type="text/css" /> |
<link href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/styles/botanique_accueil.css" rel="stylesheet" type="text/css" /> |
<!-- PAPYRUS_STYLES --> |
<!-- JavaScript --> |
<script type="text/javascript" src="/commun/jquery/1.4.2/jquery-1.4.2.min.js"></script> |
<script type="text/Javascript" src="/commun/jquery/lightbox/0.5/jquery.lightbox-0.5.js"></script> |
<script type="text/Javascript" src="/sites/commun/generique/scripts/commun.js"></script> |
<script type="text/Javascript" src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/scripts/botanique.js"></script> |
<script type="text/javascript" src="http://resources.tela-botanica.org/tb/reseau/bandeau_cnil.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="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> |
<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 zone-droite--> |
<div id="bandeauProjets"> |
{{Inclure page="757" interwiki="Papyrus"}} |
</div> |
<div id="zone-bas-page"> |
<div> |
<ul> |
<li id="accueil"><!-- PAPYRUS_MENU_UNIQUE_759 --></li> |
<li id="faq"><!-- PAPYRUS_MENU_UNIQUE_386 --></li> |
<li id="contact"><!-- PAPYRUS_MENU_UNIQUE_105 --></li> |
<li id="plan"><!-- PAPYRUS_MENU_UNIQUE_9 --></li> |
<li id="rss"><!-- PAPYRUS_MENU_UNIQUE_630 --></li> |
<li id="telechargement"><!-- PAPYRUS_MENU_UNIQUE_273 --></li> |
<li id="visite"><!-- PAPYRUS_MENU_UNIQUE_25 --></li> |
<li id="mentions"><!-- PAPYRUS_MENU_UNIQUE_104 --></li> |
</ul> |
</div> |
<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. +334 67 52 41 22</span> |
<span>accueil[at]tela-botanica.org</span> |
<br /><br /> |
</address> |
</div><!--fermeture div zone-bas-page--> |
<div id="zone-menu-haut"> |
<ul> |
<li class="vert" id="connectes">Visitors : <span class="gris"></span></li> |
<li class="vert" id="inscrits">Registered : <span class="gris"></span></li> |
<li class="vert" id="don">{{Lien menu="289" titre="Make a donation"}}</li> |
<li class="vert" id="lettre">{{Lien menu="21" titre="Newsletter"}}</li> |
<li class="vert" id="recherche">{{MoteurRecherche sphinx="1"}}</li> |
<li class="vert drapeau"> |
<a href="?langue=fr"> |
<img src="/sites/commun/generique/images/fr.gif" alt="Français" title="Tela Botanica en Français" /> |
</a> |
</li> |
<li class="vert drapeau"> |
<a href="?langue=en"> |
<img src="/sites/commun/generique/images/gb.gif" alt="Anglais" title="Tela Botanica in english" /> |
</a> |
</li> |
</ul> |
</div> |
</div> <!--fermeture div zone-principale--> |
<!-- Début des scripts utilisés 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 utilié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/commun/generique/squelettes/defaut.html |
---|
1,110 → 1,160 |
<?xml version="1.0" encoding="iso-8859-15" ?> |
<!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 : --> |
<!-- PAPYRUS_META_HTTP_EQUIV --> |
<!-- Papyrus Titre Page : --> |
<title><!-- PAPYRUS_TITRE_PAGE --></title> |
<!-- Papyrus Meta Name : --> |
<!-- PAPYRUS_META_NAME --> |
<!-- Papyrus Meta Name DC : --> |
<!-- PAPYRUS_META_NAME_DC --> |
<link rel="shortcut icon" type="image/gif" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/images/favicones/fav.gif" /> |
<link rel="icon" type="image/gif" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/images/eye.gif" /> |
<link rel="stylesheet" type="text/css" media="screen" title="Defaut Papyrus" href="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/styles/defaut.css" /> |
<!-- Papyrus Styles : --> |
<!-- PAPYRUS_STYLES --> |
<!-- Papyrus Scripts : --> |
<!-- PAPYRUS_SCRIPTS --> |
</head> |
<body xml:lang="fr" lang="fr" > |
<div id="wrap"> |
<!--header --> |
<div id="header"> |
<div id="site_nom"> |
<h1 id="logo-text"><span class="gray">PAPYRUS</span></h1> |
<h2 id="slogan">Le CMS coopératif !!</h2> |
<h1 id="titre_site"> |
<!-- Papyrus Site Nom : --> |
<!-- PAPYRUS_SITE_NOM --> |
</h1> |
</div> |
<div id="selecteur_monde"> |
<!-- Papyrus Selecteur Site Xhtml : --> |
<!-- PAPYRUS_SELECTEUR_SITES_XHTML --> |
</div> |
<div id="moteur_recherche"> |
<!-- Papyrus Moteur Recherche : --> |
<!-- PAPYRUS_MOTEUR_RECHERCHE --> |
</div> |
</div> |
<div id="menu"> |
<div id="vous_etes_ici">Vous êtes ici : <!-- Papyrus Applette Vous etes ici--><!-- PAPYRUS_VOUS_ETES_ICI --></div> |
<div id="menus_communs"> |
<!-- Papyrus Menu Commun Niveau 1 a 1--> |
<!-- PAPYRUS_MENU_COMMUN_1_1 --> |
</div> |
</div> |
<div id="zone_onglets"> |
<!-- Papyrus Contenu Navigation --> |
<!-- PAPYRUS_CONTENU_NAVIGATION --> |
|
</div> |
<!-- content-wrap starts here --> |
<div id="content-wrap"> |
<div id="sidebar"> |
<h1>Menu</h1> |
<div class="left-box"> |
<!-- Menu Classique Niveau 1 a 5 --> |
<!-- PAPYRUS_MENU_CLASSIQUE_1_5 --> |
<!-- Papyrus Contenu Menu --> |
<!-- PAPYRUS_CONTENU_MENU --> |
</div> |
<h1>Calendrier</h1> |
<div id="calendrier"> |
<!-- Client bazar calendrier : --> |
<!-- CLIENT_BAZAR_CALENDRIER --> |
</div> |
<h1>Identification</h1> |
<div id="identification"> |
<!-- Papyrus Identification --> |
<!-- PAPYRUS_IDENTIFICATION --> |
</div> |
</div> |
<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> |
<!-- content-wrap ends here --> |
</div> |
<!--footer starts here--> |
<div id="footer"> |
<a href="http://frenchmozilla.org"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/images/logo-firefox.png" alt="Logo Firefox" /></a> |
<a href="http://validator.w3.org/check?uri=referer"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/images/logo-xhtml11.png" alt="Logo XHTML" /></a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/images/logo-css.png" alt="Logo CSS" /></a><br /> |
© <a href="http://www.tela-botanica.org/">Tela Botanica</a> et <a href="http://www.ecole-et-nature.org/">Réseau Ecole et Nature</a> 2008 | |
Site utilisant <a href="http://outils-reseaux.org/wiki_papyrus">Papyrus version <!-- PAPYRUS_VERSION -->, le CMS coopératif</a> sous licence <a href="http://www.cecill.info/licences/Licence_CeCILL_V2-fr.html" title="Voir le texte de la licence CeCILL">CeCILL</a> | Design inspiré de: <a href="http://www.styleshout.com/">styleshout</a> |
</div> |
<!-- Papyrus Debogage : --> |
<!-- PAPYRUS_DEBOGAGE --> |
<!-- wrap ends here --> |
</div> |
</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="en"> |
<!-- Squelette : /sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/<!-- PAPYRUS_SITE_LANGUE -->/squelettes/<!-- PAPYRUS_SITE_CODE_ALPHA -->.html --> |
<!-- PAPYRUS_META_HTTP_EQUIV --> |
<title><!-- PAPYRUS_TITRE_PAGE --></title> |
<!-- PAPYRUS_META_NAME --> |
<!-- PAPYRUS_META_NAME_DC --> |
<!-- Favicones --> |
<link rel="icon" type="image/png" href="/sites/commun/generique/images/favicone/tela_botanica.png" /> |
<link rel="shortcut icon" type="image/x-icon" href="/sites/commun/generique/images/favicone/tela_botanica.ico" /> |
<!-- CSS --> |
<!-- TODO : utiliser un style commun avec la page d'accueil princale --> |
<link href="/sites/commun/generique/styles/pageInterieure.css" rel="stylesheet" type="text/css" /> |
<link href="/commun/jquery/lightbox/0.5/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" /> |
<link href="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/styles/botanique.css" rel="stylesheet" type="text/css" /> |
<!-- PAPYRUS_STYLES --> |
<!-- JavaScript --> |
<script type="text/javascript" src="/commun/jquery/1.4.2/jquery-1.4.2.min.js"></script> |
<script type="text/Javascript" src="/commun/jquery/lightbox/0.5/jquery.lightbox-0.5.js"></script> |
<script type="text/Javascript" src="/sites/commun/generique/scripts/commun.js"></script> |
<script type="text/Javascript" src="/sites/<!-- PAPYRUS_SITE_CODE_ALPHA -->/generique/scripts/botanique.js"></script> |
<script type="text/javascript" src="http://resources.tela-botanica.org/tb/reseau/bandeau_cnil.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"> |
<span class="arrondi30">{{Lien site="accueil"}}</span> |
</li> |
<li id="menuBotanique" class="ombre2 arrondi7"> |
<span class="menuHautActif arrondi30">{{Lien site="botanique"}}</span> |
</li> |
<li id="menuActualites" class="ombre2 arrondi7"> |
<span class="arrondi30">{{Lien site="actu" titre="News"}}</span> |
</li> |
<li id="menuReseau" class="ombre2 arrondi7"> |
<span class="arrondi30">{{Lien site="reseau" titre="Network"}}</span> |
</li> |
<li id="menuProjets" class="ombre2 arrondi7"> |
<span class="arrondi30">{{Lien site="projets" titre="Projects"}}</span> |
</li> |
</ul> |
</div> |
<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"><!-- PAPYRUS_MENU_UNIQUE_759 --></li> |
<li id="faq"><!-- PAPYRUS_MENU_UNIQUE_386 --></li> |
<li id="contact"><!-- PAPYRUS_MENU_UNIQUE_105 --></li> |
<li id="plan"><!-- PAPYRUS_MENU_UNIQUE_9 --></li> |
<li id="rss"><!-- PAPYRUS_MENU_UNIQUE_630 --></li> |
<li id="telechargement"><!-- PAPYRUS_MENU_UNIQUE_273 --></li> |
<li id="visite"><!-- PAPYRUS_MENU_UNIQUE_25 --></li> |
<li id="mentions"><!-- PAPYRUS_MENU_UNIQUE_104 --></li> |
</ul> |
</div> |
<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. +334 67 52 41 22</span> |
<span>accueil[at]tela-botanica.org</span> |
<br /><br /> |
</address> |
</div><!--fermeture div zone-bas-page--> |
<div id="zone-menu-haut"> |
<ul> |
<li class="vert" id="connectes">Visitors : <span class="gris"></span></li> |
<li class="vert" id="inscrits">Registered : <span class="gris"></span></li> |
<li class="vert" id="don">{{Lien menu="289" titre="Make a donation"}}</li> |
<li class="vert" id="lettre">{{Lien menu="21" titre="Newsletter"}}</li> |
<li class="vert" id="recherche">{{MoteurRecherche sphinx="1"}}</li> |
<li class="vert drapeau"> |
<a href="?langue=fr"> |
<img src="/sites/commun/generique/images/fr.gif" alt="Français" title="Tela Botanica en Français" /> |
</a> |
</li> |
<li class="vert drapeau"> |
<a href="?langue=en"> |
<img src="/sites/commun/generique/images/gb.gif" alt="Anglais" title="Tela Botanica in english" /> |
</a> |
</li> |
</ul> |
</div> |
</div> <!--fermeture div zone-principale--> |
<!-- Début des scripts utilisés 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 utilié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/commun/generique/documents/Fiche Herbier pour demain-2.pdf |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/sites/commun/generique/documents/Fiche Herbier pour demain-2.pdf |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/sites/commun/generique/documents/Fiche terrain .pdf |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/sites/commun/generique/documents/Fiche terrain .pdf |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/sites/commun/generique/documents/bon_de_commande_calendrier2014.pdf |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/sites/commun/generique/documents/bon_de_commande_calendrier2014.pdf |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/sites/commun/generique/styles/commun.css |
---|
New file |
0,0 → 1,1175 |
@charset "UTF-8"; |
/* STYLE COMMUN */ /* 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'); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Redéfinition des styles par défaut des balises */ |
body { |
margin:0; |
padding:0; |
font-family:arial; |
font-weight:normal; |
font-size:12px; |
color:#222222; |
} |
img, form, td, div, a, h1, h2 { |
padding:0; |
border:0; |
text-decoration:none; |
} |
form, li, td, div, a { |
margin:0; |
} |
ul{ |
margin:15px 0; |
} |
h1, h2, h3, h4 { |
font-weight:bold; |
letter-spacing:0; |
} |
h1 { |
padding:0 0 0 25px; |
margin:20px 0 10px 0; |
font-size:15px; |
text-transform:uppercase; |
color:#fd8c13; |
} |
h2 { |
margin:20px 0 12px 0; |
font-size:15px; |
color:#FD8C13; |
} |
h3 { |
margin:20px 0 12px; |
font-size:14px; |
color:#454341; |
} |
h4 { |
margin:2px 2px 2px 0; |
font-size:11px; |
font-weight:normal; |
color:#AAAAAA; |
} |
h1 a, h2 a, h3 a, h4 a { |
color:inherit; |
border-bottom: dotted 1px; |
} |
h3 a { |
border-color:#CCCCCC; |
} |
p { |
font-size:12px; |
line-height:18px; |
text-align:justify; |
} |
strong, b { |
font-weight:bold; |
} |
hr { |
border:0; |
border-bottom:1px dotted #C2C0AD; |
} |
/* Présentation des listes de définitions */ |
dl { |
width:100%; |
} |
dt { |
float:left; |
font-weight:bold; |
text-align:top left; |
margin-right:0.3em; |
} |
dt:after { /* Remplace la classe ajout_2points */ |
content:" :"; |
} |
dd { |
width:auto; |
margin:0.5em 0; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Liens */ |
a { |
color:#598000; |
border-bottom:1px dotted #95ae5d; |
} |
a:hover { |
color:#FD8C13; |
border-bottom:1px dotted #95ae5d; |
} |
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */ |
a.lien-ext:after { |
content:" "url(/sites/commun/generique/images/icones/fleche_externe.png); |
} |
/* Gestion des fichiers PDF */ |
a[href$=".pdf"]:before , a.pdf:before { |
content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" "; |
} |
a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */ |
content:" "url(/sites/commun/generique/images/icones/mail.png); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Classes & couleurs */ |
.rejoindre { |
display:inline-block; |
line-height:30px; |
padding-left:30px; |
background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent; |
} |
.cacher { |
display:none; |
} |
.transparent { |
visibility:hidden; |
} |
.sous-titre { |
font-size:11px; |
font-weight:normal; |
color:#AAAAAA; |
margin:0 |
} |
/* Classes d'importance */ |
/* Mise en colonnes */ |
.importance1 { |
margin:10px 10px 20px 10px; |
background-color:#eaedcd; |
padding:8px; |
font-family:arial; |
font-size:11px; |
color:#3a3633; |
border-radius:10px; |
-moz-border-radius:10px; |
-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555; |
-moz-box-shadow:2px 2px 5px #aaa; |
-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
} |
.importance1 input, .importance1 select { |
font-family:arial; |
font-size:11px; |
background-color:#fff; |
border:dotted 1px #7b9c35; |
color:#3a3633; |
margin-bottom:7px; |
} |
.importance1 .row .gauche { |
width:45%; |
padding-left:4%; |
} |
.importance1 .row .gauche:first-child { |
border-right:dotted 1px #AAAAAA |
} |
.importance2 { |
margin:10px; |
padding:10px; |
border-radius:10px; |
-moz-border-radius:10px; |
-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555; |
-moz-box-shadow:2px 2px 9px #aaa; |
-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
} |
.importance3 { |
margin:10px; |
padding:20px; |
border-radius:10px; |
-moz-border-radius:10px; |
-webkit-border-radius:10px; |
zoom:1;/* pour ie8 */ |
} |
.importance4 { |
margin:10px; |
padding:20px; |
background-color:#fff; |
border:1px solid #fff; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */ |
zoom:1;/* pour ie8 */ |
} |
.importance1 h1,.importance2 h1,.importance3 h1,.importance4 h1{ |
margin:0 0 10px 0; |
padding:0 0 0 25px; |
} |
.importance1 h2,.importance1 h3,.importance2 h2,.importance2 h3,.importance3 h2,.importance3 h3,.importance4 h2,.importance4 h3 { |
margin:0; |
} |
/* Flottant */ |
.gauche { |
float:left; |
} |
.droite { |
float:right; |
} |
.floatLeft { |
float:left; |
} |
.petitcarre, .lire-suite { |
padding-left:10px; |
background:url(../images/petitCarre.jpg) no-repeat 0px 4px; |
} |
.voir-tout { |
padding:10px 0 0 30px; |
background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px; |
} |
.troiscarre { |
padding-left:30px; |
background:url(../images/troisCarre.png) no-repeat 5px 5px; |
} |
.voir-tout, .telecharger, .acceder { |
padding:10px 0 0 30px; |
background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px; |
} |
#zone_contenu_corps li.telecharger, #zone_contenu_corps li.voir-tout, #zone_contenu_corps li.acceder { |
list-style:none; |
} |
/* OBSOLETE : A ENLEVER*/ |
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche { |
padding:10px 0 0 30px; |
background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px; |
} |
.nettoyage { |
clear:both; |
} |
hr.nettoyage { |
visibility:hidden; |
} |
/* Taille des cadres */ |
.demi { |
width:50%; |
} |
.tiers { |
width:33% |
} |
.deux-tiers { |
width:66%; |
} |
/*.plein { |
width:620px; |
}*/ |
/* Typographies */ |
/*.orange { |
color:#fd8c13; |
font-family:arial; |
}*/ |
/*p.orange { |
line-height:12px; |
}*/ |
/*.blanc { |
color:#fff; |
} |
p.blanc { |
font-size:11px; |
line-height:12px; |
}*/ |
.vertpetit { |
color:#598000; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
.discretion { |
color:#3a3633; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
/*.gris { |
color:#3a3633; |
font-family:arial; |
font-size:12px; |
}*/ |
/*.overflow-hidden { |
overflow:hidden; |
}*/ |
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a { |
color:#FD8C13; |
} |
.acceder-outil { |
background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12; |
padding:4px 10px 4px 30px; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
color:#6C6865; |
font-family:helveticaneue; |
font-size:15px; |
border:none |
} |
#zone_contenu_corps img { |
margin:0 5px 0 5px; |
} |
#zone-accueil img { |
margin:0; |
} |
#zone_contenu_corps h1, #contenu h1 { |
background:url(../images/troisCarre.png) no-repeat 0 5px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Tableau :encadré */ |
/* Ancien table_cadre */ |
table { |
border:1px solid #9ac342; |
border-collapse:collapse; |
} |
table thead, table tfoot { |
background-color:#EEE; |
border:1px solid #9ac342; |
} |
table tbody { |
background-color:#FFF; |
border:1px solid #9ac342; |
} |
table th { |
font-family:monospace; |
border:1px dotted #9ac342; |
padding:5px; |
background-color:#EEE; |
} |
table td { |
font-family:arial; |
border:1px dotted #9ac342; |
padding:5px; |
text-align:left; |
} |
table caption { |
font-family:sans-serif; |
} |
table th[title]:after { |
content:" "url(/sites/commun/generique/images/icones/aide.png); |
} |
.alterner tr:nth-child(even) { |
background-color: #CFCFCF ; |
} |
.alterner-pair tr:nth-child(odd) { |
background-color: #CFCFCF ; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Défintion des styles de l'applette syndication */ |
.contenu_RSS h3 { |
margin:0; |
} |
.contenu_RSS h4 { |
font-size:11px; |
font-weight:normal; |
} |
#contenu h2:before, #zone_contenu_corps h2:before { |
content:"> "; |
} |
#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; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
.traitTela li a { |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Menu supérieur */ |
/* TODO :mettre les petits carrés à la bonne place */ |
#zone-menu-haut { |
position:absolute; |
top:0; |
width:880px; |
height:12px; |
margin:8px auto 0 0; |
text-align:center; |
font-family:arial; |
font-size:12px; |
color:#3a3633; |
} |
#zone-menu-haut ul { |
list-style-image:url(../images/petitCarre.jpg); |
margin:0; |
padding:0; |
} |
#zone-menu-haut ul li { |
float:left; |
} |
#zone-visiteur li { |
text-align:left; |
display:block; |
width:85px; |
padding-left:10px; |
background:url(../images/petitCarre.jpg) no-repeat left center; |
} |
#zone-acces-rapide { |
float:right; |
} |
#zone-menu-haut #seconnecter { |
margin:0; |
padding-left:10px; |
} |
#zone-visiteur li.mini_lien_profil { |
width:200px; |
margin-left:5px; |
} |
#zone-menu-haut #don { |
width:110px; |
margin:0; |
} |
#zone-menu-haut #lettre { |
width:120px; |
margin:0; |
} |
#zone-menu-haut #recherche, .drapeau{ |
list-style:none; |
} |
#zone-menu-haut #recherche { |
width:185px; |
padding-left:5px; |
text-align:left; |
} |
#zone-menu-haut #recherche fieldset { |
width:190px; |
padding:0; |
border-style:none; |
} |
#zone-menu-haut #recherche input { |
height:13px; |
width:150px; |
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 { |
font-family:arial; |
font-size:12px; |
} |
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active { |
color:#598000; |
} |
#zone-menu-haut a:hover, #zone-menu-haut a:focus { |
color:#fd8c13; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
#zone-principale { |
width:960px; |
margin-left:auto; |
margin-right:auto |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Bandeau Haut des Univers */ |
.zone-haut { |
height:123px; |
width:885px; |
margin:32px 0 0 0; |
} |
/* Logo Tela Botanica */ |
#zone-logo-tela { |
position:absolute; |
margin-top:3px; |
background:none; |
} |
#zone-logo-tela a { |
border:none; |
} |
#zone-logo-tela img:hover { |
border:1px dotted white; |
width:144px; |
height:98px; |
} |
#zone-logo-tela a:hover:after { |
font-size:12px; |
color:white; |
content:" "attr(title)" "; |
} |
/* Sous-titre du réseau */ |
.zone-haut h2 { |
position:absolute; |
top:135px; |
margin:0 0 0 90px; |
font-size:16px; |
font-family:arial; |
text-transform:none; |
color:white; |
} |
/* Mots-clés des univers */ |
.motsclefs { |
position:absolute; |
font-family:Helveticaneue; |
letter-spacing:-1px; |
font-weight:lighter; |
} |
.motsclefs h3 { |
position:absolute; |
left:200px; |
margin-top:17px; |
font-family:helveticaneue; |
font-size:60px; |
font-weight:lighter; |
color:#5c5950; |
} |
.motsclefs h4 { |
margin-top:60px; |
margin-left:540px; |
text-align:left; |
font-family:helveticaneue; |
color:#f2f2f2; |
} |
.motsclefs span { |
position:absolute; |
top:85px; |
font-weight:normal; |
text-transform:lowercase; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Menu de navigation entre univers **/ |
#zone-menu-navigation { |
width:900px; |
margin:10px 0 10px 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; |
border:none; |
} |
#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; |
zoom:1; /* pour ie8 */ |
} |
#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; |
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; |
} |
/*Ancienne classe arrondi7 & ombre2*/ |
#zone-menu-navigation ul li { |
-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* 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 #598000; |
padding-left:2px; |
} |
#zone-menu-gauche ul { |
padding:0; |
margin:0; |
list-style:none; |
} |
#zone-menu-gauche ul li { |
padding:0 0 5px 0; |
} |
#zone-menu-gauche ul li a { |
margin:0; |
padding:2px 0 2px 14px; |
border-top:1px solid #598000; |
border-bottom:1px solid #598000; |
border-right:1px solid #598000; |
border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; |
font-weight:bold; |
color:#598000; |
display:block; |
background:url(../images/petitCarre.jpg) no-repeat 3px 7px; |
} |
#zone-menu-gauche ul li ul { |
list-style:disc inside; |
color:#598000; |
padding:0 0 0 15px; |
} |
#zone-menu-gauche ul li ul li { |
padding:0; |
} |
#zone-menu-gauche ul li ul li a { |
border:none; |
background:none; |
padding:0; |
display:inline; |
font-weight:normal; |
} |
#zone-menu-gauche .menu_actif a { |
color:#FD8C13; |
} |
#zone-menu-gauche .menu_inactif a { |
color:#598000; |
font-weight:normal; |
} |
#zone-menu-gauche ul.menu_deroulant_n1 > li > a { |
font-weight:bold; |
} |
#zone-menu-gauche a:hover { |
color:#FD8C13; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
#cheminDeFer { |
width:500px; |
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; |
margin-bottom:100px; /* Eviter un chevauchement des cadres en bas*/ |
} |
#zone-menu-connexion fieldset { |
text-align:left; |
width:165px; |
background:white; |
padding:28px 0 0 10px; |
border:solid 1px #99C242; |
text-decoration:none; |
border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px; |
} |
#zone-menu-connexion fieldset input { |
font-size:11px; |
} |
#zone-menu-connexion fieldset p { |
text-align:left; |
padding-left:3px |
} |
#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; |
border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0; |
} |
#zone-menu-connexion fieldset label { |
position:relative; |
width:12em; |
display:block; |
margin:.1em 0; |
} |
#zone-menu-connexion label input { |
position:absolute; |
left:100%; |
top:0; |
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:0; |
} |
#zone-menu-connexion #persistant_label { |
padding-top:2px; |
} |
#zone-menu-connexion #colonneDroite { |
padding:15px 0; |
} |
#zone-menu-connexion .erreur_connexion input { |
border: 1px solid red; |
} |
#zone-menu-connexion .erreur_connexion .erreur { |
color:red;width: 50%; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Menu contribution **/ |
#selecteur_liens_rapides { |
width:135px; |
background-color: #FFFFFF; |
border: 1px dotted #7B9C35; |
color: #3A3633; |
font-family: arial; |
font-size: 11px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Menu latéral :Zone gauche **/ |
#zone-gauche { |
width:170px; |
float:left; |
margin-left:0; |
padding-bottom:60px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Zone principale :zone droite **/ |
#zone-droite { |
width:730px; |
margin-left:20px; |
float:left; |
height:auto; |
overflow:hidden; |
} |
#contenu { |
border:none; |
} |
#zone_contenu_corps { |
border:none; |
width:695px |
} |
#zone_contenu_corps li,#contenu li { |
list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png); |
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 .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; |
} |
.listeNumerique li h3 { |
display:inline; |
} |
#zone_contenu_corps ul li ul { |
margin:5px 0 10px 0; |
padding:0; |
} |
.filetVert { |
width:300px; |
margin-left:0; |
margin-top:5px; |
padding:20px; |
border:1px solid #9ac342; |
border-radius:10px;-moz-border-radius:10px;-webkit-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; |
} |
.onglets { |
margin:0; |
} |
.onglets a { |
border:none |
} |
#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-size:13px; |
text-transform:uppercase; |
letter-spacing:0; |
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; |
border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-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:0 solid #c2c0ad; |
text-decoration:none; |
border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-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 ,#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; |
} |
#zone_contenu_corps .onglets li:hover, #zone_contenu_corps .menu_classique_n3 li:hover{ |
background:white; |
border-bottom:0; |
} |
#zone_contenu_corps .onglets li a:hover, #zone_contenu_corps .menu_classique_n3 a:hover{ |
color:#FD8C13; |
background:white |
} |
#cartographieVolante { |
position:absolute; |
z-index:10; |
background:white; |
border:solid 1px #AAAAAA; |
padding:15px; |
margin:-300px 0 0 -300px; |
} |
#cartographieVolante #masquerLaCarte { |
float:right; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Pages intérieures */ |
.chapeau { |
color: #6C6865; |
font-size: 13px; |
font-weight: bold; |
font-style: italic; |
line-height: 18px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Bandeau 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; |
margin-left:30px; |
} |
#bandeauProjets ul { |
margin:0; |
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:13px; |
} |
#bandeauProjets ul li p { |
padding-right:2px; |
} |
#bandeauProjets ul li h3 { |
padding:5px 0; |
margin:0; |
color:#598000; |
font-size:11px; |
} |
#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; |
border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-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 58px 8px; |
border:dotted 1px #fd8c13; |
border-left-style:none; |
border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Zone-bas-page :footer **/ |
#zone-bas-page { |
width:960px; |
clear:both; |
} |
#zone-bas-page div { |
width:900px; |
margin:20px 0 10px 0; |
text-align:center; |
} |
#zone-bas-page div ul li { |
display:inline; |
margin-left:10px; |
padding:6px 0 0 20px; |
line-height:22px; |
text-align:center; |
font-size:12px; |
font-family:arial; |
text-decoration:none; |
list-style:none; |
} |
#zone-bas-page #accueil { |
background:url(../images/accueil.png) no-repeat 0 2px; |
} |
#zone-bas-page #faq { |
background:url(../images/faq.png) no-repeat 0 2px; |
} |
#zone-bas-page #contact { |
background:url(../images/contact.png) no-repeat 0 2px; |
} |
#zone-bas-page #plan { |
background:url(../images/plan.png) no-repeat 0 2px; |
} |
#zone-bas-page #rss { |
background:url(../images/rss.png) no-repeat 0 2px; |
} |
#zone-bas-page #telechargement { |
background:url(../images/telechargement.png) no-repeat 0 2px; |
} |
#zone-bas-page #visite { |
background:url(../images/visite.png) no-repeat 0 2px; |
} |
#zone-bas-page #mentions { |
background:url(../images/mentions.gif) no-repeat 0 2px; |
} |
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active { |
font-weight:normal; |
color:#598000; |
text-decoration:none; |
} |
#zone-bas-page > div a:hover, #menupied a:focus { |
font-weight:normal; |
color:#fd8c13; |
text-decoration:none; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Contact Tela **/ |
#coordonees { |
width:905px; |
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; |
} |
.lien_pliage { |
padding-left:20px; |
cursor: pointer; |
} |
.lien_pliage.plie { |
background:url(../../../commun/generique/images/plus.png) no-repeat 0px 0px; |
} |
.lien_pliage { |
background:url(../../../commun/generique/images/moins.png) no-repeat 0px 0px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* 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, .colonne { |
margin:0 10px; |
overflow:hidden; |
float:left; |
display:inline; |
} |
.row, .ligne { |
width:695px; |
margin:0 auto; |
overflow:hidden; |
} |
.row .row, .ligne .ligne { |
margin:0 -10px; |
display:inline-block; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Résultats de recherche **/ |
.more_info dt:after { |
content:""; |
} |
#zone_contenu_corps .more_info .more_detail li { |
display:inline; |
list-style-type:none; |
list-style-image:none; |
background:none; |
padding-left: 5px; |
} |
/trunk/sites/commun/generique/styles/asupprimer_pageInterieure.css |
---|
New file |
0,0 → 1,1087 |
/* STYLE COMMUN */ /* 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'); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Redéfinition des styles par défaut des balises */ |
body { |
margin:0; |
padding:0; |
font-family:arial; |
font-weight:normal; |
font-size:12px; |
color:#222222; |
} |
img, form, td, div, a, h1, h2 { |
padding:0; |
border:0; |
text-decoration:none; |
} |
ul, form, li, td, div, a { |
margin:0; |
} |
h1, h2, h3, h4 { |
font-weight:bold; |
letter-spacing:0; |
} |
h1 { |
padding:0 0 0 25px; |
margin:20px 0 10px 0; |
font-size:15px; |
text-transform:uppercase; |
color:#fd8c13; |
} |
h2 { |
margin:20px 0 12px 0; |
font-size:13px; |
text-transform:uppercase; |
color:#FD8C13; |
} |
h3 { |
margin:20px 0 12px; |
font-size:14px; |
color:#454341; |
} |
h4 { |
margin:2px 2px 2px 0; |
font-size:11px; |
font-weight:normal; |
color:#AAAAAA; |
} |
h1 a, h2 a, h3 a, h4 a { |
color:inherit; |
border-bottom: dotted 1px; |
} |
h3 a { |
border-color:#CCCCCC; |
} |
p { |
font-size:12px; |
line-height:18px; |
text-align:justify; |
} |
strong, b { |
font-weight:bold; |
} |
hr { |
border:0; |
border-bottom:1px dotted #C2C0AD; |
} |
/* Présentation des listes de définitions */ |
dl { |
width:100%; |
} |
dt { |
float:left; |
font-weight:bold; |
text-align:top left; |
margin-right:0.3em; |
} |
dt:after { /* Remplace la classe ajout_2points */ |
content:" :"; |
} |
dd { |
width:auto; |
margin:0.5em 0; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Liens */ |
a { |
color:#598000; |
border-bottom:1px dotted #95ae5d; |
} |
a:hover { |
color:#FD8C13; |
border-bottom:1px dotted #95ae5d; |
} |
a.lien-ext:after { |
content:" "url(/sites/commun/generique/images/icones/fleche_externe.png); |
} |
a.pdf:before { |
content:url(/sites/commun/generique/icones/fichier_pdf.png)" "; |
} |
a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */ |
content:" "url(/sites/commun/generique/images/icones/mail.png); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Classes & couleurs */ |
.icone-erable { |
display:inline-block; |
line-height:30px; |
padding-left:30px; |
background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent; |
} |
.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; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
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; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
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-left: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; |
} |
.champs { |
font-family:arial; |
font-size:11px; |
background-color:#fff; |
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:#fff; |
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:18px; |
} |
/* Taille des cadres */ |
.demi { |
width:50%; |
} |
.tiers { |
width:33% |
} |
.deux-tiers { |
width:66%; |
} |
.plein { |
width:620px; |
} |
/* Typographies */ |
.orange { |
color:#fd8c13; |
font-family:arial; |
} |
p.orange { |
line-height:12px; |
} |
.blanc { |
color:#fff; |
} |
p.blanc { |
font-size:11px; |
line-height:12px; |
} |
.vertpetit { |
color:#598000; |
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; |
} |
#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; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
color:#6C6865; |
font-family:helveticaneue; |
font-size:15px; |
border:none |
} |
#zone_contenu_corps h1, #contenu h1 { |
background:url(../images/troisCarre.png) no-repeat 0 5px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Tableau :encadré */ |
.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:arial; |
border:1px dotted #9ac342; |
padding:5px; |
text-align:left; |
} |
.table_cadre caption { |
font-family:sans-serif; |
} |
.table_cadre th[title]:after { |
content:" "url(/sites/commun/generique/images/icones/aide.png); |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* D2fintion des styles de l'applette syndication */ |
.contenu_RSS h3 { |
margin:0; |
font-size:12px; |
} |
.contenu_RSS h4 { |
font-size:11px; |
font-weight:normal; |
} |
#contenu h2:before, #zone_contenu_corps h2:before { |
content:"> "; |
} |
#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; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
.traitTela li a { |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
/* Ombres */ |
.ombre2 { |
box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Arrondis */ |
.arrondi7 { |
-moz-border-radius:7px; |
-webkit-border-radius:7px; |
border-radius: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 { |
position:absolute; |
top:0; |
width:880px; |
height:12px; |
margin:8px auto 0 0; |
text-align:center; |
font-family:arial; |
font-size:12px; |
color:#3a3633; |
} |
#zone-menu-haut ul { |
list-style-image:url(../images/petitCarre.jpg); |
} |
#zone-menu-haut ul li { |
float:left; |
} |
#zone-visiteur ul { |
padding:0; |
} |
#zone-visiteur li { |
text-align:left; |
display:block; |
width:130px; |
padding-left:10px; |
background:url(../images/petitCarre.jpg) no-repeat left center; |
} |
#zone-acces-rapide { |
float:right; |
} |
#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 #recherche, .drapeau{ |
list-style:none; |
} |
#zone-menu-haut #recherche { |
width:185px; |
padding-left:5px; |
text-align:left; |
} |
#zone-menu-haut #recherche fieldset { |
width:185px; |
padding:0; |
border-style:none; |
} |
#zone-menu-haut #recherche input { |
height:13px; |
width:150px; |
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 { |
font-family:arial; |
font-size:12px; |
} |
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active { |
color:#598000; |
} |
#zone-menu-haut a:hover, #zone-menu-haut a:focus { |
color:#fd8c13; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
#zone-principale { |
width:960px; |
margin-left:auto; |
margin-right:auto |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Bandeau Haut des Univers */ |
.zone-haut { |
height:123px; |
width:885px; |
margin:32px 0 0 0; |
} |
/* Logo Tela Botanica */ |
#zone-logo-tela { |
position:absolute; |
margin-top:3px; |
background:none; |
} |
#zone-logo-tela a { |
border:none; |
} |
#zone-logo-tela img:hover { |
border:1px dotted white; |
width:144px; |
height:98px; |
} |
#zone-logo-tela a:hover:after { |
font-size:12px; |
color:white; |
content:" "attr(title)" "; |
} |
/* Sous-titre du réseau */ |
.zone-haut h2 { |
position:absolute; |
top:135px; |
margin:0 0 0 90px; |
font-size:16px; |
font-family:arial; |
text-transform:none; |
color:white; |
} |
/* Mots-clés des univers */ |
.motsclefs { |
position:absolute; |
font-family:Helveticaneue; |
letter-spacing:-1px; |
font-weight:lighter; |
} |
.motsclefs h3 { |
position:absolute; |
left:200px; |
margin-top:17px; |
font-family:helveticaneue; |
font-size:60px; |
font-weight:lighter; |
color:#5c5950; |
} |
.motsclefs h4 { |
margin-top:60px; |
margin-left:540px; |
text-align:left; |
font-family:helveticaneue; |
color:#f2f2f2; |
} |
.motsclefs span { |
position:absolute; |
top:85px; |
font-weight:normal; |
text-transform:lowercase; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Menu de navigation entre univers **/ |
#zone-menu-navigation { |
width:900px; |
margin:10px 0 10px 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; |
border:none; |
} |
#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; |
zoom:1; /* pour ie8 */ |
} |
#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; |
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius: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 #598000; |
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:0; |
padding:2px 0 2px 14px; |
border-top:1px solid #598000; |
border-bottom:1px solid #598000; |
border-right:1px solid #598000; |
border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; |
font-weight:bold; |
color:#598000; |
display:block; |
background:url(../images/petitCarre.jpg) no-repeat 3px 7px; |
} |
#zone-menu-gauche ul li ul { |
list-style:disc inside; |
color:#598000; |
padding:0 0 0 15px; |
} |
#zone-menu-gauche ul li ul li { |
padding:0; |
} |
#zone-menu-gauche ul li ul li a { |
border:none; |
background:none; |
padding:0; |
display:inline; |
font-weight:normal; |
} |
#zone-menu-gauche .menu_actif a { |
color:#FD8C13; |
} |
#zone-menu-gauche .menu_inactif a { |
color:#598000; |
font-weight:normal; |
} |
#zone-menu-gauche ul.menu_deroulant_n1 > li > a { |
font-weight:bold; |
} |
#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; |
border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-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; |
border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0; |
} |
#zone-menu-connexion fieldset label { |
position:relative; |
width:12em; |
display:block; |
margin:.1em 0; |
} |
#zone-menu-connexion label input { |
position:absolute; |
left:100%; |
top:0; |
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:0; |
} |
#zone-menu-connexion #persistant_label { |
padding-top:2px; |
} |
#zone-menu-connexion #colonneDroite { |
padding:15px 0; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Menu latéral :Zone gauche **/ |
#zone-gauche { |
width:170px; |
float:left; |
margin-left:0; |
padding-bottom:100px; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Zone principale :zone droite **/ |
#zone-droite { |
width:730px; |
margin-left:20px; |
float:left; |
height:auto; |
overflow:hidden; |
} |
#contenu { |
border:none; |
} |
#zone_contenu_corps { |
border:none; |
width:690px |
} |
#zone_contenu_corps li,#contenu li { |
list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png); |
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 .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:0; |
margin-top:5px; |
padding:20px; |
border:1px solid #9ac342; |
border-radius:10px;-moz-border-radius:10px;-webkit-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; |
} |
.onglets a {border:none |
} |
#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-size:13px; |
text-transform:uppercase; |
letter-spacing:0; |
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; |
border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-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:0 solid #c2c0ad; |
text-decoration:none; |
border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-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; |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa; |
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; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Bandeau Projets */ |
#bandeauProjets { |
width:845px; |
margin:20px 0; |
border:dotted 1px #fd8c13; |
border-radius:10px;-moz-border-radius:10px;-webkit-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:13px; |
} |
#bandeauProjets ul li p { |
padding-right:2px; |
} |
#bandeauProjets ul li a { |
color:#598000; |
font-weight:bold; |
} |
#bandeauProjets ul li h3 { |
padding: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; |
border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-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; |
border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Zone-bas-page :footer **/ |
#zone-bas-page { |
width:960px; |
clear:both; |
} |
#zone-bas-page div { |
width:900px; |
margin:20px 0 10px 0; |
text-align:center; |
} |
#zone-bas-page div ul li { |
display:inline; |
margin-left:10px; |
padding:6px 0 0 20px; |
line-height:22px; |
text-align:center; |
font-size:12px; |
font-family:arial; |
text-decoration:none; |
list-style:none; |
} |
#zone-bas-page #accueil { |
background:url(../images/accueil.png) no-repeat 0 2px; |
} |
#zone-bas-page #faq { |
background:url(../images/faq.png) no-repeat 0 2px; |
} |
#zone-bas-page #contact { |
background:url(../images/contact.png) no-repeat 0 2px; |
} |
#zone-bas-page #plan { |
background:url(../images/plan.png) no-repeat 0 2px; |
} |
#zone-bas-page #rss { |
background:url(../images/rss.png) no-repeat 0 2px; |
} |
#zone-bas-page #telechargement { |
background:url(../images/telechargement.png) no-repeat 0 2px; |
} |
#zone-bas-page #visite { |
background:url(../images/visite.png) no-repeat 0 2px; |
} |
#zone-bas-page #mentions { |
background:url(../images/mentions.gif) no-repeat 0 2px; |
} |
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active { |
font-weight:normal; |
color:#598000; |
text-decoration:none; |
} |
#zone-bas-page > div a:hover, #menupied a:focus { |
font-weight:normal; |
color:#fd8c13; |
text-decoration:none; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/** Contact Tela **/ |
#coordonees { |
width:905px; |
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/commun/generique/styles/defaut.css |
---|
1,215 → 1,256 |
/*****************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;} |
/*--------------------------------------------------------------------------------------------------------------*/ |
/* Structure de la page */ |
/* 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;} |
#zone_bandeau { |
position : absolute; |
top: 0%; |
left: 0%; |
width: 100%; |
height: 60px; |
} |
/* images */ |
img {border: 2px solid #CCC;} |
img.float-right {margin: 5px 0px 10px 10px;} |
img.float-left {margin: 5px 10px 10px 0px;} |
#logo { |
float : left; |
height: 20%; |
width: 20%; |
} |
h1, h2, h3, p {padding: 10px; margin: 0;} |
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;} |
ul span, ol span { color: #666666;} |
#site_nom { |
position : absolute; |
top: 0px; |
left: 100px; |
width: 40%; |
height: 5%; |
line-height: 5%; |
} |
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;} |
#menus_communs { |
position : absolute; |
bottom: 0px; |
left: 100px; |
margin: 0%; |
padding: 0%; |
} |
/* 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;} |
#menus_communs li { |
display: inline; |
line-height: 5%; |
} |
/* search */ |
#main form.search { |
position: absolute; |
top: 35px; right: 25px; |
background: transparent; |
border: none; |
#accessibilite { |
position : absolute; |
bottom: 0px; |
right: 0px; |
width: 40%; |
margin: 0%; |
padding: 0%; |
text-align: right; |
} |
#main form.search input.textbox { |
margin: 0; padding: 1px 2px; |
width: 120px; |
background: #FFF; |
color: #333; |
#accessibilite li { |
display: inline; |
line-height: 5%; |
} |
#main form.search input.button { |
background: #CCC url(../images/headerbg.gif) repeat-x; |
color: #333; |
border: none; |
width: 70px; height: 21px; |
#selecteur_monde { |
position : absolute; |
top: 0%; |
right: 0%; |
height: 10%; |
width: 40%; |
text-align: right; |
} |
.liste_bouton li {display:inline;} |
#selecteur_monde legend { |
display: none; |
} |
/******************************************** |
LAYOUT |
********************************************/ |
#wrap { |
width: 1009px; |
background: #CCC url(../images/content.jpg) repeat-y center top; |
margin: 0 auto; |
#selecteur_monde fieldset { |
border: 0px; |
margin: 1px; |
padding: 1px; |
text-align: right; |
} |
#moteur_recherche { |
position : absolute; |
top: 10%; |
right: 0%; |
height: 10%; |
width: 40%; |
text-align: right; |
} |
#zone_menu { |
position : absolute; |
top: 60px; |
left: 0%; |
width: 20%; |
margin: 5px 0px 50px 5px; |
padding: 5px 0px 50px 5px; |
} |
#zone_menu #menu_n1 { |
margin: 0px 0px 0px 5px; |
padding: 0px 0px 0px 0px; |
text-align: left; |
} |
#content-wrap { |
clear: both; |
width: 960px; |
padding: 0; |
margin: 0 auto; |
#zone_menu #menu_n2 { |
margin: 0px 0px 0px 10px; |
padding: 0px 0px 0px 0px; |
text-align: left; |
} |
#header { |
width: 1009px; |
position: relative; |
height: 106px; |
background: #CCC url(../images/header.jpg) no-repeat center top; |
padding: 0; |
font-size: 14px; |
color: #FFF; |
#zone_menu #menu_n3 { |
margin: 0px 0px 0px 10px; |
padding: 0px 0px 0px 0px; |
text-align: left; |
} |
#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; |
#zone_menu #identification { |
width: 100%; |
} |
#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; |
#identification fieldset { |
border: 0px; |
margin: 1px; |
padding: 1px; |
} |
#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;} |
#identification legend { |
display: none; |
} |
/* 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%;} |
#identification p { |
margin: 0%; |
padding: 0%; |
} |
/* 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;} |
#identification label { |
display: block; |
} |
/* alignment classes */ |
.float-left { float: left; } |
.float-right { float: right; } |
.align-left { text-align: left; } |
.align-right { text-align: right; } |
#zone_contenu { |
position : absolute; |
top: 60px; |
right: 0%; |
width: 75%; |
margin: 5px 5px 5px 5px; |
padding: 5px 5px 5px 5px; |
} |
/* display and additional classes */ |
.clear { clear: both; } |
.gray { color: #CCC; } |
#zone_contenu #zone_pied p { |
text-align: center; |
} |
/*--------------------------------------------------------------------------------------------------------------*/ |
/* Décoration */ |
#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;} |
body { |
font-size: 90%; |
font-family: arial, verdana, sans-serif; |
color:black; |
background-color: white; |
margin: 0px 0px 0px 0px; |
} |
h1 { |
font-size: 2em; |
color:black; |
background-color:transparent; |
text-align:left; |
} |
h2 { |
font-size: 1.8em; |
color:black; |
background-color:transparent; |
text-align:left; |
} |
h3 { |
font-size: 1.6em; |
color:black; |
background-color:transparent; |
text-align:left; |
} |
p { |
background-color:transparent; |
text-align:left; |
margin-left:0px; |
margin-right:0px; |
} |
form ul { |
list-style-type: none; |
} |
li { |
background-color:transparent; |
text-align:left; |
margin-left:0px; |
margin-right:0px; |
} |
a { |
font-weight: bold; |
color: black; |
background-color:transparent; |
text-decoration:none; |
} |
a:link { |
color: blue; |
} |
a:visited { |
color: #8b008b; |
} |
a:hover { |
background-color: #ffd700; |
} |
table { |
border-color:transparent; |
border-style:solid; |
border-width:1px; |
} |
td { |
text-align:left; |
background-color:transparent; |
border-color:transparent; |
border-style:solid; |
border-width:1px; |
} |
#zone_bandeau { |
border: 1px dashed red; |
} |
#zone_bandeau #logo h1 { |
font-size: 1em; |
} |
#zone_menu { |
border: 1px dashed blue; |
} |
#zone_menu ul { |
font-size: 100%; |
list-style-type: none; |
} |
#zone_contenu { |
border: 1px dashed green; |
} |
/*--------------------------------------------------------------------------------------------------------------*/ |
/* Camouflage du tableau de chronométrage */ |
#chrono { |
display: none; |
} |