/* BALISES */

*
	{
	font-family: Verdana;
	}
BODY,HTML
	{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	}
BODY
	{
	background:#ecffcf;
	}

A IMG
	{
	border:0;
	}
A
	{
	text-decoration: none;
	}

/* SPIP */

/* Logos, documents et images */
.spip_documents { text-align: center; line-height: normal;}
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }
	
.spip_logos, .spip_logos:hover
	{
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;	
	}

/* STRUCTURE */

#conteneur
	{
	width: 80%;
	margin:0 auto;
	padding: 0 5px 30px 5px;
	position:relative;
	overflow:hidden;
	border-left: 3px solid #eee;
	min-height:100%;
	background:#fff url(images/fond_conteneur.png) top right repeat-y;
	}
#forum #conteneur
	{
	background:#fff;	
	background-image: none;
	}
#haut
	{
	position: relative;
	height:185px;
	}

#principal
	{
	position: relative;
	width:100%;
	overflow: visible;
	}
#gauche
	{
	float: left;
	}
#droite
	{
	float: right;
	width: 180px;
	margin: 14px 0 0 30px;
	}
.separateur
	{
	clear:both;
	}
INPUT
	{
	border: 1px solid #E2017A;
	color:#E2017A;
	background: #fff;
	}
INPUT:hover
	{
	background:#ccc;
	}
.spip_bouton INPUT
	{
	margin-top: 5px;
	}
FORM
	{
	margin:0;
	padding:0;
	}
/* LOGO */

#logo
	{
	position: relative;
	width:508px;
	height:75px;
	}

#logo A
	{
	display:block;
	width:508px;
	height:75px;
	background: url(images/logo_vegnord.png);
	}

/* RADIO */

#radio
	{
	position:relative;
	margin:0 auto;
	width:400px;
	}

#boutique
	{
	position: relative;
	text-align: center;
	}
#forum #boutique
	{
	position: absolute;
	right:0;
	top:8px;
	text-align: center;
	width:180px;
	}

#boutique A
	{
	font-weight: bold;
	color:#E11379;
	font-size: 11px;
	}
#boutique A:hover
	{
	text-decoration: underline;
	}
#actus
	{
	position: relative;
	left: 60px;
	top: 10px;
	height: 90px;
	font-size: 10px;
	border:1px solid #7AB51D;
	width:560px;
	}
#actus #onglets
	{
	position: relative;
	}


#actus #onglets UL, #actus #onglets LI
	{
	margin:0;
	padding:0;
	list-style:none;
	}
#actus #onglets LI
	{
	float: left;
	position:relative;
	height:19px;
	left:-1px;
	}
#actus #onglets A
	{
	display:block;
	height:15px;
	color: #fff;
	padding: 0 8px;
	text-transform: lowercase;
	font-weight:bold;
	font-size:9px;
	}

#actus #onglets LI.clair A
	{
	background: #7ab51d;
	border-left: 1px solid #7ab51d;
	border-right: 1px solid #7ab51d;	
	}
#actus #onglets LI.fonce A
	{
	background: #719c24;
	border-left: 1px solid #719c24;
	border-right: 1px solid #719c24;	
	}
#actus #onglets LI.clair A:hover,#actus #onglets LI.fonce A:hover, #actus #onglets LI.clair A.selected, #actus #onglets LI.fonce A.selected
	{
	height:25px;
	_height:27px;
	margin-top:-12px;
	border: 1px solid #719c24;
	color: #719c24;
	border-bottom: 1px solid #fff;
	background: #fff;
	}
#actus_contenu 
	{
	clear:both;
	}
#actus_contenu A
	{
	display:block;
	padding:5px;
	margin:0;
	height:60px;
	width: 540px;
	_width:560px;
	color:#7AB51D;
	}
#actus_contenu A:hover, #actus_contenu A:hover .date_art
	{
	background: #7AB51D;
	color:#fff;
	}

#actus #actus_haut
	{
	position: absolute;
	top:0;
	right:0;
	background: #7AB51D;
	color:#fff;
	padding:2px;
	width:15px;
	text-align: center;
	}
#actus #actus_bas
	{
	position: absolute;
	bottom:0;
	right:0;
	background: #7AB51D;
	color:#fff;
	padding:2px;
	width:15px;
	text-align: center;
	}
	
	
	
	
	
/************************************************* DROITE *********************/

#droite H2
	{
	border-bottom: 1px solid #E2017A;
	text-align:right;
	}

	
	

/* GALERIE */

#galerie
	{
	width: 100%;
	height:98px;
	position:relative;
	margin-top:20px;
	margin-bottom: 20px;
	}
#galerie .galtxt
	{
	display:block;
	text-align:center;
	color:#666;
	font-size:10px;
	padding:1px;
	margin: 78px 13px 0;
	}
#galerie_image
	{
	width: 100%;
	height: 78px;
	}
#galerie_gauche
	{
	display:block;
	width:13px;
	height: 78px;
	background: url(images/galerie_gauche.png);
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	}
#galerie_droite
	{
	display:block;
	width:13px;
	height: 78px;
	background: url(images/galerie_droite.png);
	position:absolute;
	top:0;
	right:0;
	z-index:50;
	}
#galerie A
	{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	_overflow:auto;
	}
#galerie A:hover
	{
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	}
.gal_img
	{
	width: 100%;
	height: 100%;
	display:block;
	}
.warning_photo
	{
 	font-size:10px;
 	text-align: center;
	clear: both;
	}
.photo
	{
	margin:0 auto;
	}
/* MENU DEROULANT */
#menu
	{
	margin-top: 5px;
	width: 100%;
	position: relative;
	z-index:50;
	}

#menu UL,#menu LI
	{
	width:100%;
	display:block;
	margin:0;
	padding:0;
	}
#menu UL UL
	{
	display:none;
	background:#A6C52C;
	}
#droite .menusecteur H2
	{
	border-bottom:1px solid #fff;
	}
#menu UL LI H2, #droite .menusecteur H2 A
	{
	display:block;
	padding: 3px 3px 3px 25px;
	background: #7AB51D url(images/puce_secteur.png) 3px 10px no-repeat;
	margin:0;
	border-bottom:1px solid #fff;
	}

#menu UL UL LI A	
	{
	display:block;
	padding: 6px 3px 6px 25px;
	color:#fff;
	font-size: 11px;
	text-decoration: none;
	margin:0;
	background: #A6C52C;
	}
#menu UL UL LI A:hover
	{
	color:#A6C52C;
	background: #fff;
	border: 1px solid #A6C52C;
	padding: 5px 2px 5px 24px;	
	}
#menu UL UL LI A.puce_rub
	{
	background: #A6C52C url(images/puce_rub.png) 3px 7px no-repeat;
	display:block;
	padding: 6px 3px 6px 25px;
	color:#fff;
	font-size: 11px;
	text-decoration: none;
	margin:0;
	}
#menu UL UL LI A:hover.puce_rub
	{
	background: #fff url(images/puce_rub_hover.png) 3px 7px no-repeat;
	color:#A6C52C;
	border: 1px solid #A6C52C;
	padding: 5px 2px 5px 24px;	
	}
#menu UL UL UL LI A	
	{
	width: 160px;
	padding: 1px 0 1px 10px;
	margin: 2px 0 2px 5px;
	}
#menu UL UL UL LI A:hover
	{
	padding: 1px 5px 1px 7px;
	border:0;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
	color:#fff;
	background: none;
	}
#menu ul.jd_menu
	{
	list-style-type: none;
	width:100%;
	}
#menu ul.jd_menu li 
	{
	float: left;
	}

/* -- Sub-Menus -- */
#menu ul.jd_menu ul
	{
	position: absolute;
	display: none;
	list-style-type: none;
	margin: -27px 0 0 -201px;
	padding: 0px;
	z-index: 10000;
	width: 200px;
	background: #A6C52C url(images/puce_ssrub.png) 190px 7px no-repeat;
	}
#menu ul.jd_menu ul ul
	{
	margin: 0 0 0 -401px;	
	}
#menu ul.jd_menu ul li
	{
	float: none;
	margin: 0;
	width: 100%;
	}

#menu ul.jd_menu ul
	{
	height: auto;
	}
* html #menu ul.jd_menu ul {
	width: 1%;
}
#menu ul.jd_menu li {
	line-height: 14px;
	margin: 0px;
	cursor: pointer;
}
#menu ul.jd_menu li li {
	width: 100%;
}

#menu a.tout_rub
	{
	padding: 2px;
	text-align: center;
	border-top: 1px solid #fff;
	margin-top: 15px;
	}
#menu A.tout_rub:hover
	{
	border:0;
	background: #fff;
	color: #A6C52C;
	}

#droite #menu_autres
	{
	margin-top:15px;
	}

#droite #menu_autres UL, #droite #menu_autres LI
	{
	margin:0;
	padding:0;
	list-style:none;
	}
#droite #menu_autres LI
	{
	border-bottom:1px solid #fff;
	}
#droite #menu_autres A
	{
	display:block;
	padding: 3px 3px 3px 25px;
	background: #E01278 url(images/puce_secteur.png) 3px 10px no-repeat;
	margin:0;
	border-bottom:1px solid #fff;
	}
#droite #menu_autres A:hover
	{
	background: #A6C52C url(images/puce_secteur.png) 3px 10px no-repeat;
	}
#droite .menusecteur H2:hover
	{
	background: #A6C52C url(images/puce_secteur.png) 3px 10px no-repeat;
	}


/* AUTRES SITES */
#autres
	{
	text-align: center;
	padding:15px 0;
	background: #fff;
	height:50px;
	}
#autres A
	{
	display:block;
	height:50px;
	width: 50px;
	float: left;
	}
#autres A.myspace
	{
	background: url(images/myspace.png) 0 0;
	margin-left:7.5px;
	}
#autres A.myspace:hover
	{
	background: url(images/myspace.png) 50px 0;
	}
#autres A.facebook
	{
	background: url(images/facebook.png) 0 0;
	margin-left:7.5px;
	}
#autres A.facebook:hover
	{
	background: url(images/facebook.png) 50px 0;
	}
#autres A.youtube
	{
	background: url(images/youtube.png) 0 0;
	margin-left:7.5px;	
	margin-right:7.5px;
	}
#autres A.youtube:hover
	{
	background: url(images/youtube.png) 50px 0;
	}
#autres A.vegnord
	{
	background: url(images/vegnord_site.png) 0 0;
	margin-left:7.5px;	
	}
#autres A.vegnord:hover
	{
	background: url(images/vegnord_site.png) 50px 0;
	}

/* LETTRE D'INFO */

#lettre
	{
	font-size: 11px;
	margin-top:5px;
	font-size: 10px;
	text-align: right;
	color: #E2017A;
	}
#lettre INPUT#mail_inscription_
	{
	border: 1px solid #E2017A;
	font-size: 10px;
	margin: 5px 0;
	width: 140px;
	}
#lettre .spip_bouton INPUT
	{
	width: 50px;
	font-size:10px;
	}
#lettre LEGEND
	{
	display:none;
	}
/******************************************* GAUCHE ************************************************/

#gauche
	{
	font-size: 11px;
	color: #666;
	text-align: justify;
	line-height: 18px;
	}
#gauche .contenu
	{
	padding: 0 30px 0 60px;
	}
#gauche H1
	{
	color:#79B51C;
	font-size: 22px;
	margin: 0 0 10px 0;
	text-align:left;
	}
#gauche H2
	{
	text-align:right;
	background: url(images/fond_titrerub.png) bottom repeat-x;
	padding-right: 30px;
	margin:0 0 20px 0;
	}
#gauche H3
	{
	font-size: 13px;
	color: #E2017A;	
	margin: 0;
	}
#gauche h4 
	{
	color:#E2017A;
	display:block;
	float:left;
	font-size:12px;
	margin:0 10px 0 0;
	width:90px;
	}

#gauche .chapo
	{
	color: #E2017A;
	font-weight: bold;
	font-size:13px;
	margin-bottom: 15px;
	}
#gauche P
	{
	margin: 5px 0;
	}
#gauche A
	{
	color: #7AB51D;
	font-weight: bold;
	}
#gauche A:hover
	{
	text-decoration:underline;
	}
#gauche .spip_documents A
	{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	}
#gauche .spip_documents A:hover
	{
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	}
.date_art
	{
	color:#E2017A;
	font-style: italic;
	font-weight: normal;
	}
#gauche .date_art
	{
	line-height:13px;
	font-size:11px;
	}
#gauche .date_art UL, #gauche .date_art LI
	{
	list-style:none;
	margin:0;
	padding:0;
	}
#gauche .date_art LI
	{
	margin-bottom: 5px;
	}
#gauche .aussi
	{
	clear:both;
	font-weight: normal;
	}
#gauche .aussi A
	{
	font-weight: normal;	
	}
#gauche .aussi H4
	{
	font-weight: bold;
	}
#gauche .date
	{
	font-weight:normal;
	font-style: italic;
	}
#gauche .plan A
	{
	padding-left:0;
	background: none;
	}
#gauche .plan A:hover
	{
	text-decoration:underline;
	background:none;
	}
#gauche .plan LI
	{
	margin-left:25px;
	}
#gauche LI.annee
	{
	list-style:none;
	margin:0;
	padding:0;
	}
#gauche H3 A, #gauche H3 A:hover,#gauche .spip_documents A, #gauche .spip_documents A:hover, #boutik A, #boutik A:hover, #gauche .lien_normal A, #gauche .lien_normal A:hover

	{
	background: none;
	padding-left:0;
	}
/***************************************************************** PIED */

#pied
	{
	position: absolute;
	bottom: 0;
	right:0;
	background: #7AB51D ;
	text-align: right;
	padding: 2px 15px;
	color:#fff;
	font-size:11px;
	}
#pied A
	{
	color: #fff;
	}
#pied A:hover
	{
	text-decoration: underline;
	}


/* PORTFOLIO */

/* PORTFOLIO */

#galerie_pt
	{
	width: 410px;
	height: 320px;
	z-index: 10;
	overflow: hidden;
	position: absolute;
	top: 60px;
	left:-377px;
	background: url(images/menugal.png) no-repeat right top;
	}
#galerie_pt UL
	{
	padding: 0;
	margin: 10px 30px 30px 30px;
	float: left;
	}
.portfolio
	{
	width: 100px;
	height: 75px;
	}
#galerie_pt LI
	{
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	}
#galerie_pt A
	{
	display: block;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background:none;
	padding:0;
	}
#galerie_pt A:hover
	{
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	background:none;
	padding:0;
	}
#galerie_pt A SPAN
	{
	display: block;	
	border: 1px solid #cacaca;
	}

#gal_aff
	{
	z-index:1;
	height:500px;
	position:relative;
	width:100%;
	}
#galdiapo
	{
	text-align: center;
	width: 100px;
	height:16px;
	background: #000;
	padding: 5px;
	}
#diapoplay
	{
	display: none;
	}

#gal_apr
	{
	float: right;
	}
#gal_avt
	{
	float: left;
	}

.galtxt2
	{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background: #7ab51d;
	color: #fff;
	min-height: 50px;
	display: none;
	font-weight:bold;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	}
.galtxt2 .desc_titre
	{
	font-size: 14px;
	font-weight: bold;
	padding:5px;
	}
.galtxt2 .desc_desc
	{
	font-weight: normal;
	padding:5px;	
	}
#galerie_pt #pagination_gal
	{
	margin: 10px 0 0 30px;
	font-size: 11px;
	color: #979797;
	}
#galerie_pt #pagination_gal A
	{
	display: inline;
	}
.loadpage
	{
	z-index: 1000;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
  	display: none;
	position:absolute;
	width:100%;
	margin:auto auto;
	bottom: 0;
	text-align:right;
	background: #000;
	}

#portfolio2
	{
	margin:0;
	padding:0;
	height:400px;
	position:relative;
	}
#portfolio2 LI
	{
	text-align: center;
	}
	
/* BOUTIQUE */

#boutik
	{
	padding:0 30px 0 60px;	
	}

#boutik .invisible
	{
	display:none;
	}
#gauche #boutik H2.menu-titre, #gauche #boutik .titrePage H2
	{
	clear:both;
	background: none;
	text-align: left;
	font-size: 13px;
	color: #E2017A;
	}
#boutik .titrePage
	{
	clear:both;
	}
#boutik .contourImage
	{
	border-left: 1px solid #7AB51D;
	border-top: 1px solid #7AB51D;
	border-right: 2px solid #7AB51D;
	border-bottom: 2px solid #7AB51D;
	clear:both;
	float:none;
	}
#boutik .imgProduit
	{
	text-align: center;
	}
.mon-compte
	{
	border-top: 1px solid #E2017A;
	padding-top: 5px;
	margin-top:15px;
	text-align: center;
	clear:both;
	}
.mon-compte UL, .mon-compte LI
	{
	list-style:none;
	margin:0;
	padding:0;
	display: inline;
	}
#gauche .mon-compte LI
	{
	margin: 0 15px 0 0;
	}
#boutik #etapes-achat
	{
	float:right;
	}
#boutik #panier thead tr, #boutik #commande thead tr
	{
	background: #7AB51D;
	}
#boutik #panier, #boutik #commande
	{
	background: none;
	}
#boutik #panier TR, #boutik #commande TR
	{
	background: none;
	border-bottom: 1px solid #7AB51D;	
	}
#boutik .codeReduction 
	{
	clear:both;
	}
#boutik .sousTableau
	{
	background:#E2017A;
	color:#fff;
	}
#boutik .produitPetit 
	{
	float:left;
	font-size:0.9em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:20px 20px 0 0;
	height:300px;
	overflow:hidden;
	padding:5px;
	width:155px;
	position: relative;
	border: 1px dashed #E2017A;
	text-align: left;
	}
#boutik .chapoProduit {
	margin-bottom: 5px;
	width: 100%;
}

#gauche #boutik H3
	{
	margin:0;
	font-size:12px;
	}
#boutik produitPetit
	{
	margin:0;	
	}
#boutik input.LIEN_commander 
	{
	bottom:5px;
	position:absolute;
	right:5px;
	border:0;
	}
#boutik #photozoom
	{
	margin: 0 15px 15px 0;
	}
#boutik .produit_unique
	{
	position: relative;
	overflow:auto;
	}
#boutik #pages
	{
	float:none;
	clear:both;
	}
#boutik .produit_unique #pages
	{
	clear:right;
	}

#boutik .ficheProduit
	{
	float:none;
	width: auto;
	margin:0;
	}

#gauche .sanspuce UL, #gauche .sanspuce LI
	{
	margin:0;
	padding:0;
	list-style:none;
	}
#gauche .sanspuce LI
	{
	margin-bottom: 10px;	
	}
	
#gauche P.repondre
	{
	margin-top: 15px;
	font-size: 13px;
	text-align: right;
	}
#ariane
	{
	margin: 10px 0 0 60px;
	font-size: 10px;
	color: #666;
	}
#ariane A
	{
	color:#A6C52C;
	}
#ariane A:hover
	{
	text-decoration: underline;
	}
.pagination
	{
	text-align: right;
	margin: 10px 0;
	font-size: 11px;
	border-top: 1px solid #E2017A;
	}
#galerie_pt .pagination
	{
	text-align: left;
	margin:0;
	font-size: 10px;
	border:0;
	}
#gauche .mots A
	{
	font-size: 11px;
	}


#gauche .mots H3 A
	{
	font-size: 12px;
	color:#000;
	}


.outils
	{
	float: right;
	margin: 0 0 10px 10px;
	}
#gauche .outils LI
	{
	display:inline;
	float: left;
	margin-right: 5px;
	}
	
.article
	{
	margin-bottom: 15px;
	clear:both;
	}
	
#gauche .boutiques LI
	{
	float: left;
	display: block;
	margin-right: 15px;
	text-align: center;
	}
#gauche .boutiques .spip_logos
	{
	display:block;
	float:none;
	margin:0;
	}
#groupe17, #groupe42
	{
	display: none;
	}
table.spip TD
	{
	vertical-align: top;
	}

#mascotte
	{
	position:absolute;
	top:0;
	left:20px;
	width:99px;
	height:75px;
	}
#mascotte A
	{
	width:120px;
	height:75px;
	display:block;
	}

LI.liste 
	{
	list-style: none;
	margin-bottom: 15px;
	border-bottom: 1px dashed #79B51C;
	overflow:auto;
	}
LABEL.block
	{
	display:block;
	}
	

	
/* sakoch */
	
#sakoch
	{
	width:100%;
	height:285px;
	text-align:center;
	font-size:10px;
	color: #666;
	}
#sakoch A
	{
	color: #79B51C;
	font-weight:bold;
	}
#sakoch #galerie_sakoch
	{
	width:100%;
	background-position: center center;
	}
#sakoch #galerie_sakoch A
	{
	background-position: center center;	
	height:175px;
	width:100%;
	display:block;
	}

#sakoch div.scroll-content-item A
	{
	background-position:center center;
	height: 65px;
	width:65px;
	display: block;
	}
		.scroll-pane { overflow: auto; width: 99%; float:left; }
		.scroll-content { width: 2440px; float: left; margin-bottom:7px;}
		.scroll-content-item { float: left; text-align: center; margin-right:5px }
		* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
		.scroll-bar-wrap { background: #E01278; clear: left; padding: 0 4px 0 2px; margin: 0 10px; height:11px; border-bottom: 2px solid #fff;}
		.scroll-bar-wrap .ui-slider { border:0; height: 13px; margin: 0 auto;  }
		.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
		.scroll-bar-wrap .ui-slider-handle { top:-2px; height: 15px; border:0; background:#79B51C; cursor:pointer; }
		.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }