#HTTP_HEADER{Content-Type: text/css;}
@charset "utf-8";
@font-face {
font-family: "UniveCon";
src: url('#CHEMIN{font/UniveCon.ttf}');
}
@font-face {
font-family: "UniveConBol";
src: url('#CHEMIN{font/UniveConBol.ttf}');
}
/*
Les couleurs, de haut en bas pour partie :
> "1 Graine de jardin" : #0d8489
> "2 Les réseaux" : #597a89
> "4 Les Jardins" : #5f8918
> "3 Agenda" : #406715
> "5 Médiathèque" : #3c4c0f
> "6 Troc vert" : #412809
> "9 Accueil et transversal : #6e6a69"
id_secteur :#ID_SECTEUR
Couleur des liens pour la partie "Quincaillerie" (trois derniers items du menu ppal) : #6e6a69
*/
[(#ID_SECTEUR|=={1}|?{#SET{couleur_rub#ID_SECTEUR,#0d8489}})]
[(#ID_SECTEUR|=={2}|?{#SET{couleur_rub#ID_SECTEUR,#597a89}})]
[(#ID_SECTEUR|=={4}|?{#SET{couleur_rub#ID_SECTEUR,#5f8918}})]
[(#ID_SECTEUR|=={3}|?{#SET{couleur_rub#ID_SECTEUR,#406715}})]
[(#ID_SECTEUR|=={5}|?{#SET{couleur_rub#ID_SECTEUR,#3c4c0f}})]
[(#ID_SECTEUR|=={6}|?{#SET{couleur_rub#ID_SECTEUR,#412809}})]
[(#ID_SECTEUR|=={9}|?{#SET{couleur_rub#ID_SECTEUR,#6e6a69}})]
/* couleur rub#ID_SECTEUR #GET{couleur_rub#ID_SECTEUR}*/
html {
width: 100%;
margin:0;
}
body {
width: 100%;
margin:0;
overflow-x:hidden;
overflow-y:scroll;
}
/*** CSS GENERAUX ***/
hr.break{
border: none;
width: 0;
height: 0;
margin: 0;
padding: 0;
clear: both;
line-height: 0;
background-image: none!important;
}
hr.spip{
border: none;
width: 0;
height: 0;
margin: 0;
padding: 0;
clear: both;
line-height: 0;
background-image: none!important;
}
.loading{
opacity: 1!important;
}
.spip_surligne{
color: black;
}
/*** CONSTRUCTION DE LA PAGE ***/
/*******************************/
#page{
position:relative;
width: 993px;
overflow:hidden;
margin:auto;
min-height:1000px;
}
#decors{
width:993px;
margin: auto;
}
#volute{
height:955px;
z-index:0;
position:fixed;
}
#volute_degrade{
z-index:0;
position:fixed;
}
#volute_couvercle{
z-index: 19;
margin: 0 0 0px 285px;
position:fixed;
opacity: 1;
}
#spip-admin{
right:0;
font-family: verdana;
font-size: 10px;
}
/*** MENU GAUCHE ***/
/*******************/
#boite_menu_gauche{
font-size:13px;
letter-spacing: 0;
position: absolute;
width:211px;
top:145px;
left:52px;
overflow:hidden;
background: white;
/*font-family: helvetica, arial !important;*/
/*font-weight: 800;*/
font-family: UniveConBol, helvetica, arial !important;
}
#boite_menu_gauche #logo_accueil{
height: 88px;
width: 211px;
}
#pied_menu_gauche{
width: 211px;
position:fixed;
z-index:20;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0px bottom;
}
#menu_gauche{
width: 188px;
padding: 8px 6px 35px 17px;
background-image: url(#CHEMIN{images/jardinons_ensemble.png});
background-repeat: no-repeat;
background-position: 0px 0;
right: 0px;
}
#fond_menu_gauche{
/* pour faire un fond blanc sous le contenu mais pas les tetes et pieds */
width:211px;
background: white;
margin : 0px 0px 0px 0px;
position: absolute;
bottom:85px;
top:158px;
left:0px;
z-index:-1;
}
#boite_menu_gauche ul{
margin:15px 0 0 0;
padding:0;
list-style:none;
}
#boite_menu_gauche ul ul{
margin:2px 0 0 0;
}
#boite_menu_gauche ul li li{
margin: 0 0 2px 0;
line-height: 12px;
}
#boite_menu_gauche ul li{
margin:0;
padding:0;
list-style:none;
line-height:16px;
/*color:#GET{couleur_rub#ID_SECTEUR};*/
}
#boite_menu_gauche ul li.on{
margin: 10px 0 10px 0;
}
#boite_menu_gauche a{
text-transform: ;
text-decoration : none;
font-size: 12.5px;
color: inherit!important;
font-weight: normal!important;
letter-spacing : -0.0px;
}
#boite_menu_gauche a .menu_soustitre{
line-height: 14px;
}
#boite_menu_gauche ul li ul li a, #boite_menu_gauche ul li ul li{
font-size: 10.5px;
}
#boite_menu_gauche a:hover{
color:black!important;
}
/*** CABANE A OUTILS ***/
/***********************/
/*** CONSTRUCTION BOITES CABANE ***/
#conteneur_cabane{
width:211px;
position:absolute;
top: 59px;
left: 750px;
z-index:20;
font-family: UniveConBol, helvetica, arial;
font-weight: normal;
}
#tete_cabane{
width:211px;
overflow: hidden;
position: fixed;
padding : 0;
z-index:2000;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 0;
}
#pied_cabane{
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 bottom;
}
#menu_cabane{
width:211px;
background-repeat: no-repeat;
margin : 0;
padding: 30px 5px 10px 11px;
}
#fond_cabane{
/* pour faire un fond blanc sous le contenu mais pas les tetes et pieds */
width:100%;
background: white;
margin : 0px 0px 0px 0px;
position: absolute;
bottom:85px;
top:85px;
z-index:-1;
}
/*** CONTENU CABANE ***/
#conteneur_cabane h3{
text-transform: uppercase;
font-size: 12.5px;
margin:0;
font-family: UniveConBol, helvetica, arial;
font-weight: normal;
}
#conteneur_cabane a{
text-transform: uppercase;
text-decoration : none;
font-size: 12.5px;
color: #GET{couleur_rub#ID_SECTEUR};
font-weight: normal!important;
letter-spacing : -0.0px;
}
#conteneur_cabane a:hover{
color: black;
}
#conteneur_cabane hr, .colonne_like hr{
border: none;
width: 186px;
height: 7px;
margin:9px 0 12px 0;
padding:0;
background-image: url(#CHEMIN{images/filet_cabane.png});
}
#conteneur_cabane ul{
margin:4px 0 0 0;
padding:0;
list-style:none;
}
#conteneur_cabane ul li{
margin:0;
padding:0;
list-style:none;
line-height:16px;
height:16px;
}
/*** recherche cabane ***/
#conteneur_cabane input#recherche, #menu_gauche input#recherche, #conteneur_cabane input#tags, #conteneur_cabane select{
font-family: UniveConBol, helvetica, arial;
border:#ccc 1px solid;
width:167px;
height: 12px;
font-size: 12px;
margin: 5px 0 3px 0!important;
padding:1px;
background-image: none;
}
#menu_gauche input#recherche{
width: 150px;
}
#conteneur_cabane select{
height:20px;
width: 185px;
background: white;
}
#conteneur_cabane #formulaire_recherche label, #menu_gauche #formulaire_recherche label{
color: #GET{couleur_rub#ID_SECTEUR};
font-size:9.3px!important;
letter-spacing : -0px;
font-weight: normal;
font-family: UniveConBol, helvetica, arial;
width:180px;
}
.ui-autocomplete li{
font-size:11.6px!important;
font-family: UniveConBol, helvetica, arial;
height: 16px;
}
/*** outils cabane ***/
#cabane_outils{
margin: 5px 0 0 0;
}
#cabane_outils h4{
padding: 0;
margin: 0;
}
#cabane_outils a{
margin:0;
padding: 0;
font-size:9.3px;
text-transform: uppercase;
}
#cabane_outil_1, #cabane_outil_2, #cabane_outil_3, #cabane_outil_4, #cabane_outil_5, #cabane_outil_6, #cabane_outil_7, #cabane_outil_8{
float:left;
}
#cabane_outil_2, #cabane_outil_3, #cabane_outil_6{
text-align: center;
}
#cabane_outil_7, #cabane_outil_8{
text-align: right;
}
/**************/
/*** AGENDA ***/
/*** CALENDRIER */
#calendar {
font-family: UniveConBol, helvetica, arial;
font-size: 14px;
text-align:center;
margin:0 0 0 0px;
padding:0px;
}
#calendar table {
margin: 0;
padding: 0;
border-spacing: 0px;
border-collapse: collapse;
border: 1px solid #ccc;
}
#calendar caption {
font-size: 13px;
color: black;
text-transform : uppercase;
background-color:white;
line-height:13px;
padding:2px 0;
margin:0 2px;
width:px;
text-align: left;
}
#calendar caption a {
font-size:19px;
text-decoration: none;
color: #GET{couleur_rub#ID_SECTEUR};
text-transform : uppercase;
}
#calendar th {
height: 22px;
width: 23px;
background:black;
font-weight:normal;
color:#666;
padding:4px 1px 1px 1px;
margin:0px;
font-size:16px!important;
line-height:16px!important;
border: 1px #444 solid;
}
#calendar th abbr {
border: none;
font-weight:bold;
color:#GET{couleur_rub#ID_SECTEUR};
padding:0;
margin:0;
}
#calendar tbody{
padding:0;
margin:0;
}
#calendar td {
height: 22px;
margin:0;
padding:2px 1px 1px 1px;
text-align: center;
color:white;
border: 1px #ccc dotted;
}
#calendar td.horsperiode {
background:white;
color:white;
border: none;
}
#calendar td.occupe {
background:#404526;
}
#calendar td.libre {
font-family: UniveCon;
color: black;
background-color: ;
}
#calendar td a {
}
#calendar td span {
color: #aaa;
}
#calendar td a:hover {
color: #fff;
}
#calendar td.occupe {
background:#GET{couleur_rub#ID_SECTEUR};
}
#calendar td.occupe a {
color:white;
}
#calendar td a {
text-decoration: none;
display: block;
color:white;
}
#calendar td span {
color: #aaa;
}
#calendar td a:hover {
color: #fff;
font-weight:bold;
}
#calendar td.today {
}
#calendar td.today a{
}
/*** FIN CABANE ***/
/**********************/
/*** GRANDE COLONNE ***/
/*** FIL d'ARIANE ***/
#fil_ariane{
height: 35px;
width: 424px;
background: white;
position: fixed;
z-index: 20;
top:85px;
padding: 0 10px 0 10px;
color: #GET{couleur_rub#ID_SECTEUR};
font-family: UniveCon;
text-transform: uppercase;
font-size: 10.5px;
overflow: hidden;
border-bottom : 7px white solid;
}
#accueil #fil_ariane{
position: relative;
top: -4px;
left: 0;
padding: 0;
margin-bottom: 18px;
}
#fil_ariane h3{
margin: 0 0 0 0px;
font-weight: normal!important;
line-height: 14px;
text-indent: 0px;
}
#fil_ariane h3 a{
text-decoration: none;
font-family: UniveConBol;
font-weight: normal!important;
color: #GET{couleur_rub#ID_SECTEUR};
}
#fil_ariane hr{
width: 424px;
height:7px;
margin:0px 0 0 0;
padding:0;
border: none;
position: absolute;
bottom: 0px;
background-image: url(#CHEMIN{images/filet_cabane.png});
background-repeat: repeat-x;
}
/*** CONSTRUCTION COLONNE ***/
#colonne{
width:444px ;
margin-left:285px ;
margin-bottom:0px;
padding: 0;
background-color: ;
overflow:hidden;
position: relative;
}
#fond_colonne{
/* pour faire un fond blanc sous la colonne mais pas le pied */
width:100%;
background:white ;
margin : 0px 0px 0px 0px;
position:absolute ;
bottom:85px;
top:0px;
z-index:0;
}
#pied_colonne{
width:100%;
margin : 0px 0px 0px 0px;
padding: 50px 0 30px 0;
position: relative;
bottom:0px;
top:0px;
z-index:10;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 bottom;
}
#contenu_colonne{
background: ;
padding: 90px 10px 10px 10px;
position: relative;
top:0px;
}
/*** CONTENU COLONNE ***/
#colonne, .colonne_like {
font-family: arial!important;
font-size: 12.5px;
line-height: 20px;
}
#colonne a, .colonne_like a{
text-transform: uppercase;
text-decoration : normal;
color: #GET{couleur_rub#ID_SECTEUR};
font-weight: bold;
font-size: 11px;
}
#colonne a:hover, .colonne_like a:hover{
color:black!important;
}
/*** BREVE ACTU APRES COLONNE RUBRIQUE ***/
#breve_actu_conteneur{
position: relative;
width:211px;
margin: 0px 0 0 0px;
z-index:0;
font-family: UniveConBol, helvetica, arial;
font-weight: normal;
float:left;
}
#breve_actu_tete{
width:211px;
padding : 0;
z-index:2000;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 0;
}
#breve_actu_pied{
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 bottom;
}
#breve_actu_fond{
/* pour faire un fond blanc sous le contenu mais pas les tetes et pieds */
width:100%;
background: white;
margin : 0px 0px 0px 0px;
position: absolute;
bottom:85px;
top:85px;
z-index:-1;
}
#breve_actu_contenu{
background-repeat: no-repeat;
margin : 0;
padding: 28px 5px 30px 11px;
}
#breve_actu_conteneur ul{
margin: 0;
padding: 0;
list-style:none;
}
#breve_actu_conteneur h1{
margin: 0;
padding: 0;
}
/*** BREVE CONTENU ***/
#breve_colonne a{
font-size: 10.5px!important;
font-family: UniveConBol, helvetica, arial;
margin: 2px 0 0 0;
font-weight: normal;
}
#breve_colonne h1{
text-transform : uppercase;
font-size: 14.5px;
margin: 5px 0 20px 0;
font-family: UniveConBol, helvetica, arial;
line-height:13px;
font-weight: normal;
}
#breve_colonne h2{
font-family: UniveConBol, helvetica, arial;
margin: 2px 0 0 0;
font-weight: normal;
}
#breve_colonne h2 a{
text-transform : uppercase;
font-size: 11.5px!important;
font-weight: normal;
}
#breve_actu_conteneur li{
margin: 0px 0 15px 0;
line-height: 15px;
}
#breve_colonne .dynamo{
color: white;
background: #GET{couleur_rub#ID_SECTEUR};
margin: 0 2px 0 0;
padding: 0px 2px 0 2px;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
white-space: nowrap;
}
#breve_colonne .carac{
text-transform : uppercase;
font-size: 11px;
line-height:13px;
white-space: ;
font-weight: bold;
color: #GET{couleur_rub#ID_SECTEUR};
}
/*** CONTENU DES LISTES EN COLONNE ***/
#colonne .liste{
line-height: 16px;
}
#colonne .liste ul{
margin: 0;
padding: 0;
list-style:none;
}
#colonne .liste li{
margin: 0 0 20px 0px;
padding: 0;
line-height: 16px;
min-height: 80px;
}
#colonne .liste h2 a{
font-size: 12.5px;
}
/*colonne .liste li#amorce{
margin: 0 0 20px 0px;
padding: 0;
height:80px;
}*/
#colonne h1{
text-transform : uppercase;
font-size: 14.5px;
margin: 5px 0 20px 0;
font-family: UniveConBol, helvetica, arial;
line-height:13px;
font-weight: normal;
}
#colonne h2{
text-transform : uppercase;
font-size: 12.5px;
margin: 0;
font-family: UniveConBol, helvetica, arial;
font-weight: normal;
}
#colonne h2 a{
font-family: arial!important;
}
#colonne h3, .colonne_like h3, h3.spip{
text-transform : uppercase;
font-size: 12px;
line-height:12px;
margin: 0;
font-family: UniveConBol, helvetica, arial;
font-weight: normal;
text-align: left!important;
}
#colonne .ancre_decalee{
position: relative;
top: -140px;
height: 0;
line-height: 0;
font-size: 0;
display: block;
}
#colonne .spip_logos{
border: 1px #ccc solid;
float: right;
margin: 4px 0 1px 2px;
}
#colonne.colonne_art .spip_logos {
border: 1px #ccc solid;
float: right;
margin: 10px 0 5px 15px;
clear: both;
}
#colonne .carac{
text-transform : uppercase;
font-size: 11px;
line-height:13px;
white-space: ;
font-weight: bold;
color: #GET{couleur_rub#ID_SECTEUR};
}
#colonne .date{
white-space: nowrap;
}
#colonne .dynamo{
color: white;
background: #GET{couleur_rub#ID_SECTEUR};
margin: 0 2px 0 0;
padding: 1px 3px 0 3px;
text-transform: uppercase;
font-weight: bold;
font-size: 10.5px;
white-space: nowrap;
}
/**** COLONNE ARTICLE ****/
.colonne_art p{
margin: 10px 0 5px 0;
}
.colonne_art h3.spip+p{
margin-top: 0px ;
}
.colonne_art ul{
margin: 0px 0 10px 0;
padding: 0 0 0 15px ;
}
.colonne_art h3.spip{
margin: 20px 0 0 0!important;
}
.alertitude, .alertitude a{
color: #750e03!important;
}
/**** RUBRIQUE JARDINS ****/
.carte_gis {
margin:0 0 25px 0;
}
.carte_gis p{
margin:0;
}
/**** ARTICLE JARDIN - FICHE ****/
#colonne.colonne_fiche_jardin p{
margin:0;
}
#colonne.colonne_fiche_jardin .carte_gis{
margin:0 0 25px 7px;
float: right;
}
#colonne.colonne_fiche_jardin h1.suite{
margin:30px 0 20px 0;
}
#colonne.colonne_fiche_jardin h2{
margin:20px 0 0 0!important;
line-height:13px;
}
#colonne.colonne_fiche_jardin .liste h2{
margin:1px 0 0 0!important;
line-height:15px;
}
#colonne.colonne_fiche_jardin h3{
margin:5px 0 0 0!important;
line-height:12px;
}
/**** SOMMAIRE PAGE D'ACCUEIL ****/
body#sommaire {
/*position: fixed;*/
}
#colonne_sommaire *{
margin: 0;
}
#colonne_sommaire{
width:444px ;
margin: 60px 0 0 285px;
padding: 0;
background-color: ;
overflow:hidden;
position: relative;
}
.accueil #colonne{
position: fixed;
margin-top: 77px
padding-top: 77px;
}
#breve_23{
width:444px ;
margin: 15px 0 0 285px;
padding: 0;
background-color: ;
overflow:hidden;
position: relative;
}
#colonne_sommaire_tete{
width:444px;
padding : 0;
z-index:2000;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 0;
}
#colonne_sommaire_fond{
/* pour faire un fond blanc sous le contenu mais pas les tetes et pieds */
width:100%;
background: white;
margin : 0px 0px 0px 0px;
position: absolute;
bottom:85px;
top:85px;
z-index:0;
}
#colonne_sommaire h1{
text-transform : uppercase;
font-size: 14.5px;
margin: 0px 0 20px 0;
font-family: UniveConBol, helvetica, arial;
line-height:13px;
font-weight: normal;
}
#colonne_sommaire_pied{
width:100%;
margin : 0px 0px 0px 0px;
padding: 20px 0 20px 0;
position: relative;
bottom:0px;
top:0px;
z-index:10;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 bottom;
}
#colonne_sommaire_contenu{
padding:10px 10px 10px 10px;
}
#sommaire_breve_contenu{
background-repeat: no-repeat;
margin : 0;
padding: 20px 5px 20px 11px;
}
#sommaire_breve_3{
width:211px ;
margin: 0px 0 0 0;
padding: 0;
background-color: ;
overflow:hidden;
position: relative;
float:right;
z-index:0;
}
#breve3_tete{
width:211px;
padding : 0;
z-index:2000;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 0;
}
#breve3_pied{
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 bottom;
}
#sommaire_breve_4{
width:211px ;
margin: 0px 0 0 0;
padding: 0;
background-color: ;
overflow:hidden;
}
#breve4_tete{
width:211px;
padding : 0;
z-index:2000;
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 0;
}
#breve4_pied{
background-image: url(#FICHIER);
background-repeat: no-repeat;
background-position: 0 bottom;
}
#sommaire_colonne_4{
position: absolute;
width: 211px;
z-index:5000;
left: 751px;
top: 219px;
}
#sommaire_logos{
margin-top: 12px;
height: 215px;
width: 211px;
background-image: url(#CHEMIN{images/palette_logos.png});
}
/**** TROC MONTREUIL ****/
#colonne .publication_annonce{
font-size: 11px;
text-transform : uppercase;
line-height:13px;
white-space: nowrap ;
font-weight: bold;
color: #GET{couleur_rub#ID_SECTEUR};
}
#colonne.troc .dynamo{
white-space: normal;
padding-right: 1px;
padding-left: 3px;
}
.colonne_art_annonce h3{
margin: 0px 0 0 0!important;
}
.colonne_art_annonce p{
margin: 0px 0 15px 0!important;
}
/**** MEDIATHEQUE ****/
.galerie_vignette_gauche{
margin:6px 10px 5px 0;
float:left;
}
.galerie_vignette_droite{
margin:6px 0px 5px 0;
float:right;
}
#colonne .dynamo_media{
white-space: normal;
}
div.mot_1 li{
width:200px!important;
}
div.mot_2 li{
width:200px!important;
float:left;
}