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


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

Subversion Repositories Sites.tela-botanica.org

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