/*  Header */
#head1 {
	BACKGROUND-IMAGE: url("../../img/FR/page/visuel1.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom;
}
#head2 {
	BACKGROUND-IMAGE: url("../../img/FR/page/visuel2.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom;
}
#head3 {
	BACKGROUND-IMAGE: url("../../img/FR/page/visuel3.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom;
}
#head4 {
	BACKGROUND-IMAGE: url("../../img/FR/page/visuel4.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom;
}
#baseline {
	HEIGHT: 120px;
}
#baseline SPAN {
	DISPLAY: none;
}

/* Fil d'ariane */
#fildariane {
	COLOR: #666666;
	FONT-SIZE: 85%;
	MARGIN-LEFT: 110px;
	MARGIN-BOTTOM: 10px;
	PADDING: 10px 0px 13px 0px;
	BACKGROUND-IMAGE: url("../../img/FR/page/navigation_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 60px 50%;
}
#fildariane SPAN {
	FONT-WEIGHT: bold;
	MARGIN-RIGHT: 20px;
}
#fildariane A {
	COLOR: #666666;
}

/* Contenu */
#content {
	BACKGROUND-IMAGE: url("../../img/FR/page/content_bg.gif");
	BACKGROUND-REPEAT: repeat-y;
}

/* Partie gauche : menu de navigation */
#left {
	WIDTH: 190px;
	FLOAT: left;
}
#left #navigation {
	COLOR: #6B6C70;
}
#left #navigation A {
	COLOR: #6B6C70;
}
#left #navigation .title, #left #navigation .title A {
	COLOR: #EB2427;
}
#left #navigation UL {
	MARGIN: 5px 15px 5px 15px;
	PADDING: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
	BORDER-TOP: 2px dotted #ABD42E;
}
#left #navigation LI {
	MARGIN: 0px 0px 0px 0px;
	PADDING: 5px 0px 5px 20px;
	BORDER-BOTTOM: 2px dotted #ABD42E;
	BACKGROUND-IMAGE: url("../../img/FR/LI.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0% 5px;
}
#left #navigation UL LI.on {
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../../img/FR/LI_on.gif");
}
#left #navigation UL UL {
	LIST-STYLE-TYPE: disc;
	FONT-SIZE: 92%;
	FONT-WEIGHT: normal;
	BORDER: none;
}
#left #navigation UL UL LI {
	BACKGROUND-IMAGE: none;
	BORDER: none;
	PADDING: 0px;
	MARGIN-LEFT: 15px;
}
#left #navigation UL UL LI.on {
	BACKGROUND-IMAGE: none;
	FONT-WEIGHT: bold;
}

/* Partie droite : contenu de la rubrique */
#right {
	WIDTH : 760px;
	FLOAT: right;
}
#right #contenu {
	COLOR: #6B6C70;
	MARGIN-LEFT: 15px;
}
#right A {
	TEXT-DECORATION: underline;
}
#right A:hover {
	TEXT-DECORATION: none;
}
#right H1 {
	BORDER-BOTTOM: 2px dotted #ABD42E;
	COLOR: #6B6C70;
	MARGIN-BOTTOM: 20px;
	FONT-SIZE: 145%;
}
#right #contenu H2 {
	FONT-SIZE: 115%;
}
#right #contenu H2.list {
/*
	PADDING-LEFT: 10px;
	BACKGROUND-IMAGE: url("../../img/FR/puce_grise.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
*/
}
#right #contenu P {
	MARGIN-BOTTOM: 20px;
}
#right #contenu SPAN.lien {
	BACKGROUND-IMAGE: url("../../img/FR/plus_vert.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING-LEFT: 18px;
}

/* Contenu en fonction de la rubrique */
#right .contenu1home {
	MARGIN-RIGHT: 170px;
}
#right .contenu1video {
/*	MARGIN-RIGHT: 340px; */
}
#right .contenu1video H1 {
	MARGIN-RIGHT: 340px;
}

#right .contenu2 {
}
#right .contenu2focus {
	MARGIN-RIGHT: 170px;
}
#right .contenu2 H1, #right .contenu2focus H1 {
	BORDER-BOTTOM: 2px dotted #EB2427;
}
#right .contenu2 A, #right .contenu2focus A {
	COLOR: #EB2427;
}

/* Sous-thèmes */
#sousthemes {
	LIST-STYLE: none;
	MARGIN: 5px;
	PADDING: 0px;
}
#sousthemes LI {
	MARGIN-BOTTOM: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 115%;
}
#sousthemes SPAN {
	BACKGROUND: #EBEBEC url("../../img/FR/page/soustheme_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom right;
	PADDING-RIGHT: 50px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
}

#sousthemes A {
	TEXT-DECORATION: none;
}
#sousthemes A:hover {
	TEXT-DECORATION: underline;
}
#sousthemes IMG {
	VERTICAL-ALIGN: middle;
	MARGIN: 0px 5px 0px 5px;
}

/* Partie(s) droite : encarts et focus */
#right #focus1, #right #focus2 {
	BACKGROUND-COLOR: #ECEAEB;
	FLOAT: right;
	WIDTH: 151px;
}
#right #focus1 H2 {
	PADDING: 5px 5px 5px 20px;
	FONT-SIZE: 92%;
	BACKGROUND: #ACD52F url("../../img/FR/page/focus1_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top;
}
#right #focus2 H2 {
	PADDING: 5px 5px 5px 20px;
	FONT-SIZE: 92%;
	BACKGROUND: #C7C7C7 url("../../img/FR/page/focus2_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top;
}
#right #focus1 P, #right #focus2 P {
	FONT-SIZE: 85%;
	PADDING: 5px 10px 5px 10px;
	TEXT-ALIGN: justify;
}
/* Vidéo */
#right #focus1video {
	FLOAT: right;
	WIDTH: 320px;
	MARGIN-LEFT: 20px;
}
#right #focus1video DIV {
	FONT-SIZE: 85%;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}

/* Plan du site */
#plansite1 {
	FLOAT: left;
	WIDTH: 350px;
}
#plansite2 {
	MARGIN-LEFT: 380px;
	WIDTH: 350px;
}
#plansite1 H2, #plansite2 H2 {
	PADDING-LEFT: 20px;
	BACKGROUND-IMAGE: url("../../img/FR/LI.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
}
#plansite1 H3, #plansite2 H3 {
	FONT-SIZE: 100%;
}
#plansite1 UL, #plansite2 UL {
	MARGIN-TOP: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
#plansite1 LI, #plansite2 LI {
	PADDING-BOTTOM: 10px;
}
#plansite1 UL UL, #plansite2 UL UL {
	LIST-STYLE-TYPE: disc;
}
#plansite1 UL UL LI, #plansite2 UL UL LI {
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 2px;
}

/* Liste des vidéos dans "Découvrir l'écométhaniseur" */
.decouvrir {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #000000;
	TEXT-ALIGN: center;
}
.decouvrir A {
	COLOR: #000000;
}
.decouvrir H3 {
	TEXT-ALIGN: left;
	FONT-SIZE: 85%;
	PADDING: 0px 5px 0px 28px;
	HEIGHT: 30px;
	MARGIN-TOP: 8px;
	MARGIN-BOTTOM: 5px;
}
.decouvrir .lien {
	MARGIN-LEFT: 20px;
	MARGIN-TOP: 5px;
	TEXT-ALIGN: left;
	BACKGROUND-IMAGE: url("../../img/FR/plus_gris.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING-LEFT: 20px;
}
.decouvrir LI {
	FLOAT: left;
	DISPLAY: block;
	WIDTH: 162px;
	HEIGHT: 194px;
	MARGIN-LEFT: 20px;
}
.decouvrir LI.etape1 {
	BACKGROUND: #76B156 url("../../img/FR/page/video1_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
}
.decouvrir LI.etape2 {
	BACKGROUND: #93C744 url("../../img/FR/page/video2_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
}
.decouvrir LI.etape3 {
	BACKGROUND: #ABD52E url("../../img/FR/page/video3_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
}

/* Liste des étapes dans "Savoir-faire VE" */
.contenu2 UL.savoirfaire {
	LIST-STYLE: none;
	MARGIN: 0px 0px 0px 90px;
	PADDING: 0px;
	COLOR: #000000;
	TEXT-ALIGN: center;
}
.contenu2focus UL.savoirfaire {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #000000;
	TEXT-ALIGN: center;
}

.savoirfaire H3 {
	DISPLAY: none;
}
.savoirfaire LI {
	FLOAT: left;
	DISPLAY: block;
	MARGIN-LEFT: 30px;
	WIDTH: 150px;
}

/* Formulaire contact */
#contact {
}
#contact FIELDSET {
	BORDER: none;
	PADDING: 0px;
	MARGIN: 0px;
}
#contact LEGEND {
	DISPLAY: none;
}
#contact DIV {
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
}
#contact SPAN {
	COLOR: #EB2427;
	FONT-WEIGHT: bold;
}
#contact INPUT, #contact TEXTAREA, #contact SELECT {
	BORDER: 1px solid #799620;
}
#contact .submit INPUT {
	BACKGROUND-COLOR: #E0E0E0;
}

#contact .field {
	FLOAT: left;
	WIDTH: 20%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
#contact .fieldright {
	PADDING-LEFT: 10px;
}
#contact #M, #contact #F, #contact #L {
	BORDER: none;
}
#contact #inf_prenom, #contact #inf_nom, #contact #inf_email, #contact #inf_adresse, #contact #comment {
	WIDTH: 300px;
}
#contact #inf_ville {
	WIDTH: 200px;
}
#contact #inf_codepostal {
	WIDTH: 50px;
}
#contact .submit {
	MARGIN-LEFT: 35%;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
}