@charset "utf-8";
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#f4f5f3;
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
ul, h1, h2, h3, h4, p{ margin:0px; padding:0px;}
ul{ list-style:none;}

/** **/
#accueil{
	background:#f4f5f3 url(../_img/bg_page0.jpg) no-repeat 0px 0px;
	width:990px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#climat{
	background:#f4f5f3 url(../_img/bg_page0.jpg) no-repeat 0px 0px;
	width:990px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#ressources{
	background:#f4f5f3 url(../_img/bg_page0.jpg) no-repeat 0px 0px;
	width:990px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#eau{
	background:#f4f5f3 url(../_img/bg_page0.jpg) no-repeat 0px 0px;
	width:990px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#air{
	background:#f4f5f3 url(../_img/bg_page0.jpg) no-repeat 0px 0px;
	width:990px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#pile{
	width:990px;
	border:1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../_img/bg_nuages.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footerPile{
	background:url(../_img/bg_footer.gif) no-repeat 0px 100%;
}
/****/
#logo{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 100px;
}
#pile #logo{
	padding:50px 0px 0px 60px;
}
ul#menu{ float:left; margin-top:225px; margin-left:10px; width:210px;}
#pile ul#menu{
	margin-top:45px;
}
ul#menu li{ padding-bottom:2px;}
#centre{
	width:650px;
	margin-top:200px;
	float:left;
	position: relative;
	z-index: 90;
}
#centre2{
	width:700px;
	margin-top:70px;
	float:left;
}
#centre h2, #centre2 h2 { float:left;}
#centre2 h3 {
	color:#2766aa;
	font-size:0.8em;
	text-transform:uppercase;
	float:left;
	padding-left:10px;
	width:350px;
	padding-top:10px;
}
.accroche{
	width:400px;
	float:left;
	font-size:0.8em;
	color:#fd1b14;
	text-transform:uppercase;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	letter-spacing: -1px;
}
.accroche2{
	width:460px;
	float:left;
	font-size:0.8em;
	color:#fd1b14;
	text-transform:uppercase;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 185px;
	letter-spacing: -1px;
}
#contenu{ padding:10px 0px 10px 185px;}
#centre2 #contenu{ padding:0px 0px 10px 0px;}
#contenu p{
	font-size:0.6em;
	color:#000000;
	margin-bottom:10px;
}



#centre2 #contenu p, #centre2 #contenu h3, #centre2 #contenu h4{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 275px;
	margin: 0px;}

#centre2 #contenu h3{
	color:#2766aa;
	font-size:0.8em;
	text-transform:uppercase;
	float:none;
}
#centre2 #contenu h4{
	font-size:0.7em;
	float:none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#graphique{
	float:left;
	wisth:129px;
	padding:10px 10px 10px 35px;
}
/** **/
#footer{
	font-size:0.65em;
	color:#000000;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#footer a{
	color:#fd1b14;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}


#pile #footer a{
	color:#FFFFFF;
	text-decoration: none;
}
#pile #footer a:hover{
	text-decoration: underline;
}

/*#pile #footer a.selected {text-decoration: underline;}*/

#accueil #footer{ margin:141px 0px 10px 0px;}
#climat #footer{ margin:95px 0px 10px 0px;}
#ressources #footer{ margin:102px 0px 10px 0px;}
#eau #footer{ margin:107px 0px 10px 0px;}
#air #footer{ margin:140px 0px 10px 0px;}
#pile #footer{
	margin:110px 0px 0px 0px;
	padding-bottom:10px;
}
/** **/
.bloc{
	background:url(../_img/bg_bloc.gif) repeat-y 0px 0px;
	width:auto;
	font-size:0.7em;
	color:#006f9f;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-weight: bold;
	margin: 0px;
}
.topBloc{
	background:url(../_img/top_bloc.gif) no-repeat 0px 0px;
	font-size:1px;
	height:27px;
	width:465px;
	margin-top:10px;
}
.botBloc{
	background:url(../_img/bot_bloc.gif) no-repeat 0px 0px;
	font-size:1px;
	height:3px;
	width:465px;
}
/** **/
.clr{ clear:both; font-size:1px; line-height:1px; height:1px;}
/** **/
.slider1
{
	width: 16px;
	height: 16px;
	background: none;
	position: absolute;
	border:1px solid #FEFEFE;
	margin-left:5px;
}
.indicator
{
	width: 16px;
	height: 16px;
	background:url(../_img/bg_scroll.gif) repeat 0px 0px;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
.container
{
	width: 650px;
	height: 450px;
	padding: 10px;
	overflow: hidden;
	position: relative;
	margin-top:70px;
}
.content
{
	position: absolute;
}
.cap {
	text-transform: uppercase;
	font-weight: bold;
}

/** **/
a.pdf{ background:url(../_img/pic-PDf.gif) no-repeat 0px 0px; padding:2px 0px 2px 20px; color:#000000; text-decoration:underline;}
a:hover.pdf{ text-decoration:none;}
/** **/
.contactus{ font-size:1.2em;}
img {
	margin: 0px;
	padding: 0px;
}
h3.pile {
	background-image: url(../_img/recycle.gif);
	background-repeat: no-repeat;
	background-position: 220px 0px;
	width: 46px;
	height: 45px;
	padding: 0px;
	line-height: 45px;
	margin: 0px;
}


/** **/
a:hover{
	text-decoration:underline;
}
blockquote {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#accueil #centre .piles {
	position: absolute;
	top: -30px;
	left: 100px;
	z-index: 100;
}