* { margin:0;padding:0; }

body {
font-family:Arial, verdana, sans-serif;
font-size:12px;
text-align:center;
background:url('../image/fond/fond.site.gif');
background-repeat:repeat-x;
background-color:#91deee;

}

img { border:0; behavior: url('win_png.htc'); }
a { text-decoration:none; color:#e2001a;} 
a:hover { text-decoration:underline; color:#e2001a;}
/**
PAGE : CONTENEUR PRINCIPALE
*/
#page  {

width:1024px;
position:absolute;
left:50%;
margin-left:-512px;
text-align:left;
}

/**
BANNIERE : Simple Image
*/
#banniere {
position:absolute;
left:0;
top:0;
}


/**
CONTENEUR : PARTIE DYNAMIQUE.
*/
#conteneur {
position:absolute;
left:69px;
top:162px;
}

#contenu {
background:url('../image/fond/fond.milieu.png');
background-repeat:repeat-y;
height:700px;
width:803px;
padding-left:230px;
padding-top:40px;
padding-bottom:140px;
z-index:1;
}
html>body #contenu {
width:725px;
min-height:650px;
height:auto;
}
#contenu .texte {
z-index:60;
width:535px;
}

.texte{
text-align:justify;}

#contenu h1{
color:#007cbf;
font-size:16px;
margin-bottom:10px;
}

.titreMesure{
color:#ffa739;
font-size:16px;
margin-bottom:10px;
font-weight:bold;
}

.introMesure{
color:#e25501;
font-weight:bold;
}

/**
PARTENAIRE
*/
#partenaire {
background:url('../image/fond/fond.partenaire.png');
background-repeat:no-repeat;
width:250px;
height:60px;
position:absolute;
bottom:55px;
right:130px;
text-align:center;
}
#partenaire li {
list-style:none;
display:inline;
margin-left:5px;
margin-right:5px;
}

/**
HAUT DE PAGE
*/
#haut {
width:64px;
height:26px;
position:absolute;
bottom:100px;
right:95px;
}


/**
NAVIGATION + PLAN DU SITE.
*/
#navigation {
background:url('../image/fond/fond.menu.png');
background-repeat:no-repeat;
width:215px;
position:absolute;
top:200px;
left:68px;
text-align:right;
padding-top:210px;
}

.homme {
background:url('../image/menu/homme.png');
background-repeat:no-repeat;
width:194px;
height:595px;
position:absolute;
top:60px;
left:0px
}

#navigation .menu h2 {
margin-top:5px;
margin-right:15px;
}
#navigation .menu ul {
margin-bottom:10px;
margin-right:30px;
}
#navigation .menu  li {
list-style:none;
}

#navigation li a, #plan ul dl dt a {
padding-right:10px;
color:#007cbf;
text-decoration:none;
font-weight:bold;
background:url('../image/picto/lien.menu.png');
background-repeat:no-repeat;
background-position:100% 3px;
}
#navigation li a.ArticleSelect {
color:#e2001a;
background:url('../image/picto/lien.menu.rouge.png');
background-repeat:no-repeat;
background-position:100% 3px;

}
#navigation a:hover, #plan ul dl dt a:hover {
text-decoration:underline;
}
#navigation .RubriqueSelected {
background:url('../image/picto/fleur.gif');
background-repeat:no-repeat;
background-position:100% 1px;
}
#navigation h2 {
width:185px;
height:25px;
padding-right:15px;
}


/**
PLAN DU SITE
*/
#plan .separation {

}
#plan .ArboPrincipale {
z-index:4;
background:url('../image/picto/separation.png');
background-repeat:no-repeat;
background-position:263px 0;
padding-top:10px;
}
#plan ul li {
list-style:none;
z-index:4;
margin-bottom:5px;
padding-top:10px;
}
#plan ul li h2 {
width:255px;
padding-right:20px;
text-align:right;
background:url('../image/picto/fleur.gif');
background-repeat:no-repeat;
background-position:100% 1px;
z-index:4;
}
#plan ul dl {

}
#plan ul dl dt {
margin-left:275px;
}

#plan ul.FooterArbo {
margin-top:0px;
margin-left:275px;
}
#plan ul.FooterArbo li {
list-style:none;
margin:0;
padding-top:5px;
}
#plan ul.FooterArbo li {
color:#566569;
}
#plan ul.FooterArbo li a {
font-size:11px;
color:#566569;
font-weight:bold;
background:url('../image/picto/carre.png');
background-repeat:no-repeat;
background-position:100% 3px;
padding-right:10px;
}

/**
FIL D'ARIANE
*/
#filAriane {
background:url('../image/fil/back.png');
background-repeat:no-repeat;
position:absolute;
top:170px;
left:0;

}
#filAriane div {
margin-left:34px;
height:100px;
padding-top:5px;
color:#FFF;
font-size:10px;
float:left;
background:url('../image/fil/milieu.png');
background-repeat:repeat-x;
color:#0329a1;
}
html>body #filAriane div {
margin-left:69px;
}
#filAriane img {
position:relative;
right:3px;

}
html>body #filAriane img {
right:0px;
}
#filAriane a {
color:#0329a1;
text-decoration:none;
}
#filAriane a:hover {
text-decoration:underline;
}

/**
PAPILLON
*/
#papillon {
position:absolute;
top:165px;
right:35px;
}


/**
FOOTER : BASE DE PAGE
*/
#home #MenuFooter {
position:absolute;
bottom:5px;
left:10px;
font-size:10px;
}
#MenuFooter {
margin-left:15px;
}
#MenuFooter ul {
float:left;
}
#MenuFooter li {
list-style:none;
display:inline;
color:#566569;

}

#MenuFooter a {
color:#566569;
text-decoration:none;
}
#MenuFooter a:hover {
text-decoration:underline;
}
#NumeroAzur {
float:right;
margin-right:85px;
}
html>body #NumeroAzur {
margin-right:160px;
}

/***
LISTE D'ACTUALITES
*/
#contenu .liste-articles li p {
margin-left:30px;
}
#contenu .liste-articles li {
list-style:none;

}
#contenu .liste-articles h2 {
margin-top:10px;
margin-bottom:10px;
background:url('../image/picto/h2.png');
background-repeat:no-repeat;
padding-left:30px;
font-size:14px;
color:#0b873c;
}
#contenu .liste-articles h2 a {
color:#0b873c;
text-decoration:none;
}
#contenu h4 {
margin-top:10px;
color:#1c9ace;
}
#contenu .SommaireOrange {
color:#f86914;
}
#contenu .SommaireOrange h2 {
margin-top:10px;
margin-bottom:10px;
background:url('../image/picto/h2.orange.gif');
background-repeat:no-repeat;
padding-left:45px;
padding-top:15px;
height:30px;
font-size:16px;
color:#ffa739;
}
#contenu .SommaireOrange a {
color:#ffa739;
text-decoration:none;
}

#contenu .SommaireOrange li {
list-style:none;
background:url('../image/picto/fleche.orange.gif');
background-repeat:no-repeat;
padding-left:25px;
margin-left:45px;
margin-bottom:15px;
}
#contenu .SommaireOrange li a {
color:#f86914;
text-decoration:none;
}
#contenu .SommaireOrange li a:hover {
text-decoration:underline;
}

#contenu .SommaireBleu {

}
#contenu .SommaireBleu h2, .QuestionBleu h1 {
margin-top:10px;
margin-bottom:10px;
background:url('../image/picto/h2.bleu.gif');
background-repeat:no-repeat;
padding-left:45px;
padding-top:15px;
height:30px;
font-size:16px;
color:#23c2d6;
}
#contenu .SommaireBleu li {
list-style:none;
margin-left:45px;
margin-bottom:10px;
}
#contenu .SommaireBleu li h3, .QuestionBleu h2  {
list-style:none;
color:#1c9ace;
background:url('../image/picto/puce.bleu.gif');
background-repeat:no-repeat;
padding-left:25px;
margin-bottom:15px;
font-weight:bold;
font-size:14px;
}
.QuestionBleu .QuestionB  {
margin-left:45px;
}
.QuestionBleu h2  a, .SommaireBleu li h3 a {
color:#1c9ace;
}


/***
MENU FILM
*/
.ListeFilm li {
list-style:none;
margin-left:50px;
float:left;
width:200px;
}
.ListeFilm li a, .ExtraitSonore a  { 
background:url('../image/picto/fleche.bleu.gif');
background-repeat:no-repeat;
padding-left:25px;
color:#27a1bd;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding-top:3px;
}
.ListeFilm li a:hover, .ExtraitSonore a:hover {
text-decoration:underline;
} 
.ListeFilm .blockGoodies dt {
padding-top:5px;
padding-bottom:5px;
}

.ListeInline ul {}
.ListeInline li {
display:inline;
list-style:none;
padding:0;
}


/**
EXTRAITS SONORE
*/
.ExtraitSonore h1 {
margin-top:10px;
margin-bottom:10px;
background:url('../image/picto/radio.png');
background-repeat:no-repeat;
padding-left:45px;
padding-top:15px;
height:30px;
font-size:16px;
color:#007cbf;
}

.ExtraitSonore h2 {
margin-top:5px;
margin-bottom:5px;
background-repeat:no-repeat;
padding-top:15px;
height:30px;
font-size:12px;
color:#007cbf;
}


/***
ON PEUT AGIR MENU
*/
#contenu .MenuInstitutions {
position:relative;
top:20px;
width:530px;
height:400px;
padding-left:0px;
}

#contenu .MenuOnPeutAgir {
position:relative;
top:20px;
width:500px;
background:url('../image/picto/fond.onpeutagir.gif');
background-repeat:no-repeat;
height:400px;
}
#contenu .MenuOnPeutAgir #SeLogerImg {
position:absolute;
left:125px;
top:10px;
}
#contenu .MenuOnPeutAgir #SequiperImg {
position:absolute;
right:75px;
top:10px;
}
#contenu .MenuOnPeutAgir #SeDeplacerImg {
position:absolute;
left:125px;
top:140px;
}
#contenu .MenuOnPeutAgir #ConsoImg {
position:absolute;
right:60px;
top:135px;
}

/**
BLOC DROITE
*/
#BlockDroite {
position:absolute;
z-index:4;
right:17px;
top:97px;
width:136px;
height:218px;
}

/** BLOCK 1 : ADEME (STATIQUE) */
#BlockDroite .ademe {
width:136px;
height:152px;
margin-bottom:0px;
}

#BlockDroite .ademe p {
margin-left:10px;
margin-right:10px;
padding-top:0px;
}
#BlockDroite .ademe2 a {
color:#FFF;
font-weight:bold;
text-decoration:none;
}
#BlockDroite .ademe2 a:hover {
text-decoration:underline;
}

#BlockDroite .ademe2 {
background:url('../image/energie/energie.milieu.png');
background-repeat:repeat-y;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/energie/energie.milieu.png', sizingMethod:'scale');
width:136px;
height:auto;
color:#FFF;
text-align:center;
font-size:11px;
margin-top:0px;
}

/** BLOCK 2 : A NOTER (DYNAMIQUE) */
#BlockDroite.anoter {
width:136px;
right:19px;
}
#BlockDroite .anoterHeader {
background:url('../image/anoter/anoter.header.png');
background-repeat:no-repeat;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/anoter/anoter.header.png');
width:136px;
height:63px;
}
#BlockDroite .anoterMilieu {
background:url('../image/anoter/anoter.milieu.png');
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/anoter/anoter.milieu.png', sizingMethod:'scale');
background-repeat:repeat-y;
width:131px;
padding-left:16px;
color:#FFF;
}
html>body #BlockDroite .anoterMilieu {
min-height:218px;
height:auto;
}
#BlockDroite .anoterMilieu h3 {
color:#7fff5c;
font-size:20px;
margin-bottom:10px;
}
#BlockDroite .anoterMilieu p {
text-align:left;
width:100px;
}

#BlockDroite .anoterFooter {
background:url('../image/anoter/anoter.footer.png');
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/anoter/anoter.footer.png');
background-repeat:no-repeat;
width:136px;
height:15px;
}

/** BLOCK 3 : INFO ENERGIE (DYNAMIQUE) */
#BlockDroite.energie {
width:136px;
right:18px;
top:88px;
}
#BlockDroite .energieHeader {

width:136px;
height:164px;
}
#BlockDroite .energieHeader a{
width:136px;
height:164px;
}
#BlockDroite .energieMilieu {
background:url('../image/energie/energie.milieu.png');
background-repeat:repeat-y;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/energie/energie.milieu.png', sizingMethod:'scale');
width:136px;
padding-left:16px;
color:#FFF;
}
html>body #BlockDroite .energieMilieu {
min-height:218px;
height:auto;
}
#BlockDroite .energieMilieu h3 {
color:#7fff5c;
font-size:20px;
margin-bottom:10px;
}
#BlockDroite .energieMilieu p {
text-align:left;
width:100px;
}

#BlockDroite .energieFooter {
background:url('../image/energie/energie.footer.png');
background-repeat:no-repeat;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/energie/energie.footer.png');
width:136px;
height:90px;
}


/** BLOCK 4 : FOCUS */
#BlockDroite.focus {
width:136px;
right:17px;
}
#BlockDroite .focusHeader {
background:url('../image/focus/focus.header.png');
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/focus/focus.header.png');
background-repeat:no-repeat;
width:136px;
height:51px;
}
#BlockDroite .focusMilieu {
background:url('../image/focus/focus.milieu.png');
background-repeat:repeat-y;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/focus/focus.milieu.png', sizingMethod:'scale');
width:118px;
padding-left:16px;
color:#FFF;
}
html>body #BlockDroite .focusMilieu {
min-height:218px;
height:auto;
}
#BlockDroite .focusMilieu h3 {
color:#3e5396;
font-size:20px;
margin-bottom:10px;
}
#BlockDroite .focusMilieu p {
text-align:justify;
width:95px;
}

#BlockDroite .focusFooter {
background:url('../image/focus/focus.footer.png');
background-repeat:no-repeat;
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/focus/focus.footer.png');
width:136px;
height:22px;
}

/***
HOME
*/
#home {
background:url('../image/home/fond.home.jpg');
background-repeat:no-repeat;
width:955px;
height:551px;
position:absolute;
left:50%;
margin-left:-477px;
}
#home .Block1 {
position:absolute;
right:75px;
top:75px;
}
#home .Block1 object {
position:absolute;
right:15px;
}
#home .Block2 {
position:absolute;
right:0px;
top:-5px;
z-index:3;
}
#home .Block3 {
position:absolute;
left:10px;
top:275px;
z-index:3;
}
#home .BlockActu {
position:absolute;
right:230px;
top:355px;
width:140px;
color:#FFF;
text-align:left;
}
#home .Blocklien1 {
position:absolute;
right:175px;
top:480px;
width:55px;
height:70px;
}
#home .Blocklien2 {
position:absolute;
right:110px;
top:480px;
width:55px;
height:70px;
}
#home .BlockActu h3 {
font-size:12px;
}
#home .BlockActu a {
color:#FFF;
text-decoration:none;
}
#home .BlockActu a:hover {
text-decoration:underline;
}

/**
LISTE GLOSSAIRE
*/

#listeGlossaire .glossaire h1 a:first-letter {
font-size:24px;
color:#0b873c;
}
#listeGlossaire .glossaire h1 a {
color:#8dac24;
}
#listeGlossaire .showLettre p {
margin-left:30px;
}
#listeGlossaire .showLettre h4 {
margin-top:10px;
margin-bottom:10px;
background:url('../image/picto/h2.png');
background-repeat:no-repeat;
padding-left:30px;
font-size:14px;
color:#0b873c;
}
/**
ACCES RAPIDE : RACCOURCIS.
*/
.Marge { padding-left:30px; }
.Bleu { color:#007cbf; }
.reset, .nettoyeur { clear:both; }
.UpperCase { text-transform:uppercase; }
.Blanc { color:#FFF; }
.Bold { font-weight:bold; }
.spip { margin-top:10px; }
.Orange { color:#ffa739; }
.OrangeFonce { color:#e25501; }

/**
SIZE RAPIDE
*/
.Size14 { font-size:14px; }
.Size16 { font-size:16px; }

/* Les Mesures */

#lesmesures {
width:310px;
margin-left:0;
float:left;
z-index:10;
}
#lesmesureshaut {
background:#ffffff url('images/opa_niveau3_mesuresTop.png') no-repeat left top;
width:310px;
height:96px;
}
#lesmesuresbas {
background-image:url('images/opa_niveau3_mesuresBg.png');
background-repeat:repeat-y;
background-position:top left;
width:310px;
}
#lesmesuresbas ul {
vertical-align:top;
padding-right:5px;
min-height:100px;
}
#lesmesuresbas ul li {
margin-left:25px;
margin-right:5px;
text-align:left;
list-style:none; 
padding-left:35px;
padding-bottom:5px;	
font:12px "Arial";
font-weight:bold;
color:#591f00;
background:url('../image/agir/les_mesures_bas_ul.png');
background-repeat:no-repeat;
}
#lesmesuresbas ul li a {
color:#591f00;
}
#lesmesuresbas ul li a.ArticleSelect {
color:white;
}

#lesmesuresombre {
background:url('images/opa_niveau3_mesuresBgOmbre.gif');
width:310px;
height:7px;
margin:0px;
padding:0px;
}

/* Au quotidien */
#auquotidien {
width:205px;
padding:0px;
margin:0px;
float:left;
z-index:1;
}

#auquotidienhaut {
background:#fff7f7 url('images/opa_niveau3_quotidienTop.gif') no-repeat left top;
width:253px;
height:95px;
}
#auquotidienbas {
background-color:#fff7f7;
width:253px;
margin-bottom:20px;
}
#auquotidienbas ul {
min-height:130px;
padding-right:5px;
}
#auquotidienbas ul li {	
font:12px "Arial";
font-weight:bold;
text-align:left;
color:#04464f;
margin-left:5px;
list-style:none; 
padding-left:35px;
padding-bottom:5px;
background:url('../image/agir/au_quotidien_bas_ul.png');
background-repeat:no-repeat;
}
#auquotidienbas ul li a {
color:#04464f;
}
#auquotidienbas ul li a.ArticleSelect {
color:#18a4b1;
}
#auquotidienombre {
width:253px;
height:8px;
margin:0px;
padding:0px;
}

#pourquoi_comment {
margin-top:20px;
margin-bottom:0px;
padding-bottom:0px;
border:0px;
display:block;
}
#pourquoi_comment a{
color:#ffaf02;
}
#pourquoi_comment .fond {
background:url('../image/agir/pancarte_bas.png');
background-repeat: repeat-y;

}
#pourquoi_comment .image{
	padding:0px;
	margin:0px;
	border:0px;
	background:url('../image/agir/pancarte_haut.png');
	width:131px;
	height:46px;
}
#pourquoi_comment .texte1 {
	background-color:#d84708;
	color:#ffaf02;
	font:"Arial" 14pt;
	font-weight:bold;
	width:400px;
	padding:2px;
	padding-left:5px;
	margin-left:30px;
	margin-bottom:5px;
}
#pourquoi_comment .texte2 {
	background-color:#d84708;
	color:#ffaf02;
	font:"Arial" 14pt;
	font-weight:bold;
	width:400px;
	padding:2px;
	padding-left:5px;
	margin-left:50px;
	margin-bottom:5px;
}

#podcast .image{
	padding:0px;
	margin-left:40px;
	border:0px;
	background:url('../image/agir/podcast.png');
	width:85px;
	height:28px;
}
#podcast .texte1 {
	/* background-color:#ffaf02;
	color:#d84708;
	font:"Arial" 14pt;
	font-weight:bold;
	width:400px; 
	margin:0px;
	margin-left:30px;
	margin-bottom:2px;*/
}
.titrePodcast {
	background-color:#ffaf02;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	width:390px;
	height:30px;
	text-decoration:underline;
	padding-top:5px;
	
}
#podcast .texte2 {
	/* background-color:#ffaf02;
	color:#d84708;
	font:"Arial" 14pt;
	font-weight:bold;
	width:400px; */
	margin-left:50px;
}
#videos .onevideo {
	clear:both;
	display:block;
}
#videos .video {
	clear:both;
	color:#d84708;
	font:14px "Arial";
	display:block;
}
#videos .conteneur {
	width:400px;
	padding:5px;
	/* background-color:#ffaf02; */
	background-color:#ffffff;
	border:2px solid #ffaf02;
}
#videos .video img {
	border:1px solid #DDD;
	float:left;
}
#videos .image{
	margin-left:15px;
	background:url('../image/agir/videos.png');
	width:43px;
	height:45px;
	background-repeat: no-repeat;
}
#videos .texte {
	padding-top:10px;
	height:50px;
	color:#d84708;
	margin-left:80px;
	width:300px;
	padding-left:10px;
}
#videos {
	display:block;
	margin-left:25px;
}
#les_mesures_chapeau {
	font:12px "Arial";
	font-weight:bold;
	color:#ff6100;
	margin-top:25px;
}
#les_mesures_titre {
	font:16px "Arial";
	font-weight:bold;
	color:#ffaf02;
	margin-top:25px;
}
#au_quotidien_chapeau {
	font:12px "Arial";
	font-weight:bold;
	color:#18a4b1;
	margin-top:25px;
}
#au_quotidien_titre {
	font:16px "Arial";
	font-weight:bold;
	color:#055d69;
	margin-top:25px;
}

#liste_bleue ul li {	
font:12px "Arial";
font-weight:bold;
color:#007bae;
margin-left:5px;
list-style:none; 
padding-left:35px;
padding-bottom:5px;
background:url('../image/agir/au_quotidien_bas_ul.png');
background-repeat:no-repeat;
margin-top:15px;
}
#liste_bleue ul li a {
color:#007bae;
}
/* On peut Agir */
.rondbleu {
color:#fe7902;
margin-top:15px;
margin-bottom:5px;
padding-left:35px;
background:url(/image/picto/rondbleu.png) no-repeat;
font-weight:bold;
}

a:hover .rondbleu {
color:#FFAF02;
}

/* Nuage de Tags */
#nuageTag{
background:#ffffff url('images/nuageBg.gif') bottom left;
margin-right:30px;
margin-left:10px;
margin-top:20px;
text-align:justify;
padding:5px;
width:165px;
}

#nuageTag a{
color:#47c3df;
text-decoration:none;
}

#nuageTag a:hover{
text-decoration:underline;
}


/* Coup de Projecteur sur... */

#coupProjecteur{
margin-top:20px;
}

#coupProjecteur h1{
color:#00a6bc;
font-size:14px;
font-weight:bold;
}

#coupProjecteur img{
float:left;
margin-right:5px;
}

#coupProjecteur .introDesc{
float:left;
}

#coupProjecteurAncien{
margin-top:20px;
}

#coupProjecteurAncien img{
float:left;
margin-right:5px;
}

#coupProjecteurAncien .introDesc{
float:left;
}

/* Footer */

#footer {
	clear:both;
}