﻿/*  CSS Global  --------------------------------------
	Terre & Humanisme
	SQLI - juin 2009- All rights reserved
--------------------------------------------------- */

/* basic ------------------ */
body {
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

h1 { font-size: 16px;}

img{ border: none;}

a {	color:#9BB04B; text-decoration:none;}
a:hover {text-decoration:none;}


/* couleurs ------------------ */
.vert, .bloc1  .vert a { color:#9bb04b; font-style:normal;}
.marron ,.bloc1 .marron a{ color:#703732; }
.bleu ,.bloc1 .bleu a { color:#6ba4ce; }
.jaune,.bloc1 .jaune a  { color:#f9b800; }
.rouge,.bloc1 .rouge a   { color:#FF0000; }
.gris ,.bloc1 .gris a { color:#989898; }
.blanc,.bloc1 .blanc a { color:#FFFFFF; }
.noir,.bloc1 .noir a    { color:#000000; }


 .vert a { color:#9bb04b; text-decoration:underline; font-style:normal;}
 .marron a{ color:#703732; text-decoration:underline;}
 .bleu a { color:#6ba4ce; text-decoration:underline;}
  .jaune a  { color:#f9b800; text-decoration:underline;}
  .rouge a   { color:#FF0000;text-decoration:underline; }
  .gris a { color:#989898; text-decoration:underline;}
  .blanc a { color:#FFFFFF; text-decoration:underline;}
  
.vert p{ color:#9bb04b; }
.marron p{ color:#703732; }
.bleu p{ color:#6ba4ce; }
.jaune p  { color:#f9b800; }
.rouge p  { color:#FF0000; }
.gris p{ color:#989898; }
.blanc p{ color:#FFFFFF; }
.noir p  { color:#000000; }

.jaune,.bloc1 .jaune p  { color:#f9b800; }
 span .jaune p{color:#f9b800; }
 
/* Typographie ------------------------------- */
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}

/* alignement -------------------------------- */
.txtalignL {text-align:left;}
.txtalignC {text-align:center;}
.txtalignR {text-align:right;}
.clearboth {clear:both; height:1px;}
.clearboth_ {clear:both; height:30px;}

.txtalignR img{text-align:right; padding : 13px 0 0 0;}
.floatR {float:right;}
.floatL {float:left;}

.decalage {
	margin:0; padding-left: 33px;
	/*margin:0; padding-left: 25px;*/
}

.decalage_proposition {
	margin:0; padding-left: 33px;
}

.decalageBig {
	margin:0; padding-left: 60px;
}

.decalage_bas {
	margin:0; padding-top: 20px;
}
.height238{
	height:238px;
}

/* structure page de page ------------------ */
.all_content {
	margin:0; padding:0;
	width:958px;
	text-align:left;
}

.all_content2009 {
	margin:0; padding:0;
	width:998px;
	text-align:left;
}

.colonne-gauche{
	width: 243px;
	height: auto;
	float: left;
}
.colonne-gauche-prop{
	padding-top:0px;
	/*width: 243px;*/
	width: 235px;
	height: auto;
	float: left;
	
}
*+html .colonne-gauche-prop{
	padding-top:39px;
	/*width: 243px;*/
	width: 235px;
	height: auto;
	float: left;
	
}
.colonne-droite{
	width: 715px;
	height: auto;
	float: left;
	/*margin: 0px auto;*/
}
.colonne-droite-proposition{
	/*width: 715px;*/
	width: 723px;
	height: auto;
	float: left;
	/*margin: 0px auto;*/
}
.colonne-droite2009{
	width: 755px;
	height: auto;
	float: left;
}

.colonne-droite-fiche{
	width: 697px;
	height: auto;
	float: left;
	/*margin: 0px auto;*/
}

/* Zone Header ------------------------------------------------------------ */
#titre{
	width: 682px;
	height:auto;
	margin:0; padding:15px 0 0px 0;
}

#flashcontent, #flashcontent2 {
	margin:0; 
	padding:0;
	width:682px; height:auto;
}

#fil-ariane {
	width:auto;
	height:auto;
	margin:0; padding:0;
}
/*#fil-ariane ul {
	margin:0px 0 9px 0;padding:0;
	list-style:none;
}*/
#fil-ariane ul {
	margin:10px 0 20px 0; 
	padding:0;
	list-style:none;
}

#fil-ariane ul li {
	display:inline;
	width:auto;
	margin:0;
	padding:0;
	color:#999999;
}
#fil-ariane ul li a, #fil-ariane ul li a:link, #fil-ariane ul li a:visited { color:#9bb04b; text-decoration:none;}
#fil-ariane ul li a:hover { color:#000; text-decoration:underline;}

/* Colonne GAUCHE --------------------------------------*/
.bloc-interview {margin:165px 0 0 0; padding:0;}
.inteview { margin:0; padding:0;}
.interview img {float:left; margin:0 0 0 5px; padding:0;}
.interview p {
	float:left;
	margin:80px 0 0 0; padding:0 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}

.intro {margin:0; padding:5px 40px 0 10px;}
a.quiest{
	color: inherit; 
	text-decoration: none; 
	font-size: 14px;
}
.nous-connaitre {	
/*margin:20px 0 0 0; padding-bottom:10px;*/
margin:10px 0 0 0; padding-bottom:2px;
font-size:18px;
font-weight:normal;
float:left;
width:225px;
}

.nous-connaitre_texte{	float:left;
						margin:15px 4px 0 0;
						padding:15px 0 0 10px;
}
.nous-connaitre_img{	float:right;
						margin:15px 4px 0 0;
						padding:0 0 0 0;
}
.camera {	
	text-align:center;
	width:225px;
	padding:0px 0 4px 0px;
}

.nous-connaitre_img{	float:right;
						margin:15px 4px 0 0;
						padding:0 0 0 0;
}
	
	
.structures {margin:0px 0 0 0; padding:0;
}


.structures .titre-col { 
	background:transparent url(../images/bigpuce-verte.gif) 190px 31px no-repeat;
	margin:0; 
	padding:26px 40px 0 10px;
	font-size:17px;
	font-weight:bold;
}

.structures .titre-col-spe { 
	margin:0; 
	padding:26px 40px 0 10px;
	font-size:14px;
	font-weight:bold;
}

.structures .titre-col-spe  a{ 
	color: #000000;
	text-decoration: none;
}

.structures .titre-col-spe  a:hover{ 
	color: #000000;
	text-decoration: none;
}

.structures ul {
	margin:10px 0 0 0; padding:0 0 0 10px;
	list-style:none;
}
.structures ul li {
	display:inline;
	width:auto;
	height:26px;
	margin:0;
	padding:0 1px;
}
#conteneur_scroll {width:200px; height:70px; overflow:hidden;   display:block; float:left; background-color:#FF0000; border:1px solid red}
#menu_scroll{position:absolute; background-color:#00CC00;width:200px; height:70px; display:block}

.goodies {
	margin:30px 0 30px 0; padding:0 0 0 0px;
	list-style:none;
}
.goodies li {
	/*background:transparent url(../images/puce-verte.gif) right top no-repeat;*/
	margin:0; padding:0 0 2px 12px;
}

.goodies li a, .goodies li a:link, .goodies li a:visited {color:#000000; text-decoration:none;}
.goodies li a:hover {color:#000000; text-decoration:underline;}

.link-goodies {
	background:transparent url(../images/picto-mini-goodies.gif) left top no-repeat;
	margin:0; padding:0 0 0 20px;
	font-weight:bold;
}

/*  Colonne Gauche - Liste Autres Propositions ------------------ */
.proposition {
	width:auto;
	margin:218px 0 0 0; padding:0 50px 0 10px;
}

.proposition ul {
	margin:0; padding:0 0 0 5px;
	list-style:none;
	border-top:1px dotted #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
}
.proposition ul li {
	margin:0; padding:5px 0 5px 0;
	border-bottom:1px dotted #FFFFFF;
}
.proposition ul li.last {border:none;}
.proposition ul li a, .proposition ul li a:link, .proposition ul li a:visited  {
	background:transparent url(../images/puce-blanche.gif) left 5px no-repeat;
	margin:0; padding:0 0 0 8px;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
.proposition ul li a:hover, .proposition ul li a.selected {
	background:transparent url(../images/puce-marine.gif) left 5px no-repeat;
	margin:0; padding:0 0 0 8px;
	color:#00375d;
	font-size:13px;
	text-decoration:none;
}

/*  Colonne Gauche - Liste Fiches pedagogiques ------------------ */
.pedagogique {
	width:auto;
	margin:10px 0 0 0; padding:0 50px 0 10px;
	float:right;
}
.pedagogique ul {
	margin:0; padding:3px 0 3px 5px;
	list-style:none;
	border-top:1px dotted #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	overflow:auto;
	height:72px;
}
.pedagogique ul li {
	margin:0; padding:0;
}
.pedagogique ul li a, .pedagogique ul li a:link, .pedagogique ul li a:visited {
	background:transparent url(../images/puce-blanche.gif) left 5px no-repeat;
	margin:0; padding:0 0 0 8px;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
/*.pedagogique ul li a:hover,.pedagogique ul li a.selected {*/
.pedagogique ul li a:hover {
	background:transparent url(../images/puce-marine.gif) left 5px no-repeat;
	margin:0; padding:0 0 0 8px;
	color:#00375D;
	font-size:13px;
	text-decoration:none;
}

/*  Colonne Gauche - Liste Fiches pratiques ------------------ */
.pratique {
	width:auto;
	margin:10px 0 0 0; padding:0 50px 0 10px;
}
.pratique ul {
	margin:0; padding:3px 0 3px 5px;
	list-style:none;
	border-top:1px dotted #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	overflow:auto;
	height:72px;
}
.pratique ul li {
	margin:0; padding:0 0 0 0;
}
.pratique ul li a, .pratique ul li a:link, .pratique ul li a:visited {
	background:transparent url(../images/puce-blanche.gif) left 5px no-repeat;
	margin:0; padding:0 0 0 8px;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
.pratique ul li a:hover {
	background:transparent url(../images/puce-marine.gif) left 5px no-repeat;
	margin:0; padding:0 0 0 8px;
	color:#00375D;
	font-size:13px;
	text-decoration:none;
}

.ouacheterbio {
	width:auto;
	margin:10px 0 0 0; padding:150px 50px 0 10px;
}
.puce_proposition{
	background:transparent url(../images/ouacheterbio_jaune.gif) left 5px no-repeat;
	width:200px;
	height:120px;
	color:#ffffff;
	padding-top:23px;
	padding-left:17px;
	font-size:13px;
}

.puce_proposition a, .puce_proposition a:link, .puce_proposition a:visited, .puce_proposition a:hover  {
	width: 200px;
	height: 120px;
	display: block;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}


/* Corps de page ---------------------------------- */
.chapo {
	margin:30px 0;
	font-size:13px;
	font-weight:bold;
}

.video-rubrique {
	width:auto;
	margin:0; padding:0;
}
#mini-video {
	float:left;
	width:270px; height:auto;
	margin:0; padding:0;
}
.cnil {
	margin:20px 20px;
	font-size:11px;
}
/* Zone avec fond couleur - Bulle -------------------- */
/*b***/
.fond-popup {
	width:690px; height:450;
	margin:0; padding:0 10px 120px 10px;
	background:transparent url(../images/popup/bg-popup-donneravis.jpg) left top no-repeat;
	border:1px solid #000;
}
.text-popup{
	width:650px;
	margin:-100px; padding:0 27px 10px 110px;
}

.bulle-popup {
	float:left;
	width:358px;
	margin:-197px; padding:0 27px 10px 250px;
}

.bulle-popup-haut-kaki {
	width:358px; height:auto;
	margin:0 0 0 250px; padding:28px 0 0 0;
	background:transparent url(../images/bg-rubrique-haut-kaki.gif) center top no-repeat;
}
.bulle-popup-bas-kaki {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#cccc99 url(../images/bg-rubrique-bas-kaki.gif) center bottom no-repeat;
}

.bulle-popup-haut-bleu {
	width:358px; height:auto;
	margin:0 0 0 250px; padding:28px 0 0 0;
	background:transparent url(../images/bg-rubrique-haut-bleu.gif) center top no-repeat;
}
.bulle-popup-bas-bleu {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#cccc99 url(../images/bg-rubrique-bas-bleu.gif) center bottom no-repeat;
}
.bulle-popup-haut-vert {
	width:358px; height:auto;
	margin:0 0 0 250px; padding:28px 0 0 0;
	background:transparent url(../images/bg-rubrique-haut-vert.gif) center top no-repeat;
}
.bulle-popup-bas-vert {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#cccc99 url(../images/bg-rubrique-bas-vert.gif) center bottom no-repeat;
}

.bulle-popup-haut-jaune {
	width:358px; height:auto;
	margin:0 0 0 250px; padding:28px 0 0 0;
	background:transparent url(../images/bg-rubrique-haut-jaune.gif) center top no-repeat;
}
.bulle-popup-bas-jaune {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#cccc99 url(../images/bg-rubrique-bas-jaune.gif) center bottom no-repeat;
}
/* Zone avec fond couleur - Bulle -------------------- */
.rubrique {
	float:left;
	width:340px;
	margin:0; 
	padding:0 27px 10px 27px;
}

.rubrique-haut-kaki {
	width:358px; height:auto;
	/*margin:40px 0 0 0;*/
	 padding:28px 0 0 0;	
	background:transparent url(../images/bg-rubrique-haut-kaki.gif) center top no-repeat;
}

.rubrique-bas-kaki {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#cccc99 url(../images/bg-rubrique-bas-kaki.gif) center bottom no-repeat;
}

.rubrique-haut-bleu {
	width:358px; height:auto;
	margin:40px 0 0 0; 
	padding:28px 0 0 0;	
	background:transparent url(../images/bg-rubrique-haut-bleu.gif) center top no-repeat;
}

.rubrique-haut-bleu2 {
	width:358px; height:auto;
	margin:0; padding:28px 0 0 0;	
	background:transparent url(../images/bg-rubrique-haut-bleu.gif) center top no-repeat;
}

.rubrique-bas-bleu {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#9fb9c5 url(../images/bg-rubrique-bas-bleu.gif) center bottom no-repeat;
}

.rubrique-haut-jaune {
	width:358px; height:auto;
	margin:40px 0 0 0; padding:28px 0 0 0;	
	background:transparent url(../images/bg-rubrique-haut-jaune.gif) center top no-repeat;
}
.rubrique-bas-jaune {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#f3f2df url(../images/bg-rubrique-bas-jaune.gif) center bottom no-repeat;
}

.rubrique-haut-vert {
	width:358px; height:auto;
	margin:40px 0 0 0; padding:28px 0 0 0;	
	background:transparent url(../images/bg-rubrique-haut-vert.gif) center top no-repeat;
}
.rubrique-bas-vert {
	width:328px; height:auto;
	margin:0; padding:0 15px 10px 15px;
	background:#e7edde url(../images/bg-rubrique-bas-vert.gif) center bottom no-repeat;
}

/* Gestion des listes à puces de couleurs */
.colonne-liste {
	float:left;
	width:160px;
	margin:10px 0 0 0; padding:0 4px 0 0;
}
.colonne-liste li {	margin:0; padding:0 0 2px 10px;}

.colonne-liste.ul-kaki li { background:transparent url(../images/puce-ronde-kaki.gif) left 5px no-repeat;}
.colonne-liste.ul-jaune li { background:transparent url(../images/puce-ronde-jaune.gif) left 5px no-repeat;}
.colonne-liste.ul-bleu li { background:transparent url(../images/puce-ronde-bleu.gif) left 5px no-repeat;}
.colonne-liste.ul-vert li { background:transparent url(../images/puce-ronde-verte.gif) left 5px no-repeat;}

.content-simple-colonne {
	width:auto;
	/*margin:20px 0; */
	padding:0;
}

.content-simple-colonne table.renderedtable tbody tr td ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

}

.content-simple-colonne table.renderedtable tbody tr td ul li{
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-bleu.gif) left 5px no-repeat;
}

.content-double-colonne {
	width:auto;
	margin:40px 0; padding:0;
	_width:715px;;
	_padding:0px 0 0 250px; 
}
.content-colonne-type {
	float:left;
	width:311px;
	margin:0; padding:0 30px 0 0;
}
.article {
	margin:0 0 10px 0; padding:0;
}
.article img {float:left; margin:0; padding:55px 10px 10px 0;}
.article p {
	margin:0 0 3px 0; padding:0;
}

.article-image {
	margin:0 0 10px 0; padding:0;
}
.article-image img {float:left; margin:0; padding:0px 10px 10px 50px;}
}

.liste-bleu {margin:0; padding:0; list-style:none;}

.liste-bleu ul{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


.liste-bleu li {
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-bleu.gif) left 5px no-repeat;
}

.liste-jaune {margin:0; padding:0; list-style:none;}

.liste-jaune ul{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.liste-jaune li {
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-jaune.gif) left 5px no-repeat;
}


.liste-verte {margin:0; padding:0; list-style:none;}

.liste-verte ul{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


.liste-verte li {
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-verte.gif) left 5px no-repeat;
}


.ensavoir, .ensavoir:link, .ensavoir:visited {
	background:transparent url(../images/puce-verte.gif) left top no-repeat;
	margin:0; padding:0 0 0 12px;
	font-weight:bold;
	text-decoration:none;
}
.ensavoir:hover { text-decoration:underline;}

.linkhaut {
	margin:10px 0; padding:0;
}

.paragraphe {margin:0 0 10px 0; padding:0;}

/*rajouté le 13/01/2010*/
.paragraphe ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.paragraphe ul li{
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-bleu.gif) left 5px no-repeat;

}

.paragraphe p {margin:0 0 10px 0; padding:0;}


.liste-bleu {margin:0; padding:0; list-style:none;}

.liste-bleu ul{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


.liste-bleu li {
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-bleu.gif) left 5px no-repeat;
}

.liste-jaune {margin:0; padding:0; list-style:none;}

.liste-jaune ul{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.liste-jaune li {
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-jaune.gif) left 5px no-repeat;
}


.liste-verte {margin:0; padding:0; list-style:none;}

.liste-verte ul{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


.liste-verte li {
	margin:0; padding:0 0 0 10px;
	background:transparent url(../images/puce-ronde-verte.gif) left 5px no-repeat;
}


.illustration {
	float:left;
	width:270px; height:auto;
	margin:0; padding:0;
}

.acteurs {
	float:left;
	width:320px; height:auto;
	margin:0 21px 0 0; padding:0;
}

.loupe {
	float:left;
	width:256px; height:auto;
	margin:0; padding:80px 30px 48px 55px;
	background:transparent url(../images/bg-loupe.gif) left top no-repeat;
}

.loupe legend {
	margin:0 0 10px 0; padding:0;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.carte-haut_ie6 {
	width:678px; height:auto;
	margin:0 0 40px 0; padding:52px 0 0 0;	
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ez_local/design/plain_site/images/bg-carte-haut.png',  sizingMethod='fixed');
}
.carte-haut {
	width:678px; height:auto;
	margin:0 0 40px 0; padding:52px 0 0 0;	
	background:transparent url(../images/bg-carte-haut.png) left top no-repeat;
}

.carte-bas {
	width:638px; height:auto;
	margin:0; padding:20px 20px 18px 20px;	
	background:transparent url( ../images/bg-carte-bas.png) left top no-repeat;
}

.big-bulle {
	float:left;
	width:241px; height:auto;
	margin:0; padding:40px 40px 80px 50px;
	/*margin:0; padding:40px 40px 75px 50px;*/
	background:transparent url(../images/big-bulle-dep-verte.gif) left top no-repeat;
}
.big-bulle ul {
	width:auto; height:70px;
	overflow:auto;
	margin:10px 20px 0 30px; padding:3px 0;
	list-style:none;
	border-top:1px dotted #FFF;
	border-bottom:1px dotted #FFF;
}
.big-bulle ul li {
	margin:0; padding:0;
}
.big-bulle ul li a {color:#FFFFFF;}

.carte-france {
	float:left;
	width:341px; height:auto;
	margin:0; padding:0;
	text-align:right;
}

.bigzone-vert-haut {
	width:auto; height:auto;
	margin:0; padding:50px 4px 0 0;
	background:transparent url(../images/bigzone-vert-haut.gif) left top no-repeat;
}
.bigzone-vert-bas {
	width:678px; height:auto;
	margin:0; padding:0 0 30px 0;
	background:#8bae4b url(../images/bigzone-vert-bas.gif) left bottom no-repeat;
}
/*merger*/
.bigzone-vert-bas img {
	margin-top:-25px; 
}

.bigzone-vert-bas h2 {
	margin:0 0 0 10px; 
	padding:0 0 0 40px;
	font-size:25px;
	color:#f2fce2;
	background:transparent url(../images/oiseau-vertpastel.gif) left top no-repeat;
}
.conteneur {
	float:left;
	width:335px; 
	height:auto;
	margin:0; 
	padding:0 30px;
	/*padding:10px 30px;*/
}
.bigzone-vert-bas .article {
	width:290px; height:auto;
	margin:0; padding:0 0 0 30px;
}

/* Page participer ------------------------------ */
.participer {
	width:682px; height:auto;
	margin:0; padding:0 0 40px 0;
	background:transparent url(../images/bg-participer.jpg) left top no-repeat;
}

.participer2 {
	width:682px; height:auto;
	margin:0; padding:0 0 20px 0;
	background:transparent url(../images/bg-participer3.jpg) left top no-repeat;
}

.participer .kestcequec {
	width:auto; height:auto;
	margin:0 0 0 140px; padding:35px 0 0 0;
}

.participer2 .kestcequec {
	width:auto; height:auto;
	margin:0 0 5px 140px; padding:92px 0 0 0;
}

.participer .kestcequec h3 {
	font-size:16px;
	font-weight:bold;
	margin:0; padding:0 0 10px 0;
}

.participer2 .kestcequec h3 {
	font-size:16px;
	font-weight:bold;
	margin:0; padding:18px 0 5px 40px;
}

.kestcequec p {margin:0; padding:0 0 5px 0;}

.faireundon  {
	width:auto; height:auto;
	margin:0 80px 0 340px; padding:15px 0 0 0;
}

.active {
	color:#999999; text-decoration:none;
	font-weight:bold;
}
.inactive {
	color:#999999; text-decoration:none;
}

.faireundon h3 {
	font-size:16px;
	font-weight:bold;
	margin:0; padding:00;
}

.faireundon .chapo {margin:25px 0 5px 0; padding:0;}

.participer .groupelocal {
	width:auto; height:auto;
	margin:20px 290px 0 140px; padding:0;
}

.participer2 .groupelocal {
	width:auto; height:auto;
	margin:143px 0 0 140px; padding:0;
}

.participer .groupelocal h3 {
	font-size:16px;
	font-weight:bold;
	margin:0; padding:0 0 10px 0;
}

.participer2 .groupelocal h3 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:7px 0 10px 60px;
}

.participer input , .participer2 input {
	font-size:11px;
	margin:0; padding:2px 2px 0 2px;
	height:14px;
}
.participer .btn-ok, .participer2 .btn-ok {
	width:23px; height:25px;
	margin:0; padding:0;
	border:none; 
}
.participer2 .groupelocal p {padding:10px 0 0 20px;}
.participer2 .btn-valider {
	width:154px; height:30px;
}

/* Boutique ------------------------------ */
.boutique {
	float:left;
	width:404px; height:auto;
	margin:0 30px 0 0; padding:0;
}

.produit-haut {
	width:auto;
	margin:0 0 20px 0; padding:20px 0 0 0;
	background:transparent url(../images/bg-produit-haut.gif) left top no-repeat;
}
.produit-bas {
	width:auto;
	margin:0; padding:0 52px 10px 52px;
	background:transparent url(../images/bg-produit-bas.gif) left bottom no-repeat;
}

.produit-bas .objet {
	float:left;
	margin:2px; padding:2px 2px 2px 2px;
	/*border:10 solid #000000; 
	filter:Shadow(color=#000000, direction=45)">*/
}
.produit-bas .ombrage {
	float:left;
	margin:0; padding:0 4px 0 0;
	width:105px; height:161px;
	background:transparent url(../images/ombrage.jpg) no-repeat;
	/*background:transparent url(../images/ombrage.jpeg) left bottom no-repeat;
	/*filter:Shadow(color=#000000, direction=45)">*/
}

.produit-bas p { margin:0; padding:0 0 8px 0;}
.produit-bas .sanspad { margin:0; padding:0;}
.produit-bas .title {
	margin:0; padding:0;
	font-weight:bold;
}
.produit-bas .btn-panier {clear:both;}

/* Panier ------------------------------ */
.panier {
	float:left;
	width:248px; height:auto;
	margin:0; padding:0;
}
.panier-haut {
	width:auto;
	margin:0; padding:40px 0 20px 0;
	background:transparent url(../images/bg-macommande-haut.gif) left top no-repeat;
}
.panier-haut .titre-macommande {
	font-size:12px;
	font-weight:bold;
	margin:0; padding:0 0 0 48px;
	color:#FFFFFF
}
.panier-bas {
	width:auto;
	margin:0; padding:10px 5px 80px 0;
	background:transparent url(../images/bg-macommande-bas.gif) left bottom no-repeat;
	text-align:right;
}
.panier-centre {
	width:auto;
	margin:0; padding:10px;
	background-color:#6ba4ce;
}
.table-panier {
	width:100%; height:auto;
	margin:0; padding:0;
}
.table-panier td {
	margin:0; padding:2px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
.table-panier .td-nbre {width:40px;}
.table-panier .td-titre {width:140px;}
.table-panier .td-prix {width:48px;}

/* Formulmaire - Participer ------------------------------ */
/*Pour IE */
.table-participer_ie {
	width:auto; height:auto;
	margin:10px 0 0 0; padding:0;
}
.table-participer_ie td {
	margin:0; 
	padding:2px;
	/*padding-left:5px;*/
}
.table-participer_ie .table-part-1 {width:105px; text-align:right;}
.table-participer_ie .table-part-2 {width:120px;}
.table-participer_ie.table-part-3 {width:30px;}
.table-participer_ie .table-part-4 {width:70px; text-align:right;}
.table-participer_ie .table-part-5 {width:auto;}

.table-participer_ie .chpinput-adresse {width:230px;}

.table-participer_ie.hide_this{
	visibility : hidden;
}

/*Autres que IE */
.table-participer {
	width:auto; height:auto;
	margin:10px 0 0 0; padding:0;
}
.table-participer td {
	margin:0; padding:5px;
}
.table-participer .table-part-1 {width:70px; text-align:right;}
.table-participer .table-part-2 {width:100px;}
.table-participer .table-part-3 {width:30px;}
.table-participer .table-part-4 {width:85px; text-align:right;}
.table-participer .table-part-5 {width:auto;}

.table-participer .chpinput-adresse {width:230px;}

/* Page Goodies ------------------------------------- */
.img-goodies {margin:20px 0; padding:0;}

/* Page Fonds d'écran --------------------------- */
.wallpaper {
	width:auto; height:auto;
	margin:0; padding:0 0 0 170px;
}
.wallpaper img { float:left; }
.wallpaper ul {
	float:left;
	margin:220px 0 0 0; padding:0;
	list-style:none;
} 
.wallpaper ul li {
	margin:0; padding:0 0 2px 10px;
	background:transparent url(../images/puce-verte.gif) left top no-repeat;
}

.mini-wallpaper {
	width:auto; height:auto;
	margin:0; padding:30px 0 0 62px;
	text-align:center;
}
.mini-wallpaper-ex {
	float:left;
	width:auto; height:auto;
	margin:0 15px; padding:0;
}
.mini-wallpaper-ex ul {
	margin:0; padding:0;
	text-align:left;
}
.mini-wallpaper-ex ul li {
	margin:0; padding:0 0 2px 10px;
	background:transparent url(../images/puce-verte.gif) left top no-repeat;
}

/* Formulaire - Acteurs ------------------------ */
.form-kaki-haut {
	width:636px; height:auto;
	margin:20px 0; padding:26px 0 0 0;	
	background:transparent url(../images/bg-form-kaki-haut.gif) left top no-repeat;
}

.form-kaki-bas {
	width:516px; height:auto;
	margin:0; padding:0 60px 26px 60px;	
	background:transparent url(../images/bg-form-kaki-bas.gif) left bottom no-repeat;
}

.form-acteur {
	width:auto; height:auto;
	margin:0; padding:0;
}

.form-acteur legend { text-indent:-9999px;}
.table-acteur td {
	width:258px;
	margin:0; padding:5px 2px;
	vertical-align:top;
}

.table-acteur label {font-weight:bold;}
.table-acteur input {
	margin:0; padding:2px 3px;
	width:140px; height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #6b7f3d;
}
.table-acteur select {
	margin:0; padding:0 0 0 3px;
	width:140px; height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #6b7f3d;
}
.table-acteur textarea {
	width:250px; height:60px;
	margin:0; padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #6b7f3d;
}
.table-acteur .btn-ok {
	width:23px; height:25px;
	margin:0; padding:0;
	border:none; 
}
.table-acteur .chpinput {width:250px;}


/* Zone de carte - Google Maps ----------------- */
.google-maps {
	float:left;
	width:auto; height:auto;
}
.google-maps_par {
	float:left;
	width:648px; height:439px;
}
.legende {
	float:left;
	width:180px;
	margin:0; padding:0 0 0 10px;
}
.legende p {text-align:center;}
.legende ul {
	margin:150px 0 0 0; padding:0;
	list-style:none;
}
.legende ul li {
	margin:0; padding:3px 0 3px 22px;
	color:#FFFFFF;
}

.legende ul li.leg {padding:3px 0;}
.legende ul li.comprendre {background:transparent url(../images/carte/picto-comprendre.gif) left 2px no-repeat;}
.legende ul li.eduquer {background:transparent url(../images/carte/picto-eduquer.gif) left 2px no-repeat;}
.legende ul li.cultiver {background:transparent url(../images/carte/picto-cultiver.gif) left 2px no-repeat;}
.legende ul li.acheterbio {background:transparent url(../images/carte/picto-acheterbio.gif) left 2px no-repeat;}
.legende ul li.sesoigner {background:transparent url(../images/carte/picto-sesoigner.gif) left 2px no-repeat;}
.legende ul li.reduire {background:transparent url(../images/carte/picto-reduire.gif) left 2px no-repeat;}


/* Mise en forme des tableaux ------------------ */
.table-maitre {
	width:636px;
	height:auto;
	margin:10px 0; padding:0;
	border-bottom:1px solid #dddddd;
}
.table-maitre td {
	margin:0; padding:2px 0 2px 10px;
}

.table-maitre.aspect-bleu .impair  {background-color:#dfe9f3;}
.table-maitre.aspect-bleu .pair {background-color:#FFFFFF;}
.table-maitre.aspect-jaune .impair  {background-color:#f3f2df;}
.table-maitre.aspect-jaune .pair {background-color:#FFFFFF;}
.table-maitre.aspect-vert .impair  {background-color:#f2fce2;}
.table-maitre.aspect-vert .pair {background-color:#FFFFFF;}

.table-maitre .entete td {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
.table-maitre.aspect-bleu .entete td.colonne-un { width:255px; line-height:26px;	background:transparent url(../images/table-entete-bleu.gif) left top no-repeat;}
.table-maitre.aspect-bleu .entete td.colonne-deux { width:210px; line-height:26px; background:transparent url(../images/table-entete-bleu.gif) center top no-repeat;}
.table-maitre.aspect-bleu .entete td.colonne-trois { width:217px; line-height:26px;	background:transparent url(../images/table-entete-bleu.gif) right top no-repeat;}
.table-maitre.aspect-jaune .entete td.colonne-un { width:255px; line-height:26px;	background:transparent url(../images/table-entete-jaune.gif) left top no-repeat;}
.table-maitre.aspect-jaune .entete td.colonne-deux { width:210px; line-height:26px; background:transparent url(../images/table-entete-jaune.gif) center top no-repeat;}
.table-maitre.aspect-jaune .entete td.colonne-trois { width:217px; line-height:26px;	background:transparent url(../images/table-entete-jaune.gif) right top no-repeat;}
.table-maitre.aspect-vert .entete td.colonne-un { width:255px; line-height:26px;	background:transparent url(../images/table-entete-vert.gif) left top no-repeat;}
.table-maitre.aspect-vert .entete td.colonne-deux { width:210px; line-height:26px; background:transparent url(../images/table-entete-vert.gif) center top no-repeat;}
.table-maitre.aspect-vert .entete td.colonne-trois { width:217px; line-height:26px;	background:transparent url(../images/table-entete-vert.gif) right top no-repeat;}
.table-maitre.aspect-marron .entete td.colonne-un { width:255px; line-height:26px;	background:transparent url(../images/table-entete-marron.gif) left top no-repeat;}
.table-maitre.aspect-marron .entete td.colonne-deux { width:210px; line-height:26px; background:transparent url(../images/table-entete-marron.gif) center top no-repeat;}
.table-maitre.aspect-marron .entete td.colonne-trois { width:217px; line-height:26px;	background:transparent url(../images/table-entete-marron.gif) right top no-repeat;}
.table-maitre.aspect-vert caption.entete {line-height:26px;	background:transparent url(../images/table-entete-vert.gif) left top no-repeat;padding-left:20px;}
.table-maitre.aspect-bleu caption.entete {line-height:26px;	background:transparent url(../images/table-entete-bleuclair.gif) left top no-repeat;padding-left:20px;}

.table-loupe {
	width:auto;
	color:#FFFFFF;
}
.table-loupe td {
	margin:0; padding:2px 0;
}
.table-loupe select {width:145px; font-size:11px;}
.table-loupe input {width:142px; font-size:11px; padding:2px 5px 0 5px; height:14px;}
.table-loupe .btn-ok-vert {width:26px; height:27px; padding:0;}

/* LIENS ------------------------------------------ */
.linkhaut a, .linkhaut a:link, .linkhaut a:visited {
	background:transparent url(../images/puce-verte-haut.gif) right 6px no-repeat;
	margin:0; padding:0 10px 0 0;
	font-weight:bold;
	text-decoration:none;
}
.linkhaut a:hover {text-decoration:underline;}

.pdf {
	background:transparent url(../images/picto-pdf.gif) right top no-repeat;
	margin:0; padding:0 15px 0 0;
}

.link-puceverte, .link-puceverte:link, .link-puceverte:visited {
	background:transparent url(../images/puce-verte.gif) left top no-repeat;
	margin:0; padding:0 0 0 12px;
	font-weight:bold;
	text-decoration:none;
}
.link-puceverte:hover { text-decoration:underline;}
/*.puce_vert{
}*/
/* Titraille -------------------------------------- */
.titre-acteur{
	background:transparent url(../images/theme-jaune/picto-min-acteur-jaune.gif) left top no-repeat;
	width: auto;
	height:26px;
	margin:10px 0 0 0; padding:4px 0 0 40px;
	font-size: 20px;
}

.titre-actu {
	width: auto; height:auto;
	margin:0; padding:0 0 0 10px;
	font-size: 20px;
}

.titre-cultiver{
	background:transparent url(../images/theme-jaune/picto-min-cultiver-jaune.gif) left top no-repeat;
	width: auto;
	padding:4px 0px 28px 40px;
	font-size:20px;
}
.titre-cultiver-home{
	background:transparent url(../images/picto-min-cultiver.gif) left top no-repeat;
	width: auto;
	padding:2px 0px 18px 40px;
	font-size:20px;
	color:#f9b800;
}
.titre-acteur-home{
	background:transparent url(../images/picto-min-acteur.gif) left top no-repeat;
	width: auto;
	padding:4px 0px 18px 40px;
	font-size:20px;
	color:#f9b800;
}
.titre-bio {
	background:transparent url(../images/theme-jaune/picto-min-bio-jaune.gif) left top no-repeat;
	width: auto; height:auto;
	margin:0; padding:0 0 0 35px;
	font-size: 25px;
}

.titre-conferences {
	width: auto; height:auto;
	margin:10px 0 0 0; padding:0;
	font-size: 20px;
}

.titre-boutique {
	background:transparent url(../images/picto-boutique-bleu-fonce.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-goodies {
	background:transparent url(../images/picto-goodies.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-musique {
	background:transparent url(../images/picto-musique.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-wallpaper {
	background:transparent url(../images/picto-fondecran.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-wallpaper-video {
	background:transparent url(../images/picto-camerableue.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-wallpaper-cuisine {
	background:transparent url(../images/picto-couvert.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}
.titre-wallpaper-agenda {
	background:transparent url(../images/picto-agendapomme.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}
.titre-wallpaper-fondecran {
	background:transparent url(../images/picto-fondecran.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-main-bleu{
	background:transparent url(../images/main_faiteUnDon.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 50px;
	font-size:25px;
}

.titre-oiseau-vert{
	background:transparent url(../images/oiseau-vert.gif) left top no-repeat;
	width: auto;
	padding:10px 0 10px 60px;
	font-size:25px;
}

.titre-oiseau-bleu{
	background:transparent url(../images/oiseau-bleu.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

.titre-puce-jaune {
	background:transparent url(../images/titre-puce-jaune.png) left -2px no-repeat;
	margin:0 0 5px 0; padding:1px 0 5px 35px;
	line-height:22px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.titre-puce-bleu {
	background:transparent url(../images/titre-puce-bleu.png) left -2px no-repeat;
	margin:0 0 5px 0; padding:1px 0px 5px 35px;
	line-height:22px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.titre-puce-verte {
	background:transparent url(../images/titre-puce-vert.png) left -2px no-repeat;
	margin:0 0 5px 0; padding:1px 0px 5px 35px;
	line-height:22px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.titre-puce-verte-withoutBg{
	margin:0 0 5px 0; padding:1px 0px 5px 35px;
	line-height:22px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.titre-bulle-haut-kaki {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-haut-kaki.gif) left top no-repeat;
}
.titre-bulle-bas-kaki {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-bas-kaki.gif) left top no-repeat;
}

.titre-bulle-haut-bleu {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-haut-bleu.gif) left top no-repeat;
}
.titre-bulle-bas-bleu {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-bas-bleu.gif) left top no-repeat;
}

.titre-bulle-haut-jaune {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-haut-jaune.gif) left top no-repeat;
}
.titre-bulle-bas-jaune {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-bas-jaune.gif) left top no-repeat;
}

.titre-bulle-haut-vert {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-haut-verte.gif) left top no-repeat;
}
.titre-bulle-haut-vert2 {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:12px 0 10px 50px;
	background:transparent url(../images/puce-bulle-verte5.gif) left top no-repeat;
}

.titre-bulle-bas-vert {
	font-size:13px; 
	font-weight:bold;
	margin:0 0 5px 0; padding:7px 0 7px 40px;
	background:transparent url(../images/titre-bulle-bas-verte.gif) left top no-repeat;
}

.titre-bulle-newsletter {
	background:transparent url(../images/oiseau-bleu.gif) left top no-repeat;
	width: auto;
	padding:2px 0 2px 40px;
	font-size:25px;
}

input.validation-failed, textarea.validation-failed {
	border: 2px solid red;
}

.validation-advice {
background-color:red;
color:#FFFFFF;
font-size:10px;
left:800px;
margin:1px 0;
padding:1px;
position:absolute;
/*top:800px;*/
}

/* FOOTER --------------------------------------*/
.footer{
	width: 100%;
	height: auto;
	margin:10px 0 10px 0; padding:0;
	color: #ccc;
	font-size:11px;
	text-align: left;
}
.footer a, .footer a:link, .footer a:visited { color:#999999; text-decoration:none; font-style:normal;}
.footer a:hover { color:#999999; text-decoration:underline; font-style:normal;}

.gmaps{
	width: 240px; 
	height: 150px
	display:none;

}

.cacherDiv{
	display:none;
}

.form_envoyer_mail  {
	font-family:Arial, Helvetica, sans-serif;
	padding-left:60px;
	padding-top:50px;
	font-size:14px;
	color:#fff;
}

.espace_2 {
	width:100px;
}

.form_envoyer_mail input {
	margin:0; padding:2px 3px;
	width:140px; height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #6b7f3d;
}

.form_envoyer_mail textarea {
	margin:0; padding:2px 3px;
	width:140px; height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #6b7f3d;
}

/* Modif 03/03/2008 ------------------------ */
.table-loupe input.mots-cles {
	width:130px; height:auto;
}

.all_contentbeta {
	margin:0; padding:0;
	width:988px;
	text-align:left;
}
.colonne-droitebeta{
	width: 720px;
	height: auto;
	float: left;
}
#flashcontent2beta {
	margin:0; padding:0 0 0 30px;
	width:682px; height:auto;
}

.signez{
	color:#FFF;
	font-size:14px;
	font:Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin-top:10px;
}

.signez a{
	text-decoration: none;
}

.print_link{
	padding-left:550px;
}

.colonne_fiche_pedago_print{
	width: 800px;
	height: auto;
	float: left;
}