#HTTP_HEADER{Content-Type: text/css;}
#CACHE{0}

@charset "utf-8";

@font-face {
    font-family: "UniveCon";
    src: url('#CHEMIN{font/UniveCon.otf}');
}
@font-face {
    font-family: "UniveConBol";
    src: url('#CHEMIN{font/UniveConBol.otf}');
}

/*
 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

 Couleur des liens pour la partie "Quincaillerie" (trois derniers items du menu ppal) : #6e6a69
*/

<BOUCLE_rubriques(RUBRIQUES) {racine} {id_rubrique IN 1,2,4,3,5,6}>
		[(#ID_SECTEUR|=={1}|?{#SET{couleur_rub#ID_RUBRIQUE,#0d8489}})]
		[(#ID_SECTEUR|=={2}|?{#SET{couleur_rub#ID_RUBRIQUE,#597a89}})]
		[(#ID_SECTEUR|=={4}|?{#SET{couleur_rub#ID_RUBRIQUE,#5f8918}})]
		[(#ID_SECTEUR|=={3}|?{#SET{couleur_rub#ID_RUBRIQUE,#406715}})]
		[(#ID_SECTEUR|=={5}|?{#SET{couleur_rub#ID_RUBRIQUE,#3c4c0f}})]
		[(#ID_SECTEUR|=={6}|?{#SET{couleur_rub#ID_RUBRIQUE,#412809}})]	
</BOUCLE_rubriques>			
/* couleur rub#ID_RUBRIQUE #GET{couleur_rub#ID_RUBRIQUE}*/

html {
	width: 100%;
	margin:0;
}
body {
	width: 100%;
	margin:0;
	overflow-x:hidden;	
}
/*** CSS GENERAUX ***/
hr.break{
	border: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0;
	background-image: none!important;
}
/*** CONSTRUCTION DE LA PAGE ***/
/*******************************/
#page{
	position:relative;
	width: 993px;
	overflow:hidden;
	margin:auto;
}
#decors{
	width:993px;
	margin: auto;
}
#volute{
	height:955px;
	z-index:0;
	position:fixed;
}
#volute_degrade{
	z-index:00;
	position:fixed;
}
#volute_couvercle{
	z-index:1000;
	margin: 0 0 0px 285px;
	position:fixed;
	opacity:1;
}
/*** MENU GAUCHE ***/
/*******************/
#boite_menu_gauche{
	position: absolute;
	width:211px;
	top:145px;
	left:52px;
	overflow:hidden;
	background: white;
	font-family: UniveConBol;
	font-weight: normal;
}
#boite_menu_gauche #logo_accueil{
	height: 88px;
	width: 211px;
}
#pied_menu_gauche{
	width: 211px;
	position:fixed;
	z-index:3000;
	<BOUCLE_pied_menu(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_pied%}{statut=prop}>
		background-image: url(#FICHIER);	
	</BOUCLE_pied_menu>	
	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_RUBRIQUE};
}
#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;
	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:3000;
	font-family: UniveConBol, arial;
	font-weight: normal;
}
#tete_cabane{
	width:211px;
	overflow: hidden;
	position: fixed;
	padding : 0;
	z-index:2000;
	<BOUCLE_tete(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_tete%}{statut=prop}>
		background-image: url(#FICHIER);		
	</BOUCLE_tete>
	background-repeat: no-repeat;	
	background-position: 0 0;
}
#pied_cabane{
	<BOUCLE_pied(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_pied%}{statut=prop}>
		background-image: url(#FICHIER);	
	</BOUCLE_pied>
	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;
	font-weight: normal;
}
#conteneur_cabane a{
	text-transform: uppercase;	
	text-decoration : none;	
	font-size: 12.5px;
	color: #GET{couleur_rub#ID_RUBRIQUE};
	font-weight: normal!important;
	letter-spacing : -0.0px;
}	
#conteneur_cabane a:hover{
	color: black;
}
#conteneur_cabane 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{
	border:#ccc 1px solid;
	width:167px;
	height: 12px;
	font-size: 12px;
	margin: 5px 0 3px 0;
	padding:1px;
	background-image: none;
}
#conteneur_cabane #formulaire_recherche label{
	color: #GET{couleur_rub#ID_RUBRIQUE};
	font-size:9.3px;	
	letter-spacing : -0px;	
	font-weight: normal;	
}

/*** 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;
}
/*** FIN CABANE ***/


/**********************/
/*** GRANDE COLONNE ***/

/*** FIL d'ARIANE ***/
#fil_ariane{
	background:white;
	height: 45px;
	width: 424px;
	position: fixed;
	z-index: 20000;
	top:85px;
	padding: 0 10px 0 10px;
	color: #GET{couleur_rub#ID_RUBRIQUE};
	font-family: UniveConBol;
}
#fil_ariane h3{
	font-size: 11px;
	margin: 0;
}
#fil_ariane h3 a{
	text-decoration: none;
}
#fil_ariane hr{
	background: red;
	width: 424px;
	height:7px;
	margin:8px 0 0 0;
	padding:0;
	border:none;
	background-image: url(#CHEMIN{images/filet_cabane.png});	
}
/*** CONSTRUCTION COLONNE ***/
#colonne{
	width:444px ;
	margin-left:285px ;
	margin-bottom:600px;
	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;
	<BOUCLE_pied_grand(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE pied_grand%}{statut=prop}>
		background-image: url(#FICHIER);	
	</BOUCLE_pied_grand>		
	background-repeat: no-repeat;	
	background-position: 0 bottom;		
}
#contenu_colonne{
	background: ;
	padding: 90px 10px 10px 10px;
	position: relative;
	top:0px;
}

/*** CONTENU COLONNE ***/
#colonne {
	font-family: arial!important;
	font-size: 12.5px;
	line-height: 20px;
}
#colonne a{
	text-transform: uppercase;	
	text-decoration : normal;	
	color: #GET{couleur_rub#ID_RUBRIQUE};
	font-weight: bold;
}	
#colonne a:hover{
	color:black!important;
}
/*** 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;
	
}
#colonne h2{
	font-size: 12.1px;
	margin: 0;
}
#colonne .spip_logos{
	border: 1px #ccc solid;
	float: right;
	margin: 5px 0 0 4px;
}
#colonne .barre_date{
	text-transform : uppercase;
	font-size: 12px;	
	line-height:14px;
	white-space: nowrap;
}
#colonne .dynamo{
	color: white;
	background: #GET{couleur_rub#ID_RUBRIQUE};
	padding: 1px 2px 0 2px;
	text-transform: uppercase;	
	font-weight: bold;
	font-size: 10.5px;	
}
/**************/
/*** AGENDA ***/

/*** CALENDRIER */
#calendar { 
	font-family: UniveConBol;	
	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_RUBRIQUE};
	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_RUBRIQUE};
	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_RUBRIQUE};
}
#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{
}