/* CSS Document */
/* Tout le site est en 12px sauf les tableaux de la zone de droite dans les articles (table.miniaricle etc. 11px) */
/* et les liens dans le bandeau du haut 10px*/
/* et les liens de navigation de gauche 11px*/

body	{margin:0px; background-color: #FFFFFF;font: 12px Arial, Verdana, Helvetica, sans-serif;
scrollbar-base-color: #FFFFFF; scrollbar-arrow-color:#00529E;
scrollbar-track-color:#F4F4F4; scrollbar-3Dlight-color:#FFFFFF;
}

.Accordion {
  overflow: visible !important;
}

.AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
}


/*-----------------LA STRUCTURE DE LA PAGE------------------------------------------------------------------------*/
#ligne_g	{display:none;}
#ligne_d	{display:none;}
#url_site	{position:absolute;top:116px;left:15px;width:34px;height:250px;z-index:100}

#englob_b	{display:none;}
	#bandeau	{display:none;}
 	 #b_g		{display:none;}
  	#b_anim		{display:none;}
	#top_menu	{display:none;}
  	#b_dr		{display:none;}
		#cliquez {display:none;}

#trou1		{display:none;}

#englob_m	{display:none;}
	#menu		{display:none;}
#trou2		{display:none;}
#englobante	{position:relative;top:5px;left:50%;margin-left:-457px;width:912px;
			border-left:0px solid #DFDFDF;border-right:0px solid #DFDFDF;}
#contenu	{position:relative;top:0px;left:0px;width:100%;}
  #nav_g	{display:none;}
  #nav_g.acc{color:#ffffff;}
  #milieu	{position:relative;top:0px;left:50px;width:100%;background-color:white;}
  
    #centre	{position:relative;top:0px;left:5px;width:90%;}
	#centre.acc{background:url(images/fond-dessin-jean-harambat.jpg) bottom left no-repeat}

#pied_page	{display:none;}
/* Pour le plan du site */
  #plan		{position:relative;top:0px;left:0px;width:900px;border-top:0px solid #DFDFDF;}

/*-----------------LES BALISES  MAJEURES----------------------------------------------------------------------------*/

h1			{font-size:20px;font-weight:bold;padding-bottom:1px;margin-bottom:20px;margin-top:0px;text-align:left;} /*text-align:left a cause du align justify sur les tableaux*/
h1.debat	{font-size:18px;margin-bottom:10px;}
h1.approf	{font-size:13px;text-transform:uppercase;border-bottom:2px solid #DFDFDF;}
h1.reagir	{font-size:13px;text-transform:uppercase;margin-bottom:1px;}
h1.rubr		{font-size:16px;color:#D2D2D2;margin-bottom:15px;text-transform:uppercase;} /*gris clair en haut de zone centrale*/
h1.plan		{border-bottom:2px solid #DFDFDF;margin-bottom:0px;}
h1.boutique	{font-size:18px;margin-bottom:2px;color:#C01919;}
h1.back_acc	{font-size:14px;margin-bottom:2px;font-weight:normal;margin-bottom:2px;color:#666666;}
.minuscule	{text-transform:lowercase}/* boutique diversité - pour la moitié du h1 en minuscules*/
h1.fichepeda {margin-bottom:5px;color:#877056;} /* titre fiche*/
#sommaire h1{font-size:14px;color:#07465F;margin-bottom:5px;}
#sommaire h2{text-transform:uppercase;margin-bottom:1px;}
#sommaire tr:hover{background-color:#E5E5E5;}

h2			{font-size:14px;font-weight:bold;margin-top:0px;margin-bottom:10px;text-align:left;}
h2.nav_g	{font-size:12px;margin-bottom:5px;border-bottom:1px solid white;}
h2.nav_gacc	{font-size:13px;text-transform:uppercase;margin-bottom:5px;}
h2.centre	{margin-bottom:5px;}
h2.contribu	{!important font-size:12px;margin-bottom:7px;border-bottom:2px solid #DFDFDF;color:#333333;} /*titre mini-articles - font-size compense celui de table.miniarticle - à conserver donc*/

#fichepeda h2 {color:#877056;background:url(images/fleche-peda.gif) 0px 0px no-repeat;
			padding-left:30px;margin-bottom:5px;}

h3			{font-size:14px;font-weight:bold;margin-top:0px;margin-bottom:5px;
			text-transform:uppercase;color:#A8249B;text-align:left;} /*fond violet pour accueil*/
h3.marge0	{width:150px;}
blockquote	{margin-top:0px;}
ul,ol	{margin-top:0px;}
table				{font-size:12px;text-align:justify;}
td					{vertical-align:top;}
td.middle			{vertical-align:middle;}
#top_menu table 	{font-size:11px;} /*les liens du bandeau sont dans un tableau (donc 12px)*/
table.left			{text-align:left;} /* fiches pedagogiques et accroches de index*/
table.reagir		{padding:20px;background-color:#F2F2F2;border:1px solid #DFDFDF;width:80%}
table.reagir2		{width:95%;background-color:#CCCCCC;}
table.edito			{text-align:left;border-top:2px solid #DFDFDF;border-left:2px solid #DFDFDF;}
table.miniarticle	{padding:10px;background-color:#F2F2F2;border:2px solid #DFDFDF;font-size:11px;}
table.debat			{padding:10px;background-color:#F2F2F2;border:2px solid #DFDFDF;font-size:11px;}
table.entretien		{padding:10px;background-color:#F2F2F2;border:2px solid #DFDFDF;font-size:11px;}
table.video			{background-color:#F2F2F2;border-bottom:2px solid #DFDFDF;font-size:11px;}
table.videoint		{padding:10px;} /*tableau dans celui des videos */
table.sansfond		{padding:10px;background-color:#BFC0BC;width:120px}
table.imageh		{background-color:#F2F2F2;border:0px solid #DFDFDF;border-bottom:0px;font-size:11px;}
table.imageb		{padding:10px;background-color:#F2F2F2;border:2px solid #DFDFDF;border-top:0px;font-size:11px;}
table.sommaire		{text-align:left;background-color:#F2F2F2;}
table.panier		{padding:2px;border:2px solid #DFDFDF;} /*boutique - liste du panier - moins de marge*/
table.liencultivons	{margin: 0px;padding:5px 5px 10px 5px;font-size:11px;text-align:left;background-color:#F2F2F2;
					border-bottom:2px solid #DFDFDF;margin:5px 0px 5px 0px}
td.listesph			{padding:10px;border:2px solid #DFDFDF;border-bottom:0px;}/*boutique - liste des espèces - haut*/
td.listespb			{padding:10px;border:2px solid #DFDFDF;border-top:1px dotted #DFDFDF;}/*boutique - liste des espèces - bas*/
td.listespm			{padding:10px;border-left:2px solid #DFDFDF;border-right:2px solid #DFDFDF;border-top:1px dotted #DFDFDF;}/*boutique - liste des espèces - milieu*/
td.suivicommande	{padding:10px;border:2px solid #DFDFDF;} /*boutique - encadré */
#fichepeda tr.entete	{font-weight:bold;background-color:#9B8164;color:white;}
td.acc_alim			{border:2px solid #DE603A; width:180px;padding:2px;background-color:white;}
td.acc_sante		{border:2px solid #457AB3; width:180px;padding:2px;background-color:white;}
td.acc_jardin		{border:2px solid #54A31F; width:180px;padding:2px;background-color:white;}
td.acc_cadre		{border:2px solid #F4A81A; width:180px;padding:2px;background-color:white;}
td.acc_campagne		{border:2px solid #C01919; width:180px;padding:2px;background-color:white;}
td.acc_planete		{border:2px solid #6228B1; width:180px;padding:2px;background-color:white;}


div.voiraussi		{}

div.retour			{margin-left:5px;width:10px;height:5px;background-color:#DFDFDF;}

div.sommaire		{float:right;margin:25px 0px 20px 20px;width:270px;padding-left:10px;border-left:2px solid #E5E5E5;} /*accueil sommaire - retire : #07465F*/

div.boutique		{position:relative;margin:-20px 0px 20px 10px;background-color:white;z-index:10;}/*positionnement h2 sur le trait*/

div.interactivite	{display:none;} /*envoyer a un ami | reagir*/

div.fichepeda		{color:#877056;font-size:14px;background:url(images/fond-fiche-pedagogique.gif) top left no-repeat;width:100%;height:103px;line-height:1.55em;padding:13px 0px 0px 208px;margin-bottom:20px;}

div.newsletterpeda	{display:none;}

div.citation		{width:150px;margin:0px 20px 0px 60px;text-align:left}/*citations dans les paragraphes des entretiens*/

div.marge-temp-accueil {margin:10px 0px 0px 10px;}/*classe adhoc pour accueil non destinée à perdurer - APA 12/03/09 */
div.quiz			{width:625px;height:1500px;background:url(images/fond-quiz.gif) no-repeat;}
div.quiz_home		{width:320px;height:320px;background:url(images/fond-quiz-home.gif) no-repeat;}
div.erreur			{border:1px solid #C01919;background-color:#F4F4F4;padding:10px;}

p			{margin-top:0px;margin-bottom:20px;}

.marge0		{margin-bottom:0px;}

.marge5		{margin-bottom:5px;}

.petit		{font-size:11px;}

p.nav_g,p.nav_g_alim,p.nav_g_sante,p.nav_g_jardin,p.nav_g_cadre,p.nav_g_campagne,p.nav_g_planete {margin-bottom:5px;}

p.nav_g2			{margin-bottom:0px;}

p.nav_g_on,p.nav_g_alim_on,p.nav_g_sante_on,p.nav_g_jardin_on,p.nav_g_cadre_on,p.nav_g_campagne_on,p.nav_g_planete_on {margin-bottom:5px;padding-top:2px;padding-bottom:2px;}

p.nav_g_on			{background-color:black;}
p.nav_g_alim_on		{background-color:#C74621;}
p.nav_g_sante_on	{background-color:#345A85;}
p.nav_g_jardin_on	{background-color:#438318;}
p.nav_g_cadre_on	{background-color:#F9D086;}
p.nav_g_campagne_on	{background-color:#9E1414;}
p.nav_g_planete_on	{background-color:#4F208E;}
p.nav_g2_on			{background-color:black;}		
#nav_g p:hover		{}

form			{margin:0px;}
textarea		{width:400px;border: solid 1px #DFDFDF;}
input.text		{border: solid 1px #DFDFDF;width:100px;} /*champs identification et mot de passe */
input.text2		{border: solid 1px #DFDFDF;width:150px;margin:0px 0px 2px 2px;}
input.text3		{border: solid 1px #DFDFDF;width:30px;margin:0px 0px 2px 2px;}
input.text4		{border: solid 1px #DFDFDF;width:300px;margin:0px 0px 2px 2px;}
input.inputrech	{color: #666666; font-size:10px;border: solid 0px #DFDFDF;width:100px; }
input.bouton 	{padding: 0px 1px 0px 1px;border:1px solid #999999; background: url(images/but-bg.gif) #CCCCCC;color:white;
				font-size: 11px;height: 20px;}
input.nobord	{width:20px;border:0px;}
input.nobord2	{width:150px;border:0px;}
select.nav_g	{color: #000000; font-size:10px;border: solid 1px #DFDFDF;width:180px;}
select.centre	{color: #000000; border: solid 1px #DFDFDF;width:180px;}						

.alerte	{background-color:#C01919;color:white;border: solid 1px #DFDFDF;width:150px;margin:0px 0px 2px 2px;} /*controle champ de formulaire non rempli */

/*-----------------LES LIENS--------------------------------------------------------------------------------*/
#nav_g a				{font-size:11px;}
a.nav_g,a.nav_g_alim,a.nav_g_sante,a.nav_g_jardin,a.nav_g_cadre,a.nav_g_campagne,a.nav_g_planete,a.nav_g_bl,a.nav_g_bl_on

/* liens dans nav_g*/
		{text-decoration:none;color:#FFFFFF;padding-bottom:2px;padding-top:2px;}

a.nav_g_cadre			{color:black;}/* pour voir mieux les liens du menu de cadre de vie */
a.nav_g:hover			{background-color:#000000;}
a.nav_g_alim:hover		{background-color:#C74621;}
a.nav_g_sante:hover		{background-color:#345A85;}
a.nav_g_jardin:hover	{background-color:#438318;}
a.nav_g_cadre:hover		{background-color:#F9D086;}/*F1C40C*/
a.nav_g_campagne:hover	{background-color:#9E1414;}
a.nav_g_planete:hover	{background-color:#4F208E;}
a.nav_g_bl:hover	{background-color:#000000;}
a.nav_g_bl_on		{background-color:black;}
a.nav_gbl_alim_on,a.nav_gbl_sante_on,a.nav_gbl_jardin_on,a.nav_gbl_cadre_on,a.nav_gbl_campagne_on,a.nav_gbl_planete_on
{text-decoration:none;color:#FFFFFF;padding-bottom:2px;padding-top:2px;}
a.nav_gbl_alim_on		{background-color:#C74621;}
a.nav_gbl_sante_on		{background-color:#345A85;}
a.nav_gbl_jardin_on		{background-color:#438318;}
a.nav_gbl_cadre_on		{background-color:#F1C40C;}
a.nav_gbl_campagne_on	{background-color:#9E1414;}
a.nav_gbl_planete_on	{background-color:#4F208E;}
a						{color:#666666;text-decoration:underline;}
a:hover					{text-decoration:none;}
#pied_page a			{color:#666666;text-decoration:none}
#fichepeda a			{color:#877056;text-decoration:none;}
#fichepeda a:hover		{text-decoration:underline}
a.alim,a.sante,a.jardin,a.cadre,a.campagne,a.planete,a.approf /* liens envie d'approfondir */
	{text-decoration:none;}
a.approf	{color:black;}
a.alim		{color:#DE603A;}
a.sante		{color:#457AB3;}
a.jardin	{color:#54A31F;}
a.cadre		{color:#EF9610;}/*plus clair : F4A81A*/
a.campagne	{color:#C01919;}
a.planete	{color:#6228B1;}
a.alim:hover,a.sante:hover,a.jardin:hover,a.cadre:hover,a.campagne:hover,a.planete:hover,a.approf:hover
	{text-decoration:underline;}
.accueil			{font:11px Tahoma; background:url(images/fleche.gif) 0px 2px no-repeat; padding:0px 0px 0px 15px;}
a.b_dr				{color:#666666;text-decoration:none;} /* liens du bandeau */
a.b_dr:hover		{text-decoration:underline;}

/*-----------------LES FONDS-------------------------------------------------------------------------------------------------*/
.fond1			{background-color:#ffffff;}
.fond_alim		{background-color:#ffffff;}
.fond_sante		{background-color:#ffffff;}
.fond_jardin	{background-color:#ffffff;}
.fond_cadre		{background-color:#ffffff;}
.fond_campagne	{background-color:#ffffff;}
.fond_planete	{background-color:#ffffff;}
.fond_approf	{background-color:#ffffff;}
.fond_accueil	{background-color:#ffffff;}
.fond_plan		{background-color:#ffffff;}
.fond_tableau1	{background-color:#ffffff;}
.fond_tableau2	{background-color:#ffffff;}

.rouge	{color:#C01919;}
.vert	{color:#69AE3A;}
.blanc  {color:#FFFFFF;}
.jaune	{color:#F4A819;}
.violet	{color:#6228B1;}
.orange	{color:#DE603A;}
.bleu	{color:#457AB3;}
.gris	{color:#666666;}

/*-----------------LES FLOTEMENTS----------------------------------------------------------------------*/
.img_floatg		{float:left;margin:0px 20px 0px 0px;} /* vignettes des accroches dans editorial.php */
.img_floatg2	{float:left;margin:30px 20px 10px 0px;}/*Picto point d'interrogation */
.img_floatg3	{float:left;margin:0px 20px 20px 0px; border:2px solid white;border-bottom:2px solid #666666;
				padding-bottom:1px;} /* vignettes accueil approfondir et entretiens*/
.img_floatg3:hover{border:2px solid #A8249B;} /* contour sur les images de la page approfondir et liste des entretiens */
.img_floatg4	{float:left;margin:0px 5px 0px 0px;} /* picto voir aussi accroche.php dossier.php */
.img_floatd		{float:right;margin:0px 10px 0px 5px;} /* picto plus sur lien voir aussi */
.img_floatd2	{float:right;margin:0px 0px 0px 20px;} /* visuel fiches exploitations pedagogiques dans liens voir aussi */
.div_floatd		{float:right;margin:2px 0px 0px 30px;width:350px;background-color:#F2F2F2;} /*debat et entretien : images*/
.date_floatd    {float:right;margin:5px 0px 0px 0px;color:#666666;font-weight:bold;font-size:11px;text-transform:none;} /*date de mise à jour des articles*/
.div_floatpdf	{float:right;margin:2px 0px 10px 20px;}
.span_floatref	{float:left;margin:0px 20px 10px 0px;}
.contour_n		{border:2px solid white;} /* contour sur les images de la page toutes les vidéos */
.contour_n:hover{border:2px solid #A8249B;}

/*-----------------LES TRAITS-------------------------------------------------------------------------------------------------*/
#trait_alim			{width:100%;height:2px;background-color:#DE603A;margin-top:1px}
#trait_sante		{width:100%;height:2px;background-color:#457AB3;margin-top:1px}
#trait_jardin		{width:100%;height:2px;background-color:#54A31F;margin-top:1px}
#trait_cadre		{width:100%;height:2px;background-color:#F4A81A;margin-top:1px}
#trait_campagne		{width:100%;height:2px;background-color:#C01919;margin-top:1px}
#trait_planete		{width:100%;height:2px;background-color:#6228B1;margin-top:1px}
#trait_approf		{width:100%;height:2px;background-color:#666666;margin-top:1px}
.gl					{border-top:1px dotted #DFDFDF;}/*boutique - liste des espèces - haut*/

/*----------------- BOUTIQUE  -------------------------------------------------------------------------------------------------*/

/* pour le bon de commande */
.commande		{width:150px;height:25px; background:#DFDFDF;border:1px solid #999999;color:#6C6C6C;}
#bondecommande			{position:relative;left:10px;top:10px;color:#6C6C6C;width:590px;}
#bondecommande input 	{width:200px;height:25px; margin:0px 0px 0px 4px; background:#E5E5E5;border:1px solid #999999;}
/*----------------- HIGHSLIDE  -------------------------------------------------------------------------------------------------*/
.highslide-html {background-color: white;}
.highslide-html-blur {}
.highslide-html-content {position: absolute;display: none;}
.highslide-loading {display: block;color: black;font-size: 8pt;font-family: sans-serif;font-weight: bold;text-decoration: none;
padding: 2px;border: 1px solid black;background-color: white;padding-left: 22px;background-image: url(highslide/graphics/loader.white.gif);background-repeat: no-repeat;background-position: 3px 1px;}
a.highslide-credits,
a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i {color: white;background-color: gray;}

.highslide-wrapper {background-color: white;}
.highslide-wrapper .highslide-html-content {width: 400px;padding: 5px;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {margin: 0;padding: 0;text-align: right;}
.highslide-wrapper .highslide-header ul li {display: inline;padding-left: 1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;}
.highslide-wrapper .highslide-header a {font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;}
.highslide-wrapper .highslide-header a:hover {color: black;}
.highslide-wrapper .highslide-header .highslide-move a {cursor: move;}
.highslide-wrapper .highslide-footer {height: 11px;}
.highslide-wrapper .highslide-footer .highslide-resize {float: right;height: 11px;width: 11px;background: url(highslide/graphics/resize.gif);}
.highslide-wrapper .highslide-body {}
.highslide-move {cursor: move;}
.highslide-resize {cursor: nw-resize;}

.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

/*#id		{background:url(images/user.png) no-repeat;width:70px;padding:3px 0px 2px 20px;color: #666666; font-size:10px;border:solid 1px #DFDFDF;width:80px;}

					  

#pw 	{background-image:url(images/key.png);width:70px;padding:3px 0 2px 20px;background-repeat:no-repeat;color: #666666; font-size:10px;border:solid 1px #DFDFDF;width:80px;}*/