WebSVN – Sites.tela-botanica.org – Diff – /trunk/sites/commun/generique/styles/commun.css


@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: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;
}
 
/*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;
}

Rev 1038	Rev 1053
-		1	`@charset "UTF-8";`
1	`/* STYLE COMMUN / / Définition des polices exotiques */`	2	`/* STYLE COMMUN / / Définition des polices exotiques */`
2	`/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).`	3	`/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).`
3	`Pour windows, elle est remplacée par la police Helveticaneue2 */`	4	`Pour windows, elle est remplacée par la police Helveticaneue2 */`
4	`@font-face {`	5	`@font-face {`
5	`font-family:Helveticaneue;`	6	`font-family:Helveticaneue;`
6	`src:url('/commun/polices/helvetica_light.ttf');`	7	`src:url('/commun/polices/helvetica_light.ttf');`
7	`}`	8	`}`
8	`@font-face {`	9	`@font-face {`
9	`font-family:Helveticaneue2;`	10	`font-family:Helveticaneue2;`
10	`src:url('/commun/polices/helvetica_light.eot');`	11	`src:url('/commun/polices/helvetica_light.eot');`
11	`}`	12	`}`
12	`/+-----------------------------------------------------------------------------------------------------------------+/`	13	`/+-----------------------------------------------------------------------------------------------------------------+/`
13	`/* Redéfinition des styles par défaut des balises */`	14	`/* Redéfinition des styles par défaut des balises */`
14	`body {`	15	`body {`
15	`margin:0;`	16	`margin:0;`
16	`padding:0;`	17	`padding:0;`
17	`font-family:arial;`	18	`font-family:arial;`
18	`font-weight:normal;`	19	`font-weight:normal;`
19	`font-size:12px;`	20	`font-size:12px;`
20	`color:#222222;`	21	`color:#222222;`
21	`}`	22	`}`
22	`img, form, td, div, a, h1, h2 {`	23	`img, form, td, div, a, h1, h2 {`
23	`padding:0;`	24	`padding:0;`
24	`border:0;`	25	`border:0;`
25	`text-decoration:none;`	26	`text-decoration:none;`
26	`}`	27	`}`
27	`form, li, td, div, a {`	28	`form, li, td, div, a {`
28	`margin:0;`	29	`margin:0;`
29	`}`	30	`}`
30	`ul{`	31	`ul{`
31	`margin:15px 0;`	32	`margin:15px 0;`
32	`}`	33	`}`
33	`h1, h2, h3, h4 {`	34	`h1, h2, h3, h4 {`
34	`font-weight:bold;`	35	`font-weight:bold;`
35	`letter-spacing:0;`	36	`letter-spacing:0;`
36	`}`	37	`}`
37	`h1 {`	38	`h1 {`
38	`padding:0 0 0 25px;`	39	`padding:0 0 0 25px;`
39	`margin:20px 0 10px 0;`	40	`margin:20px 0 10px 0;`
40	`font-size:15px;`	41	`font-size:15px;`
41	`text-transform:uppercase;`	42	`text-transform:uppercase;`
42	`color:#fd8c13;`	43	`color:#fd8c13;`
43	`}`	44	`}`
44	`h2 {`	45	`h2 {`
45	`margin:20px 0 12px 0;`	46	`margin:20px 0 12px 0;`
46	`font-size:15px;`	47	`font-size:15px;`
47	`color:#FD8C13;`	48	`color:#FD8C13;`
48	`}`	49	`}`
49	`h3 {`	50	`h3 {`
50	`margin:20px 0 12px;`	51	`margin:20px 0 12px;`
51	`font-size:14px;`	52	`font-size:14px;`
52	`color:#454341;`	53	`color:#454341;`
53	`}`	54	`}`
54	`h4 {`	55	`h4 {`
55	`margin:2px 2px 2px 0;`	56	`margin:2px 2px 2px 0;`
56	`font-size:11px;`	57	`font-size:11px;`
57	`font-weight:normal;`	58	`font-weight:normal;`
58	`color:#AAAAAA;`	59	`color:#AAAAAA;`
59	`}`	60	`}`
60	`h1 a, h2 a, h3 a, h4 a {`	61	`h1 a, h2 a, h3 a, h4 a {`
61	`color:inherit;`	62	`color:inherit;`
62	`border-bottom: dotted 1px;`	63	`border-bottom: dotted 1px;`
63	`}`	64	`}`
64	`h3 a {`	65	`h3 a {`
65	`border-color:#CCCCCC;`	66	`border-color:#CCCCCC;`
66	`}`	67	`}`
67	`p {`	68	`p {`
68	`font-size:12px;`	69	`font-size:12px;`
69	`line-height:18px;`	70	`line-height:18px;`
70	`text-align:justify;`	71	`text-align:justify;`
71	`}`	72	`}`
72	`strong, b {`	73	`strong, b {`
73	`font-weight:bold;`	74	`font-weight:bold;`
74	`}`	75	`}`
75	`hr {`	76	`hr {`
76	`border:0;`	77	`border:0;`
77	`border-bottom:1px dotted #C2C0AD;`	78	`border-bottom:1px dotted #C2C0AD;`
78	`}`	79	`}`
79	`/* Prï¿½sentation des listes de définitions */`	80	`/* Présentation des listes de définitions */`
80	`dl {`	81	`dl {`
81	`width:100%;`	82	`width:100%;`
82	`}`	83	`}`
83	`dt {`	84	`dt {`
84	`float:left;`	85	`float:left;`
85	`font-weight:bold;`	86	`font-weight:bold;`
86	`text-align:top left;`	87	`text-align:top left;`
87	`margin-right:0.3em;`	88	`margin-right:0.3em;`
88	`}`	89	`}`
89	`dt:after { /* Remplace la classe ajout_2points */`	90	`dt:after { /* Remplace la classe ajout_2points */`
90	`content:" :";`	91	`content:" :";`
91	`}`	92	`}`
92	`dd {`	93	`dd {`
93	`width:auto;`	94	`width:auto;`
94	`margin:0.5em 0;`	95	`margin:0.5em 0;`
95	`}`	96	`}`
96	`/+-----------------------------------------------------------------------------------------------------------------+/`	97	`/+-----------------------------------------------------------------------------------------------------------------+/`
97	`/* Liens */`	98	`/* Liens */`
98	`a {`	99	`a {`
99	`color:#598000;`	100	`color:#598000;`
100	`border-bottom:1px dotted #95ae5d;`	101	`border-bottom:1px dotted #95ae5d;`
101	`}`	102	`}`
102	`a:hover {`	103	`a:hover {`
103	`color:#FD8C13;`	104	`color:#FD8C13;`
104	`border-bottom:1px dotted #95ae5d;`	105	`border-bottom:1px dotted #95ae5d;`
105	`}`	106	`}`
106	`/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */`	107	`/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */`
107	`a.lien-ext:after {`	108	`a.lien-ext:after {`
108	`content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);`	109	`content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);`
109	`}`	110	`}`
110	`/* Les liens externes doivent être précédés d'une icone */`	-
111	`a[href^="http://www."][target]:before{`	-
112	`content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";`	-
113	`}`	-
114	`/* Les liens internes ne doivent pas être précédés d'une icone */`	-
115	`a[href^="http://www.tela-botanica.org"][target]:before{`	-
116	`content:" ";`	-
117	`}`	-
118	`/* Gestion des fichiers PDF */`	111	`/* Gestion des fichiers PDF */`
119	`a[href$=".pdf"]:before , a.pdf:before {`	112	`a[href$=".pdf"]:before , a.pdf:before {`
120	`content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";`	113	`content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";`
121	`}`	114	`}`
122	`a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */`	115	`a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */`
123	`content:" "url(/sites/commun/generique/images/icones/mail.png);`	116	`content:" "url(/sites/commun/generique/images/icones/mail.png);`
124	`}`	117	`}`
125	`/+-----------------------------------------------------------------------------------------------------------------+/`	118	`/+-----------------------------------------------------------------------------------------------------------------+/`
126	`/* Classes & couleurs */`	119	`/* Classes & couleurs */`
127	`.rejoindre {`	120	`.rejoindre {`
128	`display:inline-block;`	121	`display:inline-block;`
129	`line-height:30px;`	122	`line-height:30px;`
130	`padding-left:30px;`	123	`padding-left:30px;`
131	`background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;`	124	`background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;`
132	`}`	125	`}`
133	`.cacher {`	126	`.cacher {`
134	`display:none;`	127	`display:none;`
135	`}`	128	`}`
136	`.transparent {`	129	`.transparent {`
137	`visibility:hidden;`	130	`visibility:hidden;`
138	`}`	131	`}`
139	`.sous-titre {`	132	`.sous-titre {`
140	`font-size:11px;`	133	`font-size:11px;`
141	`font-weight:normal;`	134	`font-weight:normal;`
142	`color:#AAAAAA;`	135	`color:#AAAAAA;`
143	`margin:0`	136	`margin:0`
144	`}`	137	`}`
145		138
146	`/* Classes d'importance */`	139	`/* Classes d'importance */`
147		140
148	`/* Mise en colonnes */`	141	`/* Mise en colonnes */`
149	`.importance1 {`	142	`.importance1 {`
150	`margin:10px 10px 20px 10px;`	143	`margin:10px 10px 20px 10px;`
151	`background-color:#eaedcd;`	144	`background-color:#eaedcd;`
152	`padding:8px;`	145	`padding:8px;`
153	`font-family:arial;`	146	`font-family:arial;`
154	`font-size:11px;`	147	`font-size:11px;`
155	`color:#3a3633;`	148	`color:#3a3633;`
156	`border-radius:10px;`	149	`border-radius:10px;`
157	`-moz-border-radius:10px;`	150	`-moz-border-radius:10px;`
158	`-webkit-border-radius:10px;`	151	`-webkit-border-radius:10px;`
159	`box-shadow:7px 7px 11px #555;`	152	`box-shadow:7px 7px 11px #555;`
160	`-moz-box-shadow:2px 2px 5px #aaa;`	153	`-moz-box-shadow:2px 2px 5px #aaa;`
161	`-webkit-box-shadow:7px 7px 11px #aaa;`	154	`-webkit-box-shadow:7px 7px 11px #aaa;`
162	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`	155	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`
163	`zoom:1;/* pour ie8 */`	156	`zoom:1;/* pour ie8 */`
164	`}`	157	`}`
165	`.importance1 input, .importance1 select {`	158	`.importance1 input, .importance1 select {`
166	`font-family:arial;`	159	`font-family:arial;`
167	`font-size:11px;`	160	`font-size:11px;`
168	`background-color:#fff;`	161	`background-color:#fff;`
169	`border:dotted 1px #7b9c35;`	162	`border:dotted 1px #7b9c35;`
170	`color:#3a3633;`	163	`color:#3a3633;`
171	`margin-bottom:7px;`	164	`margin-bottom:7px;`
172	`}`	165	`}`
173	`.importance1 .row .gauche {`	166	`.importance1 .row .gauche {`
174	`width:45%;`	167	`width:45%;`
175	`padding-left:4%;`	168	`padding-left:4%;`
176	`}`	169	`}`
177	`.importance1 .row .gauche:first-child {`	170	`.importance1 .row .gauche:first-child {`
178	`border-right:dotted 1px #AAAAAA`	171	`border-right:dotted 1px #AAAAAA`
179	`}`	172	`}`
180	`.importance2 {`	173	`.importance2 {`
181	`margin:10px;`	174	`margin:10px;`
182	`padding:10px;`	175	`padding:10px;`
183	`border-radius:10px;`	176	`border-radius:10px;`
184	`-moz-border-radius:10px;`	177	`-moz-border-radius:10px;`
185	`-webkit-border-radius:10px;`	178	`-webkit-border-radius:10px;`
186	`box-shadow:7px 7px 11px #555;`	179	`box-shadow:7px 7px 11px #555;`
187	`-moz-box-shadow:2px 2px 9px #aaa;`	180	`-moz-box-shadow:2px 2px 9px #aaa;`
188	`-webkit-box-shadow:7px 7px 11px #aaa;`	181	`-webkit-box-shadow:7px 7px 11px #aaa;`
189	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`	182	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`
190	`zoom:1;/* pour ie8 */`	183	`zoom:1;/* pour ie8 */`
191	`}`	184	`}`
192	`.importance3 {`	185	`.importance3 {`
193	`margin:10px;`	186	`margin:10px;`
194	`padding:20px;`	187	`padding:20px;`
195	`border-radius:10px;`	188	`border-radius:10px;`
196	`-moz-border-radius:10px;`	189	`-moz-border-radius:10px;`
197	`-webkit-border-radius:10px;`	190	`-webkit-border-radius:10px;`
198	`zoom:1;/* pour ie8 */`	191	`zoom:1;/* pour ie8 */`
199	`}`	192	`}`
200	`.importance4 {`	193	`.importance4 {`
201	`margin:10px;`	194	`margin:10px;`
202	`padding:20px;`	195	`padding:20px;`
203	`background-color:#fff;`	196	`background-color:#fff;`
204	`border:1px solid #fff;`	197	`border:1px solid #fff;`
205	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`	198	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`
206	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`	199	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`
207	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`	200	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`
208	`zoom:1;/* pour ie8 */`	201	`zoom:1;/* pour ie8 */`
209	`}`	202	`}`
210	`.importance1 h1,.importance2 h1,.importance3 h1,.importance4 h1{`	203	`.importance1 h1,.importance2 h1,.importance3 h1,.importance4 h1{`
211	`margin:0 0 10px 0;`	204	`margin:0 0 10px 0;`
212	`padding:0 0 0 25px;`	205	`padding:0 0 0 25px;`
213	`}`	206	`}`
214	`.importance1 h2,.importance1 h3,.importance2 h2,.importance2 h3,.importance3 h2,.importance3 h3,.importance4 h2,.importance4 h3 {`	207	`.importance1 h2,.importance1 h3,.importance2 h2,.importance2 h3,.importance3 h2,.importance3 h3,.importance4 h2,.importance4 h3 {`
215	`margin:0;`	208	`margin:0;`
216	`}`	209	`}`
217		210
218	`/* Flottant */`	211	`/* Flottant */`
219	`.gauche {`	212	`.gauche {`
220	`float:left;`	213	`float:left;`
221	`}`	214	`}`
222	`.droite {`	215	`.droite {`
223	`float:right;`	216	`float:right;`
224	`}`	217	`}`
225	`.floatLeft {`	218	`.floatLeft {`
226	`float:left;`	219	`float:left;`
227	`}`	220	`}`
228	`.petitcarre, .lire-suite {`	221	`.petitcarre, .lire-suite {`
229	`padding-left:10px;`	222	`padding-left:10px;`
230	`background:url(../images/petitCarre.jpg) no-repeat 0px 4px;`	223	`background:url(../images/petitCarre.jpg) no-repeat 0px 4px;`
231	`}`	224	`}`
232	`.voir-tout {`	225	`.voir-tout {`
233	`padding:10px 0 0 30px;`	226	`padding:10px 0 0 30px;`
234	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`	227	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`
235	`}`	228	`}`
236	`.troiscarre {`	229	`.troiscarre {`
237	`padding-left:30px;`	230	`padding-left:30px;`
238	`background:url(../images/troisCarre.png) no-repeat 5px 5px;`	231	`background:url(../images/troisCarre.png) no-repeat 5px 5px;`
239	`}`	232	`}`
240	`.voir-tout, .telecharger, .acceder {`	233	`.voir-tout, .telecharger, .acceder {`
241	`padding:10px 0 0 30px;`	234	`padding:10px 0 0 30px;`
242	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`	235	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`
243	`}`	236	`}`
244	`#zone_contenu_corps li.telecharger, #zone_contenu_corps li.voir-tout, #zone_contenu_corps li.acceder {`	237	`#zone_contenu_corps li.telecharger, #zone_contenu_corps li.voir-tout, #zone_contenu_corps li.acceder {`
245	`list-style:none;`	238	`list-style:none;`
246	`}`	239	`}`
247		240
248	`/* OBSOLETE : A ENLEVER*/`	241	`/* OBSOLETE : A ENLEVER*/`
249	`#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {`	242	`#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {`
250	`padding:10px 0 0 30px;`	243	`padding:10px 0 0 30px;`
251	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`	244	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`
252	`}`	245	`}`
253	`.nettoyage {`	246	`.nettoyage {`
254	`clear:both;`	247	`clear:both;`
255	`}`	248	`}`
256	`hr.nettoyage {`	249	`hr.nettoyage {`
257	`visibility:hidden;`	250	`visibility:hidden;`
258	`}`	251	`}`
259		252
260	`/* Taille des cadres */`	253	`/* Taille des cadres */`
261	`.demi {`	254	`.demi {`
262	`width:50%;`	255	`width:50%;`
263	`}`	256	`}`
264	`.tiers {`	257	`.tiers {`
265	`width:33%`	258	`width:33%`
266		259
267	`}`	260	`}`
268	`.deux-tiers {`	261	`.deux-tiers {`
269	`width:66%;`	262	`width:66%;`
270	`}`	263	`}`
271	`/*.plein {`	264	`/*.plein {`
272	`width:620px;`	265	`width:620px;`
273	`}*/`	266	`}*/`
274	`/* Typographies */`	267	`/* Typographies */`
275	`/*.orange {`	268	`/*.orange {`
276	`color:#fd8c13;`	269	`color:#fd8c13;`
277	`font-family:arial;`	270	`font-family:arial;`
278	`}*/`	271	`}*/`
279	`/*p.orange {`	272	`/*p.orange {`
280	`line-height:12px;`	273	`line-height:12px;`
281	`}*/`	274	`}*/`
282	`/*.blanc {`	275	`/*.blanc {`
283	`color:#fff;`	276	`color:#fff;`
284	`}`	277	`}`
285	`p.blanc {`	278	`p.blanc {`
286	`font-size:11px;`	279	`font-size:11px;`
287	`line-height:12px;`	280	`line-height:12px;`
288	`}*/`	281	`}*/`
289	`.vertpetit {`	282	`.vertpetit {`
290	`color:#598000;`	283	`color:#598000;`
291	`font-family:arial;`	284	`font-family:arial;`
292	`font-size:11px;`	285	`font-size:11px;`
293	`font-weight:bold;`	286	`font-weight:bold;`
294	`}`	287	`}`
295	`.discretion {`	288	`.discretion {`
296	`color:#3a3633;`	289	`color:#3a3633;`
297	`font-family:arial;`	290	`font-family:arial;`
298	`font-size:11px;`	291	`font-size:11px;`
299	`font-weight:bold;`	292	`font-weight:bold;`
300	`}`	293	`}`
301	`/*.gris {`	294	`/*.gris {`
302	`color:#3a3633;`	295	`color:#3a3633;`
303	`font-family:arial;`	296	`font-family:arial;`
304	`font-size:12px;`	297	`font-size:12px;`
305	`}*/`	298	`}*/`
306	`/*.overflow-hidden {`	299	`/*.overflow-hidden {`
307	`overflow:hidden;`	300	`overflow:hidden;`
308	`}*/`	301	`}*/`
309	`#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {`	302	`#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {`
310	`color:#FD8C13;`	303	`color:#FD8C13;`
311	`}`	304	`}`
312	`.acceder-outil {`	305	`.acceder-outil {`
313	`background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;`	306	`background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;`
314	`padding:4px 10px 4px 30px;`	307	`padding:4px 10px 4px 30px;`
315	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`	308	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`
316	`color:#6C6865;`	309	`color:#6C6865;`
317	`font-family:helveticaneue;`	310	`font-family:helveticaneue;`
318	`font-size:15px;`	311	`font-size:15px;`
319	`border:none`	312	`border:none`
320	`}`	313	`}`
321	`#zone_contenu_corps img {`	314	`#zone_contenu_corps img {`
322	`margin:0 5px 0 5px;`	315	`margin:0 5px 0 5px;`
323	`}`	316	`}`
324	`#zone-accueil img {`	317	`#zone-accueil img {`
325	`margin:0;`	318	`margin:0;`
326	`}`	319	`}`
327	`#zone_contenu_corps h1, #contenu h1 {`	320	`#zone_contenu_corps h1, #contenu h1 {`
328	`background:url(../images/troisCarre.png) no-repeat 0 5px;`	321	`background:url(../images/troisCarre.png) no-repeat 0 5px;`
329	`}`	322	`}`
330	`/+-----------------------------------------------------------------------------------------------------------------+/`	323	`/+-----------------------------------------------------------------------------------------------------------------+/`
331	`/* Tableau :encadré */`	324	`/* Tableau :encadré */`
332	`/* Ancien table_cadre */`	325	`/* Ancien table_cadre */`
333	`table {`	326	`table {`
334	`border:1px solid #9ac342;`	327	`border:1px solid #9ac342;`
335	`border-collapse:collapse;`	328	`border-collapse:collapse;`
336	`}`	329	`}`
337	`table thead, table tfoot {`	330	`table thead, table tfoot {`
338	`background-color:#EEE;`	331	`background-color:#EEE;`
339	`border:1px solid #9ac342;`	332	`border:1px solid #9ac342;`
340	`}`	333	`}`
341	`table tbody {`	334	`table tbody {`
342	`background-color:#FFF;`	335	`background-color:#FFF;`
343	`border:1px solid #9ac342;`	336	`border:1px solid #9ac342;`
344	`}`	337	`}`
345	`table th {`	338	`table th {`
346	`font-family:monospace;`	339	`font-family:monospace;`
347	`border:1px dotted #9ac342;`	340	`border:1px dotted #9ac342;`
348	`padding:5px;`	341	`padding:5px;`
349	`background-color:#EEE;`	342	`background-color:#EEE;`
350	`}`	343	`}`
351	`table td {`	344	`table td {`
352	`font-family:arial;`	345	`font-family:arial;`
353	`border:1px dotted #9ac342;`	346	`border:1px dotted #9ac342;`
354	`padding:5px;`	347	`padding:5px;`
355	`text-align:left;`	348	`text-align:left;`
356	`}`	349	`}`
357	`table caption {`	350	`table caption {`
358	`font-family:sans-serif;`	351	`font-family:sans-serif;`
359	`}`	352	`}`
360	`table th[title]:after {`	353	`table th[title]:after {`
361	`content:" "url(/sites/commun/generique/images/icones/aide.png);`	354	`content:" "url(/sites/commun/generique/images/icones/aide.png);`
362	`}`	355	`}`
363	`.alterner tr:nth-child(even) {`	356	`.alterner tr:nth-child(even) {`
364	`background-color: #CFCFCF ;`	357	`background-color: #CFCFCF ;`
365	`}`	358	`}`
366	`.alterner-pair tr:nth-child(odd) {`	359	`.alterner-pair tr:nth-child(odd) {`
367	`background-color: #CFCFCF ;`	360	`background-color: #CFCFCF ;`
368	`}`	361	`}`
369	`/+-----------------------------------------------------------------------------------------------------------------+/`	362	`/+-----------------------------------------------------------------------------------------------------------------+/`
370	`/* Défintion des styles de l'applette syndication */`	363	`/* Défintion des styles de l'applette syndication */`
371	`.contenu_RSS h3 {`	364	`.contenu_RSS h3 {`
372	`margin:0;`	365	`margin:0;`
373	`}`	366	`}`
374	`.contenu_RSS h4 {`	367	`.contenu_RSS h4 {`
375	`font-size:11px;`	368	`font-size:11px;`
376	`font-weight:normal;`	369	`font-weight:normal;`
377	`}`	370	`}`
378	`#contenu h2:before, #zone_contenu_corps h2:before {`	371	`#contenu h2:before, #zone_contenu_corps h2:before {`
379	`content:"> ";`	372	`content:"> ";`
380	`}`	373	`}`
381	`#zone_contenu_corps .traitTela li {`	374	`#zone_contenu_corps .traitTela li {`
382	`list-style:none;`	375	`list-style:none;`
383	`padding:10px 0 0 30px;`	376	`padding:10px 0 0 30px;`
384	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`	377	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`
385	`font-family:arial;`	378	`font-family:arial;`
386	`font-size:11px;`	379	`font-size:11px;`
387	`font-weight:bold;`	380	`font-weight:bold;`
388	`}`	381	`}`
389	`.traitTela li a {`	382	`.traitTela li a {`
390	`font-family:arial;`	383	`font-family:arial;`
391	`font-size:11px;`	384	`font-size:11px;`
392	`font-weight:bold;`	385	`font-weight:bold;`
393	`}`	386	`}`
394	`/+-----------------------------------------------------------------------------------------------------------------+/`	387	`/+-----------------------------------------------------------------------------------------------------------------+/`
395	`/* Menu supérieur */`	388	`/* Menu supérieur */`
396	`/* TODO :mettre les petits carrés à la bonne place */`	389	`/* TODO :mettre les petits carrés à la bonne place */`
397	`#zone-menu-haut {`	390	`#zone-menu-haut {`
398	`position:absolute;`	391	`position:absolute;`
399	`top:0;`	392	`top:0;`
400	`width:880px;`	393	`width:880px;`
401	`height:12px;`	394	`height:12px;`
402	`margin:8px auto 0 0;`	395	`margin:8px auto 0 0;`
403	`text-align:center;`	396	`text-align:center;`
404	`font-family:arial;`	397	`font-family:arial;`
405	`font-size:12px;`	398	`font-size:12px;`
406	`color:#3a3633;`	399	`color:#3a3633;`
407	`}`	400	`}`
408	`#zone-menu-haut ul {`	401	`#zone-menu-haut ul {`
409	`list-style-image:url(../images/petitCarre.jpg);`	402	`list-style-image:url(../images/petitCarre.jpg);`
410	`margin:0;`	403	`margin:0;`
411	`padding:0;`	404	`padding:0;`
412	`}`	405	`}`
413	`#zone-menu-haut ul li {`	406	`#zone-menu-haut ul li {`
414	`float:left;`	407	`float:left;`
415	`}`	408	`}`
416	`#zone-visiteur li {`	409	`#zone-visiteur li {`
417	`text-align:left;`	410	`text-align:left;`
418	`display:block;`	411	`display:block;`
419	`width:130px;`	412	`width:85px;`
420	`padding-left:10px;`	413	`padding-left:10px;`
421	`background:url(../images/petitCarre.jpg) no-repeat left center;`	414	`background:url(../images/petitCarre.jpg) no-repeat left center;`
422	`}`	415	`}`
423	`#zone-acces-rapide {`	416	`#zone-acces-rapide {`
424	`float:right;`	417	`float:right;`
425	`}`	418	`}`
426	`#zone-menu-haut #seconnecter {`	419	`#zone-menu-haut #seconnecter {`
427	`margin:0;`	420	`margin:0;`
428	`padding-left:10px;`	421	`padding-left:10px;`
429	`}`	422	`}`
-		423
-		424	`#zone-visiteur li.mini_lien_profil {`
-		425	`width:200px;`
-		426	`margin-left:5px;`
-		427	`}`
-		428
430	`#zone-menu-haut #don {`	429	`#zone-menu-haut #don {`
431	`width:110px;`	430	`width:110px;`
432	`margin:0;`	431	`margin:0;`
433	`}`	432	`}`
434	`#zone-menu-haut #lettre {`	433	`#zone-menu-haut #lettre {`
435	`width:120px;`	434	`width:120px;`
436	`margin:0;`	435	`margin:0;`
437	`}`	436	`}`
438	`#zone-menu-haut #recherche, .drapeau{`	437	`#zone-menu-haut #recherche, .drapeau{`
439	`list-style:none;`	438	`list-style:none;`
440	`}`	439	`}`
441	`#zone-menu-haut #recherche {`	440	`#zone-menu-haut #recherche {`
442	`width:185px;`	441	`width:185px;`
443	`padding-left:5px;`	442	`padding-left:5px;`
444	`text-align:left;`	443	`text-align:left;`
445	`}`	444	`}`
446	`#zone-menu-haut #recherche fieldset {`	445	`#zone-menu-haut #recherche fieldset {`
447	`width:185px;`	446	`width:185px;`
448	`padding:0;`	447	`padding:0;`
449	`border-style:none;`	448	`border-style:none;`
450	`}`	449	`}`
451	`#zone-menu-haut #recherche input {`	450	`#zone-menu-haut #recherche input {`
452	`height:13px;`	451	`height:13px;`
453	`width:150px;`	452	`width:150px;`
454	`font-size:12px;`	453	`font-size:12px;`
455	`margin:-15px 0 0 -2px;`	454	`margin:-15px 0 0 -2px;`
456	`}`	455	`}`
457	`#zone-menu-haut #recherche legend, #recherche label {`	456	`#zone-menu-haut #recherche legend, #recherche label {`
458	`display:none;`	457	`display:none;`
459	`}`	458	`}`
460	`#zone-menu-haut #recherche #more_ok {`	459	`#zone-menu-haut #recherche #more_ok {`
461	`width:25px;`	460	`width:25px;`
462	`height:20px;`	461	`height:20px;`
463	`}`	462	`}`
464	`#zone-menu-haut .drapeau {`	463	`#zone-menu-haut .drapeau {`
465	`width:15px;`	464	`width:15px;`
466	`margin-left:10px;`	465	`margin-left:10px;`
467	`}`	466	`}`
468	`#zone-menu-haut a {`	467	`#zone-menu-haut a {`
469	`font-family:arial;`	468	`font-family:arial;`
470	`font-size:12px;`	469	`font-size:12px;`
471	`}`	470	`}`
472	`#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {`	471	`#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {`
473	`color:#598000;`	472	`color:#598000;`
474	`}`	473	`}`
475	`#zone-menu-haut a:hover, #zone-menu-haut a:focus {`	474	`#zone-menu-haut a:hover, #zone-menu-haut a:focus {`
476	`color:#fd8c13;`	475	`color:#fd8c13;`
477	`}`	476	`}`
478	`/+-----------------------------------------------------------------------------------------------------------------+/`	477	`/+-----------------------------------------------------------------------------------------------------------------+/`
479	`#zone-principale {`	478	`#zone-principale {`
480	`width:960px;`	479	`width:960px;`
481	`margin-left:auto;`	480	`margin-left:auto;`
482	`margin-right:auto`	481	`margin-right:auto`
483	`}`	482	`}`
484	`/+-----------------------------------------------------------------------------------------------------------------+/`	483	`/+-----------------------------------------------------------------------------------------------------------------+/`
485	`/* Bandeau Haut des Univers */`	484	`/* Bandeau Haut des Univers */`
486	`.zone-haut {`	485	`.zone-haut {`
487	`height:123px;`	486	`height:123px;`
488	`width:885px;`	487	`width:885px;`
489	`margin:32px 0 0 0;`	488	`margin:32px 0 0 0;`
490	`}`	489	`}`
491		490
492	`/* Logo Tela Botanica */`	491	`/* Logo Tela Botanica */`
493	`#zone-logo-tela {`	492	`#zone-logo-tela {`

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/commun.css @ 1123 – Rev 1038 → 1053