/***********************************************
*** COMMUN
*************************************************/
body, div, dl, dt, dd , ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,
 input, textarea, p, blockquote, th, td, legend
{
	margin:0;
	padding:0;
	font-family: Arial,sans-serif;
	color :#909090;
}

img
{
	border:none;
}

a
{
	text-decoration: none;
  color:#69B022;
}

a:hover
{
  color: #909090;
}

p
{
  text-align: left;
	margin-bottom:0.35em;
	font-size: 0.6em;
}

h1
{
  text-align: left;
  font-size: 0.9em;
  margin-bottom:0.25em;
  margin-top:0.25em;
  color:#69B022;
}

h2
{
  text-align: left;
  font-size: 0.9em;
  margin-bottom:0.25em;
  margin-top:0.25em;
  color:black;
}

h3
{
  text-align: left;
	margin-top:1em;
	font-size: 0.7em;
	 background-image:url(./images/commun/puce.gif);
 background-repeat:no-repeat;
 background-position:0 0;
 padding-left:15px
}

em
{
  font-weight:bold;
  font-style: normal;
  color:black;
}

strong
{
	margin-top:1em;
	font-size: 1.1em;
}


fieldset
{
  border: 1px solid #69B022;
  margin-bottom:1em;/*1em*/
  margin-right:1.5em;
	margin-left:1.5em;
  padding-left:3em;
  padding-right:3em;
}

saisie
{
	font-size: 1em;
	color: black;
	width: 25em;
	border:1px solid black;
}

label
{
  display: block;
	text-align: right;
	float: left;
	width: 8.5em;
}

.tiret
{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: 1px dashed black;
}

.eco
{
	color:#69B022;
}

.fondVert{
	background: url(./images/commun/boutonV_centre) repeat;
	color:black;
}
.fondRouge{
	background-color: #E6353A;
	color:#FFFFFF;
}



/*Flacons*/

#horizon
{
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		overflow: visible;
		visibility: visible;
		display: block;
}

#page
{
  position:absolute;
	top: -336px;
	left: 50%;
	margin-left: -462px;
	width:924px;
	height:640px;
}

#titre
{
	position:absolute;
	top:0px;
	left:0px;
	width:680px;
	height:118px;
	background: url(./images/commun/impression-ecologique.gif) no-repeat;
	z-index:1;
}

/*
#nav1
{
	position:absolute;
	top:60px;
	right:8px;
	height:118px;
}
*/
#nav1
{
	position:absolute;
	display:block;
	top:7px;
	right:8px;/*680*/
	height:85px;
	width:220px;
	background: url(./images/commun/eco-conception.gif) no-repeat;
	z-index:5;
}

#bordGauche
{
  position:absolute;
	top:118px;
	left:0px;
	height:517px;
	width:90px;
	background: url(./images/commun/bordGauche.gif) no-repeat;
}

#nav2
{
	position:absolute;
	top:108px;
	left:100px;
	height:26px;
	width:842px;
	z-index:10;
}

#cadre
{
	position:absolute;
	top:118px;
	left:82px;
	width:842px;
	height:434px;
	background: url(./images/commun/contenu.gif) no-repeat;
	z-index:1;
}

#contenu
{
	position:absolute;
	top:18px;
	left:19px;
	width:800px;
	height:400px;
  overflow: auto;
}

#contenu li
{
  text-align: left;
  font-size:0.6em;
  margin-top:0.8em;
	margin-bottom:0;
	list-style-type:none;
	background-image:url(./images/commun/puce.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:15px;
}


#nav3
{
  position:absolute;
	top:632px;
	left:82px;
	width:550px;
	height:20px;
	z-index:12;
}

#piedPage
{
  position:absolute;
	top:547px;
	left:82px;
	width:842px;
	height:83px;
	text-align:left;
	padding-left:8px;
	/*background: url(./images/commun/piedPage.gif) no-repeat;*/
	z-index:1;
}



#piedPage #quizz
{
  position:absolute;
  top:0;
	left:556px;
	display:block;
	width:115px;
	height:83px;
	background: url(./images/commun/quizz.gif) no-repeat;
	z-index:1;
}

#piedPage #quizz:hover
{
	background: url(./images/commun/quizz.gif) no-repeat 0 -83px;
	z-index:1;
}

#piedPage #herbe
{
  position:absolute;
  top:0;
	left:671px;
	display:block;
	width:156px;
	height:83px;
	background: url(./images/commun/herbe.gif) no-repeat;
	z-index:1;
}

#gabel
{
  position:absolute;
  display:block;
	top:610px;/*632*/
	right:54px;
	width:232px;
	height:53px;
	background: url(./images/commun/imprimerie-gabel.gif) no-repeat;
	z-index:13;
}

#pefc
{
  position:absolute;
  display:block;
	top:610px;/*632*/
	right:14px;
	width:40px;
	height:53px;
	background: url(./images/commun/imprimerie-gabel.gif) no-repeat -232px 0px;
	z-index:13;
}

/*---------------*/

span
{
display:none;
}

li
{
margin-left:2em;
text-align: left;
}

li.menu
{
  margin-left:0px;
	display: inline;
	list-style-type:none;
	float: left;
	text-align: center;
}

#nav1 a
{
	float: left;
	text-align: center;
	text-decoration: none;
  display: block;
  margin-left:0.8em;
  margin-right:0.8em;
  z-index:10;
	font-size: 0.6em;
  color:#69B022;
}

#nav1 a:hover
{
  color: #909090;
}

#nav2 a
{
  float: left;
	text-align: center;
	text-decoration: none;
	padding-top: 3px;
  display: block;
  margin-left:5px;
  margin-right:4px;
  background: url(./images/commun/nav2.gif) no-repeat 0 0 ;
  z-index:10;
  width: 105px;
	height: 23px;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFFFFF;
}

#nav2 a:hover
{
	background: url(./images/commun/nav2.gif) no-repeat 0 -26px ;
	z-index:10;
	color: #909090;
}

#nav3 a
{
  float: left;
	text-align: center;
	text-decoration: none;
  display: block;
  margin-left:0.8em;
  margin-right:0.8em;
  z-index:10;
	font-size: 0.6em;
  color:#69B022;
}

#nav3 a:hover
{
  color: #909090;
}

/***********************************************
*** INDEX
*************************************************/
#cadre #bloc1 {
	position:absolute;
	top: 17px;
	left: 290px;
	height: 266px;
	width: 535px;
	z-index: 2;
}

#cadre #bloc2 a {
  position:absolute;
  display:block;
  background: url(./images/index/rouleau.gif) no-repeat 0 0 ;
  top: 15px;
  left: 12px;
	height: 135px;
	width: 270px;
	z-index: 3;
}

#cadre #bloc2 a:hover
{
	background: url(./images/index/rouleau.gif) no-repeat 0 -135px ;
	z-index: 3;
}

#cadre #bloc3 a {
  position:absolute;
  display:block;
  background: url(./images/index/rouleau.gif) no-repeat 0 -270px ;
  top: 151px;
  left: 12px;
	height: 135px;
	width: 270px;
	z-index: 3;
}

#cadre #bloc3 a:hover
{
	background: url(./images/index/rouleau.gif) no-repeat 0 -405px ;
	z-index: 3;
}

#cadre #bloc4 a {
  position:absolute;
  display:block;
  background: url(./images/index/rouleau.gif) no-repeat 0 -540px ;
  top: 286px;
  left: 12px;
	height: 135px;
	width: 270px;
	z-index: 3;
}

#cadre #bloc4 a:hover
{
	background: url(./images/index/rouleau.gif) no-repeat 0 -675px ;
	z-index: 3;
}

#cadre #bloc5 a {
  position:absolute;
  display:block;
  background: url(./images/index/rouleau.gif) no-repeat 0 -810px ;
  top: 286px;
  left: 282px;
	height: 135px;
	width: 270px;
	z-index: 3;
}

#cadre #bloc5 a:hover
{
	background: url(./images/index/rouleau.gif) no-repeat 0 -945px ;
	z-index: 3;
}
#cadre #bloc6 a {
  position:absolute;
  display:block;
  background: url(./images/index/rouleau.gif) no-repeat 0 -1080px ;
  top: 286px;
  left: 552px;
	height: 135px;
	width: 270px;
	z-index: 3;
}

#cadre #bloc6 a:hover
{
	background: url(./images/index/rouleau.gif) no-repeat 0 -1215px ;
	z-index: 3;
}

/***********************************************
*** concept
*************************************************/
#contenu #concept_bloc1
{
  position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:192px;
	z-index: 10;
}

#contenu #concept_bloc1 #concept_titre
{
  position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:38px;
  background: url(./images/concept/concept.gif) no-repeat 0 0 ;
}

#contenu #concept_bloc1 #mPremiere
{
	display:block;
	position: absolute;
	top:38px;
	left:0px;
	height:154px;
	width:170px;
	background: url(./images/concept/concept.gif) no-repeat 0 -38px ;
}

#contenu #concept_bloc1 #mPremiere span
{
	display:none;
}

#contenu #concept_bloc1 #mPremiere:hover span
{
  display:block;
  position: absolute;
	top:0px;
	left:0px;
	height:154px;
	width:170px;
  background-color: white;
  font-size: 0.8em;
}

#contenu #concept_bloc1 #fabrication
{
  display:block;
  position: absolute;
	top:38px;
	left:170px;
	height:154px;
	width:165px;
  background: url(./images/concept/concept.gif) no-repeat -170px -38px ;
}

#contenu #concept_bloc1 #fabrication span
{
	display:none;
}

#contenu #concept_bloc1 #fabrication:hover span
{
  position: absolute;
	top:0px;
	left:0px;
  display:block;
	height:154px;
	width:165px;
  background-color: white;
  font-size: 0.8em;
}

#contenu #concept_bloc1 #distribution
{
  display:block;
  position: absolute;
	top:38px;
	left:325px;
	height:154px;
	width:175px;
  background: url(./images/concept/concept.gif) no-repeat -325px -38px ;
}

#contenu #concept_bloc1 #distribution span
{
	display:none;
}

#contenu #concept_bloc1 #distribution:hover span
{
  position: absolute;
	top:0px;
	left:0px;
  display:block;
	height:154px;
	width:175px;
  background-color: white;
  font-size: 0.8em;
}

#contenu #concept_bloc1 #ecoTaxe
{
  display:block;
  position: absolute;
	top:38px;
	left:500px;
	height:154px;
	width:150px;
  background: url(./images/concept/concept.gif) no-repeat -500px -38px ;
}

#contenu #concept_bloc1 #ecoTaxe span
{
	display:none;
}

#contenu #concept_bloc1 #ecoTaxe:hover span
{
  position: absolute;
	top:0px;
	left:0px;
  display:block;
	height:154px;
	width:150px;
  background-color: white;
  font-size: 0.8em;
}

#contenu #concept_bloc1 #recyclage
{
  display:block;
  position: absolute;
	top:38px;
	left:650px;
	height:154px;
	width:150px;
  background: url(./images/concept/concept.gif) no-repeat -650px -38px ;
}

#contenu #concept_bloc1 #recyclage span
{
	display:none;
}

#contenu #concept_bloc1 #recyclage:hover span
{
  position: absolute;
	top:0px;
	left:0px;
  display:block;
	height:154px;
	width:150px;
  background-color: white;
  font-size: 0.8em;
}

#contenu #concept_bloc2
{
  position:absolute;
	top:200px;
	left:16px;
	width:240px;
	height:200px;
	z-index:10;
}

#contenu #concept_bloc3
{
  position:absolute;
	top:200px;
	left:280px;
	width:240px;
	height:200px;
	z-index:10;

}

#contenu #concept_bloc4
{
  position:absolute;
	top:200px;
	left:544px;
	width:240px;
	height:200px;
	z-index:10;
}

#contenu #concept_bloc5
{
  position:absolute;
	top:240px;
	left:533px;
	width:267px;
	height:129px;
	background: url(./images/concept/stex_ecolo.gif) no-repeat 0 0 ;
	z-index:10;
}

/***********************************************
*** economie
*************************************************/

#contenu #economie_bloc1
{
	position:absolute;
	top:0px;
	left:0px;
	width:256px;
	height:202px;
}

#contenu #economie_bloc2
{
	position:absolute;
	top:0px;
	left:264px;
	width:256px;
	height:202px;
}

#contenu #economie_bloc3
{
	position:absolute;
	top:0px;
	left:528px;
	width:256px;
	height:202px;
}

#contenu #economie_bloc4
{
  position:absolute;
	top:202px;
	left:0px;
	width:800px;
	height:198px;
	background: url(./images/economie/economie.gif) no-repeat 0 0 ;
	z-index:10;
}

/***********************************************
*** ecologie
*************************************************/
#contenu #ecologie_bloc1
{
	position:absolute;
	top:0px;
	left:0px;
	width:533px;
	height:183px;
	background: url(./images/ecologie/ecologie.gif) no-repeat 0 0 ;
	z-index:10;

}

#contenu #ecologie_bloc2
{
	position:absolute;
	top:0px;
	left:533px;
	width:264px;
	height:400px;
	/*height:11.44em;*/
}

#contenu #ecologie_bloc3
{
  position:absolute;
	top:183px;
	left:0px;
	width:256px;
	height:217px;
}

#contenu #ecologie_bloc4
{
  position:absolute;
	top:183px;
	left:264px;
	width:272px;
	height:217px;
}

#contenu #ecologie_bloc5
{
  position:absolute;
	top:260px;/*216*/
	right:8px;
	width:250px;/*190*/
	height:140px;
	text-align:center;
	z-index:11;
}
#contenu #ecologie_bloc5 ul
{
  position:absolute;
	bottom:4px;
	right:92px;
	z-index:12;
}

/***********************************************
*** ecocatalogue
*************************************************/
#contenu #ecocatalogue_bloc1
{
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	height:400px;
	background: url(./images/ecocatalogue/ecocatalogue.gif) no-repeat 0 0 ;
	z-index:10;

}

#contenu #ecocatalogue_bloc2
{
	position:absolute;
	top:8px;
	left:328px;
	width:208px;
	height:240px;
	z-index:10;
}

#contenu #ecocatalogue_bloc3
{
	position:absolute;
	top:32px;
	left:568px;
	width:216px;
	height:192px;
	z-index:10;
}

#contenu #ecocatalogue_bloc4
{
	position:absolute;
	display:block;
	top:216px;
	left:320px;
	width:210px;/*190*/
	height:145px;
	z-index:11;
	background: url(./images/ecocatalogue/fleche.gif) no-repeat 0 0 ;
}


#contenu #ecocatalogue_bloc5
{
	position:absolute;
	top:216px;/*216*/
	right:8px;
	width:250px;/*190*/
	height:165px;
	z-index:11;
}

#contenu #ecocatalogue_bloc5 ul
{
  position:absolute;
	bottom:8px;
	right:92px;
	z-index:12;
}

#contenu #ecocatalogue_bloc6
{
	position:absolute;
	top:380px;
	left:288px;
	width:512px;
	height:16px;
	z-index:11;
}

/***********************************************
*** bibliotheque
*************************************************/
#contenu_b
{
	position:absolute;
	top:18px;
	left:19px;
	width:800px;
	height:400px;
}
#contenu_b #bibliotheque_bloc1
{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:358px;
	background: url(./images/bibliotheque/bibliotheque.gif) no-repeat 0 0 ;
	z-index:10;

}

#contenu_b #bibliotheque_bloc2
{
  position:absolute;
	top:248px;
	left:0px;
	width:800px;
	height:140px;
	z-index:11;
}

#el1
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -32px 0 ;
}

#el1:hover
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -32px -125px ;
}

#el2
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -132px 0 ;
}

#el2:hover
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -132px -125px ;
}

#el3
{
	margin-right:140px;
  background: url(./images/bibliotheque/boutons.gif) no-repeat -232px 0 ;
}

#el3:hover
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -232px -125px ;
}

#el4
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -472px 0 ;
}

#el4:hover
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -472px -125px ;
}

#el5
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -572px 0 ;
}

#el5:hover
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -572px -125px ;
}

#el6
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -672px 0 ;
}

#el6:hover
{
  background: url(./images/bibliotheque/boutons.gif) no-repeat -672px -125px ;
}

#contenu_b #bibliotheque_bloc2 a
{
  float: left;
	text-align: center;
	text-decoration: none;
	padding-top: 110px;
  display: block;
  margin-left:5px;
  z-index:12;
  width:100px;
	height:15px;
	font-size: 0.6em;
	font-weight: bold;
	color: #69B022;
}

#contenu_b #bibliotheque_bloc2 a:hover
{
	z-index:12;
	color: #909090;
}


/***********************************************
*** contact_
*************************************************/
#contenu #contact_bloc1 {
	position:absolute;
	top: 0px;
	left: 0px;
	height:384px;
	width: 512px;
}

#contenu #contact_bloc2 {
  position:absolute;
	top: 0px;
	left: 512px;
	height: 130px;
	width: 264px;
}

#contenu #contact_bloc3
{
  position:absolute;
	top: 130px;
	left: 512px;
	height: 256px;
	width: 264px;
}

/***********************************************
*** acces_
*************************************************/
#cadre #acces_bloc1 {
	position:absolute;
	top: 18px;
	left: 17px;
	height: 398px;
	width: 532px;
}
#cadre #acces_bloc2 {
	position:absolute;
	top: 17px;
	left: 549px;
	height: 169px;
	width: 264px;
	background: url(./images/acces/acces.gif) no-repeat 0 0 ;
}
#cadre #acces_bloc3 {
	position:absolute;
	top: 186px;
	left: 564px;
	height: 264px;
	width: 248px;
}
#cadre #acces_bloc3 p{
	margin-left:16px;
}
/***********************************************
*** Planete Urgence
*************************************************/

#contenu #planeteUrgence_bloc1
{
	position:absolute;
	top:0px;
	left:0px;
	width:533px;
	height:243px;
	background: url(./images/planeteUrgence/ecoarbre.gif) no-repeat 0 0 ;
	z-index:10;
}

#planeteUrgence_pourquoi
{
	display : block;
	position:absolute;
	top:20px;
	left:0px;
	width:132px;
	height:150px;
	background: url(./images/planeteUrgence/planter.gif) no-repeat 0 0 ;
	/*height:11.44em;*/
}

#pourquoi
{
  display : block;
	position:absolute;
	top:170px;
	left:0px;
}

#planeteUrgence_diplome
{
  display : block;
	position:absolute;
	top:20px;
	left:132px;
	width:132px;
	height:150px;
	background: url(./images/planeteUrgence/diplome.gif) no-repeat 0 0 ;
	/*height:11.44em;*/
}

#decouvrez
{
	display : block;
	position:absolute;
	top:170px;
	left:132px;
}


#planeteUrgence_flipflap
{
	position:absolute;
	top:200px;
	left:0px;
	width:264px;
	height:180px;
	/*height:11.44em;*/
}

#contenu #planeteUrgence_bloc3
{
  position:absolute;
	top:243px;
	left:0px;
	width:256px;
	height:157px;
}

#contenu #planeteUrgence_bloc4
{
  position:absolute;
	top:243px;
	left:274px;
	width:262px;
	height:157px;
}


/***********************************************
*** Devisenligne
*************************************************/

#contenuD
{
	position:absolute;
	top:0px;
	left:0px;
	width:800px;
	height:400px;
	background: url(./images/devis/cochons.gif) no-repeat;
	z-index:2;
}

#contenu #devli_bloc1
{
  position:absolute;
	top: 100px;
	left: 400px;
	height: 100px;
	width: 390px;
	z-index:10;
}

#contenu #devis_bloc1 {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 300px;
	width: 512px;
}

#contenu #devis_bloc3
{
  position:absolute;
	top: 161px;
	left: 512px;
	height: 139px;/*256*/
	width: 264px;
}

#contenu #devis_bloc4
{
  position:absolute;
	top: 300px;
	left: 0px;
	height: 100px;
	width: 799px;
	background: url(./images/devis/devis-en-ligne.gif) no-repeat;
	z-index:2;
}

#tri1
{
  position:absolute;
  top: 255px;
	left: 443px;
	height: 11px;
	width: 11px;
	background: url(./images/devis/triangle.gif) no-repeat;
	z-index:10;
}

#tri2
{
  position:absolute;
  top: 255px;
	left: 541px;
	height: 11px;
	width: 11px;
	background: url(./images/devis/triangle.gif) no-repeat;
	z-index:10;
}

#tri3
{
  position:absolute;
  top: 255px;
	left: 639px;
	height: 11px;
	width: 11px;
	background: url(./images/devis/triangle.gif) no-repeat;
	z-index:10;
}

#tri4
{
  position:absolute;
  top: 255px;
	left: 737px;
	height: 11px;
	width: 11px;
	background: url(./images/devis/triangle.gif) no-repeat;
	z-index:10;
}

#devli_1
{
  position:absolute;
	top: 270px;
	left: 400px;
	height: 98px;
	width: 98px;
	z-index:2;
}

#devli_2
{
  position:absolute;
	top: 270px;
	left: 498px;
	height: 98px;
	width: 98px;
	z-index:2;
}

#devli_3
{
  position:absolute;
	top: 270px;
	left: 596px;
	height: 98px;
	width: 98px;
	z-index:2;
}

#devli_4
{
  position:absolute;
	top: 270px;
	left: 694px;
	height: 98px;
	width: 98px;
	z-index:2;
}
/***********************************************
*** PEFC
*************************************************/
#contenu #pefc_bloc2
{
  position:absolute;
  top:18px;
  left:200px;
	width:410px;
	height:50px;
	z-index: 10;
}

#contenu #pefc_bloc1
{
  position:absolute;
  top:130px;
  left:225px;
	width:400px;
	height:170px;
	z-index: 10;
}
#contenu #pefc_bloc3
{
  position:absolute;
  top:300px;
  left:0px;
	width:800px;
	height:100px;
	/*background-color:green;*/
	z-index: 10;
}