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

<BOUCLE_rubriques(RUBRIQUES) {racine}>
		[(#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}})]			
</BOUCLE_rubriques>			
/* 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: 52px 0 0px 0px;
	position:relative;
	opacity: 1;
	height:55px;
	background:url('squelettes/images/top_#ID_SECTEUR.png') no-repeat;
}
#spip-admin{
	right:0;
	font-family: verdana;
	font-size: 10px;
}
/*** MENU GAUCHE ***/
/*******************/
#boite_menu_gauche{
	font-size:13px;
	letter-spacing: 0;
	float:left;
	position:relative;
	margin:145px 0 0 52px;
	/*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;
	<BOUCLE_pied_menu(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_pied%}{statut IN prop, publie}>
		/*background-image: url(#FICHIER);	*/
	</BOUCLE_pied_menu>	
	<BOUCLE_pied_grand_new(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE pied_grand%}{statut IN prop, publie}>
		background-image: url(#FICHIER);	
	</BOUCLE_pied_grand_new>
	background-repeat: no-repeat;	
	background-position: 0px bottom;	
}
#menu_gauche{
	width: 188px;
	padding: 8px 6px 35px 17px;
	background-image: url(#CHEMIN{images/jardinons_ensemble_grand.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;
	float:right;
	position:relative;
	margin:59px 32px 0 0;
	/*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;
	<BOUCLE_tete(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_tete%}{statut IN prop, publie}>
		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 IN prop, publie}>
		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, 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: absolute;
	z-index: 20;
	top:87px;
	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 : 100px 0px 0px 0px;
	position:absolute ;
	bottom:85px;
	top:0px;
	z-index:0;
}
#pied_colonne{
	width:100%;
	margin : 0px 0px 0px 0px;
	padding: 0 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 IN prop, publie}>
		background-image: url(#FICHIER);	
	</BOUCLE_pied_grand>		
	background-repeat: no-repeat;	
	background-position: 0 bottom;		
}
#contenu_colonne{
	background: ;
	padding: 35px 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;
	<BOUCLE_breve_actu_tete(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_tete%}{statut IN prop, publie}>
		background-image: url(#FICHIER);		
	</BOUCLE_breve_actu_tete>
	background-repeat: no-repeat;	
	background-position: 0 0;
}
#breve_actu_pied{
	<BOUCLE_breve_actu_pied(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_pied%}{statut IN prop, publie}>
		background-image: url(#FICHIER);	
	</BOUCLE_breve_actu_pied>
	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;
	<BOUCLE_sommaire_tete(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE tete_grande%}{statut IN prop, publie}>
		background-image: url(#FICHIER);		
	</BOUCLE_sommaire_tete>
	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;
	<BOUCLE_sommaire_pied(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE pied_grand%}{statut IN prop, publie}>
		background-image: url(#FICHIER);	
	</BOUCLE_sommaire_pied>		
	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;
	<BOUCLE_breve3_tete(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_tete%}{statut IN prop, publie}>
		background-image: url(#FICHIER);		
	</BOUCLE_breve3_tete>
	background-repeat: no-repeat;	
	background-position: 0 0;
}
#breve3_pied{
	<BOUCLE_breve3_pied(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_pied%}{statut IN prop, publie}>
		background-image: url(#FICHIER);	
	</BOUCLE_breve3_pied>
	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;
	<BOUCLE_breve4_tete(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_tete%}{statut IN prop, publie}>
		background-image: url(#FICHIER);		
	</BOUCLE_breve4_tete>
	background-repeat: no-repeat;	
	background-position: 0 0;
}
#breve4_pied{
	<BOUCLE_breve4_pied(DOCUMENTS){id_article=22}{0,1}{par hasard}{titre LIKE cabane_pied%}{statut IN prop, publie}>
		background-image: url(#FICHIER);	
	</BOUCLE_breve4_pied>
	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;
}

/* BENJAMIN LEVAUX MODIFS */

body {-webkit-text-size-adjust: none;}

#menumobile {display:none;}

img {max-width:100% !important;height:auto !important;}

.boutonstexte {display:none;}

@media screen and (max-width:993px) {

	#decors, #page, #volute, #volute_degrade {width:100%;}
	
	#pied_menu_gauche, #tete_cabane, #volute_couvercle {
		position:relative;
	}

	#pied_colonne {padding:0px 0 30px 0}

	#conteneur_cabane {
		clear:left;
		float:left;
		margin:20px 0 0 52px;
	}

	#sommaire_colonne_4{
		position: relative;
		float:left;
		clear:left;
		top: auto;
		left:0;
		margin:20px 0 0 52px;
	}

}
@media screen and (max-width:728px) {
		
	#menumobile {
		display:block;
		height:40px;
		margin-top:20px;
		cursor:pointer;
	    background: url(squelettes/images/filet_cabane.png) bottom repeat-x;
}
	#menumobile + ul {display:none;}

	#boite_menu_gauche, #pied_menu_gauche, #colonne-cabanne, #conteneur_cabane, #colonne, #colonne_sommaire, #breve_23, #breve_actu_conteneur, #sommaire_breve_3 {
		float:none;
		margin:20px auto 0 auto;
	}
	#pied_menu_gauche {
		width: 444px;
		max-width:95%;
	}
	#menu_gauche { 
		width: auto;
	}

	#fond_menu_gauche {
		width: 100%;
	}
	#colonne, #colonne_sommaire, #breve_23, #sommaire_breve_3 {max-width:95%;}
	#colonne_sommaire_tete {max-width:100%;}
	
	#breve_actu_tete {	
	}

	#breve_actu_conteneur, #breve_actu_tete, #breve_actu_pied, #sommaire_breve_3, #breve3_tete, #breve3_pied {
		width: 444px;
		max-width:100%;
		background-repeat: repeat-x;
	}

	#volute_couvercle {margin-top:0;}
	
	#fil_ariane {top:35px;}

	#fond_colonne {
		margin: 48px 0px 0px 0px;
	}

#conteneur_cabane, #decors,	#sommaire_colonne_4 { display:none;}

	#page {
		background-color: #GET{couleur_rub#ID_SECTEUR};
		padding-bottom:30px;
		min-height: auto;
	}

	#colonne .spip_logos {
		width:35% !important;
		height:auto !important;
	}
	#colonne .dynamo {
    	white-space:normal;
}