/* Page noeud */
#main{
width:990px;
}

#container{
width:970px;
float:none;
}

#container_ma_planete {
	float: left;
	width: 645px; /*665px -10px padding-right et -10px padding-left*/
	padding:10px;
	background:#fff;
	-moz-box-shadow: 0 0 5px 0 #CCCCCC;
	-webkit-box-shadow: 0 0 5px 0 #CCCCCC;
	-o-box-shadow: 0 0 5px 0 #CCCCCC;
	box-shadow: 0 0 5px 0 #CCCCCC;
	/*on ne met pas de box shadow pour ie (avec la balise filter car cela crée des décalages*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

h1.titre_page_noeud{
	display:inline-block;
	vertical-align:middle;
	!display:inline;
	!zoom:1;
}
h1.titre_page_noeud_ma_planete{
	
	vertical-align:middle;
	position:relative;
	display:block;
}

#contenu_dynamique{
	width:264px; /*660px -3px de border-left et -3px de border-right*/
	height:224px; /*250px -3px de border-top et -3px de border-bottom*/
	float:left;
	padding:10px 10px 10px 380px;
	border:3px solid #5e961f;
	margin-bottom:20px;
	overflow:hidden;
}

	#contenu_dynamique h2{
		color:#5e961f;
		font-size:14px;
		margin-bottom:10px;
	}

	#contenu_dynamique p{
		margin-bottom:10px;
	}

.page_noeud_volets{
	width:970px;
	height:300px;
	clear:both;
	background:#D8D8D8;
	margin-bottom:20px;
}

	.page_noeud_volets .contenu_volet{
		border:3px solid #70ab2e;
		border-left:none;
		padding-top:10px;
		overflow:hidden;
	}
	
	.page_noeud_volets .contenu_volet a{
		text-decoration:none;
	}
	
	.page_noeud_volets .contenu_volet a:hover{
		text-decoration:underline;
	}

		.page_noeud_volets .articles_liste_image_une{
			width:272px;
			float:left;
			margin-left:20px;
			display:inline;
		}

		.page_noeud_volets .articles_liste_suite{
			/*width:350px;*/
			width:430px;
			padding:10px;
			float:left;
			margin-left:30px;
			display:inline;
			line-height:17px;
			background:#eef7e4;
		}
		
			.page_noeud_volets .articles_liste_suite a.lien_liste_suite{
				padding-left:12px;
				background: url(../images/header/puce_chevron.png) no-repeat 0px -396px;
			}
		
			.page_noeud_volets .articles_liste_suite .toutes_les_infos{
				text-decoration:underline;
				font-weight:bold;
				color:#5e961f;
			}
			
.page_noeud_volets .page_noeud_image_une{
	display:block;
}

.page_noeud_volets .conteneur_produits_boutique_big{
width:350px;
float:left;
margin-left:20px;
display:inline;
}
.produit_boutique_big{
	width:330px; /*350px -10px de padding-right et -10px de padding-left*/
	padding:10px;
	margin-bottom:10px;
	line-height:17px;
	background:#eef7e4;
}

.page_noeud_volets .conteneur_produits_boutique{
	width:130px;
	float:left;
	display:inline;
	margin-left:20px;
}
	.page_noeud_volets .produit_boutique{
		margin-bottom:10px;
	}
		.page_noeud_volets  .produit_boutique_image{
			border:1px solid #b8dff2;
		}
		
		.page_noeud_volets  .produit_boutique .produit_boutique_image{
			margin-left:15px;
		}
		
		.page_noeud_volets  .produit_boutique_big .produit_boutique_image{
			float:left;
			margin-right:10px;
		}

		.page_noeud_volets .produit_boutique_nom a{
			color:#5e961f;
			font-weight:bold;
		}
		
			.page_noeud_volets  .produit_boutique .produit_boutique_nom{
				min-height:30px;
				height:auto !important;
				height:30px;
			}

		.page_noeud_volets .produit_boutique_prix{
			font-style:italic;
		}
		
			.page_noeud_volets .produit_boutique_prix.produit_en_promo span.produit_boutique_prix_pouet{
				text-decoration:line-through;
				color:#888888;
			}
			.page_noeud_volets .produit_boutique_prix .produit_boutique_prix_promo{
				font-weight:bold;
				margin-left:10px;
			}
		
		.page_noeud_volets .produit_boutique_decription{
			margin-top:10px;
			text-align:justify;
		}

.pub_pave{
	float:right;
}

.bloc_page_noeud{
	width:300px; /*316px -3px de border-left et -3px de border-right et -10px de padding-left*/
	min-height:144px; /*150px -3px de border-top, -3px de border-bottom*/
	height:auto !important;
	height:144px;
	border:3px solid #5e961f;
	float:left;
	display:inline;
	padding:0px 0 0px 10px;
	margin:0 10px 20px 0;
	position:relative;
}

	.bloc_page_noeud .bloc_page_noeud_texte{
		width:190px;
		float:left;
		margin-top:5px;
	}
	
	.bloc_page_noeud .bloc_page_noeud_image{
		float:right;
	}
	
		.bloc_page_noeud .bloc_page_noeud_image a{
			display:block;
		}
	
	.bloc_page_noeud .lire_suite{
		width:22px;
		height:15px;
		position:absolute;
		bottom:0px;
		left:0;
	}
	
		.bloc_page_noeud .lire_suite a{
			width:22px;
			height:15px;
			display:block;
			background: url(../images/pages/pages-noeud/bloc-voir-la-suite2.gif) 0px 0px no-repeat;
		}
		
		.bloc_page_noeud .lire_suite a:hover{
			background-position: 0px -15px;
		}

	.bloc_page_noeud.rose{
		border-color:#CB3398;
	}
		.bloc_page_noeud.rose h3, .bloc_page_noeud.rose h3 a{
			color:#CB3398 !important;
			text-decoration:none;
			font-size:14px;
		}
		
	.bloc_page_noeud.vert{
		border-color:#81b14b;
	}
		.bloc_page_noeud.vert h3, .bloc_page_noeud.vert h3 a{
			color:#81b14b !important;
			text-decoration:none;
			font-size:14px;
		}
		.bloc_page_noeud.vert .lire_suite a{
			background-position: -22px 0px;
		}
		
		.bloc_page_noeud.vert .lire_suite a:hover{
			background-position: -22px -15px;
		}
		
	.bloc_page_noeud.grisbleu{
		border-color:#649a9c;
	}
		.bloc_page_noeud.grisbleu h3, .bloc_page_noeud.grisbleu h3 a{
			color:#649a9c !important;
			text-decoration:none;
			font-size:14px;
		}
		.bloc_page_noeud.grisbleu .lire_suite a{
			background-position: -44px 0px;
		}
		
		.bloc_page_noeud.grisbleu .lire_suite a:hover{
			background-position: -44px -15px;
		}
		
.titre_ctoc{
	color:#FE751A !important;
	font-size:18px !important;
	margin-bottom:5px !important;
	clear:both;
}

.page_noeud_ctoc{
	width:944px; /*970px -3px de  border-left,-3px de border-right, -10px de padding-left,-10px de padding-right*/
	min-height:274px; /*300px -3px de  border-top,-3px de border-bottom, -10px de padding-top,-10px de padding-bottom*/
	height:auto !important;
	height:274px;
	clear:both;
	border:3px solid #FE751A;
	padding:10px;
}

	.page_noeud_ctoc .conteneur_service{
		width:300px;
		min-height:200px;
		float:left;
		margin-right:20px;
	}
		.page_noeud_ctoc .conteneur_service .annonce{
			margin-bottom:5px;
			padding-bottom:5px;
			border-bottom:2px dotted #d2d2d2;
		}
		
		.page_noeud_ctoc .conteneur_service a.lien_visuel_annonce, .page_noeud_ctoc .conteneur_service span.lien_visuel_annonce{
			width:80px;
			height:60px;
			display:block;
			float:left;
		}
		
			.page_noeud_ctoc .conteneur_service a.lien_visuel_annonce img, .page_noeud_ctoc .conteneur_service span.lien_visuel_annonce img{
				max-width:80px;
				max-height:60px;
			}
			
			.page_noeud_ctoc .csgb__gadget_pub_pave{
				width: 300px;
				height: 250px;
				float:right;
			}
			
				.page_noeud_ctoc .csgb__gadget_pub_pave iframe{
					width: 300px;
					height: 250px;
				}

		
		.page_noeud_ctoc .conteneur_service .texte_annonce{
			width:210px;
			height:60px; 
			float:right;
			display:inline;
			color:#67666b;
		}
		
			.page_noeud_ctoc .conteneur_service .texte_annonce .lien_auteur_annonce{
				color:#000;
			}
			
			.page_noeud_ctoc .conteneur_service.service_echange .texte_annonce .lien_titre_annonce,.page_noeud_ctoc .conteneur_service.service_echange a.lien_ttes_annonces{
				color:#DF2B29;
			}
			
			.page_noeud_ctoc .conteneur_service.service_occasion .texte_annonce .lien_titre_annonce,.page_noeud_ctoc .conteneur_service.service_occasion a.lien_ttes_annonces{
				color:#FF7F00;
			}
			
			.page_noeud_ctoc .conteneur_service.service_location .texte_annonce .lien_titre_annonce,.page_noeud_ctoc .conteneur_service.service_location a.lien_ttes_annonces{
				color:#00A0C6;
			}
			
			.page_noeud_ctoc .conteneur_service.service_donne .texte_annonce .lien_titre_annonce,.page_noeud_ctoc .conteneur_service.service_donne a.lien_ttes_annonces{
				color:#3ECCB1;
			}
			
			.page_noeud_ctoc .conteneur_service.service_entraide .texte_annonce .lien_titre_annonce,.page_noeud_ctoc .conteneur_service.service_entraide a.lien_ttes_annonces{
				color:#C4418D;
			}
	
	.page_noeud_ctoc .service3{
		margin-right:0px;
	}
	
	.page_noeud_ctoc .conteneur_service a.lien_ttes_annonces{
		font-weight:bold;
		font-size:13px;
		padding-left:15px;
		display:block;
		text-decoration:none;
	}
	
	.page_noeud_ctoc .conteneur_service a.lien_ttes_annonces:hover{
		text-decoration:underline;
	}

/*================Page noeud alimentation=================*/
.pg-alimentation #contenu_dynamique{
	border-color:#81A87B;
	background: url(../images/pages/pages-noeud/alimentation.jpg) no-repeat;
}

.pg-alimentation #contenu_dynamique h2, .pg-alimentation #contenu_dynamique h2 a{
	color:#81A87B;
	text-decoration:none;
}

/*================Page noeud Beaut� sant�=================*/
.pg-beaute-sante #contenu_dynamique{
	border-color:#C85097;
	background: url(../images/pages/pages-noeud/beaute-sante.jpg) no-repeat;
}

.pg-beaute-sante #contenu_dynamique h2, .pg-beaute-sante #contenu_dynamique h2 a{
	color:#C85097;
	text-decoration:none;
}


/*================Page noeud Consommation Shopping=================*/
.pg-consommation-shopping #contenu_dynamique{
	border-color:#581B1A;
	background: url(../images/pages/pages-noeud/consommation-shopping.jpg) no-repeat;
}

.pg-consommation-shopping #contenu_dynamique h2, .pg-consommation-shopping #contenu_dynamique h2 a{
	color:#581B1A;
	text-decoration:none;
}

/*================Page noeud Développement durable=================*/
.pg-developpement-durable #contenu_dynamique{
	border-color:#748599;
	background: url(../images/pages/pages-noeud/developpement-durable.jpg) no-repeat;
}

.pg-developpement-durable #contenu_dynamique h2, .pg-developpement-durable #contenu_dynamique h2 a{
	color:#748599;
	text-decoration:none;
}

/*================Page noeud Energies=================*/
.pg-energies #contenu_dynamique{
	border-color:#B67B2B;
	background: url(../images/pages/pages-noeud/energies.jpg) no-repeat;
}

.pg-energies #contenu_dynamique h2, .pg-energies #contenu_dynamique h2 a{
	color:#B67B2B;
	text-decoration:none;
}

/*================Page noeud Ecomobilit�=================*/
.pg-ecomobilite #contenu_dynamique{
	border-color:#709899;
	background: url(../images/pages/pages-noeud/ecomobilite.jpg) no-repeat;
}

.pg-ecomobilite #contenu_dynamique h2, .pg-ecomobilite #contenu_dynamique h2 a{
	color:#709899;
	text-decoration:none;
}

/*================Page noeud Environnement=================*/
.pg-environnement #contenu_dynamique{
	border-color:#84B04F;
	background: url(../images/pages/pages-noeud/environnement.jpg) no-repeat;
}

.pg-environnement #contenu_dynamique h2, .pg-environnement #contenu_dynamique h2 a{
	color:#84B04F;
	text-decoration:none;
}

/*================Page noeud Finance=================*/
.pg-finance #contenu_dynamique{
	border-color:#AD6381;
	background: url(../images/pages/pages-noeud/finance.jpg) no-repeat;
}

.pg-finance #contenu_dynamique h2, .pg-finance #contenu_dynamique h2 a{
	color:#AD6381;
	text-decoration:none;
}

/*================Page noeud Habitat=================*/
.pg-habitat #contenu_dynamique{
	border-color:#99A581;
	background: url(../images/pages/pages-noeud/habitat.jpg) no-repeat;
}

.pg-habitat #contenu_dynamique h2, .pg-habitat #contenu_dynamique h2 a{
	color:#99A581;
	text-decoration:none;
}

/*================Page noeud Jardinage=================*/
.pg-jardinage #contenu_dynamique{
	border-color:#A3B434;
	background: url(../images/pages/pages-noeud/jardinage.jpg) no-repeat;
}

.pg-jardinage #contenu_dynamique h2, .pg-jardinage #contenu_dynamique h2 a{
	color:#A3B434;
	text-decoration:none;
}

/*================Page noeud Mode Textile=================*/
.pg-mode-textile #contenu_dynamique{
	border-color:#DB9820;
	background: url(../images/pages/pages-noeud/mode-textile.jpg) no-repeat;
}

.pg-mode-textile #contenu_dynamique h2, .pg-mode-textile #contenu_dynamique h2 a{
	color:#DB9820;
	text-decoration:none;
}

/*================Page noeud Puericulture=================*/
.pg-puericulture #contenu_dynamique{
	border-color:#765985;
	background: url(../images/pages/pages-noeud/puericulture.jpg) no-repeat;
}

.pg-puericulture #contenu_dynamique h2, .pg-puericulture #contenu_dynamique h2 a{
	color:#765985;
	text-decoration:none;
}

/*================Page noeud Tourisme Loisirs=================*/
.pg-tourisme-loisirs #contenu_dynamique{
	border-color:#34869E;
	background: url(../images/pages/pages-noeud/tourisme-loisirs.jpg) no-repeat;
}

.pg-tourisme-loisirs #contenu_dynamique h2{
	color:#34869E;
}

.pg-tourisme-loisirs #contenu_dynamique h2 a{ 
	color:#34869E;
	text-decoration:none;
}

/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion { text-align: left; font: Arial, sans-serif; }
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block; padding-left: 8%; text-align: left; height: 90%; margin-top: 12px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }


/****************************************** Basic */
.basic li > h2 { background: #5e961f; color: white !important; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }

/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
	box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #353535; color: white; }
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark h2.selected b { background: #434343\9; }
.dark li > div { background: #030303; margin-left: 5px; }

/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/*******************Ajouts consoGlobe*/
.basic li > h2 {
background-image: url(../images/pages/pages-noeud/pixel.gif);
background-repeat:repeat-x;
background-position: bottom; 
}
.basic li > h2.selected { background: #70ab2e; border-bottom:none;}
.accordion li > div { height: 284px;} /*on fige la hauteur mais necessaire a cause de la bordure*/
.accordion li > h2 span { font-size: 28px; }
/***************************************** Light */
/**************************************** Stitch */