body{
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size:62.5%;
behavior: url(csshover.htc);
background-color:#f5fdff;
}
html{
	*scrollbar-arrow-color: #27A2D8;
	*scrollbar-3dlight-color: #27A2D8;
	*scrollbar-darkshadow-color: #27A2D8;
	*scrollbar-highlight-color: #D5F0FF;
	*scrollbar-shadow-color: #D5F0FF;
	*scrollbar-face-color: #7EC9EB;
	*scrollbar-track-color: #D5F0FF;
}
h1{
font-size:3.5em;
color:#FFAC06;
padding:0px;
margin:20px 0px 20px 0px;
border:0px;
font-family: Impact, "Arial Black", sans-serif;
}
h2{
font-size:1.4em;
color:#FFAC06;
padding:0px;
margin:0px;
border:0px;
}
h3{
color:#66721C;
font-size:1.2em;
padding:0px 25px 0px 15px;
margin:0;
}
h4  a{ color:#00A0C6;}
h4 {
color:#00A0C6;
letter-spacing:-0.1ex;
font-size:1.1em;
padding:8px 0px 0px 10px;
margin:0;
}
h5 a{
color:#00A0C6;
}
h5{
color:#00A0C6;
letter-spacing:-0.1ex;
font-size:1.0em;
padding:0px 0px 0px 5px;
margin:0;
}
ul{
margin:0px 0px 0px 55px;
padding:0px;
font-size:1.1em;
}
p{
font-size:1.0em;
margin:0px 3px 0px 3px;
}
a{
text-decoration:none;
font-size:1.0em;
color:#000;
}
a:hover{
	color:#FF2E2E;
}
img{
margin:0px;
border: 2px solid transparent;
padding:0px;
*border-color:tomato; /*For IE6-*/
*filter:chroma(color=tomato);/*For IE6-*/
}
a:hover img {
border-color:white;
}
form{
margin-left:10px;
text-align:center;
}
input, textarea{
font-size:10px;
color:#002E66;
background-color:#C9ECFF;
}
.separation{
background: transparent url(images/sepa.gif) repeat-x;
margin:0px;
height:2px;
width:100%;
}
#main{
top:0px;
left:0px;
position:absolute;
width:878px;
background: transparent url(images/bg.gif) repeat-y ;
}
#lien_accueil{
position:absolute;
height:50px;
width:550px;
cursor:pointer;
left:89px;
top:17px;
z-index:15;
}
#boule_titre{
position:absolute;
width:600px;
height:132px;
top:179px;
z-index:10; 
}
#titre_rubrique{
float:right;
width:415px;
margin-top:43px;
}
#menu{
position:absolute;
top:59px;
left:415px;
z-index:10; 
white-space: nowrap;
overflow:hidden;
}
	#climat{
	background: transparent url(images/climat.gif) no-repeat ;
	width:91px;
	height:136px;
	float:left;
	cursor:pointer;
	}
	#energie{
	background: transparent url(images/energie.gif) no-repeat ;
	width:83px;
	height:136px;
	float:left;
	cursor:pointer;
	}
	#ress_nat{
	background: transparent url(images/ress_nat.gif) no-repeat ;
	width:104px;
	height:136px;
	float:left;
	cursor:pointer;
	}
	#dechets{
	background: transparent url(images/dechets.gif) no-repeat ;
	width:92px;
	height:136px;
	float:left;
	cursor:pointer;
	}
	#biodiversite{
	background: transparent url(images/biodiversite.gif) no-repeat ;
	width:93px;
	height:136px;
	float:left;
	cursor:pointer;
	}

	#climat:hover{
	background: url(images/climat2.gif) no-repeat ;
	}
	#energie:hover{
	background: transparent url(images/energie2.gif) no-repeat ;
	}
	#ress_nat:hover{
	background: transparent url(images/ress_nat2.gif) no-repeat ;
	}
	#dechets:hover{
	background: transparent url(images/dechets2.gif) no-repeat ;
	}
	#biodiversite:hover{
	background: transparent url(images/biodiversite2.gif) no-repeat ;
	}

#header{
background: transparent url(images/header.gif) repeat-y ;
height:214px; 
width:100%;
padding:0px;
margin:0px;
border:0px;
}
#fil_ariane{
position:absolute;
top: 193px;
left:128px;
z-index:10;
color:#fff;
font-weight:bold;
}
	#fil_ariane a{
	font-weight:bold;
	color:#fff;
	}
	#fil_ariane a:hover{
		color:#FF2E2E;
	}

#milieu{
width:878px;
padding-top: 0px;
overflow:hidden;
}

#leftcol{
 width: 194px;
 left:10px;
 float: left;
 position: relative;
 margin: 0px;
 margin-top:105px;
 }

	.thema_haut{
	width:100%;
	padding-bottom:5px;
	padding-top:7px;
	}
	#thema_haut h3{
	font-family: "Arial Black", Arial, sans-serif;
	font-size:1.4em;
	font-weight:200;
	color:#6c6d77;
	}
	#thema_milieu{
	background-color:#FFAC06;
	width:100%;
	height:372px;
	overflow : auto;
	overflow-x:hidden;
	}
	#thema_milieu1{
	background-color:#FFAC06;
	width:100%;
	height:480px;
	overflow : auto;
	overflow-x:hidden;
	}
	#thema_bas{
	background: transparent url(images/thema_bas.gif);
	height:18px; 
	width:100%;
	margin-bottom:5px;
	}
	
#content{
 width:629px;
 float:left;
 position:relative;
padding:105px 0px 10px 0px;
margin-left:10px;
height:464px;
}

	#video_infos{
	text-align:justify;
	float:left;
	width:200px;
	}
	#video_menu{
	float:right;
	width:139px;
	text-align:center;
	}
		#video_titre_vid{
		/*position:absolute;*/
		padding:10px 0px 0px 25px;
		left:28px;
		top:11px;
		}
		.menu{
		width:120px;
		height:16px;
		margin:3px auto 0px auto;
		cursor:pointer;
		}
		#menu_video{
		background: transparent url(images/menu_video.gif) no-repeat;
		margin-top:12px;
		display:block;
		}
		#menu_info_video{
		background: transparent url(images/menu_info_video.gif) no-repeat;
		display:block;
		}
		#menu_reagir{
		background: transparent url(images/menu_reagir.gif) no-repeat;
		display:block;
		}
		#menu_envoyer_ami{
		background: transparent url(images/menu_envoyer_ami.gif) no-repeat;
		display:block;
		}
		#menu_video:hover{
		background: transparent url(images/menu_video2.gif) no-repeat;
		}
		#menu_info_video:hover{
		background: transparent url(images/menu_info_video2.gif) no-repeat;
		}
		#menu_reagir:hover{
		background: transparent url(images/menu_reagir2.gif) no-repeat;
		}
		#menu_envoyer_ami:hover{
		background: transparent url(images/menu_envoyer_ami2.gif) no-repeat;
		}
		#info{
		float:right;
		margin-top:3px;
		margin-right:3px;
		}
		#info a{
		color:#FFFFFF;
		/*color:#78736f;*/
		font-size:1.0em;
		font-weight:bold;
		text-decoration:underline;
		}
		#info a:hover{
		color:#FF2E2E;
		}
	#options_video{
	background: transparent url(images/reagir.gif) no-repeat;
	width:332px;
	height:299px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	overflow:auto;
	}
	#options_video_infos{
	background: transparent url(images/reagir_infos.gif) no-repeat;
	width:332px;
	/*height:466px;*/
	height:700px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	overflow:auto;
	}
		h2.options_titr1{
		padding:15px 0px 0px 15px;
		color:#fff;
		}
		h3.options_titr2{
		color:#FFAC06;
		margin:10px 0px 0px 15px;
		padding:0px 0px 0px 25px;
		background: transparent url(images/options_fleche.gif) no-repeat;
		}
		#options_video form table tr td{
		color:#C9ECFF;
		font-size:11px;
		text-align:right;
		vertical-align:top;
		}
		#options_video_infos form table tr td{
		color:#C9ECFF;
		font-size:11px;
		text-align:right;
		vertical-align:top;
		}
			#options_envoyer{
			width:85px;
			height:16px;
			margin:5px 0px 0px 0px;
			cursor:pointer;
			border:0px;
			background: transparent url(images/bt_envoyer.gif) no-repeat;
			}
			#options_envoyer:hover{
			background: transparent url(images/bt_envoyer2.gif) no-repeat;
			}
		#options_video p{
		color:#C9ECFF;
		margin: 5px 15px 5px 15px;
		text-align:justify;
		}
		#options_video_infos p{
		color:#C9ECFF;
		margin: 5px 15px 5px 15px;
		text-align:justify;
		}
	
#barre_bas_haut{
background: #B6D30D url(images/barre_bas_haut.gif) no-repeat ;
width:867px;
height:17px;
margin-left:10px;
margin-top:5px;
}
#barre_bas_milieu{
background: #B6D30D url(images/barre_bas_milieu.gif) repeat-y ;
width:867px;
margin-left:10px;
overflow:hidden;
}
	#barre_bas_milieu div h3 {
	padding-bottom:10px;
	}
	#barre_bas_milieu div p a{
	color:#fff;
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.1em;
	}
	#barre_bas_milieu div p a:hover{
	color:#FF2E2E;
	}
	#barre_agenda{
	width:143px;
	text-align:center;
	float:left;
	}
	#barre_ressources{
	width:164px;
	float:left;
	text-align:center;
	}
	#barre_quizz{
	width:144px;
	float:left;
	text-align:center;
	}
	#barre_plus_loin{
	width:220px;
	float:left;
	text-align:center;
	}
		#barre_france5{
		background: transparent url(images/barre_france5.gif) no-repeat;
		width:79px;
		height:25px;
		display:block;
		margin:5px auto 0px auto;
		}
	#barre_logo{
	float:left;
	width:176px;
	height:107px;
	margin:0px 0px 0px 5px;
	}
	#barre_logo a:hover img{
	border-color:transparent;
	*border-color:tomato; /*For IE6-*/
	*filter:chroma(color=tomato);/*For IE6-*/	
	}
	#barre_text_logo{
	color:#66721c;
	text-align:center;
	font-family:arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	}
#barre_bas_bas{
background: #B6D30D url(images/barre_bas_bas.gif) no-repeat ;
width:867px;
height:19px;
margin-left:10px;
}
#footer{
background: transparent url(images/footer.gif) repeat-y ;
height:19px; 
width:100%;
padding:0px;
margin:0px;
border:0px;
float:left;
text-align:center;
}
	#liste_footer{
	display: inline;
	margin:0px;
	}
	#liste_footer li{
	color:#fff;
	font-size:1.0em;
	padding-left:5px;
	display: inline;
	border-left: 1px solid #fff;
	}
	#liste_footer li a{
	color:#fff;
	text-decoration:none;
	font-size:1.0em;
	}
	#liste_footer li a:hover{
	color:#FF2E2E;
	}
	#liste_footer li.first{
	display: inline;
	border:0px;
	padding-left:0px;
	}